/* Ver : 1.5.4 Release */
/* Last Update : XXXX-XX-XX */
/* ------------ History ------------
1.1.1  : 초기 플레이어 타이틀 관련 수정 / .flowplayer-wrap + .tit 에 z-index:100 추가
1.1.12 : .flowplayer-wrap + .tit 에 background gradient 추가
1.2.1  : 미리보기 종료시 / 상단 시계 이미지 관련 수정
1.3.0 : 플레이어 컨텐츠 및 광고 전부 종료된 뒤 ajax 로 받아온 데이터를 띄워주는 div 추가
1.3.1 : 일시정지 금지 기능 구현
1.5.0 : 접근성 관련 기능 추가
1.5.3 : thumbnails 포커스 관련 수정
1.5.4 : .flowplayer-banner z-index:20 추가
--------------------------------- */

.trans {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.trans::after {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.trans[trans="1"] {-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-ms-transition: all 0.1s ease; transition: all 0.1s ease;}
.trans[trans="1"]::after {-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-ms-transition: all 0.1s ease; transition: all 0.1s ease;}
.trans[trans="2"] {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.trans[trans="2"]::after {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease; transition: all 0.2s ease;}


.flowplayer {
	-ms-user-select: none; 
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;

    border-radius:0;
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
}



.flowplayer-wrap {
	/*padding:14px;*/
	position:relative;
}
/*
.flowplayer-wrap::before {
	content:"";
	position:absolute;
	top:0px;right:0px;bottom:0px;left:0px;
	display:block;
	background-color:#2e2e2e;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
*/

.flowplayer {}
.flowplayer.flowplayer-thumbnail::before {
	content:"";
	position:absolute;
	z-index:100;
	/*top:14px;right:14px;bottom:14px;left:14px;*/
	top:0;right:0;bottom:0;left:0;
	display:block;
	background-color:#2e2e2e;
	
	background-repeat:no-repeat, no-repeat;
	background-size:61px 66px, 100% 100%;
	background-position:center, center;
	cursor:pointer;
}

.flowplayer-mini {
	position:fixed;
	z-index:99;
	width:320px;
	height:180px;
	background-color:#2e2e2e;
	
	bottom:10px;
	right:10px;
}
.flowplayer-mini.flowplayer.fp-ui-shown .fp-ui > *
, .flowplayer-mini.flowplayer.is-paused .fp-ui > *
, .flowplayer-mini.flowplayer.is-mouseover .fp-ui > *
, .flowplayer-mini.flowplayer.is-loading .fp-ui > * {
	/*opacity:0;*/
}
.flowplayer-mini-close {
    position: absolute;
    top: 4px;
    right: 4px;
    display: none;
    padding: 3px 5px;
    z-index: 100;
    border: 1px solid #929292;
    cursor: pointer;
    background-color: #fff;
}
.flowplayer-mini-close-icon {
	width:23px;
	height:22px;
	background-image:url('http://img.tvchosun.com/upload_img/n2017/img/player/close_black.png');
}
.icon-wrap {
    overflow: hidden;
    border-radius: 10px;
    display: inline-block;
    width: 14px;
    height: 13px;
    margin-top: 3px;
}
.flowplayer-mini .flowplayer-mini-close {
	display:block;
}


.flowplayer-pop-wrap {
	position:fixed;
	top:0; right:0; bottom:0; left:0;
	background-color:rgba(0,0,0, 0.5);
	z-index:1000;
	
	display:none;
}
.flowplayer.flowplayer-pop + .flowplayer-pop-wrap {
	display:block;
}
.flowplayer.flowplayer-pop {
	position:fixed;
	z-index:1001;
	width:50%;
	left:25%;
	top:25%;
	background-color:#2e2e2e;
}


.flowplayer-ad-skip {
	position:absolute;
	/*right:14px;*/
	right:0px;
	bottom:60px;
	background-color:rgba(0,0,0,0.7);
	border:1px solid rgba(255,255,255,0.7);
	border-right:none;
	padding:8px 20px 8px 20px;
	
	color:rgba(255,255,255,0.8);
	font-size:14px;
	z-index:11;
	display:none;
}
.flowplayer-ad-skip.on {display:block}
.flowplayer-ad-skip.skip {cursor:pointer; font-size:20px;}


.flowplayer-ad-block {
	position:absolute;
	top:71px; right:0px; bottom:52px; left:0px;
	z-index:10;
	opacity:0;
	display:none;
}
.flowplayer-ad-block.on {display:block; cursor:pointer;}



.flowplayer-wrap.flowplayer-wrap-next-loading::after {
	content:"";
	position:absolute;
	z-index:100;
	/*top:14px;right:14px;bottom:14px;left:14px;*/
	top:0;right:0;bottom:0;left:0;
	display:block;
	/*background-color:#2e2e2e;*/
	background-color:rgba(46,46,46,0.95);
}
.flowplayer-next-loading-wrap {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-150px;
	margin-top:-110px;
	
	width:300px;
	height:220px;
	text-align:center;
	z-index:101;
	color:#FFF;
	display:none;
}
.flowplayer-next-loading-wrap.on {
	display:block;
}
.flowplayer-next-loading-wrap-title {
	min-height:20px;
	font-size:16px;
	font-weight:bold;
}
.flowplayer-next-loading-cancel {
	display:inline-block;
	margin-top:130px;
	color:#fff !important;
	cursor:pointer;
}

.flowplayer-wrap-next-loading .flowplayer-next-loading {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-50px;
	margin-top:-50px;
	
	width:40px;
	height:80px;
	padding:0;
	
	background-color:#2e2e2e;
	
	border:6px solid;
	border-right-width:0;
	border-radius:50px 0 0 50px;
	border-color:#2e2e2e;
	
	z-index:110;
	
	animation-duration:5s;
	animation-timing-function:linear;
	animation-fill-mode:forwards;
	animation-name:loading-left;
}
.flowplayer-wrap-next-loading .flowplayer-next-loading::before {
	content:"";
	position:absolute;
	left:-12px;
	top:-12px;
	
	width:52px;
	height:104px;
	border-right:52px solid;
	border-color:#2e2e2e;
	
	border-radius:52px;
	
	z-index:2;
	animation-duration:inherit;
	animation-timing-function:linear;
	animation-fill-mode:forwards;
	animation-name:loading-center;
}
.flowplayer-wrap-next-loading .flowplayer-next-loading::after {
	content:"";
	position:absolute;
	left:40px;
	top:-6px;
	
	width:40px;
	height:80px;
	padding:0;
	background-color:#2e2e2e;
	
	border:6px solid #fff;
	border-left-width:0;
	border-radius:0 50px 50px 0;
	
	border-color:#fff;
	z-index:1;
	animation-duration:inherit;
	animation-timing-function:linear;
	animation-fill-mode:forwards;
	animation-name:loading-right;
}
@keyframes loading-center {
	0%		{ transform:rotate(0deg) }
	100%	{ transform:rotate(360deg) }
}
@keyframes loading-left {
	0%, 49.999999%	{border-color:#2e2e2e}
	50%, 100%		{border-color:#fff}
}
@keyframes loading-right {
	0%, 49.999999%	{z-index:1}
	50%, 100%		{z-index:3}
}
.flowplayer-wrap-next-loading .flowplayer-next-loading a {
	position:absolute;
	display:inline-block;
	top:0;
	left:50%;
	
	text-decoration:none;
	color:#FFF;
	font-size:50px;
	z-index:100;
}


.flowplayer-banner {
	position:absolute;
	bottom:75px;
	width:468px;
	height:75px;
	left:50%;
	margin-left:-234px;
	text-align:center;
	display:none;
	z-index:20;
}
.flowplayer-banner.on {
	display:block;
}

.flowplayer-banner > div {
	border-width:0;
	width:476px;
	height:83px;
	overflow:hidden;
}

.flowplayer .fp-icon , .flowplayer .fp-elapsed , .flowplayer .fp-duration , .flowplayer .fp-speed {
	color:#fff !important;
}
.flowplayer .fp-ui a, .flowplayer .fp-ui strong {
	color:#fff !important;
}
div.flowplayer-next-loading-wrap-notice {
	color:#fff !important;
}


.flowplayer .fp-header .fp-icon.fp-active {
	color: #f00 !important;
}
/*
.flowplayer .fp-color {
	background-color: #ffc000;
	fill: #ffc000;
}
*/
.flowplayer .fp-progress {
	background-color: #f00 !important;
	fill: #f00 !important;
}

.flowplayer .fp-captions p {
	color: #fff !important;
}

.flowplayer .fp-captions.fp-cu-none {
	display:none !important;
}
.flowplayer .fp-timestamp {
	color: #fff !important;
}

/* base.css class 관련 수정 */

.flowplayer-wrap + .tit {
    position: absolute;
    display: inline-block;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 32px;
    font-size: 28px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	z-index:100;
	
	background: -webkit-linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, 0.9));
	background: -o-linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, 0.9));
	background: -moz-linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, 0.9));
	background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, 0.9));
}






/*--------------------------------- Controller ---------------------------------*/
/* ------------ flowplayer-ui (wrap) */
.flowplayer-ui {
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	z-index:10;
	cursor:pointer;
}

/* -------- Hidden */
.flowplayer .fp-speed {display:none;}
.flowplayer .fp-cc {display:none}
.flowplayer .fp-share {display:none}

/* -------- Switch */
/* Progress */
.flowplayer .fp-progress {
	background-image:url('http://img.tvchosun.com/upload_img/n2017/img/player/prograssbar.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.flowplayer .fp-progress.disable {
	background-image:url('http://img.tvchosun.com/upload_img/n2017/img/player/prograssbar_disable.png');
}
/* Play */
.flowplayer .fp-playbtn {
	margin-right: 0;
	background-color:transparent;
	border:none;
	cursor:pointer;
	height:31px;
	overflow:hidden;
}
.flowplayer .fp-playbtn:before {
	content: "" !important;
	display:inline-block;
	background-image:url('http://img.tvchosun.com/upload_img/n2017/img/player/play.png');
	background-size: 19px 19px;
	background-repeat: no-repeat;
	background-position: 2px 7px;
	width: 23px;
	height: 27px;
}
/* Pause */
.flowplayer.is-playing .fp-playbtn:before {
	background-image:url('http://img.tvchosun.com/upload_img/n2017/img/player/pause.png');
}
/* Volume */
.flowplayer .fp-volume {
	padding-top: 10px;
	margin: 0 .5em;
}
.flowplayer .fp-bar-slider em {
	height: 8px;
	width: 8px;
	border-radius: 4px;
	background-color:#66d2f9;
}
.flowplayer .fp-cu-volume {
	background-size: 19px 19px;
	background-repeat: no-repeat;
	background-position: 2px 8px;
	width: 22px;
	height: 31px;
	margin: 0 0 0 9px;
	background-image:url('http://img.tvchosun.com/upload_img/n2017/img/player/volume.png');
	background-color:transparent;
	border:none;
	cursor:pointer;
}
.flowplayer .fp-cu-volume.off {
	background-image:url('http://img.tvchosun.com/upload_img/n2017/img/player/volume_x.png');
}

.flowplayer .fp-volumebar {
    top: -5px;
    padding-top: 13px;
    height: 31px;
    overflow: hidden;
}

/* ------------ Add */
.flowplayer .fp-cu {
	display:inline-block;
	background-size: 19px 19px;
	background-repeat: no-repeat;
	background-position: 2px 7px;
	width: 22px;
	height: 31px;
	background-color:transparent;
	border:none;
	cursor:pointer;
	/*position:absolute;*/
	/*top:8px;*/
}
/* Quality-high */
.flowplayer .fp-cu-quality-hd {
	/*background-image:url('http://img.tvchosun.com/upload_img/n2017/img/player/setting.png');*/
	/*right:185px;*/
	font-weight:bold;
	font-size:16px;
	color:#FFF;
}
/* Quality-low */
.flowplayer .fp-cu-quality-sd {
	/*background-image:url('http://img.tvchosun.com/upload_img/n2017/img/player/setting.png');*/
	/*right:150px;*/
	font-weight:bold;
	font-size:16px;
	color:#FFF;
}
.flowplayer .fp-cu-quality-hd.on , .flowplayer .fp-cu-quality-sd.on {color:#F00; text-shadow:0px 0px 1px #f00;}
/* Config */
.flowplayer .fp-cu-config {
	background-image:url('http://img.tvchosun.com/upload_img/n2017/img/player/setting.png');
	right:115px;
}
/* Movie */
.flowplayer .fp-cu-movie {
	background-image:url('http://img.tvchosun.com/upload_img/n2017/img/player/screen.png');
	right:80px;
}
/* Fullscreen */
.flowplayer .fp-fullscreen {display:none;}
.flowplayer .fp-cu-fullscreen {
	background-image:url('http://img.tvchosun.com/upload_img/n2017/img/player/full.png');
	right:45px;
}
.flowplayer .fp-cu-fullscreen.on {
	background-image:url('http://img.tvchosun.com/upload_img/n2017/img/player/downsizing.png');
}
.fp-cu-fullscreen-clone {
	position:absolute;
	display:inline-block;
	width:22px;
	height:31px;
	bottom:3px;
	right:50px;
}
/* Popup */
.flowplayer .fp-cu-popup {
	background-image:url('http://img.tvchosun.com/upload_img/n2017/img/player/pop.png');
	right:10px;
}
.flowplayer .fp-cu-disable {
	opacity:0.5;
}
/* ------------ flowplayer-mini hidden */
.flowplayer-mini .fp-cu-config {display:none!important}
.flowplayer-mini .fp-cu-movie  {display:none!important}
.flowplayer-mini .fp-fullscreen {display:none!important}
.flowplayer-mini .fp-cu-fullscreen {display:none!important}
.flowplayer-mini .fp-cu-popup {display:none!important}

/* ------------ Config */
.flowplayer-config {
	position:absolute;
	z-index:100;
	right:20px;
	bottom:75px;
	width:250px;
	padding:8px;
	background-color:rgba(0,0,0,0.86);
	border-radius:4px;
	display:none;
}
.flowplayer-config.mobile {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	z-index: 1000;
	border-radius: 0;
	padding: 45px 15px 15px 15px;
}
.flowplayer-config.mobile::after {
	content: "설정";
	padding: 15px;
	width: 100%;
	height: 15px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
}
.flowplayer-config.on {
	display:block;
}

.flowplayer-config-close {
	position:absolute;
	top:13px;
	right:10px;
	width:23px;
	height:22px;
	background-image:url('http://img.tvchosun.com/upload_img/n2017/img/player/close.png');
	z-index:1;
}
.flowplayer-config.mobile .flowplayer-config-close {
	display:block;
}

.flowplayer-config-node {
	display:table;
	width:100%;
	height:30px;
}
.flowplayer-config-title {
	display:table-cell;
	width:40px;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	font-size:12px;
}
.flowplayer-config-content {
	display:table-cell;
	width:*;
	vertical-align:middle;
	text-align:left;
	padding-left:10px;
}
/* btn */
.btn {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	position: relative;
	display: inline-block;
	width:44px;
	height: 21px;
	line-height: 19px;
	padding: 0px 8px;
	border-width: 1px;
	border-radius: 3px;
	
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	
	vertical-align: middle;
	text-decoration: none !important;
	text-align: center;
	font-size:11px;
	font-weight: bold;
	
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35), 0 -1px 1px -1px rgba(200, 200, 200, 0.9), inset 0px -1px 0px rgba(100, 100, 100, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35), 0 -1px 1px -1px rgba(200, 200, 200, 0.9), inset 0px -1px 0px rgba(100, 100, 100, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35), 0 -1px 1px -1px rgba(200, 200, 200, 0.9), inset 0px -1px 0px rgba(100, 100, 100, 0.1);
}
.btn-active {
	line-height: 21px !important;
	padding: 0px 9px !important;
	border:none !important;
}
.btn-blue {
	background:none;
	color:rgba(0, 149, 255, 1);
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	border:1px solid rgba(0, 149, 255, 1);
}
.btn-blue:not(.btn-disabled):hover , .btn-blue:not(.btn-disabled):active , .btn-blue.btn-active:not(.btn-disabled) {
	color: rgba(255, 255, 255, 0.85);
	background: rgb(33, 195, 187);
	background: -webkit-linear-gradient(rgba(0, 149, 255, 1), rgba(0, 112, 192, 1));
	background: -o-linear-gradient(rgba(0, 149, 255, 1), rgba(0, 112, 192, 1));
	background: -moz-linear-gradient(rgba(0, 149, 255, 1), rgba(0, 112, 192, 1));
	background: linear-gradient(rgba(0, 149, 255, 1), rgba(0, 112, 192, 1));
}
.btn-sky {
	background:none;
	color: rgba(37, 197, 255, 1);
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	border:1px solid rgba(37, 197, 255, 1);
}
.btn-sky:not(.btn-disabled):hover , .btn-sky:not(.btn-disabled):active , .btn-sky.btn-active:not(.btn-disabled) {
	color: rgba(255, 255, 255, 0.9);
	background: rgb(37, 197, 255);
	background: -webkit-linear-gradient(rgba(37, 197, 255, 1), rgba(0, 176, 240, 1));
	background: -o-linear-gradient(rgba(37, 197, 255, 1), rgba(0, 176, 240, 1));
	background: -moz-linear-gradient(rgba(37, 197, 255, 1), rgba(0, 176, 240, 1));
	background: linear-gradient(rgba(37, 197, 255, 1), rgba(0, 176, 240, 1));
}
.btn-red {
	background:none;
	color: rgba(255, 80, 97, 1);
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	border:1px solid rgba(255, 80, 97, 1);
}
.btn-red:not(.btn-disabled):hover , .btn-red:not(.btn-disabled):active , .btn-red.btn-active:not(.btn-disabled) {
	color: rgba(255, 255, 255, 0.85);
	background: rgb(255, 80, 97);
	background: -webkit-linear-gradient(rgba(255, 80, 97, 1), rgba(255, 14, 38, 1));
	background: -o-linear-gradient(rgba(255, 80, 97, 1), rgba(255, 14, 38, 1));
	background: -moz-linear-gradient(rgba(255, 80, 97, 1), rgba(255, 14, 38, 1));
	background: linear-gradient(rgba(255, 80, 97, 1), rgba(255, 14, 38, 1));
}
.btn-purple {
	background:none;
	color: rgba(136, 38, 255, 1);
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	border:1px solid rgba(136, 38, 255, 1);
}
.btn-purple:not(.btn-disabled):hover , .btn-purple:not(.btn-disabled):active , .btn-purple.btn-active:not(.btn-disabled) {
	color: rgba(255, 255, 255, 0.85);
	background: rgb(255, 80, 97);
	background: -webkit-linear-gradient(rgba(136, 38, 255, 1), rgba(115, 0, 255, 1));
	background: -o-linear-gradient(rgba(136, 38, 255, 1), rgba(115, 0, 255, 1));
	background: -moz-linear-gradient(rgba(136, 38, 255, 1), rgba(115, 0, 255, 1));
	background: linear-gradient(rgba(136, 38, 255, 1), rgba(115, 0, 255, 1));
}
.btn-green {
	background: none;
	color: #92d050;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	border:1px solid #92d050;
}
.btn-green:not(.btn-disabled):hover , .btn-green:not(.btn-disabled):active , .btn-green.btn-active:not(.btn-disabled) {
	color: rgba(255, 255, 255, 0.85);
	background: #92d050;
	background: -webkit-linear-gradient(#a2ec54, #5f9624);
	background: -o-linear-gradient(#a2ec54, #5f9624);
	background: -moz-linear-gradient(#a2ec54, #5f9624);
	background: linear-gradient(#a2ec54, #5f9624);
}
.btn-disabled {
	background-color: #7f7f7f;
	color: rgba(255,255,255,0.6);
	cursor:default;
	line-height: 21px !important;
	padding: 0px 9px !important;
	border:none !important;
}


.btn-toggle {
	position:relative;
	min-width:0;
	width: 32px;
	height: 10px;
	line-height: 19px;
	padding: 0px 8px;
	border-width: 0px;
	border-radius: 5px;
	background-color:#7f7f7f;
}
.btn-toggle::after {
	content:"";
	position:absolute;
	top:-3px;
	left:0;
	width:16px;
	height:16px;
	border-radius:8px;
	background-color:#fff;
	z-index:10;
}
.btn-toggle.btn-on {
	background-color:#92d050;
}
.btn-toggle.btn-on::after {
	left:16px;
}

/* ------------ Mobile Config Node / Button */
.flowplayer-config-node {
	height:36px;
}
.flowplayer-config.mobile .btn {
	height: 26px;
	line-height: 24px;
	width:30%;
	margin:0 0.5%;
}
.flowplayer-config.mobile .btn-active {
	line-height: 26px !important;
}
.flowplayer-config.mobile .btn-disabled {
	line-height: 26px !important;
}
.flowplayer-config.mobile .fp-cu-subtitles {
	display:none;
}
.flowplayer-config .fp-cu-subtitles-btn {
	display:none;
}
.flowplayer-config.mobile .fp-cu-subtitles-btn {
	display:inline-block;
}


/* ------------ Timeline */
.flowplayer.fp-full .fp-controls:hover .fp-timeline {
	height:.3em;
}
.flowplayer.fp-full .fp-timeline {
	top: 0px;
	left:10px;
	right:10px;
	width:auto;
}
.flowplayer .fp-elapsed {
	position: absolute;
	left: 2px;
	top: -22px;
	font-size: 14px;
}
.flowplayer .fp-duration {
	position: absolute;
	right: 2px;
	top: -22px;
	font-size: 14px;
}
.flowplayer.fp-full .fp-duration:before, .flowplayer.fp-full .fp-remaining:before {
    content: "";
}



/* ------------ Timeline Customizing(Preview) */
.fp-cu-timeline-wrap {
	position:absolute;
	z-index:100;
	left: 0;
	right: 0;
	height: .3em;
	bottom: 2.5em;
	display:none;
}
.fp-cu-timeline-wrap.on {display:block;}

.fp-cu-timeline {
	position:absolute;
	right:0; bottom:0; left:0;
	width: 100%;
	height:4.4px;
	
    background-color:#d4d4d4;
    position: absolute;
    border-radius: 0;
	
	cursor:col-resize;
}
.fp-cu-timeline::before {
	content: "";
	position: absolute;
	display: block;
	height: 24px;
	width: 100%;
	top: -20px;
	z-index:100;
}

.fp-cu-progress {
	position:absolute;
	right:0; bottom:0; left:0;
	height:4.4px;
	width:0%;
	
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-property: width, height;
	transition-property: width, height;

	background-image: url('http://img.tvchosun.com/upload_img/n2017/img/player/prograssbar.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	transition-duration: 250ms;
}
.fp-cu-progress.disable {
	background-image:url('http://img.tvchosun.com/upload_img/n2017/img/player/prograssbar_disable.png');
}
.fp-cu-progress-changing {transition-duration:0ms;}


/* ------------ Focus */
.fp-cu-focus:focus {
	outline:none;
}
.fp-cu-focus.outline-on:focus {
	outline:rgba(0, 95, 255, 0.7) solid 2px;
}

/* ------------ Preview Finished */
.flowplayer-preview-finished-wrap {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-210px;
	margin-top:-110px;
	
	width:420px;
	height:220px;
	text-align:center;
	z-index:101;
	color:#FFF;
	display:none;
}
.flowplayer-preview-finished-wrap.on {
	display:block;
}

.flowplayer-preview-finished-loading {
	margin-top:-10px;
	margin-bottom:20px;
	background-image: url(http://img.tvchosun.com/upload_img/n2017/img/player/icon_clock.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 60px;
}
.flowplayer-preview-finished-title {
    font-size: 24px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    margin-bottom: 20px;
    letter-spacing: -1px;
}
.flowplayer-preview-finished-notice {
	font-size: 14px;
    color: rgb(164, 163, 163);
    font-weight: 200;
    letter-spacing: -1px;
    line-height: 24px;
}
.flowplayer-preview-finished-buy {
	display:inline-block;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    width: 120px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(37, 90, 163);
    border-image: initial;
    overflow: visible;
    background: rgb(47, 111, 199);
	
	margin-top:40px;
	cursor:pointer;
	padding:6px 12px 6px 12px;
}

/* ------------ Preview Finished */
.flowplayer-next-contents-wrap {
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	z-index:101;
	color:#FFF;
	display:none;
}
.flowplayer-next-contents-wrap.on {
	display:block;
}
.flowplayer-next-contents-close {
	position:absolute;
	display:inline-block;
	top:10px;
	right:10px;
	width:36px;
	height:36px;
	background-image: url(http://img.tvchosun.com/upload_img/n2017/img/player/close_contents.png);
	background-size:18px 18px;
    background-repeat: no-repeat;
    background-position: center;
	cursor:pointer;
	z-index:1000;
}

/* ------------ Focus */
.flowplayer.is-focused .fp-ui > * {
	/*opacity:1;*/
}