@charset "utf-8";

/* ==============================
 * 설문조사
 ================================ */
.survey-wr {}

/** -- 설문조사 > List */
.survey-wr.List .bdListTbl .svyNum {width:100px}
.survey-wr.List .bdListTbl .svySubj {width:auto;text-align:left}
.survey-wr.List .bdListTbl .svyOpen {width:140px}
.survey-wr.List .bdListTbl .svyState {width:140px}
.survey-wr.List .bdListTbl .svyParti {width:140px}
.survey-wr.List .bdListTbl td {padding:10px;height:50px}
.survey-wr.List .bdListTbl .status {display:inline-block;width:40px;text-align:center}
@media all and (max-width:999px) {
	.survey-wr.List .bdListTbl .svyNum {width:60px}
	.survey-wr.List .bdListTbl .svyOpen {width:110px}
	.survey-wr.List .bdListTbl .svyState {width:110px}
	.survey-wr.List .bdListTbl .svyParti {width:110px}
}
@media all and (max-width:899px) {
	.survey-wr.List .bdListTbl {display:block;width:100%;overflow:hidden}
	.survey-wr.List .bdListTbl thead {display:none}
	.survey-wr.List .bdListTbl tbody,
	.survey-wr.List .bdListTbl tbody tr,
	.survey-wr.List .bdListTbl tbody tr th,
	.survey-wr.List .bdListTbl tbody tr td {display:block;float:left;box-sizing:border-box;position:relative;padding:0;text-align:left}
	.survey-wr.List .bdListTbl tbody tr {padding:15px 0 15px 10%;border-bottom:1px solid #ddd}
	.survey-wr.List .bdListTbl tbody,
	.survey-wr.List .bdListTbl tbody tr {width:100%}
	.survey-wr.List .bdListTbl tbody tr th,
	.survey-wr.List .bdListTbl tbody tr td {border:0;line-height:1.2;height:auto}
	.survey-wr.List .bdListTbl tbody tr td:before {content:attr(data-lbl);display:inline-block;color:#777;border-right:1px solid #ddd;line-height:1.2;font-weight:300;width:70px;position:absolute;left:0;top:10px}
	.survey-wr.List .bdListTbl tbody tr td.svyNum:before {display:none}
	.survey-wr.List .bdListTbl .svyNum {width:auto;position:absolute;left:0;top:15px}
	.survey-wr.List .bdListTbl .svySubj {width:100%;padding:0 0 0 80px}
	.survey-wr.List .bdListTbl .svySubj:before {position:absolute;left:0;top:0px;margin:0}
	.survey-wr.List .bdListTbl .svyOpen {width:50%;padding:10px 0 0 80px}
	.survey-wr.List .bdListTbl .svyState {width:50%;padding:10px 0 10px 80px}
	.survey-wr.List .bdListTbl .svyParti {width:100%;padding:0 0 0 80px}
}
@media all and (max-width:599px) {
	.survey-wr.List .bdListTbl .svyOpen {width:100%}
	.survey-wr.List .bdListTbl .svyState {width:100%}
	.survey-wr.List .bdListTbl .svyParti {width:100%;padding:10px 0 0 0}
	.survey-wr.List .bdListTbl .svyParti:before {display:none}
	.survey-wr.List .bdListTbl .svyParti > * {display:block;width:100%}
}

 /** -- 설문조사 > Write(새창팝업) */
.survey-wr.Write {}
.survey-wr.Write .svy-head {box-sizing:border-box;border-top:2px solid #002752;margin:0 0 40px}
.survey-wr.Write .svy-head .shTit {padding:30px 0;margin:0}
.survey-wr.Write .svy-head .shTxt {box-sizing:border-box;border:1px solid #ddd;padding:20px}
.survey-wr.Write .svy-head .shTxt .shPeriod {padding:0 0 10px;margin:0 0 10px;border-bottom:1px solid #aaa}
.survey-wr.Write .svy-head .shTxt .shMsg {}
.survey-wr.Write .svy-body {}
.survey-wr.Write .svy-body .svyLst {}
.survey-wr.Write .svy-body .svyLst > li {display:block;box-sizing:border-box;padding:0 0 30px;margin:0 0 20px;border-bottom:1px solid #ddd}
.survey-wr.Write .svy-body .svyLst > li.hasTbl {padding:0;border-bottom:0}
.survey-wr.Write .svy-body .svyLst > li:last-child {padding:0;margin:0;border-bottom:0}
.survey-wr.Write .svy-body .svyItem {}
.survey-wr.Write .svy-body .svyItem dt,
.survey-wr.Write .svy-body .svyItem dd {display:block;box-sizing:border-box;position:relative}
.survey-wr.Write .svy-body .svyItem dt {margin:0 0 10px;line-height:1.2}
.survey-wr.Write .svy-body .svyItem dt span {vertical-align:bottom;line-height:1.3}
.survey-wr.Write .svy-body .svyItem dt .num {font-weight:500;color:#002752;font-size:1.2em}
.survey-wr.Write .svy-body .svyItem dt .num:after {content:".";margin:0 5px 0 0;color:#002752}
.survey-wr.Write .svy-body .svyItem dt .msg {}
.survey-wr.Write .svy-body .svyEleLst1 {display:flex;flex-flow:row;flex-wrap:wrap}
.survey-wr.Write .svy-body .svyEleLst1 > li {display:inline-block;min-width:10%;vertical-align:top}
.survey-wr.Write .svy-body .svyEleLst1 .svyEle,
.survey-wr.Write .svy-body .svyEleLst1 .svyExtra {display:inline-block;vertical-align:top}
.survey-wr.Write .svy-body .svyEleLst1 .svyExtra input[type="text"] {display:block;height:22px;transition:all .3s ease}
.survey-wr.Write .svy-body .svyEleLst1 .svyExtra input[disabled] {}
.survey-wr.Write .svy-body .svyTxtarea {display:block;width:100%;height:100px;box-sizing:border-box;padding:10px;background:#eee;border:0;resize:none}
.survey-wr.Write .svy-body .svyTbl {}
.survey-wr.Write .svy-body .svyTbl .rdos input[type="radio"] + label {padding:5px 0 5px 25px}
.survey-wr.Write .svy-body .svyTbl .rdos input[type="radio"] + label:before {top:3px}
.survey-wr.Write .svy-body .svyTbl .rdos input[type="radio"] + label:after {top:9px}
@media all and (max-width:799px) {
	.survey-wr.Write .svy-head .shTit {padding:20px 0;font-size:1.3em}
	.survey-wr.Write .svy-head .shTxt {padding:15px}
}
@media all and (max-width:767px) {
	.survey-wr.Write .svy-body .svyLst > li {padding:0 0 15px;margin:0 0 10px}
	.survey-wr.Write .svy-body .svyEleLst1 > li {margin:0 0 5px}
	.survey-wr.Write .svy-body .svyEleLst1 > li:nth-last-child(-n+2) {margin:0}
	.survey-wr.Write .svy-body .svyEleLst1 .svyExtra {margin:-6px 0 0}
}
@media all and (max-width:699px) {
	.survey-wr.Write .svy-body .svyEleLst1 > li {width:100%;min-width:100%}
	.survey-wr.Write .svy-body .svyEleLst1 > li:nth-last-child(-n+2) {margin:0 0 5px}
	.survey-wr.Write .svy-body .svyEleLst1 > li:last-child{margin:0}
	.survey-wr.Write .svy-body .svyEleLst1 .svyEle,
	.survey-wr.Write .svy-body .svyEleLst1 .svyExtra {display:block}
	.survey-wr.Write .svy-body .svyEleLst1 .svyExtra {margin:0;box-sizing:border-box;padding:0 0 0 25px}
	.survey-wr.Write .svy-body .svyEleLst1 .svyExtra input[type="text"] {width:100%}
	.survey-wr.Write .svy-body .svyTbl {display:block;overflow:hidden;width:100%}
	.survey-wr.Write .svy-body .svyTbl colgroup,
	.survey-wr.Write .svy-body .svyTbl thead {display:none}
	.survey-wr.Write .svy-body .svyTbl tbody,
	.survey-wr.Write .svy-body .svyTbl tr,
	.survey-wr.Write .svy-body .svyTbl th,
	.survey-wr.Write .svy-body .svyTbl td {display:block;float:left;box-sizing:border-box;position:relative;padding:0;border:0;text-align:left}
	.survey-wr.Write .svy-body .svyTbl tr {padding:10px 0;border-bottom:1px solid #ddd;width:100%}
	.survey-wr.Write .svy-body .svyTbl th:before,
	.survey-wr.Write .svy-body .svyTbl td:before {content:attr(data-lbl)}
	.survey-wr.Write .svy-body .svyColType {width:100%;text-align:left;font-weight:700;color:#000}
	.survey-wr.Write .svy-body .svyColCate {width:100%;text-align:left;font-weight:400;color:#000;margin:0 0 5px}
	.survey-wr.Write .svy-body .svyColItem {width:50%}
	.survey-wr.Write .svy-body .svyColItem > span {display:inline-block;vertical-align:middle;margin:-2px 0 0}
}
@media all and (max-width:399px) {
	.survey-wr.Write .svy-body .svyColItem {width:100%}
}