@charset "UTF-8";

@media (max-width: 1020px) {
    .training_details .tbl colgroup col:nth-child(odd) {
        width: 22% !important;
    }
}

@media (max-width: 1000px) {
    /* scheduls_calender */
    .scheduls_calender .tbl.cal_style::before {
        content: none;
    }
    .scheduls_calender .control_box .border_box2 .month {
        padding: 1rem;
    }
    .scheduls_calender .control_box .border_box2 .year {
        text-align: left;
    }
    .scheduls_calender .control_box .border_box2 .year .list_box {
        left: inherit;
        right: 4rem;
    }
    .scheduls_calender .tbl.cal_style tbody tr td .item.day02 {
        height: calc(200% - 2rem);
    }
    .scheduls_calender .tbl.cal_style tbody tr td .item.day03 {
        height: calc(300% - 2rem);
    }
    .scheduls_calender .tbl.cal_style tbody tr td .item.day04 {
        height: calc(400% - 2rem);
    }
    .scheduls_calender .tbl.cal_style tbody tr td .item.day05 {
        height: calc(500% - 2rem);
    }
    .scheduls_calender .control_box .border_box2 .month div a {
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
    }
    .scheduls_calender .tbl.cal_style tbody tr td .item {
        display: inline-block;
        position: absolute;
        width: calc(100% - 9rem) !important;
        bottom: inherit;
        left: inherit;
        vertical-align: middle;
    }
    .scheduls_calender .tbl.cal_style tbody tr td .item p {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .scheduls_calender .tbl.cal_style {
        max-height: 27rem;
        overflow-y: auto;
        border-top: 2px solid #d5d5db;
        border-bottom: 1px solid #d5d5db;
    }
    .scheduls_calender .tbl.cal_style thead {
        display: none;
    }
    .scheduls_calender .tbl.cal_style,
    .scheduls_calender .tbl.cal_style tbody,
    .scheduls_calender .tbl.cal_style tbody tr,
    .scheduls_calender .tbl.cal_style tbody tr td {
        display: block;
    }
    .scheduls_calender .tbl.cal_style tbody tr td {
        height: auto !important;
        border-width: 0 1px 1px;
        padding: 1.2rem 2rem;
    }
    /* .scheduls_calender .tbl.cal_style tbody tr td span {
        float: left;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 23px;
        border-radius: 100%;
        background-color: #f1f1f1;
        float: none;
        position: absolute;
    } */
    .scheduls_calender .tbl.cal_style tbody tr td i {
        display: inline-block;
        height: 2rem;
        line-height: 2rem;
        margin: 0 1rem;
    }
    .scheduls_calender .tbl.cal_style tbody tr td a {
        position: relative;
        display: inline-block;
        padding: 0;
        padding-left: 10px;
        background-color: transparent;
        margin-top: 0;
    }
    .scheduls_calender .tbl.cal_style tbody tr td a:before {
        /* content: "";
        position: absolute;
        top: 9px;
        left: 4px;
        width: 2px;
        height: 2px;
        background-color: #434343; */
        content: none;
    }
    .scheduls_calender .tbl.cal_style tbody tr td div {
        width: 100%;
        display: block;
    }
    .scheduls_calender .tbl.cal_style tbody tr td .item.resPos {
        position: relative;
        top: 0.2rem !important;
        left: 0 !important;
        height: auto !important;
    }

    .scheduls_calender .tbl.cal_style tbody tr td.not_day {
        display: none;
    }

    .scheduls_calender .tbl.cal_style tbody tr td .yeyak {
    }
    .scheduls_calender .tbl.cal_style tbody tr td .yeyak b.yy_ti {
        display: inline-block;
    }
    .scheduls_calender .tbl.cal_style tbody tr td .yeyak a {
        vertical-align: middle;
        padding: 10px;
        margin: 0 0 0 5px;
        border: 1px solid #d2d2d2;
        text-align: center;
    }
    .scheduls_calender .tbl.cal_style tbody tr td .yeyak a:before {
        display: none;
    }
    .scheduls_calender .tbl.cal_style tbody tr td .yeyak a br {
        display: none;
    }

    .scheduls_calender .tbl.cal_style tbody tr td.to_day .yeyak {
        margin-top: 3px;
    }
    .scheduls_calender .tbl.cal_style tbody tr td.to_day > div > span:before {
        display: none;
    }
    .scheduls_calender .control_box .border_box .month div {
        display: block;
        width: 16.666%;
        float: left;
    }
    /* //scheduls_calender */
    .scheduls_calender .control_box .border_box2 .year .search_box {
        position: relative;
        top: inherit;
        right: inherit;
    }
    .scheduls_calender .control_box .border_box2 .year .search_box .form {
        margin: 2rem auto 0;
    }
}

@media (max-width: 900px) {
    .member .item {
        padding-left: 0;
    }
}

@media (max-width: 800px) {
    .member .item {
        text-align: left;
    }
}

@media (max-width: 768px) {
    .member .desc {
        padding: 2rem;
    }
    .login1 .form,
    .member .item {
        width: 100%;
    }
    .member .top {
        padding: 0 2rem;
    }
    .training_info .grey_box .desc {
        padding-left: 31rem;
    }
}

@media (max-width: 640px) {
    /* .scheduls_calender .list .tbl_scroll {
        background: none;
        padding-top: 0;
    }
    .scheduls_calender .list .tbl_scroll::before {
        content: none;
    }
    .scheduls_calender .list .tbl {
        min-width: auto;
    }
    .scheduls_calender .list .tbl colgroup col {
        width: auto !important;
    } */
}

@media (max-width: 500px) {
    .training_info .grey_box .desc::before {
        display: block;
        position: relative;
        top: inherit;
        left: inherit;
        margin: 0 auto 2rem;
    }
    .training_info .grey_box .desc {
        padding-left: 0;
    }
    .scheduls_calender .control_box .border_box2 .month div {
        display: block;
        float: left;
        width: 16.666%;
    }
    .training_details .privacy {
        margin: 2rem 0;
    }
    .training_details .privacy,
    .training_details .btns_wrap {
        text-align: center;
    }
    .training_details .btns_wrap {
        margin-top: 3rem;
    }
}

@media (max-width: 400px) {
    .member .item span {
        margin: 0.2rem auto;
    }
    .member .notice {
        padding: 0;
    }
}