@charset "utf-8";

/* 서브레이아웃 */
#scontainer { width:1400px; min-width:1400px; padding-bottom:50px; margin:50px auto 100px; }
	#sleft { float:left; position:relative; width:300px; margin-right:50px; }
	#sright { float:left; width:calc(100% - 350px); }
	
		#content { width:100%; min-height:300px; }


@media (min-width:1281px) and (max-width:1600px){
	#scontainer { width:100%; min-width:100%; padding:0 15px 50px 15px; box-sizing:border-box; margin:50px auto 100px; }
		#sleft { float:left; position:relative; width:300px; margin-right:50px; }
		#sright { float:left; width:calc(100% - 350px); }
		
			#content { width:100%; min-height:300px; }
}


@media (min-width:1025px) and (max-width:1280px){
	#scontainer { width:100%; min-width:100%; padding:0 15px 50px 15px; box-sizing:border-box; margin:50px auto 100px; }
		#sleft { float:left; position:relative; width:280px; margin-right:30px; }
		#sright { float:left; width:calc(100% - 310px); }
		
			#content { width:100%; min-height:300px; }
}



@media (min-width:769px) and (max-width:1024px){
	#scontainer { width:100%; min-width:100%; padding:0 30px 30px 30px; box-sizing:border-box; margin:30px auto 75px; }
		#sleft { float:none; position:relative; width:100%; margin:0 0 30px 0; }
		#sright { float:none; width:100%; }
		
			#content { width:100%; min-height:300px; }
}


@media (max-width:768px){
	#scontainer { width:100%; min-width:100%; padding:0 15px 30px 15px; box-sizing:border-box; margin:30px auto 50px; }
		#sleft { float:none; position:relative; width:100%; margin:0 0 30px 0; }
		#sright { float:none; width:100%; }
		
			#content { width:100%; min-height:300px; }
}





/* 서브비주얼 */
.svisible { width:100%;  background:#015792; }
.svisible .pic { width:100%; }
.svisible .pic .pic1 { width:100%; height:400px; }
.svisible .pic .pic2 { display:none; }

.svisible .svisibleBox { width:100%; padding:29px 20px 40px 20px; box-sizing:border-box; color:#fff; }
.svisible .svisibleBox .txt { line-height:1.5; font-size:120%; margin-bottom:10px; letter-spacing:-1px; }
.svisible .svisibleBox .name { font-size:160%; font-family:esamanru-Medium, "이사만루 미디엄"; }
.svisible .svisibleBox .name span { font-size:80%; }

.svisible .svisibleBox ul { display:none;}

@media (min-width:1025px) and (max-width:1280px){
	.svisible .pic .pic1 { width:100%; height:400px; }
	.svisible .pic .pic1 img { width:100%; }
	
}


@media (min-width:769px) and (max-width:1024px){
	.svisible .pic { float:left; width:300px; }
	.svisible .pic .pic1 img { width:100%; }
	.svisible .svisibleBox { float:left; width:calc(100% - 300px); height:370px; padding:35px 25px 50px 25px; box-sizing:border-box; color:#fff; }
	.svisible .svisibleBox .txt { margin-bottom:10px; }
	.svisible .svisibleBox .txt strong { display:inline-block;}
	.svisible .svisibleBox ul { display:block; margin-top:15px; }
}


@media (max-width:768px){
	.svisible .pic { float:left; width:140px; padding:20px 10px 10px 10px; box-sizing:border-box; }
	.svisible .pic .pic1 { display:none; }
	.svisible .pic .pic2 { display:block; }
	.svisible .pic .pic2 img { width:120px; }
	
	.svisible .svisibleBox { float:left; width:calc(100% - 140px); height:auto; padding:20px 15px 30px 20px; }
	.svisible .svisibleBox .txt { display:none; }
	.svisible .svisibleBox .name { font-size:140%; }
	.svisible .svisibleBox ul { display:block; margin-top:15px; }
	
}


@media (max-width:425px){
	.svisible .pic { width:110px; padding:20px 10px 10px 10px; box-sizing:border-box; }
	.svisible .pic .pic2 img { width:90px; }
	
	.svisible .svisibleBox { width:calc(100% - 110px); padding:20px 15px 20px 10px; }
	.svisible .svisibleBox ul li { font-size:90%; }
}






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

.pagetitle .path { position:absolute; left:5px; bottom:15px; font-size:90%; color:#888; }
.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 h1 { padding:0 0 0 5px; font-family:esamanru-Medium, "이사만루 미디엄";  font-size:250%; color:#000; }

.pagetitle .snsbtn { position:absolute; right:0; bottom:12px; 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:769px) and (max-width:1024px){		
	.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-bottom:none; }
	.pagetitle .path { position:static; width:100%; height:55px; line-height:55px; padding-left:10px; padding-right:80px; box-sizing:border-box; background:#079cb3; color:#fff; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	
	.pagetitle h1 { padding:38px 15px 0 0; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:200%; color:#000; }

	
	.pagetitle .snsbtn { position:absolute; right:10px; top:10px; }
	
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:5px; }
}
	

.greeting p.slogan { font-family:esamanru-Medium, "이사만루 미디엄"; font-size:150%; margin-bottom:30px; }
.greeting p.slogan span { color:#ff831f; }



/* 발의의안 */
.bill .btn_bill { padding:12px 16px; background:#E82172; border-radius:8px; font-size:112.5%; line-height:1.2; color:#fff; margin-bottom:10px; }

@media (max-width:768px){
	.bill .board_view table tbody th { display:table-cell; }
	.bill .btn_bill { padding:8px 12px; font-size:100%; }
}
@media (max-width:568px){
	.bill .board_view { overflow-x:auto; }
}


/* 의원공약사항 */
.pledge { width:100%; }
.pledge ul { }
.pledge li { width:100%; padding:30px 0; border-bottom:1px dashed #ddd; overflow:hidden; display:block; }
.pledge li .line { border-bottom:1px solid #ddd; }

.pledge li dt { float:left; width:80px; padding-left:15px; color:#b28850; font-size:120%; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; }
.pledge li dt span { display:block; }
.pledge li .dd1 { float:left; width:260px; color:#333; font-size:110%; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; margin-right:10px; }
.pledge li .dd3 { float:left; width:calc(100% - 80px); color:#333; font-size:110%; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; }
.pledge li .dd2 { float:left; width:calc(100% - 350px); }

.pledge li .dd2 ul li { border:none; }
.pledge li p { padding-left:15px; }

@media (max-width:768px){
	.pledge li dt { width:100%; padding-left:0; margin-bottom:10px; }
	.pledge li dt span { display:inline; }
	.pledge li .dd1 { float:left; }
	.pledge li .dd2 { float:left; width:calc(100% - 260px); }
	.pledge li .dd3 { width:100%; }
}


@media (max-width:600px){
	.pledge li .dd1 { width:100%; display:block; margin-bottom:10px;  }
	.pledge li .dd2 { width:100%; }
}