고객이 묻는 것과 우리가 답하는 것

제안 요청서나 사전 미팅의 질문을 그대로 옮기고 답과 해당 장을 연결할 때. 질문 3~4개, 질문 1~2줄, 답 1줄과 보충 1줄. 값 바꾸는 법: .r 하나가 질문과 답(.ask 질문 원문, b 답, p 보충, .p 해당 장 번호). 질문 3~4개. 따옴표는 CSS 로 붙으므로 문구에 넣지 않음.

제안 요청서 대응표(요구 사항과 답변, 해당 쪽을 나란히 두는 compliance matrix)를 글 중심으로 줄인 구성. 컨설팅 장표 규칙 해설(Deckary 'consulting slide standards' https://deckary.com/blog/consulting-slide-standards , 'slide types guide' https://deckary.com/blog/pillar-slide-types-guide)의 무장식·제한된 색·한 장 한 주장 원칙 참고. 구성 방식만 참고, 그림과 코드는 직접 제작.

<div class="dk dk-tcq">
  <div class="h"><span>고객이 묻는 것</span><span class="a">우리가 답하는 것</span><span class="p">해당 장</span></div>
  <div class="r"><p class="ask">기존 대행사와 무엇이 다른가</p><div><b>매체별 보고가 아닌 통합 계획과 통합 리포트</b><p>메시지, 일정, 예산을 하나의 월간 계획표로 운영</p></div><span class="p num">08</span></div>
  <div class="r"><p class="ask">목표 수치의 근거는 무엇인가</p><div><b>최근 6개월 실적을 기준선으로 한 증분 계산</b><p>기준선이 없는 지표는 목표에서 제외</p></div><span class="p num">14</span></div>
  <div class="r"><p class="ask">담당 인력은 몇 명인가</p><div><b>전담 AE 1인과 매체·소재 담당 3인</b><p>연락 창구는 전담 AE 한 곳</p></div><span class="p num">21</span></div>
  <div class="r"><p class="ask">성과가 나쁘면 어떻게 하는가</p><div><b>4주마다 점검, 기준 미달 묶음은 중단 후 재배분</b><p>중단 기준은 착수 전에 문서로 합의</p></div><span class="p num">23</span></div>
</div>

.dk-tcq .h,.dk-tcq .r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 72px;column-gap:40px;align-items:center}
.dk-tcq .h{padding-bottom:12px;border-bottom:1px solid var(--line2)}
.dk-tcq .h span{font-size:var(--f-sm);font-weight:600;color:var(--mu)}
.dk-tcq .h .a{color:var(--ac)}
.dk-tcq .p{text-align:right}
.dk-tcq .r{min-height:84px;border-bottom:1px solid var(--line)}
.dk-tcq .r:last-child{border-bottom-color:var(--line2)}
.dk-tcq .ask{margin:0;font-size:var(--f-md);color:var(--ink2)}
.dk-tcq .ask::before{content:"“"}
.dk-tcq .ask::after{content:"”"}
.dk-tcq .r b{display:block;font-size:var(--f-md);font-weight:700;line-height:1.4}
.dk-tcq .r div p{margin:2px 0 0;font-size:var(--f-sm);color:var(--mu)}
.dk-tcq .r .p{font-size:var(--f-lg);font-weight:700;color:var(--g3)}