diff --git a/resources/tester/test_556_1_page_bg.py b/resources/tester/test_556_1_page_bg.py
new file mode 100644
index 000000000..ef21f31ec
--- /dev/null
+++ b/resources/tester/test_556_1_page_bg.py
@@ -0,0 +1,24 @@
+"""556-1 작업 화면 본문 바탕 = 테마 페이지 바탕(--color-bg) — 틀 · 페이지가 흰 바탕을 다시 박지 않음."""
+
+import re
+from pathlib import Path
+
+ROOT = Path(__file__).resolve().parents[2]
+
+
+def _rule(css: str, selector: str) -> str:
+    m = re.search(re.escape(selector) + r"\s*\{([^}]*)\}", css)
+    assert m, f"{selector} 규칙 없음"
+    return m.group(1)
+
+
+def test_workflow_main_uses_page_bg():
+    css = (ROOT / "ui_template/ui_template_workflow_layout.css").read_text(encoding="utf-8")
+    body = _rule(css, ".ui-workflow-layout__main")
+    assert "background: var(--color-bg)" in body
+    assert "--color-canvas" not in body
+
+
+def test_general_layout_uses_page_bg():
+    css = (ROOT / "ui_template/ui_template_general_layout.css").read_text(encoding="utf-8")
+    assert "background: var(--color-bg)" in _rule(css, ".ui-general-layout")
diff --git a/ui_template/ui_template_workflow_layout.css b/ui_template/ui_template_workflow_layout.css
index 39cbcb9d6..05794f43f 100644
--- a/ui_template/ui_template_workflow_layout.css
+++ b/ui_template/ui_template_workflow_layout.css
@@ -132,12 +132,13 @@
   }
 }
 
+/* 본문 바탕(556-1) = 페이지 바탕 · 내용 덩어리는 흰 카드 · 그림 판은 제 색(--draw-*) */
 .ui-workflow-layout__main {
   width: 100%;
   min-width: 0;
   min-height: calc(100dvh - var(--app-header-h));
   overflow: auto;
-  background: var(--color-canvas);
+  background: var(--color-bg);
 }
 
 /* ☰ 들여쓰기(7-2) — 본문 첫 줄이 ☰ 자리를 비키려면 본문 왼쪽 끝에서 더 비울 폭.