/* =====================================================================
   src3/c/view.css — 고객사에 보이는 **그 한 건**의 꼴(「한 건만 고객사에 보내기」)   2026-10-08
   읽는 곳 둘 — 고객사 담당자의 한 장(/c/ · page.css 와 함께) · 법인 화면의 「미리 보기」(index.html · clientsend.js).
   두 곳이 같은 그리기 함수(c/page.js `cv.viewHtml`)와 이 파일을 써서 **보이는 것이 같다**.
   전부 `.cv-` 로 시작하는 이름만 쓴다(앱의 styles.css 와 겹치지 않게 · 바탕 · 글꼴 같은 온 화면 규칙은 page.css 에).
   ===================================================================== */
.cv-link{border:0;background:none;padding:0;color:#0070d2;font-size:14px;text-decoration:underline;cursor:pointer}
.cv-link[disabled]{color:rgba(0,0,0,.4);text-decoration:none;cursor:default}

.cv-head{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1)}
.cv-logo{flex:0 0 auto;width:40px;height:40px;border-radius:10px;background:#1f3a5f;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;overflow:hidden}
.cv-logo img{width:100%;height:100%;object-fit:contain;background:#fff}
.cv-firm{min-width:0;flex:1 1 auto}
.cv-firm b{display:block;font-size:16px;line-height:1.4}
.cv-firm span{display:block;font-size:14px;color:rgba(0,0,0,.6)}
.cv-who{flex:0 0 auto;text-align:right;font-size:14px;line-height:1.55;color:rgba(0,0,0,.6)}
.cv-title{margin:34px 0 6px;font-size:26px;line-height:1.35;font-weight:700;overflow-wrap:anywhere}
/* 문의하신 내용 — 그 고객사가 메일로 보낸 글(쓴 글만). 답변보다 조용하게 · 긴 글은 아홉 줄에서 접힌다 */
.cv-q{margin:18px 0 26px;padding:14px 16px 13px;border-radius:10px;background:rgba(0,0,0,.035)}
.cv-q h2{margin:0 0 6px;font-size:13.5px;line-height:1.5;font-weight:600;color:rgba(0,0,0,.6)}
.cv-qt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px;line-height:1.75;color:rgba(0,0,0,.78);max-height:15.75em;overflow:hidden}
.cv-qt.all{max-height:none}
.cv-q .cv-link{margin-top:8px}
.cv-meta{margin:0 0 22px;font-size:14.5px;color:rgba(0,0,0,.6)}
.cv-body{font-size:15.5px;line-height:1.85;overflow-wrap:anywhere}
.cv-body.plain{white-space:pre-wrap}
.cv-body div{min-height:1em}
.cv-body ul,.cv-body ol{margin:6px 0;padding-left:22px}
.cv-body .sz-s{font-size:85%}
.cv-body .sz-l{font-size:125%}
.cv-files{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0}
.cv-file{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;border:1px solid rgba(0,0,0,.14);border-radius:10px;background:#fff;color:rgba(0,0,0,.88);font-size:14.5px;text-align:left;cursor:pointer}
.cv-file:hover{border-color:#0070d2}
.cv-file svg{flex:0 0 auto;color:rgba(0,0,0,.5)}
.cv-file i{font-style:normal;font-size:13px;color:rgba(0,0,0,.55)}
.cv-file[disabled]{opacity:.6;cursor:default}
.cv-file[disabled]:hover{border-color:rgba(0,0,0,.14)}
/* 자문 포털 한 묶음(2026-10-14 · 둘째판 장면 2) — 보낸 메일이 둘 이상이면 가는 선으로 나눔 · 받은 메일의 붙임은 회색 칸 안 */
.cv-a + .cv-a{margin-top:30px;padding-top:26px;border-top:1px solid rgba(0,0,0,.1)}
.cv-a + .cv-q{margin-top:30px}
.cv-q .cv-files{margin:12px 0 0}
.cv-foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin-top:40px;padding-top:16px;border-top:1px solid rgba(0,0,0,.1);font-size:14px;color:rgba(0,0,0,.6)}
.cv-foot a{color:inherit}
.cv-foot .cv-brand{margin-left:auto;font-size:13px;color:rgba(0,0,0,.45)}

@media (max-width:600px){
  .cv-head{flex-wrap:wrap}
  .cv-who{flex:1 1 100%;text-align:left;padding-left:54px}
  .cv-title{margin-top:24px;font-size:22px}
  .cv-q{margin:14px 0 22px;padding:12px 14px}
  .cv-files{flex-direction:column}
  .cv-file{width:100%;min-height:44px}
  .cv-foot{flex-direction:column;gap:2px}
  .cv-foot .cv-brand{margin-left:0;margin-top:8px}
}