diff --git a/app/Http/Controllers/Finance/VehicleLogController.php b/app/Http/Controllers/Finance/VehicleLogController.php
index e32970dc..9c568b5e 100644
--- a/app/Http/Controllers/Finance/VehicleLogController.php
+++ b/app/Http/Controllers/Finance/VehicleLogController.php
@@ -9,9 +9,6 @@
 use Illuminate\Http\Request;
 use Illuminate\Http\Response;
 use Illuminate\View\View;
-use PhpOffice\PhpSpreadsheet\Spreadsheet;
-use PhpOffice\PhpSpreadsheet\Writer\Xlsx;
-use Symfony\Component\HttpFoundation\StreamedResponse;
 
 class VehicleLogController extends Controller
 {
@@ -21,82 +18,112 @@ public function index(Request $request): View|Response
             return response('', 200)->header('HX-Redirect', route('finance.vehicle-logs'));
         }
 
+        return view('finance.vehicle-logs');
+    }
+
+    /**
+     * 차량 목록 조회
+     */
+    public function vehicles(Request $request): JsonResponse
+    {
         $tenantId = session('tenant_id', 1);
+
         $vehicles = CorporateVehicle::where('tenant_id', $tenantId)
-            ->where('status', 'active')
             ->orderBy('plate_number')
             ->get();
 
-        return view('finance.vehicle-logs', [
-            'vehicles' => $vehicles,
-            'tripTypes' => VehicleLog::tripTypeLabels(),
-            'locationTypes' => VehicleLog::locationTypeLabels(),
+        return response()->json([
+            'success' => true,
+            'data' => $vehicles,
         ]);
     }
 
+    /**
+     * 운행기록 목록 조회
+     */
     public function list(Request $request): JsonResponse
     {
         $tenantId = session('tenant_id', 1);
 
-        $request->validate([
-            'vehicle_id' => 'required|integer',
-            'start_date' => 'required|date',
-            'end_date' => 'required|date|after_or_equal:start_date',
-        ]);
+        $query = VehicleLog::with('vehicle')
+            ->where('tenant_id', $tenantId);
 
-        $vehicleId = $request->vehicle_id;
-        $startDate = $request->start_date;
-        $endDate = $request->end_date;
+        // 차량 필터
+        if ($request->filled('vehicle_id') && $request->vehicle_id !== 'all') {
+            $query->where('vehicle_id', $request->vehicle_id);
+        }
 
-        // 차량 정보
-        $vehicle = CorporateVehicle::where('tenant_id', $tenantId)
-            ->findOrFail($vehicleId);
+        // 년/월 필터
+        if ($request->filled('year')) {
+            $query->whereYear('log_date', $request->year);
+        }
+        if ($request->filled('month')) {
+            $query->whereMonth('log_date', $request->month);
+        }
 
-        // 전체 운행기록 수 (해당 차량)
-        $totalCount = VehicleLog::where('tenant_id', $tenantId)
-            ->where('vehicle_id', $vehicleId)
-            ->count();
+        // 구분 필터
+        if ($request->filled('trip_type') && $request->trip_type !== 'all') {
+            $query->where('trip_type', $request->trip_type);
+        }
 
-        $logs = VehicleLog::where('tenant_id', $tenantId)
-            ->where('vehicle_id', $vehicleId)
-            ->whereBetween('log_date', [$startDate, $endDate])
-            ->orderBy('log_date', 'desc')
+        // 검색어
+        if ($request->filled('search')) {
+            $search = $request->search;
+            $query->where(function ($q) use ($search) {
+                $q->where('driver_name', 'like', "%{$search}%")
+                  ->orWhere('department', 'like', "%{$search}%")
+                  ->orWhere('departure_name', 'like', "%{$search}%")
+                  ->orWhere('arrival_name', 'like', "%{$search}%")
+                  ->orWhere('note', 'like', "%{$search}%");
+            });
+        }
+
+        $logs = $query->orderBy('log_date', 'desc')
             ->orderBy('id', 'desc')
             ->get();
 
-        // 월별 합계
-        $totals = [
-            'business_km' => $logs->whereIn('trip_type', ['commute_to', 'commute_from', 'business', 'commute_round', 'business_round'])->sum('distance_km'),
-            'personal_km' => $logs->whereIn('trip_type', ['personal', 'personal_round'])->sum('distance_km'),
-            'total_km' => $logs->sum('distance_km'),
-        ];
+        // 응답 포맷팅
+        $data = $logs->map(function ($log) {
+            return [
+                'id' => $log->id,
+                'logDate' => $log->log_date->format('Y-m-d'),
+                'vehicleId' => $log->vehicle_id,
+                'plateNumber' => $log->vehicle?->plate_number,
+                'model' => $log->vehicle?->model,
+                'department' => $log->department,
+                'driverName' => $log->driver_name,
+                'tripType' => $log->trip_type,
+                'departureType' => $log->departure_type,
+                'departureName' => $log->departure_name,
+                'departureAddress' => $log->departure_address,
+                'arrivalType' => $log->arrival_type,
+                'arrivalName' => $log->arrival_name,
+                'arrivalAddress' => $log->arrival_address,
+                'distanceKm' => $log->distance_km,
+                'note' => $log->note,
+            ];
+        });
 
         return response()->json([
             'success' => true,
-            'data' => [
-                'vehicle' => $vehicle,
-                'logs' => $logs,
-                'totals' => $totals,
-                'totalCount' => $totalCount,
-            ],
+            'data' => $data,
         ]);
     }
 
+    /**
+     * 운행기록 등록
+     */
     public function store(Request $request): JsonResponse
     {
-        $tenantId = session('tenant_id', 1);
-
         $request->validate([
-            'vehicle_id' => 'required|integer|exists:corporate_vehicles,id',
+            'vehicle_id' => 'required|exists:corporate_vehicles,id',
             'log_date' => 'required|date',
             'driver_name' => 'required|string|max:50',
-            'trip_type' => 'required|in:commute_to,commute_from,business,personal,commute_round,business_round,personal_round',
+            'trip_type' => 'required|in:commute_to,commute_from,business,personal',
             'distance_km' => 'required|integer|min:0',
         ]);
 
-        // 해당 차량이 현재 테넌트의 것인지 확인
-        CorporateVehicle::where('tenant_id', $tenantId)
-            ->findOrFail($request->vehicle_id);
+        $tenantId = session('tenant_id', 1);
 
         $log = VehicleLog::create([
             'tenant_id' => $tenantId,
@@ -122,6 +149,9 @@ public function store(Request $request): JsonResponse
         ]);
     }
 
+    /**
+     * 운행기록 수정
+     */
     public function update(Request $request, int $id): JsonResponse
     {
         $tenantId = session('tenant_id', 1);
@@ -129,13 +159,15 @@ public function update(Request $request, int $id): JsonResponse
         $log = VehicleLog::where('tenant_id', $tenantId)->findOrFail($id);
 
         $request->validate([
+            'vehicle_id' => 'required|exists:corporate_vehicles,id',
             'log_date' => 'required|date',
             'driver_name' => 'required|string|max:50',
-            'trip_type' => 'required|in:commute_to,commute_from,business,personal,commute_round,business_round,personal_round',
+            'trip_type' => 'required|in:commute_to,commute_from,business,personal',
             'distance_km' => 'required|integer|min:0',
         ]);
 
         $log->update([
+            'vehicle_id' => $request->vehicle_id,
             'log_date' => $request->log_date,
             'department' => $request->department,
             'driver_name' => $request->driver_name,
@@ -157,6 +189,9 @@ public function update(Request $request, int $id): JsonResponse
         ]);
     }
 
+    /**
+     * 운행기록 삭제
+     */
     public function destroy(int $id): JsonResponse
     {
         $tenantId = session('tenant_id', 1);
@@ -170,96 +205,65 @@ public function destroy(int $id): JsonResponse
         ]);
     }
 
-    public function export(Request $request): StreamedResponse
+    /**
+     * 월간 통계 조회
+     */
+    public function summary(Request $request): JsonResponse
     {
         $tenantId = session('tenant_id', 1);
 
-        $request->validate([
-            'vehicle_id' => 'required|integer',
-            'start_date' => 'required|date',
-            'end_date' => 'required|date|after_or_equal:start_date',
-        ]);
+        $query = VehicleLog::where('tenant_id', $tenantId);
 
-        $vehicleId = $request->vehicle_id;
-        $startDate = $request->start_date;
-        $endDate = $request->end_date;
-
-        $vehicle = CorporateVehicle::where('tenant_id', $tenantId)
-            ->findOrFail($vehicleId);
-
-        $logs = VehicleLog::where('tenant_id', $tenantId)
-            ->where('vehicle_id', $vehicleId)
-            ->whereBetween('log_date', [$startDate, $endDate])
-            ->orderBy('log_date')
-            ->orderBy('id')
-            ->get();
-
-        $spreadsheet = new Spreadsheet();
-        $sheet = $spreadsheet->getActiveSheet();
-        $sheet->setTitle('운행기록부');
-
-        // 기본 정보
-        $sheet->setCellValue('A1', '업무용승용차 운행기록부');
-        $sheet->setCellValue('A3', '차량번호');
-        $sheet->setCellValue('B3', $vehicle->plate_number);
-        $sheet->setCellValue('C3', '차종');
-        $sheet->setCellValue('D3', $vehicle->model);
-        $sheet->setCellValue('E3', '구분');
-        $sheet->setCellValue('F3', $this->getOwnershipTypeLabel($vehicle->ownership_type));
-        $sheet->setCellValue('A4', '조회기간');
-        $sheet->setCellValue('B4', sprintf('%s ~ %s', $startDate, $endDate));
-
-        // 헤더
-        $headers = ['일자', '부서', '성명', '구분', '출발지', '도착지', '주행km', '비고'];
-        $col = 'A';
-        foreach ($headers as $header) {
-            $sheet->setCellValue($col . '6', $header);
-            $col++;
+        // 차량 필터
+        if ($request->filled('vehicle_id') && $request->vehicle_id !== 'all') {
+            $query->where('vehicle_id', $request->vehicle_id);
         }
 
-        // 데이터
-        $row = 7;
-        $tripTypeLabels = VehicleLog::tripTypeLabels();
-
-        foreach ($logs as $log) {
-            $sheet->setCellValue('A' . $row, $log->log_date->format('Y-m-d'));
-            $sheet->setCellValue('B' . $row, $log->department ?? '');
-            $sheet->setCellValue('C' . $row, $log->driver_name);
-            $sheet->setCellValue('D' . $row, $tripTypeLabels[$log->trip_type] ?? $log->trip_type);
-            $sheet->setCellValue('E' . $row, $log->departure_name ?? '');
-            $sheet->setCellValue('F' . $row, $log->arrival_name ?? '');
-            $sheet->setCellValue('G' . $row, $log->distance_km);
-            $sheet->setCellValue('H' . $row, $log->note ?? '');
-            $row++;
+        // 년/월 필터
+        if ($request->filled('year')) {
+            $query->whereYear('log_date', $request->year);
+        }
+        if ($request->filled('month')) {
+            $query->whereMonth('log_date', $request->month);
         }
 
-        // 합계
-        $businessKm = $logs->whereIn('trip_type', ['commute_to', 'commute_from', 'business', 'commute_round', 'business_round'])->sum('distance_km');
-        $personalKm = $logs->whereIn('trip_type', ['personal', 'personal_round'])->sum('distance_km');
-        $totalKm = $logs->sum('distance_km');
+        // 구분별 주행거리 합계
+        $summary = $query->selectRaw('
+            trip_type,
+            COUNT(*) as count,
+            SUM(distance_km) as total_distance
+        ')
+        ->groupBy('trip_type')
+        ->get()
+        ->keyBy('trip_type');
 
-        $sheet->setCellValue('A' . $row, '합계');
-        $sheet->setCellValue('F' . $row, '업무용: ' . number_format($businessKm) . 'km');
-        $sheet->setCellValue('G' . $row, number_format($totalKm));
-        $sheet->setCellValue('H' . $row, '비업무: ' . number_format($personalKm) . 'km');
+        $tripTypes = VehicleLog::getTripTypes();
+        $result = [];
+        $totalCount = 0;
+        $totalDistance = 0;
 
-        $filename = sprintf('운행기록부_%s_%s_%s.xlsx', $vehicle->plate_number, $startDate, $endDate);
+        foreach ($tripTypes as $type => $label) {
+            $data = $summary->get($type);
+            $count = $data ? $data->count : 0;
+            $distance = $data ? $data->total_distance : 0;
+            $result[$type] = [
+                'label' => $label,
+                'count' => $count,
+                'distance' => $distance,
+            ];
+            $totalCount += $count;
+            $totalDistance += $distance;
+        }
 
-        return response()->streamDownload(function () use ($spreadsheet) {
-            $writer = new Xlsx($spreadsheet);
-            $writer->save('php://output');
-        }, $filename, [
-            'Content-Type' => 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+        return response()->json([
+            'success' => true,
+            'data' => [
+                'byType' => $result,
+                'total' => [
+                    'count' => $totalCount,
+                    'distance' => $totalDistance,
+                ],
+            ],
         ]);
     }
-
-    private function getOwnershipTypeLabel(string $type): string
-    {
-        return match ($type) {
-            'corporate' => '회사',
-            'rent' => '렌트',
-            'lease' => '리스',
-            default => $type,
-        };
-    }
 }
diff --git a/app/Models/VehicleLog.php b/app/Models/VehicleLog.php
index ded7a901..44d13968 100644
--- a/app/Models/VehicleLog.php
+++ b/app/Models/VehicleLog.php
@@ -2,13 +2,14 @@
 
 namespace App\Models;
 
+use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
-use Illuminate\Database\Eloquent\Relations\BelongsTo;
 use Illuminate\Database\Eloquent\SoftDeletes;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
 
 class VehicleLog extends Model
 {
-    use SoftDeletes;
+    use HasFactory, SoftDeletes;
 
     protected $fillable = [
         'tenant_id',
@@ -28,65 +29,63 @@ class VehicleLog extends Model
     ];
 
     protected $casts = [
-        'log_date' => 'date:Y-m-d',
+        'log_date' => 'date',
         'distance_km' => 'integer',
     ];
 
-    // trip_type 상수
-    public const TRIP_TYPE_COMMUTE_TO = 'commute_to';
-    public const TRIP_TYPE_COMMUTE_FROM = 'commute_from';
-    public const TRIP_TYPE_BUSINESS = 'business';
-    public const TRIP_TYPE_PERSONAL = 'personal';
-    public const TRIP_TYPE_COMMUTE_ROUND = 'commute_round';
-    public const TRIP_TYPE_BUSINESS_ROUND = 'business_round';
-    public const TRIP_TYPE_PERSONAL_ROUND = 'personal_round';
-
-    // location_type 상수
-    public const LOCATION_TYPE_HOME = 'home';
-    public const LOCATION_TYPE_OFFICE = 'office';
-    public const LOCATION_TYPE_CLIENT = 'client';
-    public const LOCATION_TYPE_OTHER = 'other';
-
-    public static function tripTypeLabels(): array
-    {
-        return [
-            self::TRIP_TYPE_COMMUTE_TO => '출근용',
-            self::TRIP_TYPE_COMMUTE_FROM => '퇴근용',
-            self::TRIP_TYPE_BUSINESS => '업무용',
-            self::TRIP_TYPE_PERSONAL => '비업무용(개인)',
-            self::TRIP_TYPE_COMMUTE_ROUND => '출퇴근용(왕복)',
-            self::TRIP_TYPE_BUSINESS_ROUND => '업무용(왕복)',
-            self::TRIP_TYPE_PERSONAL_ROUND => '비업무용(왕복)',
-        ];
-    }
-
-    public static function locationTypeLabels(): array
-    {
-        return [
-            self::LOCATION_TYPE_HOME => '자택',
-            self::LOCATION_TYPE_OFFICE => '회사',
-            self::LOCATION_TYPE_CLIENT => '거래처',
-            self::LOCATION_TYPE_OTHER => '기타',
-        ];
-    }
-
+    /**
+     * 차량 관계
+     */
     public function vehicle(): BelongsTo
     {
         return $this->belongsTo(CorporateVehicle::class, 'vehicle_id');
     }
 
-    public function getTripTypeLabelAttribute(): string
+    /**
+     * 테넌트 관계
+     */
+    public function tenant(): BelongsTo
     {
-        return self::tripTypeLabels()[$this->trip_type] ?? $this->trip_type;
+        return $this->belongsTo(Tenant::class);
     }
 
-    public function getDepartureTypeLabelAttribute(): string
+    /**
+     * 구분(trip_type) 목록
+     */
+    public static function getTripTypes(): array
     {
-        return self::locationTypeLabels()[$this->departure_type] ?? ($this->departure_type ?? '');
+        return [
+            'commute_to' => '출근용',
+            'commute_from' => '퇴근용',
+            'business' => '업무용',
+            'personal' => '비업무',
+        ];
     }
 
-    public function getArrivalTypeLabelAttribute(): string
+    /**
+     * 분류(location_type) 목록
+     */
+    public static function getLocationTypes(): array
     {
-        return self::locationTypeLabels()[$this->arrival_type] ?? ($this->arrival_type ?? '');
+        return [
+            'home' => '자택',
+            'office' => '회사',
+            'client' => '거래처',
+            'other' => '기타',
+        ];
+    }
+
+    /**
+     * 비고 목록
+     */
+    public static function getNoteOptions(): array
+    {
+        return [
+            '거래처방문',
+            '제조시설등',
+            '회의참석',
+            '판촉활동',
+            '교육등',
+        ];
     }
 }
diff --git a/resources/views/finance/vehicle-logs.blade.php b/resources/views/finance/vehicle-logs.blade.php
index 2b4e617a..b2dfdaa0 100644
--- a/resources/views/finance/vehicle-logs.blade.php
+++ b/resources/views/finance/vehicle-logs.blade.php
@@ -17,13 +17,6 @@
 <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
 <script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
 <script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
-<script>
-window.INITIAL_DATA = {
-    vehicles: @json($vehicles),
-    tripTypes: @json($tripTypes),
-    locationTypes: @json($locationTypes)
-};
-</script>
 @verbatim
 <script type="text/babel">
 const { useState, useRef, useEffect } = React;
@@ -41,213 +34,243 @@
     return <span ref={ref} className="inline-flex items-center" {...props} />;
 };
 
-const Car = createIcon('car');
+const BookOpen = createIcon('book-open');
 const Plus = createIcon('plus');
+const Search = createIcon('search');
 const Download = createIcon('download');
 const X = createIcon('x');
-const Loader = createIcon('loader-2');
-const Calendar = createIcon('calendar');
-const ChevronLeft = createIcon('chevron-left');
-const ChevronRight = createIcon('chevron-right');
-const FileText = createIcon('file-text');
-const MapPin = createIcon('map-pin');
-const User = createIcon('user');
 const Edit = createIcon('edit');
 const Trash2 = createIcon('trash-2');
-const Copy = createIcon('copy');
-const ArrowUpDown = createIcon('arrow-up-down');
+const Car = createIcon('car');
+const MapPin = createIcon('map-pin');
+const User = createIcon('user');
+const Calendar = createIcon('calendar');
+const Navigation = createIcon('navigation');
 
-function VehicleLogsManagement() {
-    const { vehicles, tripTypes, locationTypes } = window.INITIAL_DATA;
-
-    // 날짜를 YYYY-MM-DD 형식으로 포맷 (로컬 시간대 사용)
-    const formatDate = (date) => {
-        const year = date.getFullYear();
-        const month = String(date.getMonth() + 1).padStart(2, '0');
-        const day = String(date.getDate()).padStart(2, '0');
-        return `${year}-${month}-${day}`;
-    };
-
-    // 이번 달 시작일/종료일 계산
-    const getMonthRange = (date) => {
-        const year = date.getFullYear();
-        const month = date.getMonth();
-        const firstDay = new Date(year, month, 1);
-        const lastDay = new Date(year, month + 1, 0);
-        return {
-            start: formatDate(firstDay),
-            end: formatDate(lastDay)
-        };
-    };
-
-    const currentDate = new Date();
-    const thisMonthRange = getMonthRange(currentDate);
-
-    const [selectedVehicle, setSelectedVehicle] = useState(vehicles[0]?.id || null);
-    const [startDate, setStartDate] = useState(thisMonthRange.start);
-    const [endDate, setEndDate] = useState(thisMonthRange.end);
-    const [activePeriod, setActivePeriod] = useState('thisMonth'); // 'thisMonth', 'lastMonth', 'custom'
-
-    const [vehicleInfo, setVehicleInfo] = useState(null);
-    const [logs, setLogs] = useState([]);
-    const [totals, setTotals] = useState({ business_km: 0, personal_km: 0, total_km: 0 });
-    const [totalCount, setTotalCount] = useState(0);
-    const [loading, setLoading] = useState(false);
+function VehicleLogManagement() {
+    const [loading, setLoading] = useState(true);
     const [saving, setSaving] = useState(false);
 
+    // 차량 목록
+    const [vehicles, setVehicles] = useState([]);
+    const [selectedVehicle, setSelectedVehicle] = useState('all');
+
+    // 운행기록
+    const [logs, setLogs] = useState([]);
+
+    // 필터
+    const now = new Date();
+    const [filterYear, setFilterYear] = useState(now.getFullYear());
+    const [filterMonth, setFilterMonth] = useState(now.getMonth() + 1);
+    const [filterTripType, setFilterTripType] = useState('all');
+    const [searchTerm, setSearchTerm] = useState('');
+
+    // 모달
     const [showModal, setShowModal] = useState(false);
     const [modalMode, setModalMode] = useState('add');
     const [editingItem, setEditingItem] = useState(null);
 
-    const initialFormState = {
-        vehicle_id: selectedVehicle,
-        log_date: '',
-        department: '',
-        driver_name: '',
-        trip_type: 'business',
-        departure_type: 'office',
-        departure_name: '',
-        departure_address: '',
-        arrival_type: 'client',
-        arrival_name: '',
-        arrival_address: '',
-        distance_km: '',
-        note: ''
-    };
-    const [formData, setFormData] = useState(initialFormState);
+    // 통계
+    const [summary, setSummary] = useState({ byType: {}, total: { count: 0, distance: 0 } });
 
-    const ownershipTypeLabels = {
-        corporate: '회사',
-        rent: '렌트',
-        lease: '리스'
+    const tripTypes = [
+        { value: 'commute_to', label: '출근용', color: 'bg-blue-100 text-blue-700' },
+        { value: 'commute_from', label: '퇴근용', color: 'bg-indigo-100 text-indigo-700' },
+        { value: 'business', label: '업무용', color: 'bg-green-100 text-green-700' },
+        { value: 'personal', label: '비업무', color: 'bg-gray-100 text-gray-700' }
+    ];
+
+    const locationTypes = [
+        { value: 'home', label: '자택' },
+        { value: 'office', label: '회사' },
+        { value: 'client', label: '거래처' },
+        { value: 'other', label: '기타' }
+    ];
+
+    const noteOptions = ['거래처방문', '제조시설등', '회의참석', '판촉활동', '교육등'];
+
+    const years = Array.from({ length: 5 }, (_, i) => now.getFullYear() - i);
+    const months = Array.from({ length: 12 }, (_, i) => i + 1);
+
+    // 데이터 로드
+    const loadVehicles = async () => {
+        try {
+            const response = await fetch('/finance/vehicle-logs/vehicles');
+            const result = await response.json();
+            if (result.success) {
+                setVehicles(result.data.map(v => ({
+                    id: v.id,
+                    plateNumber: v.plate_number,
+                    model: v.model,
+                    ownershipType: v.ownership_type,
+                    mileage: v.mileage || 0
+                })));
+            }
+        } catch (error) {
+            console.error('차량 로드 실패:', error);
+        }
     };
 
     const loadLogs = async () => {
-        if (!selectedVehicle) return;
-
         try {
-            setLoading(true);
             const params = new URLSearchParams({
+                year: filterYear,
+                month: filterMonth,
+                trip_type: filterTripType,
                 vehicle_id: selectedVehicle,
-                start_date: startDate,
-                end_date: endDate
+                search: searchTerm
             });
             const response = await fetch(`/finance/vehicle-logs/list?${params}`);
             const result = await response.json();
             if (result.success) {
-                setVehicleInfo(result.data.vehicle);
-                setLogs(result.data.logs);
-                setTotals(result.data.totals);
-                setTotalCount(result.data.totalCount || 0);
+                setLogs(result.data);
             }
         } catch (error) {
-            console.error('Failed to load logs:', error);
+            console.error('운행기록 로드 실패:', error);
         } finally {
             setLoading(false);
         }
     };
 
+    const loadSummary = async () => {
+        try {
+            const params = new URLSearchParams({
+                year: filterYear,
+                month: filterMonth,
+                vehicle_id: selectedVehicle
+            });
+            const response = await fetch(`/finance/vehicle-logs/summary?${params}`);
+            const result = await response.json();
+            if (result.success) {
+                setSummary(result.data);
+            }
+        } catch (error) {
+            console.error('통계 로드 실패:', error);
+        }
+    };
+
+    useEffect(() => {
+        loadVehicles();
+    }, []);
+
     useEffect(() => {
         loadLogs();
-    }, [selectedVehicle, startDate, endDate]);
+        loadSummary();
+    }, [filterYear, filterMonth, filterTripType, selectedVehicle]);
 
-    const handleThisMonth = () => {
-        const range = getMonthRange(new Date());
-        setStartDate(range.start);
-        setEndDate(range.end);
-        setActivePeriod('thisMonth');
+    const handleSearch = () => {
+        loadLogs();
     };
 
-    const handleLastMonth = () => {
-        const lastMonth = new Date();
-        lastMonth.setMonth(lastMonth.getMonth() - 1);
-        const range = getMonthRange(lastMonth);
-        setStartDate(range.start);
-        setEndDate(range.end);
-        setActivePeriod('lastMonth');
+    // 헬퍼 함수
+    const formatCurrency = (num) => num ? num.toLocaleString() : '0';
+
+    const getTripTypeInfo = (type) => {
+        return tripTypes.find(t => t.value === type) || { label: type, color: 'bg-gray-100 text-gray-700' };
     };
 
-    const handleDateChange = (type, value) => {
-        if (type === 'start') {
-            setStartDate(value);
-        } else {
-            setEndDate(value);
-        }
-        setActivePeriod('custom');
+    const getLocationTypeLabel = (type) => {
+        const found = locationTypes.find(t => t.value === type);
+        return found ? found.label : type || '';
     };
 
+    const getSelectedVehicleInfo = () => {
+        if (selectedVehicle === 'all') return null;
+        return vehicles.find(v => v.id === parseInt(selectedVehicle));
+    };
+
+    // 폼 상태
+    const initialFormState = {
+        logDate: new Date().toISOString().split('T')[0],
+        vehicleId: '',
+        department: '',
+        driverName: '',
+        tripType: 'business',
+        departureType: 'office',
+        departureName: '',
+        departureAddress: '',
+        arrivalType: 'client',
+        arrivalName: '',
+        arrivalAddress: '',
+        distanceKm: '',
+        note: ''
+    };
+    const [formData, setFormData] = useState(initialFormState);
+
+    // 운행기록 CRUD
     const handleAdd = () => {
-        const today = formatDate(new Date());
-
         setModalMode('add');
-        setEditingItem(null);
         setFormData({
             ...initialFormState,
-            vehicle_id: selectedVehicle,
-            log_date: today,
-            driver_name: vehicleInfo?.driver || ''
+            vehicleId: selectedVehicle !== 'all' ? selectedVehicle : (vehicles[0]?.id || '')
         });
         setShowModal(true);
     };
 
-    const handleEdit = (log) => {
+    const handleEdit = (item) => {
         setModalMode('edit');
-        setEditingItem(log);
+        setEditingItem(item);
         setFormData({
-            vehicle_id: log.vehicle_id,
-            log_date: log.log_date?.split('T')[0] || '',
-            department: log.department || '',
-            driver_name: log.driver_name || '',
-            trip_type: log.trip_type || 'business',
-            departure_type: log.departure_type || '',
-            departure_name: log.departure_name || '',
-            departure_address: log.departure_address || '',
-            arrival_type: log.arrival_type || '',
-            arrival_name: log.arrival_name || '',
-            arrival_address: log.arrival_address || '',
-            distance_km: log.distance_km || '',
-            note: log.note || ''
+            logDate: item.logDate,
+            vehicleId: item.vehicleId,
+            department: item.department || '',
+            driverName: item.driverName,
+            tripType: item.tripType,
+            departureType: item.departureType || '',
+            departureName: item.departureName || '',
+            departureAddress: item.departureAddress || '',
+            arrivalType: item.arrivalType || '',
+            arrivalName: item.arrivalName || '',
+            arrivalAddress: item.arrivalAddress || '',
+            distanceKm: item.distanceKm,
+            note: item.note || ''
         });
         setShowModal(true);
     };
 
     const handleSave = async () => {
-        if (!formData.log_date || !formData.driver_name || !formData.distance_km) {
-            alert('날짜, 운전자, 주행거리는 필수입니다.');
+        if (!formData.vehicleId || !formData.driverName || !formData.distanceKm) {
+            alert('차량, 운전자명, 주행거리는 필수입니다.');
             return;
         }
-
         setSaving(true);
         try {
             const payload = {
-                ...formData,
-                distance_km: parseInt(formData.distance_km) || 0
+                vehicle_id: parseInt(formData.vehicleId),
+                log_date: formData.logDate,
+                department: formData.department,
+                driver_name: formData.driverName,
+                trip_type: formData.tripType,
+                departure_type: formData.departureType || null,
+                departure_name: formData.departureName,
+                departure_address: formData.departureAddress,
+                arrival_type: formData.arrivalType || null,
+                arrival_name: formData.arrivalName,
+                arrival_address: formData.arrivalAddress,
+                distance_km: parseInt(formData.distanceKm) || 0,
+                note: formData.note
             };
-
-            const url = modalMode === 'add'
-                ? '/finance/vehicle-logs'
-                : `/finance/vehicle-logs/${editingItem.id}`;
+            const url = modalMode === 'add' ? '/finance/vehicle-logs' : `/finance/vehicle-logs/${editingItem.id}`;
             const method = modalMode === 'add' ? 'POST' : 'PUT';
-
             const response = await fetch(url, {
                 method,
                 headers: {
                     'Content-Type': 'application/json',
-                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
                 },
-                body: JSON.stringify(payload),
+                body: JSON.stringify(payload)
             });
-
             const result = await response.json();
             if (result.success) {
                 await loadLogs();
+                await loadSummary();
                 setShowModal(false);
                 setEditingItem(null);
             } else {
                 alert(result.message || '저장에 실패했습니다.');
             }
         } catch (error) {
-            console.error('Save error:', error);
+            console.error('저장 오류:', error);
             alert('저장 중 오류가 발생했습니다.');
         } finally {
             setSaving(false);
@@ -256,211 +279,163 @@ function VehicleLogsManagement() {
 
     const handleDelete = async (id) => {
         if (!confirm('정말 삭제하시겠습니까?')) return;
-
         try {
             const response = await fetch(`/finance/vehicle-logs/${id}`, {
                 method: 'DELETE',
-                headers: {
-                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
-                },
+                headers: { 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content }
             });
-
             const result = await response.json();
             if (result.success) {
                 await loadLogs();
+                await loadSummary();
                 setShowModal(false);
             } else {
                 alert(result.message || '삭제에 실패했습니다.');
             }
         } catch (error) {
-            console.error('Delete error:', error);
+            console.error('삭제 오류:', error);
             alert('삭제 중 오류가 발생했습니다.');
         }
     };
 
-    const handleExport = () => {
-        const params = new URLSearchParams({
-            vehicle_id: selectedVehicle,
-            start_date: startDate,
-            end_date: endDate
-        });
-        window.location.href = `/finance/vehicle-logs/export?${params}`;
+    const handleDownload = () => {
+        const rows = [
+            ['업무용승용차 운행기록부', `${filterYear}년 ${filterMonth}월`],
+            [],
+            ['날짜', '부서', '성명', '구분', '출발지분류', '출발지명', '출발지주소', '도착지분류', '도착지명', '도착지주소', '주행km', '비고'],
+            ...logs.map(item => [
+                item.logDate,
+                item.department || '',
+                item.driverName,
+                getTripTypeInfo(item.tripType).label,
+                getLocationTypeLabel(item.departureType),
+                item.departureName || '',
+                item.departureAddress || '',
+                getLocationTypeLabel(item.arrivalType),
+                item.arrivalName || '',
+                item.arrivalAddress || '',
+                item.distanceKm,
+                item.note || ''
+            ])
+        ];
+        const csvContent = rows.map(row => row.map(cell => `"${cell}"`).join(',')).join('\n');
+        const blob = new Blob(['\uFEFF' + csvContent], { type: 'text/csv;charset=utf-8;' });
+        const link = document.createElement('a');
+        link.href = URL.createObjectURL(blob);
+        link.download = `운행기록부_${filterYear}년${filterMonth}월.csv`;
+        link.click();
     };
 
-    // 복사 기능: 현재 데이터를 복사해서 새 기록 추가 모드로 전환
-    const handleCopy = () => {
-        setModalMode('add');
-        setEditingItem(null);
-        // 기존 데이터 그대로 유지 (날짜 포함)
-    };
+    // 검색 필터링
+    const filteredLogs = logs.filter(item => {
+        if (!searchTerm) return true;
+        const search = searchTerm.toLowerCase();
+        return (item.driverName || '').toLowerCase().includes(search) ||
+               (item.departureName || '').toLowerCase().includes(search) ||
+               (item.arrivalName || '').toLowerCase().includes(search) ||
+               (item.note || '').toLowerCase().includes(search);
+    });
 
-    // 출발지↔도착지 교환 + 출근↔퇴근 전환
-    const handleSwapLocations = () => {
-        setFormData(prev => {
-            // 출근↔퇴근 전환
-            let newTripType = prev.trip_type;
-            if (prev.trip_type === 'commute_to') {
-                newTripType = 'commute_from';
-            } else if (prev.trip_type === 'commute_from') {
-                newTripType = 'commute_to';
-            }
-
-            return {
-                ...prev,
-                trip_type: newTripType,
-                // 출발지 ↔ 도착지 교환
-                departure_type: prev.arrival_type,
-                departure_name: prev.arrival_name,
-                departure_address: prev.arrival_address,
-                arrival_type: prev.departure_type,
-                arrival_name: prev.departure_name,
-                arrival_address: prev.departure_address,
-            };
-        });
-    };
-
-    const getTripTypeColor = (type) => {
-        switch(type) {
-            case 'commute_to': return 'bg-blue-100 text-blue-700';
-            case 'commute_from': return 'bg-indigo-100 text-indigo-700';
-            case 'business': return 'bg-emerald-100 text-emerald-700';
-            case 'personal': return 'bg-orange-100 text-orange-700';
-            case 'commute_round': return 'bg-purple-100 text-purple-700';
-            case 'business_round': return 'bg-teal-100 text-teal-700';
-            case 'personal_round': return 'bg-rose-100 text-rose-700';
-            default: return 'bg-gray-100 text-gray-700';
-        }
-    };
-
-    const formatNumber = (num) => num ? Number(num).toLocaleString() : '0';
+    const vehicleInfo = getSelectedVehicleInfo();
 
     return (
         <div className="bg-gray-50 min-h-screen">
-            {/* 헤더 */}
             <header className="bg-white border-b border-gray-200 rounded-t-xl mb-6">
                 <div className="px-6 py-4 flex items-center justify-between">
                     <div className="flex items-center gap-4">
-                        <div className="p-2 bg-emerald-100 rounded-xl"><FileText className="w-6 h-6 text-emerald-600" /></div>
-                        <div><h1 className="text-xl font-bold text-gray-900">차량일지</h1><p className="text-sm text-gray-500">운행기록부</p></div>
+                        <div className="p-2 bg-emerald-100 rounded-xl"><BookOpen className="w-6 h-6 text-emerald-600" /></div>
+                        <div>
+                            <h1 className="text-xl font-bold text-gray-900">차량일지</h1>
+                            <p className="text-sm text-gray-500">업무용승용차 운행기록부</p>
+                        </div>
                     </div>
                     <div className="flex items-center gap-3">
-                        <button onClick={handleExport} disabled={!selectedVehicle || logs.length === 0} className="flex items-center gap-2 px-4 py-2 text-gray-700 hover:bg-gray-100 rounded-lg disabled:opacity-50 disabled:cursor-not-allowed">
+                        <button onClick={handleDownload} className="flex items-center gap-2 px-4 py-2 text-gray-700 hover:bg-gray-100 rounded-lg">
                             <Download className="w-4 h-4" /><span className="text-sm">Excel</span>
                         </button>
-                        <button onClick={handleAdd} disabled={!selectedVehicle} className="flex items-center gap-2 px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white rounded-lg disabled:opacity-50 disabled:cursor-not-allowed">
-                            <Plus className="w-4 h-4" /><span className="text-sm font-medium">운행기록 추가</span>
+                        <button onClick={handleAdd} className="flex items-center gap-2 px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white rounded-lg">
+                            <Plus className="w-4 h-4" /><span className="text-sm font-medium">운행기록 등록</span>
                         </button>
                     </div>
                 </div>
             </header>
 
-            {/* 차량 선택 및 기간 필터 */}
+            {/* 차량 선택 및 기본 정보 */}
             <div className="bg-white rounded-xl border border-gray-200 p-4 mb-6">
-                <div className="flex flex-col md:flex-row gap-4 items-center">
-                    {/* 차량 선택 */}
-                    <div className="w-64">
+                <div className="flex flex-wrap items-center gap-4">
+                    <div className="flex items-center gap-2">
+                        <Car className="w-5 h-5 text-gray-500" />
                         <select
-                            value={selectedVehicle || ''}
-                            onChange={(e) => setSelectedVehicle(e.target.value ? parseInt(e.target.value) : null)}
-                            className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-500"
+                            value={selectedVehicle}
+                            onChange={(e) => setSelectedVehicle(e.target.value)}
+                            className="px-3 py-2 border border-gray-300 rounded-lg font-medium"
                         >
-                            <option value="">차량을 선택하세요</option>
+                            <option value="all">전체 차량</option>
                             {vehicles.map(v => (
-                                <option key={v.id} value={v.id}>
-                                    {v.plate_number} - {v.model} ({v.driver || '미지정'})
-                                </option>
+                                <option key={v.id} value={v.id}>{v.plateNumber} ({v.model})</option>
                             ))}
                         </select>
                     </div>
-
-                    {/* 기간 선택 */}
-                    <div className="flex items-center gap-2">
-                        <span className="text-sm text-gray-600">기간</span>
-                        <input
-                            type="date"
-                            value={startDate}
-                            onChange={(e) => handleDateChange('start', e.target.value)}
-                            className="px-3 py-2 border border-gray-300 rounded-lg text-sm"
-                        />
-                        <span className="text-gray-400">~</span>
-                        <input
-                            type="date"
-                            value={endDate}
-                            onChange={(e) => handleDateChange('end', e.target.value)}
-                            className="px-3 py-2 border border-gray-300 rounded-lg text-sm"
-                        />
-                        <button
-                            onClick={handleThisMonth}
-                            className={`px-3 py-2 rounded-lg text-sm font-medium ${
-                                activePeriod === 'thisMonth'
-                                    ? 'bg-blue-600 text-white hover:bg-blue-700'
-                                    : 'border border-gray-300 text-gray-700 hover:bg-gray-50'
-                            }`}
-                        >
-                            이번 달
-                        </button>
-                        <button
-                            onClick={handleLastMonth}
-                            className={`px-3 py-2 rounded-lg text-sm font-medium ${
-                                activePeriod === 'lastMonth'
-                                    ? 'bg-blue-600 text-white hover:bg-blue-700'
-                                    : 'border border-gray-300 text-gray-700 hover:bg-gray-50'
-                            }`}
-                        >
-                            지난 달
-                        </button>
-                    </div>
-
-                    {/* 조회 건수 */}
-                    <div className="text-sm text-gray-500 ml-auto">
-                        조회: <span className="font-medium text-gray-900">{logs.length}건</span> / 전체 <span className="font-medium text-gray-900">{totalCount}건</span>
-                    </div>
+                    {vehicleInfo && (
+                        <div className="flex items-center gap-4 text-sm text-gray-600">
+                            <span>차종: <strong>{vehicleInfo.model}</strong></span>
+                            <span>현재 주행거리: <strong>{formatCurrency(vehicleInfo.mileage)}km</strong></span>
+                        </div>
+                    )}
                 </div>
             </div>
 
-            {/* 차량 정보 카드 */}
-            {vehicleInfo && (
-                <div className="bg-white rounded-xl border border-gray-200 p-6 mb-6">
-                    <div className="grid grid-cols-1 md:grid-cols-5 gap-4">
-                        <div>
-                            <p className="text-sm text-gray-500 mb-1">차량번호</p>
-                            <p className="font-bold text-gray-900">{vehicleInfo.plate_number}</p>
-                        </div>
-                        <div>
-                            <p className="text-sm text-gray-500 mb-1">차종</p>
-                            <p className="font-medium text-gray-900">{vehicleInfo.model}</p>
-                        </div>
-                        <div>
-                            <p className="text-sm text-gray-500 mb-1">명의구분</p>
-                            <p className="font-medium text-gray-900">{ownershipTypeLabels[vehicleInfo.ownership_type] || vehicleInfo.ownership_type}</p>
-                        </div>
-                        <div>
-                            <p className="text-sm text-gray-500 mb-1">운전자</p>
-                            <p className="font-medium text-gray-900">{vehicleInfo.driver || '-'}</p>
-                        </div>
-                        <div>
-                            <p className="text-sm text-gray-500 mb-1">현재 주행거리</p>
-                            <p className="font-medium text-gray-900">{formatNumber(vehicleInfo.mileage)} km</p>
-                        </div>
+            {/* 통계 카드 */}
+            <div className="grid grid-cols-2 md:grid-cols-5 gap-4 mb-6">
+                <div className="bg-white rounded-xl border border-gray-200 p-4">
+                    <div className="flex items-center justify-between mb-2">
+                        <span className="text-sm text-gray-500">전체</span>
+                        <Navigation className="w-5 h-5 text-gray-400" />
                     </div>
+                    <p className="text-xl font-bold text-gray-900">{formatCurrency(summary.total?.distance || 0)}km</p>
+                    <p className="text-xs text-gray-400 mt-1">{summary.total?.count || 0}건</p>
                 </div>
-            )}
+                {tripTypes.map(type => {
+                    const data = summary.byType?.[type.value] || { count: 0, distance: 0 };
+                    return (
+                        <div key={type.value} className="bg-white rounded-xl border border-gray-200 p-4">
+                            <div className="flex items-center justify-between mb-2">
+                                <span className={`text-sm ${type.color.split(' ')[1]}`}>{type.label}</span>
+                            </div>
+                            <p className="text-xl font-bold text-gray-900">{formatCurrency(data.distance)}km</p>
+                            <p className="text-xs text-gray-400 mt-1">{data.count}건</p>
+                        </div>
+                    );
+                })}
+            </div>
 
-            {/* 월별 합계 */}
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
-                <div className="bg-white rounded-xl border border-emerald-200 p-6 bg-emerald-50/30">
-                    <p className="text-sm text-emerald-700 mb-1">업무용 주행거리</p>
-                    <p className="text-2xl font-bold text-emerald-600">{formatNumber(totals.business_km)} km</p>
-                    <p className="text-xs text-emerald-500 mt-1">출퇴근 + 업무용</p>
-                </div>
-                <div className="bg-white rounded-xl border border-orange-200 p-6 bg-orange-50/30">
-                    <p className="text-sm text-orange-700 mb-1">비업무용 주행거리</p>
-                    <p className="text-2xl font-bold text-orange-600">{formatNumber(totals.personal_km)} km</p>
-                </div>
-                <div className="bg-white rounded-xl border border-gray-200 p-6">
-                    <p className="text-sm text-gray-500 mb-1">총 주행거리</p>
-                    <p className="text-2xl font-bold text-gray-900">{formatNumber(totals.total_km)} km</p>
-                    <p className="text-xs text-gray-400 mt-1">{startDate} ~ {endDate}</p>
+            {/* 필터 */}
+            <div className="bg-white rounded-xl border border-gray-200 p-4 mb-6">
+                <div className="flex flex-wrap items-center gap-4">
+                    <div className="flex items-center gap-2">
+                        <Calendar className="w-5 h-5 text-gray-400" />
+                        <select value={filterYear} onChange={(e) => setFilterYear(parseInt(e.target.value))} className="px-3 py-2 border border-gray-300 rounded-lg">
+                            {years.map(y => <option key={y} value={y}>{y}년</option>)}
+                        </select>
+                        <select value={filterMonth} onChange={(e) => setFilterMonth(parseInt(e.target.value))} className="px-3 py-2 border border-gray-300 rounded-lg">
+                            {months.map(m => <option key={m} value={m}>{m}월</option>)}
+                        </select>
+                    </div>
+                    <select value={filterTripType} onChange={(e) => setFilterTripType(e.target.value)} className="px-3 py-2 border border-gray-300 rounded-lg">
+                        <option value="all">전체 구분</option>
+                        {tripTypes.map(t => <option key={t.value} value={t.value}>{t.label}</option>)}
+                    </select>
+                    <div className="flex-1 relative">
+                        <Search className="w-5 h-5 text-gray-400 absolute left-3 top-1/2 -translate-y-1/2" />
+                        <input
+                            type="text"
+                            placeholder="운전자, 출발지, 도착지, 비고 검색..."
+                            value={searchTerm}
+                            onChange={(e) => setSearchTerm(e.target.value)}
+                            onKeyDown={(e) => e.key === 'Enter' && handleSearch()}
+                            className="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-500"
+                        />
+                    </div>
                 </div>
             </div>
 
@@ -468,95 +443,69 @@ className={`px-3 py-2 rounded-lg text-sm font-medium ${
             <div className="bg-white rounded-xl border border-gray-200 overflow-hidden">
                 <div className="overflow-x-auto">
                     <table className="w-full">
-                        <thead>
-                            <tr className="bg-gray-50 border-b border-gray-200">
-                                <th className="px-4 py-3 text-left text-sm font-medium text-gray-600">일자</th>
-                                <th className="px-4 py-3 text-left text-sm font-medium text-gray-600">부서</th>
-                                <th className="px-4 py-3 text-left text-sm font-medium text-gray-600">성명</th>
-                                <th className="px-4 py-3 text-left text-sm font-medium text-gray-600">구분</th>
-                                <th className="px-4 py-3 text-left text-sm font-medium text-gray-600">출발지</th>
-                                <th className="px-4 py-3 text-left text-sm font-medium text-gray-600">도착지</th>
-                                <th className="px-4 py-3 text-right text-sm font-medium text-gray-600">주행km</th>
-                                <th className="px-4 py-3 text-left text-sm font-medium text-gray-600">비고</th>
-                                <th className="px-4 py-3 text-center text-sm font-medium text-gray-600 w-20"></th>
+                        <thead className="bg-gray-50 border-b border-gray-200">
+                            <tr>
+                                <th className="px-4 py-3 text-left text-xs font-semibold text-gray-600">날짜</th>
+                                <th className="px-4 py-3 text-left text-xs font-semibold text-gray-600">차량</th>
+                                <th className="px-4 py-3 text-left text-xs font-semibold text-gray-600">부서/성명</th>
+                                <th className="px-4 py-3 text-left text-xs font-semibold text-gray-600">구분</th>
+                                <th className="px-4 py-3 text-left text-xs font-semibold text-gray-600">출발지</th>
+                                <th className="px-4 py-3 text-left text-xs font-semibold text-gray-600">도착지</th>
+                                <th className="px-4 py-3 text-right text-xs font-semibold text-gray-600">주행km</th>
+                                <th className="px-4 py-3 text-left text-xs font-semibold text-gray-600">비고</th>
+                                <th className="px-4 py-3 text-center text-xs font-semibold text-gray-600">관리</th>
                             </tr>
                         </thead>
-                        <tbody>
+                        <tbody className="divide-y divide-gray-100">
                             {loading ? (
-                                <tr>
-                                    <td colSpan="9" className="text-center py-12 text-gray-400">
-                                        <div className="animate-spin w-8 h-8 border-4 border-emerald-500 border-t-transparent rounded-full mx-auto mb-4"></div>
-                                        <p>운행기록을 불러오는 중...</p>
-                                    </td>
-                                </tr>
-                            ) : !selectedVehicle ? (
-                                <tr>
-                                    <td colSpan="9" className="text-center py-12 text-gray-400">
-                                        <Car className="w-12 h-12 mx-auto mb-4 opacity-50" />
-                                        <p>차량을 선택하세요.</p>
-                                    </td>
-                                </tr>
-                            ) : logs.length === 0 ? (
-                                <tr>
-                                    <td colSpan="9" className="text-center py-12 text-gray-400">
-                                        <FileText className="w-12 h-12 mx-auto mb-4 opacity-50" />
-                                        <p>등록된 운행기록이 없습니다.</p>
-                                        <button onClick={handleAdd} className="mt-4 px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white rounded-lg text-sm">
-                                            운행기록 추가하기
-                                        </button>
-                                    </td>
-                                </tr>
-                            ) : (
-                                logs.map(log => (
-                                    <tr key={log.id} onClick={() => handleEdit(log)} className="border-b border-gray-100 hover:bg-emerald-50 cursor-pointer transition-colors">
-                                        <td className="px-4 py-3 text-sm text-gray-900">
-                                            {log.log_date?.split('T')[0]}
-                                        </td>
-                                        <td className="px-4 py-3 text-sm text-gray-600">
-                                            {log.department || '-'}
-                                        </td>
-                                        <td className="px-4 py-3 text-sm text-gray-900 font-medium">
-                                            {log.driver_name}
+                                <tr><td colSpan="9" className="px-6 py-12 text-center text-gray-400">로딩 중...</td></tr>
+                            ) : filteredLogs.length === 0 ? (
+                                <tr><td colSpan="9" className="px-6 py-12 text-center text-gray-400">운행기록이 없습니다.</td></tr>
+                            ) : filteredLogs.map(item => {
+                                const tripType = getTripTypeInfo(item.tripType);
+                                return (
+                                    <tr key={item.id} className="hover:bg-gray-50 cursor-pointer" onClick={() => handleEdit(item)}>
+                                        <td className="px-4 py-3 text-sm text-gray-600">{item.logDate}</td>
+                                        <td className="px-4 py-3">
+                                            <p className="text-sm font-medium text-gray-900">{item.plateNumber || '-'}</p>
+                                            <p className="text-xs text-gray-400">{item.model || ''}</p>
                                         </td>
                                         <td className="px-4 py-3">
-                                            <span className={`px-2 py-0.5 rounded text-xs font-medium ${getTripTypeColor(log.trip_type)}`}>
-                                                {tripTypes[log.trip_type] || log.trip_type}
-                                            </span>
+                                            <p className="text-sm text-gray-900">{item.driverName}</p>
+                                            {item.department && <p className="text-xs text-gray-400">{item.department}</p>}
                                         </td>
-                                        <td className="px-4 py-3 text-sm text-gray-600">
-                                            <div className="flex items-center gap-1">
-                                                {log.departure_type && (
-                                                    <span className="text-xs text-gray-400">[{locationTypes[log.departure_type]}]</span>
-                                                )}
-                                                <span>{log.departure_name || '-'}</span>
-                                            </div>
+                                        <td className="px-4 py-3">
+                                            <span className={`px-2 py-1 rounded text-xs font-medium ${tripType.color}`}>{tripType.label}</span>
                                         </td>
-                                        <td className="px-4 py-3 text-sm text-gray-600">
-                                            <div className="flex items-center gap-1">
-                                                {log.arrival_type && (
-                                                    <span className="text-xs text-gray-400">[{locationTypes[log.arrival_type]}]</span>
-                                                )}
-                                                <span>{log.arrival_name || '-'}</span>
-                                            </div>
+                                        <td className="px-4 py-3">
+                                            <p className="text-sm text-gray-900">{item.departureName || getLocationTypeLabel(item.departureType) || '-'}</p>
+                                            {item.departureAddress && <p className="text-xs text-gray-400 truncate max-w-[150px]">{item.departureAddress}</p>}
                                         </td>
-                                        <td className="px-4 py-3 text-sm text-gray-900 font-medium text-right">
-                                            {formatNumber(log.distance_km)}
+                                        <td className="px-4 py-3">
+                                            <p className="text-sm text-gray-900">{item.arrivalName || getLocationTypeLabel(item.arrivalType) || '-'}</p>
+                                            {item.arrivalAddress && <p className="text-xs text-gray-400 truncate max-w-[150px]">{item.arrivalAddress}</p>}
                                         </td>
-                                        <td className="px-4 py-3 text-sm text-gray-500">
-                                            {log.note || '-'}
-                                        </td>
-                                        <td className="px-4 py-3 text-center">
-                                            <button
-                                                onClick={() => handleEdit(log)}
-                                                className="p-1 hover:bg-gray-100 rounded text-gray-400 hover:text-gray-600"
-                                            >
-                                                <Edit className="w-4 h-4" />
-                                            </button>
+                                        <td className="px-4 py-3 text-sm font-bold text-right text-emerald-600">{formatCurrency(item.distanceKm)}km</td>
+                                        <td className="px-4 py-3 text-sm text-gray-600">{item.note || '-'}</td>
+                                        <td className="px-4 py-3 text-center" onClick={(e) => e.stopPropagation()}>
+                                            <button onClick={() => handleEdit(item)} className="p-1 text-gray-400 hover:text-blue-500"><Edit className="w-4 h-4" /></button>
+                                            <button onClick={() => handleDelete(item.id)} className="p-1 text-gray-400 hover:text-rose-500"><Trash2 className="w-4 h-4" /></button>
                                         </td>
                                     </tr>
-                                ))
-                            )}
+                                );
+                            })}
                         </tbody>
+                        {filteredLogs.length > 0 && (
+                            <tfoot className="bg-gray-50 border-t border-gray-200">
+                                <tr>
+                                    <td colSpan="6" className="px-4 py-3 text-sm font-semibold text-gray-700 text-right">합계</td>
+                                    <td className="px-4 py-3 text-sm font-bold text-right text-emerald-700">
+                                        {formatCurrency(filteredLogs.reduce((sum, item) => sum + item.distanceKm, 0))}km
+                                    </td>
+                                    <td colSpan="2"></td>
+                                </tr>
+                            </tfoot>
+                        )}
                     </table>
                 </div>
             </div>
@@ -566,58 +515,52 @@ className="p-1 hover:bg-gray-100 rounded text-gray-400 hover:text-gray-600"
                 <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
                     <div className="bg-white rounded-xl p-6 w-full max-w-2xl mx-4 max-h-[90vh] overflow-y-auto">
                         <div className="flex items-center justify-between mb-6">
-                            <div className="flex items-center gap-3">
-                                <h3 className="text-lg font-bold text-gray-900">
-                                    {modalMode === 'add' ? '운행기록 추가' : '운행기록 수정'}
-                                </h3>
-                                {/* 편의 기능 버튼 */}
-                                <div className="flex items-center gap-1">
-                                    {modalMode === 'edit' && (
-                                        <button
-                                            type="button"
-                                            onClick={handleCopy}
-                                            className="flex items-center gap-1 px-2 py-1 text-xs text-blue-600 hover:bg-blue-50 rounded border border-blue-200"
-                                            title="이 기록을 복사하여 새로 추가"
-                                        >
-                                            <Copy className="w-3 h-3" />
-                                            복사
-                                        </button>
-                                    )}
-                                    <button
-                                        type="button"
-                                        onClick={handleSwapLocations}
-                                        className="flex items-center gap-1 px-2 py-1 text-xs text-purple-600 hover:bg-purple-50 rounded border border-purple-200"
-                                        title="출발지↔도착지 교환, 출근↔퇴근 전환"
-                                    >
-                                        <ArrowUpDown className="w-3 h-3" />
-                                        출발↔도착
-                                    </button>
-                                </div>
-                            </div>
-                            <button onClick={() => setShowModal(false)} className="p-1 hover:bg-gray-100 rounded-lg">
-                                <X className="w-5 h-5 text-gray-500" />
-                            </button>
+                            <h3 className="text-lg font-bold text-gray-900">{modalMode === 'add' ? '운행기록 등록' : '운행기록 수정'}</h3>
+                            <button onClick={() => setShowModal(false)} className="p-1 hover:bg-gray-100 rounded-lg"><X className="w-5 h-5 text-gray-500" /></button>
                         </div>
-
                         <div className="space-y-4">
                             {/* 기본 정보 */}
                             <div className="grid grid-cols-3 gap-4">
                                 <div>
-                                    <label className="block text-sm font-medium text-gray-700 mb-1">운행일자 *</label>
+                                    <label className="block text-sm font-medium text-gray-700 mb-1">날짜 *</label>
                                     <input
                                         type="date"
-                                        value={formData.log_date}
-                                        onChange={(e) => setFormData(prev => ({ ...prev, log_date: e.target.value }))}
+                                        value={formData.logDate}
+                                        onChange={(e) => setFormData(prev => ({ ...prev, logDate: e.target.value }))}
                                         className="w-full px-3 py-2 border border-gray-300 rounded-lg"
                                     />
                                 </div>
+                                <div>
+                                    <label className="block text-sm font-medium text-gray-700 mb-1">차량 *</label>
+                                    <select
+                                        value={formData.vehicleId}
+                                        onChange={(e) => setFormData(prev => ({ ...prev, vehicleId: e.target.value }))}
+                                        className="w-full px-3 py-2 border border-gray-300 rounded-lg"
+                                    >
+                                        <option value="">선택하세요</option>
+                                        {vehicles.map(v => <option key={v.id} value={v.id}>{v.plateNumber} ({v.model})</option>)}
+                                    </select>
+                                </div>
+                                <div>
+                                    <label className="block text-sm font-medium text-gray-700 mb-1">구분 *</label>
+                                    <select
+                                        value={formData.tripType}
+                                        onChange={(e) => setFormData(prev => ({ ...prev, tripType: e.target.value }))}
+                                        className="w-full px-3 py-2 border border-gray-300 rounded-lg"
+                                    >
+                                        {tripTypes.map(t => <option key={t.value} value={t.value}>{t.label}</option>)}
+                                    </select>
+                                </div>
+                            </div>
+
+                            <div className="grid grid-cols-3 gap-4">
                                 <div>
                                     <label className="block text-sm font-medium text-gray-700 mb-1">부서</label>
                                     <input
                                         type="text"
                                         value={formData.department}
                                         onChange={(e) => setFormData(prev => ({ ...prev, department: e.target.value }))}
-                                        placeholder="부서명"
+                                        placeholder="영업부"
                                         className="w-full px-3 py-2 border border-gray-300 rounded-lg"
                                     />
                                 </div>
@@ -625,33 +568,18 @@ className="w-full px-3 py-2 border border-gray-300 rounded-lg"
                                     <label className="block text-sm font-medium text-gray-700 mb-1">운전자 *</label>
                                     <input
                                         type="text"
-                                        value={formData.driver_name}
-                                        onChange={(e) => setFormData(prev => ({ ...prev, driver_name: e.target.value }))}
-                                        placeholder="운전자명"
+                                        value={formData.driverName}
+                                        onChange={(e) => setFormData(prev => ({ ...prev, driverName: e.target.value }))}
+                                        placeholder="홍길동"
                                         className="w-full px-3 py-2 border border-gray-300 rounded-lg"
                                     />
                                 </div>
-                            </div>
-
-                            <div className="grid grid-cols-2 gap-4">
                                 <div>
-                                    <label className="block text-sm font-medium text-gray-700 mb-1">구분 *</label>
-                                    <select
-                                        value={formData.trip_type}
-                                        onChange={(e) => setFormData(prev => ({ ...prev, trip_type: e.target.value }))}
-                                        className="w-full px-3 py-2 border border-gray-300 rounded-lg"
-                                    >
-                                        {Object.entries(tripTypes).map(([value, label]) => (
-                                            <option key={value} value={value}>{label}</option>
-                                        ))}
-                                    </select>
-                                </div>
-                                <div>
-                                    <label className="block text-sm font-medium text-gray-700 mb-1">주행거리(km) *</label>
+                                    <label className="block text-sm font-medium text-gray-700 mb-1">주행거리 (km) *</label>
                                     <input
                                         type="number"
-                                        value={formData.distance_km}
-                                        onChange={(e) => setFormData(prev => ({ ...prev, distance_km: e.target.value }))}
+                                        value={formData.distanceKm}
+                                        onChange={(e) => setFormData(prev => ({ ...prev, distanceKm: e.target.value }))}
                                         placeholder="0"
                                         className="w-full px-3 py-2 border border-gray-300 rounded-lg text-right"
                                     />
@@ -659,97 +587,105 @@ className="w-full px-3 py-2 border border-gray-300 rounded-lg text-right"
                             </div>
 
                             {/* 출발지 */}
-                            <div className="border-t border-gray-200 pt-4">
-                                <p className="text-sm font-medium text-gray-700 mb-3 flex items-center gap-2">
+                            <div className="border-t pt-4">
+                                <h4 className="text-sm font-semibold text-gray-900 mb-3 flex items-center gap-2">
                                     <MapPin className="w-4 h-4 text-blue-500" /> 출발지
-                                </p>
-                                <div className="grid grid-cols-6 gap-3">
-                                    <div className="col-span-1">
-                                        <label className="block text-xs text-gray-500 mb-1">분류</label>
+                                </h4>
+                                <div className="grid grid-cols-3 gap-4">
+                                    <div>
+                                        <label className="block text-sm font-medium text-gray-700 mb-1">분류</label>
                                         <select
-                                            value={formData.departure_type}
-                                            onChange={(e) => setFormData(prev => ({ ...prev, departure_type: e.target.value }))}
-                                            className="w-full px-2 py-2 border border-gray-300 rounded-lg text-sm"
+                                            value={formData.departureType}
+                                            onChange={(e) => setFormData(prev => ({ ...prev, departureType: e.target.value }))}
+                                            className="w-full px-3 py-2 border border-gray-300 rounded-lg"
                                         >
                                             <option value="">선택</option>
-                                            {Object.entries(locationTypes).map(([value, label]) => (
-                                                <option key={value} value={value}>{label}</option>
-                                            ))}
+                                            {locationTypes.map(t => <option key={t.value} value={t.value}>{t.label}</option>)}
                                         </select>
                                     </div>
-                                    <div className="col-span-2">
-                                        <label className="block text-xs text-gray-500 mb-1">출발지명</label>
+                                    <div>
+                                        <label className="block text-sm font-medium text-gray-700 mb-1">출발지명</label>
                                         <input
                                             type="text"
-                                            value={formData.departure_name}
-                                            onChange={(e) => setFormData(prev => ({ ...prev, departure_name: e.target.value }))}
-                                            placeholder="출발지명"
-                                            className="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm"
+                                            value={formData.departureName}
+                                            onChange={(e) => setFormData(prev => ({ ...prev, departureName: e.target.value }))}
+                                            placeholder="본사"
+                                            className="w-full px-3 py-2 border border-gray-300 rounded-lg"
                                         />
                                     </div>
-                                    <div className="col-span-3">
-                                        <label className="block text-xs text-gray-500 mb-1">주소</label>
+                                    <div>
+                                        <label className="block text-sm font-medium text-gray-700 mb-1">주소</label>
                                         <input
                                             type="text"
-                                            value={formData.departure_address}
-                                            onChange={(e) => setFormData(prev => ({ ...prev, departure_address: e.target.value }))}
-                                            placeholder="주소"
-                                            className="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm"
+                                            value={formData.departureAddress}
+                                            onChange={(e) => setFormData(prev => ({ ...prev, departureAddress: e.target.value }))}
+                                            placeholder="서울시 강남구..."
+                                            className="w-full px-3 py-2 border border-gray-300 rounded-lg"
                                         />
                                     </div>
                                 </div>
                             </div>
 
                             {/* 도착지 */}
-                            <div className="border-t border-gray-200 pt-4">
-                                <p className="text-sm font-medium text-gray-700 mb-3 flex items-center gap-2">
+                            <div className="border-t pt-4">
+                                <h4 className="text-sm font-semibold text-gray-900 mb-3 flex items-center gap-2">
                                     <MapPin className="w-4 h-4 text-emerald-500" /> 도착지
-                                </p>
-                                <div className="grid grid-cols-6 gap-3">
-                                    <div className="col-span-1">
-                                        <label className="block text-xs text-gray-500 mb-1">분류</label>
+                                </h4>
+                                <div className="grid grid-cols-3 gap-4">
+                                    <div>
+                                        <label className="block text-sm font-medium text-gray-700 mb-1">분류</label>
                                         <select
-                                            value={formData.arrival_type}
-                                            onChange={(e) => setFormData(prev => ({ ...prev, arrival_type: e.target.value }))}
-                                            className="w-full px-2 py-2 border border-gray-300 rounded-lg text-sm"
+                                            value={formData.arrivalType}
+                                            onChange={(e) => setFormData(prev => ({ ...prev, arrivalType: e.target.value }))}
+                                            className="w-full px-3 py-2 border border-gray-300 rounded-lg"
                                         >
                                             <option value="">선택</option>
-                                            {Object.entries(locationTypes).map(([value, label]) => (
-                                                <option key={value} value={value}>{label}</option>
-                                            ))}
+                                            {locationTypes.map(t => <option key={t.value} value={t.value}>{t.label}</option>)}
                                         </select>
                                     </div>
-                                    <div className="col-span-2">
-                                        <label className="block text-xs text-gray-500 mb-1">도착지명</label>
+                                    <div>
+                                        <label className="block text-sm font-medium text-gray-700 mb-1">도착지명</label>
                                         <input
                                             type="text"
-                                            value={formData.arrival_name}
-                                            onChange={(e) => setFormData(prev => ({ ...prev, arrival_name: e.target.value }))}
-                                            placeholder="도착지명"
-                                            className="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm"
+                                            value={formData.arrivalName}
+                                            onChange={(e) => setFormData(prev => ({ ...prev, arrivalName: e.target.value }))}
+                                            placeholder="거래처A"
+                                            className="w-full px-3 py-2 border border-gray-300 rounded-lg"
                                         />
                                     </div>
-                                    <div className="col-span-3">
-                                        <label className="block text-xs text-gray-500 mb-1">주소</label>
+                                    <div>
+                                        <label className="block text-sm font-medium text-gray-700 mb-1">주소</label>
                                         <input
                                             type="text"
-                                            value={formData.arrival_address}
-                                            onChange={(e) => setFormData(prev => ({ ...prev, arrival_address: e.target.value }))}
-                                            placeholder="주소"
-                                            className="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm"
+                                            value={formData.arrivalAddress}
+                                            onChange={(e) => setFormData(prev => ({ ...prev, arrivalAddress: e.target.value }))}
+                                            placeholder="경기도 성남시..."
+                                            className="w-full px-3 py-2 border border-gray-300 rounded-lg"
                                         />
                                     </div>
                                 </div>
                             </div>
 
                             {/* 비고 */}
-                            <div>
+                            <div className="border-t pt-4">
                                 <label className="block text-sm font-medium text-gray-700 mb-1">비고</label>
+                                <div className="flex flex-wrap gap-2 mb-2">
+                                    {noteOptions.map(opt => (
+                                        <button
+                                            key={opt}
+                                            type="button"
+                                            onClick={() => setFormData(prev => ({ ...prev, note: opt }))}
+                                            className={`px-3 py-1 text-sm rounded-full border ${formData.note === opt ? 'bg-emerald-100 border-emerald-500 text-emerald-700' : 'border-gray-300 text-gray-600 hover:bg-gray-50'}`}
+                                        >
+                                            {opt}
+                                        </button>
+                                    ))}
+                                </div>
                                 <input
                                     type="text"
                                     value={formData.note}
                                     onChange={(e) => setFormData(prev => ({ ...prev, note: e.target.value }))}
-                                    placeholder="메모 (예: 거래처방문, 회의참석 등)"
+                                    placeholder="직접 입력"
                                     className="w-full px-3 py-2 border border-gray-300 rounded-lg"
                                 />
                             </div>
@@ -760,7 +696,6 @@ className="w-full px-3 py-2 border border-gray-300 rounded-lg"
                                 <button
                                     onClick={() => handleDelete(editingItem.id)}
                                     className="px-4 py-2 bg-red-600 hover:bg-red-700 text-white rounded-lg"
-                                    disabled={saving}
                                 >
                                     삭제
                                 </button>
@@ -768,17 +703,15 @@ className="px-4 py-2 bg-red-600 hover:bg-red-700 text-white rounded-lg"
                             <button
                                 onClick={() => setShowModal(false)}
                                 className="flex-1 px-4 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50"
-                                disabled={saving}
                             >
                                 취소
                             </button>
                             <button
                                 onClick={handleSave}
-                                className="flex-1 px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white rounded-lg flex items-center justify-center gap-2"
                                 disabled={saving}
+                                className="flex-1 px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white rounded-lg disabled:opacity-50"
                             >
-                                {saving && <Loader className="w-4 h-4 animate-spin" />}
-                                {modalMode === 'add' ? '등록' : '저장'}
+                                {saving ? '저장 중...' : (modalMode === 'add' ? '등록' : '저장')}
                             </button>
                         </div>
                     </div>
@@ -789,7 +722,7 @@ className="flex-1 px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white round
 }
 
 const rootElement = document.getElementById('vehicle-logs-root');
-if (rootElement) { ReactDOM.createRoot(rootElement).render(<VehicleLogsManagement />); }
+if (rootElement) { ReactDOM.createRoot(rootElement).render(<VehicleLogManagement />); }
 </script>
 @endverbatim
 @endpush
diff --git a/routes/web.php b/routes/web.php
index 26f0f329..c2659b6c 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -828,11 +828,12 @@
 
     // 차량일지 (운행기록부)
     Route::get('/vehicle-logs', [\App\Http\Controllers\Finance\VehicleLogController::class, 'index'])->name('vehicle-logs');
+    Route::get('/vehicle-logs/vehicles', [\App\Http\Controllers\Finance\VehicleLogController::class, 'vehicles'])->name('vehicle-logs.vehicles');
     Route::get('/vehicle-logs/list', [\App\Http\Controllers\Finance\VehicleLogController::class, 'list'])->name('vehicle-logs.list');
+    Route::get('/vehicle-logs/summary', [\App\Http\Controllers\Finance\VehicleLogController::class, 'summary'])->name('vehicle-logs.summary');
     Route::post('/vehicle-logs', [\App\Http\Controllers\Finance\VehicleLogController::class, 'store'])->name('vehicle-logs.store');
     Route::put('/vehicle-logs/{id}', [\App\Http\Controllers\Finance\VehicleLogController::class, 'update'])->name('vehicle-logs.update');
     Route::delete('/vehicle-logs/{id}', [\App\Http\Controllers\Finance\VehicleLogController::class, 'destroy'])->name('vehicle-logs.destroy');
-    Route::get('/vehicle-logs/export', [\App\Http\Controllers\Finance\VehicleLogController::class, 'export'])->name('vehicle-logs.export');
 
     // 차량정비이력
     Route::get('/vehicle-maintenance', [\App\Http\Controllers\Finance\VehicleMaintenanceController::class, 'index'])->name('vehicle-maintenance');