diff --git a/apps/cs/src/pages/banner/ui/banner-page.tsx b/apps/cs/src/pages/banner/ui/banner-page.tsx
index baa372b5f..f2dd98d51 100644
--- a/apps/cs/src/pages/banner/ui/banner-page.tsx
+++ b/apps/cs/src/pages/banner/ui/banner-page.tsx
@@ -133,7 +133,7 @@ function BannerPage() {
             </div>
           </div>
         </div>
-        <div className="card !m-[1.2rem] h-full overflow-auto !p-0">
+        <div className="card !m-[1.2rem] !p-0">
           <DataTable table={table} onRowClick={handleRowClick} viewPagination />
         </div>
       </div>
diff --git a/apps/cs/src/pages/bbs/ui/bbs-page.tsx b/apps/cs/src/pages/bbs/ui/bbs-page.tsx
index 58aa0191e..6bde82cce 100644
--- a/apps/cs/src/pages/bbs/ui/bbs-page.tsx
+++ b/apps/cs/src/pages/bbs/ui/bbs-page.tsx
@@ -134,7 +134,7 @@ function BbsPage() {
             </div>
           </div>
         </div>
-        <div className="card !m-[1.2rem] h-full overflow-auto !p-0">
+        <div className="card !m-[1.2rem] !p-0">
           <DataTable table={table} onRowClick={handleRowClick} viewPagination />
         </div>
       </div>
diff --git a/apps/cs/src/pages/contents/ui/contents-page.tsx b/apps/cs/src/pages/contents/ui/contents-page.tsx
index dd47313e7..4fc9ae798 100644
--- a/apps/cs/src/pages/contents/ui/contents-page.tsx
+++ b/apps/cs/src/pages/contents/ui/contents-page.tsx
@@ -89,7 +89,7 @@ function ContentsPage() {
             등록
           </Button>
         </div>
-        <div className="card !m-[1.2rem] overflow-auto !p-0">
+        <div className="card !m-[1.2rem] !p-0">
           <DataTable
             table={table}
             onRowClick={handleRowClick}
diff --git a/apps/cs/src/pages/file/ui/file-page.tsx b/apps/cs/src/pages/file/ui/file-page.tsx
index bd93221ea..0279d9653 100644
--- a/apps/cs/src/pages/file/ui/file-page.tsx
+++ b/apps/cs/src/pages/file/ui/file-page.tsx
@@ -108,7 +108,7 @@ function FilePage() {
         <div className="card-header">
           <h3 className="text-2xl font-medium text-label">파일 목록</h3>
         </div>
-        <div className="card !m-[1.2rem] overflow-auto !p-0">
+        <div className="card !m-[1.2rem] !p-0">
           <DataTable table={table} viewPagination />
         </div>
       </div>
diff --git a/apps/cs/src/pages/image/ui/image-page.tsx b/apps/cs/src/pages/image/ui/image-page.tsx
index 3571a4a1f..173f77554 100644
--- a/apps/cs/src/pages/image/ui/image-page.tsx
+++ b/apps/cs/src/pages/image/ui/image-page.tsx
@@ -121,7 +121,7 @@ function ImagePage() {
             </div>
           </div>
         </div>
-        <div className="card !m-[1.2rem] h-full overflow-auto !p-0">
+        <div className="card !m-[1.2rem] !p-0">
           <DataTable table={table} onRowClick={handleRowClick} viewPagination />
         </div>
       </div>
diff --git a/apps/cs/src/pages/module/ui/module-page.tsx b/apps/cs/src/pages/module/ui/module-page.tsx
index b6c98cb14..5d1523b8e 100644
--- a/apps/cs/src/pages/module/ui/module-page.tsx
+++ b/apps/cs/src/pages/module/ui/module-page.tsx
@@ -113,7 +113,7 @@ function ModulePage() {
           <h3 className="text-2xl font-medium text-label">모듈API 목록</h3>
           <Button onClick={() => router.push("/module/register")}>등록</Button>
         </div>
-        <div className="card !m-[1.2rem] h-[59rem] overflow-auto !p-0">
+        <div className="card !m-[1.2rem] !p-0">
           <DataTable table={table} onRowClick={handleRowClick} viewPagination />
         </div>
       </div>
diff --git a/apps/cs/src/pages/popup/ui/popup-page.tsx b/apps/cs/src/pages/popup/ui/popup-page.tsx
index 3c9b4fddd..891a10f45 100644
--- a/apps/cs/src/pages/popup/ui/popup-page.tsx
+++ b/apps/cs/src/pages/popup/ui/popup-page.tsx
@@ -120,7 +120,7 @@ function PopupPage() {
             </AuthorityButton>
           </div>
         </div>
-        <div className="card !m-[1.2rem] h-[29.2rem] overflow-auto !p-0">
+        <div className="card !m-[1.2rem] !p-0">
           <DataTable table={table} onRowClick={handleRowClick} viewPagination />
         </div>
       </div>
diff --git a/apps/cs/src/pages/recent/ui/recent-page.tsx b/apps/cs/src/pages/recent/ui/recent-page.tsx
index 1dba50aa6..f76d82a22 100644
--- a/apps/cs/src/pages/recent/ui/recent-page.tsx
+++ b/apps/cs/src/pages/recent/ui/recent-page.tsx
@@ -332,7 +332,7 @@ function RecentPage() {
             </div>
           </div>
         </div>
-        <div className="card !m-[1.2rem] h-full overflow-auto !p-0">
+        <div className="card !m-[1.2rem] !p-0">
           <DataTable table={table} onRowClick={handleRowClick} viewPagination />
         </div>
       </div>
diff --git a/apps/cs/src/pages/site/ui/site-page.tsx b/apps/cs/src/pages/site/ui/site-page.tsx
index 58978d068..5a22d9107 100644
--- a/apps/cs/src/pages/site/ui/site-page.tsx
+++ b/apps/cs/src/pages/site/ui/site-page.tsx
@@ -85,7 +85,7 @@ function SitePage() {
           <h3 className="text-2xl font-medium text-label">사이트 목록</h3>
           <Button onClick={() => router.push("/site/register")}>등록</Button>
         </div>
-        <div className="card !m-[1.2rem] h-[29.2rem] overflow-auto !p-0">
+        <div className="card !m-[1.2rem] !p-0">
           <DataTable table={table} onRowClick={handleRowClick} viewPagination />
         </div>
       </div>
diff --git a/apps/cs/src/pages/survey/ui/survey-page.tsx b/apps/cs/src/pages/survey/ui/survey-page.tsx
index 1ab462875..6490e7987 100644
--- a/apps/cs/src/pages/survey/ui/survey-page.tsx
+++ b/apps/cs/src/pages/survey/ui/survey-page.tsx
@@ -120,7 +120,7 @@ function SurveyPage() {
             </AuthorityButton>
           </div>
         </div>
-        <div className="card !m-[1.2rem] min-h-[30rem] overflow-auto !p-0">
+        <div className="card !m-[1.2rem] !p-0">
           <DataTable table={table} onRowClick={handleRowClick} viewPagination />
         </div>
       </div>
diff --git a/apps/cs/src/pages/survey/ui/user-survey-article.tsx b/apps/cs/src/pages/survey/ui/user-survey-article.tsx
index 218e32ceb..f0e76ca42 100644
--- a/apps/cs/src/pages/survey/ui/user-survey-article.tsx
+++ b/apps/cs/src/pages/survey/ui/user-survey-article.tsx
@@ -85,7 +85,7 @@ function UserSurveyArticle({ srvySn }: { srvySn: string }) {
   };
 
   return (
-    <div className="h-screen bg-[#f1f6f9] p-4">
+    <div className="h-screen bg-container p-4">
       <div className="card card-border !m-0 max-h-full overflow-auto">
         <Form {...form}>
           <form onSubmit={form.handleSubmit(onSubmit)}>
@@ -190,7 +190,7 @@ function UserSurveyArticle({ srvySn }: { srvySn: string }) {
                 </div>
               </div>
               <hr className="my-8" />
-              <div className="h-[8rem] overflow-auto rounded-sm bg-accent p-4">
+              <div className="h-[8rem] overflow-auto rounded-sm bg-accent p-4 text-accent-foreground">
                 {userSurvey?.srvyWrtGdCn}
               </div>
               <div className="mt-10 flex flex-col gap-10">
@@ -447,7 +447,7 @@ function TextareaArticle({
           <FormItem>
             <FormControl>
               <Textarea
-                className="!text-[1.3rem]"
+                className="bg-form !text-[1.3rem]"
                 placeholder="답변을 입력해주세요"
                 {...field}
               />
diff --git a/apps/cs/src/pages/survey/ui/user-survey-result.tsx b/apps/cs/src/pages/survey/ui/user-survey-result.tsx
index 1b19f9657..1a1433c2a 100644
--- a/apps/cs/src/pages/survey/ui/user-survey-result.tsx
+++ b/apps/cs/src/pages/survey/ui/user-survey-result.tsx
@@ -56,7 +56,7 @@ function UserSurveyResult({ srvySn }: { srvySn: string }) {
   });
 
   return (
-    <div className="h-screen bg-[#f1f6f9] p-4">
+    <div className="h-screen bg-container p-4">
       <div className="card card-border !m-0 max-h-full overflow-auto">
         <div className="card-header sticky -top-2 z-10 bg-background">
           <h1 className="text-2xl font-bold text-foreground">
@@ -195,7 +195,7 @@ function WithPieChartResult({
         <span className="flex size-8 items-center justify-center rounded-full bg-primary text-[1.3rem] font-medium text-primary-foreground">
           {index + 1}
         </span>
-        <span className="font-medium">{data?.qstnCn}</span>
+        <span className="font-medium text-foreground">{data?.qstnCn}</span>
       </h2>
       <div className="flex gap-4">
         <div className="h-[28rem] w-[28rem] shrink-0">
@@ -261,7 +261,7 @@ function WithBarChartResult({
         <span className="flex size-8 items-center justify-center rounded-full bg-primary text-[1.3rem] font-medium text-primary-foreground">
           {index + 1}
         </span>
-        <span className="font-medium">{data?.qstnCn}</span>
+        <span className="font-medium text-foreground">{data?.qstnCn}</span>
       </h2>
       <div className="flex gap-4">
         <div className="h-[28rem] w-[28rem] shrink-0">
@@ -306,7 +306,7 @@ function InputResult({
         <span className="flex size-8 items-center justify-center rounded-full bg-primary text-[1.3rem] font-medium text-primary-foreground">
           {index + 1}
         </span>
-        <span className="font-medium">{data?.qstnCn}</span>
+        <span className="font-medium text-foreground">{data?.qstnCn}</span>
       </h2>
       <div className="card card-border !mx-0 flex max-h-[40rem] flex-col gap-2 overflow-auto">
         {data?.articles[0]?.inputRslts.map((input, index) => (
@@ -315,12 +315,16 @@ function InputResult({
             key={`input-${index}`}
           >
             <div className="flex items-center justify-between">
-              <span className="font-medium">{input.rspdntNm}</span>
-              <span className="text-[1.2rem]">
+              <span className="font-medium text-foreground">
+                {input.rspdntNm}
+              </span>
+              <span className="text-[1.2rem] text-label">
                 {dayjs(input.ansDt).format("YYYY-MM-DD")}
               </span>
             </div>
-            <p className="mt-2 whitespace-pre-wrap">{input.ansCn}</p>
+            <p className="mt-2 whitespace-pre-wrap text-foreground">
+              {input.ansCn}
+            </p>
           </div>
         ))}
       </div>
diff --git a/apps/cs/src/pages/template/ui/template-page.tsx b/apps/cs/src/pages/template/ui/template-page.tsx
index cb6c52433..1f66606dc 100644
--- a/apps/cs/src/pages/template/ui/template-page.tsx
+++ b/apps/cs/src/pages/template/ui/template-page.tsx
@@ -109,7 +109,7 @@ function TemplatePage() {
             등록
           </Button>
         </div>
-        <div className="card !m-[1.2rem] h-[29.2rem] overflow-auto !p-0">
+        <div className="card !m-[1.2rem] !p-0">
           <DataTable table={table} onRowClick={handleRowClick} viewPagination />
         </div>
       </div>
diff --git a/apps/cs/src/pages/terms/ui/terms-page.tsx b/apps/cs/src/pages/terms/ui/terms-page.tsx
index 5921e2fdd..aea8aced2 100644
--- a/apps/cs/src/pages/terms/ui/terms-page.tsx
+++ b/apps/cs/src/pages/terms/ui/terms-page.tsx
@@ -107,7 +107,7 @@ function TermsPage() {
           <h3 className="text-2xl font-medium text-label">약관 목록</h3>
           <Button onClick={() => router.push("/terms/register")}>등록</Button>
         </div>
-        <div className="card !m-[1.2rem] h-[29.2rem] overflow-auto !p-0">
+        <div className="card !m-[1.2rem] !p-0">
           <DataTable table={table} onRowClick={handleRowClick} viewPagination />
         </div>
       </div>