@charset "utf-8";
/* common */
.section_title { font-size: var(--font-large-xl); font-weight: 700; line-height: 34px; }
.section_title_md { font-size: var(--font-medium); font-weight: 700; line-height: 28px; }

/** 회원가입 **/
.join_form > p { font-size: var(--font-regular); color: var(--color-black-70); line-height: 22px; margin-top: 8px; }
.join_form .input_list { margin-top: 16px; }
.join_form .radio_box { display: inline-block; margin-right: 24px; }
.join_form .radio_box input[type=radio] { display: none; }
.join_form .radio_box input[type="radio"] + label { position: relative; font-size: var(--font-regular); font-weight: 700; color: var(--color-disabled); line-height: 22px; }
.join_form .radio_box input[type="radio"] + label::before { width: 20px; height: 20px; background: #ffffff; border-radius: 50%; border: 2px solid var(--color-disabled); box-sizing: border-box; vertical-align: -4px; margin-right: 8px; content: ""; display: inline-block; }
.join_form .radio_box input[type="radio"]:checked + label { color: var(--color-main); }
.join_form .radio_box input[type="radio"]:checked + label::before { border: 5px solid var(--color-main); }

/* 정보 이용 동의 */
.all_check { width: 100%; margin-top: 16px; }
.all_check input[type="checkbox"] { display: none; }
.all_check input[type="checkbox"] + label { display: block; width: 100%; height: 64px; font-size: var(--font-medium); font-weight: 700; line-height: 32px; background: #ffffff; border: var(--border); border-radius: 16px; padding: 16px; }
.all_check input[type="checkbox"] + label::before { width: 24px; height: 24px; background: url(../../image/icon/agree_chk.svg) no-repeat center center; vertical-align: -5px; margin-right: 12px; display: inline-block; content: ''; }
.all_check input[type="checkbox"]:checked + label::before { background-image: url(../../image/icon/agree_chk_on.svg); }
.agree_chk_list { margin-top: 16px; }
.agree_chk_list li { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.agree_chk_list li:last-of-type { margin-bottom: 0; }
.agree_chk_list li button { font-size: 15px; color: var(--color-gray); line-height: 24px; text-decoration: underline; }
.agree_chk_list .chk_box input[type="checkbox"] { display: none; }
.agree_chk_list .chk_box input[type="checkbox"] + label { position: relative; font-size: 15px; line-height: 24px; padding-left: 32px; }
.agree_chk_list .chk_box input[type="checkbox"] + label::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: url(../../image/icon/survey_chk.svg) no-repeat center center; border-radius: 50%; content: ""; display: inline-block; }
.agree_chk_list .chk_box input[type="checkbox"]:checked + label::before { background-image: url(../../image/icon/survey_chk_on.svg); }
.agree_chk_list .chk_box input[type="checkbox"]:checked + label { font-weight: bold; color: var(--color-main); }