@charset "utf-8";


/* ·¹À̾ƿô */
#ujbclwrap { min-width:1280px; width:100%; }
#top { position:relative; width:100%; height:174px; border-bottom:1px solid #eee; background: url(/images/egovframework/com/svc/memberhome/inc/top_bg.gif) repeat-x; }
	#toparea { position:relative; width:1280px; height:229px; margin:0 auto; overflow:visible } 
	
#container { position:relative; width:100%; z-index:2; }

#container1 { position:relative; width:100%; padding:50px 0; background:url(/images/egovframework/com/svc/committee/main/container_bg.gif); }
	
	.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:769px) and (max-width:1023px){
	html, body, #ujbclwrap { min-width:100%; width:100%; height:100%; }
		
	#top { position:relative; width:100%; height:97px; border-bottom:1px solid #eee; background:#fff; }
		#toparea { position:relative; width:100%; height:97px; margin:0 auto; overflow:visible }
	
	#container { position:relative; width:100%; z-index:2; }

	#container1 { position:relative; width:100%; padding:50px 0; background:url(/images/egovframework/com/svc/committee/main/container_bg.gif); }

		.containerarea { width:100%; padding:0 30px 0 30px; 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 (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 { position:relative; width:100%; z-index:2; }

	#container1 { position:relative; width:100%; padding:30px 0; background:url(/images/egovframework/com/svc/committee/main/container_bg.gif); }

		.containerarea { width:100%; padding:0 15px 0px 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; }
}



/* ¹Ù·Î°¡±â */
ul.skipUl { position:absolute; top:0; width:100%; height:0; z-index:1000; }
ul.skipUl li a { width:1px; height:1px; margin-bottom:-1px; text-align:center; color:#fff; white-space:nowrap; overflow:hidden; display:block; }

ul.skipUl li.li1 a:focus, 
ul.skipUl li.li1 a:active{  width:100%; height:30px; line-height:30px; display:block; background:#da131a;}
ul.skipUl li.li2 a:focus, 
ul.skipUl li.li2 a:active{  width:100%; height:30px; line-height:30px; display:block; background:#1757b7;}






/* ŸÀÌƲ */
#top h1.title { position:absolute; left:20px; top:81px; }



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


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



/* ¸ð¹ÙÀÏ¿ë »ó´Ü ¹öÆ° */
.mobileTopBtn { display:none; }

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


@media (max-width:768px){
	.mobileTopBtn { display:block; }
	.mobileTopBtn li.mobileTopBtn1 { position:absolute; left:15px; top:22px; display:block; }
	.mobileTopBtn li.mobileTopBtn2 { position:absolute; right:45px; top:22px;  display:block;}
	.mobileTopBtn li.mobileTopBtn3 { position:absolute; right:15px; top:22px; display:block; }
	.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:25%; 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; }
}


@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 { overflow:hidden; }
.underLink ul li { float:left; height:54px; line-height:54px; padding:0 16px 0 15px; background:url(/images/egovframework/com/svc/council/inc/topmenu_line.gif) no-repeat right 50%; }
.underLink ul li:nth-child(3) { width:135px; }
.underLink ul li:last-child { padding-right:20px; background:none; background:url(/images/egovframework/com/svc/memberhome/inc/topmenu_blt.gif) no-repeat right 26px; }
.underLink ul li a:link,
.underLink ul li a:visited { color:#ccc; }
.underLink ul li a:active,
.underLink ul li a:focus,
.underLink ul li a:hover { color:#5c8bff; }


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

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



/* »ó´ÜÀÇ¿ø ¸ñ·Ï */
.memberList { position:absolute; left:250px; top:64px; width:370px; padding:15px 15px; border:1px solid #eee; background:#fff; display:none; z-index:100; }
.memberList ul { width:100%; overflow:hidden; }
.memberList ul li { float:left; height:30px; line-height:30px; padding:0 15px; background:none; }
.memberList ul li:nth-child(3) { width:auto; background:none; }
.memberList ul li a:link,
.memberList ul li a:visited { color:#999; }
.memberList ul li a:active,
.memberList ul li a:focus,
.memberList ul li a:hover { color:#9f0a0c; }
.memberList ul li:last-child { background:none; }




/* ÆùÆ®¼³Á¤ */
.fontszie { float:right; }
.fontszie ul { border-left:1px solid #404a62; overflow:hidden; }
.fontszie ul li { float:left; width:54px; height:54px; border-right:1px solid #404a62; }
.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:#2f4a6e; }

@media (min-width:769px) and (max-width:1023px){
	.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:0px; 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 35px; 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; }

/*
#topMenu li ul li a:link,
#topMenu li ul li a:visited { width:auto; height:50px; line-height:50px; vertical-align:top; background:none; padding:0 16px 0 15px; 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 ul li a:active,
#topMenu li ul li a:focus,
#topMenu li ul li a:hover,
#topMenu li ul li a.select { padding-bottom:0px; color:#113d8e; }
*/


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


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



/* ¼­ºê¸Þ´º Ç¥½Ã */
/*
#topMenu li .mp { position:absolute; left:-298px; top:59px; width:278px; height:136px; z-index:1001; }
#topMenu li .mp .mparea { position:absolute; right:0; width:500%; height:136px; background:#f4f4f4; }
#topMenu li .mp .mparea .st { position:absolute; right:134px; top:30px; padding:0; margin:0; color:#113d8e; font-size:170%; font-family:NotoSans-Medium, "º»°íµñ ¹Ìµð¾ö"; letter-spacing:-1px; }
#topMenu li .mp .mparea .ss { position:absolute; right:134px; top:70px; padding:0; margin:0; color:#333; letter-spacing:-1px; }
#topMenu li .mp .mparea .mpicon1 { position:absolute; right:0px; top:-15px; width:81px; height:111px; background:url(/images/inc/submenu_icon1.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon2 { position:absolute; right:0px; top:-15px; width:93px; height:111px; background:url(/images/inc/submenu_icon2.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon3 { position:absolute; right:0px; top:-15px; width:93px; height:111px; background:url(/images/inc/submenu_icon3.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon4 { position:absolute; right:0px; top:-15px; width:91px; height:111px; background:url(/images/inc/submenu_icon4.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon5 { position:absolute; right:0px; top:-15px; width:95px; height:111px; background:url(/images/inc/submenu_icon5.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon6 { position:absolute; right:0px; top:-15px; width:99px; height:111px; background:url(/images/inc/submenu_icon6.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon7 { position:absolute; right:0px; top:-15px; width:98px; height:111px; background:url(/images/inc/submenu_icon7.png) no-repeat right 50%; }
#topMenu li .mp .mparea .mpicon8 { position:absolute; right:0px; top:-15px; width:91px; height:111px; background:url(/images/inc/submenu_icon8.png) no-repeat right 50%; }


#topMenu li ul { position:absolute; left:0px; top:59px; width:922px; height:136px; padding:25px 0 0 0px; box-sizing:border-box; background:#fff; clear:both; z-index:1000; }
#topMenu li ul li { float:left; position:relative; width:auto; height:40px; line-height:40px; padding:0 0 0 33px; background:url(/images/inc/submenu_blt.gif) no-repeat 19px 17px; text-align:left; margin:0 20px 0 0; display:block; }

#topMenu li ul li.submenu_title { font-size:180%; color:#fff; padding:0 0 15px 50px; border:0; }
#topMenu li ul li.twoline { padding:10px 0 38px 50px; }



#topMenu li ul li a:link,
#topMenu li ul li a:visited { width:auto; height:auto; padding:0; text-decoration:none; color:#333; font-size:105%; margin:0; background:none; border:0; display:inline-block; }
#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; text-decoration:none; color:#1757b7; }

#topMenu li ul li a.slnk:link,
#topMenu li ul li a.slnk:visited,
#topMenu li ul li a.slnk:active,
#topMenu li ul li a.slnk:hover,
#topMenu li ul li a.slnk:focus { clear:both; display:block; color:#1757b7; }


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

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


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

@media (max-width:768px){
	.topMenu,
	.menubox { 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;  }
}








/* ºñÁÖ¾ó */
.visible { position:relative; width:100%; height:600px; }
.visible .visible_img { width:100%; height:600px; }
.visible .visible_img ul {}
.visible .visible_img ul li img { width:100%; height:600px;}

.visible .visible_img .bx-controls-direction a { position:absolute; top:255px; display:block; width:50px; height:91px; text-indent:-9999px; } /* ÄÁÆ®·Ñ */
.visible .visible_img .bx-controls-direction a.bx-prev { left:50px; background:url(/images/egovframework/com/svc/memberhome/main/visible_btn_prev.png) no-repeat 0 0; }
.visible .visible_img .bx-controls-direction a.bx-next { right:50px; background: url(/images/egovframework/com/svc/memberhome/main/visible_btn_next.png) no-repeat 0 0; }

.visible .visible_img .bx-controls-auto a{ position:absolute; right:144px; top:255px; width:46px; height:91px; text-indent:-9999px; display:block; } /* ½ÃÀÛ Á¤Áö */
.visible .visible_img .bx-controls-auto a.bx-stop { background: url(/images/egovframework/com/svc/memberhome/main/visible_btn_pause.png) no-repeat 0 0;}
.visible .visible_img .bx-controls-auto a.bx-start { background: url(/images/egovframework/com/svc/memberhome/main/visible_btn_play.png) no-repeat 0 0; }

.visible .visible_img .bx-pager { position:absolute; left:45%; bottom:185px; } /* ¸ñ·Ï¼ö */
.visible .visible_img .bx-pager .bx-pager-item {float:left;}
.visible .visible_img .bx-pager a { display:block; text-indent:-9999px; width:20px; height:20px; border-radius:10px; background:#999; margin-right:5px; transition:all 0.25s;}
.visible .visible_img .bx-pager a.active {width:40px; background:#15abc2;}


.visible .topquickmenu { position:absolute; left:0; bottom:0; width:100%; height:170px; background:url(/images/egovframework/com/svc/committee/main/visible_quickmenu_bg.png); z-index:4; }
.visible .topquickmenu .topquickmenuarea { width:1280px; height:170px; margin:0 auto; }
.visible .topquickmenu .topquickmenuarea .slogan { float:left; width:680px; padding:45px 0 0 50px; box-sizing:border-box; }
.visible .topquickmenu .topquickmenuarea ul { float:left; width:600px; }
.visible .topquickmenu .topquickmenuarea ul li { float:left; width:200px; padding-top:20px; text-align:center; }
.visible .topquickmenu .topquickmenuarea ul li a { color:#fff; }
.visible .topquickmenu .topquickmenuarea ul li .icon { display:block; margin-bottom:10px; }
.visible .topquickmenu .topquickmenuarea ul li .subject { display:block; }

@media (min-width:769px) and (max-width:1023px){
	.visible { height:500px; }
	.visible .visible_img { width:100%; height:500px; }
	.visible .visible_img ul {}
	.visible .visible_img ul li { background-size: cover !important; }
	.visible .visible_img ul li img { width:100%; height:500px;}
	
	.visible .visible_img .bx-controls-direction a { top:170px; } /* ÄÁÆ®·Ñ */
	.visible .visible_img .bx-controls-direction a.bx-prev { left:30px;}
	.visible .visible_img .bx-controls-direction a.bx-next { right:30px;}
	
	.visible .visible_img .bx-controls-auto a{ position:absolute; right:124px; top:170px; } /* ½ÃÀÛ Á¤Áö */
	
	.visible .topquickmenu .topquickmenuarea { width:100%; height:170px; margin:0 auto; }
	.visible .topquickmenu .topquickmenuarea .slogan { float:left; width:50%; padding:45px 0 0 30px;  }
	.visible .topquickmenu .topquickmenuarea ul { float:left; width:50%; }
	.visible .topquickmenu .topquickmenuarea ul li { float:left; width:33%; padding-top:20px; text-align:center; }
}


@media (max-width:767px){
	.visible { height:380px; }
	.visible .visible_img { width:100%; height:380px; }
	.visible .visible_img ul {}
	.visible .visible_img ul li { background-size:cover !important;}
	
	.visible .visible_img .bx-controls-direction a { display:none; } /* ÄÁÆ®·Ñ */
	.visible .visible_img .bx-controls-auto a { display:none; } /* ½ÃÀÛ Á¤Áö */
	.visible .visible_img .bx-pager { display:none;  } /* ¸ñ·Ï¼ö */
	
	.visible .topquickmenu { position:absolute; left:0; top:0; width:100%; height:380px; background: url(/images/egovframework/com/svc/committee/main/visible_quickmenu_bg2.png); z-index:4; }
	.visible .topquickmenu .topquickmenuarea { width:100%; height:380px; margin:0 auto; }
	
	.visible .topquickmenu .topquickmenuarea .slogan { float:none; width:100%; padding:50px 0 40px 0; text-align:center;  }
	.visible .topquickmenu .topquickmenuarea ul { float:none; width:100%; }
	.visible .topquickmenu .topquickmenuarea ul li { float:left; width:33%; padding-top:20px; text-align:center; }
}





/* Æ÷ÅäÀÇÁ¤ */
.mPhoto { float:left; position:relative; width:600px; margin:0 30px 30px 0; }
.mPhoto p img { width:100%; height:300px; }
.mPhoto ul { position:absolute; left:0; bottom:0; width:100%; height:60px;  line-height:60px; background:url(/images/egovframework/com/svc/committee/main/photo_barbg.png); }
.mPhoto ul li.subject { float:left; width:calc(100% - 170px); padding-left:30px; color:#fff; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.mPhoto ul li.date { float:left; width:140px; text-align:center; color:#ccc; }


@media (min-width:769px) and (max-width:1023px){
	.mPhoto { float:none; width:100%; margin:0 0 30px 0; }
	.mPhoto p img { width:100%; height:auto; }
	.mPhoto ul { position:absolute; left:0; bottom:0; width:100%; height:60px;  line-height:60px; background:url(/images/egovframework/com/svc/committee/main/photo_barbg.png); }
	.mPhoto ul li.subject { float:left; width:calc(100% - 170px); padding-left:30px; color:#fff; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.mPhoto ul li.date { float:left; width:140px; text-align:center; color:#ccc; }

}
@media (max-width:767px){
	.mPhoto { float:none; width:100%; margin:0 0 20px 0; }
	.mPhoto p img { height:auto; }
	.mPhoto ul { height:50px;  line-height:50px; }

}



/* ÀÇÁ¤È°µ¿ */
.mActivity { float:left; position:relative; width:310px; height:300px; padding:0 30px 0 30px; border:1px solid #ddd; box-sizing:border-box; background:#fff url(/images/egovframework/com/svc/committee/main/activity_bg.gif) no-repeat right bottom; margin:0 30px 30px 0;  }
.mActivity h1 { height:93px; padding-top:26px; box-sizing:border-box; font-family:NotoSans-Medium, "º»°íµñ ¹Ìµð¾ö"; font-size:170%; color:#111f4f; letter-spacing:-1px;}
.mActivity h1 span { color:#3854b2;}

.mActivity ul { width:100%; overflow:hidden; }
.mActivity ul li { width:100%; }
.mActivity ul li.subject a:link,
.mActivity ul li.subject a:visited { font-size:135%; color:#333; margin-bottom:41px;  }
.mActivity ul li.subject a:active,
.mActivity ul li.subject a:focus,
.mActivity ul li.subject a:hover { color:#1757b7;}
.mActivity ul li.date { padding-left:25px; background:url(/images/egovframework/com/svc/committee/main/activity_icon_date.gif) no-repeat 0 4px; color:#65799b; }

.mActivity .more { position:absolute; right:30px; top:33px; }


@media (min-width:769px) and (max-width:1023px){
	.mActivity { width:calc(50% - 15px); margin:0 15px 30px 0;  }
	
}

@media (max-width:767px){
	.mActivity { float:none; width:100%; height:auto; padding:0 15px 40px 15px; margin:0 0px 20px 0;  }	
	.mActivity ul li.subject a:link,
	.mActivity ul li.subject a:visited { margin-bottom:31px;  }
	.mActivity .more { right:15px; }
}


/* ¿À´ÃÀÇ ÀÇȸÀÏÁ¤ */
.mSchedule { float:left; position:relative; width:310px; height:300px; padding:0 30px 0 30px; box-sizing:border-box; background:#4575ca url(/images/egovframework/com/svc/committee/main/schedule_bg.gif) no-repeat right bottom; margin:0 0 30px 0;}
.mSchedule h1 { height:93px; padding-top:26px; box-sizing:border-box; font-family:NotoSans-Medium, "º»°íµñ ¹Ìµð¾ö"; font-size:170%; color:#fff; letter-spacing:-1px; }
.mSchedule h1 span { color:#b3ceff;}

.mSchedule ul.date { width:100%; text-align:center; overflow:hidden; margin-bottom:15px; }
.mSchedule ul.date li.day { color:#000; font-family:NotoSans-Medium, "º»°íµñ ¹Ìµð¾ö"; font-size:165%; display:block; margin-bottom:8px; }
.mSchedule ul.date li.days { width:40px; height:18px; line-height:18px; border:1px solid #6a91d5; color:#fff; font-size:80%; display:block; margin:0 auto; }

.mSchedule ul.list { width:100%; }
.mSchedule ul.list li { width:100%; height:35px; line-height:35px; display:block;  }
.mSchedule ul.list li .time { float:left; position:relative; top:5px; width:53px; height:25px; line-height:25px; border-radius:3px; background:#35599b; color:#fff; text-align:center; font-size:95%; margin-right:10px; }
.mSchedule ul.list li a:link,
.mSchedule ul.list li a:visited { float:left; width:calc(100% - 63px); color:#fff; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.mSchedule ul.list li.none .time { float:left; width:70px; }
.mSchedule ul.list li.none .subject { float:left; width:calc(100% - 80px); letter-spacing:-1px; font-size:95%; color:#fff;}

.mSchedule .more { position:absolute; right:30px; top:33px; }

@media (min-width:769px) and (max-width:1023px){
	.mSchedule { width:calc(50% - 15px); margin:0 0 30px 15px;}
}

@media (max-width:767px){
	.mSchedule { float:none; width:100%; height:auto; padding:0 15px 40px 15px; margin:0 0 20px 0;}
	.mSchedule .more { right:15px; }

}




/* ¼Ò¼ÓÀ§¿ø ¼Ò°³ */
.mCommitteeMember { position:relative; width:100%; height:240px; border:1px solid #ddd; box-sizing:border-box; background:#fff url(/images/egovframework/com/svc/committee/main/committeeMember_bg.gif) no-repeat left bottom;  }
.mCommitteeMember .comLeft { float:left; width:230px; padding-left:30px; box-sizing:border-box; }
.mCommitteeMember .comLeft h1 { height:90px; padding-top:26px; box-sizing:border-box; font-family:NotoSans-Medium, "º»°íµñ ¹Ìµð¾ö"; font-size:170%; color:#333; letter-spacing:-1px; }
.mCommitteeMember .comLeft h1 span { color:#4575ca; }

.mCommitteeMember .comRight { float:left; width:calc(100% - 230px); padding-top:35px; }
.mCommitteeMember .comRight ul { width:100%; }
.mCommitteeMember .comRight ul li { float:left; position:relative; width:16%; text-align:center; }
.mCommitteeMember .comRight ul li .pic { width:140px; height:140px; border-radius:50%; background:#e2eaf5; overflow:hidden; display:block; margin:0 auto 10px; }
.mCommitteeMember .comRight ul li .chair { position:absolute; left:calc(50% + 35px); top:90px; width:54px; height:54px; line-height:54px; border-radius:50%; background:#fd6e2f; text-align:center; color:#fff; font-size:80%; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);  } 


@media (min-width:769px) and (max-width:1023px){
	.mCommitteeMember { width:100%; height:auto; background:#fff url(/images/egovframework/com/svc/committee/main/committeeMember_bg.gif) no-repeat right bottom;  }
	.mCommitteeMember .comLeft { float:none; width:100%;}
	.mCommitteeMember .comLeft h1 { height:70px; }
	
	.mCommitteeMember .comRight { float:none; width:100%; padding-top:35px; }
	.mCommitteeMember .comRight ul { padding-bottom:15px;}
	.mCommitteeMember .comRight ul li { float:left; position:relative; width:33.3%; padding-bottom:30px;  }
	.mCommitteeMember .comRight ul li .pic { position:relative; }
	.mCommitteeMember .comRight ul li .chair { position:absolute; width:54px; height:54px; line-height:54px; border-radius:50%; background:#fd6e2f; text-align:center; color:#fff; font-size:80%; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);  } 
}

@media (max-width:767px){
	.mCommitteeMember { height:auto; padding:0 15px; background:#fff url(/images/egovframework/com/svc/committee/main/committeeMember_bg.gif) no-repeat right bottom;  }
	.mCommitteeMember .comLeft { float:none; width:100%; padding-left:0px; }
	.mCommitteeMember .comLeft h1 { height:70px; }
	
	.mCommitteeMember .comRight { float:none; width:100%; padding-top:35px; }
	.mCommitteeMember .comRight ul { width:100%; }
	.mCommitteeMember .comRight ul li { width:50%; padding-bottom:30px; }
	.mCommitteeMember .comRight ul li .pic { width:120px; height:120px; border-radius:50%; background:#e2eaf5; overflow:hidden; display:block; margin:0 auto 10px; }
	.mCommitteeMember .comRight ul li .pic img { height:120px;  }
	.mCommitteeMember .comRight ul li .chair { position:absolute; left:calc(50% + 21px); top:80px; width:50px; height:50px; line-height:50px; border-radius:50%; background:#fd6e2f; text-align:center; color:#fff; font-size:80%; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);  } 
	
}


	
/* ÃֱٰԽù° */
.newcontent { position:relative; width:1280px; height:420px; padding:60px 0 80px 0; box-sizing:border-box; margin:0 auto; }
.newcontent ul.kind { overflow:hidden; }
.newcontent ul.kind li { float:left; margin-right:35px;  }
.newcontent ul.kind li a:link,
.newcontent ul.kind li a:visited { padding:0px 10px 0 0; color:#ccc; font-size:150%; font-family:NotoSans-Medium, "º»°íµñ ¹Ìµð¾ö"; letter-spacing:-1px; display:inline-block; }
.newcontent ul.kind li a:active,
.newcontent ul.kind li a:focus,
.newcontent ul.kind li a:hover,
.newcontent ul.kind li a.select { color:#000; background:url(/images/egovframework/com/svc/council/main/menu_blt_on.gif) no-repeat right top; }


.newcontent .content_list { position:absolute; left:0px; top:127px; width:100%; display:none; }
.newcontent .content_list ul.list { width:100%; overflow:hidden; }
.newcontent .content_list ul.list li { float:left; width:256px !important; height:210px; margin-right:0; }


.newcontent .content_list ul.list li span { display:block;  }
.newcontent .content_list ul.list li .kind { font-size:75%; font-family:NotoSans-Medium, "º»°íµñ ¹Ìµð¾ö"; font-style:italic; color:#ea955e; margin-bottom:25px; }
.newcontent .content_list ul.list li .subject  { font-size:85%; color:#555; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; /* ¶óÀμö */ -webkit-box-orient:vertical; word-wrap:break-word;  line-height:1.4em; height: 2.8em; margin-bottom:15px; }
.newcontent .content_list ul.list li .date { font-size:70%; font-family: NotoSans-DemiLight, "º»°íµñ µ¥¹Ì¶óÀÌÆ®"; color:#999;}
 

.newcontent .content_list ul.list li a:link,
.newcontent .content_list ul.list li a:visited { width:100%; height:230px; padding:25px 30px 0 30px; border-right:1px solid #eee; box-sizing:border-box; background:none; display:block;}
.newcontent .content_list ul.list li a:active,
.newcontent .content_list ul.list li a:focus,
.newcontent .content_list ul.list li a:hover { box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.1); }



@media (min-width:769px) and (max-width:1023px){
	.newcontent { width:100%; height:440px; padding:60px 30px 80px 30px; box-sizing:border-box;}
	.newcontent .content_list { position:absolute; left:0px; top:127px; width:100%; overflow:auto; display:none; }
	.newcontent .content_list ul.list { width:1280px; }

}

@media (max-width:767px){
	.newcontent { width:100%; height:390px; padding:30px 15px 40px 15px; box-sizing:border-box; }
	
	.newcontent ul.kind li { margin-right:10px;  }
	.newcontent ul.kind li:last-child  { margin-right:0px;  }
	.newcontent ul.kind li a:link,
	.newcontent ul.kind li a:visited { font-size:120%; }	
	
		
	.newcontent .content_list { position:absolute; left:0px; top:97px; width:100%; overflow:auto; display:none; }
	.newcontent .content_list ul.list { width:1280px; }
}





/* ÇÏ´Ü */
#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; }



}