diff --git a/public/share/share-copy.svg b/public/share/share-copy.svg
new file mode 100644
index 00000000..11614872
--- /dev/null
+++ b/public/share/share-copy.svg
@@ -0,0 +1,4 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="60" height="60" rx="30" fill="#F5F5F5"/>
+<path d="M37.0005 26.5002C37.0005 25.6948 36.3471 25.0414 35.5417 25.0414H27.6667C26.8613 25.0414 26.2079 25.6948 26.2079 26.5002V37.8752C26.2079 38.6806 26.8613 39.334 27.6667 39.334H35.5417C36.3471 39.334 37.0005 38.6806 37.0005 37.8752V26.5002ZM19.5005 31.3127V24.1664C19.5007 20.9451 22.1116 18.3342 25.3329 18.334H32.4792C33.1235 18.334 33.6454 18.8559 33.6454 19.5002C33.6454 20.1445 33.1235 20.6664 32.4792 20.6664H25.3329C23.4003 20.6667 21.8332 22.2338 21.8329 24.1664V31.3127C21.8329 31.957 21.311 32.4789 20.6667 32.4789C20.0224 32.4789 19.5005 31.957 19.5005 31.3127ZM39.3329 37.8752C39.3329 39.9693 37.6358 41.6664 35.5417 41.6664H27.6667C25.5726 41.6664 23.8755 39.9693 23.8755 37.8752V26.5002C23.8755 24.4061 25.5726 22.709 27.6667 22.709H35.5417C37.6358 22.709 39.3329 24.4061 39.3329 26.5002V37.8752Z" fill="#5D5D5D"/>
+</svg>
diff --git a/public/share/share-kakao.svg b/public/share/share-kakao.svg
new file mode 100644
index 00000000..f077eb2c
--- /dev/null
+++ b/public/share/share-kakao.svg
@@ -0,0 +1,10 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="60" height="60" rx="30" fill="#FEE500"/>
+<rect x="18" y="18" width="24" height="24" fill="url(#pattern0_5133_42628)"/>
+<defs>
+<pattern id="pattern0_5133_42628" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_5133_42628" transform="translate(-0.805556 -0.75) scale(0.0277778)"/>
+</pattern>
+<image id="image0_5133_42628" width="208" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANAAAABaCAYAAADJj9jKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA1IDc5LjE2NDU5MCwgMjAyMC8xMi8wOS0xMTo1Nzo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzRDQTg1MjJEMjcyMTFFQkI0RTNDM0ZFQUJCRDBGQkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzRDQTg1MjNEMjcyMTFFQkI0RTNDM0ZFQUJCRDBGQkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUNCMkMwOUQyNzIxMUVCQjRFM0MzRkVBQkJEMEZCQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUNCMkMwQUQyNzIxMUVCQjRFM0MzRkVBQkJEMEZCQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn54W24AAAnySURBVHja7J0L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"/>
+</defs>
+</svg>
diff --git a/public/share/share-native.svg b/public/share/share-native.svg
new file mode 100644
index 00000000..4b06e983
--- /dev/null
+++ b/public/share/share-native.svg
@@ -0,0 +1,4 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="60" height="60" rx="30" fill="#D6F8E1"/>
+<path d="M19.5 38.0411V33.7379C19.5002 33.0937 20.0224 32.5712 20.6667 32.5712C21.3109 32.5712 21.8332 33.0937 21.8333 33.7379V38.0411C21.8334 38.4029 21.9708 38.7383 22.1968 38.9765C22.4208 39.2125 22.711 39.3331 23 39.3331H37C37.289 39.3331 37.5792 39.2125 37.8032 38.9765L37.8841 38.8831C38.0618 38.6543 38.1666 38.3578 38.1667 38.0411V33.7379C38.1668 33.0937 38.6891 32.5712 39.3333 32.5712C39.9776 32.5712 40.4998 33.0937 40.5 33.7379V38.0411C40.5 38.9835 40.1454 39.8989 39.4963 40.5829C38.8452 41.269 37.9485 41.6664 37 41.6664H23C22.0515 41.6664 21.1548 41.269 20.5037 40.5829C19.8546 39.8989 19.5 38.9835 19.5 38.0411ZM28.8345 33.4325V22.3116L25.4917 25.6487C25.0357 26.1039 24.2972 26.1036 23.842 25.6476C23.3868 25.1916 23.3872 24.453 23.8431 23.9978L29.1763 18.6738L29.2651 18.594C29.723 18.2212 30.3979 18.2478 30.8249 18.6738L36.158 23.9978L36.2389 24.0867C36.6127 24.5445 36.5867 25.2201 36.1603 25.6476C35.7336 26.0751 35.0569 26.1029 34.5983 25.7296L34.5094 25.6487L31.1678 22.3128V33.4325C31.1678 34.0768 30.6453 34.5991 30.0011 34.5992C29.3568 34.5992 28.8345 34.0769 28.8345 33.4325Z" fill="#1EB87B"/>
+</svg>
diff --git a/src/app/(route)/list/[id]/_components/PostDetail/_internal/PostDetailBody/PostDetailBody.tsx b/src/app/(route)/list/[id]/_components/PostDetail/_internal/PostDetailBody/PostDetailBody.tsx
index 149859cf..972fcb80 100644
--- a/src/app/(route)/list/[id]/_components/PostDetail/_internal/PostDetailBody/PostDetailBody.tsx
+++ b/src/app/(route)/list/[id]/_components/PostDetail/_internal/PostDetailBody/PostDetailBody.tsx
@@ -1,6 +1,6 @@
 import { formatNumber } from "@/utils";
-import { CategoryType, ItemStatus } from "@/types";
 import { Icon } from "@/components";
+import { CategoryType, ItemStatus } from "@/types";
 import { NoticeChip } from "@/app/(route)/notice/_components";
 import PostChipSection from "../PostChipSection/PostChipSection";
 import { LABELS } from "../../LABELS";
diff --git a/src/app/(route)/list/[id]/_components/PostDetailTopHeader/PostDetailTopHeader.tsx b/src/app/(route)/list/[id]/_components/PostDetailTopHeader/PostDetailTopHeader.tsx
index bc0158d6..33bdc64a 100644
--- a/src/app/(route)/list/[id]/_components/PostDetailTopHeader/PostDetailTopHeader.tsx
+++ b/src/app/(route)/list/[id]/_components/PostDetailTopHeader/PostDetailTopHeader.tsx
@@ -1,14 +1,22 @@
 "use client";
 
+import { useState } from "react";
 import { DetailHeader } from "@/components";
+import PostShare from "../PostShare/PostShare";
 
 const PostDetailTopHeader = () => {
+  const [openShareModal, setOpenShareModal] = useState(false);
+
   return (
-    <DetailHeader>
-      <DetailHeader.Star isActive />
-      <DetailHeader.Share />
-      <DetailHeader.Menu />
-    </DetailHeader>
+    <>
+      <DetailHeader>
+        <DetailHeader.Star isActive />
+        <DetailHeader.Share onClick={() => setOpenShareModal(true)} />
+        <DetailHeader.Menu />
+      </DetailHeader>
+
+      <PostShare isOpen={openShareModal} onClose={() => setOpenShareModal(false)} />
+    </>
   );
 };
 
diff --git a/src/app/(route)/list/[id]/_components/PostShare/PostShare.tsx b/src/app/(route)/list/[id]/_components/PostShare/PostShare.tsx
new file mode 100644
index 00000000..3723041f
--- /dev/null
+++ b/src/app/(route)/list/[id]/_components/PostShare/PostShare.tsx
@@ -0,0 +1,80 @@
+import Image from "next/image";
+import { Button, PopupLayout } from "@/components";
+import { SHARE, ShareId } from "./SHARE";
+
+interface PostShareProps {
+  isOpen: boolean;
+  onClose: () => void;
+}
+
+const PostShare = ({ isOpen, onClose }: PostShareProps) => {
+  const handleShareClick = (id: ShareId) => {
+    switch (id) {
+      case "kakao":
+        // kakaoShare();
+        break;
+      case "native":
+        // nativeShare();
+        break;
+      case "copy":
+        // copyLink();
+        break;
+      default:
+        break;
+    }
+  };
+
+  return (
+    <PopupLayout isOpen={isOpen} onClose={onClose} className="min-h-[305px] space-y-12 px-5 py-10">
+      <section className="gap-5 flex-col-center">
+        <h2 className="text-h3-semibold text-layout-header-default">게시글 공유하기</h2>
+        <div className="w-full gap-[18px] flex-center">
+          {SHARE.map((item) => (
+            <ShareOptionButton
+              key={item.name}
+              src={item.src}
+              name={item.name}
+              onClick={() => handleShareClick(item.id)}
+            />
+          ))}
+        </div>
+      </section>
+
+      <Button aria-label="닫기" onClick={onClose} variant="outlined" className="min-h-11 w-full">
+        닫기
+      </Button>
+    </PopupLayout>
+  );
+};
+
+export default PostShare;
+
+const ShareOptionButton = ({
+  src,
+  name,
+  onClick,
+}: {
+  src: string;
+  name: string;
+  onClick: () => void;
+}) => {
+  return (
+    <button
+      aria-label={name}
+      type="button"
+      className="select-none gap-2 flex-col-center"
+      onClick={onClick}
+    >
+      <Image
+        src={src}
+        alt=""
+        width={60}
+        height={60}
+        draggable={false}
+        priority
+        className="rounded-full"
+      />
+      <span className="text-body2-semibold text-neutral-normal-default">{name}</span>
+    </button>
+  );
+};
diff --git a/src/app/(route)/list/[id]/_components/PostShare/SHARE.ts b/src/app/(route)/list/[id]/_components/PostShare/SHARE.ts
new file mode 100644
index 00000000..cfe300a9
--- /dev/null
+++ b/src/app/(route)/list/[id]/_components/PostShare/SHARE.ts
@@ -0,0 +1,7 @@
+export const SHARE = [
+  { id: "kakao", src: "/share/share-kakao.svg", name: "카카오톡" },
+  { id: "native", src: "/share/share-native.svg", name: "공유하기" },
+  { id: "copy", src: "/share/share-copy.svg", name: "링크 복사" },
+] as const;
+
+export type ShareId = (typeof SHARE)[number]["id"];
diff --git a/src/app/(route)/list/[id]/_components/index.ts b/src/app/(route)/list/[id]/_components/index.ts
index 0c4ef377..a4c59722 100644
--- a/src/app/(route)/list/[id]/_components/index.ts
+++ b/src/app/(route)/list/[id]/_components/index.ts
@@ -1,3 +1,4 @@
 export { default as CommentForm } from "./CommentForm/CommentForm";
 export { default as PostDetail } from "./PostDetail/PostDetail";
 export { default as SimilarItemsSection } from "./SimilarItemsSection/SimilarItemsSection";
+export { default as PostShare } from "./PostShare/PostShare";