@charset "utf-8";

/* 서브레이아웃 */
#scontainer { width:1400px; margin:0 auto 160px; }
	#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){
	#scontainer { width:100%; padding:0 15px; margin:0 auto 160px; }
		#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){
	#scontainer { width:100%; padding:0 15px; margin:0 auto 160px; }		
		#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){
	#scontainer { width:100%; margin:0 auto 135px; }		
		#sleft { display:none; }
		#sright { float:none; position:relative; width:100%; padding:0 30px; }
			#content { width:100%; }
}


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





/* 서브비주얼 */
#svisible { position:relative; width:100%; height:150px; background:#222 url(/images/council/inc/svisible_bg.jpg) no-repeat 50% top;  }

#svisible .txt1 { position:absolute; top:50px; font-size:150%; 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;
	*/
}

#svisible .txt2 { position:absolute; top:83px; font-size:150%; opacity:0; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px;
	animation:txtMove2 1.0s 0.5s 1 forwards;
}

	@keyframes txtMove1 {
		from { right:0px; opacity:0; color:#000; }
		to { right:100px; opacity:1; color:#fff; }	
	}
	
	@keyframes txtMove2 {
		from { right:0px; color:#000; opacity:0; }
		to { right:100px; color:#fff; opacity:1; }	
	}


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

}

@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, #2030ab, #e82172, #2030ab); 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:#e9f3f5 url(/images/common/leftmenu_blt1_on.gif) no-repeat right top; color:#2030ab; }
.leftmenu > ul > li > a.select { background:#e9f3f5 url(/images/common/leftmenu_blt1_on.gif) no-repeat right top; color:#2030ab; 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:#e82172; }
.leftmenu > ul ul li a.select { background:url(/images/common/leftmenu_blt2_on.gif) no-repeat 0px 13px; color:#e82172; 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: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; box-sizing:border-box; background:#10186b; 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; }
}




/* 자료관리 */
.dataControl { width:100%; height:44px; background:#1C7AA5; }
.dataControl ul { width:100%; overflow:hidden;  }
.dataControl ul li { float:left; height:44px; line-height:44px;  color:#fff; }
.dataControl ul li:first-child { padding:0 40px 0 20px; background:#006ba9 url(/images/council/inc/datacontrol_bar.gif) no-repeat right top; color:#fff; font-weight:bold; }
.dataControl ul li:nth-child(2) { padding-left:20px; } 
.dataControl ul li:last-child { float:right; padding-right:20px; } 




/* 1. 의회안내 */
/* 1. 의회안내 */
/* 1. 의회안내 */




/* 인사말 */
.greeting { width:100%;  }
.greeting .picarea { position:relative; width:100%; height:320px; border:5px solid #ddd; box-sizing:border-box; background:#f6fafd url(/images/council/main/chairman_bg.png) no-repeat right top; overflow:hidden; margin-bottom:30px; }
.greeting .picarea .txt { line-height:1.7; color:#113d8e; font-size:160%; font-family:esamanru-Medium, "이사만루 미디엄";  z-index:7; margin:90px 0 0 70px; }
.greeting .picarea .pic { position:absolute; right:100px; bottom:0; z-index:1; }

.greeting .mobile { display:none; }

.greeting .sign { line-height:3.5; text-align:right; font-size:90%; }
.greeting .sign img { position:relative; top:-4px; padding-left:10px; }

.greeting .txtarea p { line-height:1.7; margin-bottom:15px; }


@media (min-width:1025px) and (max-width:1280px){
	.greeting .picarea .txt {  font-size:145%; margin:100px 0 0 40px; }
	.greeting .picarea .pic { right:30px; }
}


@media (min-width:769px) and (max-width:1024px){
	.greeting .picarea .txt {  font-size:135%; margin:100px 0 0 30px; }
	.greeting .picarea .pic { right:0px; }
}


@media (max-width:768px){
	.greeting .picarea { height:320px; text-align:center; }
	.greeting .picarea .txt { font-size:135%; margin:30px 0 30px 0; }
	.greeting .picarea .pic { left:0; right:0; text-align:center;  }	
	
	.greeting .pc { display:none; }
	.greeting .mobile { line-height:1.7; color:#113d8e; font-size:110%; font-family:esamanru-Medium, "이사만루 미디엄";  display:block; }
}

@media (max-width:425px){
	.greeting .picarea .txt { font-size:105%; letter-spacing:-1.2px; margin:10px 0 30px 0; }
	
}




/* 의회연혁 */
.history { width:100%; }
.history h3 span { color:#555; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size:80%; margin-left:10px; }

.history .conList ul li { position:relative; width:100%; padding-bottom:10px; border-bottom:1px dashed #ddd; overflow:hidden; margin-bottom:20px;  }
.history .conList ul li h3 { float:left; width:100px; height:100px; line-height:100px; padding:0 !important; border-radius:5px; background:none; background:#113d8e !important; color:#fff !important; font-weight:bold; font-size:130%; text-align:center; display:block; margin-right:20px; }
.history .conList ul li dl { float:left; width:calc(100% - 120px); padding-top:5px; }
.history .conList ul li dl dt { float:left; width:70px; padding-left:10px; color:#1757b7; background:url(/images/common/blt_gray.gif) no-repeat 0 11px; line-height:1.5; font-weight:bold; margin-bottom:10px;  }
.history .conList ul li dl dd { margin-left:80px; width:calc(100% - 80px); line-height:1.5; margin-bottom:10px;  }


@media (max-width:768px){
	.history .conList ul li h3 { width:100%; height:40px; line-height:40px; border-radius:3px; margin-right:0px; margin-bottom:15px; }
	.history .conList ul li dl { width:100%;  }
}




/* 구성 및 조직 */
.composition { width:100%; }

.composition .th1 { width:33.3%; }
.composition .th2 { width:33.3%; }
.composition .th3 { width:33.4%; }

.composition .tha1 { width:50%; }
.composition .tha2 { width:50%; }

.composition .thb1 { width:20%; }
.composition .thb2 { width:12%; }
.composition .thb3 { width:12%; }
.composition .thb4 { width:56%; }

.composition .comlist li { float:left; width:14.285%; }
.composition img { width:100%; }

@media (min-width:1025px) and (max-width:1280px){
	.composition .comlist li { width:16.666%; }
}



/* 권한 및 기능 */
.authoritydns { width:100%; }
.authoritydns .th1 { width:70%; }
.authoritydns .th2 { width:30%; }


/* 의회운영 */
.organization { width:100%; }
.organization .th1 { width:25%; }
.organization .th2 { width:20%; }
.organization .th3 { width:55%; }

.organization .thd1 { width:20%; }
.organization .thd2 { width:80%; }




/* 전화번호안내 */
.phone { width:100%; }
.phone .th1 { width:20%; }
.phone .th2 { width:20%; }
.phone .th3 { width:40%; }
.phone .th4 { width:20%; }



/* 청사안내 */
.governmentBuilding { width:100%; }
.governmentBuilding img { width:100%; }




/* 2. 의원소개 */
/* 2. 의원소개 */
/* 2. 의원소개 */





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

ul.mlist { width:100%; }
ul.mlist li { float:left; width:calc(50% - 15px); min-height:246px; padding:20px; border:1px solid #eee; background:#fff; 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; }
ul.mlist li .dong { font-size:90%;  color:#777;   }
.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:#e82172; 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:128px; }
	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:128px; }
	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:128px; }
	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:105px; }
	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:93px; }
	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:330px; margin-right:60px; }
.memberLocal .memberRight { float:left; width:calc(100% - 390px); }

.memberLocal .memberLeft .pc { display:block; }
.memberLocal .memberLeft .mobile { display:none; }


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

.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 { width:100%; text-align:center; margin:0 0 30px 0; }
	.memberLocal .memberRight { width:100%; }
	
	.memberLocal .memberRight ul.mlist li { float:left; width:calc(50% - 15px); margin:0 15px 20px 0;  }
	.memberLocal .memberRight ul.mlist li:nth-child(odd) { margin:0 15px 20px 0;  }
	.memberLocal .memberRight ul.mlist li:nth-child(even) { margin:0 0 20px 15px;  }
	
	.memberLocal .memberRight ul.mlist li dt { width:119px; }
	.memberLocal .memberRight ul.mlist li dt img { width:90px; height:105px; }
	.memberLocal .memberRight ul.mlist li dd { margin-left:119px; width:calc(100% - 119px); }
}


@media (min-width:769px) and (max-width:1024px){	
	.memberLocal .memberLeft { width:100%; text-align:center; margin:0 0 30px 0; }
	.memberLocal .memberRight { width:100%; }
	
	.memberLocal .memberRight ul.mlist li { float:left; width:calc(50% - 15px); margin:0 15px 20px 0;  }
	.memberLocal .memberRight ul.mlist li:nth-child(odd) { margin:0 15px 20px 0;  }
	.memberLocal .memberRight ul.mlist li:nth-child(even) { margin:0 0 20px 15px;  }
	
	.memberLocal .memberRight ul.mlist li dt { width:119px; }
	.memberLocal .memberRight ul.mlist li dt img { width:90px; height:105px; }
	.memberLocal .memberRight ul.mlist li dd { margin-left:119px; width:calc(100% - 119px); }
}


@media (max-width:768px){
	.memberLocal .memberLeft { float:none; width:100%; text-align:center; margin:0 0 30px 0; }
	
	.memberLocal .memberLeft .pc { display:none; }	
	.memberLocal .memberLeft .mobile { width:100%; display:block; }	
	.memberLocal .memberLeft .mobile ul { padding:1px 0 0 1px; }
	.memberLocal .memberLeft .mobile ul li { float:left; width:50%; border:1px solid #ddd; margin:-1px 0 0 -1px; }
	.memberLocal .memberLeft .mobile ul li a:link,
	.memberLocal .memberLeft .mobile ul li a:visited { width:100%; height:40px; line-height:40px; padding:0 15px; background:#fff; color:#333; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:110%; letter-spacing:-1px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s; display:block;  }
	.memberLocal .memberLeft .mobile ul li a:active,
	.memberLocal .memberLeft .mobile ul li a:focus,
	.memberLocal .memberLeft .mobile ul li a:hover,
	.memberLocal .memberLeft .mobile ul li a.select { background:#2a8e9d; color:#fff; }
	.memberLocal .memberLeft .mobile ul li a span { font-family: NotoSans-DemiLight, "본고딕 데미라이트"; font-size:85%; }
	
	.memberLocal .memberRight { float:none; width:100%; }
	.memberLocal .memberRight h1 { width:100%; height:auto; line-height:1.3; padding:11px 15px 15px 15px; }	
	.memberLocal .memberRight h1 span { padding-left:0; display:block; }
	.memberLocal .memberRight ul.mlist li { padding:15px; }
}


@media (max-width:650px){
	.memberLocal .memberLeft .mobile ul li { float:left; width:100%; }
}





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

.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:102px; 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%;  }
}





/* 의원검색 */
.memberSearch { width:100%; }

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



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

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


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



/* 역대의장단 */
.oldChairman { width:100%; }
.oldChairman .box { overflow:hidden; } 
.oldChairman .box ul li { float:left; width:50%; text-align:center; }
.oldChairman .box ul li dl dt { margin-bottom:10px; }
.oldChairman .box ul li dl dd { font-family:esamanru-Medium, "이사만루 미디엄"; }

.oldChairman .box ul.ul3 li { width:33.333%; }


@media (max-width:768px){
	.oldChairman .box ul li img { width:110px; height:128px; }
}







/* 3. 의정활동 */
/* 3. 의정활동 */
/* 3. 의정활동 */


/* 의사일정 */
.agenda { width:100%; }

.s_calendar_top { position:relative; width:100%; height:32px; margin-bottom:10px; }

.s_calendar_top #s_calendar_select { width:200px; margin:0 auto 20px; }  /* 월 선택 */
.s_calendar_top #s_calendar_select .date { display:inline-block; color:#666; font:normal 120% arial; padding:0 25px;}
.s_calendar_top #s_calendar_select .date strong { padding-left:10px; color:#2785e5; font-size:130%; font-weight:bold;  }
.s_calendar_top #s_calendar_select a.btn_prev, 
.s_calendar_top #s_calendar_select a.btn_next { position:relative; top:6px; display:inline-block; vertical-align:top;  }
.s_calendar_top #s_calendar_select a img { vertical-align:top; }

.s_calendar_top .s_calendar_select2 { position:absolute; right:0; top:0; }


.schedule table { border-top:2px solid #333; border-right:1px solid #ddd; }

.schedule table th,
.schedule table td { border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
.schedule table th { height:30px; line-height:30px; background:#f4f4f4; }

.schedule table td { position:relative; height:60px; vertical-align:top; }
.schedule table td a { width:100%; height:60px; display:block; }


.schedule table td span { height:20px; line-height:20px; padding-left:10px; font-size:95%; display:block; }

.schedule table td .cmmt1 { position:absolute; left:0; top:20px;  height:20px; line-height:20px; background:#06c;    color:#fff; font-size:80%; text-align:center; }

.schedule table td .cmmt2 { position:absolute; left:0; top:40px;  height:20px; line-height:20px; background:#5faf00; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt3 { position:absolute; left:0; top:60px;  height:20px; line-height:20px; background:#ff8d2a; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt4 { position:absolute; left:0; top:80px;  height:20px; line-height:20px; background:#d4436d; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt5 { position:absolute; left:0; top:100px; height:20px; line-height:20px; background:#7e4aa6; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt6 { position:absolute; left:0; top:120px; height:20px; line-height:20px; background:#2795a4; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt7 { position:absolute; left:0; top:140px; height:20px; line-height:20px; background:#4e7ac7; color:#fff; font-size:80%; text-align:center; }

.schedule table td .cmmt8 { position:absolute; left:0; top:160px; height:20px; line-height:20px; background:#5faf00; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt9 { position:absolute; left:0; top:180px; height:20px; line-height:20px; background:#ff8d2a; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt10 { position:absolute; left:0; top:200px; height:20px; line-height:20px; background:#d4436d; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt11 { position:absolute; left:0; top:220px; height:20px; line-height:20px; background:#7e4aa6; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt12 { position:absolute; left:0; top:240px; height:20px; line-height:20px; background:#2795a4; color:#fff; font-size:80%; text-align:center; }

.schedule table td .day1 { width:calc(100% + 1px);  }
.schedule table td .day2 { width:calc(200% + 2px); }
.schedule table td .day3 { width:calc(300% + 3px); }
.schedule table td .day4 { width:calc(400% + 4px); }
.schedule table td .day5 { width:calc(500% + 5px); }
.schedule table td .day6 { width:calc(600% + 6px); }
.schedule table td .day7 { width:calc(700% + 7px); }

.schedule table td a { background:#e2eef9; color:#113d8e; font-weight:bold; display:block; } 

.schedule table td.today { text-decoration:underline; font-weight:bold; font-size:110%; color:orange; }
.schedule table td.today a { color:orange;  }


.resultContent strong:after { position:relative; top:-2px; content:'|'; width:30px; text-align:center; font-size:80%; font-weight:normal; color:#ccc; display:inline-block; }




.agenda .stable { border-top: 2px solid #113d8e; border-right:none; }
.agenda .stable th,
.agenda .stable td { border-left:none; vertical-align:middle; }
.agenda .stable .tha1 { width:10%; }
.agenda .stable .tha2 { width:12%; }
.agenda .stable .tha3 { width:auto; }
.agenda .stable .tha4 { width:50%; }
											
		




/* 4. 열린마당 */
/* 4. 열린마당 */
/* 4. 열린마당 */


/* 의회에바란다 */
.want { width:100%; }
.want .notice_txt { padding:15px 15px 15px 105px; border:1px solid #ddd; background:url(/images/council/sub/notice_txticon_want.gif) no-repeat 20px 15px; margin-bottom:30px;  }
.want .notice_txt p { padding-top:5px; line-height:1.5; color:#fa4500; font-size:120%; }
.want .notice_txt p span { color:#000; font-size:80%; }


@media (max-width:400px){
	.want .notice_txt { padding:15px 15px 15px 15px; background:none;  }
}






/* 인터넷민원 */
.internetCiviComplaint { width:100%; }
.internetCiviComplaint .notice_txt {  padding:15px 15px 15px 99px; border:1px solid #ddd; background:url(/images/council/sub/notice_txticon_internetCiviComplaint.gif) no-repeat 20px 15px; margin-bottom:30px;  }
.internetCiviComplaint .notice_txt p { padding-top:5px; line-height:1.5; color:#fa4500; font-size:120%; }
.internetCiviComplaint .notice_txt p span { color:#000; font-size:80%; }


@media (max-width:400px){
	.internetCiviComplaint .notice_txt { padding:15px 15px 15px 15px; background:none;  }
}















									
											
											
											

/* 연간의사일정 */
.yearSchedule { width:100%; }
.yearSchedule .td1 { width:10%; }
.yearSchedule .td2 { width:10%; }
.yearSchedule .td3 { width:20%; }
.yearSchedule .td4 { width:6%; }
.yearSchedule .td5 { width:6%; }
.yearSchedule .td6 { width:auto; }
.yearSchedule .td7 { width:13%; }




/* 7. 정보광장 */
/* 7. 정보광장 */
/* 7. 정보광장 */



/* 의회간행물 구독신청 */
.newsLetterSubscriptionBody { width:100%; height:100%; overflow:auto; background:#f4f4f4; }
#bjwrap { width:100%; overflow:auto; }
#bjwrap #wrap {display:none;border:1px solid;width:500px;height:300px; margin:5px 0; position:relative }
#bjwrap #btnFoldWrap { cursor:pointer;position:absolute;right:0px;top:-1px;z-index:1 }
#bjwrap #subAddr1 { margin:5px 0; }


.subscription { width:100%; height:100%; padding:20px; background:#f4f4f4; overflow:hidden;  }
.subscription .subscription_top { width:100%; height:65px; }
.subscription .subscription_top h1 { color:#113d8e; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:130%; margin-bottom:5px; }
.subscription .subscription_top h1 strong { color:#ee5f08; font-weight:normal; }
.subscription .subscription_top p { color:#666; line-height:1.3; font-size:90%; }

.subscription .subscription_body { width:100%; min-height:660px; height:calc(100% - 90px); padding:15px 15px 15px 15px; border:5px solid #c9d6e4; border-radius:10px; background:#fff; }
.subscription .subscription_body p { line-height:1.5; }
.subscription .subscription_body .formarea { width:100%; font-size:90%; }
.subscription .subscription_body .formarea h3 { color:#113d8e; font-weight:bold; text-align:center; margin-bottom:5px; }
.subscription .subscription_body .formarea dl { margin-bottom:5px; }
.subscription .subscription_body .formarea dt { font-weight:bold; margin-bottom:5px; }
.subscription .subscription_body .formarea dd { padding:3px 10px; background:url(/images/common/blt_gray.gif) no-repeat 0 12px; margin-bottom:10px; }
.subscription .subscription_body .formarea .check { text-align:center; color:#b40f0b; }

.subscription .abtn_tdbtn { width: 70px; height: 32px; line-height: 32px; text-align: center; background: #666; color: #fff !important; border-radius: 3px; font-size: 90%; display: inline-block; vertical-align: top; }
.subscription .text_normal { width: 100%; height: 30px; line-height: 30px; border: 1px solid #ccc; padding-left: 10px; display: block; box-sizing: border-box; }
.space10 { margin-bottom:10px; display:block; }
.space15 { margin-bottom:15px; display:block; }

.subscription .subscription_body table td .text_150 { width:150px !important; }



/* 독자오피니언 */
.opinion { width:100%; }
.opinion .notice_txt { padding:15px 15px 15px 96px; border:1px solid #ddd; background:url(/images/council/sub/notice_txticon_opinion.gif) no-repeat 20px 30px; margin-bottom:30px;  }
.opinion .notice_txt p { padding-top:5px; line-height:1.5; color:#fa4500; font-size:120%; }
.opinion .notice_txt p span { color:#000; font-size:80%; }

.opinion .thd1 { width:15%; }
.opinion .thd2 { width:85%; }

.opinion .btn_center .hideBtn { display:none; }

@media (max-width:400px){
	.opinion .notice_txt { padding:15px 15px 15px 15px; background:none;  }
}








/* 8. 이용안내 */
/* 8. 이용안내 */
/* 8. 이용안내 */

/* 사이트맵 */
.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; }
}



/* 개인정보처리방침 */
.privacy { width:100%; }
.privacy .pa_box {  width:100%; border:5px solid #ccc; padding:20px 30px 20px 30px; margin-bottom:20px; box-sizing:border-box; }
.privacy .pa_box p { margin-bottom:10px;}
.privacy .pa_box ol { padding:0; margin:0; margin-left:30px; }
.privacy .pa_box li { line-height:150%; }
.privacy .pa_box li a:link,
.privacy .pa_box li a:visited { color:#666; text-decoration:none; }
.privacy .pa_box li a:active,
.privacy .pa_box li a:focus,
.privacy .pa_box li a:hover { color:#06c; }
										
			
			
/* 이메일무단수집거부 */	
.pEmail { width:100%; }
.pEmail .sp30 { margin-bottom:30px !important; }
			
			
			
/* 장애인컴퓨터활용 */ 
.disabledComputer { width:100%; }
.disabledComputer th { width:20%; }

.disabledComputer .leftbox { float:left; width:50%; padding:10px; border:1px solid #ddd;  }
.disabledComputer .leftbox span { margin-right:20px;}
.disabledComputer .rightbox { float:left; width:50%; padding:10px; border:1px solid #ddd; text-align:center; margin-bottom:20px; }


@media (max-width:768px){
	.disabledComputer .simg { width:100%; }
}

@media (max-width:425px){
	.disabledComputer .leftbox { float:none; width:100%;  }
	.disabledComputer .rightbox { float:none; width:100%; margin:-1px 0 20px 0; }
}


/* 글자크기이용안내 */
.fontSize { width:100%; }
.fontSize b { font-weight:normal; color:#a87810; }

.fontSize .icon li { line-height:50px; margin-bottom:5px; }
.fontSize .icon li:last-child { margin-bottom:0px; }

@media (max-width:1041px){
	.fontSize .setting ul li img { width:100%; }
}


@media (max-width:768px){
	.fontSize .simg img { width:100%; }
}