From 4aa2bbf5e9fa7ce43d1b5f718a06e31725ee7075 Mon Sep 17 00:00:00 2001
From: root <root@disong.localdomain>
Date: Mon, 21 Sep 2026 19:25:32 +0900
Subject: [PATCH] =?UTF-8?q?UI=20=EA=B0=9C=EC=84=A0=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/styles.css | 18 +++++++++---------
 egbim/index.html  |  8 +-------
 2 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/assets/styles.css b/assets/styles.css
index b34ded3..f2b9260 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -291,7 +291,7 @@ button { cursor: pointer; }
 .mobile-menu { display: none; }
 
 /* EG-BIM Q&A list layout */
-.qa-list-page { background: #fff; }
+.qa-list-page { max-width: 100%; overflow-x: hidden; background: #fff; }
 .qa-list-page .site-header { position: absolute; top: 0; right: 0; left: 0; z-index: 10; height: 88px; border-bottom: 0; background: transparent; color: #fff; }
 .qa-list-page .header-inner { max-width: none; padding: 0 48px; }
 .qa-list-page .brand { color: #fff; font-size: 29px; letter-spacing: -.04em; }
@@ -312,8 +312,8 @@ button { cursor: pointer; }
 .qa-list-page .page-hero h1 { margin: 0 0 4px; color: #fff; font-size: 70px; font-weight: 700; letter-spacing: -.07em; }
 .qa-list-page .page-hero p { color: #fff; font-size: 20px; font-weight: 500; }
 .qa-list-page .sub-nav { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; background: rgba(0, 10, 17, .84); }
-.qa-list-page .sub-nav-inner { max-width: 900px; }
-.qa-list-page .sub-nav a { padding: 18px 12px; color: #fff; font-size: 16px; font-weight: 700; }
+.qa-list-page .sub-nav-inner { width: 100%; max-width: none; }
+.qa-list-page .sub-nav a { flex: 1 1 50%; padding: 18px 12px; color: #fff; font-size: 16px; font-weight: 700; }
 .qa-list-page .sub-nav a[aria-current='page'] { background: rgba(0, 121, 116, .5); color: #ffc400; }
 .qa-list-page .sub-nav a.disabled-tab { cursor: default; }
 .qa-list-page .sub-nav a.disabled-tab:hover { background: transparent; color: #fff; }
@@ -332,12 +332,12 @@ button { cursor: pointer; }
 .qa-list-page .search-form { width: 450px; min-width: 450px; gap: 7px; }
 .qa-list-page .search-form input { height: 45px; padding: 0 12px; border-color: #d8d8d8; color: #333; font-size: 13px; }
 .qa-list-page .search-form input::placeholder { color: #b7b7b7; }
-.qa-list-page .search-button { width: 88px; height: 45px; padding: 0; border-radius: 3px; background: #292621; color: #fff; font-size: 15px; font-weight: 700; }
+.qa-list-page .search-button { width: 88px; height: 45px; padding: 0; border-radius: 3px; background: #000; color: #fff; font-size: 15px; font-weight: 700; }
 .qa-list-page .search-button span { margin-right: 3px; font-size: 24px; line-height: 0; vertical-align: -2px; }
-.qa-list-page .table-wrap { overflow-x: hidden; border-top: 2px solid #111; }
-.qa-list-page .qa-table { width: 100%; min-width: 0; }
-.qa-list-page .qa-table th { height: 48px; padding: 0 10px; border-bottom: 1px solid #111; color: #111; font-size: 14px; font-weight: 700; }
-.qa-list-page .qa-table td { height: 58px; padding: 0 10px; border-bottom: 1px solid #ededed; background: #f3f3f3; color: #3e4650; font-size: 14px; font-weight: 500; }
+.qa-list-page .table-wrap { width: 100%; max-width: 100%; overflow: hidden; border-top: 2px solid #111; }
+.qa-list-page .qa-table { display: table; width: 100%; max-width: 100%; min-width: 0 !important; table-layout: fixed; }
+.qa-list-page .qa-table th { height: 48px; padding: 0 10px; overflow: hidden; border-bottom: 1px solid #111; color: #111; font-size: 14px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
+.qa-list-page .qa-table td { height: 58px; padding: 0 10px; overflow: hidden; border-bottom: 1px solid #ededed; background: #f3f3f3; color: #3e4650; font-size: 14px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
 .qa-list-page .qa-table tbody tr:hover { background: transparent; }
 .qa-list-page .qa-table tbody tr:hover td { background: #ededed; }
 .qa-list-page .qa-table .subject { color: #39434f; }
@@ -350,7 +350,7 @@ button { cursor: pointer; }
 .qa-list-page .table-empty { background: #f3f3f3; }
 .qa-list-page .list-footer { position: relative; min-height: 42px; margin-top: 25px; }
 .qa-list-page .list-footer .pagination { margin: 0; }
-.qa-list-page .list-footer > .button { position: absolute; top: 0; right: 0; height: 42px; padding: 0 25px; background: #292621; font-size: 14px; font-weight: 700; }
+.qa-list-page .list-footer > .button { position: absolute; top: 0; right: 0; height: 42px; padding: 0 25px; background: #000; color: #fff; font-size: 14px; font-weight: 700; }
 
 @media (max-width: 820px) {
   .qa-list-page .site-header { height: 68px; }
diff --git a/egbim/index.html b/egbim/index.html
index b89c201..58ebd85 100644
--- a/egbim/index.html
+++ b/egbim/index.html
@@ -5,16 +5,10 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" content="EG-BIM Q&A 문의 게시판">
   <title>EG-BIM Q&A | 바론컨설턴트</title>
-  <link rel="stylesheet" href="../assets/styles.css">
+  <link rel="stylesheet" href="../assets/styles.css?v=20260921-4">
 </head>
 <body>
   <main class="qa-list-page">
-    <header class="site-header">
-      <div class="header-inner">
-        <a class="brand" href="index.html" aria-label="EG-BIM Q&amp;A 홈"><span class="brand-mark" aria-hidden="true">e</span><span>EG-BIM</span></a>
-        <div class="header-tools"><div class="locale"><span aria-hidden="true">◎</span><a href="#" aria-current="page">KR</a><span>/</span><a href="#">EN</a></div><a class="login-link" href="/auth/login" aria-label="로그인"><span class="user-icon" aria-hidden="true"></span><span data-auth-name>로그인</span></a></div>
-      </div>
-    </header>
     <section class="page-hero">
       <div class="hero-inner"><span class="hero-kicker">EG-BIM SUPPORT</span><h1>Q&amp;A</h1><p>EG-BIM 관련 문의하기</p></div>
       <nav class="sub-nav" aria-label="EG-BIM 지원 메뉴"><div class="sub-nav-inner"><a href="index.html" aria-current="page">문의하기(Q&amp;A)</a><a href="#" aria-disabled="true" class="disabled-tab">원격지원</a></div></nav>