@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:56px;line-height:1.2;color:#222;transition:all .25s ease-out;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:400px}
#mainVisual img{display:none}
#mainVisual ul .bnr01{background:url('/sh_img/index/main_banner/main_banner_1270.png') no-repeat center / 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 .bnr01{background:url('/sh_img/index/main_banner/main_banner_1024.png') no-repeat center / cover}
}
@media (max-width:768px){
#mainVisual{height:330px}
#mainVisual ul .txt{top:55px;left:40px;font-size:40px}
#mainVisual ul .bnr01{background:url('/sh_img/index/main_banner/main_banner_768.png') no-repeat center / cover}
#mainVisual .pager_dot{bottom:35px;left:40px}
}
@media (max-width:580px){
#mainVisual ul .bnr01{background:url('/sh_img/index/main_banner/main_banner_480.png') no-repeat center / cover}
}
@media (max-width:480px){
#mainVisual{height:280px}
#mainVisual ul .bnr01{background:url('/sh_img/index/main_banner/main_banner_320.png') no-repeat center / cover}
#mainVisual ul .txt{top:35px;left:30px;font-size:30px}
#mainVisual .pager_dot{left:35px}
}
/* 반응형 [e] */