@charset "utf-8";

#sub_bnr_area{width:100%;height:30rem;margin-top:14.5rem;background:#333;position:relative;transition:all .3s}
#sub_bnr_area .sub_tit{width:100%;font-weight:700;font-size:4.6rem;text-align:center;color:#fff;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);z-index:10;transition:all .3s}
#sub_bnr_area .sub_bg{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}/*사이드메뉴 추가로인해 bg 감쌈*/
#sub_bnr_area .bnr_img{width:100%;height:100%;position:absolute;top:0;left:0;animation:main_banner 20s linear infinite;transition:transform 0.5s ease-out;}
@keyframes main_banner {0%{transform:scale(1)} 50%{transform:scale(1.1)} 100%{transform:scale(1)}}


@media(max-width:1400px){
}
@media(max-width:1280px){
	#sub_bnr_area{margin-top:12.5rem}
	#sub_bnr_area .sub_tit{font-size:4.4rem}
}
@media(max-width:1024px){
	#sub_bnr_area{margin-top:8rem}
	#sub_bnr_area .sub_tit{font-size:4.2rem}
	
	#sub_bnr_area .sub_bg20 .bnr_img{background-position-x:67% !important;}
	#sub_bnr_area .sub_bg40 .bnr_img{background-position-x:25% !important;}
}
@media(max-width:767px){
	#sub_bnr_area{height:28rem;margin-top:7rem}
	#sub_bnr_area .sub_tit{font-size:4rem}

	
}
@media(max-width:480px){
	#sub_bnr_area{height:24rem;}
	#sub_bnr_area .sub_tit{font-size:3.8rem}
}
@media(max-width:320px){
	#sub_bnr_area{margin-top:6rem}
	#sub_bnr_area .sub_tit{font-size:3.6rem}
}