@charset "UTF-8";
/********************************************************


		메인 버전 1.  css 	:: BSJ


********************************************************/
#header {border-bottom:none;}
#header.nav-up {border-bottom:1px solid #f5f5f5;}
#header.nav-down {border-bottom:1px solid #f5f5f5;}
.lnb-menu > li > a {color:#fff;}
.language > li > a {color:#fff;}
@media screen and (max-width: 1024px){
	#header.language > li > a {color:111;}
	#header.language > li > a {display:none;}
	#header.language > li > a {display:block;}
}

#header.nav-up .lnb-menu > li > a {color:#fff;}
#header.nav-down .lnb-menu > li > a {color:#111;}
#header.type2.open_menu .lnb-menu > li > a {color:#111;}
#header.nav-down.nav-top .lnb-menu > li > a {color:#fff;}
#header.type2.open_menu.nav-down.nav-top .lnb-menu > li > a {color:#111;}
#header.nav-down.nav-top {border-bottom:none;}

/*
#header.nav-down .logo1 {display:block;}
#header.nav-down .logo2 {display:none;}
#header.nav-down.nav-top .logo1 {display:none;}
#header.nav-down.nav-top .logo2 {display:block;}
*/
#header__mobile span {background-color:#fff;}
#header.nav-down.nav-top #header__mobile span {background-color:#fff;}
@media screen and (max-width: 1024px){
	#header.nav-up .logo1 {display:none;}
	#header.nav-up .logo2 {display:block;}
}




/*----------------------------------------------------------------------
	메인
----------------------------------------------------------------------*/
#main > section {padding-top:6.25rem;padding-bottom:6.25rem;}

@media screen and (max-width: 1024px){
	#main > section {padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width: 768px){
	/*#main > section {padding-top:40px;padding-bottom:40px;}*/
	/*.main__title span {font-size:13px;}*/
}



/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#main__slider {position:relative;padding:0 !important; overflow-x:clip;}
#main__slider .slider__infos {overflow:hidden;height:100vmin;}
/*배경*/
#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: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:1400px;width:100%;height:100%;z-index:9;margin:0 auto;}


/*슬로건*/
#main__slider .slider__mxw { display:flex; justify-content:flex-start;align-items:center; } 
#main__slider .slider__slogun {display:flex;width:100%;height:100%;justify-content:center;align-items:flex-start;flex-direction:column; position:relative; text-align:left;font-weight:900;font-size:4rem;line-height:1;color:#fff; margin-left:3.75rem; transition:all 0.3;   }
#main__slider .slider__slogun_wrap { position:absolute; left:0px;  } 

#main__slider .slider__slogun > b {position:relative;display:block;font-weight:700;font-size:5.625rem;line-height:1;color:#fff;overflow:hidden;margin-bottom:1.25rem; z-index:9; }
#main__slider .slider__slogun > b.subtitle {margin-bottom:0.938rem; display:block;font-weight:700;font-size:3.125rem;line-height:1;color:transparent;overflow:hidden;text-transform:uppercase;-webkit-text-stroke: 1.5px #fff; }
#main__slider .slider__slogun > b > span,
#main__slider .slider__slogun > p > span { display:block; position:relative; opacity:1; } 
#main__slider .slider__slogun > p {position:relative; font-weight:400;font-size:1.875rem;line-height:1.47;color:#fff;overflow:hidden; z-index:9;}
#main__slider .slider__slogun > p > span { opacity:0.5; } 
#main__slider .slider__slogun > b span.cl { color:#d8b552; } 

#main__slider .slider__slogun .slider_img { position:absolute; top:0px; left:calc(50% - 200px); width:100%;height:100%;  z-index:0; } 
#main__slider .slider__slogun .slider_img img { } 


/*스크롤*/
#main__slider .slider-scroll a {display:block;position:absolute;left:0;right:0;width:9.2rem;height:4.3rem;margin:0 auto;font-weight:500;font-size:0.875rem;color:#fff;animation:scrollImage 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0;z-index:9;}
#main__slider .slider-scroll a:before {content:'';display:block;width:1.5rem;height:1.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:50px;}50%{bottom:70px;}100%{bottom:50px;}}

/*스크롤 커스텀*/
#main__slider .slider-scroll-type2 { display:block; position:absolute; left:0;right:0px; text-align:center; bottom:0px; width:80px;height:100px;margin:0 auto;z-index:9; cursor:pointer; }
.slider-scroll-type2 .scroll_text { font-size:14px; color:#fff; } 
.slider-scroll-type2 .scroll_line { position:relative; width:1px; height:60px; background:rgba(255,255,255, 0.4); margin:0 auto; margin-top:10px; } 
.slider-scroll-type2 .scroll_line:after { content:''; position:absolute; width:5px; height:5px; top:0px; left:-2px; background:#d8b552; border-radius:50%; z-index:2; animation:scroll_circle 3s ease infinite 0.1s;} 
.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:0px;}50%{top:60px;}100%{top:0px;}}
@keyframes scroll_line {0%{height:0px;}50%{height:60px;}100%{height:0px;}}


/*액션*/
#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;-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; }




/*반응형*/
@media screen and (max-width: 1460px){
	#main__slider .slider__mxw { margin:0 15px; } 
	#main__slider .swiper-pagination {top:calc(40% + 7px); left:15px;margin-left:0px; }
	#main__slider .slider__slogun { } 

	#main__slider .slider__slogun .slider_img { left:revert; right:20px; width:60%; }  
} 
@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 .slider__slogun { padding:0 0px; margin-left:0rem;} 
	#main__slider .slider-scroll-type2 { display:none; } 
}
@media screen and (max-width:768px){
	#main__slider .slider__slogun { text-align:left; } 
	#main__slider .slider__slogun > b { font-size:3rem; line-height:1.3; margin-bottom:0rem; }
	#main__slider .slider__slogun > b.subtitle { font-size:2.5rem;line-height:1.3;margin-bottom:0rem;color:transparent;overflow:hidden;text-transform:uppercase;-webkit-text-stroke: 1px #fff; }
	#main__slider .slider__slogun > p { font-size:1.25rem;line-height:1.47;color:#fff;overflow: }
	#main__slider .slider__slogun .slider_img { width:75%; }  
}
@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;}
	@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}

	#main__slider .slider__slogun { margin-left:0.5rem;} 


}
@media screen and (max-width: 540px){
	#main__slider .slider__slogun > b { font-size:2.5rem; line-height:1.3; margin-bottom:0rem; }
	#main__slider .slider__slogun > b.subtitle { font-size:2rem;line-height:1.3;margin-bottom:0rem;color:transparent;overflow:hidden;text-transform:uppercase;-webkit-text-stroke: 0.5px #fff; }
	#main__slider .slider__slogun > p { font-size:1rem;line-height:1.47;color:#fff;overflow: }
} 
@media screen and (max-width: 480px){
	#main__slider .slider__infos {height:480px;}
}
@media screen and (max-width: 414px){
	#main__slider .slider__slogun {justify-content:flex-end; padding-bottom:1.25rem;} 
} 




/*----------------------------------------------------------------------
@ 메인공통 
----------------------------------------------------------------------*/
.main_title { font-size:3.438rem; color:#111; font-weight:700; margin-bottom:6.25rem; text-align:center; }


@media screen and (max-width: 1460px){
}
@media screen and (max-width: 1200px){
	.main_title { margin-bottom:4.25rem; }
}
@media screen and (max-width: 1024px){
	.main_title { font-size:2.8rem; }
}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 640px){
	.main_title { font-size:2.563rem; margin-bottom:3.25rem; }
}
@media screen and (max-width: 540px){
	
}
@media screen and (max-width: 414px){
	.main_title { font-size:2rem; } 
}

/*----------------------------------------------------------------------
@ Accento N
----------------------------------------------------------------------*/
#main_accento { overflow:hidden; }
.main_accento { text-align:center; } 
.main_accento .accento_img {} 
.main_accento .accento_desc { font-size:1.375rem; color:#111; margin-top:1.375rem; line-height:1.4; padding:0 2.5rem;  }    

@media screen and (max-width: 1460px){
}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 640px){
	.main_accento .accento_desc { font-size:1rem; padding:0 1rem;  } 

}
@media screen and (max-width: 414px){
	.main_accento .accento_img img { max-width:70%; } 
} 



/*----------------------------------------------------------------------
@ Accento  - 제품2개 
----------------------------------------------------------------------*/
#main_product { display:flex; align-items:center; overflow:hidden; background:url('../../images/product_bg1.png') no-repeat; background-size:cover; background-position:center; }
#main_product.main_product2 { background:url('../../images/product_bg2.png') no-repeat; background-size:cover; background-position:center; } 

#main_product .maxWidth1440 { display:flex;  } 
#main_product .main_wrap .main_left { padding-left:4.375rem; padding-right:6.25rem; } 
#main_product.section { padding-top:0rem;} 

#main_product .main_title_wrap { justify-content:center; } 

#main_product .main_product_top { display:flex;  } 
#main_product .main_product_top .main_product_top_left { display:flex; align-items:center; width:50%; }
#main_product .main_product_top .main_product_top_right { display:flex; align-items:center;justify-content:center;width:50%; }


#main_product .product_info { padding:0px 3.75rem 0 6.25rem; }


#main_product .product_info .product_info_summary { font-size:2.813rem; color:#111; font-weight:700; margin-bottom:2.5rem; } 

#main_product .product_info .product_info_desc { font-size:1.25rem; color:#666; font-weight:400; line-height:1.5;  } 
#main_product .product_img {  } 
#main_product.main_product2 .product_img { padding-left:60px; } 


@media screen and (max-width: 1460px){
}
@media screen and (max-width: 1200px){
	#main_product { min-height:revert; } 
}
@media screen and (max-width: 1024px){
	#main_product .product_info { padding:0px 3.75rem 0 3.75rem; }
}
@media screen and (max-width: 768px){
	#main_product.section { padding-top:0rem;} 
	#main_product .product_info { padding:0px 2rem 0 2rem; }

	.main_product1 .main_product_top { display:flex; flex-direction:column-reverse;  } 
	.main_product2 .main_product_top { display:flex; flex-direction:column;  } 

	#main_product .main_product_top .main_product_top_left { width:100%; } 
	#main_product .main_product_top .main_product_top_right { width:100%; } 

	.main_product1 .main_product_top .main_product_top_left { padding-top:1.563rem;  } 
	.main_product2 .main_product_top .main_product_top_right { padding-top:1.563rem;  } 

	#main_product .product_info .product_info_summary { font-size:2rem; margin-bottom:1.875rem; } 
	#main_product .product_info .product_info_summary br { display:none; } 
	#main_product .product_info .product_info_desc { font-size:1.125rem; } 

	#main_product.main_product2 .product_img { padding-left:0px; } 
}
@media screen and (max-width: 640px){

}
@media screen and (max-width: 540px){
	#main_product .product_info { padding:0px 1rem 0 1rem; }
}





/*----------------------------------------------------------------------
@ Accento N Point 5
----------------------------------------------------------------------*/
#main_point { overflow:hidden; overflow-x:clip; background:#1b1b1f; }
#main_point .main_title { color:#fff; } 
#main_point .maxWidth1440 {  } 

.main_point_inner { position:relative; display:flex; margin-right:-1.875rem; }
/*
.main_point_left { width: calc((100% / 2 ) - 1.875rem); margin-right:1.875rem; border:1px solid red; padding-left:1.25rem; padding-right:3.125rem;} 
.main_point_right {  width: calc((100% / 2 ) - 1.875rem); margin-right:1.875rem; margin-top:12.5rem; border:1px solid red; padding-left:3.125rem; padding-right:1.25rem;} 
*/

.main_point_left { display:flex; flex-wrap:wrap; margin-right:-1.875rem; padding-left:1.25rem; padding-right:1.25rem; } 
.main_point_col { display:flex; margin-bottom:5.625rem; } 
.main_point_col:last-of-type { margin-bottom:0rem; } 

.main_point_col_left { width:25%; font-size:9.375rem; color:#242428; font-weight:700;   }
.main_point_col_right { width:75%; padding-left:10px; }

/* 우측에 대한 설정 */
.main_point_col { flex: 0 0 auto; width: calc((100% / 2 ) - 1.875rem); margin-right:1.875rem; padding-right:1.25rem; margin-bottom:0rem;} 
.main_point_col:nth-of-type(even) { flex-direction:row-reverse; margin-top:12.5rem; padding-left:1.25rem;padding-right:0rem; } 
.main_point_col:nth-of-type(even) .main_point_col_right { padding-left:0; padding-right:10px;  } 
.main_point_col:nth-of-type(3) { margin-top:-5rem; } 
.main_point_col:nth-of-type(4) { margin-top:10rem; } 
.main_point_col:nth-of-type(5) { margin-top:-18rem; } 

/*
.about_col_img { border-radius:1.875rem; overflow:hidden; } 
.about_col_img img { } 
*/
.main_point_col_img {position:relative; padding-top:65.30%;text-align:center; overflow:hidden;}
.main_point_col_img img {position:absolute; width:100%; top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

.main_point_col_txt { font-size:2.188rem; color:#fff; font-weight:700; margin-top:2.5rem;  } 
.main_point_col_desc { font-size:1.25rem; color:#fff; margin-top:0.938rem; line-height:1.5;  } 

@media screen and (max-width: 1460px){
	.main_point_left { padding-left:0rem; padding-right:0rem; } 
}

@media screen and (max-width: 1200px){
	.main_point_col { padding-right:0rem; }
	.main_point_col:nth-of-type(even) { padding-left:0rem; } 
	.main_point_col_left { width:25%; font-size:7.375rem; } 

	.main_point_col_txt { font-size:1.875rem;  } 
	.main_point_col_desc { font-size:1.125rem; }  
}
@media screen and (max-width: 1024px){
} 
@media screen and (max-width: 768px){
	.main_point_left { display:flex; flex-direction:column;  }
	.main_point_col_right { padding-left:0px; }
	.main_point_col { width: calc((100% / 1) - 1.875rem); margin-bottom:2.5rem;  }
	.main_point_col:nth-of-type(even) { flex-direction:row; padding-left:0rem;padding-right:0rem; margin-top:0rem;} 
	.main_point_col:nth-of-type(even) .main_point_col_right { padding-left:0; padding-right:0px;  } 
	.main_point_col:nth-of-type(3) { margin-top:0rem; } 
	.main_point_col:nth-of-type(4) { margin-top:0rem; } 
	.main_point_col:nth-of-type(5) { margin-top:0rem; } 
} 
@media screen and (max-width: 460px){
	.main_point_col_left { display:none; } 
	.main_point_col_right { width:100%; } 
	.main_point_col_txt { font-size:1.563rem; margin-top:1.25rem; } 
	.main_point_col_desc { font-size:1rem; }  
	
}



/*----------------------------------------------------------------------
@ Clinical Results 
----------------------------------------------------------------------*/
#main_result { overflow:hidden; background:url('../../images/result_bg.png') no-repeat; background-size:cover; background-position:center;   }
#main_result .maxWidth1440 {  } 



.main_result_inner { display:flex; flex-wrap:wrap; margin-right:-1.875rem; padding-left:1.25rem; padding-right:1.25rem } 
.main_result_col { display:flex; flex-direction:column; flex: 0 0 auto; width: calc((100% / 2 ) - 1.875rem); margin-right:1.875rem; background:#fff; border-radius:3.125rem; overflow:hidden; } 
.main_result_col { display:flex; margin-bottom:1.875rem; } 
.main_result_col:last-of-type {  } 

/*
.main_result_col_img {position:relative; padding-top:65.30%;text-align:center; overflow:hidden;}
.main_result_col_img img {position:absolute; width:100%; top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}
*/
.main_result_col_img { position:relative; text-align:center; padding:1.875rem 1.25rem;} 
.main_result_col_txt { font-size:1.875rem; color:#fff; font-weight:700;  text-align:center; padding:1.25rem 0; background:#1a1c1f; } 

@media screen and (max-width: 1460px){
	.main_result_inner { padding-left:0rem; padding-right:0rem; } 
}
@media screen and (max-width: 1200px){
	.main_result_col_txt { font-size:1.563rem; }  
}

@media screen and (max-width: 1024px){
} 
@media screen and (max-width: 768px){
	
} 
@media screen and (max-width: 640px){
	.main_result_inner { flex-direction:column; } 
	.main_result_col { width: calc((100% / 1 ) - 1.875rem); } 	
} 
@media screen and (max-width: 414px){
	.main_result_col { border-radius:2rem; } 
}



/*----------------------------------------------------------------------
@ Specification 
----------------------------------------------------------------------*/
#main_spect { position:relative; overflow:hidden;  overflow-x:clip;}
#main_spect .maxWidth1440 { } 
#main_spect .main_title { margin-bottom:4.375rem; } 

.main_spect_bg { position:absolute; top:0px; left:0px; width:50%; height:100%; background:url('../../images/spect_img1.png') no-repeat; background-size:100%; background-position:center top; } 


.main_spect { display:flex; } 
.main_spect_left, .main_spect_right { width:50%; } 

.main_spect_right { }
.main_spect_right .main_spect_title { position:relative; font-size:2.188rem; color:#111; font-weight:700; padding-bottom:1.25rem; text-align:center; } 
.main_spect_right .main_spect_title2 { margin-top:3.125rem; } 
.main_spect_right .main_spect_title:after { content:''; position:absolute; left:0px; bottom:0px; width:100%; height:5px; background:#111; border-radius:3px; } 

.main_spect_table td { font-size:1rem; color:#666; text-align:left !important; padding-left:1.25rem !important;  } 
.main_spect_table td.bg { width:37%; background:#f5f5f5; } 

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

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

}

@media screen and (max-width: 1024px){
	.main_spect_bg { display:none; } 
} 
@media screen and (max-width: 768px){
	/*.main_spect_bg { display:block; left:revert; right:0px; width:30%; } */
	.main_spect { flex-direction:column } 
	.main_spect_left { display:none; } 
	.main_spect_right { width:100%; } 	
} 
@media screen and (max-width: 640px){
	#main_spect .main_title { margin-bottom:2.563rem; } 
	.main_spect_right .main_spect_title { font-size:1.875rem; } 
}