@charset "utf-8";

.cont_top_box {position: relative;background: #f8f8f8;padding: 50px 60px;box-sizing: border-box;}
.cont_top_box:after {content:''; display:block; clear:both;}
.cont_top_box .txt_cont {width: 56%;float:left;}
.cont_top_box .txt_cont .detail {margin-top: 30px;}
.cont_top_box .img_cont {position:absolute;width: 36%;height: 330px;top: 40px;right:0;}
.cont_top_box .img_cont img {height:100%}

.communi_bul {position: relative;font-size: 22px;font-weight: bold;top: 5px;margin-right: 20px;padding-left: 33px;background: url(/mayor/img/content/04/sub0301_bul.png) no-repeat left center;}
.communi_head .communi_search {display:block; position:relative; background:#f1f3f6; margin-top:70px; font-size:1.6rem; padding:1.5rem; text-align:center; margin-bottom:6rem;}
.communi_head .communi_search .label {display:inline-block; vertical-align:middle; padding:.3em 1em; font-size:1.125em;}
.communi_head .communi_search select,
.communi_head .communi_search input[type="text"],
.communi_head .communi_search input[type="number"] {border:1px solid #c5c9d6; border-radius:.3rem; height:4rem; margin:0; box-sizing:border-box; min-width:0; max-width:100%;}
.communi_head .communi_search select {padding:0 5rem 0 2rem; max-width:16rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url('/common/img/board/ico_selectbox.png') no-repeat 100% 50% #fff;}
.communi_head .communi_search select::-ms-expand {display: none;}
.communi_head .communi_search input[type="submit"],
.communi_head .communi_search a {height:4rem; padding:0 1em; font-size:1em; min-width:8.5rem; margin:0 .1rem;}
.communi_head .communi_search a {line-height:3.8rem;}
.communi_head .communi_search input[type="submit"] {background:#216cda; color:#fff;}

.communi_cont_box li:nth-child(n+2) {margin-top:15px;}
.communi_cont_box .tbl-box {margin-top:10px;}
.communi_cont_box .communi_tit {color: #fff;background: #003583;padding: 5px 15px;margin-right:5px;}

.result_select {position: relative; overflow: hidden;}
.result_select li {width:11.5%; float:left; margin:0 .5%;}
.result_select li input[type="button"] {width:100%;}
.result_select li input[type="button"].button.icon.on {background:#216cda; color:#fff !important;}


.faq_cont {margin-top:10px;}
.faq_cont > ul > li {position: relative;box-sizing: border-box;border: 2px solid #dbe0eb;margin-bottom: 10px;}
.faq_cont > ul > li button {text-align:left; box-sizing:border-box; padding:20px;}
.faq_cont > ul > li .question_tit {font-size:1.8rem !important; font-weight:600;}
.faq_cont > ul > li .proposer {color:#777 !important; margin-top:25px;}
.faq_cont li ul {border-top:2px solid #dbe0eb;border-radius: 0 0 15px 15px;background:#f4f9ff;padding:20px;}
.faq_cont li ul li:nth-child(n+2) {margin-top:30px;}
.faq_cont li ul .answer_tit {position:relative; font-size:20px !important; font-weight:600; color:#103ca0 !important; padding-left:30px;}
.faq_cont li ul .answer_tit:after {content:'A'; position:absolute; width:25px; height:25px; color:#fff; font-size:17px;text-align:center; line-height:25px; border-radius:50px; background:#103ca0; top:4px; left:0;}
.faq_cont li ul .answer_detail {margin-top:15px;}

.fz20 {font-size:20px !important;}

.flow-list .mayor_030301 .item .cell {vertical-align:top !important;}


li.menu.none {padding: 25px;}

@media all and (max-width:1024px){
    .result_select li {width:32.333333333%;}
}

@media all and (max-width:840px){
    .cont_top_box {text-align:center; padding:30px}
    .cont_top_box .txt_cont {width:100%;}
    .cont_top_box .img_cont {display:none;}
    .communi_head .communi_search {margin-top:30px; margin-bottom:40px}
}

@media all and (max-width:640px){
	.result_select li .button {min-width:auto; height:4rem; line-height:3.8rem;}

    .cont_top_box {padding:30px 15px}
    .cont_top_box .txt_cont .detail p:first-child br {display:none;}
    .cont_top_box .txt_cont .detail .fz20 {font-size:1.6rem !important;}
}

@media all and (max-width:480px){
    .communi_bul {line-height: 4rem;top: 0;margin-bottom: 20px;}
    .communi_bul:after {content:''; display:block; clear:both; }
    .communi_cont_box .communi_tit {display:block; width:100%; text-align:center;}
    .faq_cont > ul > li .question_tit {font-size:1.6rem !important;}
}


/* 구)시장에게 바란다 팝업 */
#popup_box {position:absolute; z-index:10; left:50%; top:0; margin-left:-250px;}
#popup_box .close {background:#333; color:#fff; padding:5px 3px;}
#popup_box .close a {float:right; color:#fff;}