@charset "utf-8";

/*이미지 확대 버튼*/
.pic_btn a,
.ds_no {
    display: none;
}

.pic_btn a:hover {
    background-color: #236dc7;
    color: #fff;
    transition: all 300ms ease-out
}

@media(max-width: 767px) {
    .pic_btn a {
        display: block;
        width: 60%;
        margin: 10px auto 0;
        padding: 10px 40px;
        border: 1px solid #ddd;
        background: #fff;
        text-align: center;
    }

    .pic_img {
        text-align: center;
    }
}

@media(max-width: 560px) {
    .pic_btn a {
        width: 75%;
    }
}

@media(max-width: 450px) {
    .pic_btn a {
        width: 100%;
    }
}

/* sub0101 인사말 */
.s0101 .speech_wrap {
    margin-top: 55px;
}

.s0101 .speech_wrap .tit {
    font-size: 29px;
    color: #153b75;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: -0.045em;
}

.s0101 .speech_wrap .txt {
    margin-top: 35px;
    letter-spacing: -0.045em;
}

.s0101 .speech_wrap .txt b {
    color: #114ab0;
}

.s0101 .speech_wrap .border {
    width: 100%;
    height: 0px;
    margin: 50px 0 90px;
    border-top: 1px solid #ced1d9;
}

.s0101 .speech_wrap .subtit {
    display: block;
    margin-top: 75px;
    color: #114ab0;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.045em;
}

.s0101 .speech_wrap .subtit:first-child {
    margin-top: 0;
}

.s0101 .speech_wrap .subtit:last-child {
    margin-top: 60px;
}

.s0101 .speech_wrap .subtit span {
    position: relative;
    color: #fff;
    margin-right: 10px;
    padding: 1px 17px;
}

.s0101 .speech_wrap .subtit span::before {
    display: block;
    position: absolute;
    width: 75px;
    height: 54px;
    left: 0;
    bottom: 0;
    background: url(/images/mayor/sub01/sub0101_numbg.png) no-repeat;
    content: "";
    z-index: -1;
}

.s0101 .speech_wrap .subtxt {
    letter-spacing: -0.045em;
}

.s0101 .speech_wrap .subtxt+.subtxt {
    margin-top: 30px;
}

@media (max-width: 1023px) {
    .s0101 .speech_wrap .tit {
        font-size: 27px;
    }
}

@media (max-width: 767px) {
    .s0101 .speech_wrap .tit {
        font-size: 24px;
    }
}

@media (max-width: 500px) {
    .s0101 .speech_wrap .border {
        margin: 50px 0;
    }

    .s0101 .speech_wrap .subtit span {
        display: block;
    }

    .s0101 .speech_wrap .txt {
        margin-top: 25px;
    }
}

/* sub0101 인사말 End */
/* sub010201 2021년방향 */
.s010201_wrap {}

.s010201_wrap .top_wrap {}

.s010201_wrap .top_wrap .title {
    display: table;
    position: relative;
    margin: 0 auto;
    width: 214px;
    height: 214px;
    background: url(/images/mayor/sub01/sub010201_topbg.png) no-repeat;
    text-align: center;
}

.s010201_wrap .top_wrap .title::before {
    content: "";
    position: absolute;
    left: -35px;
    top: 0;
    width: 85px;
    height: 85px;
    background: url(/images/mayor/sub01/sub010201_topbg01.png) no-repeat;
}

.s010201_wrap .top_wrap .title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -34px;
    width: 1px;
    height: 34px;
    background: rgba(185, 201, 218, 0.9);
    margin-left: -0.5px
}

.s010201_wrap .top_wrap .title p {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 28px;
    line-height: 1.28;
    letter-spacing: -0.05em;
    font-family: "score";
}

.s010201_wrap .top_wrap .title p span {
    font-weight: 300;
}

.s010201_wrap .top_wrap .title p span em {
    display: block;
    font-weight: bold;
}

.s010201_wrap .top_wrap .list_box {
    text-align: center;
    margin-top: 34px;
    padding: 29px 7.844% 0;
    position: relative;
}

.s010201_wrap .top_wrap .list_box::before {
    content: "";
    position: absolute;
    left: 28.2%;
    top: 0;
    width: 43.7%;
    height: 1px;
    background: rgba(185, 201, 218, 0.9);
}

.s010201_wrap .top_wrap .list_box::after {
    content: "";
    visibility: visible;
    display: block;
    clear: both;
}

.s010201_wrap .top_wrap .list_box .box {
    float: left;
    width: calc(50% - 17px);
    min-height: 504px;
    padding: 39px 30px 50px;
    position: relative;
    border-radius: 10px;
}

.s010201_wrap .top_wrap .list_box .box+.box {
    margin-left: 34px;
}

.s010201_wrap .top_wrap .list_box .box::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -29px;
    width: 1px;
    height: 29px;
    background: rgba(185, 201, 218, 0.9);
    margin-left: -0.5px
}

.s010201_wrap .top_wrap .list_box .box span {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: #153b75;
    border-radius: 100%;
}

.s010201_wrap .top_wrap .list_box .box span em {
    line-height: 42px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.045em;
    font-family: "score";
}

.s010201_wrap .top_wrap .list_box .box strong {
    display: block;
    color: #153b75;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.045em;
    font-family: "score";
    margin-top: 10px;
}

.s010201_wrap .top_wrap .list_box .box .img {
    margin: 60px 0 25px;
    padding-bottom: 40px;
    border-bottom: 1px dashed #ddd;
}

.s010201_wrap .top_wrap .list_box .box.bg01 {
    background: #fff;
    border: 1px solid rgba(21, 59, 117, 0.35);
}

.s010201_wrap .top_wrap .list_box .box.bg02 {
    background: rgba(241, 245, 251, 0.35);
    border: 1px solid rgba(21, 59, 117, 0.35);
}

.s010201_wrap .bottom_wrap {
    margin-top: 55px;
}

.s010201_wrap .bottom_wrap .title {
    text-align: center;
    padding-bottom: 20px;
    position: relative;
}

.s010201_wrap .bottom_wrap .title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -29px;
    width: 1px;
    height: 29px;
    background: rgba(185, 201, 218, 0.9);
    margin-left: -2px
}

.s010201_wrap .bottom_wrap .title span {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: #153b75;
    border-radius: 100%;
}

.s010201_wrap .bottom_wrap .title span em {
    line-height: 42px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.045em;
    font-family: "score";
}

.s010201_wrap .bottom_wrap .title strong {
    display: block;
    color: #153b75;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.045em;
    font-family: "score";
    margin-top: 10px;
}

.s010201_wrap .bottom_wrap .list_box {
    text-align: center;
    margin-top: 29px;
    padding-top: 43px;
    position: relative;
}

.s010201_wrap .bottom_wrap .list_box::before {
    content: "";
    position: absolute;
    left: 15.5%;
    top: 0;
    width: 68.8%;
    height: 1px;
    background: rgba(185, 201, 218, 0.9);
}

.s010201_wrap .bottom_wrap .list_box::after {
    content: "";
    visibility: visible;
    display: block;
    clear: both;
}

.s010201_wrap .bottom_wrap .list_box .box {
    float: left;
    width: calc(33.33% - 22px);
    position: relative;
    min-height: 605px;
    border: 1px solid #209f91;
    border-radius: 10px;
}

.s010201_wrap .bottom_wrap .list_box .box::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -43px;
    width: 1px;
    height: 25px;
    background: rgba(185, 201, 218, 0.9);
    margin-left: -0.5px
}

.s010201_wrap .bottom_wrap .list_box .box::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -18px;
    width: 7px;
    height: 7px;
    background: #fff;
    margin-left: -5.5px;
    border-radius: 100%;
}

.s010201_wrap .bottom_wrap .list_box .box.bg01::after {
    border: 2px solid #209f91;
}

.s010201_wrap .bottom_wrap .list_box .box.bg02::after {
    border: 2px solid #0e8abd;
}

.s010201_wrap .bottom_wrap .list_box .box.bg03::after {
    border: 2px solid #1953ae;
}

.s010201_wrap .bottom_wrap .list_box .box+.box {
    margin-left: 32px;
}

.s010201_wrap .bottom_wrap .list_box .box.bg01 {
    border: 1px solid #209f91;
}

.s010201_wrap .bottom_wrap .list_box .box.bg02 {
    border: 1px solid #0e8abd;
}

.s010201_wrap .bottom_wrap .list_box .box.bg03 {
    border: 1px solid #1953ae;
}

.s010201_wrap .bottom_wrap .list_box .box.bg01 .box_title {
    background: #209f91;
}

.s010201_wrap .bottom_wrap .list_box .box.bg02 .box_title {
    background: #0e8abd;
}

.s010201_wrap .bottom_wrap .list_box .box.bg03 .box_title {
    background: #1953ae;
}

.s010201_wrap .bottom_wrap .list_box .box .box_title {
    height: 79px;
    border-radius: 10px 10px 0 0;
}

.s010201_wrap .bottom_wrap .list_box .box .box_title strong {
    display: table;
    width: 100%;
    height: 100%;
}

.s010201_wrap .bottom_wrap .list_box .box .box_title strong span {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.47;
    letter-spacing: -0.045em;
    padding: 10px 5px;
}

.s010201_wrap .bottom_wrap .list_box .box .box_text {
    text-align: left;
    padding: 35px 20px;
    border-radius: 0 0 10px 10px;
}

.s010201_wrap .bottom_wrap .list_box .box .box_text .text {
    min-height: 180px;
}

.s010201_wrap .bottom_wrap .list_box .box .box_text .text strong {
    color: #00274e;
    font-size: 15px;
    letter-spacing: -0.055em;
    font-weight: bold;
}

.s010201_wrap .bottom_wrap .list_box .box .box_text .text>ul>li {
    color: #666;
    letter-spacing: -0.1em;
    font-size: 15px;
}

.s010201_wrap .bottom_wrap .list_box .box .box_text .text+.text {
    border-top: 1px dashed #ddd;
    margin-top: 20px;
    padding-top: 20px;
}

/*220211 2022년 방향 box height 조정*/
.s010201_wrap .bottom_wrap .list_box .box {
    min-height: 853px
}

@media(max-width: 1023px) {
    .s010201_wrap .top_wrap .list_box {
        padding: 29px 0 0;
    }

    .s010201_wrap .top_wrap .list_box::before {
        left: 24%;
        width: 52%;
    }
}

@media(max-width: 840px) {
    .s010201_wrap .bottom_wrap .title::after {
        display: none;
    }

    .s010201_wrap .bottom_wrap .list_box {
        text-align: center;
        margin-top: 29px;
        padding-top: 43px;
        position: relative;
    }

    .s010201_wrap .bottom_wrap .list_box::before {
        display: none;
    }

    .s010201_wrap .bottom_wrap .list_box .box {
        float: none;
        width: 100%;
        min-height: auto;
    }

    .s010201_wrap .bottom_wrap .list_box .box .box_text .text {
        min-height: auto;
    }

    .s010201_wrap .bottom_wrap .list_box .box+.box {
        margin-left: 0;
        margin-top: 43px;
    }

    .s010201_wrap .bottom_wrap .list_box {
        margin-top: 0;
    }
}

@media(max-width: 767px) {
    .s010201_wrap .top_wrap .title::after {
        display: none;
    }

    .s010201_wrap .top_wrap .list_box {
        padding: 29px 0 0;
        margin-top: 0;
    }

    .s010201_wrap .top_wrap .list_box::before {
        display: none;
    }

    .s010201_wrap .top_wrap .list_box .box {
        float: none;
        width: 100%;
        min-height: auto;
    }

    .s010201_wrap .top_wrap .list_box .box+.box {
        margin-left: 0;
        margin-top: 29px;
    }
}

/* sub010201 2021년방향 End */
/* sub010202 민선7기 2년 성과 시작 */
.s010202_topbox {
    background: #2f68c2;
    text-align: center;
    position: relative;
}

.s010202_topbox.type01::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 297px;
    height: 172px;
    background: url(/images/mayor/sub01/s010202_type01_leftbg.png) no-repeat;
    background-size: cover;
}

.s010202_topbox.type01::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 157px;
    height: 164px;
    background: url(/images/mayor/sub01/s010202_type01_rightbg.png) no-repeat;
    background-size: cover;
}

.s010202_topbox.type02::before {
    content: "";
    position: absolute;
    left: 50px;
    bottom: 0;
    width: 281px;
    height: 161px;
    background: url(/images/mayor/sub01/s010202_type02_leftbg.png) no-repeat;
    background-size: cover;
}

.s010202_topbox.type02::after {
    content: "";
    position: absolute;
    right: 72px;
    bottom: 68px;
    width: 77px;
    height: 47px;
    background: url(/images/mayor/sub01/s010202_type02_rightbg.png) no-repeat;
    background-size: cover;
}

.s010202_topbox.type01 {
    padding: 73px 20px 46px;
}

.s010202_topbox.type02 {
    padding: 72px 20px 52px;
    margin-top: 140px;
}

.s010202_topbox.type02 p {
    line-height: 1.5;
    margin: 0 0 15px;
}

.s010202_topbox.type01 p::before {
    content: "";
    position: absolute;
    left: -45px;
    top: -10px;
    width: 27px;
    height: 21px;
    background: url(/images/mayor/sub01/s010202_quotes.png) no-repeat;
}

.s010202_topbox.type01 p::after {
    content: "";
    position: absolute;
    right: -65px;
    bottom: -14px;
    width: 27px;
    height: 21px;
    background: url(/images/mayor/sub01/s010202_quotes.png) no-repeat;
    transform: rotate(180deg);
}

.s010202_topbox strong {
    color: #fff;
    font-size: 18px;
    letter-spacing: -0.025em;
    font-weight: bold;
    font-family: "score";
    display: block;
}

.s010202_topbox p {
    color: #fff;
    font-size: 34px;
    letter-spacing: -0.045em;
    font-weight: 300;
    font-family: "score";
    position: relative;
    display: inline-block;
    margin: 17px 0;
    line-height: 1.2;
}

.s010202_topbox p span {
    position: relative;
    font-weight: bold;
    display: inline-block;
    line-height: 1.2;
}

.s010202_topbox p span::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5.5px;
    width: 100%;
    height: 2px;
    background: #fff;
}

.s010202_topbox p span::after {
    content: "";
    position: absolute;
    right: -17px;
    bottom: -10px;
    width: 11px;
    height: 13px;
    background: url(/pcms/dist/img/p01/greetings_se01d_icon.png) no-repeat;
}

.s010202_topbox em {
    color: #fff;
    font-size: 17px;
    letter-spacing: -0.045em;
    font-weight: 300;
    display: block;
}

.s010202_type01_list {
    border: 1px solid #cdd6e4;
    border-radius: 15px;
    overflow: hidden;
    margin-top: 50px;
}

.s010202_type01_list .title_box {
    padding: 67px 30px 20px 190px;
    background: #f8fafe;
    position: relative;
}

.s010202_type01_list .title_box span {
    display: block;
    position: absolute;
    left: 58px;
    bottom: 0;
    width: 111px;
    height: 79px;
    background: url(/images/mayor/sub01/s010202_list_icon.png) no-repeat;
    text-align: center;
    padding-top: 30px;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    letter-spacing: -0.045em;
    font-weight: bold;
}

.s010202_type01_list .title_box span.bg01 {
    background-position: 0 0;
}

.s010202_type01_list .title_box span.bg02 {
    background-position: -121px 0;
}

.s010202_type01_list .title_box span.bg03 {
    background-position: -242px 0;
}

.s010202_type01_list .title_box span.bg04 {
    background-position: -363px 0;
}

.s010202_type01_list .title_box span.bg05 {
    background-position: -485px 0;
}

.s010202_type01_list .title_box strong {
    color: #00274e;
    font-size: 20px;
    letter-spacing: -0.045em;
    font-weight: bold;
}

.s010202_type01_list .text_box {
    padding: 48px 66px;
    overflow: hidden;
    margin-left: -100px;
}

.s010202_type01_list .text_box .inner {
    float: left;
    width: calc(50% - 89px);
    margin-left: 89px;
}

.s010202_type01_list .text_box .inner .top {
    position: relative;
    padding-left: 78px;
}

.s010202_type01_list .text_box .inner .top .icon {
    width: 65px;
    height: 65px;
    background: #f0f4f8;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -32.5px;
}

.s010202_type01_list .text_box .inner .top .icon em {
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(/images/mayor/sub01/sub010202_ir.png) no-repeat;
    margin-left: -17px;
    margin-top: -17px;
    width: 34px;
    height: 34px;
}

.s010202_type01_list .text_box .inner .top .icon em.icon01 {
    background-position: 0 0;
}

.s010202_type01_list .text_box .inner .top .icon em.icon02 {
    background-position: -44px 0;
}

.s010202_type01_list .text_box .inner .top .icon em.icon03 {
    background-position: -88px 0;
}

.s010202_type01_list .text_box .inner .top .icon em.icon04 {
    background-position: -132px 0;
}

.s010202_type01_list .text_box .inner .top .icon em.icon05 {
    background-position: -176px 0;
}

.s010202_type01_list .text_box .inner .top .icon em.icon06 {
    background-position: -220px 0;
}

.s010202_type01_list .text_box .inner .top .icon em.icon07 {
    background-position: -264px 0;
}

.s010202_type01_list .text_box .inner .top .icon em.icon08 {
    background-position: -308px 0;
}

.s010202_type01_list .text_box .inner .top strong {
    color: #00274e;
    font-size: 18px;
    letter-spacing: -0.045em;
    font-weight: bold;
}

.s010202_type01_list .text_box .inner .top p {
    color: #00274e;
    margin: 0;
    letter-spacing: -0.045em;
    font-size: 18px;
}

.s010202_type01_list .text_box .inner .list {
    padding-left: 0;
    margin-top: 25px;
}

.s010202_type01_list .text_box .inner .list .item {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 15px;
}

.s010202_type01_list .text_box .inner .list .item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}

.s010202_type01_list .text_box .inner .list .item strong {
    color: #114ab0;
    font-size: 17px;
    letter-spacing: -0.025em;
    font-weight: bold;
}

.s010202_type01_goal {
    padding: 60px 0;
    border-bottom: 1px dashed #ddd;
}

.s010202_type01_goal .goal_box {
    position: relative;
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}

.s010202_type01_goal .goal_box .inner {
    border: 6px solid #bed0ec;
    position: relative;
    padding: 0 15px 20px;
}

.s010202_type01_goal .goal_box .inner::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -6px;
    width: 98%;
    height: 6px;
    background: #fff;
    transform: translateX(-50%);
}

.s010202_type01_goal .goal_box .inner::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 98%;
    height: 6px;
    background: #fff;
    transform: translateX(-50%);
}

.s010202_type01_goal .goal_box .inner p {
    margin-top: 20px;
    color: #153b75;
    font-size: 24px;
    letter-spacing: -0.045em;
    font-weight: 300;
}

.s010202_type01_goal .goal_box .inner p em {
    font-weight: bold;
}

.s010202_type02_list {
    border: 1px solid #cdd6e4;
    border-radius: 15px;
    margin-top: -20px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.s010202_type02_list .item {
    padding: 35px 70px;
    border-top: 1px dashed #ddd;
}

.s010202_type02_list .item:first-child {
    padding-top: 70px;
    border: 0;
}

.s010202_type02_list .item:last-child {
    padding-bottom: 85px;
}

.s010202_type02_list .item:nth-child(odd) {
    background: #fff;
}

.s010202_type02_list .item:nth-child(even) {
    background: #fafbfc;
}

.s010202_type02_list .item .inner {
    padding-left: 118px;
    position: relative;
}

.s010202_type02_list .item .inner .icon {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background: #f0f4f8;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

.s010202_type02_list .item .inner .icon em {
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(/images/mayor/sub01/sub010202_ir.png) no-repeat;
    margin-left: -17px;
    margin-top: -17px;
    width: 34px;
    height: 34px;
}

.s010202_type02_list .item .inner .icon em.icon01 {
    background-position: 0 -44px;
}

.s010202_type02_list .item .inner .icon em.icon02 {
    background-position: -44px -44px;
}

.s010202_type02_list .item .inner .icon em.icon03 {
    background-position: -88px -44px;
}

.s010202_type02_list .item .inner .icon em.icon04 {
    background-position: -132px -44px;
}

.s010202_type02_list .item .inner .icon em.icon05 {
    background-position: -176px -44px;
}

.s010202_type02_list .item .inner .icon em.icon06 {
    background-position: -220px -44px;
}

.s010202_type02_list .item .inner .icon em.icon07 {
    background-position: -264px -44px;
}

.s010202_type02_list .item .inner .icon em.icon08 {
    background-position: -308px -44px;
}

.s010202_type02_list .item .inner .icon em.icon09 {
    background-position: -352px -44px;
}

.s010202_type02_list .item .inner .icon em.icon10 {
    background-position: -396px -44px;
}

.s010302 .item .inner .icon em {
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(/images/mayor/sub01/sub010202_ir_240116.png) no-repeat;
    margin-left: -17px;
    margin-top: -17px;
    width: 34px;
    height: 34px;
}

.s010202_type02_list .item .inner .title strong {
    color: #1759c0;
    font-size: 20px;
    letter-spacing: -0.045em;
    font-weight: bold;
    font-family: "score";
}

.s010202_type02_list .item .inner .title strong em {
    font-size: 35px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    line-height: 1;
    vertical-align: top;
}

.s010202_type02_list .item .inner .title strong em::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 20px;
    background: #fff;
}

.s010202_type02_list .item .inner .title p {
    color: #00274e;
    font-size: 18px;
    letter-spacing: -0.045em;
    margin-top: -5px;
}

.s010202_type02_list .item .inner .title span {
    color: #3297f3;
    font-size: 20px;
    letter-spacing: -0.045em;
    font-weight: bold;
    font-family: "score";
    margin-left: 7px;
}

@media(max-width: 899px) {
    .s010202_topbox.type01::before {
        width: 197px;
        height: 114px;
    }

    .s010202_topbox.type01::after {
        width: 57px;
        height: 59px;
    }

    .s010202_topbox.type02::before {
        width: 181px;
        height: 103px;
    }

    .s010202_topbox.type02::after {
        width: 77px;
        height: 47px;
    }
}

@media(max-width: 767px) {
    .s010202_type01_list .title_box {
        padding: 40px 5% 20px;
        text-align: center;
    }

    .s010202_type01_list .title_box span {
        position: relative;
        left: auto;
        bottom: auto;
        margin: 0 auto 10px;
    }

    .s010202_type01_list .text_box {
        padding: 48px 5%;
        margin-left: 0;
    }

    .s010202_type01_list .text_box .inner {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .s010202_type01_list .text_box .inner+.inner {
        margin-top: 50px;
    }

    .s010202_topbox.type01 p::before,
    .s010202_topbox.type01 p::after,
    .s010202_topbox.type01::before,
    .s010202_topbox.type01::after,
    .s010202_topbox.type02::before,
    .s010202_topbox.type02::after {
        display: none;
    }

    .s010202_type01_goal .goal_box .inner p {
        font-size: 20px;
    }
}

@media(max-width: 640px) {
    .s010202_topbox p {
        font-size: 27px;
    }

    .s010202_topbox.type01,
    .s010202_topbox.type02 {
        padding: 50px 20px;
    }

    .s010202_type02_list .item {
        padding: 35px 30px;
    }

    .s010202_type02_list .item:first-child,
    .s010202_type02_list .item:last-child {
        padding-top: 35px;
    }

    .s010202_type02_list .item .inner {
        padding-left: 0;
    }

    .s010202_type02_list .item .inner .icon {
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto 20px;
    }
}

@media(max-width: 450px) {

    .s010202_type01_goal .goal_box .inner::before,
    .s010202_type01_goal .goal_box .inner::after {
        width: 95%;
    }
}

/* sub010202 민선7기 2년 성과 끝 */
/* sub010202 민선7기 2년 성과 시작 */
.s010203_topbox {
    background: #2f68c2;
    text-align: center;
    position: relative;
}

.s010203_topbox.type01::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 297px;
    height: 172px;
    background: url(/images/mayor/sub01/s010202_type01_leftbg.png) no-repeat;
    background-size: cover;
}

.s010203_topbox.type01::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 157px;
    height: 164px;
    background: url(/images/mayor/sub01/s010202_type01_rightbg.png) no-repeat;
    background-size: cover;
}

.s010203_topbox.type02::before {
    content: "";
    position: absolute;
    left: 50px;
    bottom: 0;
    width: 281px;
    height: 161px;
    background: url(/images/mayor/sub01/s010202_type02_leftbg.png) no-repeat;
    background-size: cover;
}

.s010203_topbox.type02::after {
    content: "";
    position: absolute;
    right: 72px;
    bottom: 68px;
    width: 77px;
    height: 47px;
    background: url(/images/mayor/sub01/s010202_type02_rightbg.png) no-repeat;
    background-size: cover;
}

.s010203_topbox.type01 {
    padding: 73px 20px 46px;
}

.s010203_topbox.type02 {
    padding: 72px 20px 52px;
}

.s010203_topbox.type02 p {
    line-height: 1.5;
    margin: 0 0 15px;
}

.s010203_topbox.type01 p::before {
    content: "";
    position: absolute;
    left: -45px;
    top: -10px;
    width: 27px;
    height: 21px;
    background: url(/images/mayor/sub01/s010202_quotes.png) no-repeat;
}

.s010203_topbox.type01 p::after {
    content: "";
    position: absolute;
    right: -65px;
    bottom: -14px;
    width: 27px;
    height: 21px;
    background: url(/images/mayor/sub01/s010202_quotes.png) no-repeat;
    transform: rotate(180deg);
}

.s010203_topbox strong {
    color: #fff;
    font-size: 18px;
    letter-spacing: -0.025em;
    font-weight: bold;
    font-family: "score";
    display: block;
}

.s010203_topbox p {
    color: #fff;
    font-size: 34px;
    letter-spacing: -0.045em;
    font-weight: 300;
    font-family: "score";
    position: relative;
    display: inline-block;
    margin: 17px 0;
    line-height: 1.2;
}

.s010203_topbox p span {
    position: relative;
    font-weight: bold;
    display: inline-block;
    line-height: 1.2;
}

.s010203_topbox p span::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5.5px;
    width: 100%;
    height: 2px;
    background: #fff;
}

.s010203_topbox p span::after {
    content: "";
    position: absolute;
    right: -17px;
    bottom: -10px;
    width: 11px;
    height: 13px;
    background: url(/pcms/dist/img/p01/greetings_se01d_icon.png) no-repeat;
}

.s010203_topbox em {
    color: #fff;
    font-size: 17px;
    letter-spacing: -0.045em;
    font-weight: 300;
    display: block;
}

.s010203_type01_list {
    border: 1px solid #cdd6e4;
    border-radius: 15px;
    overflow: hidden;
    margin-top: 50px;
}

.s010203_type01_list .title_box {
    padding: 67px 30px 20px 190px;
    background: #f8fafe;
    position: relative;
}

.s010203_type01_list .title_box span {
    display: block;
    position: absolute;
    left: 58px;
    bottom: 0;
    width: 111px;
    height: 79px;
    background: url(/images/mayor/sub01/s010202_list_icon.png) no-repeat;
    text-align: center;
    padding-top: 30px;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    letter-spacing: -0.045em;
    font-weight: bold;
}

.s010203_type01_list .title_box span.bg01 {
    background-position: 0 0;
}

.s010203_type01_list .title_box span.bg02 {
    background-position: -121px 0;
}

.s010203_type01_list .title_box span.bg03 {
    background-position: -242px 0;
}

.s010203_type01_list .title_box span.bg04 {
    background-position: -363px 0;
}

.s010203_type01_list .title_box strong {
    color: #00274e;
    font-size: 20px;
    letter-spacing: -0.045em;
    font-weight: bold;
}

.s010203_type01_list .text_box {
    padding: 48px 66px;
    overflow: hidden;
    margin-left: -100px;
}

.s010203_type01_list .text_box .inner {
    float: left;
    width: calc(50% - 100px);
    margin-left: 100px;
}

.s010203_type01_list .text_box .inner .top {
    position: relative;
    padding-left: 78px;
}

.s010203_type01_list .text_box .inner .top .icon {
    width: 65px;
    height: 65px;
    background: #f0f4f8;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -32.5px;
}

.s010203_type01_list .text_box .inner .top .icon em {
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(/images/mayor/sub01/sub010202_ir.png) no-repeat;
    margin-left: -17px;
    margin-top: -17px;
    width: 34px;
    height: 34px;
}

.s010203_type01_list .text_box .inner .top .icon em.icon01 {
    background-position: 0 0;
}

.s010203_type01_list .text_box .inner .top .icon em.icon02 {
    background-position: -44px 0;
}

.s010203_type01_list .text_box .inner .top .icon em.icon03 {
    background-position: -88px 0;
}

.s010203_type01_list .text_box .inner .top .icon em.icon04 {
    background-position: -132px 0;
}

.s010203_type01_list .text_box .inner .top .icon em.icon05 {
    background-position: -176px 0;
}

.s010203_type01_list .text_box .inner .top .icon em.icon06 {
    background-position: -220px 0;
}

.s010203_type01_list .text_box .inner .top .icon em.icon07 {
    background-position: -264px 0;
}

.s010203_type01_list .text_box .inner .top .icon em.icon08 {
    background-position: -308px 0;
}

.s010203_type01_list .text_box .inner .top strong {
    color: #00274e;
    font-size: 18px;
    letter-spacing: -0.045em;
    font-weight: bold;
}

.s010203_type01_list .text_box .inner .top p {
    color: #00274e;
    margin: 0;
    letter-spacing: -0.045em;
    font-size: 18px;
}

.s010203_type01_list .text_box .inner .list {
    padding-left: 15px;
    margin-top: 25px;
}

.s010203_type01_list .text_box .inner .list .item {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 15px;
}

.s010203_type01_list .text_box .inner .list .item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}

.s010203_type01_list .text_box .inner .list .item strong {
    color: #114ab0;
    font-size: 17px;
    letter-spacing: -0.025em;
    font-weight: bold;
}

.s010203_type01_goal {
    padding: 60px 0;
    border-bottom: 1px dashed #ddd;
}

.s010203_type01_goal .goal_box {
    position: relative;
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}

.s010203_type01_goal .goal_box .inner {
    border: 6px solid #bed0ec;
    position: relative;
    padding: 0 15px 20px;
}

.s010203_type01_goal .goal_box .inner::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -6px;
    width: 98%;
    height: 6px;
    background: #fff;
    transform: translateX(-50%);
}

.s010203_type01_goal .goal_box .inner::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 98%;
    height: 6px;
    background: #fff;
    transform: translateX(-50%);
}

.s010203_type01_goal .goal_box .inner p {
    margin-top: 20px;
    color: #153b75;
    font-size: 24px;
    letter-spacing: -0.045em;
    font-weight: 300;
}

.s010203_type01_goal .goal_box .inner p em {
    font-weight: bold;
}

.s010203_type02_list {
    border: 1px solid #cdd6e4;
    border-radius: 15px;
    margin-top: -20px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.s010203_type02_list .item {
    padding: 35px 70px;
    border-top: 1px dashed #ddd;
}

.s010203_type02_list .item:first-child {
    padding-top: 70px;
    border: 0;
}

.s010203_type02_list .item:last-child {
    padding-bottom: 85px;
}

.s010203_type02_list .item:nth-child(odd) {
    background: #fff;
}

.s010203_type02_list .item:nth-child(even) {
    background: #fafbfc;
}

.s010203_type02_list .item .inner {
    padding-left: 118px;
    position: relative;
}

.s010203_type02_list .item .inner .icon {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background: #f0f4f8;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

.s010203_type02_list .item .inner .icon em {
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(/images/mayor/sub01/sub010202_ir.png) no-repeat;
    margin-left: -17px;
    margin-top: -17px;
    width: 34px;
    height: 34px;
}

.s010203_type02_list .item .inner .icon em.icon01 {
    background-position: 0 -44px;
}

.s010203_type02_list .item .inner .icon em.icon02 {
    background-position: -44px -44px;
}

.s010203_type02_list .item .inner .icon em.icon03 {
    background-position: -88px -44px;
}

.s010203_type02_list .item .inner .icon em.icon04 {
    background-position: -132px -44px;
}

.s010203_type02_list .item .inner .icon em.icon05 {
    background-position: -176px -44px;
}

.s010203_type02_list .item .inner .icon em.icon06 {
    background-position: -220px -44px;
}

.s010203_type02_list .item .inner .icon em.icon07 {
    background-position: -264px -44px;
}

.s010203_type02_list .item .inner .icon em.icon08 {
    background-position: -308px -44px;
}

.s010203_type02_list .item .inner .icon em.icon09 {
    background-position: -352px -44px;
}

.s010203_type02_list .item .inner .icon em.icon10 {
    background-position: -396px -44px;
}

.s010203_type02_list .item .inner .icon em.icon11 {
    background-position: 0 0;
}

.s010203_type02_list .item .inner .icon em.icon12 {
    background-position: -44px 0;
}

.s010203_type02_list .item .inner .icon em.icon13 {
    background-position: -88px 0;
}

.s010203_type02_list .item .inner .icon em.icon14 {
    background-position: -132px 0;
}

.s010203_type02_list .item .inner .icon em.icon15 {
    background-position: -176px 0;
}

.s010203_type02_list .item .inner .icon em.icon16 {
    background-position: -220px 0;
}

.s010203_type02_list .item .inner .icon em.icon17 {
    background-position: -264px 0;
}

.s010203_type02_list .item .inner .icon em.icon18 {
    background-position: -308px 0;
}

.s010203_type02_list .item .inner .title strong {
    color: #1759c0;
    font-size: 20px;
    letter-spacing: -0.045em;
    font-weight: bold;
    font-family: "score";
}

.s010203_type02_list .item .inner .title strong em {
    /*font-size:35px;*/
    font-size: 32px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    line-height: 1;
    vertical-align: top;
}

/*.s010203_type02_list .item .inner .title strong em::after{content: "";position: absolute;left:0;bottom:-8px;width:100%;height:20px;background: #fff;}*/
.s010203_type02_list .item .inner .title p {
    color: #00274e;
    font-size: 18px;
    letter-spacing: -0.045em;
    /*margin-top:-5px;*/
}

@media(max-width: 899px) {
    .s010203_topbox.type01::before {
        width: 197px;
        height: 114px;
    }

    .s010203_topbox.type01::after {
        width: 57px;
        height: 59px;
    }

    .s010203_topbox.type02::before {
        width: 181px;
        height: 103px;
    }

    .s010203_topbox.type02::after {
        width: 77px;
        height: 47px;
    }
}

@media(max-width: 767px) {
    .s010203_type01_list .title_box {
        padding: 40px 5% 20px;
        text-align: center;
    }

    .s010203_type01_list .title_box span {
        position: relative;
        left: auto;
        bottom: auto;
        margin: 0 auto 10px;
    }

    .s010203_type01_list .text_box {
        padding: 48px 5%;
        margin-left: 0;
    }

    .s010203_type01_list .text_box .inner {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .s010203_type01_list .text_box .inner+.inner {
        margin-top: 50px;
    }

    .s010203_topbox.type01 p::before,
    .s010203_topbox.type01 p::after,
    .s010203_topbox.type01::before,
    .s010203_topbox.type01::after,
    .s010203_topbox.type02::before,
    .s010203_topbox.type02::after {
        display: none;
    }

    .s010203_type01_goal .goal_box .inner p {
        font-size: 20px;
    }
}

@media(max-width: 640px) {
    .s010203_topbox p {
        font-size: 27px;
    }

    .s010203_topbox.type01,
    .s010203_topbox.type02 {
        padding: 50px 20px;
    }

    .s010203_type02_list .item {
        padding: 35px 30px;
    }

    .s010203_type02_list .item:first-child,
    .s010203_type02_list .item:last-child {
        padding-top: 35px;
    }

    .s010203_type02_list .item .inner {
        padding-left: 0;
    }

    .s010203_type02_list .item .inner .icon {
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto 20px;
    }
}

@media(max-width: 450px) {

    .s010203_type01_goal .goal_box .inner::before,
    .s010203_type01_goal .goal_box .inner::after {
        width: 95%;
    }
}

/* sub010202 민선7기 2년 성과 끝 */
/* sub02020303 연차별 예산계획 시작 */
.budget_plan {
    height: 402px;
    position: relative;
    margin-top: 100px;
}

.budget_plan.title {
    margin-top: 0;
}

.budget_plan.title .plan_info {
    background: #154388 url(/images/mayor/sub02/budget_plan_bg.png) right -80px bottom -70px no-repeat;
}

.budget_plan.title .plan_info .graph_title em {
    color: #fff;
    font-size: 17px;
    font-family: "Noto Sans KR";
}

.budget_plan.title .plan_info .graph_title p {
    font-size: 30px;
    line-height: 1.2;
    margin-top: 15px;
}

.budget_plan .plan_info {
    width: 236px;
    height: 100%;
    background: #2c63ba;
    padding: 50px 31px 50px 40px;
    border-top-left-radius: 50px;
    position: absolute;
    left: 0;
    top: 0;
}

.budget_plan .plan_info .graph_title em {
    display: inline-block;
    color: #58deff;
    font-size: 35px;
    letter-spacing: -0.025em;
    font-family: "mont";
    line-height: 1.2;
}

.budget_plan .plan_info .graph_title p {
    color: #fff;
    font-size: 20px;
    letter-spacing: -0.025em;
    font-weight: bold;
    font-family: "score";
    margin-top: 5px;
    line-height: 1.3;
}

.budget_plan .plan_info .graph_img {
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);
    width: 100%;
    line-height: 0;
}

.budget_plan .plan_info .graph_img img {
    margin-bottom: 40px;
}

.budget_plan .plan_info .graph_img .unit {
    color: #fff;
    font-size: 14px;
    letter-spacing: -0.025em;
    margin-top: 10px;
    position: absolute;
    right: 25px;
    bottom: 0;
    line-height: 1.6;
}

.budget_plan .budget_info {
    overflow: hidden;
    padding-left: 251px;
    height: 100%;
}

.budget_plan .budget_info .item {
    float: left;
    width: calc(50% - 8px);
    height: 100%;
    border: 1px solid #ddd;
    text-align: center;
    display: table;
    table-layout: fixed;
}

.budget_plan .budget_info .item+.item {
    margin-left: 15px;
}

.budget_plan .budget_info .item .inner {
    display: table-cell;
    vertical-align: middle;
    padding: 45px 5% 11px;
}

.budget_plan .budget_info .item .inner strong {
    color: #00274e;
    font-size: 16px;
    letter-spacing: -0.025em;
    display: block;
    margin-top: 10px;
}

@media(max-width: 999px) {
    .budget_plan {
        height: auto;
    }

    .budget_plan .plan_info {
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
        overflow: hidden;
        padding: 30px 40px;
    }

    .budget_plan .plan_info .graph_title {
        float: left;
        width: 75%;
    }

    .budget_plan .plan_info .graph_img {
        position: relative;
        left: auto;
        bottom: auto;
        transform: none;
        width: 25%;
        float: left;
    }

    .budget_plan .plan_info .graph_img img {
        margin-bottom: 0;
    }

    .budget_plan .plan_info .graph_img .unit {
        text-align: center;
        padding-right: 0;
        position: relative;
        right: auto;
        bottom: auto;
    }

    .budget_plan.title .plan_info .graph_title,
    .budget_plan.title .plan_info .graph_img {
        float: none;
        width: 100%;
    }

    .budget_plan.title .plan_info .graph_img .unit {
        text-align: left;
    }

    .budget_plan .budget_info {
        padding-left: 0;
        margin-top: 30px;
    }
}

@media(max-width: 640px) {
    .budget_plan .budget_info .item {
        float: none;
        width: 100%;
        display: block;
    }

    .budget_plan .budget_info .item+.item {
        margin-left: 0;
        margin-top: 15px;
    }

    .budget_plan .budget_info .item .inner {
        display: block;
    }
}

@media(max-width: 500px) {
    .budget_plan .plan_info .graph_title {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }

    .budget_plan .plan_info .graph_img {
        float: none;
        width: 100%;
    }

    .budget_plan .budget_info {
        padding-left: 0;
        margin-top: 30px;
    }
}

/* sub02020303 연차별 예산계획 끝 */
/* sub020205 공약지도  */
.s020205_wrap {}

.s020205_wrap .topbox {
    border: 1px solid #2c64bb;
    padding: 25px 50px;
}

.s020205_wrap .topbox .inner {
    position: relative;
    padding-left: 215px;
}

.s020205_wrap .topbox .inner .title {
    position: absolute;
    left: 0;
    top: 50%;
    background: linear-gradient(-125deg, #2f59c2, #0a96a7);
    display: table;
    width: 175px;
    height: 175px;
    border-radius: 100%;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.s020205_wrap .topbox .inner .title p {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 18px;
    letter-spacing: -0.045em;
    line-height: 1.33;
    position: relative;
}

.s020205_wrap .topbox .inner .title p span {
    position: relative;
    padding-top: 35px;
    display: inline-block;
}

.s020205_wrap .topbox .inner .title p span::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 29px;
    height: 29px;
    margin-left: -14.5px;
    background: url(/images/mayor/sub02/sub020205_icon.png) no-repeat;
}

.s020205_wrap .topbox .inner .title p span em {
    display: block;
    font-weight: bold;
}

.s020205_wrap .topbox .inner .list {
    padding: 20px 20px 20px 45px;
    border-left: 1px solid #ddd;
}

.s020205_wrap .topbox .inner .list strong {
    color: #333;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: -0.045em;
    display: block;
}

.s020205_wrap .topbox .inner .list .list-1st {
    overflow: hidden;
    margin-left: -20px;
}

.s020205_wrap .topbox .inner .list .list-1st li {
    float: left;
    margin-left: 20px;
    width: calc(50% - 20px);
    letter-spacing: -0.055em;
}

.s020205_wrap .mapbox {
    background: #fff;
    border: 1px solid #ddd;
    margin-top: 50px;
}

.s020205_wrap .mapbox .area_list {
    text-align: center;
    background: #f7f8f9;
    padding: 40px 20px 30px;
}

.s020205_wrap .mapbox .area_list ul {
    display: inline-block;
    max-width: 600px;
    margin-left: -20px;
}

.s020205_wrap .mapbox .area_list ul:after {
    content: "";
    visibility: visible;
    clear: both;
    display: block;
}

.s020205_wrap .mapbox .area_list ul li {
    float: left;
    margin-left: 20px;
    width: calc(16.66% - 20px);
    margin-bottom: 10px;
    text-align: left;
    position: relative;
    padding-left: 20px;
}

.s020205_wrap .mapbox .area_list ul li em {
    position: absolute;
    left: 0;
    top: 7px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.s020205_wrap .mapbox .area_list ul li em.bg01 {
    background: #dd859d;
}

.s020205_wrap .mapbox .area_list ul li em.bg02 {
    background: #5b86e8;
}

.s020205_wrap .mapbox .area_list ul li em.bg03 {
    background: #6cba7f;
}

.s020205_wrap .mapbox .area_list ul li em.bg04 {
    background: #5dc196;
}

.s020205_wrap .mapbox .area_list ul li em.bg05 {
    background: #00a09c;
}

.s020205_wrap .mapbox .area_list ul li em.bg06 {
    background: #1ebcbb;
}

.s020205_wrap .mapbox .area_list ul li em.bg07 {
    background: #1258d8;
}

.s020205_wrap .mapbox .area_list ul li em.bg08 {
    background: #dd7676;
}

.s020205_wrap .mapbox .area_list ul li em.bg09 {
    background: #4559af;
}

.s020205_wrap .mapbox .area_list ul li em.bg10 {
    background: #9181e2;
}

.s020205_wrap .mapbox .area_list ul li em.bg11 {
    background: #a6b9f7;
}

.s020205_wrap .mapbox .area_list ul li em.bg12 {
    background: #737373;
}

.s020205_wrap .mapbox .area_list ul li em.bg13 {
    background: #511e1e;
}

.s020205_wrap .mapbox .map_list {
    padding: 45px 4.912% 60px
}

@media(max-width: 767px) {
    .s020205_wrap .topbox {
        padding: 25px 20px;
    }

    .s020205_wrap .topbox .inner {
        padding-left: 0;
    }

    .s020205_wrap .topbox .inner .title {
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto 30px;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    .s020205_wrap .topbox .inner .list {
        padding: 20px;
        border-left: 0;
        border-top: 1px solid #ddd;
    }

    .s020205_wrap .mapbox .area_list ul li {
        width: calc(33.33% - 20px);
    }
}

@media(max-width: 499px) {
    .s020205_wrap .topbox .inner .list .list-1st {
        margin-left: 0;
    }

    .s020205_wrap .topbox .inner .list .list-1st li {
        float: none;
        margin-left: 0;
        width: 100%;
    }
}

@media(max-width: 400px) {
    .s020205_wrap .mapbox .area_list ul li {
        width: calc(50% - 20px);
    }
}

/* sub020205 공약지도  End */
/* sub020401 선거공약서 */
.election_pledge {
    margin-top: 48px;
}

.election_pledge:first-child {
    margin-top: 0;
}

.election_pledge.bg01 .title_box {
    background: url(/images/mayor/sub02/election_pledge_bg01.jpg) no-repeat;
    background-size: cover;
}

.election_pledge.bg01 .title_box strong em:after {
    background: #349896;
}

.election_pledge.bg02 .title_box {
    background: url(/images/mayor/sub02/election_pledge_bg02.jpg) no-repeat;
    background-size: cover;
}

.election_pledge.bg02 .title_box strong em:after {
    background: #105f84;
}

.election_pledge.bg03 .title_box {
    background: url(/images/mayor/sub02/election_pledge_bg03.jpg) no-repeat;
    background-size: cover;
}

.election_pledge.bg03 .title_box strong em:after {
    background: #3866b3;
}

.election_pledge.bg04 .title_box {
    background: url(/images/mayor/sub02/election_pledge_bg04.jpg) no-repeat;
    background-size: cover;
}

.election_pledge.bg04 .title_box strong em:after {
    background: #49679c;
}

.election_pledge.bg05 .title_box {
    background: url(/images/mayor/sub02/election_pledge_bg05.jpg) no-repeat;
    background-size: cover;
}

.election_pledge.bg05 .title_box strong em:after {
    background: #4a668a;
}

.election_pledge .title_box {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 168px;
    text-align: center;
    padding: 20px 25px;
}

.election_pledge .title_box strong {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 32px;
    font-weight: 300;
    letter-spacing: -0.045em;
    font-family: "score";
}

.election_pledge .title_box strong em {
    position: relative;
    z-index: 1;
}

.election_pledge .title_box strong em:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 27px;
    z-index: -1;
}

.election_pledge .list_box {
    overflow: hidden;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 30px 4.412% 30px 5.883%
}

.election_pledge .box {
    float: left;
    width: calc(50% - 30px);
}

.election_pledge .box+.box {
    margin-left: 60px;
}

.election_pledge .box .icon_list {
    color: #666;
    font-size: 15px;
    margin: 10px 0;
}

.election_pledge .box .icon_list li {
    position: relative;
    padding-left: 190px;
    margin: 2px 0;
    letter-spacing: -0.045em;
}

.election_pledge .box .icon_list li b {
    position: absolute;
    left: 0;
    top: 0;
    color: #333;
    font-weight: bold;
    letter-spacing: -0.1em;
}

.election_pledge .box .icon_list li b .icon {
    position: relative;
    background: #1c4782;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.election_pledge .box .icon_list li b .icon em {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(/images/mayor/sub02/election_pledge_icon.png) no-repeat;
    width: 22px;
    height: 22px;
}

.election_pledge .box .icon_list li b .icon.icon01 em {
    background-position: 0 0;
}

.election_pledge .box .icon_list li b .icon.icon02 em {
    background-position: -32px 0;
}

.election_pledge .box .icon_list li b .icon.icon03 em {
    background-position: -64px 0;
}

@media(max-width: 767px) {
    .election_pledge .box {
        float: none;
        width: 100%;
    }

    .election_pledge .box+.box {
        margin-left: 0;
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px dashed #ddd;
    }

    .election_pledge .title_box strong {
        font-size: 25px;
    }

    .election_pledge .title_box strong em:after {
        height: 20px;
    }
}

@media(max-width: 450px) {
    .election_pledge .box .icon_list li {
        padding-left: 0;
        margin: 10px 0;
    }

    .election_pledge .box .icon_list li b {
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: 5px;
        display: block;
    }
}

/* sub020401 선거공약서 End */
/* sub020402 선거공보 시작 */
.s020402_wrap {
    margin-bottom: 96px;
}

.s020402_wrap .topbox {
    background: url(/images/mayor/sub02/s020402_topbg.png) no-repeat;
    background-size: 100% 100%;
    min-height: 814px;
    padding: 96px 100px 115px;
}

.s020402_wrap .topbox .title_box {
    text-align: center;
}

.s020402_wrap .topbox .title_box .logo {
    width: 188px;
    height: 44px;
    background: url(/images/mayor/sub02/s020402_title.png) no-repeat;
    display: block;
    margin: 0 auto 25px;
}

.s020402_wrap .topbox .title_box strong {
    color: #2f3a63;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -0.045em;
    font-family: 'score';
}

.s020402_wrap .topbox .title_box strong span {
    font-weight: bold;
}

.s020402_wrap .list_box {
    padding-top: 33px;
    margin-top: 40px;
    border-top: 1px dashed #ddd;
    overflow: hidden;
}

.s020402_wrap .list_box .img {
    float: left;
    width: 253px;
    height: 327px;
    position: relative;
    background: #ebeff6;
}

.s020402_wrap .list_box .img img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.s020402_wrap .list_box .text {
    float: right;
    width: calc(100% - 306px);
    margin-left: 53px;
    padding-top: 27px;
}

.s020402_wrap .list_box .text ul li {
    padding-left: 64px;
    position: relative;
}

.s020402_wrap .list_box .text ul li+li {
    margin-top: 45px;
}

.s020402_wrap .list_box .text ul li em {
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    display: block;
    border-radius: 100%;
}

.s020402_wrap .list_box .text ul li em .icon {
    width: 20px;
    height: 17px;
    display: inline-block;
    background: url(/images/mayor/sub02/s020402_ir.png) no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -8.5px
}

.s020402_wrap .list_box .text ul li em .icon.icon01 {
    background-position: 0 0;
}

.s020402_wrap .list_box .text ul li em .icon.icon02 {
    background-position: -30px 0;
}

.s020402_wrap .list_box .text ul li em .icon.icon03 {
    background-position: -60px 0;
}

.s020402_wrap .list_box .text ul li em .icon.icon04 {
    background-position: -90px 0;
}

.s020402_wrap .list_box .text ul li em .icon.icon05 {
    background-position: -120px 0;
}

.s020402_wrap .list_box .text ul li:nth-child(1) em {
    background: #143b74;
}

.s020402_wrap .list_box .text ul li:nth-child(2) em {
    background: #2f68c2;
}

.s020402_wrap .list_box .text ul li:nth-child(3) em {
    background: #0e8abd;
}

.s020402_wrap .list_box .text ul li:nth-child(4) em {
    background: #1a9d8f;
}

.s020402_wrap .list_box .text ul li:nth-child(5) em {
    background: #1a53ad;
}

.s020402_wrap .list_box .text ul li strong {
    color: #00274e;
    font-size: 18px;
    letter-spacing: -0.045em;
    font-weight: bold;
}

.s020402_wrap .list_box .text ul li p {
    color: #666;
    font-size: 15px;
    letter-spacing: -0.045em;
    margin-top: 0;
}

.s020402_list {
    margin-top: 32px;
}

.s020402_list:first-child {
    margin-top: 0;
}

.s020402_list.bg01 .title_box {
    background: #143b74 url(/images/mayor/sub02/list01_bg.png) right 36px bottom -9px no-repeat;
}

.s020402_list.bg02 .title_box {
    background: #2f68c2 url(/images/mayor/sub02/list02_bg.png) right 44px bottom no-repeat;
}

.s020402_list.bg03 .title_box {
    background: #0e8abd url(/images/mayor/sub02/list03_bg.png) right 38px bottom -19px no-repeat;
}

.s020402_list.bg04 .title_box {
    background: #1a9d8f url(/images/mayor/sub02/list04_bg.png) right 49px bottom -8px no-repeat;
}

.s020402_list.bg05 .title_box {
    background: #1a53ad url(/images/mayor/sub02/list05_bg.png) right 30px bottom -15px no-repeat;
}

.s020402_list .title_box {
    padding: 42px 165px 35px;
    border-radius: 15px 15px 0 0;
    position: relative;
}

.s020402_list .title_box strong {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -0.045em;
    font-family: "score";
}

.s020402_list .title_box p {
    color: #fff;
    font-size: 17px;
    letter-spacing: -0.045em;
    font-weight: 400;
    margin-top: 0;
}

.s020402_list .title_box .icon {
    display: block;
    width: 66px;
    height: 66px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    left: 68px;
    top: 50%;
    margin-top: -33px;
}

.s020402_list .title_box .icon em {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 31px;
    height: 27px;
    background: url(/images/mayor/sub02/s020402_ir.png) no-repeat;
    display: inline-block;
    margin-left: -15.5px;
    margin-top: -13.5px;
}

.s020402_list .title_box .icon .icon01 {
    background-position: 0 -27px;
}

.s020402_list .title_box .icon .icon02 {
    background-position: -41px -27px;
}

.s020402_list .title_box .icon .icon03 {
    background-position: -82px -27px;
}

.s020402_list .title_box .icon .icon04 {
    background-position: -123px -27px;
}

.s020402_list .title_box .icon .icon05 {
    background-position: -164px -27px;
}

.s020402_list .list_box {
    overflow: hidden;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 30px 4.412% 30px 5.883%
}

.s020402_list .box {
    float: left;
    width: calc(50% - 30px);
}

.s020402_list .box+.box {
    margin-left: 60px;
}

.s020402_list .box .icon_list {
    color: #666;
    font-size: 15px;
    margin: 10px 0;
}

.s020402_list .box .icon_list li {
    position: relative;
    padding-left: 190px;
    margin: 2px 0;
    letter-spacing: -0.045em;
}

.s020402_list .box .icon_list li b {
    position: absolute;
    left: 0;
    top: 0;
    color: #333;
    font-weight: bold;
    letter-spacing: -0.1em;
}

.s020402_list .box .icon_list li b .icon {
    position: relative;
    background: #1c4782;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.s020402_list .box .icon_list li b .icon em {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(/images/mayor/sub02/election_pledge_icon.png) no-repeat;
    width: 22px;
    height: 22px;
}

.s020402_list .box .icon_list li b .icon.icon01 em {
    background-position: 0 0;
}

.s020402_list .box .icon_list li b .icon.icon02 em {
    background-position: -32px 0;
}

.s020402_list .box .icon_list li b .icon.icon03 em {
    background-position: -64px 0;
}

@media(max-width: 899px) {
    .s020402_wrap .list_box .img {
        float: none;
        margin: 0 auto 50px;
    }

    .s020402_wrap .list_box .text {
        float: none;
        width: 100%;
        margin-left: 0;
        padding-top: 0;
    }
}

@media(max-width: 767px) {
    .s020402_wrap .topbox {
        background: none;
        min-height: auto;
        padding: 96px 6.878% 115px;
        border: 2px solid #143b74;
        border-radius: 15px;
    }

    .s020402_list .box {
        float: none;
        width: 100%;
    }

    .s020402_list .box+.box {
        margin-left: 0;
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px dashed #ddd;
    }
}

@media(max-width: 640px) {
    .s020402_list .title_box {
        padding: 35px 4.412% 35px;
        text-align: center;
    }

    .s020402_list .title_box .icon {
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto 20px;
    }
}

@media(max-width: 550px) {
    .s020402_wrap .list_box .text {
        text-align: center;
    }

    .s020402_wrap .list_box .text ul li {
        padding-left: 0;
    }

    .s020402_wrap .list_box .text ul li em {
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto 10px;
    }
}

@media(max-width: 450px) {
    .s020402_list .box .icon_list li {
        padding-left: 0;
        margin: 10px 0;
    }

    .s020402_list .box .icon_list li b {
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: 5px;
        display: block;
    }
}

@media(max-width: 340px) {
    .s020402_wrap .list_box .img {
        width: 100%;
    }
}

/* sub020402 선거공보 End */
/* sub060101 구정비전 */
.s0201_wrap {
    margin-top: 80px;
    text-align: center;
}

.s0201_wrap .top .vision_wrap {
    display: table;
    background: #f8fafe;
    margin-bottom: 90px;
    position: relative;
    min-height: 238px;
    z-index: 1;
    width: 100%;
}

.s0201_wrap .top .vision_wrap::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 274px;
    height: 169px;
    background: url(/images/mayor/sub02/s0201_topbg01.png) no-repeat;
    z-index: -2;
    background-size: cover;
}

.s0201_wrap .top .vision_wrap::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 299px;
    height: 205px;
    background: url(/images/mayor/sub02/s0201_topbg02.png) no-repeat;
    z-index: -2;
    background-size: cover;
}

.s0201_wrap .top .vision_wrap .inner {
    display: table-cell;
    vertical-align: middle;
    padding: 50px 30px;
}

.s0201_wrap .top .vision_wrap .inner em {
    font-size: 18px;
    font-family: "score";
    color: #2c64bb;
    letter-spacing: 0.08em;
}

.s0201_wrap .top .vision_wrap .inner p {
    font-size: 23px;
    color: #172857;
    font-family: "score";
    letter-spacing: -0.045em;
    line-height: 1.36;
    font-weight: 300;
    margin-top: 30px;
}

.s0201_wrap .top .vision_wrap .inner p+p {
    margin-top: 0;
    font-size: 28px;
}

.s0201_wrap .top .vision_wrap .inner p+p span {
    color: #2f68c2;
    position: relative;
    font-weight: bold;
    display: inline-block;
}

.s0201_wrap .top .vision_wrap .inner p+p span::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 26px;
    background: #dae8f8;
    z-index: -1;
}

.s0201_wrap .top .vision_mean {
    border: 6px solid #153b75;
    max-width: 715px;
    margin: 0 auto;
}

.s0201_wrap .top .vision_mean .inner {
    position: relative;
    padding: 15px;
}

.s0201_wrap .top .vision_mean .inner::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -6px;
    width: 98%;
    height: 6px;
    background: #fff;
    transform: translateX(-50%);
}

.s0201_wrap .top .vision_mean .inner::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 98%;
    height: 6px;
    background: #fff;
    transform: translateX(-50%);
}

.s0201_wrap .top .vision_mean .inner strong {
    color: #3a4258;
    font-size: 19px;
    font-weight: bold;
    font-family: "score";
}

.s0201_wrap .top .vision_mean .inner p {
    font-size: 17px;
    color: #3a3a3a;
    letter-spacing: -0.055em;
    line-height: 1.47;
    margin-top: 5px;
}

.s0201_wrap .top .vision_mean .inner p span {
    display: inline-block;
    font-weight: bold;
    position: relative;
}

.s0201_wrap .top .vision_mean .inner p span::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(72, 139, 245, 0.2);
    height: 14px;
    width: 100%;
}

.s0201_wrap .bottom {
    margin-top: 50px;
}

.s0201_wrap .bottom .stance_wrap {
    padding: 75px 3.704%;
    position: relative;
}

.s0201_wrap .bottom .stance_wrap::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background: #c0cede;
    z-index: -1;
}

.s0201_wrap .bottom .stance_wrap::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    background: #fff;
    border: 3px solid #2f68c2;
    border-radius: 100%;
}

.s0201_wrap .bottom .stance_wrap .stance_center {
    width: 318px;
    height: 318px;
    background: url(/images/kor/sub06/sub060101_bottom.png) no-repeat;
    display: table;
    margin: 0 auto;
}

.s0201_wrap .bottom .stance_wrap .stance_center .inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.s0201_wrap .bottom .stance_wrap .stance_center .inner strong {
    position: absolute;
    left: 50%;
    top: -20px;
    transform: translateX(-50%);
    font-size: 19px;
    color: #222;
    font-weight: bold;
    font-family: "score";
    padding: 10px 10px 0;
    background: #fff;
}

.s0201_wrap .bottom .stance_wrap .stance_inner:after {
    content: "";
    visibility: visible;
    display: block;
    clear: both;
}

.s0201_wrap .bottom .stance_wrap .stance_inner .box {
    position: relative;
    background: #fff;
}

.s0201_wrap .bottom .stance_wrap .stance_inner .box .top_box strong {
    font-size: 16px;
    font-weight: bold;
    color: #00274e;
    letter-spacing: -0.045em;
    display: block;
}

.s0201_wrap .bottom .stance_wrap .stance_inner .box .top_box p {
    color: #666;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.045em;
}

.s0201_wrap .bottom .stance_wrap .stance_inner .box .icon {
    position: absolute;
    top: 50%;
    width: 100px;
    height: 100px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border-radius: 100%;
}

.s0201_wrap .bottom .stance_wrap .stance_inner .box .icon .icon01 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background: url(/images/kor/sub06/sub060101_ir.png) no-repeat;
    display: inline-block;
    width: 37px;
    height: 37px;
}

.s0201_wrap .bottom .stance_wrap .stance_inner .left.box {
    width: calc(50% - 210px);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.s0201_wrap .bottom .stance_wrap .stance_inner .left.box .icon {
    right: -110px;
    background: linear-gradient(290deg, #1661d2 0%, #0591af 100%);
}

.s0201_wrap .bottom .stance_wrap .stance_inner .left.box .icon .icon01 {
    background-position: 0 0;
}

.s0201_wrap .bottom .stance_wrap .stance_inner .right.box {
    width: calc(50% - 210px);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.s0201_wrap .bottom .stance_wrap .stance_inner .right.box .icon {
    left: -110px;
    background: linear-gradient(290deg, #4256d4 0%, #3580d5 100%);
}

.s0201_wrap .bottom .stance_wrap .stance_inner .right.box .icon .icon01 {
    background-position: -47px 0;
}

.s0201_wrap .bottom .goal_wrap {
    margin-bottom: 15px;
}

.s0201_wrap .bottom .goal_wrap .title {
    position: relative;
    padding-bottom: 55px;
}

.s0201_wrap .bottom .goal_wrap .title::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 1px;
    height: 44px;
    background: #c0cede;
}

.s0201_wrap .bottom .goal_wrap .title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -7px;
    width: 9px;
    height: 9px;
    background: #fff;
    border: 2px solid #2f68c2;
    border-radius: 100%;
    transform: translateX(-50%);
    z-index: 1;
}

.s0201_wrap .bottom .goal_wrap .title strong {
    font-size: 19px;
    color: #333;
    letter-spacing: -0.045em;
    font-weight: bold;
    font-family: "score";
}

.s0201_wrap .bottom .goal_wrap .title p {
    color: #3a3a3a;
    font-size: 17px;
    letter-spacing: -0.05em;
    line-height: 1.47;
}

.s0201_wrap .bottom .goal_wrap ul {
    overflow: hidden;
    margin-left: -14px;
    position: relative;
}

.s0201_wrap .bottom .goal_wrap ul::before {
    content: "";
    position: absolute;
    left: 13%;
    top: 0;
    width: 75.2%;
    height: 1px;
    background: #c0cede;
}

.s0201_wrap .bottom .goal_wrap ul li {
    float: left;
    margin-left: 14px;
    width: calc(25% - 14px);
    position: relative;
    padding-top: 40px;
}

.s0201_wrap .bottom .goal_wrap ul li::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background: #c0cede;
    z-index: -1;
}

.s0201_wrap .bottom .goal_wrap ul li::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 35px;
    transform: translateX(-50%);
    width: 9px;
    height: 9px;
    background: #fff;
    border-radius: 100%;
}

.s0201_wrap .bottom .goal_wrap ul li:nth-child(1):after {
    border: 2px solid #1b9d8e;
}

.s0201_wrap .bottom .goal_wrap ul li:nth-child(2):after {
    border: 2px solid #0983b6;
}

.s0201_wrap .bottom .goal_wrap ul li:nth-child(3):after {
    border: 2px solid #003b9b;
}

.s0201_wrap .bottom .goal_wrap ul li:nth-child(4):after {
    border: 2px solid #2c4a78;
}

.s0201_wrap .bottom .goal_wrap ul li .icon {
    width: 205px;
    height: 205px;
    position: relative;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    display: table;
}

.s0201_wrap .bottom .goal_wrap ul li:nth-child(1) .icon {
    background: url(/images/kor/sub06/s060101_listbg01.png) no-repeat;
}

.s0201_wrap .bottom .goal_wrap ul li:nth-child(2) .icon {
    background: url(/images/kor/sub06/s060101_listbg02.png) no-repeat;
}

.s0201_wrap .bottom .goal_wrap ul li:nth-child(3) .icon {
    background: url(/images/kor/sub06/s060101_listbg03.png) no-repeat;
}

.s0201_wrap .bottom .goal_wrap ul li:nth-child(4) .icon {
    background: url(/images/kor/sub06/s060101_listbg04.png) no-repeat;
}

.s0201_wrap .bottom .goal_wrap ul li .icon span {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 17px;
}

.s0201_wrap .bottom .goal_wrap ul li .icon span em {
    background: url(/images/kor/sub06/sub060101_ir.png) no-repeat;
    width: 32px;
    height: 32px;
    margin: 0 auto 10px;
    display: block;
}

.s0201_wrap .bottom .goal_wrap ul li .icon span em.icon01 {
    background-position: 0 -46px;
}

.s0201_wrap .bottom .goal_wrap ul li .icon span em.icon02 {
    background-position: -42px -46px;
}

.s0201_wrap .bottom .goal_wrap ul li .icon span em.icon03 {
    background-position: -84px -46px;
}

.s0201_wrap .bottom .goal_wrap ul li .icon span em.icon04 {
    background-position: -126px -46px;
}

.s0201_wrap .bottom .goal_wrap ul li .inner {
    background: #f8fafe;
    padding: 130px 15px 20px;
    min-height: 490px;
}

.s0201_wrap .bottom .goal_wrap ul li .inner strong {
    font-size: 17px;
    color: #00274e;
    letter-spacing: -0.045em;
    margin-bottom: 30px;
    display: block;
}

.s0201_wrap .bottom .goal_wrap ul li .inner strong em {
    display: block;
    line-height: 1;
}

.s0201_wrap .bottom .goal_wrap ul li .inner p {
    letter-spacing: -0.045em;
    color: #666;
}

.s0201_wrap .bottom .goal_wrap ul li .inner>em {
    font-size: 15px;
    color: #3a3a3a;
    font-weight: bold;
}

.s0201_wrap .bottom .goal_wrap ul li .inner strong span.eng {
    font-size: 24px;
}

.s0201_wrap .bottom .goal_wrap ul li:nth-child(1) .inner strong span.eng,
.s0201_wrap .bottom .goal_wrap ul li:nth-child(1) .inner strong span.kor {
    color: #1f998b;
}

.s0201_wrap .bottom .goal_wrap ul li:nth-child(2) .inner strong span.eng,
.s0201_wrap .bottom .goal_wrap ul li:nth-child(2) .inner strong span.kor {
    color: #0983b6;
}

.s0201_wrap .bottom .goal_wrap ul li:nth-child(3) .inner strong span.eng,
.s0201_wrap .bottom .goal_wrap ul li:nth-child(3) .inner strong span.kor {
    color: #003b9b;
}

.s0201_wrap .bottom .goal_wrap ul li:nth-child(4) .inner strong span.eng,
.s0201_wrap .bottom .goal_wrap ul li:nth-child(4) .inner strong span.kor {
    color: #2c4a78;
}

@media(max-width: 1023px) {
    .s0201_wrap .top .vision_wrap::before {
        width: 150px;
        height: 92px;
    }

    .s0201_wrap .top .vision_wrap::after {
        width: 175px;
        height: 119px;
    }
}

@media(max-width: 999px) {
    .s0201_wrap .bottom .stance_wrap {
        padding: 75px 0;
    }

    .s0201_wrap .bottom .stance_wrap .stance_inner {
        margin-top: 50px;
    }

    .s0201_wrap .bottom .stance_wrap .stance_inner .box .icon {
        position: relative;
        top: auto;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        margin: 0 auto 30px;
    }

    .s0201_wrap .bottom .stance_wrap .stance_inner .box {
        padding: 20px 10px;
    }

    .s0201_wrap .bottom .stance_wrap .stance_inner .left.box {
        float: left;
        width: calc(50% - 50px);
        position: relative;
        top: auto;
        transform: none;
        border-style: solid;
        border-image: linear-gradient(290deg, #1661d2 0%, #0591af 100%);
        border-width: 1px;
        border-image-slice: 1;
    }

    .s0201_wrap .bottom .stance_wrap .stance_inner .left.box::after {
        content: "";
        position: absolute;
        right: -50px;
        top: 50%;
        width: 100%;
        height: 1px;
        background: #c0cede;
        z-index: -1;
    }

    .s0201_wrap .bottom .stance_wrap .stance_inner .left.box .icon {
        right: auto;
    }

    .s0201_wrap .bottom .stance_wrap .stance_inner .right.box {
        float: right;
        width: calc(50% - 50px);
        position: relative;
        top: auto;
        transform: none;
        border-style: solid;
        border-image: linear-gradient(290deg, #4256d4 0%, #3580d5 100%);
        border-width: 1px;
        border-image-slice: 1;
    }

    .s0201_wrap .bottom .stance_wrap .stance_inner .right.box::after {
        content: "";
        position: absolute;
        left: -50px;
        top: 50%;
        width: 100%;
        height: 1px;
        background: #c0cede;
        z-index: -1;
    }

    .s0201_wrap .bottom .stance_wrap .stance_inner .right.box .icon {
        left: auto;
    }

    .s0201_wrap .bottom .goal_wrap ul::before {
        left: 25.7%;
        width: 50%;
    }

    .s0201_wrap .bottom .goal_wrap ul li {
        width: calc(50% - 14px);
    }

    .s0201_wrap .bottom .goal_wrap ul li .inner {
        min-height: 420px
    }
}

@media(max-width: 767px) {
    .s0201_wrap .top .vision_wrap .inner p {
        font-size: 20px;
    }

    .s0201_wrap .top .vision_wrap .inner p+p {
        font-size: 25px;
    }

    .s0201_wrap .top .vision_wrap .inner p+p span::before {
        height: 20px;
    }

    .s0201_wrap .bottom .stance_wrap .stance_inner .box+.box {
        margin-top: 50px;
    }

    .s0201_wrap .bottom .stance_wrap .stance_inner .left.box,
    .s0201_wrap .bottom .stance_wrap .stance_inner .right.box {
        float: none;
        width: 100%;
    }

    .s0201_wrap .bottom .stance_wrap .stance_inner .left.box:after,
    .s0201_wrap .bottom .stance_wrap .stance_inner .right.box:after {
        display: none;
    }
}

@media(max-width: 640px) {
    .s0201_wrap .bottom .goal_wrap ul {
        margin-left: 0;
    }

    .s0201_wrap .bottom .goal_wrap ul::before {
        display: none;
    }

    .s0201_wrap .bottom .goal_wrap ul li {
        float: none;
        margin-left: 0;
        width: 100%;
    }

    .s0201_wrap .bottom .goal_wrap ul li .inner {
        min-height: auto
    }
}

@media(max-width: 450px) {
    .s0201_wrap .bottom .stance_wrap .stance_center {
        width: 270px;
        height: 270px;
        background-size: cover;
    }
}

/* sub060101 구정비전 End*/
/* s02020304 연차별 추진일정 */
.s02020304 table td.stick01 {
    height: 23px;
    background: url(/images/mayor/sub02/sub02020304_stick01.jpg) repeat-x center center;
}

.s02020304 table td.stick02 {
    height: 23px;
    background: url(/images/mayor/sub02/sub02020304_stick02.jpg) repeat-x center center;
}

/* s02020304 연차별 추진일정 End */
/* s0301 아이프레임 */
.iframe_topbox.s0301 .ui-topbox.type1 .inner {
    padding-left: 30px;
}

.iframe_box.s0301 {
    overflow: hidden;
    width: 100%;
    height: 550px;
}

.iframe_box.long.s0301 {
    height: 865px;
}

.iframe_box.s0301 iframe {
    width: 101.6%;
    height: 100%;
    border: 0;
}

/* s0301 아이프레임 End */
/* s020403 공약사업확정절차 */
.s020403 .prc_h>ul>li {
    position: relative;
}

.s020403 .prc_h ul li .txt {
    float: left;
    width: calc(100% - 62px);
    margin-left: 30px;
    padding-right: 215px;
}

.s020403 .prc_h ul li .txt .prc_title {
    margin-bottom: 15px;
    color: #0f3d92;
}

.s020403 .prc_h ul li .txt .prc_title b {
    margin-right: 10px;
    font-size: 20px;
}

.s020403 .prc_h ul ul li:before {
    display: block;
    width: 5px;
    height: 5px;
    margin-left: 0;
    border-radius: 50%;
    background: #114ab0;
    content: "";
    top: 8.5px;
    left: 9px;
}

.s020403 .prc_h ul ul li {
    min-height: auto;
    margin-bottom: 3px;
    padding: 0;
    padding-left: 25px;
}

.s020403 .prc_h ul li .img {
    position: absolute;
    width: 254px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    overflow: hidden;
}

.s020403 .prc_h ul li .img.prc_img1 {
    background-image: url(/images/mayor/sub02/sub02_04_03_img01.jpg?ver=20221118)
}

.s020403 .prc_h ul li .img.prc_img2 {
    background-image: url(/images/mayor/sub02/sub02_04_03_img02.jpg?ver=20221118)
}

.s020403 .prc_h ul li .img.prc_img3 {
    background-image: url(/images/mayor/sub02/sub02_04_03_img03.jpg?ver=20221118)
}

.s020403 .prc_h ul li .img.prc_img4 {
    background-image: url(/images/mayor/sub02/sub02_04_03_img04.jpg?ver=20221118)
}

.s020403 .prc_h ul li .img.prc_img5 {
    background-image: url(/images/mayor/sub02/sub02_04_03_img05.jpg?ver=20221118)
}

.s020403 .prc_h ul li .img.prc_img6 {
    background-image: url(/images/mayor/sub02/sub02_04_03_img06.jpg?ver=20221118)
}

.s020403 .prc_h ul li .txt p.txt-check {
    color: #da4453
}

@media(max-width: 767px) {
    .s020403 .prc_h ul li .img {
        display: none;
    }

    .s020403 .prc_h ul li .txt {
        width: 100%;
        margin-left: 0;
        padding-right: 0
    }
}

@media(max-width: 640px) {
    .s020403 .prc_h ul li {
        padding: 20px
    }

    .s020403 .prc_h ul li .step {
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    .s020403 .prc_h ul li .txt {
        float: none;
        width: auto;
        padding-left: 0;
    }

    .s020403 .prc_h ul li .txt .prc_title {
        text-align: center;
    }

    .s020403 .prc_h ul li .txt .prc_title b {
        display: block;
        padding-bottom: 8px;
        margin-right: 0
    }
}

/* s020403 공약사업확정절차 End */
/* s020403 공약사업이행절차 */
.s020405 .prc_h ul li .txt .prc_title {
    margin-bottom: 15px;
    color: #0f3d92;
}

.s020405 .prc_h ul li .txt .prc_title b {
    margin-right: 10px;
    font-size: 20px;
}

.s020405 .prc_h ul ul li:before {
    display: block;
    width: 5px;
    height: 5px;
    margin-left: 0;
    border-radius: 50%;
    background: #114ab0;
    content: "";
    top: 8.5px;
    left: 9px;
}

.s020405 .prc_h ul ul li {
    min-height: auto;
    margin-bottom: 3px;
    padding: 0;
    padding-left: 25px;
}

.s020405 .prc_h ul li .txt p.txt-check {
    color: #da4453
}

@media(max-width: 640px) {
    .s020405 .prc_h ul li {
        padding: 20px
    }

    .s020405 .prc_h ul li .step {
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    .s020405 .prc_h ul li .txt {
        float: none;
        width: auto;
        padding-left: 0;
    }

    .s020405 .prc_h ul li .ico {
        display: none;
    }

    .s020405 .prc_h ul li .txt .prc_title {
        text-align: center;
    }

    .s020405 .prc_h ul li .txt .prc_title b {
        display: block;
        padding-bottom: 8px;
        margin-right: 0
    }
}

/* s020403 공약사업이행절차 End */
/* s020202 공약사업현황 */
@media(max-width: 640px) {
    .s020202 .txt-box1 strong:after {
        display: none;
    }

    .s020202 .txt-box1 p {
        display: block;
        padding-left: 0;
        margin-top: 10px;
        text-align: right;
    }
}

/* s020202 공약사업현황 End */
/* s02020301 공약가계부 */
.s02020301 .budget_plan {
    height: auto;
}

.s02020301 .budget_plan.title .plan_info {
    position: static;
    width: 100%;
    height: auto;
}

.s02020301 .budget_plan.title .plan_info .graph_title p .graph_description {
    font-size: 16px;
    font-weight: normal;
}

.s02020301 .budget_plan.title .plan_info .graph_title p .graph_description .color-aqua {
    font-size: 18px;
}

.s02020301 .table_wrap {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.s02020301 .table_wrap .table {
    width: 1420px;
}

@media (max-width: 767px) {
    .s02020301 .bodo-v.col2 .col {
        width: 100%;
        margin-right: 0;
    }

    .s02020301 .pic_btn a {
        margin-top: 0;
    }

    .s02020301 .budget_plan.title .plan_info .graph_title p .graph_description {
        display: block;
        margin-left: 0;
        margin-top: 8px;
    }

    .s02020301 .budget_plan.title .plan_info .graph_title p .graph_description:first-child {
        margin-top: 25px;
    }
}

/* s02020301 공약가계부 End */
/* sub02_07 공약소통게시판 */
.s0207.s0201_wrap .top {
    background: #f8fafe;
}

.s0207.s0201_wrap .top .vision_wrap {
    margin-bottom: 0;
    min-height: 242px;
}

.s0207.s0201_wrap .top .vision_wrap .inner p {
    font-size: 28px;
}

.s0207.s0201_wrap .top .vision_wrap .inner p span em {
    color: #2f68c2;
    position: relative;
    font-weight: bold;
    display: inline-block;
    font-size: 28px;
    letter-spacing: -0.045em;
}

.s0207.s0201_wrap .top .vision_wrap .inner p span {
    position: relative;
}

.s0207.s0201_wrap .top .vision_wrap .inner p span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 26px;
    background: #dae8f8;
    z-index: -1;
}

.s0207.s0201_wrap .top .vision_wrap .inner>span {
    margin-top: 20px;
    display: inline-block;
    letter-spacing: -0.055em;
    font-size: 15px;
}

.s0207.s0201_wrap .bottom {
    margin-top: -60px;
    position: relative;
    z-index: 1;
}

.s0207.s0201_wrap .bottom .goal_wrap ul::before {
    display: none;
}

.s0207.s0201_wrap .bottom .goal_wrap ul {
    margin: 0 45px;
}

.s0207.s0201_wrap .bottom .goal_wrap ul li {
    float: left;
    margin-left: 0px;
    width: calc(33.3333%);
    position: relative;
    padding-top: 40px;
}

.s0207.s0201_wrap .bottom .goal_wrap ul li .icon {
    background: url(/images/mayor/sub02/s0207_bgir.png) no-repeat;
}

.s0207.s0201_wrap .bottom .goal_wrap ul li:nth-child(1) .icon {
    background-position: 0 0;
}

.s0207.s0201_wrap .bottom .goal_wrap ul li:nth-child(2) .icon {
    background-position: -205px 0;
}

.s0207.s0201_wrap .bottom .goal_wrap ul li:nth-child(3) .icon {
    background-position: -412px 0;
}

.s0207.s0201_wrap .bottom .goal_wrap ul li:nth-child(4) .icon {
    background-position: -617px 0;
}

.s0207.s0201_wrap .bottom .goal_wrap ul li .icon span em {
    background: url(/images/mayor/sub02/s0207_ir.png) no-repeat;
    width: 65px;
    height: 65px;
}

.s0207.s0201_wrap .bottom .goal_wrap ul li .icon span em.icon02 {
    background-position: -64px 0;
}

.s0207.s0201_wrap .bottom .goal_wrap ul li .icon span em.icon03 {
    background-position: -130px 0;
}

.s0207.s0201_wrap .bottom .goal_wrap ul li .icon span em.icon04 {
    background-position: -195px 0;
}

.s0207.s0201_wrap .bottom .goal_wrap ul li::after {
    display: none;
}

.s0207.s0201_wrap .bottom .goal_wrap ul li::before {
    display: none;
}

.s0207.s0201_wrap .bottom .link_wrap {
    margin-top: 30px;
}

.s0207.s0201_wrap .bottom .link_wrap a.btn {
    border-radius: 50px;
    margin: 1% 2px;
    position: relative;
    padding-right: 55px;
    padding-left: 55px;
}

.s0207.s0201_wrap .bottom .link_wrap a.btn:after {
    content: '';
    background: url(/images/mayor/sub02/s0207_ir.png) no-repeat;
    left: 5px;
    top: 5px;
    position: absolute;
    width: 41px;
    height: 41px;
}

.s0207.s0201_wrap .bottom .link_wrap a.btn:nth-child(1):after {
    background-position: -12px -76px;
}

.s0207.s0201_wrap .bottom .link_wrap a.btn:nth-child(2):after {
    background-position: -77px -75px;
}

.s0207.s0201_wrap .bottom .link_wrap a.btn:nth-child(3):after {
    background-position: -142px -76px;
}

.s0207.s0201_wrap .bottom .link_wrap a.btn:nth-child(4):after {
    background-position: -207px -76px;
}

@media (max-width: 1360px) {
    .s0207.s0201_wrap .bottom .goal_wrap ul {
        margin: 0 10px;
    }
}

@media (max-width: 930px) {
    .s0207.s0201_wrap .bottom .goal_wrap ul {
        margin: 0 70px;
    }

    .s0207.s0201_wrap .bottom .goal_wrap ul li {
        width: 50%;
    }

    .s0207.s0201_wrap .bottom .link_wrap a.btn {
        width: 45%;
    }
}

@media (max-width: 767px) {
    .s0207.s0201_wrap .bottom .link_wrap a.btn:after {
        top: 9px;
    }
}

@media (max-width: 600px) {
    .s0207.s0201_wrap .bottom .goal_wrap ul {
        margin: 0 auto;
    }

    .s0207.s0201_wrap .bottom .goal_wrap ul li {
        width: 100%;
    }

    .s0207.s0201_wrap .bottom .link_wrap {
        margin: 30px
    }

    .s0207.s0201_wrap .bottom .link_wrap a.btn {
        width: 100%;
    }
}

/* sub02_07 공약소통게시판 End */
/* 민선8기 방향 */
.popular-8th .top-bn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: 132px;
    padding: 25px 15px;
    background-color: #144ca6;
    text-align: center;
}

.popular-8th .top-bn .bn-title {
    font-family: 'score';
    font-size: 32px;
    font-weight: bold;
    color: #fff;
}

.popular-8th .top-bn .bn-title::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 256px;
    height: 100px;
    background: url(/images/mayor/sub01/8th_bg01.png) no-repeat;
}

.popular-8th .top-bn .bn-title::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 223px;
    height: 132px;
    background: url(/images/mayor/sub01/8th_bg02.png) no-repeat;
}

.popular-8th .top-bn .bn-title span {
    color: #d7fffe;
}

.popular-8th .inner-box {
    position: relative;
    margin-top: 60px;
    padding: 70px 30px;
    border: 1px solid #ddd;
    border-top-color: #2f68c2;
    text-align: center;
}

.popular-8th .inner-box02 {
    border-bottom: 0;
}

.popular-8th .inner-box .box-title {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 390px;
    padding: 12.5px;
    border-radius: 30px;
    background-color: #2f68c2;
    font-family: 'score';
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

.popular-8th .inner-box .box-top .top-label {
    display: inline-block;
    padding: 4px 13px;
    border: 1px solid #c2c2c2;
    border-radius: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #00274e;
}

.popular-8th .inner-box .box-top p {
    color: #1b468a;
}

.popular-8th .inner-box .star-list {
    max-width: 740px;
    margin: 30px auto 0;
}

.popular-8th .inner-box .star-list .star-item {
    display: flex;
    justify-content: space-between;
    padding: 14px 0;
    border-bottom: 1px dashed #ddd;
}

.popular-8th .inner-box .star-list .star-item strong {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
}

.popular-8th .inner-box .star-list .star-item p {
    margin-top: 0;
    font-size: 14px;
    color: inherit;
    line-height: 1.3!important;
}

.popular-8th .inner-box .star-list .star-item .item-circle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    position: relative;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    border: 2px solid;
    color: #fff;
}

.popular-8th .inner-box .star-list .star-item.item01 .item-circle {
    border-color: #1b9d8e;
    color: #1b9d8e;
}

.popular-8th .inner-box .star-list .star-item.item02 .item-circle {
    border-color: #1b8c9d;
    color: #1b8c9d;
}

.popular-8th .inner-box .star-list .star-item.item03 .item-circle {
    border-color: #0e8abd;
    color: #0e8abd;
}

.popular-8th .inner-box .star-list .star-item.item04 .item-circle {
    border-color: #2f68c2;
    color: #2f68c2;
}

.popular-8th .inner-box .star-list .star-item.item05 .item-circle {
    border-color: #663DBF;
    color: #663DBF;
}

.popular-8th .inner-box .star-list .star-item .item-circle .circle-word {
    position: absolute;
    top: 0;
    left: -15px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-family: 'score';
    font-size: 32px;
    font-weight: bold;
    color: #fff
}

.popular-8th .inner-box .star-list .star-item.item01 .item-circle .circle-word {
    background-color: #1b9d8e;
}

.popular-8th .inner-box .star-list .star-item.item02 .item-circle .circle-word {
    background-color: #1b8c9d;
}

.popular-8th .inner-box .star-list .star-item.item03 .item-circle .circle-word {
    background-color: #0e8abd;
}

.popular-8th .inner-box .star-list .star-item.item04 .item-circle .circle-word {
    background-color: #2f68c2;
}

.popular-8th .inner-box .star-list .star-item.item05 .item-circle .circle-word {
    background-color: #663DBF;
}

.popular-8th .inner-box .star-list .star-item .list-1st {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 236px);
    padding: 0 20px 0 30px;
    text-align: left;
}

.popular-8th .inner-box .star-list .star-item .list-1st>li {
    margin: 0;
}

.popular-8th .inner-box .star-list .star-item.item01 .list-1st>li:before {
    background-color: #1b9d8e;
}

.popular-8th .inner-box .star-list .star-item.item02 .list-1st>li:before {
    background-color: #1b8c9d;
}

.popular-8th .inner-box .star-list .star-item.item03 .list-1st>li:before {
    background-color: #0e8abd;
}

.popular-8th .inner-box .star-list .star-item.item04 .list-1st>li:before {
    background-color: #2f68c2;
}

.popular-8th .inner-box .star-list .star-item.item05 .list-1st>li:before {
    background-color: #663DBF;
}

.popular-8th .inner-box .star-list .star-item .item-flower {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 111px;
    height: 121px;
    color: #fff;
}

.popular-8th .inner-box .star-list .star-item.item01 .item-flower {
    background: url(/images/mayor/sub01/8th_shape01.png) no-repeat;
    background-size: 100%;
}

.popular-8th .inner-box .star-list .star-item.item02 .item-flower {
    background: url(/images/mayor/sub01/8th_shape02.png) no-repeat;
    background-size: 100%;
}

.popular-8th .inner-box .star-list .star-item.item03 .item-flower {
    background: url(/images/mayor/sub01/8th_shape03.png) no-repeat;
    background-size: 100%;
}

.popular-8th .inner-box .star-list .star-item.item04 .item-flower {
    background: url(/images/mayor/sub01/8th_shape04.png) no-repeat;
    background-size: 100%;
}

.popular-8th .inner-box .star-list .star-item.item05 .item-flower {
    background: url(/images/mayor/sub01/8th_shape05.png) no-repeat;
    background-size: 100%;
}

.popular-8th .city-list {
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
    background-color: #f4f6f9;
}

.popular-8th .city-list .city-item {
    position: relative;
    width: calc(33% - 30px);
    margin: 15px;
    padding: 25px 12px 80px 15px;
    background-color: #fff;
}

.popular-8th .city-list .city-item::before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 25px;
    bottom: 25px;
    width: 42px;
    height: 42px;
}

.popular-8th .city-list .city-item.item01::before {
    background: url(/images/mayor/sub01/8th_icon01.png) no-repeat;
}

.popular-8th .city-list .city-item.item02::before {
    background: url(/images/mayor/sub01/8th_icon02.png) no-repeat;
}

.popular-8th .city-list .city-item.item03::before {
    background: url(/images/mayor/sub01/8th_icon03.png) no-repeat;
}

.popular-8th .city-list .city-item.item04::before {
    background: url(/images/mayor/sub01/8th_icon04.png) no-repeat;
}

.popular-8th .city-list .city-item.item05::before {
    background: url(/images/mayor/sub01/8th_icon05.png) no-repeat;
}

.popular-8th .city-list .city-item strong {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #2f68c2;
}

.popular-8th .city-list .city-item ul li {
    position: relative;
    padding-left: 7px;
    font-size: 15px;
    color: #180e0d;
}

.popular-8th .city-list .city-item ul li::before {
    content: "·";
    display: inline-block;
    position: absolute;
    top: -1px;
    left: 0;
}

@media (max-width: 1024px) {
    .popular-8th .city-list .city-item {
        width: calc(50% - 30px);
    }
}

@media (max-width: 640px) {
    .popular-8th .top-bn .bn-title {
        font-size: 24px;
    }

    .popular-8th .top-bn .bn-title::before,
    .popular-8th .top-bn .bn-title::after {
        display: none;
    }

    .popular-8th .inner-box {
        margin-bottom: 50px;
    }

    .popular-8th .inner-box .box-title {
        font-size: 18px;
    }

    .popular-8th .inner-box .box-top p br {
        display: none;
    }

    .popular-8th .inner-box .star-list .star-item {
        flex-wrap: wrap;
    }

    .popular-8th .inner-box .star-list .star-item .list-1st {
        order: 3;
        width: 100%;
        padding: 0;
    }

    .popular-8th .city-list .city-item {
        width: 100%;
    }
}

@media (max-width: 380px) {
    .popular-8th .inner-box .star-list .star-item p {
        line-height: 1;
    }

    .popular-8th .inner-box .star-list .star-item .item-circle {
        width: 100px;
        height: 100px;
    }

    .popular-8th .inner-box .star-list .star-item .item-circle .circle-word {
        width: 36px;
        height: 36px;
        font-size: 24px;
    }

    .popular-8th .inner-box .star-list .star-item .item-flower {
        width: 100px;
        height: 109px;
    }
}

/* 민선8기 방향 끝 */
/* 연차별 예산계획 */
.s02020303 .budget_plan .budget_info .item .inner img {
    width: 300px
}

.s02020303 .budget_box {
    position: relative
}

.s02020303 .budget_box .item {
    width: 100%;
    background-color: #f5fafa;
}

.s02020303 .budget_box:before {
    content: "";
    background: url(/images/mayor/sub02/sub02020303_budgetL.png) no-repeat;
    width: 300px;
    height: 248px;
    position: absolute;
    left: 23%;
    bottom: -5px;
}

.s02020303 .budget_box:after {
    content: "";
    background: url(/images/mayor/sub02/sub02020303_budgetR.png) no-repeat;
    width: 300px;
    height: 248px;
    position: absolute;
    right: 0%;
    bottom: 0;
}

@media (max-width: 1000px) {
    .s02020303 .budget_box {
        height: 250px;
    }

    .s02020303 .budget_box:before {
        left: 0
    }
}

@media (max-width: 767px) {

    .s02020303 .budget_box:before,
    .s02020303 .budget_box:after {
        display: none
    }
}

@media (max-width: 640px) {
    .s02020303 .budget_plan .budget_box .item .inner {
        padding-top: 100px;
    }
}

@media (max-width: 767px) {
    .board_list.table tbody td:first-child {
        display: inline-block;
        position: absolute;
        left: 5px;
        top: 20px;
        width: 55px;
        padding: 5px 0;
        text-align: center;
    }
}

/* 민선8기1년성과 */
.s010302_type01_list .text_box .inner {
    float: left;
    width: calc(32% - 100px);
    margin-left: 100px;
}

.s010202_type01_list .text_box .top_2 {
    position: relative;
    padding-left: 78px;
    margin-left: 109px;
    margin-bottom: 24px;
}

.s010202_type01_list .text_box .top_2 .icon {
    width: 65px;
    height: 65px;
    background: #f0f4f8;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -32.5px;
}

.s010202_type01_list .text_box .top_2 .icon em {
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(/images/mayor/sub01/sub010202_ir.png) no-repeat;
    margin-left: -17px;
    margin-top: -17px;
    width: 34px;
    height: 34px;
}

.s010202_type01_list .text_box .top_2 .icon em.icon01 {
    background-position: 0 0;
}

.s010202_type01_list .text_box .top_2 .icon em.icon02 {
    background-position: -44px 0;
}

.s010202_type01_list .text_box .top_2 .icon em.icon03 {
    background-position: -88px 0;
}

.s010202_type01_list .text_box .top_2 .icon em.icon04 {
    background-position: -132px 0;
}

.s010202_type01_list .text_box .top_2 .icon em.icon05 {
    background-position: -176px 0;
}

.s010202_type01_list .text_box .top_2 .icon em.icon06 {
    background-position: -220px 0;
}

.s010202_type01_list .text_box .top_2 .icon em.icon07 {
    background-position: -264px 0;
}

.s010202_type01_list .text_box .top_2 .icon em.icon08 {
    background-position: -308px 0;
}

.s010202_type01_list .text_box .top_2 strong {
    color: #00274e;
    font-size: 18px;
    letter-spacing: -0.045em;
    font-weight: bold;
}

.s010202_type01_list .text_box .top_2 .inner_txt {
    color: #00274e;
    margin: 0 12px;
    letter-spacing: -0.045em;
    font-size: 18px;
}

.s010202_type01_list .text_box .top_2 .inner_txt_first {
    margin-left: 0
}

.s010202_type01_list .text_box .top_2 em {
    display: inline-block;
    width: 2px;
    height: 18px;
    background: url(/images/mayor/sub01/bar.png)no-repeat;
    position: absolute;
    top: 34px;
}

@media (max-width: 767px) {
    .s010202_type01_list .text_box .top_2 {
        margin-left: 11px;
        margin-bottom: 24px;
    }

    .s010302_type01_list .text_box .inner {
        float: left;
        width: 100%;
        margin-left: 0;
    }
}

/* 민선8기 후반기 성과 */
.popular-8th .inner-box {
    margin-bottom: 100px;
}

.popular-8th .inner-box03 {
    background: #FAFCFE;
    padding: 108px 30px;
}

.popular-8th .inner-box03::after {
    content: "";
    display: block;
    background-image: url(/images/mayor/sub01/left_bg.png);
    width: 282px;
    height: 296px;
    position: absolute;
    left: 0;
    top: 0;
}

.popular-8th .inner-box03::before {
    content: "";
    display: block;
    background-image: url(/images/mayor/sub01/right_bg.png);
    width: 282px;
    height: 296px;
    position: absolute;
    right: 0;
    top: 0;
}

.popular-8th .inner-box03 .inner .iner_tit {
    display: inline-flex;
    padding: 10px 20px 6px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: linear-gradient(90deg, #9D4599 -2.51%, #5954A6 23.64%, #026AB4 74.87%, #3D82C7 99.98%);
    color: #FFF;
    font-size: 22px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.66px;
}

.popular-8th .inner-box03 .inner p {
    color: #566782;
    font-size: 22px;
    font-weight: 200;
    line-height: 130%;
    letter-spacing: -0.66px;
    text-align: center;
}

.popular-8th .inner-box04 {
    background: #FAFCFE;
    padding: 87px auto 72px;
}

.popular-8th .inner-box04 .inner {
    display: flex;
    justify-content: space-between;
}

.popular-8th .inner-box04 .inner .item {
    width: 220px;
    padding: 19px 0px;
    border-radius: 10px;
    border: 1px solid #268F88;
    background: #FFF;
}

.popular-8th .inner-box04 .inner .item2 {
    border: 1px solid #268D9C;
}

.popular-8th .inner-box04 .inner .item3 {
    border: 1px solid #2784AF;
}

.popular-8th .inner-box04 .inner .item4 {
    border: 1px solid #2768A2;
}

.popular-8th .inner-box04 .inner .item span {
    content: "";
    display: inline-block;
    width: 35px;
    height: 38px;
}

.popular-8th .inner-box04 .inner .item1 span {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='39' viewBox='0 0 25 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 1961'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M18.539 27.529C18.689 27.329 18.779 26.569 18.779 25.999C18.779 24.159 19.639 22.559 21.939 19.399C24.239 16.239 24.969 9.59902 20.889 4.98902C17.219 0.859016 13.199 0.949016 12.399 1.01902C11.599 0.959016 7.57901 0.859016 3.91901 4.98902C-0.160989 9.59902 0.569011 16.239 2.86901 19.399C5.16901 22.559 6.02901 24.159 6.02901 25.999C6.02901 26.569 6.11901 27.329 6.25901 27.529H12.719' stroke='%23B8B8B8' stroke-width='1.98' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M6.16797 32.249C6.16797 35.039 8.42797 37.299 11.218 37.299H13.578C16.368 37.299 18.628 35.039 18.628 32.249' stroke='%23B8B8B8' stroke-width='1.98' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath id='Vector_3' d='M12.3984 12.729V21.929' stroke='%23B8B8B8' stroke-width='1.98' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.popular-8th .inner-box04 .inner .item2 span {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='39' viewBox='0 0 32 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 1960'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M22.1214 24.7597L26.6414 19.9097C27.1314 19.3797 27.7814 19.1197 28.4214 19.1297C29.0614 19.1297 29.6914 19.4197 30.1714 19.9597C30.6514 20.4997 30.8914 21.2097 30.8814 21.9197C30.8814 22.6197 30.6214 23.3297 30.1214 23.8497L25.6014 28.6997L21.0814 33.5597H11.4914L7.94141 37.3497' stroke='%23B8B8B8' stroke-width='1.98' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M13.52 27.9496L19.71 28.0496C20.38 28.0496 20.99 27.7696 21.44 27.2896C21.89 26.8096 22.17 26.1496 22.18 25.4096C22.18 24.6696 21.92 23.9996 21.49 23.5096C21.06 23.0196 20.45 22.7096 19.78 22.6996L13.59 22.6096L7.4 22.5096L1 28.3496' stroke='%23B8B8B8' stroke-width='1.98' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg id='Group_2'%3E%3Cpath id='Vector_3' d='M20.8898 13.91C20.8898 15.79 19.3698 17.31 17.4898 17.31C15.6098 17.31 14.0898 15.79 14.0898 13.91C14.0898 12.03 15.6098 10.51 17.4898 10.51C19.3698 10.51 20.8898 12.03 20.8898 13.91Z' stroke='%23B8B8B8' stroke-width='1.98' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_4' d='M28.3586 4.4C28.3586 6.28 26.8386 7.8 24.9586 7.8C23.0786 7.8 21.5586 6.28 21.5586 4.4C21.5586 2.52 23.0786 1 24.9586 1C26.8386 1 28.3586 2.52 28.3586 4.4Z' stroke='%23B8B8B8' stroke-width='1.98' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.popular-8th .inner-box04 .inner .item3 span {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='36' viewBox='0 0 32 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 1969'%3E%3Cpath id='Vector' d='M25.6196 1.18284C23.4357 0.356947 22.0857 2.6202 21.7045 3.05697C21.3234 2.61226 19.9654 0.349006 17.7895 1.18284C15.1927 2.16755 14.6051 7.73435 21.7045 11.435C28.804 7.74229 28.2163 2.17549 25.6196 1.18284Z' stroke='%23B8B8B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M22.1097 21.7499L26.6297 16.8999C27.1197 16.3699 27.7697 16.1099 28.4097 16.1199C29.0497 16.1199 29.6797 16.4099 30.1597 16.9499C30.6397 17.4899 30.8797 18.1999 30.8697 18.9099C30.8697 19.6099 30.6097 20.3199 30.1097 20.8399L25.5897 25.6899L21.0697 30.5499H11.4797L7.92969 34.3399' stroke='%23B8B8B8' stroke-width='1.98' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M13.5083 24.9399L19.6983 25.0399C20.3683 25.0399 20.9783 24.7599 21.4283 24.2799C21.8783 23.7999 22.1583 23.1399 22.1683 22.3999C22.1683 21.6599 21.9083 20.9899 21.4783 20.4999C21.0483 20.0099 20.4383 19.6999 19.7683 19.6899L13.5783 19.5999L7.38828 19.4999L0.988281 25.3399' stroke='%23B8B8B8' stroke-width='1.98' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.popular-8th .inner-box04 .inner .item4 span {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='&%23236;&%23149;&%23132;&%23236;&%23157;&%23180;&%23236;&%23189;&%23152;&%23236;&%23187;&%23180;&%23237;&%23143;&%23172;&%23235;&%23132;&%23140;&%23237;&%23138;&%23184;'%3E%3Cpath id='Vector' d='M29.6774 30.6375L28.596 24.3359C28.596 24.3359 32.8323 20.132 33.0275 19.945C35.231 17.7902 34.8164 15.6761 32.2144 14.9281L25.2053 13.9117L22.1561 7.73195C20.7494 5.42268 18.7003 5.42268 17.2936 7.73195L14.2444 13.9117L7.23532 14.9281C4.64147 15.6761 4.21864 17.7984 6.4222 19.945C6.61735 20.132 10.8537 24.3359 10.8537 24.3359L9.77225 30.6375C9.3413 33.8006 11.3009 35.1422 14.2363 33.5973C14.5046 33.4591 19.7167 30.7839 19.7167 30.7839C19.7167 30.7839 24.9288 33.4591 25.1971 33.5973C28.1325 35.1422 30.0921 33.8006 29.6612 30.6375H29.6774Z' stroke='%23B8B8B8' stroke-width='2.43936' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.popular-8th .inner-box04 .inner .item strong {
    font-size: 19px;
    font-weight: 700;
    color: #268F88;
}

.popular-8th .inner-box04 .inner .item2 strong {
    color: #268D9C;
}

.popular-8th .inner-box04 .inner .item3 strong {
    color: #2784AF;
}

.popular-8th .inner-box04 .inner .item4 strong {
    color: #2768A2;
}

.popular-8th .inner-box .box-title em {
    color: #FFE500;
}

.popular-8th .inner-box06 {
    background: #FAFCFE;
    padding: 87px auto 69px;
}

.popular-8th .inner-box06 .inner {
    display: flex;
    justify-content: space-between;
}

.popular-8th .inner-box06 .inner .item {
    display: flex;
    width: 220px;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #AAB9CE;
    background: #FFF;
}

.popular-8th .inner-box06 .inner .item ul {
    width: 100%;
    height: 100%;
    min-height: 425px;
}

.popular-8th .inner-box06 .inner .item ul li {
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 500;
    position: relative;
}

.popular-8th .inner-box06 .inner .item ul li:first-child {
    margin-top: 0;
}

.popular-8th .inner-box06 .inner .item ul li:last-child {
    margin-bottom: 23px;
}

.popular-8th .inner-box06 .inner .item ul li p {
    color: #566782;
    margin-top: 0;
}

.popular-8th .inner-box06 .inner .item ul li p::before {
    content: "";
    display: block;
    width: 180px;
    height: 1px;
    background-image: url("data:image/svg+xml,%3Csvg width='180' height='2' viewBox='0 0 180 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector 6' d='M0 1H180' stroke='%23EEEEEE' stroke-dasharray='4 4'/%3E%3C/svg%3E%0A");
    position: absolute;
    bottom: -11px;
    left: 21px;
}

.popular-8th .inner-box06 .inner .item ul li:last-child p::before {
    background-image: none;
}

.popular-8th .inner-box06 .inner .item1 ul li:nth-child(1) {
    border: 1px solid #268F88;
    font-size: 18px;
    padding: 19px 0;
    border-radius: 10px;
    font-weight: 600;
}

.popular-8th .inner-box06 .inner .item1 ul li {
    color: #268F88;
}

.popular-8th .inner-box06 .inner .item2 ul li:nth-child(1) {
    border: 1px solid #268D9C;
    font-size: 18px;
    padding: 19px 0;
    border-radius: 10px;
    font-weight: 600;
}

.popular-8th .inner-box06 .inner .item2 ul li {
    color: #268D9C;
}

.popular-8th .inner-box06 .inner .item3 ul li:nth-child(1) {
    border: 1px solid #2784AF;
    font-size: 18px;
    padding: 19px 0;
    border-radius: 10px;
    font-weight: 600;
}

.popular-8th .inner-box06 .inner .item3 ul li {
    color: #2784AF;
}

.popular-8th .inner-box06 .inner .item4 ul li:nth-child(1) {
    border: 1px solid #2768A2;
    font-size: 18px;
    padding: 19px 0;
    border-radius: 10px;
    font-weight: 600;
}

.popular-8th .inner-box06 .inner .item4 ul li {
    color: #2768A2;
}

.popular-8th .inner-box07 {
    padding: 87px auto 67px;
    position: relative;
}

.popular-8th .inner-box07 .top_inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 44px;
}

.popular-8th .inner-box07 .top_inner .item {
    text-align: center;
    width: 220px;
    padding: 19px 0px;
    border-radius: 10px;
    position: relative;
}

.popular-8th .inner-box07 .top_inner .item1 {
    border: 1px solid #268F88;
}

.popular-8th .inner-box07 .top_inner .item2 {
    border: 1px solid #268D9C;
}

.popular-8th .inner-box07 .top_inner .item3 {
    border: 1px solid #2784AF;
}

.popular-8th .inner-box07 .top_inner .item4 {
    border: 1px solid #2768A2;
}

.popular-8th .inner-box07 .top_inner .item strong {
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
}

.popular-8th .inner-box07 .top_inner .item span {
    font-weight: 600;
}

.popular-8th .inner-box07 .top_inner .item1 strong,
.popular-8th .inner-box07 .top_inner .item1 span {
    color: #268F88;
}

.popular-8th .inner-box07 .top_inner .item2 strong,
.popular-8th .inner-box07 .top_inner .item2 span {
    color: #268D9C;
}

.popular-8th .inner-box07 .top_inner .item3 strong,
.popular-8th .inner-box07 .top_inner .item3 span {
    color: #2784AF;
}

.popular-8th .inner-box07 .top_inner .item4 strong,
.popular-8th .inner-box07 .top_inner .item4 span {
    color: #2768A2;
}

.popular-8th .inner-box07 .top_inner .item strong::after {
    content: "";
    display: block;
    width: 180px;
    height: 1px;
    background-image: url("data:image/svg+xml,%3Csvg width='180' height='2' viewBox='0 0 180 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector 6' d='M0 1H180' stroke='%23EEEEEE' stroke-dasharray='4 4'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 54px;
    left: 21px;
}

.popular-8th .inner-box07 .bot_inner {
    border-radius: 10px;
    background: #F1F7FD;
    display: flex;
    width: 100%;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.popular-8th .inner-box07 .bot_inner::before {
    content: "";
    display: block;
    width: 22px;
    height: 11.329px;
    position: relative;
    top: -32px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='12' viewBox='0 0 22 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Polygon 8' d='M11 0L22 11.3295H0L11 0Z' fill='%23F1F7FD'/%3E%3C/svg%3E%0A");
}

.popular-8th .inner-box07 .bot_inner strong {
    color: #566782;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.popular-8th .inner-box07 .bot_inner .box {
    border-radius: 10px;
    background: #FFF;
    height: auto;
    padding: 15px 140px 14px 140px;
}

.popular-8th .inner-box07 .bot_inner ul li {
    width: 50%;
    color: #566782;
    float: left;
    width: calc(46% - -10px);
    text-align: left;
    margin-right: 10px;
}

@media (max-width: 1023px) {
    .popular-8th .inner-box03::after {
        display: none;
    }

    .popular-8th .inner-box03::before {
        display: none;
    }

    .popular-8th .inner-box04 .inner {
        display: ruby;
    }

    .popular-8th .inner-box04 .inner .item {
        margin-bottom: 10px;
    }

    .popular-8th .inner-box06 .inner {
        display: ruby;
    }

    .popular-8th .inner-box06 .inner .item {
        margin-bottom: 10px;
    }

    .popular-8th .inner-box07 .top_inner {
        display: ruby;
    }

    .popular-8th .inner-box07 .top_inner .item {
        margin-bottom: 15px;
    }

    .popular-8th .inner-box07 .bot_inner .box {
        padding: 15px 10px 14px 10px;
    }
}

@media (max-width: 767px) {
    .popular-8th .inner-box03 .inner p {
        font-size: 19px;
    }

    .popular-8th .inner-box04 .inner .item strong {
        font-size: 17px;
    }

    .popular-8th .inner-box06 .inner .item ul li:nth-child(1) {
        font-size: 17px;
    }

    .popular-8th .inner-box07 .bot_inner ul li {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .s0101 .speech_wrap .border {
        margin: 50px 0;
    }

    .s0101 .speech_wrap .subtit span {
        display: block;
    }

    .s0101 .speech_wrap .txt {
        margin-top: 25px;
    }
}

/* sub01_04 민선9기 구정 운영방향 */

.popular-9th .vision-wrap {
    position: relative;
    text-align: center;
    margin-top: 80px;
}

.popular-9th .vision-circle {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    border: 2px solid #2F68C2;
    background: #fff;
    text-align: center;
}

.popular-9th .vision-circle:after {
    content: "";
    position: absolute;
    bottom: -1300px;
    width: 2px;
    height: 1300px;
    background: #2F68C2;
    z-index: -1;
}

.popular-9th .vision-circle .desc { 
    color: #2F68C2;
    max-width: 220px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'score', 'Noto Sans KR', sans-serif;}
 
.popular-9th .vision-circle .circle-label {
    font-size: 17px;
    font-family: 'score', 'Noto Sans KR', sans-serif;
    font-weight: bold;
    color: #2F68C2;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
}
 
.popular-9th .vision-circle .slogan-img {
    background: url(/images/mayor/sub01/sub0104_img01.png) no-repeat center / contain;
}
 
.popular-9th .vision-desc {
    margin-top: 20px;
    font-size: 14px;
    color: #555;
    line-height: 1.7;
    letter-spacing: -0.03em;
}
 
.popular-9th .section-wrap {
    position: relative;
    margin-top: 80px;
}
 
.popular-9th .section-title {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 400px;
    width: 100%;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    height: 63px;
    background-color: #2F68C2;
    border-radius: 30px;
    font-family: 'score', 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -0.03em;
}
 
.popular-9th .policy-box {
    margin-top: 1px;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 8px 8px;
    padding: 30px 20px 20px;
}
 
.popular-9th .policy-list {
    display: flex;
    gap: 20px;
    justify-content: center;
}
 
.popular-9th .policy-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: calc(50% - 10px);
    min-height: 80px;
    padding: 24px;
    border-radius: 40px;
    gap: 16px;
}

.popular-9th .policy-item.item01 {
    border: 1px solid #2F68C2;
}

.popular-9th .policy-item.item01 strong {
    color: #2F68C2;
}

.popular-9th .policy-item.item02 {
    border: 1px solid #1B9D8E;
}

.popular-9th .policy-item.item02 strong {
    color: #1B9D8E;
}
 
.popular-9th .policy-item .policy-icon {
    flex-shrink: 0;
    width: 38px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
 
.popular-9th .policy-item.item01 .policy-icon {
    background-image: url(/images/mayor/sub01/sub0104_icon01.png);
}
 
.popular-9th .policy-item.item02 .policy-icon {
    background-image: url(/images/mayor/sub01/sub0104_icon02.png);
}
 
.popular-9th .policy-item strong {
    font-size: 16px;
    font-weight: bold;
    color: #00274e;
    letter-spacing: -0.04em;
}
 
.popular-9th .goal-box {
    margin-top: 1px;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 8px 8px;
    padding: 40px 20px 30px;
}
 
.popular-9th .goal-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
 
.popular-9th .goal-row {
    display: flex;
    justify-content: center;
    gap: 20px;
}
 
.popular-9th .goal-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #F3F6FB;
    overflow: hidden;
    padding-top: 30px;
    border-radius: 50%;
    width: 230px;
    height: 230px;
}
 
.popular-9th .goal-item strong {
    display: block;
    margin-bottom: 12px;
    font-size: 17px;
    font-weight: bold;
    color: #2F68C2;
    letter-spacing: -0.04em;
    line-height: 1.5;
    word-break: keep-all;
    order: -1;
}
 
.popular-9th .goal-circle {
    position: relative;
}
 
.popular-9th .goal-row-2 .goal-circle {
    width: 180px;
    height: 180px;
}
 
.popular-9th .goal-row-3 .goal-circle {
    width: 140px;
    height: 140px;
}
 
.popular-9th .goal-circle .goal-illust {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}
.popular-9th .goal-row-3 .goal-circle .goal-illust {
    width: 115px;
    height: 130px;
}
 
.popular-9th .goal-item.goal01 .goal-illust { background-image: url(/images/mayor/sub01/sub0104_img02.png); width: 122px; height: 123px; }
.popular-9th .goal-item.goal02 .goal-illust { background-image: url(/images/mayor/sub01/sub0104_img03.png); width: 190px; height: 126px; }
.popular-9th .goal-item.goal03 .goal-illust { background-image: url(/images/mayor/sub01/sub0104_img04.png); width: 122px; height: 123px;}
.popular-9th .goal-item.goal04 .goal-illust { background-image: url(/images/mayor/sub01/sub0104_img05.png); width: 123px; height: 126px;}
.popular-9th .goal-item.goal05 .goal-illust { background-image: url(/images/mayor/sub01/sub0104_img06.png); width: 152px; height: 135px;}
 
.popular-9th .box-wrap {
    border: 1px solid #2F68C2;
    border-radius: 20px;
    padding: 80px 80px 60px;
    background: #fff;
}
 
.popular-9th .value-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}
 
.popular-9th .value-row {
    display: flex;
    gap: 12px;
    justify-content: center;
}
 
.popular-9th .value-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 26px 64px;
    border: 1px solid #4175C7;
    border-radius: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #4175C7;
    letter-spacing: -0.04em;
    background: #fff;
}
 
.popular-9th .value-desc {
    margin-top: 20px;
    padding: 14px 20px;
    background-color: #eef3fb;
    border-radius: 6px;
    text-align: center;
    font-size: 15px;
    color: #2f68c2;
    letter-spacing: -0.03em;
    line-height: 1.6;
}
 
@media (max-width: 840px) {
   
    .popular-9th .box-wrap {
        padding: 70px 36px 50px;
    }
    .popular-9th .goal-row-2 .goal-circle {
        width: 150px;
        height: 150px;
    }
    .popular-9th .goal-row-3 .goal-circle {
        width: 120px;
        height: 120px;
    }

    .popular-9th .goal-row-2 .goal-circle .goal-illust,
    .popular-9th .goal-row-3 .goal-circle .goal-illust {
        width: 100px;
        height: 100%;
    }
    .popular-9th .goal-row-2 .goal-item,
    .popular-9th .goal-row-3 .goal-item {
        width: 180px;
        height: 180px;
    }
}
 
@media (max-width: 640px) {

    .popular-9th .vision-wrap::before,
    .popular-9th .vision-wrap::after {
        display: none;
    }

    .popular-9th .vision-circle {
        width: 300px;
        height: 300px;
    }

    .popular-9th .section-title {
        max-width: 300px;
    }

    .popular-9th .policy-list {
        flex-direction: column;
    }
    .popular-9th .policy-item {
        width: 100%;
    }
    .popular-9th .section-title {
        font-size: 18px;
    }
    .popular-9th .goal-row {
       flex-direction: column;
    }

    .popular-9th .goal-row-2 .goal-circle,
    .popular-9th .goal-row-3 .goal-circle {
        display: none;
    }
    .popular-9th .goal-row-2 .goal-item, 
    .popular-9th .goal-row-3 .goal-item {
        width: 100%;
        height: auto;
    }
    .popular-9th .goal-row-2 .goal-circle .goal-illust,
    .popular-9th .goal-row-3 .goal-circle .goal-illust {
        display: none;
    }
    .popular-9th .goal-item strong {
        font-size: 15px;
    }
    .popular-9th .goal-item strong br {
        display: none;
    }
    .popular-9th .goal-item strong {
        margin-bottom: 0;
    }
    .popular-9th .goal-item {
        border-radius: 30px;
        width: 100%;
        height: auto;
        padding: 15px;
        background: transparent;
        border: 1px solid #2F68C2;
    }
    .popular-9th .value-item {
        min-width: 120px;
        padding: 11px 20px;
    }
}
 
@media (max-width: 420px) {
    .popular-9th .box-wrap {
        padding: 60px 22px 40px;
    }

    .popular-9th .policy-item {
        padding: 18px;
    }

    .popular-9th .goal-list {
        gap: 20px;
    }
    .popular-9th .goal-row-2 .goal-circle {
        width: 110px;
        height: 110px;
    }
    .popular-9th .goal-row-2 .goal-circle .goal-illust {
        width: 90px;
        height: 104px;
    }
    .popular-9th .goal-row-3 .goal-circle {
        width: 84px;
        height: 84px;
    }
    .popular-9th .goal-row-3 .goal-circle .goal-illust {
        width: 68px;
        height: 78px;
    }
    .popular-9th .section-title {
        max-width: 200px;
        font-size: 16px;
    }

    .popular-9th .value-row {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .popular-9th .value-item {
        width: 100%;
        font-size: 15px;
    }
}