@charset "utf-8";

/* 스크롤이미지 가로스크롤테이블 */
.table_scroll { display:none; }
@media(max-width: 767px){
    .table_scroll { display:block; }
    .scl_x{width:100%;overflow-x: scroll;}
    .scl_x .tbl_basic{width:768px;}
}

h2:before{background:url(/promise/img/common/h2_bul.png);}

.btn{display: inline-block;max-width: 100%;width: auto;color: inherit;margin-bottom: 0;padding: 10px 14px 9px;cursor: pointer;border: 1px solid transparent;border-radius: 0;background-image: none;overflow-wrap: break-word;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;font-size: 16px;line-height: 1.42857143;}
.btn-icon{padding-right: 62px;}
.btn-default, .btn-default:link, .btn-default:visited {border-color: #cbcbcb;background-color: #fff;color: #666;}
.btn-icon.btn-default .ir-download, .btn-icon.btn-default:focus .ir-download, .btn-icon.btn-default:hover .ir-download, .btn:focus .ir-download, .btn:hover .ir-download{background-position: -124px -216px}
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default{border-color: #3f61b2}
.ir-download, .ir-home{display: inline-block;right: 20px;margin-top: -7px;width: 15px;height: 15px;position: absolute;top: 50%;background: url(/promise/img/common/ir-bbs.png) no-repeat;}
.ir-file.ir-hwp{display: inline-block;width: 20px;height: 20px;margin-right: 7px;background: url(/promise/img/common/ir-bbs.png) no-repeat 0 -177px}

.ui-list__bodo.type1 .inner{position: relative;min-height: 125px;padding: 35px 15px 35px 130px;margin-bottom: 3px;border:1px solid #efefef;}
.ui-list__bodo .inner .circle{display: block;position: absolute;left: 35px;top: 30px;width: 71px;height: 71px;background: #005dc1;border-radius: 50%;color: #fff;font-size: 24px;line-height: 71px;text-align: center;}
.ui-list__bodo .inner .ui-bodo__summary{color: #7c7c7c;font-size: 16px;letter-spacing: -1px;}
.ui-list__bodo .inner .ui-bodo__summary strong{display: block;font-size: 16px;font-weight: 700}

@media (max-width: 560px){
    .ui-list__bodo.type1 .inner{padding-left: 15px;}
    .ui-list__bodo .inner .circle{position: relative;left: auto;top:auto;margin:0 auto 5px}
}

/* 0101 공약 한눈에 보기 */
#tab .tab_button{margin-bottom: 20px;}
#tab .tab_button:after{display: block;visibility: hidden;clear: both;content: '';}
#tab .tab_button a{display: table;float: left;position: relative;width: 33.333%;height: 63px;border-right: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;background-color: #f5f6f8;vertical-align: middle;}
#tab .tab_button a.on:nth-child(1){background:#06bbce;;color:#fff;}
#tab .tab_button a.on:nth-child(2){background:#fb9f1a;color:#fff;}
#tab .tab_button a.on:nth-child(3){background:#22b8c6;color:#fff;}
#tab .tab_button a.on:nth-child(4){background:#cd9933;color:#fff;}
#tab .tab_button a.on:nth-child(5){background:#63a124;color:#fff;}
#tab .tab_button a.on:nth-child(6){background:#4390a4;color:#fff;}
#tab .tab_button a strong{display: table-cell;position: relative;padding: 5px 43px 5px 15px;font-size: 16px;text-align: left;vertical-align: middle;line-height: 1.4}
#tab .tab_con{display: none;}
#tab .tab_con.on{display: block;}
#tab .tab_con img{max-width: 100%;}

@media (max-width: 767px){
    #tab .tab_button a{width: 50%;}
}


/* 0203 공약지도 */
.facilities {position:relative;width:100%;height:2658px;}
.facilities .tit {position:relative; min-height:110px;padding:12px 0 0 130px; background:url(/gongju/img/sub02/s010102_img01.png)no-repeat; }
.facilities .tit strong {font-size:22px;color:#333;}
.facilities .tit p {font-size:16px; color:#333;}
.facilities .bg_map {position:absolute;right:0;top:0;width: 100%;height: 460px;padding: 44px 0 0;background: #f3f4f7;border:1px solid #ddd;text-align: center;}
.facilities > .btn{position: absolute;right: 20px;top: 765px;}
.facilities .map_number_wrap {position:absolute;left:0;top: 460px;width:100%;padding: 19px 29px 40px;clear: both;border:1px solid #ddd;border-top: 0;}
.facilities .map_number_wrap:after{display: block;position: absolute;left: 50%;bottom: -50px;width: 25px;height: 27px;margin-left: -12.5px;background: url(/promise/img/sub02/sub0204_arr.png);content: '';}
.facilities .map_number_wrap strong{display: block;width: 355px;height: 45px;margin:0 auto 25px;border:1px solid #ddd;line-height: 45px;text-align: center;font-size: 15px;color: #555;font-weight: normal;}
.facilities .map_number_wrap strong em{color: #3f61b2}
.facilities .map_number:after{display: block;visibility: hidden;clear: both;content: '';}
.facilities .map_number li .map_atop{ display:inline-block; width:21px; height:21px; border-radius:50%; background:#2c3841; color:#fff; text-align:center;  }
.facilities .map_number li .map_atop span{ display:none; }
.facilities .map_number li.on .map_atop{ display:inline-block; width:42px; height:54px; margin-top:-25px; padding:8px 4px 0 0; background:url(/promise/img/sub02/sub0204_mapicon.png) no-repeat center top; font-weight:bold; text-align:center; color:#3f61b2; font-size:12px; }
.facilities .map_number .map_n1 .map_atop {position:absolute;right: 47.5%;top: -265px;}/*1번*/
.facilities .map_number .map_n2 .map_atop {position:absolute;right: 44.5%;top: -194px;}/*2번*/
.facilities .map_number .map_n2.on .map_atop {right: 46%;top: -174px;}/*2번*/
.facilities .map_number .map_n3 .map_atop {position:absolute;right: 38%;top: -164px;}/*3번*/
.facilities .map_number .map_n4 .map_atop {position:absolute;right: 54%;top: -295px;}/*4번*/
.facilities .map_number .map_n5 .map_atop {position:absolute;right: 46%;top: -245px;}/*5번*/
.facilities .map_number .map_n6 .map_atop {position:absolute;right: 36.5%;top: -313px;}/*6번*/
.facilities .map_number .map_n7 .map_atop {position:absolute;right: 42.4%;top: -229px;}/*7번*/
.facilities .map_number .map_n7.on .map_atop {right: 39.5%;top: -220px;}/*7번*/
.facilities .map_number .map_n8 .map_atop {position:absolute;right: 46%;top: -220px;}/*8번*/
.facilities .map_number .map_n8.on .map_atop {top: -201px}/*8번*/
.facilities .map_number .map_n9 .map_atop {position:absolute;right: 42.4%;top: -205px;}/*9번*/
.facilities .map_number .map_n9.on .map_atop {right: 40%;top: -185px;}/*9번*/
.facilities .map_number .map_n10 .map_atop {position:absolute;right: 43.5%;top: -249px;}/*10번*/
.facilities .map_number .map_n10.on .map_atop {right: 42.5%;top: -260px;}/*10번*/
.facilities .map_number .map_n11 .map_atop {position:absolute;left: 29%;top: -296px;right: auto;}/*11번*/
.facilities .map_number .map_n12 .map_atop {position:absolute;right: auto;left: 28.8%;top: -265px;}/*12번*/
.facilities .map_number .map_n12.on .map_atop{left: 30%;top: -250px;}
.facilities .map_number .map_n13 .map_atop {position:absolute;right: 45%;left: auto;top: -367px;}/*13번*/
.facilities .map_number .map_n14 .map_atop {position:absolute;right: 51%;top: -248px;}/*14번*/
.facilities .map_number .map_n15 .map_atop {position:absolute;right: 51.5%;top: -163px;}/*15번*/
.facilities .map_number .map_n16 .map_atop {position:absolute;right: 54%;top: -120px;}/*16번*/



.facilities .map_number li .map_abot{float:left;display:inline-block;width: 33.333%;margin: 5px 0;font-size: 15px; letter-spacing:-0.08em;}
.facilities .map_number li .map_abot em{display:inline-block; width:20px; height:20px; margin-right:8px; text-align:center; font-size:12px; font-weight:bold; color:#3f61b2; line-height:20px;}
.facilities .map_number li .map_abot span{color:#40494f; }
.facilities .map_number li.on .map_abot em{border-radius:50%; background:#3f61b2;color:#fff; }
.facilities .map_number li.on .map_abot span{color: #3f61b2;font-weight: 700;}

.facilities .map_number li .img_area {position: absolute;left:0;top: 361px;width:100%;}
.facilities .map_number li .img_area .inner2 {position:relative;min-height: 390px;padding: 80px 30px 30px 30px;border:1px solid #ddd;}
.facilities .map_number li .img_area .inner2 > p {position:absolute;left: 30px;top:30px;}
.facilities .map_number li .img_area .inner2 > p em {display:block; margin:0 0 20px; font-weight:bold; font-size:17px; color:#333; line-height:20px;}
.facilities .map_number li .img_area .inner2 > p em span {display:inline-block;width:20px;height:20px;margin-right:10px;border-radius:50%;background:#3f61b2;color:#fff;text-align:center;line-height:20px;font-size: 14px;}
.facilities .map_number li .img_area .inner2 > p img {width:440px; height:270px; }
.facilities .map_number li .img_area .inner2 .area_text {}
.facilities .map_number li .img_area .inner2 .area_text > p {margin:0 0 30px;}


@media(max-width:1023px){
    .facilities {height:auto; margin:0 0 50px;padding:0 0 740px}
    .facilities .tit {padding: 12px 0 40px 130px;}
    .facilities .bg_map{display: none;}
    .facilities .bg_map2 {display:block;position: static;width: 100%;height: 460px;margin-bottom:50px;padding: 44px 0 0;background: #f3f4f7;border:1px solid #ddd;text-align: center;}
    .facilities .bg_map2 img {max-width: 100%}
    .facilities .map_number {top:200px}
    .facilities .map_number li .map_atop,
    .facilities .map_number li.on .map_atop{display:none; }
    .facilities .map_number {position:static;padding: 0 20px;}
    .facilities .map_number li .img_area {overflow: visible !important;top: 357px;bottom: 0;}
    .facilities .map_number li .img_area .inner2 {overflow-y:auto;height:470px;padding:30px 20px 10px; background: #fff; }
    .facilities .map_number li .img_area .inner2 > p {position:static; text-align:center;}
    .facilities .map_number li .img_area .inner2 > p img {width:auto; max-width:100%; height:auto; max-height:270px;}
    .facilities .map_number li .img_area .inner2 .area_text {margin:30px 0 0; text-align:center;}
    .facilities .map_number li .img_area .inner2 .area_text > p {margin:0 0 20px;}
}
@media(max-width:530px){
    .facilities {padding:0 0 900px}
    .facilities .tit { padding:10px 10px 20px;background:none; }
    .facilities .bg_map2 {height: 230px;margin-bottom: 0;padding: 30px 15px;}
    .facilities .bg_map2 img {height: 100%;}
    .facilities > .btn{top: 775px;right: 0}
    .facilities .map_number_wrap{top: 230px;padding: 20px 15px}
    .facilities .map_number_wrap:after{margin-left: -52.5px}
    .facilities .map_number_wrap strong{width: 100%;height: auto;padding:5px 10px;line-height: 1.5;}
    .facilities .map_number li .map_abot{float:none; width:100%;}
    .facilities .map_number li .img_area{top: 600px;}
    .facilities .map_number li .img_area .inner2 {height:330px;min-height: 300px;}
}


/* 0401 매니페스토란? */
.s0203_top {position: relative;height:230px; margin:0 0 30px; padding: 55px 5% 0 350px;background:url(/promise/img/sub04/s0203_img01.jpg)no-repeat right center;}
.s0203_top .img_b {position: absolute; top:35px; left:65px; width:231px; height:159px; background:url(/promise/img/sub04/s0203_img02.jpg)no-repeat;  }
.s0203_top .txt_b {}
.s0203_top .txt_b p { font-family: "nsr"; line-height:1.4; }
.s0203_top .txt_b .txt1 {margin:0; font-size:20px; color:#333;}
.s0203_top .txt_b .txt2 {margin:15px 0 0; font-size:23px; color:#333; font-weight:bold; }
.s0203_top .txt_b .txt2 span { word-break: keep-all;}

@media(max-width:800px){

    .s0203_top {padding: 55px 6% 0}
    .s0203_top .img_b {display:none;}
    .s0203_top .txt_b .txt2 span {display:block;}
}

@media(max-width:500px){
    .s0203_top .txt_b .txt2 span {display:inline;}
}

@media(max-width:430px){
    .s0203_top {background-position:center;}
}