ui 수정 및 시현할 기능 업데이트

frontend/components/dataflow/connection/redesigned/RightPanel/VisualMapping/FieldColumn.tsx

@@ -128,9 +128,9 @@ const FieldColumn: React.FC<FieldColumnProps> = ({
               : isMapped
                 ? "border-green-500 bg-green-50 shadow-sm"
                 : isBlockedDropTarget
-                  ? "border-red-400 bg-red-50 shadow-md"
+                  ? "border-red-400 bg-destructive/10 shadow-md"
                   : isDropTarget
-                    ? "border-blue-400 bg-blue-50 shadow-md"
+                    ? "border-blue-400 bg-accent shadow-md"
                     : "border-border hover:bg-muted/50 hover:shadow-sm"
         } `}
         draggable={type === "from" && !isMapped}

frontend/components/dataflow/connection/redesigned/RightPanel/VisualMapping/FieldMappingCanvas.tsx

@@ -311,7 +311,7 @@ const FieldMappingCanvas: React.FC<FieldMappingCanvasProps> = ({
       </div>
 
       {/* 매핑 규칙 안내 */}
-      <div className="mt-4 rounded-lg border border-blue-200 bg-blue-50 p-3">
+      <div className="mt-4 rounded-lg border border-primary/20 bg-accent p-3">
         <h4 className="mb-2 text-sm font-medium">📋 매핑 규칙</h4>
         <div className="text-muted-foreground space-y-1 text-xs">
           <p>✅ 1:N 매핑 허용 (하나의 소스 필드를 여러 대상 필드에 매핑)</p>