fix(cupang): ③ 만 내부 스크롤, 페이지 전체 스크롤은 없앰

앞선 커밋의 .cpg-page-grow(페이지가 늘어나는 방식)를 되돌리고,
③ 카드는 overflow:hidden + 목록만 스크롤로 복구.
JS 높이 계산 대상에 ③ 목록을 다시 포함(창높이-요소top, 260 이하면 60vh).

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

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=20260901w" />{% endblock %}
+{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901x" />{% endblock %}
 
 {% block content %}
-<section class="cpg cpg-page-grow">
+<section class="cpg">
 
   <div class="erp-page-actions">
     <a class="erp-btn erp-btn-primary" href="/cupang/">◀◀ 달력</a>
@@ -1066,13 +1066,13 @@
       syncConfirm();
     }
 
-    // ── ①② 스크롤 영역 높이 ──────────────────────────
-    //  ③ 센터 분배는 내용만큼 아래로 늘어나야 하므로 건드리지 않는다
-    //  (넘치면 페이지가 스크롤된다).
+    // ── ①②③ 스크롤 영역 높이 ────────────────────────
+    //  세 영역 모두 화면 안에서만 스크롤한다(문서 전체는 스크롤하지 않음).
     function fitScrollAreas() {
       var panes = [
         document.querySelector(".cpg-calc-card .erp-table-wrap"),
-        document.querySelector(".cpg-calc-sum .cpg-sum-scroll")
+        document.querySelector(".cpg-calc-sum .cpg-sum-scroll"),
+        distList
       ];
       panes.forEach(function (el) {
         if (!el) return;

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=20260901w" />{% endblock %}
+{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901x" />{% endblock %}
 
 {% block content %}
 <section class="cpg">

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=20260901w" />{% endblock %}
+{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901x" />{% endblock %}
 
 {% block content %}
 <section class="cpg">

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=20260901w" />{% endblock %}
+{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901x" />{% endblock %}
 
 {% block content %}
 <section class="cpg">

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=20260901w" />{% endblock %}
+{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901x" />{% endblock %}
 
 {% block content %}
 <section class="cpg">

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=20260901w" />{% endblock %}
+{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901x" />{% endblock %}
 
 {% block content %}
 {# 출고 묶음 보기 — 상자 계산 화면과 같은 3열 구성. 읽기 전용(수정 없음). #}

app/static/cupang.css

@@ -1494,10 +1494,10 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
 .cpg-dist-card::-webkit-scrollbar-thumb:hover { background: var(--color-midtone-gray); }
 
 /* ── 스크롤 최종 보정 — id 선택자 + !important 로 확정 ── */
-/* ③ 센터 목록은 내용만큼 늘어난다(자르지 않음). 넘치면 페이지가 스크롤. */
+/* ③ 센터 목록은 카드 안에서만 스크롤 */
 #cpg-dist-list {
-  max-height: none !important;
-  overflow: visible !important;
+  min-height: 0 !important;
+  overflow-y: auto !important;
 }
 .cpg-calc-card .erp-table-wrap {
   max-height: 52vh !important;
@@ -1507,24 +1507,14 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
   max-height: 52vh !important;
   overflow-y: auto !important;
 }
-.cpg-calc3 > .cpg-dist-card { max-height: none !important; overflow: visible !important; }
+.cpg-calc3 > .erp-card { max-height: 86vh !important; }
 
-/* ③ 센터 분배 — 내용에 따라 높이가 늘어나도록 (클리핑/스크롤 제거) */
-.cpg-dist-card,
-.cpg-calc3 > .cpg-dist-card { max-height: none !important; overflow: visible !important; }
-.cpg-dist-card .cpg-dist-list,
-#cpg-dist-list {
-  max-height: none !important;
-  overflow: visible !important;
-  min-height: 0;
+/* ③ 센터 분배 — 카드는 잘라내고 목록만 스크롤 */
+.cpg-dist-card { overflow: hidden !important; }
+.cpg-dist-card .cpg-dist-list {
+  flex: 1 1 auto;
+  min-height: 0 !important;
+  overflow-y: auto !important;
+  overflow-x: hidden;
 }
 
-/* ── 상자 계산 화면: 내용만큼 늘어나고, 넘치면 페이지(.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; }