/*
.video-js{overflow:hidden;background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle}
*/

.video-js{overflow:hidden;background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;width:100% !important;height:0 !important;padding-top:56.25% !important;}
.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%;}
.video-js:-moz-full-screen{position:absolute}
body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}
.video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;_position:absolute}

.video-js:-webkit-full-screen{width:100%!important;height:100%!important}
.vjs-poster{margin:0 auto;padding:0;cursor:pointer;position:relative;width:100%;max-height:100%}




/* �ڸ� ��ġ */
/* top���� ���� */
.video-js .vjs-text-track-display{text-align:center;position:absolute;bottom:4em;top:85%;left:1em;right:1em;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}

.video-js .vjs-text-track{display:none;color:#fff;font-size:1.4em;text-align:center;margin-bottom:.1em;background:#000;background:rgba(0,0,0,0.50)}

/*�ڸ� ��Ʈ ũ�� */
.video-js .vjs-subtitles{color:#fff;font-size:1.4em;}

.video-js .vjs-captions{color:#fc6}







.vjs-tt-cue{display:block}
.vjs-fade-in{visibility:visible!important;opacity:1!important;bottom:3px !important;-webkit-transition:visibility 0s linear 0s,opacity .3s linear;-moz-transition:visibility 0s linear 0s,opacity .3s linear;-ms-transition:visibility 0s linear 0s,opacity .3s linear;-o-transition:visibility 0s linear 0s,opacity .3s linear;transition:visibility 0s linear 0s,opacity .3s linear}
.vjs-fade-out{visibility:hidden!important;opacity:0!important;bottom:-45px !important;-webkit-transition:visibility 0s linear 1.5s,opacity 1.5s linear;-moz-transition:visibility 0s linear 1.5s,opacity 1.5s linear;-ms-transition:visibility 0s linear 1.5s,opacity 1.5s linear;-o-transition:visibility 0s linear 1.5s,opacity 1.5s linear;transition:visibility 0s linear 1.5s,opacity 1.5s linear}


.vjs-default-skin .vjs-controls{position:absolute;bottom:3px;left:0;right:0;margin:0;padding:0;height:36px;color:#fff;background:#242424;background:-moz-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);background:-webkit-gradient(linear,0% 0,0% 100%,color-stop(50%,#242424),color-stop(50%,#1f1f1f),color-stop(100%,#171717));background:transparent;background:-o-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);background:-ms-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);background:linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);visibility:hidden;opacity:0;-webkit-transition:.4s;transition:.4s;}
.vjs-default-skin .vjs-controls::before {content:'';position:absolute;left:0;bottom:0;width:100%;height:271px;background-repeat:repeat-x;background-position:center bottom;background-image:url(bg.png);}
.vjs-default-skin .vjs-control{position:relative;float:left;text-align:center;margin:0;padding:0;height:0.7em;width:0.7em}
.vjs-default-skin .vjs-control:focus{outline:0}
.vjs-default-skin .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.vjs-default-skin .vjs-play-control{width:5em;cursor:pointer!important}
.vjs-default-skin.vjs-paused .vjs-play-control div{width:36px;height:36px;background:url('video-js2.png')267px 0;margin:0 auto 0; content:'����';}
.vjs-default-skin.vjs-playing .vjs-play-control div{width:36px;height:36px;background:url('video-js2.png') 219px 0;margin:0 auto; content:'���������';}
.vjs-default-skin .vjs-rewind-control{width:5em;cursor:pointer!important}
.vjs-default-skin .vjs-rewind-control div{width:19px;height:16px;background:url('video-js.png');margin:.5em auto 0}
.vjs-default-skin .vjs-mute-control{width:3.8em;cursor:pointer!important;float:right;content:'����';}
.vjs-default-skin .vjs-mute-control div{width:36px;height:36px;background:url('video-js2.png') -458px 0;margin:0 auto 0;content:'����';}
.vjs-default-skin .vjs-mute-control.vjs-vol-0 div{background:url('video-js2.png') -322px 0px}
.vjs-default-skin .vjs-mute-control.vjs-vol-1 div{background:url('video-js2.png') -368px 0px}
.vjs-default-skin .vjs-mute-control.vjs-vol-2 div{background:url('video-js2.png') -414px 0px}
.vjs-default-skin .vjs-volume-control{width:5em;float:right;margin-right:5px;}
.vjs-default-skin .vjs-volume-bar{position:relative;width:5em;height:.6em;margin:15px auto 0;margin-left:-2px;cursor:pointer!important;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;background:#666;background:-moz-linear-gradient(top,#333,#666);background:-webkit-gradient(linear,0% 0,0% 100%,from(#333),to(#666));background:-webkit-linear-gradient(top,#333,#666);background:-o-linear-gradient(top,#333,#666);background:-ms-linear-gradient(top,#333,#666);background:linear-gradient(top,#333,#666)}
.vjs-default-skin .vjs-volume-level{position:absolute;top:0;left:0;height:.6em;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;background:#fff;background:-moz-linear-gradient(top,#fff,#ccc);background:-webkit-gradient(linear,0% 0,0% 100%,from(#fff),to(#ccc));background:-webkit-linear-gradient(top,#fff,#ccc);background:-o-linear-gradient(top,#fff,#ccc);background:-ms-linear-gradient(top,#fff,#ccc);background:linear-gradient(top,#fff,#ccc)}
.vjs-default-skin .vjs-volume-handle{position:absolute;top:-0.2em;width:.8em;height:.8em;background:#ccc;left:0;border:1px solid #fff;-moz-border-radius:.6em;-webkit-border-radius:.6em;border-radius:.6em}

.vjs-default-skin div.vjs-progress-control{position:absolute;left:0em;right:0em;height:0.5em;width:auto;top:-0.8em;background:#333;background:-moz-linear-gradient(top,#362,#333);background:-webkit-gradient(linear,0% 0,0% 100%,from(#222),to(#333));background:transparent;background:-o-linear-gradient(top,#333,#222);background:-ms-linear-gradient(top,#333,#222);background:linear-gradient(top,#333,#222)}
.vjs-default-skin .vjs-progress-holder{position:relative;cursor:pointer!important;padding:0;margin:0;height:0.5em;-moz-border-radius:.0em;-webkit-border-radius:.0em;border-radius:.0em;background:#111;background:-moz-linear-gradient(top,#111,#262626);background:-webkit-gradient(linear,0% 0,0% 100%,from(#111),to(#262626));background:#fff;background:-o-linear-gradient(top,#111,#262626);background:-ms-linear-gradient(top,#111,#262626);background:linear-gradient(top,#111,#262626);opacity:0.5;}
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress{position:absolute;display:block;height:0.5em;margin:0;padding:0;left:0;top:0;-moz-border-radius:.0em;-webkit-border-radius:.0em;border-radius:.0em}

.vjs-default-skin .vjs-play-progress{background:#FF0000;background:-moz-linear-gradient(top,#FF0000 0,#FF0000 50%,#FF0000 100%);background:-webkit-gradient(linear,0% 0,0% 100%,color-stop(0%,#FF0000),color-stop(50%,#FF0000),color-stop(100%,#FF0000));background:-webkit-linear-gradient(top,#FF0000 0,#FF0000 50%,#FF0000 100%);background:-o-linear-gradient(top,#FF0000 0,#FF0000 50%,#FF0000 100%);background:-ms-linear-gradient(top,#FF0000 0,#FF0000 50%,#FF0000 100%);background:linear-gradient(top,#FF0000 0,#FF0000 50%,#FF0000 100%);background:#FF0000;background:-moz-linear-gradient(top,#FF0000 0,#FF0000 50%,#FF0000 50%,#FF0000 100%);background:-webkit-gradient(linear,0% 0,0% 100%,color-stop(0%,#FF0000),color-stop(50%,#FF0000),color-stop(50%,#FF0000),color-stop(100%,#FF0000));background:-webkit-linear-gradient(top,#FF0000 0,#FF0000 50%,#FF0000 50%,#FF0000 100%);background:-o-linear-gradient(top,#FF0000 0,#FF0000 50%,#FF0000 50%,#FF0000 100%);background:-ms-linear-gradient(top,#FF0000 0,#FF0000 50%,#FF0000 50%,#FF0000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#f1f1f1',GradientType=0);background:linear-gradient(top,#FF0000 0,#FF0000 50%,#FF0000 50%,#FF0000 100%)}
.vjs-default-skin .vjs-load-progress{opacity:.9;background:#666;background:-moz-linear-gradient(top,#666,#333);background:-webkit-gradient(linear,0% 0,0% 100%,from(#666),to(#333));background:-webkit-linear-gradient(top,#666,#333);background:-o-linear-gradient(top,#666,#333);background:-ms-linear-gradient(top,#666,#333);background:linear-gradient(top,#666,#333)}

.vjs-default-skin div.vjs-seek-handle{position:absolute;width:10px;height:10px;margin-top:-0.2em;left:0;top:0;background:url('video-js.png') 0 -50px;-moz-border-radius:.8em;-webkit-border-radius:.8em;border-radius:.8em;-webkit-box-shadow:0 2px 4px 0 #000;-moz-box-shadow:0 2px 4px 0 #000;box-shadow:0 2px 4px 0 #000;content:'�����̵�';}

/*��Ʈ�ѷ��� �ð�ǥ�� ����css*/
.vjs-default-skin .vjs-time-controls{position:absolute;right:0;height:2em;width:4.8em;top:-3px;border-bottom:0px solid #1f1f1f;border-top:0px solid #222;background-color:#333;font-size:13px;line-height:1.6em;font-weight:normal;font-family:Helvetica,Arial,sans-serif;background:#333;background:-moz-linear-gradient(top,#222,#333);background:-webkit-gradient(linear,0% 0,0% 100%,from(#222),to(#333));background:transparent;background:-o-linear-gradient(top,#333,#222);background:-ms-linear-gradient(top,#333,#222);background:linear-gradient(top,#333,#222)}
.vjs-default-skin .vjs-current-time{position:absolute;left:50px;width:8em;height:2em;padding-top:0.8em;text-align:left;opacity:0.5;}
/*.vjs-default-skin .vjs-duration{right:0;display:none}*/
/*.vjs-default-skin .vjs-remaining-time{right:30px;top:-40px;width:5em;height:0px;font-size:18px;}/* (��)������ ���� ǥ�� ��ġ*/
.vjs-time-divider{display:none}
.vjs-default-skin .vjs-time-control{font-size:1em;line-height:1;font-weight:normal;font-family:Helvetica,Arial,sans-serif;top:10px;}
.vjs-default-skin .vjs-time-control span{line-height:25px}
.vjs-secondary-controls{float:right}
.vjs-default-skin .vjs-fullscreen-control{width:3.8em;cursor:pointer!important;float:right;content:'��üȭ��';}
.vjs-default-skin .vjs-fullscreen-control div{width:36px;height:36px;background:url('video-js2.png') -138px 0;margin:0 auto 0;content:'��üȭ��';}
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div{background:url('video-js.png') -75px 0}

/*�̹��� ����*/
.vjs-default-skin div.vjs-adimg span{position:absolute;display:block;width:100%;top:73%;margin:0 auto;text-align:center;}  


/*�ΰ�*/
.vjs-default-skin div.vjs-logo span{position:absolute;top:70%;left:43%;display:none;}

/*������ ������ ����*/
.vjs-default-skin div.vjs-ad span{position:absolute;top:10%;left:80%;display:block;font-size:1.6em;color:#FFFFFF;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}

/* ���� ��ŵ */
.vjs-default-skin div.vjs-skipad span{position:absolute;top:82%;left:80%;display:block;font-size:2em;color:#FFFFFF;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}



/*big�÷��̹�ư*/
.vjs-default-skin .vjs-big-play-button{display:block;z-index:2;position:absolute;top:50%;left:50%;width:78px;height:78px;margin:-42px 0 0 -42px;text-align:center;vertical-align:center;cursor:pointer!important;border:7px solid #fff;opacity:.95;background:url('bigplay_bt.png');-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;-webkit-box-shadow:4px 4px 8px #000;-moz-box-shadow:4px 4px 8px #000;box-shadow:4px 4px 8px #000; content:'�����ư';}
.vjs-default-skin div.vjs-big-play-button:hover{-webkit-box-shadow:0 0 80px #fff;-moz-box-shadow:0 0 80px #fff;box-shadow:0 0 80px #fff;}
.vjs-default-skin div.vjs-big-play-button span{position:absolute;top:50%;left:50%;display:block;}



.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;width:55px;height:55px;margin:-28px 0 0 -28px;-webkit-animation-name:rotatethis;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:rotatethis;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear}
@-webkit-keyframes rotatethis{0%{-webkit-transform:scale(0.6) rotate(0deg)}12.5%{-webkit-transform:scale(0.6) rotate(0deg)}12.51%{-webkit-transform:scale(0.6) rotate(45deg)}25%{-webkit-transform:scale(0.6) rotate(45deg)}25.01%{-webkit-transform:scale(0.6) rotate(90deg)}37.5%{-webkit-transform:scale(0.6) rotate(90deg)}37.51%{-webkit-transform:scale(0.6) rotate(135deg)}50%{-webkit-transform:scale(0.6) rotate(135deg)}50.01%{-webkit-transform:scale(0.6) rotate(180deg)}62.5%{-webkit-transform:scale(0.6) rotate(180deg)}62.51%{-webkit-transform:scale(0.6) rotate(225deg)}75%{-webkit-transform:scale(0.6) rotate(225deg)}75.01%{-webkit-transform:scale(0.6) rotate(270deg)}87.5%{-webkit-transform:scale(0.6) rotate(270deg)}87.51%{-webkit-transform:scale(0.6) rotate(315deg)}100%{-webkit-transform:scale(0.6) rotate(315deg)}}
@-moz-keyframes rotatethis{0%{-moz-transform:scale(0.6) rotate(0deg)}12.5%{-moz-transform:scale(0.6) rotate(0deg)}12.51%{-moz-transform:scale(0.6) rotate(45deg)}25%{-moz-transform:scale(0.6) rotate(45deg)}25.01%{-moz-transform:scale(0.6) rotate(90deg)}37.5%{-moz-transform:scale(0.6) rotate(90deg)}37.51%{-moz-transform:scale(0.6) rotate(135deg)}50%{-moz-transform:scale(0.6) rotate(135deg)}50.01%{-moz-transform:scale(0.6) rotate(180deg)}62.5%{-moz-transform:scale(0.6) rotate(180deg)}62.51%{-moz-transform:scale(0.6) rotate(225deg)}75%{-moz-transform:scale(0.6) rotate(225deg)}75.01%{-moz-transform:scale(0.6) rotate(270deg)}87.5%{-moz-transform:scale(0.6) rotate(270deg)}87.51%{-moz-transform:scale(0.6) rotate(315deg)}100%{-moz-transform:scale(0.6) rotate(315deg)}}
div.vjs-loading-spinner .ball1{opacity:.12;position:absolute;left:20px;top:0;width:13px;height:13px;background:#fff;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;border:1px solid #ccc}
div.vjs-loading-spinner .ball2{opacity:.25;position:absolute;left:34px;top:6px;width:13px;height:13px;background:#fff;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;border:1px solid #ccc}
div.vjs-loading-spinner .ball3{opacity:.37;position:absolute;left:40px;top:20px;width:13px;height:13px;background:#fff;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;border:1px solid #ccc}
div.vjs-loading-spinner .ball4{opacity:.50;position:absolute;left:34px;top:34px;width:13px;height:13px;background:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:15px;border:1px solid #ccc}
div.vjs-loading-spinner .ball5{opacity:.62;position:absolute;left:20px;top:40px;width:13px;height:13px;background:#fff;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;border:1px solid #ccc}
div.vjs-loading-spinner .ball6{opacity:.75;position:absolute;left:6px;top:34px;width:13px;height:13px;background:#fff;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;border:1px solid #ccc}
div.vjs-loading-spinner .ball7{opacity:.87;position:absolute;left:0;top:20px;width:13px;height:13px;background:#fff;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;border:1px solid #ccc}
div.vjs-loading-spinner .ball8{opacity:1.00;position:absolute;left:6px;top:6px;width:13px;height:13px;background:#fff;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;border:1px solid #ccc}
.vjs-default-skin .vjs-menu-button{float:right;margin:0;padding:0;width:36px;height:36px;cursor:pointer!important;}
.vjs-default-skin .vjs-menu-button div{background:url('video-js2.png') -690px 0px no-repeat;width:36px;height:36px;margin:0 auto 0;padding:0}
/* 자막 */.vjs-default-skin .vjs-menu-button.vjs-subtitles-button div {background-position:-46px 0px;}
.vjs-default-skin .vjs-menu-button div > span {display:none;}
.vjs-default-skin .vjs-menu-button ul{display:none;opacity:.8;padding:0;margin:0;position:absolute;width:10em;bottom:2em;max-height:15em;left:-3.5em;background-color:#111;}
.vjs-default-skin .vjs-menu-button:focus ul{display:block;list-style:none}
.vjs-default-skin .vjs-menu-button:hover ul{display:block;list-style:none}
.vjs-default-skin .vjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0 .3em 20px;line-height:1.4em;font-size:1.2em;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:left}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected{text-decoration:underline;background:url('video-js.png') -125px -50px no-repeat}
.vjs-default-skin .vjs-menu-button ul li:focus,.vjs-default-skin .vjs-menu-button ul li:hover,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover{background-color:#ccc;color:#111;outline:0}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;color:#fff;font-weight:bold;cursor:default;background:#4d4d4d;background:-moz-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4d4d4d),color-stop(50%,#3f3f3f),color-stop(50%,#333),color-stop(100%,#252525));background:-webkit-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:-o-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:-ms-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);background:linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%)}
.vjs-default-skin .vjs-captions-button div{background-position:-25px -75px}
.vjs-default-skin .vjs-chapters-button div{background-position:-100px -75px}
.vjs-default-skin .vjs-chapters-button ul{width:20em;left:-8.5em}

.vjs-default-skin .vjs-quality-button {width:auto !important;}
.vjs-default-skin .vjs-quality-button div { display:flex;align-items:center;position:relative;width:36px !important;background-repeat:no-repeat !important;background-position:center !important;background-image:url(quality.svg) !important;}
/* .vjs-default-skin .vjs-quality-button div > span {display:block;white-space:nowrap;} */
.vjs-default-skin .vjs-quality-button { width: 8em; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.1em; }


.vjs-default-skin .vjs-quality-button ul {
  position: absolute; width: 8em; bottom: 35px;
  left:0em !important;
  overflow-x: hidden;
}



.vjs-default-skin .vjs-pip-button {width:auto !important;}
.vjs-default-skin .vjs-pip-button div { display:flex;align-items:center;position:relative;width:36px !important;background-repeat:no-repeat !important;background-position:center !important;background-image:url(pip.png) !important;}
/* .vjs-default-skin .vjs-quality-button div > span {display:block;white-space:nowrap;} */
.vjs-default-skin .vjs-pip-button { width: 8em; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.1em; }


.vjs-default-skin .vjs-pip-button ul {
  position: absolute; width: 8em; bottom: 35px;
  left:0em !important;
  overflow-x: hidden;
}

.vjs-default-skin .vjs-reverse-button {width:auto !important;}
.vjs-default-skin .vjs-reverse-button div { display:flex;align-items:center;position:relative;width:36px !important;background-repeat:no-repeat !important;background-position:center !important;background-image:url(reverse.png)}
/* .vjs-default-skin .vjs-quality-button div > span {display:block;white-space:nowrap;} */
.vjs-default-skin .vjs-reverse-button { width: 8em; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.1em; }

.vjs-default-skin .vjs-reverse-button ul {
  position: absolute; width: 8em; bottom: 35px;
  left:0em !important;
  overflow-x: hidden;
}

.vjs-default-skin .vjs-rotation-button {width:auto !important;}
.vjs-default-skin .vjs-rotation-button div { display:flex;align-items:center;position:relative;width:36px !important;background-repeat:no-repeat !important;background-position:center !important;background-image:url(screen_rotation.png)}
.vjs-default-skin .vjs-rotation-button { width: 8em; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.1em; }

.vjs-default-skin .vjs-rotation-button ul {
  position: absolute; width: 8em; bottom: 35px;
  left:0em !important;
  overflow-x: hidden;
}


/* Tooltip text */
span.tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  top:0px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.vjs-big-play-button:hover .tooltiptext {
  visibility: visible;
}