@charset "utf-8";
/** 설문조사 - 공통 **/
.title_box { position: relative; width: 100%; margin-bottom: 24px; }
.title_box .title { font-size: var(--font-large-xl); font-weight: 700; line-height: 34px; word-break: keep-all; }
.title_box .name { display: block; font-size: 20px; font-weight: 500; color: var(--color-main); }
.title_box .desc { font-size: var(--font-regular); font-weight: 400; color: var(--color-gray); line-height: 22px; word-break: keep-all; margin-top: 8px; }

/* 설문 */
.type_check { display: flex; flex-wrap: wrap; }
.type_check input[type=checkbox],
.type_check input[type=radio] { display: none; }
.type_check input[type=checkbox] + label,
.type_check input[type=radio] + label { display: block; width: 100%; text-align: center; background: var(--color-white); border: 1px solid rgba(34,34,34,0.24); }
.type_check .text { display: block; font-weight: 500; line-height: 22px; }
.type_check input[type=checkbox]:checked + label,
.type_check input[type=radio]:checked + label { background: rgba(139,79,246,0.1); border: var(--border-main); }
.type_check input[type=checkbox]:checked + label .text,
.type_check input[type=radio]:checked + label .text { color: var(--color-main); }
.type_check.type_text li { width: calc(33.33% - 8px); margin-right: 8px; }
.type_check.type_text li:nth-of-type(3n) { margin-right: 0; }
.type_check.type_text li:nth-of-type(n+4) { margin-top: 8px; }
.type_check.type_text input[type=checkbox] + label,
.type_check.type_text input[type=radio] + label { padding: 8px; border-radius: var(--border-radius-s); }
.type_check.type_text .text { font-size: var(--font-small); }
.type_check.type_icon li { width: calc(50% - 6px); margin-right: 12px; }
.type_check.type_icon li:nth-of-type(even) { margin-right: 0; }
.type_check.type_icon li:nth-of-type(n+3) { margin-top: 12px; }
.type_check.type_icon input[type=radio] + label { padding: 14px; border-radius: var(--border-radius); }
.type_check.type_icon .text { font-size: var(--font-regular); }
.type_check.type_icon .icon { width: 40px; height: 40px; display: inline-block; margin-bottom: 8px; }
.type_etc { margin-top: 8px; }
.type_select li { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.type_select .sort { font-size: var(--font-regular); font-weight: 500; line-height: 22px; }
.type_select .unit { display: inline-block; font-size: var(--font-small); color: var(--color-black-40); }
.type_select select { position: relative; width: 92px; height: 40px; padding: 0 30px 0 24px; background: url(../../image/icon/icon_arrow_select_black.svg) no-repeat calc(100% - 6px) center, var(--color-white); border: var(--border); border-radius: var(--border-radius-s); cursor: pointer; }

/* 설문 - 이름 */
.pack_box { position: relative; width: 312px; height: 314px; background: url(../../image/sub_survey/img_pack_name.webp) no-repeat center center; }
.pack_box .pack_name { position: absolute; left: 74px; top: 96px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 21px; }

/* 240315 추가 - 설문시작과 종료 페이지 */
.bg_light { background: #F8F9FA !important; }
.survey_new_section { display: flex; flex-direction: column; }
.survey_new_section .type_full { position: relative; height: calc(100vh - 300px); min-height: 300px; }
.survey_new_section .main_box .icon_check { width: 40px; height: 40px; background: url(../../image/icon/icon_check_confirm.svg) no-repeat center center; background-size: contain; display: block; margin-bottom: 12px; }
.survey_new_section .main_box .sub_title { font-size: 16px; font-weight: 400; color: #757575; line-height: 21px; margin-bottom: 4px; }
.survey_new_section .main_box .title { font-size: 20px; font-weight: 700; color: #222; line-height: 28px; }
.survey_new_section .main_box .title b { color: var(--purple); }
.survey_new_section .main_box .sub_text { font-size: 16px; font-weight: 400; color: #222; line-height: 21px; margin-top: 4px; }
.survey_new_section .check_text { position: relative; font-size: 16px; font-weight: 400; color: #222; line-height: 21px; padding-left: 22px; margin-bottom: 12px; }
.survey_new_section .check_text::before { position: absolute; left: 0; top: 2px; width: 16px; height: 16px; background: url(../../image/icon/icon_check_circle.svg) no-repeat center center; background-size: contain; content: ''; display: block; }
.survey_new_section .bottom_text_box { position: absolute; left: 24px; bottom: 0; width: calc(100% - 48px); display: flex; align-items: flex-start; justify-content: space-between; padding-top: 8px; border-top: 1px solid #F8F9FA; }
.survey_new_section .bottom_text_box p { font-size: 13px; font-weight: 400; color: #757575; line-height: 18px; }
.survey_new_section .bottom_text_box button { font-size: 14px; font-weight: 500; color: #757575; line-height: 38px; background: #F8F9FA; padding: 0 12px; border-radius: 4px; }
.survey_new_section .consult_info_box { display: flex; flex-wrap: wrap; }
.survey_new_section .consult_info_box li { width: calc(50% - 4px); text-align: center; padding: 12px; background: #F8F9FA; border-radius: 6px; }
.survey_new_section .consult_info_box li:nth-of-type(even) { margin-left: 8px; }
.survey_new_section .consult_info_box li i { width: 20px; height: 20px; display: inline-block; }
.survey_new_section .consult_info_box li .icon_calendar { background: url(../../image/icon/icon_calendar.svg) no-repeat center center; background-size: contain; }
.survey_new_section .consult_info_box li .icon_time { background: url(../../image/icon/icon_time.svg) no-repeat center center; background-size: contain; }
.survey_new_section .consult_info_box li p { font-size: 16px; font-weight: 700; color: #222222; line-height: 21px; margin-top: 8px; }