@charset "utf-8";
:root{
    --main_color:#fbc0d7;
}


a.prd_page_nav_num.active {
    border-color: var(--main_color);
    background-color: var(--main_color);
    color: #fff;
    border-radius: 999px;
}

a.prd_page_nav_num {
    border-radius: 999px;
}


.sub_sty_change a.on img {
    filter: invert(78%) sepia(18%) saturate(917%) hue-rotate(291deg) brightness(103%) contrast(97%);
}



.sub_sty_change a.on {
    border-color: var(--main_color);
}

.recruitment_table01 .box .noti_icon {
    border: 1px solid var(--main_color);
    color: var(--main_color);
}

.programCon_custom01 {
    padding: 140px 0;
}

.programPage a.active {
    color: #ffffff;
    border: 1px solid var(--main_color);
    border-radius: 999px;
    background: var(--main_color);
}

.programPage a{
    color: var(--main_color);
    border: 1px solid #ffae4d;
    border-radius: 999px;
}

a.login_chk_btn01, .login_chk_btn01 {
    border-radius: 999px;
    background-color: #FBC0D7;
}


.btn_flex_box02 a, .mok_rok_btn.btn_flex_box02 a {
    margin-left: unset;
    margin-top: unset;
    border-radius: 99px;
    color: #fff;
    background-color: #FBC0D7;
    border: 1px solid #FBC0D7;
}

.prd_tab_slide_box01 .item.active {
    color: var(--main_color);
    border-color: var(--main_color);
}

.prd_tab_slide_box01 .item.active h3 {
    color: var(--main_color) !important;
}

.faq_wrapper01 .faq_table>tbody>tr>th .label01 {
    color: var(--main_color);
}

.left_alt_box .list_num .thumb img{
    width: 200px; height: 250px;
}




.program-card {
    flex: 1 1 calc(25% - 36px);
    max-width: calc(25% - 16px);
}


.center-story__inner{padding-top: clamp(60px, 10vw, 144px); padding-bottom: clamp(20px, 5vw, 54px);}

.a.login_chk_btn01.type02, .login_chk_btn01.type02 {
    background-color: #fff;
    color: #fbc0d7 !important;
    border-color: #fbc0d7 !important;
}


.textleft {text-align: left !important; display: none;}

@media(max-width:1000px){
    .programCon_custom01 {
        padding: 80px 0;
    }
}

@media(max-width:600px){
    .textleft{display: block;}
    .recruitment_table01>.box>.date_box{display: none;}
    .programCon_custom01 {
        padding: 60px 0;
    }
}