@charset "utf-8";


/* 레이아웃 */
.scontainer { background:none; }

.svisible { width:100%; height:150px; background:#dde3f0 url(/images/egovframework/com/svc/child/main/visible_bg.gif) no-repeat 50% 40%; background-size:800px; }
	.svisiblearea { position:relative; width:1280px; height:150px; background:url(/images/egovframework/com/svc/child/main/visible_child.png) no-repeat right 0px; background-size:350px; margin:0 auto; }
	
	.scontainerarea { width:1280px; padding:0px 0 100px 0; margin:0 auto; }

	#sleft { float:left; width:230px; margin-right:70px; }
	#sright { float:left; width:980px; }
		#content { width:980px; }
			

	
@media (min-width:769px) and (max-width:1023px){
	.scontainer { background:none !important;}

	.svisible { display:none; }
		.svisiblearea { }
		
		.scontainerarea { width:100%; padding:30px 30px 50px 30px; box-sizing:border-box; margin:0 auto; }
	
		#sleft { display:none; }
		#sright { float:none; width:100%; }
			#content { width:100%; }

}


@media (max-width:768px){
	.scontainer { background:none !important;}

	.svisible { display:none; }
		.svisiblearea { }		
		.scontainerarea { width:100%; padding:30px 15px 50px 15px; box-sizing:border-box; margin:0 auto; }
	
		#sleft { display:none; }
		#sright { float:none; width:100%; }
			#content { width:100%; }

}



/* 서브비주얼 */
.svisiblearea p.txt1 { position:absolute; left:300px; top:30px; font-size:180%; color:#333; }
.svisiblearea p.txt2 { position:absolute; left:300px; top:70px; font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:230%; color:#22aaf8; letter-spacing:-1px; display:block; margin-top:-5px; }




/* 좌측메뉴 */
.leftmenu { position:relative; top:-120px; width:230px; margin-bottom:50px; }
.leftmenu h1 { width:100%; height:120px; line-height:120px; background: url(/images/egovframework/com/svc/child/inc/leftmenu_bar.gif) no-repeat; text-align:center; font-size:155%; color:#fff; letter-spacing:-1px; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.3); display:block; margin-bottom:10px;  }

.leftmenu ul { width:100%; overflow:hidden; }
.leftmenu ul li { width:100%; display:block; margin-bottom:10px; }
.leftmenu ul li a:link,
.leftmenu ul li a:visited { padding:15px 0 17px 15px; border:1px solid #ddd; background:url(/images/egovframework/com/svc/council/inc/leftmenu_blt1_off.gif) no-repeat right top; 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 { border:1px solid #f0b539; background:#ffc448 url(/images/egovframework/com/svc/council/inc/leftmenu_blt1_on.gif) no-repeat right top; color:#222; }






/* 페이지 타이틀 */
.pagetitle { position:relative; width:100%; height:150px; border-bottom:1px solid #eee; margin-bottom:50px; }

.pagetitle .path { position:absolute; left:5px; bottom:15px; font-size:90%; color:#999; }
.pagetitle .path img { position:relative; top:4px; }

.pagetitle h1 { padding:38px 0 0 5px; font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:250%; color:#000; }

.pagetitle .snsbtn { position:absolute; right:0; bottom:17px; }
.pagetitle .snsbtn ul { 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; border-top:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box; background:#f9f9f9; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.pagetitle .path img { position: relative; top:19px; }
	
	.pagetitle h1 { padding:38px 15px 0 15px; font-family:NotoSans-Medium, "본고딕 미디엄"; font-size:200%; color:#000; }

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






/* 조직/구성 */
.organization { width:100%; }
.organization img { width:100%; }
.organization .table1 .th1 { width:20%; }
.organization .table1 .th2 { width:20%; }
.organization .table1 .th3 { width:20%; }
.organization .table1 .th4 { width:20%; }
.organization .table1 .th5 { width:20%; }

.organization ul li { float:left; width:50%; box-sizing:border-box; word-break:keep-all; }

@media (max-width:768px){
	.organization ul li { width:100%; }
}










/* 위원회소개 */
.cmtCommitteeExplanation { width:100%; line-height:1.5; }


/* 위원회구성 */
.cmtCommitteeCompostion { width:100%; }
.cmtCommitteeCompostion ul { width:100%; }
.cmtCommitteeCompostion ul li { float:left; width:25%; text-align:center; margin-bottom:40px; }
.cmtCommitteeCompostion ul li.type1 .combox { border:1px solid #7e93a8; background:url(/images/egovframework/com/svc/committee/sub/member_photobg.jpg) no-repeat; } 

.cmtCommitteeCompostion ul li .combox { width:121px; padding:20px 30px; border:1px solid #ddd; background:#f4f4f4; margin:0 auto; box-shadow:5px 5px 0px rgba(200, 200, 200, 0.3); }

.cmtCommitteeCompostion ul li .combox .pic { border:1px solid #eee; display:block; margin-bottom:10px; }
.cmtCommitteeCompostion ul li .combox .name { color:#333; font-size:110%; display:block;  }
.cmtCommitteeCompostion ul li .combox .name strong { color:#113d8e; font-weight:normal; font-family:NotoSans-Medium, "본고딕 미디엄";  }


@media (max-width:768px){
	.cmtCommitteeCompostion ul li { width:50%; }
	
	.cmtCommitteeCompostion ul li .combox { width:102px; padding:15px 20px; border:1px solid #ddd; background:#f4f4f4; margin:0 auto; box-shadow:5px 5px 0px rgba(200, 200, 200, 0.3); }

	.cmtCommitteeCompostion ul li .pic img { width:100px; }
	
	.cmtCommitteeCompostion ul li .combox .name { font-size:100%; letter-spacing:-1px; }


	
}



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


/* 인사말 */ 
.chairmanGreeting { width:100%; }
.chairmanGreeting .greetingPic { float:left; width:380px; }
.chairmanGreeting .greetingPic .pic img { padding:5px; border:1px solid #ccc; margin-bottom:20px; }
.chairmanGreeting .greetingPic .sign { text-align:center; }

.chairmanGreeting .greetingTxt { float:left; width:calc(100% - 380px); line-height:1.7; }

@media (max-width:768px){	
	.chairmanGreeting .greetingPic { float:none; width:100%; margin-bottom:30px; }
	.chairmanGreeting .greetingPic .pic img { width:100%; box-sizing:border-box; }

	.chairmanGreeting .greetingTxt { float:none; width:100%; }
}



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


/* 시의회란? */
.councilWorking { width:100%; }
.councilWorking dl { width:100%; overflow:hidden; }
.councilWorking dl dt { float:left; margin-right:20px; }
.councilWorking dl dd { line-height:1.5; }

.councilWorking dl dt img { border:5px solid #ffd40c; }
.councilWorking dl dd .txt1 { color:#ff8e16; }
.councilWorking dl dd strong { color:#ee5f08; }

.councilWorking p.bigtxt { font-size:110%; }
.councilWorking p.bigtxt strong { color:#da131a; }


.chdCouncilDuty dl dt img,
.chdCouncilCallMeeting dl dt img { border:none; }



.chdAnimation dl dd .stitle { font-weight:bold; font-size:110%; color:#ee5f08; margin-bottom:10px; }




/* 3. 의회방문 */
/* 3. 의회방문 */
/* 3. 의회방문 */


/* 애니메이션 - 새창 */
#childVod { position:relative; width:100%; height:100%; padding:10px; box-sizing:border-box; background:#666;  }
#childVod .childVod_title { width:100%; height:50px; line-height:50px; text-align:center; background:#ffd40c; color:#000; }
#childVod .childVod_title h1 { font-size:150%; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);}

#childVod .childVod_vod { width:100%; height:calc(100% - 344px); background:#000;  }

#childVod .childVod_txt { position:absolute; left:10px; right:10px; bottom:10px; width:calc(100% - 20px); height:284px; padding:20px 30px 20px 20px; border:1px solid #ddd; box-sizing:border-box; background:#fff; line-height:1.7; overflow:auto; }
#childVod .childVod_txt .b { color:#333; font-weight:bold; }
#childVod .childVod_txt p { margin-bottom:10px;}



/* 4. 어린이모의의회 */
/* 4. 어린이모의의회 */
/* 4. 어린이모의의회 */


/* 모의의회 시나리오 */
.chdMockSenarioList { width:100%; }
.chdMockSenarioList .ebookList { width:100%; }
.chdMockSenarioList .ebookList ul { width:100%; padding:25px 0 0 0; border-top:2px solid #333; border-bottom:1px solid #ddd; }
.chdMockSenarioList .ebookList ul li { float:left; width:calc(25% - 40px); padding:0 20px; margin:0 0 30px 0; }
.chdMockSenarioList .ebookList ul li .pic { width:100%; height:0; padding-top:calc(300 / 200 * 100%); display:block; margin-bottom:10px; }


.chdMockSenarioList .ebookList ul li .subject { text-align:center; display:block; }


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

@media (max-width:768px){ 
	.chdMockSenarioList .ebookList ul { width:100%; }
	.chdMockSenarioList .ebookList ul li { width:calc(33.3% - 30px); padding:0 15px; margin:0 0 30px 0; }
	.chdMockSenarioList .ebookList ul li:nth-child(3n + 1) { clear:both; }
}

@media (max-width:425px){ 
	.chdMockSenarioList .ebookList ul { width:100%; }
	.chdMockSenarioList .ebookList ul li { width:calc(50% - 30px); padding:0 15px; margin:0 0 30px 0; }
	.chdMockSenarioList .ebookList ul li:nth-child(3n + 1) { clear:none; }
	.chdMockSenarioList .ebookList ul li:nth-child(odd) { clear:none; }
}





/* 알려주세요 */
.chdQnaList { width:100%; }

.chdQnaList .searchBox table td li { float:left; width:29px; height:29px; background: url(/images/egovframework/com/svc/council/dataroom/councilTerm_daybar.gif) no-repeat 0 50%; display:inline-block; margin-right:10px; }
.chdQnaList .searchBox table td li a:link,
.chdQnaList .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; }
.chdQnaList .searchBox table td li a:active,
.chdQnaList .searchBox table td li a:focus,
.chdQnaList .searchBox table td li a:hover, 
.chdQnaList .searchBox table td li a.select { color:#da131a; }


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