/* ===== program-wrap (corp.php) ===== */

@media all and (max-width: 768px) {
    .sub-nav ul {
        gap: 70px !important;
    }
}

@media all and (max-width: 400px) {
    .sub-nav ul {
        gap: 60px !important;
    }
}


.program-video { 
    display: none; 
    max-width: 1320px;
    margin: 100px auto 0;
}
.program-video.on { display: block; }
.program-video video { 
    display: block; 
    width: 100%; 
    height: auto; 
}



.program-wrap .sec-head {
    margin-bottom: 100px;
}
.program-wrap .sec-tit {
    /* font-weight: 700; */
}
.program-wrap .program-list {
    max-width: 1320px;
    margin: 100px auto 0;
}
.program-wrap .program-panel {
    display: none;
}
.program-wrap .program-panel.on {
    display: block;
}
.program-wrap .program-panel img {
    display: block;
    width: 100%;
    height: auto;
}

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

    .program-video { 
        max-width: 100%;
        margin-top: 47px;
    }

    .program-wrap .sec-head {
        margin-bottom: 46px;
    }
    .program-wrap .program-list {
        margin-top: 47px;
    }

    
}