@charset "utf-8";

.vote-wrap {border:1px solid #dcdcdc;}
.input-area { padding:  40px 70px; text-align: left; }
.input-area .head { font-size: 1.4rem; font-weight: bold; margin-bottom: 10px; display: inline-block; }
.input-area input[type=text]{ height: 50px; border: none; border-bottom: 1px solid #dcdcdc; font-size: 1.7rem; float: left; outline: 0; }
.input-area .row { overflow: hidden; margin-bottom: 20px; }

.input-area .sign-normal-btn { border: 1px solid #dcdcdc; height: 46px; display: inline-block; padding: 0 40px; min-width: 190px; text-align: center; border-radius: 23px; font-size: 1.5rem; font-weight: bold; color: #999; line-height: 44px; }
.input-area .row .sign-normal-btn { float: right; margin-top: 3px; }
.input-area .phone .row input[type=text],
.input-area .phone-02 .row input[type=text],
.input-area .id .row input[type=text] { width: calc(100% - 220px); }
.input-area .phone-02 .row { margin-bottom: 10px; }
.input-area .count .time { font-size: 1.4rem; margin-left: 8px; }

.input-area .password .row input[type=password],
.input-area .password-02 .row input[type=password],
.input-area .name .row input[type=text] { width: 100%; }

.input-area .imp-c { font-size: 1.4rem; color: #20bd9e; margin-bottom: 5px; display: block; }
.input-area .imp-b { font-size: 1.4rem; color: #FF363A; margin-bottom: 5px; display: block; }
.input-area .phone .imp-b {margin-bottom:20px; }
.input-area .count {margin-top:15px; }

@media all and (max-width:699px)
{
	.input-area { padding: 40px; }
	.input-area .phone .row input[type=text],
	.input-area .phone-02 .row input[type=text],
	.input-area .id .row input[type=text] { width: 50%; }
	.input-area .sign-normal-btn { min-width: 150px; }
}
@media all and (max-width:499px)
{
	.input-area { padding: 40px 15px; }
}
@media all and (max-width:399px)
{
	.input-area .phone .row input[type=text],
	.input-area .phone-02 .row input[type=text],
	.input-area .id .row input[type=text] { width: 100%; margin-bottom: 5px; }
	.input-area .phone .row .sign-normal-btn,
	.input-area .phone-02 .row .sign-normal-btn,
	.input-area .id .row .sign-normal-btn { float: none; margin: 0 auto; width: 150px; padding: 0 10px; margin-top: 10px; }
}

.vote-wrap input[type=checkbox],
.vote-wrap input[type=radio] { display: none; }
.vote-wrap .radio-label { font-size: 1.5rem; font-weight: bold; color: #2d2d2d; display: block; height: 30px; line-height: 30px; padding-left: 30px; position: relative; }
.vote-wrap .radio-label:before { position: absolute; content: ''; width: 20px; height: 20px; background: url(../../img/subCommon/radio_m.png) no-repeat; top: 5px; left: 0; background-position: 0 0; background-size: 20px 40px }
.vote-wrap input[type=checkbox]:checked ~ .radio-label:before,
.vote-wrap input[type=radio]:checked ~ .radio-label:before { background-position: 0 -20px; }

.content-box-bt .input-area .head {width:10%; line-height: 30px; margin-bottom:10px; padding-bottom:10px; float: left;}
.content-box-bt .input-area .row {border-bottom:1px solid #dcdcdc;}
.content-box-bt .input-area .row:last-child {border:0;}
.content-box-bt .input-area ul {display: inline-block; width:89%; margin-bottom:10px;}
.content-box-bt .input-area ul li {display: inline-block; margin-right:25px; width:12%; margin-bottom:10px;}

.selectbox { width:50%;}
.btn-area { float: right; margin-top:20px;}
.btn-area a { background:#52a2e4; width:200px; line-height: 50px; display: inline-block; font-size:1.6rem; border-radius: 30px; color: #fff; text-align: center; font-weight: 600;}
.btn-area a:hover { box-shadow: 0 1px 8px rgba(58,51,53,0.3); color: #fff; }



.vote-step-wrap ul{position: relative;}
.vote-step-wrap ul:after {content: ''; clear: both; display: block;}
.vote-step-wrap ul li { float: left; text-align: center; width: 33.3%;}
.vote-step-wrap ul li .step {position: relative;}
.vote-step-wrap ul li .step:after {position: absolute; content: ''; width:50%; border-top:1px solid #ddd; left:50%; top:17px; z-index: -1;}
.vote-step-wrap ul li:nth-child(2) .step:before {position: absolute; content: ''; width:50%; border-top:1px solid #ddd; right:50%; top:17px; z-index: -1;}
.vote-step-wrap ul li:nth-child(3) .step:before {position: absolute; content: ''; width:50%; border-top:1px solid #ddd; right:50%; top:17px; z-index: -1;}
.vote-step-wrap ul li:nth-child(3) .step:after {width: 0;}
.vote-step-wrap ul li .step h4 { position: relative; display: inline-block; width:35px; line-height: 35px; border-radius: 50%; font-size: 1.6rem; font-weight: 600; background:#52a2e4; color:#fff;}
.vote-step-wrap ul li .step p { font-size:1.4rem; font-weight: 600; padding:10px 0 20px; color:#52a2e4;}
.vote-step-wrap ul li .vote-box { width:80%; margin:0 auto; padding:30px 0; border-radius: 5px; background:#fff; border:1px solid #52a2e4; color:#52a2e4; cursor: pointer;}
.vote-step-wrap ul li .vote-box img {height:130px; margin:20px 0; }
.vote-step-wrap ul li .vote-box:hover { box-shadow: 0 1px 8px rgba(58,51,53,0.3); }
.vote-step-wrap ul li .vote-box p { padding-top:15px; font-weight: 600; font-size:1.5rem;}
.vote-step-wrap ul li .vote-box p i {font-size:12px; position: relative; top:3px; left:5px;}
.vote-step-wrap ul li .vote-box p br { display: none;}

.vote-step-wrap ul li.disabled .vote-box {background:#eee; border:1px solid #eee; cursor:not-allowed;}
.vote-step-wrap ul li.disabled .vote-box:hover {box-shadow: none;}
.vote-step-wrap ul li.disabled .vote-box p {color:#999}
.vote-step-wrap ul li.disabled .vote-box img {filter: grayscale(100%);}
.vote-step-wrap ul li.disabled .step h4 { background:#eee; color:#999}
.vote-step-wrap ul li.disabled .step p { color:#999;}

.voting-state {margin-top:50px;padding:15px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.voting-state:after {content: ''; clear: both; display: block;}
.voting-state .result { float:left;  font-size: 2rem; font-weight: 600; line-height: 45px;}
.voting-state .result .count {color:#52a2e4;}
.voting-state .btn-area { margin:0;}
.voting-state .btn-area.disabled a {background:#aaa; cursor: not-allowed; }
.voting-state .btn-area.disabled:hover a {box-shadow: none;}

/* 투표 레이어 팝업 */
.vote-pop-wrap {position: fixed; top:0; left:0; width:100%; height:100%; overflow: hidden; background:rgba(0,0,0,0.4); -webkit-transition: background .1s;-moz-transition: background .1s;-ms-transition: background .1s;-o-transition: background .1s;
transition: background .1s; z-index: 9999;}
.vote-pop-wrap .vote-pop-area-wrap { position: absolute; top:50%; left:55%; width:60%; height:80%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.vote-pop-wrap .vote-pop-area-wrap:after {clear: both; content: ''; display: block;}
.vote-pop-wrap .vote-pop-area { float:left; max-width:calc(100% - 280px); margin-right:30px;  background:#fff; height:100%; overflow-y: hidden;  border-radius: 10px;}
.vote-pop-wrap .vote-pop-area .vote-pop {width:100%; height:100%;}
.vote-pop-wrap .vote-pop-area .vote-pop .body {padding:40px; height:calc(100% - 72px); overflow-y: auto;}
.vote-pop-wrap .vote-pop-area .vote-pop .body .content-box:not(:first-child) { padding-top: 35px; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .content-box .content-s-title { position: relative; font-size: 1.7rem; margin-bottom: 20px; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .content-box-bt .input-area .row:last-child { margin:0; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .content-box-bt .input-area .head { margin:0; padding:0; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .input-area { padding: 30px;}
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list { border-top: 2px solid #52a2e4; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul li .title-area { border-bottom: 1px solid #dcdcdc; padding: 20px 35px 20px 50px; cursor: pointer; position: relative; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul li .title-area:hover { background: #f1f3f8; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul .select .title-area { background: #f1f3f8; border-bottom: 2px dashed#D4D9E9; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul li .title-area:after { background: url(../../img/sub/business/voting_list_arrow.png); content: ''; position: absolute; width: 16px; height: 10px; background-size: 16px 10px; top: 50%; margin-top: -5px; right: 15px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .custom-vote-list ul li .title-area:after { content:none; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul .select .title-area:after { background: url(../../img/sub/business/voting_list_arrow_r.png); content: ''; position: absolute; width: 16px; height: 10px; background-size: 16px 10px; top: 50%; margin-top: -5px; right: 15px; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul li .title-area h3 { font-size: 1.6rem; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul li .title-area input[type=checkbox],
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul li .title-area input[type=radio] { display: none; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul li .title-area label { height: 35px; line-height: 35px; width: 35px; display: inline-block;position: absolute; top: 50%; margin-top: -17.5px; left: 10px;  }
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul li .title-area label:before { position: absolute; content: ''; width: 20px; height: 20px; background: url(../../img/subCommon/check.png) no-repeat; top: 7px; left: 5px; background-position: 0 0; background-size: 20px 40px; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul li .title-area input[type=checkbox]:checked ~ label:before,
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul li .title-area input[type=radio]:checked ~ label:before { background-position: 0 -20px; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul li .title-area input[type=radio]:checked ~ h3,
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul li .title-area input[type=checkbox]:checked ~ h3 { color: #52a2e4; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul .my-vote .title-area label { display: none; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul .my-vote .title-area:before { width: 22px; height: 22px; background: url(../../img/sub/business/my_vote_ico.png); content: ''; position: absolute; background-size: 22px 22px; left: 15px; top: 50%; margin-top: -11px; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul .my-vote .title-area h3 { color: #52a2e4; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul li .content-area { font-size: 1.4rem; white-space: pre-wrap; padding: 20px; font-weight: bold; line-height: 21px; border-bottom: 1px solid #dcdcdc; display: none; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul .select .content-area { display: block; }
.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul li video {margin-top: 30px;}

/* 투표 팝업 head */
.vote-pop-wrap .vote-pop-area .vote-pop > .head {position: relative; width:100%; padding:20px 40px; border-bottom:1px solid #dee3eb; background:#f5f5f5;}
.vote-pop-wrap .vote-pop-area .vote-pop > .head h4 {font-size:1.8rem;}
.vote-pop-wrap .vote-pop-area .vote-pop > .head i {position: absolute; top:12px; right:33px; font-size:2.2rem; color:#3e3e3f; cursor: pointer; padding:7px}
.vote-pop-wrap .vote-pop-area .vote-pop > .head i:hover {color:#666;}



/* 나의 투표 횟수 */
.vote-pop-wrap .voting-state { float:left; width: 250px; background: #fff; left: 50%; border-radius: 5px; border: 1px solid #eaeaea; box-shadow: 0 3px 8px 2px rgba(0,0,0,0.1); text-align: center; padding: 20px; margin:0;}
.vote-pop-wrap .voting-state .result { font-size: 2rem; font-weight: bold; line-height: normal; margin-bottom:20px;}
.vote-pop-wrap .voting-state .result .count { color: #52a2e4; }
.vote-pop-wrap .voting-state .btn-area{width: 100%;}
.vote-pop-wrap .voting-state .btn-area a { display: block; width: 100%; background: #52a2e4; }
.vote-pop-wrap .voting-state .btn-area.disabled a { background:#aaa; cursor: not-allowed; }


@media all and (max-width:1440px) {
	.vote-pop-wrap .vote-pop-area-wrap {width:80%;}
}
@media all and (max-width:1024px) {
	.vote-pop-wrap .vote-pop-area-wrap {width:90%;}
	.vote-pop-wrap .voting-state {width:200px;}
	.vote-pop-wrap .voting-state .result {font-size:1.8rem; letter-spacing: -0.025em; }
	.vote-pop-wrap .voting-state .btn-area a {line-height: 40px;}
}
@media all and (max-width:768px) {
	.vote-pop-wrap .vote-pop-area .vote-pop .body {padding:20px;}
	.vote-pop-wrap .vote-pop-area .vote-pop > .head {padding:20px;}
	.vote-pop-wrap .vote-pop-area-wrap { left:50%;}
	.vote-pop-wrap .vote-pop-area {margin:0; max-width: 100%; height:calc(100% - 120px); border-radius: 10px 10px 0 0;}
	.vote-pop-wrap .voting-state { width:100%; left:0; box-shadow: none; border-radius: 0 0 10px 10px; position: relative; background:#f1f1f1;}
	.vote-pop-wrap .voting-state .result {margin:10px 0;}
	.vote-pop-wrap .voting-state .btn-area {position: absolute; right:20px; width:200px;}
	.vote-step-wrap ul li .vote-box p i {top:1px;}
}
@media all and (max-width:690px) {
	.vote-step-wrap ul li .vote-box img {height:90px;}
	.content-box-bt .input-area ul li {margin-right:20px; width:18%;}
	.vote-pop-wrap .vote-pop-area .vote-pop .body .vote-list ul li video {width: 100%;}
}
@media all and (max-width:500px) {
	.vote-step-wrap ul li .vote-box {width:90%;}
	.vote-step-wrap ul li .vote-box img {margin: 0 0 5px}
}
@media all and (max-width:425px) {
	.vote-pop-wrap .voting-state .btn-area {width:auto; }
	.vote-pop-wrap .voting-state .btn-area a {padding:0 30px;}
	.vote-step-wrap ul li .vote-box img {height:70px}
	.vote-step-wrap ul li .vote-box p br { display: block;}
	.content-box-bt .input-area .head {width:20%;padding: 0; margin: 0;}
	.content-box-bt .input-area ul li {width:25%;}
	.selectbox {width: 100%;}
}
@media all and (max-width:375px) {
	.voting-state .btn-area {width:100%;}
	.voting-state .btn-area a {width:100%; line-height: 40px;}
}


/* 이용약관 동의 */
.vote-pop-wrap .vote-pop-area .vote-pop .terms-of-use { padding: 30px; border: 1px solid #dcdcdc; }
.vote-pop-wrap .vote-pop-area .vote-pop .terms-of-use h4 { font-size: 1.6rem; margin-bottom: 20px; }
.vote-pop-wrap .vote-pop-area .vote-pop .terms-of-use ul li { display: block; text-align: left; padding-right: 50px; position: relative; margin-bottom: 5px; }
.vote-pop-wrap .vote-pop-area .vote-pop .terms-of-use ul li .detail-btn { font-size: 1.4rem; color: #999999; position: absolute; top: 6px; right: 0; }
.vote-pop-wrap .vote-pop-area .vote-pop .terms-of-use ul .all-agree { padding-right: 40px; border-bottom: 1px solid #dcdcdc; display: block; height: 70px; margin-bottom: 20px; }
.vote-pop-wrap .vote-pop-area .vote-pop .terms-of-use ul .all-agree p { font-size: 1.4rem; color:#999999; letter-spacing: -0.5px; margin-top: 5px; }
.vote-pop-wrap .vote-pop-area .vote-pop .terms-of-use input[type=checkbox],
.vote-pop-wrap .vote-pop-area .vote-pop .terms-of-use input[type=radio] { display: none; }
.vote-pop-wrap .vote-pop-area .vote-pop .terms-of-use .check-label { font-size: 1.5rem; font-weight: bold; color: #2d2d2d; display: block; height: 30px; line-height: 30px; padding-left: 30px; position: relative; }
.vote-pop-wrap .vote-pop-area .vote-pop .terms-of-use .check-label:before { position: absolute; content: ''; width: 20px; height: 20px; background: url(../../img/subCommon/check_m.png) no-repeat; top: 5px; left: 0; background-position: 0 0; background-size: 20px 40px }

.vote-pop-wrap .vote-pop-area .vote-pop .terms-of-use input[type=checkbox]:checked ~ .check-label:before,
.vote-pop-wrap .vote-pop-area .vote-pop .terms-of-use input[type=radio]:checked ~ .check-label:before { background-position: 0 -20px; }



/* 일반사업투표 */
.intro-sec .content-s-title { position: relative; margin-bottom: 15px !important; padding-bottom: 15px; border-bottom: 1px solid #a5a5a5;}
.intro-sec .intro { background: url(../../img/subCommon/intro_bg.png); background-size: cover; background-repeat: no-repeat; }
.intro-sec .intro:not(:last-child) { margin-bottom: 20px;}
.intro-sec .intro .intro-box { background: rgba(255,255,255,0.4); border: 3px solid #52a2e4; text-align: center; padding: 30px; }
.intro-sec .intro .intro-box h5 { font-size: 2.3rem; line-height: 4rem; }
.intro-sec .intro .intro-box p { font-size: 1.6rem; color: #333; line-height: 1.7; margin-top: 10px; }

.intro-sec .btn-wrap button {border:0; padding:0 30px; height: 40px; font-size: 1.4rem; border-radius: 3px;}
.intro-sec .btn-wrap button.btn-blue {color: #fff; background: #52a2e4; display: block; margin: 20px auto 0;}
.intro-sec .btn-wrap button.btn-blue:hover {background: #2f8cd8; }

@media all and (max-width: 475px) {
	.intro-sec .intro {height: auto;}
	.intro-sec .intro .intro-box { padding: 30px 20px; word-break: keep-all;}
}



/* (동별) 자치계획 사업 투표 */
.board-sec .content-s-title { position: relative; margin-bottom: 15px !important; padding-bottom: 15px; border-bottom: 1px solid #a5a5a5;}
.board-sec .board-list-wrap .title { position: relative; width: 100%; font-size: 2rem; font-weight: 500; margin-bottom: 15px; padding: 15px 0 10px; border-bottom: 1px solid #a5a5a5; }
.board-sec .board-list-wrap .title a.more { position: absolute; top: 15px; right: 0; font-size: 2.9rem; color: #aeaeae; font-weight: 300; line-height: 26px; text-align: center; width: 29px; height: 29px; }
.board-sec .board-list-wrap .title a.more:hover { background: #edf0f3; border-radius: 3px; }

.board-sec .board-list-wrap .list .box { float: left; position: relative; width: calc(33.33% - 15px); margin: 0 20px 20px 0; border-top: 3px solid #d3e4f9; background: #f1f5fa; padding: 15px 20px 0; cursor: pointer; min-height: 255px; border-radius: 0 0 0 30px; }
.board-sec .board-list-wrap .list .box:hover { background: #E7EEF5; }
.board-sec .board-list-wrap .list .box:nth-child(3n) { margin-right: 0; }
.board-sec .board-list-wrap .list .box .head { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #c1ccdd; }
.board-sec .board-list-wrap .list .box .head .category { float: left; position: relative; font-size: 1.4rem; color: #52a2e4; font-weight: 500; padding-left: 20px;}
.board-sec .board-list-wrap .list .box .head .category:after { content: ''; position: absolute; top: 3px; left: 0; width: 12px; height: 15px; background: url('../../img/main/cate_icon.svg') no-repeat center; background-size: 100%;}
.board-sec .board-list-wrap .list .box .head .status { float: right; font-size: 1.2rem; padding: 2px 10px; font-weight: 500; border-radius: 3px; }
.board-sec .board-list-wrap .list .box .head .status.st01 { color: #fff; background: #52a2e4; }
.board-sec .board-list-wrap .list .box .head .status.st02 { color: #52a2e4; border: 1px solid #52a2e4; background: #f1f5fa; }
.board-sec .board-list-wrap .list .box .cont h3 { font-size: 1.6rem; font-weight: 500; color: #000; height: 54px; word-break: break-all; overflow: hidden; display: -webkit-box; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.board-sec .board-list-wrap .list .box .date { color: #767676; font-size: 1.3rem; word-break: break-all; overflow: hidden; display: -webkit-box; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.board-sec .board-list-wrap .list .box .date:not(:last-child) { margin-bottom: 15px; }
.board-sec .board-list-wrap .list .box .date .tit { position: relative; display: block; padding-bottom: 5px; font-weight: 600; padding-left: 17px;}
.board-sec .board-list-wrap .list .box .date .tit:after { content: ''; position: absolute; top: 4px; left: 0; width: 12px; height: 12px; background: url('../../img/main/icon_date.svg') no-repeat center; background-size: 100%;}
.board-sec .board-list-wrap .list .box .date:nth-child(3) .tit:after { background: url('../../img/main/icon_time.svg') no-repeat center; background-size: 100%; }
.board-sec .board-list-wrap .list .box.closed { background: #f5f5f5; border-color: #c0c0c0; cursor: default; }
.board-sec .board-list-wrap .list .box.closed .head { border-bottom-color: #c9c9c9; }
.board-sec .board-list-wrap .list .box.closed .head .category { color: #5d5d5d; padding-left: 20px;}
.board-sec .board-list-wrap .list .box.closed .head .category:after { background: url('../../img/main/cate_dis.svg') no-repeat center; background-size: 100%; }

.board-sec .board-list-wrap .list .box.closed .head .status { color: #999; border:1px solid #aaa; }
.board-sec .board-list-wrap .list .box.closed .cont h3 { color: #5d5d5d; }
.board-sec .board-list-wrap .list .box.closed .date, .board-sec .board-list-wrap .list .box.closed .date b { color: #9e9e9e; }

.board-sec .check-list { display: inline-block; position: absolute; top:0; right:0; }
.board-sec .check-list ul li { display: inline-block; margin-right: 10px; margin-top: 1px; }
.board-sec .check-list ul li input[type=checkbox],
.board-sec .check-list ul li input[type=radio] { display: none; }
.board-sec .check-list ul li label { font-size: 1.4rem; font-weight: bold; color: #52a2e4; display: block; height: 30px; line-height: 30px; padding-left: 25px; position: relative; }
.board-sec .check-list ul li label:before { position: absolute; content: ''; width: 15px; height: 15px; background: url(../../img/subCommon/check.png) no-repeat; top: 7px; left: 5px; background-position: 0 0; background-size: 15px 30px; }
.board-sec .check-list ul li input[type=checkbox]:checked ~ label:before,
.board-sec .check-list ul li input[type=radio]:checked ~ label:before { background-position: 0 -15px; }

@media (max-width: 1040px) {
	.board-sec .board-list-wrap .list .box .head .category { padding-left: 13px; }
	.board-sec .board-list-wrap .list .box .head .category:after { width: 10px; height: 10px; }
}
@media all and (max-width:799px)
{
	.board-sec .check-list ul li label:before { position: absolute; content: ''; width: 15px; height: 15px; background: url(../../img/subCommon/check_m.png) no-repeat; top: 7px; left: 5px; background-position: 0 0; background-size: 15px 30px; }
}
@media (max-width: 768px) {
	.board-sec .board-list-wrap .list .box { width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px; }
	.board-sec .board-list-wrap .list .box:nth-child(2n) { margin-right: 0; }
	.board-sec .board-list-wrap .list .box .head { margin-bottom: 10px; }
}
@media (max-width: 550px) {
	.board-sec { padding-top: 35px !important; }
	.board-sec .content-s-title { margin-bottom: 50px !important; }
	.board-sec .check-list { top: auto; bottom: -40px;}

	.board-sec .board-list-wrap .list .box { width: 100%; min-height: auto; margin-right: 0; padding: 20px 20px 30px;}
	.board-sec .board-list-wrap .list .box .head .status { padding: 1px 6px; font-size: 1.1rem; }
}


/* voting-detail */
.voting-detail .board-detail .title-area .etc { padding-top: 20px;}
.voting-detail .board-detail .title-area .etc span { position: relative; display: block; padding-left: 20px; margin-bottom: 10px;}
.voting-detail .board-detail .title-area .etc span:after { content: ''; position: absolute; top: 4px; left: 0; width: 12px; height: 12px; background: url('../img/main/icon_date.svg') no-repeat center; background-size: 100%;}
.voting-detail .board-detail .title-area .etc span.city:after { background: url('../../img/main/cate_dis.svg') no-repeat center; background-size: 100%; height: 15px; }
.voting-detail .board-detail .title-area .etc span.date:after { background: url('../../img/main/icon_time.svg') no-repeat center; background-size: 100%; }
.voting-detail .board-detail .title-area .etc span.view:after { background: url('../../img/main/icon_date.svg') no-repeat center; background-size: 100%; }
.voting-detail .btn-area { float: none !important; width: 100%; text-align: center; }
.voting-detail .btn-area a { width: 200px !important; float: none !important; display: inline-block !important; color: #fff !important; border: 0 !important;}