/* PUB-ADD: /member/findid.php ?ㅽ??쇰쭅 */
body { font-family: Noto Sans, sans-serif; }
table { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
input[type=text], input[type=email], select { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 4px 8px; }
@media (min-width: 769px) {
  body { max-width: 480px !important; margin: 0 auto !important; overflow-x: hidden !important; background: #e0e0e0 !important; }
  body > table { background: #fff !important; box-shadow: 0 0 30px rgba(0,0,0,0.15) !important; }
}

/* pub-findid-20260108: align with partner_m login style */
.pub-card { background: #f9fafc; }
.pub-card--form,
.pub-card--result { background: #fff !important; background-image: none !important; border-radius: 16px; box-shadow: 0 10px 28px rgba(0,0,0,0.12); padding: 16px 0 !important; }
.pub-card__inner { max-width: 420px; margin: 0 auto; }
.pub-card__body { background: rgba(255,255,255,0.96); border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.08); padding: 10px 12px; }
.pub-card__text { font-size: 14px; line-height: 1.6; color: #333; padding: 18px 12px; }
.pub-form { width: 100%; }
.pub-form__table { background: rgba(255,255,255,0.98); border-radius: 14px; box-shadow: 0 12px 32px rgba(0,0,0,0.08); padding: 10px 10px; border-collapse: separate; border-spacing: 0; }
.pub-form__row td { padding-top: 10px; padding-bottom: 10px; }
.pub-form__label { font-weight: 600; color: #222; font-size: 13px; }
.pub-form__field { font-size: 13px; }
.pub-form__control { border: 1px solid #d0d7de; border-radius: 10px; height: 38px; padding: 8px 12px !important; box-sizing: border-box; }
.pub-form__control:focus { outline: 2px solid #4c8bff; border-color: #4c8bff; box-shadow: 0 0 0 2px rgba(76,139,255,0.25); }
.pub-form__actions { padding-top: 12px; }
.pub-btn { display: inline-block; width: 100%; }
.pub-btn--primary { border-radius: 40px !important; overflow: hidden; }
.pub-phone { display: flex; align-items: center; gap: 8px; }
.pub-phone__dash { display: inline-block; padding: 0 2px; color: #555; font-weight: 600; }
.pub-phone select.pub-form__control { width: 90px !important; height: 40px; background: none !important; }
.pub-phone__input { width: 90px !important; height: 40px; }

@media (min-width: 768px) {
  .pub-card__inner { max-width: 480px; }
  .pub-form__table { padding: 10px 6px; }
}