@charset "utf-8";

/* 공통아이프레임영역 css */
.seogu_iframe{overflow:hidden;width:100%;height:800px;}
.seogu_iframe iframe{width:calc(100% + 17px);height:100%;border:0;}
/* 공통아이프레임영역 css End */

/* sub0101 인사말 */
.greetings_se01c .top::after {display: none;}
.greetings_se01c .top span {font-size: 27px;}
.greetings_se01c .top strong {margin-top: 10px; font-size: 40px; letter-spacing: -0.04em; font-weight: 700; line-height: 1.1;}
.greetings_se01c .bottom .pic_box {overflow: visible;width: 350px;max-width: 100%;margin: -160px 0 30px 30px; border-radius: 0 0 40px 0;}
.greetings_se01c .bottom .pic_box .img {height: 310px;background: url(/images/mayor/sub01/sub0101_bg.jpg) no-repeat;}
.greetings_se01c .bottom .pic_box .img img {transform: translateX(-50%); top:auto; bottom:0; width: auto;min-height: 362px;}
.greetings_se01c .bottom .pic_box .name {flex-direction: column;justify-content: right;height: auto; padding:30px 50px;}
.greetings_se01c .bottom .pic_box .name span {display: block;margin-bottom: 5px;font-size: 15px;font-weight: bold; color: #fff;}
.greetings_se01c .bottom .inner p {color: #222;}
@media (max-width: 1023px){
    .greetings_se01c .bottom .pic_box {margin: 40px auto 25px;}
}
@media (max-width: 400px){
    .greetings_se01c .bottom .pic_box .name {padding: 30px}
}
/* sub0101 인사말 End */

/* sub0102 프로필 */
/* se19a */
.s19a_profile{position: relative;z-index:1;}
.s19a_profile .title{position: absolute;left:110px;top:75px;}
.s19a_profile .title strong em{display: block;width:231px;height:60px;background: url(/images/mayor/sub01/se19a_profile_titlebg.png) no-repeat; font-size: 0;}
.s19a_profile .inner{position: relative;border-bottom:2px solid #d73444;overflow: hidden;}
.s19a_profile .inner::before{content: "";position: absolute;right:65px;bottom:-2px;background: url(/images/mayor/sub01/se19a_bg.png) no-repeat;width:765px;height:235px;z-index: -1;background-size:cover;}
.s19a_profile .inner .pic{line-height: 0;width:calc(100% - 450px);text-align: right;}
.s19a_profile .text{position: absolute;right:160px;bottom:65px;}
.s19a_profile .text em{color:#fff;font-size:20px;display: block;}
.s19a_profile .text em.name{font-family: 'GmarketSans'; font-size:36px;letter-spacing: -0.025em;}

@media(max-width:1450px){
    .s19a_profile .title{left:40px;}
    .s19a_profile .inner::before{right:0;}
    .s19a_profile .inner .pic{width:calc(100% - 350px)}
    .s19a_profile .text{right: 80px;}
}
@media(max-width:1280px){
    .s19a_profile .title{left:60px;}
    .s19a_profile .inner::before{right:50px;}
    .s19a_profile .inner .pic{width:calc(100% - 450px)}
    .s19a_profile .text{right: 160px;}
}

@media(max-width:1050px){
    .s19a_profile .inner .pic{width:100%;padding-right:40px;}
    .s19a_profile .inner::before{right:0;}
    .s19a_profile .text{position: relative;right:auto;bottom:auto;text-align: center;margin-top:25px;}
    .s19a_profile .text em{color:#0c4da2;}
    .s19a_profile .text em.name{color:#444;}
}
@media(max-width:800px){
    .s19a_profile .title{top:0;left:10px;}
}
@media(max-width:550px){
    .s19a_profile .title{position: relative;top:auto;left:auto;margin-bottom:20px;}
    .s19a_profile .title{left:0;text-align: center;}
    .s19a_profile .title strong em{margin:0 auto 10px;}
    .s19a_profile .inner .pic {padding-right: 0;text-align: center;}
}
@media(max-width:450px){
    .s19a_profile .inner::before {right: -40px;}
}

.s19a_history_list .item{position: relative;overflow: hidden;border-bottom:1px dashed #ddd;}
.s19a_history_list .item .item_title{border:1px solid #1b3f86;display: table;background: #fff;width:188px;height:188px;text-align: center;position: absolute;left:0;top:50px;padding:0 60px;}

.s19a_history_list .item .item_title span{display: table-cell;vertical-align: middle;color:#333;font-size:20px;letter-spacing: -0.035em;font-family: 'GmarketSans'; font-weight: 700;}
.s19a_history_list .item .item_info {padding:70px 0 40px 90px;float:right;width:calc(100% - 290px);border-left:1px solid #ddd;min-height:310px;position: relative;}
.s19a_history_list .item:first-child .item_info::before {position: absolute; left: -1px; top: 0px; width: 1px; height: 80px; background: #fff;content: "";}

.s19a_history_list .item .item_info ul{position: relative;}
.s19a_history_list .item .item_info ul li{position: relative;font-size: 18px; color:#222;letter-spacing: -0.025em;}
.s19a_history_list .item .item_info ul li::before{content: "";position: absolute;left:-95px;top:9px;width:8px;height:8px;background: #ddd;border-radius:100%;}
.s19a_history_list .item .item_info ul li::after{content: "";position: absolute;left:-90px;top:12px;width:50px;height:1px;background: #ddd;}
.s19a_history_list .item .item_info ul li+li{margin-top:25px;}

@media(max-width:850px){
    .s19a_history_list .item{padding:30px 0;}
    .s19a_history_list .item .item_title{position: relative;left:auto;top:auto;margin:0 auto 50px;width:100%;height:90px;}
    .s19a_history_list .item .item_title span{text-align: center;}

    .s19a_history_list .item .item_info{padding:0;float:none;width:100%;border-left:0;min-height:auto;}
    .s19a_history_list .item .item_info ul{padding-top:0;}

    .s19a_history_list .item .item_info ul li {padding-left:16px;}
    .s19a_history_list .item .item_info ul li::before{left:0;top:10px;}
    .s19a_history_list .item .item_info ul li::after{display: none;}
}
/* sub0102 프로필 End */

/* sub0103 역대구청장 */
    .box-wrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
    .box-wrap .item-box{width: calc(50% - 15px);}
    .box-wrap .item-box .inner{position: relative; margin-bottom: 30px; border: 1px solid #394c89; border-radius: 10px; overflow: hidden; width: 100%; min-height: 178px;}
    .box-wrap .item-box .inner .top{padding: 30px 40px 12px 40px; background-color: #f4f6fa;}
    .box-wrap .item-box .inner .top .title{font-size: 22px; font-family: 'Gothic A1'; color: #222;}
    .box-wrap .item-box .inner .top img{position: absolute; top: 35px; right: 5%; width: 81px; height: 110px; border: 1px solid #e5e5e5;}
    .box-wrap .item-box .inner .bottom{padding: 15px 10px 15px 40px;}
    .box-wrap .item-box .inner .bottom li{position: relative; padding: 0 100px 0 70px; font-size: 16px; font-family: 'Gothic A1'; color: #222;}
    .box-wrap .item-box .inner .bottom span{position: absolute; top: 0; left: 10px; font-weight: bold;}
    .box-wrap .item-box .inner .bottom span::after{content: ""; display: inline-block; position: absolute; top: 50%; left: 45px; transform: translateY(-55%); width: 1px; height: 12px; border-right: 1px solid #b2b2b2;}

@media (max-width: 1020px){
    .box-wrap .item-box .inner .top{padding: 30px 40px 12px 20px;}
    .box-wrap .item-box .inner .bottom{padding: 15px 10px 15px 20px;}
}

@media (max-width: 780px){
    .box-wrap{display: block;}
    .box-wrap .item-box{width: 100%;}
    .box-wrap .item-box .inner .top{padding: 30px 40px 12px 40px;}
    .box-wrap .item-box .inner .bottom{padding: 15px 10px 15px 40px;}
}
@media (max-width: 500px){
    .box-wrap .item-box .inner .top{padding: 30px 40px 12px 20px;}
    .box-wrap .item-box .inner .bottom{padding: 15px 10px 15px 20px;}
}
/* sub0103 역대구청장 End */

/* sub0104 취임사 se01_d */
.inaugural_address .se01d_wrap{padding-top: 60px;}
.inaugural_address .se01d_wrap .greeting-box{position: relative; margin-top: 80px;}
.inaugural_address .se01d_wrap .greeting-box .welcome-box{position: absolute; z-index: 1; padding: 50px 45px; width: 410px; min-height: 230px; top: -80px; right: 80px; background: linear-gradient(90deg, #376f84, #193c86 ); border-radius: 0px 40px 0px 0px;}
.inaugural_address .se01d_wrap .greeting-box .welcome-box .title{position: relative; font-size: 15px; color: #fff; font-family: 'Noto Sans KR'; font-weight: bold; letter-spacing: 0.05rem;}
.inaugural_address .se01d_wrap .greeting-box .welcome-box .title::after{content: ""; display: block; position: absolute; bottom: -15px; left: 0; width: 30px; height: 1px; border-top: 1px solid #fff;}
.inaugural_address .se01d_wrap .greeting-box .welcome-box .con{margin-top: 25px; font-size: 27px; color: #fff;line-height: 1.3; font-family: 'Noto Sans KR'; font-weight: bold;letter-spacing: -0.03rem;}
.inaugural_address .se01d_wrap .greeting-box .bottom{position: relative;}
.inaugural_address .se01d_wrap .greeting-box .bottom::after{content: ""; position: absolute; display: block; bottom: 6px; left: 150px;  width: 360px; height: 370px; background: url(/images/mayor/sub01/se01d_pic.png) no-repeat center; background-size: cover;}
.inaugural_address .se01d_wrap .greeting-box .bottom img{width: 100%;}

.inaugural_address .tit{font-family: 'Gmarket Sans'; font-size: 32px; color: #222; font-weight: lighter; line-height: 1.4; margin-top: 90px;}
.inaugural_address .txt{font-family: 'Gothic A1'; font-size: 16px; line-height: 30px; letter-spacing: -0.025rem;}
.inaugural_address .subtit{position: relative; margin-top: 70px; font-family: 'Gmarket Sans'; font-size: 24px; color: #193c86;}
.inaugural_address .subtit::after{content: ""; display: block; position: absolute; bottom: -5px; left: 0; width: 100%; height: 1px; border-top: 1px solid #193c86;}
.inaugural_address .sub-txt{font-family: 'Gmarket Sans'; font-size: 24px; color: #222; margin-top: 70px;}
.inaugural_address .date{font-family: 'Gothic A1'; font-weight: bold; color: #222; letter-spacing: -0.03rem; margin-top: 90px;}
.inaugural_address .sign{font-family: 'Gothic A1'; font-weight: bold; color: #222; letter-spacing: -0.03rem; margin-top: 25px;}
.inaugural_address .sign strong{font-size: 30px; margin-left: 20px;}

@media(max-width: 1395px){
    .inaugural_address .se01d_wrap .greeting-box .bottom::after{left: 20px;}
}

@media(max-width: 945px){
    .inaugural_address .se01d_wrap .greeting-box .bottom::after{width: 260px; height: 276px;}
    .inaugural_address .se01d_wrap .greeting-box .welcome-box{right: 0;}
}

@media(max-width: 730px){
    .inaugural_address .se01d_wrap .greeting-box{margin-top: 0;}
    .inaugural_address .se01d_wrap .greeting-box .bottom::after{display: none;}
    .inaugural_address .se01d_wrap .greeting-box .bottom img{display: none;}
    .inaugural_address .se01d_wrap .greeting-box .welcome-box{position: relative; width: 100%; top: -89px;  min-height: 235px;}
    .inaugural_address .se01d_wrap .greeting-box .welcome-box::after{content: ""; position: absolute; display: block; bottom: 0; right: 0;  width: 200px; height: 205px; background: url(/images/mayor/sub01/se01d_pic.png) no-repeat center; background-size: cover;}

    .inaugural_address .tit{margin-top: -60px;}
}

@media(max-width: 533px){
    .inaugural_address .se01d_wrap .greeting-box .welcome-box::after{display: none;}
}
/* sub0104 취임사 se01_d End */


/* 매니페스토란? sub0201 */
.s0201 .vlist__bodo .obj>.item>.inner>.circle{top:38px; height:43px; width:70px;}
.s0201 .vlist__bodo .obj>.item>.inner>.circle img {top:50px;height:43px;border: 1px solid #dedede;}
.s0201 .vlist__bodo .obj>.item>.inner>.ui-bodo__summary em{font-size:14px;color:#666;}

@media(max-width:767px){
    .s0201 .vlist__bodo .obj>.item>.inner>.circle{top:auto;}
    .s0201 .vlist__bodo .obj>.item>.inner>.ui-bodo__summary em{display:block;}
}
/* 매니페스토란? sub0201 End */

/* 공약총괄현황 sub020201 */
.mayor_promisestatus{}
.mayor_promisestatus .status{}
.mayor_promisestatus .status+.status{margin-top:75px;}
.mayor_promisestatus .status .title{margin-bottom:30px;text-align:center;}
.mayor_promisestatus .status .title strong{display:block;color:#272d33;font-size:35px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";}
.mayor_promisestatus .status .title em{display:block;margin-top:5px;color:#d73444;font-size:21px;line-height:1.2;letter-spacing:0;font-weight:500;font-family:"GmarketSans";}
.mayor_promisestatus .status .promise_list{padding:60px 20px;background:#f5f6f8;border-radius:25px;}
.mayor_promisestatus .status .promise_list .itembox{display:flex;flex-wrap: wrap;justify-content:space-between;margin:0 auto;max-width:940px;}
.mayor_promisestatus .status .promise_list .itembox .item{margin-top:20px;width:calc(16.66% - 20px);min-height:180px;border-radius:15px;background:#fff;box-shadow:4px 7px 20px 0px rgba(0, 8, 54, 0.15);text-align:right;}
.mayor_promisestatus .status .promise_list .itembox .item a{display:flex;flex-direction:column;justify-content:flex-end;padding:20px;height: 100%;}
.mayor_promisestatus .status .promise_list .itembox .item:nth-child(-n+6){margin-top:0;}
.mayor_promisestatus .status .promise_list .itembox .item strong{display:block;color:#333;font-size:22px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";}
.mayor_promisestatus .status .promise_list .itembox .item strong em{display:block;}
.mayor_promisestatus .status .promise_list .itembox .item span{display:block;margin-top:16px;color:#222;font-size:20px;line-height:1;letter-spacing:-0.02em;font-weight:500;font-family:"GmarketSans";}

.mayor_promisestatus .status .promise_list .itembox .item.bg01{background-image:url(/images/mayor/sub02/promise_list_icon01.png);background-repeat:no-repeat;background-position:top 23px left -9px;}
.mayor_promisestatus .status .promise_list .itembox .item.bg02{background-image:url(/images/mayor/sub02/promise_list_icon02.png);background-repeat:no-repeat;background-position:top 21px left -11px;}
.mayor_promisestatus .status .promise_list .itembox .item.bg03{background-image:url(/images/mayor/sub02/promise_list_icon03.png);background-repeat:no-repeat;background-position:top 27px left -28px;}
.mayor_promisestatus .status .promise_list .itembox .item.bg04{background-image:url(/images/mayor/sub02/promise_list_icon04.png);background-repeat:no-repeat;background-position:top 11px left -20px;}
.mayor_promisestatus .status .promise_list .itembox .item.bg05{background-image:url(/images/mayor/sub02/promise_list_icon05.png);background-repeat:no-repeat;background-position:top 19px left -30px;}
.mayor_promisestatus .status .promise_list .itembox .item.bg06{background-image:url(/images/mayor/sub02/promise_list_icon06.png);background-repeat:no-repeat;background-position:top 16px left -18px;}

.mayor_promisestatus .status .promise_list .itembox .item.bg01 strong em{color:#394c89;}
.mayor_promisestatus .status .promise_list .itembox .item.bg02 strong em{color:#1598a0;}
.mayor_promisestatus .status .promise_list .itembox .item.bg03 strong em{color:#70ae56;}
.mayor_promisestatus .status .promise_list .itembox .item.bg04 strong em{color:#914c9e;}
.mayor_promisestatus .status .promise_list .itembox .item.bg05 strong em{color:#156269;}
.mayor_promisestatus .status .promise_list .itembox .item.bg06 strong em{color:#3d80ba;}

.mayor_promisestatus .status .graph_pledge{display:flex;flex-wrap:wrap;justify-content:space-between;}
.mayor_promisestatus .status .graph_pledge .item{position:relative;margin-top:20px;padding-top:43%;width:calc(50% - 15px);height:auto;border:1px solid #ddd;border-radius:5px;}
.mayor_promisestatus .status .graph_pledge .item:nth-child(-n+2){margin-top:0;}
.mayor_promisestatus .status .graph_pledge .item .rMate_graph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92%;height:92%;}

@media(max-width:999px){
    .mayor_promisestatus .status .promise_list .itembox .item{width:calc(33.33% - 10px);min-height:150px;}
    .mayor_promisestatus .status .promise_list .itembox .item:nth-child(4),
    .mayor_promisestatus .status .promise_list .itembox .item:nth-child(5),
    .mayor_promisestatus .status .promise_list .itembox .item:nth-child(6){margin-top:20px;}
}
@media(max-width:640px){
    .mayor_promisestatus .status .graph_pledge .item{padding-top:0;width:calc(100% - 15px);height:350px;}
    .mayor_promisestatus .status .graph_pledge .item:nth-child(2){margin-top:20px;}
}
@media(max-width:549px){
    .mayor_promisestatus .status .promise_list .itembox .item{width:calc(50% - 10px);}
    .mayor_promisestatus .status .promise_list .itembox .item:nth-child(3){margin-top:20px;}
    .mayor_promisestatus .status .promise_list .itembox .item strong{font-size:20px;}
}
/* 공약총괄현황 sub020201 End */

/* 공약 구성경과 sub020203 */
.mayor_promiseprocess{margin-top:125px;}
.mayor_promiseprocess .title{text-align:center;}
.mayor_promiseprocess .title .icon{position:relative;margin:0 auto 25px;width:135px;height:135px;border-radius:100%;background:#394c89 url(/images/mayor/sub02/promiseprocess_icon.png) center no-repeat;}
.mayor_promiseprocess .title .icon::before{content:"";position:absolute;right:-4px;bottom:-5px;z-index:-1;width:134px;height:135px;background:url(/images/mayor/sub02/promiseprocess_titbg.png);}
.mayor_promiseprocess .title strong{display:block;color:#394c89;font-size:35px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";}

.mayor_promiseprocess .list_box{margin-top:50px;border-top:1px solid #394c89;}
.mayor_promiseprocess .list_box .item{padding:30px 69px;background:#fff;min-height:105px;}
.mayor_promiseprocess .list_box .item:nth-child(even){background:#f5f6f8;}
.mayor_promiseprocess .list_box .item .inner{position:relative;padding-left:190px;display: flex;justify-content: space-between;}
.mayor_promiseprocess .list_box .item .inner .tit{position: absolute;left:0;top:0;display:block;width: 138px;color:#444;font-size:20px;line-height:1.5;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";}
.mayor_promiseprocess .list_box .item .inner .conb{}
.mayor_promiseprocess .list_box .item .inner .conb span{display:block;color:#1598a0;font-size:16px;line-height:1.2;font-weight:500;font-family:"GmarketSans";}
.mayor_promiseprocess .list_box .item .inner .conb p{font-weight: bold;}
.mayor_promiseprocess .list_box .item .inner .imgb{margin-left:20px;}

@media(max-width:1279px){
    .mayor_promiseprocess{margin-top:0;}
}
@media(max-width:840px){
    .mayor_promiseprocess .list_box .item{padding:30px;;min-height:auto;}
    .mayor_promiseprocess .list_box .item .inner{display:block;padding-left:0;}
    .mayor_promiseprocess .list_box .item .inner .tit{position: relative;left:auto;top:auto;width:100%;margin-bottom:10px;}
    .mayor_promiseprocess .list_box .item .inner .imgb{margin-left:0;margin-top:30px;}
}
/* 공약 구성경과 sub020203 End */

/* 공약가계부 - 우리 구 재정현황 sub0204 */
.mayor_financial_status{padding:90px 6.364%;background:#f8fafb;}
.mayor_financial_status .top{}
.mayor_financial_status .top .title{text-align:center;}
.mayor_financial_status .top .title em{display:inline-block;margin-bottom:15px;padding:8px 16.2px;background:#418087;border-radius:17px;color:#fff;font-size:18px;line-height:1;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";text-align:center;}
.mayor_financial_status .top .title strong{display:block;color:#222;font-size:30px;line-height:1.33;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";}
.mayor_financial_status .top .title p{margin-top:5px;color:#222;line-height:1.2;letter-spacing:-0.025em;}
.mayor_financial_status .top .paybox{position:relative;margin:40px auto 0;width:308px;height:308px;border-radius:100%;}
.mayor_financial_status .top .paybox::after{content:"";position:absolute;left:0;bottom:0;width:158px;height:84px;background:url(/images/mayor/sub02/paybox_icon02.png) no-repeat;background-size:cover;}
.mayor_financial_status .top .paybox .inner{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#dff1f4;border-radius:100%;text-align:center;}
.mayor_financial_status .top .paybox .inner::before{content:"";position:absolute;right:0;bottom:-75px;width:135px;height:284px;background:url(/images/mayor/sub02/paybox_icon01.png) no-repeat;background-size:cover;}
.mayor_financial_status .top .paybox .inner strong{display:block;color:#222;font-size:20px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";}
.mayor_financial_status .top .paybox .inner strong em{color:#276e78;font-size:40px;}
.mayor_financial_status .top .paybox .inner p{margin-top:5px;color:#222;letter-spacing:-0.025em;}
.mayor_financial_status .top .payinfo_list{margin-top:95px;}
.mayor_financial_status .top .payinfo_list .item{display:flex;flex-wrap:wrap;justify-content:space-between;}
.mayor_financial_status .top .payinfo_list .item+.item{margin-top:30px;padding-top:30px;border-top:1px dashed #d1d6e2;}
.mayor_financial_status .top .payinfo_list .item .inner{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;padding:30px 3.125%;width:calc(25% - 15px);min-height:188px;background:#fff;border:1px solid #d1d6e2;border-radius:5px;}
.mayor_financial_status .top .payinfo_list .item .inner strong{display:block;color:#555;font-size:15px;line-height:1.2;letter-spacing:-0.04em;}
.mayor_financial_status .top .payinfo_list .item .inner strong em{display:block;color:#222;font-size:21px;font-weight:bold;font-family:"GmarketSans";}
.mayor_financial_status .top .payinfo_list .item .inner p{color:#222;font-size:20px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";}
.mayor_financial_status .top .payinfo_list .item .inner p em{color:#3d7a84;font-size:36px;}
.mayor_financial_status .top .payinfo_list .item .inner.textbox{border:none;background:#eff3f4;padding:40px;width:calc(50% - 15px);}
.mayor_financial_status .top .payinfo_list .item .inner.textbox p{margin:0;font-size:16px;line-height:1.75;font-weight:400;font-family:"gothic";}

.mayor_financial_status .bottom{margin-top:85px;text-align:center;}
.mayor_financial_status .bottom .title{display:inline-block;padding:8px 33.21px;background:#394c89;border-radius:22px;}
.mayor_financial_status .bottom .title span{position:relative;display:inline-block;color:#fff;font-size:20px;line-height:1.2;letter-spacing:-0.04em;font-weight:bold;font-family:"GmarketSans";}
.mayor_financial_status .bottom .title span::before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:100%;background:#fff;}
.mayor_financial_status .bottom .title span::after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:100%;background:#fff;}
.mayor_financial_status .bottom .target_list{margin-top:40px;}
.mayor_financial_status .bottom .target_list .itembox{display:flex;flex-wrap:wrap;justify-content:center;margin-left:36px;}
.mayor_financial_status .bottom .target_list .itembox .item{margin-left:-36px;width:calc(16.667% + 36px);}
.mayor_financial_status .bottom .target_list .itembox .item .inner{display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:190px;height:190px;background:#fff;border-width:5px;border-style:solid;border-radius:100%;}
.mayor_financial_status .bottom .target_list .itembox .item:nth-child(odd) .inner{border-color:#43939c;}
.mayor_financial_status .bottom .target_list .itembox .item:nth-child(even) .inner{border-color:#465995;}
.mayor_financial_status .bottom .target_list .itembox .item .inner .icon{display:inline-block;margin:0 auto 15px;width:62px;height:45px;background:url(/images/mayor/sub02/popular_election_ir.png) no-repeat;}
.mayor_financial_status .bottom .target_list .itembox .item .inner .icon.icon01{background-position:0 0;}
.mayor_financial_status .bottom .target_list .itembox .item .inner .icon.icon02{background-position:-62px 0;}
.mayor_financial_status .bottom .target_list .itembox .item .inner .icon.icon03{background-position:-124px 0;}
.mayor_financial_status .bottom .target_list .itembox .item .inner .icon.icon04{background-position:-186px 0;}
.mayor_financial_status .bottom .target_list .itembox .item .inner .icon.icon05{background-position:-248px 0;}
.mayor_financial_status .bottom .target_list .itembox .item .inner .icon.icon06{background-position:-310px 0;}
.mayor_financial_status .bottom .target_list .itembox .item .inner strong{display:block;font-size:18px;line-height:1.2;letter-spacing:-0.025em;font-weight:500;font-family:"GmarketSans";}
.mayor_financial_status .bottom .target_list .itembox .item .inner strong em{display:block;font-weight:bold;}
.mayor_financial_status .bottom .target_list .itembox .item:nth-child(odd) .inner strong{color:#43939c;}
.mayor_financial_status .bottom .target_list .itembox .item:nth-child(even) .inner strong{color:#465995;}
.mayor_financial_status .bottom .textbox{margin-top:35px;}
.mayor_financial_status .bottom .textbox p{margin:0;color:#222;}

@media(min-width:1280px) and (max-width:1489px){
    .mayor_financial_status .bottom .target_list{max-width:500px;margin:40px auto 0;}
    .mayor_financial_status .bottom .target_list .itembox .item{width:calc(33.33% + 36px)}
    .mayor_financial_status .bottom .target_list .itembox .item:nth-last-child(-n+3){margin-top:-20px;}
}
@media(max-width:1169px){
    .mayor_financial_status .bottom .target_list{max-width:500px;margin:40px auto 0;}
    .mayor_financial_status .bottom .target_list .itembox .item{width:calc(33.33% + 36px)}
    .mayor_financial_status .bottom .target_list .itembox .item:nth-last-child(-n+3){margin-top:-20px;}
}
@media(min-width:1280px) and (max-width:1429px){
    .mayor_financial_status .top .payinfo_list .item .inner{width:calc(50% - 15px);}
    .mayor_financial_status .top .payinfo_list .item .inner:nth-last-child(-n+2){margin-top:20px;}
    .mayor_financial_status .top .payinfo_list .item:nth-child(2) .inner:nth-child(2){margin-top:0;}
    .mayor_financial_status .top .payinfo_list .item .inner.textbox{width:calc(100% - 15px);min-height:auto;}
}
@media(max-width:1089px){
    .mayor_financial_status .top .payinfo_list .item .inner{width:calc(50% - 15px);}
    .mayor_financial_status .top .payinfo_list .item .inner:nth-last-child(-n+2){margin-top:20px;}
    .mayor_financial_status .top .payinfo_list .item:nth-child(2) .inner:nth-child(2){margin-top:0;}
    .mayor_financial_status .top .payinfo_list .item .inner.textbox{width:100%;min-height:auto;}
}
@media(max-width:767px){
    .mayor_financial_status{padding:90px 25px;}
}
@media(max-width:599px){
    .mayor_financial_status .top .title strong{font-size:25px;}

    .mayor_financial_status .top .payinfo_list .item .inner{padding:30px;width:100%;}
    .mayor_financial_status .top .payinfo_list .item .inner:nth-child(2){margin-top:20px;}
    .mayor_financial_status .top .payinfo_list .item:nth-child(2) .inner:nth-child(2){margin-top:20px;}

    .mayor_financial_status .bottom .target_list{max-width:340px;}
    .mayor_financial_status .bottom .target_list .itembox .item{width:calc(50% + 36px)}
    .mayor_financial_status .bottom .target_list .itembox .item:nth-child(3){margin-top:-20px;}
}
@media(max-width:449px){
    .mayor_financial_status .bottom .target_list{max-width:100%;}
    .mayor_financial_status .bottom .target_list .itembox .item{width:calc(100% + 36px)}
    .mayor_financial_status .bottom .target_list .itembox .item:nth-child(2){margin-top:-20px;}
}
@media(max-width:429px){
    .mayor_financial_status .top .paybox{width:263px;height:263px;}
    .mayor_financial_status .top .paybox::after{width:112px;height:60px;}
    .mayor_financial_status .top .paybox .inner::before{bottom:-75px;width:101px;height:214px;}
    .mayor_financial_status .top .paybox .inner strong{font-size:17px;}
    .mayor_financial_status .top .paybox .inner strong em{color:#276e78;font-size:27px;}
}
/* 공약가계부 - 우리 구 재정현황 sub0204 End */

/* 공약가계부 - 공약사업 이행 소요예산 sub0204 */
.budget_required{}
.budget_required .budget_title{position:relative;margin:50px auto 0;padding:0 20px;max-width:420px;border:7px solid #394c89;text-align: center;}
.budget_required .budget_title::before{content:"";position:absolute;left:50%;top:-7px;transform:translateX(-50%);width:calc(100% - 10px);height:7px;background:#fff;}
.budget_required .budget_title::after{content:"";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);width:calc(100% - 10px);height:7px;background:#fff;}
.budget_required .budget_title strong{display: block;color:#d0264b;font-size:18px;line-height: 1.2;letter-spacing: -0.025em;font-weight: bold;font-family: "GmarketSans";}
.budget_required .budget_title strong em{font-size:35px;}
.budget_required .budget_title strong sup{font-size:13px;}

.budget_required .budget_type{margin-top:35px;border-top:2px solid #394c89;}
.budget_required .budget_type .item{}
.budget_required .budget_type .item+.item{margin-top:35px;padding-top:35px;border-top:1px dashed #ddd;}
.budget_required .budget_type .item .inner{display:flex;flex-wrap:wrap;align-items:center;padding:40px 30px;border:1px solid #ddd;border-radius:5px;}
.budget_required .budget_type .item .inner .graph{width:500px;height:430px;}
.budget_required .budget_type .item .inner .graph .rMate_graph{width:100%;height:100%;}
.budget_required .budget_type .item .inner .info{margin-left:50px;width:calc(100% - 550px);}
.budget_required .budget_type .item .inner .info ul{margin:0 auto;max-width:320px;}
.budget_required .budget_type .item .inner .info ul li{position:relative;padding-left:30%;text-align:right;}
.budget_required .budget_type .item .inner .info ul li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;}
.budget_required .budget_type .item .inner .info ul li em{position:absolute;left:15px;top:0;color:#222;font-size:17px;font-weight:bold;font-family:"GmarketSans";}
.budget_required .budget_type .item .inner .info ul li span{color:#1c8162; font-weight:bold;font-family:"GmarketSans";}
.budget_required .budget_type .item .inner .info ul li strong{display:inline-block;width:65px;font-weight:300;}
.budget_required .budget_type .item .inner .info ul li:nth-child(1)::before{background: #4876bc;}
.budget_required .budget_type .item .inner .info ul li:nth-child(1) span{color:#4876bc;}
.budget_required .budget_type .item .inner .info ul li:nth-child(2)::before{background:#1c8162;}
.budget_required .budget_type .item .inner .info ul li:nth-child(2) span{color:#c8162b;}
.budget_required .budget_type .item .inner .info ul li:nth-child(3)::before{background:#ce3b67;}
.budget_required .budget_type .item .inner .info ul li:nth-child(3) span{color:#ce3b67;}
.budget_required .budget_type .item .inner .info ul li:nth-child(4)::before{background:#0051a0;}
.budget_required .budget_type .item .inner .info ul li:nth-child(4) span{color:#0051a0;}
.budget_required .budget_type .item .inner .info ul li:nth-child(5)::before{background:#9f48b7;}
.budget_required .budget_type .item .inner .info ul li:nth-child(5) span{color:#9f48b7;}
.budget_required .budget_type .item .inner .info ul li:nth-child(6)::before{background:#a16906;}
.budget_required .budget_type .item .inner .info ul li:nth-child(6) span{color:#a16906;}

@media(max-width:940px){
    .budget_required .budget_type .item .inner{display:block;}
    .budget_required .budget_type .item .inner .graph{margin:0 auto 50px;}
    .budget_required .budget_type .item .inner .info{margin-left:0;width:100%;}
}
@media(max-width:599px){
    .budget_required .budget_title{max-width:320px;}
    .budget_required .budget_title strong{font-size:16px;}
    .budget_required .budget_title strong em{font-size:25px;}

    .budget_required .budget_type .item .inner .graph{width: 100%;height: 320px;}
}
/* 공약가계부 - 공약사업 이행 소요예산 sub0204 End */

/* 공약가계부 - 공약예산 확보방안 sub0204 */
.mayor_financial_measures{border:1px solid #ddd;text-align:center;}
.mayor_financial_measures p.smalltip{color:#418087;font-size:15px;}
.mayor_financial_measures .graphbox{padding:60px 20px 115px;}
.mayor_financial_measures .graphbox .title{}
.mayor_financial_measures .graphbox .title em{display:block;margin-bottom:10px;line-height:1;letter-spacing:-0.025em;font-size:18px;font-weight:bold;font-family:"GmarketSans";}
.mayor_financial_measures .graphbox .title strong{display:inline-block;padding:6px 24px;border-radius:24.5px;color:#fff;font-size:30px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";}
.mayor_financial_measures .graphbox .graphlist{position:relative;margin:62px auto 0;width:240px;height:240px;}
.mayor_financial_measures .graphbox .graphlist .inner{position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto;background:#fff;width:240px;height:240px;border-radius:100%;}
.mayor_financial_measures .graphbox .graphlist .inner::before{content:"";position:absolute;left:50%;top:50%;z-index:-1;transform:translate(-50%,-50%);width:276px;height:276px;border-radius:100%;background:#d1e3e5;}
.mayor_financial_measures .graphbox .graphlist .inner strong{position:relative;display:block;padding-top:65px;color:#222;font-size:20px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";}
.mayor_financial_measures .graphbox .graphlist .inner strong em{font-size:40px;}
.mayor_financial_measures .graphbox .graphlist .inner strong::before{content:"";position:absolute;left:50%;top:0;margin-left:-22px;width:44px;height:46px;background:url(/images/mayor/sub02/financial_measures_title.png) no-repeat;}
.mayor_financial_measures .graphbox .graphlist .list{}
.mayor_financial_measures .graphbox .graphlist .list ul{}
.mayor_financial_measures .graphbox .graphlist .list ul li{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border-radius:100%;}
.mayor_financial_measures .graphbox .graphlist .list ul li:nth-child(1){left:-95px;top:-48px;}
.mayor_financial_measures .graphbox .graphlist .list ul li:nth-child(2){right:-95px;top:-48px;}
.mayor_financial_measures .graphbox .graphlist .list ul li:nth-child(3){left:-95px;bottom:-48px;}
.mayor_financial_measures .graphbox .graphlist .list ul li:nth-child(4){right:-95px;bottom:-48px;}
.mayor_financial_measures .graphbox .graphlist .list ul li em{font-size:15px;font-weight:500;font-family:"GmarketSans";}
.mayor_financial_measures .graphbox .graphlist .list ul li strong{display:block;font-size:18px;font-weight:600;font-family:"GmarketSans";}

.mayor_financial_measures .measures_list{padding:70px 6.376%;background:#f8fafb;}
.mayor_financial_measures .measures_list .title{margin-bottom:35px;}
.mayor_financial_measures .measures_list .title strong{color:#222;font-size:30px;line-height:1.33;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans"}
.mayor_financial_measures .measures_list .list_box{display:flex;flex-wrap:wrap;justify-content:space-between}
.mayor_financial_measures .measures_list .list_box .item{margin-top:15px;padding:40px 15px;min-height:265px;background:#fff;border:1px solid #d1d6e2;border-radius:5px;}
.mayor_financial_measures .measures_list .list_box.col3 .item{width:calc(33.33% - 2.61%);}
.mayor_financial_measures .measures_list .list_box.col3 .item:nth-child(-n+3){margin-top:0;}
.mayor_financial_measures .measures_list .list_box.col4 .item{width:calc(25% - 1.878%);}
.mayor_financial_measures .measures_list .list_box.col4 .item:nth-child(-n+4){margin-top:0;}
.mayor_financial_measures .measures_list .list_box .item .tit{}
.mayor_financial_measures .measures_list .list_box .item .tit .icon{display:inline-block;margin:0 auto 10px;width:42px;height:42px;background:url(/images/mayor/sub02/financial_measures_ir.png) no-repeat;}
.mayor_financial_measures .measures_list .list_box .item .tit .icon.icon01{background-position:0 0;}
.mayor_financial_measures .measures_list .list_box .item .tit .icon.icon02{background-position:-42px 0;}
.mayor_financial_measures .measures_list .list_box .item .tit .icon.icon03{background-position:-84px 0;}
.mayor_financial_measures .measures_list .list_box .item .tit .icon.icon04{background-position:-126px 0;}
.mayor_financial_measures .measures_list .list_box .item .tit .icon.icon05{background-position:-168px 0;}
.mayor_financial_measures .measures_list .list_box .item .tit .icon.icon06{background-position:-210px 0;}
.mayor_financial_measures .measures_list .list_box .item .tit strong{display:block;font-size:22px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";}
.mayor_financial_measures .measures_list .list_box .item.color01 .tit strong{color:#394c89;}
.mayor_financial_measures .measures_list .list_box .item.color02 .tit strong{color:#418087;}
.mayor_financial_measures .measures_list .list_box .item .context{}
.mayor_financial_measures .measures_list .list_box .item .context p{color:#222;;}

/* 임기 내 */
.mayor_financial_measures.term_in .graphbox .title em{color:#418087;}
.mayor_financial_measures.term_in .graphbox .title strong{background:#418087;}
.mayor_financial_measures.term_in .graphbox .graphlist .inner::before{background:#d1e3e5;}
.mayor_financial_measures.term_in .graphbox .graphlist .inner strong::before{background-position:0 0;}
.mayor_financial_measures.term_in .graphbox .graphlist .inner strong em{color:#276e78;}
.mayor_financial_measures.term_in .graphbox .graphlist .list ul li{background:rgba(57,119,126,0.1);color:#39777e;}

/* 임기 외 */
.mayor_financial_measures.term_out .graphbox .title em{color:#394c89;}
.mayor_financial_measures.term_out .graphbox .title strong{background:#394c89;}
.mayor_financial_measures.term_out .graphbox .graphlist .inner::before{background:#d3d7e6;}
.mayor_financial_measures.term_out .graphbox .graphlist .inner strong::before{background-position:-54px 0;}
.mayor_financial_measures.term_out .graphbox .graphlist .inner strong em{color:#394c89;}
.mayor_financial_measures.term_out .graphbox .graphlist .list ul li{background:rgba(57,76,137,0.1);color:#394c89;}

@media(max-width:899px){
    .mayor_financial_measures .measures_list .list_box.col4 .item{width:calc(50% - 1.878%);}
    .mayor_financial_measures .measures_list .list_box.col4 .item:nth-child(3),
    .mayor_financial_measures .measures_list .list_box.col4 .item:nth-child(4){margin-top:15px;}
}
@media(max-width:767px){
    .mayor_financial_measures .measures_list .list_box.col3 .item{width:calc(50% - 2.61%);}
    .mayor_financial_measures .measures_list .list_box.col3 .item:nth-child(3){margin-top:15px;}
}
@media(max-width:550px){
    .mayor_financial_measures .graphbox{padding:60px 20px;}
    .mayor_financial_measures .graphbox .graphlist{width: 100%;height:100%;}
    .mayor_financial_measures .graphbox .graphlist .list ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top:50px;}
    .mayor_financial_measures .graphbox .graphlist .list ul li{position: relative;;width:calc(50% - 5px);height:auto;border-radius:5px;padding:10px;margin-top:10px;}
    .mayor_financial_measures .graphbox .graphlist .list ul li:nth-child(-n+2){margin-top:0;}
    .mayor_financial_measures .graphbox .graphlist .list ul li:nth-child(1){left:auto;top:auto;}
    .mayor_financial_measures .graphbox .graphlist .list ul li:nth-child(2){right:auto;top:auto;}
    .mayor_financial_measures .graphbox .graphlist .list ul li:nth-child(3){left:auto;bottom:auto;}
    .mayor_financial_measures .graphbox .graphlist .list ul li:nth-child(4){right:auto;bottom:auto;}

    .mayor_financial_measures .measures_list .list_box.col3 .item,
    .mayor_financial_measures .measures_list .list_box.col4 .item{width:100%;min-height: auto;}
    .mayor_financial_measures .measures_list .list_box.col3 .item:nth-child(2),
    .mayor_financial_measures .measures_list .list_box.col4 .item:nth-child(2){margin-top:15px;}
}
/* 공약가계부 - 공약예산 확보방안 sub0204 End */

/* 공약지도 sub0205 */
.mayor_pledgemap{padding:82px 6.364% 335px;background:#f8fafb url(/images/mayor/sub02/mayormap_bg.png) center bottom no-repeat;}
.mayor_pledgemap .commonbox{position:relative;background:#fff;border:5px solid #dee8ea;border-radius:10px;box-shadow:4px 6px 14.55px 0.45px rgba(161, 207, 203, 0.2);padding:23px 45px;}
.mayor_pledgemap .commonbox .title{position:absolute;left:50%;top:-15px;transform:translateX(-50%);}
.mayor_pledgemap .commonbox .title span{position:relative;background:#fff;color:#3e7a83;font-size:26px;line-height:1.2;letter-spacing:0;font-weight:bold;font-family:"GmarketSans";}
.mayor_pledgemap .commonbox .title span::before{content:"";position:absolute;left:-36px;top:50%;transform:translateY(-50%);background:#3d7a84;width:8px;height:8px;border:8px solid #fff;border-radius:100%;}
.mayor_pledgemap .commonbox .title span::after{content:"";position:absolute;right:-36px;top:50%;transform:translateY(-50%);background:#3d7a84;width:8px;height:8px;border:8px solid #fff;border-radius:100%;}
.mayor_pledgemap .commonbox .list-1st{display:flex;flex-wrap:wrap;margin:0;margin-left:-9px;}
.mayor_pledgemap .commonbox .list-1st li{margin-left:9px;width:calc(33.33% - 9px);font-size:15px;}

.mayor_pledgemap .mapbox{display:flex;align-items:center;flex-wrap:wrap;padding:0 5.718%;}
.mayor_pledgemap .mapbox .map{position:relative;margin-right:60px;width:357px;line-height:0;}
.mayor_pledgemap .mapbox .map .spot{}
.mayor_pledgemap .mapbox .map .spot li{position:absolute;}
.mayor_pledgemap .mapbox .map .spot li.top{width: 123px;height: 123px;background: #3d7a82 url(/images/mayor/sub02/mayor_map_icon.png) center 13px no-repeat;border-radius: 50%;border: 10px solid #cddbdd;text-shadow:0;text-align: center;color: #fff;}
.mayor_pledgemap .mapbox .map .spot li a{display:inline-block;color:#222;font-size:17px;line-height:1;letter-spacing:-0.02em;font-weight:500;font-family:"GmarketSans";text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;transition: 0.3s;}
.mayor_pledgemap .mapbox .map .spot li.top a{position: absolute;left: 50%;top: 53px;transform: translateX(-50%);text-shadow: 0 0 black;color: #fff;width: 100%;transition: none;}
.mayor_pledgemap .mapbox .map .spot li a::before{display:none;content:"";position:absolute;left:50%;top:-35px;transform:translateX(-50%);width:19px;height:27px;background:url(/images/mayor/sub02/pledgemap_marker.png) no-repeat;animation: mark_move 3s both infinite 0.5s;}
.mayor_pledgemap .mapbox .map .spot li.top a::before{display: none;}
.mayor_pledgemap .mapbox .map .spot li:nth-child(1){left:-40px;top:17px;}
.mayor_pledgemap .mapbox .map .spot li:nth-child(2){left:32.5%;bottom:29%;}
.mayor_pledgemap .mapbox .map .spot li:nth-child(3){left:39.5%;top:37%;}
.mayor_pledgemap .mapbox .map .spot li:nth-child(4){left:60%;top:30%;}
.mayor_pledgemap .mapbox .map .spot li:nth-child(5){left:66%;top:7%;}

.mayor_pledgemap .mapbox .map .spot li:nth-child(1) a::before{display: none;}

.mayor_pledgemap .mapbox .map .spot li a:hover,
.mayor_pledgemap .mapbox .map .spot li a:focus,
.mayor_pledgemap .mapbox .map .spot li.on a{padding:4.71px 10px;background:linear-gradient(25deg, rgba(61,122,130,1) 26%, rgba(29,68,150,1) 100%);border-radius:18px;text-shadow: none;color:#fff;}

.mayor_pledgemap .mapbox .map .spot li.top a:hover,
.mayor_pledgemap .mapbox .map .spot li.top a:focus,
.mayor_pledgemap .mapbox .map .spot li.top.on a{width: 103px;height: 103px;border-radius: 50%;top: 0;left: 53px;padding-top: 53px;background: url(/images/mayor/sub02/mayor_map_icon.png)center 13px no-repeat, linear-gradient(25deg, rgba(61,122,130,1) 26%, rgba(29,68,150,1) 100%);}

.mayor_pledgemap .mapbox .map .spot li a:hover::before,
.mayor_pledgemap .mapbox .map .spot li a:focus::before,
.mayor_pledgemap .mapbox .map .spot li.on a::before{display:block;}

.mayor_pledgemap .mapbox .map .spot li.top a:hover::before,
.mayor_pledgemap .mapbox .map .spot li.top a:focus::before,
.mayor_pledgemap .mapbox .map .spot li.top.on a::before{display:none;}

.mayor_pledgemap .mapbox .sp-txt{position: absolute;bottom: -112px;padding-left: 20px;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;line-height: 1.3;}
.mayor_pledgemap .mapbox .sp-txt::before{content: "";position: absolute;left: 0;top: 3px;background: url(/images/mayor/sub02/sp-txt_icon.png);width: 16px;height: 16px;}

.mayor_pledgemap .mapbox .spot_info{width:calc(100% - 417px);}
.mayor_pledgemap .mapbox .spot_info .item{display:none;}
.mayor_pledgemap .mapbox .spot_info .item.on{display:block;}
.mayor_pledgemap .mapbox .spot_info .item{padding:42px;background:#fff;border-radius:20px;box-shadow:0px 0px 19.4px 0.6px rgba(61, 122, 132, 0.15);}
.mayor_pledgemap .mapbox .spot_info .item .title{display:inline-block;padding:4.71px 30.46px;background:linear-gradient(25deg, rgba(61,122,130,1) 26%, rgba(29,68,150,1) 100%);border-radius:18px;}
.mayor_pledgemap .mapbox .spot_info .item .title strong{color:#fff;font-size:18px;line-height:1.2;letter-spacing:-0.07em;font-weight:500;font-family:"GmarketSans";}

@keyframes mark_move{ 0%,50%,100%{transform:translateY(0) translateX(-50%);-webkit-transform:translateY(0) translateX(-50%);}25%{transform:translateY(5px) translateX(-50%);-webkit-transform:translateY(5px) translateX(-50%);}75%{transform:translateY(8px) translateX(-50%);-webkit-transform:translateY(8px) translateX(-50%);}}



@media(min-width:1280px) and (max-width:1399px){
    .mayor_pledgemap .mapbox{padding:0;}
    .mayor_pledgemap .mapbox .map{margin-right:0;margin:0 auto 50px;}
    .mayor_pledgemap .mapbox .spot_info{width:100%;}

    .mayor_pledgemap .mapbox .sp-txt{bottom: -20px;}
}
@media(max-width:1279px){
    .mayor_pledgemap{padding:82px 5.824% 335px;}
}
@media(max-width:1140px){
    .mayor_pledgemap .mapbox {padding:0;}
}
@media(max-width:940px){
    .mayor_pledgemap .commonbox .list-1st li{width:calc(50% - 9px);}

    .mayor_pledgemap .mapbox .map{margin-right:0;margin:0 auto 50px;}
    .mayor_pledgemap .mapbox .spot_info{width:100%;}

    .mayor_pledgemap .mapbox .sp-txt{bottom: -20px;}
}
@media(max-width:640px){
    .mayor_pledgemap{padding: 82px 5.824% 215px;background-size:640px;}
    .mayor_pledgemap .commonbox{padding:23px;}
}
@media(max-width:499px){
    .mayor_pledgemap .commonbox .title span{font-size:19px;}
    .mayor_pledgemap .commonbox .list-1st li{width:calc(100% - 9px);}

    .mayor_pledgemap .mapbox .map .spot li a{font-size:14px;}
    .mayor_pledgemap .mapbox .spot_info .item{padding:27px;}

    .mayor_pledgemap .mapbox .map .spot li:nth-child(1){left: -13px;top: 21px;}
}

@media(max-width:380px){
    .mayor_pledgemap .mapbox .map .spot li:nth-child(1){top: 17px;}
}
/* 공약지도 sub0205 End */

/* 공약소통 sub0206 */
.mayor_helpDesk{margin-top:100px;}
.mayor_helpDesk .title{text-align:center;}
.mayor_helpDesk .title strong{display:block;color:#222;font-size:38px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";}
.mayor_helpDesk .title p{margin-top:12px;color:#3e7b84;font-size:18px;line-height:1.3;letter-spacing:0;font-family:"GmarketSans";}
.mayor_helpDesk .helpDesk_list{margin-top:50px;padding:72px 6.36%;background:#f5f6f8;}
.mayor_helpDesk .helpDesk_list .itemBox{display:flex;flex-wrap: wrap;margin:0 -21px;}
.mayor_helpDesk .helpDesk_list .itemBox .item{overflow:hidden;position:relative;margin:42px 21px 0;padding:50px 35px;;width:calc(33.33% - 42px);min-height:390px;border:1px solid #fff;border-radius:15px;background:#fff;box-shadow:4px 7px 20px 0px rgba(0, 8, 54, 0.15);transition: 0.3s;}
.mayor_helpDesk .helpDesk_list .itemBox .item:hover{border-color:#536499;}
.mayor_helpDesk .helpDesk_list .itemBox .item:nth-child(-n+3){margin-top:0;}
.mayor_helpDesk .helpDesk_list .itemBox .item strong{display:block;margin-bottom:25px;color:#394c89;font-size:24px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";}
.mayor_helpDesk .helpDesk_list .itemBox .item ul{}
.mayor_helpDesk .helpDesk_list .itemBox .item ul li{padding:12px 0;border:1px dashed #e3e3e3;border-left:0;border-right:0;border-top:0;}
.mayor_helpDesk .helpDesk_list .itemBox .item ul li:first-child{padding-top:0;}
.mayor_helpDesk .helpDesk_list .itemBox .item ul li a{position:relative;display:block;padding-right:40px;color:#222;font-size:16px;line-height:1.2;letter-spacing:-0.025em;font-weight: 400;transition:0.3s;}
.mayor_helpDesk .helpDesk_list .itemBox .item ul li a .arrow{position: absolute;right:0;top:-5.5px;display: inline-block;width: 32px;height: 32px;}
.mayor_helpDesk .helpDesk_list .itemBox .item ul li a .arrow::before{content: "";position: absolute;left:calc(50% - 16px);top:calc(50% - 16px);width:32px;height:32px;border-radius:100%;background: linear-gradient(25deg, rgba(61,122,130,1) 25%, rgba(29,68,150,1) 100%);transform:scale(0);}
.mayor_helpDesk .helpDesk_list .itemBox .item ul li a .arrow i{position: absolute;left:calc(50% - 6px);top:calc(50% - 4.5px);z-index:1;width:9px;height:9px;border:2px solid #418087;border-top:0;border-left:0;transform:rotate(315deg);transition: 0.3s;}
.mayor_helpDesk .helpDesk_list .itemBox .item ul li a:hover,
.mayor_helpDesk .helpDesk_list .itemBox .item ul li a:focus{color:#418087;font-weight: bold;}
.mayor_helpDesk .helpDesk_list .itemBox .item ul li a:hover .arrow::before,
.mayor_helpDesk .helpDesk_list .itemBox .item ul li a:focus .arrow::before{animation:helpArrow 0.35s both ease-in-out;}
.mayor_helpDesk .helpDesk_list .itemBox .item ul li a:hover i,
.mayor_helpDesk .helpDesk_list .itemBox .item ul li a:focus i{border-color:#fff;}
.mayor_helpDesk .helpDesk_list .itemBox .item.iconBox{padding-top:190px;}
.mayor_helpDesk .helpDesk_list .itemBox .item.icon01::before{content:"";position:absolute;left:35px;top:48px;width:78px;height:84px;background:url(/images/mayor/sub02/helpDesk_icon01.png) no-repeat;}
.mayor_helpDesk .helpDesk_list .itemBox .item.icon02::before{content:"";position:absolute;left:35px;top:55px;width:79px;height:76px;background:url(/images/mayor/sub02/helpDesk_icon02.png) no-repeat;}
.mayor_helpDesk .helpDesk_list .itemBox .item.snsBox{padding-top:150px;}
.mayor_helpDesk .helpDesk_list .itemBox .item.snsBox ul li a em{margin-left:5px;display: inline-block;vertical-align:middle;}
.mayor_helpDesk .helpDesk_list .itemBox .item.snsBox::before{content:"SNS";position: absolute;left:-9px;top:35px;color:rgba(42,169,186,0.1);font-size:100px;line-height:1;letter-spacing: -0.025em;font-weight: bold;font-family:"GmarketSans";}

@keyframes helpArrow{
    0%{transform: scale(0);}
    100%{transform: scale(1);}
}

@media(min-width:1280px) and (max-width:1399px){
    .mayor_helpDesk .helpDesk_list .itemBox .item{width:calc(50% - 42px);}
    .mayor_helpDesk .helpDesk_list .itemBox .item:nth-child(3){margin-top:42px;}
}
@media(max-width:999px){
    .mayor_helpDesk .helpDesk_list .itemBox .item{width:calc(50% - 42px);}
    .mayor_helpDesk .helpDesk_list .itemBox .item:nth-child(3){margin-top:42px;}
}
@media(max-width:640px){
    .mayor_helpDesk .helpDesk_list{padding:50px 25px;}
    .mayor_helpDesk .helpDesk_list .itemBox .item{width:calc(100% - 42px);min-height:auto;padding:50px 20px;}
    .mayor_helpDesk .helpDesk_list .itemBox .item:nth-child(2){margin-top:42px;}
}
/* 공약소통 sub0206 End */

/* sub0502 구청장 SNS */
.sns_box {margin-top: 100px;border-radius: 25px; background: #f5f6f8;}
.sns_box .sns_title {position: relative; padding: 80px 10.7%; padding-right: 390px; background: url(/images/mayor/sub05/sns_bg.jpg) center no-repeat; background-size: cover; border-radius: 25px 25px 0 0;}
.sns_box .sns_title .img {position: absolute; right: 60px; bottom: -1px; width: 319px; min-height: 294px;}
.sns_box .sns_title .tit {display: block; font-family: "GmarketSans";font-weight: 700; font-size: 36px; color:#fff;}
.sns_box .sns_title .txt {font-family: "GmarketSans"; color: #fff;}
.sns_box .inner {padding: 65px 40px 95px;}
.sns_box .sns_list {display: flex; justify-content: center; margin:0 -3.6%;}
.sns_box .sns_list a {display: inline-flex;flex-direction: column;justify-content: center;align-items: center;width: 180px; height: 180px; margin:20px 1.8%; background: #fff; border-radius: 15px;box-shadow: 4px 7px 20px 0px rgba(21, 0, 8, 0.15); border: 1px solid transparent; box-sizing: border-box;}
.sns_box .sns_list a:hover,
.sns_box .sns_list a:focus {border:1px solid #394c89;}
.sns_box .sns_list a .ico {display: block; width: 45px; height: 48px; margin: 8px 0 10px; background: url(/images/mayor/sub05/sns_ir.png) no-repeat;}
.sns_box .sns_list a .ico1 {background-position: 0 0;}
.sns_box .sns_list a .ico2 {width: 53px; background-position: -74px 0;}
.sns_box .sns_list a .ico3 {width: 41px; background-position: -153px 0;}
.sns_box .sns_list a .ico4 {width: 51px; background-position: -224px 0;}
.sns_box .sns_list a .tit {display: block; font-family: "GmarketSans";color:#222;}

@media (max-width:1024px){
    .sns_box .sns_title {padding: 70px 50px; padding-right: 340px;}
    .sns_box .sns_title .img {right: 15px;}
}
@media (max-width:767px){
    .sns_box .sns_title {padding: 60px 40px; padding-right: 310px;}
    .sns_box .sns_title .img {right: 0;}
    .sns_box .sns_list {flex-wrap: wrap; margin: 0 -10px;}
    .sns_box .sns_list a {width:calc(50% - 20px);margin: 10px;}
}
@media (max-width:650px){
    .sns_box .sns_title {padding: 50px 40px 0;text-align: center;}
    .sns_box .sns_title .img {position: relative; right: auto; bottom:-8px; min-height: auto;}
}
@media (max-width:500px){
    .sns_box .sns_title {padding: 50px 30px 0;}
    .sns_box .inner {padding: 50px 30px 70px;}
}
@media (max-width:450px){
    .sns_box .sns_list a {width: 100%;height: 150px;}
}

/* 민선8기 주요 성과 slick slide 추가 */
.slide_wrap{position:relative;z-index:1;background:#faf8f8;padding: 57px 58px 59px 76px;text-align:center;}
.slide_wrap .slide_wrap_list .slick-track{height:100%;}
.slide_wrap .slide_wrap_list .slick-slide{margin:0 10px}
.slide_wrap .slide_wrap_list .item{position:relative;width:100%;height:100%;}
.slide_wrap .slide_wrap_list .item span{max-width:100%; height:auto;}
.slide_wrap .slide_wrap_list .item img{width:100%;height:100%;border-radius: 27px;display: block;margin: 0 auto;}
.slide_wrap .slide_wrap_list .slick-arrow{position:absolute;top: 56%;z-index:10;transform:translateY(-50%) translateY(-26px);width: 62px;height: 62px;background:#fff;border-radius:100%;font-size:0;text-indent:-9999px;line-height:0;transition:0.3s;border: 1px solid #ddd;}
.slide_wrap .slide_wrap_list .slick-arrow::before{position:absolute;top:50%;width: 14px;height: 14px;border:3px solid #ddd;border-width:0 3px 3px 0;border-radius:1.5px;}
.slide_wrap .slide_wrap_list .slick-arrow.slick-prev{left: -26px;}
.slide_wrap .slide_wrap_list .slick-arrow.slick-prev::before{content:"";left: 25px;transform:translateY(-50%) rotate(135deg);}
.slide_wrap .slide_wrap_list .slick-arrow.slick-next{right: -14px;}
.slide_wrap .slide_wrap_list .slick-arrow.slick-next::before{content:"";right: 25px;transform:translateY(-50%) rotate(315deg);}
.slide_wrap .slide_wrap_list .slick-arrow:hover,
.slide_wrap .slide_wrap_list .slick-arrow:focus{background: #3D8385;box-shadow:3px 5px 7px 0px rgba(97, 79, 62, 0.35);}
.slide_wrap .slide_wrap_list .slick-arrow:hover::before,
.slide_wrap .slide_wrap_list .slick-arrow:focus::before{border-color: #ddd;}


@media(max-width:1023px){
	.slide_wrap{padding-top: 40px;}
	.slide_wrap .slide_wrap_list .slick-arrow.slick-prev{left:-25px;}
	.slide_wrap .slide_wrap_list .slick-arrow.slick-next{right:-25px;}
}
@media(max-width:767px){
	.slide_wrap{padding: 38px 41px 30px 54px;}
	.slide_wrap .slide_wrap_list{width:100%; margin-top:0;}
	.slide_wrap .slide_wrap_list .slick-arrow{transform:translateY(-50%) translateY(-5%);}
}
@media(max-width:500px){
	.slide_wrap{padding: 28px 31px 24px;}
}

/* 추진사항 다운로드 */
.s0602 .table td .file-view {font-size: 0;width: 20px;height: 20px;background-image: url(/pcms/dist/img/ir-bbs.png);display: inline-block;background-position: -130px -177px;}
.s0602 .table td .file-down {font-size: 0;width: 20px;height: 20px;background-image: url(/pcms/dist/img/ir-bbs.png);display: inline-block;background-position: -108px -177px;}
@media(max-width:767px){
	.s0602 .table-responsive .table{width: 100%;}
}

.sub02_03_02_01 .bodo-h .col{width:100%;}