#video-wrap { position: relative; }
#video-wrap span,
#video-wrap div.vjs-playback-rate-value,
#video-wrap .video-js .vjs-play-progress:before { color:#fff; }
#video-wrap div.vjs-menu .vjs-selected span { color:#2B333F; }

#video-cover-custom {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-btn-play-pause { opacity: 0; }

.vjs-custom-skin .vjs-btn-play-pause {
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    display: block;
    position: absolute;
    padding: 0;
    cursor: pointer;
    opacity: 1;
}

.video-js .vjs-time-control {display: block;}
.video-js .vjs-remaining-time {display: none;}

.vjs-duration.vjs-time-control {padding-left: 0;}
.vjs-current-time.vjs-time-control {padding-right: 0;}
.vjs-delimeter.vjs-time-control {padding-left: 0;padding-right: 0;}
.video-js.vjs-layout-small .vjs-delimeter { display: none;}
.vjs-slider-horizontal .vjs-volume-level:before { top: -0.4em; right: -0.5em; color: #fff; }
.video-js .vjs-time-control { font-size: 1.2em; }

/* 일시정지 아이콘 */
.vjs-custom-skin .vjs-btn-play-pause.pause .vjs-icon-placeholder:before
, .vjs-custom-skin.vjs-playing .vjs-btn-play-pause.play .vjs-icon-placeholder:before{
    content: url("/theme/ucp/images/pause.svg");
    transform: scale(1.5);
    display: block;
}

/* 재생 아이콘 */
.vjs-custom-skin .vjs-btn-play-pause.play .vjs-icon-placeholder::before{
    content: url("/theme/ucp/images/play.svg");
    transform: scale(1.5);
    display: block;
}

/* 10초 뒤로 아이콘 */
.vjs-custom-skin .vjs-back .vjs-icon-placeholder:before {
    content: '';
    width: 30px;
    height: 30px;
    background: url("/theme/ucp/images/a1.svg") no-repeat;
    background-size: cover;
    left: 12px;
    top: -1px;
    transform: rotate(180deg) scale(-0.8, 0.6);
}

/* 10초 앞으로 아이콘 */
.vjs-custom-skin .vjs-forward .vjs-icon-placeholder:before {
    content: '';
    width: 30px;
    height: 30px;
    background: url("/theme/ucp/images/a1.svg") no-repeat;
    background-size: cover;
    top: -1px;
    left: -1px;
    transform: rotate(180deg) scale(0.8, 0.6);
}