@charset "utf-8";
/* 주민참여 위원회 */

#info-container .info .sub-gnb .subject .ico-area img { margin-top: 12px; }

/* 소개 */
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro { height: 365px; background: url(../../img/subCommon/intro_bg.png); padding: 20px 0; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro .intro-box { background: rgba(255,255,255,0.65); border: 3px solid #52a2e4; min-height: 300px; text-align: center; padding: 60px 0; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro .intro-box h5 { font-size: 3rem; line-height: 4rem; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro .intro-box h5 .imp { color: #52a2e4; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro .intro-box p { font-size: 1.5rem; color: #666; line-height: 2.5rem; margin-top: 30px; }

#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .pic-box { overflow: hidden; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .pic-box img { float: left; width: 50%; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .pic-box img:nth-child(2) { margin-top: 40px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .table-area .normal-table tbody tr td { border-right: none; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .table-area .normal-txt { font-size: 1.45rem; font-weight: bold; display: block; margin-bottom: 8px; }

#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .table-area .normal-table.area-table>tbody>tr>th { width: 40px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .table-area .normal-table.area-table>tbody>tr>td:first-child { width: 40px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .table-area .normal-table.area-table>tbody>tr>td.td-content:first-of-type { border-right: 1px solid #dee3eb; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .table-area .normal-table.area-table>tbody>tr:nth-child(2n-1)>td:first-child { background: #fff; }

@media all and (max-width: 699px)
{
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro { height: auto; overflow: hidden; }
}

@media all and (max-width: 499px)
{
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro { margin-bottom: 0; height: 340px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro .intro-box { padding: 30px 15px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro .intro-box h5 { line-height: 30px; font-size: 2.5rem; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .intro .intro-box p { line-height: 21px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .pic-box img { width: 100%; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .pic-box img:nth-child(2) { margin-top: 15px; }

	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .table-area .normal-table tbody tr th:first-child { width: 23%; line-height: 21px; padding: 0 5px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .table-area .normal-table tbody tr td { padding: 10px; }
}

/* 조직도 */
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .organization-chart-box { text-align: center; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .organization-chart-box img { width: 100%; }

@media all and (max-width: 1199px) 
{
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .organization-chart-box img { width: 70%; }
}
@media all and (max-width: 799px)
{
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .organization-chart-box img { width: 85%; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .organization-chart-box .middle-area { margin: 20px 0; width: 100%; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .organization-chart-box .middle-area .layer { width: 26%; margin: 0 5%; height: 30px; line-height: 30px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .organization-chart-box .table-area { width: 100%; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .organization-chart-box .table-area .layer { width: 26%; margin: 0 5%; }
}
@media all and (max-width: 630px)
{
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .organization-chart-box img { width: 100%; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .organization-chart-box .middle-area{ height: auto; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .organization-chart-box .middle-area .layer { margin: 0; width: 100%; font-weight: bold; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .organization-chart-box .middle-area .layer:first-child { display: none; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .organization-chart-box .middle-area .layer:nth-child(2) { margin-bottom: 15px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .organization-chart-box .table-area .layer { width: 100%; margin: 0; margin-bottom: 15px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .organization-chart-box .table-area .layer .head { height: 30px; line-height: 30px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .organization-chart-box .table-area .layer .cont { min-height: 100px; line-height: 18px; padding: 10px; }
}