From ca53042eb45bc3969392ef6dd96bb0a8fc28a7d2 Mon Sep 17 00:00:00 2001
From: king <heoseungpil@gmail.com>
Date: Sat, 30 May 2026 21:31:32 +0900
Subject: [PATCH] =?UTF-8?q?ui(expense):=20=EC=83=81=EB=8B=A8=20=EC=9A=94?=
 =?UTF-8?q?=EC=95=BD=EC=B9=B4=EB=93=9C=2070px=20+=20=EA=B2=BD=EB=B9=84?=
 =?UTF-8?q?=EB=93=B1=EB=A1=9D(=EC=A2=8C)/=EA=B2=BD=EB=B9=84=EB=82=B4?=
 =?UTF-8?q?=EC=97=AD(=EC=9A=B0)=202=EB=8B=A8=20=EB=B0=B0=EC=B9=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../expense/templates/expense/index.html      | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/app/modules/expense/templates/expense/index.html b/app/modules/expense/templates/expense/index.html
index 829f50e..e735f93 100644
--- a/app/modules/expense/templates/expense/index.html
+++ b/app/modules/expense/templates/expense/index.html
@@ -39,6 +39,9 @@
     {% endfor %}
   </div>
 
+  <!-- ── 등록(좌) / 내역(우) 2단 ── -->
+  <div class="ex-two-col">
+
   <!-- ── 입력 폼 ── -->
   <div class="erp-card-block">
     <div class="erp-card-block-head">
@@ -161,6 +164,8 @@
     </div>
   </div>
 
+  </div><!-- /ex-two-col -->
+
 </section>
 
 <style>
@@ -170,6 +175,28 @@
   #ex-tbody td { vertical-align: middle; }
   #ex-tbody .js-actions { white-space: nowrap; }
   #ex-tbody .js-actions > * { margin-left: 4px; vertical-align: middle; }
+
+  /* 상단 요약 카드: 세로 70px 고정 */
+  .erp-expense .erp-summary-card {
+    height: 70px; min-height: 70px; padding: 10px 14px;
+    justify-content: center; gap: 2px;
+  }
+  .erp-expense .erp-summary-value { font-size: 20px; line-height: 1.1; }
+  .erp-expense .erp-summary-value--sm { font-size: 18px; }
+
+  /* 경비 등록(좌) / 경비 내역(우) 2단 */
+  .ex-two-col {
+    display: grid; grid-template-columns: 520px minmax(0, 1fr);
+    gap: var(--sp-16); align-items: start;
+  }
+  .ex-two-col > .erp-card-block { margin: 0; }
+  /* 좌측 폼은 2열로 (가맹점/메모는 전체폭) */
+  .ex-two-col .erp-form-grid { grid-template-columns: 1fr 1fr; }
+  .ex-two-col .erp-form-grid .erp-field-wide,
+  .ex-two-col .erp-form-grid .erp-form-actions { grid-column: 1 / -1; }
+  @media (max-width: 1100px) {
+    .ex-two-col { grid-template-columns: 1fr; }
+  }
 </style>
 {% endblock %}