From 2cfcddc36511cdec35ec070a701cccfafe7ab3e9 Mon Sep 17 00:00:00 2001
From: rsone001 <rsone001@gmail.com>
Date: Mon, 12 Jan 2026 17:01:07 +0900
Subject: [PATCH] =?UTF-8?q?st:=20refactor:=20=ED=95=B4=EB=8B=B9=EC=82=AC?=
 =?UTF-8?q?=ED=95=AD=20=EC=97=86=EC=9D=8C=20=EB=B2=84=ED=8A=BC=20css=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/button/NotApplicableCheckButton.tsx    | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/st/src/components/button/NotApplicableCheckButton.tsx b/apps/st/src/components/button/NotApplicableCheckButton.tsx
index 6e9a8c899..f3a6c4225 100644
--- a/apps/st/src/components/button/NotApplicableCheckButton.tsx
+++ b/apps/st/src/components/button/NotApplicableCheckButton.tsx
@@ -1,4 +1,4 @@
-import { Checkbox } from "@common/components";
+import { Checkbox, buttonVariants, cn } from "@common/components";
 import type React from "react";
 
 interface NotApplicableCheckButtonProp {
@@ -13,9 +13,14 @@ const NotApplicableCheckButton = ({ isCheck, setIsCheck }: NotApplicableCheckBut
     };
 
     return (
-        <div className="flex items-center space-x-2">
+        <div className={cn(buttonVariants({ variant: "default", size: "default" }), "w-[124px] bg-[#ebebeb] text-[rgb(146 146 146)] text-opacity-100")}>
             <label htmlFor="notApplicable">해당사항 없음</label>
-            <Checkbox id="notApplicable" checked={isCheck} onCheckedChange={handleCheckChange} />
+            <Checkbox 
+                id="notApplicable"
+                className="!border-[#999] data-[state=checked]:!bg-[#999]"
+                checked={isCheck}
+                onCheckedChange={handleCheckChange} 
+            />
         </div>
     );
 };