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

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

.mainVideo .public-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}

.mainVideo .public-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)}
.mainVideo .public-subtitles{color:#fff}
.mainVideo .public-captions{color:#fc6}
.public-tt-cue{display:block}
.public-fade-in{visibility:visible!important;opacity:1!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}
.public-fade-out{visibility:hidden!important;opacity:0!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}


.vodDefault-skin .public-controls{position:absolute;bottom:0;left:0;right:0;margin:0;padding:0;height:2.8em;color:#fff;border-top:1px solid #404040;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:-webkit-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);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}
.vodDefault-skin .public-control{position:relative;float:left;text-align:center;margin:0;padding:0;height:2.6em;width:2.6em}
.vodDefault-skin .public-control:focus{outline:0}
.vodDefault-skin .public-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.vodDefault-skin .public-play-control{width:5em;cursor:pointer!important}
.vodDefault-skin.public-paused .public-play-control div{width:15px;height:17px;background:url('../images/img_videoControl.png');margin:.5em auto 0}
.vodDefault-skin.public-playing .public-play-control div{width:15px;height:17px;background:url('../images/img_videoControl.png') -25px 0;margin:.5em auto 0}
.vodDefault-skin .public-rewind-control{width:5em;cursor:pointer!important}
.vodDefault-skin .public-rewind-control div{width:19px;height:16px;background:url('../images/img_videoControl.png');margin:.5em auto 0}
.vodDefault-skin .public-mute-control{width:3.8em;cursor:pointer!important;float:right}
.vodDefault-skin .public-mute-control div{width:22px;height:16px;background:url('../images/img_videoControl.png') -75px -25px;margin:.5em auto 0}
.vodDefault-skin .public-mute-control.public-vol-0 div{background:url('../images/img_videoControl.png') 0 -25px}
.vodDefault-skin .public-mute-control.public-vol-1 div{background:url('../images/img_videoControl.png') -25px -25px}
.vodDefault-skin .public-mute-control.public-vol-2 div{background:url('../images/img_videoControl.png') -50px -25px}
.vodDefault-skin .public-volume-control{width:5em;float:right}
.vodDefault-skin .public-volume-bar{position:relative;width:5em;height:.6em;margin:1em auto 0;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)}
.vodDefault-skin .public-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)}
.vodDefault-skin .public-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}

.vodDefault-skin div.public-progress-control{position:absolute;left:0em;right:0em;height:0.5em;width:auto;top:-0.8em;border-bottom:1px solid #1f1f1f;border-top:1px solid #222;background:#333;background:-moz-linear-gradient(top,#222,#333);background:-webkit-gradient(linear,0% 0,0% 100%,from(#222),to(#333));background:-webkit-linear-gradient(top,#222,#333);background:-o-linear-gradient(top,#333,#222);background:-ms-linear-gradient(top,#333,#222);background:linear-gradient(top,#333,#222)}
.vodDefault-skin .public-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:-webkit-linear-gradient(top,#111,#262626);background:-o-linear-gradient(top,#111,#262626);background:-ms-linear-gradient(top,#111,#262626);background:linear-gradient(top,#111,#262626)}
.vodDefault-skin .public-progress-holder .public-play-progress,.vodDefault-skin .public-progress-holder .public-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}

.vodDefault-skin .public-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%)}
.vodDefault-skin .public-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)}

.vodDefault-skin div.public-seek-handle{position:absolute;width:10px;height:10px;margin-top:-0.2em;left:0;top:0;background:url('../images/img_videoControl.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}

/*컨트롤러에 시간표시 구역css*/
.vodDefault-skin .public-time-controls{position:absolute;right:0;height:2em;width:4.8em;top:0em;border-bottom:0px solid #1f1f1f;border-top:0px solid #222;background-color:#333;font-size:1.1em;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:-webkit-linear-gradient(top,#222,#333);background:-o-linear-gradient(top,#333,#222);background:-ms-linear-gradient(top,#333,#222);background:linear-gradient(top,#333,#222)}
.vodDefault-skin .public-current-time{position:absolute;left:50px;width:8em;height:2em;padding-top:0.5em}
/*.vodDefault-skin .public-duration{right:0;display:none}*/
/*.vodDefault-skin .public-remaining-time{right:30px;top:-40px;width:5em;height:0px;font-size:18px;}/* (구)광고중 문구 표시 위치*/
.public-time-divider{display:none}
.vodDefault-skin .public-time-control{font-size:1em;line-height:1;font-weight:normal;font-family:Helvetica,Arial,sans-serif;top:10px;}
.vodDefault-skin .public-time-control span{line-height:25px}
.public-secondary-controls{float:right}
.vodDefault-skin .public-fullscreen-control{width:3.8em;cursor:pointer!important;float:right}
.vodDefault-skin .public-fullscreen-control div{width:16px;height:16px;background:url('../images/img_videoControl.png') -50px 0;margin:.5em auto 0}
.vodDefault-skin.public-fullscreen .public-fullscreen-control div{background:url('../images/img_videoControl.png') -75px 0}

/*로고*/
.vodDefault-skin div.public-logo span{position:absolute;top:70%;left:43%;display:none;}

/*광고시 광고중 문구*/
.vodDefault-skin div.public-ad span{position:absolute;top:10%;left:85%;display:block;font-size:2em;color:#FFFFFF;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}

/*big플레이버튼*/
.vodDefault-skin .public-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('../images/btn_bigplay.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}
.vodDefault-skin div.public-big-play-button:hover{-webkit-box-shadow:0 0 80px #fff;-moz-box-shadow:0 0 80px #fff;box-shadow:0 0 80px #fff;}
.vodDefault-skin div.public-big-play-button span{position:absolute;top:50%;left:50%;display:block;}
.public-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.public-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.public-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.public-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.public-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.public-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.public-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.public-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.public-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}
.vodDefault-skin .public-menu-button{float:right;margin:.2em .5em 0 0;padding:0;width:3em;height:2em;cursor:pointer!important;border:1px solid #111;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;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%)}
.vodDefault-skin .public-menu-button div{background:url('../images/img_videoControl.png') 0 -95px no-repeat;width:16px;height:16px;margin:.2em auto 0;padding:0}
.vodDefault-skin .public-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;border:2px solid #333;-moz-border-radius:.7em;-webkit-border-radius:1em;border-radius:.5em;-webkit-box-shadow:0 2px 4px 0 #000;-moz-box-shadow:0 2px 4px 0 #000;box-shadow:0 2px 4px 0 #000;overflow:auto}
.vodDefault-skin .public-menu-button:focus ul{display:block;list-style:none}
.vodDefault-skin .public-menu-button:hover ul{display:block;list-style:none}
.vodDefault-skin .public-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}
.vodDefault-skin .public-menu-button ul li.public-selected{text-decoration:underline;background:url('../images/video-js.png') -125px -50px no-repeat}
.vodDefault-skin .public-menu-button ul li:focus,.vodDefault-skin .public-menu-button ul li:hover,.vodDefault-skin .public-menu-button ul li.public-selected:focus,.vodDefault-skin .public-menu-button ul li.public-selected:hover{background-color:#ccc;color:#111;outline:0}

.vodDefault-skin .public-menu-button ul li.public-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%)}

.vodDefault-skin .public-captions-button div{background-position:-25px -75px}
.vodDefault-skin .public-chapters-button div{background-position:-100px -75px}
.vodDefault-skin .public-chapters-button ul{width:20em;left:-8.5em}

/*
.vodDefault-skin .vjs-speed-button div { background: url('video-speed.png') no-repeat; width: 16px; height: 16px; margin: 0.2em auto 0; padding: 0; }
*/
.vodDefault-skin .vjs-speed-button div { background: none; }
.vodDefault-skin .vjs-speed-button { /*width: 3em;*/ text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.1em; }

.vodDefault-skin .public-menu-button ul.public-menu-left {
  position: absolute; width: 6em; bottom: 2em; max-height: 30em;
  left: -4em; /* Width of menu - width of button / 2 */
  overflow-x: hidden;
}
.vodDefault-skin .public-menu-button:focus ul.public-menu-left,
.vodDefault-skin .public-menu-button:hover ul.public-menu-left { display: block; list-style: none; }

.vodDefault-skin .public-menu-button ul.public-menu-right {
  position: absolute; width: 6em; bottom: 2em; max-height: 30em;
  left: 2em; /* Width of menu + left setting for public-menu-left */
  overflow-x: hidden;
}
.vodDefault-skin .public-menu-button:focus ul.public-menu-right,
.vodDefault-skin .public-menu-button:hover ul.public-menu-right { display: block; list-style: none; }