@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% - 382px); height:calc(100% - 249px); 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: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; }
/* 발언자정보 */
.uttererInfo { float:left; width:372px; height:95px; }
.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; }
.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/player2/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:152px; bottom:285px; width:372px; }
.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; }
.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(/caster/images/player2/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:392px; 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/player2/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: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; }
/* 발언자정보 */
.uttererInfo { float:left; width:calc(50% - 30px); margin-bottom:0; margin-right:30px; }
.uttererInfo h3 { padding-left:22px; background:url(/images/player2/stitle_blt.gif) no-repeat 5px 6px; font-size:110%; margin-bottom:10px; }
.uttererInfo dl dd { padding:5px 0 2px 14px; background:url(/images/player2/blt_list.gif) no-repeat 5px 9px; font:75% gulim; }
/* 회의진행순서 */
.sequenceMeetings { position:static; float:left; width:50%; }
.sequenceMeetings h3 { background:url(/images/player2/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/player2/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; }
/* 영상제목 */
.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/player2/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% - 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:no-wrap; 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% - 26px); 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(/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;}
/* 관리자 생방송 플레이어*/
/* 레이아웃 */
#player_onair,
#player_onair2 { position:relative; width:1242px; height:712px; background:#0f1961; }
#player_onair2 #player_top { position:absolute; top:10px; left:10px; right:10px; width:calc(100% - 20px); height:60px; background:url(/caster/images/player2/titlebar.jpg) repeat-x 50% top; }
#player_onair2 #player_body { position:absolute; top:80px; left:10px; right:10px; bottom:10px; width:calc(100% - 40px); height:calc(100% - 110px); padding:10px; background:#fff; margin:0 auto; }
/* 상단 */
#player_onair2 #player_top h1 { float:left; padding:11px 0 0 10px; }
#player_onair2 #player_top h3 { float:left; padding:16px 0 0 10px; font-size:110%; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px; color:#fff; }
#player_onair2 #player_top .sidemenu { position:absolute; right:10px; top:13px; }
#player_onair2 #player_top .sidemenu ul { overflow:hidden; }
#player_onair2 #player_top .sidemenu ul li { float:left; margin-left:5px; }
/* 영상영역 */
#player_onair2 .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_onair2 .player_player .inbox { width:100%; height:100%; /*height:340px;*/ background:#e8ded1; }
#player_onair2 #player { width:100%; height:100%; display:block; }
#player_onair2 .playerbox {width:100%; height:100%; display:block; }
/* 회의진행순서 */
#player_onair2 .sequenceMeetings { position:absolute; right:10px; top:10px; bottom:170px; width:322px; }
#player_onair2 .sequenceMeetings h3 { height:27px; padding:2px 0 0 22px; box-sizing:border-box; background:url(/caster/images/player2/stitle_blt.gif) no-repeat 5px 7px; font-weight:bold; font-size:90%; color:#333; }
#player_onair2 .sequenceMeetings .linebox { width:calc(100% - 22px); height:100%; /*height:209px;*/ padding:10px; border:1px solid #ddd; }
#player_onair2 .sequenceMeetings .linebox .inbox { width:calc(100% - 5px); height:100%; padding-right:5px; overflow:auto; }
#player_onair2 .sequenceMeetings .linebox .inbox ul { width:100%; overflow:hidden; }
#player_onair2 .sequenceMeetings .linebox .inbox ul li { padding:3px 0 2px 0; border-bottom:1px dashed #ddd; font:75% gulim; line-height:130%; overflow:hidden; }
#player_onair2 .sequenceMeetings .linebox .inbox ul li a:link,
#player_onair2 .sequenceMeetings .linebox .inbox ul li a:visited { color:#666; }
#player_onair2 .sequenceMeetings .linebox .inbox ul li a:active,
#player_onair2 .sequenceMeetings .linebox .inbox ul li a:focus,
#player_onair2 .sequenceMeetings .linebox .inbox ul li a:hover { color:#155ad8; }
#player_onair2 .sequenceMeetings .linebox .inbox ul li .icon { float:left; width:61px; }
#player_onair2 .sequenceMeetings .linebox .inbox ul li .subject { float:left; width:calc(100% - 121px); }
#player_onair2 .sequenceMeetings .linebox .inbox ul li .time { float:right; width:60px; padding-right:5px; text-align:right; box-sizing:border-box; color:#999; }
#player_onair2 .sequenceMeetings .linebox .inbox ul li a.bold{font-weight:bold; color:#155ad8;}
/* 배너 */
#player_onair2 .viewerBanner { position:absolute; left:10px; right:10px; bottom:10px; width:calc(100% - 22px); height:94px; border:1px solid #ddd; background:url(/caster/images/player2/banner_bg2.jpg) no-repeat right top; }
#player_onair2 .viewerBanner p { margin:27px 0 0 20px; }
/* sns 공유 */
#player_onair2 .sourceSharing { position:absolute; right:10px; bottom:112px; }
#player_onair2 .sourceSharing ul { width:100%; overflow:hidden; }
#player_onair2 .sourceSharing ul li { float:left; margin-left:5px; }
@media (max-width:989px){
/* 레이아웃 */
#player_onair2 #player_type1 { width:100%; height:100%; background:#243083; }
#player_onair2 #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_onair2 #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_onair2 #player_top h1 { float:none; padding:11px 0 0px 10px; }
#player_onair2 #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_onair2 #player_top .sidemenu ul li:first-child { display:none; }
/* 영상영역 */
#player_onair2 .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; }
/* 회의진행순서 */
#player_onair2 .sequenceMeetings { position:static; width:100%; margin-bottom:10px; }
#player_onair2 .sequenceMeetings .linebox { height:209px !important; }
/* sns 공유 */
#player_onair2 .sourceSharing { position:static; float:right; right:10px; bottom:301px; }
/* 배너 */
#player_onair2 .viewerBanner { position:static; width:calc(100% - 2px); }
}
@media (max-width:620px){
#player_onair2 #player_top h1 img { width:240px; }
/* 배너 */
#player_onair2 .viewerBanner { display:none; }
}
.vobj{width:640px; height:360px;}
#gtplayer {width:100%; height:100%; border:none; padding:0; margin:0}
span.p2{padding-left:10px; display:block;}
.vobj {
width: 640px;
height: 360px;
}
#gtplayer {
width: 100%;
height: 100%;
border: none;
padding: 0;
margin: 0
}
span.p2{padding-left:10px; display:block;}
span.vodtext {
background: #0505c7;
color: #fff;
font-style: italic;
font-size: 14px;
vertical-align: middle;
letter-spacing: 0.05em;
padding: 2px 12px;
border: 4px;
border-radius: 12px;
margin-left:10px;
}
#minutex_content div strong{margin:6px 0 2px 0; display:block}