diff --git a/M01_MasterData/M01_MasterData_UI_Logic_Style.css b/M01_MasterData/M01_MasterData_UI_Logic_Style.css
index c786f157..296aee62 100644
--- a/M01_MasterData/M01_MasterData_UI_Logic_Style.css
+++ b/M01_MasterData/M01_MasterData_UI_Logic_Style.css
@@ -3,9 +3,10 @@
   display: none !important;
 }
 
+/* 시험 계산 칸은 「고급」 보기에만 있음 — 없을 때는 본문이 한 칸 전체(빈 280px 칸을 남기지 않음) */
 .m01-logic {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) 280px;
+  grid-template-columns: minmax(0, 1fr);
   gap: var(--spacing-12);
   height: 100%;
   min-height: 0;
@@ -15,6 +16,24 @@
   font-size: var(--text-body-sm);
 }
 
+.m01-logic:has(> .m01-logic__calc:not([hidden])) {
+  grid-template-columns: minmax(0, 1fr) 280px;
+}
+
+/* 좁은 화면 — 본문 위 · 시험 계산 아래로 쌓고 본문이 폭을 다 씀(표는 제 칸 안에서 가로로 밀림) */
+@media (width <= 900px) {
+  .m01-logic,
+  .m01-logic:has(> .m01-logic__calc:not([hidden])) {
+    grid-template-columns: minmax(0, 1fr);
+    height: auto;
+  }
+
+  .m01-logic__main,
+  .m01-logic__calc {
+    overflow: visible;
+  }
+}
+
 .m01-logic__main,
 .m01-logic__calc {
   display: flex;