한 장 요약(큰 숫자와 아이콘 항목 3개)

파트의 결론 장이나 요약 장. 왼쪽에 가장 중요한 숫자 하나, 오른쪽에 그 숫자를 만든 요인이나 실행 항목 3개. 항목 3개 고정. 값 바꾸는 법: 왼쪽: 라벨, 큰 숫자(.num)와 단위(i), 설명 2줄 이내. 숫자가 4자 이상이면 .bn .num 글자 크기를 96px 로. 오른쪽 항목 3개: 아이콘·굵은 한 줄·보조 한 줄·오른쪽 끝 시점이나 수치. 강조색은 큰 숫자 한 곳. 아이콘은 Lucide(ISC) 원문을 인라인으로 넣은 것. 다른 아이콘으로 바꿀 때는 D-아이콘-* 묶음에서 같은 viewBox 의 내용을 복사.

컨설팅 보고서 요약 장의 일반적 구성(큰 수치 하나와 근거 3개, 특정 문서 인용 아님), infoDiagram Flat Infographics Template(https://www.infodiagram.com/diagrams/infographics-template-ppt-presentation-flat). 숫자 하나만 크게, 나머지는 같은 크기 아이콘 목록으로 두는 위계를 참고. 구성 방식만 참고, 코드와 그림은 직접 제작. 아이콘: Lucide v1.52.0(ISC, https://lucide.dev).

<div class="dk dk-one">
  <div class="dk-card w">
    <div class="lf"><p class="dk-lb">문의 건수 · 전년 동기 대비</p><p class="bn"><span class="num">3.4</span><i>배</i></p><p class="cp">광고비는 같은 수준 유지, 문의당 비용 지수 100에서 31로 하락</p></div>
    <ul>
      <li><svg class="ic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z"/></svg><div><b>전환 기준 정비</b><span>전화·예약·채팅 문의를 나눠 측정, 허수 전환 제외</span></div><em class="num">1개월차</em></li>
      <li><svg class="ic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m21 21-4.34-4.34"/><circle cx="11" cy="11" r="8"/></svg><div><b>키워드 재편</b><span>전환 없는 키워드 180개 중단, 지역 키워드 60개 추가</span></div><em class="num">2개월차</em></li>
      <li><svg class="ic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"/></svg><div><b>후기 확보</b><span>방문 고객 후기 요청 동선 마련, 월 평균 58건 등록</span></div><em class="num">3개월차부터</em></li>
    </ul>
  </div>
</div>

.dk-one .w{display:grid;grid-template-columns:400px minmax(0,1fr);padding:40px 44px;align-items:center}
.dk-one .lf{padding-right:44px;border-right:1px solid var(--line2);align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.dk-one .bn{margin:6px 0 14px;line-height:1;color:var(--ac)}
.dk-one .bn .num{font-size:120px;font-weight:700;letter-spacing:-.05em}
.dk-one .bn i{font-style:normal;font-size:var(--f-num);font-weight:700;margin-left:6px}
.dk-one .cp{margin:0;font-size:var(--f-body);color:var(--ink2)}
.dk-one ul{list-style:none;margin:0;padding:0 0 0 44px}
.dk-one li{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.dk-one li:first-child{padding-top:6px}
.dk-one li:last-child{border-bottom:0;padding-bottom:6px}
.dk-one li .ic{width:36px;height:36px;flex:none;color:var(--g4)}
.dk-one li div{flex:1;min-width:0}
.dk-one li b{display:block;font-size:var(--f-lg);font-weight:700;line-height:1.35}
.dk-one li span{font-size:var(--f-sm);color:var(--mu)}
.dk-one li em{font-style:normal;font-size:var(--f-sm);font-weight:600;color:var(--ink2);white-space:nowrap}