@charset "UTF-8";
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0}
dl,li,menu,ol,ul{list-style:none}
.player-container a{color:inherit;text-decoration:none}
.player-container em {font-style:normal;}
.player-container video {width:100%;height:100%}
.player-container button {cursor:pointer;font-family:'notokr-medium','Nanum Gothic','나눔 고딕',dotum,'돋움';border: 0}
.ellipsis-multi { text-overflow: ellipsis; overflow:hidden; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.player-container {position:relative;min-width:320px;width:100%;font-family:'notokr-medium','나눔 고딕',dotum,'돋움';background-color:#fff;overflow:hidden;letter-spacing: -.085em; padding-bottom: 56.26%}
.player-container .screen-gui {width: 100%;height: 100%;position: absolute;top: 0;left: 0;overflow:hidden;background: url(//image.imnews.imbc.com/page/player/images/pc_bg_ad.png); background-size: 100% 100%;-webkit-transition:all ease 0.2s; -moz-transition:all ease 0.2s; -ms-transition:all ease 0.2s; -o-transition:all ease 0.2s; transition:all ease 0.2s;}
.clip-player {position: absolute; left: 0px; width: 100%; height: 100%; top: 0;}
/*.clip-player.full {top: 50%; margin-top: -27%;}*/
.viewer {width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;position: absolute;/* top: 50%; *//* margin-top: -28%; */left: 0;cursor: pointer;background-position: 0 0px;}
.viewer.on {z-index: 11;}

.frame {
    height: 100%;
    position: absolute;
}
/*로딩*/
.loader{width:58px;height:58px;position: absolute;top: 50%;left: 50%;z-index: 40;margin:-35px 0 0 -29px;text-align: center;}
.loader .loading{margin:0 auto;box-sizing: border-box;width: 48px;  height: 48px; background: url(//image.imnews.imbc.com/page/player/images/pc_loading.png) no-repeat;
    animation: spin 2s linear infinite, heart-beat 2s linear infinite;}
.loader .load-txt{margin-top :12px;font-size: 20px;font-family: 'notokr-bold';color: #fff}
/*로딩 animation*/
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.player-container::selection { background: transparent; }
.player-container::-moz-selection { background: transparent; }
.player-container {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

*.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/*상단 재생 관련 버튼*/
.play-controls .video-play {position:absolute;top: 50%;left:50%;margin: -40px 0 0 -40px;z-index: 13}
.play-controls .video-play.isFull{cursor: pointer; z-index: 999;}
.play-controls .video-play-icon{width:80px;height:80px;background:url(//image.imnews.imbc.com/page/player/images/pc_btn_pause.png);text-indent:-9999px;border:none;cursor:pointer;z-index:10;border: 0;}
.play-controls .video-play-icon.on{background:url(//image.imnews.imbc.com/page/player/images/pc_btn_play.png);}
.play-controls .video-10s{width: 100%; box-sizing: border-box; padding: 0 18%; overflow: hidden; position: absolute; top: 50%; margin-top: -57px;z-index: 12}
.play-controls .video-10s button{width:112px;height:112px}
.play-controls .video-10s-prev{float:left; background:url(//image.imnews.imbc.com/page/player/images/pc_10s_before.png) center center;text-indent:-9999px;border:none;cursor:pointer;}
.play-controls .video-10s-next{float:right; background:url(//image.imnews.imbc.com/page/player/images/pc_10s_later.png) center center;text-indent:-9999px;border:none;cursor:pointer;}

/*지오블락, 오류 메시지*/
.player-notice{position: absolute;width:100%;height:100%;top:0;left:0;text-align: center;background: url(//image.imnews.imbc.com/page/player/images/pc_bg_noti.jpg);background-size:100%;z-index: 100}
.player-notice .error{position: absolute;width:100%;top: 50%;margin-top: -82px}
.player-notice span[class^=ico-]{display: inline-block;margin-bottom:8px}
.player-notice .ico-noti{width: 50px;height: 50px;background: url(//image.imnews.imbc.com/page/player/images/pc_notice.png) no-repeat;}
.player-notice .noti-txt{color: #d7d7d7;font-size: 28px;font-family: 'notokr-demilight';line-height: 36px;letter-spacing: -.02em}
.player-notice .wrap-replay{position: absolute;width: 100%;top: 50%;margin-top:-50px;}
.player-notice .ico-replay{width: 50px;height: 54px;background: url(//image.imnews.imbc.com/page/player/images/pc_replay_b.png) no-repeat;cursor: pointer;}
.player-notice .wrap-replay .noti-txt{color: #fff;font-size: 20px;font-family: 'notokr-bold';cursor: pointer;}

/*영상 종료후 다음뉴스재생 레이어*/
.end-noti{width:100%;height:100%;position:absolute;box-sizing:border-box;text-align: center;background: rgba(0,0,0,.3) url(//image.imnews.imbc.com/page/player/images/pc_bg_ad.png);background-size: 100% 100%;top: 0px;z-index: 11;}
.end-noti .noti{width: 80%;margin:0 auto;/* padding-top: 10%; */position: absolute;bottom: 68%;left: 10%;z-index: 11; cursor:pointer;}
.end-noti .noti .tit-next{margin-bottom:24px;color: #fff;font-size: 20px;font-family: 'notokr-bold'}
.end-noti .noti .title-news{color: #8cc8ff;font-size: 28px;line-height: 36px;font-family: 'notokr-regular';}
.end-noti .btn-replay{position:absolute;top:70%;left:50%;margin-left:-88px;width: 176px;height: 56px;color: #fff;font-size: 20px;background: rgba(255,255,255,.3) }
.end-noti .btn-replay span{display: inline-block;padding-left:28px;background: url(//image.imnews.imbc.com/page/player/images/pc_replay.png) left center no-repeat;}

/*하단 재생바 영역*/
.player-container .screen-gui .clip-interface{position:absolute;width:93%;bottom:0;left:3.5%}
.wrap-progress{width:100%;padding: 16px 0;cursor: pointer;}
.wrap-progress .player-progress{position:relative;background:rgba(255,255,255, .3);height:4px;}
.wrap-progress .player-progress .seek-bar{width:0px;height:100%;cursor:pointer;}
.wrap-progress .load-bar{height:100%;position:absolute;left:0;background: rgba(255,255,255,.4);z-index: 10;}
.wrap-progress .seek-bar .play-bar {position:absolute;left:0;background-color:#4664e6;height:100%;z-index: 20}
.wrap-progress .play-bar:after{opacity:0;content:'';position:absolute;top:-10px;right:-8px;width:16px;height: 24px;background: #4664e6;-webkit-transition:all ease 0.2s; -moz-transition:all ease 0.2s; -ms-transition:all ease 0.2s; -o-transition:all ease 0.2s; transition:all ease 0.2s}
/*.wrap-progress:hover .play-bar:after, .wrap-progress .play-bar.on:after {opacity: 1}*/
.wrap-progress .play-bar.on:after {opacity: 1}
.wrap-progress.on:hover .play-bar:after {opacity: 1}
.wrap-progress .seek-bar-hover {display:block;position: absolute;top: -34px;color: #dcdcdc;background: rgba(0,0,0,.7);line-height: 27px;width: 36px;text-indent:0;border-radius: 2px;font-family: 'notokr-medium','Nanum Gothic','나눔 고딕',dotum,'돋움';font-size:12px;text-align: center;}

.screen-gui .clip-interface .wrap-controls{overflow:hidden;padding: 2px 0 16px;}
/* 좌측 volume control*/
.screen-gui .clip-interface .left-controls{position: relative;float: left;}
.screen-gui .clip-interface .left-controls button{display:block;float:left;width:32px;height:26px;margin-right:6px;overflow:hidden;text-indent:-9999px;border:none;cursor:pointer;}
.screen-gui .clip-interface .left-controls .ico-volume{background: url(//image.imnews.imbc.com/page/player/images/pc_btn_volume.png);}
.screen-gui .clip-interface .left-controls .ico-volume:hover {background:url(//image.imnews.imbc.com/page/player/images/pc_btn_volume_on.png);}
.screen-gui .clip-interface .left-controls .ico-volume.state-muted  {background:url(//image.imnews.imbc.com/page/player/images/pc_btn_muted.png) no-repeat;}
.screen-gui .clip-interface .left-controls .status-live{margin-top: 5px; float:left;margin-left:5px;width:24px;font-size: 16px;color: #fff;font-family: 'notokr-bold';-webkit-transition:all ease 0.2s; -moz-transition:all ease 0.2s; -ms-transition:all ease 0.2s; -o-transition:all ease 0.2s; transition:all ease 0.2s}
.screen-gui .wrap-volume-bar{overflow: hidden;float:left;margin-top:-2px;padding-top:2px;height: 26px;position: relative;}

/*우측 버튼 control*/
.player-container .right-controls{float: right;}
.player-container .right-controls .clip-time {float:left;margin-top: 3px;letter-spacing: -.02em;font-size: 17px;font-style:normal;color:#fff;font-family: 'notokr-regular';}
.player-container .right-controls .clip-current-time {display:inline-block;margin-right:5px;font-family: 'notokr-bold'}
.player-container .right-controls .clip-duration {display:none;}
.player-container .right-controls .clip-time .clip-total-time{display:inline-block; padding-right: 2px;opacity: 0.8}
.player-container .right-controls .clip-controls-holder {float: right;/* margin-top: -1px; */}
.player-container .right-controls .clip-controls-holder .clip-controls {overflow:hidden;position:absolute;left:0;bottom:8px;z-index:15;}
.player-container .right-controls .clip-controls-holder .clip-controls button{display:block;overflow:hidden;text-indent:-9999px;border:none;cursor:pointer;}

.player-container .right-controls .clip-controls-holder .clip-toggles{position: relative;}
.player-container .right-controls .clip-controls-holder .clip-toggles button{display:inline-block;width:32px;height:26px;line-height:18px;margin-left:24px;border:0 none;cursor:pointer;text-align:center;vertical-align:top;}
.player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .btn-next-news{width:24px;height:26px;margin-left:28px;text-indent:-9999px;background:url(//image.imnews.imbc.com/page/player/images/pc_btn_next_off.png)}
.player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .btn-next-news.on{background:url(//image.imnews.imbc.com/page/player/images/pc_btn_next_on.png)}
.player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .clip-subtitle{text-indent:-9999px;background:url(//image.imnews.imbc.com/page/player/images/pc_btn_cc_off.png)}
.player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .clip-subtitle.on{background:url(//image.imnews.imbc.com/page/player/images/pc_btn_cc_on.png)}
.player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .clip-full-screen{text-indent:-9999px;background:url(//image.imnews.imbc.com/page/player/images/pc_btn_fullpage.png)}
.player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .clip-full-screen.on{background:url(//image.imnews.imbc.com/page/player/images/pc_btn_smallpage.png)}

.clip-state-full-screen .clip-list-box {position:absolute;top:50% !important;left:50% !important;margin:-170px 0 0 -340px !important;}

.no-player {position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#fff;z-index:9999999}
.no-player .icon-no {position:absolute;top:50%;left:50%;display:block;width:240px;padding:124px 0 0 0;margin:-50px 0 0 -100px;background:url(http://image.donga.com/donga/jplayer/skin/image/icon_no_player.png) no-repeat center 0 ;font-size:20px;color:#131315;text-align:center;}

/*하단 다음뉴스 팝업*/
.layer-nextnews{position:absolute;bottom:93px;right:0;width: 430px;height: 108px;overflow:hidden;background: rgba(0,0,0,.6);z-index: 30;}
.layer-nextnews .thumb{float: left;width: 44%;overflow: hidden;position: relative; cursor: pointer;}
.layer-nextnews .thumb img{width: 100%;}
.layer-nextnews .thumb:after{position:absolute;top:0;left:0;content: '';display: block;width: 100%;height: 100%;border: 1px solid rgba(0,0,0,.2);box-sizing: border-box;}
.layer-nextnews .wrap-title{float:left;width: 56%;box-sizing: border-box;padding: 15px;overflow: hidden;}
.layer-nextnews .tit{margin-bottom:11px;color: #8cc8ff;font-size: 14px;font-family: 'notokr-bold'}
.layer-nextnews .tit-news{height:50px;overflow:hidden;color: #fff;font-size: 18px;line-height: 25px;font-family: 'notokr-demilight'}
.layer-nextnews .btn-layer-close{position: absolute;right: 0;top: 0;width:28px;height: 28px;background: url(//image.imnews.imbc.com/page/player/images/pc_btn_close.png) no-repeat;text-indent: -9999px;overflow:hidden;}

/*광고 레이어*/
.clip-preview{width:100%;position:absolute;top:0;left:0;z-index:30;}
.clip-preview-msg{text-align:center;color: #fff;padding: 20px 0;font-family: 'notokr-regular';font-size: 20px}

.layer-ad {position:absolute;bottom:98px;right:3.5%;z-index:30;text-align: right;color: #fff;font-size: 20px;}
.layer-ad .show_ad{display:block;margin-bottom:4px;width:168px;height:46px;background:rgba(0,0,0,.5);color:#fff;line-height:46px;border:0 none;font-family: 'notokr-demilight';font-size: inherit;}
.layer-ad .skip_link {display:block;width:168px;height:46px;margin-bottom:0px;background:rgba(0,0,0,.5);border:0 none;color:#8cc8ff;font-family:'notokr-bold';font-size: inherit;letter-spacing: -.085em}
.layer-ad .skip_link .arr-2{margin-left:5px;display: inline-block;width:15px;height:20px;vertical-align: middle;background: url(//image.imnews.imbc.com/page/player/images/pc_arr_skip.png) left top no-repeat}
.layer-ad .count-s{display:block;width:168px;height:46px;line-height:46px;background:rgba(0,0,0,.5);border:0 none;font-family: 'notokr-demilight';text-align: center;}
.layer-ad .count-s strong{font-family:'notokr-bold'}
.layer-ad .count-s strong.blue{color:#8cc8ff;}
.layer-ad .ad-count{padding:0 1px;line-height:27px;height:27px;font-size: 14px;overflow:hidden;display: inline-block;}
.layer-ad .ad-count span{display: inline-block;padding: 0 1px}
.layer-ad .ad-count .ad-tit{font-family: 'notokr-regular'}
.layer-ad .ad-count .ad-current{text-align:center;color: #8cc8ff}
.layer-ad .ad-count .ad-number{text-align:center;color: #fff}


/*video::cue {*/
/*    opacity: 1;*/
/*    background-color: black;*/
/*    font-size: 20px !important;*/
/*}*/

/*
safari : -12%
chrome: -25%;
android : -25%
ios : -12%
ie : 위치조정안됨
firefox : 위치조정안됨

2019.10.30 현재
- IE, Firefox 만 항상 노출됨 >> hidden 대신 disable 로 해결
*/
video::-webkit-media-text-track-container {
    overflow: visible !important;
    transform: translateY(-14%) !important;
    display: none;
}
.android video::-webkit-media-text-track-container {
    transform: translateY(-25%) !important;
    -webkit-transform: translateY(-25%) !important;
}
.chrome video::-webkit-media-text-track-container {
    transform: translateY(-25%) !important;
    -webkit-transform: translateY(-25%) !important;
}
video.on::-webkit-media-text-track-container {
    display: block !important;
    position: relative;
}
video.full-on::-webkit-media-text-track-container {
    display: block;
    position: absolute;
}

/*pc일때만 자막, 전체 툴팁*/
.clip-seek-bar-hover {
    display: block;
    position: absolute;
    top: -34px;
    margin-left:-9px;
    color: #dcdcdc;
    background: rgba(0, 0, 0, .7);
    line-height: 27px;
    width: 36px;
    text-indent: 0;
    border-radius: 2px;
    font-family: 'notokr-medium', 'Nanum Gothic', '나눔 고딕', dotum, '돋움';
    font-size: 12px;
    text-align: center;
    z-index: 31;
}

/*pc인 경우*/
@media all and (min-width :770px) {
    /*pc일때만 볼륨 바 노출*/
    .screen-gui .volume-bar{position:absolute;left:-115px;margin-top: 3px;-webkit-transition:all ease 0.2s; -moz-transition:all ease 0.2s; -ms-transition:all ease 0.2s; -o-transition:all ease 0.2s; transition:all ease 0.2s}
    .screen-gui .clip-interface .left-controls:hover .wrap-volume-bar{width: 115px}
    .screen-gui .clip-interface .left-controls:hover .volume-bar{width: 115px;left:0;}
    .screen-gui .volume-bar-value{float:left;width: 4px;margin-right:4px;cursor: pointer;}
    .screen-gui .volume-bar-before{height: 20px;background: #4664e6}
    .screen-gui .volume-bar-after{height: 20px;background: rgba(255,255,255,.5)}
    .screen-gui .volume-bar-selected{background: #fff;height:26px;margin-top: -6px}
    .screen-gui .volume-bar-num{display:inline-block;margin-left:4px;color: #fff;font-size: 16px;}

    /*.screen-gui .clip-interface .clip-controls-holder .clip-toggles .clip-subtitle:hover:after{display:block;content: '자막';position: absolute;top: -34px;color: #fff;background: rgba(0,0,0,.7);line-height: 27px;width: 40px;margin-left:-4px;text-indent:0;}*/
    /*.screen-gui .clip-interface .clip-controls-holder .clip-toggles .clip-full-screen:hover:after{display:block;content: '전체';position: absolute;top: -34px;color: #fff;background: rgba(0,0,0,.7);line-height: 27px;width: 40px;margin-left:-4px;text-indent:0;}*/
}

/*플로팅*/
/*지오블락, 오류 메시지*/
    .floating .player-notice{position: absolute;width:100%;height:100%;top:0;left:0;text-align: center;background: url(//image.imnews.imbc.com/page/player/images/m_bg_noti.jpg);background-size:100%;z-index: 40}
    .floating .player-notice .error{position: absolute;width:100%;top: 50%;margin-top: -58px}
    .floating .player-notice span[class^=ico-]{display: inline-block;margin-bottom:5px}
    .floating .player-notice .ico-noti{width: 33px;height: 33px;background: url(//image.imnews.imbc.com/page/player/images/m_notice.png) no-repeat;background-size: 33px;}
    .floating .player-notice .noti-txt{color: #d7d7d7;font-size: 18px;font-family: 'notokr-demilight';line-height: 24px}
    .floating .player-notice .wrap-replay{margin-top:-35px;}
    .floating .player-notice .ico-replay{width: 33px;height: 36px;background: url(//image.imnews.imbc.com/page/player/images/m_replay_b.png) no-repeat;cursor: pointer;background-size: 33px}
    .floating .player-notice .wrap-replay .noti-txt{font-size: 14px}

    /*상단 재생 버튼*/
    .floating .play-controls .video-play{margin: -27px 0 0 -27px;}
    .floating .play-controls .video-play-icon{width: 54px;height: 54px;background: url(//image.imnews.imbc.com/page/player/images/t_btn_pause.png) no-repeat;background-size: 54px 54px;}
    .floating .play-controls .video-play-icon.on{width: 54px;height: 54px;background: url(//image.imnews.imbc.com/page/player/images/t_btn_play.png) no-repeat;background-size: 54px 54px;}
    .floating .play-controls .video-10s{margin-top: -27px;}
    .floating .play-controls .video-10s button{width: 54px;height: 54px;}
    .floating .play-controls .video-10s-prev{background: url(//image.imnews.imbc.com/page/player/images/t_10s_before.png);background-size: 54px;}
    .floating .play-controls .video-10s-next{background: url(//image.imnews.imbc.com/page/player/images/t_10s_later.png);background-size: 54px;}
    /*영상 종료 후 상단 다음뉴스재생 레이어*/
    .floating .end-noti{}
    .floating .end-noti .noti .tit-next{margin-bottom:14px;font-size: 14px}
    .floating .end-noti .noti .title-news{font-size: 20px;line-height: 26px;}
    .floating .end-noti .btn-replay{top:72%;left:50%;margin-left:-60px;width: 120px;height: 40px;font-size: 16px;}
    .floating .end-noti .btn-replay span{padding-left:22px;background: url(//image.imnews.imbc.com/page/player/images/t_replay.png) left center no-repeat;background-size: 17px}

    .floating .player-container .screen-gui{background: url(//image.imnews.imbc.com/page/player/images/t_bg_ad.png);background-size: 100% 100%}
    .floating .player-container .screen-gui .clip-interface{}
    .floating .wrap-progress{padding: 4px 0 9px 0;}
    .floating .wrap-progress .play-bar:after{width: 12px;height: 18px;top: -7px}
    /*좌측 volume controls*/
    .floating .screen-gui .clip-interface .wrap-controls{padding: 3px 0 13px;}
    .floating .player-container .right-controls .clip-controls-holder .clip-toggles button{width:21px;height:20px;margin-left: 12px;line-height:18px;}
    .floating .player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .btn-next-news{width:18px;height:20px;margin-left:14px;text-indent:-9999px;background:url(//image.imnews.imbc.com/page/player/images/m_btn_next_off.png) no-repeat;background-size: 18px}
    .floating .player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .btn-next-news.on{width:18px;height:20px;margin-left:14px;text-indent:-9999px;background:url(//image.imnews.imbc.com/page/player/images/m_btn_next_on.png) no-repeat;background-size: 18px}
    .floating .player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .clip-subtitle{height:18px;text-indent:-9999px;background:url(//image.imnews.imbc.com/page/player/images/m_btn_cc_off.png) no-repeat;background-size: 21px}
    .floating .player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .clip-subtitle.on{height:18px;text-indent:-9999px;background:url(//image.imnews.imbc.com/page/player/images/m_btn_cc_on.png) no-repeat;background-size: 21px}
    .floating .player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .clip-full-screen{height:18px;text-indent:-9999px;background:url(//image.imnews.imbc.com/page/player/images/m_btn_fullpage.png) no-repeat;background-size: 21px}
    .floating .player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .clip-full-screen.on{height:18px;background:url(//image.imnews.imbc.com/page/player/images/m_btn_smallpage.png) no-repeat;background-size: 21px}
    .floating .player-container .right-controls .clip-controls-holder{margin-top: 4px;}
    /*광고*/
    .floating .layer-ad{bottom: 60px}
    .floating .clip-preview-msg{padding:18px 0;font-size: 16px}
    .floating .layer-ad .ad-count{height:22px;font-size: 12px;}
    .floating .layer-ad .show_ad, .floating .layer-ad .count-s, .floating .layer-ad .skip_link{width: 120px;height: 36px;line-height: 36px; font-size: 14px;letter-spacing: -.085em}
    .floating .layer-ad .skip_link .arr-2{width:12px;height:16px;background: url(//image.imnews.imbc.com/page/player/images/m_arr_skip.png) left top no-repeat;background-size: 12px;}
    /*다음뉴스*/
    .floating .layer-nextnews{width: 360px;height: 74px;bottom: 74px}
    .floating .layer-nextnews .thumb{width: 130px;height: 74px}
    .floating .layer-nextnews .wrap-title{padding: 8px 12px}
    .floating .layer-nextnews .tit{font-size: 12px;margin-bottom: 2px}
    .floating .layer-nextnews .tit-news{height:37px;font-size: 14px;line-height: 19px;font-family: 'notokr-regular';}
    .floating .layer-nextnews .btn-layer-close{width:25px;height:25px;background: url(//image.imnews.imbc.com/page/player/images/m_btn_close.png) no-repeat;background-size: 25px}

    .floating .loader{width:40px;height:40px;margin:-25px 0 0 -20px;}
    .floating .loader .loading{width: 32px; height: 32px; background:url(//image.imnews.imbc.com/page/player/images/m_loading.png) no-repeat;background-size: 32px;    }
    .floating .loader .load-txt{margin-top :5px;font-size: 14px}

    .floating video::cue {
        opacity: 1;
        background-color: black;
        font-size: 14px !important;
    }

/*tablet or mobile 가로모드*/
@media all and (max-width :768px) {
    /*지오블락, 오류 메시지*/
    .player-notice{position: absolute;width:100%;height:100%;top:0;left:0;text-align: center;background: url(//image.imnews.imbc.com/page/player/images/m_bg_noti.jpg);background-size:100%;z-index: 40}
    .player-notice .error{position: absolute;width:100%;top: 50%;margin-top: -58px}
    .player-notice span[class^=ico-]{display: inline-block;margin-bottom:5px}
    .player-notice .ico-noti{width: 33px;height: 33px;background: url(//image.imnews.imbc.com/page/player/images/m_notice.png) no-repeat;background-size: 33px;}
    .player-notice .noti-txt{color: #d7d7d7;font-size: 18px;font-family: 'notokr-demilight';line-height: 24px}
    .player-notice .wrap-replay{margin-top:-35px;}
    .player-notice .ico-replay{width: 33px;height: 36px;background: url(//image.imnews.imbc.com/page/player/images/m_replay_b.png) no-repeat;cursor: pointer;background-size: 33px}
    .player-notice .wrap-replay .noti-txt{font-size: 14px}

    /*상단 재생 버튼*/
    .play-controls .video-play{margin: -32px 0 0 -32px}
    .play-controls .video-play-icon{width: 64px;height: 64px;background: url(//image.imnews.imbc.com/page/player/images/t_btn_pause.png) no-repeat;background-size: 64px 64px;}
    .play-controls .video-play-icon.on{width: 64px;height: 64px;background: url(//image.imnews.imbc.com/page/player/images/t_btn_play.png) no-repeat;background-size: 64px 64px;}
    .play-controls .video-10s{margin-top: -32px}
    .play-controls .video-10s button{width: 64px;height: 64px;}
    .play-controls .video-10s-prev{background: url(//image.imnews.imbc.com/page/player/images/t_10s_before.png);background-size: 64px}
    .play-controls .video-10s-next{background: url(//image.imnews.imbc.com/page/player/images/t_10s_later.png);background-size: 64px}
    /*영상 종료 후 상단 다음뉴스재생 레이어*/
    .end-noti{}
    .end-noti .noti .tit-next{margin-bottom:14px;font-size: 14px}
    .end-noti .noti .title-news{font-size: 20px;line-height: 26px;}
    .end-noti .btn-replay{top:72%;left:50%;margin-left:-60px;width: 120px;height: 40px;font-size: 16px;}
    .end-noti .btn-replay span{padding-left:22px;background: url(//image.imnews.imbc.com/page/player/images/t_replay.png) left center no-repeat;background-size: 17px}

    .player-container .screen-gui{background: url(//image.imnews.imbc.com/page/player/images/t_bg_ad.png);background-size: 100% 100%}
    .player-container .screen-gui .clip-interface{}
    .wrap-progress{padding: 14px 0}
    .wrap-progress .play-bar:after{width: 12px;height: 18px;top: -7px}
    /*좌측 volume controls*/
    .screen-gui .clip-interface .wrap-controls{padding: 0 0 9px;}
    .screen-gui .clip-interface .left-controls{height: 23px;}
    .screen-gui .clip-interface .left-controls button{display:block;float:left;width:21px;height: 24px;}
    .screen-gui .clip-interface .left-controls .ico-volume {background: url(//image.imnews.imbc.com/page/player/images/m_btn_volume.png) no-repeat center center;background-size: 21px;}
    .screen-gui .clip-interface .left-controls .ico-volume:hover{background: url(//image.imnews.imbc.com/page/player/images/m_btn_volume.png)  center center;background-size: 21px;}
    .screen-gui .clip-interface .left-controls .ico-volume.state-muted  {background: url(//image.imnews.imbc.com/page/player/images/m_btn_muted.png) no-repeat center center;background-size: 21px;}
    .screen-gui .clip-interface .left-controls .status-live{font-size: 14px;line-height: 1.2; margin-left: 2px; margin-top: 2px;}
    /*모바일 디바이스 볼륨 슬라이더 없음*/
    .screen-gui .volume-bar{display: none}

    .player-container .right-controls .clip-controls-holder .clip-toggles button{width: 27px;height:20px;margin-left: 12px;line-height:18px;}
    .player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .btn-next-news{width: 20px;height: 24px;margin-left:14px;text-indent:-9999px;background: url(//image.imnews.imbc.com/page/player/images/m_btn_next_off.png) center center no-repeat;background-size: 18px;}
    .player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .btn-next-news.on{width: 20px;height: 24px;margin-left:14px;text-indent:-9999px;background: url(//image.imnews.imbc.com/page/player/images/m_btn_next_on.png) no-repeat center center;background-size: 18px;}
    .player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .clip-subtitle{height: 24px;text-indent:-9999px;background: url(//image.imnews.imbc.com/page/player/images/m_btn_cc_off.png) center center no-repeat;background-size: 21px;}
    .player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .clip-subtitle.on{height: 24px;text-indent:-9999px;background: url(//image.imnews.imbc.com/page/player/images/m_btn_cc_on.png) no-repeat center center;background-size: 21px;}
    .player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .clip-full-screen{height: 24px;text-indent:-9999px;background: url(//image.imnews.imbc.com/page/player/images/m_btn_fullpage.png) center center no-repeat;background-size: 21px;}
    .player-container .screen-gui .clip-interface .clip-controls-holder .clip-toggles .clip-full-screen.on{height: 24px;background: url(//image.imnews.imbc.com/page/player/images/m_btn_smallpage.png) center center no-repeat;background-size: 21px;}

    .player-container .right-controls .clip-time{font-size: 12px;margin-top: 7px;}
    .player-container .right-controls .clip-current-time{font-family: 'notokr-regular'}
    .player-container .right-controls .clip-controls-holder .clip-toggles button{margin-left: 11px;}
    /*광고*/
    .layer-ad{bottom: 60px}
    .clip-preview-msg{padding:18px 0;font-size: 16px}
    .layer-ad .ad-count{height:22px;font-size: 12px;}
    .layer-ad .show_ad, .layer-ad .count-s, .layer-ad .skip_link{width: 120px;height: 36px;line-height: 36px; font-size: 14px;letter-spacing: -.085em}
    .layer-ad .skip_link .arr-2{width:12px;height:16px;background: url(//image.imnews.imbc.com/page/player/images/m_arr_skip.png) left top no-repeat;background-size: 12px;}
    /*다음뉴스*/
    .layer-nextnews{width: 360px;height: 74px;bottom: 74px}
    .layer-nextnews .thumb{width: 130px;height: 74px}
    .layer-nextnews .wrap-title{padding: 8px 12px}
    .layer-nextnews .tit{font-size: 12px;margin-bottom: 2px}
    .layer-nextnews .tit-news{height:37px;font-size: 14px;line-height: 19px;font-family: 'notokr-regular';}
    .layer-nextnews .btn-layer-close{width:25px;height:25px;background: url(//image.imnews.imbc.com/page/player/images/m_btn_close.png) no-repeat;background-size: 25px}

    .loader{width:44px;height:40px;margin:-25px 0 0 -20px;}
    .loader .loading{width: 32px; height: 32px; background:url(//image.imnews.imbc.com/page/player/images/m_loading.png) no-repeat;background-size: 32px;    }
    .loader .load-txt{margin-top :5px;font-size: 14px}

    /*video::cue {*/
    /*    opacity: 1;*/
    /*    background-color: black;*/
    /*    font-size: 14px !important;*/
    /*}*/
}

/*mobile 세로*/
@media all and (max-width :639px) {
    /*상단버튼*/
    .play-controls .video-play{margin: -22px 0 0 -22px}
    .play-controls .video-play-icon{width: 44px;height: 44px;background: url(//image.imnews.imbc.com/page/player/images/m_btn_pause.png) no-repeat;background-size: 44px 44px;}
    .play-controls .video-play-icon.on{width: 44px;height: 44px;background: url(//image.imnews.imbc.com/page/player/images/m_btn_play.png) no-repeat;background-size: 44px 44px; }
    .play-controls .video-10s{margin-top: -22px}
    .play-controls .video-10s button{width: 44px;height: 44px;}
    .play-controls .video-10s-prev{background: url(//image.imnews.imbc.com/page/player/images/m_10s_before.png);background-size: 44px}
    .play-controls .video-10s-next{background: url(//image.imnews.imbc.com/page/player/images/m_10s_later.png);background-size: 44px}

    /*영상 종료 후 상단 다음뉴스재생 레이어*/
    .end-noti .noti{bottom: 67%}
    .end-noti.full .noti{bottom: 55%}
    .end-noti .noti .tit-next{margin-bottom:5px;font-size: 12px}
    .end-noti .noti .title-news{font-size: 18px}
    .end-noti .btn-replay{top:70%;left:50%;margin-left:-50px;width: 100px;height: 32px;font-size: 14px;}
    .end-noti.full .btn-replay{top:56%;}
    .end-noti .btn-replay span{padding-left:17px;background: url(//image.imnews.imbc.com/page/player/images/t_replay.png) left center no-repeat;background-size: 13px}

    .player-container .screen-gui{background: url(//image.imnews.imbc.com/page/player/images/m_bg_ad.png); background-size: 100% 100%}
    .wrap-progress{padding: 8px 0;}
    /*광고*/
    .layer-ad{bottom: 48px}
    .clip-preview-msg{padding:12px 0;font-size: 14px}
    .layer-ad .ad-count{height:20px;font-size: 12px;}
    .layer-ad .show_ad, .layer-ad .count-s, .layer-ad .skip_link{width: 105px;height: 32px;line-height: 32px; font-size: 14px;letter-spacing: -.085em}
    .layer-ad .skip_link .arr-2{height:14px;background: url(//image.imnews.imbc.com/page/player/images/m_arr_skip.png) left top no-repeat;background-size: 10px;}
    /*하단 다음뉴스 팝업*/
    .layer-nextnews{width: 93%; bottom: 54px}

    /*video::cue {*/
    /*    opacity: 1;*/
    /*    background-color: black;*/
    /*    font-size: 14px !important;*/
    /*}*/
}

/*mobile iphone5*/
@media all and (max-width :320px) {
    .wrap-progress{padding: 8px 0}
    .clip-preview-msg{font-size: 13px}
    .layer-ad .show_ad, .layer-ad .count-s, .layer-ad .skip_link{width:98px;height:28px;line-height:28px;font-size: 12px}
    .end-noti .noti .tit-next{margin-bottom: 0;}

    /*video::cue {*/
    /*    opacity: 1;*/
    /*    background-color: black;*/
    /*    font-size: 12px !important;*/
    /*}*/
}
/* for Flash */
.flash .clip-player {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-family: 'notokr-demilight';
    letter-spacing: -.075em;
}
.player-container.flash {
    position: relative;
}
.player-container.flash.onair {
    /* onair인 경우만 >>> */
    padding-bottom: 0px;
}
.player-container.flash-install {
    position: relative;
    background: #f4f6f7;
}

/* Flash 설치안내 */
.flash-install{position: absolute;width:100%;height:100%;top:0;left:0;text-align: center;background: #f4f6f7;background-size:100%;z-index: 100}
.flash-install .error{position: absolute;width:100%;top: 50%;margin-top: -82px}
.flash-install span[class^=ico-]{display: inline-block;margin-bottom:12px}
.flash-install .ico-noti{width: 50px;height: 50px;background: url(./pc_notice_flash.png) no-repeat;}
.flash-install .noti-txt{color: #555758;font-size: 28px;font-family: 'notokr-demilight';line-height: 36px;letter-spacing: -.02em}
.flash-install .noti-txt span{display: inline-block;font-family: 'notokr-bold';}
.flash-install .btn-getflash{position:absolute;top:60%;left:50%;margin-left:-161px;width: 322px;height: 96px;color: #fff;font-size: 20px;background: rgba(255,255,255,.3) }