@charset "utf-8";

/* 메인영역 */
#main_banner_wrap{position:relative;z-index:1;width:100%;height:720px;text-align:left;overflow:hidden;-webkit-transition:height .3s;transition:height .3s}
#main_banner_wrap .main_img_box{position:relative;height:720px}
#main_banner_wrap .main_img_box div{width:100%;height:100%}
#main_banner_wrap .main_img_box div.box1{display:block;background:url(/sh_img/index/main_banner/main_banner_1.jpg) no-repeat center}
#main_banner_wrap .main_img_box div.box2{background:url(/sh_img/index/main_banner/main_banner_2.jpg) no-repeat center}
#main_banner_wrap .main_img_box div.box3{background:url(/sh_img/index/main_banner/main_banner_3.jpg) no-repeat center}
#main_banner_wrap .txt_area{position:absolute;top:50%;transform: translateY(-50%);left:50%;z-index:10;width:100%;max-width:1200px;margin-left:-600px;text-align:center}
#main_banner_wrap .move_txt01{margin:0 -50px 40px 0;font-size: 32px;line-height:23px;color:#434b87;letter-spacing:1.4px;opacity:0;font-family:'notokr-medium'}
#main_banner_wrap .move_txt02{margin-right: 200px;font-size:64px;letter-spacing:1px;color:#fff;font-weight:700;font-family: 'notokr-bold';opacity:0;text-shadow:0px 0px 25px #666}
#main_banner_wrap .move_txt02 span{color:#f58e0b;font-size: 40px;}
#main_banner_wrap .move_txt02 img{display:block;margin:0px auto 20px;height:160px}

#main_banner_wrap .swiper-pager{opacity:0;margin-top:30px}
#main_banner_wrap .swiper-pager span{width:7px;height:7px;background-color:#fff;opacity:.5;border:none;border-radius:50%}
#main_banner_wrap .swiper-pager span+span{margin-left:9px}
#main_banner_wrap .swiper-pager span.swiper-pagination-bullet-active{opacity:1}

/* 반응형 [s] */
@media (max-width:1024px){
#main_banner_wrap{height:500px}
#main_banner_wrap .main_img_box{height:100%}
#main_banner_wrap .main_img_box p{background-size:cover}
#main_banner_wrap .txt_area{top:220px;left:auto;margin-left:0;text-align:center}
#main_banner_wrap .move_txt01{margin-bottom:20px;font-size:26px}
#main_banner_wrap .move_txt02{font-size:50px}
}
@media (max-width:768px){
#main_banner_wrap .move_txt02{font-size:38px}
#main_banner_wrap .move_txt02 span{display:block;font-size:24px}
#main_banner_wrap .move_txt02 img{height:130px;display:block;margin:0px auto 16px}
}
@media (max-width:480px){
#main_banner_wrap{height:340px}
#main_banner_wrap .txt_area{top:50%;transform:translateY(-50%)}
#main_banner_wrap .move_txt01{font-size:20px}
#main_banner_wrap .move_txt02{font-size:26px;letter-spacing:-1px}
#main_banner_wrap .move_txt02 span{font-size:21px}
}
/* 반응형 [e] */