@charset "utf-8";
#mainVisual{overflow:hidden;position:relative;width:100%;height:725px;padding:0 30px;margin-top:125px;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 .main_txt_top > 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: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;background-position:center}
#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")}

/* 반응형 [s] */
@media (hover:hover){
#mainVisual .main_btn_wrap > div:hover{background:rgba(255,255,255,.1)}
}
@media (max-width:1200px){
#main_banner{position:relative;margin-top:120px;padding-bottom:62%}
#mainVisual{position:absolute;top:0;left:0;width:100%;height:100%;margin-top:0px;padding:0 20px}
#mainVisual .main_txt h1{font-size:45px;line-height:1.2}
#mainVisual .main_btn_wrap{width:93%}
}
@media (max-width:1024px){
#main_banner{margin-top:110px}
#mainVisual .main_btn_wrap > div{height:50px}
#mainVisual .main_btn_wrap > div > a{font-size:15px}
#mainVisual .main_btn_wrap > div > a > span{right:20px;margin-bottom:0;font-size:20px}
}
@media (max-width:900px){
#main_banner{padding-bottom:70%}
}
@media (max-width:768px){
#mainVisual .main_txt h1{font-size:35px}
#mainVisual .pager{margin-bottom:45px}
#mainVisual .main_btn_wrap > div{height:45px}
#mainVisual .main_btn_wrap > div > a{padding-left:17px;font-size:14px}
#mainVisual .main_btn_wrap > div > a > span{right:10px}
}
@media (max-width:700px){
#mainVisual .main_btn_wrap > div > a{justify-content:center;padding-left:0}
#mainVisual .main_btn_wrap > div > a > span{display:none}
}
@media (max-width:580px){
#main_banner{margin-top:100px;padding-bottom:80%}
#mainVisual .main_txt h1{margin-bottom:25px;font-size:30px}
#mainVisual .main_txt .main_txt_top > span{margin-bottom:20px;font-size:14px}
#mainVisual .pager{margin-bottom:40px}
#mainVisual .main_btn_wrap > div > a{font-size:13px}
}
@media (max-width:480px){
#main_banner{padding-bottom:70%}
#mainVisual .main_txt h1{font-size:25px}
#mainVisual .pager{margin-bottom:0}
#mainVisual .main_btn_wrap{display:none}
}
@media (max-width:390px){
#main_banner{padding-bottom:75%}
#mainVisual .main_txt h1{font-size:23px}
#mainVisual .main_txt .main_txt_top > span{font-size:13px}
#mainVisual .pager span{width:25px;height:25px}  
}
/* 반응형 [e] */