@charset "utf-8";

#sub_bnr_wrap{position:relative;width:100%;height:400px;background:#333}
#sub_bnr_wrap .sub_bnr{position:relative;overflow:hidden;width:100%;height:100%;background:#b1acb6}
#sub_bnr_wrap .sub_bnr:before{position:absolute;z-index:1;top:50%;left:0;transform:translateY(calc(-50% + 10px));content:'BALLET';width:100%;height:100%;font-weight:700;font-size:28vw;letter-spacing:-35px;font-style:italic;color:#fff;opacity:0.05;font-family:'Josefin Sans', sans-serif}
#sub_bnr_wrap .sub_bnr .sub_tit_box{position:absolute;z-index:100;top:50%;left:calc(50% - 600px);transform:translateY(-50%);width:600px;color:#fff;font-family:'Josefin Sans', sans-serif}
#sub_bnr_wrap .sub_bnr .sub_tit{margin-bottom:10px;font-weight:700;font-size:75px}
#sub_bnr_wrap .sub_bnr .sub_txt{font-weight:600;font-size:19px;color:rgba(255,255,255,.8)}
#sub_bnr_wrap .sub_bnr .sub_img{position:absolute;z-index:100;bottom:0;right:30%;height:100%;animation-delay:.3s}
#sub_bnr_wrap .sub_bnr .sub_img img{height:100%}
#sub_bnr_wrap .sub_bnr .sub_img40{right:10%}
#sub_bnr_wrap .sub_bnr .r_bg{position:absolute;z-index:0;right:0;top:0;width:40%;height:100%;background:#a593b4}
#sub_bnr_wrap .txt_area{display:none}

/* 반응형 [s] */
@media (max-width:1400px){
#sub_bnr_wrap{height:360px}
#sub_bnr_wrap .sub_bnr:before{font-size:29vw;transform:translateY(calc(-50% + 30px))}
#sub_bnr_wrap .sub_bnr .sub_tit_box{left:40px}
#sub_bnr_wrap .sub_bnr .sub_tit{margin-bottom:5px;font-size:60px}
#sub_bnr_wrap .sub_bnr .sub_txt{font-size:17px}
}
@media (max-width:1024px){
#sub_bnr_wrap{height:320px}
#sub_bnr_wrap .sub_bnr:before{letter-spacing:-20px;font-size:27vw;transform:translateY(calc(-50% + 60px))}
#sub_bnr_wrap .sub_bnr .sub_tit{font-size:46px}
}
@media (max-width:768px){
#sub_bnr_wrap{height:260px}
#sub_bnr_wrap .sub_bnr .r_bg{display:none}
#sub_bnr_wrap .sub_bnr::after{z-index:101;position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
#sub_bnr_wrap .sub_bnr .sub_tit_box{z-index:102;left:50%;transform:translate(-50%, -50%);text-align:center}
#sub_bnr_wrap .sub_bnr .sub_tit{font-size:38px}
#sub_bnr_wrap .sub_bnr .sub_txt{font-size:15px}
}
@media (max-width:480px){
#sub_bnr_wrap{height:55px;background-color:#fff}
#sub_bnr_wrap .sub_bnr{display:none}
#sub_bnr_wrap .txt_area{display:flex;align-items:center;justify-content:center;height:100%;border-bottom:1px solid #e1e1e1}
#sub_bnr_wrap .txt_area p{margin-bottom:0;font-size:16px;font-weight:700;color:#000}
}
/* 반응형 [e] */