fix: 데스크탑, 태블릿 상단네비게이션 2단으로 압축

Author: dev-ant

src/app/(main)/auction-history/page.tsx

@@ -457,7 +457,7 @@ export default function Page() {
                     </svg>
                   </button>
                   {isSortDropdownOpen && (
-                    <div className="absolute top-full right-0 mt-2 bg-white rounded-xl border border-[var(--color-ds-neutral-tone)] shadow-[0_8px_24px_rgba(62,43,32,0.08)] py-2 z-50 min-w-[180px]">
+                    <div className="absolute top-full right-0 mt-2 bg-white rounded-xl border border-[var(--color-ds-neutral-tone)] py-2 z-50 min-w-[180px]">
                       {[
                         { label: "거래 최신순", sortBy: "dateAuctionBuy", direction: "desc" as const },
                         { label: "거래 오래된순", sortBy: "dateAuctionBuy", direction: "asc" as const },

src/app/(main)/layout.tsx

@@ -11,8 +11,10 @@ export default function RootLayout({
       {/* 3-Tier Navigation */}
       <ThreeTierNav />
 
-      {/* Main Content - pt-[142px] for full nav (48+49+44+1), transitions to pt-[94px] on scroll */}
-      <main className="flex-1 pt-[142px]">
+      {/* Main Content
+          Mobile: pt-[142px] for full nav (48+49+44+1)
+          Desktop/Tablet: pt-[102px] for compact nav (56+44+2) */}
+      <main className="flex-1 pt-[142px] md:pt-[102px]">
         <div className="max-w-7xl w-full mx-auto h-full px-4 md:px-6 py-6 md:py-8">
           {children}
         </div>