.bv-player {
  width: 100%;
  height: 100%;
  font-family: 'Noto Sans KR';
}

.bv-media .bv-video {
  width: 1010px;
  height: 672px;
}

.bv-media {
  width: 100%;
  height: 100%;
  max-width: 1010px;
}

.bv-media * {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */
}

.bv-subtitle {
  width: 100%;
  height: 116px;
  background: url(../images/bvPlayer/script.png) no-repeat center center;
  color: white;
  position: absolute;
  bottom: 55px;
  display: flex;
  flex-wrap: wrap;
  z-index: 600;
}

.bv-subtitle>.header {
  width: 100%;
  height: 20px;
  display: flex;
  justify-content: flex-end;
}

.bv-subtitle>.header>#close {
  width: 20px;
  height: 25px;
  font-size: 1.5rem;
  margin-top: 12px;
  margin-right: 5px;
  cursor: pointer;
}

.bv-subtitle>.header>#close:hover {
  color: #e5c382;
}

.bv-subtitle>.section {
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  padding: 0px 30px;
  margin-top: 4px;
}

.bv-subtitle>.section>.section-wrap {
  width: 98%;
  height: 59px;
  overflow-y: auto;
}

.bv-subtitle>.section>.section-wrap>.txt {
  font-size: 0.9rem;
}

.content .bv-player .bv-play {
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0px;
  left: 0px;
  z-index: 700;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
}

.bv-loading {
  width: 100%;
  height: 100%;
  max-height: 576px;
  position: absolute;
  background: url(../images/bvPlayer/loading.gif) no-repeat center;
  background-color: white;
  display: none;
  z-index: 800;
}

.content .bv-player.fullscreen .bv-activity {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0px;
  z-index: 900;
}

.bv-controls {
  width: 100%;
  height: 63px;
  background: black;
  color: white;
  position: absolute;
  z-index: 1000;
  bottom: 0px;
}

.bv-controls div {
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */
}

.bv-controls>.progress {
  width: 100%;
  height: 15px;
  position: absolute;
  box-sizing: border-box;
  padding-right: 120px;
  background: #dadada;
}

.bv-controls>.progress>.progress-bar {
  width: 100%;
  height: 15px;
  background: #dadada;
  position: relative;
  cursor: pointer;
}

.bv-controls>.progress>.progress-bar>.progress-range {
  background: #FFB402;
  width: 0px;
  height: 100%;
  position: absolute;
  cursor: pointer;
  border-radius: 0px 3px 3px 0px;
}

.bv-controls>.progress>.progress-bar>.progress-background {
  background: #FFFFFF;
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  border-radius: 0px 3px 3px 0px;
}

.bv-controls>.progress>.progress-bar>.progress-range>.progress-handle {
  float: right;
  width: 20px;
  height: 15px;
  margin-right: -10px;
  cursor: pointer;
}

.bv-controls>.progress>.time {
  position: absolute;
  width: 100px;
  color: #000000;
  font-size: 0.8rem;
  box-sizing: border-box;
  padding-left: 25px;
}

.bv-controls>.progress>.time>.time-diviser {
  padding: 0px 5px;
}

.bv-controls>.button {
  width: 32px;
  height: 46px;
  margin-top: 15px;
  float: left;
  position: absolute;
  cursor: pointer;
  background: url(../images/bvPlayer/controls_edit.png);
}

.bv-controls>#down {
  width:40px;
  background-position: 0px 0px;
  left: 10px;
}

.bv-controls>#down:hover {
  background-position: -40px 0px;
}

.bv-controls>.diviser {
  background: #aeaeae;
  position: absolute;
  margin-top: 24px;
  width: 1px;
  height: 30px;
  left: 51px;
}

.bv-controls>#play {
  background-position: -80px 0px;
  left: 61px;
}

.bv-controls>#play:hover {
  background-position: -112px 0px;
}

.bv-controls>#pause {
  background-position: -144px 0px;
  left: 61px;
}

.bv-controls>#pause:hover {
  background-position: -176px 0px;
}

.bv-controls>#replay {
  background-position: -208px 0px;
  left: 101px;
}

.bv-controls>#replay:hover {
  background-position: -240px 0px;
}

.bv-controls>#subtitle {
  background-position: -272px 0px;
  left: 141px;
}

.bv-controls>#subtitle:hover {
  background-position: -304px 0px;
}

.bv-controls>#mute {
  background-position: -336px 0px;
  left: 181px;
}

.bv-controls>#mute:hover {
  background-position: -368px 0px;
}

.bv-controls>#unmute {
  background-position: -400px 0px;
  left: 181px;
}

.bv-controls>#unmute:hover {
  background-position: -432px 0px;
}

.bv-controls>.sound-bar {
  width: 80px;
  height: 4px;
  background: #dadada;
  position: absolute;
  cursor: pointer;
  left: 221px;
  margin-top: 38px;
  border-radius: 10px;
}

.bv-controls>.sound-bar>.sound-range {
  background: #FFB402;
  width: 0px;
  height: 100%;
  position: absolute;
  cursor: pointer;
  border-radius: 10px;
}

.bv-controls>.sound-bar>.sound-range>.sound-handle {
  float: right;
  width: 10px;
  height: 10px;
  margin-top: -3px;
  margin-right: -5px;
  cursor: pointer;
  background: white;
  border-radius: 10px;
}

.bv-controls>#prev {
  width:75px;
  background-position: -457px 0px;
  right: 140px;
}

.bv-controls>#prev:hover {
  background-position: -521px 0px;
}

.bv-controls>.page {
  position: absolute;
  right: 75px;
  width: 67px;
  margin-top: 28px;
}

.bv-controls>.page>.page--diviser {
  padding: 0px 5px;
  color: #999999;
}

.bv-controls>.page>.page--total {
  color: #999999;
}

.bv-controls>#next {
  width:75px;
  background-position: -585px 0px;
  right: 10px;
}

.bv-controls>#next:hover {
  background-position: -650px 0px;
}

/*custom 2020.04.27*/
.content {width:100%; height:auto;}
.bv-media .bv-video {width:100%; height:100%;}


@media all and (max-width:640px) { 
	
	.content {overflow:auto;}
	.bv-controls>#pause {left:0;}
	.bv-controls>#play {left:0;}
	.bv-controls>#replay {left:30px;}
	.bv-controls>#mute {left:60px;}
	.bv-controls>#subtitle{left:90px;}
	.bv-controls>.sound-bar {width:40px; left:120px;}
	.bv-controls>#next {width:70px; right:0;}
	.bv-controls>#prev {width:70px; right:114px;}
	.bv-controls>.page{right:51px; z-index:1;}
}