/*게시판*/
.mm_board{width: 1200px; height: auto; margin: 0 auto; margin-top: 47px;}
.board_title{margin-bottom: 0px; padding-top: 36px;}
.board_title h4{float: left; font-size: 38px; font-weight: bold; color: #222222; letter-spacing: -0.025em;}
.board_title p{float: left; font-size: 16px; letter-spacing: -0.025em; color: #444444; margin-top: 14px; margin-left: 10px;}
.board_title p span{color: #018391; font-weight: bold; font-size: 24px; }
.board_title:after{display: block; content: ""; clear: both;}
.board_btn{width: 215px; height: 48px; border: 2px solid #018391; border-radius: 3px; background-color: #fff; box-sizing: border-box; text-align: center; line-height: 44px;box-shadow: 0 4px 4px #cfcfcf;position: absolute; left: 50%; top: 0%; margin-left: -107px; margin-top: 20px;}
.board_btn a{display: block; width: 100%; height: 100%; font-size:21px; letter-spacing: -0.025em; color: #018391; }
.board_btn a img{vertical-align: middle; margin-top: -6px; margin-left: 12px;}


.board_search{width: 100%; border-bottom:2px solid #e0e0e0; padding:30px 0 10px;  }
.board_search > ul{float: left;}
.board_search > ul > li{float: left;}
.board_search:after{display: block; content: ""; clear: both;}
.board_search ul:after{display: block; content: ""; clear: both;}

.search_d{clear:left;margin-top:10px;}
.search_t{margin-top:10px;}
.search_s{margin-right: 10px;}
.search_s li{margin-right:10px; }
.search_select{width: 110px;}
.search_select select {width:100%; height: 31px; border: 1px solid #e0e0e0; box-sizing: border-box; padding-left: 10px; padding-right: 30px; font-size: 14px; letter-spacing: 0.025em; color: #666666; -webkit-appearance: none;  -moz-appearance: none;  background: url("../img/mm_sub/select.png") no-repeat 100% 50%;}
.search_select select:focus{background-image: url("../img/mm_sub/select_on.png"); border:1px solid #222222;}
.search_select select option{background-color: #fff; font-size: 14px; line-height: 29px; letter-spacing: -0.025em; color: #666666; border: 1px solid #222}
.search_select select::-ms-expand { display: none; }
.b_search_rgt > li{float: left;}
.calender_chk ul li{float: left; line-height: 30px; background-image: url("../img/mm_sub/chk_off.png"); background-repeat: no-repeat; background-position: left center; padding-left: 7px; margin-left: 11px;}
.calender_chk ul li a{font-size: 14px; letter-spacing: -0.025em; color: #777777;}
.calender_chk_on{background-image: url("../img/mm_sub/chk_icon.png") !important; padding-left:17px !important; }
.calender_chk_on a{font-weight:bold; color: #222222 !important; }
.calender_chk ul:after{display: block ; content: ""; clear: both;}
.search_title{font-size: 16px; font-weight: bold; color: #222222; letter-spacing: -0.025em; line-height: 30px; margin-right: 10px;}
.calender_box{width: 125px; height: 31px; border: 1px solid #e0e0e0; box-sizing: border-box; background-color: #f4f5f9;}
.calender_text{width:97px; height: 28px; font-size:14px; letter-spacing: -0.05em; color: #666666 ; padding:0 10px; box-sizing: border-box;  }
.calender_box button{background-color: transparent; margin-top: -2px; vertical-align: middle; }
.day_line{line-height: 30px; font-size:14px; font-weight: bold; color: #222222; margin: 0 8px; }
.search_d .search_select{margin-left: 10px;}
.search_text{width:207px; height: 31px; border: 1px solid #e0e0e0;  box-sizing: border-box; padding: 0 8px 0 10px; margin-left: 10px;}
.search_text input{width: 162px; height: 28px;}
.search_text button{background-color: transparent; vertical-align: middle;}
.search_reset{ line-height: 30px; margin-left: 10px; }
.search_reset a{font-size: 14px; color: #777777; letter-spacing: -0.025em;}
.search_reset a img{vertical-align: middle; margin-top: -2px; margin-right:10px; }
.search_b{float: right !important}

/*리스트게시판*/
.board_list{margin-top:32px;}
.board_list table{width: 100%; border-top:1px solid #222222; }
.board_list table tr th{font-size: 16px; font-weight: bold; color: #222222; letter-spacing: -0.025em; text-align: center; background-color: #f0f1f2; padding: 12px 0 13px; border-bottom: 1px solid #dddddd; background-image: url("../img/mm_sub/th_line.png"); background-position: left 13px; background-repeat: no-repeat;}
.board_list table tr th:first-child{background-image: none;}
.board_list table tr td{font-size: 14px; letter-spacing: -0.025em; color: #666666; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; text-align: center; padding: 12px 0 11px;}
.board_list table tr td a{font-size: 16px; color: #222222;}
.board_list table tr td.left{text-align: left; padding: 12px 15px 11px;}
.board_list table tr td:first-child{border-left: 0}
.board_list table tr:last-child td{border-bottom: 1px solid #222222;}
.feild_t{font-size: 14px; color: #222222; border-radius: 3px; letter-spacing: -0.025em; padding: 4px 8px 3px; }
.feild_bg01{background-color: #b2dfdb;}/*일반행정*/
.feild_bg02{background-color: #c0dcfa;}/*경제*/
.feild_bg03{background-color: #fcd684;}/*문화예술*/
.feild_bg04{background-color: #f8bbd0;}/*복지*/
.feild_bg05{background-color: #f7a793;}/*교육*/
.feild_bg06{background-color: #b2ebf2;}/*안전교통*/
.feild_bg07{background-color: #c8afec;}/*도시건설*/
.feild_bg08{background-color: #bfda8b;}/*환경녹지*/

/*갤러리게시판*/
.board_gallery{width: 100%; height: auto; margin-top: 33px; border-bottom: 1px solid #e0e0e0;}
.board_gallery > ul{border:1px solid #e0e0e0; box-sizing: border-box; width: 276px; height: 441px; float: left; margin-right: 32px; margin-bottom: 32px; position: relative;}
.board_gallery > ul:nth-child(4n){margin-right: 0;}
.board_gallery > ul:hover{border:1px solid #222222; box-shadow: 8px 8px #e0e0e0;}
.board_gallery:after{display: block; content: ""; clear: both;}
.gallery_img{width: 100%; height:148px; border-bottom: 1px solid #f5f5f5; box-sizing: border-box; overflow: hidden; text-align: center; line-height: 148px;}
.gallery_img img{ width: auto; height: auto; max-height: 148px; vertical-align: middle; }
.gallery_img a{display:block;}
.gallery_con{width: 100%; height: auto; padding:0 20px; box-sizing: border-box;}
.gallery_con .gall_cont_txt { height: 68px; display: block; overflow:hidden; line-height: 1.5; margin-top: 25px;}
.gallery_con .gall_cont_txt a { color: #666;}
.gallery_01:after{display: block; content: ""; clear: both;}
.gallery_01{border-bottom: 1px solid #e0e0e0; padding:25px 0 10px; }
.g_name{float: left; font-size: 14px; letter-spacing: -0.025em; color: #222222;}
.g_day{float: right; font-size: 14px; letter-spacing: -0.025em; color: #828282;}
.gallery_02{padding: 20px 0 11px;}
.gallery_02:after{display: block; content: ""; clear: both;}
.g_field{float: left; display: inline-block; font-size:14px; color: #fff; background-color: #018391; border-radius:3px; padding:4px 8px 3px; }
.g_dis{float: left; display: inline-block; font-size: 14px; color: #018391; border:1px solid #018391; border-radius:3px; box-sizing: border-box;  padding:3px 4px 2px; margin-left: 6px;}
.g_dline{float: right; font-size: 15px; color: #666;}
.end_dline{color: #999999;}/*종료*/
.gallery_con > h4{ line-height: 25px; height: 75px; overflow:hidden; margin-top: 20px;}
.gallery_con > h4 a{font-size: 18px; font-weight: bold; color: #222222; letter-spacing: -0.025em;}
.g_graph_num p{float: left; font-size:12px; color: #747474; letter-spacing: -0.025em; }
.g_graph_num:after{display: block; content: ""; clear: both;}
.fl_rgt{float: right !important;}
.g_graph{margin-top: 25px;}
.g_graph_line { height: 10px; overflow:hidden; border-radius: 20px;}
.g_graph_line span{height: 10px;}
.g_graph_text p{float: left; font-size: 15px; margin-top: 10px;}
.g_graph_text:after{display: block; content: ""; clear: both;}
.g_count{ box-sizing: border-box; position: absolute; bottom: 0%; width: 100%; padding: 0 20px 16px;}
.g_count > ul{ border-top:1px solid #e0e0e0; padding-top: 16px;}
.g_count > ul > li{float: left; font-size: 16px; color: #666666; margin-right: 18px;}
.g_count ul:after{display: block; content: ""; clear: both;}
.g_count .box_count02{padding-left: 27px;}
.g_count .box_count01{padding-left: 23px;}

/*페이징*/
.paging{margin-top: 30px; position: relative;}
.paging > ul{text-align: center;}
.paging > ul > li{display: inline-block; width: 34px; height: 34px; box-sizing: border-box; border:1px solid #eeeeee; margin-left: 1px;}
.paging > ul > li a{display: inline-block; width: 100%; height: 100%; font-size: 15px; color: #666666; line-height: 34px;}
.paging_on{background-color: #222222; border:1px solid #222222 !important;}
.paging_on a{color: #ffffff !important; }
.paging > ul .paging_btn{border:0;}
.paging > ul .paging_btn a img{vertical-align: middle; margin-top: -2px;}
.mr-5{margin-right: -5px !important;}
.ml-4{margin-left: -4px !important;}
.mr_5{margin-right: 5px;}
.ml_6{margin-left: 6px !important;}


/*등록*/
.mm_sub_wrap:after{display: block; content: ""; clear: both;}
.mm_sub_lft{ background: none;width: 100%; height: auto; padding-top: 30px;}
.mm_sub_lft .mm_info_inner { padding-left: 0;}
.mm_sub_lft .mm_info_wrap h3 { margin-left: 0; margin-top: 0px;}
.mm_sub_lft .mm_info_wrap { margin-top: 0;}

.mm_snb{width:280px; height: auto; float: right; margin-top: 43px;}
.mm_grayBox{width: 100%; height: auto; border:1px solid #e0e0e0; background-color: #f9f9f9; padding:17px 20px 16px 20px; box-sizing: border-box;}
.mm_grayBox li{font-size: 15px; margin-bottom: 8px; line-height: 20px; /* letter-spacing: -0.025em; */ color: #222222; padding-left: 10px; text-indent: -10px;}
.mm_grayBox li:last-child{margin-bottom: 0}
.font_blue02{color: #018391 !important;}
.font_or{color: #ec7523 !important;;}
.font_red{color: #ff0000 !important;;}
.board_write{position: relative; margin-top: 30px;}
.board_title02{font-size: 26px; font-weight: bold; color: #424242; letter-spacing: -0.025em; margin-bottom: 14px;}
.whiteBtn{width:200px; height: 36px; border: 1px solid #018391; font-size:16px; letter-spacing: -0.025em; color: #018391; line-height: 36px; box-sizing: border-box; border-radius: 3px; background-color: #fff;  }
.po_ab{position: absolute;}
.po_ab.whiteBtn{right: 0%; top: 0%; margin-top: -4px;}
.board_write table{width: 100%; border-top:2px solid #222222;}
.board_write table tr th{font-size: 16px; font-weight: bold; color: #424242; text-align: left; padding: 19px 16px 18px; border-bottom: 1px solid #e0e0e0; background-color: #f9f9f9; letter-spacing: -0.025em; vertical-align: middle;}
.board_write table tr td{font-size: 14px; letter-spacing: -0.025em; color: #222222; vertical-align: middle; padding:10px 16px; border-bottom: 1px solid #e0e0e0; }
.tel_type01{border:1px solid #cbcbcb; width: 80px; height: 36px; box-sizing: border-box; padding: 0 10px;}
.tel_text{font-size: 15px; letter-spacing: -0.025em; color: #666666; margin-top: 8px; margin-bottom: 3px;}
.text_type01{border:1px solid #cbcbcb; height: 36px; box-sizing: border-box; padding: 0 10px; font-size: 14px; color: #666666;}
.text_type01:-moz-placeholder{color: #666;}
.text_type01::-webkit-input-placeholder{color: #666;}
.text_type01:-ms-input-placeholder{color: #666;}
.email{color: #424242; font-weight: bold; margin: 0 7px;}
.wd_200{width: 200px;}
.wd_160{width: 160px;}
.wd_340{width: 340px;}
.ml_4{margin-left: 4px;}
.mt_8{margin-top: 8px;}
.text_type_full{width: 100%;}

.search_select02{border-collapse: initial; width:180px; height: 36px; border: 1px solid #cbcbcb; box-sizing: border-box; padding-left: 10px; padding-right: 35px; font-size: 14px; letter-spacing: 0.025em; color: #666666; -webkit-appearance: none;  -moz-appearance: none;  background: url("../img/mm_sub/write_select.png") no-repeat 100% 50%;}
.search_select02 option{background-color: #fff; font-size: 14px; line-height: 29px; letter-spacing: -0.025em; color: #666666; border: 1px solid #222}
.search_select02::-ms-expand { display: none; }
.text_type02{border:1px solid #cbcbcb; background-color: #f4f5f9; box-sizing: border-box; height: 36px; width:320px; }
.addr_num_btn{width:113px; height: 36px; background-color: #666666; font-size:  14px; color: #fff; line-height: 36px; text-align: center; border-radius: 3px;}
.write_calender > ul > li{float: left;}
.write_calender > ul:after{display: block; content: ""; clear: both;}
.write_calender > ul .calender_box{height: 36px;}
.write_calender > ul .calender_box .calender_text{height: 34px;}

.radio_btn input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.radio_btn input[type="radio"] + label { display: inline-block; position: relative; padding-left: 28px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: 14px; color: #666666; letter-spacing: -0.025em; line-height: 30px;}
.radio_btn input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; text-align: center; background: #fff; border: 1px solid #cccccc; border-radius: 100%;}
.radio_btn input[type="radio"] + label:after { content: ''; position: absolute; top: 9px; left: 4px; width: 10px; height: 10px; background: #fff; border-radius: 100%; }
.radio_btn input[type="radio"] + label:active:before,
.radio_btn input[type="radio"]:checked + label:active:before { }
.radio_btn input[type="radio"]:checked + label{color:#222222; }
.radio_btn input[type="radio"]:checked + label:before { background: #fff; border-color: #cdcdcd; }
.radio_btn input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 10px; left: 5px; width: 10px; height: 10px; background: #000000; border-radius: 100%;}
.agree_chk input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: 0px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.agree_chk input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: 14px; color: #222222; letter-spacing: -0.025em;}
.agree_chk input[type="checkbox"] + label:last-child{margin-right: 0; width: auto;}
.agree_chk input[type="checkbox"] + label:before { content: ' '; display: inline-block; width: 18px; height: 18px;  line-height:18px;  margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #cccccc; box-sizing: border-box;}
.agree_chk input[type="checkbox"]:checked + label:before { background-image: url("../img/mm_sub/chk.png"); background-repeat: no-repeat; background-position:center;  border: 1px solid #222222; background-color: #222222;}
.agree_btn{width: 83px; height: 36px; margin-left: 10px; background-color: #666666; border-radius: 3px; font-size:14px; text-align: center; line-height: 36px; color: #fff; }

.radio_btn input[type="radio"]:focus + label,
.agree_chk input[type="checkbox"]:focus + label{outline:1px dotted #000000;}

.mr_26{margin-right: 26px;}
.textarea_type01{width: 100%; height: 160px; border: 1px solid #cbcbcb; box-sizing: border-box; overflow-y: scroll;font-size: 14px; letter-spacing: -0.025em; color: #666666; line-height: 20px; padding: 7px 10px; }
.textarea_type01:-moz-placeholder{color: #666;}
.textarea_type01::-webkit-input-placeholder{color: #666;}
.textarea_type01:-ms-input-placeholder{color: #666;}
.file_input label {
    position:relative;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:83px;
    height:36px;
    background:#666666;
    font-size: 14px;
    color:#fff;
    text-align:center;
    line-height:34px;
    margin-left: 7px;
    border-radius: 3px;
}
.file_input label input {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
}
.file_input input[type=text] {
    vertical-align:middle;
    display:inline-block;
    width:320px;
    height:36px;
    line-height:34px;
    font-size:14px;
    padding:0 10px;
    border:1px solid #cbcbcb;
    background-color: #f4f5f9;
    box-sizing: border-box;;
    color: #999999;

}
.file_del ul li{float: left; margin-right: 22px;}
.file_del ul li a img{vertical-align: middle; margin-top: -2px; margin-left: 8px;}
.file_del ul:after{display: block; content: ""; clear: both;}
.file_del ul li span{font-size: 14px; color: #222222; letter-spacing: -0.025em; text-decoration: underline;}
.file_input{margin-top: 15px;}
.file_input p{font-size:15px; color: #666666; margin-bottom: 6px; }
.file_input p.font_blue02{margin-top: 8px;}
.file_input p:last-child{margin-bottom: 0}

/*게시판 상세보기*/
.board_view{width: 100%; height: auto; border-top:2px solid #222222; margin-top: 32px; padding-top: 20px;}
.view_f li{float: left;}
.view_f:after{display: block; content: ""; clear: both;}
.view_f .g_dis{padding:3px 7px 2px }
.view_title{font-size: 29px; line-height: 38px; letter-spacing: -0.025em; color: #222222; width: 100%; border-bottom: 1px solid #e0e0e0; padding-bottom: 13px; margin-top: 10px;}
.view_info{border-bottom: 1px solid #222222; padding: 15px 0 5px;}
.view_info > li{float: left; width: 25%; font-size: 14px; color: #222222; letter-spacing: -0.025em; margin-bottom: 9px;}
.view_info > li span{color: #666666; margin-left: 10px;}
.view_info:after{display: block; content: ""; clear: both;}
.view_info .view_info_day{width: 50% ;}
/* .view_conBox{padding-top: 30px;} */
.view_con_img{margin-top:30px;}
.view_con{width: 100%; height: auto; margin-top: 30px;}
.view_con_title{border-top:1px solid #e0e0e0; background-color: #f9f9f9; font-size: 16px; font-weight: bold; color: #424242; letter-spacing: -0.025em; padding: 14px 16px 13px; box-sizing: border-box; }
.view_con_text{font-size: 16px; line-height: 24px; color: #666666; letter-spacing: -0.025em; padding: 13px 16px 26px; box-sizing: border-box;}
.view_con_table{border-top:1px solid #e0e0e0; width: 100%;}
.view_con_table tr th{font-size: 16px; font-weight: bold; color: #424242; letter-spacing: -0.025em; background-color: #f9f9f9;border-bottom: 1px solid #e0e0e0; text-align: left; padding: 14px 16px 12px; box-sizing: border-box;}
.view_con_table tr td{font-size: 14px; letter-spacing: -0.025em; border-bottom: 1px solid #e0e0e0;padding: 14px 16px 12px; background-color: #fff;}
.view_file a span{font-size:14px; color: #222222; text-decoration: underline; }
.view_file a img{vertical-align: middle; margin-top: -2px; margin-left:8px; }
.tag_text span{color: #007bc7; padding-right: 10px;}

.view_con_text table{width: 100%; border-top:1px solid #222222; margin-top:32px; }
.view_con_text table tr th{font-size: 16px; font-weight: bold; color: #222222; letter-spacing: -0.025em; text-align: center; background-color: #f0f1f2; padding: 10px; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd;}
.view_con_text table tr th:first-child{border-left: 0;}
.view_con_text table tr td{font-size: 14px; letter-spacing: -0.025em; color: #666666; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; text-align: left; padding: 10px;}
.view_con_text table tr td a{font-size: 16px; color: #222222;}
.view_con_text table tr td:first-child{border-left: 0;}

.dis_wrap{width: 100%; height: auto; border-top:1px solid #222222; background-color: #f0f1f2; margin-top: 40px; padding: 16px; box-sizing: border-box;}
.dis_tab > li{float: left; height: 44px; margin-right: 10px;}
.dis_tab > li a{font-size:18px; letter-spacing: -0.025em; color: #fff; padding: 9px 16px 7px;background-color: #9d9e9e;border-radius: 3px; display: block;}
.dis_tab > li span{font-size:18px; letter-spacing: -0.025em; color: #fff; padding: 9px 16px 7px;background-color: #9d9e9e;border-radius: 3px; display: block;}
.dis_tab:after{display: block; content: ""; clear: both;}
.dis_tab_on{background-image: url("../img/mm_sub/arrow.png"); background-repeat: no-repeat; background-position: bottom center;}
.dis_tab_on span{font-weight: bold; background-color: #018391 !important;}
.dis_tab_on a{font-weight: bold; background-color: #018391 !important;}
.dis_con{width: 100%; height: auto; padding:15px 16px 16px; background-color: #fff; box-sizing: border-box; margin-top: 4px;}
.dis_con_day{font-size: 14px; letter-spacing: -0.025em; color: #666666; border-bottom: 1px solid #e0e0e0; padding-bottom: 14px;}
.dis_con_day span{color: #222222; margin-right: 12px;}
.dis_con_text{font-size: 16px; line-height: 24px; letter-spacing: -0.025em; color: #666666; padding: 13px 0 26px;}

.comment_write > div{width: 100%; height: auto; border:1px solid #e0e0e0; border-top:1px solid #222222; padding:31px 16px 16px; box-sizing: border-box; }
.comment_vote{text-align: center; }
.comment_vote:after{display:block;content:'';clear:both;}
.comment_vote > ul{float:left;}
.comment_vote .g_graph{width:234px; margin: 0 36px;}
/*.comment_voteBtn li a{display: inline-block; font-size: 18px; color: #666666; letter-spacing: -0.025em; border: 1px solid #cbcbcb; border-radius: 3px; padding: 14px 17px 12px 48px; background-position: 16px center; background-repeat: no-repeat;} 20181207 삭제*/
.comment_agree a{background-image: url("../img/mm_sub/vote_agree_off.png");}
.comment_agree a:hover{border:1px solid #007bc7; color: #007bc7; background-image: url("../img/mm_sub/vote_agree_on.png");}
.comment_dis a{background-image: url("../img/mm_sub/vote_dis_off.png");}
.comment_dis a:hover{border:1px solid #e43448; color: #e43448; background-image: url("../img/mm_sub/vote_dis_on.png");}
.comment_write_form{width: 100%; height: auto; border: 1px solid #cbcbcb; background-color: #f9f9f9; margin-top: 27px;}
.comment_write_form div{border-bottom:1px solid #e0e0e0;}
.text_type03{width: 100%; height: 80px; overflow-y: auto; border: 0; font-size: 14px; letter-spacing: -0.025em; color: #666; padding: 14px 16px; box-sizing: border-box}
.text_type03:-moz-placeholder{color: #666;}
.text_type03::-webkit-input-placeholder{color: #666;}
.text_type03:-ms-input-placeholder{color: #666;}
.mint_Btn{width: 58px; height: 36px; line-height: 36px; border-radius: 3px; background-color: #018391; color: #fff; font-size: 14px; letter-spacing: -0.025em;}
.comment_btn {text-align: right; border-bottom: 0 !important; padding: 6px; box-sizing: border-box;}
.mt_30{margin-top: 30px;}

.fl_lft{float: left !important;}
.comment_title:after{display: block; content: ""; clear: both;}
.board_title_num{font-size: 18px; color: #666666; letter-spacing: -0.025em; margin-top: 7px; margin-left:13px; }
.board_title_num span{color: #018391}
.cv_tab_wrap{border-bottom: 1px solid #222222; margin-bottom: 26px;}
.cv_tab_wrap .calender_chk li a{font-size: 16px;}
.cv_tab_wrap:after{display: block; content: ""; clear: both;}
.cv_tab > li{float: left; width:auto; height: 42px; padding: 0 12px; border:1px solid #cbcbcb; border-bottom: 0; margin-right: -1px; text-align: center; line-height: 42px; box-sizing: border-box;}
.cv_tab > li a{display: block; width: 100%; height: 100%; font-size: 17px; font-weight: bold; color: #666666; letter-spacing: -0.025em;}
.cv_tab_on{background-color: #222222; border:1px solid #222 !important;}
.cv_tab_on a{color: #fff !important}
.cv_tab:after{display: block; content: ""; clear: both;}
.cv_content{border-bottom: 1px dashed #e5e5e5; padding-bottom: 31px;}
.cv_wrap > div:last-child{border-bottom: 1px solid #e0e0e0;}
.cv_info{margin-top: 24px; margin-bottom: 12px;}
.cv_info > li{float: left; margin-right: 10px; letter-spacing: -0.025em; line-height: 24px;}
.cv_info:after{display: block; content: ""; clear: both;}
.cv_info .cv_good{float: right;}
.cv_name{font-size: 16px; color: #222222;}
.cv_day{font-size: 14px; color: #828282;}
.cv_vote{font-size: 14px; background-repeat: no-repeat; background-position: 8px 4px; padding:0 8px 0 27px; border-radius: 2px; line-height: 24px !important; margin-left: 7px;}
.cv_vote01{border:1px solid #007bc7; color: #007bc7; background-image: url("../img/mm_sub/cv_vote01.png");}
.cv_vote02{border:1px solid #e43448; color: #e43448; background-image: url("../img/mm_sub/cv_vote02.png"); background-position: 8px 6px;}
.cv_modify span{background-image: url("../img/mm_sub/cv_line.png"); background-repeat: no-repeat; background-position: right center; padding-right:9px; margin-right: 8px; }
.cv_modify span:last-child{padding-right: 0; margin-right: 0; background-image: none;}
.cv_modify span a{font-size: 14px; color: #666666;}
.cv_good a{font-size: 13px; display: inline-block; line-height: 17px;  color: #999999; padding-left: 25px; background-image: url("../img/mm_sub/cv_good_off.png"); background-repeat: no-repeat; background-position: left center;}
.cv_good span{font-size: 14px; color: #999999;}
.cv_good_on a{color: #666666; background-image: url("../img/mm_sub/cv_good_on.png");}
.cv_good_on span{color: #666}
.mt_0{margin-top: 0 !important}
.cv_view{width: 100%; height: auto; background-color: #f9f9f9; border-radius: 8px; padding:13px 16px 11px; box-sizing: border-box;}
.cv_view p{font-size:14px; line-height: 21px; letter-spacing: -0.025em; color: #666666;}

.clear{clear: both; width: 0 !important}
.no_vote .comment_write_form{margin-top: 0}

/*버튼*/
.boardBtn_two{margin-top: 30px;}
.boardBtn_two ul li:first-child{float: left;}
.boardBtn_two ul li:last-child{float: right;}
.boardBtn_two ul:after{display: block; content: ""; clear: both;}
.list_btn a{display: block; width:102px; height: 52px; border:1px solid #222222; border-radius: 5px; font-size:21px; color: #222222; letter-spacing: -0.025em; box-sizing: border-box; text-align: center; line-height: 52px;}
.save_btn a{display: block; width:102px; height: 52px; border-radius: 5px; font-size:21px; color: #fff; letter-spacing: -0.025em; box-sizing: border-box; text-align: center; line-height: 52px; background-color: #222222;}

/*snb*/
.login_box{width: 100%; height: auto; border-top:2px solid #222222; background-color: #f4f4f4; margin-bottom: 24px;}
.login_box > h3{font-size:20px; color: #222222; letter-spacing: -0.025em; text-align: center; line-height: 45px; border-bottom: 1px solid #cfcfcf; }
.login_box ul{padding:20px 20px 30px; }
.login_box ul li{width: 100%; height:54px; border-radius: 5px; margin-bottom: 6px; }
.login_box ul li:last-child{margin-bottom: 0}
.login_box ul li a{display: block; width: 100%; height: 100%;}
.login_box ul li span{float: left;}
.login_box ul li:after{display: block ;content: ""; clear: both;}
.login_box ul li .login_icon{width: 55px; height: 54px; display: block; background-position: center; background-repeat: no-repeat;}
.login_box ul li .login_text{width: 185px; height: 54px; line-height: 54px; font-size: 16px; letter-spacing: -0.025em; display: block; text-align: center;  background-repeat: no-repeat; background-position: left center; }
.login_sw{background-color: #fff; border-bottom: 2px solid #c6c6c6;}
.login_sw .login_text{color: #222;background-image: url("../img/mm_sub/login_line.png");}
.login_sw .login_icon{background-image: url("../img/mm_sub/login_sw.png");}
.login_f{background-color: #4469ae; border-bottom: 2px solid #355186;}
.login_f .login_text{color: #fff;background-image: url("../img/mm_sub/login_line02.png");}
.login_f .login_icon{background-image: url("../img/mm_sub/login_f.png");}
.login_k{background-color: #fae33c; border-bottom: 2px solid #a69728;}
.login_k .login_text{color: #3e2324;background-image: url("../img/mm_sub/login_line03.png");}
.login_k .login_icon{background-image: url("../img/mm_sub/login_k.png");}
.login_t{background-color: #27a2ee; border-bottom: 2px solid #1b72a8;}
.login_t .login_text{color: #fff;background-image: url("../img/mm_sub/login_line02.png");}
.login_t .login_icon{background-image: url("../img/mm_sub/login_t.png");}
.login_n{background-color: #1ec800; border-bottom: 2px solid #189539;}
.login_n .login_text{color: #fff;background-image: url("../img/mm_sub/login_line02.png");}
.login_n .login_icon{background-image: url("../img/mm_sub/login_n.png");}

.snb_text{width: 100%; height: 54px; line-height: 54px; text-align: center; border:1px solid #808592; border-radius: 5px;}
.snb_text a{font-size:19px; font-weight: bold; color: #4a5164; display: block; width: 100%; height: 100%;}
.snb_bg02{margin-top: 8px;}

.mypageBox{border:1px solid #dddddd; border-top:2px solid #222222; margin-bottom: 24px;}
.my_title{border-bottom: 2px solid #cfcfcf; padding:20px;}
.my_title ul li{float: left;}
.my_modify{float: right !important;}
.my_modify a{border:1px solid #cccccc; border-radius: 3px; font-size: 13px; letter-spacing: -0.025em; color: #666666;padding: 4px 8px 3px; }
.my_modify a img{vertical-align: middle; margin-top: -2px; margin-right:8px; }
.my_title ul:after{display: block; content: ""; clear: both;}
.login_name{font-size:16px; letter-spacing: -0.025em; line-height: 26px; color: #222222; padding-left: 34px; background-repeat: no-repeat; background-position: left center;}
.login_kakao{background-image: url("../img/mm_sub/kakao_icon.png");}/*카카오톡 로그인아이콘*/
.login_facebook{background-image: url("../img/mm_sub/facebook_icon.png");}/*페이스북 로그인아이콘*/
.login_naver{background-image: url("../img/mm_sub/naver_icon.png");}/*네이버 로그인아이콘*/
.login_suwon{background-image: url("../img/mm_sub/sw_icon.png");}/*수원 로그인아이콘*/
.login_tw{background-image: url("../img/mm_sub/tw_icon.png");}/*트위터 로그인아이콘*/
.mypageList ul li{border-bottom: 1px solid #dddddd; height: 46px; line-height: 46px; box-sizing: border-box; padding: 0 17px 0 20px;}
.mypageList ul li p{ background-image: url("../img/mm_sub/mypage_bg.png"); background-position: left 20px; background-repeat: no-repeat; padding-left: 14px;}
.mypageList ul li p a{display: block; width: 100%; height: 100%; font-size: 17px; color: #444444; letter-spacing: -0.05em; background-image: url("../img/mm_sub/my_arrow.png"); background-repeat: no-repeat; background-position: right 15px;}
.mypageList ul li:last-child{border-bottom: 0}
.mypageList ul li:hover {background-color: #018391;}
.mypageList ul li:hover p{background-image: url("../img/mm_sub/mypage_bg_on.png") !important;}
.mypageList ul li:hover p a{color: #fff !important;}
.mypageList_on{background-color: #018391;}
.mypageList_on p{background-image: url("../img/mm_sub/mypage_bg_on.png") !important;}
.mypageList_on p a{color: #fff !important;}
.min_h_180{min-height: 180px; box-sizing: border-box; padding: 9px 0;}
.my_btn a{border:1px solid #cccccc; border-radius: 3px; font-size: 13px; letter-spacing: -0.025em; color: #666666;padding: 4px 8px 3px; }/*20181106 버튼추가*/


/*설문조사 등록*/
.titleBox:after{display: block; content: ""; clear: both;}
.chk_red{font-size:15px; color: #222222; letter-spacing: -0.025em;  margin-top:7px; }
.survey_writeForm{border-top:1px solid #222222; background-color: #f9f9f9; padding: 23px 16px 32px; box-sizing: border-box;}
.survey_writeForm > ul{margin-bottom: 23px;}
.survey_writeForm > ul:last-child{margin-bottom: 0}
.bg_white{background-color: #fff;}
.survey_writeForm .radio_btn label{color: #222222 !important;}
.ml_8 {margin-left: 8px;}
.wd_787{width: 787px;}
.sw_title{font-size:18px; font-weight: bold; color: #424242; letter-spacing: -0.025em; margin-bottom: 9px;}
.sw_title img{vertical-align: middle; margin-top: -2px;}
.sw_title span{color: #666666; font-size: 14px;}
.mt_4{margin-top: 4px;}
.survey_writeForm .agree_chk p{margin-bottom: 9px;}

/*설문조사 보기*/
.mint_b_btn{width: 76px; height: 31px; border: 1px solid #018391; border-radius: 3px; background-color: #fff; text-align: center; line-height: 31px; box-sizing: border-box; font-size: 14px; color: #018391;}
.sv_con_num{font-size: 14px; letter-spacing: -0.025em; color: #666666; margin-left: 10px;}
.sv_graph_title{font-size: 14px; letter-spacing: -0.025em; color: #222222; margin-bottom: 8px;}
.sv_graph_line{height: 11px; background-color: #cccccc; padding: 0; width: 600px; float: left;}
.sv_graph_line span{height: 11px; display: block;}
.sv_graph_text{float: right;margin-top: -3px;}
.sv_graph_con > ul:after{display: block; content: ""; clear: both;}
.sv_graph_text span{font-size: 14px; letter-spacing: -0.025em; color: #666666;}
.sv_graph_text .sv_g_per{font-size: 16px; color: #222222; font-weight: bold; margin-right:2px; }
.sv_graph_text .sv_g_blue{color: #1152b9;}
.sv_graph{margin-bottom: 10px;}

/*공지사항 보기*/
.notice_view{margin-top: 0}
.notice_view .notice_con{float: none; height: auto; background-image: none;}
.notice_view .view_title{margin-top: -4px; border-bottom: 0}
.notice_con{padding: 14px 16px 27px; box-sizing: border-box; border-top:1px solid #222222;}
.notice_con p{font-size: 16px; line-height: 24px; letter-spacing: -0.025em; color: #666666;}

.view_paging{margin-top: 40px;}
.view_paging table{width: 100%; border-top:1px solid #222222;}
.view_paging table tr th{text-align: center; border-bottom: 1px solid #e0e0e0;}
.view_paging table tr th img{vertical-align: middle; margin-top: -2px;}
.view_paging table tr td{font-size: 16px; color: #222222; border-bottom: 1px solid #e0e0e0; padding: 14px 0px 13px; }
.view_paging table tr:last-child th, .view_paging table tr:last-child td{border-bottom: 1px solid #222222;}
.view_paging table tr .day{font-size:14px; color: #666666; padding:0 0 16px;}

/*마이페이지*/
.mypage_tab{margin-bottom: 0}
.mypage_text{font-size:14px; letter-spacing: -0.025em; color: #666666; margin-top: 13px;}
.mypage .board_write{margin-top: 0;}
.mypage .board_write table{ border-top: 0}

/*qna*/
.sub_tab_two ul li{width: 50%;}
.ml_0{margin-left: 0 !important;}
.mr_0{margin-right: 0 !important;}
.faq_list{width: 100%; height: auto; border-top:1px solid #222222; margin-top: 32px;}
.faq_title{width: 100%; height: auto; background-color: #f0f1f2; padding: 15px 0 14px; border-bottom: 1px solid #dddddd;}
.faq_title > li{float: left; font-size: 16px; font-weight: bold; color: #222222; letter-spacing: -0.025em; text-align: center; background-image: url("../img/mm_sub/th_line.png"); background-position: left center; background-repeat: no-repeat; }
.faq_title > li:first-child{background-image: none;}
.faq_title:after{display: block; content: ""; clear: both;}
.f_num{width:62px; }
.f_con{width:1028px; }
.f_day{width:109px; }
.faq_list_wrap{border-bottom: 1px solid #e0e0e0}
.faq_list_wrap > li:last-child{border-bottom: 1px solid #222222;}
.faq_list_wrap > li{border-bottom: 1px solid #d9d9db;}
.faq_list_wrap > li > a{display: block;}

.faq_q > li {float: left; border-left:1px solid #e0e0e0; box-sizing: border-box; line-height: 46px;}
.faq_q li:first-child{border-left: 0}
.faq_num{width: 62px; font-size: 14px; letter-spacing: -0.025em; color: #666666; text-align: center; }
.faq_day{width: 109px; font-size: 14px; letter-spacing: -0.025em ; color: #666666; text-align: center;}
.faq_q:after{display: block; content: ""; clear: both}
.faq_q_con{width:1028px; font-size: 16px; letter-spacing: -0.025em; color: #222222; padding: 0 16px;}
.faq_a{display: none; background-color: #f5f5f5; border-top:1px solid #d9d9db; }
.faq_answer{background-image: url("../img/mm_sub/faq_answer.png"); background-repeat: no-repeat; background-position:79px 10px;  font-size: 16px; line-height: 24px; letter-spacing: -0.025em; color: #666666; padding:14px 120px 15px 100px;}
.faq_on{border-bottom:1px solid #018391; }
.faq_on .faq_q_con{color: #018391; font-weight: bold !important;}

/*popup*/
.close_btn{position: absolute; top: -20%; right: 0%; margin-top: 13px; margin-right:14px;  }
.popupBox{ width:600px; height: auto; display: none;  z-index: 101; box-sizing: border-box; background-color: #fff; border:1px solid #222222; position: absolute; left: 50%; margin-left: -300px; top: 50%; margin-top: -340px; padding-bottom: 34px; }
.popupBox .board_list{padding: 24px 24px 0;}
.popupBox .board_list table{margin-top: 0;}

.popup_board_list{padding: 0 20px;}
.popup_board_list table{width: 100%; border-top:1px solid #222222; margin-top:32px; }
.popup_board_list table tr th{font-size: 16px; font-weight: bold; color: #222222; letter-spacing: -0.025em; text-align: center; background-color: #f0f1f2; padding: 12px 0 13px; border-bottom: 1px solid #dddddd; background-image: url("../img/mm_sub/th_line.png"); background-position: left 13px; background-repeat: no-repeat;}
.popup_board_list table tr th:first-child{background-image: none;}
.popup_board_list table tr td{font-size: 14px; letter-spacing: -0.025em; color: #666666; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; text-align: center; padding: 12px 0 11px;}
.popup_board_list table tr td a{font-size: 16px; color: #222222;}
.popup_board_list table tr td.left{text-align: left; padding: 12px 15px 11px;}
.popup_board_list table tr td.left a{font-size: 14px; letter-spacing: -0.025em; color: #666666;}
.popup_board_list table tr td.left div{width: 374px;}
.popup_board_list table tr td:first-child{border-left: 0}
.popup_board_list table tr:last-child td{border-bottom: 1px solid #222222;}

/*주민참여예산*/
.go_site{width:210px; height: 31px; font-size: 14px; line-height: 31px; background-image: url("../images/sub/go_site.png"); background-position: right 10px center; background-repeat: no-repeat; text-align: left; padding: 0 14px;}
.go_site:hover { background: #018391; color:#fff; background-image: url("../images/sub/go_site_on.png"); background-position: right 10px center; background-repeat: no-repeat;}
.mm_info_inner .mm_info_box button.go_site { list-style: none; float: left; margin-right: 10px;} 

.process_wrap{margin-top: 10px;}
.process_wrap > ul{width: 12%; border:2px solid #dbdbdb; box-sizing: border-box; float: left; background-color: #fff;height: 93px; padding: 15px 0;line-height: 102px;}
.process_wrap:after{display: block; content: ""; clear: both;}
.process_wrap .process_arrow{width:20px; background-color: transparent; padding:46px 0; background: url(../img/mm_sub/process_arrow.png) no-repeat center; float: left;}
.process_wrap ul li{text-indent: 0; padding-left: 0}

.pl_0{padding-left: 0 !important; text-indent: 0 !important}
.process_title{font-size: 16px; color: #222 !important; line-height: 20px; letter-spacing: -0.025em; text-align: center;}
.process_title span{font-size: 13px;}
.process_box{padding: 4px 10px !important}
.process_box p{background-image: url("../img/mm_sub/list_point.png"); background-repeat: no-repeat; background-position: left 7px; padding-left:7px; font-size: 12px; line-height: 17px; letter-spacing: -0.05em; color: #222; }
.process_box p span{display: block; line-height: 17px; font-size: 12px; padding-left: 11px; text-indent: -11px;}
.process_txt { display: block; margin-top: 10px;}

.ml_121{margin-left: 121px;}
.comment_write .no_vote{padding: 20px 16px 16px;}

/*20181207 수정*/
.comment_voteBtn li a{display: inline-block; font-size: 18px;  letter-spacing: -0.025em; border-radius: 3px; padding: 14px 17px 12px 48px; background-position: 16px center; background-repeat: no-repeat;}
.comment_agree a{border:1px solid #007bc7; color: #007bc7; background-image: url("../img/mm_sub/vote_agree_on.png");}
.comment_agree a:hover{ border: 1px solid #cbcbcb;; color: #666666; background-image: url("../img/mm_sub/vote_agree_off.png");}
.comment_dis a{background-image: url("../img/mm_sub/vote_dis_on.png"); border:1px solid #e43448; color: #e43448; }
.comment_dis a:hover{ border: 1px solid #cbcbcb;; color: #666666; background-image: url("../img/mm_sub/vote_dis_off.png");}
/* .comment_vote .g_graph{width: 496px; margin: 0 26px;} */
.comment_vote .g_graph{width: 490px; margin: 0 26px;}/* 20181211 찬성 반대 익스에서 틀어지는부분입니다.*/
.comment_vote .g_graph_line{margin-bottom: 2px; margin-top: 2px;}
.comment_vote .g_graph_line span{height: 21px;}

.font_bold{font-weight: bold;}
.font_green{color: #008000;}
.font_or02{color: #ff6a06;}
.font_blue03{color: #0059ff}
.font_pink{color: #ff41ff;}
.mm_grayBox li{margin-bottom: 17px;}
.process_title{border-bottom: 0; height: auto;}

.process_wrap2{margin-top: 10px; overflow:hidden;}
.process_wrap2 > ul{width: 20%; height: 227px; border:2px solid #dbdbdb; box-sizing: border-box; float: left; background-color: #fff;}
.process_wrap2 .process_arrow{width:20px; background-color: transparent; padding:36px 0; background: url(../img/mm_sub/process_arrow.png) no-repeat center; float: left;}
.process_wrap2 ul li{text-indent: 0; padding-left: 0}
.process_wrap2 > ul{height: 73px; padding: 25px 0;}
.process_wrap2 .process_arrow li{line-height: 73px;}
.mm_blt { background: url("../images/sub/mm_blt.png") no-repeat left center; vertical-align: bottom; padding:5px 10px 5px 30px;}

.process_wrap3{margin-top: 10px; overflow:hidden;}
.process_wrap3 > ul{width: 25%; height: 227px; border:2px solid #dbdbdb; box-sizing: border-box; float: left; background-color: #fff;}
.process_wrap3 .process_arrow{width:20px; background-color: transparent; padding:36px 0; background: url("../images/sub/process_arrow.png") no-repeat center; float: left;}
.process_wrap3 ul li{text-indent: 0; padding-left: 0}
.process_wrap3 > ul{height: 73px; padding: 25px 0;}
.process_wrap3 .process_arrow li{line-height: 73px;}

.whiteBtn02{width:200px; height: 36px; border: 1px solid #018391; font-size:16px; letter-spacing: -0.025em; color: #fff; line-height: 36px; box-sizing: border-box; border-radius: 3px; background-color: #018391;  }
.board_write .red_text{position: absolute; right: 0; font-size: 15px; margin-top: 6px;}
.sample_img{width: 573px; height: 404px; background-image: url("../img/mm_sub/sample_img.jpg"); margin: 24px auto;}
.sample_popup{width: 716px; display: none; z-index: 101; box-sizing: border-box; background-color: #fff; border:1px solid #222222; position: absolute; left: 50%; margin-left: -308px; top: 20%;}

.ml_10{margin-left: 10px;}
.wd_154{width: 154px; }
.mm_vote_step{margin-top: 6px;}
.mm_vote_step li{padding-left: 0; margin-bottom: 8px}
.mm_vote_step li > p{float: left; text-indent: 0;}
.mm_vote_step li:after{display: block; content: ""; clear: both;}
.vs_title{width:129px; height: 35px; font-size: 15px; font-weight: bold; color: #fff; /* letter-spacing: -0.025em; */  background-color: #018391; line-height: 35px; padding-left: 12px; box-sizing: border-box;}
.vs_con{width:699px; height: 35px; line-height: 35px; background-color: #fff; font-size:13px; /* letter-spacing: -0.025em; */ color: #222222;  box-sizing: border-box; padding-left: 16px;}

.sub_tab01 ul li{width: 50%;}
.sub_tab01 ul .sub_tab_none{border-top:0; border-right:0}
.mm_grayBox_list{margin-top: 30px; display: inline-block;}
.mm_grayBox_list .vs_con{width:1019px }
/*20181207 수정 END*/


/*주민참여예산 공지*/
.mm_info_inner .mm_info_box { overflow:hidden; margin-top: 20px;}
.mm_info_inner ul.yesan_info { position: relative; color: #222;}
.mm_info_inner ul.yesan_info > li { margin-top: 30px;}
.mm_info_inner ul.yesan_info span.list_point{ font-size: 18px; line-height: 22px; font-weight: 700; letter-spacing: -0.025em; color: #018391; text-indent: 0; position: relative; padding-left:15px;}
.mm_info_inner ul.yesan_info span.list_point:before { display: block; overflow: hidden; position: absolute; top: 5px; left: 0; width: 10px; height: 10px; border: 3px solid #54a2a5; border-radius: 10px; box-sizing: border-box; content: '';}

.txt_point { margin-left: 10px; color: #222; font-size: 15px;}

/*2021.02.09 레이어팝업 내용 수정*/
.sample_txt {width: 627px; margin: 24px auto; padding: 20px;}
.sample_txt h3 { font-size: 24px; font-weight: 700;}
.sample_txt a { display: block; width: 200px; padding: 10px 20px; color: #fff; background: #4f7ec4; margin-top: 20px;}
.sample_txt h4 a:first-child { margin-top: 0;}
.sample_txt .sample_box { margin: 20px 0;}
.sample_txt .sample_box p { margin: 10px 0; padding-left: 20px; position: relative;}
.sample_txt .sample_box p:before{display:block;overflow:hidden;position:absolute;top:8px;left:0;width:10px;height:10px;border:3px solid #aaa;box-sizing:border-box;content:'';}
.sample_txt .sample_box a.blank:after {content:""; display:inline-block; width:15px; height:15px; margin-left:10px; vertical-align:middle; background: url(../images/common/manmin_icon.png) no-repeat -136px 0;}

.yesan_info .process_wrap .step7{ border:2px solid #018391; background-color:#f9fbfc !important;}
.yesan_info .process_wrap .step7 > li{color:#018391 !important; line-height:62px; font-weight: 700;}
.yesan_info .inner_color_box{padding:15px; margin-top: 10px; margin-right:10px;background-color:#f7f9fb;}

.process_wrap2 .step3 { width: 30%;}
.yesan_info .process_wrap2 .step7{ border:2px solid #018391; background-color:#f9fbfc !important;}
.yesan_info .process_wrap2 .step7 > li{color:#018391 !important; font-weight: 700;}
.yesan_info .process_wrap3 .step7{ border:2px solid #018391; background-color:#f9fbfc !important; padding: 14px 0; width: 40%;}
.yesan_info .process_wrap3 .step7 > li{color:#018391 !important; font-weight: 700;}

.yesan_info.mm_grayBox li{margin-bottom:5px;}

@media  (max-width:1280px) and (min-width:1200px) {
    .sub_notice_wrap{width: 100% !important;}
}

@media screen and (max-width:1199px) {
	.mobile_none{display:none !important;}
    /* .mm_sub_wrap{width: 94%;} */
    .mm_info_wrap { display: none;}
    .mm_info_wrap.budgetBg { background: none;}
    .mm_info_wrap.budgetBg2 { background: none;}
    .mm_info_wrap.budgetBg3 { background: none;}
    .mm_info_wrap h3 { margin-left: 0;}
    .mm_info_inner { padding:10px 15px 15px 0;}
    .yesan_info .inner_color_box { margin-top: 15px; max-width: 100%;}
    .process_wrap > ul { width: 11%;}
    .process_wrap2 > ul { width: 20%;}
    .process_wrap2 .step3 { width: 30%;}
    .process_wrap3 > ul { width: 20%;}
    .process_wrap3 .step7 { width: 45%;}

    .board_search{padding-top:0;}
    .search_title{width: 100%; margin-top: 6px; margin-bottom: 4px;}
    .search_s{width: 100%;}
    .search_d{width: 100%; margin-bottom: 12px; margin-top:0;}
    .search_t{margin-top:0;}
    .search_text{margin-left: 0}

    .sub_tab > ul > li{height: 41px; line-height: 41px;}
    .sub_tab > ul > li > a{font-size: 15px; letter-spacing: -0.1em;}
    .sub_tab > ul .sub_tab_on{line-height: 37px;}
    .calender_text{font-size: 13px;}
    .search_select select{font-size: 13px;}
    .search_text input{font-size: 13px;}
    .search_reset a{font-size: 13px;}


    /*리스트 게시판*/
    .feild_t{font-size: 13px;}
    .board_list table colgroup{display: none;}
    .board_list table thead tr th{display: none;}

    .board_list table tbody td {
        display: block;
        float: left;
        clear: left;
        width: calc(100% - 50px);
        padding: 0;
        border: none;
        text-align: left;
        box-sizing: border-box;
    }
    .board_list table tbody tr td a{font-size: 14px;}
    .board_list table [data-cell-header]:before {
        content: attr(data-cell-header);
        display: inline-block;
    }
    .board_list table tbody tr:after {
        display: block;
        clear: both;
        content: ".";
        visibility: hidden;
        height: 0
    }
    .board_list table{display: block;}
    .board_list table tbody{display: block;}
    .board_list table tbody tr{border-bottom: 1px solid #e0e0e0; display: block; position: relative;}
    .board_list table tbody tr td:first-child{padding-top: 14px;}
    .board_list table tr:last-child{border-bottom: 1px solid #222222}
    .board_list table tbody tr td.ta_lft{padding-left: 10px !important}
    .board_list table tr:last-child td{border-bottom: 0;}
    .board_list table tr td.left{padding: 11px 0 13px;}
    .board_list table tr td.left a{text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden; width: 100%; display: block; }
    .board_list table tbody td.list_name{width:50px;}
    .list_name{position: absolute; top: 14px; right: 0%; text-align: right !important; font-size: 13px !important; color: #666666 !important;}


    /*페이징*/
    .paging{margin-top: 28px;}
    .paging > ul > li{width: 27px; height: 27px;}
    .paging > ul .paging_btn a img{width: 27px; height: 27px;}
    .paging > ul > li a{line-height: 27px; font-size: 12px;}
    .paging_btn.ml-4{border-left: 1px solid #999999 !important; box-sizing: border-box; height: 26px;}


    /*갤러리*/
    .board_gallery > ul{height: 415px; width:49%; margin-right: 2%; margin-bottom: 16px;}
    .board_gallery > ul:nth-child(2n){margin-right: 0}
    .gallery_img{height: 162px; overflow: hidden; text-align: center; line-height: 162px; }
    .gallery_img img{width: auto; height: auto; vertical-align: middle; max-height: 162px;}
    .gallery_con .gall_cont_txt { height: 130px;}
    .g_name{font-size: 13px;}
    .g_day{font-size: 13px;}
    .g_field{font-size: 13px;}
    .g_dis{font-size: 13px;}
    .g_dline{font-size: 13px;}
    .gallery_con > h4{ line-height: 21px; height: 42px;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;   -webkit-box-orient: vertical;  word-wrap:break-word;  }
    .gallery_con > h4 a{font-size: 16px;}
    .g_graph_num p{font-size: 11px;}
    .g_graph_text p{font-size: 13px;}
    .g_count > ul > li{font-size: 13px;}
    .g_count .box_count02{padding-left: 25px; background-size: 17px;}
    .g_count .box_count01{padding-left: 26px;background-size: 16px;}
    .gallery_01{padding: 15px 0 9px}
    .gallery_02{padding: 12px 0 9px}
    .g_graph{margin-top: 16px;}
    .g_count{padding:0 20px 14px }
    .g_count > ul{padding-top: 14px;}


    /*상세보기*/
    .mm_snb{display: none;}
    .mm_sub_lft{float: none; width: 100%; margin-top: 0; padding-top: 24px;}
    .mm_grayBox{display: none;}
    .board_view{margin-top: 0; padding-top: 18px;}
    .view_title{font-size: 17px; line-height: 25px; margin-top: 15px; padding-bottom: 15px;}
    .mobile_100{width: 100% !important;}
    .view_info > li{font-size: 13px; margin-bottom: 11px;}
    .view_info{padding: 16px 0 3px;}
    /* .view_conBox{padding-top: 20px;} */
    .view_con_img{margin-top:20px;}
    .view_con{margin-top: 20px;}
    .view_con_title{font-size: 14px; padding: 12px 16px 11px}
    .view_con_text{font-size: 14px; line-height: 20px; padding: 13px 16px 22px}
    .view_con_table tr th{font-size: 14px; padding: 12px 16px 11px}
    .view_file a span{font-size: 13px;}
    .view_con_table tr td{font-size: 13px; padding: 12px 16px 11px}
    .boardBtn_two{margin-top:28px; }
    .list_btn a{font-size: 16px; width: 77px; height: 36px; line-height: 36px;}
    .save_btn a{font-size: 16px; width: 77px; height: 36px; line-height: 36px;}
    .dis_wrap{margin-top: 32px;}
    .dis_tab > li{height: 38px;}
    .dis_tab > li a{font-size: 15px; padding: 8px 11px 6px}
    .dis_con_day{font-size: 13px;}
    .dis_con_day span{margin-right: 9px;}
    .dis_con_text{font-size: 14px; line-height: 20px; }

    .board_title02{font-size: 17px; margin-bottom: 11px;}
    .comment_write > div{padding: 23px 16px 16px;}
    .comment_write .no_vote{padding: 20px 16px 16px;}
    .comment_vote{position: relative;}
    .comment_vote > ul{float:none;display:inline-block;}
    .comment_vote .g_graph{width: 100%; margin: 0; position: absolute; left: 0%; top: 0%;}
    .comment_voteBtn{margin-top: 61px;}
    .comment_voteBtn li a{font-size: 13px; background-size: 16px; padding:10px 12px 10px 36px}
    .comment_dis{margin-left: 8px;}
    .text_type03{font-size: 13px; height: 100px;}
    .mint_Btn{font-size: 13px; width: 42px; height: 32px; line-height: 32px;}
    .board_title_num{font-size: 13px; margin-top: 2px; margin-left: 11px;}
    .cv_tab > li{ height: 32px; padding: 0 9px; line-height: 32px;}
    .cv_tab > li a{font-size: 13px;}
    /* .cv_tab_wrap{position: relative;}
    .cv_select{float: none !important; position: absolute; top: 0%; width: 100%; margin-top: 40px;} */
    .cv_tab_wrap{position: relative; clear:both;}
    .cv_select{float: none !important; position: absolute; top: 0%; right: 0;}
    .cv_select .calender_chk ul{text-align: center;}
    .cv_select .calender_chk ul li{float: none; display: inline-block;}
    .cv_tab_wrap .calender_chk li a{font-size: 13px;}
    .cv_info{margin-top: 11px; margin-bottom: 9px;}
    .cv_vote{clear: both; margin-left: 0}
    .cv_name{font-size: 13px;}
    .cv_day{font-size: 13px;}
    .cv_vote{font-size: 13px; margin-top: 5px;}
    .cv_modify{margin-top: 3px;}
    .cv_modify span a{font-size: 13px;}
    .cv_good span{font-size: 13px;}
    .cv_view p{font-size: 13px;}
    .cv_wrap{margin-top: 55px;}
    .cv_content{padding-bottom: 20px; }
    .cv_info .cv_good{margin-top: 4px;}

    /*게시판쓰기*/
    .board_write{margin-top: 15px;}
    .board_write table colgroup{display: none;}
    /* .board_write table tr th{width: 85px !important; padding:12px 5px 11px 7px  !important; box-sizing: border-box;} */
    .whiteBtn{font-size: 13px; height: 36px; line-height: 36px;}
    .po_ab.whiteBtn{margin-top:17px;}
    .board_write table tr th,
    .board_write table tr td{display:block;}
    .board_write table tr th{font-size: 14px; padding: 12px 5px 11px}
    .board_write table tr td{font-size: 13px; padding: 12px 5px 11px}
    .red_text{font-size: 12px; text-align: right; margin-bottom: 16px;}
    .tel_text{font-size: 13px;}
    .wd_200{width: 168px;}
    .wd_340{width: 100%;}
    .text_type01.wd_340.ml_4{margin-left: 0}
    .file_input p{font-size: 13px;}
    .file_input label{font-size: 13px;}
    .agree_btn{font-size: 13px;margin-left: 0}
    .agree_chk input[type="checkbox"] + label{font-size: 13px; line-height: 20px;}
    .search_select02{font-size: 13px;}
    .addr_num_btn{font-size: 13px; width: 92px;}
    .tel_type01{width: 25%;}
    .text_type01.wd_200{width: 40%;}
    .text_type01.wd_160{width: 40%;}
    .email_search{width: 100%; margin-left: 0; margin-top: 5px;}
    .text_type02{width: 45%;}
    .write_calender > ul .calender_box{margin-bottom: 5px;}
    .write_calender .calender_chk ul li:first-child{margin-left: 0}
    .radio_btn input[type="radio"] + label{font-size: 13px;}
    .mr_26{margin-right: 13px;}
    .display_table {display: table-row}
    .file_del ul li{margin-bottom: 5px;}
    .file_input input[type=text]{width: 50%;}


    /*설문조사*/
    .mint_b_btn{font-size: 13px;}
    .sw_title{font-size: 15px;}
    .sv_graph_title{font-size: 13px;}
    .sv_graph_line{width: 50%;}
    .sv_graph_text{width: 50%; text-align: right;}
    .sv_graph_text .sv_g_per{font-size: 14px;}
    .sv_graph_text span{font-size: 13px;}

    .popup_board{width: 500px; left:50%; margin-left: -250px;}

    .popup_board_list{padding: 0 10px;}
    .popup_board_list table{width: 100%; border-top:1px solid #222222; margin-top:32px; }
    .popup_board_list table tr th{font-size: 13px; font-weight: bold; color: #222222; letter-spacing: -0.025em; text-align: center; background-color: #f0f1f2; padding: 12px 0 13px; border-bottom: 1px solid #dddddd; background-image: url("../img/mm_sub/th_line.png"); background-position: left 13px; background-repeat: no-repeat;}
    .popup_board_list table tr th:first-child{background-image: none;}
    .popup_board_list table tr td{font-size: 12px; letter-spacing: -0.025em; color: #666666; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; text-align: center; padding: 12px 0 11px; vertical-align: middle;}
    .popup_board_list table tr td a{font-size: 12px; color: #222222;}
    .popup_board_list table tr td.left{text-align: left; padding: 12px 15px 11px;}
    .popup_board_list table tr td.left div{width:320px;}
    .popup_board_list table tr td:first-child{border-left: 0}
    .popup_board_list table tr:last-child td{border-bottom: 1px solid #222222;}
    .wd_787{width: 77%;}
    .survey_write table tr th{width: 160px !important;}
    .chk_red{font-size: 12px;}

    .popup_board_list table tr td:last-child{width: 30%;}

    /*공지사항*/
    .notice_con p{font-size: 14px; line-height: 20px;}

    /*faq*/
    .f_num{width: 15%;}
    .f_con{width: 70%;}
    .f_day{width: 15%;}
    .faq_num{width: 15%;}
    .faq_q_con{width: 70%; font-size: 14px;}
    .faq_day{width: 15%;}
    .faq_title > li{font-size: 14px;}
    .faq_answer{font-size: 14px;}
    .faq_search .search_s{width: auto;}

    /*마이페이지*/
    .mypage_list table tbody tr{padding-bottom: 8px;}
    .mobile_fl_lft{float: left !important; width: 50% !important; clear: inherit !important;}
    .mobile_fl_rgt{float: right !important; width: 50% !important; clear: inherit !important; text-align: right !important;}

    .ml_121{margin-left: 0;}
}

@media screen and (max-width:1000px) {
	.roll_menu{height: 68px; margin-top: 0;}
	
    .board_title{padding-top: 12px;}
    .board_title h4{font-size: 24px;}
    .board_title p{display: none; margin-top: 0;}
    .board_btn{width: 161px; height: 36px; line-height: 36px; left: inherit; margin-left: 0; right: 0%; margin-top: 6px;}
    .board_btn a{font-size: 16px;}
    .board_btn a img{width:22px; height: auto; }
}


@media screen and (max-width:767px) {
    .search_d li:nth-child(4){margin-right: 10px;}
    .search_d .search_select{margin-left: 0;}
    .board_gallery > ul{height: 415px; width:100%; margin-right: 0;}
    .sv_graph_line{width: 40%;}
    .sv_graph_text{width: 60%; text-align: right;}
    .view_con_table colgroup{display: none;}
    .view_con_table tr th{width: 85px !important; padding: 12px 8px 11px}
    .faq_search .search_s{width: 100%; margin-bottom: 8px; }
    .f_num{width: 15%;}
    .f_con{width: 60%;}
    .f_day{width: 25%;}
    .faq_num{width: 15%; font-size: 12px;}
    .faq_q_con{width: 60%; font-size: 14px; border-right:1px solid #e0e0e0}
    .faq_day{width: 25%; border-left: 0 !important; font-size: 12px;}
    .faq_q > li{line-height: 20px; padding: 5px 10px;}
    .faq_answer{padding:14px 14px 14px 30px; background-position: 10px 14px}
    .mypage_tab .cv_tab > li{border-bottom: 1px solid #cbcbcb; margin-bottom: -1px;}
    .mypage_tab{border-bottom: 0; margin-top: 0}
    .mypage{border-top:1px solid #222; margin-top: 10px;}

    .popup_board{width: 350px; left:50%; margin-left: -175px;}
    .popup_board_list table tr td.left div{width:164px;}

    .mobile_2depth > ul > li a{font-size: 11px;}
    .file_input .MultiFile-wrap input{width: 183px;}

    .mm_info_inner { border-right: none;}
    .mm_info_inner .mm_info_box button.go_site { width: 100%; margin: 5px 0;}    
    .mm_info_wrap h3:before { height: auto;}
    
    .process_wrap > ul { width: 100%;}
    .process_wrap2 > ul { width: 100%;}
    .process_wrap2 .step3 { width: 100%;}
    .process_wrap3 > ul { width: 100%;}
    .yesan_info .process_wrap3 .step7 { width: 100%;}

    .process_wrap .process_arrow{width:100%; background-color: transparent; padding:10px 0; background: url(../img/mm_sub/process_arrow767.png) no-repeat center;}
    .process_wrap2 .process_arrow{width:100%; background-color: transparent; padding:10px 0; background: url(../img/mm_sub/process_arrow767.png) no-repeat center;}
    .process_wrap3 .process_arrow{width:100%; background-color: transparent; padding:10px 0; background: url(../img/mm_sub/process_arrow767.png) no-repeat center;}

    .budgetBg button { width: 100%; margin: 10px 0;}
    .budgetBg2 button { width: 100%; margin: 10px 0;}
    .budgetBg3 button { width: 100%; margin: 10px 0;}
}
@media screen and (max-width:420px) {
    .search_d .search_select{margin-top: 8px;}
}
@media screen and (max-width:380px) {
    .search_s li:nth-child(3){margin-top: 8px;}
    .view_info > li span{margin-left: 5px;}
    
    .ctssw-manmin-03 .roll_menu.has_top_btn{height:100px;}
    .ctssw-manmin-03 .roll_menu.has_top_btn .board_btn{margin-top:50px;}
}
@media screen and (max-width:320px) {
    .view_info > li span{font-size: 12px;}
    .view_con_table tr th{width: 75px !important; padding: 12px 8px 11px}
    .popup_board{width: 300px; left:50%; margin-left: -150px;}
    .popup_board_list table tr td.left div{width:134px;}
}

.calender_text{border:none; background:transparent;}
.calender_box button{margin-top:5px;}
.search_text input{box-sizing:border-box; border:none; background:transparent;}
.search_text [type="submit"]{padding-top:5px;}
.g_field{line-height:16px;}
.g_dis{line-height:16px;}
.g_graph{line-height:19px;}
.gallery_01{line-height:16px;}
.g_count{line-height:16px;}
.view_f{line-height:16px;}