/* 영상 공통 */

/******* VIDEO-JS SKIN *******/
.vid-skin01{}

/* Big Play Button */
.vid-skin01 .vjs-big-play-button{
	display:block;position:absolute;left:50%;top:38%;width:80px;height:108px;margin-left:-40px;font-size:3em;text-align:center;vertical-align:middle;opacity:1;cursor:pointer;z-index:2;
	background-color:transparent;
	border:none;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;
	-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;
	.background:url(../images/sprites.png) -200px -1035px no-repeat;
}
.vid-skin01.vjs-controls-disabled .vjs-big-play-button{display:none;}
.vid-skin01.vjs-has-started .vjs-big-play-button{display:none;}
.vid-skin01.vjs-has-active .vjs-big-play-button{display:none !important;}
.vid-skin01.vjs-using-native-controls .vjs-big-play-button{display:none;}
.vjs-error .vjs-big-play-button{display:none;}
.vid-skin01:hover .vjs-big-play-button,
.vid-skin01 .vjs-big-play-button:focus{
	border-color:none;outline:0;background-color:transparent;
	-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;
	-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s;
}
.vid-skin01 .vjs-big-play-button:before{content:'';position:absolute;left:0;width:100%;height:100%;line-height:2.6em;font-family:VideoJS;text-shadow:0.05em 0.05em 0.1em #000;text-align:center;background:url(../images/sprites.png) -200px -1035px no-repeat;}

/* Control Bars */
.vid-skin01 .vjs-control-bar{display:block;position:absolute;bottom:0;left:0;right:0;height:40px;background-color:#07141e;
background-color:rgba(7, 20, 30, 0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);/* IE 5.5 - 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";/* IE 8 */}
.vid-skin01.vjs-has-started .vjs-control-bar{
	visibility:visible;display:block;opacity:1;
	-webkit-transition:visibility 0.1s, opacity 0.1s;-moz-transition:visibility 0.1s, opacity 0.1s;-o-transition:visibility 0.1s, opacity 0.1s;transition:visibility 0.1s, opacity 0.1s;
	/* -webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none; */
}
.vid-skin01.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{
	visibility:hidden;.visibility:visible;display:block;opacity:0;/* visibility:visible;display:block;opacity:1; */
	-webkit-transition:visibility 1s, opacity 1s;-moz-transition:visibility 1s, opacity 1s;-o-transition:visibility 1s, opacity 1s;transition:visibility 1s, opacity 1s;
}
.vid-skin01.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar:hover{visibility:visible !important;display:block;opacity:1;}

.msie8 .vid-skin01.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;}

/* Progress Bars 타임라인 */
.vid-skin01 .vjs-play-progress{background:#039ff8;}
.vid-skin01 .vjs-progress-control{
	position:absolute;left:0;right:0;top:17px;width:auto;height:4px;margin-left:124px;margin-right:130px;font-size:0.3em;
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;
}

/* Progress 핸들러 아이콘 */
.vid-skin01 .vjs-seek-handle{width:4px;height:4px;}
.vid-skin01 .vjs-slider-handle{}
.vid-skin01 .vjs-slider-handle:before{
	content:"";position:absolute;top:0;width:4px;height:4px;background:#039ff8;text-shadow:none;color:#039ff8;text-align:center;font-size:0;line-height:0;
	-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;
}

/* Play/Pause 버튼 */
.vid-skin01 .vjs-play-control{width:38px;height:38px;margin-left:6px;cursor:pointer;.background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_set_player.png) 9px 13px no-repeat;}
.vid-skin01 .vjs-play-control:before{content:"";position:absolute;top:10px;left:9px;width:17px;height:17px;background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_set_player.png) 0 0 no-repeat;font-size:17px;line-height:17px;text-align:center;text-shadow:none;}
.vid-skin01.vjs-playing .vjs-play-control{.background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_set_player.png) 9px -70px no-repeat;}
.vid-skin01.vjs-playing .vjs-play-control:before{content:"";position:absolute;top:10px;left:9px;width:17px;height:17px;background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_set_player.png) 0 -82px no-repeat;font-size:17px;line-height:17px;text-align:center;text-shadow:none;}

/* 재생 시간 */
.vid-skin01 .vjs-time-controls{font-size:1em;line-height:3em;}
.vid-skin01 .vjs-current-time{float:left;margin-top:4px;}
.vid-skin01 .vjs-duration{float:left;margin-top:4px;}
.vid-skin01 .vjs-remaining-time{display:none;float:left;}
.vid-skin01 .vjs-time-divider{float:left;line-height:3em;margin-top:4px;}

/* 볼륨 */
.vid-skin01 .vjs-volume-control{float:right;width:60px;}
.vid-skin01 .vjs-volume-control .vjs-slider{background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_volume_gauge_off.png) 0 0 repeat-x;}
.vid-skin01 .vjs-volume-bar{width:5em;height:8px;margin:16px auto 0;}

.vid-skin01 .vjs-volume-level{position:absolute;top:0;left:0;width:100%;height:8px;background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_volume_gauge_on.png) 0 0 repeat-x;}
.vid-skin01 .vjs-volume-bar .vjs-volume-handle{width:0.5em;height:8px;left:4.5em;}
.vid-skin01 .vjs-volume-handle:before{top:0;left:0;width:2px;height:8px;background:#039ff8;font-size:4px;}

.vid-skin01 .vjs-mute-control,
.vid-skin01 .vjs-volume-menu-button{float:right;width:38px;height:38px;cursor:pointer;}
.vid-skin01 .vjs-mute-control:before,
.vid-skin01 .vjs-volume-menu-button:before{content:"";position:absolute;top:14px;left:17px;width:18px;height:14px;background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_set_player.png) 0 -150px no-repeat;}
.vid-skin01 .vjs-mute-control.vjs-vol-0:before,
.vid-skin01 .vjs-volume-menu-button.vjs-vol-0:before{content:"";background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_set_player.png) 0 -239px no-repeat;}
.vid-skin01 .vjs-mute-control.vjs-vol-1:before,
.vid-skin01 .vjs-volume-menu-button.vjs-vol-1:before,
.vid-skin01 .vjs-mute-control.vjs-vol-2:before,
.vid-skin01 .vjs-volume-menu-button.vjs-vol-2:before{content:"";background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_set_player.png) 0 -192px no-repeat;}

/* 볼륨 IE7 */
.vid-skin01 .vjs-mute-control{.background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_set_player.png) 19px -136px no-repeat;}
.vid-skin01 .vjs-mute-control.vjs-vol-0,
.vid-skin01 .vjs-volume-menu-button.vjs-vol-0{.background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_set_player.png) 19px -225px no-repeat;}
.vid-skin01 .vjs-mute-control.vjs-vol-1,
.vid-skin01 .vjs-volume-menu-button.vjs-vol-1,
.vid-skin01 .vjs-mute-control.vjs-vol-2,
.vid-skin01 .vjs-volume-menu-button.vjs-vol-2{.content:"";.background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_set_player.png) 19px -178px no-repeat;}

/* Fullscreen 확대/축소 */
.vid-skin01 .vjs-fullscreen-control{float:right;width:38px;height:38px;cursor:pointer;}
.vid-skin01 .vjs-fullscreen-control:before{content:"";position:absolute;top:14px;left:17px;width:11px;height:11px;background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_set_player.png) -50px -150px no-repeat;}
.vid-skin01.vjs-fullscreen .vjs-fullscreen-control:before{content:"";position:absolute;top:14px;left:17px;width:11px;height:11px;background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_set_player.png) -50px -238px no-repeat;}

/* Fullscreen 확대/축소 IE7 */
.vid-skin01.vjs-fullscreen{}
.vid-skin01 .vjs-fullscreen-control{.background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_set_player.png) -36px -135px no-repeat;}
.vid-skin01.vjs-fullscreen .vjs-fullscreen-control{.background:url(http://img.yonhapnews.co.kr/basic/svc/14_images/ico_set_player.png) -36px -223px no-repeat;}

/* Fullscreen 확대시 z-index 문제 */
.fullscreen-page{overflow-y:hidden !important;}
.fullscreen-page #header{position:relative;z-index:1;}
.fullscreen-page #content{position:relative;z-index:100;}
.fullscreen-page .header-content{position:relative;z-index:1;}
.fullscreen-page .contents{position:relative;z-index:100;}
.fullscreen-page .contents01{position:relative;z-index:100;}
.fullscreen-page .contents02{position:relative;z-index:1;}
.fullscreen-page .article-video{z-index:100;}
.fullscreen-page .btn-top{display:none;}

.fullscreen-page.video-page .title-page01{z-index:90;}
.fullscreen-page.video-page .video-view-zone{z-index:100;}
.fullscreen-page{}
.fullscreen-page .title-page01{z-index:90;}
.fullscreen-page .video-view-zone{z-index:100;}
.fullscreen-page .btn-top{display:none;}