@charset "utf-8";
/** 설문 - 간편인증 */
.cont_title_box h2 { font-size: var(--font-large-xl); font-weight: 700; line-height: 34px; word-break: keep-all; } 
.cont_title_box h2 strong { color: var(--purple); }
.cont_title_box p { font-size: var(--font-regular); font-weight: 400; color: var(--color-gray); line-height: 22px; word-break: keep-all; margin-top: 8px; } 

.checkup_list { width: 100%; margin-bottom: 8px; }
.checkup_list .toggle_tab { position: relative; width: 100%; font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, 0.48); text-align: left; padding: 8px; box-sizing: border-box; cursor: pointer; display: block; }
.checkup_list .toggle_tab::after { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 12px; height: 7px; background: url(../../image/icon/icon_arrow_gray.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: 1px; margin-left: 8px; }
.checkup_list .toggle_tab.on::after { transform: translateY(-50%) rotate(180deg); }
.checkup_list .toggle_cont { display: none; width: 100%; padding: 4px 12px; }
.checkup_list .list li { display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid #f2f4f6; }
.checkup_list .list li:last-of-type { border-bottom: none; }
.checkup_list .list li .name { display: inline-block; width: 80px; min-width: 80px; height: 28px; font-size: 14px; font-weight: 400; line-height: 28px; text-align: center; background-color: #f3f3f3; border-radius: 30px; margin-right: 8px; }
.checkup_list .list li .text { flex: 1; font-size: 13px; font-weight: 400; color: rgba(34,34,34,0.7); line-height: 18px; word-break: keep-all; }

.link_box { width: 100%; padding-top: 24px; }
.link_box a { position: relative; display: block; width: 100%; padding: 12px 16px; background: #ffffff; border: 1px solid var(--purple-300); border-radius: var(--border-radius);  margin-bottom: 12px; }
.link_box a::after { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url(../../image/icon/icon_right_g.svg) no-repeat center center; content: ''; display: block; }
.link_box a .text { display: block; font-size: 16px; font-weight: 700; line-height: 22px; padding-right: 16px; }
.link_box a .icon_box { display: inline-block; margin-left: 8px; }
.link_box a .icon_box img { width: 18px; border-radius: 2px; }
.link_box a .badge { position: absolute; right: 7px; top: -44px; height: 36px; font-size: 14px; font-weight: 700; color: #ffffff; line-height: 36px; background: #E04F4F; padding: 0 12px; border-radius: 8px; display: inline-block; box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.10); z-index: 5; }
.link_box a .badge::after { position: absolute; right: 16px; bottom: -10px; width: 12px; height: 12px; border: 6px solid transparent; border-top: 6px solid#E04F4F; content: ''; display: block; box-sizing: border-box; z-index: -1; }
/* point */
.link_box a.point { padding: 16px; background: #2AAD5C; border: 1px solid #2AAD5C; box-shadow: 0px 2px 7px 2px rgba(16, 24, 40, 0.10), 0px 2px 3px 0px rgba(16, 24, 40, 0.06); }
.link_box a.point::after { background: url(../../image/icon/icon_right_w.svg) no-repeat center center; }
.link_box a.point .text { font-weight: 400; color: #ffffff; }
.link_box a.point p { font-size: 13px; font-weight: 400; color: #ffffff; line-height: 18px; margin-top: 4px; }

.info_box { width: 100%; padding: 16px 20px; background: #F8F9FA; border-radius: 12px; margin-top: 36px; }
.info_box h3 { font-size: 16px; font-weight: 700; color: #222; line-height: 24px; margin-bottom: 8px; }
.info_box h3::before { width: 24px; height: 24px; background: url(../../image/icon/icon_info_black.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: -7px; margin-right: 4px; }
.info_box p { font-size: 14px; font-weight: 500; color: #888; line-height: 18px; word-break: keep-all; } 

/* popup */
.popup_checkup .cont_box p { color: #757575; }
.popup_checkup .cont_box  .img_box { text-align: center; }