@charset "utf-8";



:root[color-theme='light'] {
    --mvsLeftBg: url("/images/main/icon_left_black.png") no-repeat calc(50% - 1px) calc(50% + 1px), #fff;
    --mvsRightBg: url("/images/main/icon_right_black.png") no-repeat calc(50% + 1px) calc(50% + 1px), #fff;
    --mvsStopBg: url("/images/main/icon_pause_black.png") no-repeat calc(50% + 0px) calc(50% + 1px), #fff;
    --mvsPlayBg: url("/images/main/icon_play_black.png") no-repeat calc(50% + 0px) calc(50% + 1px), #fff;
    --mvsBoxBg: #f1f4f9;
}

:root[color-theme='dark'] {
    --mvsLeftBg: url("/images/main/icon_left.png") no-repeat calc(50% - 1px) calc(50% + 1px), #47484a;
    --mvsRightBg: url("/images/main/icon_right.png") no-repeat calc(50% + 1px) calc(50% + 1px), #47484a;
    --mvsStopBg: url("/images/main/icon_pause.png") no-repeat calc(50% + 0px) calc(50% + 1px), #47484a;
    --mvsPlayBg: url("/images/main/icon_play.png") no-repeat calc(50% + 0px) calc(50% + 1px), #47484a;
    --mvsBoxBg: #0e151d;
}

.mvsTitle { display:flex; gap:10px; height:auto; min-height:40px; }
.mvsControlWrap { margin-left:auto; display:flex; gap:10px; align-items: center; }

.mvsCnt { font-size:clamp(17px,1.042vw,18px); color:var(--fontColorblue4); padding-top:1px; margin-left:auto; font-weight:700; text-align:right; white-space: nowrap; }
.mvsCnt > span { color:var(--fontColorblue3); display:inline-block; }

.mvsBtnWrap { display:flex; gap:5px; }
.mvsBtn { width:32px; height:32px; line-height:30px; border:1px solid #d9d9d9; border-radius:5px; }
.mvsLeft { background:var(--mvsLeftBg); }
.mvsRight { background:var(--mvsRightBg); }
.mvsStop { background:var(--mvsStopBg); }
.mvsStop.mvsPlay { background:var(--mvsPlayBg); }


#mainVideo { width:100%; height:100%; border:1px solid #d9d9d9; border-radius:10px; overflow:hidden; }
#mainVideo > .swiper-wrapper > .swiper-slide > a { display:inline-block; width:100%; height:100%; vertical-align:top; }
.mvsThumbCover { width:100%; height:265px; padding:32px 25px; }
.mvsThumb { width:100%; height:100%; border-radius:10px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden; }
.mvsThumbVideo { position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:url("/images/main/video_play.png") no-repeat center calc(50% - 20px), rgba(0,0,0,0.3); display:flex; justify-content: center; align-items: center; }
.mvsThumbVideo > p { color:#fff; font-size:clamp(17px,1.042vw,22px); text-align:center; padding-top:80px; word-break:keep-all; }
.mvsBox { display:flex; min-height:calc(100% - 265px); background:var(--mvsBoxBg); padding:10px; display:flex; align-items: center; justify-content: center; }
.mvsSubj { text-align:center; }
.mvsSubj > span { font-size:clamp(17px,1.042vw,22px); color:var(--fontColorMain); font-weight:600; }


@media (max-width: 1023px) {
    
}
@media (max-width: 767px) {
    .mvsThumbCover { height:170px; padding:10px; }
    /* .mvsTitle { flex-direction: column; gap:0; } */
    .mvsCnt { display:none; }
}