@charset "utf-8";

#sub_bnr_wrap{width:100%;height:60rem;background:#000;position:relative}
#sub_bnr_wrap .sub_tit_area{max-width:150rem;width:100%;position:absolute;bottom:15.5rem;left:50%;transform:translateX(-50%);z-index:20;display:flex;flex-wrap:wrap;align-items:flex-end;gap:2rem 4rem}
#sub_bnr_wrap .sub_tit_area .s_tit{margin-bottom:2rem;font-size:1.7rem;font-weight:700;line-height:.7;color:rgba(255,255,255,.6);font-family:'Poppins'}
#sub_bnr_wrap .sub_tit_area .tit{font-size:7.3rem;font-weight:700;line-height:.7;color:#fff;font-family:'Poppins'}

#sub_bnr_wrap .page_state_list li{display:inline-block;font-size:1.6rem;color:rgba(255,255,255,.6);position:relative}
#sub_bnr_wrap .page_state_list li + li{padding-left:2rem}
#sub_bnr_wrap .page_state_list li + li:before{content:url(/hd/sub/arr_side.png);position:absolute;left:.4rem;top:50%;transform:translateY(-50%)}
#sub_bnr_wrap .page_state_list li:last-child{font-weight:500;color:#fff}

#sub_bnr_wrap .sub_bnr{width:100%;height:100%;position:absolute;top:0;left:0}

@media(max-width:1500px){
	#sub_bnr_wrap .sub_tit_area{padding:0 2rem}
}
@media(max-width:1280px){
	#sub_bnr_wrap{height:55rem}
	#sub_bnr_wrap .sub_tit_area .tit{font-size:6.8rem}
}
@media(max-width:1024px){
	#sub_bnr_wrap{height:50rem}
	#sub_bnr_wrap .sub_tit_area .tit{font-size:6rem}
}
@media(max-width:767px){
	#sub_bnr_wrap{height:40rem}
	#sub_bnr_wrap .sub_tit_area{text-align:center;bottom:auto;top:50%;transform:translate(-50%,-50%);justify-content:center}
	#sub_bnr_wrap .sub_tit_area .sub_tit_box{width:100%}
	#sub_bnr_wrap .sub_tit_area .tit{font-size:5rem}
}
@media(max-width:480px){
	#sub_bnr_wrap{height:35rem}
	
	#sub_bnr_wrap .sub_tit_area .tit{font-size:4.5rem}
}