@charset "utf-8";

/* 레이아웃 */
#djcomwrap { position:relative; width:100%; }

#top {position:relative;min-width:1400px; width:100%;border-bottom:1px solid #ddd;background:#fff url(/images/egovframework/com/svc/common/top_bg.gif) repeat-x;z-index:3;}
	#toparea { position:relative; width:1400px; height:145px; margin:0 auto; }		
	#container { width:100%; }		
	
		#scontainer {  width:1400px; margin:0 auto 100px; }
			#scontainerarea { width:1400px; margin:0 auto 50px;   }
				#sleft { float:left; width:280px; margin-right:60px; }
				#sright { float:left; position:relative; width:calc(100% - 340px); box-sizing:border-box; margin-bottom:100px;}
		#content { width:100%; background:#fff; }
		
		#container { position:relative; min-width:100%; width:100%; z-index:1; }
	
	#top h1 { position:absolute; left:10px; top:60px; }	
	#top h3 { width:100%; height:70px; padding:15px 20px 0 20px; }

#bottom { position:relative; width:100%; background:#404252; color:#ccc; z-index:2; }
	#bottomarea { position:relative; width:1400px; padding:32px 0 70px 0; margin:0 auto; }


@media (min-width:1281px) and (max-width:1400px){
	#gaonwrap { min-width:100%; width:100%; }

	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff url(/images/egovframework/com/svc/common/top_bg.gif) repeat-x; z-index:3; }
		#toparea { position:relative; width:100%; margin:0 auto; overflow:visible; } 
	
	#scontainer {  width:100%; padding:0 15px; margin:0 auto 100px; }	
		#scontainerarea { width:100%; }			
			#sleft { float:left; width:250px; margin-right:50px; }
			#sright { float:left; position:relative; width:calc(100% - 300px); }
				#content { width:100%; }
			
	#container { position:relative; min-width:100%; width:100%; z-index:1; }
	
	#bottom { position:relative; width:100%; background:#404252; color:#ccc; z-index:2; }
		#bottomarea { position:relative; width:100%; padding:32px 15px 70px 15px; margin:0 auto; }
}

@media (min-width:1025px) and (max-width:1280px){
	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff url(/images/egovframework/com/svc/common/top_bg.gif) repeat-x; z-index:3; }
		#toparea { position:relative; width:100%; margin:0 auto; overflow:visible; }
		
	#scontainer { width:100%; padding:0 15px; margin:0 auto 100px; }
	#container { position:relative; min-width:100%; width:100%; z-index:1; }
	
		#scontainerarea { width:100%; }
			#sleft { float:left; width:220px; margin-right:30px; }
			#sright { float:left; position:relative; width:calc(100% - 250px); }
				#content { width:100%; }
		
	#bottom { position:relative; width:100%; background:#404252; color:#ccc; z-index:2; }
		#bottomarea { position:relative; width:100%; padding:32px 15px 70px 15px; margin:0 auto; }
}
@media (min-width:769px) and (max-width:1024px){
	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff; z-index:4; }
		#toparea { position:relative; width:100%; height:90px; margin:0 auto; overflow:visible; }
	 
	#scontainer { width:100%; margin:0 auto 75px; }			
	#container { position:relative; min-width:100%; width:100%; z-index:1; }
		#scontainerarea { width:100%; }
			#sleft { display:none; }
			#sright { float:none; position:relative; width:100%; padding:0 30px; }
				#content { width:100%; }
	
	
	#top h1 { position:relative; left:-10px; top:20px; text-align:center; margin:0; }
	#top h1 img { width:auto; height:50px; }
		
	#bottom { position:relative; width:100%; background:#404252; color:#ccc; z-index:2; }
		#bottomarea { position:relative; width:100%; padding:32px 30px 70px 30px; margin:0 auto; }
}


@media (max-width:768px){ 	
	#top { position:relative; min-width:100%; width:100%; border-bottom:1px solid #ddd; background:#fff; z-index:4; }
		#toparea { position:relative; width:100%; height:70px; margin:0 auto; overflow:visible; }

	#container { position:relative; min-width:100%; width:100%; z-index:1; }
	#scontainer { width:100%; padding:0 15px; margin:0 auto 100px; }				
			#scontainerarea { width:100%; }
				#sleft { display:none; }
				#sright { float:none; position:relative; top:0; width:100%; padding:0;  }
					#content { width:100%; padding:0 15px; }
			
	#content { width:calc(100% - 10px); background:#fff; margin:20px 5px 50px 5px; padding: 0px; }
	
	#top h1 { left:calc(50% - 190px); top:15px; text-align:center; margin:0; }

	#bottom { position:relative; width:100%; background:#404252; color:#ccc; z-index:2; font-size:90%; }
		#bottomarea { position:relative; width:100%; padding:32px 15px 70px 15px; margin:0 auto; }


	#top h1 { position:relative; left:-10px; top:18px; text-align:center; }	
	#top h1 img { width:auto; height:35px; }
}


/* 상단숨기기 */
.sidemenu ul li:nth-child(1),
.sidemenu ul li:nth-child(2),
.sidemenu ul li:nth-child(3),
.sidemenu ul li:nth-child(4),
.sidemenu ul li:nth-child(5) { display:none; }


/* 바로가기 */
/* 바로가기 */
/* 바로가기 */
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;}





/* 테블릿, 모바일 메뉴 */	
#toparea .allmenu_btn { display:none; }
#toparea .mlist_btn { display:none; }

@media (min-width:768px) and (max-width:1400px){
	#toparea .allmenu_btn { display:block; position:absolute; left:20px; top:22px; background:url(/images/egovframework/com/svc/council/inc/topbtn_allmenu.gif) no-repeat; width:55px; height:55px; background-size:55px; }
	#toparea .mlist_btn { display:block; position:absolute; right:20px; top:22px; }
	#toparea .allmenu_btn img,
	#toparea .mlist_btn img { width:50px; }
}
@media (max-width:767px){ 	
	#toparea .allmenu_btn { display:block; position:absolute; left:15px; top:15px; width:38px; height:38px; background:url(/images/egovframework/com/svc/council/inc/topbtn_allmenu2.gif) no-repeat; background-size:38px; }
	#toparea .mlist_btn { display:block; position:absolute; right:15px; top:15px; }
	#toparea .allmenu_btn img,
	#toparea .mlist_btn img { width:40px; }
}


/* General styles for all menus */
.cbp-spmenu { position:relative; background:#162a46; position: fixed; border-right:1px solid #ccc; }
.cbp-spmenu p { position:absolute; right:20px; top:18px; }


/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical { width: 250px; height: 100%; top: 0; z-index: 1000; }
/*.cbp-spmenu-vertical h3 { width:100%; height:70px; padding:15px 20px 0 20px; }*/

.cbp-spmenu-vertical ul { border-top:2px solid #364398 }
.cbp-spmenu-vertical li { position:relative; border-bottom:1px solid #203d63; width:100%; }
.cbp-spmenu-vertical li a:link,
.cbp-spmenu-vertical li a:visited { width:calc(100% - 0px); padding:0 20px; text-decoration:none; color:#fff; font-size:16px; display:inline-block; height:50px; line-height:50px; background:#162a46 url(/images/egovframework/com/svc/committee/inc/allmenu_blt.png) no-repeat 220px center;  background-size:9px; }
.cbp-spmenu-vertical li a:active,
.cbp-spmenu-vertical li a:focus,
.cbp-spmenu-vertical li a:hover { color:#fff; background:#273e5e url(/images/egovframework/com/svc/committee/inc/allmenu_blt.png) no-repeat 220px center; background-size:9px; }

.cbp-spmenu-vertical ul ul { border-top:none; background:#5865a0; }
.cbp-spmenu-vertical li ul li { border-bottom:1px solid #989ca1 }
.cbp-spmenu-vertical li ul li a:link,
.cbp-spmenu-vertical li ul li a:visited { width:calc(100% - 0px) !important; padding:0 30px !important; text-decoration:none; color:#fff; display:inline-block; height:45px; line-height:45px; background:#697688 url(/images/egovframework/com/svc/committee/inc/allmenu_blt2.png) no-repeat 20px center; background-size:5px; font-size:90%; }
.cbp-spmenu-vertical li ul li a:active,
.cbp-spmenu-vertical li ul li a:focus,
.cbp-spmenu-vertical li ul li a:hover { color:#fff; background:#5865a0 url(/images/egovframework/com/svc/committee/inc/allmenu_blt2.png) no-repeat 20px center; background-size:5px; }

.cbp-spmenu-vertical li.down a:link,
.cbp-spmenu-vertical li.down a:visited { width:calc(100% - 0px); padding:0 20px; text-decoration:none; color:#fff; display:inline-block; height:50px; line-height:50px; background:#162a46 url(/images/egovframework/com/svc/committee/inc/allmenu_blt3.png) no-repeat 220px center;  background-size:15px; }
.cbp-spmenu-vertical li.down a:active,
.cbp-spmenu-vertical li.down a:focus,
.cbp-spmenu-vertical li.down a:hover { color:#fff; background:#273e5e url(/images/egovframework/com/svc/committee/inc/allmenu_blt3.png) no-repeat 220px center; background-size:15px; }

.cbp-spmenu-vertical li.down ul li a:link,
.cbp-spmenu-vertical li.down ul li a:visited {  width:calc(100% - 0px) !important; padding:0 30px !important; text-decoration:none; color:#fff; font-size:16px; display:inline-block; height:45px; line-height:45px; background:#697688 url(/images/egovframework/com/svc/committee/inc/allmenu_blt2.png) no-repeat 20px center; background-size:5px; font-size:90%; }
.cbp-spmenu-vertical li.down ul li a:active,
.cbp-spmenu-vertical li.down ul li a:focus,
.cbp-spmenu-vertical li.down ul li a:hover { color:#fff; background:#5865a0 url(/images/egovframework/com/svc/committee/inc/allmenu_blt2.png) no-repeat 20px center; background-size:5px; }

.cbp-spmenu-vertical .closebtn {position: absolute; top: 5px; right: 10px; font-size: 36px; }

#gnb>li>div { display:none; }



/* Vertical menu that slides from the left or right */
.cbp-spmenu-left { left: -251px; }
.cbp-spmenu-left.cbp-spmenu-open { left: 0px; }
/* Push classes applied to the body */
.cbp-spmenu-push { overflow-x: hidden; position: relative; left: 0; }
.cbp-spmenu-push-toright { left: 250px; }
.cbp-spmenu-push-toleft { left: -251px; }

/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

/* Example media queries */
@media screen and (max-width: 55.1875em){
	.cbp-spmenu-horizontal { font-size: 75%; height: 110px;	}
	.cbp-spmenu-top { top: -110px; }
	.cbp-spmenu-bottom { bottom: -110px; }
}

@media screen and (max-height: 26.375em){	
	.cbp-spmenu-vertical { font-size: 90%; width: 190px; }
	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft { left: -190px;	}
	.cbp-spmenu-right { right: -190px;	}
	.cbp-spmenu-push-toright { left: 190px;	}
}


@media (max-width:767px){ 
	.cbp-spmenu-vertical h3 { width:calc(100% - 40px); padding:15px 20px 0 20px; height:65px; text-align:left; }
	.cbp-spmenu-vertical .closebtn {top: 0px; }
}



/* 메인 메뉴 */
#menu { position:absolute; right:0px; top:80px; }
#topMenu { position:relative; overflow:visible !important; }

#topMenu > li { position:relative; float:left; text-align:center; display:inline-block; }

#topMenu > li > a:link,
#topMenu > li > a:visited { height:75px; vertical-align:top; padding:0 55px; color:#222; font-size:140%; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; display:block; }
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover,
#topMenu > li > a.select { color:#f96041; transition:0.2s;  }

@media (max-width:1440px){
	#topMenu > li > a:link,
	#topMenu > li > a:visited { padding:0 25px; font-size:120%;}
}


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


/* 서브메뉴 표시 */
#topMenu > li > ul { position:absolute; left:0; top:65px; width:100%; height:157px; padding:10px 0 0 0px; border-top:1px solid #ddd; border-left: 1px solid #eee; background:#fff; display:none; clear:both; z-index:1003;   }
#topMenu > li > ul > li { position:relative; width:100%; padding:3px 10px 4px 10px;  text-align:center; display:block; }
#topMenu > li > ul.end { border-right: 1px solid #eee;}

#topMenu > li > ul > li > a:link,
#topMenu > li > ul > li > a:visited { width:100%; height:auto; padding:0; background:none; color:#333; border:0; line-height:1.3; text-decoration:none; font-family:NotoSansKR-Regular, "노토산스"; font-size:90%; margin:0; 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:#555fba; font-weight:bold; }

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

#topMenu > li:nth-child(4) ul,
#topMenu > li:nth-child(5) ul {border-left:none;}

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

.menubox { position:absolute; left:0; top:145px; width:100%; height:160px; border-top:1px solid #ddd; border-bottom:3px solid #ff5244; background:#fff; display:none; z-index:10; }




@media (min-width:1153px) and (max-width:1280px){
	#topMenu > li > ul { height:390px; }	
	.menubox { height:393px; }
}


@media (min-width:1025px) and (max-width:1152px){
	#topMenu > li > ul { height:450px; }	
	.menubox { height:453px; }
}


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


/* 메인 누리집지도 버튼*/
.abtn_sitemapLink { position:absolute; right:50px; top:84px; z-index:2; }

@media (max-width:1024px){
	.abtn_sitemapLink { display:none; }
}




/* 비주얼 */
#visible { width:100%; height:800px; }

@media (min-width:768px) and (max-width:1400px){
	#visible { height:auto; background-size:400% !important; }
}
@media (max-width:767px){ 
	#visible { height:auto; background-size:1000% !important; }
}

/* container1 */
/* container1 */
/* container1 */

#container1 { width:1400px; margin:0 auto; padding-top:130px; overflow:hidden; }

@media (min-width:768px) and (max-width:1400px){
	#container1 { width:100%; padding:20px; width:calc(100% - 40px); }
}
@media (max-width:767px){ 
	#container1 { width:100%; padding:15px; width:calc(100% - 30px); }
}


/* 비주얼박스 */
#container1 .visibleBox { float:left; width:540px; height:280px; background:#00a5ac url(/images/egovframework/com/svc/committee/main/visibleBox_bg.jpg) center right no-repeat;}
#container1 .visibleBox h1 { font-size:200%; color:#fff; padding:40px 0 10px 30px; font-weight:normal; letter-spacing:-1px; }
#container1 .visibleBox p { color:#fff; padding:0 30px; font-size:100%; }

@media (min-width:768px) and (max-width:1400px){
	#container1 .visibleBox { width:50%;  }
}
@media (max-width:767px){ 
	#container1 .visibleBox { width:100%; height:200px;  }
	#container1 .visibleBox h1 { font-size:140%; }
	#container1 .visibleBox p { font-size:90%; }
}

/* 의사일정 */
#container1 .scheduleDaily { position:relative; float:left; width:320px; height:280px; background:url(/images/egovframework/com/svc/committee/main/visible_bg2.png); text-align:center; }
#container1 .scheduleDaily p.sD1 { color:#fff; font-size:150%; font:bold 160% arial; padding:20px 0 10px 0; }
#container1 .scheduleDaily p.sD2 { width:106px; height:106px; border-radius:50px; background:#f7941d; font:bold 200% arial; color:#fff; text-align:center; line-height:106px; margin:0 auto; }
#container1 .scheduleDaily p.sD2 strong { font-size:60%; position:relative; top:-5px; padding:0 2px;}

#container1 .scheduleDaily ul { width:calc(100% - 40px); padding:10px 20px 5px 20px; }
#container1 .scheduleDaily li { width:100%; padding:5px 0; color:#fff }
#container1 .scheduleDaily li span.date { float:left; width:50px; color:#00e0e6; text-align:left; }
#container1 .scheduleDaily li span.subject { float:left; width:calc(100% - 50px); text-align:left;  }

#container1 .scheduleDaily li a:link,
#container1 .scheduleDaily li a:visited { color:#fff; }
#container1 .scheduleDaily li a:active,
#container1 .scheduleDaily li a:focus,
#container1 .scheduleDaily li a:hover { text-decoration:underline; }
#container1 .scheduleDaily li a.select { text-decoration:underline; }

#container1 .scheduleDaily p.more { position:absolute; right:20px; top:20px;}


@media (min-width:768px) and (max-width:1400px){
	#container1 .scheduleDaily { width:50%; }
}
@media (max-width:767px){ 
	#container1 .scheduleDaily { width:100%; height:250px; }
	#container1 .scheduleDaily li { font-size:95%; }
	#container1 .scheduleDaily p.more img { width:35px; }

}

/* 위원회 구성1 */
#container1 .member1 { float:left; width:calc(100% - 860px); height:280px; background:url(/images/egovframework/com/svc/committee/main/visible_bg3.png); }
#container1 .member1 h3 { padding:25px 0 15px 30px; color:#000; font-size:140%; font-weight:normal;}
#container1 .member1 ul { width:100%; }
#container1 .member1 li { position:relative; float:left; width:50%; text-align:center; margin:0 auto; }
#container1 .member1 li span { display:block;}
#container1 .member1 li span.pic { width:128px; border:5px solid #ccc; margin:0 auto; }
#container1 .member1 li span.pic img { width:118px; height:152px; }

#container1 .member1 li a .pic:link,
#container1 .member1 li a .pic:visited,
#container1 .member1 li a .pic:active,
#container1 .member1 li a .pic:hover,
#container1 .member1 li a .pic:focus { border:5px solid #4d5ea7 }

#container1 .member1 li span.homepageBtn { position:relative; top:-20px; width:38px; height:30px; padding-top:8px; background:#e9e9e9; text-align:center; margin:0 auto;  border-radius:50px; }

#container1 .member1 li span.homepageBtn:link,
#container1 .member1 li span.homepageBtn:visited,
#container1 .member1 li span.homepageBtn:active,
#container1 .member1 li span.homepageBtn:hover,
#container1 .member1 li span.homepageBtn:focus { background:#4d5ea7 }

#container1 .member1 li span.name { position:relative; top:-17px; }

@media (min-width:768px) and (max-width:1400px){
	#container1 .member1 { width:100%; }
}
@media (max-width:767px){ 
	#container1 .member1 h3 { padding:15px 0 15px 15px; font-size:110%; }
	#container1 .member1 { width:100%; }
	#container1 .member1 li span.name { font-size:95%; }
}

/* 위원회 구성2 */
#container1 .member2 { position:relative; width:100%; /*height:250px;*/ padding-top:30px; background:url(/images/egovframework/com/svc/committee/main/visible_bg3.png); overflow:hidden; }
#container1 .member2area { width:100%; /*height:250px;*/ background:url(/images/egovframework/com/svc/committee/main/member2_bg.png?v=1.2) no-repeat right bottom; }
#container1 .member2 ul { overflow:hidden; margin:0 auto; text-align:center; }
#container1 .member2 li { float:left; width:14%; text-align:center; margin:0 auto; }
#container1 .member2 li span { display:block;}
#container1 .member2 li span.pic { width:128px; border:5px solid #ccc; margin:0 auto; }
#container1 .member2 li span.pic img { width:118px; height:152px; }

#container1 .member2 li a .pic:link,
#container1 .member2 li a .pic:visited,
#container1 .member2 li a .pic:active,
#container1 .member2 li a .pic:hover,
#container1 .member2 li a .pic:focus { border:5px solid #4d5ea7 }

#container1 .member2 li span.homepageBtn { position:relative; top:-20px; width:38px; height:30px; padding-top:8px; background:#e9e9e9; text-align:center; margin:0 auto;  border-radius:50px; }

#container1 .member2 li span.homepageBtn:link,
#container1 .member2 li span.homepageBtn:visited,
#container1 .member2 li span.homepageBtn:active,
#container1 .member2 li span.homepageBtn:hover,
#container1 .member2 li span.homepageBtn:focus { background:#4d5ea7 }

#container1 .member2 li span.name { position:relative; top:-15px; }

#container1 .member2 .djrole { position:absolute; bottom:50px; right:40px; width:480px; background:#3f7fbd url(/images/egovframework/com/svc/committee/main/djrole_icon.png) no-repeat bottom right;  height:200px; -webkit-box-shadow: 7px 7px 0px -2px rgba(0,0,0,0.12); -moz-box-shadow: 7px 7px 0px -2px rgba(0,0,0,0.12); box-shadow: 7px 7px 0px -2px rgba(0,0,0,0.12); }
#container1 .member2 .djrole h3 { padding:20px 0 15px 20px; color:#000; font-size:140%; font-weight:normal; color:#fff; }
#container1 .member2 .djrole p { padding:0 20px; font-size:95%; color:#fff; }


@media (min-width:768px) and (max-width:1400px){
	#container1 .member2 { width:100%; height:auto !important; }
	#container1 .member2area { height:auto; background:url(/images/egovframework/com/svc/committee/main/member2_bg.png) no-repeat right bottom; }
	#container1 .member2 ul { width:100%; overflow:hidden; margin:0 auto; text-align:center;  }
	#container1 .member2 li { float:none; width:128px !important; display:inline-block !important; overflow:hidden; margin:0 20px }
	#container1 .member2 li span { width:100%; display:block;}
	#container1 .member2 li span.pic { width:128px; border:5px solid #ccc; margin:0 auto; }

	#container1 .member2 .djrole { display:none; }
}


@media (max-width:767px){ 
	#container1 .member2 { width:100%; height:auto !important; padding-top:10px;}
	#container1 .member2area { height:auto; }
	#container1 .member2 li { width:50%; }

	#container1 .member2 .djrole { display:none; }
}






/* 비주얼박스 */
#container1 .visibleBoxa { float:left; width:calc(100% - 320px); height:280px; background:#00a5ac url(/images/egovframework/com/svc/committee/main/visibleBox_bg.jpg) center right no-repeat;}
#container1 .visibleBoxa h1 { font-size:260%; color:#fff; padding:40px 0 10px 30px; font-weight:normal; }
#container1 .visibleBoxa p { color:#fff; padding:0 30px; font-size:100%; }

@media (min-width:768px) and (max-width:1400px){
	#container1 .visibleBoxa { width:50%;  }
}
@media (max-width:767px){ 
	#container1 .visibleBoxa { width:100%; height:200px;  }
	#container1 .visibleBoxa h1 { font-size:140%; }
	#container1 .visibleBoxa p { font-size:90%; }
}

/* 의사일정 */
#container1 .scheduleDailya { position:relative; float:left; width:320px; height:280px; background:url(/images/egovframework/com/svc/committee/main/visible_bg2.png); text-align:center; }
#container1 .scheduleDailya p.sD1 { color:#fff; font-size:150%; font:bold 160% arial; padding:20px 0 10px 0; }
#container1 .scheduleDailya p.sD2 { width:106px; height:106px; border-radius:50px; background:#f7941d; font:bold 200% arial; color:#fff; text-align:center; line-height:106px; margin:0 auto; }
#container1 .scheduleDailya p.sD2 strong { font-size:60%; position:relative; top:-5px; padding:0 2px;}

#container1 .scheduleDailya ul { width:calc(100% - 40px); padding:10px 20px 5px 20px; }
#container1 .scheduleDailya li { width:100%; padding:5px 0; color:#fff }
#container1 .scheduleDailya li span.date { float:left; width:50px; color:#00e0e6; text-align:left; }
#container1 .scheduleDailya li span.subject { float:left; width:calc(100% - 50px); text-align:left;  }

#container1 .scheduleDailya li a:link,
#container1 .scheduleDailya li a:visited { color:#fff; }
#container1 .scheduleDailya li a:active,
#container1 .scheduleDailya li a:focus,
#container1 .scheduleDailya li a:hover { text-decoration:underline; }
#container1 .scheduleDailya li a.select { text-decoration:underline; }

#container1 .scheduleDailya p.more { position:absolute; right:20px; top:20px;}


@media (min-width:768px) and (max-width:1400px){
	#container1 .scheduleDailya { width:50%; }
}
@media (max-width:767px){ 
	#container1 .scheduleDailya { width:100%; height:250px; }
	#container1 .scheduleDailya li { font-size:95%; }
	#container1 .scheduleDailya p.more img { width:35px; }

}

/* 위원회 구성1 */
#container1 .member1a { width:100%; height:300px; background:url(/images/egovframework/com/svc/committee/main/visible_bg3.png); float:left; }
#container1 .member1areaa { width:100%; height:300px; background:url(/images/egovframework/com/svc/committee/main/member2_bg.png) no-repeat right bottom; padding-bottom:30px; }
#container1 .member1a h3 { padding:25px 0 15px 30px; color:#000; font-size:140%; font-weight:normal;}
#container1 .member1a ul { width:100%; }
#container1 .member1a li { float:left; width:14%; text-align:center; margin:0 auto; }
#container1 .member1a li span { display:block;}
#container1 .member1a li span.pic { width:118px; border:5px solid #ccc; margin:0 auto; }

#container1 .member1a li a .pic:link,
#container1 .member1a li a .pic:visited,
#container1 .member1a li a .pic:active,
#container1 .member1a li a .pic:hover,
#container1 .member1a li a .pic:focus { border:5px solid #4d5ea7 }

#container1 .member1a li span.homepageBtn { position:relative; top:-20px; width:38px; height:30px; padding-top:8px; background:#e9e9e9; text-align:center; margin:0 auto;  border-radius:50px; }

#container1 .member1a li span.homepageBtn:link,
#container1 .member1a li span.homepageBtn:visited,
#container1 .member1a li span.homepageBtn:active,
#container1 .member1a li span.homepageBtn:hover,
#container1 .member1a li span.homepageBtn:focus { background:#4d5ea7 }

#container1 .member1a li span.name { position:relative; top:-17px; }

@media (min-width:768px) and (max-width:1400px){
	#container1 .member1a { width:100%; height:auto; }
	#container1 .member1areaa { height:auto; background:url(/images/egovframework/com/svc/committee/main/member2_bg.png) no-repeat right bottom; }
	#container1 .member1a ul { width:100%; overflow:hidden; margin:0 auto; text-align:center;  }
	#container1 .member1a li { float:none; width:128px !important; height:200px; display:inline-block !important; overflow:hidden; margin:0 20px }
	#container1 .member1a li span { width:100%; display:block;}
	#container1 .member1a li span.pic { width:118px; border:5px solid #ccc; margin:0 auto; }

	#container1 .member1a li span.name { font-size:95%; top:5px !important; }
}
@media (max-width:767px){ 
	#container1 .member1a h3 { padding:15px 0 15px 15px; font-size:110%; }
	#container1 .member1a { width:100%; height:auto !important; padding-top:10px;}
	#container1 .member1areaa { height:auto; }
	#container1 .member1a li { width:50%; height:200px; }

	#container1 .member1a li span.name { font-size:95%; top:5px !important; }
}

/* container2 */
/* container2 */
/* container2 */

#container2 { width:100%; background:#efefef; }
#container2area { width:1400px; margin:0 auto; }


@media (min-width:768px) and (max-width:1400px){
	#container2area { width:100%; padding:20px; width:calc(100% - 40px); }
}
@media (max-width:767px){ 
	#container2area { width:100%; padding:15px; width:calc(100% - 30px); }
}


/* 포토갤러리 */
.mphoto { position:relative; width:1400px; padding:70px 0; }
.mphoto h3 { font-size:180%; color:#000; text-align:center; padding:0 0 40px 0; font-weight:normal; padding-top:30px; }
.mphoto ul { width:100%; margin:0 auto; overflow:hidden; }
.mphoto li { float:left; width:23%; margin:0 1%; text-align:center;  }
.mphoto li .mmphoto { width:calc(100% - 2px); background:#fff; padding-bottom:15px; border:1px solid #ddd;}
.mphoto li .mmphoto p.pic { width:100%; height:180px; overflow:hidden; text-align:center;  }
.mphoto li .mmphoto p.pic img { width:100%; display:block; margin-bottom:10px; }
.mphoto li .mmphoto .subject { width:100%; padding:5px 15px; display:block; margin:10px 0 0 0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; font-weight:bold; color:#000; }
.mphoto li .mmphoto .txt { width:100%; padding:0px 15px 5px 15px; font-size:90%; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; }
.mphoto li .mmphoto .date { font:90% arial; color:#999; text-align:right; padding-right:15px; }


.mphoto li a:link,
.mphoto li a:visited { text-decoration:none; color:#565656; width:100%;}
.mphoto li a:active,
.mphoto li a:focus,
.mphoto li a:hover { color:#f2893b; font-weight:bold; }


.mphoto p.more { position:absolute; right:0px; top:70px; }

@media (min-width:768px) and (max-width:1400px){
	.mphoto { width:100%; height:auto; padding:0 0 30px 0; }
	.mphoto h3 { padding:30px 0 20px 0px;  }
	.mphoto li { float:left; width:48%; margin:10px 1%; text-align:center;  }	
	.mphoto p.more { top:28px; right:0px; }
}
@media (max-width:767px){ 
	.mphoto { width:100%; height:auto; padding:0 0 15px 0; }
	.mphoto h3 { padding:20px 0 5px 0px; font-size:110%; }
	.mphoto li { float:none; width:auto; width:100%; padding:10px 0px; text-align:center; margin:0;}	
	.mphoto li .mmphoto .subject { width:calc(100% - 0px); padding:10px; display:block; margin-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; font-size:90%; }
	.mphoto li .mmphoto .txt{ padding:0 10px 10px 10px;}
	.mphoto li .mmphoto .date { font:85% arial; padding-right:10px; }
	.mphoto p.more { top:18px; right:0px; }
	.mphoto p.more img { width:30px; }
}

/* container3 */
/* container3 */
/* container3 */

#container3 { width:100%; height:380px; background:url(/images/egovframework/com/svc/committee/main/bottom_bg.jpg) center bottom no-repeat; }
#container3area { width:1400px; margin:0 auto;  }

#container3area .con3left { float:left; width:50%; }
#container3area .con3right { float:right; width:50%; }

@media (min-width:768px) and (max-width:1400px){
	#container3area { width:100%; }
}
@media (max-width:767px){ 
	#container3 { height:auto; background:none; }
	#container3area { width:100%; padding-top:0px; }
	#container3area .con3left { float:none; width:100%; padding:0 15px; margin-bottom:30px;}
	#container3area .con3right { float:none; width:100%; padding:0 15px; background:#7b7b7b; }
}


/* 의정활동 */
.mlegislativeActivity { position:relative; width:100%; }
.mlegislativeActivity h3 { color:#fff; padding:30px 0 20px 20px; font-size:160%; font-weight:normal; }
.mlegislativeActivity ul { width:100%; padding:0 20px; }
.mlegislativeActivity li { /*width:100%;*/ letter-spacing:-0.5px; padding:8px 0; overflow:hidden;}
.mlegislativeActivity li span.subject { float:left; display:inline-block; width:calc(100% - 80px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.mlegislativeActivity li span.date { float:right; display:inline-block; width:80px; font-size:95%; }
.mlegislativeActivity li a { color:#fff; width:100%;}

.mlegislativeActivity li a:link,
.mlegislativeActivity li a:visited { color:#fff;}
.mlegislativeActivity li a:active,
.mlegislativeActivity li a:focus,
.mlegislativeActivity li a:hover { color:#ffd204; }

.mlegislativeActivity li a:active span.date,
.mlegislativeActivity li a:focus span.date,
.mlegislativeActivity li a:hover span.date { color:#ffd204; }

.mlegislativeActivity li a span.date:active,
.mlegislativeActivity li a span.date:focus,
.mlegislativeActivity li a span.date:hover{color:#ffd204;}

.mlegislativeActivity li a span.date { color:#fff;}

.mlegislativeActivity p.more { position:absolute; right:30px; top:15px; }



@media (max-width:767px){ 
	.mlegislativeActivity h3{color:#000;}
	.mlegislativeActivity li a:link,
	.mlegislativeActivity li a:visited { color:#000; background:#eee; border-radius:30px; padding: 5px 10px;}
	.mlegislativeActivity li a span.date { color:#000;}

	.legislativeActivity { margin-bottom:20px; }
	.legislativeActivity h3 { color:#000; padding:15px 0 10px 0px; font-size:130%; }
	.legislativeActivity ul { width:100%; padding:0px; }
	.legislativeActivity li { font-size:90%; padding:6px 0 }
	.legislativeActivity li span.date { text-align:right; color:#666 }
	
	.legislativeActivity li a:link,
	.legislativeActivity li a:visited { color:#000;}
	.legislativeActivity li a:active,
	.legislativeActivity li a:focus,
	.legislativeActivity li a:hover { color:#000; }

	.legislativeActivity p.more { right:0px; }
	.legislativeActivity p.more img { width:30px;  }
}

/* 퀵메뉴 */
.quickMenu { width:100%; margin:70px 0 30px; overflow:hidden; }
.quickMenu ul { width:100%; overflow:hidden; }
.quickMenu li { float:left; width:calc(33% - 0px); padding:0 20px; }
.quickMenu li a:link,
.quickMenu li a:visited { width:100%; border:6px solid #fff; height:150px; display:inline-block; line-height:150px; text-align:center; color:#fff; font-size:120%; letter-spacing:-0.5px; background:url(/images/egovframework/com/svc/committee/main/quickMenu_off_icon.gif) no-repeat right bottom; }
.quickMenu li a:active,
.quickMenu li a:focus,
.quickMenu li a:hover { color:#fff; background:#2667a7 url(/images/egovframework/com/svc/committee/main/quickMenu_on_icon.gif) no-repeat right bottom; background-color: rgba(0, 0, 100, 0.5);}

@media (min-width:768px) and (max-width:1400px){
	.quickMenu li { float:left; width:calc(33% - 0px); padding:0 10px; font-size:85%; }
}

@media (max-width:767px){ 
	.quickMenu { width:100%; padding:30px 0; margin:0px; overflow:hidden;}
	.quickMenu li { float:left; width:calc(33% - 0px); padding:0 5px; font-size:90%; }
	.quickMenu li a:link,
	.quickMenu li a:visited { border:3px solid #fff; height:100px; line-height:100px; font-size:90%; background-size:30px; }
	.quickMenu li a:active,
	.quickMenu li a:focus,
	.quickMenu li a:hover { background-size:30px;}

}

/* 사이트링크 */
.sitelink { width:100%; }
/*.sitelink ul { width:100%; }
.sitelink li { float:left; width:calc(50% - 40px); padding:0 20px; }
*/

.sitelink .sitelink1,
.sitelink .sitelink2 { float:left; width:calc(50% - 0px); padding:0 20px; }
.sitelink .select_link { float:left; width:calc(100% - 60px); height:45px; font-size:90%; border:1px solid #4f4f4f; padding-left:10px; }
.sitelink .link_btn { width:50px; height:45px; border:1px solid #003e78; background:#2365a3; color:#fff; margin-left:3px; }

@media (min-width:768px) and (max-width:1400px){
	.sitelink li { width:calc(50% - 20px); padding:0 10px; }
}

@media (max-width:767px){ 
	.sitelink { padding-bottom:20px;  }
	.sitelink li { float:none; width:100%; padding:0px; margin-bottom:10px;}
	.sitelink li .select_link { width:calc(100% - 45px); height:35px; font-size:80%; padding-left:5px; }
	.sitelink li .link_btn { width:40px; height:35px; font-size:80%;  }

	.sitelink .sitelink1,
.sitelink .sitelink2 { float:left; width:calc(50% - 0px); padding:0 5px; }
}


/* 하단 */
#bottom #bottomarea .bottomMenu { margin-bottom:20px; }
#bottom #bottomarea .bottomMenu li { float:left; padding:0; margin-right:30px; }
#bottom #bottomarea .bottomMenu li:last-child { margin-right:0px; }


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

#bottom #bottomarea .bottomMenu li:nth-child(1) a:link,
#bottom #bottomarea .bottomMenu li:nth-child(1) a:visited { color:#ffa646; }
#bottom #bottomarea .bottomMenu li:nth-child(1) a:active,
#bottom #bottomarea .bottomMenu li:nth-child(1) a:focus,
#bottom #bottomarea .bottomMenu li:nth-child(1) a:hover { color:#fcd700; }


#bottom #bottomarea .bottomLink { position:absolute; right:0; top:23px; width:200px; border:1px solid #272832; background:#30323c; }
#bottom #bottomarea .bottomLink > ul { width:100%; height:40px; overflow:visible; margin:0 auto; }
#bottom #bottomarea .bottomLink > ul > li { float:left; position:relative; width:100%; height:40px; }

#bottom #bottomarea .bottomLink > ul > li > a:link,
#bottom #bottomarea .bottomLink > ul > li > a:visited { width:100%; height:40px; line-height:40px; padding-left:20px; background: url(/images/egovframework/com/svc/common/btn_moreW.gif) no-repeat 95% center; color:#ccc; display:block; }
#bottom #bottomarea .bottomLink > ul > li > a:active,
#bottom #bottomarea .bottomLink > ul > li > a:focus,
#bottom #bottomarea .bottomLink > ul > li > a:hover { color:#fff; } 

#bottom #bottomarea .bottomLink ul li ul { position:absolute; left:0; bottom:40px; width:100%; height:120px; border:1px solid #16385b; background:#333b45; box-sizing:border-box; overflow:auto; z-index:1000; display:none; }
#bottom #bottomarea .bottomLink ul li ul li { display:block; }
#bottom #bottomarea .bottomLink ul li ul li a:link,
#bottom #bottomarea .bottomLink ul li ul li a:visited { width:100%; height:30px; line-height:30px; padding-left:10px; box-sizing:border-box; color:#ccc; font-size:90%; display:block; }
#bottom #bottomarea .bottomLink ul li ul li a:active,
#bottom #bottomarea .bottomLink ul li ul li a:focus,
#bottom #bottomarea .bottomLink ul li ul li a:hover { color:#fff; }



#bottom #bottomarea .glogo { float:left; margin-right:50px; }
#bottom #bottomarea .bRight { float:left; }
#bottom #bottomarea address { margin:5px 0 10px 0; }
#bottom #bottomarea address span { margin-right:20px; }

#bottom #bottomarea .copyright { line-height:1.5; font-size:90%; font-family:Arial, Helvetica, sans-serif; } 

#bottom .topbtn { position:absolute; right:0; bottom:0px; z-index:100001; }


@media (max-width:1400px){
	#bottom #bottomarea .bottomLink { right:15px; }
}

@media (max-width:768px){
	.mbottom:before { background:#e9e9e9 url(/images/egovframework/com/svc/common/bottom_bg.png) no-repeat 50% top !important; }
	
	#bottom #bottomarea .bottomMenu ul li { margin-right:10px; }
	#bottom #bottomarea .bottomMenu ul li:nth-child(3) { margin-right:0; }
	#bottom #bottomarea .bottomMenu ul li a:link,
	#bottom #bottomarea .bottomMenu ul li a:visited { line-height:26px; }
}


@media (max-width:600px){
	#bottom #bottomarea .bottomMenu { text-align:center; }
	#bottom #bottomarea .bottomMenu li { float:none; display:inline; margin-right:15px; }
	#bottom #bottomarea .bottomMenu li:last-child { margin-right:0px; }

	#bottom #bottomarea .glogo { width:100%; text-align:center; margin:0 0 20px 0; }
	#bottom #bottomarea .bRight { width:100%; text-align:center; }

	#bottom #bottomarea .bottomLink { position:static; width:100%; margin-bottom:15px; }
}






/* 서브페이지 */
/* 서브페이지 */
/* 서브페이지 */
/* 서브비주얼 */
#svisible { position:relative; width:100%; height:170px;  }
#svisible .txt1 span { color:#db415a; font-family:esamanru-Light, "이사만루 미디엄"; font-size:120%; font-weight:bold; }

#svisible .txt1 { position:absolute;  top:60px; font-size:160%;
	opacity:0; 
	animation-name:txtMove1;
	animation-duration:1.0s; /* 걸리는 시간 */
	animation-fill-mode:forwards;
	animation-delay:0.2s;
	animation-timing-function:ease;
	animation-iteration-count:1; /* 반복횟수 */
	animation-direction:normal; /* 진행방향 alternate : 순방향 -> 역방향*/ 
	/*
	animation:txtMove1 1.5s 0.2s 1 ease fowards normal;
	*/
}


	@keyframes txtMove1 {
		from { right:0px; opacity:0; }
		to { right:100px; opacity:1; }	
	}	




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




/* 좌측메뉴 */
.leftmenu { position:relative; top:-110px; width:100%; margin-bottom:30px; }
.leftmenu h1 { height:110px; line-height:110px; background:linear-gradient(120deg, #636cc3, #e06c77, #2f4672); background-size:200%; color:#fff; text-align:center; text-shadow:2px 2px 5px rgba(0,0,0,0.4); font-size:200%; font-family:esamanru-Medium, "이사만루 미디엄";
	animation : leftmenu 10s ease-in-out infinite;
}
.leftmenu > ul { width:100%; border:1px solid #ddd; border-top:none; }
.leftmenu > ul > li { width:100%; border-bottom:1px solid #ddd; }
.leftmenu > ul > li:last-child { border-bottom:none; }
.leftmenu > ul > li > a:link,
.leftmenu > ul > li > a:visited { width:100%; height:50px; line-height:50px; padding-left:15px; box-sizing:border-box; background:url(/images/egovframework/com/svc/common/leftmenu_blt1_off.gif) no-repeat right top; font-size:105%; display:block; }
.leftmenu > ul > li > a:active,
.leftmenu > ul > li > a:focus,
.leftmenu > ul > li > a:hover { font-weight:bold; background:#fdfbfb url(/images/egovframework/com/svc/common/leftmenu_blt1_on.gif) no-repeat right top; color:#df5a67; }
.leftmenu > ul > li > a.select { background:#fdfbfb url(/images/egovframework/com/svc/common/leftmenu_blt1_on.gif) no-repeat right top; color:#df5a67; font-family:esamanru-Medium, "이사만루 미디엄"; }

.leftmenu > ul ul {  width:100%; padding:10px 0 10px 15px;  border-top:1px solid #ddd; box-sizing:border-box;background:#fafafa; }
.leftmenu > ul ul li {  width:100%;  }
.leftmenu > ul ul li a:link,
.leftmenu > ul ul li a:visited { width:100%; height:30px; line-height:30px; padding-left:15px; box-sizing:border-box; background:url(/images/egovframework/com/svc/common/leftmenu_blt2_off.gif) no-repeat 0px 12px; color:#666; font-size:95%; font-family: NotoSans-DemiLight, "본고딕 데미라이트"; display:block;  }
.leftmenu > ul ul li a:active,
.leftmenu > ul ul li a:focus,
.leftmenu > ul ul li a:hover { background:url(/images/egovframework/com/svc/common/leftmenu_blt2_on.gif) no-repeat 0px 13px; color:#555fba; }
.leftmenu > ul ul li a.select { background:url(/images/egovframework/com/svc/common/leftmenu_blt2_on.gif) no-repeat 0px 13px; color:#555fba; font-family:esamanru-Medium, "이사만루 미디엄";  }


.leftmenu > ul > li > a.double:link,
.leftmenu > ul > li > a.double:visited { height:auto; line-height:1.3; padding:15px 0 10px 15px; background:url(/images/egovframework/com/svc/common/leftmenu_blt1_off.gif) no-repeat right 9px; }
.leftmenu > ul > li > a.double:active,
.leftmenu > ul > li > a.double:focus,
.leftmenu > ul > li > a.double:hover,
.leftmenu > ul > li > a.double.select { background:#f4f4f4 url(/images/egovframework/com/svc/common/leftmenu_blt1_on.gif) no-repeat right 9px;  }



@keyframes leftmenu {
	0% { background-position:0 50%; }
	50% { background-position:100% 50%; }
	100% { background-position:0 50%; }
}


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

.pagetitle .path { position:absolute; left:0; top:100px; font-size:90%; color:#888; word-spacing:5px; }
.pagetitle .path span { position:relative; width:4px; height:7px; line-height:7px; background:url(/images/egovframework/com/svc/common/path_blt.gif) no-repeat 0 50%; text-indent:-9999em; display:inline-block; }
.pagetitle .path strong { color:#666; font-weight:normal; }

.pagetitle h1 { padding:41px 0 0 0px; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:220%; color:#000; }


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

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

.pagetitle .snsbtn ul li { float:left; margin-left:10px; }
.pagetitle .snsbtn ul li.kakaostory { width:35px; height:35px; line-height:35px; background:#fcb700; border-radius:50%; text-align:center; }
.pagetitle .snsbtn ul li.kakaostory img { padding-top:5px; }


@media (min-width:1281px) and (max-width:1400px){
	.pagetitle .snsbtn { right:15px; }
}


@media (min-width:1025px) and (max-width:1280px){
	.pagetitle .snsbtn { right:15px; }
}


@media (min-width:769px) and (max-width:1024px){
	.pagetitle { height:120px; }
	
	.pagetitle .path { top:80px; }	
	.pagetitle h1 { padding:32px 0 0 0px; font-size:200%;  }
	
	.pagetitle .snsbtn { bottom:15px; }
	
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:5px; }
			
}

@media (max-width:768px){
	.pagetitle { height:110px; border:none;  }
	.pagetitle .path { position:static; width:100%; height:55px; line-height:55px; padding:0 80px 0 10px; border-bottom:1px solid #1d276a; box-sizing:border-box; background:#2f4672; color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }	
	.pagetitle .path strong { color:#fff; }
	
	.pagetitle h1 { padding:40px 15px 0 15px; font-size:200%; }

	.pagetitle .snsbtn { right:8px; top:10px; }
	
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:8px; }
}


/* 소속의원 */
.memberlist { position:relative; width:100%; }
.memberlist h3 { color:#064c8b; margin-bottom:15px; }

.memberlist dl { width:100%; }
.memberlist dt { float:left; width:120px; }
.memberlist dt img { width:98px; border:5px solid #ddd; }
.memberlist dd { margin-left:120px; padding:2px 0; font-size:95%; }
.memberlist dd.name { font-size:120%; color:#000; font-weight:bold; }
.memberlist dd.homepage a { width:100px; height:35px; line-height:35px; font-size:90%; background:#414da3; color:#fff; display:inline-block; text-align:center; margin-top:10px; }

.memberlist p.more { position:absolute; right:0px; top:0px;}




/* 모달윈도우 */
.mw { position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; }
.mw .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50) }
.mw .fg { position:absolute; left:15px; top:150px; width:calc(100% - 30px); height:270px; margin:0 auto; }
.mw .fg .mbox { width:calc(100% - 30px); height:100%; padding:0 15px; border-radius:10px; background:#fff; display:inline-block; margin:0 auto; }

.mw .fg .mbox ul { width:99%; padding-top:50px; overflow:hidden; margin:0 auto; }
.mw .fg .mbox ul li { float:left; width:33%; height:100px; text-align:center; }
.mw .fg .mbox ul li .icon { display:block; margin-bottom:7px; }
.mw .fg .mbox ul li .txt { text-align:center; display:block; }

.btn_right { text-align:right; padding-right:10px;}



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

/* 위원회구성 */

.composition { width:100%; overflow:hidden; }
.composition dl { float:left; width:calc(25% - 42px); background:#f9f9f9; text-align:center; margin:20px; padding:20px 0; border:1px solid #ddd; box-shadow:5px 5px #edf0f7; }
.composition dl.first { background:#e2edf8 url(/images/egovframework/com/svc/committee/main/box_bg.png) no-repeat bottom center; text-align:center;  border:1px solid #9dbbc1; box-shadow:5px 5px #e2edf7; }
.composition dt img { border:1px solid #ccc; width:121px; height:154px; }
.composition dd { padding-top:10px; color:#000; }
.composition dd span { color:#414da3; }


@media (max-width:767px){ 
	.composition dl { float:left; width:calc(50% - 22px); background:#f9f9f9; text-align:center; margin:10px; padding:20px 0; border:1px solid #ddd; box-shadow:5px 5px #edf0f7; }

}





/* 자료관리 담당자 */
.dataControl { width:100%; margin-top:100px; }
.dataControl .dataControl_top { width:100%; height:44px; line-height:44px; background:#26a2dc; color:#fff; }
.dataControl .dataControl_top h1 { float:left; width:144px; height:44px; padding-left:20px; background:url(/images/egovframework/com/svc/council/inc/dataControl_titlebar.gif) no-repeat; font-size:100%; }
.dataControl .dataControl_top .name { float:left; padding-left:20px; }
.dataControl .dataControl_top .name strong { padding-right:15px;}
.dataControl .dataControl_top .update { float:right; padding-left:20px; padding-right:20px; }
.dataControl .dataControl_top .update strong { padding-right:15px;}

.dataControl .dataControl_body { position:relative; width:calc(100% - 2px); height:130px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background: url(/images/egovframework/com/svc/council/inc/dataControl_icon.jpg) no-repeat; }
.dataControl .dataControl_body .txt { padding:30px 0 10px 216px; }
.dataControl .dataControl_body ul { position:relative; width:calc(100% - 261px); height:37px; padding-left:25px; background:#d6eafb; overflow:hidden; margin:0 0 0 206px; }
.dataControl .dataControl_body ul li { float:left; height:37px; line-height:37px; margin-right:25px; }
.dataControl .dataControl_body ul li.btn { position:absolute; right:0px; top:0px; }
.dataControl .dataControl_body ul li.btn .submit_vote { width:75px; height:26px; line-height:26px; border:1px solid #4b62c7; border-radius:3px; background:#4b62c7; color:#fff; text-align:center; font-size:90%; }

.dataControl .dataControl_body .gradeInformation { position:absolute; right:40px; top:30px; }
.dataControl .dataControl_body .gradeInformation span { padding-left:20px; }


@media (min-width:768px) and (max-width:1024px){
	.dataControl .dataControl_body .txt { padding:30px 0 10px 186px; }
	.dataControl .dataControl_body ul { position:relative; width:calc(100% - 201px); height:37px; padding-left:10px; background:#d6eafb; overflow:hidden; margin:0 0 0 176px; }
	.dataControl .dataControl_body ul li { margin-right:20px; }
	.dataControl .dataControl_body .gradeInformation { right:20px; }
	.dataControl .dataControl_body .gradeInformation span { padding-left:10px; }
}
@media (max-width:767px){
	.dataControl { width:100%; margin-top:50px; }
	.dataControl .dataControl_top { width:100%; height:88px; line-height:44px; background:#26a2dc; color:#fff; font-size:90%; }
	.dataControl .dataControl_top h1 { float:none; width:calc(100% - 15px); height:44px; padding-left:15px; background:#006ba9; display:block; }
	.dataControl .dataControl_top .name { float:left; padding-left:15px; }
	.dataControl .dataControl_top .name strong { padding-right:10px;}
	
	.dataControl .dataControl_top .update { display:none; }
	
	.dataControl .dataControl_body { position:relative; width:calc(100% - 22px); height:auto; padding:10px 10px 20px 10px; background:none; }
	.dataControl .dataControl_body .txt { padding:0 5px 10px 5px; }
	.dataControl .dataControl_body ul { position:relative; width:calc(100% - 20px); height:auto; padding:10px 10px 20px 10px; background:#d6eafb; overflow:hidden; margin:0 0 0 0; }
	.dataControl .dataControl_body ul li { float:left; height:30px; line-height:30px; margin-right:25px; }
	.dataControl .dataControl_body ul li.btn { position:static; right:0px; top:0px; width:100%; display:block; margin-top:10px; }
	.dataControl .dataControl_body ul li.btn .submit_vote { width:100%; height:30px; line-height:30px; border:1px solid #4b62c7; border-radius:3px; background:#4b62c7; color:#fff; text-align:center; font-size:90%; }
	
	.dataControl .dataControl_body .gradeInformation { position:static; right:0; top:0; text-align:right; margin-top:12px; }
	.dataControl .dataControl_body .gradeInformation span { padding-left:20px; }
}






.stable { width:100%; border-top:2px solid #113d8e; margin-bottom:25px;  }
.stable thead th { padding:10px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#ebeff1; color:#333; }
.stable tbody th { padding:10px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; background:#fafafa; }
.stable tbody td { padding:10px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; }
.stable tfoot th { padding:10px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#fafafa; color:#333; }
.stable tfoot td { padding:10px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; background:#fafafa; }

.stable thead th:last-child { border-right:none; }
.stable td:last-child { border-right:none; }


.stable .end { border-right:none; }
.stable tr.strong { font-weight:bold; color:#333; }
.stable tr.strong  td { background:#fbfbfb; }
.stable tr.line th { border-bottom:1px solid #aaa; }
.stable tr.line td { border-bottom:1px solid #aaa; }
.stable .left { text-align:left; padding-left:10px; padding-right:10px; }


.staff { width:100%; }
.staff .noticeTxt { display:none; }


@media (max-width:600px){
	.staff .noticeTxt { display:block; margin-bottom:20px; }
	.staff .sizebox { overflow:auto; }
	.staff .sizebox table { width:780px; }
	.stable thead th{padding:5px 10px;}
	.stable tbody td{padding:10px 5px;}
}

td a.abtn_preview {
    height: 24px;
    line-height: 24px;
    padding: 0 5px 0 22px;
    background: #1757b7 url(/images/egovframework/com/svc/council/board/previewBtn_blt.png) no-repeat 5px 50%;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    font-size: 90%;
    margin-left: 10px;
}


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

.minutesSearchBox table { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:1px solid #eee; }
.minutesSearchBox table th,
.minutesSearchBox table td { border-bottom:1px solid #eee; }
.minutesSearchBox table th { padding:13px 0 12px 34px; text-align:left; font-weight:normal; color:#333; }
.minutesSearchBox table td { padding:6px 0 7px 15px; }

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

.minutesSearchBox table td ul { width:100%; overflow:hidden; }
.minutesSearchBox table td li { float:left; width:45px; padding:10px 20px 10px 11px; }
.minutesSearchBox table td li a:link,
.minutesSearchBox table td li a:visited { text-decoration:none; color:#666; }
.minutesSearchBox table td li a:active,
.minutesSearchBox table td li a:focus,
.minutesSearchBox table td li a:hover { color:#1757b7; font-weight:bold; }


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


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


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


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

.resultBar {
    position: relative;
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0 0 0 41px;
    border: 1px solid #8fbbe0;
    background: #add5f7 url(/images/egovframework/com/svc/council/inc/resultbar_blt.png) no-repeat 11px 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
}


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



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

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

@media (max-width:767px){
	.resultBar span.eng { display:none; }
	
	.resultBar strong{font-size:90%;}
	.resultBar span.num{top:0px; margin-left:-5px;}
	.resultBar span.num b{font-size:90%; margin-left:-5px;}
	
	.resultBar span.exceldown .abtn_excelDown{font-size:80%; width:150px;}
}