@charset "utf-8";

#main_bnr_wrap{width:100%;height:100vh;max-height:110rem;min-height:80rem;background:#000;position:relative}
#main_bnr_wrap .main_inner{max-width:140rem;width:100%;height:100%;margin:0 auto;position:relative;z-index:10}
#main_bnr_wrap .main_txt_box{margin-top:-5rem;position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0;transition:all 1s}
#main_bnr_wrap .main_txt_box.active{margin-top:0;opacity:1}
#main_bnr_wrap .main_txt_box .s_tit{margin-bottom:1rem;font-size:2.5rem;font-weight:700;color:var(--re-pt-color)}
#main_bnr_wrap .main_txt_box .tit{margin-bottom:1rem;font-size:6.5rem;font-weight:700;line-height:130%;text-shadow:0 0 2rem rgba(0,0,0,.9);color:#fff}
#main_bnr_wrap .main_txt_box .txt{font-size:1.7rem;line-height:150%;text-shadow:0 0 2rem rgba(0,0,0,.9);color:rgba(255,255,255,.9)}

/*메인 컨트롤러*/
#main_bnr_wrap .pager_area{margin-top:6rem;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}
#main_bnr_wrap .pager_area .num_box{line-height:2rem;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center}
#main_bnr_wrap .pager_area .num_box > span{display:block;width:2.2rem;font-size:1.7rem;font-weight:700;color:#fff;opacity:.5;font-family:'Poppins'}
#main_bnr_wrap .pager_area .num_box .s_num{opacity:1}
#main_bnr_wrap .pager_area .num_box .timeline{width:19rem;height:2px;margin:0 1rem;background:rgba(255,255,255,.2);position:relative}
#main_bnr_wrap .pager_area .num_box .timeline .bar{width:0;height:2px;background:var(--re-pt-color);position:absolute;left:0;top:0;animation-name:timeline;animation-duration:4s;}
#main_bnr_wrap .pager_area .num_box .timeline .bar:before{content:'';width:6px;height:6px;border-radius:6px;background:var(--re-pt-color);position:absolute;right:0;top:50%;transform:translateY(-50%)}
#main_bnr_wrap .pager_area .num_box .timeline.on .bar{animation-name:timeline;animation-duration:4s;}/*정지/재생시 애니메이션 재실행*/
@keyframes timeline {from{width:0}to{width:100%}}

#main_bnr_wrap .pager_area .main_arr{display:flex;}
#main_bnr_wrap .pager_area .main_arr .arr_btn{width:2rem;text-align:center;cursor:pointer}
#main_bnr_wrap .pager_area .main_arr .arr_btn img{vertical-align:unset}

#main_bnr_wrap .pager_area .btns{width:3.4rem;height:3.4rem;border-radius:3.4rem;background:var(--re-pt-color);transition:all .3s}
#main_bnr_wrap .pager_area .btns button{display:none;width:100%;height:100%;border:0;background:none;cursor:pointer;flex-wrap:wrap;align-items:center;justify-content:center}
#main_bnr_wrap .pager_area .btns button img{transition:all .3s}
#main_bnr_wrap .pager_area .btns button.show{display:flex}
#main_bnr_wrap .pager_area .btns:hover{background:#fff}
#main_bnr_wrap .pager_area .btns:hover button img{filter:invert(1)}
#main_bnr_wrap .pager_area .main_c_btn{display:flex;flex-wrap:wrap;gap:1rem}
#main_bnr_wrap .pager_area .main_c_btn .c_btn{cursor:pointer}

#main_bnr_wrap .scroll_down{position:absolute;left:0;bottom:5rem;display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;}
#main_bnr_wrap .scroll_down .txt{font-size:1.6rem;font-weight:700;color:#fff;font-family:'Poppins'}
#main_bnr_wrap .scroll_down .arr{width:3rem;height:3rem;border-radius:3rem;background:rgba(255,255,255,.2);position:relative}
#main_bnr_wrap .scroll_down .arr img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);animation: scroll 2s linear infinite;}
@keyframes scroll{from{top:50%}10%{top:60%}20%{top:50%}30%{top:60%}40%{top:50%}100%{top:50%}}
#main_bnr_wrap .main_bt_img{position:absolute;bottom:5rem;right:0}

#main_bnr_wrap .main_slide_area{width:100%;height:100%;position:absolute;left:0;top:0}
#main_bnr_wrap .main_slide_area .swiper-slide{opacity:0 !important}
#main_bnr_wrap .main_slide_area .swiper-slide-active{opacity:1 !important}

#main_bnr_wrap .main_slide_area .main_bg01{background:url(/hd/main_banner/bg01.jpg) no-repeat center/cover}
#main_bnr_wrap .main_slide_area .main_bg02{background:url(/hd/main_banner/bg02.jpg) no-repeat center/cover}
#main_bnr_wrap .main_slide_area .main_bg03{background:url(/hd/main_banner/bg03.jpg) no-repeat center/cover}
#main_bnr_wrap .main_slide_area .main_bg04{background:url(/hd/main_banner/bg04.jpg) no-repeat center/cover}
#main_bnr_wrap .main_slide_area .main_bg05{background:url(/hd/main_banner/bg05.jpg) no-repeat center/cover}
#main_bnr_wrap .main_slide_area .main_bg06{background:url(/hd/main_banner/bg06.jpg) no-repeat center/cover}



@media(max-width:1400px){
	#main_bnr_wrap .main_txt_box{left:2rem}
	#main_bnr_wrap .scroll_down{left:2rem}
}
@media(max-width:1280px){
	#main_bnr_wrap{max-height:117rem;min-height:72rem}
	#main_bnr_wrap .main_txt_box .tit{font-size:6rem}
	#main_bnr_wrap .main_bt_img{bottom:3rem}
	#main_bnr_wrap .main_bt_img img{width:50rem}
	
}
@media(max-width:1024px){
	#main_bnr_wrap .main_inner{background:rgba(0,0,0,.6);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center}
	#main_bnr_wrap .main_txt_box{width:100%;text-align:center;position:relative;top:auto;left:auto;transform:none}
	#main_bnr_wrap .main_txt_box .tit{font-size:5rem}
	#main_bnr_wrap .pager_area{margin:3rem auto;justify-content:center}
	#main_bnr_wrap .main_bt_img{position:relative;bottom:auto;right:auto;transform:none}
	#main_bnr_wrap .main_bt_img img{width:40rem}
	
	#main_bnr_wrap .scroll_down{width:17rem;bottom:2rem;left:50%;transform:translateX(-50%)}
}
@media(max-width:767px){
	#main_bnr_wrap {max-height:94rem;min-height:70rem}
	#main_bnr_wrap .main_txt_box{padding:0 2rem}
	#main_bnr_wrap .main_txt_box .s_tit{font-size:2.2rem}
	#main_bnr_wrap .main_txt_box .tit{font-size:4.6rem}
	#main_bnr_wrap .main_txt_box .txt{max-width:60rem;width:100%;margin:0 auto}
	#main_bnr_wrap .main_txt_box .txt br{display:none}
	#main_bnr_wrap .main_bt_img img{width:35rem}
	
	
	#main_bnr_wrap .main_slide_area .main_bg01{background:url(/hd/main_banner/bg01_m.jpg) no-repeat center/cover}
	#main_bnr_wrap .main_slide_area .main_bg02{background:url(/hd/main_banner/bg02_m.jpg) no-repeat center/cover}
	#main_bnr_wrap .main_slide_area .main_bg03{background:url(/hd/main_banner/bg03_m.jpg) no-repeat center/cover}
	#main_bnr_wrap .main_slide_area .main_bg04{background:url(/hd/main_banner/bg04_m.jpg) no-repeat center/cover}
	#main_bnr_wrap .main_slide_area .main_bg05{background:url(/hd/main_banner/bg05_m.jpg) no-repeat center/cover}
	#main_bnr_wrap .main_slide_area .main_bg06{background:url(/hd/main_banner/bg06_m.jpg) no-repeat center/cover}
}
@media(max-width:480px){
	#main_bnr_wrap {max-height:82rem}
	#main_bnr_wrap .main_txt_box .tit{font-size:4.3rem}
}
@media(max-width:320px){
	#main_bnr_wrap .main_txt_box .tit{font-size:4rem}
	#main_bnr_wrap .pager_area .num_box .timeline{width:10rem}
	#main_bnr_wrap .main_bt_img img{width:32rem}
}