/*
 * 회원가입 — 시안(register.css)에 없는 테마 통합용
 *
 * 시안은 정적 화면이라 실제 가입에 필요한 몇 가지가 빠져 있다. 모양은 시안의 입력칸 ·
 * 버튼 규칙에서 가져왔다.
 *   - '이전/취소' 가 <a> 라 버튼 모양 보정
 *   - 주소 검색 · 본인확인 버튼 (.join-inline-btn)
 *   - 자동등록방지(캡챠). 예전 모양은 옛 default.css 에 있었는데 이 화면에는 그 CSS 가 없다.
 *   - 관리자 설정으로 켜지는 서명 · 자기소개(textarea), 회원아이콘 · 이미지(file)
 *   - 3단계 가입 완료 (.join-done)
 */
.join-actions .join-back{display:flex;align-items:center;justify-content:center;text-decoration:none}

.join-inline-btn{flex:0 0 auto;min-height:52px;padding:0 18px;border:1px solid #82a6dc;border-radius:6px;background:#eff5ff;color:#2e5fa8;font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.join-inline-btn:focus-visible{outline:3px solid #82a9dc;outline-offset:3px}
@media (hover:hover){.join-inline-btn:hover{background:#e3edfd}}
.join-inline-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.join-zip-row{display:flex;gap:8px}
.join-zip-row input{flex:1 1 auto}
.join-field input[readonly]{background:#f0f3f7;color:#5d6f86}

.join-field textarea{display:block;width:100%;min-height:120px;padding:14px 15px;border:1px solid #d8e1eb;border-radius:6px;background:#f9fafc;font:inherit;font-size:15px;line-height:1.7;color:#192f4b;resize:vertical}
.join-field textarea:focus{outline:none;border-color:#4077d2;box-shadow:0 0 0 3px #4277cc12;background:#fff}
.join-field input[type="file"]{height:auto!important;padding:12px 15px!important;font-size:14px!important}
.join-file-now{display:flex;align-items:center;gap:14px;margin-top:10px}
.join-file-now img{max-width:80px;max-height:80px;border-radius:6px;border:1px solid #e3e9f0}

/* 자동등록방지 : kcaptcha 마크업(#captcha)에 시안 입력칸 모양을 입힌다 */
.join-captcha #captcha{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:0;padding:0;margin:0}
.join-captcha #captcha legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.join-captcha #captcha_img{height:52px;border:1px solid #d8e1eb;border-radius:6px;background:#fff}
.join-captcha #captcha_key{width:130px;height:52px;padding:0 12px;border:1px solid #d8e1eb;border-radius:6px;background:#f9fafc;font:inherit;font-size:20px;font-weight:700;letter-spacing:.12em;text-align:center;color:#192f4b}
.join-captcha #captcha_key:focus{outline:none;border-color:#4077d2;box-shadow:0 0 0 3px #4277cc12;background:#fff}
.join-captcha #captcha_mp3,.join-captcha #captcha_reload{width:44px;height:44px;border:1px solid #d8e1eb;border-radius:6px;background:#fff url('../../../../images/captcha2.png') no-repeat;background-position:2px 2px;overflow:hidden;text-indent:-999px;cursor:pointer}
.join-captcha #captcha_reload{background-position:2px -38px}
.join-captcha #captcha_info{flex:1 0 100%;font-size:12px;line-height:1.7;color:#7b8ba0}
.join-captcha #captcha.m_captcha audio{flex:1 0 100%;max-width:100%}

/* 3단계 : 가입 완료 */
.join-done{padding:34px 30px;border:1px solid #e1e9f4;border-radius:8px;background:#f5f8fd;text-align:center}
.join-done h2{font-size:20px;line-height:1.6;letter-spacing:-.03em;font-weight:600;color:#1c304b;word-break:keep-all}
.join-done h2 strong{color:#3269c0}
.join-done p{margin-top:16px;font-size:14px;line-height:1.85;color:#596c83;word-break:keep-all}
.join-done-info{display:grid;gap:8px;max-width:360px;margin:20px auto 0;padding:18px 20px;border-radius:6px;background:#fff;text-align:left;font-size:14px}
.join-done-info div{display:flex;justify-content:space-between;gap:16px}
.join-done-info dt{color:#7b8ba0}
.join-done-info dd{margin:0;font-weight:600;color:#1c304b;overflow-wrap:anywhere}
.join-done-home{max-width:320px;margin:30px auto 0;text-decoration:none}

@media (max-width:520px){
  .join-zip-row .join-inline-btn{padding:0 14px}
  .join-done{padding:26px 18px}
  .join-done h2{font-size:18px}
  .join-done p{font-size:13px}
}