@charset "utf-8";

/* 부서안내 조직도 */
.se03b_org.department{background:#f8f9fa;padding:45px 20px;}
.se03b_org.department .org_wrap{margin:0 auto;max-width:980px;}

.se03b_org.department .org_wrap .lv1 .lv1_0{margin:0 auto 37px;max-width:151px;}
.se03b_org.department .org_wrap .lv1 .lv1_0::before{bottom:-37px;z-index:-1;margin-left:0.5%;background:#ddd;}
.se03b_org.department .org_wrap .lv1 .lv1_0 span{background:#394c89;}

.se03b_org.department .org_wrap .lv1 .lv1_1{margin-left:-5.4%;}
.se03b_org.department .org_wrap .lv1 .lv1_1::before{left:15.3%;width:75%;}
.se03b_org.department .org_wrap .lv1 .lv1_1 li{width:calc(25% - 5.4%);margin-left:5.4%;margin-top:45px;}
.se03b_org.department .org_wrap .lv1 .lv1_1 li::before{top:-45px;background:#ddd;}
.se03b_org.department .org_wrap .lv1 .lv1_1 li::after{content:"";position:absolute;left:50%;top:-50px;transform:translateX(-50%);width:5px;height:5px;border:3px solid #fff;border-radius:100%;background:#a2afd8;}

.se03b_org.department .org_wrap .lv1 .lv1_1 li span{padding:10.21px 3px;min-height:auto;border:1px solid #394c89;background:#fff;color:#444;font-size:16px;letter-spacing:-0.025em;}
.se03b_org.department .org_wrap .lv1 .lv1_1 li span em{width:auto;}

.se03b_org.department .org_wrap.col2 .lv1 .lv1_1::before{left:27.6%;width:50.1%;}
.se03b_org.department .org_wrap.col2 .lv1 .lv1_1 li{width:calc(50% - 5.4%);}

.se03b_org.department .org_wrap.col3 .lv1 .lv1_1::before{left:19.4%;width:66.7%;}
.se03b_org.department .org_wrap.col3 .lv1 .lv1_1 li{width:calc(33.33% - 5.4%);}

.se03b_org.department .org_wrap.col5 .lv1 .lv1_1::before{left:12.6%;width:80.2%;}
.se03b_org.department .org_wrap.col5 .lv1 .lv1_1 li{width:calc(20% - 5.4%);}

.se03b_org.department .org_wrap.col6 .lv1 .lv1_1::before{left:11.2%;width:83.43%;}
.se03b_org.department .org_wrap.col6 .lv1 .lv1_1 li{width:calc(16.66% - 5.4%);}

@media(max-width:840px){
	.se03b_org.department .org_wrap .lv1 .lv1_1::before,
	.se03b_org.department .org_wrap.col2 .lv1 .lv1_1::before,
	.se03b_org.department .org_wrap.col3 .lv1 .lv1_1::before,
	.se03b_org.department .org_wrap.col5 .lv1 .lv1_1::before,
    .se03b_org.department .org_wrap .lv1 .lv1_1 li::before,
	.se03b_org.department .org_wrap .lv1 .lv1_1 li::after{display:none;}

	.se03b_org.department .org_wrap .lv1 .lv1_1 {margin-left:0; padding:3%; border:1px solid #ddd;}
	.se03b_org.department .org_wrap.col2 .lv1 .lv1_1 li,
	.se03b_org.department .org_wrap.col3 .lv1 .lv1_1 li,
	.se03b_org.department .org_wrap.col5 .lv1 .lv1_1 li,
    .se03b_org.department .org_wrap.col6 .lv1 .lv1_1 li,
	.se03b_org.department .org_wrap .lv1 .lv1_1 li{width:calc(50% - 2%); margin:1%; padding:1%;}
	.se03b_org.department .org_wrap .lv1 .lv1_1 li span{min-height:auto;}
	.se03b_org.department .org_wrap .lv1 .lv1_1 li span em{width:auto;}
}
@media(max-width:450px){
	.se03b_org.department .org_wrap .lv1 .lv1_0{min-width:100%;}
	.se03b_org.department .org_wrap .lv1 .lv1_1{margin-left:0;}
	.se03b_org.department .org_wrap .lv1 .lv1_1::before{display:none;}

	.se03b_org.department .org_wrap .lv1 .lv1_1 li,
	.se03b_org.department .org_wrap.col2 .lv1 .lv1_1 li,
	.se03b_org.department .org_wrap.col3 .lv1 .lv1_1 li,
	.se03b_org.department .org_wrap.col5 .lv1 .lv1_1 li,
    .se03b_org.department .org_wrap.col6 .lv1 .lv1_1 li{float:none;width:100%;margin-left:0;}
}
/* 부서안내 조직도 End */

/* 관련사이트 sub0104 */
.external_logo{margin-left:-13px;}
.external_logo::after{content:"";display:block;clear:both;visibility:hidden;}
.external_logo .item{float:left;margin-left:13px;margin-bottom:13px;width:calc(25% - 13px);height:100px;}
.external_logo.col2 .item{width:calc(50% - 13px);}
.external_logo.col3 .item{width:calc(33.33% - 13px);}
.external_logo .item a,
.external_logo .item .link{display:block;width:100%;height:100%;background:#394c89;}
.external_logo .item a .box,
.external_logo .item .link .box{position:relative;width:100%;height:100%;left:0;top:0;background:#fff;transition:0.3s;border:1px solid #ddd;}
.external_logo .item a .box img,
.external_logo .item .link .box img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

.external_logo .item a:hover .box,
.external_logo .item .link:hover .box,
.external_logo .item a:focus .box,
.external_logo .item .link:focus .box{left:-10px;top:-10px;border-radius:0 20px 0 0;}

@media(max-width:999px){
	.external_logo .item{width:calc(33.33% - 13px);}
}
@media(max-width:767px){
	.external_logo .item{width:calc(50% - 13px);}
}
@media(max-width:490px){
	.external_logo{margin-left:0;}
	.external_logo .item,
	.external_logo.col2 .item,
	.external_logo.col3 .item{float:none;margin-left:0;width:100%;}
}
/* 유관기관 sub0104 End */

/* 아동친화도시란? sub0401 */
.cf_city{}
.cf_city .vlist__bodo .obj>.item>.inner>.circle{left:15px;top:40px;width:60px;height:60px;border-radius:100%;background:#394c89;text-align:center;}
.cf_city .vlist__bodo .obj>.item>.inner>.circle em{color:#fff;font-size:24px;line-height:60px;letter-spacing:-0.025em;}

.cf_city .cf_child{overflow:hidden;margin-left:-20px;display:flex;flex-wrap:wrap;}
.cf_city .cf_child .item{overflow:hidden;float:left;margin-left:20px;margin-top:20px;width:calc(50% - 20px);min-height:145px;border:1px solid #ddd;border-radius:10px;}
.cf_city .cf_child .item:nth-child(-n+2){margin-top:0;}
.cf_city .cf_child .item .pic{overflow:hidden;position:relative;float:left;width:145px;height:100%;background:#394c89;}
.cf_city .cf_child .item .pic::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
.cf_city .cf_child .item .pic.icon01::after{width:128px;height:126px;background:url(/images/kor/sub06/cf_child_icon01.png) no-repeat;}
.cf_city .cf_child .item .pic.icon02::after{width:146px;height:130px;background:url(/images/kor/sub06/cf_child_icon02.png) no-repeat;}
.cf_city .cf_child .item .pic.icon03::after{width:135px;height:115px;background:url(/images/kor/sub06/cf_child_icon03.png) no-repeat;}
.cf_city .cf_child .item .pic.icon04::after{width:146px;height:139px;background:url(/images/kor/sub06/cf_child_icon04.png) no-repeat;}
.cf_city .cf_child .item .pic.icon05::after{width:146px;height:125px;background:url(/images/kor/sub06/cf_child_icon05.png) no-repeat;}
.cf_city .cf_child .item .pic.icon06::after{width:146px;height:124px;background:url(/images/kor/sub06/cf_child_icon06.png) no-repeat;}
.cf_city .cf_child .item .pic.icon07::after{width:122px;height:123px;background:url(/images/kor/sub06/cf_child_icon07.png) no-repeat;}
.cf_city .cf_child .item .pic.icon08::after{width:129px;height:130px;background:url(/images/kor/sub06/cf_child_icon08.png) no-repeat;}
.cf_city .cf_child .item .pic.icon09::after{width:146px;height:146px;background:url(/images/kor/sub06/cf_child_icon09.png) no-repeat;}
.cf_city .cf_child .item .text{display:flex;align-items:center;float:left;padding:15px 25px;width:calc(100% - 145px);height:100%;}

@media(max-width:840px){
	.cf_city .cf_child{margin-left:0;}
	.cf_city .cf_child .item{float:none;margin-left:0;width:100%;}
	.cf_city .cf_child .item:nth-child(2){margin-top:20px;}
}
@media(max-width:767px){
	.cf_city .vlist__bodo .obj>.item>.inner>.circle{left:auto;top:auto;}
	.cf_city .vlist__bodo .obj>.item>.inner>.circle em{color:#fff;font-size:24px;line-height:60px;letter-spacing:-0.025em;}
}
@media(max-width:499px){
	.cf_city .cf_child{display:block;}
	.cf_city .cf_child .item{min-height:auto;}
	.cf_city .cf_child .item .pic{overflow:hidden;position:relative;float:none;width:100%;height:145px;}
	.cf_city .cf_child .item .text{float:none;width:100%;}
}
/* 아동친화도시란? sub0401 End */

/* 아동친화예산 sub040301 */
.child_friendly_budget .g_box_wrap{width:100%; display:flex; justify-content:space-between;}
.child_friendly_budget .g_box_wrap .g_box{width:calc(50% - 10px);}
.child_friendly_budget .table_unit{margin:0;}
.child_friendly_budget .imgbox.noline{background:none;}

.child_budgetratio{display:flex;flex-wrap:wrap;justify-content:space-between;}
.child_budgetratio .item{position:relative;width:calc(50% - 15px);border:1px solid #ddd;padding:30px 20px;height:500px;}
.child_budgetratio .item .rMate_graph{width: 100%;height: 100%;}

@media(max-width:840px){
	.child_budgetratio{display:block;}
	.child_budgetratio .item{position:relative;width:100%;}
	.child_budgetratio .item+.item{margin-top:20px;}
}@media (max-width:700px){
    .child_friendly_budget .g_box_wrap{display:block; }
    .child_friendly_budget .g_box_wrap .g_box{width:100% ; margin-top:10px;}
}
@media(max-width:550px){
	.child_budgetratio .item{height:370px;}
}
/* 아동친화예산 sub040301 End */

/* 아동참여기구 sub040503 */
.youth_council{}
.youth_council .se03b_org.department .org_wrap{max-width:865px;}
.youth_council .se03b_org.department .org_wrap .lv1 .lv1_0{max-width:100%;}
.youth_council .se03b_org.department .org_wrap .lv1 .lv1_0::before{margin-left:0;}
.youth_council .se03b_org.department .org_wrap .lv1 .lv1_0 span{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;width:178px;height:178px;border-radius:100%;font-family:"GmarketSans";}
.youth_council .se03b_org.department .org_wrap .lv1 .lv1_0 span em{display:block;font-size:20px;font-weight:bold;}
/* 아동참여기구 sub040503 End */

/* sub04_02_02 */
.sub040202 .history_se02b .bottom .inner ul li {padding-left: 145px;}