Components

Consent Block

개인정보 수집·이용 동의 — 법적 고지 4요소를 갖춘 블록입니다.

수집·이용 안내 보기
코드 보기
<label class="consent-row">
  <input type="checkbox" id="consent">
  <span><b>개인정보 수집·이용에 동의합니다.</b> (필수)</span>
</label>
<details>수집 항목 / 목적 / 보유 기간 / 거부 권리</details>

Variants

이름설명미리보기
기본체크박스 + 펼침 상세

Guidelines

✓ Do
  • 고지 4요소(항목·목적·기간·거부권)를 펼침 안에 모두 명시
  • 동의 전까지 주 행동 버튼 비활성
✕ Don't
  • 기본 체크 상태로 두지 않는다 (opt-in 원칙)
  • 상세를 외부 링크로 빼지 않는다 (이탈 방지)

Specification

속성토큰/값비고
체크박스15px / accent --foreground
상세 박스1px border / radius 8px