@charset "utf-8";

/* 메인배너 */
#mainVisual{height:585px;border-radius:10px;background:#fff}
#mainVisual .pager_dot{display:inline-block;position:absolute;left:60px;bottom:100px;z-index:101;width:auto}
#mainVisual .pager_dot span{width:8px;height:8px;margin:0;border-radius:15px;background-color:#222;transition:all .2s;opacity:.2}
#mainVisual .pager_dot span+span{margin-left:8px}
#mainVisual .pager_dot span.on{width:25px;background-color:var(--primary);opacity:1}
#mainVisual ul .txt{position:absolute;left:60px;top:90px;font-size:45px;line-height:1.2;color:#222;transition:all .25s ease-out;opacity:0;font-family:'LotteMartDreamLight'}
#mainVisual ul .txt span{display:block;padding-bottom:35px;font-size:17px;color:var(--primary);font-family:'LotteMartDreamMedium'}
#mainVisual ul .txt b{font-family:'LotteMartDreamBold'}
#mainVisual ul .txt .s_text{padding-top:45px;font-size:16px;color:rgba(34, 34, 34, 0.6);font-family:'LotteMartDreamMedium'}
#mainVisual ul li.on .txt, #mainVisual ul li.swiper-slide-duplicate-active .txt{opacity:1;transition:1.5s}


/* 반응형 [s] */
@media (max-width:1300px){
#mainVisual{height:470px}
#mainVisual img{display:none}
#mainVisual ul .bnr01{background:url(/sh_img/index/main_banner/main_banner_m1.jpg) right / cover}
#mainVisual ul .bnr02{background:url(/sh_img/index/main_banner/main_banner_m2.jpg) right / cover}
#mainVisual ul .txt{top:75px;font-size:50px}
#mainVisual ul .txt span{padding-bottom:20px}
#mainVisual ul .txt .s_text{padding-top:20px}
#mainVisual .pager_dot{bottom:50px}
}
@media (max-width:1024px){
#mainVisual ul .txt{font-size:42px}
}
@media (max-width:768px){
#mainVisual{height:390px}
#mainVisual ul .txt{top:55px;left:40px;font-size:30px}
#mainVisual .pager_dot{bottom:35px;left:40px}
}
@media (max-width:480px){
#mainVisual{height:380px}
#mainVisual ul .bnr01{background:url(/sh_img/index/main_banner/main_banner_mm1.jpg) right / cover}
#mainVisual ul .bnr02{background:url(/sh_img/index/main_banner/main_banner_mm2.jpg) right / cover}
#mainVisual ul .txt{top:35px;left:30px;font-size:25px}
#mainVisual ul .txt span{font-size:15px}
#mainVisual .pager_dot{left:35px}
}
@media (max-width:380px){
#mainVisual{height:330px}
#mainVisual ul .txt{font-size:23px}
#mainVisual ul .txt span{font-size:14px}
}
/* 반응형 [e] */