feat: SSO 쿠키 인증 통합 + 서브도메인 라우팅 아키텍처

- Path-based 라우팅을 서브도메인 기반으로 전환 (tkfb/tkreport/tkqc.technicalkorea.net) - 3개 시스템 프론트엔드에 SSO 쿠키 인증 통합 (domain=.technicalkorea.net, localStorage 폴백) - Gateway: 포털+로그인+System1 프록시, 쿠키 SSO 설정 - System 1: 토큰키 통일, nginx.conf 생성, 신고페이지 리다이렉트 - System 2: api-base.js/app-init.js 생성, getSSOToken() 통합 - System 3: TokenManager 쿠키 지원, 중앙 로그인 리다이렉트 - docker-compose.yml에 cloudflared 서비스 추가 - DEPLOY-GUIDE.md 배포 가이드 작성 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-09 18:41:44 +09:00
parent 550633b89d
commit 6495b8af32
114 changed files with 1729 additions and 4335 deletions
--- a/system1-factory/web/js/admin-settings.js
+++ b/system1-factory/web/js/admin-settings.js
@@ -80,8 +80,8 @@ function setupUserInfo() {
 }

 function getAuthData() {
-  const token = localStorage.getItem('token');
-  const user = localStorage.getItem('user');
+  const token = localStorage.getItem('sso_token');
+  const user = localStorage.getItem('sso_user');
  return {
    token,
    user: user ? JSON.parse(user) : null
@@ -533,7 +533,7 @@ async function toggleUserStatus(userId) {
 function handleLogout() {
  if (confirm('로그아웃하시겠습니까?')) {
    localStorage.clear();
-    window.location.href = '/index.html';
+    window.location.href = '/login';
  }
 }

--- a/system1-factory/web/js/admin.js
+++ b/system1-factory/web/js/admin.js
@@ -1,9 +1,9 @@
 // ✅ /js/admin.js (수정됨 - 중복 로딩 제거)
 async function initDashboard() {
  // 로그인 토큰 확인
-  const token = localStorage.getItem('token');
+  const token = localStorage.getItem('sso_token');
  if (!token) {
-    location.href = '/index.html';
+    location.href = '/login';
    return;
  }

--- a/system1-factory/web/js/api-base.js
+++ b/system1-factory/web/js/api-base.js
@@ -4,20 +4,69 @@
 (function() {
  'use strict';

+  // ==================== SSO 쿠키 유틸리티 ====================
+
+  function cookieGet(name) {
+    var match = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'));
+    return match ? decodeURIComponent(match[1]) : null;
+  }
+  function cookieRemove(name) {
+    var cookie = name + '=; path=/; max-age=0';
+    if (window.location.hostname.includes('technicalkorea.net')) {
+      cookie += '; domain=.technicalkorea.net';
+    }
+    document.cookie = cookie;
+  }
+
+  /**
+   * SSO 토큰 가져오기 (쿠키 우선, localStorage 폴백)
+   */
+  window.getSSOToken = function() {
+    return cookieGet('sso_token') || localStorage.getItem('sso_token');
+  };
+
+  /**
+   * SSO 사용자 정보 가져오기 (쿠키 우선, localStorage 폴백)
+   */
+  window.getSSOUser = function() {
+    var raw = cookieGet('sso_user') || localStorage.getItem('sso_user');
+    try { return raw ? JSON.parse(raw) : null; } catch(e) { return null; }
+  };
+
+  /**
+   * 중앙 로그인 URL 반환
+   */
+  window.getLoginUrl = function() {
+    var hostname = window.location.hostname;
+    if (hostname.includes('technicalkorea.net')) {
+      return window.location.protocol + '//tkfb.technicalkorea.net/login?redirect=' + encodeURIComponent(window.location.href);
+    }
+    return '/login';
+  };
+
+  /**
+   * SSO 토큰 및 사용자 정보 삭제
+   */
+  window.clearSSOAuth = function() {
+    cookieRemove('sso_token');
+    cookieRemove('sso_user');
+    cookieRemove('sso_refresh_token');
+    localStorage.removeItem('sso_token');
+    localStorage.removeItem('sso_user');
+    localStorage.removeItem('sso_refresh_token');
+    localStorage.removeItem('userPageAccess');
+  };
+
  // ==================== 보안 유틸리티 (XSS 방지) ====================

  /**
   * HTML 특수문자 이스케이프 (XSS 방지)
-   * innerHTML에 사용자 입력/API 데이터를 삽입할 때 반드시 사용
-   *
-   * @param {string} str - 이스케이프할 문자열
-   * @returns {string} 이스케이프된 문자열
   */
  window.escapeHtml = function(str) {
    if (str === null || str === undefined) return '';
    if (typeof str !== 'string') str = String(str);

-    const htmlEntities = {
+    var htmlEntities = {
      '&': '&amp;',
      '<': '&lt;',
      '>': '&gt;',
@@ -43,41 +92,41 @@

  // ==================== API 설정 ====================

-  const API_PORT = 20005;
-  const API_PATH = '/api';
+  var API_PORT = 30005;
+  var API_PATH = '/api';

  function getApiBaseUrl() {
-    const hostname = window.location.hostname;
-    const protocol = window.location.protocol;
+    var hostname = window.location.hostname;
+    var protocol = window.location.protocol;

-    // 프로덕션 환경 (technicalkorea.net 도메인)
+    // 프로덕션 환경 (technicalkorea.net 도메인) - 같은 도메인의 /api 경로
    if (hostname.includes('technicalkorea.net')) {
-      return `${protocol}//${hostname}${API_PATH}`;
+      return protocol + '//' + hostname + API_PATH;
    }

    // 개발 환경 (localhost 또는 IP)
-    return `${protocol}//${hostname}:${API_PORT}${API_PATH}`;
+    return protocol + '//' + hostname + ':' + API_PORT + API_PATH;
  }

  // 전역 API 설정
-  const apiUrl = getApiBaseUrl();
+  var apiUrl = getApiBaseUrl();
  window.API_BASE_URL = apiUrl;
  window.API = apiUrl; // 이전 호환성

-  // 인증 헤더 생성
+  // 인증 헤더 생성 (쿠키/localStorage에서 토큰 읽기)
  window.getAuthHeaders = function() {
-    const token = localStorage.getItem('token');
+    var token = window.getSSOToken();
    return {
      'Content-Type': 'application/json',
-      'Authorization': token ? `Bearer ${token}` : ''
+      'Authorization': token ? 'Bearer ' + token : ''
    };
  };

-  // API 호출 헬퍼 (기존 시그니처 유지: endpoint, method, data)
-  // JSON 파싱하여 반환
-  window.apiCall = async function(endpoint, method = 'GET', data = null) {
-    const url = `${window.API_BASE_URL}${endpoint}`;
-    const config = {
+  // API 호출 헬퍼
+  window.apiCall = async function(endpoint, method, data) {
+    method = method || 'GET';
+    var url = window.API_BASE_URL + endpoint;
+    var config = {
      method: method,
      headers: window.getAuthHeaders()
    };
@@ -86,19 +135,17 @@
      config.body = JSON.stringify(data);
    }

-    const response = await fetch(url, config);
+    var response = await fetch(url, config);

    // 401 Unauthorized 처리
    if (response.status === 401) {
-      localStorage.removeItem('token');
-      localStorage.removeItem('user');
-      window.location.href = '/index.html';
+      window.clearSSOAuth();
+      window.location.href = window.getLoginUrl();
      throw new Error('인증이 만료되었습니다.');
    }

-    // JSON 파싱하여 반환
    return response.json();
  };

-  console.log('✅ API 설정 완료:', window.API_BASE_URL);
+  console.log('API 설정 완료:', window.API_BASE_URL);
 })();
--- a/system1-factory/web/js/api-config.js
+++ b/system1-factory/web/js/api-config.js
@@ -35,7 +35,7 @@ window.API = API_URL;
 window.API_BASE_URL = API_URL;

 function ensureAuthenticated() {
-  const token = localStorage.getItem('token');
+  const token = localStorage.getItem('sso_token');
  if (!token || token === 'undefined' || token === 'null') {
    console.log('🚨 인증되지 않은 사용자. 로그인 페이지로 이동합니다.');
    clearAuthData(); // 만약을 위해 한번 더 정리
@@ -69,14 +69,14 @@ function isTokenExpired(token) {

 // 인증 데이터 정리 함수
 function clearAuthData() {
-  localStorage.removeItem('token');
-  localStorage.removeItem('user');
+  localStorage.removeItem('sso_token');
+  localStorage.removeItem('sso_user');
  localStorage.removeItem('userInfo');
  localStorage.removeItem('currentUser');
 }

 function getAuthHeaders() {
-  const token = localStorage.getItem('token');
+  const token = localStorage.getItem('sso_token');
  return {
    'Content-Type': 'application/json',
    'Authorization': `Bearer ${token}`
@@ -236,7 +236,7 @@ if (window.location.hostname === 'localhost' || window.location.hostname.startsW

 // 주기적으로 토큰 만료 확인 (5분마다)
 setInterval(() => {
-  const token = localStorage.getItem('token');
+  const token = localStorage.getItem('sso_token');
  if (token && isTokenExpired(token)) {
    console.log('🚨 주기적 확인: 토큰이 만료되었습니다.');
    clearAuthData();
--- a/system1-factory/web/js/api-helper.js
+++ b/system1-factory/web/js/api-helper.js
@@ -6,13 +6,13 @@ const API_BASE_URL = window.API_BASE_URL || 'http://localhost:20005/api';

 // 인증 관련 함수들 (직접 구현)
 function getToken() {
-  const token = localStorage.getItem('token');
+  const token = localStorage.getItem('sso_token');
  return token && token !== 'undefined' && token !== 'null' ? token : null;
 }

 function clearAuthData() {
-  localStorage.removeItem('token');
-  localStorage.removeItem('user');
+  localStorage.removeItem('sso_token');
+  localStorage.removeItem('sso_user');
 }

 /**
@@ -49,7 +49,7 @@ async function authFetch(endpoint, options = {}) {
  if (!token) {
    console.error('토큰이 없습니다. 로그인이 필요합니다.');
    clearAuthData(); // 인증 정보 정리
-    window.location.href = '/index.html'; // 로그인 페이지로 리디렉션
+    window.location.href = '/login'; // 로그인 페이지로 리디렉션
    // 에러를 던져서 후속 실행을 중단
    throw new Error('인증 토큰이 없습니다.');
  }
@@ -71,7 +71,7 @@ async function authFetch(endpoint, options = {}) {
  if (response.status === 401) {
    console.error('인증 실패. 토큰이 만료되었거나 유효하지 않습니다.');
    clearAuthData(); // 만료된 인증 정보 정리
-    window.location.href = '/index.html';
+    window.location.href = '/login';
    throw new Error('인증에 실패했습니다.');
  }

--- a/system1-factory/web/js/app-init.js
+++ b/system1-factory/web/js/app-init.js
@@ -9,20 +9,23 @@
  const CACHE_DURATION = 10 * 60 * 1000; // 10분
  const COMPONENT_CACHE_PREFIX = 'component_v3_';

-  // ===== 인증 함수 =====
+  // ===== 인증 함수 (api-base.js의 전역 헬퍼 활용) =====
  function isLoggedIn() {
-    const token = localStorage.getItem('token');
+    var token = window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token');
    return token && token !== 'undefined' && token !== 'null';
  }

  function getUser() {
-    const user = localStorage.getItem('user');
-    return user ? JSON.parse(user) : null;
+    return window.getSSOUser ? window.getSSOUser() : (function() {
+      var u = localStorage.getItem('sso_user');
+      return u ? JSON.parse(u) : null;
+    })();
  }

  function clearAuthData() {
-    localStorage.removeItem('token');
-    localStorage.removeItem('user');
+    if (window.clearSSOAuth) { window.clearSSOAuth(); return; }
+    localStorage.removeItem('sso_token');
+    localStorage.removeItem('sso_user');
    localStorage.removeItem('userPageAccess');
  }

@@ -55,7 +58,7 @@
          method: 'GET',
          headers: {
            'Content-Type': 'application/json',
-            'Authorization': `Bearer ${localStorage.getItem('token')}`
+            'Authorization': 'Bearer ' + (window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))
          }
        });

@@ -201,6 +204,26 @@
      }
    });

+    // 크로스 시스템 링크 URL 설정
+    var hostname = window.location.hostname;
+    var protocol = window.location.protocol;
+    var systemUrls = {};
+    if (hostname.includes('technicalkorea.net')) {
+      systemUrls.report = protocol + '//tkreport.technicalkorea.net';
+      systemUrls.nc = protocol + '//tkqc.technicalkorea.net';
+    } else {
+      systemUrls.report = protocol + '//' + hostname + ':30180';
+      systemUrls.nc = protocol + '//' + hostname + ':30280';
+    }
+    doc.querySelectorAll('.cross-system-link').forEach(function(link) {
+      var system = link.getAttribute('data-system');
+      var path = link.getAttribute('data-path');
+      if (systemUrls[system]) {
+        link.setAttribute('href', systemUrls[system] + path);
+        link.setAttribute('target', '_blank');
+      }
+    });
+
    // 저장된 상태 복원 (기본값: 접힌 상태)
    const isCollapsed = localStorage.getItem('sidebarCollapsed') !== 'false';
    const sidebar = doc.querySelector('.sidebar-nav');
@@ -250,7 +273,7 @@
      logoutButton.addEventListener('click', () => {
        if (confirm('로그아웃 하시겠습니까?')) {
          clearAuthData();
-          window.location.href = '/index.html';
+          window.location.href = window.getLoginUrl ? window.getLoginUrl() : '/login';
        }
      });
    }
@@ -277,7 +300,7 @@
  // ===== 알림 로드 =====
  async function loadNotifications() {
    try {
-      const token = localStorage.getItem('token');
+      const token = window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token');
      if (!token) return;

      const response = await fetch(`${window.API_BASE_URL}/notifications/unread`, {
@@ -388,7 +411,7 @@

  async function updateWeather() {
    try {
-      const token = localStorage.getItem('token');
+      const token = window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token');
      if (!token) return;

      // 캐시 확인
@@ -435,14 +458,14 @@
    // 1. 인증 확인
    if (!isLoggedIn()) {
      clearAuthData();
-      window.location.href = '/index.html';
+      window.location.href = window.getLoginUrl ? window.getLoginUrl() : '/login';
      return;
    }

    const currentUser = getUser();
    if (!currentUser || !currentUser.username) {
      clearAuthData();
-      window.location.href = '/index.html';
+      window.location.href = window.getLoginUrl ? window.getLoginUrl() : '/login';
      return;
    }

--- a/system1-factory/web/js/attendance-validation.js
+++ b/system1-factory/web/js/attendance-validation.js
@@ -105,7 +105,7 @@ function getKoreaDateString(date = new Date()) {
 */
 function getCurrentUser() {
    try {
-        const token = localStorage.getItem('token');
+        const token = localStorage.getItem('sso_token');
        if (!token) return null;
        
        const payloadBase64 = token.split('.')[1];
@@ -118,7 +118,7 @@ function getCurrentUser() {
    }
    
    try {
-        const userInfo = localStorage.getItem('user') || localStorage.getItem('userInfo');
+        const userInfo = localStorage.getItem('sso_user') || localStorage.getItem('userInfo');
        if (userInfo) {
            return JSON.parse(userInfo);
        }
@@ -190,7 +190,7 @@ async function makeRateLimitedRequest(url, options = {}, retryCount = 0) {
        
        if (response.status === 401) {
            showMessage('인증이 만료되었습니다. 다시 로그인해주세요.', 'error');
-            localStorage.removeItem('token');
+            localStorage.removeItem('sso_token');
            setTimeout(() => {
                window.location.href = '/';
            }, 2000);
@@ -972,10 +972,10 @@ function renderWorkersList(workers) {
 async function init() {
    try {
        // 인증 확인 (api-config.js의 ensureAuthenticated 대신 직접 확인)
-        const token = localStorage.getItem('token');
+        const token = localStorage.getItem('sso_token');
        if (!token || token === 'undefined') {
            showMessage('로그인이 필요합니다.', 'error');
-            localStorage.removeItem('token');
+            localStorage.removeItem('sso_token');
            setTimeout(() => {
                window.location.href = '/';
            }, 2000);
--- a/system1-factory/web/js/auth-check.js
+++ b/system1-factory/web/js/auth-check.js
@@ -2,19 +2,22 @@
 // auth.js의 함수들을 직접 구현 (모듈 의존성 제거)

 function isLoggedIn() {
-  const token = localStorage.getItem('token');
+  var token = window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token');
  return token && token !== 'undefined' && token !== 'null';
 }

 function getUser() {
-  const user = localStorage.getItem('user');
-  return user ? JSON.parse(user) : null;
+  return window.getSSOUser ? window.getSSOUser() : (function() {
+    var u = localStorage.getItem('sso_user');
+    return u ? JSON.parse(u) : null;
+  })();
 }

 function clearAuthData() {
-  localStorage.removeItem('token');
-  localStorage.removeItem('user');
-  localStorage.removeItem('userPageAccess'); // 페이지 권한 캐시도 삭제
+  if (window.clearSSOAuth) { window.clearSSOAuth(); return; }
+  localStorage.removeItem('sso_token');
+  localStorage.removeItem('sso_user');
+  localStorage.removeItem('userPageAccess');
 }

 /**
@@ -83,7 +86,7 @@ async function checkPageAccess(pageKey) {
        method: 'GET',
        headers: {
          'Content-Type': 'application/json',
-          'Authorization': `Bearer ${localStorage.getItem('token')}`
+          'Authorization': 'Bearer ' + (window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))
        }
      });

@@ -116,7 +119,7 @@ async function checkPageAccess(pageKey) {
  if (!isLoggedIn()) {
    console.log('🚨 인증되지 않은 사용자. 로그인 페이지로 이동합니다.');
    clearAuthData(); // 만약을 위해 한번 더 정리
-    window.location.href = '/index.html';
+    window.location.href = window.getLoginUrl ? window.getLoginUrl() : '/login';
    return; // 이후 코드 실행 방지
  }

@@ -126,7 +129,7 @@ async function checkPageAccess(pageKey) {
  if (!currentUser || !currentUser.username) {
    console.error('🚨 사용자 정보가 유효하지 않습니다. 강제 로그아웃 처리합니다.');
    clearAuthData();
-    window.location.href = '/index.html';
+    window.location.href = window.getLoginUrl ? window.getLoginUrl() : '/login';
    return;
  }

--- a/system1-factory/web/js/auth.js
+++ b/system1-factory/web/js/auth.js
@@ -16,61 +16,47 @@ export function parseJwt(token) {
 }

 /**
- * localStorage에서 인증 토큰을 가져옵니다.
- * @returns {string|null} - 저장된 토큰 또는 토큰이 없을 경우 null
+ * 인증 토큰을 가져옵니다 (쿠키 → localStorage 폴백).
 */
 export function getToken() {
-  return localStorage.getItem('token');
+  if (window.getSSOToken) return window.getSSOToken();
+  return localStorage.getItem('sso_token');
 }

 /**
- * localStorage에서 사용자 정보를 가져옵니다.
- * @returns {object|null} - 저장된 사용자 객체 또는 정보가 없을 경우 null
+ * 사용자 정보를 가져옵니다 (쿠키 → localStorage 폴백).
 */
 export function getUser() {
-  const user = localStorage.getItem('user');
+  if (window.getSSOUser) return window.getSSOUser();
+  const user = localStorage.getItem('sso_user');
  try {
    return user ? JSON.parse(user) : null;
  } catch(e) {
-    console.error("사용자 정보를 파싱하는 데 실패했습니다.", e);
    return null;
  }
 }

 /**
- * 로그인 성공 후 토큰과 사용자 정보를 localStorage에 저장합니다.
- * @param {string} token - 서버에서 받은 JWT 토큰
- * @param {object} user - 서버에서 받은 사용자 정보 객체
+ * 로그인 성공 후 토큰과 사용자 정보를 저장합니다.
 */
 export function saveAuthData(token, user) {
-  localStorage.setItem('token', token);
-  localStorage.setItem('user', JSON.stringify(user));
+  localStorage.setItem('sso_token', token);
+  localStorage.setItem('sso_user', JSON.stringify(user));
 }

 /**
- * 로그아웃 시 localStorage에서 인증 정보를 제거합니다.
+ * 로그아웃 시 인증 정보를 제거합니다.
 */
 export function clearAuthData() {
-  localStorage.removeItem('token');
-  localStorage.removeItem('user');
+  if (window.clearSSOAuth) { window.clearSSOAuth(); return; }
+  localStorage.removeItem('sso_token');
+  localStorage.removeItem('sso_user');
 }

 /**
 * 현재 사용자가 로그인 상태인지 확인합니다.
- * @returns {boolean} - 로그인 상태이면 true, 아니면 false
 */
 export function isLoggedIn() {
  const token = getToken();
-  if (!token) {
-    return false;
-  }
-
-  // 선택 사항: 토큰 만료 여부 확인 로직 추가 가능
-  // const payload = parseJwt(token);
-  // if (payload && payload.exp * 1000 > Date.now()) {
-  //   return true;
-  // }
-  // return false;
-  
-  return !!token;
+  return !!token && token !== 'undefined' && token !== 'null';
 } 
--- a/system1-factory/web/js/change-password.js
+++ b/system1-factory/web/js/change-password.js
@@ -184,9 +184,9 @@ form?.addEventListener('submit', async (e) => {
        
        if (countdown < 0) {
          clearInterval(countdownInterval);
-          localStorage.removeItem('token');
-          localStorage.removeItem('user');
-          window.location.href = '/index.html';
+          localStorage.removeItem('sso_token');
+          localStorage.removeItem('sso_user');
+          window.location.href = '/login';
        }
      }, 1000);
      
@@ -205,7 +205,7 @@ form?.addEventListener('submit', async (e) => {

 // 페이지 로드 시 현재 사용자 정보 표시
 document.addEventListener('DOMContentLoaded', () => {
-  const user = JSON.parse(localStorage.getItem('user') || '{}');
+  const user = JSON.parse(localStorage.getItem('sso_user') || '{}');
  console.log('🔐 비밀번호 변경 페이지 로드됨');
  console.log('👤 현재 사용자:', user.username || 'Unknown');
 });
--- a/system1-factory/web/js/daily-work-report.js
+++ b/system1-factory/web/js/daily-work-report.js
@@ -209,7 +209,7 @@ function formatDateForApi(date) {
 * 사용자 정보 가져오기 (auth-check.js와 동일한 로직)
 */
 function getUser() {
-  const user = localStorage.getItem('user');
+  const user = localStorage.getItem('sso_user');
  return user ? JSON.parse(user) : null;
 }

@@ -1982,7 +1982,7 @@ function getKoreaToday() {
 // 현재 로그인한 사용자 정보 가져오기
 function getCurrentUser() {
  try {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    if (!token) return null;

    const payloadBase64 = token.split('.')[1];
@@ -1996,7 +1996,7 @@ function getCurrentUser() {
  }

  try {
-    const userInfo = localStorage.getItem('user') || localStorage.getItem('userInfo') || localStorage.getItem('currentUser');
+    const userInfo = localStorage.getItem('sso_user') || localStorage.getItem('userInfo') || localStorage.getItem('currentUser');
    if (userInfo) {
      const parsed = JSON.parse(userInfo);
      console.log('localStorage에서 가져온 사용자 정보:', parsed);
@@ -3138,10 +3138,10 @@ function setupEventListeners() {
 // 초기화
 async function init() {
  try {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    if (!token || token === 'undefined') {
      showMessage('로그인이 필요합니다.', 'error');
-      localStorage.removeItem('token');
+      localStorage.removeItem('sso_token');
      setTimeout(() => {
        window.location.href = '/';
      }, 2000);
--- a/system1-factory/web/js/daily-work-report/state.js
+++ b/system1-factory/web/js/daily-work-report/state.js
@@ -88,7 +88,7 @@ class DailyWorkReportState {
   * 현재 사용자 정보 가져오기
   */
  getUser() {
-    const user = localStorage.getItem('user');
+    const user = localStorage.getItem('sso_user');
    return user ? JSON.parse(user) : null;
  }

@@ -97,7 +97,7 @@ class DailyWorkReportState {
   */
  getCurrentUser() {
    try {
-      const token = localStorage.getItem('token');
+      const token = localStorage.getItem('sso_token');
      if (!token) return null;

      const payloadBase64 = token.split('.')[1];
@@ -110,7 +110,7 @@ class DailyWorkReportState {
    }

    try {
-      const userInfo = localStorage.getItem('user') || localStorage.getItem('userInfo') || localStorage.getItem('currentUser');
+      const userInfo = localStorage.getItem('sso_user') || localStorage.getItem('userInfo') || localStorage.getItem('currentUser');
      if (userInfo) {
        return JSON.parse(userInfo);
      }
--- a/system1-factory/web/js/factory-upload.js
+++ b/system1-factory/web/js/factory-upload.js
@@ -6,7 +6,7 @@ document.getElementById('uploadForm').addEventListener('submit', async (e) => {

  try {
    // FormData를 사용할 때는 Content-Type을 설정하지 않음 (자동 설정됨)
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    const res = await fetch(`${API}/factoryinfo`, {
      method: 'POST',
      headers: {
--- a/system1-factory/web/js/issue-detail.js
+++ b/system1-factory/web/js/issue-detail.js
@@ -1,690 +0,0 @@
-/**
- * 신고 상세 페이지 JavaScript
- */
-
-const API_BASE = window.API_BASE_URL || 'http://localhost:20005/api';
-
-let reportId = null;
-let reportData = null;
-let currentUser = null;
-
-// 상태 한글명
-const statusNames = {
-  reported: '신고',
-  received: '접수',
-  in_progress: '처리중',
-  completed: '완료',
-  closed: '종료'
-};
-
-// 유형 한글명
-const typeNames = {
-  nonconformity: '부적합',
-  safety: '안전'
-};
-
-// 심각도 한글명
-const severityNames = {
-  critical: '심각',
-  high: '높음',
-  medium: '보통',
-  low: '낮음'
-};
-
-// 초기화
-document.addEventListener('DOMContentLoaded', async () => {
-  // URL에서 ID 가져오기
-  const urlParams = new URLSearchParams(window.location.search);
-  reportId = urlParams.get('id');
-
-  if (!reportId) {
-    alert('신고 ID가 없습니다.');
-    goBackToList();
-    return;
-  }
-
-  // 현재 사용자 정보 로드
-  await loadCurrentUser();
-
-  // 상세 데이터 로드
-  await loadReportDetail();
-});
-
-/**
- * 현재 사용자 정보 로드
- */
-async function loadCurrentUser() {
-  try {
-    const response = await fetch(`${API_BASE}/users/me`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (response.ok) {
-      const data = await response.json();
-      currentUser = data.data;
-    }
-  } catch (error) {
-    console.error('사용자 정보 로드 실패:', error);
-  }
-}
-
-/**
- * 신고 상세 로드
- */
-async function loadReportDetail() {
-  try {
-    const response = await fetch(`${API_BASE}/work-issues/${reportId}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (!response.ok) {
-      throw new Error('신고를 찾을 수 없습니다.');
-    }
-
-    const data = await response.json();
-    if (!data.success) {
-      throw new Error(data.error || '데이터 조회 실패');
-    }
-
-    reportData = data.data;
-    renderDetail();
-    await loadStatusLogs();
-
-  } catch (error) {
-    console.error('상세 로드 실패:', error);
-    alert(error.message);
-    goBackToList();
-  }
-}
-
-/**
- * 상세 정보 렌더링
- */
-function renderDetail() {
-  const d = reportData;
-
-  // 헤더
-  document.getElementById('reportId').textContent = `#${d.report_id}`;
-  document.getElementById('reportTitle').textContent = d.issue_item_name || d.issue_category_name || '신고';
-
-  // 상태 배지
-  const statusBadge = document.getElementById('statusBadge');
-  statusBadge.className = `status-badge ${d.status}`;
-  statusBadge.textContent = statusNames[d.status] || d.status;
-
-  // 기본 정보
-  renderBasicInfo(d);
-
-  // 신고 내용
-  renderIssueContent(d);
-
-  // 사진
-  renderPhotos(d);
-
-  // 처리 정보
-  renderProcessInfo(d);
-
-  // 액션 버튼
-  renderActionButtons(d);
-}
-
-/**
- * 기본 정보 렌더링
- */
-function renderBasicInfo(d) {
-  const container = document.getElementById('basicInfo');
-
-  const formatDate = (dateStr) => {
-    if (!dateStr) return '-';
-    const date = new Date(dateStr);
-    return date.toLocaleDateString('ko-KR', {
-      year: 'numeric',
-      month: '2-digit',
-      day: '2-digit',
-      hour: '2-digit',
-      minute: '2-digit'
-    });
-  };
-
-  const validTypes = ['nonconformity', 'safety'];
-  const safeType = validTypes.includes(d.category_type) ? d.category_type : '';
-  const reporterName = escapeHtml(d.reporter_full_name || d.reporter_name || '-');
-  const locationText = escapeHtml(d.custom_location || d.workplace_name || '-');
-  const factoryText = d.factory_name ? ` (${escapeHtml(d.factory_name)})` : '';
-
-  container.innerHTML = `
-    <div class="info-item">
-      <div class="info-label">신고 유형</div>
-      <div class="info-value">
-        <span class="type-badge ${safeType}">${typeNames[d.category_type] || escapeHtml(d.category_type || '-')}</span>
-      </div>
-    </div>
-    <div class="info-item">
-      <div class="info-label">신고일시</div>
-      <div class="info-value">${formatDate(d.report_date)}</div>
-    </div>
-    <div class="info-item">
-      <div class="info-label">신고자</div>
-      <div class="info-value">${reporterName}</div>
-    </div>
-    <div class="info-item">
-      <div class="info-label">위치</div>
-      <div class="info-value">${locationText}${factoryText}</div>
-    </div>
-  `;
-}
-
-/**
- * 신고 내용 렌더링
- */
-function renderIssueContent(d) {
-  const container = document.getElementById('issueContent');
-
-  const validSeverities = ['critical', 'high', 'medium', 'low'];
-  const safeSeverity = validSeverities.includes(d.severity) ? d.severity : '';
-
-  let html = `
-    <div class="info-grid" style="margin-bottom: 1rem;">
-      <div class="info-item">
-        <div class="info-label">카테고리</div>
-        <div class="info-value">${escapeHtml(d.issue_category_name || '-')}</div>
-      </div>
-      <div class="info-item">
-        <div class="info-label">항목</div>
-        <div class="info-value">
-          ${escapeHtml(d.issue_item_name || '-')}
-          ${d.severity ? `<span class="severity-badge ${safeSeverity}">${severityNames[d.severity] || escapeHtml(d.severity)}</span>` : ''}
-        </div>
-      </div>
-    </div>
-  `;
-
-  if (d.additional_description) {
-    html += `
-      <div style="padding: 1rem; background: #f9fafb; border-radius: 0.5rem; white-space: pre-wrap; line-height: 1.6;">
-        ${escapeHtml(d.additional_description)}
-      </div>
-    `;
-  }
-
-  container.innerHTML = html;
-}
-
-/**
- * 사진 렌더링
- */
-function renderPhotos(d) {
-  const section = document.getElementById('photoSection');
-  const gallery = document.getElementById('photoGallery');
-
-  const photos = [d.photo_path1, d.photo_path2, d.photo_path3, d.photo_path4, d.photo_path5].filter(Boolean);
-
-  if (photos.length === 0) {
-    section.style.display = 'none';
-    return;
-  }
-
-  section.style.display = 'block';
-
-  const baseUrl = (API_BASE).replace('/api', '');
-
-  gallery.innerHTML = photos.map(photo => {
-    const fullUrl = photo.startsWith('http') ? photo : `${baseUrl}${photo}`;
-    return `
-      <div class="photo-item" onclick="openPhotoModal('${fullUrl}')">
-        <img src="${fullUrl}" alt="첨부 사진">
-      </div>
-    `;
-  }).join('');
-}
-
-/**
- * 처리 정보 렌더링
- */
-function renderProcessInfo(d) {
-  const section = document.getElementById('processSection');
-  const container = document.getElementById('processInfo');
-
-  // 담당자 배정 또는 처리 정보가 있는 경우만 표시
-  if (!d.assigned_user_id && !d.resolution_notes) {
-    section.style.display = 'none';
-    return;
-  }
-
-  section.style.display = 'block';
-
-  const formatDate = (dateStr) => {
-    if (!dateStr) return '-';
-    const date = new Date(dateStr);
-    return date.toLocaleDateString('ko-KR', {
-      year: 'numeric',
-      month: '2-digit',
-      day: '2-digit',
-      hour: '2-digit',
-      minute: '2-digit'
-    });
-  };
-
-  let html = '<div class="info-grid">';
-
-  if (d.assigned_user_id) {
-    html += `
-      <div class="info-item">
-        <div class="info-label">담당자</div>
-        <div class="info-value">${escapeHtml(d.assigned_full_name || d.assigned_user_name || '-')}</div>
-      </div>
-      <div class="info-item">
-        <div class="info-label">담당 부서</div>
-        <div class="info-value">${escapeHtml(d.assigned_department || '-')}</div>
-      </div>
-    `;
-  }
-
-  if (d.resolved_at) {
-    html += `
-      <div class="info-item">
-        <div class="info-label">처리 완료일</div>
-        <div class="info-value">${formatDate(d.resolved_at)}</div>
-      </div>
-      <div class="info-item">
-        <div class="info-label">처리자</div>
-        <div class="info-value">${escapeHtml(d.resolved_by_name || '-')}</div>
-      </div>
-    `;
-  }
-
-  html += '</div>';
-
-  if (d.resolution_notes) {
-    html += `
-      <div style="margin-top: 1rem; padding: 1rem; background: #ecfdf5; border-radius: 0.5rem; border: 1px solid #a7f3d0;">
-        <div style="font-weight: 600; margin-bottom: 0.5rem; color: #047857;">처리 내용</div>
-        <div style="white-space: pre-wrap; line-height: 1.6;">${escapeHtml(d.resolution_notes)}</div>
-      </div>
-    `;
-  }
-
-  container.innerHTML = html;
-}
-
-/**
- * 액션 버튼 렌더링
- */
-function renderActionButtons(d) {
-  const container = document.getElementById('actionButtons');
-
-  if (!currentUser) {
-    container.innerHTML = '';
-    return;
-  }
-
-  const isAdmin = ['admin', 'system', 'support_team'].includes(currentUser.access_level);
-  const isOwner = d.reporter_id === currentUser.user_id;
-  const isAssignee = d.assigned_user_id === currentUser.user_id;
-
-  let buttons = [];
-
-  // 관리자 권한 버튼
-  if (isAdmin) {
-    if (d.status === 'reported') {
-      buttons.push(`<button class="action-btn primary" onclick="receiveReport()">접수하기</button>`);
-    }
-
-    if (d.status === 'received' || d.status === 'in_progress') {
-      buttons.push(`<button class="action-btn" onclick="openAssignModal()">담당자 배정</button>`);
-    }
-
-    if (d.status === 'received') {
-      buttons.push(`<button class="action-btn primary" onclick="startProcessing()">처리 시작</button>`);
-    }
-
-    if (d.status === 'in_progress') {
-      buttons.push(`<button class="action-btn success" onclick="openCompleteModal()">처리 완료</button>`);
-    }
-
-    if (d.status === 'completed') {
-      buttons.push(`<button class="action-btn" onclick="closeReport()">종료</button>`);
-    }
-  }
-
-  // 담당자 버튼
-  if (isAssignee && !isAdmin) {
-    if (d.status === 'received') {
-      buttons.push(`<button class="action-btn primary" onclick="startProcessing()">처리 시작</button>`);
-    }
-
-    if (d.status === 'in_progress') {
-      buttons.push(`<button class="action-btn success" onclick="openCompleteModal()">처리 완료</button>`);
-    }
-  }
-
-  // 신고자 버튼 (수정/삭제는 reported 상태에서만)
-  if (isOwner && d.status === 'reported') {
-    buttons.push(`<button class="action-btn danger" onclick="deleteReport()">삭제</button>`);
-  }
-
-  container.innerHTML = buttons.join('');
-}
-
-/**
- * 상태 변경 이력 로드
- */
-async function loadStatusLogs() {
-  try {
-    const response = await fetch(`${API_BASE}/work-issues/${reportId}/status-logs`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (!response.ok) return;
-
-    const data = await response.json();
-    if (data.success && data.data) {
-      renderStatusTimeline(data.data);
-    }
-  } catch (error) {
-    console.error('상태 이력 로드 실패:', error);
-  }
-}
-
-/**
- * 상태 타임라인 렌더링
- */
-function renderStatusTimeline(logs) {
-  const container = document.getElementById('statusTimeline');
-
-  if (!logs || logs.length === 0) {
-    container.innerHTML = '<p style="color: #6b7280;">상태 변경 이력이 없습니다.</p>';
-    return;
-  }
-
-  const formatDate = (dateStr) => {
-    const date = new Date(dateStr);
-    return date.toLocaleDateString('ko-KR', {
-      year: 'numeric',
-      month: '2-digit',
-      day: '2-digit',
-      hour: '2-digit',
-      minute: '2-digit'
-    });
-  };
-
-  container.innerHTML = logs.map(log => `
-    <div class="timeline-item">
-      <div class="timeline-status">
-        ${log.previous_status ? `${statusNames[log.previous_status] || escapeHtml(log.previous_status)} → ` : ''}${statusNames[log.new_status] || escapeHtml(log.new_status)}
-      </div>
-      <div class="timeline-meta">
-        ${escapeHtml(log.changed_by_full_name || log.changed_by_name || '-')} | ${formatDate(log.changed_at)}
-        ${log.change_reason ? `<br><small>${escapeHtml(log.change_reason)}</small>` : ''}
-      </div>
-    </div>
-  `).join('');
-}
-
-// ==================== 액션 함수 ====================
-
-/**
- * 신고 접수
- */
-async function receiveReport() {
-  if (!confirm('이 신고를 접수하시겠습니까?')) return;
-
-  try {
-    const response = await fetch(`${API_BASE}/work-issues/${reportId}/receive`, {
-      method: 'POST',
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    const data = await response.json();
-
-    if (data.success) {
-      alert('신고가 접수되었습니다.');
-      location.reload();
-    } else {
-      throw new Error(data.error || '접수 실패');
-    }
-  } catch (error) {
-    alert('접수 실패: ' + error.message);
-  }
-}
-
-/**
- * 처리 시작
- */
-async function startProcessing() {
-  if (!confirm('처리를 시작하시겠습니까?')) return;
-
-  try {
-    const response = await fetch(`${API_BASE}/work-issues/${reportId}/start`, {
-      method: 'POST',
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    const data = await response.json();
-
-    if (data.success) {
-      alert('처리가 시작되었습니다.');
-      location.reload();
-    } else {
-      throw new Error(data.error || '처리 시작 실패');
-    }
-  } catch (error) {
-    alert('처리 시작 실패: ' + error.message);
-  }
-}
-
-/**
- * 신고 종료
- */
-async function closeReport() {
-  if (!confirm('이 신고를 종료하시겠습니까?')) return;
-
-  try {
-    const response = await fetch(`${API_BASE}/work-issues/${reportId}/close`, {
-      method: 'POST',
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    const data = await response.json();
-
-    if (data.success) {
-      alert('신고가 종료되었습니다.');
-      location.reload();
-    } else {
-      throw new Error(data.error || '종료 실패');
-    }
-  } catch (error) {
-    alert('종료 실패: ' + error.message);
-  }
-}
-
-/**
- * 신고 삭제
- */
-async function deleteReport() {
-  if (!confirm('정말 이 신고를 삭제하시겠습니까? 이 작업은 되돌릴 수 없습니다.')) return;
-
-  try {
-    const response = await fetch(`${API_BASE}/work-issues/${reportId}`, {
-      method: 'DELETE',
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    const data = await response.json();
-
-    if (data.success) {
-      alert('신고가 삭제되었습니다.');
-      goBackToList();
-    } else {
-      throw new Error(data.error || '삭제 실패');
-    }
-  } catch (error) {
-    alert('삭제 실패: ' + error.message);
-  }
-}
-
-// ==================== 담당자 배정 모달 ====================
-
-async function openAssignModal() {
-  // 사용자 목록 로드
-  try {
-    const response = await fetch(`${API_BASE}/users`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (response.ok) {
-      const data = await response.json();
-      const select = document.getElementById('assignUser');
-      select.innerHTML = '<option value="">담당자 선택</option>';
-
-      if (data.success && data.data) {
-        data.data.forEach(user => {
-          const safeUserId = parseInt(user.user_id) || 0;
-          select.innerHTML += `<option value="${safeUserId}">${escapeHtml(user.name || '-')} (${escapeHtml(user.username || '-')})</option>`;
-        });
-      }
-    }
-  } catch (error) {
-    console.error('사용자 목록 로드 실패:', error);
-  }
-
-  document.getElementById('assignModal').classList.add('visible');
-}
-
-function closeAssignModal() {
-  document.getElementById('assignModal').classList.remove('visible');
-}
-
-async function submitAssign() {
-  const department = document.getElementById('assignDepartment').value;
-  const userId = document.getElementById('assignUser').value;
-
-  if (!userId) {
-    alert('담당자를 선택해주세요.');
-    return;
-  }
-
-  try {
-    const response = await fetch(`${API_BASE}/work-issues/${reportId}/assign`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'Authorization': `Bearer ${localStorage.getItem('token')}`
-      },
-      body: JSON.stringify({
-        assigned_department: department,
-        assigned_user_id: parseInt(userId)
-      })
-    });
-
-    const data = await response.json();
-
-    if (data.success) {
-      alert('담당자가 배정되었습니다.');
-      closeAssignModal();
-      location.reload();
-    } else {
-      throw new Error(data.error || '배정 실패');
-    }
-  } catch (error) {
-    alert('담당자 배정 실패: ' + error.message);
-  }
-}
-
-// ==================== 처리 완료 모달 ====================
-
-function openCompleteModal() {
-  document.getElementById('completeModal').classList.add('visible');
-}
-
-function closeCompleteModal() {
-  document.getElementById('completeModal').classList.remove('visible');
-}
-
-async function submitComplete() {
-  const notes = document.getElementById('resolutionNotes').value;
-
-  if (!notes.trim()) {
-    alert('처리 내용을 입력해주세요.');
-    return;
-  }
-
-  try {
-    const response = await fetch(`${API_BASE}/work-issues/${reportId}/complete`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'Authorization': `Bearer ${localStorage.getItem('token')}`
-      },
-      body: JSON.stringify({
-        resolution_notes: notes
-      })
-    });
-
-    const data = await response.json();
-
-    if (data.success) {
-      alert('처리가 완료되었습니다.');
-      closeCompleteModal();
-      location.reload();
-    } else {
-      throw new Error(data.error || '완료 처리 실패');
-    }
-  } catch (error) {
-    alert('처리 완료 실패: ' + error.message);
-  }
-}
-
-// ==================== 사진 모달 ====================
-
-function openPhotoModal(src) {
-  document.getElementById('photoModalImg').src = src;
-  document.getElementById('photoModal').classList.add('visible');
-}
-
-function closePhotoModal() {
-  document.getElementById('photoModal').classList.remove('visible');
-}
-
-// ==================== 유틸리티 ====================
-
-function escapeHtml(text) {
-  const div = document.createElement('div');
-  div.textContent = text;
-  return div.innerHTML;
-}
-
-/**
- * 목록으로 돌아가기
- */
-function goBackToList() {
-  const urlParams = new URLSearchParams(window.location.search);
-  const from = urlParams.get('from');
-
-  if (from === 'nonconformity') {
-    window.location.href = '/pages/work/nonconformity.html';
-  } else if (from === 'safety') {
-    window.location.href = '/pages/safety/report-status.html';
-  } else {
-    if (window.history.length > 1) {
-      window.history.back();
-    } else {
-      window.location.href = '/pages/safety/report-status.html';
-    }
-  }
-}
-
-// 전역 함수 노출
-window.goBackToList = goBackToList;
-window.receiveReport = receiveReport;
-window.startProcessing = startProcessing;
-window.closeReport = closeReport;
-window.deleteReport = deleteReport;
-window.openAssignModal = openAssignModal;
-window.closeAssignModal = closeAssignModal;
-window.submitAssign = submitAssign;
-window.openCompleteModal = openCompleteModal;
-window.closeCompleteModal = closeCompleteModal;
-window.submitComplete = submitComplete;
-window.openPhotoModal = openPhotoModal;
-window.closePhotoModal = closePhotoModal;
--- a/system1-factory/web/js/issue-report.js
+++ b/system1-factory/web/js/issue-report.js
@@ -1,926 +0,0 @@
-/**
- * 신고 등록 페이지 JavaScript
- * URL 파라미터 ?type=nonconformity 또는 ?type=safety로 유형 사전 선택 지원
- */
-
-// API 설정
-const API_BASE = window.API_BASE_URL || 'http://localhost:20005/api';
-
-// 상태 변수
-let selectedFactoryId = null;
-let selectedWorkplaceId = null;
-let selectedWorkplaceName = null;
-let selectedType = null; // 'nonconformity' | 'safety'
-let selectedCategoryId = null;
-let selectedCategoryName = null;
-let selectedItemId = null;
-let selectedTbmSessionId = null;
-let selectedVisitRequestId = null;
-let photos = [null, null, null, null, null];
-let customItemName = null; // 직접 입력한 항목명
-
-// 지도 관련 변수
-let canvas, ctx, canvasImage;
-let mapRegions = [];
-let todayWorkers = [];
-let todayVisitors = [];
-
-// DOM 요소
-let factorySelect, issueMapCanvas;
-let photoInput, currentPhotoIndex;
-
-// 초기화
-document.addEventListener('DOMContentLoaded', async () => {
-  factorySelect = document.getElementById('factorySelect');
-  issueMapCanvas = document.getElementById('issueMapCanvas');
-  photoInput = document.getElementById('photoInput');
-
-  canvas = issueMapCanvas;
-  ctx = canvas.getContext('2d');
-
-  // 이벤트 리스너 설정
-  setupEventListeners();
-
-  // 공장 목록 로드
-  await loadFactories();
-
-  // URL 파라미터에서 유형 확인 및 자동 선택
-  const urlParams = new URLSearchParams(window.location.search);
-  const preselectedType = urlParams.get('type');
-  if (preselectedType === 'nonconformity' || preselectedType === 'safety') {
-    onTypeSelect(preselectedType);
-  }
-});
-
-/**
- * 이벤트 리스너 설정
- */
-function setupEventListeners() {
-  // 공장 선택
-  factorySelect.addEventListener('change', onFactoryChange);
-
-  // 지도 클릭
-  canvas.addEventListener('click', onMapClick);
-
-  // 기타 위치 토글
-  document.getElementById('useCustomLocation').addEventListener('change', (e) => {
-    const customInput = document.getElementById('customLocationInput');
-    customInput.classList.toggle('visible', e.target.checked);
-
-    if (e.target.checked) {
-      // 지도 선택 초기화
-      selectedWorkplaceId = null;
-      selectedWorkplaceName = null;
-      selectedTbmSessionId = null;
-      selectedVisitRequestId = null;
-      updateLocationInfo();
-    }
-  });
-
-  // 유형 버튼 클릭
-  document.querySelectorAll('.type-btn').forEach(btn => {
-    btn.addEventListener('click', () => onTypeSelect(btn.dataset.type));
-  });
-
-  // 사진 슬롯 클릭
-  document.querySelectorAll('.photo-slot').forEach(slot => {
-    slot.addEventListener('click', (e) => {
-      if (e.target.classList.contains('remove-btn')) return;
-      currentPhotoIndex = parseInt(slot.dataset.index);
-      photoInput.click();
-    });
-  });
-
-  // 사진 삭제 버튼
-  document.querySelectorAll('.photo-slot .remove-btn').forEach(btn => {
-    btn.addEventListener('click', (e) => {
-      e.stopPropagation();
-      const slot = btn.closest('.photo-slot');
-      const index = parseInt(slot.dataset.index);
-      removePhoto(index);
-    });
-  });
-
-  // 사진 선택
-  photoInput.addEventListener('change', onPhotoSelect);
-}
-
-/**
- * 공장 목록 로드
- */
-async function loadFactories() {
-  try {
-    const response = await fetch(`${API_BASE}/workplaces/categories/active/list`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (!response.ok) throw new Error('공장 목록 조회 실패');
-
-    const data = await response.json();
-    if (data.success && data.data) {
-      data.data.forEach(factory => {
-        const option = document.createElement('option');
-        option.value = factory.category_id;
-        option.textContent = factory.category_name;
-        factorySelect.appendChild(option);
-      });
-
-      // 첫 번째 공장 자동 선택
-      if (data.data.length > 0) {
-        factorySelect.value = data.data[0].category_id;
-        onFactoryChange();
-      }
-    }
-  } catch (error) {
-    console.error('공장 목록 로드 실패:', error);
-  }
-}
-
-/**
- * 공장 변경 시
- */
-async function onFactoryChange() {
-  selectedFactoryId = factorySelect.value;
-  if (!selectedFactoryId) return;
-
-  // 위치 선택 초기화
-  selectedWorkplaceId = null;
-  selectedWorkplaceName = null;
-  selectedTbmSessionId = null;
-  selectedVisitRequestId = null;
-  updateLocationInfo();
-
-  // 지도 데이터 로드
-  await Promise.all([
-    loadMapImage(),
-    loadMapRegions(),
-    loadTodayData()
-  ]);
-
-  renderMap();
-}
-
-/**
- * 배치도 이미지 로드
- */
-async function loadMapImage() {
-  try {
-    const response = await fetch(`${API_BASE}/workplaces/categories`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (!response.ok) return;
-
-    const data = await response.json();
-    if (data.success && data.data) {
-      const selectedCategory = data.data.find(c => c.category_id == selectedFactoryId);
-      if (selectedCategory && selectedCategory.layout_image) {
-        const baseUrl = (window.API_BASE_URL || 'http://localhost:20005').replace('/api', '');
-        const fullImageUrl = selectedCategory.layout_image.startsWith('http')
-          ? selectedCategory.layout_image
-          : `${baseUrl}${selectedCategory.layout_image}`;
-
-        canvasImage = new Image();
-        canvasImage.onload = () => renderMap();
-        canvasImage.src = fullImageUrl;
-      }
-    }
-  } catch (error) {
-    console.error('배치도 이미지 로드 실패:', error);
-  }
-}
-
-/**
- * 지도 영역 로드
- */
-async function loadMapRegions() {
-  try {
-    const response = await fetch(`${API_BASE}/workplaces/categories/${selectedFactoryId}/map-regions`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (!response.ok) return;
-
-    const data = await response.json();
-    if (data.success) {
-      mapRegions = data.data || [];
-    }
-  } catch (error) {
-    console.error('지도 영역 로드 실패:', error);
-  }
-}
-
-/**
- * 오늘 TBM/출입신청 데이터 로드
- */
-async function loadTodayData() {
-  // 로컬 시간대 기준으로 오늘 날짜 구하기 (UTC가 아닌 한국 시간 기준)
-  const now = new Date();
-  const year = now.getFullYear();
-  const month = String(now.getMonth() + 1).padStart(2, '0');
-  const day = String(now.getDate()).padStart(2, '0');
-  const today = `${year}-${month}-${day}`;
-
-  console.log('[신고페이지] 조회 날짜 (로컬):', today);
-
-  try {
-    // TBM 세션 로드
-    const tbmResponse = await fetch(`${API_BASE}/tbm/sessions/date/${today}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (tbmResponse.ok) {
-      const tbmData = await tbmResponse.json();
-      const sessions = tbmData.data || [];
-
-      // TBM 세션 데이터를 가공하여 member_count 계산
-      todayWorkers = sessions.map(session => {
-        const memberCount = session.team_member_count || 0;
-        const leaderCount = session.leader_id ? 1 : 0;
-        return {
-          ...session,
-          member_count: memberCount + leaderCount
-        };
-      });
-
-      console.log('[신고페이지] 로드된 TBM 작업:', todayWorkers.length, '건');
-    }
-
-    // 출입 신청 로드
-    const visitResponse = await fetch(`${API_BASE}/workplace-visits/requests`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (visitResponse.ok) {
-      const visitData = await visitResponse.json();
-      todayVisitors = (visitData.data || []).filter(v => {
-        // 로컬 날짜로 비교
-        const visitDateObj = new Date(v.visit_date);
-        const visitYear = visitDateObj.getFullYear();
-        const visitMonth = String(visitDateObj.getMonth() + 1).padStart(2, '0');
-        const visitDay = String(visitDateObj.getDate()).padStart(2, '0');
-        const visitDate = `${visitYear}-${visitMonth}-${visitDay}`;
-
-        return visitDate === today &&
-          (v.status === 'approved' || v.status === 'training_completed');
-      });
-
-      console.log('[신고페이지] 로드된 방문자:', todayVisitors.length, '건');
-    }
-  } catch (error) {
-    console.error('오늘 데이터 로드 실패:', error);
-  }
-}
-
-/**
- * 둥근 모서리 사각형 그리기 (Canvas roundRect 폴리필)
- */
-function drawRoundRect(ctx, x, y, width, height, radius) {
-  ctx.beginPath();
-  ctx.moveTo(x + radius, y);
-  ctx.lineTo(x + width - radius, y);
-  ctx.quadraticCurveTo(x + width, y, x + width, y + radius);
-  ctx.lineTo(x + width, y + height - radius);
-  ctx.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
-  ctx.lineTo(x + radius, y + height);
-  ctx.quadraticCurveTo(x, y + height, x, y + height - radius);
-  ctx.lineTo(x, y + radius);
-  ctx.quadraticCurveTo(x, y, x + radius, y);
-  ctx.closePath();
-}
-
-/**
- * 지도 렌더링
- */
-function renderMap() {
-  if (!canvas || !ctx) return;
-
-  // 컨테이너 너비 가져오기
-  const container = canvas.parentElement;
-  const containerWidth = container.clientWidth - 2; // border 고려
-  const maxWidth = Math.min(containerWidth, 800);
-
-  // 이미지가 로드된 경우 이미지 비율에 맞춰 캔버스 크기 설정
-  if (canvasImage && canvasImage.complete && canvasImage.naturalWidth > 0) {
-    const imgWidth = canvasImage.naturalWidth;
-    const imgHeight = canvasImage.naturalHeight;
-
-    // 스케일 계산 (maxWidth에 맞춤)
-    const scale = imgWidth > maxWidth ? maxWidth / imgWidth : 1;
-
-    canvas.width = imgWidth * scale;
-    canvas.height = imgHeight * scale;
-
-    // 이미지 그리기
-    ctx.drawImage(canvasImage, 0, 0, canvas.width, canvas.height);
-  } else {
-    // 이미지가 없는 경우 기본 크기
-    canvas.width = maxWidth;
-    canvas.height = 400;
-
-    // 배경 그리기
-    ctx.fillStyle = '#f3f4f6';
-    ctx.fillRect(0, 0, canvas.width, canvas.height);
-
-    // 이미지 없음 안내
-    ctx.fillStyle = '#9ca3af';
-    ctx.font = '14px sans-serif';
-    ctx.textAlign = 'center';
-    ctx.fillText('배치도 이미지가 없습니다', canvas.width / 2, canvas.height / 2);
-  }
-
-  // 작업장 영역 그리기 (퍼센트 좌표 사용)
-  mapRegions.forEach(region => {
-    const workers = todayWorkers.filter(w => w.workplace_id === region.workplace_id);
-    const visitors = todayVisitors.filter(v => v.workplace_id === region.workplace_id);
-
-    const workerCount = workers.reduce((sum, w) => sum + (w.member_count || 0), 0);
-    const visitorCount = visitors.reduce((sum, v) => sum + (v.visitor_count || 0), 0);
-
-    drawWorkplaceRegion(region, workerCount, visitorCount);
-  });
-}
-
-/**
- * 작업장 영역 그리기
- */
-function drawWorkplaceRegion(region, workerCount, visitorCount) {
-  const x1 = (region.x_start / 100) * canvas.width;
-  const y1 = (region.y_start / 100) * canvas.height;
-  const x2 = (region.x_end / 100) * canvas.width;
-  const y2 = (region.y_end / 100) * canvas.height;
-  const width = x2 - x1;
-  const height = y2 - y1;
-
-  // 선택된 작업장 하이라이트
-  const isSelected = region.workplace_id === selectedWorkplaceId;
-
-  // 색상 결정 (더 진하게 조정)
-  let fillColor, strokeColor, textColor;
-  if (isSelected) {
-    fillColor = 'rgba(34, 197, 94, 0.5)'; // 초록색 (선택됨)
-    strokeColor = 'rgb(22, 163, 74)';
-    textColor = '#15803d';
-  } else if (workerCount > 0 && visitorCount > 0) {
-    fillColor = 'rgba(34, 197, 94, 0.4)'; // 초록색 (작업+방문)
-    strokeColor = 'rgb(22, 163, 74)';
-    textColor = '#166534';
-  } else if (workerCount > 0) {
-    fillColor = 'rgba(59, 130, 246, 0.4)'; // 파란색 (작업만)
-    strokeColor = 'rgb(37, 99, 235)';
-    textColor = '#1e40af';
-  } else if (visitorCount > 0) {
-    fillColor = 'rgba(168, 85, 247, 0.4)'; // 보라색 (방문만)
-    strokeColor = 'rgb(147, 51, 234)';
-    textColor = '#7c3aed';
-  } else {
-    fillColor = 'rgba(107, 114, 128, 0.35)'; // 회색 (없음) - 더 진하게
-    strokeColor = 'rgb(75, 85, 99)';
-    textColor = '#374151';
-  }
-
-  ctx.fillStyle = fillColor;
-  ctx.strokeStyle = strokeColor;
-  ctx.lineWidth = isSelected ? 4 : 2.5;
-
-  ctx.beginPath();
-  ctx.rect(x1, y1, width, height);
-  ctx.fill();
-  ctx.stroke();
-
-  // 작업장명 표시 (배경 추가로 가독성 향상)
-  const centerX = x1 + width / 2;
-  const centerY = y1 + height / 2;
-
-  // 텍스트 배경
-  ctx.font = 'bold 13px sans-serif';
-  const textMetrics = ctx.measureText(region.workplace_name);
-  const textWidth = textMetrics.width + 12;
-  const textHeight = 20;
-
-  ctx.fillStyle = 'rgba(255, 255, 255, 0.9)';
-  drawRoundRect(ctx, centerX - textWidth / 2, centerY - textHeight / 2, textWidth, textHeight, 4);
-  ctx.fill();
-
-  // 텍스트
-  ctx.fillStyle = textColor;
-  ctx.textAlign = 'center';
-  ctx.textBaseline = 'middle';
-  ctx.fillText(region.workplace_name, centerX, centerY);
-
-  // 인원수 표시
-  const total = workerCount + visitorCount;
-  if (total > 0) {
-    // 인원수 배경
-    ctx.font = 'bold 12px sans-serif';
-    const countText = `${total}명`;
-    const countMetrics = ctx.measureText(countText);
-    const countWidth = countMetrics.width + 10;
-    const countHeight = 18;
-
-    ctx.fillStyle = strokeColor;
-    drawRoundRect(ctx, centerX - countWidth / 2, centerY + 12, countWidth, countHeight, 4);
-    ctx.fill();
-
-    ctx.fillStyle = '#ffffff';
-    ctx.fillText(countText, centerX, centerY + 21);
-  }
-}
-
-/**
- * 지도 클릭 처리
- */
-function onMapClick(e) {
-  const rect = canvas.getBoundingClientRect();
-  const x = e.clientX - rect.left;
-  const y = e.clientY - rect.top;
-
-  // 클릭된 영역 찾기
-  for (const region of mapRegions) {
-    const x1 = (region.x_start / 100) * canvas.width;
-    const y1 = (region.y_start / 100) * canvas.height;
-    const x2 = (region.x_end / 100) * canvas.width;
-    const y2 = (region.y_end / 100) * canvas.height;
-
-    if (x >= x1 && x <= x2 && y >= y1 && y <= y2) {
-      selectWorkplace(region);
-      return;
-    }
-  }
-}
-
-/**
- * 작업장 선택
- */
-function selectWorkplace(region) {
-  // 기타 위치 체크박스 해제
-  document.getElementById('useCustomLocation').checked = false;
-  document.getElementById('customLocationInput').classList.remove('visible');
-
-  selectedWorkplaceId = region.workplace_id;
-  selectedWorkplaceName = region.workplace_name;
-
-  // 해당 작업장의 TBM/출입신청 확인
-  const workers = todayWorkers.filter(w => w.workplace_id === region.workplace_id);
-  const visitors = todayVisitors.filter(v => v.workplace_id === region.workplace_id);
-
-  if (workers.length > 0 || visitors.length > 0) {
-    // 작업 선택 모달 표시
-    showWorkSelectionModal(workers, visitors);
-  } else {
-    selectedTbmSessionId = null;
-    selectedVisitRequestId = null;
-  }
-
-  updateLocationInfo();
-  renderMap();
-  updateStepStatus();
-}
-
-/**
- * 작업 선택 모달 표시
- */
-function showWorkSelectionModal(workers, visitors) {
-  const modal = document.getElementById('workSelectionModal');
-  const optionsList = document.getElementById('workOptionsList');
-
-  optionsList.innerHTML = '';
-
-  // TBM 작업 옵션
-  workers.forEach(w => {
-    const option = document.createElement('div');
-    option.className = 'work-option';
-    const safeTaskName = escapeHtml(w.task_name || '작업');
-    const safeProjectName = escapeHtml(w.project_name || '');
-    const memberCount = parseInt(w.member_count) || 0;
-    option.innerHTML = `
-      <div class="work-option-title">TBM: ${safeTaskName}</div>
-      <div class="work-option-desc">${safeProjectName} - ${memberCount}명</div>
-    `;
-    option.onclick = () => {
-      selectedTbmSessionId = w.session_id;
-      selectedVisitRequestId = null;
-      closeWorkModal();
-      updateLocationInfo();
-    };
-    optionsList.appendChild(option);
-  });
-
-  // 출입신청 옵션
-  visitors.forEach(v => {
-    const option = document.createElement('div');
-    option.className = 'work-option';
-    const safeCompany = escapeHtml(v.visitor_company || '-');
-    const safePurpose = escapeHtml(v.purpose_name || '방문');
-    const visitorCount = parseInt(v.visitor_count) || 0;
-    option.innerHTML = `
-      <div class="work-option-title">출입: ${safeCompany}</div>
-      <div class="work-option-desc">${safePurpose} - ${visitorCount}명</div>
-    `;
-    option.onclick = () => {
-      selectedVisitRequestId = v.request_id;
-      selectedTbmSessionId = null;
-      closeWorkModal();
-      updateLocationInfo();
-    };
-    optionsList.appendChild(option);
-  });
-
-  modal.classList.add('visible');
-}
-
-/**
- * 작업 선택 모달 닫기
- */
-function closeWorkModal() {
-  document.getElementById('workSelectionModal').classList.remove('visible');
-}
-
-/**
- * 선택된 위치 정보 업데이트
- */
-function updateLocationInfo() {
-  const infoBox = document.getElementById('selectedLocationInfo');
-  const customLocation = document.getElementById('customLocation').value;
-  const useCustom = document.getElementById('useCustomLocation').checked;
-
-  if (useCustom && customLocation) {
-    infoBox.classList.remove('empty');
-    infoBox.innerHTML = `<strong>선택된 위치:</strong> ${escapeHtml(customLocation)}`;
-  } else if (selectedWorkplaceName) {
-    infoBox.classList.remove('empty');
-    let html = `<strong>선택된 위치:</strong> ${escapeHtml(selectedWorkplaceName)}`;
-
-    if (selectedTbmSessionId) {
-      const worker = todayWorkers.find(w => w.session_id === selectedTbmSessionId);
-      if (worker) {
-        html += `<br><span style="color: var(--primary-600);">연결 작업: ${escapeHtml(worker.task_name || '-')} (TBM)</span>`;
-      }
-    } else if (selectedVisitRequestId) {
-      const visitor = todayVisitors.find(v => v.request_id === selectedVisitRequestId);
-      if (visitor) {
-        html += `<br><span style="color: var(--primary-600);">연결 작업: ${escapeHtml(visitor.visitor_company || '-')} (출입)</span>`;
-      }
-    }
-
-    infoBox.innerHTML = html;
-  } else {
-    infoBox.classList.add('empty');
-    infoBox.textContent = '지도에서 작업장을 클릭하여 위치를 선택하세요';
-  }
-}
-
-/**
- * 유형 선택
- */
-function onTypeSelect(type) {
-  selectedType = type;
-  selectedCategoryId = null;
-  selectedCategoryName = null;
-  selectedItemId = null;
-
-  // 버튼 상태 업데이트
-  document.querySelectorAll('.type-btn').forEach(btn => {
-    btn.classList.toggle('selected', btn.dataset.type === type);
-  });
-
-  // 카테고리 로드
-  loadCategories(type);
-  updateStepStatus();
-}
-
-/**
- * 카테고리 로드
- */
-async function loadCategories(type) {
-  try {
-    const response = await fetch(`${API_BASE}/work-issues/categories/type/${type}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (!response.ok) throw new Error('카테고리 조회 실패');
-
-    const data = await response.json();
-    if (data.success && data.data) {
-      renderCategories(data.data);
-    }
-  } catch (error) {
-    console.error('카테고리 로드 실패:', error);
-  }
-}
-
-/**
- * 카테고리 렌더링
- */
-function renderCategories(categories) {
-  const container = document.getElementById('categoryContainer');
-  const grid = document.getElementById('categoryGrid');
-
-  grid.innerHTML = '';
-
-  categories.forEach(cat => {
-    const btn = document.createElement('button');
-    btn.type = 'button';
-    btn.className = 'category-btn';
-    btn.textContent = cat.category_name;
-    btn.onclick = () => onCategorySelect(cat);
-    grid.appendChild(btn);
-  });
-
-  container.style.display = 'block';
-}
-
-/**
- * 카테고리 선택
- */
-function onCategorySelect(category) {
-  selectedCategoryId = category.category_id;
-  selectedCategoryName = category.category_name;
-  selectedItemId = null;
-
-  // 버튼 상태 업데이트
-  document.querySelectorAll('.category-btn').forEach(btn => {
-    btn.classList.toggle('selected', btn.textContent === category.category_name);
-  });
-
-  // 항목 로드
-  loadItems(category.category_id);
-  updateStepStatus();
-}
-
-/**
- * 항목 로드
- */
-async function loadItems(categoryId) {
-  try {
-    const response = await fetch(`${API_BASE}/work-issues/items/category/${categoryId}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (!response.ok) throw new Error('항목 조회 실패');
-
-    const data = await response.json();
-    if (data.success && data.data) {
-      renderItems(data.data);
-    }
-  } catch (error) {
-    console.error('항목 로드 실패:', error);
-  }
-}
-
-/**
- * 항목 렌더링
- */
-function renderItems(items) {
-  const grid = document.getElementById('itemGrid');
-  grid.innerHTML = '';
-
-  // 기존 항목들 렌더링
-  items.forEach(item => {
-    const btn = document.createElement('button');
-    btn.type = 'button';
-    btn.className = 'item-btn';
-    btn.textContent = item.item_name;
-    btn.dataset.severity = item.severity;
-    btn.onclick = () => onItemSelect(item, btn);
-    grid.appendChild(btn);
-  });
-
-  // 직접 입력 버튼 추가
-  const customBtn = document.createElement('button');
-  customBtn.type = 'button';
-  customBtn.className = 'item-btn custom-input-btn';
-  customBtn.textContent = '+ 직접 입력';
-  customBtn.onclick = () => showCustomItemInput();
-  grid.appendChild(customBtn);
-
-  // 직접 입력 영역 숨기기
-  document.getElementById('customItemInput').style.display = 'none';
-  document.getElementById('customItemName').value = '';
-  customItemName = null;
-}
-
-/**
- * 항목 선택
- */
-function onItemSelect(item, btn) {
-  // 단일 선택 (기존 선택 해제)
-  document.querySelectorAll('.item-btn').forEach(b => b.classList.remove('selected'));
-  btn.classList.add('selected');
-
-  selectedItemId = item.item_id;
-  customItemName = null; // 기존 항목 선택 시 직접 입력 초기화
-  document.getElementById('customItemInput').style.display = 'none';
-  updateStepStatus();
-}
-
-/**
- * 직접 입력 영역 표시
- */
-function showCustomItemInput() {
-  // 기존 선택 해제
-  document.querySelectorAll('.item-btn').forEach(b => b.classList.remove('selected'));
-  document.querySelector('.custom-input-btn').classList.add('selected');
-
-  selectedItemId = null;
-
-  // 입력 영역 표시
-  document.getElementById('customItemInput').style.display = 'flex';
-  document.getElementById('customItemName').focus();
-}
-
-/**
- * 직접 입력 확인
- */
-function confirmCustomItem() {
-  const input = document.getElementById('customItemName');
-  const value = input.value.trim();
-
-  if (!value) {
-    alert('항목명을 입력해주세요.');
-    input.focus();
-    return;
-  }
-
-  customItemName = value;
-  selectedItemId = null; // 커스텀 항목이므로 ID는 null
-
-  // 입력 완료 표시
-  const customBtn = document.querySelector('.custom-input-btn');
-  customBtn.textContent = `✓ ${value}`;
-  customBtn.classList.add('selected');
-
-  updateStepStatus();
-}
-
-/**
- * 직접 입력 취소
- */
-function cancelCustomItem() {
-  document.getElementById('customItemInput').style.display = 'none';
-  document.getElementById('customItemName').value = '';
-  customItemName = null;
-
-  // 직접 입력 버튼 원상복구
-  const customBtn = document.querySelector('.custom-input-btn');
-  customBtn.textContent = '+ 직접 입력';
-  customBtn.classList.remove('selected');
-
-  updateStepStatus();
-}
-
-/**
- * 사진 선택
- */
-function onPhotoSelect(e) {
-  const file = e.target.files[0];
-  if (!file) return;
-
-  const reader = new FileReader();
-  reader.onload = (event) => {
-    photos[currentPhotoIndex] = event.target.result;
-    updatePhotoSlot(currentPhotoIndex);
-    updateStepStatus(); // 제출 버튼 상태 업데이트
-  };
-  reader.readAsDataURL(file);
-
-  // 입력 초기화
-  e.target.value = '';
-}
-
-/**
- * 사진 슬롯 업데이트
- */
-function updatePhotoSlot(index) {
-  const slot = document.querySelector(`.photo-slot[data-index="${index}"]`);
-
-  if (photos[index]) {
-    slot.classList.add('has-photo');
-    let img = slot.querySelector('img');
-    if (!img) {
-      img = document.createElement('img');
-      slot.insertBefore(img, slot.firstChild);
-    }
-    img.src = photos[index];
-  } else {
-    slot.classList.remove('has-photo');
-    const img = slot.querySelector('img');
-    if (img) img.remove();
-  }
-}
-
-/**
- * 사진 삭제
- */
-function removePhoto(index) {
-  photos[index] = null;
-  updatePhotoSlot(index);
-  updateStepStatus(); // 제출 버튼 상태 업데이트
-}
-
-/**
- * 단계 상태 업데이트
- */
-function updateStepStatus() {
-  const steps = document.querySelectorAll('.step');
-  const customLocation = document.getElementById('customLocation').value;
-  const useCustom = document.getElementById('useCustomLocation').checked;
-
-  // Step 1: 위치
-  const step1Complete = (useCustom && customLocation) || selectedWorkplaceId;
-  steps[0].classList.toggle('completed', step1Complete);
-  steps[1].classList.toggle('active', step1Complete);
-
-  // Step 2: 유형
-  const step2Complete = selectedType && selectedCategoryId;
-  steps[1].classList.toggle('completed', step2Complete);
-  steps[2].classList.toggle('active', step2Complete);
-
-  // Step 3: 항목 (기존 항목 선택 또는 직접 입력)
-  const step3Complete = selectedItemId || customItemName;
-  steps[2].classList.toggle('completed', step3Complete);
-  steps[3].classList.toggle('active', step3Complete);
-
-  // 제출 버튼 활성화
-  const submitBtn = document.getElementById('submitBtn');
-  const hasPhoto = photos.some(p => p !== null);
-  submitBtn.disabled = !(step1Complete && step2Complete && step3Complete && hasPhoto);
-}
-
-/**
- * 신고 제출
- */
-async function submitReport() {
-  const submitBtn = document.getElementById('submitBtn');
-  submitBtn.disabled = true;
-  submitBtn.textContent = '제출 중...';
-
-  try {
-    const useCustom = document.getElementById('useCustomLocation').checked;
-    const customLocation = document.getElementById('customLocation').value;
-    const additionalDescription = document.getElementById('additionalDescription').value;
-
-    const requestBody = {
-      factory_category_id: useCustom ? null : selectedFactoryId,
-      workplace_id: useCustom ? null : selectedWorkplaceId,
-      custom_location: useCustom ? customLocation : null,
-      tbm_session_id: selectedTbmSessionId,
-      visit_request_id: selectedVisitRequestId,
-      issue_category_id: selectedCategoryId,
-      issue_item_id: selectedItemId,
-      custom_item_name: customItemName, // 직접 입력한 항목명
-      additional_description: additionalDescription || null,
-      photos: photos.filter(p => p !== null)
-    };
-
-    const response = await fetch(`${API_BASE}/work-issues`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'Authorization': `Bearer ${localStorage.getItem('token')}`
-      },
-      body: JSON.stringify(requestBody)
-    });
-
-    const data = await response.json();
-
-    if (data.success) {
-      alert('신고가 등록되었습니다.');
-      // 유형에 따라 다른 페이지로 리다이렉트
-      if (selectedType === 'nonconformity') {
-        window.location.href = '/pages/work/nonconformity.html';
-      } else if (selectedType === 'safety') {
-        window.location.href = '/pages/safety/report-status.html';
-      } else {
-        // 기본: 뒤로가기
-        history.back();
-      }
-    } else {
-      throw new Error(data.error || '신고 등록 실패');
-    }
-  } catch (error) {
-    console.error('신고 제출 실패:', error);
-    alert('신고 등록에 실패했습니다: ' + error.message);
-  } finally {
-    submitBtn.disabled = false;
-    submitBtn.textContent = '신고 제출';
-  }
-}
-
-// 기타 위치 입력 시 위치 정보 업데이트
-document.addEventListener('DOMContentLoaded', () => {
-  const customLocationInput = document.getElementById('customLocation');
-  if (customLocationInput) {
-    customLocationInput.addEventListener('input', () => {
-      updateLocationInfo();
-      updateStepStatus();
-    });
-  }
-});
-
-// 전역 함수 노출 (HTML onclick에서 호출용)
-window.closeWorkModal = closeWorkModal;
-window.submitReport = submitReport;
-window.showCustomItemInput = showCustomItemInput;
-window.confirmCustomItem = confirmCustomItem;
-window.cancelCustomItem = cancelCustomItem;
--- a/system1-factory/web/js/load-navbar.js
+++ b/system1-factory/web/js/load-navbar.js
@@ -62,7 +62,7 @@ async function filterMenuByPageAccess(doc, currentUser) {
        method: 'GET',
        headers: {
          'Content-Type': 'application/json',
-          'Authorization': `Bearer ${localStorage.getItem('token')}`
+          'Authorization': `Bearer ${localStorage.getItem('sso_token')}`
        }
      });

@@ -247,7 +247,7 @@ const WEATHER_NAMES = {
 */
 async function updateWeather() {
  try {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    if (!token) return;

    const response = await fetch(`${window.API_BASE_URL}/tbm/weather/current`, {
@@ -338,7 +338,7 @@ function setupNotificationEvents() {
 */
 async function loadNotifications() {
  try {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    if (!token) return;

    const response = await fetch(`${window.API_BASE_URL}/notifications/unread`, {
--- a/system1-factory/web/js/load-sidebar.js
+++ b/system1-factory/web/js/load-sidebar.js
@@ -52,7 +52,7 @@ async function filterMenuByPageAccess(doc, currentUser) {
        method: 'GET',
        headers: {
          'Content-Type': 'application/json',
-          'Authorization': `Bearer ${localStorage.getItem('token')}`
+          'Authorization': `Bearer ${localStorage.getItem('sso_token')}`
        }
      });

--- a/system1-factory/web/js/manage-user.js
+++ b/system1-factory/web/js/manage-user.js
@@ -12,7 +12,7 @@ const accessLabels = {
 };

 // 현재 사용자 정보 가져오기
-const currentUser = JSON.parse(localStorage.getItem('user') || '{}');
+const currentUser = JSON.parse(localStorage.getItem('sso_user') || '{}');
 const isSystemUser = currentUser.access_level === 'system';

 function createRow(item, cols, delHandler) {
@@ -72,9 +72,9 @@ myPasswordForm?.addEventListener('submit', async e => {
      // 3초 후 로그인 페이지로 이동
      setTimeout(() => {
        alert('비밀번호가 변경되어 다시 로그인해주세요.');
-        localStorage.removeItem('token');
-        localStorage.removeItem('user');
-        window.location.href = '/index.html';
+        localStorage.removeItem('sso_token');
+        localStorage.removeItem('sso_user');
+        window.location.href = '/login';
      }, 2000);
    } else {
      alert('❌ 비밀번호 변경 실패: ' + (result.error || '현재 비밀번호가 올바르지 않습니다.'));
--- a/system1-factory/web/js/management-dashboard.js
+++ b/system1-factory/web/js/management-dashboard.js
@@ -33,7 +33,7 @@ function getKoreaToday() {
 // 현재 로그인한 사용자 정보 가져오기
 function getCurrentUser() {
  try {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    if (!token) return null;
    
    const payloadBase64 = token.split('.')[1];
@@ -47,7 +47,7 @@ function getCurrentUser() {
  }
  
  try {
-    const userInfo = localStorage.getItem('user') || localStorage.getItem('userInfo') || localStorage.getItem('currentUser');
+    const userInfo = localStorage.getItem('sso_user') || localStorage.getItem('userInfo') || localStorage.getItem('currentUser');
    if (userInfo) {
      const parsed = JSON.parse(userInfo);
      console.log('localStorage에서 가져온 사용자 정보:', parsed);
@@ -935,10 +935,10 @@ document.addEventListener('DOMContentLoaded', () => {
  document.getElementById('permission-check-message').style.display = 'block';
  
  // 토큰 확인
-  const token = localStorage.getItem('token');
+  const token = localStorage.getItem('sso_token');
  if (!token || token === 'undefined') {
    showMessage('로그인이 필요합니다.', 'error');
-    localStorage.removeItem('token');
+    localStorage.removeItem('sso_token');
    setTimeout(() => {
      window.location.href = '/';
    }, 2000);
--- a/system1-factory/web/js/modern-dashboard.js
+++ b/system1-factory/web/js/modern-dashboard.js
@@ -5,8 +5,8 @@

 // 인증 관련 함수들
 function getAuthData() {
-  const token = localStorage.getItem('token');
-  const user = localStorage.getItem('user');
+  const token = localStorage.getItem('sso_token');
+  const user = localStorage.getItem('sso_user');
  return {
    token,
    user: user ? JSON.parse(user) : null
@@ -152,7 +152,7 @@ function setupEventListeners() {
    elements.logoutBtn.addEventListener('click', () => {
      if (confirm('로그아웃하시겠습니까?')) {
        localStorage.clear();
-        window.location.href = '/index.html';
+        window.location.href = '/login';
      }
    });
  }
--- a/system1-factory/web/js/my-profile.js
+++ b/system1-factory/web/js/my-profile.js
@@ -19,7 +19,7 @@ const accessLevelMap = {
 async function loadProfile() {
  try {
    // 먼저 로컬 스토리지에서 기본 정보 표시
-    const storedUser = JSON.parse(localStorage.getItem('user') || '{}');
+    const storedUser = JSON.parse(localStorage.getItem('sso_user') || '{}');
    if (storedUser) {
      updateProfileUI(storedUser);
    }
@@ -40,7 +40,7 @@ async function loadProfile() {
      ...storedUser,
      ...userData
    };
-    localStorage.setItem('user', JSON.stringify(updatedUser));
+    localStorage.setItem('sso_user', JSON.stringify(updatedUser));
    
    // UI 업데이트
    updateProfileUI(userData);
--- a/system1-factory/web/js/nonconformity-list.js
+++ b/system1-factory/web/js/nonconformity-list.js
@@ -41,7 +41,7 @@ document.addEventListener('DOMContentLoaded', async () => {
 async function loadStats() {
  try {
    const response = await fetch(`${API_BASE}/work-issues/stats/summary?category_type=${CATEGORY_TYPE}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${localStorage.getItem('sso_token')}` }
    });

    if (!response.ok) {
@@ -76,7 +76,7 @@ async function loadIssues() {
    if (filterEndDate.value) params.append('end_date', filterEndDate.value);

    const response = await fetch(`${API_BASE}/work-issues?${params.toString()}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${localStorage.getItem('sso_token')}` }
    });

    if (!response.ok) throw new Error('목록 조회 실패');
--- a/system1-factory/web/js/page-access-cache.js
+++ b/system1-factory/web/js/page-access-cache.js
@@ -42,7 +42,7 @@ export async function getPageAccess(currentUser) {
        method: 'GET',
        headers: {
          'Content-Type': 'application/json',
-          'Authorization': `Bearer ${localStorage.getItem('token')}`
+          'Authorization': `Bearer ${localStorage.getItem('sso_token')}`
        }
      });

--- a/system1-factory/web/js/project-management.js
+++ b/system1-factory/web/js/project-management.js
@@ -77,10 +77,10 @@ function setupLogoutButton() {
  if (logoutBtn) {
    logoutBtn.addEventListener('click', function() {
      if (confirm('로그아웃 하시겠습니까?')) {
-        localStorage.removeItem('token');
-        localStorage.removeItem('user');
+        localStorage.removeItem('sso_token');
+        localStorage.removeItem('sso_user');
        localStorage.removeItem('userInfo');
-        window.location.href = '/index.html';
+        window.location.href = '/login';
      }
    });
  }
--- a/system1-factory/web/js/safety-report-list.js
+++ b/system1-factory/web/js/safety-report-list.js
@@ -41,7 +41,7 @@ document.addEventListener('DOMContentLoaded', async () => {
 async function loadStats() {
  try {
    const response = await fetch(`${API_BASE}/work-issues/stats/summary?category_type=${CATEGORY_TYPE}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${localStorage.getItem('sso_token')}` }
    });

    if (!response.ok) {
@@ -76,7 +76,7 @@ async function loadIssues() {
    if (filterEndDate.value) params.append('end_date', filterEndDate.value);

    const response = await fetch(`${API_BASE}/work-issues?${params.toString()}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${localStorage.getItem('sso_token')}` }
    });

    if (!response.ok) throw new Error('목록 조회 실패');
--- a/system1-factory/web/js/safety-training-conduct.js
+++ b/system1-factory/web/js/safety-training-conduct.js
@@ -472,7 +472,7 @@ async function completeTraining() {
    const trainingItems = checkedItems.map(cb => cb.value).join(', ');

    // API 호출
-    const userData = localStorage.getItem('user');
+    const userData = localStorage.getItem('sso_user');
    const currentUser = userData ? JSON.parse(userData) : null;

    if (!currentUser) {
--- a/system1-factory/web/js/system-dashboard.js
+++ b/system1-factory/web/js/system-dashboard.js
@@ -599,8 +599,8 @@ function closeModal(modalId) {
 // 로그아웃
 function logout() {
    if (confirm('로그아웃 하시겠습니까?')) {
-        localStorage.removeItem('token');
-        localStorage.removeItem('user');
+        localStorage.removeItem('sso_token');
+        localStorage.removeItem('sso_user');
        window.location.href = '/';
    }
 }
--- a/system1-factory/web/js/tbm.js
+++ b/system1-factory/web/js/tbm.js
@@ -114,7 +114,7 @@ function setupEventListeners() {
 async function loadInitialData() {
  try {
    // 현재 로그인한 사용자 정보 가져오기
-    const userInfo = JSON.parse(localStorage.getItem('user') || '{}');
+    const userInfo = JSON.parse(localStorage.getItem('sso_user') || '{}');
    currentUser = userInfo;
    console.log('👤 로그인 사용자:', currentUser, 'worker_id:', currentUser?.worker_id);

--- a/system1-factory/web/js/tbm/api.js
+++ b/system1-factory/web/js/tbm/api.js
@@ -16,7 +16,7 @@ class TbmAPI {
  async loadInitialData() {
    try {
      // 현재 로그인한 사용자 정보 가져오기
-      const userInfo = JSON.parse(localStorage.getItem('user') || '{}');
+      const userInfo = JSON.parse(localStorage.getItem('sso_user') || '{}');
      this.state.currentUser = userInfo;
      console.log('👤 로그인 사용자:', this.state.currentUser, 'worker_id:', this.state.currentUser?.worker_id);

--- a/system1-factory/web/js/tbm/state.js
+++ b/system1-factory/web/js/tbm/state.js
@@ -92,7 +92,7 @@ class TbmState {
   */
  getUser() {
    if (!this.currentUser) {
-      const userInfo = localStorage.getItem('user');
+      const userInfo = localStorage.getItem('sso_user');
      this.currentUser = userInfo ? JSON.parse(userInfo) : null;
    }
    return this.currentUser;
--- a/system1-factory/web/js/vacation-allocation.js
+++ b/system1-factory/web/js/vacation-allocation.js
@@ -15,7 +15,7 @@ let currentWorkerBalances = [];
 */
 document.addEventListener('DOMContentLoaded', async () => {
  // 관리자 권한 체크
-  const user = JSON.parse(localStorage.getItem('user') || '{}');
+  const user = JSON.parse(localStorage.getItem('sso_user') || '{}');
  console.log('Current user:', user);
  console.log('Role ID:', user.role_id, 'Role:', user.role);

@@ -50,7 +50,7 @@ async function loadInitialData() {
 */
 async function loadWorkers() {
  try {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    console.log('Loading workers... Token:', token ? 'exists' : 'missing');

    const response = await fetch(`${API_BASE_URL}/api/workers`, {
@@ -97,7 +97,7 @@ async function loadWorkers() {
 */
 async function loadVacationTypes() {
  try {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    const response = await fetch(`${API_BASE_URL}/api/vacation-types`, {
      headers: {
        'Authorization': `Bearer ${token}`
@@ -223,7 +223,7 @@ async function loadWorkerBalances() {
  }

  try {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    const response = await fetch(`${API_BASE_URL}/api/vacation-balances/worker/${workerId}/year/${year}`, {
      headers: {
        'Authorization': `Bearer ${token}`
@@ -300,7 +300,7 @@ async function autoCalculateAnnualLeave() {
  }

  try {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    const response = await fetch(`${API_BASE_URL}/api/vacation-balances/auto-calculate`, {
      method: 'POST',
      headers: {
@@ -361,7 +361,7 @@ async function submitIndividualVacation() {
  }

  try {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    const response = await fetch(`${API_BASE_URL}/api/vacation-balances`, {
      method: 'POST',
      headers: {
@@ -426,7 +426,7 @@ window.deleteBalance = async function(balanceId) {
  if (!confirm('정말 삭제하시겠습니까?')) return;

  try {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    const response = await fetch(`${API_BASE_URL}/api/vacation-balances/${balanceId}`, {
      method: 'DELETE',
      headers: {
@@ -460,7 +460,7 @@ async function submitEditBalance(e) {
  const notes = document.getElementById('editNotes').value;

  try {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    const response = await fetch(`${API_BASE_URL}/api/vacation-balances/${balanceId}`, {
      method: 'PUT',
      headers: {
@@ -648,7 +648,7 @@ async function submitBulkAllocation() {

  for (const item of validItems) {
    try {
-      const token = localStorage.getItem('token');
+      const token = localStorage.getItem('sso_token');
      const response = await fetch(`${API_BASE_URL}/api/vacation-balances/auto-calculate`, {
        method: 'POST',
        headers: {
@@ -754,7 +754,7 @@ window.deleteVacationType = async function(typeId) {
  if (!confirm('정말 삭제하시겠습니까?')) return;

  try {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    const response = await fetch(`${API_BASE_URL}/api/vacation-types/${typeId}`, {
      method: 'DELETE',
      headers: {
@@ -798,7 +798,7 @@ async function submitVacationType(e) {
  };

  try {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    const url = typeId
      ? `${API_BASE_URL}/api/vacation-types/${typeId}`
      : `${API_BASE_URL}/api/vacation-types`;
--- a/system1-factory/web/js/vacation-common.js
+++ b/system1-factory/web/js/vacation-common.js
@@ -47,7 +47,7 @@ async function loadVacationTypes() {
 */
 function getCurrentUser() {
  if (!window.VacationCommon.currentUser) {
-    window.VacationCommon.currentUser = JSON.parse(localStorage.getItem('user'));
+    window.VacationCommon.currentUser = JSON.parse(localStorage.getItem('sso_user'));
  }
  return window.VacationCommon.currentUser;
 }
--- a/system1-factory/web/js/visit-request.js
+++ b/system1-factory/web/js/visit-request.js
@@ -186,7 +186,7 @@ async function loadVisitPurposes() {
 async function loadMyRequests() {
  try {
    // localStorage에서 사용자 정보 가져오기
-    const userData = localStorage.getItem('user');
+    const userData = localStorage.getItem('sso_user');
    const currentUser = userData ? JSON.parse(userData) : null;

    if (!currentUser || !currentUser.user_id) {
--- a/system1-factory/web/js/work-analysis.js
+++ b/system1-factory/web/js/work-analysis.js
@@ -82,10 +82,10 @@ function setupLogoutButton() {
  if (logoutBtn) {
    logoutBtn.addEventListener('click', function() {
      if (confirm('로그아웃 하시겠습니까?')) {
-        localStorage.removeItem('token');
-        localStorage.removeItem('user');
+        localStorage.removeItem('sso_token');
+        localStorage.removeItem('sso_user');
        localStorage.removeItem('userInfo');
-        window.location.href = '/index.html';
+        window.location.href = '/login';
      }
    });
  }
--- a/system1-factory/web/js/work-issue-report.js
+++ b/system1-factory/web/js/work-issue-report.js
@@ -1,740 +0,0 @@
-/**
- * 문제 신고 등록 페이지 JavaScript
- */
-
-// API 설정
-const API_BASE = window.API_BASE_URL || 'http://localhost:20005/api';
-
-// 상태 변수
-let selectedFactoryId = null;
-let selectedWorkplaceId = null;
-let selectedWorkplaceName = null;
-let selectedType = null; // 'nonconformity' | 'safety'
-let selectedCategoryId = null;
-let selectedCategoryName = null;
-let selectedItemId = null;
-let selectedTbmSessionId = null;
-let selectedVisitRequestId = null;
-let photos = [null, null, null, null, null];
-
-// 지도 관련 변수
-let canvas, ctx, canvasImage;
-let mapRegions = [];
-let todayWorkers = [];
-let todayVisitors = [];
-
-// DOM 요소
-let factorySelect, issueMapCanvas;
-let photoInput, currentPhotoIndex;
-
-// 초기화
-document.addEventListener('DOMContentLoaded', async () => {
-  factorySelect = document.getElementById('factorySelect');
-  issueMapCanvas = document.getElementById('issueMapCanvas');
-  photoInput = document.getElementById('photoInput');
-
-  canvas = issueMapCanvas;
-  ctx = canvas.getContext('2d');
-
-  // 이벤트 리스너 설정
-  setupEventListeners();
-
-  // 공장 목록 로드
-  await loadFactories();
-});
-
-/**
- * 이벤트 리스너 설정
- */
-function setupEventListeners() {
-  // 공장 선택
-  factorySelect.addEventListener('change', onFactoryChange);
-
-  // 지도 클릭
-  canvas.addEventListener('click', onMapClick);
-
-  // 기타 위치 토글
-  document.getElementById('useCustomLocation').addEventListener('change', (e) => {
-    const customInput = document.getElementById('customLocationInput');
-    customInput.classList.toggle('visible', e.target.checked);
-
-    if (e.target.checked) {
-      // 지도 선택 초기화
-      selectedWorkplaceId = null;
-      selectedWorkplaceName = null;
-      selectedTbmSessionId = null;
-      selectedVisitRequestId = null;
-      updateLocationInfo();
-    }
-  });
-
-  // 유형 버튼 클릭
-  document.querySelectorAll('.type-btn').forEach(btn => {
-    btn.addEventListener('click', () => onTypeSelect(btn.dataset.type));
-  });
-
-  // 사진 슬롯 클릭
-  document.querySelectorAll('.photo-slot').forEach(slot => {
-    slot.addEventListener('click', (e) => {
-      if (e.target.classList.contains('remove-btn')) return;
-      currentPhotoIndex = parseInt(slot.dataset.index);
-      photoInput.click();
-    });
-  });
-
-  // 사진 삭제 버튼
-  document.querySelectorAll('.photo-slot .remove-btn').forEach(btn => {
-    btn.addEventListener('click', (e) => {
-      e.stopPropagation();
-      const slot = btn.closest('.photo-slot');
-      const index = parseInt(slot.dataset.index);
-      removePhoto(index);
-    });
-  });
-
-  // 사진 선택
-  photoInput.addEventListener('change', onPhotoSelect);
-}
-
-/**
- * 공장 목록 로드
- */
-async function loadFactories() {
-  try {
-    const response = await fetch(`${API_BASE}/workplaces/categories/active/list`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (!response.ok) throw new Error('공장 목록 조회 실패');
-
-    const data = await response.json();
-    if (data.success && data.data) {
-      data.data.forEach(factory => {
-        const option = document.createElement('option');
-        option.value = factory.category_id;
-        option.textContent = factory.category_name;
-        factorySelect.appendChild(option);
-      });
-
-      // 첫 번째 공장 자동 선택
-      if (data.data.length > 0) {
-        factorySelect.value = data.data[0].category_id;
-        onFactoryChange();
-      }
-    }
-  } catch (error) {
-    console.error('공장 목록 로드 실패:', error);
-  }
-}
-
-/**
- * 공장 변경 시
- */
-async function onFactoryChange() {
-  selectedFactoryId = factorySelect.value;
-  if (!selectedFactoryId) return;
-
-  // 위치 선택 초기화
-  selectedWorkplaceId = null;
-  selectedWorkplaceName = null;
-  selectedTbmSessionId = null;
-  selectedVisitRequestId = null;
-  updateLocationInfo();
-
-  // 지도 데이터 로드
-  await Promise.all([
-    loadMapImage(),
-    loadMapRegions(),
-    loadTodayData()
-  ]);
-
-  renderMap();
-}
-
-/**
- * 배치도 이미지 로드
- */
-async function loadMapImage() {
-  try {
-    const response = await fetch(`${API_BASE}/workplaces/categories`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (!response.ok) return;
-
-    const data = await response.json();
-    if (data.success && data.data) {
-      const selectedCategory = data.data.find(c => c.category_id == selectedFactoryId);
-      if (selectedCategory && selectedCategory.layout_image) {
-        const baseUrl = (window.API_BASE_URL || 'http://localhost:20005').replace('/api', '');
-        const fullImageUrl = selectedCategory.layout_image.startsWith('http')
-          ? selectedCategory.layout_image
-          : `${baseUrl}${selectedCategory.layout_image}`;
-
-        canvasImage = new Image();
-        canvasImage.onload = () => renderMap();
-        canvasImage.src = fullImageUrl;
-      }
-    }
-  } catch (error) {
-    console.error('배치도 이미지 로드 실패:', error);
-  }
-}
-
-/**
- * 지도 영역 로드
- */
-async function loadMapRegions() {
-  try {
-    const response = await fetch(`${API_BASE}/workplaces/categories/${selectedFactoryId}/map-regions`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (!response.ok) return;
-
-    const data = await response.json();
-    if (data.success) {
-      mapRegions = data.data || [];
-    }
-  } catch (error) {
-    console.error('지도 영역 로드 실패:', error);
-  }
-}
-
-/**
- * 오늘 TBM/출입신청 데이터 로드
- */
-async function loadTodayData() {
-  const today = new Date().toISOString().split('T')[0];
-
-  try {
-    // TBM 세션 로드
-    const tbmResponse = await fetch(`${API_BASE}/tbm/sessions/date/${today}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (tbmResponse.ok) {
-      const tbmData = await tbmResponse.json();
-      todayWorkers = tbmData.data || [];
-    }
-
-    // 출입 신청 로드
-    const visitResponse = await fetch(`${API_BASE}/workplace-visits/requests`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (visitResponse.ok) {
-      const visitData = await visitResponse.json();
-      todayVisitors = (visitData.data || []).filter(v =>
-        v.visit_date === today &&
-        (v.status === 'approved' || v.status === 'training_completed')
-      );
-    }
-  } catch (error) {
-    console.error('오늘 데이터 로드 실패:', error);
-  }
-}
-
-/**
- * 지도 렌더링
- */
-function renderMap() {
-  if (!canvas || !ctx) return;
-
-  // 캔버스 크기 설정
-  const container = canvas.parentElement;
-  canvas.width = container.clientWidth;
-  canvas.height = 400;
-
-  // 배경 그리기
-  ctx.fillStyle = '#f3f4f6';
-  ctx.fillRect(0, 0, canvas.width, canvas.height);
-
-  // 배치도 이미지
-  if (canvasImage && canvasImage.complete) {
-    const scale = Math.min(canvas.width / canvasImage.width, canvas.height / canvasImage.height);
-    const x = (canvas.width - canvasImage.width * scale) / 2;
-    const y = (canvas.height - canvasImage.height * scale) / 2;
-    ctx.drawImage(canvasImage, x, y, canvasImage.width * scale, canvasImage.height * scale);
-  }
-
-  // 작업장 영역 그리기
-  mapRegions.forEach(region => {
-    const workers = todayWorkers.filter(w => w.workplace_id === region.workplace_id);
-    const visitors = todayVisitors.filter(v => v.workplace_id === region.workplace_id);
-
-    const workerCount = workers.reduce((sum, w) => sum + (w.member_count || 0), 0);
-    const visitorCount = visitors.reduce((sum, v) => sum + (v.visitor_count || 0), 0);
-
-    drawWorkplaceRegion(region, workerCount, visitorCount);
-  });
-}
-
-/**
- * 작업장 영역 그리기
- */
-function drawWorkplaceRegion(region, workerCount, visitorCount) {
-  const x1 = (region.x_start / 100) * canvas.width;
-  const y1 = (region.y_start / 100) * canvas.height;
-  const x2 = (region.x_end / 100) * canvas.width;
-  const y2 = (region.y_end / 100) * canvas.height;
-  const width = x2 - x1;
-  const height = y2 - y1;
-
-  // 선택된 작업장 하이라이트
-  const isSelected = region.workplace_id === selectedWorkplaceId;
-
-  // 색상 결정
-  let fillColor, strokeColor;
-  if (isSelected) {
-    fillColor = 'rgba(34, 197, 94, 0.3)'; // 초록색
-    strokeColor = 'rgb(34, 197, 94)';
-  } else if (workerCount > 0 && visitorCount > 0) {
-    fillColor = 'rgba(34, 197, 94, 0.2)'; // 초록색 (작업+방문)
-    strokeColor = 'rgb(34, 197, 94)';
-  } else if (workerCount > 0) {
-    fillColor = 'rgba(59, 130, 246, 0.2)'; // 파란색 (작업만)
-    strokeColor = 'rgb(59, 130, 246)';
-  } else if (visitorCount > 0) {
-    fillColor = 'rgba(168, 85, 247, 0.2)'; // 보라색 (방문만)
-    strokeColor = 'rgb(168, 85, 247)';
-  } else {
-    fillColor = 'rgba(156, 163, 175, 0.2)'; // 회색 (없음)
-    strokeColor = 'rgb(156, 163, 175)';
-  }
-
-  ctx.fillStyle = fillColor;
-  ctx.strokeStyle = strokeColor;
-  ctx.lineWidth = isSelected ? 3 : 2;
-
-  ctx.beginPath();
-  ctx.rect(x1, y1, width, height);
-  ctx.fill();
-  ctx.stroke();
-
-  // 작업장명 표시
-  const centerX = x1 + width / 2;
-  const centerY = y1 + height / 2;
-
-  ctx.fillStyle = '#374151';
-  ctx.font = '12px sans-serif';
-  ctx.textAlign = 'center';
-  ctx.textBaseline = 'middle';
-  ctx.fillText(region.workplace_name, centerX, centerY);
-
-  // 인원수 표시
-  const total = workerCount + visitorCount;
-  if (total > 0) {
-    ctx.fillStyle = strokeColor;
-    ctx.font = 'bold 14px sans-serif';
-    ctx.fillText(`(${total}명)`, centerX, centerY + 16);
-  }
-}
-
-/**
- * 지도 클릭 처리
- */
-function onMapClick(e) {
-  const rect = canvas.getBoundingClientRect();
-  const x = e.clientX - rect.left;
-  const y = e.clientY - rect.top;
-
-  // 클릭된 영역 찾기
-  for (const region of mapRegions) {
-    const x1 = (region.x_start / 100) * canvas.width;
-    const y1 = (region.y_start / 100) * canvas.height;
-    const x2 = (region.x_end / 100) * canvas.width;
-    const y2 = (region.y_end / 100) * canvas.height;
-
-    if (x >= x1 && x <= x2 && y >= y1 && y <= y2) {
-      selectWorkplace(region);
-      return;
-    }
-  }
-}
-
-/**
- * 작업장 선택
- */
-function selectWorkplace(region) {
-  // 기타 위치 체크박스 해제
-  document.getElementById('useCustomLocation').checked = false;
-  document.getElementById('customLocationInput').classList.remove('visible');
-
-  selectedWorkplaceId = region.workplace_id;
-  selectedWorkplaceName = region.workplace_name;
-
-  // 해당 작업장의 TBM/출입신청 확인
-  const workers = todayWorkers.filter(w => w.workplace_id === region.workplace_id);
-  const visitors = todayVisitors.filter(v => v.workplace_id === region.workplace_id);
-
-  if (workers.length > 0 || visitors.length > 0) {
-    // 작업 선택 모달 표시
-    showWorkSelectionModal(workers, visitors);
-  } else {
-    selectedTbmSessionId = null;
-    selectedVisitRequestId = null;
-  }
-
-  updateLocationInfo();
-  renderMap();
-  updateStepStatus();
-}
-
-/**
- * 작업 선택 모달 표시
- */
-function showWorkSelectionModal(workers, visitors) {
-  const modal = document.getElementById('workSelectionModal');
-  const optionsList = document.getElementById('workOptionsList');
-
-  optionsList.innerHTML = '';
-
-  // TBM 작업 옵션
-  workers.forEach(w => {
-    const option = document.createElement('div');
-    option.className = 'work-option';
-    option.innerHTML = `
-      <div class="work-option-title">TBM: ${w.task_name || '작업'}</div>
-      <div class="work-option-desc">${w.project_name || ''} - ${w.member_count || 0}명</div>
-    `;
-    option.onclick = () => {
-      selectedTbmSessionId = w.session_id;
-      selectedVisitRequestId = null;
-      closeWorkModal();
-      updateLocationInfo();
-    };
-    optionsList.appendChild(option);
-  });
-
-  // 출입신청 옵션
-  visitors.forEach(v => {
-    const option = document.createElement('div');
-    option.className = 'work-option';
-    option.innerHTML = `
-      <div class="work-option-title">출입: ${v.visitor_company}</div>
-      <div class="work-option-desc">${v.purpose_name || '방문'} - ${v.visitor_count || 0}명</div>
-    `;
-    option.onclick = () => {
-      selectedVisitRequestId = v.request_id;
-      selectedTbmSessionId = null;
-      closeWorkModal();
-      updateLocationInfo();
-    };
-    optionsList.appendChild(option);
-  });
-
-  modal.classList.add('visible');
-}
-
-/**
- * 작업 선택 모달 닫기
- */
-function closeWorkModal() {
-  document.getElementById('workSelectionModal').classList.remove('visible');
-}
-
-/**
- * 선택된 위치 정보 업데이트
- */
-function updateLocationInfo() {
-  const infoBox = document.getElementById('selectedLocationInfo');
-  const customLocation = document.getElementById('customLocation').value;
-  const useCustom = document.getElementById('useCustomLocation').checked;
-
-  if (useCustom && customLocation) {
-    infoBox.classList.remove('empty');
-    infoBox.innerHTML = `<strong>선택된 위치:</strong> ${customLocation}`;
-  } else if (selectedWorkplaceName) {
-    infoBox.classList.remove('empty');
-    let html = `<strong>선택된 위치:</strong> ${selectedWorkplaceName}`;
-
-    if (selectedTbmSessionId) {
-      const worker = todayWorkers.find(w => w.session_id === selectedTbmSessionId);
-      if (worker) {
-        html += `<br><span style="color: var(--primary-600);">연결 작업: ${worker.task_name} (TBM)</span>`;
-      }
-    } else if (selectedVisitRequestId) {
-      const visitor = todayVisitors.find(v => v.request_id === selectedVisitRequestId);
-      if (visitor) {
-        html += `<br><span style="color: var(--primary-600);">연결 작업: ${visitor.visitor_company} (출입)</span>`;
-      }
-    }
-
-    infoBox.innerHTML = html;
-  } else {
-    infoBox.classList.add('empty');
-    infoBox.textContent = '지도에서 작업장을 클릭하여 위치를 선택하세요';
-  }
-}
-
-/**
- * 유형 선택
- */
-function onTypeSelect(type) {
-  selectedType = type;
-  selectedCategoryId = null;
-  selectedCategoryName = null;
-  selectedItemId = null;
-
-  // 버튼 상태 업데이트
-  document.querySelectorAll('.type-btn').forEach(btn => {
-    btn.classList.toggle('selected', btn.dataset.type === type);
-  });
-
-  // 카테고리 로드
-  loadCategories(type);
-  updateStepStatus();
-}
-
-/**
- * 카테고리 로드
- */
-async function loadCategories(type) {
-  try {
-    const response = await fetch(`${API_BASE}/work-issues/categories/type/${type}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (!response.ok) throw new Error('카테고리 조회 실패');
-
-    const data = await response.json();
-    if (data.success && data.data) {
-      renderCategories(data.data);
-    }
-  } catch (error) {
-    console.error('카테고리 로드 실패:', error);
-  }
-}
-
-/**
- * 카테고리 렌더링
- */
-function renderCategories(categories) {
-  const container = document.getElementById('categoryContainer');
-  const grid = document.getElementById('categoryGrid');
-
-  grid.innerHTML = '';
-
-  categories.forEach(cat => {
-    const btn = document.createElement('button');
-    btn.type = 'button';
-    btn.className = 'category-btn';
-    btn.textContent = cat.category_name;
-    btn.onclick = () => onCategorySelect(cat);
-    grid.appendChild(btn);
-  });
-
-  container.style.display = 'block';
-}
-
-/**
- * 카테고리 선택
- */
-function onCategorySelect(category) {
-  selectedCategoryId = category.category_id;
-  selectedCategoryName = category.category_name;
-  selectedItemId = null;
-
-  // 버튼 상태 업데이트
-  document.querySelectorAll('.category-btn').forEach(btn => {
-    btn.classList.toggle('selected', btn.textContent === category.category_name);
-  });
-
-  // 항목 로드
-  loadItems(category.category_id);
-  updateStepStatus();
-}
-
-/**
- * 항목 로드
- */
-async function loadItems(categoryId) {
-  try {
-    const response = await fetch(`${API_BASE}/work-issues/items/category/${categoryId}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
-    });
-
-    if (!response.ok) throw new Error('항목 조회 실패');
-
-    const data = await response.json();
-    if (data.success && data.data) {
-      renderItems(data.data);
-    }
-  } catch (error) {
-    console.error('항목 로드 실패:', error);
-  }
-}
-
-/**
- * 항목 렌더링
- */
-function renderItems(items) {
-  const grid = document.getElementById('itemGrid');
-  grid.innerHTML = '';
-
-  if (items.length === 0) {
-    grid.innerHTML = '<p style="color: var(--gray-400);">등록된 항목이 없습니다</p>';
-    return;
-  }
-
-  items.forEach(item => {
-    const btn = document.createElement('button');
-    btn.type = 'button';
-    btn.className = 'item-btn';
-    btn.textContent = item.item_name;
-    btn.dataset.severity = item.severity;
-    btn.onclick = () => onItemSelect(item, btn);
-    grid.appendChild(btn);
-  });
-}
-
-/**
- * 항목 선택
- */
-function onItemSelect(item, btn) {
-  // 단일 선택 (기존 선택 해제)
-  document.querySelectorAll('.item-btn').forEach(b => b.classList.remove('selected'));
-  btn.classList.add('selected');
-
-  selectedItemId = item.item_id;
-  updateStepStatus();
-}
-
-/**
- * 사진 선택
- */
-function onPhotoSelect(e) {
-  const file = e.target.files[0];
-  if (!file) return;
-
-  const reader = new FileReader();
-  reader.onload = (event) => {
-    photos[currentPhotoIndex] = event.target.result;
-    updatePhotoSlot(currentPhotoIndex);
-  };
-  reader.readAsDataURL(file);
-
-  // 입력 초기화
-  e.target.value = '';
-}
-
-/**
- * 사진 슬롯 업데이트
- */
-function updatePhotoSlot(index) {
-  const slot = document.querySelector(`.photo-slot[data-index="${index}"]`);
-
-  if (photos[index]) {
-    slot.classList.add('has-photo');
-    let img = slot.querySelector('img');
-    if (!img) {
-      img = document.createElement('img');
-      slot.insertBefore(img, slot.firstChild);
-    }
-    img.src = photos[index];
-  } else {
-    slot.classList.remove('has-photo');
-    const img = slot.querySelector('img');
-    if (img) img.remove();
-  }
-}
-
-/**
- * 사진 삭제
- */
-function removePhoto(index) {
-  photos[index] = null;
-  updatePhotoSlot(index);
-}
-
-/**
- * 단계 상태 업데이트
- */
-function updateStepStatus() {
-  const steps = document.querySelectorAll('.step');
-  const customLocation = document.getElementById('customLocation').value;
-  const useCustom = document.getElementById('useCustomLocation').checked;
-
-  // Step 1: 위치
-  const step1Complete = (useCustom && customLocation) || selectedWorkplaceId;
-  steps[0].classList.toggle('completed', step1Complete);
-  steps[1].classList.toggle('active', step1Complete);
-
-  // Step 2: 유형
-  const step2Complete = selectedType && selectedCategoryId;
-  steps[1].classList.toggle('completed', step2Complete);
-  steps[2].classList.toggle('active', step2Complete);
-
-  // Step 3: 항목
-  const step3Complete = selectedItemId;
-  steps[2].classList.toggle('completed', step3Complete);
-  steps[3].classList.toggle('active', step3Complete);
-
-  // 제출 버튼 활성화
-  const submitBtn = document.getElementById('submitBtn');
-  const hasPhoto = photos.some(p => p !== null);
-  submitBtn.disabled = !(step1Complete && step2Complete && hasPhoto);
-}
-
-/**
- * 신고 제출
- */
-async function submitReport() {
-  const submitBtn = document.getElementById('submitBtn');
-  submitBtn.disabled = true;
-  submitBtn.textContent = '제출 중...';
-
-  try {
-    const useCustom = document.getElementById('useCustomLocation').checked;
-    const customLocation = document.getElementById('customLocation').value;
-    const additionalDescription = document.getElementById('additionalDescription').value;
-
-    const requestBody = {
-      factory_category_id: useCustom ? null : selectedFactoryId,
-      workplace_id: useCustom ? null : selectedWorkplaceId,
-      custom_location: useCustom ? customLocation : null,
-      tbm_session_id: selectedTbmSessionId,
-      visit_request_id: selectedVisitRequestId,
-      issue_category_id: selectedCategoryId,
-      issue_item_id: selectedItemId,
-      additional_description: additionalDescription || null,
-      photos: photos.filter(p => p !== null)
-    };
-
-    const response = await fetch(`${API_BASE}/work-issues`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'Authorization': `Bearer ${localStorage.getItem('token')}`
-      },
-      body: JSON.stringify(requestBody)
-    });
-
-    const data = await response.json();
-
-    if (data.success) {
-      alert('문제 신고가 등록되었습니다.');
-      window.location.href = '/pages/safety/issue-list.html';
-    } else {
-      throw new Error(data.error || '신고 등록 실패');
-    }
-  } catch (error) {
-    console.error('신고 제출 실패:', error);
-    alert('신고 등록에 실패했습니다: ' + error.message);
-  } finally {
-    submitBtn.disabled = false;
-    submitBtn.textContent = '신고 제출';
-  }
-}
-
-// 기타 위치 입력 시 위치 정보 업데이트
-document.addEventListener('DOMContentLoaded', () => {
-  const customLocationInput = document.getElementById('customLocation');
-  if (customLocationInput) {
-    customLocationInput.addEventListener('input', () => {
-      updateLocationInfo();
-      updateStepStatus();
-    });
-  }
-});
--- a/system1-factory/web/js/work-management.js
+++ b/system1-factory/web/js/work-management.js
@@ -76,10 +76,10 @@ function setupLogoutButton() {
  if (logoutBtn) {
    logoutBtn.addEventListener('click', function() {
      if (confirm('로그아웃 하시겠습니까?')) {
-        localStorage.removeItem('token');
-        localStorage.removeItem('user');
+        localStorage.removeItem('sso_token');
+        localStorage.removeItem('sso_user');
        localStorage.removeItem('userInfo');
-        window.location.href = '/index.html';
+        window.location.href = '/login';
      }
    });
  }
--- a/system1-factory/web/js/work-review.js
+++ b/system1-factory/web/js/work-review.js
@@ -19,7 +19,7 @@ let basicData = {
 // 현재 사용자 정보 가져오기
 function getCurrentUser() {
  try {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    if (!token) return null;
    
    const payloadBase64 = token.split('.')[1];
@@ -747,7 +747,7 @@ window.saveEditedWork = saveEditedWork;
 // 초기화
 async function init() {
  try {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    if (!token || token === 'undefined') {
      showMessage('로그인이 필요합니다.', 'error');
      setTimeout(() => {
--- a/system1-factory/web/js/worker-individual-report.js
+++ b/system1-factory/web/js/worker-individual-report.js
@@ -24,7 +24,7 @@ function getUrlParams() {
 // 현재 로그인한 사용자 정보 가져오기
 function getCurrentUser() {
  try {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('sso_token');
    if (!token) return null;
    
    const payloadBase64 = token.split('.')[1];
@@ -37,7 +37,7 @@ function getCurrentUser() {
  }
  
  try {
-    const userInfo = localStorage.getItem('user');
+    const userInfo = localStorage.getItem('sso_user');
    if (userInfo) {
      return JSON.parse(userInfo);
    }
--- a/system1-factory/web/js/workplace-layout-map.js
+++ b/system1-factory/web/js/workplace-layout-map.js
@@ -213,7 +213,7 @@ async function uploadLayoutImage() {
    const response = await fetch(`${window.API_BASE_URL || 'http://localhost:20005/api'}/workplaces/categories/${currentCategoryId}/layout-image`, {
      method: 'POST',
      headers: {
-        'Authorization': `Bearer ${localStorage.getItem('token')}`
+        'Authorization': `Bearer ${localStorage.getItem('sso_token')}`
      },
      body: formData
    });
--- a/system1-factory/web/js/workplace-management.js
+++ b/system1-factory/web/js/workplace-management.js
@@ -1129,7 +1129,7 @@ async function uploadWorkplaceLayout() {
    const response = await fetch(`${window.API_BASE_URL || 'http://localhost:20005/api'}/workplaces/${window.currentWorkplaceMapId}/layout-image`, {
      method: 'POST',
      headers: {
-        'Authorization': `Bearer ${localStorage.getItem('token')}`
+        'Authorization': `Bearer ${localStorage.getItem('sso_token')}`
      },
      body: formData
    });
--- a/system1-factory/web/js/workplace-management/api.js
+++ b/system1-factory/web/js/workplace-management/api.js
@@ -304,7 +304,7 @@ class WorkplaceAPI {
        {
          method: 'POST',
          headers: {
-            'Authorization': `Bearer ${localStorage.getItem('token')}`
+            'Authorization': `Bearer ${localStorage.getItem('sso_token')}`
          },
          body: formData
        }