diff --git a/src/api/delete.ts b/src/api/delete.ts
new file mode 100644
index 0000000..63512ee
--- /dev/null
+++ b/src/api/delete.ts
@@ -0,0 +1,20 @@
+import apiClient from '@/api/apiClient';
+
+export interface DeleteResponse {
+  success: boolean;
+  message?: string;
+}
+
+export const deleteWine: (wineId: number) => Promise<DeleteResponse> = async (wineId) => {
+  const response = await apiClient.delete<DeleteResponse>(
+    `/${process.env.NEXT_PUBLIC_TEAM}/wines/${wineId}`,
+  );
+  return response.data;
+};
+
+export const deleteReview = async (reviewId: number): Promise<DeleteResponse> => {
+  const response = await apiClient.delete<DeleteResponse>(
+    `/${process.env.NEXT_PUBLIC_TEAM}/reviews/${reviewId}`,
+  );
+  return response.data;
+};
diff --git a/src/assets/icons/Star.svg b/src/assets/icons/Star.svg
deleted file mode 100644
index a109d75..0000000
--- a/src/assets/icons/Star.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 17.2752L7.85002 19.7752C7.66668 19.8919 7.47502 19.9419 7.27501 19.9252C7.07501 19.9085 6.90001 19.8419 6.75002 19.7252C6.60001 19.6085 6.48335 19.4627 6.40002 19.2877C6.31668 19.1127 6.30002 18.9169 6.35002 18.7002L7.45002 13.9752L3.77502 10.8002C3.60835 10.6502 3.50418 10.4794 3.46252 10.2877C3.42085 10.096 3.43335 9.90853 3.50002 9.72519C3.56668 9.54186 3.66668 9.39186 3.80002 9.2752C3.93335 9.15853 4.11668 9.08353 4.35002 9.0502L9.20002 8.6252L11.075 4.1752C11.1583 3.9752 11.2875 3.8252 11.4625 3.7252C11.6375 3.6252 11.8167 3.5752 12 3.5752C12.1833 3.5752 12.3625 3.6252 12.5375 3.7252C12.7125 3.8252 12.8417 3.9752 12.925 4.1752L14.8 8.6252L19.65 9.0502C19.8833 9.08353 20.0667 9.15853 20.2 9.2752C20.3333 9.39186 20.4333 9.54186 20.5 9.72519C20.5667 9.90853 20.5792 10.096 20.5375 10.2877C20.4958 10.4794 20.3917 10.6502 20.225 10.8002L16.55 13.9752L17.65 18.7002C17.7 18.9169 17.6833 19.1127 17.6 19.2877C17.5167 19.4627 17.4 19.6085 17.25 19.7252C17.1 19.8419 16.925 19.9085 16.725 19.9252C16.525 19.9419 16.3333 19.8919 16.15 19.7752L12 17.2752Z" fill="#CFDBEA"/>
-</svg>
diff --git a/src/components/Modal/DeleteModal/DeleteModal.tsx b/src/components/Modal/DeleteModal/DeleteModal.tsx
new file mode 100644
index 0000000..ea6ff8b
--- /dev/null
+++ b/src/components/Modal/DeleteModal/DeleteModal.tsx
@@ -0,0 +1,91 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { AxiosError } from 'axios';
+
+import { deleteReview, deleteWine, DeleteResponse } from '@/api/delete';
+import BasicModal from '@/components/common/Modal/BasicModal';
+import { Button } from '@/components/ui/button';
+
+interface DeleteModalProps {
+  type: 'wine' | 'review';
+  id: number;
+  showDeleteModal: boolean;
+  setShowDeleteModal: (state: boolean) => void;
+}
+
+const DeleteModal = ({ type, id, showDeleteModal, setShowDeleteModal }: DeleteModalProps) => {
+  const queryClient = useQueryClient();
+
+  const deleteWineMutation = useMutation<DeleteResponse, AxiosError, number>({
+    mutationFn: (id) => deleteWine(id),
+  });
+  const deleteReviewMutation = useMutation<DeleteResponse, AxiosError, number>({
+    mutationFn: (id) => deleteReview(id),
+  });
+
+  const handleDelete = () => {
+    if (type === 'wine') {
+      deleteWineMutation.mutate(id, {
+        onSuccess: () => {
+          queryClient.invalidateQueries({ queryKey: ['wines'] }); //삭제후 관련데이터 바로 갱신
+          console.log('와인 삭제 성공');
+          setShowDeleteModal(false);
+        },
+        onError: (error) => {
+          console.error('와인 삭제 실패', error);
+        },
+      });
+    } else if (type === 'review') {
+      deleteReviewMutation.mutate(id, {
+        onSuccess: () => {
+          queryClient.invalidateQueries({ queryKey: ['reviews'] });
+          console.log('리뷰 삭제 성공');
+          setShowDeleteModal(false);
+        },
+        onError: (error) => {
+          console.error('리뷰 삭제 실패', error);
+        },
+      });
+    }
+  };
+
+  return (
+    <div>
+      <BasicModal
+        type='register'
+        title=''
+        open={showDeleteModal}
+        onOpenChange={(isOpen: boolean) => setShowDeleteModal(isOpen)}
+        showCloseButton={false}
+        buttons={
+          <div className='flex w-full gap-2'>
+            <Button
+              onClick={() => setShowDeleteModal(false)}
+              type='button'
+              variant='onlyCancel'
+              size='xl'
+              width='full'
+              fontSize='lg'
+            >
+              취소
+            </Button>
+            <Button
+              onClick={handleDelete}
+              type='button'
+              variant='purpleDark'
+              size='xl'
+              width='full'
+              fontSize='lg'
+            >
+              삭제
+            </Button>
+          </div>
+        }
+      >
+        <span className='flex justify-center mb-8 custom-text-2lg-bold md:custom-text-xl-bold'>
+          정말로 삭제하시겠습니까?
+        </span>
+      </BasicModal>
+    </div>
+  );
+};
+export default DeleteModal;
diff --git a/src/components/common/winelist/WineCard.tsx b/src/components/common/winelist/WineCard.tsx
index 962dc6b..01b28ac 100644
--- a/src/components/common/winelist/WineCard.tsx
+++ b/src/components/common/winelist/WineCard.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import Link from 'next/link';
 
-import StarIcon from '@/assets/icons/Star.svg';
+import StarIcon from '@/assets/icons/star.svg';
 import { ImageCard } from '@/components/common/card/ImageCard';
 import { cn } from '@/lib/utils';
 
diff --git a/src/components/common/winelist/WineListCard.tsx b/src/components/common/winelist/WineListCard.tsx
index 1885618..6d3fa36 100644
--- a/src/components/common/winelist/WineListCard.tsx
+++ b/src/components/common/winelist/WineListCard.tsx
@@ -1,7 +1,7 @@
 import Link from 'next/link';
 
 import NextIcon from '@/assets/icons/Next.svg';
-import StarIcon from '@/assets/icons/Star.svg';
+import StarIcon from '@/assets/icons/star.svg';
 import { ImageCard } from '@/components/common/card/ImageCard';
 import { Button } from '@/components/ui/button';
 import { cn } from '@/lib/utils';