@charset "utf-8";


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

#scontainer { width:1400px; margin:0 auto 70px; }	
		
	#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 70px; }	
			
		#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 70px; }
		
		#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 50px; }
		
		#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 30px; }
		
		#sleft { display:none; }
		#sright { float:none; position:relative; top:0; width:100%; padding:0;  }
			#content { width:100%; padding:0 15px; }
}




/* #content li { padding-left:21px; background:url(/images/child/sub/icon_img2.png) no-repeat 0 6px; } */




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

#svisible .txt1 { position:absolute; top:60px; font-size:160%; /*font-family:esamanru-Medium, "이사만루 미디엄";*/ opacity:0; letter-spacing:-1px;
	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 .txt1 span { color:#009fda; }

#svisible .txt2 { position:absolute; top:95px; 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:#000; }
		to { right:100px; opacity:1; color:#000; }	
	}
	
	@keyframes txtMove2 {
		from { right:0px; color:#000; opacity:0; }
		to { right:100px; color:#000; opacity:1; }	
	}



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



@media (min-width:1025px) and (max-width:1280px){
	#svisible { width:100%; } 
	
	@keyframes txtMove1 {
		from { right:0; opacity:0; color:#000; }
		to { right:100px; opacity:1; color:#000; }	
	}
	
	@keyframes txtMove2 {
		from { right:0px; color:#000; opacity:0; }
		to { right:100px; color:#000; opacity:1; }	
	}
}



@media (min-width:769px) and (max-width:1024px){


	@keyframes txtMove1 {
		from { right:0px; opacity:0; color:#000; }
		to { right:50px; opacity:1; color:#000; }	
	}
	
	@keyframes txtMove2 {
		from { right:0px; color:#000; 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, #FDEB71, #F8D800); background-size:200%; color:#fff; text-align:center; text-shadow:2px 2px 5px rgba(0,0,0,0.4); font-size:200%; 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-top: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:140px; border-bottom:1px solid #ddd; margin-bottom:50px; }

.pagetitle .path { position:absolute; left:0; top:100px; font-size:90%; color:#888; word-spacing:5px; }
.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 .path strong { color:#666; font-weight:normal; }

.pagetitle h1 { padding:41px 0 0 0px; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:220%; color:#000; }


.pagetitle .snsbtn { position:absolute; right:0; bottom:11px; 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:1281px) and (max-width:1600px){
	.pagetitle .snsbtn { right:15px; }
}


@media (min-width:1025px) and (max-width:1280px){
	.pagetitle .snsbtn { right:15px; }
}


@media (min-width:769px) and (max-width:1024px){
	.pagetitle { height:100px; }
	
	.pagetitle .path { top:60px; }	
	.pagetitle h1 { padding:12px 0 0 0px; font-size:200%;  }
	
	.pagetitle .snsbtn { bottom:32px; }
	
	.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:none; }
	.pagetitle .path { position:static; width:100%; height:55px; line-height:55px; padding:0 80px 0 10px; border-bottom:1px solid #1b2668; box-sizing:border-box; background:#26348b; color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }	
	.pagetitle .path strong { color:#fff; }
	
	.pagetitle h1 { padding:30px 15px 0 15px; font-size:200%; }

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



/* 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; }	
}













/* 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;}



/* 의회연혁 */

.history { width:100%; }

.history .box ul li { padding:10px 0; border-bottom:1px dashed #eee; overflow:hidden; }
.history .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; }
.history .box ul li span { float:left; width:calc(100% - 80px); }

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


/* 의회에서 하는일 */

.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; }
}



/*  의회용어사전  */
.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;}



/* 유용한누리집 */
.site ul { width:100%; }
.site ul li { float:left; width:calc(20% - 20px); height:45px; line-height:45px; text-align:center; margin:0 25px 20px 0; }
.site ul li:nth-child(5n) { margin-right:0; }

.site ul li a:link,
.site ul li a:visited { width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; }
.site ul li a:active,
.site ul li a:focus,
.site ul li a:hover { border:none; background:#0e5c91; color:#fff; }


@media (min-width:769px) and (max-width:1024px){	
	.site ul li { width:calc(25% - 15px); margin:0 20px 20px 0;  }
	.site ul li:nth-child(5n) { margin-right:20px; }
	.site ul li:nth-child(4n) { margin-right:0px; }
}


@media (max-width:768px){
	.site ul li { width:calc(33.333% - 13.33px); margin:0 20px 20px 0;  }
	.site ul li:nth-child(5n) { margin-right:20px; }
	.site ul li:nth-child(3n) { margin-right:0px; }
}

@media (max-width:560px){
	.site ul li { width:calc(50% - 10px); margin:0 20px 20px 0;  }
	.site ul li:nth-child(3n) { margin-right:20px; }
	
	.site ul li:nth-child(2n) { margin-right:0px; }
	.site ul li a:link, 
	.site ul li a:visited { letter-spacing:-1px; }
}





/* 의안처리 */

.work .box2 ul img { padding-left:100px; }




/* 방청참관 */

.tour .icon { height:100px; padding-right:255px; margin-top:-100px; background:url(/images/child/sub/tour_img.png) no-repeat right bottom;}

@media (max-width:768px) {
     .tour .icon { display:none; }

}