diff --git a/app/Http/Controllers/Api/Admin/DocumentApiController.php b/app/Http/Controllers/Api/Admin/DocumentApiController.php
new file mode 100644
index 00000000..149c393b
--- /dev/null
+++ b/app/Http/Controllers/Api/Admin/DocumentApiController.php
@@ -0,0 +1,226 @@
+<?php
+
+namespace App\Http\Controllers\Api\Admin;
+
+use App\Http\Controllers\Controller;
+use App\Models\Documents\Document;
+use App\Models\Documents\DocumentData;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+
+class DocumentApiController extends Controller
+{
+    /**
+     * 문서 목록 조회
+     */
+    public function index(Request $request): JsonResponse
+    {
+        $tenantId = session('selected_tenant_id');
+
+        $query = Document::with(['template', 'creator'])
+            ->where('tenant_id', $tenantId)
+            ->orderBy('created_at', 'desc');
+
+        // 상태 필터
+        if ($request->filled('status')) {
+            $query->where('status', $request->status);
+        }
+
+        // 템플릿 필터
+        if ($request->filled('template_id')) {
+            $query->where('template_id', $request->template_id);
+        }
+
+        // 검색
+        if ($request->filled('search')) {
+            $search = $request->search;
+            $query->where(function ($q) use ($search) {
+                $q->where('document_no', 'like', "%{$search}%")
+                    ->orWhere('title', 'like', "%{$search}%");
+            });
+        }
+
+        $documents = $query->paginate($request->input('per_page', 15));
+
+        return response()->json($documents);
+    }
+
+    /**
+     * 문서 상세 조회
+     */
+    public function show(int $id): JsonResponse
+    {
+        $tenantId = session('selected_tenant_id');
+
+        $document = Document::with([
+            'template.approvalLines',
+            'template.basicFields',
+            'template.sections.items',
+            'template.columns',
+            'approvals.user',
+            'data',
+            'attachments.file',
+            'creator',
+            'updater',
+        ])->where('tenant_id', $tenantId)->findOrFail($id);
+
+        return response()->json([
+            'success' => true,
+            'data' => $document,
+        ]);
+    }
+
+    /**
+     * 문서 생성
+     */
+    public function store(Request $request): JsonResponse
+    {
+        $tenantId = session('selected_tenant_id');
+        $userId = auth()->id();
+
+        $request->validate([
+            'template_id' => 'required|exists:document_templates,id',
+            'title' => 'required|string|max:255',
+            'data' => 'nullable|array',
+            'data.*.field_key' => 'required|string',
+            'data.*.field_value' => 'nullable|string',
+        ]);
+
+        // 문서 번호 생성
+        $documentNo = $this->generateDocumentNo($tenantId, $request->template_id);
+
+        $document = Document::create([
+            'tenant_id' => $tenantId,
+            'template_id' => $request->template_id,
+            'document_no' => $documentNo,
+            'title' => $request->title,
+            'status' => Document::STATUS_DRAFT,
+            'created_by' => $userId,
+            'updated_by' => $userId,
+        ]);
+
+        // 문서 데이터 저장
+        if ($request->filled('data')) {
+            foreach ($request->data as $item) {
+                if (! empty($item['field_value'])) {
+                    DocumentData::create([
+                        'document_id' => $document->id,
+                        'field_key' => $item['field_key'],
+                        'field_value' => $item['field_value'],
+                    ]);
+                }
+            }
+        }
+
+        return response()->json([
+            'success' => true,
+            'message' => '문서가 저장되었습니다.',
+            'data' => $document->fresh(['template', 'data']),
+        ], 201);
+    }
+
+    /**
+     * 문서 수정
+     */
+    public function update(int $id, Request $request): JsonResponse
+    {
+        $tenantId = session('selected_tenant_id');
+        $userId = auth()->id();
+
+        $document = Document::where('tenant_id', $tenantId)->findOrFail($id);
+
+        // 작성중 또는 반려 상태에서만 수정 가능
+        if (! in_array($document->status, [Document::STATUS_DRAFT, Document::STATUS_REJECTED])) {
+            return response()->json([
+                'success' => false,
+                'message' => '현재 상태에서는 수정할 수 없습니다.',
+            ], 422);
+        }
+
+        $request->validate([
+            'title' => 'sometimes|required|string|max:255',
+            'data' => 'nullable|array',
+            'data.*.field_key' => 'required|string',
+            'data.*.field_value' => 'nullable|string',
+        ]);
+
+        $document->update([
+            'title' => $request->input('title', $document->title),
+            'updated_by' => $userId,
+        ]);
+
+        // 문서 데이터 업데이트
+        if ($request->has('data')) {
+            // 기존 데이터 삭제
+            $document->data()->delete();
+
+            // 새 데이터 저장
+            foreach ($request->data as $item) {
+                if (! empty($item['field_value'])) {
+                    DocumentData::create([
+                        'document_id' => $document->id,
+                        'field_key' => $item['field_key'],
+                        'field_value' => $item['field_value'],
+                    ]);
+                }
+            }
+        }
+
+        return response()->json([
+            'success' => true,
+            'message' => '문서가 수정되었습니다.',
+            'data' => $document->fresh(['template', 'data']),
+        ]);
+    }
+
+    /**
+     * 문서 삭제 (소프트 삭제)
+     */
+    public function destroy(int $id): JsonResponse
+    {
+        $tenantId = session('selected_tenant_id');
+
+        $document = Document::where('tenant_id', $tenantId)->findOrFail($id);
+
+        // 작성중 상태에서만 삭제 가능
+        if ($document->status !== Document::STATUS_DRAFT) {
+            return response()->json([
+                'success' => false,
+                'message' => '작성중 상태의 문서만 삭제할 수 있습니다.',
+            ], 422);
+        }
+
+        $document->delete();
+
+        return response()->json([
+            'success' => true,
+            'message' => '문서가 삭제되었습니다.',
+        ]);
+    }
+
+    /**
+     * 문서 번호 생성
+     */
+    private function generateDocumentNo(int $tenantId, int $templateId): string
+    {
+        $prefix = 'DOC';
+        $date = now()->format('Ymd');
+
+        $lastDocument = Document::where('tenant_id', $tenantId)
+            ->where('template_id', $templateId)
+            ->whereDate('created_at', now()->toDateString())
+            ->orderBy('id', 'desc')
+            ->first();
+
+        $sequence = 1;
+        if ($lastDocument) {
+            // 마지막 문서 번호에서 시퀀스 추출
+            $parts = explode('-', $lastDocument->document_no);
+            if (count($parts) >= 3) {
+                $sequence = (int) end($parts) + 1;
+            }
+        }
+
+        return sprintf('%s-%s-%04d', $prefix, $date, $sequence);
+    }
+}
diff --git a/app/Http/Controllers/DocumentController.php b/app/Http/Controllers/DocumentController.php
new file mode 100644
index 00000000..7c3db747
--- /dev/null
+++ b/app/Http/Controllers/DocumentController.php
@@ -0,0 +1,121 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Documents\Document;
+use App\Models\DocumentTemplate;
+use Illuminate\Http\Request;
+use Illuminate\Http\Response;
+use Illuminate\View\View;
+
+class DocumentController extends Controller
+{
+    /**
+     * 문서 목록 페이지
+     */
+    public function index(Request $request): View|Response
+    {
+        if ($request->header('HX-Request')) {
+            return response('', 200)->header('HX-Redirect', route('documents.index'));
+        }
+
+        $tenantId = session('selected_tenant_id');
+
+        // 템플릿 목록 (필터용)
+        $templates = $tenantId
+            ? DocumentTemplate::where(function ($q) use ($tenantId) {
+                $q->whereNull('tenant_id')->orWhere('tenant_id', $tenantId);
+            })->where('is_active', true)->orderBy('name')->get()
+            : collect();
+
+        return view('documents.index', [
+            'templates' => $templates,
+            'statuses' => Document::STATUS_LABELS,
+        ]);
+    }
+
+    /**
+     * 문서 생성 페이지
+     */
+    public function create(Request $request): View
+    {
+        $tenantId = session('selected_tenant_id');
+        $templateId = $request->query('template_id');
+
+        // 템플릿 목록
+        $templates = $tenantId
+            ? DocumentTemplate::where(function ($q) use ($tenantId) {
+                $q->whereNull('tenant_id')->orWhere('tenant_id', $tenantId);
+            })->where('is_active', true)->orderBy('name')->get()
+            : collect();
+
+        // 선택된 템플릿
+        $template = $templateId
+            ? DocumentTemplate::with(['approvalLines', 'basicFields', 'sections.items', 'columns'])->find($templateId)
+            : null;
+
+        return view('documents.edit', [
+            'document' => null,
+            'template' => $template,
+            'templates' => $templates,
+            'isCreate' => true,
+        ]);
+    }
+
+    /**
+     * 문서 수정 페이지
+     */
+    public function edit(int $id): View
+    {
+        $tenantId = session('selected_tenant_id');
+
+        $document = Document::with([
+            'template.approvalLines',
+            'template.basicFields',
+            'template.sections.items',
+            'template.columns',
+            'approvals.user',
+            'data',
+            'attachments.file',
+            'creator',
+        ])->where('tenant_id', $tenantId)->findOrFail($id);
+
+        // 템플릿 목록 (변경용)
+        $templates = $tenantId
+            ? DocumentTemplate::where(function ($q) use ($tenantId) {
+                $q->whereNull('tenant_id')->orWhere('tenant_id', $tenantId);
+            })->where('is_active', true)->orderBy('name')->get()
+            : collect();
+
+        return view('documents.edit', [
+            'document' => $document,
+            'template' => $document->template,
+            'templates' => $templates,
+            'isCreate' => false,
+        ]);
+    }
+
+    /**
+     * 문서 상세 페이지 (읽기 전용)
+     */
+    public function show(int $id): View
+    {
+        $tenantId = session('selected_tenant_id');
+
+        $document = Document::with([
+            'template.approvalLines',
+            'template.basicFields',
+            'template.sections.items',
+            'template.columns',
+            'approvals.user',
+            'data',
+            'attachments.file',
+            'creator',
+            'updater',
+        ])->where('tenant_id', $tenantId)->findOrFail($id);
+
+        return view('documents.show', [
+            'document' => $document,
+        ]);
+    }
+}
diff --git a/app/Models/Documents/Document.php b/app/Models/Documents/Document.php
new file mode 100644
index 00000000..d6a2bb3e
--- /dev/null
+++ b/app/Models/Documents/Document.php
@@ -0,0 +1,178 @@
+<?php
+
+namespace App\Models\Documents;
+
+use App\Models\DocumentTemplate;
+use App\Models\User;
+use App\Traits\BelongsToTenant;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+use Illuminate\Database\Eloquent\Relations\MorphTo;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class Document extends Model
+{
+    use BelongsToTenant, SoftDeletes;
+
+    protected $table = 'documents';
+
+    // 상태 상수
+    public const STATUS_DRAFT = 'DRAFT';
+
+    public const STATUS_PENDING = 'PENDING';
+
+    public const STATUS_APPROVED = 'APPROVED';
+
+    public const STATUS_REJECTED = 'REJECTED';
+
+    public const STATUS_CANCELLED = 'CANCELLED';
+
+    public const STATUSES = [
+        self::STATUS_DRAFT,
+        self::STATUS_PENDING,
+        self::STATUS_APPROVED,
+        self::STATUS_REJECTED,
+        self::STATUS_CANCELLED,
+    ];
+
+    public const STATUS_LABELS = [
+        self::STATUS_DRAFT => '작성중',
+        self::STATUS_PENDING => '결재중',
+        self::STATUS_APPROVED => '승인',
+        self::STATUS_REJECTED => '반려',
+        self::STATUS_CANCELLED => '취소',
+    ];
+
+    protected $fillable = [
+        'tenant_id',
+        'template_id',
+        'document_no',
+        'title',
+        'status',
+        'linkable_type',
+        'linkable_id',
+        'submitted_at',
+        'completed_at',
+        'created_by',
+        'updated_by',
+        'deleted_by',
+    ];
+
+    protected $casts = [
+        'submitted_at' => 'datetime',
+        'completed_at' => 'datetime',
+    ];
+
+    protected $attributes = [
+        'status' => self::STATUS_DRAFT,
+    ];
+
+    // =========================================================================
+    // Relationships
+    // =========================================================================
+
+    public function template(): BelongsTo
+    {
+        return $this->belongsTo(DocumentTemplate::class, 'template_id');
+    }
+
+    public function approvals(): HasMany
+    {
+        return $this->hasMany(DocumentApproval::class)->orderBy('step');
+    }
+
+    public function data(): HasMany
+    {
+        return $this->hasMany(DocumentData::class);
+    }
+
+    public function attachments(): HasMany
+    {
+        return $this->hasMany(DocumentAttachment::class);
+    }
+
+    public function linkable(): MorphTo
+    {
+        return $this->morphTo();
+    }
+
+    public function creator(): BelongsTo
+    {
+        return $this->belongsTo(User::class, 'created_by');
+    }
+
+    public function updater(): BelongsTo
+    {
+        return $this->belongsTo(User::class, 'updated_by');
+    }
+
+    // =========================================================================
+    // Accessors
+    // =========================================================================
+
+    public function getStatusLabelAttribute(): string
+    {
+        return self::STATUS_LABELS[$this->status] ?? $this->status;
+    }
+
+    public function getStatusColorAttribute(): string
+    {
+        return match ($this->status) {
+            self::STATUS_DRAFT => 'gray',
+            self::STATUS_PENDING => 'yellow',
+            self::STATUS_APPROVED => 'green',
+            self::STATUS_REJECTED => 'red',
+            self::STATUS_CANCELLED => 'gray',
+            default => 'gray',
+        };
+    }
+
+    // =========================================================================
+    // Scopes
+    // =========================================================================
+
+    public function scopeStatus($query, string $status)
+    {
+        return $query->where('status', $status);
+    }
+
+    public function scopeDraft($query)
+    {
+        return $query->where('status', self::STATUS_DRAFT);
+    }
+
+    public function scopePending($query)
+    {
+        return $query->where('status', self::STATUS_PENDING);
+    }
+
+    // =========================================================================
+    // Helper Methods
+    // =========================================================================
+
+    public function isDraft(): bool
+    {
+        return $this->status === self::STATUS_DRAFT;
+    }
+
+    public function isPending(): bool
+    {
+        return $this->status === self::STATUS_PENDING;
+    }
+
+    public function isApproved(): bool
+    {
+        return $this->status === self::STATUS_APPROVED;
+    }
+
+    public function isRejected(): bool
+    {
+        return $this->status === self::STATUS_REJECTED;
+    }
+
+    public function canEdit(): bool
+    {
+        return in_array($this->status, [self::STATUS_DRAFT, self::STATUS_REJECTED]);
+    }
+}
diff --git a/app/Models/Documents/DocumentApproval.php b/app/Models/Documents/DocumentApproval.php
new file mode 100644
index 00000000..a9899c00
--- /dev/null
+++ b/app/Models/Documents/DocumentApproval.php
@@ -0,0 +1,94 @@
+<?php
+
+namespace App\Models\Documents;
+
+use App\Models\User;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class DocumentApproval extends Model
+{
+    protected $table = 'document_approvals';
+
+    // 상태 상수
+    public const STATUS_PENDING = 'PENDING';
+
+    public const STATUS_APPROVED = 'APPROVED';
+
+    public const STATUS_REJECTED = 'REJECTED';
+
+    public const STATUS_LABELS = [
+        self::STATUS_PENDING => '대기',
+        self::STATUS_APPROVED => '승인',
+        self::STATUS_REJECTED => '반려',
+    ];
+
+    protected $fillable = [
+        'document_id',
+        'user_id',
+        'step',
+        'role',
+        'status',
+        'comment',
+        'acted_at',
+        'created_by',
+        'updated_by',
+    ];
+
+    protected $casts = [
+        'step' => 'integer',
+        'acted_at' => 'datetime',
+    ];
+
+    // =========================================================================
+    // Relationships
+    // =========================================================================
+
+    public function document(): BelongsTo
+    {
+        return $this->belongsTo(Document::class);
+    }
+
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+
+    // =========================================================================
+    // Accessors
+    // =========================================================================
+
+    public function getStatusLabelAttribute(): string
+    {
+        return self::STATUS_LABELS[$this->status] ?? $this->status;
+    }
+
+    public function getStatusColorAttribute(): string
+    {
+        return match ($this->status) {
+            self::STATUS_PENDING => 'yellow',
+            self::STATUS_APPROVED => 'green',
+            self::STATUS_REJECTED => 'red',
+            default => 'gray',
+        };
+    }
+
+    // =========================================================================
+    // Helper Methods
+    // =========================================================================
+
+    public function isPending(): bool
+    {
+        return $this->status === self::STATUS_PENDING;
+    }
+
+    public function isApproved(): bool
+    {
+        return $this->status === self::STATUS_APPROVED;
+    }
+
+    public function isRejected(): bool
+    {
+        return $this->status === self::STATUS_REJECTED;
+    }
+}
diff --git a/app/Models/Documents/DocumentAttachment.php b/app/Models/Documents/DocumentAttachment.php
new file mode 100644
index 00000000..0509185a
--- /dev/null
+++ b/app/Models/Documents/DocumentAttachment.php
@@ -0,0 +1,69 @@
+<?php
+
+namespace App\Models\Documents;
+
+use App\Models\File;
+use App\Models\User;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class DocumentAttachment extends Model
+{
+    protected $table = 'document_attachments';
+
+    // 첨부 유형 상수
+    public const TYPE_GENERAL = 'general';
+
+    public const TYPE_SIGNATURE = 'signature';
+
+    public const TYPE_IMAGE = 'image';
+
+    public const TYPE_REFERENCE = 'reference';
+
+    public const TYPE_LABELS = [
+        self::TYPE_GENERAL => '일반',
+        self::TYPE_SIGNATURE => '서명',
+        self::TYPE_IMAGE => '이미지',
+        self::TYPE_REFERENCE => '참고자료',
+    ];
+
+    protected $fillable = [
+        'document_id',
+        'file_id',
+        'attachment_type',
+        'description',
+        'created_by',
+    ];
+
+    protected $attributes = [
+        'attachment_type' => self::TYPE_GENERAL,
+    ];
+
+    // =========================================================================
+    // Relationships
+    // =========================================================================
+
+    public function document(): BelongsTo
+    {
+        return $this->belongsTo(Document::class);
+    }
+
+    public function file(): BelongsTo
+    {
+        return $this->belongsTo(File::class);
+    }
+
+    public function creator(): BelongsTo
+    {
+        return $this->belongsTo(User::class, 'created_by');
+    }
+
+    // =========================================================================
+    // Accessors
+    // =========================================================================
+
+    public function getTypeLabelAttribute(): string
+    {
+        return self::TYPE_LABELS[$this->attachment_type] ?? $this->attachment_type;
+    }
+}
diff --git a/app/Models/Documents/DocumentData.php b/app/Models/Documents/DocumentData.php
new file mode 100644
index 00000000..6421ac97
--- /dev/null
+++ b/app/Models/Documents/DocumentData.php
@@ -0,0 +1,47 @@
+<?php
+
+namespace App\Models\Documents;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class DocumentData extends Model
+{
+    protected $table = 'document_data';
+
+    protected $fillable = [
+        'document_id',
+        'section_id',
+        'column_id',
+        'row_index',
+        'field_key',
+        'field_value',
+    ];
+
+    protected $casts = [
+        'row_index' => 'integer',
+    ];
+
+    // =========================================================================
+    // Relationships
+    // =========================================================================
+
+    public function document(): BelongsTo
+    {
+        return $this->belongsTo(Document::class);
+    }
+
+    // =========================================================================
+    // Scopes
+    // =========================================================================
+
+    public function scopeForSection($query, int $sectionId)
+    {
+        return $query->where('section_id', $sectionId);
+    }
+
+    public function scopeForField($query, string $fieldKey)
+    {
+        return $query->where('field_key', $fieldKey);
+    }
+}
diff --git a/resources/views/documents/edit.blade.php b/resources/views/documents/edit.blade.php
new file mode 100644
index 00000000..7f6c4671
--- /dev/null
+++ b/resources/views/documents/edit.blade.php
@@ -0,0 +1,211 @@
+@extends('layouts.app')
+
+@section('title', $isCreate ? '새 문서 작성' : '문서 수정')
+
+@section('content')
+<div class="p-6">
+    {{-- 헤더 --}}
+    <div class="flex justify-between items-center mb-6">
+        <div>
+            <h1 class="text-2xl font-bold text-gray-800">{{ $isCreate ? '새 문서 작성' : '문서 수정' }}</h1>
+            <p class="text-sm text-gray-500 mt-1">
+                @if($document)
+                    {{ $document->document_no }} - {{ $document->title }}
+                @else
+                    템플릿을 선택하여 문서를 작성합니다.
+                @endif
+            </p>
+        </div>
+        <a href="{{ route('documents.index') }}"
+           class="inline-flex items-center px-4 py-2 bg-gray-100 text-gray-700 text-sm font-medium rounded-lg hover:bg-gray-200 transition-colors">
+            <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
+            </svg>
+            목록으로
+        </a>
+    </div>
+
+    {{-- 템플릿 선택 (생성 시) --}}
+    @if($isCreate && !$template)
+    <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6 mb-6">
+        <h2 class="text-lg font-semibold text-gray-800 mb-4">템플릿 선택</h2>
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+            @forelse($templates as $tpl)
+                <a href="{{ route('documents.create', ['template_id' => $tpl->id]) }}"
+                   class="block p-4 border border-gray-200 rounded-lg hover:border-blue-500 hover:bg-blue-50 transition-colors">
+                    <h3 class="font-medium text-gray-900">{{ $tpl->name }}</h3>
+                    <p class="text-sm text-gray-500 mt-1">{{ $tpl->category }}</p>
+                </a>
+            @empty
+                <p class="text-gray-500 col-span-3">사용 가능한 템플릿이 없습니다.</p>
+            @endforelse
+        </div>
+    </div>
+    @endif
+
+    {{-- 문서 폼 --}}
+    @if($template)
+    <form id="documentForm" class="space-y-6">
+        @csrf
+        <input type="hidden" name="template_id" value="{{ $template->id }}">
+
+        {{-- 기본 정보 --}}
+        <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
+            <h2 class="text-lg font-semibold text-gray-800 mb-4">기본 정보</h2>
+
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                    <label class="block text-sm font-medium text-gray-700 mb-1">템플릿</label>
+                    <input type="text" value="{{ $template->name }}" disabled
+                           class="w-full rounded-lg border-gray-300 bg-gray-50 text-sm">
+                </div>
+
+                <div>
+                    <label class="block text-sm font-medium text-gray-700 mb-1">
+                        제목 <span class="text-red-500">*</span>
+                    </label>
+                    <input type="text" name="title" value="{{ $document->title ?? '' }}" required
+                           class="w-full rounded-lg border-gray-300 text-sm focus:border-blue-500 focus:ring-blue-500"
+                           placeholder="문서 제목을 입력하세요">
+                </div>
+            </div>
+        </div>
+
+        {{-- 기본 필드 --}}
+        @if($template->basicFields && $template->basicFields->count() > 0)
+        <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
+            <h2 class="text-lg font-semibold text-gray-800 mb-4">{{ $template->title ?? '문서 정보' }}</h2>
+
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                @foreach($template->basicFields as $field)
+                    <div>
+                        <label class="block text-sm font-medium text-gray-700 mb-1">
+                            {{ $field->label }}
+                            @if($field->is_required)
+                                <span class="text-red-500">*</span>
+                            @endif
+                        </label>
+                        @if($field->type === 'textarea')
+                            <textarea name="data[{{ $field->field_key }}]"
+                                      class="w-full rounded-lg border-gray-300 text-sm focus:border-blue-500 focus:ring-blue-500"
+                                      rows="3"
+                                      {{ $field->is_required ? 'required' : '' }}
+                                      placeholder="{{ $field->placeholder ?? '' }}">{{ $document?->data->where('field_key', $field->field_key)->first()?->field_value ?? '' }}</textarea>
+                        @elseif($field->type === 'select' && $field->options)
+                            <select name="data[{{ $field->field_key }}]"
+                                    class="w-full rounded-lg border-gray-300 text-sm focus:border-blue-500 focus:ring-blue-500"
+                                    {{ $field->is_required ? 'required' : '' }}>
+                                <option value="">선택하세요</option>
+                                @foreach($field->options as $option)
+                                    <option value="{{ $option }}" {{ ($document?->data->where('field_key', $field->field_key)->first()?->field_value ?? '') === $option ? 'selected' : '' }}>
+                                        {{ $option }}
+                                    </option>
+                                @endforeach
+                            </select>
+                        @elseif($field->type === 'date')
+                            <input type="date" name="data[{{ $field->field_key }}]"
+                                   value="{{ $document?->data->where('field_key', $field->field_key)->first()?->field_value ?? '' }}"
+                                   class="w-full rounded-lg border-gray-300 text-sm focus:border-blue-500 focus:ring-blue-500"
+                                   {{ $field->is_required ? 'required' : '' }}>
+                        @elseif($field->type === 'number')
+                            <input type="number" name="data[{{ $field->field_key }}]"
+                                   value="{{ $document?->data->where('field_key', $field->field_key)->first()?->field_value ?? '' }}"
+                                   class="w-full rounded-lg border-gray-300 text-sm focus:border-blue-500 focus:ring-blue-500"
+                                   {{ $field->is_required ? 'required' : '' }}
+                                   placeholder="{{ $field->placeholder ?? '' }}">
+                        @else
+                            <input type="text" name="data[{{ $field->field_key }}]"
+                                   value="{{ $document?->data->where('field_key', $field->field_key)->first()?->field_value ?? '' }}"
+                                   class="w-full rounded-lg border-gray-300 text-sm focus:border-blue-500 focus:ring-blue-500"
+                                   {{ $field->is_required ? 'required' : '' }}
+                                   placeholder="{{ $field->placeholder ?? '' }}">
+                        @endif
+                    </div>
+                @endforeach
+            </div>
+        </div>
+        @endif
+
+        {{-- 섹션 (테이블 형태) --}}
+        @if($template->sections && $template->sections->count() > 0)
+            @foreach($template->sections as $section)
+            <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
+                <h2 class="text-lg font-semibold text-gray-800 mb-4">{{ $section->name }}</h2>
+                <p class="text-sm text-gray-500 mb-4">테이블 형태의 데이터는 추후 구현 예정입니다.</p>
+            </div>
+            @endforeach
+        @endif
+
+        {{-- 버튼 --}}
+        <div class="flex justify-end gap-3">
+            <a href="{{ route('documents.index') }}"
+               class="px-6 py-2 bg-gray-100 text-gray-700 text-sm font-medium rounded-lg hover:bg-gray-200 transition-colors">
+                취소
+            </a>
+            <button type="submit"
+                    class="px-6 py-2 bg-blue-600 text-white text-sm font-medium rounded-lg hover:bg-blue-700 transition-colors">
+                {{ $isCreate ? '저장' : '수정' }}
+            </button>
+        </div>
+    </form>
+    @endif
+</div>
+@endsection
+
+@push('scripts')
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    const form = document.getElementById('documentForm');
+    if (!form) return;
+
+    form.addEventListener('submit', function(e) {
+        e.preventDefault();
+
+        const formData = new FormData(form);
+        const data = {
+            template_id: formData.get('template_id'),
+            title: formData.get('title'),
+            data: []
+        };
+
+        // data 필드 수집
+        for (const [key, value] of formData.entries()) {
+            if (key.startsWith('data[') && key.endsWith(']')) {
+                const fieldKey = key.slice(5, -1);
+                data.data.push({
+                    field_key: fieldKey,
+                    field_value: value
+                });
+            }
+        }
+
+        const isCreate = {{ $isCreate ? 'true' : 'false' }};
+        const url = isCreate ? '/api/admin/documents' : '/api/admin/documents/{{ $document?->id }}';
+        const method = isCreate ? 'POST' : 'PATCH';
+
+        fetch(url, {
+            method: method,
+            headers: {
+                'Content-Type': 'application/json',
+                'Accept': 'application/json',
+                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
+            },
+            body: JSON.stringify(data)
+        })
+        .then(response => response.json())
+        .then(result => {
+            if (result.success) {
+                alert(isCreate ? '문서가 저장되었습니다.' : '문서가 수정되었습니다.');
+                window.location.href = '/documents';
+            } else {
+                alert(result.message || '오류가 발생했습니다.');
+            }
+        })
+        .catch(error => {
+            console.error('Error:', error);
+            alert('오류가 발생했습니다.');
+        });
+    });
+});
+</script>
+@endpush
\ No newline at end of file
diff --git a/resources/views/documents/index.blade.php b/resources/views/documents/index.blade.php
new file mode 100644
index 00000000..41798958
--- /dev/null
+++ b/resources/views/documents/index.blade.php
@@ -0,0 +1,240 @@
+@extends('layouts.app')
+
+@section('title', '문서 관리')
+
+@section('content')
+<div class="p-6">
+    {{-- 헤더 --}}
+    <div class="flex justify-between items-center mb-6">
+        <div>
+            <h1 class="text-2xl font-bold text-gray-800">문서 관리</h1>
+            <p class="text-sm text-gray-500 mt-1">작성된 문서를 관리합니다.</p>
+        </div>
+        <a href="{{ route('documents.create') }}"
+           class="inline-flex items-center px-4 py-2 bg-blue-600 text-white text-sm font-medium rounded-lg hover:bg-blue-700 transition-colors">
+            <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
+            </svg>
+            새 문서 작성
+        </a>
+    </div>
+
+    {{-- 필터 --}}
+    <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-4 mb-6">
+        <form id="filterForm" class="grid grid-cols-1 md:grid-cols-4 gap-4">
+            {{-- 상태 필터 --}}
+            <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">상태</label>
+                <select name="status" class="w-full rounded-lg border-gray-300 text-sm focus:border-blue-500 focus:ring-blue-500">
+                    <option value="">전체</option>
+                    @foreach($statuses as $value => $label)
+                        <option value="{{ $value }}">{{ $label }}</option>
+                    @endforeach
+                </select>
+            </div>
+
+            {{-- 템플릿 필터 --}}
+            <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">템플릿</label>
+                <select name="template_id" class="w-full rounded-lg border-gray-300 text-sm focus:border-blue-500 focus:ring-blue-500">
+                    <option value="">전체</option>
+                    @foreach($templates as $template)
+                        <option value="{{ $template->id }}">{{ $template->name }}</option>
+                    @endforeach
+                </select>
+            </div>
+
+            {{-- 검색 --}}
+            <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">검색</label>
+                <input type="text" name="search" placeholder="문서번호, 제목"
+                       class="w-full rounded-lg border-gray-300 text-sm focus:border-blue-500 focus:ring-blue-500">
+            </div>
+
+            {{-- 버튼 --}}
+            <div class="flex items-end gap-2">
+                <button type="submit"
+                        class="px-4 py-2 bg-gray-800 text-white text-sm font-medium rounded-lg hover:bg-gray-900 transition-colors">
+                    검색
+                </button>
+                <button type="reset"
+                        class="px-4 py-2 bg-gray-100 text-gray-700 text-sm font-medium rounded-lg hover:bg-gray-200 transition-colors">
+                    초기화
+                </button>
+            </div>
+        </form>
+    </div>
+
+    {{-- 문서 목록 --}}
+    <div class="bg-white rounded-lg shadow-sm border border-gray-200">
+        <div class="overflow-x-auto">
+            <table class="min-w-full divide-y divide-gray-200">
+                <thead class="bg-gray-50">
+                    <tr>
+                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">문서번호</th>
+                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">제목</th>
+                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">템플릿</th>
+                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">상태</th>
+                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">작성자</th>
+                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">작성일</th>
+                        <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">관리</th>
+                    </tr>
+                </thead>
+                <tbody id="documentList" class="bg-white divide-y divide-gray-200">
+                    {{-- HTMX로 로드 --}}
+                </tbody>
+            </table>
+        </div>
+
+        {{-- 페이지네이션 --}}
+        <div id="pagination" class="px-6 py-4 border-t border-gray-200">
+            {{-- HTMX로 로드 --}}
+        </div>
+    </div>
+</div>
+@endsection
+
+@push('scripts')
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    loadDocuments();
+
+    // 필터 폼 제출
+    document.getElementById('filterForm').addEventListener('submit', function(e) {
+        e.preventDefault();
+        loadDocuments();
+    });
+
+    // 초기화 버튼
+    document.getElementById('filterForm').addEventListener('reset', function() {
+        setTimeout(() => loadDocuments(), 10);
+    });
+});
+
+function loadDocuments(page = 1) {
+    const form = document.getElementById('filterForm');
+    const formData = new FormData(form);
+    const params = new URLSearchParams(formData);
+    params.set('page', page);
+
+    fetch(`/api/admin/documents?${params.toString()}`, {
+        headers: {
+            'Accept': 'application/json',
+            'X-Requested-With': 'XMLHttpRequest',
+        }
+    })
+    .then(response => response.json())
+    .then(data => {
+        renderDocuments(data.data);
+        renderPagination(data);
+    })
+    .catch(error => {
+        console.error('Error:', error);
+        document.getElementById('documentList').innerHTML = `
+            <tr>
+                <td colspan="7" class="px-6 py-12 text-center text-gray-500">
+                    데이터를 불러오는 중 오류가 발생했습니다.
+                </td>
+            </tr>
+        `;
+    });
+}
+
+function renderDocuments(documents) {
+    const tbody = document.getElementById('documentList');
+
+    if (!documents || documents.length === 0) {
+        tbody.innerHTML = `
+            <tr>
+                <td colspan="7" class="px-6 py-12 text-center text-gray-500">
+                    문서가 없습니다.
+                </td>
+            </tr>
+        `;
+        return;
+    }
+
+    tbody.innerHTML = documents.map(doc => `
+        <tr class="hover:bg-gray-50">
+            <td class="px-6 py-4 whitespace-nowrap">
+                <span class="text-sm font-medium text-gray-900">${doc.document_no}</span>
+            </td>
+            <td class="px-6 py-4">
+                <a href="/documents/${doc.id}" class="text-sm text-blue-600 hover:text-blue-800 hover:underline">
+                    ${doc.title}
+                </a>
+            </td>
+            <td class="px-6 py-4 whitespace-nowrap">
+                <span class="text-sm text-gray-600">${doc.template?.name || '-'}</span>
+            </td>
+            <td class="px-6 py-4 whitespace-nowrap">
+                <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getStatusClass(doc.status)}">
+                    ${getStatusLabel(doc.status)}
+                </span>
+            </td>
+            <td class="px-6 py-4 whitespace-nowrap">
+                <span class="text-sm text-gray-600">${doc.creator?.name || '-'}</span>
+            </td>
+            <td class="px-6 py-4 whitespace-nowrap">
+                <span class="text-sm text-gray-600">${formatDate(doc.created_at)}</span>
+            </td>
+            <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+                <a href="/documents/${doc.id}" class="text-gray-600 hover:text-gray-900 mr-3">보기</a>
+                ${doc.status === 'DRAFT' || doc.status === 'REJECTED' ? `
+                    <a href="/documents/${doc.id}/edit" class="text-blue-600 hover:text-blue-900">수정</a>
+                ` : ''}
+            </td>
+        </tr>
+    `).join('');
+}
+
+function renderPagination(data) {
+    const container = document.getElementById('pagination');
+
+    if (data.last_page <= 1) {
+        container.innerHTML = '';
+        return;
+    }
+
+    let html = '<div class="flex items-center justify-between"><div class="text-sm text-gray-500">';
+    html += `총 ${data.total}건 중 ${data.from}-${data.to}건`;
+    html += '</div><div class="flex gap-1">';
+
+    for (let i = 1; i <= data.last_page; i++) {
+        const isActive = i === data.current_page;
+        html += `<button onclick="loadDocuments(${i})" class="px-3 py-1 text-sm rounded ${isActive ? 'bg-blue-600 text-white' : 'bg-gray-100 text-gray-700 hover:bg-gray-200'}">${i}</button>`;
+    }
+
+    html += '</div></div>';
+    container.innerHTML = html;
+}
+
+function getStatusLabel(status) {
+    const labels = {
+        'DRAFT': '작성중',
+        'PENDING': '결재중',
+        'APPROVED': '승인',
+        'REJECTED': '반려',
+        'CANCELLED': '취소'
+    };
+    return labels[status] || status;
+}
+
+function getStatusClass(status) {
+    const classes = {
+        'DRAFT': 'bg-gray-100 text-gray-800',
+        'PENDING': 'bg-yellow-100 text-yellow-800',
+        'APPROVED': 'bg-green-100 text-green-800',
+        'REJECTED': 'bg-red-100 text-red-800',
+        'CANCELLED': 'bg-gray-100 text-gray-600'
+    };
+    return classes[status] || 'bg-gray-100 text-gray-800';
+}
+
+function formatDate(dateString) {
+    if (!dateString) return '-';
+    const date = new Date(dateString);
+    return date.toLocaleDateString('ko-KR', { year: 'numeric', month: '2-digit', day: '2-digit' });
+}
+</script>
+@endpush
\ No newline at end of file
diff --git a/resources/views/documents/show.blade.php b/resources/views/documents/show.blade.php
new file mode 100644
index 00000000..4dcf9e2a
--- /dev/null
+++ b/resources/views/documents/show.blade.php
@@ -0,0 +1,200 @@
+@extends('layouts.app')
+
+@section('title', '문서 상세')
+
+@section('content')
+<div class="p-6">
+    {{-- 헤더 --}}
+    <div class="flex justify-between items-center mb-6">
+        <div>
+            <h1 class="text-2xl font-bold text-gray-800">문서 상세</h1>
+            <p class="text-sm text-gray-500 mt-1">{{ $document->document_no }} - {{ $document->title }}</p>
+        </div>
+        <div class="flex gap-2">
+            @if($document->status === 'DRAFT' || $document->status === 'REJECTED')
+                <a href="{{ route('documents.edit', $document->id) }}"
+                   class="inline-flex items-center px-4 py-2 bg-blue-600 text-white text-sm font-medium rounded-lg hover:bg-blue-700 transition-colors">
+                    <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/>
+                    </svg>
+                    수정
+                </a>
+            @endif
+            <a href="{{ route('documents.index') }}"
+               class="inline-flex items-center px-4 py-2 bg-gray-100 text-gray-700 text-sm font-medium rounded-lg hover:bg-gray-200 transition-colors">
+                <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
+                </svg>
+                목록으로
+            </a>
+        </div>
+    </div>
+
+    {{-- 문서 정보 --}}
+    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
+        {{-- 메인 컨텐츠 --}}
+        <div class="lg:col-span-2 space-y-6">
+            {{-- 기본 정보 --}}
+            <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
+                <h2 class="text-lg font-semibold text-gray-800 mb-4">기본 정보</h2>
+
+                <dl class="grid grid-cols-2 gap-4">
+                    <div>
+                        <dt class="text-sm font-medium text-gray-500">문서번호</dt>
+                        <dd class="mt-1 text-sm text-gray-900">{{ $document->document_no }}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-sm font-medium text-gray-500">템플릿</dt>
+                        <dd class="mt-1 text-sm text-gray-900">{{ $document->template->name ?? '-' }}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-sm font-medium text-gray-500">제목</dt>
+                        <dd class="mt-1 text-sm text-gray-900">{{ $document->title }}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-sm font-medium text-gray-500">상태</dt>
+                        <dd class="mt-1">
+                            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium {{ $document->status_color }}">
+                                {{ $document->status_label }}
+                            </span>
+                        </dd>
+                    </div>
+                    <div>
+                        <dt class="text-sm font-medium text-gray-500">작성자</dt>
+                        <dd class="mt-1 text-sm text-gray-900">{{ $document->creator->name ?? '-' }}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-sm font-medium text-gray-500">작성일</dt>
+                        <dd class="mt-1 text-sm text-gray-900">{{ $document->created_at?->format('Y-m-d H:i') ?? '-' }}</dd>
+                    </div>
+                    @if($document->updated_at && $document->updated_at->ne($document->created_at))
+                    <div>
+                        <dt class="text-sm font-medium text-gray-500">수정자</dt>
+                        <dd class="mt-1 text-sm text-gray-900">{{ $document->updater->name ?? '-' }}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-sm font-medium text-gray-500">수정일</dt>
+                        <dd class="mt-1 text-sm text-gray-900">{{ $document->updated_at?->format('Y-m-d H:i') ?? '-' }}</dd>
+                    </div>
+                    @endif
+                </dl>
+            </div>
+
+            {{-- 기본 필드 데이터 --}}
+            @if($document->template?->basicFields && $document->template->basicFields->count() > 0)
+            <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
+                <h2 class="text-lg font-semibold text-gray-800 mb-4">{{ $document->template->title ?? '문서 정보' }}</h2>
+
+                <dl class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                    @foreach($document->template->basicFields as $field)
+                        @php
+                            $fieldData = $document->data->where('field_key', $field->field_key)->first();
+                            $value = $fieldData?->field_value ?? '-';
+                        @endphp
+                        <div class="{{ $field->type === 'textarea' ? 'col-span-2' : '' }}">
+                            <dt class="text-sm font-medium text-gray-500">{{ $field->label }}</dt>
+                            <dd class="mt-1 text-sm text-gray-900 {{ $field->type === 'textarea' ? 'whitespace-pre-wrap' : '' }}">{{ $value }}</dd>
+                        </div>
+                    @endforeach
+                </dl>
+            </div>
+            @endif
+
+            {{-- 섹션 데이터 (테이블) --}}
+            @if($document->template?->sections && $document->template->sections->count() > 0)
+                @foreach($document->template->sections as $section)
+                <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
+                    <h2 class="text-lg font-semibold text-gray-800 mb-4">{{ $section->name }}</h2>
+                    <p class="text-sm text-gray-500">테이블 형태의 데이터 표시는 추후 구현 예정입니다.</p>
+                </div>
+                @endforeach
+            @endif
+
+            {{-- 첨부파일 --}}
+            @if($document->attachments && $document->attachments->count() > 0)
+            <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
+                <h2 class="text-lg font-semibold text-gray-800 mb-4">첨부파일</h2>
+
+                <ul class="divide-y divide-gray-200">
+                    @foreach($document->attachments as $attachment)
+                    <li class="py-3 flex items-center justify-between">
+                        <div class="flex items-center">
+                            <svg class="w-5 h-5 text-gray-400 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13"/>
+                            </svg>
+                            <div>
+                                <p class="text-sm font-medium text-gray-900">{{ $attachment->file->original_name ?? '파일명 없음' }}</p>
+                                <p class="text-xs text-gray-500">
+                                    {{ $attachment->type_label }} ·
+                                    {{ $attachment->file ? number_format($attachment->file->size / 1024, 1) . ' KB' : '-' }}
+                                </p>
+                            </div>
+                        </div>
+                        @if($attachment->file)
+                        <a href="{{ route('files.download', $attachment->file->id) }}"
+                           class="text-sm text-blue-600 hover:text-blue-800">
+                            다운로드
+                        </a>
+                        @endif
+                    </li>
+                    @endforeach
+                </ul>
+            </div>
+            @endif
+        </div>
+
+        {{-- 사이드바 --}}
+        <div class="space-y-6">
+            {{-- 결재 현황 --}}
+            <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
+                <h2 class="text-lg font-semibold text-gray-800 mb-4">결재 현황</h2>
+
+                @if($document->approvals && $document->approvals->count() > 0)
+                <ol class="relative border-l border-gray-200 ml-3">
+                    @foreach($document->approvals->sortBy('step_order') as $approval)
+                    <li class="mb-6 ml-6">
+                        <span class="absolute flex items-center justify-center w-6 h-6 rounded-full -left-3 ring-4 ring-white
+                            @if($approval->status === 'APPROVED') bg-green-500
+                            @elseif($approval->status === 'REJECTED') bg-red-500
+                            @elseif($approval->status === 'PENDING') bg-yellow-500
+                            @else bg-gray-300
+                            @endif">
+                            @if($approval->status === 'APPROVED')
+                                <svg class="w-3 h-3 text-white" fill="currentColor" viewBox="0 0 20 20">
+                                    <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
+                                </svg>
+                            @elseif($approval->status === 'REJECTED')
+                                <svg class="w-3 h-3 text-white" fill="currentColor" viewBox="0 0 20 20">
+                                    <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/>
+                                </svg>
+                            @else
+                                <span class="text-white text-xs font-bold">{{ $approval->step_order }}</span>
+                            @endif
+                        </span>
+                        <div>
+                            <h3 class="text-sm font-medium text-gray-900">{{ $approval->user->name ?? '미지정' }}</h3>
+                            <p class="text-xs text-gray-500">{{ $approval->step_name }}</p>
+                            @if($approval->approved_at)
+                            <p class="text-xs text-gray-400 mt-1">{{ $approval->approved_at->format('Y-m-d H:i') }}</p>
+                            @endif
+                            @if($approval->comment)
+                            <p class="text-xs text-gray-600 mt-1 bg-gray-50 p-2 rounded">{{ $approval->comment }}</p>
+                            @endif
+                        </div>
+                    </li>
+                    @endforeach
+                </ol>
+                @else
+                <p class="text-sm text-gray-500">결재선이 설정되지 않았습니다.</p>
+                @endif
+            </div>
+
+            {{-- 문서 이력 --}}
+            <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
+                <h2 class="text-lg font-semibold text-gray-800 mb-4">문서 이력</h2>
+                <p class="text-sm text-gray-500">문서 이력 기능은 추후 구현 예정입니다.</p>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection
\ No newline at end of file
diff --git a/routes/api.php b/routes/api.php
index ce1b9b8c..8d060e20 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -1,11 +1,12 @@
 <?php
 
 use App\Http\Controllers\Api\Admin\BoardController;
+use App\Http\Controllers\Api\Admin\CategoryApiController;
 use App\Http\Controllers\Api\Admin\CustomerCenterController;
 use App\Http\Controllers\Api\Admin\DailyLogController;
 use App\Http\Controllers\Api\Admin\DepartmentController;
+use App\Http\Controllers\Api\Admin\DocumentApiController;
 use App\Http\Controllers\Api\Admin\DocumentTemplateApiController;
-use App\Http\Controllers\Api\Admin\CategoryApiController;
 use App\Http\Controllers\Api\Admin\GlobalCategoryApiController;
 use App\Http\Controllers\Api\Admin\GlobalMenuController;
 use App\Http\Controllers\Api\Admin\ItemFieldController;
@@ -790,6 +791,19 @@
     Route::post('/upload-image', [DocumentTemplateApiController::class, 'uploadImage'])->name('upload-image');
 });
 
+/*
+|--------------------------------------------------------------------------
+| 문서 관리 API
+|--------------------------------------------------------------------------
+*/
+Route::middleware(['web', 'auth', 'hq.member'])->prefix('admin/documents')->name('api.admin.documents.')->group(function () {
+    Route::get('/', [DocumentApiController::class, 'index'])->name('index');
+    Route::post('/', [DocumentApiController::class, 'store'])->name('store');
+    Route::get('/{id}', [DocumentApiController::class, 'show'])->name('show');
+    Route::patch('/{id}', [DocumentApiController::class, 'update'])->name('update');
+    Route::delete('/{id}', [DocumentApiController::class, 'destroy'])->name('destroy');
+});
+
 /*
 |--------------------------------------------------------------------------
 | 카테고리 관리 API
diff --git a/routes/web.php b/routes/web.php
index 11bc1aeb..418eb3d9 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -6,17 +6,21 @@
 use App\Http\Controllers\AuditLogController;
 use App\Http\Controllers\Auth\LoginController;
 use App\Http\Controllers\BoardController;
+use App\Http\Controllers\CategoryController;
+use App\Http\Controllers\CommonCodeController;
 use App\Http\Controllers\CustomerCenterController;
 use App\Http\Controllers\DailyLogController;
 use App\Http\Controllers\DepartmentController;
 use App\Http\Controllers\DevTools\ApiExplorerController;
 use App\Http\Controllers\DevTools\FlowTesterController;
+use App\Http\Controllers\DocumentController;
+use App\Http\Controllers\DocumentTemplateController;
 use App\Http\Controllers\FcmController;
 use App\Http\Controllers\ItemFieldController;
 use App\Http\Controllers\Lab\AIController;
-use App\Http\Controllers\Lab\ManagementController;
 use App\Http\Controllers\Lab\StrategyController;
 use App\Http\Controllers\MenuController;
+use App\Http\Controllers\MenuSyncController;
 use App\Http\Controllers\PermissionController;
 use App\Http\Controllers\PostController;
 use App\Http\Controllers\ProfileController;
@@ -27,10 +31,6 @@
 use App\Http\Controllers\System\AiConfigController;
 use App\Http\Controllers\TenantController;
 use App\Http\Controllers\TenantSettingController;
-use App\Http\Controllers\CommonCodeController;
-use App\Http\Controllers\DocumentTemplateController;
-use App\Http\Controllers\CategoryController;
-use App\Http\Controllers\MenuSyncController;
 use App\Http\Controllers\UserController;
 use Illuminate\Support\Facades\Route;
 
@@ -319,6 +319,14 @@
         Route::get('/{id}/edit', [DocumentTemplateController::class, 'edit'])->name('edit');
     });
 
+    // 문서 관리
+    Route::prefix('documents')->name('documents.')->group(function () {
+        Route::get('/', [DocumentController::class, 'index'])->name('index');
+        Route::get('/create', [DocumentController::class, 'create'])->name('create');
+        Route::get('/{id}', [DocumentController::class, 'show'])->whereNumber('id')->name('show');
+        Route::get('/{id}/edit', [DocumentController::class, 'edit'])->whereNumber('id')->name('edit');
+    });
+
     // AI 설정 관리
     Route::prefix('system/ai-config')->name('system.ai-config.')->group(function () {
         Route::get('/', [AiConfigController::class, 'index'])->name('index');
@@ -629,6 +637,7 @@
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.account-transactions'));
         }
+
         return view('finance.account-transactions');
     })->name('account-transactions');
 
@@ -641,12 +650,13 @@
     });
 
     // 기존 fund-schedule URL 리다이렉트 (호환성)
-    Route::get('/fund-schedule', fn() => redirect()->route('finance.fund-schedules.index'))->name('fund-schedule');
+    Route::get('/fund-schedule', fn () => redirect()->route('finance.fund-schedules.index'))->name('fund-schedule');
     Route::get('/daily-fund', function () {
         // HTMX 요청이면 전체 페이지로 리다이렉트 (React 스크립트 로딩을 위해)
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.daily-fund'));
         }
+
         return view('finance.daily-fund');
     })->name('daily-fund');
 
@@ -655,12 +665,14 @@
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.corporate-cards'));
         }
+
         return view('finance.corporate-cards');
     })->name('corporate-cards');
     Route::get('/card-transactions', function () {
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.card-transactions'));
         }
+
         return view('finance.card-transactions');
     })->name('card-transactions');
 
@@ -669,12 +681,14 @@
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.income'));
         }
+
         return view('finance.income');
     })->name('income');
     Route::get('/expense', function () {
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.expense'));
         }
+
         return view('finance.expense');
     })->name('expense');
 
@@ -683,12 +697,14 @@
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.sales'));
         }
+
         return view('finance.sales');
     })->name('sales');
     Route::get('/purchase', function () {
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.purchase'));
         }
+
         return view('finance.purchase');
     })->name('purchase');
 
@@ -697,24 +713,28 @@
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.sales-commission'));
         }
+
         return view('finance.sales-commission');
     })->name('sales-commission');
     Route::get('/consulting-fee', function () {
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.consulting-fee'));
         }
+
         return view('finance.consulting-fee');
     })->name('consulting-fee');
     Route::get('/customer-settlement', function () {
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.customer-settlement'));
         }
+
         return view('finance.customer-settlement');
     })->name('customer-settlement');
     Route::get('/subscription', function () {
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.subscription'));
         }
+
         return view('finance.subscription');
     })->name('subscription');
 
@@ -723,12 +743,14 @@
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.corporate-vehicles'));
         }
+
         return view('finance.corporate-vehicles');
     })->name('corporate-vehicles');
     Route::get('/vehicle-maintenance', function () {
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.vehicle-maintenance'));
         }
+
         return view('finance.vehicle-maintenance');
     })->name('vehicle-maintenance');
 
@@ -737,12 +759,14 @@
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.customers'));
         }
+
         return view('finance.customers');
     })->name('customers');
     Route::get('/partners', function () {
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.partners'));
         }
+
         return view('finance.partners');
     })->name('partners');
 
@@ -751,12 +775,14 @@
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.receivables'));
         }
+
         return view('finance.receivables');
     })->name('receivables');
     Route::get('/payables', function () {
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.payables'));
         }
+
         return view('finance.payables');
     })->name('payables');
 
@@ -765,12 +791,14 @@
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.refunds'));
         }
+
         return view('finance.refunds');
     })->name('refunds');
     Route::get('/vat', function () {
         if (request()->header('HX-Request')) {
             return response('', 200)->header('HX-Redirect', route('finance.vat'));
         }
+
         return view('finance.vat');
     })->name('vat');
 });