@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; font-size:2.5rem; color:#000; font-weight:600; padding:0rem;line-height:1; }
@media screen and (max-width: 1024px){
	.main_title { font-size:1.875rem;  }
}
@media screen and (max-width: 1024px){
	#main > section {padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width: 768px){
	.main_title { font-size:1.563rem;  }
}



/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#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%;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:flex-start;flex-direction:column;text-align:left;font-weight:900;font-size:4rem;line-height:1;color:#fff;/*padding-bottom:15.625rem;*/padding-bottom:9.375rem; }
#main__slider .slider__slogun > b {position:relative;max-width:36.25rem; display:block;font-weight:900;/*font-size:2.813rem;*/font-size:3rem;line-height:1.2;color:#fff;overflow:hidden;}
#main__slider .slider__slogun > b.subtitle {margin-top:15px; display:block;font-weight:400;font-size:2.5rem;line-height:1.3;color:#fff;overflow:hidden; padding-bottom:5px; }
#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; max-width:36.25rem; /*margin-top:1.25rem;*/margin-top:2.5rem;font-weight:300;/*font-size:1.125rem;*/font-size:1.25rem;line-height:1.3;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 { display:none; font-size:2rem;color:#fff;}
#main__slider .swiper-button-prev,
#main__slider .swiper-button-next { width:4.125rem; height:4.125rem; transition:all 0.4s; } 
#main__slider .swiper-button-next:before, 
#main__slider .swiper-button-prev:before { content:''; position:absolute; left:-0.75rem; top:-0.75rem; width:calc(100% + 1.5rem); height:calc(100% + 1.5rem); background:url('/images/main/slider_circle.png') no-repeat center center / cover;  animation:spin 5s infinite linear; z-index:-1; } 


#main__slider .swiper-button-prev span, 
#main__slider .swiper-button-next span { display:flex; width:100%; height:100%; opacity:0.3; transition:all 0.4s; z-index:1; } 
#main__slider .swiper-button-prev span { background:url('/images/main/slider_prev.png') no-repeat center center / cover; } 
#main__slider .swiper-button-next span { background:url('/images/main/slider_next.png') no-repeat center center / cover; } 


#main__slider .swiper-button-prev { left:2rem;  } 
#main__slider .swiper-button-next { right:2rem; }

#main__slider .swiper-button-prev:hover span,
#main__slider .swiper-button-next:hover span { opacity:1; } 
#main__slider .material-symbols-outlined { font-size:80px;} 

/*액션*/
#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: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; padding-top:10rem; }
#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-pagination{ display:none; } */
#main__slider .swiper-pagination { bottom:3.75rem; } 
#main__slider .swiper-pagination-bullet { background-color:transparent; border:1px solid #fff; width:9px; height:9px; margin:0 0.625rem; opacity:1; }
#main__slider .swiper-pagination-bullet-active { background-color:#fff; } 



/*반응형*/
@media screen and (max-width: 1400px){
	#main__slider .slider__slogun {padding:0 8rem; }
} 
@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:3.5rem;}
	#main__slider .slider__slogun > b.subtitle { font-size:2.25rem; } 
	#main__slider .slider__slogun > p { } 
	*/
	#main__slider .swiper-button-prev,
	#main__slider .swiper-button-next { top:revert; bottom:2.5rem; } 
}
@media screen and (max-width: 640px){
	/*#main__slider .slider__infos {height:640px;}*/
	#main__slider .slider__slogun {padding:0 15px;  }
	#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 { justify-content:flex-start; padding-top:6rem; padding-bottom:revert; } 
	#main__slider .slider__slogun > b { font-size:2rem;}
	#main__slider .slider__slogun > b.subtitle { font-size:2rem; } 
	#main__slider .slider__slogun > p { font-size:1.25rem; } 

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