diff --git a/app/modules/project/templates/project/inbox.html b/app/modules/project/templates/project/inbox.html
index 4db641e..de32e2b 100644
--- a/app/modules/project/templates/project/inbox.html
+++ b/app/modules/project/templates/project/inbox.html
@@ -1,7 +1,7 @@
 {% extends "erp_base.html" %}
 
 {% block head_extra %}
-<link rel="stylesheet" href="/static/project.css?v=20260916n" />
+<link rel="stylesheet" href="/static/project.css?v=20260916o" />
 <link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
 {% endblock %}
 
diff --git a/app/modules/project/templates/project/index.html b/app/modules/project/templates/project/index.html
index 9df2532..1cc65e7 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=20260916n" />
+<link rel="stylesheet" href="/static/project.css?v=20260916o" />
 <link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
 {% endblock %}
 
diff --git a/app/modules/project/templates/project/project.html b/app/modules/project/templates/project/project.html
index a1003df..a8156d2 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=20260916n" />
+<link rel="stylesheet" href="/static/project.css?v=20260916o" />
 <!-- 구글 머티리얼 심볼(담당자 아이콘 등) — self-host -->
 <link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
 <!-- 타임라인 vis-timeline — self-host -->
diff --git a/app/static/project.css b/app/static/project.css
index 0be0060..e71f2b0 100644
--- a/app/static/project.css
+++ b/app/static/project.css
@@ -150,6 +150,24 @@
 .pj-side { min-width: 0; min-height: 0; height: 100%; overflow-y: auto; padding-right: 4px; }
 .pj-main { min-width: 0; min-height: 0; height: 100%; display: flex; flex-direction: column; }
 .pj-project-mytasks { min-width: 0; min-height: 0; width: 300px; height: 100%; overflow-y: auto; padding-right: 4px; }
+
+/* 휠 스크롤은 되는데 막대가 안 보인다 — OS/브라우저의 오버레이(자동숨김)
+   스크롤바 때문(호버해야만 잠깐 보이는 스타일). 여기 자체 스크롤 패널들은
+   막대가 항상 보이도록 커스텀 스크롤바를 그린다(윈도우 설정과 무관하게
+   고정 표시). */
+.pj-home-side, .pj-project-mytasks, .pj-side, .pj-board {
+  scrollbar-width: thin; scrollbar-color: #c7c9cf transparent;
+}
+.pj-home-side::-webkit-scrollbar, .pj-project-mytasks::-webkit-scrollbar,
+.pj-side::-webkit-scrollbar, .pj-board::-webkit-scrollbar { width: 8px; height: 8px; }
+.pj-home-side::-webkit-scrollbar-track, .pj-project-mytasks::-webkit-scrollbar-track,
+.pj-side::-webkit-scrollbar-track, .pj-board::-webkit-scrollbar-track { background: transparent; }
+.pj-home-side::-webkit-scrollbar-thumb, .pj-project-mytasks::-webkit-scrollbar-thumb,
+.pj-side::-webkit-scrollbar-thumb, .pj-board::-webkit-scrollbar-thumb {
+  background-color: #c7c9cf; border-radius: 999px;
+}
+.pj-home-side::-webkit-scrollbar-thumb:hover, .pj-project-mytasks::-webkit-scrollbar-thumb:hover,
+.pj-side::-webkit-scrollbar-thumb:hover, .pj-board::-webkit-scrollbar-thumb:hover { background-color: #a7aab3; }
 @media (max-width: 1280px) {
   .pj-layout { grid-template-columns: 230px 1fr; }
   .pj-project-mytasks { display: none; }