.videojs-player {
  background: #fbfbfb;
  overflow: auto;
  width: 100%;
  margin: 0 0 20px;
}

.player-container {
  float: left;
  overflow: auto;
  width: calc(100% - 115px);
  background: #fbfbfb;
  scrollbar-width: none;
}

.video-js {
  float: left;
  height: auto;
  padding-top: 0.3px;
  z-index: 97;
  width: 100%;
}

/* hover 레이아웃 깨짐 버그 해결.*/
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  height: auto;
}

/* control-bar button의 외곽선 제거와 폰트 크기와 높이 */
.vjs-control-bar  button, .vjs-control-bar div {box-shadow:none;font-size: inherit;color: #fff;}
.video-js .vjs-control-bar {font-size: 10px;}
.video-js .vjs-time-control {font-size: 1.06em;}

/* 여기부터 time 표시 */
.video-js .vjs-time-control {padding-left: 0;}
.video-js .vjs-current-time, .vjs-no-flex .vjs-current-time {display: unset;color: #03A9F4;}
.video-js .vjs-duration {display: unset;}
.video-js .vjs-remaining-time span {color: #FFA726;}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {max-height: 20em;}
.vjs-menu li.vjs-menu-item {color:#fff;font-size: 1.3em;}
.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover {background-color: #00BCD4;}