@charset "UTF-8";

.survey-wrap .cate {color: #fff; padding: 5px 10px; display: inline-block; margin-bottom: 10px;}
.survey-wrap .cate1 {background-color: #0466b7;}
.survey-wrap .cate2 {background-color: #d63431;}
.survey-wrap .cate3 {background-color: #586270;}

/* 목록 */
.survey-wrap .board--card--list .obj .col .link {position: relative; display: block;}
.survey-wrap .board--card--list .obj .col .link .cate {position: absolute; top: 0; left: 0; z-index: 10;}

/* 작성 */
.survey-wrap .agree-box {max-height: 300px; border: 1px solid #bbb; overflow-y: auto; margin-top: 30px; padding: 20px;}
.survey-wrap .agree-box + .agreebox2 {padding: 20px;}
.survey-wrap .agree-box::-webkit-scrollbar {width: 5px; display: block;}
.survey-wrap .agree-box::-webkit-scrollbar-thumb {background-color: grey; border-radius: 10px; background-clip: padding-box;}
.survey-wrap .agree-box::-webkit-scrollbar-track {background-color: transparent;}

.survey-wrap .survey-question {border-bottom: 1px solid #ccc; padding: 30px 0;}
.survey-wrap .survey-question textarea {width: 100%; height: 200px; border: 1px solid #ccc; padding: 20px;}
.survey-wrap .survey-question .opinion {display: flex; gap: 10px 20px; flex-wrap: wrap;}
.survey-wrap .survey-question .opinion label {margin-bottom: 0; padding-left: 20px; position: relative;}
.survey-wrap .survey-question .opinion label input[type=radio] {position: absolute; top: 6px; left: 0;}

.survey-wrap .survey-question .survey_imglist {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.survey-wrap .survey-question .survey_imglist .colbox {border:1px solid #ddd;}
.survey-wrap .survey-question .survey_imglist .colbox .thumb {height: 250px; background: no-repeat center / contain;}
.survey-wrap .survey-question .survey_imglist .colbox .info {padding: 20px;}
.survey-wrap .survey-question .survey_imglist .colbox strong {font-size: 17px; margin-bottom: 10px; font-weight: 700;}
.survey-wrap .survey-question .survey_imglist .colbox .input-wrap label {position: relative; padding-left: 20px; margin-bottom: 0;}
.survey-wrap .survey-question .survey_imglist .colbox .input-wrap label input[type=checkbox],
.survey-wrap .survey-question .survey_imglist .colbox .input-wrap label input[type=radio] {position: absolute; top: 6px; bottom: auto;}

.survey-wrap .ui-accordion--faq .accordion__header label {padding: 10px 0 10px 20px; font-size: 16px; position: relative; margin-bottom: 0;}
.survey-wrap .ui-accordion--faq .accordion__header label input[type=checkbox],
.survey-wrap .ui-accordion--faq .accordion__header label input[type=radio] {position: absolute; top: 16px; bottom: auto;}

/* 상세 */
.survey-wrap .bbs--view--header span.num i {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M2 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H2zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm8.284 3.703A8.002 8.002 0 0 1 23 22h-2a6.001 6.001 0 0 0-3.537-5.473l.82-1.824zm-.688-11.29A5.5 5.5 0 0 1 21 8.5a5.499 5.499 0 0 1-5 5.478v-2.013a3.5 3.5 0 0 0 1.041-6.609l.555-1.943z' fill='rgba(149,164,166,1)'/%3E%3C/svg%3E");}