@charset "utf-8";

#main_bnr_wrap{width:100%;height:100vh;max-height:1300px;min-height:800px;background:#000;position:relative}
#main_bnr_wrap .main_bnr{width:100%;height:calc(100% - 9rem);overflow:hidden;position:absolute;bottom:0;left:0;opacity:0;transition:opacity 1s}
#main_bnr_wrap.active .main_bnr{opacity:1}

.main_bnr .swiper-slide:before{content:'';width:100%;height:300px;position:absolute;left:0;bottom:0;background:linear-gradient(0deg,rgba(0, 0, 0, 0.6) 8%, rgba(0, 0, 0, 0) 100%);z-index:1}
.main_bnr .swiper-slide .main_txt{max-width:1680px;width:100%;padding:0 14rem;text-align:center;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:0;transition:top 1s, opacity 1s}		
#main_bnr_wrap.active .main_bnr .swiper-slide .main_txt{top:50%;opacity:1;transition-delay:.3s}
.main_bnr .swiper-slide .main_txt .tit{font-size:6.2rem;font-weight:700;line-height:130%;color:#fff;text-shadow:0 0 1rem rgba(0,0,0,.5);text-transform:uppercase;font-family:'Poppins'}


.main_bnr .swiper-slide{opacity:0 !important}
.main_bnr .swiper-slide-active{opacity:1 !important}

.main_bnr .bg{width:100%;height:100%;    animation: main_bnr 20s linear infinite;}
.main_bnr .bg01{background:url(/hd/main_banner/bg01.jpg) no-repeat center/cover}
.main_bnr .bg02{background:url(/hd/main_banner/bg02.jpg) no-repeat center/cover}
.main_bnr .bg03{background:url(/hd/main_banner/bg03.jpg) no-repeat center/cover}
.main_bnr .bg04{background:url(/hd/main_banner/bg04.jpg) no-repeat center/cover}
.main_bnr .bg05{background:url(/hd/main_banner/bg05.jpg) no-repeat center/cover}
.main_bnr .bg06{background:url(/hd/main_banner/bg06.jpg) no-repeat center/cover}
.main_bnr .bg07{background:url(/hd/main_banner/bg07.jpg) no-repeat center/cover}
.main_bnr .bg08{background:url(/hd/main_banner/bg08.jpg) no-repeat center/cover}

.main_btn_area .main_btn{width:6.5rem;height:6.5rem;border-radius:6.5rem;background:rgba(0,0,0,.5);transition:all .3s;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.main_btn_area .main_btn.main_prev{left:5rem}
.main_btn_area .main_btn.main_next{right:5rem}
.main_btn_area .main_btn:hover{background:#1b3e66}
		
@keyframes main_bnr{0%{transform:scale(1)} 50%{transform:scale(1.13)} 100%{transform:scale(1)}}


.scroll_down{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center;flex-direction:column;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index: 11;transition:opacity 1s }
.scroll_down .txt{font-size:1.5rem;font-weight:700;color:#fff;font-family:'Poppins'}
.scroll_down .bar{width:1px;height:5rem;background:rgba(255,255,255,.2);position:relative}
.scroll_down .bar span{width:1px;height: 0;background: #fff;position:absolute;top:0;opacity: 0;animation: scroll 1.5s ease-in-out infinite;}
@keyframes scroll { 0% {height: 0;top: 0;opacity: 0;}30% {opacity: 1;}100% {height: 100%;top: 0;opacity: 0;}}
		

@media(max-width:1280px){
#main_bnr_wrap{max-height:117rem;min-height:72rem}	
#main_bnr_wrap .main_bnr{height:calc(100% - 8rem)}


.main_bnr .swiper-slide .main_txt .tit{font-size:5.7rem}


}
@media(max-width:1024px){
.main_bnr .swiper-slide .main_txt{padding:0 5rem}	
.main_bnr .swiper-slide .main_txt .tit{font-size:5.2rem}

.main_btn_area .main_btn{width:4.5rem;height:4.5rem}
.main_btn_area .main_btn.main_prev{left:1rem}
.main_btn_area .main_btn.main_next{right:1rem}

}
@media(max-width:767px){
#main_bnr_wrap{height:47rem;margin-top:7rem;max-height:unset;min-height:unset}
#main_bnr_wrap .main_bnr{height:100%}


.main_bnr .swiper-slide .main_txt{padding:0 2rem}
.main_bnr .swiper-slide .main_txt .tit{font-size:3.4rem}


.main_bnr .swiper-slide .main_txt.main_txt4 .tit{font-size:1.8rem}
.main_bnr .swiper-slide .main_txt.main_txt4 .tit:before{top:1rem}
.main_bnr .swiper-slide .main_txt .txt.big_txt{font-size:1.8rem}
.main_bnr .bg15,.main_bnr .bg16,.main_bnr .bg17,.main_bnr .bg18,.main_bnr .bg20,.main_bnr .bg18,.main_bnr .bg21{background-position-x: 78% !important;}


.main_btn_area .main_btn{display:none}
.scroll_down .bar{height:3rem}


}
@media(max-width:480px){
#main_bnr_wrap{height:180px /*기존사이트 동일*/} 
.main_bnr .swiper-slide:before{display:none}
.main_bnr .swiper-slide .main_txt .tit{font-size:2rem}

.main_bnr .swiper-slide .main_txt .txt br{display:none}
.scroll_down{display:none}

}
@media(max-width:320px){
#main_bnr_wrap{margin-top:6rem}
}