@charset "utf-8";

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:82vh; max-height:860px; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
#mainVisual .mainVisualWrap, 
#mainVisual .mainVisualCon, 
#mainVisual .slick-list,  
#mainVisual .slick-track, 
.item{
	height:100%;
}

	@media screen and (max-width:999px){
		#mainVisual {height:72vh;}
	}

	@media screen and (max-width:799px){
		#mainVisual {height:62vh;}
	}

.mainVisualWrap {position:relative; z-index:2;}

/* 메인 비주얼 ::이미지 */
.item {position:relative;}
.item .pc_img{
	width:100%;
	height:100%;
	background-size:cover !important;
	-ms-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1); 
    -moz-transform:scale(1.1,1.1); 
    -webkit-transform:scale(1.1,1.1); 
     transform:scale(1.1,1.1);
	-webkit-transition:transform 5000ms  ease-in-out ;
	-moz-transition:transform 5000ms ease-in-out ;
	-o-transition:transform 5000ms ease-in-out ;
	-ms-transition:transform 5000ms ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
 .item .m_img{display:none;}
.mo_img_wrap {
  display: none;
}

@media (max-width: 768px) {
  .pc_img {
    display: none !important;
  }

  .mo_img_wrap {
    display: block !important;
  }

.mo_img_wrap img {
    width: 100%;
    height: 100dvh; /* ✅ 여기만 추가 */
    display: block;
    object-fit: cover; /* 또는 contain 선택 가능 */
  }
}

/* 메인 비주얼 ::텍스트 */
.item .text_box {display:flex; align-items: center; position:absolute; width:1200px; height:100%; top:0; left:calc(50% - 600px);}
.item .text_box h3.title,
.item .text_box p,
.item .text_box .main-visual-more-btn{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform:translateX(-50px); 
    -o-transform:translateX(-50px); 
    -moz-transform:translateX(-50px);
    -webkit-transform:translateX(-50px); 
     transform:translateX(-50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
.item .text_box h3.title {display:block;font-size:50px; font-weight:700; line-height:120%; color:#fff; font-family: 'Montserrat', sans-serif;}
.item .text_box h3.title em {font-style:normal; font-size:25px; font-weight:300; display:block; letter-spacing:-0.025em; line-height:120%; margin-bottom:12px; font-family:'NanumSquare Neo', sans-serif;}
.item .text_box p{margin-top:15px; font-weight:400; font-size:24px; color:#fff; 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 .main-visual-more-btn {display:inline-block; letter-spacing:0.05em; font-size:16px; font-weight:400; margin-top:60px; color:#fff; text-transform:uppercase; width:180px; line-height:48px; height:50px; border:1px solid rgba(256,256,256,0.3); text-align:center; padding-left:20px; -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}
.item .text_box .main-visual-more-btn span.bul {display:block;position:absolute;top:calc(50% - 4px);left:25px;background:#fff;transition:all .5s;width:2px;height:8px;margin:0;}
.item .text_box .main-visual-more-btn span.bul:after {content:"";display:block;position:absolute;top:0;width:8px;height:2px;margin:3px 0 0 -3px;background:#fff;}
/* 메인 비주얼 ::active효과 */
.item.active-item .pc_img{
	-ms-transform:scale(1.0,1.0) rotate(0.0001deg);
    -o-transform:scale(1.0,1.0) rotate(0.0001deg);
    -moz-transform:scale(1.0,1.0) rotate(0.0001deg);
    -webkit-transform:scale(1.0,1.0) rotate(0.0001deg);
     transform:scale(1.0,1.0) rotate(0.0001deg);
}
.item.active-item h3.title,
.item.active-item p,
.item.active-item .main-visual-more-btn{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform:translateX(0px); 
    -o-transform:translateX(0px); 
    -moz-transform:translateX(0px);
    -webkit-transform:translateX(0px); 
     transform:translateX(0px);
}

	@media screen and (max-width:1219px){
		.item .text_box {width:100%; left:0; padding:0 2%;}
	}

	@media screen and (max-width:999px){
		.item .text_box h3.title {font-size:260%;}
		.item .text_box h3.title em {font-size:50%; line-height:160%;}
	}

	@media screen and (max-width:799px){
		.item .text_box h3.title {font-size:240%;}
		.item .text_box h3.title em {font-size:40%;}
	}

	@media screen and (max-width:499px){
		.item .text_box h3.title {font-size:220%;}
	}


#mainVisual .slick-arrow {position:absolute; bottom:155px; width:70px; height:70px; background-color:inherit; background-repeat:no-repeat; background-position:50% 50%; margin-top:-35px; cursor:pointer; border:0; cursor:pointer; z-index:9999; font-size:0; border:1px solid rgba(255,255,255,0.3); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

#mainVisual .slick-arrow.slick-prev {left:calc(50% - 700px); background-image:url('../img/main/prevBtn.png');}
#mainVisual .slick-arrow.slick-next {left:calc(50% - 631px); background-image:url('../img/main/nextBtn.png'); border-left:0;}
#mainVisual .slick-dots {position:absolute; left:calc(50% - 600px); top:29%; z-index:1099;}
#mainVisual .slick-dots li {display:inline-block; margin:0 1px; width:30px; height:2px; overflow:hidden; font-size:0;}
#mainVisual .slick-dots li button {width:100%;}

#mainVisual .slick-counter {position:absolute; width:1400px; top:50%; left:calc(50% - 694px); margin-top:-210px; font-size:20px; color:#fff; z-index:1009;}
#mainVisual .slick-counter .active {font-size:24px; color:#fff;}
#mainVisual .slick-counter .total {font-size:24px; color:#fff;}

	/*scroll icon */
	@-webkit-keyframes bounce {
		0%, 20%, 50%, 80%, 100% {-webkit-transform:translateY(0);}
		40% {-webkit-transform:translateY(-30px);}
		60% {-webkit-transform:translateY(-15px);}
	}
	@keyframes bounce {
		0%, 20%, 50%, 80%, 100% {transform:translateY(0);}
		40% {transform:translateY(-30px);}
		60% {transform:translateY(-15px);}
	}

#mainContents {}
#mainContents .br {display:block;}

.titleBox {text-align:center; padding:130px 0 0;}
.titleBox h4 {font-size:30px; font-weight:800; margin-bottom:50px;}
.titleBox h4 .sTit {display:block; font-size:20px; font-weight:400; margin-bottom:10px; word-break:keep-all;}
.titleBox p {font-size:18px; word-break:keep-all;}

	@media screen and (max-width:999px){
		.titleBox {padding:90px 0 0;}
		.titleBox h4 {font-size:180%; margin-bottom:40px;}
		.titleBox h4 .sTit {font-size:70%;}
		.titleBox p {font-size:110%; line-height:160%;}
	}

	@media screen and (max-width:799px){
		.titleBox {padding:70px 0 0;}
		.titleBox h4 {font-size:130%; margin-bottom:30px;}
		.titleBox h4 .sTit {font-size:70%;}
		.titleBox p {font-size:85%;}
	}

	@media screen and (max-width:499px){
		.titleBox {padding:50px 0 0;}
		.titleBox h4 {font-size:110%; margin-bottom:20px;}
		.titleBox h4 .sTit {font-size:60%;}
		.titleBox p {font-size:80%;}
	}


.mainVissen .titleBox {background:url('../img/main/mainWave.png') center 30% no-repeat; background-size:cover; padding-bottom:130px;}
/*.mainVissen .titleBox h4:before {position:relative; display:block; content:url('../img/common/logo.png'); margin-bottom:30px;}*/
.mainVissen .titleBox p {opacity:0;}
.mainVissen .contentBox {display:flex; max-width:1920px; height:65vh; max-height:600px; background:url('../img/main/mainVissenBg.jpg') center no-repeat; background-size:cover; margin:0 auto;}
.mainVissen .contentBox .box {position:relative; width:25%; color:#fff; opacity:0;}
.mainVissen .contentBox .box:after {position:absolute; width:1px; height:100%; top:0; right:0; background:#fff; content:'';}
.mainVissen .contentBox .box:last-child:after {display:none;}
.mainVissen .contentBox .box a {display:flex; align-items: center; justify-content: center; flex-direction: column; width:100%; height:100%; transition:0.3s; padding:5px;}
.mainVissen .contentBox .box:hover a {background:rgba(0,111,255,0.7);}
.mainVissen .contentBox .box h5 {text-align:center; font-size:24px; font-weight:800; margin-bottom:10px;}
.mainVissen .contentBox .box h5 .sTit {display:block; font-size:16px; font-weight:400; color:rgba(255,255,255,0.5); margin-bottom:20px;}
.mainVissen .contentBox .box p {text-align:center;}
.mainVissen .contentBox .box .more {font-size:8px; margin-top:32px; color:rgba(255,255,255,0.75); font-weight:700;}
.mainVissen .contentBox .box .more .arrow {position:relative; display:inline-block; width:4px; height:7px; margin-left:20px;}
.mainVissen .contentBox .box .more .arrow::before, 
.mainVissen .contentBox .box .more .arrow::after{position:absolute; right:0; width:7px;height:1px; background:#fff; content:'';}
.mainVissen .contentBox .box .more .arrow::before{top:calc(50% - 2px); transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
.mainVissen .contentBox .box .more .arrow::after{top:calc(50% + 2px); transform:rotate(135deg);-webkit-transform:rotate(135deg);}

	@media screen and (max-width:1099px){
		.mainVissen .contentBox {flex-wrap: wrap; height:60vh;}
		.mainVissen .contentBox .box {width:50%;}
		.mainVissen .contentBox .box:before {position:absolute; width:100%; height:1px; bottom:0; right:0; background:#fff; content:'';}
		.mainVissen .contentBox .box:nth-child(3):before,
		.mainVissen .contentBox .box:nth-child(4):before {display:none;}
		.mainVissen .contentBox .box p .br {display:inline !important;}
	}

	@media screen and (max-width:999px){
		.mainVissen .titleBox {padding-bottom:90px;}
		.mainVissen .contentBox .box:nth-child(2):after {display:none;}
		.mainVissen .contentBox .box h5 {font-size:130%;}
		.mainVissen .contentBox .box h5 .sTit {font-size:80%;}
		.mainVissen .contentBox .box p {font-size:100%;}
		.mainVissen .contentBox .box .more {font-size:50%;}
	}

	@media screen and (max-width:799px){
		.mainVissen .titleBox {padding-bottom:70px;}
		.mainVissen .titleBox h4 img {max-width:150px;}
		.mainVissen .contentBox {height:auto; max-height:inherit;}
		.mainVissen .contentBox .box {width:100%;}
		.mainVissen .contentBox .box:nth-child(3):before,
		.mainVissen .contentBox .box:nth-child(4):before {display:block;}
		.mainVissen .contentBox .box:after {display:none;}
		.mainVissen .contentBox .box a {padding:40px 5px 30px;}
		.mainVissen .contentBox .box h5 {font-size:110%;}
		.mainVissen .contentBox .box p {font-size:85%; line-height:140%;}
		.mainVissen .contentBox .box .more {margin-top:17px;}
		.mainVissen .contentBox .box .more .arrow {margin-left:10px;}
	}
	

	@media screen and (max-width:499px){
		.mainVissen .titleBox {padding-bottom:50px;}
		.mainVissen .titleBox h4 img {max-width:120px;}
		.mainVissen .contentBox .box h5 {font-size:100%;}
		.mainVissen .contentBox .box p {font-size:80%;}
	}


.mainVissen .titleBox p.show {animation:fadeInUp 1s forwards;}

.mainVissen .contentBox.show .box {animation:fadeInLeft 1s forwards;}
.mainVissen .contentBox.show .box:nth-child(2) {animation-delay:0.2s;}
.mainVissen .contentBox.show .box:nth-child(3) {animation-delay:0.4s;}
.mainVissen .contentBox.show .box:nth-child(4) {animation-delay:0.6s;}

.mainNotice {padding-bottom:50px;}
.mainNotice .container {width:1600px;}
.mainNotice .contentBox {}
.mainNotice .contentBox.basicBox {opacity:0;}

.mainNotice .contentBox.show {}
.mainNotice .contentBox.show .basicBox:nth-child(1),
.mainNotice .contentBox.show .basicBox:nth-child(2) {animation:fadeInLeft 1s forwards;}
.mainNotice .contentBox.show .basicBox:nth-child(3),
.mainNotice .contentBox.show .basicBox:nth-child(4) {animation:fadeInRight 1s forwards;}

	@media screen and (max-width:1619px){
		.mainNotice .container {width:100%;}
	}

	@media screen and (max-width:999px){
		.mainNotice {padding-bottom:0;}
		.mainNotice .container {width:100%;}
	}

.mainNews {padding-bottom:50px;}
.mainNews .container {width:1600px;}
.mainNews .titleBox {padding:40px 0 0;}
.mainNews .contentBox {}
.mainNews .contentBox.basicBox {opacity:0;}

.mainNews .contentBox.show {}
.mainNews .contentBox.show .basicBox:nth-child(1),
.mainNews .contentBox.show .basicBox:nth-child(2) {animation:fadeInLeft 1s forwards;}
.mainNews .contentBox.show .basicBox:nth-child(3),
.mainNews .contentBox.show .basicBox:nth-child(4) {animation:fadeInRight 1s forwards;}

	@media screen and (max-width:1619px){
		.mainNews .container {width:100%;}
	}

	@media screen and (max-width:999px){
		.mainNews {padding-bottom:0;}
		.mainNotice .container {width:100%;}
	}

.mainPartners {background:url('../img/main/mainNoticeBg.png') center no-repeat; background-size:cover; padding-bottom:130px;}

.mainPartners .titleBox {margin-bottom:80px;}

	@media screen and (max-width:999px){
		.mainPartners .titleBox {margin-bottom:50px;}
	}

.mainPartners .contentBox {overflow:hidden; height:80px;}
.mainPartners .contentBox .swiper-slide {display:flex; justify-content: center; align-items: center;}
.mainPartners .contentBox .swiper-slide img {max-width:100%;}

.mainPartners .swiper-button-prev,
.mainPartners .swiper-button-next {top:auto; bottom:20px; color:#06326a; z-index:9;}
.mainPartners .swiper-button-prev {left:-80px;}
.mainPartners .swiper-button-next {right:-80px;}

	@media screen and (max-width:799px) {
		.mainPartners .contentBox .swiper-slide img {max-width:90%;}
	}


.quickWrap .quickUl > li.brochure {display:block;}


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