@charset "utf-8";

/* 메인영역 */
#main_banner_wrap{position:relative;width:100%}
#main_banner_wrap .txt{position:relative;width:100%;max-width:1200px;margin:0 auto;text-align:left;z-index:9999}
#main_banner_wrap .txt .move_txt01{position:absolute;top:397px;left:20px;color:#fff;font-size:28px;letter-spacing:-.3px;line-height:1.6;opacity:0;font-family:'notokr-regular'}
#main_banner_wrap .txt .move_txt01 span{display:block;font-size:51px;font-family:'notokr-bold'}
#main_banner_wrap .txt .move_txt02{position:absolute;top:548px;left:20px;width:100%;color:#fff;font-size:15px;font-weight:500;letter-spacing:-.1px;opacity:0;line-height:16px;font-family:'Montserrat'}

.mainSwiper{height:700px;-webkit-transition:height .2s;transition:height .2s}
#slide{width:100%;height:100%}
#slide li{height:100%;background:center no-repeat;background-size:cover}
#slide .img01{background-image:url(/sh_img/index/main_banner/main_banner01.jpg)}
#slide .img02{background-image:url(/sh_img/index/main_banner/main_banner02.jpg)}
#slide .img03{background-image:url(/sh_img/index/main_banner/main_banner03.jpg)}

#main_banner .swiper-pager{position:absolute;top:350px;left:20px}
#main_banner .swiper-pager span{opacity:1;display:inline-block;position:relative;width:21px;height:21px;margin-right:4px;background:none;outline:none}
#main_banner .swiper-pager span:before, #main_banner .swiper-pager span:after{display:block;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:7px;height:7px;-webkit-transition:all .2s;transition:all .2s}
#main_banner .swiper-pager span:after{border-radius:50%;background-color:rgba(255,255,255,.4)}
#main_banner .swiper-pager span.swiper-pagination-bullet-active:before{width:100%;height:100%;border-radius:50%;background-color:rgba(78,194,255,.29)}
#main_banner .swiper-pager span.swiper-pagination-bullet-active:after{background-color:#4ec2ff}

/* 반응형 [s] */
@media (max-width:1024px){
.mainSwiper{height:500px}
#main_banner_wrap .txt{position:absolute;bottom:50px;left:20px;width:calc(100% - 20px)}
#main_banner_wrap .txt .move_txt01{position:relative;top:auto;left:auto;font-size:20px;line-height:1.8;word-break:keep-all}
#main_banner_wrap .txt .move_txt01 span{font-size:40px}
#main_banner_wrap .txt .move_txt02{position:relative;top:auto;left:auto;margin-top:10px;padding-right:20px;line-height:1.6;word-break:keep-all}
#main_banner .swiper-pager{position:relative;top:auto;left:auto;margin-top:25px}
#slide .img01{background-position:20% center}
#slide .img02{background-position:20% center}
}
@media (max-width:480px){
.mainSwiper{height:400px}
#main_banner_wrap .txt{bottom:30px}
#main_banner_wrap .txt .move_txt01{font-size:18px}
#main_banner_wrap .txt .move_txt01 span{font-size:30px;line-height:1.4}
#main_banner_wrap .txt .move_txt02{font-size:13px}
}
/* 반응형 [e] */