From 19c32db8ddeaa49f34bb66d45a5245c9ee4f07a8 Mon Sep 17 00:00:00 2001
From: RSuhyeon <fbtngus2789@naver.com>
Date: Mon, 30 Oct 2023 11:16:04 +0900
Subject: [PATCH] =?UTF-8?q?Main=20Banner=EC=99=80=20y=EC=B6=95=20=EA=B1=B0?=
 =?UTF-8?q?=EB=A6=AC=20=ED=99=95=EB=8C=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Main/CurationFloatingBar.tsx   |   2 +-
 front-end/styles/output.css                   | 137 ++----------------
 2 files changed, 17 insertions(+), 122 deletions(-)

diff --git a/front-end/components/Main/CurationFloatingBar.tsx b/front-end/components/Main/CurationFloatingBar.tsx
index bdf91806..ca0d67af 100644
--- a/front-end/components/Main/CurationFloatingBar.tsx
+++ b/front-end/components/Main/CurationFloatingBar.tsx
@@ -6,7 +6,7 @@ import { curations } from 'constants/mainCuration';
 const CurationFloatingBar = () => {
 	return (
 		<>
-			<ul className="my-4 flex text-[#232323] rounded-xl items-center justify-center text-center text-[var(--color-Background)] px-2">
+			<ul className="mt-12 flex text-[#232323] rounded-xl items-center justify-center text-center text-[var(--color-Background)] px-2">
 				{curations.map((info, index) => (
 					<li key={index} className="min-w-[130px] mx-3">
 						<a
diff --git a/front-end/styles/output.css b/front-end/styles/output.css
index 6ec3c0fe..9596f911 100644
--- a/front-end/styles/output.css
+++ b/front-end/styles/output.css
@@ -619,10 +619,6 @@ video {
   position: relative;
 }
 
-.inset-0 {
-  inset: 0px;
-}
-
 .bottom-\[50px\] {
   bottom: 50px;
 }
@@ -643,10 +639,6 @@ video {
   left: 0.75rem;
 }
 
-.left-5 {
-  left: 1.25rem;
-}
-
 .left-\[3px\] {
   left: 3px;
 }
@@ -655,10 +647,6 @@ video {
   right: 0px;
 }
 
-.right-5 {
-  right: 1.25rem;
-}
-
 .right-\[50px\] {
   right: 50px;
 }
@@ -667,14 +655,6 @@ video {
   top: 0px;
 }
 
-.top-1\/2 {
-  top: 50%;
-}
-
-.top-4 {
-  top: 1rem;
-}
-
 .top-\[-2\] {
   top: -2;
 }
@@ -997,6 +977,10 @@ video {
   margin-top: 13px;
 }
 
+.mt-\[4\%\] {
+  margin-top: 4%;
+}
+
 .mt-\[50px\] {
   margin-top: 50px;
 }
@@ -1005,10 +989,6 @@ video {
   margin-top: 3rem;
 }
 
-.mt-\[4\%\] {
-  margin-top: 4%;
-}
-
 .box-border {
   box-sizing: border-box;
 }
@@ -1152,10 +1132,6 @@ video {
   height: 60px;
 }
 
-.h-\[680px\] {
-  height: 680px;
-}
-
 .h-fit {
   height: -webkit-fit-content;
   height: -moz-fit-content;
@@ -1322,10 +1298,6 @@ video {
   width: 768px;
 }
 
-.w-\[80\%\] {
-  width: 80%;
-}
-
 .w-\[800px\] {
   width: 800px;
 }
@@ -1402,16 +1374,6 @@ video {
   flex: 1 1 0%;
 }
 
-.translate-x-0 {
-  --tw-translate-x: 0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.translate-y-\[-50\%\] {
-  --tw-translate-y: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
 @-webkit-keyframes pulse {
   50% {
     opacity: .5;
@@ -1704,6 +1666,10 @@ video {
   border-width: 2px;
 }
 
+.border-4 {
+  border-width: 4px;
+}
+
 .border-\[0\.1px\] {
   border-width: 0.1px;
 }
@@ -1716,10 +1682,6 @@ video {
   border-width: 1px;
 }
 
-.border-4 {
-  border-width: 4px;
-}
-
 .border-y {
   border-top-width: 1px;
   border-bottom-width: 1px;
@@ -1826,6 +1788,10 @@ video {
   border-color: var(--color-mrgreen-5);
 }
 
+.border-\[var\(--color-mrgreen-7\)\] {
+  border-color: var(--color-mrgreen-7);
+}
+
 .border-\[var\(--color-mrgreen-9\)\] {
   border-color: var(--color-mrgreen-9);
 }
@@ -1848,22 +1814,6 @@ video {
   border-color: rgb(148 163 184 / var(--tw-border-opacity));
 }
 
-.border-\[var\(--color-mrgreen-3\)\] {
-  border-color: var(--color-mrgreen-3);
-}
-
-.border-\[var\(--color-mrgreen-2\)\] {
-  border-color: var(--color-mrgreen-2);
-}
-
-.border-\[var\(--color-mrgreen-6\)\] {
-  border-color: var(--color-mrgreen-6);
-}
-
-.border-\[var\(--color-mrgreen-7\)\] {
-  border-color: var(--color-mrgreen-7);
-}
-
 .border-y-gray-400 {
   --tw-border-opacity: 1;
   border-top-color: rgb(156 163 175 / var(--tw-border-opacity));
@@ -1874,11 +1824,6 @@ video {
   border-bottom-color: rgb(0 0 0 / 0.2);
 }
 
-.bg-\[\#031628\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(3 22 40 / var(--tw-bg-opacity));
-}
-
 .bg-\[\#323232\] {
   --tw-bg-opacity: 1;
   background-color: rgb(50 50 50 / var(--tw-bg-opacity));
@@ -1962,10 +1907,6 @@ video {
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
-.bg-black\/20 {
-  background-color: rgb(0 0 0 / 0.2);
-}
-
 .bg-black\/\[0\.5\] {
   background-color: rgb(0 0 0 / 0.5);
 }
@@ -1999,16 +1940,6 @@ video {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
-.bg-slate-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
-}
-
-.bg-slate-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
-}
-
 .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
@@ -2023,18 +1954,6 @@ video {
   --tw-gradient-to: #166534 var(--tw-gradient-to-position);
 }
 
-.bg-contain {
-  background-size: contain;
-}
-
-.bg-center {
-  background-position: center;
-}
-
-.bg-no-repeat {
-  background-repeat: no-repeat;
-}
-
 .p-0 {
   padding: 0px;
 }
@@ -2210,11 +2129,6 @@ video {
   padding-bottom: 3rem;
 }
 
-.py-16 {
-  padding-top: 4rem;
-  padding-bottom: 4rem;
-}
-
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -2367,6 +2281,10 @@ video {
   padding-top: 0.75rem;
 }
 
+.pt-8 {
+  padding-top: 2rem;
+}
+
 .pt-\[15px\] {
   padding-top: 15px;
 }
@@ -2375,10 +2293,6 @@ video {
   padding-top: 60px;
 }
 
-.pt-8 {
-  padding-top: 2rem;
-}
-
 .text-left {
   text-align: left;
 }
@@ -2770,22 +2684,11 @@ video {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.shadow-2xl {
-  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
-  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
 .outline-none {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
 
-.drop-shadow {
-  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -2826,10 +2729,6 @@ video {
   transition-duration: 300ms;
 }
 
-.duration-500 {
-  transition-duration: 500ms;
-}
-
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;
@@ -3052,10 +2951,6 @@ input::-webkit-inner-spin-button {
   color: var(--color-grey-300);
 }
 
-.group:hover .group-hover\:block {
-  display: block;
-}
-
 @media (prefers-color-scheme: dark) {
   .dark\:bg-gray-700 {
     --tw-bg-opacity: 1;