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

:root { 
--bg:#0c2e1d; 
}



/*----------------------------------------------------------------------
@ MAIN COMMON 
----------------------------------------------------------------------*/
#main > section {padding-top:8.125rem;padding-bottom:8.125rem; color:#fff;  overflow-x:clip; }
#main > section * { word-break:keep-all; } 

.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; align-items:center; justify-content:center; padding:0rem;line-height:1; }
.main_title h2 { font-size:2.5rem; color:#fff; font-weight:100; text-align:center; line-height:1.25; } 
.main_title h2 b { font-weight:600; } 
.main_title h2 img { margin-top:10px; } 

@media screen and (max-width: 1024px){
	#main > section {padding-top:5rem;padding-bottom:5rem;}
	.main_title h2 { font-size:1.875rem;  }
	.main_title h2 img { max-height:1.75rem; margin-top:5px; } 
}
@media screen and (max-width: 640px){
	.main_title h2 { font-size:1.563rem; line-height:1.4;  }
	.main_title h2 img { max-height:1.45rem; margin-top:6px; } 

	#wrap.en .main_title h2 img { max-height:1.35rem; margin-top:7px; } 
}





/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#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;}
#main__slider .slider__thumb .slider__thumb_mo {display:none;}
#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__inner { display:flex; align-items:center; position:absolute;top:0;left:0;right:0;max-width:1400px;width:100%;height:calc(100%); z-index:9;margin:0 auto;  } /*calc(100% - 10rem);*/
#main__slider .slider__mxw { position:relative;top:0;left:0;right:0;max-width:560px;width:100%;height:100%;z-index:9;margin:0 auto;}

#main__slider .slider__slogun { display:flex; width:100%; 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-weight:300;font-size:2.813rem;line-height:1.2;  color:#fff;overflow:hidden;}
#main__slider .slider__slogun > b.subtitle { display:block;font-size:1.5rem; font-weight:200;line-height:1.25; color:#fff;overflow:hidden; margin-bottom:1.5625rem; }
#main__slider .slider__slogun > b > span,
#main__slider .slider__slogun > p > span { display:block; position:relative; opacity:0; } 
#main__slider .slider__slogun > p {position:relative;margin-top:20px;font-weight:400;font-size:1.500rem;line-height:1.47;color:#fff;overflow:hidden;}

#main__slider .slider__thumb_video { position:relative; display:flex; align-items:center; width:calc(100% - 560px); } 
/*#main__slider .slider__thumb_video 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_video .movie { display:block;position:relative;width:100%;height:0;padding-bottom:56.25% !important; opacity:0; }
#main__slider .slider__thumb_video .movie video { position:absolute;top:0;left:0;width:100%;height:100%; } 

.video-controls {z-index:1;display:;position:absolute;top:50%;left:50%; transform:translate(-50%, -50%); width:100px;height:120px; }

.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 span { position:relative;z-index:2; font-size:6.25rem; color:#fff; }


#main__slider .slider__slogun_btn { position:relative;display:flex; align-items:center; gap:0 0.625rem; padding:0.8125rem 2.5rem 0.8125rem 3.75rem; margin-top:3.4375rem; font-size:1.25rem;color:#fff; font-weight:600; text-align:center;box-sizing:border-box; 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: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 { }


/*스크롤*/
#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:80px;margin:0 auto;z-index:9; cursor:pointer; }
#main__slider .slider-scroll-type2 .scroll_text { font-size:1rem; color:#fff; font-weight:200; letter-spacing:0; } 
#main__slider .slider-scroll-type2 .scroll_line { position:relative; width:1px; height:30px; background:rgba(255,255,255, 0.7); 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:#fff; 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:20px; top:0px; left:0px; background:#fff; z-index:1; animation:scroll_line 3s ease infinite 0.1s; }

@keyframes scroll_circle {0%{top:0px;}50%{top:30px;}100%{top:0px;}}
@keyframes scroll_line {0%{height:0px;}50%{height:30px;}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 .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; }


/*반응형*/
@media screen and (min-width: 1025px){
	#main__slider .slider__slogun_btn:hover { clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%); }
	#main__slider .slider__slogun_btn:hover:before { }
}
@media screen and (max-width: 1430px){
	#main__slider .slider__inner { width:auto; margin:0 15px; } 
	/*#main__slider .slider__slogun {padding:0 15px;}*/
} 
@media screen and (max-width: 1200px){
	#main__slider .slider__mxw { max-width:45%; } 
	#main__slider .slider__thumb_video { width:calc(100% - 45%); } 
	#main__slider .slider__slogun > b { font-size:2.25rem; } 
} 

@media screen and (max-width: 1024px){
	#main__slider .slider__mxw { max-width:40%; padding-right:1.25rem; } 
	#main__slider .slider__thumb_video { width:calc(100% - 40%); } 
	#main__slider .slider__slogun > b { font-size:1.875rem; } 

	#main__slider .slider__inner { flex-direction:column; row-gap:2.5rem; /*height:revert;*/ padding:7.5rem 0 7.5rem; } 
	#main__slider .slider__mxw { max-width:100%; padding-right:0; } 
	#main__slider .slider__thumb_video { width:calc(100%); } 

}
@media screen and (max-width: 768px){
	#main__slider .slider__inner { flex-direction:column; row-gap:2.5rem; /*height:revert;*/ padding:7.5rem 0 7.5rem; } 
	#main__slider .slider__mxw { max-width:100%; padding-right:0; } 
	#main__slider .slider__thumb_video { width:calc(100%); } 

} 
@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 > b { font-size:1.5625rem; } 
	#main__slider .slider__slogun > b.subtitle { font-size:1.25rem; } 
	#main__slider .slider__slogun_btn { font-size:1.125rem; margin-top:2.5rem; } 
}
@media screen and (max-width: 480px){
	#main__slider .slider__infos { /*height:480px;*/ }
}





.main_btn { display:flex; align-items:center; justify-content:center; gap:0.625rem 1.875rem; } 
.main_btn a { display:inline-flex; align-items:center; justify-content:center; gap:0 0.625rem; min-width:16.875rem; font-size:1.25rem; color:#fff; font-weight:600; text-align:center; border:0; padding:1.125rem 3.75rem 1.0625rem 5rem; background:#19a180; cursor:pointer; transition:all 0.4s ease;  }
.main_btn a:nth-child(2) { background:#479546; } 
.main_btn a:hover { clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%); } 

/* Responsive */
@media screen and (max-width: 1024px){
	.main_btn a { min-width:12rem; font-size:1.125rem; padding:0.75rem 1.25rem 0.75rem 2.5rem; } 
}
@media screen and (max-width: 768px){

} 
@media screen and (max-width: 640px){
	.main_btn {  gap:0.625rem 1.25rem; } 
	.main_btn a  { font-size:1rem; }
} 
@media screen and (max-width: 480px){
	#wrap.en .main_btn { flex-direction:column; } 
	#wrap.en .main_btn a { width:100%; } 
} 
@media screen and (max-width: 389px){
	.main_btn { flex-direction:column; } 
	.main_btn a { width:100%; } 
} 

/*----------------------------------------------------------------------
@ MAIN ABOUT
----------------------------------------------------------------------*/
#main_about { background:var(--bg); }
#main_about .main_btn { margin-top:2.8125rem; } 

.main_about { position:relative; color:#fff; margin-top:4.375rem; margin-bottom:4.375rem; } 
.main_about .list { display:flex; gap:0 5.625rem; } 
.main_about .list > div { width:50%; } 
.main_about .list ul { display:flex; flex-direction:column; } 
.main_about .list ul li { display:flex; padding:1.25rem; border-bottom:1px solid rgba(255,255,255,0.3); } 
.main_about .list .box { position:relative; width:20px; height:20px; border:1px solid #fff; border-radius:0.125rem; } 
.main_about .list .box:after { content:'done';position:absolute; left:50%; top:calc(50% - 3px); transform:translate(-50%,-50%);  font-family:'Material Icons'; font-size:36px; font-weight:600; color:#000; } 

.main_about .list .material-symbols-outlined { font-size:26px; margin-top:-1px; } 
.main_about .list .text { width:calc(100% - 20px); font-size:1.125rem; padding-left:0.5rem; } 


/* Responsive */
@media screen and (max-width: 1024px){
	.main_about { margin-top:3rem; margin-bottom:3rem; } 
	.main_about .list { gap:0 1.875rem; } 
}
@media screen and (max-width: 768px){
	.main_about .list { flex-direction:column; } 
	.main_about .list > div { width:100%; } 
} 
@media screen and (max-width: 640px){
} 
@media screen and (max-width: 480px){
} 
@media screen and (max-width: 360px){
} 






/*----------------------------------------------------------------------
@ MAIN TEXT
----------------------------------------------------------------------*/
#main_text { background:var(--bg); padding-top:0 !important; padding-bottom:0 !important; }
.main_text { } 
.main-flow-text { padding:0 0; } 
/* 흐르는텍스트 */
.thk-flow-text { display: flex; flex: 0 0 auto; white-space: nowrap; overflow: revert; transition: 0.3s;  }
.thk-flow-text p { font-size:8.75rem; color: #0d3f29; font-weight:900;  line-height:1;  letter-spacing:0; text-transform:uppercase; padding-right: 1.4881vw; animation: aniTextLoopL 100s linear infinite; }
.thk-flow-text.stroke p { color:#092f1e; text-shadow: -1px -1px 0 rgba(15,74,48, 1), 1px -1px 0 rgba(15,74,48, 1), -1px 1px 0 rgba(15,74,48, 1), 1px 1px 0 rgba(15,74,48, 1); } 
.thk-flow-text.reverse { margin-top:-0.625rem; } 
.thk-flow-text.reverse p { padding-left: 1.4881vw; padding-right:0; animation: aniTextLoopL 110s linear infinite;  animation-direction:reverse; margin-top:0rem;  } /* 더 빠르게 흐르는것 같아서 시간 조절 */ 

/* hover 효과 주고 싶을 때, */
.thk-flow-text:hover { }
.thk-flow-text:hover .thk-flow-wrap { /*animation-play-state: paused; cursor: pointer;*/ }

@keyframes aniTextLoopL {
	0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@media screen and (max-width:1470px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width: 1024px){
	.thk-flow-text p { font-size:15vw !important; } 
	.thk-flow-text.reverse { margin-top:revert; } 
}





/*----------------------------------------------------------------------
@ MAIN PRODUCT
----------------------------------------------------------------------*/
#main_product { background:var(--bg);  }
.main_product { display:flex; align-items:flex-start; gap:0 1.875rem; } 
.main_product .left { position:sticky; top:120px; width:calc(25.9375rem - 1.875rem); padding-bottom:9.375rem;  }
.main_product .left ul { display:flex; flex-direction:column; row-gap:3.125rem; } 
.main_product .left ul li { } 
.main_product .left ul li a { font-size:2.5rem; color:#fff; font-weight:200; line-height:1.25; transition:all 0.4s;  } 
.main_product .left ul li.on a { color:#69ce53; font-weight:600; } 
.main_product .left ul li a.active { color:#69ce53; font-weight:600; } 

.main_product .right { width:calc(100% - 25.9375rem); }



.product_cont { }
.product_cont_wrap { }
.product_cont .title { display:none; font-size:2.5rem; color:#fff; font-weight:600; text-align:center; word-break:keep-all; } 

.product_cont h3 { font-size:2.125rem; font-weight:200; text-align:center; padding:1.25rem; padding-left:4.75rem; } 
.product_cont h3 b { font-weight:600; } 
.product_cont .inner { display:flex; flex-direction:column; gap:2.1875rem; padding:3.75rem 0 5.625rem 4.375rem; } 
.product_cont .inner .inner_left { width:100%; border:1px solid rgba(255,255,255,0.2); border-radius:1.25rem;  } 
.product_cont .inner .inner_left img {  border-radius:1.25rem; } 

.product_cont .inner .inner_right { display:flex; width:100%; padding-bottom:0rem; } 
.product_cont .inner p { width:31.25rem; font-size:2rem; padding-left:5rem; } 
.product_cont .inner p b { font-weight:600; } 
.product_cont .inner p span  { font-size:1.5rem; } 

.product_cont .inner ul { display:flex; flex-direction:column; width:calc(100% - 31.25rem); padding-top:2px; } 
.product_cont .inner ul li { position:relative; font-size:1.25rem; padding:0rem 0 1rem 1.875rem; } 
.product_cont .inner ul li:after { content:'-'; position:absolute; top:0.125rem; left:0.875rem; } 

.main_product_etc { display:flex; flex-direction:column; gap:1.25rem; text-align:center; padding-top:3.75rem} 
.main_product_etc .line { width:100%; height:1px; background:#fff; } 
.main_product_etc .inner { display:flex; justify-content:space-around; padding:3.125rem 0; }
.main_product_etc .inner .col { display:flex; flex-direction:column; max-width:calc(100% / 5); }
.main_product_etc .inner .col h4 { font-size:3.125rem; font-weight:200; }
.main_product_etc .inner .col h4 b { font-size:5.625rem; color:#64c550; font-weight:900;  } 

.main_product_etc .inner .col p { font-size:1.25rem; line-height:1.5; }
.main_product_etc .inner .col p.pt10 { padding-top:0.625rem; } 

/* Responsive */
@media screen and (max-width: 1280px){
	.main_product .left ul li a { font-size:1.875rem; }
	.main_product .left { width:calc(18rem - 1.875rem); } 
	.main_product .right { width:calc(100% - 18rem); } 

	.product_cont h3 { font-size:1.875rem; padding-left:4.375rem; } 
	.product_cont .inner { padding-left:4.375rem; } 
	.product_cont .inner p { width:50%; font-size:1.5625rem; padding-left:0.625rem; } 	

	.product_cont .inner ul { width:calc(100% - 50%); } 
	.product_cont .inner ul li { font-size:1.125rem; } 
}
@media screen and (max-width: 1024px){ 
	.main_product .left { top:90px; } 
	.main_product .left ul li a { font-size:1.5625rem; } 
	.product_cont h3 { font-size:1.5625rem; } 
	.product_cont .inner { padding-top:3rem; padding-bottom:4rem; } 
	.product_cont .inner p span { font-size:1.25rem; } 
	
	.main_product_etc .inner .col h4 { font-size:2rem; } 
	.main_product_etc .inner .col h4 b { font-size:4rem; } 
	.main_product_etc .inner .col p { font-size:1.125rem; } 

}
@media screen and (max-width: 768px){
	.main_product .left { display:none; } 
	.main_product .right { width:calc(100%); } 

	.product_cont .title { display:block; font-size:1.375rem; margin-bottom:1.25rem; } 
} 
@media screen and (max-width: 640px){
	.main_product_etc .inner { flex-wrap:wrap; justify-content:space-around; row-gap:1.875rem; padding:2.5rem 0; }
	.main_product_etc .inner .col { width:calc((100% / 2) - 0.625rem); max-width:revert; } 
	

	.product_cont h3 { font-size:1.375rem; padding-left:3.125rem; } 
	.product_cont .inner p { font-size:1.25rem; padding-left:0; } 
	.product_cont .inner p span { font-size:1.0625rem; } 
	.product_cont .inner ul li { font-size:1rem; padding-bottom:0.625rem; } 

	.main_product_etc .inner .col h4 b { font-size:3.75rem; } 
} 
@media screen and (max-width: 480px){
	
	.product_cont .inner { padding-left:0; } 
} 
@media screen and (max-width: 389px){
	.product_cont .inner .inner_right { flex-direction:column; row-gap:1.25rem; } 
	.product_cont .inner p { width:100%; } 
	.product_cont .inner p br { display:none; } 
	.product_cont .inner ul { width:100%; } 
}
@media screen and (max-width: 360px){
	.main_product_etc .inner .col { width:calc((100% / 1) - 0.625rem); } 
}





/*----------------------------------------------------------------------
@ MAIN PARTNER
----------------------------------------------------------------------*/
#main_partner { background:url('/images/main/partner_bg.jpg') no-repeat center center / cover; }
.main_partner { } 

.partner_list { width:100%; margin-top:3.75rem; } 
.partner_list ul { display:flex; flex-wrap:wrap; margin-right:-1.875rem; row-gap:1.25rem; } 
.partner_list ul li { flex:0 0 auto; width:calc((100% / 4) - 1.875rem); margin-right:1.875rem; background:#fff; } 
.partner_list ul li a { display:flex; align-items:center; justify-content:center; width:100%; height:100%; } 


.after_list { margin-top:4.375rem; } 
.after_list .swiper-container { position:relative; overflow-x:clip; } 

.after_cont { display:flex; flex-direction:column; row-gap:1.5625rem; padding:3.4375rem 1.25rem; } 
.after_cont .quotes { height:1.25rem; background:url('/images/main/after_quotes1.png') no-repeat center center / contain;} 
.after_cont .quotes.quotes2 { background:url('/images/main/after_quotes2.png') no-repeat center center / contain; } 
.after_cont .quotes_cont { display:flex; flex-direction:column; row-gap:0.5rem; text-align:center; } 
.after_cont .quotes_cont p:first-child { font-size:1.875rem; font-weight:600; } 
.after_cont .quotes_cont p:last-child { font-size:1.25rem; } 


.after_list .swiper-pagination { bottom:-3.125rem; }
.after_list .swiper-pagination-bullet { width:0.625rem; height:0.625rem; border:1px solid #fff; background:transparent; opacity:1; margin:0 4px; }
.after_list .swiper-pagination-bullet-active { background:#fff; }


/* Responsive */
@media screen and (max-width: 1024px){
	.partner_list ul { margin-right:-1.25rem; } 
	.partner_list ul li { width:calc((100% / 4) - 1.25rem); margin-right:1.25rem; } 
	.after_cont { padding:2rem 1.25rem; padding-left:4rem; } 
}
@media screen and (max-width: 768px){
	.partner_list ul li { width:calc((100% / 2) - 1.25rem); } 
} 
@media screen and (max-width: 640px){
	.after_cont .quotes_cont p:first-child { font-size:1.25rem; } 
	.after_cont .quotes_cont p:last-child { font-size:1rem; } 
} 
@media screen and (max-width: 480px){
} 
@media screen and (max-width: 360px){
}






/*----------------------------------------------------------------------
@ MAIN SLOGON
----------------------------------------------------------------------*/
#main_slogon { position:relative; min-height:calc(var(--vh, 1vh) * 100); }
#main_slogon .bg { position:fixed; left:0; top:0; width:100%; height:calc(var(--vh, 1vh) * 100); background:url('/images/main/slogon_bg.jpg') no-repeat top center / cover;  z-index:-1; } 

.main_slogon { display:flex; flex-direction:column; align-items:center; justify-content:center; row-gap:2.5rem; min-height:calc(var(--vh, 1vh) * 100); text-align:center; overflow-x:clip; } 
.main_slogon p { font-size:3.125rem; } 
.main_slogon p b { color:#6dc064; font-weight:600; } 

/* Responsive */
@media screen and (max-width: 1024px){
	.main_slogon p { font-size:2.5rem; } 
}
@media screen and (max-width: 768px){
} 
@media screen and (max-width: 640px){
} 
@media screen and (max-width: 480px){
	.main_slogon p { font-size:2rem; } 
} 
@media screen and (max-width: 360px){
}





/*----------------------------------------------------------------------
@ MAIN EFFECT
----------------------------------------------------------------------*/
#main_effect { background:var(--bg); }
#main_effect .animate { opacity:0; } 

.main_effect { display:flex; align-items:center; margin:6.25rem 0; } 
.main_effect .col { position:relative; display:flex; align-items:center; justify-content:center; gap:1.875rem; width:calc(100% / 3); padding:1.375rem 1.25rem;  } 
/*.main_effect .col.active {  transform:translateY(0); opacity:1; } */
.main_effect .col:after { content:''; position:absolute; right:0; width:1px; height:100%; background:rgba(255,255,255,0.3); } 
.main_effect .col:last-child:after { display:none; } 

.main_effect .col h3 { font-size:1.875rem; font-weight:600; }
.main_effect .col p { font-size:1.125rem; line-height:1.389; margin-top:1.375rem; }
.main_effect .col p b { font-weight:600; } 

.main_effect .col .thumb { width:108px } 
.main_effect .col .cont { width:calc(100% - 108px - 1.875rem); } 
/*
#main_effect .animate { transform:translateY(50px); opacity:0; transition:all 0.4s ease 0.1s; } 
#main_effect .animate.active { transform:translateY(0); opacity:1; } 
*/
#wrap.en .main_effect .col h3 { font-size:1.375rem; } 
#wrap.en .main_effect .col p { margin-top:1rem; } 

/* Responsive */
@media screen and (max-width: 1024px){
	.main_effect { gap:1.5625rem; } 
	.main_effect .col { gap:1.25rem; width:calc((100% / 3) - 0.78125rem); padding:1.375rem 0rem; } 
	.main_effect .col:after { right:-0.75rem; } 
	.main_effect .col h3 { font-size:1.5625rem;  }
	.main_effect .col p { font-size:1.0625rem;  }
	.main_effect .col img { max-height:5rem; }

}
@media screen and (max-width: 1024px) and (min-width: 481px) {
	.main_effect { align-items:revert; } 
	.main_effect .col { flex-direction:column; justify-content:revert; } 
	.main_effect .col:after { top:0; } 

	.main_effect .col .thumb { width:revert;  } 
	.main_effect .col .cont { width:revert; text-align:center; } 

	/*
	.main_effect { flex-direction:column; } 
	.main_effect .col { width:calc(100%); } 
	.main_effect .col:after { display:none; } 
	.main_effect .col .thumb { width:6.25rem; } 
	.main_effect .col .cont { width:calc(100% - 6.25rem); }  
	.main_effect .col img { max-height:revert; } 
	*/
} 
@media screen and (max-width: 640px){

} 
@media screen and (max-width: 480px){
	.main_effect { flex-direction:column; margin:4.5rem 0; } 
	.main_effect .col { width:calc(100%); padding:1rem 0rem; } 
	.main_effect .col:after { display:none; } 
	.main_effect .col .thumb { width:6.25rem; text-align:center; } 
	.main_effect .col .cont { width:13.25rem;  } 
	.main_effect .col h3 { font-size:1.375rem; } 
	.main_effect .col p { margin-top:0.625rem; } 
	.main_effect .col img { max-height:6.25rem; } 

	#wrap.en .main_effect .col .cont { width:15.25rem; } 
} 
@media screen and (max-width: 360px){
}