@charset "utf-8";

#sub_bnr_wrap{width:100%;height:47rem;overflow:hidden;position:relative;transition:all .3s;background:#000}
#sub_bnr_wrap .sub_tit_box{max-width:130rem;width:100%;padding-top:10rem;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}
#sub_bnr_wrap .sub_tit_box .sub_tit{font-weight:100;font-size:4.8rem;line-height:130%;color:#fff}
#sub_bnr_wrap .sub_tit_box .sub_tit span{font-weight:700}
#sub_bnr_wrap .sub_tit_box .sub_tit .color{color:#02b2f3}
#sub_bnr_wrap .sub_bg{width:100%;height:100%;background:url(/hd/sub/sub_bnr.jpg) no-repeat center/cover;position:absolute;top:0;left:0;animation:sub 20s linear infinite;transition:all .3s}

@keyframes sub{from{transform:scale(1)}50%{transform:scale(1.11)}100%{transform:scale(1)}}

@media(max-width:1300px){
#sub_bnr_wrap .sub_tit_box .sub_tit{padding:0 5rem}
#sub_bnr_wrap .sub_bg{background-position:75% 0}
}

@media(max-width:1024px){
#sub_bnr_wrap .sub_tit_box{padding-top:8rem}
#sub_bnr_wrap .sub_tit_box .sub_tit{font-size:4rem}
#sub_bnr_wrap .sub_bg{opacity:.7}
}

@media(max-width:767px){
#sub_bnr_wrap{height:30rem}	
#sub_bnr_wrap .sub_tit_box{padding-top:7rem}
#sub_bnr_wrap .sub_tit_box .sub_tit{padding:0 2rem;text-align:center;font-size:3.5rem}
#sub_bnr_wrap .sub_tit_box .sub_tit br{display:none}
}
@media(max-width:480px){
#sub_bnr_wrap{height:28rem}	
#sub_bnr_wrap .sub_tit_box .sub_tit{font-size:3rem}
}
@media(max-width:320px){
#sub_bnr_wrap .sub_tit_box .sub_tit{font-size:2.8rem}
}