사이드바 on/off 추가, 숫자 폰트 샘플 적용

app/assets/stylesheets/application.tailwind.css

@@ -49,13 +49,23 @@
 
 @layer base {
     body {
-        @apply text-sm text-default-slate-dark
+        @apply bg-base-background text-base-text
     }
 
     hr {
         @apply border-table-border
     }
 
+    .background-pattern {
+        background-image: repeating-linear-gradient(
+            -45deg,
+            rgba(255, 255, 255, 0.01) 0,
+            rgba(255, 255, 255, 0.01) 24px,
+            transparent 1px,
+            transparent 36px
+        );
+    }
+
     a.disabled {
         @apply pointer-events-none cursor-not-allowed opacity-50
     }
@@ -110,7 +120,8 @@
     }
 
     .side-bar {
-        @apply w-[16rem] pl-4 text-lg font-bold divide-y divide-base-border;
+        /*@apply w-[16rem] pl-4 text-lg font-bold divide-y divide-base-border;*/
+        @apply w-[16rem] pl-4 pr-4 lg:pr-0 text-lg font-bold;
     }
 
     .content {
@@ -139,7 +150,15 @@
 
     /*Menu*/
     .menu-group {
-        @apply flex flex-row py-6 px-4 gap-x-4 justify-between items-center w-full
+        @apply flex flex-row py-2 px-4 my-4 gap-x-4 justify-between items-center w-full
+    }
+
+    .menu-group-active {
+        @apply bg-base-secondary text-white rounded-md;
+    }
+
+    .menu-group:hover {
+        @apply bg-base-secondary text-white transition-colors rounded-md;
     }
 
     .menu-group-icon {
@@ -249,4 +268,12 @@
 
 .input-style[type="number"] {
     -moz-appearance: textfield;
+}
+
+/*Fonts*/
+@font-face {
+    font-family: 'GongGothicMedium';
+    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
 }