@charset "utf-8";

#sub_bnr_wrap{width:100%;height:52rem;margin-top:10rem;position:relative}
#sub_bnr_wrap .sub_inner{width:100%;height:100%;position:relative;overflow:hidden}
#sub_bnr_wrap .sub_tit_box{padding:0 2rem;text-align:center;position:absolute;left:50%;top:46%;z-index:10;transform:translate(-50%,-50%)}
#sub_bnr_wrap .sub_tit_box .tit{width:100%;font-size:7rem;font-weight:700;line-height:110%;color:#fff;font-family:'Play'}
#sub_bnr_wrap .sub_tit_box .txt{margin-top:1rem;font-size:1.7rem;line-height:150%;color:#fff}

#sub_bnr_wrap .sub_bnr{width:100%;height:100%;animation:sub_bnr 20s linear infinite}
#sub_bnr_wrap .sub_bnr::before{content:'';width:100%;height:100%;background:rgba(0,0,0,.1);position:absolute;left:0;top:0;transition:all .3s}

@keyframes sub_bnr{0%{transform:scale(1)} 50%{transform:scale(1.13)} 100%{transform:scale(1)}}


@media(max-width: 1280px) {
	#sub_bnr_wrap{height:48rem;margin-top:8rem}
	#sub_bnr_wrap .sub_tit_box .tit{font-size:6.7rem}
}
@media(max-width: 1024px) {
	#sub_bnr_wrap{height:45rem}
	#sub_bnr_wrap .sub_tit_box .tit{font-size:6.4rem}
	
}
@media(max-width: 767px) {
	#sub_bnr_wrap{height:35rem;margin-top:7rem}
	#sub_bnr_wrap .sub_tit_box .tit{margin-bottom:1rem;font-size:6rem}
	#sub_bnr_wrap .sub_tit_box{width:100%}
	
}
@media(max-width: 480px) {
	#sub_bnr_wrap{height:32rem}
	#sub_bnr_wrap .sub_tit_box .tit{font-size:5rem}
	
}
@media(max-width: 320px) {
	#sub_bnr_wrap{margin-top:6rem}
	#sub_bnr_wrap .sub_tit_box .tit{font-size:4.5rem}
	
}