메일 관리 작업 저장용 커밋

frontend/lib/registry/components/radio-basic/RadioBasicComponent.tsx

@@ -111,11 +111,24 @@ export const RadioBasicComponent: React.FC<RadioBasicComponentProps> = ({
           height: "100%",
           display: "flex",
           flexDirection: componentConfig.direction === "horizontal" ? "row" : "column",
-          gap: "8px",
-          padding: "8px",
+          gap: "12px",
+          padding: "12px",
+          borderRadius: "8px",
+          border: "1px solid #e5e7eb",
+          backgroundColor: "#f9fafb",
+          transition: "all 0.2s ease-in-out",
+          boxShadow: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
           // isInteractive 모드에서는 사용자 스타일 우선 적용
           ...(isInteractive && component.style ? component.style : {}),
         }}
+        onMouseEnter={(e) => {
+          e.currentTarget.style.borderColor = "#f97316";
+          e.currentTarget.style.boxShadow = "0 4px 6px -1px rgba(0, 0, 0, 0.1)";
+        }}
+        onMouseLeave={(e) => {
+          e.currentTarget.style.borderColor = "#e5e7eb";
+          e.currentTarget.style.boxShadow = "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+        }}
         onClick={handleClick}
         onDragStart={onDragStart}
         onDragEnd={onDragEnd}