#viewPlayerVideo {width:100% !important; height:100% !important;}
.video-js { width:100% !important; height:100% !important; }
.video-js .vjs-control-bar,
.video-js.ie8.vjs-has-started.vjs-user-inactive .vjs-control-bar { border:0; }
.video-js .vjs-big-play-button, .video-js.vjs-mouse .vjs-big-play-button { left:0 !important; top:0 !important; width:100% !important; height:100% !important; margin:0 !important; border-radius:0 !important; /*background:url("http://channel.hyundaicard.com/images/bg-dimmed7.png") repeat !important;*/ }
.video-js .vjs-big-play-button > span, .video-js.vjs-mouse .vjs-big-play-button > span { position:absolute; margin:0; border-radius:0; left:50%; top:50%; margin:-47px 0 0 -47px; width:94px; height:94px; background:url("../images/player.png") -306px 0 no-repeat; }

.video-js .vjs-big-play-button:hover > span, .video-js.vjs-mouse .vjs-big-play-button:hover > span { background-image:url("../images/player-hover.png"); }
.video-js .vjs-big-play-button:before { display:none !important; }

.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-menu-item:focus,.video-js .vjs-menu-item:hover,
.video-js .vjs-volume-bar::before{text-shadow:none !important; box-shadow:none !important;}

.video-js .vjs-big-play-button:focus,.video-js .vjs-big-play-button:hover,.video-js .vjs-progress-holder:focus:before{text-shadow:none !important; box-shadow:none !important;}
.video-js.vjs-has-started.vjs-user-inactive .vjs-progress-holder:focus:before{text-shadow:none !important; box-shadow:none !important;}
.video-js .vjs-volume-bar:before{display:none; filter:none; background-color:transparent !important;content:inherit !important;height:0;box-shadow: none !important;margin-top:3px;}
.video-js.ie8 .vjs-volume-bar { background:transparent !important; filter: none !important; -ms-filter: none !important; zoom: 1; box-shadow: none !important; }
.video-js .vjs-volume-level { background-color:#fff; background-image: none;position: relative; top:3px;}
.video-js .vjs-volume-menu-button .vjs-menu-content { background-color:transparent; }

.video-js .vjs-control-bar { -webkit-justify-content:initial; justify-content:initial; }
.video-js .vjs-control-bar, .video-js.vjs-mouse .vjs-control-bar,
.video-js.ie8.vjs-mouse .vjs-control-bar { padding:0; height:60px !important; line-height:40px; }
.video-js .vjs-control, .video-js.vjs-mouse .vjs-control { height:40px; margin-top:1px; }

.video-js .vjs-control.vjs-progress-control, .video-js.vjs-mouse .vjs-control.vjs-progress-control { position:absolute; left:0; top:0; width:100% !important; height:4px; overflow:hidden; line-height:4px; margin-top:0; }
.video-js.vjs-has-started.vjs-user-inactive .vjs-progress-control, .video-js.vjs-mouse.vjs-has-started.vjs-user-inactive .vjs-progress-control,
.video-js.ie8.vjs-has-started.vjs-user-inactive .vjs-progress-control { position:absolute; top:0; width:100%; }
.video-js .vjs-progress-holder, .video-js.vjs-mouse .vjs-progress-holder { padding:0; }
.video-js .vjs-progress-holder:before { margin-top:-2px; }

.video-js.vjs-playing.vjs-user-active .vjs-control-bar, .video-js.vjs-mouse.vjs-playing.vjs-user-active .vjs-control-bar { bottom:0; }
.video-js.vjs-playing.vjs-user-inactive .vjs-control-bar, .video-js.vjs-mouse.vjs-playing.vjs-user-inactive .vjs-control-bar { bottom:0; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }


/* flex �빐吏�-position �쐞移섍컪 */
.video-js .vjs-control,
.video-js.vjs-mouse .vjs-control { width:34px; }
.video-js .vjs-control:before,
.video-js.vjs-mouse .vjs-control:before { line-height:0; }
.video-js.vjs-mouse .vjs-control-bar, .video-js .vjs-control-bar { display:inherit; }
.vjs-progress-control {  }

.video-js .vjs-play-control { position:absolute; left:-6px; top:10px; }
.video-js .vjs-mute-control { position:absolute; left:46px; top:10px; }
.video-js .vjs-volume-control { position:absolute; left:77px; top:6px; width:80px !important; margin-top:17px !important; padding:0 10px; }
.video-js .vjs-volume-control .vjs-volume-bar { margin-top:3px !important; height:10px; background:transparent url("../images/bg-line2.gif") 50% 50% repeat-x !important;
    filter: none !important; -ms-filter: none !important; zoom: 1; box-shadow: none !important; content:inherit !important;
}

.video-js .vjs-current-time,
.video-js.vjs-mouse .vjs-current-time { position:absolute; left:174px; top:10px; width:40px; text-align:right; }
.video-js .vjs-time-divider,
.video-js.vjs-mouse .vjs-time-divider { position:absolute; left:212px; top:10px; width:21px; margin-top:17px; }
.video-js .vjs-duration,
.video-js.vjs-mouse .vjs-duration { position:absolute; left:233px; top:10px; width:40px; text-align:left; }
.video-js .vjs-remaining-time,
.video-js.vjs-mouse .vjs-remaining-time { position:absolute; left:235px; top:10px; width:40px; text-align:left; }

.video-js .vjs-live-controls,
.video-js.vjs-mouse .vjs-live-controls { position:absolute; left:275px; top:10px; }
.video-js .vjs-play-control,
.video-js .vjs-mute-control,
.video-js .vjs-volume-control,
.video-js .vjs-current-time,
.video-js.vjs-mouse .vjs-current-time,
.video-js .vjs-time-divider,
.video-js.vjs-mouse .vjs-time-divider,
.video-js .vjs-duration,
.video-js.vjs-mouse .vjs-duration,
.video-js .vjs-remaining-time,
.video-js.vjs-mouse .vjs-remaining-time,
.video-js .vjs-live-controls,
.video-js.vjs-mouse .vjs-live-controls { margin-left:28px !important; }

.vjs-current-time.vjs-time-controls.vjs-control { margin-left: 25px !important; }

.vjs-live-controls .vjs-live-display { text-indent: -9999px !important; }

.video-js .vjs-fullscreen-control,
.video-js.vjs-mouse .vjs-fullscreen-control { position:absolute; right:-2px; top:10px; }
.video-js .vjs-hd-button,
.video-js.vjs-mouse .vjs-hd-button { position:absolute; right:62px; top:10px; }
.video-js .vjs-caption-toggle-control,
.video-js.vjs-mouse .vjs-caption-toggle-control { position:absolute; right:48px; top:10px; }
.video-js .vjs-fullscreen-control,
.video-js.vjs-mouse .vjs-fullscreen-control,
.video-js .vjs-hd-button,
.video-js.vjs-mouse .vjs-hd-button,
.video-js .vjs-caption-toggle-control,
.video-js.vjs-mouse .vjs-caption-toggle-control { margin-right:30px !important; }

.video-js .vjs-playback-rate { position:absolute; left:0; top:10px; }
.video-js .vjs-subtitles-button { position:absolute; left:0; top:10px; }
.video-js .vjs-chapters-button { position:absolute; left:0; top:10px; }

.video-js .vjs-volume-level { top:4px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.video-js .vjs-volume-handle { left:100%; margin-left:0; width:0 !important; height:0 !important; background:transparent; border-radius:0; margin-top:0; }
.video-js .vjs-volume-handle .vjs-control-text { position:absolute; display:block; left:0; top:2px; width:0 !important; height:0 !important; background:#fff; opacity:0; filter:alpha(opacity=0); border-radius:20px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.video-js .vjs-volume-control { -webkit-box-sizing:content-box; box-sizing:content-box; }
.video-js .vjs-volume-control:hover .vjs-volume-level, .video-js .vjs-slider:focus .vjs-volume-level { top:3px; height:5px; }
.video-js .vjs-volume-control:hover .vjs-volume-handle .vjs-control-text, .video-js .vjs-slider:focus .vjs-volume-handle .vjs-control-text { left:-6px; top:-4px; width:12px !important; height:12px !important; opacity:1; filter:alpha(opacity=100); }

.video-js .vjs-control.vjs-progress-control, .video-js.vjs-mouse .vjs-control.vjs-progress-control { overflow:visible; }

.video-js .vjs-progress-holder { margin-top:-4px; padding-top:4px !important; padding-bottom:4px !important; }
.video-js .vjs-play-progress { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.video-js .vjs-seek-handle { position:absolute; z-index:10; top:0; width:0 !important; height:0 !important; background:#fff; border-radius:0; }
.video-js .vjs-seek-handle .vjs-control-text { display:block; position:absolute; z-index:10; left:0; top:6px; width:0 !important; height:0 !important; background:#fff; opacity:0; filter:alpha(opacity=0); border-radius:28px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.video-js .vjs-progress-holder:hover .vjs-play-progress, .video-js .vjs-slider:focus .vjs-play-progress { margin-top:-5px; height:6px; }
.video-js .vjs-progress-holder:hover .vjs-seek-handle .vjs-control-text, .video-js .vjs-slider:focus .vjs-seek-handle .vjs-control-text { left:-7px; top:-1px; width:14px !important; height:14px !important; opacity:1; filter:alpha(opacity=100); }


.vjs-playback-rate, .vjs-subtitles-button, .vjs-chapters-button { visibility:hidden; } /* �뒪���씪 �븞�옟��遺�遺꾨뱾 */
/*
.video-js .vjs-control                  {-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;-moz-box-sizing:border-box;}
.video-js .vjs-progress-control         {-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-webkit-order:-1;-ms-flex-order:-1;-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%; }

.video-js .vjs-play-control             {-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-webkit-order:1;-ms-flex-order:1}
.video-js .vjs-mute-control     {-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-webkit-order:2;-ms-flex-order:2}
.video-js .vjs-volume-menu-button       {-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-webkit-order:2;-ms-flex-order:2}
.video-js .vjs-volume-control       {-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:3}

.video-js .vjs-current-time             {-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-webkit-order:3;-ms-flex-order:3}
.video-js .vjs-time-divider             {-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-webkit-order:4;-ms-flex-order:4}
.video-js .vjs-duration                 {-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-webkit-order:5;-ms-flex-order:5}
.video-js .vjs-duration                 { -webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto; text-align:left; }
.video-js .vjs-live-controls            {-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-webkit-order:6;-ms-flex-order:6}
.video-js.vjs-live .vjs-live-controls   {-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto}
.vjs-subtitles-button                   {-webkit-box-ordinal-group:8;-moz-box-ordinal-group:8;-webkit-order:8;-ms-flex-order:8}
.video-js .vjs-fullscreen-control       {-webkit-box-ordinal-group:9;-moz-box-ordinal-group:9;-webkit-order:9;-ms-flex-order:9}
*/

.video-js.vjs-mouse .vjs-menu { margin:0 -14px 33px -22px; }
.video-js.vjs-mouse .vjs-volume-menu-button,
.video-js .vjs-volume-menu-button { width:143px; text-align:left; line-height:0; white-space:nowrap; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; -ms-filter:none; }
.video-js.vjs-mouse .vjs-volume-menu-button:before,
.video-js .vjs-volume-menu-button:before { display:inline-block; *display:inline; zoom:1; margin:0 10px 0 12px; text-shadow:none  !important; box-shadow:none !important; }
.video-js.vjs-mouse .vjs-volume-menu-button > div,
.video-js .vjs-volume-menu-button > div { display:inline-block; *display:inline; zoom:1; }
.video-js .vjs-control-text { height:0; }

.video-js .vjs-volume-menu-button .vjs-menu { position:relative; display:inline-block !important; line-height:0; *display:inline; zoom:1; height:3px; width:80px; bottom:0; opacity:1; background-color:transparent; margin:0; padding:7px 0; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; -ms-filter:none; filter:alpha(opacity=100);} /* 2016-02-14 �닔�젙 */

.video-js .vjs-volume-menu-button .vjs-menu .vjs-menu-content,
.video-js .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content,
.video-js .vjs-volume-menu-button:active .vjs-menu .vjs-menu-content,
.video-js.vjs-mouse .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.video-js .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content { position:static; display:inline-block; line-height:0; *display:inline; zoom:1; height:3px; width:80px; bottom:0; opacity:1; background-color:#666; margin:0; padding:0; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; -ms-filter:none; filter:alpha(opacity=100);} /* 2016-02-14 �닔�젙 */

.video-js .vjs-volume-menu-button .vjs-menu { padding:0 !important; vertical-align:middle; bottom:auto; top:auto; }
.video-js .vjs-volume-menu-button .vjs-menu .vjs-menu-content { padding:0; margin:0 !important; overflow:visible; } /* �뒪�겕濡ㅻ컮 �븞�굹�삤寃� */
.video-js .vjs-volume-bar {  }
.video-js .vjs-volume-menu-button .vjs-menu .vjs-volume-level,
.video-js .vjs-volume-bar:before,
.video-js .vjs-volume-bar,
.video-js .vjs-volume-menu-button .vjs-menu .vjs-menu-content,
.video-js.vjs-mouse .vjs-volume-menu-button > div,
.video-js .vjs-volume-menu-button > div,
.video-js.vjs-mouse .vjs-volume-menu-button:before,
.video-js .vjs-volume-menu-button:before { vertical-align:middle; }

.video-js .vjs-volume-bar { padding:0; }
.video-js .vjs-play-control:before { margin-right:0; }

.video-js .vjs-time-divider span { display:block; width:1px; height:10px; margin:0 auto; overflow:hidden; text-indent:-999px; white-space:nowrap; background-color:#4d4d4d; }
.video-js.vjs-mouse.vjs-has-started.vjs-user-inactive .vjs-control-bar,
.video-js.vjs-has-started.vjs-user-inactive .vjs-control-bar { transform:translateY(60px); -webkit-transform:translateY(60px); -ms-transform:translateY(60px); }

.video-js.vjs-mouse.vjs-has-started.vjs-user-inactive .vjs-progress-control,
.video-js.vjs-has-started.vjs-user-inactive .vjs-progress-control { transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); }

.video-js.ie8.vjs-has-started.vjs-user-inactive .vjs-control-bar { bottom: -60px !important; }
.video-js.ie8.vjs-has-started.vjs-user-inactive .vjs-progress-control { bottom: 0 !important; }

/* �뵆�옒�씠�뼱 �씠誘몄� ��泥� */
.video-js .vjs-play-control:before,
.video-js .vjs-play-control.vjs-playing:before,
.video-js .vjs-caption-toggle-control:before,
.video-js .vjs-chapters-button:before, .video-js .vjs-subtitles-button:before,
.video-js .vjs-mute-control.vjs-vol-0:before, .video-js .vjs-volume-menu-button.vjs-vol-0:before,
.video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-0:before,
.video-js .vjs-mute-control.vjs-vol-1:before, .video-js .vjs-volume-menu-button.vjs-vol-1:before,
.video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-1:before,
.video-js .vjs-mute-control.vjs-vol-2:before, .video-js .vjs-volume-menu-button.vjs-vol-2:before,
.video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-2:before,
.video-js .vjs-mute-control:before, .video-js .vjs-volume-menu-button:before,
.video-js.vjs-mouse .vjs-volume-menu-button:before,
.video-js .vjs-fullscreen-control:before,
.video-js.vjs-mouse .vjs-fullscreen-control:before,
.video-js.vjs-mouse.video-js.vjs-fullscreen .vjs-fullscreen-control:before,
.video-js.vjs-mouse .vjs-hd-button:before, .video-js .vjs-hd-button:before { content:'' !important; width:34px !important; height:40px !important; top:0 !important; background:url("../images/player.png") 0 0 no-repeat; }
.video-js.vjs-mouse.video-js:fullscreen .vjs-fullscreen-control:before,
.video-js.video-js:-webkit-full-screen .vjs-fullscreen-control::before,
.video-js.video-js:-moz-full-screen .vjs-fullscreen-control::before,
.video-js.video-js:-ms-fullscreen .vjs-fullscreen-control::before,
.video-js.video-js:-ms-fullscreen .vjs-big-play-button,
.video-js.video-js:full-screen .vjs-fullscreen-control::before { content:'' !important; width:34px !important; height:40px !important; top:0 !important; background:url("../images/player.png") 0 0 no-repeat; }
.vjs-control:before { background-position:999px 999px; }
.vjs-control:hover:before { background-image:url("../images/player-hover.png") !important; }
/* �뵆�젅�씠 醫낅즺 �썑 �굹�삤�뒗 怨듭쑀 �븘�씠肄� �닲湲곌린 0302 �쁽移� �슂泥� */
.vjs-fullscreen + .movEndBx .item-share {display:none;}

.video-js .vjs-caption-toggle-control .vjs-control-text { visibility:hidden; position:absolute; left:-8px; top:-26px; width:50px; height:26px; background:url("../images/player-hover2.png") 50% -72px no-repeat; }
.video-js .vjs-caption-toggle-control:hover .vjs-control-text, .video-js .vjs-caption-toggle-control:focus .vjs-control-text { visibility:hidden; }
.video-js .vjs-fullscreen-control .vjs-control-text { visibility:hidden; position:absolute; left:-20px; top:-26px; width:73px; height:26px; background:url("../images/player-hover2.png") 50% -108px no-repeat; }
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-control-text { background-position:50% -144px; }
.video-js .vjs-fullscreen-control:hover .vjs-control-text, .video-js .vjs-fullscreen-control:focus .vjs-control-text { visibility:hidden; }
.video-js .vjs-mute-control .vjs-control-text { visibility:hidden; position:absolute; left:-11px; top:-26px; width:63px; height:26px; background:url("../images/player-hover2.png") 50% 0 no-repeat; }
.video-js .vjs-vol-0 .vjs-control-text { background-position:50% -36px; }
.video-js .vjs-mute-control:hover .vjs-control-text, .video-js .vjs-mute-control:focus .vjs-control-text { visibility:hidden; }

.video-js .vjs-play-control:before { background-position:-12px -10px; } /* play */
.video-js .vjs-play-control.vjs-playing:before { background-position:-12px -70px; } /* pause */
.video-js .vjs-mute-control.vjs-vol-1:before, .video-js .vjs-volume-menu-button.vjs-vol-1:before,
.video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-1:before,
.video-js .vjs-mute-control.vjs-vol-2:before, .video-js .vjs-volume-menu-button.vjs-vol-2:before,
.video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-2:before,
.video-js .vjs-mute-control:before, .video-js .vjs-volume-menu-button:before,
.video-js.vjs-mouse .vjs-volume-menu-button:before { background-position:-72px -10px; } /* volume - on */
.video-js .vjs-mute-control.vjs-vol-0:before, .video-js .vjs-volume-menu-button.vjs-vol-0:before,
.video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-0:before { background-position:-72px -70px; } /* volume - off */
.video-js .vjs-caption-toggle-control:before { background-position:-132px -10px; } /* captions */
.video-js .vjs-caption-toggle-control.vjs-selected:before { background-position:-132px -70px; }
.video-js.vjs-mouse .vjs-hd-button:before, .video-js .vjs-hd-button:before { background-position:-192px -10px; } /* HD */
.video-js .vjs-fullscreen-control:before,
.video-js.vjs-mouse .vjs-fullscreen-control:before { background-position:-252px -10px; } /* fullscreen - on */

.video-js.vjs-mouse.video-js:fullscreen .vjs-fullscreen-control:before,
.video-js.video-js:-webkit-full-screen .vjs-fullscreen-control::before,
.video-js.video-js:-moz-full-screen .vjs-fullscreen-control::before,
.video-js.video-js:-ms-fullscreen .vjs-fullscreen-control::before,
.video-js.video-js:-ms-fullscreen .vjs-big-play-button,
.video-js.video-js:full-screen .vjs-fullscreen-control::before { background-position:-252px -70px; } /* fullscreen - off */
.video-js.vjs-mouse.video-js.vjs-fullscreen .vjs-fullscreen-control:before { background-position:-252px -70px; } /* fullscreen - off */

.video-js.vjs-mouse .vjs-control:before, .video-js .vjs-control:before { opacity:1; filter:alpha(opacity=100);} /* 2016-02-14 �닔�젙 */
.vjs-control-content { display: none; }
.video-js.vjs-mouse .vjs-control.vjs-captions-button:before { display: none; }

.ie8 .video-js .vjs-progress-holder:focus:before,
.ie8 .video-js .vjs-big-play-button:hover,
.ie8 .video-js .vjs-big-play-button:focus  {
  border: 0 !important;
}

.ie8 .video-js .vjs-control:focus:before,
.ie8 .video-js .vjs-control:hover:before,
.ie8 .video-js .vjs-volume-control:hover,
.ie8 .video-js .vjs-volume-bar:focus {
  border: 0 !important;
}

/*
.video-js .vjs-play-control:before{content:'\e001'} // play
.video-js .vjs-play-control.vjs-playing:before{content:'\e002'} // pause
.video-js .vjs-caption-toggle-control:before{content:'\e008'} // captions
.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before,
.video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-0:before{content:'\e003'} // volume - off
.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before,
.video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-1:before{content:'\e004'} // volume - 1移�
.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before,
.video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-2:before{content:'\e005'} // volume - 2移�
.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before,
.video-js.vjs-mouse .vjs-volume-menu-button:before{content:'\e006'} // volume - on
.video-js .vjs-fullscreen-control:before,
.video-js.vjs-mouse .vjs-fullscreen-control:before{content:'\e000'} // fullscreen - on
.video-js.vjs-mouse.video-js:fullscreen .vjs-fullscreen-control:before,
.video-js.vjs-mouse.video-js.vjs-fullscreen .vjs-fullscreen-control:before,
.video-js.video-js:-webkit-full-screen .vjs-fullscreen-control::before,
.video-js.video-js:-moz-full-screen .vjs-fullscreen-control::before,
.video-js.video-js:-ms-fullscreen .vjs-fullscreen-control::before,
.video-js.video-js:-ms-fullscreen .vjs-big-play-button,
.video-js.video-js:full-screen .vjs-fullscreen-control::before{content:'\e00b'} // fullscreen - off
*/
/* .video-js .vjs-chapters-button:before,.video-js .vjs-subtitles-button:before{content:'\e00c'} 留먰뭾�꽑 */

.ie8.bc-player-adbae2bb-dc9b-4aa8-af72-52198ddb8ee4_default .vjs-control-bar {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)' !important;
    background-color: #000;
}

@media (max-width: 1024px) {
    .iOS .video-js .vjs-time-divider { top: 8px; }
}

/*@media (max-width: 800px), screen and (max-width: 768px) and (max-height: 1024px) and (orientation: portrait), screen and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape) {*/
@media (max-width: 800px), screen and (max-width: 768px) and (max-height: 1024px) and (orientation: portrait) {

    .video-js .vjs-play-control:before,
    .video-js .vjs-play-control.vjs-playing:before,
    .video-js .vjs-caption-toggle-control:before,
    .video-js .vjs-chapters-button:before, .video-js .vjs-subtitles-button:before,
    .video-js .vjs-mute-control.vjs-vol-0:before, .video-js .vjs-volume-menu-button.vjs-vol-0:before,
    .video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-0:before,
    .video-js .vjs-mute-control.vjs-vol-1:before, .video-js .vjs-volume-menu-button.vjs-vol-1:before,
    .video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-1:before,
    .video-js .vjs-mute-control.vjs-vol-2:before, .video-js .vjs-volume-menu-button.vjs-vol-2:before,
    .video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-2:before,
    .video-js .vjs-mute-control:before, .video-js .vjs-volume-menu-button:before,
    .video-js.vjs-mouse .vjs-volume-menu-button:before,
    .video-js .vjs-fullscreen-control:before,
    .video-js.vjs-mouse .vjs-fullscreen-control:before,
    .video-js.vjs-mouse.video-js.vjs-fullscreen .vjs-fullscreen-control:before,
    .video-js.vjs-mouse .vjs-hd-button:before, .video-js .vjs-hd-button:before { }

    .video-js.vjs-mouse.video-js:fullscreen .vjs-fullscreen-control:before,
    .video-js.video-js:-webkit-full-screen .vjs-fullscreen-control::before,
    .video-js.video-js:-moz-full-screen .vjs-fullscreen-control::before,
    .video-js.video-js:-ms-fullscreen .vjs-fullscreen-control::before,
    .video-js.video-js:-ms-fullscreen .vjs-big-play-button,
    .video-js.video-js:full-screen .vjs-fullscreen-control::before { }

    .video-js .vjs-play-control.vjs-playing:before {  }


    .vjs-volume-control { visibility: hidden; }
    .video-js.vjs-mouse .vjs-menu { margin:0 -14px 20px -22px; }
    .video-js .vjs-current-time,
    .video-js.vjs-mouse .vjs-current-time { left:80px; }
    .video-js .vjs-time-divider,
    .video-js.vjs-mouse .vjs-time-divider { left:120px; }
    .video-js .vjs-duration,
    .video-js.vjs-mouse .vjs-duration { left:141px; }
    .video-js .vjs-remaining-time,
    .video-js.vjs-mouse .vjs-remaining-time { left:141px; }
    .video-js .vjs-live-controls,
    .video-js.vjs-mouse .vjs-live-controls { left:181px; }
    .video-js .vjs-play-control { left:0; }

    .video-js .vjs-control-bar, .video-js.vjs-mouse .vjs-control-bar, .video-js.ie8.vjs-mouse .vjs-control-bar { height:40px !important; line-height:40px; }
    .video-js.vjs-mouse.vjs-has-started.vjs-user-inactive .vjs-control-bar,
    .video-js.vjs-has-started.vjs-user-inactive .vjs-control-bar { transform:translateY(50px); -webkit-transform:translateY(50px); -ms-transform:translateY(50px); }
    .video-js.vjs-has-started.vjs-user-inactive .vjs-progress-control { transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); }
    .video-js .vjs-play-control,
    .video-js .vjs-mute-control,
    .video-js .vjs-volume-control,
    .video-js .vjs-duration, .video-js.vjs-mouse .vjs-duration,
    .video-js .vjs-current-time, .video-js.vjs-mouse .vjs-current-time,
    .video-js .vjs-time-divider, .video-js.vjs-mouse .vjs-time-divider,
    .video-js .vjs-caption-toggle-control, .video-js.vjs-mouse .vjs-caption-toggle-control,
    .video-js .vjs-fullscreen-control, .video-js.vjs-mouse .vjs-fullscreen-control { top:0; }

    .iOS .video-js .vjs-current-time, .iOS .video-js.vjs-mouse .vjs-current-time,
    .iOS .vjs-duration.vjs-time-controls.vjs-control { top: 2px; }
    .iOS .video-js .vjs-time-divider { top: 0; }

    .video-js .vjs-play-control,
    .video-js .vjs-mute-control,
    .video-js .vjs-volume-control,
    .video-js .vjs-current-time,
    .video-js.vjs-mouse .vjs-current-time,
    .video-js .vjs-time-divider,
    .video-js.vjs-mouse .vjs-time-divider,
    .video-js .vjs-duration,
    .video-js.vjs-mouse .vjs-duration,
    .video-js .vjs-remaining-time,
    .video-js.vjs-mouse .vjs-remaining-time,
    .video-js .vjs-live-controls,
    .video-js.vjs-mouse .vjs-live-controls { margin-left:17px !important; }


    .video-js .vjs-fullscreen-control,
    .video-js.vjs-mouse .vjs-fullscreen-control,
    .video-js .vjs-hd-button,
    .video-js.vjs-mouse .vjs-hd-button,
    .video-js .vjs-caption-toggle-control,
    .video-js.vjs-mouse .vjs-caption-toggle-control { margin-right:17px !important; }

    .video-js .vjs-time-divider { margin-left: 10px !important; }
    .vjs-current-time.vjs-time-controls.vjs-control .vjs-current-time-display { text-align: left; }
}

@media screen and (max-width: 768px) and (max-height: 1024px) and (orientation: portrait), screen and (max-width: 1024px) and (max-height: 768px) and (orientation: landscape){
    .vjs-volume-control { visibility: hidden; }
    .vjs-mute-control { visibility: hidden; }
    .video-js .vjs-current-time,
    .video-js.vjs-mouse .vjs-current-time { left:36px; }
    .video-js .vjs-time-divider,
    .video-js.vjs-mouse .vjs-time-divider { left:76px; }
    .video-js .vjs-duration,
    .video-js.vjs-mouse .vjs-duration { left:97px; }
    .video-js .vjs-remaining-time,
    .video-js.vjs-mouse .vjs-remaining-time { left:97px; }
    .video-js .vjs-live-controls,
    .video-js.vjs-mouse .vjs-live-controls { left:137px; }
}

@media (max-width: 800px) {
    .video-js .vjs-play-control:before,
    .video-js .vjs-play-control.vjs-playing:before,
    .video-js .vjs-caption-toggle-control:before,
    .video-js .vjs-chapters-button:before, .video-js .vjs-subtitles-button:before,
    .video-js .vjs-mute-control.vjs-vol-0:before, .video-js .vjs-volume-menu-button.vjs-vol-0:before,
    .video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-0:before,
    .video-js .vjs-mute-control.vjs-vol-1:before, .video-js .vjs-volume-menu-button.vjs-vol-1:before,
    .video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-1:before,
    .video-js .vjs-mute-control.vjs-vol-2:before, .video-js .vjs-volume-menu-button.vjs-vol-2:before,
    .video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-2:before,
    .video-js .vjs-mute-control:before, .video-js .vjs-volume-menu-button:before,
    .video-js.vjs-mouse .vjs-volume-menu-button:before,
    .video-js .vjs-fullscreen-control:before,
    .video-js.vjs-mouse .vjs-fullscreen-control:before,
    .video-js.vjs-mouse.video-js.vjs-fullscreen .vjs-fullscreen-control:before,
    .video-js.vjs-mouse .vjs-hd-button:before, .video-js .vjs-hd-button:before { background: url("../images/player-mobile.png") 0 0 no-repeat; background-size: 275px 50px; }

    .video-js .vjs-play-control:before, .video-js .vjs-play-control.vjs-playing:before, .video-js .vjs-caption-toggle-control:before, .video-js .vjs-chapters-button:before, .video-js .vjs-subtitles-button:before, .video-js .vjs-mute-control.vjs-vol-0:before, .video-js .vjs-volume-menu-button.vjs-vol-0:before, .video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-0:before, .video-js .vjs-mute-control.vjs-vol-1:before, .video-js .vjs-volume-menu-button.vjs-vol-1:before, .video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-1:before, .video-js .vjs-mute-control.vjs-vol-2:before, .video-js .vjs-volume-menu-button.vjs-vol-2:before, .video-js.vjs-mouse .vjs-volume-menu-button.vjs-vol-2:before, .video-js .vjs-mute-control:before, .video-js .vjs-volume-menu-button:before, .video-js.vjs-mouse .vjs-volume-menu-button:before, .video-js .vjs-fullscreen-control:before, .video-js.vjs-mouse .vjs-fullscreen-control:before, .video-js.vjs-mouse.video-js.vjs-fullscreen .vjs-fullscreen-control:before, .video-js.vjs-mouse .vjs-hd-button:before, .video-js .vjs-hd-button:before { height: 52px !important; }

    .vjs-control:hover:before, .vjs-control:focus:before { background-image: url("../images/player-mobile-hover.png") !important; }
    .video-js .vjs-big-play-button>span,
    .video-js.vjs-mouse .vjs-big-play-button>span {  background-image: url("../images/player-mobile.png") !important; background-position: -225px 0; width: 47px; height: 47px; background-size: 275px 50px; margin: -52px 0 0 -23px; }

    .vjs-mute-control { visibility: hidden; }
    .video-js .vjs-current-time,
    .video-js.vjs-mouse .vjs-current-time { left:10px !important; margin-left: 19px !important; }
    .video-js .vjs-time-divider,
    .video-js.vjs-mouse .vjs-time-divider { /*left:68px;*/ left: 72px; top: -2px; margin-left: 0 !important; margin-top: 22px; }
    .no-touch .video-js .vjs-time-divider,
    .no-touch  .video-js.vjs-mouse .vjs-time-divider { left:70px; top: 0; margin-left: 0 !important; margin-top: 22px; }
    .video-js .vjs-duration,
    .video-js.vjs-mouse .vjs-duration { left:71px; }
    .video-js .vjs-remaining-time,
    .video-js.vjs-mouse .vjs-remaining-time { left:88px; }
    .video-js .vjs-live-controls,
    .video-js.vjs-mouse .vjs-live-controls { left:128px; }

    .video-js .vjs-control-bar,
    .video-js.vjs-mouse .vjs-control-bar,
    .video-js.ie8.vjs-mouse .vjs-control-bar { height: 52px !important; line-height: 52px; }

    .video-js.vjs-mouse .vjs-control:before, .video-js .vjs-control:before { background-position: -34px 18px; }
    .video-js .vjs-control, .video-js.vjs-mouse .vjs-control { height: 52px; margin-top: 0; }
    .video-js .vjs-caption-toggle-control:before, .video-js.vjs-mouse .vjs-caption-toggle-control:before { background-position: -63px 18px; }
    .video-js .vjs-fullscreen-control, .video-js.vjs-mouse .vjs-fullscreen-control { margin-right: 15px !important; }
    .video-js .vjs-fullscreen-control:before, .video-js.vjs-mouse .vjs-fullscreen-control:before { background-position: -163px 18px; }
    .video-js .vjs-play-control { margin-left: 15px !important; }
    .vjs-current-time.vjs-time-controls.vjs-control .vjs-current-time-display { text-align: right; }
    .video-js .vjs-caption-toggle-control, .video-js.vjs-mouse .vjs-caption-toggle-control { right: 37px; }
    .video-js.vjs-playing.vjs-user-inactive .vjs-control-bar, .video-js.vjs-mouse.vjs-playing.vjs-user-inactive .vjs-control-bar { bottom: -11px; }

    .video-js .vjs-caption-toggle-control.vjs-selected:before { background-position: -113px 18px; }
    .video-js .vjs-play-control.vjs-playing:before { background-position: 0 18px; }
}

@media (max-width: 480px) {
    .video-js:not(.vjs-has-started) .vjs-control-bar { visibility:visible; }
}


.video-js .vjs-caption-toggle-control:before{font-family:"VideoJS";content:"\e008"}.vjs-caption-toggle-control{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-webkit-order:5;-ms-flex-order:5;-ms-order:5;order:5}.vjs-caption-toggle-control.vjs-selected{color:#d52484}.vjs-captions-button{display:none}



