@charset "utf-8";

/* 생방송 */
.onair { width:100%; }

.onair .onair_off { width:100%; }
.onair .onair_off .onair_offbar { width:100%; height:40px; text-align:center; background:#0b2557; }
.onair .onair_off .onair_offbar p { line-height:40px; color:#fff; }
.onair .onair_off .onair_offbox { padding:0 15px 30px 15px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; }
.onair .onair_off .onair_offbox p { padding-top:190px; background:url(/mobile/images/broadcast/onair_icon_off.gif) no-repeat 50% 50px; }
.onair .onair_off .onair_offbox p strong { font-size:150%; color:#ff8e16; display:block;  }
.onair .onair_off .onair_offbox p span { color:#999; font-size:90%; line-height:1.5; margin-top:10px; display:block;}


.onair .onair_on { width:100%; margin-bottom:30px; }
.onair .onair_on p.date { width:100%; height:40px; line-height:40px; text-align:center; color:#fff; background:#0b2557; }
.onair .onair_on p.subject { line-height:1.5; font-size:110%; text-align:center; color:#113d8e; margin:15px 0; }
.onair .onair_on .vodbg { width:100%; height:230px; text-align:center; background:url(/mobile/images/broadcast/vod_bgimg.jpg) no-repeat 50% top; }
.onair .onair_on .vodbg .pmsg { padding-top:100px; }
.onair .onair_on .vodbg .pmsg span { padding:20px; font-size:130%; background:#113d8e; color:#fff; border:2px solid #fff; border-radius:5px; }

.onair .onair_on .subtitle { border-top:1px solid #5a9286; border-bottom:1px solid #5a9286; background:#7cc6b6; padding:4px 5px 0 5px; }
.onair .onair_on .subtitle p { position:relative; top:1px; font-size:110%; border:1px solid #5a9286; border-bottom:none; border-radius:6px 6px 0 0; background:#fff; display:block; padding:6px 10px 10px 10px; line-height:140%; color:#113d8e; text-align:center; letter-spacing:-1px; }
.onair .onair_on .subtitle p span { position:relative; top:5px; display:block; }
.onair .onair_on .onair_content { border:1px solid #ccc; border-top:none; padding:20px 15px 30px 15px; line-height:1.5; }




/* 생방송 일정 */
#schedule { width:100%; margin:0; padding:0; font-family:NanumBarunGothic, "나눔바른고딕"; }
#schedule #datebar { position:relative; width:100%; height:50px; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9)); border-bottom:1px solid #2f5600; }
#schedule #datebar .arrow_pre { position:absolute; left:5px; top:5px;}
#schedule #datebar .arrow_next { position:absolute; right:5px; top:5px;}
#schedule #datebar .date { text-align:center; vertical-align:top; padding-top:10px; }
#schedule #datebar .date .txtn { font-weight:bold; color:#666; }
#schedule #datebar .date .txtb { font-weight:bold; color:#da131a; padding:0 0 0 10px !important; display:inline-block !important; }

#schedule #calendartable { width:100%; border-right:1px solid #cdd7f1; border-bottom:1px solid #cdd7f1; border-spacing:0; border-collapse:collapse; border-top:1px solid #333; }
#schedule #calendartable th { text-align:center; height:35px; line-height:35px; background:#5a5b5b; /*text-shadow:1px 1px 0px #fff;*/ color:#fff; font:bold 12px gulim; border-right:1px solid #fff; }
#schedule #calendartable th.sun { border-left:1px solid #ccc; color:#e60012; }
#schedule #calendartable th.sat { color:#0033ff; }
#schedule #calendartable td { border-top:1px solid #cdd7f1; border-left:1px solid #cdd7f1; height:43px; line-height:43px; text-align:center; font:14px gulim; color:#333;}
#schedule #calendartable td.today { color:#000; font-weight:bold; border:2px solid #77c2b2; text-decoration:underline }
#schedule #calendartable td#daycheck { border:2px solid #662724; color:#000; font-weight:bold;}
#schedule #calendartable td.sat { color:#0684d2;}
#schedule #calendartable td.sun { color:#e60012;}
#schedule #calendartable td.none { background:#f8f8f8;}
#schedule #calendartable td.have { background:#bbe2f3; }
#schedule #calendartable td.have a { background:#bbe2f3; display:block; color:#370705; text-decoration:none; line-height:43px; font-weight:bold;}

#schedule #scheduleinfo { margin:0; padding:0;}
#schedule #scheduleinfo .subtitle { border-top:1px solid #5a9286; border-bottom:1px solid #5a9286; background:#7cc6b6; padding:4px 5px 0 5px;}
#schedule #scheduleinfo .subtitle p { position:relative; top:1px; font-size:110%; border:1px solid #5a9286; border-bottom:none; border-radius:6px 6px 0 0; background:#fff; display:block; padding:6px 10px 3px 10px; line-height:140%; color:#2a415f; text-align:center; }
#schedule #scheduleinfo .subtitle span { color:#30a58c; }


#schedule #scheduleinfo #schedule_off { width:100%; margin-bottom:15px; padding:0;  } /* 스케줄없을 경우 */
#schedule #scheduleinfo #schedule_off .agenda_none { width:170px; height:30px; margin:15px auto; font:bold 14px gulim; background:url(../images/sub/schedule_icon1.png) no-repeat; }

#schedule #scheduleinfo #schedule_on { width:100%; margin:0; padding:0;} /* 스케줄있을 경우 */
#schedule #scheduleinfo #schedule_on .schedule_list { padding:15px 10px 10px 10px; } /* 반복 */
#schedule #scheduleinfo #schedule_on .schedule_list .subject { font:bold 14px gulim; color:#25437b; margin-bottom:8px; padding:8px 10px; border:1px solid #ccc; border-radius:6px; background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ddd)); box-shadow:2px 2px 2px #f1f1f1; }
#schedule #scheduleinfo #schedule_on .schedule_list .subject span.time { font:bold 14px gulim; color:#30a58c; }
#schedule #scheduleinfo #schedule_on .schedule_list .agenda_angun { list-style:none; margin:0; padding:0; }
#schedule #scheduleinfo #schedule_on .schedule_list .agenda_angun li { line-height:130%; padding:3px 5px 2px 5px; }





/* 상임위원회 선택 */
.vodtabmenu { width:100%; overflow:hidden; }
.vodtabmenu li { float:left; width:calc(20% - 5px); margin-right:5px; margin-bottom:5px; }
.vodtabmenu li:last-child { margin-right:0;}
.vodtabmenu li a:link,
.vodtabmenu li a:visited { width:100%; height:30px; line-height:30px; padding:0 5px; border:1px solid #ddd; font-size:90%; text-align:center; color:#666; background:#f4f4f4; display:block; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }
.vodtabmenu li a:active,
.vodtabmenu li a:focus,
.vodtabmenu li a:hover,
.vodtabmenu li a.select { background:#06c; color:#fff; border:1px solid #113d8e; }


@media (max-width:377px){
	.vodtabmenu li { float:left; width:65px; margin-right:5px; margin-bottom:5px; }
	.vodtabmenu li:last-child { margin-right:0;}
}


/* 특별위원회 선택 */
.vodtabmenu2 { width:100%; overflow:hidden; }
.vodtabmenu2 li { float:left; width:calc(50% - 5px); margin-right:5px; }
.vodtabmenu2 li:last-child { width:50%; margin-right:0;}
.vodtabmenu2 li a:link,
.vodtabmenu2 li a:visited { width:100%; height:30px; line-height:30px; padding:0 5px; border:1px solid #ddd; font-size:90%; text-align:center; color:#666; background:#f4f4f4; display:block; box-sizing:border-box; }
.vodtabmenu2 li a:active,
.vodtabmenu2 li a:focus,
.vodtabmenu2 li a:hover,
.vodtabmenu2 li a.select { background:#06c; color:#fff; border:1px solid #113d8e; }




/* 안건목록 */
.plenarysession_view { width:100%; }
.plenarysession_view #vod_view { width:100%; }
.plenarysession_view #vod_view #vod_palyimg { position:relative; width:100%; height:230px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:url(/mobile/images/broadcast/vod_bgimg.jpg) no-repeat 50% top; }
.plenarysession_view #vod_view #vod_palyimg a { width:100%; height:230px; display:block;}
.plenarysession_view #vod_view #vod_palyimg .btn { position:absolute; left:calc(50% - 43px); top:calc(50% - 40px); }

.plenarysession_view #vod_view #vod_subjectbar { width:100%; padding:8px; border-bottom:1px solid #c07f03; text-align:center; line-height:1.3; font-size:110%; color:#fff; background:#e49909; box-sizing:border-box; text-shadow:1px 1px 1px #333; }

.plenarysession_view #vod_view #vod_content { width:100%; }
.plenarysession_view #vod_view #vod_content ul { width:100%; overflow:hidden; }
.plenarysession_view #vod_view #vod_content ul li { width:100%; padding:10px; display:block; overflow:hidden; border-bottom:1px solid #ddd; box-sizing:border-box;   }
.plenarysession_view #vod_view #vod_content ul li .agenda { float:left; width:calc(100% - 80px); }
.plenarysession_view #vod_view #vod_content ul li .time { float:right; width:80px; text-align:right; color:#15abc2; }