@import url(font-awesome.min.css);

.h4_tit{font-size:22px; padding-bottom:8px;}


input[type="checkbox"]{height:18px; width:18px; display: block; margin:2px 5px 0 3px; float:left; border: 1px solid #cacaca;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {display:none;appearance: none;}
input[type="date"]::-webkit-calendar-picker-indicator {color: rgba(0, 0, 0, 0);  background:none; opacity: 1; display: block;  width:13px; height:16px;}
.select_base .date{background: url(/images/npps/date.svg) no-repeat 88% 50%; background-size: 18px;}

/*메인 모달*/
.modal.mainModal .modal-backdrop {opacity: 0; height:100% !important;}
.mainModal .modal_event{margin: 30px 0 0 30px; width:fit-content; max-width: 97%;}
.mainModal .img_box{width:100%; overflow: auto; max-height: 85%; }

/*모달 타입*/
.modal{overflow: auto;}


/*버튼 타입*/
.btn{border-radius:3px; font-size:15px;}
.btn_center{text-align:center;}
.btn:hover, .btn:active, .btn:focus, .btn_wrap a:hover {background: #576279; color: #fff;}
.btn_c1 {background:#AF8E65; color: #fff;}
.btn_c1:hover{background:#967143 !important;} 
.btn_c2 {background: #465772; color: #fff;}
.btn_c3 {background: #949ca6; color: #fff;}
.btn_c4 {background: #ed6060; color: #fff;}
.btn_c4:hover{background: #eb5252; color: #fff;}
.btn_c5 {background: #fff; border:1px solid #000;}

.color_01{color:#1562d6}
.color_02{color:#ef4343;}
.color_03{color:#AF8E65;}

.side_wrap{display:flex; justify-content:space-between;margin-top: 10px; margin-bottom: 20px;}
.side_wrap .btn{font-size:16px; padding: 8px 0px; border-radius: 50px; min-width:140px;}

/*알림창 */
.swal2-popup button{height:35px; line-height: 1;}
.swal2-title{padding:28px 0 0;}

.load_wrap{position: relative; width: 550px; padding: 68px 0 72px 0; font-family: Nanum Gothic; background-color: #ffffff; border-radius: 10px; overflow: hidden;}
.load_text{padding:20px 20px 0;}

/* 모달 알림 */
.alert_modal{overflow:hidden; padding-bottom: 15px; background: #fff; border-radius: 5px; width:370px; left: 0; right:0; }
.alert_modal .alert_body{text-align: center;}
.alert_modal .icon_wrap{background: #011131; padding:7px;}
.alert_modal .icon_wrap img{width:30px; text-align: center;}
.alert_modal .alert_body .state_txt {text-align: center; padding: 15px;font-size:18px; font-weight: bold; line-height: 1.5;}

.confirm_modal{overflow:hidden; padding-bottom: 15px; background: #fff; border-radius: 5px; width:435px; left: 0; right:0;}
.confirm_modal .alert_body{text-align: center;}
.confirm_modal .icon_wrap{background: #011131; padding:11px;}
.confirm_modal .icon_wrap img{width:35px; text-align: center;}
.confirm_modal .alert_body .state_txt {text-align: center; padding:15px; font-size:18px; font-weight: bold;}


/*게시판*/
.boardlist_top {width:100%; display:flex; align-items: center; margin:10px 0 25px; justify-content: flex-end; position: relative;}
.boardlist_top select {padding:5px 10px; font-size:14px; width:120px; height:40px; border-radius:50px;} 
.boardlist_top .search_group_wrap{display:flex;}
.boardlist_top .search_group_wrap .search_group {width:90%;}

.boardlist_top .form-group{display:flex; margin:3px 3px 0 0;}
.boardlist_top .form-group:last-child{margin-right:5px;}
.boardlist_top .form-group:last-child .select_base>.toggleBtn {z-index: 9;}
.boardlist_top .form-group:last-child .select_base>.option  {z-index:8;}
.boardlist_top .wave{font-size:25px; padding: 3px 3px;}

.boardlist_top .group{margin:0 8px;}
.boardlist_top .top_btn	{color:#45516f;}
.boardlist_top .date_group img{margin:4px;}
                 
.boardlist_top .search_group{background: #fff;border-radius:50px; position: relative;}
.boardlist_top .search_group input:focus{border:#fff;border: 1px solid #5f5f5f;}
.boardlist_top .search_group .glyphicon{font-size:18px; position:absolute; top:16px; right:20px;}
.boardlist_top .input_base{width:100%; height:48px; padding: 0 20px; box-sizing: border-box; border: 1px solid #d1d1d1; font-size: 18px; line-height: 24px; letter-spacing: 0; border-radius:30px 0 0 30px; color: #111;font-weight: 500;    outline: none;}

.boardlist_top .detail_wrap .src_btn{border-radius:0 30px 30px 0; padding:12px 13px; font-size: 17px; margin-left: 0px; background: #171e4a; color:#fff; border: 1px solid #181e48; height: 48px;}
.boardlist_top .detail_wrap .set_btn{border-radius:50px; padding:10px 13px 10px 36px; font-size: 17px; margin-left: 10px; background: url(/images/npps/detail.svg) no-repeat 12px 14px #4e5b6f; background-size: 19px; color:#fff;}
.boardlist_top .detail_box{position: absolute; left: 0; background: #fff; width: 100%; top: 73px; border-radius: 0 0 10px 10px; padding: 20px; box-shadow:5px 5px 10px #d6d6d682; z-index: 2;}
.boardlist_top .detail_box dl{display:flex;}
.boardlist_top .detail_box dd{display:flex;}

.align_top{align-items: flex-start;}

.bbs_list{width:100%;height:auto;margin-bottom:30px;  border-top: 1px solid #111111;}
.bbs_list>.defulat{width:100%;height:auto;}
.bbs_list>.defulat>li{position:relative; padding:20px 20px;font-size:0;border-bottom:1px solid #D1D1D1;}
.bbs_list>.defulat>li * {font-size:1.8rem;}
.bbs_list>.defulat>li.typeNoArticle,
.bbs_list>.defulat>li.no_articleArea{width:100% !important;padding:0 !important;margin:0 !important;}
.bbs_list>.defulat>li .info a {display:flex; width:100%; justify-content:space-between;}
.bbs_list>.defulat>li .info a .tit {width:72%; font-size:22px;font-weight:600; display:inline-block;-webkit-box-orient: vertical;-webkit-line-clamp:2; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;word-break: keep-all;}
.bbs_list>.defulat>li .info a .tit .file{width:15px; margin-left: 8px; margin-top: 8px;}

.bbs_list .defulat .info .tit .badge_01 {padding: 3px 14px;background-color:#868d9f;color:#fff;border-radius: 99px;font-weight:400;font-size: 16px;margin-right: 10px; font-weight: 600;}
.bbs_list .defulat .info .tit .badge_02 {padding: 3px 14px;background-color:#031030;color:#fff;border-radius: 99px;font-weight:400;font-size: 16px;margin-right: 10px; font-weight: 600;}
.bbs_list .defulat .info .tit .badge_03 {padding: 3px 14px;background-color:#af8e65;color:#fff;border-radius: 99px;font-weight:400;font-size: 16px;margin-right: 10px; font-weight: 600;}
.bbs_list>.defulat>li .info a .tit{vertical-align: middle; line-height: inherit;}

.bbs_list>.defulat>li .info a .tit span.view_label2 {font-size: 18px; padding: 5px 20px; background: #868d9f; color: #fff; border-radius: 30px; font-weight: 600;}

.bbs_list>.defulat>li .info a .sub_tit {position:relative;display:block;margin-top:14px;padding-left:11px;font-size:2rem;line-height:2.8rem;font-weight: 600;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.bbs_list>.defulat>li .info a .sub_tit:before {content:'';position:absolute;left:0;top:6px;display:block;width:3px;height:14px;background:#AF8E65;}
.bbs_list>.defulat>li .info a .txt {font-size:17px; word-break: keep-all; line-height: 1.4; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.bbs_list>.defulat>li .info .noticeInfo {margin-top:6px; display:flex; align-items: center;}
/* .bbs_list>.defulat>li .info .noticeInfo .date {font-size:16px; color:#8d8d8d;} */
.bbs_list>.defulat>li .info .noticeInfo .date {font-size:16px; color:#8d8d8d;font-variant-numeric: tabular-nums;}

/* .noticeInfo .empt{display:flex;align-items:center; background:#f7f7f7; border-radius: 50px; margin-right: 8px;  padding: 3px 10px} */
.noticeInfo .empt{display:flex;align-items:center; background:#f7f7f7; border-radius: 50px; margin-right: 8px;  padding: 3px 10px;font-variant-numeric: tabular-nums;}
.noticeInfo .empt .heart{background: url(/images/npps/heart_icon.svg) no-repeat  0 center; background-size:20px 20px; padding-left:25px;}
.noticeInfo .empt .good{background: url(/images/npps/icon_good.png) no-repeat  0 center; background-size:20px 20px; padding-left:25px;}
.noticeInfo .empt .talk{background: url(/images/npps/talk_icon.svg) no-repeat  0 center; background-size:20px 20px; padding-left:25px; margin-left:15px;}
.noticeInfo .empt .read{background: url(/images/npps/pres/layout/icon_hBot_sch.png) no-repeat  0 center; background-size:20px 20px; padding-left:25px; margin-left:15px;}
.noticeInfo .empt p{color:#8d8d8d; font-size:14px;}

.bbs_list>.listimg{display:flex; flex-wrap:wrap; padding-top:30px; width: calc(100% + 40px); margin-left: -40px;}
.bbs_list>.listimg .state{position: absolute; top: 0; width: 70px; background:#a1a1a1; text-align: center; color: #fff; padding: 3px; font-weight: 600; font-size: 15px; border-radius: 0 0 10px 0;}
.bbs_list>.listimg .state.ing{background:#AF8E65}
.bbs_list>.listimg .state.event{background:#d78572; margin-left:75px; border-radius: 0 0 10px 10px;}
.bbs_list>.listimg .img_box{overflow:hidden; height:260px; border-radius:10px; border: 1px solid #f0f0f0;}
.bbs_list>.listimg .img_box img{width:100%; height:100%;}
.bbs_list>.listimg >li {width: calc(25% - 40px); margin:0 0 25px 40px; position: relative; border-radius: 10px; overflow: hidden;}
.bbs_list>.box3 >li {width: calc(33.333% - 40px); margin:0 0 25px 40px; position: relative; border-radius: 10px; overflow: hidden;}
.bbs_list>.box3 .img_box{overflow:hidden; height:255px; border-radius:10px; border: 1px solid #f0f0f0;}
.bbs_list>.listimg >li dl{padding:20px 5px;  display: flex; flex-direction: column; justify-content: space-between;}
.bbs_list>.listimg >li dt{font-size:22px; line-height:1.3;}
.bbs_list>.listimg >li dt p {font-weight:600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;  -webkit-box-orient: vertical; font-size:22px; letter-spacing: -0.1px;}
.bbs_list>.listimg >li dt span{display: block; font-size:17px; letter-spacing:-0.1px; color:#8f8f8f; padding:5px 0;}
.bbs_list>.listimg >li dd{display:flex; justify-content:flex-start; color:#8f8f8f; font-size:15px; padding-top:15px;}
.bbs_list>.listimg >li dd p{width:30%; padding-left:24px;}
.bbs_list>.listimg >li dd p.good{background: url(/images/npps/yes_icon.svg) no-repeat 0px 0px; background-size:20px 20px;}
.bbs_list>.listimg >li dd p.bad{background: url(/images/npps/no_icon.svg) no-repeat 0px 0px; background-size:20px 20px;}
.bbs_list>.listimg >li dd p.talk{background: url(/images/npps/talk_icon.svg) no-repeat 0px 0px; background-size:20px 20px;}
.bbs_list>.listimg >li dd p.read{background: url(/images/npps/pres/layout/icon_hBot_sch.png) no-repeat 0px 0px; background-size:20px 20px;}

.bbs_list>.listimg_type2 .img_box{height:320px; border: 1px solid #f0f0f0;}
.bbs_list>.listimg_type2 >li dt span{padding:15px 0 0;}


.bbs_tab_wrap {display: flex; align-items: center;  justify-content: flex-start;  margin: 30px auto 0px;}
.bbs_tab_wrap a {padding: 10px; font-size: 19px; cursor: pointer; background: #fff; margin-right: 5px; min-width: 180px; text-align: center; border: 1px solid #111111;border-bottom:none;}
.bbs_tab_wrap a:last-child { margin-right: 0px;}
.bbs_tab_wrap a:hover{ background: #f2f4f8 !important; color: #06102f;}
.bbs_tab_wrap a.on {background: #041030  !important; color: #fff; border: 1px solid #041030 ;}

.result_list li{border-bottom:1px solid #D1D1D1; padding:32px 0;}
.result_list li a:hover{cursor: pointer;}
.result_list .tit_wrap{display: flex; justify-content: space-between;}
.result_list .tit_wrap .tit{font-size:24px; font-weight:600; padding: 2px 0 8px; line-height:1.3; width:95%;}
.result_list .tit_wrap .view{display: block; width:70px; background: #f2f2f2;border-radius: 3px;height: 28px; text-align: center;  font-size: 14px;line-height: 2; z-index:2;}
.result_list .set_box strong{color:#AF8E65}
.result_list .info_box{background:#f1f3f7; border-radius: 5px; padding:5px 15px; display:flex;  justify-content: space-between;}
.result_list li:hover .info_box{background:#fbf6ec;}
.result_list .info_box .num{display:flex;}
.result_list .info_box .num p{margin-right:30px; color: #333;}

.result_list .set_box .step_box {font-weight:600; background: #ddd; color: #333; padding:2px 15px; border-radius: 50px;font-size:15px;}
.result_list .set_box .step_box.ing{background: #AF8E65; color: #fff;}

.result_list .set_box .icon_box{background: #041030; margin:0 5px 3px 0; border-radius: 4px; font-weight: 600; color: #fff; padding: 2px 15px; font-size: 15px;}

.select_base{position:relative;width:166px;height:auto;font-size:0;box-sizing:border-box;text-align:left;display:inline-block;vertical-align:top;background-color:#fff;border:1px solid #d1d1d1;border-radius: 30px;}
.select_base.on>.toggleBtn::before{transform:rotate(-180deg);}
.select_base>.toggleBtn{position:relative;width:100%;height:48px;z-index: 12;color:#111;}
.select_base>.toggleBtn:disabled{background-color:#f9f9f9;border-radius:5px;}
.select_base>.toggleBtn:disabled>.base{color:#666;}
.select_base>.toggleBtn::before{content:"";position:absolute;right:13px;top:12px;display:block;width:20px;height:24px;background:url(/images/npps/icon_select.svg) no-repeat center center/100% auto;transition:all 0.2s;}
.select_base>.toggleBtn>span{display:block;padding:10px 35px 10px 20px;box-sizing:border-box;width:100%;height:100%;font-size:18px; color:#111;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: 500;}

.select_base input{border:none; padding:5px 15px;  border-radius:50px; width:100%; background:none;     font-size: 17px;}

.select_base>.option{width:calc(100% + 2px);font-size:0;position:absolute;left:-1px;top:calc(100% - 20px);z-index:10;background-color:#fff;border:1px solid #d1d1d1;border-top:none;max-height:200px;overflow-y:auto;padding-top:15px;}
.select_base>.option>button{width:100%;height:40px;text-align:left;display:block;background-color:#fff;;}
.select_base>.option>button:hover{background-color:#F0F0F0;}
.select_base>.option>button>span{display:block;width:100%;height:100%;font-size:18px; color:#111; padding:8px 20px 8px 20px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;}

.total_view {position: relative; padding-bottom: 10px; color: #000; border-bottom: 1px solid #6b727b; display: flex; justify-content: space-between;}
.total_view strong {color: #AF8E65;}

/*게시판 상단 검색영역 100%타입*/
.search_wrap {display: flex; align-items: center;  width: 100%;}


/* 게시판-view */
.board_area{width:100%; padding-bottom:0px; border-top:1px solid #000;}
.board_area .tit {position:relative; padding:35px 0px 30px 0px;border-bottom:1px solid #d1d1d1;}
.board_area .tit h4{width:100%; font-size:35px; display: block;}
.board_area .sns_wrap{position: relative;}
.board_area .tit .txt_info{text-align:left; font-size:18px;  padding-top:13px; display: flex; justify-content: space-between;}
.board_area .tit .txt_info .left{padding-top:7px;}
.board_area .tit .txt_info .share{border:1px solid #000; border-radius: 50px; display:inline-block; width:40px; height:40px; background:url(/images/npps/share.svg) no-repeat center; background-size:20px;}
.board_area .tit .txt_info .share:hover{border:1px solid #AF8E65; background:url(/images/npps/share_on.svg) no-repeat center #AF8E65; background-size:20px;}

.board_area .sns_box{background:#fff; border: 1px solid #ddd; display:flex; padding:6px; position:absolute; box-shadow:5px 5px 10px #e5e5e982; border-radius:50px; right:43px; top:-3px;}
.board_area .sns_box a{display:inline-block; width:36px; height:36px; padding:10px; border-radius:50px; margin:0 3px;}
.board_area .sns_box .kakao{ background:url(/images/npps/icon_kakao.png) no-repeat center #c6c9cc; background-size:18px;}
.board_area .sns_box .face{background:url(/images/npps/icon_face.png) no-repeat center  #c6c9cc; background-size:18px;}
/* .board_area .sns_box .tweet{background:url(/images/npps/icon_twitter.png) no-repeat center #d0d3d6;  background-size:18px;} */
.board_area .sns_box .tweet{background:url(/images/npps/icon_x.png) no-repeat center #d0d3d6;  background-size:30px;}
.board_area .sns_box .url{background:url(/images/npps/icon_url.svg) no-repeat center #d0d3d6; background-size:18px;}
.board_area .sns_box .kakao:hover{background:url(/images/npps/icon_kakao.png) no-repeat center #ffd025; background-size:18px;}
.board_area .sns_box .face:hover{background:url(/images/npps/icon_face.png) no-repeat center  #2964f9; background-size:18px;}
/* .board_area .sns_box .tweet:hover{background:url(/images/npps/icon_twitter.png) no-repeat center rgb(29, 155, 240);  background-size:18px;} */
.board_area .sns_box .tweet:hover{background:url(/images/npps/icon_x.png) no-repeat center rgb(33, 33, 33);  background-size:30px;}
.board_area .sns_box .url:hover{background:url(/images/npps/icon_url.svg) no-repeat center #274768;  background-size:18px;}

.board_area .view_txt {display:block; padding:30px 0; color:#111;/*font-size:1.8rem;font-weight:500;line-height:2.8rem;*/word-break:break-all;word-wrap:break-word; border-bottom: 1px solid #d1d1d1; overflow: hidden;}
.board_area.mbndc_area .view_txt {display:block; padding:30px 0; color:#111;/*font-size:1em;font-weight:500;line-height:1.5*/;word-break:break-all;word-wrap:break-word; border-bottom: 1px solid #d1d1d1; overflow: hidden;}
.board_area.mbndc_area .view_txt div{padding : 15px 0;}

.board_area.mbndc_area .textbox2 {width : 85%;margin-left : 6%;}

/* .board_area .view_txt p{font-size: 18px; line-height: 1.8rem; word-break: keep-all; padding:12px 0;} */
.board_area .view_txt .img_center{text-align:center; padding-bottom:15px;}
.board_area .view_txt .img_center img{margin:0 auto; display: block;width: 80%;}
.board_area .view_txt img{margin:0 auto;}

.board_area .file_area{font-size:16px; margin:0 auto; margin-top: 80px; padding:5px 25px;  background:#F4F4F4;  border-radius: 5px;}
.board_area .file_area a{display:flex; width:100%;  border-bottom:1px solid #ddd;padding: 8px 0;}
.board_area .file_area a:last-child{border-bottom:none;}
.board_area .file_area span{padding-left:11px; line-height:1.5;}

.board_area .btn_wrap{margin: 50px auto; display: flex;justify-content: center;}
.board_area .btn_wrap .baseBtn{font-size:18px; display: block; color: #fff; padding:6px 50px;  text-align: center; border: 1px solid #222; background-color: #fff; color: #222; border-radius: 50px; transition: .2s all; font-weight: 500;}
.board_area .btn_wrap .baseBtn:hover{border:1px solid #fff; color: #fff; background-color: #222;}

.board_area .view_txt p.view_state{font-size: 18px; line-height: 1.8rem; word-break: keep-all; padding:12px 20px; text-indent: -5.1rem;  padding-left: 6.5rem;}
.board_area .view_txt ul.view_result{ margin: 10px auto 20px;  padding: 20px 20px; border: 1px solid #e8e8e8; border-radius: 5px; background: #f9f9f9;}
.board_area .view_txt ul.view_result li{font-size: 18px; line-height: 1.5rem; word-break: keep-all; padding: 3px 0;text-indent: -5.1rem; padding-left:5.1rem;}
.board_area .view_txt ul.view_result li span.view_label{background: #041030}

.board_area .view_txt ul.view_result li ul li:last-child {text-indent:-0.6rem; padding-left: 2rem;}

.board_area .view_txt ul.view_result li.title{margin-top:15px;font-weight: 600; background: url(/images/npps/pen_icon.svg) no-repeat 0px; background-size: 25px; padding-left: 7rem;}
.board_area span.view_label {font-size: 18px; padding: 5px 20px; background: #868d9f; color: #fff; border-radius: 30px; margin-right:10px; font-weight: 600;}
span.ex_txt {font-size: 16px; color: #ff0000; display: block; margin-top: 3px;  padding-left: 0.9rem; text-indent: -0.9rem;}
.board_area .textbox {background: #f5f1ec; border-radius: 5px; padding: 20px;}
.board_area .textbox  span.view_label{background: #ab9069;}
.board_area .textbox p{    padding: 12px 10px;}

/*게시판 페이지-부트스트랩*/
.pagination{ display: flex; justify-content: center; margin:60px 0; display:flex; align-items:center;}
.pagination>li>a, .pagination>li>span {border:none; font-size:18px; color:#011131;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus {background-color:#011131; border:1px solid #011131;border-radius: 50px; padding: 6px; width: 40px; text-align: center;}
.pagination>.active>a:hover {background-color:#AF8E65; border:1px solid #AF8E65;}
.pagination>li:first-child>a, .pagination>li:first-child>span {font-size:22px; line-height:1;}
.pagination>li:last-child>a, .pagination>li:last-child>span {font-size:22px; line-height:1;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color: #ba7c15; background: none; border: none;}
.pagination>li:first-child> a span, .pagination>li:last-child>a span{font-weight:700;}

/*토론*/
.board_area .txt_info .step_box{background:#ddd; padding:5px 20px; margin-right:8px; border-radius:50px; font-size:16px;}
.board_area .txt_info .ing{background:#AF8E65; color:#fff;}
.board_area .day_wrap{padding:5px 15px; background:#F7F7F7; border:1px solid #ddd; font-size: 16px; text-align: center; border-radius:3px; margin-bottom:20px;}
.board_area .day_wrap strong{color: #939393; padding-right: 8px; border-right: 1px solid #939393; margin-right: 8px;}
.board_area .day_wrap i{font-size:12px;}

.all_comment{padding:15px; background:#F7F7F7; border:1px solid #ddd; font-size:18px; text-align: center; border-radius:3px; margin:30px 0;}

.yn_area{display:flex; justify-content:center; padding: 60px 0;}
.yn_area p{font-size:18px;}
.yn_area button{padding:5px 22px 5px 40px; border-radius:50px; margin:0 2px;}
.yn_area button.yes{border:1px solid #1562d6; color:#1562d6; background:url(/images/npps/yes_icon.svg) no-repeat 13px 9px; background-size:22px;} 
.yn_area button.yes:hover,
.yn_area button.yes:active{color:#fff; background:url(/images/npps/yes_icon2.svg) no-repeat 13px 10px #1562d6; background-size:22px;}
.yn_area button.no{border:1px solid #f12222; color:#f12222; background:url(/images/npps/no_icon.svg) no-repeat 13px 9px; background-size:22px;}
.yn_area button.no:hover,
.yn_area button.no:active{color:#fff; background:url(/images/npps/no_icon2.svg) no-repeat 13px 10px #f12222; background-size:22px;}
/* .yn_area button.like{border:1px solid #ff4560; color:#ff4560; background:url(/images/npps/heart_icon.svg) no-repeat 13px 10px; background-size:22px;} */
.yn_area button.like{border:1px solid #ff4560; color:#ff4560; background:url(/images/npps/heart_icon.svg) no-repeat 13px 8px; background-size:22px;}
.yn_area button.good{border:1px solid #ff4560; color:#ff4560; background:url(/images/npps/icon_good.png) no-repeat 13px 8px; background-size:22px;}
.yn_area button.like:hover,
.yn_area button.like:active{color:#fff; background:url(/images/npps/heart_icon.svg) no-repeat 13px 10px #ff4560; background-size:22px;}
.yn_area button.good:hover,
.yn_area button.good:active{color:#fff; background:url(/images/npps/icon_good2.png) no-repeat 13px 10px #ff4560; background-size:22px;}


.view_vote_box{padding:30px; background:#fbf6ec; margin: 25px 0;border-radius: 5px;}
.view_vote_box .title{display:flex; justify-content:space-between; border-bottom: 1px solid #d8cebc; margin-bottom:20px; padding-bottom: 10px;}
.view_vote_box .title p{font-size:22px; font-weight:600; background:url(/images/npps/vote.svg) no-repeat; background-size:28px; padding-left:35px; }
.view_vote_box .title strong span{color: #fff; background: #041030; border-radius: 50px; padding: 2px 10px; margin-left: 10px; font-weight: 600;  display: inline-block;}
.view_vote_box .btn{display:flex; justify-content: center; width:18%; margin:30px auto 0; padding:8px;}
.view_vote_box .check_wrap {flex-direction: column;}
.view_vote_box .check_wrap li {margin: 3px 0; display:flex;}
.view_vote_box .check_wrap li span{width: auto; margin-right: 7px;}
.view_vote_box .check_wrap li .vote_etc{width:100%;}
.vote_cn {width: 100%;  height: 100px;    line-height: 1.5;}

.vote_modal{text-align: center; padding:30px;}
.vote_modal img{width:80px;}
.vote_modal .tit_text{font-weight:800; padding:20px 0; font-size: 22px; color:#AF8E65; line-height: 1.3;}
.vote_modal .btn{width:50%;  margin: 0 auto;}

.vote_list {padding-bottom:40px;}
.vote_list .chart_wrap {display:flex; justify-content: space-between; margin:3px 0; height:22px;}
.vote_list .chart_wrap .chart{background:#fff; width:90%; border-radius: 50px; margin-right:10px; overflow:hidden;}
.vote_list .chart_wrap .chart .ch_bg{display:inline-block; width:30%; background: linear-gradient(250deg, #3c4aca, #f1ba71 90%); height: 100%;}
.vote_list .chart_wrap span{font-weight:800; padding-right:5px; color:#AF8E65;}
.vote_list .chart_wrap strong{line-height:1.3}
.vote_list .text_none{text-align:center; background:#ede7d9; width: 100%; padding: 2px; border-radius: 50px; margin-top:3px;}
.vote_list .text_none p{ font-weight:600;}

.chart_num_wrap{display:flex; justify-content: space-between; margin:3px 0; height:22px;}
.chart_num_wrap .chart{background:#fff; width:100%; border-radius: 50px; margin-right:10px; overflow:hidden; display:flex;}
.chart_num_wrap .chart span {display:inline-block; width:25%; height:100%;}
.chart_num_wrap .chart .ch_bg_01{background:#3c4aca;}
.chart_num_wrap .chart .ch_bg_02{background: #9779dc;}
.chart_num_wrap .chart .ch_bg_03{background: #08c0b2;}
.chart_num_wrap .chart .ch_bg_04{background:#feb65f;}

.vote_list .number_ul{display:flex;}
.vote_list .number_ul li{margin-right:20px;}
.vote_list .number_ul li strong{padding-right:5px; font-size:18px;}
.vote_list .number_ul li:nth-child(1) strong,
.vote_list .number_ul li:nth-child(1) span{color:#3c4aca;}

.vote_list .number_ul li:nth-child(2) strong,
.vote_list .number_ul li:nth-child(2) span{color:#9779dc;}

.vote_list .number_ul li:nth-child(3) strong,
.vote_list .number_ul li:nth-child(3) span{color:#08c0b2;}

.vote_list .number_ul li:nth-child(4) strong,
.vote_list .number_ul li:nth-child(4) span{color:#feb65f;}

/*이미지 투표형*/
.voteimg_wrap {display:flex; flex-flow: wrap;}
.voteimg_wrap li{width:32.8%; padding:15px; height: fit-content;}
.voteimg_wrap li .img_box img{width:100%; padding-bottom:10px;}
.voteimg_wrap li .txt p{padding: 4px 0; line-height: 1.5; word-wrap: break-word;}
.voteimg_wrap .vote_txt {display: flex;}
.voteimg_wrap .vote_txt .txt {width: 90%;}

/*국민참여토론-설문*/
.view_vote_box .question{display:flex; font-size:17px; padding:5px 0; border-radius:50px;}
.view_vote_box .question dt{background:#AF8E65; border-radius:50px; color:#fff; padding:2px 15px; height:29px; text-align: center; margin-right:5px;}
.view_vote_box .question dd strong{color:#ff4444; padding-right:5px; line-height:1.7;}
.view_vote_box .question dd {font-weight:800;}
.view_vote_box .question dd a {color: #c5ae92; text-decoration: underline;}
.view_vote_box .question dd a:hover {color: #AF8E65;}
.view_vote_box .answer{padding: 2px 15px;}
.view_vote_box .btn_wrap{width:50%; margin:20px auto;}
.view_vote_box .btn_wrap .btn{margin:5px;}

/*게시판 의견*/
/* .opinion{background:#F7F7F7; padding:20px 25px 20px; overflow:hidden; border-radius:5px; display:flex; align-items:center; justify-content: space-between; margin-bottom:40px;} */
.opinion{background:#F7F7F7; padding:20px 25px 20px; overflow:hidden; border-radius:5px; display:flex; align-items:center; justify-content: space-between;}
.opinion strong{font-size:22px; font-weight:bold; text-align:center; width:100px;}
.opinion strong span{display:block;font-size:14px; font-weight:normal;}
.opinion .text_area{width:80%;}
.opinion textarea{width:100%; height:80px; font-size:15px; border:1px solid #ddd; padding:5px; line-height:1.5;}
.opinion .save_btn{background:#323e5a; text-align:center; width:10%; height:116px; border-radius:3px; color:#fff; display: flex; justify-content: center; flex-direction: column; cursor: pointer;}
.opinion .save_btn:hover{background:#AF8E65; transition:.2s all;}

.opinion .bottom {display:flex;}
.opinion .secret_btn{background:#e8e8e8; font-size:15px; padding:2px 15px 2px 30px; margin-top:6px; border-radius: 50px; position: relative;}
.opinion .secret_btn::before {content:''; width:20px; height:20px; left:10px; top:4px; background: url(/images/npps/secret.svg) no-repeat;display:inline-block;position:absolute;z-index:1;background-size:17px;}
.opinion .secret_btn.on{background:#AF8E65; color:#fff;}
.opinion .secret_btn.on::before  {content:''; width:20px; height:20px; left:10px; top:4px; background: url(/images/npps/secret_on.svg) no-repeat;display:inline-block;position:absolute;z-index:1;background-size:17px;}

.reply_box .secret_btn{background:#e8e8e8; font-size:15px; padding:2px 15px 2px 30px; margin-top:6px; border-radius: 50px; position: relative;}
.reply_box .secret_btn::before {content:''; width:20px; height:20px; left:10px; top:4px; background: url(/images/npps/secret.svg) no-repeat;display:inline-block;position:absolute;z-index:1;background-size:17px;}
.reply_box .secret_btn.on{background:#AF8E65; color:#fff;}
.reply_box .secret_btn.on::before  {content:''; width:20px; height:20px; left:10px; top:4px; background: url(/images/npps/secret_on.svg) no-repeat;display:inline-block;position:absolute;z-index:1;background-size:17px;}


.check_wrap {display:flex; justify-content: flex-start; margin:5px 0px 5px;}
.check_wrap li{margin:0 15px 0 0;}
.check_wrap li span{display: inline-block;}
.check_wrap label{display:flex; align-items: center;}
.check_wrap input[type=radio]{margin:3px;}

input[type=checkbox] {height:18px; width:18px; display: block; margin:4px 5px 0 3px; float:left;accent-color: #ab9069;}
input[type=radio] {height:18px; width:18px; display: block; margin:4px 5px 0 3px; float:left;}
input[type="radio"]:checked { border: 0.4em solid #AF8E65;}
input[type="radio"] {vertical-align: middle; margin-right: 7px; margin-top: 5px; appearance: none; border: max(2px, 0.1em) solid #ebebeb; background:#fff; border-radius: 50%; width: 1.25em; height: 1.25em;}
input[type="radio"]:hover {box-shadow: 0 0 0 max(4px, 0.2em) lightgray; cursor: pointer;}
input[type="radio"]:active {border: max(2px, 0.1em) solid #f6f6f6;}
input[type="radio"]:focus {outline:none;}

.comment_list .change_box{float:left; font-size:12px; margin-left:10px; line-height:28px;}
.comment_list .change_box a{font-size:12px; color:#2a88d1;}
.comment_list .line {padding:20px 0 10px; border-bottom:1px solid #d7d7d7;}

.comment_list .line .comment_box .comment{padding:8px 0;}
.comment_list .line .comment_box .comment p{word-break: break-all;}
.comment_list .line .comment_box .comment textarea{width:100%; height:60px;}
.comment_list .line .comment_box .comment_1 {background:#F7F7F7; border-radius:5px; padding:6px 12px; margin-bottom:5px;}
.comment_list .line .comment_box .comment_2 {padding:5px 28px; background:url(/images/npps/comment.png) 5px 8px no-repeat; background-size:15px;}
.comment_list .reply_box .name_box{display:flex; justify-content:space-between;}
.comment_list .more_reply{text-align: center; margin-top:8px; border-radius: 3px; padding:8px 0; background: #f7f7f7;}
.comment_list .more_reply a{background: url(/images/npps/more_list.svg) 0px 4px no-repeat; background-size:17px; padding-left:25px;}
.comment_list .more_reply:hover{color:#AF8E65; background: #fbf6ec; cursor:pointer;}

.comment .total_reply {position: relative;padding-bottom: 10px; color: #000;border-bottom: 1px solid #6b727b; display: flex; justify-content: space-between;}
.comment .total_reply strong{color:#AF8E65;}
.comment .total_reply .left{padding-top:5px; font-size:16px;}
.comment .total_reply .right{display:flex;}
.comment .total_reply .right ul{display: flex; padding-right:10px;}
.comment .total_reply .right ul li{padding:5px 8px 0;}
.comment .total_reply .right ul li .on{font-weight:600; color:#AF8E65;}
.comment .total_reply .right ul li .on i{font-size:13px;}

.comment .comment_list .reply_box .name_box .name {color:#444; font-weight: 600; background: url(/images/npps/user.svg) no-repeat; padding-left:25px;}
.comment .comment_list .reply_box .name_box .date {color:#b5b5b5; font-size:14px; padding-right:8px;}
.comment .comment_list .reply_box .name_box .date em {margin:0 8px 0 2px;}
.comment .comment_list .reply_box .name_box .star {font-size: 15px; margin: 0 0 0 5px;}
.comment .comment_list .reply_box .button {position:absolute; right: 0; top: 7px; line-height: 12px; }
.comment .comment_list .reply_box .button li {float:left;}
.comment .comment_list .reply_box .button li a {color:#535353; font-family: 'Dotum';}
.comment .comment_list .reply_box .button span {margin: 0 5px;}

.reply_box .name_box a {border-left:1px solid #c6c6c6; padding:2px 10px;}
.reply_box .name_box a:last-child{border-right:1px solid #c6c6c6;}

.comment .comment_list .my_reply .name_box .name {color:#AF8E65;  background: url(/images/npps/my_user.svg) no-repeat; }
.comment_list .my_reply .comment_box .comment p{color:#AF8E65; word-break:break-all;}


/*게시판 글쓰기*/
.board_write{border-top:2px solid #000; margin-bottom:15px;}
.board_write .form-group{overflow:hidden; border-bottom:1px solid #e8e9f3; background:#F7F7F7;  min-height:50px;  margin:0; display: flex;justify-content : center;align-items: stretch;}
.board_write .form-group .help{width: 15px;height: 15px;text-align: center;border-radius: 50px;border: 1px solid #e8e9f3;background-color: #b5b5b5;color:white; display: flex;align-content: center;flex-wrap: wrap;justify-content: center;cursor: help;margin: 0 5px 25px 0;font-size: 12px;align-items: center;}
.board_write .form-group .help-label{margin-right: -20px;}
.board_write.large .form-group .tit{cursor:default; font-weight:bold; float:left; width:21.7%; text-align:center;display: flex;justify-content : center;align-items: center; }
.board_write .form-group .tit{cursor:default; font-weight:bold; float:left; width:13.4%; text-align:center;display: flex;justify-content : center;align-items: center; }
.board_write .form-group .group .selbox .titl{font-weight:bold; width:4.0%; }
.board_write .form-group .large_tit{padding-top:0;}
.board_write .form-group .group.tworow{float:left; background:#fff; min-height:50px; padding:10px 12px; display:flex;height: 79px;align-items: center;}
.board_write .form-group .group{float:left; width:86.6%;background:#fff; min-height:50px; padding:10px 12px; line-height:1.5;align-items:center;display: flex;}
.board_write .form-group .group p{padding-left:5px; font-size:13px;}
.board_write .form-group .group .p_text{padding-top: 5px;}
.board_write .form-group .group .form-control{padding:3px 5px 0; height:34px; width:100%; font-size:14px; border:1px solid #d3d3d3;}
.board_write .form-group .tit-s{cursor:default; font-weight:bold; float:left; width:21.8%; text-align:center; display: flex; align-items: center; justify-content: center;}
.board_write .group-2{overflow:hidden;display: flex;}
.board_write .group-2 .form-group{width:50%; float:left;}
.board_write .group-2 .form-group.col2_group{display: none;}
.board_write .group-2 .form-group .tit.col2_1 {width:100%;}
.board_write .group-2 .form-group .tit.col2_2 {width:101%;}
.board_write.large .group-2 .form-group .tit {width:40%;}
.board_write .group-2 .form-group .tit {width:26.7%;}
.board_write.large .group-2 .group{width:60%;}
.board_write .group-2 .group{width:73.3%;}
.board_write .group-2 .group p{width:100%;}
.board_write .form-group_1{overflow:hidden; border-bottom:1px solid #e8e9f3; background:#f4f4f4;  min-height:80px;  margin:0; display: flex;justify-content : center;align-items: stretch;}
.board_write .form-group .group .selbox{padding-bottom: 5px;}
em.point{display:inline-block; margin-left:3px; color:#d52828; font-size:1em; font-weight:400; line-height:0.6; vertical-align:middle; padding-right:5px;}
.board_write em.point_1 {display:inline-block; margin-left:3px; color:#d52828; font-size:1.4em; font-weight:400; line-height:0.6; vertical-align:middle; padding-right:5px;}
.board_write em.point_2 {display:inline-block; margin-left:3px; color:#d52828; font-size:1.4em; font-weight:400; line-height:0.6; vertical-align:middle; padding-right:5px;}
.board_write .group-3{overflow:hidden;display: flex;}
.board_write .group-3 .form-group{width:33.3%; float:left;}
.board_write .group-3 .form-group .tit {width:40%;}
.board_write .group-3 .group{width:60%;}
.board_write .group-4{overflow:hidden;display: flex;}
.board_write .group-4 .form-group{width:25%; float:left;}
.board_write .group-4 .form-group .tit {width:53.5%;}
.board_write .group-4 .group{width:46.5%;}
.form-group .img_group{overflow:hidden; margin-top:8px;}
.form-group .img_group p{float:left; padding:7px 10px 0;}
.form-group .img_group .file_area {margin:0;}
.board_write em.point {display:inline-block; margin-left:3px; color:#d52828; font-size:1.4em; font-weight:400; line-height:0.6; vertical-align:middle;}
.board_write select{-webkit-appearance:menulist;}
.board_write select, .board_write textarea, .board_write input{min-height:30px; line-height:1;}
.wide_100{width:100%;}
.board_write .group .text{margin-right:3px; width: 80%;}
.board_write .group .btn{float: left;  margin-right:3px; padding:5px;}
.board_write .group .fr{float: right;}
.board_write .group .name_input { margin-right: 3px; width: 16%;min-width: 180px;}

.file_area{overflow:hidden; margin-bottom: 5px;}
.file_area p{padding:8px;}
.file_area .file_choice {width:33%; float:left; line-height:34px; margin-right:4px; min-width:430px;}
.file_area .file_choice .file_in{font-size:14px; padding:5px 3px; width:100%; background:#fff;}

.file_list{color:#a2a2a2; font-size:13px; margin-top:8px; background: #fbf9f7; border-radius: 5px; padding: 10px;}
.file_list li{padding:5px; text-align:left; font-size: 16px;}
.file_list li:hover{color:#AF8E65;}
.file_list .down_btn{padding: 2px 5px;color:#7f8185; border:1px solid #ddd; border-radius: 3px; margin-left:5px; display: inline-block;}
.file_list .down_btn:hover{background:#f8f8f8; border:1px solid #AF8E65; color:#AF8E65;}


/*제안-신청서 작성 */
.body_bg{position: relative; } 
.body_bg::before{content:'';width:100%;height:550px;background: url(/images/npps/k_bg.png) no-repeat #f1f3f7;display:inline-block;position:absolute;z-index:0;background-size: cover;}
.body_bg .header_menu{border-bottom:0;}
.body_bg #container{position:relative; z-index:2;}

.step_wrap {position:relative;}
.step_wrap ul{display:flex; justify-content: center; position: relative; margin:0px 10px 60px; z-index: 2;}
.step_wrap .step_bar{width:38%;height:10px;background:#fff; display: inline-block;position: absolute;top: 28px;left: calc(100% - 68%);}
.step_wrap .step_bar::before{content:'';display:inline-block;width:50%;height:10px; background:linear-gradient(45deg, #0d1e58 , #f5f5f5);}

.step_wrap li{text-align:center;  width:20%;}
.step_wrap li .step{border-radius:50px; font-size:26px; border:1px solid #f3f3f3; color:#cfd6e0; font-weight:600;background:#fff;margin: 0 auto 15px;padding:7px 15px;width:58px;height:58px;text-align: center;box-shadow:5px 5px 10px #e2e7f1; position:relative;}
.step_wrap li.on .step {border:1px solid #071f5a; background: #071f5a;color: #fff;padding: 8px 15px; box-shadow: rgb(138 152 184) 4px 2px 10px;}
.step_wrap li span{font-size:18px;padding-right:5px;color:#b1b7c0;}
.step_wrap li.on span{font-weight:600;color: #0d1e58;}

.number_box .num{width:44%;}

.board_write_type2{background:#fff; padding:40px;  border-radius:30px;  box-shadow: 5px 5px 10px #d6d6d682; margin-bottom:50px; border:1px solid #eaedf2;}
.board_write_type2 .form-group label{font-weight:600; font-size:22px; padding-bottom:5px;}
.board_write_type2 .form-group {margin-bottom:35px;}
.board_write_type2 .form-group input, 
.board_write_type2 .form-group select,
.board_write_type2 fieldset input{height:41px; padding:10px; width:100%;} 

.board_write_type2 textarea{padding:10px; width:100%; min-height:250px;}
.board_write_type2 h4{font-size:25px; padding:30px 0 10px;}
.board_write_type2 h4:first-child{padding-top:0;}

.board_write_type2 .boardlist_top .form-group {margin-bottom:0px;}

.notice_textbox{background:#EAEDF2; border-radius:5px; margin-bottom:40px;  padding:25px;}
.notice_textbox .tit{font-size:18px;}
.notice_textbox dt{font-size:18px;}
.notice_textbox_b {background: #F7F7F7; border-radius:5px; padding: 25px;}

.result_box{display:flex; justify-content: space-around; align-items: center;}

.list_style li{position:relative; padding-left:11px;}
.list_style li::before{content:''; width:4px; height:4px; border-radius:50px; background:#8f9eb9; display:inline-block; position:absolute;  left:0; top:11px;}

.fieldset_wrap{position: relative;}
.fieldset_wrap .tit{position:absolute; top:-10px; font-size:14px; color:#9fa2b1; background:#fff; left:10px; padding:0 5px; z-index:2;}
.fieldset_wrap.ptnFile .tit{display:none;}
.fieldset_wrap input{border:1px solid #cacaca; position: relative; width:100%; color:#000;}
.fieldset_wrap input[type=file]::file-selector-button {font-family:'Pretendard'; background:#e0e1e7; border:1px solid #e0e1e7; position:absolute; top:0; right:-5px; height:40px; padding:8px 10px;font-size:14px; color:#000;}
.fieldset_wrap .ex_text{text-align:left;}

.ex_text{font-size:14px !important; color:#ab9069; padding:5px;}
.ex_text_wrap li{font-size:14px; color:#ab9069; padding:2px 0;}

.noti_text{font-size:14px !important; color:#ab9069; padding:5px;}

.agr_box .agr_pt{border:1px solid #cacaca; padding:25px; height:240px;overflow-y:auto;line-height:22px; border-radius:3px;  margin-bottom:30px;}
.agr_box .agr_pt dl{margin-top:30px}
.agr_box .agr_pt dl:first-child{margin-top:0}
.agr_box .agr_pt dl dt{font-weight:600}
.agr_box .agr_pt dl dt,
.agr_box .agr_pt dl dd{margin-bottom:8px;}
.agr_box .agr_pt dl dd{margin-left:10px;line-height:22px; font-size: 15px;}
.agr_box .agr_pt ul{margin-bottom:20px}
.agr_box .agr_pt ul li{margin-bottom:5px;line-height:22px;}
.agr_box .agr_pt p{margin-bottom:15px;}

.agree_sel {text-align: center; background:#f1f3f7; padding:5px 10px; width:fit-content; justify-content: center; margin: 0 auto; border-radius: 50px;display: flex; flex-direction: row; align-items: center;}
.agree_sel input[type="checkbox"] {margin:3px 5px 0 3px;}

.agr_box .ptn_agr{border:1px solid #cacaca; padding:25px; height:126px;overflow-y:auto;line-height:22px; border-radius:3px;  margin-bottom:30px;}
.agr_box .ptn_agr dt{display:flex; align-items:center;}
.agr_box .ptn_agr dt .agree_sel{margin:0 3px;}
.agr_box .ptn_agr dt p{margin:0;}
.agr_box .ptn_agr dd{display:flex; align-items:center; margin: 5px 0 0;}
.agr_box .ptn_agr dd p{padding-right:10px;}

/*모달-기본 */
.modal-header {display:flex; justify-content: space-between; background:#011131; color:#fff; padding: 12px 12px !important; border-radius: 5px 5px 0 0;}
.modal-header .modal-title{color:#fff;}
.modal-header .close {color:#fff; opacity:inherit; margin-top:-5px; font-size:35px;}
.modal-header .modal_close {color:#fff; opacity:inherit; margin-top:2px;}

.modal_default:not(.modal_alert_div){width:1000px; height:100%; margin: 0 auto;  display:flex; flex-direction: column; justify-content: center;}
.modal_default.modal_alert_div{width:fit-content; height:100%; margin: 0 auto;  display:flex; flex-direction: column; justify-content: center;}
.modal_default .modal-content{border:none;}
.modal_default .modal-body {padding:30px; overflow:auto; max-height: 660px; color:#7e7e7e;}

.modal_middle{width:600px;}
.modal_small{width:500px; }

.modal-body .btn_wrap{padding-top:15px;text-align: center;}

/*모달-이벤트 */
.modal_event .agree_sel {width:30%;}
.modal_event .agr_box{padding-bottom:30px;}
.modal_event .info_wrap {background:#f6f6f6; border:none;}
.modal_event .info_wrap dl{padding:8px 0;}
.modal_event .info_wrap .form-group {width:49%;}
.modal_event .info_wrap .form-group label{font-weight:600; font-size:22px; padding-bottom:5px;}

.modal_event .info_wrap .form-group input, 
.modal_event .info_wrap .form-group select,
.modal_event .info_wrap fieldset input{height:40px; padding:10px; width:100%;} 
.modal_event .info_wrap .number_box select,
.modal_event .info_wrap .number_box input{width:120px;}

.modal_event .view_vote_box:first-child{margin:0;}

/*모달 안에있는-정보 폼 */
.modal-body .info_wrap{background: #f1f3f7; text-align: left;} 
.modal-body .info_wrap .s_txt{font-size:13px; display: block;}
.modal-body .info_wrap dl{padding:8px 0;}
.modal-body .info_wrap dl dt {width:20%; padding-top:0;}
.modal-body .info_wrap dl dd{width:80%;}
.modal-body .info_wrap textarea{width:100%; height:80px;}
.modal-body .info_wrap .fieldset_wrap .tit{background: #f1f3f7;}

.modal-body .info_wrap .select_base{height:40px; border-radius:3px;}
.modal-body .info_wrap .select_base input { border-radius: 5px; height: 40px;}
.modal-body .info_wrap input[type=text]{height:40px; padding: 10px; width: 100%;}

.modal-body .file_list {background: #e7ebf2; padding:5px 8px;}
.modal-body .fieldset_wrap {position:relative; margin-top:5px;}
.modal-body .fieldset_wrap input{height: 40px; padding: 9px 15px;}

.modal-notiPop .modal-content{width: 22%; left: 39%; top: 109px;}

/*제안-신청인 기본 정보 */
.mid{padding:10px;}
.info_wrap{border:1px solid #cacaca; padding:25px 35px; border-radius:3px; }
.info_wrap dl{display:flex; padding:15px 0;align-items: center;}
.info_wrap dl p{font-size:16px;}
.info_wrap dl dt{width:18%; color:#333; font-size:16px;}
.info_wrap dd label{padding-right:45px;}
.info_wrap .form-group{display:flex; margin-bottom:0;width: 80%;}

.info_wrap .ym_box_wrap select {width:120px;}
.info_wrap .ym_box{display:flex;}
.info_wrap .ym_box select{width:120px;}
.info_wrap .ym_box input{width:120px; margin:0 2px;}

.info_wrap .number_box input{width:120px; margin:0 2px;}
.info_wrap .number_box select{width:120px;}

.info_wrap .email_box{display:flex; align-items: center;}
.info_wrap .email_box input,
.info_wrap .email_box select{margin: 0 3px;}

.info_wrap .ex_text_wrap{padding-top:8px;}
.info_wrap .check_wrap input[type="radio"] {margin-top:0px;}
.info_wrap dl .check_wrap{margin:6px 0px 5px;}
.info_wrap dl .check_wrap span{font-size:16px; padding-left:4px;}

.info_wrap .address_box .adr{width:630px;  margin-bottom:5px;}
.info_wrap .address_box .adr input{width:80%;}
.info_wrap .address_box input{width: 100%;}
.info_wrap .address_box .adr .btn {padding: 8px 12px 8px; line-height: 1.5;}

.info_wrap .flex_wrap{display:flex;}
.info_wrap .flex_wrap p{padding-right:8px;}

.info_wrap .flex_box2{display:flex; background:#fbf9f7; padding:10px; border-radius:5px;  justify-content: space-between; margin-top:3px;}
.info_wrap .flex_box2 li{width:48%; display: flex; justify-content:space-between;}
.info_wrap .flex_box2 li span{padding:3px; display: inline-block;}
.info_wrap .flex_box2 li select{width:80%; margin-left: 5px;}

.flex_addwrap .flex_box2 li {width:33.3%; justify-content:left;}
.flex_addwrap .flex_box2 li span{width:31%; display:inline-block;}
.flex_addwrap .flex_box2 li input{width:60%;}
.flex_addwrap .flex_box2 li input{width:60%;}
.flex_addwrap .flex_box2 li input.date{background: url(/images/npps/date.svg) no-repeat 95% 50%; background-size: 18px; background-color: white;}
.flex_addwrap .flex_box2 li .w_text{width:auto;}

.info_wrap .group2{display:flex; flex-flow:wrap; position: relative;} 
.info_wrap .group2 dl{width:33%; padding:6px;}

.infolist_top{background:#EAEDF2; border:none; margin-bottom:30px;}
.infolist_top .form-group input, 
.infolist_top .form-group select{border-radius:50px;}
.infolist_top .btn{text-align:center; display: flex; justify-content: center;width: 10%; margin: 0 auto;}
.infolist_top .glyphicon{top:2px; padding-left:5px;}
.infolist_top dd label{padding-right:0px;  display:flex; align-items:center;}

.box_wrap2{display:flex; justify-content:space-between;}
.box_wrap2 .notice_textbox{width:49.5%;}

.sch_btn_right {display: flex; align-items: center;}
.gover_search_wrap{background:#eff2f7; margin-bottom:20px; border-radius:3px; display:flex; justify-content:center; padding:20px;}
.gover_search_wrap label{font-weight:600;  padding:4px 8px;}
.gover_search_wrap input{height:36px; margin-right: 5px;}
.gover_Wrap li a{width:100%; height:100%; text-align:center; display:inline-block; padding:10px 5px;}
.gover_Wrap li a span{display:flex; align-items: center; justify-content: center; flex-direction: column;}
.gover_Wrap li a:hover{background:#eff2f7; color:#495670;}
.gover_Wrap li a.active{background: #071f5a; color: #fff;}
.gover_search{display:flex;}
.gover_Wrap ul{border-right:0; width:auto; border-bottom:0; display:flex; flex-wrap: wrap; border-left:1px solid #ddd;  }
.gover_Wrap li{width:25%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}

.gover_Wrap .more_btn{background: #eff2f7;width: 100%; display: inline-block; text-align: center; padding: 8px; font-weight: 600; color: #0d1e58;}
.gover_Wrap .more_btn:hover{background:#e0e7f2;}


.choice_Wrap dl{border:1px solid #ddd; border-right:0; width:100%; border-bottom:0; display:flex; flex-wrap: wrap; }
.choice_Wrap dt{width: 80%; border-right: 1px solid #ddd; padding: 10px 5px; line-height: 2; text-align: center; font-weight: 400;align-items: center;}
.choice_Wrap dd{width:20%; text-align:center; display:inline-block; padding:10px 5px;border-right: 1px solid #ddd; }
.choice_Wrap dl:first-child dt, .choice_Wrap dl:first-child dd{background: #eff2f7;}
.choice_Wrap .more_btn{background: #eff2f7;width: 100%; display: inline-block; text-align: center; padding: 8px; font-weight: 600; color: #0d1e58;}
.choice_Wrap .more_btn:hover{background:#e0e7f2;}

.answer_box{background: #f5f5f5; margin-top: 20px; padding:28px; text-align: center; color:#333; font-size:18px;}
.answer_box span{color:#ed6060; font-weight:600;}

.gover_wrap_ul{display: flex; align-items: center;margin-right: 25px;}
.gover_wrap_ul li:first-child{font-weight:600; padding-right:20px; position: relative;}
.gover_wrap_ul li:first-child::after { content: ''; width: 1px; height: 16px; position: absolute; background: #a8b2c3; top: 6px; right: 8px;}

.text_center{text-align: center;}

.notice_over{text-align: center; position: relative;}
.notice_over dl {padding: 0 0 30px;}
.notice_over dl dd {font-size: 20px; font-weight: 600;}
.align_center{display: flex;}
.align_center {display: flex; justify-content: center;}
.align_center .btn_left{margin-right: 10px;}


.over_icon{text-align: center;margin-bottom:15px;}
.over_icon img { width: 5%; text-align: center;}
.over_po{font-weight: 600; color: #ed6060; word-break:break-all;}

/* 월리추가 공동청원 */
.ptn_wrap{border: 1px solid #cacaca; padding: 25px 35px; border-radius: 3px;}

/*자주하는 질문*/
.qna_wrap{border-top:1px solid #111;}
.qna_wrap .acc_wrap{border-bottom:1px solid #D5D5D5; border-radius:5px;}
.qna_wrap .acc_wrap .acc_tit a:hover{color:#AF8E65}
.qna_wrap .acc_wrap .acc_tit {display:flex;}
.qna_wrap .acc_wrap .acc_tit a{font-weight:800; width:100%; display: inline-block; font-size:20px; position:relative;  padding:20px 20px 20px 0;}
.qna_wrap .acc_wrap .acc_tit a::after{content: '';  width:12px; height:12px; border-top: 3px solid #838383; border-right: 3px solid #838383; display: inline-block; transform: rotate(135deg); top:28px; right:25px; position:absolute; }
.qna_wrap .acc_wrap .acc_tit a.on::after{content: ''; width: 12px; height: 12px; border-top: 3px solid #838383; border-right: 3px solid #838383; display: inline-block; transform: rotate(316deg); top: 28px; right: 25px; position: absolute;}
.qna_wrap .acc_wrap .acc_tit .on{color:#AF8E65;}
.qna_wrap .acc_wrap .acc_tit strong{color:#AF8E65; font-size:30px; display:inline-block; padding:12px;}
.qna_wrap .acc_wrap .acc_icon{width:35px;}
.qna_wrap .panel-body{padding:30px; background: #F4F4F4; display:flex;}
.qna_wrap .panel-body .answer{font-size:30px; display: block; padding-right:15px; line-height: 1;}


/*결과조회*/
.result_drop {margin-bottom:30px;}
.result_drop .result_info{display:flex; width:100%;flex-direction: column; }
.result_drop .panel-body{background: #fff; margin-bottom: 10px; border: 1px solid #e7eaef; border-radius:0 0 3px 3px; overflow:hidden;}
.result_drop .acc_wrap{border-radius:0;}
.result_drop .acc_wrap:last-child{border-bottom:0;}
.result_drop .info{display:flex;width:100%; padding:7px 0;}
.result_drop .info dt{width:20%; display: block;}
.result_drop .info dd{width: 80%;}
.result_drop .info dd p{word-break:break-all; white-space: pre-line;}
.result_drop .info .download{display:flex;}
.result_drop .info .download a{ color:#AF8E65;}
.result_drop .bcc_tit {background: #a0a9b9; display:flex;}
.result_drop .acc_wrap .acc_tit strong { color: #333333; display: inline-block; padding:0;  font-size: 20px;}
.result_drop .acc_wrap .bcc_tit a{background: #a0a9b9 !important; color:#fff;}
.result_drop .acc_wrap .bcc_tit a:hover{color:#fff}
/* .result_drop .acc_wrap .bcc_tit a::before{background: #858d9c} */
.result_drop .acc_wrap .acc_tit a.down:after{display:none;}
.result_drop .acc_wrap .acc_tit a{background: #EAEDF2; display: flex; justify-content: space-between; padding-left:20px;}
.result_drop .acc_wrap .acc_tit a span{text-align: center; background: #fff; border-radius: 50px; padding:9px 8px 0; font-size:15px; width: 32px;}
.result_drop .acc_wrap .acc_tit a span i{color: #a0a9b9;}
/* .result_drop .acc_wrap .acc_tit a::before{ background: #fbfdff;} */
.result_drop .acc_wrap .acc_tit a::after{display:none !important;}
.result_drop .acc_wrap .acc_tit a::before{display:none;}

.ptn_noti_span {color: #3D58DE; font-size: 15px; font-weight: 600;}
.rcptInstSet {background: #f7f7f7;}
/*진행과정 상세보기 팝업*/
.modal-body .acc_wrap{border-radius:5px;}
.modal-body .acc_wrap .acc_tit a:hover{color:#AF8E65}
.modal-body .acc_wrap .acc_tit {display:flex;}
.modal-body .acc_wrap .acc_tit a{font-weight:800; width:100%; display: inline-block; font-size:20px; position:relative;  padding:15px 20px; background: #EAEDF2; display:flex; justify-content: space-between ;}
.modal-body .acc_wrap .acc_tit a::after{content: '';  width:12px; height:12px; border-top: 3px solid #838383; border-right: 3px solid #838383; display: inline-block; transform: rotate(135deg); top:23px; right:21px; position:absolute; }
.modal-body .acc_wrap .acc_tit .on{color:#AF8E65;}
.modal-body .acc_wrap .acc_tit strong{color:#333; display:inline-block;}
.modal-body .acc_wrap .bcc_tit strong{color:#fff;}
.modal-body .panel-body{padding:30px; background: #ffffff; display:flex;}
.modal-body .panel-body .answer{font-size:30px; display: block; padding-right:15px; line-height: 1;}
.modal-body .result_info {display: flex; width: 100%; flex-direction: column;}
.modal-body .result_info  textarea {width:100%;  height:80px;}
.modal-body .step_wrap .step_bar{width: 60%;left: calc(100% - 80%);top: 52px;}                                                  
.modal-body .step_wrap .step_bar::before{width: 35%;}      
.modal-body .step_wrap .step_bar2{width:40%;height:10px;background:#fff; display: inline-block;position: absolute;top: 45px;left: calc(100% - 70%);}
.modal-body .step_wrap .step_bar2 .step1{width:0%;margin-bottom: 10px;}
.modal-body .step_wrap .step_bar2 .step2{width:50%;margin-bottom: 10px;}
.modal-body .step_wrap .step_bar2 .step3{width:100%;margin-bottom: 10px;}
.modal-body .step_wrap .step_bar2::before{width: 50%;}        

.modal-body .step_wrap {background: #eff2f7;border-radius: 3px;}
.modal-body .step_wrap ul{padding: 26px 0; border-radius: 5px; margin-bottom: 10px;}
.modal-body .step_wrap li .step{padding: 4px 15px; width: 50px; height: 47px; font-size: 25px;}
.modal-body.step_wrap li.on .step{padding: 4px 15px;}
.modal-body .cm_table {margin-bottom: 20px;}


/*국민제안 소개*/
.intro_wrap2{background:url(/images/npps/intro_1280.png) center no-repeat; height: 950px;}
.intro_wrap{text-align: center;}
.intro_wrap h4{font-size:54px;line-height: 1.5;letter-spacing:-2px;padding:2.2rem 0;font-family: 'NanumMyeongjo';text-align: center;border-top: 2px solid #000000;position: relative;border-bottom: 1px solid #000000;margin-bottom: 65px;}
.intro_wrap h4::before{content: '';position: absolute;top: -11px;left: 0;width:100%;height:4px;background: #000000;}
.intro_wrap .intro_text{padding-bottom:6rem;text-align: center;}
.intro_wrap .intro_text:last-child{padding-bottom:0;}
.intro_wrap .intro_text p{font-size:28px; font-weight:400;}
.intro_wrap .intro_text ul{padding: 10px 0px 0;width: 100%;margin: 0 auto;font-size:20px;}
.intro_wrap .intro_text ul li{position:relative;color:#fff; text-align:center; font-size:28px; line-height:1.4; padding-bottom:20px;}
.intro_wrap .intro_text .bold{font-weight:600;color:#000;}
.intro_wrap .intro_box3{position: relative;padding:80px 50px 0;  font-family:'NanumMyeongjo'; letter-spacing: -2;}
/* .intro_wrap .intro_box3::before{content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: #EAEDF2;}
.intro_wrap .intro_box3::after{content: ''; position: absolute; top: 0; right: -100%;width: 100%; height: 100%; background: #EAEDF2;} */

.intro_wrap .intro_box3 dt{font-size:45px; padding-bottom:20px; font-family:'NanumMyeongjo';text-align: center;}
.intro_wrap .intro_box3 dd .box_wrap{display:flex; width:calc(100% + 30px); margin-left: -30px;}

.intro_wrap .intro_logo{margin:0 auto 100px;  width: 162px;}
.intro_gold {background:url(/images/npps/president_03.svg) center no-repeat, linear-gradient(180deg, #0C1737, #434B65); background-size: 30%; background-position:center;padding: 5em;text-align: center;}
.intro_gold h4{color:#fff;font-size:47px;border-top: 2px solid #c4a779; margin-bottom:65px; border-bottom:0; border-bottom: 1px solid #c4a779;}
.intro_gold h4 span{display:block;color: #c4a779; font-size:50px;line-height: 1.5;letter-spacing:-2px;font-family: 'NanumMyeongjo';font-weight: 600;}
.intro_gold h4::before{content: '';position: absolute;top: -11px;left: 0;width:100%;height:4px;background:#c4a779;}
.intro_gold .intro_text .bold{font-weight:600;color:#fff;font-size:38px;}
.intro_gold .intro_text p{color: #ffffff;}

.intro_body{position: relative; padding:50px 0;}
.intro_body::before{content: '';position:absolute;top:0; left:50%; width:20px; height:20px; background:#b39172; border-radius:50px;transform: translate(-50%, 0%);}
.intro_body::after{content: ''; position:absolute; bottom:0; left:50%; width:20px; height:20px;  background:#b39172; border-radius:50px; transform: translate(-50%, 0%);}

.intro_01{position: relative;padding:100px 0;margin-bottom: 100px;}
.intro_01::before{content: '';position:absolute;top:0;left:50%;width:2px;height: 65px;background: #c4a779;transform: translate(-50%, 0%);}
.intro_01::after{content: '';position:absolute;bottom:0;left:50%;width:2px;height: 65px;background: #c4a779;transform: translate(-50%, 0%);}

.intro_body.intro_03::before{content: '';position:absolute;top:0; left:50%; width:20px; height:20px; background:#617299; border-radius:50px;transform: translate(-50%, 0%);}
.intro_body.intro_03::after{content: ''; position:absolute; bottom:0; left:50%; width:20px; height:20px;  background:#617299; border-radius:50px; transform: translate(-50%, 0%);}

/*소개페이지 추가 CSS*
/*.g_color_y {background:url(/images/npps/dscInfo_bg.svg) no-repeat, linear-gradient(180deg, #fffffe, #ffe9cd); background-size: 100% auto; background-position:0 center;}
.g_color_r { background-size: 100% auto; background-position:0 center;}*/

.g_color_y h4 span{display:block;color:#c4a779;font-size:54px; line-height: 1.5;letter-spacing:-2px; font-family: 'NanumMyeongjo';font-weight: 600;}
.g_color_r h4 span{display:block;color: #617299;font-size:54px;line-height: 1.5;letter-spacing:-2px;font-family: 'NanumMyeongjo';font-weight:600;}

.intro_box3 dd ul .box{position:relative; width:calc(33.3333% - 30px);  margin-left: 30px; background:#fff;  border-radius: 10px;  padding: 30px 40px 40px;}
.intro_box3 dd ul .box strong{font-size:42px; padding-bottom:35px; display:inline-block;color:#214eae;}
.intro_box3 dd ul .box p{font-size:20px; letter-spacing: -0.7;}
.intro_box3 dd ul .box li{font-size:13px; padding-bottom: 5px; width:80%; letter-spacing: -0.5;}
.intro_box3 dd ul .box:nth-child(1)::before{content:''; width:63px; height:63px; top:27px; right:45px; position:absolute; background:url(/images/npps/intro_01.svg) no-repeat #fff; background-size:63px;}
.intro_box3 dd ul .box:nth-child(2)::before{content:''; width:63px; height:63px; top:27px; right:45px; position:absolute; background:url(/images/npps/intro_02.svg) no-repeat #fff; background-size:63px;}
.intro_box3 dd ul .box:nth-child(3)::before{content:''; width:63px; height:63px; top:27px; right:45px; position:absolute; background:url(/images/npps/intro_03.svg) no-repeat #fff; background-size:63px;}

.intro_bottom{background: url(/images/npps/bottom_bg.png) center no-repeat; display:flex; text-align:center; overflow: hidden; width: 100%; height:310px;  background-size: 100%; border-radius: 30px; align-items:center;}
.intro_bottom p{font-family: 'NanumMyeongjo'; font-size:35px; padding:50px; letter-spacing:-1px; width:90%; margin:0 auto;  line-height:1.5;}
.intro_bottom a{background-image: linear-gradient(90deg, #ec2458 0%, #2053b0 100%); color:#fff;  padding: 14px 37px; border-radius: 50px; font-size: 18px; font-weight: 600;}
.intro_bottom a:hover {background-image: linear-gradient(90deg, #c61744 0%, #0e3884 100%);}

/*국민제안 정책화*/
.flowchart{position: relative; padding: 80px 50px 0;  font-family: 'NanumMyeongjo'; letter-spacing: -2;}
/* .flowchart::before {content: ''; position: absolute;top: 0;left: -100%;width: 100%; height: 100%;background: #EAEDF2;}
.flowchart::after {content: ''; position: absolute; top: 0; right: -100%; width: 100%;height: 100%; background: #EAEDF2;} */

.flowchart h5{text-align:center;font-size:40px; padding-bottom:10px;}
.flowchart dl{display:flex; justify-content:space-between;margin:5px 0; position: relative; }
.flowchart dt{background:#0d1e58; color:#fff; border-radius:5px; width:28%; text-align:center; font-size:24px; align-items:center; display:flex; padding:20px; z-index:2; letter-spacing:-1.5px;}
.flowchart dt strong{color:#0d1e58; font-size:40px; padding-right:15px; }
/*.flowchart .num_01 dt strong,
.flowchart .num_01 dt {color:#dd8262;}
.flowchart .num_02 dt strong,
.flowchart .num_02 dt {color:#db7371;}
.flowchart .num_03 dt strong,
.flowchart .num_03 dt {color:#cc667c;}
.flowchart .num_04 dt strong,
.flowchart .num_04 dt {color:#b75c76;}*/
.flowchart dl::before{content:'';width:30%;height: 2px;top:45px;background: #d5d5d5;position:absolute;z-index:1;}
.flowchart dd{width:70%; padding:15px 20px; background:#fff; background-color: #F7F7F7; border: 1px solid #D5D5D5; border-radius: 3px; align-items:center; display:flex;}
.flowchart dd ul{text-align:left;}
.flowchart dd strong{background: #AF8E65;padding:2px 8px;width:88px;text-align:center;display:inline-block;border-radius:50px;margin-right:5px;font-weight: 600;color: #fff;}
.flowchart dd li{padding:2px 0; letter-spacing:-0.5; font-size:19px;}
.flowchart dd .list_style li{padding:2px 11px;}
.fl_btn{color:#fff; min-width: 180px; font-size: 18px; padding: 12px 40px 12px 40px; border-radius: 50px; background:#0d1e58; margin:100px 0 40px; font-weight:bold;}
.fl_btn:hover{background:#AF8E65; color:#fff;}
.flowchart .list_style li::before{top: 13px;background: #AF8E65;}

/*접수 및 상담안내*/
.guide_wrap2 {border-top:2px solid #000; position: relative; background:url(/images/npps/info_1280.png) center no-repeat; height: 1440px; margin-bottom: 20px;}
.guide_wrap {border-top:2px solid #000; position: relative;}
.guide_wrap:before{content: '';  top:-8px; border-top:3px solid #000; width:100%; position:absolute;} 
.guide_wrap .title{text-align:center; letter-spacing: -1; font-size:22px; padding:60px 0 20px;}
.guide_wrap .title h4{font-size:35px; font-family: 'NanumMyeongjo';}
.guide_wrap .title span{font-size:20px;}
.guide_wrap .guide_top{display:flex; margin:10px 0 70px; justify-content: space-between;}
.guide_wrap .guide_top .left {margin-left:10px;width: 100%;}
.guide_wrap .guide_top .left h5{font-size:20px;letter-spacing:-1;width: 24%;}
.guide_wrap .guide_top .left p{letter-spacing:-1; font-size:14px; padding-left:5px;}
.guide_wrap .guide_top .r_box{background: #ffffff;padding:20px 30px;border-radius: 0;margin-bottom:5px;border-bottom: 1px solid #ddd;display: flex;flex-direction: row;justify-content: flex-start;}
.guide_wrap .guide_top .r_box:last-child{margin-bottom:0;}
.guide_wrap .guide_top .img_box {width:70%; overflow: hidden;  border-radius:5px; }
.guide_wrap .guide_top .img_box img{width:100%; height:100%;}

.transport .t_box{border-top:1px solid #D5D5D5;padding:40px 0 40px 160px;position: relative;} 
.transport .t_box .tit{font-size:22px;}
.transport .trans_box1:before{content: ''; width: 63px; height: 63px; top: 52px; left: 45px; position: absolute; background: url(/images/npps/trans_01.svg) no-repeat #fff; background-size: 63px;}
.transport .trans_box2:before{content: ''; width: 63px; height: 63px; top: 52px; left: 45px; position: absolute; background: url(/images/npps/trans_02.svg) no-repeat #fff; background-size: 63px;}
.transport .trans_box3:before{content: ''; width: 63px; height: 65px; top: 40px; left: 45px; position: absolute; background: url(/images/npps/trans_03.svg) no-repeat #fff; background-size: 63px;}
.transport .trans_box3{display:flex; justify-content:space-between;}
.transport .trans_box3 .map_wrap{width:37%;}
.transport .trans_box3 .map_wrap .img_box{width:100%;}
.transport .trans_box3 .map_wrap .img_box img{width:100%;}
.transport .trans_box3 dl{padding:20px 0;}
.transport .trans_box3 dt{font-size:18px; color:#767676; padding-bottom:5px;}
.transport .trans_box3 dd strong{display:inline-block; padding:3px 12px; border-radius:50px; color:#fff;    background: #f3f3f3; margin-right:10px; font-size:14px;}
.transport .trans_box3 dd li{margin:8px 0;}
.transport .trans_box3 .bus1{color:#000;}
.transport .trans_box3 .bus2{color:#0eb16a;}
.transport .trans_box3 .bus3{color:#2084e4;}
.transport .trans_box3 .bus4{color:#f52c2c;}
/* 본인인증 */
.line_box{border: 1px solid #cacaca; padding: 25px 35px; border-radius: 3px; margin-bottom:20px;}
.line_box .cm_table{margin:15px 0;}
.line_box .t_type01{position: relative; padding-left: 15px;}
.line_box .t_type01:before{content: ''; width: 10px; height: 1px; top: 13px; left: 0px; position: absolute; background: #898989;}
.line_box .t_type02{padding-left: 15px;}

.certifi_wrap{display:flex;justify-content:center;margin-top:50px;/* flex-direction: row; */flex-wrap: wrap;}
.certifi_wrap li img{width:80%; margin-top:3px;}
.certifi_wrap li:nth-child(2) img{width:95%;}
.certifi_wrap li{width:20%; text-align: center; overflow: hidden; margin:5px;}
.certifi_wrap li a{font-weight: 600; font-size:18px; border:1px solid #ddd; border-radius:5px;  height:100px; padding:15px 10px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.certifi_wrap li a:hover{background:#0d1e58; color:#fff;}

.certifi_ul {display:flex; justify-content:center;}
.certifi_ul li{width:19%; text-align: center; overflow: hidden; margin:5px;}
.certifi_ul li a{background:#f1f3f7; font-size:18px; font-weight: 600; height:70px; padding:15px 10px; word-break:keep-all; border-radius:5px; width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.certifi_ul li a:hover{background:#AF8E65; color:#fff;}
.certifi_ul li a span{font-size:13px;}

.certifi_ul li a.finance {display: flex; flex-direction: row; align-items: center;}
.certifi_ul li a.finance img {width:25px; max-width: 25px; margin-right: 9px;}

.plus_cer .notice_textbox {margin-bottom:15px;}
.plus_cer .certifi_ul {margin:0;}
.plus_cer .certifi_ul li {width:32%;}

/* table */
.cm_table{border-top:2px solid #011131;border-left:1px solid #e8e9f3; margin:5px 0;}
.cm_table td,
.cm_table th {padding:12px 5px; vertical-align:middle; text-align:center; word-break: keep-all; font-size:15px; border-bottom: 1px solid #e8e9f3; border-right: 1px solid #e8e9f3;}

.cm_table tbody{background:#fff; margin-top:50px;}
.cm_table thead th{background: #f1f3f7; font-weight:800; color:#1f1f1f; text-align:center; word-break:keep-all; padding:12px 5px;}
.cm_table tbody th{background:#f5f6fd; font-weight:800; word-break:keep-all;}
.cm_table .active{background: #fafafa;}
.table_color tr:nth-child(2n){background:#f5f6fd;}
.cm_table .text_left { text-align:left; padding-left: 12px !important;}
.table_responsive{overflow:hidden;overflow-x: auto;border: 0;}

.left_table td{text-align:left; padding: 15px 12px;}
.left_table td:first-child{text-align: center;}
.left_table td.txt_left{text-align: left;}


/*신청서작성-주소검색*/
.proposal_wrap{width:100%; margin:0 auto; padding:25px 20px; overflow-y: auto; max-height: 700px;}
.proposal_wrap h2{font-size:26px; text-align:center; color:#071f5a; padding:15px 0 5px;}
.proposal_wrap .tit_top{display:flex; justify-content:space-between}
.proposal_wrap .tit_top img{width:100px;}
.proposal_wrap .text_area{text-align: center; font-size:16px;}
.proposal_wrap .text_area span{font-weight:bold;color:#AF8E65;}
.proposal_wrap .sch_btn_right{width: 40%;}
.proposal_wrap .gover_search_wrap input{width: 90%;}

.proposal_wrap .notice_textbox p.tip_title{font-size: 23px; font-weight: 600;}
.proposal_wrap .notice_textbox{background:#f7f7f7; border-radius:5px; margin-bottom:20px;  padding:15px 30px;}
.proposal_wrap .notice_textbox dt{padding-bottom:5px; font-size:18px;}
.proposal_wrap .notice_textbox p{font-size:13px; color:#ab9069;}

.proposal_wrap .list_style{display: flex; flex-direction: row;  flex-wrap: wrap;}
.proposal_wrap .list_style li{width: 50%; position:relative; padding-left:11px;}
.proposal_wrap .list_style li::before{content:''; width:4px; height:4px; border-radius:50px; background:#93784b; display:inline-block; position:absolute;  left:0; top:11px;}

.proposal_wrap .board_write{border-top:2px solid #000; margin-bottom:15px;}
.proposal_wrap .board_write .form-group{overflow:hidden; border-bottom:1px solid #e8e9f3; background:#F7F7F7;  min-height:40px;  margin:0; display: flex;justify-content : center;align-items: stretch;}
.proposal_wrap .board_write .form-group .tit{cursor:default; font-weight:bold; float:left; width:25%; text-align:center;display: flex;justify-content : center;align-items: center; }
.proposal_wrap .board_write .form-group .group .selbox .titl{font-weight:bold; width:4.0%; }
.proposal_wrap .board_write .form-group .large_tit{padding-top:0;}
.proposal_wrap .board_write .form-group .group.tworow{float:left; background:#fff; min-height:40px; padding:10px 12px; display:flex;height: 79px;align-items: center;}
.proposal_wrap .board_write .form-group .group{float:left; width:75%;background:#fff; min-height:40px; padding:10px 12px; line-height:1.5;align-items:center;display: flex;}
.proposal_wrap .board_write .form-group .group p{padding-left:5px; font-size:15px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.proposal_wrap .board_write .form-group .group .p_text{padding-top: 5px;}
.proposal_wrap .board_write .form-group .group .form-control{padding:3px 5px 0; height:34px; width:100%; font-size:14px; border:1px solid #d3d3d3;}
.proposal_wrap .board_write .form-group .group input{width:80%;}

.proposal_wrap .board_write .form-group .tit-s{cursor:default; font-weight:bold; float:left; width:21.8%; text-align:center; display: flex; align-items: center; justify-content: center;}
.proposal_wrap .board_write .group-2{overflow:hidden;display: flex;}
.proposal_wrap .board_write .group-2 .form-group{width:50%; float:left;}
.proposal_wrap .board_write .group-2 .form-group.col2_group{display: none;}
.proposal_wrap .board_write .group-2 .form-group .tit.col2_1 {width:100%;}
.proposal_wrap .board_write .group-2 .form-group .tit.col2_2 {width:101%;}
.proposal_wrap .board_write .group-2 .form-group .tit {width:77.7%;}
.proposal_wrap .board_write.large .group-2 .group{width:60%;}
.proposal_wrap .board_write .group-2 .group{width:73.3%;}
.proposal_wrap .board_write .group-2 .group p{width:100%;}

.proposal_wrap .address_list{display: flex; flex-direction: column;}
.proposal_wrap .address_list li{display: flex; flex-direction: column; padding: 10px 20px 13px; border: 1px solid #e8e9f2; border-bottom:none;}
.proposal_wrap .address_list li:last-child{border-bottom: 1px solid #e8e9f2;}
.proposal_wrap .top_wrap{display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom:3px;}

.proposal_wrap .address_label {padding: 3px 10px; background: #eff2f7; border-radius: 3px; color: #495670; font-size: 15px;}
.proposal_wrap .top_wrap .add_top{display: flex;justify-content: flex-end; font-size: 14px;}
.proposal_wrap .top_wrap .add_top li{border:none;padding: 0;}
.proposal_wrap .top_wrap .add_top li:first-child{margin-right: 7px;}
.proposal_wrap .top_wrap .add_num{font-weight: 600;}
.proposal_wrap .pagination{margin: 15px 0 0px;}



/*개인정보처리방침*/
.privacy_wrap .privacy_img {width:30px;}
.privacy_wrap .acc_wrap .acc_tit {display: flex; align-items: center;}
.privacy_wrap .numList li {line-height: 22px;padding-top:5px; word-break: keep-all; text-indent: -12px; padding-left: 12px;}
.privacy_wrap .numList ol>li {margin-top: 5px;}
.privacy_wrap .numList>li:first-child {margin-top: 10px;}
.privacy_wrap .numList>li>ul, .privacy_wrap .numList>li>ol { margin: 5px 0 0 0px;}
.privacy_wrap .s_tit {margin: 10px 0; display: block; font-weight: 600; font-size: 17px; color: #333;}
.privacy_wrap .tbl {width: 100%; table-layout: fixed; border-collapse: collapse; line-height: 20px; text-align: center;margin-top:7px;}
.privacy_wrap caption {height: 0; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);}
.privacy_wrap .tbl th, .privacy_wrap .tbl td { padding: 12px 15px; border: 1px solid #d5d5db;word-wrap: break-word;}
.privacy_wrap .tbl thead th {background: #f6f7fb; color: #222;text-align: center;}
.privacy_wrap .tbl tr td {background: #fff;}
.privacy_wrap .tbl td:last-child { border: 1px solid #d5d5db;}
.tbl .left {text-align: left;}
.etc_font {display: block; font-size: 14px; padding-top: 5px; color: #979797;}
.privacy_wrap .numList li.nomal_li {text-indent: 0; padding-left: 0;}
.privacy_textbox {background: #F7F7F7; border-radius: 5px; padding: 25px; margin-bottom:20px;}
.privacy_textbox strong.tit {font-size: 22px; color: #AF8E65;}

.privacy_con dl dt {width: 100%; text-align: center; padding: 10px 0; font-size: 19px; background: #f7f8fa; color: #333;}
.privacy_con dl {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center;}
.privacy_con dl dd {width: 33.3%; display: flex; flex-direction: column; align-items: center; padding: 20px 0; border-right: 1px solid #ebeaea; border-bottom: 1px solid #ebeaea;}
img.privacy_wrapimg { width: 23%; margin-bottom: 10px; min-width: 80px;}
.privacy_con {width: 100%; margin: 0 auto 20px; border: 1px solid #e1e1e1;}
.privacy_con dl dd:nth-child(3n){border-right:none;}
.privacy_con dl dd:nth-child(n+4){border-bottom:none;}

/*정책화과제 이행현황*/
.state_list {padding:30px 0}
.state_list .more_reply{text-align: center; margin-top:0px; border-radius: 3px; padding:8px 0; background: #f7f7f7;}
.state_list .more_reply a{font-size: 16px; line-height: 1.5rem;background: url(/images/npps/more_list.svg) 0px 4px no-repeat; background-size:17px; padding-left:25px;}
.state_list .more_reply:hover{color:#AF8E65; background: #fbf6ec; cursor:pointer;}
.state_list .cm_table{margin-bottom:0;}
.state_list .select_base>.toggleBtn>span {display: flex;align-items: center;}
.state_list .select_base>.option>button>span{display: flex; align-items: center;}

.board_area .state_area {padding: 35px 0px 35px 0px; border-radius: 10px; margin-top: 35px; background: #F7F7F7;}
ul.state_wrap {width: 100%; display: flex; flex-direction: row; justify-content: space-around;}
ul.state_wrap li {width: 33%; display: flex; flex-direction: column; align-items: center;}
ul.state_wrap p {font-weight: 600; font-size: 1.5rem;}
ul.state_wrap a {font-size: 1.6rem; padding: 5px 20px; background: #a7916c; border-radius: 41px; font-weight: 600; margin-top: 5px; cursor: pointer; width: 80%;text-align: center;  color: #ffffff;}
ul.state_wrap a.all{background: #181e48;}
ul.state_wrap a.all:hover{background: #040617;}
ul.state_wrap a.ing{background: #c1c1c1;}
ul.state_wrap a.ing:hover{background: #a8a8a8;}
ul.state_wrap a:hover{background: #967143; color: #fff;}
.list_view {font-size: 16px;  line-height: 1.5; background: url(/images/npps/note_icon.svg) no-repeat 0px 0px; background-size:18px; padding:0px 0 5px 25px; display: flex; align-items: center;}
.list_view .num {font-weight: 600; color: #ab9069; padding-left: 5px;}
.list_view .vote_cnt {font-size:15px;}
.state_list .cm_table td, .state_list .cm_table th{font-size:16px;}
.cm_table td a {cursor: pointer;}
.cm_table .tsk_stts .kwd {font-size : 20px;}
ul.state_wrap .f_size{color:#8a8a8a;font-size: 20px; margin-left: 3px; font-weight: 600;}
.state_list .cm_table td.keyword{font-size: 17px; font-weight: 600;}


/*국민제안 현황판*/
.current_list li{border-bottom:1px solid #D1D1D1; padding:32px 0;}
.current_list .tit_wrap{display: flex; justify-content: space-between;}
.current_list .tit_wrap .tit{font-size:24px; font-weight:600; padding: 2px 0 8px; line-height:1.3; width:95%;}
.current_list .tit_wrap .view{display: block; width:70px; background: #f2f2f2;border-radius: 3px;height: 28px; text-align: center;  font-size: 14px;line-height: 2; z-index:2;}
.current_list .set_box strong{color:#AF8E65}
.current_list .info_box{background:#f1f3f7; border-radius: 5px; padding:5px 15px; display:flex;  justify-content: space-between;}
.current_list li:hover .info_box{background:#fbf6ec;}
.current_list .info_box .num{display:flex;}
.current_list .info_box .num p{margin-right:30px; color: #333;}
.current_list .set_box .step_box {font-weight:600; background: #ddd; color: #333; padding:2px 15px; margin-left:5px; border-radius: 50px;font-size:15px;}
.current_list .set_box .step_box.ing{background: #AF8E65; color: #fff;}
.current_list .set_box .icon_box{background: #041030; margin-right: 5px; margin-left: 0; border-radius: 4px; font-weight: 600; color: #fff; padding: 2px 15px; font-size: 15px;}

.current_table .cm_table .text_between{display:flex; justify-content: space-between; align-items: center;}
.current_table .cm_table th{font-size:17px; padding: 10px 5px; background: #747584; color: #ffffff; }
.current_table .cm_table td{font-size:16px; padding: 5px 10px;}
.current_table .cm_table {margin-bottom:0; border-top: none;}
.current_graphWrap {width: 100%; height: auto; background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 0 15px #f7ede3; }
.current_graph { width: 100%;}
.current_top {margin-bottom: 10px;}
.current_graph_bottom {width: 100%; display: flex; justify-content: space-between; margin-top: 30px;}
.current_graph_bottom:first-child{margin-top:0;}
.current_graph_bottom .current_graphWrap:first-child{width: 78%;}
.current_graph_bottom .current_graphWrap:nth-child(2){width: 20%}

.current_wrap{background: #f8f5f2; padding: 40px; border-radius: 10px;}
.current_wrap_c{background: #e5f0f7; padding: 40px; border-radius: 10px;}
.current_wrap_c .current_graphWrap, 
.current_wrap_c .current_table{box-shadow: 0 0 15px #d1e2eb;}
.current_wrap_c .current_color dl dt {background: #0786ba!important;}
.current_wrap_c .current_graph_bottom.b_wrap .current_graphWrap:first-child {width: 72%;}
.current_wrap_c .current_graph_bottom.b_wrap .current_graphWrap:nth-child(2) {width: 26%;}
.current_wrap_c .current_table .cm_table th {background: #7792a7;}

.current_wrap .more_reply{text-align: center; margin-top:0px; padding:8px 0; background: #e5e5ea;}
.current_wrap .more_reply a{font-size: 16px; line-height: 1.5rem;background: url(/images/npps/more_list.svg) 0px 4px no-repeat; background-size:17px; padding-left:25px;}
.current_wrap .more_reply:hover{background: #d0d0d9; cursor:pointer;}
.current_wrap p{font-size: 1.5rem; line-height: 1.3; font-weight:600;margin-bottom:10px; text-align: center;}

.current_data {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin-bottom:10px;}
.current_data dl {display: flex; flex-direction: column; align-items: center; width: 11.1%; border: 1px solid #dadada; border-right: none;}
.current_data dl:last-child{border-right: 1px solid #dadada;}
.current_data dl dt {width: 100%; text-align: center; border-bottom: 1px solid #dadada; background: #f4f6f9!important;}
.current_data dl dt,.current_data dl dd{width: 100%; text-align: center; font-size: 16px; padding: 5px 0; background: #f4f6f9;}
.current_data:last-child{margin-bottom:0;}
.current_color dl dt{background: #3a428c!important; border-bottom: 1px solid #eff1ff;  color: #fff;}
.current_color dl{border: 1px solid #dcdfe5;border-right: none;}
.current_color dl:last-child {border-right: 1px solid #eff1ff;}
.current_wrap img{border-radius: 7px;}
.current_table{background: #fff; padding: 30px;margin-top: 30px; border-radius: 10px; box-shadow: 0 0 15px #f7ede3; border: 1px solid #ebedf2;}

.sub_currenttxt {font-size: 20px; padding: 2px 20px; font-weight: 600; background: #ebeff7; border-radius: 33px; margin-bottom: 5px; display: inline-block;}

/* 모달 알림 팝업 */
div:where(.swal2-icon) {width:3em !important; height:3em !important;}
div:where(.swal2-icon) .swal2-icon-content {font-size:2em !important;}
div:where(.swal2-container) h2:where(.swal2-title) {font-size: 1.1em !important;}


@media (max-width:1400px) {	  
 .board_area .view_txt img{width:100% !important; height: auto !important;}
 .guide_wrap .guide_top .r_box {padding: 25px;}
 .bbs_list>.listimg >li{width: calc(33.333% - 25px); margin: 0 0 25px 25px;}
 .bbs_list>.listimg_type2 .img_box {height:330px;}
 .intro_bottom {height:250px; background-size: cover;}

 .current_data dl dt, .current_data dl dd {font-size:12px;}
 
.modal-notiPop .modal-content{width: 35%; left: 34%; top: 90px;}

 .infolist_top .group2 dl {width:50%;}
 .infolist_top .select_base {width:143px;}
}

@media (max-width:1280px) {	
.guide_wrap2 {background:url(/images/npps/info_1024.png) center no-repeat; height: 1570px;}
}


@media (max-width:1200px) {	
.board_area .tit h4 {font-size: 30px;}

.bbs_list>.listimg{width: calc(100% + 25px);margin-left: -25px;}
.bbs_list>.listimg_type2 .img_box {height:310px;}
.select_base input { font-size: 15px;}
.info_wrap dl dt {width:20%;}

.flex_addwrap .flex_box2 li span {width: 36%;}

.guide_wrap .title{padding: 35px 0 20px;}
.guide_wrap .title h4 {font-size:30px;}
.guide_wrap .title span{display:block;}
.guide_wrap .title p{padding: 15px 0 0;  font-size:18px;}
.guide_wrap .guide_top .r_box {padding:15px;}

.infolist_top .check_wrap li {margin: 0 20px 0 0;}

.intro_wrap2{background:url(/images/npps/intro_1024.png) center no-repeat; height: 880px;}

.intro_wrap h4 {font-size: 32px;}
.intro_bottom p {font-size: 26px;}

.flowchart dt{font-size:22px; text-align: left;}
.flowchart dt strong {font-size:30px;}
.flowchart dd li {font-size:17px;}

ul.state_wrap a {padding:2px 20px; font-size: 1.4rem;}
ul.state_wrap p {font-size:1.2rem;}

.certifi_wrap li {width:34%;}
.certifi_ul li {width:30%;}

.current_wrap p {font-size: 1.3rem;}
.g_color_y h4 span,.g_color_b h4 span,.g_color_r h4 span {font-size: 32px;}
.intro_wrap .intro_text p,
.intro_wrap .intro_text ul li{font-size:20px; line-height:1.4; margin-bottom:15px;}
.intro_wrap .intro_text {padding-bottom: 3rem;}
.intro_wrap {padding: 0em 0;}
.intro_gold {padding: 4em;}
.intro_gold h4 span {font-size: 40px;}

.agr_box .ptn_agr dd {align-items: baseline;flex-direction: column;}

.result_box {flex-direction: column;}

}

@media (max-width:1024px) {
.guide_wrap2 {background:url(/images/npps/info_1024.png) center no-repeat; height: 1420px; background-size: contain;}
}


@media (max-width:1000px) {

.mobile_hide {display:none !important;}
.vote_list .chart_wrap .chart {width:85%;}

.select_base {width:148px;}
.infolist_top .select_base {width:129px;}
.select_base>.toggleBtn>span {font-size: 15px;}
.boardlist_top .input_base{font-size: 15px;}

.bbs_list>.listimg{width: calc(100% + 25px); margin-left: -15px;}
.bbs_list>.listimg >li {width: calc(49% - 25px);margin: 0 0 25px 25px;}

.info_wrap dl dt {width:20%;}
.info_wrap .address_box .adr {width:100%;}
.info_wrap .address_box{width: 100%;}
.info_wrap .address_box input {width:76%;}

.modal_default:not(.modal_alert_div) {width: 95%;}
.modal_default .modal-body {padding:15px;}
.modal_event .agree_sel {width: 60%;}

.modal_small{width:500px;}
.modal-notiPop .modal-content{width: 32%;}

.guide_wrap .guide_top{flex-direction: column; margin:0 0 10px;}
.guide_wrap .guide_top .img_box{width:100%;}
.guide_wrap .guide_top .left {margin-left: 0; margin-top:8px;}
.guide_wrap .guide_top .r_box {padding:10px;}
.guide_wrap .guide_top .left h5 {font-size: 18px;}
.guide_wrap .guide_top .r_box:last-child{border-bottom:0;}
.guide_wrap .guide_top .r_box ul li {line-height: 1.5; font-size: 14px;}

.transport .trans_box3 .map_wrap {width: 100%;}
.transport .trans_box3{flex-direction: column;}

.result_list .tit {font-size:22px;line-height: 1.3;}

.intro_box3 dd ul .box {padding: 30px 30px 40px;}

.intro_wrap h4 {font-size:32px;}
.intro_box3 dd ul .box strong {font-size:30px;}
.intro_box3 dd ul .box p {font-size:18px;}

.intro_wrap .intro_box3 dt{font-size:32px;}
.flowchart h5{font-size:32px;}

.infolist_top{padding:15px;}
.info_wrap .group2 dl {width: 49.5%; padding: 4px;}


.info_wrap dl .check_wrap span {font-size: 14px;}
.gover_Wrap li {font-size: 14px;}
.check_wrap {flex-wrap: wrap;}

.current_graph_bottom{flex-direction: column;}
.current_graph_bottom .current_graphWrap:first-child{width:100%;margin-bottom:10px;}
.current_graph_bottom .current_graphWrap:nth-child(2) {width: 100%;}

.current_wrap_c .current_graph_bottom.b_wrap .current_graphWrap:first-child {width: 100%;}
.current_wrap_c .current_graph_bottom.b_wrap .current_graphWrap:nth-child(2) {width: 100%;}
.current_graph.graph_h {width: 50%; margin: 0 auto;}

.yn_area button.like {border: 1px solid #ff4560; color: #ff4560; background: url(/images/npps/heart_icon.svg) no-repeat 13px 8px; background-size: 22px;}
.yn_area button.like:hover {border: 1px solid #ff4560; color:#fff; background: url(/images/npps/heart_icon.svg) no-repeat 13px 8px #ff4560; background-size: 22px;}
}

@media (max-width:910px) {
.intro_wrap2{background:url(/images/npps/intro_1024.png) center no-repeat; height: 675px; background-size: contain;}
.guide_wrap2 {background:url(/images/npps/info_1024.png) center no-repeat; height: 1140px; background-size: contain;}
}


@media (max-width:850px) {
	
.mbndcList .form-group {width: 100%;}
.mbndcList .form-group .search_group.bt_box {width: 87%;}
.boardlist_top {align-items:flex-start; flex-direction:column; margin:8px 0;}
.boardlist_top .input_base{font-size:15px; height:40px;}
.boardlist_top .search_group .glyphicon {top:12px; right:18px;}
.boardlist_top .form-group {margin:3px 15px 3px 0;height:40px;}
.boardlist_top .detail_wrap .src_btn {padding: 7px 13px; height:40px;}
.boardlist_top .search_group_wrap {width:100%;}

.select_base>.toggleBtn {height:40px;}
.select_base>.toggleBtn>span{font-size:15px;}
.select_base>.option>button {height:30px;}
.select_base>.option>button>span{font-size:15px; padding:10px 18px; line-height:0.8;}
.select_base>.toggleBtn::before {top:8px;}
.select_base .date {height:40px;}

/* 국민제안현황 리스트 라벨 */
.bbs_list .defulat .info .tit .badge_01 {font-size:14px;}
.bbs_list .defulat .info .tit .badge_02 {font-size:14px;}
.bbs_list .defulat .info .tit .badge_03 {font-size:14px;}
.bbs_list>.defulat>li .info a .tit{margin-bottom: 5px; line-height: 1.6;}

/* .bbs_list>.defulat>li .info a .tit {font-size: 20px;} */
.bbs_list>.defulat>li{padding:15px;}
.bbs_list>.defulat>li .info a .tit {font-size: 16px; line-height: 1.4;}
.bbs_list>.defulat>li .info .noticeInfo {margin-top:0px;}
.bbs_list>.defulat>li .info .noticeInfo .date { font-size: 14px;margin-top:5px;}
.noticeInfo .empt {padding: 2px 8px;margin-top:5px;}
.bbs_list>.defulat>li .info a .tit .file {width:13px; margin-top:3px;}
.bbs_list>.listimg >li dl {padding: 5px 5px 25px;}

.pagination {margin: 45px 0;}

.board_area .tit {padding:20px 0px 20px 0px;}
.board_area .tit h4 {font-size:22px;line-height: 1.3;}
.board_area .tit .txt_info {font-size:16px;}
.board_area .view_txt {padding:20px 0;}
.board_area .view_txt p {font-size:16px;}
.board_area .txt_info .step_box {padding:3px 15px;font-size: 14px;}

.board_area .sns_box a{margin:0 2px; width:32px; height:32px;}

.board_write_type2 h4 {font-size:22px; padding:10px 0 10px;}

.view_vote_box .question{flex-direction:column; padding:5px 0 0;}
.view_vote_box .question dd {font-size:15px;padding-top: 5px;}
.view_vote_box .answer {padding: 0px 5px;}

.info_wrap {padding: 15px 20px}
.info_wrap dl{flex-direction: column; align-items:flex-start;}
.info_wrap dl dt{width:100%; padding-bottom:5px;}
.info_wrap dl dd{width:100%;}

.info_wrap .ym_box_wrap select {width:100%;}
.info_wrap .ym_box select{width:99%;}
.info_wrap .ym_box input{width:92%;}

.modal-body .info_wrap dl dt{width:100%;}
.modal-body .info_wrap dl dd{width:100%;}
.modal-body .fieldset_wrap {margin-top:5px;}

.board_write_type2 .form-group input, 
.board_write_type2 .form-group select,
.board_write_type2 fieldset input {height:40px; padding:10px 5px;}

.modal-notiPop .modal-content{width: 45%; left: 29%;}

.guide_wrap .title h4 {font-size:20px;}

.guide_wrap .guide_top .left h5 {font-size:18px; width:100%;}
.guide_wrap .title {padding: 20px 0 10px;}
.guide_wrap .guide_top .left{display:flex; justify-content:center; flex-direction:column; width:100%;}
.guide_wrap .title p {font-size: 15px; text-align: left; padding: 10px 0 0;}
.guide_wrap .guide_top .r_box {height:auto; width:100%;margin-bottom: 5px;  flex-direction:column;}
.guide_wrap .title .adr {padding-top:10px;}

.transport .t_box {padding:25px 0 25px 100px;}
.transport .trans_box2:before,
.transport .trans_box3:before {top:40px; left:25px; background-size:48px;}
.transport .trans_box3 dl {padding:10px 0;}

.intro_wrap h4 {font-size:30px; margin-bottom:50px;}
.intro_gold h4{margin-bottom:10px;}
.intro_wrap .intro_text p,
.intro_wrap .intro_text ul li {font-size: 18px;}
.intro_wrap .intro_box3 dt {font-size: 34px;}
.intro_wrap .intro_box3 dd .box_wrap{flex-direction: column; margin:0; width:100%;}
.intro_wrap .intro_box3 dd ul .box{width:100%; padding:25px; margin:0 0 5px 0;}

.intro_bottom p {font-size:23px;}
.intro_bottom a{font-size:15px;  padding: 10px 28px;}
.intro_gold { padding:3em;}

.flowchart {padding:20px; margin:0;}
.flowchart h5 {font-size:30px;}
.flowchart dl{flex-wrap: wrap;}
.flowchart dt{width:100%;border-radius:5px 5px 0 0;padding: 10px 20px;}
.flowchart dt strong {font-size: 32px;}
.flowchart dd{width:100%; border-radius:0 0 5px 5px; padding:10px 10px;} 
.flowchart dd li {font-size: 15px;}
.fl_btn {font-size: 15px;margin: 20px 0 50px;}

.gover_Wrap li { width: 33.3%;}

.line_box {border: 1px solid #cacaca; padding: 20px;}

.cm_table td, .cm_table th {font-size: 14px;}
.flowchart .list_style li::before {top: 10px;}

.sub_currenttxt {font-size: 16px;}
.current_wrap {padding: 20px;}
.current_data dl{width:33%;}
.current_data dl dt, .current_data dl dd {font-size:14px;}
.current_graph_bottom {margin-top:10px;}
.current_wrap p {font-size:1.1rem;}
.current_table {margin-top:10px; padding:15px;}
.current_top {margin-bottom:10px;}

.board_write_type2 label {font-size: 15px;}

.agr_box .ptn_agr {height: 171px;}
.agr_box .ptn_agr dt {align-items: baseline;flex-direction: column;}

.flowchart dl::before{display: none;}
}



@media (max-width:768px) {
.body_bg::before {width: 100%; height:300px;  background-size: 100%;}

.select_base .date{padding:5px 8px;}

.qna_wrap .acc_wrap .acc_tit a{font-size:16px; padding:15px 20px 15px 5px; line-height: 1.4; letter-spacing:-0.6px;}
.qna_wrap .acc_wrap .acc_tit strong {font-size:20px; padding: 10px 5px 10px}
.qna_wrap .panel-body {padding:20px 20px 20px 12px;}
.qna_wrap .panel-body .answer {font-size: 20px;}
.qna_wrap .acc_wrap .acc_tit a::after{top:18px;}
.qna_wrap .acc_wrap .acc_icon {width: 25px;}

.modal-body .acc_wrap .acc_tit a{padding:15px 20px;}

.result_list .tit_wrap {flex-direction: column;}
.result_drop .acc_wrap .acc_tit strong{font-size:16px; padding:0;}
.result_drop .panel-body{padding:10px;}
.result_list .tit_wrap .view{margin:1px 0 5px; width:100%;}
.result_list .set_box .step_box {padding: 3px 10px; font-size: 13px;}

.board_area .day_wrap {padding:2px 5px; margin-bottom:8px; font-size:15px;}
.board_area .file_area {font-size: 15px;margin-top: 50px; padding: 3px 15px;}
.board_area .btn_wrap .baseBtn {font-size: 15px;padding: 6px 40px;}
.board_area .tit .txt_info .share {width: 30px; height: 30px;}
.board_area .file_area a {font-size: 14px;}

.board_area .sns_box {padding:3px; right:33px; top:-5px;}
.board_area .btn_wrap {margin: 20px auto;}

.boardlist_top .group {margin:0 3px;}
.boardlist_top .input_base{padding:0 10px;}
.boardlist_top .search_group .glyphicon{right: 12px;}

.board_area .view_txt {padding:10px 0;}
.board_area .view_txt p.view_state {font-size:15px;padding-left:5.2rem; text-indent: -4.75rem; line-height: 1.5;}
.board_area .view_txt ul.view_result li{font-size: 15px;text-indent: -4.75rem; padding-left: 5.1rem;line-height: 1.5;}
.board_area .view_txt ul.view_result li:nth-child(2){padding-left: 0.7rem;}
.board_area span.view_label {font-size: 15px;}
.board_area .textbox p {padding:3px 10px;}
.board_area .view_txt ul.view_result{padding:15px 0;}
.board_area .textbox{padding:15px 7px;}

.board_write_type2 h4 {font-size: 20px;}

.select_base>.toggleBtn::before {top:7px;}

.bbs_list>.listimg >li {width: 100%; margin: 0 0 5px 0px;}
.bbs_list>.listimg {width: calc(100%);margin-left: 0;}
.bbs_list>.listimg_type2 .img_box {height:340px;}
.bbs_list>.defulat>li .info a {flex-direction: column;}

.bbs_tab_wrap a {padding:8px; font-size:16px; width:50%; min-width:auto;}

.bbs_list>.listimg >li dt p {font-size: 20px;}
.bbs_list>.listimg >li dt span{font-size:15px;}

.step_wrap ul{margin:0px 10px 10px;}
.step_wrap li{width:30%; font-size:15px; padding: 7px 10px; margin:0px 5px 10px}
.step_wrap li .step{width:50px; height:50px; font-size: 20px;}
.step_wrap li span {font-size:14px;}
.step_wrap .step_bar {width:60%; left: calc(100% - 80%);}

.modal-body .step_wrap ul {padding:10px 0;}
.modal-body .step_wrap li {padding:5px}
.modal-body .step_wrap .step_bar {top:36px;}
.modal-body .step_wrap li .step {padding:4px 14px; width: 43px; height: 43px; font-size: 20px;}
.modal-body .step_wrap .step_bar {width: 73%;left: calc(100% - 86%);}

.board_write_type2 {padding:15px; border-radius:10px; margin-bottom:10px;}
.board_write_type2 .form-group {margin-bottom:15px; width:100%;}
.board_write_type2 label {font-size: 14px;}
.board_write_type2 .form-group label {font-size:20px;}

.pagination {margin: 15px 0;}

.notice_textbox{padding:15px; margin-bottom:20px; font-size:15px;}
.notice_textbox dt {font-size:16px;}
.ex_text {font-size:13px !important; line-height:1.4;}
.ex_text_wrap li {font-size: 13px; padding: 0;}

.side_wrap {text-align: center; margin:0px; margin-bottom: 15px;}

.yn_area{padding:10px 0 30px; margin-bottom:20px;}
.yn_area p {font-size:16px;}
.yn_area button.yes {background: url(/images/npps/yes_icon.svg) no-repeat 13px 8px; background-size: 22px;}
.yn_area button.no {background: url(/images/npps/no_icon.svg) no-repeat 13px 8px; background-size: 22px;}

.opinion {padding:15px 18px; flex-direction: column; align-items: flex-start;}
.opinion strong {text-align:left; font-size:16px;}
.opinion strong span {display:inline-block; padding-left:5px;}
.opinion .text_area {width:100%;}
.opinion .save_btn {width: 100%; height:fit-content;  padding:5px; margin-top:5px;}
.opinion .secret_btn {font-size:13px;}

.view_vote_box {padding:20px; margin:15px 0;}
.view_vote_box .title p {font-size: 18px;}
.view_vote_box .btn {width:60%; padding:6px; margin:15px auto 0;}
.view_vote_box .btn_wrap {width: 50%; margin:10px auto;}
.view_vote_box .question dt{height:25px; font-size:14px; width:18%;}

.vote_list {padding-bottom:10px;}
.vote_list .chart_wrap .chart {background:#fff; width:75%;}

.side_wrap .btn {font-size: 14px;padding: 6px 0px;border-radius: 50px;min-width:110px;margin: 3px 0;}

.agr_box .agr_pt{padding:15px; margin-bottom: 15px}
.agr_box .ptn_agr {padding: 15px;}
.agree_sel input[type="checkbox"] { margin: 1px 5px 0 3px;}

.info_wrap {padding:10px;}
.info_wrap .flex_wrap {display: flex;flex-direction: column;}
.info_wrap .flex_wrap p{padding-bottom: 5px;}

.info_wrap dl{padding:5px 0;}
.info_wrap .address_box .adr input {width: 100%;}
.info_wrap .address_box input {width:100%;}

.info_wrap .flex_box2 {flex-direction: column;}
.info_wrap .flex_box2 li {width:100%;}

.flex_addwrap .flex_box2 li{width:100%; margin-bottom: 5px;}
.flex_addwrap .flex_box2 li:last-child{margin-bottom:0;}
.flex_addwrap .flex_box2 li span {width:25%;}
.flex_addwrap .flex_box2 li input{width:72%;}
    
.info_wrap .form-group {margin-bottom: 0;}
.info_wrap dl dt{padding:2px;}
.info_wrap .group2 dl {width:100%;}
.info_wrap .address_box .adr .btn {margin-top:3px;}

.infolist_top .check_wrap li {margin:0 3px 0 0;}
.infolist_top .btn {position:relative;right: 0;bottom: 0;display: block;width: 100%; margin-top:3px;}

.vote_list .number_ul {display:flex;  width: 100%; flex-flow: wrap;}
.vote_list .number_ul li{ margin-right: 0; width: 50%;}
.vote_list .number_ul li strong {font-size: 15px;}

.voteimg_wrap {justify-content:space-between;}
.voteimg_wrap li {width: 50%; padding: 7px;}

.guide_wrap .guide_top .left h5 {font-size:16px;}

.transport .t_box {padding:64px 0 25px 10px;}
.transport .t_box .tit {font-size:16px;}
.transport .trans_box3 dt {font-size: 16px;padding-bottom: 3px;}
.transport .trans_box2:before, .transport .trans_box3:before {top:18px; left:10px; background-size: 38px;}
.transport .trans_box2:before {height:50px;}
.transport .trans_box3:before {height:48px;}

.result_list .tit_wrap .tit {font-size:20px; padding:5px 3px 8px;}
.result_list .info_box .num { flex-direction: column;}

.modal_event .info_wrap .form-group {width:100%;}

.intro_wrap {padding:3em 2rem;}
.intro_wrap h4 {font-size:25px;padding:20px 0 20px;}
.intro_gold .intro_text .bold{font-size:24px;}
.intro_wrap .intro_text { padding-bottom: 30px;}
.intro_wrap .intro_text p {font-size:18px;}
.intro_wrap .intro_text ul li{font-size:18px;}
.intro_wrap .intro_box3{padding:40px 20px 0;}

.intro_01 {margin-bottom:50px; padding:75px 0;}
.intro_01::before,
.intro_01::after{height: 50px;}

.intro_box3 dt{font-size:30px;}
.intro_box3 dd ul .box p {font-size: 15px;}
.intro_box3 dd ul .box strong {font-size: 28px; padding-bottom: 20px;}
.intro_box3 dd ul .box:nth-child(1)::before {top:20px; right:18px;  background-size:53px;}
.intro_box3 dd ul .box:nth-child(2)::before{top: 23px; right:19px; background-size:50px;}
.intro_box3 dd ul .box:nth-child(3)::before{top: 21px; right:21px; background-size:52px;}

.intro_wrap .intro_text ul {width:100%; font-size:13px; padding:10px;}

.intro_bottom {padding:40px 15px; height:160px;}
.intro_bottom p {font-size:20px;}

.flowchart h5 {font-size: 24px;}
.flowchart dt strong {font-size:28px;}
.flowchart dt{font-size: 18px;}

.result_list li {padding: 20px 0;}
.result_drop .acc_wrap .acc_tit a span {padding: 5px; font-size: 13px; width: 23px;}
.result_drop .info { justify-content: space-between;}
.result_drop .info dt { width: 23%;}
.result_drop .info dd { width: 72%;}
.gover_search {flex-direction: column;}
.answer_box {padding:15px; font-size:15px;} 

.over_icon img {width:50px;}
.notice_over dl dd {font-size:16px;}

.box_wrap2 { flex-direction: column;}
.box_wrap2 .notice_textbox {width: 100%;margin-bottom: 5px;padding:15px;}
.notice_textbox .tit {font-size:16px;}

.certifi_ul {display: flex;justify-content: center; flex-wrap: wrap;}
.certifi_ul li a {height: 65px;}
.certifi_ul li {width:31%; margin:3px;}

.proposal_wrap{padding:0;}
.proposal_wrap .list_style li{width:100%;}
.proposal_wrap .sch_btn_right {width: 80%;}

.gover_search_wrap {align-items:center; padding:5px;}
.gover_search_wrap input {width:70%;}
.gover_Wrap li {width: 50%;}

.modal_default .side_wrap .btn_left, 
.modal_default .side_wrap .btn_right {width:100%; display:flex; justify-content: center;}
.modal-notiPop .modal-content{width: 80%; left: 10%;}
.privacy_wrap .acc_wrap .acc_tit a{padding:15px 55px 15px 5px; font-size:15px;}
.privacy_textbox strong.tit{font-size:18px; line-height:1.2;}
.privacy_wrap .s_tit{font-size:15px;}
.privacy_con dl dt {font-size:16px;}
.privacy_wrap .panel-body {padding:8px 12px;}
img.privacy_wrapimg {width:20%; min-width: 50px;}

/*게시판 상단 검색영역 100%타입*/
.search_wrap {display: flex; align-items: center;  width: 100%;margin-top:10px;}
.search_wrap .search_group{width:100%;}
.form-group.searchGroup-2 {display: flex; flex-wrap: wrap;}

.info_wrap .group2 dl.w100{width:100%;}

.certifi_wrap li {width:47%;}
.certifi_wrap li a{font-size:13px; height: 72px;}
.certifi_ul li {width:31.5%;}
.certifi_ul li a{font-size:13px;}
.certifi_ul li a.finance img {width: 16px; max-width: 16px; margin-right: 3px;}

.g_color_y h4 span,.g_color_r h4 span,.g_color_b h4 span,.intro_gold h4 span{font-size:25px;}

.guide_wrap .title span {font-size:14px;}

.guide_wrap .title .adr span {line-height: 1.5;}
.guide_wrap .title .adr strong {font-size: 13px;}

.notice_textbox_b {padding:15px}

.ptn_wrap{padding:8px;}

.result_box {text-align: center;}
.result_box .btn { width:100%;}

/*모달 알림 팝업*/
div:where(.swal2-container) h2:where(.swal2-title) {font-size:1.2em !important;}

.agree_sel{display:block;}

.bbs_list>.defulat>li .info a .tit {width:95%;}

.board_area.mbndc_area .textbox2 {width : 100%;margin-left : 0%;}
}


@media (max-width:640px) {
.intro_wrap2{background:url(/images/npps/intro_640.png) center no-repeat; height: 760px; background-size: contain;}
.guide_wrap2 {background:url(/images/npps/info_640.png) center no-repeat; height: 1275px; background-size: contain;}
}

@media (max-width:500px) {
.intro_wrap h4 {margin-bottom:40px;}
.intro_gold h4 {margin-bottom:15px;}
.intro_wrap .intro_box3 dt {font-size:24px;}
.intro_box3 dd ul .box strong {font-size: 24px;}
.intro_wrap .intro_box3 dd ul .box:nth-child(2)::before {height: 56px;}

.info_wrap .number_box input,
.info_wrap .number_box select{width:76px !important;}

.infolist_top .select_base {width:137px;}

/* .result_drop .info dt { width: 17%;} */

/* .board_area .view_txt p {font-size:15px;line-height: 1.5rem;} */
.board_area .view_txt p {font-size:15px;}
.board_area .state_area {padding: 20px 0px 20px 0px;}

.board_write_type2 label {font-size: 14px;}

ul.state_wrap p {font-size:1.1rem;}
ul.state_wrap .f_size {font-size:15px;}
ul.state_wrap a {padding: 2px 10px;font-size: 1.2rem;}

.certifi_wrap{margin-top:30px;}
.certifi_ul li {width:30.5%;}
.certifi_ul li a{padding:15px 5px;}

.current_wrap_c {padding: 20px;}
.current_graphWrap {padding: 15px;}
.current_graph.graph_h {width: 60%;}
.current_data dl dt, .current_data dl dd {font-size: 13px;}
.pagination>li>a, .pagination>li>span {padding: 6px; font-size: 13px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus {padding: 1px 6px; width: auto;}

.result_list .tit_wrap .tit {font-size:16px;}

.voteimg_wrap li {width: 100%;}

.mainModal .modal_event{width:86%;}
.guide_wrap .title .adr{overflow: hidden;}
.guide_wrap .title .adr strong {float: left;}
.guide_wrap .title .adr span {float:left; display:inline-block; width:80%;}

.bbs_list>.defulat>li .info a .tit span.view_label2 {font-size: 14px; padding: 2px 15px;}
}





@media (max-width:450px) {
	
.intro_wrap2{background:url(/images/npps/intro_640.png) center no-repeat; height: 490px; background-size: contain;}	
.guide_wrap2 {background:url(/images/npps/info_640.png) center no-repeat; height: 1075px; background-size: contain;}
	
.boardlist_top .form-group .group .date{ width:148px;} 

.board_area .btn_wrap .baseBtn {font-size: 16px;padding: 6px 50px;}
.bbs_list>.defulat>li {padding: 15px 10px;}
.bbs_list>.defulat>li .info .noticeInfo .date {font-size:14px;}

.view_vote_box {padding:15px;}
.view_vote_box .title p {font-size: 15px;}
.view_vote_box .title strong span { margin-left: 3px;}
.view_vote_box .answer {padding: 2px 8px;}

.privacy_con dl dd {width: 49.5%;}
.privacy_con dl dd:nth-child(2n){border-right:none;}
.privacy_con dl dd:nth-child(3){border-right:1px solid #ebeaea;}
.privacy_con dl dd:nth-child(4){border-bottom:1px solid #ebeaea;}

ul.state_wrap li {width:100%; margin-bottom:8px;}
ul.state_wrap {flex-direction:column; padding:0 20px;}
ul.state_wrap a{margin-top:0; width:100%;}

.certifi_wrap li {width:46%;}

.intro_wrap {padding:2rem 1.5em;}
.g_color_y h4 span,.g_color_b h4 span,.g_color_r h4 span {font-size: 19px;}
.intro_wrap h4 {font-size: 19px;}
.intro_wrap .intro_text p {font-size: 13px;}
.intro_wrap .intro_text {padding-bottom: 20px;}
.intro_wrap .intro_text ul li {font-size: 13px;   margin-bottom:5px;}
.intro_gold .intro_text .bold {font-size: 22px;}

.flowchart dd li {font-size:12px;}
.flowchart dd strong{width: 67px;}
.flowchart dt {font-size: 17px;}
.flowchart dt strong {padding-right: 8px;}

.mid{padding:10px 4px;}

.guide_wrap .guide_top .img_box img{height:160px;}
}


@media (max-width:375px) {
    .modal_default {width:95%;}
    .alert_modal{width:100%;}
}