@charset "utf-8";   .board_suggest{ width: 100%; overflow: hidden}
 .board_suggest .item{ position: relative; float: left; width: 31.3333%; margin: 0 0 30px 3%; box-sizing: border-box; border: 2px solid #838386; border-radius: 0 0 12px 12px; }
 .board_suggest .item:nth-child(3n-2){ margin-left: 0;}
 .board_suggest .item h4{ font-size:23px; color: #000; text-align: center; }
 .board_suggest .item h4 span{display: inline-block; padding: 8px 10px; border-bottom: 2px solid #046fd9;}
 .board_suggest .item .cont_wrap{ padding: 20px 20px 10px 20px;}
 .board_suggest .item .txt_writer{ margin-top: 30px; font-size: 17px; color: #666; overflow: hidden}
 .board_suggest .item .txt_writer .txt_name{float: left; }
 .board_suggest .item .txt_writer .txt_date{float: right; }
 .board_suggest .item .tit{ font-weight:400; font-size: 21px; max-height: 48px; height: 48px; line-height: 24px; display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 15px; word-break: break-all;}
 .board_suggest .item .cont{ margin-top: 25px; font-size:17px; font-weight: 100; max-height: 96px; height: 96px; line-height: 24px; display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
 .board_suggest .item .info_area{ margin:20px 0 0 0; overflow: hidden; font-size: 16px;}
 .board_suggest .item .info_area .txt_fav{ float: left;}
 .board_suggest .item .info_area .info_r{float: right;}
 .board_suggest .item .info_area .txt_reply{margin-right: 10px;}
 .board_suggest .item .info_area .txt_fav:before{ content: ''; display: inline-block; margin-right: 10px; background: url(/images/mayor_new/sp_suggest.png?build_20251101001) 0 0 no-repeat; width: 16px; height: 16px; vertical-align: middle;}
 .board_suggest .item .info_area .txt_reply:before{ content: ''; display: inline-block; margin-right: 10px; background: url(/images/mayor_new/sp_suggest.png?build_20251101001) 0 -27px no-repeat; width: 23px; height: 19px; vertical-align: middle;}
 .board_suggest .item .info_area .txt_view:before{ content: ''; display: inline-block; margin-right: 10px; background: url(/images/mayor_new/sp_suggest.png?build_20251101001) 0 -56px no-repeat; width: 22px; height: 19px; vertical-align: middle;}
 .board_suggest .item .info_area .txt_view{padding-right: 2px;}
 .board_suggest .item .progress_wrapper{ background-color:#e9e9e9; width: 100%; height: 26px; position: relative; margin-bottom: 15px;}
 .board_suggest .item .progress_wrapper .progress_bar{ display: block; position: absolute; top:0; left: 0; height: 26px; background-color:#ffe16c; border-radius: 0 12px 12px 0; }
 .board_suggest .item .progress_wrapper .txt_total{ display: block; position: absolute; font-size: 14px; right: 20px;}
 /*.board_suggest .item .txt_dday{ border-top:1px solid #d2d2d2; height: 50px; line-height: 50px; text-align: center; color: #000; font-size: 17px; border-radius: 0 0 9px 9px;}
*/ /*.board_suggest .item .txt_dday{ background-color: #838386; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 17px; border-radius: 0 0 9px 9px;}
*/ .board_suggest .item .txt_dday{ background-color: #046fd9; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 17px; border-radius: 0 0 9px 9px;}
 .board_suggest .item:hover{ border-color: #046fd9;}
 .board_suggest .item:hover .txt_dday{ background-color: #046fd9; color: #fff; }
 .board_suggest .item .icon_new1{position: absolute; top:6px; right:9px;}
 .content_top_petition_alert .proposal_box .btn_go_s{ background-color: #f8f8f8; border: 1px solid #d2d2d2; border-radius: 24px;padding: 6px 15px; transition: all 0.5s ease 0s; margin-left: 3px; color: #000; font-size: 14px;}
 .content_top_petition_alert .proposal_box .btn_go_s:hover{ background-color:#4F4F4F; color: #fff; border-color: #4f4f4f; }
 .content_top_petition_alert .proposal_box .tit_s{ font-size: 17px; margin: 15px 0 5px 0; font-weight: 400}
 .content_top_petition_alert .proposal_box:before{z-index: -1;}
 .content_top_petition_alert .proposal_box .btn_p{ margin-top: 39px;}
 .content_top_petition_alert .proposal_box{height: 373px; padding: 6px 30px 22px 40px;}
  .proposal_box2 {border: transparent solid 8px; border-image: linear-gradient(#6a14d1, #c82090); border-image-slice: 1; border-radius: 30px; margin:28px auto; background-image: linear-gradient(#fff,#fff), linear-gradient(#6a14d1, #c82090); background-origin: border-box; background-clip: content-box, border-box; position: relative;}
 .proposal_box2:before {content: ""; display: block; width: 79px; height: 56px; position: absolute; background: url(/images/mayor_new/sp_suggest_btn.png?build_20251101001?build=2022121201) 0 -68px no-repeat; left:37px; top:-30px; overflow: hidden; }
 .proposal_box2:after {content: ""; display: block; width: 79px; height: 56px; position: absolute; background: url(/images/mayor_new/sp_suggest_btn.png?build_20251101001?build=2022121201) 0 -130px no-repeat; right:37px; bottom:-28px; overflow: hidden; }
 .proposal_box2 .inner {margin:35px 45px; width: 91%;}
 .proposal_box2 h5 {margin-top:30px; font-size: 19px; font-weight: 400;}
 .proposal_box2 .btn_p a {background-color: #500299; border-radius: 12px; font-size: 17px; padding:13px 20px; color: #fff; transition: all 0.5s ease 0s;}
 .proposal_box2 .btn_p a:hover {background-color:#16202c;}
 .proposal_box2 .btn_p a:after {content: ""; display: inline-block; background: url(/images/mayor_new/sp_suggest_btn.png?build_20251101001?build=2022121201) 0 0 no-repeat; margin-left:10px; vertical-align: middle; overflow: hidden;}
 .proposal_box2 .btn_p a.p6 {background-color: #500299;}
 .proposal_box2 .btn_p a.p6:after {width: 25px; height: 33px; background-position: 0 2px;}
 .proposal_box2 .btn_p a.p7 {background-color: #072ec1; margin-left:16px;}
 .proposal_box2 .btn_p a.p7:after {width: 38px; height: 33px; background-position: 0 -31px;}
 .proposal_box2 .btn_p a.p8 {background-color: #c107b2;}
 .proposal_box2 .btn_p a.p8:after {width: 38px; height: 33px; background-position: 3px -200px;}
 .proposal_box2 .btn_p a.p9 {background-color: #bd0356; margin-left:16px;}
 .proposal_box2 .btn_p a.p9:after {width: 38px; height: 33px; background-position: 0 -241px;}