html {background-color: var(--ktech-gray-100);}
.gray {background-color: var(--ktech-gray-100);}
/* survey */
.survey_wrapper .btn:disabled {cursor: default;}
.survey_wrapper .inner {max-width: 448px;margin: 0 auto;background-color: var(--ktech-gray-fff);padding: 80px 16px;box-sizing: border-box;}
.survey_wrapper .title {text-align: center;font-size: 24px;font-weight: var(--font-weight-bold);margin-bottom: 8px;}
.survey_wrapper .detail {text-align: center;color: var(--ktech-gray-600);margin-bottom: 48px;}
.survey_wrapper button {display: block;width: 100%;color: var(--ktech-gray-fff);font-size: 16px;font-weight: var(--font-weight-bold);padding: 12px 16px;background-color: var(--primary-60);border-radius: 8px;margin-bottom: 32px;border: 0;}
.survey_wrapper button:disabled {background-color: var(--ktech-gray-400);}

.survey_wrapper #survey_select_form {display: flex;flex-direction: column;gap: 24px;margin-bottom: 48px;}
.survey_wrapper #survey_select_form select {width: 100%;color: var(--ktech-gray-700);font-size: 16px;font-weight: var(--font-weight-regular);font-family: 'Pretendard', Arial, Helvetica, sans-serif;padding: 12px 16px;box-sizing: border-box;border: 1px solid var(--ktech-gray-200);border-radius: 8px;background-color: var(--ktech-gray-fff);}
.survey_wrapper #survey_select_form select#survey_select {margin-top: 16px;}
.survey_wrapper #survey_select_form select option {width: 100%;box-sizing: border-box;}
.survey_wrapper #survey_select_form select:focus {outline-color: var(--primary-60);}
.survey_wrapper #survey_select_form label {display: block;font-size: 16px;color: var(--ktech-gray-900);font-weight: var(--font-weight-semibold);}
.survey_wrapper #survey_select_form input {display: block;width: 100%;color: var(--ktech-gray-700);font-size: 16px;font-weight: var(--font-weight-regular);font-family: 'Pretendard', Arial, Helvetica, sans-serif;padding: 12px 16px;box-sizing: border-box;border: 1px solid var(--ktech-gray-200);border-radius: 8px;background-color: var(--ktech-gray-fff);}
.survey_wrapper #survey_select_form input::placeholder {color: var(--ktech-gray-400);}
.survey_wrapper #survey_select_form input:focus {outline-color: var(--primary-60);}
.survey_wrapper #survey_select_form .info {color: var(--ktech-gray-600);margin-bottom: 16px;}

.survey_wrapper #survey_qna_form {margin: 48px 0;display: flex;flex-direction: column;gap: 48px;}
.survey_wrapper #survey_qna_form .num {color: var(--primary-60);font-size: 18px;font-weight: var(--font-weight-semibold);}
.survey_wrapper #survey_qna_form .question {color: var(--ktech-gray-900);font-size: 18px;font-weight: var(--font-weight-semibold);margin-bottom: 24px;}
.survey_wrapper #survey_qna_form .question .info {color: var(--primary-60);font-size: 14px;font-weight: var(--font-weight-regular);margin-top: 4px;}
.survey_wrapper #survey_qna_form .answer_wrapper {padding: 0 8px;display: flex;flex-direction: column;gap: 8px;}
.survey_wrapper #survey_qna_form .answer_wrapper label {color: var(--ktech-gray-700);position: relative;padding-left: 26px;cursor: pointer;}

.survey_wrapper #survey_qna_form input[type=radio] {display: none;}
.survey_wrapper #survey_qna_form input[type=radio] + label::before {display: inline-block;content: '';width: 18px;height: 18px;border-radius: 50%;border: 1px solid var(--ktech-gray-200);box-sizing: border-box;position: absolute;top: 0;left: 0;}
.survey_wrapper #survey_qna_form input[type=radio]:checked + label::before {border: 1px solid var(--primary-60);background-color: var(--primary-60);background-image: url(../img/icon/check_icon_white.svg);background-size: 12px 7px;background-position: center center;background-repeat: no-repeat;}

.survey_wrapper #survey_qna_form input[type=checkbox] {display: none;}
.survey_wrapper #survey_qna_form input[type=checkbox] + label::before {display: inline-block;content: '';width: 18px;height: 18px;border-radius: 4px;border: 1px solid var(--ktech-gray-200);box-sizing: border-box;position: absolute;top: 0;left: 0;}
.survey_wrapper #survey_qna_form input[type=checkbox]:checked + label::before {border: 1px solid var(--primary-60);background-color: var(--primary-60);background-image: url(../img/icon/check_icon_white.svg);background-size: 12px 7px;background-position: center center;background-repeat: no-repeat;}
.survey_wrapper #survey_qna_form input[type=checkbox]:disabled + label::before {background-color: var(--ktech-gray-200);}

.survey_wrapper #survey_qna_form input[type=text] {color: var(--ktech-gray-700);font-size: 16px;font-family: 'Pretendard', Arial, Helvetica, sans-serif;}
.survey_wrapper #survey_qna_form input[type=text].etc {border: 0;border-bottom: 1px solid var(--ktech-gray-200);padding: 4px;}
.survey_wrapper #survey_qna_form input[type=text].etc:focus {outline: 1px solid var(--primary-60);border-radius: 4px;}
.survey_wrapper #survey_qna_form input[type=text].etc::placeholder {color: var(--ktech-gray-400);}

.survey_wrapper #survey_qna_form textarea {width: 100%;resize: none;border: 1px solid var(--ktech-gray-200);border-radius: 8px;padding: 12px 16px;color: var(--ktech-gray-700);font-size: 16px;font-family: 'Pretendard','Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;font-weight: var(--font-weight-regular);box-sizing: border-box;}
.survey_wrapper #survey_qna_form textarea:focus {outline: 1px solid var(--primary-60);}
.survey_wrapper #survey_qna_form textarea::placeholder {color: var(--ktech-gray-400);}

@media (min-width: 448px) {
    .survey_wrapper .inner {padding: 80px 32px;}
}