Components · Disclosure

Context card

짧은 안내 정보 + 원형 마크. 페이지 내 *알림에 가까운* 정적 카드 — 토스트보다 영구적, 모달보다 가벼움.

Preview

i

신청 전 안내사항

전 회차 대면이 원칙이지만 사전 신청 시 회차당 2회까지 온라인 참여가 가능합니다.

Usage

<div class="context-card">
  <div class="cc-mark">i</div>
  <div class="cc-body">
    <h4 class="t-h4">제목</h4>
    <p class="t-body">본문</p>
  </div>
</div>

Rules

DO

cc-mark는 원형, 16px 글자.
1~2문장 안내에 사용.

DON'T

긴 본문 금지 — Card 사용.