#container{width: 100%; height: auto;}
.mainContent01{width: 1200px; height: auto; margin: 0 auto;}
.mainCon_title > ul > li{float: left;}
.mainCon_title{padding:28px 0 18px}
.mainCon_title > ul > li.board_select{float: right;}
.mainCon_title > ul:after{display: block; content: ""; clear: both;}
.board_select{margin-top: 11px;}
.board_select ul li{float: left;}
.board_select ul:after{display: block; content: ""; clear: both;}
.title_type01{font-size: 28px; font-weight: bold; color: #222222; letter-spacing: -0.025em;}
.title_blue{font-size: 34px; font-weight: bold; color: #0078b6;letter-spacing: -0.025em;}
.title_gray{color: #999999;letter-spacing: -0.085em;}
.ml_14{margin-left: 14px;}
.more{display: inline-block; font-size: 14px; letter-spacing: -0.025em; color: #fff; background-color: #9a9a9a; border-radius: 3px; padding: 4px 9px 2px 12px; vertical-align: middle; margin-top: -4px; }
.more img{vertical-align: middle; margin-top: -2px; margin-left: 7px;}
.board_select ul li{margin-left: 24px;}
.board_select ul li a{font-size: 18px; letter-spacing: -0.025em; color: #222222;}
.board_select ul .bs_on a{color: #1e62cc; background-image: url("../img/main/list_on.png"); background-repeat: no-repeat; background-position: left 3px; padding-left: 22px;}

.suggest > ul > li{width: 282px; height: auto;  float: left; margin-right: 24px;}
.suggest > ul > li:last-child{margin-right: 0;}
.suggest > ul:after{display: block; content: ""; clear: both;}
.sgBox > h3{width: 100%; height: 43px; font-size: 22px;color: #fff; letter-spacing: -0.025em; padding: 0 19px; line-height: 43px; background-color: #0078b6; background-image: none !important; border-radius: 8px 8px 0 0 ; background-position: right bottom; background-repeat: no-repeat;}
.sgBox01 h3{background-image: url("../img/main/suggest_bg01.png");}/*일반행정*/
.sgBox02 h3{background-image: url("../img/main/suggest_bg02.png");}/*경제*/
.sgBox03 h3{background-image: url("../img/main/suggest_bg03.png");}/*문화체육*/
.sgBox04 h3{background-image: url("../img/main/suggest_bg04.png");}/*복지*/
.sgBox05 h3{background-image: url("../img/main/suggest_bg05.png");}/*복지*/
.sgBox06 h3{background-image: url("../img/main/suggest_bg06.png");}/*복지*/
.sgBox07 h3{background-image: url("../img/main/suggest_bg07.png");}/*복지*/
.sgBox08 h3{background-image: url("../img/main/suggest_bg08.png");}/*복지*/
.sgBox09 h3{background-image: url("../img/main/suggest_bg09.png");}/*복지*/
.sgBox10 h3{background-image: url("../img/main/suggest_bg10.png");}/*복지*/
.sgBox > ul{width: 100%; height: auto; min-height: 275px; background-color: #fff; border:1px solid #c1c1c1; border-top:0;}
.sg_user{padding: 17px 16px 20px 20px;}
.sg_user:after{display: block; content: ""; clear: both;}
.sg_name{float: left; font-size: 16px; letter-spacing: -0.025em; color: #555555;}
.sg_day{float: right; font-size: 16px; letter-spacing: -0.025em; color: #999999;}
.sg_con{padding: 0 20px 13px;}
.sg_con a span{font-size:18px; color: #222222; letter-spacing: -0.025em; line-height: 25px;overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;  word-wrap:break-word;  height:100px;}
.sg_con a span:hover{text-decoration: underline; color: #0b79ab;}
.sg_vote{width: 100%; height: auto;}
.vote_good{font-size:15px; letter-spacing: -0.025em; color: #ff635c; background-image: url("../img/main/good.png"); background-repeat: no-repeat; background-position: left 1px; padding-left: 24px; margin: 0 20px;}
.sg_graph{width: 100%; height: 18px; background-color: #c5c9ce; margin:13px 0 0;}
.graph_blue{background-color: #4994e5; height: 18px; min-width:10px; }
.sg_r > li{float: left;  font-size: 16px; letter-spacing: -0.025em;}
.sg_r .sg_dday{float: right; color: #222222;}
.sg_r{padding: 15px 16px 0 20px;}
.sg_re{ color: #555555; background-image: url("../img/main/re.png"); background-repeat: no-repeat; background-position: left 3px; padding-left: 22px;}
.sg_r:after{display: block; content: ""; clear: both;}
.suggest_btn{width: 100%; height: auto; border-bottom: 1px solid #c5c9ce; position: relative; margin: 43px 0 21px;}
.suggest_btn p{background-color: #fff; position: absolute; left: 50%; margin-left: -120px; top:50%; margin-top: -23px; padding: 0 20px;}
.suggest_btn p a{display: block; width:200px; height: 46px; background-color: #2f3640; border-radius:3px; text-align: center; line-height: 46px; font-size:18px; font-weight: bold; color: #fff;   }
.mainContent02{width: 100%; height: auto; background-color: #ebebeb; padding: 30px 0;}
.mainCon02_wrap{width: 1200px; height: auto; margin: 0 auto;}
.voteContent > li{float: left;}
.voteContent:after{display: block; content: ""; clear: both;}
.field_img{width: 282px; height:283px; margin-right: 23px;}
.voteCon{width: 895px; height: 283px; background-color: #fff; border: 1px solid #cccccc; padding: 50px 40px 0;}
.voteCon_txt{padding-right: 55px;}
.voteCon_txt a span{font-size:22px; line-height: 32px; letter-spacing: -0.025em; color: #222222;overflow: hidden;  text-overflow: ellipsis; display: block;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  word-wrap:break-word;  height:64px; }
.voteCon_txt a span:hover{text-decoration: underline; color: #0b79ab;}
.voteDay{font-size: 18px; color: #222222; border-bottom: 1px solid #d7d7d7; margin-top: 13px; padding-bottom: 17px; margin-bottom: 11px;}
.voteDay span{background-image: url("../img/main/calender.png"); background-repeat: no-repeat; background-position: left; padding-left: 28px; padding-right: 14px;}
.vote_percent:after{display: block; content: ""; clear: both;}
.vote_agree{float: left; font-size: 22px; letter-spacing: -0.025em; color: #0078b6;}
.vote_dis{float: right; font-size: 22px; letter-spacing: -0.025em; color: #a43b91;}
.vote_graph{margin: 10px 0 9px;}
.vote_graph:after{display: block; content: ""; clear: both;}
.vote_g_agree{float: left;}
.vote_g_dis{float: left;}
.vote_num:after{display: block; content: ""; clear: both;}
.vote_n_agree{float: left; font-size: 16px; letter-spacing: -0.025em; color: #222222;}
.vote_n_dis{float: right;font-size: 16px; letter-spacing: -0.025em; color: #222222;}
.vote_graph{width:100%; height: 18px; background-color: #c5c9ce; }
.vote_g_agree{height: 18px; background-color: #4994e5;}
.vote_g_dis{height: 18px; background-color: #d16596;}
.voteSlide_wrap{position: relative; overflow: hidden;}
.voteSlide_wrap .bx-has-pager{position: absolute; top: 0; right: 0; margin-top: 30px; margin-right: 40px;}
.voteSlide_wrap .bx-pager{text-align: right;}
.voteSlide_wrap .bx-pager > div{display: inline-block;}
.voteSlide_wrap .bx-wrapper .bx-pager.bx-default-pager a{text-indent: 9999px;  display: block;  width: 10px;  height: 10px; border-radius: 3px;  background-color:#c8c8c8; margin-left: 6px;}
.voteSlide_wrap .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{width: 10px;  height: 10px; background-color: #0078b6;}


.yn_wrap{border-top:1px solid #929292; margin-top:30px; padding-top: 19px;}
.yn_wrap .mainCon_title{padding: 0}
.ynContent{margin-top: 11px;}
.ynContent > li{float: left;}
.ynContent:after{display: block; content: ""; clear: both;}
.yn_banner{width: 282px; height: 163px; margin-right: 23px;}
.yn_list{width: 895px; height: auto;}
.yn_list ul li{float: left;}
.yn_list ul{margin-bottom: 17px;}
.yn_list ul:last-child{margin-bottom: 0;}
.yn_list ul:after{display: block; content: ""; clear: both;}
.yn_num{width: 47px; height: 43px; background-color: #0078b6; text-align: center; font-size:22px; font-weight: bold; color: #fff; line-height: 44px; }
.yn_con{width: 848px; height: 43px; background-color: #fff; border:1px solid #cccccc; border-left: none;}
.yn_con a{font-size: 18px; line-height: 43px; letter-spacing: -0.025em; color: #222222; width: 716px; display: block; float:left;text-overflow:ellipsis;  white-space:nowrap;  word-wrap:normal;  overflow:hidden; padding: 0 10px;}
.yn_day{display: block; float: left; font-size: 16px; line-height: 43px; letter-spacing: -0.025em; color: #999999;}
.yn_con:after{display: block; content: ""; clear: both;}
.vote_ready{background-image: url("../img/sub/vote_ready_img.png"); width: 100%; height: 283px; background-repeat: no-repeat; background-position: center;}
/* 20190521 퀵메뉴 추가 */
.quick{position: fixed; right: 35px; top: 50%; z-index: 99; margin-top: 30px}
.vote_txt{margin-top: 15px;  font-size: 16px; line-height: 24px; color: #222222; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3; /* 라인수 */  -webkit-box-orient: vertical;  word-wrap:break-word;  height: 72px; }
/* 20190521 퀵메뉴 추가 END*/
/*20190611 추가*/
.m_mark_ing{display: inline-block;  border: 1px solid #0078b6;  background-color: #0078b6;  color: #fff; font-size: 13px; padding: 5px 15px; border-radius: 3px; margin-top: -5px;}
.viewBox_title{border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px;}
.viewBox_h5{font-size: 18px; color: #555; font-weight: bold;}
/*20190611 END*/
@media screen and (max-width:1199px) {
    .mainContent01{width: 94%}
    .mainCon_title{padding:20px 0 15px }
    .title_type01{font-size: 16px;}
    .title_blue{font-size: 20px;}
    .more{font-size: 11px; margin-top: 0;}
    .board_select{margin-top: 2px;}
    .board_select ul li{margin-left: 9px}
    .board_select ul li a{font-size: 11px; background-size: 8px; background-position: left 2px;}
    .board_select ul .bs_on a{padding-left: 14px;}

    .suggest > ul > li{width: 24.25%; margin-right: 1%;}
    .suggest > ul > li:nth-child(2n){margin-right: 1%;}
    .suggest > ul > li:nth-child(4n){margin-right: 0;}
    .sgBox > h3{font-size: 18px; background-position: right; height: 43px; background-size: 40px; line-height: 43px; padding: 0 15px;}
    .sg_name{font-size: 14px;}
    .sg_day{font-size: 14px;}
    .sg_con a span{font-size: 14px; line-height: 21px; height: 84px;}
    .vote_good{font-size: 13px; background-size: 13px; padding-left: 20px; margin: 0 15px;}
    .sg_r{padding:15px 15px 0 15px }
    .sg_r > li{font-size: 13px;}
    .sg_re{padding-left: 20px; background-position: left top;}
    .sgBox > ul{min-height: 250px;}
    .sg_user{padding: 17px 15px 20px 15px}
    .sg_con{padding: 0 15px 18px;}
    .suggest_btn p a{font-size: 16px; height: 40px; line-height: 40px;}
    .suggest_btn p{margin-top: -20px;}

    .mainContent02{padding:20px 0;}
    .mainCon02_wrap{width: 94%;}
    .voteCon{width: 100%;}
    .yn_banner{display: none;}
    .field_img{width: 28%; height: 205px; margin-right: 2%}
    .voteCon{width: 70%; height:205px; padding: 20px 20px;}
    .voteCon_txt a span{font-size: 14px; line-height: 22px; height:44px;}
    .voteSlide_wrap .bx-has-pager{margin-top: 20px; margin-right: 20px;}
    .voteDay{font-size: 13px; margin-top: 10px;  padding-bottom: 13px; margin-bottom: 13px;}
    .voteDay span{background-size: 11px; padding-left: 20px;}
    .vote_percent p{font-size: 14px;}
    .vote_num p{font-size: 12px;}
    .yn_wrap{margin-top: 20px; padding-top: 16px;}
    .yn_num{width: 5%; font-size: 14px; height: 30px; line-height: 30px;}
    .yn_list{width: 100%;}
    .yn_con{width: 95%; height: 30px; }
    .yn_con a{width: 80%;line-height: 30px; font-size: 14px;}
    .yn_day{font-size: 12px; height: 30px; text-align: right; width: 20%; line-height: 30px; padding-right: 10px;}
    .yn_list ul{margin-bottom: 10px;}
    /* 20190521 퀵메뉴 추가 */
    .vote_txt{font-size: 13px; margin-top: 10px; line-height: 22px; height: 66px;}
	/* 20190521 퀵메뉴 추가 END*/
	/*20190611 추가*/
	.sg_r{padding: 15px 7px 0 15px;}
    .viewBox_h5{font-size: 15px; color: #555; font-weight: bold; margin-bottom: 5px;}
    .m_mark_ing{font-size: 12px; padding: 3px 7px; max-width: 60px; text-align: center;}
	/*20190611 END*/
}
@media screen and (max-width:767px) {
    .suggest > ul > li{width: 49%; margin-right: 2%; margin-bottom: 20px;}
    .suggest > ul > li:nth-child(2n){margin-right: 0;}
    .suggest_btn{margin: 43px 0 28px}

    .field_img{width: 100%; height: auto; margin-right: 0; margin-bottom: 10px; text-align: center;}
    .field_img img{width: 100%; max-width: 400px;}
    .voteCon{width: 100%; }
    .yn_con a{width: 70%;}
    .yn_day{width: 30%;}

}

span.NBG {
    display: block;
}

@media screen and (max-width:350px) {
	/*20190611 추가*/
    .sg_r > li{float: none;}
    .sg_r .sg_dday{float: none;}
    .m_mark_ing{margin: 7px 0 ;}
    /*20190611 END*/
}