diff --git a/package-lock.json b/package-lock.json
index a8ac3c8..c00c848 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4915,6 +4915,11 @@
       "integrity": "sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=",
       "dev": true
     },
+    "d2coding": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/d2coding/-/d2coding-1.3.2.tgz",
+      "integrity": "sha512-g+Dgy1ZSAKTgWIl2jhpr6K3keFic8aapOFlVh74eoBYPbjGq5lMdEzANG5w6hFX1fzQBsaAzhuTYICRjyt4OcA=="
+    },
     "damerau-levenshtein": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.6.tgz",
diff --git a/package.json b/package.json
index 656c396..9ebe450 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
     "@emotion/styled": "^11.0.0",
     "@reduxjs/toolkit": "^1.4.0",
     "axios": "^0.21.0",
+    "d2coding": "^1.3.2",
     "draft-js": "^0.11.7",
     "draftjs-to-html": "^0.9.1",
     "firebase": "^8.1.1",
diff --git a/src/components/introduce/StudyIntroduceForm.jsx b/src/components/introduce/StudyIntroduceForm.jsx
index 6fb7199..73b807b 100644
--- a/src/components/introduce/StudyIntroduceForm.jsx
+++ b/src/components/introduce/StudyIntroduceForm.jsx
@@ -149,10 +149,7 @@ const StudyIntroduceForm = ({ group, realTime }) => {
       <IntroduceContentTitle>
         소개
       </IntroduceContentTitle>
-      {/* TODO: dangerouslySetInnerHTML으로 변경하기 */}
-      <IntroduceContent>
-        {contents}
-      </IntroduceContent>
+      <IntroduceContent dangerouslySetInnerHTML={{ __html: contents }} />
       <Tags tags={tags} />
     </StudyIntroduceWrapper>
   );
diff --git a/src/index.css b/src/index.css
index 5b22029..159198d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -3,6 +3,8 @@
 font-family: 'Gamja Flower', cursive;
 font-family: 'Nanum Pen Script', cursive;
 */
+@import url('//cdn.jsdelivr.net/gh/wan2land/d2coding/d2coding-full.css');
+
 
 * {
   box-sizing: inherit;
@@ -15,4 +17,30 @@ a {
 
 body {
   margin: 0;
+}
+
+code {
+  padding: 0.2em 0.4em;
+  margin: 0;
+  font-size: 85%;
+  background-color: rgba(27, 31, 35, 0.05);
+  border-radius: 6px;
+  font-family: 'D2Coding', monospace;
+}
+
+pre {
+  background: #f4f4f4;
+  border: 1px solid #ddd;
+  border-left: 3px solid #38d9a9;
+  color: #666;
+  page-break-inside: avoid;
+  font-size: 15px;
+  line-height: 1.6;
+  margin-bottom: 1.6em;
+  max-width: 100%;
+  overflow: auto;
+  padding: 1em 1.5em;
+  display: block;
+  word-wrap: break-word;
+  font-family: 'D2Coding', monospace;
 }
\ No newline at end of file