띠 · 확정 필요 조건 3칸

제안 내용이 성립하려면 광고주가 정해 줘야 하는 조건 3가지를 본문 아래에 둘 때. 조건 이름 10자 이내, 설명 20자 이내. 값 바꾸는 법: .lead 의 b=건수. li 하나가 조건 1개: i=번호, b=조건 이름, span=왜 필요한지. 3개 고정.

직접 제작. 제안서 전제 조건 장의 요청 사항 목록 표기를 참고.

<div class="dk dks dks-need3"><p class="lead">확정 필요<b>3건</b></p><ol><li><i class="num">01</i><p><b>월 예산 상한</b><span>매체별 배분 비율 산정의 전제</span></p></li><li><i class="num">02</i><p><b>전환 기준</b><span>구매와 상담 신청 중 주 지표 선택</span></p></li><li><i class="num">03</i><p><b>소재 승인 절차</b><span>검수 담당과 회신 기한 지정</span></p></li></ol></div>

.dks-need3{border-top:1px solid var(--line2);padding-top:14px;display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center}
.dks-need3 .lead{margin:0;font-size:var(--f-cap);font-weight:600;color:var(--ac);display:flex;flex-direction:column;line-height:1.4}
.dks-need3 .lead b{font-size:var(--f-lg);color:var(--ink)}
.dks-need3 ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}
.dks-need3 li{display:flex;align-items:flex-start;gap:12px;padding:0 20px;border-left:1px solid var(--line)}
.dks-need3 li i{flex:none;font-style:normal;font-size:var(--f-cap);font-weight:600;color:var(--mu);line-height:1.5}
.dks-need3 li p{margin:0;min-width:0;display:flex;flex-direction:column;line-height:1.45}
.dks-need3 li p b{font-size:var(--f-sm)}
.dks-need3 li p span{font-size:var(--f-cap);color:var(--mu)}