@charset "UTF-8";

:root {
  --bg-color1: #ff593f;
  --bg-color2: #ff7f00;
  --bg-color3: #839e01;
  --bg-color4: #4eaa1b;
  --bg-color5: #01957d;
  --bg-color6: #018a9d;
}

.sq_01{display:inline-block; width:12px; height:12px; background: #426aba; margin-right:3px;}
.sq_02{display:inline-block; width:12px; height:12px; background: #2a3854; margin-right:3px;}
.sq_03{display:inline-block; width:12px; height:12px; background: #bf5745; margin-right:3px;}
.sq_04{display:inline-block; width:12px; height:12px; background: #f67f0a; margin-right:3px;}
.sq_05{display:inline-block; width:12px; height:12px; background: #8a9738; margin-right:3px;}
.sq_06{display:inline-block; width:12px; height:12px; background: #729ed4; margin-right:3px;}
.sq_07{display:inline-block; width:12px; height:12px; background: #508d79; margin-right:3px;}
.sq_08{display:inline-block; width:12px; height:12px; background: #4a8292; margin-right:3px;}
.sq_09{display:inline-block; width:12px; height:12px; background: #426aba; margin-right:3px;}
.sq_10{display:inline-block; width:12px; height:12px; background: #00a8ff; margin-right:3px;}
.sq_11{display:inline-block; width:12px; height:12px; background: #2a3854; margin-right:3px;}

.mf_color1 {color:#fd4425;}
.mf_color2 {color:#002b60;}
.mf_color3 {color:#00937b;}
.mf_color4 {color:#0062ad;}
.mf_color5 {color:#fe4a6d;}
.mf_color6 {color:#0192e1;}
.mf_color7 {color:#f15079;}
.mf_color8 {color:#c17b00;}
.mf_color9 {color:#02a65d;}

/* 부산교육비전 */
.edu_vision .box_st1 .inner {background:#f4f9ff url(/images/web/manifesto/img_0101_01.png) no-repeat 0 0;}
.edu_vision .box_st1 .inner:before {content:''; position:absolute; right:0; bottom:0; border-bottom-right-radius:0.7rem; width:496px; height:417px; background:url(/images/web/manifesto/img_0101_02.png) no-repeat 0 0 / contain;}
.edu_vision .ev_slogan {font-size:2.15rem; color:#111; text-align:center; line-height:1.3; letter-spacing:-1px; margin-top:5rem !important;}
.edu_vision .ev_slogan span {display:block; font-size:3.25rem; font-weight:800;}
.edu_vision .ev_box {position:relative; margin:2.5rem 3.25rem !important; background:#fff; border-radius:0.75rem; font-size:1.9rem; color:#747474; line-height:1.2; padding:2.45rem 0; text-align:center; z-index:1;}
.edu_vision .ev_box:before {content:''; position:absolute; right:-3.4rem; top:-3.9rem; width:225px; height:162px; background:url(/images/web/manifesto/img_0101_03.png) no-repeat 0 0 / contain;}
.edu_vision .ev_list {position:relative; display:flex; justify-content:space-between; margin:0 1.75rem 1rem !important;}
.edu_vision .ev_list dl {display:flex; width:31%; flex-direction:column; align-items:center; text-align:center;}
.edu_vision .ev_list dt {display:flex; flex-direction:column; width:11.8rem; height:11.8rem; border-radius:50%; border-width:3px; border-style:solid; font-size:1rem; color:#4d4d4d; line-height:1.2; z-index:1;}
.edu_vision .ev_list dl:nth-child(1) dt {background:#fef8fa; border-color:#ff8dac;}
.edu_vision .ev_list dl:nth-child(2) dt {background:#fffdf1; border-color:#ffd300;}
.edu_vision .ev_list dl:nth-child(3) dt {background:#f4fef6; border-color:#82c599;}
.edu_vision .ev_list dt .img {margin-top:1rem;}
.edu_vision .ev_list dt span {font-size:1.6rem;}
.edu_vision .ev_list dd {position:relative; width:100%; margin-top:-2rem; padding: 3.5rem 0 2rem; letter-spacing:-1px; font-weight:600; background:#fff; border-radius:0.75rem; box-shadow: 0 0 10px rgba(198,198,198,0.3);}
.edu_vision .ev_list dd li ~ li {margin-top:1.25rem;}
.edu_vision .ev_list dd strong {display:block;}

/* 정책방향과 과제 */
.policy dl {position:relative; display:flex; background:#f5f5f5; margin-left:1.7rem; border-radius:0.7rem; padding:1.7rem 1.4rem;}
.policy dl ~ dl {margin-top:2.5rem;}
.policy dt {margin:1rem 1.25rem 0 1.7rem; font-size:1.5rem; font-weight:700;}
.policy dt span {position:absolute; top:-1.6rem; left:-1.7rem; width:4rem; line-height:4rem; text-align:center; color:#fff; border-radius:0.7rem 0.7rem 0;}
.policy dl:nth-child(1) dt span {background:var(--bg-color1);}
.policy dl:nth-child(2) dt span {background:var(--bg-color2);}
.policy dl:nth-child(3) dt span {background:var(--bg-color3);}
.policy dl:nth-child(4) dt span {background:var(--bg-color4);}
.policy dl:nth-child(5) dt span {background:var(--bg-color5);}
.policy dl:nth-child(6) dt span {background:var(--bg-color6);}
.policy dt strong {position:relative; padding: 0 0.25rem; z-index:1; color:#222;}
.policy dt strong:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:0.9rem; border-radius:0.45rem; opacity:0.15; z-index:-1;}
.policy dl:nth-child(1) dt strong:before {background:var(--bg-color1);}
.policy dl:nth-child(2) dt strong:before {background:var(--bg-color2);}
.policy dl:nth-child(3) dt strong:before {background:var(--bg-color3);}
.policy dl:nth-child(4) dt strong:before {background:var(--bg-color4);}
.policy dl:nth-child(5) dt strong:before {background:var(--bg-color5);}
.policy dl:nth-child(6) dt strong:before {background:var(--bg-color6);}
.policy dd {flex:1;}
.policy dd ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.policy dd li {display:flex; align-items:center; justify-content:space-between; width:49.4%; min-height:2rem; line-height:1.3; background:#fff; border-radius:0.5rem; padding:0.5rem 0.75rem; font-weight:600; word-break:keep-all;}
.policy dd li:nth-child(n+3) {margin-top:0.5rem;}

/* 종합적기대효과 */
.effect {display:flex; flex-wrap:wrap; justify-content:space-between; background:#f1f2f4 url(/images/web/manifesto/img_0103_01.png) no-repeat center bottom / contain; border-radius:1rem; padding:3.7rem 2rem 16.5rem;}
.effect dl {display:flex; flex-direction:column; align-items:center; width:31.25%;}
.effect dl:nth-child(n+4) {margin-top:2rem;}
.effect dt {display:flex; width:-webkit-fill-available; margin:0 0.75rem; border-radius:1.2rem; padding:0.75rem 1rem 1.2rem; color:#fff; font-size:1rem; z-index:1;}
.effect dt span {display:inline-block; width:2.75rem; height:2.75rem; line-height:2.6rem; text-align:center; background:rgba(255,255,255,0.3); font-size:1.25rem; font-weight:700; border-radius:50%; margin-right:0.85rem; text-decoration:underline; text-underline-position : under; text-shadow: 0 1px 2px rgba(161,161,161,0.8);}
.effect dt strong {flex:1; margin-top:0.5rem;}
.effect dt strong em {font-weight:400;}
.effect dl:nth-child(1) dt {background:var(--bg-color1);}
.effect dl:nth-child(2) dt {background:var(--bg-color2);}
.effect dl:nth-child(3) dt {background:var(--bg-color3);}
.effect dl:nth-child(4) dt {background:var(--bg-color4);}
.effect dl:nth-child(5) dt {background:var(--bg-color5);}
.effect dl:nth-child(6) dt {background:var(--bg-color6);}
.effect dd {position:relative; width:100%; height:100%; text-align:center; margin-top:-1.8rem; padding:2.75rem 0.5rem 1rem; font-weight:600; color:#222; line-height:1.5rem; border-radius:1rem 1rem 0; background:#fff; border-style:dashed; border-width:1px;}
.effect dl:nth-child(1) dd {border-color:var(--bg-color1);}
.effect dl:nth-child(2) dd {border-color:var(--bg-color2);}
.effect dl:nth-child(3) dd {border-color:var(--bg-color3);}
.effect dl:nth-child(4) dd {border-color:var(--bg-color4);}
.effect dl:nth-child(5) dd {border-color:var(--bg-color5);}
.effect dl:nth-child(6) dd {border-color:var(--bg-color6);}

/* 공약실천계획 수립 과정 */
.mf_process .tit_horizontal h4 {width:12.5rem; justify-content:center; word-break:keep-all; line-height:1.5; background:#fdedee;}
.mf_process .tit_horizontal.even h4 {background:#e6efff;}
.mf_process .tit_horizontal > div {padding:0.5rem 0 0.5rem 1.5rem}
.mf_process .tit_horizontal .cont_list > div.cont h5 {width:6rem;}
.mf_process .process_down {width:12.5rem; text-align:center; margin-bottom:1rem;}
.mf_process .process_down i {width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; border-radius:50%; border:2px solid #333; color:#333; font-size:0.95rem;}

/* 공약실천계획서 */
.mf_plan .div_flex {margin-top:1.5rem;}
.mf_plan .box_st2 > dl {display:flex;}
.mf_plan .box_st2 > dl > dt {width:9rem; height:13rem; border-radius:0.25rem; overflow:hidden; margin-right:1rem; box-shadow: 0 0 6px rgba(207,207,207,0.8);}
.mf_plan .box_st2 > dl > dt img {position:relative; top:100%; left:50%; width:auto; height:100%; transform:translate(-50%, -100%);}
.mf_plan .box_st2 > dl > dd {flex:1;}
.mf_plan .box_st2 > dl > dd dt {display:flex; flex-direction:column; justify-content:center; height:7rem; font-size:1rem; border-bottom:1px dashed #ccc; letter-spacing:-1px;}
.mf_plan .box_st2 > dl > dd dt strong {display:block; margin-top:0.5rem; font-size:1.2rem;}
.mf_plan .box_st2 > dl > dd dd {padding-top:1.25rem;}

/* 공약현황 */
.mf_vision {width:100%; max-width:43.5rem; margin:0 auto; text-align:center;}
.mf_vision .mv_slogan {font-size:1.5rem; color:#111; line-height:1.3; text-align:center;}
.mf_vision .mv_slogan span {display:block; font-size:2.25rem;}
.mf_vision ul span {display:inline-block; line-height:3rem; border-radius:1.5rem; padding:0 2.75rem; font-weight:700; margin:1.25rem auto;}
.mf_vision .part_tit {background:#01677d; font-size:1.2rem; color:#fff;}
.mf_vision .work_num {background:#eef6f8; line-height:2.6rem; border:2px solid #01677d; color:#01677d; font-size:1rem; margin-top:1.5rem;}
.mf_vision .work_num br {display:none;}
.mf_vision .part_list {display:flex; flex-wrap:wrap; justify-content:space-between;}
.mf_vision .part_list dl {width:32%; border-radius:1.4rem; background:#fff; text-align:center; padding:1.5rem 0 1rem; border-width:3px; border-style:solid; font-size:1rem;}
.mf_vision .part_list dl:nth-child(1) {border-color:var(--bg-color1);}
.mf_vision .part_list dl:nth-child(2) {border-color:var(--bg-color2);}
.mf_vision .part_list dl:nth-child(3) {border-color:#afd021;}
.mf_vision .part_list dl:nth-child(4) {border-color:#73bd4a;}
.mf_vision .part_list dl:nth-child(5) {border-color:#00a98c;}
.mf_vision .part_list dl:nth-child(6) {border-color:#01adc3;}
.mf_vision .part_list dl:nth-child(n+4) {margin-top:1.5rem;}
.mf_vision .part_list dt {display:inline-block; line-height:2.75rem; padding:0 2rem; margin-bottom:0.75rem; border-radius:1.4rem; color:#fff; font-weight:600;}
.mf_vision .part_list dl:nth-child(1) dt {background:var(--bg-color1);}
.mf_vision .part_list dl:nth-child(2) dt {background:var(--bg-color2);}
.mf_vision .part_list dl:nth-child(3) dt {background:var(--bg-color3);}
.mf_vision .part_list dl:nth-child(4) dt {background:var(--bg-color4);}
.mf_vision .part_list dl:nth-child(5) dt {background:var(--bg-color5);}
.mf_vision .part_list dl:nth-child(6) dt {background:var(--bg-color6);}
.mf_vision .part_list dd {font-weight:600;}
.mf_vision .part_list dl:nth-child(1) dd {color:var(--bg-color1);}
.mf_vision .part_list dl:nth-child(2) dd {color:var(--bg-color2);}
.mf_vision .part_list dl:nth-child(3) dd {color:var(--bg-color3);}
.mf_vision .part_list dl:nth-child(4) dd {color:var(--bg-color4);}
.mf_vision .part_list dl:nth-child(5) dd {color:var(--bg-color5);}
.mf_vision .part_list dl:nth-child(6) dd {color:var(--bg-color6);}
.mf_vision .part_wrap li {position:relative;}
.mf_vision .part_wrap li:before {content:''; position:absolute; left:16%; width:68%; height:3.5rem; border:2px solid #01677d; z-index:-1;}
.mf_vision .part_wrap li:nth-child(1):before {top:2.75rem; border-bottom:none;}
.mf_vision .part_wrap li:nth-child(2):before {bottom:2.65rem; border-top:none;}
.mf_vision .keypoint {display:flex; justify-content:space-between; margin:1.5rem 0 0.5rem;}
.mf_vision .keypoint dt {position:relative; display:flex; align-items:center;}
.mf_vision .keypoint dt:before {content:''; position:absolute; top:8%; left:4.5rem; width:6.6rem; height:83.5%; border:2px dashed #ddd; border-right:none; z-index:-1;}
.mf_vision .keypoint dt span {display:flex; align-items:center; justify-content:center; text-align:center; width:9rem; height:9rem; border-radius:50%; background:#fff; border:3px solid #949494; font-size:1.3rem; font-weight:700; color:#555; line-height:1.2; margin-right:2.25rem;}
.mf_vision .keypoint dd {flex:1;}
.mf_vision .keypoint dd li {position:relative; display:flex; align-items:center; justify-content:space-between; height:3.5rem; border-radius:1rem; padding:0 2rem 0 2.25rem; font-size:0.9rem; color:#333; font-weight:600; letter-spacing:-1px; text-align:left;}
.mf_vision .keypoint dd li:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:1rem; opacity:0.2; z-index:-1;}
.mf_vision .keypoint dd li:nth-child(1):before {background:var(--bg-color1);}
.mf_vision .keypoint dd li:nth-child(2):before {background:var(--bg-color2);}
.mf_vision .keypoint dd li:nth-child(3):before {background:var(--bg-color3);}
.mf_vision .keypoint dd li:nth-child(4):before {background:var(--bg-color4);}
.mf_vision .keypoint dd li:nth-child(5):before {background:var(--bg-color6);}
.mf_vision .keypoint dd li ~ li {margin-top:0.5rem;}

/* 공약사업 관리 */
.manage_system {display:flex; justify-content:space-between;}
.manage_system dl {position:relative; width:19%;}
.manage_system dl ~ dl:after {content:''; position:absolute; top:2.1rem; left:-1.05rem; display:flex; width:1.5rem; height:1.5rem; align-items:center; justify-content:center; border-radius:50%; background: #4064ae url(/images/web/manifesto/img_0302_tab0107.png) no-repeat center center;}
.manage_system dl:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:calc(100% - 4.75rem); border-radius:0.5rem; background:#f1f4f9; z-index:-1;}
.manage_system dt {position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; word-break:keep-all;}
.manage_system dt:before {content:''; position:absolute; left:50%; bottom:0; width:67%; height:0.5rem; border-radius:0.15rem; background: url(/images/web/manifesto/img_0302_tab0106.png) repeat 0 0; transform:translateX(-50%);}
.manage_system dt .img {width:6rem; height:6rem; line-height:6rem; text-align:center; border-radius:50%; background:#fafafa; box-shadow: 0 8px 6px rgba(220,225,229,0.8);}
.manage_system dt .img img {vertical-align:middle;}
.manage_system dt strong {font-size:1rem; color:#0a3659; line-height:1.3; padding:1.4rem 0;}
.manage_system dd {padding:1rem 0.8rem; word-break:break-all;}

/* 0506_01_시민소통창구 */
.mf_window .sns_Wrap { display: flex; align-items: flex-start; flex-wrap: wrap;}
.mf_window .sns_Wrap li{ width: calc((100% - 3rem) / 4 ); }
.mf_window .sns_Wrap li:not(:first-child) {margin-left: auto;}
.mf_window .sns_Wrap li a{ display: block; border-radius: 1.25rem; position: relative; overflow: hidden;}
.mf_window .sns_Wrap li a::after{content: ""; left: 0; right: 0; top: 0; bottom: 0; position: absolute; border: 1px solid #cdcdcd; border-radius: 1.25rem; transition: border-color 0.25s;}
.mf_window .sns_Wrap li a > .icon{ background-color: #f2f2f2; height: 6.75rem; border-bottom: 1px solid #cdcdcd; position: relative; }
.mf_window .sns_Wrap li a > .icon > span[class^='ico_']{display: flex; align-items: center; justify-content: center; width: 3.2rem; height: 3.2rem; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.2s; }
.mf_window .sns_Wrap li a > .icon > span[class^='ico_'] img{ max-width: 44px;}
.mf_window .sns_Wrap li a > p{ width: 100%; height: 2.9rem; line-height: 2.9rem; box-sizing: border-box; padding: 0 2rem 0 1rem; position: relative; white-space: nowrap; overflow: hidden;}
.mf_window .sns_Wrap li a > p > i {position: absolute; right: 1rem; line-height: 2.9rem;}
.mf_window .sns_Wrap li a > .icon > span.ico_blog{ background-color: #6cb153;}
.mf_window .sns_Wrap li a > .icon > span.ico_face{ background-color: #4e5e96;}
.mf_window .sns_Wrap li a > .icon > span.ico_ins{ background: radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%) , linear-gradient(135deg,#234bd7 12%,#c33cbe 58%);}
.mf_window .sns_Wrap li a > .icon > span.ico_ytu{ background-color: #b62b30;}

.mf_window .sns_Wrap li a:focus::after,
.mf_window .sns_Wrap li a:hover::after{border: 2px solid #2a4278;}
.mf_window .sns_Wrap li a:focus > .icon > span[class^='ico_'],
.mf_window .sns_Wrap li a:hover > .icon > span[class^='ico_']{transform: translateY(-4px) translate(-50%,-50%) ;}
.mf_window .sns_Wrap li a:focus > p,
.mf_window .sns_Wrap li a:hover > p{font-weight: 600;}


@media (min-width: 1241px) and (max-width: 1440px) {
	.effect dt {font-size:0.9rem; padding: 0.75rem 0 1.2rem 0.5rem; letter-spacing:-1.5px;}
	.effect dt span {width:2.25rem; height:2.25rem; line-height:2.2rem; margin-right:0.5rem; font-size:1rem;}
}

@media (min-width: 1241px) and (max-width: 1340px) {
	.edu_vision .ev_list dt {width:10.25rem; height:10.25rem;}
	.edu_vision .ev_list dt .img {margin-top:0.5rem;}
}

@media (max-width: 1100px) {
	.effect dl {width:48.5%;}
	.effect dl:nth-child(n+3) {margin-top:2rem;}
}

@media (max-width: 1024px) {
	.edu_vision .ev_box:before {top:-2.5rem;}
}

@media (max-width: 950px) {
	.edu_vision .box_st1 .inner {background-size:35%;}
	.edu_vision .ev_slogan {margin-top:3rem !important;}
	.edu_vision .ev_box {padding:1.5rem 0;}
	.edu_vision .ev_box:before {width:180px; height:130px;}
	.edu_vision .ev_list {flex-direction:column; margin:0 1rem 1rem !important;}
	.edu_vision .ev_list dl {width:100%;}
	.edu_vision .ev_list dl ~ dl {margin-top:2rem;}
	.edu_vision .ev_list dt {width:10rem; height:10rem;}
	.edu_vision .ev_list dt .img {margin-top:0.25rem;}
	.edu_vision .ev_list dt span {font-size:1.4rem;}
	.edu_vision .ev_list dd {width:100%; padding: 2.5rem 0 1.5rem;}
	.edu_vision .ev_list dd ul {display:flex; padding:0 1rem; justify-content:space-between;}
	.edu_vision .ev_list dd li {width:49%;}
	.edu_vision .ev_list dd li ~ li {margin-top:0;}
	
	.policy dd li {width:100%; min-height:2rem; padding:0.5rem 0.75rem;}
	.policy dd li:nth-child(n+2) {margin-top:0.5rem;}
	
	.manage_system {flex-direction:column;}
	.manage_system dl {width:100%;}
	.manage_system dl ~ dl:after {transform:rotate(90deg);}


	/* 0506_01_시민소통창구 */
	.mf_window .sns_Wrap {gap: 1rem;}
	.mf_window .sns_Wrap li { width: calc((100% - 1rem) / 2 ); }
	.mf_window .sns_Wrap li:not(:first-child) { margin-left: 0; }
	.mf_window .sns_Wrap li a { display: flex; align-items: center;}
	.mf_window .sns_Wrap li a > .icon { width: 5rem; height: 5rem; background-color: transparent; border-bottom: none;}
	.mf_window .sns_Wrap li a > .icon > span[class^='ico_'] img{ width: 38px;}
	.mf_window .sns_Wrap li a > p { width: calc(100% - 5rem); height: 100%; padding-left: 0;}
	.mf_window .sns_Wrap li a:focus > .icon > span[class^='ico_'],
	.mf_window .sns_Wrap li a:hover > .icon > span[class^='ico_']{transform: translateY(-2px) translate(-50%,-50%) ;}
}

@media (min-width: 681px) and (max-width: 950px) {
	/* 공약사업 관리 */
	.manage_system dl {display:flex; align-items:center;}
	.manage_system dl ~ dl {margin-top: 1rem;}
	.manage_system dl ~ dl:after {top:-1.2rem; left:2.2rem;}
	.manage_system dl:before {left:auto; right:0; width:calc(100% - 4.75rem); height:100%;}
	.manage_system dt {flex-direction:row; width:14.5rem; padding-right:0.5rem;}
	.manage_system dt:before {left:auto; right:0; top:50%; width:0.5rem; height:67%; transform:translateY(-50%);}
	.manage_system dt strong {font-size:1rem; color:#0a3659; line-height:1.3; padding:1.4rem 0; flex:1;}
	.manage_system dd {padding:1rem; flex:1;}
}

@media (max-width: 768px) {
	.policy dl {flex-direction:column; margin-left:1.7rem; padding:1rem; margin-left:1rem;}
	.policy dl ~ dl {margin-top:2rem;}
	.policy dt {margin:0 0 1rem 2rem;}
	.policy dt span {top:-0.9rem; left:-1rem; width:3rem; line-height:3rem;}
	
	.effect {padding:2rem 2rem 11rem;}
	
	.mf_process .tit_horizontal h4 {padding-left:0.75rem; padding-right:0.75rem; border-radius:0;}
	.mf_process .tit_horizontal > div {border-bottom:1px solid #e8ebf0;}
	.mf_process .process_down {width:100%;}
	
	.mf_plan .box_st2 > dl {flex-direction:column; }
	.mf_plan .box_st2 > dl > dt {margin:0 auto;}
	.mf_plan .box_st2 > dl > dd dd {text-align:center;}
	.mf_plan .box_st2 > dl > dd dd br {display:none;}
	
	.mf_vision .keypoint {flex-direction:column; margin:1.5rem 0 0.5rem;}
	.mf_vision .keypoint dt {justify-content:center;}
	.mf_vision .keypoint dt:before {content:'';  top:0; left:calc(50% - 1px); width:1px; height:100%; border-top:none; border-bottom:none;}
	.mf_vision .keypoint dt span {margin-right:0; margin-bottom:1.5rem;}

	/* 0506_01_시민소통창구 */
	.mf_window .sns_Wrap {gap: 0.75rem;}
	.mf_window .sns_Wrap li { width: calc((100% - 0.75rem) / 2 ); }
	.mf_window .sns_Wrap li a > .icon { width: 4.5rem; height: 4.5rem; background-color: transparent; border-bottom: none;}
	.mf_window .sns_Wrap li a > .icon > span[class^='ico_'] { width: 3rem; height: 3rem; }
	.mf_window .sns_Wrap li a > .icon > span[class^='ico_'] img{ width: 34px;}
	.mf_window .sns_Wrap li a > p { width: calc(100% - 5rem); height: 100%; padding-left: 0;}
}

@media (max-width: 680px) {
	.edu_vision .box_st1 .inner:before {width:350px; height:294px;}
	.edu_vision .ev_slogan {margin-top:2rem !important; font-size:1.75rem;}
	.edu_vision .ev_slogan span {font-size:2.5rem;}
	.edu_vision .ev_box {margin:2rem 0 !important; font-size:1.5rem;}
	.edu_vision .ev_box:before {display:none;}
	.edu_vision .ev_list {margin:0 0 1rem !important;}
	.edu_vision .ev_list dt {width:8rem; height:8rem; font-size:0.9rem;}
	.edu_vision .ev_list dt .img img {max-width:38%;}
	.edu_vision .ev_list dt span {font-size:1.2rem;}
	.edu_vision .ev_list dd ul {flex-direction:column;}
	.edu_vision .ev_list dd li {width:100%;}
	.edu_vision .ev_list dd li ~ li {margin-top:1rem;}
	
	.effect dl {width:100%;}
	.effect dl:nth-child(n+2) {margin-top:1rem;}
	.effect dt {padding:0.75rem 1rem;}
	.effect dt strong {margin-top:0;}
	
	.mf_vision .part_list dl {width:49%; border-radius:1rem; padding:1rem 0 0.75rem; font-size:1rem;}
	.mf_vision .part_list dl:nth-child(n+3) {margin-top:1rem;}
	.mf_vision .part_wrap li:before {left:24%; width:52%;}
	.mf_vision .work_num {padding:0 1rem;}
	.mf_vision .keypoint dd li {padding:0 1rem 0 1.25rem; word-break:keep-all;}
	
	.manage_system dl ~ dl {margin-top: 2rem;}
	.manage_system dl ~ dl:after {top:-1.8rem; left:50%; transform:translateX(-40%) rotate(90deg);}

	/* 0506_01_시민소통창구 */
	.mf_window .sns_Wrap li { width: calc((100% - 0.75rem) / 2 ); }
	.mf_window .sns_Wrap li a {border-radius: 0.75rem;}
	.mf_window .sns_Wrap li a > .icon { width: 4rem; height: 4rem; background-color: transparent; border-bottom: none;}
	.mf_window .sns_Wrap li a > .icon > span[class^='ico_'] { width: 2.75rem; height: 2.75rem; }
	.mf_window .sns_Wrap li a > .icon > span[class^='ico_'] img{ width: 30px;}
	.mf_window .sns_Wrap li a > p { width: calc(100% - 4rem); height: 100%; padding-left: 0;}
}

@media (max-width: 560px) {
	/* 0506_01_시민소통창구 */
	.mf_window .sns_Wrap li { width: 100%;}
	.mf_window .sns_Wrap li a::after{border-radius: 0.75rem;}	
	.mf_window .sns_Wrap li a > .icon { width: 3.25rem; height: 3.25rem; margin-right: 0.5rem;}
	.mf_window .sns_Wrap li a > .icon > span[class^='ico_'] { width: 2.25rem; height: 2.25rem; }
	.mf_window .sns_Wrap li a > .icon > span[class^='ico_'] img{ width: 26px;}
}

@media (max-width: 480px) {
	.edu_vision {word-break:keep-all;}
	.edu_vision .box_st1 .inner:before {width:180px; height:151px;}
	.edu_vision .ev_slogan {margin-top:1.5rem !important; font-size:1.5rem;}
	.edu_vision .ev_slogan span {font-size:2rem;}
	.edu_vision .ev_box {margin:1.25rem 0 !important; font-size:1.25rem;}
	.edu_vision .ev_list dl ~ dl {margin-top:1.25rem;}
	
	.effect {padding:1rem 1rem 7rem;}
	
	.mf_vision {word-break:keep-all;}
	.mf_vision .mv_slogan {font-size:1.2rem;}
	.mf_vision .mv_slogan span {font-size:2rem;}
	.mf_vision .part_list dl {width:100%; padding:0.75rem 0 0.5rem;}
	.mf_vision .part_list dl:nth-child(n+2) {margin-top:0.5rem;}
	.mf_vision .part_list dl:nth-child(1) dt {margin-bottom:0.5rem;}
	.mf_vision .part_wrap li:before {left:calc(50% - 1px); width:1px; border-top:none; border-bottom:none; border-right:none;}
	.mf_vision .work_num {padding:0 1rem; font-size:0.9rem;}
	.mf_vision .keypoint dt span {width:8rem; height:8rem; margin-bottom:1rem;}
	.mf_vision .keypoint dd li {padding:0.5rem 1rem; font-size:0.8rem; height:auto; border-radius:0.25rem;}
	.mf_vision .keypoint dd li img {display:none;}
}

@media (max-width: 340px) {
	.effect {padding:1rem 1rem 5rem; word-break:keep-all;}
	.effect dt {padding:0.5rem 0.75rem; font-size:0.9rem;}
	.effect dt span {width:2.5rem; height:2.5rem; line-height:2.4rem; font-size:1rem; margin-right:0.5rem;}
	
	.mf_vision .work_num {line-height:1.3; padding: 0.25rem 1rem;}
	.mf_vision .work_num br {display:block;}
}