# InsuRo AI 콘텐츠 작성 — 금소법 동의 체크박스 크기 축소

## 작업 레벨: Lv.1

## 프로젝트
- InsuRo: `/home/jay/projects/InsuRo`

## 문제
AI 콘텐츠 작성 페이지(Generate.tsx)의 금소법 면책 동의 영역에서 체크박스가 너무 크게 보임.

## 수정 사항

### ComplianceConsentBanner.tsx (88-102줄)
체크박스 크기 + 전체 동의 영역을 더 컴팩트하게:

```tsx
{/* 기존 */}
<label className="flex items-start gap-2 cursor-pointer ml-6">
  <Checkbox className="mt-0.5" ... />
  <span className="text-[11px]">...</span>
</label>

{/* 변경 */}
<label className="flex items-center gap-1.5 cursor-pointer ml-6">
  <Checkbox className="h-3.5 w-3.5" ... />
  <span className="text-[11px]">...</span>
</label>
```

### 추가: Checkbox 컴포넌트에서 크기 override 허용
`src/components/ui/checkbox.tsx`:
- 현재 `h-4 w-4`가 기본이지만, `className`으로 override 가능해야 함
- Check 아이콘도 체크박스 크기에 맞게 축소: `h-3 w-3`

또는 ComplianceConsentBanner에서만 작은 체크박스 스타일 적용.

## affected_files
- `src/components/ComplianceConsentBanner.tsx` (수정 — 체크박스 크기 + 레이아웃 컴팩트)

## 검증 시나리오
1. AI 콘텐츠 작성 페이지 → 금소법 동의 체크박스가 적절한 크기로 표시
2. 체크박스 클릭 → 동의 처리 정상
3. npm run build 성공