디자인 수정

frontend/components/dataflow/connection/InsertFieldMappingPanel.tsx

@@ -236,14 +236,10 @@ export const InsertFieldMappingPanel: React.FC<InsertFieldMappingPanelProps> = (
   return (
     <div className="mt-4">
       {/* 헤더 섹션 */}
-      <Card className="mb-6 from-blue-50 to-green-50 py-2">
-        <CardContent className="pt-0">
-          <p className="text-sm leading-relaxed text-gray-700">
-            양쪽 테이블의 컬럼을 클릭하여 매핑하거나, 대상 컬럼에 기본값을 입력하세요. 같은 데이터 타입의 컬럼만 매핑
-            가능합니다. 하나의 FROM 컬럼은 하나의 TO 컬럼에만 매핑 가능합니다.
-          </p>
-        </CardContent>
-      </Card>
+      <p className="mb-4 text-sm leading-relaxed text-gray-700">
+        양쪽 테이블의 컬럼을 클릭하여 매핑하거나, 대상 컬럼에 기본값을 입력하세요. 같은 데이터 타입의 컬럼만 매핑
+        가능합니다. 하나의 FROM 컬럼은 하나의 TO 컬럼에만 매핑 가능합니다.
+      </p>
 
       <div className="grid grid-cols-2 gap-6">
         <ColumnTableSection
@@ -290,7 +286,7 @@ export const InsertFieldMappingPanel: React.FC<InsertFieldMappingPanelProps> = (
       </div>
 
       {/* 빠른 필터 액션 */}
-      <Card className="mt-6 py-2">
+      <Card className="mt-6 border-none py-2 shadow-none">
         <CardContent className="flex flex-wrap gap-2 p-3">
           <span className="self-center text-sm font-medium text-gray-700">빠른 필터:</span>
           <Button