@charset "utf-8";

/* 플레이어 타입1 */
html, body { width:100%; height:100%; }

/*#player_type1 { width:990px;; height:665px; background:#57a80a; }*/
#player_type1 { position:relative; width:100%; height:100%; background:#0f1961; }


/*#player_top { position:relative; width:100%; height:36px; }*/
/*#player_body { position:relative; width:calc(100% - 30px); height:calc(100% - 61px); padding:10px; background:#fff; margin:0 auto; }*/ /* top높이 + padding-bottom:5px */

#player_top { position:absolute; top:0; left:0; right:0; width:100%; height:36px; }
#player_body { position:absolute; top:36px; left:0; right:0; bottom:0; width:calc(100% - 30px); height:calc(100% - 61px); padding:10px; background:#fff; margin:0 auto; }


/* 상단 */
#player_top h1 { padding:4px 0 0 10px; }
#player_top .sidemenu { position:absolute; right:5px; top:5px; }
#player_top .sidemenu ul { overflow:hidden; }
#player_top .sidemenu ul li { float:left; margin-left:5px; }



/* 영상영역 */
.player_player { float:left; /*width:578px; height:356px;*/ width:calc(100% - 570px); height:calc(100% - 300px); padding:7px; border:1px solid #ddd;  box-sizing:border-box; margin-right:10px; }
.player_player .inbox { width:100%; height:100%; /*height:340px;*/ background:#f9f9f9; }


/* 영상제목 */
.vodsubject { float:left; width:550px; height:42px; padding:1px 10px 0 10px; border-bottom:2px solid #7d8fdb; font-size:100%; color:#000; line-height:120%; vertical-align:middle; box-sizing:border-box; margin-bottom:6px; }

/* 재생속도 */
.vodspeed { position:absolute; left:calc(50% - 420px); bottom:235px; width:300px; z-index:100; }
.vodspeed ul li { float:left; margin-right:5px; }
.vodspeed ul li:last-child { margin-right:0; }
.vodspeed ul li button { border:0; border-radius:3px; height:25px; line-height:25px; padding:0 5px; box-sizing:border-box; font-size:90%; color:#fff; background:#888; }
.vodspeed ul li button.select { background:#4568af; font-weight:bold; }

.vodspeed ul li:first-child button,
.vodspeed ul li:last-child button { background:#555; }

/* 발언자정보 */
.uttererInfo { float:left; width:550px; height:95px; }
.uttererInfo h3 { padding-left:22px; background:url(/images/broadcast/player_stitle_blt.gif) no-repeat 5px 5px; font-weight:bold; font-size:90%; color:#333; margin-bottom:5px; }
.uttererInfo dl { width:100%; }
.uttererInfo dl dt { float:left; width:69px; height:63px; padding:0 10px; box-sizing:border-box; }
.uttererInfo dl dd { margin-left:69px; width:calc(100% - 83px); height:17px; padding:3px 0 0 14px; border-bottom:1px dashed #eee; background:url(/images/broadcast/player_blt_list.gif) no-repeat 5px 8px; font:70% dotum; }
.uttererInfo dl dd span { color:#333;}



/* 회의진행순서 */
/*.sequenceMeetings { float:left; width:372px; border-top:1px solid  red; border-bottom:1px solid red }*/
.sequenceMeetings { position:absolute; right:10px; top:220px; bottom:285px; width:550px; }
.sequenceMeetings h3 { padding-left:22px; background:url(/images/broadcast/player_stitle_blt.gif) no-repeat 5px 5px; font-weight:bold; font-size:90%; color:#333; margin-bottom:5px; }
.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;}

/* 회의록보기 */
.minuteview { position:absolute; bottom:10px; width:calc(100% - 20px); }
.minuteview h3 { padding-left:22px; background:url(/images/broadcast/player_stitle_blt.gif) no-repeat 5px 5px; font-weight:bold; font-size:90%; color:#333; margin-bottom:5px; }
.minuteview .linebox { width:100%; height:218px; padding:15px 10px; border:1px solid #ddd; box-sizing:border-box; }
.minuteview .linebox .inbox { width:calc(100% - 5px); height:186px; padding-right:5px; overflow:auto; font:75% gulim; line-height:150%; }
.minuteview .linebox .inbox a { color:#b3b3b3; }
.minuteview .linebox .inbox strong { color:#048AAC; }
.minuteview .print { position:absolute; left:100px; top:1px; }


.minuteview .sourceSharing { position:absolute; right:570px; top:1px; height:22px; }
.minuteview .sourceSharing ul { overflow:hidden; }
.minuteview .sourceSharing ul li { float:left; height:22px; font:bold 75% gulim; vertical-align:middle; margin-left:5px; }
.minuteview .sourceSharing ul li.li1 { position:relative; top:4px; padding-right:11px; background:url(/images/broadcast/player_sourceSharing_line.gif) no-repeat right 1px; }
.minuteview .sourceSharing ul li.li2 { position:relative; top:4px; padding:0 7px 0 5px; color:#999; }

.minuteview .sourceSharing ul li a:link,
.minuteview .sourceSharing ul li a:visited { color:#333; }
.minuteview .sourceSharing ul li a:active,
.minuteview .sourceSharing ul li a:focus,
.minuteview .sourceSharing ul li a:hover { color:#1757b7; }



/* 소스복사 */
#sourcecopy { position:relative; /*width:380px;*/ width:100%; height:248px; background:#f9f9f9; border-top:2px solid #4e8f00; overflow:hidden; } /* 창크기 380 * 223 */
#sourcecopy h1 { width:100%; height:65px; padding:15px 0 0 15px; box-sizing:border-box; }
#sourcecopy .soucecopy_body { width:100%; height:108px; padding:0 15px; box-sizing:border-box; margin-bottom:20px; }
#sourcecopy .soucecopy_body .sourcetxt { width:100%; height:108px; padding:10px; border:1px solid #ccc; line-height:1.5; overflow:auto; box-sizing:border-box; }
#sourcecopy .btn { width:122px; margin:0 auto; }
#sourcecopy .btn .abtn_btn { width:120px; height:30px; line-height:30px; border:solid 1px #333; border-radius:3px; color:#f7f7f7; background:#646464; font-weight:bold; font-size:90%; text-align:center; display:block; }


@media (max-width:1280px){
	.player_notice p { font-size:95% !important; }

	/* 영상영역 */
	.player_player { height:calc(100% - 330px); }

	/* 재생속도 */
	.vodspeed { bottom:265px; }

}


@media (max-width:989px){
	/* 레이아웃 */
	#player_type1 { width:100%; height:100%; background:#243083; }
		
	#player_top { position:absolute; left:0; top:0; right:0; width:100%; height:36px; }
	#player_body { position:absolute; left:0; top:36px; right:0; bottom:0; width:calc(100% - 30px); height:calc(100% - 61px); padding:10px; background:#fff; margin:0 auto; overflow:auto; }
		
	
	/* 영상영역 */
	.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:20px; }
	
	/* 영상제목 */
	.vodsubject { float:none; width:100%; height:auto; padding:0 210px 10px 15px; border-bottom:2px solid #06c; font-size:120%; color:#000; line-height:120%; vertical-align:middle; box-sizing:border-box; margin-bottom:30px; }

	/* 재생속도 */
	.vodspeed { position:initial; float:right; }
	
	
	/* 발언자정보 */
	.uttererInfo { float:left; width:calc(50% - 30px); margin-bottom:0; margin-right:30px; }
	.uttererInfo h3 { padding-left:22px; background:url(/images/broadcast/player_stitle_blt.gif) no-repeat 5px 6px; font-size:110%; margin-bottom:10px; }

	.uttererInfo dl dd { padding:5px 0 2px 14px; background:url(/images/broadcast/player_blt_list.gif) no-repeat 5px 9px; font:75% gulim; }
	
	
	
	/* 회의진행순서 */
	.sequenceMeetings { position:static; float:left; width:50%; }
	.sequenceMeetings h3 { background:url(/images/broadcast/player_stitle_blt.gif) no-repeat 5px 6px; font-size:110%; margin-bottom:10px; }
	.sequenceMeetings .linebox { height:209px !important; }

	
	
	/* 회의록보기 */
	.minuteview { position:relative; top:0; width:100%; clear:both; margin-top:5px; }
	.minuteview h3 { background:url(/images/broadcast/player_stitle_blt.gif) no-repeat 5px 6px; font-size:110%; margin-bottom:10px; }
	.minuteview .print { position:absolute; left:120px; top:4px; }
	.minuteview .sourceSharing { position:absolute; right:10px; top:4px; height:22px; }

}


@media (max-width:620px){
	#player_top h1 { padding:4px 0 0 5px; }
	.sidemenu ul li.start { display:none; }
	
	/* 발언자정보 */
	.uttererInfo { float:none; width:100%; margin-bottom:30px; margin-right:0px; }

	/* 재생속도 */
	.vodspeed { position:initial; float:none; width:100%; overflow:hidden; display:block; margin-bottom:20px; }
	
	/* 영상제목 */
	.vodsubject { padding:0 10px 10px 10px; margin-bottom:30px; }
	
		
	/* 회의진행순서 */
	.sequenceMeetings { float:none; width:100%; height:auto; margin-bottom:30px; }
	
		
	/* 회의록보기 */
	.minuteview { position:relative; top:0; width:100%; clear:both; }
	.minuteview h3 { background:url(/images/broadcast/player_stitle_blt.gif) no-repeat 5px 6px; font-size:110%; margin-bottom:10px; }
	.minuteview .print { position:static; left:0; top:0px; float:left; padding-left:5px; }
	.minuteview .sourceSharing { float:right; position:static; right:0; top:0; height:22px; padding-right:5px; }
	.minuteview .linebox { margin-top:6px; }
	
}




/* 홍보영상 플레이어 - 와이드 */
/* 홍보영상 플레이어 - 와이드 */
/* 홍보영상 플레이어 - 와이드 */

#player_publicity2 {  position:relative; width:100%; height:100%; background:#0f1961; }

#player_publicity2 #player_top { position:absolute; top:0; left:0; right:0; width:100%; height:36px; }
#player_publicity2 #player_body { position:absolute; top:36px; left:0; right:0; bottom:0; width:calc(100% - 30px); height:calc(100% - 61px); padding:10px; background:#fff; margin:0 auto; }

/* 상단 */
#player_publicity2 #player_top h1 { padding:4px 0 0 10px; }
#player_publicity2 #player_top .sidemenu { position:absolute; right:5px; top:5px; }
#player_publicity2 #player_top .sidemenu ul { overflow:hidden; }
#player_publicity2 #player_top .sidemenu ul li { float:left; margin-left:5px; }


/* 영상영역 */
#player_publicity2 #player_body #player {float:left; /*width:578px; height:356px;*/ width:calc(100% - 382px); height:calc(100% - 140px); padding:7px; border:1px solid #ddd;  box-sizing:border-box; margin-right:10px;  }
#player_publicity2 #player_body #player .playerbox {  width:100%; height:100%; /*height:340px;*/ background:#f0f0f0;  }

/* 영상제목 */
#player_publicity2 #player_body .vodsubject { float:left; width:372px; height:42px; padding:1px 10px 0 10px; border-bottom:2px solid #7d8fdb; font-size:100%; color:#000; line-height:120%; vertical-align:middle; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:no-wrap; display:block; margin-bottom:6px; }


/* 내용 */
#player_publicity2 #player_body #orderlist  { position:absolute; right:10px; top:110px; bottom:142px; width:372px; }
#player_publicity2 #player_body #orderlist  h3 { padding-left:22px; background:url(/images/broadcast/player_stitle_blt.gif) no-repeat 5px 5px; font-weight:bold; font-size:90%; color:#333; margin-bottom:5px; }
#player_publicity2 #player_body #orderlist  .orderbox_box { position:absolute; left:0; right:0; top:30px; bottom:0; width:calc(100% - 22px); height:calc(100% - 52px); padding:10px; border:1px solid #ddd; }
#player_publicity2 #player_body #orderlist  .orderbox_box #order_content { width:calc(100% - 5px); height:100%; padding-right:5px; overflow:auto; }
#player_publicity2 #player_body #orderlist  .orderbox_box #order_content ul { width:100%; overflow:hidden; }
#player_publicity2 #player_body #orderlist  .orderbox_box #order_content ul li { padding:3px 0 2px 0; border-bottom:1px dashed #ddd; font:75% gulim; line-height:130%; overflow:hidden; }

#player_publicity2 #player_body #orderlist  .orderbox_box #order_content ul li a:link,
#player_publicity2 #player_body #orderlist  .orderbox_box #order_content ul li a:visited { color:#666; }
#player_publicity2 #player_body #orderlist  .orderbox_box #order_content ul li a:active,
#player_publicity2 #player_body #orderlist  .orderbox_box #order_content ul li a:focus,
#player_publicity2 #player_body #orderlist  .orderbox_box #order_content ul li a:hover { color:#155ad8; }

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

#player_publicity2 #player_body #orderlist  .orderbox_box #order_content ul li a.bold{font-weight:bold; color:#155ad8;}

/* sns */
#player_publicity2 #player_body .sns { position:absolute; right:10px; bottom:119px; width:372px; height:16px; display:block; z-index:100000; }
#player_publicity2 #player_body .sns ul { list-style:none; margin:0; padding:0; }
#player_publicity2 #player_body .sns li { float:left; margin:0 0 0 5px; display:inline; padding:0; }
#player_publicity2 #player_body .sns li.snstitle { font-weight:bold; font-size:90%;  margin-right:10px;}
#player_publicity2 #player_body .sns li a { width:16px; height:16px; line-height:16px; display:inline-block;  }

/* 배너 */
#player_publicity2 #banner { position:absolute; width:calc(100% - 20px); height:96px; border:1px solid #ccc; box-sizing:border-box; left:10px; right:10px; bottom:10px; }
#player_publicity2 #banner .bannerbox { width:100%; height:94px; background:url(/images/broadcast/player_banner_bg.jpg) no-repeat right top; }
#player_publicity2 #banner .bannerbox .bannertxt1 { position:absolute; left:20px; top:28px;} 
#player_publicity2 #banner .bannerbox .bannertxt2 { position:absolute; right:27px; top:22px;}