@charset "utf-8";

#mainVisual .main_banner_wrap{position:relative;width:100%}
#mainVisual .main_banner_wrap .tit{position:absolute;z-index:2;bottom:25%;left:10%}
#mainVisual .main_banner_wrap .tit p{font-size:20px;font-weight:600;color:#fff;word-break:keep-all}
#mainVisual .main_banner_wrap .tit h1{margin-top:50px;font-size:50px;font-weight:700;color:#fff;white-space:pre-line;word-break:keep-all}

#mainVisual .main_banner_wrap .main_slide{position:relative;width:100%;height:1100px}
#mainVisual .main_banner_wrap .main_slide ul li{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
#mainVisual .main_banner_wrap .main_slide ul li.bg01{background-image:linear-gradient(to bottom, transparent 50%, #11111199),url(./main_banner01.jpg)}
#mainVisual .main_banner_wrap .main_slide ul li.bg02{background-image:linear-gradient(to bottom, transparent 50%, #11111199),url(./main_banner02.jpg)}
#mainVisual .main_banner_wrap .main_slide ul li.bg03{background-image:linear-gradient(to bottom, transparent 50%, #11111199),url(./main_banner03.jpg)}
#mainVisual .main_banner_wrap .main_slide .pager{position:absolute;z-index:2;bottom:10%;left:10%;width:auto}
#mainVisual .main_banner_wrap .main_slide .pager span{opacity:1;width:10px;height:10px;margin:0px;cursor:pointer;background:none;background-color:rgb(255, 255, 255, 0.5)}
#mainVisual .main_banner_wrap .main_slide .pager span+span{margin-left:12px}
#mainVisual .main_banner_wrap .main_slide .pager .swiper-pagination-bullet-active{background-color:#fff}

/* 반응형 [s] */
@media(max-width:1980px){
#mainVisual .main_banner_wrap .main_slide{height:100vh}
}
@media (max-width:1380px){
#mainVisual .main_banner_wrap .tit{left:5%}
#mainVisual .main_banner_wrap .tit p{font-size:18px}
#mainVisual .main_banner_wrap .tit h1{margin-top:45px;font-size:45px}
#mainVisual .main_banner_wrap .main_slide .pager{left:5%}
}
@media (max-width:1024px){
#mainVisual .main_banner_wrap .main_slide{height:700px}
#mainVisual .main_banner_wrap .tit p{font-size:16px}
#mainVisual .main_banner_wrap .tit h1{margin-top:30px;font-size:36px}
#mainVisual .main_banner_wrap .main_slide .pager{bottom:12%}
}
@media (max-width:768px){
#mainVisual .main_banner_wrap .main_slide{height:600px}
#mainVisual .main_banner_wrap .main_slide ul li{filter:brightness(0.7)}
#mainVisual .main_banner_wrap .tit{bottom:30%}
#mainVisual .main_banner_wrap .tit p{font-size:15px}
#mainVisual .main_banner_wrap .tit h1{margin-top:25px;font-size:30px}
#mainVisual .main_banner_wrap .main_slide .pager{bottom:16%}
}
@media (max-width:480px){
#mainVisual .main_banner_wrap .main_slide{height:460px}
#mainVisual .main_banner_wrap .tit{top:45%;left:50%;transform:translate(-50%, -50%);bottom:unset;text-align:center;width:100%}
#mainVisual .main_banner_wrap .tit p{font-size:14px}
#mainVisual .main_banner_wrap .tit h1{margin-top:20px;font-size:25px}
#mainVisual .main_banner_wrap .main_slide .pager{bottom:16%;left:50%;transform:translateX(-50%)}
#mainVisual .main_banner_wrap .main_slide .pager span{width:9px;height:9px}
}
@media (max-width:380px){
#mainVisual .main_banner_wrap .main_slide{height:410px}
#mainVisual .main_banner_wrap .tit p{font-size:13px}
#mainVisual .main_banner_wrap .tit h1{margin-top:15px;font-size:23px}
#mainVisual .main_banner_wrap .main_slide .pager{bottom:16%;left:50%;transform:translateX(-50%)}
#mainVisual .main_banner_wrap .main_slide .pager span{width:8px;height:8px}
}
/* 반응형 [e] */