/* BASIC css start */
#contentWrap{width:1280px !important}
.topBnr{margin: 0 0 1px 0;}
.titleLogo{margin-bottom:40px}
.mv_tab { 
    margin-bottom: 60px;
    text-align: center; overflow:hidden; }
.mv_tab li {display: inline-block;
    cursor: pointer;
    color: #000;
    font-size: 25px;
    width: 136px;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    margin: 0 20px;}
.mv_tab li.on {
    background: #000;
    border-radius: 25px;
    color: #fff;}
.mv_tab_con { clear:both; }
.mv_tab_con .video { display:none; height:100%; text-align:center; }

.video {width: 100%; margin: 10px auto 50px auto; }
.video h2 { text-align: left; font-size: 36px; font-weight: bold; color: #000000; border-bottom: 2px solid #000000; padding-bottom: 20px;}
.video ul { 
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0 37px;}
    
.video ul li {
    float: left;
    width: 400px;
    border: 1px solid #dddddd;
    height: 100%;
    margin-bottom: 45px;
    line-height: 1;}
    
    
.video ul li iframe,
.video ul li video { width: 100%;  height: calc(100vh - 130px);}

.video ul li p {
    display: block;
    height:60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #404040; }


html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.video{
    width: 100%;
    height: 100vh; /* ºê¶ó¿ìÀú Àüü ³ôÀÌ */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video iframe {
    width: 100%;
    height: 100%;
    border: none;
    object-fit: cover; /* ²ËÂ÷°Ô Ç¥½Ã */
}


/* BASIC css end */