/* 가입 갈래 선택 · 업체 가입 · 인증 메일 재발송 */

.tbj-head{max-width:860px;margin:0 auto;padding:52px 20px 30px;text-align:center}
.tbj-head h1{margin:0 0 12px;font-size:32px;font-weight:800;letter-spacing:-.02em;
 color:var(--ink,#0F1E3F)}
.tbj-lead{margin:0 0 6px;font-size:16px;line-height:1.7;color:#4A4842}
.tbj-note{margin:0;font-size:13px;line-height:1.7;color:var(--gray,#6B6964)}

.tbj-head--sub{text-align:left;max-width:720px;padding-bottom:22px;
 border-bottom:1px solid var(--hair,#D5D2C8)}
.tbj-head--sub h1{font-size:26px}
.tbj-back{display:inline-block;margin-bottom:16px;font-size:13px;font-weight:600;
 color:var(--gray,#6B6964);text-decoration:none}
.tbj-back:hover{color:var(--ink,#0F1E3F)}
.tbj-head--sub .tbj-note{margin-top:10px;padding:12px 15px;background:var(--cream,#F5F1E8);
 border-radius:4px;font-size:13px}

/* ── 갈래 카드 ── */

.tbj-pick{display:grid;grid-template-columns:1fr 1fr;gap:20px;
 max-width:860px;margin:0 auto;padding:0 20px}

.tbj-card{display:flex;flex-direction:column;padding:30px 28px 26px;
 border:1px solid var(--hair,#D5D2C8);border-radius:8px;background:#fff;
 text-decoration:none!important;transition:border-color .2s,box-shadow .2s,transform .2s}
.tbj-card:hover{border-color:var(--ink,#0F1E3F);transform:translateY(-2px);
 box-shadow:0 8px 26px rgba(15,30,63,.09)}

.tbj-tag{align-self:flex-start;padding:4px 12px;border-radius:20px;
 background:var(--cream,#F5F1E8);color:var(--ink,#0F1E3F);
 font-size:11.5px;font-weight:700;letter-spacing:.03em}
.tbj-tag--biz{background:var(--ink,#0F1E3F);color:var(--cream,#F5F1E8)}

.tbj-card h2{margin:16px 0 8px;font-size:21px;font-weight:700;letter-spacing:-.01em;
 color:var(--ink,#0F1E3F)}
.tbj-desc{margin:0 0 16px;font-size:13.5px;line-height:1.7;color:#4A4842}

.tbj-list{margin:0 0 22px;padding:0;list-style:none;border-top:1px solid var(--hair,#D5D2C8)}
.tbj-list li{position:relative;padding:9px 0 9px 20px;font-size:13px;line-height:1.6;
 color:#4A4842;border-bottom:1px solid #EFEBE1}
.tbj-list li:last-child{border-bottom:0}
.tbj-list li::before{content:"✓";position:absolute;left:0;top:9px;
 font-size:11px;font-weight:700;color:#2E7D4F}
.tbj-list b{color:var(--ink,#0F1E3F)}

.tbj-go{margin-top:auto;font-size:14.5px;font-weight:700;color:var(--ink,#0F1E3F)}
.tbj-card:hover .tbj-go{color:#B8860B}
.tbj-time{margin-top:5px;font-size:11.5px;color:var(--gray,#6B6964)}

.tbj-already{max-width:860px;margin:26px auto 72px;padding:0 20px;
 text-align:center;font-size:13.5px;color:var(--gray,#6B6964)}
.tbj-already a{color:var(--ink,#0F1E3F);font-weight:600}

/* ── 단계 표시 ── */

.tbj-steps{display:flex;gap:8px;max-width:720px;margin:24px auto 0;padding:0 20px;
 list-style:none}
.tbj-steps li{flex:1;display:flex;align-items:center;gap:8px;padding:11px 13px;
 border-radius:5px;background:var(--cream,#F5F1E8);
 font-size:12.5px;font-weight:600;color:var(--gray,#6B6964)}
.tbj-steps li b{display:flex;align-items:center;justify-content:center;
 width:20px;height:20px;border-radius:50%;background:#D5D2C8;color:#fff;
 font-size:11px;flex:0 0 auto}
.tbj-steps li.on{background:var(--ink,#0F1E3F);color:var(--cream,#F5F1E8)}
.tbj-steps li.on b{background:#FFC700;color:var(--ink,#0F1E3F)}

/* ── 폼 ── */

.tbj-form{display:flex;flex-direction:column;gap:22px;
 max-width:720px;margin:0 auto;padding:28px 20px 72px}
.tbj-form--slim{max-width:460px;gap:14px;padding-bottom:26px}

.tbj-fs{margin:0;padding:22px 24px;border:1px solid var(--hair,#D5D2C8);
 border-radius:6px;background:#fff}
.tbj-fs legend{padding:0 8px;font-size:13px;font-weight:700;letter-spacing:.02em;
 color:var(--ink,#0F1E3F)}

.tbj-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tbj-l{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.tbj-fs .tbj-l:last-child,.tbj-grid .tbj-l{margin-bottom:0}
.tbj-l>span{font-size:12.5px;font-weight:700;color:var(--ink,#0F1E3F)}
.tbj-l>span b{color:#C0392B}
.tbj-l>span small{font-weight:500;color:var(--gray,#6B6964)}
.tbj-l em{font-style:normal;font-size:11.5px;line-height:1.6;color:var(--gray,#6B6964)}
.tbj-l em a{color:var(--ink,#0F1E3F)}

.tbj-form input[type=text],.tbj-form input[type=email],
.tbj-form input[type=tel],.tbj-form input[type=password],.tbj-form select{
 width:100%;padding:11px 13px;border:1px solid var(--hair,#D5D2C8);border-radius:3px;
 background:#fff;font-family:inherit;font-size:14px;color:var(--ink,#0F1E3F);
 line-height:1.6;box-sizing:border-box}
.tbj-form input:focus,.tbj-form select:focus{outline:none;border-color:var(--ink,#0F1E3F);
 box-shadow:0 0 0 3px rgba(15,30,63,.07)}

.tbj-pwhint{margin:10px 0 0;font-size:11.5px;line-height:1.6;color:var(--gray,#6B6964)}

.tbj-agree{display:flex;align-items:flex-start;gap:9px;padding:14px 16px;
 background:var(--cream,#F5F1E8);border-radius:4px}
.tbj-agree input{width:15px;height:15px;margin:2px 0 0;accent-color:var(--ink,#0F1E3F);flex:0 0 auto}
.tbj-agree span{font-size:12.5px;line-height:1.65;color:#4A4842}

.tbj-sub{display:flex;justify-content:flex-end}
.tbj-form button{padding:13px 34px;border-radius:4px;background:var(--ink,#0F1E3F);
 color:var(--cream,#F5F1E8);border:1px solid var(--ink,#0F1E3F);
 font-family:inherit;font-size:14.5px;font-weight:700;cursor:pointer;transition:all .22s}
.tbj-form button:hover{background:#FFC700;color:var(--ink,#0F1E3F);border-color:#FFC700}

.tbj-foot{margin:0;text-align:center;font-size:12.5px;color:var(--gray,#6B6964)}
.tbj-foot a{color:var(--ink,#0F1E3F);font-weight:600}

.tbj-err{max-width:720px;margin:20px auto 0;padding:13px 17px;
 border-left:3px solid #C0392B;background:#FDF3F2;
 font-size:13.5px;line-height:1.65;color:#4A4842}
.tbj-ok{margin:0;padding:13px 17px;border-left:3px solid #2E7D4F;background:#F1F8F3;
 font-size:13.5px;line-height:1.65;color:#4A4842}

/* ── 메일 발송 완료 ── */

.tbj-sent{max-width:520px;margin:0 auto;padding:64px 20px 80px;text-align:center}
.tbj-sent-ico{display:inline-flex;align-items:center;justify-content:center;
 width:60px;height:60px;border-radius:50%;background:var(--cream,#F5F1E8);
 font-size:26px;color:var(--ink,#0F1E3F)}
.tbj-sent h1{margin:20px 0 10px;font-size:27px;font-weight:800;
 letter-spacing:-.02em;color:var(--ink,#0F1E3F)}
.tbj-sent-to{margin:0 0 14px;padding:9px 16px;display:inline-block;border-radius:4px;
 background:var(--cream,#F5F1E8);font-size:14px;color:var(--ink,#0F1E3F)}
.tbj-sent-lead{margin:0 0 22px;font-size:15px;line-height:1.75;color:#4A4842}
.tbj-sent-tip{margin:0 0 26px;padding:16px 20px;list-style:none;text-align:left;
 border:1px solid var(--hair,#D5D2C8);border-radius:6px;background:#fff}
.tbj-sent-tip li{position:relative;padding:5px 0 5px 15px;font-size:13px;
 line-height:1.65;color:#4A4842}
.tbj-sent-tip li::before{content:"·";position:absolute;left:2px;font-weight:700}
.tbj-btn-g{display:inline-block;padding:11px 26px;border-radius:4px;
 border:1px solid var(--hair,#D5D2C8);background:#fff;
 font-size:13.5px;font-weight:600;color:var(--ink,#0F1E3F);text-decoration:none!important}
.tbj-btn-g:hover{border-color:var(--ink,#0F1E3F)}

/* ── 재발송 ── */

.tbj-resend{max-width:460px;margin:0 auto;padding:56px 20px 40px;text-align:center}
.tbj-resend h1{margin:0 0 10px;font-size:26px;font-weight:800;
 letter-spacing:-.02em;color:var(--ink,#0F1E3F)}
.tbj-resend .tbj-lead{margin-bottom:20px;font-size:14.5px}
.tbj-resend .tbj-l{text-align:left}
.tbj-tip{max-width:460px;margin:0 auto;padding:0 20px 72px;list-style:none;text-align:left}
.tbj-tip li{position:relative;padding:6px 0 6px 15px;font-size:12.5px;
 line-height:1.65;color:var(--gray,#6B6964)}
.tbj-tip li::before{content:"·";position:absolute;left:2px;font-weight:700}
.tbj-tip a{color:var(--ink,#0F1E3F);font-weight:600}

@media(max-width:700px){
 .tbj-pick{grid-template-columns:1fr}
 .tbj-grid{grid-template-columns:1fr}
 .tbj-head{padding:34px 18px 22px}
 .tbj-head h1{font-size:26px}
 .tbj-steps{flex-direction:column}
 .tbj-form button{width:100%}
 .tbj-sub{justify-content:stretch}
}

/* ── 발송 실패 · 로그인 안내 ── */

.tbj-sent-ico--bad{background:#FDF3F2;color:#C0392B;font-weight:800}
.tbj-sent .tbj-sent-ico--bad + h1{color:#C0392B}

.tbj-loginnote{max-width:460px;margin:32px auto 0;padding:14px 18px;
 border-left:3px solid #C2571B;background:#FDF6F0;border-radius:0 4px 4px 0;
 font-size:13.5px;line-height:1.7;color:#4A4842}
.tbj-loginnote b{color:var(--ink,#0F1E3F)}
.tbj-loginnote a{color:var(--ink,#0F1E3F);font-weight:600}