@charset "utf-8";

#main_bnr_area{width:100%;height:100vh;min-height:70rem;background:#f7f7f7;position:relative}
#main_bnr_area:before{content:'';width:100%;height:10.6rem;z-index:10;background:url(/hd/main_banner/main_pt.png) no-repeat center/cover;position:absolute;bottom:0;left:0}

/*메인텍스트*/
#main_bnr_area .main_txt_box{max-width:140rem;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}
#main_bnr_area .main_txt_box .main_txt{margin-top:2rem;font-size:1.8rem;line-height:150%;color:rgba(255,255,255,.7)}
#main_bnr_area .main_txt_box .main_txt_img img{transition:all .3s}
#main_bnr_area .main_control{margin-top:7rem;}
#main_bnr_area .main_control .swiper-pagination-bullet{width:1.1rem;height:1.1rem;border-radius:1.1rem;background:#fff}
#main_bnr_area .main_control .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:.8rem}
#main_bnr_area .main_control .swiper-pagination-bullet-active{width:2.2rem;background:#b92628}

/*메인이미지*/
#main_bnr_area .main_img_area{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;}
#main_bnr_area .main_img_area .swiper-wrapper{width:100%;height:100%}
#main_bnr_area .main_img_area .swiper-slide{width:100%;height:100%;opacity:0 !important}
#main_bnr_area .main_img_area .swiper-slide-active{opacity:1 !important}
#main_bnr_area .main_img_area .main_img{width:100%;height:100%;position:relative;animation:main_banner 20s linear infinite;transition:transform 0.5s ease-out;}
#main_bnr_area .main_img_area .main_img:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;top:0;left:0;opacity:0;transition:all .3s}
#main_bnr_area .main_img_area .main_img01{background:url(/hd/main_banner/main_img01.jpg) no-repeat center/cover}
#main_bnr_area .main_img_area .main_img02{background:url(/hd/main_banner/main_img02.jpg) no-repeat center/cover}
#main_bnr_area .main_img_area .main_img03{background:url(/hd/main_banner/main_img03.jpg) no-repeat center/cover}
#main_bnr_area .main_img_area .main_img04{background:url(/hd/main_banner/main_img04.jpg) no-repeat center/cover}
#main_bnr_area .main_img_area .main_img05{background:url(/hd/main_banner/main_img05.jpg) no-repeat center/cover}
@keyframes main_banner {0%{transform:scale(1,1)} 50%{transform:scale(1.05,1.05)} 100%{transform:scale(1,1)}}

/*컨트롤버튼*/
#main_bnr_area .main_ctr_btn{position:absolute;bottom:7rem;left:calc(50% + 53rem);z-index:10}
#main_bnr_area .main_ctr_btn .main_btn{width:7.5rem;height:7.5rem;border-radius:7.5rem;line-height:7.5rem;text-align:center;background:#cbcacb;float:left;transition:all .3s;cursor:pointer}
#main_bnr_area .main_ctr_btn .main_next{margin-left:.5rem;background:#b92628}
#main_bnr_area .main_ctr_btn .main_btn:hover{box-shadow:.5rem .5rem 1rem rgba(0,0,0,.2);}

@media(max-width:1400px){
#main_bnr_area .main_txt_box{padding:0 5rem}
#main_bnr_area .main_ctr_btn{left:auto;right:3rem}
}
@media(max-width:1280px){
#main_bnr_area .main_txt_box .main_txt_img img{max-width:55rem}
#main_bnr_area .main_img_area .main_img{background-position:60% 0}
}

@media(max-width:1024px){	
#main_bnr_area{min-height:60rem}
/*메인텍스트*/
#main_bnr_area .main_txt_box .main_txt{font-size:1.6rem}
#main_bnr_area .main_txt_box .main_txt_img img{max-width:45rem}

/*메인이미지*/
#main_bnr_area .main_img_area .main_img:before{opacity:1}

/*컨트롤버튼*/
#main_bnr_area .main_control{margin-top:3rem}

}

@media(max-width:767px){	
#main_bnr_area:before{height:5rem;background:url(/hd/main_banner/m_pt.png) no-repeat center/cover;}

/*메인텍스트*/
#main_bnr_area .main_txt_box{padding:0 2rem;text-align:center}
#main_bnr_area .main_txt_box .main_txt_img img{width:80%;min-width:36rem}

/*메인이미지*/
#main_bnr_area .main_img_area .main_img{background-position:center}
#main_bnr_area .main_img_area .main_img:before{background:rgba(0,0,0,.5)}
#main_bnr_area .main_img_area .main_img01{background:url(/hd/main_banner/main_img01_m.jpg) no-repeat center/cover}
#main_bnr_area .main_img_area .main_img02{background:url(/hd/main_banner/main_img02_m.jpg) no-repeat center/cover}
#main_bnr_area .main_img_area .main_img03{background:url(/hd/main_banner/main_img03_m.jpg) no-repeat center/cover}
#main_bnr_area .main_img_area .main_img04{background:url(/hd/main_banner/main_img04_m.jpg) no-repeat center/cover}
#main_bnr_area .main_img_area .main_img05{background:url(/hd/main_banner/main_img05_m.jpg) no-repeat center/cover}

/*컨트롤버튼*/
#main_bnr_area .main_ctr_btn{right:2rem;bottom:2rem}
#main_bnr_area .main_ctr_btn .main_btn{width:6rem;height:6rem;line-height:6rem}
}

@media(max-width:480px){	
/*메인텍스트*/
#main_bnr_area .main_txt_box{padding:0 2rem;text-align:center}
#main_bnr_area .main_txt_box .main_txt_img img{max-width:36rem;min-width:28rem}
#main_bnr_area .main_txt_box .main_txt br{display:none}

/*컨트롤버튼*/
#main_bnr_area .main_ctr_btn .main_btn{width:5rem;height:5rem;line-height:5rem}
}