@charset "UTF-8";
/*----------------------------------------------------------------------
# 메인 CSS 
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
@ MAIN COMMON 
----------------------------------------------------------------------*/
#main > section {position:relative; overflow-x:clip; z-index:1; box-sizing: border-box; }
section .container { width:100%; } 


.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.main_title h2 { font-size:3.125rem; color:#fff; font-weight:700; margin-bottom:0.625rem;  } 
.main_title h3 { font-size:2.5rem; color:#fff; font-weight:700; line-height:1.2; margin-bottom:0.625rem; } 
.main_title p.desc { font-size:1.688rem; color:#fff; font-weight:400; letter-spacing:-0.05em; line-height:1.334; word-break:keep-all; } 


@media screen and (max-width: 1024px){
	.main_title h2 { font-size:2rem;  }
	.main_title h3 { font-size:1.875rem; } 
	.main_title p.desc { font-size:1.375rem; } 
}
@media screen and (max-width: 640px){
	.main_title h2 { font-size:1.875rem;  }
	.main_title p.desc { font-size:1.25rem; } 
}



/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#main__slider {position:relative;padding:0 !important;  }
/*
#main__slider { position:fixed !important; left:0px; top:0px; width:100%; height:calc(var(--vh, 1vh) * 100); z-index:0 !important; } 
*/
#main__slider .slider__infos {position:relative; overflow:hidden;height:100vh;/* padding-bottom:56.25%;*/ }
#main__slider .slider__infos:after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:1; } 


/*배경*/
#main__slider .slider__thumb {position:relative;width:100%;height:100%; }
#main__slider .slider__thumb .slider__thumb_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#main__slider .slider__thumb .slider__thumb_mo {display:none;}
#main__slider .slider__thumb_video { position:relative; width:100%; height:100vh; /*padding-bottom:56.25%;*/ } 

#main__slider .slider__thumb video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);background-size:cover;z-index:-1;}
#main__slider .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__slider .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1170px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#main__slider .slider__slogun {display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;text-align:center;font-weight:900;font-size:4rem;line-height:1;color:#fff;}
#main__slider .slider__slogun > b {position:relative;display:block;font-weight:700;font-size:4.063rem;line-height:1.23;color:#fff;overflow:hidden; word-break:keep-all;}
#main__slider .slider__slogun > b.subtitle {margin-top:15px; display:block;font-weight:300;font-size:2.188rem;line-height:1.23;color:#fff;overflow:hidden; margin-bottom:0.75rem; }
#main__slider .slider__slogun > b > span,
#main__slider .slider__slogun > p > span { display:block; position:relative; opacity:0; } 
#main__slider .slider__slogun > p {position:relative;margin-top:20px;font-weight:400;font-size:1.500rem;line-height:1.47;color:#fff;overflow:hidden; word-break:keep-all; }
/*
#main__slider .slider__slogun > b {display:block;font-weight:900;font-size:4rem;line-height:1;color:#fff;}
#main__slider .slider__slogun > strong {display:block;margin-top:2.2rem;font-weight:400;font-size:3rem;color:#fff;}
#main__slider .slider__slogun > p {margin-top:2.2rem;font-weight:300;font-size:1.8rem;line-height:1.4;color:#fff;}
#main__slider .slider__slogun > p strong {font-weight:500;}
*/

#main__slider .slider__slogun_btn {position:relative;display:block;padding:1rem 2rem; margin-top:2rem;border:1px solid #fff;font-size:1rem;color:#fff;text-align:center;box-sizing:border-box;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.8;z-index:-1;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn > span {display:flex;align-items:center;justify-content:center;}
/*#main__slider .slider__slogun_btn > span:before {content:'';display:inline-block;width:20px;height:20px;margin-right:8px;background-image:url(images/main/slogun_icon.svg);background-repeat:no-repeat;background-position:center;}*/
#main__slider .slider__slogun_btn > span:after {content:'More View';}


/*스크롤*/
#main__slider .slider-scroll a { display:flex; align-items:center; gap:1rem; position:absolute;left:50%; transform:translateX(-50%); font-weight:400;font-size:0.813rem;color:#fff;animation:scrollImage 2s linear infinite;cursor:pointer;text-align:left;letter-spacing:0;z-index:9;}
#main__slider .slider-scroll .icons { width:5rem; height:5rem; background:url(/images/main/visual_scroll.png) no-repeat; }
/*
#main__slider .slider-scroll a:before {content:'';display:block;width:5rem;height:5rem;margin:0 auto;margin-bottom:.4rem;background-image:url(/images/main/visual_scroll.png);background-repeat:no-repeat;background-position:center;background-size:cover;}
*/
@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}
/*좌우 부가 설정*/
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:1.25rem;color:#fff;}
#main__slider .swiper-button-prev { width:3.75rem; height:3.75rem; left:revert; top:revert;right:3.813rem; background:rgba(0,0,0,0.1); bottom:0px; transition:all 0.3s } 
#main__slider .swiper-button-next { width:3.75rem; height:3.75rem; top:revert; right:0px; bottom:0px;  background:rgba(0,0,0,0.1); transition:all 0.3s }
#main__slider .swiper-button-prev:hover { background:rgba(255,255,255,0.5); } 
#main__slider .swiper-button-next:hover { background:rgba(255,255,255,0.5); } 

/*
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:3rem;color:#fff;}
#main__slider .swiper-pagination-bullet {background-color:#fff;}
*/

/*액션*/
#main__slider .slider__thumb .slider__thumb_bg {-webkit-transition-duration:15s;-m-transition-duration: 15s;-o-transition-duration:15s;-ms-transition-duration:15s;transition-duration:15s;transition: all 15s ease-out;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);}
#main__slider .slider__slogun {position:relative;top:4rem;-webkit-transition-duration:.8s;-m-transition-duration: .8s;-o-transition-duration:.8s;-ms-transition-duration:.8s;transition-duration:.8s;transition: all .8s ease-out;}
#main__slider .swiper-slide-active .slider__slogun {top:0;}
#main__slider .swiper-slide-active .slider__thumb .slider__thumb_bg {-webkit-transform: scale(1.25);-ms-transform: scale(1.25);-moz-transform: scale(1.25);-o-transform: scale(1.25);transform: scale(1.25);}

/* SWIPER PAGINATION */
/*
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:2rem;color:#fff;}
#main__slider .swiper-button-prev { display:none; left:20px; } 
#main__slider .swiper-button-next { display:none; right:20px; }
*/
#main__slider .swiper-pagination { display:none; } 

.video-vimeo {position: absolute; top: 0; left: 0; width: 100%; padding-bottom: 56.25%; z-index: -1;}
.video-vimeo iframe,
.video-vimeo object,
.video-vimeo embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover;}

.video-foreground,
.video-background iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover;}


@media (min-aspect-ratio: 16/9) {
	.video-foreground {height: 305%; top: -105%;}
}

@media (max-aspect-ratio: 16/9) {
	.video-foreground {width: 300%; height:110%; left: -100%; top:-10%; }
}


/*반응형*/
@media screen and (max-width: 1800px){
	#main__slider .slider__infos img { width:32.6667vw; } 
} 
@media screen and (min-width: 1025px){
	#main__slider .slider__slogun_btn:hover {border-color:#0d1231;}
	#main__slider .slider__slogun_btn:hover:before {background-color:#0d1231;opacity:1;}
}
@media screen and (max-width: 1024px){
	#main__slider { margin-top:0px; } 
	#main__slider .slider__slogun {padding:0 15px;}

	#main__slider .slider__infos { height:75vh; } 
	#main__slider .slider__thumb_video {height: 75vh;}
	
	#main__slider .slider__slogun > b { font-size:2.5rem; } 

	#main__slider .slider-scroll a { display:none; } 
	.video-foreground { /*top:0%;*/ }
	
	/*
	#main__slider .swiper-button-prev { width:3.125rem; height:3.125rem; right:3.188rem;  } 
	#main__slider .swiper-button-next { width:3.125rem; height:3.125rem;  } 
	*/
}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 640px){

	#main__slider .slider__thumb .slider__thumb_bg {display:none;}
	#main__slider .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}

	#main__slider .slider__infos { height:75vh; } 
	#main__slider .slider__thumb_video {height: 75vh;}
	#main__slider .slider__slogun > b { font-size:1.875rem; } 
}
@media screen and (max-width: 480px){

}






/*----------------------------------------------------------------------
@ MAIN BUSINESS 
----------------------------------------------------------------------*/
#layout_business { position:relative; display:flex; justify-content:center; align-items:center; min-height:calc((var(--vh, 1vh) * 100));  padding-top:7.5rem; padding-bottom:7.5rem; background:url('/images/main/layout_business_bg.jpg') no-repeat center center / cover;   }
#layout_business .maxWidth1440 { padding:0 1.938rem; }
#layout_business .main_title h2 { color:#000; }
#layout_business .main_title h3 { color:#000; }
#layout_business .main_title p { color:#000; }

.layout_business { width:100%; margin-top:5.625rem; } 
.layout_business .thk-row { margin-right:-3.438rem; row-gap:1.875rem; } 
.layout_business .row-md2 .thk-col { width: calc((100% / 2 ) - 3.438rem); margin-right:3.438rem;  } 
.layout_business .row-md2 .thk-col:first-of-type { width:calc(40% - 3.438rem); } 
.layout_business .row-md2 .thk-col:last-of-type { width:calc(60% - 3.438rem);} 


.business_list { display:flex; flex-direction:column; color:#000; font-weight:600; } 
.business_list .row { font-size:1.188rem; line-height:1.5; border-top:2px solid #2d2e2e; padding:0.75rem 1px 1.375rem; word-break:keep-all;  }
.business_list .row.last { font-size:1.375rem; } 

.business_inner { display:flex; flex-wrap:wrap; margin-right:-2.25rem; row-gap:1.875rem; } 
.business_inner > div { width: calc((100% / 2 ) - 2.25rem); margin-right:2.25rem; background:#2b0e3e; border-radius:0.625rem; padding:1.563rem 1.875rem; } 
.business_inner .right { background:#211367; }

.business_inner .business_box { font-size:1.25rem; color:#fff; font-weight:300; word-break:keep-all; } 
.business_inner .business_box p { line-height:1.5; margin-top:1.25rem;  } 
.business_inner .business_box u { font-weight:600; text-decoration:none; padding-bottom:0px; border-bottom:2px solid currentColor; } 

.business_inner_btm { font-size:1.25rem; color:#000; font-weight:300; line-height:1.5; margin-top:1.25rem; word-break:keep-all;}
.business_inner_btm b { font-weight:600; } 


@media screen and (max-width:1470px){
	#layout_business .maxWidth1440 { padding:0 15px; }
} 

@media screen and (max-width:1024px){
	.layout_business .thk-row { margin-right:-1.875rem; row-gap:1.875rem; } 
	.layout_business .row-md2 .thk-col { width: calc((100% / 1 ) - 1.875rem); margin-right:1.875rem;  } 
	.layout_business .row-md2 .thk-col:first-of-type { width:calc(100% - 1.875rem); } 
	.layout_business .row-md2 .thk-col:last-of-type { width:calc(100% - 1.875rem);} 

	.business_inner { margin-right:-1.25rem; row-gap:1.875rem; } 
	.business_inner > div { width: calc((100% / 2 ) - 1.25rem); margin-right:1.25rem; } 

} 

@media screen and (max-width:480px){
	.business_inner > div { width: calc((100% / 1 ) - 1.25rem); } 
} 



/*----------------------------------------------------------------------
@ MAIN GUIDE 
----------------------------------------------------------------------*/
#layout_guide { position:relative; display:flex; justify-content:center; align-items:center; min-height:calc(var(--vh, 1vh) * 100);  padding-top:7.5rem; padding-bottom:7.5rem; background:url('/images/main/layout_guide_bg.jpg') no-repeat center center / cover;  }
#layout_guide .maxWidth1440 { padding:0 3.313rem; }
#layout_guide .layout_guide { margin-top:3.75rem; } 

.layout_guide_list .thk-row { display: flex; flex-wrap: wrap; margin-right:-1.25rem; row-gap:1.875rem; }
.layout_guide_list .row-md5 .thk-col { flex: 0 0 auto; width: calc((100% / 5 ) - 1.25rem); aspect-ratio:1;  margin-right:1.25rem; overflow:hidden;  cursor:pointer; } 

.guide_cont { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; color:#fff; text-align:center;  aspect-ratio:1;   padding:3.125rem 1.563rem;  } 
.guide_cont:after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; aspect-ratio:1;  border:2px solid #fff; background:transparent; border-radius:50%;  transition:all 0.4s ease ;  z-index:-1;  box-sizing: border-box} 

.guide_cont .guide_icon { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:7.188rem; } 
.guide_cont .guide_line { width:35px; height:5px; background:#f7f7f7; border-radius:0.156rem; margin:0rem 0 0.625rem; opacity:0.7; } 
.guide_cont .guide_step { font-size:1.25rem; font-weight:400; opacity:0.7; } 
.guide_cont .guide_desc { font-size:1.25rem; font-weight:700; line-height:1.5; opacity:1; margin-top:0.938rem; word-break:keep-all; } 


/* hover */
.layout_guide_list .row-md5 .thk-col:hover .guide_cont:after { border:2px solid #422cc7; background:#422cc7; } 

@media screen and (max-width:1470px){
	#layout_guide .maxWidth1440 { padding:0 15px; }
} 

@media screen and (max-width: 1440px) and (min-width: 1025px){
	.guide_cont .guide_step { font-size:1rem; } 
	.guide_cont .guide_desc { font-size:1rem; } 
} 

@media screen and (max-width: 1200px){
	.guide_cont { padding:2rem 0.625rem; } 
}
@media screen and (max-width: 1024px){
	#layout_guide { min-height:revert; } 
	#layout_guide .main_title p.desc { font-size:1.563rem; }

	.layout_guide_list .row-md5 .thk-col { width: calc((100% / 3 ) - 1.25rem); } 
	.layout_guide_list .row-md5 .thk-col:last-of-type { width: calc((100% / 3 ) - 1.25rem); } 
}
@media screen and (max-width: 768px){
	.guide_cont .guide_step { font-size:1rem; } 
	.guide_cont .guide_desc { font-size:1.125rem; } 
}
@media screen and (max-width: 640px){
	.layout_guide_list .row-md5 .thk-col { width: calc((100% / 2 ) - 1.25rem); } 
	.layout_guide_list .row-md5 .thk-col:last-of-type { width: calc((100% / 2 ) - 1.25rem); } 
	/*
	.guide_cont { padding:2rem; } 
	.layout_guide_list .thk-row { row-gap:0.875rem; } 
	.layout_guide_list .row-md5 .thk-col { width: calc((100% / 1 ) - 0.75rem); } 
	.layout_guide_list .row-md5 .thk-col:last-of-type { width: calc((100% / 1 ) - 0.75rem); } 
	.guide_cont { flex-direction:row; justify-content:revert; } 
	.guide_cont .guide_line { width:0.313rem; height:2.188rem; margin:0.625rem 1.25rem; } 
	.guide_cont .guide_tt { text-align:left; } 
	.guide_cont .guide_desc { text-align:left; margin-top:1.25rem; } 
	*/
}
@media screen and (max-width: 480px){
	.guide_cont .guide_desc { margin-top:0.625rem; } 
} 
@media screen and (max-width: 360px){
	.layout_guide_list .row-md5 .thk-col { width: calc((100% / 1 ) - 1.25rem); } 
	.layout_guide_list .row-md5 .thk-col:last-of-type { width: calc((100% / 1 ) - 1.25rem); } 
} 



/*----------------------------------------------------------------------
@ MAIN PARTNER 
----------------------------------------------------------------------*/
#layout_partner { position:relative; display:flex; justify-content:center; align-items:center; min-height:calc(var(--vh, 1vh) * 100);  padding-top:7.5rem; padding-bottom:7.5rem; background:url('/images/main/layout_partner_bg.jpg') no-repeat center center / cover;  }

#layout_partner .main_title h2 { color:#000; }
#layout_partner .main_title h3 { color:#000; }
#layout_partner .main_title p { color:#000; }

.layout_partner { display:flex; align-items:center; justify-content:center; width:100%; margin-top:5.625rem; } 



/*----------------------------------------------------------------------
@ MAIN BOARD 
----------------------------------------------------------------------*/
#layout_board { position:relative; display:flex; justify-content:center; align-items:center; min-height:calc(var(--vh, 1vh) * 100);  padding-top:7.5rem; padding-bottom:7.5rem; background:url('/images/main/layout_board_bg.jpg') no-repeat center center / cover;  }




/*----------------------------------------------------------------------
@ MAIN LOCATION 
----------------------------------------------------------------------*/
#layout_location { position:relative; display:flex; justify-content:center; align-items:center; min-height:calc(var(--vh, 1vh) * 100);  padding-top:7.5rem; padding-bottom:7.5rem; background:url('/images/main/layout_location_bg.jpg') no-repeat center center / cover;   }

#layout_location .main_title h2 { color:#000; }
#layout_location .main_title h3 { color:#000; }
#layout_location .main_title p { font-size:1.25rem; color:#000; }
#layout_location .main_title p b { font-size:1.375rem; margin-right:2.188rem; } 


#layout_location .location_map_wrap { position:relative; width:100%; margin-top:1.563rem; } 
#layout_location .location_map_wrap:after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:10; opacity:0; } 
#layout_location .location_map { position:relative; width:100%; height:100%; text-align:center; } 

#layout_location .root_daum_roughmap .wrap_map {height:26.875rem !important; border-bottom:1px solid #ddd; }
#layout_location .root_daum_roughmap_landing {width:100% !important;padding:0 !important;}
#layout_location .root_daum_roughmap .wrap_controllers {display:none;}
#layout_location .root_daum_roughmap .wrap_btn_zoom {display:none;}

#layout_location .location_inner { display:flex; align-items:center; justify-content:flex-end; }
#layout_location .location_btn { position:relative; text-align:center; margin-top:2.5rem; } 
#layout_location .location_btn a { display:; width:16.25rem; font-size:1rem; color:#fff; font-weight:600; letter-spacing:0.05em; padding:0.825rem 3.125rem; background:#000; border-radius:0px; transition:all 0.3s ease; } 
#layout_location .location_btn a:hover { color:#fff; } 
#layout_location .location_btn a:after { background:var(--menu); } 
#layout_location .location_btn .material-icons { font-size:20px; margin-right:5px; }


@media screen and (max-width: 480px){
	#layout_location .main_title p { display:flex; flex-direction:column; word-break:keep-all;} 
	#layout_location .main_title p b { margin-right:0rem; margin-bottom:0.313rem; } 
}