@charset "utf-8";
#mainVisual{overflow:hidden;position:relative;width:100%;height:725px;padding:0px 30px;margin-top:125px;min-width:var(--mainsize);border-radius:10px}
#mainVisual .main_slide{position:relative;height:100%;border-radius:10px}
#mainVisual .main_txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;color:#fff;z-index:111}
#mainVisual .main_txt span{display:inline-block;margin-bottom:25px;font-size:15px}
#mainVisual .main_txt h1{margin-bottom:30px;font-size:50px;font-family:var(--main-font);font-weight:normal;line-height:1.2}
#mainVisual .pager{margin-bottom:55px}
#mainVisual .pager span{opacity:.3;position:relative;width:29px;height:29px;margin:0 5px;background-color:transparent;transition:all .3s}
#mainVisual .pager span.on{opacity:1}
#mainVisual .pager span:before{opacity:0;display:block;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:45px;height:45px;border:1px solid rgba(255,255,255,.3);border-radius:50%;transition:all .3s}
#mainVisual .pager span.on:before{opacity:1;width:100%;height:100%}
#mainVisual .pager span:after{display:block;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#fff}
#mainVisual .main_btn_wrap{display:flex;width:916px;margin:0 auto}
#mainVisual .main_btn_wrap > div{width:32%;height:54px;margin-right:2%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:3px;overflow:hidden;transition:all .5s}
#mainVisual .main_btn_wrap > div:hover {background:rgba(255,255,255,.1)}
#mainVisual .main_btn_wrap > div:last-child{margin-right:0}
#mainVisual .main_btn_wrap > div > a{position:relative;display:flex;align-items:center;height:100%;padding-left:25px;font-size:16px;color:#fff;box-sizing:border-box}
#mainVisual .main_btn_wrap > div > a > span{position:absolute;top:50%;right:35px;transform:translateY(-50%);font-size:25px}
#mainVisual ul li{width:100%;height:100%;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 .bg:after{position:absolute;top:0;left:0;display:block;content:"";width:100%;height:100%;background:rgba(0, 0, 0, .6);z-index:1}
#mainVisual ul li .bg01{background-image:url("./img/main_banner_img01.jpg")}
#mainVisual ul li .bg02{background-image:url("./img/main_banner_img02.jpg")}
#mainVisual ul li .bg03{background-image:url("./img/main_banner_img03.jpg")}