@charset "utf-8";

/* 생방송플레이어 */
html, body { width:100%; height:100%; }

/* 레이아웃 */
#player_onair { position:relative; width:100%; height:100%; background:#243083; }

	#player_top { position:absolute; top:10px; left:10px; right:10px; width:calc(100% - 20px); height:60px; background:url(/images/broadcast/player_titlebar.jpg) repeat-x 50% top; }
	#player_body { position:absolute; top:80px; left:10px; right:10px; bottom:10px; width:calc(100% - 40px); height:calc(100% - 105px); padding:10px; background:#fff; margin:0 auto; }


/* 상단 */
#player_top h1 { float:left; padding:15px 0 0 10px; }
#player_top h3 { float:left; padding:20px 0 0 10px; font-size:110%; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; color:#fff; }
#player_top .sidemenu { position:absolute; right:10px; top:13px; }
#player_top .sidemenu ul { overflow:hidden; }
#player_top .sidemenu ul li { float:left; margin-left:5px; }



/* 영상영역 */
.player_player { float:left; /*width:854px; height:480px;*/ width:calc(100% - 332px); height:calc(100% - 106px); padding:7px; border:1px solid #ddd;  box-sizing:border-box; margin-right:10px; }
.player_player .inbox { width:100%; height:100%; background:#f9f9f9; }
.player_player .inbox .video-container { width:100%; height:100%; }
.player_player .inbox .video-container .video-js { width:100%; height:100%; }

.player_player .inbox #xmcaster { width:100%; height:100%;}
.player_player .inbox #xmcaster .vjs-poster { background-repeat:no-repeat; background:none !important;}



/* 회의진행순서 */
.sequenceMeetings { position:absolute; right:10px; top:10px; bottom:165px; width:322px; }
.sequenceMeetings h3 { height:27px; padding:2px 0 0 22px; box-sizing:border-box; background:url(/images/player2/stitle_blt.gif) no-repeat 5px 7px; font-weight:bold; font-size:90%; color:#333; }
.sequenceMeetings .linebox { width:calc(100% - 22px); height:100%; /*height:209px;*/ padding:10px; border:1px solid #ddd; }
.sequenceMeetings .linebox .inbox { width:calc(100% - 5px); height:100%; padding-right:5px; overflow:auto; }
.sequenceMeetings .linebox .inbox ul { width:100%; overflow:hidden; }
.sequenceMeetings .linebox .inbox ul li { padding:3px 0 2px 0; border-bottom:1px dashed #ddd; font:75% gulim; line-height:130%; overflow:hidden; }

.sequenceMeetings .linebox .inbox ul li a:link,
.sequenceMeetings .linebox .inbox ul li a:visited { color:#666; }
.sequenceMeetings .linebox .inbox ul li a:active,
.sequenceMeetings .linebox .inbox ul li a:focus,
.sequenceMeetings .linebox .inbox ul li a:hover { color:#155ad8; }

.sequenceMeetings .linebox .inbox ul li .icon { float:left; width:61px; }
.sequenceMeetings .linebox .inbox ul li .subject { float:left; width:calc(100% - 121px); }
.sequenceMeetings .linebox .inbox ul li .time { float:right; width:60px; padding-right:5px; text-align:right; box-sizing:border-box;  color:#999; }

.sequenceMeetings .linebox .inbox ul li a.bold{font-weight:bold; color:#155ad8;}




/* 배너 */
.viewerBanner { position:absolute; left:10px; right:10px; bottom:10px; width:calc(100% - 22px); height:94px; line-height:94px; border:1px solid #ddd; background:#fafafa url(/images/council/main/mIcon10.png) no-repeat 97% 5px; background-size:contain; }
.viewerBanner p { color:#364078; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:150%; margin-left:30px; }
.viewerBanner p span.bnc { color:#ee6364; }
.viewerBanner p span.bns { font-size:120%; }



/* sns 공유 */
.sourceSharing { position:absolute; right:10px; bottom:112px; }
.sourceSharing ul { width:100%; overflow:hidden; }
.sourceSharing ul li { float:left; margin-left:5px; }



@media (max-width:989px){
	/* 레이아웃 */
	#player_type1 { width:100%; height:100%; background:#243083; }
		
		#player_top { position:absolute; top:10px; left:10px; right:10px; width:calc(100% - 20px); height:90px; background:url(/images/player2/titlebar.jpg) 50% top;  }
		#player_body { position:absolute; top:110px; left:10px; right:10px; bottom:10px; width:calc(100% - 40px); height:calc(100% - 140px); padding:10px; background:#fff; overflow:auto; margin:0 auto;   }
		
	/* 상단 */
	#player_top h1 { float:none; padding:11px 0 0px 10px; }
	#player_top h3 { float:none; width:calc(100% - 20px); height:33px; line-height:33px; padding:0; border-top:1px solid #444; font-size:100%; text-align:center; display:block; margin:0 auto; }
	#player_top .sidemenu ul li:first-child { display:none; }
	
	/* 영상영역 */
	.player_player { float:none; width:100%; height:calc(100% * 0.56); /*height:356px;*/ padding:7px; border:1px solid #ddd; box-sizing:border-box; margin-right:0px; margin-bottom:10px; }
	
		
	/* 회의진행순서 */
	.sequenceMeetings { position:static; width:100%; margin-bottom:10px; }
	.sequenceMeetings .linebox { height:209px !important; }
		
	
	/* sns 공유 */
	.sourceSharing { position:static; float:right; right:10px; bottom:301px; }
	
	/* 배너 */
	.viewerBanner { position:static; width:calc(100% - 2px); }

}


@media (max-width:620px){
	#player_top h1 img { width:240px; }
	

	/* 배너 */
	.viewerBanner { display:none; }
}