# Frame 1171281203 — 실측 기록 (flat) > 원본: 1924 × 2014 px (node 145:8266) > 패턴: compare-table-2col (2열 S/W 비교 표) > Scale: 1280 / 1924 = 0.66527 ## 구조 ``` Frame 145:8266 (1924 × 2014) ├── 145:8270 배경1 IMG (0, 0) 1924×737 ├── 145:8269 배경2 IMG (1, 489) 1923×1525 │ ├── 145:8273 타이틀 (3.97, 48.98) │ ├── 145:8275 아이콘 IMG 50×50 │ └── 145:8276 TEXT "Application S/W 의 구분" — mixed gradient │ ├── 열 헤더 (y=171~251) │ ├── 145:8277 bar (53.58, 171.43) 1003×79 — bg:#589e8d │ ├── 145:8278 bar (1056.68, 171.43) 803×79 — bg:#ef7a26 │ ├── 145:8279 TEXT "구 분" center(155.65, 211.28) — 40px Bold white │ ├── 145:8280 TEXT "(Commercial) Package Program" center(657.33, 211.11) │ └── 145:8281 TEXT "(System) Solution S/W" center(1457.03, 211.11) │ ├── 행 배경 (교대 white/rgba(253,198,158,0.16)) │ ├── 145:8271 (51.59, 535.84) rgba(253,198,158,0.16) — 고객+정의 영역 │ └── 145:8272 (51.59, 1282.31) rgba(253,198,158,0.16) — 장점+단점 영역 │ ├── 수평선 CSS: y=537.81, 910.06, 1282.31, 1579.14, 1948.45 ├── 수직선 CSS: x=257.74 (전체), x=1056.68 (전체) │ ├── 5개 행 │ ├── 고객(분야) — 145:8287/8288/8289 │ ├── 정의 — 145:8291/8292/8293 │ ├── 특징 — 145:8295/8296/8297 │ ├── 장점 — 145:8299/8300/8301 │ └── 단점 — 145:8303/8304/8305 ``` ## 에셋 | hash | 의미 | |------|------| | 855b9d71...png | 배경1 (상단) | | f808a8c7...png | 배경2 (하단) | | b0e9fad5...png | 아이콘 | | line SVG 5개 | 전부 CSS border | ## 색상 | 요소 | 값 | |------|------| | 헤더 좌 | #589e8d | | 헤더 우 | #ef7a26 | | 행 배경 교대 | white / rgba(253,198,158,0.16) | | 강조 키워드 | #a14101 Bold | | 본문 | black, 40px Medium | ## 변형 가능 축 - columns[2] (required) - rows[N=3~7] (required) - header_colors[2] (required) - bg_images[2] (optional)