@charset "utf-8";

@import url(/upload/skin/board/plani.css);

/*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 {color:#19529d; transition:all .3s}
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 {border:1px solid #bbb; display:inline-block; vertical-align:middle}
div.VoteList > div.list div.btnArea > span:hover {border-color:#19529d; transition:all .3s}
div.VoteList > div.list div.btnArea > span > a {color:#777; 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:hover .icon-graph {background-image:url('/ease_src/survey/img/icon-graph.png')}
div.VoteList > div.list div.btnArea > span:hover .icon-poll-w {background-image:url('/ease_src/survey/img/icon-poll-m.png')}

/*Result-참여하기*/
div.VoteResult > div.list {border-top:1px solid #666; border-bottom:1px solid #ddd; background:#fff; margin-bottom:15px}
div.VoteResult > div.list .tt {background:#f9f9f9; border-bottom:1px solid #bfbfbf; clear:both; font-size:1.6em; line-height:1.6em; font-weight:500; overflow:hidden; padding:25px 20px; text-align:center}
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:15px 10px 15px 10px}
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}
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}
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}
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 10px; 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}


/*테이블*/
.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}

/*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%}
	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}
}