@charset "utf-8";


/* 레이아웃 */
#ujbclwrap { min-width:1280px; width:100%; }
#top { position:relative; width:100%; height:229px;  border-bottom:1px solid #6a4f48; background: url(/images/egovframework/com/svc/council/inc2/top_bg.gif) repeat-x; }
	#top:after { position:absolute; bottom:60px; width:100%; content:''; border-bottom:1px solid #ddd; }
	#toparea { position:relative; width:1280px; height:229px; margin:0 auto; overflow:visible; } 
	
#container { position:relative; min-width:1280px; width:100%; z-index:2; }
	
	#cont1 { position:relative; width:100%; padding:0 0 60px 0; background:linear-gradient(#fff, #e7e2de); overflow:hidden; }
	#cont2 { width:100%; padding:60px 0; margin:0 auto; }
	#cont3 { position:relative; width:100%; padding:60px 0; background:url(/images/egovframework/com/svc/council/main2/cont3_bg.jpg) no-repeat 50% 50%/cover;}	
	#cont4 { position:relative; width:100%; padding:60px 0; background:#f8f8f8; }	
	#cont5 { position:relative; width:100%; height:472px; padding:60px 0; }
		.containerarea { width:1280px; margin:0 auto; }
	
	
#bottom { width:100%; background:#3a3e59; }
	#bottomarea { position:relative; width:1280px; padding:30px 0 70px 0; margin:0 auto; }


@media (min-width:1025px) and (max-width:1280px){
	html, body, #ujbclwrap { min-width:100%; width:100%; height:100%; }

	#top { position:relative; width:100%; height:229px;  border-bottom:1px solid #6a4f48; background: url(/images/egovframework/com/svc/council/inc2/top_bg.gif) repeat-x; }
		#top:after { position:absolute; bottom:60px; width:100%; content:''; border-bottom:1px solid #ddd; }
		#toparea { position:relative; width:100%; height:229px; margin:0 auto; overflow:visible; } 
		
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
		#cont1 { position:relative; width:100%; padding:0 0 60px 0; background:linear-gradient(#fff, #e7e2de); overflow:hidden; }
		#cont2 { width:100%; padding:60px 0; margin:0 auto; }
		#cont3 { position:relative; width:100%; padding:60px 0; background:url(/images/egovframework/com/svc/council/main2/cont3_bg.jpg) no-repeat 50% 50%/cover;}	
		#cont4 { position:relative; width:100%; padding:60px 0; background:#f8f8f8; }	
		#cont5 { position:relative; width:100%; padding:60px 0; }
			.containerarea { width:100%; padding:0 15px; box-sizing:border-box; margin:0 auto; }
		
		
	#bottom { width:100%; background:#3a3e59; }
		#bottomarea { position:relative; width:100%; padding:30px 15px 70px 15px; box-sizing:border-box; margin:0 auto; }


}
	

	
@media (min-width:769px) and (max-width:1024px){
	html, body, #ujbclwrap { min-width:100%; width:100%; height:100%; }
		
	#top { position:relative; min-width:100%; width:100%; height:auto; border-bottom:1px solid #ddd; background:#fff; }
		#top:after { display:none; }
		#toparea { position:relative; width:100%; height:90px; margin:0 auto; overflow:visible; z-index:1005; } 
	
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
		#cont1 { position:relative; width:100%; padding:0 0 60px 0; background:linear-gradient(#fff, #e7e2de); overflow:hidden; }
		#cont2 { width:100%; padding:60px 0; margin:0 auto; }
		#cont3 { position:relative; width:100%; padding:60px 0; background:url(/images/egovframework/com/svc/council/main2/cont3_bg.jpg) no-repeat 50% 50%/cover;}	
		#cont4 { position:relative; width:100%; padding:60px 0; background:#f8f8f8; }	
		#cont5 { position:relative; width:100%; height:980px; padding:60px 0; }
			.containerarea { width:100%; padding:0 15px; box-sizing:border-box; margin:0 auto; }
			
	#bottom { width:100%; background:#3a3e59; }
		#bottomarea { width:100%; padding:30px 15px 70px 15px; box-sizing:border-box; }
		

		
}


@media (max-width:768px){
	html, body, #ujbclwrap { min-width:100%; width:100%; height:100%; }
		
	#top { position:relative; min-width:100%; width:100%; height:auto; border-bottom:1px solid #ddd; background:#fff; }
		#top:after { display:none; }
		#toparea { position:relative; width:100%; height:70px; margin:0 auto; overflow:visible; z-index:1005; } 
	
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
		#cont1 { position:relative; width:100%; padding:0 0 60px 0; background:linear-gradient(#fff, #e7e2de); overflow:hidden; }
		#cont2 { width:100%; padding:60px 0; margin:0 auto; }
		#cont3 { position:relative; width:100%; padding:60px 0; background:url(/images/egovframework/com/svc/council/main2/cont3_bg.jpg) no-repeat 50% 50%/cover;}	
		#cont4 { position:relative; width:100%; padding:60px 0; background:#f8f8f8; }	
		#cont5 { position:relative; width:100%; height:980px; padding:60px 0; }
			.containerarea { width:100%; padding:0 15px; box-sizing:border-box; margin:0 auto; }
			
	#bottom { width:100%; background:#3a3e59; }
		#bottomarea { width:100%; padding:30px 15px 70px 15px; box-sizing:border-box; }

}


@media (max-width:480px){
	html, body, #ujbclwrap { min-width:100%; width:100%; height:100%; }
		
	#top { position:relative; min-width:100%; width:100%; height:auto; border-bottom:1px solid #ddd; background:#fff; }
		#top:after { display:none; }
		#toparea { position:relative; width:100%; height:70px; margin:0 auto; overflow:visible; z-index:1005; } 
	
	#container { position:relative; min-width:100%; width:100%; z-index:2; }
		
		#cont1 { position:relative; width:100%; padding:0 0 60px 0; background:linear-gradient(#fff, #e7e2de); overflow:hidden; }
		#cont2 { width:100%; padding:60px 0; margin:0 auto; }
		#cont3 { position:relative; width:100%; padding:60px 0; background:url(/images/egovframework/com/svc/council/main2/cont3_bg.jpg) no-repeat 50% 50%/cover;}	
		#cont4 { position:relative; width:100%; padding:60px 0; background:#f8f8f8; }	
		#cont5 { position:relative; width:100%; height:830px; padding:60px 0 0 0; }
			.containerarea { width:100%; padding:0 15px; box-sizing:border-box; margin:0 auto; }
			
	#bottom { width:100%; background:#3a3e59; }
		#bottomarea { width:100%; padding:30px 15px 70px 15px; box-sizing:border-box; }

}


/* 레이어팝업 */
@media (max-width:768px){
	.layerPopup { width:100% !important; left:0 !important; top:0 !important; }
	.layerPopup .pic a img { width:100%; }
}


/* 타이틀 */
#top h1.title { position:absolute; left:0px; right:0; top:75px; text-align:center; }
#top h1.title a { width: 250px; display: block; overflow: hidden; margin: 0 auto; }


@media (min-width:769px) and (max-width:1024px){
	#top h1.title { left:0; right:0; top:21px;  }
	#top h1.title img { height:54px; }
	
}


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






/* 상단링크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; } 	
}




/* 상단통합검색2 */
.topSearch2 { position:relative; float:right; width:217px; height:54px; }
.topSearch2 .text_topsearch { width:100%; height:54px; line-height:54px; padding-left:15px; padding-right:54px; box-sizing:border-box; border:none; background:#172037; color:#fff; }
.topSearch2 .topsearch_btn { position:absolute; right:0; top:0; }


@media (max-width:1024px){
	.topSearch2 { 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:#888;  }
.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:#888; }
.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:1024px){
	.sidemenu { display:none; }	 	
}


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



/* gnb 메뉴 */
#menu { position:absolute; left:0; right:0; top:188px; z-index:11; }
#topMenu { position:relative; overflow:visible; }

#topMenu:before { position:absolute; left:0; height:25px; content:''; border-left:1px solid #ddd; }

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

#topMenu > li > a:link,
#topMenu > li > a:visited { width:auto; height:50px; vertical-align:top; background:none; margin:0; color:#222; text-decoration:none; font-size:125%; display:block; box-sizing:border-box; font-family:esamanru-Medium; letter-spacing:-1px; }
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover,
#topMenu > li > a.select { color:#1a8c3d; }

#topMenu > li > a:after { position:absolute; right:0; height:25px; content:''; border-right:1px solid #ddd; }


@media (min-width:1025px) and (max-width:1280px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { font-size:105%; }
}


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


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



/* 서브메뉴 표시 */
#topMenu > li > .smarea  { position:absolute; left:0; top:42px; width:100%; height:152px; padding:30px 0 0 0px; background:#fff; display:none; clear:both; z-index:1003;  }
#topMenu > li strong { float:left; width:220px; color:#000; font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:160%; text-align:left; display:inline-block; margin-top:5px; }
#topMenu > li ul { float:left; width:calc(100% - 220px); padding:0; display:inline-block;   }

#topMenu > li ul > li { float:left; width:20%; padding-left:10px; box-sizing:border-box; text-align:left; display:block;  }
#topMenu > li ul > li.long { width:40%; }

#topMenu > li ul > li > a:link,
#topMenu > li ul > li > a:visited { position:relative; height:40px; line-height:40px; color:#333; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size:110%; letter-spacing:-1px; }
#topMenu > li ul > li > a:active,
#topMenu > li ul > li > a:hover,
#topMenu > li ul > li > a:focus,
#topMenu > li ul > li > a.select { clear:both; color:#1a8c3d; font-weight:bold; }
#topMenu > li ul > li > a:before { content:''; position:absolute; left:-10px; top:18px; width:3px; height:3px; background:#fe9c00; display:inline-block; }

#topMenu > li ul > li > a.st { letter-spacing:-2px; }
#topMenu > li ul > li > a .topnw { top:13px; }




.submenu { display:none; overflow:hidden; }

.menubox { position:absolute; left:0; top:230px; width:100%; height:183px; border-bottom:3px solid #ff8400; background:#fff; display:none; z-index:10; }



@media (max-width:1280px){
	#topMenu > li > .smarea  { padding:30px 15px 0 15px; }
}


@media (min-width:1025px) and (max-width:1280px){
	
}


@media (min-width:1025px) and (max-width:1152px){
	
}


@media (max-width:1024px){
	.topMenu,
	.menubox { display:none; } 	
	.menubox { width:0; height:0; border:0; line-height:0; }
}






/* 사이드메뉴2 */
.sidemenu2 { position:absolute; right:0px; top:92px; }
.sidemenu2 ul { overflow:hidden; }
.sidemenu2 ul li { float:left; margin-left:35px;  }
.sidemenu2 ul li:first-child { position:relative; top:3px; } 


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


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





/* 상단검색 */
.topSearch { position:absolute; left:0; top:229px; width:100%; height:152px; background:url(/images/egovframework/com/svc/council/inc/topsearch_bg.png); z-index:100000000; 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:1024px){
	.topSearch { top:98px;}
	.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; }
	.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;  }
}

/* 생방송알림 */
.onairNotice { width:100%; }
.onairNotice .onairNoticeBox { width:100%;padding:14px 10px 14px 30px;  border:1px solid #615144; box-sizing:border-box; background:#7c6d61; }

.onairNotice .onairNoticeBox .date { float:left; width:320px; color:#fff; font-size:125%; font-family:esamanru-Medium, "이사만루 미디엄";  }
.onairNotice .onairNoticeBox .date span { color:#ffd40c; }

.onairNotice .onairNoticeBox .list { float:left; width:calc(100% - 585px); padding:0 15px; border-left:1px solid #887d74; border-right:1px solid #887d74; box-sizing:border-box; margin-right:15px;  }

.onairNotice .onairNoticeBox .list ul { width:100%;  }
.onairNotice .onairNoticeBox .list ul li { width:100%; height:30px; line-height:30px; overflow:hidden; display:block; }

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

.onairNotice .onairNoticeBox .list ul li .subject { float:left; width:calc(100% - 185px);  }
.onairNotice .onairNoticeBox .list ul li .subject a:link,
.onairNotice .onairNoticeBox .list ul li .subject a:visited { width:100%; color:#fff; font-size:115%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;  }
.onairNotice .onairNoticeBox .list ul li .subject a:active,
.onairNotice .onairNoticeBox .list ul li .subject a:focus,
.onairNotice .onairNoticeBox .list ul li .subject a:hover { color:#ffd40c; } 

.onairNotice .onairNoticeBox .list ul li .time { display:none; float:left; width:100px; padding-left:41px; box-sizing:border-box; background:url(/broadcast/images/main/onair_icon_time.gif) no-repeat 0 50%; color:#fff; }

.onairNotice .onairNoticeBox .example { float:left; width:250px; }
.onairNotice .onairNoticeBox .example ul { width:100%; }
.onairNotice .onairNoticeBox .example ul li { float:left; color:#fff; margin-right:10px; }
.onairNotice .onairNoticeBox .example ul li span { position:relative; top:2px; width:15px; height:15px; line-height:15px; border-radius:50%; font-size:0; display:inline-block; }
.onairNotice .onairNoticeBox .example ul li .ex1 { background:#da131a;}
.onairNotice .onairNoticeBox .example ul li .ex2 { background:#40423f;}
.onairNotice .onairNoticeBox .example ul li .ex3 { background:#dddddd;}

@media (min-width:769px) and (max-width:1024px){
	.onairNotice .onairNoticeBox .date { float:none; width:100%; margin-bottom:8px; }
	.onairNotice .onairNoticeBox .list { width:calc(100% - 265px); padding-left:0; border-left:none;  }
}

@media (max-width:768px){
	.onairNotice .onairNoticeBox .date { float:none; width:100%; margin-bottom:8px; }
	.onairNotice .onairNoticeBox .list { width:calc(100% - 265px); padding-left:0; border-left:none;  }
}

@media (max-width:640px){
	.onairNotice .onairNoticeBox { padding:14px 15px 14px 15px; }
	.onairNotice .onairNoticeBox .list { width:100%; padding:8px 0 10px 0; border:none;  }
	.onairNotice .onairNoticeBox .example { float:none; width:100%; }
}



/* 메인 생방송 플레이어 */
#mainonair { width:100%; padding:38px 0 40px 0; background:url(/images/main/onair_bg.gif); }
#mainonairarea { position:relative; width:1280px; margin:0 auto; }


#mainonairarea .mplayer { float:left; width:calc(100% - 480px); margin-right:50px; }
#mainonairarea .mplayer h3 { height:44px; padding:0 0 0 27px; font-weight:normal; font-size:130%; color:#000; background:url(/images/main/onair_blt_title.png) no-repeat 0 7px; }
#mainonairarea .mplayer .mplayerarea { width:100%; height:450px }


#mainonairarea .monairlist { float:right; width:430px; margin-top:44px; }
#mainonairarea .monairlist .monairlistBox { width:100%; padding:0 20px; border:1px solid #615144; box-sizing:border-box; background:#7c6d61; margin-bottom:43px; }

#mainonairarea .monairlist .monairlistBox .dayarea { width:100%; height:65px; line-height:65px; font-weight:bold; font-size:125%; letter-spacing:-1px; color:#fff; text-align:center; }
#mainonairarea .monairlist .monairlistBox .dayarea strong { color:#ffd40c; font-weight:normal; }


#mainonairarea .monairlist .monairlistBox ul.list { width:100%; padding:10px 0; border-top:1px solid #887d74; border-bottom:1px solid #887d74; overflow:auto; }
#mainonairarea .monairlist .monairlistBox ul.list li { width:100%; height:40px; line-height:40px; overflow:hidden; display:block; }


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

#mainonairarea .monairlist .monairlistBox ul.list li .subject { float:left; width:calc(100% - 185px); }
#mainonairarea .monairlist .monairlistBox ul.list li .subject a:link,
#mainonairarea .monairlist .monairlistBox ul.list li .subject a:visited { width:100%; color:#ccc; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;  }
#mainonairarea .monairlist .monairlistBox ul.list li .subject a:active,
#mainonairarea .monairlist .monairlistBox ul.list li .subject a:focus,
#mainonairarea .monairlist .monairlistBox ul.list li .subject a:hover { color:#fff; } 

#mainonairarea .monairlist .monairlistBox ul.list li .time {display:none; float:left; width:100px; padding-left:41px; box-sizing:border-box; background:url(/images/main/onair_icon_time.gif) no-repeat 0 50%; color:#fff; }


#mainonairarea .monairlist .monairlistBox ul.example { width:100%; overflow:hidden; }
#mainonairarea .monairlist .monairlistBox ul.example li { float:left; padding:14px 0 17px 0; color:#fff; margin-right:10px; }
#mainonairarea .monairlist .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; }
#mainonairarea .monairlist .monairlistBox ul.example li .ex1 { background:#da131a;}
#mainonairarea .monairlist .monairlistBox ul.example li .ex2 { background:#40423f;}
#mainonairarea .monairlist .monairlistBox ul.example li .ex3 { background:#dddddd;}

#mainonairarea .monairlist .monair_visible { width:100%; text-align:center; }
#mainonairarea .monairlist .monair_visible .txt { margin-bottom:10px; }
#mainonairarea .monairlist .monair_visible .icon { width:99px; height:82px; background:url(/images/main/onair_icon.png) no-repeat; margin:0 auto 40px; }
#mainonairarea .monairlist .monair_visible a:link,
#mainonairarea .monairlist .monair_visible a:visited { color:#1c5497;}
#mainonairarea .monairlist .monair_visible a:active,
#mainonairarea .monairlist .monair_visible a:focus,
#mainonairarea .monairlist .monair_visible a:hover { color:#000; }
#mainonairarea .monairlist .monair_visible a strong { font-weight:normal; }
#mainonairarea .monairlist .monair_visible a span { padding-right:18px; background:url(/images/main/onair_blt_go.gif) no-repeat right 50%; color:#000; display:inline-block; }



#mainonairarea .mainonair_bottom { width:100%; padding-top:15px; text-align:right; overflow:hidden; }
#mainonairarea .mainonair_bottom form { float:right; vertical-align:top;  }
#mainonairarea .mainonair_bottom .close { position:relative; float:right; top:5px; padding-left:10px; display:inline-block;  }



@media (min-width:1025px) and (max-width:1280px){
	#mainonair { padding:38px 15px 40px 15px; box-sizing:border-box;  }
	#mainonairarea { width:100%; }

	#mainonairarea .mplayer { width:calc(100% - 430px); margin-right:30px; }
	#mainonairarea .monairlist { width:400px; }
}

@media (min-width:901px) and (max-width:1024px){
	#mainonair { padding:38px 30px 40px 30px; box-sizing:border-box;  }
	#mainonairarea { width:100%; }

	#mainonairarea .mplayer { width:calc(100% - 370px); margin-right:30px; }
	#mainonairarea .monairlist { width:340px; }


	#mainonairarea .mplayer .mplayerarea { height:334px }
	
}

@media (min-width:769px) and (max-width:900px){
	#mainonair { padding:38px 30px 40px 30px; box-sizing:border-box;  }
	#mainonairarea { width:100%; }

	#mainonairarea .mplayer { width:100%; margin-right:0px; }
	#mainonairarea .monairlist { width:100%; }

	#mainonairarea .mplayer .mplayerarea { height:450px }
	
}

@media (max-width:768px){
	#mainonair { padding:38px 15px 40px 15px; box-sizing:border-box;  }
	#mainonairarea { width:100%; }

	#mainonairarea .mplayer { width:100%; margin-right:0px; }
	#mainonairarea .monairlist { width:100%; }	


	#mainonairarea .mplayer .mplayerarea { height:415px; }
}


@media (max-width:640px){
	#mainonairarea .mplayer .mplayerarea { height:343px; }
}

@media (max-width:480px){
	#mainonairarea .mplayer .mplayerarea { height:253px; }
}

@media (max-width:425px){
	#mainonairarea .mplayer .mplayerarea { height:222px; }
}

@media (max-width:375px){
	#mainonairarea .mplayer .mplayerarea { height:194px; }
}

@media (max-width:375px){
	#mainonairarea .mplayer .mplayerarea { height:186px; }
}




/* 오늘의 생방송 */
.mOnair { width:100%; border-bottom:1px solid #ddd; background:#fafafa; overflow:hidden; z-index:100; }
.mOnair .onairarea { width:1280px; padding:20px 0; overflow:hidden; margin:0 auto; }

.mOnair .onairarea .onairLeft { float:left; width:195px; box-sizing:border-box; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; }
.mOnair .onairarea .onairLeft h1 { color:#000; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:185%; margin:8px 0 4px 0; }
.mOnair .onairarea .onairLeft p { width:100px; height:40px; line-height:40px; background:#326789; border-radius:10px; color:#fff; font-size:120%; margin:0 auto; }

.mOnair .onairarea .onairRight { float:left; width:calc(100% - 270px); border-left:1px solid #ddd; box-sizing:border-box; }
.mOnair .onairarea .onairRight li { float:left; width:50%; height:50px; line-height:50px; padding-left:30px; box-sizing:border-box; display:block; margin:12px 0; }
.mOnair .onairarea .onairRight li .icon { float:left; width:80px; height:45px; line-height:45px; border-radius:5px; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:130%; letter-spacing:-1.5px; text-align:center; background:#e11a00; display:inline-block; margin-right:15px; }
.mOnair .onairarea .onairRight li .typeOn { background:#e91d72; }
.mOnair .onairarea .onairRight li .typeOff { background:#dddddd; color:#333; }
.mOnair .onairarea .onairRight li .typeEnd { background:#40423f; }
 
.mOnair .onairarea .onairRight li .subject { float:left; width:calc(100% - 200px); }
.mOnair .onairarea .onairRight li .subject a:link,
.mOnair .onairarea .onairRight li .subject a:visited { width:100%; height:50px; line-height:50px; color:#111; font-size:125%;  font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;  }
.mOnair .onairarea .onairRight li .subject a:active,
.mOnair .onairarea .onairRight li .subject a:focus,
.mOnair .onairarea .onairRight li .subject a:hover { color:#1757b7; } 

.mOnair .onairarea .onairRight li .time { float:left; width:80px; height:50px; line-height:50px; padding-left:35px; box-sizing:border-box; background:url(/images/egovframework/com/svc/council/main2/onair_icon.png) no-repeat 0 50%; color:#555; font-weight:bold; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size:130%;  }


@media (min-width:1025px) and (max-width:1280px){
	.mOnair .onairarea { width:100%; padding:20px 15px; }
	.mOnair .onairarea .onairRight { padding-top:10px;}
	.mOnair .onairarea .onairRight li { float:none; width:100%; margin-top:0; margin:0 0 10px 0; }
}



@media (min-width:769px) and (max-width:1024px){
	.mOnair .onairarea { width:100%; padding:20px 30px; box-sizing:border-box; }

	.mOnair .onairarea .onairLeft { width:200px;  padding-right:30px;}
	.mOnair .onairarea .onairLeft h1 { font-size:120%; }
	.mOnair .onairarea .onairLeft p { font-size:145%; }
	
	.mOnair .onairarea .onairRight { width:calc(100% - 200px); }
	.mOnair .onairarea .onairRight li { float:none; width:100%;  }
	
	.mOnair .onairarea .onairRight li .subject { width:calc(100% - 245px); }
}


@media (max-width:768px){
	.mOnair .onairarea { width:100%; padding:20px 15px 10px 15px; box-sizing:border-box; }
	
	.mOnair .onairarea .onairLeft { float:none; width:100%; letter-spacing:-1px; overflow:hidden; }
	.mOnair .onairarea .onairLeft h1 { float:none; font-size:135%; margin:0 0 10px 0; }
	.mOnair .onairarea .onairLeft p { float:none; width:100%; border-radius:0; font-size:135%; margin:0 0 15px 0;  }
	
	.mOnair .onairarea .onairRight { float:none; width:100%; padding-left:0px; padding-top:15px; border-left:none; border-top:1px solid #ddd;  }
	.mOnair .onairarea .onairRight li { float:none; width:100%; height:40px; line-height:40px; padding:0; margin:0 0 10px 0; }
	
	.mOnair .onairarea .onairRight li .icon { width:70px; height:40px; line-height:40px; font-size:120%; margin-right:10px; }
	 
	.mOnair .onairarea .onairRight li .subject { width:calc(100% - 80px - 95px); }
	.mOnair .onairarea .onairRight li .subject a:link,
	.mOnair .onairarea .onairRight li .subject a:visited { height:40px; line-height:40px; font-size:115%; }
	
	.mOnair .onairarea .onairRight li .time { width:95px; height:40px; line-height:40px; padding-left:45px; background:url(/images/main2/onair_timeicon2.png) no-repeat 0 50%; font-size:120%;  }
}



/* 생방송 일정 */
.mSchedule { position:relative; width:100%; padding:20px 0; border-bottom:1px solid #ddd; box-sizing:border-box; margin-bottom:50px; }

.mSchedule .scheduleLeft { float:left; width:288px; border-right:1px solid #ddd; padding-left:20px; box-sizing:border-box; }
.mSchedule .scheduleLeft h1 { float:left; color:#333; font-size:180%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-right:15px; }
.mSchedule .scheduleLeft h1 span { color:#ed6b5b; font-size:120%; }
.mSchedule .scheduleLeft a { float:left; width:22px; height:22px; display:block; margin:9px 0 0 0; }

.mSchedule .scheduleRight { float:right; width:calc(100% - 289px); }

.mSchedule .scheduleDate { float:left; width:250px; color:#e35d54; font-size:165%; font-family:esamanru-Medium, "이사만루 미디엄"; text-align:center; margin-top:5px;}
.mSchedule .scheduleDate span { color:#111; font-size:80%; font-family:esamanru-Medium, "이사만루 미디엄"; }

.mSchedule .listAll { position:relative; float:left; width:calc(100% - 270px); height:40px; line-height:40px; }
.mSchedule .listAll .listAllBar { position:relative; width:100%; height:100%; padding-right:130px; background:#eee; overflow:hidden; }
.mSchedule .listAll .listAllBar .list { position:relative; float:left; height:100%; font-size:110%; text-align:left; } 
.mSchedule .listAll .listAllBar a:link,
.mSchedule .listAll .listAllBar a:visited { width:100%; padding:0 20px;  box-sizing:border-box; color:#111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; transition:0.2s; } 
.mSchedule .listAll .listAllBar a:active,
.mSchedule .listAll .listAllBar a:focus,
.mSchedule .listAll .listAllBar a:hover { color:#ff8400; }

.mSchedule .listAll .listAllBar .none { text-align:center; color:#888; }

.mSchedule .listAll .bar { position:absolute; right:0; bottom:0px; width:130px; height:40px; line-height:40px; background:#eee; z-index:1001; }

.mSchedule .slick-prev,
.mSchedule .slick-next { position:absolute; top:11px; width:18px; height:18px; line-height:18px; border:none; font-size:0; cursor:pointer; display:block; z-index:1003; }

.mSchedule .slick-prev { right:80px; background:url(/images/egovframework/com/svc/council/main2/schedule_btn_prev.gif) no-repeat; }
.mSchedule .slick-next { right:20px; background:url(/images/egovframework/com/svc/council/main2/schedule_btn_next.gif) no-repeat; }


			/*자동실행버튼(재생,일시정지)*/
.mSchedule .btn_play { position:absolute; right:50px; top:11px; width:18px; height:18px; border:0; background: url(/images/egovframework/com/svc/council/main2/schedule_btn_pause.gif) no-repeat; text-indent:-9999px; z-index:1001; }
.mSchedule .btn_play.on { background:url(/images/egovframework/com/svc/council/main2/schedule_btn_play.gif) no-repeat;  }



@media (min-width:1025px) and (max-width:1280px){
	.mSchedule .scheduleLeft { width:220px; padding-left:10px; }
	.mSchedule .scheduleLeft h1 { float:left; color:#333; font-size:150%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-right:10px; }
	.mSchedule .scheduleLeft a { float:left; width:22px; height:22px; display:block; margin:5px 0 0 0; }

	.mSchedule .scheduleRight { float:right; width:calc(100% - 220px); }
	.mSchedule .scheduleDate { width:230px; }

	.mSchedule .listAll { width:calc(100% - 240px); }
}

@media (min-width:769px) and (max-width:1024px){
	.mSchedule { height:auto; margin-bottom:30px; }
	.mSchedule .scheduleLeft { float:left; width:calc(100% - 200px); border-right:none; padding-left:10px; overflow:hidden; }

	.mSchedule .scheduleRight { float:none; width:100%; }
	.mSchedule .scheduleDate { flaot:left; width:200px; text-align:center; font-size:130%; background:#1a8c3d; color:#fff; padding:10px 0; box-sizing:border-box; margin-bottom:10px; }
	.mSchedule .scheduleRight .scheduleDate span { color:#fff; }
	.mSchedule .listAll { width:100%; margin-top:10px; }
}


@media (max-width:768px){
	.mSchedule { position:relative; width:100%; height:auto; padding:20px 0; border-bottom:1px solid #ddd; box-sizing:border-box; margin-bottom:50px; }
	.mSchedule .scheduleLeft { width:100%; padding-left:0; }
	.mSchedule .scheduleLeft h1 { float:left; color:#333; font-size:150%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-right:15px; }
	.mSchedule .scheduleLeft a { float:right; width:22px; height:22px; display:block; margin:0; }

	.mSchedule .scheduleRight { float:none; width:100%; }
	.mSchedule .scheduleDate { width:100%; text-align:center; font-size:130%; background:#1a8c3d; color:#fff; padding:10px 0; box-sizing:border-box; margin-bottom:10px; }
	.mSchedule .scheduleDate span { color:#fff; }

	.mSchedule .listAll { position:relative; float:left; width:100%; }

	.mSchedule .listAll .listAllBar { padding-right:100px;  }
	.mSchedule .listAll .listAllBar a:link,
	.mSchedule .listAll .listAllBar a:visited { padding:0 0 0 15px; }
	.mSchedule .listAll .bar { width:100px; }

	.mSchedule .mSession p { font-size:150%; }
}


@media (max-width:640px){
	.mSchedule .scheduleLeft { width:100%; padding-left:0; }
	.mSchedule .scheduleLeft h1 { float:left; color:#333; font-size:150%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-right:15px; }
	.mSchedule .scheduleLeft a { float:right; width:22px; height:22px; display:block; margin:0; }

	.mSchedule .scheduleRight { float:none; width:100%; }
	.mSchedule .scheduleDate { width:100%; text-align:center; font-size:130%; background:#1a8c3d; color:#fff; padding:10px 0; box-sizing:border-box; }
	.mSchedule .scheduleDate span { color:#fff; }

	.mSchedule .listAll .listAllBar { padding-right:100px;  }
	.mSchedule .listAll .listAllBar a:link,
	.mSchedule .listAll .listAllBar a:visited { padding:0 0 0 15px; }
	.mSchedule .listAll .bar { width:100px; }

	.mSchedule .mSession p { font-size:112.5%; flex-direction: column; align-items: start; justify-content:center; }
}


/* 생방송 회기정보 표시 */
.mSchedule .mSession { position:relative; width:100%; min-height:100px; padding:20px; box-sizing:border-box; border-radius:10px; background:#f4f4f4; text-align:center; margin-top:20px; } 
.mSchedule .mSession .sessiconList { display:flex; flex-wrap:wrap; align-items:center; text-align:center; white-space:nowrap; justify-content:center; }
.mSchedule .mSession .sessiconList strong { height:60px; line-height:60px; padding-left:80px; background:url(/images/egovframework/com/svc/council/inc/mark.png) no-repeat 0 0; background-size:auto 60px; color:#111; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:185%; display:block; margin-bottom:2px; margin-right:12px; }
.mSchedule .mSession .sessiconList b { color:#113d8e; font-weight:normal; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:170%; margin-right:30px;  } 
.mSchedule .mSession .sessiconList i { color:#333; font-style:normal; font-weight:bold; font-size:120%; white-space:pre-line; text-align:left; display:inline-block; }


@media (min-width:769px) and (max-width:1024px){
	.mSchedule .mSession .sessiconList i { width:100%; display:flex; justify-content:center; margin-top:20px; }
}

@media (max-width:768px){
	.mSchedule .mSession .sessiconList strong { height:40px; line-height:40px; padding-left:55px; background-size:auto 40px; font-size:160%; margin:0; }
	.mSchedule .mSession .sessiconList b { width:100%;  font-size:150%; margin:20px 0 0 0;  } 
	.mSchedule .mSession .sessiconList i { width:100%; display:flex; justify-content:center; margin-top:20px; }
}






/* 메인비주얼 */
.visible { position:relative; width:100%; margin-bottom:30px; }

.visible .visibleList { position:relative; width:100%; height:100%; border-radius:10px; overflow:hidden; margin:0 auto; }
.visible .visibleList .list { position:relative; float:left;}
.visible .visibleList .list a { width:100%; display:block; }
.visible .visibleList .list img { width:100%; height:auto;}
.visible .bar { position:absolute; left:calc(50% - 115px); bottom:0px; width:230px; height:55px; line-height:55px; border-radius:15px 15px 0 0; background:rgba(0, 0, 0, 0.6); z-index:1001; }


.visible .slick-prev,
.visible .slick-next { position:absolute; bottom:20px; width:30px; height:15px; line-height:15px; border:none; font-size:0; cursor:pointer; display:block; z-index:1003; }

.visible .slick-prev { left:calc(50% - 86px); background:url(/images/egovframework/com/svc/council/main2/visible_btn_prev.png) no-repeat; }
.visible .slick-next { left:calc(50% + 56px); background:url(/images/egovframework/com/svc/council/main2/visible_btn_next.png) no-repeat; }




			/*자동실행버튼(재생,일시정지)*/
.visible .btn_play { position:absolute; left:calc(50% + 20px); bottom:20px; width:11px; height:15px; line-height:15px; border:0; background: url(/images/egovframework/com/svc/council/main2/visible_btn_pause.png) no-repeat; text-indent:-9999px; z-index:1001; }
.visible .btn_play.on { background:url(/images/egovframework/com/svc/council/main2/visible_btn_play.png) no-repeat;  }


			/* Dots 메인 서브  */
.visible .slick-dotted.slick-slider {  }
.visible .slick-dots { position:absolute; left:calc(50% - 40px); bottom:4px; width:60px !important; text-align:center; overflow:hidden; display:block; margin:0 auto; z-index:1002; }
			/* Dots  */
.visible .slick-dots li { height:50px; line-height:50px; color:#fff;  letter-spacing:5px; z-index:1003;}





.visible .slogan { position:absolute; left:0; right:0; top:20px; text-align:center; z-index:1000; }


	
	



@media (min-width:769px) and (max-width:1024px){

.visible .slogan { top:30px; text-align:center; }
	.visible .slogan img { width:400px; }
	

}


@media (max-width:768px){	
	.visible { height:auto; }
	
	.visible .visibleList { height:auto; }
	.visible .visibleList .list { height:auto;}
	.visible .visibleList .list .pic img { height:auto;}	

	.visible .slogan { top:50px; text-align:center; }
	.visible .slogan img { width:300px; }
}


/* 열린의장실 */
.mChairman { position:relative; float:left; width:520px; margin-right:30px; }
.mChairman h1 { color:#333; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:180%; letter-spacing:-1px; margin-bottom:24px;  }
.mChairman h1 span { color:#ed6b5b; font-weight:normal; font-size:120%; }
.mChairman .chairmanBox { width:100%; height:338px; border-radius:10px; padding:50px 0 0 0; box-sizing:border-box; background:#fff; }
.mChairman .chairmanBox p { padding-left:30px; box-sizing:border-box; line-height:1.4em; font-family:esamanru-Medium, "이사만루 미디엄"; color:#333; font-size:120%; }
.mChairman .chairmanBox p .txt1 { overflow:hidden; }
.mChairman .chairmanBox p .txt1 .t1 { color:#bf9e54; font-size:120%; }
.mChairman .chairmanBox p .txt1 .t2 { color:#6694bf; font-size:120%; }
.mChairman .chairmanBox p .txt1 .t3 { color:#609853; font-size:120%; }
.mChairman .chairmanBox p .txt1 strong { font-weight:normal; display:block; }

.mChairman .chairmanBox p .txt2 { font-size:180%; color:#1a8c3d; }
.mChairman .chairmanBox img { position:absolute; right:20px; bottom:60px; }
.mChairman ul { position:absolute; bottom:0; width:100%; height:60px; line-height:60px; border-radius:10px; }
.mChairman ul li { float:left; width:50%; height:100%; text-align:center; }
.mChairman ul li a:link,
.mChairman ul li a:visited {width:100%; height:100%; display:block; color:#fff; font-size:120%; background:#9a8782; transition:0.3s; }
.mChairman ul li a:active,
.mChairman ul li a:focus,
.mChairman ul li a:hover { background:#6a4f48; }

@media (min-width:1025px) and (max-width:1280px){
	.mChairman { position:relative; float:left; width:470px; margin-right:30px; }
	.mChairman .chairmanBox p .txt1 .br { display:block; }
}

@media (min-width:769px) and (max-width:1024px){
	.mChairman { position:relative; float:none; width:100%; margin:0 0 30px 0; }
	.mChairman h1 { margin-bottom:15px; }

}

@media (max-width:768px){
	.mChairman { position:relative; float:none; width:100%; margin:0 0 30px 0; }
	.mChairman h1 { margin-bottom:15px; }

}

@media (max-width:640px){
	.mChairman { position:relative; float:none; width:100%; margin:0 0 30px 0; }
	.mChairman h1 { margin-bottom:15px; }

	.mChairman .chairmanBox p { padding-left:15px; }
	.mChairman .chairmanBox p .txt2 { font-size:130%; color:#1a8c3d; }

	.mChairman .chairmanBox img { position:absolute; right:10px; bottom:60px; }

}

@media (max-width:480px){
	.mChairman .chairmanBox p .txt1 .br { display:block; }
}

@media (max-width:390px){
	.mChairman .chairmanBox p .txt1 .br2 { overflow:hidden; display:block; }
	.mChairman .chairmanBox p .txt1 .br { display:inline; }
}




/* 바로가기 */
.mQuick { float:left; width:calc(100% - 550px); }
.mQuick h1 { color:#333; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:180%; letter-spacing:-1px; margin-bottom:24px;  }
.mQuick h1 span { color:#ed6b5b; font-weight:normal; font-size:120%; }
.mQuick ul { width:100%; }
.mQuick ul li { float:left; width:25%; text-align:center; margin-bottom:20px; }
.mQuick ul li a span { margin-top:10px; display:block; }

.mQuick ul li a:link i,
.mQuick ul li a:visited i { width:120px; height:120px; line-height:120px; border-radius:50%; padding-top:25px; box-sizing:border-box; background:#f6f4f2; display:block; margin:0 auto; transition:0.3s; }
.mQuick ul li a:active i,
.mQuick ul li a:focus i,
.mQuick ul li a:hover i { transform: scaleX(-1); }

.mQuick ul li a:link,
.mQuick ul li a:visited { font-family:esamanru-Medium, "이사만루 미디엄"; font-size:110%; color:#333; letter-spacing:-1px;}
.mQuick ul li a:active,
.mQuick ul li a:focus,
.mQuick ul li a:hover { color:#710100; }

@media (min-width:1025px) and (max-width:1280px){
	.mQuick { float:left; width:calc(100% - 500px); }
	.mQuick ul li { float:left; width:25%; text-align:center; margin-bottom:25px; }

	.mQuick ul li a:link i,
	.mQuick ul li a:visited i { width:110px; height:110px; line-height:110px; border-radius:50%; padding-top:25px; box-sizing:border-box; background:#f6f4f2; display:block; margin:0 auto; transition:0.3s; }

	.mQuick ul li a:link i img { height:60px; }
}

@media (min-width:769px) and (max-width:1024px){
	.mQuick { float:none; width:100%; }

}

@media (max-width:768px){
	.mQuick { float:none; width:100%; }

	.mQuick ul li a:link i,
	.mQuick ul li a:visited i { width:90px; height:90px; line-height:90px; border-radius:50%; padding-top:25px; box-sizing:border-box; background:#f6f4f2; display:block; margin:0 auto; transition:0.3s; }

	.mQuick ul li a:link i img { height:45px; }

	.mQuick ul li a:link,
	.mQuick ul li a:visited { font-family:esamanru-Medium, "이사만루 미디엄"; font-size:95%; color:#333; letter-spacing:-1px;}

}

@media (max-width:425px){
	.mQuick { float:none; width:100%; }

	.mQuick ul li a:link i,
	.mQuick ul li a:visited i { width:75px; height:75px; line-height:75px; border-radius:50%; padding-top:15px; box-sizing:border-box; background:#f6f4f2; display:block; margin:0 auto; transition:0.3s; }

	.mQuick ul li a:link i img { height:40px; }

	.mQuick ul li a:link,
	.mQuick ul li a:visited { font-family:esamanru-Medium, "이사만루 미디엄"; font-size:95%; color:#333; letter-spacing:-1px;}

}



/* 현역의원 */
.mMember { position:relative; width:100%; }
.mMember h1 { color:#333; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:180%; letter-spacing:-1px; text-align:center; margin-bottom:24px;  }
.mMember h1 span { color:#ed6b5b; font-weight:normal; font-size:120%; }

.mMember .allMap { position:absolute; left:0; top:20px; padding:5px 15px; background:#9a8782; color:#fff; }
.mMember .memberLeft { float:left; width:425px; margin-right:40px; }
.mMember .mapMobile { display:none; }

.mMember .memberRightFirst,
.mMember .memberRight { float:right; width:calc(100% - 465px); margin-top:20px; }
.mMember .memberRightFirst > ul > li { float:left; width:20%; text-align:center; margin-bottom:10px; }
.mMember .memberRightFirst > ul > li dt { width:100%; text-align:center; margin-bottom:0px;  }
.mMember .memberRightFirst > ul > li dt img { /*width:93px; height:123px;*/ width:120px; height:160px; border:1px solid #ddd; margin-bottom:5px;  }
.mMember .memberRightFirst > ul > li dl dd { width:100%; font-size:100%; }
.mMember .memberRightFirst > ul > li dl dd.name { font-size:120%; color:#111; font-family:esamanru-Medium, "이사만루 미디엄"; margin-bottom:10px; }

.mMember .memberRight .rightBox { width:100%; height:45px; line-height:45px; padding-left:20px; border:1px solid #ddd; box-sizing:border-box; font-size:130%; color:#3a3e59; font-family:esamanru-Medium, "이사만루 미디엄"; margin-bottom:15px; }
.mMember .memberRight .rightBox span { font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size:80%; margin-left:10px; }

.mMember .memberRight > ul > li { float:left; width:25%; text-align:center; }
.mMember .memberRight > ul > li dl dt img { padding:5px; border:1px solid #ddd; margin-bottom:5px; }
.mMember .memberRight > ul > li dl dd.name { font-size:120%; color:#111; font-family:esamanru-Medium, "이사만루 미디엄"; margin-bottom:10px; }
.mMember .memberRight > ul > li dl dd.mBtn a:link,
.mMember .memberRight > ul > li dl dd.mBtn a:visited { width:120px; height:40px; line-height:40px; border-radius:5px; background:#888; color:#fff; transition:0.3s; margin:0 auto;  }
.mMember .memberRight > ul > li dl dd.mBtn a:active,
.mMember .memberRight > ul > li dl dd.mBtn a:focus,
.mMember .memberRight > ul > li dl dd.mBtn a:hover { background:#3a3e59; }



@media (min-width:1025px) and (max-width:1280px){
	.mMember .memberRightFirst > ul > li { float:left; width:20%; text-align:center; margin-bottom:10px; }
	.mMember .memberRightFirst > ul > li dt img { width:93px; height:123px; }

}

@media (min-width:769px) and (max-width:1024px){
	.mMember h1 { margin-bottom:50px;  }
	.mMember .allMap { position:absolute; left:calc(50% - 50px); top:50px; padding:5px 15px; background:#326789; color:#fff; }	

	.mMember .memberLeft { float:none; width:100%; margin-right:0; text-align:center; }
	
	.mMember .memberRightFirst,
	.mMember .memberRight { float:none; width:100%; margin-top:30px; }

	.mMember .memberRightFirst > ul > li dt img { width:93px; height:123px; }

}

@media (max-width:768px){
	.mMember h1 { margin-bottom:50px;  }
	.mMember .allMap { position:absolute; left:calc(50% - 50px); top:50px; padding:5px 15px; background:#326789; color:#fff; }	

	.mMember .memberLeft { float:none; width:100%; margin-right:0; text-align:center; }
	
	.mMember .memberRightFirst,
	.mMember .memberRight { float:none; width:100%; margin-top:30px; }
	.mMember .memberRightFirst > ul > li { float:left; width:25%; text-align:center; margin-bottom:10px; }

	.mMember .memberRight > ul > li { float:left; width:33.3%; text-align:center; }

	.mMember .memberRightFirst > ul > li dt img { width:93px; height:123px; }

}

@media (max-width:640px){
	.mMember .mapMobile { display:block; }
	.mMember .mapPc { display:none; }

	.mMember .memberRight .rightBox { padding-left:10px; letter-spacing:-1px; }

}


@media (max-width:425px){
	.mMember .memberLeft { float:none; width:100%; margin-right:0; text-align:center; }
	
	.mMember .memberRightFirst,
	.mMember .memberRight { float:none; width:100%; margin-top:30px; }

	.mMember .memberRightFirst > ul > li { float:left; width:33.3%; text-align:center; margin-bottom:10px; }

	.mMember .memberRight > ul > li { float:left; width:100%; text-align:center; margin-bottom:30px; }
	.mMember .memberRight > ul > li:last-child { margin-bottom:0; }

}




/* 의정활동사진 */
.mPhoto { position:relative; width:100%; text-align:center; margin:0 auto; }

.mPhoto h1 { color:#333; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:180%; letter-spacing:-1px; text-align:center; }
.mPhoto h1 span { color:#ed6b5b; font-size:120%;  }

.mPhoto p.txt { margin-bottom:30px; }

.mPhoto a.more { position:absolute; left:calc(50% + 308px); top:6px;}

.mPhoto ul.photoList { padding-bottom:15px; }
.mPhoto ul.photoList li { position:relative; float:left; width:326px !important; height:auto; border-radius:20px; box-shadow:5px 5px 10px rgba(0,0,0,0.2); overflow:hidden; margin:0 16px; }

.mPhoto ul li .picArea { width:100%; height:auto; overflow:hidden; }
.mPhoto ul li .picArea a { width:100%; height:auto; overflow:hidden; display:block; }
.mPhoto ul li .pic { width:100%; height:0; padding-top:calc(216 / 326 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ overflow:hidden;  display:block; }
.mPhoto ul li .pic img { width:100%; }

.mPhoto ul li .pic { background-size:cover !important;}

.mPhoto ul li .picArea a:link,
.mPhoto ul li .picArea a:visited { transition:0.3s; }
.mPhoto ul li .picArea a:active,
.mPhoto ul li .picArea a:focus,
.mPhoto ul li .picArea a:hover {transform:scale(1.1);}

.mPhoto ul li .bar { width:100%; height:92px; padding:19px 20px 0 20px; box-sizing:border-box;  background:#fff; text-align:left; }
.mPhoto ul li .bar a.subject:link,
.mPhoto ul li .bar a.subject:visited { width:100%; color:#111; font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄"; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s; display:block; margin-bottom:2px; }
.mPhoto ul li .bar a.subject:active,
.mPhoto ul li .bar a.subject:focus,
.mPhoto ul li .bar a.subject:hover { color:#1757b7; }

.mPhoto ul li .bar p { font-size:95%; color:#888; }

.mPhoto .slick-prev,
.mPhoto .slick-next { position:absolute; top:6px; width:32px; height:32px; line-height:31px; border:none; font-size:0; cursor:pointer; display:block; z-index:1003; }

.mPhoto .slick-prev { left:calc(50% + 197px); background:url(/images/egovframework/com/svc/council/main2/slick_btn_prev.png) no-repeat; }
.mPhoto .slick-next { left:calc(50% + 271px); background:url(/images/egovframework/com/svc/council/main2/slick_btn_next.png) no-repeat; }


			/*자동실행버튼(재생,일시정지)*/
.mPhoto .btn_play { position:absolute; left:calc(50% + 234px); top:6px; width:32px; height:32px; border:0; background: url(/images/egovframework/com/svc/council/main2/slick_btn_pause.png) no-repeat; text-indent:-9999px; z-index:1001; }
.mPhoto .btn_play.on { background:url(/images/egovframework/com/svc/council/main2/slick_btn_play.png) no-repeat;  }


@media (max-width:768px){
	.mPhoto p.txt { margin-bottom:50px; }
	.mPhoto a.more { left:calc(50% + 33px); top:70px;}	
	.mPhoto .slick-prev,
	.mPhoto .slick-next { top:70px; }

	.mPhoto .slick-prev { left:calc(50% - 63px); }
	.mPhoto .slick-next { left:calc(50% + 1px); }
	.mPhoto .btn_play { left:calc(50% - 31px); top:70px; }	
}


/* 영상자료 */
.mVod { width:100%; }

.mVod h1 { color:#333; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:180%; letter-spacing:-1px; text-align:center; margin-bottom:8px; }
.mVod h1 span { color:#ed6b5b; font-size:120%;  }

.mVod { position:relative; width:100%; height:405px; }
.mVod ul#mtabmenu2 { width:250px; height:37px; z-index:11; margin:0 auto; }
.mVod ul#mtabmenu2 > li { float:left;  width:calc(50% - 5px); margin-right:5px }
.mVod ul#mtabmenu2 > li:last-child { margin:0 0 0 5px; }

.mVod ul#mtabmenu2 > li > a:link,
.mVod ul#mtabmenu2 > li > a:visited { width:100%; height:100%; line-height:35px; border-radius:5px; background:#fff; border:1px solid #ddd; box-sizing:border-box; color:#333; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:110%; text-align:center; letter-spacing:-1px;  display:inline-block; }
.mVod ul#mtabmenu2 > li > a:active,
.mVod ul#mtabmenu2 > li > a:focus,
.mVod ul#mtabmenu2 > li > a:hover,
.mVod ul#mtabmenu2 > li > a.select { background:#3a3e59; color:#fff; }


.mVod ul#mtabmenu2 .area { position:absolute; left:0px; right:0; top:113px; width:100%; height:291px; overflow:visible;display:none; }
.mVod ul#mtabmenu2 .area ul { width:100%; overflow:visible;  }
.mVod ul#mtabmenu2 .area ul li { float:left; width:calc(25% - 21px); height:291px; border-radius:20px; background:#fff; font-size:70%; box-shadow:0px 0px 8px rgba(0,0,0,0.1); display:block; overflow:hidden; margin-right:28px; }
.mVod ul#mtabmenu2 .area ul li:last-child { margin-right:0px; }

.mVod ul#mtabmenu2 .area ul li a { position:relative; width:100%; height:auto; display:block; }
.mVod ul#mtabmenu2 .area ul li .pic { position:relative; width:100%; height:0; padding-top:calc(205 / 305 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */  display:block; overflow:hidden; margin-bottom:19px; }

.mVod ul#mtabmenu2 .area ul li .pic img { width:100%; }

.mVod ul#mtabmenu2 .area ul li .playBtn { position:absolute; left:calc(50% - 25px); top:calc(50% - 25px); }

.mVod ul#mtabmenu2 .area ul li .subject { width:100%; padding:0 15px; box-sizing:border-box; margin-bottom:5px;  }
.mVod ul#mtabmenu2 .area ul li .subject a:link,
.mVod ul#mtabmenu2 .area ul li .subject a:visited { width:100%; color:#333; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:160%; letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }
.mVod ul#mtabmenu2 .area ul li .subject a:active,
.mVod ul#mtabmenu2 .area ul li .subject a:focus,
.mVod ul#mtabmenu2 .area ul li .subject a:hover { color:#ff8111; }

.mVod ul#mtabmenu2 .area ul li .date { padding:0 15px; color:#888; font-size:145%; display:block; }

.mVod ul#mtabmenu2 .area .more { position:absolute; right:0; top:-57px; }



@media (min-width:1025px) and (max-width:1280px){	
	.mVod { height:365px; }
	.mVod ul#mtabmenu2 .area ul li { height:auto; padding-bottom:30px;  }
}


@media (min-width:769px) and (max-width:1024px){	
	.mVod ul#mtabmenu2 .photoBody { width:100%; overflow:auto; } 
	
	.mVod ul#mtabmenu2 .area ul { width:1045px; }
	.mVod ul#mtabmenu2 .area ul li { width:250px; height:auto; padding-bottom:30px; margin-right:15px; }	
	.mVod ul#mtabmenu2 .area ul li:last-child { margin-right:0px; }	
}


@media (max-width:768px){
	.mVod ul#mtabmenu2 .photoBody { width:100%; overflow:auto; } 
	
	.mVod ul#mtabmenu2 .area ul { width:1045px; }
	.mVod ul#mtabmenu2 .area ul li { width:250px; height:auto; padding-bottom:30px; margin-right:15px; }	
	.mVod ul#mtabmenu2 .area ul li:last-child { margin-right:0px; }	
}

@media (max-width:540px){	
	.mVod ul#mtabmenu2 { width:100%; }
	.mVod ul#mtabmenu2 .area .more { display:none; }
}




/* 알림판 */
.popupzone { position:relative; float:left; width:500px; margin-right:30px; }
.popupzone h1 { color:#333; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:180%; letter-spacing:-1px; margin-bottom:15px;  }

.popupzone .popupzoneList { height:423px; border-radius:5px; overflow:hidden; } 
.popupzone .popupzoneList .list { position:relative; float:left; height:423px;  } 

.popupzone .popupzoneList .list img { width:100%; height:100%; }


.popupzone .slick-prev,
.popupzone .slick-next { position:absolute; top:0; width:32px; height:32px; border:none; line-height:0; font-size:0; cursor:pointer; display:block; z-index:1000; }

.popupzone .slick-prev { right:74px; background:url(/images/egovframework/com/svc/council/main2/slick_btn_prev.png) no-repeat; }
.popupzone .slick-next { right:0; background:url(/images/egovframework/com/svc/council/main2/slick_btn_next.png) no-repeat; }


			/*자동실행버튼(재생,일시정지)*/
.popupzone .btn_play { position:absolute; right:37px; top:0; width:32px; height:32px; border:0; background:url(/images/egovframework/com/svc/council/main2/slick_btn_pause.png) no-repeat; text-indent:-9999px; z-index:1001; }
.popupzone .btn_play.on { background:url(/images/egovframework/com/svc/council/main2/slick_btn_play.png) no-repeat;  }


			/* Dots 메인 서브  */
.popupzone .slick-dotted.slick-slider {  }
.popupzone .slick-dots { position:absolute; width:50px !important; right:110px; top:0; width:100%; height:30px; text-align:center; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:110%; overflow:hidden; display:block; margin:0 auto; z-index:1002; }
			/* Dots 숫자표시 */
.popupzone .slick-dots li { height:30px; line-height:30px; color:#000;  letter-spacing:5px; z-index:1003;}

.popupzone a.abtn_popupHide { position:absolute; right:0; top:0; z-index:1003;  }
.popupzone a.abtn_popupShow { display:none; position:absolute; right:0; bottom:0; z-index:1003;  }


@media (min-width:769px) and (max-width:1024px){
	.popupzone { position:relative; float:none; margin:0 auto; }
	.popupzone a.abtn_popupHide { display:none; }
	.popupzone a.abtn_popupShow { display:none; }
}

@media (max-width:768px){
		.popupzone { position:relative; float:none; margin:0 auto; }	
	
	.popupzone a.abtn_popupHide { display:none; }
	.popupzone a.abtn_popupShow { display:none; }
}

@media (max-width:640px){
	.popupzone { width:100%; height:auto;} 
	.popupzone .popupzoneList { height:auto; } 
	.popupzone .popupzoneList .list { height:auto; background:#f4f4f4; } 
	.popupzone .popupzoneList .list a img { width:100%; height:auto; }
	.popupzone .popupzoneList .list img { width:100%; height:auto;  }
}


/* 소식 */
.newcontent {position:relative; float:left; width:calc(100% - 530px);}

.newcontent h1 { color:#333; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:180%; letter-spacing:-1px; margin-bottom:10px; }
.newcontent h1 span { color:#ed6b5b; font-size:120%;  }

.newcontent ul#mtabmenu { width:100%; height:50px; z-index:11; }
.newcontent ul#mtabmenu > li { float:left; width:150px; height:50px; margin-right:15px; }

.newcontent ul#mtabmenu > li > a:link,
.newcontent ul#mtabmenu > li > a:visited { width:100%; height:50px; line-height:48px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; background:#fff; color:#111; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:120%; text-align:center; letter-spacing:-1px; display:inline-block; transition:0.3s; }
.newcontent ul#mtabmenu > li > a:active,
.newcontent ul#mtabmenu > li > a:focus,
.newcontent ul#mtabmenu > li > a:hover,
.newcontent ul#mtabmenu > li > a.select { border-color:#6f91b6; background:#3a3e59; color:#fff; }


.newcontent ul#mtabmenu ul { position:absolute; left:0px; top:144px; width:100%; height:335px; display:none; overflow:visible; }
.newcontent ul#mtabmenu ul li { float:none; width:100%; height:35px; line-height:35px; font-size:100%; display:block; overflow:hidden; }


.newcontent ul#mtabmenu ul li a:link,
.newcontent ul#mtabmenu ul li a:visited { float:left; width:calc(100% - 160px); height:35px; line-height:35px; padding-left:20px; color:#222; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s;  }
.newcontent ul#mtabmenu ul li a:active,
.newcontent ul#mtabmenu ul li a:focus,
.newcontent ul#mtabmenu ul li a:hover { color:#1a8c3d;  }

.newcontent ul#mtabmenu ul li span { float:left; width:120px; padding-right:20px; text-align:right; color:#888; font-size:100%; font-family:NotoSans-DemiLight, "본고딕 데미라이트";  display:inline-block; }

.newcontent ul#mtabmenu ul li.more { position:absolute; top:-94px; right:0px; width:50px !important; height:50px !important; line-height:50px; padding:0; margin:0; border:none; background:none; z-index:12; }
.newcontent ul#mtabmenu ul li.more a { width:50px; height:50px; line-height:50px; margin:0; padding:0; background:none; display:block; }


.newcontent ul#mtabmenu ul li.first { width:100%; height:126px; line-height:1.3; border-bottom:1px dashed #ddd; margin-bottom:22px; }
.newcontent ul#mtabmenu ul li.first .fDate { float:left; width:95px; height:95px; padding:7px 0 0 0;  border-radius:50%; border:3px solid #ddd; box-sizing:border-box; color:#222; font-size:100%; text-align:center; display:block; margin-right:25px; }
.newcontent ul#mtabmenu ul li.first .fDate strong { color:#000; font-size:220%; display:block; }

.newcontent ul#mtabmenu ul li.first a.fSubject:link,
.newcontent ul#mtabmenu ul li.first a.fSubject:visited { float:none; width:calc(100% - 130px); padding:0; background:none; color:#222; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:125%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-top:5px; }
.newcontent ul#mtabmenu ul li.first a.fSubject:active,
.newcontent ul#mtabmenu ul li.first a.fSubject:focus,
.newcontent ul#mtabmenu ul li.first a.fSubject:hover { color:#1a8c3d; font-weight:normal; }

.newcontent ul#mtabmenu ul li.first .fTxt { float:none; width:calc(100% - 130px); height:2.8em; line-height:1.4em; padding-right:0; color:#888; text-align:left; font-size:95%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;  }


@media (min-width:1025px) and (max-width:1280px){
	.newcontent ul#mtabmenu > li { float:left; width:110px; height:50px; margin-right:5px; }

	.newcontent ul#mtabmenu ul li.more { position:absolute; top:-145px; right:0px; width:45px !important; height:45px !important; line-height:45px; padding:0; margin:0; border:none; background:none; z-index:12; }
	.newcontent ul#mtabmenu ul li.more a { width:45px; height:45px; line-height:45px; margin:0; padding:0; background:none; display:block; }
	.newcontent ul#mtabmenu ul li.more a img { width:100%; }
}

@media (min-width:769px) and (max-width:1024px){
	.newcontent { width:100%; margin:30px 0; }
}


@media (max-width:768px){	
	.newcontent { width:100%; height:500px; margin:30px 0; }
	.newcontent ul#mtabmenu > li { width:120px; margin-right:10px; }
	.newcontent ul#mtabmenu > li:last-child { margin-right:0px; }
	
	.newcontent ul#mtabmenu > li > a:link,
	.newcontent ul#mtabmenu > li > a:visited { font-size:110%; }

	
	.newcontent ul#mtabmenu ul li a:link,
	.newcontent ul#mtabmenu ul li a:visited { padding-left:0px; }
	.newcontent ul#mtabmenu ul li span { padding-right:0px; }
	
	.newcontent ul#mtabmenu ul li a:link,
	.newcontent ul#mtabmenu ul li a:visited { width:calc(100% - 100px); }
	
	.newcontent ul#mtabmenu ul li span { width:100px }
	
	.newcontent ul#mtabmenu ul li.first .fDate { margin-right:10px; }
	.newcontent ul#mtabmenu ul li.first a.fSubject:link,
	.newcontent ul#mtabmenu ul li.first a.fSubject:visited { width:calc(100% - 115px); }

	.newcontent ul#mtabmenu ul li.more a { width:100% !important; }

}


@media (max-width:640px){
	.newcontent ul#mtabmenu > li { width:calc(25% - 5px); margin-right:5px; }
	.newcontent ul#mtabmenu > li:last-child { margin-right:0px; }	

	.newcontent ul#mtabmenu > li > a:link,
	.newcontent ul#mtabmenu > li > a:visited { font-size:100%; letter-spacing:-1px; }

	.newcontent ul#mtabmenu ul li.more { top:-150px; }
}


@media (max-width:425px){
	.newcontent ul#mtabmenu > li { width:calc(25% - 5px); margin-right:5px; }
	.newcontent ul#mtabmenu > li:last-child { margin-right:0px; }	

	.newcontent ul#mtabmenu > li > a:link,
	.newcontent ul#mtabmenu > li > a:visited { font-size:100%; letter-spacing:-1px; }

	.newcontent ul#mtabmenu ul li.more { top:-150px; }
}









/* 의정부시의회 일정 */
.mSechedule { float:left; position:relative; width:100%; height:200px; }
.mSechedule .mSechedule_left { float:left; width:350px; }
.mSechedule .mSechedule_right { float:left; position:relative; width:calc(100% - 350px); }


.mSechedule .mSechedule_left h1 { font-size:150%; color:#333; margin-bottom:20px; }
.mSechedule .mSechedule_left p.date { font-size:200%; color:#113d8e; }
.mSechedule .mSechedule_left p.date span { position:relative; top:-3px; font-size:60%;}
.mSechedule .mSechedule_left a.more { width:150px; height:40px; line-height:40px; background:#64a1d0; text-align:center; color:#fff; display:block; margin-top:40px; }

/*
.mSechedule .mSechedule_right .btn .prev { position:absolute; left:50px; top:24px; width:33px; height:33px; }
.mSechedule .mSechedule_right .btn .next { position:absolute; right:50px; top:24px;  width:33px; height:33px; }
*/

.mSechedule .mSechedule_right ul.calendar { width:930px; height:110px; padding:10px 110px; border:5px solid #fff; box-sizing:border-box; overflow:hidden; margin:0 auto; }
.mSechedule .mSechedule_right ul.calendar li { float:left; width:100px; height:80px; color:#666; text-align:center !important; }
.mSechedule .mSechedule_right ul.calendar li .days { padding:12px 0 0 0; font-size:90%; display:block; }
.mSechedule .mSechedule_right ul.calendar li .day { font-size:150%; display:block; margin-top:-5px; }
.mSechedule .mSechedule_right ul.calendar li .today { color:#fcd737; }

.mSechedule .mSechedule_right ul.calendar li a { width:80px; height:80px; color:#fff; display:block; border-radius:50%; background:#64a1d0; margin:0 auto; }


.mSechedule .mSechedule_right ul.list { width:calc(100% - 115px); height:95px; overflow:hidden; display:block; margin:15px 0 0 115px; }
.mSechedule .mSechedule_right ul.list li { float:left; width:100%; display:block; }

.mSechedule .mSechedule_right ul.list li ul li { position:relative; width:100%; height:30px; line-height:30px; padding-left:0px; box-sizing:border-box; overflow:hidden; display:block; }
.mSechedule .mSechedule_right ul.list li ul li .time:before { position:absolute; left:0; top:15px; content:""; width:4px; height:4px; background:#656d77; display:block; } 
.mSechedule .mSechedule_right ul.list li ul li .time { float:left; width:80px; padding-left:16px; box-sizing:border-box; /*background:url(/images/egovframework/com/svc/council/main/schedule_blt_white.gif) no-repeat 0 12px;*/ color:#64a1d0; display:inline-block; }
.mSechedule .mSechedule_right ul.list li ul li .subject { float:left; width:calc(100% - 80px); display:inline-block; }
.mSechedule .mSechedule_right ul.list li ul li .subject a:link,
.mSechedule .mSechedule_right ul.list li ul li .subject a:visited { color:#555; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }
.mSechedule .mSechedule_right ul.list li ul li .subject a:active,
.mSechedule .mSechedule_right ul.list li ul li .subject a:focus,
.mSechedule .mSechedule_right ul.list li ul li .subject a:hover { color:#f29c17  ; }
.mSechedule .mSechedule_right ul.list li.none { text-align:center; padding:0 60px 0 0;  margin-top:20px;} 


@media (min-width:769px) and (max-width:1023px){
	.mSechedule { clear:both; position:relative; width:100%; height:200px; padding:30px; box-sizing:border-box; background:#d2d5dc;  }
	.mSechedule .mSechedule_left { float:left; width:250px; }
	.mSechedule .mSechedule_left a.more { width:130px; height:30px; line-height:30px; margin-top:10px; }

	.mSechedule .mSechedule_right { float:left; position:relative; width:calc(100% - 250px); }
	
	.mSechedule .mSechedule_right .btn .prev { position:absolute; left:0px; top:8px; width:33px; height:33px; }
	.mSechedule .mSechedule_right .btn .next { position:absolute; right:0px; top:8px;  width:33px; height:33px; }
	
	
	.mSechedule .mSechedule_right ul.calendar { width:100%; height:80px; padding:10px 0;  }
	.mSechedule .mSechedule_right ul.calendar li { width:13.2%; height:80px; margin:0 0.5%; }
	.mSechedule .mSechedule_right ul.calendar li .days { padding:5px 0 0 0; font-size:80%; display:block; }
	.mSechedule .mSechedule_right ul.calendar li .day { font-size:120%; display:block; margin-top:-5px; }

	.mSechedule .mSechedule_right ul.calendar li a { width:50px; height:50px; }
	
	.mSechedule .mSechedule_right ul.list { width:100%; margin:15px 0 0 0px; }
	.mSechedule .mSechedule_right ul.list li.none { text-align:center; padding:0 0px 0 0;  margin-top:10px;} 

}

@media (max-width:768px){
	.mSechedule { clear:both; position:relative; width:100%; height:auto; padding:30px 15px; box-sizing:border-box; background:#d2d5dc;  }
	.mSechedule .mSechedule_left { float:none; width:100%; margin-bottom:10px; }
	.mSechedule .mSechedule_left h1 { margin-bottom:5px; }
	.mSechedule .mSechedule_left p.date { text-align:center; }
	.mSechedule .mSechedule_left p.txt { display:none; }
	.mSechedule .mSechedule_left a.more { position:absolute; right:15px; top:38px; width:80px; height:22px; line-height:22px; font-size:90%; margin-top:0px; }
	
	.mSechedule .mSechedule_right { float:none; position:relative; width:100%; }
	
	.mSechedule .mSechedule_right .btn .prev { position:absolute; left:0px; top:13px; width:20px; height:20px; }
	.mSechedule .mSechedule_right .btn .next { position:absolute; right:0px; top:13px;  width:20px; height:20px; }
	.mSechedule .mSechedule_right .btn img { width:20px; height:20px;}
	
	
	.mSechedule .mSechedule_right ul.calendar { width:100%; height:72px; padding:10px 0; }
	.mSechedule .mSechedule_right ul.calendar li { width:13.2%; height:60px; margin:0 0.5%; }
	.mSechedule .mSechedule_right ul.calendar li .days { padding:5px 0 0 0; font-size:70%; display:block; }
	.mSechedule .mSechedule_right ul.calendar li .day { font-size:110%; display:block; margin-top:-5px; }

	.mSechedule .mSechedule_right ul.calendar li a { width:42px; height:42px; }
	
	.mSechedule .mSechedule_right ul.list { width:100%; margin:15px 0 0 0px; }
	.mSechedule .mSechedule_right ul.list li.none { text-align:center; padding:0 0px 0 0;  margin-top:10px;} 


}






/* 하단 */
#bottom #bottomarea .bottomMenu { margin-bottom:30px; }
#bottom #bottomarea .bottomMenu ul { width:100%; overflow:hidden; }
#bottom #bottomarea .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 .bottomMenu ul li:first-child { padding-left:0; }
#bottom #bottomarea .bottomMenu ul li:last-child { background:none; }

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

#bottom #bottomarea .bottomMenu ul li:nth-child(2) a:link,
#bottom #bottomarea .bottomMenu ul li:nth-child(2) a:visited { color:#f9ac66; }
#bottom #bottomarea .bottomMenu ul li:nth-child(2) a:active,
#bottom #bottomarea .bottomMenu ul li:nth-child(2) a:focus,
#bottom #bottomarea .bottomMenu ul li:nth-child(2) a:hover { font-weight:bold; }

#bottom #bottomarea address { color:#fff; margin-bottom:5px; }
#bottom #bottomarea address span { margin-right:20px; }
#bottom #bottomarea address span a:link,
#bottom #bottomarea address span a:visited { color:#fff; }
#bottom #bottomarea address span a:active,
#bottom #bottomarea address span a:focus,
#bottom #bottomarea address span a:hover { color:#f9ac66; }

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

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

@media (min-width:769px) and (max-width:1023px){
	#bottom #bottomarea address { font-size:90%; }
	#bottom #bottomarea .copyright { font-size:85%;  } 
}

@media (max-width:900px){
	#bottom #bottomarea .mark { position:static; text-align:center; margin:20px 0 0  0;}
}
@media (max-width:768px){
	#bottom #bottomarea .logo { float:none; width:100%; text-align:center; margin-bottom:30px; }
	
	#bottom #bottomarea .bottomMenu { overflow:auto; font-size:90%; }
	#bottom #bottomarea .bottomMenu ul { width:330px; margin:0 auto; text-align:center; }

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

#bottom #bottomarea .copyright { text-align:center; }



}