@charset "utf-8";


.broadcastcontent { position:relative; width:100%; overflow:hidden; }

.broadcastcontent .leftbox { float:left; width:400px; }
.broadcastcontent .leftbox .bartitle { width:100%; height:40px; line-height:40px; padding:0 0 0 20px; background:#847569; color:#fff; display:inline-block; font-size:115%; box-sizing:border-box; }

.broadcastcontent .leftbox .vodlist_content { width:100%; padding:15px 15px 30px 15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; box-sizing:border-box; }

.broadcastcontent .leftbox .vodlist_content ul.depth1 { width:100%; overflow:hidden; margin-bottom:20px; }
.broadcastcontent .leftbox .vodlist_content ul.depth1 li { padding:9px 0 9px 25px; background:url(/broadcast/images/sub/vodlist_blt1.gif) no-repeat 5px 15px; border-bottom:1px dashed #ddd; font-size:100%; }
.broadcastcontent .leftbox .vodlist_content ul.depth1 li a:link,
.broadcastcontent .leftbox .vodlist_content ul.depth1 li a:visited { text-decoration:none; color:#333;}
.broadcastcontent .leftbox .vodlist_content ul.depth1 li a:active,
.broadcastcontent .leftbox .vodlist_content ul.depth1 li a:focus,
.broadcastcontent .leftbox .vodlist_content ul.depth1 li a:hover,
.broadcastcontent .leftbox .vodlist_content ul.depth1 li a.select { color:#9f0a0c; font-weight:bold; }

.broadcastcontent .leftbox .vodlist_content ul.depth2 { width:100%; margin-top:10px; margin-bottom:0;}
.broadcastcontent .leftbox .vodlist_content ul.depth2 li { padding:4px 0 4px 13px; background:url(/broadcast/images/sub/vodlist_blt2.gif) no-repeat 0 12px; border:none; }
.broadcastcontent .leftbox .vodlist_content ul.depth2 li a{ font-family:NanumBarunGothic }
.broadcastcontent .leftbox .vodlist_content ul.depth2 li a:link,
.broadcastcontent .leftbox .vodlist_content ul.depth2 li a:visited { text-decoration:none; color:#666; }
.broadcastcontent .leftbox .vodlist_content ul.depth2 li a:active,
.broadcastcontent .leftbox .vodlist_content ul.depth2 li a:focus,
.broadcastcontent .leftbox .vodlist_content ul.depth2 li a:hover { color:#9f0a0c; font-weight:normal; }
.broadcastcontent .leftbox .vodlist_content ul.depth2 li a.select { color:#9f0a0c; font-weight:bold; }

.broadcastcontent .leftbox .vodlist_content ul.agenda_list { display:none; }


/* 페이지 넘버 */
/*
.broadcastcontent .leftbox .vodlist_content .pagenum { text-align:center; }
.broadcastcontent .leftbox .vodlist_content .pagenum ul { width:100%; height:24px; padding-left:1px; text-align:center; overflow:hidden; margin:0 auto; }
.broadcastcontent .leftbox .vodlist_content .pagenum ul li { border-right:1px solid #ddd; display:inline; margin:0 0 0 -1px; }
.broadcastcontent .leftbox .vodlist_content .pagenum ul li:first-child { border-left:1px solid #ddd;}
.broadcastcontent .leftbox .vodlist_content .pagenum a:link,
.broadcastcontent .leftbox .vodlist_content .pagenum a:visited,
.broadcastcontent .leftbox .vodlist_content .pagenum a:active,
.broadcastcontent .leftbox .vodlist_content .pagenum a:focus,
.broadcastcontent .leftbox .vodlist_content .pagenum a:hover { height:24px; line-height:24px; padding:0 8px; color:#666; display:inline-block; }
.broadcastcontent .leftbox .vodlist_content .pagenum strong { padding:0 8px; color:#477c57; font-weight:bold; }
*/


.broadcastcontent .rightbox { float:right; width:400px; }
.broadcastcontent .rightbox .bartitle { width:100%; height:40px; line-height:40px; padding:0 0 0 20px; background:#847569; color:#fff; display:inline-block; font-size:115%; box-sizing:border-box; }

.broadcastcontent .rightbox .vodlist_agenda { width:100%; padding:15px 15px 30px 15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; box-sizing:border-box; }

.broadcastcontent .rightbox .vodlist_agenda .agenda_title { padding:9px 0 9px 25px; background:url(/broadcast/images/sub/vodlist_blt1.gif) no-repeat 5px 15px; font-weight:bold; font-size:100%; color:#9f0a0c; }

.broadcastcontent .rightbox .vodlist_agenda ul.agenda_list { width:100%; overflow:hidden; }
.broadcastcontent .rightbox .vodlist_agenda ul.agenda_list li { position:relative; width:100%; padding:6px 40px 7px 35px; background:url(/broadcast/images/sub/vodlist_blt3.gif) no-repeat 15px 11px; line-height:130%; box-sizing:border-box; }
.broadcastcontent .rightbox .vodlist_agenda ul.agenda_list li.bg { background:#f4f4f4 url(/broadcast/images/sub/vodlist_blt3.gif) no-repeat 15px 11px; }

.broadcastcontent .rightbox .vodlist_agenda ul.agenda_list li a:link,
.broadcastcontent .rightbox .vodlist_agenda ul.agenda_list li a:visited { color:#333; font-size:90%; }
.broadcastcontent .rightbox .vodlist_agenda ul.agenda_list li a:active,
.broadcastcontent .rightbox .vodlist_agenda ul.agenda_list li a:focus,
.broadcastcontent .rightbox .vodlist_agenda ul.agenda_list li a:hover { color:#6fa880; }
.broadcastcontent .rightbox .vodlist_agenda ul.agenda_list li .icon { position:absolute; right:10px; top:10px;}



.broadcastcontent p.arrow { position:absolute; left:calc(50% - 11px); top:200px; width:22px; height:44px; background: url(/broadcast/images/sub/vodlist_arrow.gif) no-repeat; }


@media (min-width:860px) and (max-width:1024px){
	.broadcastcontent .leftbox { float:left; width:350px; }
	.broadcastcontent .rightbox { float:right; width:350px; }
}


@media (max-width:859px){
	.broadcastcontent .leftbox { float:none; width:100%; }
	.broadcastcontent .rightbox { display:none;  }
	.broadcastcontent p.arrow { display:none; }
	
	.broadcastcontent .leftbox .vodlist_content ul.agenda_list { width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; display:block; margin-top:10px; }
	.broadcastcontent .leftbox .vodlist_content ul.agenda_list li { position:relative; width:100%; padding:6px 40px 7px 35px; background:url(/broadcast/images/sub/vodlist_blt3.gif) no-repeat 15px 11px; line-height:130%; box-sizing:border-box; }
	.broadcastcontent .leftbox .vodlist_content ul.agenda_list li.bg { background:#f4f4f4 url(/broadcast/images/sub/vodlist_blt3.gif) no-repeat 15px 11px; }
	
	.broadcastcontent .leftbox .vodlist_content ul.agenda_list li a:link,
	.broadcastcontent .leftbox .vodlist_content ul.agenda_list li a:visited { color:#333; font-size:90%; }
	.broadcastcontent .leftbox .vodlist_content ul.agenda_list li a:active,
	.broadcastcontent .leftbox .vodlist_content ul.agenda_list li a:focus,
	.broadcastcontent .leftbox .vodlist_content ul.agenda_list li a:hover { color:#fbb040; }
	.broadcastcontent .leftbox .vodlist_content ul.agenda_list li .icon { position:absolute; right:10px; top:10px;}
}

@media (max-width:400px){
	.broadcastcontent .leftbox .vodlist_content ul.depth1 li { width:100%; padding:9px 0 9px 20px; background:url(/broadcast/images/sub/vodlist_blt1.gif) no-repeat 0px 13px; border-bottom:1px dashed #ddd; font-size:100%; box-sizing:border-box; }
	.broadcastcontent .leftbox .vodlist_content ul.depth2 { width:calc(100% + 20px); margin-left:-20px; }
	.broadcastcontent .leftbox .vodlist_content ul.depth2 li { width:100%; padding:4px 0 4px 13px; background:url(/broadcast/images/sub/vodlist_blt2.gif) no-repeat 0 12px; border:none; box-sizing:border-box; }
	
	.broadcastcontent .leftbox .vodlist_content ul.agenda_list { width:calc(100% + 13px); margin-left:-13px;  }
	.broadcastcontent .leftbox .vodlist_content ul.agenda_list li { position:relative; width:100%; padding:6px 40px 7px 35px; background:url(/broadcast/images/sub/vodlist_blt3.gif) no-repeat 15px 11px; line-height:130%; box-sizing:border-box; }
}







/* 탭메뉴 */
.rightTabmenu { width:100%; height:45px; border-bottom:1px solid #ddd; margin-bottom:30px; margin-top:-30px; }
.rightTabmenu ul { position:relative; top:1px; float:right; height:45px; padding-left:1px; }
.rightTabmenu ul li { float:left; margin-left:-1px; }
.rightTabmenu ul li a:link,
.rightTabmenu ul li a:visited { height:43px; line-height:43px; padding:0 20px; border:1px solid #ddd; background:#f4f4f4; text-align:center; display:inline-block;  }
.rightTabmenu ul li a:active,
.rightTabmenu ul li a:focus,
.rightTabmenu ul li a:hover { background:#9f0a0c; color:#fff; border-color:#ddd; }
.rightTabmenu ul li a.select { background:#fff; color:#000; border-bottom-color:#fff; }


@media (max-width:768px){
	.rightTabmenu { height:auto; border-bottom:none; margin-bottom:30px; margin-top:-20px; }
	.rightTabmenu ul { float:none; top:0px; height:auto; }
	.rightTabmenu ul li a:link,
	.rightTabmenu ul li a:visited { width:100%; height:45px; line-height:45px; padding:0; box-sizing:border-box; font-size:85%; letter-spacing:-1px; }
	
	.rightTabmenu ul.ul1 li { float:left; width:100%; margin-left:-1px; }
	.rightTabmenu ul.ul2 li { float:left; width:50%; margin-left:-1px; }
	.rightTabmenu ul.ul3 li { float:left; width:33.3%; margin-left:-1px; }
	.rightTabmenu ul.ul4 li { float:left; width:25%; margin-left:-1px; }
	.rightTabmenu ul.ul5 li { float:left; width:20%; margin-left:-1px; }
}



/* 탭메뉴2 */
.tabmenu2 { width:100%; margin-bottom:30px; }
.tabmenu2 ul { width:100%; overflow:hidden; }
.tabmenu2 ul li { float:left; width:auto; }
.tabmenu2 ul li a:link,
.tabmenu2 ul li a:visited { width:100%; height:40px; line-height:40px; border:1px solid #ddd; background:linear-gradient(#f9f9f9, #eee); text-align:center; display:inline-block; box-sizing:border-box; }
.tabmenu2 ul li a:active,
.tabmenu2 ul li a:focus,
.tabmenu2 ul li a:hover,
.tabmenu2 ul li a.select { background:linear-gradient(#993e0b, #7f2d00); color:#fff; }


.tabmenu2 ul.ul2 li { width:calc(50% - 5px); margin-right:5px; }
.tabmenu2 ul.ul2 li:last-child { width:calc(50% - 5px); margin-right:0; margin-left:5px; }

.tabmenu2 ul.ul3 li { width:calc(33% - 5px); margin-right:5px; }
.tabmenu2 ul.ul3 li:last-child { width:34%; margin-right:0; }



@media (max-width:768px){
	.tabmenu2 ul.ul3 li { font-size:90%; letter-spacing:-1px; }
}


/* 시정질문, 5분자유발언 */
.membervod { width:100%; }
.membervod .vod_member { width:100%; margin-bottom:30px; }
.membervod .vod_member .vod_membertop { position:relative; width:100%; height:50px; line-height:50px; background:#847569; }
.membervod .vod_member .vod_membertop .daesu { padding-left:37px; color:#fff; background:url(/broadcast/images/sub/broadcast_onairsc_blt.png) no-repeat 15px 50%; font-size:110%; }
.membervod .vod_member .vod_membertop .btn { position:absolute; right:15px; top:10px; }
.membervod .vod_member .vod_membertop .btn .abtn_memberall { height:30px; line-height:30px; padding:0 12px; border-radius:3px; background:#9f0a0c; color:#fff; font-size:90%; display:block; }

.membervod .vod_member .vod_memberbody { width:100%; padding:20px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; }
.membervod .vod_member .vod_memberbody ul { width:100%; overflow:hidden; }
.membervod .vod_member .vod_memberbody ul li { float:left; width:11%; padding-left:20px; background:url(/broadcast/images/sub/vodlist_blt1.gif) no-repeat 0 7px; margin-bottom:7px; box-sizing:border-box;  }
.membervod .vod_member .vod_memberbody ul li a:link,
.membervod .vod_member .vod_memberbody ul li a:visited { color:#333; }
.membervod .vod_member .vod_memberbody ul li a:active,
.membervod .vod_member .vod_memberbody ul li a:focus,
.membervod .vod_member .vod_memberbody ul li a:hover,
.membervod .vod_member .vod_memberbody ul li a.select { color:#9f0a0c; font-weight:bold; }


@media (min-width:769px) and (max-width:1024px){
	.membervod .vod_member .vod_memberbody ul li { width:16%; }

}
@media (max-width:768px){
	.membervod .vod_member .vod_memberbody ul li { width:25%; }	
}
@media (max-width:449px){
	.membervod .vod_member .vod_membertop .btn .abtn_memberall { padding:0 6px; }

	.membervod .vod_member .vod_memberbody { padding:20px 10px;}
	.membervod .vod_member .vod_memberbody ul li { width:33%; }	
}


/* 시정질문 */
.mntsQuestionView { width:100%; }
.mntsQuestionView table { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:2px solid #333; margin-bottom:25px; font-size:95%; }
.mntsQuestionView table .thtd1 { width:14%; }
.mntsQuestionView table .thtd2 { width:36%; }
.mntsQuestionView table .thtd3 { width:14%; }
.mntsQuestionView table .thtd4 { width:36%; }

.mntsQuestionView table thead th  { padding:10px 0; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:#ebeff1; color:#333; }
.mntsQuestionView table thead th:last-child { border-right:none; }

.mntsQuestionView table tbody th,
.mntsQuestionView table tbody td { padding:9px 15px 8px 15px; text-align:center; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
.mntsQuestionView table tbody th { background:#fafafa; }

.mntsQuestionView table tbody td:last-child { border-right:none; }
.mntsQuestionView table tbody td.left { text-align:left; padding-left:15px; padding-right:15px; }

.mntsQuestionView table tbody td.contentview { min-height:250px !important; padding:20px 15px 100px 15px; line-height:1.7; text-align:left; vertical-align: top; }


@media (max-width:768px){
	.mntsQuestionView table { width:700px; }
}




/* 영상검색 */
.vmsVideoSearch { width:100%; }
.vmsVideoSearch .minutesSearchBox .select_daesu { float:left; width:23%; height:32px; padding-left:10px; border:1px solid #ccc; box-sizing:border-box; margin-right:2%; }
.vmsVideoSearch .minutesSearchBox .select_kind { float:left; width:23%; height:32px; padding-left:10px; border:1px solid #ccc; box-sizing:border-box; margin-right:2%; }
.vmsVideoSearch .minutesSearchBox .text_vodsearch { float:left; width:35%; height:32px; border:1px solid #ccc; padding-left:10px; border:1px solid #ccc; box-sizing:border-box; margin-right:2%; }
.vmsVideoSearch .minutesSearchBox .submit_searchbtn { float:left; width:13%; height:32px; line-height:32px; border:1px solid #9f0a0c; border-radius:3px; text-align:center; color:#fff; background:#9f0a0c; display:inline-block; box-sizing:border-box; }

.vmsVideoSearch .totalresult { width:100%; margin-bottom:10px; }
.vmsVideoSearch .totalresult strong { color:#da131a; }

.vmsVideoSearch .board_list table .v2_num { width:8%; }
.vmsVideoSearch .board_list table .v2_subject { width:26%; }
.vmsVideoSearch .board_list table .v2_agenda { width:auto;font-size:90%; }
.vmsVideoSearch .board_list table .v2_agenda span { color:#339966; font-weight:bold; }
.vmsVideoSearch .board_list table .v2_date { width:14%; }
.vmsVideoSearch .board_list table .v2_btn { width:14%;}


.vmsVideoSearch p#totalresult { padding-left:19px; background:url(/broadcast/images/sub/vodlist_blt1.gif) no-repeat 0 7px; font-size:110%; margin-bottom:10px;}
.vmsVideoSearch p#totalresult span { font-weight:bold; color:#9f0a0c; }

@media (min-width:769px) and (max-width:1024px){
	.vmsVideoSearch .board_list table .v2_num { width:7%; }
	.vmsVideoSearch .board_list table .v2_subject { width:26%; }
	.vmsVideoSearch .board_list table .v2_agenda { width:auto;font-size:90%; }
	.vmsVideoSearch .board_list table .v2_agenda span { color:#339966; font-weight:bold; }
	.vmsVideoSearch .board_list table .v2_date { width:18%; }
	.vmsVideoSearch .board_list table .v2_btn { width:18%;}
	
}


@media (max-width:768px){
	.vmsVideoSearch .minutesSearchBox .select_daesu { float:left; width:48%; margin-right:4%; }
	.vmsVideoSearch .minutesSearchBox .select_kind { float:right; width:48%; margin-right:0; }
	.vmsVideoSearch .minutesSearchBox .text_vodsearch { float:none; width:100%; margin:10px 0 10px 0; }
	.vmsVideoSearch .minutesSearchBox .submit_searchbtn { float:none; width:100%;  }
	
	
	
	.vmsVideoSearch .board_list table .v2_num { display:none; }
	.vmsVideoSearch .board_list table .v2_subject { width:100%; padding-bottom:0; background:none; line-height:130%; font-size:110%; color:#113d8e; text-align:left; display:block; }
	.vmsVideoSearch .board_list table .v2_agenda { width:100%; padding-bottom:0; background:none; line-height:130%; display:block; }
	.vmsVideoSearch .board_list table .v2_agenda a:link,
	.vmsVideoSearch .board_list table .v2_agenda a:visited { color:#999; }
	.vmsVideoSearch .board_list table .v2_agenda a:active,
	.vmsVideoSearch .board_list table .v2_agenda a:focus,
	.vmsVideoSearch .board_list table .v2_agenda a:hover { color:#6fa880; }
	.vmsVideoSearch .board_list table .v2_date { width:100%; padding-bottom:0; background:none; text-align:left; display:block;  }
	.vmsVideoSearch .board_list table .v2_btn { width:auto; background:none; display:block; }
}



