@charset "utf-8";
p , li,.list_1st li,.list_2st li{font-size:16px;}
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;}


/* 페이징 */
.mobileshow{display:none;}
.tabletshow{display:block;}
.pg_num{position:relative;margin-top:20px;padding:0;text-align:center;}
.pg_num:after{content:"";display:block;visibility:hidden;clear:both;}
.pg_num *{vertical-align:middle}
.pg_num a{display:inline-block;overflow:hidden;width:40px;height:40px;border:1px solid #dddddd;line-height:37px; font-size:16px;}
.pg_num a:hover,
.pg_num a:focus{border:1px solid #3f61b2; font-weight:bold; color:#666;}
.pg_num a.pg_lnk_ov{background:#3f61b2;border:1px solid #3f61b2; color:#fff; font-weight:bold;}
.pg_num a.pg_arrow{background:url(../img/common/bg_pg_num.gif) no-repeat;font-size:0;line-height:0;}
.pg_num a.pg_first{background-position:8px 14px;}
.pg_num a.pg_last{background-position:-27px 14px;}
.pg_num a.pg_prev{background-position:-66px 14px;}
.pg_num a.pg_nex,
.pg_num a.pg_next{background-position:-105px 14px;}
.pg_num .detail_pg_nm{display:block;color:#555;font-size:14px;line-height:40px;}
.pg_num .detail_pg_lf{display:inline-block;margin-right:15px;}
.pg_num .detail_pg_rg{display:inline-block;margin-left:15px;}
@media only screen and (max-width:640px){
.mobileshow{display:block;}
.tabletshow{display:none;}
}

/*form 스타일*/
/* form, input set */
input,textarea,select{font-size:1em;/*font-family:Nanum Gothic;*/vertical-align:baseline;vertical-align:middle;font-family: 'nsk','Dotum','arial','sans-serif';}
input[type="checkbox"],input[type="radio"]{margin:0;padding:0;width:14px;height:14px}
input[type="checkbox"]+label,input[type="radio"]+label{margin:0 10px 0 3px;vertical-align:middle;cursor:pointer}

input[type="text"],input[type="password"],input[type="file"],input[type="search"]{min-width:100px;width:auto;height:24px;padding:4px 5px;margin:0;border:1px solid #adadad;border-top-color:#adadad}
input[type="file"]{height:24px;padding:0 5px;font-size:0.929em;border:1px solid #adadad}

:root input[type="file"]{margin-bottom:5px;padding:0 5px 0 0;border:none}
input[readonly="readonly"],input[readonly],input[disabled="disabled"],input[disabled]{border:1px solid #adadad;background:none;color:#928881}
textarea{overflow:auto;padding:0;border:1px solid #adadad;vertical-align:top;width:100%;height:200px;}
select{height:28px;margin:0;padding:0;border:1px solid #adadad;border-top-color:#adadad}
legend{position:absolute;visibility:hidden;left:0;top:0;width:1px;height:1px;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px}
legend{border:0;white-space:normal}

input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="number"],select,textarea{margin:0;border:1px solid #ddd;color:#666;vertical-align:middle}
input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="number"]{line-height:24px}

input[readonly="readonly"],input[readonly],input[disabled="disabled"],input[disabled]{border:1px solid #adadad;background:#f3f3f3;color:#928881}
[class^="form-"] input[type="text"],[class^="form-"] input[type="password"]{width:100%;min-width:50px;height:38px;padding:0 5px;line-height:38px;}
[class^="form-"] select{width:100%;height:38px;padding:0 5px;line-height:33px}
input[type="file"]{height:24px;padding:0 5px;font-size:0.929em;border:1px solid #adadad}
.form-half select,.form-half input[type="text"],.form-half input[type="password"]{width:50%}
.form-w40 input[type="text"]{width:40%}
.form-w30 input[type="text"]{width:30%}
.form-w20 input[type="text"]{width:20%}
.form-w10 input[type="text"]{width:10%}
.form-w5 input[type="text"]{width:5%}
.form-tel{overflow:hidden}
.form-tel div{float:left;width:150px}
.form-tel div.mid{width:4%;text-align:center;line-height:40px}
.form-tel div input,.form-tel div select{text-align:center;text-indent:0}
.form-tel.width75p{width:75%}
.form-max>*:first-child{margin-top:0}
.form-mail>*,
.form-birthday>*,
.form-max>*{margin-top:5px}
.form-max span input[type="radio"]{margin:0 5px 0 10px}
.form-max span:first-child input[type="radio"]{margin-left:0}
.form-max .post{width:100%;overflow:hidden}
.form-max .post input{width:31%;float:left;}
.form-max .post .form_find{float:left;margin-left:5px;}
.form-max .adress_detail{width:100%;}
.form-max .adress_detail input[type="text"]{margin-top:5px}
.form-max .adress_detail input[type="text"]:first-child{margin-top:0}
.form_find{display:inline-block;padding:5px 10px;border:1px solid #ddd}
.form-mail{overflow:hidden}
.form-mail div{float:left;width:150px;margin-top:0}
.form-mail div.mid{width:5%;text-align:center;line-height:40px}
.form-mail div.last{margin-left:1%;width:150px;margin-top: 0px}
.form-mail label.skip {position:absolute;}

.form-birthday{}
.form-birthday:after{content:"";display:block;clear:both}
.form-birthday select{float:left;width:32.3%;margin:0 0 0 1%;text-align:center}
.form-birthday select:first-child{margin-left:0}

.form-period:after,
.form-period div:after{display:block;content:"";clear:both;visibility:hidden;}
.form-period div{float:left;width:46%;}
.form-period div.mid{width:8%;line-height:40px;text-align:center;}
.form-period div select{float:left;width:49%;}
.form-period div select:first-child{margin-right:2%;}

.form-radio label{display:inline-block}
.form-radio input[type="radio"],
.form-radio input[type="checkbox"]{position:relative;top:-1px}


.form-radio .etc{margin:10px 0}
.form-radio .etc label{width:auto;margin-right:10px}
.form-radio .etc input[type="text"]{width:300px}

.form-radio.clear_width label{width:auto}

.form-radio.block label{display:block;}
.form-radio.block .text-indent{margin:5px 0 10px 20px;}
.form-radio.block .text-indent label{margin-left:10px;}

@media(min-width:767px){
    .form-radio div{display:inline}

}

@media(max-width:767px){
    .form-radio label{width:auto;padding:3px}
    .form-tel div{float:left;width:28%}
		.form-tel div.mid{width:8%;text-align:center;line-height:40px}
		.form-mail div{width:31%}
		.form-mail div.mid{width:5%}
		.form-mail div.last{width:32%}


}

@media(max-width:767px){

    .tbl_basic.response,
    .tbl_basic.response thead,
    .tbl_basic.response tbody,
    .tbl_basic.response tr,
    .tbl_basic.response th,
    .tbl_basic.response td{display:block;border-width:1px 0;text-align: center;}
    .tbl_basic.response th{border-bottom-width:0}
    .form-half input[type="text"],.tbl_basic tr td select{width:100%}

}



/* sub0101 시민제안 */
.sub0101_btn {margin-bottom:55px;text-align: center;display:flex;justify-content: center;}
.sub0101_btn a {display:block;width:calc(33% - 10px);height: 50px;line-height: 50px;border-radius: 40px;background:url(../img/sub01/sub0101_img01.jpg)no-repeat;background-size:cover;color:#fff;font-weight: 400;font-size: 16px;text-align: center;margin: 0 10px;}
.sub0101_btn a:nth-child(2),.sub0101_btn a:nth-child(3){background-image:none; background-color:#819EAE}
.sub0101_btn a span {display:inline-block;width: 22px;height: 23px;margin-left:12px;background:url(../img/sub01/sub0101_ir.png)no-repeat 0 0;vertical-align:middle;}
.sub0101_btn a:nth-child(1) span{background-position: 0 -182px;}
.sub0101_btn a:nth-child(2) span{background-position: -21px -182px;}
.sub0101_btn a:nth-child(3) span{background-position: -41px -182px;}

.sub0101_search {position:relative; margin-bottom:30px; padding:25px 60px 25px 0; background:#f5f5f6; }
.sub0101_search:after{content:"";display:block;clear:both;visibility:hidden;}
.sub0101_search .w01 {position:absolute; left: 30px;top: 14px;}
.sub0101_search .w01 span {display:inline-block; vertical-align:middle; font-size:18px; color:#333; font-weight:500;}
.sub0101_search .w01 span.icon {width:66px; height:54px; margin-right:10px; background:url(/mayor/prog/bbs/img/common/bd_top_icon2.png)no-repeat;}
.sub0101_search .w02 {float:right;}
.sub0101_search .w02 .txts{display: inline-block;margin: 0 5px 0 0;vertical-align: middle;}
.sub0101_search .w02 input,
.sub0101_search .w02 select {height:38px; line-height:38px; border:1px solid #ddd; }
.sub0101_search .w02 #input01 {width:150px;}
.sub0101_search .w02 #input02 {width:130px;}
.sub0101_search .w02 #input03 {width:200px;}
.sub0101_search .w02 .sch_btn {display: inline-block;width:38px;height:38px;margin-top: -1px;background:#63676d url(/mayor/prog/bbs/img/common/search_bd.png)no-repeat center;font-size:0;vertical-align:  middle;}

.sub0101_list {margin:0 -0.5%; }
.sub0101_list:after{content:"";display:block;clear:both;visibility:hidden;}
.sub0101_list .col_box {position: relative;float:left;width:32.33%;margin:0 0.5% 10px;border:1px solid #ddd;min-height: 379px;}
.sub0101_list .col_box a{display:block; padding:0 35px 35px;}
.sub0101_list .col_box .cate {display: block; width:170px; height:40px;margin:0 auto; border-radius:0 0 20px 20px; line-height: 40px; text-align: center; font-size:14px; color:#fff;}
.sub0101_list .col_box.col_box01 .cate {background:#0067d2;}/*육아교육*/
.sub0101_list .col_box.col_box02 .cate {background:#00a651;}/*환경/안전/교통*/
.sub0101_list .col_box.col_box03 .cate {background:#2e3192;}/*경제/일자리*/
.sub0101_list .col_box.col_box04 .cate {background:#0067d2;}/*문화/스포츠/관광*/
.sub0101_list .col_box.col_box05 .cate {background:#ea5d6d;}/*민생복지보건*/
.sub0101_list .col_box.col_box06 .cate {background:#705d52;}/*도시주거*/
.sub0101_list .col_box.col_box10 .cate {background:#06819b;}/*기타*/

.sub0101_list .col_box .col_bot{display:flex;justify-content: space-between;position: absolute;bottom: 0;text-align: center;width: 100%;}
.sub0101_list .col_box .col_bot > div{padding: 14px 7px;width: calc(39% - 5%);}
.sub0101_list .col_box .col_bot > div.number, .sub0101_list .col_box .col_bot > div.limit{background-color: #eeeeee;}
.sub0101_list .col_box .col_bot > div.date{background-color: #F5F5F5;}
.sub0101_list .col_box .col_bot > div strong, .sub0101_list .col_box .col_bot > div span{color: #444;font-size: 15px;font-weight: 500; letter-spacing:-1px}

.sub0101_list .col_box .icon {display: block; width:101px; height:101px;margin:15px auto; background:url(../img/sub01/cate_ir.png)no-repeat}
.sub0101_list .col_box .icon2 {display: block; width:101px; height:101px; background:url(../img/sub01/cate_ir2.png)no-repeat}
.sub0101_list .col_box.col_box01 .icon {background-position: -202px 0;}/*유아교육*/
.sub0101_list .col_box.col_box02 .icon {background-position: -404px 0;}/*환경안전교통*/
.sub0101_list .col_box.col_box03 .icon {background-position: 0px 0;}/*경제일자리*/
.sub0101_list .col_box.col_box04 .icon {background-position: -303px 0;}/*문화스포츠관광*/
.sub0101_list .col_box.col_box05 .icon {background-position: -101px 0;}/*민생복지보건*/
.sub0101_list .col_box.col_box06 .icon {background-position: -505px 0;}/*도시주거*/
.sub0101_list .col_box.col_box10 .icon {background-position: -606px 0;}/*기타*/
.sub0101_list .col_box.col_box11 .icon2 {background-position: -707px 0;}/*비밀글*/
.sub0101_list .col_box strong {display:block; width:100%; font-size:18px; color:#333; font-weight:600;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sub0101_list .col_box p {overflow:hidden; width:100%;margin-top:5px; font-size:15px; color:#333; text-overflow: ellipsis;vertical-align: middle;white-space: nowrap; display: none;}
.sub0101_list .col_box .ex {margin-top:10px;}
.sub0101_list .col_box .ex:after{content:"";display:block;clear:both;visibility:hidden;}
.sub0101_list .col_box .ex .like {display:inline-block; float:left; line-height:30px;font-size:14px; color:#333; vertical-align:middle;}
.sub0101_list .col_box .ex .like em {display:inline-block; width:17px; height:14px; margin-right:7px; background:url(../img/sub01/sub0101_ir.png)no-repeat -343px 0; vertical-align:middle;}
.sub0101_list .col_box .ex .re {display:inline-block; float:right; height:30px; line-height:30px; padding:0 15px; border:1px solid #ddd; border-radius:20px; font-size:13px; color:#333; vertical-align:middle;}
.sub0101_list .col_box .ex .re.re02 {}


@media (max-width:1160px){
    .sub0101_search {padding:90px 25px 25px;}
    .sub0101_search .w02 {float:none; width:100%;}
    .sub0101_search .w02 .txts{display: block;}
    .sub0101_search .w02 #input01 {width:25%;}
    .sub0101_search .w02 #input02 {width:25%;}
    .sub0101_search .w02 #input03 {width:39%;}
    .sub0101_search .w02 .sch_btn {width:8%;max-width:40px;}
}
@media (max-width:850px){
    .sub0101_list .col_box {width:49%}
}
@media (max-width:650px){
    .sub0101_list .col_box {float:none; width:99%}
    .sub0101_search .w02 #input01 {width:100%; margin-bottom:5px;}
    .sub0101_search .w02 #input02 {width:100%; margin-bottom:5px;}
    .sub0101_search .w02 #input03 {width:100%; margin-bottom:5px;}
    .sub0101_search .w02 .sch_btn {width:100%; max-width:none;}
}
@media (max-width:400px){
    .sub0101_btn a {width:80%;}
}






/* sub0101 시민제안 상세페이지 */
.sub0101_view {}
.sub0101_view .inner {padding:0 50px 50px; border:1px solid #ddd;}
.sub0101_view .inner .cate {display: block; width:270px; height:40px;margin:0 auto; border-radius:0 0 20px 20px; line-height: 40px; text-align: center; font-size:14px; color:#fff;}
.sub0101_view .inner.inner01 .cate {background:#0067d2;}
.sub0101_view .inner.inner02 .cate {background:#00a651;}
.sub0101_view .inner.inner03 .cate {background:#2e3192;}
/*
.sub0101_view .inner .icon {display: block; width:101px; height:101px;margin:15px auto; background:url(../img/sub01/sub0101_ir.png)no-repeat}
.sub0101_view .inner.inner01 .icon {background-position: -40px 0;}
.sub0101_view .inner.inner02 .icon {background-position: -141px 0;}
.sub0101_view .inner.inner03 .icon {background-position: -242px 0;}
*/

.sub0101_view .inner .icon {display: block; width:101px; height:101px;margin:15px auto; background:url(../img/sub01/cate_ir.png)no-repeat}
.sub0101_view .inner.inner01 .icon {background-position: -202px 0;}/*유아교육*/
.sub0101_view .inner.inner02 .icon {background-position: -404px 0;}/*환경안전교통*/
.sub0101_view .inner.inner03 .icon {background-position: 0px 0;}/*경제일자리*/
.sub0101_view .inner.inner04 .icon {background-position: -303px 0;}/*문화스포츠관광*/
.sub0101_view .inner.inner05 .icon {background-position: -101px 0;}/*민생복지보건*/
.sub0101_view .inner.inner06 .icon {background-position: -505px 0;}/*도시주거*/
.sub0101_view .inner.inner10 .icon {background-position: -606px 0;}/*기타*/
.sub0101_view .inner.inner11 .icon2 {background-position: -707px 0;}/*비밀글*/

.sub0101_view .inner strong {display:block;font-size:24px;color:#333;font-weight:600;text-align:center;line-height: 1.3;}
.sub0101_view .inner .re {display:inline-block;height:30px; line-height:30px; padding:0 15px; border:1px solid #ddd; border-radius:20px; font-size:13px; color:#333; vertical-align:middle;}
.sub0101_view .inner .like {display:block; line-height:30px; text-align:center;font-size:14px; color:#333; vertical-align:middle;}
.sub0101_view .inner .like em {display:inline-block; width:17px; height:14px; margin-right:7px; background:url(../img/sub01/sub0101_ir.png)no-repeat -343px 0; vertical-align:middle;}
.sub0101_view .inner .info ul {margin:20px 0 55px; background:#eeeeee;}
.sub0101_view .inner .info ul:after{content:"";display:block;clear:both;visibility:hidden;}
.sub0101_view .inner .info ul li {position:relative; float:left; width:33.3%; padding:15px 0; text-align:center;}
.sub0101_view .inner .info ul li:after {display:block; position:absolute; right:0; top:50%; margin-top:-11px; width:1px; height:22px; background:#ccc; content:"";}
.sub0101_view .inner .info ul li:last-child:after {display:none;}
.sub0101_view .inner .info ul li .ico {display:inline-block; width:17px; height:15px; margin-right:5px; background:url(../img/sub01/sub0101_ir.png)no-repeat; vertical-align:middle;}
.sub0101_view .inner .info ul li .ico.ico01 {background-position:-430px -2px;}
.sub0101_view .inner .info ul li .ico.ico02 {background-position:-430px -17px;}
.sub0101_view .inner .info ul li .ico.ico03 {background-position:-430px -32px;}
.sub0101_view .inner .file {position:  relative;padding: 25px 0 25px 32px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.sub0101_view .inner .file .ico {position:absolute; left:0; display:inline-block; width:22px; height:22px; margin:-2px 10px 0 0;background:url(/mayor/_prog/bbs/img/common/ico_file.png)no-repeat; vertical-align:middle;}
.sub0101_view .inner .file a:hover{text-decoration:underline}
.sub0101_view .inner .file a.pdf span{background-position: 0 0;}
.sub0101_view .inner .file a.ppt span{background-position: -27px 0;}
.sub0101_view .inner .file a.doc span{background-position: -54px 0;}
.sub0101_view .inner .file a.hwp span{background-position: -82px 0;}
.sub0101_view .inner .file a.imgs span{background-position:-190px 0;}
.sub0101_view .inner .file a.xls span{background-position: -109px 0;}
.sub0101_view .inner .file a.etc span{background-position: -136px 0;}
.sub0101_view .inner .con {margin-top:30px; }
.sub0101_view .btn_wrap {margin:15px 0 40px; text-align:right;}
.sub0101_view .btn_wrap a {display: inline-block;height:45px;line-height:45px;margin-bottom: 5px;padding:0 25px;border:1px solid #ddd;}
.sub0101_view .btn_wrap a.like_btn em {display:inline-block; width:17px; height:14px; margin-right:7px; background:url(../img/sub01/sub0101_ir.png)no-repeat -343px 0; vertical-align:middle;}
.sub0101_view .btn_wrap a.like_btn:hover,
.sub0101_view .btn_wrap a.like_btn:focus {background:#eb568f; color:#fff;}
.sub0101_view .btn_wrap a.like_btn:hover em,
.sub0101_view .btn_wrap a.like_btn:focus em {background-position:-360px 0;}
.sub0101_view .btn_wrap a.btn_s:hover,
.sub0101_view .btn_wrap a.btn_s:focus {background:#3f61b2; color:#fff;}
.sub0101_view .btn_wrap a.btn_delete:hover,
.sub0101_view .btn_wrap a.btn_delete:focus {background:#63676d; color:#fff;}

.sub0101_view .reply_wrap {}
.sub0101_view .reply_wrap .re_tit {padding:30px 40px; border-top:2px solid #3f61b2; background:#f5f5f6;}
.sub0101_view .reply_wrap .re_tit strong {font-size:19px;color:#333;font-weight:600;line-height: 1.3;}
.sub0101_view .reply_wrap .re_tit .txt {margin-top:8px; font-size:15px;}
.sub0101_view .reply_wrap .re_tit .txt:after{content:"";display:block;clear:both;visibility:hidden;}
.sub0101_view .reply_wrap .re_tit .txt .txt01 {float:left;}
.sub0101_view .reply_wrap .re_tit .txt .txt02 {float:right;}
.sub0101_view .file {position:relative;padding: 25px 40px 25px 72px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.sub0101_view .file .ico {position:absolute; left:40px; display:inline-block; width:22px; height:22px; margin:-2px 10px 0 0;background:url(/mayor/_prog/bbs/img/common/ico_file.png)no-repeat; vertical-align:middle;}
.sub0101_view .file a:hover{text-decoration:underline}
.sub0101_view .file a.pdf span{background-position: 0 0;}
.sub0101_view .file a.ppt span{background-position: -27px 0;}
.sub0101_view .file a.doc span{background-position: -54px 0;}
.sub0101_view .file a.hwp span{background-position: -82px 0;}
.sub0101_view .file a.imgs span{background-position:-190px 0;}
.sub0101_view .file a.xls span{background-position: -109px 0;}
.sub0101_view .file a.etc span{background-position: -136px 0;}
.sub0101_view .reply_wrap .con {padding:30px 40px; border-bottom:1px solid #ddd;}

.sub0101_view .re_txt {margin-top:55px;padding:25px; border:1px solid #ddd; background:#f9f9f9;}
.sub0101_view .re_txt span {display:block; width:52px; height:52px; margin:0 auto 10px; background:url(../img/sub01/sub0101_ir.png)no-repeat 0 -101px;}
.sub0101_view .re_txt .txt {text-align:center; font-size:15px;}


@media(max-width:700px){
    .sub0101_view .inner {padding:0 20px 40px;}
    .sub0101_view .inner .cate {width:240px;}
    .sub0101_view .inner .info ul {margin:20px 0 25px; }
    .sub0101_view .inner .info ul li .ico {display:none;}
    .sub0101_view .reply_wrap .re_tit {padding:30px 20px;}
    .sub0101_view .inner .file {padding: 20px 20px 20px 30px;}
    .sub0101_view .inner .file .icon {left:0;}
    .sub0101_view .file {padding:20px 20px 20px 50px;}
    .sub0101_view .file .ico {left:20px;}
    .sub0101_view .reply_wrap .con {padding: 30px 20px;}
}

@media(max-width:580px){
    .sub0101_view .inner .info ul li {float:none; width:100%; padding:10px 15px; text-align:left;}
    .sub0101_view .inner .info ul li:after {display:none;}
    .sub0101_view .inner .info ul li .ico {display:inline-block;}
}






/* 0301 공주시장25시 */
.year_t {margin: 0 0 40px;padding:4px;width:100%;background:url(../img/sub03/bg_pat.png);}
.year_t .inner {padding: 30px 15px;width:100%;background: #fff;text-align: center;}
.year_t .inner:after{content:"";display:block;clear:both;visibility:hidden;}
.year_t .inner a {height:37px;line-height:37px;font-size: 17px;}
.year_t .inner a.arr01 {float:left; padding-left:45px;background:url(../img/sub03/year_arr01.png)no-repeat left center; }
.year_t .inner a.arr02 {float:right; padding-right:45px;background:url(../img/sub03/year_arr02.png)no-repeat right center; }
.year_t .inner span {height:37px;line-height:37px;font-size: 24px;color:#333;font-weight:bold; }
.year_t .inner span em {color:#2156a4;font-weight: bold;}
.year_t .inner2 {padding:0 20px; border-top:1px dashed #ddd; background:#fff;}
.year_t .inner2:after{content:"";display:block;clear:both;visibility:hidden;}
.year_t .inner2 a {display:inline-block; width:7%; margin:0;padding:15px 0 20px;border-top:5px solid #fff; text-align:center; font-size:14px; box-sizing:border-box;}
.year_t .inner2 a.ov,
.year_t .inner2 a:hover,
.year_t .inner2 a:focus {border-top:5px solid #0e5597; color:#0159b7; font-weight:600;}

.schcal_tbl {width:100%;}
.schcal_tbl th{padding:15px 6px;border-top: 1px dashed #ccc;border-bottom:1px dashed #ccc;background: #f2f3f4;text-align:center;font-weight: 600;font-size:16px;vertical-align:middle;}
.schcal_tbl td{position:relative;padding: 10px 8px;height: 95px;border-right: 2px solid #eee;border-bottom: 1px solid #eee;color:#777;vertical-align:top;}
.schcal_tbl td:last-child {border-right:0;}
.schcal_tbl td p {margin:0 0 5px 0; padding-right:10px; font-weight:400;}
.schcal_tbl td.off{font-size:0;}
.schcal_tbl th.sat {color:#1473b5;}
.schcal_tbl th.sun {color:#c30c0c;}
.schcal_tbl td.today {border:3px solid #c30c0c;}
.schcal_tbl td span {display:block; position:relative; padding-left:10px;vertical-align:middle; font-size:16px;}
.schcal_tbl td span em {display:inline-block; position:absolute; left:0; top:6px; width:5px; height:5px; border-radius:50%; background:#f57f20; vertical-align:middle;}

/* 테이블 스크롤 */
@media(max-width: 767px){
.scl_x .schcal_tbl {width:768px;}
}

@media (max-width:680px){
    .year_t .inner a {font-size:0;}
    .year_t .inner2 {padding:0 10px;}
    .year_t .inner2 a {width:19%;}
}

@media (max-width:450px){
    .year_t .inner span {font-size:18px;}
    .year_t .inner2 a {width:23%;}
}


/* sub0102통계 */
.stat_box {min-height:200px; padding:30px; border:1px solid #ddd; }
.stat_txt {margin-top:-50px}
.stat_txt span {display:inline-block; height:35px; line-height:35px;padding:0 30px; margin-bottom:10px; border:1px solid #005cc0; border-radius: 20px; text-align: center; font-size:18px; font-weight:500; color:#005cc0;}



/* sub0303 언록속의 공주시장 */
.sub0303 {}
.sub0303 .row_box {position: relative; padding:40px 50px 40px 170px; margin-bottom:10px; border:1px solid #ddd; }
.sub0303 .row_box .img_b { position: absolute; top:40px; left:50px; width:80px; height:80px; background:#ddd;}
.sub0303 .row_box .img_b img {width:100%; height:100%;}
.sub0303 .row_box .txt_b {}
.sub0303 .row_box .txt_b strong {font-size:18px; font-weight:bold; }
.sub0303 .row_box .txt_b p {overflow:hidden;margin:15px 0 10px; height:44px; font-size:15px; }
.sub0303 .row_box .txt_b .date {display:block;margin-bottom:10px;}

@media(max-width:580px){
    .sub0303 .row_box {padding:30px 20px;}
    .sub0303 .row_box .img_b {display:none;}
}



/* 20180910 추후 삭제 예정 임시 css 시작*/
/* sub0202 공약 추진현황 */
/* sub0202 공약 추진현황 */

@media only screen and (min-width:768px) {
    .sub0202_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/sub02/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;}

.sub0202 {margin-top:60px; }
.sub0202:after{content:"";display:block;clear:both;visibility:hidden;}
.sub0202 .col_box {float:left; width:33.3%; margin:0 0 60px;  text-align:center;}
.sub0202 .col_box .tit {margin:0; font-size:26px; color:#333; line-height:1.4;font-weight:bold;}
.sub0202 .col_box .tit span {display:block; font-size:14px; color:#015bae; }
.sub0202 .col_box .chart {position: relative;display: inline-block;width: 165px;height: 165px;margin-top: 10px;margin-bottom: 10px;text-align: center;z-index:5;}
.sub0202 .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}
.sub0202 .col_box .chart.chart-widget-pie {margin-top: 5px;margin-bottom: 5px;}
.sub0202 .col_box .chart canvas {position: absolute;top: 0;left: 0;}
.sub0202 .col_box .percent {display: inline-block;line-height: 165px;z-index: 2;font-size: 32px;font-weight: 600;}
.sub0202 .col_box .percent:after {content: '%';margin-left: 0.1em;font-size: 32px;}
.sub0202 .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;}
.sub0202 .col_box a.btn_01 {border:1px solid #0067d2;}
.sub0202 .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;}
.sub0202 .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;}

    .sub0202 .col_box {width:50%;}

}

@media (max-width:580px){

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

@media (max-width:500px){
    .sub0202_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;}

}






/* 공약및추진현황 상세 */
.sub0202_view {}
.sub0202_view .chart {position: relative;display: inline-block;width: 165px;height: 165px;margin-top: 10px;margin-bottom: 10px;text-align: center;z-index:5;}
.sub0202_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}
.sub0202_view .chart.chart-widget-pie {margin-top: 5px;margin-bottom: 5px;}
.sub0202_view .chart canvas {position: absolute;top: 0;left: 0;}
.sub0202_view .percent {display: inline-block;line-height: 165px;z-index: 2;font-size: 32px;font-weight: 600; color:#000;}
.sub0202_view .percent:after {content: '%';margin-left: 0.1em;font-size: 32px;}
.sub0202_view .view_top {margin-bottom:30px; padding:0 20px 20px;border:1px solid #ddd; text-align:center;}
.sub0202_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; }
.sub0202_view .view_top strong {font-size:24px; color:#333; font-weight:bold;}
.sub0202_view .view_top .txt {width:230px;margin:0 auto;padding:15px 0 0; border-top:1px solid #ddd; font-size:15px;}
.sub0202_view .view_con {margin-bottom:30px;}
.sub0202_view .view_con .tit {padding:10px 25px;background:#f5f5f6; border-top:2px solid #3f61b2;}
.sub0202_view .view_con .tit:after{content:"";display:block;clear:both;visibility:hidden;}
.sub0202_view .view_con .tit .tit01 {padding-top:8px;float:left; font-size:20px; font-weight:bold;}
.sub0202_view .view_con .tit .tit02 {float:right;}
.sub0202_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;}
.sub0202_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;}
.sub0202_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;}
.sub0202_view .view_con .con {padding:15px 30px;border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.sub0202_view .view_con .con ul {}
.sub0202_view .view_con .con ul:after{content:"";display:block;clear:both;visibility:hidden;}
.sub0202_view .view_con .con ul li {position:relative;float:left; width:22%; text-align:center;}
.sub0202_view .view_con .con ul li:nth-child(3) {width:34%;}
.sub0202_view .view_con .con ul li:after {position:absolute; right:0; top:0px; width:1px; height:22px; background:#ddd; content:"";}
.sub0202_view .view_con .con ul li:last-child:after {display:none;}


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

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

/* 20180910 추후 삭제 예정 임시 css 종료*/




/* 20180917 css추가 */
.ui.uit .inner .txtwrap p {font-size:16px;}
.txt-small, small {font-size:16px !important;}
.serv_ing {height:375px; border:1px solid #ddd; background:url(/mayor/img/common/onimg.png)no-repeat center;}

.list_1st li{background:url(/mayor/img/common/list_bul1.png) no-repeat left 9px;}
.list_2st li{background:url(/mayor/img/common/list_bul2.png) no-repeat left 7px;}

strong.tit {display: block; font-size: 24px; word-break: keep-all;}




/* 20180920 css 추가 */
.s0203_top {position: relative;height:230px; margin:0 0 30px; padding: 55px 5% 0 350px;background:url(/mayor/img/sub02/s0203_img01.jpg)no-repeat right center;}
.s0203_top .img_b {position: absolute; top:35px; left:65px; width:231px; height:159px; background:url(/mayor/img/sub02/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;}
}
/* 20180920 css 추가 */