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/.env.example
+++ b/.env.example
@@ -85,6 +85,10 @@ PMA_PASSWORD=change_this_root_password_min_12_chars
 UPLOAD_LIMIT=50M

 # -------------------------------------------------------------------
-# Cloudflare Tunnel (선택)
+# Cloudflare Tunnel
 # -------------------------------------------------------------------
-# CLOUDFLARE_TUNNEL_TOKEN=your_tunnel_token_here
+# Cloudflare Zero Trust 대시보드에서 터널 설정 필요:
+#   tkfb.technicalkorea.net → http://tk-gateway:80
+#   tkreport.technicalkorea.net → http://tk-system2-web:80
+#   tkqc.technicalkorea.net → http://tk-system3-web:80
+CLOUDFLARE_TUNNEL_TOKEN=your_tunnel_token_here
--- a/DEPLOY-GUIDE.md
+++ b/DEPLOY-GUIDE.md
@@ -0,0 +1,252 @@
+# TK Factory Services - NAS 배포 가이드
+
+> 최종 업데이트: 2026-02-09
+
+## 아키텍처 개요
+
+```
+                    Cloudflare Tunnel
+                         |
+          +--------------+--------------+
+          |              |              |
+  tkfb.techni..    tkreport.techni..   tkqc.techni..
+          |              |              |
+    tk-gateway:80   tk-system2-web:80  tk-system3-web:80
+     (포털+S1)         (S2 신고)       (S3 부적합)
+          |              |              |
+    system1-api:3005  system2-api:3005  system3-api:8000
+          |              |              |
+          +--- MariaDB --+       PostgreSQL
+               (공유)
+```
+
+### 서브도메인 라우팅
+
+| 서브도메인 | Cloudflare Tunnel 대상 | 역할 |
+|-----------|----------------------|------|
+| `tkfb.technicalkorea.net` | `http://tk-gateway:80` | 통합 포털 + System 1 (공장관리) |
+| `tkreport.technicalkorea.net` | `http://tk-system2-web:80` | System 2 (신고) |
+| `tkqc.technicalkorea.net` | `http://tk-system3-web:80` | System 3 (부적합관리) |
+
+### SSO 인증 방식
+
+- 로그인: `tkfb.technicalkorea.net/login`에서 통합 로그인
+- 토큰 저장: 쿠키 (`domain=.technicalkorea.net`, 7일 만료) + localStorage 이중 저장
+- 시스템 간 이동: 쿠키가 서브도메인 간 자동 공유되므로 재로그인 불필요
+
+### Docker 서비스 (13개)
+
+| 서비스 | 컨테이너명 | 포트 |
+|--------|-----------|------|
+| MariaDB | tk-mariadb | 30306:3306 |
+| PostgreSQL | tk-postgres | 30432:5432 |
+| Redis | tk-redis | - |
+| SSO Auth | tk-sso-auth | 30050:3000 |
+| System 1 API | tk-system1-api | 30005:3005 |
+| System 1 Web | tk-system1-web | 30080:80 |
+| System 1 FastAPI | tk-system1-fastapi | 30008:8000 |
+| System 2 API | tk-system2-api | 30105:3005 |
+| System 2 Web | tk-system2-web | 30180:80 |
+| System 3 API | tk-system3-api | 30200:8000 |
+| System 3 Web | tk-system3-web | 30280:80 |
+| phpMyAdmin | tk-phpmyadmin | 30880:80 |
+| Cloudflared | tk-cloudflared | - |
+| Gateway | tk-gateway | 30000:80 |
+
+---
+
+## 배포 전 준비 (로컬)
+
+### 1. .env 파일 생성
+
+```bash
+cp .env.example .env
+vi .env
+```
+
+필수 설정값:
+
+```
+# NAS 기존 TK-FB의 DB 패스워드와 동일하게 설정
+MYSQL_ROOT_PASSWORD=<기존 tkfb_db root 패스워드>
+MYSQL_PASSWORD=<기존 tkfb_db hyungi_user 패스워드>
+
+# 새로 생성할 SSO 시크릿 (32자 이상 랜덤 문자열)
+SSO_JWT_SECRET=<openssl rand -hex 32 로 생성>
+SSO_JWT_REFRESH_SECRET=<openssl rand -hex 32 로 생성>
+
+# NAS 기존 TKQC의 DB 패스워드와 동일하게 설정
+POSTGRES_PASSWORD=<기존 tkqc-db mproject 패스워드>
+
+# System 3 관리자 (기존 TKQC 관리자)
+SYSTEM3_ADMIN_USERNAME=hyungi
+SYSTEM3_ADMIN_PASSWORD=<기존 TKQC 관리자 비밀번호>
+
+# Cloudflare Tunnel 토큰
+CLOUDFLARE_TUNNEL_TOKEN=<Cloudflare Zero Trust 대시보드에서 확인>
+```
+
+기존 패스워드 확인 방법 (NAS SSH):
+```bash
+# TK-FB MariaDB 패스워드
+cat "/volume1/Technicalkorea Document/tkfb-package/.env" | grep MYSQL
+
+# TKQC PostgreSQL 패스워드
+cat /volume1/docker/tkqc/tkqc-package/.env | grep POSTGRES
+
+# Cloudflare Tunnel 토큰
+echo 'fukdon-riwbaq-fiQfy2' | sudo -S /usr/local/bin/docker inspect tkfb_cloudflared | grep TUNNEL_TOKEN
+```
+
+---
+
+## NAS 배포 절차
+
+### Step 1: 기존 서비스 백업
+
+```bash
+# NAS SSH 접속
+ssh hyungi@192.168.0.3
+
+# 백업 디렉토리 생성
+mkdir -p /volume1/docker/backups/$(date +%Y%m%d)
+
+# MariaDB 백업
+echo 'fukdon-riwbaq-fiQfy2' | sudo -S /usr/local/bin/docker exec tkfb_db \
+  mysqldump -u root -p<ROOT_PASSWORD> --all-databases > \
+  /volume1/docker/backups/$(date +%Y%m%d)/mariadb-all.sql
+
+# PostgreSQL 백업
+echo 'fukdon-riwbaq-fiQfy2' | sudo -S /usr/local/bin/docker exec tkqc-db \
+  pg_dumpall -U mproject > \
+  /volume1/docker/backups/$(date +%Y%m%d)/postgres-all.sql
+
+# uploads 백업
+cp -r "/volume1/Technicalkorea Document/tkfb-package/uploads" \
+  /volume1/docker/backups/$(date +%Y%m%d)/tkfb-uploads
+cp -r /volume1/docker/tkqc/tkqc-package/uploads \
+  /volume1/docker/backups/$(date +%Y%m%d)/tkqc-uploads
+```
+
+### Step 2: 프로젝트 NAS 전송
+
+```bash
+# 로컬 Mac에서 실행
+# node_modules 제외하여 전송
+rsync -avz --exclude='node_modules' --exclude='.env' --exclude='__pycache__' \
+  -e ssh /Users/hyungiahn/Documents/code/tk-factory-services/ \
+  hyungi@192.168.0.3:/volume1/docker/tk-factory-services/
+
+# .env 파일 별도 전송
+scp -O /Users/hyungiahn/Documents/code/tk-factory-services/.env \
+  hyungi@192.168.0.3:/volume1/docker/tk-factory-services/.env
+```
+
+> **참고**: Synology에서 `scp`는 `-O` 옵션 필수 (레거시 프로토콜)
+
+### Step 3: 기존 서비스 중지
+
+```bash
+# NAS SSH
+# TK-FB 중지
+cd "/volume1/Technicalkorea Document/tkfb-package"
+echo 'fukdon-riwbaq-fiQfy2' | sudo -S /usr/local/bin/docker compose down
+
+# TKQC 중지
+cd /volume1/docker/tkqc/tkqc-package
+echo 'fukdon-riwbaq-fiQfy2' | sudo -S /usr/local/bin/docker compose down
+```
+
+### Step 4: 통합 서비스 기동
+
+```bash
+cd /volume1/docker/tk-factory-services
+
+# Docker 이미지 빌드 + 서비스 기동
+echo 'fukdon-riwbaq-fiQfy2' | sudo -S /usr/local/bin/docker compose up --build -d
+
+# 로그 확인
+echo 'fukdon-riwbaq-fiQfy2' | sudo -S /usr/local/bin/docker compose logs -f --tail=50
+```
+
+### Step 5: DB 마이그레이션
+
+```bash
+# SSO 유저 테이블은 docker-compose.yml에 의해 자동 실행됨
+# (scripts/migrate-users.sql → MariaDB init)
+
+# PostgreSQL 마이그레이션도 자동 실행됨
+# (system3-nonconformance/api/migrations/ → PostgreSQL init)
+
+# 헬스체크 확인
+echo 'fukdon-riwbaq-fiQfy2' | sudo -S /usr/local/bin/docker compose ps
+```
+
+### Step 6: Cloudflare Tunnel 설정
+
+Cloudflare Zero Trust 대시보드 (`https://one.dash.cloudflare.com/`)에서:
+
+1. **Networks → Tunnels** → 기존 터널 선택
+2. **Public Hostname** 탭에서 3개 서브도메인 설정:
+
+| Subdomain | Domain | Service |
+|-----------|--------|---------|
+| tkfb | technicalkorea.net | `http://tk-gateway:80` |
+| tkreport | technicalkorea.net | `http://tk-system2-web:80` |
+| tkqc | technicalkorea.net | `http://tk-system3-web:80` |
+
+> 기존 `tkfb.technicalkorea.net`과 `tkqc.technicalkorea.net`은 대상 서비스만 변경
+
+### Step 7: 테스트
+
+```bash
+# 1. 헬스체크
+curl -s http://localhost:30005/api/health  # System 1 API
+curl -s http://localhost:30105/api/health  # System 2 API
+curl -s http://localhost:30200/api/health  # System 3 API
+curl -s http://localhost:30050/api/health  # SSO Auth
+
+# 2. 웹 접속 테스트 (브라우저)
+# - https://tkfb.technicalkorea.net/ → 포털 표시
+# - https://tkfb.technicalkorea.net/login → 로그인 페이지
+# - 로그인 후 → 대시보드 이동
+# - https://tkreport.technicalkorea.net/ → System 2 (재로그인 없이)
+# - https://tkqc.technicalkorea.net/ → System 3 (재로그인 없이)
+
+# 3. SSO 쿠키 확인 (브라우저 개발자 도구)
+# - Application → Cookies에서 sso_token, sso_user 확인
+# - domain이 .technicalkorea.net인지 확인
+```
+
+---
+
+## 롤백 방법
+
+문제 발생 시 기존 서비스로 복원:
+
+```bash
+# 통합 서비스 중지
+cd /volume1/docker/tk-factory-services
+echo 'fukdon-riwbaq-fiQfy2' | sudo -S /usr/local/bin/docker compose down
+
+# TK-FB 복원
+cd "/volume1/Technicalkorea Document/tkfb-package"
+echo 'fukdon-riwbaq-fiQfy2' | sudo -S /usr/local/bin/docker compose up -d
+
+# TKQC 복원
+cd /volume1/docker/tkqc/tkqc-package
+echo 'fukdon-riwbaq-fiQfy2' | sudo -S /usr/local/bin/docker compose up -d
+```
+
+---
+
+## 트러블슈팅
+
+| 증상 | 원인 | 해결 |
+|------|------|------|
+| 403 Forbidden (nginx) | Docker 내부 IP 차단 | nginx.conf에 `allow 172.16.0.0/12` 추가 |
+| SSO 로그인 후 다른 시스템에서 미인증 | 쿠키 domain 설정 오류 | 브라우저 쿠키에서 domain이 `.technicalkorea.net`인지 확인 |
+| DB 연결 실패 | 패스워드 불일치 | `.env`의 DB 패스워드가 기존과 동일한지 확인 |
+| Cloudflare 502 | 컨테이너 미기동 | `docker compose ps`로 상태 확인, `docker compose logs <서비스>` |
+| SCP 실패 | Synology subsystem | `scp -O` 옵션 사용 |
+| sudo 파이프 실패 | Synology 제한 | `echo 'password' \| sudo -S` 패턴 사용 |
--- a/PROGRESS.md
+++ b/PROGRESS.md
@@ -1,6 +1,6 @@
 # TK 공장관리 3-System 분리 및 통합 - 진행 상황

-> 최종 업데이트: 2026-02-06
+> 최종 업데이트: 2026-02-09

 ---

@@ -86,8 +86,16 @@ TK-FB-Project(공장관리+신고)와 M-Project(부적합관리)를 **3개 독
 #### System 1 - 공장관리
 - [x] TK-FB-Project에서 복사 (api, web, fastapi-bridge)
 - [x] `config/routes.js`에서 workIssue 라우트 제거
- [ ] **auth 미들웨어 → SSO JWT 시크릿으로 변경 미완료**
- [ ] **신고 관련 프론트엔드 페이지 제거 미완료** (System 2로 리다이렉트 추가 필요)
+- [x] auth 미들웨어 SSO JWT 시크릿 연동 (백엔드: JWT_SECRET=SSO_JWT_SECRET 이미 설정)
+- [x] 프론트엔드 토큰 키 통일 (`token`/`user` → `sso_token`/`sso_user`, 52개 파일 변경)
+- [x] SSO 쿠키 기반 인증 통합 (api-base.js, app-init.js, auth-check.js, auth.js)
+  - `window.getSSOToken()`, `window.getSSOUser()`, `window.getLoginUrl()` 글로벌 함수
+  - 쿠키 `sso_token` 우선 → localStorage `sso_token` 폴백
+- [x] nginx.conf 생성 (API, uploads, FastAPI 프록시)
+- [x] 신고 관련 프론트엔드 페이지 → System 2로 서브도메인 리다이렉트
+  - `issue-report.html`, `issue-detail.html`, `report-status.html` → 동적 서브도메인 리다이렉트
+  - `sidebar-nav.html` 크로스시스템 링크 → `data-system` 속성 + JS 동적 해석
+- [x] 로그인 플로우: 인증 없으면 중앙 로그인 (`tkfb.technicalkorea.net/login`)으로 리다이렉트
 - [ ] **실제 테스트 미완료**

 #### System 2 - 신고
@@ -97,7 +105,10 @@ TK-FB-Project(공장관리+신고)와 M-Project(부적합관리)를 **3개 독
  - `imageUploadService.js`, `dateUtils.js`, `logger.js`, `errors.js`
 - [x] 독립 Express 서버 구성 (index.js, package.json, Dockerfile)
 - [x] 프론트엔드 페이지 복사 (issue-report, issue-detail, report-status)
- [ ] **auth 미들웨어 → SSO JWT 시크릿으로 변경 미완료**
+- [x] auth 미들웨어 SSO JWT 시크릿 연동 (백엔드: JWT_SECRET=SSO_JWT_SECRET 이미 설정)
+- [x] 프론트엔드 인프라 구축: `api-base.js`, `app-init.js` 신규 생성
+- [x] SSO 쿠키 기반 인증 통합 (쿠키 우선, localStorage 폴백, 중앙 로그인 리다이렉트)
+- [x] 인라인 JS 토큰 읽기 → `window.getSSOToken()` 폴백 패턴 적용 (28곳)
 - [ ] **M-Project(TKQC) 연동 실제 테스트 미완료**
 - [ ] **실제 테스트 미완료**

@@ -105,16 +116,33 @@ TK-FB-Project(공장관리+신고)와 M-Project(부적합관리)를 **3개 독
 - [x] M-Project에서 복사 (api, web)
 - [x] `auth_service.py` → bcrypt + pbkdf2 이중 지원 코드 추가
 - [x] `requirements.txt`에 bcrypt 추가
+- [x] SSO JWT 연동: `verify_token()` 전체 payload 반환, DB에 없는 SSO 유저 임시 객체 생성
+- [x] SSO 쿠키 기반 인증 통합 (api.js, auth-manager.js, app.js, common-header.js)
+  - `_cookieGet('sso_token')` 우선 → localStorage 폴백
+  - 인증 실패 시 중앙 로그인 리다이렉트
+- [x] 인라인 JS `localStorage.getItem('access_token')` → `TokenManager.getToken()` 일괄 치환 (9개 HTML, 81곳)
 - [ ] **SSO JWT 시크릿 연동 실제 테스트 미완료**

-### Phase 4: Gateway 포털 - 로컬 코드 작성 ✅ 완료
+### Phase 4: Gateway + 서브도메인 라우팅 ✅ 코드 완료

- [x] `gateway/nginx.conf` - Path-based 라우팅 설정
-  - `/factory/` → System 1, `/report/` → System 2, `/nc/` → System 3
- [x] `gateway/html/portal.html` - 통합 포털 메인 페이지
- [x] `gateway/html/login.html` - SSO 로그인 페이지
- [x] `gateway/html/shared/nav-header.js` - 시스템 간 공유 네비게이션
+> **아키텍처 변경**: Path-based(`/factory/`, `/report/`, `/nc/`) → **서브도메인 기반** 라우팅으로 전환.
+>
+> **이유**: 프론트엔드 JS가 root-relative URL (`/api/...`, `/pages/...`)을 사용하므로 경로 기반 라우팅이 근본적으로 불가능.
+>
+> **해결**: 각 시스템에 독립 서브도메인을 부여하고, SSO 쿠키(`domain=.technicalkorea.net`)로 인증 공유.
+
+- [x] `gateway/nginx.conf` - **서브도메인 기반 라우팅**
+  - `tkfb.technicalkorea.net` → Gateway (포털/로그인) + System 1 프록시
+  - `tkreport.technicalkorea.net` → System 2 (Cloudflare Tunnel 직접)
+  - `tkqc.technicalkorea.net` → System 3 (Cloudflare Tunnel 직접)
+- [x] `gateway/html/portal.html` - 서브도메인 기반 시스템 카드 링크
+- [x] `gateway/html/login.html` - SSO 쿠키 설정 (`domain=.technicalkorea.net`, 7일 만료)
+  - 로그인 성공 → 쿠키 + localStorage 이중 저장, `?redirect=` 파라미터 지원
+- [x] `gateway/html/shared/nav-header.js` - SSOAuth 글로벌 객체 (쿠키 우선)
 - [x] `gateway/Dockerfile`
+- [x] `system1-factory/web/nginx.conf` 신규 생성 (API/uploads/FastAPI 프록시)
+- [x] `docker-compose.yml`에 cloudflared 서비스 추가
+- [ ] **Cloudflare Tunnel 서브도메인 설정** (사용자 대시보드 작업)
 - [ ] **실제 배포 및 테스트 미완료**

 ### Phase 5: 마이그레이션 스크립트 - 로컬 코드 작성 ✅ 완료
@@ -129,11 +157,15 @@ TK-FB-Project(공장관리+신고)와 M-Project(부적합관리)를 **3개 독

 - [ ] 전체 백업 (MariaDB, PostgreSQL, uploads, git)
 - [ ] tk-factory-services를 NAS로 전송
+- [ ] .env 파일 생성 (NAS 기존 DB 패스워드 등 수집)
 - [ ] 기존 TK-FB 중지 + TKQC 중지
 - [ ] 통합 docker-compose.yml로 전체 서비스 기동
 - [ ] SSO 유저 마이그레이션 실행
 - [ ] 전체 서비스 헬스체크
- [ ] Cloudflare Tunnel 설정 업데이트 (포트 변경)
+- [ ] Cloudflare Tunnel 서브도메인 설정 업데이트:
+  - `tkfb.technicalkorea.net` → `http://tk-gateway:80`
+  - `tkreport.technicalkorea.net` → `http://tk-system2-web:80`
+  - `tkqc.technicalkorea.net` → `http://tk-system3-web:80`

 ### Phase 7: 테스트 및 Go-Live ❌ 미착수

@@ -153,13 +185,13 @@ TK-FB-Project(공장관리+신고)와 M-Project(부적합관리)를 **3개 독
 | Phase 0: TKQC NAS 배포 | ✅ 거의 완료 | 95% (CF 대시보드 URL 변경만 남음) |
 | Phase 1: 디렉토리 구조 | ✅ 완료 | 100% |
 | Phase 2: SSO 코드 작성 | ✅ 코드 완료 | 70% (코드만 완료, 테스트/배포 미완) |
-| Phase 3: 시스템 분리 코드 | ✅ 코드 완료 | 60% (코드 완료, auth 연동/테스트 미완) |
-| Phase 4: Gateway 코드 | ✅ 코드 완료 | 70% (코드만 완료, 배포/테스트 미완) |
+| Phase 3: 시스템 분리 + SSO 쿠키 통합 | ✅ 코드 완료 | 80% (코드+프론트엔드 SSO 완료, 실제 테스트 미완) |
+| Phase 4: Gateway + 서브도메인 라우팅 | ✅ 코드 완료 | 80% (코드 완료, CF Tunnel 설정/테스트 미완) |
 | Phase 5: 스크립트 | ✅ 코드 완료 | 50% (코드만 완료, 실행 미완) |
 | Phase 6: NAS 통합 배포 | ❌ 미착수 | 0% |
 | Phase 7: 테스트/Go-Live | ❌ 미착수 | 0% |

-**전체 진행률: 약 45%** (코드 작성 완료, 실제 통합/배포/테스트 남음)
+**전체 진행률: 약 55%** (코드 작성 + SSO 프론트엔드 통합 완료, NAS 배포/테스트 남음)

 ---

@@ -199,12 +231,33 @@ TK-FB-Project(공장관리+신고)와 M-Project(부적합관리)를 **3개 독

 ## 다음에 할 일 (우선순위)

-1. **Cloudflare 대시보드에서 tkqc 서비스 URL 변경** (사용자 작업)
-   - `http://m-project-nginx:80` → `http://tkqc-nginx:80`
-2. **tkqc.technicalkorea.net 접속 테스트**
-3. **Phase 3 마무리**: auth 미들웨어 SSO 연동 코드 완성
-4. **Phase 6**: NAS 통합 배포 시작
-5. **Phase 7**: 전체 테스트
+1. **NAS 접속 확인** (현재 LAN/Tailscale 모두 타임아웃)
+2. **.env 파일 생성** - NAS에서 기존 DB 패스워드 등 수집
+3. **Phase 6: NAS 통합 배포**
+   - 전체 백업 → 프로젝트 전송 → docker-compose up
+4. **Cloudflare Tunnel 서브도메인 설정** (사용자 대시보드 작업)
+   - `tkfb.technicalkorea.net` → `http://tk-gateway:80`
+   - `tkreport.technicalkorea.net` → `http://tk-system2-web:80`
+   - `tkqc.technicalkorea.net` → `http://tk-system3-web:80`
+5. **Phase 7**: 전체 SSO 로그인/시스템 간 이동 테스트
+
+---
+
+## 아키텍처 변경 이력
+
+### 2026-02-09: Path-based → 서브도메인 기반 라우팅
+
+**문제**: Gateway에서 `/factory/`, `/report/`, `/nc/` 경로 기반 라우팅 시, 프론트엔드 JS가 root-relative URL (`fetch('/api/...')`, `<a href="/pages/...">`)을 사용하여 경로 프리픽스 없이 요청 → 라우팅 불가.
+
+**해결**: 서브도메인 기반 라우팅 + 쿠키 기반 SSO
+
+| 서브도메인 | Cloudflare Tunnel 대상 | 시스템 |
+|-----------|----------------------|--------|
+| `tkfb.technicalkorea.net` | `http://tk-gateway:80` | 포털 + System 1 (프록시) |
+| `tkreport.technicalkorea.net` | `http://tk-system2-web:80` | System 2 |
+| `tkqc.technicalkorea.net` | `http://tk-system3-web:80` | System 3 |
+
+**SSO 쿠키 전략**: `sso_token`, `sso_user` 쿠키를 `domain=.technicalkorea.net`으로 설정하여 서브도메인 간 공유. localStorage는 폴백용으로 유지 (개발 환경 및 하위호환).

 ---

--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -363,6 +363,29 @@ services:
    networks:
      - tk-network

+  # =================================================================
+  # Cloudflare Tunnel
+  # =================================================================
+
+  cloudflared:
+    image: cloudflare/cloudflared:latest
+    container_name: tk-cloudflared
+    restart: unless-stopped
+    command: tunnel --no-autoupdate run
+    environment:
+      - TUNNEL_TOKEN=${CLOUDFLARE_TUNNEL_TOKEN}
+    depends_on:
+      - gateway
+      - system2-web
+      - system3-web
+    deploy:
+      resources:
+        limits:
+          memory: 128M
+          cpus: "0.25"
+    networks:
+      - tk-network
+
 volumes:
  mariadb_data:
  postgres_data:
--- a/gateway/html/login.html
+++ b/gateway/html/login.html
@@ -98,16 +98,39 @@
    </div>

    <script>
+        // SSO 쿠키 유틸리티
+        var ssoCookie = {
+            set: function(name, value, days) {
+                var cookie = name + '=' + encodeURIComponent(value) + '; path=/';
+                if (days) cookie += '; max-age=' + (days * 86400);
+                if (window.location.hostname.includes('technicalkorea.net')) {
+                    cookie += '; domain=.technicalkorea.net; secure; samesite=lax';
+                }
+                document.cookie = cookie;
+            },
+            get: function(name) {
+                var match = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'));
+                return match ? decodeURIComponent(match[1]) : null;
+            },
+            remove: function(name) {
+                var cookie = name + '=; path=/; max-age=0';
+                if (window.location.hostname.includes('technicalkorea.net')) {
+                    cookie += '; domain=.technicalkorea.net';
+                }
+                document.cookie = cookie;
+            }
+        };
+
        async function handleLogin(e) {
            e.preventDefault();
-            const btn = document.getElementById('submitBtn');
-            const errEl = document.getElementById('errorMsg');
+            var btn = document.getElementById('submitBtn');
+            var errEl = document.getElementById('errorMsg');
            errEl.style.display = 'none';
            btn.disabled = true;
            btn.textContent = '로그인 중...';

            try {
-                const res = await fetch('/auth/login', {
+                var res = await fetch('/auth/login', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({
@@ -116,21 +139,28 @@
                    })
                });

-                const data = await res.json();
+                var data = await res.json();

                if (!res.ok || !data.success) {
                    throw new Error(data.error || '로그인에 실패했습니다');
                }

-                // 토큰과 유저 정보 저장
+                // 쿠키에 토큰 저장 (서브도메인 공유)
+                ssoCookie.set('sso_token', data.access_token, 7);
+                ssoCookie.set('sso_user', JSON.stringify(data.user), 7);
+                if (data.refresh_token) {
+                    ssoCookie.set('sso_refresh_token', data.refresh_token, 30);
+                }
+
+                // localStorage에도 저장 (같은 도메인 내 호환성)
                localStorage.setItem('sso_token', data.access_token);
                localStorage.setItem('sso_user', JSON.stringify(data.user));
                if (data.refresh_token) {
                    localStorage.setItem('sso_refresh_token', data.refresh_token);
                }

-                // 포털로 이동
-                const redirect = new URLSearchParams(location.search).get('redirect');
+                // redirect 파라미터가 있으면 해당 URL로, 없으면 포털로
+                var redirect = new URLSearchParams(location.search).get('redirect');
                window.location.href = redirect || '/';
            } catch (err) {
                errEl.textContent = err.message;
@@ -141,9 +171,11 @@
            }
        }

-        // 이미 로그인 되어있으면 포털로
-        if (localStorage.getItem('sso_token')) {
-            window.location.href = '/';
+        // 이미 로그인 되어있으면 포털로 (쿠키 또는 localStorage 체크)
+        var existingToken = ssoCookie.get('sso_token') || localStorage.getItem('sso_token');
+        if (existingToken && existingToken !== 'undefined' && existingToken !== 'null') {
+            var redirect = new URLSearchParams(location.search).get('redirect');
+            window.location.href = redirect || '/';
        }
    </script>
 </body>
--- a/gateway/html/portal.html
+++ b/gateway/html/portal.html
@@ -141,19 +141,19 @@
                <p>사용할 시스템을 선택하세요</p>
            </div>
            <div class="systems">
-                <a href="/factory/" class="system-card s1" id="card-s1">
+                <a href="/pages/dashboard.html" class="system-card s1" id="card-s1">
                    <div class="system-icon">&#127981;</div>
                    <h3>공장관리</h3>
                    <p>작업보고, 근태관리, TBM, 순회점검, 장비관리 등 현장 운영 전반</p>
                    <span class="badge">System 1</span>
                </a>
-                <a href="/report/" class="system-card s2" id="card-s2">
+                <a id="card-s2-link" class="system-card s2" id="card-s2">
                    <div class="system-icon">&#128680;</div>
                    <h3>신고 시스템</h3>
                    <p>안전/부적합 이슈 신고, 처리현황 추적, 부적합 자동 연동</p>
                    <span class="badge">System 2</span>
                </a>
-                <a href="/nc/" class="system-card s3" id="card-s3">
+                <a id="card-s3-link" class="system-card s3" id="card-s3">
                    <div class="system-icon">&#128203;</div>
                    <h3>부적합 관리</h3>
                    <p>부적합 이슈 접수, 처리, 리포트 생성, 프로젝트별 현황 관리</p>
@@ -167,12 +167,31 @@

    <script src="/shared/nav-header.js"></script>
    <script>
-        const TOKEN_KEY = 'sso_token';
-        const USER_KEY = 'sso_user';
+        var ssoCookie = {
+            get: function(name) {
+                var match = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'));
+                return match ? decodeURIComponent(match[1]) : null;
+            },
+            remove: function(name) {
+                var cookie = name + '=; path=/; max-age=0';
+                if (window.location.hostname.includes('technicalkorea.net')) {
+                    cookie += '; domain=.technicalkorea.net';
+                }
+                document.cookie = cookie;
+            }
+        };
+
+        function getToken() {
+            return ssoCookie.get('sso_token') || localStorage.getItem('sso_token');
+        }
+        function getUser() {
+            var raw = ssoCookie.get('sso_user') || localStorage.getItem('sso_user');
+            try { return JSON.parse(raw); } catch(e) { return null; }
+        }

        function init() {
-            const token = localStorage.getItem(TOKEN_KEY);
-            const user = JSON.parse(localStorage.getItem(USER_KEY) || 'null');
+            var token = getToken();
+            var user = getUser();

            if (token && user) {
                showDashboard(user);
@@ -199,12 +218,36 @@
        }

        function logout() {
-            localStorage.removeItem(TOKEN_KEY);
-            localStorage.removeItem(USER_KEY);
-            fetch('/auth/logout', { method: 'POST' }).catch(() => {});
+            ssoCookie.remove('sso_token');
+            ssoCookie.remove('sso_user');
+            ssoCookie.remove('sso_refresh_token');
+            localStorage.removeItem('sso_token');
+            localStorage.removeItem('sso_user');
+            localStorage.removeItem('sso_refresh_token');
+            fetch('/auth/logout', { method: 'POST' }).catch(function(){});
            location.reload();
        }

+        // 서브도메인 링크 설정
+        function setupSystemLinks() {
+            var hostname = window.location.hostname;
+            var protocol = window.location.protocol;
+            var s2Link, s3Link;
+
+            if (hostname.includes('technicalkorea.net')) {
+                s2Link = protocol + '//tkreport.technicalkorea.net';
+                s3Link = protocol + '//tkqc.technicalkorea.net';
+            } else {
+                // 개발 환경: 포트 기반
+                s2Link = protocol + '//' + hostname + ':30180';
+                s3Link = protocol + '//' + hostname + ':30280';
+            }
+
+            document.getElementById('card-s2-link').href = s2Link;
+            document.getElementById('card-s3-link').href = s3Link;
+        }
+        setupSystemLinks();
+
        init();
    </script>
 </body>
--- a/gateway/html/shared/nav-header.js
+++ b/gateway/html/shared/nav-header.js
@@ -1,38 +1,77 @@
 /**
- * 공유 네비게이션 헤더
+ * 공유 네비게이션 헤더 + SSO 쿠키 유틸리티
 *
- * 각 시스템 페이지에서 import하여 통합 포털 네비게이션을 제공
+ * 각 시스템 페이지에서 import하여 SSO 인증 유틸 제공
 * <script src="/shared/nav-header.js"></script>
 */
 (function() {
-  const TOKEN_KEY = 'sso_token';
-  const USER_KEY = 'sso_user';
+  // 쿠키 헬퍼
+  function cookieGet(name) {
+    var match = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'));
+    return match ? decodeURIComponent(match[1]) : null;
+  }
+  function cookieSet(name, value, days) {
+    var cookie = name + '=' + encodeURIComponent(value) + '; path=/';
+    if (days) cookie += '; max-age=' + (days * 86400);
+    if (window.location.hostname.includes('technicalkorea.net')) {
+      cookie += '; domain=.technicalkorea.net; secure; samesite=lax';
+    }
+    document.cookie = cookie;
+  }
+  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 토큰 가져오기
+   * SSO 인증 유틸리티 (쿠키 + localStorage 이중 지원)
   */
  window.SSOAuth = {
    getToken: function() {
-      return localStorage.getItem(TOKEN_KEY);
+      return cookieGet('sso_token') || localStorage.getItem('sso_token');
    },

    getUser: function() {
-      try {
-        return JSON.parse(localStorage.getItem(USER_KEY));
-      } catch {
-        return null;
-      }
+      var raw = cookieGet('sso_user') || localStorage.getItem('sso_user');
+      try { return JSON.parse(raw); } catch(e) { return null; }
    },

    isLoggedIn: function() {
-      return !!this.getToken();
+      var token = this.getToken();
+      return !!token && token !== 'undefined' && token !== 'null';
    },

    logout: function() {
-      localStorage.removeItem(TOKEN_KEY);
-      localStorage.removeItem(USER_KEY);
+      cookieRemove('sso_token');
+      cookieRemove('sso_user');
+      cookieRemove('sso_refresh_token');
+      localStorage.removeItem('sso_token');
+      localStorage.removeItem('sso_user');
      localStorage.removeItem('sso_refresh_token');
-      window.location.href = '/login';
+      window.location.href = this.getLoginUrl();
+    },
+
+    /**
+     * 중앙 로그인 URL 반환
+     */
+    getLoginUrl: function(redirect) {
+      var hostname = window.location.hostname;
+      var loginUrl;
+
+      if (hostname.includes('technicalkorea.net')) {
+        loginUrl = window.location.protocol + '//tkfb.technicalkorea.net/login';
+      } else {
+        // 개발 환경: Gateway 포트 (30000)
+        loginUrl = window.location.protocol + '//' + hostname + ':30000/login';
+      }
+
+      if (redirect) {
+        loginUrl += '?redirect=' + encodeURIComponent(redirect);
+      }
+      return loginUrl;
    },

    /**
@@ -41,7 +80,7 @@
    fetch: function(url, options) {
      options = options || {};
      options.headers = options.headers || {};
-      const token = this.getToken();
+      var token = this.getToken();
      if (token) {
        options.headers['Authorization'] = 'Bearer ' + token;
      }
@@ -49,27 +88,11 @@
    },

    /**
-     * 토큰 유효성 확인 (SSO 서비스 호출)
-     */
-    validate: async function() {
-      const token = this.getToken();
-      if (!token) return false;
-      try {
-        const res = await fetch('/auth/validate', {
-          headers: { 'Authorization': 'Bearer ' + token }
-        });
-        return res.ok;
-      } catch {
-        return false;
-      }
-    },
-
-    /**
-     * 로그인 안 되어있으면 로그인 페이지로 리다이렉트
+     * 로그인 안 되어있으면 중앙 로그인 페이지로 리다이렉트
     */
    requireLogin: function() {
      if (!this.isLoggedIn()) {
-        window.location.href = '/login?redirect=' + encodeURIComponent(window.location.pathname);
+        window.location.href = this.getLoginUrl(window.location.href);
      }
    }
  };
--- a/gateway/nginx.conf
+++ b/gateway/nginx.conf
@@ -4,18 +4,20 @@ server {

    client_max_body_size 50M;

-    # ===== 포털/SSO 페이지 =====
+    # ===== Gateway 자체 페이지 (포털, 로그인) =====
    root /usr/share/nginx/html;

+    # 포털 메인 페이지 (정확히 / 만)
    location = / {
        try_files /portal.html =404;
    }

+    # 로그인 페이지
    location = /login {
        try_files /login.html =404;
    }

-    # 공유 JS/CSS
+    # 공유 JS/CSS (nav-header 등)
    location /shared/ {
        alias /usr/share/nginx/html/shared/;
    }
@@ -29,59 +31,36 @@ server {
        proxy_set_header X-Forwarded-Proto $scheme;
    }

-    # ===== System 1: 공장관리 =====
-    location /factory/ {
-        proxy_pass http://system1-web:80/;
-        proxy_set_header Host $host;
-        proxy_set_header X-Real-IP $remote_addr;
-        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-        proxy_set_header X-Forwarded-Proto $scheme;
-    }
-
-    location /factory/api/ {
+    # ===== System 1 API 프록시 =====
+    location /api/ {
        proxy_pass http://system1-api:3005/api/;
+        proxy_http_version 1.1;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }

-    location /factory/fastapi/ {
+    # ===== System 1 업로드 파일 =====
+    location /uploads/ {
+        proxy_pass http://system1-api:3005/uploads/;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+    }
+
+    # ===== System 1 FastAPI Bridge =====
+    location /fastapi/ {
        proxy_pass http://system1-fastapi:8000/;
+        proxy_http_version 1.1;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }

-    # ===== System 2: 신고 =====
-    location /report/ {
-        proxy_pass http://system2-web:80/;
-        proxy_set_header Host $host;
-        proxy_set_header X-Real-IP $remote_addr;
-        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-        proxy_set_header X-Forwarded-Proto $scheme;
-    }
-
-    location /report/api/ {
-        proxy_pass http://system2-api:3005/api/;
-        proxy_set_header Host $host;
-        proxy_set_header X-Real-IP $remote_addr;
-        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-        proxy_set_header X-Forwarded-Proto $scheme;
-    }
-
-    # ===== System 3: 부적합관리 =====
-    location /nc/ {
-        proxy_pass http://system3-web:80/;
-        proxy_set_header Host $host;
-        proxy_set_header X-Real-IP $remote_addr;
-        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-        proxy_set_header X-Forwarded-Proto $scheme;
-    }
-
-    location /nc/api/ {
-        proxy_pass http://system3-api:8000/api/;
+    # ===== System 1 Web (나머지 모든 경로) =====
+    location / {
+        proxy_pass http://system1-web:80;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
--- a/system1-factory/fastapi-bridge/static/js/admin.js
+++ b/system1-factory/fastapi-bridge/static/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/fastapi-bridge/static/js/api-config.js
+++ b/system1-factory/fastapi-bridge/static/js/api-config.js
@@ -30,10 +30,10 @@ function getApiBaseUrl() {
 export const API = getApiBaseUrl();

 export function ensureAuthenticated() {
-  const token = localStorage.getItem('token');
+  const token = localStorage.getItem('sso_token');
  if (!token || token === 'undefined') {
    alert('로그인이 필요합니다');
-    localStorage.removeItem('token');
+    localStorage.removeItem('sso_token');
    window.location.href = '/';
    return null;
  }
@@ -41,7 +41,7 @@ export function ensureAuthenticated() {
 }

 export function getAuthHeaders() {
-  const token = localStorage.getItem('token');
+  const token = localStorage.getItem('sso_token');
  return {
    'Content-Type': 'application/json',
    'Authorization': `Bearer ${token}`
@@ -70,7 +70,7 @@ export async function apiCall(url, options = {}) {
    // 인증 만료 처리
    if (response.status === 401) {
      console.error('❌ 인증 만료');
-      localStorage.removeItem('token');
+      localStorage.removeItem('sso_token');
      alert('인증이 만료되었습니다. 다시 로그인해주세요.');
      window.location.href = '/';
      return;
--- a/system1-factory/fastapi-bridge/static/js/api-helper.js
+++ b/system1-factory/fastapi-bridge/static/js/api-helper.js
@@ -37,7 +37,7 @@ async function authFetch(endpoint, options = {}) {
  if (!token) {
    console.error('토큰이 없습니다. 로그인이 필요합니다.');
    clearAuthData(); // 인증 정보 정리
-    window.location.href = '/index.html'; // 로그인 페이지로 리디렉션
+    window.location.href = '/login'; // 로그인 페이지로 리디렉션
    // 에러를 던져서 후속 실행을 중단
    throw new Error('인증 토큰이 없습니다.');
  }
@@ -59,7 +59,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/fastapi-bridge/static/js/attendance-validation.js
+++ b/system1-factory/fastapi-bridge/static/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/fastapi-bridge/static/js/auth-check.js
+++ b/system1-factory/fastapi-bridge/static/js/auth-check.js
@@ -6,7 +6,7 @@ import { isLoggedIn, getUser, clearAuthData } from './auth.js';
  if (!isLoggedIn()) {
    console.log('🚨 인증되지 않은 사용자. 로그인 페이지로 이동합니다.');
    clearAuthData(); // 만약을 위해 한번 더 정리
-    window.location.href = '/index.html';
+    window.location.href = '/login';
    return; // 이후 코드 실행 방지
  }

@@ -16,7 +16,7 @@ import { isLoggedIn, getUser, clearAuthData } from './auth.js';
  if (!currentUser || !currentUser.username || !currentUser.role) {
    console.error('🚨 사용자 정보가 유효하지 않습니다. 강제 로그아웃 처리합니다.');
    clearAuthData();
-    window.location.href = '/index.html';
+    window.location.href = '/login';
    return;
  }

--- a/system1-factory/fastapi-bridge/static/js/auth.js
+++ b/system1-factory/fastapi-bridge/static/js/auth.js
@@ -20,7 +20,7 @@ export function parseJwt(token) {
 * @returns {string|null} - 저장된 토큰 또는 토큰이 없을 경우 null
 */
 export function getToken() {
-  return localStorage.getItem('token');
+  return localStorage.getItem('sso_token');
 }

 /**
@@ -28,7 +28,7 @@ export function getToken() {
 * @returns {object|null} - 저장된 사용자 객체 또는 정보가 없을 경우 null
 */
 export function getUser() {
-  const user = localStorage.getItem('user');
+  const user = localStorage.getItem('sso_user');
  try {
    return user ? JSON.parse(user) : null;
  } catch(e) {
@@ -43,16 +43,16 @@ export function getUser() {
 * @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');
+  localStorage.removeItem('sso_token');
+  localStorage.removeItem('sso_user');
 }

 /**
--- a/system1-factory/fastapi-bridge/static/js/change-password.js
+++ b/system1-factory/fastapi-bridge/static/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/fastapi-bridge/static/js/daily-report-viewer.js
+++ b/system1-factory/fastapi-bridge/static/js/daily-report-viewer.js
@@ -65,7 +65,7 @@ function initializePage() {
    const user = getUser();
    if (!user) {
        showError('로그인이 필요합니다. 2초 후 로그인 페이지로 이동합니다.');
-        setTimeout(() => window.location.href = '/index.html', 2000);
+        setTimeout(() => window.location.href = '/login', 2000);
        return;
    }
    
--- a/system1-factory/fastapi-bridge/static/js/daily-work-report.js
+++ b/system1-factory/fastapi-bridge/static/js/daily-work-report.js
@@ -28,7 +28,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];
@@ -42,7 +42,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);
@@ -861,10 +861,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/fastapi-bridge/static/js/factory-upload.js
+++ b/system1-factory/fastapi-bridge/static/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/fastapi-bridge/static/js/group-leader-dashboard.js
+++ b/system1-factory/fastapi-bridge/static/js/group-leader-dashboard.js
@@ -69,7 +69,7 @@ function updateTeamStatusUI() {

 // 환영 메시지 개인화
 function personalizeWelcome() {
-  const user = JSON.parse(localStorage.getItem('user') || '{}');
+  const user = JSON.parse(localStorage.getItem('sso_user') || '{}');
  const welcomeMsg = document.getElementById('welcome-message');
  
  if (user && user.name && welcomeMsg) {
@@ -83,7 +83,7 @@ document.addEventListener('DOMContentLoaded', function() {
  console.log('🚀 그룹장 대시보드 초기화 시작');
  
  // 사용자 정보 확인
-  const user = JSON.parse(localStorage.getItem('user') || '{}');
+  const user = JSON.parse(localStorage.getItem('sso_user') || '{}');
  console.log('👤 현재 사용자:', user);
  
  // 권한 확인
--- a/system1-factory/fastapi-bridge/static/js/load-navbar.js
+++ b/system1-factory/fastapi-bridge/static/js/load-navbar.js
@@ -79,7 +79,7 @@ function setupNavbarEvents() {
    logoutButton.addEventListener('click', () => {
      if (confirm('로그아웃 하시겠습니까?')) {
        clearAuthData();
-        window.location.href = '/index.html';
+        window.location.href = '/login';
      }
    });
  }
--- a/system1-factory/fastapi-bridge/static/js/manage-user.js
+++ b/system1-factory/fastapi-bridge/static/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/fastapi-bridge/static/js/management-dashboard.js
+++ b/system1-factory/fastapi-bridge/static/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);
@@ -929,10 +929,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/fastapi-bridge/static/js/my-profile.js
+++ b/system1-factory/fastapi-bridge/static/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/fastapi-bridge/static/js/work-review.js
+++ b/system1-factory/fastapi-bridge/static/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/fastapi-bridge/static/pages/admin/manage-daily-work.html
+++ b/system1-factory/fastapi-bridge/static/pages/admin/manage-daily-work.html
@@ -40,7 +40,7 @@ const AttendanceValidationPage = () => {
    try {
      const response = await fetch(`/api/workreports/date/${date}`, {
        headers: {
-          'Authorization': `Bearer ${localStorage.getItem('token')}`
+          'Authorization': `Bearer ${localStorage.getItem('sso_token')}`
        }
      });
      return await response.json();
@@ -54,7 +54,7 @@ const AttendanceValidationPage = () => {
    try {
      const response = await fetch(`/api/daily-work-reports/date/${date}`, {
        headers: {
-          'Authorization': `Bearer ${localStorage.getItem('token')}`
+          'Authorization': `Bearer ${localStorage.getItem('sso_token')}`
        }
      });
      return await response.json();
@@ -72,10 +72,10 @@ const AttendanceValidationPage = () => {
    try {
      const [workReports, dailyReports] = await Promise.all([
        fetch(`/api/workreports?start=${start}&end=${end}`, {
-          headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+          headers: { 'Authorization': `Bearer ${localStorage.getItem('sso_token')}` }
        }).then(res => res.json()),
        fetch(`/api/daily-work-reports/search?start_date=${start}&end_date=${end}`, {
-          headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+          headers: { 'Authorization': `Bearer ${localStorage.getItem('sso_token')}` }
        }).then(res => res.json())
      ]);

--- a/system1-factory/fastapi-bridge/static/pages/analysis/daily_work_analysis.html
+++ b/system1-factory/fastapi-bridge/static/pages/analysis/daily_work_analysis.html
@@ -623,7 +623,7 @@
        
        // 토큰 확인 함수
        function checkToken() {
-            const token = localStorage.getItem('token');
+            const token = localStorage.getItem('sso_token');
            if (!token) {
                showError('로그인이 필요합니다.');
                setTimeout(() => {
--- a/system1-factory/fastapi-bridge/static/pages/common/12.html
+++ b/system1-factory/fastapi-bridge/static/pages/common/12.html
@@ -324,7 +324,7 @@

        // 토큰 가져오기
        function getToken() {
-            return localStorage.getItem('token') || sessionStorage.getItem('token');
+            return localStorage.getItem('sso_token') || sessionStorage.getItem('token');
        }

        // 로딩 상태 설정
--- a/system1-factory/fastapi-bridge/static/pages/dashboard/group-leader.html
+++ b/system1-factory/fastapi-bridge/static/pages/dashboard/group-leader.html
@@ -541,7 +541,7 @@
  <script>
    // 디버깅용 콘솔 로그
    console.log('📊 그룹장 대시보드 로딩됨');
-    console.log('👤 현재 사용자:', JSON.parse(localStorage.getItem('user') || '{}'));
+    console.log('👤 현재 사용자:', JSON.parse(localStorage.getItem('sso_user') || '{}'));
    
    // 팀 현황 새로고침
    function refreshTeamStatus() {
@@ -551,7 +551,7 @@

    // 환영 메시지 개인화
    document.addEventListener('DOMContentLoaded', function() {
-      const user = JSON.parse(localStorage.getItem('user') || '{}');
+      const user = JSON.parse(localStorage.getItem('sso_user') || '{}');
      if (user && user.name) {
        const welcomeMsg = document.getElementById('welcome-message');
        if (welcomeMsg) {
--- a/system1-factory/web/Dockerfile
+++ b/system1-factory/web/Dockerfile
@@ -3,8 +3,7 @@ FROM nginx:alpine
 # 정적 파일 복사
 COPY . /usr/share/nginx/html/

-# Nginx 설정 파일 복사 (선택사항)
-# COPY nginx.conf /etc/nginx/conf.d/default.conf
+COPY nginx.conf /etc/nginx/conf.d/default.conf

 EXPOSE 80

--- a/system1-factory/web/components/sidebar-nav.html
+++ b/system1-factory/web/components/sidebar-nav.html
@@ -66,7 +66,7 @@
        <span class="nav-arrow">&#9662;</span>
      </button>
      <div class="nav-category-items">
-        <a href="/pages/safety/report-status.html" class="nav-item" data-page-key="safety.report_status">
+        <a href="#" class="nav-item cross-system-link" data-system="report" data-path="/pages/safety/report-status.html" data-page-key="safety.report_status">
          <span class="nav-text">안전신고 현황</span>
        </a>
        <a href="/pages/safety/visit-request.html" class="nav-item" data-page-key="safety.visit_request">
--- a/system1-factory/web/index.html
+++ b/system1-factory/web/index.html
@@ -1,29 +1,33 @@
 <!DOCTYPE html>
 <html lang="ko">
 <head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>(주)테크니컬코리아 생산팀 포털</title>
-  <link rel="stylesheet" href="css/login.css" />
-  <link rel="icon" type="image/png" href="img/favicon.png">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>(주)테크니컬코리아 생산팀 포털</title>
+    <link rel="icon" type="image/png" href="img/favicon.png">
+    <script>
+        // SSO 토큰 확인 (쿠키 + localStorage)
+        (function() {
+            function cookieGet(name) {
+                var match = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'));
+                return match ? decodeURIComponent(match[1]) : null;
+            }
+            var token = cookieGet('sso_token') || localStorage.getItem('sso_token');
+            if (token && token !== 'undefined' && token !== 'null') {
+                window.location.replace('/pages/dashboard.html');
+            } else {
+                // 중앙 로그인으로 리다이렉트
+                var hostname = window.location.hostname;
+                if (hostname.includes('technicalkorea.net')) {
+                    window.location.replace(window.location.protocol + '//tkfb.technicalkorea.net/login');
+                } else {
+                    window.location.replace('/login');
+                }
+            }
+        })();
+    </script>
 </head>
 <body>
-  <div class="login-container">
-    <img src="img/logo.png" alt="테크니컬코리아 로고" class="logo" />
-    <h1>(주)테크니컬코리아</h1>
-    <h3>생산팀 포털 로그인</h3>
-    <form id="loginForm">
-      <input type="text" id="username" placeholder="아이디" required autocomplete="username" />
-      <input type="password" id="password" placeholder="비밀번호" required autocomplete="current-password" />
-      <button type="submit">로그인</button>
-    </form>
-    <div id="error" class="error-message"></div>
-    
-  </div>
-
-  <!-- 스크립트 로딩 (순서 중요) -->
-  <script type="module" src="js/api-config.js"></script>
-  <script type="module" src="js/api-helper.js"></script>
-  <script type="module" src="js/login.js"></script>
+    <p>로딩 중...</p>
 </body>
-</html>
+</html>
--- 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
        }
--- a/system1-factory/web/nginx.conf
+++ b/system1-factory/web/nginx.conf
@@ -0,0 +1,53 @@
+server {
+    listen 80;
+    server_name _;
+
+    client_max_body_size 50M;
+
+    root /usr/share/nginx/html;
+    index index.html;
+
+    # HTML 캐시 비활성화
+    location ~* \.html$ {
+        expires -1;
+        add_header Cache-Control "no-store, no-cache, must-revalidate";
+    }
+
+    # 정적 파일 캐시 (JS, CSS, 이미지 등)
+    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf)$ {
+        expires 1h;
+        add_header Cache-Control "public, no-transform";
+    }
+
+    # API 프록시 (System 1 API)
+    location /api/ {
+        proxy_pass http://system1-api:3005/api/;
+        proxy_http_version 1.1;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+    }
+
+    # 업로드 파일 프록시
+    location /uploads/ {
+        proxy_pass http://system1-api:3005/uploads/;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+    }
+
+    # FastAPI Bridge 프록시
+    location /fastapi/ {
+        proxy_pass http://system1-fastapi:8000/;
+        proxy_http_version 1.1;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+    }
+
+    # SPA fallback
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+}
--- a/system1-factory/web/pages/admin/attendance-report.html
+++ b/system1-factory/web/pages/admin/attendance-report.html
@@ -188,14 +188,14 @@
        if (window.API_BASE_URL) {
          clearInterval(checkApiConfig);
          axios.defaults.baseURL = window.API_BASE_URL;
-          const token = localStorage.getItem('token');
+          const token = localStorage.getItem('sso_token');
          if (token) {
            axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
          }

          axios.interceptors.request.use(
            config => {
-              const token = localStorage.getItem('token');
+              const token = localStorage.getItem('sso_token');
              if (token) {
                config.headers.Authorization = `Bearer ${token}`;
              }
--- a/system1-factory/web/pages/admin/equipment-detail.html
+++ b/system1-factory/web/pages/admin/equipment-detail.html
@@ -313,13 +313,13 @@
        if (window.API_BASE_URL) {
          clearInterval(checkApiConfig);
          axios.defaults.baseURL = window.API_BASE_URL;
-          const token = localStorage.getItem('token');
+          const token = localStorage.getItem('sso_token');
          if (token) {
            axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
          }
          axios.interceptors.request.use(
            config => {
-              const token = localStorage.getItem('token');
+              const token = localStorage.getItem('sso_token');
              if (token) config.headers.Authorization = `Bearer ${token}`;
              return config;
            },
--- a/system1-factory/web/pages/admin/equipments.html
+++ b/system1-factory/web/pages/admin/equipments.html
@@ -189,13 +189,13 @@
        if (window.API_BASE_URL) {
          clearInterval(checkApiConfig);
          axios.defaults.baseURL = window.API_BASE_URL;
-          const token = localStorage.getItem('token');
+          const token = localStorage.getItem('sso_token');
          if (token) {
            axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
          }
          axios.interceptors.request.use(
            config => {
-              const token = localStorage.getItem('token');
+              const token = localStorage.getItem('sso_token');
              if (token) config.headers.Authorization = `Bearer ${token}`;
              return config;
            },
--- a/system1-factory/web/pages/attendance/annual-overview.html
+++ b/system1-factory/web/pages/attendance/annual-overview.html
@@ -319,7 +319,7 @@
        if (window.API_BASE_URL) {
          clearInterval(check);
          axios.defaults.baseURL = window.API_BASE_URL;
-          const token = localStorage.getItem('token');
+          const token = localStorage.getItem('sso_token');
          if (token) axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
        }
      }, 50);
--- a/system1-factory/web/pages/attendance/checkin.html
+++ b/system1-factory/web/pages/attendance/checkin.html
@@ -216,7 +216,7 @@
        if (window.API_BASE_URL) {
          clearInterval(checkApiConfig);
          axios.defaults.baseURL = window.API_BASE_URL;
-          const token = localStorage.getItem('token');
+          const token = localStorage.getItem('sso_token');
          if (token) {
            axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
          }
--- a/system1-factory/web/pages/attendance/daily.html
+++ b/system1-factory/web/pages/attendance/daily.html
@@ -66,14 +66,14 @@
        if (window.API_BASE_URL) {
          clearInterval(checkApiConfig);
          axios.defaults.baseURL = window.API_BASE_URL;
-          const token = localStorage.getItem('token');
+          const token = localStorage.getItem('sso_token');
          if (token) {
            axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
          }

          axios.interceptors.request.use(
            config => {
-              const token = localStorage.getItem('token');
+              const token = localStorage.getItem('sso_token');
              if (token) {
                config.headers.Authorization = `Bearer ${token}`;
              }
--- a/system1-factory/web/pages/attendance/monthly.html
+++ b/system1-factory/web/pages/attendance/monthly.html
@@ -470,14 +470,14 @@
        if (window.API_BASE_URL) {
          clearInterval(checkApiConfig);
          axios.defaults.baseURL = window.API_BASE_URL;
-          const token = localStorage.getItem('token');
+          const token = localStorage.getItem('sso_token');
          if (token) {
            axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
          }

          axios.interceptors.request.use(
            config => {
-              const token = localStorage.getItem('token');
+              const token = localStorage.getItem('sso_token');
              if (token) {
                config.headers.Authorization = `Bearer ${token}`;
              }
--- a/system1-factory/web/pages/attendance/my-vacation-info.html
+++ b/system1-factory/web/pages/attendance/my-vacation-info.html
@@ -256,7 +256,7 @@
        if (window.API_BASE_URL) {
          clearInterval(check);
          axios.defaults.baseURL = window.API_BASE_URL;
-          const token = localStorage.getItem('token');
+          const token = localStorage.getItem('sso_token');
          if (token) axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
        }
      }, 50);
@@ -285,7 +285,7 @@

    async function initPage() {
      // 현재 사용자 정보 가져오기
-      const userStr = localStorage.getItem('user');
+      const userStr = localStorage.getItem('sso_user');
      if (userStr) {
        try {
          currentUser = JSON.parse(userStr);
--- a/system1-factory/web/pages/attendance/vacation-approval.html
+++ b/system1-factory/web/pages/attendance/vacation-approval.html
@@ -120,14 +120,14 @@
        if (window.API_BASE_URL) {
          clearInterval(checkApiConfig);
          axios.defaults.baseURL = window.API_BASE_URL;
-          const token = localStorage.getItem('token');
+          const token = localStorage.getItem('sso_token');
          if (token) {
            axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
          }

          axios.interceptors.request.use(
            config => {
-              const token = localStorage.getItem('token');
+              const token = localStorage.getItem('sso_token');
              if (token) {
                config.headers.Authorization = `Bearer ${token}`;
              }
--- a/system1-factory/web/pages/attendance/vacation-input.html
+++ b/system1-factory/web/pages/attendance/vacation-input.html
@@ -120,14 +120,14 @@
        if (window.API_BASE_URL) {
          clearInterval(checkApiConfig);
          axios.defaults.baseURL = window.API_BASE_URL;
-          const token = localStorage.getItem('token');
+          const token = localStorage.getItem('sso_token');
          if (token) {
            axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
          }

          axios.interceptors.request.use(
            config => {
-              const token = localStorage.getItem('token');
+              const token = localStorage.getItem('sso_token');
              if (token) {
                config.headers.Authorization = `Bearer ${token}`;
              }
--- a/system1-factory/web/pages/attendance/vacation-management.html
+++ b/system1-factory/web/pages/attendance/vacation-management.html
@@ -202,14 +202,14 @@
        if (window.API_BASE_URL) {
          clearInterval(checkApiConfig);
          axios.defaults.baseURL = window.API_BASE_URL;
-          const token = localStorage.getItem('token');
+          const token = localStorage.getItem('sso_token');
          if (token) {
            axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
          }

          axios.interceptors.request.use(
            config => {
-              const token = localStorage.getItem('token');
+              const token = localStorage.getItem('sso_token');
              if (token) {
                config.headers.Authorization = `Bearer ${token}`;
              }
--- a/system1-factory/web/pages/attendance/vacation-request.html
+++ b/system1-factory/web/pages/attendance/vacation-request.html
@@ -114,14 +114,14 @@
        if (window.API_BASE_URL) {
          clearInterval(checkApiConfig);
          axios.defaults.baseURL = window.API_BASE_URL;
-          const token = localStorage.getItem('token');
+          const token = localStorage.getItem('sso_token');
          if (token) {
            axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
          }

          axios.interceptors.request.use(
            config => {
-              const token = localStorage.getItem('token');
+              const token = localStorage.getItem('sso_token');
              if (token) {
                config.headers.Authorization = `Bearer ${token}`;
              }
--- a/system1-factory/web/pages/attendance/work-status.html
+++ b/system1-factory/web/pages/attendance/work-status.html
@@ -263,7 +263,7 @@
        if (window.API_BASE_URL) {
          clearInterval(checkApiConfig);
          axios.defaults.baseURL = window.API_BASE_URL;
-          const token = localStorage.getItem('token');
+          const token = localStorage.getItem('sso_token');
          if (token) {
            axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
          }
--- a/system1-factory/web/pages/inspection/daily-patrol.html
+++ b/system1-factory/web/pages/inspection/daily-patrol.html
@@ -171,13 +171,13 @@
        if (window.API_BASE_URL) {
          clearInterval(checkApiConfig);
          axios.defaults.baseURL = window.API_BASE_URL;
-          const token = localStorage.getItem('token');
+          const token = localStorage.getItem('sso_token');
          if (token) {
            axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
          }
          axios.interceptors.request.use(
            config => {
-              const token = localStorage.getItem('token');
+              const token = localStorage.getItem('sso_token');
              if (token) config.headers.Authorization = `Bearer ${token}`;
              return config;
            },
--- a/system1-factory/web/pages/inspection/zone-detail.html
+++ b/system1-factory/web/pages/inspection/zone-detail.html
@@ -274,7 +274,7 @@
        if (window.API_BASE_URL) {
          clearInterval(checkApiConfig);
          axios.defaults.baseURL = window.API_BASE_URL;
-          const token = localStorage.getItem('token');
+          const token = localStorage.getItem('sso_token');
          if (token) {
            axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
          }
--- a/system1-factory/web/pages/safety/issue-detail.html
+++ b/system1-factory/web/pages/safety/issue-detail.html
@@ -2,452 +2,22 @@
 <html lang="ko">
 <head>
    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>신고 상세 | (주)테크니컬코리아</title>
-    <link rel="stylesheet" href="/css/design-system.css">
-    <link rel="stylesheet" href="/css/common.css?v=2">
-    <link rel="stylesheet" href="/css/project-management.css?v=3">
-    <link rel="icon" type="image/png" href="/img/favicon.png">
-    <script src="/js/api-base.js"></script>
-    <script src="/js/app-init.js?v=2" defer></script>
-    <script src="https://instant.page/5.2.0" type="module"></script>
-    <style>
-        /* 상태 배지 */
-        .status-badge {
-            display: inline-block;
-            padding: 0.375rem 1rem;
-            border-radius: 9999px;
-            font-size: 0.875rem;
-            font-weight: 600;
-        }
-
-        .status-badge.reported { background: #dbeafe; color: #1d4ed8; }
-        .status-badge.received { background: #fed7aa; color: #c2410c; }
-        .status-badge.in_progress { background: #e9d5ff; color: #7c3aed; }
-        .status-badge.completed { background: #d1fae5; color: #047857; }
-        .status-badge.closed { background: #f3f4f6; color: #4b5563; }
-
-        /* 유형 배지 */
-        .type-badge {
-            display: inline-block;
-            padding: 0.25rem 0.75rem;
-            border-radius: 0.25rem;
-            font-size: 0.875rem;
-            font-weight: 500;
-        }
-
-        .type-badge.nonconformity { background: #fff7ed; color: #c2410c; }
-        .type-badge.safety { background: #fef2f2; color: #b91c1c; }
-
-        /* 심각도 배지 */
-        .severity-badge {
-            display: inline-block;
-            padding: 0.125rem 0.5rem;
-            border-radius: 0.25rem;
-            font-size: 0.75rem;
-            font-weight: 600;
-        }
-
-        .severity-badge.critical { background: #fef2f2; color: #b91c1c; }
-        .severity-badge.high { background: #fff7ed; color: #c2410c; }
-        .severity-badge.medium { background: #fefce8; color: #a16207; }
-        .severity-badge.low { background: #f3f4f6; color: #4b5563; }
-
-        /* 상세 섹션 */
-        .detail-section {
-            background: white;
-            border-radius: 0.75rem;
-            padding: 1.5rem;
-            margin-bottom: 1.5rem;
-            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-        }
-
-        .section-title {
-            font-size: 1rem;
-            font-weight: 600;
-            color: #1f2937;
-            margin-bottom: 1rem;
-            padding-bottom: 0.75rem;
-            border-bottom: 1px solid #e5e7eb;
-        }
-
-        /* 정보 그리드 */
-        .info-grid {
-            display: grid;
-            grid-template-columns: repeat(2, 1fr);
-            gap: 1rem;
-        }
-
-        .info-item {
-            padding: 0.875rem;
-            background: #f9fafb;
-            border-radius: 0.5rem;
-        }
-
-        .info-label {
-            font-size: 0.75rem;
-            color: #6b7280;
-            margin-bottom: 0.25rem;
-            text-transform: uppercase;
-        }
-
-        .info-value {
-            font-size: 0.9375rem;
-            font-weight: 500;
-            color: #1f2937;
-        }
-
-        /* 사진 갤러리 */
-        .photo-gallery {
-            display: grid;
-            grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
-            gap: 0.75rem;
-        }
-
-        .photo-item {
-            aspect-ratio: 1;
-            border-radius: 0.5rem;
-            overflow: hidden;
-            cursor: pointer;
-            border: 1px solid #e5e7eb;
-        }
-
-        .photo-item img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-            transition: transform 0.2s;
-        }
-
-        .photo-item:hover img {
-            transform: scale(1.05);
-        }
-
-        /* 상태 타임라인 */
-        .status-timeline {
-            position: relative;
-            padding-left: 1.5rem;
-        }
-
-        .status-timeline::before {
-            content: '';
-            position: absolute;
-            left: 0.375rem;
-            top: 0;
-            bottom: 0;
-            width: 2px;
-            background: #e5e7eb;
-        }
-
-        .timeline-item {
-            position: relative;
-            padding-bottom: 1rem;
-        }
-
-        .timeline-item:last-child {
-            padding-bottom: 0;
-        }
-
-        .timeline-item::before {
-            content: '';
-            position: absolute;
-            left: -1.125rem;
-            top: 0.25rem;
-            width: 0.625rem;
-            height: 0.625rem;
-            border-radius: 50%;
-            background: #3b82f6;
-        }
-
-        .timeline-status {
-            font-weight: 600;
-            margin-bottom: 0.25rem;
-            color: #1f2937;
-        }
-
-        .timeline-meta {
-            font-size: 0.875rem;
-            color: #6b7280;
-        }
-
-        /* 액션 버튼 */
-        .action-buttons {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 0.75rem;
-            margin-top: 1.5rem;
-        }
-
-        .action-btn {
-            padding: 0.75rem 1.5rem;
-            border-radius: 0.5rem;
-            font-size: 0.875rem;
-            font-weight: 600;
-            cursor: pointer;
-            border: 1px solid #d1d5db;
-            background: white;
-            transition: all 0.2s;
-        }
-
-        .action-btn:hover { background: #f9fafb; }
-        .action-btn.primary { background: #3b82f6; color: white; border-color: #3b82f6; }
-        .action-btn.primary:hover { background: #2563eb; }
-        .action-btn.success { background: #10b981; color: white; border-color: #10b981; }
-        .action-btn.success:hover { background: #059669; }
-        .action-btn.danger { background: #ef4444; color: white; border-color: #ef4444; }
-        .action-btn.danger:hover { background: #dc2626; }
-
-        /* 모달 */
-        .modal-overlay {
-            display: none;
-            position: fixed;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: rgba(0, 0, 0, 0.5);
-            z-index: 1000;
-            align-items: center;
-            justify-content: center;
-        }
-
-        .modal-overlay.visible { display: flex; }
-
-        .modal-content {
-            background: white;
-            padding: 1.5rem;
-            border-radius: 0.75rem;
-            max-width: 500px;
-            width: 90%;
-            box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);
-        }
-
-        .modal-title {
-            font-size: 1.125rem;
-            font-weight: 600;
-            margin-bottom: 1.25rem;
-        }
-
-        .modal-form-group {
-            margin-bottom: 1rem;
-        }
-
-        .modal-form-group label {
-            display: block;
-            font-weight: 500;
-            margin-bottom: 0.5rem;
-            font-size: 0.875rem;
-        }
-
-        .modal-form-group input,
-        .modal-form-group select,
-        .modal-form-group textarea {
-            width: 100%;
-            padding: 0.75rem;
-            border: 1px solid #d1d5db;
-            border-radius: 0.5rem;
-            font-size: 0.875rem;
-        }
-
-        .modal-form-group input:focus,
-        .modal-form-group select:focus,
-        .modal-form-group textarea:focus {
-            outline: none;
-            border-color: #3b82f6;
-            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
-        }
-
-        .modal-actions {
-            display: flex;
-            justify-content: flex-end;
-            gap: 0.75rem;
-            margin-top: 1.25rem;
-        }
-
-        /* 사진 확대 모달 */
-        .photo-modal {
-            display: none;
-            position: fixed;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: rgba(0, 0, 0, 0.9);
-            z-index: 1001;
-            align-items: center;
-            justify-content: center;
-        }
-
-        .photo-modal.visible { display: flex; }
-
-        .photo-modal img {
-            max-width: 90%;
-            max-height: 90%;
-            object-fit: contain;
-        }
-
-        .photo-modal-close {
-            position: absolute;
-            top: 1.25rem;
-            right: 1.25rem;
-            color: white;
-            font-size: 2rem;
-            cursor: pointer;
-        }
-
-        /* 뒤로가기 링크 */
-        .back-link {
-            color: #3b82f6;
-            text-decoration: none;
-            display: inline-flex;
-            align-items: center;
-            gap: 0.5rem;
-            margin-bottom: 1rem;
-            font-size: 0.875rem;
-        }
-
-        .back-link:hover {
-            text-decoration: underline;
-        }
-
-        /* 헤더 */
-        .detail-header {
-            display: flex;
-            justify-content: space-between;
-            align-items: flex-start;
-            margin-bottom: 1.5rem;
-        }
-
-        .detail-id {
-            font-size: 0.875rem;
-            color: #6b7280;
-            margin-bottom: 0.5rem;
-        }
-
-        .detail-title {
-            font-size: 1.5rem;
-            font-weight: 600;
-            color: #1f2937;
-        }
-
-        /* 반응형 */
-        @media (max-width: 768px) {
-            .info-grid {
-                grid-template-columns: 1fr;
+    <title>리다이렉트 중...</title>
+    <script>
+        (function() {
+            var hostname = window.location.hostname;
+            var protocol = window.location.protocol;
+            var target;
+            if (hostname.includes('technicalkorea.net')) {
+                target = protocol + '//tkreport.technicalkorea.net/pages/safety/issue-detail.html';
+            } else {
+                target = protocol + '//' + hostname + ':30180/pages/safety/issue-detail.html';
            }
-
-            .detail-header {
-                flex-direction: column;
-                gap: 1rem;
-            }
-
-            .action-buttons {
-                flex-direction: column;
-            }
-
-            .action-btn {
-                width: 100%;
-                text-align: center;
-            }
-        }
-    </style>
+            window.location.replace(target + window.location.search);
+        })();
+    </script>
 </head>
 <body>
-    <div class="work-report-container">
-        <div id="navbar-container"></div>
-
-        <main class="work-report-main">
-            <div class="dashboard-main">
-                <a href="#" class="back-link" onclick="goBackToList(); return false;">
-                    &#8592; 목록으로
-                </a>
-
-                <div class="detail-header">
-                    <div>
-                        <div class="detail-id" id="reportId"></div>
-                        <h1 class="detail-title" id="reportTitle">로딩 중...</h1>
-                    </div>
-                    <span class="status-badge" id="statusBadge"></span>
-                </div>
-
-                <!-- 기본 정보 -->
-                <div class="detail-section">
-                    <h2 class="section-title">신고 정보</h2>
-                    <div class="info-grid" id="basicInfo"></div>
-                </div>
-
-                <!-- 신고 내용 -->
-                <div class="detail-section">
-                    <h2 class="section-title">신고 내용</h2>
-                    <div id="issueContent"></div>
-                </div>
-
-                <!-- 사진 -->
-                <div class="detail-section" id="photoSection" style="display: none;">
-                    <h2 class="section-title">첨부 사진</h2>
-                    <div class="photo-gallery" id="photoGallery"></div>
-                </div>
-
-                <!-- 처리 정보 -->
-                <div class="detail-section" id="processSection" style="display: none;">
-                    <h2 class="section-title">처리 정보</h2>
-                    <div id="processInfo"></div>
-                </div>
-
-                <!-- 상태 이력 -->
-                <div class="detail-section">
-                    <h2 class="section-title">상태 변경 이력</h2>
-                    <div class="status-timeline" id="statusTimeline"></div>
-                </div>
-
-                <!-- 액션 버튼 -->
-                <div class="action-buttons" id="actionButtons"></div>
-            </div>
-        </main>
-
-        <!-- 담당자 배정 모달 -->
-        <div class="modal-overlay" id="assignModal">
-            <div class="modal-content">
-                <h3 class="modal-title">담당자 배정</h3>
-                <div class="modal-form-group">
-                    <label>담당 부서</label>
-                    <input type="text" id="assignDepartment" placeholder="담당 부서 입력">
-                </div>
-                <div class="modal-form-group">
-                    <label>담당자</label>
-                    <select id="assignUser">
-                        <option value="">담당자 선택</option>
-                    </select>
-                </div>
-                <div class="modal-actions">
-                    <button class="action-btn" onclick="closeAssignModal()">취소</button>
-                    <button class="action-btn primary" onclick="submitAssign()">배정</button>
-                </div>
-            </div>
-        </div>
-
-        <!-- 처리 완료 모달 -->
-        <div class="modal-overlay" id="completeModal">
-            <div class="modal-content">
-                <h3 class="modal-title">처리 완료</h3>
-                <div class="modal-form-group">
-                    <label>처리 내용</label>
-                    <textarea id="resolutionNotes" rows="4" placeholder="처리 내용을 입력하세요"></textarea>
-                </div>
-                <div class="modal-actions">
-                    <button class="action-btn" onclick="closeCompleteModal()">취소</button>
-                    <button class="action-btn success" onclick="submitComplete()">완료 처리</button>
-                </div>
-            </div>
-        </div>
-
-        <!-- 사진 확대 모달 -->
-        <div class="photo-modal" id="photoModal" onclick="closePhotoModal()">
-            <span class="photo-modal-close">&times;</span>
-            <img id="photoModalImg" src="" alt="">
-        </div>
-    </div>
-
-    <script src="/js/issue-detail.js?v=1"></script>
+    <p>신고 시스템으로 이동 중...</p>
 </body>
 </html>
--- a/system1-factory/web/pages/safety/issue-report.html
+++ b/system1-factory/web/pages/safety/issue-report.html
@@ -2,617 +2,22 @@
 <html lang="ko">
 <head>
    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>문제 신고 | (주)테크니컬코리아</title>
-    <link rel="stylesheet" href="/css/design-system.css">
-    <link rel="stylesheet" href="/css/common.css?v=2">
-    <link rel="stylesheet" href="/css/project-management.css?v=3">
-    <link rel="icon" type="image/png" href="/img/favicon.png">
-    <script src="/js/api-base.js"></script>
-    <script src="/js/app-init.js?v=2" defer></script>
-    <script src="https://instant.page/5.2.0" type="module"></script>
-    <style>
-        .issue-form-container {
-            max-width: 900px;
-            margin: 0 auto;
-        }
-
-        .step-indicator {
-            display: flex;
-            justify-content: space-between;
-            margin-bottom: 32px;
-            padding: 16px;
-            background: var(--gray-50);
-            border-radius: var(--radius-lg);
-        }
-
-        .step {
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            color: var(--gray-400);
-            font-size: var(--text-sm);
-        }
-
-        .step.active {
-            color: var(--primary-600);
-            font-weight: 600;
-        }
-
-        .step.completed {
-            color: var(--green-600);
-        }
-
-        .step-number {
-            width: 28px;
-            height: 28px;
-            border-radius: 50%;
-            background: var(--gray-200);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-weight: 600;
-        }
-
-        .step.active .step-number {
-            background: var(--primary-500);
-            color: white;
-        }
-
-        .step.completed .step-number {
-            background: var(--green-500);
-            color: white;
-        }
-
-        .form-section {
-            background: white;
-            border-radius: var(--radius-lg);
-            padding: 24px;
-            margin-bottom: 24px;
-            box-shadow: var(--shadow-sm);
-            border: 1px solid var(--gray-200);
-        }
-
-        .form-section-title {
-            font-size: var(--text-lg);
-            font-weight: 600;
-            margin-bottom: 20px;
-            padding-bottom: 12px;
-            border-bottom: 1px solid var(--gray-200);
-        }
-
-        /* 지도 선택 영역 */
-        .map-container {
-            position: relative;
-            min-height: 400px;
-            background: var(--gray-100);
-            border-radius: var(--radius-md);
-            overflow: hidden;
-        }
-
-        #issueMapCanvas {
-            width: 100%;
-            height: 400px;
-            cursor: crosshair;
-        }
-
-        .selected-location-info {
-            margin-top: 16px;
-            padding: 16px;
-            background: var(--primary-50);
-            border-radius: var(--radius-md);
-            border-left: 4px solid var(--primary-500);
-        }
-
-        .selected-location-info.empty {
-            background: var(--gray-50);
-            border-left-color: var(--gray-300);
-            color: var(--gray-500);
-            text-align: center;
-        }
-
-        .custom-location-toggle {
-            margin-top: 16px;
-            display: flex;
-            align-items: center;
-            gap: 12px;
-        }
-
-        .custom-location-toggle input[type="checkbox"] {
-            width: 20px;
-            height: 20px;
-        }
-
-        .custom-location-input {
-            margin-top: 12px;
-            display: none;
-        }
-
-        .custom-location-input.visible {
-            display: block;
-        }
-
-        /* 유형 선택 버튼 */
-        .type-buttons {
-            display: grid;
-            grid-template-columns: 1fr 1fr;
-            gap: 16px;
-            margin-bottom: 24px;
-        }
-
-        .type-btn {
-            padding: 24px;
-            border: 2px solid var(--gray-200);
-            border-radius: var(--radius-lg);
-            background: white;
-            cursor: pointer;
-            transition: all var(--transition-fast);
-            text-align: center;
-        }
-
-        .type-btn:hover {
-            border-color: var(--primary-300);
-            background: var(--primary-50);
-        }
-
-        .type-btn.selected {
-            border-color: var(--primary-500);
-            background: var(--primary-50);
-        }
-
-        .type-btn.nonconformity.selected {
-            border-color: var(--orange-500);
-            background: var(--orange-50);
-        }
-
-        .type-btn.safety.selected {
-            border-color: var(--red-500);
-            background: var(--red-50);
-        }
-
-        .type-btn-title {
-            font-size: var(--text-lg);
-            font-weight: 600;
-            margin-bottom: 8px;
-        }
-
-        .type-btn-desc {
-            font-size: var(--text-sm);
-            color: var(--gray-500);
-        }
-
-        /* 카테고리 선택 */
-        .category-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
-            gap: 12px;
-        }
-
-        .category-btn {
-            padding: 16px;
-            border: 1px solid var(--gray-200);
-            border-radius: var(--radius-md);
-            background: white;
-            cursor: pointer;
-            transition: all var(--transition-fast);
-            text-align: center;
-            font-size: var(--text-sm);
-        }
-
-        .category-btn:hover {
-            border-color: var(--primary-300);
-            background: var(--gray-50);
-        }
-
-        .category-btn.selected {
-            border-color: var(--primary-500);
-            background: var(--primary-50);
-            font-weight: 600;
-        }
-
-        /* 사전 정의 항목 선택 */
-        .item-grid {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 10px;
-            margin-top: 16px;
-        }
-
-        .item-btn {
-            padding: 12px 20px;
-            border: 1px solid var(--gray-200);
-            border-radius: 9999px;
-            background: white;
-            cursor: pointer;
-            transition: all var(--transition-fast);
-            font-size: var(--text-sm);
-        }
-
-        .item-btn:hover {
-            border-color: var(--primary-300);
-            background: var(--gray-50);
-        }
-
-        .item-btn.selected {
-            border-color: var(--primary-500);
-            background: var(--primary-500);
-            color: white;
-        }
-
-        .item-btn[data-severity="critical"] {
-            border-color: var(--red-300);
-        }
-
-        .item-btn[data-severity="critical"].selected {
-            background: var(--red-500);
-            border-color: var(--red-500);
-        }
-
-        .item-btn[data-severity="high"] {
-            border-color: var(--orange-300);
-        }
-
-        .item-btn[data-severity="high"].selected {
-            background: var(--orange-500);
-            border-color: var(--orange-500);
-        }
-
-        /* 사진 업로드 */
-        .photo-upload-grid {
-            display: grid;
-            grid-template-columns: repeat(5, 1fr);
-            gap: 12px;
-        }
-
-        .photo-slot {
-            aspect-ratio: 1;
-            border: 2px dashed var(--gray-300);
-            border-radius: var(--radius-md);
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            cursor: pointer;
-            transition: all var(--transition-fast);
-            position: relative;
-            overflow: hidden;
-            background: var(--gray-50);
-        }
-
-        .photo-slot:hover {
-            border-color: var(--primary-500);
-            background: var(--primary-50);
-        }
-
-        .photo-slot.has-photo {
-            border-style: solid;
-            border-color: var(--green-500);
-        }
-
-        .photo-slot img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-
-        .photo-slot .add-icon {
-            font-size: 24px;
-            color: var(--gray-400);
-        }
-
-        .photo-slot .remove-btn {
-            position: absolute;
-            top: 4px;
-            right: 4px;
-            width: 24px;
-            height: 24px;
-            border-radius: 50%;
-            background: var(--red-500);
-            color: white;
-            border: none;
-            cursor: pointer;
-            display: none;
-            align-items: center;
-            justify-content: center;
-            font-size: 14px;
-        }
-
-        .photo-slot.has-photo .remove-btn {
-            display: flex;
-        }
-
-        .photo-slot .add-icon {
-            display: block;
-        }
-
-        .photo-slot.has-photo .add-icon {
-            display: none;
-        }
-
-        /* 추가 설명 */
-        .additional-textarea {
-            width: 100%;
-            min-height: 100px;
-            padding: 12px;
-            border: 1px solid var(--gray-300);
-            border-radius: var(--radius-md);
-            font-size: var(--text-base);
-            resize: vertical;
-        }
-
-        .additional-textarea:focus {
-            outline: none;
-            border-color: var(--primary-500);
-            box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1);
-        }
-
-        /* 제출 버튼 */
-        .form-actions {
-            display: flex;
-            justify-content: flex-end;
-            gap: 16px;
-            margin-top: 32px;
-        }
-
-        .btn-submit {
-            padding: 16px 48px;
-            background: var(--primary-500);
-            color: white;
-            border: none;
-            border-radius: var(--radius-md);
-            font-size: var(--text-base);
-            font-weight: 600;
-            cursor: pointer;
-            transition: all var(--transition-fast);
-        }
-
-        .btn-submit:hover {
-            background: var(--primary-600);
-        }
-
-        .btn-submit:disabled {
-            background: var(--gray-300);
-            cursor: not-allowed;
-        }
-
-        .btn-cancel {
-            padding: 16px 32px;
-            background: white;
-            color: var(--gray-600);
-            border: 1px solid var(--gray-300);
-            border-radius: var(--radius-md);
-            font-size: var(--text-base);
-            cursor: pointer;
-        }
-
-        .btn-cancel:hover {
-            background: var(--gray-50);
-        }
-
-        /* 작업 선택 모달 */
-        .work-selection-modal {
-            display: none;
-            position: fixed;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: rgba(0, 0, 0, 0.5);
-            z-index: 1000;
-            align-items: center;
-            justify-content: center;
-        }
-
-        .work-selection-modal.visible {
-            display: flex;
-        }
-
-        .work-selection-content {
-            background: white;
-            padding: 24px;
-            border-radius: var(--radius-lg);
-            max-width: 500px;
-            width: 90%;
-        }
-
-        .work-selection-title {
-            font-size: var(--text-lg);
-            font-weight: 600;
-            margin-bottom: 16px;
-        }
-
-        .work-option {
-            padding: 16px;
-            border: 1px solid var(--gray-200);
-            border-radius: var(--radius-md);
-            margin-bottom: 12px;
-            cursor: pointer;
-            transition: all var(--transition-fast);
-        }
-
-        .work-option:hover {
-            border-color: var(--primary-500);
-            background: var(--primary-50);
-        }
-
-        .work-option-title {
-            font-weight: 600;
-            margin-bottom: 4px;
-        }
-
-        .work-option-desc {
-            font-size: var(--text-sm);
-            color: var(--gray-500);
-        }
-
-        /* 반응형 */
-        @media (max-width: 768px) {
-            .type-buttons {
-                grid-template-columns: 1fr;
+    <title>리다이렉트 중...</title>
+    <script>
+        (function() {
+            var hostname = window.location.hostname;
+            var protocol = window.location.protocol;
+            var target;
+            if (hostname.includes('technicalkorea.net')) {
+                target = protocol + '//tkreport.technicalkorea.net/pages/safety/issue-report.html';
+            } else {
+                target = protocol + '//' + hostname + ':30180/pages/safety/issue-report.html';
            }
-
-            .photo-upload-grid {
-                grid-template-columns: repeat(3, 1fr);
-            }
-
-            .step-indicator {
-                flex-wrap: wrap;
-                gap: 12px;
-            }
-
-            .step-text {
-                display: none;
-            }
-        }
-    </style>
+            window.location.replace(target + window.location.search);
+        })();
+    </script>
 </head>
 <body>
-    <div id="navbar-container"></div>
-
-    <main class="main-content">
-        <div class="page-header">
-            <h1 class="page-title">문제 신고</h1>
-            <p class="page-description">작업 중 발견된 부적합 사항 또는 안전 문제를 신고합니다.</p>
-        </div>
-
-        <div class="issue-form-container">
-            <!-- 단계 표시 -->
-            <div class="step-indicator">
-                <div class="step active" data-step="1">
-                    <span class="step-number">1</span>
-                    <span class="step-text">위치 선택</span>
-                </div>
-                <div class="step" data-step="2">
-                    <span class="step-number">2</span>
-                    <span class="step-text">유형 선택</span>
-                </div>
-                <div class="step" data-step="3">
-                    <span class="step-number">3</span>
-                    <span class="step-text">항목 선택</span>
-                </div>
-                <div class="step" data-step="4">
-                    <span class="step-number">4</span>
-                    <span class="step-text">사진/설명</span>
-                </div>
-            </div>
-
-            <!-- Step 1: 위치 선택 -->
-            <div class="form-section" id="step1Section">
-                <h2 class="form-section-title">1. 발생 위치 선택</h2>
-
-                <div class="form-group">
-                    <label for="factorySelect">공장 선택</label>
-                    <select id="factorySelect">
-                        <option value="">공장을 선택하세요</option>
-                    </select>
-                </div>
-
-                <div class="map-container">
-                    <canvas id="issueMapCanvas"></canvas>
-                </div>
-
-                <div class="selected-location-info empty" id="selectedLocationInfo">
-                    지도에서 작업장을 클릭하여 위치를 선택하세요
-                </div>
-
-                <div class="custom-location-toggle">
-                    <input type="checkbox" id="useCustomLocation">
-                    <label for="useCustomLocation">지도에 없는 위치 직접 입력</label>
-                </div>
-
-                <div class="custom-location-input" id="customLocationInput">
-                    <input type="text" id="customLocation" placeholder="위치를 입력하세요 (예: 야적장 입구, 주차장 등)">
-                </div>
-            </div>
-
-            <!-- Step 2: 문제 유형 선택 -->
-            <div class="form-section" id="step2Section">
-                <h2 class="form-section-title">2. 문제 유형 선택</h2>
-
-                <div class="type-buttons">
-                    <div class="type-btn nonconformity" data-type="nonconformity">
-                        <div class="type-btn-title">부적합 사항</div>
-                        <div class="type-btn-desc">자재, 설계, 검사 관련 문제</div>
-                    </div>
-                    <div class="type-btn safety" data-type="safety">
-                        <div class="type-btn-title">안전 관련</div>
-                        <div class="type-btn-desc">보호구, 위험구역, 안전수칙 관련</div>
-                    </div>
-                </div>
-
-                <div id="categoryContainer" style="display: none;">
-                    <label style="font-weight: 600; margin-bottom: 12px; display: block;">세부 카테고리</label>
-                    <div class="category-grid" id="categoryGrid"></div>
-                </div>
-            </div>
-
-            <!-- Step 3: 신고 항목 선택 -->
-            <div class="form-section" id="step3Section">
-                <h2 class="form-section-title">3. 신고 항목 선택</h2>
-                <p style="color: var(--gray-500); margin-bottom: 16px;">해당하는 항목을 선택하세요. 여러 개 선택 가능합니다.</p>
-
-                <div class="item-grid" id="itemGrid">
-                    <p style="color: var(--gray-400);">먼저 카테고리를 선택하세요</p>
-                </div>
-            </div>
-
-            <!-- Step 4: 사진 및 추가 설명 -->
-            <div class="form-section" id="step4Section">
-                <h2 class="form-section-title">4. 사진 및 추가 설명</h2>
-
-                <div class="form-group">
-                    <label>사진 첨부 (최대 5장)</label>
-                    <div class="photo-upload-grid">
-                        <div class="photo-slot" data-index="0">
-                            <span class="add-icon">+</span>
-                            <button class="remove-btn" type="button">&times;</button>
-                        </div>
-                        <div class="photo-slot" data-index="1">
-                            <span class="add-icon">+</span>
-                            <button class="remove-btn" type="button">&times;</button>
-                        </div>
-                        <div class="photo-slot" data-index="2">
-                            <span class="add-icon">+</span>
-                            <button class="remove-btn" type="button">&times;</button>
-                        </div>
-                        <div class="photo-slot" data-index="3">
-                            <span class="add-icon">+</span>
-                            <button class="remove-btn" type="button">&times;</button>
-                        </div>
-                        <div class="photo-slot" data-index="4">
-                            <span class="add-icon">+</span>
-                            <button class="remove-btn" type="button">&times;</button>
-                        </div>
-                    </div>
-                    <input type="file" id="photoInput" accept="image/*" capture="environment" style="display: none;">
-                </div>
-
-                <div class="form-group">
-                    <label for="additionalDescription">추가 설명 (선택)</label>
-                    <textarea id="additionalDescription" class="additional-textarea" placeholder="추가로 설명이 필요한 내용을 입력하세요..."></textarea>
-                </div>
-            </div>
-
-            <!-- 제출 버튼 -->
-            <div class="form-actions">
-                <button type="button" class="btn-cancel" onclick="history.back()">취소</button>
-                <button type="button" class="btn-submit" id="submitBtn" onclick="submitReport()">신고 제출</button>
-            </div>
-        </div>
-    </main>
-
-    <!-- 작업 선택 모달 -->
-    <div class="work-selection-modal" id="workSelectionModal">
-        <div class="work-selection-content">
-            <h3 class="work-selection-title">작업 선택</h3>
-            <p style="margin-bottom: 16px; color: var(--gray-600);">이 위치에 등록된 작업이 있습니다. 연결할 작업을 선택하세요.</p>
-            <div id="workOptionsList"></div>
-            <button type="button" onclick="closeWorkModal()" style="width: 100%; padding: 12px; margin-top: 8px; background: var(--gray-100); border: none; border-radius: var(--radius-md); cursor: pointer;">
-                작업 연결 없이 진행
-            </button>
-        </div>
-    </div>
-
-    <script src="/js/work-issue-report.js?v=1"></script>
+    <p>신고 시스템으로 이동 중...</p>
 </body>
 </html>
--- a/system1-factory/web/pages/safety/report-status.html
+++ b/system1-factory/web/pages/safety/report-status.html
@@ -2,305 +2,23 @@
 <html lang="ko">
 <head>
    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>안전신고 현황 | (주)테크니컬코리아</title>
-    <link rel="stylesheet" href="/css/design-system.css">
-    <link rel="stylesheet" href="/css/common.css?v=2">
-    <link rel="stylesheet" href="/css/project-management.css?v=3">
-    <link rel="icon" type="image/png" href="/img/favicon.png">
-    <script src="/js/api-base.js"></script>
-    <script src="/js/app-init.js?v=2" defer></script>
-    <script src="https://instant.page/5.2.0" type="module"></script>
-    <style>
-        /* 통계 카드 */
-        .stats-grid {
-            display: grid;
-            grid-template-columns: repeat(4, 1fr);
-            gap: 1rem;
-            margin-bottom: 1.5rem;
-        }
-
-        .stat-card {
-            background: white;
-            padding: 1.25rem;
-            border-radius: 0.75rem;
-            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-            text-align: center;
-        }
-
-        .stat-number {
-            font-size: 2rem;
-            font-weight: 700;
-            margin-bottom: 0.25rem;
-        }
-
-        .stat-label {
-            font-size: 0.875rem;
-            color: #6b7280;
-        }
-
-        .stat-card.reported .stat-number { color: #3b82f6; }
-        .stat-card.received .stat-number { color: #f97316; }
-        .stat-card.in_progress .stat-number { color: #8b5cf6; }
-        .stat-card.completed .stat-number { color: #10b981; }
-
-        /* 필터 바 */
-        .filter-bar {
-            display: flex;
-            flex-wrap: wrap;
-            align-items: center;
-            gap: 0.75rem;
-            margin-bottom: 1.5rem;
-            padding: 1rem 1.25rem;
-            background: white;
-            border-radius: 0.75rem;
-            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-        }
-
-        .filter-bar select,
-        .filter-bar input {
-            padding: 0.625rem 0.875rem;
-            border: 1px solid #d1d5db;
-            border-radius: 0.5rem;
-            font-size: 0.875rem;
-            background: white;
-        }
-
-        .filter-bar select:focus,
-        .filter-bar input:focus {
-            outline: none;
-            border-color: #ef4444;
-            box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
-        }
-
-        .btn-new-report {
-            margin-left: auto;
-            padding: 0.625rem 1.25rem;
-            background: #ef4444;
-            color: white;
-            border: none;
-            border-radius: 0.5rem;
-            font-size: 0.875rem;
-            font-weight: 600;
-            cursor: pointer;
-            text-decoration: none;
-            display: inline-flex;
-            align-items: center;
-            gap: 0.5rem;
-            transition: background 0.2s;
-        }
-
-        .btn-new-report:hover {
-            background: #dc2626;
-        }
-
-        /* 신고 목록 */
-        .issue-list {
-            display: flex;
-            flex-direction: column;
-            gap: 0.75rem;
-        }
-
-        .issue-card {
-            background: white;
-            border-radius: 0.75rem;
-            padding: 1.25rem;
-            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-            cursor: pointer;
-            transition: all 0.2s;
-            border: 1px solid transparent;
-        }
-
-        .issue-card:hover {
-            border-color: #fecaca;
-            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
-        }
-
-        .issue-header {
-            display: flex;
-            justify-content: space-between;
-            align-items: flex-start;
-            margin-bottom: 0.75rem;
-        }
-
-        .issue-id {
-            font-size: 0.875rem;
-            color: #9ca3af;
-        }
-
-        .issue-status {
-            padding: 0.25rem 0.75rem;
-            border-radius: 9999px;
-            font-size: 0.75rem;
-            font-weight: 600;
-        }
-
-        .issue-status.reported {
-            background: #dbeafe;
-            color: #1d4ed8;
-        }
-
-        .issue-status.received {
-            background: #fed7aa;
-            color: #c2410c;
-        }
-
-        .issue-status.in_progress {
-            background: #e9d5ff;
-            color: #7c3aed;
-        }
-
-        .issue-status.completed {
-            background: #d1fae5;
-            color: #047857;
-        }
-
-        .issue-status.closed {
-            background: #f3f4f6;
-            color: #4b5563;
-        }
-
-        .issue-title {
-            font-size: 1rem;
-            font-weight: 600;
-            margin-bottom: 0.5rem;
-            color: #1f2937;
-        }
-
-        .issue-category-badge {
-            display: inline-block;
-            padding: 0.125rem 0.5rem;
-            border-radius: 0.25rem;
-            font-size: 0.75rem;
-            font-weight: 500;
-            margin-right: 0.5rem;
-            background: #fef2f2;
-            color: #b91c1c;
-        }
-
-        .issue-meta {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 1rem;
-            font-size: 0.875rem;
-            color: #6b7280;
-        }
-
-        .issue-meta-item {
-            display: flex;
-            align-items: center;
-            gap: 0.375rem;
-        }
-
-        .issue-photos {
-            display: flex;
-            gap: 0.5rem;
-            margin-top: 0.75rem;
-        }
-
-        .issue-photos img {
-            width: 56px;
-            height: 56px;
-            object-fit: cover;
-            border-radius: 0.375rem;
-            border: 1px solid #e5e7eb;
-        }
-
-        /* 빈 상태 */
-        .empty-state {
-            text-align: center;
-            padding: 4rem 1.5rem;
-            color: #6b7280;
-            background: white;
-            border-radius: 0.75rem;
-        }
-
-        .empty-state-title {
-            font-size: 1.125rem;
-            font-weight: 600;
-            margin-bottom: 0.5rem;
-            color: #374151;
-        }
-
-        @media (max-width: 768px) {
-            .filter-bar {
-                flex-direction: column;
-                align-items: stretch;
+    <title>리다이렉트 중...</title>
+    <script>
+        // 안전신고 현황 → System 2 (신고 시스템)로 리다이렉트
+        (function() {
+            var hostname = window.location.hostname;
+            var protocol = window.location.protocol;
+            var target;
+            if (hostname.includes('technicalkorea.net')) {
+                target = protocol + '//tkreport.technicalkorea.net/pages/safety/report-status.html';
+            } else {
+                target = protocol + '//' + hostname + ':30180/pages/safety/report-status.html';
            }
-
-            .btn-new-report {
-                width: 100%;
-                justify-content: center;
-            }
-
-            .stats-grid {
-                grid-template-columns: repeat(2, 1fr);
-            }
-        }
-    </style>
+            window.location.replace(target + window.location.search);
+        })();
+    </script>
 </head>
 <body>
-    <div class="work-report-container">
-        <div id="navbar-container"></div>
-
-        <main class="work-report-main">
-            <div class="dashboard-main">
-                <div class="page-header">
-                    <div class="page-title-section">
-                        <h1 class="page-title">안전신고 현황</h1>
-                        <p class="page-description">보호구 미착용, 위험구역 출입 등 안전 관련 신고 현황입니다.</p>
-                    </div>
-                </div>
-
-                <!-- 통계 카드 -->
-                <div class="stats-grid" id="statsGrid">
-                    <div class="stat-card reported">
-                        <div class="stat-number" id="statReported">-</div>
-                        <div class="stat-label">신고</div>
-                    </div>
-                    <div class="stat-card received">
-                        <div class="stat-number" id="statReceived">-</div>
-                        <div class="stat-label">접수</div>
-                    </div>
-                    <div class="stat-card in_progress">
-                        <div class="stat-number" id="statProgress">-</div>
-                        <div class="stat-label">처리중</div>
-                    </div>
-                    <div class="stat-card completed">
-                        <div class="stat-number" id="statCompleted">-</div>
-                        <div class="stat-label">완료</div>
-                    </div>
-                </div>
-
-                <!-- 필터 바 -->
-                <div class="filter-bar">
-                    <select id="filterStatus">
-                        <option value="">전체 상태</option>
-                        <option value="reported">신고</option>
-                        <option value="received">접수</option>
-                        <option value="in_progress">처리중</option>
-                        <option value="completed">완료</option>
-                        <option value="closed">종료</option>
-                    </select>
-
-                    <input type="date" id="filterStartDate" title="시작일">
-                    <input type="date" id="filterEndDate" title="종료일">
-
-                    <a href="/pages/safety/report.html?type=safety" class="btn-new-report">
-                        + 안전 신고
-                    </a>
-                </div>
-
-                <!-- 신고 목록 -->
-                <div class="issue-list" id="issueList">
-                    <div class="empty-state">
-                        <div class="empty-state-title">로딩 중...</div>
-                    </div>
-                </div>
-            </div>
-        </main>
-    </div>
-
-    <script src="/js/safety-report-list.js?v=2"></script>
+    <p>신고 시스템으로 이동 중...</p>
 </body>
 </html>
--- a/system2-report/web/js/api-base.js
+++ b/system2-report/web/js/api-base.js
@@ -0,0 +1,137 @@
+// /js/api-base.js
+// API 기본 설정 및 보안 유틸리티 - System 2 (신고 시스템)
+
+(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');
+  };
+
+  window.getSSOUser = function() {
+    var raw = cookieGet('sso_user') || localStorage.getItem('sso_user');
+    try { return raw ? JSON.parse(raw) : null; } catch(e) { return null; }
+  };
+
+  /**
+   * 중앙 로그인 URL 반환 (System 2 → tkfb 도메인의 로그인으로)
+   */
+  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 window.location.protocol + '//' + hostname + ':30000/login?redirect=' + encodeURIComponent(window.location.href);
+  };
+
+  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');
+  };
+
+  // ==================== 보안 유틸리티 (XSS 방지) ====================
+
+  window.escapeHtml = function(str) {
+    if (str === null || str === undefined) return '';
+    if (typeof str !== 'string') str = String(str);
+
+    var htmlEntities = {
+      '&': '&amp;',
+      '<': '&lt;',
+      '>': '&gt;',
+      '"': '&quot;',
+      "'": '&#39;',
+      '/': '&#x2F;',
+      '`': '&#x60;',
+      '=': '&#x3D;'
+    };
+
+    return str.replace(/[&<>"'`=\/]/g, function(char) {
+      return htmlEntities[char];
+    });
+  };
+
+  window.escapeUrl = function(str) {
+    if (str === null || str === undefined) return '';
+    return encodeURIComponent(String(str));
+  };
+
+  // ==================== API 설정 ====================
+
+  var API_PORT = 30105;
+  var API_PATH = '/api';
+
+  function getApiBaseUrl() {
+    var hostname = window.location.hostname;
+    var protocol = window.location.protocol;
+
+    // 프로덕션 환경 - 같은 도메인의 /api 경로 (system2-web nginx가 프록시)
+    if (hostname.includes('technicalkorea.net')) {
+      return protocol + '//' + hostname + API_PATH;
+    }
+
+    // 개발 환경
+    return protocol + '//' + hostname + ':' + API_PORT + API_PATH;
+  }
+
+  var apiUrl = getApiBaseUrl();
+  window.API_BASE_URL = apiUrl;
+  window.API = apiUrl;
+
+  // 인증 헤더 생성 - SSO 토큰 사용 (쿠키/localStorage)
+  window.getAuthHeaders = function() {
+    var token = window.getSSOToken();
+    return {
+      'Content-Type': 'application/json',
+      'Authorization': token ? 'Bearer ' + token : ''
+    };
+  };
+
+  // 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()
+    };
+
+    if (data && (method === 'POST' || method === 'PUT' || method === 'PATCH' || method === 'DELETE')) {
+      config.body = JSON.stringify(data);
+    }
+
+    var response = await fetch(url, config);
+
+    // 401 Unauthorized 처리
+    if (response.status === 401) {
+      window.clearSSOAuth();
+      window.location.href = window.getLoginUrl();
+      throw new Error('인증이 만료되었습니다.');
+    }
+
+    return response.json();
+  };
+
+  console.log('[System2] API 설정 완료:', window.API_BASE_URL);
+})();
--- a/system2-report/web/js/app-init.js
+++ b/system2-report/web/js/app-init.js
@@ -0,0 +1,54 @@
+// /js/app-init.js
+// System 2 (신고 시스템) 앱 초기화 - SSO 인증 체크
+
+(function() {
+  'use strict';
+
+  // ===== 인증 함수 (api-base.js의 전역 헬퍼 활용) =====
+  function isLoggedIn() {
+    var token = window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token');
+    return token && token !== 'undefined' && token !== 'null';
+  }
+
+  function getUser() {
+    return window.getSSOUser ? window.getSSOUser() : (function() {
+      var u = localStorage.getItem('sso_user');
+      return u ? JSON.parse(u) : null;
+    })();
+  }
+
+  function clearAuthData() {
+    if (window.clearSSOAuth) { window.clearSSOAuth(); return; }
+    localStorage.removeItem('sso_token');
+    localStorage.removeItem('sso_user');
+  }
+
+  // ===== 메인 초기화 =====
+  async function init() {
+    // 1. 인증 확인
+    if (!isLoggedIn()) {
+      clearAuthData();
+      window.location.href = window.getLoginUrl ? window.getLoginUrl() : '/login';
+      return;
+    }
+
+    var currentUser = getUser();
+    if (!currentUser || !currentUser.username) {
+      clearAuthData();
+      window.location.href = window.getLoginUrl ? window.getLoginUrl() : '/login';
+      return;
+    }
+
+    console.log('[System2] 인증 확인:', currentUser.username);
+  }
+
+  // DOMContentLoaded 시 실행
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init);
+  } else {
+    init();
+  }
+
+  // 전역 노출
+  window.appInit = { getUser: getUser, clearAuthData: clearAuthData, isLoggedIn: isLoggedIn };
+})();
--- a/system2-report/web/js/issue-detail.js
+++ b/system2-report/web/js/issue-detail.js
@@ -56,7 +56,7 @@ document.addEventListener('DOMContentLoaded', async () => {
 async function loadCurrentUser() {
  try {
    const response = await fetch(`${API_BASE}/users/me`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (response.ok) {
@@ -74,7 +74,7 @@ async function loadCurrentUser() {
 async function loadReportDetail() {
  try {
    const response = await fetch(`${API_BASE}/work-issues/${reportId}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (!response.ok) {
@@ -372,7 +372,7 @@ function renderActionButtons(d) {
 async function loadStatusLogs() {
  try {
    const response = await fetch(`${API_BASE}/work-issues/${reportId}/status-logs`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (!response.ok) return;
@@ -432,7 +432,7 @@ async function receiveReport() {
  try {
    const response = await fetch(`${API_BASE}/work-issues/${reportId}/receive`, {
      method: 'POST',
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    const data = await response.json();
@@ -457,7 +457,7 @@ async function startProcessing() {
  try {
    const response = await fetch(`${API_BASE}/work-issues/${reportId}/start`, {
      method: 'POST',
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    const data = await response.json();
@@ -482,7 +482,7 @@ async function closeReport() {
  try {
    const response = await fetch(`${API_BASE}/work-issues/${reportId}/close`, {
      method: 'POST',
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    const data = await response.json();
@@ -507,7 +507,7 @@ async function deleteReport() {
  try {
    const response = await fetch(`${API_BASE}/work-issues/${reportId}`, {
      method: 'DELETE',
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    const data = await response.json();
@@ -529,7 +529,7 @@ async function openAssignModal() {
  // 사용자 목록 로드
  try {
    const response = await fetch(`${API_BASE}/users`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (response.ok) {
@@ -569,7 +569,7 @@ async function submitAssign() {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
-        'Authorization': `Bearer ${localStorage.getItem('token')}`
+        'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}`
      },
      body: JSON.stringify({
        assigned_department: department,
@@ -614,7 +614,7 @@ async function submitComplete() {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
-        'Authorization': `Bearer ${localStorage.getItem('token')}`
+        'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}`
      },
      body: JSON.stringify({
        resolution_notes: notes
--- a/system2-report/web/js/issue-report.js
+++ b/system2-report/web/js/issue-report.js
@@ -111,7 +111,7 @@ function setupEventListeners() {
 async function loadFactories() {
  try {
    const response = await fetch(`${API_BASE}/workplaces/categories/active/list`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (!response.ok) throw new Error('공장 목록 조회 실패');
@@ -166,7 +166,7 @@ async function onFactoryChange() {
 async function loadMapImage() {
  try {
    const response = await fetch(`${API_BASE}/workplaces/categories`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (!response.ok) return;
@@ -196,7 +196,7 @@ async function loadMapImage() {
 async function loadMapRegions() {
  try {
    const response = await fetch(`${API_BASE}/workplaces/categories/${selectedFactoryId}/map-regions`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (!response.ok) return;
@@ -226,7 +226,7 @@ async function loadTodayData() {
  try {
    // TBM 세션 로드
    const tbmResponse = await fetch(`${API_BASE}/tbm/sessions/date/${today}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (tbmResponse.ok) {
@@ -248,7 +248,7 @@ async function loadTodayData() {

    // 출입 신청 로드
    const visitResponse = await fetch(`${API_BASE}/workplace-visits/requests`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (visitResponse.ok) {
@@ -595,7 +595,7 @@ function onTypeSelect(type) {
 async function loadCategories(type) {
  try {
    const response = await fetch(`${API_BASE}/work-issues/categories/type/${type}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (!response.ok) throw new Error('카테고리 조회 실패');
@@ -654,7 +654,7 @@ function onCategorySelect(category) {
 async function loadItems(categoryId) {
  try {
    const response = await fetch(`${API_BASE}/work-issues/items/category/${categoryId}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (!response.ok) throw new Error('항목 조회 실패');
@@ -877,7 +877,7 @@ async function submitReport() {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
-        'Authorization': `Bearer ${localStorage.getItem('token')}`
+        'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}`
      },
      body: JSON.stringify(requestBody)
    });
--- a/system2-report/web/js/safety-report-list.js
+++ b/system2-report/web/js/safety-report-list.js
@@ -0,0 +1,222 @@
+/**
+ * 안전신고 현황 페이지 JavaScript
+ * category_type=safety 고정 필터
+ */
+
+const API_BASE = window.API_BASE_URL || 'http://localhost:20005/api';
+const CATEGORY_TYPE = 'safety';
+
+// 상태 한글 변환
+const STATUS_LABELS = {
+  reported: '신고',
+  received: '접수',
+  in_progress: '처리중',
+  completed: '완료',
+  closed: '종료'
+};
+
+// DOM 요소
+let issueList;
+let filterStatus, filterStartDate, filterEndDate;
+
+// 초기화
+document.addEventListener('DOMContentLoaded', async () => {
+  issueList = document.getElementById('issueList');
+  filterStatus = document.getElementById('filterStatus');
+  filterStartDate = document.getElementById('filterStartDate');
+  filterEndDate = document.getElementById('filterEndDate');
+
+  // 필터 이벤트 리스너
+  filterStatus.addEventListener('change', loadIssues);
+  filterStartDate.addEventListener('change', loadIssues);
+  filterEndDate.addEventListener('change', loadIssues);
+
+  // 데이터 로드
+  await Promise.all([loadStats(), loadIssues()]);
+});
+
+/**
+ * 통계 로드 (안전만)
+ */
+async function loadStats() {
+  try {
+    const response = await fetch(`${API_BASE}/work-issues/stats/summary?category_type=${CATEGORY_TYPE}`, {
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
+    });
+
+    if (!response.ok) {
+      document.getElementById('statsGrid').style.display = 'none';
+      return;
+    }
+
+    const data = await response.json();
+    if (data.success && data.data) {
+      document.getElementById('statReported').textContent = data.data.reported || 0;
+      document.getElementById('statReceived').textContent = data.data.received || 0;
+      document.getElementById('statProgress').textContent = data.data.in_progress || 0;
+      document.getElementById('statCompleted').textContent = data.data.completed || 0;
+    }
+  } catch (error) {
+    console.error('통계 로드 실패:', error);
+    document.getElementById('statsGrid').style.display = 'none';
+  }
+}
+
+/**
+ * 안전신고 목록 로드
+ */
+async function loadIssues() {
+  try {
+    // 필터 파라미터 구성 (category_type 고정)
+    const params = new URLSearchParams();
+    params.append('category_type', CATEGORY_TYPE);
+
+    if (filterStatus.value) params.append('status', filterStatus.value);
+    if (filterStartDate.value) params.append('start_date', filterStartDate.value);
+    if (filterEndDate.value) params.append('end_date', filterEndDate.value);
+
+    const response = await fetch(`${API_BASE}/work-issues?${params.toString()}`, {
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
+    });
+
+    if (!response.ok) throw new Error('목록 조회 실패');
+
+    const data = await response.json();
+    if (data.success) {
+      renderIssues(data.data || []);
+    }
+  } catch (error) {
+    console.error('안전신고 목록 로드 실패:', error);
+    issueList.innerHTML = `
+      <div class="empty-state">
+        <div class="empty-state-title">목록을 불러올 수 없습니다</div>
+        <p>잠시 후 다시 시도해주세요.</p>
+      </div>
+    `;
+  }
+}
+
+/**
+ * 안전신고 목록 렌더링
+ */
+function renderIssues(issues) {
+  if (issues.length === 0) {
+    issueList.innerHTML = `
+      <div class="empty-state">
+        <div class="empty-state-title">등록된 안전 신고가 없습니다</div>
+        <p>새로운 안전 문제를 신고하려면 '안전 신고' 버튼을 클릭하세요.</p>
+      </div>
+    `;
+    return;
+  }
+
+  const baseUrl = (window.API_BASE_URL || 'http://localhost:20005').replace('/api', '');
+
+  issueList.innerHTML = issues.map(issue => {
+    const reportDate = new Date(issue.report_date).toLocaleString('ko-KR', {
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit'
+    });
+
+    // 위치 정보 (escaped)
+    let location = escapeHtml(issue.custom_location || '');
+    if (issue.factory_name) {
+      location = escapeHtml(issue.factory_name);
+      if (issue.workplace_name) {
+        location += ` - ${escapeHtml(issue.workplace_name)}`;
+      }
+    }
+
+    // 신고 제목 (항목명 또는 카테고리명)
+    const title = escapeHtml(issue.issue_item_name || issue.issue_category_name || '안전 신고');
+    const categoryName = escapeHtml(issue.issue_category_name || '안전');
+
+    // 사진 목록
+    const photos = [
+      issue.photo_path1,
+      issue.photo_path2,
+      issue.photo_path3,
+      issue.photo_path4,
+      issue.photo_path5
+    ].filter(Boolean);
+
+    // 안전한 값들
+    const safeReportId = parseInt(issue.report_id) || 0;
+    const validStatuses = ['reported', 'received', 'in_progress', 'completed', 'closed'];
+    const safeStatus = validStatuses.includes(issue.status) ? issue.status : 'reported';
+    const reporterName = escapeHtml(issue.reporter_full_name || issue.reporter_name || '-');
+    const assignedName = issue.assigned_full_name ? escapeHtml(issue.assigned_full_name) : '';
+
+    return `
+      <div class="issue-card" onclick="viewIssue(${safeReportId})">
+        <div class="issue-header">
+          <span class="issue-id">#${safeReportId}</span>
+          <span class="issue-status ${safeStatus}">${STATUS_LABELS[issue.status] || escapeHtml(issue.status || '-')}</span>
+        </div>
+
+        <div class="issue-title">
+          <span class="issue-category-badge">${categoryName}</span>
+          ${title}
+        </div>
+
+        <div class="issue-meta">
+          <span class="issue-meta-item">
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
+              <circle cx="12" cy="7" r="4"/>
+            </svg>
+            ${reporterName}
+          </span>
+          <span class="issue-meta-item">
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
+              <line x1="16" y1="2" x2="16" y2="6"/>
+              <line x1="8" y1="2" x2="8" y2="6"/>
+              <line x1="3" y1="10" x2="21" y2="10"/>
+            </svg>
+            ${reportDate}
+          </span>
+          ${location ? `
+          <span class="issue-meta-item">
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
+              <circle cx="12" cy="10" r="3"/>
+            </svg>
+            ${location}
+          </span>
+          ` : ''}
+          ${assignedName ? `
+          <span class="issue-meta-item">
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
+              <circle cx="9" cy="7" r="4"/>
+              <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
+              <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
+            </svg>
+            담당: ${assignedName}
+          </span>
+          ` : ''}
+        </div>
+
+        ${photos.length > 0 ? `
+        <div class="issue-photos">
+          ${photos.slice(0, 3).map(p => `
+            <img src="${baseUrl}${encodeURI(p)}" alt="신고 사진" loading="lazy">
+          `).join('')}
+          ${photos.length > 3 ? `<span style="display: flex; align-items: center; color: var(--gray-500);">+${photos.length - 3}</span>` : ''}
+        </div>
+        ` : ''}
+      </div>
+    `;
+  }).join('');
+}
+
+/**
+ * 상세 보기
+ */
+function viewIssue(reportId) {
+  window.location.href = `/pages/safety/issue-detail.html?id=${reportId}&from=safety`;
+}
--- a/system2-report/web/js/work-issue-report.js
+++ b/system2-report/web/js/work-issue-report.js
@@ -102,7 +102,7 @@ function setupEventListeners() {
 async function loadFactories() {
  try {
    const response = await fetch(`${API_BASE}/workplaces/categories/active/list`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (!response.ok) throw new Error('공장 목록 조회 실패');
@@ -157,7 +157,7 @@ async function onFactoryChange() {
 async function loadMapImage() {
  try {
    const response = await fetch(`${API_BASE}/workplaces/categories`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (!response.ok) return;
@@ -187,7 +187,7 @@ async function loadMapImage() {
 async function loadMapRegions() {
  try {
    const response = await fetch(`${API_BASE}/workplaces/categories/${selectedFactoryId}/map-regions`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (!response.ok) return;
@@ -210,7 +210,7 @@ async function loadTodayData() {
  try {
    // TBM 세션 로드
    const tbmResponse = await fetch(`${API_BASE}/tbm/sessions/date/${today}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (tbmResponse.ok) {
@@ -220,7 +220,7 @@ async function loadTodayData() {

    // 출입 신청 로드
    const visitResponse = await fetch(`${API_BASE}/workplace-visits/requests`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (visitResponse.ok) {
@@ -493,7 +493,7 @@ function onTypeSelect(type) {
 async function loadCategories(type) {
  try {
    const response = await fetch(`${API_BASE}/work-issues/categories/type/${type}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (!response.ok) throw new Error('카테고리 조회 실패');
@@ -552,7 +552,7 @@ function onCategorySelect(category) {
 async function loadItems(categoryId) {
  try {
    const response = await fetch(`${API_BASE}/work-issues/items/category/${categoryId}`, {
-      headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}` }
+      headers: { 'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}` }
    });

    if (!response.ok) throw new Error('항목 조회 실패');
@@ -706,7 +706,7 @@ async function submitReport() {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
-        'Authorization': `Bearer ${localStorage.getItem('token')}`
+        'Authorization': `Bearer ${(window.getSSOToken ? window.getSSOToken() : localStorage.getItem('sso_token'))}`
      },
      body: JSON.stringify(requestBody)
    });
--- a/system2-report/web/pages/safety/report-status.html
+++ b/system2-report/web/pages/safety/report-status.html
@@ -286,7 +286,7 @@
                    <input type="date" id="filterStartDate" title="시작일">
                    <input type="date" id="filterEndDate" title="종료일">

-                    <a href="/pages/safety/report.html?type=safety" class="btn-new-report">
+                    <a href="/pages/safety/issue-report.html?type=safety" class="btn-new-report">
                        + 안전 신고
                    </a>
                </div>
--- a/system3-nonconformance/api/routers/auth.py
+++ b/system3-nonconformance/api/routers/auth.py
@@ -21,13 +21,33 @@ async def get_current_user(token: str = Depends(oauth2_scheme), db: Session = De
        detail="Could not validate credentials",
        headers={"WWW-Authenticate": "Bearer"},
    )
-    token_data = verify_token(token, credentials_exception)
-    user = db.query(User).filter(User.username == token_data.username).first()
-    if user is None:
-        raise credentials_exception
-    if not user.is_active:
-        raise HTTPException(status_code=400, detail="Inactive user")
-    return user
+    payload = verify_token(token, credentials_exception)
+    username = payload.get("sub")
+
+    # 로컬 DB에서 사용자 조회
+    user = db.query(User).filter(User.username == username).first()
+    if user is not None:
+        if not user.is_active:
+            raise HTTPException(status_code=400, detail="Inactive user")
+        return user
+
+    # DB에 없는 SSO 사용자: JWT payload로 임시 User 객체 생성
+    sso_role = payload.get("role", "user")
+    role_map = {
+        "Admin": UserRole.admin,
+        "System Admin": UserRole.admin,
+    }
+    mapped_role = role_map.get(sso_role, UserRole.user)
+
+    sso_user = User(
+        id=0,
+        username=username,
+        hashed_password="",
+        full_name=payload.get("name", username),
+        role=mapped_role,
+        is_active=True,
+    )
+    return sso_user

 async def get_current_admin(current_user: User = Depends(get_current_user)):
    if current_user.role != UserRole.admin:
--- a/system3-nonconformance/api/services/auth_service.py
+++ b/system3-nonconformance/api/services/auth_service.py
@@ -7,7 +7,7 @@ import os
 import bcrypt as bcrypt_lib

 from database.models import User, UserRole
-from database.schemas import TokenData
+from database.schemas import TokenData  # kept for compatibility

 # 환경 변수 - SSO 공유 시크릿 사용 (docker-compose에서 SECRET_KEY=SSO_JWT_SECRET)
 SECRET_KEY = os.getenv("SECRET_KEY", "your-secret-key-here")
@@ -56,16 +56,13 @@ def create_access_token(data: dict, expires_delta: Optional[timedelta] = None):
    return encoded_jwt

 def verify_token(token: str, credentials_exception):
-    """JWT 토큰 검증 - SSO 토큰 페이로드 구조 지원"""
+    """JWT 토큰 검증 - SSO 토큰 전체 페이로드 반환"""
    try:
        payload = jwt.decode(token, SECRET_KEY, algorithms=[ALGORITHM])
-        # SSO 토큰: "sub" 필드에 username
-        # 기존 M-Project 토큰: "sub" 필드에 username
        username: str = payload.get("sub")
        if username is None:
            raise credentials_exception
-        token_data = TokenData(username=username)
-        return token_data
+        return payload
    except JWTError:
        raise credentials_exception

--- a/Show More
+++ b/Show More