@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700&subset=korean");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Noto Sans KR", sans-serif;
}

dl,
ol,
ul {
    list-style: none;
}

a {
    text-decoration: none;
}

input:focus {
    outline: none;
}

.hand {
    cursor: pointer;
}

.radio {
    display: none;
}

    .radio + label {
        display: inline-block;
        cursor: pointer;
        line-height: 40px;
        padding-left: 30px;
        background: url("../images/radio.png") left center;
        background-repeat: no-repeat;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
    }

    .radio:checked + label {
        background: url("../images/radio_checked.png") left center;
        background-repeat: no-repeat;
    }

.radio1 {
    display: none;
}

    .radio1 + label {
        display: inline-block;
        cursor: pointer;
        line-height: 40px;
        padding-left: 30px;
        background: url("../images/radio.png") left center;
        background-repeat: no-repeat;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
    }

    .radio1:checked + label {
        background: url("../images/radio_checked_typeA.png") left center;
        background-repeat: no-repeat;
    }

.checkbox {
    display: none;
}

    .checkbox + label {
        display: inline-block;
        cursor: pointer;
        line-height: 40px;
        /*padding-right: 56px;*/
        width: 22px;
        background: url("../images/checkbox.png") 50%;
        background-repeat: no-repeat;
    }

    .checkbox:checked + label {
        background: url("../images/checkbox_checked.png") calc(100% - 2px);
        background-repeat: no-repeat;
    }

.checkbox2 {
    display: none;
}

    .checkbox2 + label {
        display: inline-block;
        cursor: pointer;
        line-height: 40px;
        padding-left: 30px;
        background: url("../images/checkbox.png") left center;
        background-repeat: no-repeat;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
    }

    .checkbox2:checked + label {
        background: url("../images/checkbox_checked.png") left center;
        background-repeat: no-repeat;
    }

.checkbox3 {
    display: none;
}

    .checkbox3 + label {
        display: inline-block;
        cursor: pointer;
        line-height: 20px;
        padding-left: 20px;
        background: url("../images/checkbox.png") 0 50%;
        background-repeat: no-repeat;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
    }

    .checkbox3:checked + label {
        background: url("../images/checkbox_checked.png") left center;
        background-repeat: no-repeat;
    }

.checkbox3 {
    display: none;
}

.checkbox4 + label {
    display: inline-block;
    cursor: pointer;
    line-height: 30px;
    padding-left: 20px;
    background: url("../images/checkbox.png") left center;
    background-repeat: no-repeat;
    font-size: 13px;
    font-weight: 400;
    color: #333333;
}

.checkbox4:checked + label {
    background: url("../images/checkbox_checked.png") left center;
    background-repeat: no-repeat;
}

.checkbox4 {
    display: none;
}

.checkbox5 {
    display: none;
}

    .checkbox5 + label {
        display: inline-block;
        cursor: pointer;
        line-height: 40px;
        padding-left: 30px;
        background: url("../images/checkbox.png") left center;
        background-repeat: no-repeat;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
    }

    .checkbox5:checked + label {
        background: url("../images/checkbox_checked_typeA.png") left center;
        background-repeat: no-repeat;
    }

.checkbox6 {
    display: none;
}

    .checkbox6 + label {
        display: inline-block;
        cursor: pointer;
        line-height: 40px;
        padding-left: 30px;
        background: url("../images/checkbox.png") left center;
        background-repeat: no-repeat;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
    }

    .checkbox6:checked + label {
        background: url("../images/checkbox_checked_typeB.png") left center;
        background-repeat: no-repeat;
    }

input[type="file"] {
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    color: #777777;
}

    input[type="file"]::file-selector-button {
        width: 100px;
        height: 30px;
        margin-right: 20px;
        background: #202960;
        border: 1px solid #202960;
        font-size: 12px;
        font-weight: 400;
        color: #ffffff;
        border-radius: 5px;
        cursor: pointer;
        &:hover

{
    background: #202960;
    color: #ffffff;
}

}

.file_wrap {
    width: 100%;
    max-width: 555px;
    padding: 5px;
    border: 1px solid #dddddd;
    border-radius: 5px;
}

input[type="file"]::file-selector-button {
    width: 100px;
    height: 30px;
    background: #202960;
    border: 1px solid #202960;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    &:hover

{
    background: #202960;
    color: #ffffff;
}

}

.selectbox {
    width: 100%;
    height: 36px;
    line-height: 100%;
    padding-left: 20px;
    padding-right: 40px;
    background-color: #ffffff;
    background-image: url("../images/select.png");
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    border: 1px solid #dddddd;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    cursor: pointer;
}

.selectbox_page,
.selectbox2_page {
    width: 100%;
    height: 36px;
    line-height: 100%;
    padding-left: 20px;
    padding-right: 40px;
    background-color: #ffffff;
    /*    background-image: url("../images/select.png");
*/ background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    border: 1px solid #dddddd;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    cursor: pointer;
}

.selectbox2 {
    width: 200px;
    height: 40px;
    line-height: 100%;
    padding-left: 20px;
    padding-right: 40px;
    background-color: #ffffff;
    background-image: url("../images/select.png");
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    border: 1px solid #dddddd;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    cursor: pointer;
}

.selectbox3 {
    width: 100%;
    height: 40px;
    line-height: 100%;
    padding-left: 20px;
    padding-right: 50px;
    background-color: #ffffff;
    background-image: url("../images/select.png");
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    border: 1px solid #dddddd;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    cursor: pointer;
}

    .selectbox3:focus,
    .selectbox2:focus,
    .selectbox:focus {
        outline: none;
    }

    .selectbox3::-ms-expand,
    .selectbox2::-ms-expand,
    .selectbox::-ms-expand {
        display: none;
    }

.selectbox3,
.selectbox2,
.selectbox {
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.text_button {
    line-height: 34px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #ffffff;
    background-position: 20px center;
    background-repeat: no-repeat;
    border: 1px solid #dddddd;
    border-radius: 3px;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.3px;
    color: #333333;
    cursor: pointer;
}

.textbg_button {
    line-height: 34px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #202960;
    background-position: 20px center;
    background-repeat: no-repeat;
    border-radius: 3px;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.3px;
    color: #ffffff;
    cursor: pointer;
}

.text_button_navy {
    line-height: 34px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #202960;
    background-position: 20px center;
    background-repeat: no-repeat;
    border: 1px solid #202960;
    border-radius: 3px;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.3px;
    color: #ffffff !important;
    cursor: pointer;
}

.icon_button {
    min-width: 95px;
    line-height: 34px;
    padding-left: 45px;
    padding-right: 24px;
    background-color: #ffffff;
    background-position: 20px center;
    background-repeat: no-repeat;
    border: 1px solid #dddddd;
    border-radius: 3px;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.3px;
    color: #333333;
    cursor: pointer;
}
/* 메뉴 공통 시작 */
.wrap {
    margin: 0 auto 0px;
}

.wrap_box {
    width: 100%;
    height: 100vh;
    display: flex;
    place-items: center;
    justify-content: center;
}

.wrap_box2 {
    width: 100%;
    display: flex;
    place-items: center;
    justify-content: center;
}

.blue_bg {
    background-color: #202960;
    min-height: 100vh;
}

.message_layer {
    width: 400px;
    background-color: #ffffff;
    border-radius: 10px;
}

    .message_layer .content_box {
        padding: 50px 50px 40px 50px;
        text-align: center;
        font-size: 15px;
        font-weight: 400;
        color: #333333;
    }

    .message_layer .confirm_box {
        line-height: 50px;
        background: #202960;
        border-radius: 0px 0px 10px 10px;
        text-align: center;
        font-size: 13px;
        color: #ffffff;
    }

    .message_layer .button_wrap {
        display: flex;
        place-items: center;
        justify-content: space-between;
        border-top: 1px solid #dddddd;
    }

        .message_layer .button_wrap .white_button_wrap {
            width: 50%;
        }

        .message_layer .button_wrap .white_button {
            width: 100%;
            height: 50px;
            line-height: 50px;
            background-color: #ffffff;
            border: 0px solid transparent;
            border-radius: 0px 0px 0px 10px;
            font-size: 13px;
            font-weight: 400;
            color: #333333;
            text-align: center;
            cursor: pointer;
        }

        .message_layer .button_wrap .blue_button {
            width: 50%;
            height: 50px;
            line-height: 50px;
            background-color: #202960;
            border: 0px solid transparent;
            border-radius: 0px 0px 10px 0px;
            font-size: 13px;
            font-weight: 400;
            color: #ffffff;
            text-align: center;
            cursor: pointer;
        }

.hide {
    display: none;
}

.mt20 {
    margin-top: 20px;
}

.modal_a {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;
    overflow: hidden;
    margin: 0;
    padding: 0;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 6px;
    border: 1px solid #e2e2e2;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.2);
    box-sizing: border-box;
}

#modal_close {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../img/popup/ico_modal_x.png") no-repeat;
    position: absolute;
    top: 50px;
    right: 50px;
    cursor: pointer;
}

.modal_a .modal_button_list_wrap {
    display: flex;
    place-items: center;
    justify-content: space-between;
    border-top: 2px solid #202960;
}

    .modal_a .modal_button_list_wrap .modal_button_wrap {
        display: flex;
        place-items: center;
        justify-content: right;
        padding-top: 10px;
    }

.modal_a .modal_button_wrap .list_button {
    background-image: url(../images/list.png);
}

.modal_a .modal_button_wrap .delete {
    background-image: url(../images/delete.png);
}

.modal_a .modal_button_wrap .write {
    background-image: url(../images/write.png);
}

.dim {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
/* 메뉴 공통 끝 */

/* 로그인 시작 */
.login_title {
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
    color: #888888;
    letter-spacing: -1px;
    text-align: right;
}

.login_box {
    width: 800px;
    /*height: 604px;*/
    padding: 53px 170px 80px 170px;
    background: #ffffff;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 10px;
}

    .join_box .logo,
    .login_box .logo {
        height: 100px;
        background: url(../images/logo.png);
        background-position: center center;
        background-repeat: no-repeat;
    }

    .login_box .login_form {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .login_box .input_box {
        width: 100%;
        height: 55px;
        margin-top: 10px;
        border-top: 0px solid #e5e5e5;
        border-left: 0px solid #e5e5e5;
        border-right: 0px solid #e5e5e5;
        border-bottom: 2px solid #e5e5e5;
    }

    .login_box .academy_box {
        display: flex;
        place-items: center;
    }

    .login_box .pw_box {
        display: flex;
        place-items: center;
        justify-content: space-between;
    }

    .login_box .select {
        width: 407px;
        height: 100%;
        line-height: 100%;
        padding-left: 5px;
        border: 0px solid;
        font-size: 15px;
        font-weight: 400;
        color: #777777;
        cursor: pointer;
    }

        .login_box .select:focus {
            outline: none;
        }

    .login_box select::-ms-expand {
        display: none;
    }

    .login_box .select {
        -o-appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .login_box .select {
        background: url("../images/select.png") calc(100% - 5px) center no-repeat;
    }

    .login_box .input {
        width: 100%;
        height: 100%;
        line-height: 100%;
        padding-left: 45px;
        border: 0px solid;
        font-size: 15px;
        font-weight: 400;
        color: #333333;
    }

        .login_box .input:focus {
            outline: none;
        }

        .login_box .input::placeholder {
            color: #777777;
        }

    .login_box .bg_box {
        width: 40px;
        height: 55px;
    }

    .login_box .bg_academy {
        background: url(../images/bg_academy.png);
        background-position: 20px center;
        background-repeat: no-repeat;
    }

    .login_box .bg_id {
        background: url(../images/bg_id.png);
        background-position: 20px center;
        background-repeat: no-repeat;
    }

    .login_box .bg_pw {
        background: url(../images/bg_pw.png);
        background-position: 20px center;
        background-repeat: no-repeat;
    }

    .login_box .pw {
        width: 350px;
    }

    .login_box .on {
        width: 55px;
        height: 55px;
        background: url(../images/pw_on.png);
        background-position: 17px 17px;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .login_box .off {
        width: 55px;
        height: 55px;
        background: url(../images/pw_off.png);
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

.error_box {
    min-height: 24px;
    /* line-height: 24px; */
    margin-bottom: 20px;
    display: flex;
    place-items: center;
    justify-content: center;
}

.error {
    width: 250px;
    /* height: 24px; */
    line-height: 24px;
    background-color: rgba(254, 74, 74, 0.1);
    font-size: 12px;
    font-weight: 300;
    color: #fe4a4a;
    text-align: center;
    display: none;
}

.login_box .button_wrap {
    display: flex;
    place-items: center;
    justify-content: space-between;
    border-top: none;
    padding-top: 0px;
}

    .login_box .button_wrap a,
    .login_box .button_wrap div {
        display: inline-block;
        width: 225px;
        height: 55px;
        line-height: 53px;
        border-radius: 6px;
    }

    .login_box .button_wrap .white {
        border: 1px solid #dddddd;
        font-size: 15px;
        font-weight: 400;
        color: #333333;
        text-align: center;
        cursor: pointer;
    }

    .login_box .button_wrap .blue {
        background: #202960;
        font-size: 15px;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
    }
/*
.login_box .button {
  display: inline-block;
  height: 55px;
  line-height: 55px;
  background-color: #202960;
  border: 0px solid transparent;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
*/
.certify_message_layer {
    width: 500px;
    /* height: 384px; */
    background: #ffffff;
    border-radius: 10px;
}

    .certify_message_layer .content_box {
        padding: 50px 50px 0px 50px;
    }

    .certify_message_layer .title {
        line-height: 29px;
        padding-bottom: 40px;
        font-size: 20px;
        font-weight: 600;
        color: #333333;
    }

    .certify_message_layer .error_box {
        min-height: 85px;
        /* line-height: 24px; */
        /* margin-bottom: 20px; */
        /* display: flex;
  place-items: top;
  justify-content: center; */
    }

    .certify_message_layer .box {
        display: flex;
        place-items: center;
        justify-content: space-between;
    }

    .certify_message_layer .timer {
        display: none;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 400;
        color: #fe4a4a;
        text-align: right;
    }

    .certify_message_layer .button {
        width: 120px;
        height: 30px;
        line-height: 30px;
        background: #ffee06;
        border-radius: 5px;
        font-size: 12px;
        font-weight: 400;
        color: #202960;
        text-align: center;
        cursor: pointer;
    }

    .certify_message_layer .input_box {
        width: 100%;
        height: 50px;
        margin-top: 10px;
        border-top: 0px solid #e5e5e5;
        border-left: 0px solid #e5e5e5;
        border-right: 0px solid #e5e5e5;
        border-bottom: 2px solid #e5e5e5;
    }

    .certify_message_layer .input {
        width: 100%;
        height: 100%;
        line-height: 100%;
        border: 0px solid;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
    }

        .certify_message_layer .input:focus {
            outline: none;
        }

        .certify_message_layer .input:disabled {
            background: #ffffff;
            color: #777777;
        }

        .certify_message_layer .input::placeholder {
            color: #777777;
        }

.copyrights {
    padding-top: 30px;
    font-size: 12px;
    font-weight: 300;
    color: #888888;
    letter-spacing: 0.6px;
    text-align: center;
}

.button_wrap {
    display: flex;
    place-items: center;
    justify-content: space-between;
    border-top: 1px solid #dddddd;
}

    .button_wrap .white_button {
        width: 50%;
        height: 50px;
        line-height: 50px;
        background-color: #ffffff;
        border: 0px solid transparent;
        border-radius: 0px 0px 0px 10px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        text-align: center;
        cursor: pointer;
    }

    .button_wrap .blue_button {
        width: 50%;
        height: 50px;
        line-height: 50px;
        background-color: #202960;
        border: 0px solid transparent;
        border-radius: 0px 0px 10px 0px;
        font-size: 13px;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
    }
/* 로그인 끝 */

.content_wrap {
    display: flex;
    place-items: flex-start;
    justify-content: space-between;
    background-color: #202960;
}

.left_menu {
    width: 230px;
    min-height: 100vh;
    background-color: #202960;
    transition-duration: 0.1s;
}

    .left_menu .logo {
        height: 184px;
        background: url(../images/logo.png);
        background-position: center center;
        background-repeat: no-repeat;
    }

    .left_menu .menu {
        padding-left: 53px;
        background-image: url(../images/menu_off.png);
        background-position: 40px center;
        background-repeat: no-repeat;
        line-height: 45px;
        font-size: 15px;
        font-weight: 500;
        color: #ffffff;
        letter-spacing: -0.38px;
        cursor: pointer;
    }

    .left_menu .menu_on {
        position: relative;
        z-index: 1;
        width: 250px;
        line-height: 45px;
        padding-left: 53px;
        background-image: url(../images/menu_on.png);
        background-position: -9px center;
        background-repeat: no-repeat;
        font-size: 15px;
        font-weight: 500;
        color: #202960;
        letter-spacing: 0px;
        cursor: pointer;
    }

    .left_menu .sub_menu {
        padding-left: 53px;
        padding-top: 10px;
        padding-bottom: 32px;
    }

        .left_menu .sub_menu div {
            padding-top: 10px;
            padding-bottom: 10px;
            line-height: 17px;
            font-size: 12px;
            font-weight: 400;
            color: #f7f7f7;
            cursor: pointer;
        }

            .left_menu .sub_menu div:hover,
            .left_menu .sub_menu .on {
                color: #ffef18;
            }

    .left_menu .inner_menu {
        display: none;
    }

    .left_menu .open {
        display: block;
    }

    .left_menu .inner_menu div {
        margin-top: 5px;
        padding-left: 20px;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        width: 124px;
        height: 27px;
        line-height: 27px;
    }

    /* div:not(:first-child) { */

    .left_menu .inner_menu a:first-child div {
        margin-top: 0px;
    }

    .left_menu .inner_menu div:hover,
    .left_menu .inner_menu .sub_on {
        background: #ffef18;
        border-radius: 3px;
        color: #202960;
    }

    .left_menu .off {
        display: none;
    }

.menu_content_wrap {
    width: 100%;
    /* min-width: 1030px; */
    min-height: 100vh;
    background-color: #f5f6fa;
}

    .menu_content_wrap .top_menu {
        position: relative;
        display: flex;
        place-items: center;
        justify-content: space-between;
        height: 80px;
        z-index: 1;
        padding-left: 40px;
        padding-right: 40px;
        background-color: #ffffff;
        box-shadow: 0px 0px 6px #00000029;
    }

        .menu_content_wrap .top_menu .menu {
            width: 40px;
            height: 40px;
            background-image: url(../images/menu.png);
            background-position: center center;
            background-repeat: no-repeat;
            cursor: pointer;
        }

        .menu_content_wrap .top_menu .my_wrap {
            display: flex;
            place-items: center;
            justify-content: right;
        }

            .menu_content_wrap .top_menu .my_wrap .icon {
                width: 40px;
                height: 40px;
                background-image: url(../images/my.png);
                background-position: center center;
                background-repeat: no-repeat;
            }

            .menu_content_wrap .top_menu .my_wrap .select {
                /* width: 407px; */
                height: 40px;
                line-height: 100%;
                padding-left: 20px;
                padding-right: 50px;
                border: 0px solid;
                background-color: #f5f6fa;
                background-image: url("../images/select.png");
                background-position: calc(100% - 15px) center;
                background-repeat: no-repeat;
                border-radius: 40px;
                font-size: 12px;
                font-weight: 400;
                color: #333333;
                cursor: pointer;
            }

                .menu_content_wrap .top_menu .my_wrap .select:focus {
                    outline: none;
                }

            .menu_content_wrap .top_menu .my_wrap select::-ms-expand {
                display: none;
            }

            .menu_content_wrap .top_menu .my_wrap .select {
                -o-appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
            }

    .menu_content_wrap .bg_box {
        /* min-width: 1340px; */
        min-width: 1030px;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
        background-color: #f5f6fa;
    }

    .menu_content_wrap .title_wrap {
        display: flex;
        place-items: flex-end;
        justify-content: space-between;
        padding-top: 60px;
        padding-bottom: 20px;
    }

        .menu_content_wrap .title_wrap .blank_wrap {
            width: 260px;
        }

        .menu_content_wrap .title_wrap .menu_title {
            font-size: 30px;
            font-weight: 600;
            color: #333333;
            letter-spacing: -0.75px;
            text-align: center;
        }

        .menu_content_wrap .title_wrap .menu_location .home {
            width: 15px;
            height: 15px;
            margin-right: 5px;
            background-image: url(../images/home.png);
            background-position: center center;
            background-repeat: no-repeat;
        }

        .menu_content_wrap .title_wrap .menu_location {
            display: flex;
            place-items: center;
            justify-content: right;
            width: 260px;
            height: 15px;
            font-size: 11px;
            font-weight: 400;
            letter-spacing: -0.28px;
            color: #333333;
        }

    .menu_content_wrap .content {
        padding: 40px;
        background-color: #ffffff;
        border-radius: 6px;
    }

    .menu_content_wrap .contentA {
        display: flex;
        place-items: start;
        justify-content: space-between;
    }

        .menu_content_wrap .contentA .content_left {
            display: flex;
            place-items: start;
            justify-content: flex-start;
            width: 300px;
            margin-right: 20px;
            vertical-align: top;
        }

        .menu_content_wrap .contentA .content_right {
            width: calc(100% - 300px);
            min-width: 1056px;
            box-sizing: border-box;
            vertical-align: top;
            padding-left: 20px;
            border-left: 1px solid #e5e5e5;
        }


    /* faq 게시판 시작 */
    .menu_content_wrap .content .board_faq_menu {
        display: flex;
        place-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
        padding: 20px 40px;
        background: #f5f6fa;
        border-radius: 10px;
    }

        .menu_content_wrap .content .board_faq_menu .group {
            display: flex;
            place-items: center;
            justify-content: flex-start;
        }

            .menu_content_wrap .content .board_faq_menu .group:first-child {
                width: calc(100% - 295px);
            }

        .menu_content_wrap .content .board_faq_menu .faq_title {
            width: 55px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: -0.33px;
            color: #333333;
        }

        .menu_content_wrap .content .board_faq_menu .w200 {
            width: 200px;
        }

        .menu_content_wrap .content .board_faq_menu .w800 {
            width: 100%;
            max-width: 800px;
        }
    /* faq 게시판 끝 */

    /* 선생님 소개 게시판 시작 */
    .menu_content_wrap .content .board_teacher_menu {
        display: flex;
        place-items: center;
        justify-content: flex-start;
        margin-bottom: 20px;
        padding: 20px 40px;
        background: #f5f6fa;
        border-radius: 10px;
    }

        .menu_content_wrap .content .board_teacher_menu .group {
            display: flex;
            place-items: center;
            justify-content: flex-start;
        }

        .menu_content_wrap .content .board_teacher_menu .teacher_title {
            width: 55px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: -0.33px;
            color: #333333;
        }

        .menu_content_wrap .content .board_teacher_menu .w200 {
            width: 250px;
            margin-right: 5px;
        }

        .menu_content_wrap .content .board_teacher_menu .w526 {
            width: 526px;
            margin-right: 5px;
        }

        .menu_content_wrap .content .board_teacher_menu .sort {
            background-image: url(../images/sort.png);
        }
    /* 선생님 소개 게시판 끝 */

    .menu_content_wrap .content .board_button_list_wrap {
        display: flex;
        place-items: center;
        justify-content: space-between;
    }

    .menu_content_wrap .content .board_menu_wrap {
        display: flex;
        place-items: center;
        justify-content: space-between;
    }

    .menu_content_wrap .content .board_file_wrap {
        display: flex;
        place-items: center;
        justify-content: flex-start;
    }

        .menu_content_wrap .content .board_file_wrap div {
            font-size: 13px;
            font-weight: 400;
            color: #777777;
            cursor: pointer;
            margin-right: 5px;
        }

            .menu_content_wrap .content .board_file_wrap div:last-child {
                margin-right: 0;
            }

        .menu_content_wrap .content .board_file_wrap .item_title:after {
            content: "";
            background-image: url("../images/line.png");
            background-size: 1px 10px;
            background-repeat: no-repeat;
            background-position: center center;
            width: 1px;
            height: 10px;
            padding-left: 10px;
            padding-right: 10px;
        }

    .menu_content_wrap .content .board_sort_wrap {
        display: flex;
        place-items: center;
        justify-content: flex-start;
    }

        .menu_content_wrap .content .board_sort_wrap div {
            font-size: 13px;
            font-weight: 400;
            color: #777777;
            cursor: pointer;
        }

            .menu_content_wrap .content .board_sort_wrap div:not(:last-child)::after {
                content: "";
                background-image: url("../images/line.png");
                background-size: 1px 10px;
                background-repeat: no-repeat;
                background-position: center center;
                width: 1px;
                height: 10px;
                padding-left: 10px;
                padding-right: 10px;
            }

        .menu_content_wrap .content .board_sort_wrap .on {
            color: #333333;
            font-weight:bold;
        }

    .menu_content_wrap .board_menu_wrap .info {
        font-size: 13px;
        font-weight: 400;
        color: #333333;
    }

    .menu_content_wrap .content .board_button_wrap {
        display: flex;
        place-items: center;
        justify-content: right;
        padding-bottom: 20px;
    }

    .menu_content_wrap .content .search_wrap {
        display: flex;
        place-items: center;
        justify-content: space-between;
        width: 300px;
        height: 36px;
        border: 1px solid #dddddd;
        border-radius: 3px;
    }

        .menu_content_wrap .content .search_wrap .search {
            width: 100%;
            height: 100%;
            padding-left: 20px;
            background: #ffffff;
            border: 0px;
            border-radius: 6px;
            font-size: 13px;
            font-weight: 400;
            letter-spacing: -0.33px;
            color: #333333;
        }

            .menu_content_wrap .content .search_wrap .search::placeholder {
                color: #777777;
            }

        .menu_content_wrap .content .search_wrap .icon {
            width: 50px;
            height: 34px;
            background-color: #ffffff;
            background-image: url(../images/search.png);
            background-position: center center;
            background-repeat: no-repeat;
            cursor: pointer;
        }

.icon_search {
    display: inline-block;
    width: 100px;
    height: 34px;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #ccc;
    background-image: url(../images/search.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.icon_download {
    width: 50px;
    height: 34px;
    background-color: #ffffff;
    background-image: url(../images/download.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: 34px
}

.menu_content_wrap .content .board_button_wrap .sort {
    background-image: url(../images/sort.png);
}

.menu_content_wrap .content .board_button_wrap .write {
    background-image: url(../images/write.png);
}

.menu_content_wrap .content .board_button_wrap .list_button {
    background-image: url(../images/list.png);
}

.menu_content_wrap .content .board_button_wrap .delete {
    background-image: url(../images/delete.png);
}

.menu_content_wrap .content .board_button_wrap .withdrawal {
    background-image: url(../images/delete.png);
}
.menu_content_wrap .content .board_button_wrap .message {
    background-image: url(../images/message.png);
}

.menu_content_wrap .content .board_button_wrap .excel {
    background-image: url(../images/excel.png);
}

.icon_button .download {
    background-image: url(../images/download.png);
}

.menu_content_wrap .content .board_button_wrap .permission_cancel {
    background-image: url(../images/permission_cancel.png);
}

.menu_content_wrap .content .board_button_wrap .permission_ok {
    background-image: url(../images/permission_ok.png);
}

.menu_content_wrap .content .board_button_wrap div:not(:last-child) {
    margin-right: 5px;
}

.menu_content_wrap .content .title,
.menu_content_wrap .content .title2 {
    display: flex;
    place-items: center;
    justify-content: flex-start;
    background: #202960;
}

    .menu_content_wrap .content .title li,
    .menu_content_wrap .content .title2 li {
        line-height: 60px;
        font-size: 13px;
        font-weight: 500;
        color: #ffffff;
        letter-spacing: -0.33px;
    }

.menu_content_wrap .content .list {
    display: flex;
    /* place-items: flex-start; */
    justify-content: flex-start;
    border-bottom: 1px solid #e5e5e5;
}

.menu_content_wrap .content .list2 {
    display: flex;
    place-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #e5e5e5;
}

.menu_content_wrap .board_list .on {
    background-color: rgba(75, 142, 247, 0.1);
}

    .menu_content_wrap .board_list .on:hover {
        background-color: rgba(75, 142, 247, 0.1) !important;
    }

.menu_content_wrap .content .list:hover,
.menu_content_wrap .content .list2:hover {
    background: #f5f6fa;
}

.menu_content_wrap .content .list li,
.menu_content_wrap .content .list2 li {
    padding-top: 15px;
    padding-bottom: 15px;
    /* line-height: 30px; */
    font-size: 13px;
    font-weight: 400;
    color: #333333;
    letter-spacing: 0.65px;
}

.menu_content_wrap .content .no {
    width: 80px;
    height: 30px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 6px;
    font-family: Roboto;
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.33px;
    color: #333333;
}

    .menu_content_wrap .content .no:focus {
        outline: none;
    }

.menu_content_wrap .content .list .notice {
    height: 20px;
    line-height: 20px;
    /* margin-top: 5px; */
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background: #202960;
    border-radius: 3px;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: -0.28px;
    color: #f7f7f7;
    white-space: nowrap;
}

.menu_content_wrap .content .list .secret {
    height: 20px;
    line-height: 20px;
    /* margin-top: 5px; */
    margin-right: 20px;
    padding-left: 15px;
    padding-right: 15px;
    background: #ffef18;
    border-radius: 3px;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: -0.28px;
    color: #202960;
    white-space: nowrap;
}

.menu_content_wrap .content .board_list .title li {
    display: flex;
    place-items: center;
    justify-content: center;
    /*    padding-left: 5px;*/
}

.menu_content_wrap .content .board_list .title2 li {
    display: flex;
    place-items: center;
    justify-content: center;
}

.menu_content_wrap .content .board_list .sort_1 {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background-image: url(../images/list_sort.png);
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.1s linear;
    cursor: pointer;
}

.menu_content_wrap .content .board_list .sort_2 {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background-image: url(../images/list_sort.png);
    background-position: center center;
    background-repeat: no-repeat;
    transform: rotateX(180deg);
    transition: all 0.1s linear;
    cursor: pointer;
}

/* 공지사항 게시판 시작 */
.menu_content_wrap .content .notice li:first-child {
    width: 70px;
    padding-right: 20px;
    text-align: right;
}

.menu_content_wrap .content .notice li:nth-child(2) {
    width: 80px;
    text-align: center;
}

.menu_content_wrap .content .notice .list li:nth-child(2) {
    padding-top: 10px;
    padding-bottom: 10px;
}

.menu_content_wrap .content .notice li:nth-child(3) {
    display: flex;
    place-items: top;
    justify-content: flex-start;
    width: calc(100% - 430px);
    padding-left: 40px;
    letter-spacing: -0.33px;
}

.menu_content_wrap .content .notice li:nth-child(4) {
    width: 100px;
    text-align: center;
}

.menu_content_wrap .content .notice li:nth-child(5) {
    width: 180px;
    text-align: center;
}
/* 공지사항 게시판 끝 */
/* FAQ 게시판 시작 */
.menu_content_wrap .content .faq li:first-child {
    width: 180px;
    text-align: center;
    /* padding-right: 20px;
  text-align: right; */
}

.menu_content_wrap .content .faq .list li:first-child {
    padding-top: 10px;
    padding-bottom: 10px;
}

.menu_content_wrap .content .faq .checkbox + label {
    padding-right: 18px !important;
}

.menu_content_wrap .content .faq li:nth-child(2) {
    width: 80px;
    text-align: center;
}

.menu_content_wrap .content .faq li:nth-child(3) {
    width: 110px;
    text-align: center;
}

.menu_content_wrap .content .faq li:nth-child(4) {
    width: 120px;
}

.menu_content_wrap .content .faq li:nth-child(5) {
    display: flex;
    place-items: top;
    justify-content: flex-start;
    width: calc(100% - 670px);
    padding-left: 40px;
    letter-spacing: -0.33px;
}

.menu_content_wrap .content .faq li:nth-child(6) {
    width: 180px;
    text-align: center;
}
/* FAQ 게시판 끝 */
/* 선생님 소개 게시판 시작 */
.menu_content_wrap .content .teacher li:first-child {
    width: 90px;
    text-align: center;
}

.menu_content_wrap .content .teacher li:nth-child(2) {
    width: 110px;
    text-align: center;
}

.menu_content_wrap .content .teacher li:nth-child(3) {
    width: 110px;
    text-align: center;
}

.menu_content_wrap .content .teacher li:nth-child(4) {
    width: 160px;
}

.menu_content_wrap .content .teacher li:nth-child(5) {
    width: 160px;
}

.menu_content_wrap .content .teacher li:nth-child(6) {
    display: flex;
    place-items: top;
    justify-content: flex-start;
    width: calc(100% - 1050px);
    padding-left: 40px;
    letter-spacing: -0.33px;
}

.menu_content_wrap .content .teacher li:nth-child(7) {
    width: 160px;
    text-align: center;
}

.menu_content_wrap .content .teacher li:nth-child(8) {
    width: 60px;
    text-align: center;
}

.menu_content_wrap .content .teacher li:nth-child(9) {
    width: 150px;
    text-align: center;
}

.menu_content_wrap .content .teacher li:nth-child(10) {
    width: 150px;
    text-align: center;
}
/* 선생님 소개 게시판 끝 */

/* 선생님 소개-순서저장 시작 */
.menu_content_wrap .content .teacher_sort {
    margin-bottom: 20px;
}

    .menu_content_wrap .content .teacher_sort .title li {
        padding-left: 0
    }

    .menu_content_wrap .content .teacher_sort .list li {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .menu_content_wrap .content .teacher_sort .title li:first-child {
        justify-content: start;
    }

    .menu_content_wrap .content .teacher_sort li:first-child {
        width: calc(100% - 750px);
        justify-content: start;
        padding-left: 40px;
    }

    .menu_content_wrap .content .teacher_sort li:nth-child(2) {
        width: 200px;
        text-align: center;
        line-height: 36px;
    }

    .menu_content_wrap .content .teacher_sort .list li:nth-child(3),
    .menu_content_wrap .content .teacher_sort .list li:nth-child(4),
    .menu_content_wrap .content .teacher_sort .list li:nth-child(5) {
        padding-left: 20px;
        padding-right: 20px;
    }

    .menu_content_wrap .content .teacher_sort li:nth-child(3) {
        width: 200px;
        text-align: center;
    }

    .menu_content_wrap .content .teacher_sort li:nth-child(4) {
        width: 150px;
        text-align: center;
    }

    .menu_content_wrap .content .teacher_sort li:nth-child(5) {
        width: 90px;
        line-height: 36px;
    }

    .menu_content_wrap .content .teacher_sort li:nth-child(6) {
        width: 110px;
        text-align: center;
        line-height: 36px;
    }

    .menu_content_wrap .content .teacher_sort li .text {
        width: 100%;
        height: 36px;
        padding-left: 14px;
        background: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 6px;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: -0.33px;
        color: #333333;
    }

/* 선생님 소개-순서저장 끝 */

/* 문자수신 신청 게시판 시작 */
.menu_content_wrap .content .apply_message li:first-child,
.menu_content_wrap .content .apply_message li:nth-child(2) {
    width: 6%;
    text-align: center;
}

.menu_content_wrap .content .apply_message li:nth-child(n + 3) {
    width: 11%;
    text-align: center;
}

.menu_content_wrap .content .apply_message li:nth-child(5) {
    text-align: left;
    justify-content: flex-start;
}
/* 문자수신 신청 게시판 끝 */
/* 주간 식단표 게시판 시작 */
.food_menu_date {
    display: flex;
    place-items: center;
    justify-content: center;
    height: 76px;
    margin-bottom: 20px;
    background: #f5f6fa;
    border-radius: 10px;
}

    .food_menu_date .prev {
        width: 24px;
        height: 50px;
        background-image: url(../images/prev2.png);
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .food_menu_date .date_text {
        width: 204px;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: -0.5px;
        color: #333333;
        text-align: center;
    }

    .food_menu_date .next {
        width: 24px;
        height: 50px;
        background-image: url(../images/next2.png);
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

.menu_guide_text {
    margin-left: 15px;
    font-size: 13px;
    letter-spacing: 0.65px;
    color: #333333;
}

.menu_content_wrap .content .food_menu .list:hover {
    background: transparent !important;
}

.menu_content_wrap .content .food_menu li:first-child,
.menu_content_wrap .content .food_menu li:nth-child(2) {
    width: 100px;
    text-align: center;
}

.menu_content_wrap .content .food_menu li:nth-child(3) {
    display: flex;
    place-items: top;
    justify-content: flex-start;
    flex-direction: column;
    width: calc(100% - 200px);
    padding-left: 40px;
    letter-spacing: -0.33px;
}
/* .menu_content_wrap .content .food_menu li:nth-child(4) {
  width: 650px;
} */

.menu_content_wrap .content .food_menu .date_info {
    height: 100%;
    padding-top: 28px;
    padding-bottom: 10px;
    background: #f5f6fa;
    border-radius: 3px;
    display: flex;
    place-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.menu_content_wrap .content .food_menu .food_date {
    width: 100px;
    background: #f5f6fa;
    border-radius: 3px;
}

.menu_content_wrap .content .food_menu .day_off_box {
    padding: 0px 10px;
}

    .menu_content_wrap .content .food_menu .day_off_box div:first-child {
        text-align: left;
    }

.menu_content_wrap .content .food_menu .food_menu_box {
    display: flex;
    place-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

    .menu_content_wrap .content .food_menu .food_menu_box:not(:last-child) {
        padding-bottom: 12px;
    }

.menu_content_wrap .content .food_menu .food_text {
    width: calc(100% - 690px);
}

.menu_content_wrap .content .food_menu .food_list {
    width: 650px;
    padding-right: 40px;
    display: flex;
    place-items: flex-start;
    justify-content: space-between;
}

.menu_content_wrap .content .food_menu .image_box {
    width: 200px;
    height: 123px;
    background: #ffffff;
    border: 1px solid #dddddd;
    overflow: hidden;
}

.menu_content_wrap .content .food_menu .image_url_box {
    display: flex;
    place-items: flex-start;
    justify-content: space-between;
    padding-top: 5px;
}

.menu_content_wrap .content .food_menu .image_url {
    width: 118px;
    height: 36px;
    padding-left: 20px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.33px;
    color: #333333;
}

.menu_content_wrap .content .food_menu .plus {
    width: 36px;
    height: 36px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 3px;
    background-image: url(../images/plus.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.menu_content_wrap .content .food_menu .minus {
    width: 36px;
    height: 36px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 3px;
    background-image: url(../images/minus.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.menu_content_wrap
.content
.food_menu
li:nth-child(3)
.food_menu_box:not(:first-child) {
    padding-top: 16px;
}

.menu_content_wrap
.content
.food_menu
li:nth-child(3)
.food_menu_box:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.menu_content_wrap .content .food_menu .food_type {
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.65px;
    color: #333333;
}

.menu_content_wrap .content .food_menu .food_detail textarea {
    width: 100%;
    height: 135px;
    margin-top: 10px;
    padding: 20px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 400;
    color: #777777;
    resize: none;
}

    .menu_content_wrap .content .food_menu .food_detail textarea:focus {
        outline: none;
    }

.menu_content_wrap .content .food_menu .day_off textarea {
    width: 100%;
    height: 100px;
    margin-top: 10px;
    /* padding: 20px; */
    border: 1px solid #dddddd;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 400;
    color: #777777;
    resize: none;
}

    .menu_content_wrap .content .food_menu .day_off textarea:focus {
        outline: none;
    }
/* 주간 식단표 게시판 끝 */


/* 수강현황 시작 */
.menu_content_wrap .student_content_wrap {
    display: flex;
    place-items: flex-start;
    justify-content: space-between;
}

    .menu_content_wrap .student_content_wrap .class_list_wrap {
        width: 18%;
        min-width: 340px;
    }

    .menu_content_wrap .student_content_wrap .student_list_wrap {
        width: 80%;
        padding-left: 20px;
    }

.menu_content_wrap .content .student {
    min-width: 1000px;
}

    .menu_content_wrap .content .student .list li {
        line-height: 40px;
    }

    .menu_content_wrap .content .student .title li:nth-child(2) {
        display: flex;
        place-items: center;
        justify-content: center;
        width: 50px;
    }

    .menu_content_wrap .content .student .list li:nth-child(2) {
        display: flex;
        place-items: flex-start;
        justify-content: center;
        width: 50px;
    }

    .menu_content_wrap .content .student .title li {
        padding-left: 0px;
    }

    .menu_content_wrap .content .student li:first-child {
        width: 50px;
        text-align: center;
    }

    .menu_content_wrap .content .student li:nth-child(2) {
        width: 50px;
        text-align: center;
    }

    .menu_content_wrap .content .student li:nth-child(3) {
        width: calc(100% - 945px);
        text-align: center;
    }

    .menu_content_wrap .content .student li:nth-child(4) {
        width: 60px;
        text-align: center;
    }

    .menu_content_wrap .content .student li:nth-child(5) {
        width: 50px;
        text-align: center;
    }

    .menu_content_wrap .content .student li:nth-child(6) {
        width: 90px;
        text-align: center;
    }

    .menu_content_wrap .content .student li:nth-child(7) {
        width: 50px;
        text-align: center;
    }

    .menu_content_wrap .content .student li:nth-child(8),
    .menu_content_wrap .content .student li:nth-child(9) {
        width: 120px;
        text-align: center;
    }

    .menu_content_wrap .content .student li:nth-child(10) {
        width: 65px;
        text-align: center;
    }

    .menu_content_wrap .content .student li:nth-child(11) {
        width: 140px;
        text-align: center;
    }

    .menu_content_wrap .content .student li:nth-child(12) {
        display: flex;
        width: 50px;
        text-align: center;
    }

    .menu_content_wrap .content .student li:nth-child(13) {
        width: 100px;
        text-align: center;
    }

    .menu_content_wrap .content .student .list li:nth-child(12) {
        display: flex;
        justify-content: center;
        padding-top: 19px;
    }

    .menu_content_wrap .content .student li:nth-child(13) span {
        display: block;
    }

    .menu_content_wrap .content .student .checkbox2 + label {
        padding-left: 20px;
    }

    .menu_content_wrap .content .student .item_wrap {
        display: flex;
        place-items: center;
    }

        .menu_content_wrap .content .student .item_wrap:not(:first-child) {
            padding-top: 10px;
        }

        .menu_content_wrap .content .student .item_wrap .item_name {
            width: 70px;
            text-align: left;
        }

        .menu_content_wrap .content .student .item_wrap .item {
            width: 100%;
        }

    .menu_content_wrap .content .student .write {
        background: rgba(255, 239, 24, 0.1);
        border-bottom: 2px solid #202960;
    }

.board_apply_class_menu2 .text {
    width: 170px;
    height: 40px;
    padding-left: 14px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.33px;
    color: #333333;
}

.class_group {
    height: 180px;
    border: 1px solid #dddddd;
}

.class_list {
    min-height: 300px;
    height: calc(100vh - 450px);
    margin-top: 20px;
    border: 1px solid #dddddd;
}

.select_multi {
    width: 100%;
    height: 100%;
    border: none;
    border-style: none;
    outline: none;
}

    .select_multi:focus {
        border: none;
        border-style: none;
        outline: none;
    }

    .select_multi option {
        padding-top: 5px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 5px;
    }

.menu_content_wrap .content .student .state {
    width: 32px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #dddddd;
    border-radius: 8px;
}

.menu_content_wrap .content .student .active {
    background-color: #e8ebf7;
}

.menu_content_wrap .content .student .other {
    background-color: #fff4dc;
}

.menu_content_wrap .content .student .rest {
    background-color: #e7eae9;
}

.menu_content_wrap .content .student .new {
    background-color: #e4f5ed;
}

.menu_content_wrap .content .student .db {
    background-color: #fecfcf;
    cursor: pointer;
}

.menu_content_wrap .content .student .state_complete {
    background-color: #f3f5ff;
    line-height: 20px !important;
}

.menu_content_wrap .content .student .state_cancel {
    background-color: #f8f8f8;
    line-height: 20px !important;
}

.list_state_wrap {
    display: flex;
    place-items: center;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 10px;
}

    .list_state_wrap .state_wrap,
    .list_state_wrap .state_wrap .state_box {
        display: flex;
        place-items: center;
    }

        .list_state_wrap .state_wrap .state_box {
            padding-right: 20px;
        }

        .list_state_wrap .state_wrap .state_text {
            padding-right: 10px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: -0.33px;
            color: #333333;
        }

        .list_state_wrap .state_wrap .state_content {
            padding-right: 10px;
            font-size: 13px;
            font-weight: 400;
            letter-spacing: 0.65px;
            color: #333333;
        }

.message_wrap {
    display: flex;
    place-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border: 1px solid #dddddd;
    border-radius: 6px;
}

    .message_wrap .message_box {
        display: flex;
        place-items: center;
        width: calc(100% - 70px);
    }

    .message_wrap .message_title {
        padding-right: 10px;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -0.33px;
        color: #333333;
    }

    .message_wrap .input_wrap {
        width: calc(100% - 470px);
        padding-right: 10px;
    }

    .message_wrap .checkbox2 + label,
    .message_wrap .checkbox6 + label {
        margin-right: 16px;
    }

    .message_wrap .radio + label,
    .message_wrap .radio1 + label {
        margin-right: 16px;
    }

    .message_wrap .option .text {
        width: 200px;
        margin-right: 16px;
    }

#class_layer {
    height: 85%;
    min-height: 800px;
    max-height: 850px;
}

.class_layer {
    width: 540px;
    height: 100%;
    background-color: #ffffff;
    border-radius: 10px;
}

    .class_layer .content_box {
        height: 100%;
        padding: 50px;
        text-align: center;
        font-size: 15px;
        font-weight: 400;
        color: #333333;
    }

.close_layer_wrap {
    display: flex;
    place-items: center;
    justify-content: right;
    margin-bottom: 10px;
}

    .close_layer_wrap .close_layer {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../images/close_layer.png) no-repeat;
    }

.class_layer .section1 {
    margin-bottom: 10px;
}

.class_layer .class_title {
    background: #202960;
    line-height: 36px;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: -0.33px;
}

.class_layer .section1 .class_wrap {
    height: calc(100% - 249px);
}

.class_layer .section1 .class_box:first-child {
    height: 200px;
}

.class_layer .section1 .class_box:last-child {
    height: 200px;
}

.class_layer .section1 .class_box .class_item {
    height: 100%;
    border: 1px solid #dddddd;
    border-top: 0;
}

.class_item option:first-child {
    margin-top: 15px
}

.class_item option:last-child {
    margin-bottom: 15px;
}

.class_layer .class_date_wrap {
    display: flex;
    place-items: center;
    justify-content: start;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.33px;
    color: #333333;
    text-align: left;
    background-color: #f5f6fa;
    border: 1px solid #e5e5e5;
    border-top: 0;
}

    .class_layer .class_date_wrap div:first-child {
        padding-right: 20px;
        text-align: left;
    }

    .class_layer .class_date_wrap .text {
        width: 120px;
        height: 30px;
        border-radius: 0;
    }

.class_layer .section2 {
    margin-bottom: 10px;
}

.class_layer .select_wrap {
    padding-top: 0;
}

    .class_layer .select_wrap .text {
        border-radius: 0;
        border-top: 0;
    }

.class_layer .select_wrap {
    display: flex;
    place-items: center;
    justify-content: start;
    padding-bottom: 14px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.33px;
    color: #333333;
    text-align: left;
}

.class_layer .class_button_wrap {
    display: block;
}

    .class_layer .class_button_wrap .text_button {
        width: 100%;
        height: 40px;
        line-height: 38px;
        border: 1px solid #dddddd;
        font-size: 13px;
        font-weight: 400;
        color: #777777;
        text-align: center;
        margin-right: 0;
        cursor: pointer;
        margin-bottom: 5px;
    }

/* 수강현황 > (좌)검색조건*/
.menu_content_wrap .content .class_left_menu {
    margin-top: 50px;
}

    .menu_content_wrap .content .class_left_menu .mt20 {
        margin-top: 20px
    }

    .menu_content_wrap .content .class_left_menu .group_wrap {
        width: 300px;
    }

    .menu_content_wrap .content .class_left_menu .group {
        display: flex;
        place-items: center;
        justify-content: flex-start;
        margin-bottom: 10px;
    }

    .menu_content_wrap .content .class_left_menu .class_title {
        width: 80px;
        padding-right: 20px;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -0.33px;
        color: #333333;
        white-space: nowrap;
        box-sizing: border-box;
    }

    .menu_content_wrap .content .class_left_menu .class_content {
        width: 200px;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -0.33px;
        color: #333333;
    }

        .menu_content_wrap .content .class_left_menu .class_content .radio + label {
            margin-right: 20px;
        }

        .menu_content_wrap .content .class_left_menu .class_content .text {
            width: 100%;
            height: 36px;
            padding-left: 20px;
            background: #ffffff;
            border: 1px solid #dddddd;
            border-radius: 6px;
            font-size: 13px;
            font-weight: 400;
            letter-spacing: -0.33px;
            color: #333333;
        }

    .menu_content_wrap .content .class_left_menu .class_left_select {
        width: 100%;
        height: 100%;
        min-height: 200px;
        margin-bottom: 10px;
        padding: 0;
        background: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 0px;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: -0.33px;
        color: #333333;
        overflow-y: auto;
    }

        .menu_content_wrap .content .class_left_menu .class_left_select.fix {
            max-height: 700px;
        }

        .menu_content_wrap .content .class_left_menu .class_left_select .list_select_radio,
        .menu_content_wrap .content .class_left_menu .class_left_select .list_select_checkbox {
            display: block;
        }

            .menu_content_wrap .content .class_left_menu .class_left_select .list_select_radio li {
                padding: 0;
                border-bottom: 0;
            }

            .menu_content_wrap .content .class_left_menu .class_left_select .list_select_checkbox li {
                padding: 10px 0;
                border-bottom: 1px dashed #e5e5e5;
            }

        .menu_content_wrap .content .class_left_menu .class_left_select .radio li:first-child {
            margin-top: 10px;
        }

        .menu_content_wrap .content .class_left_menu .class_left_select .radio + label {
            display: block;
            cursor: pointer;
            line-height: 20px;
            padding: 10px 20px;
            background: none;
            font-size: 13px;
            font-weight: 400;
            color: #333333;
        }

        .menu_content_wrap .content .class_left_menu .class_left_select .radio:checked + label {
            display: block;
            min-height: 30px;
            padding: 10px 20px;
            background-image: none;
            background-color: #202960;
            border-radius: 0px;
            color: #fff
        }

        .menu_content_wrap .content .class_left_menu .class_left_select .checkbox3 + label {
            display: inline-block;
            cursor: pointer;
            line-height: 20px;
            padding-left: 50px;
            background: url("../images/checkbox.png") left 20px top;
            background-repeat: no-repeat;
            font-size: 13px;
            font-weight: 400;
            color: #333333;
        }

        .menu_content_wrap .content .class_left_menu .class_left_select .checkbox3:checked + label {
            background: url("../images/checkbox_checked.png") left 20px top;
            background-repeat: no-repeat;
        }
/* 수강현황 > (좌)검색조건 끝 */

/* 수강현황 > (우)리스트 시작 */
.menu_content_wrap .contentA .class_a {
    min-width: 1000px;
}

    .menu_content_wrap .contentA .class_a .title li {
        padding: 20px 0;
        line-height: 120%;
    }

    .menu_content_wrap .contentA .class_a .list li {
        display: flex;
        place-items: center;
        justify-content: center;
        padding-left: 5px;
    }

    .menu_content_wrap .contentA .class_a .title li:nth-child(1) {
        display: flex;
        place-items: center;
        justify-content: center;
        width: 50px;
        min-width: 50px;
        max-width: 50px;
    }

    .menu_content_wrap .contentA .class_a .list li:nth-child(1) {
        display: flex;
        place-items: flex-start;
        justify-content: center;
        width: 50px;
        min-width: 50px;
        max-width: 50px;
    }


    .menu_content_wrap .contentA .class_a li:first-child {
        width: 50px;
        text-align: center;
    }

    .menu_content_wrap .contentA .class_a li:nth-child(2) {
        width: 50px;
        text-align: center;
    }

    .menu_content_wrap .contentA .class_a li:nth-child(3) {
        width: calc(100% - 945px);
        text-align: center;
    }

    .menu_content_wrap .contentA .class_a li:nth-child(4) {
        width: 60px;
        text-align: center;
    }

    .menu_content_wrap .contentA .class_a li:nth-child(5) {
        width: 50px;
        text-align: center;
    }

    .menu_content_wrap .contentA .class_a li:nth-child(6) {
        width: 90px;
        text-align: center;
    }

    .menu_content_wrap .contentA .class_a li:nth-child(7) {
        width: 50px;
        text-align: center;
    }

    .menu_content_wrap .contentA .class_a li:nth-child(8),
    .menu_content_wrap .contentA .class_a li:nth-child(9) {
        width: 120px;
        text-align: center;
    }

    .menu_content_wrap .contentA .class_a li:nth-child(10) {
        width: 65px;
        text-align: center;
    }

    .menu_content_wrap .contentA .class_a li:nth-child(11) {
        width: 140px;
        text-align: center;
    }

    .menu_content_wrap .contentA .class_a li:nth-child(12) {
        display: flex;
        width: 50px;
        text-align: center;
    }

    .menu_content_wrap .contentA .class_a li:nth-child(13) {
        width: 100px;
        text-align: center;
    }

    .menu_content_wrap .contentA .class_a .list li:nth-child(12) {
        display: flex;
        justify-content: center;
        padding-top: 19px;
    }

    .menu_content_wrap .contentA .class_a .state {
        width: 32px;
        height: 32px;
        line-height: 30px;
        border-radius: 8px;
    }

    .menu_content_wrap .contentA .class_a .active {
        background-color: #dbe3ff;
    }

    .menu_content_wrap .contentA .class_a .other {
        background-color: #ffebbf;
    }

    .menu_content_wrap .contentA .class_a .rest {
        background-color: #e7eae9;
    }

    .menu_content_wrap .contentA .class_a .new {
        background-color: #e4f5ed;
    }

    .menu_content_wrap .contentA .class_a .db {
        background-color: #fecfcf;
        cursor: pointer;
    }

    .menu_content_wrap .contentA .class_a .state_complete {
        background-color: #f3f5ff;
        line-height: 20px !important;
    }

    .menu_content_wrap .contentA .class_a .state_cancel {
        color: #888888;
        background-color: #f8f8f8;
    }
/* 수강현황 > (우)리스트 끝 */

.state {
    width: 32px;
    height: 32px;
    line-height: 30px;
    border-radius: 8px;
}

.active {
    background-color: #dbe3ff;
}

.other {
    background-color: #ffebbf;
}

.rest {
    background-color: #e7eae9;
}

.new {
    background-color: #e4f5ed;
}

.db {
    background-color: #fecfcf;
    cursor: pointer;
}

.state_complete {
    background-color: #f3f5ff;
    line-height: 20px !important;
}

.state_cancel {
    color: #888888;
    background-color: #f8f8f8;
}

.onclick {
    text-decoration: underline;
    cursor: pointer;
}

    .onclick:hover {
        color: #3b56fb !important;
    }

/* class_courseStatusSearch(14개) */
.board_apply_class_menu {
    min-width: 1000px;
    overflow: hidden;
}

.class_courseStatusSearch {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_courseStatusSearch table {
        width: 100% !important;
        min-width: 1000px;
        max-width: 100%;
        border-collapse: collapse !important;
    }

    .class_courseStatusSearch th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_courseStatusSearch td {
        place-items: center;
        justify-content: center;
        padding: 8px 5px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
        border-bottom: 1px solid rgba(0,0,0,0.15);
    }

        .class_courseStatusSearch th:nth-child(1),
        .class_courseStatusSearch td:nth-child(1) {
            width: 3%;
            text-align: center;
        }
        .class_courseStatusSearch th:nth-child(2),
        .class_courseStatusSearch td:nth-child(2) {
            width: 4%;
            text-align: center;
        }

        .class_courseStatusSearch th:nth-child(3),
        .class_courseStatusSearch td:nth-child(3),
        .class_courseStatusSearch th:nth-child(4),
        .class_courseStatusSearch td:nth-child(4),
        .class_courseStatusSearch th:nth-child(5),
        .class_courseStatusSearch td:nth-child(5),
        .class_courseStatusSearch th:nth-child(6),
        .class_courseStatusSearch td:nth-child(6) {
            width: 6%;
            text-align: center;
        }

        .class_courseStatusSearch th:nth-child(13),
        .class_courseStatusSearch td:nth-child(13),
        .class_courseStatusSearch th:nth-child(14),
        .class_courseStatusSearch td:nth-child(14),
        .class_courseStatusSearch th:nth-child(15),
        .class_courseStatusSearch td:nth-child(15) {
            width: 4%;
            text-align: center;
        }

        .class_courseStatusSearch th:nth-child(9),
        .class_courseStatusSearch td:nth-child(9),
        .class_courseStatusSearch th:nth-child(11),
        .class_courseStatusSearch td:nth-child(11) {
            width: 6%;
            text-align: center;
        }


        .class_courseStatusSearch th:nth-child(7),
        .class_courseStatusSearch td:nth-child(7),
        .class_courseStatusSearch th:nth-child(8),
        .class_courseStatusSearch td:nth-child(8) {
            width: 12%;
            text-align: center;
        }
        .class_courseStatusSearch th:nth-child(10),
        .class_courseStatusSearch td:nth-child(10),
        .class_courseStatusSearch th:nth-child(12),
        .class_courseStatusSearch td:nth-child(12),
        .class_courseStatusSearch th:nth-child(16),
        .class_courseStatusSearch td:nth-child(16) {
            width: 10%;
            text-align: center;
        }


/* class_courseStatusSearch(14개) */


/* class_courseNesin(9개) */
.class_courseNesin {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_courseNesin table {
        width: 100% !important;
        min-width: 1000px;
        max-width: 100%;
        border-collapse: collapse !important;
    }

    .class_courseNesin th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_courseNesin td {
        place-items: center;
        justify-content: center;
        padding: 8px 5px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
        border-bottom: 1px solid rgba(0,0,0,0.15);
    }

        .class_courseNesin th:nth-child(1),
        .class_courseNesin td:nth-child(1) {
            width: 4%;
            text-align: center;
        }

        .class_courseNesin th:nth-child(2),
        .class_courseNesin td:nth-child(2) {
            width: 6%;
            text-align: center;
        }

        .class_courseNesin th:nth-child(3),
        .class_courseNesin td:nth-child(3),
        .class_courseNesin th:nth-child(6),
        .class_courseNesin td:nth-child(6) {
            width: 10%;
            text-align: center;
        }

        .class_courseNesin th:nth-child(4),
        .class_courseNesin td:nth-child(4),
        .class_courseNesin th:nth-child(9),
        .class_courseNesin td:nth-child(9) {
            width: 15%;
            text-align: center;
        }

        .class_courseNesin th:nth-child(5),
        .class_courseNesin td:nth-child(5) {
            width: 10%;
            text-align: center;
        }

        .class_courseNesin th:nth-child(7),
        .class_courseNesin td:nth-child(7),
        .class_courseNesin th:nth-child(8),
        .class_courseNesin td:nth-child(8) {
            width: 15%;
            text-align: center;
        }
/* class_courseNesin(9개) */

/* class_courseEntrance(9개) */
.class_courseEntrance {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_courseEntrance table {
        width: 100% !important;
        min-width: 1000px;
        max-width: 100%;
        border-collapse: collapse !important;
    }

    .class_courseEntrance th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_courseEntrance td {
        place-items: center;
        justify-content: center;
        padding: 8px 5px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
        border-bottom: 1px solid rgba(0,0,0,0.15);
    }

        .class_courseEntrance th:nth-child(1),
        .class_courseEntrance td:nth-child(1) {
            width: 3%;
            text-align: center;
        }

        .class_courseEntrance th:nth-child(2),
        .class_courseEntrance td:nth-child(2) {
            width: 4%;
            text-align: center;
        }

        .class_courseEntrance th:nth-child(5),
        .class_courseEntrance td:nth-child(5),
        .class_courseEntrance th:nth-child(3),
        .class_courseEntrance td:nth-child(3),
        .class_courseEntrance th:nth-child(13),
        .class_courseEntrance td:nth-child(13) {
            width: 5%;
            text-align: center;
        }

        .class_courseEntrance th:nth-child(7),
        .class_courseEntrance td:nth-child(7) {
            width: 7%;
            text-align: center;
        }

        .class_courseEntrance th:nth-child(4),
        .class_courseEntrance td:nth-child(4) {
            width: 11%;
            text-align: center
        }

        .class_courseEntrance th:nth-child(6),
        .class_courseEntrance td:nth-child(6) {
            width: 10%;
            text-align: center;
        }

        .class_courseEntrance th:nth-child(9),
        .class_courseEntrance td:nth-child(9) {
            width: 15%;
            text-align: center;
        }

        .class_courseEntrance th:nth-child(8),
        .class_courseEntrance td:nth-child(8) {
            width: 13%;
            text-align: center;
        }

        .class_courseEntrance th:nth-child(10),
        .class_courseEntrance td:nth-child(10) {
            width: 3%;
            text-align: center;
        }

        .class_courseEntrance th:nth-child(12),
        .class_courseEntrance td:nth-child(12) {
            width: 4%;
            text-align: center;
        }

        .class_courseEntrance th:nth-child(11),
        .class_courseEntrance td:nth-child(11) {
            width: 8%;
            text-align: center;
        }
/* class_courseEntrance(9개) */

/* class_accept(9개) */
.class_accept {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
    text-align: center;
}

    .class_accept table {
        width: 100% !important;
        min-width: 1000px;
        max-width: 100%;
        border-collapse: collapse !important;
    }

    .class_accept th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
        text-align: center !important;
    }

    .class_accept td {
        place-items: center;
        justify-content: center;
        padding: 8px 5px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
        border-bottom: 1px solid rgba(0,0,0,0.15);
    }

/*.class_accept th:nth-child(1),
.class_accept td:nth-child(1) {
    width: 3%;
    text-align: center;
}

.class_accept th:nth-child(2),
.class_accept td:nth-child(2) {
    width: 8%;
    text-align: center;
}

.class_accept th:nth-child(3),
.class_accept td:nth-child(3)
 {
    width: 5%;
    text-align: center;
}

.class_accept th:nth-child(4),
.class_accept td:nth-child(4) {
    width: 20%;
    text-align: center;
}

.class_accept th:nth-child(5),
.class_accept td:nth-child(5),
.class_accept th:nth-child(6),
.class_accept td:nth-child(6)
{
    width: 5%;
    text-align: center;
}

.class_accept th:nth-child(7),
.class_accept td:nth-child(7) {
    width: 5%;
    text-align: center;
}

.class_accept th:nth-child(8),
.class_accept td:nth-child(8) {
    width: 7%;
    text-align: center;
}

.class_accept th:nth-child(9),
.class_accept td:nth-child(9),
.class_accept th:nth-child(10),
.class_accept td:nth-child(10),
.class_accept th:nth-child(11),
.class_accept td:nth-child(11) {
    width: 3%;
    text-align: center;
}

.class_accept th:nth-child(12),
.class_accept td:nth-child(12) {
    width: 4%;
    text-align: center;
}*/
/* class_accept(9개) */

/* status_info */
.status_info_btn {
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    letter-spacing: -0.3px;
    transition: 0.15s;
}

    .status_info_btn:after {
        content: '▼';
        font-size: 10px;
        padding-left: 5px;
    }

    .status_info_btn.active:after {
        content: '▲';
        font-size: 10px;
        padding-left: 5px;
    }

    .status_info_btn.active {
        border-radius: 6px 6px 0 0;
        border-bottom: 0;
        margin-bottom: 0;
    }

.status_info_wrap {
    display: none;
    padding: 10px 40px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f5f6fa;
    border-radius: 0 0 6px 6px;
    margin-bottom: 20px;
}

.status_info {
    display: flex;
    place-items: center;
    justify-content: space-between;
    padding-top: 0px;
    padding-bottom: 10px;
}

.status_info_left {
    display: flex;
    place-items: center;
    width: 120px;
    height: 60px;
    vertical-align: middle;
}

.status_info_right {
    width: calc(100% - 120px);
}

.status_info_left span {
    display: inline-block;
    padding: 5px 20px;
    font-size: 12px;
    font-weight: 500;
    border: 2px solid #333;
    background: #fff;
}

.status_info_right ul {
    margin: 0;
    padding: 0;
}

    .status_info_right ul li {
        display: inline-block;
        margin: 0 30px 0 0;
        padding: 0;
        font-size: 12px;
        line-height: 100%;
    }

        .status_info_right ul li span {
            display: inline-block;
            margin-right: 5px;
            padding: 5px;
            border-radius: 3px;
        }

            .status_info_right ul li span .active {
                background-color: #e8ebf7;
            }

            .status_info_right ul li span .other {
                background-color: #fff4dc;
            }

            .status_info_right ul li span .rest {
                background-color: #e7eae9;
            }

            .status_info_right ul li span .new {
                background-color: #e4f5ed;
            }

            .status_info_right ul li span .db {
                background-color: #fecfcf;
            }

            .status_info_right ul li span .tit {
                font-weight: 700;
            }

        .status_info_right ul li b {
            font-weight: 500;
            color: #fe4a4a;
        }
/* status_info */

/* class_courseStatus0(10개) */
.class_courseStatus0 {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_courseStatus0 th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_courseStatus0 td {
        padding-left: 5px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_courseStatus0 th:nth-child(1),
        .class_courseStatus0 td:nth-child(1),
        .class_courseStatus0 th:nth-child(2),
        .class_courseStatus0 td:nth-child(2) {
            width: 5%;
            text-align: center;
        }

        .class_courseStatus0 th:nth-child(3),
        .class_courseStatus0 td:nth-child(3) {
            width: 10%;
            text-align: center;
        }

        .class_courseStatus0 th:nth-child(4),
        .class_courseStatus0 td:nth-child(4) {
            width: 8%;
            text-align: center;
        }
        .class_courseStatus0 th:nth-child(5),
        .class_courseStatus0 td:nth-child(5),
        .class_courseStatus0 th:nth-child(6),
        .class_courseStatus0 td:nth-child(6),
        .class_courseStatus0 th:nth-child(7),
        .class_courseStatus0 td:nth-child(7),
        .class_courseStatus0 th:nth-child(10),
        .class_courseStatus0 td:nth-child(10) {
            width: 14%;
            text-align: center;
        }

        .class_courseStatus0 th:nth-child(8),
        .class_courseStatus0 td:nth-child(8),
        .class_courseStatus0 th:nth-child(9),
        .class_courseStatus0 td:nth-child(9) {
            width: 10%;
            text-align: center;
        }

            .class_courseStatus0 td:nth-child(9) > div {
                text-align: center;
                display: inline-block;
            }
/* class_courseStatus0(10개) */

/* class_courseStatus1(12개) 
.class_courseStatus1 {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

.class_courseStatus1 th {
    padding: 20px 0;
    line-height: 100%;
    box-sizing: border-box;
}

.class_courseStatus1 td {
    place-items: center;
    justify-content: center;
    padding-left: 5px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 400;
    color: #333333;
    letter-spacing: 0.65px;
}

.class_courseStatus1 th:nth-child(1),
.class_courseStatus1 td:nth-child(1) {
    width: 2%;
    text-align: center;
}
.class_courseStatus1 th:nth-child(2),
.class_courseStatus1 td:nth-child(2) {
    width: 4%;
    text-align: center;
}

.class_courseStatus1 th:nth-child(4),
.class_courseStatus1 td:nth-child(4) {
    width: 10%;
    text-align: center;
}

.class_courseStatus1 th:nth-child(7),
.class_courseStatus1 td:nth-child(7) {
    width: 11%;
    text-align: center;
}
.class_courseStatus1 th:nth-child(8),
.class_courseStatus1 td:nth-child(8) {
    width: 7%;
    text-align: center;
}

.class_courseStatus1 th:nth-child(3),
.class_courseStatus1 td:nth-child(3) {
    width: 7%;
    text-align: center;
}
.class_courseStatus1 th:nth-child(5),
.class_courseStatus1 td:nth-child(5) {
    width: 7%;
    text-align: center;
}
.class_courseStatus1 th:nth-child(6),
.class_courseStatus1 td:nth-child(6) {
    width: 8%;
    text-align: center;
}
.class_courseStatus1 th:nth-child(10),
.class_courseStatus1 td:nth-child(10) {
    width: 7%;
    text-align: center;
}
.class_courseStatus1 th:nth-child(9),
.class_courseStatus1 td:nth-child(9),
.class_courseStatus1 th:nth-child(11),
.class_courseStatus1 td:nth-child(11) {
    width: 9%;
    text-align: center;
}
.class_courseStatus1 th:nth-child(12),
.class_courseStatus1 td:nth-child(12) {
    width: 6%;
    text-align: center;
}

.class_courseStatus1 th:nth-child(13),
.class_courseStatus1 td:nth-child(13) {
    width: 6%;
    text-align: center;
}

.class_courseStatus1 td:nth-child(11) > div {
    text-align: center;
    display: inline-block;
}
 class_courseStatus1(12개) */

/* class_courseMove(12개) */
.class_courseMove {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_courseMove th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_courseMove td {
        box-sizing: border-box;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_courseMove th:nth-child(1),
        .class_courseMove td:nth-child(1) {
            width: 4%;
            text-align: center;
        }

        .class_courseMove th:nth-child(2),
        .class_courseMove td:nth-child(2),
        .class_courseMove th:nth-child(3),
        .class_courseMove td:nth-child(3),
        .class_courseMove th:nth-child(4),
        .class_courseMove td:nth-child(4),
        .class_courseMove th:nth-child(5),
        .class_courseMove td:nth-child(5),
        .class_courseMove th:nth-child(8),
        .class_courseMove td:nth-child(8),
        .class_courseMove th:nth-child(10),
        .class_courseMove td:nth-child(10),
        .class_courseMove th:nth-child(11),
        .class_courseMove td:nth-child(11) {
            width: 7%;
            text-align: center;
        }

        .class_courseMove th:nth-child(7),
        .class_courseMove td:nth-child(7) {
            width: 17%;
            text-align: left;
        }

        .class_courseMove th:nth-child(6),
        .class_courseMove td:nth-child(6),
        .class_courseMove th:nth-child(9),
        .class_courseMove td:nth-child(9),
        .class_courseMove th:nth-child(12),
        .class_courseMove td:nth-child(12) {
            width: 10%;
            text-align: center;
        }
/* class_courseMove(12개) */

/* class_courseWait(12개) */
.class_courseWait {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_courseWait th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_courseWait td {
        box-sizing: border-box;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_courseWait th:nth-child(1),
        .class_courseWait td:nth-child(1) {
            width: 4%;
            text-align: center;
        }

        .class_courseWait th:nth-child(2),
        .class_courseWait td:nth-child(2),
        .class_courseWait th:nth-child(3),
        .class_courseWait td:nth-child(3),
        .class_courseWait th:nth-child(4),
        .class_courseWait td:nth-child(4),
        .class_courseWait th:nth-child(5),
        .class_courseWait td:nth-child(5),
        .class_courseWait th:nth-child(8),
        .class_courseWait td:nth-child(8),
        .class_courseWait th:nth-child(10),
        .class_courseWait td:nth-child(10),
        .class_courseWait th:nth-child(11),
        .class_courseWait td:nth-child(11), {
            width: 7%;
            text-align: center;
        }

        .class_courseWait th:nth-child(7),
        .class_courseWait td:nth-child(7) {
            width: 17%;
            text-align: left;
        }

        .class_courseWait th:nth-child(6),
        .class_courseWait td:nth-child(6),
        .class_courseWait th:nth-child(9),
        .class_courseWait td:nth-child(9),
        .class_courseWait th:nth-child(12),
        .class_courseWait td:nth-child(12) {
            width: 10%;
            text-align: center;
        }
/* class_courseWait(12개) */

/* class_presentation(8개) */
.class_presentation {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_presentation th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_presentation td {
        padding-left: 5px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_presentation th:nth-child(1),
        .class_presentation td:nth-child(1) {
            width: 4%;
            text-align: center;
        }

        .class_presentation th:nth-child(2),
        .class_presentation td:nth-child(2),
        .class_presentation th:nth-child(4),
        .class_presentation td:nth-child(4)
        .class_presentation th:nth-child(6),
        .class_presentation td:nth-child(6),
        .class_presentation th:nth-child(7),
        .class_presentation td:nth-child(7) {
            width: 7%;
            text-align: center;
        }

        .class_presentation th:nth-child(3),
        .class_presentation td:nth-child(3) {
            width: 48%;
            text-align: center;
        }


        .class_presentation th:nth-child(5),
        .class_presentation td:nth-child(5),
        .class_presentation th:nth-child(8),
        .class_presentation td:nth-child(8) {
            width: 10%;
            text-align: center;
        }

/* class_presentation(8개) */

/* class_courseWinSum(12개) */
.class_courseWinSum {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_courseWinSum th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_courseWinSum td {
        padding-left: 5px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        /*.class_courseWinSum th:nth-child(1),
        .class_courseWinSum td:nth-child(1) {
            width: 4%;
            text-align: center;
        }

        .class_courseWinSum th:nth-child(2),
        .class_courseWinSum td:nth-child(2),
        .class_courseWinSum th:nth-child(3),
        .class_courseWinSum td:nth-child(3),
        .class_courseWinSum th:nth-child(4),
        .class_courseWinSum td:nth-child(4),
        .class_courseWinSum th:nth-child(5),
        .class_courseWinSum td:nth-child(5),
        .class_courseWinSum th:nth-child(10),
        .class_courseWinSum td:nth-child(10),
        .class_courseWinSum th:nth-child(11),
        .class_courseWinSum td:nth-child(11) {
            width: 7%;
            text-align: center;
        }

        .class_courseWinSum th:nth-child(10),
        .class_courseWinSum td:nth-child(10) {
            width: 24%;
            text-align: center;
        }

        .class_courseWinSum th:nth-child(7),
        .class_courseWinSum td:nth-child(7),
        .class_courseWinSum th:nth-child(9),
        .class_courseWinSum td:nth-child(9),
        .class_courseWinSum th:nth-child(12),
        .class_courseWinSum td:nth-child(12) {
            width: 10%;
            text-align: center;
        }*/

        .class_courseWinSum th:nth-child(1),
        .class_courseWinSum td:nth-child(1) {
            width: 4%;
            text-align: center;
        }

        .class_courseWinSum th:nth-child(2),
        .class_courseWinSum td:nth-child(2) {
            width: 6%;
            text-align: center;
        }

        .class_courseWinSum th:nth-child(3),
        .class_courseWinSum td:nth-child(3),
        .class_courseWinSum th:nth-child(4),
        .class_courseWinSum td:nth-child(4) {
            width: 15%;
            text-align: center;
        }

        .class_courseWinSum th:nth-child(5),
        .class_courseWinSum td:nth-child(5),
        .class_courseWinSum th:nth-child(6),
        .class_courseWinSum td:nth-child(6),
        .class_courseWinSum th:nth-child(9),
        .class_courseWinSum td:nth-child(9),
        .class_courseWinSum th:nth-child(10),
        .class_courseWinSum td:nth-child(10),
        .class_courseWinSum th:nth-child(11),
        .class_courseWinSum td:nth-child(11),
        .class_courseWinSum th:nth-child(12),
        .class_courseWinSum td:nth-child(12) {
            width: 10%;
            text-align: center;
        }

        .class_courseWinSum th:nth-child(7),
        .class_courseWinSum td:nth-child(7),
        .class_courseWinSum th:nth-child(8),
        .class_courseWinSum td:nth-child(8) {
            width: 5%;
            text-align: center;
        }
/* class_courseWinSum(12개) */

/* class_courseStatusWS(14개) */
.class_courseStatusWS {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_courseStatusWS th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_courseStatusWS td {
        padding-left: 5px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_courseStatusWS th:nth-child(1),
        .class_courseStatusWS td:nth-child(1) {
            width: 2%;
            text-align: center;
        }

        .class_courseStatusWS th:nth-child(2),
        .class_courseStatusWS td:nth-child(2),
        .class_courseStatusWS th:nth-child(11),
        .class_courseStatusWS td:nth-child(11) {
            width: 4%;
            text-align: center;
        }

        .class_courseStatusWS th:nth-child(3),
        .class_courseStatusWS td:nth-child(3) {
            width: 8%;
            text-align: center;
        }

        .class_courseStatusWS th:nth-child(7),
        .class_courseStatusWS td:nth-child(7) {
            width: 7%;
            text-align: center;
        }

        .class_courseStatusWS th:nth-child(5),
        .class_courseStatusWS td:nth-child(5) {
            width: 6%;
            text-align: center;
        }

        .class_courseStatusWS th:nth-child(4),
        .class_courseStatusWS td:nth-child(4) {
            width: 27%;
            text-align: left;
        }

        .class_courseStatusWS th:nth-child(9),
        .class_courseStatusWS td:nth-child(9) {
            width: 5%;
            text-align: center;
        }

        .class_courseStatusWS th:nth-child(6),
        .class_courseStatusWS td:nth-child(6),
        .class_courseStatusWS th:nth-child(8),
        .class_courseStatusWS td:nth-child(8),
        .class_courseStatusWS th:nth-child(14),
        .class_courseStatusWS td:nth-child(14) {
            width: 3%;
            text-align: center;
        }

        .class_courseStatusWS th:nth-child(10),
        .class_courseStatusWS td:nth-child(10) {
            width: 8%;
            text-align: center;
        }


        .class_courseStatusWS th:nth-child(12),
        .class_courseStatusWS td:nth-child(12),
        .class_courseStatusWS th:nth-child(15),
        .class_courseStatusWS td:nth-child(15) {
            width: 5%;
            text-align: center;
        }

        .class_courseStatusWS th:nth-child(13),
        .class_courseStatusWS td:nth-child(13) {
            width: 8%;
            text-align: center;
        }
/* class_courseStatusWS(14개) */

/* class_clickItem(4개) */
.class_clickItem {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_clickItem th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_clickItem td {
        padding-left: 5px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_clickItem th:nth-child(1),
        .class_clickItem td:nth-child(1) {
            width: 5%;
            text-align: center;
        }

        .class_clickItem th:nth-child(2),
        .class_clickItem td:nth-child(2) {
            width: 10%;
            text-align: center;
        }

        .class_clickItem th:nth-child(3),
        .class_clickItem td:nth-child(3) {
            width: 70%;
            text-align: center;
        }

        .class_clickItem th:nth-child(4),
        .class_clickItem td:nth-child(4) {
            width: 15%;
            text-align: center;
        }

/* class_clickItem(4개) */

/* class_cssList(5개) */
.class_cssList {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_cssList th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_cssList td {
        padding-left: 5px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_cssList th:nth-child(1),
        .class_cssList td:nth-child(1) {
            width: 5%;
            text-align: center;
        }

        .class_cssList th:nth-child(2),
        .class_cssList td:nth-child(2),
        .class_cssList th:nth-child(5),
        .class_cssList td:nth-child(5) {
            width: 10%;
            text-align: center;
        }

        .class_cssList th:nth-child(3),
        .class_cssList td:nth-child(3) {
            width: 60%;
            text-align: center;
        }

        .class_cssList th:nth-child(4),
        .class_cssList td:nth-child(4) {
            width: 15%;
            text-align: center;
        }
/* class_cssList(5개) */

/* class_clause(7개) */
.class_clause {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_clause th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_clause td {
        padding-left: 5px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_clause th:nth-child(1),
        .class_clause td:nth-child(1) {
            width: 5%;
            text-align: center;
        }

        .class_clause th:nth-child(2),
        .class_clause td:nth-child(2) {
            width: 10%;
            text-align: center;
        }

        .class_clause th:nth-child(3),
        .class_clause td:nth-child(3) {
            width: 30%;
            text-align: center;
        }

        .class_clause th:nth-child(4),
        .class_clause td:nth-child(4) {
            width: 10%;
            text-align: center;
        }

        .class_clause th:nth-child(5),
        .class_clause td:nth-child(5),
        .class_clause th:nth-child(6),
        .class_clause td:nth-child(6),
        .class_clause th:nth-child(7),
        .class_clause td:nth-child(7) {
            width: 15%;
            text-align: center;
        }
/* class_clause(7개) */

/* class_banner(10개) */
.class_banner {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_banner th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_banner td {
        padding-left: 5px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_banner th:nth-child(1),
        .class_banner td:nth-child(1),
        .class_banner th:nth-child(2),
        .class_banner td:nth-child(2),
        .class_banner th:nth-child(4),
        .class_banner td:nth-child(4),
        .class_banner th:nth-child(6),
        .class_banner td:nth-child(6) {
            width: 5%;
            text-align: center;
        }

        .class_banner th:nth-child(3),
        .class_banner td:nth-child(3),
        .class_banner th:nth-child(5),
        .class_banner td:nth-child(5) {
            width: 15%;
            text-align: center;
        }

        .class_banner th:nth-child(7),
        .class_banner td:nth-child(7),
        .class_banner th:nth-child(8),
        .class_banner td:nth-child(8) {
            width: 10%;
            text-align: center;
        }

        .class_banner th:nth-child(9),
        .class_banner td:nth-child(9),
        .class_banner th:nth-child(10),
        .class_banner td:nth-child(10),
        .class_banner th:nth-child(11),
        .class_banner td:nth-child(11) {
            width: 10%;
            text-align: center;
        }
/* class_banner(10개) */

/* class_popup(9개) */
.class_popup {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_popup th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_popup td {
        padding-left: 5px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_popup th:nth-child(1),
        .class_popup td:nth-child(1),
        .class_popup th:nth-child(6),
        .class_popup td:nth-child(6) {
            width: 5%;
            text-align: center;
        }

        .class_popup th:nth-child(2),
        .class_popup td:nth-child(2),
        .class_popup th:nth-child(4),
        .class_popup td:nth-child(4),
        .class_popup th:nth-child(7),
        .class_popup td:nth-child(7),
        .class_popup th:nth-child(8),
        .class_popup td:nth-child(8) {
            width: 10%;
            text-align: center;
        }

        .class_popup th:nth-child(3),
        .class_popup td:nth-child(3),
        .class_popup th:nth-child(9),
        .class_popup td:nth-child(9) {
            width: 15%;
            text-align: center;
        }

        .class_popup th:nth-child(5),
        .class_popup td:nth-child(5) {
            width: 20%;
            text-align: center;
        }
/* class_popup(9개) */

/* class_ipList(5개) */
.class_ipList {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_ipList th {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 100%;
    }

    .class_ipList td {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

    .class_ipList th,
    .clsss_ipList td {
        box-sizing: border-box;
    }

        .class_ipList th:nth-child(1),
        .class_ipList td:nth-child(1) {
            width: 5%;
            text-align: center;
        }

        .class_ipList th:nth-child(2),
        .class_ipList td:nth-child(2) {
            width: 15%;
            text-align: center;
        }

        .class_ipList th:nth-child(3),
        .class_ipList td:nth-child(3) {
            width: 60%;
        }

        .class_ipList th:nth-child(4),
        .class_ipList td:nth-child(4),
        .class_ipList th:nth-child(5),
        .class_ipList td:nth-child(5) {
            width: 10%;
            text-align: center;
        }
/* class_ipList(5개) */


/* class_authItem(5개) */
.class_authItem {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_authItem th {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 100%;
    }

    .class_authItem td {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

    .class_authItem th,
    .class_authItem td {
        box-sizing: border-box;
    }

        .class_authItem th:nth-child(1),
        .class_authItem td:nth-child(1) {
            width: 5%;
            text-align: center;
        }

        .class_authItem th:nth-child(2),
        .class_authItem td:nth-child(2) {
            width: 10%;
            text-align: center;
        }

        .class_authItem th:nth-child(3),
        .class_authItem td:nth-child(3),
        .class_authItem th:nth-child(7),
        .class_authItem td:nth-child(7) {
            width: 15%;
            text-align: center;
        }
        .class_authItem th:nth-child(5),
        .class_authItem td:nth-child(5),
        .class_authItem th:nth-child(6),
        .class_authItem td:nth-child(6) {
            width: 10%;
            text-align: center;
        }
        .class_authItem th:nth-child(4),
        .class_authItem td:nth-child(4) {
            width: 35%;
        }
/* class_auth_item(5개) */


/* class_mainCards(9개) */
.class_mainCards {
    min-width: 1000px;
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_mainCards li {
        display: flex;
        place-items: center;
        justify-content: center;
    }

    .class_mainCards .title li {
        padding: 0;
        line-height: 100%;
    }

    .class_mainCards .list li {
        padding-left: 5px;
    }

    .class_mainCards li:nth-child(1),
    .class_mainCards li:nth-child(1) {
        display: flex;
        place-items: center;
        justify-content: center;
        width: 5%;
    }

    .class_mainCards li:nth-child(4) {
        width: 30%;
        text-align: center;
    }

    .class_mainCards li:nth-child(6) {
        width: 5%;
        text-align: center;
    }

    .class_mainCards li:nth-child(2),
    .class_mainCards li:nth-child(3),
    .class_mainCards li:nth-child(5),
    .class_mainCards li:nth-child(7),
    .class_mainCards li:nth-child(8),
    .class_mainCards li:nth-child(9) {
        width: 10%;
        text-align: center;
    }
/* class_mainCards(9개) */

/* class_course(12개) */
.class_course {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_course th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_course td {
        box-sizing: border-box;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_course th:nth-child(1),
        .class_course td:nth-child(1) {
            width: 4%;
            text-align: center;
        }

        .class_course th:nth-child(2),
        .class_course td:nth-child(2),
        .class_course th:nth-child(3),
        .class_course td:nth-child(3),
        .class_course th:nth-child(4),
        .class_course td:nth-child(4),
        .class_course th:nth-child(5),
        .class_course td:nth-child(5),
        .class_course th:nth-child(8),
        .class_course td:nth-child(8),
        .class_course th:nth-child(10),
        .class_course td:nth-child(10),
        .class_course th:nth-child(11),
        .class_course td:nth-child(11), {
            width: 7%;
            text-align: center;
        }

        .class_course th:nth-child(7),
        .class_course td:nth-child(7) {
            width: 17%;
            text-align: left;
        }

        .class_course th:nth-child(6),
        .class_course td:nth-child(6),
        .class_course th:nth-child(9),
        .class_course td:nth-child(9),
        .class_course th:nth-child(12),
        .class_course td:nth-child(12) {
            width: 10%;
            text-align: center;
        }
/* class_course(12개) */

/* class_member(10개) */
.class_member li:first-child {
    width: 4%;
    padding-left: 5px;
    text-align: center;
}

.class_member li:nth-child(2) {
    width: 5%;
    text-align: center;
}

.class_member li:nth-child(3),
.class_member li:nth-child(4) {
    width: 10%;
    text-align: center;
}
.class_member li:nth-child(5) {
    width: 10%;
    text-align: center;
}
.class_member li:nth-child(7),
.class_member li:nth-child(8),
.class_member li:nth-child(9),
.class_member li:nth-child(10) {
    width: 10%;
    text-align: center;
}

.class_member li:nth-child(11) {
    width: 8%;
    text-align: center;
}

.class_member li:nth-child(6) {
    width: 16%;
    text-align: center;
}
/* class_member(10개) */

/* class_withdraws(8개) */
.class_withdraws li:first-child {
    width: 4%;
    padding-left: 5px;
    text-align: center;
}

.class_withdraws li:nth-child(2),
.class_withdraws li:nth-child(3),
.class_withdraws li:nth-child(4),
.class_withdraws li:nth-child(6),
.class_withdraws li:nth-child(7),
.class_withdraws li:nth-child(8) {
    width: 10%;
    text-align: center;
}

.class_withdraws li:nth-child(5) {
    width: 36%;
    text-align: center;
}
/* class_withdraws(8개) */

/* class_categoryLarge(4개) */
.class_categoryLarge {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_categoryLarge th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_categoryLarge td {
        box-sizing: border-box;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_categoryLarge th:nth-child(1),
        .class_categoryLarge td:nth-child(1) {
            width: 4%;
        }

        .class_categoryLarge th:nth-child(2),
        .class_categoryLarge td:nth-child(2) {
            width: 10%;
        }

        .class_categoryLarge th:nth-child(3),
        .class_categoryLarge td:nth-child(3) {
            width: 70%;
        }

        .class_categoryLarge th:nth-child(4),
        .class_categoryLarge td:nth-child(4) {
            width: 16%;
        }
/* class_categoryLarge(4개) */

/* class_categoryMedium(5개) */
.class_categoryMedium {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_categoryMedium th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_categoryMedium td {
        box-sizing: border-box;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_categoryMedium th:nth-child(1),
        .class_categoryMedium td:nth-child(1) {
            width: 4%;
        }

        .class_categoryMedium th:nth-child(2),
        .class_categoryMedium td:nth-child(2) {
            width: 10%;
        }

        .class_categoryMedium th:nth-child(3),
        .class_categoryMedium td:nth-child(3),
        .class_categoryMedium th:nth-child(4),
        .class_categoryMedium td:nth-child(4) {
            width: 35%;
        }

        .class_categoryMedium th:nth-child(5),
        .class_categoryMedium td:nth-child(5) {
            width: 16%;
        }
/* class_categoryMedium(5개) */

.pdf .text_button {
    min-width: 56px;
    margin-left: 15px;
}

/* class_categoryMedium_write(4개) */
.class_categoryMedium_write {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

    .class_categoryMedium_write ul {
        display: flex;
        place-items: center;
        justify-content: center;
    }

    .class_categoryMedium_write li {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: -0.33px;
    }

    .class_categoryMedium_write .list {
        border-bottom: 1px solid #ddd;
    }

    .class_categoryMedium_write .title {
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        background: #eee /*#202960*/;
    }

        .class_categoryMedium_write .title li {
            padding: 10px 0;
            line-height: 100%;
            color: #333;
            font-weight: 500;
        }

    .class_categoryMedium_write .list li {
        padding: 5px;
    }

    .class_categoryMedium_write li:nth-child(1),
    .class_categoryMedium_write li:nth-child(3) {
        width: 10%;
        min-width: 56px;
        text-align: center;
    }

    .class_categoryMedium_write li:nth-child(2) {
        width: 80%;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
    }

    .class_categoryMedium_write .list li:nth-child(2) {
        text-align: left;
        padding-left: 1px;
        padding-right: 10px;
    }

    .class_categoryMedium_write input[type=text] {
        width: 100%;
        height: 30px;
        padding-left: 20px;
        background: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 6px;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: -0.33px;
        color: #333333;
    }

    .class_categoryMedium_write .file_wrap {
        max-width: 100%;
        margin-top: 5px;
    }

    .class_categoryMedium_write .page_url,
    .class_categoryMedium_write .page2_url {
        max-width: 79%;
        margin-top: 5px;
    }
    .class_categoryMedium_write .text_button {
        text-align: center;
        min-width: 56px;
    }
/* class_categoryMedium_write(3개) */


/* class_categorySmall(6개) */
.class_categorySmall {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_categorySmall th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_categorySmall td {
        box-sizing: border-box;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_categorySmall th:nth-child(1),
        .class_categorySmall td:nth-child(1) {
            width: 4%;
        }

        .class_categorySmall th:nth-child(2),
        .class_categorySmall td:nth-child(2) {
            width: 10%;
        }

        .class_categorySmall th:nth-child(3),
        .class_categorySmall td:nth-child(3),
        .class_categorySmall th:nth-child(4),
        .class_categorySmall td:nth-child(4),
        .class_categorySmall th:nth-child(5),
        .class_categorySmall td:nth-child(5) {
            width: 23.333%;
        }

        .class_categorySmall th:nth-child(6),
        .class_categorySmall td:nth-child(6) {
            width: 16%;
        }
/* class_categorySmall(6개) */

/* class_otLarge(4개) */
.class_otLarge {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_otLarge th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_otLarge td {
        box-sizing: border-box;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_otLarge th:nth-child(1),
        .class_otLarge td:nth-child(1) {
            width: 4%;
        }

        .class_otLarge th:nth-child(2),
        .class_otLarge td:nth-child(2) {
            width: 10%;
        }

        .class_otLarge th:nth-child(3),
        .class_otLarge td:nth-child(3) {
            width: 70%;
        }

        .class_otLarge th:nth-child(4),
        .class_otLarge td:nth-child(4) {
            width: 16%;
        }
/* class_otLarge(4개) */

/* class_otMedium(5개) */
.class_otMedium {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_otMedium th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_otMedium td {
        box-sizing: border-box;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_otMedium th:nth-child(1),
        .class_otMedium td:nth-child(1) {
            width: 4%;
        }

        .class_otMedium th:nth-child(2),
        .class_otMedium td:nth-child(2) {
            width: 10%;
        }

        .class_otMedium th:nth-child(3),
        .class_otMedium td:nth-child(3),
        .class_otMedium th:nth-child(4),
        .class_otMedium td:nth-child(4) {
            width: 35%;
        }

        .class_otMedium th:nth-child(5),
        .class_otMedium td:nth-child(5) {
            width: 16%;
        }
/* class_otMedium(5개) */

/* class_otSmall(6개) */
.class_otSmall {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_otSmall th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_otSmall td {
        box-sizing: border-box;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_otSmall th:nth-child(1),
        .class_otSmall td:nth-child(1) {
            width: 4%;
        }

        .class_otSmall th:nth-child(2),
        .class_otSmall td:nth-child(2) {
            width: 10%;
        }

        .class_otSmall th:nth-child(3),
        .class_otSmall td:nth-child(3),
        .class_otSmall th:nth-child(4),
        .class_otSmall td:nth-child(4),
        .class_otSmall th:nth-child(5),
        .class_otSmall td:nth-child(5) {
            width: 23.333%;
        }

        .class_otSmall th:nth-child(6),
        .class_otSmall td:nth-child(6) {
            width: 16%;
        }
/* class_otSmall(6개) */

/* class_click(7개) */
.class_click li {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    place-items: center;
    justify-content: center;
    text-align: center;
}

    .class_click li:first-child {
        width: 5%;
    }

    .class_click li .input_box {
        width: 100%;
        height: 40px;
        line-height: 100%;
        padding-left: 20px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        border: 1px solid #dddddd;
        border-radius: 6px;
    }

.class_click .write {
    background: rgba(255, 239, 24, 0.1);
    border-bottom: 2px solid #202960;
}

.class_click li:nth-child(2),
.class_click li:nth-child(3),
.class_click li:nth-child(5),
.class_click li:nth-child(7) {
    width: 19%;
    text-align: center;
}

.class_click li:nth-child(4),
.class_click li:nth-child(6) {
    width: 10%;
    text-align: center;
}
/* class_click(7개) */

/* class_dashboard(6개) */
.class_dashboard li {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    place-items: center;
    justify-content: center;
    text-align: center;
}

.class_dashboard .list li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.class_dashboard li:nth-child(1),
.class_dashboard li:nth-child(6) {
    width: 10%;
    text-align: center;
}

.class_dashboard li:nth-child(2),
.class_dashboard li:nth-child(4),
.class_dashboard li:nth-child(5) {
    width: 15%;
    text-align: center;
}

.class_dashboard li:nth-child(3) {
    width: 45%;
}

.class_dashboard .list li:nth-child(3) {
    justify-content: left;
}

/* class_dashboard(6개) */

/* class_permission(9개) 
        .class_permission li {
            padding-left: 10px;
            padding-right: 10px;
            display: flex;
            place-items: center;
            justify-content: center;
            text-align: center;
        }

        .class_permission li:first-child {
            width: 4%;
        }

        .class_permission li:nth-child(2) {
            width: 6%;
            text-align: center;
        }

        .class_permission li:nth-child(3),
        .class_permission li:nth-child(4),
        .class_permission li:nth-child(5),
        .class_permission li:nth-child(9) {
            width: 15%;
            text-align: center;
        }

        .class_permission li:nth-child(6),
        .class_permission li:nth-child(7),
        .class_permission li:nth-child(8) {
            width: 10%;
        }
class_permission(9개) */

/* class_permission(10개) */
.class_permission li {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    place-items: center;
    justify-content: center;
    text-align: center;
}

    .class_permission li:first-child {
        width: 4%;
    }

    .class_permission li:nth-child(2) {
        width: 7%;
        text-align: center;
    }

    .class_permission li:nth-child(3),
    .class_permission li:nth-child(4),
    .class_permission li:nth-child(5) {
        width: 13%;
        text-align: center;
    }

    .class_permission li:nth-child(6),
    .class_permission li:nth-child(7),
    .class_permission li:nth-child(8),
    .class_permission li:nth-child(9),
    .class_permission li:nth-child(10) {
        width: 10%;
    }
/* class_permission(10개) */

/* class_notice(5개) */
.class_notice li {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    place-items: center;
    justify-content: center;
    text-align: center;
}

    .class_notice li:first-child {
        width: 5%;
    }

    .class_notice li:nth-child(2),
    .class_notice li:nth-child(4) {
        width: 10%;
        text-align: center;
    }

    .class_notice li:nth-child(3) {
        width: 60%;
        text-align: center;
    }

    .class_notice li:nth-child(5) {
        width: 15%;
    }
/* class_notice(5개) */

/*class_teacher(10개)*/
.class_teacher {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_teacher th {
        padding: 20px 0 !important;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_teacher td {
        box-sizing: border-box;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_teacher th:nth-child(1),
        .class_teacher td:nth-child(1) {
            width: 4%;
            text-align: center;
        }

        .class_teacher th:nth-child(2),
        .class_teacher td:nth-child(2) {
            width: 6%;
            text-align: center;
        }

        .class_teacher th:nth-child(3),
        .class_teacher td:nth-child(3) {
            text-align:center;
        }
        .class_teacher th:nth-child(4),
        .class_teacher td:nth-child(4),
        .class_teacher th:nth-child(5),
        .class_teacher td:nth-child(5),
        .class_teacher th:nth-child(6),
        .class_teacher td:nth-child(6),
        .class_teacher th:nth-child(8),
        .class_teacher td:nth-child(8),
        .class_teacher th:nth-child(9),
        .class_teacher td:nth-child(9),
        .class_teacher th:nth-child(10),
        .class_teacher td:nth-child(10) {
            width: 10%;
            text-align: center;
        }

        .class_teacher th:nth-child(7),
        .class_teacher td:nth-child(7) {
            width: 15%;
            text-align: center;
        }
/*class_teacher(10개)*/

/*class_teacherSubject(4개)*/
.class_teacherSubject {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_teacherSubject th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_teacherSubject td {
        box-sizing: border-box;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_teacherSubject th:nth-child(1),
        .class_teacherSubject td:nth-child(1) {
            width: 5%;
        }

        .class_teacherSubject th:nth-child(2),
        .class_teacherSubject td:nth-child(2) {
            width: 10%;
        }

        .class_teacherSubject th:nth-child(3),
        .class_teacherSubject td:nth-child(3) {
            width: 70%;
        }

        .class_teacherSubject th:nth-child(4),
        .class_teacherSubject td:nth-child(4) {
            width: 15%;
        }
/*class_teacherSubject(4개)*/

/*class_announcer(8개)*/
.class_announcer {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_announcer th {
        padding: 20px 0 !important;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_announcer td {
        box-sizing: border-box;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_announcer th:nth-child(1),
        .class_announcer td:nth-child(1) {
            width: 5%;
            text-align: center;
        }

        .class_announcer th:nth-child(7),
        .class_announcer td:nth-child(7) {
            width: 10%;
            text-align: center;
        }

        .class_announcer th:nth-child(2),
        .class_announcer td:nth-child(2),
        .class_announcer th:nth-child(3),
        .class_announcer td:nth-child(3),
        .class_announcer th:nth-child(4),
        .class_announcer td:nth-child(4),
        .class_announcer th:nth-child(5),
        .class_announcer td:nth-child(5),
        .class_announcer th:nth-child(6),
        .class_announcer td:nth-child(6) {
            width: 10%;
            text-align: center;
        }

        .class_announcer th:nth-child(8),
        .class_announcer td:nth-child(8) {
            width: 25%;
            text-align: center;
        }
/*class_announcer(8개)*/


/* class_menu(5개) */
.class_menu li {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    place-items: center;
    justify-content: center;
    text-align: center;
}

    .class_menu li:first-child {
        width: 5%;
    }

    .class_menu li:nth-child(2) {
        width: 10%;
    }

    .class_menu li:nth-child(3),
    .class_menu li:nth-child(4) {
        width: 25%;
        text-align: center;
    }

    .class_menu li:nth-child(5) {
        width: 45%;
    }

/* class_menu(5개) */

/* class_vodlist(6개) */
.class_vodlist {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_vodlist th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_vodlist td {
        box-sizing: border-box;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_vodlist th:nth-child(1),
        .class_vodlist td:nth-child(1),
        .class_vodlist th:nth-child(2),
        .class_vodlist td:nth-child(2),
        .class_vodlist th:nth-child(3),
        .class_vodlist td:nth-child(3),
        .class_vodlist th:nth-child(4),
        .class_vodlist td:nth-child(4),
        .class_vodlist th:nth-child(6),
        .class_vodlist td:nth-child(6) {
            width: 10%;
            text-align: center;
        }

        .class_vodlist th:nth-child(5),
        .class_vodlist td:nth-child(5) {
            width: 50%;
            text-align: left;
        }
/* class_vodlist(6개) */

/* class_vodload(4개) */
.class_vodload {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_vodload th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_vodload td {
        box-sizing: border-box;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_vodload th:nth-child(1),
        .class_vodload td:nth-child(1) {
            width: 5%;
            text-align: center;
        }

        .class_vodload th:nth-child(1),
        .class_vodload td:nth-child(1) {
            width: 10%;
            text-align: center;
        }

        .class_vodload th:nth-child(3),
        .class_vodload td:nth-child(3) {
            width: 35%;
            text-align: left;
        }

        .class_vodload th:nth-child(4),
        .class_vodload td:nth-child(4) {
            width: 50%;
            text-align: left;
        }
/* class_vodload(4개) */

/* class_otvodlist(8개) */
.class_otvodlist {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_otvodlist table {
        width: 100% !important;
        min-width: 1000px;
        max-width: 100%;
        border-collapse: collapse !important;
    }

    .class_otvodlist th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_otvodlist td {
        place-items: center;
        justify-content: center;
        padding: 8px 5px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
        border-bottom: 1px solid rgba(0,0,0,0.15);
    }

        .class_otvodlist th:nth-child(1),
        .class_otvodlist td:nth-child(1),
        .class_otvodlist th:nth-child(2),
        .class_otvodlist td:nth-child(2),
        .class_otvodlist th:nth-child(8),
        .class_otvodlist td:nth-child(8) {
            width: 5%;
            text-align: center;
        }



        .class_otvodlist th:nth-child(7),
        .class_otvodlist td:nth-child(7) {
            width: 20%;
            text-align: left;
        }


        .class_otvodlist th:nth-child(3),
        .class_otvodlist td:nth-child(3),
        .class_otvodlist th:nth-child(4),
        .class_otvodlist td:nth-child(4),
        .class_otvodlist th:nth-child(5),
        .class_otvodlist td:nth-child(5),
        .class_otvodlist th:nth-child(6),
        .class_otvodlist td:nth-child(6),
        .class_otvodlist th:nth-child(8),
        .class_otvodlist td:nth-child(8),
        .class_otvodlist th:nth-child(9),
        .class_otvodlist td:nth-child(9) {
            width: 10%;
            text-align: center;
        }
/* class_otvodlist(8개) */

/*layer_otvodwrite(6개)*/
.layer_otvodwrite {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .layer_otvodwrite table {
        width: 100% !important;
        min-width: 1000px;
        max-width: 100%;
        border-collapse: collapse !important;
    }

    .layer_otvodwrite th {
        padding: 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .layer_otvodwrite td {
        place-items: center;
        justify-content: center;
        padding: 8px 5px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
        border-bottom: 1px solid rgba(0,0,0,0.15);
    }

        .layer_otvodwrite th:nth-child(1),
        .layer_otvodwrite td:nth-child(1) {
            width: 5%;
            text-align: center;
        }

        .layer_otvodwrite th:nth-child(2),
        .layer_otvodwrite td:nth-child(2),
        .layer_otvodwrite th:nth-child(6),
        .layer_otvodwrite td:nth-child(6) {
            width: 10%;
            text-align: center;
        }

        .layer_otvodwrite th:nth-child(3),
        .layer_otvodwrite td:nth-child(3),
        .layer_otvodwrite th:nth-child(4),
        .layer_otvodwrite td:nth-child(4) {
            width: 15%;
            text-align: center;
        }

        .layer_otvodwrite th:nth-child(5),
        .layer_otvodwrite td:nth-child(5) {
            width: 45%;
            text-align: left;
        }
/*layer_otvodwrite(6개)*/


/* class_vodlectureList(6개) */
.class_vodlectureList {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_vodlectureList th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_vodlectureList td {
        box-sizing: border-box;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_vodlectureList th:nth-child(1),
        .class_vodlectureList td:nth-child(1),
        .class_vodlectureList th:nth-child(6),
        .class_vodlectureList td:nth-child(6) {
            width: 10%;
            text-align: center;
        }

        .class_vodlectureList th:nth-child(2),
        .class_vodlectureList td:nth-child(2),
        .class_vodlectureList th:nth-child(3),
        .class_vodlectureList td:nth-child(3) {
            width: 15%;
            text-align: center;
        }

        .class_vodlectureList th:nth-child(4),
        .class_vodlectureList td:nth-child(4) {
            width: 45%;
            text-align: left;
        }

        .class_vodlectureList th:nth-child(5),
        .class_vodlectureList td:nth-child(5) {
            width: 5%;
            text-align: center;
        }
/* class_vodlectureList(6개) */


/* class_vodreviewList(6개) */
.class_vodreviewList {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_vodreviewList th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_vodreviewList td {
        box-sizing: border-box;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_vodreviewList th:nth-child(1),
        .class_vodreviewList td:nth-child(1),
        .class_vodreviewList th:nth-child(6),
        .class_vodreviewList td:nth-child(6) {
            width: 10%;
            text-align: center;
        }

        .class_vodreviewList th:nth-child(2),
        .class_vodreviewList td:nth-child(2),
        .class_vodreviewList th:nth-child(3),
        .class_vodreviewList td:nth-child(3) {
            width: 15%;
            text-align: center;
        }

        .class_vodreviewList th:nth-child(4),
        .class_vodreviewList td:nth-child(4) {
            width: 45%;
            text-align: left;
        }

.class_vodlectureList th:nth-child(5),
.class_vodlectureList td:nth-child(5) {
    width: 5%;
    text-align: center;
}
/* class_vodreviewList(6개) */


/* class_vodqnalist(7개) */
.class_vodqnalist li {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    place-items: center;
    justify-content: center;
    text-align: center;
}

.class_vodqnalist .list li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.class_vodqnalist li:nth-child(1),
.class_vodqnalist li:nth-child(7) {
    width: 10%;
    text-align: center;
}

.class_vodqnalist li:nth-child(2),
.class_vodqnalist li:nth-child(3),
.class_vodqnalist li:nth-child(5),
.class_vodqnalist li:nth-child(6) {
    width: 15%;
    text-align: center;
}

.class_vodqnalist li:nth-child(4) {
    width: 45%;
}

.class_vodqnalist .list li:nth-child(4) {
    justify-content: left;
}

/* class_vodqnalist(7개) */

/* class_vodqnaview */
.board_view.class_vodqnaview .item_box:first-child {
    padding-bottom: 20px;
}

.board_view.class_vodqnaview .item_box .item_sub .title {
    display: inline-block;
    min-width: 60px;
    padding: 0;
    margin: 0;
    color: #333;
    font-weight: 600;
    background: none;
}

.board_view.class_vodqnaview .item_box .item_sub .item_bar {
    display: inline-block;
    padding: 0 20px 0 0;
    font-size: 17px;
    color: #ddd;
}

.board_view.class_vodqnaview .item_box .file_name {
    display: inline-block;
    margin-left: 0;
    padding: 0;
    line-height: 100%;
    font-size: 14px;
    color: #888;
    background: none;
    border-radius: 0;
    cursor: pointer;
    text-decoration: underline;
}

.board_view.class_vodqnaview .item_rebox .file_name {
    display: inline-block;
    margin-left: 0px;
    padding: 5px 15px 5px 35px;
    line-height: 100%;
    font-size: 14px;
    color: #666;
    background: #fff url(../images/download.png) 5px 50% no-repeat;
    border-radius: 3px;
    border: 1px solid #eee;
    cursor: pointer;
    text-decoration: none;
}

    .board_view.class_vodqnaview .item_rebox .file_name:hover {
        background-color: #fff;
        color: #333;
        border: 1px solid #ccc;
    }
/* class_vodqnaview */

/* class_vodqnawrite */
.board_view.class_vodqnawrite .item_box:first-child {
    padding-bottom: 20px;
}

.board_view.class_vodqnawrite .item_box .item_sub .title {
    display: inline-block;
    min-width: 60px;
    padding: 0;
    margin: 0;
    color: #333;
    font-weight: 600;
    background: none;
}

.board_view.class_vodqnawrite .item_box .item_sub .item_bar {
    display: inline-block;
    padding: 0 20px 0 0;
    font-size: 17px;
    color: #ddd;
}

.board_view.class_vodqnawrite .item_box .file_name {
    display: inline-block;
    margin-left: 0;
    padding: 0;
    line-height: 100%;
    font-size: 14px;
    color: #888;
    background: none;
    border-radius: 0;
    cursor: pointer;
    text-decoration: underline;
}

.board_view.class_vodqnawrite .item_rebox .file_name {
    display: inline-block;
    margin-left: 0px;
    padding: 5px 15px 5px 35px;
    line-height: 100%;
    font-size: 14px;
    color: #666;
    background: #fff url(../images/download.png) 5px 50% no-repeat;
    border-radius: 3px;
    border: 1px solid #eee;
    cursor: pointer;
    text-decoration: none;
}

    .board_view.class_vodqnawrite .item_rebox .file_name:hover {
        background-color: #fff;
        color: #333;
        border: 1px solid #ccc;
    }

.board_view.class_vodqnawrite .item_box .item_title {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -0.75px;
    text-align: left;
}

.board_view.class_vodqnawrite .note-editor.note-airframe, .note-editor.note-frame {
    background: #fff;
}

.board_view.class_vodqnawrite .file_wrap {
    background: #fff;
}

.board_view.class_vodqnawrite .item_rebox .item_title {
    width: 100px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.33px;
    color: #333;
}

/* class_vodqnawrite */


/* class_vodnoticelist(5개) */
.class_vodnoticelist li {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    place-items: center;
    justify-content: center;
    text-align: center;
}

.class_vodnoticelist .list li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.class_vodnoticelist li:nth-child(1),
.class_vodnoticelist li:nth-child(5) {
    width: 10%;
    text-align: center;
}

.class_vodnoticelist li:nth-child(2),
.class_vodnoticelist li:nth-child(3) {
    width: 15%;
    text-align: center;
}

.class_vodnoticelist li:nth-child(4) {
    width: 50%;
}

.class_vodnoticelist .list li:nth-child(4) {
    justify-content: left;
}

/* class_vodnoticelist(5개) */

/* class_vodnoticeview */
.board_view.class_vodnoticeview .item_box:first-child {
    padding-bottom: 20px;
}

.board_view.class_vodnoticeview .item_box .item_sub .title {
    display: inline-block;
    min-width: 60px;
    padding: 0;
    margin: 0;
    color: #333;
    font-weight: 600;
    background: none;
}

.board_view.class_vodnoticeview .item_box .item_sub .item_bar {
    display: inline-block;
    padding: 0 20px 0 0;
    font-size: 17px;
    color: #ddd;
}

.board_view.class_vodnoticeview .item_box .file_name {
    display: inline-block;
    margin-left: 0;
    padding: 0;
    line-height: 100%;
    font-size: 14px;
    color: #888;
    background: none;
    border-radius: 0;
    cursor: pointer;
    text-decoration: underline;
}

.board_view.class_vodnoticeview .item_rebox .file_name {
    display: inline-block;
    margin-left: 0px;
    padding: 5px 15px 5px 35px;
    line-height: 100%;
    font-size: 14px;
    color: #666;
    background: #fff url(../images/download.png) 5px 50% no-repeat;
    border-radius: 3px;
    border: 1px solid #eee;
    cursor: pointer;
    text-decoration: none;
}

    .board_view.class_vodnoticeview .item_rebox .file_name:hover {
        background-color: #fff;
        color: #333;
        border: 1px solid #ccc;
    }
/* class_vodnoticeview */

/* class_studentlist(6개) */
.class_studentlist {
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_studentlist th {
        padding: 20px 0;
        line-height: 100%;
        box-sizing: border-box;
    }

    .class_studentlist td {
        box-sizing: border-box;
        padding-left: 5px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    }

        .class_studentlist th:nth-child(1),
        .class_studentlist td:nth-child(1),
        .class_studentlist th:nth-child(5),
        .class_studentlist td:nth-child(5) {
            width: 10%;
            text-align: center;
        }

        .class_studentlist th:nth-child(2),
        .class_studentlist td:nth-child(2) {
            width: 20%;
            text-align: center;
        }

        .class_studentlist th:nth-child(3),
        .class_studentlist td:nth-child(3) {
            width: 15%;
            text-align: center;
        }

        .class_studentlist th:nth-child(4),
        .class_studentlist td:nth-child(4) {
            width: 30%;
            text-align: center;
        }

        .class_studentlist th:nth-child(6),
        .class_studentlist td:nth-child(6) {
            width: 15%;
            text-align: center;
        }
/* class_studentlist(6개) */

/* class_voddevicelist(6개) */
.class_voddevicelist li {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    place-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

    .class_voddevicelist li p {
        padding-bottom: 5px;
    }
.class_voddevicelist .list li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.class_voddevicelist li:nth-child(1),
.class_voddevicelist li:nth-child(5) {
    width: 15%;
    text-align: center;
}

.class_voddevicelist li:nth-child(2),
.class_voddevicelist li:nth-child(3) {
    width: 20%;
    text-align: center;
}

.class_voddevicelist li:nth-child(4) {
    width: 30%;
    place-items: start;
}
/* class_voddevicelist(6개) */


/* class_blockuser(10개) */
.class_blockuser {
    min-width: 1000px;
    width: 100% !important;
    min-width: 1000px;
    max-width: 100%;
}

    .class_blockuser li {
        display: flex;
        place-items: center;
        justify-content: center;
    }

    .class_blockuser .title li {
        line-height: 120%;
        padding: 10px 0;
    }

        .class_blockuser .title li:nth-child(9) {
            background: #0070C0;
        }

    .class_blockuser .list li:nth-child(9) {
        background: rgba(0,112,192,0.05);
    }

    .class_blockuser li:nth-child(1) {
        padding-left: 10px;
    }

    .class_blockuser li:nth-child(10) {
        padding-right: 10px;
    }

    .class_blockuser li:nth-child(1),
    .class_blockuser li:nth-child(5) {
        display: flex;
        place-items: center;
        justify-content: center;
        width: 5%;
    }

    .class_blockuser li:nth-child(2),
    .class_blockuser li:nth-child(6),
    .class_blockuser li:nth-child(7),
    .class_blockuser li:nth-child(8) {
        width: 15%;
        text-align: center;
    }

    .class_blockuser li:nth-child(3),
    .class_blockuser li:nth-child(4),
    .class_blockuser li:nth-child(9),
    .class_blockuser li:nth-child(10) {
        display: flex;
        place-items: center;
        justify-content: center;
        width: 8%;
    }


.text_red {
    color: #fe4a4a !important;
}
/* class_blockuser(9개) */

/* 동영상 기기관리 > 동영상 기기 레이어 팝업 */
#voddevice_layer .not_match_layerA {
    width: 80%;
    padding: 50px;
    background-color: #ffffff;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

    #voddevice_layer .not_match_layerA .layer_title {
        padding-bottom: 30px;
        font-size: 20px;
        font-weight: 600;
        color: #333333;
    }

    #voddevice_layer .not_match_layerA .layer_button_wrap .ok {
        width: 150px;
        height: 40px;
        line-height: 38px;
        border: 1px solid #202960;
        background-color: #202960;
        font-size: 13px;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
    }

    #voddevice_layer .not_match_layerA .content_box {
        border-top: 2px solid #202960;
        margin: 0;
        padding: 20px 0;
    }

        /* listA */
        #voddevice_layer .not_match_layerA .content_box .listA_wrap {
            padding: 10px 15px;
            background: #f1f1f1;
            border-radius: 6px;
        }

            #voddevice_layer .not_match_layerA .content_box .listA_wrap .listA {
                display: flex;
                align-items: center;
                justify-content: center;
                background: #ffffff;
                padding: 15px;
                border-radius: 3px;
            }

                #voddevice_layer .not_match_layerA .content_box .listA_wrap .listA li {
                    font-size: 13px;
                    font-weight: 500;
                    color: #333333;
                    letter-spacing: 0.65px;
                    text-align: center;
                    padding-right: 10px;
                }

                    #voddevice_layer .not_match_layerA .content_box .listA_wrap .listA li::after last-child {
                        padding-right: 0;
                    }

                    #voddevice_layer .not_match_layerA .content_box .listA_wrap .listA li:nth-child(1) {
                        flex-basis: 20%;
                    }

                    #voddevice_layer .not_match_layerA .content_box .listA_wrap .listA li:nth-child(2) {
                        flex-basis: 40%;
                    }

                    #voddevice_layer .not_match_layerA .content_box .listA_wrap .listA li:nth-child(3) {
                        flex-basis: 40%;
                    }

        /* listB */
        #voddevice_layer .not_match_layerA .content_box .title {
            display: flex;
            place-items: center;
            justify-content: flex-start;
            background: #202960;
            margin-top: 10px;
        }

            #voddevice_layer .not_match_layerA .content_box .title li {
                line-height: 30px;
                font-size: 12px;
                font-weight: 500;
                color: #ffffff;
                letter-spacing: -0.33px;
                text-align: center;
                padding-right: 10px;
            }

                #voddevice_layer .not_match_layerA .content_box .title li:last-child {
                    padding-right: 20px;
                }

                #voddevice_layer .not_match_layerA .content_box .title li:nth-child(1) {
                    flex-basis: 10%;
                    padding-left: 20px;
                }

                #voddevice_layer .not_match_layerA .content_box .title li:nth-child(2) {
                    flex-basis: 50%;
                }

                #voddevice_layer .not_match_layerA .content_box .title li:nth-child(3),
                #voddevice_layer .not_match_layerA .content_box .title li:nth-child(4) {
                    flex-basis: 20%;
                }

        #voddevice_layer .not_match_layerA .content_box .listB_wrap {
            height: 200px;
            margin-top: 0px;
            padding: 10px 20px;
            overflow-y: auto;
            border: 1px solid #e5e5e5;
            border-radius: 0 0 6px 6px;
        }

            #voddevice_layer .not_match_layerA .content_box .listB_wrap .listB {
                display: flex;
                align-items: center;
                justify-content: center;
                background: #ffffff;
                border-bottom: 1px dashed #e5e5e5;
                padding: 10px 0;
            }

                #voddevice_layer .not_match_layerA .content_box .listB_wrap .listB:last-child {
                    border-bottom: 0;
                }

                #voddevice_layer .not_match_layerA .content_box .listB_wrap .listB li {
                    padding-right: 10px;
                    font-size: 13px;
                    font-weight: 400;
                    color: #333333;
                    letter-spacing: 0.65px;
                    text-align: center;
                }

                    #voddevice_layer .not_match_layerA .content_box .listB_wrap .listB li:last-child {
                        padding-right: 0;
                    }

                    #voddevice_layer .not_match_layerA .content_box .listB_wrap .listB li:nth-child(1) {
                        flex-basis: 10%;
                    }

                    #voddevice_layer .not_match_layerA .content_box .listB_wrap .listB li:nth-child(2) {
                        flex-basis: 50%;
                        text-align: left;
                    }

                    #voddevice_layer .not_match_layerA .content_box .listB_wrap .listB li:nth-child(3),
                    #voddevice_layer .not_match_layerA .content_box .listB_wrap .listB li:nth-child(4) {
                        flex-basis: 20%;
                    }


/* 레이어팝업 내 페이징 */
.not_match_layerA .bottom_wrap {
    display: flex;
    place-items: center;
    justify-content: space-between;
    padding-top: 0;
    padding-bottom: 10px;
}

    .not_match_layerA .bottom_wrap .blank_wrap {
        width: 330px;
    }

    .not_match_layerA .bottom_wrap .bottom_button_wrap {
        display: flex;
        place-items: center;
        justify-content: center;
    }

        .not_match_layerA .bottom_wrap .bottom_button_wrap div {
            width: 100px;
            height: 36px;
            line-height: 34px;
            background: #ffffff;
            border: 1px solid #cccccc;
            border-radius: 3px;
            color: #999999;
            font-size: 12px;
            font-weight: 400;
            color: #999999;
            cursor: pointer;
        }

            .not_match_layerA .bottom_wrap .bottom_button_wrap div:first-child {
                margin-right: 5px;
            }

        .not_match_layerA .bottom_wrap .bottom_button_wrap .prev_button {
            padding-left: 45px;
            background-image: url(../images/prev.png);
            background-position: 30px center;
            background-repeat: no-repeat;
        }

        .not_match_layerA .bottom_wrap .bottom_button_wrap .next_button {
            padding-left: 33px;
            background-image: url(../images/next.png);
            background-position: 60px center;
            background-repeat: no-repeat;
        }

    .not_match_layerA .bottom_wrap .bottom_page_wrap {
        display: flex;
        place-items: center;
        justify-content: space-between;
        width: 330px;
    }

        .not_match_layerA .bottom_wrap .bottom_page_wrap .first {
            width: 30px;
            height: 30px;
            background-image: url(../images/page_first.png);
            background-position: center center;
            background-repeat: no-repeat;
            cursor: pointer;
        }

        .not_match_layerA .bottom_wrap .bottom_page_wrap .prev {
            width: 30px;
            height: 30px;
            background-image: url(../images/page_prev.png);
            background-position: center center;
            background-repeat: no-repeat;
            cursor: pointer;
        }

        .not_match_layerA .bottom_wrap .bottom_page_wrap .next {
            width: 30px;
            height: 30px;
            background-image: url(../images/page_next.png);
            background-position: center center;
            background-repeat: no-repeat;
            cursor: pointer;
        }

        .not_match_layerA .bottom_wrap .bottom_page_wrap .last {
            width: 30px;
            height: 30px;
            background-image: url(../images/page_last.png);
            background-position: center center;
            background-repeat: no-repeat;
            cursor: pointer;
        }

        .not_match_layerA .bottom_wrap .bottom_page_wrap .page_wrap {
            display: flex;
            place-items: center;
            justify-content: space-between;
            width: 146px;
            height: 30px;
        }

        .not_match_layerA .bottom_wrap .bottom_page_wrap .page_box {
            width: 60px;
            height: 30px;
        }

        .not_match_layerA .bottom_wrap .bottom_page_wrap .page {
            width: 60px;
            height: 30px;
            background: #ffffff;
            border: 1px solid #dddddd;
            border-radius: 6px;
            font-family: Roboto;
            text-align: center;
            font-weight: 300;
            letter-spacing: -0.33px;
            color: #333333;
        }

        .not_match_layerA .bottom_wrap .bottom_page_wrap .line {
            width: 6px;
            height: 30px;
            background-image: url(../images/page_line.png);
            background-position: center center;
            background-repeat: no-repeat;
        }

        .not_match_layerA .bottom_wrap .bottom_page_wrap .total {
            width: 60px;
            height: 30px;
            line-height: 30px;
            font-family: Roboto;
            text-align: center;
            font-size: 15px;
            font-weight: 300;
            letter-spacing: -0.38px;
            color: #777777;
            opacity: 1;
        }
/* 동영상 기기관리 > 동영상 기기 레이어 팝업 */

/* LMS발송 팝업 레이어 시작 */
#lms {
    width: 80%;
    min-width: 500px;
    max-width: 1000px;
}

.lms_layer {
    width: 100%;
    padding: 50px;
    background-color: #ffffff;
    border-radius: 10px;
}

    .lms_layer .layer_title {
        padding-bottom: 30px;
        font-size: 20px;
        font-weight: 600;
        color: #333333;
    }

    .lms_layer .layer_button_wrap {
        display: flex;
        place-items: center;
        justify-content: center;
        padding-top: 30px;
    }

        .lms_layer .layer_button_wrap .cancel {
            width: 150px;
            height: 40px;
            line-height: 38px;
            border: 1px solid #dddddd;
            font-size: 13px;
            font-weight: 400;
            color: #777777;
            text-align: center;
            margin-right: 10px;
            cursor: pointer;
        }

        .lms_layer .layer_button_wrap .ok {
            width: 150px;
            height: 40px;
            line-height: 38px;
            border: 1px solid #202960;
            background-color: #202960;
            font-size: 13px;
            font-weight: 400;
            color: #ffffff;
            text-align: center;
            cursor: pointer;
        }

    .lms_layer .input_wrap input {
        width: 100%;
        max-width: 910px;
        height: 40px;
        margin-bottom: 10px;
        padding-left: 20px;
        background: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 6px;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: -0.33px;
        color: #333333;
    }

    .lms_layer .textarea {
        width: 100%;
        height: 200px;
        padding: 20px;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
    }
/* LMS발송 팝업 레이어 끝 */
/* 수강현황 끝 */
/* 수강신청 등록/현황 시작 */
.menu_content_wrap .content .apply_class li:first-child {
    width: 90px;
    padding-left: 5px;
    text-align: center;
}

.menu_content_wrap .content .apply_class li:nth-child(2) {
    width: 110px;
    text-align: center;
}
/*
.menu_content_wrap .content .apply_class .list li:nth-child(2) {
  padding-top: 10px;
  padding-bottom: 10px;
}
*/
.menu_content_wrap .content .apply_class li:nth-child(3) {
    width: 170px;
    text-align: center;
}

.menu_content_wrap .content .apply_class li:nth-child(4) {
    display: flex;
    place-items: top;
    justify-content: flex-start;
    width: calc(100% - 790px);
    padding-left: 40px;
    letter-spacing: -0.33px;
}

.menu_content_wrap .content .apply_class li:nth-child(5), .menu_content_wrap .content .apply_class li:nth-child(6), .menu_content_wrap .content .apply_class li:nth-child(7) {
    width: 90px;
    text-align: center;
}

.menu_content_wrap .content .apply_class li:nth-child(8) {
    width: 150px;
    text-align: center;
}

.board_apply_class_menuA {
    flex-direction: column;
    margin-bottom: 20px;
    padding: 20px 40px;
    background: #f5f6fa;
    border-radius: 10px;
}

    .board_apply_class_menuA .apply_title {
        min-width: 60px;
        margin-right: 20px;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -0.33px;
        color: #333333;
        white-space: nowrap;
    }

    .board_apply_class_menuA .apply_content {
        width: 140px;
        margin-right: 30px;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -0.33px;
        color: #333333;
    }

    .board_apply_class_menuA .apply_content1 {
        min-width: 140px;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -0.33px;
        color: #333333;
        margin-right: 30px;
    }

        .board_apply_class_menuA .apply_content1 .selectbox1 {
            width: 100%;
        }

    .board_apply_class_menuA .apply_content .search_wrap {
        width: 100%;
    }

    .board_apply_class_menuA .group_wrapA {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .board_apply_class_menuA .group {
        width: calc(100% - 140px)
    }

    .board_apply_class_menuA .group,
    .board_apply_class_menuA .group_b,
    .board_apply_class_menuA .group_c {
        display: flex;
        place-items: center;
        justify-content: flex-start;
    }

    .board_apply_class_menuA .group_b {
        margin-bottom: 10px;
    }

    .board_apply_class_menuA .group_r {
        display: flex;
        place-items: center;
        justify-content: flex-start;
    }

    .board_apply_class_menuA .group_c .apply_content1 {
        min-width: 100px;
    }

    .board_apply_class_menuA .icon_search {
        display: inline-block;
        width: 140px;
        height: 34px;
        background-color: #ffffff;
        border-radius: 3px;
        border: 1px solid #ccc;
        background-image: url(../images/search.png);
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
    }


.menu_content_wrap .content .board_apply_class_menu {
    display: flex;
    place-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 20px 40px;
    background: #f5f6fa;
    border-radius: 10px;
}

.menu_content_wrap .content .board_apply_class_menu2 {
    margin-bottom: 20px;
    padding: 20px 40px;
    background: #f5f6fa;
    border-radius: 10px;
}

    .menu_content_wrap .content .board_apply_class_menu2 .group, .menu_content_wrap .content .board_apply_class_menu .group {
        display: flex;
        place-items: center;
        justify-content: flex-start;
    }

.menu_content_wrap .content .board_apply_class_menu .mr40 {
    margin-right: 40px;
}

.menu_content_wrap .content .board_apply_class_menu2 .apply_title {
    width: 80px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.33px;
    color: #333333;
    white-space: nowrap;
}

.menu_content_wrap .content .board_apply_class_menu .apply_title {
    padding-right: 30px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.33px;
    color: #333333;
    white-space: nowrap;
}

.menu_content_wrap .content .board_apply_class_menu .apply_content {
    width: 100px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.33px;
    color: #333333;
}
/* 수강신청 등록/현황 끝 */
/* 학생회원 미매칭 리스트 시작 */
.menu_content_wrap .content .not_match li:first-child {
    width: 10%;
    padding-left: 5px;
    text-align: center;
}

.menu_content_wrap .content .not_match li:nth-child(5), .menu_content_wrap .content .not_match li:nth-child(7) {
    width: 5%;
    text-align: center;
}

.menu_content_wrap .content .not_match li:nth-child(4), .menu_content_wrap .content .not_match li:nth-child(9), .menu_content_wrap .content .not_match li:nth-child(10) {
    width: 8%;
    text-align: center;
}

.menu_content_wrap .content .not_match li:nth-child(2), .menu_content_wrap .content .not_match li:nth-child(3), .menu_content_wrap .content .not_match li:nth-child(6), .menu_content_wrap .content .not_match li:nth-child(8) {
    width: 14%;
    text-align: center;
}
/* 학생회원 미매칭 리스트 끝 */
/* 권한부여 리스트 리스트 시작 */
.menu_content_wrap .content .permission li:first-child {
    width: 8%;
    padding-left: 5px;
    text-align: center;
}

.menu_content_wrap .content .permission li:nth-child(2) {
    width: 10%;
    text-align: center;
}

.menu_content_wrap .content .permission li:nth-child(3) {
    width: 22%;
    text-align: center;
}

.menu_content_wrap .content .permission li:nth-child(4), .menu_content_wrap .content .permission li:nth-child(5), .menu_content_wrap .content .permission li:nth-child(6), .menu_content_wrap .content .permission li:nth-child(7), .menu_content_wrap .content .permission li:nth-child(8) {
    width: 12%;
    text-align: center;
}
/* 권한부여 리스트 리스트 끝 */
.layer_content .bottom_wrap,
.menu_content_wrap .bottom_wrap {
    display: flex;
    place-items: center;
    justify-content: space-between;
    padding-top: 40px;
}

.layer_content .blank_wrap,
.menu_content_wrap .blank_wrap {
    width: 330px;
}

.layer_content .bottom_button_wrap,
.menu_content_wrap .bottom_button_wrap {
    display: flex;
    place-items: center;
    justify-content: center;
}

    .layer_content .bottom_button_wrap div,
    .menu_content_wrap .bottom_button_wrap div {
        width: 100px;
        height: 36px;
        line-height: 34px;
        background: #ffffff;
        border: 1px solid #cccccc;
        border-radius: 3px;
        color: #999999;
        font-size: 12px;
        font-weight: 400;
        color: #999999;
        cursor: pointer;
    }

        .layer_content .bottom_button_wrap div:first-child,
        .menu_content_wrap .bottom_button_wrap div:first-child {
            margin-right: 5px;
        }

    .layer_content .bottom_button_wrap .prev_button,
    .menu_content_wrap .bottom_button_wrap .prev_button {
        padding-left: 45px;
        background-image: url(../images/prev.png);
        background-position: 30px center;
        background-repeat: no-repeat;
    }

    .layer_content .bottom_page_wrap .next_button,
    .menu_content_wrap .bottom_button_wrap .next_button {
        padding-left: 33px;
        background-image: url(../images/next.png);
        background-position: 60px center;
        background-repeat: no-repeat;
    }

.layer_content .bottom_page_wrap,
.menu_content_wrap .bottom_page_wrap {
    display: flex;
    place-items: center;
    justify-content: space-between;
    width: 330px;
}

    .layer_content .bottom_page_wrap .first,
    .menu_content_wrap .bottom_page_wrap .first {
        width: 30px;
        height: 30px;
        background-image: url(../images/page_first.png);
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .layer_content .bottom_page_wrap .prev,
    .menu_content_wrap .bottom_page_wrap .prev {
        width: 30px;
        height: 30px;
        background-image: url(../images/page_prev.png);
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .layer_content .bottom_page_wrap .next,
    .menu_content_wrap .bottom_page_wrap .next {
        width: 30px;
        height: 30px;
        background-image: url(../images/page_next.png);
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .layer_content .bottom_page_wrap .last,
    .menu_content_wrap .bottom_page_wrap .last {
        width: 30px;
        height: 30px;
        background-image: url(../images/page_last.png);
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .layer_content .bottom_page_wrap .page_wrap,
    .menu_content_wrap .bottom_page_wrap .page_wrap {
        display: flex;
        place-items: center;
        justify-content: space-between;
        width: 146px;
        height: 30px;
    }

    .layer_content .bottom_page_wrap .page_box,
    .menu_content_wrap .bottom_page_wrap .page_box {
        width: 60px;
        height: 30px;
    }

    .layer_content .bottom_page_wrap .page,
    .menu_content_wrap .bottom_page_wrap .page {
        width: 60px;
        height: 30px;
        background: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 6px;
        font-family: Roboto;
        text-align: center;
        font-weight: 300;
        letter-spacing: -0.33px;
        color: #333333;
    }

    .layer_content .bottom_page_wrap .line,
    .menu_content_wrap .bottom_page_wrap .line {
        width: 6px;
        height: 30px;
        background-image: url(../images/page_line.png);
        background-position: center center;
        background-repeat: no-repeat;
    }

    .layer_content .bottom_page_wrap .total,
    .menu_content_wrap .bottom_page_wrap .total {
        width: 60px;
        height: 30px;
        line-height: 30px;
        font-family: Roboto;
        text-align: center;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: -0.38px;
        color: #777777;
        opacity: 1;
    }

.board_write {
    padding-top: 30px;
    border-top: 2px solid #202960;
}

    .board_write .item_box_wrap {
        display: flex;
        place-items: center;
        justify-content: space-between;
    }

    .board_write .item_box_wrap2 {
        display: flex;
        place-items: center;
        justify-content: space-between;
    }

    .board_write .item_box_wrap .item_box, .board_write .item_box_wrap .item_box2 {
        width: calc(50% - 20px);
    }

    .board_write .item_box {
        display: flex;
        place-items: center;
        justify-content: flex-start;
        padding-bottom: 20px;
    }

    .board_write .item_box_wrap2 .item_box3 {
        display: flex;
        place-items: center;
        justify-content: space-between;
        width: calc(100% - 10px);
    }

    .board_write .item_box2 {
        display: flex;
        place-items: top;
        justify-content: flex-start;
        padding-bottom: 20px;
    }

        .board_write .item_box .item_title, .board_write .item_box2 .item_title {
            /*
  width: 190px;
  */
            width: 100px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: -0.33px;
            color: #333333;
        }

    .board_write .item_box .item_content_wrap {
        display: flex;
        place-items: center;
        justify-content: flex-start;
    }

    .board_write .item_box .item_content, .board_write .item_box2 .item_content {
        /* width: calc(100% - 190px); */
        width: calc(100% - 100px);
    }

    .board_write .item_box .item_content2 {
        width: calc(50% - 210px);
        min-width: 100px;
    }

    .board_write .item_sub_wrap {
        display: flex;
        place-items: center;
        justify-content: flex-start;
    }

        .board_write .item_sub_wrap div:first-child {
            margin-right: 10px;
        }

        .board_write .item_sub_wrap div:last-child {
            /*width: calc(100% - 210px);*/
            width: 100%;
        }

            .board_write .item_sub_wrap div:last-child .text {
                max-width: 100%;
            }

    .board_write .item_box .mr40 {
        margin-right: 40px;
    }

    .board_write .item_box .file_width {
        width: calc(100% - 120px) !important;
    }

    .board_write .red {
        padding-top: 5px;
        font-size: 12px;
        font-weight: 400;
        color: #fe4a4a;
    }

    .board_write .red_bg {
        width: 100%;
        line-height: 32px;
        background: rgba(254, 74, 74, 0.05);
        font-size: 12px;
        font-weight: 400;
        color: #fe4a4a;
        text-align: center;
    }

.class_layer .text, .message_wrap .text, .item_box .text, .item_box2 .text {
    width: 100%;
    max-width: 910px;
    height: 40px;
    padding-left: 20px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.33px;
    color: #333333;
}

    .item_box .text::placeholder, .item_box2 .text::placeholder {
        color: #777777;
    }

.item_box .w100p {
    max-width: 100% !important;
}

.board_write .pt10 {
    padding-top: 10px;
}

.item_box .date {
    width: 150px;
    cursor: pointer;
}

.board_write .text1_wrap {
    width: 100%;
    max-width: 555px;
}

.board_write .text2_wrap {
    width: 200px;
}

.item_box .textarea {
    width: 100%;
    height: 840px;
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
    color: #333333;
}

    .item_box .textarea:focus {
        outline: none;
    }

.item_box .editor_box {
    width: 100%;
    height: 520px;
    padding: 0px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
    color: #333333;
}

    .item_box .editor_box:focus {
        outline: none;
    }

.item_box2 .textarea {
    width: 100%;
    height: 200px;
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
    color: #333333;
}

    .item_box2 .textarea:focus {
        outline: none;
    }

.board_write .item_box div .text {
    margin-right: 20px;
}

.board_write .item_box .radio + label {
    margin-right: 20px;
}

.board_write .apply_detail_box {
    display: flex;
    place-items: center;
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #dddddd;
}

    .board_write .apply_detail_box:not(:first-child) {
        padding-top: 15px;
    }

    .board_write .apply_detail_box li:first-child {
        width: 50px;
    }

    .board_write .apply_detail_box li:nth-child(2) {
        width: calc(100% - 829px);
        text-align: center;
    }

    .board_write .apply_detail_box li:nth-child(3) {
        width: 104px;
        text-align: center;
    }

    .board_write .apply_detail_box li:nth-child(4), .board_write .apply_detail_box li:nth-child(6) {
        width: 100px;
        text-align: center;
    }

    .board_write .apply_detail_box li:nth-child(5), .board_write .apply_detail_box li:nth-child(7) {
        width: 125px;
        text-align: center;
    }

    .board_write .apply_detail_box li:nth-child(8) {
        width: 225px;
        text-align: center;
    }

    .board_write .apply_detail_box .box {
        display: flex;
        place-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border: 1px solid #dddddd;
        border-radius: 3px;
        font-family: Roboto;
        font-size: 12px;
        font-weight: 400;
        color: #777777;
    }

    .board_write .apply_detail_box .detail_text {
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -0.33px;
        color: #333333;
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-family: Roboto;
}

.board_view {
    padding-top: 30px;
    border-top: 2px solid #202960;
}

    .board_view .item_box_wrap {
        display: flex;
        place-items: center;
        justify-content: space-between;
    }

    .board_view .item_box {
        display: flex;
        place-items: center;
        justify-content: flex-start;
        padding-bottom: 10px;
    }

        .board_view .item_box .item_title {
            font-size: 26px;
            font-weight: 500;
            letter-spacing: -0.75px;
            text-align: left;
        }

        .board_view .item_box .item_sub {
            font-size: 14px;
            font-weight: 400;
            text-align: left;
            color: #888;
        }

        .board_view .item_box .file_name {
            display: inline-block;
            margin-left: 5px;
            padding: 5px 10px 5px 30px;
            line-height: 100%;
            font-size: 12px;
            color: #666;
            background: #fff url(../images/download.png) 5px 50% no-repeat;
            border-radius: 3px;
            cursor: pointer;
        }

            .board_view .item_box .file_name:hover {
                background-color: #f5f6fa;
                color: #333;
            }

.item_bar {
    display: inline-block;
    padding: 0 10px;
    font-size: 17px;
    color: #ddd;
}

.board_view .item_box1 {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee;
    padding: 30px 0;
    font-size: revert;
}

/* 회원 > 회원관리 > 정보수정 팝업 > 중심업무연동회원 팝업 */
.not_match_layerA {
    width: 80%;
    padding: 50px;
    background-color: #ffffff;
    border-radius: 10px;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
}

    .not_match_layerA .layer_title {
        padding-bottom: 30px;
        font-size: 20px;
        font-weight: 600;
        color: #333333;
    }

    .not_match_layerA .layer_button_wrap .ok {
        width: 150px;
        height: 40px;
        line-height: 38px;
        border: 1px solid #202960;
        background-color: #202960;
        font-size: 13px;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
    }

    .not_match_layerA .content_box {
        border-top: 2px solid #202960;
        margin: 0;
        padding: 20px 0;
    }

        /* listA */
        .not_match_layerA .content_box .listA_wrap {
            padding: 10px 15px;
            background: #f1f1f1;
            border-radius: 6px;
        }

            .not_match_layerA .content_box .listA_wrap .listA {
                display: flex;
                align-items: center;
                justify-content: center;
                background: #ffffff;
                padding: 15px;
                border-radius: 3px;
            }

                .not_match_layerA .content_box .listA_wrap .listA li {
                    font-size: 13px;
                    font-weight: 500;
                    color: #333333;
                    letter-spacing: 0.65px;
                    text-align: center;
                    padding-right: 10px;
                }

                    .not_match_layerA .content_box .listA_wrap .listA li::after last-child {
                        padding-right: 0;
                    }

                    .not_match_layerA .content_box .listA_wrap .listA li:nth-child(1) {
                        flex-basis: 10%;
                    }

                    .not_match_layerA .content_box .listA_wrap .listA li:nth-child(2) {
                        flex-basis: 40%;
                    }

                    .not_match_layerA .content_box .listA_wrap .listA li:nth-child(3),
                    .not_match_layerA .content_box .listA_wrap .listA li:nth-child(4) {
                        flex-basis: 25%;
                    }

        /* listB */
        .not_match_layerA .content_box .listB_wrap {
            height: 200px;
            margin-top: 10px;
            padding: 10px 20px;
            overflow-y: auto;
            border: 1px solid #e5e5e5;
            border-radius: 6px;
        }

            .not_match_layerA .content_box .listB_wrap .listB {
                display: flex;
                align-items: center;
                justify-content: center;
                background: #ffffff;
                border-bottom: 1px dashed #e5e5e5;
            }

                .not_match_layerA .content_box .listB_wrap .listB:last-child {
                    border-bottom: 0;
                }

                .not_match_layerA .content_box .listB_wrap .listB li {
                    padding-right: 10px;
                    font-size: 13px;
                    font-weight: 400;
                    color: #333333;
                    letter-spacing: 0.65px;
                    text-align: left;
                }

                    .not_match_layerA .content_box .listB_wrap .listB li:last-child {
                        padding-right: 0;
                    }

                    .not_match_layerA .content_box .listB_wrap .listB li:nth-child(1) {
                        flex-basis: 20%;
                    }

                    .not_match_layerA .content_box .listB_wrap .listB li:nth-child(2),
                    .not_match_layerA .content_box .listB_wrap .listB li:nth-child(3) {
                        flex-basis: 20%;
                    }

                    .not_match_layerA .content_box .listB_wrap .listB li:nth-child(4) {
                        flex-basis: 40%;
                    }

/* 게시판> 선생님소개 > 조교현황 팝업 시작 */
/* listA */
#assistant_status .not_match_layerA .content_box .listA_wrap .listA li:nth-child(1) {
    flex-basis: 10%;
}

#assistant_status .not_match_layerA .content_box .listA_wrap .listA li:nth-child(2) {
    flex-basis: 65%;
}

#assistant_status .not_match_layerA .content_box .listA_wrap .listA li:nth-child(3) {
    flex-basis: 25%;
}

/* listB */
#assistant_status .not_match_layerA .content_box .listB_wrap .listB li:nth-child(1) {
    flex-basis: 40%;
}

#assistant_status .not_match_layerA .content_box .listB_wrap .listB li:nth-child(2),
#assistant_status .not_match_layerA .content_box .listB_wrap .listB li:nth-child(3) {
    flex-basis: 25%;
}

#assistant_status .not_match_layerA .content_box .listB_wrap .listB li:nth-child(4) {
    flex-basis: 10%;
}
/* 게시판> 선생님소개 > 조교현황 팝업 끝 */

/* 게시판> 선생님소개 > 조교현황 팝업-조교추가 팝업 시작 */
/* listA */
#assistant_add .not_match_layerA .content_box .listA_wrap .listA li:nth-child(1) {
    flex-basis: 10%;
}

#assistant_add .not_match_layerA .content_box .listA_wrap .listA li:nth-child(2) {
    flex-basis: 65%;
}

#assistant_add .not_match_layerA .content_box .listA_wrap .listA li:nth-child(3) {
    flex-basis: 25%;
}

/* listB */
#assistant_add .not_match_layerA .content_box .listB_wrap .listB li:nth-child(1) {
    flex-basis: 40%;
}

#assistant_add .not_match_layerA .content_box .listB_wrap .listB li:nth-child(2),
#assistant_add .not_match_layerA .content_box .listB_wrap .listB li:nth-child(3) {
    flex-basis: 25%;
}

#assistant_add .not_match_layerA .content_box .listB_wrap .listB li:nth-child(4) {
    flex-basis: 10%;
}
/* 게시판> 선생님소개 > 조교현황 팝업-조교추가 팝업 끝 */


/* button */
.not_match_layerA .layer_button_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
}

    .not_match_layerA .layer_button_wrap .cancel {
        width: 150px;
        height: 40px;
        line-height: 38px;
        border: 1px solid #dddddd;
        font-size: 13px;
        font-weight: 400;
        color: #777777;
        text-align: center;
        margin-right: 10px;
        cursor: pointer;
    }

/* 중심업무 미매칭 학생회원 시작
        #not_match {
    width: 80%;
    max-width: 1000px;
} .not_match_layer {
    width: 100%;
    padding: 50px;
    background-color: #ffffff;
    border-radius: 10px;
} .not_match_layer .layer_title {
        padding-bottom: 30px;
        font-size: 20px;
        font-weight: 600;
        color: #333333;
    } .not_match_layer .layer_button_wrap {
        display: flex;
        place-items: center;
        justify-content: center;
        padding-top: 30px;
    } .not_match_layer .layer_button_wrap .cancel {
            width: 150px;
            height: 40px;
            line-height: 38px;
            border: 1px solid #dddddd;
            font-size: 13px;
            font-weight: 400;
            color: #777777;
            text-align: center;
            margin-right: 10px;
            cursor: pointer;
        } .not_match_layer .layer_button_wrap .ok {
            width: 150px;
            height: 40px;
            line-height: 38px;
            border: 1px solid #202960;
            background-color: #202960;
            font-size: 13px;
            font-weight: 400;
            color: #ffffff;
            text-align: center;
            cursor: pointer;
        } .not_match_layer .content_box .title {
        display: flex;
        place-items: center;
        justify-content: flex-start;
        background: #202960;
    } .not_match_layer .content_box .title li {
            line-height: 40px;
            font-size: 13px;
            font-weight: 500;
            color: #ffffff;
            letter-spacing: -0.33px;
        } .not_match_layer .content_box .list {
        display: flex;        
        justify-content: flex-start;
        border-bottom: 1px solid #e5e5e5;
    } .not_match_layer .content_box li {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: 0.65px;
    } .not_match_layer .content_box .radio + label {
        line-height: 20px;
        padding-left: 20px !important;
    } .not_match_layer .content_box li:first-child {
        width: 5%;
        text-align: center;
    } .not_match_layer .content_box li:nth-child(2), .not_match_layer .content_box li:nth-child(3), .not_match_layer .content_box li:nth-child(4), .not_match_layer .content_box li:nth-child(5), .not_match_layer .content_box li:nth-child(6), .not_match_layer .content_box li:nth-child(7), .not_match_layer .content_box li:nth-child(8) {
        width: 10%;
        text-align: center;
    } .not_match_layer .content_box li:nth-child(9) {
        width: 35%;
        text-align: center;
    }
         중심업무 미매칭 학생회원 끝 */
/* 중심업무 미매칭 학생회원 시작 */
#not_match {
    width: 80%;
    max-width: 1000px;
}

.not_match_layer {
    width: 100%;
    padding: 50px;
    background-color: #ffffff;
    border-radius: 10px;
}

    .not_match_layer .layer_title {
        padding-bottom: 30px;
        font-size: 20px;
        font-weight: 600;
        color: #333333;
    }

    .not_match_layer .layer_button_wrap {
        display: flex;
        place-items: center;
        justify-content: center;
        padding-top: 30px;
    }

        .not_match_layer .layer_button_wrap .cancel {
            width: 150px;
            height: 40px;
            line-height: 38px;
            border: 1px solid #dddddd;
            font-size: 13px;
            font-weight: 400;
            color: #777777;
            text-align: center;
            margin-right: 10px;
            cursor: pointer;
        }

        .not_match_layer .layer_button_wrap .ok {
            width: 150px;
            height: 40px;
            line-height: 38px;
            border: 1px solid #202960;
            background-color: #202960;
            font-size: 13px;
            font-weight: 400;
            color: #ffffff;
            text-align: center;
            cursor: pointer;
        }

    .not_match_layer .content_box .radio + label {
        padding-left: 0;
        background-position: 50%;
        width: 22px;
    }

    /* 타이틀 */
    .not_match_layer .content_box .title {
        display: flex;
        place-items: center;
        justify-content: flex-start;
        background: #202960;
    }

        .not_match_layer .content_box .title li {
            line-height: 40px;
            font-size: 13px;
            font-weight: 500;
            color: #ffffff;
            letter-spacing: -0.33px;
        }

            .not_match_layer .content_box .title li:nth-child(1),
            .not_match_layer .content_box .title li:nth-child(1) {
                width: 5%;
                padding-left: 0;
                text-align: center;
            }

            .not_match_layer .content_box .title li:nth-child(2),
            .not_match_layer .content_box .title li:nth-child(3),
            .not_match_layer .content_box .title li:nth-child(4),
            .not_match_layer .content_box .title li:nth-child(5),
            .not_match_layer .content_box .title li:nth-child(6) {
                width: 12%;
                text-align: center;
            }

            .not_match_layer .content_box .title li:nth-child(7),
            .not_match_layer .content_box .title li:nth-child(8) {
                width: 10%;
                text-align: center;
            }

            .not_match_layer .content_box .title li:nth-child(9) {
                width: 20%;
                text-align: center;
            }

    /* 리스트(특이사항:3번째가 1번째꺼임) */
    .not_match_layer .content_box .list {
        display: flex;
        /* place-items: flex-start; */
        justify-content: flex-start;
        border-bottom: 1px solid #e5e5e5;
    }

        .not_match_layer .content_box .list li {
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 5px;
            font-size: 13px;
            font-weight: 400;
            color: #333333;
            letter-spacing: 0.65px;
            text-align: left;
        }

            .not_match_layer .content_box .list li:nth-child(3) {
                width: 5%;
                padding-left: 0;
                text-align: center;
            }

            .not_match_layer .content_box .list li:nth-child(4),
            .not_match_layer .content_box .list li:nth-child(5),
            .not_match_layer .content_box .list li:nth-child(6),
            .not_match_layer .content_box .list li:nth-child(7),
            .not_match_layer .content_box .list li:nth-child(8) {
                width: 12%;
                text-align: center;
            }

            .not_match_layer .content_box .list li:nth-child(9),
            .not_match_layer .content_box .list li:nth-child(10) {
                width: 10%;
                text-align: center;
            }

            .not_match_layer .content_box .list li:nth-child(11) {
                width: 20%;
                text-align: center;
            }
/* 중심업무 미매칭 학생회원 끝 */

/* 권한부여 신청 시작 */
.join_wrap {
    width: 800px;
    padding-top: 200px;
    padding-bottom: 100px;
}

.join_box {
    width: 800px;
    /* height: 604px; */
    padding: 53px 170px 100px 170px;
    background: #ffffff;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 10px;
}

    .join_box .join_form {
        padding-top: 10px;
    }

        .join_box .join_form .title {
            padding-top: 20px;
            padding-bottom: 10px;
            line-height: 20px;
            font-size: 14px;
            font-weight: 500;
            color: #333333;
        }

.join_wrap .error_wrap {
    /* display: flex;
  place-items: center;
  justify-content: center; */
    height: 22px;
    padding-top: 5px;
}

.join_wrap .error_text {
    display: none;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    font-weight: 300;
    color: #fe4a4a;
    letter-spacing: -0.3px;
}

.join_wrap .success_text {
    display: none;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    font-weight: 300;
    color: #4b8ef7;
    letter-spacing: -0.3px;
}

.join_wrap select::-ms-expand {
    display: none;
}

.join_wrap .select_box {
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.join_wrap .select_box {
    width: 100%;
    height: 50px;
    background: url("../images/down.png") calc(100% - 20px) center no-repeat;
    background-size: 20px;
    padding: 5px 30px 5px 20px;
    outline: 0 none;
    font-size: 14px;
    font-weight: 400;
    color: #777777;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    cursor: pointer;
}

.join_wrap .id_item_wrap .input {
    width: calc(100% - 160px);
}

.join_wrap .id_item_wrap .button_off {
    width: 120px;
    height: 30px;
    line-height: 30px;
    margin-right: 20px;
    background: #dddddd;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #777777;
    text-align: center;
    cursor: default;
}

.join_wrap .id_item_wrap .button {
    width: 120px;
    height: 30px;
    line-height: 30px;
    margin-right: 20px;
    background: #ffef18;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #202960;
    text-align: center;
    cursor: pointer;
}

.join_wrap .item_wrap .input {
    width: 100%;
    height: 54px;
    line-height: 100%;
    padding-left: 20px;
    border: 0px;
    font-size: 15px;
    font-weight: 400;
    color: #333333;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.join_wrap .id_item_wrap, .join_wrap .password_wrap {
    display: flex;
    place-items: center;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

    .join_wrap .id_item_wrap .input, .join_wrap .password_wrap .input {
        /* width: 100%; */
        height: 54px;
        line-height: 100%;
        padding-left: 20px;
        border: 0px;
        font-size: 15px;
        font-weight: 400;
        color: #333333;
    }

    .join_wrap .password_wrap .input {
        width: calc(100% - 54px);
    }
/* .join_wrap .certify_number .input {
  width: 130px;
} */
.join_wrap .input::placeholder {
    color: #777777;
}

.join_wrap .password_wrap .off {
    width: 54px;
    height: 54px;
    background-image: url(../images/password_off.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.join_wrap .password_wrap .on {
    width: 54px;
    height: 54px;
    background-image: url(../images/password_on.png);
    background-position: center 16px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.join_wrap .button_wrap {
    display: flex;
    place-items: center;
    justify-content: space-between;
    border-top: none;
    padding-top: 40px;
}

    .join_wrap .button_wrap div {
        width: 225px;
        height: 55px;
        line-height: 53px;
        border-radius: 6px;
    }

    .join_wrap .button_wrap .white {
        border: 1px solid #dddddd;
        font-size: 15px;
        font-weight: 400;
        color: #333333;
        text-align: center;
        cursor: pointer;
    }

    .join_wrap .button_wrap .blue {
        background: #202960;
        font-size: 15px;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
    }
/* 권한부여 신청 끝 */
/* 클릭관리(관리자) 리스트 시작 */
.menu_content_wrap .content .click li:first-child {
    display: flex;
    place-items: center;
    justify-content: center;
    width: 99px;
}

.menu_content_wrap .content .click {
    min-width: 1236px;
}

    .menu_content_wrap .content .click li:nth-child(2), .menu_content_wrap .content .click li:nth-child(5), .menu_content_wrap .content .click li:nth-child(7) {
        width: calc(15% - 33px);
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }

    .menu_content_wrap .content .click li:nth-child(3), .menu_content_wrap .content .click li:nth-child(4), .menu_content_wrap .content .click li:nth-child(6), .menu_content_wrap .content .click li:nth-child(8) {
        width: 11%;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }

    .menu_content_wrap .content .click li:nth-child(2), .menu_content_wrap .content .click li:nth-child(3), .menu_content_wrap .content .click li:nth-child(8) {
        line-height: 40px;
    }

    .menu_content_wrap .content .click li:nth-child(9) {
        width: 11%;
        padding-left: 10px;
        padding-right: 20px;
        text-align: center;
    }

.menu_content_wrap .input_box {
    width: 100%;
    height: 40px;
    line-height: 100%;
    padding-left: 20px;
    font-size: 13px;
    font-weight: 400;
    color: #333333;
    border: 1px solid #dddddd;
    border-radius: 6px;
}

.menu_content_wrap .content .click .write {
    background: rgba(255, 239, 24, 0.1);
    border-bottom: 2px solid #202960;
}
/* 클릭관리(관리자) 끝 */
/* 클릭관리(통계) 시작 */
.board_apply_class_menu .text {
    width: 100%;
    height: 36px;
    padding-left: 20px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.33px;
    color: #333333;
}

.click_statistics_wrap {
    margin: 0 auto;
    padding: 0;
}

    .click_statistics_wrap .click_statistics {
        border: 1px solid #000;
    }

        .click_statistics_wrap .click_statistics .title {
            background: #000;
        }

            .click_statistics_wrap .click_statistics .title li {
                color: #fff;
                line-height: 100%;
                padding: 10px 0;
            }

        .click_statistics_wrap .click_statistics .list {
            background: #fff !important;
        }

            .click_statistics_wrap .click_statistics .list li {
                line-height: 100%;
                padding: 10px 0;
                text-align: center;
                width: 33%;
                color: #333;
            }

        .click_statistics_wrap .click_statistics li {
            width: 33%;
        }
/*
 .menu_content_wrap .content .click_statistics li {
    line-height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
} .menu_content_wrap .content .click_statistics .list li {
    line-height: 19px;
} .menu_content_wrap .content .click_statistics .list li a {
        color: #333333;
    } .menu_content_wrap .content .click_statistics li:first-child, .menu_content_wrap .content .click_statistics li:nth-child(5) {
    width: 23%;
} .menu_content_wrap .content .click_statistics li:nth-child(2), .menu_content_wrap .content .click_statistics li:nth-child(3), .menu_content_wrap .content .click_statistics li:nth-child(4) {
    width: 18%;
} .menu_content_wrap .content .click_statistics .total {
    background: rgba(212, 216, 240, 0.1);
} .menu_content_wrap .content .click_statistics .total li {
        background: rgba(212, 216, 240, 0.1);
        font-weight: 500;
    }
*/
/* 클릭관리(통계) 끝 */
/* 클릭관리(통계) 상세 시작 */
.menu_content_wrap .content .click_statistics_detail {
    display: flex;
    place-items: center;
    justify-content: space-between;
}

    .menu_content_wrap .content .click_statistics_detail div {
        /*width: calc(50% - 15px);*/
        width: 100%;
        margin-top: 20px;
    }

    .menu_content_wrap .content .click_statistics_detail .count_wrap {
        display: flex;
        place-items: center;
        justify-content: space-between;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 20px;
    }

        .menu_content_wrap .content .click_statistics_detail .count_wrap div {
            line-height: 22px;
            font-size: 15px;
            color: #333333;
        }

            .menu_content_wrap .content .click_statistics_detail .count_wrap div:first-child {
                font-weight: 600;
                text-align: left;
            }

            .menu_content_wrap .content .click_statistics_detail .count_wrap div:last-child {
                font-weight: 500;
                text-align: right;
            }

    .menu_content_wrap .content .click_statistics_detail .list li {
        line-height: 19px;
        text-align: center;
    }

    .menu_content_wrap .content .click_statistics_detail li:first-child {
        width: 10%;
    }

    .menu_content_wrap .content .click_statistics_detail li:nth-child(2), .menu_content_wrap .content .click_statistics_detail li:nth-child(4), .menu_content_wrap .content .click_statistics_detail li:nth-child(5) {
        width: 18%;
    }

    .menu_content_wrap .content .click_statistics_detail li:nth-child(3) {
        width: 36%;
    }

    .menu_content_wrap .content .click_statistics_detail .total {
        background: rgba(75, 142, 247, 0.1);
    }

        .menu_content_wrap .content .click_statistics_detail .total li:first-child {
            width: 64%;
            font-weight: 500;
        }

        .menu_content_wrap .content .click_statistics_detail .total li:nth-child(2), .menu_content_wrap .content .click_statistics_detail .total li:nth-child(3) {
            width: 18%;
            font-weight: 500;
        }
/* 클릭관리(통계) 상세 끝 */
/* 설명회 등록/현황 시작 */
.menu_content_wrap .content .presentation li:first-child {
    width: 90px;
    padding-left: 5px;
    text-align: center;
}

.menu_content_wrap .content .presentation li:nth-child(2) {
    width: 110px;
    text-align: center;
}

.menu_content_wrap .content .presentation .list li:nth-child(2) {
    padding-top: 10px;
    padding-bottom: 10px;
}

.menu_content_wrap .content .presentation li:nth-child(3) {
    display: flex;
    place-items: top;
    justify-content: flex-start;
    width: calc(100% - 620px);
    padding-left: 40px;
    letter-spacing: -0.33px;
}

.menu_content_wrap .content a {
    color: #333333;
}

.menu_content_wrap .content .presentation li:nth-child(4), .menu_content_wrap .content .presentation li:nth-child(5), .menu_content_wrap .content .presentation li:nth-child(6) {
    width: 90px;
    text-align: center;
}

.menu_content_wrap .content .presentation li:nth-child(7) {
    width: 150px;
    text-align: center;
}
/* 설명회 등록/현황 끝 */
/* 대중소분류 상단 시작 */
/* 콤보 시작 */
.menu_content_wrap .content .board_category_menu {
    display: flex;
    place-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 20px 40px;
    background: #f5f6fa;
    border-radius: 10px;
}

    .menu_content_wrap .content .board_category_menu .group {
        display: flex;
        place-items: center;
        justify-content: flex-start;
    }

        .menu_content_wrap .content .board_category_menu .group .mr40 {
            margin-right: 40px;
        }

    .menu_content_wrap .content .board_category_menu .category_title {
        padding-right: 30px;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -0.33px;
        color: #333333;
        white-space: nowrap;
    }

    .menu_content_wrap .content .board_category_menu .category_content {
        width: 150px;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -0.33px;
        color: #333333;
    }
/* 콤보 끝 */
.menu_content_wrap .content .category_menu_wrap {
    display: flex;
    place-items: center;
    justify-content: space-between;
}

.menu_content_wrap .content .category_button_wrap {
    display: flex;
    place-items: center;
    justify-content: right;
    padding-bottom: 20px;
}

.category_button_wrap div:not(:last-child) {
    margin-right: 5px;
}

.category_button_wrap .list_button {
    background-image: url(../images/list.png);
}

.category_button_wrap .delete {
    background-image: url(../images/delete.png);
}

.category_button_wrap .write {
    background-image: url(../images/write.png);
}

.category_button_wrap .sort {
    background-image: url(../images/sort.png);
}

.icon_button.reply,
.category_button_wrap .reply {
    background-image: url(../images/reply.png);
}

.icon_button.cancel,
.category_button_wrap .cancel {
    background-image: url(../images/cancel.png);
}
/* 대중소분류 상단 끝 */
/* 대분류 리스트 시작 */
.menu_content_wrap .content .category_large li:first-child {
    width: 90px;
    padding-left: 5px;
    text-align: center;
}

.menu_content_wrap .content .category_large li:nth-child(2) {
    width: 110px;
    text-align: center;
}

.menu_content_wrap .content .category_large .list li:nth-child(2) {
    padding-top: 10px;
    padding-bottom: 10px;
}

.menu_content_wrap .content .category_large .checkbox + label {
    padding-right: 18px !important;
}

.menu_content_wrap .content .category_large li:nth-child(3) {
    display: flex;
    place-items: top;
    justify-content: flex-start;
    width: calc(100% - 380px);
    padding-left: 40px;
    letter-spacing: -0.33px;
}

.menu_content_wrap .content .category_large li:nth-child(4) {
    width: 180px;
    text-align: center;
}
/* 대분류 리스트 끝 */
/* 중분류 리스트 시작 */
.menu_content_wrap .content .category_medium li:first-child {
    width: 90px;
    text-align: center;
    /* padding-right: 20px;
  text-align: right; */
}

.menu_content_wrap .content .category_medium .list li:first-child {
    padding-top: 10px;
    padding-bottom: 10px;
}

.menu_content_wrap .content .category_medium .checkbox + label {
    padding-right: 18px !important;
}

.menu_content_wrap .content .category_medium li:nth-child(2) {
    width: 110px;
    text-align: center;
}

.menu_content_wrap .content .category_medium li:nth-child(3) {
    display: flex;
    place-items: top;
    justify-content: flex-start;
    width: calc(50% - 190px);
    padding-left: 40px;
    letter-spacing: -0.33px;
}

.menu_content_wrap .content .category_medium li:nth-child(4) {
    justify-content: flex-start;
    width: calc(50% - 190px);
    padding-left: 40px;
    letter-spacing: -0.33px;
}

.menu_content_wrap .content .category_medium li:nth-child(5) {
    width: 180px;
    text-align: center;
}
/* 중분류 리스트 끝 */
/* 소분류 리스트 시작 */
.menu_content_wrap .content .category_small li:first-child {
    width: 90px;
    text-align: center;
    /* padding-right: 20px;
  text-align: right; */
}

.menu_content_wrap .content .category_small .list li:first-child {
    padding-top: 10px;
    padding-bottom: 10px;
}

.menu_content_wrap .content .category_small .checkbox + label {
    padding-right: 18px !important;
}

.menu_content_wrap .content .category_small li:nth-child(2) {
    width: 110px;
    text-align: center;
}

.menu_content_wrap .content .category_small li:nth-child(3) {
    display: flex;
    place-items: top;
    justify-content: flex-start;
    width: calc(33% - 126px);
    padding-left: 40px;
    letter-spacing: -0.33px;
}

.menu_content_wrap .content .category_small li:nth-child(4) {
    justify-content: flex-start;
    width: calc(33% - 126px);
    padding-left: 40px;
    letter-spacing: -0.33px;
}

.menu_content_wrap .content .category_small li:nth-child(5) {
    justify-content: flex-start;
    width: calc(33% - 126px);
    padding-left: 40px;
    letter-spacing: -0.33px;
}

.menu_content_wrap .content .category_small li:nth-child(6) {
    width: 180px;
    text-align: center;
}
/* 소분류 리스트 끝 */
/* 대중소분류 등록 팝업 레이어 시작 */
#category_layer_write {
    width: 50%;
    min-width: 500px;
}

#category_layer_view {
    width: 50%;
    min-width: 500px;
}

.category_layer {
    width: 100%;
    padding: 50px;
    background-color: #ffffff;
    border-radius: 10px;
}

    .category_layer .layer_title {
        padding-bottom: 30px;
        font-size: 20px;
        font-weight: 600;
        color: #333333;
    }

.item_box .viewtext {
    width: 100%;
    max-width: 910px;
    min-height: 40px;
    line-height: 150%;
    padding: 10px 0;
    background: #ffffff;
    border-bottom: 1px solid #dddddd;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.33px;
    color: #333333;
}

.category_layer .layer_button_wrap1 {
    display: flex;
    place-items: center;
    justify-content: center;
    padding-top: 30px;
    border-top: 2px solid #202960;
}

    .category_layer .layer_button_wrap1 .board_button_wrap {
        display: flex;
        place-items: center;
        justify-content: right;
        padding-bottom: 20px;
    }

    .category_layer .layer_button_wrap1 .cancel {
        width: 150px;
        height: 40px;
        line-height: 38px;
        border: 1px solid #dddddd;
        font-size: 13px;
        font-weight: 400;
        color: #777777;
        text-align: center;
        margin-right: 10px;
        cursor: pointer;
    }

    .category_layer .layer_button_wrap1 .ok {
        width: 150px;
        height: 40px;
        line-height: 38px;
        border: 1px solid #202960;
        background-color: #202960;
        font-size: 13px;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
    }

.category_layer .layer_button_wrap2 {
    display: flex;
    place-items: center;
    justify-content: space-between;
    padding-top: 30px;
    border-top: 2px solid #202960;
}

    .category_layer .layer_button_wrap2 .board_button_wrap {
        display: flex;
        place-items: center;
        justify-content: right;
        padding-bottom: 20px;
    }

        .category_layer .layer_button_wrap2 .board_button_wrap div:not(:last-child) {
            margin-right: 5px;
        }

        .category_layer .layer_button_wrap2 .board_button_wrap .list_button {
            background-image: url(../images/list.png);
        }

        .category_layer .layer_button_wrap2 .board_button_wrap .delete {
            background-image: url(../images/delete.png);
        }

        .category_layer .layer_button_wrap2 .board_button_wrap .write {
            background-image: url(../images/write.png);
        }
/* 대중소분류 등록 팝업 레이어 끝 */


/* 보강영상등록 > 개별학습등록 팝업 레이어 시작 */
.not_match_layer .content_box .individual {
    max-height: 500px;
    overflow: auto;
}

    .not_match_layer .content_box .individual ul {
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #e5e5e5;
    }

    .not_match_layer .content_box .individual .title {
        background: #202960;
    }

    .not_match_layer .content_box .individual li {
        line-height: 100%;
        font-size: 13px;
        font-weight: 400;
        color: #333333;
        letter-spacing: -0.33px;
        text-align: center;
        padding: 15px 0;
    }

    .not_match_layer .content_box .individual .title li {
        padding: 10px 0;
        font-weight: 500;
        color: #ffffff;
    }

    .not_match_layer .content_box .individual li:nth-child(1) {
        width: 10%;
        padding-left: 0;
        text-align: center;
    }

    .not_match_layer .content_box .individual li:nth-child(2) {
        width: 30%;
        padding-left: 0;
        text-align: center;
    }

    .not_match_layer .content_box .individual li:nth-child(3),
    .not_match_layer .content_box .individual li:nth-child(4) {
        width: 10%;
        padding-left: 0;
        text-align: center;
    }

    .not_match_layer .content_box .individual li:nth-child(5) {
        width: 35%;
        position: relative;
    }

    .not_match_layer .content_box .individual li:nth-child(6) {
        width: 5%;
        position: relative;
    }

    .not_match_layer .content_box .individual .delete {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 20px;
        height: 20px;
        background: #fff url(../images/ico_x.png) no-repeat 50%;
        background-size: 15px;
        border: 1px solid #ddd;
        border-radius: 6px;
        cursor: pointer;
    }
/* 보강영상등록 > 개별학습등록 팝업 레이어 끝 */

/* 보강영상등록 > 개별학습등록 팝업 > 개별학습 팝업 레이어 시작 */
.layerTop_wrap {
    margin-bottom: 10px;
}

    .layerTop_wrap .board_button_wrap {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

    .layerTop_wrap select {
        margin-right: 5px;
    }

    .layerTop_wrap .text,
    .layerBottom_wrap .text {
        width: 100%;
        height: 36px;
        padding-left: 20px;
        background: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 6px;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: -0.33px;
        color: #333333;
        margin-right: 5px;
    }

    .layerTop_wrap .search_wrap {
        display: flex;
        place-items: center;
        justify-content: space-between;
        height: 36px;
        border: 1px solid #dddddd;
        border-radius: 3px;
        margin-right: 5px;
    }

        .layerTop_wrap .search_wrap .search {
            width: 100%;
            max-width: 300px;
            min-width: 150px;
            padding-left: 20px;
            background: #ffffff;
            border: 0px;
            border-radius: 6px;
            font-size: 13px;
            font-weight: 400;
            letter-spacing: -0.33px;
            color: #333333;
        }

            .layerTop_wrap .search_wrap .search::placeholder {
                color: #777777;
            }

        .layerTop_wrap .search_wrap .icon {
            width: 50px;
            height: 34px;
            background-color: #ffffff;
            background-image: url(../images/search.png);
            background-position: center center;
            background-repeat: no-repeat;
            cursor: pointer;
        }

/* 조회기간 */
.layerBottom_wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

    .layerBottom_wrap ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

    .layerBottom_wrap .class_title {
        width: 100px;
        padding-right: 20px;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -0.33px;
        color: #333333;
        white-space: nowrap;
        box-sizing: border-box;
    }

    .layerBottom_wrap .class_content {
        font-size: 13px;
        font-weight: 600;
        width:280px;
        letter-spacing: -0.33px;
        color: #333333;
    }

/* listC */
.not_match_layerA .content_box .listC_wrap {
    height: 200px;
    margin-top: 10px;
    padding: 10px 20px;
    overflow-y: auto;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}

    .not_match_layerA .content_box .listC_wrap .listC {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        border-bottom: 1px dashed #e5e5e5;
    }

        .not_match_layerA .content_box .listC_wrap .listC:last-child {
            border-bottom: 0;
        }

        .not_match_layerA .content_box .listC_wrap .listC li {
            padding-right: 10px;
            font-size: 13px;
            font-weight: 400;
            color: #333333;
            letter-spacing: 0.65px;
            text-align: left;
        }

            .not_match_layerA .content_box .listC_wrap .listC li:last-child {
                padding-right: 0;
            }

            .not_match_layerA .content_box .listC_wrap .listC li:nth-child(1) {
                flex-basis: 40%;
            }

            .not_match_layerA .content_box .listC_wrap .listC li:nth-child(2),
            .not_match_layerA .content_box .listC_wrap .listC li:nth-child(3) {
                flex-basis: 20%;
            }

            .not_match_layerA .content_box .listC_wrap .listC li:nth-child(4) {
                flex-basis: 20%;
            }

/* 보강영상등록 > 개별학습등록 팝업 > 개별학습 팝업 레이어 끝 */


/* 메뉴관리 시작 */
.menu_content_wrap .content .menu {
    min-width: 1225px;
}

    .menu_content_wrap .content .menu .title li:first-child {
        display: flex;
        place-items: center;
        justify-content: center;
        width: 5%;
    }

    .menu_content_wrap .content .menu .list li:first-child {
        display: flex;
        place-items: flex-start;
        justify-content: center;
        width: 5%;
    }

    .menu_content_wrap .content .menu .title li:nth-child(2) {
        display: flex;
        place-items: center;
        width: 15%;
        padding-right: 40px;
        text-align: center;
    }

    .menu_content_wrap .content .menu .list li:nth-child(2) {
        display: flex;
        place-items: flex-start;
        width: 10%;
        padding-right: 40px;
        text-align: center;
    }

    .menu_content_wrap .content .menu li:nth-child(3), .menu_content_wrap .content .menu li:nth-child(4) {
        width: 28%;
        padding-right: 40px;
        text-align: center;
    }

    .menu_content_wrap .content .menu li:nth-child(5) {
        width: 54%;
        padding-right: 40px;
        text-align: center;
    }

    .menu_content_wrap .content .menu .title li:nth-child(5) {
        line-height: 19px;
    }

    .menu_content_wrap .content .menu .checkbox2 + label {
        padding-left: 20px;
    }

    .menu_content_wrap .content .menu .item_wrap {
        display: flex;
        place-items: center;
    }

        .menu_content_wrap .content .menu .item_wrap:not(:first-child) {
            padding-top: 10px;
        }

        .menu_content_wrap .content .menu .item_wrap .item_name {
            min-width: 60px;
            text-align: left;
        }

        .menu_content_wrap .content .menu .item_wrap .item:not(:first-child) {
            padding-right: 15px;
        }

        .menu_content_wrap .content .menu .item_wrap .item:last-child {
            padding-right: 0px;
        }

        .menu_content_wrap .content .menu .item_wrap .item {
            width: 100%;
        }

    .menu_content_wrap .content .menu .write {
        background: rgba(255, 239, 24, 0.1);
        border-bottom: 2px solid #202960;
    }

    .menu_content_wrap .content .menu .item_wrap .item input[type=date] {
        padding-left: 10px;
        padding-right: 10px;
    }
/* 메뉴관리 끝 */


/* 배너관리 시작 */
.content .sub_group {
    display: flex;
    place-items: center;
    justify-content: center;
    padding-bottom: 40px;
}

    .content .sub_group div {
        width: 200px;
        height: 45px;
        line-height: 43px;
        border: 1px solid #cccccc;
        font-size: 13px;
        font-weight: 400;
        color: #777777;
        text-align: center;
        cursor: pointer;
    }

    .content .sub_group a:not(:last-child) div {
        margin-right: 5px;
    }

    .content .sub_group div:hover {
        border: 1px solid #ffef18;
        background: #ffef18;
        color: #202960;
    }

    .content .sub_group .on {
        border: 1px solid #ffef18;
        background: #ffef18;
        color: #202960;
    }

.menu_content_wrap .content .banner li:not(:first-child) {
    padding-right: 40px;
}

.menu_content_wrap .content .banner .title li:first-child {
    display: flex;
    place-items: center;
    justify-content: center;
    width: 100px;
    min-width: 100px;
}

.menu_content_wrap .content .banner .list li:first-child {
    display: flex;
    place-items: flex-start;
    justify-content: center;
    width: 100px;
    min-width: 100px;
}

.menu_content_wrap .content .banner li:nth-child(2) {
    width: calc(1% + 121px);
    min-width: 121px;
    text-align: center;
}

.menu_content_wrap .content .banner .title li:nth-child(3), .menu_content_wrap .content .banner .title li:nth-child(5) {
    line-height: 19px;
}

.menu_content_wrap .content .banner title li:nth-child(6) {
    min-width: 190px;
}

.menu_content_wrap .content .banner .title li:nth-child(3), .menu_content_wrap .content .banner .title li:nth-child(4), .menu_content_wrap .content .banner .title li:nth-child(5) {
    min-width: 220px;
}

.menu_content_wrap .content .banner li:nth-child(3), .menu_content_wrap .content .banner li:nth-child(4) {
    width: calc(33% - 137px);
}

.menu_content_wrap .content .banner li:nth-child(6) {
    width: 190px;
    min-width: 190px;
}

.menu_content_wrap .content .banner li:nth-child(2) .input_box {
    text-align: center;
    padding-left: 0px;
}

.menu_content_wrap .content .banner .item_wrap {
    display: flex;
    place-items: center;
}

    .menu_content_wrap .content .banner .item_wrap div {
        width: calc(50% - 5px);
    }

        .menu_content_wrap .content .banner .item_wrap div:first-child {
            margin-right: 10px;
        }

.menu_content_wrap .content .banner .item_wrap2 {
    display: flex;
    place-items: center;
}

    .menu_content_wrap .content .banner .item_wrap2 div:first-child {
        width: calc(100% - 135px);
        margin-right: 5px;
    }

    .menu_content_wrap .content .banner .item_wrap2 div:last-child {
        width: 135px;
    }

    .menu_content_wrap .content .banner .item_wrap2:not(:first-child) {
        padding-top: 5px;
    }

.menu_content_wrap .content .banner .item_name {
    line-height: 19px;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #333333;
    letter-spacing: -0.33px;
}

.menu_content_wrap .content .banner li .title_box:not(:first-child) {
    padding-top: 20px;
}

.menu_content_wrap .content .banner li .input_list div:not(:first-child) {
    padding-top: 5px;
}

.menu_content_wrap .content .banner .textarea {
    width: 100%;
    height: 125px;
    padding: 20px;
    border: 1px solid #dddddd;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
    color: #333333;
    resize: none;
}

    .menu_content_wrap .content .banner .textarea:focus {
        outline: none;
    }

.menu_content_wrap .content .banner .image_wrap {
    width: 150px;
    height: 168px;
    background: #f9f9fb;
    border: 1px solid #dddddd;
    border-radius: 6px;
}

.menu_content_wrap .content .banner .button_wrap {
    display: flex;
    place-items: center;
    justify-content: right;
    padding-top: 10px;
    border-top: none;
}

    .menu_content_wrap .content .banner .button_wrap .plus {
        width: 40px;
        height: 40px;
        margin-right: 5px;
        background: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 3px;
        background-image: url(../images/plus.png);
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .menu_content_wrap .content .banner .button_wrap .minus {
        width: 40px;
        height: 40px;
        background: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 3px;
        background-image: url(../images/minus.png);
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

.menu_content_wrap .content .banner .write {
    background: rgba(255, 239, 24, 0.1);
    border-bottom: 2px solid #202960;
}
/* 배너관리 끝 */


/* @media (max-width: 800px) {
  .left_menu {
    display: none;
    transition-duration: 0.1s;
  }
} */

.swiper-slide > img {
    width: 100%
}

.nolimit-text {
    text-align: right;
    padding-right: 160px;
    margin-bottom: 10px;
    font-size: 13px;
}

.nolimit-text2 {
    text-align: right;
    padding-right: 110px;
    margin-bottom: 10px;
    font-size: 13px;
}

.nolimit-text3 {
    text-align: right;
    padding-right: 110px;
    margin-bottom: 10px;
    font-size: 13px;
}