@charset "utf-8";


/* 레이아웃 */
#ujbclwrap { min-width:1280px; width:100%; }
#top { position:relative; width:100%; height:180px;  border-bottom:1px solid #6a4f48; background: url(/images/egovframework/com/svc/council/inc2/top_bg.gif) repeat-x; }
	#toparea { position:relative; width:1280px; height:180px; margin:0 auto; overflow:visible; } 
	
#container { position:relative; width:100%; z-index:2; }
.scontainer { position: relative; width:100%; padding:50px 0 0 0; background:#eaeaea; z-index:2; }

	.containerarea { position:relative; width:1280px; padding:0 0 100px 0; margin:0 auto; }
	
		#subleft { float:left; width:230px; margin-right:50px; }
		#subright {  float:right; width:1000px; border:1px solid #ddd; padding:0 40px 80px 40px; box-sizing:border-box; background:#fff;  }
			#content { width:100%; min-height:300px; }
	
#bottom { width:100%; background:#fafafa;  }
	#bottomarea { position:relative; width:1280px; padding:40px 0 90px 0; margin:0 auto; z-index:3;}
	
	
@media (min-width:769px) and (max-width:1023px){
	html, body, #ujbclwrap { min-width:100%; width:100%; height:100%; }
		
	#top { height:97px; background:#fff; }
		#toparea { width:100%; height:97px; overflow:visible }
	
	#container { }
	.scontainer { }

		.containerarea { width:100%; padding:0 30px 100px 30px; box-sizing:border-box; }
		
			#subleft { display:none; }
			#subright {  float:none; width:100%; }
				#content { width:100%; min-height:300px; }
	
			
	#bottom { width:100%; background:#fafafa; }
		#bottomarea { position:relative; width:100%; padding:40px 30px 90px 30px; box-sizing:border-box; margin:0 auto; }

}


@media (max-width:768px){
	html, body, #ujbclwrap { min-width:100%; width:100%; height:100%; }
		
	#top { position:relative; width:100%; height:65px; border-bottom:1px solid #eee; background:#fff; }
		#toparea { position:relative; width:100%; height:65px; margin:0 auto; overflow:visible }
	
	#container { }
	.scontainer { padding:30px 0 0 0;  }

		.containerarea { width:100%; padding:0 15px 50px 15px; box-sizing:border-box; }
		
			#subleft { display:none; }
			#subright {  float:none; width:100%; padding:0 15px 25px 15px; }
				#content { width:100%; min-height:300px; }
			
	#bottom { width:100%; background:#fafafa; }
		#bottomarea { position:relative; width:100%; padding:40px 15px 90px 15px; box-sizing:border-box; margin:0 auto; }
}




/* 타이틀 */
#top h1.title { position:absolute; left:20px; top:81px; }



@media (min-width:769px) and (max-width:1023px){
	#top h1.title { left:calc(50% - 234px); top:15px;  }
	#top h1.title a img { height:67px; }
	
}


@media (max-width:768px){
	#top h1.title { left:calc(50% - 130px); top:15px; }
	#top h1.title img { width:230px; }
}



/* 모바일용 상단 버튼 */
.mobileTopBtn { display:none; }

@media (min-width:769px) and (max-width:1023px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; left:20px; top:28px; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:80px; top:28px; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:20px; top:28px; }
}


@media (max-width:768px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; left:15px; top:22px; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:45px; top:22px; }
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:15px; top:22px; }
	.mobileTopBtn li.mobileTopBtn1 img { width:18px; }
	.mobileTopBtn li.mobileTopBtn2 img { width:20px; }
	.mobileTopBtn li.mobileTopBtn3 img { width:20px; }
}



/* 모바일용 외부 링크 */
.mobileLink { display:none; }

@media (min-width:769px) and (max-width:1023px){
	.mobileLink { position:absolute; left:0; top:98px; width:100%; border-top:1px solid #ccc; border-bottom:1px solid #666; background:#fff; z-index:10; }
	.mobileLink ul { width:100%; overflow:hidden; }
	.mobileLink ul li { float:left; width:33%; height:50px; line-height:50px; background:url(/images/egovframework/com/svc/council/inc/mobileTopBtn_bgline.gif) no-repeat right bottom; text-align:center; font-size:90%; letter-spacing:-1px; }
	.mobileLink ul li:last-child { width:34%; }
}


@media (max-width:768px){
	.mobileLink { position:absolute; left:0; top:66px; width:100%; border-top:1px solid #ccc; border-bottom:1px solid #666; background:#fff; z-index:10; }
	.mobileLink ul { width:100%; overflow:hidden; }
	.mobileLink ul li { float:left; width:33%; height:50px; line-height:50px; background:url(/images/egovframework/com/svc/council/inc/mobileTopBtn_bgline.gif) no-repeat right bottom; text-align:center; font-size:90%; letter-spacing:-1px; }
	.mobileLink ul li:nth-child(2),
	.mobileLink ul li:nth-child(5),
	.mobileLink ul li:nth-child(8),
	.mobileLink ul li:nth-child(11),
	.mobileLink ul li:nth-child(14),
	.mobileLink ul li:nth-child(17) { width:34%; }
}


/* 상단링크1 */
.underLink { position:relative; float:left; }
.underLink > ul { border-left:1px solid #e5e2d7; overflow:visible; }
.underLink > ul > li { position:relative; float:left; width:130px; height:50px; border-right:1px solid #e5e2d7; }
.underLink > ul > li > a:link,
.underLink > ul > li > a:visited { width:100%; height:50px; line-height:50px; text-align:center; color:#333; font-size:95%; display:block; }
.underLink > ul > li > a:active,
.underLink > ul > li > a:focus,
.underLink > ul > li > a:hover { color:#000; }
.underLink > ul > li > a.select { background:#fff; color:#000; font-weight:bold; }


.underLink ul li a#abtn_underLinkBtn1,
.underLink ul li a#abtn_underLinkBtn2,
.underLink ul li a#abtn_underLinkBtn3 { padding-left:10px; box-sizing:border-box; background:url(/images/egovframework/com/svc/council/inc2/underlink_blt.png) no-repeat right 0; text-align:left; display:block; }


@media (min-width:1025px) and (max-width:1280px){
	.underLink > ul > li { width:110px; }
}


@media (min-width:769px) and (max-width:1024px){
	.underLink { display:none;}
}

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


/* 상단 의원목록 */
.topMemberList { position:absolute; left:0px; top:60px; width:550px; padding:15px 15px; border:2px solid #0f4b81; background:#fff; display:none; z-index:10000; }
.topMemberList > ul { width:100%; overflow:hidden; }
.topMemberList > ul > li { float:left; width:20%; height:30px; line-height:30px; padding:0 15px; box-sizing:border-box; background:none; }
.topMemberList > ul > li > a:link,
.topMemberList > ul > li > a:visited { color:#555; }
.topMemberList > ul > li > a:active,
.topMemberList > ul > li > a:focus,
.topMemberList > ul > li > a:hover { color:#0f4b81; }
.topMemberList > ul > li:last-child { background:none; }
.topMemberList > .abtn_memberListColse { width:60px; height:30px; line-height:30px; border-radius:3px; background:#333; color:#fff !important; font-size:85%; text-align:center; display:block; margin:20px auto 0; }


/* 상단 상임위목록 */
.topCommitteeList { position:absolute; left:110px; top:60px; width:400px; padding:15px 15px; border:2px solid #0f4b81; background:#fff; display:none; z-index:10000; }
.topCommitteeList > ul { width:100%; overflow:hidden; }
.topCommitteeList > ul > li { position:relative; float:left; width:33.3%; height:30px; line-height:30px; padding:0 15px; box-sizing:border-box; background:none; text-align:center; }
.topCommitteeList > ul > li > a:link,
.topCommitteeList > ul > li > a:visited { color:#555; }
.topCommitteeList > ul > li > a:active,
.topCommitteeList > ul > li > a:focus,
.topCommitteeList > ul > li > a:hover { color:#0f4b81; }
.topCommitteeList > ul > li:last-child { background:none; }
.topCommitteeList > .abtn_committeeListColse { width:60px; height:30px; line-height:30px; border-radius:3px; background:#333; color:#fff !important; font-size:85%; text-align:center; display:block; margin:20px auto 0; }


/* 상단 외국어목록 */
.topLanguageList { position:absolute; left:0px; top:54px; width:100%; border:1px solid #171f35; background:#202c4a; display:none; z-index:10000; }
.topLanguageList > ul { width:100%; overflow:hidden; }
.topLanguageList > ul > li { width:100%; height:40px; line-height:40px; padding:0 15px;  border-bottom:1px solid #171f35; background:none; }
.topLanguageList > ul > li > a:link,
.topLanguageList > ul > li > a:visited { color:#ccc; }
.topLanguageList > ul > li > a:active,
.topLanguageList > ul > li > a:focus,
.topLanguageList > ul > li > a:hover { color:#fff; }
.topLanguageList > .abtn_languageListColse { width:60px; height:30px; line-height:30px; border-radius:3px; background:#333; color:#fff !important; font-size:85%; text-align:center; display:block; margin:20px auto 0; }




/* 폰트설정 */
.fontszie { float:right; }
.fontszie ul { border-left:1px solid #e5e2d7; overflow:hidden; }
.fontszie ul li { float:left; width:50px; height:50px; border-right:1px solid #e5e2d7; }
.fontszie ul li a:link,
.fontszie ul li a:visited { display:block; }
.fontszie ul li a:active,
.fontszie ul li a:focus,
.fontszie ul li a:hover { background:#ece0b0; }

@media (min-width:769px) and (max-width:1024px){
	.fontszie { display:none; } 	 	
}


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


/* 사이드메뉴 */
.sidemenu { position:relative; float:right; font-size:85%; margin-top:40px; margin-right:15px; }
.sidemenu ul {}
.sidemenu ul li { float:left; margin-left:20px; }
.sidemenu ul li a:link,
.sidemenu ul li a:visited { color:#ccc;  }
.sidemenu ul li a:active,
.sidemenu ul li a:focus,
.sidemenu ul li a:hover { color:#202c4a; }

.sidemenu ul li:nth-child(2) { padding-right:15px; background:url(/images/egovframework/com/svc/council/inc/language_blt.gif) no-repeat right 9px; }
.sidemenu ul li ul { position:absolute; right:0px; top:25px; width:240px; height:50px; line-height:50px; padding:0 15px; border:1px solid #eee; background:#fff; overflow:hidden; display:none; z-index:10; }
.sidemenu ul li ul li { float:left; padding:0 10px; margin:0; }
.sidemenu ul li ul li:nth-child(2) { padding:0 10px; background:none; }
.sidemenu ul li ul li a:link,
.sidemenu ul li ul li a:visited { color:#999; }
.sidemenu ul li ul li a:active,
.sidemenu ul li ul li a:focus,
.sidemenu ul li ul li a:hover { color:#1757b7; }



@media (min-width:769px) and (max-width:1023px){
	.sidemenu { position:relative; float:right; font-size:85%; margin-top:20px; margin-right:20px; }	 	
}


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




/* gnb 메뉴 */
#menu { position:absolute; right:65px; top:102px; }
#topMenu { position:relative; }

#topMenu li { float:left; width:auto; text-align:center; display:inline-block; padding:0; margin:0; }

#topMenu li ul { display:none; }



#topMenu li a:link,
#topMenu li a:visited { width:auto; height:90px; vertical-align:top; background:none; padding:0 40px 0 40px; margin:0; color:#333; text-decoration:none; font-size:125%; display:block; box-sizing:border-box; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px; }
#topMenu li a:active,
#topMenu li a:focus,
#topMenu li a:hover,
#topMenu li a.select { padding-bottom:10px; color:#113d8e;  background:url(/images/egovframework/com/svc/council/inc/menu_blt_on.gif) no-repeat 50% 40px; }



@media (min-width:769px) and (max-width:1023px){
	#menu { display:none;  }
}


@media (max-width:768px){
	#menu { display:none; } 
}




/* 사이드메뉴2 - 상단검색버튼 */
.sidemenu2 { position:absolute; right:15px; top:104px; }
.sidemenu2 ul { overflow:hidden; }
.sidemenu2 ul li { float:left; margin-left:35px;  }


@media (min-width:769px) and (max-width:1023px){
	.sidemenu2 { display:none; }	
}


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





/* 상단검색 */
.topSearch { position:absolute; left:0; top:175px; width:100%; height:152px; background:url(/images/egovframework/com/svc/council/inc/topsearch_bg.png); z-index:10; display:none; }
.topSearch .topSearcharea { position:relative; width:990px; height:93px; padding-top:36px; box-sizing:border-box; border-bottom:1px solid #000; margin:0 auto; }
.topSearch .topSearcharea .text_topsearch { width:calc(100% - 67px); height:57px; line-height:57px; font-size:120%; padding-left:10px; border:none; background:none;  }
.topSearch .topSearcharea .topsearch_btn { position:absolute; right:0; bottom:0; }


@media (min-width:769px) and (max-width:1023px){
	.topSearch { top:98px; border-top:1px solid #ccc; border-bottom:1px solid #999; } 
	.topSearch .topSearcharea { width:calc(100% - 40px); }
	.topSearch .topSearcharea .text_topsearch { width:calc(100% - 67px); height:57px; line-height:57px; font-size:120%; padding-left:10px; border:none; background:none;  }
}



@media (max-width:768px){
	.topSearch { top:65px; height:100px; border-top:1px solid #ccc; border-bottom:1px solid #999; }
	.topSearch .topSearcharea { width:calc(100% - 30px); height:77px; padding-top:19px;  }
	.topSearch .topSearcharea .text_topsearch { width:calc(100% - 67px); height:57px; line-height:57px; font-size:120%; padding-left:10px; border:none; background:none;  }
}






/* 메인 영상 플레이어 */
.mainVod { width:100%; padding:42px 0 70px 0; background:url(/images/egovframework/com/svc/multimedia/sub/videoGallery_visiblebg.gif); margin-bottom:42px; }
.mainVod .mainVodarea { width:1280px; margin:0 auto; }
.mainVod .mainVodarea .mainVod_left { float:left; width:800px; margin-right:50px; }
.mainVod .mainVodarea .mainVod_left .subject { height:46px; padding-left:27px; background:url(/images/egovframework/com/svc/multimedia/sub/videoGallery_subject_blt.png) no-repeat 10px 15px; font-size:155%; color:#fff; }
.mainVod .mainVodarea .mainVod_left .vodarea { width:800px; }

.mainVod .mainVodarea .mainVod_left .vodarea .video { width:100%; height:450px; background:#333; vertical-align:top }
.mainVod .mainVodarea .mainVod_left .vodarea .video2 { display:none !important; }

@media (min-width:769px) and (max-width:1023px){
	.mainVod { padding:42px 30px 50px 30px; box-sizing:border-box; }
	.mainVod .mainVodarea { width:100%;  }
	.mainVod .mainVodarea .mainVod_left { float:none; width:100%; margin-right:0px; margin-bottom:30px; }
	.mainVod .mainVodarea .mainVod_left .subject { }
	.mainVod .mainVodarea .mainVod_left .vodarea { width:100%; min-height:auto;  }	
	
	.mainVod .mainVodarea .mainVod_left .vodarea .video { width:100%; }
	.mainVod .mainVodarea .mainVod_left .vodarea .video2 { position:relative; width:100%; min-height:auto; background:#333; display:block !important; }
	.mainVod .mainVodarea .mainVod_left .vodarea .video2 .tmplayarea img { width:100%; }
	.mainVod .mainVodarea .mainVod_left .vodarea .video2 .playbtn { position:absolute; left:calc(50% - 36px); top:calc(50% - 26px);}
	.mainVod .mainVodarea .mainVod_left .vodarea .video2 .playbtn img { width:72px !important; height:52px !important; }

	.mainVod .mainVodarea .mainVod_left .vodarea video { width:100%; height:450px; }

}


@media (max-width:800px){
	.mainVod .mainVodarea .mainVod_left .vodarea video { height:416px; }	
}



@media (max-width:768px){
	.mainVod { padding:22px 15px 30px 15px; box-sizing:border-box; }
	.mainVod .mainVodarea { width:100%; }
	.mainVod .mainVodarea .mainVod_left { float:none; width:100%; margin-right:0px; margin-bottom:30px; }
	.mainVod .mainVodarea .mainVod_left .subject { height:40px; background:url(/images/egovframework/com/svc/multimedia/sub/videoGallery_subject_blt.png) no-repeat 10px 12px; font-size:130%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;  }
	.mainVod .mainVodarea .mainVod_left .vodarea { width:100%; min-height:auto; }	

	.mainVod .mainVodarea .mainVod_left .vodarea .video { display:none;}
	.mainVod .mainVodarea .mainVod_left .vodarea .video2 { position:relative; width:100%; min-height:auto; background:#333; display:block !important; }
	.mainVod .mainVodarea .mainVod_left .vodarea .video2 .tmplayarea img { width:100%; }
	.mainVod .mainVodarea .mainVod_left .vodarea .video2 .playbtn { position:absolute; left:calc(50% - 36px); top:calc(50% - 26px);}
	.mainVod .mainVodarea .mainVod_left .vodarea .video2 .playbtn img { width:72px !important; height:52px !important; }

	.mainVod .mainVodarea .mainVod_left .vodarea .video { height:315px; }
	.mainVod .mainVodarea .mainVod_left .vodarea video { height:315px !important; }		
}


@media (max-width:640px){
	.mainVod .mainVodarea .mainVod_left .vodarea .video { height:343px; }
	.mainVod .mainVodarea .mainVod_left .vodarea video { height:343px !important; }	
}

@media (max-width:480px){
	.mainVod .mainVodarea .mainVod_left .vodarea .video { height:253px; }
	.mainVod .mainVodarea .mainVod_left .vodarea video { height:253px !important; }	
}

@media (max-width:425px){
	.mainVod .mainVodarea .mainVod_left .vodarea .video { height:222px; }
	.mainVod .mainVodarea .mainVod_left .vodarea video { height:222px !important; }	
}

@media (max-width:375px){
	.mainVod .mainVodarea .mainVod_left .vodarea .video { height:194px; }
	.mainVod .mainVodarea .mainVod_left .vodarea video { height:194px !important; }	
}



/* 생방송목록 */
.mainVod .mainVodarea .mainVod_right { float:left; width:430px; margin-top:46px; }
.mainVod .mainVodarea .mainVod_right h1 { width:100%; height:63px; line-height:63px; background:#5faf00; text-align:center; font-weight:normal; font-size:155%; color:#fff;  margin-bottom:15px;}
.mainVod .mainVodarea .mainVod_right h1 span { color:#172c46; }
.mainVod .mainVodarea .mainVod_right h1 span.todaystr { color:#fff; }

.mainVod .mainVodarea .mainVod_right .mOnairListBox { width:100%; height:372px; padding:0 20px; box-sizing:border-box; background:#fff url(/images/egovframework/com/svc/onair/main/onairlistbox_bg.jpg) no-repeat 50% bottom; }
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.list { width:100%; padding-top:5px; }
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.list li { width:100%; padding:8px 0; border-bottom:1px solid #ddd; overflow:hidden; }
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.list li .icon { float:left; width:85px; } 
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.list li .subject { float:left; width:calc(100% - 175px); } 
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.list li .subject a:link,
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.list li .subject a:visited { width:100%; height:30px; line-height:30px; color:#222; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.list li .subject a:active,
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.list li .subject a:focus,
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.list li .subject a:hover { color:#1757b7; text-decoration:underline; } 
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.list li .time {display:none; float:left; width:90px; height:30px; line-height:30px; padding-left:35px; box-sizing:border-box; background:url(/images/egovframework/com/svc/onair/sub/broadcast_onair_timeicon.png) no-repeat left 50%; } 


.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.list li .icon a { width:75px; height:30px; line-height:30px; border-radius:3px; text-align:center; color:#fff; display:block; }
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.list li .typeOn a { background:#da131a; }
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.list li .typeOff a { background:#40423f; }
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.list li .typeEnd a { background:#dddddd; }

.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.example { width:100%; height:46px; border-bottom:1px solid #ddd; }
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.example li { float:left; height:46px; line-height:46px; margin-right:10px; }
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.example li span { position:relative; top:2px; width:15px; height:15px; line-height:15px; border-radius:50%; font-size:0; display:inline-block; }
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.example li .ex1 { background:#da131a;}
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.example li .ex2 { background:#40423f;}
.mainVod .mainVodarea .mainVod_right .mOnairListBox ul.example li .ex3 { background:#dddddd;}



@media (min-width:769px) and (max-width:1023px){	
	.mainVod .mainVodarea .mainVod_right { float:none; width:100%; margin-top:0; }
	.mainVod .mainVodarea .mainVod_right .mOnairListBox { height:auto; padding:0 20px 150px 20px; }

}

@media (max-width:768px){	
	.mainVod .mainVodarea .mainVod_right { float:none; width:100%; margin-top:0; }
	.mainVod .mainVodarea .mainVod_right h1 { font-size:130%; }
	.mainVod .mainVodarea .mainVod_right .mOnairListBox { height:auto; padding:0 20px 150px 20px; }

	
}




/* 최근동영상 */
.mnewvod { position:relative; float:left; width:480px; margin-right:50px; }
.mnewvod h1 { width:100%; padding:0 0 9px 5px; border-bottom:1px solid #ccc; box-sizing:border-box; font-size:155%; color:#333;  margin-bottom:8px; }
.mnewvod ul { width:100%; }
.mnewvod ul li { width:100%; height:40px; line-height:40px; border-bottom:1px solid #ddd; vertical-align:middle; overflow:hidden; display:block; }

.mnewvod ul li .date { float:left; width:67px; text-align:center; color:#777; }
.mnewvod ul li .subject { float:left; width:calc(100% - 177px); display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.mnewvod ul li .btn { float:left; position:relative; top:-1px; width:110px; text-align:center; }

.mnewvod ul li .subject a:link,
.mnewvod ul li .subject a:visited { color:#333; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; display:block; } 
.mnewvod ul li .subject a:active,
.mnewvod ul li .subject a:focus,
.mnewvod ul li .subject a:hover { color:#1757b7; } 


.mnewvod .more { position:absolute; right:10px; top:13px; }




@media (min-width:768px) and (max-width:1024px){
	.mnewvod { float:none; width:100%; margin-right:0; margin-bottom:40px; }
}
@media (max-width:767px){
	.mnewvod { float:none; width:100%; margin-right:0; margin-bottom:40px; }
	
	/*.mnewvod ul li .date {  }
	.mnewvod ul li .subject { float:left; width:calc(100% - 181px); display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.mnewvod ul li .btn { float:left; width:93px; padding-left:10px; box-sizing:border-box; }*/
}




/* 영상검색 */
.mvodsearch { float:left; width:340px; margin-right:50px; }
.mvodsearch h1 { width:100%; padding:0 0 9px 5px; border-bottom:1px solid #ccc; box-sizing:border-box; font-size:155%; color:#333;  margin-bottom:13px; }
.mvodsearch .select_select { width:100%; height:42px; border:1px solid #ccc; padding-left:15px; box-sizing:border-box; display:block; margin-bottom:9px; font-family:NotoSans-DemiLight, "본고딕 데미라이트" !important; }
.mvodsearch .text_searchtxt { width:100%; height:42px; border:1px solid #ccc; padding-left:15px; box-sizing:border-box; display:block; margin-bottom:9px; font-family:NotoSans-DemiLight, "본고딕 데미라이트" !important; }
.mvodsearch .button_searchbtn { width:100%; height:42px; border:1px solid #113d8e; border-radius:3px; background:#113d8e; color:#fff; }

@media (min-width:768px) and (max-width:1024px){
	.mvodsearch { float:left; width:47%; margin-right:6%; }
}
@media (max-width:767px){
	.mvodsearch { float:none; width:100%; margin-right:0; margin-bottom:30px; }
}



/* 생방송일정안내 */
.mschedule { float:left; width:360px; }
.mschedule .mschedule_top { width:100%; height:46px; }
.mschedule .mschedule_top h1 { float:left; font-size:140%; padding-left:5px; color:#333;font-size:155%; color:#333; letter-spacing:-1px; }
.mschedule .mschedule_top .calendar_select { float:right; position:relative; top:9px; padding-right:10px; }
.mschedule .mschedule_top .calendar_select a { vertical-align:top; display:inline-block; }
.mschedule .mschedule_top .calendar_select .date { position:relative; top:-3px; padding:0 12px; }
.mschedule .mschedule_top .calendar_select .date strong { color:#1757b7; }

.mschedule .mcalendar_calendar { width:100%; }
.mschedule .mcalendar_calendar table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
.mschedule .mcalendar_calendar table th { height:36px; background:#0073bc; color:#fff; }
.mschedule .mcalendar_calendar table th.sun { border-radius:18px 0 0 18px;}
.mschedule .mcalendar_calendar table th.sat { border-radius:0 18px 18px 0;}
.mschedule .mcalendar_calendar table td { height:30px; text-align:center; font-size:85%; }

.mschedule .mcalendar_calendar table td.onday { background:url(/images/egovframework/com/svc/onair/main/mschedule_onday.png) no-repeat 50% 50%; }
.mschedule .mcalendar_calendar table td.onday a {color:#fff; }

.mschedule .mcalendar_calendar table td.today { background:url(/images/egovframework/com/svc/onair/main/mschedule_today.png) no-repeat 50% 50%; text-decoration:underline; font-weight:bold; color:#fff; }
.mschedule .mcalendar_calendar table td.today a {color:#fff; }

@media (min-width:768px) and (max-width:1024px){
	.mschedule { float:left; width:47%; }
}
@media (max-width:767px){
	.mschedule { float:none;; width:100%; }
	.mschedule .mschedule_top h1 { float:left; font-size:140%; padding-left:5px; color:#333; letter-spacing:-2px; }
	.mschedule .mschedule_top .calendar_select { padding-right:3px;}
}










/* 하단 */
#bottom #bottomarea .logo { float:left; width:280px; }

#bottom #bottomarea .bottom_right { float:left; width:calc(100% - 280px); padding-top:10px;  }

#bottom #bottomarea .bottom_right .bottomMenu { margin-bottom:30px; }
#bottom #bottomarea .bottom_right .bottomMenu ul { width:100%; overflow:hidden; }
#bottom #bottomarea .bottom_right .bottomMenu ul li { float:left; padding:0 16px 0 15px; background:url(/images/egovframework/com/svc/council/inc/bottom_menu_line.gif) no-repeat right 50%; }
#bottom #bottomarea .bottom_right .bottomMenu ul li:first-child { padding-left:0; }
#bottom #bottomarea .bottom_right .bottomMenu ul li:last-child { background:none; }

#bottom #bottomarea .bottom_right .bottomMenu ul li a:link,
#bottom #bottomarea .bottom_right .bottomMenu ul li a:visited { color:#555; }
#bottom #bottomarea .bottom_right .bottomMenu ul li a:active,
#bottom #bottomarea .bottom_right .bottomMenu ul li a:focus,
#bottom #bottomarea .bottom_right .bottomMenu ul li a:hover { color:#caa970; }

#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(2) a:link,
#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(2) a:visited { color:#c59c55; }
#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(2) a:active,
#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(2) a:focus,
#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(2) a:hover { color:#90661d; }

#bottom #bottomarea .bottom_right address { margin-bottom:5px; }
#bottom #bottomarea .bottom_right address span { margin-right:20px; }

#bottom #bottomarea .bottom_right .copyright { font-size:90%; font-family:Arial, Helvetica, sans-serif; } 
#bottom #bottomarea .bottom_right .copyright strong { color:#846659; }

#bottom #bottomarea .topbtn { position:absolute; right:0; top:0; }


@media (min-width:769px) and (max-width:1023px){
	#bottom #bottomarea .logo { float:left; width:200px; }

	#bottom #bottomarea .bottom_right { width:calc(100% - 200px); }

	#bottom #bottomarea .bottom_right address { font-size:90%; }
	#bottom #bottomarea .bottom_right .copyright { font-size:85%;  } 

	#bottom #bottomarea .topbtn { right:20px; top:-20px; z-index:10; }
}


@media (max-width:767px){
	#bottom #bottomarea .logo { float:none; width:100%; text-align:center; margin-bottom:30px; }
	#bottom #bottomarea .bottom_right { float:none; width:100%; padding-top:0px;  }
	
	#bottom #bottomarea .bottom_right .bottomMenu { overflow:auto; font-size:90%; }
	#bottom #bottomarea .bottom_right .bottomMenu ul { width:330px; margin:0 auto; text-align:center; }

	#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(3) { background:none; }
	#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(4),
	#bottom #bottomarea .bottom_right .bottomMenu ul li:nth-child(5) { display:none;  }
	
	#bottom #bottomarea .bottom_right address { text-align:center; margin-bottom:15px; }
	#bottom #bottomarea .bottom_right address span:first-child { display:block; margin-right:20px; }
	
	#bottom #bottomarea .bottom_right .copyright { text-align:center; }
	
	#bottom #bottomarea .topbtn { right:15px; top:-20px; z-index:10; }

}




/* 서브페이지 */
/* 서브페이지 */
/* 서브페이지 */



/* 좌측배너 */
.leftbanner { width:222px; }
.leftbanner ul { width:222px; }
.leftbanner ul li { width:222px; height:130px; margin-bottom:10px; }
.leftbanner ul li a { width:222px; height:130px; padding-right:60px; box-sizing:border-box; color:#fff; display:block;  }

.leftbanner ul li .txt1 { font-weight:bold; font-size:120%; padding:20px 0 10px 15px;  }
.leftbanner ul li .txt2 { font-size:85%; padding-left:15px; letter-spacing:-1px; }

.leftbanner ul li.li1 { background:#2aa4b5 url(/images/egovframework/com/svc/onair/sub/leftbanner_icon1.jpg) no-repeat right 50%; background-size:auto 60px;  }
.leftbanner ul li.li2 { background:#135c9c url(/images/egovframework/com/svc/onair/sub/leftbanner_icon2.jpg) no-repeat right 50%; background-size:auto 60px; }
.leftbanner ul li.li3 { background:#4e7ac7 url(/images/egovframework/com/svc/onair/sub/leftbanner_icon3.jpg) no-repeat right 50%; background-size:auto 60px; }


/* 페이지타이틀 + SNS버튼 */
.pagetitle { position:relative; width:100%; height:150px; border-bottom:1px solid #eee; margin-bottom:50px; }
.pagetitle .path { position:absolute; left:0; bottom:15px; }
.pagetitle .path img { position:relative; top:4px; }

.pagetitle h1 { padding:50px 0 0 0; font-size:200%; color:#000;  } 


.pagetitle .snsbtn { position:absolute; right:0px; bottom:15px; }
.pagetitle .snsbtn ul { overflow:hidden;}

.pagetitle .snsbtn ul.pcTabletBtn { display:block; }
.pagetitle .snsbtn ul.mobileBtn { display:none; }

.pagetitle .snsbtn ul li { float:left; margin-left:10px; }



@media (min-width:769px) and (max-width:1024px){
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:10px; }
}

@media (max-width:768px){
	.pagetitle { height:120px; border-bottom:1px solid #eee; margin-bottom:50px; }
	
	.pagetitle .path { font-size:85%; }
	.pagetitle .path img { position:relative; top:4px; }

	.pagetitle h1 { padding:30px 0 0 0; font-size:200%; color:#000;  } 

	.pagetitle .snsbtn { position:absolute; right:0px; top:35px; }
	
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:5px; }
}





/* 생방송 - 채널선택 */
.liveBroadcast { width:100%; }
.liveBroadcast .onair_channel { width:100%; margin-bottom:50px; }
.liveBroadcast .onair_channel .onair_channel_top { position:relative; width:100%; height:auto; padding:25px 0 25px 120px; background:#135c9c url(/images/egovframework/com/svc/onair/sub/liveBroadcast_channel_icon.jpg) no-repeat 20px 20px; box-sizing:border-box; }

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

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

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

.liveBroadcast .onair_channel .onair_channel_body ul li .icon { float:left; width:100px; padding:10px 0 0 15px; display:inline-block; box-sizing:border-box; }
.liveBroadcast .onair_channel .onair_channel_body ul li .icon  a { width:75px; height:40px; line-height:40px; border-radius:3px; text-align:center; color:#fff; display:block; }
.liveBroadcast .onair_channel .onair_channel_body ul li .typeOn a { background:#da131a; }
.liveBroadcast .onair_channel .onair_channel_body ul li .typeOff a { background:#40423f; }
.liveBroadcast .onair_channel .onair_channel_body ul li .typeEnd a { background:#dddddd; }


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

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

.liveBroadcast .onair_channel .onair_channel_body ul li .subject a:link,
.liveBroadcast .onair_channel .onair_channel_body ul li .subject a:visited { width:100%; color:#222; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }
.liveBroadcast .onair_channel .onair_channel_body ul li .subject a:active,
.liveBroadcast .onair_channel .onair_channel_body ul li .subject a:focus,
.liveBroadcast .onair_channel .onair_channel_body ul li .subject a:hover { color:#1757b7; text-decoration:underline; }



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

}




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


.liveBroadcast .onair_view .onair_off { width:100%; }
.liveBroadcast .onair_view .onair_off .onair_offbar { width:100%; height:40px; text-align:center; background:#003567; }
.liveBroadcast .onair_view .onair_off .onair_offbar p { line-height:40px; color:#fff; }
.liveBroadcast .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; }
.liveBroadcast .onair_view .onair_off .onair_offbox p { padding-top:220px; background:url(/images/egovframework/com/svc/onair/sub/liveBroadcast_onairOff_icon.jpg) no-repeat 50% 50px; }
.liveBroadcast .onair_view .onair_off .onair_offbox p strong { font-size:200%; color:#06c; display:block; }
.liveBroadcast .onair_view .onair_off .onair_offbox p span { color:#999; font-size:90%; }


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



.liveBroadcast .onair_view .onair_on table { width:100%; border-top:2px solid #113d8e; }
.liveBroadcast .onair_view .onair_on table th,
.liveBroadcast .onair_view .onair_on table td { padding:10px 10px 10px 10px; border-bottom:1px solid #ddd; }
.liveBroadcast .onair_view .onair_on table th { padding-left:40px; text-align:left; vertical-align:top; background:url(/images/egovframework/com/svc/minutes/sub/vodlist_blt1.gif) no-repeat 20px 15px; }
.liveBroadcast .onair_view .onair_on table td { padding-left:20px; border-left:1px solid #ddd; }
.liveBroadcast .onair_view .onair_on table td.subject { font-weight:bold; color:#113d8e; }
.liveBroadcast .onair_view .onair_on table td .time { padding-left:15px; font-weight:bold; color:#1757b7; }
.liveBroadcast .onair_view .onair_on table td.onaircontent { line-height:1.7; }



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

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




/* 생방송일정 */
.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:#06c; 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:#0073bc; 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.onday { background: url(/images/egovframework/com/svc/onair/sub/schedule_onday.png) no-repeat 50% 50%; }
.calendar_calendar table td.onday a { color:#fff; display:block;  }
.calendar_calendar table td.today { text-decoration:underline; font-weight:bold; color:#fff; background:url(/images/egovframework/com/svc/onair/sub/schedule_today.png) no-repeat 50% 50%; }
.calendar_calendar table td.today a {color:#fff; display:block; }



.liveBroadcastSchedule .onairsc { width:100%; } /* 생방송 내용 */
.liveBroadcastSchedule .onairsc h3 { position:relative; width:100%; padding:8px 0 8px 37px !important; border:1px solid #ddd; background:#f4f4f4 url(/images/egovframework/com/svc/minutes/sub/broadcast_onairsc_blt.png) no-repeat 15px 14px !important; font-weight:normal !important; font-size:110% !important; margin-bottom:20px !important; box-sizing: border-box; }
.liveBroadcastSchedule .onairsc h3 .title { color:#113d8e; font-weight:bold; margin-right:10px; }
.liveBroadcastSchedule .onairsc h3 .date { color:#999; margin-right:10px; }
.liveBroadcastSchedule .onairsc h3 .time { color:#06c; }
.liveBroadcastSchedule .onairsc .schedule_content { padding:0 20px; line-height:1.7; }




input, textarea, select, button { font-family:NotoSans-DemiLight, "본고딕 데미라이트", NotoSans-Medium, "본고딕 미디엄", gulim, dotum, Arial !important; }