@charset "utf-8";
#mainVisual{position:relative;overflow:hidden}
#mainVisual .main_inner{position:relative;width:100%;height:101vh}
#mainVisual .round_wrap{width:100%;height:100%;clip-path:circle(18% at 50% 50%)}
#mainVisual .main_slide_wrap{width:100%;height:100%;filter:blur(11px)}
#mainVisual .bot{position:absolute;top:50%;left:155px;transform:translateY(-50%);z-index:1}
#mainVisual .main_slide .list{background-repeat:no-repeat;background-position:center;background-size:cover}
#mainVisual .main_slide .list01{background-image:url("./main_banner01.jpg")}
#mainVisual .main_slide .list02{background-image:url("./main_banner02.jpg")}
#mainVisual .main_txt_wrap{font-weight:700}
#mainVisual .main_txt_wrap .main_tit{line-height:1.2;margin-bottom:35px;font-size:60px}
#mainVisual .main_txt_wrap .txt{margin-bottom:65px;font-size:25px}
#mainVisual .pg_wrap{width:100%}
.main_slider_pagination{display:flex;align-items:center;gap:35px;color:var(--dark);font-weight:500;font-size:18px}
.main_slider_pagination .progress_wrap{overflow:hidden;position:relative;width:350px;height:5px;border-radius:50pt;background:rgba(204,204,204,0.5)}
.main_slider_pagination .progress{display:block;width:0%;height:100%;background:#ccc;transform-origin:left center}

/* 반응형 [s] */
@media (max-width:1400px){
#mainVisual .bot{left:10%}
}
@media (max-width:1300px){
#mainVisual .main_txt_wrap .main_tit{font-size:55px}
}
@media (max-width:1200px){
#mainVisual .main_txt_wrap .main_tit{font-size:50px}
#mainVisual .main_txt_wrap .txt{font-size:20px}
}
@media (max-width:1024px){
#mainVisual .main_txt_wrap .main_tit{font-size:45px}
#mainVisual .main_txt_wrap .txt{font-size:18px}
}
@media (max-width:768px){
#mainVisual .bot{left:50%;transform:translate(-50%,-50%);width:100%}
#mainVisual .main_txt_wrap{text-align:center}
#mainVisual .main_txt_wrap .main_tit{margin-bottom:30px;font-size:40px}
#mainVisual .main_txt_wrap .txt{margin-bottom:50px}
.main_slider_pagination{justify-content:center}
}
@media (max-width:580px){
#mainVisual .main_txt_wrap .main_tit{font-size:35px}
#mainVisual .main_txt_wrap .txt{font-size:17px}
.main_slider_pagination{gap:25px;font-size:16px}
.main_slider_pagination .progress_wrap{width:250px}
}
@media (max-width:480px){
#mainVisual .main_txt_wrap .main_tit{line-height:1.3;margin-bottom:25px;font-size:28px}
#mainVisual .main_txt_wrap .txt{margin-bottom:35px;font-size:16px}
.main_slider_pagination .progress_wrap{width:200px}
.main_slider_pagination{gap:20px;font-size:15px}
}
/* 반응형 [e] */