@charset "utf-8";

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

#scontainer { width:1600px; margin:0 auto -70px; }	
		
	#sleft { float:left; width:300px; margin-right:100px; }
	#sright { float:left; position:relative; top:-170px; width:calc(100% - 400px); }
		#content { width:100%; }


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

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


@media (min-width:1025px) and (max-width:1280px){
	#svisible { width:100%; }
	
	#scontainer { width:100%; padding:0 15px; box-sizing:border-box; margin:0 auto -70px; }
		
		#sleft { float:left; width:220px; margin-right:30px; }
		#sright { float:left; position:relative; top:-170px; 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; top:0; width:100%; padding:0 30px; box-sizing:border-box; margin-top:-100px; }
			#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; box-sizing:border-box; margin-top:0px; }
			#content { width:100%; padding:0 15px; box-sizing:border-box; }
}





/* 서브비주얼 */
#svisible { background:#f4f6fa url(/images/inc/svisible_bg.gif) no-repeat 50% top;  }
#svisiblearea { position:relative; width:1600px; height:170px; margin:0 auto; }


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


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


@media (min-width:769px) and (max-width:1024px){
	#svisiblearea { width:100%; height:100px; }
}





/* 좌측메뉴 */
.leftmenu { position:relative; top:-170px; width:100%; margin-bottom:30px; }
.leftmenu h1 { height:170px; line-height:170px; background:#10357c url(/images/inc/leftmenu_titlebg.gif) no-repeat; color:#fff; text-align:center; font-size:200%; font-family:NotoSans-Medium, "본고딕 미디엄";   }
.leftmenu > ul { width:100%; border:1px solid #ddd; border-top:none; box-sizing:border-box; }
.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-family:NotoSans-Medium, "본고딕 미디엄"; font-size:105%; display:block; }
.leftmenu > ul > li > a:active,
.leftmenu > ul > li > a:focus,
.leftmenu > ul > li > a:hover,
.leftmenu > ul > li > a.select { background:#f4f4f4 url(/images/common/leftmenu_blt1_on.gif) no-repeat right top; color:#1757b7; font-weight:bold; }

.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,
.leftmenu > ul ul li a.select { background:url(/images/common/leftmenu_blt2_on.gif) no-repeat 0px 13px; color:#ff8003; font-family:NotoSans-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;  }



/* 좌측배너 */
.leftbanner { position:relative; top:-170px; width:100%; padding:10px 20px 10px 20px; border:1px solid #ddd; box-sizing:border-box; }
.leftbanner h1 { width:100%; height:50px; line-height:50px; border-bottom:1px solid #ddd; box-sizing:border-box; color:#000; font-size:120%; font-family:NotoSans-Medium, "본고딕 미디엄"; }
.leftbanner ul { padding:10px 0; }






/* 페이지 타이틀 */
.pagetitle { position:relative; width:100%; height:170px; 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/sub/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-weight:bold !important; font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:220%; color:#000; }


.pagetitle .snsbtn { position:absolute; right:0; bottom:41px; 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:1600px){
	.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:32px; }
	
	.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;  }
	.pagetitle .path { position:static; width:100%; height:55px; line-height:55px; padding:0 80px 0 10px; border-bottom:1px solid #1b2668; box-sizing:border-box; background:#26348b; 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 .sign{ position:absolute; right:0;}
.greeting .picarea { position:relative; width:100%; height:350px; background:#f4f4f4 url(/images/sub/greeting_bgimg.jpg) no-repeat 50% top; margin-bottom:30px; }
.greeting .picarea .txt1 { position:absolute; left:70px; top:120px; font-size:130%; font-family:NotoSans-Medium, "본고딕 미디엄"; opacity:0; 
	animation-name:txtMove1;
	animation-duration:1.5s; /* 걸리는 시간 */
	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;
	*/
}

.greeting .picarea .txt2 { position:absolute; left:70px; top:150px; font-size:130%; font-family:NotoSans-Medium, "본고딕 미디엄"; opacity:0;
	animation:txtMove1 1.5s 0.5s 1 forwards;
}

.greeting .picarea .txt3 { position:absolute; left:70px; top:190px; font-size:130%; font-family:NotoSans-Medium, "본고딕 미디엄"; opacity:0; color:#000;
	animation:txtMove2 2s 1.5s 1 forwards;
}

.greeting .picarea .pic { position:absolute; right:150px; bottom:0; }

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

@keyframes txtMove1 {
	from { left:70px; opacity:0; color:#000; }
	to { left:150px; opacity:1; color:#113d8e; }	
}

@keyframes txtMove2 {
	from { left:70px; opacity:0; }
	to { left:150px; opacity:1; }	
}



@media (min-width:1281px) and (max-width:1600px){
	.greeting .picarea .pic { right:70px; }
	
	@keyframes txtMove1 {
		from { left:20px; opacity:0; color:#000; }
		to { left:80px; opacity:1; color:#113d8e; }	
	}
	
	@keyframes txtMove2 {
		from { left:20px; opacity:0; }
		to { left:80px; opacity:1; }	
	}
}


@media (min-width:1025px) and (max-width:1280px){
	.greeting .picarea .txt2 span { display:block; }
	.greeting .picarea .txt3 { top:250px; }
	
	.greeting .picarea .pic { right:0px; }
	
	
	@keyframes txtMove1 {
		from { left:00px; opacity:0; color:#000; }
		to { left:50px; opacity:1; color:#113d8e; }	
	}
	
	@keyframes txtMove2 {
		from { left:0px; opacity:0; }
		to { left:50px; opacity:1; }	
	}
}



@media (min-width:769px) and (max-width:1024px){
	.greeting .picarea .txt2 span { display:block; }
	.greeting .picarea .txt3 { top:250px; }
	
	.greeting .picarea .pic { right:20px; }
	
	
	@keyframes txtMove1 {
		from { left:00px; opacity:0; color:#000; }
		to { left:60px; opacity:1; color:#113d8e; }	
	}
	
	@keyframes txtMove2 {
		from { left:0px; opacity:0; }
		to { left:60px; opacity:1; }	
	}
}




@media (max-width:768px){
	.greeting .picarea { height:500px; }
	.greeting .picarea .txt1 { top:auto; bottom:100px;  font-size:120%;}
	.greeting .picarea .txt2 { top:auto; bottom:65px;  font-size:120%;}
	.greeting .picarea .txt3 { top:auto; bottom:20px;  font-size:120%;}
	.greeting .sign{ bottom:-40px;}
	.greeting .picarea .pic { right:calc(50% - 169px); bottom:150px; }
	
	
	@keyframes txtMove1 {
		from { left:00px; opacity:0; color:#000; }
		to { left:30px; opacity:1; color:#113d8e; }	
	}
	
	@keyframes txtMove2 {
		from { left:0px; opacity:0; }
		to { left:30px; opacity:1; }	
	}
}


@media (max-width:550px){
	.greeting .picarea { height:518px; }
	.greeting .picarea .txt1 { top:auto; bottom:121px; padding:0 15px; box-sizing:border-box; font-size:120%; animation-delay:0s; }
	.greeting .picarea .txt2 { top:auto; bottom:66px; padding:0 15px; box-sizing:border-box; font-size:120%;  animation-delay:0s; line-height:1.3; }
	.greeting .picarea .txt3 { top:auto; bottom:21px; padding:0 15px; box-sizing:border-box; font-size:120%; animation-delay:0s; }
	.greeting .sign{ bottom:-50px;}
	.greeting .picarea .pic { right:calc(50% - 169px); bottom:168px; }
	
	
	@keyframes txtMove1 {
		from { left:0px; opacity:1; color:#000; }
		to { left:0px; opacity:1; color:#113d8e; }	
	}
	
	@keyframes txtMove2 {
		from { left:0px; opacity:1; }
		to { left:0px; opacity:1; }	
	}
}

/* 후반기 의장실 */
.greeting .slogan { width:calc(100% - 360px); font-size:200%; font-weight:700; margin-bottom:32px; }
.greeting .slogan span { display:block; opacity:0; }
.greeting .slogan span:first-child { animation:txt1 1.5s 0.5s 1 forwards; }
.greeting .slogan span:nth-child(2) { animation:txt2 2s 1.5s 1 forwards; }

.greeting .wrap { position:relative; overflow:hidden; word-break:keep-all; }

.greeting .wrap p { display:inline-block; width:calc(100% - 420px); font-size:106.25%; float:left; }
.greeting .wrap p span { display:block; margin:0 0 16px; }
.greeting .wrap p span:last-child { text-align:right; }

.greeting .wrap p em { font-style:normal; font-size:150%; font-family:NotoSans-Medium, "본고딕 미디엄"; }
.greeting .wrap p em.name {  font-weight:700; font-size:200%; margin-left:16px; }

.greeting .wrap .img { float:right; }
.greeting .wrap .img img { width:100%; }

@keyframes txt1 {
		from { left:0px; opacity:0; color:#000; }
		to { left:0px; opacity:1; color:#113d8e; }	
	}
@keyframes txt2 {
	from { left:0px; opacity:0; color:#000; }
	to { left:0px; opacity:1; color:#113d8e; }	
}

@media (min-width:769px) and (max-width:1024px){
	.greeting .wrap p { width:calc(100% - 360px); }
	.greeting .wrap .img { width:320px; }
}

@media (max-width:768px){
	.greeting .slogan { width:100%; font-size:137.5%; }
	.greeting .wrap { display:flex; flex-direction:column; }
	.greeting .wrap p { width:100%; order:1; }
	.greeting .wrap .img { width:100%; order:0; margin-bottom:20px; }

	.greeting .wrap p em { font-size:125%; }
	.greeting .wrap p em.name { font-size:200%; display:block; }
}


/* 의회연혁 */
.history { width:100%; }
.history .year { color:#113d8e; font-size:110%; font-family:NotoSans-Medium, "본고딕 미디엄"; }
.history ul li { float:left; width:25%; padding:0 15px; box-sizing:border-box; text-align:center; margin:0 0 20px 0; }
.history ul li img { width:100%; margin-bottom:7px; }

.history ul li:nth-child(5) { clear:both; }

@media (max-width:768px){
	.history ul li { width:33.33%; }
	.history ul li:nth-child(5) { clear:none; }
	.history ul li:nth-child(3n + 1) { clear:both; }
}


@media (max-width:640px){	
	.history ul li { width:50%; padding:0 0 0 10px; }
	.history ul li:nth-child(3n + 1) { clear:none; }
	.history ul li:nth-child(odd) { padding:0 10px 0 0; clear: both; }
}


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


/* 회기소집 */
.session { width:100%; }
.session .th1 { width:10%; }
.session .th2 { width:25%; }
.session .th3 { width:26%; }
.session .th4 { width:39%; }



/* 조직도 */
.congressOffice { width:100%; }
.congressOffice .starffarea { position:relative; width:100%; }
.congressOffice .starffarea .abtn_h32Gray { position:absolute; right:0; top:0; }
.congressOffice .starffarea table { display:none; margin-top:15px; }
.congressOffice .starffarea table .th1 { width:10%; }
.congressOffice .starffarea table .th2 { width:10%; }
.congressOffice .starffarea table .th3 { width:50%; }
.congressOffice .starffarea table .th4 { width:10%; }
.congressOffice .starffarea table .th5 { width:20%; }

@media (max-width:768px){
	.congressOffice .starffarea .noticeTxt { display:none; margin:15px 0 0 0; }
}

@media (max-width:1530px){
	.congressOffice .box img { width:100%; }
}



/* 직원안내 */
.employee { width:100%; }
.employee table .th1 { width:10%; }
.employee table .th2 { width:10%; }
.employee table .th3 { width:10%; }
.employee table .th4 { width:auto; }
.employee table .th5 { width:10%; }
.employee table .th6 { width:20%; }



/* 시설안내 */
.government { width:100%; }
.government .th1 { width:10%; }
.government .th2 { width:45%; }
.government .th3 { width:45%; }

.government .floor { color:#1757b7;  font-size:180%; font-family:NotoSans-Medium, "본고딕 미디엄"; }
.government .depth3 li { float:left; width:50%; box-sizing:border-box; color:#333; font-size:110%;  }
.government .depth3 li.long { width:100%; }
.government .depth3 li span { font-size:90%; }
.government .depth4 li { float:left; width:50%; box-sizing:border-box; color:#888; font-size:90%; }

.government .icon { margin-top:15px; }
.government .icon li { float:left; margin-right:5px; }
.government .icon li img { width:25px; height:25px; }




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



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

ul.mlist { width:100%; padding-top:20px; border-top:1px solid #ddd; }
ul.mlist li { float:left; width:50%; padding:0 10px 40px 10px; box-sizing:border-box; }
ul.mlist li:nth-child(odd) { clear:both; }

ul.mlist li dl { width:100%; }
ul.mlist li dt { float:left; width:140px; }
ul.mlist li dt img { width:110px; height:141px; border:1px solid #ccc; padding:4px; }
ul.mlist li dd { margin-left:140px; width:calc(100% - 140px); padding:3px 0 1px 0;  }

ul.mlist li dd.name { font-size:135%; color:#113d8e; font-family:NotoSans-Medium, "본고딕 미디엄"; }
ul.mlist li dd span.dong { font-size:85%; color:#333;   }
ul.mlist li dd i.email { font-style:normal; word-break:break-all; }

ul.mlist li dd span.txtsp { padding-left:15px; display:inline-block; }

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; }

ul.mlist li dd.sns { margin-top:10px;}
ul.mlist li dd.sns a { float:left; display:inline-block; margin-right:5px; }


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


}


@media (max-width:768px){
	ul.mlist li { float:none; width:100%; padding:0 0 40px 0; box-sizing:border-box; }

	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 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:400px; margin-right:30px; }
.memberLocal .memberLeft .mobile { display:none; }
.memberLocal .memberRight { float:left; width:calc(100% - 430px); }


.memberLocal .memberRight h1 { width:100%; height:50px; line-height:50px; padding-left:15px; border:1px solid #ddd; box-sizing:border-box; font-family:NotoSans-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 { float:left; width:100%; padding:0 0 40px 0; }


@media (min-width:769px) and (max-width:1024px){
	.memberLocal .memberRight ul.mlist li { padding:0 0 30px 0; }

}


@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; }
}


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




/* 역대의원 */
.memberSearch { width:100%; }

.memberSearch .result { wid.th: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 span { display:block; }
.memberSearch .result ul li .pic { margin-bottom:10px;}
.memberSearch .result ul li .pic img { width:110px; height:141px; padding:5px; border:1px solid #ddd; }
.memberSearch .result ul li .name { font-size:120%; color:#113d8e; font-family:NotoSans-Medium, "본고딕 미디엄"; }
.memberSearch .result ul li .daesu { color:#888; }
.memberSearch .result ul li .area { margin-bottom:-3px; } 
.memberSearch .result ul li .area2 { font-size:90%; color:#999; } 


@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; text-align:center; }
	.memberSearch .result ul li .pic img { width:90px; height:115px;  }
}









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


/* 위원회구성 */
.composition { width:100%; }
.composition .comList { float:left; width:calc(50% - 20px); padding:20px; border:1px solid #ddd; background:#f4f4f4; box-sizing:border-box; margin-right:20px; margin-bottom:30px; }
.composition .comList:nth-child(even) { margin-right:0px !important; /* margin-left:20px; */ }
.composition .comList:nth-child(3) { clear:both;  }
.composition .comList:nth-child(2) { height:874px;  }
/*.composition .end { margin-right:0px !important; }*/

.composition .comList h4 { width:100%; height:40px; line-height:40px; padding:0 !important; box-sizing:border-box; background:#06c !important; color:#fff !important; text-align:center; margin-bottom:20px !important; }

.composition .comList ul li { float:left; width:33.333%; text-align:center; margin:0 0 15px 0; }
.composition .comList ul li:nth-child(4n + 1) { clear:both; }
.composition .comList ul li.chairperson { width:100%; } 
.composition .comList ul li img { width:110px; height:141px; padding:3px; border:1px solid #ddd; background:#fff; display:block; margin:0 auto 5px; }
.composition .comList ul li span { display:block; }
.composition .comList ul li span i { font-style:normal; font-size:80%; letter-spacing:-1px; } 


@media (min-width:1025px) and (max-width:1280px){
	.composition .comList { width:calc(33.3% - 13.3px); padding:20px 15px; margin-right:20px; }	
	.composition .comList ul li img { width:80px; height:102.5px; padding:0px;}
}


@media (min-width:769px) and (max-width:1024px){
	.composition .comList { width:calc(33.3% - 13.3px); padding:20px 15px; margin-right:20px; }	
	.composition .comList ul li img { width:80px; height:102.5px; padding:0px;}
	.composition .comList ul li span i { font-size:90%; letter-spacing:0px; display:block;  } 
}


@media (max-width:768px){
	.composition .comList { width:calc(50% - 15px); margin:0 15px 30px 0; }
	.composition .comList;nth-child(2) { margin:0 0 30px 15px; }	
	.composition .comList ul li img { width:90px; height:115.3px; padding:0px;}
}


@media (max-width:600px){
	.composition .comList { width:100%; margin:0 0 30px 0; }
	.composition .comList;nth-child(2) { margin:0 0 30px 0; }	
}




/* 4. 의회소식 */
/* 4. 의회소식 */
/* 4. 의회소식 */



/* 이달의 일정 */
.schedule { width:100%; }
.schedule .topbox { width:100%; border:1px solid #ddd; box-sizing:border-box; display:block; }
.schedule .topbox .topboxin { width:100%; min-height:122px; padding:20px 25px 20px 160px; border:5px solid #eee; box-sizing:border-box; background:url(/images/sub/schedule_topicon.jpg) no-repeat 10px 15px; display:block; }
.schedule .topbox .topboxin .txt1 { font-size:130%; color:#333; font-family:NotoSans-Medium, "본고딕 미디엄"; margin-bottom:7px; }
.schedule .topbox .topboxin .txt1 strong { color:#113d8e; font-weight:normal; }


.schedule .calendar_date { width:280px; text-align:center; margin:0 auto 10px; } 
.schedule .calendar_date span.date { position:relative; top:-7px; padding:0 20px; font:140% Arial, Helvetica, sans-serif; color:#000; display:inline-block; }
.schedule .calendar_date span strong { position:relative; top:2px; padding-left:10px; font-size:130%; color:#ff6900; display:inline-block; }
.schedule .calendar_date a { vertical-align:top; display:inline-block; }


			
.schedule .calendar_calendar { width:100%; margin-bottom:30px; } 
.schedule .calendar_calendar table { border-top:2px solid #333; border-right:1px solid #ddd; }
.schedule .calendar_calendar table th,
.schedule .calendar_calendar table td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
.schedule .calendar_calendar table th { width:14.2%; height:40px; line-height:40px; background:#f2f2f2; color:#0f3d7c; font-family:NotoSans-Medium, "본고딕 미디엄"; }
.schedule .calendar_calendar table th.sun,
.schedule .calendar_calendar table th.sat { width:14.5%; }
.schedule .calendar_calendar table td { height:50px; background:#fff; color:#666; text-align:center;  }


.schedule .calendar_calendar table .sun { color:#da131a;}
.schedule .calendar_calendar table .sat { color:#1757b7;}
.schedule .calendar_calendar table td.none { background:#fafafa; } 

.schedule .calendar_calendar table td.today { text-decoration:underline; font-weight:bold; font-size:110%; color:#000; }
.schedule .calendar_calendar table td.today a { height:50px; line-height:50px; color:#ff6900; text-decoration:underline;  font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:110%; display:block; }
.schedule .calendar_calendar table td.onday a { height:50px; line-height:50px; background:#dceafb;  color:#ff6900; font-family:NotoSans-Medium, "본고딕 미디엄"; display:block;  }



			
.scContent { width:100%; }
.scContent .offschedule_content { line-height:1.7; text-align:center;}

.scContent .th1 { width:15%; }
.scContent .th2 { width:18%; }
.scContent .th3 { width:auto; }
.scContent .th4 { width:12%; }
.scContent .th5 { width:10%; }

.scContent td span.time { padding-left:10px; font-weight:bold; color:#ff6900; }

@media (max-width:425px){
	.schedule .topbox .topboxin { padding:20px 15px; background:none; }
}



/* 포토갤러리 */
.board_view table tbody td.contentview div.Vod {width: 910px;overflow:hidden;text-align: left;display:block; padding: 30px;border: 1px solid #ddd;box-sizing: border-box;margin: 0 auto;box-shadow: 5px 5px 3px rgba(0,0,0,0.2);}

.photoViewer table tbody td.contentview div.Vod { position:relative; padding:5px 5px 20px; }
.photoViewer table tbody td.contentview div.Vod video { width:100%; box-shadow: 2px 2px 10px rgba(0,0,0,0.2); }
.photoViewer table tbody td.contentview div.Vod a,
.photoViewer table tbody td.contentview div.Vod img { width:100%; }


@media (max-width:1280px){
	.board_view table tbody td.contentview div.Vod { width: 100%; }
}







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



/* 의회안내책자 */
.councilBooklet { width:100%; }
.councilBooklet .allim { width:100%; height:87px; padding:0px 0 0 120px; box-sizing:border-box; background:url(/images/sub/councilBooklet_allimIcon.jpg) no-repeat; margin-bottom:20px; }
.councilBooklet .allim .txt1 { color:#333; font-size:150%; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px;  }


@media (max-width:640px){
	.councilBooklet .allim { height:auto; padding:0px; background:none; }
}



/* 월간뉴스레터 */
.monthnewsletter { width:100%; }
.monthnewsletter .board_view td .picarea { width:90%; margin:0 auto; }
.monthnewsletter .board_view td .picarea img { width:100%; }

.monthnewsletter ul.list { width:100%; padding-bottom:15px; border-bottom:1px solid #ccc; }
.monthnewsletter ul.list li { float:left; width:25%; margin-bottom:10px; }
.monthnewsletter ul.list li a:link,
.monthnewsletter ul.list li a:visited { width:calc(100% - 20px); height:36px; line-height:34px; text-align:center; border:1px solid #ddd; background:#f9f9f9; text-decoration:none; color:#666; display:block; margin:0 10px; }
.monthnewsletter ul.list li a:active,
.monthnewsletter ul.list li a:focus,
.monthnewsletter ul.list li a:hover,
.monthnewsletter ul.list li a.select { border:1px solid #113d8e; background:#1757b7; color:#fff; }
.monthnewsletter ul.list li a i { font-style:normal; font-size:11px; color:#999; padding-right:5px; }

@media (min-width:769px) and (max-width:1280px){
	.monthnewsletter ul.list li a:link,
	.monthnewsletter ul.list li a:visited { letter-spacing:-1px; font-size:95%; }
}


@media (max-width:768px){
	.monthnewsletter .board_view td .picarea { width:100%; }

	.monthnewsletter ul.list li { width:33.33%; }
	.monthnewsletter ul.list li a:link,
	.monthnewsletter ul.list li a:visited { letter-spacing:-1px; font-size:95%; }
}

@media (max-width:600px){
	.monthnewsletter ul.list li { width:50%; }
	.monthnewsletter ul.list li a:link,
	.monthnewsletter ul.list li a:visited { width:calc(100% - 10px);  font-size:90%; margin:0 5px;}
}


/* 뉴스레터 24.05.21. */
.newsletter p { font-size:150%; color:#333; font-family:NotoSans-Medium, "본고딕 미디엄"; border-bottom:1px solid #ddd; padding:0 0 10px; margin:0 0 20px; }

.newsletter article { margin:0 0 60px; }

.newsletter div { display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; display:-ms-grid; -ms-grid-columns:1fr 20px 1fr 20px 1fr 20px 1fr; }

.newsletter div a { width:100%; border:1px solid #ddd; overflow:hidden; }
.newsletter div a img { width:100%; height:100%; object-fit:cover; object-position:center; transition:0.3s; }
.newsletter div a:hover img { transform:scale(1.1); }

	/* ie10+ 이상 css */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.newsletter div { display:flex; justify-content:space-between; }
	.newsletter div a { width:calc(25% - 15px); border:1px solid #ddd; overflow:hidden; }
}
	/* 모바일 버전 css*/
@media screen and (max-width: 768px), screen\9 {
	.newsletter article { margin:0 0 20px; }

	.newsletter div { flex-wrap:wrap; }
	.newsletter div a { width:calc(50% - 20px); margin-bottom:40px; }
}


@media (max-width:768px){
	.newsletter article { margin:0 0 40px; }

	.newsletter div { grid-template-columns:1fr 1fr; gap:40px; }
	.newsletter div { -ms-grid-columns:1fr 40px 1fr; grid-template-columns:1fr 1fr; gap:40px; }
	.newsletter div a { width:100%; margin-bottom:0; }

}



/* 의원연구단체 */
.researchCmt img { width:100%; }


/* 의회용어사전 */
.dictionary { width:100%; }
.dictionary .allim { width:100%; height:95px; padding:10px 0 0 125px; box-sizing:border-box; background:url(/images/sub/dictionary_topicon.jpg) no-repeat;   }
.dictionary .allim .txt1 { color:#333; font-size:150%; font-family:NotoSans-Medium, "본고딕 미디엄"; line-height:1.3; letter-spacing:-1px; margin-bottom:10px;  }
.dictionary .allim .txt1 strong { font-weight:normal; color:#113d8e; }


.wordsResult dt { font-size: 110%; color: #d7673f; padding: 0 10px; margin-bottom: 10px; }
.wordsResult dd { line-height: 150%; padding: 0 10px 15px 10px; border-bottom: 1px dashed #ddd; margin-bottom: 15px; }

@media (max-width:640px){
	.dictionary .allim { height:auto; padding:0; background:none; }
}



/* 배너 */
.banner { width:100%; }
.banner .allim { width:100%; height:87px; padding:0px 0 0 123px; box-sizing:border-box; background:url(/images/sub/banner_allimIcon.jpg) no-repeat; margin-bottom:20px; }
.banner .allim .txt1 { color:#333; font-size:150%; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px;  }

.banner ul { border-top:2px solid #333; border-bottom:1px solid #ccc; padding:20px 0; }
.banner li { float:left; width:calc(16.66% - 20px); height:50px; text-align:center; margin:10px 10px; }
.banner li a img { width:100%; height:48px; border:1px solid #ddd; }

@media (max-width:1280px){
	.banner li {  width:calc(25% - 20px); }	
}

@media (max-width:768px){
	.banner li { width:calc(33.3% - 20px); }	
}

@media (max-width:640px){
	.banner .allim { height:auto; padding:0px; background:none; }
}


@media (max-width:570px){
	.banner li { width:calc(50% - 20px); }	
}

@media (max-width:425px){
	.banner li { width:calc(50% - 10px); height:auto; margin:5px; }
	.banner li a img { width:100%; box-sizing:border-box; }	
}





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

/* 시민제보 */
.tipoff .box ul dt { display:flex; align-items:center; font-size:106.25%; color:#113D8E; font-family:NotoSans-Medium, "본고딕 미디엄"; }
.tipoff .box ul dt:before { content:''; display:inline-block; width:4px; height:4px; background:#113D8E; margin-right:8px; }

.tipoff .box > ul dl  { margin-bottom:12px; }
.tipoff .box > ul dl .depth3 { padding-left:6px; }
.tipoff .box > ul dl dd p { font-size:93.75%; color:#666; }

.tipoff .box > ul li .fs_m { font-size:112.5%; }
.tipoff .box > ul li .fs_m .depth3 { color:#333; font-weight:700; }

.tipoff .box > ul li .dot { display:flex; align-items:center; color:#113D8E; }
.tipoff .box > ul li .dot:before { content:''; display:inline-block; width:4px; height:4px; background:#113D8E; margin-right:8px; }

.tipoff .box > ul li .mark { background:#113D8E; color:#fff; font-weight:400; }
.tipoff .box > ul li .mark + a { display:inline-block; padding:2px 8px; border-radius:4px; border:1px solid #ddd; margin:2px 0 2px 16px;  }

.tipoff .box > ul li .red { color:#f00; font-weight:700; }
.tipoff .box > ul li .blue { color:#113D8E; font-size:93.75%; }

.tipoff .f_openyn_txt { font-size:93.75%; color:#777; margin-left:10px; }

/* 자유게시판 */
.freeboard { width:100%; }
.freeboard .allim { width:100%; padding:0px 0 0 120px; box-sizing:border-box; background:url(/images/sub/freeboard_allimIcon.jpg) no-repeat; margin-bottom:20px; }
.freeboard .allim p { color:#333; line-height:1.5; margin-bottom:15px;  }

@media (max-width:640px){
	.freeboard .allim { padding:0px; background:none; }
}


/* 주민조례청구 */
.ordn .step { display:flex; flex-wrap:wrap; justify-content:space-between; }
.ordn .step li { position:relative; width:calc(25% - 40px); min-height:174px; border-radius:12px; border:1px solid #eee; margin-bottom:24px; }
.ordn .step li:after { position:absolute; top:calc(50% - 4px); right:-36px; content:"▶"; color:#335CA3;}
.ordn .step li:nth-child(4n):after { display:none; }
.ordn .step li dl { display:flex; flex-direction:column; padding:0 0 16px; }
.ordn .step li dl dt { display:flex; justify-content:center; align-items:center; height:4em; border-radius:12px 12px 0 0; background:#4BADEC; color:#fff; text-align:center; font-size:1.0625rem; font-family:NotoSans-Medium, "본고딕 미디엄";}
.ordn .step li dl dd { padding-left:8px; margin:8px 4px 0; }
.ordn .step li dl dd:before { content:'·'; margin-right:4px; }

.ordn > a { width:calc(50% - 24px); padding:6px 0; text-align:center; background:#666; color:#fff; border-radius:4px; transition:0.3s; }
.ordn > a:hover,
.ordn > a:focus { background:#555; } 
.ordn > a:last-child { margin-left:40px; }

@media (max-width:840px){
	.ordn .step li { width:calc(25% - 24px); }
	.ordn .step li:after { right:-24px; }
}

@media (max-width:768px){
	.ordn .step li { width:calc(50% - 24px); }
	.ordn .step li:after { right:-32px; }
}

@media (max-width:480px){
	.ordn .step li { width:100%; min-height:unset;  }
	.ordn .step li:after { top:100%; right:calc(50% - 4px); content:'▼';}
	.ordn .step li:nth-child(4n):after { display:block; }
	.ordn .step li:last-child:after { display:none; }

	.ordn .step li dl dt { height:3em; font-size:1rem; }
}


/* 청원/진정안내 */
.petition { width:100%; }
.petition h3 { width:calc(100% - 150px); display:inline-block; }
.petition .abtn_h32blue { float:right; }


/* 방청/견학안내 */
.watchtour { width:100%; }
.watchtour .allim { width:100%; height:87px; padding:0px 0 0 120px; box-sizing:border-box; background:url(/images/sub/watchtour_allimIcon.jpg) no-repeat; margin-bottom:20px; }
.watchtour .allim p { padding-top:15px; color:#333; line-height:1.5; margin-bottom:15px;  }


@media (max-width:1440px){
	.watchtour .allim p { padding-top:0px; }
}



@media (max-width:640px){
	.watchtour .allim { height:auto; padding:0px; background:none; }
	
}



/* 통합검색 */
.totalsearch .resultlist { position:relative; width:100%;  }
.totalsearch .resultlist ul.resultlistUl { width:100%; border-top:1px solid #ddd; overflow:hidden; }
.totalsearch .resultlist ul.resultlistUl li { width:100%; height:40px; line-height:40px; padding-left:25px; border-bottom:1px solid #eee; box-sizing:border-box; background:url(/images/common/blt_ulDepth3.gif) no-repeat 15px 17px; display:block; }
	
.totalsearch .resultlist ul.resultlistUl li a:link,
.totalsearch .resultlist ul.resultlistUl li a:visited { color:#333; }
.totalsearch .resultlist ul.resultlistUl li a:active,
.totalsearch .resultlist ul.resultlistUl li a:focus,
.totalsearch .resultlist ul.resultlistUl li a:hover { color:#06c; text-decoration:underline; }

.totalsearch .resultlist ul.resultlistUl li strong { color:#da131a; }



/* 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:NotoSans-Medium, "본고딕 미디엄"; font-weight:bold; 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/sub/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/sub/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 .sp30 p { line-height:1.5; }


.privacyUl li { float:left; width:calc(25% - 10px); margin:0 5px 10px 5px;  }
.privacyUl li a:link,
.privacyUl li a:visited { width:100%; height:40px; line-height:38px; border:1px solid #ddd; box-sizing:border-box; background:#fff; font-size:90%; text-align:center;  }
.privacyUl li a:active,
.privacyUl li a:focus,
.privacyUl li a:hover { border-color:#113d8e; background:#06c; color:#fff; }


@media (min-width:1025px) and (max-width:1280px){
	.privacy .privacyUl li { width:calc(33.33% - 10px); }
}

@media (min-width:769px) and (max-width:1024px){
	.privacy .privacyUl li { width:calc(33.33% - 10px); }	
}

@media (max-width:768px){
	.privacy .privacyUl li { width:calc(50% - 5px); margin:0 5px 10px 0; }
	.privacy .privacyUl li:nth-child(even) { margin:0 0 10px 5px; }
}

@media (max-width:480px){
	.privacy .privacyUl li { float:none; width:100%; margin:0 0 10px 0; }
	.privacy .privacyUl li:nth-child(even) { margin:0 0 10px 0; }
}


/* 전체 다운로드 팝업창 */
#ZipDown form { display: flex; flex-direction: column; align-items: center; padding: 8px; }
#ZipDown form > * { text-align:center; }
#ZipDown input[type="submit"] { width:calc(100% - 16px); padding:4px 0; border:0; border-radius:4px; background:#1A235C; color:#fff; margin:8px; }

#ZipDown p.small { font-size:14px; }