@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_type1 #player_top { position:absolute; top:0; left:0; right:0; width:100%; height:36px; }
#player_type1 #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_type1 #player_top h1 { padding:4px 0 0 10px; }
#player_type1 #player_top .sidemenu { position:absolute; right:5px; top:5px; }
#player_type1 #player_top .sidemenu ul { overflow:hidden; }
#player_type1 #player_top .sidemenu ul li { float:left; margin-left:5px; }



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


/* 영상제목 */
#player_type1 .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; margin-bottom:6px; }




/* Mobile SNS공유 */
.snsBtn2 { display:none;  }


@media (max-width:989px){
	.snsBtn2 { width:225px; height:45px; display:block; margin:0 auto 20px;  }
	.snsBtn2 ul { text-align:center; }
	.snsBtn2 ul li { float:left; width:45px; text-align:center; }
}



/* 발언자정보 */
#player_type1 .uttererInfo { float:left; width:372px; height:95px; }
#player_type1 .uttererInfo h3 { padding-left:22px; background:url(/caster/images/player2/stitle_blt.gif) no-repeat 5px 5px; font-weight:bold; font-size:90%; color:#333; margin-bottom:5px; }
#player_type1 .uttererInfo dl { width:100%; }
#player_type1 .uttererInfo dl dt { float:left; width:69px; height:63px; padding:0 10px; box-sizing:border-box; }
#player_type1 .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/player2/blt_list.gif) no-repeat 5px 8px; font:70% dotum; }
#player_type1 .uttererInfo dl dd span { color:#333;}



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

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

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

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

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


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

#player_type1 .minuteview .sourceSharing ul li a:link,
#player_type1 .minuteview .sourceSharing ul li a:visited { color:#333; }
#player_type1 .minuteview .sourceSharing ul li a:active,
#player_type1 .minuteview .sourceSharing ul li a:focus,
#player_type1 .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:989px){
	/* 레이아웃 */
	#player_type1 { width:100%; height:100%; background:#243083; }
		
	#player_type1 #player_top { position:absolute; left:0; top:0; right:0; width:100%; height:36px; }
	#player_type1 	#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_type1 .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; }
	
	/* 영상제목 */
	#player_type1 .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; }
	
	
	/* 발언자정보 */
	#player_type1 .uttererInfo { float:left; width:calc(50% - 30px); margin-bottom:0; margin-right:30px; }
	#player_type1 .uttererInfo h3 { padding-left:22px; font-size:110%; margin-bottom:10px; }

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

	
	
	/* 회의록보기 */
	#player_type1 .minuteview { position:relative; top:0; width:100%; clear:both; margin-top:5px; }
	#player_type1 .minuteview h3 { font-size:110%; margin-bottom:10px; }
	#player_type1 .minuteview .print { position:absolute; left:120px; top:4px; }
	
	
	#player_type1 .minuteview .sourceSharing { display:none;  }



}


@media (max-width:620px){
	#player_type1 #player_top h1 { padding:4px 0 0 5px; }
	#player_type1 .sidemenu ul li.start { display:none; }
	
	/* 발언자정보 */
	#player_type1 .uttererInfo { float:none; width:100%; margin-bottom:30px; margin-right:0px; }
	
	/* 영상제목 */
	#player_type1 .vodsubject { padding:0 10px 10px 10px; margin-bottom:30px; }
	
		
	/* 회의진행순서 */
	#player_type1 .sequenceMeetings { float:none; width:100%; height:auto; margin-bottom:30px; }
	
		
	/* 회의록보기 */
	#player_type1 .minuteview { position:relative; top:0; width:100%; clear:both; }
	#player_type1 .minuteview h3 { font-size:110%; margin-bottom:10px; }
	#player_type1 .minuteview .print { position:static; left:0; top:0px; float:left; padding-left:5px; }
	#player_type1 .minuteview .sourceSharing { display:none;  }
	#player_type1 .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% - 106px); 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:nowrap; display:block; margin-bottom:6px; }


/* 내용 */
#player_publicity2 #player_body #orderlist  { position:absolute; right:10px; top:60px; bottom:142px; width:372px; }
#player_publicity2 #player_body #orderlist  h3 { padding-left:22px; background:url(/caster/images/player2/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; }

/* sns */
.sourceSharingMobile { display:none; }
.sourceSharingPc { display:block; }
#player_publicity2 #player_body .sourceSharing { position:absolute; right:282px; bottom:121px; height:18px; display:block; z-index:100000; }
#player_publicity2 #player_body .sourceSharing ul { list-style:none; margin:0; padding:0; }
#player_publicity2 #player_body .sourceSharing li { float:left; margin:0 0 0 5px; display:inline; padding:0; }
#player_publicity2 #player_body .sourceSharing li.snstitle { font-weight:bold; font-size:90%;  margin-right:10px;}
#player_publicity2 #player_body .sourceSharing 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(/caster/images/player2/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; } 




@media (max-width:989px){
	/* 레이아웃 */
	#player_publicity2 { width:100%; height:100%; background:#0f1961;  }
		
	#player_publicity2 #player_top { position:absolute; left:0; top:0; right:0; width:100%; height:36px; }
	#player_publicity2 #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_publicity2 #player_body #player { float:none; position:absolute; left:10px; right:10px; top:10px; width:calc(100% - 20px); height:calc(100% - 398px); padding:7px; border:1px solid #ddd; box-sizing:border-box; margin-right:0px; margin-bottom:0px; }
	

	/* 영상제목 */
	#player_publicity2 #player_body .vodsubject { position:absolute; left:10px; right:10px; bottom:270px; width:calc(100% - 20px); height:35px; line-height:35px; padding:0 0 10px 5px; border-bottom:2px solid #06c; font-size:120%; color:#000; box-sizing:border-box; }
	

	/* 내용 */
	#player_publicity2 #player_body #orderlist  { position:absolute; width:calc(100% - 20px); height:250px; left:10px; right:10px; top:auto; bottom:10px; }

	/* sns */
	#player_publicity2 #player_body .sourceSharing { position:absolute; right:10px; bottom:243px;           display:none; }
	

	/* 배너 */
	#player_publicity2 #banner { display:none; }
}

@media (max-width:989px){
	.sourceSharingMobile { position:absolute; left:10px; right:10px; bottom:310px; width:calc(100% - 20px); height:55px; display:block; }
	.sourceSharingPc { display:none; }


}