@charset "utf-8";
/*영문페이지 css*/

/* 공통 */
*{word-wrap: break-word; word-break: break-all !important;}
table {word-wrap: break-word;}
select:not(.sel_year, .sel_month), input {font-size: 14px !important;}

/*gnb*/
header.top {
    .header_inner {gap: 52px;}
    .hg_main {padding: 0 6px 0 0;
        &>li {padding: 0 12px;}
        &>li>a {width: 100%; white-space: normal;}
        &>li>a, &>li>a>strong {font-size: 1rem;}
    }
    .hg_main2 {padding: 0 0 0 2px;
    }
    .hg_sub {padding: 24px 8px;
        &>li>a, &>li>a>strong {font-size: 0.8rem;}
        &>li>a {white-space: normal !important;}
        .dep3 a {white-space: normal !important; font-size: 0.8rem;}
    }
}

/*gnd 달력*/
.shedule_wrap .container_inner {
    .ui-datepicker-title {font-size: 1.4rem;}
    .labelinfo {flex-wrap: wrap; padding: 0.5rem 1rem 1rem 1rem;}
}
/*메인*/
.mainvisual .btn-box {max-width: 372px !important;}
.sponsor_w .cs_box {font-size: 1rem !important; gap: 12px !important;}
.sponsor_w .swiper_tool {left: 260px !important;}
.org_w .s-list .txt .off h3 {letter-spacing: -0.5px !important;}
@media only screen and (max-width: 1023px) {
    .org_w {
        .s-list.open > a {padding: 0 20px 40px;}
        .button-text-type01 {font-size: 11px;}
    }
}


/*버튼*/
button.btn_dn {padding: 0 16px;}
button, a {font-size: 1rem;}
[class^="badge-"] {font-size: 13px; height: auto !important; padding: 4px 10px;}
.thum_w .btn_box {
    button, a {font-size: 14px;}
}
.favorite_box {
    button {font-size: 14px !important;}
}

/*교육*/
.eduview_wrap {
    .table_box tbody th {padding: 0 12px;}
}

/*표*/
.rowtable {
    tbody td[data-th="등록일"] {font-size: 14px !important;}
}

/*스케쥴*/
.schedule {
    ul a li:last-child {border-bottom: 1px solid var(--gray-300-color) !important;}
    ul a:last-child li {border-bottom: 0;}
    ul li span {font-size: 1rem !important;}

}

#content.concert #listPerf.concert_w {
    #conList.thum_w .list-img .list-con.clone .btn_box button {font-size: 0.875rem;}
}

/*미디어*/
.news .int_wrap .concept p {margin-bottom: 60px;}
.news .int_wrap .concept ul.info{ overflow:hidden; margin-top:30px; background:rgba(27,39,58,0.05); color:rgba(27,39,58,0.82); padding: 30px; border: 1px solid rgb(217 217 217);}
.news .int_wrap .concept ul.info li:before{}
.news .int_wrap .concept ul.info li a img{ height:20px; vertical-align:top; margin:0 5px 0 0}
.news .int_wrap .concept ul.info li{ line-height:20px; display:inline-block}
.news .int_wrap .concept ul.info li + li{ margin-top:0; margin-left:20px}

.eduview_wrap {
    .man_box .mans.on .txt h4 span.duty {display: block; margin-top: 0;}
    .txt .more {font-size: 1rem; font-weight: 500;}
}
.profile.p-detail {
    .viewheader .h1-title.name + .h4-title.num span {display: block}
    .h1-title span[lang="en"] {font-size: 2.5rem !important;}
    .inner {font-size: 1.125rem !important; color: var(--gray-900-color) !important; font-family: unset !important; text-align: left;}
    .inner div.cardlist.man_list .txt {font-size: 12px !important;}
}
.profile_d, .profile.p-detail {
    .profile-left .title .role, .viewheader .h3-title span.cate {font-size: 1.125rem !important;}
    .profile-left .title .ko, .viewheader .h1-title.name {font-size: 2.5rem !important;}
}
@media only screen and (max-width: 1023px) {
    .profile_d, .profile.p-detail {
        .profile-left .title .role, .viewheader .h3-title span.cate {font-size: 1rem !important;}
        .profile-left .title .ko, .viewheader .h1-title.name {font-size: 1.875rem !important;}
    }
}

/*로그인*/
#content.join {
    .btn_box {gap: 8px;}
}
.login_wrap {
    .etc a dl dd strong {font-size: 1rem;}
}

@media only screen and (max-width: 1023px) {
    #content.join {
        td span {font-size: 14px;}
    }
}
@media only screen and (max-width: 767px) {
    #content.join {
        .birth {flex-direction: column;}
        .birth label {width: 100%;}
        .birth label select {width: 76% !important;}
        .join_wrap .input_sec label + label {margin-left: 0 !important;}
    }
}
.find_wrap {
    .email, .find_step02 p {padding-bottom: 40px;}
    .find_step02 .birth select {width: calc(27% - 2px); margin-right: 4px;}
    .find_step02 .birth > span {padding-right: 16px;}
    .btn_box button {display: inline-block; min-width: 200px; line-height: 50px; height: 50px; overflow: hidden; background: var(--gray-900-color); color: var(--white-color); font-size: 1.125rem; font-weight: 700; margin: 0 5px; border: none; vertical-align: middle; padding: 0 20px;}

}
.my_wrap {
    .table_box {max-width: 960px; margin: 0 auto; padding-bottom: 40px;}
    .sp_grade + .table_box {max-width: unset;}

}

/*사이트맵*/
#SiteMap .popup .con {height: auto;}

@media only screen and (max-width: 1400px) {
    .sponsor_w {gap: 60px !important;}
    .sponsor_w .cs_box {font-size: 0.85rem !important; gap: 8px !important; margin-right: 96px !important;}
    .sponsor_w .swiper_tool {left: 0px !important; top: 64px !important;}
    .sponsor_w .cs_box button, .sponsor_w .main_more {font-size: 0.9rem !important;}
    .sponsor_w .main_more {top: 0 !important;}
}

@media only screen and (max-width: 1023px) {
    .sponsor_w {gap: 14px !important;}
    .sponsor_w .cs_box {align-items: flex-end !important;}
    .favorite_box {flex-direction: column !important;}
    .favorite_box button {font-size: 0.875rem !important; width: 100% !important; padding: 12px !important;}
    .eduview_wrap {
        .contact { dl dt{width: 200px !important;min-width: 90px} }
    }
    .find_wrap {
        .find_step02 .birth select {width: calc(24% - 2px);}
    }
    /*오케스트라*/
    .profile.p-detail {
        .viewheader .h3-title, .detail_profile.se2_outputarea .h3-title {font-size: 1rem !important;}
        .h1-title span[lang="en"] {font-size: 2rem !important;}
    }
    /*새소식*/
    .view_box {
        .file_apply {
            dt {font-size: 16px !important;}
        }
    }
    /*재단소개*/
    .orgz_wrap .block.orgzt {margin-bottom: 20px;}
}


@media only screen and (max-width: 767px) {
    html {font-size: 14px;}
    .sponsor_w .hgroup {display: block !important;}
    .sponsor_w .cs_box {margin-right: 0 !important; align-items: flex-start !important; margin-top: 8px !important;}
    .eduview_wrap {
        .contact {dl {font-size: 0.9rem;}}
    }
    .h_gnb.on {
        .h_utility .my_layer li > a {font-size: 0.875rem;}
    }

    /*교육*/
    .edu.master {
        .eduview_wrap .table_box:has(button[onclick="downloadApplication()"]) table {min-width: 600px;}
    }
}