@charset "utf-8";

#mainVisual{position:relative}
#mainVisual .main_slider{overflow:hidden;height:500px;border-radius:20px}
#mainVisual .main_slider li{position:relative;width:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
#mainVisual .txt_area{position:absolute;z-index:10;top:50%;left:50%;width:100%;font-size:50px;font-weight:200;color:#fff;line-height:1.3;text-align:center;transform:translate(-50%, -50%);word-break:keep-all;white-space:pre-line}
#mainVisual .txt_area span{display:block;font-weight:700}
#mainVisual .img1{background-image:linear-gradient(rgb(0, 0, 0, 0.4), rgb(0, 0, 0, 0.4)), url(./main_banner_01.jpg)}
#mainVisual .img2{background-image:linear-gradient(rgb(0, 0, 0, 0.4), rgb(0, 0, 0, 0.4)), url(./main_banner_02.jpg)}
#mainVisual .img3{background-image:linear-gradient(rgb(0, 0, 0, 0.4), rgb(0, 0, 0, 0.4)), url(./main_banner_03.jpg)}
#mainVisual .img4{background-image:linear-gradient(rgb(0, 0, 0, 0.4), rgb(0, 0, 0, 0.4)), url(./main_banner_04.jpg)}

/* 페이저 */
#mainVisual .pager_dot{position:absolute;width:100%;bottom:30px;left:50%;z-index:20;text-align:center;transform:translateX(-50%)}
#mainVisual .pager_dot span.on{opacity:1}
#mainVisual .pager_dot span{width:10px;height:10px;margin:0 8px;opacity:.3;background:#fff}

/* 반응형 [s] */
@media (max-width:1380px){
#mainVisual .txt_area{font-size:40px}
}
@media (max-width:1024px){
#mainVisual .main_slider{height:500px;border-radius:0%}
#mainVisual .txt_area{font-size:38px}
}
@media (max-width:768px){
#mainVisual .main_slider{height:430px}
#mainVisual .txt_area{font-size:32px}
#mainVisual .pager_dot span{width:9px;height:9px}
}
@media (max-width:480px){
#mainVisual .main_slider{height:360px}
#mainVisual .txt_area{font-size:25px}
#mainVisual .pager_dot{bottom:20px}
}
@media (max-width:380px){
#mainVisual .main_slider{height:330px}
#mainVisual .txt_area{font-size:23px}
#mainVisual .pager_dot span{margin:0 7px;width:8px;height:8px}
}
/* 반응형 [e] */