feat: 크롤러 부서 정보 수집 추가 및 대시보드 데이터 정확도 개선

- getData API 가로채기 기능을 통한 부서(department) 자동 수집 구현
- 파일 0개 기준의 "데이터 없음" 분류 로직 최적화 (LEFT JOIN 적용)
- 관리자 권한 인증 모달 스타일 복구 및 UI 정밀 조정
- 중복 등록 프로젝트(sm-25-032-phlinfra) DB 정리 및 테스트 파일 삭제

crawler_service.py

@@ -58,7 +58,7 @@ def crawler_thread_worker(msg_queue, user_id, password):
             browser = None
             try:
                 msg_queue.put(json.dumps({'type': 'log', 'message': '브라우저 엔진 가동 (전 기능 복구 모드)...'}))
-                browser = await p.chromium.launch(headless=False, args=[
+                browser = await p.chromium.launch(headless=True, args=[
                     "--no-sandbox", 
                     "--disable-dev-shm-usage",
                     "--disable-blink-features=AutomationControlled"
@@ -68,7 +68,7 @@ def crawler_thread_worker(msg_queue, user_id, password):
                     user_agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36"
                 )
                 
-                captured_data = {"tree": None, "_is_root_archive": False, "project_list": []}
+                captured_data = {"tree": None, "_is_root_archive": False, "project_list": [], "last_project_data": None}
 
                 async def global_interceptor(response):
                     url = response.url
@@ -84,6 +84,8 @@ def crawler_thread_worker(msg_queue, user_id, password):
                             if is_root:
                                 captured_data["tree"] = await response.json()
                                 captured_data["_is_root_archive"] = True
+                        elif "getData" in url and "overview" in url:
+                            captured_data["last_project_data"] = await response.json()
                     except: pass
 
                 context.on("response", global_interceptor)
@@ -144,6 +146,32 @@ def crawler_thread_worker(msg_queue, user_id, password):
                         else: await target_el.click(force=True)
                         
                         await page.wait_for_selector("text=활동로그", timeout=30000)
+                        
+                        # [부서 정보 수집] getData 응답 대기 및 DB 업데이트
+                        for _ in range(10):
+                            if captured_data.get("last_project_data"): break
+                            await asyncio.sleep(0.5)
+                        
+                        last_data = captured_data.get("last_project_data")
+                        if last_data:
+                            if isinstance(last_data, list) and len(last_data) > 0:
+                                last_data = last_data[0]
+                            
+                            if isinstance(last_data, dict):
+                                proj_data = last_data.get("data", {})
+                                if isinstance(proj_data, list) and len(proj_data) > 0:
+                                    proj_data = proj_data[0]
+                                
+                                if isinstance(proj_data, dict):
+                                    dept = proj_data.get("department")
+                                    p_id = proj_data.get("project_id")
+                                    if dept and p_id:
+                                        with get_db_connection() as conn:
+                                            with conn.cursor() as cursor:
+                                                cursor.execute("UPDATE projects_master SET department = %s WHERE project_id = %s", (dept, p_id))
+                                            conn.commit()
+                            captured_data["last_project_data"] = None # 초기화
+
                         await asyncio.sleep(2)
 
                         recent_log = "데이터 없음"; file_count = 0
@@ -183,12 +211,18 @@ def crawler_thread_worker(msg_queue, user_id, password):
                             await asyncio.sleep(0.5)
 
                         if captured_data["tree"]:
-                            tree = captured_data["tree"].get('currentTreeObject', captured_data["tree"])
-                            total = len(tree.get("file", {}))
-                            folders = tree.get("folder", {})
-                            if isinstance(folders, dict):
-                                for f in folders.values(): total += int(f.get("filesCount", 0))
-                            file_count = total
+                            tree_data = captured_data["tree"]
+                            if isinstance(tree_data, list) and len(tree_data) > 0:
+                                tree_data = tree_data[0]
+                            
+                            if isinstance(tree_data, dict):
+                                tree = tree_data.get('currentTreeObject', tree_data)
+                                if isinstance(tree, dict):
+                                    total = len(tree.get("file", {}))
+                                    folders = tree.get("folder", {})
+                                    if isinstance(folders, dict):
+                                        for f in folders.values(): total += int(f.get("filesCount", 0))
+                                    file_count = total
 
                         # 4. DB 실시간 저장
                         if current_p_id:

js/dashboard.js

@@ -73,7 +73,7 @@ async function loadActivityAnalysis(date = "") {
                 <div class="label">방치 (14일 초과)</div><div class="count">${summary.stale}</div>
             </div>
             <div class="activity-card unknown" onclick="showActivityDetails('unknown')">
-                <div class="label">데이터 없음 (파일 0개 등)</div><div class="count">${summary.unknown}</div>
+                <div class="label">데이터 없음 (파일 0개)</div><div class="count">${summary.unknown}</div>
             </div>`;
     } catch (e) { console.error("분석 로드 실패:", e); }
 }
@@ -81,16 +81,16 @@ async function loadActivityAnalysis(date = "") {
 // --- 렌더링 엔진 ---
 function renderDashboard(data) {
     const container = document.getElementById('projectAccordion');
-    container.innerHTML = ''; 
+    container.innerHTML = '';
     const grouped = groupData(data);
-    Object.keys(grouped).sort((a,b) => (CONTINENT_ORDER[a]||99) - (CONTINENT_ORDER[b]||99)).forEach(continent => {
+    Object.keys(grouped).sort((a, b) => (CONTINENT_ORDER[a] || 99) - (CONTINENT_ORDER[b] || 99)).forEach(continent => {
         const continentDiv = document.createElement('div');
         continentDiv.className = 'continent-group active';
         let html = `<div class="continent-header" onclick="toggleGroup(this)"><span>${continent}</span><span class="toggle-icon">▼</span></div><div class="continent-body">`;
         Object.keys(grouped[continent]).sort().forEach(country => {
             html += `<div class="country-group active"><div class="country-header" onclick="toggleGroup(this)"><span>${country}</span><span class="toggle-icon">▼</span></div><div class="country-body"><div class="accordion-container">
                     <div class="accordion-list-header"><div>프로젝트명</div><div>담당부서</div><div>담당자</div><div style="text-align:center;">파일수</div><div>최근로그</div></div>
-                    ${grouped[continent][country].sort((a,b)=>a[0].localeCompare(b[0])).map(p => createProjectHtml(p)).join('')}</div></div></div>`;
+                    ${grouped[continent][country].sort((a, b) => a[0].localeCompare(b[0])).map(p => createProjectHtml(p)).join('')}</div></div></div>`;
         });
         html += `</div>`;
         continentDiv.innerHTML = html;
@@ -113,16 +113,30 @@ function createProjectHtml(p) {
     const [name, dept, admin, logRaw, files] = p;
     const recentLog = (!logRaw || logRaw === "X" || logRaw === "데이터 없음") ? "기록 없음" : logRaw;
     const logTime = recentLog !== "기록 없음" ? recentLog.split(',')[0] : "기록 없음";
-    const statusClass = (files === 0 || files === null) ? "status-error" : (recentLog === "기록 없음") ? "status-warning" : "";
+
+    // 파일이 0개 또는 NULL인 경우에만 에러(붉은색) 표시
+    const statusClass = (files === 0 || files === null) ? "status-error" : "";
     return `
         <div class="accordion-item ${statusClass}">
             <div class="accordion-header" onclick="toggleAccordion(this)">
-                <div class="repo-title" title="${name}">${name}</div><div class="repo-dept">${dept}</div><div class="repo-admin">${admin}</div><div class="repo-files ${statusClass==='status-error'?'warning-text':''}">${files||0}</div><div class="repo-log ${recentLog==='기록 없음'?'warning-text':''}" title="${recentLog}">${recentLog}</div>
+                <div class="repo-title" title="${name}">${name}</div><div class="repo-dept">${dept}</div><div class="repo-admin">${admin}</div><div class="repo-files ${statusClass === 'status-error' ? 'warning-text' : ''}">${files || 0}</div><div class="repo-log ${recentLog === '기록 없음' ? 'warning-text' : ''}" title="${recentLog}">${recentLog}</div>
             </div>
             <div class="accordion-body">
                 <div class="detail-grid">
-                    <div class="detail-section"><h4>참여 인원 상세</h4><table class="data-table"><thead><tr><th>이름</th><th>소속</th><th>권한</th></tr></thead><tbody><tr><td>${admin}</td><td>${dept}</td><td>관리자</td></tr></tbody></table></div>
-                    <div class="detail-section"><h4>최근 활동</h4><table class="data-table"><thead><tr><th>유형</th><th>내용</th><th>일시</th></tr></thead><tbody><tr><td><span class="badge">로그</span></td><td>동기화 완료</td><td>${logTime}</td></tr></tbody></table></div>
+                    <div class="detail-section">
+                        <h4>참여 인원 상세</h4>
+                        <table class="data-table" id="personnel-table">
+                            <thead><tr><th>이름</th><th>소속</th><th>권한</th></tr></thead>
+                            <tbody><tr><td>${admin}</td><td>${dept}</td><td>관리자</td></tr></tbody>
+                        </table>
+                    </div>
+                    <div class="detail-section">
+                        <h4>최근 활동</h4>
+                        <table class="data-table" id="activity-table">
+                            <thead><tr><th>유형</th><th>내용</th><th>일시</th></tr></thead>
+                            <tbody><tr><td><span class="badge">로그</span></td><td>동기화 완료</td><td>${logTime}</td></tr></tbody>
+                        </table>
+                    </div>
                 </div>
             </div>
         </div>`;
@@ -132,18 +146,18 @@ function createProjectHtml(p) {
 function toggleGroup(h) { h.parentElement.classList.toggle('active'); }
 function toggleAccordion(h) {
     const item = h.parentElement;
-    item.parentElement.querySelectorAll('.accordion-item').forEach(el => { if(el!==item) el.classList.remove('active'); });
+    item.parentElement.querySelectorAll('.accordion-item').forEach(el => { if (el !== item) el.classList.remove('active'); });
     item.classList.toggle('active');
 }
 
 function showActivityDetails(status) {
     const modal = document.getElementById('activityDetailModal'), tbody = document.getElementById('modalTableBody'), title = document.getElementById('modalTitle');
-    const names = { active:'정상', warning:'주의', stale:'방치', unknown:'데이터 없음' };
+    const names = { active: '정상', warning: '주의', stale: '방치', unknown: '데이터 없음' };
     const filtered = (projectActivityDetails || []).filter(d => d.status === status);
     title.innerText = `${names[status]} 목록 (${filtered.length}개)`;
     tbody.innerHTML = filtered.map(p => {
         const o = rawData.find(r => r[0] === p.name);
-        return `<tr class="modal-row" onclick="scrollToProject('${p.name}')"><td><strong>${p.name}</strong></td><td>${o?o[1]:"-"}</td><td>${o?o[2]:"-"}</td></tr>`;
+        return `<tr class="modal-row" onclick="scrollToProject('${p.name}')"><td><strong>${p.name}</strong></td><td>${o ? o[1] : "-"}</td><td>${o ? o[2] : "-"}</td></tr>`;
     }).join('');
     modal.style.display = 'flex';
 }
@@ -186,7 +200,7 @@ function closeAuthModal() { document.getElementById('authModal').style.display =
 async function submitAuth() {
     const id = document.getElementById('authId').value, pw = document.getElementById('authPw').value, err = document.getElementById('authErrorMessage');
     try {
-        const res = await fetch('/auth/crawl', { method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({user_id:id, password:pw}) });
+        const res = await fetch('/auth/crawl', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ user_id: id, password: pw }) });
         const data = await res.json();
         if (data.success) { closeAuthModal(); startCrawlProcess(); }
         else { err.innerText = "크롤링을 할 수 없습니다."; err.style.display = 'block'; }

server.py

@@ -102,8 +102,8 @@ async def get_project_data(date: str = None):
                     SELECT m.project_nm, m.short_nm, m.department, m.master, 
                            h.recent_log, h.file_count, m.continent, m.country 
                     FROM projects_master m
-                    JOIN projects_history h ON m.project_id = h.project_id
-                    WHERE h.crawl_date = %s ORDER BY m.project_id ASC
+                    LEFT JOIN projects_history h ON m.project_id = h.project_id AND h.crawl_date = %s
+                    ORDER BY m.project_id ASC
                 """
                 cursor.execute(sql, (target_date,))
                 rows = cursor.fetchall()
@@ -130,6 +130,8 @@ async def get_project_activity(date: str = None):
                     target_date_val = datetime.strptime(date.replace(".", "-"), "%Y-%m-%d").date()
 
                 target_date_dt = datetime.combine(target_date_val, datetime.min.time())
+                
+                # 아코디언 리스트와 동일하게 마스터의 모든 프로젝트를 가져오되, 해당 날짜의 히스토리를 매칭
                 sql = """
                     SELECT m.project_id, m.project_nm, m.short_nm, h.recent_log, h.file_count
                     FROM projects_master m
@@ -142,12 +144,27 @@ async def get_project_activity(date: str = None):
                 for r in rows:
                     log, files = r['recent_log'], r['file_count']
                     status, days = "unknown", 999
-                    if log and log != "데이터 없음" and files and files > 0:
+                    
+                    # 파일 수 정수 변환 (데이터가 없거나 0이면 0)
+                    file_val = int(files) if files else 0
+                    has_log = log and log != "데이터 없음" and log != "X"
+                    
+                    if file_val == 0:
+                        # [핵심] 파일이 0개면 무조건 "데이터 없음"
+                        status = "unknown"
+                    elif has_log:
+                        # 로그 날짜가 있는 경우 정밀 분석
                         match = re.search(r'(\d{4})\.(\d{2})\.(\d{2})', log)
                         if match:
                             diff = (target_date_dt - datetime.strptime(match.group(0), "%Y.%m.%d")).days
                             status = "active" if diff <= 7 else "warning" if diff <= 14 else "stale"
                             days = diff
+                        else:
+                            status = "stale"
+                    else:
+                        # 파일은 있지만 로그가 없는 경우
+                        status = "stale"
+
                     analysis["summary"][status] += 1
                     analysis["details"].append({"name": r['short_nm'] or r['project_nm'], "status": status, "days_ago": days})
                 return analysis

style/dashboard.css

@@ -36,7 +36,7 @@
 .portal-card h3 { font-size: 20px; color: var(--text-main); margin: 0; }
 .portal-card p { font-size: 14px; color: var(--text-sub); margin: 0; }
 
-/* Dashboard Layout */
+/* Dashboard Fixed Elements */
 header {
     position: fixed; top: var(--topbar-h); left: 0; right: 0; z-index: 1001;
     background: #fff; height: var(--header-h); display: flex; justify-content: space-between; align-items: center; padding: 0 32px; border-bottom: 1px solid #f5f5f5;
@@ -59,50 +59,46 @@ header {
 
 .main-content { margin-top: var(--fixed-total-h); padding: 32px; max-width: 1400px; margin-left: auto; margin-right: auto; }
 
-/* 로그 콘솔 - 초기 디자인 복구 (Sticky Terminal 스타일) */
+/* 로그 콘솔 (Terminal Style) */
 .log-console {
-    position: sticky;
-    top: var(--fixed-total-h);
-    z-index: 999;
-    background: #000;
-    color: #0f0;
-    font-family: 'Consolas', 'Monaco', monospace;
-    padding: 15px;
-    margin-bottom: 20px;
-    border-radius: 4px;
-    max-height: 250px;
-    overflow-y: auto;
-    font-size: 12px;
-    line-height: 1.5;
-    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
+    position: sticky; top: var(--fixed-total-h); z-index: 999;
+    background: #000; color: #0f0; font-family: 'Consolas', monospace; padding: 15px; margin-bottom: 20px;
+    border-radius: 4px; max-height: 250px; overflow-y: auto; font-size: 12px; line-height: 1.5; box-shadow: 0 10px 20px rgba(0,0,0,0.2);
 }
+.log-console-header { color: #fff; border-bottom: 1px solid #333; margin-bottom: 10px; padding-bottom: 5px; font-weight: bold; }
 
-.log-console-header {
-    color: #fff;
-    border-bottom: 1px solid #333;
-    margin-bottom: 10px;
-    padding-bottom: 5px;
-    font-weight: bold;
-}
-
-/* 모달 정중앙 배치 */
+/* 인증 모달 */
 .activity-modal-overlay {
     position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
     background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(4px); z-index: 3000;
     display: flex; align-items: center; justify-content: center; padding: 20px;
 }
+.activity-modal-content { background: #fff; width: 600px; max-height: 85vh; border-radius: 12px; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5); }
+.auth-modal-content { background: #fff; width: 440px; border-radius: 16px; padding: 40px; text-align: center; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5); display: flex; flex-direction: column; gap: 32px; border: 1px solid rgba(0,0,0,0.05); }
 
-.activity-modal-content {
-    background: #fff; width: 600px; max-height: 85vh; border-radius: 12px;
-    display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
+.auth-header i { font-size: 32px; color: var(--primary-color); margin-bottom: 16px; }
+.auth-header h3 { font-size: 20px; font-weight: 800; color: #111; margin-bottom: 8px; }
+.auth-header p { font-size: 13px; color: var(--text-sub); }
+
+.auth-body { display: flex; flex-direction: column; gap: 20px; text-align: left; }
+.input-group { display: flex; flex-direction: column; gap: 8px; }
+.input-group label { font-size: 12px; font-weight: 700; color: var(--text-main); }
+.input-group input { 
+    height: 48px; padding: 0 16px; border: 1px solid var(--border-color); border-radius: 8px; 
+    font-size: 14px; transition: 0.2s; background: #f9f9f9;
 }
+.input-group input:focus { border-color: var(--primary-color); background: #fff; box-shadow: 0 0 0 3px var(--primary-lv-0); outline: none; }
 
-.auth-modal-content {
-    background: #fff; width: 400px; border-radius: 16px; padding: 40px;
-    text-align: center; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
-    display: flex; flex-direction: column; gap: 25px;
+.error-text { color: var(--error-color); font-size: 12px; font-weight: 600; text-align: center; margin-top: -10px; }
+
+.auth-footer { display: grid; grid-template-columns: 1fr 1.5fr; gap: 12px; }
+.auth-footer button { 
+    height: 48px; border-radius: 8px; font-size: 14px; font-weight: 700; cursor: pointer; border: none; transition: 0.2s;
 }
-
+.cancel-btn { background: #f1f3f5; color: #495057; }
+.cancel-btn:hover { background: #e9ecef; }
+.login-btn { background: var(--primary-color); color: #fff; }
+.login-btn:hover { background: #153a34; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(30,81,73,0.3); }
 .modal-header { padding: 20px; border-bottom: 1px solid var(--border-color); display: flex; justify-content: space-between; align-items: center; }
 .modal-header h3 { margin: 0; font-size: 16px; color: var(--primary-color); }
 .close-btn { background: none; border: none; font-size: 24px; cursor: pointer; color: var(--text-sub); }
@@ -110,31 +106,68 @@ header {
 .modal-row { cursor: pointer; border-bottom: 1px solid #f5f5f5; }
 .modal-row:hover { background: var(--primary-lv-0); }
 
-/* 인증 모달 내부 요소 */
-.auth-header i { font-size: 40px; color: var(--primary-color); margin-bottom: 15px; }
-.auth-header h3 { font-size: 22px; color: var(--text-main); margin: 0; font-weight: 800; }
-.auth-header p { font-size: 14px; color: var(--text-sub); margin-top: 8px; }
-.auth-body { display: flex; flex-direction: column; gap: 15px; text-align: left; }
-.input-group { display: flex; flex-direction: column; gap: 6px; }
-.input-group label { font-size: 12px; font-weight: 700; color: var(--text-sub); }
-.input-group input { padding: 12px 16px; border: 1px solid var(--border-color); border-radius: 8px; font-size: 14px; transition: 0.2s; }
-.input-group input:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px var(--primary-lv-1); }
-.error-text { color: var(--error-color); font-size: 13px; font-weight: 600; margin-top: 10px; text-align: center; }
-.auth-footer { display: flex; gap: 10px; margin-top: 10px; }
-.auth-footer button { flex: 1; padding: 12px; border-radius: 8px; font-weight: 700; cursor: pointer; transition: 0.2s; border: none; }
-.cancel-btn { background: #f3f4f6; color: var(--text-sub); }
-.login-btn { background: var(--primary-color); color: #fff; }
+/* Accordion Layout - 정밀 정렬 개선 */
+.accordion-list-header { 
+    position: sticky; top: var(--fixed-total-h); background: #fff; z-index: 900; 
+    font-size: 11px; font-weight: 700; color: var(--text-sub); 
+    padding: 12px 24px; /* 패딩 통일 */
+    border-bottom: 2px solid var(--primary-color); 
+    box-shadow: 0 4px 10px rgba(0,0,0,0.05); 
+    display: grid; grid-template-columns: 2.5fr 1fr 1fr 0.8fr 2fr; gap: 16px; align-items: center; 
+}
 
-/* Accordion Layout */
-.accordion-list-header { position: sticky; top: var(--fixed-total-h); background: #fff; z-index: 900; font-size: 11px; font-weight: 700; color: var(--text-sub); padding: 14px 24px; border-bottom: 2px solid var(--primary-color); box-shadow: 0 4px 10px rgba(0,0,0,0.05); display: grid; grid-template-columns: 2.5fr 1fr 1fr 0.8fr 2fr; gap: 16px; align-items: center; }
-.accordion-header { display: grid; grid-template-columns: 2.5fr 1fr 1fr 0.8fr 2fr; gap: 16px; padding: 16px 24px; align-items: center; cursor: pointer; border-bottom: 1px solid var(--border-color); transition: background 0.1s; }
+.accordion-header { 
+    display: grid; grid-template-columns: 2.5fr 1fr 1fr 0.8fr 2fr; gap: 16px; 
+    padding: 12px 24px; /* 패딩 통일 */
+    align-items: center; cursor: pointer; border-bottom: 1px solid var(--border-color); 
+    transition: background 0.1s; 
+}
 .accordion-item:hover .accordion-header { background: var(--primary-lv-0); }
+.accordion-item.active .accordion-header { background: var(--primary-lv-0); border-bottom: none; }
+
 .repo-title { font-weight: 700; color: var(--primary-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .repo-dept, .repo-admin { font-size: 12px; color: var(--text-main); }
 .repo-files { text-align: center; font-weight: 600; }
 .repo-log { font-size: 11px; color: var(--text-sub); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.accordion-body { display: none; padding: 24px; background: var(--bg-muted); border-bottom: 1px solid var(--border-color); }
+
+.accordion-body {
+    display: none;
+    padding: 24px 24px 32px 24px; /* 좌우 패딩을 행 헤더와 일치시킴 */
+    background: #fff; /* 일체감을 위해 흰색 배경 사용 가능 (필요시 var(--bg-muted)) */
+    border-bottom: 1px solid var(--border-color);
+}
 .accordion-item.active .accordion-body { display: block; }
+
+/* 상세 표 정밀 정렬 */
+.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
+.detail-section h4 { 
+    font-size: 13px; margin-bottom: 12px; color: var(--text-main); 
+    border-left: 3px solid var(--primary-color); padding-left: 10px;
+    font-weight: 700;
+}
+
+.data-table { 
+    width: 100%; border-collapse: collapse; font-size: 12px; 
+    table-layout: fixed; /* 컬럼 너비 고정을 위해 필수 */
+}
+.data-table th, .data-table td { 
+    padding: 10px 8px; border-bottom: 1px solid var(--border-color); 
+    text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.data-table th { color: var(--text-sub); font-weight: 600; background: #fcfcfc; }
+
+/* 컬럼별 너비 고정 (위아래 일치 및 정리) */
+/* 참여 인원 상세 표 비율 */
+#personnel-table th:nth-child(1), #personnel-table td:nth-child(1) { width: 25%; }
+#personnel-table th:nth-child(2), #personnel-table td:nth-child(2) { width: 45%; }
+#personnel-table th:nth-child(3), #personnel-table td:nth-child(3) { width: 30%; }
+
+/* 최근 활동 표 비율 */
+#activity-table th:nth-child(1), #activity-table td:nth-child(1) { width: 20%; }
+#activity-table th:nth-child(2), #activity-table td:nth-child(2) { width: 50%; }
+#activity-table th:nth-child(3), #activity-table td:nth-child(3) { width: 30%; }
+
+/* Status Styles */
 .status-warning { background: #fffcf0; }
 .status-error { background: #fff5f4; }
 .warning-text { color: var(--error-color) !important; font-weight: 700; }
@@ -146,9 +179,6 @@ header {
 .continent-body, .country-body { display: none; padding: 10px 0 10px 15px; }
 .active>.continent-body, .active>.country-body { display: block; }
 
-.data-table { width: 100%; border-collapse: collapse; font-size: 12px; }
-.data-table th, .data-table td { padding: 10px 8px; border-bottom: 1px solid var(--border-color); text-align: left; }
-.data-table th { color: var(--text-sub); font-weight: 600; background: #fcfcfc; }
 .sync-btn { display: flex; align-items: center; gap: 8px; background-color: var(--primary-color); color: #fff; padding: 8px 16px; border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer; border: none; transition: 0.2s; }
 .admin-info { font-size: 12px; color: var(--text-sub); margin-left: 16px; padding: 6px 12px; background: #f8f9fa; border-radius: 4px; border: 1px solid var(--border-color); }
 .admin-info strong { color: var(--primary-color); font-weight: 700; }

templates/dashboard.html

@@ -36,7 +36,7 @@
                 <div class="base-date-info">기준날짜: <strong id="baseDate">-</strong></div>
                 <button id="syncBtn" class="sync-btn" onclick="syncData()">
                     <span class="spinner"></span>
-                    데이터 동기화 (크롤링)
+                    데이터 동기화
                 </button>
                 <div class="admin-info">접속자: <strong>이태훈[전체관리자]</strong></div>
             </div>
@@ -75,7 +75,8 @@
                 </div>
                 <div class="input-group">
                     <label>비밀번호</label>
-                    <input type="password" id="authPw" placeholder="비밀번호를 입력하세요" onkeyup="if(event.key==='Enter') submitAuth()">
+                    <input type="password" id="authPw" placeholder="비밀번호를 입력하세요"
+                        onkeyup="if(event.key==='Enter') submitAuth()">
                 </div>
                 <div id="authErrorMessage" class="error-text" style="display:none;">크롤링을 할 수 없습니다.</div>
             </div>
@@ -86,7 +87,8 @@
         </div>
     </div>
 
-    <div id="activityDetailModal" class="activity-modal-overlay" style="display:none;" onclick="closeActivityModal(event)">
+    <div id="activityDetailModal" class="activity-modal-overlay" style="display:none;"
+        onclick="closeActivityModal(event)">
         <div class="activity-modal-content" onclick="event.stopPropagation()">
             <div class="modal-header">
                 <h3 id="modalTitle">상세 목록</h3>
@@ -113,4 +115,4 @@
     <script src="js/dashboard.js"></script>
 </body>
 
-</html>
+</html>