@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 .tit div {color:#fff; text-align:center;word-break:keep-all; font-size:18px; margin:10px 0 0 0}
#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:100%}
#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);}
#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){

}
@media (max-width:1380px){
#mainVisual .tit h1{font-size:52px}

#mainVisual .main_slide .pager{left:5%}
}
@media (max-width:1024px){
#mainVisual .tit h1{font-size:44px}

#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 .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 .pager{flex-direction:row;top:unset;left:50%;bottom:8%;transform:translateX(-50%);width:auto}
}
@media (max-width:380px){
#mainVisual .tit h1{font-size:23px}

}
/* 반응형 [e] */