From 289dca19e2e33bc6b6ff0f09a9925225b924e5d9 Mon Sep 17 00:00:00 2001
From: EENE Dashboard <roowj0325@gmail.com>
Date: Mon, 1 Jun 2026 14:24:47 +0900
Subject: [PATCH] =?UTF-8?q?sketch:=20=EC=8B=A4=ED=96=89=EA=B3=BC=EC=A0=9C/?=
 =?UTF-8?q?=EA=B8=B0=EB=B0=98=EC=97=85=EB=AC=B4=20left=20side=20labels?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../components/dashboard/DepartmentColumn.tsx | 68 ++++++++++++-------
 1 file changed, 43 insertions(+), 25 deletions(-)

diff --git a/frontend/src/components/dashboard/DepartmentColumn.tsx b/frontend/src/components/dashboard/DepartmentColumn.tsx
index ebac9ff..f0f8fa2 100644
--- a/frontend/src/components/dashboard/DepartmentColumn.tsx
+++ b/frontend/src/components/dashboard/DepartmentColumn.tsx
@@ -229,38 +229,56 @@ export function DepartmentColumn({ title: initialTitle, titleEn, subtitle: initi
           </div>
         )}
 
-        {/* 프로젝트 카드 목록 (스크롤 영역) */}
-        <div
-          className="flex-1 overflow-y-auto p-4 min-h-0"
-          onContextMenu={handleListContextMenu}
-        >
-          {(() => {
-            const projectTasks = orderedTasks.filter((t) => t.taskType !== '상시업무');
-            return projectTasks.length === 0 ? (
-              <div className="flex items-center justify-center h-40 text-2xl text-gray-300">
-                해당 업무 없음
-              </div>
-            ) : (
-              <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={handleDragEnd}>
-                <SortableContext items={projectTasks.map((t) => t.id)} strategy={verticalListSortingStrategy}>
-                  {projectTasks.map((task) => (
-                    <SortableTaskCard key={task.id} task={task} sectionOptions={sectionOptions} onSelect={onSelectTask} />
-                  ))}
-                </SortableContext>
-              </DndContext>
-            );
-          })()}
+        {/* ── 실행과제 영역 ── */}
+        <div className="flex flex-1 min-h-0">
+          {/* 좌측 라벨 */}
+          <div className="shrink-0 w-6 flex items-center justify-center bg-blue-50 border-r border-blue-100">
+            <span
+              className="text-xs font-black text-blue-300 tracking-widest select-none"
+              style={{ writingMode: 'vertical-rl', transform: 'rotate(180deg)' }}
+            >실행과제</span>
+          </div>
+          {/* 카드 목록 */}
+          <div
+            className="flex-1 overflow-y-auto p-4 min-h-0"
+            onContextMenu={handleListContextMenu}
+          >
+            {(() => {
+              const projectTasks = orderedTasks.filter((t) => t.taskType !== '상시업무');
+              return projectTasks.length === 0 ? (
+                <div className="flex items-center justify-center h-40 text-2xl text-gray-300">
+                  해당 업무 없음
+                </div>
+              ) : (
+                <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={handleDragEnd}>
+                  <SortableContext items={projectTasks.map((t) => t.id)} strategy={verticalListSortingStrategy}>
+                    {projectTasks.map((task) => (
+                      <SortableTaskCard key={task.id} task={task} sectionOptions={sectionOptions} onSelect={onSelectTask} />
+                    ))}
+                  </SortableContext>
+                </DndContext>
+              );
+            })()}
+          </div>
         </div>
 
-        {/* 관리현황 고정 영역 (하단 2칸) */}
+        {/* ── 기반업무 영역 ── */}
         {(() => {
           const routineTasks = orderedTasks.filter((t) => t.taskType === '상시업무');
           return (
-            <div className="shrink-0 border-t border-gray-200">
-              <div className="px-4 pb-3 h-[300px] overflow-y-auto">
+            <div className="shrink-0 flex border-t border-gray-200" style={{ height: 300 }}>
+              {/* 좌측 라벨 */}
+              <div className="shrink-0 w-6 flex items-center justify-center bg-amber-50 border-r border-amber-100">
+                <span
+                  className="text-xs font-black text-amber-400 tracking-widest select-none"
+                  style={{ writingMode: 'vertical-rl', transform: 'rotate(180deg)' }}
+                >기반업무</span>
+              </div>
+              {/* 카드 목록 */}
+              <div className="flex-1 overflow-y-auto p-4">
                 {routineTasks.length === 0 ? (
                   <div className="flex items-center justify-center h-full text-base text-gray-300">
-                    관리현황 없음
+                    기반업무 없음
                   </div>
                 ) : (
                   <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={handleDragEnd}>