@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;width:100%;background:#222;font-family:var(--e-font),var(--k-font)}

/* 텍스트 */
#mainVisual .main_txt{opacity:0;display:flex;flex-flow:column;position:absolute;left:50%;top:50%;width:100%;text-align:center;z-index:101;color:#fff;transform:translate(-50%, -50%)}
#mainVisual .main_txt h1{font-size:60px;font-weight:700;line-height:1.1;word-break:keep-all;font-family:var(--e-font)}
#mainVisual .main_txt .txt{margin-top:15px;font-size:25px;line-height:1.8;word-break:keep-all}
#mainVisual .controls{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:30px}
#mainVisual .controls span{opacity:.5;cursor:pointer;color:#fff;transition:all .2s}
#mainVisual .controls span+span{margin-left:6px}
#mainVisual .controls span svg{width:30px;height:30px;stroke-width:2px}
#mainVisual .controls span:hover{opacity:1}
#mainVisual .pager span{width:7px;height:7px;border-radius:50px;background:#fff}
#mainVisual .pager span+span{margin-left:10px}
#mainVisual .pager span.on{width:25px;opacity:1}
#mainVisual .num_box{position:relative;padding:0 30px}
#mainVisual .num span{position:absolute;top:50%;font-size:15px;font-weight:700;color:#fff;opacity:1;transform:translateY(-50%)}
#mainVisual .num span.current{left:0}
#mainVisual .num span.total{right:0}

/* 배경이미지 */
#mainVisual ul:after{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
#mainVisual ul li{height:100vh;min-height:850px;overflow:hidden}
#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(./main_img2.jpg)}
#mainVisual ul li .bg03{background-image:url(./main_img3.jpg)}
#mainVisual ul li.on .bg{width:101%;height:101%;opacity:1}