/* 고객지원 > 설문조사 230911 추가 */
.time_input{background:url(../images/survey/ico_time.png) no-repeat 98% 50%;}
.survey{font-size:16px;}
.survey input[type="radio"],
.survey input[type="checkbox"]{width:16px; height:16px; vertical-align:top;}
.survey .tit_wrap{padding:30px 40px 25px; margin:0 0 20px; border-top:1px dashed #262525; border-bottom:1px dashed #262525; background:#fdf6f7 url(../images/survey/bg_survey.png) no-repeat 95% 100%;}
.survey .tit_wrap .h3_tit{color:#111d68; font-family: "Pretendard GOV";}
.survey .info{text-align: center;}
.survey .info p{padding:10px 0 5px 0; color:#007dbd; font-family: "Pretendard GOV";}
.survey .context > ul > li{padding:0 0 0 90px; line-height:28px;}
.survey .context > ul > li:before{top:11px;}
.survey .context > ul > li strong{position:absolute; top:0; left:13px;}
.survey .lts3{letter-spacing:6px;}
.survey .lts2{letter-spacing:27px;}
.survey .qna{margin-top:15px; padding:20px; border:1px solid #ddd; border-bottom:2px dashed #ddd; box-sizing:border-box;}
.survey .qna > li p{padding:11px 10px 11px 20px; color:#000; font-family: "Pretendard GOV"; background:#eaf5fe;}
.survey .qna > li p span{display:inline-block; margin:0 4px 0 0; color:#111d68; font-size:19px; font-family: "Pretendard GOV";}
.survey .qna > li + li{padding-top:30px;}
.survey .qna ol{display:flex; flex-wrap:wrap; padding:20px 20px 0 20px;}
.survey .qna div.a{padding:20px 0 0 0;}
.survey .qna ol li{margin:0 30px 0 0;}
.survey .qna ol.long{display:block;}
.survey .qna ol.long li{margin:0;}
.survey .qna textarea{width:100%; height:70px;}
.survey .qna .wd50{width:50%;}
.survey .userInfo{padding:20px 20px 15px 330px; border:1px solid #ddd; border-top:none; box-sizing:border-box;}
.survey .userInfo li{position:relative; padding:0 0 0 70px; margin:0 0 5px;}
.survey .userInfo li label{position: absolute; top:0; left:10px; line-height:32px;}
.survey .userInfo li:before{content:''; display:block; position:absolute; top:13px; left:0; width:3px; height:3px; background:#111d68;}
.survey .userInfo .at,
.survey .userInfo .dash{display:inline-block; margin:0 5px;}
.survey .userInfo .wd50{width:50%; max-width:280px;}
.survey .userInfo .wd20{width:20%; max-width:80px;}
.survey .userInfo .wd30{width:30%; max-width:175px; min-width:0;}
.survey .userInfo .lts2{letter-spacing:14px;}

/* 설문조사 수정 */
.pop2 .survey .qna{padding:15px;}
.survey .qna .q_wrap .btn{height:49px;}
.survey .qna .q_wrap .q{width:calc(100% - 230px);}
.survey .qna .q_wrap .ctrl{float:right;}

/* 설문 등록 */
.box_tip{width:calc(80% + 89px); margin:0 0 10px; font-size:14px; background:#f0f9f8;}
.box_tip p{padding:7px 5px 7px 15px; font-size:13px; font-family: "Pretendard GOV"; background:#d8edee;}
.box_tip p span{color:#222; font-family: "Pretendard GOV";}
.box_tip p:before{content:'!'; display:inline-block; vertical-align:middle; width:15px; height:15px; line-height:15px; margin:-2px 7px 0 0; font-family: "Pretendard GOV"; color:#fff; border-radius:50%; background:#989898; text-align:center;}
.box_tip ol{padding:10px 5px 10px 15px;}
.box_tip ol li + li{margin:2px 0 0 0;}

.examp{display:none; width:100%;}
.examp1{display:block;}
.examp > ul > li + li,
.examp > li + li{margin:5px 0 0 0;}
.examp input[type="text"]{width:80%;}
.examp textarea.form-control{display:block; width:100%;}

.p10 {display:inline-block; line-height:100%; padding:5px 8px; border-radius:20px;}/* 관리자페이지>연계정보이상유무 팝업창 아이콘, 설문조사관리 보기 팝업창 아이콘 */
.chk_list li{display:inline-block; vertical-align:top; margin:0 10px 0 0;}

/* 재활용폐기물 배출실적 */
.tbl_a .area{display:none;}
.tbl_a .btn_area{border:none; background:transparent;}
.tbl_a .btn_area:hover{background:transparent;}
.tbl_a .btn_area .caret{border-top:6px solid #37a05a; border-left-width:5px; border-right-width:5px; transition:transform 0.25s ease-in-out;}
.tbl_a .btn_area.on .caret{transform:rotate(180deg); border-top-color:#911f07;}

/* 설문조사 결과 */
.qna_rslt .tit{display:flex; justify-content:space-between; padding:7px 10px 7px 15px; font-size:16px; background:#eaf5fe;}
.qna_rslt .tit .txt{width:75%; padding:4px 0 5px; color:#000;}

.qna_rslt .tit .s_tit{display:block; padding:0 0 3px 0; font-size:14px; color:#017793; font-family: "Pretendard GOV";}
.qna_rslt .tit .txt p{font-family: "Pretendard GOV";}
.qna_rslt .tit .txt p span{display:inline-block; margin:0 4px 0 0; color:#111d68; font-size:19px; font-family: "Pretendard GOV";}
.qna_rslt .btn_area .num{margin:3px 0 0 0; font-size:14px; text-align:center; font-family: "Pretendard GOV";}
.qna_rslt .btn_area .num strong{color:#f44336; font-family: "Pretendard GOV";}

.qna_rslt .con{display:flex; flex-wrap:wrap; justify-content:space-between; padding:12px 10px 22px 15px;}
.qna_rslt .chart_bar{width:65%;}
.qna_rslt .chart_bar li {line-height:27px; margin:0 0 7px;}
.qna_rslt .chart_bar li .sbj{float:left; font-family: "Pretendard GOV";}
.qna_rslt .chart_bar li .sbj + .btn{margin:0 0 0 4px;}
.qna_rslt .chart_bar li .num{float:right;}
.qna_rslt .chart_bar li .num strong{color:#f44336; font-family: "Pretendard GOV";}
.qna_rslt .chart_bar li .chart{clear:both; width:100%; margin:5px 0 0 0; background:#f7f8f8;}
.qna_rslt .chart_bar li .chart span{display:block; min-width:1px; height:17px; box-sizing:border-box; background:#f44336;}
.qna_rslt .chart_bar li:nth-child(2) .chart span{background:#ff9d90;}
.qna_rslt .chart_bar li:nth-child(3) .chart span{background:#a0cddb;}
.qna_rslt .chart_bar li:nth-child(4) .chart span{background:#ff9800;}
.qna_rslt .chart_bar li:nth-child(5) .chart span{background:#9c27b0;}
.qna_rslt .chart_pie{width:35%;}

.pop2 .qna_rslt .tit{margin:0 0 20px;}

@media all and (max-width:1024px) {
	.survey{font-size:15px;}
	.survey .tit_wrap{padding:25px 5px 20px 20px; background-size:150px;}
	.survey .tit_wrap .h3_tit{font-size:20px;}
	.survey .context > ul > li{padding:0 0 0 85px; font-size:15px;}
	.survey .userInfo{padding:20px 20px 15px 20px;}
}
@media all and (max-width:768px) {
	.survey .qna .q_wrap .q{width:100%;}
	.survey .qna .q_wrap .ctrl{float:none; width:100%; margin:0 0 7px;}
	.survey .qna .q_wrap .ctrl .btn{height:35px; padding:0 5px;}
	.survey .qna .q_wrap .ctrl .btn img{height:22px !important;}
	
	.box_tip{width:calc(60%  + 89px);}
	.examp input[type="text"]{width:60%;}
}
@media all and (max-width:568px) {
	.qna_rslt .chart_bar,
	.qna_rslt .chart_pie{width:100%;}
}
@media all and (max-width:430px) {
	.survey .qna ol li{width:100%; margin:0;}
	.survey .tit_wrap{background:#fdf6f7;}
	.survey .qna > li p{padding:7px 5px 7px 15px;}
	.survey .qna ol{padding:17px 15px 0 15px;} 
	.survey .qna > li + li{padding-top:22px;}
}