diff --git a/app/modules/cupang/templates/cupang/box_calc.html b/app/modules/cupang/templates/cupang/box_calc.html
index f3b6b69..636226f 100644
--- a/app/modules/cupang/templates/cupang/box_calc.html
+++ b/app/modules/cupang/templates/cupang/box_calc.html
@@ -1,9 +1,9 @@
 {% extends "erp_base.html" %}
 
-{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901v" />{% endblock %}
+{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901w" />{% endblock %}
 
 {% block content %}
-<section class="cpg">
+<section class="cpg cpg-page-grow">
 
   <div class="erp-page-actions">
     <a class="erp-btn erp-btn-primary" href="/cupang/">◀◀ 달력</a>
@@ -1085,6 +1085,8 @@
     }
 
     window.addEventListener("resize", fitScrollAreas);
+    var pageScroller = document.querySelector(".erp-page");
+    if (pageScroller) pageScroller.addEventListener("scroll", fitScrollAreas, { passive: true });
 
     function render() { renderSummary(); renderDist(); fitScrollAreas(); }
 
diff --git a/app/modules/cupang/templates/cupang/box_rules.html b/app/modules/cupang/templates/cupang/box_rules.html
index 3e179b6..438e494 100644
--- a/app/modules/cupang/templates/cupang/box_rules.html
+++ b/app/modules/cupang/templates/cupang/box_rules.html
@@ -1,6 +1,6 @@
 {% extends "erp_base.html" %}
 
-{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901v" />{% endblock %}
+{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901w" />{% endblock %}
 
 {% block content %}
 <section class="cpg">
diff --git a/app/modules/cupang/templates/cupang/centers.html b/app/modules/cupang/templates/cupang/centers.html
index b19138a..761fb1d 100644
--- a/app/modules/cupang/templates/cupang/centers.html
+++ b/app/modules/cupang/templates/cupang/centers.html
@@ -1,6 +1,6 @@
 {% extends "erp_base.html" %}
 
-{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901v" />{% endblock %}
+{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901w" />{% endblock %}
 
 {% block content %}
 <section class="cpg">
diff --git a/app/modules/cupang/templates/cupang/index.html b/app/modules/cupang/templates/cupang/index.html
index 01f5aae..fa91b5f 100644
--- a/app/modules/cupang/templates/cupang/index.html
+++ b/app/modules/cupang/templates/cupang/index.html
@@ -1,6 +1,6 @@
 {% extends "erp_base.html" %}
 
-{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901v" />{% endblock %}
+{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901w" />{% endblock %}
 
 {% block content %}
 <section class="cpg">
diff --git a/app/modules/cupang/templates/cupang/products.html b/app/modules/cupang/templates/cupang/products.html
index 5962e23..ca63e5b 100644
--- a/app/modules/cupang/templates/cupang/products.html
+++ b/app/modules/cupang/templates/cupang/products.html
@@ -1,6 +1,6 @@
 {% extends "erp_base.html" %}
 
-{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901v" />{% endblock %}
+{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901w" />{% endblock %}
 
 {% block content %}
 <section class="cpg">
diff --git a/app/modules/cupang/templates/cupang/view.html b/app/modules/cupang/templates/cupang/view.html
index ae5e1ed..44e841d 100644
--- a/app/modules/cupang/templates/cupang/view.html
+++ b/app/modules/cupang/templates/cupang/view.html
@@ -1,6 +1,6 @@
 {% extends "erp_base.html" %}
 
-{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901v" />{% endblock %}
+{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901w" />{% endblock %}
 
 {% block content %}
 {# 출고 묶음 보기 — 상자 계산 화면과 같은 3열 구성. 읽기 전용(수정 없음). #}
diff --git a/app/static/cupang.css b/app/static/cupang.css
index 1d43c2b..2f19602 100644
--- a/app/static/cupang.css
+++ b/app/static/cupang.css
@@ -1518,3 +1518,13 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
   overflow: visible !important;
   min-height: 0;
 }
+
+/* ── 상자 계산 화면: 내용만큼 늘어나고, 넘치면 페이지(.erp-page)가 스크롤 ──
+   .cpg 는 기본적으로 flex:1 1 auto + min-height:0 이라 남은 높이에 맞춰
+   눌리기만 하고(=페이지가 안 늘어남) 넘친 내용이 잘려 보였다. */
+.erp-page > .cpg-page-grow {
+  flex: 0 0 auto;
+  min-height: auto;
+}
+.cpg-page-grow .cpg-calc3 { flex: 0 0 auto; min-height: 0; }
+.cpg-page-grow .cpg-dist-card { align-self: start; }