@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;width:95%;min-width:var(--mainsize);margin:30px auto 0;border-radius:13px;background:#222}

/* 텍스트 */
#mainVisual .main_txt{position:absolute;z-index:101;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:var(--mainsize);text-align:center;color:#fff}
#mainVisual .main_txt h1{margin-bottom:20px;font-size:55px;font-weight:700;white-space:pre-line;line-height:1.2}
#mainVisual .main_txt span{font-size:20px;line-height:26px;font-weight:400}
#mainVisual .main_txt a{display:flex;align-items:center;gap:20px;width:max-content;margin:50px auto 0;padding:20px 40px;border-radius:50px;font-size:16px;color:#fff;font-weight:600;background:rgba(255,255,255,.2);transition:all .3s}
#mainVisual .main_txt a:hover{color:#111;background:#fff}

/* Pager */
#mainVisual .pager{display:flex;gap:13px;position:absolute;left:50%;bottom:8%;transform:translateX(-50%);z-index:30;width:max-content;height:max-content}
#mainVisual .pager span{display:block;opacity:1;width:9px;height:9px;margin:0;border-radius:100%;color:#fff;cursor:pointer;background:rgba(255, 255, 255, .2);transition:.2s}
#mainVisual .pager span.on{background-color:#fff}

/* bg */
#mainVisual ul:after{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%}
#mainVisual ul li{height:825px;overflow:hidden}
#mainVisual ul li .bg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-size:cover}
#mainVisual ul li .bg01{background-image:url(./main_img01.jpg)}
#mainVisual ul li .bg02{background-image:url(./main_img02.jpg)}
#mainVisual ul li .bg03{background-image:url(./main_img03.jpg)}