@charset "utf-8";

#main_bnr_wrap{width:100%;max-height:130rem;min-height:80rem;height:100vh;background:#000;overflow:hidden;position:relative}
#main_bnr_wrap .main_inner{max-width:170rem;width:100%;height:100%;padding:0 10rem;position:relative;left:50%;transform:translateX(-50%);z-index:10}
#main_bnr_wrap .main_txt_box{width:100%;position:relative;top:45%;left:50%;transform:translate(-50%,-50%);z-index:10;opacity:0;transition:top 1s, opacity 1s }
#main_bnr_wrap .main_txt_box.active{top:50%;opacity:1}
#main_bnr_wrap .main_txt_box .s_tit{display:inline-block;margin-bottom:2rem;padding:1rem 2rem;border-top:1px solid rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.7);font-size:1.7rem;font-weight:700;color:#fff;font-family:'Poppins'}
#main_bnr_wrap .main_txt_box .tit{margin-bottom:1rem;font-size:6.2rem;font-weight:700;line-height:130%;text-shadow:0 0 1rem rgba(0,0,0,.2);color:#fff}
#main_bnr_wrap .main_txt_box .tit span{color:var(--pt-color2)}
#main_bnr_wrap .main_txt_box .txt{font-size:1.9rem;line-height:150%;color:#fff}

.main_btn_area{margin-top:4rem;display:flex;flex-wrap:wrap;align-items:center;gap:2rem;}
.main_btn_area .main_num{font-size:1.7rem;font-weight:700;text-align:center;color:rgba(255,255,255,.5);display:flex;flex-wrap:wrap;align-items: center;gap:1.5rem;font-family:'Poppins'}
.main_btn_area .main_num span{width:2rem}
.main_btn_area .main_num .s_num{color:#fff;position:relative}
.main_btn_area .main_num .s_num:before{content:'';width:1px;height:1rem;background:rgba(255,255,255,.5);position:absolute;right:-.8rem;top:50%;transform:translateY(-50%)}
.main_btn_area .timeline{width:16.5rem;height:2px;background:rgba(255,255,255,.4);position:relative}
.main_btn_area .timeline .bar{width:0;height:2px;background:var(--pt-color2);position:absolute;left:0;top:0;animation-name:timeline;animation-duration:4s;}
.main_btn_area .timeline.on .bar{animation-name:timeline;animation-duration:4s;}
@keyframes timeline {from{width:0}to{width:100%}}

.main_btn_area .slide_btn{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.main_btn_area .slide_btn .main_btn{width:2.5rem;height:2.5rem;border-radius:2.5rem;background:rgba(255,255,255,.2);transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center}
.main_btn_area .slide_btn .main_btn:hover{background:var(--pt-color2)}

/*스크롤다운*/
.scroll_down{position:absolute;bottom:5rem;right:10rem;z-index:10}
.scroll_down .scroll_txt{font-size:13px;font-weight:600;color:#fff;position:absolute;left:-3.5rem;top:-7rem;transform:rotate(-90deg);white-space:nowrap;font-family:'Poppins'}
.scroll_down .mouse{width:2.4rem;height:4rem;border-radius:4rem;border:1px solid #fff;position:relative}
.scroll_down .mouse span{width:4px;height:7px;border-radius:4px;background:#fff;position:absolute;top:.5rem;left:50%;transform:translateX(-50%);animation: mouse 2s infinite;opacity:0}
@keyframes mouse{0%{top:.5rem;opacity:0}50%{top:1.1rem;opacity:1}100%{top:1.4rem;opacity:0}}


/*메인 이미지 영역*/
#main_bnr_wrap .main_slider{width:100%;height:100%;position:absolute;top:0;left:0;}
#main_bnr_wrap .main_slider:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;top:0;left:0;z-index:5;opacity:0}
#main_bnr_wrap .main_bg{width:100%;height:100%;animation:main_bnr 25s linear infinite;position:relative}
#main_bnr_wrap .main_bg01{background:url(/hd/main_banner/bg01.jpg) no-repeat center/cover}
#main_bnr_wrap .main_bg02{background:url(/hd/main_banner/bg02.jpg) no-repeat center/cover}
#main_bnr_wrap .main_bg03{background:url(/hd/main_banner/bg03.jpg) no-repeat center/cover}

#main_bnr_wrap .main_slider li{position:relative;opacity:0 !important;transition:opacity .3s}
#main_bnr_wrap .main_slider li.swiper-slide-active{opacity:1 !important}
@keyframes main_bnr{0%{transform:scale(1)} 50%{transform:scale(1.1)} 100%{transform:scale(1)}}


@media(max-width:1280px){
#main_bnr_wrap{max-height:117rem;min-height:72rem}	
#main_bnr_wrap .main_inner{padding:0 5rem}
#main_bnr_wrap .main_txt_box .tit{font-size:5.9rem}
.scroll_down{right:5rem}
}
@media(max-width:1024px){
#main_bnr_wrap .main_txt_box{text-align:center}
#main_bnr_wrap .main_txt_box .tit{font-size:5.6rem}

#main_bnr_wrap .main_slider:before{opacity:1}
.main_btn_area{justify-content:center}
}
@media(max-width:767px){
#main_bnr_wrap{max-height:94rem;min-height:60rem}	
#main_bnr_wrap .main_inner{padding:0 2rem}
#main_bnr_wrap .main_txt_box{max-width:57rem}
#main_bnr_wrap .main_txt_box .s_tit{margin-bottom:1rem;padding:.5rem 1rem;}
#main_bnr_wrap .main_txt_box .tit{font-size:4.6rem}
#main_bnr_wrap .main_txt_box .tit br{display:none}
#main_bnr_wrap .main_txt_box .txt{font-size:1.7rem}
#main_bnr_wrap .main_txt_box .txt br{display:none}
.scroll_down{bottom:2rem;right:auto;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:1rem}
.scroll_down .scroll_txt{position:unset;transform:none}
.scroll_down .mouse{width:2.2rem;height:3rem}
.scroll_down .mouse span{width:2px;height:5px}
}
@media(max-width:480px){
#main_bnr_wrap{max-height:82rem;min-height:58rem /*글씨겹침 증가*/} 
#main_bnr_wrap .main_txt_box .s_tit{font-size:1.5rem;font-weight:500}
#main_bnr_wrap .main_txt_box .tit{font-size:4.3rem}
.main_btn_area .timeline{width:10rem}

}
@media(max-width:320px){
#main_bnr_wrap .main_txt_box .tit{font-size:4rem}
}