diff --git a/.env.example b/.env.example
index 3681043..1509262 100644
--- 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
diff --git a/DEPLOY-GUIDE.md b/DEPLOY-GUIDE.md
new file mode 100644
index 0000000..1c85a4b
--- /dev/null
+++ 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` 패턴 사용 |
diff --git a/PROGRESS.md b/PROGRESS.md
index 6b9b8b7..df0b2bc 100644
--- 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는 폴백용으로 유지 (개발 환경 및 하위호환).
 
 ---
 
diff --git a/docker-compose.yml b/docker-compose.yml
index 0cf2f1d..df8c64b 100644
--- 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:
diff --git a/gateway/html/login.html b/gateway/html/login.html
index 33aebc1..b275384 100644
--- 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>
diff --git a/gateway/html/portal.html b/gateway/html/portal.html
index 6647b45..3f54719 100644
--- 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>
diff --git a/gateway/html/shared/nav-header.js b/gateway/html/shared/nav-header.js
index 9d8e388..aa71625 100644
--- 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);
       }
     }
   };
diff --git a/gateway/nginx.conf b/gateway/nginx.conf
index 0a01e23..c393bc5 100644
--- 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;
diff --git a/system1-factory/fastapi-bridge/static/js/admin.js b/system1-factory/fastapi-bridge/static/js/admin.js
index b48105d..bcfe2ee 100644
--- 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;
   }
 
diff --git a/system1-factory/fastapi-bridge/static/js/api-config.js b/system1-factory/fastapi-bridge/static/js/api-config.js
index 888a530..0db469c 100644
--- 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;
diff --git a/system1-factory/fastapi-bridge/static/js/api-helper.js b/system1-factory/fastapi-bridge/static/js/api-helper.js
index 8057bc9..7ad001e 100644
--- 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('인증에 실패했습니다.');
   }
 
diff --git a/system1-factory/fastapi-bridge/static/js/attendance-validation.js b/system1-factory/fastapi-bridge/static/js/attendance-validation.js
index 2eb16e1..a2f47e7 100644
--- 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);
diff --git a/system1-factory/fastapi-bridge/static/js/auth-check.js b/system1-factory/fastapi-bridge/static/js/auth-check.js
index d43e51a..5c2e2f5 100644
--- 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;
   }
 
diff --git a/system1-factory/fastapi-bridge/static/js/auth.js b/system1-factory/fastapi-bridge/static/js/auth.js
index 7a8e6e5..b6881fb 100644
--- 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');
 }
 
 /**
diff --git a/system1-factory/fastapi-bridge/static/js/change-password.js b/system1-factory/fastapi-bridge/static/js/change-password.js
index 4858a9e..da68820 100644
--- 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');
 });
\ No newline at end of file
diff --git a/system1-factory/fastapi-bridge/static/js/daily-report-viewer.js b/system1-factory/fastapi-bridge/static/js/daily-report-viewer.js
index 6710b93..dafaff9 100644
--- 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;
     }
     
diff --git a/system1-factory/fastapi-bridge/static/js/daily-work-report.js b/system1-factory/fastapi-bridge/static/js/daily-work-report.js
index defd805..52c143d 100644
--- 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);
diff --git a/system1-factory/fastapi-bridge/static/js/factory-upload.js b/system1-factory/fastapi-bridge/static/js/factory-upload.js
index e2288ce..b3a8fe2 100644
--- 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: {
diff --git a/system1-factory/fastapi-bridge/static/js/group-leader-dashboard.js b/system1-factory/fastapi-bridge/static/js/group-leader-dashboard.js
index 1fa0292..a075540 100644
--- 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);
   
   // 권한 확인
diff --git a/system1-factory/fastapi-bridge/static/js/load-navbar.js b/system1-factory/fastapi-bridge/static/js/load-navbar.js
index 79e000f..bad72d9 100644
--- 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';
       }
     });
   }
diff --git a/system1-factory/fastapi-bridge/static/js/manage-user.js b/system1-factory/fastapi-bridge/static/js/manage-user.js
index 4f07386..4714b6a 100644
--- 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 || '현재 비밀번호가 올바르지 않습니다.'));
diff --git a/system1-factory/fastapi-bridge/static/js/management-dashboard.js b/system1-factory/fastapi-bridge/static/js/management-dashboard.js
index e43cb7e..b83e25f 100644
--- 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);
diff --git a/system1-factory/fastapi-bridge/static/js/my-profile.js b/system1-factory/fastapi-bridge/static/js/my-profile.js
index 222ab99..201d3c3 100644
--- 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);
diff --git a/system1-factory/fastapi-bridge/static/js/work-review.js b/system1-factory/fastapi-bridge/static/js/work-review.js
index a656b3c..b8f2380 100644
--- 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(() => {
diff --git a/system1-factory/fastapi-bridge/static/pages/admin/manage-daily-work.html b/system1-factory/fastapi-bridge/static/pages/admin/manage-daily-work.html
index 1279963..daa8f58 100644
--- 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())
       ]);
 
diff --git a/system1-factory/fastapi-bridge/static/pages/analysis/daily_work_analysis.html b/system1-factory/fastapi-bridge/static/pages/analysis/daily_work_analysis.html
index 91471be..6507487 100644
--- 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(() => {
diff --git a/system1-factory/fastapi-bridge/static/pages/common/12.html b/system1-factory/fastapi-bridge/static/pages/common/12.html
index 3c6fe96..2c90199 100644
--- 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');
         }
 
         // 로딩 상태 설정
diff --git a/system1-factory/fastapi-bridge/static/pages/dashboard/group-leader.html b/system1-factory/fastapi-bridge/static/pages/dashboard/group-leader.html
index 5e5c9b7..b1fc4c8 100644
--- 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) {
diff --git a/system1-factory/web/Dockerfile b/system1-factory/web/Dockerfile
index d5f93d7..ac30d1f 100644
--- 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
 
diff --git a/system1-factory/web/components/sidebar-nav.html b/system1-factory/web/components/sidebar-nav.html
index 2bd3234..db39bd8 100644
--- 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">
diff --git a/system1-factory/web/index.html b/system1-factory/web/index.html
index e87b534..db273e0 100644
--- 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>
\ No newline at end of file
+</html>
diff --git a/system1-factory/web/js/admin-settings.js b/system1-factory/web/js/admin-settings.js
index 50b47fe..a2cdcbe 100644
--- 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';
   }
 }
 
diff --git a/system1-factory/web/js/admin.js b/system1-factory/web/js/admin.js
index b48105d..bcfe2ee 100644
--- 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;
   }
 
diff --git a/system1-factory/web/js/api-base.js b/system1-factory/web/js/api-base.js
index 967b671..412540f 100644
--- 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);
 })();
diff --git a/system1-factory/web/js/api-config.js b/system1-factory/web/js/api-config.js
index a80acf1..206eba5 100644
--- 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();
diff --git a/system1-factory/web/js/api-helper.js b/system1-factory/web/js/api-helper.js
index d322e3f..6bc5c05 100644
--- 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('인증에 실패했습니다.');
   }
 
diff --git a/system1-factory/web/js/app-init.js b/system1-factory/web/js/app-init.js
index 9bd6d56..edbe41f 100644
--- 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;
     }
 
diff --git a/system1-factory/web/js/attendance-validation.js b/system1-factory/web/js/attendance-validation.js
index 2eb16e1..a2f47e7 100644
--- 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);
diff --git a/system1-factory/web/js/auth-check.js b/system1-factory/web/js/auth-check.js
index de15476..68b958e 100644
--- 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;
   }
 
diff --git a/system1-factory/web/js/auth.js b/system1-factory/web/js/auth.js
index 7a8e6e5..299b14a 100644
--- 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';
 } 
\ No newline at end of file
diff --git a/system1-factory/web/js/change-password.js b/system1-factory/web/js/change-password.js
index 4858a9e..da68820 100644
--- 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');
 });
\ No newline at end of file
diff --git a/system1-factory/web/js/daily-work-report.js b/system1-factory/web/js/daily-work-report.js
index 836f133..1fa7f1b 100644
--- 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);
diff --git a/system1-factory/web/js/daily-work-report/state.js b/system1-factory/web/js/daily-work-report/state.js
index ea9b9cb..ff44fbf 100644
--- 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);
       }
diff --git a/system1-factory/web/js/factory-upload.js b/system1-factory/web/js/factory-upload.js
index e2288ce..b3a8fe2 100644
--- 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: {
diff --git a/system1-factory/web/js/issue-detail.js b/system1-factory/web/js/issue-detail.js
deleted file mode 100644
index e089bbe..0000000
--- a/system1-factory/web/js/issue-detail.js
+++ /dev/null
@@ -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;
diff --git a/system1-factory/web/js/issue-report.js b/system1-factory/web/js/issue-report.js
deleted file mode 100644
index f9a6330..0000000
--- a/system1-factory/web/js/issue-report.js
+++ /dev/null
@@ -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;
diff --git a/system1-factory/web/js/load-navbar.js b/system1-factory/web/js/load-navbar.js
index 599e05a..077ad0c 100644
--- 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`, {
diff --git a/system1-factory/web/js/load-sidebar.js b/system1-factory/web/js/load-sidebar.js
index 037b7b8..0b2e9c8 100644
--- 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')}`
         }
       });
 
diff --git a/system1-factory/web/js/manage-user.js b/system1-factory/web/js/manage-user.js
index 99c671e..1633156 100644
--- 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 || '현재 비밀번호가 올바르지 않습니다.'));
diff --git a/system1-factory/web/js/management-dashboard.js b/system1-factory/web/js/management-dashboard.js
index 161aa78..36342ed 100644
--- 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);
diff --git a/system1-factory/web/js/modern-dashboard.js b/system1-factory/web/js/modern-dashboard.js
index 319a80b..f25cbb6 100644
--- 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';
       }
     });
   }
diff --git a/system1-factory/web/js/my-profile.js b/system1-factory/web/js/my-profile.js
index 222ab99..201d3c3 100644
--- 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);
diff --git a/system1-factory/web/js/nonconformity-list.js b/system1-factory/web/js/nonconformity-list.js
index b3a1402..315b2ad 100644
--- 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('목록 조회 실패');
diff --git a/system1-factory/web/js/page-access-cache.js b/system1-factory/web/js/page-access-cache.js
index bc1cfc2..84f2e9a 100644
--- 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')}`
         }
       });
 
diff --git a/system1-factory/web/js/project-management.js b/system1-factory/web/js/project-management.js
index b6fbe26..4540d77 100644
--- 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';
       }
     });
   }
diff --git a/system1-factory/web/js/safety-report-list.js b/system1-factory/web/js/safety-report-list.js
index c442504..e721dd8 100644
--- 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('목록 조회 실패');
diff --git a/system1-factory/web/js/safety-training-conduct.js b/system1-factory/web/js/safety-training-conduct.js
index 23f5e20..d6e38a6 100644
--- 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) {
diff --git a/system1-factory/web/js/system-dashboard.js b/system1-factory/web/js/system-dashboard.js
index 0d08f7c..bf94526 100644
--- 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 = '/';
     }
 }
diff --git a/system1-factory/web/js/tbm.js b/system1-factory/web/js/tbm.js
index c0befbb..c2fb7e3 100644
--- 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);
 
diff --git a/system1-factory/web/js/tbm/api.js b/system1-factory/web/js/tbm/api.js
index f59f41c..2e72783 100644
--- 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);
 
diff --git a/system1-factory/web/js/tbm/state.js b/system1-factory/web/js/tbm/state.js
index aacdc9f..aec8e9d 100644
--- 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;
diff --git a/system1-factory/web/js/vacation-allocation.js b/system1-factory/web/js/vacation-allocation.js
index cb2a04b..c835279 100644
--- 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`;
diff --git a/system1-factory/web/js/vacation-common.js b/system1-factory/web/js/vacation-common.js
index 89a0d3e..a4afbe5 100644
--- 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;
 }
diff --git a/system1-factory/web/js/visit-request.js b/system1-factory/web/js/visit-request.js
index 5fb6724..22eadef 100644
--- 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) {
diff --git a/system1-factory/web/js/work-analysis.js b/system1-factory/web/js/work-analysis.js
index 9b309d6..4c53e8b 100644
--- 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';
       }
     });
   }
diff --git a/system1-factory/web/js/work-issue-report.js b/system1-factory/web/js/work-issue-report.js
deleted file mode 100644
index 1cb49bc..0000000
--- a/system1-factory/web/js/work-issue-report.js
+++ /dev/null
@@ -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();
-    });
-  }
-});
diff --git a/system1-factory/web/js/work-management.js b/system1-factory/web/js/work-management.js
index 35e6bf9..99fd157 100644
--- 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';
       }
     });
   }
diff --git a/system1-factory/web/js/work-review.js b/system1-factory/web/js/work-review.js
index 22f1577..ef1a80b 100644
--- 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(() => {
diff --git a/system1-factory/web/js/worker-individual-report.js b/system1-factory/web/js/worker-individual-report.js
index d40bd26..68115dc 100644
--- 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);
     }
diff --git a/system1-factory/web/js/workplace-layout-map.js b/system1-factory/web/js/workplace-layout-map.js
index 35e0209..049ff3c 100644
--- 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
     });
diff --git a/system1-factory/web/js/workplace-management.js b/system1-factory/web/js/workplace-management.js
index 2fbcff4..9aff3c5 100644
--- 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
     });
diff --git a/system1-factory/web/js/workplace-management/api.js b/system1-factory/web/js/workplace-management/api.js
index d4880d6..438f344 100644
--- 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
         }
diff --git a/system1-factory/web/nginx.conf b/system1-factory/web/nginx.conf
new file mode 100644
index 0000000..72bcf9c
--- /dev/null
+++ 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;
+    }
+}
diff --git a/system1-factory/web/pages/admin/attendance-report.html b/system1-factory/web/pages/admin/attendance-report.html
index 76f474c..dca51ea 100644
--- 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}`;
               }
diff --git a/system1-factory/web/pages/admin/equipment-detail.html b/system1-factory/web/pages/admin/equipment-detail.html
index fbacf63..bbb5062 100644
--- 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;
             },
diff --git a/system1-factory/web/pages/admin/equipments.html b/system1-factory/web/pages/admin/equipments.html
index d7c67f4..e2dc6fd 100644
--- 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;
             },
diff --git a/system1-factory/web/pages/attendance/annual-overview.html b/system1-factory/web/pages/attendance/annual-overview.html
index 86bffe9..e21b399 100644
--- 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);
diff --git a/system1-factory/web/pages/attendance/checkin.html b/system1-factory/web/pages/attendance/checkin.html
index 635c57a..321cc70 100644
--- 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}`;
           }
diff --git a/system1-factory/web/pages/attendance/daily.html b/system1-factory/web/pages/attendance/daily.html
index 7ae1a55..2c93efb 100644
--- 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}`;
               }
diff --git a/system1-factory/web/pages/attendance/monthly.html b/system1-factory/web/pages/attendance/monthly.html
index 3938c29..5e36858 100644
--- 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}`;
               }
diff --git a/system1-factory/web/pages/attendance/my-vacation-info.html b/system1-factory/web/pages/attendance/my-vacation-info.html
index c206860..5dd94a0 100644
--- 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);
diff --git a/system1-factory/web/pages/attendance/vacation-approval.html b/system1-factory/web/pages/attendance/vacation-approval.html
index 8affa36..72afeb1 100644
--- 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}`;
               }
diff --git a/system1-factory/web/pages/attendance/vacation-input.html b/system1-factory/web/pages/attendance/vacation-input.html
index 630924b..5d0fbee 100644
--- 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}`;
               }
diff --git a/system1-factory/web/pages/attendance/vacation-management.html b/system1-factory/web/pages/attendance/vacation-management.html
index 85c0283..12cd2eb 100644
--- 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}`;
               }
diff --git a/system1-factory/web/pages/attendance/vacation-request.html b/system1-factory/web/pages/attendance/vacation-request.html
index e72defd..0c4a1ce 100644
--- 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}`;
               }
diff --git a/system1-factory/web/pages/attendance/work-status.html b/system1-factory/web/pages/attendance/work-status.html
index 21ee33f..131d63c 100644
--- 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}`;
           }
diff --git a/system1-factory/web/pages/inspection/daily-patrol.html b/system1-factory/web/pages/inspection/daily-patrol.html
index a55c2a0..6fe609d 100644
--- 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;
             },
diff --git a/system1-factory/web/pages/inspection/zone-detail.html b/system1-factory/web/pages/inspection/zone-detail.html
index 7b08cd9..5f59243 100644
--- 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}`;
           }
diff --git a/system1-factory/web/pages/safety/issue-detail.html b/system1-factory/web/pages/safety/issue-detail.html
index 53c375d..4f6b7cd 100644
--- 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>
diff --git a/system1-factory/web/pages/safety/issue-report.html b/system1-factory/web/pages/safety/issue-report.html
index ebe4725..fdf7ac4 100644
--- 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>
diff --git a/system1-factory/web/pages/safety/report-status.html b/system1-factory/web/pages/safety/report-status.html
index 4c37ff9..a1bdaf9 100644
--- 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>
diff --git a/system2-report/web/js/api-base.js b/system2-report/web/js/api-base.js
new file mode 100644
index 0000000..87c82cb
--- /dev/null
+++ 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);
+})();
diff --git a/system2-report/web/js/app-init.js b/system2-report/web/js/app-init.js
new file mode 100644
index 0000000..0c79f2b
--- /dev/null
+++ 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 };
+})();
diff --git a/system2-report/web/js/issue-detail.js b/system2-report/web/js/issue-detail.js
index e089bbe..611fce2 100644
--- 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
diff --git a/system2-report/web/js/issue-report.js b/system2-report/web/js/issue-report.js
index f9a6330..31820be 100644
--- 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)
     });
diff --git a/system2-report/web/js/safety-report-list.js b/system2-report/web/js/safety-report-list.js
new file mode 100644
index 0000000..f1c1a27
--- /dev/null
+++ 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`;
+}
diff --git a/system2-report/web/js/work-issue-report.js b/system2-report/web/js/work-issue-report.js
index 1cb49bc..2349d46 100644
--- 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)
     });
diff --git a/system2-report/web/pages/safety/report-status.html b/system2-report/web/pages/safety/report-status.html
index 4c37ff9..c0f8c13 100644
--- 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>
diff --git a/system3-nonconformance/api/routers/auth.py b/system3-nonconformance/api/routers/auth.py
index 1523190..40fc3d1 100644
--- 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:
diff --git a/system3-nonconformance/api/services/auth_service.py b/system3-nonconformance/api/services/auth_service.py
index d7d642b..8f710cd 100644
--- 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
 
diff --git a/system3-nonconformance/web/admin.html b/system3-nonconformance/web/admin.html
index 62d1985..133240d 100644
--- a/system3-nonconformance/web/admin.html
+++ b/system3-nonconformance/web/admin.html
@@ -393,7 +393,7 @@
         
         // API 로드 후 초기화 함수
         async function initializeAdmin() {
-            const token = localStorage.getItem('access_token');
+            const token = TokenManager.getToken();
             if (!token) {
                 window.location.href = '/index.html';
                 return;
@@ -423,8 +423,8 @@
                 
             } catch (error) {
                 console.error('인증 실패:', error);
-                localStorage.removeItem('access_token');
-                localStorage.removeItem('currentUser');
+                TokenManager.removeToken();
+                TokenManager.removeUser();
                 window.location.href = '/index.html';
                 return;
             }
@@ -729,7 +729,7 @@
                 try {
                     const response = await fetch(`/api/users/${userId}/page-permissions`, {
                         headers: {
-                            'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                            'Authorization': `Bearer ${TokenManager.getToken()}`
                         }
                     });
                     
@@ -860,7 +860,7 @@
                     method: 'POST',
                     headers: {
                         'Content-Type': 'application/json',
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     },
                     body: JSON.stringify({
                         user_id: parseInt(selectedUserId),
diff --git a/system3-nonconformance/web/daily-work.html b/system3-nonconformance/web/daily-work.html
index 8ff4897..0b5d5e8 100644
--- a/system3-nonconformance/web/daily-work.html
+++ b/system3-nonconformance/web/daily-work.html
@@ -274,7 +274,7 @@
 
         // API 로드 후 초기화 함수
         async function initializeDailyWork() {
-            const token = localStorage.getItem('access_token');
+            const token = TokenManager.getToken();
             if (!token) {
                 window.location.href = '/index.html';
                 return;
@@ -304,8 +304,8 @@
                 
             } catch (error) {
                 console.error('인증 실패:', error);
-                localStorage.removeItem('access_token');
-                localStorage.removeItem('currentUser');
+                TokenManager.removeToken();
+                TokenManager.removeUser();
                 window.location.href = '/index.html';
                 return;
             }
@@ -342,7 +342,7 @@
                 const apiUrl = window.API_BASE_URL || 'http://localhost:16080/api';
                 const response = await fetch(`${apiUrl}/projects/`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     }
                 });
@@ -652,8 +652,8 @@
         
         // 로그아웃
         function logout() {
-            localStorage.removeItem('access_token');
-            localStorage.removeItem('currentUser');
+            TokenManager.removeToken();
+            TokenManager.removeUser();
             window.location.href = '/index.html';
         }
     </script>
diff --git a/system3-nonconformance/web/index.html b/system3-nonconformance/web/index.html
index fe07364..116a8d0 100644
--- a/system3-nonconformance/web/index.html
+++ b/system3-nonconformance/web/index.html
@@ -621,18 +621,32 @@
             });
         }
         
+        // 쿠키 헬퍼
+        function _ckGet(name) {
+            var m = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'));
+            return m ? decodeURIComponent(m[1]) : null;
+        }
+        function _ckRemove(name) {
+            var c = name + '=; path=/; max-age=0';
+            if (window.location.hostname.includes('technicalkorea.net')) c += '; domain=.technicalkorea.net';
+            document.cookie = c;
+        }
+        function _centralLoginUrl() {
+            var h = window.location.hostname;
+            if (h.includes('technicalkorea.net')) return window.location.protocol + '//tkfb.technicalkorea.net/login?redirect=' + encodeURIComponent(window.location.href);
+            return window.location.protocol + '//' + h + ':30000/login?redirect=' + encodeURIComponent(window.location.href);
+        }
+
         // 수동 초기화 함수 (initializeApp 함수가 로드되지 않을 때 사용)
         async function manualInitialize() {
-            console.log('🔧 수동 초기화 시작');
-            
-            // 토큰이 있으면 사용자 정보 가져오기
-            const token = localStorage.getItem('access_token');
+            // SSO 쿠키 우선, localStorage 폴백
+            const token = _ckGet('sso_token') || localStorage.getItem('sso_token') || localStorage.getItem('access_token');
             if (token) {
                 try {
                     // 토큰으로 사용자 정보 가져오기 (API 호출)
                     const user = await AuthAPI.getCurrentUser();
                     currentUser = user;
-                    
+
                     // localStorage에도 백업 저장
                     localStorage.setItem('currentUser', JSON.stringify(user));
                     
@@ -670,8 +684,10 @@
                     
                 } catch (error) {
                     console.error('수동 초기화 실패:', error);
-                    // 토큰이 유효하지 않으면 로그아웃
+                    _ckRemove('sso_token'); _ckRemove('sso_user'); _ckRemove('sso_refresh_token');
                     localStorage.removeItem('access_token');
+                    localStorage.removeItem('sso_token');
+                    localStorage.removeItem('sso_user');
                     localStorage.removeItem('currentUser');
                 }
             }
@@ -721,17 +737,14 @@
                     handleUrlHash();
                     
                 } else {
-                    console.log('❌ 인증되지 않은 사용자 - 로그인 화면 표시');
-                    // 로그인이 필요한 경우 로그인 화면 표시
-                    document.getElementById('loginScreen').classList.remove('hidden');
-                    document.getElementById('mainScreen').classList.add('hidden');
+                    // 인증되지 않은 사용자 → 중앙 로그인으로
+                    window.location.href = _centralLoginUrl();
+                    return;
                 }
-                
+
             } catch (error) {
-                console.error('❌ 앱 초기화 실패:', error);
-                // 에러 발생 시 로그인 화면 표시
-                document.getElementById('loginScreen').classList.remove('hidden');
-                document.getElementById('mainScreen').classList.add('hidden');
+                console.error('앱 초기화 실패:', error);
+                window.location.href = _centralLoginUrl();
             }
         }
         
diff --git a/system3-nonconformance/web/issue-view.html b/system3-nonconformance/web/issue-view.html
index 9abd773..fe0eceb 100644
--- a/system3-nonconformance/web/issue-view.html
+++ b/system3-nonconformance/web/issue-view.html
@@ -243,7 +243,7 @@
 
         // API 로드 후 초기화 함수
         async function initializeIssueView() {
-            const token = localStorage.getItem('access_token');
+            const token = TokenManager.getToken();
             if (!token) {
                 window.location.href = '/index.html';
                 return;
@@ -276,8 +276,8 @@
                 
             } catch (error) {
                 console.error('인증 실패:', error);
-                localStorage.removeItem('access_token');
-                localStorage.removeItem('currentUser');
+                TokenManager.removeToken();
+                TokenManager.removeUser();
                 window.location.href = '/index.html';
                 return;
             }
@@ -948,8 +948,8 @@
         
         // 로그아웃 함수
         function logout() {
-            localStorage.removeItem('access_token');
-            localStorage.removeItem('currentUser');
+            TokenManager.removeToken();
+            TokenManager.removeUser();
             window.location.href = 'index.html';
         }
 
diff --git a/system3-nonconformance/web/issues-archive.html b/system3-nonconformance/web/issues-archive.html
index f8231ae..d8cf057 100644
--- a/system3-nonconformance/web/issues-archive.html
+++ b/system3-nonconformance/web/issues-archive.html
@@ -249,7 +249,7 @@
 
         // API 로드 후 초기화 함수
         async function initializeArchive() {
-            const token = localStorage.getItem('access_token');
+            const token = TokenManager.getToken();
             if (!token) {
                 window.location.href = '/index.html';
                 return;
@@ -278,8 +278,8 @@
 
             } catch (error) {
                 console.error('인증 실패:', error);
-                localStorage.removeItem('access_token');
-                localStorage.removeItem('currentUser');
+                TokenManager.removeToken();
+                TokenManager.removeUser();
                 window.location.href = '/index.html';
             }
         }
@@ -290,7 +290,7 @@
                 const apiUrl = window.API_BASE_URL || 'http://localhost:16080/api';
                 const response = await fetch(`${apiUrl}/projects/`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     }
                 });
@@ -316,7 +316,7 @@
                 
                 const response = await fetch(endpoint, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     }
                 });
diff --git a/system3-nonconformance/web/issues-dashboard.html b/system3-nonconformance/web/issues-dashboard.html
index c61b0b4..d38c331 100644
--- a/system3-nonconformance/web/issues-dashboard.html
+++ b/system3-nonconformance/web/issues-dashboard.html
@@ -326,7 +326,7 @@
                 const apiUrl = window.API_BASE_URL || 'http://localhost:16080/api';
                 const response = await fetch(`${apiUrl}/projects/`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     }
                 });
@@ -346,7 +346,7 @@
             try {
                 const response = await fetch('/api/issues/admin/all', {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     }
                 });
@@ -1238,7 +1238,7 @@
                 const response = await fetch(`/api/issues/${selectedRejectionIssueId}/reject-completion`, {
                     method: 'POST',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify({
@@ -1313,7 +1313,7 @@
             try {
                 const issueResponse = await fetch(`/api/issues/${issueId}`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     }
                 });
 
@@ -1355,7 +1355,7 @@
             try {
                 const issueResponse = await fetch(`/api/issues/${selectedCommentIssueId}`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     }
                 });
 
@@ -1386,7 +1386,7 @@
                 const response = await fetch(`/api/issues/${selectedCommentIssueId}/management`, {
                     method: 'PUT',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify({
@@ -1450,7 +1450,7 @@
             try {
                 const issueResponse = await fetch(`/api/issues/${selectedReplyIssueId}`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     }
                 });
 
@@ -1505,7 +1505,7 @@
                 const response = await fetch(`/api/issues/${selectedReplyIssueId}/management`, {
                     method: 'PUT',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify({
@@ -1544,7 +1544,7 @@
                 // 현재 이슈 정보 가져오기
                 const issueResponse = await fetch(`/api/issues/${issueId}`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     }
                 });
 
@@ -1606,7 +1606,7 @@
             try {
                 const issueResponse = await fetch(`/api/issues/${selectedEditIssueId}`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     }
                 });
 
@@ -1645,7 +1645,7 @@
                 const response = await fetch(`/api/issues/${selectedEditIssueId}/management`, {
                     method: 'PUT',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify({
@@ -1676,7 +1676,7 @@
             try {
                 const issueResponse = await fetch(`/api/issues/${issueId}`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     }
                 });
 
@@ -1699,7 +1699,7 @@
                 const response = await fetch(`/api/issues/${issueId}/management`, {
                     method: 'PUT',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify({
@@ -1737,7 +1737,7 @@
             try {
                 const issueResponse = await fetch(`/api/issues/${issueId}`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     }
                 });
 
@@ -1787,7 +1787,7 @@
             try {
                 const issueResponse = await fetch(`/api/issues/${selectedEditCommentIssueId}`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     }
                 });
 
@@ -1817,7 +1817,7 @@
                 const response = await fetch(`/api/issues/${selectedEditCommentIssueId}/management`, {
                     method: 'PUT',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify({ solution: updatedSolution })
@@ -1851,7 +1851,7 @@
             try {
                 const issueResponse = await fetch(`/api/issues/${issueId}`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     }
                 });
 
@@ -1891,7 +1891,7 @@
                 const response = await fetch(`/api/issues/${issueId}/management`, {
                     method: 'PUT',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify({ solution: updatedSolution })
@@ -1929,7 +1929,7 @@
             try {
                 const issueResponse = await fetch(`/api/issues/${issueId}`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     }
                 });
 
@@ -1985,7 +1985,7 @@
             try {
                 const issueResponse = await fetch(`/api/issues/${selectedEditReplyIssueId}`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     }
                 });
 
@@ -2020,7 +2020,7 @@
                 const response = await fetch(`/api/issues/${selectedEditReplyIssueId}/management`, {
                     method: 'PUT',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify({ solution: updatedSolution })
@@ -2055,7 +2055,7 @@
             try {
                 const issueResponse = await fetch(`/api/issues/${issueId}`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     }
                 });
 
@@ -2092,7 +2092,7 @@
                 const response = await fetch(`/api/issues/${issueId}/management`, {
                     method: 'PUT',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify({ solution: updatedSolution })
@@ -2134,7 +2134,7 @@
                 // 현재 이슈 정보 가져오기
                 const issueResponse = await fetch(`/api/issues/${selectedOpinionIssueId}`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     }
                 });
 
@@ -2164,7 +2164,7 @@
                 const response = await fetch(`/api/issues/${selectedOpinionIssueId}/management`, {
                     method: 'PUT',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify({
@@ -2238,7 +2238,7 @@
                         const response = await fetch(`/api/issues/${selectedCompletionIssueId}/completion-request`, {
                             method: 'POST',
                             headers: {
-                                'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                                'Authorization': `Bearer ${TokenManager.getToken()}`,
                                 'Content-Type': 'application/json'
                             },
                             body: JSON.stringify({
diff --git a/system3-nonconformance/web/issues-inbox.html b/system3-nonconformance/web/issues-inbox.html
index 8e105ce..ba97966 100644
--- a/system3-nonconformance/web/issues-inbox.html
+++ b/system3-nonconformance/web/issues-inbox.html
@@ -581,7 +581,7 @@
         async function initializeInbox() {
             console.log('🚀 수신함 초기화 시작');
             
-            const token = localStorage.getItem('access_token');
+            const token = TokenManager.getToken();
             console.log('토큰 존재:', !!token);
             
             if (!token) {
@@ -639,8 +639,8 @@
                 // 401 Unauthorized 에러인 경우만 로그아웃 처리
                 if (error.message && (error.message.includes('401') || error.message.includes('Unauthorized') || error.message.includes('Not authenticated'))) {
                     console.log('🔐 인증 토큰 만료 - 로그아웃 처리');
-                    localStorage.removeItem('access_token');
-                    localStorage.removeItem('currentUser');
+                    TokenManager.removeToken();
+                    TokenManager.removeUser();
                     window.location.href = '/index.html';
                 } else {
                     // 다른 에러는 사용자에게 알리고 계속 진행
@@ -671,7 +671,7 @@
                 const apiUrl = window.API_BASE_URL || 'http://localhost:16080/api';
                 const response = await fetch(`${apiUrl}/projects/`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     }
                 });
@@ -718,7 +718,7 @@
                 
                 const response = await fetch(url, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     }
                 });
@@ -905,7 +905,7 @@
                 try {
                     const processedResponse = await fetch('/api/inbox/statistics', {
                         headers: {
-                            'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                            'Authorization': `Bearer ${TokenManager.getToken()}`,
                             'Content-Type': 'application/json'
                         }
                     });
@@ -1038,7 +1038,7 @@
             try {
                 const response = await fetch(`/api/inbox/management-issues${projectId ? `?project_id=${projectId}` : ''}`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     }
                 });
                 
@@ -1140,7 +1140,7 @@
                 const response = await fetch(`/api/inbox/${currentIssueId}/dispose`, {
                     method: 'POST',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify(requestBody)
@@ -1237,7 +1237,7 @@
                 const response = await fetch(`/api/inbox/${currentIssueId}/review`, {
                     method: 'POST',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify({
@@ -1388,7 +1388,7 @@
                 const response = await fetch(`/api/inbox/${currentIssueId}/status`, {
                     method: 'POST',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify(requestBody)
diff --git a/system3-nonconformance/web/issues-management.html b/system3-nonconformance/web/issues-management.html
index 203a327..e3eb853 100644
--- a/system3-nonconformance/web/issues-management.html
+++ b/system3-nonconformance/web/issues-management.html
@@ -434,7 +434,7 @@
 
         // API 로드 후 초기화 함수
         async function initializeManagement() {
-            const token = localStorage.getItem('access_token');
+            const token = TokenManager.getToken();
             if (!token) {
                 window.location.href = '/index.html';
                 return;
@@ -463,8 +463,8 @@
 
             } catch (error) {
                 console.error('인증 실패:', error);
-                localStorage.removeItem('access_token');
-                localStorage.removeItem('currentUser');
+                TokenManager.removeToken();
+                TokenManager.removeUser();
                 window.location.href = '/index.html';
             }
         }
@@ -475,7 +475,7 @@
                 const apiUrl = window.API_BASE_URL || 'http://localhost:16080/api';
                 const response = await fetch(`${apiUrl}/projects/`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     }
                 });
@@ -496,7 +496,7 @@
                 
                 const response = await fetch(endpoint, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     }
                 });
@@ -1286,7 +1286,7 @@
                 const response = await fetch(`/api/issues/${currentIssueId}`, {
                     method: 'PUT',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify({
@@ -1318,7 +1318,7 @@
                 const response = await fetch(`/api/inbox/${issueId}/status`, {
                     method: 'POST',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify({
@@ -1366,7 +1366,7 @@
                 const response = await fetch(`/api/issues/${issueId}/management`, {
                     method: 'PUT',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify(updates)
@@ -1608,7 +1608,7 @@
                 const response = await fetch(`/api/issues/${currentModalIssueId}/management`, {
                     method: 'PUT',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify(updates)
@@ -1757,7 +1757,7 @@
             try {
                 const response = await fetch(`/api/management/${issueId}/additional-info`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     }
                 });
@@ -1796,7 +1796,7 @@
                 const response = await fetch(`/api/management/${selectedIssueId}/additional-info`, {
                     method: 'PUT',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify(formData)
@@ -1877,7 +1877,7 @@
                 const response = await fetch(`/api/management/${issueId}`, {
                     method: 'PUT',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify({
@@ -2257,7 +2257,7 @@
                 const response = await fetch(`/api/management/${issueId}`, {
                     method: 'PUT',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify(requestBody)
@@ -2351,7 +2351,7 @@
                 const response = await fetch(`/api/issues/${issueId}/reset-completion`, {
                     method: 'POST',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     }
                 });
@@ -2375,7 +2375,7 @@
                 const response = await fetch(`/api/issues/${issueId}/reject-completion`, {
                     method: 'POST',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify({
@@ -2585,7 +2585,7 @@
                 const saveResponse = await fetch(`/api/management/${issueId}`, {
                     method: 'PUT',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     },
                     body: JSON.stringify(requestBody)
@@ -2615,7 +2615,7 @@
                 const response = await fetch(`/api/issues/${issueId}/final-completion`, {
                     method: 'POST',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     }
                 });
@@ -2677,7 +2677,7 @@
                 const response = await fetch(`/api/issues/${issueId}`, {
                     method: 'DELETE',
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`,
+                        'Authorization': `Bearer ${TokenManager.getToken()}`,
                         'Content-Type': 'application/json'
                     }
                 });
diff --git a/system3-nonconformance/web/project-management.html b/system3-nonconformance/web/project-management.html
index e7c23b2..a14ed2a 100644
--- a/system3-nonconformance/web/project-management.html
+++ b/system3-nonconformance/web/project-management.html
@@ -276,7 +276,7 @@
         
         async function initAuth() {
             console.log('인증 초기화 시작');
-            const token = localStorage.getItem('access_token');
+            const token = TokenManager.getToken();
             console.log('토큰 존재:', !!token);
             
             if (!token) {
@@ -295,8 +295,8 @@
                 return true;
             } catch (error) {
                 console.error('인증 실패:', error);
-                localStorage.removeItem('access_token');
-                localStorage.removeItem('currentUser');
+                TokenManager.removeToken();
+                TokenManager.removeUser();
                 alert('로그인이 필요합니다.');
                 window.location.href = 'index.html';
                 return false;
diff --git a/system3-nonconformance/web/reports-daily.html b/system3-nonconformance/web/reports-daily.html
index a90449d..f1148df 100644
--- a/system3-nonconformance/web/reports-daily.html
+++ b/system3-nonconformance/web/reports-daily.html
@@ -238,7 +238,7 @@
 
                 const response = await fetch(`${apiUrl}/projects/`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     }
                 });
 
@@ -305,7 +305,7 @@
                 const apiUrl = window.API_BASE_URL || 'http://localhost:16080/api';
                 const response = await fetch(`${apiUrl}/reports/daily-preview?project_id=${selectedProjectId}`, {
                     headers: {
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     }
                 });
 
@@ -432,7 +432,7 @@
                     method: 'POST',
                     headers: {
                         'Content-Type': 'application/json',
-                        'Authorization': `Bearer ${localStorage.getItem('access_token')}`
+                        'Authorization': `Bearer ${TokenManager.getToken()}`
                     },
                     body: JSON.stringify({
                         project_id: parseInt(selectedProjectId)
diff --git a/system3-nonconformance/web/static/js/api.js b/system3-nonconformance/web/static/js/api.js
index 1b359e8..f005b52 100644
--- a/system3-nonconformance/web/static/js/api.js
+++ b/system3-nonconformance/web/static/js/api.js
@@ -1,43 +1,80 @@
-// API 기본 설정 (Cloudflare 터널 + 로컬 환경 지원)
+// SSO 쿠키 헬퍼
+function _cookieGet(name) {
+    const match = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'));
+    return match ? decodeURIComponent(match[1]) : null;
+}
+function _cookieRemove(name) {
+    let cookie = name + '=; path=/; max-age=0';
+    if (window.location.hostname.includes('technicalkorea.net')) {
+        cookie += '; domain=.technicalkorea.net';
+    }
+    document.cookie = cookie;
+}
+
+// 중앙 로그인 URL
+function _getLoginUrl() {
+    const 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);
+}
+
+// API 기본 설정 (통합 환경 지원)
 const API_BASE_URL = (() => {
     const hostname = window.location.hostname;
     const protocol = window.location.protocol;
     const port = window.location.port;
-    
-    console.log('🔧 API URL 생성 - hostname:', hostname, 'protocol:', protocol, 'port:', port);
-    
-    // 로컬 환경 (포트 있음)
+
+    // 프로덕션 (technicalkorea.net) - 같은 도메인 /api
+    if (hostname.includes('technicalkorea.net')) {
+        return protocol + '//' + hostname + '/api';
+    }
+
+    // 통합 개발 환경 (포트 30280)
+    if (port === '30280' || port === '30000') {
+        return protocol + '//' + hostname + ':30200/api';
+    }
+
+    // 기존 TKQC 로컬 환경 (포트 16080)
     if (port === '16080') {
-        const url = `${protocol}//${hostname}:${port}/api`;
-        console.log('🏠 로컬 환경 URL:', url);
-        return url;
+        return protocol + '//' + hostname + ':16080/api';
     }
-    
-    // Cloudflare 터널 환경 (m.hyungi.net) - 강제 HTTPS
-    if (hostname === 'm.hyungi.net') {
-        const url = `https://m-api.hyungi.net/api`;
-        console.log('☁️ Cloudflare 환경 URL:', url);
-        return url;
-    }
-    
+
     // 기타 환경
-    const url = '/api';
-    console.log('🌐 기타 환경 URL:', url);
-    return url;
+    return '/api';
 })();
 
-// 토큰 관리
+// 토큰 관리 (SSO 쿠키 + localStorage 이중 지원)
 const TokenManager = {
-    getToken: () => localStorage.getItem('access_token'),
+    getToken: () => {
+        // SSO 쿠키 우선 (sso_token), localStorage 폴백 (access_token)
+        return _cookieGet('sso_token') || localStorage.getItem('sso_token') || localStorage.getItem('access_token');
+    },
     setToken: (token) => localStorage.setItem('access_token', token),
-    removeToken: () => localStorage.removeItem('access_token'),
-    
+    removeToken: () => {
+        _cookieRemove('sso_token');
+        _cookieRemove('sso_user');
+        _cookieRemove('sso_refresh_token');
+        localStorage.removeItem('access_token');
+        localStorage.removeItem('sso_token');
+        localStorage.removeItem('sso_user');
+    },
+
     getUser: () => {
-        const userStr = localStorage.getItem('current_user');
+        // SSO 쿠키 우선, localStorage 폴백
+        const ssoUser = _cookieGet('sso_user') || localStorage.getItem('sso_user');
+        if (ssoUser) {
+            try { return JSON.parse(ssoUser); } catch(e) {}
+        }
+        const userStr = localStorage.getItem('currentUser') || localStorage.getItem('current_user');
         return userStr ? JSON.parse(userStr) : null;
     },
     setUser: (user) => localStorage.setItem('current_user', JSON.stringify(user)),
-    removeUser: () => localStorage.removeItem('current_user')
+    removeUser: () => {
+        localStorage.removeItem('current_user');
+        localStorage.removeItem('currentUser');
+    }
 };
 
 // API 요청 헬퍼
@@ -64,10 +101,10 @@ async function apiRequest(endpoint, options = {}) {
         const response = await fetch(`${API_BASE_URL}${endpoint}`, config);
         
         if (response.status === 401) {
-            // 인증 실패 시 로그인 페이지로
+            // 인증 실패 시 중앙 로그인 페이지로
             TokenManager.removeToken();
             TokenManager.removeUser();
-            window.location.href = '/index.html';
+            window.location.href = _getLoginUrl();
             return;
         }
         
@@ -129,7 +166,7 @@ const AuthAPI = {
     logout: () => {
         TokenManager.removeToken();
         TokenManager.removeUser();
-        window.location.href = '/index.html';
+        window.location.href = _getLoginUrl();
     },
     
     getMe: () => apiRequest('/auth/me'),
@@ -287,7 +324,7 @@ const ReportsAPI = {
 function checkAuth() {
     const user = TokenManager.getUser();
     if (!user) {
-        window.location.href = '/index.html';
+        window.location.href = _getLoginUrl();
         return null;
     }
     return user;
@@ -297,27 +334,27 @@ function checkAdminAuth() {
     const user = checkAuth();
     if (user && user.role !== 'admin') {
         alert('관리자 권한이 필요합니다.');
-        window.location.href = '/index.html';
+        window.location.href = _getLoginUrl();
         return null;
     }
     return user;
 }
 
-// 페이지 접근 권한 체크 함수 (새로 추가)
+// 페이지 접근 권한 체크 함수
 function checkPageAccess(pageName) {
     const user = checkAuth();
     if (!user) return null;
-    
+
     // admin은 모든 페이지 접근 가능
     if (user.role === 'admin') return user;
-    
+
     // 페이지별 권한 체크는 pagePermissionManager에서 처리
     if (window.pagePermissionManager && !window.pagePermissionManager.canAccessPage(pageName)) {
         alert('이 페이지에 접근할 권한이 없습니다.');
-        window.location.href = '/index.html';
+        window.location.href = _getLoginUrl();
         return null;
     }
-    
+
     return user;
 }
 
diff --git a/system3-nonconformance/web/static/js/app.js b/system3-nonconformance/web/static/js/app.js
index 79fc7d0..f78f688 100644
--- a/system3-nonconformance/web/static/js/app.js
+++ b/system3-nonconformance/web/static/js/app.js
@@ -46,12 +46,17 @@ class App {
      * 인증 확인
      */
     async checkAuth() {
-        const token = localStorage.getItem('access_token');
+        // SSO 쿠키 우선, localStorage 폴백
+        const token = this._cookieGet('sso_token') || localStorage.getItem('sso_token') || localStorage.getItem('access_token');
         if (!token) {
             throw new Error('토큰 없음');
         }
 
-        // 임시로 localStorage에서 사용자 정보 가져오기
+        // SSO 쿠키에서 사용자 정보 시도
+        const ssoUser = this._cookieGet('sso_user') || localStorage.getItem('sso_user');
+        if (ssoUser) {
+            try { this.currentUser = JSON.parse(ssoUser); return; } catch(e) {}
+        }
         const storedUser = localStorage.getItem('currentUser');
         if (storedUser) {
             this.currentUser = JSON.parse(storedUser);
@@ -60,6 +65,11 @@ class App {
         }
     }
 
+    _cookieGet(name) {
+        const match = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'));
+        return match ? decodeURIComponent(match[1]) : null;
+    }
+
     /**
      * API 스크립트 동적 로드
      */
@@ -360,16 +370,27 @@ class App {
      * 로그아웃
      */
     logout() {
-        localStorage.removeItem('access_token');
-        localStorage.removeItem('currentUser');
+        if (window.authManager) {
+            window.authManager.clearAuth();
+        } else {
+            localStorage.removeItem('access_token');
+            localStorage.removeItem('sso_token');
+            localStorage.removeItem('sso_user');
+            localStorage.removeItem('currentUser');
+        }
         this.redirectToLogin();
     }
 
     /**
-     * 로그인 페이지로 리다이렉트
+     * 중앙 로그인 페이지로 리다이렉트
      */
     redirectToLogin() {
-        window.location.href = '/index.html';
+        const hostname = window.location.hostname;
+        if (hostname.includes('technicalkorea.net')) {
+            window.location.href = window.location.protocol + '//tkfb.technicalkorea.net/login?redirect=' + encodeURIComponent(window.location.href);
+        } else {
+            window.location.href = window.location.protocol + '//' + hostname + ':30000/login?redirect=' + encodeURIComponent(window.location.href);
+        }
     }
 
     /**
diff --git a/system3-nonconformance/web/static/js/components/common-header.js b/system3-nonconformance/web/static/js/components/common-header.js
index 38ad109..7e9a111 100644
--- a/system3-nonconformance/web/static/js/components/common-header.js
+++ b/system3-nonconformance/web/static/js/components/common-header.js
@@ -657,9 +657,20 @@ class CommonHeader {
      */
     static logout() {
         if (confirm('로그아웃 하시겠습니까?')) {
-            localStorage.removeItem('access_token');
-            localStorage.removeItem('currentUser');
-            window.location.href = '/index.html';
+            if (window.authManager) {
+                window.authManager.logout();
+            } else {
+                localStorage.removeItem('access_token');
+                localStorage.removeItem('sso_token');
+                localStorage.removeItem('sso_user');
+                localStorage.removeItem('currentUser');
+                var hostname = window.location.hostname;
+                if (hostname.includes('technicalkorea.net')) {
+                    window.location.href = window.location.protocol + '//tkfb.technicalkorea.net/login';
+                } else {
+                    window.location.href = window.location.protocol + '//' + hostname + ':30000/login';
+                }
+            }
         }
     }
 
diff --git a/system3-nonconformance/web/static/js/core/auth-manager.js b/system3-nonconformance/web/static/js/core/auth-manager.js
index 93c89cc..dbc93c5 100644
--- a/system3-nonconformance/web/static/js/core/auth-manager.js
+++ b/system3-nonconformance/web/static/js/core/auth-manager.js
@@ -35,28 +35,70 @@ class AuthManager {
     }
     
     /**
-     * localStorage에서 사용자 정보 복원
+     * 쿠키에서 값 읽기
+     */
+    _cookieGet(name) {
+        const match = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'));
+        return match ? decodeURIComponent(match[1]) : null;
+    }
+
+    /**
+     * 쿠키 삭제
+     */
+    _cookieRemove(name) {
+        let cookie = name + '=; path=/; max-age=0';
+        if (window.location.hostname.includes('technicalkorea.net')) {
+            cookie += '; domain=.technicalkorea.net';
+        }
+        document.cookie = cookie;
+    }
+
+    /**
+     * SSO 토큰 가져오기 (쿠키 우선, localStorage 폴백)
+     */
+    _getToken() {
+        return this._cookieGet('sso_token') || localStorage.getItem('sso_token') || localStorage.getItem('access_token');
+    }
+
+    /**
+     * SSO 사용자 정보 가져오기 (쿠키 우선, localStorage 폴백)
+     */
+    _getUser() {
+        const ssoUser = this._cookieGet('sso_user') || localStorage.getItem('sso_user');
+        if (ssoUser) {
+            try { return JSON.parse(ssoUser); } catch(e) {}
+        }
+        const userStr = localStorage.getItem('currentUser');
+        return userStr ? JSON.parse(userStr) : null;
+    }
+
+    /**
+     * 중앙 로그인 URL
+     */
+    _getLoginUrl() {
+        const 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);
+    }
+
+    /**
+     * 저장소에서 사용자 정보 복원 (SSO 쿠키 + localStorage)
      */
     restoreUserFromStorage() {
-        const token = localStorage.getItem('access_token');
-        const userStr = localStorage.getItem('currentUser');
-        
-        console.log('🔍 localStorage 확인:');
-        console.log('- 토큰 존재:', !!token);
-        console.log('- 사용자 정보 존재:', !!userStr);
-        
-        if (token && userStr) {
+        const token = this._getToken();
+        const user = this._getUser();
+
+        if (token && user) {
             try {
-                this.currentUser = JSON.parse(userStr);
+                this.currentUser = user;
                 this.isAuthenticated = true;
                 this.lastAuthCheck = Date.now();
-                console.log('✅ 저장된 사용자 정보 복원:', this.currentUser.username);
             } catch (error) {
-                console.error('❌ 사용자 정보 복원 실패:', error);
+                console.error('사용자 정보 복원 실패:', error);
                 this.clearAuth();
             }
-        } else {
-            console.log('❌ 토큰 또는 사용자 정보 없음 - 로그인 필요');
         }
     }
     
@@ -75,25 +117,17 @@ class AuthManager {
      * 인증 상태 확인 (필요시에만 API 호출)
      */
     async checkAuth() {
-        console.log('🔍 AuthManager.checkAuth() 호출됨');
-        console.log('- 현재 인증 상태:', this.isAuthenticated);
-        console.log('- 현재 사용자:', this.currentUser?.username || 'null');
-        
-        const token = localStorage.getItem('access_token');
+        const token = this._getToken();
         if (!token) {
-            console.log('❌ 토큰 없음 - 인증 실패');
             this.clearAuth();
             return null;
         }
-        
+
         // 최근에 체크했으면 캐시된 정보 사용
         if (this.isAuthenticated && !this.shouldCheckAuth()) {
-            console.log('✅ 캐시된 인증 정보 사용:', this.currentUser.username);
             return this.currentUser;
         }
-        
-        // API 호출이 필요한 경우
-        console.log('🔄 API 호출 필요 - refreshAuth 실행');
+
         return await this.refreshAuth();
     }
     
@@ -101,30 +135,23 @@ class AuthManager {
      * 강제로 인증 정보 새로고침 (API 호출)
      */
     async refreshAuth() {
-        console.log('🔄 인증 정보 새로고침 (API 호출)');
-        
         try {
-            // API가 로드될 때까지 대기
             await this.waitForAPI();
-            
+
             const user = await AuthAPI.getCurrentUser();
-            
+
             this.currentUser = user;
             this.isAuthenticated = true;
             this.lastAuthCheck = Date.now();
-            
+
             // localStorage 업데이트
             localStorage.setItem('currentUser', JSON.stringify(user));
-            
-            console.log('✅ 인증 정보 새로고침 완료:', user.username);
-            
-            // 리스너들에게 알림
+
             this.notifyListeners('auth-success', user);
-            
             return user;
-            
+
         } catch (error) {
-            console.error('❌ 인증 실패:', error);
+            console.error('인증 실패:', error);
             this.clearAuth();
             this.notifyListeners('auth-failed', error);
             throw error;
@@ -152,15 +179,21 @@ class AuthManager {
      * 인증 정보 클리어
      */
     clearAuth() {
-        console.log('🧹 인증 정보 클리어');
-        
         this.currentUser = null;
         this.isAuthenticated = false;
         this.lastAuthCheck = null;
-        
+
+        // SSO 쿠키 삭제
+        this._cookieRemove('sso_token');
+        this._cookieRemove('sso_user');
+        this._cookieRemove('sso_refresh_token');
+
+        // localStorage 삭제
         localStorage.removeItem('access_token');
+        localStorage.removeItem('sso_token');
+        localStorage.removeItem('sso_user');
         localStorage.removeItem('currentUser');
-        
+
         this.notifyListeners('auth-cleared');
     }
     
@@ -168,28 +201,23 @@ class AuthManager {
      * 로그인 처리
      */
     async login(username, password) {
-        console.log('🔑 로그인 시도:', username);
-        
         try {
             await this.waitForAPI();
             const data = await AuthAPI.login(username, password);
-            
+
             this.currentUser = data.user;
             this.isAuthenticated = true;
             this.lastAuthCheck = Date.now();
-            
+
             // localStorage 저장
             localStorage.setItem('access_token', data.access_token);
             localStorage.setItem('currentUser', JSON.stringify(data.user));
-            
-            console.log('✅ 로그인 성공:', data.user.username);
-            
+
             this.notifyListeners('login-success', data.user);
-            
             return data;
-            
+
         } catch (error) {
-            console.error('❌ 로그인 실패:', error);
+            console.error('로그인 실패:', error);
             this.clearAuth();
             throw error;
         }
@@ -199,25 +227,18 @@ class AuthManager {
      * 로그아웃 처리
      */
     logout() {
-        console.log('🚪 로그아웃');
-        
         this.clearAuth();
         this.notifyListeners('logout');
-        
-        // 로그인 페이지로 이동
-        window.location.href = '/index.html';
+        window.location.href = this._getLoginUrl();
     }
     
     /**
      * 토큰 만료 체크 타이머 설정
      */
     setupTokenExpiryCheck() {
-        // 30분마다 토큰 유효성 체크
         setInterval(() => {
             if (this.isAuthenticated) {
-                console.log('⏰ 정기 토큰 유효성 체크');
                 this.refreshAuth().catch(() => {
-                    console.log('🔄 토큰 만료 - 로그아웃 처리');
                     this.logout();
                 });
             }