@charset "utf-8";

/* 서브레이아웃 */
#svisible { position:relative;  width:100%; z-index:-1; }

#scontainer { width:1600px; margin:0 auto 100px; }	
		
	#sleft { float:left; width:300px; margin:-100px 100px 0 0; }
	#sright { float:left; position:relative; width:calc(100% - 400px); }
		#content { width:100%; }


@media (min-width:1281px) and (max-width:1600px){
	#svisible { position:relative;  width:100%; z-index:-1; }

	#scontainer { width:100%; padding:0 15px; box-sizing:border-box; margin:0 auto 100px; }	
			
		#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 { position:relative;  width:100%; z-index:-1; }
	
	#scontainer { width:100%; padding:0 15px; box-sizing:border-box; margin:0 auto 100px; }
		
		#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 { position:absolute;  width:100%; z-index:-1; }
	
	#scontainer { width:100%; margin:0 auto 75px; }
		
		#sleft { display:none; }
		#sright { float:none; position:relative; width:100%; padding:0 30px; box-sizing:border-box; }
			#content { width:100%; }
}


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





/* 서브비주얼 */
#svisible { background:#f4f6fa url(/images/egovframework/com/svc/child/inc/svisible_bg.png);  }
#svisiblearea { position:relative; width:1600px; height:170px; margin:0 auto; }
#svisiblearea img { position:absolute; right:0; }

#svisiblearea .txt1 { position:absolute; top:45px; opacity:0;
	/*
	animation-name:txt1;
	animation-duration : 4s; 재생시간
	animation-delay : 0.1s; 지연시간
	animation-iteration-count : 2; 반복횟수, infinite: 무한 반복
	animation-timing-function : ease-in; 진행속도방식
	animation-fill-mode : forwards; 시작 전, 종료 후 적용할 css 스타일 지정, none은 요소의 css스타일 유지, 그 외 키프레임 애니메이션의 css 스타일 유지
	animation-direction:normal; 애니메이션 재생방향 , normal : 정방향, reverse : 역방향, alternate : 정방향과 역방향 한번씩 번갈아 재생, alternate-reverse : 역방향과 정방향 한번씩 번갈아 재생
	*/
	animation:txt1 2s 0.1s 1 forwards normal; font-size:170%; font-family:NotoSans-Medium, "본고딕 미디엄"; color:#2e77f0;
} 
	
	
#svisiblearea .txt2 { position:absolute; top:85px; opacity:0; animation:txt2 2s 0.8s 1 forwards normal; font-size:120%; }

@keyframes txt1 {
	0% { left:700px; opacity:0; }
	100% { left:350px; opacity:1; }	
}

@keyframes txt2 {
	0% { left:700px; opacity:0; }
	100% { left:350px; opacity:1; }	
}




@media (min-width:1281px) and (max-width:1600px){
	#svisiblearea { width:100%; }
	#svisiblearea img { display:none; } 
}


@media (min-width:1025px) and (max-width:1440px){
	#svisiblearea { width:100%; }	
	#svisiblearea .txt1 { font-size:160%; }
	#svisiblearea img { display:none; } 

}


@media (min-width:1025px) and (max-width:1280px){
	#svisiblearea { width:100%; }
	#svisiblearea .txt1 { font-size:140%; }
	#svisiblearea img { display:none; } 
}


@media (min-width:769px) and (max-width:1024px){
	#svisiblearea { width:100%; height:100px; }
	#svisiblearea .txt1,
	#svisiblearea .txt2 { display:none; }
	#svisiblearea img { display:none; } 
	
}





/* 좌측메뉴 */
.leftmenu { position:relative;  width:100%; margin-bottom:30px; }
.leftmenu h1 { height:170px; line-height:170px; background:linear-gradient(135deg, #4473a1, #8AC4D0, #28ABB9 ); background-size:200%; color:#fff; text-align:center; text-shadow:2px 2px 5px rgba(0,0,0,0.4); font-size:200%; font-family:NotoSans-Medium, "본고딕 미디엄";
	animation : leftmenu 10s ease-in-out infinite;
}
.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%; height:50px; line-height:50px; padding-left:15px; box-sizing:border-box; background:url(/images/egovframework/com/svc/common/leftmenu_blt1_off.gif) no-repeat right top; font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:105%; 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/egovframework/com/svc/common/leftmenu_blt1_on.gif) no-repeat right top; color:#1757b7; font-weight:bold; }

.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:30px; line-height:30px; padding-left:15px; box-sizing:border-box; background:url(/images/egovframework/com/svc/common/leftmenu_blt2_off.gif) no-repeat 0px 12px; 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/egovframework/com/svc/common/leftmenu_blt2_on.gif) no-repeat 0px 13px; color:#ff8003; font-family:NotoSans-Medium, "본고딕 미디엄";  }


.leftmenu > ul > li > a.double:link,
.leftmenu > ul > li > a.double:visited { height:auto; line-height:1.3; padding:15px 0 10px 15px; background:url(/images/egovframework/com/svc/common/leftmenu_blt1_off.gif) no-repeat right 9px; }
.leftmenu > ul > li > a.double:active,
.leftmenu > ul > li > a.double:focus,
.leftmenu > ul > li > a.double:hover,
.leftmenu > ul > li > a.double.select { background:#f4f4f4 url(/images/egovframework/com/svc/common/leftmenu_blt1_on.gif) no-repeat right 9px;  }


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



/* 페이지 타이틀 */
.pagetitle { position:relative; width:100%; height:170px; 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/egovframework/com/svc/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-weight:bold !important; font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:220%; color:#000; }


.pagetitle .snsbtn { position:absolute; right:0; bottom:41px; 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; }
}






/* 1. 의회소개 */
/* 1. 의회소개 */
/* 1. 의회소개 */


/* 의회연혁 */
.childHistory { width:100%; }
.childHistory .alrim { width:100%; min-height:63px; padding-left:81px; box-sizing:border-box; background:url(/images/egovframework/com/svc/council/sub/councilHistory_alrimIcon.gif) no-repeat; margin-bottom:30px; }

.childHistory .box ul { background:url(/images/egovframework/com/svc/council/sub/councilHistory_linebg.gif) repeat-y 133px 0; }
.childHistory .box ul li { padding:10px 0; overflow:hidden;  }

.childHistory .box ul li i { float:left; width:130px; color:#1757b7; font-style:normal; font-size:110%; font-family:NotoSans-Medium, "본고딕 미디엄";  }
.childHistory .box ul li strong { float:left; width:calc(100% - 130px); padding-left:20px; box-sizing:border-box; background:url(/images/egovframework/com/svc/council/sub/councilHistory_dot.png) no-repeat 0 10px; color:#333; } 
.childHistory .box ul li p { margin-left:150px; }
.childHistory .box ul li p:before { content:'- '; }

.childHistory .daesu1 { background:url(/images/egovframework/com/svc/council/sub/councilHistory_img1.jpg) no-repeat right 50%; }
.childHistory .daesu2 { background:url(/images/egovframework/com/svc/council/sub/councilHistory_img2.jpg) no-repeat right 50%; }
.childHistory .daesu3 { background:url(/images/egovframework/com/svc/council/sub/councilHistory_img3.jpg) no-repeat right 50%; }
.childHistory .daesu4 { background:url(/images/egovframework/com/svc/council/sub/councilHistory_img4.jpg) no-repeat right 50%; }
.childHistory .daesu5 { background:url(/images/egovframework/com/svc/council/sub/councilHistory_img5.jpg) no-repeat right 50%; }
.childHistory .daesu6 { background:url(/images/egovframework/com/svc/council/sub/councilHistory_img6.jpg) no-repeat right 50%; }
.childHistory .daesu7 { background:url(/images/egovframework/com/svc/council/sub/councilHistory_img7.jpg) no-repeat right 50%; }
.childHistory .daesu8 { background:url(/images/egovframework/com/svc/council/sub/councilHistory_img8.jpg) no-repeat right 50%; }
.childHistory .daesu9 { background:url(/images/egovframework/com/svc/council/sub/councilHistory_img9.jpg) no-repeat right 50%; }


@media (min-width:1025px) and (max-width:1280px){
	.childHistory .box { padding-bottom:260px; background-position:50% bottom;  }
	.childHistory .daesu0 { padding-bottom:30px; } 
}

@media (min-width:769px) and (max-width:1024px){
	.childHistory .box { padding-bottom:260px; background-position:50% bottom;  }
	.childHistory .daesu0 { padding-bottom:30px; } 
}

@media (max-width:768px){
	.childHistory .box { padding-bottom:220px; background-position:50% bottom; background-size:300px auto;  }
	.childHistory .daesu0 { padding-bottom:30px; } 
	
}






/* 의회구성 */
.childComposition { width:100%; }
.childComposition .comimg { max-width:1138px; width:100%; }
.childComposition b { font-size:110%; }

.childComposition .comp1,
.childComposition .comp2,
.childComposition .comp3,
.childComposition .comp4,
.childComposition .comp5 { padding:20px 430px 20px 30px; }

.childComposition .comp1 { background:url(/images/egovframework/com/svc/child/sub/comp1.jpg) no-repeat right 50%; }
.childComposition .comp2 { background:url(/images/egovframework/com/svc/child/sub/comp2.jpg) no-repeat right 50%; }
.childComposition .comp3 { background:url(/images/egovframework/com/svc/child/sub/comp3.jpg) no-repeat right 50%; }
.childComposition .comp4 { background:url(/images/egovframework/com/svc/child/sub/comp4.jpg) no-repeat right 50%; }
.childComposition .comp5 { background:url(/images/egovframework/com/svc/child/sub/comp5.jpg) no-repeat right 50%; }

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

@media (min-width:1025px) and (max-width:1280px){
	.childComposition .comp1,
	.childComposition .comp2,
	.childComposition .comp3,
	.childComposition .comp4,
	.childComposition .comp5 { padding-right:30px; padding-bottom:260px; background-position:50% bottom;  }
}

@media (min-width:769px) and (max-width:1024px){
	.childComposition .comp1,
	.childComposition .comp2,
	.childComposition .comp3,
	.childComposition .comp4,
	.childComposition .comp5 { padding-right:30px; padding-bottom:260px; background-position:50% bottom;  }
}

@media (max-width:768px){
	.childComposition .comp1,
	.childComposition .comp2,
	.childComposition .comp3,
	.childComposition .comp4,
	.childComposition .comp5 { padding-right:30px; padding-bottom:220px; background-position:50% bottom; background-size:300px auto;  }
	
}



/* 의회운영 */
.childOperate { width:100%; }
.childOperate .btxt1 { color:#1e3fb7; font-size:105%; font-family:NotoSans-Medium, "본고딕 미디엄"; }
.childOperate .proc ul { display:flex; justify-content:space-between; }
.childOperate .proc ul li { float:left; width:calc(12.5% - 20px); padding:30px 20px 10px 20px; box-sizing:border-box; border-radius:20px; background:#3c60e6; color:#fff; text-align:center; }

.childOperate .proc ul li:first-child,
.childOperate .proc ul li:nth-child(4),
.childOperate .proc ul li:last-child, { padding:20px !important; }

.childOperate img { width:100%; }




/* 2. 의회에서 하는 일 */
/* 2. 의회에서 하는 일 */
/* 2. 의회에서 하는 일 */



/* 의회기능 */
.hpChdFunc { width:100%; }

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

/* 조례 제·개정 */
.hpChdBylaw { width:100%; }
.hpChdBylaw img { width:100%; }


/* 예산안 처리 */
.hpChdBudget { width:100%; }
.hpChdBudget img { width:100%; }


/* 행정사무감사·조사 */
.hpChdAudit { width:100%; }
.hpChdAudit img { width:100%; }



/* 청원·진정 처리 */
.hpChdPetition { width:100%; }
.hpChdPetition img { width:100%; }


/* 3. 알고싶어요 */
/* 3. 알고싶어요 */
/* 3. 알고싶어요 */


/* 영상으로 만나는 의회 */
@media (max-width:1150px){
	.hpChdVod .tabmenu { height:auto; padding:0; }
	.hpChdVod .tabmenu ul li a { height:60px; padding:8px 5px 8px 5px; box-sizing:border-box; line-height:1.3; }
}

@media (max-width:520px){
	.hpChdVod .tabmenu ul { width:100%; height:auto; overflow:hidden; padding-top:1px; margin-top:-1px; margin-bottom:20px; }
	.hpChdVod .tabmenu ul li { width:100%; margin-top:-1px; }
	.hpChdVod .tabmenu ul li a { height:40px; line-height:40px; padding:0px 5px; }
	.tabmenu ul.ul3 li:last-child { width:100%;}
}





/* 의회용어사전 */
.hpChdTerm { width:100%; }

.hpChdTerm .searchbox table td li { float:left; width:29px; height:29px; background: url(/images/egovframework/com/svc/council/sub/councilTerm_daybar.gif) no-repeat 0 50%; display:inline-block; margin-right:10px; }
.hpChdTerm .searchbox table td li a:link,
.hpChdTerm .searchbox table td li a:visited { width:29px; height:29px; padding:2px 0 0 6px; text-decoration:none; color:#999; display:block;  font-weight:bold; vertical-align:top; box-sizing:border-box; }
.hpChdTerm .searchbox table td li a:active,
.hpChdTerm .searchbox table td li a:focus,
.hpChdTerm .searchbox table td li a:hover, 
.hpChdTerm .searchbox table td li a.select { color:#da131a; }


.hpChdTerm .wordsResult { width:100%; margin-bottom:15px; }
.hpChdTerm .wordsResult dl dt { font-size:110%; color:#1757b7; padding:0 10px; margin-bottom:10px; }
.hpChdTerm .wordsResult dl dd { line-height:150%; padding:0 10px 15px 10px; border-bottom:1px dashed #ddd; margin-bottom:15px; }





/* 4. 견학안내 */
/* 4. 견학안내 */
/* 4. 견학안내 */


/* 방청/견학안내 */
.hpChdAttend .participation_top { width:100%; height:150px; padding:0 0 0 330px; border-bottom:1px solid #eee; box-sizing:border-box; background:url(/images/egovframework/com/svc/child/sub/stopicon.png) no-repeat left 50%; margin-bottom:30px;  }
.hpChdAttend .participation_top p { padding-top:25px; box-sizing:border-box; font-size:130%; font-family:NotoSans-Medium, "본고딕 미디엄"; color:#111; letter-spacing:-1px; margin-bottom:10px; }

.hpChdAttend a.btn1 span { padding-left:44px; background:url(/images/egovframework/com/svc/council/main/schedule_icon.png) no-repeat 0 50%; display:inline-block; }
.hpChdAttend a.btn1:link,
.hpChdAttend a.btn1:visited { width:240px; height:50px; line-height:50px; border-radius:25px; color:#fff; text-align:center; transition:0.3s; display:block; background:#3d67a1; margin:0 auto; }
.hpChdAttend a.btn1:active,
.hpChdAttend a.btn1:focus,
.hpChdAttend a.btn1:hover { background:#2a4974; }

@media (max-width:768px){
	.hpChdAttend .participation_top { padding:0 0 0 280px; }
	.hpChdAttend .participation_top p { padding-top:20px; font-size:120%; }
}

@media (max-width:640px){
	.hpChdAttend .participation_top { height:auto; padding:150px 0 0 0; background:url(/images/egovframework/com/svc/child/sub/stopicon.png) no-repeat center top; }
}


/* 링크사이트 */
.hpChdSite ul { width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; }
.hpChdSite ul li { float:left; width:calc(25% - 20px); height:45px; line-height:45px; text-align:center; margin-bottom:20px; }

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


@media (max-width:768px){
	.hpChdSite ul li { width:calc(25% - 10px); }	
}

@media (max-width:640px){
	.hpChdSite ul li { width:calc(50% - 10px); }	
}