@charset "utf-8";

h2:before{background:url(../img/common/h2_bul.png);}
.tp_icon {background: url(../img/common/tp_icon.png)no-repeat; }
.txt-tip .fa-exclamation-circle {background: url(../img/common/txt-tip.png)no-repeat;}
.bico.bticon.arr {background: url(../img/common/arrow_img.png)no-repeat; background-position: -18px 0;}
.btn-ani:hover .bico.bticon.arr,
.btn-ani:focus .bico.bticon.arr,
.btn-ani:active .bico.bticon.arr{background: url(../img/common/arrow_img.png)no-repeat;background-position: 0 0 }
.btn-ani.btn-default:hover .bico.bticon.arr,
.btn-ani.btn-default:focus .bico.bticon.arr,
.btn-ani.btn-default:active .bico.bticon.arr{background-position:-9px 0; }
.tbl_basic {border-top:2px solid #3f61b2;}
.tbl_basic thead th {background:#f5f5f6;}


/* sub0101 공약 추진현황 */

@media only screen and (min-width:768px) {
    .sub0101_topbox .ui.uit.type1 .inner{padding-right:220px;}
}


.cnwls {position: absolute;right: 40px;top: 0;width:177px;height:198px;padding:0 30px;background:url(../img/sub01/sub0101_img01.png)no-repeat;text-align: center;color: #fff;}
.cnwls span {display: block; padding:30px 0 10px; font-size:14px; }
.cnwls em {display: block; padding:10px 0;border-top:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3); line-height:42px; font-size:42px; font-weight: bold;}

.sub0101 {margin-top:60px;text-align: center;}
.sub0101:after{content:"";display:block;clear:both;visibility:hidden;}
.sub0101 .col_box {display: inline-block;width: 33%;margin:0 0 60px;text-align:center;} 
.sub0101 .col_box .tit {margin:0; font-size:26px; color:#333; line-height:1.4;font-weight:bold;}
.sub0101 .col_box .tit span {display:block; font-size:20px; color:#015bae; }
.sub0101 .col_box .chart {position: relative;display: inline-block;width: 165px;height: 165px;margin-top: 10px;margin-bottom: 10px;text-align: center;z-index:5;}
.sub0101 .col_box .chart:after{content:"";display:inline-block;position:absolute;top:12px;left:12px;width:140px;height:140px;background-color:#fff;border-radius:50%;overflow:hidden;z-index:-1}
.sub0101 .col_box .chart.chart-widget-pie {margin-top: 5px;margin-bottom: 5px;}
.sub0101 .col_box .chart canvas {position: absolute;top: 0;left: 0;}
.sub0101 .col_box .percent {display: inline-block;line-height: 165px;z-index: 2;font-size: 32px;font-weight: 600;}
.sub0101 .col_box .percent:after {content: '%';margin-left: 0.1em;font-size: 32px;}
.sub0101 .col_box a {display:block;position:relative; width:200px; height:40px; line-height:40px; margin:0 auto 5px; padding:0 25px; border:1px solid #ddd; border-radius:20px; font-size:15px; text-align:left;}
.sub0101 .col_box a.btn_01 {border:1px solid #0067d2;}
.sub0101 .col_box a.btn_01 span {display:inline-block; position:absolute; right:25px; top:50%; margin-top:-8px;width: 9px; height: 16px; background: url(../img/common/arrow_img.png)no-repeat;background-position: 0 0 ; vertical-align:middle;}
.sub0101 .col_box a.btn_02 span {display:inline-block; position:absolute; right:25px; top:50%; margin-top:-11px; width: 22px; height: 22px; background: url(/mayor/prog/bbs/img/common/ico_file.png)no-repeat -82px 0;}

@media (max-width:880px){
    .sub0101_topbox .ui.uit.type1 .inner{padding-right:130px;}

    .cnwls {right:20px; width:100px; height:112px; padding:0 10px; background-size:100px 112px;}
    .cnwls span {padding:10px 0 5px;}
    .cnwls em {padding:8px 0;font-size:25px; line-height:25px;}

    .sub0101 .col_box {width:50%;}

}

@media (max-width:580px){

    .sub0101 .col_box {float:none; width:100%;}
}

@media (max-width:500px){
    .sub0101_topbox .ui.uit.type1 .inner{padding-right:25px;}

    .cnwls {position:static; width:100%;  height:auto; padding:10px 25px; background:#015bae; }
    .cnwls span {display:inline-block;}
    .cnwls em {display:inline-block; border:none;}

}






/* 공약및추진현황 상세 */
.sub0101_view {}
.sub0101_view .chart {position: relative;display: inline-block;width: 165px;height: 165px;margin-top: 10px;margin-bottom: 10px;text-align: center;z-index:5;}
.sub0101_view .chart:after{content:"";display:inline-block;position:absolute;top:12px;left:12px;width:140px;height:140px;background-color:#fff;border-radius:50%;overflow:hidden;z-index:-1}
.sub0101_view .chart.chart-widget-pie {margin-top: 5px;margin-bottom: 5px;}
.sub0101_view .chart canvas {position: absolute;top: 0;left: 0;}
.sub0101_view .percent {display: inline-block;line-height: 165px;z-index: 2;font-size: 32px;font-weight: 600; color:#000;}
.sub0101_view .percent:after {content: '%';margin-left: 0.1em;font-size: 32px;}
.sub0101_view .view_top {margin-bottom:30px; padding:0 20px 20px;border:1px solid #ddd; text-align:center;}
.sub0101_view .view_top .cate {width:270px; height:40px; line-height:40px; margin:0 auto 40px;border-radius:0 0 20px 20px; background:#0067d2; color:#fff; }
.sub0101_view .view_top strong {font-size:24px; color:#333; font-weight:bold;}
.sub0101_view .view_top .txt {width:230px;margin:0 auto;padding:15px 0 0; border-top:1px solid #ddd; font-size:15px;}
.sub0101_view .view_con {margin-bottom:30px;}
.sub0101_view .view_con .tit {padding:10px 25px;background:#f5f5f6; border-top:2px solid #3f61b2;}
.sub0101_view .view_con .tit:after{content:"";display:block;clear:both;visibility:hidden;}
.sub0101_view .view_con .tit .tit01 {padding-top:8px;float:left; font-size:20px; font-weight:bold;}
.sub0101_view .view_con .tit .tit02 {float:right;}
.sub0101_view .view_con .tit .tit02 a {display:inline-block;position:relative; width:200px; height:40px;line-height:40px; margin:0 auto 5px; padding:0 25px; border:1px solid #ddd; border-radius:20px; background:#fff;font-size:15px; text-align:left;}
.sub0101_view .view_con .tit .tit02 a em {display:inline-block; position:absolute; right:25px; top:50%; margin-top:-11px; width: 22px; height: 22px; background: url(/mayor/prog/bbs/img/common/ico_file.png)no-repeat -82px 0;}
.sub0101_view .view_con .tit .tit02 .cnwlsdbf {display:inline-block; height:40px; line-height:40px; margin-left:8px; padding:0 20px; border:1px solid #005cc0; border-radius:20px; background:#fff;font-size:18px; text-align:left; color:#005cc0; font-weight:500;}
.sub0101_view .view_con .con {padding:15px 30px;border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.sub0101_view .view_con .con ul {}
.sub0101_view .view_con .con ul:after{content:"";display:block;clear:both;visibility:hidden;}
.sub0101_view .view_con .con ul li {position:relative;float:left; width:22%; text-align:center;}
.sub0101_view .view_con .con ul li:nth-child(3) {width:34%;}
.sub0101_view .view_con .con ul li:after {position:absolute; right:0; top:0px; width:1px; height:22px; background:#ddd; content:"";}
.sub0101_view .view_con .con ul li:last-child:after {display:none;}


@media (max-width:767px){
    .sub0101_view .view_con .tit .tit01 {display:block; float:none; margin-bottom:10px;}
    .sub0101_view .view_con .tit .tit02 {display:block;}
    .sub0101_view .view_con .con ul li {float:none;width:100%; margin:3px 0;text-align:left;}
    .sub0101_view .view_con .con ul li:nth-child(3) {width:100%;}
    .sub0101_view .view_con .con ul li:after {display:none;}
}

@media (max-width:500px){
    .sub0101_view .view_con .tit .tit02 {float:none;}
    .sub0101_view .view_con .tit .tit02 a {width:100%;}
    .sub0101_view .view_con .tit .tit02 .cnwlsdbf{width:100%; margin:0; font-size:15px;}
}