From 8a58cce56e5d5f4c2a4e39166dfba0c3daa73fec 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, 15 May 2025 10:10:17 +0900
Subject: [PATCH] =?UTF-8?q?css=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/base/_check-radio.scss | 30 ++++++++++++------------------
 src/styles/components/_sub.scss   |  6 ++++--
 2 files changed, 16 insertions(+), 20 deletions(-)

diff --git a/src/styles/base/_check-radio.scss b/src/styles/base/_check-radio.scss
index 3df63fa..95fc552 100644
--- a/src/styles/base/_check-radio.scss
+++ b/src/styles/base/_check-radio.scss
@@ -44,20 +44,24 @@
       border: 1px solid #A8B6C7;
       border-radius: 4px;
       background-color: #fff;
-      transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
+      transition: border 0.15s ease-in-out, color 0.15s ease-in-out, background-color 0.15s ease-in-out;
       cursor: pointer;
     }
     &::after{
       content: "";
       display: inline-block;
       position: absolute;
-      width: 20px;
-      height: 20px;
-      top: 0px;
-      left: 0;
-      margin-left: 0;
-      border-color: #fff;
+      top: -1px;
+      left: -1px;
+      width: 7px;
+      height: 9px;
+      border: 2px solid transparent;
+      border-left: none;
+      border-top: none;
+      transform: translate(7.75px,4.5px) rotate(45deg);
+      -ms-transform: translate(7.75px,4.5px) rotate(45deg);
       cursor: pointer;
+      transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
     }
   }
   input[type="checkbox"]:checked + label::before{
@@ -66,17 +70,7 @@
   }
   input[type="checkbox"]:checked + label::after{
     content: "";
-    display: inline-block;
-    position: absolute;
-    top: -1px;
-    left: -1px;
-    width: 7px;
-    height: 9px;
-    border: 2px solid #fff;
-    border-left: none;
-    border-top: none;
-    transform: translate(7.75px,4.5px) rotate(45deg);
-    -ms-transform: translate(7.75px,4.5px) rotate(45deg);
+    border-color: #fff;
   }
   input[type="checkbox"]:disabled + label{
     opacity: 0.7;
diff --git a/src/styles/components/_sub.scss b/src/styles/components/_sub.scss
index 6e6a5fb..742f791 100644
--- a/src/styles/components/_sub.scss
+++ b/src/styles/components/_sub.scss
@@ -576,6 +576,7 @@
     @include defaultFont($font-s-13, $font-w-500, $font-c);
   }
   .check-name-btn{
+    padding-left: 5px;
     margin-left: auto;
     .bx-btn{
       display: block;
@@ -621,13 +622,14 @@
 }
 
 .check-item-wrap{
-  display: flex; 
+  @include flex(0px);
   align-items: center;
 }
 .compliance-icon-wrap{
+  padding-left: 5px;
   margin-left: auto;
   min-width: 44px;
-  display: flex;
+  @include flex(0px);
   align-items: center;
 }