@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;letter-spacing:-.3px;width:100%;height:500px;background:#222}
#mainVisual .main_txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1400px;margin:0 auto;font-size:20px;color:rgba(255,255,255,0.75);font-family:'Pretendard';z-index:200}
#mainVisual .main_txt h1{padding-bottom:50px;font-size:50px;color:#fff}

/* 스와이퍼 */
#mainVisual .main_slide{width:100%;height:100%;}
#mainVisual ul li{width:100%;height:100%;background:center no-repeat;background-size:cover}
#mainVisual ul li.bg01{background-image:url('./main01.jpg')}
#mainVisual ul li.bg02{background-image:url('./main02.jpg')}
#mainVisual ul li.bg03{background-image:url('./main03.jpg')}
#mainVisual .pager{position:absolute;top:50%;left:86%;z-index:101;transform:translateY(-50%);width:max-content;height:max-content}
#mainVisual .pager span{display:block;opacity:.3;position:relative;width:23px;height:23px;background-color:transparent;transition:all .3s}
#mainVisual .pager span.on{opacity:1}
#mainVisual .pager span:after{display:block;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff}

/* 반응형 */
@media (max-width:1450px){
#mainVisual .main_txt{padding:0 40px;width:100%}   
#mainVisual .main_txt h1{font-size:45px}
}
@media (max-width:1300px){
#mainVisual{min-width:100%}
}
@media (max-width:1024px){
#mainVisual .main_txt{top:25%;left:50%;transform:translateX(-50%);width:90%;text-align:center}
#mainVisual .main_txt h1{font-size:40px}
}
@media (max-width:768px){
#mainVisual{height:450px}
#mainVisual .main_txt{top:50%;transform:translate(-50%, -50%)}
#mainVisual .main_txt h1{font-size:35px}
}
@media (max-width:480px){
#mainVisual{height: 300px;}
#mainVisual .main_txt{padding:0;font-size:16px}
#mainVisual .main_txt h1{padding-bottom:24px;font-size:26px} 
#mainVisual .pager{display:flex;top:80%;left:50%;transform:translateX(-50%)}
#mainVisual .pager span{width:18px;height:18px}
}