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


/*----------------------------------------------------------------------
@ MAIN COMMON 
----------------------------------------------------------------------*/
#main > section { position:relative; padding-top:8.75rem; padding-bottom:8.75rem; overflow-x:clip; z-index:1; }

.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 p { font-size:1.073rem; color:#000; font-weight:600; } 
.main_title h2 { font-size:3.125rem; color:#000; font-weight:800; text-transform:uppercase; } 
.main_title p.desc { font-size:1.375rem; color:#000; font-weight:500; line-height:1.5; word-break:keep-all; margin-top:0.25rem; } 


@media screen and (max-width: 1024px){
	#main > section { padding-top:7rem; padding-bottom:7rem; } 
	.main_title p { font-size:1rem; } 
	.main_title h2 { font-size:2.5rem;  }
	.main_title p.desc { font-size:1.25rem; } 
}
@media screen and (max-width: 640px){
	#main > section { padding-top:6.25rem; padding-bottom:6.25rem; } 
	.main_title h2 { font-size:2rem;  }
	.main_title p.desc { font-size:1.125rem; } 
}



/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#main__slider {position:relative;padding: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; opacity:0; } 


/*배경*/
#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%;width:100%;height:100%; transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);background-size:cover;z-index:-1; object-fit:cover; }
#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:1620px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#main__slider .slider__slogun {display:flex;height:100%;justify-content:center;align-items:flex-start;flex-direction:column;text-align:left;font-weight:900;font-size:4rem;line-height:1;color:#fff;}
#main__slider .slider__slogun > b {position:relative;display:block;font-size:3.75rem; color:#fff; font-weight:800; line-height:1.16; overflow:hidden;}
#main__slider .slider__slogun > b.subtitle {margin-top:15px; display:block;font-weight:600;font-size:2.5rem;line-height:1;color:#fff;overflow:hidden;}
#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:2.5rem;font-size:1.5625rem; color:#fff; font-weight:500; line-height:1.4;overflow:hidden;}
#main__slider .slider__slogun_btn {position:relative;display:flex; align-items:center; justify-content:center; min-width:15rem; height:3.75rem; padding:1rem 2rem; margin-top:3.125rem;border:0.125rem solid #fff;font-size:1.25rem; color:#fff;text-align:center;box-sizing:border-box; border-radius:0.625rem; transition: all .3s ease-out; opacity:0;  }
#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; 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:after {content:'상담 신청하기';}


/*스크롤*/
#main__slider .slider-scroll { position:relative;  } 
#main__slider .slider-scroll a {display:block;position:absolute;left:0;right:0; width:1.5rem; height:3.063rem; margin:0 auto;font-weight:500;font-size:0rem;color:#fff;animation:scrolltype6 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0.1em; ;z-index:9;text-indent:-999;}
#main__slider .slider-scroll a:before {content:'';position:absolute; bottom:0; display:block;width:1.5rem; height:3.063rem;margin:0 auto;background-image:url(/images/common/visual_scroll_type6.png);background-repeat:no-repeat;background-position:center;background-size:cover;}

@keyframes scrolltype6 {0%{bottom:3.125rem;}50%{bottom:4.375rem;}100%{bottom:3.125rem;}}

/*좌우 부가 설정*/
#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 { left:20px; } 
#main__slider .swiper-button-next { right:20px; }

.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:var(--menu);}
	#main__slider .slider__slogun_btn:hover:before {background-color:var(--menu);opacity:1;}
}
@media screen and (max-width: 1024px){
	#main__slider { margin-top:0px; } 
	#main__slider .slider__slogun { align-items:center; text-align:center; 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__slogun > p { font-size:1.375rem; } 

	#main__slider .slider-scroll a { display:none; } 
	.video-foreground { /*top:0%;*/ }

}
@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:2rem; } 
	#main__slider .slider__slogun > p { font-size:1.25rem; } 
}
@media screen and (max-width: 480px){

}






/*----------------------------------------------------------------------
@ MAIN SOLUTION 
----------------------------------------------------------------------*/
#layout_solution { position:relative; padding-top:0 !important; padding-bottom:0 !important; } 
#layout_solution .container { width:100%; margin:0 auto }
#layout_solution .layout_solution { display:flex; } 
.layout_solution > div { display:flex; justify-content:center; width:calc(100% / 2); padding:8.75rem 1rem 10rem; } 
.layout_solution .left { background:url('/images/main/solution_bg1.jpg') no-repeat center center / cover; } 
.layout_solution .right { background:url('/images/main/solution_bg2.jpg') no-repeat center center / cover; } 
.layout_solution .solution_cont { width:100%; max-width:40rem; margin:0 auto; } 

.layout_solution .left { --color1:#000; } 
.layout_solution .right { --color1:#fff; } 
.solution_cont h3 { font-size:2.5rem; color:var(--color1); font-weight:800; text-align:center; }
.solution_cont ul { display:flex; flex-direction:column; row-gap:1.25rem; margin-top:6.875rem; } 
.solution_cont ul li { display:flex; padding:1.375rem 2.1875rem; background:rgba(255,255,255,0.7); border-radius:0.625rem; } 
.solution_cont ul li .num { width:4.375rem; font-size:1.875rem; color:var(--color1); font-weight:900; } 
.solution_cont ul li .text { width:calc(100% - 4.375rem); font-size:1.375rem; color:var(--color1); font-weight:700; line-height:1.36; } 

.solution_cont .after { display:flex; justify-content:space-evenly; gap:3.75rem; margin-top:3.125rem; } 
.solution_cont .after .col { position:relative; color:#fff; text-align:center; }
.solution_cont .after .col::after { content:''; position:absolute; right:-1.875rem; top:5px; width:1px; height:calc(100% - 15px); background:rgba(255,255,255,0.5); } 
.solution_cont .after .col:last-child::after { display:none; } 
.solution_cont .after p { font-size:1.25rem; font-weight:500; } 
.solution_cont .after p.big { display:inline-flex; align-items:baseline; font-size:3.125rem; font-weight:800; } 
.solution_cont .after p.big em { font-style:normal; font-size:1.5625rem; } 

.solution_cont.v2 ul { margin-top:2.5rem; } 
.solution_cont.v2 ul li { padding:1.25rem 1rem 1.25rem 1.5625rem; background:#fff; } 
.solution_cont.v2 ul li .num { width:4.5rem; font-size:1.5625rem; }  
.solution_cont.v2 ul li .num.c1 {  color:#5d8bdf; } 
.solution_cont.v2 ul li .num.c2 {  color:#605ddf; } 
.solution_cont.v2 ul li .num.c3 {  color:#5dbcdf; } 
.solution_cont.v2 ul li .text { width:calc(100% - 4.5rem); color:#000; } 


@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	#layout_solution .layout_solution { flex-direction:column; } 
	.layout_solution > div { width:calc(100%); } 
	
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 520px){
	.solution_cont .after p { font-size:1.125rem; } 
	.solution_cont .after p.big { font-size:2.5rem; } 
	.solution_cont .after p.big em { font-size:1.375rem; } 
} 
@media screen and (max-width: 430px){
	.solution_cont .after { flex-direction:column; row-gap:1.875rem; } 
	.solution_cont .after .col::after { display:none; } 
	.solution_cont .after p { font-size:1.225rem; } 
	.solution_cont .after p.big { font-size:3.125rem; } 
	.solution_cont .after p.big em { font-size:1.5625rem; }  
	
	.solution_cont.v2 ul li .num { font-size:1.375rem; } 
	.solution_cont ul li .text { font-size:1.25rem; } 
} 




/*----------------------------------------------------------------------
@ MAIN BENEFIT 
----------------------------------------------------------------------*/
#layout_benefit { position:relative; display:flex; justify-content:center; } 
#layout_benefit .container { width:100%; margin:0 auto }
#layout_benefit .layout_benefit { margin-top:3.75rem; } 

.layout_benefit { display:flex; flex-direction:column; row-gap:3.125rem;  }
.layout_benefit .cols { display:grid; grid-template-columns: repeat(3, 1fr); gap:3rem; } 
.layout_benefit .cols .col { display:flex; flex-direction:column; align-items:flex-start; row-gap:1.5625rem; padding:4.6875rem 1rem 6.25rem 3.125rem; border-radius:1.875rem;  }
.layout_benefit .cols .col:nth-child(1) { background:#d2f4ff; } 
.layout_benefit .cols .col:nth-child(2) { background:#c9dcff; } 
.layout_benefit .cols .col:nth-child(3) { background:#d5d4ff; } 

.layout_benefit .cols .col h3 { font-size:3rem; color:#000; font-weight:700; line-height:1.25; letter-spacing:-0.075em; } 
.layout_benefit .cols .col h3 span { font-weight:100; } 
.layout_benefit .cols .col p { font-size:1.25rem; color:#000; font-weight:400; line-height:1.5; padding-right:2.125rem; } 

.layout_benefit .app { display:flex; align-items:center; justify-content:space-between; min-height:12.5rem; padding:3.125rem 4.6875rem; color:#fff; background-image: -webkit-linear-gradient( 0deg, #10b7cf 0%, #5c0097 100%); border-radius:1.875rem; } 
.layout_benefit .app h4 { font-size:2.1875rem; font-weight:800; } 
.layout_benefit .app p { font-size:1.25rem; font-weight:500; margin-top:0.625rem; }
.layout_benefit .app a { display:inline-flex; align-items:center; justify-content:center; width:24.375rem; height:4.375rem; font-size:1.5625rem; color:#5b0298; font-weight:800; background:#fff; border-radius:0.625rem; } 



@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	.layout_benefit .cols { grid-template-columns: repeat(1, 1fr);  } 
	.layout_benefit .cols .col { padding:4rem 3rem; } 
	.layout_benefit .cols .col p { padding-right:0; } 
	
	.layout_benefit .app { padding:3rem; gap:1rem; } 
	.layout_benefit .app a { width:revert; height:revert; padding:1rem 2rem; white-space:nowrap; } 
	
}
@media screen and (max-width: 768px){
	.layout_benefit .cols .col h3 { font-size:2.5rem; } 
	.layout_benefit .cols .col img { height:3.125rem; } 
}
@media screen and (max-width: 640px){
	.layout_benefit .app { flex-direction:column; row-gap:1.875rem; text-align:center; } 
	.layout_benefit .app h4 { font-size:1.875rem; } 
	.layout_benefit .app p { font-size:1.125rem; } 
	.layout_benefit .app a { font-size:1.25rem; } 
}
@media screen and (max-width: 480px){
	.layout_benefit .cols .col h3 { font-size:2rem; } 
	.layout_benefit .cols .col img { height:2.75rem;}
} 




/*----------------------------------------------------------------------
@ MAIN BOARDS 
----------------------------------------------------------------------*/
#layout_cases { position:relative;  background:#eff6ff; } 
#layout_cases .container { width:100%; margin:0 auto }
#layout_cases .layout_cases { margin-top:3.75rem; } 

#layout_faq { position:relative;  } 
#layout_faq .container { width:100%; margin:0 auto }
#layout_faq .layout_faq { margin-top:5rem; } 

#layout_inquiry { position:relative;  background:#eff6ff; } 
#layout_inquiry .container { width:100%; margin:0 auto }
#layout_inquiry .layout_inquiry { margin-top:3.75rem; } 


.thk-custom { position:relative; } 
.custom_slider_wrap { overflow:hidden; padding-bottom:0.625rem; margin-top:4.75rem; } 
.custom_slider { }
.custom_slider .swiper-slide { display:flex; height:revert;  } 
.custom_slider .cols { width:100%; overflow:hidden; box-sizing: border-box;   } 
.custom_slider a { position:relative; display:flex; flex-direction:column; justify-content:space-between; width:100%; height:100%; flex:1;  pointer-events:none;} 

.custom_slider a .thumb { display:block;width:100%; height:0; padding-top:60.5263%; position: relative; overflow:hidden; transition:all 0.4s ease; background:#000; border-radius:1.25rem 1.25rem 0 0; } 
.custom_slider a .thumb > img {display: block; width:100%; height:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;  }
.custom_slider a .thumb .info { display:flex; flex-direction:column; justify-content:space-between;  position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; padding:1.875rem; } 
.custom_slider a .thumb .info .top { }
.custom_slider a .thumb .info .top span { display:inline-flex; align-items:center; justify-content:center; min-width:6.25rem; min-height:1.5625rem; font-size:0.9375rem; font-weight:700; border-radius:0.7815rem; background:#2f2f2f; padding:0.25rem 0.625rem; } 
.custom_slider a .thumb .info .btm { }
.custom_slider a .thumb .info .btm p { font-size:0.875rem; color:var(--menu); margin-bottom:0.3125rem; text-transform:uppercase; } 
.custom_slider a .thumb .info .btm h4 { font-size:1.5625rem; font-weight:700; }
 

.custom_slider a .desc { position:relative; display:flex; flex-direction:column; justify-content:space-between; row-gap:1.25rem;  width:100%; height:100%; padding:1.25rem 1.875rem; background:#fff; border:1px solid #c1c1c1; border-radius:0 0 1.25rem 1.25rem;  transition:all 0.5s ease; } 
.custom_slider a .desc .top { }
.custom_slider a .desc .top .qrscan { display:flex; flex-direction:column; align-items:center; row-gap:0.25rem; text-align:center; background:#f9fafb; padding:0.9375rem; border-radius:0.625rem; margin-bottom:1.25rem; }
.custom_slider a .desc .top .qrscan em { font-style:normal; font-size:0.9375rem; color:#333; }
.custom_slider a .desc .top .qrscan p { font-style:normal; font-size:1.5625rem; color:var(--menu); font-weight:900; }
.custom_slider a .desc .top p { font-style:italic; font-size:0.9375rem; color:#000; line-height:1.333; } 

.custom_slider a .desc .btm { display:flex; justify-content:space-between; gap:0.3125rem; } 
.custom_slider a .desc .btm .tt { font-size:0.9375rem; color:#000; font-weight:700; white-space:nowrap; } 
.custom_slider a .desc .btm .item { display:flex; align-items:center; flex-wrap:wrap; gap:0.3125rem; }
.custom_slider a .desc .btm .item span { font-size:0.75rem; color:#2590bc; font-weight:600; border-radius:0.3125rem; background:#f1fdff; border-radius:0.3125rem; padding:0.3125rem 0.5rem; }
								

.custom_slider a:hover .thumb { background:#353535; } 
.custom_slider a:hover .thumb:after { opacity:0; } 
.custom_slider a:hover .desc { bottom:0; } 


.layout_cases .swiper-pagination { display:none; bottom:-2.813rem; } 
.layout_cases .swiper-pagination-bullet { width:0.625rem; height:0.625rem; opacity:1; background:transparent; border:1px solid #fff; }
.layout_cases .swiper-pagination-bullet-active { background:#fff; }


.custom_slider_pagination { position:absolute;  top:50%; width:100%; padding:0 15px; }
.custom_slider_pagination .swiper-button-prev:after, .custom_slider_pagination .swiper-button-next:after { font-size:1.25rem; color:#000; font-weight:600; } 
.custom_slider_pagination .swiper-button-prev { width:revert; left:-1.5625rem; right:revert; } 
.custom_slider_pagination .swiper-button-next { width:revert; right:-1.5625rem; } 


@media screen and (max-width: 1024px){
	#layout_faq .layout_faq { margin-top:3.75rem; } 
	
	.custom_slider_wrap { margin:0 2.5rem; margin-top:3.5rem; } 
	.custom_slider_pagination .swiper-button-prev { left:0.625rem; } 
	.custom_slider_pagination .swiper-button-next { right:0.625rem; } 
	

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

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 480px){
	.custom_slider_wrap { margin:0 1.875rem; } 
	.custom_slider_pagination .swiper-button-prev { left:0rem; } 
	.custom_slider_pagination .swiper-button-next { right:0rem; } 	
}