From 3fed6df3b3107e996bf7da976325cf2ff059034f Mon Sep 17 00:00:00 2001
From: plumbestie <jangmj1121@naver.com>
Date: Fri, 19 Jun 2026 19:02:21 +0900
Subject: [PATCH 1/4] =?UTF-8?q?[Fix]=20=ED=97=A4=EB=8D=94=20=EB=A1=9C?=
 =?UTF-8?q?=EA=B7=B8=EC=95=84=EC=9B=83=20=EB=B2=84=ED=8A=BC=20=EC=9C=84?=
 =?UTF-8?q?=EC=B9=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/Header.js         | 14 ++--
 frontend/src/components/Header.module.css | 84 ++++++++++++-----------
 2 files changed, 48 insertions(+), 50 deletions(-)

diff --git a/frontend/src/components/Header.js b/frontend/src/components/Header.js
index ce10952..42b0f8f 100644
--- a/frontend/src/components/Header.js
+++ b/frontend/src/components/Header.js
@@ -32,6 +32,7 @@ function Header({ type }) {
             <header className={`${styles.header} ${themeClass}`}>
                 <NavLink to="/" className={styles.logo}>PIROIN</NavLink>
 
+                {/* 기본 화면 헤더 */}
                 <nav className={styles.nav}>
                     <NavLink to="/pirocheck"  className={({ isActive }) => isActive ? styles.active : ''}>PIROCHECK</NavLink>
                     <NavLink to="/sessions"   className={({ isActive }) => isActive ? styles.active : ''}>Q&A</NavLink>
@@ -61,19 +62,14 @@ function Header({ type }) {
                 aria-hidden="true"
             />
 
-            {/* 드로어: themeClass 추가로 CSS 변수 상속 */}
-            <nav
-                className={`${styles.drawer} ${themeClass} ${menuOpen ? styles.drawerOpen : ''}`}
-                aria-hidden={!menuOpen}
-            >
+            {/* 태블릿 / 모바일 화면 헤더 */}
+            <nav className={`${styles.drawer} ${themeClass} ${menuOpen ? styles.drawerOpen : ''}`} aria-hidden={!menuOpen}>
+                <button className={styles.drawerLogoutBtn} onClick={handleLogout}>로그아웃</button>
                 <button className={styles.drawerCloseBtn} onClick={closeMenu} aria-label="메뉴 닫기">✕</button>
+
                 <NavLink to="/pirocheck"  className={({ isActive }) => isActive ? styles.active : ''} onClick={closeMenu}>PIROCHECK</NavLink>
                 <NavLink to="/sessions"   className={({ isActive }) => isActive ? styles.active : ''} onClick={closeMenu}>Q&A</NavLink>
                 <NavLink to="/curriculum" className={({ isActive }) => isActive ? styles.active : ''} onClick={closeMenu}>커리큘럼</NavLink>
-
-                <button className={styles.drawerLogoutBtn} onClick={handleLogout}>
-                    로그아웃
-                </button>
             </nav>
         </>
     );
diff --git a/frontend/src/components/Header.module.css b/frontend/src/components/Header.module.css
index aebec1b..7b92cfe 100644
--- a/frontend/src/components/Header.module.css
+++ b/frontend/src/components/Header.module.css
@@ -161,44 +161,66 @@
     visibility: visible;
 }
 
-.drawer a {
+.drawerCloseBtn {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    background: transparent;
+    border: none;
     color: var(--header-color);
-    font-family: var(--font-main);
-    font-size: 1.2rem;
-    font-weight: 500;
-    text-decoration: none;
-    padding: 16px 0;
-    border-bottom: 1px solid rgba(128, 128, 128, 0.15);
-    transition: color 0.2s ease;
-}
-
-.drawer a:last-of-type {
-    border-bottom: none;
+    font-size: 1.8rem;
+    cursor: pointer;
+    opacity: 0.6;
+    line-height: 1;
+    padding: 4px 8px;
+    transition: opacity 0.2s ease;
 }
 
-.drawer a:hover {
-    color: var(--logo-color);
+.drawerCloseBtn:hover {
+    opacity: 1;
 }
 
 .drawerLogoutBtn {
-    margin-top: auto;
+    position: absolute;    
+    top: 22px;             
+    right: 60px;           
     background: transparent;
     border: 1px solid rgba(128, 128, 128, 0.3);
     border-radius: 8px;
-    color: var(--dark);
+    color: var(--header-color);
     font-family: var(--font-main);
     font-size: 1rem;
     font-weight: 500;
     cursor: pointer;
-    opacity: 1;
-    padding: 10px 0;
-    transition: opacity 0.2s ease;
+    padding: 7px 35px;
+    transition: all ease-in-out 0.2s;
+    margin-right: 15%;
 }
 
 .drawerLogoutBtn:hover {
-    background: var(--dark);
+    background: var(--logo-color);
     color: var(--white);
-    transition: all ease-in-out 0.2s;
+    transition: all 0.2 ease-in-out;
+    cursor: pointer;
+}
+
+.drawer a {
+    color: var(--header-color);
+    font-family: var(--font-main);
+    font-size: 1.2rem;
+    font-weight: 500;
+    text-decoration: none;
+    padding: 16px 0;
+    border-bottom: 1px solid rgba(128, 128, 128, 0.15);
+    transition: color 0.2s ease;
+}
+
+.drawer a:last-of-type {
+    border-bottom: none;
+}
+
+.drawer a:hover {
+    color: var(--logo-color);
 }
 
 /* ── 반응형: 1024px 이하에서 햄버거로 전환 ── */
@@ -217,23 +239,3 @@
     }
 }
 
-/* ── 드로어 닫기 버튼 ── */
-.drawerCloseBtn {
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    background: transparent;
-    border: none;
-    color: var(--header-color);
-    font-size: 1.8rem;
-    cursor: pointer;
-    opacity: 0.6;
-    line-height: 1;
-    padding: 4px 8px;
-    transition: opacity 0.2s ease;
-}
- 
-.drawerCloseBtn:hover {
-    opacity: 1;
-}
- 
\ No newline at end of file

From 4fcf3509c59c30a7e6945d1beee0e6c0d9f1f5ba Mon Sep 17 00:00:00 2001
From: plumbestie <jangmj1121@naver.com>
Date: Fri, 19 Jun 2026 19:05:05 +0900
Subject: [PATCH 2/4] =?UTF-8?q?[Fix]=20=EA=B3=BC=EC=A0=9C=20=EB=AF=B8?=
 =?UTF-8?q?=EB=8B=AC=20=EB=9D=BC=EB=B2=A8=20=EB=A6=AC=EB=84=A4=EC=9D=B4?=
 =?UTF-8?q?=EB=B0=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/pirocheck/students/StudentDetail.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/pirocheck/students/StudentDetail.js b/frontend/src/pages/pirocheck/students/StudentDetail.js
index 4177236..91e8949 100644
--- a/frontend/src/pages/pirocheck/students/StudentDetail.js
+++ b/frontend/src/pages/pirocheck/students/StudentDetail.js
@@ -14,8 +14,8 @@ const statusOptions = ['PENDING', 'SUCCESS', 'INSUFFICIENT_MINOR', 'INSUFFICIENT
 const statusLabel = {
     PENDING: '채점 중',
     SUCCESS: '성공',
-    INSUFFICIENT_MINOR: '경미한 미달',
-    INSUFFICIENT_MAJOR: '심각한 미달',
+    INSUFFICIENT_MINOR: '미달 (-1)',
+    INSUFFICIENT_MAJOR: '미달 (-2)',
     FAILURE: '실패',
 };
 

From 9a59fef3a178a79dc0c6a66c00f8a6ef66815d72 Mon Sep 17 00:00:00 2001
From: plumbestie <jangmj1121@naver.com>
Date: Fri, 19 Jun 2026 19:20:46 +0900
Subject: [PATCH 3/4] =?UTF-8?q?[Fix]=20=ED=94=BC=EB=A1=9C=EC=B2=B4?=
 =?UTF-8?q?=ED=81=AC=20-=20=EC=B6=9C=EC=84=9D=EC=B2=B4=ED=81=AC(=EB=B6=80?=
 =?UTF-8?q?=EC=9B=90=EC=9A=A9)=20=EC=B6=9C=EC=84=9D=20=EB=B2=84=ED=8A=BC?=
 =?UTF-8?q?=20=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/pirocheck/attendance/Attendance.module.css     | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/src/pages/pirocheck/attendance/Attendance.module.css b/frontend/src/pages/pirocheck/attendance/Attendance.module.css
index 2190366..6368969 100644
--- a/frontend/src/pages/pirocheck/attendance/Attendance.module.css
+++ b/frontend/src/pages/pirocheck/attendance/Attendance.module.css
@@ -118,6 +118,7 @@
     font-weight: 500;
     cursor: pointer;
     transition: opacity 0.2s;
+    white-space: nowrap;
 }
 
 .submitBtn:hover { background: var(--main); transition: all ease-in-out 0.2s; }
@@ -206,6 +207,10 @@
     }
 
     /* MEMBER */
+    .inputRow {
+        width: calc(100vw - 56px);
+    }
+
     .cloverSvg {
         width: 63px;
         height: 63px;

From fcb806074a36bb4b4c1de60ef8710b8c2995e3e2 Mon Sep 17 00:00:00 2001
From: plumbestie <jangmj1121@naver.com>
Date: Fri, 19 Jun 2026 19:36:12 +0900
Subject: [PATCH 4/4] =?UTF-8?q?[Fix]=20=EC=A7=88=EB=AC=B8=20=EC=83=81?=
 =?UTF-8?q?=EC=84=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=AA=A8=EB=B0=94?=
 =?UTF-8?q?=EC=9D=BC=20=EB=B0=98=EC=9D=91=ED=98=95=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/qna/QnADetailPage.module.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/qna/QnADetailPage.module.css b/frontend/src/pages/qna/QnADetailPage.module.css
index 83616c3..c421046 100644
--- a/frontend/src/pages/qna/QnADetailPage.module.css
+++ b/frontend/src/pages/qna/QnADetailPage.module.css
@@ -736,11 +736,11 @@
 }
 
 /* ════════════════════════════════════════
-   반응형 — 태블릿 (768px 이하)
+   반응형 — 태블릿 (910px 이하)
 ════════════════════════════════════════ */
-@media (max-width: 768px) {
+@media (max-width: 910px) {
     .page {
-        margin-top: 40px;
+        margin: 40px 50px 0;
         padding: 36px 48px 100px;
         border-radius: 24px 24px 0 0;
     }
@@ -760,9 +760,10 @@
 ════════════════════════════════════════ */
 @media (max-width: 480px) {
     .page {
-        margin-top: 20px;
+        margin: 0px;
         padding: 24px 20px 100px;
-        border-radius: 16px 16px 0 0;
+        border-radius: 0;
+        box-shadow: none;
     }
 
     /* ── 목록으로 가기 ── */