@charset "utf-8";

@import url(/font/webfonts_NotoSansKR.css);
@import url(/font/dingbat_xeicon.css);

/* 페이지,검색영역*/
.board_info { position: relative; }
.board_info::after { content: ""; clear: both; display: table; }
.board_info .page_info { float: left; margin-top: 1.5rem; }
.board_info .page_info strong, .board_info .page_info b { color: #333; }
.board_info .page_info .current_page { position: relative; padding-left: .5rem; margin-left: .4rem; }
.board_info .page_info .current_page::before { content: ''; display: block; background-color: #ddd; width: 1px; height: 0.7rem; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

/* 검색영역 */
.board_info .Search_rss { float: right; text-align: right; position: relative; font-size: .75rem; }
.board_info .Search_rss a.icon_rss { display: none; }
.board_info fieldset { clear: both; display: table; width: 100%; position: relative; overflow: hidden; }
.board_info fieldset select, .board_info fieldset input, .board_info fieldset button { border: 1px solid #ddd; display: block; width: 100%; height: 100%; padding: 0 .5rem; }
.board_info fieldset span { display: inline-block; vertical-align: middle; height: 2rem; }
.board_info fieldset span:first-of-type { margin-left: 0; }
.board_info fieldset span.form-select { min-width: 7.5rem; position: relative; }
.board_info fieldset span.form-select::after { content: '\e936'; color: #333; position: absolute; right: 0.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "xeicon"; }
.board_info fieldset span.form-select select { background-color: transparent; -webkit-appearance: none; position: relative; z-index: 1; }
.board_info fieldset span.form-select select::-ms-expand { display: none; }
.board_info fieldset span.form-input { width: 13rem; }
.board_info fieldset span.form-input input { padding-right: 3rem; }
.board_info fieldset span.form-btn { min-width: 2rem; margin-left: -3rem; }
.board_info fieldset span.form-btn button { background-color: #333; border: #333; color: #fff; padding: 0 .9rem; }

/* 페이지 이동 */
.board_pager { margin: 30px auto; text-align: center; }
.board_pager .inner { display: table; margin: 0 auto; }
.board_pager a { border-radius: 50%; width: 2rem; height: 2rem; text-align: center; background-color: transparent; color: #999; border: 1px solid #ddd; display: inline-block; vertical-align: middle; font-size: .8rem; padding-top: .25rem; margin: 0 2px; text-decoration: none; }
.board_pager a:hover { background-color: #f5f6fa; -webkit-transition: all .25s; transition: all .25s; }
.board_pager .pageNone { border-color: transparent; }
.board_pager .pageNone:hover { border-color: #ddd; -webkit-transition: all .2s; transition: all .2s; }
.board_pager .pageNow { background-color: #333; border-color: #333; }
.board_pager .pageNow strong { color: #fff; }
.board_pager + .survey { margin-top: 100px; }
.board_pager i { font-size: 1rem; margin-top: .25rem; color: #777; }
.board_pager .pageFirst i::after { content: "\e93c"; font-family: "xeicon"; margin-left: -.8rem; }
.board_pager .pageLast i::after { content: "\e93f"; font-family: "xeicon"; margin-left: -.8rem; }
.board_pager .pagePrev { margin-right: 1rem; }
.board_pager .pageNext { margin-left: 1rem; }

/*list*/
div.VoteList { border-top: 2px solid #555; }
div.VoteList > div.list {border-bottom:1px solid #ddd; background:#fff; clear:both; overflow:hidden; padding:15px}
div.VoteList > div.list > a {float:left; width:65%}
div.VoteList > div.list div.photo {background:#e7e7e7 url('/error/img/no_image_bukgu.gif') no-repeat center; background-size:100%; display:inline-block; width:100px; height:60px; margin-right:20px; vertical-align:middle}
div.VoteList > div.list div.photo img {display:block; width:100%; height:100%}
div.VoteList > div.list div.tt {display:inline-block; vertical-align:middle; width:75%}
div.VoteList > div.list div.tt > span.txt {display:block; overflow:hidden; text-overflow:ellipsis; width:99.9%}
div.VoteList > div.list div.tt > span.txt > strong {color:#333; display:block; float:left; font-size:18px; position:relative; width:100%}
div.VoteList > div.list:hover div.tt > span.txt > strong {transition:all .3s; text-decoration:underline}
div.VoteList > div.list div.tt > span.date {background:url('/ease_src/survey/img/icon-calendar-g.png') no-repeat -5px 7px; background-size:25px; color:#999; display:block; float:left; font-size:1em; padding:7px 0 0 19px; letter-spacing:-0.5px; margin-right:5px}
div.VoteList > div.list div.tt > span.hit {background:url('/ease_src/survey/img/icon-hit.png') no-repeat left 7px; background-size:22px; color:#999; display:block; float:left; font-size:1em; padding:7px 0 0 24px; margin-left:10px}
div.VoteList > div.list div.btnArea {float:right}
div.VoteList > div.list div.btnArea > span {display:inline-block; vertical-align:middle}
div.VoteList > div.list div.btnArea > span.btn-par{background-color:#9b1b2b;border:1px solid #9b1b2b }
div.VoteList > div.list div.btnArea > span.btn-result{background-color:#1a3759; border:1px solid #1a3759}
div.VoteList > div.list div.btnArea > span:hover { transition:all .3s;background-color:#fff }
div.VoteList > div.list div.btnArea > span.btn-par:hover {border-color:#9b1b2b; }
div.VoteList > div.list div.btnArea > span.btn-resul:hover {border-color:#1a3759; }
div.VoteList > div.list div.btnArea > span > a {color:#fff; display:inline-block; font-size:1em; padding:7px 13px; width:100%}
div.VoteList > div.list div.btnArea > span:hover > a {color:#19529d; transition:all .3s}
div.VoteList > div.list div.btnArea > span.btn-par:hover > a {color:#9b1b2b; }
div.VoteList > div.list div.btnArea > span.btn-resul:hover > a {color:#1a3759; }
.no-vote{border-top: 2px solid #555;text-align:center;border-bottom:1px solid #ddd; background:#fff; clear:both; overflow:hidden; padding:15px}

/*Result-참여하기*/
div.VoteResult > div.list {border-top:2px solid #555; background:#fff; margin-bottom:15px}
div.VoteResult > div.list .tt {background:#fff; clear:both; font-size:1.6em; line-height:1.6em; font-weight:500; overflow:hidden; padding:10px 20px; text-align:center; border-bottom:1px solid #ddd}
div.VoteResult > div.list .tt2{background:#f8f9fa;padding:20px 20px}
div.VoteResult > div.list > div.tt > span.txt {display:block; float:left}
div.VoteResult > div.list > div.tt > span.txt > strong {color:#333; display:block; font-size:18px; position:relative}
div.VoteResult > div.list > div.tt > span.date {background:url('/ease_src/survey/img/icon-calendar-g.png') no-repeat -5px 6px; background-size:25px; color:#999; display:block; float:right; font-size:16px; padding:0 0 0 19px; letter-spacing:-0.5px}
div.VoteResult > div.list > div.swiper-container {/*background:url('/ease_src/survey/img/noimg.gif') no-repeat center; background-size:65px; position:relative; overflow:hidden; padding:25px*/}
div.swiper-wrapper {height:auto !important}
div.swiper-slide {height:auto !important; padding:30px; text-align:center}
div.swiper-slide img {display:block; margin:0 auto}
div.VoteResult > div.list > ul {position:relative}
div.VoteResult > div.list > ul > li {color:#333; font-size: 15px; line-height:24px}
div.VoteResult > div.list > ul > li.photo {background:#f8f8f8 url('/ease_src/survey/img/noimg.gif') no-repeat center 50px; background-size:60px; height:180px; overflow:hidden}
div.VoteResult > div.list > ul > li.photo > img {width:100%}
div.VoteResult > div.list > ul > li.date {background:url('/ease_src/survey/img/icon-dot.png') no-repeat 5px 3px; background-size:10px; padding-left:17px; margin-top:10px}
div.VoteResult > div.list > ul > li.cont {border-top:1px solid #ddd; padding:20px 20px;font-size: 1.6em; line-height: 1.6em; font-weight: 500; background: #f8f9fa; text-align:center}
div.VoteResult > div.list > ul > li.hit {background:url('/ease_src/survey/img/icon-poll-m.png') no-repeat 5px center; background-size:30px; border-top:1px solid #ddd; color:#19529d; display:block; font-size:16px; padding:13px 10px 10px 33px;}
div.VoteResult > div.list > ul > li.btnArea {position:absolute; bottom:15px; right:10px}
div.VoteResult > div.list > ul > li.btnArea > a {border-radius:50px; box-sizing:border-box; color:#fff; font-size:13px; padding:7px 10px 7px 27px}
div.VoteResult > div.list > ul > li.btnArea > a.btn-par {background:#00a651 url('/ease_src/survey/img/icon-check.png') no-repeat 5px center;  background-size:20px}
div.VoteResult > div.list > ul > li.btnArea > a.btn-result {background:#396fb4 url('/ease_src/survey/img/icon-graph.png') no-repeat 7px center;  background-size:20px}
div.OrderList > div.list {border-bottom:1px solid #ddd; box-sizing:border-box; background:#fff; clear:both; margin-bottom:5px; overflow:hidden}


/*질문*/
div.OrderList > div.list > div.basic {clear:both; padding:15px 10px 20px; overflow:hidden; position:relative}
div.OrderList > div.list > div.basic > ul {clear:both; overflow:hidden}
div.OrderList > div.list > div.basic > ul:nth-child(2) {margin:10px 0 0 0; padding-top:10px; border-top:1px solid #ddd}
div.OrderList > div.list > div.basic > ul > li {float:left; font-size:14px; line-height:15px; padding-left:5px}
div.OrderList > div.list > div.basic > ul > li.tt {color:#333; font-size:17px; margin:7px 0 0 0; width:85%; line-height:24px}
div.OrderList > div.list > div.basic > ul > li.checkbox {float:right; width:12%; margin-top:5px; text-align:right}
div.OrderList > div.list > div.basic > ul > li.graph {padding:7px 0 0; width:100%; box-sizing: border-box; margin-bottom:10px}
div.OrderList > div.list > div.basic > ul > li.graph > span.graph-bg {background:#f0f0f0 url('/ease_src/survey/img/per-bg.gif') repeat; display:block; float:left; width:85%; text-align:left; height:15px; margin-right:10px}
div.OrderList > div.list > div.basic > ul > li.graph > span.graph-bg > span.per {background:#2a5fa5; background-size:100%; display:block; height:15px}
div.OrderList > div.list > div.basic > ul > li.graph > span.percent {color:#2a5fa5; float:right; font-size:15px; margin:-5px 0 0 10px; position:relative}
div.OrderList > div.list > div.basic > ul > li.graph > span.percent:before {content:'\e91f'; color:#2a5fa5; display:inline-block; font-family:'icomoon' !important; font-size:20px; padding-right:3px; vertical-align:-3px}

/*설문조사 결과*/
.survey-result .list {border-bottom:1px solid #ddd; padding:35px 10px}
.survey-result .list:first-child {padding-top:20px}
.survey-result .list .basic ul:last-child {padding-left:6px}
.survey-result .list li {margin-bottom:5px}
.survey-result .list .tt {color:#333; font-weight:500; font-size:17px; margin-bottom:10px}
.survey-result .list button {background-color:#464646; border:1px solid #ddd; color:#fff; cursor:pointer; font-size:14px; height:40px; padding:0 10px}
.survey-result .list button:hover {background-color:#000; border-color:#000; transition:all .2s}
.survey-result .list .question {display:inline-block; padding-right:10px; vertical-align:top; width:100%}
.survey-result .list .graph {clear:both; display:inline-block; margin-left:3px; overflow:hidden; vertical-align:top; width:100%}
.survey-result .list .graph .graph-bg {background:#f0f0f0 url(/ease_src/survey/img/per-bg.gif) repeat; display:block; float:left; height:15px; text-align:left; width:80%}
.survey-result .list .graph .graph-bg .per {background:#2a5fa5; background-size:100%; display:block; height:15px}
.survey-result .list .graph .percent {display:block; float:right; font-size:14px !important; position:relative; text-align:right; width:20%}
.survey-result .list .graph .percent:before {content:'\e91f'; color:#2a5fa5; display:inline-block; font-family:'icomoon' !important; font-size:20px; padding-right:3px; vertical-align:-3px}
.survey-result .list .graph .percent strong {color:#2a5fa5}


/*내용 열기 닫기 버튼*/
div.OrderList > div.list > span.btn-open {background:#f9f9f9; border-top:1px solid #ddd; display:block; font-size:0.95em; width:100%; text-align:center}
div.OrderList > div.list > span.btn-open > a {display:block; padding:13px 25px 13px 13px}
div.OrderList > div.hide > span.btn-open > a i {background:url('/ease_src/survey/img/icon-bot.png') no-repeat; background-size:22px; display:inline-block; height:20px; width:20px; vertical-align:-3px}
div.OrderList > div.list > div.detail {background:#f9f9f9; border-top:1px solid #ddd}
/*사진 슬라이딩*/
div.photo-slide {position:relative}
div.photo-slide > div.slide {clear:both; overflow:hidden}
div.photo-slide > div.slide > ul > li {float:left; text-align:center; width:100%}
div.photo-slide > div.pagination {text-align: center}
div.photo-slide > div.pagination > span.bullet {background:#000; border-radius:50px; display:inline-block}
div.photo-slide > div.pagination > span.on {background:#00a651; border-radius:50px; display:inline-block}
div.photo-slide > div.pagination > span > a {display:block; width:13px; height:13px}
div.photo-slide > div.btn_area {position:absolute; top:40%; width:100%}
div.photo-slide > div.btn_area > span.btn_prev > a{display:block; float: left; background:url('/ease_src/survey/img/icon-prev.png') no-repeat; background-size:50px; width:50px; height:50px}
div.photo-slide > div.btn_area > span.btn_next > a{display:block; float: right; text-align:right; background:url('/ease_src/survey/img/icon-next.png') no-repeat; background-size:50px; width:50px; height:50px}
/*내용*/
div.content {font-size:16px; padding:20px 20px; clear:both; overflow:hidden}
div.content > ul > li {clear:both; overflow:hidden; margin-bottom:13px}
div.content > ul > li > strong {background:url('/ease_src/survey/img/icon-dot.png') no-repeat left 4px; background-size:7px; display:block; padding:0 0 3px 10px; color:#666; font-weight:normal}
div.content > ul > li > span {display:block; font-size:0.95em; margin-left:13px}
div.content > ul > li > div textarea {border:1px solid #ddd; border-radius:0; background-color:#fff; margin:5px 0 0 0; width:100%; padding:5px; -webkit-appearance:none}

/*추가입력*/
div.add-box {background:#fff; border:1px solid #cdcdcd; box-sizing:border-box; border-radius:5px; color:#666; font-size:14px; text-align: center; padding:20px; line-height:20px}
div.add-box > fieldset > span.tt {color:#333; font-size:16px; margin:0 5px 0 0; font-weight:bold}
div.add-box > fieldset > span.btnLogin {background:#00a651; border:1px solid #00a651; border-radius:5px; box-sizing:border-box; display:inline-block; text-align:center; padding:3px 10px;}
div.add-box > fieldset > span.btnLogin > input {border:0; background:0; font-size:14px; color:#fff}

/*체크,라디오 버튼 스타일*/
.OrderList input[type="checkbox"] {}
.OrderList input[type="checkbox"] + label {display:inline-block; width:30px; height:30px}
/*.OrderList input[type="checkbox"] + label span {display:inline-block; width:30px; height:30px; vertical-align:middle; border:1px solid #19529d; border-radius:5px; background:url(/ease_src/survey/img/checkbox-off.png) no-repeat center;  background-size:40px; cursor:pointer; float:none}
.OrderList input[type="checkbox"]:checked + label span {background:#fff url(/ease_src/survey/img/checkbox-on.png) no-repeat center;  background-size:40px;}*/
.OrderList input[type="radio"] {}
.OrderList input[type="radio"] + label {color:#333; font-family:Arial, sans-serif; font-size:14px}
/*.OrderList input[type="radio"] + label span {display:inline-block; width:15px; height:15px; vertical-align:middle; border:1px solid #ccc; border-radius:50px; padding:3px; cursor:pointer; margin-right:5px}*/
.OrderList input[type="radio"]:checked + label span {background:url(/ease_src/survey/img/radio-on.png) no-repeat center;  background-size:13px}

/*테이블*/
.tbl_type1 {border-collapse:collapse; margin:15px 0 15px 0; border-top:2px solid #5f83b3; border-bottom:1px solid #5f83b3; width:100%}
.tbl_type1 thead th,
.tbl_type1 tbody th {background:#f7f9fc; border:1px solid #d4dce7; color:#5f83b3; font-weight:normal; text-align:center; line-height:150%; padding:13px 5px}
.tbl_type1 tbody td{border:1px solid #d4dce7; color:#666; line-height:150%; padding:7px}

/*버튼*/
div.BtnArea {text-align:right; margin-top:20px; margin-bottom:10px}
div.BtnArea > button {background:#464646; border:1px solid #464646; color:#fff; cursor:pointer; display:inline-block; font-size:14px; font-family:inherit; height:40px; margin-left:-2px; padding:0 15px; text-align:center}
div.BtnArea > button:hover {background:#000; border-color:#000; color:#fff; transition:all .3s}
/*div.BtnArea > button:first-child {border-right:1px solid #fff}*/

/*icon*/
.icon-check {background:url('/ease_src/survey/img/icon-check.png') no-repeat 28% center; background-size:22px; display:inline-block; width:22px; height:22px; margin-right:5px; vertical-align:-7px}
.icon-graph {background:url('/ease_src/survey/img/icon-graph-g.png') no-repeat -3px center; background-size:29px; display:inline-block; width:22px; height:22px; margin-right:5px; vertical-align:-7px}
.icon-result{background:url('/ease_src/survey/img/icon-graph.png') no-repeat 22% center;  background-size:22px; display:inline-block; width:22px; height:22px; margin-right:5px; vertical-align:-7px}
.icon-list{background:url('/ease_src/survey/img/icon-list.png') no-repeat 22% -2px;  background-size:22px; display:inline-block; width:22px; height:22px; margin-right:5px; vertical-align:-7px}
.icon-poll-w{background:url('/ease_src/survey/img/icon-poll-g.png') no-repeat -4px -6px; background-size:30px; display:inline-block; width:22px; height:22px; margin-right:5px; vertical-align:-7px}
.icon-cancel-w{background:url('/ease_src/survey/img/icon-cancel-w.png') no-repeat 22% -6px; background-size:30px; display:inline-block; width:22px; height:22px; margin-right:5px; vertical-align:-7px}
.icon-end{background:url('/ease_src/survey/img/icon-end.png') no-repeat 22% -2px; background-size:24px; display:inline-block; width:22px; height:22px; margin-right:5px; vertical-align:-7px}
.icon-detail-b{background:url('/ease_src/survey/img/icon-detail-b.png') no-repeat center -6px; background-size:24px; display:inline-block; width:15px; height:18px; margin-right:3px; vertical-align:-7px}
.icon-detail-g{background:url('/ease_src/survey/img/icon-detail-g.png') no-repeat center -6px; background-size:24px; display:inline-block; width:15px; height:18px; margin-right:3px; vertical-align:-7px}
.icon-hit{background:url('/ease_src/survey/img/icon-hit.png') no-repeat center -2px; background-size:18px; display:inline-block; width:15px; height:18px; margin-right:3px; vertical-align:-7px}

/*본인인증 목록 버튼*/
.bottom {position:absolute; bottom:10px; width:97%; border-radius:5px}

/*경고창*/
p.alertMsg {background-color:rgba(0, 0, 0, 0.46); border:1px solid #797979; box-sizing:border-box; border-radius:50px; color:#fff; font-family:'NBG','NanumBarunGothic','나눔바른고딕','Malgun Gothic','맑은고딕'; font-size:14px; padding:10px 20px }

/*에러페이지*/
div.error {text-align:center; font-size:16px; height:100%; width:100%; margin-top:100px}

@media screen and (max-width:1200px) {
	div.VoteList > div.list {padding:20px 0}
	div.VoteList > div.list > a {width:100%}
	div.VoteList > div.list div.btnArea {float:left; margin-top:15px}
}

@media screen and (max-width:768px) {
	div.OrderList > div.list > div.basic > ul > li.graph > span.graph-bg {width:100%; margin-bottom: 5px;}
	div.OrderList > div.list > div.basic > ul > li.graph > span.percent {display:block; margin-top:10px}
	
	/*설문조사 결과*/
	.survey-result .list .question {display:block; margin-bottom:5px; width:100%}
	.survey-result .list .graph {display:block; margin-left:3px; width:100%}
	.survey-result .list .graph .graph-bg {width:75%}
}

@media screen and (max-width:640px) {
	div.VoteList > div.list div.photo {width:100%; height:200px; margin-bottom:20px}
	div.VoteList > div.list div.tt {width:100%}
}

@media screen and (max-width:542px) {
	/*설문조사 결과*/
	.survey-result .list .graph {margin-bottom:15px}
	.survey-result .list .graph:last-child {margin-bottom:0}
	.survey-result .list .graph .graph-bg {width:100%; margin-bottom:7px}
	.survey-result .list .graph .percent {width:100%; text-align:left}
}