From af2f6ddf5c68b2c11d05c9f379963b1c4c10f4b1 Mon Sep 17 00:00:00 2001
From: kent <shine1324@gmail.com>
Date: Sun, 10 Aug 2025 02:36:50 +0900
Subject: [PATCH] feat : Front Page [Ver 0.1]

---
 public/html/inc/footer.php                    |  10 +
 public/html/inc/header.php                    |  34 ++
 public/html/pages/home.html                   |   2 +
 public/tenant/api/login_process.php           |  24 +
 public/tenant/api/register_process.php        |  27 +
 public/tenant/approval/instances.php          |  59 ++
 public/tenant/approval/objects.php            |  42 ++
 public/tenant/approval/pool.php               |  32 ++
 public/tenant/approval/rules.php              | 145 +++++
 public/tenant/assets/js/permission_menu.js    |  91 +++
 public/tenant/category/category_list.php      | 295 ++++++++++
 public/tenant/category/subcategory_list.php   | 274 +++++++++
 public/tenant/inc/config.php                  |   3 +
 public/tenant/inc/footer.php                  |  39 ++
 public/tenant/inc/header.php                  |  81 +++
 public/tenant/inc/navi.php                    | 231 ++++++++
 public/tenant/index.php                       |  13 +
 public/tenant/inventory/defective.php         |   8 +
 public/tenant/inventory/stock.php             |   8 +
 public/tenant/material/inspection_list.php    |   8 +
 public/tenant/material/inventory_status.php   |   8 +
 public/tenant/material/list.php               | 507 +++++++++++++++++
 public/tenant/member/dashboard.php            | 279 +++++++++
 public/tenant/member/intro.php                |  47 ++
 public/tenant/member/login.php                |  66 +++
 public/tenant/member/logout.php               |   9 +
 public/tenant/member/profile_edit.php         |  66 +++
 public/tenant/member/register.php             |  66 +++
 public/tenant/member/tenant_add_process.php   |  22 +
 public/tenant/member/tenant_select.php        |  38 ++
 .../tenant/member/tenant_select_process.php   |  18 +
 public/tenant/member/withdraw.php             |  77 +++
 public/tenant/order/edit.php                  |   8 +
 public/tenant/order/manage.php                |   8 +
 public/tenant/order/status.php                |   8 +
 public/tenant/permission/analyze.php          | 532 ++++++++++++++++++
 public/tenant/permission/approver.php         |  70 +++
 public/tenant/permission/audit.php            |  52 ++
 public/tenant/permission/department.php       | 253 +++++++++
 public/tenant/permission/role.php             | 189 +++++++
 public/tenant/permission/structure.php        | 113 ++++
 public/tenant/permission/tenant_menu.php      | 301 ++++++++++
 public/tenant/permission/user.php             | 226 ++++++++
 public/tenant/process/process_form.php        |  92 +++
 public/tenant/process/process_settings.php    | 169 ++++++
 public/tenant/process/processes.php           |  92 +++
 public/tenant/process/task_form.php           |  40 ++
 public/tenant/process/tasks.php               |  55 ++
 public/tenant/product/bending.php             | 289 ++++++++++
 public/tenant/product/bom_combined.php        |   8 +
 public/tenant/product/bom_editor.php          | 295 ++++++++++
 public/tenant/product/code_lot.php            |   8 +
 public/tenant/product/model_list.php          | 310 ++++++++++
 public/tenant/product/product_price.php       |   8 +
 public/tenant/production/bend_work.php        |   8 +
 public/tenant/production/mid_inspection.php   | 101 ++++
 public/tenant/production/process_detail.php   | 201 +++++++
 public/tenant/production/screen_progress.php  | 275 +++++++++
 public/tenant/production/screen_work.php      | 281 +++++++++
 public/tenant/production/slat_work.php        |   8 +
 public/tenant/production/work_instruction.php | 406 +++++++++++++
 public/tenant/quality/docs.php                |   8 +
 public/tenant/quality/record.php              |   8 +
 public/tenant/quality/request.php             |   8 +
 public/tenant/quality/schedule.php            |   8 +
 public/tenant/shipment/monthly_schedule.php   |   8 +
 public/tenant/shipment/status.php             |   8 +
 public/tenant/subscription/list.php           |   8 +
 public/tenant/subscription/tenant_list.php    |   8 +
 .../subscription/tenant_product_list.php      |   8 +
 public/tenant/tenant/department_list.php      | 346 ++++++++++++
 public/tenant/tenant/edit.php                 | 108 ++++
 public/tenant/tenant/join.php                 |  87 +++
 public/tenant/tenant/role_add.php             |  38 ++
 public/tenant/tenant/role_delete.php          |  19 +
 public/tenant/tenant/role_edit.php            |  56 ++
 public/tenant/tenant/role_list.php            | 198 +++++++
 public/tenant/tenant/subscribe.php            |   8 +
 public/tenant/tenant/user_edit.php            | 124 ++++
 public/tenant/tenant/user_list.php            | 347 ++++++++++++
 public/tenant/tenant/user_unmap.php           |  20 +
 public/tenant/tenant/withdraw.php             | 111 ++++
 public/tenant/tenant_base.html                |  37 ++
 public/tenant/test.html                       |  27 +
 84 files changed, 8633 insertions(+)
 create mode 100644 public/html/inc/footer.php
 create mode 100644 public/html/inc/header.php
 create mode 100644 public/html/pages/home.html
 create mode 100644 public/tenant/api/login_process.php
 create mode 100644 public/tenant/api/register_process.php
 create mode 100644 public/tenant/approval/instances.php
 create mode 100644 public/tenant/approval/objects.php
 create mode 100644 public/tenant/approval/pool.php
 create mode 100644 public/tenant/approval/rules.php
 create mode 100644 public/tenant/assets/js/permission_menu.js
 create mode 100644 public/tenant/category/category_list.php
 create mode 100644 public/tenant/category/subcategory_list.php
 create mode 100644 public/tenant/inc/config.php
 create mode 100644 public/tenant/inc/footer.php
 create mode 100644 public/tenant/inc/header.php
 create mode 100644 public/tenant/inc/navi.php
 create mode 100644 public/tenant/index.php
 create mode 100644 public/tenant/inventory/defective.php
 create mode 100644 public/tenant/inventory/stock.php
 create mode 100644 public/tenant/material/inspection_list.php
 create mode 100644 public/tenant/material/inventory_status.php
 create mode 100644 public/tenant/material/list.php
 create mode 100644 public/tenant/member/dashboard.php
 create mode 100644 public/tenant/member/intro.php
 create mode 100644 public/tenant/member/login.php
 create mode 100644 public/tenant/member/logout.php
 create mode 100644 public/tenant/member/profile_edit.php
 create mode 100644 public/tenant/member/register.php
 create mode 100644 public/tenant/member/tenant_add_process.php
 create mode 100644 public/tenant/member/tenant_select.php
 create mode 100644 public/tenant/member/tenant_select_process.php
 create mode 100644 public/tenant/member/withdraw.php
 create mode 100644 public/tenant/order/edit.php
 create mode 100644 public/tenant/order/manage.php
 create mode 100644 public/tenant/order/status.php
 create mode 100644 public/tenant/permission/analyze.php
 create mode 100644 public/tenant/permission/approver.php
 create mode 100644 public/tenant/permission/audit.php
 create mode 100644 public/tenant/permission/department.php
 create mode 100644 public/tenant/permission/role.php
 create mode 100644 public/tenant/permission/structure.php
 create mode 100644 public/tenant/permission/tenant_menu.php
 create mode 100644 public/tenant/permission/user.php
 create mode 100644 public/tenant/process/process_form.php
 create mode 100644 public/tenant/process/process_settings.php
 create mode 100644 public/tenant/process/processes.php
 create mode 100644 public/tenant/process/task_form.php
 create mode 100644 public/tenant/process/tasks.php
 create mode 100644 public/tenant/product/bending.php
 create mode 100644 public/tenant/product/bom_combined.php
 create mode 100644 public/tenant/product/bom_editor.php
 create mode 100644 public/tenant/product/code_lot.php
 create mode 100644 public/tenant/product/model_list.php
 create mode 100644 public/tenant/product/product_price.php
 create mode 100644 public/tenant/production/bend_work.php
 create mode 100644 public/tenant/production/mid_inspection.php
 create mode 100644 public/tenant/production/process_detail.php
 create mode 100644 public/tenant/production/screen_progress.php
 create mode 100644 public/tenant/production/screen_work.php
 create mode 100644 public/tenant/production/slat_work.php
 create mode 100644 public/tenant/production/work_instruction.php
 create mode 100644 public/tenant/quality/docs.php
 create mode 100644 public/tenant/quality/record.php
 create mode 100644 public/tenant/quality/request.php
 create mode 100644 public/tenant/quality/schedule.php
 create mode 100644 public/tenant/shipment/monthly_schedule.php
 create mode 100644 public/tenant/shipment/status.php
 create mode 100644 public/tenant/subscription/list.php
 create mode 100644 public/tenant/subscription/tenant_list.php
 create mode 100644 public/tenant/subscription/tenant_product_list.php
 create mode 100644 public/tenant/tenant/department_list.php
 create mode 100644 public/tenant/tenant/edit.php
 create mode 100644 public/tenant/tenant/join.php
 create mode 100644 public/tenant/tenant/role_add.php
 create mode 100644 public/tenant/tenant/role_delete.php
 create mode 100644 public/tenant/tenant/role_edit.php
 create mode 100644 public/tenant/tenant/role_list.php
 create mode 100644 public/tenant/tenant/subscribe.php
 create mode 100644 public/tenant/tenant/user_edit.php
 create mode 100644 public/tenant/tenant/user_list.php
 create mode 100644 public/tenant/tenant/user_unmap.php
 create mode 100644 public/tenant/tenant/withdraw.php
 create mode 100644 public/tenant/tenant_base.html
 create mode 100644 public/tenant/test.html

diff --git a/public/html/inc/footer.php b/public/html/inc/footer.php
new file mode 100644
index 0000000..06e05d0
--- /dev/null
+++ b/public/html/inc/footer.php
@@ -0,0 +1,10 @@
+
+</div>
+<footer class="text-center" style="padding:20px 0; border-top:1px solid #eee; margin-top:40px;">
+    <!-- 푸터 영역(카피라이터/회사정보 자리) -->
+    <small>&copy; 2025 SAM(Smart Automation Management). All rights reserved.</small>
+</footer>
+<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
+</body>
+</html>
diff --git a/public/html/inc/header.php b/public/html/inc/header.php
new file mode 100644
index 0000000..26d6d66
--- /dev/null
+++ b/public/html/inc/header.php
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>작업 지시 생성</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+    <style>
+        body { padding-bottom: 60px; }
+        .page-header h2 { margin-top: 0; }
+        .table > thead > tr > th, .table > tbody > tr > td { vertical-align: middle; }
+        .form-inline .form-group { margin-right: 8px; }
+        .help-note { color:#777; font-size:12px; }
+        .table-fixed thead tr th { background:#f9f9f9; }
+        .panel-heading .btn { margin-left:5px; }
+    </style>
+</head>
+<body>
+<nav class="navbar navbar-default">
+    <div class="container-fluid">
+        <div class="navbar-header">
+            <a class="navbar-brand" href="?page=home">SAM </a>
+            <a class="navbar-brand" href="?page=processes">생산관리</a>
+        </div>
+        <ul class="nav navbar-nav">
+            <li class="<?=($page=='processes')?'active':''?>"><a href="?page=processes">공정</a></li>
+            <li class="<?=($page=='tasks')?'active':''?>"><a href="?page=tasks">작업</a></li>
+            <li class="<?=($page=='process_settings')?'active':''?>"><a href="?page=process_settings">작업지시 설정</a></li>
+            <li class="<?=($page=='job_order_form')?'active':''?>"><a href="?page=job_order_form">작업지시 생성</a></li>
+        </ul>
+    </div>
+</nav>
+<div class="container">
diff --git a/public/html/pages/home.html b/public/html/pages/home.html
new file mode 100644
index 0000000..f909751
--- /dev/null
+++ b/public/html/pages/home.html
@@ -0,0 +1,2 @@
+<h1>Welcome to my Pure PHP Website!</h1>
+<p>This is the main content of the page.</p>
diff --git a/public/tenant/api/login_process.php b/public/tenant/api/login_process.php
new file mode 100644
index 0000000..49581da
--- /dev/null
+++ b/public/tenant/api/login_process.php
@@ -0,0 +1,24 @@
+<?php
+session_start();
+
+header('Content-Type: application/json');
+
+// POST 파라미터 받기
+$userid = isset($_POST['userid']) ? trim($_POST['userid']) : '';
+$password = isset($_POST['password']) ? $_POST['password'] : '';
+
+// 데모이므로 비밀번호 검증은 생략
+if (!$userid) {
+    echo json_encode(['success' => false, 'message' => '아이디를 입력하세요.']);
+    exit;
+}
+
+if ($userid === 'tenant') {
+    $_SESSION['user_id'] = 'tenant';
+} else {
+    $_SESSION['user_id'] = 'user';
+}
+
+echo json_encode(['success' => true]);
+exit;
+?>
diff --git a/public/tenant/api/register_process.php b/public/tenant/api/register_process.php
new file mode 100644
index 0000000..bc1547e
--- /dev/null
+++ b/public/tenant/api/register_process.php
@@ -0,0 +1,27 @@
+<?php
+session_start();
+
+// POST 데이터 받기
+$userid = isset($_POST['userid']) ? trim($_POST['userid']) : '';
+$username = isset($_POST['username']) ? trim($_POST['username']) : '';
+$password = isset($_POST['password']) ? $_POST['password'] : '';
+$password2 = isset($_POST['password2']) ? $_POST['password2'] : '';
+
+// 기본 밸리데이션
+if (!$userid || !$username || !$password || !$password2) {
+    echo "<script>alert('모든 항목을 입력하세요.'); history.back();</script>";
+    exit;
+}
+if ($password !== $password2) {
+    echo "<script>alert('비밀번호가 일치하지 않습니다.'); history.back();</script>";
+    exit;
+}
+
+// 실제로는 DB에 유저 등록해야 하지만, 샘플이므로 생략
+
+// 세션 생성 (user로)
+$_SESSION['user_id'] = 'user';
+
+// 가입 성공 → 대시보드 이동
+header("Location: /tenant/member/dashboard.php");
+exit;
diff --git a/public/tenant/approval/instances.php b/public/tenant/approval/instances.php
new file mode 100644
index 0000000..9b66383
--- /dev/null
+++ b/public/tenant/approval/instances.php
@@ -0,0 +1,59 @@
+<?php $CURRENT_SECTION='approval'; include '../inc/header.php'; ?>
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+        <div class="card shadow-sm">
+            <div class="card-header d-flex gap-2 align-items-center">
+                <strong>결재 현황</strong>
+                <select class="form-select form-select-sm" style="width:200px;">
+                    <option>LEAVE</option><option>IQC_REPORT</option>
+                </select>
+                <input class="form-control form-control-sm" style="width:220px;" placeholder="제목/작성자/번호">
+                <button class="btn btn-sm btn-outline-secondary">검색</button>
+            </div>
+            <div class="card-body">
+                <table class="table table-hover align-middle text-center">
+                    <thead class="table-light"><tr><th>#</th><th>대상</th><th>참조키</th><th>상태</th><th>작성자</th><th>생성일</th><th style="width:120px;">보기</th></tr></thead>
+                    <tbody>
+                    <tr><td>101</td><td>LEAVE</td><td>5678</td><td><span class="badge bg-warning text-dark">진행중</span></td><td>kevin</td><td>2025-08-01</td>
+                        <td><button class="btn btn-sm btn-outline-primary" data-bs-toggle="modal" data-bs-target="#viewModal">상세</button></td></tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+
+    <!-- 상세 모달: 진행중 결재선 + 의견 -->
+    <div class="modal fade" id="viewModal" tabindex="-1" aria-hidden="true">
+        <div class="modal-dialog modal-lg"><div class="modal-content">
+                <div class="modal-header"><h5 class="modal-title">결재 상세</h5><button class="btn-close" data-bs-dismiss="modal"></button></div>
+                <div class="modal-body">
+                    <div class="mb-3">
+                        <div class="small text-muted">결재선</div>
+                        <ul class="approval-tree">
+                            <li><div class="node"><span class="badge bg-dark">루트=문서 포함 승인자</span></div>
+                                <ul>
+                                    <li><div class="node"><span class="badge bg-secondary">개발팀</span> — <span class="badge bg-success">승인</span></div></li>
+                                    <li><div class="node"><span class="badge bg-info text-dark">일반관리자</span> — <span class="badge bg-warning text-dark">대기</span></div></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div>
+                        <label class="form-label">의견</label>
+                        <textarea class="form-control" rows="3"></textarea>
+                        <div class="mt-2 d-flex gap-2">
+                            <button class="btn btn-success">승인</button>
+                            <button class="btn btn-danger">반려</button>
+                        </div>
+                    </div>
+                </div>
+            </div></div>
+    </div>
+
+    <style>
+        .approval-tree { list-style:none; padding-left:1rem; }
+        .approval-tree .node { padding:.25rem .5rem; border:1px solid #e5e8ef; border-radius:.5rem; display:inline-block; background:#f8fafc; }
+        .approval-tree ul { list-style:none; margin-left:1.25rem; padding-left:1rem; border-left:2px dashed #dde3f3; }
+        .approval-tree li { margin:.5rem 0; }
+    </style>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/approval/objects.php b/public/tenant/approval/objects.php
new file mode 100644
index 0000000..40ba75d
--- /dev/null
+++ b/public/tenant/approval/objects.php
@@ -0,0 +1,42 @@
+<?php $CURRENT_SECTION='approval'; include '../inc/header.php'; ?>
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+        <div class="card shadow-sm">
+            <div class="card-header d-flex justify-content-between align-items-center">
+                <strong>결재 대상 관리</strong>
+                <button class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#objModal">추가</button>
+            </div>
+            <div class="card-body">
+                <table class="table table-hover align-middle text-center">
+                    <thead class="table-light"><tr><th>코드</th><th>이름</th><th>연결 메뉴</th><th style="width:140px;">관리</th></tr></thead>
+                    <tbody>
+                    <tr><td>LEAVE</td><td>연차 신청</td><td>/tenant/hr/leave_apply.php</td>
+                        <td><a class="btn btn-sm btn-outline-secondary" href="/tenant/approval/rules.php?object=LEAVE">규칙</a>
+                            <button class="btn btn-sm btn-outline-danger">삭제</button></td></tr>
+                    <tr><td>IQC_REPORT</td><td>수입성적서</td><td>/tenant/quality/iqc_report.php</td>
+                        <td><a class="btn btn-sm btn-outline-secondary" href="/tenant/approval/rules.php?object=IQC_REPORT">규칙</a>
+                            <button class="btn btn-sm btn-outline-danger">삭제</button></td></tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+
+    <!-- 대상 추가 모달 -->
+    <div class="modal fade" id="objModal" tabindex="-1" aria-hidden="true">
+        <div class="modal-dialog"><div class="modal-content">
+                <div class="modal-header"><h5 class="modal-title">결재 대상 추가</h5><button class="btn-close" data-bs-dismiss="modal"></button></div>
+                <div class="modal-body">
+                    <div class="mb-2"><label class="form-label">코드</label><input class="form-control" id="objCode"></div>
+                    <div class="mb-2"><label class="form-label">이름</label><input class="form-control" id="objName"></div>
+                    <div class="mb-2"><label class="form-label">연결 메뉴 경로</label><input class="form-control" id="objPath" placeholder="/tenant/..."></div>
+                </div>
+                <div class="modal-footer"><button class="btn btn-secondary" data-bs-dismiss="modal">닫기</button><button class="btn btn-primary" id="saveObj">저장</button></div>
+            </div></div>
+    </div>
+
+    <script>
+        $(function(){
+            $('#saveObj').on('click', function(){ alert('저장(샘플) /api/approval/object_save.php'); $('#objModal').modal('hide'); });
+        });
+    </script>
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/approval/pool.php b/public/tenant/approval/pool.php
new file mode 100644
index 0000000..d5aa83f
--- /dev/null
+++ b/public/tenant/approval/pool.php
@@ -0,0 +1,32 @@
+<?php $CURRENT_SECTION='approval'; include '../inc/header.php'; ?>
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+        <div class="card shadow-sm">
+            <div class="card-header d-flex justify-content-between align-items-center">
+                <strong>결재권자 풀 관리</strong>
+                <div class="d-flex gap-2">
+                    <select class="form-select form-select-sm" id="type" style="width:140px;">
+                        <option value="user">개인</option><option value="department">부서</option><option value="role">역할</option>
+                    </select>
+                    <input class="form-control form-control-sm" id="keyword" placeholder="이름/코드">
+                    <button class="btn btn-sm btn-outline-secondary" id="find">검색</button>
+                    <button class="btn btn-sm btn-primary" id="add">추가</button>
+                </div>
+            </div>
+            <div class="card-body">
+                <table class="table table-hover align-middle">
+                    <thead class="table-light"><tr><th>유형</th><th>대상</th><th style="width:120px;">관리</th></tr></thead>
+                    <tbody id="poolRows">
+                    <tr><td>부서</td><td>개발팀</td><td><button class="btn btn-sm btn-outline-danger">삭제</button></td></tr>
+                    <tr><td>역할</td><td>일반관리자</td><td><button class="btn btn-sm btn-outline-danger">삭제</button></td></tr>
+                    <tr><td>개인</td><td>kevin</td><td><button class="btn btn-sm btn-outline-danger">삭제</button></td></tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+    <script>
+        $(function(){
+            $('#add').on('click', ()=>alert('추가(샘플) /api/approval/pool_add.php'));
+        });
+    </script>
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/approval/rules.php b/public/tenant/approval/rules.php
new file mode 100644
index 0000000..b0a648b
--- /dev/null
+++ b/public/tenant/approval/rules.php
@@ -0,0 +1,145 @@
+<?php $CURRENT_SECTION='approval'; include '../inc/header.php';
+$object = $_GET['object'] ?? 'LEAVE';
+?>
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+        <div class="row g-3">
+            <div class="col-md-4">
+                <div class="card shadow-sm">
+                    <div class="card-header d-flex justify-content-between align-items-center">
+                        <strong>결재 규칙 (<?=$object?>)</strong>
+                        <button class="btn btn-sm btn-primary" id="btnAddRule">추가</button>
+                    </div>
+                    <div class="card-body">
+                        <ul class="list-group" id="ruleList">
+                            <li class="list-group-item active" data-id="1">연차 기본 규칙</li>
+                            <li class="list-group-item" data-id="2">연차 간소화 규칙</li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+
+            <div class="col-md-8">
+                <div class="card shadow-sm">
+                    <div class="card-header">결재선(트리)</div>
+                    <div class="card-body">
+                        <div class="alert alert-info small">
+                            문서 생성 시 <b>포함된 승인자</b>가 자동으로 <b>1차 결재자(루트)</b>가 됩니다.
+                            아래 트리는 <u>루트 이후 상위 결재자</u>를 parent_id로 연결합니다.
+                        </div>
+
+                        <div id="treeArea" class="border rounded p-3">
+                            <!-- 샘플 트리 표현 (간단한 UL/LI) -->
+                            <ul class="approval-tree">
+                                <li>
+                                    <div class="node">
+                                        <span class="badge bg-dark">루트=문서 포함 승인자(동적)</span>
+                                    </div>
+                                    <ul>
+                                        <li>
+                                            <div class="node">
+                                                <span class="badge bg-secondary">개발팀</span>
+                                                <span class="text-muted ms-2">required: 1</span>
+                                                <button class="btn btn-sm btn-outline-danger ms-2 btnDelNode">삭제</button>
+                                            </div>
+                                            <ul>
+                                                <li>
+                                                    <div class="node">
+                                                        <span class="badge bg-info text-dark">일반관리자</span>
+                                                        <span class="text-muted ms-2">required: 1</span>
+                                                        <button class="btn btn-sm btn-outline-danger ms-2 btnDelNode">삭제</button>
+                                                    </div>
+                                                </li>
+                                                <li>
+                                                    <div class="node">
+                                                        <span class="badge bg-dark">kevin</span>
+                                                        <span class="text-muted ms-2">required: 1</span>
+                                                        <button class="btn btn-sm btn-outline-danger ms-2 btnDelNode">삭제</button>
+                                                    </div>
+                                                </li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                </li>
+                            </ul>
+                        </div>
+
+                        <div class="d-flex gap-2 mt-3">
+                            <select class="form-select" id="poolSelect" style="max-width:220px;">
+                                <option value="d1" data-type="department">개발팀</option>
+                                <option value="r2" data-type="role">일반관리자</option>
+                                <option value="u9" data-type="user">kevin</option>
+                            </select>
+                            <input type="number" class="form-control" id="requiredCnt" value="1" style="max-width:120px;" placeholder="required">
+                            <button class="btn btn-outline-primary" id="btnAddChild">선택 노드의 상위로 추가</button>
+                            <button class="btn btn-primary" id="btnSave">저장</button>
+                        </div>
+
+                        <div class="small text-muted mt-2">* “상위 추가”는 현재 포커스 노드의 parent로 삽입하는 의미(=다음 결재자).</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <style>
+        .approval-tree { list-style:none; padding-left:1rem; }
+        .approval-tree .node { padding:.25rem .5rem; border:1px solid #e5e8ef; border-radius:.5rem; display:inline-block; background:#f8fafc; }
+        .approval-tree ul { list-style:none; margin-left:1.25rem; padding-left:1rem; border-left:2px dashed #dde3f3; }
+        .approval-tree li { margin:.5rem 0; }
+        .node.focus { outline:2px solid #5b8bff; }
+    </style>
+
+    <script>
+        $(function(){
+            let focused = null;
+
+            // 노드 포커스
+            $(document).on('click', '.node', function(){
+                $('.node').removeClass('focus');
+                $(this).addClass('focus');
+                focused = this;
+            });
+
+            // 상위(부모) 노드 추가 (시각적 데모)
+            $('#btnAddChild').on('click', function(){
+                if (!focused) return alert('추가할 기준 노드를 선택하세요.');
+                const label = $('#poolSelect option:selected').text();
+                const req = $('#requiredCnt').val()||1;
+
+                // focused의 부모 <ul>을 찾고 그 위에 새 노드를 끼워 넣는 느낌 (데모)
+                const $li = $(focused).closest('li');
+                const $parentUl = $li.parent();
+
+                const html = `
+      <li>
+        <div class="node"><span class="badge bg-secondary">${label}</span>
+          <span class="text-muted ms-2">required: ${req}</span>
+          <button class="btn btn-sm btn-outline-danger ms-2 btnDelNode">삭제</button>
+        </div>
+      </li>`;
+                $parentUl.prepend(html);
+            });
+
+            $(document).on('click', '.btnDelNode', function(e){
+                e.stopPropagation();
+                $(this).closest('li').remove();
+            });
+
+            $('#btnSave').on('click', function(){
+                alert('저장(샘플) /api/approval/rule_save.php');
+            });
+
+            $('#btnAddRule').on('click', function(){
+                alert('규칙 추가(샘플) /api/approval/rule_add.php?object=<?=$object?>');
+            });
+
+            // 규칙 선택
+            $(document).on('click', '#ruleList .list-group-item', function(){
+                $('#ruleList .list-group-item').removeClass('active');
+                $(this).addClass('active');
+                // 선택 규칙의 트리 로드(샘플)
+                alert('규칙 로드(샘플) /api/approval/rule_get.php?id='+$(this).data('id'));
+            });
+        });
+    </script>
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/assets/js/permission_menu.js b/public/tenant/assets/js/permission_menu.js
new file mode 100644
index 0000000..0f8d461
--- /dev/null
+++ b/public/tenant/assets/js/permission_menu.js
@@ -0,0 +1,91 @@
+// /tenant/assets/js/permission_menu.js
+// 공통: 메뉴 트리 데이터 관리 + 행 빌더 + 전파/요약 유틸
+
+window.PermissionMenu = (function () {
+    let MENU_DATA = [];
+    let TENANT_USE = {};              // code:boolean (메뉴관리에서 활성화된 것만 권한 대상)
+    let byId = {}, byCode = {}, childrenMap = {};
+
+    // ---------- 내부 유틸 ----------
+    const esc = s => String(s)
+        .replace(/&/g,'&amp;').replace(/</g,'&lt;')
+        .replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;');
+
+    function rebuildMaps() {
+        const active = MENU_DATA.filter(n => !!TENANT_USE[n.code]);
+        byId = {}; byCode = {}; childrenMap = {};
+        active.forEach(n => { byId[n.id] = n; byCode[n.code] = n; });
+        active.forEach(n => {
+            const k = n.parent_id ?? 0;
+            (childrenMap[k] ??= []).push(n);
+        });
+        // 정렬
+        Object.keys(childrenMap).forEach(k => childrenMap[k].sort((a,b)=>a.title.localeCompare(b.title,'ko')));
+    }
+
+    function badgeSource(src) {
+        if (src === 'workflow') return '<span class="badge bg-warning text-dark ms-1">workflow</span>';
+        if (src === 'board')    return '<span class="badge bg-success ms-1">board</span>';
+        return '<span class="badge bg-secondary ms-1">system</span>';
+    }
+
+    function indentOf(depth) {
+        return '&nbsp;'.repeat(depth*4) + (depth ? '└ ' : '');
+    }
+
+    // ---------- 외부 API ----------
+    /**
+     * 데이터 세팅 (페이지 최초 1회)
+     * @param {Array} menuData - [{id,parent_id,title,code,path,source}]
+     * @param {Object} tenantUse - { code: true/false }
+     */
+    function setData(menuData, tenantUse) {
+        MENU_DATA = Array.isArray(menuData) ? menuData : [];
+        TENANT_USE = tenantUse || {};
+        rebuildMaps();
+    }
+
+    /**
+     * 트리 순회하며 행을 만든다.
+     * @param {Function} rowBuilder - (node, depth) => string (추가 컬럼 HTML)
+     * @returns {string} HTML rows
+     *
+     * 기본 1열(메뉴명/배지/URL)은 공통이 그려주고,
+     * 나머지 열들은 rowBuilder가 반환한 HTML을 붙인다.
+     */
+    function buildRows(rowBuilder) {
+        function walk(parentId = null, depth = 0, acc = []) {
+            const list = childrenMap[parentId ?? 0] || [];
+            for (const n of list) {
+                const titleCell = `
+          <td>
+            <span class="indent">${indentOf(depth)}</span>
+            <span class="menu-name">${esc(n.title)}</span>
+            ${badgeSource(n.source || 'system')}
+            ${n.path ? `<span class="menu-url ms-2 text-muted">${esc(n.path)}</span>` : ''}
+          </td>`;
+                const rest = rowBuilder ? rowBuilder(n, depth) : '';
+                acc.push(`<tr data-id="${n.id}" data-code="${esc(n.code)}" data-parent="${n.parent_id ?? ''}">${titleCell}${rest}</tr>`);
+                walk(n.id, depth + 1, acc);
+            }
+            return acc;
+        }
+        return walk(null, 0, []).join('');
+    }
+
+    // 전파/요약에 필요한 헬퍼들을 노출 (페이지별 권한 UI에서 사용)
+    function childrenOf(code) {
+        const node = byCode[code];
+        return node ? (childrenMap[node.id] || []) : [];
+    }
+    function parentOf(code) {
+        const node = byCode[code];
+        return (node && node.parent_id) ? byId[node.parent_id] : null;
+    }
+    function activeCodes() {
+        return Object.keys(byCode);
+    }
+    function maps() { return { byId, byCode, childrenMap }; }
+
+    return { setData, buildRows, childrenOf, parentOf, activeCodes, maps };
+})();
diff --git a/public/tenant/category/category_list.php b/public/tenant/category/category_list.php
new file mode 100644
index 0000000..fd2aa47
--- /dev/null
+++ b/public/tenant/category/category_list.php
@@ -0,0 +1,295 @@
+<!-- SAM RULES: include=../inc/header.php; base=/tenant; width=1280; js=jQuery+BS5 -->
+<?php
+$CURRENT_SECTION = 'tenant';
+include '../inc/header.php';
+?>
+<div class="container" style="max-width:1280px; margin-top:40px;">
+    <div class="card shadow p-4">
+        <div class="d-flex justify-content-between align-items-center mb-3">
+            <h4 class="mb-0">카테고리 트리</h4>
+            <div class="d-flex gap-2">
+                <button class="btn btn-outline-secondary" id="btnToggleAll">전체 접기</button>
+                <button class="btn btn-primary" id="btnOpenAddRoot">+ 카테고리 등록</button>
+            </div>
+        </div>
+
+        <div class="table-responsive">
+            <table class="table table-hover align-middle text-center" id="catTable">
+                <thead class="table-light">
+                <tr>
+                    <th style="width:80px;">#</th>
+                    <th class="text-start">카테고리명</th>
+                    <th>설명</th>
+                    <th style="width:220px;">관리</th>
+                </tr>
+                </thead>
+                <tbody id="catTbody"><!-- JS 렌더 --></tbody>
+            </table>
+        </div>
+    </div>
+</div>
+
+<!-- 등록 모달 -->
+<div class="modal fade" id="catAddModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-md modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header"><h5 class="modal-title">카테고리 등록</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <form id="catAddForm" autocomplete="off">
+                <div class="modal-body">
+                    <div class="mb-2">
+                        <label class="form-label">상위 카테고리</label>
+                        <select class="form-select" id="add_parent_select"><!-- 옵션 렌더 --></select>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">카테고리명 <span class="text-danger">*</span></label>
+                        <input type="text" class="form-control" name="name" maxlength="50" required>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">설명</label>
+                        <input type="text" class="form-control" name="desc" maxlength="100">
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">취소</button>
+                    <button class="btn btn-primary" type="submit">등록</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- 수정 모달 -->
+<div class="modal fade" id="catEditModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-md modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header"><h5 class="modal-title">카테고리 수정</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <form id="catEditForm" autocomplete="off">
+                <div class="modal-body">
+                    <input type="hidden" id="edit_id">
+                    <div class="mb-2">
+                        <label class="form-label">상위 카테고리</label>
+                        <select class="form-select" id="edit_parent_select"><!-- 옵션 렌더 --></select>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">카테고리명 <span class="text-danger">*</span></label>
+                        <input type="text" class="form-control" id="edit_name" maxlength="50" required>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">설명</label>
+                        <input type="text" class="form-control" id="edit_desc" maxlength="100">
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">취소</button>
+                    <button class="btn btn-primary" type="submit">저장</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- 삭제 모달 -->
+<div class="modal fade" id="catDeleteModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-sm modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header"><h5 class="modal-title">삭제 확인</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <div class="modal-body">
+                <div class="small">하위 항목이 모두 함께 삭제됩니다. 진행할까요?</div>
+                <input type="hidden" id="del_id">
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">취소</button>
+                <button class="btn btn-danger" type="button" id="btnConfirmDelete">삭제</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<style>
+    /* 부서 트리와 동일 톤 */
+    #catTbody tr[data-level] td.name-cell{
+        --indent: calc(var(--level,0)*18px);
+        padding-left: calc(var(--indent) + .25rem) !important;
+    }
+    .caret{
+        display:inline-flex; align-items:center; justify-content:center;
+        width:1.15rem; height:1.15rem; border-radius:4px; border:1px solid #cbd3e1;
+        background:#f6f8fc; cursor:pointer; margin-right:.35rem; font-size:.8rem; user-select:none;
+    }
+    .caret[aria-expanded="false"]::after{ content:"+"; }
+    .caret[aria-expanded="true"]::after{ content:"–"; }
+    .badge-node{ background:#e9f0fb; color:#2c4a85; }
+</style>
+
+<script>
+    $(function(){
+        // ===== 샘플 데이터 (id, parent_id, name, desc) =====
+        let SEQ = 6;
+        const nodes = [
+            {id:1, parent_id:0, name:'제품군', desc:'회사 제품 카테고리'},
+            {id:2, parent_id:1, name:'방화제품', desc:'방화/내화'},
+            {id:3, parent_id:2, name:'방화셔터', desc:'셔터 라인'},
+            {id:4, parent_id:1, name:'일반제품', desc:'상용 제품'},
+            {id:5, parent_id:0, name:'서비스', desc:'서비스 카테고리'},
+            {id:6, parent_id:5, name:'유지보수', desc:'유지보수/점검'},
+        ];
+        const expanded = new Set([1,5]); // 기본 펼침
+
+        const childrenOf = pid => nodes.filter(n=>n.parent_id===pid);
+        const hasChildren = id => nodes.some(n=>n.parent_id===id);
+        const findNode = id => nodes.find(n=>n.id==id);
+        const esc = s => String(s??'').replace(/[&<>"']/g, m=>({ '&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;' }[m]));
+
+        function flatten(pid=0, level=0){
+            const list = childrenOf(pid).sort((a,b)=>a.name.localeCompare(b.name,'ko'));
+            let out=[]; for(const n of list){
+                out.push({...n, level});
+                if(expanded.has(n.id)) out.push(...flatten(n.id, level+1));
+            } return out;
+        }
+
+        function render(){
+            const rows = flatten(0,0).map(r=>{
+                const caret = hasChildren(r.id)
+                    ? `<span class="caret" data-id="${r.id}" aria-expanded="${expanded.has(r.id)}"></span>`
+                    : `<span style="display:inline-block;width:1.15rem;margin-right:.35rem;"></span>`;
+                return `
+        <tr data-id="${r.id}" data-level="${r.level}" style="--level:${r.level}">
+          <td>${r.id}</td>
+          <td class="text-start name-cell">
+            ${caret}
+            <span class="badge badge-node me-2">Lv.${r.level}</span>
+            <strong>${esc(r.name)}</strong>
+          </td>
+          <td>${esc(r.desc||'')}</td>
+          <td>
+            <div class="d-flex justify-content-center gap-1">
+              <button class="btn btn-sm btn-outline-primary btn-add" data-id="${r.id}">하위등록</button>
+              <button class="btn btn-sm btn-outline-secondary btn-edit" data-id="${r.id}">수정</button>
+              <button class="btn btn-sm btn-outline-danger btn-del" data-id="${r.id}">삭제</button>
+            </div>
+          </td>
+        </tr>`;
+            }).join('');
+            $('#catTbody').html(rows);
+        }
+
+        function buildOptions(selected=0, excludeId=null){
+            function walk(pid=0, level=0){
+                return childrenOf(pid).sort((a,b)=>a.name.localeCompare(b.name,'ko'))
+                    .flatMap(n=>{
+                        if(excludeId && n.id===excludeId) return [];
+                        return [
+                            `<option value="${n.id}" ${selected==n.id?'selected':''}>${esc('— '.repeat(level)+n.name)}</option>`,
+                            ...walk(n.id, level+1)
+                        ];
+                    });
+            }
+            return [`<option value="0" ${selected==0?'selected':''}>(최상위)</option>`, ...walk()].join('');
+        }
+
+        function removeBranch(id){
+            for(const k of childrenOf(id)) removeBranch(k.id);
+            const i = nodes.findIndex(n=>n.id==id);
+            if(i>-1) nodes.splice(i,1);
+            expanded.delete(id);
+        }
+
+        // 펼침/접기
+        $(document).on('click', '.caret', function(){
+            const id = +$(this).data('id');
+            if(expanded.has(id)) expanded.delete(id); else expanded.add(id);
+            render();
+        });
+
+        // 전체 접기/펼치기
+        $('#btnToggleAll').on('click', function(){
+            const allIds = nodes.map(n=>n.id);
+            const allOpen = allIds.every(id => expanded.has(id) || !hasChildren(id));
+            if(allOpen){ expanded.clear(); $(this).text('전체 펼치기'); }
+            else{ expanded.clear(); allIds.forEach(id=>{ if(hasChildren(id)) expanded.add(id); }); $(this).text('전체 접기'); }
+            render();
+        });
+
+        // 루트 등록
+        $('#btnOpenAddRoot').on('click', function(){
+            $('#catAddForm')[0].reset();
+            $('#add_parent_select').html(buildOptions(0));
+            new bootstrap.Modal('#catAddModal').show();
+        });
+
+        // 하위등록
+        $(document).on('click', '.btn-add', function(){
+            const pid = +$(this).data('id');
+            $('#catAddForm')[0].reset();
+            $('#add_parent_select').html(buildOptions(pid));
+            expanded.add(pid);
+            new bootstrap.Modal('#catAddModal').show();
+        });
+
+        // 등록 처리(프로토타입)
+        $('#catAddForm').on('submit', function(e){
+            e.preventDefault();
+            const pid = +$('#add_parent_select').val();
+            const name = $(this).find('[name="name"]').val().trim();
+            const desc = $(this).find('[name="desc"]').val().trim();
+            if(name.length<2){ alert('카테고리명을 2글자 이상 입력하세요.'); return; }
+            const id = ++SEQ;
+            nodes.push({id, parent_id:pid, name, desc});
+            expanded.add(pid);
+            render();
+            bootstrap.Modal.getInstance(document.getElementById('catAddModal')).hide();
+            // 실제: $.post('/tenant/category/category_add_process.php', {parent_id:pid,name,desc})
+        });
+
+        // 수정 열기
+        $(document).on('click', '.btn-edit', function(){
+            const id = +$(this).data('id');
+            const n = findNode(id); if(!n) return;
+            $('#edit_id').val(n.id);
+            $('#edit_name').val(n.name);
+            $('#edit_desc').val(n.desc||'');
+            $('#edit_parent_select').html(buildOptions(n.parent_id, n.id));
+            new bootstrap.Modal('#catEditModal').show();
+        });
+
+        // 수정 처리
+        $('#catEditForm').on('submit', function(e){
+            e.preventDefault();
+            const id = +$('#edit_id').val();
+            const pid = +$('#edit_parent_select').val();
+            const name = $('#edit_name').val().trim();
+            const desc = $('#edit_desc').val().trim();
+            if(name.length<2){ alert('카테고리명을 2글자 이상 입력하세요.'); return; }
+            const n = findNode(id); if(!n) return;
+            n.name = name; n.desc = desc; n.parent_id = pid;
+            expanded.add(pid);
+            render();
+            bootstrap.Modal.getInstance(document.getElementById('catEditModal')).hide();
+            // 실제: $.post('/tenant/category/category_edit_process.php', {id, parent_id:pid, name, desc})
+        });
+
+        // 삭제
+        $(document).on('click', '.btn-del', function(){
+            $('#del_id').val(+$(this).data('id'));
+            new bootstrap.Modal('#catDeleteModal').show();
+        });
+        $('#btnConfirmDelete').on('click', function(){
+            const id = +$('#del_id').val();
+            removeBranch(id);
+            render();
+            bootstrap.Modal.getInstance(document.getElementById('catDeleteModal')).hide();
+            // 실제: location.href='/tenant/category/category_delete.php?id='+id;
+        });
+
+        render();
+    });
+</script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/category/subcategory_list.php b/public/tenant/category/subcategory_list.php
new file mode 100644
index 0000000..eb1af3a
--- /dev/null
+++ b/public/tenant/category/subcategory_list.php
@@ -0,0 +1,274 @@
+<!-- SAM RULES: include=../inc/header.php; base=/tenant; width=1280; js=jQuery+BS5 -->
+<?php
+$CURRENT_SECTION = 'category';
+include '../inc/header.php';
+
+// 서버 렌더 기준 선택된 카테고리 (없으면 1)
+$category_id = isset($_GET['category_id']) ? intval($_GET['category_id']) : 1;
+?>
+<div class="container" style="max-width:1280px; margin-top:40px;">
+    <div class="card shadow p-4">
+        <div class="d-flex justify-content-between align-items-center mb-3">
+            <div class="d-flex align-items-center gap-2">
+                <h4 class="mb-0">분류(서브카테고리)</h4>
+                <!-- 카테고리 선택 -->
+                <select id="selCategory" class="form-select form-select-sm" style="width:220px;">
+                    <!-- JS에서 옵션 렌더 -->
+                </select>
+            </div>
+            <button class="btn btn-primary" id="btnOpenAdd">+ 분류 등록</button>
+        </div>
+
+        <div class="table-responsive">
+            <table class="table table-hover align-middle text-center" id="subTable">
+                <thead class="table-light">
+                <tr>
+                    <th style="width:80px;">#</th>
+                    <th>분류명</th>
+                    <th>설명</th>
+                    <th style="width:150px;">관리</th>
+                </tr>
+                </thead>
+                <tbody id="subTbody"><!-- JS 렌더 --></tbody>
+            </table>
+        </div>
+    </div>
+</div>
+
+<!-- 등록 모달 -->
+<div class="modal fade" id="subAddModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-md modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">분류 등록</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <form id="subAddForm" autocomplete="off">
+                <div class="modal-body">
+                    <div class="mb-2">
+                        <label class="form-label">상위 카테고리</label>
+                        <select class="form-select" id="add_parent_cat"></select>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">분류명 <span class="text-danger">*</span></label>
+                        <input type="text" class="form-control" name="name" maxlength="50" required>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">설명</label>
+                        <input type="text" class="form-control" name="desc" maxlength="100">
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">취소</button>
+                    <button class="btn btn-primary" type="submit">등록</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- 수정 모달 -->
+<div class="modal fade" id="subEditModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-md modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">분류 수정</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <form id="subEditForm" autocomplete="off">
+                <div class="modal-body">
+                    <input type="hidden" id="edit_id">
+                    <div class="mb-2">
+                        <label class="form-label">상위 카테고리</label>
+                        <select class="form-select" id="edit_parent_cat"></select>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">분류명 <span class="text-danger">*</span></label>
+                        <input type="text" class="form-control" id="edit_name" maxlength="50" required>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">설명</label>
+                        <input type="text" class="form-control" id="edit_desc" maxlength="100">
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">취소</button>
+                    <button class="btn btn-primary" type="submit">저장</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- 삭제 모달 -->
+<div class="modal fade" id="subDeleteModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-sm modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">삭제 확인</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <div class="modal-body">
+                <div class="small">해당 분류를 삭제합니다. 진행할까요?</div>
+                <input type="hidden" id="del_id">
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">취소</button>
+                <button class="btn btn-danger" type="button" id="btnConfirmDelete">삭제</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+    $(function(){
+        // ===== 샘플 데이터 =====
+        // 카테고리 목록 (id, name)
+        const categories = [
+            {id:1, name:'제품군'},
+            {id:2, name:'서비스'}
+        ];
+        // 분류 목록 (카테고리별 배열)
+        let SEQ = 300;
+        const subsByCat = {
+            1: [
+                {id:101, name:'노트북',   desc:'휴대용 컴퓨터'},
+                {id:102, name:'데스크탑', desc:'사무/게임용 컴퓨터'},
+            ],
+            2: [
+                {id:201, name:'호스팅',  desc:'웹 호스팅 서비스'},
+                {id:202, name:'유지보수',desc:'운영/AS 지원'},
+            ]
+        };
+
+        // 초기 선택(서버에서 전달된 category_id)
+        let currentCat = <?php echo json_encode($category_id); ?>;
+        if(!categories.some(c=>c.id===currentCat)) currentCat = categories[0]?.id || 1;
+
+        // ----- 렌더러 -----
+        function renderCatOptions(){
+            $('#selCategory, #add_parent_cat, #edit_parent_cat').each(function(){
+                const selId = this.id==='selCategory' ? currentCat : currentCat;
+                const html = categories.map(c =>
+                    `<option value="${c.id}" ${c.id===selId?'selected':''}>${escapeHtml(c.name)}</option>`
+                ).join('');
+                $(this).html(html);
+            });
+        }
+
+        function renderList(){
+            const list = subsByCat[currentCat] || [];
+            const rows = list.map(s=>`
+      <tr data-id="${s.id}">
+        <td>${s.id}</td>
+        <td>${escapeHtml(s.name)}</td>
+        <td>${escapeHtml(s.desc||'')}</td>
+        <td>
+          <div class="d-flex justify-content-center gap-1">
+            <button class="btn btn-sm btn-outline-secondary btn-edit" data-id="${s.id}">수정</button>
+            <button class="btn btn-sm btn-outline-danger btn-del" data-id="${s.id}">삭제</button>
+          </div>
+        </td>
+      </tr>
+    `).join('');
+            $('#subTbody').html(rows);
+        }
+
+        const escapeHtml = s => String(s??'').replace(/[&<>"']/g, m=>({ '&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;' }[m]));
+
+        // ----- 이벤트 -----
+        // 카테고리 변경
+        $(document).on('change', '#selCategory', function(){
+            currentCat = +$(this).val();
+            renderCatOptions(); // 상단/모달의 셀렉트 동기화
+            renderList();
+            // 실제: location.href = '?category_id='+currentCat;
+        });
+
+        // 등록 열기
+        $('#btnOpenAdd').on('click', function(){
+            $('#subAddForm')[0].reset();
+            renderCatOptions();
+            new bootstrap.Modal('#subAddModal').show();
+        });
+
+        // 등록 처리
+        $('#subAddForm').on('submit', function(e){
+            e.preventDefault();
+            const pid  = +$('#add_parent_cat').val();
+            const name = $(this).find('[name="name"]').val().trim();
+            const desc = $(this).find('[name="desc"]').val().trim();
+            if(name.length<2){ alert('분류명을 2글자 이상 입력하세요.'); return; }
+
+            const id = ++SEQ;
+            subsByCat[pid] = subsByCat[pid] || [];
+            subsByCat[pid].push({id, name, desc});
+
+            currentCat = pid;
+            renderCatOptions();
+            renderList();
+            bootstrap.Modal.getInstance(document.getElementById('subAddModal')).hide();
+
+            // 실제: $.post('/tenant/category/subcategory_add_process.php', {category_id:pid, subcategory_name:name, subcategory_desc:desc})
+        });
+
+        // 수정 열기
+        $(document).on('click', '.btn-edit', function(){
+            const id = +$(this).data('id');
+            const list = subsByCat[currentCat] || [];
+            const item = list.find(x=>x.id===id); if(!item) return;
+            $('#edit_id').val(id);
+            $('#edit_name').val(item.name);
+            $('#edit_desc').val(item.desc||'');
+            renderCatOptions();
+            new bootstrap.Modal('#subEditModal').show();
+        });
+
+        // 수정 처리
+        $('#subEditForm').on('submit', function(e){
+            e.preventDefault();
+            const id   = +$('#edit_id').val();
+            const pid  = +$('#edit_parent_cat').val();
+            const name = $('#edit_name').val().trim();
+            const desc = $('#edit_desc').val().trim();
+            if(name.length<2){ alert('분류명을 2글자 이상 입력하세요.'); return; }
+
+            // 기존 위치에서 제거 후 새 카테고리에 삽입(카테고리 이동 허용)
+            for(const k of Object.keys(subsByCat)){
+                const idx = (subsByCat[k]||[]).findIndex(x=>x.id===id);
+                if(idx>-1){ subsByCat[k].splice(idx,1); break; }
+            }
+            subsByCat[pid] = subsByCat[pid] || [];
+            subsByCat[pid].push({id, name, desc});
+
+            currentCat = pid;
+            renderCatOptions();
+            renderList();
+            bootstrap.Modal.getInstance(document.getElementById('subEditModal')).hide();
+
+            // 실제: $.post('/tenant/category/subcategory_edit_process.php', {category_id:pid, subcategory_id:id, subcategory_name:name, subcategory_desc:desc})
+        });
+
+        // 삭제 열기/확정
+        $(document).on('click', '.btn-del', function(){
+            $('#del_id').val(+$(this).data('id'));
+            new bootstrap.Modal('#subDeleteModal').show();
+        });
+        $('#btnConfirmDelete').on('click', function(){
+            const id = +$('#del_id').val();
+            const list = subsByCat[currentCat] || [];
+            const idx = list.findIndex(x=>x.id===id);
+            if(idx>-1) list.splice(idx,1);
+            renderList();
+            bootstrap.Modal.getInstance(document.getElementById('subDeleteModal')).hide();
+
+            // 실제: location.href = '/tenant/category/subcategory_delete.php?category_id='+currentCat+'&id='+id;
+        });
+
+        // 초기 렌더
+        renderCatOptions();
+        renderList();
+    });
+</script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/inc/config.php b/public/tenant/inc/config.php
new file mode 100644
index 0000000..ac16853
--- /dev/null
+++ b/public/tenant/inc/config.php
@@ -0,0 +1,3 @@
+<?php
+@session_start();
+?>
diff --git a/public/tenant/inc/footer.php b/public/tenant/inc/footer.php
new file mode 100644
index 0000000..5a5b828
--- /dev/null
+++ b/public/tenant/inc/footer.php
@@ -0,0 +1,39 @@
+<br><br><br>
+<footer>
+    &copy; 2025 CodeBridge. All rights reserved.
+</footer>
+
+<script src="https://code.highcharts.com/maps/highmaps.js"></script>
+<script src="https://code.highcharts.com/mapdata/custom/world.js"></script>
+<script src="https://code.highcharts.com/modules/funnel.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<script>
+    // 부트스트랩5 서브메뉴 토글
+    document.addEventListener("DOMContentLoaded", function(){
+        document.querySelectorAll('.dropdown-submenu .dropdown-toggle').forEach(function(element){
+            element.addEventListener('click', function(e){
+                e.preventDefault();
+                e.stopPropagation();
+
+                // 다른 열린 서브메뉴 닫기
+                document.querySelectorAll('.dropdown-submenu .dropdown-menu.show').forEach(function(subMenu){
+                    if(subMenu !== this.nextElementSibling){
+                        subMenu.classList.remove('show');
+                    }
+                }.bind(this));
+
+                // 현재만 토글
+                this.nextElementSibling.classList.toggle('show');
+            });
+        });
+
+        // 바깥 클릭 시 닫힘
+        document.body.addEventListener('click', function(){
+            document.querySelectorAll('.dropdown-submenu .dropdown-menu.show').forEach(function(subMenu){
+                subMenu.classList.remove('show');
+            });
+        });
+    });
+</script>
+</body>
+</html>
diff --git a/public/tenant/inc/header.php b/public/tenant/inc/header.php
new file mode 100644
index 0000000..ba2d30a
--- /dev/null
+++ b/public/tenant/inc/header.php
@@ -0,0 +1,81 @@
+<?php include '../inc/config.php'; ?>
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>SAM::테넌트페이지</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
+    <style>
+        html, body {
+            height: 100%;
+        }
+        body {
+            background-color: #fefefe; /* #f8f9fa */
+            min-height: 100vh;
+            position: relative;
+            padding-bottom: 80px;  /* 푸터 높이만큼 */
+        }
+        header, footer {
+            background-color: #2c4a85;
+            color: white;
+            padding: 1rem;
+            text-align: center;
+        }
+        .container {
+            max-width: 1280px;
+            margin: auto;
+        }
+        .card {
+            margin-bottom: 1rem;
+            border-radius: 12px;
+            box-shadow: 0 4px 16px rgba(44,74,133,0.07);
+            border: 1.5px solid #e3eaf3;
+        }
+        nav.container {
+            max-width: 1280px;
+            margin: 0 auto;
+        }
+        nav a {
+            color: white;
+            margin-right: 1rem;
+        }
+        nav a:hover {
+            text-decoration: underline;
+        }
+        /* 푸터 하단 고정 */
+        footer {
+            position: fixed;
+            left: 0;
+            bottom: 0;
+            width: 100%;
+            height: 60px;
+            z-index: 100;
+        }
+
+        /* 2단 메뉴(서브드롭다운) 오른쪽에 뜨게 */
+        .dropdown-submenu {
+            position: relative;
+        }
+        .dropdown-submenu > .dropdown-menu {
+            top: 0;
+            left: 100%;
+            margin-top: -1px;
+            margin-left: 0;
+            border-radius: 0.5rem;
+        }
+    </style>
+    <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
+    <!-- FullCalendar CSS/JS (jQuery, Bootstrap 5용) -->
+    <link href="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.11/index.global.min.css" rel="stylesheet" />
+    <script src="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.11/index.global.min.js"></script>
+    <!-- FullCalendar 한국어 -->
+    <script src="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.11/locales-all.global.min.js"></script>
+</head>
+<body>
+<header>
+    <h1>SAM (Smart Automation Management)</h1>
+    <nav class="container">
+        <?php include '../inc/navi.php'; ?>
+    </nav>
+</header>
diff --git a/public/tenant/inc/navi.php b/public/tenant/inc/navi.php
new file mode 100644
index 0000000..4c5558d
--- /dev/null
+++ b/public/tenant/inc/navi.php
@@ -0,0 +1,231 @@
+<?php
+// 섹션-서브메뉴 정의 (링크는 네가 쓰는 경로에 맞춰두었어)
+$NAV = [
+    'item' => [
+        'title'=>'품목',
+        'items'=>[
+            ['라벨'=>'품목관리','href'=>'/tenant/material/list.php'],
+            ['라벨'=>'BOM 단품(기초 바람시)','href'=>'/tenant/product//bending.php'],
+            ['라벨'=>'BOM 결합 상품','href'=>'/tenant/product/bom_combined.php'],
+            ['라벨'=>'제품 단가','href'=>'/tenant/product/product_price.php'],
+            ['라벨'=>'코드 및 로트 관리','href'=>'/tenant/product/code_lot.php'],
+        ],
+    ],
+    'order' => [
+        'title'=>'수주',
+        'items'=>[
+            ['라벨'=>'견적 관리','href'=>'/tenant/order/manage.php'],
+            ['라벨'=>'수주 관리','href'=>'/tenant/order/manage.php'],
+            ['라벨'=>'수주 등록/수정','href'=>'/tenant/order/edit.php'],
+            ['라벨'=>'상태 관리','href'=>'/tenant/order/status.php'],
+        ],
+    ],
+    'process' => [
+        'title'=>'생산',
+        'items'=>[
+            ['라벨'=>'공정관리','href'=>'/tenant/process/processes.php'],
+            ['라벨'=>'작업관리','href'=>'/tenant/process/tasks.php'],
+            ['라벨'=>'작업지시 설정','href'=>'/tenant/process/process_settings.php'],
+            ['라벨'=>'스크린 작업','href'=>'/tenant/production/screen_work.php'],
+            ['라벨'=>'슬랫 작업','href'=>'/tenant/production/screen_work.php'],
+            ['라벨'=>'절곡 작업','href'=>'/tenant/production/screen_work.php'],
+        ],
+    ],
+    'shipment' => [
+        'title'=>'출고',
+        'items'=>[
+            ['라벨'=>'출고 현황 조회','href'=>'/tenant/shipment/status.php'],
+            ['라벨'=>'월간 출고 일정','href'=>'/tenant/shipment/monthly_schedule.php'],
+        ],
+    ],
+    'quality' => [
+        'title'=>'품질',
+        'items'=>[
+            ['라벨'=>'제품 검사 요청','href'=>'/tenant/quality/request.php'],
+            ['라벨'=>'제품 검사 일정','href'=>'/tenant/quality/schedule.php'],
+            ['라벨'=>'품질 인정 실적 대장','href'=>'/tenant/quality/record.php'],
+            ['라벨'=>'인정서류 자료실','href'=>'/tenant/quality/docs.php'],
+        ],
+    ],
+    'inventory' => [
+        'title'=>'재고',
+        'items'=>[
+            ['라벨'=>'재고 조회','href'=>'/tenant/inventory/stock.php'],
+            ['라벨'=>'수입 검사 대장','href'=>'/tenant/material/inspection_list.php'],
+            ['라벨'=>'입고 현황','href'=>'/tenant/material/inventory_status.php'],
+            ['라벨'=>'부적합품 관리','href'=>'/tenant/inventory/defective.php'],
+        ],
+    ],
+    'subscription' => [
+        'title'=>'구독',
+        'items'=>[
+            ['라벨'=>'구독 하기','href'=>'/tenant/tenant/subscribe.php'],
+            ['라벨'=>'구독 관리','href'=>'/tenant/subscription/list.php'],
+            ['라벨'=>'회사 조회','href'=>'/tenant/subscription/tenant_list.php'],
+            ['라벨'=>'상품별 회사 리스트','href'=>'/tenant/subscription/tenant_product_list.php'],
+        ],
+    ],
+    'member' => [
+        'title' => '회원',
+        'items' => [
+            ['라벨'=>'가입','href'=>'/tenant/member/register.php'],
+            ['라벨'=>'회사 선택','href'=>'/tenant/member/tenant_select.php'],
+            ['라벨'=>'내정보 수정','href'=>'/tenant/member/profile_edit.php'],
+            ['라벨'=>'탈퇴','href'=>'/tenant/member/withdraw.php'],
+        ],
+    ],
+    'permission' => [
+        'title'=>'메뉴/권한',
+        'items'=>[
+            ['라벨'=>'메뉴 관리','href'=>'/tenant/permission/tenant_menu.php'],
+            ['라벨'=>'부서 권한 설정','href'=>'/tenant/permission/department.php'],
+            ['라벨'=>'역할 권한 설정','href'=>'/tenant/permission/role.php'],
+            ['라벨'=>'유저 권한 설정','href'=>'/tenant/permission/user.php'],
+            ['라벨'=>'권한 분석','href'=>'/tenant/permission/analyze.php'],
+        ],
+    ],
+    'approval' => [
+        'title'=>'결재(승인)',
+        'items'=>[
+            ['라벨'=>'결재 대상 관리','href'=>'/tenant/approval/objects.php'],
+            ['라벨'=>'결재 규칙/결재선 관리','href'=>'/tenant/approval/rules.php'],
+            ['라벨'=>'결재권자 관리','href'=>'/tenant/approval/pool.php'],
+            ['라벨'=>'결재 현황 조회','href'=>'/tenant/approval/instances.php'],
+        ],
+    ],
+    'tenant' => [
+        'title'=>'회사',
+        'items'=>[
+            ['라벨'=>'회사 가입','href'=>'/tenant/tenant/join.php'],
+            ['라벨'=>'수정','href'=>'/tenant/tenant/edit.php'],
+            ['라벨'=>'탈퇴','href'=>'/tenant/tenant/withdraw.php'],
+            ['라벨'=>'카테고리 관리','href'=>'/tenant/category/category_list.php'],
+            ['라벨'=>'분류 관리','href'=>'/tenant/category/subcategory_list.php'],
+            ['라벨'=>'부서 관리','href'=>'/tenant/tenant/department_list.php'],
+            ['라벨'=>'역할 관리','href'=>'/tenant/tenant/role_list.php'],
+            ['라벨'=>'유저 관리','href'=>'/tenant/tenant/user_list.php'],
+        ],
+    ],
+];
+
+// ② 1뎁스가 없는 화면에서 노출할 "기본 2뎁스"
+$NAV_ROOT = [
+    'title' => '기본',
+    'items' => [
+        ['라벨'=>'인트로','href'=>'/tenant/member/intro.php'],
+        ['라벨'=>'대시보드','href'=>'/tenant/member/dashboard.php'],
+    ],
+];
+
+// ③ 현재 경로/섹션 파악
+$currentPath  = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
+$hasSection   = isset($CURRENT_SECTION, $NAV[$CURRENT_SECTION]);
+
+// ④ JS/초기 렌더에 사용할 "초기 섹션" (없으면 root 사용)
+$INITIAL_SECTION = $hasSection ? $CURRENT_SECTION : 'root';
+
+// ⑤ JS로 넘길 NAV(+root)
+$NAV_JS = $NAV;
+$NAV_JS['root'] = $NAV_ROOT;
+?>
+
+
+<div id="navArea"><!-- 마우스가 이 영역(1뎁스+2뎁스)을 떠나면 복귀 -->
+
+    <!-- 1뎁스 -->
+    <nav class="navbar navbar-expand-lg navbar-dark" style="background-color:#2c4a85;">
+        <div class="container" style="max-width:1280px;">
+            <a class="navbar-brand" href="/tenant/">(주)경동기업</a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse" id="mainNav">
+                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                    <?php foreach ($NAV as $key => $conf): // root는 1뎁스에 출력하지 않음 ?>
+                        <li class="nav-item">
+                            <a href="#"
+                               class="nav-link top-link <?= ($hasSection && $CURRENT_SECTION === $key) ? 'active' : '' ?>"
+                               data-section="<?= $key ?>">
+                                <?= htmlspecialchars($conf['title']) ?>
+                            </a>
+                        </li>
+                    <?php endforeach; ?>
+                </ul>
+                <!-- 우측 로그인/로그아웃 영역은 그대로 -->
+            </div>
+        </div>
+    </nav>
+
+    <!-- 2뎁스 -->
+    <div class="subnav-wrapper" style="background:#e9f0fb;border-bottom:1px solid #d5deef;">
+        <div class="container" style="max-width:1280px;">
+            <ul id="subnav" class="subnav list-unstyled d-flex flex-wrap gap-3 m-0 py-2">
+                <?php
+                $INIT_ITEMS = ($INITIAL_SECTION === 'root') ? $NAV_ROOT['items'] : $NAV[$INITIAL_SECTION]['items'];
+                foreach ($INIT_ITEMS as $item):
+                    $activeClass = ($currentPath === $item['href']) ? 'active' : '';
+                    ?>
+                    <li><a class="subnav-link <?= $activeClass ?>" href="<?= $item['href'] ?>"><?= htmlspecialchars($item['라벨']) ?></a></li>
+                <?php endforeach; ?>
+            </ul>
+        </div>
+    </div>
+
+</div><!-- /#navArea -->
+
+<style>
+    .navbar .nav-link.active{background:rgba(255,255,255,.15);border-radius:.375rem}
+    .navbar .top-link{cursor:default}
+    .navbar .top-link:hover{background:rgba(255,255,255,.10);border-radius:.375rem}
+    .subnav-link{display:inline-block;padding:.35rem .6rem;border-radius:.35rem;color:#2c3e67;text-decoration:none}
+    .subnav-link:hover{background:#dbe7ff;text-decoration:none}
+    .subnav-link.active{font-weight:700;text-decoration:underline}
+</style>
+
+<script>
+    $(function(){
+        const NAV = <?= json_encode($NAV_JS, JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES) ?>;
+        const INITIAL_SECTION = '<?= $INITIAL_SECTION ?>'; // 'root' 또는 실제 섹션 키
+        const $subnav = $('#subnav');
+
+        const esc = s => String(s)
+            .replace(/&/g,'&amp;').replace(/</g,'&lt;')
+            .replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;');
+
+        // 현재 섹션 렌더
+        function renderSection(sectionKey){
+            if (!NAV[sectionKey]) return;
+            // 1뎁스 active 표시 (root일 땐 모두 해제)
+            $('.top-link').removeClass('active');
+            if (sectionKey !== 'root') {
+                $(`.top-link[data-section="${sectionKey}"]`).addClass('active');
+            }
+            // 2뎁스 갱신
+            const path = location.pathname.replace(/\/+$/,'');
+            const items = NAV[sectionKey].items || [];
+            const html = items.map(it=>{
+                const href = String(it.href||'');
+                const isActive = (href.replace(/\/+$/,'') === path);
+                return `<li><a class="subnav-link ${isActive?'active':''}" href="${esc(href)}">${esc(it['라벨'])}</a></li>`;
+            }).join('');
+            $subnav.html(html);
+        }
+
+        // 1뎁스: 마우스오버/포커스 → 2뎁스만 교체 (이동 없음)
+        $(document).on('mouseenter', '.top-link', function(){
+            renderSection($(this).data('section'));
+        });
+        $(document).on('focusin', '.top-link', function(){
+            renderSection($(this).data('section'));
+        });
+
+        // 네비 영역(1뎁스+2뎁스)을 벗어나면 원래 섹션으로 복귀
+        $('#navArea').on('mouseleave', function(){
+            renderSection(INITIAL_SECTION);
+        });
+
+        // 필요 시 최초 렌더 보정 (서버에서 이미 렌더했지만 JS도 상태 기억)
+        renderSection(INITIAL_SECTION);
+    });
+</script>
diff --git a/public/tenant/index.php b/public/tenant/index.php
new file mode 100644
index 0000000..f554a00
--- /dev/null
+++ b/public/tenant/index.php
@@ -0,0 +1,13 @@
+<?php
+session_start();
+
+if (!isset($_SESSION['user_id'])) {
+    // 로그인 안 한 경우 로그인 페이지로
+    header("Location: ./member/intro.php");
+    exit;
+} else {
+    // 로그인 한 경우 대시보드로
+    header("Location: ./member/dashboard.php");
+    exit;
+}
+?>
diff --git a/public/tenant/inventory/defective.php b/public/tenant/inventory/defective.php
new file mode 100644
index 0000000..50767da
--- /dev/null
+++ b/public/tenant/inventory/defective.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='inventory';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/inventory/stock.php b/public/tenant/inventory/stock.php
new file mode 100644
index 0000000..50767da
--- /dev/null
+++ b/public/tenant/inventory/stock.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='inventory';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/material/inspection_list.php b/public/tenant/material/inspection_list.php
new file mode 100644
index 0000000..50767da
--- /dev/null
+++ b/public/tenant/material/inspection_list.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='inventory';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/material/inventory_status.php b/public/tenant/material/inventory_status.php
new file mode 100644
index 0000000..ee060b5
--- /dev/null
+++ b/public/tenant/material/inventory_status.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='inventory';
+include '../inc/header.php';
+?>
+
+화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/material/list.php b/public/tenant/material/list.php
new file mode 100644
index 0000000..cb87a8f
--- /dev/null
+++ b/public/tenant/material/list.php
@@ -0,0 +1,507 @@
+<?php
+// 자재관리 > 리스트
+$CURRENT_SECTION='item';;
+include '../inc/header.php';
+?>
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+
+        <!-- 상단 탭 -->
+        <ul class="nav nav-tabs mb-3">
+            <li class="nav-item"><a class="nav-link active" href="/tenant/material/list.php">자재 관리</a></li>
+            <li class="nav-item"><a class="nav-link" href="/tenant/product/model_list.php">모델 관리</a></li>
+            <li class="nav-item"><a class="nav-link" href="/tenant/product/bom_editor.php">BOM 관리</a></li>
+        </ul>
+
+        <!-- 툴바 -->
+        <div class="d-flex flex-wrap gap-2 align-items-center mb-2">
+            <div class="d-flex align-items-center gap-2">
+                <label class="text-muted">분류</label>
+                <select class="form-select form-select-sm" id="filterCategory" style="width:160px;">
+                    <option value="">전체</option>
+                    <option value="자재">자재</option>
+                    <option value="부품">부품</option>
+                    <option value="소재">소재</option>
+                </select>
+            </div>
+
+            <div class="input-group" style="max-width:340px;">
+                <input type="text" class="form-control form-control-sm" id="keyword" placeholder="품목명/제조사/코드 검색">
+                <button class="btn btn-outline-secondary btn-sm" id="btnSearch">Search</button>
+            </div>
+
+            <div class="d-flex align-items-center gap-2">
+                <label class="text-muted">표시</label>
+                <select id="pageSize" class="form-select form-select-sm" style="width:80px;">
+                    <option>10</option><option selected>20</option><option>30</option><option>50</option>
+                </select>
+            </div>
+
+            <div class="ms-auto small text-muted" id="totalInfo">총 0건</div>
+            <button class="btn btn-primary btn-sm" id="btnOpenCreate">신규등록</button>
+        </div>
+
+        <!-- 리스트 -->
+        <div class="table-responsive border rounded">
+            <table class="table table-hover table-striped align-middle m-0">
+                <thead class="table-light">
+                <tr>
+                    <th style="width:70px;">NO</th>
+                    <th style="width:120px;">분류</th>
+                    <th>품목명</th>
+                    <th style="width:90px;">단위</th>
+                    <th style="width:140px;">제조사</th>
+                    <th style="width:120px;">이미지</th>
+                    <th style="width:140px;" class="text-center">관리</th>
+                </tr>
+                </thead>
+                <tbody id="listBody"></tbody>
+            </table>
+        </div>
+
+        <!-- 페이징 -->
+        <div class="d-flex justify-content-center mt-3">
+            <nav id="pagerNav" aria-label="Page navigation"></nav>
+        </div>
+    </div>
+
+    <!-- 등록/수정 모달 -->
+    <div class="modal fade" id="materialModal" tabindex="-1" aria-hidden="true">
+        <div class="modal-dialog modal-lg modal-dialog-scrollable">
+            <form class="modal-content needs-validation" id="materialForm" novalidate>
+                <div class="modal-header">
+                    <h5 class="modal-title" id="materialModalTitle">자재 등록</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+                </div>
+
+                <!-- === 모달 본문 (동적 규격/기타 + 품목명 자동생성) === -->
+                <div class="modal-body">
+                    <input type="hidden" id="matId">
+
+                    <!-- 기본정보 -->
+                    <details open class="mb-3">
+                        <summary class="fw-semibold">기본정보 입력</summary>
+                        <div class="row g-3 mt-2">
+                            <div class="col-md-3">
+                                <label class="form-label">분류 <span class="text-danger">*</span></label>
+                                <select class="form-select" id="matCategory" required>
+                                    <option value="">선택</option>
+                                    <option>자재</option>
+                                    <option>부품</option>
+                                    <option>소재</option>
+                                </select>
+                                <div class="invalid-feedback">분류를 선택해 주세요.</div>
+                            </div>
+
+                            <div class="col-md-4">
+                                <label class="form-label">자재명(베이스) <span class="text-danger">*</span></label>
+                                <input type="text" class="form-control" id="matBaseName" placeholder="예: 절곡판" required>
+                                <div class="invalid-feedback">자재명을 입력해 주세요.</div>
+                            </div>
+
+                            <div class="col-md-3">
+                                <label class="form-label">단위</label>
+                                <input type="text" class="form-control" id="matUnit" placeholder="EA, mm, kg …">
+                            </div>
+
+                            <div class="col-12">
+                                <label class="form-label">품목명(자동생성)</label>
+                                <input type="text" class="form-control" id="matName" placeholder="자재명 + 규격값/단위" readonly>
+                                <div class="form-text">규격을 추가하면 자동으로 갱신됩니다. (예) 절곡판 1.5t 20mm</div>
+                            </div>
+                        </div>
+                    </details>
+
+                    <!-- 규격정보 -->
+                    <details open class="mb-3">
+                        <summary class="fw-semibold d-flex align-items-center">
+                            규격정보 입력
+                            <button type="button" class="btn btn-sm btn-outline-primary ms-2" id="btnAddSpec">＋ 추가</button>
+                        </summary>
+                        <div id="specRows" class="mt-2"></div>
+                    </details>
+
+                    <!-- 기타정보 -->
+                    <details class="mb-3">
+                        <summary class="fw-semibold d-flex align-items-center">
+                            기타정보 입력
+                            <button type="button" class="btn btn-sm btn-outline-primary ms-2" id="btnAddExtra">＋ 추가</button>
+                        </summary>
+                        <div id="extraRows" class="mt-2"></div>
+                    </details>
+
+                    <!-- 부가 입력 -->
+                    <div class="row g-3">
+                        <div class="col-md-4">
+                            <label class="form-label">제조사</label>
+                            <input type="text" class="form-control" id="matMaker">
+                        </div>
+                        <div class="col-md-4">
+                            <label class="form-label">품목코드</label>
+                            <input type="text" class="form-control" id="matCode">
+                        </div>
+                        <div class="col-md-4">
+                            <label class="form-label">안전재고</label>
+                            <input type="number" class="form-control" id="matSafety" min="0" step="1" value="0">
+                        </div>
+                        <div class="col-12">
+                            <label class="form-label">이미지 업로드</label>
+                            <input class="form-control" type="file" id="matImages" accept="image/*" multiple>
+                            <div class="form-text">여러 장 업로드 가능 (프로토타입: 미리보기만)</div>
+                        </div>
+                        <div class="col-12">
+                            <label class="form-label">비고</label>
+                            <textarea class="form-control" id="matMemo" rows="2"></textarea>
+                        </div>
+                        <div class="col-12">
+                            <div class="d-flex gap-2 flex-wrap" id="previewWrap"></div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- 모달 푸터 -->
+                <div class="modal-footer">
+                    <div class="me-auto small text-muted" id="modalHint"></div>
+                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">취소</button>
+                    <button type="submit" class="btn btn-primary" id="btnSubmit">저장</button>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <!-- 이미지 라이트박스 -->
+    <div class="modal fade" id="imgModal" tabindex="-1" aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered modal-lg">
+            <div class="modal-content bg-dark">
+                <div class="modal-body p-0">
+                    <img id="imgModalImg" src="" alt="preview" class="w-100" style="display:block;">
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 토스트 -->
+    <div class="position-fixed bottom-0 end-0 p-3" style="z-index:1080">
+        <div id="snack" class="toast align-items-center text-bg-primary border-0" role="alert">
+            <div class="d-flex">
+                <div class="toast-body" id="snackMsg">Saved</div>
+                <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"></button>
+            </div>
+        </div>
+    </div>
+
+    <style>
+        .thumb{width:56px;height:40px;object-fit:cover;border-radius:4px;cursor:zoom-in;border:1px solid rgba(0,0,0,.06)}
+        .table > :not(caption) > * > * { vertical-align: middle; }
+        details > summary { cursor: pointer; }
+    </style>
+
+    <!-- ===== 페이지 스크립트 (jQuery 불필요) ===== -->
+    <script>
+        (function(){
+            // ---------- 샘플 데이터 ----------
+            function buildSampleData(count=173){
+                const cats=['자재','부품','소재'], makers=['KG스틸','대한','경동기업','한빛','에이스','대림'], units=['EA','M','KG','매','BOX'];
+                return Array.from({length:count}, (_,i)=>({
+                    id: i+1,
+                    category: cats[(i+1)%cats.length],
+                    name: `${cats[(i+1)%cats.length]} 샘플 품목 #${i+1} (${['A','B','C','D'][i%4]})`,
+                    base_name: '',
+                    unit: units[i%units.length],
+                    maker: makers[i%makers.length],
+                    code: `MAT-${String(i+1).padStart(5,'0')}`,
+                    safety: (i%7===0)?50:0,
+                    images: (i%5===0)?[`https://picsum.photos/seed/m${i+1}/120/80`]:[],
+                    specs:[], extras:[]
+                }));
+            }
+            let MATERIALS = buildSampleData();
+
+            // ---------- 상태 ----------
+            let PAGE = 1, SIZE = 20;
+
+            // ---------- 헬퍼 ----------
+            const $ = sel => document.querySelector(sel);
+            const $$ = sel => Array.from(document.querySelectorAll(sel));
+
+            function getFiltered(){
+                const cat = ($('#filterCategory')?.value || '').trim();
+                const kw  = ($('#keyword')?.value || '').trim().toLowerCase();
+                return MATERIALS.filter(m=>{
+                    const okCat = !cat || m.category===cat;
+                    const hay = (m.name+' '+(m.maker||'')+' '+(m.code||'')).toLowerCase();
+                    const okKw  = !kw || hay.includes(kw);
+                    return okCat && okKw;
+                });
+            }
+
+            // ---------- 렌더 ----------
+            function renderList(){
+                const data = getFiltered();
+                const total = data.length;
+                const pages = Math.max(1, Math.ceil(total / SIZE));
+                if (PAGE>pages) PAGE=pages;
+
+                const start=(PAGE-1)*SIZE, end=start+SIZE;
+                const pageData = data.slice(start,end);
+
+                const body = $('#listBody');
+                body.innerHTML = pageData.map((m,i)=>`
+      <tr data-id="${m.id}">
+        <td>${start+i+1}</td>
+        <td>${m.category||''}</td>
+        <td>${m.name||''}</td>
+        <td>${m.unit||''}</td>
+        <td>${m.maker||''}</td>
+        <td>${
+                    (m.images||[]).slice(0,2).map(src=>`<img src="${src}" class="thumb me-1" data-src="${src}">`).join('') +
+                    ((m.images&&m.images.length>2)? `<span class="text-muted small">+${m.images.length-2}</span>`:'')
+                }</td>
+        <td class="text-center">
+          <button class="btn btn-sm btn-outline-primary me-1 btnEdit">수정</button>
+          <button class="btn btn-sm btn-outline-danger btnDel">삭제</button>
+        </td>
+      </tr>
+    `).join('') || `<tr><td colspan="7" class="text-center text-muted py-4">데이터가 없습니다.</td></tr>`;
+
+                // 총건수
+                $('#totalInfo').textContent = `총 ${total.toLocaleString()}건 · ${total? (start+1):0}-${Math.min(end,total)} 표시`;
+
+                renderPager(pages);
+            }
+
+            function renderPager(pages){
+                const nav = $('#pagerNav');
+                const win=7;
+                let sp=Math.max(1, PAGE-Math.floor(win/2));
+                let ep=Math.min(pages, sp+win-1);
+                sp=Math.max(1, ep-win+1);
+
+                let html = `<ul class="pagination pagination-sm m-0">`;
+                html += `<li class="page-item ${PAGE===1?'disabled':''}">
+               <a class="page-link" href="#" data-go="first" aria-label="First">«</a></li>`;
+                html += `<li class="page-item ${PAGE===1?'disabled':''}">
+               <a class="page-link" href="#" data-go="${PAGE-1}" aria-label="Prev">‹</a></li>`;
+                for(let p=sp;p<=ep;p++){
+                    html += `<li class="page-item ${p===PAGE?'active':''}">
+                 <a class="page-link" href="#" data-go="${p}">${p}</a></li>`;
+                }
+                html += `<li class="page-item ${PAGE===pages?'disabled':''}">
+               <a class="page-link" href="#" data-go="${PAGE+1}" aria-label="Next">›</a></li>`;
+                html += `<li class="page-item ${PAGE===pages?'disabled':''}">
+               <a class="page-link" href="#" data-go="last" aria-label="Last">»</a></li>`;
+                html += `</ul>`;
+                nav.innerHTML = html;
+            }
+
+            // ---------- 규격/기타 동적행 + 품목명 자동생성 ----------
+            const UNIT_OPTIONS = ['EA','mm','cm','m','kg','t','L'];
+            function specRowTpl(data={label:'규격', value:'', unit:''}) {
+                const uid='spec_'+Math.random().toString(36).slice(2,8);
+                const opts=UNIT_OPTIONS.map(u=>`<option ${data.unit===u?'selected':''}>${u}</option>`).join('');
+                return `
+    <div class="row g-2 align-items-center border rounded p-2 mb-2" data-type="spec" id="${uid}">
+      <div class="col-auto"><button type="button" class="btn btn-sm btn-outline-secondary btnDelRow">－</button></div>
+      <div class="col-md-2"><label class="form-label m-0 small">규격</label>
+        <input type="text" class="form-control form-control-sm spec-label" value="${data.label||''}" placeholder="예: 두께"></div>
+      <div class="col-md-4"><label class="form-label m-0 small">값</label>
+        <input type="text" class="form-control form-control-sm spec-value" value="${data.value||''}" placeholder="예: 1.5"></div>
+      <div class="col-md-2"><label class="form-label m-0 small">단위</label>
+        <select class="form-select form-select-sm spec-unit"><option value="">선택</option>${opts}</select></div>
+    </div>`;
+            }
+            function extraRowTpl(data={key:'', value:''}) {
+                const uid='extra_'+Math.random().toString(36).slice(2,8);
+                return `
+    <div class="row g-2 align-items-center border rounded p-2 mb-2" data-type="extra" id="${uid}">
+      <div class="col-auto"><button type="button" class="btn btn-sm btn-outline-secondary btnDelRow">－</button></div>
+      <div class="col-md-3"><label class="form-label m-0 small">항목</label>
+        <input type="text" class="form-control form-control-sm extra-key" value="${data.key||''}" placeholder="예: 색상"></div>
+      <div class="col-md-6"><label class="form-label m-0 small">값</label>
+        <input type="text" class="form-control form-control-sm extra-value" value="${data.value||''}" placeholder="예: 블루"></div>
+    </div>`;
+            }
+            function addSpecRow(data){ $('#specRows').insertAdjacentHTML('beforeend', specRowTpl(data)); wireSpecEvents(); composeName(); }
+            function addExtraRow(data){ $('#extraRows').insertAdjacentHTML('beforeend', extraRowTpl(data)); }
+            function wireSpecEvents(){
+                $$('#specRows .spec-value, #specRows .spec-unit, #matBaseName').forEach(el=>{
+                    el.oninput = composeName; el.onchange = composeName;
+                });
+            }
+            function composeName(){
+                const base = ($('#matBaseName')?.value||'').trim();
+                const parts=[];
+                $$('#specRows [data-type="spec"]').forEach(row=>{
+                    const v=row.querySelector('.spec-value')?.value.trim();
+                    const u=row.querySelector('.spec-unit')?.value.trim();
+                    if (v) parts.push(u?`${v}${u}`:v);
+                });
+                $('#matName').value = [base, ...parts].filter(Boolean).join(' ');
+            }
+            document.addEventListener('click', e=>{
+                if (e.target.id==='btnAddSpec') addSpecRow({});
+                if (e.target.id==='btnAddExtra') addExtraRow({});
+                if (e.target.classList.contains('btnDelRow')){
+                    e.preventDefault();
+                    const row=e.target.closest('.row'); row?.parentNode?.removeChild(row);
+                    composeName();
+                }
+            });
+
+            function resetDynamicRows(specs=[], extras=[]){
+                $('#specRows').innerHTML=''; $('#extraRows').innerHTML='';
+                if (!specs.length) specs=[{}];
+                specs.forEach(s=> addSpecRow(s));
+                extras.forEach(x=> addExtraRow(x));
+                composeName();
+            }
+
+            // ---------- 모달/토스트 ----------
+            let materialModal, imgModal, snackToast;
+            function ensureBootstrapInstances(){
+                // 부트스트랩 JS가 있다면 인스턴스 생성
+                if (window.bootstrap){
+                    materialModal = materialModal || new bootstrap.Modal('#materialModal');
+                    imgModal      = imgModal      || new bootstrap.Modal('#imgModal');
+                    snackToast    = snackToast    || new bootstrap.Toast('#snack');
+                }
+            }
+
+            // ---------- 이벤트 바인딩 ----------
+            // 신규등록
+            document.getElementById('btnOpenCreate').addEventListener('click', ()=>{
+                ensureBootstrapInstances();
+                $('#materialModalTitle').textContent='자재 등록';
+                $('#btnSubmit').textContent='저장';
+                $('#materialForm').reset();
+                $('#matId').value='';
+                $('#previewWrap').innerHTML='';
+                $('#modalHint').textContent='※ 필수 입력: 분류, 자재명(베이스)';
+                resetDynamicRows();
+                materialModal ? materialModal.show() : document.getElementById('materialModal').classList.add('show');
+            });
+
+            // 이미지 미리보기
+            document.getElementById('matImages').addEventListener('change', function(){
+                const wrap=$('#previewWrap'); wrap.innerHTML='';
+                Array.from(this.files).forEach(f=>{
+                    const url=URL.createObjectURL(f);
+                    wrap.insertAdjacentHTML('beforeend', `<img src="${url}" class="thumb">`);
+                });
+            });
+
+            // 저장(등록/수정)
+            document.getElementById('materialForm').addEventListener('submit', function(e){
+                e.preventDefault(); e.stopPropagation();
+                this.classList.add('was-validated');
+                if (!this.checkValidity()) return;
+
+                const specs = $$('#specRows [data-type="spec"]').map(row=>({
+                    label: row.querySelector('.spec-label')?.value.trim() || '규격',
+                    value: row.querySelector('.spec-value')?.value.trim() || '',
+                    unit : row.querySelector('.spec-unit')?.value.trim() || ''
+                }));
+                const extras = $$('#extraRows [data-type="extra"]').map(row=>({
+                    key: row.querySelector('.extra-key')?.value.trim() || '',
+                    value: row.querySelector('.extra-value')?.value.trim() || ''
+                }));
+
+                const dto = {
+                    id: $('#matId').value ? parseInt($('#matId').value,10) : null,
+                    category: $('#matCategory').value,
+                    base_name: $('#matBaseName').value.trim(),
+                    name: $('#matName').value.trim(),
+                    unit: $('#matUnit').value.trim(),
+                    maker: $('#matMaker').value.trim(),
+                    code: $('#matCode').value.trim(),
+                    safety: parseInt($('#matSafety').value,10) || 0,
+                    memo: $('#matMemo').value.trim(),
+                    images: [],
+                    specs, extras
+                };
+                const files = $('#matImages').files; for (const f of files) dto.images.push(URL.createObjectURL(f));
+
+                if (dto.id){
+                    const idx = MATERIALS.findIndex(m=>m.id===dto.id);
+                    if (idx>=0) MATERIALS[idx] = {...MATERIALS[idx], ...dto};
+                    if (snackToast){ $('#snackMsg').textContent='수정되었습니다.'; snackToast.show(); }
+                }else{
+                    dto.id = (MATERIALS.reduce((mx,m)=>Math.max(mx,m.id),0)||0)+1;
+                    MATERIALS.unshift(dto);
+                    if (snackToast){ $('#snackMsg').textContent='등록되었습니다.'; snackToast.show(); }
+                }
+                materialModal?.hide();
+                PAGE=1; renderList();
+            });
+
+            // 수정/삭제
+            document.addEventListener('click', e=>{
+                if (e.target.classList.contains('btnEdit')){
+                    ensureBootstrapInstances();
+                    const id = parseInt(e.target.closest('tr').dataset.id,10);
+                    const m = MATERIALS.find(x=>x.id===id); if(!m) return;
+
+                    $('#materialModalTitle').textContent='자재 수정';
+                    $('#btnSubmit').textContent='수정';
+
+                    $('#matId').value=m.id;
+                    $('#matCategory').value=m.category||'';
+                    $('#matBaseName').value=m.base_name || (m.name||'').split(' ')[0] || '';
+                    $('#matUnit').value=m.unit||'';
+                    $('#matName').value=m.name||'';
+                    $('#matMaker').value=m.maker||'';
+                    $('#matCode').value=m.code||'';
+                    $('#matSafety').value=m.safety||0;
+                    $('#matMemo').value=m.memo||'';
+                    $('#matImages').value='';
+                    const wrap=$('#previewWrap'); wrap.innerHTML='';
+                    (m.images||[]).forEach(src=> wrap.insertAdjacentHTML('beforeend', `<img src="${src}" class="thumb">`));
+
+                    resetDynamicRows(m.specs||[], m.extras||[]);
+                    materialModal ? materialModal.show() : document.getElementById('materialModal').classList.add('show');
+                }
+                if (e.target.classList.contains('btnDel')){
+                    const id = parseInt(e.target.closest('tr').dataset.id,10);
+                    if (!confirm('삭제하시겠습니까?')) return;
+                    MATERIALS = MATERIALS.filter(m=>m.id!==id);
+                    if (snackToast){ $('#snackMsg').textContent='삭제되었습니다.'; snackToast.show(); }
+                    renderList();
+                }
+                if (e.target.classList.contains('thumb')){
+                    ensureBootstrapInstances();
+                    const src = e.target.dataset.src || e.target.getAttribute('src');
+                    $('#imgModalImg').setAttribute('src', src);
+                    imgModal ? imgModal.show() : document.getElementById('imgModal').classList.add('show');
+                }
+            });
+
+            // 검색/필터/페이지크기
+            document.getElementById('btnSearch').addEventListener('click', ()=>{ PAGE=1; renderList(); });
+            document.getElementById('keyword').addEventListener('keydown', e=>{ if(e.key==='Enter'){ PAGE=1; renderList(); }});
+            document.getElementById('filterCategory').addEventListener('change', ()=>{ PAGE=1; renderList(); });
+            document.getElementById('pageSize').addEventListener('change', function(){ SIZE=parseInt(this.value,10)||20; PAGE=1; renderList(); });
+
+            // 페이징 클릭
+            document.addEventListener('click', (e)=>{
+                const a = e.target.closest('#pagerNav a'); if (!a) return;
+                e.preventDefault();
+                const pages = Math.max(1, Math.ceil(getFiltered().length / SIZE));
+                const go = a.dataset.go;
+                if (go==='first') PAGE=1;
+                else if (go==='last') PAGE=pages;
+                else PAGE = Math.min(Math.max(parseInt(go,10)||1,1), pages);
+                renderList();
+            });
+
+            // 최초 렌더
+            document.addEventListener('DOMContentLoaded', ()=>{
+                try{ ensureBootstrapInstances(); }catch(_){}
+                const ps=document.getElementById('pageSize'); if(ps) SIZE=parseInt(ps.value,10)||20;
+                renderList();
+            });
+        })();
+    </script>
+
+    <!-- Bootstrap JS (모달 동작 보장용; 이미 로드되어 있어도 괜찮습니다) -->
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/member/dashboard.php b/public/tenant/member/dashboard.php
new file mode 100644
index 0000000..1340284
--- /dev/null
+++ b/public/tenant/member/dashboard.php
@@ -0,0 +1,279 @@
+<?php include '../inc/header.php'; ?>
+<style>
+    .card {
+        min-height: 300px; /* 필요에 따라 220~320 조절 */
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+    }
+</style>
+    <div class="container">
+        <div class="row g-3 align-items-stretch">
+            <!-- 1줄 -->
+            <div class="col-md-6 col-lg-3">
+                <div class="card p-3">
+                    <h6>Revenue BY MONTH</h6>
+                    <div id="revenueByMonthChart" style="height: 220px;"></div>
+                </div>
+            </div>
+            <div class="col-md-6 col-lg-6">
+                <div class="card p-3">
+                    <h6>Revenue BY REGION</h6>
+                    <div id="revenueByRegionChart" style="height: 220px;"></div>
+                </div>
+            </div>
+
+            <!-- 2줄 -->
+            <div class="col-md-6 col-lg-3">
+                <div class="card p-3">
+                    <h6>Debt to Equity</h6>
+                    <div id="debtEquityChart" style="height: 220px;"></div>
+                </div>
+            </div>
+            <div class="col-md-6 col-lg-3">
+                <div class="card p-3">
+                    <h6>Working Capital</h6>
+                    <div id="workingCapitalChart" style="height: 220px;"></div>
+                </div>
+            </div>
+            <div class="col-md-6 col-lg-3">
+                <div class="card p-3">
+                    <h6>Return on Equity</h6>
+                    <div id="returnOnEquityChart" style="height: 220px;"></div>
+                </div>
+            </div>
+            <div class="col-md-6 col-lg-3">
+                <div class="card p-3 text-center">
+                    <h6>Average Purchase Value YTD</h6>
+                    <div style="font-size: 1.5rem; font-weight: bold;">$8,301</div>
+                </div>
+            </div>
+
+            <!-- 3줄 -->
+            <div class="col-md-6 col-lg-3">
+                <div class="card p-3 text-center">
+                    <h6>Leads (Last 30 Days)</h6>
+                    <div style="font-size: 1.5rem; font-weight: bold; color: red;">768</div>
+                </div>
+            </div>
+            <div class="col-md-6 col-lg-3">
+                <div class="card p-3">
+                    <h6>Top Customers</h6>
+                    <table class="table table-sm mb-0">
+                        <thead>
+                        <tr><th>Client</th><th>Revenue</th></tr>
+                        </thead>
+                        <tbody>
+                        <tr><td>Alfreds </td><td>$330,221</td></tr>
+                        <tr><td>Berglunds </td><td>$299,112</td></tr>
+                        <tr><td>Centro  </td><td>$200,349</td></tr>
+                        <tr><td>Ernst </td><td>$199,312</td></tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            <div class="col-md-6 col-lg-3">
+                <div class="card p-3">
+                    <h6>Sales by Product Category</h6>
+                    <div id="salesPieChart" style="height: 220px;"></div>
+                </div>
+            </div>
+
+            <!-- 4줄 -->
+            <div class="col-md-6 col-lg-3">
+                <div class="card p-3">
+                    <h6>Budget</h6>
+                    <div id="budgetRadarChart" style="height: 260px;"></div>
+                </div>
+            </div>
+            <div class="col-md-6 col-lg-3">
+                <div class="card p-3">
+                    <h6>Website Conversion Funnel</h6>
+                    <div id="conversionFunnelChart" style="height: 260px;"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="container mb-4">
+        <div class="card p-3" style="min-height:540px;">
+            <h6>일정 관리 (Calendar)</h6>
+            <div id="calendar"></div>
+        </div>
+    </div>
+
+    <script>
+        $(function() {
+            // 1. Revenue By Month (Column)
+            Highcharts.chart('revenueByMonthChart', {
+                chart: { type: 'column' },
+                title: { text: null },
+                xAxis: { categories: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'] },
+                yAxis: { title: { text: 'Revenue ($M)' } },
+                series: [
+                    { name: 'Last Year', data: [10,12,14,16,18,20,21,19,17,14,12,8], color:'#2c4a85' },
+                    { name: 'Current Year', data: [11,13,15,18,20,22,23,20,18,16,13,10], color:'#517fc4' }
+                ]
+            });
+
+            // 2. Revenue By Region (Map)
+            Highcharts.mapChart('revenueByRegionChart', {
+                chart: { map: 'custom/world' },
+                title: { text: null },
+                series: [{
+                    data: [
+                        ['kr', 45], ['us', 28], ['de', 15], ['jp', 12], ['cn', 20], ['fr', 14], ['gb', 13]
+                    ],
+                    name: 'Revenue',
+                    states: { hover: { color: '#BADA55' } },
+                    dataLabels: { enabled: true, format: '{point.name}' }
+                }]
+            });
+
+            // 3. Debt to Equity (Column)
+            Highcharts.chart('debtEquityChart', {
+                chart: { type: 'column' },
+                title: { text: null },
+                xAxis: { categories: ['Y-4','Y-3','Y-2','Y-1','Y0'] },
+                yAxis: { title: { text: 'Debt to Equity Ratio' } },
+                series: [
+                    { name: 'Debt', data: [20,30,40,35,25], color:'#2c4a85' },
+                    { name: 'Equity', data: [40,45,50,55,60], color:'#517fc4' },
+                    { name: 'Debt-to-Equity', data: [50,60,70,65,55], color:'#7a99d9' }
+                ]
+            });
+
+            // 4. Working Capital (Column)
+            Highcharts.chart('workingCapitalChart', {
+                chart: { type: 'column' },
+                title: { text: null },
+                xAxis: { categories: ['Mar','Apr','May','Jun','Jul','Aug','Sep'] },
+                yAxis: { title: { text: 'Working Capital' } },
+                series: [
+                    { name: 'Cash', data: [10,9,11,12,10,8,9], color:'#2c4a85' },
+                    { name: 'Investments', data: [7,8,6,7,6,7,8], color:'#517fc4' },
+                    { name: 'A/R', data: [4,3,4,5,4,5,6], color:'#7a99d9' }
+                ]
+            });
+
+            // 5. Return on Equity (Line)
+            Highcharts.chart('returnOnEquityChart', {
+                chart: { type: 'line' },
+                title: { text: null },
+                xAxis: { categories: ['Y-4','Y-3','Y-2','Y-1','Y0'] },
+                yAxis: { title: { text: 'Return on Equity (%)' } },
+                series: [
+                    { name: 'ROE', data: [10,12,13,15,14], color:'#2c4a85' }
+                ]
+            });
+
+            // 6. Sales Pie Chart
+            Highcharts.chart('salesPieChart', {
+                chart: { type: 'pie' },
+                title: { text: null },
+                series: [{
+                    name: 'Sales',
+                    colorByPoint: true,
+                    data: [
+                        { name: 'Scientific Equipment', y: 45 },
+                        { name: 'IT Services', y: 15 },
+                        { name: 'Financial Services', y: 10 },
+                        { name: 'Consumer Electronics', y: 10 },
+                        { name: 'Workwear', y: 10 },
+                        { name: 'Cosmetics', y: 10 }
+                    ]
+                }]
+            });
+
+            // 7. Budget Radar (Polar Area)
+            Highcharts.chart('budgetRadarChart', {
+                chart: { polar: true, type: 'area' },
+                title: { text: null },
+                pane: { size: '80%' },
+                xAxis: {
+                    categories: ['Admin','Marketing','Develop','Customer','IT'],
+                    tickmarkPlacement: 'on',
+                    lineWidth: 0
+                },
+                yAxis: {
+                    gridLineInterpolation: 'polygon',
+                    lineWidth: 0,
+                    min: 0
+                },
+                series: [
+                    { name: 'Allocated Budget', data: [43000,19000,60000,35000,17000], color:'#2c4a85' },
+                    { name: 'Actual Spending', data: [50000,39000,42000,31000,26000], color:'#517fc4' }
+                ]
+            });
+
+            // 8. Website Conversion Funnel
+            Highcharts.chart('conversionFunnelChart', {
+                chart: { type: 'funnel' },
+                title: { text: null },
+                plotOptions: {
+                    series: {
+                        dataLabels: {
+                            enabled: true,
+                            format: '<b>{point.name}</b> ({point.y:,.0f})',
+                            color: 'black',
+                            softConnector: true
+                        },
+                        center: ['40%', '50%'],
+                        neckWidth: '30%',
+                        neckHeight: '25%'
+                    }
+                },
+                series: [{
+                    name: 'Website Conversion',
+                    data: [
+                        ['Visit', 313000],
+                        ['Product Page', 230000],
+                        ['Add to Cart', 146000],
+                        ['Checkout', 110000],
+                        ['Sale', 63000]
+                    ]
+                }]
+            });
+
+        });
+    </script>
+<script>
+    document.addEventListener('DOMContentLoaded', function() {
+        var calendarEl = document.getElementById('calendar');
+        var calendar = new FullCalendar.Calendar(calendarEl, {
+            height: 500,
+            initialView: 'dayGridMonth',
+            locale: 'ko',
+            headerToolbar: {
+                left: 'prev,next today',
+                center: 'title',
+                right: 'dayGridMonth,timeGridWeek,timeGridDay'
+            },
+            selectable: true,
+            editable: true,
+            events: [
+                // 샘플 일정
+                { title: '회의', start: '2026-08-14', end: '2026-08-15' },
+                { title: '업무 마감', start: '2026-08-17' }
+            ],
+            select: function(info) {
+                var title = prompt('새 일정을 입력하세요:');
+                if (title) {
+                    calendar.addEvent({
+                        title: title,
+                        start: info.startStr,
+                        end: info.endStr
+                    });
+                }
+                calendar.unselect();
+            },
+            eventClick: function(info) {
+                if (confirm("'" + info.event.title + "' 일정을 삭제할까요?")) {
+                    info.event.remove();
+                }
+            }
+        });
+        calendar.render();
+    });
+</script>
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/member/intro.php b/public/tenant/member/intro.php
new file mode 100644
index 0000000..3f550da
--- /dev/null
+++ b/public/tenant/member/intro.php
@@ -0,0 +1,47 @@
+<?php include '../inc/header.php'; ?>
+
+    <div class="container" style="max-width:800px; margin-top:60px; margin-bottom:60px;">
+        <div class="text-center mb-5">
+            <img src="https://img.icons8.com/color/96/000000/robot-2.png" alt="SAM 로고" style="width:80px;">
+            <h1 class="fw-bold mt-3 mb-2" style="color:#2c4a85;">SAM</h1>
+            <h5 class="mb-3" style="color:#517fc4;">Smart Automation Management</h5>
+            <p class="lead" style="color:#333;">
+                쉽고, 빠르고, 똑똑하게<br>
+                <b>자동화된 업무관리와 협업</b>을 경험하세요.
+            </p>
+        </div>
+        <div class="row g-4 mb-4">
+            <div class="col-md-4">
+                <div class="card h-100 border-0 shadow-sm">
+                    <div class="card-body text-center">
+                        <img src="https://img.icons8.com/color/48/000000/checked-checkbox.png" alt="">
+                        <h6 class="fw-bold mt-2 mb-2">프로세스 자동화</h6>
+                        <p class="small text-muted">견적·수주·생산·회계까지<br>모든 업무를 손쉽게 자동화</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="card h-100 border-0 shadow-sm">
+                    <div class="card-body text-center">
+                        <img src="https://img.icons8.com/color/48/000000/group-task.png" alt="">
+                        <h6 class="fw-bold mt-2 mb-2">스마트 협업</h6>
+                        <p class="small text-muted">실시간 공유/관리로<br>팀워크·생산성 향상</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="card h-100 border-0 shadow-sm">
+                    <div class="card-body text-center">
+                        <img src="https://img.icons8.com/color/48/000000/security-checked.png" alt="">
+                        <h6 class="fw-bold mt-2 mb-2">안전한 데이터</h6>
+                        <p class="small text-muted">기업별(테넌트) 완벽 분리와<br>보안 우선 설계</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="text-center mt-4">
+            <a href="/tenant/member/login.php" class="btn btn-primary btn-lg px-5 fw-bold shadow-sm" style="background:#2c4a85;">로그인/회원가입</a>
+        </div>
+    </div>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/member/login.php b/public/tenant/member/login.php
new file mode 100644
index 0000000..ddda15b
--- /dev/null
+++ b/public/tenant/member/login.php
@@ -0,0 +1,66 @@
+<?php
+$CURRENT_SECTION = 'member';
+include '../inc/header.php'; ?>
+
+    <div class="d-flex justify-content-center align-items-center" style="height: 70vh;">
+        <div class="card shadow p-4" style="width: 350px;">        <form id="loginForm" style="width: 300px;" method="post" action="/api/login_process.php">
+                <h3 class="text-center mb-4">로그인</h3>
+
+                <div class="mb-3">
+                    <label for="userid" class="form-label">아이디</label>
+                    <input type="text" class="form-control" id="userid" name="userid" placeholder="아이디를 입력하세요" required>
+                </div>
+
+                <div class="mb-4">
+                    <label for="password" class="form-label">비밀번호</label>
+                    <input type="password" class="form-control" id="password" name="password" placeholder="비밀번호를 입력하세요" required>
+                </div>
+
+                <button type="submit" class="btn btn-primary w-100">로그인</button>
+            </form>
+        </div>
+    </div>
+
+    <script>
+        $(function() {
+            $('#loginForm').on('submit', function(e) {
+                e.preventDefault();
+
+                // 간단 밸리데이션 예제
+                const userid = $('#userid').val().trim();
+                const password = $('#password').val().trim();
+
+                if (!userid) {
+                    alert('아이디를 입력하세요.');
+                    $('#userid').focus();
+                    return;
+                }
+                if (!password) {
+                    alert('비밀번호를 입력하세요.');
+                    $('#password').focus();
+                    return;
+                }
+
+                // AJAX 로그인 요청 (예시)
+                $.ajax({
+                    url: '/tenant/api/login_process.php',
+                    type: 'POST',
+                    data: { userid: userid, password: password },
+                    dataType: 'json',
+                    success: function(response) {
+                        if(response.success) {
+                            alert('로그인 성공!');
+                            window.location.href = '/tenant/member/dashboard.php';
+                        } else {
+                            alert('로그인 실패: ' + response.message);
+                        }
+                    },
+                    error: function() {
+                        alert('서버 오류가 발생했습니다.');
+                    }
+                });
+            });
+        });
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/member/logout.php b/public/tenant/member/logout.php
new file mode 100644
index 0000000..219c40e
--- /dev/null
+++ b/public/tenant/member/logout.php
@@ -0,0 +1,9 @@
+<?php
+session_start();
+session_unset();    // 모든 세션 변수 해제
+session_destroy();  // 세션 파기
+
+// 로그인 페이지로 이동 (필요시 경로 수정)
+header("Location: /tenant/member/intro.php");
+exit;
+?>
diff --git a/public/tenant/member/profile_edit.php b/public/tenant/member/profile_edit.php
new file mode 100644
index 0000000..aa2fb40
--- /dev/null
+++ b/public/tenant/member/profile_edit.php
@@ -0,0 +1,66 @@
+<?php
+$CURRENT_SECTION = 'member';
+include '../inc/header.php';
+
+// 샘플: 세션에서 값 읽기 (실제론 DB에서 조회)
+$userid = isset($_SESSION['userid']) ? $_SESSION['userid'] : 'user';
+$username = isset($_SESSION['username']) ? $_SESSION['username'] : '홍길동';
+?>
+
+    <div class="d-flex justify-content-center align-items-center" style="min-height: 75vh;">
+        <div class="card shadow p-4" style="width: 400px;">
+            <form id="profileEditForm" method="post" action="/tenant/api/profile_edit_process.php" autocomplete="off">
+                <h3 class="text-center mb-4">내 정보 수정</h3>
+
+                <div class="mb-3">
+                    <label class="form-label">아이디</label>
+                    <input type="text" class="form-control" name="userid" value="<?=htmlspecialchars($userid)?>" readonly>
+                </div>
+                <div class="mb-3">
+                    <label for="username" class="form-label">이름</label>
+                    <input type="text" class="form-control" id="username" name="username" value="<?=htmlspecialchars($username)?>" required>
+                </div>
+                <div class="mb-3">
+                    <label for="password" class="form-label">새 비밀번호</label>
+                    <input type="password" class="form-control" id="password" name="password" maxlength="30" placeholder="변경 시 입력">
+                </div>
+                <div class="mb-4">
+                    <label for="password2" class="form-label">비밀번호 확인</label>
+                    <input type="password" class="form-control" id="password2" name="password2" maxlength="30" placeholder="변경 시 입력">
+                </div>
+
+                <button type="submit" class="btn btn-primary w-100">수정하기</button>
+            </form>
+        </div>
+    </div>
+
+    <script>
+        $(function(){
+            $('#profileEditForm').on('submit', function(e){
+                var username = $('#username').val().trim();
+                var pw1 = $('#password').val();
+                var pw2 = $('#password2').val();
+
+                if (username.length < 2) {
+                    alert('이름은 2글자 이상 입력하세요.');
+                    $('#username').focus();
+                    e.preventDefault(); return false;
+                }
+                if (pw1 || pw2) {
+                    if (pw1.length < 4) {
+                        alert('비밀번호는 4글자 이상이어야 합니다.');
+                        $('#password').focus();
+                        e.preventDefault(); return false;
+                    }
+                    if (pw1 !== pw2) {
+                        alert('비밀번호가 일치하지 않습니다.');
+                        $('#password2').focus();
+                        e.preventDefault(); return false;
+                    }
+                }
+                // 서버로 전송
+            });
+        });
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/member/register.php b/public/tenant/member/register.php
new file mode 100644
index 0000000..f087534
--- /dev/null
+++ b/public/tenant/member/register.php
@@ -0,0 +1,66 @@
+<?php
+$CURRENT_SECTION = 'member';
+include '../inc/header.php'; ?>
+
+    <div class="d-flex justify-content-center align-items-center" style="min-height: 75vh;">
+        <div class="card shadow p-4" style="width: 380px;">
+            <form id="registerForm" method="post" action="/tenant/api/register_process.php" autocomplete="off">
+                <h3 class="text-center mb-4">회원가입</h3>
+
+                <div class="mb-3">
+                    <label for="userid" class="form-label">아이디</label>
+                    <input type="text" class="form-control" id="userid" name="userid" maxlength="20" required>
+                </div>
+                <div class="mb-3">
+                    <label for="username" class="form-label">이름</label>
+                    <input type="text" class="form-control" id="username" name="username" maxlength="20" required>
+                </div>
+                <div class="mb-3">
+                    <label for="password" class="form-label">비밀번호</label>
+                    <input type="password" class="form-control" id="password" name="password" maxlength="30" required>
+                </div>
+                <div class="mb-4">
+                    <label for="password2" class="form-label">비밀번호 확인</label>
+                    <input type="password" class="form-control" id="password2" name="password2" maxlength="30" required>
+                </div>
+
+                <button type="submit" class="btn btn-primary w-100">가입하기</button>
+            </form>
+        </div>
+    </div>
+
+    <script>
+        $(function(){
+            $('#registerForm').on('submit', function(e){
+                // 클라이언트 밸리데이션
+                var userid = $('#userid').val().trim();
+                var username = $('#username').val().trim();
+                var pw1 = $('#password').val();
+                var pw2 = $('#password2').val();
+
+                if (userid.length < 4) {
+                    alert('아이디는 4글자 이상이어야 합니다.');
+                    $('#userid').focus();
+                    e.preventDefault(); return false;
+                }
+                if (username.length < 2) {
+                    alert('이름은 2글자 이상 입력하세요.');
+                    $('#username').focus();
+                    e.preventDefault(); return false;
+                }
+                if (pw1.length < 4) {
+                    alert('비밀번호는 4글자 이상이어야 합니다.');
+                    $('#password').focus();
+                    e.preventDefault(); return false;
+                }
+                if (pw1 !== pw2) {
+                    alert('비밀번호가 일치하지 않습니다.');
+                    $('#password2').focus();
+                    e.preventDefault(); return false;
+                }
+                // 서버 전송
+            });
+        });
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/member/tenant_add_process.php b/public/tenant/member/tenant_add_process.php
new file mode 100644
index 0000000..2947334
--- /dev/null
+++ b/public/tenant/member/tenant_add_process.php
@@ -0,0 +1,22 @@
+<?php
+include '../inc/config.php';
+
+// 새 테넌트(회사명) 입력값 확인
+$new_tenant_name = isset($_POST['new_tenant_name']) ? trim($_POST['new_tenant_name']) : '';
+
+if (!$new_tenant_name) {
+    echo "<script>alert('회사명을 입력하세요.'); history.back();</script>";
+    exit;
+}
+
+// 실제로는 DB에 등록하고 ID를 받아야 함 (샘플로 랜덤값 부여)
+$new_tenant_id = rand(1000, 9999); // 실제는 DB의 AUTO_INCREMENT 등 사용
+
+// 세션에 테넌트 정보 저장
+$_SESSION['tenant_id'] = $new_tenant_id;
+$_SESSION['tenant_name'] = $new_tenant_name;
+
+// 대시보드로 이동
+header("Location: /tenant/member/dashboard.php");
+exit;
+?>
diff --git a/public/tenant/member/tenant_select.php b/public/tenant/member/tenant_select.php
new file mode 100644
index 0000000..55e3a1e
--- /dev/null
+++ b/public/tenant/member/tenant_select.php
@@ -0,0 +1,38 @@
+<?php
+$CURRENT_SECTION = 'member';
+include '../inc/header.php';
+
+// 2. 샘플 테넌트 목록 (실제로는 DB 등에서 불러옴)
+$sample_tenants = [
+    ['id' => 101, 'name' => '삼성전자'],
+    ['id' => 102, 'name' => '카카오'],
+    ['id' => 103, 'name' => '네이버'],
+];
+
+
+?>
+
+    <div class="container" style="max-width:500px; margin-top:40px;">
+        <div class="card shadow p-4">
+            <h4 class="mb-3 text-center">테넌트(회사/기업) 선택</h4>
+            <form method="post" action="tenant_select_process.php">
+                <div class="mb-3">
+                    <label for="tenant_id" class="form-label">기존 테넌트 선택</label>
+                    <select class="form-select" id="tenant_id" name="tenant_id" required>
+                        <option value="">테넌트 선택...</option>
+                        <?php foreach($sample_tenants as $tenant): ?>
+                            <option value="<?=$tenant['id']?>"><?=$tenant['name']?></option>
+                        <?php endforeach; ?>
+                    </select>
+                </div>
+                <button type="submit" class="btn btn-primary w-100 mb-3">선택</button>
+            </form>
+            <hr>
+            <div class="mb-3">
+                <label class="form-label">새 테넌트(회사/기업) 추가</label><br>
+                <a href="/tenant/tenant/join.php" class="btn btn-success w-100">추가</a>
+            </div>
+        </div>
+    </div>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/member/tenant_select_process.php b/public/tenant/member/tenant_select_process.php
new file mode 100644
index 0000000..2d91cab
--- /dev/null
+++ b/public/tenant/member/tenant_select_process.php
@@ -0,0 +1,18 @@
+<?php
+include '../inc/config.php';
+
+// POST로 받은 테넌트 ID 확인
+$tenant_id = isset($_POST['tenant_id']) ? intval($_POST['tenant_id']) : 0;
+
+if (!$tenant_id) {
+    echo "<script>alert('테넌트를 선택하세요.'); history.back();</script>";
+    exit;
+}
+
+// 세션에 테넌트 ID 저장
+$_SESSION['tenant_id'] = $tenant_id;
+
+// 대시보드로 이동
+header("Location: /tenant/member/dashboard.php");
+exit;
+?>
diff --git a/public/tenant/member/withdraw.php b/public/tenant/member/withdraw.php
new file mode 100644
index 0000000..4d77b77
--- /dev/null
+++ b/public/tenant/member/withdraw.php
@@ -0,0 +1,77 @@
+<?php
+$CURRENT_SECTION = 'member';
+include '../inc/header.php'; ?>
+
+    <div class="d-flex justify-content-center align-items-center" style="min-height: 70vh;">
+        <div class="card shadow p-4" style="width: 380px;">
+            <form id="withdrawForm" method="post" action="/tenant/member/logout.php" autocomplete="off">
+                <h3 class="text-center mb-4 text-danger">회원 탈퇴</h3>
+                <p class="text-center mb-3">
+                    정말로 회원 탈퇴를 진행하시겠습니까?<br>
+                    <span class="text-danger fw-bold">탈퇴 시 모든 정보가 삭제됩니다.</span>
+                </p>
+                <div class="mb-3">
+                    <label for="reason" class="form-label">탈퇴 사유</label>
+                    <select class="form-select" id="reason" name="reason" required>
+                        <option value="">사유를 선택하세요</option>
+                        <option value="서비스 불만족">서비스 불만족</option>
+                        <option value="사용 빈도 낮음">사용 빈도 낮음</option>
+                        <option value="개인정보 우려">개인정보 우려</option>
+                        <option value="기타">기타 (직접 입력)</option>
+                    </select>
+                </div>
+                <div class="mb-3" id="reasonEtcDiv" style="display:none;">
+                    <input type="text" class="form-control" id="reason_etc" name="reason_etc" maxlength="100" placeholder="탈퇴 사유를 입력하세요">
+                </div>
+                <div class="mb-4">
+                    <label for="password" class="form-label">비밀번호 확인</label>
+                    <input type="password" class="form-control" id="password" name="password" maxlength="30" required placeholder="비밀번호를 입력하세요">
+                </div>
+                <div class="d-flex gap-2">
+                    <button type="submit" class="btn btn-danger w-50">탈퇴</button>
+                    <a href="/tenant/member/dashboard.php" class="btn btn-secondary w-50">취소</a>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script>
+        $(function(){
+            // 탈퇴 사유 기타 선택시 입력 필드 노출
+            $('#reason').on('change', function(){
+                if ($(this).val() === '기타') {
+                    $('#reasonEtcDiv').show();
+                    $('#reason_etc').prop('required', true);
+                } else {
+                    $('#reasonEtcDiv').hide();
+                    $('#reason_etc').prop('required', false);
+                }
+            });
+
+            // 밸리데이션
+            $('#withdrawForm').on('submit', function(e){
+                var pw = $('#password').val();
+                var reason = $('#reason').val();
+                var reasonEtc = $('#reason_etc').val();
+
+                if (!reason) {
+                    alert('탈퇴 사유를 선택하세요.');
+                    $('#reason').focus();
+                    e.preventDefault(); return false;
+                }
+                if (reason === '기타' && (!reasonEtc || reasonEtc.trim().length < 2)) {
+                    alert('탈퇴 사유를 입력하세요.');
+                    $('#reason_etc').focus();
+                    e.preventDefault(); return false;
+                }
+                if (!pw || pw.length < 4) {
+                    alert('비밀번호를 올바르게 입력하세요.');
+                    $('#password').focus();
+                    e.preventDefault(); return false;
+                }
+                // 서버 전송
+            });
+        });
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/order/edit.php b/public/tenant/order/edit.php
new file mode 100644
index 0000000..19b4211
--- /dev/null
+++ b/public/tenant/order/edit.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='order';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/order/manage.php b/public/tenant/order/manage.php
new file mode 100644
index 0000000..19b4211
--- /dev/null
+++ b/public/tenant/order/manage.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='order';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/order/status.php b/public/tenant/order/status.php
new file mode 100644
index 0000000..19b4211
--- /dev/null
+++ b/public/tenant/order/status.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='order';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/permission/analyze.php b/public/tenant/permission/analyze.php
new file mode 100644
index 0000000..c2b10a4
--- /dev/null
+++ b/public/tenant/permission/analyze.php
@@ -0,0 +1,532 @@
+<?php
+// 권한 분석 — 선택한 메뉴/액션 기준으로 효과권한(EFFECTIVE) 분석
+$CURRENT_SECTION='permission';
+include '../inc/header.php';
+?>
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+        <div class="card shadow-sm">
+            <div class="card-header d-flex flex-wrap gap-2 align-items-center">
+                <strong>권한 분석</strong>
+                <select class="form-select form-select-sm" id="actionSelect" style="width:160px;">
+                    <option value="read">읽기(read)</option>
+                    <option value="create">쓰기(create)</option>
+                    <option value="update">수정(update)</option>
+                    <option value="delete">삭제(delete)</option>
+                    <option value="approve">결재(approve)</option>
+                </select>
+                <input class="form-control form-control-sm" id="keyword" placeholder="사용자/부서/역할 검색" style="width:260px;">
+                <button class="btn btn-sm btn-outline-secondary" id="btnRecalc">권한 재계산</button>
+                <div class="ms-auto d-flex gap-2">
+                    <button class="btn btn-sm btn-outline-success" id="btnExport">CSV 내보내기</button>
+                </div>
+            </div>
+
+            <div class="card-body">
+                <div class="row g-3">
+                    <!-- 좌: 메뉴 트리 -->
+                    <div class="col-md-5">
+                        <div class="border rounded p-2">
+                            <div class="d-flex align-items-center justify-content-between mb-2">
+                                <div class="small text-muted">분석 메뉴</div>
+                                <div class="input-group input-group-sm" style="max-width:280px;">
+                                    <input type="text" class="form-control" id="menuSearch" placeholder="메뉴/코드 검색">
+                                    <button class="btn btn-outline-secondary" id="btnMenuSearch">검색</button>
+                                    <button class="btn btn-outline-secondary" id="btnMenuReset">초기화</button>
+                                </div>
+                                <!-- (기존) 메뉴 검색 input-group 바로 뒤에 추가 -->
+                                <div class="form-check form-check-sm ms-2">
+                                    <input class="form-check-input" type="checkbox" id="highlightAllowed">
+                                    <label class="form-check-label small" for="highlightAllowed">접근가능</label>
+                                </div>
+                            </div>
+                            <div class="table-responsive" style="max-height:64vh; overflow:auto;">
+                                <table class="table table-sm align-middle" id="menuTable">
+                                    <thead class="table-light">
+                                    <tr>
+                                        <th style="width:60%;">메뉴</th>
+                                        <th>코드</th>
+                                    </tr>
+                                    </thead>
+                                    <tbody><!-- PermissionMenu로 렌더 --></tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- 우: 분석 결과 -->
+                    <div class="col-md-7">
+                        <div class="border rounded p-2">
+                            <div class="d-flex align-items-center justify-content-between mb-2">
+                                <div>
+                                    <div class="small text-muted">선택 메뉴</div>
+                                    <div id="selMenuTitle" class="fw-semibold">-</div>
+                                </div>
+                                <div class="small text-muted">
+                                    결론 규칙: <code>ALLOW = 부서 OR 역할 OR (개인 ALLOW)</code> → <code>개인 DENY 최우선</code>
+                                </div>
+                            </div>
+
+                            <ul class="nav nav-pills mb-2" role="tablist">
+                                <li class="nav-item"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tabAllow">접근 가능</button></li>
+                                <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tabDeny">접근 불가</button></li>
+                                <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tabWhy">근거/상세</button></li>
+                                <!-- 탭 버튼들 (기존 3개 뒤에 추가) -->
+                                <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tabUser">사용자 역추적</button></li>
+                            </ul>
+                            <div class="tab-content">
+                                <!-- 접근 가능 -->
+                                <div class="tab-pane fade show active" id="tabAllow">
+                                    <div class="table-responsive" style="max-height:28vh; overflow:auto;">
+                                        <table class="table table-sm align-middle" id="tblAllow">
+                                            <thead class="table-light">
+                                            <tr><th style="width:30%;">사용자</th><th>부서</th><th>역할</th><th>개인모드</th><th>최종</th></tr>
+                                            </thead>
+                                            <tbody></tbody>
+                                        </table>
+                                    </div>
+                                </div>
+                                <!-- 접근 불가 -->
+                                <div class="tab-pane fade" id="tabDeny">
+                                    <div class="table-responsive" style="max-height:28vh; overflow:auto;">
+                                        <table class="table table-sm align-middle" id="tblDeny">
+                                            <thead class="table-light">
+                                            <tr><th style="width:30%;">사용자</th><th>부서</th><th>역할</th><th>개인모드</th><th>사유</th></tr>
+                                            </thead>
+                                            <tbody></tbody>
+                                        </table>
+                                    </div>
+                                </div>
+                                <!-- 근거/상세 -->
+                                <div class="tab-pane fade" id="tabWhy">
+                                    <div class="table-responsive" style="max-height:28vh; overflow:auto;">
+                                        <table class="table table-sm align-middle" id="tblWhy">
+                                            <thead class="table-light">
+                                            <tr><th style="width:24%;">사용자</th><th>부서 허용</th><th>역할 허용</th><th>개인 허용</th><th>개인 DENY</th><th>최종</th></tr>
+                                            </thead>
+                                            <tbody></tbody>
+                                        </table>
+                                    </div>
+                                    <div class="small text-muted">* “개인 DENY”가 하나라도 있으면 최종 DENY (최우선)</div>
+                                </div>
+                                <!-- 탭 콘텐츠 (아래 블록을 기존 tab-content 맨 아래에 추가) -->
+                                <div class="tab-pane fade" id="tabUser">
+                                    <div class="d-flex flex-wrap gap-2 align-items-center mb-2">
+                                        <select class="form-select form-select-sm" id="userTraceSelect" style="width:260px;">
+                                            <!-- 샘플: USERS 배열과 동일하게 -->
+                                            <option value="101">권혁성(kevin)</option>
+                                            <option value="102">김슬기(sally)</option>
+                                            <option value="103">이민수(minsu)</option>
+                                        </select>
+                                        <select class="form-select form-select-sm" id="userTraceAction" style="width:160px;">
+                                            <option value="read">읽기(read)</option>
+                                            <option value="create">쓰기(create)</option>
+                                            <option value="update">수정(update)</option>
+                                            <option value="delete">삭제(delete)</option>
+                                            <option value="approve">결재(approve)</option>
+                                        </select>
+                                        <div class="form-check ms-2">
+                                            <input class="form-check-input" type="checkbox" id="onlyAllow">
+                                            <label class="form-check-label" for="onlyAllow">ALLOW만 보기</label>
+                                        </div>
+                                        <div class="ms-auto d-flex gap-2">
+                                            <button class="btn btn-sm btn-outline-secondary" id="btnTraceExport">CSV</button>
+                                        </div>
+                                    </div>
+
+                                    <div class="table-responsive" style="max-height:50vh; overflow:auto;">
+                                        <table class="table table-sm align-middle" id="tblUserTrace">
+                                            <thead class="table-light">
+                                            <tr>
+                                                <th style="width:40%;">메뉴</th>
+                                                <th>코드</th>
+                                                <th class="text-center">최종</th>
+                                                <th class="text-center">부서</th>
+                                                <th class="text-center">역할</th>
+                                                <th class="text-center">개인 ALLOW</th>
+                                                <th class="text-center">개인 DENY</th>
+                                            </tr>
+                                            </thead>
+                                            <tbody></tbody>
+                                        </table>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+                </div> <!-- row -->
+            </div>
+        </div>
+    </div>
+
+    <style>
+        .menu-name { font-size:14px; font-weight:500; }
+        .menu-url  { color:#6c757d; font-size:12px;}
+        .indent    { font-family: ui-monospace, Menlo, Consolas, monospace; color:#6c757d; }
+        #menuTable tbody tr.active { background: #eef3ff; }
+        .badge-inherit{ background:#6c757d; }
+        .badge-allow{ background:#0d6efd; }
+        .badge-deny{ background:#dc3545; }
+        /* ALLOW 행은 왼쪽 라인 + 은은한 배경, DENY는 살짝 흐리게 */
+        #menuTable tbody tr.allow-row {
+            background: #f3f8ff;
+            border-left: 4px solid #0d6efd;
+        }
+        #menuTable tbody tr.deny-dim {
+            opacity: .45;
+        }
+    </style>
+
+    <script src="/tenant/assets/js/permission_menu.js"></script>
+    <script>
+        // ================== 샘플 데이터 (실전: AJAX로 교체) ==================
+        const MENU_DATA = [
+            {id:1,parent_id:null,title:'대시보드',code:'dashboard',path:'/tenant/member/dashboard.php',source:'system'},
+            {id:2,parent_id:null,title:'수주',code:'order',path:null,source:'system'},
+            {id:21,parent_id:2,title:'수주 관리',code:'order.manage',path:'/tenant/order/manage.php',source:'system'},
+            {id:22,parent_id:2,title:'수주 등록/수정',code:'order.edit',path:'/tenant/order/edit.php',source:'system'},
+            {id:3,parent_id:null,title:'생산',code:'production',path:null,source:'system'},
+            {id:31,parent_id:3,title:'작업 지시',code:'production.wi',path:'/tenant/production/work_instruction.php',source:'workflow'},
+            {id:32,parent_id:3,title:'스크린 작업',code:'production.screen',path:'/tenant/production/screen_work.php',source:'workflow'},
+            {id:5,parent_id:null,title:'게시판',code:'board',path:null,source:'system'},
+            {id:51,parent_id:5,title:'공지사항',code:'board.notice',path:'/tenant/board/notice_list.php',source:'board'},
+        ];
+        const TENANT_USE = {dashboard:true, order:true,'order.manage':true,'order.edit':false,
+            production:true,'production.wi':true,'production.screen':true,
+            board:true,'board.notice':true};
+
+        // 조직/역할/유저 샘플
+        const DEPARTMENTS = [{id:201,name:'개발팀'},{id:202,name:'영업팀'}];
+        const ROLES = [{id:301,name:'최고관리자'},{id:302,name:'일반관리자'},{id:303,name:'직원'}];
+        const USERS = [
+            {id:101, name:'권혁성', uid:'kevin',  dept_id:201, role_ids:[301,302]},
+            {id:102, name:'김슬기', uid:'sally',  dept_id:201, role_ids:[303]},
+            {id:103, name:'이민수', uid:'minsu',  dept_id:202, role_ids:[303]},
+        ];
+
+        // 부서/역할 권한 정의(샘플) — 실제는 DB에서 로드
+        const DEPT_PERMS = {
+            // dept_id: { code: {read,create,update,delete,approve} }
+            201: { 'order.manage': {read:true,create:true,update:true,delete:false,approve:false},
+                'production.wi':{read:true,create:true,update:false,delete:false,approve:false},
+                'dashboard':    {read:true,create:false,update:false,delete:false,approve:false},
+                'board.notice': {read:true,create:false,update:false,delete:false,approve:false} },
+            202: { 'order.manage': {read:true,create:false,update:false,delete:false,approve:false},
+                'dashboard':    {read:true,create:false,update:false,delete:false,approve:false} }
+        };
+        const ROLE_PERMS = {
+            // role_id: { code: {...} }
+            301: { 'order.manage':{read:true,create:true,update:true,delete:true,approve:true},
+                'production':  {read:true,create:false,update:false,delete:false,approve:false} },
+            302: { 'production.wi':{read:true,create:true,update:true,delete:false,approve:false} },
+            303: { 'board.notice':{read:true,create:true,update:true,delete:false,approve:false} }
+        };
+
+        // 개인 예외(샘플)
+        // 모드: 사용자별 전역 모드 (INHERIT/ALLOW/DENY)
+        const USER_MODE = { 101:'ALLOW', 102:'INHERIT', 103:'DENY' };
+        // 개인 허용(ALLOW 모드일 때만 의미) — user_id: { code: {...} }
+        const USER_PERMS = {
+            101: { 'production.screen': {read:true,create:true,update:false,delete:false,approve:false} }
+        };
+        // 개인 DENY(선택사항: 메뉴별 차단) — user_id: Set(menu_code)
+        const USER_DENY = {
+            102: new Set(['order.manage']) // 예: 상속으로 되더라도 이 메뉴만 차단
+        };
+
+        // ================== 공통 트리 세팅 + 좌측 메뉴 렌더 ==================
+        PermissionMenu.setData(MENU_DATA, TENANT_USE);
+
+        function renderMenuList(){
+            const rows = PermissionMenu.buildRows((node)=>{
+                return `<td class="text-muted">${node.code}</td>`;
+            });
+            document.querySelector('#menuTable tbody').innerHTML = rows;
+        }
+        renderMenuList();
+
+        let selectedMenuCode = null;
+        function selectFirstMenuIfNeeded(){
+            if (!selectedMenuCode){
+                const first = document.querySelector('#menuTable tbody tr');
+                if (first){ first.classList.add('active'); selectedMenuCode = first.dataset.code; updateSelectedInfo(); runAnalyze(); }
+            }
+        }
+        function updateSelectedInfo(){
+            const tr = document.querySelector('#menuTable tbody tr.active');
+            const title = tr ? tr.querySelector('td:first-child').innerText.trim() : '-';
+            document.querySelector('#selMenuTitle').innerText = title;
+        }
+
+        // 메뉴 선택
+        document.querySelector('#menuTable').addEventListener('click', (e)=>{
+            const tr = e.target.closest('tr'); if(!tr) return;
+            document.querySelectorAll('#menuTable tbody tr').forEach(x=> x.classList.remove('active'));
+            tr.classList.add('active');
+            selectedMenuCode = tr.dataset.code;
+            updateSelectedInfo();
+            runAnalyze();
+        });
+
+        // 메뉴 검색
+        document.querySelector('#btnMenuSearch').addEventListener('click', ()=>{
+            const q = document.querySelector('#menuSearch').value.trim().toLowerCase();
+            document.querySelectorAll('#menuTable tbody tr').forEach(tr=>{
+                const name = tr.querySelector('td:first-child').innerText.toLowerCase();
+                const code = tr.dataset.code.toLowerCase();
+                tr.style.display = (q==='' || name.includes(q) || code.includes(q)) ? '' : 'none';
+            });
+        });
+        document.querySelector('#btnMenuReset').addEventListener('click', ()=>{
+            document.querySelector('#menuSearch').value=''; document.querySelectorAll('#menuTable tbody tr').forEach(tr=> tr.style.display='');
+        });
+
+        // ================== 분석 로직 ==================
+        function hasDeptAllow(userId, code, action){
+            const user = USERS.find(u=>u.id==userId); if(!user) return false;
+            const map = DEPT_PERMS[user.dept_id]||{};
+            return !!(map[code] && map[code][action]);
+        }
+        function hasRoleAllow(userId, code, action){
+            const user = USERS.find(u=>u.id==userId); if(!user) return false;
+            return user.role_ids.some(rid => !!(ROLE_PERMS[rid] && ROLE_PERMS[rid][code] && ROLE_PERMS[rid][code][action]));
+        }
+        function hasUserAllow(userId, code, action){
+            const mode = USER_MODE[userId] || 'INHERIT';
+            if (mode!=='ALLOW') return false;
+            const up = USER_PERMS[userId]||{};
+            return !!(up[code] && up[code][action]);
+        }
+        function hasUserDeny(userId, code){
+            // 전역 DENY 우선
+            if ((USER_MODE[userId]||'INHERIT')==='DENY') return true;
+            // 메뉴별 DENY
+            return !!(USER_DENY[userId] && USER_DENY[userId].has(code));
+        }
+        function effective(userId, code, action){
+            // 개인 DENY 최우선
+            if (hasUserDeny(userId, code)) return {allow:false, reason:'개인 DENY'};
+            const allow = hasDeptAllow(userId, code, action) || hasRoleAllow(userId, code, action) || hasUserAllow(userId, code, action);
+            return {allow, reason: allow?'ALLOW':'NO MATCH'};
+        }
+
+        function runAnalyze(){
+            if (!selectedMenuCode){ selectFirstMenuIfNeeded(); return; }
+            const action = document.querySelector('#actionSelect').value;
+            const kw = document.querySelector('#keyword').value.trim().toLowerCase();
+
+            const rowsAllow=[], rowsDeny=[], rowsWhy=[];
+            USERS.forEach(u=>{
+                const name = `${u.name}(${u.uid})`;
+                if (kw && !name.toLowerCase().includes(kw)) return;
+
+                const dept = (DEPARTMENTS.find(d=>d.id===u.dept_id)||{}).name || '-';
+                const roleNames = u.role_ids.map(id => (ROLES.find(r=>r.id===id)||{}).name).filter(Boolean).join(', ') || '-';
+                const mode = USER_MODE[u.id] || 'INHERIT';
+
+                const deptOk = hasDeptAllow(u.id, selectedMenuCode, action);
+                const roleOk = hasRoleAllow(u.id, selectedMenuCode, action);
+                const userOk = hasUserAllow(u.id, selectedMenuCode, action);
+                const uDeny  = hasUserDeny(u.id, selectedMenuCode);
+
+                const eff = effective(u.id, selectedMenuCode, action);
+
+                const modeBadge = mode==='INHERIT' ? '<span class="badge badge-inherit">INHERIT</span>' :
+                    mode==='ALLOW'   ? '<span class="badge badge-allow">ALLOW</span>' :
+                        '<span class="badge badge-deny">DENY</span>';
+
+                const finalBadge = eff.allow ? '<span class="badge bg-primary">ALLOW</span>' :
+                    '<span class="badge bg-danger">DENY</span>';
+
+                // WHY 표
+                rowsWhy.push(`<tr>
+      <td>${name}</td>
+      <td>${deptOk?'Y':''}</td>
+      <td>${roleOk?'Y':''}</td>
+      <td>${userOk?'Y':''}</td>
+      <td>${uDeny?'Y':''}</td>
+      <td>${eff.allow? 'ALLOW':'DENY'}</td>
+    </tr>`);
+
+                if (eff.allow){
+                    rowsAllow.push(`<tr>
+        <td>${name}</td><td>${dept}</td><td>${roleNames}</td><td>${modeBadge}</td><td>${finalBadge}</td>
+      </tr>`);
+                } else {
+                    const reason = uDeny ? '개인 DENY' : '권한 없음';
+                    rowsDeny.push(`<tr>
+        <td>${name}</td><td>${dept}</td><td>${roleNames}</td><td>${modeBadge}</td><td>${reason}</td>
+      </tr>`);
+                }
+            });
+
+            document.querySelector('#tblAllow tbody').innerHTML = rowsAllow.join('') || `<tr><td colspan="5" class="text-center text-muted">해당 없음</td></tr>`;
+            document.querySelector('#tblDeny  tbody').innerHTML = rowsDeny.join('')  || `<tr><td colspan="5" class="text-center text-muted">해당 없음</td></tr>`;
+            document.querySelector('#tblWhy   tbody').innerHTML = rowsWhy.join('')   || `<tr><td colspan="6" class="text-center text-muted">해당 없음</td></tr>`;
+        }
+
+        // 액션/검색/재계산
+        document.querySelector('#actionSelect').addEventListener('change', runAnalyze);
+        document.querySelector('#keyword').addEventListener('keyup', (e)=>{ if(e.key==='Enter') runAnalyze(); });
+        document.querySelector('#btnRecalc').addEventListener('click', runAnalyze);
+
+        // CSV 내보내기(접근 가능 탭 기준 + WHY 탭 함께)
+        document.querySelector('#btnExport').addEventListener('click', ()=>{
+            const rows = [['tab','user','dept','roles','mode','final','dept_allow','role_allow','user_allow','user_deny']];
+            USERS.forEach(u=>{
+                const dept = (DEPARTMENTS.find(d=>d.id===u.dept_id)||{}).name || '-';
+                const roleNames = u.role_ids.map(id => (ROLES.find(r=>r.id===id)||{}).name).filter(Boolean).join('|') || '-';
+                const mode = USER_MODE[u.id] || 'INHERIT';
+                const a = document.querySelector('#actionSelect').value;
+                const code = selectedMenuCode || '';
+                const deptOk = hasDeptAllow(u.id, code, a);
+                const roleOk = hasRoleAllow(u.id, code, a);
+                const userOk = hasUserAllow(u.id, code, a);
+                const uDeny  = hasUserDeny(u.id, code);
+                const eff = effective(u.id, code, a);
+                rows.push(['result', `${u.name}(${u.uid})`, dept, roleNames, mode, eff.allow?'ALLOW':'DENY', deptOk?'Y':'', roleOk?'Y':'', userOk?'Y':'', uDeny?'Y':'']);
+            });
+            const csv = rows.map(r=> r.map(x=> `"${String(x).replace(/"/g,'""')}"`).join(',')).join('\n');
+            const blob = new Blob([csv], {type:'text/csv;charset=utf-8;'});
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement('a'); a.href = url; a.download = 'permission_analysis.csv'; a.click();
+            URL.revokeObjectURL(url);
+        });
+
+        // 최초 선택/분석
+        selectFirstMenuIfNeeded();
+
+        // ---------- 사용자 역추적 ----------
+        function traceEffectiveForUser(userId, code, action){
+            // anlyze 탭에서 쓰던 로직 재사용
+            const deptOk = hasDeptAllow(userId, code, action);
+            const roleOk = hasRoleAllow(userId, code, action);
+            const userOk = hasUserAllow(userId, code, action);
+            const uDeny  = hasUserDeny(userId, code);
+            const allow  = !uDeny && (deptOk || roleOk || userOk);
+            return {allow, deptOk, roleOk, userOk, uDeny};
+        }
+
+        function renderUserTrace(){
+            const userId = parseInt(document.getElementById('userTraceSelect').value,10);
+            const action = document.getElementById('userTraceAction').value;
+            const onlyAllow = document.getElementById('onlyAllow').checked;
+
+            const rows = [];
+            // PermissionMenu.activeCodes() 순회해서 메뉴별 결과 뽑기
+            const { maps } = PermissionMenu;
+            const codes = PermissionMenu.activeCodes();
+            const { byCode } = maps();
+
+            codes.forEach(code=>{
+                const node = byCode[code];
+                if (!node) return;
+                const r = traceEffectiveForUser(userId, code, action);
+                if (onlyAllow && !r.allow) return;
+
+                const finalBadge = r.allow ? '<span class="badge bg-primary">ALLOW</span>'
+                    : '<span class="badge bg-danger">DENY</span>';
+                rows.push(`
+      <tr>
+        <td><span class="menu-name">${node.title}</span>
+            ${node.source==='workflow' ? '<span class="badge bg-warning text-dark ms-1">workflow</span>':''}
+            ${node.source==='board' ? '<span class="badge bg-success ms-1">board</span>':''}
+            ${node.path? `<span class="menu-url ms-2 text-muted">${node.path}</span>`:''}
+        </td>
+        <td class="text-muted">${node.code}</td>
+        <td class="text-center">${finalBadge}</td>
+        <td class="text-center">${r.deptOk?'Y':''}</td>
+        <td class="text-center">${r.roleOk?'Y':''}</td>
+        <td class="text-center">${r.userOk?'Y':''}</td>
+        <td class="text-center">${r.uDeny?'Y':''}</td>
+      </tr>
+    `);
+            });
+
+            const tbody = document.querySelector('#tblUserTrace tbody');
+            tbody.innerHTML = rows.join('') || `<tr><td colspan="7" class="text-center text-muted">해당 없음</td></tr>`;
+        }
+
+        // 이벤트 바인딩
+        ['userTraceSelect','userTraceAction','onlyAllow'].forEach(id=>{
+            const el = document.getElementById(id);
+            if (el) el.addEventListener('change', renderUserTrace);
+        });
+
+        // CSV 내보내기
+        document.getElementById('btnTraceExport').addEventListener('click', ()=>{
+            const userId = parseInt(document.getElementById('userTraceSelect').value,10);
+            const action = document.getElementById('userTraceAction').value;
+
+            const user = USERS.find(u=>u.id===userId);
+            const rows = [['menu','code','final','dept','role','user_allow','user_deny','action',`user:${user?.name||''}(${user?.uid||''})`]];
+
+            const { maps } = PermissionMenu; const { byCode } = maps();
+            PermissionMenu.activeCodes().forEach(code=>{
+                const node = byCode[code]; if (!node) return;
+                const r = traceEffectiveForUser(userId, code, action);
+                rows.push([
+                    node.title, code, r.allow?'ALLOW':'DENY',
+                    r.deptOk?'Y':'', r.roleOk?'Y':'', r.userOk?'Y':'', r.uDeny?'Y':'', action
+                ]);
+            });
+
+            const csv = rows.map(r=> r.map(x=>`"${String(x).replace(/"/g,'""')}"`).join(',')).join('\n');
+            const blob = new Blob([csv], {type:'text/csv;charset=utf-8;'});
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement('a'); a.href = url; a.download = 'user_trace.csv'; a.click();
+            URL.revokeObjectURL(url);
+        });
+
+        // 처음 들어오면 한 번 렌더
+        renderUserTrace();
+
+
+        // 좌측 트리에 허용 하이라이트 적용
+        function updateMenuHighlight() {
+            const chk = document.getElementById('highlightAllowed');
+            const userSel = document.getElementById('userTraceSelect');
+            const actSel  = document.getElementById('userTraceAction');
+            if (!chk || !userSel || !actSel) return;
+
+            const on = chk.checked;
+            const userId = parseInt(userSel.value, 10);
+            const action = actSel.value;
+
+            document.querySelectorAll('#menuTable tbody tr').forEach(tr=>{
+                tr.classList.remove('allow-row','deny-dim');
+                if (!on) return; // 꺼져 있으면 리셋만
+
+                const code = tr.dataset.code;
+                // analyze 탭에서 쓰던 판단식 재사용
+                const r = effective(userId, code, action); // {allow:boolean}
+                if (r.allow) tr.classList.add('allow-row');
+                else tr.classList.add('deny-dim');
+            });
+        }
+
+        // 탭/선택 변경 시 갱신
+        ['highlightAllowed','userTraceSelect','userTraceAction'].forEach(id=>{
+            const el = document.getElementById(id);
+            if (el) el.addEventListener('change', updateMenuHighlight);
+        });
+
+        // 최초 렌더/재렌더 후에도 호출
+        document.addEventListener('DOMContentLoaded', updateMenuHighlight);
+
+        // 좌측 메뉴 다시 그릴 때도 호출 (이미 있는 렌더 뒤쪽에 한 줄만 추가)
+        const _origRenderMenuList = renderMenuList;
+        renderMenuList = function() {
+            _origRenderMenuList();
+            updateMenuHighlight();
+        };
+
+        // 사용자 역추적 테이블 재계산 후에도 한 번 더 (이미 만든 함수 끝에 한 줄 추가)
+        const _origRenderUserTrace = renderUserTrace;
+        renderUserTrace = function() {
+            _origRenderUserTrace();
+            updateMenuHighlight();
+        };
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/permission/approver.php b/public/tenant/permission/approver.php
new file mode 100644
index 0000000..6205f6e
--- /dev/null
+++ b/public/tenant/permission/approver.php
@@ -0,0 +1,70 @@
+<?php $CURRENT_SECTION='permission'; include '../inc/header.php'; ?>
+
+    <div class="container" style="max-width:1100px; margin-top:24px;">
+        <div class="card shadow-sm">
+            <div class="card-header d-flex justify-content-between">
+                <strong>결제(결재) 권자 설정</strong>
+                <button class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#ruleModal">규칙 추가</button>
+            </div>
+            <div class="card-body">
+                <table class="table table-hover">
+                    <thead class="table-light">
+                    <tr><th>규칙명</th><th>금액 구간</th><th>구성원</th><th style="width:140px;">관리</th></tr>
+                    </thead>
+                    <tbody>
+                    <tr>
+                        <td>일반 결재</td>
+                        <td>0 ~ 1,000만원</td>
+                        <td><span class="badge bg-secondary">개발팀</span> <span class="badge bg-info text-dark">일반관리자</span> <span class="badge bg-dark">kevin</span></td>
+                        <td><button class="btn btn-sm btn-outline-secondary">편집</button> <button class="btn btn-sm btn-outline-danger">삭제</button></td>
+                    </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+
+    <!-- 규칙 추가 모달 -->
+    <div class="modal fade" id="ruleModal" tabindex="-1" aria-hidden="true">
+        <div class="modal-dialog modal-lg"><div class="modal-content">
+                <div class="modal-header"><h5 class="modal-title">결제 규칙 추가</h5><button class="btn-close" data-bs-dismiss="modal"></button></div>
+                <div class="modal-body">
+                    <div class="row g-3">
+                        <div class="col-md-6"><label class="form-label">규칙명</label><input class="form-control" id="ruleName"></div>
+                        <div class="col-md-3"><label class="form-label">최소금액</label><input class="form-control" id="minAmt" placeholder="원"></div>
+                        <div class="col-md-3"><label class="form-label">최대금액</label><input class="form-control" id="maxAmt" placeholder="원"></div>
+                        <div class="col-12">
+                            <label class="form-label">구성원 추가</label>
+                            <div class="d-flex gap-2">
+                                <select class="form-select" id="memberType" style="max-width:160px;">
+                                    <option value="department">부서</option>
+                                    <option value="role">역할</option>
+                                    <option value="user">개인</option>
+                                </select>
+                                <input class="form-control" id="memberKeyword" placeholder="이름/코드 검색">
+                                <button class="btn btn-outline-secondary" id="btnFindMember">검색</button>
+                                <button class="btn btn-outline-primary" id="btnAddMember">추가</button>
+                            </div>
+                            <div class="mt-2" id="memberChips"></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
+                    <button class="btn btn-primary" id="btnSaveRule">저장</button>
+                </div>
+            </div></div>
+    </div>
+
+    <script>
+        $(function(){
+            $('#btnSaveRule').on('click', ()=>{ alert('저장(샘플) — /api/permission/approval_rule_save.php'); $('#ruleModal').modal('hide'); });
+            $('#btnAddMember').on('click', ()=>{
+                const type = $('#memberType').val();
+                const kw = $('#memberKeyword').val().trim() || (type==='department'?'개발팀': type==='role'?'일반관리자':'kevin');
+                $('#memberChips').append(`<span class="badge bg-secondary me-1">${type}:${kw}</span>`);
+            });
+        });
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/permission/audit.php b/public/tenant/permission/audit.php
new file mode 100644
index 0000000..6758cfe
--- /dev/null
+++ b/public/tenant/permission/audit.php
@@ -0,0 +1,52 @@
+<?php $CURRENT_SECTION='permission'; include '../inc/header.php'; ?>
+
+    <div class="container" style="max-width:1100px; margin-top:24px;">
+        <div class="card shadow-sm">
+            <div class="card-header"><strong>권한 분석</strong></div>
+            <div class="card-body">
+                <ul class="nav nav-tabs" id="auditTabs" role="tablist">
+                    <li class="nav-item" role="presentation">
+                        <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#byMenu" type="button" role="tab">메뉴 기준</button>
+                    </li>
+                    <li class="nav-item" role="presentation">
+                        <button class="nav-link" data-bs-toggle="tab" data-bs-target="#byUser" type="button" role="tab">사용자 기준</button>
+                    </li>
+                </ul>
+                <div class="tab-content border border-top-0 p-3">
+                    <div class="tab-pane fade show active" id="byMenu" role="tabpanel">
+                        <div class="d-flex gap-2 mb-2">
+                            <select class="form-select" style="max-width:360px;">
+                                <option>수주 / 수주관리</option>
+                                <option>생산 / 작업지시</option>
+                            </select>
+                            <button class="btn btn-primary">조회</button>
+                        </div>
+                        <table class="table table-sm">
+                            <thead class="table-light">
+                            <tr><th>유저</th><th>부서</th><th>역할</th><th>최종 읽기</th><th>최종 쓰기</th><th>DENY 여부</th></tr>
+                            </thead>
+                            <tbody>
+                            <tr><td>권혁성</td><td>개발팀</td><td>일반관리자</td><td>○</td><td>×</td><td>-</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <div class="tab-pane fade" id="byUser" role="tabpanel">
+                        <div class="d-flex gap-2 mb-2">
+                            <input class="form-control" placeholder="이름/아이디">
+                            <button class="btn btn-primary">조회</button>
+                        </div>
+                        <table class="table table-sm">
+                            <thead class="table-light">
+                            <tr><th>메뉴</th><th>최종 읽기</th><th>최종 쓰기</th><th>DENY 여부</th></tr>
+                            </thead>
+                            <tbody>
+                            <tr><td>수주 / 수주관리</td><td>○</td><td>×</td><td>-</td></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/permission/department.php b/public/tenant/permission/department.php
new file mode 100644
index 0000000..3c8f11f
--- /dev/null
+++ b/public/tenant/permission/department.php
@@ -0,0 +1,253 @@
+<?php
+// 부서 권한 설정 (트리형) — 메뉴관리에서 활성화된 메뉴만 대상
+$CURRENT_SECTION='permission';
+include '../inc/header.php';
+?>
+
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+        <div class="card shadow-sm">
+            <div class="card-header d-flex flex-wrap gap-2 align-items-center">
+                <strong>부서 권한 설정 (트리)</strong>
+                <select class="form-select form-select-sm" id="deptSelect" style="width:240px;">
+                    <option value="1">경영지원팀</option>
+                    <option value="2">영업팀</option>
+                    <option value="3" selected>개발팀</option>
+                </select>
+                <div class="ms-auto d-flex flex-wrap gap-2">
+                    <button class="btn btn-sm btn-outline-primary" id="btnAllAllow">전체 허용</button>
+                    <button class="btn btn-sm btn-outline-danger" id="btnAllDeny">전체 금지</button>
+                    <button class="btn btn-sm btn-outline-secondary" id="btnClear">초기화</button>
+                    <button class="btn btn-sm btn-primary" id="btnSave">저장</button>
+                </div>
+            </div>
+
+            <div class="card-body">
+                <div class="d-flex flex-wrap gap-2 mb-2">
+                    <div class="input-group" style="max-width:420px;">
+                        <input type="text" class="form-control" id="searchInput" placeholder="메뉴명/코드 검색">
+                        <button class="btn btn-outline-secondary" id="btnSearch">검색</button>
+                        <button class="btn btn-outline-secondary" id="btnResetSearch">초기화</button>
+                    </div>
+                    <div class="small text-muted ms-auto">
+                        * 부모 설정은 하위로 전파됩니다. 자식이 섞이면 부모 칸은 흐릿 표시됩니다.
+                    </div>
+                </div>
+
+                <div class="table-responsive" style="max-height:64vh; overflow:auto;">
+                    <table class="table table-sm align-middle" id="permTable">
+                        <thead class="table-light">
+                        <tr>
+                            <th style="width:320px;">메뉴</th>
+                            <th class="text-center" style="width:90px;">
+                                읽기<br><input type="checkbox" id="hdr_read">
+                            </th>
+                            <th class="text-center" style="width:90px;">
+                                쓰기<br><input type="checkbox" id="hdr_create">
+                            </th>
+                            <th class="text-center" style="width:90px;">
+                                수정<br><input type="checkbox" id="hdr_update">
+                            </th>
+                            <th class="text-center" style="width:90px;">
+                                삭제<br><input type="checkbox" id="hdr_delete">
+                            </th>
+                            <th class="text-center" style="width:90px;">
+                                결재<br><input type="checkbox" id="hdr_approve">
+                            </th>
+                        </tr>
+                        </thead>
+                        <tbody><!-- PermissionMenu가 렌더 --></tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <style>
+        /* 메뉴관리 페이지와 동일한 크기/톤 */
+        .menu-name { font-size:14px; font-weight:500; }
+        .menu-url  { color:#6c757d; font-size:12px;}
+        .indent    { font-family: ui-monospace, Menlo, Consolas, monospace; color:#6c757d; }
+    </style>
+
+    <!-- 공통 트리 모듈 로드 -->
+    <script src="/tenant/assets/js/permission_menu.js"></script>
+
+    <script>
+        // ====== 샘플 데이터(실전에서는 AJAX 로드하세요) ======
+        const MENU_DATA = [
+            {id:1,  parent_id:null, title:'대시보드', code:'dashboard', path:'/tenant/member/dashboard.php', source:'system'},
+            {id:2,  parent_id:null, title:'수주',     code:'order',     path:null,                                   source:'system'},
+            {id:21, parent_id:2,    title:'수주 관리',   code:'order.manage', path:'/tenant/order/manage.php',       source:'system'},
+            {id:22, parent_id:2,    title:'수주 등록/수정', code:'order.edit', path:'/tenant/order/edit.php',       source:'system'},
+
+            {id:3,  parent_id:null, title:'생산',     code:'production', path:null,                                  source:'system'},
+            {id:31, parent_id:3,    title:'작업 지시',   code:'production.wi',     path:'/tenant/production/work_instruction.php', source:'workflow'},
+            {id:32, parent_id:3,    title:'스크린 작업', code:'production.screen', path:'/tenant/production/screen_work.php',      source:'workflow'},
+
+            {id:4,  parent_id:null, title:'자재',     code:'material',   path:null,                                   source:'system'},
+            {id:41, parent_id:4,    title:'수입 검사 대장', code:'material.insp', path:'/tenant/material/inspection_list.php',     source:'workflow'},
+
+            {id:5,  parent_id:null, title:'게시판',   code:'board',      path:null,                                   source:'system'},
+            {id:51, parent_id:5,    title:'공지사항', code:'board.notice', path:'/tenant/board/notice_list.php',     source:'board'},
+            {id:52, parent_id:5,    title:'Q&A',     code:'board.qna',    path:'/tenant/board/qna_list.php',         source:'board'},
+        ];
+
+        // 테넌트에서 “메뉴 사용 설정”으로 켜둔 메뉴만 권한 대상
+        const TENANT_USE = {
+            'dashboard': true,
+            'order': true, 'order.manage': true, 'order.edit': false,
+            'production': true, 'production.wi': true, 'production.screen': true,
+            'material': true, 'material.insp': false,
+            'board': true, 'board.notice': true, 'board.qna': false
+        };
+
+        // 현재 선택 부서의 권한 상태 (페이지 state)
+        // 실제 구현: deptSelect 변경 시 AJAX 로드해서 채워넣기
+        const DEPT_PERMS = {}; // code: {read,create,update,delete,approve}
+
+        // 공통 트리 데이터 주입
+        PermissionMenu.setData(MENU_DATA, TENANT_USE);
+
+        // 행 렌더
+        function renderRows(){
+            const rows = PermissionMenu.buildRows((node, depth) => {
+                const p = (DEPT_PERMS[node.code] ||= {read:false,create:false,update:false,delete:false,approve:false});
+                return ['read','create','update','delete','approve'].map(perm =>
+                    `<td class="text-center">
+         <input type="checkbox" class="perm" data-perm="${perm}" ${p[perm]?'checked':''}>
+       </td>`
+                ).join('');
+            });
+            document.querySelector('#permTable tbody').innerHTML = rows;
+            applyIndeterminate();
+        }
+
+        // 전파/요약
+        function setChildrenPerm(code, perm, on){
+            PermissionMenu.childrenOf(code).forEach(ch=>{
+                (DEPT_PERMS[ch.code] ||= {read:false,create:false,update:false,delete:false,approve:false});
+                DEPT_PERMS[ch.code][perm] = on;
+                setChildrenPerm(ch.code, perm, on);
+            });
+        }
+        function updateParentPerms(code, perm){
+            const parent = PermissionMenu.parentOf(code);
+            if (!parent) return;
+            const kids = PermissionMenu.childrenOf(parent.code);
+            const states = kids.map(k => !!(DEPT_PERMS[k.code] && DEPT_PERMS[k.code][perm]));
+            const allOn  = states.every(Boolean);
+            const allOff = states.every(s=>!s);
+            (DEPT_PERMS[parent.code] ||= {read:false,create:false,update:false,delete:false,approve:false});
+            DEPT_PERMS[parent.code][perm] = allOn ? true : (allOff ? false : true);
+            updateParentPerms(parent.code, perm);
+        }
+        function applyIndeterminate(){
+            // 행별 indeterminate
+            document.querySelectorAll('#permTable tbody tr').forEach(tr=>{
+                const code = tr.dataset.code;
+                const kids = PermissionMenu.childrenOf(code);
+                tr.querySelectorAll('input.perm').forEach(chk=>{
+                    chk.indeterminate = false;
+                    if (kids.length){
+                        const perm = chk.dataset.perm;
+                        const onCnt = kids.filter(k => !!(DEPT_PERMS[k.code] && DEPT_PERMS[k.code][perm])).length;
+                        if (onCnt>0 && onCnt<kids.length) chk.indeterminate = true;
+                    }
+                });
+            });
+            // 헤더 요약
+            ['read','create','update','delete','approve'].forEach(perm=>{
+                const hdr = document.querySelector('#hdr_'+perm);
+                if(!hdr) return;
+                const codes = PermissionMenu.activeCodes();
+                const vals = codes.map(code => !!(DEPT_PERMS[code] && DEPT_PERMS[code][perm]));
+                const onCnt = vals.filter(Boolean).length;
+                hdr.indeterminate = (onCnt>0 && onCnt<vals.length);
+                hdr.checked = (onCnt===vals.length);
+            });
+        }
+
+        // 이벤트
+        document.addEventListener('change', e=>{
+            const el = e.target;
+            if (!el.classList.contains('perm')) return;
+            const tr = el.closest('tr');
+            const code = tr.dataset.code;
+            const perm = el.dataset.perm;
+            (DEPT_PERMS[code] ||= {read:false,create:false,update:false,delete:false,approve:false});
+            DEPT_PERMS[code][perm] = el.checked;
+            setChildrenPerm(code, perm, el.checked);
+            updateParentPerms(code, perm);
+            renderRows();
+        });
+
+        // 헤더 전체 허용/금지(권한별)
+        ['read','create','update','delete','approve'].forEach(perm=>{
+            const hdr = document.querySelector('#hdr_'+perm);
+            if (!hdr) return;
+            hdr.addEventListener('change', ()=>{
+                PermissionMenu.activeCodes().forEach(code=>{
+                    (DEPT_PERMS[code] ||= {read:false,create:false,update:false,delete:false,approve:false});
+                    DEPT_PERMS[code][perm] = hdr.checked;
+                });
+                renderRows();
+            });
+        });
+
+        // 검색
+        document.querySelector('#btnSearch').addEventListener('click', ()=>{
+            const q = document.querySelector('#searchInput').value.trim().toLowerCase();
+            document.querySelectorAll('#permTable tbody tr').forEach(tr=>{
+                const name = tr.querySelector('td:first-child').innerText.toLowerCase();
+                const code = tr.dataset.code.toLowerCase();
+                tr.style.display = (q==='' || name.includes(q) || code.includes(q)) ? '' : 'none';
+            });
+        });
+        document.querySelector('#btnResetSearch').addEventListener('click', ()=>{
+            document.querySelector('#searchInput').value='';
+            document.querySelectorAll('#permTable tbody tr').forEach(tr=> tr.style.display='');
+        });
+
+        // 전체 허용/금지/초기화
+        document.querySelector('#btnAllAllow').addEventListener('click', ()=>{
+            PermissionMenu.activeCodes().forEach(code=>{
+                DEPT_PERMS[code] = {read:true,create:true,update:true,delete:true,approve:true};
+            });
+            renderRows();
+        });
+        document.querySelector('#btnAllDeny').addEventListener('click', ()=>{
+            PermissionMenu.activeCodes().forEach(code=>{
+                DEPT_PERMS[code] = {read:false,create:false,update:false,delete:false,approve:false};
+            });
+            renderRows();
+        });
+        document.querySelector('#btnClear').addEventListener('click', ()=>{
+            PermissionMenu.activeCodes().forEach(code=>{
+                DEPT_PERMS[code] = {read:false,create:false,update:false,delete:false,approve:false};
+            });
+            renderRows();
+        });
+
+        // 부서 변경 → 서버에서 권한 로드 (샘플)
+        document.querySelector('#deptSelect').addEventListener('change', function(){
+            const id = this.value;
+            alert('부서 권한 로드(샘플): GET /api/permission/department_get.php?dept_id='+id);
+            // 실제: AJAX로 DEPT_PERMS 갱신 후 renderRows();
+        });
+
+        // 저장
+        document.querySelector('#btnSave').addEventListener('click', ()=>{
+            const deptId = document.querySelector('#deptSelect').value;
+            const payload = {};
+            PermissionMenu.activeCodes().forEach(code=>{
+                payload[code] = DEPT_PERMS[code] || {read:false,create:false,update:false,delete:false,approve:false};
+            });
+            console.log('SAVE department permissions', {deptId, perms: payload});
+            alert('저장(샘플): POST /api/permission/department_save.php');
+            // $.post('/api/permission/department_save.php', { dept_id:deptId, data: JSON.stringify(payload) })
+        });
+
+        renderRows();
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/permission/role.php b/public/tenant/permission/role.php
new file mode 100644
index 0000000..c87f13d
--- /dev/null
+++ b/public/tenant/permission/role.php
@@ -0,0 +1,189 @@
+<?php
+// 역할 권한 설정 (트리형)
+$CURRENT_SECTION='permission';
+include '../inc/header.php';
+?>
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+        <div class="card shadow-sm">
+            <div class="card-header d-flex flex-wrap gap-2 align-items-center">
+                <strong>역할 권한 설정 (트리)</strong>
+                <select class="form-select form-select-sm" id="roleSelect" style="width:240px;">
+                    <option value="1">최고관리자</option>
+                    <option value="2">일반관리자</option>
+                    <option value="3" selected>일반직원</option>
+                </select>
+                <div class="ms-auto d-flex flex-wrap gap-2">
+                    <button class="btn btn-sm btn-outline-primary" id="btnAllAllow">전체 허용</button>
+                    <button class="btn btn-sm btn-outline-danger" id="btnAllDeny">전체 금지</button>
+                    <button class="btn btn-sm btn-outline-secondary" id="btnClear">초기화</button>
+                    <button class="btn btn-sm btn-primary" id="btnSave">저장</button>
+                </div>
+            </div>
+
+            <div class="card-body">
+                <div class="d-flex flex-wrap gap-2 mb-2">
+                    <div class="input-group" style="max-width:420px;">
+                        <input type="text" class="form-control" id="searchInput" placeholder="메뉴명/코드 검색">
+                        <button class="btn btn-outline-secondary" id="btnSearch">검색</button>
+                        <button class="btn btn-outline-secondary" id="btnResetSearch">초기화</button>
+                    </div>
+                    <div class="small text-muted ms-auto">
+                        * 부모 설정은 하위로 전파됩니다. 자식이 섞이면 부모 칸은 흐릿 표시됩니다.
+                    </div>
+                </div>
+
+                <div class="table-responsive" style="max-height:64vh; overflow:auto;">
+                    <table class="table table-sm align-middle" id="permTable">
+                        <thead class="table-light">
+                        <tr>
+                            <th style="width:320px;">메뉴</th>
+                            <th class="text-center" style="width:90px;">읽기<br><input type="checkbox" id="hdr_read"></th>
+                            <th class="text-center" style="width:90px;">쓰기<br><input type="checkbox" id="hdr_create"></th>
+                            <th class="text-center" style="width:90px;">수정<br><input type="checkbox" id="hdr_update"></th>
+                            <th class="text-center" style="width:90px;">삭제<br><input type="checkbox" id="hdr_delete"></th>
+                            <th class="text-center" style="width:90px;">결재<br><input type="checkbox" id="hdr_approve"></th>
+                        </tr>
+                        </thead>
+                        <tbody><!-- rows --></tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <style>
+        .menu-name { font-size:14px; font-weight:500; }
+        .menu-url  { color:#6c757d; font-size:12px;}
+        .indent    { font-family: ui-monospace, Menlo, Consolas, monospace; color:#6c757d; }
+    </style>
+
+    <script src="/tenant/assets/js/permission_menu.js"></script>
+    <script>
+        // ===== 샘플 데이터 (실전: AJAX) =====
+        const MENU_DATA = [
+            {id:1,parent_id:null,title:'대시보드',code:'dashboard',path:'/tenant/member/dashboard.php',source:'system'},
+            {id:2,parent_id:null,title:'수주',code:'order',path:null,source:'system'},
+            {id:21,parent_id:2,title:'수주 관리',code:'order.manage',path:'/tenant/order/manage.php',source:'system'},
+            {id:22,parent_id:2,title:'수주 등록/수정',code:'order.edit',path:'/tenant/order/edit.php',source:'system'},
+            {id:3,parent_id:null,title:'생산',code:'production',path:null,source:'system'},
+            {id:31,parent_id:3,title:'작업 지시',code:'production.wi',path:'/tenant/production/work_instruction.php',source:'workflow'},
+            {id:32,parent_id:3,title:'스크린 작업',code:'production.screen',path:'/tenant/production/screen_work.php',source:'workflow'},
+            {id:5,parent_id:null,title:'게시판',code:'board',path:null,source:'system'},
+            {id:51,parent_id:5,title:'공지사항',code:'board.notice',path:'/tenant/board/notice_list.php',source:'board'},
+        ];
+        const TENANT_USE = {dashboard:true, order:true,'order.manage':true,'order.edit':false,
+            production:true,'production.wi':true,'production.screen':true,
+            board:true,'board.notice':true};
+
+        // 역할 권한 상태
+        const ROLE_PERMS = {}; // code: {read,create,update,delete,approve}
+
+        PermissionMenu.setData(MENU_DATA, TENANT_USE);
+
+        function renderRows(){
+            const rows = PermissionMenu.buildRows((node) => {
+                const p = (ROLE_PERMS[node.code] ||= {read:false,create:false,update:false,delete:false,approve:false});
+                return ['read','create','update','delete','approve'].map(perm =>
+                    `<td class="text-center"><input type="checkbox" class="perm" data-perm="${perm}" ${p[perm]?'checked':''}></td>`
+                ).join('');
+            });
+            document.querySelector('#permTable tbody').innerHTML = rows;
+            applyIndeterminate();
+        }
+
+        function setChildrenPerm(code, perm, on){
+            PermissionMenu.childrenOf(code).forEach(ch=>{
+                (ROLE_PERMS[ch.code] ||= {read:false,create:false,update:false,delete:false,approve:false});
+                ROLE_PERMS[ch.code][perm] = on;
+                setChildrenPerm(ch.code, perm, on);
+            });
+        }
+        function updateParentPerms(code, perm){
+            const parent = PermissionMenu.parentOf(code);
+            if (!parent) return;
+            const kids = PermissionMenu.childrenOf(parent.code);
+            const states = kids.map(k => !!(ROLE_PERMS[k.code] && ROLE_PERMS[k.code][perm]));
+            const allOn = states.every(Boolean), allOff = states.every(s=>!s);
+            (ROLE_PERMS[parent.code] ||= {read:false,create:false,update:false,delete:false,approve:false});
+            ROLE_PERMS[parent.code][perm] = allOn ? true : (allOff ? false : true);
+            updateParentPerms(parent.code, perm);
+        }
+        function applyIndeterminate(){
+            document.querySelectorAll('#permTable tbody tr').forEach(tr=>{
+                const code = tr.dataset.code, kids = PermissionMenu.childrenOf(code);
+                tr.querySelectorAll('input.perm').forEach(chk=>{
+                    chk.indeterminate = false;
+                    if (kids.length){
+                        const perm = chk.dataset.perm;
+                        const onCnt = kids.filter(k => !!(ROLE_PERMS[k.code] && ROLE_PERMS[k.code][perm])).length;
+                        if (onCnt>0 && onCnt<kids.length) chk.indeterminate = true;
+                    }
+                });
+            });
+            ['read','create','update','delete','approve'].forEach(perm=>{
+                const hdr = document.querySelector('#hdr_'+perm);
+                if(!hdr) return;
+                const codes = PermissionMenu.activeCodes();
+                const vals = codes.map(code => !!(ROLE_PERMS[code] && ROLE_PERMS[code][perm]));
+                const onCnt = vals.filter(Boolean).length;
+                hdr.indeterminate = (onCnt>0 && onCnt<vals.length);
+                hdr.checked = (onCnt===vals.length);
+            });
+        }
+
+        // events
+        document.addEventListener('change', e=>{
+            if (!e.target.classList.contains('perm')) return;
+            const tr = e.target.closest('tr'); const code = tr.dataset.code; const perm = e.target.dataset.perm;
+            (ROLE_PERMS[code] ||= {read:false,create:false,update:false,delete:false,approve:false});
+            ROLE_PERMS[code][perm] = e.target.checked;
+            setChildrenPerm(code, perm, e.target.checked);
+            updateParentPerms(code, perm);
+            renderRows();
+        });
+        ['read','create','update','delete','approve'].forEach(perm=>{
+            const hdr = document.querySelector('#hdr_'+perm);
+            if(!hdr) return;
+            hdr.addEventListener('change', ()=>{
+                PermissionMenu.activeCodes().forEach(code=>{
+                    (ROLE_PERMS[code] ||= {read:false,create:false,update:false,delete:false,approve:false});
+                    ROLE_PERMS[code][perm] = hdr.checked;
+                });
+                renderRows();
+            });
+        });
+        // 검색/초기화
+        document.querySelector('#btnSearch').addEventListener('click', ()=>{
+            const q = document.querySelector('#searchInput').value.trim().toLowerCase();
+            document.querySelectorAll('#permTable tbody tr').forEach(tr=>{
+                const name = tr.querySelector('td:first-child').innerText.toLowerCase();
+                const code = tr.dataset.code.toLowerCase();
+                tr.style.display = (q==='' || name.includes(q) || code.includes(q)) ? '' : 'none';
+            });
+        });
+        document.querySelector('#btnResetSearch').addEventListener('click', ()=>{
+            document.querySelector('#searchInput').value=''; document.querySelectorAll('#permTable tbody tr').forEach(tr=> tr.style.display='');
+        });
+        // 일괄 버튼
+        document.querySelector('#btnAllAllow').addEventListener('click', ()=>{
+            PermissionMenu.activeCodes().forEach(code=>{ ROLE_PERMS[code]={read:true,create:true,update:true,delete:true,approve:true}; });
+            renderRows();
+        });
+        document.querySelector('#btnAllDeny').addEventListener('click', ()=>{
+            PermissionMenu.activeCodes().forEach(code=>{ ROLE_PERMS[code]={read:false,create:false,update:false,delete:false,approve:false}; });
+            renderRows();
+        });
+        document.querySelector('#btnClear').addEventListener('click', ()=>{
+            PermissionMenu.activeCodes().forEach(code=>{ ROLE_PERMS[code]={read:false,create:false,update:false,delete:false,approve:false}; });
+            renderRows();
+        });
+        // 역할 변경(샘플)
+        document.querySelector('#roleSelect').addEventListener('change', function(){
+            alert('역할 권한 로드(샘플): GET /api/permission/role_get.php?role_id='+this.value);
+            // 실제 구현: ROLE_PERMS 갱신 → renderRows();
+        });
+
+        renderRows();
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/permission/structure.php b/public/tenant/permission/structure.php
new file mode 100644
index 0000000..28b8a2a
--- /dev/null
+++ b/public/tenant/permission/structure.php
@@ -0,0 +1,113 @@
+<?php $CURRENT_SECTION='permission'; include '../inc/header.php'; ?>
+
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+        <div class="row g-3">
+            <div class="col-md-4">
+                <div class="card shadow-sm">
+                    <div class="card-header">메뉴 트리</div>
+                    <div class="card-body" style="max-height:60vh; overflow:auto;">
+                        <div class="mb-2 d-flex gap-2">
+                            <input type="text" class="form-control" id="menuSearch" placeholder="메뉴명/코드 검색">
+                            <button class="btn btn-outline-secondary" id="btnMenuSearch">검색</button>
+                        </div>
+                        <ul id="menuTree" class="list-group small">
+                            <!-- 샘플 -->
+                            <li class="list-group-item">
+                                <a href="#" class="menu-node" data-id="1" data-code="dashboard">대시보드</a>
+                            </li>
+                            <li class="list-group-item">
+                                <a href="#" class="menu-node" data-id="2" data-code="order">수주</a>
+                                <ul class="mt-1">
+                                    <li><a href="#" class="menu-node" data-id="21" data-code="order.manage">수주관리</a></li>
+                                    <li><a href="#" class="menu-node" data-id="22" data-code="order.edit">수주 등록/수정</a></li>
+                                </ul>
+                            </li>
+                            <!-- ... -->
+                        </ul>
+                    </div>
+                    <div class="card-footer d-flex gap-2">
+                        <button class="btn btn-sm btn-outline-primary" id="btnAddChild">하위메뉴 추가</button>
+                        <button class="btn btn-sm btn-outline-danger" id="btnDeleteMenu">삭제</button>
+                    </div>
+                </div>
+            </div>
+
+            <div class="col-md-8">
+                <div class="card shadow-sm">
+                    <div class="card-header">메뉴 상세/권한 항목</div>
+                    <div class="card-body">
+                        <form id="menuForm">
+                            <div class="row g-3">
+                                <div class="col-md-6">
+                                    <label class="form-label">메뉴명</label>
+                                    <input type="text" class="form-control" name="title" required>
+                                </div>
+                                <div class="col-md-6">
+                                    <label class="form-label">코드</label>
+                                    <input type="text" class="form-control" name="code" required>
+                                </div>
+                                <div class="col-md-8">
+                                    <label class="form-label">경로(Path)</label>
+                                    <input type="text" class="form-control" name="path" placeholder="/tenant/...">
+                                </div>
+                                <div class="col-md-4">
+                                    <label class="form-label">정렬</label>
+                                    <input type="number" class="form-control" name="sort_order" value="10">
+                                </div>
+                                <div class="col-md-4">
+                                    <div class="form-check mt-4">
+                                        <input class="form-check-input" type="checkbox" name="is_active" id="is_active" checked>
+                                        <label class="form-check-label" for="is_active">활성화</label>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <hr>
+                            <div>
+                                <label class="form-label">권한 항목</label>
+                                <div class="d-flex flex-wrap gap-3">
+                                    <div class="form-check"><input class="form-check-input" type="checkbox" name="perm_read" id="perm_read"><label class="form-check-label" for="perm_read">읽기</label></div>
+                                    <div class="form-check"><input class="form-check-input" type="checkbox" name="perm_create" id="perm_create"><label class="form-check-label" for="perm_create">쓰기</label></div>
+                                    <div class="form-check"><input class="form-check-input" type="checkbox" name="perm_update" id="perm_update"><label class="form-check-label" for="perm_update">수정</label></div>
+                                    <div class="form-check"><input class="form-check-input" type="checkbox" name="perm_delete" id="perm_delete"><label class="form-check-label" for="perm_delete">삭제</label></div>
+                                    <div class="form-check"><input class="form-check-input" type="checkbox" name="perm_approve" id="perm_approve"><label class="form-check-label" for="perm_approve">결재</label></div>
+                                </div>
+                            </div>
+
+                            <div class="mt-3 d-flex gap-2">
+                                <button class="btn btn-primary" type="submit">저장</button>
+                                <button class="btn btn-outline-secondary" type="button" id="btnReset">초기화</button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        $(function(){
+            // 트리에서 노드 선택 → 상세 로드(샘플)
+            $(document).on('click','.menu-node',function(e){
+                e.preventDefault();
+                $('.menu-node').removeClass('fw-bold');
+                $(this).addClass('fw-bold');
+                const code = $(this).data('code');
+                // 샘플 바인딩
+                $('#menuForm [name=title]').val($(this).text().trim());
+                $('#menuForm [name=code]').val(code);
+                $('#menuForm [name=path]').val('/tenant/'+code.replaceAll('.','/')+'.php');
+            });
+
+            $('#menuForm').on('submit', function(e){
+                e.preventDefault();
+                alert('저장(샘플) — 실제는 /api/permission/structure_save.php 로 POST');
+            });
+
+            $('#btnAddChild').on('click', ()=>alert('하위메뉴 추가(샘플)'));
+            $('#btnDeleteMenu').on('click', ()=>confirm('삭제하시겠습니까?') && alert('삭제(샘플)'));
+            $('#btnReset').on('click', ()=>$('#menuForm')[0].reset());
+        });
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/permission/tenant_menu.php b/public/tenant/permission/tenant_menu.php
new file mode 100644
index 0000000..69e5a07
--- /dev/null
+++ b/public/tenant/permission/tenant_menu.php
@@ -0,0 +1,301 @@
+<?php $CURRENT_SECTION='permission'; include '../inc/header.php'; ?>
+
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+
+        <ul class="nav nav-tabs" role="tablist">
+            <li class="nav-item"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tabUse" type="button">메뉴 사용 설정</button></li>
+            <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tabWorkflow" type="button">작업공정 연동(읽기전용)</button></li>
+            <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tabBoards" type="button">게시판 연동(읽기전용)</button></li>
+        </ul>
+
+        <div class="tab-content border border-top-0 p-3">
+
+            <!-- 메뉴 사용 설정 (작업공정/게시판 연동도 함께 표시) -->
+            <div class="tab-pane fade show active" id="tabUse">
+                <div class="d-flex flex-wrap gap-2 align-items-center mb-2">
+                    <div class="input-group" style="max-width:420px;">
+                        <input type="text" class="form-control" id="searchInput" placeholder="메뉴명/코드/출처 검색 (예: workflow, board)">
+                        <button class="btn btn-outline-secondary" id="btnSearch">검색</button>
+                        <button class="btn btn-outline-secondary" id="btnClear">초기화</button>
+                    </div>
+                    <div class="ms-auto d-flex gap-2">
+                        <button class="btn btn-sm btn-outline-primary" id="btnAllOn">전체 허용</button>
+                        <button class="btn btn-sm btn-outline-danger" id="btnAllOff">전체 금지</button>
+                        <button class="btn btn-sm btn-primary" id="btnSave">저장</button>
+                    </div>
+                </div>
+
+                <div class="table-responsive" style="max-height:64vh; overflow:auto;">
+                    <table class="table table-hover align-middle small" id="menuTable">
+                        <thead class="table-light">
+                        <tr>
+                            <th style="width:56px;">사용</th>
+                            <th>메뉴명</th>
+                            <th style="width:200px;">코드</th>
+                            <th style="width:260px;">경로</th>
+                            <!-- ▼ 신규: 출처 컬럼 -->
+                            <th style="width:120px;">출처</th>
+                            <th style="width:120px;">구독기본</th>
+                            <th style="width:120px;">강제고정</th>
+                        </tr>
+                        </thead>
+                        <tbody><!-- JS 렌더 --></tbody>
+                    </table>
+                </div>
+
+                <div class="form-text">
+                    * <b>출처</b>: system(일반), <span class="text-lowercase">workflow</span>(작업공정 연동), <span class="text-lowercase">board</span>(게시판 연동)<br>
+                    * <b>읽기전용</b> 항목은 직접 토글할 수 없으며, 상위 메뉴 ON/OFF에 따라 상태가 함께 변합니다.<br>
+                    * <b>강제고정</b>: 테넌트에서 끌 수 없음(최고관리자 정책).
+                </div>
+            </div>
+
+            <!-- 작업공정 연동(읽기전용) -->
+            <div class="tab-pane fade" id="tabWorkflow">
+                <div class="alert alert-info py-2 small">작업공정에서 생성/연동된 메뉴 목록입니다. 사용 여부는 상단 “메뉴 사용 설정”에서 구조 전체와 함께 확인하세요.</div>
+                <div class="table-responsive">
+                    <table class="table table-sm align-middle">
+                        <thead class="table-light"><tr><th>프로세스</th><th>연동 메뉴</th><th>메뉴 코드</th><th>경로</th></tr></thead>
+                        <tbody id="workflowRows"><!-- JS --></tbody>
+                    </table>
+                </div>
+            </div>
+
+            <!-- 게시판 연동(읽기전용) -->
+            <div class="tab-pane fade" id="tabBoards">
+                <div class="alert alert-info py-2 small">게시판 생성 시 연결된 메뉴 목록입니다.</div>
+                <div class="table-responsive">
+                    <table class="table table-sm align-middle">
+                        <thead class="table-light"><tr><th>게시판 코드</th><th>게시판 명</th><th>연동 메뉴</th><th>메뉴 코드</th></tr></thead>
+                        <tbody id="boardRows"><!-- JS --></tbody>
+                    </table>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+    <script>
+        // ===== 샘플 데이터 (실전에서는 AJAX 로드) =====
+        // source: 'system' | 'workflow' | 'board'
+        // readonly: true 이면 직접 토글 불가(체크박스 disabled)
+        const MENU_DATA = [
+            {id:1,  parent_id:null, title:'대시보드', code:'dashboard', path:'/tenant/member/dashboard.php', forced:false, plan_default:true,  source:'system',   readonly:false},
+            {id:2,  parent_id:null, title:'수주',     code:'order',     path:null,                                     forced:false, plan_default:true,  source:'system',   readonly:false},
+            {id:21, parent_id:2,    title:'수주 관리', code:'order.manage', path:'/tenant/order/manage.php',           forced:false, plan_default:true,  source:'system',   readonly:false},
+            {id:22, parent_id:2,    title:'수주 등록/수정', code:'order.edit', path:'/tenant/order/edit.php',         forced:false, plan_default:false, source:'system',   readonly:false},
+
+            {id:3,  parent_id:null, title:'생산',     code:'production', path:null,                                   forced:true,  plan_default:true,  source:'system',   readonly:false},
+            // ▼ 작업공정 연동 예시 (readonly)
+            {id:31, parent_id:3,    title:'작업 지시',   code:'production.wi',     path:'/tenant/production/work_instruction.php', forced:true,  plan_default:true,  source:'workflow', readonly:true},
+            {id:32, parent_id:3,    title:'스크린 작업', code:'production.screen', path:'/tenant/production/screen_work.php',      forced:false, plan_default:true,  source:'workflow', readonly:true},
+
+            {id:4,  parent_id:null, title:'자재',     code:'material',   path:null,                                     forced:false, plan_default:true,  source:'system',   readonly:false},
+            // ▼ 작업공정/품질 연동 예시 (readonly)
+            {id:41, parent_id:4,    title:'수입 검사 대장', code:'material.insp', path:'/tenant/material/inspection_list.php',     forced:false, plan_default:false, source:'workflow', readonly:true},
+
+            // ▼ 게시판 연동 예시 (readonly)
+            {id:5,  parent_id:null, title:'게시판',   code:'board',      path:null,                                     forced:false, plan_default:true,  source:'system',   readonly:false},
+            {id:51, parent_id:5,    title:'공지사항', code:'board.notice', path:'/tenant/board/notice_list.php',       forced:false, plan_default:true,  source:'board',    readonly:true},
+            {id:52, parent_id:5,    title:'Q&A',     code:'board.qna',    path:'/tenant/board/qna_list.php',           forced:false, plan_default:false, source:'board',    readonly:true},
+        ];
+
+        // 테넌트 현재 설정
+        const TENANT_USE = {
+            'dashboard': true,
+            'order': true,
+            'order.manage': true,
+            'order.edit': false,
+            'production': true,
+            'production.wi': true,
+            'production.screen': true,
+            'material': true,
+            'material.insp': false,
+            'board': true,
+            'board.notice': true,
+            'board.qna': false,
+        };
+
+        // ===== 유틸/트리 =====
+        const byId = MENU_DATA.reduce((m,x)=> (m[x.id]=x,m),{});
+        const childrenMap = MENU_DATA.reduce((m,x)=>{ (m[x.parent_id??0]??=([])).push(x); return m; },{});
+
+        function buildRows(parentId=null, depth=0, rows=[]){
+            const list = childrenMap[parentId??0] || [];
+            list.sort((a,b)=> (a.title > b.title ? 1 : -1));
+            for (const node of list){
+                const enabled = !!TENANT_USE[node.code];
+                rows.push(renderRow(node, depth, enabled));
+                buildRows(node.id, depth+1, rows);
+            }
+            return rows.join('');
+        }
+
+        function badge(text, cls){ return `<span class="badge ${cls} ms-1">${text}</span>`; }
+
+        function renderRow(node, depth, enabled){
+            const indent = '&nbsp;'.repeat(depth*4) + (depth? '└ ' : '');
+            const isReadOnly = !!node.readonly;
+            const isForced   = !!node.forced;
+
+            const disabledAttr = (isForced || isReadOnly) ? 'disabled' : '';
+            const checkedAttr  = (isForced ? 'checked' : (enabled ? 'checked' : ''));
+
+            const src = node.source || 'system';
+            const sourceBadge =
+                src==='workflow' ? badge('workflow','bg-warning text-dark') :
+                    src==='board'    ? badge('board','bg-success') :
+                        badge('system','bg-secondary');
+
+            const forceBadge  = isForced   ? badge('강제','bg-secondary') : '';
+            const roBadge     = isReadOnly ? badge('읽기전용','bg-dark')  : '';
+            const planBadge   = node.plan_default ? badge('플랜기본','bg-info text-dark') : '';
+
+            const path = node.path ? node.path : '-';
+
+            return `
+    <tr data-id="${node.id}" data-code="${node.code}" data-parent="${node.parent_id??''}">
+      <td class="text-center">
+        <input type="checkbox" class="chk-use" ${checkedAttr} ${disabledAttr} title="${isReadOnly?'연동 항목은 직접 변경할 수 없습니다.':''}">
+      </td>
+      <td><span class="text-monospace">${indent}</span>${node.title}${forceBadge}${roBadge}</td>
+      <td class="text-muted">${node.code}</td>
+      <td class="text-muted">${path}</td>
+      <td>${sourceBadge}</td>
+      <td>${node.plan_default ? '기본 사용' : '-'}</td>
+      <td>${isForced ? '강제 고정' : '-'}</td>
+    </tr>`;
+        }
+
+        function setChildren(code, on){
+            const node = MENU_DATA.find(x=>x.code===code);
+            if (!node) return;
+            (childrenMap[node.id]||[]).forEach(ch=>{
+                // 하위는 readonly여도 부모 변경에 따라 상태는 동기화 (직접토글만 막음)
+                TENANT_USE[ch.code]=on;
+                setChildren(ch.code, on);
+            });
+        }
+
+        function updateParents(code){
+            const node = MENU_DATA.find(x=>x.code===code);
+            if (!node || !node.parent_id) return;
+            const parent = byId[node.parent_id];
+            const kids = (childrenMap[parent.id]||[]);
+            const states = kids.map(k=> !!TENANT_USE[k.code]);
+            const allOn = states.every(Boolean);
+            const allOff= states.every(s=>!s);
+            if (!parent.forced){
+                TENANT_USE[parent.code] = allOn ? true : (allOff ? false : true);
+            }
+            updateParents(parent.code);
+        }
+
+        function applyIndeterminate(){
+            $('#menuTable tbody tr').each(function(){
+                const id = $(this).data('id');
+                const code = $(this).data('code');
+                const $chk = $(this).find('.chk-use')[0];
+                if (!$chk) return;
+                $chk.indeterminate = false;
+                const kids = childrenMap[id]||[];
+                if (kids.length){
+                    const onCnt = kids.filter(k=> TENANT_USE[k.code]).length;
+                    if (onCnt>0 && onCnt<kids.length){ $chk.indeterminate = true; }
+                }
+                // forced/readOnly 도구팁
+                const node = byId[id];
+                if (node.forced){ $chk.title = '강제 고정 메뉴입니다.'; }
+            });
+        }
+
+        function render(){
+            $('#menuTable tbody').html( buildRows(null,0,[]) );
+            // 체크박스 상태 반영
+            $('#menuTable .chk-use').each(function(){
+                const code = $(this).closest('tr').data('code');
+                this.checked = !!TENANT_USE[code] || byId[$(this).closest('tr').data('id')].forced;
+            });
+            applyIndeterminate();
+
+            // 하단 탭(읽기전용 목록)도 같이 채움
+            renderSubLists();
+        }
+
+        function renderSubLists(){
+            // 작업공정
+            const wf = MENU_DATA.filter(x=>x.source==='workflow');
+            $('#workflowRows').html(wf.map(x=>`
+    <tr>
+      <td>${x.title.includes('작업')? x.title.replace(/ 작업.*/,' 작업') : '프로세스'}</td>
+      <td>${x.title}</td>
+      <td class="text-muted">${x.code}</td>
+      <td class="text-muted">${x.path||'-'}</td>
+    </tr>`).join(''));
+
+            // 게시판
+            const bd = MENU_DATA.filter(x=>x.source==='board');
+            $('#boardRows').html(bd.map(x=>`
+    <tr>
+      <td class="text-muted">${x.code.split('.').pop().toUpperCase()}</td>
+      <td>${x.title}</td>
+      <td>${byId[x.parent_id]?.title||'-'}</td>
+      <td class="text-muted">${x.code}</td>
+    </tr>`).join(''));
+        }
+
+        $(function(){
+            render();
+
+            // 직접 토글
+            $(document).on('change','.chk-use', function(){
+                const $tr = $(this).closest('tr');
+                const node = byId[$tr.data('id')];
+                const code = node.code;
+
+                // 강제/읽기전용은 직접 토글 금지
+                if (node.forced || node.readonly){
+                    this.checked = !!TENANT_USE[code]; // 원상복구
+                    return;
+                }
+
+                TENANT_USE[code] = this.checked;
+                setChildren(code, this.checked);
+                updateParents(code);
+                render();
+            });
+
+            // 전체 허용/금지 (강제/readonly 제외)
+            $('#btnAllOn').on('click', ()=>{
+                MENU_DATA.forEach(n=>{ if(!n.forced && !n.readonly) TENANT_USE[n.code]=true; });
+                render();
+            });
+            $('#btnAllOff').on('click', ()=>{
+                MENU_DATA.forEach(n=>{ if(!n.forced && !n.readonly) TENANT_USE[n.code]=false; });
+                render();
+            });
+
+            // 저장
+            $('#btnSave').on('click', ()=>{
+                const payload = Object.fromEntries(MENU_DATA.map(n=> [n.code, !!TENANT_USE[n.code]]));
+                console.log('SAVE', payload);
+                alert('저장(샘플) — /api/permission/tenant_menu_save.php');
+            });
+
+            // 검색: 메뉴명/코드/출처
+            const doSearch = ()=>{
+                const q = $('#searchInput').val().trim().toLowerCase();
+                if (!q){ $('#menuTable tbody tr').show(); return; }
+                $('#menuTable tbody tr').each(function(){
+                    const name = $(this).find('td:nth-child(2)').text().toLowerCase();
+                    const code = $(this).find('td:nth-child(3)').text().toLowerCase();
+                    const src  = $(this).find('td:nth-child(5)').text().toLowerCase();
+                    $(this).toggle( name.includes(q) || code.includes(q) || src.includes(q) );
+                });
+            };
+            $('#btnSearch').on('click', doSearch);
+            $('#btnClear').on('click', ()=>{ $('#searchInput').val(''); $('#menuTable tbody tr').show(); });
+        });
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/permission/user.php b/public/tenant/permission/user.php
new file mode 100644
index 0000000..27d3b27
--- /dev/null
+++ b/public/tenant/permission/user.php
@@ -0,0 +1,226 @@
+<?php
+// 유저 권한 설정 (트리형 + 개인 예외 모드)
+$CURRENT_SECTION='permission';
+include '../inc/header.php';
+?>
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+        <div class="card shadow-sm">
+            <div class="card-header d-flex flex-wrap gap-2 align-items-center">
+                <strong>유저 권한 설정 (개인 예외)</strong>
+                <input class="form-control form-control-sm" style="width:220px;" id="userSearch" placeholder="이름/아이디 검색">
+                <button class="btn btn-sm btn-outline-secondary" id="btnUserFind">검색</button>
+                <select class="form-select form-select-sm" id="userSelect" style="width:220px;">
+                    <option value="101">권혁성(kevin)</option>
+                    <option value="102">김슬기(sally)</option>
+                </select>
+                <div class="ms-auto small">
+                    예외 모드:
+                    <label class="ms-2 me-1"><input type="radio" name="mode" value="INHERIT" checked> INHERIT</label>
+                    <label class="me-1"><input type="radio" name="mode" value="ALLOW"> ALLOW</label>
+                    <label><input type="radio" name="mode" value="DENY"> DENY</label>
+                </div>
+            </div>
+
+            <div class="card-body">
+                <div class="d-flex flex-wrap gap-2 mb-2">
+                    <div class="input-group" style="max-width:420px;">
+                        <input type="text" class="form-control" id="searchInput" placeholder="메뉴명/코드 검색">
+                        <button class="btn btn-outline-secondary" id="btnSearch">검색</button>
+                        <button class="btn btn-outline-secondary" id="btnResetSearch">초기화</button>
+                    </div>
+                    <div class="small text-muted ms-auto">
+                        * INHERIT: 부서/역할 합집합만 반영(개인 변경 불가) / ALLOW: 개인 추가 허용 / DENY: 개인 차단(최우선)
+                    </div>
+                </div>
+
+                <div class="table-responsive" style="max-height:64vh; overflow:auto;">
+                    <table class="table table-sm align-middle" id="permTable">
+                        <thead class="table-light">
+                        <tr>
+                            <th style="width:320px;">메뉴</th>
+                            <th class="text-center" style="width:90px;">읽기<br><input type="checkbox" id="hdr_read"></th>
+                            <th class="text-center" style="width:90px;">쓰기<br><input type="checkbox" id="hdr_create"></th>
+                            <th class="text-center" style="width:90px;">수정<br><input type="checkbox" id="hdr_update"></th>
+                            <th class="text-center" style="width:90px;">삭제<br><input type="checkbox" id="hdr_delete"></th>
+                            <th class="text-center" style="width:90px;">결재<br><input type="checkbox" id="hdr_approve"></th>
+                            <th class="text-center" style="width:90px;">최종</th>
+                        </tr>
+                        </thead>
+                        <tbody><!-- rows --></tbody>
+                    </table>
+                </div>
+
+                <div class="mt-2 d-flex gap-2 justify-content-end">
+                    <button class="btn btn-sm btn-primary" id="btnSave">저장</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <style>
+        .menu-name { font-size:14px; font-weight:500; }
+        .menu-url  { color:#6c757d; font-size:12px; }
+        .indent    { font-family: ui-monospace, Menlo, Consolas, monospace; color:#6c757d; }
+        .badge-inherit{ background:#6c757d; }
+        .badge-allow{ background:#0d6efd; }
+        .badge-deny{ background:#dc3545; }
+    </style>
+
+    <script src="/tenant/assets/js/permission_menu.js"></script>
+    <script>
+        // ===== 샘플 데이터 (실전: AJAX) =====
+        const MENU_DATA = [
+            {id:1,parent_id:null,title:'대시보드',code:'dashboard',path:'/tenant/member/dashboard.php',source:'system'},
+            {id:2,parent_id:null,title:'수주',code:'order',path:null,source:'system'},
+            {id:21,parent_id:2,title:'수주 관리',code:'order.manage',path:'/tenant/order/manage.php',source:'system'},
+            {id:22,parent_id:2,title:'수주 등록/수정',code:'order.edit',path:'/tenant/order/edit.php',source:'system'},
+            {id:3,parent_id:null,title:'생산',code:'production',path:null,source:'system'},
+            {id:31,parent_id:3,title:'작업 지시',code:'production.wi',path:'/tenant/production/work_instruction.php',source:'workflow'},
+            {id:32,parent_id:3,title:'스크린 작업',code:'production.screen',path:'/tenant/production/screen_work.php',source:'workflow'},
+            {id:5,parent_id:null,title:'게시판',code:'board',path:null,source:'system'},
+            {id:51,parent_id:5,title:'공지사항',code:'board.notice',path:'/tenant/board/notice_list.php',source:'board'},
+        ];
+        const TENANT_USE = {dashboard:true, order:true,'order.manage':true,'order.edit':false,
+            production:true,'production.wi':true,'production.screen':true,
+            board:true,'board.notice':true};
+
+        // 상속 결과(부서+역할 합집합) — 실전에서는 서버에서 계산해서 내려주는 값
+        const INHERITED = {
+            // code: {read,create,update,delete,approve}
+            'dashboard':     {read:true,create:false,update:false,delete:false,approve:false},
+            'order':         {read:true,create:false,update:false,delete:false,approve:false},
+            'order.manage':  {read:true,create:true, update:true, delete:false,approve:false},
+            'production':    {read:true,create:false,update:false,delete:false,approve:false},
+            'production.wi': {read:true,create:true, update:false,delete:false,approve:false},
+            'production.screen': {read:true,create:false,update:false,delete:false,approve:false},
+            'board':         {read:true,create:false,update:false,delete:false,approve:false},
+            'board.notice':  {read:true,create:true, update:true, delete:false,approve:false},
+        };
+
+        // 개인 예외 상태(페이지 state)
+        let USER_MODE = 'INHERIT'; // INHERIT | ALLOW | DENY
+        const USER_PERMS = {};     // code: {read,create,update,delete,approve} (ALLOW일 때만 의미)
+
+        PermissionMenu.setData(MENU_DATA, TENANT_USE);
+
+        function finalCell(code){
+            const inh = INHERITED[code] || {read:false,create:false,update:false,delete:false,approve:false};
+            if (USER_MODE === 'DENY') {
+                return `<span class="badge badge-deny">DENY</span>`;
+            }
+            if (USER_MODE === 'INHERIT') {
+                const any = Object.values(inh).some(Boolean);
+                return `<span class="badge badge-inherit">${any?'상속 허용':'상속 없음'}</span>`;
+            }
+            // ALLOW 모드: 상속 OR 개인허용
+            const up = USER_PERMS[code] || {};
+            const merged = {
+                read:   !!(inh.read   || up.read),
+                create: !!(inh.create || up.create),
+                update: !!(inh.update || up.update),
+                delete: !!(inh.delete || up.delete),
+                approve:!!(inh.approve|| up.approve),
+            };
+            const any = Object.values(merged).some(Boolean);
+            return `<span class="badge badge-allow">${any?'허용됨':'없음'}</span>`;
+        }
+
+        function renderRows(){
+            const rows = PermissionMenu.buildRows((node) => {
+                const inh = INHERITED[node.code] || {read:false,create:false,update:false,delete:false,approve:false};
+                const up  = (USER_PERMS[node.code] ||= {read:false,create:false,update:false,delete:false,approve:false});
+                const disabled = (USER_MODE!=='ALLOW') ? 'disabled' : ''; // INHERIT/DENY 에선 비활성
+                return ['read','create','update','delete','approve'].map(perm=>{
+                    const checked = (USER_MODE==='ALLOW') ? (up[perm]||false) : false;
+                    const title = (USER_MODE==='INHERIT') ? `상속값: ${inh[perm]?'허용':'-'}` :
+                        (USER_MODE==='DENY')    ? '개인 DENY 상태' : '개인 허용값';
+                    return `<td class="text-center">
+                <input type="checkbox" class="perm" data-perm="${perm}" ${checked?'checked':''} ${disabled} title="${title}">
+              </td>`;
+                }).join('') + `<td class="text-center">${finalCell(node.code)}</td>`;
+            });
+            document.querySelector('#permTable tbody').innerHTML = rows;
+            applyIndeterminate();
+        }
+
+        function applyIndeterminate(){
+            // 헤더 요약(모드에 따라)
+            ['read','create','update','delete','approve'].forEach(perm=>{
+                const hdr = document.querySelector('#hdr_'+perm);
+                if (!hdr) return;
+                if (USER_MODE!=='ALLOW'){ // INHERIT/DENY: 헤더도 비활성
+                    hdr.indeterminate = false; hdr.checked = false; hdr.disabled = true;
+                }else{
+                    hdr.disabled = false;
+                    const codes = PermissionMenu.activeCodes();
+                    const vals = codes.map(code => !!(USER_PERMS[code] && USER_PERMS[code][perm]));
+                    const onCnt = vals.filter(Boolean).length;
+                    hdr.indeterminate = (onCnt>0 && onCnt<vals.length);
+                    hdr.checked = (onCnt===vals.length);
+                }
+            });
+        }
+
+        // 이벤트
+        document.addEventListener('change', e=>{
+            const el = e.target;
+            if (el.name==='mode'){
+                USER_MODE = el.value; renderRows(); return;
+            }
+            if (el.classList.contains('perm')){
+                if (USER_MODE!=='ALLOW') return;
+                const tr = el.closest('tr'); const code = tr.dataset.code; const perm = el.dataset.perm;
+                (USER_PERMS[code] ||= {read:false,create:false,update:false,delete:false,approve:false});
+                USER_PERMS[code][perm] = el.checked;
+                renderRows();
+            }
+        });
+        ['read','create','update','delete','approve'].forEach(perm=>{
+            const hdr = document.querySelector('#hdr_'+perm);
+            if(!hdr) return;
+            hdr.addEventListener('change', ()=>{
+                if (USER_MODE!=='ALLOW') return;
+                PermissionMenu.activeCodes().forEach(code=>{
+                    (USER_PERMS[code] ||= {read:false,create:false,update:false,delete:false,approve:false});
+                    USER_PERMS[code][perm] = hdr.checked;
+                });
+                renderRows();
+            });
+        });
+
+        // 검색
+        document.querySelector('#btnSearch').addEventListener('click', ()=>{
+            const q = document.querySelector('#searchInput').value.trim().toLowerCase();
+            document.querySelectorAll('#permTable tbody tr').forEach(tr=>{
+                const name = tr.querySelector('td:first-child').innerText.toLowerCase();
+                const code = tr.dataset.code.toLowerCase();
+                tr.style.display = (q==='' || name.includes(q) || code.includes(q)) ? '' : 'none';
+            });
+        });
+        document.querySelector('#btnResetSearch').addEventListener('click', ()=>{
+            document.querySelector('#searchInput').value=''; document.querySelectorAll('#permTable tbody tr').forEach(tr=> tr.style.display='');
+        });
+
+        // 유저 선택/검색(샘플)
+        document.querySelector('#btnUserFind').addEventListener('click', ()=>alert('유저 검색(샘플)'));
+        document.querySelector('#userSelect').addEventListener('change', function(){
+            alert('유저 권한/상속 로드(샘플): GET /api/permission/user_get.php?user_id='+this.value);
+            // 실제: USER_MODE/USER_PERMS/INHERITED 로드 후 renderRows();
+        });
+
+        // 저장
+        document.querySelector('#btnSave').addEventListener('click', ()=>{
+            const userId = document.querySelector('#userSelect').value;
+            const payload = {
+                user_id: userId,
+                mode: USER_MODE,         // INHERIT/ALLOW/DENY
+                perms: USER_PERMS        // ALLOW일 때만 의미; 서버에서 병합/적용
+            };
+            console.log('SAVE user permissions', payload);
+            alert('저장(샘플): POST /api/permission/user_save.php');
+        });
+
+        renderRows();
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/process/process_form.php b/public/tenant/process/process_form.php
new file mode 100644
index 0000000..4241864
--- /dev/null
+++ b/public/tenant/process/process_form.php
@@ -0,0 +1,92 @@
+<?php
+$CURRENT_SECTION = 'process';
+include '../inc/header.php';
+?>
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+        <div class="d-flex align-items-center justify-content-between mb-3">
+            <h2 class="m-0">공정 생성 / 수정</h2>
+            <div class="d-flex gap-2">
+                <a href="/tenant/process/processes.php" class="btn btn-outline-secondary">취소</a>
+                <button class="btn btn-primary">저장</button>
+            </div>
+        </div>
+
+        <form>
+            <div class="row g-3">
+                <div class="col-md-6">
+                    <label class="form-label">공정명 <span class="text-danger">*</span></label>
+                    <input type="text" class="form-control" placeholder="예) 절곡">
+                </div>
+                <div class="col-md-6">
+                    <label class="form-label">설명</label>
+                    <input type="text" class="form-control" placeholder="선택 입력">
+                </div>
+            </div>
+
+            <hr class="my-4">
+
+            <h4 class="mb-1">작업 리스트</h4>
+            <p class="text-muted small mb-3">작업별로 시작/완료 피드백 필요 여부를 설정할 수 있습니다.</p>
+
+            <div id="task-list"></div>
+
+            <div class="text-end mt-2">
+                <button id="btn-add-task" type="button" class="btn btn-outline-secondary">+ 작업 추가</button>
+            </div>
+        </form>
+    </div>
+
+    <template id="task-row-tpl">
+        <div class="card task-row mb-2">
+            <div class="card-body">
+                <div class="row g-2 align-items-center">
+                    <div class="col-md-4">
+                        <label class="form-label mb-1">작업명 <span class="text-danger">*</span></label>
+                        <input type="text" class="form-control task-name" placeholder="예) 절단작업">
+                    </div>
+                    <div class="col-md-3">
+                        <div class="form-check mt-4">
+                            <input class="form-check-input task-need-start" type="checkbox" id="">
+                            <label class="form-check-label">작업 시작 피드백 필요</label>
+                        </div>
+                    </div>
+                    <div class="col-md-3">
+                        <div class="form-check mt-4">
+                            <input class="form-check-input task-need-end" type="checkbox" id="">
+                            <label class="form-check-label">작업 완료 피드백 필요</label>
+                        </div>
+                    </div>
+                    <div class="col-md-2 text-end">
+                        <button type="button" class="btn btn-sm btn-danger btn-remove-task mt-4">삭제</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </template>
+
+    <script>
+        (function(){
+            const list = document.getElementById('task-list');
+            const tpl  = document.getElementById('task-row-tpl').content;
+
+            function addRow(prefill){
+                const node = document.importNode(tpl, true);
+                if (prefill){
+                    if (prefill.name) node.querySelector('.task-name').value = prefill.name;
+                    if (prefill.needStart) node.querySelector('.task-need-start').checked = true;
+                    if (prefill.needEnd) node.querySelector('.task-need-end').checked = true;
+                }
+                node.querySelector('.btn-remove-task').addEventListener('click', e=>{
+                    e.target.closest('.task-row').remove();
+                });
+                list.appendChild(node);
+            }
+
+            // seed
+            addRow({name:'절단작업', needStart:true, needEnd:true});
+            addRow({name:'미싱작업', needStart:false, needEnd:true});
+
+            document.getElementById('btn-add-task').addEventListener('click', ()=> addRow());
+        })();
+    </script>
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/process/process_settings.php b/public/tenant/process/process_settings.php
new file mode 100644
index 0000000..0e2fd0e
--- /dev/null
+++ b/public/tenant/process/process_settings.php
@@ -0,0 +1,169 @@
+<?php
+$CURRENT_SECTION = 'process';
+include '../inc/header.php';
+?>
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+        <div class="d-flex align-items-center justify-content-between mb-1">
+            <h2 class="m-0">공정: <strong>스크린</strong> 작업 지시 설정</h2>
+            <div class="d-flex gap-2">
+                <a href="/tenant/process/processes.php" class="btn btn-outline-secondary">공정 목록</a>
+                <button class="btn btn-primary">저장</button>
+            </div>
+        </div>
+        <p class="text-muted small">※ 이 화면은 실제 작업 지시 생성 시 노출될 <b>동적 필드</b>와 <b>투입 자재</b> 템플릿을 정의합니다.</p>
+
+        <ul class="nav nav-tabs" id="setTabs" role="tablist">
+            <li class="nav-item" role="presentation">
+                <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#fields" type="button" role="tab">작업 지시용 필드 설정</button>
+            </li>
+            <li class="nav-item" role="presentation">
+                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#items" type="button" role="tab">투입 품목/자재 설정</button>
+            </li>
+        </ul>
+
+        <div class="tab-content pt-3">
+            <!-- 필드 설정 -->
+            <div class="tab-pane fade show active" id="fields" role="tabpanel">
+                <div class="card">
+                    <div class="card-header d-flex justify-content-between align-items-center">
+                        <strong>필드 목록</strong>
+                        <button id="btn-add-field" type="button" class="btn btn-sm btn-outline-secondary">+ 필드 추가</button>
+                    </div>
+                    <div class="table-responsive">
+                        <table id="fields-table" class="table table-bordered table-striped m-0">
+                            <thead class="table-light">
+                            <tr>
+                                <th style="width:16%;">필드명</th>
+                                <th style="width:12%;">유형</th>
+                                <th style="width:10%;">필수</th>
+                                <th>기본값/계산식</th>
+                                <th style="width:14%;">유효성</th>
+                                <th>설명</th>
+                                <th style="width:8%;">삭제</th>
+                            </tr>
+                            </thead>
+                            <tbody></tbody>
+                        </table>
+                    </div>
+                    <div class="card-footer text-muted small">
+                        유형 예: 텍스트, 숫자, 숫자(mm), 날짜, 선택(셀렉트), 체크박스 등<br>
+                        유효성 예: text, number, integer, decimal, regex 등
+                    </div>
+                </div>
+            </div>
+
+            <!-- 품목/자재 설정 -->
+            <div class="tab-pane fade" id="items" role="tabpanel">
+                <div class="card">
+                    <div class="card-header d-flex justify-content-between align-items-center">
+                        <strong>투입 품목/자재</strong>
+                        <button id="btn-add-item" type="button" class="btn btn-sm btn-outline-secondary">+ 품목 추가</button>
+                    </div>
+                    <div class="table-responsive">
+                        <table id="items-table" class="table table-bordered table-striped m-0">
+                            <thead class="table-light">
+                            <tr>
+                                <th style="width:20%;">품목명</th>
+                                <th style="width:14%;">자재 유형</th>
+                                <th style="width:16%;">서브 자재 포함</th>
+                                <th>설명</th>
+                                <th style="width:8%;">삭제</th>
+                            </tr>
+                            </thead>
+                            <tbody></tbody>
+                        </table>
+                    </div>
+                    <div class="card-footer text-muted small">
+                        자재 유형 예: 주 자재, 서브 자재<br>
+                        서브 자재 포함 여부가 O이면, 자식 자재를 후속 단계에서 매핑(계층화)합니다.
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <template id="field-row-tpl">
+        <tr>
+            <td><input type="text" class="form-control form-control-sm" placeholder="필드명"></td>
+            <td>
+                <select class="form-select form-select-sm">
+                    <option>텍스트</option><option>숫자</option><option>숫자(mm)</option>
+                    <option>날짜</option><option>선택(셀렉트)</option><option>체크박스</option>
+                </select>
+            </td>
+            <td class="text-center">
+                <input class="form-check-input required-chk" type="checkbox">
+            </td>
+            <td><input type="text" class="form-control form-control-sm" placeholder="예: qty * set_count 또는 고정값"></td>
+            <td>
+                <select class="form-select form-select-sm">
+                    <option>text</option><option>number</option><option>integer</option>
+                    <option>decimal</option><option>regex</option>
+                </select>
+            </td>
+            <td><input type="text" class="form-control form-control-sm" placeholder="참고 설명"></td>
+            <td class="text-center"><button type="button" class="btn btn-sm btn-danger btn-remove-field">삭제</button></td>
+        </tr>
+    </template>
+
+    <template id="item-row-tpl">
+        <tr>
+            <td><input type="text" class="form-control form-control-sm" placeholder="품목명"></td>
+            <td>
+                <select class="form-select form-select-sm">
+                    <option>주 자재</option><option>서브 자재</option>
+                </select>
+            </td>
+            <td class="text-center"><input class="form-check-input has-sub" type="checkbox"></td>
+            <td><input type="text" class="form-control form-control-sm" placeholder="설명"></td>
+            <td class="text-center"><button type="button" class="btn btn-sm btn-danger btn-remove-item">삭제</button></td>
+        </tr>
+    </template>
+
+    <script>
+        (function(){
+            const seedFields = [
+                {name:'일련번호', type:'텍스트', required:true, def:'', valid:'text', desc:'작업 식별번호'},
+                {name:'층', type:'숫자', required:false, def:'', valid:'integer', desc:'작업 층수'},
+                {name:'호수', type:'숫자', required:false, def:'', valid:'integer', desc:'작업 호수'},
+                {name:'제작 가로사이즈', type:'숫자(mm)', required:true, def:'', valid:'decimal', desc:'가로 길이(mm)'},
+                {name:'제작 세로사이즈', type:'숫자(mm)', required:true, def:'', valid:'decimal', desc:'세로 길이(mm)'},
+                {name:'매수', type:'숫자', required:true, def:'자동 계산식 있음', valid:'integer', desc:'주문 매수'}
+            ];
+            const seedItems = [
+                {name:'절곡판', type:'주 자재', hasSub:true, desc:'주요 작업 재료'},
+                {name:'조인트바', type:'서브 자재', hasSub:false, desc:'절곡판에 부속되는 자재'}
+            ];
+
+            function addFieldRow(p){
+                const tpl = document.getElementById('field-row-tpl').content;
+                const node = document.importNode(tpl,true);
+                const tds = node.querySelectorAll('td');
+                tds[0].querySelector('input').value = p?.name || '';
+                tds[1].querySelector('select').value = p?.type || '텍스트';
+                tds[2].querySelector('.required-chk').checked = p?.required || false;
+                tds[3].querySelector('input').value = p?.def || '';
+                tds[4].querySelector('select').value = p?.valid || 'text';
+                tds[5].querySelector('input').value = p?.desc || '';
+                node.querySelector('.btn-remove-field').addEventListener('click', e=> e.target.closest('tr').remove());
+                document.querySelector('#fields-table tbody').appendChild(node);
+            }
+            function addItemRow(p){
+                const tpl = document.getElementById('item-row-tpl').content;
+                const node = document.importNode(tpl,true);
+                const tds = node.querySelectorAll('td');
+                tds[0].querySelector('input').value = p?.name || '';
+                tds[1].querySelector('select').value = p?.type || '주 자재';
+                tds[2].querySelector('.has-sub').checked = p?.hasSub || false;
+                tds[3].querySelector('input').value = p?.desc || '';
+                node.querySelector('.btn-remove-item').addEventListener('click', e=> e.target.closest('tr').remove());
+                document.querySelector('#items-table tbody').appendChild(node);
+            }
+
+            seedFields.forEach(addFieldRow);
+            seedItems.forEach(addItemRow);
+            document.getElementById('btn-add-field').addEventListener('click', ()=>addFieldRow());
+            document.getElementById('btn-add-item').addEventListener('click', ()=>addItemRow());
+        })();
+    </script>
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/process/processes.php b/public/tenant/process/processes.php
new file mode 100644
index 0000000..2616466
--- /dev/null
+++ b/public/tenant/process/processes.php
@@ -0,0 +1,92 @@
+<!-- SAM RULES: include=../inc/header.php; base=/tenant; width=1280; js=jQuery+BS5 -->
+<?php
+$CURRENT_SECTION = 'process';
+include '../inc/header.php';
+?>
+<div class="container" style="max-width:1280px; margin-top:24px;">
+
+    <!-- 헤더 -->
+    <div class="d-flex align-items-center justify-content-between mb-3">
+        <h2 class="m-0">공정 관리</h2>
+        <a class="btn btn-primary" href="/tenant/process/process_form.php">+ 공정 생성</a>
+    </div>
+
+    <!-- 검색 -->
+    <form class="row g-2 align-items-end mb-3" role="search">
+        <div class="col-auto">
+            <label for="q" class="form-label">공정명</label>
+            <input type="text" id="q" class="form-control" placeholder="공정명 검색">
+        </div>
+        <div class="col-auto">
+            <button type="button" class="btn btn-outline-secondary">검색</button>
+        </div>
+    </form>
+
+    <!-- 리스트 -->
+    <div class="border rounded p-2">
+        <div class="table-responsive">
+            <table class="table table-hover align-middle m-0 tbl-proc">
+                <thead class="table-light">
+                <tr>
+                    <th style="width:18%;">공정명</th>
+                    <th>설명</th>
+                    <th style="width:10%; text-align:center;">작업 수</th>
+                    <th style="width:14%;">등록일</th>
+                    <th style="width:10%;">수정</th>
+                    <th style="width:14%;">작업지시 설정</th>
+                    <th style="width:8%;">삭제</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td><a href="/tenant/process/tasks.php">스크린</a></td>
+                    <td>스크린 작업 공정</td>
+                    <td class="text-center">4</td>
+                    <td>2025-08-07</td>
+                    <td><a class="btn btn-sm btn-info" href="/tenant/process/process_form.php">수정</a></td>
+                    <td>
+                        <a class="btn btn-sm btn-outline-primary" href="/tenant/process/process_settings.php">작업지시 설정</a>
+                    </td>
+                    <td><button class="btn btn-sm btn-danger">삭제</button></td>
+                </tr>
+                <tr>
+                    <td><a href="/tenant/process/tasks.php">슬랫</a></td>
+                    <td>슬랫 작업 공정</td>
+                    <td class="text-center">3</td>
+                    <td>2025-08-07</td>
+                    <td><a class="btn btn-sm btn-info" href="/tenant/process/process_form.php">수정</a></td>
+                    <td>
+                        <a class="btn btn-sm btn-outline-primary" href="/tenant/process/process_settings.php">작업지시 설정</a>
+                    </td>
+                    <td><button class="btn btn-sm btn-danger">삭제</button></td>
+                </tr>
+                <tr>
+                    <td><a href="/tenant/process/tasks.php">절곡</a></td>
+                    <td>절곡 작업 공정</td>
+                    <td class="text-center">4</td>
+                    <td>2025-08-07</td>
+                    <td><a class="btn btn-sm btn-info" href="/tenant/process/process_form.php">수정</a></td>
+                    <td>
+                        <a class="btn btn-sm btn-outline-primary" href="/tenant/process/process_settings.php">작업지시 설정</a>
+                    </td>
+                    <td><button class="btn btn-sm btn-danger">삭제</button></td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+
+<style>
+    /* 스크린 작업지시현황과 동일한 컴팩트 테이블 톤 */
+    .tbl-proc th{
+        vertical-align: middle; text-align:center;
+        white-space: nowrap; padding:.55rem .6rem;
+    }
+    .tbl-proc td{ vertical-align: middle; padding:.55rem .6rem; }
+    .tbl-proc td:nth-child(1),
+    .tbl-proc td:nth-child(2),
+    .tbl-proc td:nth-child(4){ white-space: nowrap; }
+</style>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/process/task_form.php b/public/tenant/process/task_form.php
new file mode 100644
index 0000000..ba3b587
--- /dev/null
+++ b/public/tenant/process/task_form.php
@@ -0,0 +1,40 @@
+<?php
+$CURRENT_SECTION = 'process';
+include '../inc/header.php';
+?>
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+        <div class="d-flex align-items-center justify-content-between mb-3">
+            <h2 class="m-0">작업 생성 / 수정</h2>
+            <div class="d-flex gap-2">
+                <a href="/tenant/process/tasks.php" class="btn btn-outline-secondary">취소</a>
+                <button class="btn btn-primary">저장</button>
+            </div>
+        </div>
+
+        <form>
+            <div class="row g-3">
+                <div class="col-md-6">
+                    <label class="form-label">작업명 <span class="text-danger">*</span></label>
+                    <input type="text" class="form-control" placeholder="예) 포장">
+                </div>
+                <div class="col-md-3">
+                    <div class="form-check mt-4">
+                        <input class="form-check-input" type="checkbox" id="needStart">
+                        <label class="form-check-label" for="needStart">작업 시작 피드백 필요</label>
+                    </div>
+                </div>
+                <div class="col-md-3">
+                    <div class="form-check mt-4">
+                        <input class="form-check-input" type="checkbox" id="needEnd">
+                        <label class="form-check-label" for="needEnd">작업 완료 피드백 필요</label>
+                    </div>
+                </div>
+            </div>
+
+            <div class="mt-3">
+                <label class="form-label">설명</label>
+                <input type="text" class="form-control" placeholder="선택 입력">
+            </div>
+        </form>
+    </div>
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/process/tasks.php b/public/tenant/process/tasks.php
new file mode 100644
index 0000000..a1b83a0
--- /dev/null
+++ b/public/tenant/process/tasks.php
@@ -0,0 +1,55 @@
+<?php
+$CURRENT_SECTION = 'process';
+include '../inc/header.php';
+?>
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+        <div class="d-flex align-items-center justify-content-between mb-3">
+            <h2 class="m-0">작업 관리 <small class="text-muted">(공정명: 스크린)</small></h2>
+            <div class="d-flex gap-2">
+                <a class="btn btn-outline-secondary" href="/tenant/process/processes.php">공정 목록</a>
+                <a class="btn btn-primary" href="/tenant/process/task_form.php">+ 작업 생성</a>
+            </div>
+        </div>
+
+        <div class="table-responsive">
+            <table class="table table-bordered table-hover align-middle">
+                <thead class="table-light">
+                <tr>
+                    <th>작업명</th>
+                    <th style="width:14%;">작업 시작 피드백</th>
+                    <th style="width:14%;">작업 완료 피드백</th>
+                    <th style="width:14%;">등록일</th>
+                    <th style="width:8%;">수정</th>
+                    <th style="width:8%;">삭제</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td>절단작업</td>
+                    <td>사용</td>
+                    <td>사용</td>
+                    <td>2025-08-07</td>
+                    <td><a class="btn btn-sm btn-info" href="/tenant/process/task_form.php">수정</a></td>
+                    <td><button class="btn btn-sm btn-danger">삭제</button></td>
+                </tr>
+                <tr>
+                    <td>미싱작업</td>
+                    <td>미사용</td>
+                    <td>사용</td>
+                    <td>2025-08-07</td>
+                    <td><a class="btn btn-sm btn-info" href="/tenant/process/task_form.php">수정</a></td>
+                    <td><button class="btn btn-sm btn-danger">삭제</button></td>
+                </tr>
+                <tr>
+                    <td>포장</td>
+                    <td>사용</td>
+                    <td>미사용</td>
+                    <td>2025-08-07</td>
+                    <td><a class="btn btn-sm btn-info" href="/tenant/process/task_form.php">수정</a></td>
+                    <td><button class="btn btn-sm btn-danger">삭제</button></td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/product/bending.php b/public/tenant/product/bending.php
new file mode 100644
index 0000000..7f76830
--- /dev/null
+++ b/public/tenant/product/bending.php
@@ -0,0 +1,289 @@
+<?php
+$CURRENT_SECTION='item';
+include '../inc/header.php';
+?>
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+        <form id="bendForm">
+            <!-- 기본정보 -->
+            <details open class="mb-3">
+                <summary class="fw-semibold">기본정보 입력</summary>
+                <div class="row g-2 mt-2">
+                    <div class="col-md-2">
+                        <label class="form-label">분류</label>
+                        <select class="form-select" id="bfCategory">
+                            <option>스크린</option><option>철재</option><option>기타</option>
+                        </select>
+                    </div>
+                    <div class="col-md-5">
+                        <label class="form-label">품목명</label>
+                        <input class="form-control" id="bfName" placeholder="품목명">
+                    </div>
+                    <div class="col-md-2">
+                        <label class="form-label">단위</label>
+                        <select class="form-select" id="bfUnit"><option>EA</option><option>mm</option></select>
+                    </div>
+                    <div class="col-md-3">
+                        <label class="form-label">검색태그</label>
+                        <input class="form-control" id="bfTags" placeholder="쉼표로 구분">
+                    </div>
+                </div>
+            </details>
+
+            <!-- 고정 규격 -->
+            <details open class="mb-3">
+                <summary class="fw-semibold">고정 규격정보 입력</summary>
+                <div class="row g-2 mt-2">
+                    <div class="col-md-3">
+                        <label class="form-label">폭</label>
+                        <input class="form-control" id="fxWidth" type="number" min="0" placeholder="폭(mm)">
+                    </div>
+                    <div class="col-md-3">
+                        <label class="form-label">규격(가로×세로)</label>
+                        <div class="input-group">
+                            <input class="form-control" id="fxW" type="number" min="0" placeholder="가로">
+                            <span class="input-group-text">×</span>
+                            <input class="form-control" id="fxH" type="number" min="0" placeholder="세로">
+                        </div>
+                    </div>
+                    <div class="col-md-3">
+                        <label class="form-label">재질</label>
+                        <select class="form-select" id="fxMaterial">
+                            <option>선택</option><option>EGI</option><option>SUS</option><option>AL</option>
+                        </select>
+                    </div>
+                    <div class="col-md-3">
+                        <label class="form-label">레이일폭</label>
+                        <input class="form-control" id="fxRail" type="number" min="0" placeholder="mm">
+                    </div>
+                </div>
+            </details>
+
+            <!-- 기타정보 (+) -->
+            <details class="mb-3">
+                <summary class="fw-semibold d-flex align-items-center">기타정보 입력
+                    <button type="button" class="btn btn-sm btn-outline-primary ms-2" id="btnAddMeta">＋</button>
+                </summary>
+                <div id="metaRows" class="mt-2"></div>
+            </details>
+
+            <!-- 절곡 이미지/스텝 -->
+            <details open class="mb-4">
+                <summary class="fw-semibold">절곡 이미지 & 스텝</summary>
+
+                <div class="row g-3 mt-2">
+                    <!-- 스텝 테이블 -->
+                    <div class="col-md-7">
+                        <div class="table-responsive">
+                            <table class="table table-bordered align-middle">
+                                <thead class="table-light">
+                                <tr>
+                                    <th style="width:60px;">번호</th>
+                                    <th>입력 길이</th>
+                                    <th>연신율(%)</th>
+                                    <th>연신 후</th>
+                                    <th>합계</th>
+                                    <th style="width:90px;">A각</th>
+                                    <th style="width:110px;">옵션</th>
+                                </tr>
+                                </thead>
+                                <tbody id="stepBody"></tbody>
+                            </table>
+                        </div>
+                        <div class="d-flex gap-2">
+                            <button type="button" class="btn btn-outline-secondary btn-sm" id="btnAddCol">마지막 열 추가</button>
+                            <button type="button" class="btn btn-outline-secondary btn-sm" id="btnDelCol">마지막 열 삭제</button>
+                            <button type="button" class="btn btn-outline-danger btn-sm" id="btnClear">모든칸 비우기</button>
+                        </div>
+                    </div>
+
+                    <!-- 캔버스 -->
+                    <div class="col-md-5">
+                        <div class="d-flex justify-content-between align-items-center mb-2">
+                            <strong>도면 캔버스</strong>
+                            <div class="d-flex gap-2">
+                                <input type="file" id="bgImage" accept="image/*" class="form-control form-control-sm">
+                                <button type="button" class="btn btn-sm btn-outline-secondary" id="btnDrawLine">선</button>
+                                <button type="button" class="btn btn-sm btn-outline-secondary" id="btnDrawRect">사각</button>
+                                <button type="button" class="btn btn-sm btn-outline-secondary" id="btnClearCanvas">지우기</button>
+                            </div>
+                        </div>
+                        <div class="border rounded p-1">
+                            <canvas id="cv" width="420" height="300" style="display:block; background:#fff;"></canvas>
+                        </div>
+                        <small class="text-muted">이미지를 올리면 배경으로 표시됩니다. 간단한 선/사각 도구 제공.</small>
+                    </div>
+                </div>
+            </details>
+
+            <div class="d-flex justify-content-end gap-2">
+                <button class="btn btn-outline-secondary" type="button" id="btnPreview">미리보기</button>
+                <button class="btn btn-primary" type="submit">저장</button>
+            </div>
+
+            <textarea id="preview" class="form-control mt-3" rows="8" style="display:none;"></textarea>
+        </form>
+    </div>
+
+    <style>
+        .meta-row .btn{ --bs-btn-padding-y:.15rem; --bs-btn-padding-x:.4rem; --bs-btn-font-size:.75rem; }
+        td input[type=number]{ width: 90px; }
+    </style>
+
+    <script>
+        (function($){
+            // ===== 기타정보 행 =====
+            function metaRowTpl(key='', val='', unit=''){
+                return `<div class="row g-2 align-items-center meta-row mb-2">
+      <div class="col-4"><input class="form-control form-control-sm meta-key" placeholder="규격"></div>
+      <div class="col-5"><input class="form-control form-control-sm meta-val" placeholder="값"></div>
+      <div class="col-2"><input class="form-control form-control-sm meta-unit" placeholder="단위"></div>
+      <div class="col-1 text-end"><button type="button" class="btn btn-outline-danger btn-sm btnMetaDel">–</button></div>
+    </div>`;
+            }
+            $('#btnAddMeta').on('click', ()=> $('#metaRows').append(metaRowTpl()));
+            $('#metaRows').on('click','.btnMetaDel', function(){ $(this).closest('.meta-row').remove(); });
+
+            // ===== 절곡 스텝 테이블 =====
+            let COLS = 2; // 기본 2열
+            function drawTable(){
+                const rows=[];
+                const headers=['번호','입력','연신율','연신후','합계','A각','옵션']; // 설명용
+                for(let r=0;r<7;r++){
+                    const cells=[];
+                    if (r===0){ // 번호
+                        for(let c=0;c<COLS;c++) cells.push(`<input class="form-control form-control-sm step-no" type="number" min="1" value="${c+1}">`);
+                    }else if(r===1){ // 입력
+                        for(let c=0;c<COLS;c++) cells.push(`<input class="form-control form-control-sm step-in" type="number" min="0" value="0">`);
+                    }else if(r===2){ // 연신율
+                        for(let c=0;c<COLS;c++) cells.push(`<input class="form-control form-control-sm step-strain" type="number" step="0.01" value="0">`);
+                    }else if(r===3){ // 연신율계산 후 (= 입력 × (1 + 연신율/100))
+                        for(let c=0;c<COLS;c++) cells.push(`<input class="form-control form-control-sm step-after" type="number" readonly value="0">`);
+                    }else if(r===4){ // 합계 (누적)
+                        for(let c=0;c<COLS;c++) cells.push(`<input class="form-control form-control-sm step-sum" type="number" readonly value="0">`);
+                    }else if(r===5){ // 음영
+                        for(let c=0;c<COLS;c++) cells.push(`<input class="form-check-input step-dark" type="checkbox">`);
+                    }else if(r===6){ // A각 표시
+                        for(let c=0;c<COLS;c++) cells.push(`<input class="form-check-input step-a" type="checkbox">`);
+                    }
+                    rows.push(`<tr>${r===0?'<th>번호</th>': r===1?'<th>입력</th>': r===2?'<th>연신율(%)</th>': r===3?'<th>연신 후</th>': r===4?'<th>합계</th>': r===5?'<th>음영</th>':'<th>A각 표시</th>'}
+        ${cells.map(td=>`<td>${td}</td>`).join('')}
+      </tr>`);
+                }
+                $('#stepBody').html(rows.join(''));
+                recalc();
+            }
+            function recalc(){
+                let running = 0;
+                $('#stepBody tr').each(function(idx,tr){
+                    if (idx<3){ /* 입력·연신율 줄 계산은 아래에서 */ }
+                    if (idx===3 || idx===4){ // 연신후 / 합계 재계산
+                        const row = $(tr);
+                        row.find('td').each(function(col){
+                            const $in = $('#stepBody .step-in').eq(col);
+                            const $st = $('#stepBody .step-strain').eq(col);
+                            const after = (+$in.val()||0) * (1 + (+$st.val()||0)/100);
+                            if (idx===3){
+                                row.find('.step-after').eq(col).val(after.toFixed(2));
+                            }
+                        });
+                    }
+                });
+                // 합계(누적)
+                const afters = $('#stepBody .step-after');
+                const sums   = $('#stepBody .step-sum');
+                let acc=0;
+                afters.each(function(i){
+                    acc += +($(this).val()||0);
+                    sums.eq(i).val(acc.toFixed(2));
+                });
+            }
+            $('#stepBody').on('input', '.step-in, .step-strain', recalc);
+
+            $('#btnAddCol').on('click', ()=>{ COLS++; drawTable(); });
+            $('#btnDelCol').on('click', ()=>{ COLS=Math.max(1,COLS-1); drawTable(); });
+            $('#btnClear').on('click', ()=>{
+                $('#stepBody input[type=number]').val(0);
+                $('#stepBody input[type=checkbox]').prop('checked',false);
+                recalc();
+            });
+
+            // ===== 캔버스 (아주 간단한 드로잉) =====
+            const cv = document.getElementById('cv');
+            const ctx = cv.getContext('2d');
+            let bgImg = null;
+            function clearCanvas(){
+                ctx.clearRect(0,0,cv.width,cv.height);
+                if (bgImg){ ctx.drawImage(bgImg, 0,0, cv.width, cv.height); }
+            }
+            $('#bgImage').on('change', function(){
+                const f=this.files[0]; if(!f) return;
+                const img=new Image();
+                img.onload=function(){ bgImg=img; clearCanvas(); };
+                img.src=URL.createObjectURL(f);
+            });
+
+            let mode='line', drawing=false, sx=0, sy=0;
+            $('#btnDrawLine').on('click', ()=> mode='line');
+            $('#btnDrawRect').on('click', ()=> mode='rect');
+            $('#btnClearCanvas').on('click', ()=>{ bgImg=null; clearCanvas(); });
+
+            cv.addEventListener('mousedown', e=>{ drawing=true; const r=cv.getBoundingClientRect(); sx=e.clientX-r.left; sy=e.clientY-r.top; });
+            cv.addEventListener('mouseup', e=>{
+                if(!drawing) return; drawing=false;
+                const r=cv.getBoundingClientRect(); const x=e.clientX-r.left, y=e.clientY-r.top;
+                ctx.strokeStyle='#333'; ctx.lineWidth=2; clearCanvas();
+                if(mode==='line'){ ctx.beginPath(); ctx.moveTo(sx,sy); ctx.lineTo(x,y); ctx.stroke(); }
+                else{ const w=x-sx, h=y-sy; ctx.strokeRect(sx,sy,w,h); }
+            });
+
+            // ===== 미리보기/저장 =====
+            function collect(){
+                // 메타
+                const metas=[]; $('#metaRows .meta-row').each(function(){
+                    metas.push({
+                        key: $(this).find('.meta-key').val().trim(),
+                        value: $(this).find('.meta-val').val().trim(),
+                        unit: $(this).find('.meta-unit').val().trim(),
+                    });
+                });
+                // 스텝
+                const no   = $('#stepBody .step-no').map((i,e)=>+e.value||0).get();
+                const inp  = $('#stepBody .step-in').map((i,e)=>+e.value||0).get();
+                const str  = $('#stepBody .step-strain').map((i,e)=>+e.value||0).get();
+                const aft  = $('#stepBody .step-after').map((i,e)=>+e.value||0).get();
+                const sum  = $('#stepBody .step-sum').map((i,e)=>+e.value||0).get();
+                const dark = $('#stepBody .step-dark').map((i,e)=>e.checked).get();
+                const a    = $('#stepBody .step-a').map((i,e)=>e.checked).get();
+                const steps = no.map((_,i)=>({ no:no[i], length:inp[i], strain:str[i], after:aft[i], acc:sum[i], shade:dark[i], a_mark:a[i] }));
+
+                // 캔버스 스냅샷
+                const snapshot = cv.toDataURL('image/png');
+
+                return {
+                    base:{ category:$('#bfCategory').val(), name:$('#bfName').val(), unit:$('#bfUnit').val(), tags:$('#bfTags').val() },
+                    fixed:{ width:+$('#fxWidth').val()||0, w:+$('#fxW').val()||0, h:+$('#fxH').val()||0, material:$('#fxMaterial').val(), rail:+$('#fxRail').val()||0 },
+                    metas, steps, cols: COLS, snapshot
+                };
+            }
+
+            $('#btnPreview').on('click', ()=>{
+                const txt = JSON.stringify(collect(), null, 2);
+                $('#preview').val(txt).show().focus();
+            });
+
+            $('#bendForm').on('submit', function(e){
+                e.preventDefault();
+                const payload = collect();
+                console.log('[BENDING SAVE]', payload);
+                alert('절곡 저장(모의). 콘솔을 확인하세요.');
+                // 실제는 $.post('/tenant/api/product/save_bending.php', payload)
+            });
+
+            // 초기
+            $('#metaRows').append(metaRowTpl());
+            drawTable();
+            clearCanvas();
+        })(jQuery);
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/product/bom_combined.php b/public/tenant/product/bom_combined.php
new file mode 100644
index 0000000..27cf8e7
--- /dev/null
+++ b/public/tenant/product/bom_combined.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='item';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/product/bom_editor.php b/public/tenant/product/bom_editor.php
new file mode 100644
index 0000000..753bf36
--- /dev/null
+++ b/public/tenant/product/bom_editor.php
@@ -0,0 +1,295 @@
+<?php
+  $CURRENT_SECTION='item'; // 상단 네비 하이라이트 용도
+  include '../inc/header.php';
+?>
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+
+        <!-- 상단 탭 -->
+        <ul class="nav nav-tabs mb-3">
+            <li class="nav-item"><a class="nav-link" href="/tenant/material/list.php">자재 관리</a></li>
+            <li class="nav-item"><a class="nav-link" href="/tenant/product/model_list.php">모델 관리</a></li>
+            <li class="nav-item"><a class="nav-link active" href="/tenant/product/bom_editor.php">BOM 관리</a></li>
+        </ul>
+
+
+        <div class="row g-3">
+            <!-- 좌측: 모델 + 자재리스트 -->
+            <div class="col-md-4">
+                <div class="card mb-3">
+                    <div class="card-header d-flex align-items-center justify-content-between">
+                        <strong>제품(모델) 선택</strong>
+                        <div class="d-flex gap-2">
+                            <select id="modelFilter" class="form-select form-select-sm" style="width:120px;">
+                                <option value="">전체</option>
+                                <option value="인정">인정</option>
+                                <option value="비인정">비인정</option>
+                            </select>
+                            <input id="modelSearch" class="form-control form-control-sm" placeholder="검색">
+                        </div>
+                    </div>
+                    <div class="list-group" id="modelList" style="max-height:240px; overflow:auto;"></div>
+                </div>
+
+                <div class="card">
+                    <div class="card-header"><strong>자재/부품(해당 제품용)</strong></div>
+                    <div class="card-body p-0">
+                        <div style="max-height:340px; overflow:auto;">
+                            <table class="table table-sm m-0">
+                                <thead class="table-light">
+                                <tr><th style="width:60px;">분류</th><th>이름</th><th style="width:70px;">단위</th></tr>
+                                </thead>
+                                <tbody id="materialList"></tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 우측: 트리 + 요약 -->
+            <div class="col-md-8">
+                <div class="card mb-3">
+                    <div class="card-header d-flex align-items-center justify-content-between">
+                        <div>
+                            <strong>편집 트리</strong>
+                            <small class="text-muted ms-2">(루트=선택한 제품)</small>
+                        </div>
+                        <div class="d-flex gap-2">
+                            <button class="btn btn-sm btn-outline-secondary" id="btnExpand">모두 펼치기</button>
+                            <button class="btn btn-sm btn-outline-secondary" id="btnCollapse">모두 닫기</button>
+                        </div>
+                    </div>
+                    <div class="card-body">
+                        <div id="treeRoot"></div>
+                    </div>
+                    <div class="card-footer d-flex justify-content-between">
+                        <div class="small text-muted">
+                            <span class="me-3">합계수량(샘플): <b id="sumQty">0</b></span>
+                            <span class="me-3">노드수: <b id="sumNodes">0</b></span>
+                        </div>
+                        <div class="d-flex gap-2">
+                            <button class="btn btn-outline-secondary btn-sm" id="btnPreview">JSON 미리보기</button>
+                            <button class="btn btn-primary btn-sm" id="btnSave">저장</button>
+                        </div>
+                    </div>
+                </div>
+
+                <textarea id="jsonPreview" class="form-control" rows="6" style="display:none;"></textarea>
+            </div>
+        </div>
+    </div>
+
+    <style>
+        .node { border:1px solid #e5e7eb; border-radius:10px; padding:.6rem .75rem; margin-bottom:.5rem; }
+        .node-header{display:flex; align-items:center; gap:.5rem}
+        .node-children{margin-left:1.25rem; margin-top:.5rem}
+        .badge-type{font-size:.7rem}
+        .node-tools .btn{ --bs-btn-padding-y: .1rem; --bs-btn-padding-x: .35rem; --bs-btn-font-size: .75rem; }
+    </style>
+
+    <script>
+        (function($){
+            // ===== 샘플 데이터 =====
+            const MODELS = [
+                {id:201, name:'KSS01', status:'인정'},
+                {id:202, name:'KSS02', status:'비인정'},
+                {id:203, name:'KSE01', status:'인정'},
+                {id:204, name:'KWE01', status:'비인정'},
+            ];
+            const MATERIALS = [
+                {id:1, type:'material', category:'자재', name:'EGI 1.5T', unit:'EA'},
+                {id:2, type:'material', category:'자재', name:'SUS 1.2T', unit:'EA'},
+                {id:3, type:'part',     category:'부품', name:'가이드레일', unit:'M'},
+                {id:4, type:'part',     category:'부품', name:'모터', unit:'EA'},
+            ];
+
+            // 트리 데이터 예시(모델별)
+            const TREE_BY_MODEL = {
+                201: { id:'root-201', type:'bom', name:'KSS01', qty:1, unit:'EA', note:'',
+                    children:[
+                        {id:'b-10',type:'bom', name:'셔터박스', qty:1, unit:'EA', note:'', children:[
+                                {id:'m-1', type:'material', ref:1, name:'EGI 1.5T', qty:2, unit:'EA', note:''}
+                            ]},
+                        {id:'p-3', type:'part', ref:3, name:'가이드레일', qty:3, unit:'M', note:''}
+                    ]
+                },
+                202: { id:'root-202', type:'bom', name:'KSS02', qty:1, unit:'EA', note:'', children:[] },
+                203: { id:'root-203', type:'bom', name:'KSE01', qty:1, unit:'EA', note:'', children:[] },
+                204: { id:'root-204', type:'bom', name:'KWE01', qty:1, unit:'EA', note:'', children:[] },
+            };
+
+            // ===== 좌측 패널 렌더 =====
+            function renderModels(){
+                const f = $('#modelFilter').val();
+                const kw = ($('#modelSearch').val()||'').toLowerCase();
+                const list = MODELS.filter(m=>{
+                    const ok1 = !f || m.status===f;
+                    const ok2 = !kw || m.name.toLowerCase().includes(kw);
+                    return ok1 && ok2;
+                });
+                const html = list.map(m =>
+                    `<a href="#" class="list-group-item list-group-item-action model-item" data-id="${m.id}">
+         <div class="d-flex justify-content-between">
+           <span>${m.name}</span>
+           <span class="badge ${m.status==='인정'?'bg-primary':'bg-secondary'}">${m.status}</span>
+         </div>
+       </a>`
+                ).join('');
+                $('#modelList').html(html);
+            }
+            function renderMaterials(){
+                const rows = MATERIALS.map(x=> `<tr>
+      <td>${x.category}</td><td>${x.name}</td><td>${x.unit}</td></tr>`).join('');
+                $('#materialList').html(rows);
+            }
+
+            // ===== 트리 렌더 =====
+            function nodeHeader(n){
+                const label = n.type==='bom' ? n.name
+                    : (n.name || (n.type==='material'?'(자재)':'(부품)'));
+                const badge = n.type==='bom' ? 'BOM' : (n.type==='material'?'MAT':'PART');
+                const refInfo = n.ref ? `<span class="text-muted small ms-1">#${n.ref}</span>` : '';
+                return `
+      <div class="node-header">
+        <span class="badge rounded-pill bg-info-subtle text-dark border badge-type">${badge}</span>
+        <strong>${label}</strong>${refInfo}
+        <div class="ms-auto node-tools">
+          <button class="btn btn-light btn-sm btnAdd" data-kind="bom" title="BOM 추가">+B</button>
+          <button class="btn btn-light btn-sm btnAdd" data-kind="material" title="자재 추가">+M</button>
+          <button class="btn btn-light btn-sm btnAdd" data-kind="part" title="부품 추가">+P</button>
+          <button class="btn btn-outline-danger btn-sm btnDel" title="삭제">–</button>
+        </div>
+      </div>
+      <div class="row g-2 mt-2">
+        <div class="col-3"><input class="form-control form-control-sm inpQty" type="number" min="0" value="${n.qty||1}" placeholder="수량"></div>
+        <div class="col-2"><input class="form-control form-control-sm inpUnit" value="${n.unit||''}" placeholder="단위"></div>
+        <div class="col"><input class="form-control form-control-sm inpNote" value="${n.note||''}" placeholder="메모"></div>
+      </div>
+    `;
+            }
+            function renderNode(n){
+                const hasChildren = Array.isArray(n.children) && n.children.length;
+                const childHtml = hasChildren ? n.children.map(ch => renderNode(ch)).join('') : '';
+                return `
+      <div class="node" data-id="${n.id}">
+        ${nodeHeader(n)}
+        <div class="node-children">${childHtml}</div>
+      </div>
+    `;
+            }
+            function bindNodeEvents(rootEl, data){
+                // 입력 변경 반영
+                rootEl.find('.inpQty').on('input', function(){
+                    const id = $(this).closest('.node').data('id');
+                    const node = findNodeById(data, id);
+                    node.qty = +this.value || 0; computeSummary(data);
+                });
+                rootEl.find('.inpUnit').on('input', function(){
+                    const id = $(this).closest('.node').data('id');
+                    findNodeById(data, id).unit = this.value;
+                });
+                rootEl.find('.inpNote').on('input', function(){
+                    const id = $(this).closest('.node').data('id');
+                    findNodeById(data, id).note = this.value;
+                });
+
+                // 추가/삭제
+                rootEl.find('.btnAdd').on('click', function(){
+                    const kind = $(this).data('kind'); // bom/material/part
+                    const id = $(this).closest('.node').data('id');
+                    const parent = findNodeById(data, id);
+                    parent.children = parent.children || [];
+                    const newId = 'n-' + Math.random().toString(36).slice(2,8);
+                    const base = {id:newId, type:kind, qty:1, unit:'EA', note:'', children:[]};
+                    if (kind!=='bom'){
+                        // 참조 선택(샘플: 첫 항목 고정 or 프롬프트)
+                        const ref = prompt(kind.toUpperCase()+' 참조 ID(예: 1):', '1');
+                        base.ref = parseInt(ref,10)||1;
+                        const refItem = MATERIALS.find(m=>m.id===base.ref) || {name:kind.toUpperCase()};
+                        base.name = refItem.name;
+                        base.unit = refItem.unit||'EA';
+                    } else {
+                        base.name = prompt('BOM 이름:', '서브어셈블리') || 'BOM';
+                    }
+                    parent.children.push(base);
+                    drawTree(data);
+                });
+                rootEl.find('.btnDel').on('click', function(){
+                    const id = $(this).closest('.node').data('id');
+                    if (!confirm('삭제할까요?')) return;
+                    removeNode(data, id);
+                    drawTree(data);
+                });
+            }
+            function findNodeById(node, id){
+                if (node.id===id) return node;
+                if (!node.children) return null;
+                for (const ch of node.children){
+                    const f = findNodeById(ch, id);
+                    if (f) return f;
+                }
+                return null;
+            }
+            function removeNode(node, id){
+                if (!node.children) return false;
+                const idx = node.children.findIndex(c=>c.id===id);
+                if (idx>=0){ node.children.splice(idx,1); return true; }
+                return node.children.some(c=>removeNode(c,id));
+            }
+
+            function computeSummary(root){
+                let nodes=0, qty=0;
+                (function walk(n){
+                    nodes++; qty += +(n.qty||0);
+                    (n.children||[]).forEach(walk);
+                })(root);
+                $('#sumNodes').text(nodes);
+                $('#sumQty').text(qty);
+            }
+
+            // 그리기
+            let CURRENT_MODEL_ID = MODELS[0].id;
+            let CURRENT_TREE = JSON.parse(JSON.stringify(TREE_BY_MODEL[CURRENT_MODEL_ID]));
+            function drawTree(data){
+                $('#treeRoot').html( renderNode(data) );
+                bindNodeEvents($('#treeRoot'), data);
+                computeSummary(data);
+            }
+
+            // ===== 이벤트 =====
+            $('#modelFilter, #modelSearch').on('input', renderModels);
+            $('#modelList').on('click', '.model-item', function(e){
+                e.preventDefault();
+                const id = parseInt($(this).data('id'),10);
+                CURRENT_MODEL_ID = id;
+                CURRENT_TREE = JSON.parse(JSON.stringify(TREE_BY_MODEL[id] || {id:'root-'+id,type:'bom',name:'NEW',qty:1,unit:'EA',children:[]}));
+                drawTree(CURRENT_TREE);
+                $('#modelList .model-item').removeClass('active');
+                $(this).addClass('active');
+            });
+
+            $('#btnExpand').on('click', ()=> $('#treeRoot .node-children').show());
+            $('#btnCollapse').on('click', ()=> $('#treeRoot .node-children').hide());
+
+            $('#btnPreview').on('click', ()=>{
+                const txt = JSON.stringify(CURRENT_TREE, null, 2);
+                $('#jsonPreview').val(txt).show().focus();
+            });
+
+            $('#btnSave').on('click', ()=>{
+                const payload = {
+                    model_id: CURRENT_MODEL_ID,
+                    tree: CURRENT_TREE
+                };
+                console.log('[SAVE] payload', payload);
+                alert('저장(모의). 콘솔을 확인하세요.');
+                // 실제는 $.post('/tenant/api/product/save_bom.php', payload)
+            });
+
+            // 초기 렌더
+            renderModels(); renderMaterials();
+            $('#modelList .model-item').first().addClass('active');
+            drawTree(CURRENT_TREE);
+        })(jQuery);
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/product/code_lot.php b/public/tenant/product/code_lot.php
new file mode 100644
index 0000000..27cf8e7
--- /dev/null
+++ b/public/tenant/product/code_lot.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='item';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/product/model_list.php b/public/tenant/product/model_list.php
new file mode 100644
index 0000000..89b845e
--- /dev/null
+++ b/public/tenant/product/model_list.php
@@ -0,0 +1,310 @@
+<?php
+// 모델관리
+$CURRENT_SECTION='item';
+include '../inc/header.php';
+?>
+    <div class="container" style="max-width:1280px; margin-top:24px;">
+
+        <!-- 탭 -->
+        <ul class="nav nav-tabs mb-3">
+            <li class="nav-item"><a class="nav-link" href="/tenant/material/list.php">자재 관리</a></li>
+            <li class="nav-item"><a class="nav-link active" href="/tenant/product/model_list.php">모델 관리</a></li>
+            <li class="nav-item"><a class="nav-link" href="/tenant/product/bom_editor.php">BOM 관리</a></li>
+        </ul>
+
+        <!-- 툴바 -->
+        <div class="d-flex flex-wrap gap-2 align-items-center mb-2">
+            <div class="d-flex align-items-center gap-2">
+                <label class="text-muted">분류</label>
+                <select class="form-select form-select-sm" id="filterCategory" style="width:160px;">
+                    <option value="">전체</option>
+                    <option value="스크린">스크린</option>
+                    <option value="철재">철재</option>
+                    <option value="유리">유리</option>
+                </select>
+            </div>
+
+            <div class="input-group" style="max-width:340px;">
+                <input type="text" class="form-control form-control-sm" id="keyword" placeholder="모델명/로트코드 검색">
+                <button class="btn btn-outline-secondary btn-sm" id="btnSearch">Search</button>
+            </div>
+
+            <div class="d-flex align-items-center gap-2">
+                <label class="text-muted">표시</label>
+                <select id="pageSize" class="form-select form-select-sm" style="width:80px;">
+                    <option>10</option><option selected>20</option><option>30</option><option>50</option>
+                </select>
+            </div>
+
+            <div class="ms-auto small text-muted" id="totalInfo">총 0건</div>
+            <button class="btn btn-primary btn-sm" id="btnOpenCreate">신규등록</button>
+        </div>
+
+        <!-- 리스트 -->
+        <div class="table-responsive border rounded">
+            <table class="table table-hover table-striped align-middle m-0">
+                <thead class="table-light">
+                <tr>
+                    <th style="width:70px;">NO</th>
+                    <th style="width:140px;">분류</th>
+                    <th>모델명</th>
+                    <th style="width:140px;">로트 코드</th>
+                    <th style="width:140px;">등록일</th>
+                    <th style="width:160px;" class="text-center">수정/삭제</th>
+                </tr>
+                </thead>
+                <tbody id="listBody"></tbody>
+            </table>
+        </div>
+
+        <!-- 페이징 -->
+        <div class="d-flex justify-content-center mt-3">
+            <nav id="pagerNav" aria-label="Page navigation"></nav>
+        </div>
+    </div>
+
+    <!-- 모달 (부트스트랩 + 폴백) -->
+    <div class="modal fade" id="modelModal" tabindex="-1" aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered modal-lg">
+            <form class="modal-content needs-validation" id="modelForm" novalidate>
+                <div class="modal-header">
+                    <h5 class="modal-title" id="modelModalTitle">모델 등록</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기" id="btnCloseX"></button>
+                </div>
+                <div class="modal-body">
+                    <input type="hidden" id="mdlId">
+                    <div class="row g-3">
+                        <div class="col-md-3">
+                            <label class="form-label">분류 <span class="text-danger">*</span></label>
+                            <select class="form-select" id="mdlCategory" required>
+                                <option value="">선택</option>
+                                <option>스크린</option>
+                                <option>철재</option>
+                                <option>유리</option>
+                            </select>
+                            <div class="invalid-feedback">분류를 선택하세요.</div>
+                        </div>
+                        <div class="col-md-5">
+                            <label class="form-label">모델명 <span class="text-danger">*</span></label>
+                            <input type="text" class="form-control" id="mdlName" required>
+                            <div class="invalid-feedback">모델명을 입력하세요.</div>
+                        </div>
+                        <div class="col-md-4">
+                            <label class="form-label">로트 코드</label>
+                            <input type="text" class="form-control" id="mdlLot" placeholder="예: SA, WE">
+                        </div>
+                        <div class="col-12">
+                            <label class="form-label">내용</label>
+                            <input type="text" class="form-control" id="mdlDesc" placeholder="간단 설명">
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <div class="me-auto small text-muted" id="modalHint"></div>
+                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal" id="btnClose">닫기</button>
+                    <button type="submit" class="btn btn-primary" id="btnSubmit">등록</button>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <!-- 토스트 -->
+    <div class="position-fixed bottom-0 end-0 p-3" style="z-index:1080">
+        <div id="snack" class="toast align-items-center text-bg-primary border-0" role="alert">
+            <div class="d-flex">
+                <div class="toast-body" id="snackMsg">Saved</div>
+                <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"></button>
+            </div>
+        </div>
+    </div>
+
+    <style>
+        .table > :not(caption) > * > * { vertical-align: middle; }
+        /* 부트스트랩 JS 없는 경우의 간단 폴백 */
+        .modal.fallback-show { display:block; background:rgba(0,0,0,.45); }
+        .modal.fallback-show .modal-dialog {
+            top: 50%;
+            transform: translateY(-50%);
+            margin: 0 auto;
+            position: relative;
+        }
+    </style>
+
+    <script>
+        (function(){
+            // ===== 샘플 데이터 =====
+            function buildSample(count=64){
+                const cats=['스크린','철재','유리'], lots=['SS','SA','SE','WE','TS','TE','DS'];
+                const arr=[]; for(let i=1;i<=count;i++){
+                    arr.push({
+                        id:i,
+                        category: cats[i%cats.length],
+                        name: (i%7===0)? `${cats[i%cats.length]} 비인정` : `${cats[i%cats.length]} K${String(i).padStart(2,'0')}`,
+                        lot: lots[i%lots.length],
+                        created_at: new Date(Date.now()-86400000*i).toISOString().slice(0,10),
+                        desc:''
+                    });
+                } return arr;
+            }
+            let MODELS = buildSample(97);
+
+            // ===== 상태/유틸 =====
+            let PAGE=1, SIZE=20;
+            const $=s=>document.querySelector(s), $$=s=>Array.from(document.querySelectorAll(s));
+            const hasBS = ()=> !!window.bootstrap;
+            const snack = ()=> hasBS() ? new bootstrap.Toast('#snack') : { show(){ /* no-op */ } };
+
+            function getFiltered(){
+                const cat=$('#filterCategory').value.trim();
+                const kw=$('#keyword').value.trim().toLowerCase();
+                return MODELS.filter(m=>{
+                    const okCat=!cat || m.category===cat;
+                    const hay=(m.name+' '+(m.lot||'')).toLowerCase();
+                    const okKw=!kw || hay.includes(kw);
+                    return okCat && okKw;
+                });
+            }
+
+            // ===== 렌더 =====
+            function renderList(){
+                const data=getFiltered();
+                const total=data.length;
+                const pages=Math.max(1, Math.ceil(total/SIZE));
+                if(PAGE>pages) PAGE=pages;
+
+                const start=(PAGE-1)*SIZE, end=start+SIZE;
+                $('#listBody').innerHTML = data.slice(start,end).map((m,i)=>`
+      <tr data-id="${m.id}">
+        <td>${start+i+1}</td>
+        <td>${m.category}</td>
+        <td>${m.name}</td>
+        <td>${m.lot||''}</td>
+        <td>${m.created_at}</td>
+        <td class="text-center">
+          <button class="btn btn-sm btn-outline-primary me-1 btnEdit">수정</button>
+          <button class="btn btn-sm btn-outline-danger btnDel">삭제</button>
+        </td>
+      </tr>
+    `).join('') || `<tr><td colspan="6" class="text-center text-muted py-4">데이터가 없습니다.</td></tr>`;
+
+                $('#totalInfo').textContent=`총 ${total.toLocaleString()}건 · ${total?(start+1):0}-${Math.min(end,total)} 표시`;
+
+                const win=7; let sp=Math.max(1,PAGE-Math.floor(win/2)), ep=Math.min(pages, sp+win-1); sp=Math.max(1,ep-win+1);
+                let html=`<ul class="pagination pagination-sm m-0">`;
+                html+=`<li class="page-item ${PAGE===1?'disabled':''}"><a class="page-link" href="#" data-go="first">«</a></li>`;
+                html+=`<li class="page-item ${PAGE===1?'disabled':''}"><a class="page-link" href="#" data-go="${PAGE-1}">‹</a></li>`;
+                for(let p=sp;p<=ep;p++){ html+=`<li class="page-item ${p===PAGE?'active':''}"><a class="page-link" href="#" data-go="${p}">${p}</a></li>`; }
+                html+=`<li class="page-item ${PAGE===pages?'disabled':''}"><a class="page-link" href="#" data-go="${PAGE+1}">›</a></li>`;
+                html+=`<li class="page-item ${PAGE===pages?'disabled':''}"><a class="page-link" href="#" data-go="last">»</a></li>`;
+                html+=`</ul>`; $('#pagerNav').innerHTML=html;
+            }
+
+            // ===== 모달(부트스트랩/폴백) =====
+            let mdlModal = null;
+            function openModal(){
+                try{
+                    if (hasBS()){
+                        mdlModal = mdlModal || new bootstrap.Modal('#modelModal');
+                        mdlModal.show(); return;
+                    }
+                }catch(_){}
+                // 폴백
+                const m = $('#modelModal');
+                m.classList.add('fallback-show','show');
+            }
+            function closeModal(){
+                if (hasBS() && mdlModal){ mdlModal.hide(); return; }
+                const m = $('#modelModal');
+                m.classList.remove('fallback-show','show');
+            }
+            $('#btnClose').addEventListener('click', closeModal);
+            $('#btnCloseX').addEventListener('click', closeModal);
+
+            // ===== 이벤트 =====
+            // 신규등록
+            $('#btnOpenCreate').addEventListener('click', ()=>{
+                $('#modelModalTitle').textContent='모델 등록';
+                $('#btnSubmit').textContent='등록';
+                $('#modelForm').reset();
+                $('#mdlId').value='';
+                $('#modalHint').textContent='※ 필수 입력: 분류, 모델명';
+                openModal();
+            });
+
+            // 저장(등록/수정)
+            $('#modelForm').addEventListener('submit', e=>{
+                e.preventDefault(); e.stopPropagation();
+                e.currentTarget.classList.add('was-validated');
+                if(!e.currentTarget.checkValidity()) return;
+
+                const dto={
+                    id: $('#mdlId').value ? parseInt($('#mdlId').value,10) : null,
+                    category: $('#mdlCategory').value,
+                    name: $('#mdlName').value.trim(),
+                    lot: $('#mdlLot').value.trim(),
+                    desc: $('#mdlDesc').value.trim(),
+                    created_at: new Date().toISOString().slice(0,10)
+                };
+
+                if(dto.id){
+                    const idx=MODELS.findIndex(x=>x.id===dto.id);
+                    if(idx>=0) MODELS[idx]={...MODELS[idx], ...dto};
+                    $('#snackMsg').textContent='수정되었습니다.'; snack().show();
+                }else{
+                    dto.id=(MODELS.reduce((mx,m)=>Math.max(mx,m.id),0)||0)+1;
+                    MODELS.unshift(dto);
+                    $('#snackMsg').textContent='등록되었습니다.'; snack().show();
+                }
+                closeModal();
+                PAGE=1; renderList();
+            });
+
+            // 수정/삭제/페이징
+            document.addEventListener('click', e=>{
+                const a=e.target.closest('#pagerNav a');
+                if (a){ e.preventDefault();
+                    const pages=Math.max(1, Math.ceil(getFiltered().length/SIZE));
+                    const go=a.dataset.go;
+                    if(go==='first') PAGE=1;
+                    else if(go==='last') PAGE=pages;
+                    else PAGE=Math.min(Math.max(parseInt(go,10)||1,1), pages);
+                    renderList();
+                    return;
+                }
+                if (e.target.classList.contains('btnEdit')){
+                    const id=parseInt(e.target.closest('tr').dataset.id,10);
+                    const m=MODELS.find(x=>x.id===id); if(!m) return;
+                    $('#modelModalTitle').textContent='모델 수정';
+                    $('#btnSubmit').textContent='수정';
+                    $('#mdlId').value=m.id; $('#mdlCategory').value=m.category; $('#mdlName').value=m.name;
+                    $('#mdlLot').value=m.lot||''; $('#mdlDesc').value=m.desc||'';
+                    $('#modalHint').textContent='필드 수정 후 [수정] 클릭';
+                    openModal();
+                }
+                if (e.target.classList.contains('btnDel')){
+                    const id=parseInt(e.target.closest('tr').dataset.id,10);
+                    if(!confirm('삭제하시겠습니까?')) return;
+                    MODELS = MODELS.filter(x=>x.id!==id);
+                    $('#snackMsg').textContent='삭제되었습니다.'; snack().show();
+                    renderList();
+                }
+            });
+
+            // 검색/필터/표시개수
+            $('#btnSearch').addEventListener('click', ()=>{ PAGE=1; renderList(); });
+            $('#keyword').addEventListener('keydown', e=>{ if(e.key==='Enter'){ PAGE=1; renderList(); }});
+            $('#filterCategory').addEventListener('change', ()=>{ PAGE=1; renderList(); });
+            $('#pageSize').addEventListener('change', function(){ SIZE=parseInt(this.value,10)||20; PAGE=1; renderList(); });
+
+            // 최초
+            document.addEventListener('DOMContentLoaded', ()=>{
+                const ps=$('#pageSize'); if(ps) SIZE=parseInt(ps.value,10)||20;
+                renderList();
+            });
+        })();
+    </script>
+
+    <!-- Bootstrap JS (있으면 사용, 없어도 폴백으로 동작) -->
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/product/product_price.php b/public/tenant/product/product_price.php
new file mode 100644
index 0000000..27cf8e7
--- /dev/null
+++ b/public/tenant/product/product_price.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='item';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/production/bend_work.php b/public/tenant/production/bend_work.php
new file mode 100644
index 0000000..9cde691
--- /dev/null
+++ b/public/tenant/production/bend_work.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='process';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/production/mid_inspection.php b/public/tenant/production/mid_inspection.php
new file mode 100644
index 0000000..58b37fc
--- /dev/null
+++ b/public/tenant/production/mid_inspection.php
@@ -0,0 +1,101 @@
+<!-- SAM RULES: include=../inc/header.php; base=/tenant; width=1280; js=jQuery+BS5 -->
+<?php
+// 모달 바디로 Ajax 로드되는 "중간검사서" 전용 페이지(본문 조각)
+$title = $_POST['sheet_title'] ?? '중간 검사성적서';
+$rowsJson = $_POST['rows'] ?? '[]';
+$rows = json_decode($rowsJson, true) ?: [];
+?>
+<div class="p-3">
+
+    <!-- 문서 헤더 -->
+    <div class="border rounded mb-3">
+        <div class="p-2 bg-light d-flex justify-content-between align-items-center">
+            <div class="fw-bold"><?= htmlspecialchars($title) ?></div>
+            <div class="small text-muted">문서번호: KD-QP-01-006</div>
+        </div>
+        <div class="p-3 small">
+            <div class="row g-2">
+                <div class="col-md-3"><span class="text-muted">품명</span><br><strong>스크린</strong></div>
+                <div class="col-md-3"><span class="text-muted">제품 LOT NO</span><br><strong>자동입력</strong></div>
+                <div class="col-md-3"><span class="text-muted">검사일자</span><br><strong>연도-월-일</strong></div>
+                <div class="col-md-3"><span class="text-muted">검사자</span><br><strong>자동입력</strong></div>
+            </div>
+            <div class="row g-2 mt-2">
+                <div class="col-md-3"><span class="text-muted">현장명</span><br><strong>자동입력</strong></div>
+                <div class="col-md-3"><span class="text-muted">규격</span><br><strong>자동입력</strong></div>
+                <div class="col-md-3"><span class="text-muted">결재</span><br>
+                    <div class="d-flex gap-2">
+                        <span class="badge text-bg-secondary">작성</span>
+                        <span class="badge text-bg-secondary">검토</span>
+                        <span class="badge text-bg-secondary">승인</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 검사표 -->
+    <div class="border rounded">
+        <div class="p-2 border-bottom bg-light fw-semibold">중간검사 결과</div>
+        <div class="table-responsive">
+            <table class="table table-sm align-middle m-0">
+                <thead class="table-light">
+                <tr>
+                    <th style="width:70px;">일련</th>
+                    <th style="width:140px;">원자재 로트</th>
+                    <th style="width:150px;">자재명</th>
+                    <th style="width:120px;">길이(mm)</th>
+                    <th style="width:120px;">높이(mm)</th>
+                    <th style="width:220px;">판정</th>
+                </tr>
+                </thead>
+                <tbody id="miTbody">
+                <?php foreach($rows as $i=>$r): ?>
+                    <tr data-idx="<?= $i ?>">
+                        <td><?= htmlspecialchars($r['id'] ?? '') ?></td>
+                        <td><?= htmlspecialchars($r['rawl ot'] ?? $r['rawlot'] ?? '') ?></td>
+                        <td><?= htmlspecialchars($r['item'] ?? '') ?></td>
+                        <td><input type="number" class="form-control form-control-sm mi-len" placeholder="mm"></td>
+                        <td><input type="number" class="form-control form-control-sm mi-hei" placeholder="mm"></td>
+                        <td>
+                            <div class="d-flex gap-3">
+                                <div class="form-check">
+                                    <input class="form-check-input" type="radio" name="mi_<?= $i ?>" value="합격">
+                                    <label class="form-check-label">합격</label>
+                                </div>
+                                <div class="form-check">
+                                    <input class="form-check-input" type="radio" name="mi_<?= $i ?>" value="불합격">
+                                    <label class="form-check-label">불합격</label>
+                                </div>
+                            </div>
+                        </td>
+                    </tr>
+                <?php endforeach; ?>
+                </tbody>
+            </table>
+        </div>
+        <div class="p-2 small text-muted">※ 측정값은 기록용(저장 대상 아님), 판정만 상위 화면에 반영됩니다.</div>
+    </div>
+
+    <!-- 하단 버튼 -->
+    <div class="d-flex justify-content-end gap-2 mt-3">
+        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">닫기</button>
+        <button type="button" class="btn btn-primary" id="btnApplyMid">적용</button>
+    </div>
+</div>
+
+<script>
+    (function(){
+        // 적용 → 부모에 결과 전달
+        document.getElementById('btnApplyMid').addEventListener('click', function(){
+            const out = [];
+            document.querySelectorAll('#miTbody tr').forEach(tr=>{
+                const idx = +tr.getAttribute('data-idx');
+                const res = tr.querySelector('input[type=radio]:checked');
+                out.push({ idx, result: res ? res.value : null });
+            });
+            // 부모에 커스텀 이벤트 전달
+            document.dispatchEvent(new CustomEvent('mid:apply', { detail: out }));
+        });
+    })();
+</script>
diff --git a/public/tenant/production/process_detail.php b/public/tenant/production/process_detail.php
new file mode 100644
index 0000000..ce10c92
--- /dev/null
+++ b/public/tenant/production/process_detail.php
@@ -0,0 +1,201 @@
+<!-- SAM RULES: include=../inc/header.php; base=/tenant; width=1280; js=jQuery+BS5 -->
+<?php
+// 모달 내부 Ajax 본문 조각 (header/footer 없음)
+$jobId   = $_POST['job_id']   ?? ($_GET['job_id']   ?? '');
+$cust    = $_POST['cust']     ?? ($_GET['cust']     ?? '');
+$orderNo = $_POST['order_no'] ?? ($_GET['order_no'] ?? '');
+?>
+<div class="p-3">
+
+    <!-- 0) 작업 기본정보 (텍스트 표기) -->
+    <div class="border rounded mb-3">
+        <div class="p-2 border-bottom bg-light fw-semibold">작업 기본정보</div>
+        <div class="p-3">
+            <div class="row g-2 small">
+                <div class="col-md-3"><span class="text-muted">작업코드</span> : <strong><?= htmlspecialchars($jobId) ?></strong></div>
+                <div class="col-md-3"><span class="text-muted">수주번호</span> : <strong><?= htmlspecialchars($orderNo) ?></strong></div>
+                <div class="col-md-3"><span class="text-muted">고객명</span> : <strong><?= htmlspecialchars($cust) ?></strong></div>
+                <div class="col-md-3"><span class="text-muted">현장명</span> : <strong>자동입력</strong></div>
+                <div class="col-md-3"><span class="text-muted">수주계약일</span> : <strong>자동입력</strong></div>
+                <div class="col-md-3"><span class="text-muted">제품명</span> : <strong>자동입력</strong></div>
+                <div class="col-md-3"><span class="text-muted">출고요청일</span> : <strong>자동입력</strong></div>
+                <div class="col-md-3"><span class="text-muted">비고</span> : <strong>-</strong></div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 1) 작업 상세 -->
+    <div class="border rounded">
+        <!-- 상단 바: 전체 일괄 체크 -->
+        <div class="d-flex align-items-center justify-content-between p-2 border-bottom bg-light">
+            <div class="fw-semibold">작업 상세정보</div>
+            <button type="button" class="btn btn-sm btn-outline-dark" id="btnCheckAll">전체 일괄 체크</button>
+        </div>
+
+        <div class="table-responsive">
+            <table class="table table-sm align-middle m-0" id="procTable">
+                <thead class="table-light">
+                <tr>
+                    <th style="width:70px;">일련</th>
+                    <th style="width:140px;">원자재 로트</th>
+                    <th style="width:60px;">층</th>
+                    <th style="width:90px;">부호</th>
+                    <th style="width:120px;">자재명</th>
+                    <th style="width:90px;">가로</th>
+                    <th style="width:90px;">세로</th>
+                    <th style="width:160px;">제단사항</th>
+
+                    <!-- 각 공정 버튼을 해당 칼럼 라인에 정렬 -->
+                    <th style="width:110px; text-align:center;">
+                        <div class="mb-1">절단</div>
+                        <button type="button" class="btn btn-xs btn-outline-primary w-100" id="btnAllCut">전체</button>
+                    </th>
+                    <th style="width:110px; text-align:center;">
+                        <div class="mb-1">미싱</div>
+                        <button type="button" class="btn btn-xs btn-outline-primary w-100" id="btnAllSew">전체</button>
+                    </th>
+                    <th style="width:130px; text-align:center;">
+                        <div class="mb-1">중간검사</div>
+                        <button type="button" class="btn btn-xs btn-outline-primary w-100" id="btnOpenMid">열기</button>
+                    </th>
+                    <th style="width:110px; text-align:center;">
+                        <div class="mb-1">포장</div>
+                        <button type="button" class="btn btn-xs btn-outline-primary w-100" id="btnAllPack">전체</button>
+                    </th>
+                </tr>
+                </thead>
+                <tbody id="procBody"><!-- JS 렌더 --></tbody>
+            </table>
+        </div>
+    </div>
+
+    <!-- 하단 버튼 -->
+    <div class="d-flex justify-content-end gap-2 mt-3">
+        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">닫기</button>
+        <button type="button" class="btn btn-primary" id="btnSaveProcess">저장</button>
+    </div>
+</div>
+
+<!-- 중간검사서 모달(본문은 별도 파일로 로드) -->
+<div class="modal fade" id="midInspectModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
+        <div class="modal-content">
+            <div class="modal-body p-0" id="midBody"><!-- /tenant/production/mid_inspection.php 로드 --></div>
+        </div>
+    </div>
+</div>
+
+<style>
+    #procTable th, #procTable td { vertical-align: middle; }
+    .cell-center { text-align:center; }
+    .chip-pass  { background:#d1e7dd; color:#0f5132; border-radius:12px; padding:.1rem .5rem; font-size:.8rem; }
+    .chip-fail  { background:#ffdede; color:#a10000; border-radius:12px; padding:.1rem .5rem; font-size:.8rem; }
+    .btn-xs { --bs-btn-padding-y:.15rem; --bs-btn-padding-x:.35rem; --bs-btn-font-size:.75rem; }
+</style>
+
+<script>
+    (function($){
+        // ---- 샘플 데이터 ----
+        const rows = [
+            { id:1, rawlot:'250729-01', floor:1, unit:'FSS-01', item:'실리카', w:6960, h:3050, cutnote:'1220*2장 800*1장',
+                cut:false, sew:false, mid:null, pack:false },
+            { id:2, rawlot:'250729-01', floor:1, unit:'FSS-02', item:'실리카', w:5160, h:3050, cutnote:'1220*2장 800*1장',
+                cut:false, sew:false, mid:null, pack:false },
+            { id:3, rawlot:'', floor:'', unit:'', item:'', w:'', h:'', cutnote:'',
+                cut:false, sew:false, mid:null, pack:false },
+            { id:4, rawlot:'', floor:'', unit:'', item:'', w:'', h:'', cutnote:'',
+                cut:false, sew:false, mid:null, pack:false },
+        ];
+
+        function midBadge(v){
+            if(v==null || v==='') return '';
+            return (v==='합격')
+                ? '<span class="chip-pass">합격</span>'
+                : '<span class="chip-fail">불합격</span>';
+        }
+
+        function renderMain(){
+            const html = rows.map((r,i)=>`
+      <tr data-idx="${i}">
+        <td>${r.id||''}</td>
+        <td>${r.rawlot||''}</td>
+        <td>${r.floor||''}</td>
+        <td>${r.unit||''}</td>
+        <td>${r.item||''}</td>
+        <td>${r.w||''}</td>
+        <td>${r.h||''}</td>
+        <td>${r.cutnote||''}</td>
+
+        <td class="cell-center">
+          <input class="form-check-input form-check-input-sm chk-cut" type="checkbox" ${r.cut?'checked':''}>
+        </td>
+        <td class="cell-center">
+          <input class="form-check-input form-check-input-sm chk-sew" type="checkbox" ${r.sew?'checked':''}>
+        </td>
+        <td class="cell-center">
+          <div class="mid-badge">${midBadge(r.mid)}</div>
+        </td>
+        <td class="cell-center">
+          <input class="form-check-input form-check-input-sm chk-pack" type="checkbox" ${r.pack?'checked':''}>
+        </td>
+      </tr>
+    `).join('');
+            $('#procBody').html(html);
+        }
+
+        // ---- 전체 일괄 체크/해제 ----
+        function toggleAllProcesses(){
+            const anyOff = rows.some(r=>!(r.cut && r.sew && r.pack));
+            rows.forEach(r=>{ r.cut=anyOff; r.sew=anyOff; r.pack=anyOff; });
+            renderMain();
+        }
+        $('#btnCheckAll').on('click', toggleAllProcesses);
+
+        // ---- 공정별 일괄 토글 ----
+        function toggleColumn(key){
+            const anyOff = rows.some(r=>!r[key]);
+            rows.forEach(r=>{ r[key]=anyOff; });
+            renderMain();
+        }
+        $('#btnAllCut').on('click', ()=>toggleColumn('cut'));
+        $('#btnAllSew').on('click', ()=>toggleColumn('sew'));
+        $('#btnAllPack').on('click', ()=>toggleColumn('pack'));
+
+        // 개별 체크
+        $(document).on('change', '.chk-cut',  function(){ rows[$(this).closest('tr').data('idx')].cut  = this.checked; });
+        $(document).on('change', '.chk-sew',  function(){ rows[$(this).closest('tr').data('idx')].sew  = this.checked; });
+        $(document).on('change', '.chk-pack', function(){ rows[$(this).closest('tr').data('idx')].pack = this.checked; });
+
+        // ---- 중간검사서 열기: 별도 페이지 로드 ----
+        $('#btnOpenMid').on('click', function(){
+            $('#midBody').html('<div class="p-4 text-center text-muted">로딩 중…</div>');
+            $('#midBody').load('/tenant/production/mid_inspection.php', {
+                sheet_title: '스크린-중간 검사성적서',
+                rows: JSON.stringify(rows)
+            }, function(){
+                new bootstrap.Modal('#midInspectModal').show();
+            });
+        });
+
+        // ---- 중간검사서 → 결과 적용 (커스텀 이벤트 수신) ----
+        document.addEventListener('mid:apply', function(e){
+            const results = e.detail || [];
+            // results: [{idx:0, result:'합격'|'불합격'}, ...]
+            results.forEach(r=>{
+                if(rows[r.idx]) rows[r.idx].mid = r.result || null;
+            });
+            renderMain();
+            const m = bootstrap.Modal.getInstance(document.getElementById('midInspectModal'));
+            m && m.hide();
+        });
+
+        // 저장(모의)
+        $('#btnSaveProcess').on('click', function(){
+            const payload = { job_id: <?= json_encode($jobId) ?>, order_no: <?= json_encode($orderNo) ?>, rows };
+            console.log('[PROCESS SAVE]', payload);
+            alert('저장(모의). 콘솔을 확인하세요.');
+        });
+
+        renderMain();
+    })(jQuery);
+</script>
diff --git a/public/tenant/production/screen_progress.php b/public/tenant/production/screen_progress.php
new file mode 100644
index 0000000..0d108e4
--- /dev/null
+++ b/public/tenant/production/screen_progress.php
@@ -0,0 +1,275 @@
+<!-- SAM RULES: include=../inc/header.php; base=/tenant; width=1280; js=jQuery+BS5 -->
+<?php
+$CURRENT_SECTION='process';
+include '../inc/header.php';
+?>
+<div class="container" style="max-width:1280px; margin-top:18px;">
+
+    <!-- 탭 (좌측) + 검색 (우측) -->
+    <div class="d-flex align-items-center justify-content-between mb-2">
+        <ul class="nav nav-pills gap-2">
+            <li class="nav-item">
+                <a class="nav-link" href="/tenant/production/screen_work.php">작업지시현황</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link active" href="/tenant/production/screen_progress.php">공정진행현황</a>
+            </li>
+        </ul>
+
+        <!-- 기본 검색폼 (키워드 + 작업자 + 버튼) -->
+        <form id="searchForm" class="d-flex gap-2">
+            <div class="search-form d-flex gap-2">
+                <input type="text" id="keyword" class="form-control" placeholder="현장명/발주처/제품명 등">
+                <input type="text" id="worker"  class="form-control" placeholder="작업자">
+                <button type="submit" class="btn btn-primary">검색</button>
+            </div>
+        </form>
+    </div>
+
+    <div class="border rounded p-2">
+        <div class="table-responsive">
+            <table class="table table-hover align-middle m-0" id="jobTable">
+                <thead class="table-light">
+                <tr>
+                    <th style="width:64px;">NO</th>
+                    <th style="width:90px;">작업순위</th>
+                    <th style="width:120px;">수주계약일</th>
+                    <th style="width:140px;">발주처</th>
+                    <th>현장명</th>
+                    <th style="width:110px;">제품명</th>
+                    <th style="width:90px;">수량(틀)</th>
+                    <th style="width:130px;">출고요청일</th>
+                    <th style="width:150px;">작업자</th>             <!-- 추가 -->
+                    <th style="width:140px;">공정진행현황</th>      <!-- 라벨 변경 -->
+                </tr>
+                </thead>
+                <tbody id="jobTbody"><!-- JS로 렌더 --></tbody>
+            </table>
+        </div>
+
+        <!-- 페이지네이션 -->
+        <div class="d-flex justify-content-center py-2" id="pager"></div>
+    </div>
+</div>
+
+<!-- 작업지시 모달 (본문 Ajax 로드 그대로 사용) -->
+<div class="modal fade" id="workInstructionModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">작업 지시</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <div class="modal-body p-0" id="wiBody"><!-- /tenant/production/work_instruction.php 로드 --></div>
+        </div>
+    </div>
+</div>
+
+<!-- 모바일 카드 뷰 -->
+<div id="jobCards" class="mt-2"></div>
+
+<style>
+    /* 헤더/셀 간격 + 한 줄 유지 */
+    #jobTable th{ vertical-align:middle; text-align:center; white-space:nowrap; padding:.55rem .6rem; }
+    #jobTable td{ vertical-align:middle; padding:.55rem .6rem; }
+
+    /* 정렬: 번호/순위/수량/마지막 2개 */
+    #jobTable td:nth-child(1),
+    #jobTable td:nth-child(2),
+    #jobTable td:nth-child(7),
+    #jobTable td:nth-last-child(1),
+    #jobTable td:nth-last-child(2){ text-align:center; }
+
+    /* 현장명: 고정폭 + 말줄임 */
+    #jobTable td:nth-child(5){
+        max-width: 280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+    }
+
+    /* 상태 뱃지 */
+    .badge-state{ font-weight:600; }
+    .badge-wait{ background:#fff1a8; color:#111; }       /* 대기 */
+    .badge-miss{ background:#86b7fe; color:#052c65; }    /* 미싱 */
+    .badge-check{ background:#d1e7dd; color:#0f5132; }   /* 중간검사 */
+    .badge-pack{ background:#cfe2ff; color:#052c65; }    /* 포장 */
+    .badge-done{ background:#adb5bd; }
+    .badge-cancel{ background:#ffb3b3; }
+
+    /* 대기 행 하이라이트(다른 행은 hover 때만) */
+    .row-waiting{ background:#fff8cc; }
+
+    /* 페이지네이션 */
+    .pagination .page-link{ padding:.35rem .6rem; }
+    .pagination .page-item.active .page-link{ background:#2c4a85; border-color:#2c4a85; }
+
+    /* 모바일: 테이블 → 카드 */
+    @media (max-width: 767.98px){
+        .table-responsive{ display:none; }
+        #jobCards{ display:block; }
+    }
+    @media (min-width: 768px){
+        #jobCards{ display:none; }
+    }
+
+    .job-card .title{ font-weight:700; }
+    .job-card .meta{ font-size:.9rem; color:#555; }
+    .job-card.waiting{ background:#fff8cc; }
+
+    .search-form .btn{
+        height:38px; line-height:1.5; padding:0 16px; white-space:nowrap;
+    }
+</style>
+
+<script>
+    $(function(){
+
+        // ------- 샘플 데이터 (공정단계 + 작업자 포함) -------
+        const rows = [
+            {no:13, pri:0,  od:'2025-07-25', buyer:'명보에스티', site:'일산 동국대병원 3층', prod:'KSS01', qty:10, ship:'2025-08-01', workers:['이강민','김소연'], stage:'대기'},
+            {no:12, pri:0,  od:'2025-07-29', buyer:'명보에스티', site:'일산 동국대병원 2층', prod:'KSS01', qty:10, ship:'2025-08-01', workers:['김소연'], stage:'미싱'},
+            {no:11, pri:1,  od:'2025-07-31', buyer:'이에스디',   site:'용인 기흥',         prod:'KSS02', qty:2,  ship:'2025-08-03', workers:['홍길동'], stage:'중간검사'},
+            {no:10, pri:2,  od:'2025-06-24', buyer:'대성산업',   site:'횡덕중학교',       prod:'KSS02', qty:9,  ship:'2025-08-03', workers:['김철수'], stage:'포장'},
+            {no:9,  pri:3,  od:'2025-07-14', buyer:'이엘도어',   site:'파주아르디움 2층',  prod:'KSS01', qty:5,  ship:'2025-08-03', workers:['박지훈'], stage:'포장'},
+            {no:8,  pri:4,  od:'2025-07-26', buyer:'주월기업',   site:'여의도IFC 1층',     prod:'KSS01', qty:5,  ship:'2025-08-05', workers:['이강민','유영수'], stage:'중간검사'},
+            {no:7,  pri:5,  od:'2025-08-01', buyer:'명보에스티', site:'일산 동국대병원 1층', prod:'KSS01', qty:20, ship:'2025-08-05', workers:['김소연'], stage:'대기'},
+            {no:6,  pri:6,  od:'2025-08-01', buyer:'주일기업',   site:'여의도IFC 2층',     prod:'KSS01', qty:5,  ship:'2025-08-05', workers:['홍길동'], stage:'중간검사'},
+            {no:5,  pri:7,  od:'2025-08-01', buyer:'주일기업',   site:'여의도IFC 3층',     prod:'KSS01', qty:5,  ship:'2025-08-05', workers:['김철수'], stage:'미싱'},
+            {no:4,  pri:3,  od:'2025-08-01', buyer:'이엘도어',   site:'파주아르디움 1층',  prod:'KSS01', qty:5,  ship:'2025-08-07', workers:['박지훈'], stage:'완료'},
+            {no:3,  pri:3,  od:'2025-08-03', buyer:'한국특수',   site:'인천염림물류창고',  prod:'KSS01', qty:5,  ship:'2025-08-07', workers:['이강민'], stage:'완료'},
+            {no:2,  pri:2,  od:'2025-08-04', buyer:'명보에스티', site:'평택',               prod:'KSS02', qty:1,  ship:'2025-08-10', workers:['김소연'], stage:'완료'},
+            {no:1,  pri:1,  od:'2025-08-04', buyer:'명보에스티', site:'장수',               prod:'KSS02', qty:2,  ship:'2025-08-10', workers:['홍길동'], stage:'완료'},
+        ];
+
+        const pageSize = 10;
+        let curPage = 1;
+        let filtered = [...rows];
+
+        function stageBadge(stage){
+            const cls = {
+                '대기':'badge-wait',
+                '미싱':'badge-miss',
+                '중간검사':'badge-check',
+                '포장':'badge-pack',
+                '완료':'badge-done',
+                '취소':'badge-cancel'
+            }[stage] || 'bg-secondary';
+            return `<span class="badge badge-state ${cls}">${stage}</span>`;
+        }
+
+        // PC 테이블 렌더
+        function renderTable(pageItems){
+            const tbody = pageItems.map(r=>`
+      <tr class="row-open ${r.stage==='대기'?'row-waiting':''}" data-no="${r.no}">
+        <td>${r.no}</td>
+        <td>${r.pri}</td>
+        <td>${r.od}</td>
+        <td>${r.buyer}</td>
+        <td title="${r.site}">${r.site}</td>
+        <td>${r.prod}</td>
+        <td>${r.qty}</td>
+        <td>${r.ship}</td>
+        <td>${(r.workers||[]).join(', ')}</td>
+        <td>${stageBadge(r.stage)}</td>
+      </tr>
+    `).join('');
+            $('#jobTbody').html(tbody);
+        }
+
+        // 모바일 카드 렌더
+        function renderCards(pageItems){
+            const cards = pageItems.map(r=>`
+      <div class="card mb-2 job-card ${r.stage==='대기'?'waiting':''}" data-no="${r.no}">
+        <div class="card-body">
+          <div class="d-flex justify-content-between">
+            <div class="title">${r.site}</div>
+            <div>${stageBadge(r.stage)}</div>
+          </div>
+          <div class="meta mt-1">
+            <span>NO ${r.no}</span> · <span>순위 ${r.pri}</span> · <span>${r.prod}</span> · <span>${r.qty}틀</span>
+          </div>
+          <div class="meta">발주처 ${r.buyer} / 출고요청일 ${r.ship}</div>
+          <div class="meta">작업자 ${(r.workers||[]).join(', ')}</div>
+          <div class="mt-2 text-end">
+            <button class="btn btn-sm btn-outline-primary btn-open-wi">작업 지시</button>
+          </div>
+        </div>
+      </div>
+    `).join('');
+            $('#jobCards').html(cards);
+        }
+
+        // 페이지네이션 렌더
+        function renderPager(totalPage){
+            let html = `
+      <nav aria-label="pagination">
+        <ul class="pagination pagination-sm justify-content-center mb-0">
+          <li class="page-item ${curPage===1?'disabled':''}">
+            <a class="page-link" href="#" data-page="prev">«</a>
+          </li>`;
+            for(let p=1;p<=totalPage;p++){
+                html += `
+          <li class="page-item ${p===curPage?'active':''}">
+            <a class="page-link" href="#" data-page="${p}">${p}</a>
+          </li>`;
+            }
+            html += `
+          <li class="page-item ${curPage===totalPage?'disabled':''}">
+            <a class="page-link" href="#" data-page="next">»</a>
+          </li>
+        </ul>
+      </nav>`;
+            $('#pager').html(html);
+        }
+
+        function render(){
+            const start = (curPage-1)*pageSize;
+            const pageItems = filtered.slice(start, start+pageSize);
+            renderTable(pageItems);
+            renderCards(pageItems);
+            renderPager(Math.max(1, Math.ceil(filtered.length / pageSize)));
+        }
+
+        // 검색
+        $('#searchForm').on('submit', function(e){
+            e.preventDefault();
+            const kw = $('#keyword').val().trim().toLowerCase();
+            const wk = $('#worker').val().trim().toLowerCase();
+            filtered = rows.filter(r=>{
+                const s = [r.buyer,r.site,r.prod,r.od,r.stage,String(r.no)].join(' ').toLowerCase();
+                const w = (r.workers||[]).join(',').toLowerCase();
+                const inKW = !kw || s.includes(kw);
+                const inWK = !wk || w.includes(wk);
+                return inKW && inWK;
+            });
+            curPage = 1; render();
+        });
+
+        // 페이지네이션 클릭
+        $(document).on('click', '.pagination .page-link', function(e){
+            e.preventDefault();
+            const val = $(this).data('page');
+            const total = Math.max(1, Math.ceil(filtered.length / pageSize));
+            if(val==='prev' && curPage>1) curPage--;
+            else if(val==='next' && curPage<total) curPage++;
+            else if(/^\d+$/.test(val)) curPage = parseInt(val,10);
+            render();
+        });
+
+        // 행/카드 클릭 → 작업지시 모달 로드(동일 흐름 유지)
+        $(document).on('click', 'tr.row-open, .btn-open-wi', function(){
+            const $el = $(this).closest('[data-no]');
+            const no = $el.data('no');
+            const r = rows.find(x=>x.no==no);
+            $('#wiBody').html('<div class="p-4 text-center text-muted">로딩 중…</div>');
+            $('#wiBody').load('/tenant/production/process_detail.php', {
+                job_id: 'SCR-'+String(no).padStart(3,'0'),
+                cust: r.buyer,
+                order_no: r.od.replaceAll('-','')+'-'+String(no).padStart(2,'0')
+            }, function(){
+                new bootstrap.Modal('#workInstructionModal').show();
+            });
+        });
+
+        render();
+    });
+</script>
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/production/screen_work.php b/public/tenant/production/screen_work.php
new file mode 100644
index 0000000..b397ab7
--- /dev/null
+++ b/public/tenant/production/screen_work.php
@@ -0,0 +1,281 @@
+<!-- SAM RULES: include=../inc/header.php; base=/tenant; width=1280; js=jQuery+BS5 -->
+<?php
+$CURRENT_SECTION='process';
+include '../inc/header.php';
+?>
+<div class="container" style="max-width:1280px; margin-top:18px;">
+
+    <!-- 탭 (좌측) + 검색 (우측) -->
+    <div class="d-flex align-items-center justify-content-between mb-2">
+        <ul class="nav nav-pills gap-2">
+            <li class="nav-item">
+                <a class="nav-link active" href="/tenant/production/screen_work.php">작업지시현황</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="/tenant/production/screen_progress.php">공정진행현황</a>
+            </li>
+        </ul>
+
+        <!-- 기본 검색폼 (키워드 + 작업자 + 버튼) -->
+        <form id="searchForm" class="d-flex gap-2">
+            <div class="search-form d-flex gap-2">
+                <input type="text" class="form-control" placeholder="현장명/발주처/제품명 등">
+                <input type="text" class="form-control" placeholder="작업자">
+                <button type="submit" class="btn btn-primary">검색</button>
+            </div>
+        </form>
+    </div>
+
+    <div class="border rounded p-2">
+        <div class="table-responsive">
+            <table class="table table-hover align-middle m-0" id="jobTable">
+                <thead class="table-light">
+                <tr>
+                    <th style="width:64px;">NO</th>
+                    <th style="width:90px;">작업순위</th>
+                    <th style="width:120px;">수주계약일</th>
+                    <th style="width:140px;">발주처</th>
+                    <th>현장명</th>
+                    <th style="width:110px;">제품명</th>
+                    <th style="width:90px;">수량(틀)</th>
+                    <th style="width:130px;">출고요청일</th>
+                    <th style="width:120px;">작업지시현황</th>
+                </tr>
+                </thead>
+                <tbody id="jobTbody">
+                <!-- JS로 렌더 -->
+                </tbody>
+            </table>
+        </div>
+
+        <!-- 페이지네이션 -->
+        <div class="d-flex justify-content-center py-2" id="pager"></div>
+    </div>
+</div>
+
+<!-- 작업지시 모달 (본문 Ajax 로드) -->
+<div class="modal fade" id="workInstructionModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">작업 지시</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <div class="modal-body p-0" id="wiBody">
+                <!-- /tenant/production/work_instruction.php 로드 -->
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<!-- 모바일 카드 뷰 -->
+<div id="jobCards" class="mt-2"></div>
+
+<style>
+    /* 헤더/셀 간격 줄이기 + 헤더 한 줄 유지 */
+    #jobTable th{
+        vertical-align: middle; text-align:center;
+        white-space: nowrap; padding:.55rem .6rem;
+    }
+    #jobTable td{ vertical-align: middle; padding:.55rem .6rem; }
+
+    /* 정렬: 번호/순위/수량/상태 */
+    #jobTable td:nth-child(1),
+    #jobTable td:nth-child(2),
+    #jobTable td:nth-child(7),
+    #jobTable td:nth-child(9){ text-align:center; }
+
+    /* 현장명: 고정폭 + 말줄임 */
+    #jobTable td:nth-child(5){
+        max-width: 280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+    }
+
+    /* 상태 뱃지 (필요 시 유지) */
+    .badge-state { font-weight:600; }
+    .badge-wait   { background:#fff1a8; color:#111; }
+    .badge-run    { background:#7fb3ff; }
+    .badge-rcv    { background:#d1e7dd; color:#0f5132;}
+    .badge-done   { background:#adb5bd; }
+    .badge-cancel { background:#ffb3b3; }
+
+    /* '대기' 행 하이라이트 (나머지는 hover시에만) */
+    .row-waiting { background:#fff8cc; }
+
+    /* 페이지네이션 - 얇고 최신 느낌 */
+    .pagination .page-link{ padding:.35rem .6rem; }
+    .pagination .page-item.active .page-link{
+        background:#2c4a85; border-color:#2c4a85;
+    }
+
+    /* 모바일: 테이블 숨기고 카드형 노출 */
+    @media (max-width: 767.98px){
+        .table-responsive{ display:none; }
+        #jobCards{ display:block; }
+    }
+    @media (min-width: 768px){
+        #jobCards{ display:none; }
+    }
+
+    /* 카드형 아이템 */
+    .job-card .title{ font-weight:700; }
+    .job-card .meta{ font-size:.9rem; color:#555; }
+    .job-card.waiting{ background:#fff8cc; }
+
+    .search-form .btn {
+        height: 38px; /* input 높이와 동일하게 */
+        line-height: 1.5; /* 세로 중앙 정렬 */
+        padding: 0 16px; /* 좌우 여백만 */
+        white-space: nowrap; /* 줄바꿈 방지 */
+    }
+</style>
+
+<script>
+    $(function(){
+        // ------- 샘플 데이터 (작업자 필드 추가) -------
+        const rows = [
+            {no:13, pri:0,  od:'2025-07-25', buyer:'명보에스티', site:'일산 동국대병원 3층', prod:'KSS01', qty:10, ship:'2025-08-01', state:'대기',   worker:'이강민'},
+            {no:12, pri:0,  od:'2025-07-29', buyer:'명보에스티', site:'일산 동국대병원 2층', prod:'KSS01', qty:10, ship:'2025-08-01', state:'대기',   worker:'김소연'},
+            {no:11, pri:1,  od:'2025-07-31', buyer:'이에스디',   site:'용인 기흥',             prod:'KSS02', qty:2,  ship:'2025-08-03', state:'작업중', worker:'홍길동'},
+            {no:10, pri:2,  od:'2025-06-24', buyer:'대성산업',   site:'횡덕중학교',           prod:'KSS02', qty:9,  ship:'2025-08-03', state:'작업중', worker:'김철수'},
+            {no:9,  pri:3,  od:'2025-07-14', buyer:'이엘도어',   site:'파주아르디움 2층',      prod:'KSS01', qty:5,  ship:'2025-08-03', state:'작업중', worker:'박지훈'},
+            {no:8,  pri:4,  od:'2025-07-26', buyer:'주월기업',   site:'여의도IFC 1층',         prod:'KSS01', qty:5,  ship:'2025-08-05', state:'작업중', worker:'이강민'},
+            {no:7,  pri:5,  od:'2025-08-01', buyer:'명보에스티', site:'일산 동국대병원 1층',   prod:'KSS01', qty:20, ship:'2025-08-05', state:'작업취소', worker:'김소연'},
+            {no:6,  pri:6,  od:'2025-08-01', buyer:'주일기업',   site:'여의도IFC 2층',         prod:'KSS01', qty:5,  ship:'2025-08-05', state:'접수',   worker:'홍길동'},
+            {no:5,  pri:7,  od:'2025-08-01', buyer:'주일기업',   site:'여의도IFC 3층',         prod:'KSS01', qty:5,  ship:'2025-08-05', state:'접수',   worker:'김철수'},
+            {no:4,  pri:3,  od:'2025-08-01', buyer:'이엘도어',   site:'파주아르디움 1층',      prod:'KSS01', qty:5,  ship:'2025-08-07', state:'완료',   worker:'박지훈'},
+            {no:3,  pri:3,  od:'2025-08-03', buyer:'한국특수',   site:'인천염림물류창고',      prod:'KSS01', qty:5,  ship:'2025-08-07', state:'완료',   worker:'이강민'},
+            {no:2,  pri:2,  od:'2025-08-04', buyer:'명보에스티', site:'평택',                   prod:'KSS02', qty:1,  ship:'2025-08-10', state:'완료',   worker:'김소연'},
+            {no:1,  pri:1,  od:'2025-08-04', buyer:'명보에스티', site:'장수',                   prod:'KSS02', qty:2,  ship:'2025-08-10', state:'완료',   worker:'홍길동'},
+        ];
+
+        const pageSize = 10;
+        let curPage = 1;
+        let filtered = [...rows];
+
+        function badge(state){
+            switch(state){
+                case '대기': return '<span class="badge badge-state badge-wait">대기</span>';
+                case '작업중': return '<span class="badge badge-state badge-run">작업중</span>';
+                case '접수': return '<span class="badge badge-state badge-rcv">접수</span>';
+                case '완료': return '<span class="badge badge-state badge-done">완료</span>';
+                case '작업취소': return '<span class="badge badge-state badge-cancel">작업취소</span>';
+                default: return state;
+            }
+        }
+
+        // PC 테이블 렌더
+        function renderTable(pageItems){
+            const tbody = pageItems.map(r=>`
+      <tr class="row-open ${r.state==='대기'?'row-waiting':''}" data-no="${r.no}">
+        <td>${r.no}</td>
+        <td>${r.pri}</td>
+        <td>${r.od}</td>
+        <td>${r.buyer}</td>
+        <td title="${r.site}">${r.site}</td>
+        <td>${r.prod}</td>
+        <td>${r.qty}</td>
+        <td>${r.ship}</td>
+        <td>${badge(r.state)}</td>
+      </tr>
+    `).join('');
+            $('#jobTbody').html(tbody);
+        }
+
+        // 모바일 카드 렌더
+        function renderCards(pageItems){
+            const cards = pageItems.map(r=>`
+      <div class="card mb-2 job-card ${r.state==='대기'?'waiting':''}" data-no="${r.no}">
+        <div class="card-body">
+          <div class="d-flex justify-content-between">
+            <div class="title">${r.site}</div>
+            <div>${badge(r.state)}</div>
+          </div>
+          <div class="meta mt-1">
+            <span>NO ${r.no}</span> · <span>순위 ${r.pri}</span> · <span>${r.prod}</span> · <span>${r.qty}틀</span>
+          </div>
+          <div class="meta">발주처 ${r.buyer} / 출고요청일 ${r.ship}</div>
+          <div class="mt-2 text-end">
+            <button class="btn btn-sm btn-outline-primary btn-open-wi">작업 지시</button>
+          </div>
+        </div>
+      </div>
+    `).join('');
+            $('#jobCards').html(cards);
+        }
+
+        // 페이지네이션 렌더 (부트스트랩)
+        function renderPager(totalPage){
+            let html = `
+    <nav aria-label="pagination">
+      <ul class="pagination pagination-sm justify-content-center mb-0">
+        <li class="page-item ${curPage===1?'disabled':''}">
+          <a class="page-link" href="#" data-page="prev">«</a>
+        </li>`;
+            for(let p=1;p<=totalPage;p++){
+                html += `
+        <li class="page-item ${p===curPage?'active':''}">
+          <a class="page-link" href="#" data-page="${p}">${p}</a>
+        </li>`;
+            }
+            html += `
+        <li class="page-item ${curPage===totalPage?'disabled':''}">
+          <a class="page-link" href="#" data-page="next">»</a>
+        </li>
+      </ul>
+    </nav>`;
+            $('#pager').html(html);
+        }
+
+        function render(){
+            const start = (curPage-1)*pageSize;
+            const pageItems = filtered.slice(start, start+pageSize);
+            renderTable(pageItems);
+            renderCards(pageItems);
+            renderPager(Math.max(1, Math.ceil(filtered.length / pageSize)));
+        }
+
+        // 검색 (버튼 submit)
+        $('#searchForm').on('submit', function(e){
+            e.preventDefault();
+            const kw = $('#keyword').val().trim().toLowerCase();
+            const wk = $('#worker').val().trim().toLowerCase();
+            filtered = rows.filter(r=>{
+                const inKW = !kw || [r.buyer,r.site,r.prod,r.state,r.od,String(r.no)].some(v=>String(v).toLowerCase().includes(kw));
+                const inWK = !wk || String(r.worker||'').toLowerCase().includes(wk);
+                return inKW && inWK;
+            });
+            curPage = 1; render();
+        });
+
+        // 페이지네이션 클릭
+        $(document).on('click', '.pagination .page-link', function(e){
+            e.preventDefault();
+            const val = $(this).data('page');
+            const total = Math.max(1, Math.ceil(filtered.length / pageSize));
+            if(val==='prev' && curPage>1) curPage--;
+            else if(val==='next' && curPage<total) curPage++;
+            else if(typeof val==='number' || /^\d+$/.test(val)) curPage = parseInt(val,10);
+            render();
+        });
+
+        // 행/카드 클릭 → 작업지시 모달 로드
+        $(document).on('click', 'tr.row-open, .btn-open-wi', function(){
+            // 테이블 행이면 data-no에서, 카드 버튼이면 부모 카드에서 가져옴
+            const $el = $(this).closest('[data-no]');
+            const no = $el.data('no');
+            const r = rows.find(x=>x.no==no);
+            $('#wiBody').html('<div class="p-4 text-center text-muted">로딩 중…</div>');
+            $('#wiBody').load('/tenant/production/work_instruction.php', {
+                job_id: 'SCR-'+String(no).padStart(3,'0'),
+                cust: r.buyer,
+                order_no: r.od.replaceAll('-','')+'-'+String(no).padStart(2,'0')
+            }, function(){
+                new bootstrap.Modal('#workInstructionModal').show();
+            });
+        });
+
+        render();
+    });
+</script>
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/production/slat_work.php b/public/tenant/production/slat_work.php
new file mode 100644
index 0000000..9cde691
--- /dev/null
+++ b/public/tenant/production/slat_work.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='process';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/production/work_instruction.php b/public/tenant/production/work_instruction.php
new file mode 100644
index 0000000..91c4f70
--- /dev/null
+++ b/public/tenant/production/work_instruction.php
@@ -0,0 +1,406 @@
+<?php
+// SAM MODAL BODY (NO header/footer)
+// Params: job_id, cust, order_no (POST/GET)
+$jobId   = $_POST['job_id']   ?? ($_GET['job_id']   ?? '');
+$cust    = $_POST['cust']     ?? ($_GET['cust']     ?? '');
+$orderNo = $_POST['order_no'] ?? ($_GET['order_no'] ?? '');
+?>
+<div class="p-3">
+
+    <!-- ROW 1 : 기본정보(좌 2/3) + 우선 작업순위(우 1/3) -->
+    <div class="row g-3 mb-3">
+        <!-- 작업 기본정보 -->
+        <div class="col-lg-8">
+            <div class="border rounded p-3 h-100">
+                <div class="fw-bold mb-2">① 작업 기본정보</div>
+                <div class="row g-2">
+                    <div class="col-6 col-md-4">
+                        <label class="form-label mb-0 small text-muted">수주계약일</label>
+                        <input class="form-control form-control-sm" value="자동입력" readonly>
+                    </div>
+                    <div class="col-6 col-md-4">
+                        <label class="form-label mb-0 small text-muted">발주처</label>
+                        <input class="form-control form-control-sm" value="<?= htmlspecialchars($cust) ?: '자동입력' ?>" readonly>
+                    </div>
+                    <div class="col-12 col-md-4">
+                        <label class="form-label mb-0 small text-muted">현장명</label>
+                        <input class="form-control form-control-sm" value="자동입력" readonly>
+                    </div>
+                    <div class="col-6 col-md-4">
+                        <label class="form-label mb-0 small text-muted">출고요청일</label>
+                        <input class="form-control form-control-sm" value="자동입력" readonly>
+                    </div>
+                    <div class="col-6 col-md-4">
+                        <label class="form-label mb-0 small text-muted">배송방식</label>
+                        <input class="form-control form-control-sm" value="자동입력" readonly>
+                    </div>
+                    <div class="col-6 col-md-4">
+                        <label class="form-label mb-0 small text-muted">제품명</label>
+                        <input class="form-control form-control-sm" value="자동입력" readonly>
+                    </div>
+                    <div class="col-12">
+                        <label class="form-label mb-0 small text-muted">비고</label>
+                        <input class="form-control form-control-sm" value="">
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 우선 작업순위 -->
+        <div class="col-lg-4">
+            <div class="border rounded p-3 h-100">
+                <div class="fw-bold mb-2">우선 작업순위</div>
+                <div class="row g-2 align-items-center">
+                    <div class="col-5 text-end small text-muted">현재순위</div>
+                    <div class="col-7"><input type="number" class="form-control form-control-sm" value="0" readonly></div>
+                    <div class="col-5 text-end small text-muted">설정순위</div>
+                    <div class="col-7">
+                        <select class="form-select form-select-sm" id="setPriority">
+                            <?php for($i=1;$i<=10;$i++) echo "<option>$i</option>"; ?>
+                        </select>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- ROW 2 : 메인 자재(전체폭) + 일괄적용 버튼(이 박스 안) -->
+    <div class="border rounded p-3 mb-3">
+        <div class="d-flex align-items-center gap-2 mb-2">
+            <div class="fw-bold flex-grow-1">② 재고확인 및 자재투입</div>
+            <div class="d-flex gap-2">
+                <input type="text" class="form-control form-control-sm" id="bulkLot" placeholder="LOT 번호 입력/선택값" style="width:200px;">
+                <button type="button" class="btn btn-outline-secondary btn-sm" id="btnOpenLotForBulk">LOT 선택</button>
+                <button type="button" class="btn btn-primary btn-sm" id="btnApplyLotMain">로트번호 일괄적용</button>
+            </div>
+        </div>
+
+        <div class="table-responsive" style="max-height:360px; overflow:auto;">
+            <table class="table table-sm align-middle m-0">
+                <thead class="table-light">
+                <tr>
+                    <th style="width:42px;"><input type="checkbox" id="chkAll"></th>
+                    <th style="width:70px;">일련</th>
+                    <th style="width:60px;">층</th>
+                    <th style="width:80px;">부호</th>
+                    <th>품목명</th>
+                    <th style="width:110px;">가로</th>
+                    <th style="width:110px;">세로</th>
+                    <th style="width:90px;">매수</th>
+                    <th style="width:110px;">조인트바</th>
+                    <th style="width:160px;">입고 LOT NO.</th>
+                </tr>
+                </thead>
+                <tbody id="wiRows"><!-- JS 렌더 --></tbody>
+            </table>
+        </div>
+    </div>
+
+    <!-- ROW 3 : 좌(내화실/부자재, 다건) / 우(작업자 배치) -->
+    <div class="row g-3">
+        <!-- ③ 부자재 (고정 목록, 추가/삭제 없음) -->
+        <div class="col-lg-6">
+            <div class="border rounded p-3 h-100">
+                <div class="fw-bold mb-2">③ 부자재</div>
+
+                <div class="table-responsive" style="max-height:260px; overflow:auto;">
+                    <table class="table table-sm align-middle m-0">
+                        <thead class="table-light">
+                        <tr>
+                            <th>항목명</th>
+                            <th style="width:160px;">LOT NO.</th>
+                            <th style="width:90px;">수량</th>
+                        </tr>
+                        </thead>
+                        <tbody id="subRows"><!-- JS --></tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+
+        <!-- 작업자 배치 -->
+        <div class="col-lg-6">
+            <div class="border rounded p-3 h-100">
+                <div class="fw-bold mb-2">④ 작업자 배치</div>
+
+                <div class="row g-2 align-items-center mb-2">
+                    <div class="col-4 col-md-3 text-end small text-muted">부서 선택</div>
+                    <div class="col-8 col-md-5">
+                        <select id="deptSelect" class="form-select form-select-sm"></select>
+                    </div>
+                    <div class="col-12 col-md-4 mt-2 mt-md-0">
+                        <input type="text" id="workerSearch" class="form-control form-control-sm" placeholder="작업자 검색">
+                    </div>
+                </div>
+
+                <div class="row g-3">
+                    <div class="col-md-7">
+                        <div class="border rounded" style="height:220px; overflow:auto;">
+                            <table class="table table-sm m-0 align-middle">
+                                <thead class="table-light">
+                                <tr><th style="width:42px;"></th><th>이름</th><th class="text-muted" style="width:120px;">직책</th></tr>
+                                </thead>
+                                <tbody id="workerList"><!-- JS --></tbody>
+                            </table>
+                        </div>
+                    </div>
+                    <div class="col-md-5">
+                        <div class="small text-muted mb-1">선택됨</div>
+                        <div id="chosenWrap" class="d-flex flex-wrap gap-2"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 하단 버튼 -->
+    <div class="d-flex justify-content-end gap-2 mt-3">
+        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">취소</button>
+        <button type="button" class="btn btn-primary" id="btnSaveWI">저장</button>
+    </div>
+</div>
+
+<!-- LOT 선택 서브 모달 (메인/부자재에서 공용) -->
+<div class="modal fade" id="lotSelectModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">로트번호 선택</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <div class="modal-body">
+                <div class="table-responsive border rounded">
+                    <table class="table table-hover align-middle m-0">
+                        <thead class="table-light">
+                        <tr><th style="width:160px;">로트번호</th><th>자재명</th><th style="width:100px;">재고</th><th style="width:80px;">선택</th></tr>
+                        </thead>
+                        <tbody id="lotRows"></tbody>
+                    </table>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <small class="text-muted">선택 즉시 대상 입력란에 반영됩니다.</small>
+            </div>
+        </div>
+    </div>
+</div>
+
+<style>
+    .table th, .table td { vertical-align: middle; }
+    #wiRows .lot-input { min-width: 120px; }
+    #chosenWrap .badge { font-size:.85rem; }
+</style>
+
+<script>
+    (function($){
+        /* ===== 샘플 데이터 ===== */
+        const rows = [
+            {no:1, floor:1, sign:'FSS-01', item:'실리카', w:696, h:3050, qty:47, joint:50, lot:'', checked:false},
+            {no:2, floor:1, sign:'',      item:'실리카', w:700, h:3100, qty:40, joint:45, lot:'', checked:false},
+            {no:3, floor:2, sign:'',      item:'실리카', w:650, h:3000, qty:38, joint:42, lot:'', checked:false},
+        ];
+        const lots = [
+            {lot:'250626-01', mat:'실리카원단-WY-SC780', stock:800},
+            {lot:'250617-01', mat:'실리카원단-WY-SC780', stock:5069},
+            {lot:'250513-02', mat:'실리카원단-WY-SC780', stock:4625},
+            {lot:'250411-05', mat:'실리카원단-WY-SC780', stock:738},
+        ];
+        const DEPTS = {
+            '생산1팀': [
+                {id:'u01', name:'김동실', role:'반장'},
+                {id:'u02', name:'원준서', role:'사원'},
+                {id:'u03', name:'유영수', role:'사원'},
+                {id:'u04', name:'배천석', role:'사원'},
+            ],
+            '생산2팀': [
+                {id:'u11', name:'박서준', role:'주임'},
+                {id:'u12', name:'최다연', role:'사원'},
+                {id:'u13', name:'한민수', role:'사원'},
+            ]
+        };
+
+        /* ===== 렌더: 메인 자재 ===== */
+        function renderMain(){
+            const html = rows.map((r,i)=>`
+      <tr data-idx="${i}">
+        <td><input type="checkbox" class="row-check" ${r.checked?'checked':''}></td>
+        <td>${r.no}</td>
+        <td>${r.floor}</td>
+        <td>${r.sign||''}</td>
+        <td>${r.item}</td>
+        <td><input type="number" class="form-control form-control-sm wi-w" value="${r.w}"></td>
+        <td><input type="number" class="form-control form-control-sm wi-h" value="${r.h}"></td>
+        <td><input type="number" class="form-control form-control-sm wi-qty" value="${r.qty}"></td>
+        <td><input type="number" class="form-control form-control-sm wi-joint" value="${r.joint}"></td>
+        <td>
+          <div class="input-group input-group-sm">
+            <input type="text" class="form-control lot-input wi-lot" value="${r.lot}" placeholder="선택">
+          </div>
+        </td>
+      </tr>
+    `).join('');
+            $('#wiRows').html(html);
+        }
+
+        /* ===== 렌더: LOT 목록 ===== */
+        function renderLots(){
+            $('#lotRows').html(
+                lots.map(l=>`
+        <tr>
+          <td>${l.lot}</td>
+          <td>${l.mat}</td>
+          <td>${l.stock.toLocaleString()}</td>
+          <td><button type="button" class="btn btn-sm btn-primary btn-choose-lot" data-lot="${l.lot}">선택</button></td>
+        </tr>`).join('')
+            );
+        }
+
+        /* ===== 렌더: 부자재(내화실) ===== */
+        // 부자재 고정 목록 (예: 제품별 프리셋)
+        let subItems = [
+            { id: 's1', name: '내화실', lot: '', qty: 1 },
+            { id: 's2', name: '실리콘(내열)', lot: '', qty: 2 }
+        ];
+
+        function addSubRow(){ subItems.push({id:'s'+(subSeed++), name:'', lot:'', qty:1}); renderSub(); }
+        function renderSub(){
+            $('#subRows').html(
+                subItems.map(s => `
+      <tr data-sid="${s.id}">
+        <td><input type="text" class="form-control form-control-sm sub-name" value="${s.name}" readonly></td>
+        <td>
+          <input type="text" class="form-control form-control-sm sub-lot" value="${s.lot}" placeholder="LOT 선택">
+        </td>
+        <td><input type="number" class="form-control form-control-sm sub-qty" value="${s.qty}" min="1"></td>
+      </tr>
+    `).join('')
+            );
+        }
+
+        /* ===== 체크박스 전체/부분 ===== */
+        $(document).on('change', '#chkAll', function(){
+            const on = $(this).is(':checked'); rows.forEach(r=>r.checked=on); renderMain(); this.indeterminate=false;
+        });
+        $(document).on('change', '.row-check', function(){
+            const idx = +$(this).closest('tr').data('idx'); rows[idx].checked = $(this).is(':checked');
+            const total=rows.length, sel=rows.filter(r=>r.checked).length, all=document.getElementById('chkAll');
+            if(sel===0){ all.checked=false; all.indeterminate=false; }
+            else if(sel===total){ all.checked=true; all.indeterminate=false; }
+            else{ all.checked=false; all.indeterminate=true; }
+        });
+
+        /* ===== 값 반영 ===== */
+        $(document).on('input', '.wi-w, .wi-h, .wi-qty, .wi-joint, .wi-lot', function(){
+            const i = +$(this).closest('tr').data('idx');
+            rows[i].w     = +$(this).closest('tr').find('.wi-w').val()||0;
+            rows[i].h     = +$(this).closest('tr').find('.wi-h').val()||0;
+            rows[i].qty   = +$(this).closest('tr').find('.wi-qty').val()||0;
+            rows[i].joint = +$(this).closest('tr').find('.wi-joint').val()||0;
+            rows[i].lot   = $(this).closest('tr').find('.wi-lot').val().trim();
+        });
+
+        $(document).on('input', '.sub-name, .sub-lot, .sub-qty', function(){
+            const sid = $(this).closest('tr').data('sid');
+            const s = subItems.find(x=>x.id===sid);
+            s.name = $(this).closest('tr').find('.sub-name').val().trim();
+            s.lot  = $(this).closest('tr').find('.sub-lot').val().trim();
+            s.qty  = +($(this).closest('tr').find('.sub-qty').val())||1;
+        });
+
+        /* ===== LOT 모달 호출/선택 (메인/부자재 공용) ===== */
+        let lotTarget = {mode:null, rowIdx:null, sid:null}; // mode: 'main' | 'sub' | 'bulk'
+        function openLotModal(){ renderLots(); new bootstrap.Modal('#lotSelectModal').show(); }
+        // 부자재 LOT 입력 클릭 시 모달 오픈
+        $(document).on('focus click', '.sub-lot', function(){
+            lotTarget = { mode: 'sub', sid: $(this).closest('tr').data('sid') };
+            openLotModal();
+        });
+
+        $(document).on('click', '.btn-open-lot', function(){
+            lotTarget.mode = $(this).data('mode'); // main | sub
+            if(lotTarget.mode==='main') lotTarget.rowIdx = +$(this).closest('tr').data('idx');
+            if(lotTarget.mode==='sub')  lotTarget.sid    = $(this).closest('tr').data('sid');
+            openLotModal();
+        });
+
+        $('#btnOpenLotForBulk').on('click', function(){ lotTarget = {mode:'bulk'}; openLotModal(); });
+
+        $(document).on('click', '.btn-choose-lot', function(){
+            const lot = $(this).data('lot');
+            if(lotTarget.mode==='main' && lotTarget.rowIdx!=null){
+                rows[lotTarget.rowIdx].lot = lot; renderMain();
+            }else if(lotTarget.mode==='sub' && lotTarget.sid){
+                const s = subItems.find(x=>x.id===lotTarget.sid); if(s){ s.lot = lot; renderSub(); }
+            }else if(lotTarget.mode==='bulk'){
+                $('#bulkLot').val(lot);
+            }
+            const m = bootstrap.Modal.getInstance(document.getElementById('lotSelectModal')); m && m.hide();
+        });
+
+        // 메인 자재 일괄적용(체크된 행들만)
+        $('#btnApplyLotMain').on('click', function(){
+            const lot = $('#bulkLot').val().trim();
+            if(!lot) return alert('일괄 적용할 LOT 번호를 입력/선택하세요.');
+            const targets = rows.filter(r=>r.checked);
+            if(!targets.length) return alert('적용할 행(체크)을 선택하세요.');
+            rows.forEach(r=>{ if(r.checked) r.lot = lot; });
+            renderMain();
+        });
+
+        /* ===== 작업자 배치(부서 선택 → 체크) ===== */
+        let currentDept=null, chosen=new Map(); // id -> user
+        function fillDept(){ const $s=$('#deptSelect').empty(); Object.keys(DEPTS).forEach((k,i)=>$s.append(`<option ${i? '':'selected'}>${k}</option>`)); currentDept=$s.val(); }
+        function renderWorkers(){
+            const q=($('#workerSearch').val()||'').trim().toLowerCase();
+            const list=(DEPTS[currentDept]||[]).filter(u=>u.name.toLowerCase().includes(q)||u.role.toLowerCase().includes(q));
+            $('#workerList').html(list.map(u=>`
+      <tr>
+        <td><input type="checkbox" class="chk-worker" data-id="${u.id}" ${chosen.has(u.id)?'checked':''}></td>
+        <td>${u.name}</td><td class="text-muted">${u.role}</td>
+      </tr>`).join(''));
+            renderChosen();
+        }
+        function renderChosen(){
+            const $w=$('#chosenWrap').empty();
+            if(!chosen.size) return $w.append('<span class="text-muted small">선택된 작업자가 없습니다.</span>');
+            chosen.forEach(u=>$w.append(
+                `<span class="badge bg-secondary-subtle border text-body d-flex align-items-center gap-1">
+         ${u.name}<span class="text-muted small">(${u.role})</span>
+         <button type="button" class="btn btn-sm btn-link p-0 ms-1 btn-pill-remove" data-id="${u.id}">×</button>
+       </span>`
+            ));
+        }
+        $('#deptSelect').on('change', function(){ currentDept=this.value; renderWorkers(); });
+        $('#workerSearch').on('input', renderWorkers);
+        $(document).on('change','.chk-worker',function(){
+            const id=$(this).data('id'); const u=Object.values(DEPTS).flat().find(x=>x.id===id);
+            if($(this).is(':checked')) chosen.set(id,u); else chosen.delete(id); renderChosen();
+        });
+        $(document).on('click','.btn-pill-remove',function(){ chosen.delete($(this).data('id')); renderWorkers(); });
+
+        /* ===== 부자재 행 추가/삭제 ===== */
+        $('#btnAddSub').on('click', addSubRow);
+        $(document).on('click','.btn-del-sub',function(){
+            const sid=$(this).closest('tr').data('sid'); subItems=subItems.filter(x=>x.id!==sid); renderSub();
+        });
+
+        /* ===== 저장(모의) ===== */
+        $('#btnSaveWI').on('click', function(){
+            const payload = {
+                job_id: <?= json_encode($jobId) ?>,
+                order_no: <?= json_encode($orderNo) ?>,
+                priority: $('#setPriority').val(),
+                main_rows: rows,
+                sub_items: subItems,
+                workers: Array.from(chosen.values())
+            };
+            console.log('[WORK INSTRUCTION SAVE]', payload);
+            alert('저장(모의). 콘솔을 확인하세요.');
+            // 실제: $.post('/tenant/api/production/save_work_instruction.php', payload)
+        });
+
+        /* 초기 구동 */
+        renderMain(); renderSub(); fillDept(); renderWorkers();
+
+    })(jQuery);
+</script>
diff --git a/public/tenant/quality/docs.php b/public/tenant/quality/docs.php
new file mode 100644
index 0000000..11edc15
--- /dev/null
+++ b/public/tenant/quality/docs.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='quality';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/quality/record.php b/public/tenant/quality/record.php
new file mode 100644
index 0000000..11edc15
--- /dev/null
+++ b/public/tenant/quality/record.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='quality';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/quality/request.php b/public/tenant/quality/request.php
new file mode 100644
index 0000000..11edc15
--- /dev/null
+++ b/public/tenant/quality/request.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='quality';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/quality/schedule.php b/public/tenant/quality/schedule.php
new file mode 100644
index 0000000..11edc15
--- /dev/null
+++ b/public/tenant/quality/schedule.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='quality';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/shipment/monthly_schedule.php b/public/tenant/shipment/monthly_schedule.php
new file mode 100644
index 0000000..b925e8b
--- /dev/null
+++ b/public/tenant/shipment/monthly_schedule.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='shipment';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/shipment/status.php b/public/tenant/shipment/status.php
new file mode 100644
index 0000000..b925e8b
--- /dev/null
+++ b/public/tenant/shipment/status.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='shipment';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/subscription/list.php b/public/tenant/subscription/list.php
new file mode 100644
index 0000000..56537b0
--- /dev/null
+++ b/public/tenant/subscription/list.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='subscription';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/subscription/tenant_list.php b/public/tenant/subscription/tenant_list.php
new file mode 100644
index 0000000..56537b0
--- /dev/null
+++ b/public/tenant/subscription/tenant_list.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='subscription';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/subscription/tenant_product_list.php b/public/tenant/subscription/tenant_product_list.php
new file mode 100644
index 0000000..56537b0
--- /dev/null
+++ b/public/tenant/subscription/tenant_product_list.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='subscription';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/tenant/department_list.php b/public/tenant/tenant/department_list.php
new file mode 100644
index 0000000..3932ad2
--- /dev/null
+++ b/public/tenant/tenant/department_list.php
@@ -0,0 +1,346 @@
+<!-- SAM RULES: include=../inc/header.php; base=/tenant; width=1280; js=jQuery+BS5 -->
+<?php
+$CURRENT_SECTION = 'tenant';
+include '../inc/header.php';
+?>
+<div class="container" style="max-width:1280px; margin-top:40px;">
+
+    <div class="card shadow p-4">
+        <div class="d-flex justify-content-between align-items-center mb-3">
+            <h4 class="mb-0">부서 관리</h4>
+            <div class="d-flex gap-2">
+                <button class="btn btn-outline-secondary" id="btnToggleAll">전체 접기</button>
+                <button class="btn btn-primary" id="btnOpenAddRoot">+ 부서 등록</button>
+            </div>
+        </div>
+
+        <div class="table-responsive">
+            <table class="table table-hover align-middle text-center" id="deptTable">
+                <thead class="table-light">
+                <tr>
+                    <th style="width:80px;">#</th>
+                    <th class="text-start">조직(부서/팀/파트)</th>
+                    <th>설명</th>
+                    <th style="width:200px;">관리</th>
+                </tr>
+                </thead>
+                <tbody id="deptTbody"><!-- JS 렌더 --></tbody>
+            </table>
+        </div>
+    </div>
+</div>
+
+<!-- 등록 모달 -->
+<div class="modal fade" id="deptAddModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-md modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header"><h5 class="modal-title">부서 등록</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <form id="deptAddForm" autocomplete="off">
+                <div class="modal-body">
+                    <input type="hidden" name="parent_id" id="add_parent_id" value="">
+                    <div class="mb-2">
+                        <label class="form-label">상위 조직</label>
+                        <select class="form-select" id="add_parent_select">
+                            <!-- JS로 계층 옵션 렌더 -->
+                        </select>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">부서명 <span class="text-danger">*</span></label>
+                        <input type="text" class="form-control" name="dept_name" maxlength="50" required>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">설명</label>
+                        <input type="text" class="form-control" name="dept_desc" maxlength="100">
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-outline-secondary" data-bs-dismiss="modal" type="button">취소</button>
+                    <button class="btn btn-primary" type="submit">등록</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- 수정 모달 -->
+<div class="modal fade" id="deptEditModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-md modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header"><h5 class="modal-title">부서 수정</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <form id="deptEditForm" autocomplete="off">
+                <div class="modal-body">
+                    <input type="hidden" name="dept_id" id="edit_dept_id">
+                    <div class="mb-2">
+                        <label class="form-label">상위 조직</label>
+                        <select class="form-select" id="edit_parent_select">
+                            <!-- JS로 계층 옵션 렌더 -->
+                        </select>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">부서명 <span class="text-danger">*</span></label>
+                        <input type="text" class="form-control" name="dept_name" id="edit_dept_name" maxlength="50" required>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">설명</label>
+                        <input type="text" class="form-control" name="dept_desc" id="edit_dept_desc" maxlength="100">
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-outline-secondary" data-bs-dismiss="modal" type="button">취소</button>
+                    <button class="btn btn-primary" type="submit">저장</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- 삭제 확인 모달 -->
+<div class="modal fade" id="deptDeleteModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-sm modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header"><h5 class="modal-title">삭제 확인</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <div class="modal-body">
+                <div class="small">하위 조직이 모두 함께 삭제됩니다. 정말 삭제할까요?</div>
+                <input type="hidden" id="del_dept_id">
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-outline-secondary" data-bs-dismiss="modal" type="button">취소</button>
+                <button class="btn btn-danger" id="btnConfirmDelete" type="button">삭제</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<style>
+    /* 트리 인덴트 표현 */
+    #deptTbody tr[data-level] td.name-cell {
+        --indent: calc( (var(--level, 0) * 18px) );
+        padding-left: calc(var(--indent) + .25rem) !important;
+    }
+    .caret {
+        display:inline-flex; align-items:center; justify-content:center;
+        width:1.15rem; height:1.15rem; border-radius:4px; border:1px solid #cbd3e1;
+        background:#f6f8fc; cursor:pointer; margin-right:.35rem; font-size:.8rem;
+        user-select:none;
+    }
+    .caret[aria-expanded="false"]::after { content:"+"; }
+    .caret[aria-expanded="true"]::after { content:"–"; }
+    .badge-node { background:#e9f0fb; color:#2c4a85; }
+</style>
+
+<script>
+    $(function(){
+        // ------- 샘플 데이터 (id, parent_id, name, desc) -------
+        let SEQ = 7;
+        const nodes = [
+            {id:1, parent_id:0, name:'경영지원본부', desc:'인사/총무/회계'},
+            {id:2, parent_id:1, name:'인사팀', desc:'인사 기획/운영'},
+            {id:3, parent_id:1, name:'총무팀', desc:'총무/자산/구매'},
+            {id:4, parent_id:0, name:'영업본부', desc:'고객/채널'},
+            {id:5, parent_id:4, name:'영업1팀', desc:'대기업 영업'},
+            {id:6, parent_id:0, name:'생산본부', desc:'제조/품질'},
+            {id:7, parent_id:6, name:'생산팀', desc:'현장 생산 관리'},
+        ];
+
+        // 확장 상태 기억
+        const expanded = new Set(); // 펼친 id
+
+        function childrenOf(pid){
+            return nodes.filter(n => n.parent_id === pid);
+        }
+        function hasChildren(id){
+            return nodes.some(n => n.parent_id === id);
+        }
+
+        // 계층 순회(전개)하여 플랫 렌더 데이터 구성
+        function flatten(rootPid=0, level=0){
+            const out = [];
+            const ch = childrenOf(rootPid).sort((a,b)=>a.name.localeCompare(b.name,'ko'));
+            for(const n of ch){
+                out.push({...n, level});
+                if(expanded.has(n.id)){
+                    out.push(...flatten(n.id, level+1));
+                }
+            }
+            return out;
+        }
+
+        function render(){
+            const rows = flatten(0,0);
+            const html = rows.map(r=>{
+                const hasKid = hasChildren(r.id);
+                const caret = hasKid
+                    ? `<span class="caret" data-id="${r.id}" aria-expanded="${expanded.has(r.id)}"></span>`
+                    : `<span style="display:inline-block; width:1.15rem; margin-right:.35rem;"></span>`;
+                return `
+        <tr data-id="${r.id}" data-level="${r.level}" style="--level:${r.level}">
+          <td>${r.id}</td>
+          <td class="text-start name-cell">
+            ${caret}
+            <span class="badge badge-node me-2">Lv.${r.level}</span>
+            <strong>${escapeHtml(r.name)}</strong>
+          </td>
+          <td>${escapeHtml(r.desc||'')}</td>
+          <td>
+            <div class="d-flex justify-content-center gap-1">
+              <button class="btn btn-sm btn-outline-primary btn-add-child" data-id="${r.id}">하위등록</button>
+              <button class="btn btn-sm btn-outline-secondary btn-edit" data-id="${r.id}">수정</button>
+              <button class="btn btn-sm btn-outline-danger btn-del" data-id="${r.id}">삭제</button>
+            </div>
+          </td>
+        </tr>
+      `;
+            }).join('');
+            $('#deptTbody').html(html);
+        }
+
+        // 옵션용 계층 라벨 만들기
+        function buildOptions(selectedParentId=null, excludeId=null){
+            function walk(pid=0, level=0){
+                const list = childrenOf(pid).sort((a,b)=>a.name.localeCompare(b.name,'ko'));
+                let out = [];
+                for(const n of list){
+                    if(excludeId && n.id===excludeId) continue; // 자기 자신은 상위로 못 올림
+                    const label = `${'— '.repeat(level)}${n.name}`;
+                    out.push(`<option value="${n.id}" ${selectedParentId==n.id?'selected':''}>${escapeHtml(label)}</option>`);
+                    out.push(...walk(n.id, level+1));
+                }
+                return out;
+            }
+            // 최상위(루트) 선택
+            return [`<option value="0" ${selectedParentId==0?'selected':''}>(최상위)</option>`, ...walk()].join('');
+        }
+
+        // 유틸
+        function escapeHtml(s){ return String(s??'').replace(/[&<>"']/g, m=>({ '&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;' }[m])); }
+        function findNode(id){ return nodes.find(n=>n.id==id); }
+        function removeBranch(id){
+            // 해당 노드와 모든 하위 재귀 삭제
+            const kids = childrenOf(id);
+            for(const k of kids) removeBranch(k.id);
+            const i = nodes.findIndex(n=>n.id==id);
+            if(i>-1) nodes.splice(i,1);
+            expanded.delete(id);
+        }
+
+        // 펼침/접음
+        $(document).on('click', '.caret', function(){
+            const id = +$(this).data('id');
+            if(expanded.has(id)) expanded.delete(id); else expanded.add(id);
+            render();
+        });
+
+        // 전체 접기/펼치기 토글
+        $('#btnToggleAll').on('click', function(){
+            const allIds = nodes.map(n=>n.id);
+            const allExpanded = allIds.every(id => expanded.has(id) || !hasChildren(id));
+            if(allExpanded){
+                expanded.clear();
+                $(this).text('전체 펼치기');
+            }else{
+                expanded.clear();
+                allIds.forEach(id => { if(hasChildren(id)) expanded.add(id); });
+                $(this).text('전체 접기');
+            }
+            render();
+        });
+
+        // 루트 추가 버튼
+        $('#btnOpenAddRoot').on('click', function(){
+            $('#add_parent_id').val(0);
+            $('#add_parent_select').html(buildOptions(0));
+            $('#deptAddForm')[0].reset();
+            new bootstrap.Modal('#deptAddModal').show();
+        });
+
+        // 행: 하위등록
+        $(document).on('click', '.btn-add-child', function(){
+            const id = +$(this).data('id');
+            $('#add_parent_id').val(id);
+            $('#add_parent_select').html(buildOptions(id));
+            $('#deptAddForm')[0].reset();
+            // 부모 펼쳐 둠
+            expanded.add(id);
+            new bootstrap.Modal('#deptAddModal').show();
+        });
+
+        // 등록 처리(프로토타입: 클라이언트만)
+        $('#deptAddForm').on('submit', function(e){
+            e.preventDefault();
+            const pid = +$('#add_parent_select').val();
+            const name = $(this).find('[name="dept_name"]').val().trim();
+            const desc = $(this).find('[name="dept_desc"]').val().trim();
+            if(name.length<2){ alert('부서명을 2글자 이상 입력하세요.'); return; }
+            const id = ++SEQ;
+            nodes.push({id, parent_id:pid, name, desc});
+            expanded.add(pid);
+            render();
+            bootstrap.Modal.getInstance(document.getElementById('deptAddModal')).hide();
+
+            // 실제 서버 전송 예:
+            // $.post('/tenant/tenant/department_add_process.php', {parent_id:pid, dept_name:name, dept_desc:desc})
+        });
+
+        // 행: 수정 열기
+        $(document).on('click', '.btn-edit', function(){
+            const id = +$(this).data('id');
+            const n = findNode(id);
+            if(!n) return;
+            $('#edit_dept_id').val(n.id);
+            $('#edit_dept_name').val(n.name);
+            $('#edit_dept_desc').val(n.desc||'');
+            $('#edit_parent_select').html(buildOptions(n.parent_id, n.id)); // 자신 제외
+            new bootstrap.Modal('#deptEditModal').show();
+        });
+
+        // 수정 처리(프로토타입)
+        $('#deptEditForm').on('submit', function(e){
+            e.preventDefault();
+            const id = +$('#edit_dept_id').val();
+            const pid = +$('#edit_parent_select').val();
+            const name = $('#edit_dept_name').val().trim();
+            const desc = $('#edit_dept_desc').val().trim();
+            if(name.length<2){ alert('부서명을 2글자 이상 입력하세요.'); return; }
+
+            const n = findNode(id);
+            if(!n) return;
+            n.name = name; n.desc = desc; n.parent_id = pid;
+            expanded.add(pid);
+            render();
+            bootstrap.Modal.getInstance(document.getElementById('deptEditModal')).hide();
+
+            // 실제 서버 전송 예:
+            // $.post('/tenant/tenant/department_edit_process.php', {dept_id:id, parent_id:pid, dept_name:name, dept_desc:desc})
+        });
+
+        // 행: 삭제 열기
+        $(document).on('click', '.btn-del', function(){
+            const id = +$(this).data('id');
+            $('#del_dept_id').val(id);
+            new bootstrap.Modal('#deptDeleteModal').show();
+        });
+
+        // 삭제 처리(프로토타입)
+        $('#btnConfirmDelete').on('click', function(){
+            const id = +$('#del_dept_id').val();
+            removeBranch(id);
+            render();
+            bootstrap.Modal.getInstance(document.getElementById('deptDeleteModal')).hide();
+
+            // 실제 서버 전송 예:
+            // location.href = '/tenant/tenant/department_delete.php?id='+id;
+        });
+
+        // 초기: 1~2단계만 펼치기
+        expanded.add(1); expanded.add(4); expanded.add(6);
+        render();
+    });
+</script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/tenant/edit.php b/public/tenant/tenant/edit.php
new file mode 100644
index 0000000..b8bda92
--- /dev/null
+++ b/public/tenant/tenant/edit.php
@@ -0,0 +1,108 @@
+<?php
+$CURRENT_SECTION = 'tenant';
+include '../inc/header.php';
+
+// 샘플: 세션 또는 DB에서 기존 데이터 조회 (실제로는 DB에서 가져와야 함)
+$tenant = [
+    'company_name' => isset($_SESSION['company_name']) ? $_SESSION['company_name'] : '샘플주식회사',
+    'code'         => isset($_SESSION['tenant_code']) ? $_SESSION['tenant_code'] : 'samplecorp',
+    'email'        => isset($_SESSION['tenant_email']) ? $_SESSION['tenant_email'] : 'admin@sample.com',
+    'phone'        => isset($_SESSION['tenant_phone']) ? $_SESSION['tenant_phone'] : '02-1234-5678',
+    'address'      => isset($_SESSION['tenant_address']) ? $_SESSION['tenant_address'] : '서울시 강남구',
+    'business_num' => isset($_SESSION['tenant_business_num']) ? $_SESSION['tenant_business_num'] : '1234567890',
+    'corp_reg_no'  => isset($_SESSION['tenant_corp_reg_no']) ? $_SESSION['tenant_corp_reg_no'] : '',
+    'ceo_name'     => isset($_SESSION['tenant_ceo_name']) ? $_SESSION['tenant_ceo_name'] : '홍길동',
+    'homepage'     => isset($_SESSION['tenant_homepage']) ? $_SESSION['tenant_homepage'] : '',
+    'fax'          => isset($_SESSION['tenant_fax']) ? $_SESSION['tenant_fax'] : '',
+    'admin_memo'   => isset($_SESSION['tenant_admin_memo']) ? $_SESSION['tenant_admin_memo'] : '',
+    'max_users'    => isset($_SESSION['tenant_max_users']) ? $_SESSION['tenant_max_users'] : 10,
+    'logo'         => isset($_SESSION['tenant_logo']) ? $_SESSION['tenant_logo'] : '',
+];
+?>
+
+    <div class="container" style="max-width:600px; margin-top:40px; margin-bottom:40px;">
+        <div class="card shadow p-4">
+            <form id="tenantEditForm" method="post" action="/tenant/tenant/edit_process.php" enctype="multipart/form-data" autocomplete="off">
+                <h3 class="mb-4 text-center">회사(테넌트) 정보 수정</h3>
+
+                <div class="mb-3">
+                    <label class="form-label">회사/조직명 <span class="text-danger">*</span></label>
+                    <input type="text" class="form-control" name="company_name" maxlength="100" value="<?=htmlspecialchars($tenant['company_name'])?>" required>
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">회사 코드 <span class="text-danger">*</span></label>
+                    <input type="text" class="form-control" name="code" maxlength="50" value="<?=htmlspecialchars($tenant['code'])?>" readonly>
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">대표 이메일</label>
+                    <input type="email" class="form-control" name="email" maxlength="80" value="<?=htmlspecialchars($tenant['email'])?>">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">대표 전화번호</label>
+                    <input type="text" class="form-control" name="phone" maxlength="20" value="<?=htmlspecialchars($tenant['phone'])?>">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">주소</label>
+                    <input type="text" class="form-control" name="address" maxlength="255" value="<?=htmlspecialchars($tenant['address'])?>">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">사업자등록번호</label>
+                    <input type="text" class="form-control" name="business_num" maxlength="12" value="<?=htmlspecialchars($tenant['business_num'])?>">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">법인등록번호</label>
+                    <input type="text" class="form-control" name="corp_reg_no" maxlength="13" value="<?=htmlspecialchars($tenant['corp_reg_no'])?>">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">대표자명</label>
+                    <input type="text" class="form-control" name="ceo_name" maxlength="50" value="<?=htmlspecialchars($tenant['ceo_name'])?>">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">홈페이지 주소</label>
+                    <input type="url" class="form-control" name="homepage" maxlength="255" value="<?=htmlspecialchars($tenant['homepage'])?>">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">팩스번호</label>
+                    <input type="text" class="form-control" name="fax" maxlength="30" value="<?=htmlspecialchars($tenant['fax'])?>">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">회사 로고</label>
+                    <?php if ($tenant['logo']): ?>
+                        <div class="mb-2"><img src="<?=htmlspecialchars($tenant['logo'])?>" alt="로고" style="height:40px;"></div>
+                    <?php endif; ?>
+                    <input type="file" class="form-control" name="logo" accept="image/*">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">관리자 메모</label>
+                    <textarea class="form-control" name="admin_memo" maxlength="500" rows="2"><?=htmlspecialchars($tenant['admin_memo'])?></textarea>
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">최대 사용자 수</label>
+                    <input type="number" class="form-control" name="max_users" min="1" max="999" value="<?=htmlspecialchars($tenant['max_users'])?>">
+                </div>
+                <button type="submit" class="btn btn-primary w-100 mt-2">수정하기</button>
+            </form>
+        </div>
+    </div>
+
+    <script>
+        $(function(){
+            $('#tenantEditForm').on('submit', function(e){
+                var company = $('[name="company_name"]').val().trim();
+                var biz = $('[name="business_num"]').val();
+                if (company.length < 2) {
+                    alert('회사명을 2글자 이상 입력하세요.');
+                    $('[name="company_name"]').focus();
+                    e.preventDefault(); return false;
+                }
+                if (biz && !/^\d{10}$/.test(biz)) {
+                    alert('사업자등록번호는 10자리 숫자만 입력하세요.');
+                    $('[name="business_num"]').focus();
+                    e.preventDefault(); return false;
+                }
+                // 기타 밸리데이션 추가 가능
+            });
+        });
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/tenant/join.php b/public/tenant/tenant/join.php
new file mode 100644
index 0000000..e2aeb62
--- /dev/null
+++ b/public/tenant/tenant/join.php
@@ -0,0 +1,87 @@
+<?php
+$CURRENT_SECTION = 'tenant';
+include '../inc/header.php'; ?>
+
+    <div class="container" style="max-width:600px; margin-top:40px; margin-bottom:40px;">
+        <div class="card shadow p-4">
+            <form id="tenantJoinForm" method="post" action="/tenant/tenant/join_process.php" enctype="multipart/form-data" autocomplete="off">
+                <h3 class="mb-4 text-center">회사(테넌트) 가입</h3>
+
+                <div class="mb-3">
+                    <label class="form-label">회사/조직명 <span class="text-danger">*</span></label>
+                    <input type="text" class="form-control" name="company_name" maxlength="100" required>
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">회사 코드 <span class="text-danger">*</span></label>
+                    <input type="text" class="form-control" name="code" maxlength="50" required placeholder="영문/숫자, 고유식별코드">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">대표 이메일</label>
+                    <input type="email" class="form-control" name="email" maxlength="80">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">대표 전화번호</label>
+                    <input type="text" class="form-control" name="phone" maxlength="20">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">주소</label>
+                    <input type="text" class="form-control" name="address" maxlength="255">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">사업자등록번호</label>
+                    <input type="text" class="form-control" name="business_num" maxlength="12" placeholder="10자리(숫자만)">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">법인등록번호</label>
+                    <input type="text" class="form-control" name="corp_reg_no" maxlength="13">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">대표자명</label>
+                    <input type="text" class="form-control" name="ceo_name" maxlength="50">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">홈페이지 주소</label>
+                    <input type="url" class="form-control" name="homepage" maxlength="255" placeholder="https://">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">팩스번호</label>
+                    <input type="text" class="form-control" name="fax" maxlength="30">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">회사 로고</label>
+                    <input type="file" class="form-control" name="logo" accept="image/*">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">관리자 메모</label>
+                    <textarea class="form-control" name="admin_memo" maxlength="500" rows="2"></textarea>
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">최대 사용자 수</label>
+                    <input type="number" class="form-control" name="max_users" min="1" max="999" value="10">
+                </div>
+                <button type="submit" class="btn btn-primary w-100 mt-2">가입하기</button>
+            </form>
+        </div>
+    </div>
+
+    <script>
+        $(function(){
+            $('#tenantJoinForm').on('submit', function(e){
+                var code = $('[name="code"]').val().trim();
+                if (!/^[a-zA-Z0-9_-]+$/.test(code)) {
+                    alert('회사 코드는 영문, 숫자, -, _만 사용할 수 있습니다.');
+                    $('[name="code"]').focus();
+                    e.preventDefault(); return false;
+                }
+                var biz = $('[name="business_num"]').val();
+                if (biz && !/^\d{10}$/.test(biz)) {
+                    alert('사업자등록번호는 10자리 숫자만 입력하세요.');
+                    $('[name="business_num"]').focus();
+                    e.preventDefault(); return false;
+                }
+                // 기타 밸리데이션 추가 가능
+            });
+        });
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/tenant/role_add.php b/public/tenant/tenant/role_add.php
new file mode 100644
index 0000000..b00a44f
--- /dev/null
+++ b/public/tenant/tenant/role_add.php
@@ -0,0 +1,38 @@
+<?php
+$CURRENT_SECTION = 'tenant';
+include '../inc/header.php'; ?>
+
+    <div class="container" style="max-width:500px; margin-top:40px;">
+        <div class="card shadow p-4">
+            <h4 class="mb-3 text-center">역할 등록</h4>
+            <form id="roleAddForm" method="post" action="/tenant/tenant/role_add_process.php" autocomplete="off">
+                <div class="mb-3">
+                    <label class="form-label">역할명 <span class="text-danger">*</span></label>
+                    <input type="text" class="form-control" name="role_name" maxlength="30" required>
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">설명</label>
+                    <input type="text" class="form-control" name="role_desc" maxlength="100">
+                </div>
+                <div class="d-flex gap-2">
+                    <button type="submit" class="btn btn-primary w-50">등록</button>
+                    <a href="/tenant/tenant/role_list.php" class="btn btn-secondary w-50">취소</a>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script>
+        $(function(){
+            $('#roleAddForm').on('submit', function(e){
+                var name = $('[name="role_name"]').val().trim();
+                if (name.length < 2) {
+                    alert('역할명을 2글자 이상 입력하세요.');
+                    $('[name="role_name"]').focus();
+                    e.preventDefault(); return false;
+                }
+            });
+        });
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/tenant/role_delete.php b/public/tenant/tenant/role_delete.php
new file mode 100644
index 0000000..4bd1908
--- /dev/null
+++ b/public/tenant/tenant/role_delete.php
@@ -0,0 +1,19 @@
+<?php
+include '../inc/config.php';
+
+// 실제로는 ?id=...로 전달받아 삭제 처리
+$role_id = isset($_GET['id']) ? intval($_GET['id']) : 0;
+
+// 실제 삭제 쿼리는 이곳에
+// 예: DELETE FROM roles WHERE id = $role_id
+
+// 삭제 완료 메시지 후 역할 리스트로 이동
+echo <<<HTML
+<script>
+    alert('역할이 삭제되었습니다.');
+    window.location.href = '/tenant/tenant/role_list.php';
+</script>
+HTML;
+
+exit;
+?>
diff --git a/public/tenant/tenant/role_edit.php b/public/tenant/tenant/role_edit.php
new file mode 100644
index 0000000..457fdcb
--- /dev/null
+++ b/public/tenant/tenant/role_edit.php
@@ -0,0 +1,56 @@
+<?php
+$CURRENT_SECTION = 'tenant';
+include '../inc/header.php'; ?>
+
+// 샘플 데이터
+$roles = [
+    1 => ['id'=>1, 'name'=>'최고관리자', 'desc'=>'회사 전체 관리권한'],
+    2 => ['id'=>2, 'name'=>'일반관리자', 'desc'=>'부서/사용자/업무 관리'],
+    3 => ['id'=>3, 'name'=>'일반직원', 'desc'=>'일반 사용 권한'],
+];
+
+$role_id = isset($_GET['id']) ? intval($_GET['id']) : 0;
+$role = isset($roles[$role_id]) ? $roles[$role_id] : null;
+
+if (!$role) {
+    echo '<div class="alert alert-danger mt-4 text-center">해당 역할을 찾을 수 없습니다.</div>';
+    include '../inc/footer.php';
+    exit;
+}
+?>
+
+    <div class="container" style="max-width:500px; margin-top:40px;">
+        <div class="card shadow p-4">
+            <h4 class="mb-3 text-center">역할 정보 수정</h4>
+            <form id="roleEditForm" method="post" action="/tenant/tenant/role_edit_process.php" autocomplete="off">
+                <input type="hidden" name="role_id" value="<?= htmlspecialchars($role['id']) ?>">
+                <div class="mb-3">
+                    <label class="form-label">역할명 <span class="text-danger">*</span></label>
+                    <input type="text" class="form-control" name="role_name" maxlength="30" value="<?= htmlspecialchars($role['name']) ?>" required>
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">설명</label>
+                    <input type="text" class="form-control" name="role_desc" maxlength="100" value="<?= htmlspecialchars($role['desc']) ?>">
+                </div>
+                <div class="d-flex gap-2">
+                    <button type="submit" class="btn btn-primary w-50">수정</button>
+                    <a href="/tenant/tenant/role_list.php" class="btn btn-secondary w-50">취소</a>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script>
+        $(function(){
+            $('#roleEditForm').on('submit', function(e){
+                var name = $('[name="role_name"]').val().trim();
+                if (name.length < 2) {
+                    alert('역할명을 2글자 이상 입력하세요.');
+                    $('[name="role_name"]').focus();
+                    e.preventDefault(); return false;
+                }
+            });
+        });
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/tenant/role_list.php b/public/tenant/tenant/role_list.php
new file mode 100644
index 0000000..87e1898
--- /dev/null
+++ b/public/tenant/tenant/role_list.php
@@ -0,0 +1,198 @@
+<!-- SAM RULES: include=../inc/header.php; base=/tenant; width=1280; js=jQuery+BS5 -->
+<?php
+$CURRENT_SECTION = 'tenant';
+include '../inc/header.php';
+?>
+<div class="container" style="max-width:1280px; margin-top:40px;">
+    <div class="card shadow p-4">
+        <div class="d-flex justify-content-between align-items-center mb-3">
+            <h4 class="mb-0">역할(권한) 목록</h4>
+            <button class="btn btn-primary" id="btnOpenAdd">+ 역할 등록</button>
+        </div>
+
+        <div class="table-responsive">
+            <table class="table table-hover align-middle text-center" id="roleTable">
+                <thead class="table-light">
+                <tr>
+                    <th style="width:80px;">#</th>
+                    <th>역할명</th>
+                    <th>설명</th>
+                    <th style="width:180px;">관리</th>
+                </tr>
+                </thead>
+                <tbody id="roleTbody"><!-- JS 렌더 --></tbody>
+            </table>
+        </div>
+    </div>
+</div>
+
+<!-- 등록 모달 -->
+<div class="modal fade" id="roleAddModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-md modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header"><h5 class="modal-title">역할 등록</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <form id="roleAddForm" autocomplete="off">
+                <div class="modal-body">
+                    <div class="mb-3">
+                        <label class="form-label">역할명 <span class="text-danger">*</span></label>
+                        <input type="text" class="form-control" name="role_name" maxlength="30" required>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">설명</label>
+                        <input type="text" class="form-control" name="role_desc" maxlength="100">
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">취소</button>
+                    <button class="btn btn-primary" type="submit">등록</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- 수정 모달 -->
+<div class="modal fade" id="roleEditModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-md modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header"><h5 class="modal-title">역할 수정</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <form id="roleEditForm" autocomplete="off">
+                <div class="modal-body">
+                    <input type="hidden" name="role_id" id="edit_role_id">
+                    <div class="mb-3">
+                        <label class="form-label">역할명 <span class="text-danger">*</span></label>
+                        <input type="text" class="form-control" name="role_name" id="edit_role_name" maxlength="30" required>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">설명</label>
+                        <input type="text" class="form-control" name="role_desc" id="edit_role_desc" maxlength="100">
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">취소</button>
+                    <button class="btn btn-primary" type="submit">저장</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- 삭제 확인 모달 -->
+<div class="modal fade" id="roleDeleteModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-sm modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header"><h5 class="modal-title">삭제 확인</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <div class="modal-body">
+                <div class="small">해당 역할을 삭제할까요?</div>
+                <input type="hidden" id="del_role_id">
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">취소</button>
+                <button class="btn btn-danger" type="button" id="btnConfirmDelete">삭제</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+    $(function(){
+        // ------- 샘플 데이터 -------
+        let SEQ = 3;
+        const roles = [
+            {id:1, name:'최고관리자', desc:'회사 전체 관리권한'},
+            {id:2, name:'일반관리자', desc:'부서/사용자/업무 관리'},
+            {id:3, name:'일반직원',   desc:'일반 사용 권한'}
+        ];
+
+        function escapeHtml(s){ return String(s??'').replace(/[&<>"']/g, m=>({ '&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;' }[m])); }
+
+        function render(){
+            const html = roles.map(r=>`
+      <tr data-id="${r.id}">
+        <td>${r.id}</td>
+        <td>${escapeHtml(r.name)}</td>
+        <td>${escapeHtml(r.desc||'')}</td>
+        <td>
+          <div class="d-flex justify-content-center gap-1">
+            <button class="btn btn-sm btn-outline-secondary btn-edit" data-id="${r.id}">수정</button>
+            <button class="btn btn-sm btn-outline-danger btn-del" data-id="${r.id}">삭제</button>
+          </div>
+        </td>
+      </tr>
+    `).join('');
+            $('#roleTbody').html(html);
+        }
+
+        // 등록
+        $('#btnOpenAdd').on('click', function(){
+            $('#roleAddForm')[0].reset();
+            new bootstrap.Modal('#roleAddModal').show();
+        });
+        $('#roleAddForm').on('submit', function(e){
+            e.preventDefault();
+            const name = $(this).find('[name="role_name"]').val().trim();
+            const desc = $(this).find('[name="role_desc"]').val().trim();
+            if(name.length<2){ alert('역할명을 2글자 이상 입력하세요.'); return; }
+            const id = ++SEQ;
+            roles.push({id, name, desc});
+            render();
+            bootstrap.Modal.getInstance(document.getElementById('roleAddModal')).hide();
+
+            // 실제:
+            // $.post('/tenant/tenant/role_add_process.php', {role_name:name, role_desc:desc}).done(()=>location.reload());
+        });
+
+        // 수정
+        $(document).on('click', '.btn-edit', function(){
+            const id = +$(this).data('id');
+            const r = roles.find(x=>x.id===id);
+            if(!r) return;
+            $('#edit_role_id').val(r.id);
+            $('#edit_role_name').val(r.name);
+            $('#edit_role_desc').val(r.desc||'');
+            new bootstrap.Modal('#roleEditModal').show();
+        });
+        $('#roleEditForm').on('submit', function(e){
+            e.preventDefault();
+            const id = +$('#edit_role_id').val();
+            const name = $('#edit_role_name').val().trim();
+            const desc = $('#edit_role_desc').val().trim();
+            if(name.length<2){ alert('역할명을 2글자 이상 입력하세요.'); return; }
+            const r = roles.find(x=>x.id===id);
+            if(!r) return;
+            r.name = name; r.desc = desc;
+            render();
+            bootstrap.Modal.getInstance(document.getElementById('roleEditModal')).hide();
+
+            // 실제:
+            // $.post('/tenant/tenant/role_edit_process.php', {role_id:id, role_name:name, role_desc:desc}).done(()=>location.reload());
+        });
+
+        // 삭제
+        $(document).on('click', '.btn-del', function(){
+            const id = +$(this).data('id');
+            $('#del_role_id').val(id);
+            new bootstrap.Modal('#roleDeleteModal').show();
+        });
+        $('#btnConfirmDelete').on('click', function(){
+            const id = +$('#del_role_id').val();
+            const idx = roles.findIndex(x=>x.id===id);
+            if(idx>-1) roles.splice(idx,1);
+            render();
+            bootstrap.Modal.getInstance(document.getElementById('roleDeleteModal')).hide();
+
+            // 실제:
+            // location.href = '/tenant/tenant/role_delete.php?id='+id;
+        });
+
+        render();
+    });
+</script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/tenant/subscribe.php b/public/tenant/tenant/subscribe.php
new file mode 100644
index 0000000..648e283
--- /dev/null
+++ b/public/tenant/tenant/subscribe.php
@@ -0,0 +1,8 @@
+<?php
+$CURRENT_SECTION='tenant';
+include '../inc/header.php';
+?>
+
+    화면 준비중입니다.
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/tenant/user_edit.php b/public/tenant/tenant/user_edit.php
new file mode 100644
index 0000000..c6c7ab0
--- /dev/null
+++ b/public/tenant/tenant/user_edit.php
@@ -0,0 +1,124 @@
+<?php
+$CURRENT_SECTION = 'tenant';
+include '../inc/header.php';
+
+// 실제 환경에서는 ?id=...로 받아서 DB에서 해당 유저 정보 조회
+// 샘플 데이터
+$allowed_options = ['사번', '계좌번호']; // 이 테넌트(회사)에서 허용된 옵션
+
+$users = [
+    1 => [
+        'id'=>1,
+        'user_id'=>'kevin',
+        'name'=>'권혁성',
+        'email'=>'kevin@sample.com',
+        'phone'=>'010-1111-2222',
+        'options'=>json_encode(['사번'=>'A001','계좌번호'=>'111-2222-3333']),
+        'profile_photo_path' => '',
+    ],
+    2 => [
+        'id'=>2,
+        'user_id'=>'sally',
+        'name'=>'김슬기',
+        'email'=>'sally@sample.com',
+        'phone'=>'010-3333-4444',
+        'options'=>json_encode(['사번'=>'A002','계좌번호'=>'222-3333-4444']),
+        'profile_photo_path' => '',
+    ],
+];
+
+$user_id = isset($_GET['id']) ? intval($_GET['id']) : 0;
+$user = isset($users[$user_id]) ? $users[$user_id] : null;
+
+if (!$user) {
+    echo '<div class="alert alert-danger mt-4 text-center">해당 회원을 찾을 수 없습니다.</div>';
+    include '../inc/footer.php';
+    exit;
+}
+$user_options = json_decode($user['options'], true);
+?>
+
+    <div class="container" style="max-width:800px; margin-top:40px;">
+        <div class="card shadow p-4">
+            <h4 class="mb-3 text-center">회원 정보 수정</h4>
+            <form id="userEditForm" method="post" action="/tenant/tenant/user_edit_process.php" enctype="multipart/form-data" autocomplete="off">
+                <input type="hidden" name="user_id" value="<?= htmlspecialchars($user['id']) ?>">
+                <div class="mb-3">
+                    <label class="form-label">회원 아이디</label>
+                    <input type="text" class="form-control" name="user_id_display" value="<?= htmlspecialchars($user['user_id']) ?>" readonly>
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">이름 <span class="text-danger">*</span></label>
+                    <input type="text" class="form-control" name="name" maxlength="100" value="<?= htmlspecialchars($user['name']) ?>" required>
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">이메일 <span class="text-danger">*</span></label>
+                    <input type="email" class="form-control" name="email" maxlength="100" value="<?= htmlspecialchars($user['email']) ?>" required>
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">전화번호</label>
+                    <input type="text" class="form-control" name="phone" maxlength="30" value="<?= htmlspecialchars($user['phone']) ?>">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">프로필 사진</label>
+                    <?php if ($user['profile_photo_path']): ?>
+                        <div class="mb-2"><img src="<?= htmlspecialchars($user['profile_photo_path']) ?>" alt="프로필" style="height:40px;"></div>
+                    <?php endif; ?>
+                    <input type="file" class="form-control" name="profile_photo" accept="image/*">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">비밀번호 변경</label>
+                    <input type="password" class="form-control" name="password" maxlength="30" placeholder="변경 시 입력">
+                </div>
+                <div class="mb-3">
+                    <label class="form-label">비밀번호 확인</label>
+                    <input type="password" class="form-control" name="password2" maxlength="30" placeholder="변경 시 입력">
+                </div>
+                <?php foreach($allowed_options as $opt): ?>
+                    <div class="mb-3">
+                        <label class="form-label"><?= htmlspecialchars($opt) ?></label>
+                        <input type="text" class="form-control" name="option_<?= urlencode($opt) ?>" value="<?= isset($user_options[$opt]) ? htmlspecialchars($user_options[$opt]) : '' ?>">
+                    </div>
+                <?php endforeach; ?>
+                <div class="d-flex gap-2">
+                    <button type="submit" class="btn btn-primary w-50">수정</button>
+                    <a href="/tenant/tenant/user_list.php" class="btn btn-secondary w-50">취소</a>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script>
+        $(function(){
+            $('#userEditForm').on('submit', function(e){
+                var name = $('[name="name"]').val().trim();
+                var email = $('[name="email"]').val().trim();
+                var pw1 = $('[name="password"]').val();
+                var pw2 = $('[name="password2"]').val();
+                if (name.length < 2) {
+                    alert('이름은 2글자 이상 입력하세요.');
+                    $('[name="name"]').focus();
+                    e.preventDefault(); return false;
+                }
+                if (!email || !/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email)) {
+                    alert('이메일을 올바르게 입력하세요.');
+                    $('[name="email"]').focus();
+                    e.preventDefault(); return false;
+                }
+                if (pw1 || pw2) {
+                    if (pw1.length < 4) {
+                        alert('비밀번호는 4글자 이상이어야 합니다.');
+                        $('[name="password"]').focus();
+                        e.preventDefault(); return false;
+                    }
+                    if (pw1 !== pw2) {
+                        alert('비밀번호가 일치하지 않습니다.');
+                        $('[name="password2"]').focus();
+                        e.preventDefault(); return false;
+                    }
+                }
+            });
+        });
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/tenant/user_list.php b/public/tenant/tenant/user_list.php
new file mode 100644
index 0000000..bbc2832
--- /dev/null
+++ b/public/tenant/tenant/user_list.php
@@ -0,0 +1,347 @@
+<!-- SAM RULES: include=../inc/header.php; base=/tenant; width=1280; js=jQuery+BS5 -->
+<?php
+$CURRENT_SECTION = 'tenant';
+include '../inc/header.php';
+?>
+<div class="container" style="max-width:1280px; margin-top:40px;">
+    <div class="card shadow p-4">
+        <div class="d-flex justify-content-between align-items-center mb-3">
+            <h4 class="mb-0">회원(유저) 목록</h4>
+            <button class="btn btn-primary" id="btnOpenAdd">+ 회원 등록</button>
+        </div>
+
+        <div class="table-responsive">
+            <table class="table table-hover align-middle text-center" id="userTable">
+                <thead class="table-light">
+                <tr id="theadRow">
+                    <!-- JS가 동적 컬럼(옵션) 포함하여 렌더 -->
+                </tr>
+                </thead>
+                <tbody id="userTbody"><!-- JS 렌더 --></tbody>
+            </table>
+        </div>
+    </div>
+</div>
+
+<!-- 등록 모달 -->
+<div class="modal fade" id="userAddModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-md modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header"><h5 class="modal-title">회원 등록</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <form id="userAddForm" autocomplete="off" enctype="multipart/form-data">
+                <div class="modal-body">
+                    <div class="mb-2">
+                        <label class="form-label">회원 아이디 <span class="text-danger">*</span></label>
+                        <input type="text" class="form-control" name="user_id" maxlength="100" required>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">이름 <span class="text-danger">*</span></label>
+                        <input type="text" class="form-control" name="name" maxlength="100" required>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">이메일 <span class="text-danger">*</span></label>
+                        <input type="email" class="form-control" name="email" maxlength="255" required>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">전화번호</label>
+                        <input type="text" class="form-control" name="phone" maxlength="30">
+                    </div>
+                    <div class="row g-2">
+                        <div class="col">
+                            <label class="form-label">비밀번호 <span class="text-danger">*</span></label>
+                            <input type="password" class="form-control" name="password" maxlength="30" required>
+                        </div>
+                        <div class="col">
+                            <label class="form-label">비밀번호 확인 <span class="text-danger">*</span></label>
+                            <input type="password" class="form-control" name="password2" maxlength="30" required>
+                        </div>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">프로필 사진</label>
+                        <input type="file" class="form-control" name="profile_photo" accept="image/*">
+                    </div>
+
+                    <!-- 옵션 필드(샘플: 사번/계좌번호) -->
+                    <div id="addOptionFields"><!-- JS 렌더 --></div>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">취소</button>
+                    <button class="btn btn-primary" type="submit">등록</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- 수정 모달 -->
+<div class="modal fade" id="userEditModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-md modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header"><h5 class="modal-title">회원 정보 수정</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <form id="userEditForm" autocomplete="off" enctype="multipart/form-data">
+                <div class="modal-body">
+                    <input type="hidden" name="id" id="edit_id">
+                    <div class="mb-2">
+                        <label class="form-label">회원 아이디</label>
+                        <input type="text" class="form-control" id="edit_user_id" readonly>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">이름 <span class="text-danger">*</span></label>
+                        <input type="text" class="form-control" name="name" id="edit_name" maxlength="100" required>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">이메일 <span class="text-danger">*</span></label>
+                        <input type="email" class="form-control" name="email" id="edit_email" maxlength="255" required>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">전화번호</label>
+                        <input type="text" class="form-control" name="phone" id="edit_phone" maxlength="30">
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label">프로필 사진</label>
+                        <div id="edit_photo_preview" class="mb-2"></div>
+                        <input type="file" class="form-control" name="profile_photo" accept="image/*">
+                    </div>
+                    <div class="row g-2">
+                        <div class="col">
+                            <label class="form-label">비밀번호 변경</label>
+                            <input type="password" class="form-control" name="password" maxlength="30" placeholder="변경 시 입력">
+                        </div>
+                        <div class="col">
+                            <label class="form-label">비밀번호 확인</label>
+                            <input type="password" class="form-control" name="password2" maxlength="30" placeholder="변경 시 입력">
+                        </div>
+                    </div>
+
+                    <!-- 옵션 필드(동적) -->
+                    <div id="editOptionFields" class="mt-2"><!-- JS 렌더 --></div>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">취소</button>
+                    <button class="btn btn-primary" type="submit">저장</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<!-- 삭제 확인 모달 -->
+<div class="modal fade" id="userDeleteModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-sm modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header"><h5 class="modal-title">삭제 확인</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
+            </div>
+            <div class="modal-body">
+                <div class="small">해당 회원을 삭제할까요?</div>
+                <input type="hidden" id="del_user_id">
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">취소</button>
+                <button class="btn btn-danger" type="button" id="btnConfirmDelete">삭제</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+    $(function(){
+        // ------- 샘플: 이 테넌트에서 허용된 옵션 -------
+        const allowedOptions = ['사번','계좌번호'];
+
+        // ------- 샘플 유저 데이터 -------
+        let SEQ = 2;
+        const users = [
+            { id:1, user_id:'kevin', name:'권혁성', email:'kevin@sample.com', phone:'010-1111-2222',
+                options: {'사번':'A001','계좌번호':'111-2222-3333'}, created_at:'2024-07-01', profile_photo_path:'' },
+            { id:2, user_id:'sally', name:'김슬기', email:'sally@sample.com', phone:'010-3333-4444',
+                options: {'사번':'A002','계좌번호':'222-3333-4444'}, created_at:'2024-07-10', profile_photo_path:'' },
+        ];
+
+        // ------- 유틸 -------
+        function escapeHtml(s){ return String(s??'').replace(/[&<>"']/g, m=>({ '&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;' }[m])); }
+
+        // ------- 테이블 헤더 렌더(옵션 포함 동적) -------
+        function renderThead(){
+            const fixed = ['#','회원ID','이름','이메일','전화번호'];
+            const tail  = ['가입일','관리'];
+            const ths = [
+                ...fixed.map(t=>`<th>${t}</th>`),
+                ...allowedOptions.map(o=>`<th>${escapeHtml(o)}</th>`),
+                ...tail.map(t=>`<th>${t}</th>`)
+            ].join('');
+            $('#theadRow').html(ths);
+        }
+
+        // ------- 리스트 렌더 -------
+        function renderTbody(){
+            const rows = users.map(u=>{
+                const opts = allowedOptions.map(o=>{
+                    const v = (u.options && u.options[o]) ? u.options[o] : '-';
+                    return `<td>${escapeHtml(v)}</td>`;
+                }).join('');
+                return `
+        <tr data-id="${u.id}">
+          <td>${u.id}</td>
+          <td>${escapeHtml(u.user_id)}</td>
+          <td>${escapeHtml(u.name)}</td>
+          <td>${escapeHtml(u.email)}</td>
+          <td>${escapeHtml(u.phone||'')}</td>
+          ${opts}
+          <td>${u.created_at||''}</td>
+          <td>
+            <div class="d-flex justify-content-center gap-1">
+              <button class="btn btn-sm btn-outline-secondary btn-edit" data-id="${u.id}">수정</button>
+              <button class="btn btn-sm btn-outline-danger btn-del" data-id="${u.id}">삭제</button>
+            </div>
+          </td>
+        </tr>
+      `;
+            }).join('');
+            $('#userTbody').html(rows);
+        }
+
+        // ------- 옵션 입력 필드 렌더 -------
+        function renderOptionInputs($wrap, values={}){
+            const html = allowedOptions.map(o=>{
+                const key = o; // 표시 라벨과 키 동일(샘플)
+                const val = values[key] ?? '';
+                return `
+        <div class="mb-2">
+          <label class="form-label">${escapeHtml(o)}</label>
+          <input type="text" class="form-control" name="opt__${encodeURIComponent(key)}" value="${escapeHtml(val)}">
+        </div>
+      `;
+            }).join('');
+            $wrap.html(html);
+        }
+
+        // 초기 렌더
+        renderThead();
+        renderTbody();
+
+        // ------- 등록 모달 열기 -------
+        $('#btnOpenAdd').on('click', function(){
+            $('#userAddForm')[0].reset();
+            renderOptionInputs($('#addOptionFields'), {});
+            new bootstrap.Modal('#userAddModal').show();
+        });
+
+        // ------- 등록 처리(프로토타입: 클라이언트 메모리) -------
+        $('#userAddForm').on('submit', function(e){
+            e.preventDefault();
+            const get = n => $(this).find(`[name="${n}"]`).val();
+            const uid = get('user_id').trim();
+            const name = get('name').trim();
+            const email = get('email').trim();
+            const phone = get('phone').trim();
+            const pw1 = get('password'), pw2 = get('password2');
+
+            if(uid.length<2){ alert('회원 아이디를 2글자 이상 입력하세요.'); return; }
+            if(name.length<2){ alert('이름을 2글자 이상 입력하세요.'); return; }
+            if(!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email)){ alert('이메일을 올바르게 입력하세요.'); return; }
+            if(pw1.length<4){ alert('비밀번호는 4글자 이상이어야 합니다.'); return; }
+            if(pw1!==pw2){ alert('비밀번호가 일치하지 않습니다.'); return; }
+
+            // 옵션 수집
+            const opts = {};
+            allowedOptions.forEach(o=>{
+                const v = $(this).find(`[name="opt__${encodeURIComponent(o)}"]`).val().trim();
+                if(v) opts[o]=v;
+            });
+
+            const id = ++SEQ;
+            users.push({
+                id, user_id:uid, name, email, phone,
+                options: opts, created_at: new Date().toISOString().slice(0,10),
+                profile_photo_path:''
+            });
+            renderTbody();
+            bootstrap.Modal.getInstance(document.getElementById('userAddModal')).hide();
+
+            // 실제 연동 예:
+            // const fd = new FormData(this);
+            // allowedOptions.forEach(o=> fd.append('options['+o+']', $(this).find(`[name="opt__${encodeURIComponent(o)}"]`).val()));
+            // $.ajax({url:'/tenant/tenant/user_add_process.php', method:'POST', data:fd, processData:false, contentType:false})
+            //   .done(()=>location.reload());
+        });
+
+        // ------- 수정 모달 열기 -------
+        $(document).on('click', '.btn-edit', function(){
+            const id = +$(this).data('id');
+            const u = users.find(x=>x.id===id);
+            if(!u) return;
+
+            $('#edit_id').val(u.id);
+            $('#edit_user_id').val(u.user_id);
+            $('#edit_name').val(u.name);
+            $('#edit_email').val(u.email);
+            $('#edit_phone').val(u.phone||'');
+            $('#edit_photo_preview').html(u.profile_photo_path ? `<img src="${escapeHtml(u.profile_photo_path)}" alt="프로필" style="height:40px;">` : '');
+
+            renderOptionInputs($('#editOptionFields'), u.options||{});
+            new bootstrap.Modal('#userEditModal').show();
+        });
+
+        // ------- 수정 처리(프로토타입) -------
+        $('#userEditForm').on('submit', function(e){
+            e.preventDefault();
+            const id = +$('#edit_id').val();
+            const name = $('#edit_name').val().trim();
+            const email = $('#edit_email').val().trim();
+            const phone = $('#edit_phone').val().trim();
+            const pw1 = $(this).find('[name="password"]').val();
+            const pw2 = $(this).find('[name="password2"]').val();
+
+            if(name.length<2){ alert('이름은 2글자 이상 입력하세요.'); return; }
+            if(!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email)){ alert('이메일을 올바르게 입력하세요.'); return; }
+            if(pw1 || pw2){
+                if(pw1.length<4){ alert('비밀번호는 4글자 이상이어야 합니다.'); return; }
+                if(pw1!==pw2){ alert('비밀번호가 일치하지 않습니다.'); return; }
+            }
+
+            const u = users.find(x=>x.id===id);
+            if(!u) return;
+            u.name = name; u.email = email; u.phone = phone;
+
+            // 옵션 업데이트
+            const opts = {};
+            allowedOptions.forEach(o=>{
+                const v = $('#editOptionFields').find(`[name="opt__${encodeURIComponent(o)}"]`).val().trim();
+                if(v) opts[o]=v;
+            });
+            u.options = opts;
+
+            renderTbody();
+            bootstrap.Modal.getInstance(document.getElementById('userEditModal')).hide();
+
+            // 실제 연동 예:
+            // const fd = new FormData(this);
+            // allowedOptions.forEach(o=> fd.append('options['+o+']', $('#editOptionFields').find(`[name="opt__${encodeURIComponent(o)}"]`).val()));
+            // $.ajax({url:'/tenant/tenant/user_edit_process.php', method:'POST', data:fd, processData:false, contentType:false})
+            //   .done(()=>location.reload());
+        });
+
+        // ------- 삭제 -------
+        $(document).on('click', '.btn-del', function(){
+            $('#del_user_id').val(+$(this).data('id'));
+            new bootstrap.Modal('#userDeleteModal').show();
+        });
+        $('#btnConfirmDelete').on('click', function(){
+            const id = +$('#del_user_id').val();
+            const i = users.findIndex(x=>x.id===id);
+            if(i>-1) users.splice(i,1);
+            renderTbody();
+            bootstrap.Modal.getInstance(document.getElementById('userDeleteModal')).hide();
+
+            // 실제:
+            // location.href = '/tenant/tenant/user_delete.php?id='+id;
+        });
+    });
+</script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/tenant/user_unmap.php b/public/tenant/tenant/user_unmap.php
new file mode 100644
index 0000000..9393ca1
--- /dev/null
+++ b/public/tenant/tenant/user_unmap.php
@@ -0,0 +1,20 @@
+<?php
+include '../inc/config.php';
+
+// 실제로는 ?id=...로 받아서 매핑 해제 처리
+$user_id = isset($_GET['id']) ? intval($_GET['id']) : 0;
+
+// 실제 매핑 해제 쿼리는 이곳에
+// 예: DELETE FROM tenant_user_map WHERE user_id = $user_id AND tenant_id = 현재회사ID
+// 또는 users 테이블에서 deleted_at 세팅 등
+
+// 샘플: 삭제 완료 메시지 후 유저 리스트로 이동
+echo <<<HTML
+<script>
+    alert('회사의 회원 연결이 해제되었습니다.');
+    window.location.href = '/tenant/tenant/user_list.php';
+</script>
+HTML;
+
+exit;
+?>
diff --git a/public/tenant/tenant/withdraw.php b/public/tenant/tenant/withdraw.php
new file mode 100644
index 0000000..3c03b03
--- /dev/null
+++ b/public/tenant/tenant/withdraw.php
@@ -0,0 +1,111 @@
+<?php
+$CURRENT_SECTION = 'tenant';
+include '../inc/header.php';
+
+// 최고관리자 권한 체크(예시)
+// 실제 환경에서는 $_SESSION['user_role'] 또는 tenant 관리자 여부 등으로 확인
+if (!isset($_SESSION['user_role']) || $_SESSION['user_role'] !== 'tenant_admin') {
+    echo '<div class="alert alert-danger mt-4 text-center">회사 관리자만 회사 탈퇴가 가능합니다.</div>';
+    include '../inc/footer.php';
+    exit;
+}
+
+$tenant_name = isset($_SESSION['tenant_name']) ? htmlspecialchars($_SESSION['tenant_name']) : '이 회사';
+?>
+
+    <div class="d-flex justify-content-center align-items-center" style="min-height: 70vh;">
+        <div class="card shadow p-4" style="width: 420px;">
+            <form id="tenantWithdrawForm" method="post" action="/tenant/tenant/withdraw_process.php" autocomplete="off">
+                <h3 class="text-center mb-4 text-danger">회사(테넌트) 해지</h3>
+                <div class="alert alert-danger small text-center mb-4 fw-bold">
+                    <b>※ 반드시 확인해주세요!</b><br>
+                    <span class="d-block mt-2 mb-1">
+                    &middot; <b><?= $tenant_name ?></b>의 모든 데이터, 계정, 파일이 <u>영구 삭제</u>됩니다.<br>
+                    &middot; 결제 중인 서비스/구독도 즉시 중단 및 해지됩니다.<br>
+                    &middot; <u>복구는 불가</u>합니다. 탈퇴 후에는 어떤 이유로도 데이터/계정 복구가 불가합니다.<br>
+                    &middot; 탈퇴 즉시 소속 모든 유저가 로그아웃/접근 차단됩니다.<br>
+                </span>
+                    <span class="text-danger">
+                    이 작업은 최고관리자만 수행할 수 있습니다.
+                </span>
+                </div>
+                <div class="mb-3">
+                    <input type="checkbox" id="agree" name="agree" required>
+                    <label for="agree" class="form-label ms-1">
+                        위 내용을 모두 이해했으며, 회사 해지에 동의합니다.
+                    </label>
+                </div>
+                <div class="mb-3">
+                    <label for="reason" class="form-label">해지 사유</label>
+                    <select class="form-select" id="reason" name="reason" required>
+                        <option value="">사유를 선택하세요</option>
+                        <option value="서비스 불만족">서비스 불만족</option>
+                        <option value="요금 부담">요금 부담</option>
+                        <option value="재가입 예정">재가입 예정</option>
+                        <option value="기타">기타 (직접 입력)</option>
+                    </select>
+                </div>
+                <div class="mb-3" id="reasonEtcDiv" style="display:none;">
+                    <input type="text" class="form-control" id="reason_etc" name="reason_etc" maxlength="100" placeholder="해지 사유를 입력하세요">
+                </div>
+                <div class="mb-4">
+                    <label for="password" class="form-label">관리자 비밀번호 확인</label>
+                    <input type="password" class="form-control" id="password" name="password" maxlength="30" required placeholder="비밀번호를 입력하세요">
+                </div>
+                <div class="d-flex gap-2">
+                    <button type="button" class="btn btn-danger w-50" id="withdrawBtn">탈퇴</button>
+                    <a href="/tenant/tenant/edit.php" class="btn btn-secondary w-50">취소</a>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script>
+        $(function(){
+            // 해지 사유 기타 선택시 입력란 노출
+            $('#reason').on('change', function(){
+                if ($(this).val() === '기타') {
+                    $('#reasonEtcDiv').show();
+                    $('#reason_etc').prop('required', true);
+                } else {
+                    $('#reasonEtcDiv').hide();
+                    $('#reason_etc').prop('required', false);
+                }
+            });
+
+            // 이중 확인 및 밸리데이션
+            $('#withdrawBtn').on('click', function(){
+                if (!$('#agree').is(':checked')) {
+                    alert('동의 체크가 필요합니다.');
+                    $('#agree').focus();
+                    return false;
+                }
+                var reason = $('#reason').val();
+                var reasonEtc = $('#reason_etc').val();
+                var pw = $('#password').val();
+
+                if (!reason) {
+                    alert('해지 사유를 선택하세요.');
+                    $('#reason').focus();
+                    return false;
+                }
+                if (reason === '기타' && (!reasonEtc || reasonEtc.trim().length < 2)) {
+                    alert('해지 사유를 입력하세요.');
+                    $('#reason_etc').focus();
+                    return false;
+                }
+                if (!pw || pw.length < 4) {
+                    alert('비밀번호를 올바르게 입력하세요.');
+                    $('#password').focus();
+                    return false;
+                }
+
+                // 이중 확인 팝업
+                if (confirm("정말로 회사를 완전히 탈퇴(해지)하시겠습니까?\n이 작업은 되돌릴 수 없습니다.")) {
+                    $('#tenantWithdrawForm').submit();
+                }
+            });
+        });
+    </script>
+
+<?php include '../inc/footer.php'; ?>
diff --git a/public/tenant/tenant_base.html b/public/tenant/tenant_base.html
new file mode 100644
index 0000000..d746e53
--- /dev/null
+++ b/public/tenant/tenant_base.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>사용자 페이지</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
+    <style>
+        body { background-color: #dfe6f0; }
+        header, footer { background-color: #2c4a85; color: white; padding: 1rem; }
+        nav a { color: white; margin-right: 1rem; }
+        nav a:hover { text-decoration: underline; }
+    </style>
+</head>
+<body>
+<header>
+    <h1>MyCompany 사용자 페이지</h1>
+    <nav>
+        <a href="/dashboard.html">대시보드</a>
+        <a href="/profile.html">내 정보</a>
+        <a href="/subscription.html">구독관리</a>
+        <a href="/support.html">고객지원</a>
+    </nav>
+</header>
+
+<main class="container my-4">
+    <!-- 개별 페이지 내용 여기 삽입 -->
+</main>
+
+<footer class="text-center">
+    &copy; 2025 MyCompany. All rights reserved.
+</footer>
+
+<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>
diff --git a/public/tenant/test.html b/public/tenant/test.html
new file mode 100644
index 0000000..356bb5f
--- /dev/null
+++ b/public/tenant/test.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8" />
+    <title>Highmaps Only Test</title>
+    <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
+    <script src="https://code.highcharts.com/maps/highmaps.js"></script>
+    <script src="https://code.highcharts.com/mapdata/custom/world.js"></script>
+</head>
+<body>
+<div id="mapContainer" style="height: 500px; min-width: 310px; max-width: 800px; margin: 0 auto;"></div>
+<script>
+    $(function() {
+        Highcharts.mapChart('mapContainer', {
+            chart: { map: 'custom/world' },
+            title: { text: 'World Map Example' },
+            series: [{
+                data: [['kr', 45], ['us', 28], ['de', 15]],
+                name: 'Revenue',
+                states: { hover: { color: '#BADA55' } },
+                dataLabels: { enabled: true, format: '{point.name}' }
+            }]
+        });
+    });
+</script>
+</body>
+</html>