@charset "utf-8";

/* 서브레이아웃 */
#scontainer { width:1400px; min-width:1400px; 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; 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; 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; 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; 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; }



/* 대표의안발의 */
.billSearch { width:100%; }
.billSearch .billstep { width:928px; height:56px; background:url(/images/council/sub/billSearch_step_arrow.gif) no-repeat; margin:0 auto 20px; }
.billSearch .billstep li { float:left; margin-right:80px; }
.billSearch .billstep li.step2 { position:relative; width:175px; }
.billSearch .billstep li.step2 ul { position:absolute; right:0; top:0; width:97px;}
.billSearch .billstep li.step3 { position:relative; width:175px; }
.billSearch .billstep li.step3 ul { position:absolute; right:0; top:0; width:97px;}
.billSearch .billstep li.step5 { margin-right:0; }

.billcontent .pcViewer { width:100%;}
.billcontent .mobileViewer { display:none; }

.billcontent table { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:2px solid #333; margin-bottom:25px; font-size:95%; }
.billcontent table thead th { padding:10px 0; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:#ebeff1; color:#333; }
.billcontent table thead th:last-child { border-right:none; }

.billcontent table tbody th,
.billcontent table tbody td { padding:9px 8px 8px 8px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
.billcontent table tbody th { background:#fafafa; text-align:center; }

.billcontent table tbody td:last-child { border-right:none; }
.billcontent table tbody td.left { text-align:left; padding-left:15px; padding-right:15px; }
.billcontent table tbody td.subject { color:#113d8e; font-weight:bold;}

.billcontent table tbody td.contentview { min-height:250px !important; padding:20px 15px 100px 15px; line-height:1.7; text-align:left; vertical-align: top; }
.billcontent table tbody td a { display:inline-block; }
.billcontent table tbody td.addfile img { float:left; position:relative; top:3px; margin-right:10px; }
.billcontent table tbody td.addfile span { display:block; }

.billSearch .thd1 { width:10%; }
.billSearch .thd2 { width:10%; }
.billSearch .thd3 { width:30%; }
.billSearch .thd4 { width:15%; }
.billSearch .thd5 { width:35%; }

.billSearch .thda1 { width:12%; }
.billSearch .thda2 { width:18%; letter-spacing:-1px; }
.billSearch .thda3 { width:70%; }

.billcontent td { text-align:left; }

@media (max-width:768px){
	.billcontent .pcViewer { display:none;}
	.billcontent .mobileViewer { width:100%; display:block; }
}