@charset "utf-8";

#main * {word-break:keep-all;}

/* ******************  메인 비주얼 ********************** */
#mainVisual {overflow:hidden;width: calc(100% - 180px);height:calc(100vh - 170px);position:relative;margin: 170px auto 0;}	/* 비주얼높이값 이미지에맞게 수정 */
#mainVisual .mainVisualWrap, 
#mainVisual .mainVisualCon, 
#mainVisual .slick-list,  
#mainVisual .slick-track, 
.item{
	height:100%;
}
.mainVisualWrap {position:relative; z-index:2;}

	@media screen and (max-width:1599px){
		#mainVisual {height:42vw; width:calc(100% - 100px);}
	}

	@media screen and (max-width:1419px){
		#mainVisual {margin-top:155px;}
	}

	@media screen and (max-width:999px){
		#mainVisual {height:60vh; width:94%; margin-top:80px;}
	}

	@media screen and (max-width:799px){
		#mainVisual {margin-top:70px;}
	}

	@media screen and (max-width:599px){
		#mainVisual {height:94vw;}
	}

	@media screen and (max-width:499px){
		#mainVisual {}
	}


.item {position:relative;}
.item .bg_img{width:100%;height:100%;background-size:cover !important;background-position: center !important;}
.item .img_Box{position:absolute;border-radius:0 200px 0 0;max-width: 690px;max-height: 715px;bottom: 0;left: 100px;width: calc(45% - 100px);height: 95%;background-size: cover !important;}

.item .text_box {position:absolute;top:50%;left: calc(50% - 20px);transform: translateY(-50%);}
.item .text_box .counter {font-size: 16px;color: #000;font-family:'YesevaOne', sans-serif;display: flex; align-items:center;}
.item .text_box .counter em {display:inline-block; margin-left:20px; width:0;height:1px;background: rgba(0,0,0,0.25);}
.item .text_box h3.title {display:block;font-size: 50px;line-height:120%;color:#000;font-family: 'YesevaOne', sans-serif;margin:35px 0 30px;letter-spacing: -.5px;}
.item .text_box p{font-weight:400;font-size:24px;color:#000;letter-spacing: -.5px;line-height:120%;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}

.item .text_box .counter,
.item .text_box h3.title,
.item .text_box p{opacity:0;}

.item.slick-active .text_box .counter {animation:fadeIn 1.0s ease-in-out forwards;  animation-delay:.5s;}
.item.slick-active .text_box .counter em {animation:width200 1.0s ease-in-out forwards; animation-delay:1s;}
.item.slick-active .text_box h3.title {animation:fadeInLeft50 1.0s ease-in-out forwards; animation-delay:.75s;}
.item.slick-active .text_box p {animation:fadeInLeft50 1.0s ease-in-out forwards; animation-delay:1s;}


	@media screen and (min-width:1921px){
		.item .img_Box {max-width: inherit;max-height: inherit;}
	}

	@media screen and (max-width:1599px){
		.item .img_Box {left:5%; width:40%; border-radius:0 150px 0 0;}
		.item.slick-active .text_box .counter em {animation:width150 1.0s ease-in-out forwards; animation-delay:1s;}
		.item .text_box h3.title {font-size: 46px; margin: 30px 0 20px;}
		.item .text_box p {font-size: 20px;}
	}

	@media screen and (max-width:1429px){
		.item .img_Box {border-radius: 0 120px 0 0;}
		.item .text_box {width:auto;}
		.item .text_box h3.title {font-size: 38px;}
		.item .text_box p {font-size: 18px;}
	}

	@media screen and (max-width:999px){
		.item .bg_img {background-position: bottom right -50px !important;}
		.item .img_Box {display:none;}
		.item .text_box {left:auto;padding:0 5%;width: 100%;}
		.item .text_box h3.title {margin: 50px auto 15px;}
		.item .text_box p {}
	}

	@media screen and (max-width:799px){
		.item .text_box {}
	}


	@media screen and (max-width:599px){
		.item .bg_img {background-position: bottom right -100px !important;}
		.item .text_box {top: 45%;}
		.item .text_box .counter {font-size:14px;}
		.item.slick-active .text_box .counter em {animation:width100 1.0s ease-in-out forwards; animation-delay:1s;}
		.item .text_box h3.title {font-size:34px;}
		.item .text_box p {font-size:16px;}
	}

	@media screen and (max-width:399px){
		.item .text_box {}
		.item .text_box h3.title {font-size:30px; margin: 30px auto 10px;}
		.item .text_box h3.title br {display:none;}
	}

#mainVisual .slick-dots {position:absolute;right: 145px;bottom: 90px;z-index:1099;display: flex !important;align-items: flex-end;}
#mainVisual .slick-dots li {margin:0 5px; width:6px; height:20px; overflow:hidden; font-size:0; background:#000; opacity:0.25;}
#mainVisual .slick-dots li.slick-active {height:30px; opacity:0.75;}
#mainVisual .slick-dots li button {width:100%;height:100%;background:transparent;border: none;}

	@media screen and (max-width:1429px){
		#mainVisual .slick-dots {bottom: 70px; right: 100px;}
	}

	@media screen and (max-width:1429px){
		#mainVisual .slick-dots {bottom: 50px; right: 5%;}
	}

	@media screen and (max-width:599px){
		#mainVisual .slick-dots {bottom: 5vw;}
		#mainVisual .slick-dots li {margin:0 3px; width:4px; height:15px;}
		#mainVisual .slick-dots li.slick-active {height:22px;}
	}

/* 메인 컨텐츠 */
#mainContents {padding:150px 0 100px; letter-spacing:-.25px;}
.section:not(:last-child) {margin-bottom:130px;}
.section h4 {font-size:80px; font-family:'Giveny', sans-serif; position:relative; margin-bottom:50px; padding-bottom:10px;}
.section h4:before {display:block; position:absolute; content:''; width:90px; height:2px; bottom:0; background:#E9B358;}
.section .txt h5 {font-size:30px;font-weight:600;line-height: 1.45;}
.section .txt p {margin:40px 0 65px; font-size:18px; line-height:1.3;}
.section .txt p .br {display:block;width: 100%;height: 25px;}
.btn_arrow a {display:inline-block;font-size:24px;color:#696969;position: relative;transition-duration:.3s;padding-right: 160px;}
.btn_arrow a span {position:absolute;display:inline-block;width:75px;height:75px;border:1px solid #E9B358;border-radius:50%;right: 0;top: 50%;transform: translateY(-50%);transition-duration: .3s;}
.btn_arrow a span:before {position:absolute;content:'';display:block;width:100px;height:18px;background-image:url('../img/main/btn_arrow.svg');background-repeat:no-repeat;background-size:contain;background-position: center;right:30px;top:30px;}
.btn_arrow a:hover {color:#000;}
.btn_arrow a:hover span {background:#fff1ca;}
.btn_arrow a:hover span:before {animation:btnBounce .6s;}
.btn_list {display:flex; margin:40px 0; gap:20px;}
.btn_list li a {font-size:18px; display:flex; align-items:center;}
.btn_list li a .icon {display:inline-block; margin-right:10px; width:30px; height:30px; background-repeat:no-repeat; background-size:contain; background-position:center;}
.btn_list li:hover a {font-weight:600;}
.imgBox {position:relative; overflow:hidden;}
.imgBox:before {position:absolute; display:block; content:''; background:#fff; width:100%; height:100%; transition-duration:1.5s;}
.imgBox.active:before {width:0;}

	@media screen and (max-width:1599px){
		#mainContents {padding:120px 0 100px;}
	}

	@media screen and (max-width:1419px){
		#mainContents {padding: 80px 0;}
		.section h4 {font-size:65px;margin-bottom: 30px;}
		.section .txt h5 {font-size: 22px;}
		.section .txt p {margin:20px 0 55px; font-size:16px;}
		.btn_arrow a {font-size:20px;padding-right: 120px;}
		.btn_arrow a span {width: 55px; height: 55px;}
		.btn_arrow a span:before {top: 18px; right: 22px; width: 80px;}
	}

	@media screen and (max-width:1299px){
		.section .txt p br {display:none;}
		.section .txt p .br {height:15px;}
	}

	@media screen and (max-width:999px){
		#mainContents {padding: 60px 0 80px;}
		.section:not(:last-child) {margin-bottom:80px;}
		.section h4 {font-size:55px;}
		.section .txt h5 {font-size: 18px;}
		.section .txt p {margin:15px 0 50px;}
	}

	@media screen and (max-width:599px){
		.section:not(:last-child) {margin-bottom:60px;}
		.section h4 {font-size:40px;margin-bottom: 20px;}
		.section h4:before {width:50px;}
		.section .txt h5 {font-size: 16px;}
		.section .txt p {font-size:14px; margin:15px 0 30px;}
		.btn_arrow a {font-size:16px;padding-right: 65px;}
		.btn_arrow a span {width:30px; height:30px;}
		.btn_arrow a span:before {top: 6px;right: 12px;width: 45px;}
		.btn_list {gap: 15px;margin:30px 0;}
		.btn_list li a .icon {margin-right:6px; width:24px; height:24px;}
		.btn_list li a {font-size:16px;}
	}

	@media screen and (max-width:499px){
		.section .txt h5 br {display:none;}
	}

	@media screen and (max-width:349px){
		.btn_list {flex-wrap:wrap;}
	}

/* lifar */
.lifar {display:flex; padding:0 90px 0 190px; justify-content:space-between; align-items:center;}
.lifar .txtBox {opacity:0; margin-right:30px;}
.lifar .imgBox {max-width:800px;}
.lifar .imgBox img {width:100%; height:100%; object-fit:cover; object-position:bottom;}

.txtBox.active {animation:fadeInUp 1.25s ease-in-out forwards;}

	@media screen and (max-width:1599px){
		.lifar {padding:0 50px;}
		.lifar .txtBox {width:50%;}
		.lifar .imgBox {width:50%;}
	}

	@media screen and (max-width:999px){
		.lifar {flex-wrap:wrap; padding:0 3%; justify-content:center;}
		.lifar .txtBox {width:100%;margin: 0 0 70px;}
		.lifar .imgBox {width:100%; max-width:inherit; height:40vw;}
	}

	@media screen and (max-width:599px){
		.lifar .txtBox {margin: 0 0 40px;}
		.lifar .imgBox {height:50vw;}
	}


/* pland */
.pland {text-align:center;}
.pland .txtBox {opacity:0;}
.pland h4:before {left:50%; transform:translateX(-50%);}
.pland .btn_arrow {margin:85px 0 65px;}
.pland .imgBox {max-width:1200px;margin:0 auto;opacity:0;transition: all ease-out 1.5s;}
.pland .imgBox:before {display:none;}
.pland .imgBox img {width:100%; height:100%; object-fit:cover;}

.pland .imgBox.active {animation:fadeIn 1.25s ease-in-out forwards;}
.txtBox.active {animation:fadeInUp 1.25s ease-in-out forwards;}

	@media screen and (max-width:999px){
		.pland .btn_arrow {margin:50px 0 70px;}
		.pland .imgBox {height:40vw;width: 100%;}
	}

	@media screen and (max-width:599px){
		.pland .btn_arrow {margin:30px 0 40px;}
		.pland .imgBox {height:50vw;}
	}

/* news */
.news {position:relative;padding-bottom: 125px;}
.news:before {position:absolute; display:block; background:#F8F5F0; content:''; top:-300px; bottom:0; left:-50vw; right:-50vw; z-index:-1;}
.news .txtBox {display:flex; align-items:flex-end; justify-content:space-between; opacity:0;}
.news h4 {margin-bottom:0;}
.news .btn_arrow {padding-bottom:30px;}
.news .btn_list {opacity:0;}
.news .btn_list li:nth-child(1) a .icon {background-image:url('../img/main/sns_youtube.png');}
.news .btn_list li:nth-child(2) a .icon {background-image:url('../img/main/sns_instagram.png');}
.news .btn_list li:nth-child(3) a .icon {background-image:url('../img/main/sns_facebook.png');}
.news .newsWrap {opacity:0;}

.news .txtBox.active {animation:fadeInUp 1.25s ease-in-out forwards;}
.news .btn_list.active {animation:fadeInUp 1.25s ease-in-out forwards;}
.news .newsWrap.active {animation:fadeIn 1.25s ease-in-out forwards;}

.pc_latestNews {}
.m_latestNews {display:none;}

	@media screen and (max-width:1199px){
		.pc_latestNews {display:none;}
		.m_latestNews {display:block;}
	}

	@media screen and (max-width:999px){
		.news:before {top: -30vw;}	
	}

	@media screen and (max-width:599px){
		.news:before {top: -40vw;}
	}


/* contact */
.contact {text-align:center;}
.contact .txtBox {opacity:0;}
.contact h4:before {left:50%; transform:translateX(-50%);}
.contact .btn_list {justify-content:center;}
.contact .btn_list li:nth-child(1) a .icon {background-image:url('../img/main/icon_google.png');}
.contact .btn_list li:nth-child(2) a .icon {background-image:url('../img/main/icon_naver.png'); width:27px; height:27px;}
.contact .btn_list li:nth-child(3) a .icon {background-image:url('../img/main/icon_kakao.png'); width:22px;}
.contact .btn_arrow {margin:85px 0 65px;}
.contact .mapBox {height:600px;}
.contact .mapBox iframe {width:100%; height:100%;}

	@media screen and (max-width:1419px){
		.contact .mapBox {height:500px;}
	}

	@media screen and (max-width:999px){
		.contact .btn_arrow {margin:50px 0 70px;}
	}

	@media screen and (max-width:799px){
		.contact .mapBox {height:400px;}
	}

	@media screen and (max-width:599px){
		.contact .btn_list li:nth-child(2) a .icon {width:22px; height:22px;}
		.contact .btn_list li:nth-child(3) a .icon {width:20px;}
		.contact .btn_arrow {margin:40px 0;}
		.contact .mapBox {height:300px;}
	}

.sec-footer {margin-top:0 !important;}


#subTabBox {display:none;}