디자인킷 · 레이아웃
신뢰: 자주 받는 질문 4개와 답
D-레이아웃-완성-신뢰-자주받는질문
언제 쓰는가
결(結)의 끝. 연락처·마무리 장 바로 앞. 발표 뒤 질의에서 반복되는 질문을 미리 답해 망설임을 줄임. 질문 4개 고정(2×2), 답은 결론 한 줄 + 설명 한두 줄. 바꿔야 할 값: 질문 4개, 답의 결론 문장, 설명, 가장 중요한 질문 1개(class hot). 값 바꾸는 법: .q 카드 4개. .qq 질문(광고주가 실제로 묻는 말투), .a 결론 한 줄(명사 종결), .m 보충 설명. 번호는 .no. 계약 결정에 가장 큰 영향을 주는 질문 하나에만 class="q hot".
참고
SaaS 요금 페이지와 대행사 소개서의 FAQ 구성(질문·짧은 결론·보충 설명), McKinsey 제안서 부록의 anticipated questions 장을 참고. 직접 제작.
조각
<section class="slide lo-tr-faq">
<div class="run"><b>모루리빙 2027 상반기 통합 디지털 마케팅 제안</b><span>PART 06 · 수행 사례와 팀</span></div>
<div class="hd"><p class="lb">자주 받는 질문</p><h1>계약 전에 가장 많이 받는 질문 4가지</h1><p class="lede">계정 소유, 성과 미달, 계약 기간, 인수인계에 대한 답</p></div>
<div class="body">
<div class="qs">
<div class="cd q hot"><p class="no num">Q1</p><div><p class="qq">광고 계정과 데이터는 누구 소유인가요?</p><p class="a">계정과 데이터 모두 광고주 소유</p><p class="m">광고주 명의로 계정 개설, 대행사는 관리 권한만 보유. 계약 종료 시 권한 해제만으로 이관 완료</p></div></div>
<div class="cd q"><p class="no num">Q2</p><div><p class="qq">목표에 못 미치면 어떻게 하나요?</p><p class="a">6주 차 중간 점검에서 예산 재배분</p><p class="m">선행 지표가 2주 연속 기준 미달이면 원인 보고서와 조정안을 1주 안에 제출. 미달 매체는 축소</p></div></div>
<div class="cd q"><p class="no num">Q3</p><div><p class="qq">최소 계약 기간이 있나요?</p><p class="a">최소 3개월, 이후 1개월 단위 연장</p><p class="m">검색어 재편과 자동 입찰 학습에 8주 안팎 소요. 3개월 뒤에는 30일 전 통보로 종료 가능</p></div></div>
<div class="cd q"><p class="no num">Q4</p><div><p class="qq">기존 대행사에서 넘어올 때 공백이 생기나요?</p><p class="a">집행 중단 없이 2주 병행 후 전환</p><p class="m">기존 캠페인은 유지한 채 새 구조를 옆에 구성. 성과 이력은 계정에 그대로 보존</p></div></div>
</div>
</div>
<div class="pg">40</div>
</section>스타일
.slide.lo-tr-faq .hd .lb{color:var(--mu)}
.slide.lo-tr-faq :where(.body p,.body ul,.body ol,.body dl,.body dd,.body dt){margin:0;padding:0;list-style:none}
.slide.lo-tr-faq .k{font-size:var(--f-cap);font-weight:600;color:var(--mu)}
.slide.lo-tr-faq .cd{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow)}
.slide.lo-tr-faq .say{font-size:var(--f-body);color:var(--ink2)}
.slide.lo-tr-faq .say::before{content:"→";color:var(--mu);font-weight:600;margin-right:10px}
.slide.lo-tr-faq .qs{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.slide.lo-tr-faq .q{padding:22px 28px;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}
.slide.lo-tr-faq .no{font-size:var(--f-lg);font-weight:700;color:var(--g2);line-height:1.4}
.slide.lo-tr-faq .qq{font-size:var(--f-body);color:var(--ink2)}
.slide.lo-tr-faq .a{font-size:var(--f-lg);font-weight:700;color:var(--ink);margin:4px 0 8px;line-height:1.4}
.slide.lo-tr-faq .m{font-size:var(--f-sm);color:var(--ink2);border-top:1px solid var(--line);padding-top:10px}
.slide.lo-tr-faq .q.hot .a,.slide.lo-tr-faq .q.hot .no{color:var(--ac)}