# Frame 1171281202 — 분류: rewrite

## 근거
1. 전체 absolute 배치 → R17 flex/flow 전환 필요
2. 좌측 카테고리와 우측 번호 행이 모두 고정 좌표 → 텍스트 변경 시 깨짐
3. 구조 변경 범위가 patch 수준 초과

## 변경 대상
- Layout: absolute → flex row (좌/우 분할) + flex column (각 패널 내부)
- 좌측 카테고리: absolute → flex column (cat-header + sw-list flow)
- 우측 번호 행: 각각 absolute → flex row (badge + bar + text + arrow)
- 장식 요소: 별도 div → content-area 내 absolute (flow 영향 없음)

## 변경하지 않는 것
- 색상, gradient 값 (cat-bar, left-bg, right-bar)
- 텍스트 내용
- 에셋 이미지 (badge, arrow, icon)
- zoom 값 (0.68706)

## 구조 결정 (HARNESS §4)
```
이 블록의 레이아웃은?
├── 좌우 분할 (좌:카테고리 / 우:번호 행)
│   → flex row
├── 좌측: 3 카테고리 순차 배치
│   → flex column (category 간 flow)
│   → 각 category: cat-header(relative) + sw-list(flow)
├── 우측: 5 번호 행 순차 배치
│   → flex column (gap: 57px)
│   → 각 row: flex row (badge + bar(text + arrow))
└── 장식: left-bg, mid-deco, mid-arrow → absolute
```