@charset "utf-8";

#sub_bnr_wrap{width:100%;height:36rem;margin-top:10rem;overflow:hidden;position:relative}
#sub_bnr_wrap .sub_tit_box{width:100%;padding:0 2rem;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}
#sub_bnr_wrap .sub_tit_box .s_tit{font-size:1.8rem;font-weight:700;color:#fff;text-shadow: 0 0 1rem rgba(0, 0, 0, .2);font-family: "Noto Serif KR", serif;}
#sub_bnr_wrap .sub_tit_box .tit{font-size:5rem;font-weight:700;line-height:130%;color:#fff;text-shadow: 0 0 1rem rgba(0, 0, 0, .2);font-family: "Playfair Display", serif;}
#sub_bnr_wrap .sub_tit_box .tit span{color:var(--pt-color)}
#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: 1800px) {
#sub_bnr_wrap .sub_bnr{background-position-x:68% !important}
}

@media(max-width: 1280px) {
#sub_bnr_wrap{height:32rem;margin-top:8rem}
#sub_bnr_wrap .sub_tit_box .tit{font-size:4.7rem}
#sub_bnr_wrap .sub_tit_box .tit span{color:#fff}
#sub_bnr_wrap .sub_bnr::before{background:rgba(0,0,0,.4)}
}
@media(max-width: 1024px) {
#sub_bnr_wrap{height:28rem}    
#sub_bnr_wrap .sub_tit_box .tit{font-size:4.4rem}
}
@media(max-width: 767px) {
#sub_bnr_wrap{height:24rem;margin-top:7rem}
#sub_bnr_wrap .sub_tit_box .tit{font-size:4.1rem}
}
@media(max-width: 480px) {
#sub_bnr_wrap{height:20rem}
#sub_bnr_wrap .sub_tit_box .tit{font-size:3.8rem}
}
@media(max-width: 320px) {
#sub_bnr_wrap{margin-top:6rem}
#sub_bnr_wrap .sub_tit_box .tit{font-size:3.6rem}
}