@charset "utf-8";

/* 레이아웃 */

  .scontainer { position:relative; width:100%; z-index:2; } 
	.scontainerarea { position:relative; width:1280px; padding:50px 0 100px 0; overflow:visible; margin:0 auto; }

	#sleft { position:relative; float:left; width:300px; margin-right:40px; }
	#sright { position:relative; float:left; width:calc(100% - 340px); }
			
			#content { width:100%; }

@media (min-width:1025px) and (max-width:1280px){
	.scontainerarea { width:100%; padding:50px 30px; margin:0 auto; }

	#sleft { position:relative; float:left; width:300px; margin-right:40px; }
	#sright { position:relative; float:left; width:calc(100% - 340px); }
			
			#content { width:100%; }
}
			
@media (min-width:769px) and (max-width:1024px){
	.scontainerarea { width:100%; padding:50px 30px; margin:0 auto; }

		#sleft { position:relative; float:none; width:100%; margin:0 0 30px 0; }
		#sright { position:relative; float:left; width:100%; }
			
			#content { width:100%; }
	
}

@media (max-width:768px){
.scontainerarea { width:100%; padding:30px 15px; margin:0 auto; }

		#sleft { position:relative; float:none; width:100%; margin:0 0 30px 0; }
		#sright { position:relative; float:left; width:100%; }
			
			#content { width:100%; }
	
}
			
			
/* 서브비주얼 */
.svisible { width:100%;  background:linear-gradient(-45deg, #FAD7A1,#E96D71);}
.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 { width:100%; color:#000; line-height:1.5; font-size:120%; margin-bottom:10px; letter-spacing:-1px; }
.svisible .svisibleBox .txt strong { color:#0c3b6f; font-size:150%; font-family:esamanru-Medium, "이사만루 미디엄";}

.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 { word-break:keep-all;}
	.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/egovframework/com/svc/memberhome/sub/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 { position:relative; width:100%; }
.greeting .toptxt { font-size:180%; color:#000; margin-bottom:30px; }
.greeting .toptxt strong { font-weight:normal; }
.greeting .toptxt strong.txt1 { color:#ef7f23; }
.greeting .toptxt strong.txt2 { color:#3469ba; }

.greeting .video-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; margin-bottom:20px; }
.greeting .video-container video { position:absolute; top:0; left:0; width:100%; height:100%; }

.greeting .greeting_content { width:100%; height:200px; padding:15px; border:1px solid #ddd; box-sizing:border-box; line-height:1.7; overflow:auto; }
.greeting .greeting_content p { margin-bottom:20px; }

.greeting .greeting_content .greetingPhoto { position:relative; top:-30px; text-align:right; margin-bottom:0 !important; }
.greeting .greeting_content .sign { text-align:right; margin-top:20px; }
.greeting .greeting_content .sign strong { padding-left:10px; font-size:120%; color:#000; }


@media (max-width:768px){
	.greeting .toptxt { font-size:150%; }
	.greeting .toptxt strong.txt2::after { display:block; }
	
}

@media (max-width:450px){
	.greeting .greeting_content .greetingPhoto { width:100%; }
	.greeting .greeting_content .greetingPhoto img { width:100%; }
}




/* 프로필 */
.profile { width:100%; }
.profile .box { position:relative; }
.profile dl { width:100%; padding-bottom:20px; overflow:hidden; }
.profile dt { float:left; width:100px; height:36px; line-height:36px; padding-left:19px; border-bottom:1px solid #eee; box-sizing:border-box; background:url(/images/egovframework/com/scc/council/inc/blt_gray1.gif) no-repeat 5px 17px; color:#333; }
.profile dd { margin-left:100px; width:calc(100% - 100px); height:36px; line-height:36px; border-bottom:1px solid #eee; box-sizing:border-box; }
.profile dd a:link,
.profile dd a:visited { text-decoration:none; color:#666; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-break:break-all; }
.profile dd a:active,
.profile dd a:focus,
.profile dd a:hover { color:#06c; }

.profile dd .email { word-break:break-all; }

.profile .greetingPhoto { position:absolute; right:0px; bottom:0px; }
.profile .profilelist { padding-left:10px; line-height:170%; }



@media (min-width:769px) and (max-width:1023px){
	.profile dl { width:100%; margin-bottom:10px; }
	.profile .greetingPhoto { position:relative; text-align:right; }
}


@media (max-width:768px){
	.profile dl { width:100%; margin-bottom:10px; }
	.profile .greetingPhoto { position:relative; text-align:right; }
	
	

}

@media (max-width:500px){
	.profile .greetingPhoto img { width:100%; }
	.profile dt { height:auto; line-height:1.3; padding:5px 0 5px 19px; border-bottom:none; }
	.profile dd { height:auto; line-height:1.3; padding:5px 0; border-bottom:none;  }
}



/* 로그인 */
.loginpage { width:100%; }
.loginpage h1 { text-align:center; font-size:130%; color:#113d8e; letter-spacing:-1px; margin-bottom:10px; }
.loginpage form { width:300px; margin:0 auto; }
.loginpage form .text_id,
.loginpage form .password_pw { width:100%; height:36px; line-height:34px; padding-left:20px; border:1px solid #ddd; box-sizing:border-box; display:block; margin:0 auto 10px;}
.loginpage form .submit_loginbtn { width:100%; height:40px; line-height:38px; border:1px solid #113d8e; background:#113d8e; color:#fff; box-sizing:border-box; display:block; margin:0 auto 10px;}

@media (max-width:360px){
	.loginpage form { width:100%; padding:0 15px; box-sizing:border-box; margin:0 auto; }
}



/* 마이피에지*/
.mypage { width:100%; }
.mypage .inbox { width:300px; margin:0 auto; }
.mypage .inbox .password_change { width:100%; height:36px; line-height:34px; padding-left:20px; border:1px solid #ddd; box-sizing:border-box; display:block; margin:0 auto 10px;}
.mypage .inbox .submit_ok { width:100%; height:40px; line-height:38px; border:1px solid #113d8e; background:#113d8e; color:#fff; box-sizing:border-box; display:block; margin:0 auto 10px;}

@media (max-width:360px){
	.mypage .inbox { width:100%; padding:0 15px; box-sizing:border-box; margin:0 auto; }
}








/* 의안검색 단계*/
.billcontent2 { width:100%; }
.billcontent2 .step { width:100%; height:30px; line-height:30px; font-size:110%; text-align:right; margin-bottom:10px;   }
.billcontent2 .step .on { width:auto; height:30px; line-height:30px; padding:0 20px; border-radius:15px; background:#4e7ac7; color:#fff; font-weight:bold; display:inline-block;   }





/* 의안검색 */
.billcontent2 { width:100%; }
.billcontent2 table { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:2px solid #333; margin-bottom:25px; font-size:95%; }
.billcontent2 table .thtd1 { width:7%; }
.billcontent2 table .thtd2 { width:8%; }
.billcontent2 table .thtd3 { width:18%; }
.billcontent2 table .thtd4 { width:7%; }
.billcontent2 table .thtd5 { width:8%; }
.billcontent2 table .thtd6 { width:18%; }
.billcontent2 table .thtd7 { width:7%; }
.billcontent2 table .thtd8 { width:8%; }
.billcontent2 table .thtd9 { width:19%; }


.billcontent2 table thead th { padding:10px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#ebeff1; color:#333; }
.billcontent2 table thead th:last-child { border-right:none; }

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

.billcontent2 table tbody td:last-child { border-right:none; }
.billcontent2 table tbody td.left { text-align:left; padding-left:15px; padding-right:15px; }

.billcontent2 table tbody td.contentview { min-height:250px !important; padding:20px 15px 100px 15px; line-height:1.7; text-align:left; vertical-align: top; }
.billcontent2 table tbody td a { display:inline-block; }
.billcontent2 table tbody td.addfile img { position:relative; top:5px; }

.billcontent2 table tbody td.rightLine { border-right:1px solid #ddd; }

@media (max-width:768px){
	.billcontent2 table { width:700px; }
}