@charset 'utf-8';

@media all and (max-width:767px) {

    table thead tr{display: none}
    table tbody tr{text-align: center}
    table tbody td{width: 100%;display: inline-block}
    table tbody td span{
        margin: 0 auto;
        letter-spacing: -.065em;
        padding: 10px;
        border-radius: 10px;
        font-size: 18px;
        line-height: 18px;
    }
    table tbody tr td:first-child{padding: 12px 0 5px 0}
    table tbody tr td:first-child span{
        background: #685b8d;
        color: #fff;
        display: inline-block;
    }
    col{width: 100%}

    .program span{border:1px solid #ccc;font-size: 14px;letter-spacing: -.065em}
    
}
@media all and (min-width:768px) and (max-width:1279px) {
    td em {color: #685b8d}
}
@media all and (min-width:1280px) {
    td em {color: #685b8d}
}
.nav-box .gnb ul li:nth-child(2) {
    border-bottom: 2px solid #e9ceea
}
.nav-subbox ul li:nth-child(2) {
    border-bottom: 2px solid #e9ceea
}

/*schedule*/
table{width: 100%;border-top:1px solid #ccc;border-bottom: 1px solid #ccc;font-size: 1.2em}
table thead{text-align: center}
table thead tr{background: #685b8d;margin: 10px 0}
table thead td{padding: 12px 0;color: #fff;font-weight: 800}

table tbody{text-align: center}
table tbody tr{border-bottom: 1px solid #ccc}
table tbody td{padding: 12px 0;font-weight: 600;vertical-align: middle}
table tbody td p span{display: block}
table tbody td:nth-child(3){text-align: left;width: 80%;margin: 0 auto;display: inline-block}

td strong{color: #685b8d;font-weight: 800}

td img{width: 30px;margin: 0 auto}