@charset "utf-8";

/* =========================== SUB */
#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{position:relative;overflow:hidden;width:100%;height:100%;}
/*#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:before{position:absolute;z-index:1;top:50%;left:0;transform:translateY(calc(-50% + 10px));width:100%;height:100%;font-weight:700;font-size:28vw;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 .sub_bnr .r_bg{position:absolute;z-index:0;right:0;top:0;width:40%;height:100%;}
#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] */

/* =========================== SNB */
#sh_snb{overflow:hidden;display:table;margin:0 auto}
#sh_snb li{float:left}
#sh_snb li a{display:block;position:relative;height:60px;font-size:14.5px;padding:0 35px;color:rgba(255,255,255,.7);line-height:60px;letter-spacing:-.2px;-webkit-transition:all .3s;transition:all .3s}
#sh_snb li.snb_on a{color:#fff}

/* 반응형 [s] */
@media (max-width:1024px){
#sh_aside{display:none}
}
/* 반응형 [e] */

/* =========================== PAGE */
#greeting{font-size:15px;font-weight:400;line-height:1.8;letter-spacing:-.2px;color:#777;font-family:'Noto Sans KR'}
#greeting .tit_area{padding:0 0 40px 5%;font-size:38px;font-weight:100;line-height:1.35;letter-spacing:-.5px;color:#222}
#greeting .tit_area_s{font-size:30px;}
#greeting .tit_area p{font-weight:600}
#greeting .img{height:420px;background:url(../img/sub/greeting_img.jpg) center no-repeat;background-size:cover}
#greeting .cont{padding:40px 0 0 25%}
/*#greeting .cont{padding:40px 0 0 0; text-align:center;}*/
#greeting .cont .pl{white-space:pre-line}
#greeting .cont .sign{margin-top:30px;font-weight:500;color:#222}
#greeting .cont .sign span{margin-left:20px;font-size:17px}

@media(max-width:1024px){
#greeting{padding:20px;font-size:14px;line-height:1.6}
#greeting .tit_area{padding:0;font-size:28px;line-height:1.4;color:#222;word-break:keep-all}
#greeting .tit_area_s{font-size:22px;}
#greeting .img{height:200px;margin:15px 0}
#greeting .cont{padding:0}
#greeting .cont .sign{margin-top:20px}
#greeting .cont .sign span{margin-left:0;font-size:15px}
}
@media(max-width:768px){
#greeting .cont .pl{white-space:normal}
}
@media(max-width:480px){
#greeting{padding:15px 12px}	
#greeting .tit_area{font-size:22px}
#greeting .tit_area_s{font-size:16px;}
#greeting .img{background:url(../img/sub/sub_about.png) center no-repeat;    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}


/* =========================== PAGE */
#board1020{position:relative;max-width:1200px;margin:30px auto;font-size:15px;line-height:1.8;color:#777;font-family:'pretendard'}
#board1020 *{word-break:keep-all}

.sh_tbl_common{width:100%;border-top:1px solid #555}
.sh_tbl_common table{width:100%}
.sh_tbl_common th{border-bottom:1px solid #e1e1e1;font-size:15px;font-weight:600;color:#222} 
.sh_tbl_common td{border-bottom:1px solid #e1e1e1;font-size:14px;color:#777}

#sh_bo_w{font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#666}
.required, textarea.required {background-image:url('../img/sub/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 라이트 */
#sh_write_tbl label{font-size:15px;font-weight:600}
#sh_write_tbl th{width:16%;padding:10px 0;line-height:1.6;;vertical-align:middle;background-color:#f5f6f8}
#sh_write_tbl td{padding:10px}
#sh_write_tbl .cate_wrap{display:inline-block;min-width:181px;padding-left:10px;border-radius:2px;border:1px solid #e1e1e1}
#sh_write_tbl .sh_select{min-width:160px;height:40px;border:none;font-size:15px;color:#777;background-color:transparent}
#sh_write_tbl .sh_select:focus, #sh_write_tbl .sh_select:active{border:none!important}
#sh_write_tbl .sh_input{height:40px;padding:0 20px 0 12px;border:1px solid #e1e1e1;border-radius:2px;font-size:15px;color:#777}
#sh_write_tbl .sh_input:focus, #sh_write_tbl .sh_input:active{border:1px solid #e1e1e1!important;outline:none}
#sh_write_tbl .frm_address{margin-top:5px}
#sh_write_tbl .zip_btn{width:125px;height:40px;margin-left:2px;border:none;border-radius:2px;font-size:14px;font-weight:600;color:#fff;background-color:#555}
#sh_write_tbl .read{background-color:#f5f6f8}
#sh_write_tbl textarea, #sh_write_tbl .txtarea{width:100%;height:100px;padding:12px;border:1px solid #e1e1e1;border-radius:2px;box-shadow:none}
#sh_write_tbl textarea:focus, #sh_write_tbl textarea:active{border:1px solid #e1e1e1!important}
#sh_write_tbl .frm_file{height:auto;padding:0;font-size:14px}
#sh_write_tbl .ps{font-size:14px;color:#ff567f}
#sh_write_tbl span.ps{padding-left:10px}
#sh_write_tbl .privacy{font-size:13px;background-color:#f5f6f8}
#sh_write_tbl .agr_area{text-align:right}
#sh_write_tbl .agr_area p{display:inline-block;vertical-align:middle}
#sh_write_tbl .agr_area input{margin-left:10px}
#sh_write_tbl .agr_area label{vertical-align:middle;font-size:14px}
.full_input{width:100%}
#sh_write_tbl .sh_date{cursor:pointer}

/* 라이트 버튼 */
#sh_bo_w .btn_area{position:relative;margin:20px 0;text-align:center}

/* 버튼 공통 */
.btn_type01{display:inline-block;width:180px;height:55px;margin:0 auto;border-radius:2px;border:none;font-size:15px;color:#fff;text-align:center;line-height:55px;background-color:#0054a6;-webkit-transition:all .2s;transition:all .2s;font-weight:500}
.btn_type01:hover{background-color:#0064c5}
a.cancel_btn{display:inline-block;vertical-align:top;width:75px;height:55px;border:none;border-radius:2px;font-size:15px;text-align:center;color:#fff;line-height:55px;background-color:#bbb;font-weight:500}
a.btn_normal{display:inline-block;vertical-align:top;width:75px;height:55px;border:none;border-radius:2px;font-size:15px;text-align:center;color:#fff;line-height:55px;background-color:#bbb;font-weight:500}
a.btn_line{display:inline-block;vertical-align:top;width:75px;height:55px;border:none;border-radius:2px;border:1px solid #d1d1d1;font-size:15px;text-align:center;color:#777;line-height:53px;font-weight:500}

@media(max-width:1024px){
#board1013{margin:0 auto;padding:30px 15px}
}

@media(max-width:768px){
.sh_tbl_common th{font-size:14px}
#sh_write_tbl label{font-size:14px}
#sh_write_tbl .sh_input{font-size:14px}
}
@media(max-width:580px){
#board1020{padding:0}
#sh_write_tbl th{font-size:14px}
.sh_tbl_common th{font-size:13px}
#sh_write_tbl label{font-size:13px}
#sh_write_tbl .sh_input{width:100%}
#sh_write_tbl #sh_zip{width:calc(100% - 135px)}
#sh_write_tbl .zip_btn{font-size:13px}
#sh_write_tbl .agr_area p{display:block}
.btn_type01{width:130px;height:45px;line-height:45px;font-size:14px}
a.cancel_btn{width:65px;height:45px;line-height:45px;font-size:14px}
}