@charset "utf-8";

.monly_v{display: none;}

#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{
    text-align: center;
    /* 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.bg01 video {
    width: auto;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
}


#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:28px}
#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:600px){
#mainVisual .tit h1{font-size:24px}
#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:22px}
#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}

#mainVisual .main_slide ul li.bg01 video {
    width: auto;
    height: 100%;
    overflow: hidden;
    margin: 17px auto 0;
}


}
@media (max-width:430px){
#mainVisual .tit h1{font-size:21px}
#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:18px}
#mainVisual .main_slide ul li{background-size:550px}
#mainVisual .main_slide ul li.bg02{background-size:650px}
}
/* 반응형 [e] */