diff --git a/M02_MasterTemplete/DataFlow/M02_DF_Entry.css b/M02_MasterTemplete/DataFlow/M02_DF_Entry.css
index 0047e4863..05228f379 100644
--- a/M02_MasterTemplete/DataFlow/M02_DF_Entry.css
+++ b/M02_MasterTemplete/DataFlow/M02_DF_Entry.css
@@ -254,6 +254,10 @@
   border-bottom: 0;
 }
 
+.m02-df__detail-row[hidden] {
+  display: none;
+}
+
 .m02-df__detail-row h4 {
   margin: 0;
   color: var(--color-text-secondary);
diff --git a/M02_MasterTemplete/DataFlow/M02_DF_Entry.ts b/M02_MasterTemplete/DataFlow/M02_DF_Entry.ts
index 00cf48c4c..e6a60b0e8 100644
--- a/M02_MasterTemplete/DataFlow/M02_DF_Entry.ts
+++ b/M02_MasterTemplete/DataFlow/M02_DF_Entry.ts
@@ -474,6 +474,8 @@ function openDataFlow(): void {
       if (boxId && !lg.boxes.some((b) => b.id === boxId)) pick = null;
       const box = lg.boxes.find((b) => b.id === pickedBox());
       drawHead(detail, lg, pick);
+      // 설정 줄(상자 이름 · 색)은 상자를 고른 때만 — 선 · 알약이면 줄째 숨김
+      (detail.settings.parentElement as HTMLElement).hidden = !box;
       colorRow.hidden = !box;
       boxName.root.hidden = !box || box.kind === "output";
       if (box && document.activeElement !== boxName.input) boxName.input.value = box.name;