@charset "utf-8";

/* 서브레이아웃 */
#scontainer { width:100%; }
	
	#svisible { width:100%; }		
	
	#scontainerarea { width:1280px; margin:0 auto 100px; }
		#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:NotoSans-Medium, "본고딕 미디엄"; 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:160%;  }
.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:95%; 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 li a.twoline:link,
.leftmenu ul li a.twoline:visited { line-height:1.3; padding-top:5px; }






/* 페이지 타이틀 */
.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:NotoSans-Medium, "본고딕 미디엄"; 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%; }
}



/* 인사말 */
/*.greeting { width:100%; }


.greeting .greeting_top { position:relative; width:100%; margin-bottom:60px; }
.greeting .greeting_top .txt1 { position:absolute; right:0px; bottom:0; width:290px; padding:20px 20px 10px 20px;  border:8px solid #ddd; }
.greeting .greeting_top .txt1 .stxt1 { font-size:130%; color:#064f90; display:block; margin-bottom:20px; }
.greeting .greeting_top .txt1 .stxt2 { padding:0 0 0 0px; box-sizing:border-box; font-size:100%; color:#161f61; display:block; }
.greeting .greeting_top .txt1 .stxt2 strong { position:relative; top:-25px; padding-left:150px;  }

.greeting .greeting_body .text { font-size:170%; font-family:NotoSans-bold, "본고딕 볼드"; color:#405aae; margin-bottom:30px; }



@media (min-width:768px) and (max-width:1200px){
	.greeting .greeting_top .pic img { width:100%; }
	.greeting .greeting_top .txt1 { display:none; }
	.greeting .greeting_top .txt2 { display:none; }

}
@media (max-width:767px){ 
	.greeting .greeting_top .pic img { width:100%; }
	.greeting .greeting_top .txt1 { display:none; }
	.greeting .greeting_top .txt2 { display:none; }

}*/


.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){
}





/* 의회연혁 */
.history { width:100%; }
.history ul > li > strong { color:#3d54a4; margin-right:10px; }


/* 의회구성 */
.organization { width:100%; }
.organization .organizationImg { width:100%; }
.organization .organizationImg img { width:100%; }
.organization ul > li > strong { color:#3d54a4; margin-right:10px; }


/* 지도 */								
.location { width:100%; }
.location .train .th1 { width:23%; }
.location .train .th2 { width:18%; }
.location .train .th3 { width:59%; }

.location .car .th1,
.location .bus .th1 { width:23%; }
.location .car .th2,
.location .bus .th2 { width:77%; }


/* 의원 */
.councilmen { width:100%; }
.councilmen li { float:left; width:50%; height:195px; padding:0 10px 0 10px; box-sizing:border-box; }

.councilmen li dl { width:100%; }
.councilmen li dt { float:left; width:132px; }
.councilmen li dt img { width:102px; height:137px; border:1px solid #ccc; padding:4px; }
.councilmen li dd { margin-left:132px; padding:3px 0 1px 0; font-size:95%;  }
.councilmen li dd.name { font-size:125%; color:#113d8e; font-family:NotoSans-Bold, "본고딕 볼드"; }
.councilmen li dd span { color:#999;  }



@media (max-width:768px){
	.councilmen ul { padding-top:20px; border-top:2px solid #333; }
	.councilmen li  { float:none; width:100%; height:auto; padding:0 0 20px 0; border-bottom:1px solid #eee; box-sizing:border-box; margin-bottom:20px; }
	.councilmen li:last-child { margin-bottom:0; }

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


/* 위원회 */
.introduction { width:100%; }
.introduction .topbox { width:100%; padding:30px; border:5px solid #ccc; margin-bottom:20px; box-sizing:border-box; font-family:NotoSans-Medium, "본고딕 미디엄"; color:#135c95; }