@charset "utf-8";

#mainVisual{position:relative;width:100%;height:785px}

/* 메인이미지 */
.swiper-slider{position:relative;width:100%;height:100%}
#main_banner_wrap li{width:100%;height:100%;background-size:cover;background-position:center top;background-repeat:no-repeat}
#main_banner_wrap .img01{background-image:url(/sh_img/index/main_banner/main_banner01.jpg)}
#main_banner_wrap .img02{background-image:url(/sh_img/index/main_banner/main_banner02.jpg)} 
#main_banner_wrap .img03{background-image:url(/sh_img/index/main_banner/main_banner03.jpg)} 

/* 메인텍스트 */
#main_banner .txt_area{position:relative;max-width:1100px;margin:0 auto;z-index:1000}
#main_banner .txt_area .txt{position:absolute;top:375px;width:100%;color:#fff;line-height:1.2;text-align:center;letter-spacing:-.3px}
#main_banner .txt_area .txt .s_txt{display:inline-block;margin-left:40px;font-size:16px;color:rgba(255,255,255,.7);opacity:0; word-break:keep-all;font-family:'notokr-regular'}
#main_banner .txt_area .txt .b_txt{margin:30px 0;font-size:56px;opacity:0;font-family:'notokr-thin'}
#main_banner .txt_area .txt .b_txt span{font-family:'notokr-bold'}
#main_banner .pagination{position:absolute;bottom:225px;left:50%;margin-left:-40px;z-index:999}
#main_banner .pagination span{display:block;float:left;width:10px;height:10px;border-radius:50px;text-indent:-1000px;margin-left:10px;overflow:hidden;content:"";background:#fff;transition:all 0.3s}
#main_banner .pagination splan.swiper-pagination-bullet-activ{opacity:1}

/* 반응형 [s] */
@media (max-width:1024px){
#mainVisual{height: 535px;}
#main_banner .txt_area .txt{top: 185px;}
#main_banner .txt_area .txt .b_txt{font-size:51px}
#main_banner .pagination{bottom: 185px;}
}
@media (max-width:768px){
#mainVisual{height: 430px;}
#main_banner .txt_area .txt{top: 137px;}
#main_banner .txt_area .txt .b_txt{margin-top:20px;font-size:41px;white-space:pre-line}
#main_banner .pagination{bottom: 103px;}
}
@media (max-width:480px){
#mainVisual{height: 380px;}
#main_banner .txt_area .txt{top: 100px;}
#main_banner .txt_area .txt .b_txt{font-size:38px}
#main_banner .pagination{bottom: 80px;}
}
@media (max-width:380px){
#main_banner .txt_area .txt{top: 105px;}
#main_banner .txt_area .txt .s_txt{white-space:pre-line;line-height: 1.4;}
#main_banner .pagination{bottom: 80px;}
}
/* 반응형 [e] */