@charset "utf-8";

/* 서브레이아웃 */
#svisible { width:100%; }

#scontainer { width:1400px; margin:0 auto 70px; }	
		
	#sleft { float:left; width:280px; margin-right:60px; }
	#sright { float:left; position:relative; width:calc(100% - 340px); }
		#content { width:100%; }


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

	#scontainer { width:100%; padding:0 15px; margin:0 auto 70px; }	
			
		#sleft { float:left; width:250px; margin-right:50px; }
		#sright { float:left; position:relative; width:calc(100% - 300px); }
			#content { width:100%; }
}


@media (min-width:1025px) and (max-width:1280px){
	#svisible { width:100%; }
	
	#scontainer { width:100%; padding:0 15px; margin:0 auto 70px; }
		
		#sleft { float:left; width:220px; margin-right:30px; }
		#sright { float:left; position:relative; width:calc(100% - 250px); }
			#content { width:100%; }
}



@media (min-width:769px) and (max-width:1024px){
	#svisible { width:100%; }
	
	#scontainer { width:100%; margin:0 auto 50px; }
		
		#sleft { display:none; }
		#sright { float:none; position:relative; width:100%; padding:0 30px; }
			#content { width:100%; }
}


@media (max-width:768px){
	#svisible { display:none; }
	
	#scontainer { width:100%; margin:0 auto 30px; }
		
		#sleft { display:none; }
		#sright { float:none; position:relative; top:0; width:100%; padding:0;  }
			#content { width:100%; padding:0 15px; }
}





/* 서브비주얼 */
#svisible { background:#ecf2fd url(/images/council/inc/visible_bg.png) no-repeat right top;  }
#svisiblearea { position:relative; width:1400px; height:170px; margin:0 auto; }

#svisiblearea .txt1 { position:absolute; left:500px; top:55px; font-size:160%; font-family:esamanru-Medium, "이사만루 미디엄"; opacity:0; letter-spacing:-1px;
	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;
	*/
}

#svisiblearea .txt1 span { color:#ff7e00; }

#svisiblearea .txt2 { position:absolute; top:88px; font-size:130%; opacity:0; letter-spacing:-1px;
	animation:txtMove2 1.0s 0.5s 1 forwards;
}

	@keyframes txtMove1 {
		from { left:290px; opacity:0; color:#000; }
		to { left:340px; opacity:1; color:#25479e; }	
	}
	
	@keyframes txtMove2 {
		from { left:290px; color:#555; opacity:0; }
		to { left:340px; color:#111; opacity:1; }	
	}



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



@media (min-width:1025px) and (max-width:1280px){
	#svisiblearea { width:100%; } 
	
	@keyframes txtMove1 {
		from { left:220px; opacity:0; color:#000; }
		to { left:270px; opacity:1; color:#113d8e; }	
	}
	
	@keyframes txtMove2 {
		from { left:220px; color:#555; opacity:0; }
		to { left:270px; color:#111; opacity:1; }	
	}
}



@media (min-width:769px) and (max-width:1024px){
	#svisible { background-position:150% top; }
	#svisiblearea { width:100%; } 

	@keyframes txtMove1 {
		from { left:0px; opacity:0; color:#000; }
		to { left:50px; opacity:1; color:#113d8e; }	
	}
	
	@keyframes txtMove2 {
		from { left:0px; color:#555; opacity:0; }
		to { left:50px; color:#111; opacity:1; }	
	}

}


@media (max-width:768px){
	#svisiblearea { width:100%; } 
}



/* 좌측메뉴 */
.leftmenu { position:relative; top:-170px; width:100%; margin-bottom:30px; }
.leftmenu h1 { height:170px; line-height:170px; background:linear-gradient(120deg, #06c, #113d8e, #5229a5, #8f6bda); 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/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:#f3f8fc url(/images/common/leftmenu_blt1_on.gif) no-repeat right top; color:#1757b7; }
.leftmenu > ul > li > a.select { background:#f3f8fc url(/images/common/leftmenu_blt1_on.gif) no-repeat right top; color:#1757b7; 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/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/common/leftmenu_blt2_on.gif) no-repeat 0px 13px; color:#e96576; }
.leftmenu > ul ul li a.select { background:url(/images/common/leftmenu_blt2_on.gif) no-repeat 0px 13px; color:#e96576; 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/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/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/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; }


@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:100px; }
	
	.pagetitle .path { top:60px; }	
	.pagetitle h1 { padding:12px 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 #008abd; box-sizing:border-box; background:#25479e; color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }	
	.pagetitle .path strong { color:#fff; }
	
	.pagetitle h1 { padding:30px 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; }
}




/* 1. 열린의장실 */
/* 1. 열린의장실 */
/* 1. 열린의장실 */


/* 의장인사말, 의장프로필 */
.greeting { width:100%;  }
/*.greeting .picarea { position:relative; width:100%; height:320px; border:5px solid #ddd; box-sizing:border-box; background:#f6fafd; margin-bottom:30px; }
.greeting .picarea .txt { line-height:1.5em; color:#113d8e; font-size:220%; font-family:esamanru-Medium, "이사만루 미디엄";  z-index:7; margin:80px 0 0 500px; }
.greeting .picarea .txt .txt1 { margin-bottom:10px;  }
.greeting .picarea .txt .txt1 span { display:inline-block; }
.greeting .picarea .txt .txt2 { color:#06c;  }
.greeting .picarea .pic { position:absolute; left:150px; bottom:0; z-index:6; }*/

.greeting .picarea { float:left; width:326px; padding:24px 0 0; background:#ECF2FD; border-radius:20px; box-shadow:4px 4px 8px rgba(0,0,0,0.1); transition:0.2s; overflow:hidden; }
.greeting .picarea img.pc { width:100%; display:none; }
.greeting .picarea img.mob { width:100%; }
.greeting .picarea:hover { box-shadow:2px 2px 6px rgba(0,0,0,0.2); }

.greeting .sign { padding-right:20px; line-height:3.5; text-align:right; font-size:112.5%; }
.greeting .sign img { vertical-align:bottom; padding-left:8px; }

.greeting .txtarea { float:right; width:calc(100% - 360px); }
.greeting .txtarea p { line-height:1.7; margin-bottom:16px; }

.greeting .txtarea .topTxt { line-height: 1.5em; font-size:170%; font-family:esamanru-Medium, "이사만루 미디엄"; color:#111; margin-bottom:20px; }
.greeting .txtarea .topTxt .txtColor { color:#0bb720; }
.greeting .txtarea .topTxt  strong { color:#ff3c00; }


@media (min-width:1025px) and (max-width:1152px){	
	.greeting .picarea .txt { padding-left:250px; margin:70px 0 0 50px; }	
	.greeting .picarea .pic { left:30px }
}


@media (min-width:769px) and (max-width:1024px){
	.greeting .picarea .txt { padding-left:250px; margin:85px 0 0 30px; }
	.greeting .picarea .pic { left:10px }
}


@media (max-width:768px){
	.greeting .picarea { height:auto; text-align:center; margin:0 24px 24px 0; }
	.greeting .picarea .txt { font-size:140%; margin:30px 0 30px 0; }	
	.greeting .txtarea {float:none; width:auto;  }
}

@media (max-width:640px){
	.greeting .picarea { float:none; width:100%; }
	.greeting .picarea img.pc { display:none; }
	.greeting .picarea img.mob { width:auto; display:block; margin:0 auto; }
	.greeting .picarea .txt { font-size:120%; }
	.greeting .picarea .pic img {  width:300px; }
	.greeting .txtarea { width:100%; }
}




/* 역대의장단 */
.previousChairman { width:100%; }
.previousChairman .pc { display:none; }
.previousChairman ul.cl li { float:left; width:calc(50% - 15px); padding:20px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; margin:10px 15px 10px 0;  }
.previousChairman ul.cl li:nth-child(even) { margin:10px 0 10px 15px; }
.previousChairman ul.cl li:nth-child(odd) { clear:both; margin:10px 15px 10px 0; }
.previousChairman ul.cl li.end { float:right; margin:10px 0 10px 15px;  }

.previousChairman ul.cl li dl { width:100%; }
.previousChairman ul.cl li dt { float:left; width:135px; }
.previousChairman ul.cl li dt img { width:110px; height:142px; padding:3px; border:1px solid #ccc;  }
.previousChairman ul.cl li dd { margin-left:135px; width:calc(100% - 135px); padding:3px 0 1px 0; overflow:hidden;  }

.previousChairman ul.cl li dd.name { font-size:120%; color:#113d8e; font-family:esamanru-Medium, "이사만루 미디엄"; margin-top:5px; }
.previousChairman ul.cl li dd b { float:left; width:60px; color:#888; font-weight:normal; display:inline-block; }
.previousChairman ul.cl li dd b .ts {padding-right:15px; }
.previousChairman ul.cl li dd .itemContent { float:left; width:calc(100% - 60px); display:inline-block; }


@media (max-width:768px){
	.previousChairman ul.cl li { float:none; width:100%; padding:10px; margin:0 0 10px 0; }
	.previousChairman ul.cl li:nth-child(even) { margin:0 0 10px 0; }
	.previousChairman ul.cl li:nth-child(odd) { clear:none; margin:0 10 0px 0 0; }
	.previousChairman ul.cl li:last-child { margin:0; }
	
	.previousChairman ul.cl li dt { width:107px; }
	.previousChairman ul.cl li dt img { width:90px; height:116px; padding:0px; }
	.previousChairman ul.cl li dd { margin-left:107px; width:calc(100% - 107px); }
}







/* 2. 의회소개 */
/* 2. 의회소개 */
/* 2. 의회소개 */


/* 의회연혁 */
.history { width:100%; }

.history .box ul li { padding:10px 0; border-bottom:1px dashed #eee; overflow:hidden; }
.history .box ul li strong { float:left; width:150px; padding:4px 0 0 25px; background:url(/images/common/blt_h5.gif) no-repeat 10px 10px; color:#1757b7; font-family:esamanru-Medium, "이사만루 미디엄"; font-weight:normal; }
.history .box ul li span { float:left; width:calc(100% - 150px); }

@media (max-width:540px){
	.history .box ul li strong { float:none; width:100%; display:block; margin-bottom:5px; }
	.history .box ul li span { float:none; width:100%; padding-left:25px; display:block; }
}



/* 의회구성 및 조직 */
.organisation { width:100%; }

.organisation img { width:100%; }

.organisation .th1 { width:15%; }
.organisation .th2 { width:10%; }
.organisation .th3 { width:10%; }
.organisation .th4 { width:auto; }
.organisation td.name { color:#113d8e; font-weight:bold; padding:0 25px; }

.organisation ul li { float:left; margin-right:10px; }
.organisation ul li:last-child { margin-right:0px; }

	/* 조직도 24.06.26. */
.organisation ol { position:relative; list-style-type:none; font-size:150%; font-weight:700; text-align:center; color:#222; padding:0; }
.organisation ol li { float:none; padding:0; width:100%; margin:0; }
.organisation ol li.vice { position:relative; align-items:end; margin-bottom:40px; }
.organisation ol li span { width:250px; padding:12px 0; }

.organisation ol > li > span { background:#fff; border:8px solid #4059AD; border-radius:50px; margin-bottom:20px; }
.organisation ol li.vice > span { border-color:#1497DB; margin-left:calc(100% - 250px); }
.organisation ol,
.organisation ol ul,.organisation ol li { display:flex; flex-direction:column; align-items:center;}

.organisation ol ul.dep2 { position:relative; flex-direction:row; align-items:start; justify-content:space-between; -webkit-box-pack: justify;-ms-flex-pack: justify; overflow:visible; }

.organisation ol ul.dep2 > li { width:250px; background:#7ECEFF; border-radius:20px; border:4px solid #7ECEFF; margin-left:calc(100% - 500px); }
.organisation ol ul.dep2 > li:first-child { margin:0; }

.organisation ol ul.dep3 { font-size:75%; background:#fff; border-radius:0 0 16px 16px; color:#555; }

.organisation ol::before { position:absolute; top:0; left:50%; content:''; width:1px; height:50%; background:#ddd; z-index:-1; }
.organisation ol li.vice::before { position:absolute; top:calc(50% - 10px); left:50%; content:''; width:50%; height:1px; background:#ddd; transform:translateY(-50%); z-index:-1; }
.organisation ol ul.dep2::before { position:absolute; top:-20px; left:12.5%; content:''; width:75%; height:60%; border:1px solid #ddd; background:#fff; border-bottom:0; z-index:-1; }



@media (max-width:768px){
	.organisation .th1 { width:20%; }
	.organisation .th2 { width:15%; }
	.organisation .th3 { width:15%; }
	.organisation .th4 { width:auto; }

		/* 조직도 24.06.26. */
	.organisation ol { font-size:125%; }
	.organisation ol li span { width:160px; }
	.organisation ol li ul.dep2 span { width:100%; }
	.organisation ol ul.dep2 > li { width:48%; }
	.organisation ol li.vice > span { margin-left:calc(100% - 160px); }
	.organisation ol ul.dep3 { font-size:87.5%; }

	.organisation ol ul.dep2::before { left:25%; width:50%; }
}

/* 위원회 */
.committee { width:100%; }
.committee .box p { margin-bottom:10px; }
.committee .box span { color:#405b6c; }

.committee .list { display: flex; flex-direction: column; flex-wrap: wrap; }
.committee .list li { position:relative; padding:0 0 4px 8px; }
.committee .list li:last-child { padding-bottom:0; }
.committee .list li::before { position:absolute; top:16px; left:0; content:''; width:2px; height:2px; background:#bbb; display:inline-block; transform:translateY(-200%); }
.committee .list li.none::before { display:none; }

ul.comList { width:100%; }
ul.comList li { float:left; width:calc(20% - 20px); border:1px solid #ddd; padding:25px 0; box-sizing:border-box; background:#fafafa; margin:0 25px 25px 0; text-align:center; }
ul.comList li:first-child { background:#eef4f7; }
ul.comList li:nth-child(5n) { margin:0 0 25px 0; }
ul.comList li p.pic { margin-bottom:10px; }
ul.comList li p.pic img { padding:5px; box-sizing:border-box; background:#fff; }
ul.comList li span.name { font-family:esamanru-Medium, "이사만루 미디엄"; font-size:120%; color:#111; vertical-align:bottom; }

@media (min-width:1025px) and (max-width:1280px){
	ul.comList li { width:calc(20% - 15px);  padding:15px 0; margin:0 18px 20px 0; }
}

@media (min-width:769px) and (max-width:1024px){
	ul.comList li { width:calc(25% - 20px);  padding:15px 0; margin:0 26.6px 25px 0 !important; }
	ul.comList li:nth-child(4n) { margin:0 0 25px 0 !important; }
}

@media (max-width:768px){
	ul.comList li { width:calc(25% - 20px);  padding:15px 0; margin:0 26.6px 25px 0; }
	ul.comList li:nth-child(4n) { margin:0 0 25px 0; }
	ul.comList li:nth-child(5n) { margin:0 25px 25px 0; }

	.committee .list { height:auto; }
	.committee .list li { position:relative; width:100%; padding:0 0 4px 8px; }
}

@media (max-width:640px){
	ul.comList li { width:calc(33.3% - 15px);  padding:15px 0; margin:0 22.5px 20px 0; }
	ul.comList li:nth-child(3n) { margin:0 0 20px 0; }
	ul.comList li:nth-child(4n),
	ul.comList li:nth-child(5n) { margin:0 22.5px 20px 0; }
}

@media (max-width:480px){
	ul.comList li { width:calc(50% - 5px);  padding:15px 0; margin:0 10px 10px 0 !important; }
	ul.comList li:nth-child(even) { margin:0 0 10px 0 !important; }
}


/* 의회전화번호 */
.telephone { width:100%; }
.telephone .td1 { width:28%; }
.telephone .td2 { width:28%; }
.telephone .td3 { width:44%; }


/* 직원현황 */
.staff { width:100%; }

.staff img { width:100%; }

.staff .td1 { width:15%; }
.staff .td2 { width:13%; }
.staff .td3 { width:12%; }
.staff .td4 { width:12%; }
.staff .td5 { width:12%; }
.staff .td6 { width:12%; }
.staff .td7 { width:12%; }
.staff .td8 { width:12%; }

.staff .th1 { width:15%; }
.staff .th2 { width:15%; }
.staff .th3 { width:15%; }
.staff .th4 { width:40%; }
.staff .th5 { width:15%; }



/* 의안처리 */
.handlingBill { width:100%; }
.handlingBill img { width:100%; }



/* 예산심사방법 */
.budgetExamination { width:100%; }
.budgetExamination img { width:100%; }



/* 청원안내 */
.petitionInfo { width:100%; }
.petitionInfo img { width:100%; }



/* 청원심사 */
.petitionExamine { width:100%; }
.petitionExamine img { width:100%; }


/* 행정사무감사 */
.inspection { width:100%; }
.inspection img { width:100%; }




/* 청사안내 */
.govBuilding { width:100%; }
.govBuilding .tc { display:none; }
.govBuilding .tc .tcLeft { float:left; width:calc(100% - 330px); padding:25px; border:1px solid #ddd; border-radius:10px; text-align:center; margin-right:30px; }
.govBuilding .tc .box2 { float:left; width:300px; }




@media (max-width:1024px){
	.govBuilding .tc .tcLeft { float:none; width:100%; margin:0 0 30px 0; }
	.govBuilding .tc .box2 { float:none; width:100%; }
}





/* CI */
.cip { width:100%; }
.cip dl { width:100%; overflow:hidden; }
.cip dt { float:left; width:245px; }
.cip dd { margin-left:245px; width:calc(100% - 245px); }
.cip dd ul { margin-top:5px; }

.cip .cipUl li { float:left; width:33.33%; text-align:center; }

@media (min-width:1025px) and (max-width:1152px){
	.cip .cipUl li img { width:calc(100% - 20px);  }
}

@media (min-width:769px) and (max-width:1024px){
	.cip .cipUl li img { width:calc(100% - 20px);  }
}

@media (max-width:768px){
	.cip .cipUl li { width:50%; }	
}

@media (max-width:540px){
	.cip dt { float:none; width:100%; text-align:center; }
	.cip dd { margin-left:0px; width:100%; }
	.cip dd ul { margin-top:15px; }

	.cip .cipUl li { width:100%; text-align:center; margin-bottom:15px; }
	.cip .cipUl li:last-child { margin-bottom:0px; }		
}



/* 주차 안내 */
.parking {width:100%;}
.parking ul > li { padding-right:10px; margin-bottom:12px; transition:0.3s;}

.parking { width:100%; }
.parking dl { display:flex; align-items:stretch; word-break:keep-all; vertical-align:center; }
.parking dl dt { display:flex; align-items:center; padding:12px 20px; background:#323f5c; border-radius:10px; font-weight:400; color:#fff; margin-right:12px; min-width:155px; }
.parking dl dt span { text-align:center; width:100%;}

.parking dl dd { display:block; flex-grow:1; padding:12px 15px; height:100%; min-width:calc(100% - 170px); border:1px solid #ddd; border-radius:10px; }
.parking dl dd span {display:block; font-size:90%; color:#e2121c; }

.parking ul.depth3 li {margin-bottom:0;}

.parking .root_daum_roughmap {width:100%;}


@media (max-width:480px){
	.parking dl { display:block; width:100%; }
	.parking dl dt { width:100%; margin-bottom:10px; }
}










/* 찾아오시는길 */
.map { width:100%; }
.map .th1 { width:26%; }
.map .th2 { width:37%; }
.map .th3 { width:37%; }

@media (max-width:768px){
	.map .th1 { width:26%; }
	.map .th2 { width:38%; }
	.map .th3 { width:auto; }
}





/* 3. 의원소개 */
/* 3. 의원소개 */
/* 3. 의원소개 */



/* 인명별 */
.mbrName { width:100%; }

ul.mlist { width:100%; }
ul.mlist li { float:left; width:calc(50% - 15px); min-height:264px; padding:20px; border:1px solid #ddd; box-sizing:border-box; margin:0 15px 30px 0; }
ul.mlist li:nth-child(even) { margin:0 0 30px 15px;  }
ul.mlist li:nth-child(odd) { clear:both; }

ul.mlist li dl { width:100%; }
ul.mlist li dt { float:left; width:150px; }
ul.mlist li dt img { width:120px; height:154px; padding:3px; border:1px solid #ccc; box-sizing:content-box;  }
ul.mlist li dd { margin-left:150px; width:calc(100% - 150px); padding:3px 0 1px 0; overflow:hidden;  }

ul.mlist li dd.name { font-size:135%; color:#113d8e; font-family:esamanru-Medium, "이사만루 미디엄"; }
ul.mlist li dd b { float:left; width:60px; color:#888; font-weight:normal; display:inline-block; }
ul.mlist li dd b .ts {padding-right:15px; }
ul.mlist li dd .itemContent { float:left; width:calc(100% - 60px); display:inline-block; }

/* .areatxt { font-size:90%; color:#777; } 선거구 동표시 */

ul.mlist li dd .email { font-style:normal; word-break:break-all; }

ul.mlist li dd a.abtn1 { width:110px; height:40px; line-height:40px; border-radius:3px; background:#435eb7; color:#fff; font-size:90%; text-align:center; display:inline-block; margin:10px 5px 0 0; }
ul.mlist li dd a.abtn2 { width:110px; height:40px; line-height:40px; border-radius:3px; background:#19ce60; color:#fff; font-size:90%; text-align:center; display:inline-block; margin-top:10px; }


@media (min-width:1281px) and (max-width:1400px){
	ul.mlist li dt { width:133px; }
	ul.mlist li dt img { width:110px; height:142px; }
	ul.mlist li dd { margin-left:133px; width:calc(100% - 133px); }
}


@media (min-width:1025px) and (max-width:1280px){
	ul.mlist li dt { width:133px; }
	ul.mlist li dt img { width:110px; height:142px; }
	ul.mlist li dd { margin-left:133px; width:calc(100% - 133px); }
}

@media (min-width:769px) and (max-width:1024px){
	ul.mlist li dt { width:133px; }
	ul.mlist li dt img { width:110px; height:142px; }
	ul.mlist li dd { margin-left:133px; width:calc(100% - 133px); }

}


@media (max-width:768px){
	ul.mlist li { float:none; width:100%; min-height:auto; padding:15px; margin:0 0 15px 0 !important; }

	ul.mlist li dt { width:119px; }
	ul.mlist li dt img { width:90px; height:115px; }
	ul.mlist li dd { margin-left:119px; width:calc(100% - 119px); }
}

@media (max-width:425px){
	ul.mlist li { padding:10px; }
	ul.mlist li dt { width:99px; }
	ul.mlist li dt img { width:80px; height:102px; }
	ul.mlist li dd { margin-left:99px; width:calc(100% - 99px); }


	ul.mlist li dd a.abtn1 { width:90px; height:36px; line-height:36px; }
	ul.mlist li dd a.abtn2 { width:90px; height:36px; line-height:36px; }
}




/* 선거구별 */
.memberLocal { width:100%; }
.memberLocal .memberLeft { float:left; width:420px; margin-right:50px; }
.memberLocal .memberLeft .mobile { display:none; }
.memberLocal .memberRight { float:left; width:calc(100% - 470px); }


.memberLocal .memberRight h1 { width:100%; height:50px; line-height:50px; padding-left:15px; border:1px solid #a4b8d9; background:#e0e9f8;  font-family:esamanru-Medium, "이사만루 미디엄"; font-size:130%; color:#113d8e; box-shadow:0px 3px 0px #f9f9f9; margin-bottom:15px; }
.memberLocal .memberRight h1 span { padding-left:10px; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size:80%; color:#555; }

.memberLocal .memberRight ul.mlist { border-top:none; }
.memberLocal .memberRight ul.mlist li { width:100%; margin:0 0 20px 0;  }
.memberLocal .memberRight ul.mlist li:nth-child(odd) { margin:0 0 20px 0;  }


@media (min-width:1025px) and (max-width:1280px){
	.memberLocal .memberLeft .pc { display:none; }
	.memberLocal .memberLeft .mobile { display:block; }
	
	.memberLocal .memberLeft { width:300px; margin-right:30px; }
	.memberLocal .memberRight { width:calc(100% - 330px); }
	
}


@media (min-width:769px) and (max-width:1024px){
	.memberLocal .memberLeft .pc { display:none; }
	.memberLocal .memberLeft .mobile { display:block; }
	
	.memberLocal .memberLeft { width:300px; margin-right:30px; }
	.memberLocal .memberRight { width:calc(100% - 330px); }
	
	.memberLocal .memberRight ul.mlist li { padding:15px; }

}


@media (max-width:768px){
	.memberLocal .memberLeft { float:none; width:100%; text-align:center; margin:0px auto 20px; }
	.memberLocal .memberLeft .pc { display:none; }
	.memberLocal .memberLeft .mobile { display:block; }
	
	.memberLocal .memberLeft p { text-align:center; }
	.memberLocal .memberRight { float:none; width:100%; }

	.memberLocal .memberRight h1 { width:100%; height:auto; line-height:1.3; padding:11px 15px 15px 15px; }
	
	.memberLocal .memberRight ul.mlist li { padding:15px; }
}


@media (max-width:425px){
	.memberLocal .memberRight h1 span { padding-top:5px; padding-left:0px; font-weight:normal; font-size:70%; color:#555; display:block; }
	
	.memberLocal .memberRight ul.mlist li { padding:10px; }
}





/* 위원회별 */
.memberCommittee { width:100%; }
.memberCommittee .th1 { width:15%; }
.memberCommittee .th2 { width:12%; }
.memberCommittee .th3 { width:12%; }
.memberCommittee .th4 { width:auto; }

.memberCommittee table ul { width:100%; padding:0 20px; box-sizing:border-box; }
.memberCommittee table ul li { float:left; width:20%; text-align:center; margin:5px 0; }

.memberCommittee table td a { text-align:center; display:block; }
.memberCommittee table td img { width:80px; height:112px; border:1px solid #ddd; box-sizing:content-box; display:block; text-align:center; margin:0 auto; } 

@media (min-width:769px) and (max-width:1152px){
	.memberCommittee table ul li { width:33.333%;  }
}


@media (max-width:768px){
	.memberCommittee table ul li { width:33.333%;  }
}





/* 명함사진다운 */
.photodown { width:100%; }
.photodown .th1 { width:10%; }
.photodown .th2 { width:23%; }
.photodown .th3 { width:67%; }

.photodown ul li { float:left; width:16.6%; text-align:center; margin:5px 0;  }
.photodown ul li a { display:inline-block; }
.photodown ul li a img { width:80px; border:1px solid #ddd; box-sizing:content-box; }
.photodown ul li a span { text-align:center; display:block; }

@media (min-width:1025px) and (max-width:1280px){
	.photodown ul li { width:20%; }
}

@media (max-width:1024px){
	.photodown ul li { width:20%; }
}

@media (max-width:640px){
	.photodown ul li { width:25%;  }
}

@media (max-width:500px){
	.photodown ul li { width:33.333%;  }
}

@media (max-width:425px){
	.photodown ul li { width:50%;  }
}




/* 역대의원검색 */
.pastmembers { width:100%; }

.pastmembers .result { width:100%; }
.pastmembers .result ul { width:100%; overflow:hidden; }
.pastmembers .result ul li { float:left; width:16.6%; height:250px; text-align:center; }
.pastmembers .result ul li span { display:block; }
.pastmembers .result ul li .pic { margin-bottom:10px;}
.pastmembers .result ul li .pic img { width:120px; height:154px; padding:3px; border:1px solid #ddd; box-sizing:content-box; }
.pastmembers .result ul li .name { font-size:120%; color:#113d8e; font-family:esamanru-Medium, "이사만루 미디엄"; }
.pastmembers .result ul li .daesu { color:#888; }
.pastmembers .result ul li .area { margin-bottom:-3px; } 
.pastmembers .result ul li .area2 { font-size:90%; color:#999; } 


@media (min-width:1025px) and (max-width:1280px){
	.pastmembers .result ul li { width:20%; }
}

@media (min-width:769px) and (max-width:1024px){
	.pastmembers .result ul li { width:20%; }
}


@media (max-width:768px){
	.pastmembers .text_150 { width:100%; }
	
	.pastmembers .result ul li { float:left; width:33.3%; height:220px; text-align:center; }
	.pastmembers .result ul li .pic img { width:90px; height:115px; padding:0;  }
}

/* 의원연구단체 현황 */
.rsMlist { width:100%; }
.rsMlist li { float:left; width:14.28%; text-align:center; }
.rsMlist li p.pic img { border:1px solid #ddd; margin-bottom:5px; }
.rsMlist li p.name { font-size:120%; color:#113d8e; font-family:esamanru-Medium, "이사만루 미디엄"; }
.rsMlist li p.name span { font-size:85%; color:#333; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; display:block;  margin-bottom:3px }
.rsMlist li p a.abtn1 { width:110px; height:40px; line-height:40px; border-radius:3px; background:#435eb7; color:#fff; font-size:90%; text-align:center; display:inline-block; }

@media (max-width:1152px){
	.rsMlist li { float:left; width:25%; margin-bottom:20px; text-align:center; }
}

@media (max-width:768px){
	.researchStatus .tabmenu { height:90px; }
	.researchStatus .tabmenu .ul4 li { width:50%; letter-spacing:-1px; }
	.rsMlist li { float:left; width:25%; margin-bottom:20px; text-align:center; }
}

@media (max-width:640px){
	.rsMlist li { float:left; width:33.3%; margin-bottom:20px; text-align:center; }
}

@media (max-width:425px){
	.rsMlist li { float:left; width:33.3%; margin-bottom:20px; text-align:center; }
	.rsMlist li p.pic img { width:105px; }
	.rsMlist li p a.abtn1 { width:100px; }
}


/*연간운영계획*/
.yearSchedule table .td1 { width:12%; }
.yearSchedule table .td2 { width:12%; }
.yearSchedule table .td3 { width:18%; }
.yearSchedule table .td4 { width:8%; }
.yearSchedule table .td5 { width:8%; }
.yearSchedule table .td6 { width:auto; }
.yearSchedule table .td7 { width:20%; }

@media (max-width:768px){
	.yearSchedule table .td1 { width:10%; }
	.yearSchedule table .td2 { width:12%; }
	.yearSchedule table .td3 { width:18%; }
	.yearSchedule table .td4 { width:8%; }
	.yearSchedule table .td5 { width:8%; }
	.yearSchedule table .td6 { width:auto; }
	.yearSchedule table .td7 { width:12%; }
}



/* 7. 의회자료실 */
/* 7. 의회자료실 */
/* 7. 의회자료실 */


/* 통합검색 */
.totalSearch { width:100%; }
.totalSearch .alrim { width:100%; min-height:132px; padding:20px 30px 20px 170px; border:1px solid #ddd; background:url(/images/council/sub/totalSearch_topIcon.gif) no-repeat 30px 20px; margin-bottom:30px;  }
.totalSearch .alrim .txt1 { color:#14216e; font-weight:bold; font-size:110%; }

@media (max-width:500px){
	.totalSearch .alrim { padding:15px; background:none;  }
}



/* 8. 열린마당 */
/* 8. 열린마당 */
/* 8. 열린마당 */


/* 민원접수 */
.b_reply .fns { padding:3px 5px; box-sizing:border-box; background:#f66e00; color:#fff; border-radius:5px; }
.b_reply .rd { padding:3px 5px; box-sizing:border-box; background:#eee; border-radius:5px; }



/* 주민조례청구 */
.jumin { width:100%; }
.jumin .btn1 li { float:left; width:calc(50% - 10px); margin-right:10px; }
.jumin .btn1 li:last-child(2) { margin:0 0 010px; }
.jumin a.btn2:link,
.jumin a.btn2:visited { width:100%; height:50px; line-height:50px; border-radius:5px; background:linear-gradient(180deg, #ff8003, #e67200); color:#fff; text-align:center; font-size:110%; font-family:esamanru-Medium, "이사만루 미디엄"; transition:0.3s; }
.jumin a.btn2:active,
.jumin a.btn2:focus,
.jumin a.btn2:hover { color:#fff; box-shadow:3px 3px 10px rgba(0,0,0,0.3); text-shadow:1px 1px 3px rgba(0,0,0,0.3); }

.jumin img { width:100%; }

@media (max-width:768px){
	.jumin .btn1 li { float:none; width:100%; margin:0 0 10px 0; letter-spacing:-1px; }
}

/* 방청안내 */
.watch .box2 > ul { line-height:1.7; }
.watch .box2 > ul > li > ul { padding-left:20px; }

/* 민원안내 */
.civil { width:100%; }
.civil a.btn:link,
.civil a.btn:visited { width:250px; height:50px; line-height:50px; border-radius:5px; background:linear-gradient(180deg, #ff8003, #e67200); color:#fff; text-align:center; font-size:110%; font-family:esamanru-Medium, "이사만루 미디엄"; transition:0.3s; }
.civil a.btn:active,
.civil a.btn:focus,
.civil a.btn:hover { color:#fff; box-shadow:3px 3px 10px rgba(0,0,0,0.3); text-shadow:1px 1px 3px rgba(0,0,0,0.3); }

/* 민원접수 
.acceptCivil .btn { width:140px; padding:10px 15px; box-sizing:border-box; border-radius:5px; background:#ff8737; color:#fff; }*/



/* 읍면동현황 */
.administrativeDong { width:100%; }
.administrativeDong .adLeft { width:100%; text-align:center; margin-bottom:30px; }
.administrativeDong .adRight { width:100%; }
.administrativeDong .adRight ul { border-top:2px solid #113d8e; }
.administrativeDong .adRight ul li { position:relative; float:left; width:16.666%; height:40px; line-height:40px; padding-left:10px; border-bottom:1px dashed #eee;  }
.administrativeDong .adRight ul li a:link,
.administrativeDong .adRight ul li a:visited { padding-left:10px; background:url(/images/common/blt_gray.gif) no-repeat 0px 19px; color:#333; transition:0.3s; }
.administrativeDong .adRight ul li a:active,
.administrativeDong .adRight ul li a:focus,
.administrativeDong .adRight ul li a:hover { color:#ff7e00; }


@media (max-width:1102px){
	.administrativeDong .adLeft img { width:100%; }
}


@media (min-width:1025px) and (max-width:1280px){	
	.administrativeDong .adRight ul li { width:20%; }
}


@media (min-width:769px) and (max-width:1024px){
	.administrativeDong .adRight ul li { width:20%; }
	
}

@media (max-width:768px){
	.administrativeDong .adRight ul li { width:25%; }
}

@media (max-width:560px){
	.administrativeDong .adRight ul li { width:33.333%; }
}

@media (max-width:425px){
	.administrativeDong .adRight ul li { width:50%; }
}



/* 의회관련법령 */
.law { width:100%; }
.law li { float:left; width:50%; padding:0 20px; text-align:center; }

.law li dt { text-align:center; margin-bottom:20px;  }
.law li dd.name { color:#113d8e; font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄"; margin-bottom:5px;  }

@media (min-width:769px) and (max-width:1280px){
	.law li { padding:0 15px; }
	.law li dt a img { width:290px; }
}


@media (max-width:768px){
	.law li { float:none; width:100%; padding:0; text-align:center; margin-bottom:20px; }
	.law li:last-child { margin:0; }
	.law li dt a img { width:290px; }
}




/* 7. 인터넷방송 */
/* 7. 인터넷방송 */
/* 7. 인터넷방송 */


/* 최근방송 */
.recentvod { width:100%; }
.recentvod .alrim { width:100%; min-height:70px; padding:10px 30px 10px 90px; border:2px solid #ddd; background:url(/images/council/sub/recentvod_alrim_icon.png) no-repeat 30px 10px; margin-bottom:30px;  }
.recentvod .alrim p { height:50px; line-height:50px;}

@media (max-width:520px){
	.recentvod .alrim p { line-height:1.3;}
}





/* 9. 이용안내 */
/* 9. 이용안내 */
/* 9. 이용안내 */


/* 사이트맵 */
.sitemap { width:100%; }
.sitemap ul { width:99%; margin:0 auto; }
.sitemap ul li { float:left; width:27%; margin:0 3% 50px 3%; }

.sitemap ul li:nth-child(3n + 1) { clear:both; }


.sitemap ul li ul { width:100%; }
.sitemap ul li ul li { float:none; width:100%;  border-bottom:1px solid #ddd; margin:0; }
.sitemap ul li ul li ul { width:100%; background:#f9f9f9; }
.sitemap ul li ul li ul li{ float:none; width:100%; border-bottom:none; border-top:1px dashed #ddd; margin:0; }

.sitemap ul li a { width:100%; padding:10px 0 10px 0; border-radius:5px; box-sizing:border-box; background:#aedcf6; color:#113d8e; display:inline-block; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:140%; text-align:center; }


.sitemap ul li ul li a:link,
.sitemap ul li ul li a:visited { width:100%; height:auto; padding:10px 0 10px 28px; border-bottom:none; box-sizing:border-box; background: url(/images/common/sitemap_blt1.gif) no-repeat 10px 18px; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-weight:normal; font-size:100%; color:#333; text-align:left;  }
.sitemap ul li ul li a:active,
.sitemap ul li ul li a:focus,
.sitemap ul li ul li a:hover { color:#1757b7;  }


.sitemap ul li ul li ul li a:link,
.sitemap ul li ul li ul li a:visited { width:100%; height:auto; padding:7px 0 7px 30px; box-sizing:border-box; background:url(/images/common/sitemap_blt2.gif) no-repeat 20px 17px; font-size:90%; color:#666;  }
.sitemap ul li ul li ul li a:active,
.sitemap ul li ul li ul li a:focus,
.sitemap ul li ul li ul li a:hover { color:#222;  }


@media (max-width:768px){
	.sitemap ul li { float:none; width:100%; margin:0 0 25px 0; }
}


/* 배너모음 */
.banner ul { display:flex; flex-wrap:wrap; }
.banner ul li { display:block; margin-right:10px; margin-bottom:10px;}
.banner ul li a { padding:4px; border:1px solid #ddd; }

@media (max-width:768px){
	.banner ul li { width:calc(50% - 10px); }
	.banner ul li a { width:100%; }
	.banner ul li a img { width:100%; }
}