@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:160rem;width:100%;height:100%;top:-5rem;position:relative;left:50%;transform:translateX(-50%);z-index:10;opacity:0;transition:all 1s;}
#main_bnr_wrap .main_inner.active{top:0;opacity:1}
#main_bnr_wrap .txt_box_area{width: calc(100% - 10rem);position:absolute;bottom:16rem;left:5rem}
#main_bnr_wrap .txt_box_area .s_tit{margin-bottom:2rem;font-size:2rem;font-weight:700;color:#fff}
#main_bnr_wrap .txt_box_area .txt_box{display:flex;flex-wrap:wrap;align-items:flex-end;gap:3rem}
#main_bnr_wrap .txt_box_area .tit{font-size:10rem;font-weight:500;line-height:.7;color:#fff;font-family:'Play'}
#main_bnr_wrap .txt_box_area .txt{font-size:2rem;line-height:150%;color:rgba(255,255,255,.8)}

.main_bt_area{width:calc(100% - 10rem);position:absolute;left:5rem;bottom:6rem;display:flex;align-items:center;justify-content:space-between}
.main_btn_area{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;}
.main_btn_area .main_num{font-size:1.6rem;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:#fff;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:4rem;height:4rem;border-radius:4rem;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-color)}

.scroll_down{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem}
.scroll_down .txt{font-size:1.6rem;font-weight:700;color:#fff}
.scroll_down .arr{width:3.5rem;height:3.5rem;border-radius:3.5rem;background:rgba(255,255,255,.1);position:relative}
.scroll_down .arr img{position:absolute;top:.5rem;left:50%;transform:translateX(-50%);animation: mouse 2s infinite;opacity:0}
@keyframes mouse{0%{top:.8rem;opacity:0}50%{top:1.6rem;opacity:1}100%{top:2rem;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_new4.jpg) no-repeat center/cover}
#main_bnr_wrap .main_bg04{background:url(/hd/main_banner/bg04_new3.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 .txt_box_area .tit{font-size:13rem}*/
}
@media(max-width:1024px){
	#main_bnr_wrap .txt_box_area{width:100%;padding:0 2rem;left:0}
	/*#main_bnr_wrap .txt_box_area .tit{font-size:12rem}*/
	
	.main_bt_area{width:100%;padding:0 2rem;left:0}
}
@media(max-width:767px){
	#main_bnr_wrap{max-height:94rem;min-height:60rem}
	#main_bnr_wrap .txt_box_area{text-align:center;top:50%;left:50%;transform:translate(-50%,-50%)}
	#main_bnr_wrap .txt_box_area .txt_box{justify-content: center;}
	#main_bnr_wrap .txt_box_area .tit{font-size:10rem}
	#main_bnr_wrap .txt_box_area .txt{max-width:50rem;width:100%;font-size:1.7rem}
	#main_bnr_wrap .txt_box_area .txt br{display:none}
	
	#main_bnr_wrap .main_slider:before{opacity:1}
	#main_bnr_wrap .main_bg01{background:url(/hd/main_banner/bg01_m.jpg) no-repeat center/cover}
	#main_bnr_wrap .main_bg02{background:url(/hd/main_banner/bg02_m.jpg) no-repeat center/cover}
	#main_bnr_wrap .main_bg03{background:url(/hd/main_banner/bg03_m_new4.jpg) no-repeat center/cover}
	#main_bnr_wrap .main_bg04{background:url(/hd/main_banner/bg04_m_new.jpg) no-repeat center/cover}
	
	.main_bt_area{flex-wrap:wrap;justify-content:center;gap:1.5rem}
	.main_btn_area{width:100%;justify-content:center;}
	.main_btn_area .timeline{width:12rem}
	.main_btn_area .slide_btn .main_btn{width:3.5rem;height:3.5rem}
}
@media(max-width:480px){
	#main_bnr_wrap{max-height:82rem;min-height:55rem}
	#main_bnr_wrap .txt_box_area .tit{font-size:9rem}
}
@media(max-width:320px){
	#main_bnr_wrap .txt_box_area .tit{font-size:8rem}
	.main_btn_area .timeline{width:10rem}
}