@charset "utf-8";

#mainVisual{position:relative}
#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}
#mainVisual .txt_area span{display:block;font-weight:700}
#mainVisual .main_slider{overflow:hidden;height:500px;border-radius:20px}
#mainVisual .main_slider li{width:100%;filter:brightness(.6);background-size:cover}
#mainVisual .img1{background:url(./main_banner_01.jpg)}
#mainVisual .img2{background:url(./main_banner_02.jpg)}
#mainVisual .img3{background:url(./main_banner_03.jpg)}
#mainVisual .img4{background: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:1024px){
#mainVisual .main_slider{height:420px;border-radius:0%}
#mainVisual .txt_area{font-size:40px}
}
@media (max-width:768px){
#mainVisual .main_slider{height:365px}
#mainVisual .txt_area{font-size:36px}
}
@media (max-width:480px){
#mainVisual .main_slider{height:290px}
#mainVisual .txt_area{font-size:28px}
#mainVisual .pager_dot{bottom:20px}
}
@media (max-width:380px){
#mainVisual .main_slider{height:265px}
#mainVisual .txt_area{font-size:24px}
#mainVisual .pager_dot span{margin:0 7px}
}
/* 반응형 [e] */