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


/*----------------------------------------------------------------------
@ MAIN COMMON 
----------------------------------------------------------------------*/
#main > section {padding-top:6.25rem;padding-bottom:6.25rem; overflow-x:clip; }

.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; align-items:center; font-size:2.5rem; color:#000; font-weight:600; padding:0rem;line-height:1; }
@media screen and (max-width: 1024px){
	.main_title { font-size:1.875rem;  }
}
@media screen and (max-width: 1024px){
	#main > section {padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width: 768px){
	.main_title { font-size:1.563rem;  }
}



/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#main__slider {position:relative;padding:0 !important;}
#main__slider .slider__infos {overflow:hidden;height:calc(var(--vh, 1vh) * 100) ;}
/*배경*/
#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; transition: all 5s cubic-bezier(.06,.61,0,.99); }
#main__slider .slider__thumb .slider__thumb_mo {display:none; transition: all 5s cubic-bezier(.06,.61,0,.99); }
#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:1600px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#main__slider .slider__slogun { position:relative; display:flex;width:100%; height:100%;justify-content:center;align-items:flex-start;flex-direction:column;text-align:left;font-size:4rem;line-height:1;color:#fff; }

#main__slider .slider__slogun b { font-size:3.125rem; color:#fff; font-weight:700;line-height:1.1;text-transform:uppercase; word-break:keep-all; overflow:hidden; }
#main__slider .slider__slogun b.subtitle { font-size:1.375rem; color:#fff; font-weight:300; word-break:keep-all; margin-bottom:0.938rem; overflow:hidden;} 

#main__slider .slider__slogun p { margin-top:1.563rem; } 

#main__slider .slider__slogun b > span, 
#main__slider .slider__slogun div > span,
#main__slider .slider__slogun p > span { display:block; position:relative; opacity:0; } 
#main__slider .slider__slogun p > span a { position:relative; font-size:1.563rem; color:rgba(255,255,255,0.8); font-weight:600; letter-spacing:0; } 
#main__slider .slider__slogun p > span a::before { content:''; position:absolute; top:-5px; left:0px; width:100%; height:2px; background:rgba(255,255,255,0.8); ; } 

/*

#main__slider .slider__slogun > p {position:relative;margin-top:20px;font-weight:400;font-size:1.500rem;line-height:1.47;color:#fbe3dd;overflow:;}
*/

/*
#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; width:8.75rem; padding:1rem 1.375rem; margin-top:1.875rem;border:1px solid #fff;font-size:1rem;color:#fff; font-weight:500; text-align:center; border-radius:1.563rem ; box-sizing:border-box; transition: all .3s ease-out; opacity:0; margin-top:1.875rem; overflow:hidden;  }
#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-type2 { display:block; position:absolute; left:0;right:0px; text-align:center; bottom:0px; width:80px;height:75px;margin:0 auto;z-index:9; cursor:pointer;  }
#main__slider .slider-scroll-type2 .scroll_text { font-size:14px; color:#fff; letter-spacing:0; } 
#main__slider .slider-scroll-type2 .scroll_line { position:relative; width:1px; height:25px; background:rgba(255,255,255, 0.4); margin:0 auto; margin-top:10px; } 
#main__slider .slider-scroll-type2 .scroll_line:after { content:''; position:absolute; width:5px; height:5px; top:0px; left:-2px; background:#00ded1; border-radius:50%; z-index:2; animation:scroll_circle 3s ease infinite 0.1s;} 
#main__slider .slider-scroll-type2 .scroll_line:before { content:''; position:absolute; width:1px; height:50px; top:0px; background:#fff; z-index:1; animation:scroll_line 3s ease infinite 0.1s; }

@keyframes scroll_circle {0%{top:-2.5px;}50%{top:22.5px;}100%{top:-2.5px;}}
@keyframes scroll_line {0%{height:0px;}50%{height:22.5px;}100%{height:0px;}}


/*좌우 부가 설정*/
#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 .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 { transition: all 8s ease-out; transform: scale(1.2);}
#main__slider .slider__slogun {position:relative;top:0rem;-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 { transform: scale(1);}


/* SWIPER PAGINATION */
#main__slider .swiper-next-prev { position:absolute; left:50%; transform:translateX(-50%); bottom:5.313rem; width:100%; max-width:1600px;  text-align:left; z-index:11; opacity:0; } 

#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after { display:none; font-size:24px;color:rgba(255,255,255,0.5);}
#main__slider .swiper-button-prev,
#main__slider .swiper-button-next { width:3.125rem; height:3.125rem; font-size:24px; color:rgba(255,255,255,0.5); transition:all 0.4s; background:transparent; border:1px solid rgba(255,255,255,0.5); border-radius:50%; } 
/*
#main__slider .swiper-button-next:before, 
#main__slider .swiper-button-prev:before { content:''; position:absolute; left:-12px; top:-12px; width:calc(100% + 24px); height:calc(100% + 24px);  z-index:-1; } 
*/

#main__slider .swiper-button-prev span, 
#main__slider .swiper-button-next span { display:flex; transition:all 0.4s; z-index:1; } 
#main__slider .swiper-button-prev span {  } 
#main__slider .swiper-button-next span {  } 


#main__slider .swiper-button-prev { left:0px; right:revert; } 
#main__slider .swiper-button-next { right:revert; left:3.438rem; }

#main__slider .swiper-button-prev:hover,
#main__slider .swiper-button-next:hover { border:1px solid rgba(255,255,255,1);  } 
#main__slider .swiper-button-prev:hover span,
#main__slider .swiper-button-next:hover span { color:#fff; } 

/* Pagination */ 
#main__slider .swiper-pagination { bottom:35%; max-width:1600px; left:50%; transform:translateX(-50%); text-align:revert; padding-left:0.313rem; } 
#main__slider .swiper-pagination-bullet { width:10px; height:10px; border:1px solid rgba(255,255,255,0.5); background:transparent; opacity:1; margin:0 0; margin-right:1.125rem;  } 
#main__slider .swiper-pagination-bullet-active { background:rgba(255,255,255,0.5); } 


/*반응형*/
@media screen and (max-width: 1630px){
	#main__slider .slider__mxw { padding:0 15px; } 
	#main__slider .swiper-next-prev { } 
	#main__slider .swiper-button-prev { left:15px; right:0; }
	#main__slider .swiper-button-next { right:revert; left:4.375rem; }  

	#main__slider .swiper-pagination { padding:0 15px; padding-left:calc(15px + 0.313rem); } 
} 

@media screen and (max-width: 1470px){
	/*
	#main__slider .swiper-button-prev, 
	#main__slider .swiper-button-next { display:none; } 
	#main__slider .slider__mxw { padding:0 15px; } 
	*/
} 

@media screen and (min-width: 1025px){
	#main__slider .slider__slogun_btn:hover { color:var(--menu); background:#fff; }
	/*#main__slider .slider__slogun_btn:hover:before {background-color:#000;opacity:1;} */

	
}
@media screen and (max-width: 1024px){
	/*#main__slider .slider__infos {height:90vh;}*/
	#main__slider .slider__slogun { padding:0 0px;  }
	#main__slider .slider__mxw { margin:0 0px; } 
	/*
	#main__slider .swiper-button-prev, 
	#main__slider .swiper-button-next { display:none; } 
	*/

	#main__slider .slider__slogun b { font-size:2.5rem; }
	#main__slider .slider__slogun b.subtitle { font-size:1.25rem; } 
}
@media screen and (max-width: 640px){
	/*	#main__slider .slider__infos {height:640px;} */
	#main__slider .slider__thumb .slider__thumb_bg {display:none;}
	#main__slider .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	
	#main__slider .slider__slogun b { font-size:2.25rem; }
	#main__slider .slider__slogun b.subtitle { font-size:1.125rem; } 
	
	#main__slider .swiper-pagination { bottom:30%; } 
	/*
	#main__slider .slider__slogun > b.title { font-size:3rem }
	#main__slider .slider__slogun > div.line {  height:0.313rem; margin-top:13px; margin-bottom:15px; } 
	#main__slider .slider__slogun div.subtitle { font-size:2.5rem; }
	#main__slider .slider__slogun > p { margin-top:1.875rem; } 
	#main__slider .slider__slogun > p > span a { font-size:1.25rem; } 
	*/

}
@media screen and (max-width: 480px){
	/*	#main__slider .slider__infos {height:480px;} */
}




/*----------------------------------------------------------------------
@ MAIN PROLOGUE
----------------------------------------------------------------------*/
#main_prologue { padding-top:9.063rem !important; padding-bottom:calc(6.25rem + 5.625rem) !important; }
.main_prologue { }
.main_prologue .mueeui { }
.main_prologue .mueeui .thk-row { row-gap:1.875rem; }
.main_prologue .mueeui .row-md3 .thk-col { border-radius:3.125rem; } 
.main_prologue .mueeui .row-md3 .thk-col:nth-of-type(1) { background:#e2f3fa; } 
.main_prologue .mueeui .row-md3 .thk-col:nth-of-type(2) { position:relative; top:6.25rem; background:#cfe7f5;  } 
.main_prologue .mueeui .row-md3 .thk-col:nth-of-type(3) { background:#fff2f2; } 

.prologue_cont { display:flex; flex-direction:column; padding:4.688rem 2.813rem; } 
.prologue_cont .cont { display:flex; flex-direction:column; } 

.prologue_cont h2 { font-size:2.188rem; color:#000; font-weight:700; margin-top:3.75rem; }
.prologue_cont p { font-size:1.563rem; color:#000; font-weight:400; line-height:1.6; margin-top:1.25rem; word-break:keep-all; } 
.prologue_cont p b { font-weight:700; } 
.prologue_cont .icon { position:relative; animation: 3s ani-updown linear infinite; } 

.main_prologue .mueeui .row-md3 .thk-col:nth-of-type(2) .icon { animation: 3s ani-updown linear infinite; animation-delay:0.6s; }
.main_prologue .mueeui .row-md3 .thk-col:nth-of-type(3) .icon { animation: 3s ani-updown linear infinite; animation-delay:1.2s; }

@keyframes ani-updown{ 
	0%,100% {transform:translateY(0);}
	50% {transform:translateY(15px);}
}


@media screen and (max-width: 1440px) and (min-width: 1280px){
	.prologue_cont { padding:3rem 1.875rem; } 
	.prologue_cont h2 { font-size:1.875rem; } 
	.prologue_cont p { font-size:1.25rem; } 
} 
@media screen and (max-width: 1281px) and (min-width: 1025px){
	.prologue_cont { padding:3rem 1.875rem; } 
	.prologue_cont h2 { font-size:1.563rem; } 
	.prologue_cont p { font-size:1.125rem; } 
} 
@media screen and (max-width: 1024px) and (min-width: 641px){
	#main_prologue { padding-top:5rem !important; padding-bottom:4rem !important; } 
	.main_prologue .mueeui .row-md3 .thk-col { width: calc((100% / 1 ) - 1.875rem); } 
	.main_prologue .mueeui .row-md3 .thk-col:nth-of-type(2) { top:revert; } 

	.prologue_cont { align-items:center; flex-direction:row; column-gap:1.875rem; padding:2.5rem; } 
	.prologue_cont h2 { font-size:1.875rem; margin-top:0; } 
	.prologue_cont p { font-size:1.25rem; margin-top:0.938rem; } 
	.prologue_cont .icon { display:flex; align-items:center; justify-content:center; min-width:14.375rem; } 
} 
@media screen and (max-width: 1024px){
} 
@media screen and (max-width: 768px){

} 
@media screen and (max-width: 640px){
	#main_prologue { padding-top:4rem !important; padding-bottom:4rem !important; } 
	.main_prologue .mueeui .row-md3 .thk-col { border-radius:1.875rem; }
	.main_prologue .mueeui .row-md3 .thk-col:nth-of-type(2) { top:revert; } 
	.prologue_cont { padding:2.5rem; } 
	.prologue_cont h2 { font-size:1.875rem; margin-top:2.5rem; } 
	.prologue_cont p { font-size:1.25rem; margin-top:0.938rem; } 
	.prologue_cont p br { display:none; } 
	.prologue_cont p br.none { display:revert; } 
	.prologue_cont .icon img { height:6.25rem; }  
} 




/*----------------------------------------------------------------------
@ MAIN TEXT
----------------------------------------------------------------------*/
#main_text { position:relative; overflow:hidden; overflow-x:clip; padding-top:0rem !important; }

.main_text_wrap { position:relative;overflow:hidden; } 
.main_text_1 {position:relative; word-break:keep-all; } 

.main_text_wrap b { font-size:7.5rem; color:rgba(0,0,0,0.1); font-weight:900; letter-spacing:0.05em; line-height:1; white-space:nowrap; } 
.main_text_wrap b span.stroke { color:#fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.2), 1px -1px 0 rgba(0,0,0,0.2), -1px 1px 0 rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,0.2);  } 

@media screen and (max-width: 1024px){
	.main_text_wrap b { font-size:9.7656vw; } 
} 
@media screen and (max-width: 768px){

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

} 



/*----------------------------------------------------------------------
@ MAIN FEATURE1 
----------------------------------------------------------------------*/
#main_feature1 { padding-top:10rem !important; padding-bottom:7.5rem !important; background:#eff3ff;} 
.main_feature1 { display:flex; align-items:center; }
.main_feature1 .left { width:50%; } 
.main_feature1 .right { width:50%; padding-left:3.125rem; } 

.feature_cont { display:flex; flex-direction:column; row-gap:1.375rem;  } 
.feature_cont p.num { font-size:1.563rem; color:rgba(0,0,0,0.3); font-weight:700; } 
.feature_cont h2 { font-size:3.438rem; color:#000; font-weight:700; line-height:1; }
.feature_cont p.desc { font-size:1.563rem; color:#000; font-weight:400; line-height:1.6; word-break:keep-all; } 
.feature_cont p.desc b { font-weight:700; } 

.feature_cont .btns { display:flex; align-items:center; gap:1.25rem; margin-top:1.875rem; } 
.feature_cont .btns a { display:flex; align-items:center; justify-content:center; width:16.875rem; height:4.063rem; background:#fff; border-radius:0.313rem; } 

@media screen and (max-width: 1280px){
	
} 
@media screen and (max-width: 1024px){
	#main_feature1 { padding-top:5rem !important; padding-bottom:5rem !important; } 
	.feature_cont p.num { font-size:1.25rem; }
	.feature_cont h2 { font-size:2.5rem; } 
	.feature_cont p.desc { font-size:1.25rem; } 
} 
@media screen and (max-width: 768px){

} 
@media screen and (max-width: 640px){
	#main_feature1 { padding-top:4rem !important; padding-bottom:4rem !important; } 
	.main_feature1 { flex-direction:column-reverse; row-gap:1.875rem; } 
	.main_feature1 .left { width:100%; } 
	.main_feature1 .left .icon img { } 
	.main_feature1 .right { width:100%; padding-left:0; } 

	.feature_cont p.num { font-size:1.125rem; }
	.feature_cont h2 { font-size:2rem; } 
	.feature_cont p.desc { font-size:1.125rem; } 
	.feature_cont .btns a { width:100%; height:revert; padding:0.625rem; } 
	.feature_cont .btns a img { height:2.5rem; } 
} 



/*----------------------------------------------------------------------
@ MAIN FEATURE2
----------------------------------------------------------------------*/
#main_feature2 { position:relative; padding-top:0rem !important; padding-bottom:0rem !important; background:#e2f2fa; overflow:hidden; } 
#main_feature2 .icon { position:absolute; width:74.688rem; left:calc(50%); transform:translateX(-13%); bottom:0; z-index:1; } 
#main_feature2 .icon img { /*width:46.6797vw;*/ } 

.main_feature2 { position:relative; display:flex; align-items:center; min-height:45.313rem; z-index:2; }
.main_feature2 .left { width:50%; } 
.main_feature2 .right { position:relative; width:50%; } 

@media screen and (max-width: 1280px){
	.main_feature2 .left { width:99%; } 
	.main_feature2 .right { width:1%; padding-left:0; } 
} 

@media screen and (max-width: 1024px){
	#main_feature2 .icon { width:116.6992vw; transform:translateX(-20%); } 
	/*
	#main_feature2 .icon img { width:150.7188vw; } 
	*/
} 
@media screen and (max-width: 640px){
	#main_feature2 { padding-top:4rem !important; padding-bottom:0rem !important; } 
	#main_feature2 .icon { position:relative; left:0rem; transform:revert; } 
	
	.main_feature2 { flex-direction:column; row-gap:0rem; min-height:revert; } 
	.main_feature2 .left { width:100%; } 
	.main_feature2 .right { width:100%; padding-left:0; } 
} 



/*----------------------------------------------------------------------
@ MAIN BUSINESS1
----------------------------------------------------------------------*/
#main_business1 { position:relative; } 

.main_business1 { position:relative; display:flex; align-items:center; border-radius:3.125rem; background:#c3e9f2; overflow:hidden; }
.main_business1 .left { position:relative; display:flex; justify-content:center; width:50%; padding:6.25rem 1rem 0rem; z-index:2; } 
.main_business1 .right { position:relative; width:50%; padding-left:1rem; padding-right:1rem; z-index:2; } 
.main_business1 .line { position:absolute; bottom:-3.25rem; width:100%; height:18.625rem; background:url('/images/main/business_line.png') no-repeat center center / cover; z-index:1; } 

.business_cont { display:flex; flex-direction:column; row-gap:2.5rem;  } 
.business_cont h2 { font-size:2.813rem; color:#000; font-weight:400; line-height:1.44; word-break:keep-all;}
.business_cont h2 b { font-weight:700; } 
.business_cont a { display:inline-flex; align-items:center; justify-content:center; width:8.75rem; height:3.125rem; font-size:1rem; color:#000; font-weight:500; letter-spacing:0; border-radius:1.563rem; border:1px solid #000; transition:color 0.4s ease, background 0.4s ease;  } 
.business_cont a:hover { color:#fff; background:#000; } 

@media screen and (max-width: 1430px){
	.business_cont h2 { font-size:2.5rem; }
} 
@media screen and (max-width: 1100px) and (min-width: 1025px){
	.business_cont h2 br { display:none; } 
} 
@media screen and (max-width: 1024px){
	.business_cont h2 { font-size:2.25rem; line-height:1.3; } 
	.business_cont h2 br { display:none; } 
} 
@media screen and (max-width: 768px){
	.business_cont h2 { font-size:2rem; } 
} 
@media screen and (max-width: 640px){
	.main_business1 { flex-direction:column-reverse; padding:2.5rem 2.5rem 0 2.5rem; border-radius:2.5rem; } 
	.main_business1 .left { width:100%;padding:3.125rem 2.5rem 0; } 
	.main_business1 .right { width:100%; padding-left:0; padding-right:0;  } 

	.business_cont h2 { font-size:1.875rem; } 
	.business_cont h2 br { display:revert; } 
} 



/*----------------------------------------------------------------------
@ MAIN BUSINESS2
----------------------------------------------------------------------*/
#main_business2 { position:relative; padding-top:0rem !important; } 

.main_business2 { position:relative; display:flex; align-items:center; border-radius:3.125rem; background:#e5e5fc; overflow:hidden; }
.main_business2 .left { position:relative; width:50%; padding-left:7.188rem; z-index:2; } 
.main_business2 .right { position:relative;  display:flex; justify-content:flex-end;  width:50%; padding-top:6.25rem; padding-bottom:2.5rem; z-index:2;  } 
.main_business2 .line { position:absolute; bottom:7.5rem; width:100%; height:18.625rem; background:url('/images/main/business_line.png') no-repeat center center / cover; z-index:1; } 

.main_business2 .business_cont a { margin-top:2.188rem; } 

@media screen and (max-width: 1430px){
	.main_business2 .left { padding-left:2.5rem; } 
} 
@media screen and (max-width: 1024px){
	.main_business2 .left { padding-left:1.875rem; } 
	.main_business2 .business_cont a { margin-top:0rem; } 
} 
@media screen and (max-width: 768px){

} 
@media screen and (max-width: 640px){
	.main_business2 { flex-direction:column; padding:2.5rem 2.5rem 0 2.5rem; border-radius:2.5rem; } 
	.main_business2 .left { width:100%; padding-left:0; } 
	.main_business2 .right { width:100%; padding:3.125rem 2.5rem 0; } 
}