@charset "utf-8";


/* 서브레이아웃 */
#svisible { width:100%; }

#scontainer { width:1400px; margin:0 auto 130px; }	
		
	#sleft { float:left; width:280px; margin-right:60px; }
	#sright { float:left; position:relative; width:calc(100% - 340px); }
		#content { width:100%; }


@media (min-width:1281px) and (max-width:1400px){
	#svisible { width:100%; }

	#scontainer { width:100%; padding:0 15px; margin:0 auto 130px; }	
			
		#sleft { float:left; width:250px; margin-right:50px; }
		#sright { float:left; position:relative; width:calc(100% - 300px); }
			#content { width:100%; }
}


@media (min-width:1025px) and (max-width:1280px){
	#svisible { width:100%; }
	
	#scontainer { width:100%; padding:0 15px; margin:0 auto 130px; }
		
		#sleft { float:left; width:220px; margin-right:30px; }
		#sright { float:left; position:relative; width:calc(100% - 250px); }
			#content { width:100%; }
}



@media (min-width:769px) and (max-width:1024px){
	#svisible { width:100%; }
	
	#scontainer { width:100%; margin:0 auto 110px; }
		
		#sleft { display:none; }
		#sright { float:none; position:relative; width:100%; padding:0 30px; }
			#content { width:100%; }
}


@media (max-width:768px){
	#svisible { display:none; }
	
	#scontainer { width:100%; margin:0 auto 90px; }
		
		#sleft { display:none; }
		#sright { float:none; position:relative; top:0; width:100%; padding:0;  }
			#content { width:100%; padding:0 15px; }
}




/* 서브비주얼 */
#svisible { position:relative; height:170px; background:#111 url(/images/child/inc/svisible_bg.jpg) no-repeat 50% top;  }

#svisible .txt1 { position:absolute; top:70px; font-size:160%; font-family:esamanru-Medium, "이사만루 미디엄"; opacity:0; letter-spacing:-1px; text-align:right;
	animation-name:txtMove1;
	animation-duration:1.0s; /* 걸리는 시간 */
	animation-fill-mode:forwards;
	animation-delay:0.2s;
	animation-timing-function:ease;
	animation-iteration-count:1; /* 반복횟수 */
	animation-direction:normal; /* 진행방향 alternate : 순방향 -> 역방향*/ 
	/*
	animation:txtMove1 1.5s 0.2s 1 ease fowards normal;
	*/
}

#svisible .txt2 { position:absolute; top:85px; font-size:140%; /*font-family:esamanru-Medium, "이사만루 미디엄";*/ opacity:0; letter-spacing:-1px;
	animation:txtMove2 1.0s 0.5s 1 forwards;
}

	@keyframes txtMove1 {
		from { right:0px; opacity:0; color:#c6c6c6; }
		to { right:50px; opacity:1; color:#000; }	
	}
	
	@keyframes txtMove2 {
		from { right:0px; color:#c6c6c6; opacity:0; }
		to { right:100px; color:#000; opacity:1; }	
	}



@media (min-width:1281px) and (max-width:1400px){
	#svisible { width:100%; } 
	#svisible .txt1 { top:60px; }
	#svisible .txt1 span { display:block; }
}



@media (min-width:1025px) and (max-width:1280px){
	#svisible { width:100%; }
	#svisible .txt1 { top:60px; }
	#svisible .txt1 span { display:block; }
	
	@keyframes txtMove1 {
		from { right:0; opacity:0; color:#c6c6c6; }
		to { right:25px; opacity:1; color:#000; }	
	}
	
	@keyframes txtMove2 {
		from { right:0px; color:#c6c6c6; opacity:0; }
		to { right:25px; color:#000; opacity:1; }	
	}
}



@media (min-width:769px) and (max-width:1024px){
	#svisible { width:100%; background:#111 url(/images/child/inc/svisible_bg.jpg) no-repeat 65% top; }
	#svisible .txt1 { top:60px; }
	#svisible .txt1 span { display:block; }

	@keyframes txtMove1 {
		from { right:0px; opacity:0; color:#c6c6c6; }
		to { right:50px; opacity:1; color:#000; }	
	}
	
	@keyframes txtMove2 {
		from { right:0px; color:#c6c6c6; opacity:0; }
		to { right:50px; color:#000; opacity:1; }	
	}

}


@media (max-width:768px){
	#svisible { width:100%; } 
}



/* 좌측메뉴 */
.leftmenu { position:relative; top:-120px; width:100%; margin-bottom:30px;  }
.leftmenu h1 { height:120px; line-height:120px; background:linear-gradient(135deg, #81FBB8, #28C76F); background-size:200%; color:#fff; text-align:center; text-shadow:2px 2px 5px rgba(0,0,0,0.4); font-size:150%; font-family:esamanru-Medium, "이사만루 미디엄";
	animation : leftmenu 10s ease-in-out infinite;
}

.leftmenu h1.twoline { padding-top:18px; line-height:1.3; }

.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%; padding:13px 27px 14px 15px; background:url(/images/common/leftmenu_blt1_off.gif) no-repeat right top; font-size:105%; letter-spacing:-1px; display:block; }
.leftmenu > ul > li > a:active,
.leftmenu > ul > li > a:focus,
.leftmenu > ul > li > a:hover,
.leftmenu > ul > li > a.select { background:#f4f4f4 url(/images/common/leftmenu_blt1_on.gif) no-repeat right top; color:#1757b7;  }

.leftmenu > ul ul {  width:100%; padding:10px 0 10px 15px;  border-bottom: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%;  height:auto; line-height:1.3; padding:7px 0 5px 15px;background:url(/images/common/leftmenu_blt2_off.gif) no-repeat 0px 17px; color:#666; font-size:95%; font-family: NotoSans-DemiLight, "본고딕 데미라이트"; 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 17px; color:#e96576;  }




@keyframes leftmenu {
	0% { background-position:0 50%; }
	50% { background-position:100% 50%; }
	100% { background-position:0 50%; }
}


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

.pagetitle ul.print { position:absolute; right:0; top:87px; 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; left:0px; top:94px; font-size:90%; color:#888; }
.pagetitle .path.longPath { font-size:80%; letter-spacing:-0.5px;}

.pagetitle h1 { padding:41px 0 0 0px;  font-family:esamanru-Medium, "이사만루 미디엄"; font-size:220%; color:#000; letter-spacing:-2px; }
.pagetitle h1.longH1 { font-size:200%; }
.pagetitle h1.twoline { padding:7px 0 0 0; font-size:200%; }
.pagetitle h1 span { line-height:1.2; display:block; }

.pagetitle h1 a { margin-left:25px; }


.pagetitle2 { height:131px; }
.pagetitle2 ul.print { top:auto; bottom:-21px; }
.pagetitle2 .path { top:auto; bottom:12px; }

@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.pri{ 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%; }
	.pagetitle h1.twoline { padding:41px 0 0 20px; font-size:200%; }
	.pagetitle h1 span { display:inline; }
}



/* Greetings */
.message { width:100%;  }
.message .picarea { position:relative; width:100%; height:330px; border:5px solid #ddd; box-sizing:border-box; background:#e3f0fe; margin-bottom:30px; }
.message .picarea .txt { position:absolute; left:70px; top:75px;  padding-right:400px; color:#113d8e; font-size:130%; z-index:7; font-weight:bold; }
.message .picarea .txt .txt1 { margin-bottom:10px;  }
.message .picarea .txt .txt1 span { display:inline-block; }
.message .picarea .txt .txt2 { color:#4e771d;  }
.message .picarea .pic { position:absolute; right:50px; bottom:0; z-index:6; }

.message .sign { padding-right:20px; line-height:3.5; text-align:right; font-size:90%; }
.message .sign img { position:relative; top:-8px; padding-left:15px; }

.message .txtarea p { line-height:1.7; margin-bottom:15px; }


@media (min-width:1025px) and (max-width:1152px){	
	.message .picarea .txt { left:50px; top:50px;  padding-right:350px; }	
}


@media (min-width:769px) and (max-width:1024px){
	.message .picarea .txt { left:50px; top:50px;  padding-right:350px; }
}


@media (max-width:768px){
	.message .picarea { height:auto; padding:20px 20px 0 20px; text-align:center; }
	.message .picarea .txt { position:static; padding-right:0px; margin-bottom:20px; }
	.message .picarea .pic { position:static; }	
}



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

ul.mlist { width:100%; }
ul.mlist li { float:left; width:calc(50% - 15px); min-height:246px; padding:20px; border:1px solid #eee; background:#fff; margin:0 15px 30px 0; }
ul.mlist li:nth-child(even) { margin:0 0 30px 15px;  }
ul.mlist li:nth-child(odd) { clear:both; }

ul.mlist li dl { width:100%; }
ul.mlist li dt { float:left; width:150px; }
ul.mlist li dt img { width:120px; height:154px; padding:3px; border:1px solid #ccc; box-sizing:content-box;  }
ul.mlist li dd { margin-left:150px; width:calc(100% - 150px); padding:3px 0 1px 0; overflow:hidden;  }

ul.mlist li dd.name { font-size:135%; color:#113d8e; font-family:esamanru-Medium, "이사만루 미디엄"; }
ul.mlist li dd b { float:left; width:60px; color:#888; font-weight:normal; display:inline-block; }
ul.mlist li dd b .ts {padding-right:15px; }
ul.mlist li dd .itemContent { float:left; width:calc(100% - 60px); display:inline-block; }
ul.mlist li .dong { font-size:90%;  color:#777;   }
.areatxt { font-size:90%; color:#777; } /* 선거구 동표시 */

ul.mlist li dd .email { font-style:normal; word-break:break-all; }

ul.mlist li dd a.abtn1 { width:110px; height:40px; line-height:40px; border-radius:3px; background:#e82172; color:#fff; font-size:90%; text-align:center; display:inline-block; margin:10px 5px 0 0; }
ul.mlist li dd a.abtn2 { width:110px; height:40px; line-height:40px; border-radius:3px; background:#19ce60; color:#fff; font-size:90%; text-align:center; display:inline-block; margin-top:10px; }


@media (min-width:1281px) and (max-width:1400px){
	ul.mlist li dt { width:133px; }
	ul.mlist li dt img { width:110px; height:128px; }
	ul.mlist li dd { margin-left:133px; width:calc(100% - 133px); }
}


@media (min-width:1025px) and (max-width:1280px){
	ul.mlist li dt { width:133px; }
	ul.mlist li dt img { width:110px; height:128px; }
	ul.mlist li dd { margin-left:133px; width:calc(100% - 133px); }
}

@media (min-width:769px) and (max-width:1024px){
	ul.mlist li dt { width:133px; }
	ul.mlist li dt img { width:110px; height:128px; }
	ul.mlist li dd { margin-left:133px; width:calc(100% - 133px); }

}


@media (max-width:768px){
	ul.mlist li { float:none; width:100%; min-height:auto; padding:15px; margin:0 0 15px 0 !important; }

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

@media (max-width:425px){
	ul.mlist li { padding:10px; }
	ul.mlist li dt { width:99px; }
	ul.mlist li dt img { width:80px; height:93px; }
	ul.mlist li dd { margin-left:99px; width:calc(100% - 99px); }


	ul.mlist li dd a.abtn1 { width:90px; height:36px; line-height:36px; }
	ul.mlist li dd a.abtn2 { width:90px; height:36px; line-height:36px; }
}






/* 우리동네의원 */

.memberLocal { width:100%; }
.memberLocal .memberLeft { float:left; width:330px; margin-right:60px; }
.memberLocal .memberRight { float:left; width:calc(100% - 390px); }

.memberLocal .memberLeft .pc { display:block; }
.memberLocal .memberLeft .mobile { display:none; }


.memberLocal .memberRight h1 { width:100%; height:50px; line-height:50px; padding-left:15px; background:#2030ab; color:#fff; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:130%; box-shadow:0px 3px 0px #f9f9f9; margin-bottom:15px; }
.memberLocal .memberRight h1 span { padding-left:10px; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size:80%; color:#eee; }

.memberLocal .memberRight ul.mlist { border-top:none; }
.memberLocal .memberRight ul.mlist li { width:100%; margin:0 0 20px 0;  }
.memberLocal .memberRight ul.mlist li:nth-child(odd) { margin:0 0 20px 0;  }


@media (min-width:1025px) and (max-width:1280px){	
	.memberLocal .memberLeft { width:100%; text-align:center; margin:0 0 30px 0; }
	.memberLocal .memberRight { width:100%; }
	
	.memberLocal .memberRight ul.mlist li { float:left; width:calc(50% - 15px); margin:0 15px 20px 0;  }
	.memberLocal .memberRight ul.mlist li:nth-child(odd) { margin:0 15px 20px 0;  }
	.memberLocal .memberRight ul.mlist li:nth-child(even) { margin:0 0 20px 15px;  }
	
	.memberLocal .memberRight ul.mlist li dt { width:119px; }
	.memberLocal .memberRight ul.mlist li dt img { width:90px; height:105px; }
	.memberLocal .memberRight ul.mlist li dd { margin-left:119px; width:calc(100% - 119px); }
}


@media (min-width:769px) and (max-width:1024px){	
	.memberLocal .memberLeft { width:100%; text-align:center; margin:0 0 30px 0; }
	.memberLocal .memberRight { width:100%; }
	
	.memberLocal .memberRight ul.mlist li { float:left; width:calc(50% - 15px); margin:0 15px 20px 0;  }
	.memberLocal .memberRight ul.mlist li:nth-child(odd) { margin:0 15px 20px 0;  }
	.memberLocal .memberRight ul.mlist li:nth-child(even) { margin:0 0 20px 15px;  }
	
	.memberLocal .memberRight ul.mlist li dt { width:119px; }
	.memberLocal .memberRight ul.mlist li dt img { width:90px; height:105px; }
	.memberLocal .memberRight ul.mlist li dd { margin-left:119px; width:calc(100% - 119px); }
}


@media (max-width:768px){
	.memberLocal .memberLeft { float:none; width:100%; text-align:center; margin:0 0 30px 0; }
	
	.memberLocal .memberLeft .pc { display:none; }	
	.memberLocal .memberLeft .mobile { width:100%; display:block; }	
	.memberLocal .memberLeft .mobile ul { padding:1px 0 0 1px; }
	.memberLocal .memberLeft .mobile ul li { float:left; width:50%; border:1px solid #ddd; margin:-1px 0 0 -1px; }
	.memberLocal .memberLeft .mobile ul li a:link,
	.memberLocal .memberLeft .mobile ul li a:visited { width:100%; height:40px; line-height:40px; padding:0 15px; background:#fff; color:#333; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:110%; letter-spacing:-1px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s; display:block;  }
	.memberLocal .memberLeft .mobile ul li a:active,
	.memberLocal .memberLeft .mobile ul li a:focus,
	.memberLocal .memberLeft .mobile ul li a:hover,
	.memberLocal .memberLeft .mobile ul li a.select { background:#2a8e9d; color:#fff; }
	.memberLocal .memberLeft .mobile ul li a span { font-family: NotoSans-DemiLight, "본고딕 데미라이트"; font-size:85%; }
	
	.memberLocal .memberRight { float:none; width:100%; }
	.memberLocal .memberRight h1 { width:100%; height:auto; line-height:1.3; padding:11px 15px 15px 15px; }	
	.memberLocal .memberRight h1 span { padding-left:0; display:block; }
	.memberLocal .memberRight ul.mlist li { padding:15px; }
}


@media (max-width:650px){
	.memberLocal .memberLeft .mobile ul li { float:left; width:100%; }
}









/* History */
.history { width:100%; }
.history h3 span { color:#e63c64;}
.history ul li { overflow:hidden; }
.history ul li strong { float:left; color:#113d8e; }
.history ul li span { float:left; width:calc(100% - 120px); margin-left:20px; }
.history p {font-weight:bold;}






/* session */
.session .list li {line-height:150%; margin-bottom:15px;}
.session p {margin-bottom:15px;}
.session span {font-weight:bold;}




/* 의회에서 하는일 */

.councilwork { width:100%; }

.councilwork .box ul li { padding:10px 0; border-bottom:1px dashed #eee; overflow:hidden; }
.councilwork .box ul li strong { float:left; /*width:80px;*/ padding:4px 0 0 25px; background:url(/images/common/blt_h5.gif) no-repeat 10px 10px; color:#1757b7; font-family:esamanru-Medium, "이사만루 미디엄"; font-weight:normal; }
.councilwork .box ul li span { float:left; width:calc(100% - 80px); padding-left:20px;}

@media (max-width:540px){
	.councilwork .box ul li strong { float:none; width:100%; display:block; margin-bottom:5px; }
	.councilwork .box ul li span { float:none; width:100%; padding-left:25px; display:block; }
}


/* 의회의 필요성 */
.need { width:100%; }

.need .box ul li { padding:10px 0; border-bottom:1px dashed #eee; overflow:hidden; }
.need .box ul li strong { float:left; /*width:80px;*/ padding:4px 0 0 25px; background:url(/images/common/blt_h5.gif) no-repeat 10px 10px; color:#1757b7; font-family:esamanru-Medium, "이사만루 미디엄"; font-weight:normal; }
.need .box ul li span { float:left; width:calc(100% - 80px); padding-left:20px;}

@media (max-width:540px){
	.need .box ul li strong { float:none; width:100%; display:block; margin-bottom:5px; }
	.need .box ul li span { float:none; width:100%; padding-left:25px; display:block; }
}


/* 지방의회의 발전 */
.development { width:100%; }
.development h3 span { color:#555; font-family:NotoSans-DemiLight, "본고딕 데미라이트"; font-size:80%; margin-left:10px; }

.development .conList ul li { position:relative; width:100%; padding-bottom:10px; border-bottom:1px dashed #ddd; overflow:hidden; margin-bottom:20px;  }
.development .conList ul li h3 { float:left; width:100px; height:100px; line-height:100px; padding:0 !important; border-radius:5px; background:none; background:#113d8e !important; color:#fff !important; font-weight:bold; font-size:130%; text-align:center; display:block; margin-right:20px; }
.development .conList ul li dl { float:left; width:calc(100% - 120px); padding-top:5px; }
.development .conList ul li dl dt { float:left; width:70px; padding-left:10px; color:#1757b7; background:url(/images/common/blt_gray.gif) no-repeat 0 11px; line-height:1.5; font-weight:bold; margin-bottom:10px;  }
.development .conList ul li dl dd { margin-left:80px; width:calc(100% - 80px); line-height:1.5; margin-bottom:10px;  }


@media (max-width:768px){
	.development .conList ul li h3 { width:100%; height:40px; line-height:40px; border-radius:3px; margin-right:0px; margin-bottom:15px; }
	.development .conList ul li dl { width:100%;  }
}



/* 의회용어정리 */

.homework {width:100%;}
.homework .topbox { width:100%; min-height:80px; border:2px solid #FFC; padding:15px 15px 15px 200px; background:#FFC url(/images/child/box_icon.png) no-repeat ;  background-position: 50px 15px;}
.homework .topbox p { padding-top:10px; margin-left:-100px;}
.homework .list_ul{padding-bottom:30px;padding-left:20px;}
.homework .list_ul li{padding-bottom:10px;background:url(/child/images/bullet_li.png) no-repeat 0 7px;padding-left:14px;font-size:95%;color:#333;line-height:160%;}
.homework .list_ul{padding:0;padding-top:10px;}
.homework .list_ul ul{}
.homework .list_ul ul li{padding-bottom:4px;background:none;padding-left:0;}
.homework .list_ul ul li:before{content:'- ';}
.homework .img_box{padding:20px 0 30px 0;text-align:center;}

.homework .list_ul li{padding-bottom:12px;padding-top:12px;border-bottom:1px solid #eaeaea;background:url(/child/images/bullet_li.png) no-repeat 0 19px;  background-position: 50px 15px;}
.homework .list_ul li:hover{background:#f8f8f8 url(/child/images/bullet_li.png) no-repeat 0 19px;}




/* 의안처리절차 */


@media (min-width:769px) and (max-width:1024px){
	.billprocessing img { width:100%; }
}

@media (max-width:768px){
    .billprocessing img { width:100%; }
}

/* 행정사무감사/행정사무조사 */


@media (min-width:769px) and (max-width:1024px){
	.auditinspection img { width:100%; }
}

@media (max-width:768px){
    .auditinspection img { width:100%; }
}

/* 예산안 심사/의결 */

@media (min-width:769px) and (max-width:1024px){
	.budgetinspection img { width:100%; }
}

@media (max-width:768px){
    .budgetinspection img { width:100%; }
}

/* 청원/진정 */

@media (min-width:769px) and (max-width:1024px){
	.petitionguide img { width:100%; }
}

@media (max-width:768px){
    .petitionguide img { width:100%; }
}