@charset "utf-8";


/* 레이아웃 */
.scontainer { margin-top:30px;}
	#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 { margin-top:0px;}
		#sleft { display:none; }
		#sright { float:none; width:100%; }
			#content { width:100%; }
}


@media (max-width:768px){
	.scontainer { margin-top:0px;}
		#sleft { display:none; }
		#sright { float:none; width:100%; }
			#content { width:100%; }

}



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

.leftmenu h1.twoline { padding-top:28px; box-sizing:border-box; line-height:1.3;  }


.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 #3a4052; background:#434a5d url(/images/egovframework/com/svc/council/inc/leftmenu_blt1_on.gif) no-repeat right top; color:#fff; }


.leftmenu ul li a span { padding-right:24px; background:url(/images/egovframework/com/svc/council/inc/leftmenu_blt_newWindow.gif) no-repeat right 6px; display:inline-block;  }




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

.pagetitle .path { position:absolute; left:5px; bottom:15px; font-size:80%; color:#999; }

.pagetitle h1 { padding:38px 0 0 5px; font-size:230%; color:#000; }


@media (min-width:769px) and (max-width:1024px){
	.pagetitle {  height:auto; border-bottom:none; margin-bottom:50px; }
	.pagetitle h1 { padding:38px 0 0 0px; font-size:210%; color:#000; }
	
}

@media (max-width:768px){
	.pagetitle {  height:auto; border-bottom:none; margin-bottom:30px; }
	.pagetitle h1 { padding:28px 0 0 0px; font-size:150%; color:#000; }
}





/* 1. UCC Introduction */
/* 1. UCC Introduction */
/* 1. UCC Introduction */


/* 인사말 */ 
.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%; }
}




/* history */
.history { width:100%; }
.history table th { width:15%; }
.history table td { width:85%; }



/* organizatio */
.organizatio { width:100%; }
.organizatio img { width:100%; }
.organizatio ul li { float:left; width:50%; padding-right:15px; box-sizing:border-box; }
.organizatio ul li:nth-child(odd) { clear:both; }


@media (max-width:768px){
	.organizatio ul li { float:none; width:100%; padding-right:0; box-sizing:border-box; }
	
}


/* Phone */
.phone { width:100%; }
.phone .th1 { width:33%; }
.phone .th2 { width:33%; }
.phone .th3 { width:34%; }




/* 2. Members Introductions */
/* 2. Members Introductions */
/* 2. Members Introductions */



/* Current members */
.engMembers { width:100%; }

.engMembers ul { width:100%; padding-top:20px;}
.engMembers ul li { float:left; width:50%; padding:0 10px 40px 10px; box-sizing:border-box; }
.engMembers ul li:nth-child(odd) { clear:both;}

.engMembers ul li dl { width:100%; }
.engMembers ul li dt { float:left; width:149px; }
.engMembers ul li dt img { border:1px solid #ccc; padding:4px; }
.engMembers ul li dd { margin-left:149px; width:calc(100% - 149px); padding:3px 0 1px 0;  }

.engMembers ul li dd.name { font-size:135%; color:#113d8e; font-weight:bold;}
.engMembers ul li dd span { color:#999;  }

.engMembers ul li dd a:link,
.engMembers ul li dd a:visited { text-decoration:none; color:#6a3906; }
.engMembers ul li dd a:active,
.engMembers ul li dd a:focus,
.engMembers ul li dd a:hover { color:#06c; }

.engMembers ul li dd a.abtn1 { width:110px; height:40px; line-height:40px; border-radius:3px; background:#ffd40c; color:#333; font-size:90%; text-align:center; display:inline-block; margin-right:5px; margin-top:5px; }
.engMembers ul li dd a.abtn2 { width:87px; height:40px; line-height:40px; border-radius:3px; background:#999; color:#333; font-size:90%; text-align:center; display:inline-block; margin-top:5px; }


@media (max-width:768px){
	.engMembers ul li { float:none; width:100%; padding:0 0 25px 0; box-sizing:border-box; clear:both; overflow:hidden; display:block; }
	
}



/* oldmembers */
.oldmembers { width:100%; }
.oldmembers .mtall { display:none; }
.oldmembers table .th1 { width:10%; }
.oldmembers table .th2 { width:40%; }
.oldmembers table .th3 { width:10%; }
.oldmembers table .th4 { width:40%; }


@media (max-width:768px){
	.oldmembers .tabmenu { padding:0; }
}



/* 의정부읍의원소개 - 초대의원 */
.uijeongbuMembers { width:100%; }

.uijeongbuMembers .ujbbAll { display:none; }

.uijeongbuMembers ul.list { width:100%; padding:20px 0 0 0; border-top:2px solid #333; overflow:hidden; }
.uijeongbuMembers ul.list li { float:left; width:20%; padding-bottom:30px; text-align:center; overflow:hidden; }
.uijeongbuMembers ul.list li span { display:block; }
.uijeongbuMembers ul.list li .pic { margin-bottom:10px; }


.uijeongbuMembers p span { width:191px; height:218px; padding-top:150px; background:url(/images/egovframework/com/svc/chi/sub/PreUjbclActPhotoGalleryList_photoBg.gif) no-repeat 0% 50%; display:inline-block; }

@media (max-width:768px){
	.uijeongbuMembers .tabmenu { padding:0; }
	
	.uijeongbuMembers ul.list li { width:33.3% ; padding-bottom:20px; }
	.uijeongbuMembers ul.list li .pic img { width:100px; }
	.uijeongbuMembers p span { display:none; }

	
}


/* 3. Standing committees */
/* 3. Standing committees */
/* 3. Standing committees */





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

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

.standingCommittees ul li .combox .pic { border:1px solid #eee; display:block; margin-bottom:10px; }
.standingCommittees ul li .combox .name { color:#333; font-size:90%; display:block;  }
.standingCommittees ul li .combox .name strong { color:#113d8e; font-weight:normal; font-size:110%; font-weight:bold; display:block;  }


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

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


	
}