@charset 'utf-8';

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

    table{width: 95%;}
    table thead tr{display: none}
    table thead td{padding: 5px 0;}

    table tbody tr{
        text-align: center;
    }
    table tbody td{
        width: 100%;
        padding: 5px 0;
        display: inline-block;

    }
    table tbody tr td:first-child{
        
        color: #fff;
        padding: 10px 0;
    }
    table tbody tr td .schedule-time{
        background: #003668;
        display: inline-block;
        padding: 7px 18px;
        border-radius: 40px;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -.065em;
        border:1px solid #ccc;
        margin: 20px auto 0 auto;
    }
    table tbody tr td .schedule-session{
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -.065em;
        color: #528bb7;
    }
    table tbody tr td .schedule-title{
        font-size: 22px;
        font-weight: 800;
        letter-spacing: -.065em;
        margin: 0 auto 10px auto;
    }
    
    col{width: 100%}
    table tbody tr td em {
        color: #528bb7;
        font-weight: 800;
        letter-spacing: -.065em;
        font-size: 20px;
    }
}

@media all and (min-width:768px) and (max-width:1279px) {
    
    table{
        width:100%;
        border-top:1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    table thead td{padding: 12px 0;}
    table tbody tr{
        border-bottom: 1px solid #ccc;
    }
    table tbody td{padding: 12px 0;}
    td em {color: #646a6e;font-weight: 800;letter-spacing: -.065em}
    
}
@media all and (min-width:1280px) {

    table{
        width:100%;
        border-top:1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    
    table thead td{padding: 12px 0;}
    table tbody tr{
        border-bottom: 1px solid #ccc;
    }
    table tbody td{padding: 12px 0;}
    td em {color: #646a6e;font-weight: 800;letter-spacing: -.065em}
    
}
.nav-box .gnb ul li:nth-child(2){border-bottom: 2px solid #86a4c3}
.nav-subbox ul li:nth-child(2){border-bottom: 4px solid #86a4c3}

h3{
    padding: 50px 0 0 0;
}

/*schedule*/
table{
    margin: 0 auto;
    font-size: 1.2em;
}
table thead{text-align: center}
table thead tr{
    background: #738aa6;
    margin: 0 auto 10px auto;
}
table thead td{
    color: #fff;
    font-weight: 800;
}
table tbody{
    text-align: center;
}

table tbody td{
    font-weight: 600;
    vertical-align: middle;
}
table tbody td span{display: block}

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

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