@charset "utf-8";

/* 서브레이아웃 */
#scontainer { width:100%; margin-bottom:100px; }
	
	#svisible { width:100%; }		
	
	#scontainerarea { width:1280px; margin:0 auto; }
		#sleft { float:left; width:250px; margin-right:50px; }
		#sright { float:left; width:980px; }
			#content { width:100%; }

@media (min-width:1025px) and (max-width:1280px){
	#scontainer { width:100%; }
		
		#svisible { width:100%; }
		
		#scontainerarea { width:100%; margin:0 auto 100px; }
			#sleft { float:left; width:200px; margin-right:30px; }
			#sright { float:left; width:calc(100% - 230px); }
				#content { width:100%; }
}



@media (min-width:769px) and (max-width:1024px){
	#scontainer { width:100%; }
		#svisible { width:100%; }
		#scontainerarea { width:100%; padding:0 15px; box-sizing:border-box; margin:0 auto 70px; }
			#sleft { display:none; }
			#sright { float:none; width:100%; padding:0 15px; box-sizing:border-box; }
				#content { width:100%; }
	
}


@media (max-width:768px){
	#scontainer { width:100%; }
		#svisible { display:none; }
		#scontainerarea { width:100%; box-sizing:border-box; margin:0 auto 50px; }
			#sleft { display:none; }
			#sright { float:none; width:100%; box-sizing:border-box; }
				#content { width:100%; padding:0 20px 0 20px; box-sizing:border-box; }
	
}





/* 서브비주얼 */
#svisible { height:150px; background: url(/images/inc/svisible_bg.jpg) no-repeat 50% 50%;;  }
#svisiblearea { position:relative; width:1280px; margin:0 auto; }
#svisiblearea p { position:absolute; right:0; top:40px; color:#fff; text-align:right; font-size:130%; line-height:1.5; }
#svisiblearea p strong { font-weight:normal; font-size:150%; font-family:"PGOV"; font-weight:800; display:block; margin-top:-5px; }

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

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



/* leftmenu */
.leftmenu { position:relative; top:-100px; width:100%; margin-bottom:100px; }
.leftmenu h1 { height:100px; line-height:100px; background:#135c95; color:#fff; text-align:center; font-size:200%;  }
.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:"PGOV"; font-weight:800; 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:#fff url(/images/common/leftmenu_blt1_on.gif) no-repeat right top;*/ color:#ff7505; }

.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%; 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%; 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:#1757b7; }






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

.pagetitle ul.print { position:absolute; right:0; top:57px; width:auto; }
.pagetitle ul.print li { float:left; }

.pagetitle ul.print li.back { display:none; }

.pagetitle ul.print li a { padding:8px 7px; display:block; }

.pagetitle .path { position:absolute; right:75px; top:62px; font-size:90%; color:#888; }




.pagetitle h1 { padding:41px 0 0 0px; font-family:"PGOV"; font-weight:800; font-size:185%; color:#000; }



@media (min-width:769px) and (max-width:1024px){
	
	.pagetitle .pathBar ul.print li.home { display:inline-block; }
	.pagetitle .pathBar ul.print li.back { display:inline-block; }
	.pagetitle .pathBar ul.print li.print { display:none; }
			
}

@media (max-width:768px){

	.pagetitle { height:auto; border-bottom:none; margin-bottom:30px; }
	.pagetitle .pathBar { position:relative; width:100%; height:50px; border-bottom:1px solid #ddd; background:#f9f9f9;  }

	.pagetitle .pathBar ul.print { position:static; float:right; padding:9px 3px 0 0; }
	.pagetitle .pathBar ul.print li.home { display:inline-block; }
	.pagetitle .pathBar ul.print li.back { display:inline-block; }
	.pagetitle .pathBar ul.print li.print { display:none; }
	
	.pagetitle .pathBar .path { position:static; float:left; width:calc(100% - 70px); padding:13px 0 0 10px; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; font-size:85%;  }
	.pagetitle .pathBar .pathwidth { letter-spacing:-1px; }

	.pagetitle h1 { padding:33px 0 0 20px; font-size:200%; }
}





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


/* 의장인사말 */

.greeting { width:100%; word-break:keep-all; }
.greeting .picarea { position:relative; width:100%; height:420px; background:#EFE6CB; border-radius:16px; overflow:hidden; }
.greeting .picarea p.img { height:100%; }
.greeting .picarea img { width:100%; height:100%; object-fit:cover; object-position:right; }
.greeting .picarea .txtarea { position:absolute; left:50px; top:120px; font-size:125%; color:#222; }
.greeting .picarea .txtarea .txt1 { margin-bottom:10px;}
.greeting .picarea .txtarea .txt2 { font-size:90%; }
.greeting .picarea .txtarea .name { font-weight:700; line-height:1.3; font-size:120%; color:#222; margin-bottom:20px; }
.greeting .picarea .txtarea .name strong { color:#17223F; font-size:140%; }
.greeting .picarea .txtarea .txt { line-height:1.5; font-size:95%;}
.greeting > p { line-height:1.8; color:#444; margin-bottom:15px; }
.greeting > p.sign { text-align:right; }
.greeting > p.sign img { vertical-align:bottom; margin-left:10px; }


@media (min-width:1025px) and (max-width:1280px){
}



@media (min-width:769px) and (max-width:1024px){
	.greeting .picarea .txtarea { left:40px; top:80px; }
}


@media (max-width:768px){
	.greeting .picarea { height:auto; margin-bottom:30px; }
	.greeting .picarea .txtarea { position:static; width:100%; padding:20px 30px; box-sizing:border-box; background:#EFE6CB; font-size:110%; }
}

@media (max-width:425px){
	.greeting .picarea { overflow:hidden; }
}
@media (max-width:360px){
}

/*.greeting { width:100%; }
.greeting .picarea { position:relative; width:100%; height:420px; background:#efe6cb; }
.greeting .picarea .txtarea { position:absolute; left:50px; top:120px; font-size:120%; color:#000; }
.greeting .picarea .txtarea .txt1 { margin-bottom:10px;}
.greeting .picarea .txtarea .name { line-height:1.3; font-size:120%; color:#000; margin-bottom:20px; }
.greeting .picarea .txtarea .name strong { font-size:140%; }
.greeting .picarea .txtarea .txt { line-height:1.5; font-size:95%;}
.greeting > p { line-height:1.8; margin-bottom:15px; }
.greeting > p.sign { text-align:right; }
.greeting > p.sign strong { font-size:110%; }


@media (min-width:1025px) and (max-width:1280px){
	.greeting .picarea p img { width:100%; }
}



@media (min-width:769px) and (max-width:1024px){
	.greeting .picarea p img { width:100%; }
	.greeting .picarea .txtarea { left:40px; top:80px; }
}


@media (max-width:768px){
	.greeting .picarea { height:auto; margin-bottom:30px; }
	.greeting .picarea p img { width:100%; }	
	.greeting .picarea .txtarea { position:static; width:100%; padding:20px 30px; box-sizing:border-box;  background:#efe6cb; font-size:110%; }
}

@media (max-width:425px){
	.greeting .picarea { overflow:hidden; }
	.greeting .picarea p img { position:relative; right:180px; width:150%; text-align:right; }	
}
@media (max-width:360px){
	.greeting .picarea p img { position:relative; right:160px; width:150%; text-align:right; }	
}
*/


/* 의회연혁 */
.history { width:100%; }
.history ul li span { font-family:"PGOV"; font-weight:800; color:#135c95; margin-right:15px; }





/* 조직/구성 */
.organization { width:100%; }
.organization .th1 { width:40%; }
.organization .th2 { width:20%; }
.organization .th3 { width:20%; }
.organization .th4 { width:10%; }
.organization .th5 { width:10%; }

.organization .org { width:100%; background:url(/images/sub/composition_bgline.gif) no-repeat 50% top; overflow: hidden; }
.organization .org ul li { background: #f5f5f5; text-align: center; padding: 5px 0; color: #000; border: 1px solid #e5e5e5; margin-bottom: 3px; }
.organization .org ul li .com { font-family:"PGOV"; font-weight:800; padding-right:5px; }

.organization .org .composition1 { width:130px; height:130px; background:#fff; border:6px solid #264cae; border-radius:50%; text-align: center; padding-top:30px; box-sizing:border-box; margin: 0 auto 50px; }
.organization .org .composition1 .com { font-family:"PGOV"; font-weight:800; font-size:135%; color:#264cae; display:block; }
.organization .org .composition1 .name { font-size:110%; color:#000; }
.organization .org .composition2 { width:130px; height:130px; background:#fff; border:6px solid #2f288a; border-radius:50%; text-align: center; padding-top:30px; box-sizing:border-box; margin: 0 auto 50px; }
.organization .org .composition2 .com { font-family:"PGOV"; font-weight:800; font-size:135%; color:#2f288a; display:block; }
.organization .org .composition2 .name { font-size:110%; color:#000; }
.organization .org .composition3 { width:30%; float:left; margin-right:5%; }
.organization .org .composition3 h6 { background:#3199db; font-size:110%; color:#fff !important; padding:10px 0; text-align:center; }
.organization .org .composition3 ul { overflow:hidden; }
.organization .org .composition4 { width:30%; float:left; margin-right:5%; }
.organization .org .composition4 h6 { background:#1a7aa7; font-size:110%; color:#fff !important; padding:10px 0; text-align:center; }
.organization .org .composition5 { width:30%; float:left; }
.organization .org .composition5 h6 { background:#264d9d; font-size:110%; color:#fff !important; padding:10px 0; text-align:center; }



@media (min-width:426px) and (max-width:768px){
	.organization .org { background:none; }
	.organization .org ul li { width: 48%; float: left; margin: 0 9px 3px 0; }
	.organization .org ul li:nth-child(2n) { margin: 0 0 3px 0; }
	
	.organization .org .composition1 { margin: 0 auto 20px; }
	.organization .org .composition2 { margin: 0 auto 20px; }
	.organization .org .composition3 { width:100%; float:none; margin:0 0 20px 0; }
	.organization .org .composition4 { width:100%; float:none; margin:0 0 20px 0; }
	.organization .org .composition5 { width:100%; float:none; margin:0 0 20px 0; }
}


@media (max-width:425px){
	.organization .org { background:none; }
	.organization .org ul li { width: 100%; float:none; margin: 0 0 3px 0; }
	.organization .org ul li:nth-child(2n) { margin: 0 0 3px 0; }
	
	.organization .org .composition1 { margin: 0 auto 20px; }
	.organization .org .composition2 { margin: 0 auto 20px; }
	.organization .org .composition3 { width:100%; float:none; margin:0 0 20px 0; }
	.organization .org .composition4 { width:100%; float:none; margin:0 0 20px 0; }
	.organization .org .composition5 { width:100%; float:none; margin:0 0 20px 0; }
}



/* 청사안내도 */
.floor { width:100%; }

.floor .floor_btn { margin-bottom:20px; }
.floor .floor_btn ul { overflow:hidden; margin-left:5px; }
.floor .floor_btn ul li { float:left; margin-right:10px; }

.floor .box { width:100%; padding:20px 30px 50px 30px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; background:#f4f4f4; overflow:hidden; }
.floor .box #mainFloor { width:100%; height:630px; background:url(../images/council/floor_bg1.jpg) no-repeat right bottom; display:block;  }
.floor .box #mainFloor ul { width:858px; overflow:hidden; margin:25px auto 0; }
.floor .box #mainFloor ul li { }
.floor .box #mainFloor ul li:last-child { margin-bottom:0; }


.floor .box .oFloor { display:none; }
.floor .box .oFloor ul li { width:100%; padding:15px; border:1px solid #eee; box-sizing:border-box; background:#fff; display:block;margin-bottom:15px;  }
.floor .box .oFloor ul li a { width:100%; overflow:hidden; display:block; }
.floor .box .oFloor .pic0 { width:100%; text-align:center; }

.floor .box #floor1,
.floor .box #floor2,
.floor .box #floor3 { width:858px; height:573px; margin:25px auto 0; display:none; }

.floor .stitle { float:left; width:80px; height:60px; border-right:1px solid #ddd; box-sizing:border-box; color:#fe660d; font-size:250%; font-family:"PGOV"; font-weight:800; }
.floor .txt { float:left; width:calc(100% - 80px); padding:5px 0 0 20px; box-sizing:border-box; color:#2d4876; }
.floor .pic { float:left; width:100%; text-align:center; margin-top:30px; }


@media (max-width:1280px){
	.floor .box .floor .pic0 img { width:100%; }
}


@media (max-width:600px){
	.floor .pic img { width:100%; }
}




/* 찾아오시는길 */
.map { width:100%; }
.map dt { float:left; width:150px;  padding-left:10px; box-sizing:border-box; background:url(/images/inc/blt_gray.gif) no-repeat 0 12px; color:#113d8e; font-weight:bold; margin-bottom:10px; }
.map dd { margin-left:150px; width:calc(100% - 150px); margin-bottom:10px;  }



/* 3. 의원광장 */
/* 3. 의원광장 */
/* 3. 의원광장 */


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

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

.member > ul li dl { width:100%; }
.member > ul li dt { float:left; width:149px; }
.member > ul li dt img { width:120px; border:1px solid #ccc; padding:4px; }
.member > ul li dd { margin-left:149px; width:calc(100% - 149px); padding:3px 0 1px 0;  }

.member > ul li dd.name { font-size:135%; color:#113d8e; font-family:"PGOV"; font-weight:800; }
.member > ul li dd.name span { display:block; margin-left:62px; }
.member > ul li dd span.dong { font-size:85%; color:#333;   }

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

.member > ul li dd a.profilebtn { width:110px; height:40px; line-height:40px; border-radius:3px; background:#435eb7; color:#fff; font-size:90%; text-align:center; display:inline-block; margin-top:10px; }



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


}


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

	.member > ul li dt { width:135px; }
	.member > ul li dt img { width:110px; }
	.member > ul li dd { margin-left:135px; width:calc(100% - 135px); }

	
}


/* 선거구별  */
.memberArea { width:100%; }
.memberArea .memberLeft { float:left; width:330px; margin-right:30px; }
.memberArea .memberRight { float:left; width:calc(100% - 360px); margin-bottom:50px; }
.memberArea .memberRight .memberList { width:100%; }
.memberArea .memberRight .memberList h1 { width:100%; height:auto; line-height:1.3; padding:15px 20px 15px 20px; box-sizing:border-box; background:#2f7aa7; color:#fff; font-size:125%; font-family:"PGOV"; font-weight:800; letter-spacing:-1px; margin-bottom:40px;  /*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/ display:block; }
.memberArea .memberRight .memberList h1 span { padding-left:5px; font-size:80%; font-family:"PGOV"; }
.memberArea .memberRight .memberList ul li { float:left; width:33.3%;  text-align:center;  }
.memberArea .memberRight .memberList ul li .pic a { width:100%; display:block; margin-bottom:10px; }
.memberArea .memberRight .memberList ul li .pic a img { width:110px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; }

.memberArea .memberRight .memberList ul li .name { height:34px; line-height:34px; font-size:110%; color:#000; }
.memberArea .memberRight .memberList ul li .name a { display:inline-block; margin-left:7px; }



@media (min-width:1025px) and (max-width:1280px){
	
}

@media (min-width:921px) and (max-width:1024px){
	.memberArea .memberRight { margin-bottom:30px; }
	.memberArea .memberRight .memberList ul li { float:left; width:50%; text-align:center; margin-bottom:15px;  }
}


@media (min-width:769px) and (max-width:920px){
	.memberArea .memberRight .memberList ul li { float:left; width:33.3%; text-align:center; margin-bottom:15px;   }
	.memberArea .memberRight .memberList ul li .pic a img { width:90px; }
}


@media (max-width:768px){
	.memberArea .memberLeft { float:none; width:100%; text-align:center; margin-right:0px; margin-bottom:30px; }
	.memberArea .memberRight { float:none; width:100%; margin-bottom:30px; }
}


@media (max-width:425px){
	.memberArea .memberRight .memberList ul li { width:50%; margin-bottom:20px; }
}




/* 위원회구성 */
.compositionCommission { width:100%; }
.compositionCommission table .th1 { width:16%; }
.compositionCommission table .th2 { width:10%; }
.compositionCommission table .th3 { width:10%; }
.compositionCommission table .th4 { width:64%; }

.compositionCommission table ul { width:100%; padding:0 20px; box-sizing:border-box; }
.compositionCommission table ul li { float:left; width:20%;  height:30px; line-height:30px; padding-left:10px; box-sizing:border-box; background:url(/images/common/blt_gray.gif) no-repeat 0 14px; text-align:left;}


/* 역대의장단 */
.oldChairman { width:100%; }
.oldChairman form { width:500px; margin:0 auto; }

.oldChairman > ul { width:100%; padding-top:20px; }
.oldChairman > ul li { float:left; width:50%; margin-bottom:20px; }

.oldChairman > ul li dt { float:left; width:149px; }
.oldChairman > ul li dt img { width:120px; border:1px solid #ccc; padding:4px; }
.oldChairman > ul li dd { margin-left:149px; width:calc(100% - 149px); padding:3px 0 1px 0;  }

.oldChairman > ul li dd.name { font-size:135%; color:#113d8e; font-family:"PGOV"; font-weight:800; }
.oldChairman > ul li dd tr { padding:2px 0; box-sizing:border-box; display:block; }
.oldChairman > ul li dd tr th { width:80px; padding-left:10px; background:url(/images/common/blt_ulDepth3.gif) no-repeat 0 10px; text-align:left; }



@media (max-width:768px){
	
	.oldChairman form { width:100%; }
	
	.oldChairman .searchBox ul li:last-child { padding-top:10px; border-top:1px solid #eee; text-align:center; margin-top:5px; }
	.oldChairman .searchBox ul li .submit_searchBox_btn { width:260px; margin:0 auto !important; }
	.oldChairman .searchBox ul li {float:none;width:100%;padding:5px 0;overflow:hidden;display:block;}

	
	.oldChairman > ul li { float:none; width:100%; margin-bottom:20px; }


}



/* 의원검색 */
.memberSearch { width:100%; }
.memberSearch .result { wid.th:100%; }
.memberSearch .result ul { width:100%; overflow:hidden; }
.memberSearch .result ul li { float:left; width:20%; 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:120px !important; height:160px !important; padding:5px; border:1px solid #ddd; }
.memberSearch .result ul li .name { font-size:120%; color:#113d8e; font-family:"PGOV"; font-weight:800; }
.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; } 

.memberSearch form { width:500px; margin:0 auto;}

@media (max-width:768px){
	.memberSearch .searchBox ul { }
	
	.memberSearch form { width:100%; }
	
	.memberSearch .searchBox ul li:last-child { padding-top:10px; border-top:1px solid #eee; text-align:center; margin-top:5px; }
	.memberSearch .searchBox ul li .submit_searchBox_btn { width:260px; margin:0 auto !important; }
	.memberSearch .searchBox ul li {float:none;width:100%;padding:5px 0;overflow:hidden;display:block;}

	
	.memberSearch .result ul li { float:left; width:33.3%; height:220px; text-align:center; }
	.memberSearch .result ul li .pic img { width:90px !important; height:120px !important;  }

}



/* 위원회구성 */
.compositionCommission { width:100%;  }
.committeelist { float:left; }




/* 4.의회기능 */
/* 4.의회기능 */
/* 4.의회기능 */


/* 의안심사 */
.billEvaluation { width:100%; }
.billEvaluation img { width:100%; }


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


/* 예산/결산 */
.settlementBudget { width:100%; }
.settlementBudget p { width:100%; }
.settlementBudget p img { width:100%; }


/* 청원/진정처리 */
.petition { width:100%; }
.petition .petition_pic { width:100%; }
.petition .petition_pic img{ width:100%; }


/* 시정질문 */
.cityQuestion { width:100%; }
.cityQuestion .cityQuestion_pic { width:100%; }
.cityQuestion .cityQuestion_pic img { width:100%; }


/* 의회윤리강령 */
.ethics { position:relative; width:100%; }

.ethics .ethics_top { position:absolute; left:0; top:0; width:100%; height:223px; background:url(/images/sub/ethics_boxtop.gif) no-repeat 50% top; }
.ethics .ethics_bottom { position:absolute; left:0; bottom:0; width:100%; height:175px; background:url(/images/sub/ethics_boxbottom.gif) no-repeat 50% bottom; }
.ethics .ethics_body { width:770px; padding:150px 0 100px 0; margin:0 auto; }
.ethics .ethics_body h1 { text-align:center; font-size:190%; color:#113d8e !important; margin-bottom:20px; }
.ethics .ethics_body .righttxt { text-align:right; margin-bottom:50px; }
.ethics .ethics_body h4 { font-weight:normal; font-size:135%; color:#333; margin-bottom:20px; }
.ethics .ethics_body p { line-height:170%; padding-bottom:30px; border-bottom:1px dashed #ddd; margin-bottom:50px; }

.ethics .ethics_body h1 { text-align:center; font-size:180%; color:#000; margin-bottom:20px;   }
.ethics .ethics_body .txt { color:#113d8e; }
.ethics .ethics_body li { padding: 7px 10px 7px 17px; background-position:0 18px; }


.session { width:100%; }
.session .topbox { width:100%; padding:30px 30px 30px 120px; border:5px solid #ccc; margin-bottom:20px; box-sizing:border-box; background:url(/images/sub/session_topicon.png) no-repeat left center; font-family:"PGOV"; font-weight:800; font-size:120%; color:#135c95; }

.session p.session_pic { width:100%; }
.session p.session_pic img { width:100%; }


@media (min-width:769px) and (max-width:1023px){	
	.ethics .ethics_top { background:url(/images/sub/ethics_boxtop2.gif) no-repeat 50% top; }
	.ethics .ethics_bottom { background:url(/images/sub/ethics_boxbottom2.gif) no-repeat 50% bottom; }
	.ethics .ethics_body { width:100%; padding:150px 0 50px 0; }
}


@media (max-width:768px){
	.ethics .ethics_top { display:none;}
	.ethics .ethics_bottom { display:none; }
	.ethics .ethics_body { width:100%; padding:30px 15px 20px 15px; border:4px solid #c5bf94; box-sizing:border-box; }
	.ethics .ethics_body h1 { font-size:150%; margin-bottom:15px; }
	.ethics .ethics_body .righttxt { margin-bottom:30px; }
	.ethics .ethics_body p { margin-bottom:30px; }	
}


@media (max-width:425px){
	.session .topbox { width:100%; padding:30px; border:5px solid #ccc; margin-bottom:20px; box-sizing:border-box; background:none; font-family:"PGOV"; font-weight:800; font-size:120%; color:#135c95; }

}




/* 의정활동 */
/* 의정활동 */
/* 의정활동 */

/* 위원회구성 */
.compositionCommission { width:100%; }
.compositionCommission .committeelist { width:100%; }
.compositionCommission .committeelist .chairperson { float:left; overflow:hidden; margin-bottom:20px; }
.compositionCommission .committeelist .members { clear:both; }
.compositionCommission .committeelist .chairperson dl,
.compositionCommission .committeelist .members dl { float:left; width:102px; margin:0 30px 20px 0; }
.compositionCommission .committeelist .chairperson dl:last-child,
.compositionCommission .committeelist .members dl:last-child { margin-right:0; }
.compositionCommission .committeelist .chairperson dl dt,
.compositionCommission .committeelist .members dl dt { width:102px; padding:5px; border:1px solid #ddd; box-sizing:border-box; }
.compositionCommission .committeelist .chairperson dl dt dd,
.compositionCommission .committeelist .members dl dt dd { margin:0 auto; }


@media (max-width:425px){
	.compositionCommission .committeelist .chairperson dl,
	.compositionCommission .committeelist .members dl { float:left; width:102px; margin:0 15px 20px 0; }

}







/*  의회소식 */
/*  의회소식 */
/*  의회소식 */

/* 의사일정 */
.schedule { width:100%; } 
.schedule .resultAgenda span { padding-right:15px; }

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

/* 달력 */
.agendaSchedule { width:100%; } 
.asleft table { border-collapse: separate; border-top:2px solid #000; }
.asleft table th { width:14.2%; height:40px; line-height:40px; border-bottom:1px solid #ddd; color:#333; }
.asleft table th.sun,
.asleft table th.sat { width:14.5%; }
.asleft table .sun { color:#da131a; }
.asleft table .sat { color:#1757b7; }

.asleft table td { height:50px; line-height:50px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 10px; box-sizing:border-box; background:#fff; color:#555; text-align:center; vertical-align:top; }
.asleft table td:last-child { border-right:1px solid #ddd; }

.asleft table td.none { background:#fafafa; } 

.asleft table td.today { text-decoration:underline; font-weight:bold; color:#000; font-size:110%; }
.asleft table td.today a { color:#fff; text-decoration:underline; font-weight:bold; font-size:110%; display:block; }

.asleft table td.onday { background:#add5f7; }
.asleft table td.onday a { width:100%; color:#113d8e; display:block; }

.asleft table td div.on { width:100%; height:30px; border-radius:5px; background:#888; overflow:hidden; margin-top:5px; }
.asleft table td div.on a { line-height:30px; color:#fff; font-weight:normal; !important; font-size:95%; }


@media (max-width:570px){
	.asleft table td { height:50px; }
	.asleft table td div.on { display:none; }
}



/* 조례안예고 */
.regulationsTxt { width:100%; padding:20px 20px 20px 90px; border:2px solid #ddd; box-sizing:border-box; background:url(/images/sub/regulations_icon.gif) no-repeat 20px 50%; color:#1757b7; }



/* 보도자료 */
.bodo .td1 { width:20%; }
.bodo .td2 { width:80%; }
.bodo .td1 a img { width:200px; }

.bodo .td2 .sSubject { width:100%; font-size:115%; font-family:"PGOV"; font-weight:800; letter-spacing:-1px; color:#000; display:block; margin-bottom:10px; }
.bodo .td2 .sComment { width:100%; height:2.8em; line-height:1.4em; max-height:2.8em; display:block; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; word-wrap:break-word; margin-bottom:10px;}


@media (max-width:768px){	
	.bodo .board_list table .td1 { float:left; width:110px; box-sizing:border-box; text-align:left; background:none; }
	.bodo .board_list table .td1 a img { width:90px; }
	.bodo .board_list table .td2 { width:calc(100% - 110px); box-sizing:border-box; background:none; }

}

/* 의회에바란다 */
.reply_no { padding:3px 6px; border-radius:3px; box-sizing:border-box; background:#ddd; }
.reply_yes { padding-right:2px; box-sizing:border-box; color:#1b5cdf; font-weight:bold; }

/* 방청안내 */
.audience { width:100%; }
.audience .topbox { width:100%; padding:30px 30px 30px 120px; border:5px solid #ccc; margin-bottom:20px; box-sizing:border-box; background:url(/images/sub/session_topicon.png) no-repeat left center; font-family:"PGOV"; font-weight:800; font-size:120%; color:#135c95; }
.audience p { color:orange; }


/*이용안내*/
/*이용안내*/

/* 개인정보처리방침 */
.privacy .topbox { width:100%; padding:30px 30px 30px 30px; border:5px solid #ccc; margin-bottom:20px; box-sizing:border-box; font-family:"PGOV"; font-weight:800; color:#135c95; }

/* 배너모음 */
.banner { width:100%; }
.bannerlist { width:100%; border-top:2px solid #333; border-bottom:1px solid #ccc; padding:20px 0; }
.bannerlist ul { width:100%; overflow:hidden; }
.bannerlist li { float:left; width:20%; height:50px; text-align:center; margin:10px 0; }
.bannerlist li a img { border:1px solid #ddd; }

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

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

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

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


/* 통합검색 */
.totalsearch { width:100%; }
.totalsearch .thd1 { width:15%; }
.totalsearch .thd2 { width:85%; }

.totalsearch .resultview { width:100%; }
.totalsearch .resultview .resultlist { width:100%; }
.totalsearch .resultview .resultlist ul { border-top:2px solid #333; }
.totalsearch .resultview .resultlist li { padding:8px 0 10px 24px; background: url(/images/common/blt_h5.gif) no-repeat 10px 18px; border-bottom:1px solid #ddd; }
.totalsearch .resultview .resultlist li a:link,
.totalsearch .resultview .resultlist li a:visited { text-decoration:none; color:#333; }
.totalsearch .resultview .resultlist li a:active,
.totalsearch .resultview .resultlist li a:focus,
.totalsearch .resultview .resultlist li a:hover { color:#1757b7; }
.totalsearch .resultview .resultlist li strong { color:#b90f1c; }



@media (max-width:768px){
	
	
}






/* 평가 */
.appraisal { position:relative; width:980px; height:auto; padding:17px 20px 20px 132px; box-sizing:border-box; background:#f9f9f9 url(../images/inc/appraisal_bgicon.gif) no-repeat center left; z-index:1; margin-top:50px; }
.appraisal p.txt { float:left; margin:0 20px 10px 0; }
.appraisal .cbox 
.appraisal .radiolist { margin-left:15px; }
legend { display:none; }
.appraisal #input_text { width:100%; height:30px; padding-left:5px; border:0; background:#fff; margin-bottom:20px;  }
.appraisal li { float:left; padding:4px 13px 0 12px; background:url(../images/inc/appraisal_gubunline.gif) no-repeat right 4px; }
.appraisal li.start { padding-left:0; }
.appraisal li.end { background:none; }
.appraisal li.end a { background:none; background:url(../images/inc/appraisal_icon_download.gif) no-repeat 0px 0px; padding-left:17px; }
.appraisal li a:link,
.appraisal li a:visited { text-decoration:none; color:#454545; }
.appraisal li a:active,
.appraisal li a:focus,
.appraisal li a:hover { color:#985815; }
/* 버튼 */
.appraisal .btn { float:none !important; width:148px !important; margin:0 auto; }
.appraisal .btn .btn_cen { text-align:center; }
.appraisal .btn .btn_cen a { display:inline-block; margin:0 4px; } 


@media (max-width:1024px){
	.appraisal { width:100%; }	
	.appraisal p { width:100%; }
	.appraisal .cbox { width:100%; margin-bottom:15px; }
	.appraisal #input_text { width:100%; margin-bottom:15px; }
	.appraisal .btn { margin:0 auto; }
}

@media (max-width:640px){
	.appraisal { padding:20px;  background:#f9f9f9; }	
}

.spinner {
	position: absolute;
	top:250px;
	left:300px;
	width:200px;
	height:90px;
	z-index:100;
	background-color: #FFFFFF;
	/*margin-top: -50px;
	margin-left: -100px;
	*/
	border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8ff));
	display:none;
}

.menufrdv {
	border: #7ea2d6 3px solid;
	top: 3px;
	padding-right: 5px;
	padding-left: -5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 9pt;
	z-index:999;
	left: 140px;
	visibility: hidden;
	width: 360px;
	height:250px;
	position: absolute;
	background-color:#ffffff;
	overflow:auto;
}
.catul li {
	padding:3px;
	border-bottom:solid 1px #ccc;
}
.catul li a {
	font-size:11px;
	font-family:"돋움", dotum;
}

.vobj {
	width: 640px;
	height: 360px;
}
#gtplayer {
	width: 100%;
	height: 100%;
	border: none;
	padding: 0;
	margin: 0;
}
span.livetext {
	display: none;
	background: #FF0031;
	color: #fff;
	font-style: italic;
	font-size: 14px;
	vertical-align: middle;
	letter-spacing: 0.05em;
	padding: 2px 12px;
	border: 4px;
	border-radius: 12px;
}
span.vodtext {
	background: #0505c7;
	color: #fff;
	font-style: italic;
	font-size: 14px;
	vertical-align: middle;
	letter-spacing: 0.05em;
	padding: 2px 12px;
	border: 4px;
	border-radius: 12px;
	margin-left:10px;
}