@charset "utf-8";

#sub_bnr_wrap{display:flex;align-items:center;justify-content:center;width:100%;height:40rem;padding-top:9rem;margin:0 auto;overflow:hidden;position:relative;transition:all .3s}
#sub_bnr_wrap:before{width:100%;height:100%;background:url(/hd/sub/sub_bnr.jpg) center repeat;background-size:cover !important;position:absolute;top:0;left:0;z-index:1;content:'';animation:main 20s linear infinite;transition:background-position .5s ease-out}
@keyframes main{from{transform:scale(1)}50%{transform:scale(1.13)}100%{transform:scale(1)}}

#sub_bnr_wrap .sub_tit_box{max-width:130rem;width:100%;text-align:center;margin:0 auto;position:relative;z-index:2}
#sub_bnr_wrap .sub_tit_box .sub_tit{margin-bottom:1rem;font-weight:700;font-size:4rem;line-height:100%;color:#fff;transition:all .3s;font-family: 'Playfair Display', 'Noto Sans KR';}
#sub_bnr_wrap .sub_tit_box .sub_txt{font-size:1.7rem;color:rgba(255,255,255,.6);transition:all .3s}


@media (max-width: 1400px) {
	#sub_bnr_wrap{width:100%;height:30rem}
}
@media (max-width: 1280px) {
#sub_bnr_wrap{padding-top:8rem}
}
@media (max-width: 1024px) {
	#sub_bnr_wrap .sub_tit_box .sub_tit{font-size:3.8rem;}
}
@media (max-width: 767px) {
	#sub_bnr_wrap{padding-top:7rem}
	#sub_bnr_wrap{height:22rem}
	#sub_bnr_wrap .sub_tit_box .sub_tit{font-size:3.5rem;}
}
@media (max-width: 480px) {
	#sub_bnr_wrap .sub_tit_box .sub_tit{font-size:3.3rem;}
}
@media (max-width: 320px) {
	#sub_bnr_wrap .sub_tit_box .sub_tit{font-size:3.1rem;}
}