feat: Daum 우편번호 서비스 연동 및 악성채권 UI 개선

- useDaumPostcode 공통 훅 생성 (Daum Postcode API 연동)
- 우편번호 찾기 기능 적용: 악성채권, 거래처, 직원, 회사정보, 주문등록
- 악성채권 페이지 토글 순서 변경 (라벨 → 토글)
- 악성채권 토글 기능 수정 (매출/매입 → 등록/해제)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/components/accounting/BadDebtCollection/BadDebtDetail.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useState, useCallback, useMemo } from 'react';
+import { useDaumPostcode } from '@/hooks/useDaumPostcode';
 import { useRouter } from 'next/navigation';
 import { format } from 'date-fns';
 import { AlertTriangle, Plus, X, FileText, Receipt, CreditCard, Upload, Download, Trash2 } from 'lucide-react';
@@ -141,6 +142,17 @@ export function BadDebtDetail({ mode, recordId }: BadDebtDetailProps) {
   const initialData = recordId ? getMockRecord(recordId) : getEmptyRecord();
   const [formData, setFormData] = useState(initialData);
 
+  // Daum 우편번호 서비스
+  const { openPostcode } = useDaumPostcode({
+    onComplete: (result) => {
+      setFormData(prev => ({
+        ...prev,
+        zipCode: result.zonecode,
+        address1: result.address,
+      }));
+    },
+  });
+
   // 다이얼로그 상태
   const [showDeleteDialog, setShowDeleteDialog] = useState(false);
   const [showSaveDialog, setShowSaveDialog] = useState(false);
@@ -349,26 +361,28 @@ export function BadDebtDetail({ mode, recordId }: BadDebtDetailProps) {
             {renderField('거래처 코드', 'vendorCode', formData.vendorCode, { disabled: true })}
             {renderField('거래처명', 'vendorName', formData.vendorName, { required: true })}
             {renderField('대표자명', 'representativeName', formData.representativeName)}
-            {/* 거래처 유형 */}
+            {/* 거래처 유형 - 읽기 전용 */}
             <div className="space-y-2">
-              <div className="flex items-center justify-between">
-                <Label className="text-sm font-medium text-gray-700">거래처 유형</Label>
-                <Switch
-                  checked={formData.vendorType === 'both'}
-                  onCheckedChange={(checked) => handleChange('vendorType', checked ? 'both' : 'sales')}
-                  disabled={isViewMode}
-                  className="data-[state=checked]:bg-orange-500"
-                />
-              </div>
+              <Label className="text-sm font-medium text-gray-700">거래처 유형</Label>
               <Input
                 value={VENDOR_TYPE_LABELS[formData.vendorType] || '매출매입'}
                 disabled
                 className="bg-gray-50"
               />
             </div>
-            {/* 악성채권 등록 */}
+            {/* 악성채권 등록 토글 + 업태/업종 */}
             <div className="space-y-2">
-              <Label className="text-sm font-medium text-gray-700">악성채권 등록</Label>
+              <div className="flex items-center justify-between">
+                <div className="flex items-center gap-2">
+                  <Label className="text-sm font-medium text-gray-700">악성채권 등록</Label>
+                  <Switch
+                    checked={formData.settingToggle}
+                    onCheckedChange={(checked) => handleChange('settingToggle', checked)}
+                    disabled={isViewMode}
+                    className="data-[state=checked]:bg-orange-500"
+                  />
+                </div>
+              </div>
               <div className="grid grid-cols-2 gap-2">
                 <Input
                   value={formData.businessType}
@@ -406,7 +420,7 @@ export function BadDebtDetail({ mode, recordId }: BadDebtDetailProps) {
                   disabled={isViewMode}
                   className="w-[120px] bg-white"
                 />
-                <Button variant="outline" disabled={isViewMode} className="shrink-0">
+                <Button variant="outline" disabled={isViewMode} onClick={openPostcode} className="shrink-0">
                   우편번호 찾기
                 </Button>
               </div>