메인페이지 컨텐츠 추천 섹션 title에 이모티콘 추가

front-end/pages/index.tsx

@@ -12,7 +12,7 @@ type PropsType = {
 };
 
 const scroll = 'scroll';
-const titles = ['나를 위한 추천👍', '신규 컨텐츠'];
+const titles = ['나를 위한 추천 👍', '신규 컨텐츠 😃'];
 
 const MainPage = ({ recommendedContents }: PropsType): JSX.Element => {
 	const [scrollY, setScrollY] = useState(0);

front-end/styles/output.css

@@ -655,10 +655,6 @@ video {
   top: 0px;
 }
 
-.top-\[-2\] {
-  top: -2;
-}
-
 .top-\[-2px\] {
   top: -2px;
 }
@@ -728,21 +724,11 @@ video {
   margin-right: 1rem;
 }
 
-.mx-40 {
-  margin-left: 10rem;
-  margin-right: 10rem;
-}
-
 .mx-56 {
   margin-left: 14rem;
   margin-right: 14rem;
 }
 
-.mx-6 {
-  margin-left: 1.5rem;
-  margin-right: 1.5rem;
-}
-
 .mx-8 {
   margin-left: 2rem;
   margin-right: 2rem;
@@ -813,10 +799,6 @@ video {
   margin-bottom: auto;
 }
 
-.-ml-10 {
-  margin-left: -2.5rem;
-}
-
 .mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -889,6 +871,10 @@ video {
   margin-left: 0.75rem;
 }
 
+.ml-4 {
+  margin-left: 1rem;
+}
+
 .ml-6 {
   margin-left: 1.5rem;
 }
@@ -989,10 +975,6 @@ video {
   margin-top: 50px;
 }
 
-.ml-4 {
-  margin-left: 1rem;
-}
-
 .box-border {
   box-sizing: border-box;
 }
@@ -1100,10 +1082,6 @@ video {
   height: 150px;
 }
 
-.h-\[2px\] {
-  height: 2px;
-}
-
 .h-\[300px\] {
   height: 300px;
 }
@@ -1290,10 +1268,6 @@ video {
   width: 75%;
 }
 
-.w-\[75vw\] {
-  width: 75vw;
-}
-
 .w-\[768px\] {
   width: 768px;
 }
@@ -1338,10 +1312,6 @@ video {
   min-width: 500px;
 }
 
-.min-w-\[60px\] {
-  min-width: 60px;
-}
-
 .min-w-\[768px\] {
   min-width: 768px;
 }
@@ -1448,10 +1418,6 @@ video {
   flex-direction: column;
 }
 
-.flex-wrap {
-  flex-wrap: wrap;
-}
-
 .place-content-center {
   place-content: center;
 }
@@ -1492,14 +1458,6 @@ video {
   justify-content: space-evenly;
 }
 
-.gap-1 {
-  gap: 0.25rem;
-}
-
-.gap-1\.5 {
-  gap: 0.375rem;
-}
-
 .gap-x-1 {
   -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
@@ -1560,10 +1518,6 @@ video {
   overflow: hidden;
 }
 
-.overflow-x-auto {
-  overflow-x: auto;
-}
-
 .overflow-y-scroll {
   overflow-y: scroll;
 }
@@ -1592,10 +1546,6 @@ video {
   border-radius: 1.5rem;
 }
 
-.rounded-\[10px\] {
-  border-radius: 10px;
-}
-
 .rounded-\[15px\] {
   border-radius: 15px;
 }
@@ -1826,10 +1776,6 @@ video {
   border-color: var(--color-onSurface-100);
 }
 
-.border-black\/\[0\.2\] {
-  border-color: rgb(0 0 0 / 0.2);
-}
-
 .border-slate-200 {
   --tw-border-opacity: 1;
   border-color: rgb(226 232 240 / var(--tw-border-opacity));
@@ -1884,11 +1830,6 @@ video {
   background-color: rgb(227 227 227 / var(--tw-bg-opacity));
 }
 
-.bg-\[\#e6e6e6\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(230 230 230 / var(--tw-bg-opacity));
-}
-
 .bg-\[\#f0f0f0\] {
   --tw-bg-opacity: 1;
   background-color: rgb(240 240 240 / var(--tw-bg-opacity));
@@ -2108,6 +2049,11 @@ video {
   padding-right: 0.8rem;
 }
 
+.px-\[10\%\] {
+  padding-left: 10%;
+  padding-right: 10%;
+}
+
 .px-\[18px\] {
   padding-left: 18px;
   padding-right: 18px;
@@ -2133,11 +2079,6 @@ video {
   padding-right: 60px;
 }
 
-.px-\[6px\] {
-  padding-left: 6px;
-  padding-right: 6px;
-}
-
 .px-\[7\%\] {
   padding-left: 7%;
   padding-right: 7%;
@@ -2203,11 +2144,6 @@ video {
   padding-bottom: 2.5%;
 }
 
-.py-\[3px\] {
-  padding-top: 3px;
-  padding-bottom: 3px;
-}
-
 .py-\[4\%\] {
   padding-top: 4%;
   padding-bottom: 4%;
@@ -2223,11 +2159,6 @@ video {
   padding-bottom: 7px;
 }
 
-.px-\[10\%\] {
-  padding-left: 10%;
-  padding-right: 10%;
-}
-
 .pb-24 {
   padding-bottom: 6rem;
 }
@@ -2415,10 +2346,6 @@ video {
   font-size: 100px;
 }
 
-.text-\[10px\] {
-  font-size: 10px;
-}
-
 .text-\[28px\] {
   font-size: 28px;
 }
@@ -2427,10 +2354,6 @@ video {
   font-size: 2rem;
 }
 
-.text-\[32px\] {
-  font-size: 32px;
-}
-
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -2693,10 +2616,6 @@ video {
   opacity: 0.7;
 }
 
-.opacity-75 {
-  opacity: 0.75;
-}
-
 .opacity-\[0\.6\] {
   opacity: 0.6;
 }
@@ -2935,10 +2854,6 @@ input::-webkit-inner-spin-button {
   border-style: none;
 }
 
-.focus\:border-\[var\(--color-Primary\)\]:focus {
-  border-color: var(--color-Primary);
-}
-
 .focus\:border-\[var\(--color-mrgreen-5\)\]:focus {
   border-color: var(--color-mrgreen-5);
 }
@@ -3034,10 +2949,6 @@ input::-webkit-inner-spin-button {
 }
 
 @media (max-width: 768px) {
-  .mbl\:w-\[100px\] {
-    width: 100px;
-  }
-
   .mbl\:w-\[300px\] {
     width: 300px;
   }