@charset "utf-8";
#content {font-family: 'score_300';}

/* 담당부서 */
.charge {float:left; clear:both; width:100%; padding:21px 10px 21px 37px; margin:80px 0 0 0; color:#333; box-sizing:border-box; border-radius:5px; background:#f0f4f7;}
.charge ul {overflow:hidden; width:100%; font-family: 'score_300'; font-size: 18px; margin-left: 20px;}
.charge li {float:left; padding:0 0 0 6px; }
.charge li:before {width: 5px; height: 5px; background: #497a98; border-radius: 0; top: 10px;}
.charge li:after {display: none;}
.charge li + li {margin:0 0 0 65px;}
.charge li * {display:inline-block; vertical-align:top;}
.charge strong {color: #497a98; margin-left: 5px;}
.charge strong:after {content: ''; width: 1px; height: 17px; margin: 0px 20px 0 20px; background: #d0d0d0; display: inline-block; vertical-align: initial;}

#footer .wa_mark {position: absolute; top: 25px; right: 0;}

/*4차메뉴 숨김 - 의정활동 > 상임위/특별위*/
#topmenu ul ul ul {display: none;}
.m_menu .menu ul ul ul {display: none;}

@media all and (max-width:1280px) {
	.charge li + li{margin:0;}
	.charge li{width:27%;}
	.charge li:nth-child(2){width:19%;}
}
@media all and (max-width:1200px) {
	#footer > .inner {padding: 30px 0 100px 210px;}
	#footer .wa_mark {top: auto; bottom: 0; right: auto;}
	
	
}
@media all and (max-width:1024px) {
	#subContent{padding-bottom:40px;}
	#sub_default {margin-top: 30px;}
}
@media all and (max-width:1100px) {
	.charge li{width:50%;}
	.charge li:nth-child(2){width:50%;}
	.charge li:nth-child(-n + 2){margin:0 0 10px;}
	.charge ul{font-weight:400;}
}
@media all and (max-width:768px) {
	.charge strong span{display:none;}
	.charge li {font-size: 16px;}
	.charge ul {margin-left: 0;}
	
    #footer > .inner {
        padding: 25px 0 100px;
    }
	#footer .wa_mark {
        left: 50%;
        transform: translateX(-50%);
    }
}
@media all and (max-width:568px) {
	.charge{padding:19px 10px 18px 25px;}
	.charge li{width:40%;}
	.charge li:nth-child(odd){width:55%;}
	.charge li:nth-child(even){width:45%;}
	.charge strong:after{height:13px; margin:1px 7px 0 7px;}
}
@media all and (max-width:420px) {
	.charge li {width: 100% !important;}
}
@media all and (max-width:380px) {
	.charge{padding:18px 5px 17px 5%;}
	.charge strong:after{margin:1px 6px 0 6px;}
}