From 4cd3b8c958f8f5c22a57a13089f5024bab3219e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= <chang9811@interplug.co.kr>
Date: Thu, 22 May 2025 16:45:45 +0900
Subject: [PATCH] =?UTF-8?q?check=20box=20=EC=A4=91=EB=A6=BD=20=EB=94=94?=
 =?UTF-8?q?=EC=9E=90=EC=9D=B8=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/inputcommon/page.tsx                    |  4 ++++
 src/app/layout.tsx                              |  2 +-
 src/app/roofcompliance/page.tsx                 |  2 +-
 .../roofcompliance/RoofComplianceCheckData.tsx  |  4 ++--
 src/styles/base/_check-radio.scss               | 17 +++++++++++++++++
 5 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/app/inputcommon/page.tsx b/src/app/inputcommon/page.tsx
index 0f2698d..c20910b 100644
--- a/src/app/inputcommon/page.tsx
+++ b/src/app/inputcommon/page.tsx
@@ -87,6 +87,10 @@ export default function InputCommonPage() {
             <input type="checkbox" id="ch06" disabled/>
             <label htmlFor="ch06">Check Box</label>
           </div>
+          <div className="check-form-box space" >
+            <input type="checkbox" id="ch07" defaultChecked/>
+            <label htmlFor="ch07">Check Box</label>
+          </div>
         </div>
       </div>
       <div className="design-box" >
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 53fb417..7eee505 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -29,7 +29,7 @@ export default function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         {children}
-        <Spinner/>
+        {/* <Spinner/> */}
       </body>
     </html>
   );
diff --git a/src/app/roofcompliance/page.tsx b/src/app/roofcompliance/page.tsx
index dcf1d0f..189afc5 100644
--- a/src/app/roofcompliance/page.tsx
+++ b/src/app/roofcompliance/page.tsx
@@ -24,7 +24,7 @@ export default function RoofCompliancePage(){
         <button className="top-btn"></button>
       </div>
       {/* 지붕제 적합성 상세 팝업 */}
-      <RoofComplianceDetailPop/>
+      {/* <RoofComplianceDetailPop/> */}
     </>
   )
 }
\ No newline at end of file
diff --git a/src/components/roofcompliance/RoofComplianceCheckData.tsx b/src/components/roofcompliance/RoofComplianceCheckData.tsx
index 8318ae6..a0cec8a 100644
--- a/src/components/roofcompliance/RoofComplianceCheckData.tsx
+++ b/src/components/roofcompliance/RoofComplianceCheckData.tsx
@@ -4,8 +4,8 @@ export default function RoofComplianceCheckData(){
   return(
     <div className={`compliance-check-bx act`}>
       <div className="check-name-wrap">
-          <div className="check-form-box ch-bld">
-            <input type="checkbox" id="ch01"/>
+          <div className="check-form-box ch-bld space" >
+            <input type="checkbox" id="ch01" defaultChecked/>
             <label htmlFor="ch01">アースティ４０</label>
           </div>
         <div className="check-name-btn">
diff --git a/src/styles/base/_check-radio.scss b/src/styles/base/_check-radio.scss
index f6ff573..fea97ff 100644
--- a/src/styles/base/_check-radio.scss
+++ b/src/styles/base/_check-radio.scss
@@ -98,6 +98,23 @@
       color: #8595A7;
     }
   }
+  &.space{
+    label{
+      &::after{
+        top: 8px;
+        left: 0px;
+        width: 10px;
+        height: 2px;
+        border: none;
+        background-color: transparent;
+        transform: translate(50%, 50%);
+        -ms-transform: none;
+      }
+    }
+    input[type="checkbox"]:checked + label::after{
+      background-color: #fff;
+    }
+  }
 }
 
 // radio box