From b59501c68c4d5f488e5755479b08e993da26cbb7 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Mon, 2 Jun 2025 09:58:22 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=84=9C=EC=88=A0=ED=98=95=20=EB=AC=B8?=
 =?UTF-8?q?=ED=95=AD=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../cs/src/pages/survey/ui/survey-article.tsx | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/apps/cs/src/pages/survey/ui/survey-article.tsx b/apps/cs/src/pages/survey/ui/survey-article.tsx
index 99bcb22ae..768e0b182 100644
--- a/apps/cs/src/pages/survey/ui/survey-article.tsx
+++ b/apps/cs/src/pages/survey/ui/survey-article.tsx
@@ -8,6 +8,7 @@ import {
   Label,
   RadioGroup,
   RadioGroupItem,
+  Textarea,
 } from "@common/components";
 
 function SurveyArticle() {
@@ -30,7 +31,7 @@ function SurveyArticle() {
               <div className="flex flex-1 flex-col gap-2">
                 <span>응답자명</span>
                 <Input
-                  className="text-[1.3rem]"
+                  className="!text-[1.3rem]"
                   placeholder="이름을 입력해주세요"
                 />
               </div>
@@ -40,7 +41,7 @@ function SurveyArticle() {
               </div>
               <div className="flex flex-1 flex-col gap-2">
                 <span>생년월일</span>
-                <Input type="date" className="text-[1.3rem]" />
+                <Input type="date" className="!text-[1.3rem]" />
               </div>
               <div className="flex flex-1 flex-col gap-2">
                 <span>성별</span>
@@ -74,6 +75,12 @@ function SurveyArticle() {
               </span>
               <CheckboxArticle />
             </div>
+            <div className="flex items-start gap-4">
+              <span className="flex size-8 items-center justify-center rounded-full bg-primary text-[1.3rem] font-medium text-primary-foreground">
+                3
+              </span>
+              <TextareaArticle />
+            </div>
           </div>
         </div>
       </div>
@@ -127,4 +134,13 @@ function CheckboxArticle() {
   );
 }
 
+function TextareaArticle() {
+  return (
+    <div className="w-full">
+      <p className="mb-4 text-2xl font-bold text-foreground">질문 3</p>
+      <Textarea className="!text-[1.3rem]" placeholder="답변을 입력해주세요" />
+    </div>
+  );
+}
+
 export { SurveyArticle };