@charset "utf-8";


/* 서브 레이아웃 */
#scontainer { width:100%; }
	#scontainerarea { position:relative; width:1280px; padding:0 0 100px 0; margin:0 auto; }
	
		#sleft { float:left; position:relative; width:250px; height:auto; margin-right:50px; }
		#sright { float:right; width:980px; }
	
			#content { width:100%; min-height:300px; }


@media (min-width:769px) and (max-width:1023px){
	#scontainer { width:100%; }
		#scontainerarea { position:relative; width:100%; padding:0 30px 80px 30px; box-sizing:border-box; margin:0 auto; }
	
			#sleft { display:none; }
			#sright { float:none; width:100%; }
	
				#content { width:100%; min-height:300px; }

}
@media (max-width:768px){
	#scontainer { width:100%; }	
		#scontainerarea { position:relative; width:100%; padding:0 0 50px 0; margin:0 auto; box-sizing:border-box; }
	
			#sleft { display:none; }
			#sright { float:none; width:100%; padding:0 0 25px 0; box-sizing:border-box; }

				#content { width:100%; padding:0 15px; box-sizing:border-box; min-height:300px; }
}



/* 서브비주얼 */
.svisible { width:100%; height:200px; background:url(/broadcast/images/inc/svisible_bg.gif); }
.svisible p { padding:29px 0 0 100px; text-align:center; }

@media (max-width:768px){
	.svisible { display:none; }		
}



/* 좌측메뉴 */
.leftmenu { position:relative; top:-110px; width:250px; }
.leftmenu h1 { width:250px; height:250px; padding-top:25px; box-sizing:border-box; background:url(/broadcast/images/inc/leftmenu_titlebar.gif) no-repeat; font-size:185%; color:#fff; text-align:center; letter-spacing:-1px;  }
.leftmenu h1 strong { display:block; margin-top:-5px; }

.leftmenu ul { width:100%; overflow:hidden; }
.leftmenu ul li { width:100%; display:block; }
.leftmenu ul li a:link,
.leftmenu ul li a:visited { width:100%; height:60px; line-height:58px; padding:0 0 0 15px; border:1px solid #ddd; box-sizing:border-box; background:url(/broadcast/images/inc/leftmenu_blt_off.gif) no-repeat right top; display:block; }
.leftmenu ul li a:active,
.leftmenu ul li a:focus,
.leftmenu ul li a:hover,
.leftmenu ul li a.select { background:#f4f4f4 url(/broadcast/images/inc/leftmenu_blt_on.gif) no-repeat right top; color:#111; }


.leftmenu ul li a span { position:relative; top:6px; padding-left:10px; display:inline-block; }



/* 좌측배너 */
.leftbanner { position:relative; width:100%; margin-top:-80px; } 
.leftbanner ul { padding-top:1px; }
.leftbanner ul li { width:100%; border:1px solid #ddd; box-sizing:border-box; margin-top:-1px; } 
.leftbanner ul li a:link,
.leftbanner ul li a:visited { width:100%; height:100px; line-height:100px; padding-left:120px; box-sizing:border-box; font-size:120%; color:#333; font-family: NotoSans-Medium, "본고딕 미디엄"; }
.leftbanner ul li a:active,
.leftbanner ul li a:focus,
.leftbanner ul li a:hover { color:#9f0a0c; }

.leftbanner ul li.li1 { background:url(/broadcast/images/inc/leftbanner_icon1.gif) no-repeat 20px 20px; } 
.leftbanner ul li.li2 { background:url(/broadcast/images/inc/leftbanner_icon2.gif) no-repeat 20px 20px; } 






/* 페이지 타이틀 */
.pagetitle { position:relative; width:100%; height:101px; border-bottom:1px solid #ddd; box-sizing:border-box; margin-bottom:50px; }

.pagetitle ul.print { position:absolute; right:12px; top:57px; }
.pagetitle ul.print li { float:left; }

.pagetitle ul.print li.back { display:none; }

.pagetitle ul.print li a { padding:8px; display:block; }

.pagetitle .path { position:absolute; right:62px; top:62px; font-size:90%; color:#999; }
.pagetitle .path img { position:relative; top:4px; }

.pagetitle h1 { padding:33px 0 0 10px; font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:230%; color:#000; }


@media (min-width:769px) and (max-width:1023px){
	.pagetitle .path { right:94px; }
	
	.pagetitle .pathBar ul.print li.home { display:inline-block; }
	.pagetitle .pathBar ul.print li.back { display:inline-block; }
	.pagetitle .pathBar ul.print li.print { display:none; }
}



@media (max-width:768px){
	.pagetitle { height:auto; border-bottom:none; margin-bottom:40px; }
	.pagetitle .pathBar { position:relative; width:100%; height:50px; border-bottom:1px solid #ddd; background:#f4f4f4; margin:0 auto;  }

	.pagetitle .pathBar ul.print { position:static; float:right; padding:9px 10px 0 0; }
	.pagetitle .pathBar ul.print li.home { display:inline-block; }
	.pagetitle .pathBar ul.print li.back { display:inline-block; }
	.pagetitle .pathBar ul.print li.print { display:none; }
	
	.pagetitle .pathBar .path { position:static; float:left; padding:13px 0 0 10px; font-size:85%;  }
	.pagetitle .pathBar .pathwidth { letter-spacing:-1px; }

	.pagetitle h1 { padding:33px 0 0 15px; font-size:200%; }
}



/* 생방송 - 채널선택 */
.onair { width:100%; }
.onair .onair_channel { width:100%; margin-bottom:50px; }
.onair .onair_channel .onair_channel_top { position:relative; width:100%; height:auto; padding:25px 0 25px 140px; background:#847569 url(/broadcast/images/sub/onair_channel_icon.png) no-repeat 20px 25px; box-sizing:border-box; }

.onair .onair_channel .onair_channel_top .onair_channel_topLeft { float:left; }
.onair .onair_channel .onair_channel_top .onair_channel_topLeft h3 { padding:0 !important; background:none !important; color:#fff !important; margin-bottom:5px !important; }
.onair .onair_channel .onair_channel_top .onair_channel_topLeft .txt { color:#fff; }

.onair .onair_channel .onair_channel_top .onair_channel_topRight { float:right; }
.onair .onair_channel .onair_channel_top .onair_channel_topRight .today { padding:10px 40px 0 0; color:#ffd40c; font-size:130%; text-align:right; }
.onair .onair_channel .onair_channel_top .onair_channel_topRight .today span { padding-right:10px; }
.onair .onair_channel .onair_channel_top .onair_channel_topRight .today strong { color:#fff; letter-spacing:1px; }

.onair .onair_channel .onair_channel_body { width:100%; }
.onair .onair_channel .onair_channel_body ul { width:calc(100% - 1px); overflow:hidden; padding-left:1px; }
.onair .onair_channel .onair_channel_body ul li { float:left; width:calc(100% - 1px); height:60px; line-height:60px; border:1px solid #ddd; margin:-1px 0 0 -1px; }



.onair .onair_channel .onair_channel_body ul.list li .icon { float:left; width:75px; height:30px; line-height:30px; border-radius:3px; text-align:center; color:#fff; display:block; margin:15px 10px 0 20px; }
.onair .onair_channel .onair_channel_body ul.list li .typeOn  { background:#da131a; }
.onair .onair_channel .onair_channel_body ul.list li .typeOff { background:#dddddd; }
.onair .onair_channel .onair_channel_body ul.list li .typeEnd { background:#40423f; }


.onair .onair_channel .onair_channel_body ul.list li .subject { float:left; width:calc(100% - 200px);  }
.onair .onair_channel .onair_channel_body ul.list li .time { float:right; width:100px; padding:0 15px 0 35px; background:url(/broadcast/images/sub/broadcast_onair_timeicon.png) no-repeat left 50%; box-sizing:border-box; display:none; }

.onair .onair_channel .onair_channel_body ul.list li.on { background:#d3e8fa; }

.onair .onair_channel .onair_channel_body ul.list li .subject a:link,
.onair .onair_channel .onair_channel_body ul.list li .subject a:visited { width:100%; color:#222; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }
.onair .onair_channel .onair_channel_body ul.list li .subject a:active,
.onair .onair_channel .onair_channel_body ul.list li .subject a:focus,
.onair .onair_channel .onair_channel_body ul.list li .subject a:hover { color:#b40f0b; font-weight:bold; }



@media (max-width:768px){
	.onair .onair_channel .onair_channel_top { padding:15px; background-image:none; }
	.onair .onair_channel .onair_channel_top .onair_channel_topLeft { float:none; }
	.onair .onair_channel .onair_channel_top .onair_channel_topRight { float:none; }
	.onair .onair_channel .onair_channel_top .onair_channel_topRight .today { padding:15px 10px 0 0; font-size:110%; text-align:left; }
	
	.onair .onair_channel .onair_channel_body ul li { width:calc(100% - 1px); }

	.onair .onair_channel .onair_channel_body ul.list li .icon { margin:15px 10px 0 10px; }
	.onair .onair_channel .onair_channel_body ul li .subject { width:calc(100% - 165px);  }
	.onair .onair_channel .onair_channel_body ul li .time { width:65px; padding:0 15px 0 0px; background:none; }

}


/* 생방송 - 영상플레이어 */
.onair .onair_view { width:100%; }


.onair .onair_view .onair_off { width:100%; }
.onair .onair_view .onair_off .onair_offbar { width:100%; height:40px; text-align:center; background:#4d4137; }
.onair .onair_view .onair_off .onair_offbar p { line-height:40px; color:#fff; }
.onair .onair_view .onair_off .onair_offbox { padding-bottom:60px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; }
.onair .onair_view .onair_off .onair_offbox p { padding-top:220px; background:url(/broadcast/images/sub/onair_onairOff_icon.jpg) no-repeat 50% 50px; }
.onair .onair_view .onair_off .onair_offbox p strong { font-size:200%; color:#9f0a0c; display:block; }
.onair .onair_view .onair_off .onair_offbox p span { color:#999; font-size:90%; }


.onair .onair_view .onair_on { width:100%; } /* 영상플레이어 */
.onair .onair_view .onair_on .subvod { width:100%; background:#000; overflow:hidden; margin:0 auto 30px; }
.onair .onair_view .onair_on .subvod .subvod_title { width:100%; height:40px; line-height:40px; background:#4d4137; text-align:center; color:#fff;}
.onair .onair_view .onair_on .subvod .subvod_body { width:100%; height:auto; background:#000; text-align:center; margin:0 auto; }

.video { position:relative; width:100%; height:523px; box-sizing:border-box; background:#333; display:block; }


.onair .onair_view .onair_on table { width:100%; border-top:2px solid #333; }
.onair .onair_view .onair_on table th,
.onair .onair_view .onair_on table td { padding:10px 10px 10px 10px; border-bottom:1px solid #ddd; box-sizing:border-box; }
.onair .onair_view .onair_on table th { width:20%; padding-left:40px; text-align:left; vertical-align:top; background:url(/broadcast/images/sub/vodlist_blt1.gif) no-repeat 20px 15px; }
.onair .onair_view .onair_on table td { width:80%; padding-left:20px; border-left:1px solid #ddd; }
.onair .onair_view .onair_on table td.subject { font-weight:bold; color:#9f0a0c; }
.onair .onair_view .onair_on table td .time { padding-left:15px; font-weight:bold; color:#000; }
.onair .onair_view .onair_on table td.onaircontent { line-height:1.7; }

@media (min-width:769px) and (max-width:1023px){
	.video { height:542px;}
}

@media (max-width:768px){	
	.onair .onair_view .onair_off .onair_offbox { padding-left:10px; padding-right:10px; }
	
	.onair .onair_view .onair_on .subvod { width:100%; }
	.onair .onair_view .onair_on .subvod .subvod_title { font-size:90%;  }
	

	.video { height:415px;}

	.onair .onair_view .onair_on table th { display:none; }
	.onair .onair_view .onair_on table td { border-left:none; }
}


@media (max-width:425px){
	.video { height:222px;}
}

@media (max-width:360px){
	.video { height:186px;}
}








/* 생방송일정 */
.liveBroadcastSchedule { width:100%; } 
.liveBroadcastSchedule .calendar_date { width:280px; text-align:center; margin:0 auto 10px; } 
.liveBroadcastSchedule .calendar_date span.date { position:relative; top:-7px; padding:0 20px; font:140% Arial, Helvetica, sans-serif; color:#000; display:inline-block; }
.liveBroadcastSchedule .calendar_date span strong { position:relative; top:2px; padding-left:10px; font-size:130%; color:#9f0a0c; display:inline-block; }
.liveBroadcastSchedule .calendar_date a { vertical-align:top; display:inline-block; }


.calendar_calendar { width:100%; margin-bottom:30px; } /* 달력 */
.calendar_calendar table { border-collapse:separate; }
.calendar_calendar table th { width:14%; height:40px; line-height:40px; background:#847569; color:#fff; }
.calendar_calendar table th.sun,
.calendar_calendar table th.sat { width:15%; }
.calendar_calendar table td { height:50px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; }
.calendar_calendar table tr td:first-child { border-left:1px solid #ddd; }

.calendar_calendar table td.none { background:#f9f9f9; } 

.calendar_calendar table td.today { text-decoration:underline; font-weight:bold; color:#fff; background:url(/broadcast/images/sub/schedule_today.png) no-repeat 50% 50%; }
.calendar_calendar table td.today a {color:#fff; display:block; }
.calendar_calendar table td.onday { background: url(/broadcast/images/sub/schedule_onday.png) no-repeat 50% 50%; }
.calendar_calendar table td.onday a { color:#fff; display:block;  }



.onairsc { width:100%; } /* 생방송 내용 */
.onairsc h3 { position:relative; width:100%; padding:8px 0 8px 37px !important; border:1px solid #ddd; background:#f4f4f4 url(/broadcast/images/sub/vodlist_blt1.gif) no-repeat 15px 14px !important; font-weight:normal !important; font-size:110% !important; margin-bottom:20px !important; box-sizing: border-box; }
.onairsc h3 .title { color:#111; font-weight:bold; margin-right:10px; }
.onairsc h3 .date { color:#888; margin-right:10px; }
.onairsc h3 .time { color:#9f0a0c; }
.onairsc .schedule_content { padding:0 20px; line-height:1.7; }

.schedule_off { text-align:center;}




/* 검색박스 */
.minutesSearchBox { width:100%; padding:30px 30px 40px 30px; border:5px solid #ccc; margin-bottom:50px; box-sizing:border-box; }


.minutesSearchBox table { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:1px solid #eee; }
.minutesSearchBox table th,
.minutesSearchBox table td { border-bottom:1px solid #eee; }
.minutesSearchBox table th { padding:13px 0 12px 34px; text-align:left; background: url(/broadcast/images/sub/searchbox_blt1.gif) no-repeat 15px 50%; font-weight:normal; color:#333; }
.minutesSearchBox table td { padding:6px 0 7px 15px; background:url(/broadcast/images/sub/searchbox_line.gif) no-repeat 0 50%; }

.minutesSearchBox table td label { margin-right:20px; }

.minutesSearchBox table td ul { width:100%; overflow:hidden; }
.minutesSearchBox table td li { float:left; width:45px; padding:10px 20px 10px 11px; background:url(/broadcast/images/sub/searchbox_blt2.gif) no-repeat 0 50%; }
.minutesSearchBox table td li a:link,
.minutesSearchBox table td li a:visited { text-decoration:none; color:#666; }
.minutesSearchBox table td li a:active,
.minutesSearchBox table td li a:focus,
.minutesSearchBox table td li a:hover { color:#1757b7; font-weight:bold; }


.minutesSearchBox table td .stxt { color:#999; padding-left:10px; }
.minutesSearchBox table td .stxt_red { color: #da131a; padding-left:10px; }


.minutesSearchBox .btn_area { text-align:center; margin-top:30px; }
.minutesSearchBox .btn_area .submit_searchboxBtn { width:100px; height:40px; line-height:40px; text-align:center; background:#113d8e; font-size:95%; color:#fff; border-radius:3px; border:1px solid #113d8e; display:inline-block; cursor:pointer; }


.minutesSearchBox table .b_item { width:20%; } /* 영역설정 */
.minutesSearchBox table .b_itemcontent { width:80%; }
.minutesSearchBox table .b_itemcontent2 { width:30%; }
.minutesSearchBox table td .mobilebar { display:none; }


@media (max-width:768px){
	.minutesSearchBox { width:100%; padding:15px 10px 20px 10px; border:5px solid #ccc; margin-bottom:50px; box-sizing:border-box; }
	.minutesSearchBox table { width:100%; border-top:1px solid #eee; margin-bottom:30px; font-size:90%; }
	.minutesSearchBox table th { padding:13px 0 12px 5px; border-bottom:1px solid #eee; text-align:left; background:none; font-weight:normal; color:#333; }
	.minutesSearchBox table td { padding:6px 0 7px 0; border-bottom:1px solid #eee; background:url(/broadcast/images/egovframework/com/svc/council/inc/searchbox_line.gif) no-repeat 0 50%; background:none; }
	
	.minutesSearchBox table td .label_radio { margin-right:5px; }
	
	.minutesSearchBox table td label { margin-right:10px;} 
	
	.minutesSearchBox table .b_item { width:0%; display:none; }
	.minutesSearchBox table .b_itemcontent { width:100%; background:none;}
	.minutesSearchBox table .b_itemcontent2 { width:50%; background:none; padding:7px 5px; box-sizing:border-box; }
	.minutesSearchBox table td .mobilebar { width:100%; height:40px; line-height:40px; text-align:center; font-weight:bold; background:#f4f4f4; display:block; margin-bottom:10px; }
	
	.minutesSearchBox table td .stxt { padding-left:0; display:block; margin-top:7px; }
	.minutesSearchBox table td .stxt_red { padding-left:0px; display:inline-block; margin-top:7px; }
}





/* 검색결과 */
.searchResult { width:100%; }



/* 검색결과바 */
.resultBar { position:relative; width:100%; height:44px; line-height:44px; padding:0 0 0 41px; border:1px solid #8fbbe0; background:#add5f7 url(/broadcast/images/sub/resultbar_blt.png) no-repeat 11px 10px; margin-bottom:20px; box-sizing:border-box; }
.resultBar strong { position:relative; top:-1px; color:#113d8e; font-weight:bold; font-size:110%; }
.resultBar span.eng { position:relative; top:-2px; font-size:80%; padding-left:5px; color:#537c9e; letter-spacing:-1px; }
.resultBar span.line { position:relative; top:-3px; color:#999; padding:0 10px; }
.resultBar span.name strong { font-weight:bold; color:#1757b7; }
.resultBar span.num { position:relative; top:-2px; margin-left:10px; }
.resultBar span.num b { padding-left:5px; font-weight:bold; color:#1757b7; }

.resultBar span.exceldown { position:absolute; right:5px; top:5px; }
.resultBar span.exceldown .abtn_excelDown { width:125px; height:32px; line-height:32px; padding-left:37px; border-radius:3px; background:#5faf00 url(/broadcast/images/sub/icon_excel.gif) no-repeat 15px 50%; text-decoration:none; color:#fff; font-size:90%; display:block; }

@media (max-width:768px){
	.resultBar span.eng { display:none; }
}





/* 탭메뉴 */
.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:#1757b7; color:#fff; border-color:#ddd; }
.rightTabmenu ul li a.select { background:#fff; color:#000; border-bottom-color:#fff; }


@media (max-width:768px){
	.rightTabmenu { width:100%; height:auto; border-bottom:none; margin-bottom:30px; margin-top:-20px; }
	.rightTabmenu ul { float:none; position:relative; top:0px; height:auto; padding-left:1px; }
	.rightTabmenu ul li { float:left; margin-left:-1px; }	
	.rightTabmenu ul li a:link,
	.rightTabmenu ul li a:visited { width:100%; height:45px; line-height:45px; padding:0; font-size:85%; letter-spacing:-1px; text-align:center; border:1px solid #ddd; background:#f4f4f4; display:inline-block;  }
	.rightTabmenu ul li a:active,
	.rightTabmenu ul li a:focus,
	.rightTabmenu ul li a:hover { background:#1757b7; color:#fff; border-color:#ddd; }
	.rightTabmenu ul li a.select { background:#fff; color:#000; border-bottom-color:#fff; }
	
	.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%; 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(#5faf00, #4e8f00); 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; }
}