diff --git a/frontend/src/components/Article/ArticleDetail/ArticleDetailAnswer/ArticleDetailAnswer.jsx b/frontend/src/components/Article/ArticleDetail/ArticleDetailAnswer/ArticleDetailAnswer.jsx
new file mode 100644
index 0000000..d18d6ce
--- /dev/null
+++ b/frontend/src/components/Article/ArticleDetail/ArticleDetailAnswer/ArticleDetailAnswer.jsx
@@ -0,0 +1,16 @@
+import styles from './ArticleDetailAnswer.module.css'
+
+
+export default function ArticleDetailAnswer () {
+    return (
+        <>
+        <div className={styles.answer}>
+            <div className={styles.answerHeader}>
+                <div>--</div>
+                <div className={styles.author}>선생님의 답변</div>
+            </div>
+            <div className={styles.content}>Lorem ipsum dolor sit amet.</div>
+        </div>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/frontend/src/components/Article/ArticleDetail/ArticleDetailAnswer/ArticleDetailAnswer.module.css b/frontend/src/components/Article/ArticleDetail/ArticleDetailAnswer/ArticleDetailAnswer.module.css
new file mode 100644
index 0000000..d156882
--- /dev/null
+++ b/frontend/src/components/Article/ArticleDetail/ArticleDetailAnswer/ArticleDetailAnswer.module.css
@@ -0,0 +1,25 @@
+.answer {
+    border: 1px solid var(--border-color);
+    border-radius: 16px;
+    padding: 12px 16px;
+}
+
+.answerHeader {
+    display: flex;
+    flex-wrap: nowrap;
+}
+
+.content {
+    margin-top: 8px;
+    font-size: 16px;
+    font-weight: 300;
+    line-height: 1.4;
+}
+
+.author {
+    font-size: 14px;
+    font-weight: 200;
+    line-height: 1.4;
+    color: var(--text-color-secondary);
+    margin-left: 4px;
+}
\ No newline at end of file