💄 style : 메뉴페이지에 로그인 섹션 & 로그인 섹션 디자인

src/app/(Main)/mypose/components/LoginSection.tsx

@@ -32,7 +32,9 @@ export default function LoginSection() {
         <DefaultProfile />
         <div className="text-start">
           <div id="subtitle-1">회원가입 / 로그인</div>
-          <div id="subtitle-2">간편 로그인으로 3초만에 가입할 수 있어요.</div>
+          <div id="subtitle-3" className="text-tertiary">
+            간편 로그인으로 3초만에 가입할 수 있어요.
+          </div>
         </div>
       </button>
     </section>

src/app/(Main)/mypose/components/MyposeTab.tsx

@@ -16,11 +16,15 @@ interface TabItemI {
 const TabItem = ({ title, path, current }: TabItemI) =>
   current ? (
     <Link href={path} className="flex flex-1 items-center justify-center rounded-8 bg-white">
-      <span className="text-main-violet">{title}</span>
+      <div id="subtitle-1" className="text-main-violet">
+        {title}
+      </div>
     </Link>
   ) : (
     <Link href={path} className="flex flex-1 items-center justify-center rounded-8">
-      <span className="text-tertiary">{title}</span>
+      <div id="subtitle-1" className="text-tertiary">
+        {title}
+      </div>
     </Link>
   );
 

src/app/(Sub)/menu/page.tsx

@@ -1,10 +1,12 @@
 import MenuListSection from './components/MenuListSection';
+import LoginSection from '@/app/(Main)/mypose/components/LoginSection';
 import { MenuHeader } from '@/components/Header';
 
 export default function MenuPage() {
   return (
     <div className="px-20">
       <MenuHeader />
+      <LoginSection />
       <MenuListSection />
     </div>
   );