@charset "utf-8";

/* 메인영역 */
#main_banner_wrap{position:relative;z-index:1;width:100%;height:720px;text-align:left}
#main_banner_wrap .main_slider{height:100%}
#main_banner_wrap .main_img_box{position:relative;height:100%}
#main_banner_wrap .main_img_box > div{width:100%;height:100%}
#main_banner_wrap .main_img_box > div p{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:115%;height:115%;background-position:center;background-repeat:no-repeat;background-size:cover;transition: all 1.2s cubic-bezier(0.165, 0.840, 0.440, 1)}
#main_banner_wrap .main_img_box > div.on p{width:100%;height:100%;opacity:1}
#main_banner_wrap .main_img_box .box1{background-image:url(/sh_img/index/main_banner/main_banner_01.jpg)}
#main_banner_wrap .main_img_box .box2{background-image:url(/sh_img/index/main_banner/main_banner_02.jpg)}
#main_banner_wrap .main_img_box .box3{background-image:url(/sh_img/index/main_banner/main_banner_03.jpg)}


#main_banner_wrap .txt{position:absolute;z-index:1;left:50%;top:0;width:100%;max-width:1200px;height:720px;transform:translateX(-50%)}
#main_banner_wrap .txt .txt_list{padding-top:216px;text-align:left;font-family:var(--k-font)}
#main_banner_wrap .move_txt01{margin-top:-25px;font-size:15px;color:#fff;font-weight:600;letter-spacing:3px;opacity:0}
#main_banner_wrap .move_txt01 span{display:inline-block;width:44px;height:1px;margin:0 28px 5px 28px;background-color:rgba(255,255,255,0.2)}
#main_banner_wrap .move_txt02{margin:26px 0 20px 0;font-size:60px;line-height:71px;color:#fff;font-weight:300;opacity:0}
#main_banner_wrap .move_txt02 span{font-weight:700}
#main_banner_wrap .move_txt03{margin-bottom:23px;font-size:16px;line-height:26px;color:rgba(255,255,255,0.8);opacity:0}

#main_banner_wrap .pagination{position:absolute;left:0;bottom:209px;opacity:0;z-index:10;width:43px;height:9px}
#main_banner_wrap .pagination span{width:9px;height:9px;margin:0;background-color:#fff;opacity:.5;border:none;border-radius:50%}
#main_banner_wrap .pagination span+span{margin-left:8px}
#main_banner_wrap .pagination span.swiper-pagination-bullet-active{opacity:1}

/* 메인 */
#main_banner {position:relative;z-index:4;width:100%}

/* 반응형 [s] */
@media (max-width:768px){
#main_banner_wrap{height:480px}
#main_banner_wrap .txt .txt_list{padding-top:176px}
#main_banner_wrap .move_txt02{font-size:45px;line-height:49px}
#main_banner_wrap .pagination{bottom:270px}
}
@media (max-width:480px){
#main_banner_wrap{height:380px}
#main_banner_wrap .txt .txt_list{padding-top:130px}
#main_banner_wrap .move_txt01{font-size:13px}
#main_banner_wrap .move_txt01 span{margin:0 15px 5px}
#main_banner_wrap .move_txt02{font-size:32px;line-height:38px}
#main_banner_wrap .move_txt03{font-size:13px;line-height:18px}
#main_banner_wrap .pagination{bottom:350px}
}
@media (max-width:380px){
#main_banner_wrap .move_txt01 span{display:none}
#main_banner_wrap .move_txt02{word-break:keep-all}
#main_banner_wrap .move_txt03{display:none}
}
/* 반응형 [e] */