From a6097d2ce209e56beba251138430f590ab2cda8d Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Mon, 21 Sep 2026 12:30:57 +0900
Subject: [PATCH] =?UTF-8?q?fix(M01):=20=EC=A2=81=EC=9D=80=20=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=EC=97=90=EC=84=9C=20=EC=9D=BC=EC=9C=84=EB=8C=80?=
 =?UTF-8?q?=EA=B0=80=20=EB=A1=9C=EC=A7=81=20=EB=AA=A9=EB=A1=9D=C2=B7?=
 =?UTF-8?q?=ED=98=B8=ED=91=9C=20=ED=91=9C=EA=B0=80=20=EC=95=88=20=EB=B3=B4?=
 =?UTF-8?q?=EC=9D=B4=EB=8D=98=20=EA=B2=83=20=EA=B3=A0=EC=B9=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

시험 계산 칸이 없어도 그리드가 280px 빈 칸을 남겨 390px 에서 본문 폭이 0 이 되던 것을
시험 계산 칸이 보일 때만 두 칸으로 하고, 900px 이하는 본문 위 · 시험 계산 아래로 쌓음.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01PAdA5ThqmtVSsbzjusk1cJ
---
 .../M01_MasterData_UI_Logic_Style.css         | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

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;