/* 아티보드 회원가입 스킨: 테마 artiboard.css 의 ab_* · ab_member_form 에 없는 부분(단계 표시 · 약관 · 가입 완료)만 보탠다 */
.rg_ab .rg_steps { display: flex; justify-content: center; gap: 0; margin: 0 0 26px; padding: 0; list-style: none; }
.rg_ab .rg_steps li { display: flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; color: var(--mute); }
.rg_ab .rg_steps li + li::before { content: ""; width: 44px; height: 1px; margin: 0 14px; background: var(--line); }
.rg_ab .rg_steps i { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--line); background: #fff; font-style: normal; font-size: 12.5px; }
.rg_ab .rg_steps .on { color: var(--tx); }
.rg_ab .rg_steps .on i { border-color: var(--g); background: var(--g); color: #fff; }
.rg_ab .rg_steps .done { color: var(--gd); }
.rg_ab .rg_steps .done i { border-color: var(--g); background: var(--gl); color: var(--gd); }
.rg_ab .rg_all { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; padding: 14px 18px; border: 1px solid var(--g); border-radius: 8px; background: var(--gl); font-size: 14.5px; font-weight: 700; color: var(--gd); cursor: pointer; }
.rg_ab .rg_all input, .rg_ab .rg_agree input { width: 18px; height: 18px; margin: 0; accent-color: var(--g); }
.rg_ab .rg_terms { margin: 0 0 22px; }
.rg_ab .rg_terms h2 { margin: 0 0 8px; font-size: 15px; font-weight: 700; color: var(--tx); }
.rg_ab .rg_terms h2 em { font-style: normal; font-size: 12.5px; font-weight: 600; color: #e5484d; }
.rg_ab .rg_terms_body { height: 170px; overflow: auto; padding: 14px 16px; border: 1px solid var(--line); border-radius: 8px; background: #f9fafb; font-size: 13px; line-height: 1.7; color: var(--sub); }
.rg_ab .rg_terms_body:focus { outline: none; border-color: var(--g); }
.rg_ab .rg_agree { display: flex; align-items: center; gap: 8px; margin: 10px 0 0; font-size: 13.5px; cursor: pointer; }
.rg_ab .rg_done { padding: 30px 0 6px; text-align: center; }
.rg_ab .rg_done_icon { font-size: 52px; line-height: 1; color: var(--g); }
.rg_ab .rg_done_msg { margin: 14px 0 8px; font-size: 18px; color: var(--tx); }
.rg_ab .rg_done_sub { margin: 4px 0; font-size: 13.5px; line-height: 1.7; color: var(--sub); }
@media (max-width: 640px) { .rg_ab .rg_steps li span { display: none; } .rg_ab .rg_steps .on span { display: inline; } .rg_ab .rg_steps li + li::before { width: 22px; margin: 0 8px; } }