diff --git a/app/modules/project/templates/project/index.html b/app/modules/project/templates/project/index.html
index ad5961d..6e76848 100644
--- a/app/modules/project/templates/project/index.html
+++ b/app/modules/project/templates/project/index.html
@@ -1,7 +1,7 @@
 {% extends "erp_base.html" %}
 
 {% block head_extra %}
-<link rel="stylesheet" href="/static/project.css?v=20260625v" />
+<link rel="stylesheet" href="/static/project.css?v=20260625w" />
 <link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
 {% endblock %}
 
@@ -167,5 +167,5 @@
 <script>
   window.PJ_COLORS = {{ ["#4573d2","#37a3a3","#62a420","#e8a33d","#e8384f","#aa62e3","#f06a6a","#5a6772"] | tojson }};
 </script>
-<script src="/static/project.js?v=20260625v" defer></script>
+<script src="/static/project.js?v=20260625w" defer></script>
 {% endblock %}
diff --git a/app/modules/project/templates/project/project.html b/app/modules/project/templates/project/project.html
index 5377190..a167a31 100644
--- a/app/modules/project/templates/project/project.html
+++ b/app/modules/project/templates/project/project.html
@@ -1,7 +1,7 @@
 {% extends "erp_base.html" %}
 
 {% block head_extra %}
-<link rel="stylesheet" href="/static/project.css?v=20260625v" />
+<link rel="stylesheet" href="/static/project.css?v=20260625w" />
 <!-- 구글 머티리얼 심볼(담당자 아이콘 등) — self-host -->
 <link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
 <!-- 타임라인 vis-timeline — self-host -->
@@ -290,5 +290,5 @@
 </script>
 
 <script src="/static/vendor/vis-timeline/vis-timeline-graph2d.min.js"></script>
-<script src="/static/project.js?v=20260625v" defer></script>
+<script src="/static/project.js?v=20260625w" defer></script>
 {% endblock %}
diff --git a/app/static/project.js b/app/static/project.js
index ff1f9bb..8d3ff83 100644
--- a/app/static/project.js
+++ b/app/static/project.js
@@ -548,6 +548,23 @@
         const t = tasks.find(function (x) { return x.id === props.items[0]; });
         if (t) openTaskModal(t);
       });
+
+      // 확대/이동(보던 구간) 기억 — 저장된 창이 있으면 복원, 사용자가 바꾸면 저장.
+      const saved = loadTLWindow();
+      if (saved) timeline.setWindow(new Date(saved.start), new Date(saved.end), { animation: false });
+      timeline.on("rangechanged", function (p) { saveTLWindow(p.start, p.end); });
+    }
+    function loadTLWindow() {
+      try {
+        const r = JSON.parse(localStorage.getItem("pj_tl_window") || "null");
+        return (r && r.start && r.end) ? r : null;
+      } catch (_) { return null; }
+    }
+    function saveTLWindow(s, e) {
+      try {
+        localStorage.setItem("pj_tl_window",
+          JSON.stringify({ start: new Date(s).toISOString(), end: new Date(e).toISOString() }));
+      } catch (_) {}
     }
 
     // ── 보드 (칸반) — 전체 프로젝트를 단계 '이름' 기준 컬럼으로 묶음 ──
@@ -703,6 +720,9 @@
       rows.forEach(function (t) {
         const tr = document.createElement("tr");
         if (t.completed_at) tr.className = "is-done";
+        // 행 배경 = 프로젝트 색 연하게(10%)
+        const pc = t.project_color || "#4573d2";
+        tr.style.background = pc + "14";
         tr.innerHTML = LIST_COLS.map(function (c) {
           return "<td>" + escapeHtml(String(c.text(t))) + "</td>";
         }).join("");