디자인킷 · 레이아웃
운영: 역할 분담(RACI 요약과 소통 창구)
D-레이아웃-완성-운영-역할분담
언제 쓰는가
전(轉) 후반 또는 결(結). 일정 장 다음. 누가 하고 누가 승인하는지를 표로, 어떤 일은 어디로 연락하는지를 오른쪽 목록으로. 업무 5~7행, 역할 3~4열, 창구 4개. 바꿔야 할 값: 업무명, 역할 이름(열), 칸의 R·A·C·I, 창구 4개(상황·수단·응답 시간), 창구 담당 한 줄. 값 바꾸는 법: 표 칸은 <span class="rc r">R</span> 형태(r 실행 진한 칸, a 승인 테두리, c 협의, i 공유). 한 업무에 A 는 하나만. 오른쪽 .ch li 는 상황(.t) 수단(.m) 응답 시간(b). 맨 위 .one 은 창구 담당 한 줄.
참고
PMI 의 RACI 책임 배정표, Atlassian 팀 플레이북의 역할 표, 국내 대행사 제안서의 운영 조직·커뮤니케이션 장을 참고. 직접 제작.
조각
<section class="slide lo-op-raci">
<div class="run"><b>모루리빙 2027 상반기 통합 디지털 마케팅 제안</b><span>PART 04 · 운영 계획</span></div>
<div class="hd"><p class="lb">역할 분담</p><h1>실행은 대행사, 승인은 광고주 담당 한 사람</h1><p class="lede">업무 6가지의 실행·승인·협의·공유 주체와 소통 창구</p></div>
<div class="body">
<div class="grid">
<div>
<div class="cd tb">
<table>
<thead><tr><th>업무</th><th>광고주 담당</th><th>대행사 총괄</th><th>매체 운영</th><th>콘텐츠 제작</th></tr></thead>
<tbody>
<tr><td class="k">목표와 예산 확정</td><td><span class="rc a">A</span></td><td><span class="rc r">R</span></td><td><span class="rc c">C</span></td><td><span class="rc i">I</span></td></tr>
<tr><td class="k">검색어와 입찰 운영</td><td><span class="rc i">I</span></td><td><span class="rc a">A</span></td><td><span class="rc r">R</span></td><td><span class="rc i">I</span></td></tr>
<tr><td class="k">소재와 콘텐츠 제작</td><td><span class="rc a">A</span></td><td><span class="rc c">C</span></td><td><span class="rc i">I</span></td><td><span class="rc r">R</span></td></tr>
<tr><td class="k">랜딩과 추적 설정</td><td><span class="rc c">C</span></td><td><span class="rc a">A</span></td><td><span class="rc r">R</span></td><td><span class="rc i">I</span></td></tr>
<tr><td class="k">주간·월간 보고</td><td><span class="rc i">I</span></td><td><span class="rc a">A</span></td><td><span class="rc r">R</span></td><td><span class="rc c">C</span></td></tr>
<tr><td class="k">예산 재배분 결정</td><td><span class="rc a">A</span></td><td><span class="rc r">R</span></td><td><span class="rc c">C</span></td><td><span class="rc i">I</span></td></tr>
</tbody>
</table>
</div>
<p class="lgd"><span><b class="rc r">R</b>실행</span><span><b class="rc a">A</b>최종 승인</span><span><b class="rc c">C</b>사전 협의</span><span><b class="rc i">I</b>결과 공유</span></p>
</div>
<div class="r">
<p class="k">소통 창구</p>
<p class="one">대행사 창구는 총괄 1명, 부재 시 매체 운영 담당이 대행</p>
<ul class="ch">
<li><p class="t">일상 문의</p><p class="m">메신저 단체방</p><b>4시간 안 회신</b></li>
<li><p class="t">긴급 상황</p><p class="m">총괄 직통 전화</p><b>1시간 안 조치</b></li>
<li><p class="t">승인 요청</p><p class="m">메일, 시안 첨부</p><b>2영업일 안 회신</b></li>
<li><p class="t">정기 회의</p><p class="m">격주 화요일 화상</p><b>회의록 당일 공유</b></li>
</ul>
</div>
</div>
</div>
<div class="pg">28</div>
</section>스타일
.slide.lo-op-raci .hd .lb{color:var(--mu)}
.slide.lo-op-raci :where(.body p,.body ul,.body ol,.body dl,.body dd,.body dt){margin:0;padding:0;list-style:none}
.slide.lo-op-raci .k{font-size:var(--f-cap);font-weight:600;color:var(--mu)}
.slide.lo-op-raci .cd{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow)}
.slide.lo-op-raci .say{font-size:var(--f-body);color:var(--ink2)}
.slide.lo-op-raci .say::before{content:"→";color:var(--mu);font-weight:600;margin-right:10px}
.slide.lo-op-raci table{width:100%;border-collapse:collapse}
.slide.lo-op-raci 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)}
.slide.lo-op-raci td{font-size:var(--f-sm);color:var(--ink2);padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.slide.lo-op-raci tr:last-child td{border-bottom:0}
.slide.lo-op-raci td.k{font-size:var(--f-body);font-weight:700;color:var(--ink)}
.slide.lo-op-raci .grid{display:grid;grid-template-columns:1fr 380px;gap:44px;align-items:center}
.slide.lo-op-raci .tb{padding:18px 22px 8px}
.slide.lo-op-raci th:nth-child(n+2){text-align:center}
.slide.lo-op-raci td{padding:8px 14px}
.slide.lo-op-raci td:nth-child(n+2){text-align:center}
.slide.lo-op-raci .rc{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-sm);font-size:var(--f-sm);font-weight:700}
.slide.lo-op-raci .rc.r{background:var(--g4);color:var(--card)}
.slide.lo-op-raci .rc.a{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.slide.lo-op-raci .rc.c{background:var(--g1);color:var(--ink2)}
.slide.lo-op-raci .rc.i{background:var(--soft);color:var(--mu)}
.slide.lo-op-raci .lgd{display:flex;gap:22px;margin-top:12px;padding-left:22px;font-size:var(--f-cap);color:var(--mu)}
.slide.lo-op-raci .lgd span{display:flex;align-items:center;gap:8px}
.slide.lo-op-raci .lgd .rc{width:22px;height:22px;font-size:13px}
.slide.lo-op-raci .one{font-size:var(--f-md);font-weight:700;color:var(--ac);line-height:1.45;margin:6px 0 10px}
.slide.lo-op-raci .ch{border-top:1px solid var(--line2)}
.slide.lo-op-raci .ch li{display:grid;grid-template-columns:1fr auto;column-gap:16px;padding:11px 0;border-bottom:1px solid var(--line);align-items:center}
.slide.lo-op-raci .ch .t{font-size:var(--f-body);font-weight:700;color:var(--ink)}
.slide.lo-op-raci .ch .m{font-size:var(--f-sm);color:var(--ink2);grid-column:1}
.slide.lo-op-raci .ch b{grid-column:2;grid-row:1 / 3;font-size:var(--f-sm);font-weight:600;color:var(--ink2)}