긴 표 3열 8~10행

유형·항목이 8~10개이고 열이 3개(항목, 상황, 대응)인 본문을 한 장에 담는 표. 글자 16px 유지, 행 높이 약 38px. 행 8~10개, 칸 문구 한 줄(가운데 열 약 24자, 오른쪽 열 약 28자). 우선 항목 1~2행 강조. 값 바꾸는 법: 행 8~10개. 10행이면 td padding 9px 를 8px 로. 강조 행(class="hot")은 1~2개까지. 열 폭은 colgroup.

표 선 처리(세로선 없이 옅은 가로선, 머리줄 아래 선만 진하게, 왼쪽 정렬)는 Deckary "PowerPoint Table Design" 와 Stephen Few "Show Me the Numbers" 8장 표 설계 원칙 참고. 코드와 구성은 직접 제작.

<div class="dk dk-long3"><div class="dk-card"><table>
<colgroup><col style="width:200px"><col style="width:400px"><col></colgroup>
<thead><tr><th>유형</th><th>고객의 망설임</th><th>대응 방식</th></tr></thead>
<tbody>
<tr class="hot"><td class="k">가격</td><td>값어치가 맞는지 판단이 안 섬</td><td class="v">원재료, 제작 방식 등 가치 설명</td></tr>
<tr><td class="k">신뢰</td><td>판매자와 제품을 믿을 수 있는지</td><td class="v">사업자 정보, 인증, 실제 사용 후기</td></tr>
<tr class="hot"><td class="k">배송</td><td>언제 오고 배송비가 얼마인지</td><td class="v">배송비·기간을 상단 근처에 명시</td></tr>
<tr><td class="k">사이즈</td><td>크기·용량이 예상과 다를까</td><td class="v">실측 이미지, 사물과 비교한 사진</td></tr>
<tr><td class="k">품질</td><td>써 보면 기대만큼일지</td><td class="v">사용 전후 비교, 지속 시간 등 구체 수치</td></tr>
<tr><td class="k">비교</td><td>다른 상품보다 나은 선택인지</td><td class="v">비방 없이 사실 기반 차별점</td></tr>
<tr><td class="k">긴급성</td><td>지금 사야 할 이유가 없음</td><td class="v">한정 수량, 시즌 안내(과장 없이)</td></tr>
<tr><td class="k">사후 서비스</td><td>문제가 생기면 처리되는지</td><td class="v">교환·환불 절차를 짧은 문장으로</td></tr>
</tbody></table></div></div>

.dk-long3 table{width:100%;border-collapse:collapse;table-layout:fixed}
.dk-long3 th{font-size:var(--f-cap);font-weight:600;color:var(--mu);text-align:left;padding:0 14px 10px;border-bottom:1px solid var(--line2);white-space:nowrap}
.dk-long3 td{font-size:var(--f-body);color:var(--ink2);padding:9px 14px;border-bottom:1px solid var(--line);vertical-align:middle;line-height:1.4}
.dk-long3 tbody tr:last-child td{border-bottom:0}
.dk-long3 td.k{font-weight:700;color:var(--ink)}
.dk-long3 td.v{font-weight:500;color:var(--ink)}
.dk-long3 td.m{font-size:var(--f-sm);color:var(--mu)}
.dk-long3 tr.hot td{background:var(--acw)}
.dk-long3 tr.hot td.k{color:var(--ac)}
.dk-long3 .dk-card{padding:20px 24px 12px}
.dk-long3 .dk-card{padding:16px 24px 6px}
.dk-long3 th{padding-bottom:8px}
.dk-long3 td{line-height:1.3}