/* =====================================================================
   src3/c/page.css — 고객사 담당자가 보는 한 장(/c/ · 「한 건만 고객사에 보내기」 · 자문 포털 /c/<이름표>)   2026-10-08
   확정 시안 `docs/mock/고객사보기-시안/한건공유-시안-확정` 장면 ② · ⑤ — 읽기 전용 · 흰 바탕 · 가운데 860 · 앱 메뉴 없음.
   앱의 styles.css 를 읽지 않는다(이 한 장에 필요한 것만). 여기는 온 화면 규칙 · 확인 번호 칸 · 자문 포털 첫 화면 —
   **그 한 건 · 한 묶음의 꼴은 c/view.css**(법인 화면의 「미리 보기」 와 함께 쓴다).
   ★ 2026-10-14 자문 포털 첫 화면 = 확정 시안 `docs/mock/고객화면-B-시안/셋째판` (가) 한 기둥 흐름(결정 464) — 줄 · 문서 줄 · 「새」 · 칩 · 찾기 칸 · 더 보기는
     4B 확정 css(`docs/mock/고객사페이지-4B-시안-확정/c/page.css · page4.css` = 커밋 eb23f4dc 의 이 파일)에서 되살리고, 시안의 `sx3-` 조립(폭 760 · 한 기둥 쌓기 ·
     담당 한 줄 · 월 가름 선 · 상자 없는 문서 목록)을 `cv-` 이름으로 옮겼다. B-2 의 표 · 건수 칩 · 회색 띠 · 담당 카드 · 두 기둥 · 걸음은 걷었다. 새 색 0 · 새 글자 크기 0.
   ===================================================================== */
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:rgba(0,0,0,.88)}
body{font:15.5px/1.7 Pretendard,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
button{font:inherit;cursor:pointer}
[hidden]{display:none !important}
.cv{max-width:860px;margin:0 auto;padding:36px 28px 48px}
.cv-boot{padding:120px 0;text-align:center;color:rgba(0,0,0,.55);font-size:15px}

/* 확인 번호 · 닫힌 주소 — 가운데 한 칸 */
.cv-gate{max-width:420px;margin:88px auto 0;padding:28px 28px 26px;border:1px solid rgba(0,0,0,.12);border-radius:14px}
.cv-gate h1{margin:0 0 10px;font-size:19px;line-height:1.4}
.cv-gate p{margin:0 0 6px;font-size:15px;color:rgba(0,0,0,.72);word-break:keep-all;overflow-wrap:anywhere}
.cv-gate .cv-sub{font-size:13.5px;color:rgba(0,0,0,.55)}
.cv-digits{display:flex;gap:8px;margin:16px 0 12px}
.cv-digits input{width:44px;height:52px;border:1px solid rgba(0,0,0,.2);border-radius:10px;text-align:center;font:600 22px/1 inherit;color:rgba(0,0,0,.88);background:#fff;padding:0}
.cv-digits input:focus{outline:2px solid #0070d2;outline-offset:1px;border-color:#0070d2}
.cv-err{min-height:22px;margin:4px 0 0;font-size:14px;color:#c23934}

/* ---------------------------------------------------------------------
   자문 포털(/c/<이름표>) — 들어가기는 위의 한 칸(.cv-gate) 그대로 · 첫 화면은 한 기둥 760 가운데(시안 sx3-g1 값)
   --------------------------------------------------------------------- */
.cv.wide{max-width:816px;padding:28px 28px 40px}
.cv-gh{display:flex;align-items:center;gap:10px;margin:0 0 22px}
.cv-gh div b{display:block;font-size:15.5px;line-height:1.3}
.cv-gh div span{display:block;font-size:13px;color:rgba(0,0,0,.56)}
.cv-glogo{flex:0 0 auto;width:30px;height:30px;border-radius:8px;background:#1f3a5f;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;overflow:hidden}
.cv-glogo img{width:100%;height:100%;object-fit:contain;background:#fff}
.cv-gate .cv-link.sub{margin-left:14px;color:rgba(0,0,0,.56)}
.cv-addr{margin:14px 0 4px}
.cv-addr input{display:block;width:100%;height:44px;border:1px solid rgba(0,0,0,.2);border-radius:10px;padding:0 12px;font:inherit;font-size:15px;color:rgba(0,0,0,.88)}
.cv-addr input:focus{outline:none;border-color:#0070d2;box-shadow:0 0 0 2px rgba(0,112,210,.15)}
.cv-btn{display:block;width:100%;height:44px;margin-top:12px;border:0;border-radius:999px;background:#0070d2;color:#fff;font-weight:600;font-size:15px}
.cv-btn[disabled]{opacity:.6;cursor:default}
.cv-pick{border:1px solid rgba(0,0,0,.14);border-radius:12px;overflow:hidden;margin:6px 0 12px}
.cv-pr{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:0 14px;border:0;border-top:1px solid rgba(0,0,0,.08);background:#fff;font-size:15px;text-align:left;color:rgba(0,0,0,.88)}
.cv-pr:first-child{border-top:0}
.cv-pr:hover{background:rgba(0,0,0,.03)}
.cv-pr i{margin-left:auto;font-style:normal;color:rgba(0,0,0,.4)}
.cv-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:0;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);background:#fff;color:rgba(0,0,0,.88);font-size:13.5px}
.cv-chip i{font-style:normal;font-size:10px;color:rgba(0,0,0,.5)}

/* 자문 포털 첫 화면 · 한 묶음 머리(로고 · 줄 · 덩이 · 문서 · 휴대폰 760) = c/portal.css — 법인 화면의 「고객 화면 미리 보기」 와 함께 쓴다(결정 735) */

@media (max-width:600px){
  .cv{padding:22px 18px 36px}
  .cv-gate{margin-top:36px;padding:22px 20px}
  .cv-digits{gap:6px}
  .cv-digits input{flex:1 1 0;width:auto;min-width:0}
}
/* 휴대폰(760 이하) — 첫 화면 틀의 여백만(줄 · 덩이는 c/portal.css) */
@media (max-width:760px){
  .cv.wide{padding:18px 16px 32px}
}