제안 시스템

디자인킷 · 표

RACI 책임 표

D-표-RACI

RACI 책임 표

언제 쓰는가

업무마다 실행(R), 최종 책임(A), 협의(C), 통보(I)를 지정. 최종 책임 A만 강조색. 업무 5~7개, 역할 4~5개. 값 바꾸는 법: 칸에 <i class="b r|a|c|i">글자</i>를 넣음. 한 업무(행)에 A는 반드시 하나. 역할 이름은 머리줄에서 교체. 범례는 그대로 둠.

참고

infoDiagram RACI Matrix https://infodiagram.com/diagrams/raci-matrix-project-role-chart-ppt (역할 글자를 배지로, 범례를 표 아래에). 구성 방식만 참고, 코드와 그림은 직접 제작.

조각

<div class="dk dk-raci"><div class="dk-card"><table>
<colgroup><col><col style="width:168px"><col style="width:168px"><col style="width:168px"><col style="width:168px"></colgroup>
<thead><tr><th>업무</th><th class="c">광고주 담당</th><th class="c">대행사 총괄</th><th class="c">매체 담당</th><th class="c">제작 담당</th></tr></thead>
<tbody>
<tr><td class="k">캠페인 목표 확정</td><td class="c"><i class="b a">A</i></td><td class="c"><i class="b r">R</i></td><td class="c"><i class="b c">C</i></td><td class="c"><i class="b i">I</i></td></tr>
<tr><td class="k">매체 배분안 작성</td><td class="c"><i class="b a">A</i></td><td class="c"><i class="b c">C</i></td><td class="c"><i class="b r">R</i></td><td class="c"><i class="b i">I</i></td></tr>
<tr><td class="k">소재 기획과 제작</td><td class="c"><i class="b c">C</i></td><td class="c"><i class="b a">A</i></td><td class="c"><i class="b i">I</i></td><td class="c"><i class="b r">R</i></td></tr>
<tr><td class="k">소재 검수와 승인</td><td class="c"><i class="b a">A</i></td><td class="c"><i class="b r">R</i></td><td class="c"><i class="b i">I</i></td><td class="c"><i class="b c">C</i></td></tr>
<tr><td class="k">집행과 입찰 조정</td><td class="c"><i class="b i">I</i></td><td class="c"><i class="b a">A</i></td><td class="c"><i class="b r">R</i></td><td class="c"></td></tr>
<tr><td class="k">주간·월간 보고</td><td class="c"><i class="b i">I</i></td><td class="c"><i class="b a">A</i></td><td class="c"><i class="b r">R</i></td><td class="c"><i class="b c">C</i></td></tr>
</tbody></table></div>
<p class="lg"><span><i class="b r">R</i>실행</span><span><i class="b a">A</i>최종 책임(업무당 1명)</span><span><i class="b c">C</i>사전 협의</span><span><i class="b i">I</i>결과 통보</span></p></div>

스타일

.dk-raci table{width:100%;border-collapse:collapse;table-layout:auto}
.dk-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);white-space:nowrap}
.dk-raci td{font-size:var(--f-body);color:var(--ink2);padding:9px 14px;border-bottom:1px solid var(--line);vertical-align:middle;line-height:1.4}
.dk-raci tbody tr:last-child td{border-bottom:0}
.dk-raci .n{text-align:right;font-variant-numeric:tabular-nums}
.dk-raci .c{text-align:center}
.dk-raci td.k{font-weight:600;color:var(--ink)}
.dk-raci .dk-card{padding:20px 24px 12px}
.dk-raci th.c{font-size:var(--f-sm);color:var(--ink)}
.dk-raci i.b{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-style:normal;font-size:var(--f-sm);font-weight:700;vertical-align:middle;border:1.5px solid transparent}
.dk-raci i.r{background:var(--g4);color:var(--card)}
.dk-raci i.a{background:var(--ac);color:var(--card)}
.dk-raci i.c{border-color:var(--g3);color:var(--ink2)}
.dk-raci i.i{color:var(--mu);font-weight:600}
.dk-raci .lg{display:flex;align-items:center;gap:24px;margin:14px 0 0;padding:0 24px;font-size:var(--f-cap);color:var(--mu)}
.dk-raci .lg span{display:inline-flex;align-items:center;gap:8px}
.dk-raci .lg i.b{width:22px;height:22px;font-size:var(--f-cap)}