@charset "utf-8";

#sub_bnr_wrap{width:100%;height:50rem;position:relative}
#sub_bnr_wrap .sub_inner{width:100%;height:100%;position:relative;overflow:hidden}
#sub_bnr_wrap .sub_tit_box{width:100%;padding:0 2rem;text-align:center;position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%,-50%)}
#sub_bnr_wrap .sub_tit_box .tit{width:100%;margin-bottom:2rem;font-size:5rem;font-weight:700;line-height:1;color:#fff}
#sub_bnr_wrap .sub_tit_box .txt{font-size:1.7rem;color:rgba(255,255,255,.8)}

#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 .sub_tit_box .tit{font-size:4.7rem}
}
@media(max-width: 1024px) {
	#sub_bnr_wrap{height:45rem}
	#sub_bnr_wrap .sub_tit_box .tit{margin-bottom:1rem;font-size:4.4rem}
}
@media(max-width: 767px) {
	#sub_bnr_wrap{height:35rem}
	#sub_bnr_wrap .sub_tit_box .tit{font-size:4.1rem}
}
@media(max-width: 480px) {
	#sub_bnr_wrap{height:32rem}
	#sub_bnr_wrap .sub_tit_box .tit{font-size:3.8rem}
	
}
@media(max-width: 320px) {
	#sub_bnr_wrap .sub_tit_box .tit{font-size:3.5rem}
	
}