# Frame 1171281204 — 실측 기록 (flat)

> 원본: 1869 × 1926 px (node 145:8223)
> 패턴: compare-table-3col (3열 S/W 비교 표)
> Scale: 1280 / 1869 = 0.68511

## 구조

```
Frame 145:8223 (1869 × 1926)
├── 타이틀
│   ├── 145:8229 아이콘 IMG (0, 22.5) 50×50
│   └── 145:8230 TEXT "Engn. S/W의 구성 과 특징" (65, 0) — mixed gradient
│
├── 열 헤더 (y=128~208, 높이 ~80)
│   ├── 145:8231 bar (70, 207.74) 734×80 — bg:#589e8d
│   ├── 145:8232 bar (804.31, 207.74) 533×80 — bg:rgba(62,53,35,0.9)
│   ├── 145:8233 bar (1337, 208.72) 532×80 — bg:#ef7a26
│   ├── 145:8234 TEXT "구 분" center(171.67, 168.05) — 40px Bold white
│   ├── 145:8235 TEXT "상용 S/W" center(539.02, 168.05)
│   ├── 145:8236 TEXT "3rd Party (기생 S/W)" center(1070.75, 168.05)
│   └── 145:8237 TEXT "전문ㆍ전용 S/W" center(1602.3, 168.05)
│
├── 행 배경 4개 (교대 white/rgba(253,198,158,0.16))
│   ├── 145:8225 (69, 209~721) white
│   ├── 145:8228 (70, 721~1092) rgba(253,198,158,0.16)
│   ├── 145:8226 (70, 1092~1358) white → 실제 (1088~1358)
│   └── 145:8227 (70, 1358~1914) rgba(253,198,158,0.16)
│
├── 그리드 라인 (모두 CSS, SVG 불필요)
│   ├── 수평선: y=720.64, 1089.81, 1357.58, 1913.80
│   └── 수직선: x=273.36, 804.91, 1336.46 (전체 높이) + x=804.98 (부분)
│
├── 행 라벨 (좌측 열)
│   ├── 145:8253 "개 념" center(171.68, 265.82) — 35px Bold
│   ├── 145:8257 "개발주체" center(171.19, 778.39)
│   ├── 145:8261 "성 과 품" center(171.07, 1162.32)
│   └── 145:8265 "S/W의 사용" center(171.07, 1422.86)
│
└── 셀 콘텐츠 (12개: 4행 × 3열)
    ├── 145:8250 개념/상용 (273.59, 230.38) 532×392 — 35px Medium, bullet list
    ├── 145:8251 개념/3rd (804.31, 233.34) 532×392
    ├── 145:8252 개념/전용 (1336.02, 230.38) 532×470
    ├── 145:8254 개발주체/상용 (273.59, 750.06) 532×318
    ├── 145:8255 개발주체/3rd (805.30, 743.72) 531×320
    ├── 145:8256 개발주체/전용 (1336.01, 743.72) 532×320
    ├── 145:8258 성과품/상용 (273.59, 1126.24) 532×231
    ├── 145:8259 성과품/3rd (805.30, 1121.31) 531×232
    ├── 145:8260 성과품/전용 (1336.02, 1121.31) 532×232
    ├── 145:8262 사용/상용 (273.59, 1387.69) 532×538
    ├── 145:8263 사용/3rd (805.30, 1387.69) 531×538
    └── 145:8264 사용/전용 (1336.02, 1387.69) 532×538
```

## 에셋

| hash | 의미 | CSS |
|------|------|-----|
| b0e9fad5...png | 아이콘 | 이미지 |
| 8개 line SVG | 테두리선 | ✓ 전부 CSS border |

## 색상

| 요소 | 값 |
|------|------|
| 헤더1 (구분+상용) | #589e8d |
| 헤더2 (3rd Party) | rgba(62,53,35,0.9) |
| 헤더3 (전용) | #ef7a26 |
| 행 배경 교대 | white / rgba(253,198,158,0.16) |
| 강조 텍스트 | #a14101 Bold |
| 본문 | black, 35px Medium |

## 변형 가능 축

- columns[N=2~4] (required)
- rows[N=3~6] (required)
- header_colors[N] (required)
- highlight_color (optional, default #a14101)