@charset "UTF-8";
.mplayer-minimal { box-sizing: border-box; display: inline-block; text-align: left; background: #000; position: relative; overflow: hidden; /* 센터 플레이 아이콘 */ }
.mplayer-minimal * { box-sizing: border-box; }
.mplayer-minimal .mp-media-el { height: 100%; }
.mplayer-minimal .mp-media-el video { display: block; width: 100%; height: auto; outline: 0 none; }
.mplayer-minimal .mp-media-el video::-webkit-media-controls { display: none; }
.mplayer-minimal.mp-is-flexible { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.mplayer-minimal.mp-is-flexible video { width: 100%; height: 100%; position: absolute; position: absolute; top: 0; left: 0; }
.mplayer-minimal.mp-is-fullscreen { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; }
.mplayer-minimal.mp-is-fullscreen video { width: 100%; height: 100%; }
.mplayer-minimal .mp-poster { width: 100%; height: 100%; background-size: cover; background-position: 50%; position: absolute; top: 0; left: 0; cursor: pointer; }
.mplayer-minimal .mp-poster.mp-hide { display: none; }
.mplayer-minimal .mp-media-el:after, .mplayer-minimal .mp-poster:after { content: ''; box-sizing: border-box; display: block; width: 120px; height: 120px; margin: -60px 0 0 -60px; background: rgba(255, 255, 255, 0) url("img/ico-play-large.png") no-repeat 61% 50%; border-radius: 60px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); border: 5px solid rgba(255, 255, 255, 0.3); opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.mplayer-minimal:not(.mp-is-playing) .mp-media-el:after, .mplayer-minimal:not(.mp-is-playing) .mp-poster:after { opacity: 1; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
.mplayer-minimal .mp-controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; font-size: 0; background: #030303; background: rgba(0, 0, 0, 0.8); position: absolute; bottom: 0; left: 0; -webkit-transition: all .4s .7s; transition: all .4s .7s; }
.mplayer-minimal .mp-controls > * { vertical-align: top; }
.mplayer-minimal.mp-is-playing .mp-controls { opacity: 0; bottom: -36px; }
.mplayer-minimal.mp-is-playing.mp-is-active .mp-controls { opacity: 1; bottom: 0; -webkit-transition: all .4s .15s; transition: all .4s .15s; }
.mplayer-minimal.mp-is-playing.mp-is-active-focus .mp-controls { opacity: 1; bottom: 0; -webkit-transition: none; transition: none; }
.mplayer-minimal .mp-btn-play-puase { width: 50px; height: 35px; color: transparent; background: url("img/ico-play.png") no-repeat 50% 50%; border: 0 none; overflow: hidden; cursor: pointer; }
.mplayer-minimal .mp-btn-play-puase:hover, .mplayer-minimal .mp-btn-play-puase:focus { background-image: url("img/ico-play-on.png"); }
.mplayer-minimal .mp-btn-play-puase.mp-is-paused { background-image: url("img/ico-pause.png"); }
.mplayer-minimal .mp-btn-play-puase.mp-is-paused:hover, .mplayer-minimal .mp-btn-play-puase.mp-is-paused:focus { background-image: url("img/ico-pause-on.png"); }
.mplayer-minimal .mp-progress { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; height: 16px; position: relative; z-index: 1; }
.mplayer-minimal .mp-progress:after { content: ''; box-sizing: content-box; display: block; width: 100%; height: 4px; background: rgba(74, 74, 74, 0.5); position: absolute; top: 6px; left: 0; }
.mplayer-minimal .mp-progress .mp-btn { display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }
.mplayer-minimal .mp-progress .mp-btn:before { content: ''; box-sizing: content-box; display: block; width: 100%; height: 4px; background: #d51414; position: absolute; top: 6px; left: 0; }
.mplayer-minimal .mp-progress .mp-buffered { box-sizing: content-box; display: block; width: 0; height: 4px; background: #4a4a4a; position: absolute; top: 6px; left: 0; z-index: 1; }
.mplayer-minimal .mp-progress-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 10px 0 0; white-space: nowrap; }
.mplayer-minimal .mp-progress-wrap .mp-progress { width: 100%; }
.mplayer-minimal .mp-time-wrap { padding-left: 15px; line-height: 16px; font-family: tahoma; font-size: 9px; color: rgba(255, 255, 255, 0.4); white-space: nowrap; }
.mplayer-minimal .mp-volume { width: 23px; height: 13px; position: relative; z-index: 1; }
.mplayer-minimal .mp-volume:after { content: ''; box-sizing: content-box; display: block; width: 100%; height: 100%; background: #4a4a4a; background: -webkit-repeating-linear-gradient(left, #4a4a4a 0px, #4a4a4a 3px, transparent 3px, transparent 5px); background: repeating-linear-gradient(90deg, #4a4a4a 0px, #4a4a4a 3px, transparent 3px, transparent 5px); position: absolute; top: 0; left: 0; }
.mplayer-minimal .mp-volume .mp-btn { display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }
.mplayer-minimal .mp-volume .mp-btn:before { content: ''; box-sizing: content-box; display: block; width: 100%; height: 100%; background: #d51414; background: -webkit-repeating-linear-gradient(left, #d51414 0px, #d51414 3px, transparent 3px, transparent 5px); background: repeating-linear-gradient(90deg, #d51414 0px, #d51414 3px, transparent 3px, transparent 5px); position: absolute; top: 0; left: 0; }
.mplayer-minimal .mp-volume-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 12px 0 0 15px; white-space: nowrap; }
.mplayer-minimal.mp-is-ios .mp-volume-wrap { display: none; }
.mplayer-minimal .mp-btn-mute { width: 14px; height: 11px; margin-top: 1px; margin-right: 3px; color: transparent; background: url("img/ico-volume.png") no-repeat; border: 0 none; overflow: hidden; cursor: pointer; }
.mplayer-minimal .mp-btn-mute.mp-is-muted { background-image: url("img/ico-volume-off.png"); }
.mplayer-minimal .mp-btn-fullscreen { width: 50px; height: 35px; color: transparent; background: url("img/ico-fullscreen.png") no-repeat 50% 50%; border: 0 none; overflow: hidden; cursor: pointer; }
.mplayer-minimal .mp-btn-fullscreen:hover, .mplayer-minimal .mp-btn-fullscreen:focus { background-image: url("img/ico-fullscreen-on.png"); }
.mplayer-minimal.mp-is-audio { width: 100%; }
.mplayer-minimal.mp-is-audio .mp-controls { opacity: 1; border-top: 0 none; position: relative; bottom: 0; }
.mplayer-minimal.mp-is-ie9 .mp-controls { display: table; }
.mplayer-minimal.mp-is-ie9 .mp-controls > * { display: table-cell; font-size: 0 !important; }
.mplayer-minimal.mp-is-ie9 .mp-progress-wrap { font-size: 0; }
.mplayer-minimal.mp-is-ie9 .mp-progress-wrap:after { content: ''; display: block; clear: both; }
.mplayer-minimal.mp-is-ie9 .mp-progress { float: left; width: 70%; }
.mplayer-minimal.mp-is-ie9 .mp-time-wrap { float: left; -webkit-transition: none !important; transition: none !important; }
.mplayer-minimal.mp-is-ie9.mp-is-small .mp-time-wrap { display: none; }
.mplayer-minimal.mp-is-ie9.mp-is-seeking .mp-time-wrap { display: block; }
.mplayer-minimal.mp-is-ie9 .mp-volume-wrap { width: 23px !important; font-size: 0; }
.mplayer-minimal.mp-is-ie9 .mp-volume { display: inline-block; vertical-align: top; }
.mplayer-minimal.mp-is-ie9 .mp-btn-mute { display: inline-block; vertical-align: top; }
.mplayer-minimal.mp-is-small .mp-media-el:after, .mplayer-minimal.mp-is-small .mp-poster:after { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }
.mplayer-minimal.mp-is-small:not(.mp-is-playing) .mp-media-el:after, .mplayer-minimal.mp-is-small:not(.mp-is-playing) .mp-poster:after { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
.mplayer-minimal.mp-is-small .mp-btn-play-puase { width: 33px; height: 35px; }
.mplayer-minimal.mp-is-small .mp-time-wrap { display: none; width: auto; padding: 0; line-height: 1.2; text-align: center; font-size: 20px; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 48px; left: 50%; }
.mplayer-minimal.mp-is-small.mp-is-seeking .mp-time-wrap { display: block; }
.mplayer-minimal.mp-is-small .mp-volume-wrap { padding: 12px 0 0 10px; }
.mplayer-minimal.mp-is-small .mp-btn-mute { display: none; }
.mplayer-minimal.mp-is-small .mp-btn-fullscreen { width: 33px; height: 35px; }