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


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

.main_title_wrap { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; } 
.main_title {position:relative; display:flex; align-items:center; justify-content:center; font-size:2.5rem; color:#000; font-weight:600; padding:0rem;line-height:1; }
.main_title h2 { font-size:3rem; color:#000; font-weight:700; }

.main_tab { display:inline-flex; border:1px solid #000; border-radius:1.875rem; padding:0.313rem 0.313rem; margin-top:1.875rem;  } 
.main_tab a { font-size:1.125rem; color:#111; font-weight:500; padding:0.75rem 2.188rem; border-radius:1.563rem; transition:all 0.4s; }
.main_tab a.active  { color:#fff; background:#23221c; } 


/* 신제품, 기술력 MORE 버튼 공통 */
.main_more { display:flex; align-items:center; gap:0.625rem; overflow:hidden; margin-top:2.5rem;}

.main_more a { display:block;width:13.75rem; line-height:2.938rem; text-align:left; padding-left:1.75rem; box-sizing: border-box; border:1px solid #fff; border-radius:1.469rem; font-size:0.938rem;color:#fff;letter-spacing:0.025em;transition: all 0.5s ease-in-out; }
.main_more a i {display:inline-block;vertical-align:middle;margin-top:-3px;margin-left:1.125rem; transition: all 0.3s ease; transition-delay:0.2s; opacity:1; } 
.main_more i:before {content:'';display:inline-block;width:4px;height:4px;margin-top:0;background-color:#fff;border-radius:4px;vertical-align:middle; opacity:0.7; transition: all 0.3s ease; }
.main_more i:after {content:'';display:inline-block;width:40px;height:1px;margin-left:7px;background-color:#fff;vertical-align:middle; opacity:0.4; transition: all 0.3s ease; } 

.main_more a:hover {background-color:var(--menu);border-color:var(--menu); !important;color:#fff;}
.main_more a:hover i { opacity:1; margin-left:1.875rem;  }
.main_more a:hover i:before { opacity:1; background-color:#fff; }
.main_more a:hover i:after { opacity:1; background-color:#fff; }

.main_more.bk a { color:#000; border:1px solid #000;  }
.main_more.bk i:before { background-color:#000; opacity:0.7; }
.main_more.bk i:after { background-color:#000; opacity:0.4;  } 
.main_more.bk a:hover {background-color:#000;border-color:#000; color:#fff;}
.main_more.bk a:hover i:before { opacity:1; background-color:#fff; }
.main_more.bk a:hover i:after { opacity:1; background-color:#fff; }


@media screen and (max-width: 1024px){
	.main_title h2 { font-size:2.75rem;  }
}
@media screen and (max-width: 1024px){
	#main > section {padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width: 768px){
	.main_title h2 { font-size:2.5rem;  }
}



/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#main__slider {position:relative;padding:0 !important;}

/* 비율대로 */
#main__slider .slider__infos { position:relative; overflow:hidden;height:0; padding-top:48.33%;}
#main__slider .slider__thumb { width:100%; aspect-ratio:1920/928; }

/* 그냥 */ 
/*
#main__slider .slider__infos { position:relative; overflow:hidden;height:100vmin; }
#main__slider .slider__thumb { 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: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:none;font-weight:700;font-size:4.063rem;line-height:1;color:#fff;overflow:hidden;}
#main__slider .slider__slogun > b.subtitle {margin-top:15px; display:none;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 { display:none; position:relative;margin-bottom:1.25rem;font-weight:500;font-size:2.188rem;line-height:1.29;color:#fff;overflow:hidden;}
/*
#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:none;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: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 { position:relative; } 
/*#main__slider:before { content:''; position:absolute; left:50%; transform:translateX(-50%); top:-100%; width:1px; height:200px; background:rgba(255,255,255,0.3); z-index:7; animation:scrollImage3 5s linear infinite; } */
#main__slider .slider-scroll a {display:block;position:absolute;left:0;right:0; bottom:80px; width:16px;height:24px;margin:0 auto;font-weight:500;font-size:0.875rem;color:#fff; border:1px solid #fff; border-radius:7.7px; cursor:pointer;text-align:center; z-index:99; overflow:hidden;  }
#main__slider .slider-scroll a:before { content:''; position:absolute; top:5px; left:50%; transform:translateX(-50%); width:3px; height:6px; background:#fff; border-radius:1.6px; animation:scrollImage2 1.3s linear infinite; } 

#main__slider .slider-scroll .slider-scroll-text { position:absolute; left:50%; bottom:50px; transform:translateX(-50%); font-family:'Roboto'; font-size:13px; color:#fff; font-weight:300; letter-spacing:0; z-index:7; } 


@keyframes scrollImage {0%{top:-5px;}50%{top:10px;}100%{top:5px;}}
@keyframes scrollImage2 {0%{top:-5px;} 100%{top:25px;}}

@keyframes scrollImage3 {0%{ top:0px; opacity:1; } 100%{top:calc(100%); opacity:0.5; } }

/*좌우 부가 설정*/
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:3rem;color:#fff;}

#main__slider .swiper-pagination { display:flex; flex-direction:column; width:1.25rem; left:3.125rem; top:50%; transform:translateY(-50%); bottom:revert; } 
#main__slider .swiper-pagination-bullet { position:relative; width:10px; height:10px; background-color:transparent; border:1px solid #fff; opacity:1; margin:2px; transition:all 0.4s;  }
#main__slider .swiper-pagination-bullet:after { content:''; position:absolute; left:4px; bottom:-5px; width:1px; height:5px; background:#fff; transition:all 0.4s; } 
#main__slider .swiper-pagination-bullet:last-of-type:after { opacity:0; } 
#main__slider .swiper-pagination-bullet-active { background:#fff; margin-bottom:15px;}
#main__slider .swiper-pagination-bullet-active:after { bottom:-19px; height:19px; } 

#main__slider .swiper-pagination-bullet-active:last-of-type { margin-top:15px; margin-bottom:0; } 
#main__slider .swiper-pagination-bullet-active:last-of-type:after { opacity:1; top:-15px; bottom:revert; height:15px; } 

/*액션*/
#main__slider .slider__thumb .slider__thumb_bg { transition: all 1s ease-out; transform: scale(1.1);}
#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 {-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

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

@media screen and (max-width: 1800px) and (min-width: 1025px){
	/*
	#main__slider .slider__infos { position:relative; overflow:hidden;height:90vmin; padding-top:revert; }
	#main__slider .slider__thumb { width:100%; height:100%; aspect-ratio:revert;  }
	*/	
	/*
	#main__slider .slider__infos { position:relative; overflow:hidden;height:0; padding-top:60%;}
	#main__slider .slider__thumb { width:100%; aspect-ratio:1920/928; }
	*/

} 

/*반응형*/
@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 .slider-scroll { display:none; } 
	#main__slider .slider-scroll a { display:none; } 
	#main__slider .slider__slogun { padding:0 15px; }
	#main__slider .swiper-pagination { left:15px; } 
}
@media screen and (max-width: 1024px){
	/*#main__slider .slider__infos {height:640px;}*/
	/* 640 x 600 */ 
	#main__slider .slider__infos { padding-top:125%;}
	#main__slider .slider__thumb { aspect-ratio:1024/1280; }

	#main__slider .slider__thumb .slider__thumb_bg {display:none;}
	#main__slider .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
}

@media screen and (max-width: 640px){
	/*#main__slider .slider__infos {height:640px;}*/
	/* 640 x 600 */ 
	#main__slider .slider__infos { padding-top:125%;}
	#main__slider .slider__thumb { aspect-ratio:640/800; }

	#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-scroll { display:none; } 

	#main__slider .slider__slogun > b { font-size:3rem; }
	#main__slider .slider__slogun > p { font-size:1.25rem; } 

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




/*----------------------------------------------------------------------
@ 메인 동영상 
----------------------------------------------------------------------*/
#main_youtube { position:relative; width:100%; /*height:calc(var(--vh, 1vh) * 100);*/ padding-top:0rem !important; padding-bottom:0rem !important; }
.main_youtube { }

/* 비율 16:9 */ 
/*
.main_youtube { display:block;position:relative;width:100%;height:100%;padding-bottom:56.25% !important;  }
.main_youtube iframe { position:absolute;left:0;max-width:100%; width:100%;height:100%; top:0; margin-top:0rem; } 
.main_youtube video { position:absolute;left:0;max-width:100%; width:100%;height:100%; top:0; margin-top:0rem; } 
*/

/* 비율무시 꽉차게 
.main_youtube iframe { position:absolute; left:0px; top:0px; width:100% !important; height:100%; margin-top:0; } 
.main_youtube video {  position:absolute; left:0px; top:0px; width:100% !important; height:100%; margin-top:0; } 
*/
/*
.main_youtube .youtube_trick { position:absolute; width:100%; height:100%; z-index:10; }   
*/

/*비디오!! */
.main_youtube { overflow:hidden; } 
.video_box { position:relative; width:100%; height:revert; padding-top:56.25%; background:url('/images/main/youtube_img1_v2.jpg') no-repeat; background-size:cover; background-position:center;  overflow:hidden; } 
.video_box #video_sub { position:absolute;   margin: 0 auto; left:50%; top:50%; transform: translate(-50%, -50%);   }

#video_sub {z-index:0;}
#video-controls {z-index:1;display:revert;position:absolute;top:50%;left:50%;width:80px;height:80px;margin-top:-30px;margin-left:-30px;}

#video-controls button { position:absolute;width:72px;height:72px;padding:10px;background-color:transparent;border:none;display:none;  }
#video-controls button.show {display:block;}
#video-controls button img {position:relative;z-index:2}
#video-controls button:before {content:'';  -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute;	 top: 0px; right: 0px; bottom: 0px; left: 0px; border:3px solid rgba(255,255,255,0.3);  width:72px;height:72px; border-top-color:white;  border-bottom-color:white;  border-radius:100%; animation:playbtn 2s ease-in-out infinite;  } 
@keyframes playbtn { 100%{ transform:rotate(180deg); } } 

/* 유튜브일경우 요놈 display:block  */ 
.about_youtube { display:none;position:relative;width:100%; min-width:37.5rem; padding-bottom:56.25%; border-radius:1.25rem; overflow:hidden; }
.about_youtube iframe { position:absolute;left:0;max-width:100%; width:100%;height:100%; top:0; margin-top:0rem; } 

/* responsive */
@media screen and (max-width: 1200px){

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

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

} 
@media screen and (max-width: 640px){
	/*
	.video_box { padding-top:80%; } 
	.video_box #video_sub { height:100%; } 
	*/
}
@media screen and (max-width: 540px){

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







/*----------------------------------------------------------------------
@ 메인제품소개 
----------------------------------------------------------------------*/

#main_product { position:relative; min-height:70rem; height:calc(var(--vh, 1vh) * 100);  padding-top:0 !important; padding-bottom:0 !important; overflow-y:hidden; } 
#main_product .bg { position: absolute; display: flex; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; z-index: 0; }

#main_product .bg img { display:block;  object-fit: cover; mask-mode: alpha; mask-repeat: no-repeat; mask-size: 130rem; mask-position: -31.25rem center;  mask-image: url('/images/main/mask-circle.svg'); /*max-width: 160rem;*/ width:100%; height:100%;  min-width: 0; position: absolute; transition:mask-size 0.2s ease, transform 0.4s ease-out; transform:scale(1); }
/*
#main_product .bg img { display:block;  object-fit: cover; mask-mode: alpha; mask-repeat: no-repeat; mask-size: 130rem;mask-position: -31.25rem center;  mask-image: url('/images/main/mask-circle.svg');  width:100%; height:100%;  min-width: 0; position: absolute; }
*/
#main_product .main_product { position:relative; } 

.main_product .maxWidth1400 { position:relative; } 
.main_product .product_category { position:absolute; left:7.188rem; top:9.375rem; z-index:10; }  

.main_product .product_category .main_tab { border:0px; background:#d3c9bd; }
.main_product .product_category .main_tab a { color:#1e0e02; } 
.main_product .product_category .main_tab a.active { color:#fff; background:#3d3936; } 

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

@media screen and (max-width: 1920px){
	#main_product .bg img { /*mask-size:82vw; */ } 
} 

#main_product .slider__infos { overflow:hidden; min-height:70rem; height:calc(var(--vh, 1vh) * 100); }
/*배경*/
#main_product .slider__thumb { display:flex; align-items:center;justify-content:flex-end; position:absolute; right:2.5rem; width:100%;height:100%; }
#main_product .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1400px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#main_product .slider__slogun { display:flex;height:100%;justify-content:center;align-items:flex-start;flex-direction:column; top:0rem;position:relative; text-align:left; color:#fff; padding-left:7.188rem; }
#main_product .slider__slogun > b {position:relative;display:block;font-weight:800;font-size:5.625rem;line-height:1.1;color:#fff;overflow:hidden; word-break:keep-all; opacity:0; }
#main_product .slider__slogun > b.subtitle {display:block;font-weight:400;font-size:1.875rem; letter-spacing:-0.02em; line-height:1.1;color:#fff;overflow:hidden;margin-bottom:0rem;  word-break:keep-all; opacity:0; }
#main_product .slider__slogun > b > span,
#main_product .slider__slogun > p > span { display:block; position:relative;  }  
#main_product .slider__slogun > p {position:relative; font-weight:400;font-size:1.25rem;line-height:1.47;color:#fff;overflow:hidden; opacity:0.7; word-break:keep-all;}

#main_product .main_more { z-index:10; opacity:0; margin-top:5rem; }
#main_product .main_more a {  } 



/*좌우 부가 설정*/
#main_product .swiper_navigation {  position:absolute; top:calc(50% - 2.8rem); left:50%;transform:translate(-50%, -50%); z-index:13; max-width:1400px; width:100%; margin:0 auto; } 
#main_product .swiper-button-prev:after, #main_product .swiper-button-next:after { display:none; color:#fff;}
#main_product .swiper-button-prev span, #main_product .swiper-button-next span { font-size:2.5rem; color:#ddd; } 

#main_product .swiper-button-prev { width:5.625rem; height:5.625rem; left:-7.25rem; border-radius:50%;/*background:#2c2c2c;*/ border-color:#ddd;bottom:0px; transition:all 0.3s } 
#main_product .swiper-button-next { width:5.625rem; height:5.625rem; right:-7.25rem; border-radius:50%;/*background:#2c2c2c;*/ border-color:#ddd; transition:all 0.3s }
#main_product .swiper-button-prev:hover { background:rgba(0,0,0,0,1); } 
#main_product .swiper-button-next:hover { background:rgba(0,0,0,0,1); } 

#main_product .swiper-pagination-bullet {background-color:#e1e1e1; opacity:0.8; transition:all 0.3s ease; }
#main_product .swiper-pagination { }
#main_product .swiper-pagination-bullet {display:block;width:2px;height:45px;margin:0;border-radius:0px;background-color:#e1e1e1;opacity:0.8;}
#main_product .swiper-pagination-bullet-active {background-color:var(--menu); height:60px;opacity:1; }

/*액션*/
#main_product .slider__thumb .slider__thumb_bg {transition: all 15s ease-out; transform: scale(1,1);}
#main_product .slider__slogun {position:relative;top:0rem; transition: all .8s ease-out;} 
#main_product .swiper-slide-active .slider__thumb .slider__thumb_bg {transform: scale(1);}


/*----------------------------------------------------------------------
@ MAIN 슬라이드 컨트롤러  
----------------------------------------------------------------------*/
#main_product .swiper_control_wrap { position:absolute; left:50%;transform:translateX(-50%); bottom:20%; z-index:12; max-width:1400px; width:100%; height:auto;  margin:0 auto; } 

#main_product .main_visual_state  { display: block;position: absolute;left:0; top: 0%;-webkit-transition: all 0.3s;transition: all 0.3s ;z-index:10;}
#main_product .swiper-pagination-fraction {color:#aaa;}

/* controller */
#main_product .swiper_control { position: absolute; left: 7.188rem; font-size: 0;z-index: 2; }

/* pagination */
#main_product .swiper_control .swiper-pagination {position: static;}
#main_product .swiper_control .swiper-pagination-wrap {position: relative;}
#main_product .swiper_control .swiper-pagination-fraction {display: inline-block;  vertical-align: middle;width: auto;}
#main_product .swiper_control .swiper-pagination-fraction > span {display: inline-block;vertical-align: middle;min-width: 20px; font-family:'Montserrat'; font-size:1rem;color:#fff; font-weight: 500;letter-spacing: 0;text-align: center;line-height: 1;}

/* progress */
#main_product .swiper_progress_hidden_space {display: inline-block;vertical-align: middle;width:90px; height: 2px;margin: 0 2px 0 13px;position: relative;}
#main_product .swiper_progress_wrap {display:block ;width:90px; height: 3px;position: absolute;left: 25px;top: 50%;margin-top: -1px;background:rgba(255,255,255,0.5);overflow: hidden;}
#main_product .swiper_progress {display: block;width: 0;height: 100%;background: #fff;}

/* state */
#main_product .swiper_play_state {display: none; vertical-align: middle;width: 26px;height: 26px;position: relative;top: 0px;left:5px;}
#main_product .swiper_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
#main_product .swiper_play_state .material-icons { color:#fff; font-size:20px; margin-top:4px;  } 
#main_product .swiper_play_state.play .swiper_state_pause {opacity: 1; visibility: visible;}
#main_product .swiper_play_state.pause .swiper_state_play {opacity: 1; visibility: visible;}


/* Responsive */
@media screen and (max-width: 1920px){

} 
@media screen and (max-width: 1660px){
	#main_product .swiper-button-prev { width:4.375rem; height:4.375rem; left:10px;  } 
	#main_product .swiper-button-next { width:4.375rem; height:4.375rem; right:10px; } 
	/*
	#main_product { height:revert; padding-top:56.25%; } 
	#main_product .slider__infos { height:revert; padding-top:56.25%;} 
	*/
} 
@media screen and (max-width: 1430px){
	#main_product { z-index:22; } 
	.main_product .product_category { position:relative; left:calc(4.375rem + 5px); }  
	#main_product .slider__slogun { padding:0 calc(4.375rem + 25px); } 
	#main_product .slider__thumb { padding-right:calc(4.375rem); } 

	#main_product .slider__slogun > b { font-size:5rem; } 
	#main_product .slider__slogun > b.subtitle { } 
}
@media screen and (max-width: 1200px){
	#main_product .slider__thumb { /*max-width:100vw;*/ } 
	#main_product .slider__slogun > b { font-size:4rem; } 
	#main_product .slider__slogun > b.subtitle { font-size:1.563rem;  } 
	#main_product .slider__thumb img { max-width:60%; } 

} 

@media screen and (max-width: 1024px){
	#main_product { z-index:9; } 

	#main_product .swiper-button-prev { left:5px; } 
	#main_product .swiper-button-next { right:5px; } 
}
@media screen and (max-width: 768px){
	#main_product .swiper_control_wrap {  bottom:2.5rem; } 
	#main_product .slider_new .main_visual_state { min-width:210px; } 
	
	#main_product .swiper-button-prev { display:none; } 
	#main_product .swiper-button-next { display:none; } 
	/* 좌우버튼 없애고 여백 다시 활용 */

	.main_product .product_category {  left:5px; }
	#main_product .slider__slogun { padding:0 calc(2.5rem); } 
	#main_product .slider__thumb { padding:0 calc(2.5rem); align-items:flex-end; padding-bottom:25%; } 

	#main_product .swiper_control { left:2.5rem; } 

	#main_product .slider__slogun > b { font-size:3.5rem; } 
	#main_product .slider__slogun > b.subtitle { font-size:1.375rem; margin-bottom:0.313rem; }  
	#main_product .main_more { margin-top:3.75rem; } 
	#main_product .main_more a { line-height:2.5rem; } 
} 
@media screen and (max-width: 1024px){
	#main_product { height:revert; min-height:45rem; padding-top:4rem !important; padding-bottom:4rem !important; } 
	.main_product .product_category { top:revert; } 
	
	#main_product .slider__slogun { justify-content:flex-start; padding-top:3.125rem; } 
	#main_product .slider__infos {  height:revert; min-height:45rem; }

	#main_product .slider__thumb { right:0px; } 
	#main_product .slider__thumb img { max-width:80%; } 
	#main_product .slider__thumb .slider__thumb_bg {display:none;}
	#main_product .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}

	#main_product .swiper-button-prev { width:3.125rem; height:3.125rem;  } 
	#main_product .swiper-button-next { width:3.125rem; height:3.125rem; } 

}
@media screen and (max-width: 640px){
	#main_product .slider__thumb img { max-width:100%; } 
	#main_product { min-height:40rem; } 
	#main_product .slider__infos { min-height:40rem; }
	#main_product .slider__thumb { padding-bottom:20%; } 
	#main_product .slider__slogun > b { font-size:2rem; } 

} 

@media screen and (max-width: 540px){
	
}
@media screen and (max-width: 480px){
	.main_product .product_category {  left:0px; }
	.main_product .product_category .main_tab a { font-size:1rem; padding:0.75rem 1.25rem; text-align:center; } 
}
@media screen and (max-width: 360px){
	
}




/*----------------------------------------------------------------------
@ MAIN TECH
----------------------------------------------------------------------*/
#main_tech { } 

.main_tech { display:flex; gap:1.875rem; } 
.main_tech > div { position:relative; border-radius:1.875rem; overflow:hidden; } 
.main_tech .left { width:24.09%; background-color:#bbb5ad; transition:all 0.4s ease-out; } 
.main_tech .left.active { width:35%; } 
.main_tech .right { display:flex; flex-direction:column; gap:1.875rem; width:75.91%; transition:all 0.4s ease-out;  } 

.tech_inner { display:flex; gap:1.875rem; }
.tech_inner > div { position:relative; border-radius:1.875rem; overflow:hidden;  } 
.tech_inner .inner_left { width:65.04%; min-height:31.875rem; background-color:#d8cabf; transition:all 0.4s ease-out; }
.tech_inner .inner_right { width:34.96%; background-color:#c6bfb8; transition:all 0.4s ease-out;}

.tech_inner.reverse .inner_left { width:34.96%; min-height:31.875rem; background-color:#dedbd9;  } 
.tech_inner.reverse .inner_right { width:65.04%; background-color:#d9d3ce; } 

.tech_inner .inner_left.active { width:72%; background-color:#cebfb3;  } 
.tech_inner .inner_right.active { width:42%; background-color:#bbb4ac; } 

.tech_inner.reverse .inner_left.active { width:42%;background-color:#d1cecc; } 
.tech_inner.reverse .inner_right.active { width:72%; background-color:#cfc9c4;} 



.tech_cont { position:relative; display:flex; flex-direction:column; justify-content:space-between; height:100%; padding:5.313rem 3.125rem 4.375rem; z-index:1; } 
.tech_cont .tech_cont_title { } 
.tech_cont .tech_cont_title p { font-size:1.875rem; color:#000; font-weight:400; line-height:1.33; word-break:keep-all; }
.tech_cont .tech_cont_title p.small { font-size:1.25rem; margin-bottom:0.313rem; }
.tech_cont .tech_cont_title h3 { font-size:2.5rem; color:#000; font-weight:700; line-height:1.25; word-break:keep-all;}
.tech_cont .tech_cont_title ul {  } 
.tech_cont .tech_cont_title ul li { font-size:1.875rem; font-weight:400; line-height:1.33; } 

#wrap.en .tech_cont .tech_cont_title p { font-size:1.375rem; } 
#wrap.en .tech_cont .tech_cont_title p.small { font-size:1.073rem; } 
#wrap.en .tech_cont .tech_cont_title h3 { font-size:2rem; } 
#wrap.en .tech_cont .tech_cont_title ul li { font-size:1.375rem; } 


.tech_cont_more {  } 
.tech_cont_more ul li { font-size:1.25rem; color:#fff; font-weight:400; line-height:1.5; word-break:keep-all; } 
.tech_cont_more .main_more { margin-top:4.375rem; } 

.tech_cont_more.bk { position:absolute; width:calc(100% - 6.25rem); padding-bottom:4.375rem; bottom:-4.375rem; transition:all 0.5s ease 0.2s; opacity:0; }
.tech_cont_more.bk ul li { display:none; color:#000;  } 


.fn_tech.active .tech_cont_more.bk { bottom:0rem; opacity:1; } 


.tech_bg1 { position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('/images/main/tech_img1.png') no-repeat center center / cover; } 
.tech_bg2 { position:absolute; right:3.125rem; bottom:2.5rem; } 
.tech_bg3 { position:absolute; left:0px; bottom:0px; width:100%; height:374px; background:url('/images/main/tech_img3.png') no-repeat center center / cover; } 
.tech_bg4 { position:absolute; right:1.875rem; bottom:1.875rem;} 
.tech_bg5 { position:absolute; right:3.125rem; bottom:3.75rem; } 


@media screen and (max-width: 1600px){
	.main_tech { flex-direction:column; } 
	.main_tech .left { width:100%; } 
	.main_tech .left.active { width:100%; } 
	.main_tech .right { width:100%; } 
	
	.tech_inner .inner_left { width:50%; } 
	.tech_inner .inner_right { width:50%; } 
	
	.tech_inner.reverse .inner_left { width:50%; } 
	.tech_inner.reverse .inner_right { width:50%; } 

	.tech_inner .inner_left.active { width:65%; } 
	.tech_inner .inner_right.active { width:65%; } 

	.tech_inner.reverse .inner_left.active { width:65%; } 
	.tech_inner.reverse .inner_right.active { width:65%;} 

	.tech_cont_more { margin-top:1.875rem; } 
	.tech_cont_more .main_more { margin-top:2.5rem; } 
} 

@media screen and (max-width: 1440px){
	.tech_bg2 { right:2rem; bottom:2rem; } 
	.tech_bg2 img { width:31.3194vw; } 
	.tech_bg5 { right:2rem; bottom:2rem; } 
	.tech_bg5 img { width:34.0972vw; } 
} 
@media screen and (max-width: 1200px){
	.tech_cont .tech_cont_title p { font-size:1.563rem; }
	.tech_cont .tech_cont_title p.small { font-size:1.125rem; }
	.tech_cont .tech_cont_title h3 { font-size:2.25rem; }
	.tech_cont .tech_cont_title ul {  } 
	.tech_cont .tech_cont_title ul li { font-size:1.563rem; } 

	.tech_cont { padding:4rem 2.5rem; } 

	.tech_bg2 { right:1rem; bottom:2rem; } 
	.tech_bg2 img { width:37.5833vw; } 
	.tech_bg5 { right:1rem; bottom:2rem; } 
	.tech_bg5 img { width:40.9167vw; } 
}

@media screen and (max-width: 768px){
	.tech_inner .inner_left.active { width:50%; } 
	.tech_inner .inner_right.active { width:50%; } 

	.tech_inner.reverse .inner_left.active { width:50%; } 
	.tech_inner.reverse .inner_right.active { width:50%;} 
	
	.tech_cont { padding:3rem 1.875rem; } 

	.tech_cont .tech_cont_title p { font-size:1.25rem; }
	.tech_cont .tech_cont_title p.small { font-size:1.073rem; }
	.tech_cont .tech_cont_title h3 { font-size:1.875rem; }
	.tech_cont .tech_cont_title ul { margin-top:0.313rem;  } 
	.tech_cont .tech_cont_title ul li { font-size:1.25rem; } 

	#wrap.en .tech_cont .tech_cont_title p { font-size:1.25rem; } 
	#wrap.en .tech_cont .tech_cont_title h3 { font-size:1.875rem; } 
	#wrap.en .tech_cont .tech_cont_title ul li { font-size:1.25rem; } 

	.tech_cont_more.bk { bottom:0; opacity:1;} 
	
	.tech_bg1 {  } 
	.tech_bg5 { right:1rem; bottom:2rem; } 
	.tech_bg4 img { width:26.9531vw; } 

} 

@media screen and (max-width: 640px){
	.tech_inner { flex-direction:column; } 
	.tech_inner > div { width:100% !important; min-height:18.75rem !important; } 
	
	.tech_cont { min-height:18.75rem; padding:3rem 1.875rem 1.875rem; } 
	.tech_cont_more.bk { position:relative; padding-bottom:0;  } 
} 




/*----------------------------------------------------------------------
@ MAIN SMART HEALTH
----------------------------------------------------------------------*/
#main_health { display:flex; align-items:center; min-height:59.375rem; background:url('/images/main/health_bg.jpg') no-repeat center center / cover; } 

.main_health { display:flex; color:#fff; } 
.main_health .left { width:25.938rem; } 
.main_health .right { width:calc(100% - 25.938rem); } 

.health_title { padding-right:1.875rem; }
.health_title h3 { font-size:2.188rem; font-weight:700; }
.health_title img { margin-top:0.625rem; }
.health_title p { font-size:1.125rem; font-weight:400; line-height:1.388; margin-top:1.563rem; }
.health_title .more { }

.health_title .more { display:flex; align-items:center; gap:0.625rem; overflow:hidden; margin-top:5rem;}

.health_title .more a { margin-bottom:15px; display:block;width:13.75rem; line-height:2.938rem; text-align:left; padding-left:1.75rem; box-sizing: border-box; border:1px solid #fff; font-size:0.938rem;color:#fff;letter-spacing:0.025em; border-radius:1.469rem;transition: all 0.5s ease-in-out; }
.health_title .more a i {display:inline-block;vertical-align:middle;margin-top:-2px;margin-left:1.125rem; transition: all 0.3s ease; transition-delay:0.2s; opacity:1; } 
.health_title .more i:before {content:'';display:inline-block;width:4px;height:4px;margin-top:0;background-color:#fff;border-radius:4px;vertical-align:middle; opacity:0.7; transition: all 0.3s ease; }
.health_title .more i:after {content:'';display:inline-block;width:40px;height:1px;margin-left:7px;background-color:#fff;vertical-align:middle; opacity:0.4; transition: all 0.3s ease; } 

.health_title .more a:hover {background-color:var(--menu);border-color:var(--menu); !important;color:#fff;}
.health_title .more a:hover i { opacity:1; margin-left:1.875rem;  }
.health_title .more a:hover i:before { opacity:1; background-color:#fff; }
.health_title .more a:hover i:after { opacity:1; background-color:#fff; }


.main_health .right p { font-size:1.375rem; color:#fff; font-weight:400; line-height:1.59; letter-spacing:-0.03em; word-break:keep-all; } 
.main_health .right p b { color:#168b3b; font-weight:700; } 

.maps { position:relative; width:984px; height:461px; background:url('/images/main/health_img2.png') no-repeat center center / contain; margin-top:3.125rem; opacity:0; transition:all 0.4s;  } 

.maps .spot { position:absolute; width:5rem; height:4.375rem; background:url('/images/main/health_img3.png') no-repeat center center / contain;  transition:all 0.4s;  }
.maps .spot1 { left:73px; top:107px; }

.maps .spot.active0 { animation:opacity .7s ease infinite; animation-delay:0.7s; }
.maps .spot.active1 { animation:opacity .5s ease infinite; animation-delay:0.2s; }
.maps .spot.active2 { animation:opacity .6s ease infinite; animation-delay:1.5s; }

@keyframes opacity { 0% { opacity:1; transform: scale(1); }  50% { opacity:0.7; transform: scale(0.85); } 100% { opacity:1; transform: scale(1); } }

.maps .spot2 { left:113px; top:230px; }
.maps .spot3 { left:194px; top:71px; }
.maps .spot4 { left:288px; top:177px; }
.maps .spot5 { left:349px; top:73px; }
.maps .spot6 { left:434px; top:256px; }
.maps .spot7 { left:470px; top:341px; }
.maps .spot8 { left:675px; top:94px; }
.maps .spot9 { left:768px; top:274px; }

.maps .lines { position:absolute; left:119px; top:29px; width:689px; height:351px; background:url('/images/main/health_img4.png') no-repeat center center / contain; opacity:0;  transition:all 0.4s; } 
.maps .logo { position:absolute; left:442px; top:64px; width:75px; height:90px; background:url('/images/main/health_img5.png') no-repeat center center / contain; opacity:0;  transition:all 0.4s; } 


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

} 

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

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

}
@media screen and (max-width: 1024px){
	#main_health { min-height:revert; } 
	.health_title h3 { font-size:1.875rem; } 
	
	.main_health { flex-direction:column; } 
	.main_health .left { width:100%; } 
	.main_health .right { width:100%; margin-top:2.5rem; } 
	
	
	.maps { position:relative; width:93.3586vw; height:43.7381vw;  } 
	.maps .spot {  width:7.5901vw; height:6.6414vw; } 
	.maps .spot1 { left:6.9260vw; top:10.1518vw; }
	.maps .spot2 { left:10.7211vw; top:21.8216vw; }
	.maps .spot3 { left:18.4061vw; top:6.7362vw; }
	.maps .spot4 { left:27.3245vw; top:16.7932vw; }
	.maps .spot5 { left:33.1120vw; top:6.9260vw; }
	.maps .spot6 { left:41.1765vw; top:24.2884vw; }
	.maps .spot7 { left:44.5920vw; top:32.3529vw; }
	.maps .spot8 { left:64.0417vw; top:8.9184vw; }
	.maps .spot9 { left:72.8653vw; top:25.9962vw; }

	.maps .lines {  left:11.2903vw; top:2.7514vw; width:65.3700vw; height:33.3017vw;  } 
	.maps .logo {  left:41.9355vw; top:6.0721vw; width:7.1157vw; height:8.5389vw;  } 
}

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

} 

@media screen and (max-width: 640px){
	.health_title h3 { font-size:1.563rem; } 
	.health_title img { max-width:65%; } 
	.main_health .right p { font-size:1.25rem; } 

} 






/*----------------------------------------------------------------------
@ MAIN NEWS
----------------------------------------------------------------------*/

#main_news { position:relative; background:#f8f8f8; } 
/*#main_news:after { content:''; position:absolute; bottom:0px; left:0px; width:100%; height:50%; background:#f7f7f7; z-index:-1 } */

.main_news { position:relative; }  
.main_news .main_title { margin-bottom:3.125rem; } 
.main_news .main_title_sub:before { width:8.438rem; min-width:8.438rem; } 

.main_news .maxWidth1400 { overflow:revert; border:1px solid red; } 
.main_news_inner { position:relative; left:calc(50% - 830px); min-height:35rem; margin-top:7.813rem;  } 
/*.main_news_inner:last-of-type { display:none; } */
.main_news_inner .maxWidth1400 {  } 
.main_news_list { position:relative;  } 

.main_news_cont { position:relative; width:100%; min-height:18rem; background:#fff; padding:2.188rem 1.875rem; border-radius:1.25rem; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); transition:all .3s ease;overflow:hidden; } 
.main_news_cont a { display:block; position:relative; height:100%;} 

.main_news_thumb { display:block;width:100%; height:0; padding-top:56.25%; position: relative;overflow:hidden; transition:all 0.4s ease; } 
.main_news_thumb:after { content:''; position:absolute; left:0px; top:0px; width:100%;height:100%; background:rgba(0,0,0, 0.5); opacity:0;  transition:all 0.4s; z-index:1; } 
.main_news_thumb img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

.main_news_subject_wrap { display:flex; flex-direction:column; justify-content:space-between; position:relative; width:100%; height:100%; z-index:7; transition:all .3s ease; padding-top:1.875rem; } 
.main_news_subject { width:100%; font-size:1.375rem; color:#333; font-weight:600; -webkit-line-clamp : 2;  line-height:1.35em; height:2.7em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; } 
.main_news_content_wrap { display:block; margin-top:15px; } 
.main_news_content { width:100%; font-size:1.125rem; color:#333; font-weight:400; -webkit-line-clamp : 5;  line-height:1.35em; height:6.75em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; } 
.main_news_date { font-size:0.938rem; color:#666; letter-spacing:0; transition:all 0.4s;  } 
.main_news_date .main_news_month { margin-bottom:0px; }
.main_news_date .main_news_day { font-size:2.188rem; color:#111; font-weight:800; margin-bottom:1.25rem; transition:all 0.4s; }


.main_news_over { position:absolute; left:-1px; bottom:-105%; width:102%; height:calc(100% - 0px); display:flex; flex-direction:column; background:#fff; z-index:-1; transition:all 0.3s ease; }
.main_news_over .main_news_subject_wrap { justify-content:center; height:revert;  } 

/*.main_news_wrap { position:relative; overflow:hidden; top:0rem; left:50%; transform:translateX(-390px); right:0px; width:calc(50% + 390px); z-index:5; } */
.main_news_wrap { position:absolute; top:0rem; left:0%; /*transform:translateX(-390px);*/ right:0px; width:calc(100%); z-index:5; padding-top:40px; border-radius:1.25rem;  padding-bottom:40px;  overflow:hidden; }  
.main_news_wrap:after { content:''; position:absolute; top: 0px; left: 0px; content: ''; width:25%; height: calc(100%); background-color: #1d8b3b; border-radius:1.875rem;  overflow:hidden; z-index:-1; } 

.main_news_list_swiper { position:absolute; left:50%; transform:translateX(-50%); top:-5.625rem; max-width:1400px; margin:0 auto; width:100%; height:5.625rem; z-index:3; }
.main_news_list_swiper .swiper-button-prev:after, .main_news_list_swiper .swiper-button-next:after { display:none; content:''; } 
.main_news_list_swiper .swiper-button-prev {left:revert; right:6.25rem; top:0%;width:5.625rem; height:5.625rem; margin-top:0rem;border:1px solid #23221c; border-radius:50%; background:url('/images/main/news_prev_bk.png') no-repeat; background-position:center; transition:all 0.4s; }
.main_news_list_swiper .swiper-button-next  {right:0px;  top:0%; width:5.625rem; height:5.625rem; margin-top:0rem; border:1px solid #23221c; border-radius:50%; background:url('/images/main/news_next_bk.png') no-repeat; background-position:center; transition:all 0.4s; }

.main_news_list_swiper .swiper-button-prev:hover, 
.main_news_list_swiper .swiper-button-next:hover { background-color:#fff; } 


/* Swiper Active */
.main_news .swiper-slide-active .main_news_cont { background:transparent; box-shadow:none; padding:2.188rem 1.25rem 2.188rem 3.125rem; } 
.main_news .swiper-slide-active .main_news_subject { color:#fff; } 
.main_news .swiper-slide-active .main_news_content { color:#fff; } 
.main_news .swiper-slide-active .main_news_date { color:#fff; } 
.main_news .swiper-slide-active .main_news_date .main_news_day { color:#fff; }

.main_news .swiper-slide-active .main_news_over { background:#2f2b25; } 

/* hover */
.main_news_cont:hover .main_news_over { bottom:0px; z-index:10; }
/* .main_news_cont:hover .main_news_day, 
.main_news_cont:hover .main_news_date, */
.main_news_cont:hover .main_news_subject { color:var(--menu); } 
.main_news_cont:hover .main_news_thumb:after { opacity:1; } 


@media screen and (max-width: 2060px){
}
@media screen and (max-width: 1680px){
	.main_news_wrap:after { width:50%; max-width:505px; }
}
@media screen and (max-width: 1560px) and (min-width: 1201px){
	.main_news_subject { font-size:1.25rem;} 
} 


@media screen and (max-width: 1480px){ 
	.maxWidth1440 { margin:0 15px; } 
	.main_news { margin:0 15px; } 
	.main_news_inner { left:revert; } 
	.main_news_wrap:after { width:40%; max-width:revert; }
} 
@media screen and (max-width: 1200px){ 
	
	.main_news_inner { min-height:revert; } 
	.main_news_wrap { position:relative; } 
	.main_news_wrap:after { width:50%; max-width:revert; }
}

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

	.main_news_list_swiper { height:3.75rem; } 
	.main_news_list_swiper .swiper-button-prev { left:revert; right:4.063rem; width:3.75rem; height:3.75rem; background-size:30%; background-color:#fff;  }
	.main_news_list_swiper .swiper-button-next  { left:revert; right:0px; width:3.75rem; height:3.75rem; background-size:30%; background-color:#fff; } 
	.main_news_wrap:after { left:0rem; width:45%; max-width:revert; }
}	

@media screen and (max-width: 768px){
	.main_news_wrap:after { width:65%; }
}
@media screen and (max-width: 640px){
	.main_news_inner { min-height:100%; } 
}
@media screen and (max-width: 480px){
	.main_news_inner { margin-top:3.75rem; } 
	.main_news_wrap { position:relative; padding-top:1.25rem; padding-bottom:1.25rem; } 
	.main_news_wrap:after { left:0rem; width:100%; max-width:revert; } 
	.main_news_cont { padding:1.875rem; }  
	.main_news .swiper-slide-active .main_news_cont { padding:1.875rem; } 

	.main_news_list_swiper { top:-1.625rem; } 

}



/*----------------------------------------------------------------------
@ 메인 SERVICE
----------------------------------------------------------------------*/
#main_service { position:relative; display:flex; align-items:center;  overflow:hidden; overflow-x:clip; background:url('/images/main/service_bg1.jpg') no-repeat; background-size:cover; background-position:center;  min-height:43.75rem; padding-top:6.25rem !important; padding-bottom:6.25rem !important; }
#main_service:after { content: ''; position: absolute; top:calc(50% - 2.75rem) ; width: calc(100%); left: 0; height: 1px; background: rgba(255,255,255,0.2); } 
#main_service .maxWidth1400 { width:100%; } 


.main_service_bg { position:absolute; left:0px; top:0px; width:100%; height:100%; } 
.main_service_bg .bg { position:absolute; left:0px; top:0px; width:100%; height:100%; transition:opacity 0.3s ease,  } 
.main_service_bg .bg1 {  background:url('/images/main/service_bg1.jpg') no-repeat; background-size:cover; background-position:center; opacity:0; } 
/* 배경1개고정, 커지는 효과X 
.main_service_bg .bg2 {  background:url('/images/main/service_bg2.jpg') no-repeat; background-size:cover; background-position:center; opacity:0; } 
.main_service_bg .bg3 {  background:url('/images/main/service_bg3.jpg') no-repeat; background-size:cover; background-position:center; opacity:0; } 
.main_service_bg .bg.opa { opacity:1; animation: zoominout 3s ease-in-out infinite alternate-reverse both; } 
*/

@keyframes zoominout {
	0% { transform:scale(1);}
	100% { transform:scale(1); }
}

.main_service { display:flex; flex-wrap: wrap; margin-right:-4.125rem; }

.main_service_cont { position:relative;  display:inline-flex; flex-direction:column; justify-content:space-between; flex: 0 0 auto; width: calc((100% / 3 ) - 4.125rem); min-width:26.25rem; margin-right:4.125rem; padding:3.125rem 4rem; background:transparent;  } 

.main_service_cont:after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:transparent; z-index:-1; transition:all 0.3s ease; } 



.main_service_cont .main_service_title { font-size:2rem; color:#fff; font-weight:700; border-bottom:5px solid #fff; padding-bottom:1rem}
.main_service_cont .main_service_desc { font-size:1.073rem; color:#fff; font-weight:400; line-height:1.47; margin-top:1.25rem; word-break:keep-all; }




/* MORE */
.main_service_cont .main_service_more { position:relative; display:inline-block; text-align:left; margin-top:2.5rem; } 

.main_service_cont .main_service_inner { position:relative; display:inline-block; min-width:175px; }
.main_service_cont .main_service_inner:after { content: ""; display: block; width: 175px; height: 2px; background-color:rgba(255,255,255, 0.5); margin-top:0.625rem; } 

.main_service_cont .main_service_more a { position:relative; display:inline-block; font-size:0.938rem; color:#fff; font-weight:600; letter-spacing:0; padding-left:1.563rem; transition:all 0.4s ease;} 
.main_service_cont .main_service_more a:hover { /*color:#51afc0;*/ } 
.main_service_cont .main_service_more a:before { content:''; position:absolute; left:0px; top:6px; width:8px; height:8px; border-radius:50%; background:#fff; }
.main_service_cont .main_service_more a:hover:before { animation: bound .4s ease forwards;} 

.main_service_cont .main_service_more a:after { content: ""; display: block; position:absolute; width: 0;left:0px; height: 2px; background-color: #fff; margin-top:11px; transition:all 0.4s ease; } 
.main_service_cont .main_service_more a:hover:after { width:175px; } 

/* Hover */
.main_service_cont:nth-of-type(1):hover:after { background:rgba(29,62,42,0.8);}
.main_service_cont:nth-of-type(2):hover:after { background:rgba(38,104,102,0.8);}
.main_service_cont:nth-of-type(3):hover:after { background:rgba(75,56,45,0.8);} 


#wrap.en #main_service:after { top:calc(50% - 4.35rem); } 
#wrap.en .main_service_cont .main_service_title { font-size:1.875rem; } 

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

}
@media screen and (max-width: 1260px) and (min-width: 1025px){
	.main_service { margin-right:-0rem; }
	.main_service_cont {  width: calc((100% / 3 ) - 0rem); min-width:revert; margin-right:0rem; padding:3.75rem 1.875rem; } 
} 
@media screen and (max-width: 1024px) and (min-width: 768px){
	.main_service_cont .main_service_desc br { display:none; } 
} 
@media screen and (max-width: 1024px){
	#main_service {  padding-top:5rem !important; padding-bottom:5rem !important; } 
	#main_service:after { top:calc(50% - 3.2rem) ; } 
	.main_service { margin-right:-0rem; }
	.main_service_cont {  width: calc((100% / 3 ) - 0rem);  min-width:revert; margin-right:0rem; padding:3.75rem 1.875rem; } 
	.main_service_cont .main_service_title { font-size:1.563rem; } 
}	
@media screen and (max-width: 768px){
	#main_service:after { display:none; } 
	#main_service .maxWidth1400 { width:100%; } 
	.main_service { display:flex; flex-direction:column; width:100%; margin-right:0rem; }
	.main_service_cont { min-width:revert; width: calc((100% / 1 ) - 0rem);  margin-right:0rem; padding:3.75rem 1.875rem; } 
}
@media screen and (max-width: 640px){


}
@media screen and (max-width: 414px){
	.main_service { display:flex; flex-direction:column;  }
	.main_service_cont { padding:2.75rem 1.25rem; } 
	.main_service_cont .main_service_title { font-size:1.563rem; border-bottom:3px solid #fff; } 
}