@charset "utf-8";

#main_bnr_wrap{width:100%;height:100vh;max-height:117rem;min-height:80rem;position:relative;background:linear-gradient(to bottom, rgba(38, 37, 37, 1) 0%, rgba(45, 45, 45, 1) 42%, rgba(45, 45, 45, 1) 100%)}
#main_bnr_wrap .main_img{max-width:41.8rem;width:80%;max-height:42rem;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;opacity:0;transition:opacity 3s}
#main_bnr_wrap .main_img.active{opacity:1}
#main_bnr_wrap .main_img img{max-width:100%;width:100%;max-height:100%;height:auto;object-fit:contain}
#main_bnr_wrap .main_img .main_tit{margin-top:3rem;font-size:2.6rem;font-weight:700;letter-spacing:2px;text-align:center;color:#fff;font-family: "Playfair Display";}

#main_bnr_wrap .scroll_down{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);z-index:10;opacity:0;transition:opacity 1s}
#main_bnr_wrap .scroll_down.active{opacity:1}
#main_bnr_wrap .scroll_down .scroll_txt{margin-bottom:1rem;font-size:1.6rem;font-weight:700;color:#fff;font-family: "Playfair Display";}
#main_bnr_wrap .scroll_down .arr{width:3rem;height:3rem;margin:0 auto;border-radius:3rem;border:1px solid rgba(255,255,255,.2);background:#2d2d2d;position:relative}
#main_bnr_wrap .scroll_down .arr img{position:absolute;top:.5rem;left:50%;transform:translateX(-50%);animation: mouse 2s infinite;opacity:0}
@keyframes mouse{10%{top:.5rem;opacity:0}50%{top:1.3rem;opacity:1}100%{top:1.6rem;opacity:0}}

@media(max-width:1280px){
	#main_bnr_wrap{min-height:72rem}
}
@media(max-width:767px){
	#main_bnr_wrap{max-height:94rem;min-height:60rem}
	#main_bnr_wrap .main_img .main_tit{margin-top:2rem;font-size:2.3rem}
}
@media(max-width:480px){
	#main_bnr_wrap{max-height:82rem;min-height:55rem}    
}