diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
index 9e9b5e86..f843c342 100644
Binary files a/.yarn/install-state.gz and b/.yarn/install-state.gz differ
diff --git a/src/pages/audit/auditDetail/container/auditDetailContentSection.tsx b/src/pages/audit/auditDetail/container/auditDetailContentSection.tsx
index 54f4ba3f..38841af7 100644
--- a/src/pages/audit/auditDetail/container/auditDetailContentSection.tsx
+++ b/src/pages/audit/auditDetail/container/auditDetailContentSection.tsx
@@ -1,3 +1,5 @@
+import { Viewer } from '@toast-ui/react-editor';
+
 interface AuditDetailContentProps {
   content: string;
   images?: string[];
@@ -6,7 +8,7 @@ interface AuditDetailContentProps {
 export function AuditDetailContentSection({ content, images = [] }: AuditDetailContentProps) {
   return (
     <div className="pt-[32px]">
-      <div className="font-sm text-[#484848]">{content}</div>
+      <Viewer initialValue={content} />
       <div className="h-[32px]" />
       {images?.map((image, index) => (
         <div key={image + index}>
diff --git a/src/pages/notice/noticeDetail/container/noticeDetailContentSection.tsx b/src/pages/notice/noticeDetail/container/noticeDetailContentSection.tsx
index fb9e8c1b..8da9128c 100644
--- a/src/pages/notice/noticeDetail/container/noticeDetailContentSection.tsx
+++ b/src/pages/notice/noticeDetail/container/noticeDetailContentSection.tsx
@@ -1,3 +1,5 @@
+import { Viewer } from '@toast-ui/react-editor';
+
 interface NoticeDetailContentProps {
   content: string;
   images?: string[];
@@ -6,7 +8,7 @@ interface NoticeDetailContentProps {
 export function NoticeDetailContentSection({ content, images = [] }: NoticeDetailContentProps) {
   return (
     <div className="pt-[32px]">
-      <div className="font-sm text-[#484848]">{content}</div>
+      <Viewer initialValue={content} />
       <div className="h-[32px]" />
       {images?.map((image, index) => (
         <div key={image + index}>
diff --git a/src/pages/partnership/partnershipDetail/container/PartnershipDetailContentSection.tsx b/src/pages/partnership/partnershipDetail/container/PartnershipDetailContentSection.tsx
index 5a83f5cf..43b5d2cb 100644
--- a/src/pages/partnership/partnershipDetail/container/PartnershipDetailContentSection.tsx
+++ b/src/pages/partnership/partnershipDetail/container/PartnershipDetailContentSection.tsx
@@ -1,3 +1,5 @@
+import { Viewer } from '@toast-ui/react-editor';
+
 interface PartnershipDetailContentProps {
   content: string;
   images?: string[];
@@ -6,7 +8,7 @@ interface PartnershipDetailContentProps {
 export function PartnershipDetailContentSection({ content, images = [] }: PartnershipDetailContentProps) {
   return (
     <div className="pt-[32px]">
-      <div className="font-sm text-[#484848]">{content}</div>
+      <Viewer initialValue={content} />
       <div className="h-[32px]" />
       {images?.map((image, index) => (
         <div key={index}>
diff --git a/src/pages/router.tsx b/src/pages/router.tsx
index 4ff2fbba..47848053 100644
--- a/src/pages/router.tsx
+++ b/src/pages/router.tsx
@@ -63,7 +63,7 @@ export function MainRouter() {
         <Route path="/audit/:id" element={<AuditDetailPage />} />
         <Route path="/audit/edit" element={<AuditEditPage />} />
         <Route path="/audit/:id/patch" element={<AuditPatchPage />} />
-        {/*자료집 임시 제거*/}
+        {/*자료집 임시 제거-*/}
         {/* <Route path="/data" element={<Data />} />
         <Route path="/data/edit" element={<Data />} /> */}
         {/*개인정보이용약관*/}