Index: document/src/assets/css/globals.css
===================================================================
diff -u -r776752fd3297266014bee3533d793eeb8a6e887a -r7a06d3dd8d4b01bb052b5a0c080f4effd8ea3349
--- document/src/assets/css/globals.css	(.../globals.css)	(revision 776752fd3297266014bee3533d793eeb8a6e887a)
+++ document/src/assets/css/globals.css	(.../globals.css)	(revision 7a06d3dd8d4b01bb052b5a0c080f4effd8ea3349)
@@ -73,3 +73,10 @@
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 }
+
+/* global lucide icon size  */
+/* 루시드 아이콘 전역 사이즈 변경 */
+.lucide {
+  width: 14px;
+  height: 14px;
+}
\ No newline at end of file
Index: document/src/assets/css/test.css
===================================================================
diff -u -rbfa639b0757c551624056d960e3b76006fba85b2 -r7a06d3dd8d4b01bb052b5a0c080f4effd8ea3349
--- document/src/assets/css/test.css	(.../test.css)	(revision bfa639b0757c551624056d960e3b76006fba85b2)
+++ document/src/assets/css/test.css	(.../test.css)	(revision 7a06d3dd8d4b01bb052b5a0c080f4effd8ea3349)
@@ -62,7 +62,7 @@
     position:absolute;
     left:0;
     top:0;
-    width:100px;
+    width:130px;
     height:100px;
     background:url(../images/313_logo.png) no-repeat;
     background-size:100%;
Index: document/src/components/shadcn/ui/accordion.jsx
===================================================================
diff -u -rbfa639b0757c551624056d960e3b76006fba85b2 -r7a06d3dd8d4b01bb052b5a0c080f4effd8ea3349
--- document/src/components/shadcn/ui/accordion.jsx	(.../accordion.jsx)	(revision bfa639b0757c551624056d960e3b76006fba85b2)
+++ document/src/components/shadcn/ui/accordion.jsx	(.../accordion.jsx)	(revision 7a06d3dd8d4b01bb052b5a0c080f4effd8ea3349)
@@ -18,7 +18,7 @@
     <AccordionPrimitive.Trigger
       ref={ref}
       className={cn(
-        "flex flex-1 items-center justify-between py-4 text-sm transition-all hover:underline [&[data-state=open]>svg.chevronDown]:rotate-180",
+        "flex flex-1 items-center justify-between py-4 text-sm transition-all [&[data-state=open]>svg.chevronDown]:rotate-180",
         className
       )}
       {...props}>
Index: document/src/contexts/contexts.jsx
===================================================================
diff -u -r4e0101938600b3c890feeefa4fbc1e6be914b130 -r7a06d3dd8d4b01bb052b5a0c080f4effd8ea3349
--- document/src/contexts/contexts.jsx	(.../contexts.jsx)	(revision 4e0101938600b3c890feeefa4fbc1e6be914b130)
+++ document/src/contexts/contexts.jsx	(.../contexts.jsx)	(revision 7a06d3dd8d4b01bb052b5a0c080f4effd8ea3349)
@@ -1,4 +1,4 @@
-import { createContext, useEffect, useState } from "react"
+import { createContext, useEffect, useState, useCallback } from "react"
 import {
     MonitorDown,
     Gauge,
@@ -9,10 +9,27 @@
     ChartLine,
     Handshake,
   } from "lucide-react"
+import { useLocation } from 'react-router-dom';
 
+export function useActiveLink() {
+  const [activeLink, setActiveLink] = useState('');
+  const location = useLocation();
+
+  useEffect(() => {
+      setActiveLink(location.pathname);
+  }, [location]);
+
+  const handleSetActiveLink = useCallback((path) => {
+      setActiveLink(path);
+  }, []);
+
+  return { activeLink, handleSetActiveLink };
+}
+
 export const SubMenuContext = createContext();
 
 export const SubMenuContextProvider = ({children}) => {
+  const { activeLink, handleSetActiveLink } = useActiveLink();
 
   const value = [
     {
@@ -105,7 +122,7 @@
   ];
 
   return (
-    <SubMenuContext.Provider value={value}>
+    <SubMenuContext.Provider value={{ menuItems: value, activeLink, handleSetActiveLink }}>
       {children}
     </SubMenuContext.Provider>
   );
Index: document/src/layout/HeaderMenu.component.jsx
===================================================================
diff -u -ra1b82c3f3fefbd315243221c0efe5b1f7d7df660 -r7a06d3dd8d4b01bb052b5a0c080f4effd8ea3349
--- document/src/layout/HeaderMenu.component.jsx	(.../HeaderMenu.component.jsx)	(revision a1b82c3f3fefbd315243221c0efe5b1f7d7df660)
+++ document/src/layout/HeaderMenu.component.jsx	(.../HeaderMenu.component.jsx)	(revision 7a06d3dd8d4b01bb052b5a0c080f4effd8ea3349)
@@ -1,13 +1,5 @@
 import { Link } from 'react-router-dom';
-import { Menu, Settings } from "lucide-react"
-import {
-    DropdownMenu,
-    DropdownMenuContent,
-    DropdownMenuItem,
-    DropdownMenuLabel,
-    DropdownMenuSeparator,
-    DropdownMenuTrigger,
-  } from "@/components/shadcn/ui/dropdown-menu"
+import { Menu } from "lucide-react"
 import { Button } from "@/components/shadcn/ui/button"
 import { Sheet, SheetContent, SheetTrigger } from "@/components/shadcn/ui/sheet"
 import { SubMenu } from './HeaderMenu'
@@ -16,7 +8,7 @@
     return (
         <>
         {/* 모바일 Breakpoint 좌측 사이드 메뉴  -- mobile menu & top right menu start -- */}
-        <header className="flex h-14 bg-transparent items-center gap-4 bg-muted/40 px-4 lg:h-[60px] lg:px-6">
+        <header className="flex h-14 bg-transparent items-center gap-4 px-4 lg:hidden md:hidden lg:px-6">
         <Sheet>
           <SheetTrigger asChild>
             <Button
@@ -28,50 +20,20 @@
             </Button>
           </SheetTrigger>
           <SheetContent side="left" className="flex flex-col">
-            <nav className="grid gap-2 text-lg font-medium">
+            <nav className="grid gap-2 text-sm !sm:text-sm">
               <Link
                 to=""
-                className="flex items-center gap-2 text-lg font-semibold"
+                className="flex items-center gap-10 font-semibold"
               >
-               <span className="mb-16 bg-logo"></span>
+               {/* top left logo section */}
+               <span className="mb-20 bg-logo"></span>
               </Link>
-            {/* Dynamic 서브 메뉴 */}
+            {/*  서브 메뉴 */}
              <SubMenu />
             {/* 서브 메뉴 */}
             </nav>
           </SheetContent>
         </Sheet>
-        <div className="w-full flex-1">
-          <form>
-            <div className="relative">
-             {/* -- Top Search Bar --  */}
-              {/* <Search className="absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" />
-                <Input
-                type="search"
-                placeholder="Search products..."
-                className="w-full appearance-none bg-background pl-8 shadow-none md:w-2/3 lg:w-1/3"
-              /> */}
-            </div>
-          </form>
-        </div>
-        {/* 상단 세팅 아이콘 메뉴 -- Top account dropdown menu -- */}
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild>
-            <Button variant="secondary" size="icon" className="rounded-full bg-transparent">
-              <Settings className="h-5 w-5 text-white hover:text-black" />
-              <span className="sr-only">Toggle user menu</span>
-            </Button>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent align="end">
-            <DropdownMenuLabel>My Account</DropdownMenuLabel>
-            <DropdownMenuSeparator />
-            <DropdownMenuItem>Settings</DropdownMenuItem>
-            <DropdownMenuItem>Support</DropdownMenuItem>
-            <DropdownMenuSeparator />
-            <DropdownMenuItem>Logout</DropdownMenuItem>
-          </DropdownMenuContent>
-        </DropdownMenu>
-        {/* 상단 세팅 아이콘 메뉴 End -- Top account dropdown menu end -- */}
       </header>
     </>
     )
Index: document/src/layout/HeaderMenu.jsx
===================================================================
diff -u -ra1b82c3f3fefbd315243221c0efe5b1f7d7df660 -r7a06d3dd8d4b01bb052b5a0c080f4effd8ea3349
--- document/src/layout/HeaderMenu.jsx	(.../HeaderMenu.jsx)	(revision a1b82c3f3fefbd315243221c0efe5b1f7d7df660)
+++ document/src/layout/HeaderMenu.jsx	(.../HeaderMenu.jsx)	(revision 7a06d3dd8d4b01bb052b5a0c080f4effd8ea3349)
@@ -9,31 +9,45 @@
 } from "@/components/shadcn/ui/accordion"
 
 
-export const AccordionMenu = ({ title, to }) => {
+export const AccordionMenu = ({ title, to, isActive }) => {
   return (
-    <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 className='px-8 lg:text-white dark:text-white !max-sm:text-black'>
+      <Link to={to} className={`!sm:text-base ${isActive ? 'active text-blue-400 font-bold' : ''}`}> {title} </Link>
     </AccordionContent>
   )
 }
 
 export const SubMenu = () => {
-  const subMenuItems = useContext(SubMenuContext)
+  const { menuItems, activeLink } = useContext(SubMenuContext);
 
   return (
     <>
-     {subMenuItems.map((item, index) =>
+     {menuItems.map((item, index) => {
+      const isActive = activeLink === item.to;
+      const combinedClassName = `
+      ${isActive ? `active bg-gray-100 !text-blue-400` : ''}
+      ${item.className || ''}
+      `.trim();
+ 
+      return (
         item.subMenus && item.subMenus.length > 0 ? ( // 메뉴 Data에 서브메뉴가 있을 시 아코디언 컴포넌트로 출력
-          <Accordion key={index} type="single" collapsible className="flex flex-col gap-1 ">
+          <Accordion key={index} type="single" collapsible className="flex flex-col gap-1">
             <AccordionItem value={`item-${index}`}>
-              <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" />
+              <AccordionTrigger 
+                className={`!max-sm:text-black !justify-start gap-3 rounded-lg px-3 py-2 lg:text-white dark:text-white transition-all hover:text-blue-400 hover:bg-muted ${isActive ? 'active bg-gray-100 !text-primary' : ''}`}
+                >
+                <item.Icon />
                 {item.title}  
               </AccordionTrigger>
-              <div className="pl-5 py-1">
+              <div className="pl-5 !sm:text-base">
               {/* 아코디언 서브 메뉴 출력 */}
                 {item.subMenus.map((el) => (
-                  <AccordionMenu key={el.id} title={el.title} to={el.to} />
+                  <AccordionMenu 
+                  key={el.id} 
+                  title={el.title} 
+                  to={el.to}
+                  isActive={activeLink === el.to}
+                  />
                 ))}
               {/* 아코디언 서브 메뉴 출력 END */}
               </div>
@@ -44,13 +58,15 @@
           <Link
             key={index}
             to={item.to}
-            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" />
+             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-blue-400 hover:bg-muted ${combinedClassName}` }
+             >
+            <item.Icon />
             {item.title}
           </Link>
-        )
-      )}
+        ))
+       }
+       )
+      }
     </>
   )
 }
@@ -60,14 +76,14 @@
     <>
       <div className="hidden bg-transparent md:block">
         <div className="flex h-full max-h-screen flex-col gap-2">
-          <div className="flex h-16 items-center px-4 lg:h-[100px] lg:px-6">
+          <div className="flex md:mb-12 lg:mb-2 h-16 items-center px-4 lg:h-[100px] lg:px-6">
             <Link to="/" className="flex 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 lg:mt-0 ">
+            <nav className="grid items-start px-2 text-sm lg:px-4 lg:mt-0">
               {/* 좌측 메뉴 -- Right hand side menu -- */}
               <SubMenu />
             </nav>
Index: document/src/main.jsx
===================================================================
diff -u -re045a7743e52a0a0e190b8ed752ed1944b8e6f2f -r7a06d3dd8d4b01bb052b5a0c080f4effd8ea3349
--- document/src/main.jsx	(.../main.jsx)	(revision e045a7743e52a0a0e190b8ed752ed1944b8e6f2f)
+++ document/src/main.jsx	(.../main.jsx)	(revision 7a06d3dd8d4b01bb052b5a0c080f4effd8ea3349)
@@ -4,7 +4,7 @@
 import { BrowserRouter } from 'react-router-dom';
 
 // 빌드시 env 설정에 따라 Dev 와 Prod 베이스 URL 설정 
-//const baseName = import.meta.env.DEV ? "/" : "/document/dist";
+// const baseName = import.meta.env.PROD ? "/document/dist" : "/";
 
 createRoot(document.getElementById('root')).render(
   <StrictMode>
Index: document/src/reducer/linkFetchReducer.jsx
===================================================================
diff -u -ra1b82c3f3fefbd315243221c0efe5b1f7d7df660 -r7a06d3dd8d4b01bb052b5a0c080f4effd8ea3349
--- document/src/reducer/linkFetchReducer.jsx	(.../linkFetchReducer.jsx)	(revision a1b82c3f3fefbd315243221c0efe5b1f7d7df660)
+++ document/src/reducer/linkFetchReducer.jsx	(.../linkFetchReducer.jsx)	(revision 7a06d3dd8d4b01bb052b5a0c080f4effd8ea3349)
@@ -71,8 +71,11 @@
                 // Return the updated div 
                 return domNode;
               }
-              if (domNode.name === "aside" && domNode.id === "bo_vc_w") { 
-                return <div />
+              if (domNode.name === "div" && domNode.id === "topicon") { 
+                 // Add the "hidden" class 하단에 로더 문구 숨김
+                 domNode.attribs.class += ' hidden';
+                 // Return the updated div 
+                 return domNode;
               }  
           },
         });