@charset "utf-8";

#main_bnr_wrap{width:100%;height:100vh;max-height:1300px;min-height:800px;position:relative}
#main_bnr_wrap .main_bnr{width:100%;height:calc(100% - 9rem);overflow:hidden;position:absolute;bottom:0;left:0}
.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 .swiper-slide-active .main_txt{top:50%;opacity:1;transition-delay:.3s}
.main_bnr .swiper-slide .main_txt .tit{font-size:5.5rem;font-weight:700;line-height:130%;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);text-transform:uppercase;font-family:'Poppins'}
.main_bnr .swiper-slide .main_txt .tit span{text-transform:none;}
.main_bnr .swiper-slide .main_txt .tit2{font-size:4.5rem}
.main_bnr .swiper-slide .main_txt .txt{margin-top:1.5rem;font-size:2rem;font-weight:600;color:rgba(255,255,255,.8);text-shadow:0 0 1rem rgba(0,0,0,.5);font-family:'Poppins'}
.main_bnr .swiper-slide .main_txt.main_txt2{text-align:left}
.main_bnr .swiper-slide .main_txt.main_txt2 .tit{padding-left:2rem;position:relative}
.main_bnr .swiper-slide .main_txt.main_txt2 .tit:before{content:'';width:.5rem;height:.5rem;border-radius:.5rem;background:#fff;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.main_bnr .swiper-slide .main_txt.main_txt3 .tit{font-size:4.5rem}
.main_bnr .swiper-slide .main_txt.main_txt4 .tit{font-size:3.5rem;text-transform: unset;}
.main_bnr .swiper-slide .main_txt.main_txt4 .tit:before{top:2rem;transform:none}
.main_bnr .swiper-slide .main_txt.main_txt4 .tit + .tit{margin-top:1rem}

.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_bnr .bg09{background:url(/hd/main_banner/bg09.jpg) no-repeat center/cover}
.main_bnr .bg10{background:url(/hd/main_banner/bg10.jpg) no-repeat center/cover}
.main_bnr .bg11{background:url(/hd/main_banner/bg11.jpg) no-repeat center/cover}
.main_bnr .bg12{background:url(/hd/main_banner/bg12.jpg) no-repeat center/cover}
.main_bnr .bg13{background:url(/hd/main_banner/bg13.jpg) no-repeat center/cover}
.main_bnr .bg14{background:url(/hd/main_banner/bg14.jpg) no-repeat center/cover}
.main_bnr .bg15{background:url(/hd/main_banner/bg15.jpg) no-repeat center/cover}
.main_bnr .bg16{background:url(/hd/main_banner/bg16.jpg) no-repeat center/cover}
.main_bnr .bg17{background:url(/hd/main_banner/bg17.jpg) no-repeat center/cover}
.main_bnr .bg18{background:url(/hd/main_banner/bg18.jpg) no-repeat center/cover}
.main_bnr .bg19{background:url(/hd/main_banner/bg19.jpg) no-repeat center/cover}
.main_bnr .bg20{background:url(/hd/main_banner/bg20.jpg) no-repeat center/cover}
.main_bnr .bg21{background:url(/hd/main_banner/bg21.jpg) no-repeat center/cover}
.main_bnr .bg22{background:url(/hd/main_banner/bg22.jpg) no-repeat center/cover}
.main_bnr .bg23{background:url(/hd/main_banner/bg23.jpg) no-repeat center/cover}
.main_bnr .bg24{background:url(/hd/main_banner/bg24.jpg) no-repeat center/cover}
.main_bnr .bg25{background:url(/hd/main_banner/bg25.jpg) no-repeat center/cover}
.main_bnr .bg26{background:url(/hd/main_banner/bg26.jpg) no-repeat center/cover}
.main_bnr .bg27{background:url(/hd/main_banner/bg27.jpg) no-repeat center/cover}
.main_bnr .bg28{background:url(/hd/main_banner/bg28.jpg) no-repeat center/cover}
.main_bnr .bg29{background:url(/hd/main_banner/bg29.jpg) no-repeat center/cover}
.main_bnr .bg30{background:url(/hd/main_banner/bg30.jpg) no-repeat center/cover}
.main_bnr .bg31{background:url(/hd/main_banner/bg31.jpg) no-repeat center/cover}
.main_bnr .bg32{background:url(/hd/main_banner/bg32.jpg) no-repeat center/cover}
.main_bnr .bg33{background:url(/hd/main_banner/bg33.jpg) no-repeat center/cover}
.main_bnr .bg34{background:url(/hd/main_banner/bg34.jpg) no-repeat center/cover}
.main_bnr .bg35{background:url(/hd/main_banner/bg35.jpg) no-repeat center/cover}
.main_bnr .bg36{background:url(/hd/main_banner/bg36.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:5rem}
.main_bnr .swiper-slide .main_txt .tit2{font-size:4rem}
.main_bnr .swiper-slide .main_txt.main_txt3 .tit{font-size:4rem}
.main_bnr .swiper-slide .main_txt.main_txt4 .tit{font-size:3.2rem}

}
@media(max-width:1024px){
.main_bnr .swiper-slide .main_txt{padding:0 5rem}	
.main_bnr .swiper-slide .main_txt .tit{font-size:4.7rem}
.main_bnr .swiper-slide .main_txt .tit2{font-size:3.7rem}
.main_bnr .swiper-slide .main_txt.main_txt3 .tit{font-size:3.7rem}
.main_bnr .swiper-slide .main_txt.main_txt4 .tit{font-size:2.9rem}

.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 .tit2{font-size:2.4rem}
.main_bnr .swiper-slide .main_txt.main_txt3 .tit{font-size:2.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 .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 .tit2{font-size:1.8rem}
.main_bnr .swiper-slide .main_txt.main_txt3 .tit{font-size:1.8rem}
.main_bnr .swiper-slide .main_txt.main_txt4 .tit{padding-left:1rem;font-size:1.4rem;letter-spacing:-.5px}
.main_bnr .swiper-slide .main_txt.main_txt4 .tit:before{width:3px;height:3px;top:.6rem}
.main_bnr .swiper-slide .main_txt .txt{margin-top:0;font-size:1.7rem;line-height:120%}
.scroll_down{display:none}

}
@media(max-width:320px){
#main_bnr_wrap{margin-top:6rem}
.main_bnr .swiper-slide .main_txt .tit{font-size:3.8rem}
.main_bnr .swiper-slide .main_txt .tit2{font-size:2.8rem}
.main_bnr .swiper-slide .main_txt.main_txt3 .tit{font-size:2.8rem}
}