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


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

.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; align-items:center; justify-content:center; padding:0rem; text-align:center;  }
.main_title h2 { position:relative; font-size:3.75rem; color:#000; font-weight:800;  line-height:1; } 
.main_title h2:before { content:''; position:absolute; left:0px; bottom:0.5rem; width:0; height:1px; background:#000; transition:all 0.5s; } 
.main_title h2:after { content:''; position:absolute; right:-10px; bottom:0.313rem; width:1rem; height:1rem; background:var(--menu); border-radius:50%; opacity:0; transition:all 0.4s ease 0.5s; } 
.main_title p { position:relative; font-size:1.125rem; color:#808080; font-weight:300; line-height:1.44; text-align:left; } 
.main_title p:after { content:''; position:absolute; left:-3.75rem; top:50%; transform:translateY(-50%); width:1px; height:100%; background:#e6e6e6; }  

.main_title.active h2:before { width:100%; } 
.main_title.active h2:after { right:-25px; opacity:1; } 

@media screen and (max-width: 1024px){
	.main_title h2 { font-size:2.5rem;  }
	.main_title h2:before {  bottom:0.3rem;  } 
}
@media screen and (max-width: 1024px){
	#main > section {padding-top:4rem;padding-bottom:4rem;}
}
@media screen and (max-width: 640px){
	.main_title h2 { font-size:2rem; }
	.main_title h2:before { bottom:0.275rem;} 
}



/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#main__slider {position:relative;padding:0 !important;}
#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: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:block;font-weight:700;font-size:5.625rem;line-height:1;color:#fff;overflow:hidden;}
#main__slider .slider__slogun > b.subtitle {margin-top:15px; display:block;font-weight:600;font-size:2.5rem;line-height:1;color:#fff;overflow:hidden;}
#main__slider .slider__slogun > b > span,
#main__slider .slider__slogun > p > span { display:block; position:relative; opacity:0; } 
#main__slider .slider__slogun > p {position:relative;margin-top:1.563rem;font-weight:300;font-size:1.125rem;line-height:1.388;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:block;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:none;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 .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 {border-color:#0d1231;}
	#main__slider .slider__slogun_btn:hover:before {background-color:#0d1231;opacity:1;}
}
@media screen and (max-width: 1024px){
	#main__slider .slider__slogun {padding:0 15px;}

	#main__slider .slider__slogun > b { font-size:4rem; }


}
@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 { padding:0 2.5rem; } 
	#main__slider .swiper-button-prev { left:5px; } 
	#main__slider .swiper-button-next { right:5px; } 
	#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after { font-size:1.875rem; } 

	#main__slider .slider__slogun > b { font-size:3rem; }
	#main__slider .slider__slogun > p { font-size:1.073rem; }
	#main__slider .slider__slogun > p br { display:none; } 
}
@media screen and (max-width: 480px){
	/*#main__slider .slider__infos {height:480px;}*/ 
}



/*----------------------------------------------------------------------
@ MAIN APPLICATION 
----------------------------------------------------------------------*/

#main_application { }
.main_application { position:relative; padding-top:3.75rem; }

#main_application .main_title { display:flex; justify-content:space-between; } 
/*
#main_application .application_list {  position:absolute; left:50%; width:3120px; margin-left:-1560px; } 
*/

#main_application .application_list { position:relative; } 
#main_application .application_list a { position:relative; display:block;  } 

#main_application .application_list .thk-inner { padding:0px; line-height:1; text-align:center; overflow:hidden;  } 


#main_application .list_bg { position:relative; overflow:hidden;  } 

/*
#main_application .application_img { position: relative;  display:flex; justify-content:center; width:100%;  transition:all 0.4s ease;   }  
#main_application .application_img img {display: block; -o-object-fit: cover;object-fit: cover; transition:all 0.4s ease;} 
*/
#main_application .application_img { display:block;width:100%; height:0; padding-top:66.666%; position: relative;overflow:hidden; transition:all 0.3s ease; } 
#main_application .application_img:after { content:''; position:absolute; left:0px; top:0px; width:100%;height:100%; background:rgba(255, 255, 255, 0.5); opacity:1;  transition:all 0.3s; z-index:1; } 
#main_application .application_img img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

#main_application .swiper-slide { max-width:630px; border-radius:1.25rem; overflow:hidden; } 



#main_application .swiper-pagination { display:flex; justify-content:flex-end; gap:3px; position:static; /*top:80%; bottom:revert;*/   } 



#main_application .application_cont { display:flex; align-items:flex-end; justify-content:space-between; position:absolute; left:0px; bottom:0px; width:100%; padding:2.5rem; z-index:2; opacity:0; transition:all 0.5s ease; }
#main_application .application_left { max-width:calc(100% - 2.75rem); }
#main_application .application_right { max-width:2.75rem; }

#main_application .application_tt { font-size:2.5rem; color:#fff; font-weight:700;  }
#main_application .application_subtt { font-size:1.125rem; color:#fff; font-weight:300; line-height:1.389; margin-top:0.75rem; }

#main_application .application_arrow { }
#main_application .application_arrow .icon { display:inline-flex; align-items:center; justify-content:center; width:2.75rem; height:2.75rem; background:#fff; border-radius:50%; }
#main_application .application_arrow .icon::before { content:''; width:22px; height:12px; background:url('/images/main/app_arrow.png') no-repeat; } 


#main_application .swiper-slide-active .application_cont { opacity:1; }
#main_application .swiper-slide-active .application_img:after { opacity:0; } 

/* hover */
#main_application .swiper-slide a:hover .application_arrow .arrow_mv .icon::before { animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
#main_application .swiper-slide a:hover .application_img { transform:scale(1.1); } 
#main_application .swiper-slide a:hover .application_img:after {  } 


/* swiper controler */
.application_swiper_page { display:flex; align-items:center; justify-content:center; margin-top:3.75rem;  } 
.application_swiper_page .swiper-scrollbar { position:relative; width:575px; max-width:575px; height:2px; border-radius:0px; } 
.application_swiper_page .swiper-pagination { font-size:1rem; color:#000; font-weight:300; width:60px; max-width:60px; } 
.application_swiper_page .swiper-pagination .page_number { font-weight:600; } 

.application_swiper_page .swiper-pagination-progressbar { background:#e6e6e6; height:2px !important; } 
.application_swiper_page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#000; } 


.application_swiper_control { position:absolute; width:100%; height:0; top:calc(50% - 1.4065rem); transform:translateY(-50%) !important; z-index:5;  }
.application_swiper_control .arrow  { width:10px; height:10px; } 
.application_swiper_control .arrow:before { width:100%; height:100%; border:1px solid #fff; border-right:0px; border-bottom:0px; } 
.application_swiper_control .arrow:after { width:0px; height:1px; background:#fff; transform-origin:0 100%; transform:rotate(45deg); } 
.application_swiper_control .swiper-button-prev:after, .application_swiper_control .swiper-button-next:after { display:none; content:''; } 
.application_swiper_control .swiper-button-prev, .application_swiper_control .swiper-button-next { width:2.813rem; height:2.813rem;  border:1px solid rgba(255,255,255,0.2); background:rgba(0,0,0,0.2); margin-top:0rem; border-radius:50%; transition:all 0.4s; } 
.application_swiper_control .swiper-button-prev { left:2.5rem; right:revert; top:0%; padding-left:3px;  }
.application_swiper_control .swiper-button-next  { left:revert; right:2.5rem; top:0%; padding-right:3px; }
.application_swiper_control .swiper-button-next:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
.application_swiper_control .swiper-button-prev:hover .arrow_mv {  animation: arrow-action-prev 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 

.application_swiper_control .swiper-button-next:hover, 
.application_swiper_control .swiper-button-prev:hover { border:1px solid rgba(255,255,255,0.2); background:rgba(0,0,0,1);  opacity:1; } 


.application_swiper_control .swiper-pagination { display:none; position:relative; bottom:0rem; } 
.application_swiper_control .swiper-pagination .swiper-pagination-bullets { } 
.application_swiper_control .swiper-pagination .swiper-pagination-bullet { width:0.938rem; height:0.938rem; background:#000; margin:0 7px; opacity:1; }
.application_swiper_control .swiper-pagination .swiper-pagination-bullet-active { background:#000;  }



@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_application .main_title { flex-direction:column; } 
	#main_application .main_title p { margin-top:1.25rem; } 

	#main_application .main_application { margin:0 15px; } 
	#main_application .swiper-slide { max-width:100%; width:100%; } 

	#main_application .application_tt { font-size:1.563rem; }
	#main_application .application_subtt { font-size:1rem; } 

	.application_swiper_page { margin-left:0px; margin-right:0px; } 
	.application_swiper_page .swiper-scrollbar {  width:calc(100% - 60px); max-width:calc(100% - 60px);  } 
	
	.application_swiper_control .swiper-button-prev { left:1.25rem; } 
	.application_swiper_control .swiper-button-next { right:1.25rem; } 
}
@media screen and (max-width: 414px){
	
}
@media screen and (max-width: 300px){
	
}






/*----------------------------------------------------------------------
@ MAIN PRODUCT  
----------------------------------------------------------------------*/
#main_product { }
.main_product { position:relative; margin-top:3.75rem; }


.product_title { font-size:1.125rem; color:#000; font-weight:300; text-align:center; } 

.product_list { display:flex; align-items:center; flex-direction:column; position:relative; margin-top:3.75rem; z-index:5; } 


.product_category { display:flex; align-items:center; justify-content:center; column-gap:3.125rem; } 
.product_category a { position:relative; font-size:1.875rem; color:#bebebe; font-weight:600; text-transform:uppercase; transition:all 0.4s ease; } 
.product_category a span { position:relative; } 
.product_category a span:after { content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:6px; width:0; height:1px; background:currentColor; transition:all 0.4s ease; } 
.product_category a.active { color:#000; } 
.product_category a.active span:after { width:100%; } 


.product_category_info_wrap { position:relative; } 
.product_category_info_wrap.hide { display:none; }

.product_category_info { display:flex;  max-width:59.375rem; margin-top:4.375rem; border:1px solid #e6e6e6; background:#f6f6f6; border-radius:1rem; overflow:hidden; } 
.product_category_info.hide { display:none; } 
.product_category_info .left { display:flex; width:42.63%;  }
.product_category_info .left .thumb { height:100%; } 

.product_category_info .right { width:calc(100% - 42.63%); padding:2.5rem 1.563rem 2.5rem 3.75rem; } 
.product_category_info .right h3 { font-size:1.875rem; color:#000; font-weight:700; } 
.product_category_info .right p { font-size:1.125rem; color:#000; font-weight:400; line-height:1.555;margin-bottom:3.125rem;  } 
.product_category_info .right a {display:inline-flex; font-size:1.25rem; color:#fff; font-weight:500; letter-spacing:0.05em; border-radius:2.188rem; background:linear-gradient(135deg,#00c0f7,#059ee8, #0a7ad9, #0549b9,#b90577 ); background-size:500% auto;padding:0.75rem 3.125rem; transition:all 0.4s ease; } 

.product_category_info .right a:hover {  animation:loginbox 5s ease infinite;  }

@keyframes loginbox {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}


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

} 
@media screen and (max-width: 1024px){
	.product_category { column-gap:1.563rem; } 
	.product_category a { font-size:1.563rem; } 
	.product_category_info .right { padding:2rem; } 
}
@media screen and (max-width: 768px){
	.product_category_info { margin-top:3rem; } 
	.product_category_info .right h3 { font-size:1.563rem; } 
	.product_category_info .right p { font-size:1rem; margin-top:0.625rem; margin-bottom:2rem; } 
	.product_category_info .right a { font-size:1.125rem; } 
}
@media screen and (max-width: 640px){
	.product_list { margin-top:0rem; } 
	.product_category { display:none; } 
	.product_category_info_wrap.hide { display:block; } 

	.product_category_info .left { width:30%;  }
	.product_category_info .right { width:calc(100% - 30%);  } 

}
@media screen and (max-width: 414px){
	.product_category_info { flex-direction:column; } 
	.product_category_info .left { width:100%; padding-top:56.25%; } 
	.product_category_info .right { width:100%; padding:1.25rem; } 
	.product_category_info .right h3 { font-size:1.25rem; } 
	.product_category_info .right a { font-size:1rem; } 
}
@media screen and (max-width: 360px){
} 





/*----------------------------------------------------------------------
@ MAIN ABOUT
----------------------------------------------------------------------*/

#main_about { padding-top:0rem !important; padding-bottom:0rem !important; background:url('/images/main/about_bg.jpg') no-repeat; background-size:cover; background-position:center; } 
.main_about { position:relative; padding-top:9.375rem; padding-bottom:9.375rem; }  
.main_about .main_title { display:flex; justify-content:flex-start; color:#fff; } 
.main_about .main_title h2 { color:#fff; } 
.main_about .main_title h2:before { background:#fff; } 

.main_about .main_title_sub {  padding-bottom:0rem; } 


.main_about_inner { display:flex; align-items:flex-end; width:100%; height:100%;  }
.main_about_inner .main_about_left { display:flex; flex-direction:column; width:50%;  }
.main_about_inner .main_about_right { display:flex; flex-direction:column; align-items:flex-end; position:relative; width:50%;  }


.main_about_desc1 { font-size:1.25rem; color:#fff; font-weight:500; margin-top:3.125rem; line-height:1.3; word-break:keep-all; } 
.main_about_desc2 { font-size:1.125rem; color:#808080; font-weight:300; margin-top:1.563rem; line-height:1.44; word-break:keep-all; } 


.main_about_btn { display:flex; align-items:center; column-gap:2.5rem; margin-top:2.5rem; } 
.main_about_btn a { position:relative; display:inline-flex; align-items:center; font-size:0.938rem;  color:var(--menu); font-weight:500;  transition:all 0.4s;  } 
.main_about_btn a .plus { display:flex; margin-left:0.938rem; } 
.main_about_btn a .plus img { transition:all 0.4s; }

.main_about_btn a:after { content:''; position:absolute; left:0px; bottom:-2px; width:0; height:1px; background:var(--menu); transition:all 0.4s; } 

/* hover */
.main_about_btn a:hover:after { width:100%; } 
.main_about_btn a:hover .plus img { transform:rotate(180deg); }  


.main_direct_bn { margin-bottom:1.25rem; border-radius:2.188rem; overflow:hidden;}
.main_direct_bn:last-of-type { margin-bottom:0rem; } 
.main_direct_bn a { position:relative; display:flex;align-items:center; justify-content:space-between; font-size:1.375rem; color:#fff; font-weight:500; border-radius:2.188rem; background:#0549b9; padding:1.25rem 1.875rem; min-width:400px; overflow:hidden; } 


.main_direct_bn:nth-of-type(2) a { background:#0b7ad9; } 
.main_direct_bn:nth-of-type(3) a { background:#00b7ff; } 

.main_direct_bn .plus { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:transparent; margin-left:0px; border:1px solid #fff; } 
.main_direct_bn .plus img { transition:all 0.4s; }


/* hover */
.main_direct_bn a:hover .plus img { transform:rotate(180deg); }  
.main_direct_bn a:hover.shine:before { -webkit-animation: shine .75s; animation: shine .75s; } 


@media screen and (max-width: 1200px){
	.main_about_desc { font-size:1.25rem; } 
	.main_direct_bn a { padding:1rem 1.875rem; min-width:305px; } 
}

@media screen and (max-width: 1024px){
	#main_about { min-height:revert; } 
	.main_about { padding-top:4rem; padding-bottom:4rem; }  
	.main_about_desc br { display:none; } 
}	
@media screen and (max-width: 768px){
	.main_about_inner { flex-direction:column; } 
	.main_about_inner .main_about_left { width:100%;  }
	.main_about_inner .main_about_right { width:100%;  align-items:flex-start;  margin-top:1.875rem; }  
	.main_direct_bn  { width:100%; } 
	.main_direct_bn a { width:100%; min-width:revert;  } 

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

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

}




/*----------------------------------------------------------------------
@ MAIN NOTICE
----------------------------------------------------------------------*/

#main_notice { background:#f7f7f7; }

.main_notice { position:relative; padding-top:3.75rem; }


#main_notice .notice_list { position:relative; } 

#main_notice .swiper-slide { max-width:570px; width:570px; opacity:0.5 !important; } 
#main_notice .swiper-wrapper { left:-300px; } 


#main_notice .swiper-pagination { display:flex; justify-content:flex-end; gap:3px; position:static;  } 

#main_notice .swiper-container {  }

#main_notice .notice_cont { display:flex; flex-direction:column; justify-content:space; position:relative; width:100%; padding:2.5rem; background:#fff; border-radius:1rem; }
#main_notice .notice_left { max-width:calc(100% - 2.75rem); }
#main_notice .notice_right { max-width:2.75rem; }

#main_notice .notice_category { font-size:1.125rem; color:var(--menu); font-weight:400; margin-bottom:1.25rem; }
#main_notice .notice_subject { font-size:1.625rem; color:#000; font-weight:600; margin-bottom:0.625rem; -webkit-line-clamp : 2;  line-height:1.25em; height:2.5em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
#main_notice .notice_desc { font-size:1.073rem; color:#666; font-weight:300; -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_notice .notice_btn { margin-top:1.25rem; }
#main_notice .notice_btn a { display:inline-flex; font-size:1.073rem; color:#666; font-weight:300; letter-spacing:0.03em; padding:0.625rem 1.875rem; border-radius:1.563rem; border:1px solid #ccc; }


#main_notice .swiper-slide-active,
#main_notice .swiper-slide-next { opacity:1 !important; }

#main_notice .swiper-slide-active .notice_cont { background:rgba(255,255,255,0.8); box-shadow: 0px 14px 24.94px 4.06px rgba(0, 0, 0, 0.1); } 
#main_notice .swiper-slide-active .notice_btn a { color:var(--menu); border:1px solid var(--menu); transition:all 0.4s; } 
#main_notice .swiper-slide-active .notice_btn a:hover { color:#fff; border:1px solid var(--menu); background:var(--menu); } 


/*
.main_notice .swiper-slide-next + div 
*/



/* swiper controler */
.notice_swiper_page { display:flex; align-items:center; justify-content:center; margin-top:3.75rem;  } 
.notice_swiper_page .swiper-scrollbar { position:relative; width:1110px; max-width:1110px; height:2px; border-radius:0px; } 
.notice_swiper_page .swiper-pagination { font-size:1rem; color:#000; font-weight:300; width:60px; max-width:60px; } 
.notice_swiper_page .swiper-pagination .page_number { font-weight:600; } 
.notice_swiper_page .swiper-pagination-progressbar { background:#e6e6e6; height:2px !important; } 
.notice_swiper_page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#000; } 


.notice_swiper_control { position:absolute; width:100%; height:45px; top:50%; transform:translateY(-50%) !important; z-index:5; }
.notice_swiper_control .arrow:before { width:100%; height:100%; border:1px solid #fff; border-right:0px; border-bottom:0px; } 
.notice_swiper_control .arrow:after { width:12px; height:1px; background:#fff; transform-origin:0 100%; transform:rotate(45deg); } 
.notice_swiper_control .swiper-button-prev:after, .notice_swiper_control .swiper-button-next:after { display:none; content:''; } 
.notice_swiper_control .swiper-button-prev, .notice_swiper_control .swiper-button-next { width:2.813rem; height:2.813rem;  border:1px solid #fff; background:#000; opacity:0.2; margin-top:0rem; border-radius:50%; } 
.notice_swiper_control .swiper-button-prev { left:60px; right:revert; top:0%; }
.notice_swiper_control .swiper-button-next  {left:revert; right:60px; top:0%;  }
.notice_swiper_control .swiper-button-next:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
.notice_swiper_control .swiper-button-prev:hover .arrow_mv {  animation: arrow-action-prev 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 

.notice_swiper_control .swiper-pagination { display:none; position:relative; bottom:0rem; } 
.notice_swiper_control .swiper-pagination .swiper-pagination-bullets { } 
.notice_swiper_control .swiper-pagination .swiper-pagination-bullet { width:0.938rem; height:0.938rem; background:#000; margin:0 7px; opacity:1; }
.notice_swiper_control .swiper-pagination .swiper-pagination-bullet-active { background:#000;  }



@media screen and (max-width: 1200px){
	
	#main_notice .swiper-wrapper { left:revert; } 
	/*
	.notice_swiper_page { margin-left:15px; margin-right:15px; } 
	*/
	.notice_swiper_page .swiper-scrollbar {  width:calc(100% - 60px); max-width:calc(100% - 60px);  } 
	.notice_swiper_page .swiper-pagination { } 

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

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

}
@media screen and (max-width: 640px){
	#main_notice .main_notice { margin:0 15px; } 
	#main_notice .swiper-slide { max-width:100%; width:100%; } 
	.notice_swiper_page { margin-top:2.5rem; } 
}
@media screen and (max-width: 414px){
	
}
@media screen and (max-width: 300px){
	
}






/*----------------------------------------------------------------------
@ MAIN NEWSLETTER
----------------------------------------------------------------------*/

#main_newsletter { background:#fff;  }
.main_newsletter { position:relative; padding-top:3.75rem; }
.maxWidth {  } 

#main_newsletter .newsletter_list { position:relative; } 
#main_newsletter .newsletter_list a { position:relative; display:block;  } 

#main_newsletter .swiper-slide { max-width:270px; width:270px; border-radius:1rem; overflow:hidden; text-align:center; background:#fff; opacity:0.5; box-shadow:0px 0.625rem 0.625rem 0px rgba(0, 0, 0, 0.18); } 


#main_newsletter .swiper-wrapper { left:-450px; } 

#main_newsletter .newsletter_img { text-align:center; } 

#main_newsletter .newsletter_img { display:block;width:100%; height:0; padding-top:107.40%; position: relative;overflow:hidden; transition:all 0.3s ease; } 
#main_newsletter .newsletter_img:after { content:''; position:absolute; left:0px; top:0px; width:100%;height:100%; background:rgba(0, 0, 0, 0.5); opacity:0; transition:all 0.3s; z-index:1; } 
#main_newsletter .newsletter_img img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}
#main_newsletter .newsletter_cont { position:absolute; left:0px; top:0px; width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:1.563rem; color:#fff; font-weight:700; text-align:center; padding:1.25rem; } 


#main_newsletter .swiper-pagination { display:flex; justify-content:flex-end; gap:3px; position:static;  } 

#main_newsletter .swiper-slide-active,
#main_newsletter .swiper-slide-next { opacity:1 !important; }
#main_newsletter .swiper-slide-next + div { opacity:1 !important; }
#main_newsletter .swiper-slide-next + div + div { opacity:1 !important; }

#main_newsletter .newsletter_img:hover:after { opacity:1; } 


/* swiper controler */
.newsletter_swiper_page { display:flex; align-items:center; justify-content:center; margin-top:3.75rem;  } 
.newsletter_swiper_page .swiper-scrollbar { position:relative; width:1110px; max-width:1110px; height:2px; border-radius:0px; } 
.newsletter_swiper_page .swiper-pagination { font-size:1rem; color:#000; font-weight:300; width:60px; max-width:60px; } 

.newsletter_swiper_page .swiper-pagination .page_number { font-weight:600; } 


.newsletter_swiper_page .swiper-pagination-progressbar { background:#e6e6e6; height:2px !important; } 
.newsletter_swiper_page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#000; } 


.newsletter_swiper_control { position:absolute; width:100%; height:45px; top:50%; transform:translateY(-50%) !important; z-index:5; border:1px solid red;  }
.newsletter_swiper_control .arrow:before { width:100%; height:100%; border:1px solid #fff; border-right:0px; border-bottom:0px; } 
.newsletter_swiper_control .arrow:after { width:12px; height:1px; background:#fff; transform-origin:0 100%; transform:rotate(45deg); } 
.newsletter_swiper_control .swiper-button-prev:after, .newsletter_swiper_control .swiper-button-next:after { display:none; content:''; } 
.newsletter_swiper_control .swiper-button-prev, .newsletter_swiper_control .swiper-button-next { width:2.813rem; height:2.813rem;  border:1px solid #fff; background:#000; opacity:0.2; margin-top:0rem; border-radius:50%; } 
.newsletter_swiper_control .swiper-button-prev { left:60px; right:revert; top:0%; }
.newsletter_swiper_control .swiper-button-next  {left:revert; right:60px; top:0%;  }
.newsletter_swiper_control .swiper-button-next:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
.newsletter_swiper_control .swiper-button-prev:hover .arrow_mv {  animation: arrow-action-prev 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 

.newsletter_swiper_control .swiper-pagination { display:none; position:relative; bottom:0rem; } 
.newsletter_swiper_control .swiper-pagination .swiper-pagination-bullets { } 
.newsletter_swiper_control .swiper-pagination .swiper-pagination-bullet { width:0.938rem; height:0.938rem; background:#000; margin:0 7px; opacity:1; }
.newsletter_swiper_control .swiper-pagination .swiper-pagination-bullet-active { background:#000;  }



@media screen and (max-width: 1200px){
	
	#main_newsletter .swiper-wrapper { left:revert; } 

	.newsletter_swiper_page { margin-left:15px; margin-right:15px; } 
	.newsletter_swiper_page .swiper-scrollbar {  width:calc(100% - 60px); max-width:calc(100% - 60px);  } 
	.newsletter_swiper_page .swiper-pagination { } 

} 

@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_newsletter { margin:0 15px; } 
	#main_newsletter .swiper-slide { max-width:revert; width:revert; }
	#main_newsletter .newsletter_img { padding-top: 70%; } 

	.newsletter_swiper_page { margin-top:2.5rem; margin-left:0px; margin-right:0px; } 

	/*
	.newsletter_swiper_page { margin-left:15px; margin-right:15px; } 
	.newsletter_swiper_page .swiper-scrollbar {  width:calc(100% - 60px); max-width:calc(100% - 60px);  } 
	*/

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