check box 중립 디자인 추가

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" >

src/app/layout.tsx

@@ -29,7 +29,7 @@ export default function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         {children}
-        <Spinner/>
+        {/* <Spinner/> */}
       </body>
     </html>
   );

src/app/roofcompliance/page.tsx

@@ -24,7 +24,7 @@ export default function RoofCompliancePage(){
         <button className="top-btn"></button>
       </div>
       {/* 지붕제 적합성 상세 팝업 */}
-      <RoofComplianceDetailPop/>
+      {/* <RoofComplianceDetailPop/> */}
     </>
   )
 }

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">
+          <div className="check-form-box ch-bld space" >
-            <input type="checkbox" id="ch01"/>
+            <input type="checkbox" id="ch01" defaultChecked/>
             <label htmlFor="ch01">アースティ４０</label>
           </div>
         <div className="check-name-btn">

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