@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;width:100%;height:100vh;background-color:#000}
#mainVisual::before{z-index:3;position:absolute;content:'';left:0;bottom:0;width:100%;height:360px;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 88%)}

/* 텍스트 */
#mainVisual .main_txt{opacity:0;display:flex;flex-flow:column;position:absolute;left:50%;bottom:100px;width:100%;text-align:center;z-index:101;color:#fff;transform:translateX(-50%)}
#mainVisual .main_txt h1{padding-bottom:20px;font-size:70px;font-weight:700;line-height:1.2;word-break:keep-all}
#mainVisual .main_txt .txt{padding-bottom:45px;font-size:20px;line-height:1.4;font-weight:500;word-break:keep-all}
#mainVisual .swiper-pagination{position:static;display:flex;gap:5px;justify-content:center}
#mainVisual .swiper-pagination .swiper-pagination-bullet{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:100%;background-color:transparent;border:1px solid transparent;opacity:.2;transition:all 0.3s}
#mainVisual .swiper-pagination .swiper-pagination-bullet::before{content:'';width:6px;aspect-ratio:1;border-radius:50px;background-color:#fff}
#mainVisual .swiper-pagination .swiper-pagination-bullet.on{border-color:#fff;opacity:1}

/* 배경이미지 */
#mainVisual .swiper-container{width:100%;height:100%}
#mainVisual .swiper-container::after{z-index:2;display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}
#mainVisual ul li video{min-width:100%;min-height:100%;width:auto;height:auto}
#mainVisual ul li .bg{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:center no-repeat;background-size:cover;transition:all 1.2s cubic-bezier(0.165, 0.840, 0.440, 1)}
#mainVisual ul li .bg02{background-image:url(./img/main_banner02.jpg)}
#mainVisual ul li .bg03{background-image:url(./img/main_banner03.jpg)}
#mainVisual ul li.on .bg{width:101%;height:101%;opacity:1}