Index: document/src/assets/css/test.css
===================================================================
diff -u -r776752fd3297266014bee3533d793eeb8a6e887a -rbfa639b0757c551624056d960e3b76006fba85b2
--- document/src/assets/css/test.css	(.../test.css)	(revision 776752fd3297266014bee3533d793eeb8a6e887a)
+++ document/src/assets/css/test.css	(.../test.css)	(revision bfa639b0757c551624056d960e3b76006fba85b2)
@@ -56,14 +56,14 @@
 	background-attachment: fixed;
 }
 
-.bg-logo{position:relative;padding-left:50px}
+.bg-logo{position:relative; padding-left:50px;}
 .bg-logo:after{
     content:'';
     position:absolute;
     left:0;
     top:0;
-    width:43px;
-    height:26px;
+    width:100px;
+    height:100px;
     background:url(../images/313_logo.png) no-repeat;
     background-size:100%;
 }
Index: document/src/components/shadcn/ui/accordion.jsx
===================================================================
diff -u -r4e0101938600b3c890feeefa4fbc1e6be914b130 -rbfa639b0757c551624056d960e3b76006fba85b2
--- document/src/components/shadcn/ui/accordion.jsx	(.../accordion.jsx)	(revision 4e0101938600b3c890feeefa4fbc1e6be914b130)
+++ document/src/components/shadcn/ui/accordion.jsx	(.../accordion.jsx)	(revision bfa639b0757c551624056d960e3b76006fba85b2)
@@ -9,7 +9,7 @@
 const Accordion = AccordionPrimitive.Root
 
 const AccordionItem = React.forwardRef(({ className, ...props }, ref) => (
-  <AccordionPrimitive.Item ref={ref} className={cn("border-b", className)} {...props} />
+  <AccordionPrimitive.Item ref={ref} className={cn("!sm:border-b lg:border-0", className)} {...props} />
 ))
 AccordionItem.displayName = "AccordionItem"
 
Index: document/src/layout/HeaderMenu.component.jsx
===================================================================
diff -u -r776752fd3297266014bee3533d793eeb8a6e887a -rbfa639b0757c551624056d960e3b76006fba85b2
--- document/src/layout/HeaderMenu.component.jsx	(.../HeaderMenu.component.jsx)	(revision 776752fd3297266014bee3533d793eeb8a6e887a)
+++ document/src/layout/HeaderMenu.component.jsx	(.../HeaderMenu.component.jsx)	(revision bfa639b0757c551624056d960e3b76006fba85b2)
@@ -16,24 +16,24 @@
     return (
         <>
         {/* 모바일 Breakpoint 좌측 사이드 메뉴  -- mobile menu & top right menu start -- */}
-        <header className="flex h-14 items-center gap-4 border-b bg-muted/40 px-4 lg:h-[60px] lg:px-6">
+        <header className="flex h-14 bg-transparent items-center gap-4 bg-muted/40 px-4 lg:h-[60px] lg:px-6">
         <Sheet>
           <SheetTrigger asChild>
             <Button
               variant="outline"
               size="icon"
-              className="shrink-0 md:hidden"
+              className="group shrink-0 md:hidden bg-transparent"
             >
-              <Menu className="h-5 w-5" />
+              <Menu className="h-5 w-5 text-white group-hover:text-black" />
             </Button>
           </SheetTrigger>
           <SheetContent side="left" className="flex flex-col">
             <nav className="grid gap-2 text-lg font-medium">
               <Link
                 to=""
-                className="flex items-center gap-2 text-lg font-semibold"
+                className="flex !shrink-0 items-center gap-2 text-lg font-semibold"
               >
-               <span className="mb-6 bg-logo">313 DEV GRP</span>
+               <span className="mb-16 bg-logo"></span>
               </Link>
             {/* Dynamic 서브 메뉴 */}
              <SubMenu />
@@ -58,7 +58,7 @@
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
             <Button variant="secondary" size="icon" className="rounded-full bg-transparent">
-              <Settings className="h-5 w-5" />
+              <Settings className="h-5 w-5 text-white hover:text-black" />
               <span className="sr-only">Toggle user menu</span>
             </Button>
           </DropdownMenuTrigger>
Index: document/src/layout/HeaderMenu.jsx
===================================================================
diff -u -r9680c9eb7e7f593cafe96716c2dcb6877aa5c706 -rbfa639b0757c551624056d960e3b76006fba85b2
--- document/src/layout/HeaderMenu.jsx	(.../HeaderMenu.jsx)	(revision 9680c9eb7e7f593cafe96716c2dcb6877aa5c706)
+++ document/src/layout/HeaderMenu.jsx	(.../HeaderMenu.jsx)	(revision bfa639b0757c551624056d960e3b76006fba85b2)
@@ -11,9 +11,9 @@
 
 export const AccordionMenu = ({ title, to }) => {
   return (
-        <AccordionContent className='px-8 hover:underline'>
-          <Link to={to} className='text-xs !sm:max-sm:text-base'> {title} </Link>
-        </AccordionContent>
+    <AccordionContent className='px-8 hover:underline lg:text-white dark:text-white !max-sm:text-black'>
+      <Link to={to} className='text-xs !sm:max-sm:text-base'> {title} </Link>
+    </AccordionContent>
   )
 }
 
@@ -26,7 +26,7 @@
         item.subMenus && item.subMenus.length > 0 ? ( // 메뉴 Data에 서브메뉴가 있을 시 아코디언 컴포넌트로 출력
           <Accordion key={index} type="single" collapsible className="flex flex-col gap-1 ">
             <AccordionItem value={`item-${index}`}>
-              <AccordionTrigger className="!sm:text-base !justify-start gap-3 rounded-lg px-3 py-2 text-black dark:text-white transition-all hover:text-primary hover:bg-muted">
+              <AccordionTrigger className=" !sm:text-base !max-sm:text-black !justify-start gap-3 rounded-lg px-3 py-2 lg:text-white dark:text-white transition-all hover:text-primary hover:bg-muted">
                 <item.Icon className="h-4 w-4" />
                 {item.title}  
               </AccordionTrigger>
@@ -44,7 +44,7 @@
           <Link
             key={index}
             to={item.to}
-            className="flex items-center gap-3 rounded-lg px-3 py-2 text-black dark:text-white transition-all hover:text-primary hover:bg-muted hover:underline"
+            className="flex items-center gap-3 rounded-lg px-3 py-2 !max-sm:text-white lg:text-white dark:text-white transition-all hover:text-primary hover:bg-muted hover:underline"
           >
             <item.Icon className="h-4 w-4" />
             {item.title}
@@ -58,16 +58,16 @@
 const HeaderMenu = () => {
   return (
     <>
-      <div className="hidden border-r bg-muted/40 md:block">
+      <div className="hidden bg-transparent md:block">
         <div className="flex h-full max-h-screen flex-col gap-2">
-          <div className="flex h-14 items-center border-b px-4 lg:h-[60px] lg:px-6">
-            {/* 상단 브랜드 로고 --  Page Header -- */}
-            <Link to="/" className="flex items-center gap-2 font-semibold">
-              <span className="bg-logo">313 DEV GRP</span>
+          <div className="flex h-80 items-center px-4 lg:h-[100px] lg:px-6">
+            <Link to="/" className="flex !shrink-0 lg:top-7 lg:absolute items-center gap-2 font-semibold ">
+              {/* 상단 브랜드 로고 --  Page Header -- */}
+              <span className="bg-logo "></span>
             </Link>
           </div>
           <div className="flex-1">
-            <nav className="grid items-start px-2 text-sm font-medium lg:px-4">
+            <nav className="grid items-start px-2 text-sm font-medium lg:px-4 lg:mt-0 !sm:pt-6">
               {/* 좌측 메뉴 -- Right hand side menu -- */}
               <SubMenu />
             </nav>
Index: document/src/main.jsx
===================================================================
diff -u -r0891135d3bb8576106cb29c5a09d1920e3dc713b -rbfa639b0757c551624056d960e3b76006fba85b2
--- document/src/main.jsx	(.../main.jsx)	(revision 0891135d3bb8576106cb29c5a09d1920e3dc713b)
+++ document/src/main.jsx	(.../main.jsx)	(revision bfa639b0757c551624056d960e3b76006fba85b2)
@@ -9,8 +9,8 @@
 createRoot(document.getElementById('root')).render(
   <StrictMode>
     {/* -- React-Router-dom -- BrowserRouter : URL 변경 시 렌더링할 컴포넌트 */}
-   <BrowserRouter basename="/document/dist">
-   {/* <BrowserRouter basename="/document/dist"> */}
+    <BrowserRouter basename="/document/dist">
+    {/* <BrowserRouter basename="/"> */}
       <App />
     </BrowserRouter>
   </StrictMode>,