@charset "utf-8";

#MainVisual{position:relative;width:100%}
#MainVisual .pl{white-space:pre-line}
#MainVisual .tit{display:flex;flex-direction:column;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%, -50%);width:80%}
#MainVisual .tit h2{font-size:25px;font-weight:400;font-family:var(--e-font);color:var(--primary)}
#MainVisual .tit h1{margin:20px 0 20px;font-size:51px;font-weight:700;color:var(--main-black)}
#MainVisual .tit h1 span{font-weight:200}
#MainVisual .tit p{font-size: 20px; margin-bottom: 50px;}
#MainVisual .controller{position:relative;padding:6px 8px;border-radius:17px;width:max-content;background-color:rgb(0, 0, 0, 0.15)}
#MainVisual .pager{position:absolute;top:44%;bottom:unset;left:50%;transform:translate(-50%, -50%);width:auto;color:#fff}
#MainVisual .nav_container{display:flex;gap:40px}
#MainVisual .nav_container div{cursor:pointer}
#MainVisual .nav_container svg{width:16px;height:16px;color:#fff;transition:all .3s}
#MainVisual .main_slide{position:relative;width:100%;height:900px; overflow: hidden;}

#MainVisual .main_slide li{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center}
#MainVisual .main_slide li.bg01 video{ position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;}
#MainVisual .main_slide li.bg01::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 0;
  }
#MainVisual .main_slide li.bg01{background-image:url(./main_banner03.jpg)}
#MainVisual .main_slide li.bg02{background-image:url(./main_banner01.jpg)}
#MainVisual .main_slide li.bg03{background-image:url(./main_banner02.jpg)}

/* 반응형 [s] */
@media (hover:hover){
#MainVisual .nav_container svg:hover{color:var(--primary)}
}
@media (max-width:1980px){
#MainVisual .main_slide{height:720px}
#MainVisual .tit h2{font-size:22px}
#MainVisual .tit h1{font-size:50px}
}
@media (max-width:1380px){
#MainVisual .tit{width:90%}
#MainVisual .tit h2{font-size:20px}
#MainVisual .tit h1{font-size:55px}
}
@media (max-width:1024px){
#MainVisual .main_slide{height:620px}
#MainVisual .tit{width:95%}
#MainVisual .tit h2{font-size:18px}
#MainVisual .tit h1{font-size:45px}
#MainVisual .nav_container{gap:35px}
}
@media (max-width:768px){
#MainVisual .main_slide{height:540px}
#MainVisual .main_slide li{filter:brightness(0.9)}
#MainVisual .main_slide li.bg01{background-position:40%}
#MainVisual .main_slide li.bg02{background-position:70%}
#MainVisual .main_slide li.bg03{background-position:70%}
#MainVisual .tit{text-align:center;align-items:center}
#MainVisual .tit h1{font-size:23px;color:#fff}
#MainVisual .tit p{font-size: 12px;color: #fff;margin-bottom: 50px;}
}
@media (max-width:480px){
#MainVisual .main_slide{height:550px}
#MainVisual .tit h2{font-size:16px}

}

/* 반응형 [e] */