@charset "utf-8";
#mainVisual{position:relative;width:100%}
#mainVisual .tit{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%, -50%);width:100%}
#mainVisual .tit h1{width:100%;font-size:60px;font-weight:700;font-family:var(--e-font);text-align:center;white-space:pre-line;color:#fff}
#mainVisual .main_slide{position:relative;width:100%;height:100vh}
#mainVisual .main_slide ul li{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:1500px}
#mainVisual .main_slide ul li.bg01{background-image:linear-gradient(to top, transparent 65%, #000), linear-gradient(to bottom, transparent 65%, #000),url(./img/main_banner01.jpg)}
#mainVisual .main_slide ul li.bg02{background-image:linear-gradient(to top, transparent 80%, #000), linear-gradient(to bottom, transparent 77%, #000),url(./img/main_banner02.jpg);background-size:1580px}
#mainVisual .main_slide ul li.bg03{background-image:linear-gradient(to top, transparent 65%, #000), linear-gradient(to bottom, transparent 65%, #000),url(./img/main_banner03.jpg)}
#mainVisual .main_slide .pager{display:flex;gap:18px;flex-direction:column;position:absolute;z-index:2;top:50%;bottom:unset;left:10%;transform:translateY(-50%)}
#mainVisual .main_slide .pager span{width:10px;height:10px;transition:all .3s;background-color:#fff;cursor:pointer}

/* 반응형 [s] */
@media (max-width:1980px){
#mainVisual .main_slide ul li{background-size:1250px}
#mainVisual .main_slide ul li.bg02{background-size:1300px}
}
@media (max-width:1380px){
#mainVisual .tit h1{font-size:52px}
#mainVisual .main_slide ul li{background-size:1150px}
#mainVisual .main_slide ul li.bg02{background-size:1200px}
#mainVisual .main_slide .pager{left:5%}
}
@media (max-width:1024px){
#mainVisual .tit h1{font-size:44px}
#mainVisual .main_slide ul li{background-size:950px}
#mainVisual .main_slide ul li.bg02{background-size:1050px}
#mainVisual .main_slide .pager{left:2.5%}
}
@media (max-width:768px){
#mainVisual .tit h1{font-size:30px}
#mainVisual .main_slide{height:600px}
#mainVisual .main_slide ul li{background-size:750px}
#mainVisual .main_slide ul li.bg02{background-size:850px}
#mainVisual .main_slide .pager{gap:16px}
#mainVisual .main_slide .pager span{margin:0px;width:8px;height:8px}
}
@media (max-width:480px){
#mainVisual .tit h1{font-size:25px}
#mainVisual .main_slide{height:450px}
#mainVisual .main_slide ul li{background-size:600px}
#mainVisual .main_slide ul li.bg02{background-size:700px}
#mainVisual .main_slide .pager{flex-direction:row;top:unset;left:50%;bottom:8%;transform:translateX(-50%);width:auto}
}
@media (max-width:380px){
#mainVisual .tit h1{font-size:22px}
#mainVisual .main_slide ul li{background-size:550px}
#mainVisual .main_slide ul li.bg02{background-size:650px}
}
/* 반응형 [e] */