@charset "utf-8";

#mainVisual{position:relative;font-family:var(--k-font)}

/* 텍스트 */
#mainVisual .txt_area{position:absolute;left:0;top:410px;width:100%;height:239px;z-index:999;overflow:hidden}
#mainVisual .txt_area .txt_item{display:block;position:absolute;width:380%;overflow:hidden;font-size:242px;font-weight:700;color:#fff;animation:marquee 12s linear infinite;font-family:'mulish'} 
#mainVisual .txt_area .txt_item span{float:left;width:50%}
@keyframes marquee {0%{left:0}100%{left:-190%}}

/* 슬라이더 */
#mainVisual .main_slider{width:100%} 
#mainVisual .slider{width:100%;height:100%}
#mainVisual .slider li{width:100%;height:100%}
#mainVisual .slider li .slider_img{position:relative;width:100%;height:648px;overflow:hidden}
/* #mainVisual .slider li .slider_img img{position:absolute;left:0;top:0;width:100%;height:100%;transform:scale3d(1.3, 1.3, 1);transition:transform 1400ms ease} */
#mainVisual .slider .swiper-slide.swiper-slide-active .slider_img img, #mainVisual .slider .swiper-slide.swiper-slide-duplicate-active .slider_img img {transform:scale3d(1, 1, 1)} 
#mainVisual .slider .swiper-slide.swiper-slide-active .slider_txt{opacity:1}
#mainVisual .slider_txt{margin-top:25px;overflow:hidden;color:#000;opacity:0;line-height:34px;transition:all .4s}
#mainVisual .slider_txt>div:nth-child(1){float:left;width:25%}
#mainVisual .slider_txt>div:nth-child(2){float:left;width:50%;font-size:17px;line-height:1.5;word-break:keep-all;letter-spacing:-.3px;font-family:var(--k-font)}
#mainVisual .slider_txt >div span{display:inline-block;padding:0 16px;border:solid 1px #000;border-radius:30px;font-size:17px;font-weight:600;font-family:'mulish'}
#mainVisual .main_txt{display:block;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;font-weight:300;line-height:1.4;white-space:pre-line;text-align:center;word-break:keep-all;color:#fff}
#mainVisual .main_txt b{font-weight:700}
#mainVisual .slider li{width:100%;height:648px;background-image:url(/sh_img/index/main_banner/main_img02.jpg);background-size:cover;background-repeat:no-repeat}
#mainVisual .slider li .slider_img img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)!important}
#mainVisual .slider .img2{background-image:url(/sh_img/index/main_banner/main_img01.jpg);background-size:cover;background-repeat:no-repeat}



/* 페이저 */
#mainVisual .slider_pager{position:absolute;right:0;top:674px;width:37px;height:30px}
#mainVisual .slider_pager:after{position:absolute;right:0;top:0;content:'/ 2';font-size:17px;font-weight:500;color:#000;font-family:'mulish'}
#mainVisual .slider_pager .pager{display:block;position:absolute;left:0;top:0;font-size:17px;font-weight:500;color:#000;opacity:0;font-family:'mulish'}
#mainVisual .slider_pager .pager.on{opacity:1}

/* 반응형 [s] */
@media (max-width:1400px){
#mainVisual .slider_txt{padding:0 20px}
#mainVisual .slider_pager{right:20px;top:584px}
}
@media (max-width:1024px){
#mainVisual .txt_area{top:390px;height:172px}
#mainVisual .txt_area .txt_item{font-size:172px}
#mainVisual .slider li .slider_img{height:558px}
#mainVisual .slider li{height:558px}
#mainVisual .slider li .slider_img img{width:42%;left:53%}
}
@media (max-width:875px){
#mainVisual .main_txt{font-size:40px}
}
@media (max-width:768px){
#mainVisual .txt_area{top:180px}
#mainVisual .slider li .slider_img{height:350px}
#mainVisual .slider li{height:350px}
#mainVisual .slider_txt>div:nth-child(1){float:none;width:100%;margin-bottom:15px}
#mainVisual .slider_txt>div:nth-child(2){float:none;width:100%;font-size:15px}
#mainVisual .slider_txt >div span{font-size:15px}
#mainVisual .slider_pager{top:383px}
}
@media (max-width:590px){
#mainVisual .main_txt{font-size:31px}
}
@media (max-width:480px){
#mainVisual .txt_area .txt_item{font-size:40px}
#mainVisual .slider li .slider_img{height:220px}
#mainVisual .slider li{height:220px}
#mainVisual .slider_pager{top:250px}
#mainVisual .slider_txt{padding:0 10px}
#mainVisual .slider li .slider_img img{width:53%}
#mainVisual .main_txt{font-size:24px}
}
/* 반응형 [e] */