diff --git a/stockMate/src/main/java/com/stockm8/config/WebConfig.java b/stockMate/src/main/java/com/stockm8/config/WebConfig.java
index f9143ce..b8b86f1 100644
--- a/stockMate/src/main/java/com/stockm8/config/WebConfig.java
+++ b/stockMate/src/main/java/com/stockm8/config/WebConfig.java
@@ -1,5 +1,6 @@
 package com.stockm8.config;
 
+import java.util.Arrays;
 import java.util.List;
 import java.util.Locale;
 
@@ -70,30 +71,30 @@ public class WebConfig implements WebMvcConfigurer {
      */
     @Override
     public void addInterceptors(InterceptorRegistry registry) {
+    	
+        registry.addInterceptor(flashMessageInterceptor).addPathPatterns("/**");
+    	
+    	List<String> excludedPaths = Arrays.asList(
+    		    "/", "/favicon.ico", "/resources/**", "/user/**", "/static/**",
+    		    "/api/**", "/dashboard", "/business", "/category/**", "/product/**",
+    		    "/warehouse/**", "/stock/**", "/order/**"
+    		);
+    	
         registry.addInterceptor(adminInterceptor)
         		.addPathPatterns("/admin/**") // /admin/** 경로에만 적용
-        		.excludePathPatterns( // 인터셉터를 제외할 경로
-                "/",               // HomeController 경로
-                "/favicon.ico",    // 브라우저 기본 요청
-                "/resources/**",   // 정적 리소스
-                "/user/**",	       // 로그인 및 회원가입 관련 요청
-                "/static/**",
-        		"/api/**"    	    // API 요청에 대해서는 세션 체크를 제외
-        		);
+        		.excludePathPatterns(excludedPaths.toArray(new String[0]));
+        		
     	// Intercepter 적용
         registry.addInterceptor(authorizationInterceptor)
-                .addPathPatterns("/dashboard", "/business", "/category/**", "/product/**", "/warehouse/**", "/stock/**", "/order/**","/admin/**" ) // 인터셉터를 적용할 경로
-                .excludePathPatterns( // 인터셉터를 제외할 경로
-                        "/",               // HomeController 경로
-                        "/favicon.ico",    // 브라우저 기본 요청
-                        "/resources/**",   // 정적 리소스
-                        "/user/**",	       // 로그인 및 회원가입 관련 요청
-                        "/static/**",
-                		"/api/**"    	    // API 요청에 대해서는 세션 체크를 제외
-                );   
-        // Flash 메시지 처리 인터셉터
-        registry.addInterceptor(new FlashMessageInterceptor());
-        
+                .addPathPatterns("/dashboard", "/business", "/category/**", "/product/**", "/warehouse/**", "/stock/**", "/order/**") // 인터셉터를 적용할 경로
+                .excludePathPatterns(                  // 제외할 경로들
+                        "/",                           // 홈 경로 제외
+                        "/favicon.ico",                // 브라우저 기본 요청 제외
+                        "/resources/**",               // 정적 리소스 제외
+                        "/user/**",                    // 로그인, 회원가입 관련 제외
+                        "/static/**",                  // 정적 리소스 제외
+                        "/api/**");
+  
         // LocaleChangeInterceptor를 추가하면, 요청 파라미터 (예: ?lang=ko)로 Locale을 변경할 수 있음
         LocaleChangeInterceptor localeInterceptor = new LocaleChangeInterceptor();
         localeInterceptor.setParamName("lang");
diff --git a/stockMate/src/main/java/com/stockm8/controller/AdminController.java b/stockMate/src/main/java/com/stockm8/controller/AdminController.java
index 3bc50c9..0016e63 100644
--- a/stockMate/src/main/java/com/stockm8/controller/AdminController.java
+++ b/stockMate/src/main/java/com/stockm8/controller/AdminController.java
@@ -11,11 +11,14 @@
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
 import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestBody;
 import org.springframework.web.bind.annotation.RequestMapping;
 import org.springframework.web.bind.annotation.RequestMethod;
 import org.springframework.web.bind.annotation.SessionAttribute;
 
 import com.stockm8.domain.dto.PendingUserDTO;
+import com.stockm8.domain.dto.UpdateUserStatusDTO;
 import com.stockm8.domain.enums.UserRole;
 import com.stockm8.domain.vo.UserVO;
 import com.stockm8.service.OrderService;
@@ -38,11 +41,12 @@ private UserVO getCurrentUser(HttpServletRequest request) {
 	private UserService userService;
 
 	/**
-	 * 관리자 메인 페이지 표시(GET) http://localhost:8088/admin/main
+	 * 관리자 메인 페이지 표시(GET) 
 	 * 
 	 * @throws Exception
 	 * 
 	 */
+	// http://localhost:8088/admin/main
 	@GetMapping("/main")
 	public String adminMainGET(@SessionAttribute("userId") Long userId, Model model) throws Exception {
 		logger.info("adminMainGET() 호출 - 페이지 접근 (userId: {})", userId);
@@ -57,7 +61,8 @@ public String adminMainGET(@SessionAttribute("userId") Long userId, Model model)
 		}
 		return "admin/main"; // 메인 페이지 반환
 	}
-
+	
+	// http://localhost:8088/admin/approve
 	@GetMapping("/approve")
 	public String adminApproveGET(@SessionAttribute("userId") Long userId, Model model) throws Exception {
         logger.info("adminApproveGET() 호출 - 페이지 접근 (userId: {})", userId);
@@ -68,13 +73,14 @@ public String adminApproveGET(@SessionAttribute("userId") Long userId, Model mod
         // JSP로 전달
         model.addAttribute("pendingUsers", pendingUsers);
 
-        return "admin/main"; // JSP 페이지 반환
+        return "admin/approve"; // JSP 페이지 반환
     }
 
 	/**
-	 * 관리자 회원목록표시(GET) http://localhost:8088/admin/userList
+	 * 관리자 회원목록표시(GET) 
 	 * 
 	 */
+    // http://localhost:8088/admin/userList
 	@RequestMapping(value = "/adminList", method = RequestMethod.GET)
 	public String adminListGET(Model model, HttpServletRequest request, HttpServletResponse response) throws Exception {
 		logger.info("adminListGET() 호출");
diff --git a/stockMate/src/main/java/com/stockm8/controller/HomeController.java b/stockMate/src/main/java/com/stockm8/controller/HomeController.java
index b6079d1..924af33 100644
--- a/stockMate/src/main/java/com/stockm8/controller/HomeController.java
+++ b/stockMate/src/main/java/com/stockm8/controller/HomeController.java
@@ -100,7 +100,7 @@ public String locationGET(Model model, HttpSession session) throws Exception {
 		}
 	
 	
-	// 상담하기 - /user/consultation (GET)
+	// 상담하기 - /consultation (GET)
 	@RequestMapping(value = "/consultation", method = RequestMethod.GET)
 	public String consultationGET(Model model, HttpSession session) throws Exception {
 		Long userId = (Long) session.getAttribute("id");
@@ -237,5 +237,6 @@ public String minimapGET(Model model, HttpSession session) throws Exception {
 //	               model.addAttribute("resultVO", resultVO);
 			return "/minimap";
 		}
-	
+		
 }
+	
diff --git a/stockMate/src/main/java/com/stockm8/controller/ManagerController.java b/stockMate/src/main/java/com/stockm8/controller/ManagerController.java
new file mode 100644
index 0000000..2a1358d
--- /dev/null
+++ b/stockMate/src/main/java/com/stockm8/controller/ManagerController.java
@@ -0,0 +1,5 @@
+package com.stockm8.controller;
+
+public class ManagerController {
+
+}
diff --git a/stockMate/src/main/java/com/stockm8/controller/UserController.java b/stockMate/src/main/java/com/stockm8/controller/UserController.java
index 2bb3c50..df31de6 100644
--- a/stockMate/src/main/java/com/stockm8/controller/UserController.java
+++ b/stockMate/src/main/java/com/stockm8/controller/UserController.java
@@ -119,16 +119,16 @@ public String userLoginPOST(UserVO user, RedirectAttributes rttr, HttpSession se
 		if (resultVO != null) {
 			logger.info("로그인 성공, 사용자 ID: {}", resultVO.getUserId());
 
-			// 세션에 사용자 ID 저장
-			session.setAttribute("userId", resultVO.getUserId());
-
-			// 원래 요청 URL로 리다이렉트
-//	        String redirectUrl = (String) session.getAttribute("redirectAfterLogin");
-//	        
-//	        if (redirectUrl != null) {
-//	            session.removeAttribute("redirectAfterLogin"); // 세션에서 URL 삭제
-//	            return "redirect:" + redirectUrl;
-//	        }
+		// 세션에 사용자 ID 저장
+		session.setAttribute("userId", resultVO.getUserId());
+
+		// 원래 요청 URL로 리다이렉트
+        String redirectUrl = (String) session.getAttribute("redirectAfterLogin");
+        
+        if (redirectUrl != null) {
+            session.removeAttribute("redirectAfterLogin"); // 세션에서 URL 삭제
+            return "redirect:" + redirectUrl;
+        }
 			return "redirect:/dashboard";
 		}
 
diff --git a/stockMate/src/main/java/com/stockm8/controller/api/AdminApiController.java b/stockMate/src/main/java/com/stockm8/controller/api/AdminApiController.java
new file mode 100644
index 0000000..4b8dd99
--- /dev/null
+++ b/stockMate/src/main/java/com/stockm8/controller/api/AdminApiController.java
@@ -0,0 +1,78 @@
+package com.stockm8.controller.api;
+
+import java.util.HashMap;
+import java.util.Map;
+
+import javax.inject.Inject;
+
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.http.HttpStatus;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+import org.springframework.web.bind.annotation.SessionAttribute;
+
+import com.stockm8.domain.dto.UpdateUserStatusDTO;
+import com.stockm8.service.UserService;
+
+@RestController
+@RequestMapping("/api/admin")
+public class AdminApiController {
+	
+	private static final Logger logger = LoggerFactory.getLogger(AdminApiController.class);
+
+    @Inject
+    private UserService userService;
+
+    @PostMapping("/approve")
+    public ResponseEntity<Map<String, Object>> adminApprove(
+            @RequestBody UpdateUserStatusDTO updateUserStatusDTO,
+            @SessionAttribute(value = "userId", required = false) Long sessionUserId) {
+        
+        Map<String, Object> response = new HashMap<>();
+
+        // 세션 값 확인
+        if (sessionUserId == null) {
+            logger.error("Session userId is missing");
+            response.put("success", false);
+            response.put("message", "세션 정보가 없습니다. 다시 로그인해주세요.");
+            return ResponseEntity.status(HttpStatus.UNAUTHORIZED).body(response);
+        }
+
+        // 세션에서 userId를 DTO에 설정
+        updateUserStatusDTO.setUserId(sessionUserId);
+
+        // 입력값 검증
+        if (updateUserStatusDTO.getApprovedUserId() == null || updateUserStatusDTO.getUserStatus() == null) {
+            logger.error("Invalid input: approvedUserId or userStatus is null - DTO: {}", updateUserStatusDTO);
+            response.put("success", false);
+            response.put("message", "유효하지 않은 데이터입니다.");
+            return ResponseEntity.badRequest().body(response);
+        }
+
+        // 디버깅용 로그
+//        logger.info("adminApprove() 호출 - approvedUserId: {}, userStatus: {}, userId: {}", 
+//                    updateUserStatusDTO.getApprovedUserId(), 
+//                    updateUserStatusDTO.getUserStatus(), 
+//                    updateUserStatusDTO.getUserId());
+
+        try {
+            // 사용자 상태 변경
+            userService.updateUserStatus(updateUserStatusDTO);
+
+            // 성공 응답
+            response.put("success", true);
+            response.put("message", "상태가 성공적으로 업데이트되었습니다.");
+            return ResponseEntity.ok(response);
+        } catch (Exception e) {
+            // 예외 처리
+            logger.error("사용자 상태 업데이트 실패", e);
+            response.put("success", false);
+            response.put("message", "상태 업데이트 실패. 관리자에게 문의해주세요.");
+            return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).body(response);
+        }
+    }
+}
diff --git a/stockMate/src/main/java/com/stockm8/controller/api/ManagerApiController.java b/stockMate/src/main/java/com/stockm8/controller/api/ManagerApiController.java
new file mode 100644
index 0000000..02738da
--- /dev/null
+++ b/stockMate/src/main/java/com/stockm8/controller/api/ManagerApiController.java
@@ -0,0 +1,52 @@
+package com.stockm8.controller.api;
+
+import java.util.HashMap;
+import java.util.Map;
+
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+import org.springframework.web.bind.annotation.SessionAttribute;
+
+import com.stockm8.domain.dto.UpdateUserStatusDTO;
+import com.stockm8.service.UserService;
+
+@RestController
+@RequestMapping("/api/manager")
+public class ManagerApiController {
+
+	private static final Logger logger = LoggerFactory.getLogger(ManagerApiController.class);
+	
+    @Autowired
+    private UserService userService;
+    
+    @PostMapping("/approve")
+    public ResponseEntity<Map<String, Object>> approveStaff(
+            @RequestBody UpdateUserStatusDTO updateUserStatusDTO,
+            @SessionAttribute("userId") Long sessionUserId) {
+        
+        Map<String, Object> response = new HashMap<>();
+
+        // 세션에서 Manager ID를 DTO에 설정
+        updateUserStatusDTO.setUserId(sessionUserId);
+
+        // 입력값 검증
+        if (updateUserStatusDTO.getApprovedUserId() == null || updateUserStatusDTO.getUserStatus() == null) {
+            response.put("success", false);
+            response.put("message", "유효하지 않은 데이터입니다.");
+            return ResponseEntity.badRequest().body(response);
+        }
+
+        // 직원 승인 처리
+        userService.updateUserStatus(updateUserStatusDTO);;
+
+        response.put("success", true);
+        response.put("message", "직원이 성공적으로 승인되었습니다.");
+        return ResponseEntity.ok(response);
+    }
+}
diff --git a/stockMate/src/main/java/com/stockm8/domain/dto/PendingUserDTO.java b/stockMate/src/main/java/com/stockm8/domain/dto/PendingUserDTO.java
index 63c5bee..edbf168 100644
--- a/stockMate/src/main/java/com/stockm8/domain/dto/PendingUserDTO.java
+++ b/stockMate/src/main/java/com/stockm8/domain/dto/PendingUserDTO.java
@@ -2,18 +2,22 @@
 
 import java.sql.Timestamp;
 
+import com.stockm8.domain.enums.UserRole;
+import com.stockm8.domain.enums.UserStatus;
+
 import lombok.Data;
 
 @Data
 public class PendingUserDTO {
 
     // 사용자 정보
-    private Long userId;
+    private Long approvedUserId;
     private String email;
     private String userName;
-    private String userRole;
+    private UserRole userRole;
     private String telNumber;
     private Timestamp createdAt;
+    private UserStatus userStatus;
 
     // 사업자 정보
     private Integer businessId;
diff --git a/stockMate/src/main/java/com/stockm8/domain/dto/StockDTO.java b/stockMate/src/main/java/com/stockm8/domain/dto/StockDTO.java
index e602b58..6dcf129 100644
--- a/stockMate/src/main/java/com/stockm8/domain/dto/StockDTO.java
+++ b/stockMate/src/main/java/com/stockm8/domain/dto/StockDTO.java
@@ -14,5 +14,5 @@ public class StockDTO {
     private String warehouseName;      // 창고명
     private int totalQuantity;         // 총 재고 수량
     private int availableStock;        // 사용 가능한 재고
-    private Timestamp updatedAt;   // 최근 수정 시간
+    private Timestamp updatedAt;  	   // 최근 수정 시간
 }
\ No newline at end of file
diff --git a/stockMate/src/main/java/com/stockm8/domain/dto/UpdateUserStatusDTO.java b/stockMate/src/main/java/com/stockm8/domain/dto/UpdateUserStatusDTO.java
new file mode 100644
index 0000000..52cdd10
--- /dev/null
+++ b/stockMate/src/main/java/com/stockm8/domain/dto/UpdateUserStatusDTO.java
@@ -0,0 +1,15 @@
+package com.stockm8.domain.dto;
+
+import com.stockm8.domain.enums.UserStatus;
+
+import lombok.Data;
+
+@Data
+public class UpdateUserStatusDTO {
+
+    private Long approvedUserId; // 승인받는 사용자 ID
+
+    private UserStatus userStatus; // Enum으로 상태값 처리
+
+    private Long userId; // 승인 작업을 수행하는 관리자 ID
+}
diff --git a/stockMate/src/main/java/com/stockm8/domain/dto/WarehouseDetailDTO.java b/stockMate/src/main/java/com/stockm8/domain/dto/WarehouseDetailDTO.java
index 96d22b1..f4d4aee 100644
--- a/stockMate/src/main/java/com/stockm8/domain/dto/WarehouseDetailDTO.java
+++ b/stockMate/src/main/java/com/stockm8/domain/dto/WarehouseDetailDTO.java
@@ -14,7 +14,7 @@ public class WarehouseDetailDTO {
     private String warehouseLocation;       // 창고 위치
     private int businessId;                 // 비즈니스 ID
     private String businessName;            // 회사명
-    private Long managerId;                    // 관리자 ID
+    private Long managerId;                 // 관리자 ID
     private String managerName;             // 관리자명
     private Timestamp createdAt;            // 창고 등록 날짜
     private Timestamp updatedAt;            // 창고 수정 날짜
diff --git a/stockMate/src/main/java/com/stockm8/interceptor/AdminInterceptor.java b/stockMate/src/main/java/com/stockm8/interceptor/AdminInterceptor.java
index d76101b..836e04a 100644
--- a/stockMate/src/main/java/com/stockm8/interceptor/AdminInterceptor.java
+++ b/stockMate/src/main/java/com/stockm8/interceptor/AdminInterceptor.java
@@ -10,8 +10,10 @@
 import org.slf4j.LoggerFactory;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Component;
+import org.springframework.web.servlet.FlashMap;
 import org.springframework.web.servlet.HandlerInterceptor;
 import org.springframework.web.servlet.ModelAndView;
+import org.springframework.web.servlet.support.RequestContextUtils;
 
 import com.stockm8.domain.enums.UserRole;
 import com.stockm8.domain.vo.UserVO;
@@ -65,10 +67,23 @@ public boolean preHandle(HttpServletRequest request, HttpServletResponse respons
 	/**
 	 * 에러 메시지와 함께 리다이렉트 처리
 	 */
-	private boolean sendErrorMessage(HttpServletRequest request, HttpServletResponse response, String message, String redirectUrl) throws IOException {
-	    request.getSession().setAttribute("errorMessage", message);
-	    response.sendRedirect(request.getContextPath() + redirectUrl);
-	    return false; // 요청 중단
+	private boolean sendErrorMessage(HttpServletRequest request, HttpServletResponse response, String message, String redirectUrl)
+	        throws Exception {
+	    
+	    // FlashMap 객체 생성 및 에러 메시지 저장
+	    FlashMap flashMap = new FlashMap();
+	    flashMap.put("errorMessage", message);
+	    
+	    // FlashMap 저장소에 FlashMap 추가
+	    RequestContextUtils.getFlashMapManager(request).saveOutputFlashMap(flashMap, request, response);
+
+	    // 로그 출력
+	    logger.info("FlashMap에 저장된 에러 메시지: {}", message);
+	    logger.info("리다이렉트 대상 URL: {}", redirectUrl);
+
+	    // 리다이렉트 수행
+	    response.sendRedirect(redirectUrl);
+	    return false; // handlerInterceptor 처리 중단
 	}
 
 	/**
diff --git a/stockMate/src/main/java/com/stockm8/persistence/StockDAOImpl.java b/stockMate/src/main/java/com/stockm8/persistence/StockDAOImpl.java
index 54b0709..b350803 100644
--- a/stockMate/src/main/java/com/stockm8/persistence/StockDAOImpl.java
+++ b/stockMate/src/main/java/com/stockm8/persistence/StockDAOImpl.java
@@ -57,6 +57,7 @@ public List<StockVO> selectFilteredStocks(FilterCriteria criteria, String sortOr
     public List<StockVO> selectOnlyStockByBusinessId(int businessId) throws Exception {
         return sqlSession.selectList(NAMESPACE + "selectOnlyStockByBusinessId", businessId);
 	}
+    
     // 카테고리 목록 조회
     @Override
     public List<CategoryVO> selectAllCategories() throws Exception {
diff --git a/stockMate/src/main/java/com/stockm8/persistence/UserDAO.java b/stockMate/src/main/java/com/stockm8/persistence/UserDAO.java
index fda445f..28a6ecc 100644
--- a/stockMate/src/main/java/com/stockm8/persistence/UserDAO.java
+++ b/stockMate/src/main/java/com/stockm8/persistence/UserDAO.java
@@ -6,6 +6,7 @@
 import org.apache.ibatis.annotations.Select;
 
 import com.stockm8.domain.dto.PendingUserDTO;
+import com.stockm8.domain.dto.UpdateUserStatusDTO;
 import com.stockm8.domain.vo.UserVO;
 
 
@@ -22,22 +23,26 @@ public interface UserDAO {
     
     // 조건에 맞는 pending 회원 리스트와 사업자 정보 가져오기
     public List<PendingUserDTO> selectPendingUsersWithBusiness();
-
+    
+    // 같은 회사의 pending 회원 리스트와 사업자 정보 가져오기
+    public List<PendingUserDTO> selectStaffByBusinessId(int businessId);
+    
     // 회원정보 수정동작
     public void updateUser (UserVO user);
     
+    // 회원 승인 여부 수정 
+    public void updateUserStatus(UpdateUserStatusDTO updateUserStatusDTO);
+    
     public UserVO getUserInfoById(Long userId) throws Exception;
 
     void updatePassword(@Param("userId") Long userId, @Param("newPassword") String newPassword);
 
     // 사용자의 businessId 수정
     int updateUserBusinessId(@Param("userId") Long userId, @Param("businessId") int businessId);
-
     
- // 비밀번호 찾기 동작
+    // 비밀번호 찾기 동작
     public String findPassword(String email,String name) throws Exception; 
     
-    
     // 회원정보 삭제동작
     public int deleteUser (UserVO user);
 
diff --git a/stockMate/src/main/java/com/stockm8/persistence/UserDAOImpl.java b/stockMate/src/main/java/com/stockm8/persistence/UserDAOImpl.java
index 2bbbc04..f90042d 100644
--- a/stockMate/src/main/java/com/stockm8/persistence/UserDAOImpl.java
+++ b/stockMate/src/main/java/com/stockm8/persistence/UserDAOImpl.java
@@ -12,6 +12,7 @@
 import org.springframework.stereotype.Repository;
 
 import com.stockm8.domain.dto.PendingUserDTO;
+import com.stockm8.domain.dto.UpdateUserStatusDTO;
 import com.stockm8.domain.vo.UserVO;
 
 @Repository
@@ -61,6 +62,11 @@ public UserVO getUserInfoById(Long userId) throws Exception {
 	public List<PendingUserDTO> selectPendingUsersWithBusiness() {
 		return sqlSession.selectList(NAMESPACE + "selectPendingUsersWithBusiness");
 	}
+	
+	@Override
+	public List<PendingUserDTO> selectStaffByBusinessId(int businessId) {
+		return sqlSession.selectList(NAMESPACE + "selectStaffByBusinessId", businessId);
+	}
 
 	@Override
 	public void updateUser(UserVO user) {
@@ -68,11 +74,20 @@ public void updateUser(UserVO user) {
 		   sqlSession.update(NAMESPACE + "updateUser", user);
 		
 		   logger.info("회원정보 수정 완료!");
-		   
-		   
 	}
 	
+    // 회원 승인 여부 수정 
+	@Override
+	public void updateUserStatus(UpdateUserStatusDTO updateUserStatusDTO) {
+	    // DTO에서 데이터를 Map으로 변환
+	    Map<String, Object> params = new HashMap<>();
+	    params.put("approvedUserId", updateUserStatusDTO.getApprovedUserId());
+	    params.put("userStatus", updateUserStatusDTO.getUserStatus()); // 'status' -> 'userStatus'로 변경
+	    params.put("userId", updateUserStatusDTO.getUserId());
 
+	    // MyBatis 쿼리 호출
+	    sqlSession.update(NAMESPACE + "updateUserStatus", params);
+	}
 
 	@Override
 	public void updatePassword(Long userId, String newPassword) {
@@ -110,9 +125,6 @@ public String findPassword(String email, String name) throws Exception {
         return sqlSession.selectOne(NAMESPACE + "findPassword", Map.of("email", email, "name", name));
     }
 
-	
-	
-	
 	@Override
 	public int deleteUser(UserVO user) {
 		logger.info("deleteUser 실행: " + user);
diff --git a/stockMate/src/main/java/com/stockm8/service/BusinessServiceImpl.java b/stockMate/src/main/java/com/stockm8/service/BusinessServiceImpl.java
index b7e83a7..d9a223a 100644
--- a/stockMate/src/main/java/com/stockm8/service/BusinessServiceImpl.java
+++ b/stockMate/src/main/java/com/stockm8/service/BusinessServiceImpl.java
@@ -48,7 +48,7 @@ public void registerBusinessWithUserUpdate(BusinessVO business, Long userId) thr
 	    logger.info("비즈니스 등록 완료: businessNumber={}, businessId={}", business.getBusinessNumber(), business.getBusinessId());
 
 	    if (business.getBusinessId() == null) {
-	        throw new IllegalStateException("비즈니스 ID가 생성되지 않았습니다. DB 설정을 확인하세요.");
+	        throw new IllegalStateException("예상치 못한 오류로 인해 비즈니스 ID가 생성되지 않았습니다.");
 	    }
 
 	    int businessId = business.getBusinessId();
diff --git a/stockMate/src/main/java/com/stockm8/service/UserService.java b/stockMate/src/main/java/com/stockm8/service/UserService.java
index 18d72ec..8c34f7c 100644
--- a/stockMate/src/main/java/com/stockm8/service/UserService.java
+++ b/stockMate/src/main/java/com/stockm8/service/UserService.java
@@ -3,6 +3,7 @@
 import java.util.List;
 
 import com.stockm8.domain.dto.PendingUserDTO;
+import com.stockm8.domain.dto.UpdateUserStatusDTO;
 import com.stockm8.domain.vo.UserVO;
 
 public interface UserService {
@@ -21,13 +22,17 @@ public interface UserService {
    // 조건에 맞는 pending 회원 리스트와 사업자 정보 가져오기
    public List<PendingUserDTO> getPendingUsersWithBusiness() throws Exception;
    
+   // 같은 회사의 pending 회원 리스트와 사업자 정보 가져오기
+   public List<PendingUserDTO> getStaffByBusinessId(int businessId) throws Exception;
+   
    // 회원정보 수정
    public void updateUser(UserVO user) throws Exception;
    
    public UserVO getUserInfoById(Long userId) throws Exception;
    
    void updatePassword(Long userId, String newPassword) throws Exception;
-
+   
+   public void updateUserStatus(UpdateUserStatusDTO updateUserStatusDTO);
 
    // 회원정보에서 비밀번호 수정
    public void updateUserBusinessId(Long userId, int businessId) throws Exception;
@@ -56,4 +61,5 @@ public interface UserService {
      */
    int getIsDeleted(Long userId) throws Exception;
 
+
 }
\ No newline at end of file
diff --git a/stockMate/src/main/java/com/stockm8/service/UserServiceImpl.java b/stockMate/src/main/java/com/stockm8/service/UserServiceImpl.java
index 1b28c8a..ceaa8c7 100644
--- a/stockMate/src/main/java/com/stockm8/service/UserServiceImpl.java
+++ b/stockMate/src/main/java/com/stockm8/service/UserServiceImpl.java
@@ -9,6 +9,7 @@
 import org.springframework.transaction.annotation.Transactional;
 
 import com.stockm8.domain.dto.PendingUserDTO;
+import com.stockm8.domain.dto.UpdateUserStatusDTO;
 import com.stockm8.domain.vo.BusinessVO;
 import com.stockm8.domain.vo.UserVO;
 import com.stockm8.persistence.BusinessDAO;
@@ -52,6 +53,11 @@ public UserVO getUser(Long userId, String password) throws Exception {
 	public List<PendingUserDTO> getPendingUsersWithBusiness() throws Exception {		// TODO Auto-generated method stub
         return userDAO.selectPendingUsersWithBusiness();
 	}
+	
+	@Override
+	public List<PendingUserDTO> getStaffByBusinessId(int businessId) throws Exception {
+        return userDAO.selectStaffByBusinessId(businessId);
+	}
 
 	// 회원 정보 수정 
 	@Override
@@ -72,6 +78,10 @@ public void updatePassword(Long userId, String newPassword) throws Exception {
 	    userDAO.updatePassword(userId, newPassword);
 	}
 
+	@Override
+	public void updateUserStatus(UpdateUserStatusDTO updateUserStatusDTO) {
+		userDAO.updateUserStatus(updateUserStatusDTO);
+	}
 
 	@Override
 	public void updateUserBusinessId(Long userId, int businessId) throws Exception {
@@ -87,7 +97,6 @@ public String findPassword(String email, String name) throws Exception {
 		    // userDAO에서 비밀번호를 찾아 반환
 		   return userDAO.findPassword(email, name);
 	}
-
 	
 	@Override
 	public int deleteUser(UserVO user) throws Exception {
diff --git a/stockMate/src/main/resources/mappers/userMapper.xml b/stockMate/src/main/resources/mappers/userMapper.xml
index ef5ae3b..83193b9 100644
--- a/stockMate/src/main/resources/mappers/userMapper.xml
+++ b/stockMate/src/main/resources/mappers/userMapper.xml
@@ -72,23 +72,44 @@
 		WHERE user_id = #{userId}
 	</select>
 	
-   <!-- 역할이 ADMIN 또는 MANAGER이고 상태가 pending이며 isDeleted가 false인 회원 리스트 조회 -->
-    <select id="selectPendingUsersWithBusiness" resultType="com.stockm8.domain.dto.PendingUserDTO">
-        SELECT u.user_id, 
-               u.email, 
-               u.user_name, 
-               u.user_role, 
-               u.tel_number, 
-               u.created_at, 
-               b.business_id, 
-               b.business_number, 
-               b.business_name
-        FROM users u
-        LEFT JOIN business b ON u.business_id = b.business_id
-        WHERE u.user_role IN ('ADMIN', 'MANAGER')
-          AND u.user_status = 'PENDING'
-          AND u.is_deleted = FALSE
-    </select>
+   	<!-- 역할이 ADMIN 또는 MANAGER이고 상태가 pending이며 isDeleted가 false인 회원 리스트 조회 -->
+	<select id="selectPendingUsersWithBusiness" resultType="com.stockm8.domain.dto.PendingUserDTO">
+	    SELECT u.user_id AS approvedUserId, 
+	           u.email, 
+	           u.user_name, 
+	           u.user_role, 
+	           u.tel_number, 
+	           u.created_at, 
+	           u.user_status,
+	           b.business_id, 
+	           b.business_number, 
+	           b.business_name
+	    FROM users u
+	    LEFT JOIN businesses b ON u.business_id = b.business_id
+	    WHERE u.user_role IN ('ADMIN', 'MANAGER')
+	      AND u.user_status = 'PENDING'
+	      AND u.is_deleted = FALSE
+	    ORDER BY u.created_at DESC
+	</select>
+	
+	<select id="selectStaffByBusinessId" parameterType="long" resultType="com.stockm8.domain.dto.PendingUserDTO">
+	    SELECT u.user_id AS approvedUserId, 
+	           u.email, 
+	           u.user_name, 
+	           u.user_role, 
+	           u.tel_number, 
+	           u.created_at, 
+	           u.user_status,
+	           b.business_id, 
+	           b.business_name
+	    FROM users u
+	    JOIN businesses b ON u.business_id = b.business_id
+	    WHERE u.business_id = #{businessId}
+	      AND u.user_role = 'STAFF'
+	      AND u.user_status = 'PENDING' 
+	      AND u.is_deleted = FALSE
+	    ORDER BY u.created_at DESC
+	</select>
 
 	<!-- 회원정보 수정 -->
 	<update id="updateUser">
@@ -101,6 +122,15 @@
 		user_id = #{userId}
 		AND password = #{password}
 	</update>
+	
+    <!-- 회원 승인 여부 수정 -->
+	<update id="updateUserStatus" parameterType="com.stockm8.domain.dto.UpdateUserStatusDTO">
+	    UPDATE users
+	    SET user_status = #{userStatus},
+	        created_by = #{userId},
+	        updated_at = NOW()
+	    WHERE user_id = #{approvedUserId}
+	</update>
 
 	<select id="getUserInfoById" parameterType="Long"
 		resultType="com.stockm8.domain.vo.UserVO">
diff --git a/stockMate/src/main/webapp/WEB-INF/views/admin/approve.jsp b/stockMate/src/main/webapp/WEB-INF/views/admin/approve.jsp
index 2de5a16..d7f512d 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/admin/approve.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/admin/approve.jsp
@@ -1,38 +1,242 @@
 <%@ page contentType="text/html; charset=UTF-8" %>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
 <html>
 <head>
+    <meta charset="UTF-8">
     <title>승인 대기 사용자 리스트</title>
+<%--     <link rel="stylesheet" href="<c:url value='/resources/css/productListStyle.css' />"> --%>
+    <link rel="stylesheet" href="<c:url value='/resources/css/toastStyle.css' />">
+    <style>
+        /* 기본 스타일 */
+        body {
+            font-family: 'Arial', sans-serif;
+            margin: 20px;
+            background-color: #f8f9fa;
+            color: #333;
+        }
+        h1 {
+            text-align: center;
+            color: #007bff;
+        }
+
+        /* 테이블 스타일 */
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            background-color: #fff;
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+            border-radius: 10px;
+            overflow: hidden;
+        }
+        thead {
+            background-color: #007bff;
+            color: white;
+        }
+        th, td {
+            padding: 10px;
+            text-align: center;
+            border-bottom: 1px solid #ddd;
+        }
+        tbody tr:nth-child(even) {
+            background-color: #f2f2f2;
+        }
+        tbody tr:hover {
+            background-color: #e9ecef;
+        }
+
+        /* 버튼 스타일 */
+        .approve-btn {
+            background-color: #28a745;
+            color: white;
+            border: none;
+            padding: 8px 12px;
+            border-radius: 5px;
+            cursor: pointer;
+            transition: 0.3s;
+        }
+        .approve-btn:hover {
+            background-color: #218838;
+        }
+
+        /* 드롭다운 스타일 */
+        select {
+            padding: 6px;
+            border: 1px solid #ddd;
+            border-radius: 5px;
+        }
+
+        /* 검색 입력 필드 */
+        #searchInput {
+            margin-bottom: 15px;
+            padding: 8px;
+            width: 100%;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+        }
+
+           /* 토스트 메시지 */
+/*         #toast { */
+/*             visibility: hidden; */
+/*             position: fixed; */
+/*             bottom: 30px; */
+/*             left: 50%; */
+/*             transform: translateX(-50%); */
+/*             background-color: #28a745; */
+/*             color: white; */
+/*             padding: 12px; */
+/*             border-radius: 5px; */
+/*             box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
+/*             z-index: 999; */
+/*         } */
+    </style>
 </head>
 <body>
-<h1>승인 대기 사용자 리스트</h1>
-<table border="1">
-    <thead>
-        <tr>
-            <th>사용자 ID</th>
-            <th>이메일</th>
-            <th>이름</th>
-            <th>역할</th>
-            <th>전화번호</th>
-            <th>사업자등록번호</th>
-            <th>회사명</th>
-            <th>가입 날짜</th>
-        </tr>
-    </thead>
-    <tbody>
-        <c:forEach var="user" items="${pendingUsers}">
-            <tr>
-                <td>${user.userId}</td>
-                <td>${user.email}</td>
-                <td>${user.userName}</td>
-                <td>${user.userRole}</td>
-                <td>${user.telNumber}</td>
-                <td>${user.businessNumber}</td>
-                <td>${user.businessName}</td>
-                <td>${user.createdAt}</td>
-            </tr>
-        </c:forEach>
-    </tbody>
-</table>
+    <div id="toast-container"></div> <!-- 토스트 메시지 컨테이너 -->
+
+    <div class="container">
+        <button class="dashboard-btn" onclick="location.href='<c:url value="/dashboard" />'">대시보드로 이동</button>
+        <h1 class="page-title">승인 대기 사용자 리스트</h1>
+        
+        <input type="text" id="searchInput" placeholder="이름, 이메일 등으로 검색..." />
+
+        <table class="user-table">
+            <thead>
+                <tr>
+                    <th>사용자 ID</th>
+                    <th>이메일</th>
+                    <th>이름</th>
+                    <th>역할</th>
+                    <th>전화번호</th>
+                    <th>생성일</th>
+                    <th>상태</th>
+                    <th>작업</th>
+                </tr>
+            </thead>
+            <tbody>
+                <c:forEach var="user" items="${pendingUsers}">
+                    <tr data-user-id="${user.approvedUserId}">
+                        <td>${user.approvedUserId}</td>
+                        <td>${user.email}</td>
+                        <td>${user.userName}</td>
+                        <td>${user.userRole}</td>
+                        <td>${user.telNumber}</td>
+                        <td>${user.createdAt}</td>
+                        <td>
+                            <select class="status-dropdown">
+                                <option value="APPROVED" ${user.userStatus == 'APPROVED' ? 'selected' : ''}>승인</option>
+                                <option value="PENDING" ${user.userStatus == 'PENDING' ? 'selected' : ''}>대기</option>
+                                <option value="REJECTED" ${user.userStatus == 'REJECTED' ? 'selected' : ''}>거부</option>
+                            </select>
+                        </td>
+                        <td>
+                            <button class="btn-save" data-user-id="${user.approvedUserId}">저장</button>
+                        </td>
+                    </tr>
+                </c:forEach>
+            </tbody>
+        </table>
+    </div>
+	<script>
+	document.addEventListener("DOMContentLoaded", () => {
+	    /* 검색 기능 */
+	    document.getElementById("searchInput").addEventListener("keyup", function () {
+	        const searchValue = this.value.toLowerCase();
+	        document.querySelectorAll(".user-table tbody tr").forEach(row => {
+	            const rowText = row.textContent.toLowerCase();
+	            row.style.display = rowText.includes(searchValue) ? "" : "none";
+	        });
+	    });
+
+	    /* 승인 상태 저장 요청 */
+	    function saveUserStatus(approvedUserId, userStatus, button) {
+	        setButtonLoading(button, true);
+
+	        fetch(`/api/admin/approve`, {
+	            method: "POST",
+	            headers: { "Content-Type": "application/json" },
+	            body: JSON.stringify({ approvedUserId: approvedUserId, userStatus: userStatus }),
+	        })
+	            .then(response => {
+	                if (!response.ok) {
+	                    throw new Error(`Error: ${response.status}`);
+	                }
+	                return response.json();
+	            })
+	            .then(data => {
+	                if (data.success) {
+	                    showToast("상태가 성공적으로 업데이트되었습니다.", "success");
+	                } else {
+	                    throw new Error(data.message);
+	                }
+	            })
+	            .catch(error => {
+	                console.error("Error updating user status:", error.message);
+	                showToast("상태 업데이트 실패: " + error.message, "error");
+	            })
+	            .finally(() => setButtonLoading(button, false));
+	    }
+
+	    /* 버튼 상태 관리 */
+	    function setButtonLoading(button, isLoading) {
+	        button.disabled = isLoading;
+	        button.textContent = isLoading ? "저장 중..." : "저장";
+	    }
+
+	    /* 토스트 메시지 표시 */
+	    function showToast(message, type) {
+	        const toast = document.createElement("div");
+	        toast.className = `toast ${type}`;
+	        toast.textContent = message;
+
+	        document.body.appendChild(toast);
+	        setTimeout(() => {
+	            toast.classList.add("show");
+	        }, 10);
+
+	        setTimeout(() => {
+	            toast.classList.remove("show");
+	            setTimeout(() => {
+	                document.body.removeChild(toast);
+	            }, 300);
+	        }, 4000);
+	    }
+
+	    /* 드롭다운 초기화 및 클릭 제한 */
+	    document.querySelectorAll(".status-dropdown").forEach(dropdown => {
+	        // 초기 상태를 "대기"로 설정
+	        dropdown.value = "PENDING";
+
+	        // 클릭 시 "승인" 또는 "거부"만 선택 가능하도록 설정
+	        dropdown.addEventListener("mousedown", function () {
+	            const pendingOption = dropdown.querySelector('option[value="PENDING"]');
+	            if (pendingOption) {
+	                pendingOption.remove();
+	            }
+	        });
+	    });
+
+	    /* 저장 버튼 이벤트 추가 */
+	    document.querySelectorAll(".btn-save").forEach(button => {
+	        button.addEventListener("click", () => {
+	            const $row = button.closest("tr");
+	            const approvedUserId = $row.getAttribute("data-user-id"); // approvedUserId로 변경
+	            const userStatus = $row.querySelector(".status-dropdown").value;
+
+	            // 디버깅: 값 확인
+	            console.log(`Saving User Status - Approved User ID: ${approvedUserId}, User Status: ${userStatus}`);
+
+	            if (!approvedUserId || !userStatus) {
+	                console.error("Invalid Data: Missing Approved User ID or User Status");
+	                alert("유효하지 않은 데이터입니다. 다시 시도해주세요.");
+	                return;
+	            }
+
+	            // API 요청
+	            saveUserStatus(approvedUserId, userStatus, button);
+	        });
+	    });
+	});
+   </script>
 </body>
 </html>
diff --git a/stockMate/src/main/webapp/WEB-INF/views/admin/main.jsp b/stockMate/src/main/webapp/WEB-INF/views/admin/main.jsp
index 9bc16cc..45ab582 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/admin/main.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/admin/main.jsp
@@ -47,13 +47,13 @@
 	
 	<!-- 버튼 영역 -->
     <div class="container">
-        <form action="admin/approve" method="get">
+        <form action="/admin/approve" method="get">
             <button type="submit">가입 승인</button>
         </form>
-        <form action="admin/userList" method="get">
+        <form action="/admin/userList" method="get">
             <button type="submit">회원 목록 조회</button>
         </form>
-		<form action="admin/edit" method="get">
+		<form action="/admin/edit" method="get">
             <button type="submit">회원 수정 및 삭제</button>
         </form>
     </div>
diff --git a/stockMate/src/main/webapp/WEB-INF/views/business/register.jsp b/stockMate/src/main/webapp/WEB-INF/views/business/register.jsp
index dc975ad..919e633 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/business/register.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/business/register.jsp
@@ -7,24 +7,7 @@
 <head>
 <meta charset="UTF-8">
 <title>회사 등록</title>
-<style>
-
-.error-banner {
-	width: 100%;
-	background-color: #FCE4E4;
-	color: #D32F2F;
-	text-align: center;
-	padding: 10px 0;
-	font-size: 14px;
-	font-weight: 500;
-	position: absolute;
-	top: 0;
-	left: 0;
-	z-index: 1000;
-	border-bottom: 1px solid #F5C6C6;
-	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-</style>
+<link rel="stylesheet" href="<c:url value='/resources/css/bannerStyle.css' />">
 </head>
 <body>
 	<h1>비즈니스 등록</h1>
@@ -33,6 +16,11 @@
 	<c:if test="${not empty errorMessage}">
 	    <div class="error-banner">${errorMessage}</div>
 	</c:if>
+	
+	<%-- 성공 메시지 표시 --%>
+	<c:if test="${not empty successMessage}">
+		<div class="success-banner">${successMessage}</div>
+	</c:if>
 
     <!-- 비즈니스 등록 폼 -->
     <form method="post" action="/business/register">
@@ -54,8 +42,8 @@
 
         <!-- 회사 이름 -->
         <div>
-            <label for="CompanyName">회사 이름:</label>
-            <input type="text" id="CompanyName" name="CompanyName" placeholder="회사 이름" required>
+            <label for="businessName">회사 이름:</label>
+            <input type="text" id="businessName" name="businessName" placeholder="회사 이름" required>
         </div>
         <br>
 
diff --git a/stockMate/src/main/webapp/WEB-INF/views/business/verify.jsp b/stockMate/src/main/webapp/WEB-INF/views/business/verify.jsp
index 877210d..db21b53 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/business/verify.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/business/verify.jsp
@@ -6,40 +6,7 @@
 <head>
 <meta charset="UTF-8">
 <title>비즈니스 인증</title>
-<style>
-
-.error-banner {
-	width: 100%;
-	background-color: #FCE4E4;
-	color: #D32F2F;
-	text-align: center;
-	padding: 10px 0;
-	font-size: 14px;
-	font-weight: 500;
-	position: absolute;
-	top: 0;
-	left: 0;
-	z-index: 1000;
-	border-bottom: 1px solid #F5C6C6;
-	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.success-banner {
-	width: 100%;
-	background-color: #E6F4EA;
-	color: #2E7D32;
-	text-align: center;
-	padding: 10px 0;
-	font-size: 14px;
-	font-weight: 500;
-	position: absolute;
-	top: 0;
-	left: 0;
-	z-index: 1000;
-	border-bottom: 1px solid #C8E6C9;
-	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-</style>
+<link rel="stylesheet" href="<c:url value='/resources/css/bannerStyle.css' />">
 </head>
 <body>
     <h1>비즈니스 인증</h1>
@@ -58,8 +25,8 @@
         <label for="businessNumber">사업자 등록 번호:</label>
         <input type="text" id="businessNumber" name="businessNumber" required placeholder="사업자 등록 번호">
         <br><br>
-        <label for="companyName">회사 이름:</label>
-        <input type="text" id="companyName" name="companyName" required placeholder="회사 이름">
+        <label for="businessName">회사명:</label>
+        <input type="text" id="businessName" name="businessName" required placeholder="회사 이름">
         <br><br>
         <button type="submit">비즈니스 인증</button>
     </form>
diff --git a/stockMate/src/main/webapp/WEB-INF/views/category/delete.jsp b/stockMate/src/main/webapp/WEB-INF/views/category/delete.jsp
index 5ee04a7..e1a4b81 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/category/delete.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/category/delete.jsp
@@ -8,7 +8,8 @@
 <title>카테고리 수정</title>
 </head>
 <body>
-		<!-- delete.jsp -->
+
+	<!-- delete.jsp -->
 	<h2>카테고리 삭제</h2>
 	<p>정말로 이 카테고리를 삭제하시겠습니까?</p>
 	
diff --git a/stockMate/src/main/webapp/WEB-INF/views/category/list.jsp b/stockMate/src/main/webapp/WEB-INF/views/category/list.jsp
index 9e9db19..c5c3c6c 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/category/list.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/category/list.jsp
@@ -70,9 +70,9 @@
     </style>
 </head>
 <body>
-    <h1>/views/category/list.jsp</h1>
+    <h1>카테고리 목록</h1>
 
-    <h2>카테고리 목록 정보 출력</h2>
+<!--     <h2>카테고리 목록 정보 출력</h2> -->
 
 	<table border="1">
 	    <thead>
diff --git a/stockMate/src/main/webapp/WEB-INF/views/category/register.jsp b/stockMate/src/main/webapp/WEB-INF/views/category/register.jsp
index c24a202..242f97d 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/category/register.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/category/register.jsp
@@ -8,7 +8,6 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>카테고리 등록</title>
 <link rel="stylesheet" href="<c:url value='/resources/css/registerStyle2.css' />">
-<link rel="stylesheet" href="<c:url value='/resources/css/registerStyle2.css' />">
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
diff --git a/stockMate/src/main/webapp/WEB-INF/views/dashboard.jsp b/stockMate/src/main/webapp/WEB-INF/views/dashboard.jsp
index 47976b3..a404f17 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/dashboard.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/dashboard.jsp
@@ -7,7 +7,9 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">    
     <title>대시보드</title>
+    <link rel="stylesheet" href="<c:url value='/resources/css/bannerStyle.css' />">
     <style>
+<<<<<<< HEAD
     
         /* Reset and Global Styles */
         body, html {
@@ -25,22 +27,6 @@
             flex-direction: column;
             min-height: 100vh; /* 화면 전체 높이를 채우기 */
         }
-        
-        .error-banner {
-            width: 100%;
-            background-color: #FCE4E4;
-            color: #D32F2F;
-            text-align: center;
-            padding: 10px 0;
-            font-size: 14px;
-            font-weight: 500;
-            position: absolute;
-            top: 0;
-            left: 0;
-            z-index: 1000;
-            border-bottom: 1px solid #F5C6C6;
-            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-        }
 
         /* Content Section */
         .content {
@@ -89,76 +75,6 @@
             background-color: #003f8c;
             transform: translateY(-5px);
         }
-		
-		/* Dropdown Menu - Horizontal Styling */
-		.menu-dropdown {
-		    position: relative;
-		    display: inline-block;
-		}
-		
-		.dropdown-btn {
-		    display: block;
-		    padding: 10px 20px;
-		    font-size: 16px;
-		    font-weight: bold;
-		    color: #fff;
-		    background-color: #007BFF;
-		    border-radius: 5px;
-		    text-decoration: none;
-		    cursor: pointer;
-		    text-align: center;
-		    transition: background-color 0.3s, transform 0.2s;
-		}
-		
-		.dropdown-btn:hover {
-		    background-color: #0056b3;
-		    transform: translateY(-3px);
-		}
-		
-		/* Horizontal Dropdown Content */
-		.dropdown-content {
-		    display: none;
-		    position: absolute;
-		    top: 0;
-		    left: 100%; /* 옆으로 펼쳐지도록 설정 */
-		    background-color: #ffffff;
-		    border: 1px solid #ddd;
-		    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-		    white-space: nowrap; /* 글자가 줄바꿈되지 않도록 설정 */
-		    border-radius: 5px;
-		    z-index: 1000;
-		}
-		
-		.dropdown-content a {
-		    display: block;
-		    padding: 10px 15px;
-		    font-size: 14px;
-		    font-weight: 500;
-		    color: #333;
-		    text-decoration: none;
-		    transition: background-color 0.3s, color 0.3s;
-		}
-		
-		.dropdown-content a:hover {
-		    background-color: #f0f0f0;
-		    color: #007BFF;
-		}
-		
-		/* Show the Dropdown */
-		.menu-dropdown:hover .dropdown-content {
-		    display: block;
-		}
-		
-		@keyframes fadeIn {
-		    from {
-		        opacity: 0;
-		        transform: translateY(-10px);
-		    }
-		    to {
-		        opacity: 1;
-		        transform: translateY(0);
-		    }
-		}
 
         /* Sidebar */
         .sidebar {
@@ -239,10 +155,15 @@
 </head>
 <body>
     <div class="container">
-   	   <!-- 에러 메시지가 있을 경우 상단 배너로 표시 -->
-       <c:if test="${not empty errorMessage}">
-           <div class="error-banner">${errorMessage}</div>
-       </c:if>
+		<%-- 에러 메시지 표시 --%>
+		<c:if test="${not empty errorMessage}">
+		    <div class="error-banner">${errorMessage}</div>
+		</c:if>
+		
+		<%-- 성공 메시지 표시 --%>
+		<c:if test="${not empty successMessage}">
+			<div class="success-banner">${successMessage}</div>
+		</c:if>
         <!-- Header Section -->
         <div class="header">
             대시보드
@@ -260,7 +181,6 @@
 			<!-- Sidebar -->
 			<div class="sidebar fade-in">
 			    <!-- 등록페이지 드롭다운 메뉴 -->
-			    <div class="menu-dropdown">
 			        <a href="#" class="dropdown-btn">등록페이지</a>
 			        <ul class="dropdown-content">
 			            <li><a href="warehouse/register">창고 등록</a></li>
@@ -268,13 +188,11 @@
 			            <li><a href="product/register">상품 등록</a></li>
 			            <li><a href="stock/register">재고 등록</a></li>
 			        </ul>
-			    </div>
 				    <!-- 기타 메뉴 -->
 				    <a href="user/editinfo1">내정보 조회/수정</a>
 				    <a href="user/changepassword1">비밀번호 변경</a>
 				    <a href="user/howtouse2">대시보드 사용법</a>
 				    <a href="user/signout" class="signout" style="color: red;">Sign out</a>
-				</div>
 			<script>
 			function confirmLogout() {
 			    alert("로그아웃 되었습니다");
diff --git a/stockMate/src/main/webapp/WEB-INF/views/main.jsp b/stockMate/src/main/webapp/WEB-INF/views/main.jsp
index 94ef367..1e78dad 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/main.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/main.jsp
@@ -1,7 +1,5 @@
 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
 <!DOCTYPE html>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
-
 <html lang="ko">
 <head>
 <meta charset="UTF-8">
@@ -17,8 +15,6 @@
 
 body {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    margin: 0;
-    padding: 0;
     background-color: #121212;
     color: #ffffff;
     line-height: 1.6;
@@ -114,39 +110,34 @@ body {
 
 /* 모달 기본 스타일 */
 .modal {
-    display: none; /* 숨김 처리 */
+    display: none;
     position: fixed;
-    top: 60%; /* 화면 상단에서 20% 아래에 표시 */
-    left: 50%;
-    transform: translate(-50%, -20%);
-    z-index: 1000;
-    background-color: rgba(0, 0, 0, 0.8);
+    top: 0;
+    left: 0;
     width: 100%;
     height: 100%;
-    z-index: 999; /* 모달 뒤 배경 */
-    box-shadow: 0 8px 20px 8px rgba(0, 0, 0, 0.4); /* 전체적으로 그림자 효과 추가 */
-     
+    background-color: rgba(0, 0, 0, 0.6);
+    justify-content: center;
+    align-items: center;
+    z-index: 1000;
+    animation: fadeIn 0.3s ease-in-out;
 }
 
 /* 모달 내용 */
 .modal-content {
-    background-color: #f9f9f9; /* 밝고 부드러운 배경색 */
-    color: #1a1a1a; /* 어두운 텍스트 색상 */
-     border: 4px solid #007BFF; /* 파란색 테두리 */
-    margin: auto;
-    padding: 30px; /* 더 넉넉한 내부 여백 */
-    border-radius: 16px; /* 더 둥근 모서리 */
-    width: 40%; /* 적절한 크기 */
-    max-width: 600px; /* 최대 너비 제한 */
+    background-color: #ffffff;
+    color: #333333;
+    padding: 30px;
+    border-radius: 15px;
+    width: 50%;
+    max-width: 600px;
     position: relative;
-    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25); /* 부드러운 그림자 효과 */
-    modal-overlay: rgba(0, 0, 0, 0.6)
-    animation: fadeIn 0.3s ease; /* 팝업 열리는 애니메이션 */
-    transition: all 0.3s ease; /* 부드러운 상태 전환 */
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
+    border: 3px solid #007BFF;
+    transform: translateY(-30px);
+    animation: slideDown 0.3s ease-in-out;
 }
 
-
-
 /* 닫기 버튼 */
 .close {
     position: absolute;
@@ -161,6 +152,26 @@ body {
 .close:hover {
     color: red;
 }
+
+@keyframes fadeIn {
+    from {
+        background-color: rgba(0, 0, 0, 0);
+    }
+    to {
+        background-color: rgba(0, 0, 0, 0.6);
+    }
+}
+
+@keyframes slideDown {
+    from {
+        transform: translateY(-50px);
+        opacity: 0;
+    }
+    to {
+        transform: translateY(0);
+        opacity: 1;
+    }
+}
 </style>
 </head>
 <body>
@@ -185,20 +196,21 @@ body {
     <!-- Footer -->
     <div class="footer">
         <a href="javascript:void(0);" onclick="showTerms();">이용약관</a> | 
-        <a href="javascript:void(0);" onclick="showPrivacyPolicy();">개인정보취급방침</a>
+        <a href="javascript:void(0);" onclick="showPrivacyPolicy();">개인정보취급방침</a> | 
+        <a href="javascript:void(0);" onclick="showEmailPolicy();">이메일주소무단수집거부</a>
     </div>
 
     <!-- '이용약관' 모달 -->
     <div id="termsModal" class="modal">
         <div class="modal-content">
-            <span class="close" onclick="closeModal();">&times;</span>
-            <h2>용인창고 이용약관</h2>
+            <span class="close" onclick="closeModal('termsModal');">&times;</span>
+            <h2>이용약관</h2>
             <p>
-                제 1조 총칙<br>
-                이 약관은 stock-mate(이하 "회사")가 제공하는 모든 서비스의 이용조건 및 절차, 기타 필요한 사항을 규정함을 목적으로 합니다.
+                 <strong>제 1조 총칙 </strong><br>
+                이 약관은 stock-mate(이하 "회사")가 제공하는 모든 서비스의 이용조건 및 절차를 규정함을 목적으로 합니다.
             </p>
             <p>
-                제 2조 약관의 효력과 변경<br>
+                 <strong>제 2조 약관의 효력과 변경 </strong><br>
                 (1) 이 약관은 본 사이트에 공지함으로써 효력을 발휘합니다.<br>
                 (2) 회사는 필요 시 약관을 변경할 수 있으며, 변경된 약관은 사이트에 게시하거나 기타 방법으로 공지합니다.
             </p>
@@ -208,7 +220,7 @@ body {
     <!-- '개인정보취급방침' 모달 -->
     <div id="privacyModal" class="modal">
         <div class="modal-content">
-            <span class="close" onclick="closePrivacyModal();">&times;</span>
+            <span class="close" onclick="closeModal('privacyModal');">&times;</span>
             <h2>개인정보취급방침</h2>
             <p>
                 안성창고 회원의 개인 정보 보호를 매우 중요시하며, <br>
@@ -216,32 +228,45 @@ body {
                 고객님의 개인 정보 보호를 위해 최선을 다하겠습니다.
             </p>
             <p>
-                1. 개인정보의 수집 및 이용 목적<br>
-                (주)안성물류터미널(http://www.namsa.kr)은 고객의 정보보호에 대한 <br>
-                이용자의 개별적인 요구를 존중하며 관련법을 준수하기 위해 노력합니다.
+                본 방침은 2020년 10월 19일부터 시행됩니다.
+            </p>
+        </div>
+    </div>
+
+    <!-- '이메일주소무단수집거부' 모달 -->
+    <div id="emailPolicyModal" class="modal">
+        <div class="modal-content">
+            <span class="close" onclick="closeModal('emailPolicyModal');">&times;</span>
+            <h2>이메일주소무단수집거부</h2>
+            <p>
+                본 사이트에 게시된 이메일 주소가 전자우편 수집 프로그램이나 그 밖의 기술적 장치를 이용하여 무단으로 
+                수집되는 것을 거부하며, 이를 위반 시 정보통신망 법에 의해 형사처분됨을 유념하시기 바랍니다.
             </p>
             <p>
-                - 본 방침은 2020년 10월 19일부터 시행됩니다.
+                정보통신망 법 제50조 2<br>
+                <strong>[전자우편 주소의 무단 수집 행위 등 금지]</strong><br>
+                1. 누구든지 전자우편 주소의 수집을 거부하는 의사가 명시된 인터넷 홈페이지에서 자동으로 전자우편 주소를 수집하는 프로그램 또는 기술적 장치를 이용하여 전자우편 주소를 수집하여서는 아니 된다.<br>
+                2. 누구든지 제1항의 규정을 위반하여 수집된 전자우편 주소를 판매, 유통하여서는 아니 된다.<br>
+                3. 누구든지 제1항 및 2항의 규정에 의하여 수집, 판매 및 유통이 금지된 전자우편 주소임을 알고 이를 정보 전송에 이용하여서는 아니 된다.
             </p>
         </div>
     </div>
 
-    <!-- JavaScript -->
     <script>
         function showTerms() {
-            document.getElementById("termsModal").style.display = "block";
+            document.getElementById("termsModal").style.display = "flex";
         }
 
-        function closeModal() {
-            document.getElementById("termsModal").style.display = "none";
+        function showPrivacyPolicy() {
+            document.getElementById("privacyModal").style.display = "flex";
         }
 
-        function showPrivacyPolicy() {
-            document.getElementById("privacyModal").style.display = "block";
+        function showEmailPolicy() {
+            document.getElementById("emailPolicyModal").style.display = "flex";
         }
 
-        function closePrivacyModal() {
-            document.getElementById("privacyModal").style.display = "none";
+        function closeModal(modalId) {
+            document.getElementById(modalId).style.display = "none";
         }
     </script>
 </body>
diff --git a/stockMate/src/main/webapp/WEB-INF/views/manager/approve.jsp b/stockMate/src/main/webapp/WEB-INF/views/manager/approve.jsp
new file mode 100644
index 0000000..7828ed7
--- /dev/null
+++ b/stockMate/src/main/webapp/WEB-INF/views/manager/approve.jsp
@@ -0,0 +1,77 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+    pageEncoding="UTF-8"%>
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Insert title here</title>
+</head>
+<body>
+<h1>승인 대기 직원 리스트</h1>
+<input type="text" id="searchInput" placeholder="이름, 이메일 등으로 검색..." />
+<table>
+    <thead>
+        <tr>
+            <th>직원 ID</th>
+            <th>이메일</th>
+            <th>이름</th>
+            <th>역할</th>
+            <th>전화번호</th>
+            <th>생성일</th>
+            <th>상태</th>
+            <th>작업</th>
+        </tr>
+    </thead>
+    <tbody id="staffTableBody"></tbody>
+</table>
+
+<script>
+    // Staff 리스트 조회
+    fetch('/api/manager/staff')
+        .then(response => response.json())
+        .then(staffList => {
+            const tableBody = document.getElementById('staffTableBody');
+            staffList.forEach(staff => {
+                const row = `
+                    <tr data-user-id="${staff.approvedUserId}">
+                        <td>${staff.approvedUserId}</td>
+                        <td>${staff.email}</td>
+                        <td>${staff.userName}</td>
+                        <td>${staff.userRole}</td>
+                        <td>${staff.telNumber}</td>
+                        <td>${staff.createdAt}</td>
+                        <td>
+                            <select class="status-dropdown">
+                                <option value="APPROVED">승인</option>
+                                <option value="PENDING" selected>대기</option>
+                                <option value="REJECTED">거부</option>
+                            </select>
+                        </td>
+                        <td>
+                            <button class="btn-save">저장</button>
+                        </td>
+                    </tr>`;
+                tableBody.innerHTML += row;
+            });
+        });
+
+    // 저장 버튼 클릭 이벤트
+    document.addEventListener("click", event => {
+        if (event.target.classList.contains("btn-save")) {
+            const row = event.target.closest("tr");
+            const userId = row.getAttribute("data-user-id");
+            const status = row.querySelector(".status-dropdown").value;
+
+            fetch('/api/manager/approve', {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ approvedUserId: userId, userStatus: status }),
+            })
+            .then(response => response.json())
+            .then(data => {
+                alert(data.message);
+                if (data.success) row.remove();
+            });
+        }
+    });
+</script>
\ No newline at end of file
diff --git a/stockMate/src/main/webapp/WEB-INF/views/order/orderDetail.jsp b/stockMate/src/main/webapp/WEB-INF/views/order/orderDetail.jsp
index 1715681..abc3ecf 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/order/orderDetail.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/order/orderDetail.jsp
@@ -36,7 +36,8 @@
                     <td>${order.orderNumber}</td>
                     <td><fmt:formatDate value="${order.createdAt}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
                     <td>${order.orderType}</td>
-                    <td><fmt:formatNumber value="${order.totalPrice}" pattern="#,###.##"/>원</td>
+                    <!-- 포매팅 관련 문제로 인해 잠시 대기 금액에 대해서 다 표 기 할지 올림할지 모르겠음 pattern="#,###.##"  -->
+                    <td><fmt:formatNumber value="${order.totalPrice}" />원</td>
                 </tr>
             </table>
         </div>
@@ -64,8 +65,10 @@
                 <td>${item.warehouseName}</td>
                 <td><fmt:formatNumber value="${item.quantity}" pattern="#,###" /></td>
                 <td>${item.baseUnit}</td>
-                <td><fmt:formatNumber value="${item.unitPrice}" pattern="#,###" />원</td>
-                <td><fmt:formatNumber value="${item.stotalPrice}" pattern="#,###" />원</td>
+                <!-- 포매팅 대기 pattern="#,###" -->
+                <td><fmt:formatNumber value="${item.unitPrice}" />원</td>
+                <!-- 포매팅 대기  pattern="#,###"-->
+                <td><fmt:formatNumber value="${item.stotalPrice}"  />원</td>
                 <td>${item.shipmentStatus}</td>
                 <td>${item.remarks}</td>
             </tr>
diff --git a/stockMate/src/main/webapp/WEB-INF/views/order/orderList.jsp b/stockMate/src/main/webapp/WEB-INF/views/order/orderList.jsp
index 218d5fb..9922000 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/order/orderList.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/order/orderList.jsp
@@ -31,7 +31,7 @@
                <td>
                    <c:choose>
                        <c:when test="${not empty order.createdAt}">
-                           <!-- [신규] 날짜 포맷팅 - yyyy-MM-dd HH:mm:ss 형식으로 통일 -->
+                           <!-- 날짜 포맷팅 - yyyy-MM-dd HH:mm:ss 형식으로 통일 -->
                            <fmt:formatDate value="${order.createdAt}" pattern="yyyy-MM-dd HH:mm:ss"/>
                        </c:when>
                        <c:otherwise>값이 없습니다</c:otherwise>
@@ -40,8 +40,8 @@
                <td>
                    <c:choose>
                        <c:when test="${not empty order.totalPrice}">
-                           <!-- [신규] 금액 포맷팅 - 천단위 구분자와 원화 표시 추가 -->
-                           <fmt:formatNumber value="${order.totalPrice}" pattern="#,###" />원
+                           <!-- 금액 포맷팅 - 천단위 구분자와 원화 표시 추가 pattern="#,###" 하면... 되는데.. 문제가... -->
+                           <fmt:formatNumber value="${order.totalPrice}"  />원  
                        </c:when>
                        <c:otherwise>값이 없습니다</c:otherwise>
                    </c:choose>
@@ -94,5 +94,4 @@
    }
    </script>
 </body>
-</body>
 </html>
\ No newline at end of file
diff --git a/stockMate/src/main/webapp/WEB-INF/views/order/register.jsp b/stockMate/src/main/webapp/WEB-INF/views/order/register.jsp
index aa97d5c..2ea84ae 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/order/register.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/order/register.jsp
@@ -2,59 +2,62 @@
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
 <!DOCTYPE html>
 <html>
+
 <head>
     <meta charset="UTF-8">
     <title>주문 발주 페이지</title>
     <link rel="stylesheet" href="<c:url value='/resources/css/OrderStyle.css' />">
 </head>
+
 <body>
     <!-- 메인 컨테이너 -->
     <div class="container">
         <h1 style="margin-bottom: 20px;">주문 발주</h1>
-        
+
         <div>
-		    <a class="btn btn-success" href="/dashboard" style="text-decoration: none;">대시 보드</a>
-		    <a class="btn btn-success" href="/order/orderList" style="text-decoration: none;">주문목록</a>
-		</div>
+            <a class="btn btn-success" href="/dashboard" style="text-decoration: none;">대시 보드</a>
+            <a class="btn btn-success" href="/order/orderList" style="text-decoration: none;">주문목록</a>
+        </div>
+
         <!-- 주문 폼 시작 -->
         <form id="orderForm" action="/order/register" method="post">
             <!-- 주문 정보 카드 -->
             <div class="card">
-			    <div class="card-header">주문 정보</div>
-			    <div class="card-body">
-			        <div class="row mb-3">
-			            <div class="col-12">
-			                <div class="form-group">
-			                    <label class="form-label required-label">주문 유형</label>
-			                    <div class="form-check">
-			                    	수주
-			                        <input class="form-check-input" type="radio" name="orderType" id="outbound" value="OUTBOUND" required>
-			                        <label class="form-check-label" for="outbound">
-			                        </label>
-			                        발주
-			                        <label class="form-check-label" for="inbound">
-			                            <input class="form-check-input" type="radio" name="orderType" id="inbound" value="INBOUND" required>
-			                        </label>
-			                    </div>
-			                </div>
-			            </div>
-			        </div>
-			        <div class="row">
-			            <div class="col-md-6">
-			                <div class="form-group">
-			                    <label for="createdAt" class="form-label required-label">발주일자</label>
-			                    <input type="date" class="form-control" id="createdAt" name="createdAt" required>
-			                </div>
-			            </div>
-			            <div class="col-md-6">
-			                <div class="form-group">
-			                    <label for="orderNumber" class="form-label">주문번호</label>
-			                    <input type="text" class="form-control" id="orderNumber" name="orderNumber" readonly>
-			                </div>
-			            </div>
-			        </div>
-			    </div>
-			</div>
+                <div class="card-header">주문 정보</div>
+                <div class="card-body">
+                    <div class="row mb-3">
+                        <div class="col-12">
+                            <div class="form-group">
+                                <label class="form-label required-label">주문 유형</label>
+                                <div class="form-check">
+                                    수주
+                                    <input class="form-check-input" type="radio" name="orderType" id="outbound" value="OUTBOUND" required>
+                                    <label class="form-check-label" for="outbound">
+                                    </label>
+                                    발주
+                                    <label class="form-check-label" for="inbound">
+                                        <input class="form-check-input" type="radio" name="orderType" id="inbound" value="INBOUND" required>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <label for="createdAt" class="form-label required-label">발주일자</label>
+                                <input type="date" class="form-control" id="createdAt" name="createdAt" required>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <label for="orderNumber" class="form-label">주문번호</label>
+                                <input type="text" class="form-control" id="orderNumber" name="orderNumber" readonly>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
 
             <!-- 재고 정보 컨테이너 (동적으로 카드가 추가됨) -->
             <div id="stockInfoContainer">
@@ -64,107 +67,101 @@
             <div class="text-center" style="margin: 20px 0;">
                 <button type="button" class="btn btn-success" id="addOrder">주문 추가</button>
             </div>
-
             <!-- 재고 정보 카드 템플릿 -->
             <div class="card stock-info-card" id="stockInfoTemplate">
-		    <div class="card-header">
-		        <div class="d-flex justify-content-between align-items-center">
-		            <span>재고 정보</span>
-		            <button type="button" class="btn btn-danger delete-btn">삭제</button>
-		        </div>
-		    </div>
-		    <div class="card-body">
-		        <div class="row">
-		            <div class="col-12">
-		                <button type="button" class="btn btn-primary w-100 stock-select-btn">
-		                    재고 선택
-		                </button>
-		            </div>
-		        </div>
-		
-		        <input type="hidden" class="stock-id" name="orderItems[0].stockId">
-		        <input type="hidden" class="product-id" name="orderItems[0].productId">
-		        <input type="hidden" class="warehouse-id" name="orderItems[0].warehouseId">
-		        
-		        <!-- 예약수량을 hidden으로 변경 -->
-		        <input type="hidden" class="form-control reserved-quantity" readonly>
-		
-		        <div class="row">
-		            <div class="col-md-4">
-		                <div class="form-group">
-		                    <label class="form-label">제품명</label>
-		                    <input type="text" class="form-control product-name" readonly>
-		                </div>
-		            </div>
-		            <div class="col-md-4">
-		                <div class="form-group">
-		                    <label class="form-label">창고명</label>
-		                    <input type="text" class="form-control warehouse-name" readonly>
-		                </div>
-		            </div>
-		            <div class="col-md-4">
-		                <div class="form-group">
-		                    <label class="form-label">바코드</label>
-		                    <input type="text" class="form-control barcode" readonly>
-		                </div>
-		            </div>
-		        </div>
-		
-		        <div class="row">
-		            <div class="col-md-4">
-		                <div class="form-group">
-		                    <label class="form-label">총 재고</label>
-		                    <input type="number" class="form-control total-quantity" readonly>
-		                </div>
-		            </div>
-		            <div class="col-md-4">
-		                <div class="form-group">
-		                    <label class="form-label">가용 재고</label>
-		                    <input type="number" class="form-control available-stock" readonly>
-		                </div>
-		            </div>
-		            <div class="col-md-4">
-		                <div class="form-group">
-		                    <label class="form-label required-label">주문수량</label>
-		                    <input type="number" class="form-control order-quantity" 
-		                           name="orderItems[0].quantity" min="1" value="1" required>
-		                </div>
-		            </div>
-		        </div>
-		
-		        <div class="row">
-		            <div class="col-md-4">
-		                <div class="form-group">
-		                    <label class="form-label">단위</label>
-		                    <input type="text" class="form-control base-unit" readonly>
-		                </div>
-		            </div>
-		            <div class="col-md-4">
-		                <div class="form-group">
-		                    <label class="form-label">단가</label>
-		                    <input type="number" step="0.01" class="form-control unit-price" 
-		                           name="orderItems[0].unitPrice" readonly>
-		                </div>
-		            </div>
-		            <div class="col-md-4">
-		                <div class="form-group">
-		                    <label class="form-label">소계</label>
-		                    <input type="number" step="0.01" class="form-control subtotal-price" readonly>
-		                </div>
-		            </div>
-		        </div>
-		
-		        <div class="row mt-3">
-		            <div class="col-12">
-		                <div class="form-group">
-		                    <label class="form-label">비고</label>
-		                    <textarea class="form-control remarks" name="orderItems[0].remarks" rows="2"></textarea>
-		                </div>
-		            </div>
-		        </div>
-		    </div>
-		</div>
+                <div class="card-header">
+                    <div class="d-flex justify-content-between align-items-center">
+                        <span>재고 정보</span>
+                        <button type="button" class="btn btn-danger delete-btn">삭제</button>
+                    </div>
+                </div>
+                <div class="card-body">
+                    <div class="row">
+                        <div class="col-12">
+                            <button type="button" class="btn btn-primary w-100 stock-select-btn">
+                                재고 선택
+                            </button>
+                        </div>
+                    </div>
+
+                    <input type="hidden" class="stock-id" name="orderItems[0].stockId">
+                    <input type="hidden" class="product-id" name="orderItems[0].productId">
+                    <input type="hidden" class="warehouse-id" name="orderItems[0].warehouseId">
 
+                    <!-- 예약수량을 hidden으로 변경 -->
+                    <input type="hidden" class="form-control reserved-quantity" readonly>
+
+                    <div class="row">
+                        <div class="col-md-4">
+                            <div class="form-group">
+                                <label class="form-label">제품명</label>
+                                <input type="text" class="form-control product-name" readonly>
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="form-group">
+                                <label class="form-label">창고명</label>
+                                <input type="text" class="form-control warehouse-name" readonly>
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="form-group">
+                                <label class="form-label">바코드</label>
+                                <input type="text" class="form-control barcode" readonly>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="row">
+                        <div class="col-md-4">
+                            <div class="form-group">
+                                <label class="form-label">총 재고</label>
+                                <input type="number" class="form-control total-quantity" readonly>
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="form-group">
+                                <label class="form-label">가용 재고</label>
+                                <input type="number" class="form-control available-stock" readonly>
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="form-group">
+                                <label class="form-label required-label">주문수량</label>
+                                <input type="number" class="form-control order-quantity" name="orderItems[0].quantity" min="1" value="1" required>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-4">
+                            <div class="form-group">
+                                <label class="form-label">단위</label>
+                                <input type="text" class="form-control base-unit" readonly>
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="form-group">
+                                <label class="form-label">단가</label>
+                                <input type="number" step="0.01" class="form-control unit-price" name="orderItems[0].unitPrice" readonly>
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="form-group">
+                                <label class="form-label">소계</label>
+                                <input type="number" step="0.01" class="form-control subtotal-price" readonly>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row mt-3">
+                        <div class="col-12">
+                            <div class="form-group">
+                                <label class="form-label">비고</label>
+                                <textarea class="form-control remarks" name="orderItems[0].remarks" rows="2"></textarea>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
             <!-- 총계 정보 카드 -->
             <div class="card">
                 <div class="card-header">총계 정보</div>
@@ -178,7 +175,8 @@
                         </div>
                     </div>
                 </div>
-            </div><!-- 히든 필드 -->
+            </div>
+            <!-- 히든 필드 -->
             <input type="hidden" id="createdBy" name="createdBy" value="${sessionScope.userId}">
 
             <!-- 폼 제출/초기화 버튼 -->
@@ -230,457 +228,594 @@
     </div>
 
     <!-- jQuery 라이브러리 -->
-    <script
-	  src="https://code.jquery.com/jquery-3.7.1.min.js"
-	  integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
-	  crossorigin="anonymous"></script>
+    <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
+    <!-- JavaScript 코드 시작 -->
     <script>
-    // 전역 변수 선언
-	let currentItemIndex = 0;
-	
-	// 페이지 로드 시 초기화
-	$(document).ready(function() {
-	    // 현재 날짜 설정
-	    document.getElementById('createdAt').value = new Date().toISOString().split('T')[0];
-	    
-	    // 주문번호 생성 호출
-	    generateNewOrderNumber();
-	    
-	    // 초기 재고 정보 카드 숨기기
-	    $('#stockInfoTemplate').hide();
-	    
-	    // 이벤트 리스너 설정
-	    setupEventListeners();
-	    
-	    // 첫 번째 재고 정보 카드 추가
-	    addOrder();
-	});
-		// 재고 정보 카드 추가
-		function addOrder() {
-			
-		 // 템플릿 복제
-		    const newCard = $('#stockInfoTemplate').clone()
-		        .removeAttr('id')
-		        .show();
-		    
-		    // 인덱스 설정
-		    const index = $('.stock-info-card:visible').length;
-		    updateCardIndexes(newCard, index);
-		    
-		    // 컨테이너에 추가
-		    $('#stockInfoContainer').append(newCard);
-		    
-		    // 삭제 버튼 상태 업데이트
-		    updateDeleteButtonStatus();
-		}
-		
-		// 카드 인덱스 업데이트
-		function updateCardIndexes(card, index) {
-		    card.find('input, textarea').each(function() {
-		        const name = $(this).attr('name');
-		        if (name) {
-		            $(this).attr('name', name.replace(/\[\d+\]/, `[${index}]`));
-		        }
-		    });
-		}
-		
-		// 모든 주문 항목의 인덱스 재정렬
-		function updateOrderIndexes() {
-		    $('.stock-info-card:visible').each(function(index) {
-		        updateCardIndexes($(this), index);
-		    });
-		}
-		
-		// 모달 관련 함수들
-		function openModal() {
-		    $('#stockListModal').addClass('show');
-		    loadAvailableStocks();
-		}
-		
-		function closeModal() {
-		    $('#stockListModal').removeClass('show');
-		}
-		
-		// 재고 목록 로드
-		function loadAvailableStocks() {
-		    showLoading();
-		    $.ajax({
-		        url: '/order/findAvailableStocks',
-		        type: 'GET',
-		        dataType: 'json',
-		        success: function(data) {
-		            renderStockList(data);
-		        },
-		        error: function(xhr, status, error) {
-		            console.error('Error:', error);
-		            $('#stockListBody').html(
-		                '<tr><td colspan="11" class="text-center">재고 목록을 불러오는데 실패했습니다.</td></tr>'
-		            );
-		        },
-		        complete: hideLoading
-		    });
-		}
-		
-		// 재고 목록 렌더링
-		function renderStockList(data) {
-		    const tbody = $('#stockListBody');
-		    tbody.empty();
-		    
-		    if (data && data.length > 0) {
-		        data.forEach(function(stock) {
-		            const row = createStockRow(stock);
-		            tbody.append(row);
-		        });
-		    } else {
-		        tbody.html('<tr><td colspan="11" class="text-center">가용 재고가 없습니다.</td></tr>');
-		    }
-		}
-
-		// 재고 행 생성
-		function createStockRow(stock) {
-		    const row = $('<tr>');
-		    
-		    [
-		        stock.stockId,
-		        stock.product.productName,
-		        stock.product.productBarcode || '-',
-		        stock.warehouseName,
-		        stock.warehouseId,
-		        stock.totalQuantity,
-		        /* stock.reservedQuantity, */
-		        stock.availableStock,
-		        stock.product.productPrice,
-		        stock.product.baseUnit
-		    ].forEach(text => {
-		        row.append($('<td>').text(text));
-		    });
-		    
-		    // 선택 버튼 추가
-		    const selectBtn = $('<button>')
-		        .addClass('btn btn-success')
-		        .text('선택')
-		        .on('click', () => selectStock(stock));
-		    
-		    row.append($('<td>').append(selectBtn));
-		    
-		    return row;
-		}
-			
-			// 이벤트 리스너 설정
-			function setupEventListeners() {
-			    // 주문 추가 버튼
-			    $('#addOrder').on('click', addOrder);
-			    
-			    // 폼 제출
-			    $('#orderForm').on('submit', function(e) {
-			        e.preventDefault();
-			        if (validateForm()) {
-			            submitOrder();
-			        }
-			    });
-			    
-			    // 초기화 버튼
-			    $('#resetBtn').on('click', function() {
-			        if (confirm('모든 입력을 초기화하시겠습니까?')) {
-			            resetForm();
-			        }
-			    });
-			    
-			    // 수량 변경 이벤트
-			    $(document).on('change', '.order-quantity', function() {
-			        validateQuantity($(this));
-			    });
-			    
-			    // 재고 선택 버튼
-			    $(document).on('click', '.stock-select-btn', function() {
-			        currentItemIndex = $(this).closest('.stock-info-card').index();
-			        openModal();
-			    });
-			    
-			    // 삭제 버튼
-			    $(document).on('click', '.delete-btn', function() {
-			        const card = $(this).closest('.stock-info-card');
-			        if ($('.stock-info-card:visible').length > 1) {
-			            card.remove();
-			            updateOrderIndexes();
-			            updateGrandTotal();
-			        } else {
-			            alert('최소 하나의 주문 항목이 필요합니다.');
-			        }
-			    });
-			    
-			    // 모달 닫기 버튼
-			    $('.btn-close').on('click', closeModal);
-			    
-			    // 모달 외부 클릭
-			    $('#stockListModal').on('click', function(e) {
-			        if ($(e.target).is('#stockListModal')) {
-			            closeModal();
-			        }
-			    });
-			}
-			
-			// 주문번호 생성
-			function generateNewOrderNumber() {
-			    showLoading();
-			    $.ajax({
-			        url: '/order/generateOrderNumber',
-			        type: 'GET',
-			        dataType: 'text',
-			        success: function(orderNumber) {
-			            if (orderNumber) {
-			                $('#orderNumber').val(orderNumber.trim());
-			            } else {
-			                console.error('주문번호 생성 실패');
-			                alert('주문번호 생성에 실패했습니다.');
-			            }
-			        },
-			        error: function(xhr, status, error) {
-			            console.error('주문번호 생성 오류:', error);
-			            alert('주문번호 생성에 실패했습니다.');
-			        },
-			        complete: hideLoading
-			    });
-			}
-			
-		// 재고 선택
-		function selectStock(stock) {
-			// 현재 표시된 재고 정보 카드 중 현재 인덱스에 해당하는 카드를 선택
-		    const card = $('.stock-info-card:visible').eq(currentItemIndex);
-			
-			 // 주문 유형 가져오기 
-		    const orderType = $('input[name="orderType"]:checked').val();
-
-			
-			 // stockId 설정이 제대로 되는지 확인 디버깅
-		    card.find('.stock-id').val(stock.stockId);
-		    console.log('Selected Stock ID:', stock.stockId); // 디버깅용
-		    
-		    // 숨겨진 필드 업데이트
-		    card.find('.stock-id').val(stock.stockId); // 재고 고유 ID
-		    card.find('.product-id').val(stock.product.productId); // 제품 고유 ID
-		    card.find('.warehouse-id').val(stock.warehouseId); // 창고 고유 ID
-		    
-		    // 사용자 View 표시 필드 업데이트
-		    card.find('.product-name').val(stock.product.name); // 제품명
-		    card.find('.warehouse-name').val(stock.warehouseName); // 창고명
-		    card.find('.barcode').val(stock.product.barcode); // 바코드
-		    card.find('.total-quantity').val(stock.totalQuantity); // 총 재고량
-		    card.find('.reserved-quantity').val(stock.reservedQuantity); // 예약된 수량
-		    card.find('.available-stock').val(stock.availableStock); // 실제 주문 가능한 재고량
-		    card.find('.base-unit').val(stock.product.baseUnit);  // 기본 단위
-		    card.find('.unit-price').val(stock.product.price); // 단가
-		    // 표시 필드 업데이트
-		    card.find('.product-name').val(stock.product.productName);
-		    card.find('.warehouse-name').val(stock.warehouseName);
-		    card.find('.barcode').val(stock.product.productBarcode);
-		    card.find('.total-quantity').val(stock.totalQuantity);
-		    card.find('.reserved-quantity').val(stock.reservedQuantity);
-		    card.find('.available-stock').val(stock.availableStock);
-		    card.find('.base-unit').val(stock.product.baseUnit);
-		    card.find('.unit-price').val(stock.product.productPrice);
-		    
-
-		    // 주문 수량 입력 필드
-		    const quantityInput = card.find('.order-quantity');
-    
-		    // 수주(OUTBOUND)인 경우에만 최대 수량 제한 설정
-		    if (orderType === 'OUTBOUND') {
-		        quantityInput.attr('max', stock.availableStock);  // 가용 재고로 최대값 설정
-		    } else {
-		        // 발주(INBOUND)인 경우 최대값 제한 없음
-		        quantityInput.removeAttr('max');  // max 속성 제거
-		    }
-		    
-		    validateQuantity(quantityInput);
-		    closeModal();;
-		}
-		// @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 수정
-		// 수량 유효성 검사(입력된 수량이 유효한지 확인)
-		function validateQuantity(input) {
-			// 현재 수량 입력이 속한 카드 요소 찾기
-		    const card = input.closest('.stock-info-card');
-		    // 주문 유형 가져오기
-		    const orderType = $('input[name="orderType"]:checked').val();
-
-			 // 입력된 수량과 가용 재고를 정수로 변환 (값이 없으면 0으로 설정)
-		    const quantity = parseInt(input.val()) || 0; // 입력된 주문 수량   반환실패 시  null 대신 0 값 들어감
-		    const available = parseInt(card.find('.available-stock').val()) || 0; // 가용 재고량
-		    
-			// 수량 유효성 검사 조건문
-		    if (quantity < 1) { // 최소 주문 수량(1개) 미만인 경우
-		        alert('주문 수량은 1 이상이어야 합니다.');
-		        input.val(1); // 수량을 1로 재설정
-
-		    }else if (orderType === 'OUTBOUND' && quantity > available) { // 수주의 경우 가용재고 체크
-		        alert('수주 수량이 가용 재고를 초과할 수 없습니다.');
-		        input.val(available);
-		    }
-		    calculateSubtotal(card); // 수량 변경에 따른 소계 재계산
-		}
-		
-		// 소계 계산(주문 수량과 단가를 곱하여 소계 계산)
-		function calculateSubtotal(card) {
-			// 현재 카드의 수량과 단가 가져오기 (값이 없으면 0으로 설정)
-		    const quantity = parseInt(card.find('.order-quantity').val()) || 0; // 주문 수량
-		    const unitPrice = parseFloat(card.find('.unit-price').val()) || 0; // 단가
-		    const subtotal = quantity * unitPrice; // 소계 계산 (수량 * 단가)
-		    
-		 	// 계산된 소계를 소수점 둘째 자리까지 표시하여 필드에 설정
-		    card.find('.subtotal-price')
-			    .val(subtotal)  // 실제 계산을 위한 숫자값 저장
-		        .prop('type', 'text')  // 추가: input type을 text로 변경
-		        .val(new Intl.NumberFormat('ko-KR').format(subtotal) + '원');  // 표시용 포맷팅
-		    
-		    
-			// 전체 주문 금액 업데이트 (다른 함수에서 구현)
-		    updateGrandTotal();
-		}
-		
-		// 총계 업데이트
-		function updateGrandTotal() {
-		    let total = 0;
-		    $('.stock-info-card:visible').each(function() {
-		        const card = $(this);
-		        const quantity = parseInt(card.find('.order-quantity').val()) || 0;
-		        const unitPrice = parseFloat(card.find('.unit-price').val()) || 0;
-		        total += quantity * unitPrice;
-		    });
-		    
-		    $('#grandTotal')
-		        .prop('type', 'text')  // 추가: input type을 text로 변경
-		        .val(new Intl.NumberFormat('ko-KR').format(total) + '원');
-		}
-		
-		// 삭제 버튼 상태 업데이트
-		function updateDeleteButtonStatus() {
-		    const buttons = $('.delete-btn');
-		    buttons.prop('disabled', buttons.length <= 1);
-		}
-		
-		function validateForm() {
-		    let isValid = true;
-		    let hasUnselectedItems = false;
-		    
-		    // 주문 유형 체크(수주/발주)
-		    const orderType = $('input[name="orderType"]:checked').val();
-		    if (!orderType) {
-		        alert('주문 유형을 선택해주세요.');
-		        return false;
-		    }
-		    
-		    // 각 주문 항목 검증
-		    $('.stock-info-card:visible').each(function() {
-		        const card = $(this);
-		        
-		        // 재고 선택 여부 체크
-		        if (!card.find('.stock-id').val()) {
-		            hasUnselectedItems = true;
-		            return false; // each 루프 중단
-		        }
-		        
-		        // 수량 유효성 체크
-		        const quantity = parseInt(card.find('.order-quantity').val());
-		        const available = parseInt(card.find('.available-stock').val());
-		        
-		        if (!quantity || quantity < 1) {
-		            alert('모든 주문의 수량은 1 이상이어야 합니다.');
-		            isValid = false;
-		            return false; // each 루프 중단
-		        }
-		        
-		        // 수주(OUTBOUND)인 경우에만 가용 재고 체크
-		        if (orderType === 'OUTBOUND' && quantity > available) {
-		            alert('수주 수량이 가용 재고를 초과할 수 없습니다.');
-		            isValid = false;
-		            return false; // each 루프 중단
-		        }
-		    });
-		    
-		    if (hasUnselectedItems) {
-		        alert('모든 주문에 대해 재고를 선택해주세요.');
-		        return false;
-		    }
-		    
-		    return isValid;
-		}
-		
-		// 주문 제출
-		function submitOrder() {
-	    const orderItems = [];
-	    
-	    $('.stock-info-card:visible').each(function(index) {
-	        const card = $(this);
-	        orderItems.push({
-	            orderId: 0,  // 새로운 주문이므로 0으로 설정
-	            productId: parseInt(card.find('.product-id').val()),
-	            warehouseId: parseInt(card.find('.warehouse-id').val()),
-	            quantity: parseInt(card.find('.order-quantity').val()),
-	            unitPrice: parseFloat(card.find('.unit-price').val()),
-	            remarks: card.find('.remarks').val(),
-	            stotalPrice: parseFloat(card.find('.subtotal-price').val()),// 소계 추가
-	            stockId: parseInt(card.find('.stock-id').val()) // 스톡 아이디 추가
-	        });
-	    });
-		// formData 객체 값추가 필요시 추가 해야함
-	    const formData = {
-	        orderNumber: $('#orderNumber').val(),
-	        createdAt: $('#createdAt').val(),
-	        totalPrice: parseFloat($('#grandTotal').val()),
-	        createdBy: $('#createdBy').val(),
-	        orderItems: orderItems,
-	        orderType: $('input[name="orderType"]:checked').val() // INBOUND 또는 OUTBOUND 추가
-	    };
-	
-	    showLoading();
-	    $.ajax({
-	        url: '/order/register',
-	        type: 'POST',
-	        contentType: 'application/json',
-	        data: JSON.stringify(formData),
-	        success: function(response) {
-	            if (response.status === 'success') {
-	                alert('주문이 성공적으로 등록되었습니다.');
-	                resetForm();
-	            } else {
-	                alert(response.message || '주문 등록에 실패했습니다.');
-	            }
-	        },
-	        error: function(xhr, status, error) {
-	            console.error('Error:', error);
-	            alert('주문 등록에 실패했습니다.');
-	        },
-	        complete: hideLoading
-	    });
-	}
-		
-		// 폼 초기화
-		function resetForm() {
-		    $('#orderForm')[0].reset();
-		    $('#stockInfoContainer').empty();
-		    $('#grandTotal').val('0.00');
-		    $('input[name="orderType"]').prop('checked', false); // 수주/ 발주 라디오 버튼 초기화 추가 
-		    
-		    // 날짜 재설정
-		    document.getElementById('createdAt').value = new Date().toISOString().split('T')[0];
-		    
-		    // 주문번호 새로 생성
-		    generateNewOrderNumber();
-		    
-		    // 첫 번째 재고 정보 카드 추가
-		    addOrder();
-		}
-		
-		// 로딩 인디케이터 제어 쌈뽕한 느낌 추가 사실 필요없음
-		function showLoading() {
-		    $('#loadingIndicator').show();
-		}
-		
-		// 로딩 인디케이터 제어 쌈뽕한 느낌 추가 사실 필요없음
-		function hideLoading() {
-		    $('#loadingIndicator').hide();
-		}
-		</script>	
+    /**
+     * 주문 관리 시스템 JavaScript 코드
+     * - 재고 주문(수주/발주) 처리를 위한 프론트엔드 로직
+     * - jQuery 기반으로 구현됨
+     */
+     
+        // DOM 셀렉터 상수 정의 - 자주 사용되는 HTML 요소들의 선택자를 미리 정의
+        const SELECTORS = {
+            CARD: {
+                CONTAINER: '#stockInfoContainer', // 재고 정보 카드들을 모두 담고 있는 최상위 컨테이너
+                TEMPLATE: '#stockInfoTemplate', // 새로운 재고 카드를 생성할 때 사용할 템플릿
+                VISIBLE: '.stock-info-card:visible', // 현재 화면에 표시된 재고 정보 카드들
+                STOCK_SELECT_BTN: '.stock-select-btn', // 각 카드의 재고 선택 버튼
+                DELETE_BTN: '.delete-btn' // 각 카드의 삭제 버튼
+            },
+            FORM: {
+                ORDER: '#orderForm', // 전체 주문 폼
+                ORDER_TYPE: 'input[name="orderType"]:checked', // 선택된 주문 유형 (수주/발주)
+                CREATED_AT: '#createdAt', // 주문 생성 날짜 입력 필드
+                ORDER_NUMBER: '#orderNumber', // 주문 번호 입력 필드
+                GRAND_TOTAL: '#grandTotal' // 총 주문 금액 표시 필드
+            },
+            MODAL: {
+                CONTAINER: '#stockListModal', // 재고 선택 모달
+                CLOSE_BTN: '.btn-close', // 모달 닫기 버튼
+                STOCK_LIST: '#stockListBody' // 재고 목록이 표시되는 테이블 본문
+            },
+            LOADING: '#loadingIndicator' // 로딩표시 인디게이터
+        };
+
+	    // 현재 선택 중인 재고 카드의 인덱스를 저장하는 전역 변수 모달에서 재고선택 시 사용
+        let currentItemIndex = 0;
+
+        /**
+         * 페이지 초기화 함수
+		 * - DOM이 완전히 로드된 후 실행됨
+		 * - 초기 날짜 설정, 주문번호 생성, 이벤트 리스너 설정 등을 수행
+         */
+        $(document).ready(function() {
+        	// 현재 날짜를 주문 생성 날짜로 설정
+            document.getElementById('createdAt').value = new Date().toISOString().split('T')[0];
+
+            // 새로운 주문번호 생성 요청
+            generateNewOrderNumber();
+
+            // 재고 정보 카드 템플릿을 화면에서 숨김
+            $('#stockInfoTemplate').hide();
+
+            // 모든 이벤트 리스너 설정
+            setupEventListeners();
+
+            // 첫 번째 재고 정보 카드 추가
+            addOrder();
+        });
+
+        /**
+         * 계산 관련 유틸리티
+         *주문 금액 계산과 관련된 함수들을 포함
+         */
+        const calculateUtils = {
+            // 단일 항목의 소계 계산
+            // 파라미터 숫자 quantity - 주문 수량
+     		// 파라미터 숫자 unitPrice - 단가
+     		// 리턴 숫자 - 계산된 소계 금액
+     		
+            getItemTotal(quantity, unitPrice) {
+                return (parseInt(quantity) || 0) * (parseFloat(unitPrice) || 0);
+            },
+
+            // 전체 주문의 총계 계산
+            // 파라미터 배열 items - 주문 항목 배열
+            // 리턴 숫자 계산된 총계 금액
+
+            getGrandTotal(items) {
+                let total = 0;
+                items.forEach(item => {
+                    total += this.getItemTotal(item.quantity, item.unitPrice);
+                });
+                return total;
+            }
+        };
+
+        /**
+         * UI 업데이트 유틸리티
+         * 화면 표시와 관련된 함수들을 포함
+         */
+        const uiUtils = {
+            // 숫자를 통화 형식으로 포맷팅
+            // 파라미터 숫자 value - 변환할 숫자
+            // 리턴 문자 - "###,###원" 형식의 문자열
+            
+            formatPrice(value) {
+                return new Intl.NumberFormat('ko-KR').format(value) + '원';
+            },
+
+            // 금액 표시 업데이트
+            // 파라미터 jQuery  element - 업데이트할 DOM 요소
+            // 파라미터 숫자 value - 표시할 금액
+
+            updatePriceDisplay(element, value) {
+                element
+                    .val(value)
+                    .prop('type', 'text')
+                    .val(this.formatPrice(value));
+            }
+        };
+
+        /**
+         * 데이터 검증 유틸리티
+         * 입력값 검증 관련 함수들을 포함
+         */
+        const validationUtils = {
+            // 주문 수량 검증
+            // 수량이 1 이상인지 확인
+		    // 수주의 경우 가용 재고를 초과하지 않는지 확인
+		    //파라미터 jQuery input - 수량 입력 필드
+		    //리턴 불린  - 검증 통과 여부
+
+            
+            
+            validateQuantity(input) {
+                const card = input.closest('.stock-info-card');
+                const orderType = $('input[name="orderType"]:checked').val();
+                const quantity = parseInt(input.val()) || 0;
+                const available = parseInt(card.find('.available-stock').val()) || 0;
+
+                if (quantity < 1) {
+                    alert('주문 수량은 1 이상이어야 합니다.');
+                    input.val(1);
+                    return false;
+                }
+
+                if (orderType === 'OUTBOUND' && quantity > available) {
+                    alert('수주 수량이 가용 재고를 초과할 수 없습니다.');
+                    input.val(available);
+                    return false;
+                }
+
+                return true;
+            },
+
+            // 전체 폼 검증
+            // 주문 유형이 선택되었는지 확인
+            // 모든 주문 항목에 재고가 선택되었는지 확인
+            // 리턴 불린 - 검증 통과 여부
+            validateForm() {
+                const orderType = $('input[name="orderType"]:checked').val();
+                if (!orderType) {
+                    alert('주문 유형을 선택해주세요.');
+                    return false;
+                }
+
+                let isValid = true;
+                $('.stock-info-card:visible').each(function() {
+                    const card = $(this);
+                    if (!card.find('.stock-id').val()) {
+                        alert('모든 주문에 대해 재고를 선택해주세요.');
+                        isValid = false;
+                        return false;
+                    }
+                });
+
+                return isValid;
+            }
+        };
+        /**
+         * 주문 카드 관련 함수들 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 주석 추가 여기 까지 하다가 말음..... 더는 못해..
+         */
+        // 재고 정보 카드 추가
+        function addOrder() {
+            // 템플릿 복제
+            const newCard = $('#stockInfoTemplate').clone()
+                .removeAttr('id')
+                .show();
+
+            // 인덱스 설정
+            const index = $('.stock-info-card:visible').length;
+            updateCardIndexes(newCard, index);
+
+            // 컨테이너에 추가
+            $('#stockInfoContainer').append(newCard);
+
+            // 삭제 버튼 상태 업데이트
+            updateDeleteButtonStatus();
+        }
+
+        // 카드 인덱스 업데이트
+        function updateCardIndexes(card, index) {
+            card.find('input, textarea').each(function() {
+                const name = $(this).attr('name');
+                if (name) {
+                    $(this).attr('name', name.replace(/\[\d+\]/, `[${index}]`));
+                }
+            });
+        }
+
+        // 모든 주문 항목의 인덱스 재정렬
+        function updateOrderIndexes() {
+            $('.stock-info-card:visible').each(function(index) {
+                updateCardIndexes($(this), index);
+            });
+        }
+
+        /**
+         * 모달 관련 함수들
+         */
+        function openModal() {
+            $('#stockListModal').addClass('show');
+            loadAvailableStocks();
+        }
+
+        function closeModal() {
+            $('#stockListModal').removeClass('show');
+        }
+
+        // 재고 목록 로드
+        function loadAvailableStocks() {
+            showLoading();
+            $.ajax({
+                url: '/order/findAvailableStocks',
+                type: 'GET',
+                dataType: 'json',
+                success: function(data) {
+                    renderStockList(data);
+                },
+                error: function(xhr, status, error) {
+                    console.error('Error:', error);
+                    $('#stockListBody').html(
+                        '<tr><td colspan="11" class="text-center">재고 목록을 불러오는데 실패했습니다.</td></tr>'
+                    );
+                },
+                complete: hideLoading
+            });
+        }
+
+        /**
+         * 재고 목록 표시 관련 함수들
+         */
+        // 재고 목록 렌더링
+        function renderStockList(data) {
+            const tbody = $('#stockListBody');
+            tbody.empty();
+
+            if (data && data.length > 0) {
+                data.forEach(function(stock) {
+                    const row = createStockRow(stock);
+                    tbody.append(row);
+                });
+            } else {
+                tbody.html('<tr><td colspan="11" class="text-center">가용 재고가 없습니다.</td></tr>');
+            }
+        }
+
+        // 재고 행 생성
+        function createStockRow(stock) {
+            const row = $('<tr>');
+
+            [
+                stock.stockId,
+                stock.product.productName,
+                stock.product.productBarcode || '-',
+                stock.warehouseName,
+                stock.warehouseId,
+                stock.totalQuantity,
+                stock.availableStock,
+                stock.product.productPrice,
+                stock.product.baseUnit
+            ].forEach(text => {
+                row.append($('<td>').text(text));
+            });
+
+            // 선택 버튼 추가
+            const selectBtn = $('<button>')
+                .addClass('btn btn-success')
+                .text('선택')
+                .on('click', () => selectStock(stock));
+
+            row.append($('<td>').append(selectBtn));
+
+            return row;
+        }
+
+        /**
+         * 이벤트 리스너 설정
+         */
+        function setupEventListeners() {
+            // 주문 추가 버튼
+            $('#addOrder').on('click', addOrder);
+
+            // 폼 제출
+            $('#orderForm').on('submit', function(e) {
+                e.preventDefault();
+                if (validateForm()) {
+                    submitOrder();
+                }
+            });
+
+            // 초기화 버튼
+            $('#resetBtn').on('click', function() {
+                if (confirm('모든 입력을 초기화하시겠습니까?')) {
+                    resetForm();
+                }
+            });
+
+            // 수량 변경 이벤트
+            $(document).on('change', '.order-quantity', function() {
+                validateQuantity($(this));
+            });
+
+            // 재고 선택 버튼
+            $(document).on('click', '.stock-select-btn', function() {
+                currentItemIndex = $(this).closest('.stock-info-card').index();
+                openModal();
+            });
+
+            // 삭제 버튼
+            $(document).on('click', '.delete-btn', function() {
+                const card = $(this).closest('.stock-info-card');
+                if ($('.stock-info-card:visible').length > 1) {
+                    card.remove();
+                    updateOrderIndexes();
+                    updateGrandTotal();
+                } else {
+                    alert('최소 하나의 주문 항목이 필요합니다.');
+                }
+            });
+
+            // 모달 닫기 버튼
+            $('.btn-close').on('click', closeModal);
+
+            // 모달 외부 클릭
+            $('#stockListModal').on('click', function(e) {
+                if ($(e.target).is('#stockListModal')) {
+                    closeModal();
+                }
+            });
+        }
+
+        /**
+         * 주문 번호 생성
+         */
+        function generateNewOrderNumber() {
+            showLoading();
+            $.ajax({
+                url: '/order/generateOrderNumber',
+                type: 'GET',
+                dataType: 'text',
+                success: function(orderNumber) {
+                    if (orderNumber) {
+                        $('#orderNumber').val(orderNumber.trim());
+                    } else {
+                        console.error('주문번호 생성 실패');
+                        alert('주문번호 생성에 실패했습니다.');
+                    }
+                },
+                error: function(xhr, status, error) {
+                    console.error('주문번호 생성 오류:', error);
+                    alert('주문번호 생성에 실패했습니다.');
+                },
+                complete: hideLoading
+            });
+        }
+
+        /**
+         * 재고 선택 처리
+         */
+        function selectStock(stock) {
+            // 현재 표시된 재고 정보 카드 중 현재 인덱스에 해당하는 카드를 선택
+            const card = $('.stock-info-card:visible').eq(currentItemIndex);
+
+            // 주문 유형 가져오기 
+            const orderType = $('input[name="orderType"]:checked').val();
+
+            // 필드 업데이트
+            card.find('.stock-id').val(stock.stockId);
+            card.find('.product-id').val(stock.product.productId);
+            card.find('.warehouse-id').val(stock.warehouseId);
+
+            // 표시 필드 업데이트
+            card.find('.product-name').val(stock.product.productName);
+            card.find('.warehouse-name').val(stock.warehouseName);
+            card.find('.barcode').val(stock.product.productBarcode);
+            card.find('.total-quantity').val(stock.totalQuantity);
+            card.find('.reserved-quantity').val(stock.reservedQuantity);
+            card.find('.available-stock').val(stock.availableStock);
+            card.find('.base-unit').val(stock.product.baseUnit);
+            card.find('.unit-price').val(stock.product.productPrice);
+
+            // 주문 수량 입력 필드 설정
+            const quantityInput = card.find('.order-quantity');
+            if (orderType === 'OUTBOUND') {
+                quantityInput.attr('max', stock.availableStock);
+            } else {
+                quantityInput.removeAttr('max');
+            }
+
+            validateQuantity(quantityInput);
+            closeModal();
+        }
+
+        /**
+         * 수량 검증 및 계산
+         */
+        function validateQuantity(input) {
+            const card = input.closest('.stock-info-card');
+            const orderType = $('input[name="orderType"]:checked').val();
+
+            const quantity = parseInt(input.val()) || 0;
+            const available = parseInt(card.find('.available-stock').val()) || 0;
+
+            if (quantity < 1) {
+                alert('주문 수량은 1 이상이어야 합니다.');
+                input.val(1);
+            } else if (orderType === 'OUTBOUND' && quantity > available) {
+                alert('수주 수량이 가용 재고를 초과할 수 없습니다.');
+                input.val(available);
+            }
+
+            calculateSubtotal(card);
+        }
+
+        /**
+         * 금액 계산 함수들
+         */
+        function calculateSubtotal(card) {
+            const quantity = parseInt(card.find('.order-quantity').val()) || 0;
+            const unitPrice = parseFloat(card.find('.unit-price').val()) || 0;
+            const subtotal = quantity * unitPrice;
+
+            card.find('.subtotal-price')
+                .val(subtotal)
+                .prop('type', 'text')
+                .val(new Intl.NumberFormat('ko-KR').format(subtotal) + '원');
+
+            updateGrandTotal();
+        }
+
+        function updateGrandTotal() {
+            let total = 0;
+            $('.stock-info-card:visible').each(function() {
+                const card = $(this);
+                const quantity = parseInt(card.find('.order-quantity').val()) || 0;
+                const unitPrice = parseFloat(card.find('.unit-price').val()) || 0;
+                total += quantity * unitPrice;
+            });
+
+            $('#grandTotal')
+                .val(total)
+                .prop('type', 'text')
+                .val(new Intl.NumberFormat('ko-KR').format(total) + '원');
+        }
+
+        /**
+         * 삭제 버튼 상태 관리
+         */
+        function updateDeleteButtonStatus() {
+            const buttons = $('.delete-btn');
+            buttons.prop('disabled', buttons.length <= 1);
+        }
+
+        /**
+         * 폼 검증
+         */
+        function validateForm() {
+            let isValid = true;
+            let hasUnselectedItems = false;
+
+            const orderType = $('input[name="orderType"]:checked').val();
+            if (!orderType) {
+                alert('주문 유형을 선택해주세요.');
+                return false;
+            }
+
+            $('.stock-info-card:visible').each(function() {
+                const card = $(this);
+                if (!card.find('.stock-id').val()) {
+                    hasUnselectedItems = true;
+                    return false;
+                }
+
+                const quantity = parseInt(card.find('.order-quantity').val());
+                const available = parseInt(card.find('.available-stock').val());
+
+                if (!quantity || quantity < 1) {
+                    alert('모든 주문의 수량은 1 이상이어야 합니다.');
+                    isValid = false;
+                    return false;
+                }
+
+                if (orderType === 'OUTBOUND' && quantity > available) {
+                    alert('수주 수량이 가용 재고를 초과할 수 없습니다.');
+                    isValid = false;
+                    return false;
+                }
+            });
+
+            if (hasUnselectedItems) {
+                alert('모든 주문에 대해 재고를 선택해주세요.');
+                return false;
+            }
+
+            return isValid;
+        }
+
+        /**
+         * 주문 제출 처리
+         */
+        function submitOrder() {
+            const orderItems = [];
+
+            $('.stock-info-card:visible').each(function(index) {
+                const card = $(this);
+                const quantity = parseInt(card.find('.order-quantity').val()) || 0;
+                const unitPrice = parseFloat(card.find('.unit-price').val()) || 0;
+                const subtotal = quantity * unitPrice;
+
+                orderItems.push({
+                    orderId: 0,
+                    productId: parseInt(card.find('.product-id').val()),
+                    warehouseId: parseInt(card.find('.warehouse-id').val()),
+                    quantity: quantity,
+                    unitPrice: unitPrice,
+                    remarks: card.find('.remarks').val(),
+                    stotalPrice: subtotal,
+                    stockId: parseInt(card.find('.stock-id').val())
+                });
+            });
+			// 주문 데이터 구성
+            const formData = {
+                orderNumber: $('#orderNumber').val(),
+                createdAt: $('#createdAt').val(),
+                totalPrice: orderItems.reduce((sum, item) => sum + item.stotalPrice, 0),
+                createdBy: $('#createdBy').val(),
+                orderItems: orderItems,
+                orderType: $('input[name="orderType"]:checked').val()
+            };
+			// 서버에 주문 데이터 전송
+            showLoading();
+            $.ajax({
+                url: '/order/register',
+                type: 'POST',
+                contentType: 'application/json',
+                data: JSON.stringify(formData),
+                success: function(response) {
+                    if (response.status === 'success') {
+                        alert('주문이 성공적으로 등록되었습니다.');
+                        resetForm();
+                    } else {
+                        alert(response.message || '주문 등록에 실패했습니다.');
+                    }
+                },
+                error: function(xhr, status, error) {
+                    console.error('Error:', error);
+                    alert('주문 등록에 실패했습니다.');
+                },
+                complete: hideLoading
+            });
+        }
+
+        /**
+         * 폼 초기화
+         * 모든 입력 필드를 초기 상태로 복원
+         */
+        function resetForm() {
+            $('#orderForm')[0].reset();
+            $('#stockInfoContainer').empty();
+            $('#grandTotal').val('0.00');
+            $('input[name="orderType"]').prop('checked', false);
+
+            document.getElementById('createdAt').value = new Date().toISOString().split('T')[0];
+            generateNewOrderNumber();
+            addOrder();
+        }
+
+        /**
+         * 로딩 인디케이터 제어
+         */
+        function showLoading() {
+            $('#loadingIndicator').show();
+        }
+
+        function hideLoading() {
+            $('#loadingIndicator').hide();
+        }
+    </script>
 </body>
-</html>
-	
+
+</html>
\ No newline at end of file
diff --git a/stockMate/src/main/webapp/WEB-INF/views/user/dashboard.jsp b/stockMate/src/main/webapp/WEB-INF/views/user/dashboard.jsp
deleted file mode 100644
index fa48231..0000000
--- a/stockMate/src/main/webapp/WEB-INF/views/user/dashboard.jsp
+++ /dev/null
@@ -1,236 +0,0 @@
-<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
-<!DOCTYPE html>
-<html lang="ko">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>대시보드</title>
-    <style>
-        /* Reset and Global Styles */
-        body, html {
-            margin: 0;
-            padding: 0;
-            font-family: 'Arial', sans-serif;
-            background-color: #f5f5f5;
-            color: #333;
-            height: 100%;
-        }
-
-        /* Flex Container */
-        .container {
-            display: flex;
-            flex-direction: column;
-            min-height: 100vh; /* 화면 전체 높이를 채우기 */
-        }
-
-        /* Content Section */
-        .content {
-            flex: 1; /* 콘텐츠 영역이 화면에서 확장되도록 설정 */
-            display: flex;
-            gap: 20px;
-            padding: 20px;
-            background-color: #f5f5f5;
-        }
-
-        /* Header Section */
-        .header {
-            background-color: #007BFF;
-            color: white;
-            padding: 20px;
-            text-align: center;
-            font-size: 24px;
-            font-weight: bold;
-        }
-
-        .menu-bar {
-            display: flex;
-            justify-content: center;
-            gap: 10px; /* 간격을 줄임 */
-            background-color: #007BFF;
-            padding: 15px 0;
-        }
-
-        .menu-bar a {
-            display: flex;
-            align-items: center; /* 세로 중앙 정렬 */
-            justify-content: center; /* 가로 중앙 정렬 */
-            color: white;
-            padding: 15px 30px; /* 넓고 크게 설정 */
-            background-color: #0056b3;
-            border-radius: 10px;
-            font-size: 18px; /* 글자 크기 증가 */
-            font-weight: bold;
-            transition: background-color 0.3s ease, transform 0.2s ease;
-            text-align: center;
-            text-decoration: none;
-            cursor: pointer;
-        }
-
-        .menu-bar a:hover {
-            background-color: #003f8c;
-            transform: translateY(-5px);
-        }
-
-        /* Sidebar */
-        .sidebar {
-            width: 200px;
-            background-color: #ffffff;
-            padding: 20px;
-            box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);
-        }
-
-        .sidebar a {
-            display: block;
-            padding: 10px 15px;
-            font-size: 16px;
-            font-weight: bold;
-            margin-bottom: 10px;
-            color: #007BFF;
-            border-radius: 5px;
-            text-decoration: none;
-            transition: background-color 0.3s ease;
-        }
-
-        .sidebar a:hover {
-            background-color: #f0f0f0;
-        }
-
-        .sidebar .disabled {
-            color: red;
-            pointer-events: none;
-        }
-
-        /* Main Content */
-        .main-content {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            padding: 20px;
-            background-color: #f9f9f9;
-            border-radius: 10px;
-            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-        }
-
-        .main-content h2 {
-            font-size: 20px;
-            margin-bottom: 20px;
-        }
-
-        .charts {
-            display: flex;
-            gap: 20px;
-            flex-wrap: wrap;
-        }
-
-        .chart {
-            flex: 1 1 45%;
-            background-color: white;
-            border-radius: 10px;
-            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-            padding: 20px;
-        }
-
-        .chart canvas {
-            width: 100%;
-            height: 250px;
-        }
-
-        /* Footer Section */
-        footer {
-            background-color: #333;
-            color: white;
-            text-align: center;
-            padding: 15px;
-            font-size: 14px;
-            position: relative;
-            bottom: 0;
-            width: 100%;
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <!-- Header Section -->
-        <div class="header">
-            대시보드
-        </div>
-        <div class="menu-bar">
-            <a href="/order/register">주문</a>
-            <a href="/receiving/main">입고</a>
-            <a href="/shipment/main">출고</a>
-            <a href="/stock/list">재고</a>
-            <a href="/admin/adminMain">관리자 페이지</a>
-        </div>
-
-        <!-- Content Section -->
-        <div class="content">
-            <!-- Sidebar -->
-            <div class="sidebar">
-                <div class="disabled">Dashboard</div>
-                <a href="/product/register">상품 등록</a>
-                <a href="editinfo1">내정보 조회/수정</a>
-                <a href="changepassword1">비밀번호 변경</a>
-                <a href="consultation">대시보드 사용법</a>
-                <a href="signout" onclick="return confirmLogout();" style="color: red;">Sign out</a>
-			<script>
-			function confirmLogout() {
-			    alert("로그아웃 되었습니다");
-			    return true; // 링크 이동을 계속 진행
-			}
-			</script>
-            </div>
-
-            <!-- Main Content -->
-            <div class="main-content">
-                <h2>Order Time</h2>
-                <div class="charts">
-                    <!-- Donut Chart -->
-                    <div class="chart">
-                        <h3>Donut Chart</h3>
-                        <canvas id="donutChart"></canvas>
-                    </div>
-
-                    <!-- Bar Chart -->
-                    <div class="chart">
-                        <h3>Bar Chart</h3>
-                        <canvas id="barChart"></canvas>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- Footer Section -->
-        <footer>
-            회사 정보 - 사업자 번호, 연락처 등 Footer 내용
-        </footer>
-    </div>
-
-    <!-- Chart.js Integration -->
-    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-    <script>
-        const donutChart = new Chart(document.getElementById('donutChart'), {
-            type: 'doughnut',
-            data: {
-                labels: ['Morning', 'Afternoon', 'Evening'],
-                datasets: [{
-                    data: [20, 40, 30],
-                    backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56']
-                }]
-            }
-        });
-
-        const barChart = new Chart(document.getElementById('barChart'), {
-            type: 'bar',
-            data: {
-                labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-                datasets: [{
-                    label: 'Orders',
-                    data: [50, 75, 100, 150, 200, 250, 300],
-                    backgroundColor: '#36A2EB'
-                }]
-            }
-        });
-    </script>
-</body>
-</html>
-
diff --git a/stockMate/src/main/webapp/WEB-INF/views/user/signin.jsp b/stockMate/src/main/webapp/WEB-INF/views/user/signin.jsp
index d3b5c52..3e6311b 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/user/signin.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/user/signin.jsp
@@ -1,124 +1,108 @@
 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
-
 <!DOCTYPE html>
 <html lang="ko">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>로그인</title>
-    <style>
-        body {
-            margin: 0;
-            font-family: Arial, sans-serif;
-            background-color: #F2F2F2;
-        }
-        .container {
-            width: 100%;
-            height: 100vh;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            position: relative;
-        }
-        .error-banner {
-            width: 100%;
-            background-color: #FCE4E4;
-            color: #D32F2F;
-            text-align: center;
-            padding: 10px 0;
-            font-size: 14px;
-            font-weight: 500;
-            position: absolute;
-            top: 0;
-            left: 0;
-            z-index: 1000;
-            border-bottom: 1px solid #F5C6C6;
-            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-        }
-        .login-box {
-            width: 400px;
-            background: #FFFFFF;
-            border-radius: 12px;
-            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-            padding: 30px;
-            text-align: center;
-        }
-        .login-box input[type="email"], .login-box input[type="password"] {
-            width: 100%;
-            padding: 12px;
-            margin-bottom: 20px;
-            border: 1px solid #ccc;
-            border-radius: 8px;
-            font-size: 14px;
-            box-sizing: border-box;
-        }
-        .login-box button {
-            width: 100%;
-            padding: 12px;
-            background-color: #007AFF;
-            color: white;
-            border: none;
-            border-radius: 8px;
-            font-size: 16px;
-            font-weight: bold;
-            cursor: pointer;
-        }
-        .login-box button:hover {
-            background-color: #005BBB;
-        }
-        .footer {
-            text-align: center;
-            margin-top: 20px;
-            color: #666666;
-            font-size: 12px;
-        }
-        .links {
-            margin-top: 10px;
-            display: flex;
-            justify-content: space-between;
-        }
-        .links a {
-            font-size: 14px;
-            text-decoration: none;
-            color: #007AFF;
-        }
-        .links a:hover {
-            text-decoration: underline;
-        }
-    </style>
-    <script>
-        function redirectToDashboard(event) {
-//             event.preventDefault(); // Form submission 막기
-//             window.location.href = 'dashboard';
-        }
-    </script>
-</head>
-<body>
-    <div class="container">
-        <!-- 에러 메시지가 있을 경우 상단 배너로 표시 -->
-        <c:if test="${not empty errorMessage}">
-            <div class="error-banner">${errorMessage}</div>
-        </c:if>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>로그인</title>
+<style>
+/* Reset */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Roboto', Arial, sans-serif;
+    background: linear-gradient(135deg, #6a11cb, #2575fc);
+    color: #333333;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.login-container {
+    background: #ffffff;
+    padding: 40px;
+    border-radius: 15px;
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
+    width: 400px;
+}
+
+.login-container h2 {
+    font-size: 24px;
+    margin-bottom: 20px;
+    color: #6a11cb;
+    text-align: center;
+}
+
+.login-container form {
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+}
 
-        <div class="login-box">
-            <form id="loginForm" method="post">
-                <!-- 이메일 필드 -->
-                <input type="email" name="email" placeholder="이메일" required="required" autofocus="autofocus" aria-label="이메일 입력 필드" autocomplete="email">
+.login-container input {
+    padding: 12px;
+    border: 1px solid #cccccc;
+    border-radius: 8px;
+    font-size: 14px;
+}
 
-                <!-- 비밀번호 필드 -->
-                <input type="password" name="password" placeholder="비밀번호" required aria-label="비밀번호 입력 필드" autocomplete="current-password">
+.login-container button {
+    padding: 12px;
+    background-color: #6a11cb;
+    color: #ffffff;
+    border: none;
+    border-radius: 8px;
+    font-size: 16px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+}
 
-                <!-- 로그인 버튼 -->
-                <button type="submit" aria-label="로그인 버튼">로그인</button>
-            </form>
-            <div class="links">
-                <a href="/user/signup">회원가입</a>
-                <a href="/user/findpassword">비밀번호 찾기</a>
-            </div>
-            <div class="footer">회사 정보 - 사업자 번호, 연락처 등 추가 정보</div>
+.login-container button:hover {
+    background-color: #2575fc;
+}
+
+.links {
+    margin-top: 15px;
+    text-align: center;
+}
+
+.links a {
+    color: #6a11cb;
+    text-decoration: none;
+    font-size: 14px;
+    margin: 0 10px;
+}
+
+.links a:hover {
+    text-decoration: underline;
+}
+
+.footer {
+    margin-top: 20px;
+    font-size: 12px;
+    color: #777777;
+    text-align: center;
+}
+</style>
+</head>
+<body>
+    <div class="login-container">
+        <h2>로그인</h2>
+        <form action="/user/login" method="post">
+            <input type="email" name="email" placeholder="이메일" required>
+            <input type="password" name="password" placeholder="비밀번호" required>
+            <button type="submit">로그인</button>
+        </form>
+        <div class="links">
+            <a href="/user/signup">회원가입</a>
+            <a href="/user/findpassword">비밀번호 찾기</a>
         </div>
+        <div class="footer">© 2024 회사 정보 - 사업자 번호, 연락처 등</div>
     </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/stockMate/src/main/webapp/WEB-INF/views/user/signup.jsp b/stockMate/src/main/webapp/WEB-INF/views/user/signup.jsp
index 32fd4d8..ac1812c 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/user/signup.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/user/signup.jsp
@@ -2,122 +2,93 @@
 <!DOCTYPE html>
 <html lang="ko">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>회원가입</title>
-    <link rel="stylesheet" href="style.css">
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            margin: 0;
-            padding: 0;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            height: 100vh;
-            background-color: #333;
-        }
-
-        .signup-container {
-            width: 600px; /* 컨테이너 폭 */
-            padding: 40px 30px; /* 위아래 40px, 좌우 30px 패딩 */
-            background-color: #ffffff;
-            border-radius: 10px;
-            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-            text-align: center;
-        }
-
-        .signup-container h2 {
-            color: #333;
-            margin-bottom: 30px; /* 제목과 폼 간 거리 */
-            font-size: 24px;
-        }
-
-        .signup-container form {
-            display: flex;
-            flex-direction: column;
-            gap: 20px; /* 입력 필드 간 거리 */
-        }
-
-        .signup-container input {
-            width: 100%; /* 입력 필드가 컨테이너 너비에 맞게 */
-            padding: 15px; /* 필드 안쪽 여백 */
-            border: 1px solid #ccc;
-            border-radius: 5px;
-            font-size: 16px;
-            box-sizing: border-box; /* 패딩 포함 크기 계산 */
-        }
-
-        .signup-container input::placeholder {
-            color: #aaa;
-        }
-
-        .buttons {
-            display: flex;
-            justify-content: space-between;
-            gap: 10px; /* 버튼 간 간격 */
-        }
-
-        .btn {
-            flex: 1; /* 버튼이 균등한 폭을 가지도록 설정 */
-            padding: 15px 0; /* 버튼 높이 */
-            font-size: 16px;
-            font-weight: bold;
-            border-radius: 5px;
-            border: none;
-            color: #fff;
-            cursor: pointer;
-            text-align: center;
-        }
-
-        .btn-primary {
-            background-color: #007BFF;
-        }
-
-        .btn-primary:hover {
-            background-color: #0056b3;
-        }
-
-        .btn-secondary {
-            background-color: #28a745;
-        }
-
-        .btn-secondary:hover {
-            background-color: #1e7e34;
-        }
-
-        .footer {
-            margin-top: 30px;
-            font-size: 14px;
-            color: #aaa;
-            text-align: center;
-        }
-    </style>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>회원가입</title>
+<style>
+/* Reset */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Roboto', Arial, sans-serif;
+    background: linear-gradient(135deg, #6a11cb, #2575fc);
+    color: #ffffff;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.signup-container {
+    background: #ffffff;
+    padding: 40px;
+    border-radius: 15px;
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
+    width: 400px;
+    text-align: center;
+}
+
+.signup-container h2 {
+    color: #6a11cb;
+    font-size: 24px;
+    margin-bottom: 20px;
+}
+
+.signup-container input,
+.signup-container select {
+    width: 100%;
+    padding: 12px;
+    margin: 10px 0;
+    border: 1px solid #ccc;
+    border-radius: 8px;
+    font-size: 14px;
+}
+
+.signup-container button {
+    width: 100%;
+    padding: 12px;
+    margin-top: 20px;
+    background-color: #6a11cb;
+    color: white;
+    border: none;
+    border-radius: 8px;
+    font-size: 16px;
+    font-weight: bold;
+    cursor: pointer;
+}
+
+.signup-container button:hover {
+    background-color: #2575fc;
+}
+
+.footer {
+    margin-top: 15px;
+    font-size: 12px;
+    color: #666666;
+}
+</style>
 </head>
 <body>
     <div class="signup-container">
         <h2>회원가입</h2>
-
         <form action="/user/signup" method="post">
-            <input type="email" placeholder="이메일" name="email">
-            <input type="password" placeholder="비밀번호" name="password">
-            <input type="text" placeholder="이름" name="name">
-            <input type="tel" placeholder="전화번호" name="phone">
-            <input type="text" placeholder="역할 (ADMIN, MANAGER, STAFF)" name="role">
-
-            <div class="buttons">
-                <!-- 가입하기 버튼 -->
-                <button type="submit" class="btn btn-primary">가입하기</button>
-                
-                <!-- 메인페이지로 버튼 -->
-                <button type="button" class="btn btn-secondary" onclick="location.href='/user/main'">메인페이지로</button>
-            </div>
+            <input type="email" name="email" placeholder="이메일" required>
+            <input type="password" name="password" placeholder="비밀번호" required>
+            <input type="text" name="username" placeholder="이름" required>
+            <input type="tel" name="phone" placeholder="전화번호" required>
+            <select name="role" required>
+                <option value="" disabled selected>역할 선택</option>
+                <option value="ADMIN">관리자</option>
+                <option value="MANAGER">매니저</option>
+                <option value="STAFF">직원</option>
+            </select>
+            <button type="submit">가입하기</button>
         </form>
-
-        <div class="footer">
-            회사 정보 - 사업자 번호, 연락처 등 유의 내용
-        </div>
+        <div class="footer">© 2024 회사 정보 - 사업자 번호, 연락처 등</div>
     </div>
 </body>
 </html>
-
diff --git a/stockMate/src/main/webapp/WEB-INF/views/warehouse/detail.jsp b/stockMate/src/main/webapp/WEB-INF/views/warehouse/detail.jsp
index 728e6f7..a68d45d 100644
--- a/stockMate/src/main/webapp/WEB-INF/views/warehouse/detail.jsp
+++ b/stockMate/src/main/webapp/WEB-INF/views/warehouse/detail.jsp
@@ -74,7 +74,7 @@
                 <td>${warehouseDetail.updatedAt}</td>
             </tr>
         </table>
-        <button onclick="location.href='/warehouse/list'">목록으로 돌아가기</button>
+        <button onclick="location.href='/stock/list'">목록으로 돌아가기</button>
     </div>
 </body>
 </html>
diff --git a/stockMate/src/main/webapp/WEB-INF/views/warehouse/price.jsp b/stockMate/src/main/webapp/WEB-INF/views/warehouse/price.jsp
new file mode 100644
index 0000000..ce046b5
--- /dev/null
+++ b/stockMate/src/main/webapp/WEB-INF/views/warehouse/price.jsp
@@ -0,0 +1,12 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+    pageEncoding="UTF-8"%>
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Insert title here</title>
+</head>
+<body>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/stockMate/src/main/webapp/WEB-INF/web.xml b/stockMate/src/main/webapp/WEB-INF/web.xml
index 54513ce..ca3dc85 100644
--- a/stockMate/src/main/webapp/WEB-INF/web.xml
+++ b/stockMate/src/main/webapp/WEB-INF/web.xml
@@ -8,8 +8,7 @@
 		<param-value>/WEB-INF/spring/*-context.xml</param-value>
 	</context-param>
 
-<!-- 	<context:component-scan base-package="com.stockm8" /> -->
-
+	<!-- <context:component-scan base-package="com.stockm8" /> -->
 	<listener>
 		<listener-class>org.springframework.web.context.ContextLoaderListener
 		</listener-class>
@@ -18,7 +17,6 @@
 	<listener>
    		 <listener-class>com.stockm8.config.ApplicationLifecycleListener</listener-class>
 	</listener>
-	
 
 	<!-- Processes application requests -->
 	<servlet>
diff --git a/stockMate/src/main/webapp/resources/css/36140.jpg b/stockMate/src/main/webapp/resources/css/36140.jpg
new file mode 100644
index 0000000..6588d4b
Binary files /dev/null and b/stockMate/src/main/webapp/resources/css/36140.jpg differ
diff --git a/stockMate/src/main/webapp/resources/css/9950253.jpg b/stockMate/src/main/webapp/resources/css/9950253.jpg
new file mode 100644
index 0000000..1363bcc
Binary files /dev/null and b/stockMate/src/main/webapp/resources/css/9950253.jpg differ
diff --git a/stockMate/src/main/webapp/resources/css/bannerStyle.css b/stockMate/src/main/webapp/resources/css/bannerStyle.css
new file mode 100644
index 0000000..1c1b118
--- /dev/null
+++ b/stockMate/src/main/webapp/resources/css/bannerStyle.css
@@ -0,0 +1,33 @@
+@charset "UTF-8";
+
+.error-banner {
+	width: 100%;
+	background-color: #FCE4E4;
+	color: #D32F2F;
+	text-align: center;
+	padding: 10px 0;
+	font-size: 14px;
+	font-weight: 500;
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 1000;
+	border-bottom: 1px solid #F5C6C6;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.success-banner {
+	width: 100%;
+	background-color: #E6F4EA;
+	color: #2E7D32;
+	text-align: center;
+	padding: 10px 0;
+	font-size: 14px;
+	font-weight: 500;
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 1000;
+	border-bottom: 1px solid #C8E6C9;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
\ No newline at end of file
diff --git a/stockMate/src/main/webapp/resources/css/registerStyle2.css b/stockMate/src/main/webapp/resources/css/registerStyle2.css
index 4d3b379..8f34a64 100644
--- a/stockMate/src/main/webapp/resources/css/registerStyle2.css
+++ b/stockMate/src/main/webapp/resources/css/registerStyle2.css
@@ -188,47 +188,13 @@ button:hover {
     color: #d32f2f;
 }
 
-/* 검색창 스타일 */
-.search-container {
-    display: flex;
-    align-items: center;
-    position: absolute; /* 테이블 상단 우측에 배치 */
-    top: 10px;
-    right: 20px;
-    width: 250px; /* 검색창 너비 */
-    background-color: #fff;
-    border: 1px solid #ddd;
-    border-radius: 20px; /* 둥근 형태 */
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    padding: 5px 10px;
-    z-index: 10;
-}
-
-/* 검색 필드 우측 상단 배치 */
-/* .search-field { */
-/*     position: absolute; 부모를 기준으로 절대 위치 */
-/*     top: 20px; 위에서 20px 여백 */
-/*     right: 30px; 우측 정렬 */
-/*     background-color: #fff; */
-/*     border: 1px solid #ddd; */
-/*     border-radius: 20px; */
-/*     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
-/*     display: flex; */
-/*     align-items: center; */
-/*     padding: 5px 10px; */
-/*     width: 250px; */
-/*     z-index: 10; 다른 요소 위에 표시 */
-/* } */
-
 /* 검색 입력 필드 */
 .search-input {
-    border: none;
-    outline: none;
+	width: 230px;
     font-size: 14px;
-    flex: 1; /* 너비를 가득 채우도록 설정 */
-    padding: 5px 10px;
     border-radius: 20px;
    	background-color: transparent;
+   	float: right;
 }
 
 /* 검색 필드에 아이콘 추가 스타일 */
@@ -294,4 +260,3 @@ td button:hover {
 .hidden {
     display: none;
 }
-
diff --git a/stockMate/src/main/webapp/resources/css/stockmate.png b/stockMate/src/main/webapp/resources/css/stockmate.png
new file mode 100644
index 0000000..7d0c727
Binary files /dev/null and b/stockMate/src/main/webapp/resources/css/stockmate.png differ
diff --git "a/stockMate/src/main/webapp/resources/css/\354\225\275\353\217\204.png" "b/stockMate/src/main/webapp/resources/css/\354\225\275\353\217\204.png"
new file mode 100644
index 0000000..b79630c
Binary files /dev/null and "b/stockMate/src/main/webapp/resources/css/\354\225\275\353\217\204.png" differ