diff --git a/src/main/java/com/madeuhome/controller/web/reservation/ReservationController.java b/src/main/java/com/madeuhome/controller/web/reservation/ReservationController.java
new file mode 100644
index 0000000..a205106
--- /dev/null
+++ b/src/main/java/com/madeuhome/controller/web/reservation/ReservationController.java
@@ -0,0 +1,209 @@
+package com.madeuhome.controller.web.reservation;
+
+import java.util.HashMap;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.servlet.ModelAndView;
+
+import com.madeuhome.constants.Constants;
+import com.madeuhome.service.web.reservation.ReservationService;
+import com.madeuhome.util.HttpUtil;
+
+import jakarta.servlet.http.HttpServletRequest;
+import jakarta.servlet.http.HttpServletResponse;
+import jakarta.servlet.http.HttpSession;
+import lombok.extern.slf4j.Slf4j;
+
+/**
+ * 예약 컨트롤러
+ */
+@Controller
+@Slf4j
+public class ReservationController {
+
+    @Autowired
+    private ReservationService reservationService;
+
+    /**
+     * 예약 페이지 이동
+     */
+    @RequestMapping(value = "/webservice/selectMakeReservation.do")
+    public String selectMakeReservation(HttpSession session, HttpServletRequest request, Model model) {
+        log.debug("ReservationController selectMakeReservation START");
+        HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
+        model.addAttribute("CATEGORY_DIV_CD", paramMap.get("CATEGORY_DIV_CD"));
+        model.addAttribute("CATEGORY_NO", paramMap.get("CATEGORY_NO"));
+        model.addAttribute("POST_NO", paramMap.get("POST_NO"));
+        model.addAttribute("PROCEDURE_ID", paramMap.get("PROCEDURE_ID"));
+        log.debug("ReservationController selectMakeReservation END");
+        return "/web/service/makeReservation";
+    }
+
+    /**
+     * 예약 시술 정보 조회
+     */
+    @RequestMapping(value = "/webservice/selectReservation.do")
+    public ModelAndView selectReservation(HttpSession session, HttpServletRequest request,
+            HttpServletResponse response) {
+        log.debug("ReservationController selectReservation START");
+
+        HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
+        HashMap<String, Object> map = new HashMap<>();
+        StringBuffer errorMsg = new StringBuffer();
+
+        try {
+            map = reservationService.selectReservation(paramMap);
+        } catch (Exception e) {
+            e.printStackTrace();
+            errorMsg.append(e);
+            return null;
+        } finally {
+            if (Constants.OK == map.get("msgCode")) {
+            } else {
+                if (null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
+                    map.put("msgCode", Constants.FAIL);
+                }
+                map.put("success", false);
+                if (null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
+                    map.put("msgDesc", "정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다.");
+                }
+            }
+        }
+
+        log.debug("ReservationController selectReservation END");
+        return HttpUtil.makeHashToJsonModelAndView(map);
+    }
+
+    /**
+     * 병원 휴일 조회 (달력 표출용)
+     */
+    @RequestMapping(value = "/webservice/selectHospitalHolidayList.do")
+    public ModelAndView selectHospitalHolidayList(HttpSession session, HttpServletRequest request,
+            HttpServletResponse response) {
+        log.debug("ReservationController selectHospitalHolidayList START");
+
+        HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
+        HashMap<String, Object> map = new HashMap<>();
+
+        try {
+            map = reservationService.selectHospitalHolidayList(paramMap);
+        } catch (Exception e) {
+            e.printStackTrace();
+            return null;
+        } finally {
+            if (Constants.OK != map.get("msgCode")) {
+                map.put("msgCode", Constants.FAIL);
+                map.put("success", false);
+                if (null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
+                    map.put("msgDesc", "정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다.");
+                }
+            }
+        }
+
+        log.debug("ReservationController selectHospitalHolidayList END");
+        return HttpUtil.makeHashToJsonModelAndView(map);
+    }
+
+    /**
+     * 특정 날짜 운영시간 조회
+     */
+    @RequestMapping(value = "/webservice/selectHospitalWorkTime.do")
+    public ModelAndView selectHospitalWorkTime(HttpSession session, HttpServletRequest request,
+            HttpServletResponse response) {
+        log.debug("ReservationController selectHospitalWorkTime START");
+
+        HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
+        HashMap<String, Object> map = new HashMap<>();
+
+        try {
+            map = reservationService.selectHospitalWorkTime(paramMap);
+        } catch (Exception e) {
+            e.printStackTrace();
+            return null;
+        } finally {
+            if (Constants.OK != map.get("msgCode")) {
+                map.put("msgCode", Constants.FAIL);
+                map.put("success", false);
+                if (null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
+                    map.put("msgDesc", "정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다.");
+                }
+            }
+        }
+
+        log.debug("ReservationController selectHospitalWorkTime END");
+        return HttpUtil.makeHashToJsonModelAndView(map);
+    }
+
+    /**
+     * 예약 카운트 조회
+     */
+    @RequestMapping(value = "/webservice/selectReservationCnt.do")
+    public ModelAndView selectReservationCnt(HttpSession session, HttpServletRequest request,
+            HttpServletResponse response) {
+        log.debug("ReservationController selectReservationCnt START");
+
+        HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
+        HashMap<String, Object> map = new HashMap<>();
+        StringBuffer errorMsg = new StringBuffer();
+
+        try {
+            map = reservationService.selectReservationCnt(paramMap);
+        } catch (Exception e) {
+            e.printStackTrace();
+            errorMsg.append(e);
+            return null;
+        } finally {
+            if (Constants.OK == map.get("msgCode")) {
+            } else {
+                if (null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
+                    map.put("msgCode", Constants.FAIL);
+                }
+                map.put("success", false);
+                if (null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
+                    map.put("msgDesc", "정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다.");
+                }
+            }
+        }
+
+        log.debug("ReservationController selectReservationCnt END");
+        return HttpUtil.makeHashToJsonModelAndView(map);
+    }
+
+    /**
+     * 예약 저장
+     */
+    @RequestMapping(value = "/webservice/insertReservation.do")
+    public ModelAndView insertReservation(HttpSession session, HttpServletRequest request,
+            HttpServletResponse response) {
+        log.debug("ReservationController insertReservation START");
+
+        HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
+        HashMap<String, Object> map = new HashMap<>();
+        StringBuffer errorMsg = new StringBuffer();
+
+        try {
+            map = reservationService.insertReservation(paramMap);
+        } catch (Exception e) {
+            e.printStackTrace();
+            errorMsg.append(e);
+            return null;
+        } finally {
+            if (Constants.OK == map.get("msgCode")) {
+            } else {
+                if (null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
+                    map.put("msgCode", Constants.FAIL);
+                }
+                map.put("success", false);
+                if (null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
+                    map.put("msgDesc", "정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다.");
+                }
+            }
+        }
+
+        log.debug("ReservationController insertReservation END");
+        return HttpUtil.makeHashToJsonModelAndView(map);
+    }
+}
diff --git a/src/main/java/com/madeuhome/controller/web/webevent/WebEventController.java b/src/main/java/com/madeuhome/controller/web/webevent/WebEventController.java
index 4518ea3..89cb9dc 100644
--- a/src/main/java/com/madeuhome/controller/web/webevent/WebEventController.java
+++ b/src/main/java/com/madeuhome/controller/web/webevent/WebEventController.java
@@ -18,10 +18,9 @@ import org.springframework.web.servlet.ModelAndView;
 
 import java.util.HashMap;
 
-
 @Slf4j
 @Controller
-public class WebEventController extends ManagerDraftAction{
+public class WebEventController extends ManagerDraftAction {
 
 	@Autowired
 	private WebEventService webEventService;
@@ -36,8 +35,8 @@ public class WebEventController extends ManagerDraftAction{
 	 * @param response
 	 * @return
 	 */
-	@RequestMapping(value="/webevent/selectListWebEventIntro.do")
-	public String selectListWebEventIntro(HttpSession session,HttpServletRequest request) {
+	@RequestMapping(value = "/webevent/selectListWebEventIntro.do")
+	public String selectListWebEventIntro(HttpSession session, HttpServletRequest request) {
 
 		log.debug("WebEventController  selectListWebEventIntro START");
 
@@ -52,33 +51,34 @@ public class WebEventController extends ManagerDraftAction{
 	 * @param response
 	 * @return
 	 */
-	@RequestMapping(value="/webevent/selectListWebEvent.do")
-	public ModelAndView selectListWebEvent(HttpSession session,HttpServletRequest request, HttpServletResponse response) {
+	@RequestMapping(value = "/webevent/selectListWebEvent.do")
+	public ModelAndView selectListWebEvent(HttpSession session, HttpServletRequest request,
+			HttpServletResponse response) {
 
 		log.debug("WebEventController  selectListWebEvent START");
-		
+
 		HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
 		HashMap<String, Object> map = new HashMap<String, Object>();
 		StringBuffer errorMsg = new StringBuffer();
-		
-		try{
+
+		try {
 			map = webEventService.selectListWebEvent(paramMap);
 			log.debug(map + "");
-		}catch (Exception e) {
+		} catch (Exception e) {
 			e.printStackTrace();
 			errorMsg.append(e);
 			return null;
-		}finally {
-			if(Constants.OK == map.get("msgCode")) {
+		} finally {
+			if (Constants.OK == map.get("msgCode")) {
 
-			}else{
-				if(null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
+			} else {
+				if (null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
 					map.put("msgCode", Constants.FAIL);
 				}
 
 				map.put("success", false);
-				if(null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
-					map.put("msgDesc","정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다. (E0029)");
+				if (null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
+					map.put("msgDesc", "정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다. (E0029)");
 				}
 			}
 
@@ -94,27 +94,26 @@ public class WebEventController extends ManagerDraftAction{
 				insertMap.put("requestValue", String.valueOf(paramMap));
 				insertMap.put("responseValue", String.valueOf(map));
 				;
-				if(("true").equals(String.valueOf(map.get("success")))){
+				if (("true").equals(String.valueOf(map.get("success")))) {
 					insertMap.put("resultCode", "SUCCESS");
-				}else{
+				} else {
 					insertMap.put("resultCode", "ERROR");
 				}
 
 				insertMap.put("resultMsg", String.valueOf(errorMsg));
 				insertMap.put("muMemberId", paramMap.get("muMemberId"));
 
-//				logHistoryService.insertLogHistory(insertMap, visitLogParamMap);
+				// logHistoryService.insertLogHistory(insertMap, visitLogParamMap);
 			} catch (Exception e) {
 				e.printStackTrace();
 			}
 		}
 
 		log.debug("WebEventController  selectListWebEvent END");
-		
-		
+
 		return HttpUtil.makeHashToJsonModelAndView(map);
 	}
-	
+
 	/**
 	 * 이벤트 별 항목 목록 조회
 	 *
@@ -122,33 +121,33 @@ public class WebEventController extends ManagerDraftAction{
 	 * @param response
 	 * @return
 	 */
-	@RequestMapping(value="/webevent/selectListEvent.do")
-	public ModelAndView selectListEvent(HttpSession session,HttpServletRequest request, HttpServletResponse response) {
+	@RequestMapping(value = "/webevent/selectListEvent.do")
+	public ModelAndView selectListEvent(HttpSession session, HttpServletRequest request, HttpServletResponse response) {
 
 		log.debug("WebEventController  selectListEvent START");
-		
+
 		HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
 		HashMap<String, Object> map = new HashMap<String, Object>();
 		StringBuffer errorMsg = new StringBuffer();
-		
-		try{
+
+		try {
 			map = webEventService.selectListEvent(paramMap);
 			log.debug(map + "");
-		}catch (Exception e) {
+		} catch (Exception e) {
 			e.printStackTrace();
 			errorMsg.append(e);
 			return null;
-		}finally {
-			if(Constants.OK == map.get("msgCode")) {
+		} finally {
+			if (Constants.OK == map.get("msgCode")) {
 
-			}else{
-				if(null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
+			} else {
+				if (null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
 					map.put("msgCode", Constants.FAIL);
 				}
 
 				map.put("success", false);
-				if(null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
-					map.put("msgDesc","정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다. (E0029)");
+				if (null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
+					map.put("msgDesc", "정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다. (E0029)");
 				}
 			}
 
@@ -164,23 +163,22 @@ public class WebEventController extends ManagerDraftAction{
 				insertMap.put("requestValue", String.valueOf(paramMap));
 				insertMap.put("responseValue", String.valueOf(map));
 				;
-				if(("true").equals(String.valueOf(map.get("success")))){
+				if (("true").equals(String.valueOf(map.get("success")))) {
 					insertMap.put("resultCode", "SUCCESS");
-				}else{
+				} else {
 					insertMap.put("resultCode", "ERROR");
 				}
 
 				insertMap.put("resultMsg", String.valueOf(errorMsg));
 
-//				logHistoryService.insertLogHistory(insertMap, visitLogParamMap);
+				// logHistoryService.insertLogHistory(insertMap, visitLogParamMap);
 			} catch (Exception e) {
 				e.printStackTrace();
 			}
 		}
 
 		log.debug("WebEventController  selectListEvent END");
-		
-		
+
 		return HttpUtil.makeHashToJsonModelAndView(map);
 	}
 
@@ -191,19 +189,19 @@ public class WebEventController extends ManagerDraftAction{
 	 * @param response
 	 * @return
 	 */
-	@RequestMapping(value="/webevent/selectEventDetailIntro.do")
+	@RequestMapping(value = "/webevent/selectEventDetailIntro.do")
 	public String selectEventDetailIntro(HttpSession session, HttpServletRequest request, Model model) {
 
 		log.debug("WebEventController  selectEventDetailIntro START");
 		HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
 		model.addAttribute("CATEGORY_DIV_CD", paramMap.get("CATEGORY_DIV_CD"));
 		model.addAttribute("CATEGORY_NO", paramMap.get("CATEGORY_NO"));
-		model.addAttribute("POST_NO", paramMap.get("POST_NO"));		
+		model.addAttribute("POST_NO", paramMap.get("POST_NO"));
 		log.debug("WebEventController  selectEventDetailIntro END");
-		
+
 		return "/web/webevent/webEventSelect";
 	}
-	
+
 	/**
 	 * 이벤트 안내 목록 상세 조회
 	 *
@@ -211,33 +209,34 @@ public class WebEventController extends ManagerDraftAction{
 	 * @param response
 	 * @return
 	 */
-	@RequestMapping(value="/webevent/selectEventDetail.do")
-	public ModelAndView selectEventDetail(HttpSession session, HttpServletRequest request, HttpServletResponse response) {
+	@RequestMapping(value = "/webevent/selectEventDetail.do")
+	public ModelAndView selectEventDetail(HttpSession session, HttpServletRequest request,
+			HttpServletResponse response) {
 
 		log.debug("WebEventController  selectEventDetail START");
-		
+
 		HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
 		HashMap<String, Object> map = new HashMap<String, Object>();
 		StringBuffer errorMsg = new StringBuffer();
-		
-		try{
+
+		try {
 			map = webEventService.selectEventDetail(paramMap);
 			log.debug(map + "");
-		}catch (Exception e) {
+		} catch (Exception e) {
 			e.printStackTrace();
 			errorMsg.append(e);
 			return null;
-		}finally {
-			if(Constants.OK == map.get("msgCode")) {
+		} finally {
+			if (Constants.OK == map.get("msgCode")) {
 
-			}else{
-				if(null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
+			} else {
+				if (null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
 					map.put("msgCode", Constants.FAIL);
 				}
 
 				map.put("success", false);
-				if(null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
-					map.put("msgDesc","정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다. (E0029)");
+				if (null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
+					map.put("msgDesc", "정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다. (E0029)");
 				}
 			}
 
@@ -253,27 +252,26 @@ public class WebEventController extends ManagerDraftAction{
 				insertMap.put("requestValue", String.valueOf(paramMap));
 				insertMap.put("responseValue", String.valueOf(map));
 				;
-				if(("true").equals(String.valueOf(map.get("success")))){
+				if (("true").equals(String.valueOf(map.get("success")))) {
 					insertMap.put("resultCode", "SUCCESS");
-				}else{
+				} else {
 					insertMap.put("resultCode", "ERROR");
 				}
 
 				insertMap.put("resultMsg", String.valueOf(errorMsg));
 
-//				logHistoryService.insertLogHistory(insertMap, visitLogParamMap);
+				// logHistoryService.insertLogHistory(insertMap, visitLogParamMap);
 			} catch (Exception e) {
 				e.printStackTrace();
 			}
 		}
 
 		log.debug("WebEventController  selectEventDetail END");
-		
-		
+
 		return HttpUtil.makeHashToJsonModelAndView(map);
 	}
-	
-	@RequestMapping(value="/webevent/selectMakeReservation.do")
+
+	@RequestMapping(value = "/webevent/selectMakeReservation.do")
 	public String selectMakeReservation(HttpSession session, HttpServletRequest request, Model model) {
 
 		log.debug("WebServiceController  selectMakeReservation START");
@@ -282,214 +280,9 @@ public class WebEventController extends ManagerDraftAction{
 		model.addAttribute("CATEGORY_NO", paramMap.get("CATEGORY_NO"));
 		model.addAttribute("POST_NO", paramMap.get("POST_NO"));
 		model.addAttribute("PROCEDURE_ID", paramMap.get("PROCEDURE_ID"));
-		
+
 		log.debug("WebServiceController  selectMakeReservation END");
-		
-		return "/web/webevent/makeReservation";
-	}
-	
-	/**
-	 * 시술 목록 상세 조회
-	 *
-	 * @param request
-	 * @param response
-	 * @return
-	 */
-	@RequestMapping(value="/webevent/selectReservation.do")
-	public ModelAndView selectReservation(HttpSession session, HttpServletRequest request, HttpServletResponse response) {
 
-		log.debug("WebServiceController  selectReservation START");
-		
-		HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
-		HashMap<String, Object> map = new HashMap<String, Object>();
-		StringBuffer errorMsg = new StringBuffer();
-		
-		try{
-			map = webEventService.selectReservation(paramMap);			
-		}catch (Exception e) {
-			e.printStackTrace();
-			errorMsg.append(e);
-			return null;
-		}finally {
-			if(Constants.OK == map.get("msgCode")) {
-
-			}else{
-				if(null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
-					map.put("msgCode", Constants.FAIL);
-				}
-
-				map.put("success", false);
-				if(null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
-					map.put("msgDesc","정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다. (E0029)");
-				}
-			}
-
-			try {
-				HashMap<String, Object> visitLogParamMap = RequestLogUtil.getVisitLogParameterMap(request);
-				HashMap<String, Object> insertMap = new HashMap<String, Object>();
-
-				insertMap.put("url", "/webevent/selectReservation.do");
-				insertMap.put("func", "selectListService");
-				insertMap.put("funcName", "예약 조회");
-				insertMap.put("service", "webEventService");
-				insertMap.put("serviceName", "예약 상세");
-				insertMap.put("requestValue", String.valueOf(paramMap));
-				insertMap.put("responseValue", String.valueOf(map));
-				;
-				if(("true").equals(String.valueOf(map.get("success")))){
-					insertMap.put("resultCode", "SUCCESS");
-				}else{
-					insertMap.put("resultCode", "ERROR");
-				}
-
-				insertMap.put("resultMsg", String.valueOf(errorMsg));
-
-//				logHistoryService.insertLogHistory(insertMap, visitLogParamMap);
-			} catch (Exception e) {
-				e.printStackTrace();
-			}
-		}
-
-		log.debug("WebServiceController  selectReservation END");
-		
-		
-		return HttpUtil.makeHashToJsonModelAndView(map);
-	}
-	
-	/**
-	 * 시술 목록 상세 조회
-	 *
-	 * @param request
-	 * @param response
-	 * @return
-	 */
-	@RequestMapping(value="/webevent/selectReservationCnt.do")
-	public ModelAndView selectReservationCnt(HttpSession session, HttpServletRequest request, HttpServletResponse response) {
-
-		log.debug("WebServiceController  selectReservationCnt START");
-		
-		HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
-		HashMap<String, Object> map = new HashMap<String, Object>();
-		StringBuffer errorMsg = new StringBuffer();
-		
-		try{
-			map = webEventService.selectReservationCnt(paramMap);			
-		}catch (Exception e) {
-			e.printStackTrace();
-			errorMsg.append(e);
-			return null;
-		}finally {
-			if(Constants.OK == map.get("msgCode")) {
-
-			}else{
-				if(null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
-					map.put("msgCode", Constants.FAIL);
-				}
-
-				map.put("success", false);
-				if(null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
-					map.put("msgDesc","정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다. (E0029)");
-				}
-			}
-
-			try {
-				HashMap<String, Object> visitLogParamMap = RequestLogUtil.getVisitLogParameterMap(request);
-				HashMap<String, Object> insertMap = new HashMap<String, Object>();
-
-				insertMap.put("url", "/webevent/selectReservationCnt.do");
-				insertMap.put("func", "selectReservationCnt");
-				insertMap.put("funcName", "예약 조회");
-				insertMap.put("service", "webEventService");
-				insertMap.put("serviceName", "예약 상세");
-				insertMap.put("requestValue", String.valueOf(paramMap));
-				insertMap.put("responseValue", String.valueOf(map));
-				;
-				if(("true").equals(String.valueOf(map.get("success")))){
-					insertMap.put("resultCode", "SUCCESS");
-				}else{
-					insertMap.put("resultCode", "ERROR");
-				}
-
-				insertMap.put("resultMsg", String.valueOf(errorMsg));
-
-//				logHistoryService.insertLogHistory(insertMap, visitLogParamMap);
-			} catch (Exception e) {
-				e.printStackTrace();
-			}
-		}
-
-		log.debug("WebServiceController  selectReservationCnt END");
-		
-		
-		return HttpUtil.makeHashToJsonModelAndView(map);
-	}
-	
-	/**
-	 * 예약 저장
-	 *
-	 * @param request
-	 * @param response
-	 * @return
-	 */
-	@RequestMapping(value="/webevent/insertReservation.do")
-	public ModelAndView insertReservation(HttpSession session, HttpServletRequest request, HttpServletResponse response) {
-
-		log.debug("WebServiceController  insertReservation START");
-		
-		HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
-		HashMap<String, Object> map = new HashMap<String, Object>();
-		StringBuffer errorMsg = new StringBuffer();
-		
-		try{
-			map = webEventService.insertReservation(paramMap);
-			log.debug(map + "TEST");
-		}catch (Exception e) {
-			e.printStackTrace();
-			errorMsg.append(e);
-			return null;
-		}finally {
-			if(Constants.OK == map.get("msgCode")) {
-
-			}else{
-				if(null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
-					map.put("msgCode", Constants.FAIL);
-				}
-
-				map.put("success", false);
-				if(null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
-					map.put("msgDesc","정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다. (E0029)");
-				}
-			}
-
-			try {
-				HashMap<String, Object> visitLogParamMap = RequestLogUtil.getVisitLogParameterMap(request);
-				HashMap<String, Object> insertMap = new HashMap<String, Object>();
-
-				insertMap.put("url", "/webevent/insertReservation.do");
-				insertMap.put("func", "selectReservationCnt");
-				insertMap.put("funcName", "예약 저장");
-				insertMap.put("service", "webEventService");
-				insertMap.put("serviceName", "예약 저장");
-				insertMap.put("requestValue", String.valueOf(paramMap));
-				insertMap.put("responseValue", String.valueOf(map));
-				;
-				if(("true").equals(String.valueOf(map.get("success")))){
-					insertMap.put("resultCode", "SUCCESS");
-				}else{
-					insertMap.put("resultCode", "ERROR");
-				}
-
-				insertMap.put("resultMsg", String.valueOf(errorMsg));
-
-//				logHistoryService.insertLogHistory(insertMap, visitLogParamMap);
-			} catch (Exception e) {
-				e.printStackTrace();
-			}
-		}
-
-		log.debug("WebServiceController  insertReservation END");
-		
-		
-		return HttpUtil.makeHashToJsonModelAndView(map);
+		return "/web/service/makeReservation";
 	}
 }
diff --git a/src/main/java/com/madeuhome/controller/web/webservice/WebServiceController.java b/src/main/java/com/madeuhome/controller/web/webservice/WebServiceController.java
index 9db6d82..142ffc4 100644
--- a/src/main/java/com/madeuhome/controller/web/webservice/WebServiceController.java
+++ b/src/main/java/com/madeuhome/controller/web/webservice/WebServiceController.java
@@ -25,13 +25,12 @@ import jakarta.servlet.http.HttpServletResponse;
 import jakarta.servlet.http.HttpSession;
 import lombok.extern.slf4j.Slf4j;
 
-
 @Slf4j
 @Controller
-public class WebServiceController extends ManagerDraftAction{
+public class WebServiceController extends ManagerDraftAction {
 	@Autowired
 	private WebServiceService webServiceService;
-	
+
 	/**
 	 * 시술관리 목록으로 이동.
 	 *
@@ -39,16 +38,16 @@ public class WebServiceController extends ManagerDraftAction{
 	 * @param response
 	 * @return
 	 */
-	@RequestMapping(value="/webservice/selectServiceIntro.do")
-	public String selectListServiceIntro(HttpSession session,HttpServletRequest request) {
+	@RequestMapping(value = "/webservice/selectServiceIntro.do")
+	public String selectListServiceIntro(HttpSession session, HttpServletRequest request) {
 
 		log.debug("WebServiceController  selectListServiceIntro START");
 
 		log.debug("WebServiceController  selectListServiceIntro END");
-		
+
 		return "/web/service/serviceInfo";
 	}
-	
+
 	/**
 	 * 시술관리 카테고리 목록 조회
 	 *
@@ -56,33 +55,34 @@ public class WebServiceController extends ManagerDraftAction{
 	 * @param response
 	 * @return
 	 */
-	@RequestMapping(value="/webservice/selectListCategory.do")
-	public ModelAndView selectListCategory(HttpSession session,HttpServletRequest request, HttpServletResponse response) {
+	@RequestMapping(value = "/webservice/selectListCategory.do")
+	public ModelAndView selectListCategory(HttpSession session, HttpServletRequest request,
+			HttpServletResponse response) {
 
 		log.debug("WebServiceController  selectListCategory START");
-		
+
 		HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
 		HashMap<String, Object> map = new HashMap<String, Object>();
 		StringBuffer errorMsg = new StringBuffer();
-		
-		try{
+
+		try {
 			map = webServiceService.selectListWebCategory(paramMap);
 			log.debug(map + "");
-		}catch (Exception e) {
+		} catch (Exception e) {
 			e.printStackTrace();
 			errorMsg.append(e);
 			return null;
-		}finally {
-			if(Constants.OK == map.get("msgCode")) {
+		} finally {
+			if (Constants.OK == map.get("msgCode")) {
 
-			}else{
-				if(null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
+			} else {
+				if (null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
 					map.put("msgCode", Constants.FAIL);
 				}
 
 				map.put("success", false);
-				if(null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
-					map.put("msgDesc","정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다. (E0029)");
+				if (null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
+					map.put("msgDesc", "정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다. (E0029)");
 				}
 			}
 
@@ -98,27 +98,26 @@ public class WebServiceController extends ManagerDraftAction{
 				insertMap.put("requestValue", String.valueOf(paramMap));
 				insertMap.put("responseValue", String.valueOf(map));
 				;
-				if(("true").equals(String.valueOf(map.get("success")))){
+				if (("true").equals(String.valueOf(map.get("success")))) {
 					insertMap.put("resultCode", "SUCCESS");
-				}else{
+				} else {
 					insertMap.put("resultCode", "ERROR");
 				}
 
 				insertMap.put("resultMsg", String.valueOf(errorMsg));
 				insertMap.put("muMemberId", paramMap.get("muMemberId"));
 
-//				logHistoryService.insertLogHistory(insertMap, visitLogParamMap);
+				// logHistoryService.insertLogHistory(insertMap, visitLogParamMap);
 			} catch (Exception e) {
 				e.printStackTrace();
 			}
 		}
 
 		log.debug("WebServiceController  selectListCategory END");
-		
-		
+
 		return HttpUtil.makeHashToJsonModelAndView(map);
 	}
-	
+
 	/**
 	 * 카테고리 별 시술 목록 조회
 	 *
@@ -126,28 +125,28 @@ public class WebServiceController extends ManagerDraftAction{
 	 * @param response
 	 * @return
 	 */
-	@PostMapping(value="/webservice/selectListService.do")
+	@PostMapping(value = "/webservice/selectListService.do")
 	@ResponseBody
 	public ResponseEntity<Map<String, Object>> selectListService(@RequestParam("categoryNo") String categoryNo) {
-	    
-	    Map<String, Object> response = new HashMap<>();
-	    
-	    try {
-	        HashMap<String, Object> paramMap = new HashMap<>();
-	        paramMap.put("categoryNo", categoryNo);
-	        
-	        Map<String, Object> result = webServiceService.selectListWebService(paramMap);
-	        return ResponseEntity.ok(result);
-	        
-	    } catch (Exception e) {
-	        log.error("서비스 조회 실패", e);
-	        response.put("msgCode", Constants.FAIL);
-	        response.put("msgDesc", e.getMessage());
-	        response.put("rows", new ArrayList<>());
-	        return ResponseEntity.ok(response);
-	    }
+
+		Map<String, Object> response = new HashMap<>();
+
+		try {
+			HashMap<String, Object> paramMap = new HashMap<>();
+			paramMap.put("categoryNo", categoryNo);
+
+			Map<String, Object> result = webServiceService.selectListWebService(paramMap);
+			return ResponseEntity.ok(result);
+
+		} catch (Exception e) {
+			log.error("서비스 조회 실패", e);
+			response.put("msgCode", Constants.FAIL);
+			response.put("msgDesc", e.getMessage());
+			response.put("rows", new ArrayList<>());
+			return ResponseEntity.ok(response);
+		}
 	}
-	
+
 	/**
 	 * 시술관리 상세로 이동.
 	 *
@@ -155,19 +154,19 @@ public class WebServiceController extends ManagerDraftAction{
 	 * @param response
 	 * @return
 	 */
-	@RequestMapping(value="/webservice/selectServiceDetailIntro.do")
+	@RequestMapping(value = "/webservice/selectServiceDetailIntro.do")
 	public String selectServiceDetailIntro(HttpSession session, HttpServletRequest request, Model model) {
 
 		log.debug("WebServiceController  selectServiceDetailIntro START");
 		HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
 		model.addAttribute("CATEGORY_DIV_CD", paramMap.get("categoryDivCd"));
 		model.addAttribute("CATEGORY_NO", paramMap.get("categoryNo"));
-		model.addAttribute("POST_NO", paramMap.get("postNo"));		
+		model.addAttribute("POST_NO", paramMap.get("postNo"));
 		log.debug("WebServiceController  selectServiceDetailIntro END");
-		
+
 		return "/web/service/webServiceDetail";
 	}
-	
+
 	/**
 	 * 시술 목록 상세 조회
 	 *
@@ -175,32 +174,33 @@ public class WebServiceController extends ManagerDraftAction{
 	 * @param response
 	 * @return
 	 */
-	@RequestMapping(value="/webservice/selectServiceDetail.do")
-	public ModelAndView selectServiceDetail(HttpSession session, HttpServletRequest request, HttpServletResponse response) {
+	@RequestMapping(value = "/webservice/selectServiceDetail.do")
+	public ModelAndView selectServiceDetail(HttpSession session, HttpServletRequest request,
+			HttpServletResponse response) {
 
 		log.debug("WebServiceController  selectServiceDetail START");
-		
+
 		HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
 		HashMap<String, Object> map = new HashMap<String, Object>();
 		StringBuffer errorMsg = new StringBuffer();
-		
-		try{
-			map = webServiceService.selectServiceDetail(paramMap);			
-		}catch (Exception e) {
+
+		try {
+			map = webServiceService.selectServiceDetail(paramMap);
+		} catch (Exception e) {
 			e.printStackTrace();
 			errorMsg.append(e);
 			return null;
-		}finally {
-			if(Constants.OK == map.get("msgCode")) {
+		} finally {
+			if (Constants.OK == map.get("msgCode")) {
 
-			}else{
-				if(null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
+			} else {
+				if (null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
 					map.put("msgCode", Constants.FAIL);
 				}
 
 				map.put("success", false);
-				if(null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
-					map.put("msgDesc","정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다. (E0029)");
+				if (null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
+					map.put("msgDesc", "정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다. (E0029)");
 				}
 			}
 
@@ -216,243 +216,22 @@ public class WebServiceController extends ManagerDraftAction{
 				insertMap.put("requestValue", String.valueOf(paramMap));
 				insertMap.put("responseValue", String.valueOf(map));
 				;
-				if(("true").equals(String.valueOf(map.get("success")))){
+				if (("true").equals(String.valueOf(map.get("success")))) {
 					insertMap.put("resultCode", "SUCCESS");
-				}else{
+				} else {
 					insertMap.put("resultCode", "ERROR");
 				}
 
 				insertMap.put("resultMsg", String.valueOf(errorMsg));
 
-//				logHistoryService.insertLogHistory(insertMap, visitLogParamMap);
+				// logHistoryService.insertLogHistory(insertMap, visitLogParamMap);
 			} catch (Exception e) {
 				e.printStackTrace();
 			}
 		}
 
 		log.debug("WebServiceController  selectServiceDetail END");
-		
-		
-		return HttpUtil.makeHashToJsonModelAndView(map);
-	}
-	
-	@RequestMapping(value="/webservice/selectMakeReservation.do")
-	public String selectMakeReservation(HttpSession session, HttpServletRequest request, Model model) {
 
-		log.debug("WebServiceController  selectMakeReservation START");
-		HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
-		model.addAttribute("CATEGORY_DIV_CD", paramMap.get("CATEGORY_DIV_CD"));
-		model.addAttribute("CATEGORY_NO", paramMap.get("CATEGORY_NO"));
-		model.addAttribute("POST_NO", paramMap.get("POST_NO"));
-		model.addAttribute("PROCEDURE_ID", paramMap.get("PROCEDURE_ID"));
-		
-		log.debug("WebServiceController  selectMakeReservation END");
-		
-		return "/web/service/makeReservation";
-	}
-	
-	/**
-	 * 시술 목록 상세 조회
-	 *
-	 * @param request
-	 * @param response
-	 * @return
-	 */
-	@RequestMapping(value="/webservice/selectReservation.do")
-	public ModelAndView selectReservation(HttpSession session, HttpServletRequest request, HttpServletResponse response) {
-
-		log.debug("WebServiceController  selectReservation START");
-		
-		HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
-		HashMap<String, Object> map = new HashMap<String, Object>();
-		StringBuffer errorMsg = new StringBuffer();
-		
-		try{
-			map = webServiceService.selectReservation(paramMap);			
-		}catch (Exception e) {
-			e.printStackTrace();
-			errorMsg.append(e);
-			return null;
-		}finally {
-			if(Constants.OK == map.get("msgCode")) {
-
-			}else{
-				if(null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
-					map.put("msgCode", Constants.FAIL);
-				}
-
-				map.put("success", false);
-				if(null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
-					map.put("msgDesc","정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다. (E0029)");
-				}
-			}
-
-			try {
-				HashMap<String, Object> visitLogParamMap = RequestLogUtil.getVisitLogParameterMap(request);
-				HashMap<String, Object> insertMap = new HashMap<String, Object>();
-
-				insertMap.put("url", "/webservice/selectReservation.do");
-				insertMap.put("func", "selectListService");
-				insertMap.put("funcName", "예약 조회");
-				insertMap.put("service", "webServiceService");
-				insertMap.put("serviceName", "예약 상세");
-				insertMap.put("requestValue", String.valueOf(paramMap));
-				insertMap.put("responseValue", String.valueOf(map));
-				;
-				if(("true").equals(String.valueOf(map.get("success")))){
-					insertMap.put("resultCode", "SUCCESS");
-				}else{
-					insertMap.put("resultCode", "ERROR");
-				}
-
-				insertMap.put("resultMsg", String.valueOf(errorMsg));
-
-//				logHistoryService.insertLogHistory(insertMap, visitLogParamMap);
-			} catch (Exception e) {
-				e.printStackTrace();
-			}
-		}
-
-		log.debug("WebServiceController  selectReservation END");
-		
-		
-		return HttpUtil.makeHashToJsonModelAndView(map);
-	}
-	
-	/**
-	 * 시술 목록 상세 조회
-	 *
-	 * @param request
-	 * @param response
-	 * @return
-	 */
-	@RequestMapping(value="/webservice/selectReservationCnt.do")
-	public ModelAndView selectReservationCnt(HttpSession session, HttpServletRequest request, HttpServletResponse response) {
-
-		log.debug("WebServiceController  selectReservationCnt START");
-		
-		HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
-		HashMap<String, Object> map = new HashMap<String, Object>();
-		StringBuffer errorMsg = new StringBuffer();
-		
-		try{
-			map = webServiceService.selectReservationCnt(paramMap);			
-		}catch (Exception e) {
-			e.printStackTrace();
-			errorMsg.append(e);
-			return null;
-		}finally {
-			if(Constants.OK == map.get("msgCode")) {
-
-			}else{
-				if(null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
-					map.put("msgCode", Constants.FAIL);
-				}
-
-				map.put("success", false);
-				if(null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
-					map.put("msgDesc","정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다. (E0029)");
-				}
-			}
-
-			try {
-				HashMap<String, Object> visitLogParamMap = RequestLogUtil.getVisitLogParameterMap(request);
-				HashMap<String, Object> insertMap = new HashMap<String, Object>();
-
-				insertMap.put("url", "/webservice/selectReservationCnt.do");
-				insertMap.put("func", "selectReservationCnt");
-				insertMap.put("funcName", "예약 조회");
-				insertMap.put("service", "webServiceService");
-				insertMap.put("serviceName", "예약 상세");
-				insertMap.put("requestValue", String.valueOf(paramMap));
-				insertMap.put("responseValue", String.valueOf(map));
-				;
-				if(("true").equals(String.valueOf(map.get("success")))){
-					insertMap.put("resultCode", "SUCCESS");
-				}else{
-					insertMap.put("resultCode", "ERROR");
-				}
-
-				insertMap.put("resultMsg", String.valueOf(errorMsg));
-
-//				logHistoryService.insertLogHistory(insertMap, visitLogParamMap);
-			} catch (Exception e) {
-				e.printStackTrace();
-			}
-		}
-
-		log.debug("WebServiceController  selectReservationCnt END");
-		
-		
-		return HttpUtil.makeHashToJsonModelAndView(map);
-	}
-	
-	/**
-	 * 예약 저장
-	 *
-	 * @param request
-	 * @param response
-	 * @return
-	 */
-	@RequestMapping(value="/webservice/insertReservation.do")
-	public ModelAndView insertReservation(HttpSession session, HttpServletRequest request, HttpServletResponse response) {
-
-		log.debug("WebServiceController  insertReservation START");
-		
-		HashMap<String, Object> paramMap = HttpUtil.getParameterMap(request);
-		HashMap<String, Object> map = new HashMap<String, Object>();
-		StringBuffer errorMsg = new StringBuffer();
-		
-		try{
-			map = webServiceService.insertReservation(paramMap);
-			log.debug(map + "TEST");
-		}catch (Exception e) {
-			e.printStackTrace();
-			errorMsg.append(e);
-			return null;
-		}finally {
-			if(Constants.OK == map.get("msgCode")) {
-
-			}else{
-				if(null == map.get("msgCode") || ("").equals(map.get("msgCode"))) {
-					map.put("msgCode", Constants.FAIL);
-				}
-
-				map.put("success", false);
-				if(null == map.get("msgDesc") || ("").equals(map.get("msgDesc"))) {
-					map.put("msgDesc","정상적으로 수행되지 않았습니다. 관리자에게 문의하시기 바랍니다. (E0029)");
-				}
-			}
-
-			try {
-				HashMap<String, Object> visitLogParamMap = RequestLogUtil.getVisitLogParameterMap(request);
-				HashMap<String, Object> insertMap = new HashMap<String, Object>();
-
-				insertMap.put("url", "/webservice/insertReservation.do");
-				insertMap.put("func", "selectReservationCnt");
-				insertMap.put("funcName", "예약 저장");
-				insertMap.put("service", "webServiceService");
-				insertMap.put("serviceName", "예약 저장");
-				insertMap.put("requestValue", String.valueOf(paramMap));
-				insertMap.put("responseValue", String.valueOf(map));
-				;
-				if(("true").equals(String.valueOf(map.get("success")))){
-					insertMap.put("resultCode", "SUCCESS");
-				}else{
-					insertMap.put("resultCode", "ERROR");
-				}
-
-				insertMap.put("resultMsg", String.valueOf(errorMsg));
-
-//				logHistoryService.insertLogHistory(insertMap, visitLogParamMap);
-			} catch (Exception e) {
-				e.printStackTrace();
-			}
-		}
-
-		log.debug("WebServiceController  insertReservation END");
-		
-		
 		return HttpUtil.makeHashToJsonModelAndView(map);
 	}
 }
diff --git a/src/main/java/com/madeuhome/dao/web/webservice/WebServiceSqlMapDAO.java b/src/main/java/com/madeuhome/dao/web/webservice/WebServiceSqlMapDAO.java
index 4aae690..9d31420 100644
--- a/src/main/java/com/madeuhome/dao/web/webservice/WebServiceSqlMapDAO.java
+++ b/src/main/java/com/madeuhome/dao/web/webservice/WebServiceSqlMapDAO.java
@@ -13,7 +13,7 @@ import org.springframework.stereotype.Repository;
 import jakarta.annotation.PostConstruct;
 
 @Repository
-public class WebServiceSqlMapDAO extends SqlSessionDaoSupport{
+public class WebServiceSqlMapDAO extends SqlSessionDaoSupport {
 
 	@Autowired
 	private SqlSessionTemplate sqlSessionTemplate;
@@ -22,124 +22,73 @@ public class WebServiceSqlMapDAO extends SqlSessionDaoSupport{
 	void init() {
 		setSqlSessionTemplate(sqlSessionTemplate);
 	}
-	
+
 	/**
 	 * 시술관리 정보 카테고리 리스트 조회 (List)
 	 * 
 	 * @param Map
 	 * @return
-	 * @throws DataAccessException 
+	 * @throws DataAccessException
 	 */
-	public List<Map<String, Object>> selectListWebCategory(HashMap<String, Object> paramMap)	throws DataAccessException {
+	public List<Map<String, Object>> selectListWebCategory(HashMap<String, Object> paramMap)
+			throws DataAccessException {
 		logger.debug("WebServiceSqlMapDAO selectListWebCategory START");
-		
+
 		String sqlId = "WebService.selectListWebCategory";
-		
+
 		logger.debug("WebServiceSqlMapDAO selectListWebCategory END");
-		
+
 		return getSqlSession().selectList(sqlId, paramMap);
 	}
-	
+
 	/**
 	 * 시술관리 정보 시술 리스트 조회 (List)
 	 * 
 	 * @param Map
 	 * @return
-	 * @throws DataAccessException 
+	 * @throws DataAccessException
 	 */
-	public List<Map<String, Object>> selectListWebService(HashMap<String, Object> paramMap)	throws DataAccessException {
+	public List<Map<String, Object>> selectListWebService(HashMap<String, Object> paramMap) throws DataAccessException {
 		logger.debug("WebServiceSqlMapDAO selectListWebService START");
-		
+
 		String sqlId = "WebService.selectListWebService";
-		
+
 		logger.debug("WebServiceSqlMapDAO selectListWebService END");
-		
+
 		return getSqlSession().selectList(sqlId, paramMap);
 	}
-	
+
 	/**
-	 * 시술관리 정보 시술 상세 조회 
+	 * 시술관리 정보 시술 상세 조회
 	 * 
 	 * @param Map
 	 * @return
-	 * @throws DataAccessException 
+	 * @throws DataAccessException
 	 */
-	public Map<String, Object> selectServiceDetail(HashMap<String, Object> paramMap)	throws DataAccessException {
+	public Map<String, Object> selectServiceDetail(HashMap<String, Object> paramMap) throws DataAccessException {
 		logger.debug("WebServiceSqlMapDAO selectServiceDetail START");
-		
+
 		String sqlId = "WebService.selectServiceDetail";
-		
+
 		logger.debug("WebServiceSqlMapDAO selectServiceDetail END");
-		
+
 		return getSqlSession().selectOne(sqlId, paramMap);
 	}
-	
+
 	/**
 	 * 시술관리 정보 시술 목록 조회 (List)
 	 * 
 	 * @param Map
 	 * @return
-	 * @throws DataAccessException 
+	 * @throws DataAccessException
 	 */
-	public List<Map<String, Object>> selectListService(HashMap<String, Object> paramMap)	throws DataAccessException {
+	public List<Map<String, Object>> selectListService(HashMap<String, Object> paramMap) throws DataAccessException {
 		logger.debug("WebServiceSqlMapDAO selectListService START");
-		
+
 		String sqlId = "WebService.selectListService";
-		
+
 		logger.debug("WebServiceSqlMapDAO selectListService END");
-		
+
 		return getSqlSession().selectList(sqlId, paramMap);
 	}
-	
-	/**
-	 * 예약 상세 조회 
-	 * 
-	 * @param Map
-	 * @return
-	 * @throws DataAccessException 
-	 */
-	public Map<String, Object> selectReservationCnt(HashMap<String, Object> paramMap)	throws DataAccessException {
-		logger.debug("WebServiceSqlMapDAO selectReservationCnt START");
-		
-		String sqlId = "WebService.selectReservationCnt";
-		
-		logger.debug("WebServiceSqlMapDAO selectReservationCnt END");
-		
-		return getSqlSession().selectOne(sqlId, paramMap);
-	}
-	
-	/**
-	 * 예약 시술 정보 조회
-	 * 
-	 * @param Map
-	 * @return
-	 * @throws DataAccessException 
-	 */
-	public Map<String, Object> selectReservationService(HashMap<String, Object> paramMap)	throws DataAccessException {
-		logger.debug("WebServiceSqlMapDAO selectReservationService START");
-		
-		String sqlId = "WebService.selectReservationService";
-		
-		logger.debug("WebServiceSqlMapDAO selectReservationService END");
-		
-		return getSqlSession().selectOne(sqlId, paramMap);
-	}
-	/**
-	 * 예약 정보 저장
-	 * 
-	 * @param Map
-	 * @return
-	 * @throws DataAccessException 
-	 */
-	public Map<String, Object> insertReservation(HashMap<String, Object> paramMap)	throws DataAccessException {
-		logger.debug("WebServiceSqlMapDAO insertReservation START");
-		
-		String sqlId = "WebService.insertReservation";
-		
-		logger.debug("WebServiceSqlMapDAO insertReservation END");
-		
-		getSqlSession().insert(sqlId, paramMap);
-		
-		return null;
-	}
 }
diff --git a/src/main/java/com/madeuhome/dto/ReservationDto.java b/src/main/java/com/madeuhome/dto/ReservationDto.java
new file mode 100644
index 0000000..5969779
--- /dev/null
+++ b/src/main/java/com/madeuhome/dto/ReservationDto.java
@@ -0,0 +1,40 @@
+package com.madeuhome.dto;
+
+import lombok.Data;
+
+/**
+ * 예약 관련 DTO
+ */
+@Data
+public class ReservationDto {
+    // 예약 기본 정보
+    private String muReserveId;
+    private String userName;
+    private String phoneNumber;
+    private String birthDate;
+    private String selectedDate;
+    private String time;
+    private String etc;
+
+    // 시술 정보
+    private String categoryDivCd;
+    private String categoryNo;
+    private String postNo;
+    private String procedureId;
+    private String treatmentId;
+    private String treatmentName;
+    private String treatmentProcedureId;
+    private String treatmentProcedureName;
+    private String treatmentInfos;
+
+    // 병원 운영 정보
+    private String muHospitalId;
+    private String hospitalName;
+    private String searchDate;
+    private String openYn;
+    private String holidayYn;
+    private String openStartTime;
+    private String openEndTime;
+    private String breakStartTime;
+    private String breakEndTime;
+}
diff --git a/src/main/java/com/madeuhome/service/web/reservation/ReservationService.java b/src/main/java/com/madeuhome/service/web/reservation/ReservationService.java
new file mode 100644
index 0000000..b034557
--- /dev/null
+++ b/src/main/java/com/madeuhome/service/web/reservation/ReservationService.java
@@ -0,0 +1,211 @@
+package com.madeuhome.service.web.reservation;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+import org.mybatis.spring.SqlSessionTemplate;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.stereotype.Service;
+
+import com.fasterxml.jackson.core.type.TypeReference;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import com.madeuhome.constants.Constants;
+import com.madeuhome.util.OkHttpService;
+
+import lombok.extern.slf4j.Slf4j;
+
+/**
+ * 예약 서비스 (구현체 포함) - 쁘띠&피부센터
+ */
+@Service
+@Slf4j
+public class ReservationService {
+
+    @Autowired
+    private SqlSessionTemplate sqlSession;
+
+    @Value("${url.old-crm-php}")
+    private String ocp;
+
+    /**
+     * 예약 시술 정보 조회
+     */
+    public HashMap<String, Object> selectReservation(HashMap<String, Object> paramMap) throws Exception {
+        log.debug("ReservationService selectReservation START");
+        HashMap<String, Object> map = new HashMap<>();
+
+        try {
+            List<Map<String, Object>> listMap2 = new ArrayList<>();
+
+            if (paramMap.get("PROCEDURE_ID").toString().indexOf(",") != -1) {
+                String[] PROCEDURE_ID = paramMap.get("PROCEDURE_ID").toString().split(",");
+                for (int i = 0; i < PROCEDURE_ID.length; i++) {
+                    HashMap<String, Object> map2 = new HashMap<>();
+                    map2.put("PROCEDURE_ID", PROCEDURE_ID[i]);
+                    listMap2.add(sqlSession.selectOne("Reservation.selectReservationService", map2));
+                }
+            } else {
+                listMap2.add(sqlSession.selectOne("Reservation.selectReservationService", paramMap));
+            }
+            map.put("reservation", listMap2);
+            map.put("msgCode", Constants.OK);
+            map.put("success", "true");
+
+        } catch (Exception e) {
+            e.printStackTrace();
+            throw e;
+        }
+
+        log.debug("ReservationService selectReservation END");
+        return map;
+    }
+
+    /**
+     * 병원 휴일 조회 (달력 표출용)
+     */
+    public HashMap<String, Object> selectHospitalHolidayList(HashMap<String, Object> paramMap) throws Exception {
+        log.debug("ReservationService selectHospitalHolidayList START");
+        HashMap<String, Object> map = new HashMap<>();
+
+        try {
+            List<Map<String, Object>> listMap = sqlSession.selectList("Reservation.selectHospitalHolidayList",
+                    paramMap);
+            map.put("rows", listMap);
+            map.put("msgCode", Constants.OK);
+            map.put("success", "true");
+
+        } catch (Exception e) {
+            e.printStackTrace();
+            throw e;
+        }
+
+        log.debug("ReservationService selectHospitalHolidayList END");
+        return map;
+    }
+
+    /**
+     * 특정 날짜 운영시간 조회
+     */
+    public HashMap<String, Object> selectHospitalWorkTime(HashMap<String, Object> paramMap) throws Exception {
+        log.debug("ReservationService selectHospitalWorkTime START");
+        HashMap<String, Object> map = new HashMap<>();
+
+        try {
+            Map<String, Object> result = sqlSession.selectOne("Reservation.selectHospitalWorkTime", paramMap);
+            if (result != null) {
+                map.put("rows", result);
+            } else {
+                map.put("rows", new HashMap<>());
+            }
+            map.put("msgCode", Constants.OK);
+            map.put("success", "true");
+
+        } catch (Exception e) {
+            e.printStackTrace();
+            throw e;
+        }
+
+        log.debug("ReservationService selectHospitalWorkTime END");
+        return map;
+    }
+
+    /**
+     * 예약 카운트 조회
+     */
+    public HashMap<String, Object> selectReservationCnt(HashMap<String, Object> paramMap) throws Exception {
+        log.debug("ReservationService selectReservationCnt START");
+        HashMap<String, Object> map = new HashMap<>();
+
+        try {
+            Map<String, Object> result = sqlSession.selectOne("Reservation.selectReservationCnt", paramMap);
+            map.put("rows", result);
+            map.put("msgCode", Constants.OK);
+            map.put("success", "true");
+
+        } catch (Exception e) {
+            e.printStackTrace();
+            throw e;
+        }
+
+        log.debug("ReservationService selectReservationCnt END");
+        return map;
+    }
+
+    /**
+     * 예약 저장
+     */
+    public HashMap<String, Object> insertReservation(HashMap<String, Object> paramMap) throws Exception {
+        log.debug("ReservationService insertReservation START");
+        HashMap<String, Object> map = new HashMap<>();
+        try {
+            String muReserveId = ("R").concat(String.valueOf(System.currentTimeMillis()));
+            paramMap.put("muReserveId", muReserveId);
+            ArrayList<String> userRequest = new ArrayList<>();
+
+            // TREATMENT_INFOS 파라미터가 있으면 파싱하여 P_변수명으로 세팅 후 insertReservation 호출
+            if (paramMap.get("TREATMENT_INFOS") != null) {
+                ObjectMapper objectMapper = new ObjectMapper();
+                List<Map<String, Object>> treatmentList = objectMapper.readValue(
+                        paramMap.get("TREATMENT_INFOS").toString(),
+                        new TypeReference<List<Map<String, Object>>>() {
+                        });
+                for (Map<String, Object> t : treatmentList) {
+                    paramMap.put("P_TREATMENT_ID", t.get("MU_TREATMENT_ID"));
+                    paramMap.put("P_TREATMENT_NM", t.get("TREATMENT_NAME"));
+                    paramMap.put("P_PROCEDURE_ID", t.get("MU_TREATMENT_PROCEDURE_ID"));
+                    paramMap.put("P_PROCEDURE_NM", t.get("TREATMENT_PROCEDURE_NAME"));
+                    userRequest.add((String) t.get("TREATMENT_PROCEDURE_NAME"));
+                    sqlSession.insert("Reservation.insertReservation", paramMap);
+                }
+            } else {
+                // 기존 방식대로 단일 시술 정보로 처리
+                paramMap.put("P_TREATMENT_ID", paramMap.get("MU_TREATMENT_ID"));
+                paramMap.put("P_TREATMENT_NM", paramMap.get("TREATMENT_NAME"));
+                paramMap.put("P_PROCEDURE_ID", paramMap.get("MU_TREATMENT_PROCEDURE_ID"));
+                paramMap.put("P_PROCEDURE_NM", paramMap.get("TREATMENT_PROCEDURE_NAME"));
+                userRequest.add((String) paramMap.get("TREATMENT_PROCEDURE_NAME"));
+                sqlSession.insert("Reservation.insertReservation", paramMap);
+            }
+
+            Map<String, String> formData = new HashMap<>();
+            formData.put("visitorName", (String) paramMap.get("NAME"));
+            formData.put("visitorPhone", (String) paramMap.get("PHONE_NUMBER"));
+
+            String strUserRequest = "[선택시술]:" + userRequest.stream().collect(Collectors.joining(", "));
+            String birthDate = "[생년월일]:" + paramMap.get("BIRTH_DATE");
+            String reqTxt = "[요청사항]:" + (String) paramMap.get("ETC");
+            formData.put("userRequest", strUserRequest + "\n" + birthDate + "\n" + reqTxt);
+            String time = (String) paramMap.get("TIME");
+            String date = (String) paramMap.get("SELECTED_DATE");
+            String dateTime = date + " " + time;
+            formData.put("datetime", dateTime);
+
+            Map<String, Object> detailMap = sqlSession.selectOne("Reservation.selectServiceDetail", paramMap);
+
+            formData.put("itemName", "[홈페이지] 쁘띠&피부센터");
+            // 구CRM 연동ID가 없을 경우 기본값 (피부 & 쁘띠센터)
+            String oldCrmItemId = (String) detailMap.get("oldCrmItemId") == null
+                    ? "NBI-4aJSJ67P-f0ID-4xds-aReQ-MnhfErLts0HP"
+                    : (String) detailMap.get("oldCrmItemId");
+            formData.put("itemID", oldCrmItemId);
+            formData.put("etcText", "[진료]:" + (String) detailMap.get("CATEGORY_NM"));
+
+            // OLD CRM으로 예약정보 POST
+            OkHttpService.postFormData(ocp, formData);
+
+            map.put("msgCode", Constants.OK);
+            map.put("success", "true");
+
+        } catch (Exception e) {
+            e.printStackTrace();
+            throw e;
+        }
+
+        log.debug("ReservationService insertReservation END");
+        return map;
+    }
+}
diff --git a/src/main/java/com/madeuhome/service/web/webservice/WebServiceService.java b/src/main/java/com/madeuhome/service/web/webservice/WebServiceService.java
index 6253fc3..2988797 100644
--- a/src/main/java/com/madeuhome/service/web/webservice/WebServiceService.java
+++ b/src/main/java/com/madeuhome/service/web/webservice/WebServiceService.java
@@ -4,9 +4,8 @@ import java.util.HashMap;
 
 public interface WebServiceService {
 	public HashMap<String, Object> selectListWebCategory(HashMap<String, Object> paramMap) throws Exception;
+
 	public HashMap<String, Object> selectListWebService(HashMap<String, Object> paramMap) throws Exception;
+
 	public HashMap<String, Object> selectServiceDetail(HashMap<String, Object> paramMap) throws Exception;
-	public HashMap<String, Object> selectReservation(HashMap<String, Object> paramMap) throws Exception;
-	public HashMap<String, Object> selectReservationCnt(HashMap<String, Object> paramMap) throws Exception;
-	public HashMap<String, Object> insertReservation(HashMap<String, Object> paramMap) throws Exception;
 }
diff --git a/src/main/java/com/madeuhome/service/web/webservice/impl/WebServiceServiceImpl.java b/src/main/java/com/madeuhome/service/web/webservice/impl/WebServiceServiceImpl.java
index e43e99b..2d75314 100644
--- a/src/main/java/com/madeuhome/service/web/webservice/impl/WebServiceServiceImpl.java
+++ b/src/main/java/com/madeuhome/service/web/webservice/impl/WebServiceServiceImpl.java
@@ -1,295 +1,113 @@
 package com.madeuhome.service.web.webservice.impl;
 
-
-import java.util.ArrayList;
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
-import java.util.stream.Collectors;
 
 import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.beans.factory.annotation.Value;
 import org.springframework.stereotype.Service;
 
-import com.fasterxml.jackson.core.type.TypeReference;
-import com.fasterxml.jackson.databind.ObjectMapper;
 import com.madeuhome.constants.Constants;
 import com.madeuhome.dao.web.webservice.WebServiceSqlMapDAO;
 import com.madeuhome.service.web.webservice.WebServiceService;
-import com.madeuhome.util.OkHttpService;
 
 import lombok.extern.slf4j.Slf4j;
 
 @Slf4j
 @Service("WebServiceService")
-public class WebServiceServiceImpl implements WebServiceService{
-	
+public class WebServiceServiceImpl implements WebServiceService {
+
 	@Autowired
-    private WebServiceSqlMapDAO webServiceSqlMapDAO;
-	
-	@Value("${url.old-crm-php}")
-	private String ocp;
-	
+	private WebServiceSqlMapDAO webServiceSqlMapDAO;
+
 	/**
 	 * 시술 정보 카테고리 리스트 조회 (List)
 	 * 
 	 * @param paramMap
 	 * @return
-	 * @throws Exception 
+	 * @throws Exception
 	 */
 	@Override
 	public HashMap<String, Object> selectListWebCategory(HashMap<String, Object> paramMap) throws Exception {
 		log.debug("WebServiceServiceImpl selectListWebCategory START");
-		
+
 		HashMap<String, Object> map = new HashMap<String, Object>();
 
-		try{
+		try {
 			List<Map<String, Object>> listMap = webServiceSqlMapDAO.selectListWebCategory(paramMap);
-			map.put("rows",listMap);
+			map.put("rows", listMap);
 
 			map.put("msgCode", Constants.OK);
-			map.put("success","true");
+			map.put("success", "true");
 
-		}catch (Exception e) {
+		} catch (Exception e) {
 			e.printStackTrace();
-            throw e;
+			throw e;
 		}
-		
+
 		log.debug("WebServiceServiceImpl selectListWebCategory END");
 		return map;
 	}
-	
+
 	/**
 	 * 시술 정보 리스트 조회 (List)
 	 * 
 	 * @param paramMap
 	 * @return
-	 * @throws Exception 
+	 * @throws Exception
 	 */
 	@Override
 	public HashMap<String, Object> selectListWebService(HashMap<String, Object> paramMap) throws Exception {
 		log.debug("WebServiceServiceImpl selectListWebService START");
-		
+
 		HashMap<String, Object> map = new HashMap<String, Object>();
 
-		try{
+		try {
 			List<Map<String, Object>> listMap = webServiceSqlMapDAO.selectListWebService(paramMap);
-			map.put("rows",listMap);
+			map.put("rows", listMap);
 
 			map.put("msgCode", Constants.OK);
-			map.put("success","true");
+			map.put("success", "true");
 
-		}catch (Exception e) {
+		} catch (Exception e) {
 			e.printStackTrace();
-            throw e;
+			throw e;
 		}
-		
+
 		log.debug("WebServiceServiceImpl selectListWebService END");
 		return map;
 	}
-	
+
 	/**
-	 * 시술 정보 상세 조회 
+	 * 시술 정보 상세 조회
 	 * 
 	 * @param paramMap
 	 * @return
-	 * @throws Exception 
+	 * @throws Exception
 	 */
 	@Override
 	public HashMap<String, Object> selectServiceDetail(HashMap<String, Object> paramMap) throws Exception {
 		log.debug("WebServiceServiceImpl selectServiceDetail START");
-		
+
 		HashMap<String, Object> map = new HashMap<String, Object>();
 
-		try{
-			//상세 내용
+		try {
+			// 상세 내용
 			Map<String, Object> listMap = webServiceSqlMapDAO.selectServiceDetail(paramMap);
-			map.put("rows",listMap);
-			//시술 목록
+			map.put("rows", listMap);
+			// 시술 목록
 			List<Map<String, Object>> listServiceMap = webServiceSqlMapDAO.selectListService(paramMap);
-			map.put("price",listServiceMap);
-			
-			map.put("msgCode", Constants.OK);
-			map.put("success","true");
+			map.put("price", listServiceMap);
 
-		}catch (Exception e) {
+			map.put("msgCode", Constants.OK);
+			map.put("success", "true");
+
+		} catch (Exception e) {
 			e.printStackTrace();
-            throw e;
+			throw e;
 		}
-		
+
 		log.debug("WebServiceServiceImpl selectServiceDetail END");
 		return map;
 	}
-	
-	/**
-	 * 예약 정보 조회 
-	 * 
-	 * @param paramMap
-	 * @return
-	 * @throws Exception 
-	 */
-	@Override
-	public HashMap<String, Object> selectReservation(HashMap<String, Object> paramMap) throws Exception {
-		log.debug("WebServiceServiceImpl selectReservation START");		
-		HashMap<String, Object> map = new HashMap<String, Object>();
-
-		try{
-			//예약 목록
-			List<Map<String, Object>> listMap2 = new ArrayList<Map<String, Object>>();
-			
-			if(paramMap.get("PROCEDURE_ID").toString().indexOf(",") != -1) {
-				String[] PROCEDURE_ID = paramMap.get("PROCEDURE_ID").toString().split(",");
-				
-				for(int i = 0; i < PROCEDURE_ID.length; i++) {					
-					HashMap<String, Object> map2 = new HashMap<String, Object>();
-					map2.put("PROCEDURE_ID", PROCEDURE_ID[i]);
-					listMap2.add(webServiceSqlMapDAO.selectReservationService(map2));
-				}
-			}else {
-				listMap2.add(webServiceSqlMapDAO.selectReservationService(paramMap));				
-			}
-			map.put("reservation",listMap2);			
-			map.put("msgCode", Constants.OK);
-			map.put("success","true");
-
-		}catch (Exception e) {
-			e.printStackTrace();
-            throw e;
-		}
-		
-		log.debug("WebServiceServiceImpl selectReservation END");
-		return map;
-	}
-	
-	/**
-	 * 예약 정보 조회 
-	 * 
-	 * @param paramMap
-	 * @return
-	 * @throws Exception 
-	 */
-	@Override
-	public HashMap<String, Object> selectReservationCnt(HashMap<String, Object> paramMap) throws Exception {
-		log.debug("WebServiceServiceImpl selectReservationCnt START");
-		
-		HashMap<String, Object> map = new HashMap<String, Object>();
-
-		try{
-			//상세 내용
-			Map<String, Object> listMap = webServiceSqlMapDAO.selectReservationCnt(paramMap);
-			map.put("rows",listMap);
-						
-			map.put("msgCode", Constants.OK);
-			map.put("success","true");
-
-		}catch (Exception e) {
-			e.printStackTrace();
-            throw e;
-		}
-		
-		log.debug("WebServiceServiceImpl selectReservationCnt END");
-		return map;
-	}
-	
-	/**
-	 * 예약 정보 저장
-	 * 
-	 * @param paramMap
-	 * @return
-	 * @throws Exception 
-	 */
-	@Override
-	public HashMap<String, Object> insertReservation(HashMap<String, Object> paramMap) throws Exception {
-		log.debug("WebServiceServiceImpl insertReservation START");
-		HashMap<String, Object> map = new HashMap<String, Object>();
-		try{
-			String muReserveId = ("R").concat(String.valueOf(System.currentTimeMillis()));
-			paramMap.put("muReserveId",muReserveId);
-			ArrayList<String> userRequest = new ArrayList<String>();
-            // TREATMENT_INFOS 파라미터가 있으면 파싱하여 P_변수명으로 세팅 후 insertReservation 호출
-            if(paramMap.get("TREATMENT_INFOS") != null) {
-                ObjectMapper objectMapper = new ObjectMapper();
-                List<Map<String, Object>> treatmentList = objectMapper.readValue(paramMap.get("TREATMENT_INFOS").toString(), new TypeReference<List<Map<String, Object>>>(){});
-                for(Map<String, Object> t : treatmentList) {
-                    paramMap.put("P_TREATMENT_ID", t.get("MU_TREATMENT_ID"));
-                    paramMap.put("P_TREATMENT_NM", t.get("TREATMENT_NAME"));
-                    paramMap.put("P_PROCEDURE_ID", t.get("MU_TREATMENT_PROCEDURE_ID"));
-                    paramMap.put("P_PROCEDURE_NM", t.get("TREATMENT_PROCEDURE_NAME"));
-                    userRequest.add((String) t.get("TREATMENT_PROCEDURE_NAME"));
-                    webServiceSqlMapDAO.insertReservation(paramMap);
-                }
-            } else {
-				// 기존 방식대로 단일 시술 정보로 처리
-				paramMap.put("P_TREATMENT_ID", paramMap.get("MU_TREATMENT_ID"));
-				paramMap.put("P_TREATMENT_NM", paramMap.get("TREATMENT_NAME"));
-				paramMap.put("P_PROCEDURE_ID", paramMap.get("MU_TREATMENT_PROCEDURE_ID"));
-				paramMap.put("P_PROCEDURE_NM", paramMap.get("TREATMENT_PROCEDURE_NAME"));
-				userRequest.add((String) paramMap.get("TREATMENT_PROCEDURE_NAME"));
-				webServiceSqlMapDAO.insertReservation(paramMap);
-            }
-			
-            Map<String, String> formData = new HashMap<>();
-            formData.put("visitorName", (String) paramMap.get("NAME"));
-            formData.put("visitorPhone", (String) paramMap.get("PHONE_NUMBER"));
-            
-            String strUserRequest = "[선택시술]:" + userRequest.stream().collect(Collectors.joining(", "));
-            String birthDate = "[생년월일]:" + paramMap.get("BIRTH_DATE");
-            String reqTxt = "[요청사항]:" + (String) paramMap.get("ETC");
-            formData.put("userRequest", strUserRequest + "\n" + birthDate + "\n" + reqTxt);
-            String time = (String) paramMap.get("TIME");
-            String date = (String) paramMap.get("SELECTED_DATE");
-            String dateTime = date + " " + time; 
-            formData.put("datetime", dateTime);
-            
-            Map<String, Object> detailMap = webServiceSqlMapDAO.selectServiceDetail(paramMap);
-            
-            formData.put("itemName", "[홈페이지] 쁘띠&피부센터");
-            // 구CRM 연동ID가 없을 경우 모두 (재방문) 다이어트 센터              
-            String oldCrmItemId = (String) detailMap.get("oldCrmItemId") == null ? "NBI-4aJSJ67P-f0ID-4xds-aReQ-MnhfErLts0HP" : (String) detailMap.get("oldCrmItemId");
-            formData.put("itemID", oldCrmItemId);
-            
-            formData.put("etcText", "[진료]:" + (String) detailMap.get("CATEGORY_NM"));
-            
-            // OLD CRM으로 예약정보 POST
-            /**
-             * //시술정보(상품명 , 상품ID)
-				상품명 : 메쉬다주사(지방분해주사)
-				상품 ID : NBI-1M0JEq5C-b8LM-4W0V-9YxZ-Z5r9XWJpIVEZ
-				
-				피부 & 쁘띠센터
-				NBI-4aJSJ67P-f0ID-4xds-aReQ-MnhfErLts0HP
-				
-				프리미엄 레이저 리프팅
-				NBI-1iPCWjih-2TDk-4NG3-ci56-tK7dgxxAT6dU
-				
-				(첫방문) 다이어트 센터
-				NBI-1Q8doiCm-qzTh-4imi-9lsK-6YDslUzIK2OO
-				
-				(재방문) 다이어트 센터
-				NBI-2WlrXQdl-esws-5aA5-al7z-d7HwxL9tX0YF
-				
-				탈모약
-				NBI-Nz00si0r-DkGc-5hdd-bs27-SLn0KHlHflS8   
-				
-				비만치료제 위고비
-				NBI-2nJnTFVm-ieDy-4TNQ-czDK-Ll9FyixFr7zn
-
-             *
-             *
-             **/
-            OkHttpService.postFormData(ocp, formData);
-            
-            
-			map.put("msgCode", Constants.OK);
-			map.put("success","true");
-
-		}catch (Exception e) {
-			e.printStackTrace();
-            throw e;
-		}
-		
-		System.out.println("[insertReservation] paramMap: " + paramMap);
-		log.debug("WebServiceServiceImpl insertReservation END");
-		return map;
-	}
 }
\ No newline at end of file
diff --git a/src/main/resources/mappers/ReservationMapper.xml b/src/main/resources/mappers/ReservationMapper.xml
new file mode 100644
index 0000000..c312b00
--- /dev/null
+++ b/src/main/resources/mappers/ReservationMapper.xml
@@ -0,0 +1,240 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="Reservation">
+
+	<!-- 병원 휴일 조회 (달력 표출용) -->
+	<select id="selectHospitalHolidayList" parameterType="hashmap" resultType="hashmap">
+		SELECT 'hospitalHoliday'                 AS "dateType"
+			 , HOSPITAL_HOLIDAY_NAME             AS "hospitalHolidayName"
+			 , DATE_FORMAT(LOC_DATE, '%Y-%m-%d') AS "locDate"
+		  FROM MU_HOSPITAL_HOLIDAY MH
+		 WHERE MH.USE_YN = 'Y'
+		   AND MH.MU_HOSPITAL_ID = (SELECT MU_HOSPITAL_ID FROM MU_HOSPITAL WHERE USE_YN='Y' AND CENTER_DIV_CD='PETIT' LIMIT 1)
+		   AND (
+			 (MH.REPEAT_YN = 'Y')
+				 OR
+			 (MH.REPEAT_YN = 'N' AND DATE_FORMAT( MH.LOC_DATE, '%Y' ) >= DATE_FORMAT( CURDATE( ), '%Y' ))
+			 )
+		 UNION ALL
+		(
+			SELECT 'publicHoliday'                   AS "dateType"
+				 , MPH.PUBLIC_HOLIDAY_NAME           AS "publicHolidayName"
+				 , DATE_FORMAT(MPH.LOC_DATE, '%Y-%m-%d') AS "locDate"
+			  FROM MU_PUBLIC_HOLIDAY MPH
+			  JOIN MU_HOSPITAL MH
+                ON MH.MU_HOSPITAL_ID = (SELECT MU_HOSPITAL_ID FROM MU_HOSPITAL WHERE USE_YN='Y' AND CENTER_DIV_CD='PETIT' LIMIT 1)
+               AND MH.PUBLIC_HOLIDAY_USE_YN = 'Y'
+			 WHERE MPH.USE_YN = 'Y'
+			   AND DATE_FORMAT( MPH.LOC_DATE, '%Y' ) >= DATE_FORMAT( CURDATE( ), '%Y' )
+		)
+		UNION ALL
+		(
+			SELECT CASE WHEN OPEN_YN = 'Y' THEN 'hospitalScheduleOpen' ELSE 'hospitalSchedule' END AS "dateType"
+			     , CASE WHEN OPEN_YN = 'Y' THEN '운영' ELSE '휴무' END AS "hospitalHolidayName"
+			     , DATE_FORMAT(SCHEDULE_DATE, '%Y-%m-%d') AS "locDate"
+			  FROM MU_HOSPITAL_SCHEDULE
+			 WHERE MU_HOSPITAL_ID = (SELECT MU_HOSPITAL_ID FROM MU_HOSPITAL WHERE USE_YN='Y' AND CENTER_DIV_CD='PETIT' LIMIT 1)
+			   AND USE_YN = 'Y'
+			   AND DATE_FORMAT( SCHEDULE_DATE, '%Y' ) >= DATE_FORMAT( CURDATE( ), '%Y' )
+		)
+	</select>
+
+	<!-- 특정 날짜 운영시간 조회 -->
+	<select id="selectHospitalWorkTime" parameterType="hashmap" resultType="hashmap">
+		SELECT MH.MU_HOSPITAL_ID                                   AS "muHospitalId"
+			  ,MH.HOSPITAL_NAME                                    AS "hospitalName"
+			  ,CASE 
+			        WHEN MHS.MU_HOSPITAL_SCHEDULE_ID IS NOT NULL THEN MHS.OPEN_YN
+			        ELSE
+					   CASE DAYOFWEEK(#{searchDate})
+							WHEN 2 THEN MH.MON_OPEN_YN
+							WHEN 3 THEN MH.TUE_OPEN_YN
+							WHEN 4 THEN MH.WED_OPEN_YN
+							WHEN 5 THEN MH.THU_OPEN_YN
+							WHEN 6 THEN MH.FRI_OPEN_YN
+							WHEN 7 THEN MH.SAT_OPEN_YN
+							WHEN 1 THEN MH.SUN_OPEN_YN
+					   END
+			   END                                                 AS "openYn"
+		      ,CASE
+				   WHEN MHS.MU_HOSPITAL_SCHEDULE_ID IS NOT NULL AND MHS.OPEN_YN = 'Y' THEN 'N'
+				   WHEN MHS.MU_HOSPITAL_SCHEDULE_ID IS NOT NULL AND MHS.OPEN_YN = 'N' THEN 'Y'
+				   WHEN EXISTS (
+					   SELECT 1
+					     FROM MU_HOSPITAL_HOLIDAY HH
+					    WHERE HH.USE_YN = 'Y'
+					      AND HH.MU_HOSPITAL_ID = MH.MU_HOSPITAL_ID
+						  AND (
+						   (HH.REPEAT_YN = 'Y' AND DATE_FORMAT(HH.LOC_DATE, '%m-%d') = DATE_FORMAT(#{searchDate}, '%m-%d'))
+							   OR
+						   (HH.REPEAT_YN = 'N' AND HH.LOC_DATE = #{searchDate})
+						   )) OR
+				        EXISTS (
+					   SELECT 1
+						 FROM MU_PUBLIC_HOLIDAY MPH
+						WHERE MPH.USE_YN = 'Y'
+						  AND MH.PUBLIC_HOLIDAY_USE_YN='Y'
+						  AND MPH.LOC_DATE = #{searchDate}
+                               )
+				   THEN 'Y'
+				   ELSE 'N'
+			   END 								  AS "holidayYn"
+			  ,CASE 
+			        WHEN MHS.MU_HOSPITAL_SCHEDULE_ID IS NOT NULL THEN MHS.OPEN_START_TIME
+			        ELSE
+					   CASE DAYOFWEEK(#{searchDate})
+							WHEN 2 THEN MH.MON_OPEN_START_TIME
+							WHEN 3 THEN MH.TUE_OPEN_START_TIME
+							WHEN 4 THEN MH.WED_OPEN_START_TIME
+							WHEN 5 THEN MH.THU_OPEN_START_TIME
+							WHEN 6 THEN MH.FRI_OPEN_START_TIME
+							WHEN 7 THEN MH.SAT_OPEN_START_TIME
+							WHEN 1 THEN MH.SUN_OPEN_START_TIME
+					   END
+			   END                                                 AS "openStartTime"
+			  ,CASE 
+			        WHEN MHS.MU_HOSPITAL_SCHEDULE_ID IS NOT NULL THEN MHS.OPEN_END_TIME
+			        ELSE
+					   CASE DAYOFWEEK(#{searchDate})
+							WHEN 2 THEN MH.MON_OPEN_END_TIME
+							WHEN 3 THEN MH.TUE_OPEN_END_TIME
+							WHEN 4 THEN MH.WED_OPEN_END_TIME
+							WHEN 5 THEN MH.THU_OPEN_END_TIME
+							WHEN 6 THEN MH.FRI_OPEN_END_TIME
+							WHEN 7 THEN MH.SAT_OPEN_END_TIME
+							WHEN 1 THEN MH.SUN_OPEN_END_TIME
+					   END
+			   END                                                 AS "openEndTime"
+			  ,CASE 
+			        WHEN MHS.MU_HOSPITAL_SCHEDULE_ID IS NOT NULL THEN MHS.BREAK_START_TIME
+			        ELSE
+					   CASE DAYOFWEEK(#{searchDate})
+							WHEN 2 THEN MH.MON_BREAK_START_TIME
+							WHEN 3 THEN MH.TUE_BREAK_START_TIME
+							WHEN 4 THEN MH.WED_BREAK_START_TIME
+							WHEN 5 THEN MH.THU_BREAK_START_TIME
+							WHEN 6 THEN MH.FRI_BREAK_START_TIME
+							WHEN 7 THEN MH.SAT_BREAK_START_TIME
+							WHEN 1 THEN MH.SUN_BREAK_START_TIME
+					   END
+			   END                                                 AS "breakStartTime"
+			  ,CASE 
+			        WHEN MHS.MU_HOSPITAL_SCHEDULE_ID IS NOT NULL THEN MHS.BREAK_END_TIME
+			        ELSE
+					   CASE DAYOFWEEK(#{searchDate})
+							WHEN 2 THEN MH.MON_BREAK_END_TIME
+							WHEN 3 THEN MH.TUE_BREAK_END_TIME
+							WHEN 4 THEN MH.WED_BREAK_END_TIME
+							WHEN 5 THEN MH.THU_BREAK_END_TIME
+							WHEN 6 THEN MH.FRI_BREAK_END_TIME
+							WHEN 7 THEN MH.SAT_BREAK_END_TIME
+							WHEN 1 THEN MH.SUN_BREAK_END_TIME
+					   END
+			   END                                                 AS "breakEndTime"
+              ,MH.PUBLIC_HOLIDAY_USE_YN                            AS "publicHolidayUseYn"
+		  FROM MU_HOSPITAL AS MH
+		  LEFT JOIN MU_HOSPITAL_SCHEDULE MHS
+		    ON MH.MU_HOSPITAL_ID = MHS.MU_HOSPITAL_ID
+		   AND MHS.SCHEDULE_DATE = #{searchDate}
+		   AND MHS.USE_YN = 'Y'
+		 WHERE MH.USE_YN        = 'Y'
+		   AND MH.CENTER_DIV_CD = 'PETIT'
+		 LIMIT 0, 1
+	</select>
+
+	<!-- 예약 카운트 조회 -->
+	<select id="selectReservationCnt" resultType="hashmap" parameterType="hashmap">
+		SELECT COUNT(*) AS RES_CNT
+			FROM MU_RESERVE
+			WHERE RESERVE_DATE = #{SELECTED_DATE}
+			AND RESERVE_TIME = #{TIME}
+	</select>
+
+	<!-- 예약 시술 정보 조회 -->
+	<select id="selectReservationService" resultType="hashmap" parameterType="hashmap">
+		SELECT A.TREATMENT_PROCEDURE_NAME, (B.PRICE + B.VAT) AS PRICE, B.VAT, B.DISCOUNT_PRICE, C.MU_TREATMENT_ID, C.TREATMENT_NAME, B.MU_TREATMENT_PROCEDURE_ID
+			FROM MU_TREATMENT_PROCEDURE A
+			LEFT OUTER JOIN MU_TREATMENT_PROCEDURE_PRICE B ON A.MU_TREATMENT_PROCEDURE_ID  = B.MU_TREATMENT_PROCEDURE_ID AND B.USE_YN = 'Y'
+			LEFT OUTER JOIN MU_TREATMENT C ON A.MU_TREATMENT_ID = C.MU_TREATMENT_ID
+			WHERE A.MU_TREATMENT_PROCEDURE_ID = #{PROCEDURE_ID}
+	</select>
+
+	<!-- 시술 상세 조회 (CRM 연동용) -->
+	<select id="selectServiceDetail" resultType="hashmap" parameterType="hashmap">
+		SELECT A.CATEGORY_DIV_CD
+		     , A.CATEGORY_NO
+		     , A.POST_NO
+		     , C.CATEGORY_NM
+		     , A.TITLE
+		     , A.CONTENT
+		     , A.THUMBNAIL_BOTTOM_TXT
+		     , A.HASHTAG
+		     , A.OLD_CRM_ITEM_ID as oldCrmItemId
+		     , D.FILE_PATH AS THUMBNAIL_PATH
+		     , E.FILE_PATH AS CONTENTS_PATH
+		     , (SELECT MIN(PRICE + VAT) FROM MU_TREATMENT_PROCEDURE_PRICE C
+				LEFT OUTER JOIN HP_CONTENTS_BBS_PROCEDURE B ON A.POST_NO = B.POST_NO AND A.CATEGORY_DIV_CD  = B.CATEGORY_DIV_CD AND A.CATEGORY_NO = B.CATEGORY_NO AND B.USE_YN  = 'Y'
+				WHERE B.MU_TREATMENT_PROCEDURE_ID = C.MU_TREATMENT_PROCEDURE_ID AND C.USE_YN = 'Y') AS PRICE
+			 , (SELECT MIN(DISCOUNT_PRICE) FROM MU_TREATMENT_PROCEDURE_PRICE C
+				LEFT OUTER JOIN HP_CONTENTS_BBS_PROCEDURE B ON A.POST_NO = B.POST_NO AND A.CATEGORY_DIV_CD  = B.CATEGORY_DIV_CD AND A.CATEGORY_NO = B.CATEGORY_NO AND B.USE_YN  = 'Y'
+				WHERE B.MU_TREATMENT_PROCEDURE_ID = C.MU_TREATMENT_PROCEDURE_ID AND C.USE_YN = 'Y') AS DISCOUNT_PRICE
+			FROM HP_CONTENTS_BBS A
+			LEFT OUTER JOIN HP_CATEGORY C ON A.CATEGORY_NO = C.CATEGORY_NO AND A.CATEGORY_DIV_CD = C.CATEGORY_DIV_CD
+			LEFT OUTER JOIN HP_ATTACH_FILE D ON A.THUMBNAIL_ATTACHFILE_ID  = D.ATTACHFILE_ID
+			LEFT OUTER JOIN HP_ATTACH_FILE E ON A.CONTENTS_ATTACHFILE_ID  = E.ATTACHFILE_ID
+			WHERE A.USE_YN = 'Y'
+				AND A.CATEGORY_DIV_CD  = #{CATEGORY_DIV_CD}
+				AND A.CATEGORY_NO  = #{CATEGORY_NO}
+				AND A.POST_NO  = #{POST_NO}
+	</select>
+
+	<!-- 예약 저장 -->
+	<insert id="insertReservation" parameterType="hashmap">
+		<selectKey resultType="string" keyProperty="id" order="BEFORE">
+			SELECT CONCAT(#{muReserveId},LPAD((SELECT NEXTVAL(MU_RESERVE_SEQ)), 11, 0))
+		</selectKey>
+		INSERT INTO MU_RESERVE(
+					 MU_RESERVE_ID
+					,USER_NAME
+					,PHONE_NUMBER
+					,RESERVE_DATE
+					,RESERVE_TIME
+					,MU_TREATMENT_ID
+					,TREATMENT_NAME
+					,MU_TREATMENT_PROCEDURE_ID
+					,TREATMENT_PROCEDURE_NAME
+					,ETC
+					,STATUS
+					,STATUS2
+					,WRITE_DATE
+					,WRITE_TIME
+					,CUD_FLAG
+					,USE_YN
+					,REG_ID
+					,REG_DATE
+					,MOD_ID
+					,MOD_DATE
+		)VALUES(
+					 #{id}
+					,#{NAME}
+					,#{PHONE_NUMBER}
+					,#{SELECTED_DATE}
+					,#{TIME}
+					,#{P_TREATMENT_ID}
+					,#{P_TREATMENT_NM}
+					,#{P_PROCEDURE_ID}
+					,#{P_PROCEDURE_NM}
+					,#{ETC,jdbcType=VARCHAR}
+					,'T'
+					,'N'
+					,CURDATE()
+					,CURTIME()
+					,'C'
+					,'Y'
+					,'customer'
+					,NOW()
+					,'customer'
+					,NOW()
+		)
+	</insert>
+</mapper>
diff --git a/src/main/resources/mappers/WebServiceSqlMap.xml b/src/main/resources/mappers/WebServiceSqlMap.xml
index c71eb11..290fda1 100644
--- a/src/main/resources/mappers/WebServiceSqlMap.xml
+++ b/src/main/resources/mappers/WebServiceSqlMap.xml
@@ -69,71 +69,5 @@
 				AND A.CATEGORY_NO  = #{CATEGORY_NO}
 				AND A.POST_NO  = #{POST_NO}
 	</select>
-	
-	<!-- 예약 조회 -->
-	<select id="selectReservationCnt" resultType="hashmap" parameterType="hashmap">
-		SELECT COUNT(*) AS RES_CNT
-			FROM MU_RESERVE
-			WHERE RESERVE_DATE = #{SELECTED_DATE}
-			AND RESERVE_TIME = #{TIME}
-	</select>
 
-	<!-- 시술 목록 조회 -->
-	<select id="selectReservationService" resultType="hashmap" parameterType="hashmap">
-		SELECT A.TREATMENT_PROCEDURE_NAME, (B.PRICE + B.VAT) AS PRICE, B.VAT, B.DISCOUNT_PRICE, C.MU_TREATMENT_ID, C.TREATMENT_NAME, B.MU_TREATMENT_PROCEDURE_ID 
-			FROM MU_TREATMENT_PROCEDURE A
-			LEFT OUTER JOIN MU_TREATMENT_PROCEDURE_PRICE B ON A.MU_TREATMENT_PROCEDURE_ID  = B.MU_TREATMENT_PROCEDURE_ID AND B.USE_YN = 'Y'
-			LEFT OUTER JOIN MU_TREATMENT C ON A.MU_TREATMENT_ID = C.MU_TREATMENT_ID
-			WHERE A.MU_TREATMENT_PROCEDURE_ID = #{PROCEDURE_ID}
-	</select>
-	
-	<!-- 예약 저장 -->
-	<insert id="insertReservation" parameterType="hashmap">
-		<selectKey resultType="string" keyProperty="id" order="BEFORE">
-			SELECT CONCAT(#{muReserveId},LPAD((SELECT NEXTVAL(MU_RESERVE_SEQ)), 11, 0))
-		</selectKey>
-		INSERT INTO MU_RESERVE(
-					 MU_RESERVE_ID
-					,USER_NAME
-					,PHONE_NUMBER
-					,RESERVE_DATE
-					,RESERVE_TIME
-					,MU_TREATMENT_ID
-					,TREATMENT_NAME
-					,MU_TREATMENT_PROCEDURE_ID
-					,TREATMENT_PROCEDURE_NAME
-					,ETC
-					,STATUS
-					,STATUS2
-					,WRITE_DATE
-					,WRITE_TIME
-					,CUD_FLAG
-					,USE_YN
-					,REG_ID
-					,REG_DATE
-					,MOD_ID
-					,MOD_DATE
-		)VALUES(
-					 #{id}
-					,#{NAME}
-					,#{PHONE_NUMBER}
-					,#{SELECTED_DATE}
-					,#{TIME}
-					,#{P_TREATMENT_ID}
-					,#{P_TREATMENT_NM}
-					,#{P_PROCEDURE_ID}
-					,#{P_PROCEDURE_NM}
-					,#{ETC,jdbcType=VARCHAR}
-					,'T'
-					,'N'
-					,CURDATE()
-					,CURTIME()
-					,'C'
-					,'Y'
-					,'customer'
-					,NOW()
-					,'customer'
-					,NOW()
-		)
-	</insert>
 </mapper>
\ No newline at end of file
diff --git a/src/main/resources/static/css/web/service/makeReservation.css b/src/main/resources/static/css/web/service/makeReservation.css
index b2ceb7b..44b3088 100644
--- a/src/main/resources/static/css/web/service/makeReservation.css
+++ b/src/main/resources/static/css/web/service/makeReservation.css
@@ -129,11 +129,75 @@ body {
     margin-right: 8px;
 }
 
-/* Calendar section */
+/* Calendar section (CRM Style) */
 .calendar-box {
     margin-bottom: 20px;
 }
 
+/* Flatpickr inline calendar를 calendar-box에 맞춤 */
+.calendar-box .flatpickr-calendar {
+    width: 100% !important;
+    max-width: 100% !important;
+    box-shadow: none;
+    border: 1px solid #eee;
+    border-radius: 12px;
+}
+
+.calendar-box .flatpickr-months {
+    padding: 8px 0;
+}
+
+.calendar-box .dayContainer {
+    width: 100% !important;
+    min-width: 100% !important;
+    max-width: 100% !important;
+}
+
+.calendar-box .flatpickr-days {
+    width: 100% !important;
+}
+
+.calendar-box .flatpickr-day {
+    max-width: none;
+    height: 40px;
+    line-height: 40px;
+    border-radius: 8px;
+}
+
+.calendar-box .flatpickr-day.selected {
+    background: #b23c3c;
+    border-color: #b23c3c;
+}
+
+.calendar-box .flatpickr-day.today {
+    border-color: #b23c3c;
+}
+
+/* 공휴일/일요일 스타일 - 빨간색+회색(지나간 날 스타일) */
+.calendar-box .flatpickr-day.flatpickr-holiday {
+    color: #e8a0a0 !important;
+    background: #f5f5f5 !important;
+    position: relative;
+    cursor: not-allowed;
+    opacity: 0.6;
+}
+
+.calendar-box .flatpickr-day.flatpickr-holiday:hover {
+    background: #f5f5f5 !important;
+    color: #e8a0a0 !important;
+    cursor: not-allowed;
+}
+
+.calendar-box .flatpickr-day.flatpickr-holiday.selected {
+    background: #f5f5f5 !important;
+    color: #e8a0a0 !important;
+}
+
+/* 일요일 컬럼 (첫 번째 열) */
+.calendar-box .flatpickr-day:nth-child(7n+1) {
+    color: #D13E3E;
+}
+
 .calendar-header {
     display: flex;
     justify-content: center;
@@ -299,9 +363,17 @@ body {
 }
 
 @keyframes pulse {
-    0% { transform: scale(1); }
-    50% { transform: scale(1.02); }
-    100% { transform: scale(1); }
+    0% {
+        transform: scale(1);
+    }
+
+    50% {
+        transform: scale(1.02);
+    }
+
+    100% {
+        transform: scale(1);
+    }
 }
 
 /* Phone message styles (common.js PhoneValidator용) */
@@ -392,7 +464,7 @@ body {
         gap: 16px;
         padding: 20px 15px;
     }
-    
+
     .box {
         padding: 20px 14px;
     }
@@ -406,7 +478,7 @@ body {
         height: auto;
         padding: 20px 15px;
     }
-    
+
     .box {
         min-height: unset;
         min-width: unset;
@@ -419,17 +491,17 @@ body {
         padding: 15px;
         gap: 20px;
     }
-    
+
     .box {
         padding: 16px 12px;
     }
-    
+
     .calendar-table th,
     .calendar-table td {
         width: 1.8em;
         height: 1.8em;
     }
-    
+
     .time-btn {
         min-width: 70px;
         font-size: 0.95em;
@@ -442,29 +514,29 @@ body {
         padding: 10px;
         gap: 16px;
     }
-    
+
     .box {
         padding: 16px 8px;
     }
-    
+
     .calendar-table th,
     .calendar-table td {
         width: 1.5em;
         height: 1.5em;
         font-size: 0.9em;
     }
-    
+
     .time-btn {
         min-width: 60px;
         font-size: 0.9em;
         padding: 6px 0;
     }
-    
+
     .step-title {
         font-size: 1em;
     }
-    
+
     .service-item {
         font-size: 1em;
     }
-}
+}
\ No newline at end of file
diff --git a/src/main/resources/static/js/web/service/makeReservation.js b/src/main/resources/static/js/web/service/makeReservation.js
index 5130362..36a0249 100644
--- a/src/main/resources/static/js/web/service/makeReservation.js
+++ b/src/main/resources/static/js/web/service/makeReservation.js
@@ -1,446 +1,922 @@
-/************************************************
- * 초기화
- ************************************************/
-function fn_init() {	
-	fn_SelectReservation(category_div_cd, category_no, post_no, procedure_id);
-}
+// 생년월일 검증 클래스
+class BirthDateValidator {
+	constructor(inputId, options = {}) {
+		this.inputElement = document.getElementById(inputId);
+		this.messageElement = null;
+		this.options = {
+			showMessage: true,
+			realTimeValidation: true,
+			minAge: 0,
+			maxAge: 150,
+			format: 'YYYYMMDD', // YYYYMMDD, YYYY-MM-DD
+			allowFuture: false,
+			onValidationChange: null,
+			...options
+		};
 
-var dietflag = false;
+		if (this.inputElement && this.options.showMessage) {
+			this.createMessageElement();
+		}
 
-var res_date = '';
-var res_time = '';
-
-/* https://nhn.github.io/tui.date-picker/latest/DatePicker#event-change tui API 참조 */
-
-const diettimes_mon_fri = [
-  	"09:00","09:30",
-  	"10:00","10:30",
-  	"11:00","11:30",
-  	"12:00","12:30",
-  	"14:00","14:30",
-  	"15:00","15:30",
-  	"16:00","16:30",
-  	"17:00","17:30",
-];
-
-const diettimes_tue_ths = [	  
-	"09:00","09:30",
-	"10:00","10:30",
-  	"11:00","11:30",
-  	"12:00","12:30",
-  	"14:00","14:30",
-  	"15:00","15:30",
-  	"16:00","16:30",
-  	"17:00","17:30",
-	"18:00","18:30",
-];
-
-const diettimes_wes_sat = [	  
-	"09:00","09:30",
-	"10:00","10:30",
-	"11:00","11:30",
-	"12:00","12:30",
-	"13:00","13:30",
-	"14:00","14:30",
-];
-
-const etc_mon_wes_fri = [	  	
-  	"10:00","10:30",
-  	"11:00","11:30",
-  	"12:00","12:30",
-  	"13:00","13:30",
-  	"15:00","15:30",
-  	"16:00","16:30",
-  	"17:00","17:30",
-	"18:00","18:30",
-];
-
-const etc_tue_ths = [	  		
-	"10:00","10:30",
-  	"11:00","11:30",
-  	"12:00","12:30",
-  	"13:00","13:30",
-  	"15:00","15:30",
-  	"16:00","16:30",
-  	"17:00","17:30",
-	"18:00","18:30",
-	"19:00","19:30",		
-];
-
-const etc_sat = [	  		
-	"10:00","10:30",
-	"11:00","11:30",
-	"12:00","12:30",		
-	"13:00","13:30",
-	"15:00","15:30",
-];
-
-const monthMap = {
-  Jan: '01', Feb: '02', Mar: '03', Apr: '04',
-  May: '05', Jun: '06', Jul: '07', Aug: '08',
-  Sep: '09', Oct: '10', Nov: '11', Dec: '12'
-};
-
-// 현재 년월일에서 일을 +- 일 한 결과 리턴.
-Date.prototype.addDays = function (days) {
-    var date = this;
-    return new Date(date.setDate(date.getDate() + days));
-};
- 
-// 현재 년월일에서 월을 +- 월 한 결과 리턴.
-Date.prototype.addMonth = function (month) {
-    var date = this;
-    return new Date(date.setMonth(date.getMonth() + month));
-};
- 
-// 현재 년월일에서 년을 +- 월 한 결과 리턴.
-Date.prototype.addYear = function (year) {
-    var date = this;
-    return new Date(date.setFullYear(date.getFullYear() + year));
-};
-
-/****************************************************************************
- * 카테고리 목록 가져오기
- ****************************************************************************/
-function fn_SelectReservation(category_div_cd, category_no, post_no, procedure_id){
-
-	let formData = new FormData();
-    formData.append('CATEGORY_DIV_CD', category_div_cd);
-	formData.append('CATEGORY_NO', category_no);
-	formData.append('POST_NO', post_no);
-	formData.append('PROCEDURE_ID', procedure_id);
-
-    $.ajax({
-        url: encodeURI('/webservice/selectReservation.do'),
-        data: formData,
-        dataType: 'json',
-        processData: false,
-        contentType: false,
-        type: 'POST',
-        async: true,
-        success: function(data){			
-            if(data.msgCode=='0'){				
-				let totalCount = data.reservation.length;	
-				let totalprice = 0;			
-                if (0 < totalCount) {                    
-                    for (let i = 0; i < data.reservation.length; i++) {
-						let listHTML = '';							
-						if(data.reservation[i].TREATMENT_PROCEDURE_NAME.toString().indexOf('다이어트') != -1){
-							dietflag = true;	
-						}						 
-						listHTML += '<li class="s_item selt_info_wrap" id="liid' + i + '">';
-						listHTML += '<input type="hidden" id="procedure_id' + i + '" name="procedure_id" value="'+ data.reservation[i].MU_TREATMENT_PROCEDURE_ID + '">';
-						listHTML += '<input type="hidden" id="treatment_id' + i + '" name="treatment_id" value="'+ data.reservation[i].MU_TREATMENT_ID + '">';
-						listHTML += '<input type="hidden" id="treatment_nm' + i + '" name="treatment_nm" value="'+ data.reservation[i].TREATMENT_NAME + '">';
-						listHTML += '<input type="hidden" id="procedure_nm' + i + '" name="procedure_nm" value="'+ data.reservation[i].TREATMENT_PROCEDURE_NAME + '">';
-						listHTML += '	<div class="selt item_subprice">';
-						listHTML += '		<span>' + data.reservation[i].TREATMENT_PROCEDURE_NAME + '</span>';
-						listHTML += '	</div>';
-						listHTML += '	<div class="info">';
-						listHTML += '		<div>';
-						listHTML += '			<del class="original_price d-block">';
-						listHTML += '			<b>';
-						if(data.reservation[i].DISCOUNT_PRICE == null || data.reservation[i].DISCOUNT_PRICE == undefined){
-							if(data.reservation[i].PRICE == null || data.reservation[i].PRICE == undefined){
-								listHTML += '0';								
-							}else{
-								listHTML += (data.reservation[i].PRICE).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");								
-							}							
-						}else{
-							listHTML += (data.reservation[i].DISCOUNT_PRICE).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");								
-						}		
-						listHTML += '</b>원';
-						listHTML += '			</del>';
-						listHTML += '			<span class="discount_price">';
-						if(data.reservation[i].DISCOUNT_PRICE == null || data.reservation[i].DISCOUNT_PRICE == undefined){
-							if(data.reservation[i].PRICE == null || data.reservation[i].PRICE == undefined){
-								listHTML += '0';
-							}else{
-								listHTML += (data.reservation[i].PRICE).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");	
-								totalprice += Number(data.reservation[i].PRICE);	
-							}							
-						}else{
-							listHTML += (data.reservation[i].DISCOUNT_PRICE).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");	
-							totalprice += Number(data.reservation[i].DISCOUNT_PRICE);
-						}		
-						listHTML += '</span>원';
-						listHTML += '		</div>';
-						listHTML += '		<button type="button" class="bn" onclick="fn_deleteList(' + i + ');">';
-						listHTML += '			<img src="/image/close-btn.png" alt="삭제" width="13px" height="13px">';
-						listHTML += '		</button>';
-						listHTML += '	</div>';
-						listHTML += '</li>';
-						$(".service-list-wrap").append(listHTML);						
-					}
-				}else{
-					
-				}
-				$('#total_price').text(totalprice.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","));
-            }else{
-                modalEvent.danger("조회 오류", data.msgDesc);
-            }
-			/* 날짜 초기화 : 일요일이면 월요일이 선택하도록 설정. */
-			var date = new Date();
-			if(String(new Date()).split(" ")[0] == "Sun"){
-				date = new Date().addDays(1);
-			}
-			datepicker.setDate(date);
-        },
-        error : function(xhr, status, error) {
-            modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
-        },
-        beforeSend:function(){
-            // 로딩열기
-            $(".loading-image-layer").show();
-        },
-        complete:function(){
-            // 로딩닫기
-            $(".loading-image-layer").hide();
-        }
-    });
-}
-
-function fn_deleteList(num){	
-	if(!confirm("삭제하시겠습니까?")){
-		return;
+		if (this.inputElement && this.options.realTimeValidation) {
+			this.bindEvents();
+		}
 	}
-	var price = $("#total_price").text().replace(/,/g, "");
-	var discount_price = $("#liid" + num + " > div.info > div > span").text().replace(/,/g, "");	
-	price = Number(price) - Number(discount_price);
-	$("#total_price").text(price.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","));
-	$("#liid" + num).remove();
-}
 
+	createMessageElement() {
+		this.messageElement = document.createElement('div');
+		this.messageElement.className = 'birth-date-message';
+		this.messageElement.style.display = 'none';
+		this.inputElement.parentNode.insertBefore(this.messageElement, this.inputElement.nextSibling);
+	}
 
+	bindEvents() {
+		this.inputElement.addEventListener('input', () => {
+			// 숫자만 입력되도록 제한
+			this.inputElement.value = this.inputElement.value.replace(/[^0-9]/g, '');
+			this.validateAndShowMessage();
+		});
 
+		this.inputElement.addEventListener('blur', () => {
+			this.validateAndShowMessage();
+		});
 
-var datepicker = new tui.DatePicker('#wrapper', {
-    date: new Date(),
-    language: 'ko',
-    input: {
-        element: '#datepicker-input',
-        format: 'yyyy-MM-dd'
-    },
-    showAlways: true,
-    selectableRanges: [
-    	  [new Date(), new Date(2099, 11, 31)]
-    	]
-});
-
-datepicker.on('change', () => {
-	  // 선택된 날짜 가져오기
-	  const selectedDate = datepicker.getDate();
-	  
-	  //object to string
-	  const strSelectedDate = String(selectedDate);
-	  //string to array
-	  const arrSelectedDate = strSelectedDate.split(" ");
-	  //yyyymmdd 형태로 변경
-	  const selDate = arrSelectedDate[3] + monthNameToNumber(arrSelectedDate[1]) + arrSelectedDate[2];
-	  //setNull시 change발생하여 날짜선택시 
-	  if(selectedDate){
-		console.log(selDate);
-		res_date = '';
-		res_time = '';
-		$('.time-btn').removeClass('active');	
-		$('.person-cnt_span').html('-<b>&nbsp;명</b>');		
-		const grid = document.getElementById('timeGrid');			
-		var times = diettimes_tue_ths;
-		if(dietflag){
-			if(arrSelectedDate[0] == "Mon" || arrSelectedDate[0] == "Fri"){
-				times = diettimes_mon_fri;
-				$('.section_div').removeClass("height850");
-			}else if(arrSelectedDate[0] == "Tue" || arrSelectedDate[0] == "Thu"){
-				times = diettimes_tue_ths;
-				$('.section_div').addClass("height850");
-			}else if(arrSelectedDate[0] == "Wed" || arrSelectedDate[0] == "Sat"){
-				times = diettimes_wes_sat;
-				$('.section_div').removeClass("height850");
+		this.inputElement.addEventListener('keydown', (e) => {
+			// 백스페이스, 델리트, 탭, 화살표 키는 허용
+			if ([8, 9, 46, 37, 38, 39, 40].includes(e.keyCode)) {
+				return;
 			}
-		}else{
-			if(arrSelectedDate[0] == "Mon" || arrSelectedDate[0] == "Wed" || arrSelectedDate[0] == "Fri"){
-				times = etc_mon_wes_fri;
-				$('.section_div').removeClass("height850");
-			}else if(arrSelectedDate[0] == "Tue" || arrSelectedDate[0] == "Thu"){
-				times = etc_tue_ths;
-				$('.section_div').addClass("height850");					
-			}else if(arrSelectedDate[0] == "Sat"){
-				times = etc_sat;
-				$('.section_div').removeClass("height850");
+			// 숫자가 아니면 입력 방지
+			if ((e.keyCode < 48 || e.keyCode > 57) && (e.keyCode < 96 || e.keyCode > 105)) {
+				e.preventDefault();
+			}
+		});
+	}
+
+	validateBirthDate(dateStr) {
+		if (!dateStr) return { valid: false, message: '생년월일을 입력해주세요.' };
+
+		let cleanDate = dateStr.replace(/[^0-9]/g, '');
+
+		// 길이 체크
+		if (cleanDate.length !== 8) {
+			return { valid: false, message: '생년월일은 8자리 숫자로 입력해주세요. (예: 19900115)' };
+		}
+
+		// 형식 체크
+		const datePattern = /^\d{8}$/;
+		if (!datePattern.test(cleanDate)) {
+			return { valid: false, message: '올바른 생년월일 형식이 아닙니다.' };
+		}
+
+		// 년월일 추출
+		const year = parseInt(cleanDate.slice(0, 4));
+		const month = parseInt(cleanDate.slice(4, 6));
+		const day = parseInt(cleanDate.slice(6, 8));
+
+		// 기본 범위 체크
+		const currentYear = new Date().getFullYear();
+		const minYear = currentYear - this.options.maxAge;
+		const maxYear = currentYear - this.options.minAge;
+
+		if (year < minYear || year > maxYear) {
+			return {
+				valid: false,
+				message: `출생연도는 ${minYear}년부터 ${maxYear}년 사이여야 합니다.`
+			};
+		}
+
+		if (month < 1 || month > 12) {
+			return { valid: false, message: '월은 01부터 12까지 입력 가능합니다.' };
+		}
+
+		if (day < 1 || day > 31) {
+			return { valid: false, message: '일은 01부터 31까지 입력 가능합니다.' };
+		}
+
+		// Date 객체로 실제 날짜 존재 여부 확인
+		const date = new Date(year, month - 1, day);
+		const isValidDate = (
+			date.getFullYear() === year &&
+			date.getMonth() === month - 1 &&
+			date.getDate() === day
+		);
+
+		if (!isValidDate) {
+			return { valid: false, message: '존재하지 않는 날짜입니다.' };
+		}
+
+		// 미래 날짜 체크
+		if (!this.options.allowFuture && date > new Date()) {
+			return { valid: false, message: '미래 날짜는 입력할 수 없습니다.' };
+		}
+
+		// 특별한 월별 날짜 체크
+		if (month === 4 || month === 6 || month === 9 || month === 11) {
+			if (day === 31) {
+				return { valid: false, message: '해당 월은 31일이 없습니다.' };
 			}
 		}
-		grid.innerHTML = times.map(t => 
-		  `<button class="time-btn" onclick="onClickTime(`+selDate+`, '${t}', this)">${t}</button>`
-		).join('');
-	  }
-	  
-	  //일요일이면 선택불가
-	  if( arrSelectedDate[0] == "Sun" ){
-		  datepicker.setNull();
-		  alert("일요일은 선택할 수 없습니다.");
-	  }
+
+		// 2월 윤년 체크
+		if (month === 2) {
+			const isLeapYear = (year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0));
+			if (day > 29 || (day === 29 && !isLeapYear)) {
+				return { valid: false, message: isLeapYear ? '2월은 29일까지만 있습니다.' : '2월은 28일까지만 있습니다.' };
+			}
+		}
+
+		return { valid: true, message: '올바른 생년월일입니다.' };
+	}
+
+	validateAndShowMessage() {
+		const result = this.validateBirthDate(this.inputElement.value);
+
+		if (this.messageElement) {
+			this.showMessage(result.message, result.valid ? 'success' : 'error');
+		}
+
+		// 콜백 실행
+		if (typeof this.options.onValidationChange === 'function') {
+			this.options.onValidationChange(result, this.inputElement.value);
+		}
+
+		return result.valid;
+	}
+
+	showMessage(message, type) {
+		if (!this.messageElement) return;
+
+		this.messageElement.textContent = message;
+		this.messageElement.className = `birth-date-message ${type}`;
+		this.messageElement.style.display = message ? 'block' : 'none';
+	}
+
+	isValid() {
+		return this.validateBirthDate(this.inputElement.value).valid;
+	}
+
+	getAge() {
+		const result = this.validateBirthDate(this.inputElement.value);
+		if (!result.valid) return null;
+
+		const cleanDate = this.inputElement.value.replace(/[^0-9]/g, '');
+		const birthYear = parseInt(cleanDate.slice(0, 4));
+		const birthMonth = parseInt(cleanDate.slice(4, 6));
+		const birthDay = parseInt(cleanDate.slice(6, 8));
+
+		const today = new Date();
+		let age = today.getFullYear() - birthYear;
+
+		if (today.getMonth() + 1 < birthMonth ||
+			(today.getMonth() + 1 === birthMonth && today.getDate() < birthDay)) {
+			age--;
+		}
+
+		return age;
+	}
+
+	static isValidBirthDate(dateStr) {
+		const validator = new BirthDateValidator('temp', { showMessage: false });
+		return validator.validateBirthDate(dateStr).valid;
+	}
+}
+
+// 전역 변수
+let birthDateValidator;
+
+// 초기화
+fn_SelectReservation(category_div_cd, category_no, post_no, procedure_id);
+
+// 개선된 시술 삭제 함수 (1개일 때 삭제 방지)
+function removeService(el) {
+	const serviceItems = document.querySelectorAll('.service-item');
+	const serviceCount = serviceItems.length;
+
+	// 시술이 1개만 남았을 때 삭제 방지
+	if (serviceCount <= 1) {
+		alert('최소 1개의 시술은 선택되어 있어야 합니다.');
+		return false;
+	}
+
+	// 삭제 확인
+	const serviceName = el.closest('.service-item').querySelector('span:first-child').textContent;
+	if (!confirm(`'${serviceName}' 시술을 삭제하시겠습니까?`)) {
+		return false;
+	}
+
+	// 시술 삭제
+	const removedItem = el.closest('.service-item');
+	const priceText = removedItem.querySelector('.price').textContent;
+	const price = parseInt(priceText.replace(/[^0-9]/g, '')) || 0;
+
+	removedItem.remove();
+
+	// 총 금액 재계산
+	updateTotalPrice();
+
+	// 시술 개수 업데이트
+	updateServiceCount();
+
+	// selectedTreatments 배열에서도 제거 (인덱스 기반)
+	const removedIndex = Array.from(serviceItems).indexOf(removedItem);
+	if (removedIndex !== -1 && selectedTreatments[removedIndex]) {
+		selectedTreatments.splice(removedIndex, 1);
+	}
+
+	return true;
+}
+
+// 총 금액 업데이트 함수
+function updateTotalPrice() {
+	const serviceItems = document.querySelectorAll('.service-item');
+	let totalPrice = 0;
+
+	serviceItems.forEach(item => {
+		const priceText = item.querySelector('.price').textContent;
+		const price = parseInt(priceText.replace(/[^0-9]/g, '')) || 0;
+		totalPrice += price;
+	});
+
+	document.getElementById('total-price').textContent = totalPrice.toLocaleString() + '원';
+}
+
+// 시술 개수 및 삭제 버튼 상태 업데이트 함수
+function updateServiceCount() {
+	const serviceItems = document.querySelectorAll('.service-item');
+	const serviceCount = serviceItems.length;
+	const serviceCountInfo = document.getElementById('service-count-info');
+
+	// 개수 표시 업데이트
+	serviceCountInfo.textContent = `선택된 시술: ${serviceCount}개`;
+
+	// 1개일 때 스타일 변경
+	if (serviceCount === 1) {
+		serviceCountInfo.className = 'service-count-info single';
+		serviceCountInfo.textContent = `선택된 시술: ${serviceCount}개 (최소 필수)`;
+	} else {
+		serviceCountInfo.className = 'service-count-info';
+	}
+
+	// 삭제 버튼 상태 업데이트
+	serviceItems.forEach(item => {
+		const delBtn = item.querySelector('.del');
+		if (serviceCount <= 1) {
+			delBtn.className = 'del disabled';
+			delBtn.title = '최소 1개의 시술은 필요합니다';
+		} else {
+			delBtn.className = 'del';
+			delBtn.title = '삭제';
+		}
+	});
+}
+
+// 캘린더 데이터
+let selectedDate = null;
+let selectedTime = null;
+let holidays = [];
+let currentWorkData = null;
+
+function getHolidayList() {
+	$.ajax({
+		url: '/webservice/selectHospitalHolidayList.do',
+		type: 'POST',
+		dataType: 'json',
+		success: function (data) {
+			if (data.msgCode == '0' && data.rows) {
+				holidays = data.rows;
+				// Flatpickr 갱신 (redraw)
+				if (fp) fp.redraw();
+			}
+		}
+	});
+}
+
+
+const timeSlots = document.getElementById('time-slots');
+const personCount = document.getElementById('person-count');
+
+// 폼 요소들
+const form = document.getElementById('reserve-form');
+const agree = document.getElementById('agree');
+const submitBtn = document.getElementById('submit-btn');
+const step02Title = document.getElementById('step02-title');
+const step03Title = document.getElementById('step03-title');
+
+// 이벤트 리스너 등록 (핸드폰 번호와 생년월일 제외한 필드들)
+form.addEventListener('input', function (e) {
+	if (e.target.id !== 'customer-phone' && e.target.id !== 'birthDate') {
+		setTimeout(checkForm, 10); // Validator 처리 완료 대기
+	}
 });
+agree.addEventListener('change', checkForm);
 
-function monthNameToNumber(mon) {
-	return monthMap[mon] || '';
-}		  
-	
-function onClickTime(selectedDate, time, el) {
-	document.querySelectorAll('.time-btn').forEach(btn => btn.classList.remove('active'));
-	el.classList.add('active');
-	
-	let formData = new FormData();
-    formData.append('SELECTED_DATE', selectedDate.toString().substr(0, 4) + '-' + selectedDate.toString().substr(4, 2) + '-' + selectedDate.toString().substr(6, 2));
-	formData.append('TIME', time);	
-	res_date = selectedDate.toString().substr(0, 4) + '-' + selectedDate.toString().substr(4, 2) + '-' + selectedDate.toString().substr(6, 2);
-	res_time = time;
-	
-    $.ajax({
-        url: encodeURI('/webservice/selectReservationCnt.do'),
-        data: formData,
-        dataType: 'json',
-        processData: false,
-        contentType: false,
-        type: 'POST',
-        async: true,
-        success: function(data){
-			
-            if(data.msgCode=='0'){
-				let listHTML2 = '';
-				listHTML2 += data.rows.RES_CNT
-				listHTML2 += '<b>&nbsp;명</b>';				
-				$('.person-cnt_span').html(listHTML2);
-            }else{
-                modalEvent.danger("조회 오류", data.msgDesc);
-            }
+// 개선된 checkForm 함수 (BirthDateValidator 연계)
+function checkForm() {
+	const name = document.getElementById('customer-name').value.trim();
 
-        },
-        error : function(xhr, status, error) {
-            modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
-        },
-        beforeSend:function(){
-            // 로딩열기
-            $(".loading-image-layer").show();
-        },
-        complete:function(){
-            // 로딩닫기
-            $(".loading-image-layer").hide();
-        }
-    });
+	// common.js의 PhoneValidator 메서드 사용
+	let phoneValid = false;
+	try {
+		if (typeof PhoneValidator !== 'undefined' &&
+			PhoneValidator.isValid &&
+			typeof PhoneValidator.isValid === 'function') {
+			phoneValid = PhoneValidator.isValid('customer-phone');
+		} else {
+			// fallback: 기본 정규식 검증
+			const phone = document.getElementById('customer-phone').value.trim();
+			phoneValid = phone.match(/^01[0-9]{8,9}$/);
+		}
+	} catch (e) {
+		console.warn('PhoneValidator error:', e);
+		// fallback 검증
+		const phone = document.getElementById('customer-phone').value.trim();
+		phoneValid = phone.match(/^01[0-9]{8,9}$/);
+	}
+
+	// BirthDateValidator 사용
+	let birthDateValid = false;
+	try {
+		if (birthDateValidator && typeof birthDateValidator.isValid === 'function') {
+			birthDateValid = birthDateValidator.isValid();
+		} else {
+			// fallback: 기본 검증
+			const birthDate = document.getElementById('birthDate').value.trim();
+			birthDateValid = birthDate.match(/^\d{8}$/);
+		}
+	} catch (e) {
+		console.warn('BirthDateValidator error:', e);
+		// fallback 검증
+		const birthDate = document.getElementById('birthDate').value.trim();
+		birthDateValid = birthDate.match(/^\d{8}$/);
+	}
+
+	const conditions = {
+		date: !!selectedDate,
+		time: !!selectedTime,
+		name: !!name,
+		phone: phoneValid,
+		birthDate: birthDateValid,
+		agree: agree.checked
+	};
+
+	const valid = Object.values(conditions).every(Boolean);
+	submitBtn.disabled = !valid;
+
+	const completedSteps = Object.values(conditions).filter(Boolean).length;
+	const totalSteps = Object.keys(conditions).length;
+
+	updateStepStatus(conditions);
+	updateButtonText(conditions, completedSteps, totalSteps);
+
+	// CSS 클래스 업데이트
+	if (valid) {
+		submitBtn.className = 'submit-btn ready';
+	} else {
+		submitBtn.className = 'submit-btn step-progress';
+	}
 }
 
-/****************************************************************************
- * validation check
- ****************************************************************************/
-function fn_validation(){
-	if(res_date == ''){
-		alert('예약일자가 입력되지 않았습니다. 예약일자와 시간을 입력해주세요.');
+function updateStepStatus(conditions) {
+	// STEP 02 상태 업데이트
+	if (conditions.date && conditions.time) {
+		step02Title.className = 'step-title completed';
+		step02Title.textContent = 'STEP 02. 예약 시간 선택 ✓';
+	} else {
+		step02Title.className = 'step-title';
+		step02Title.textContent = 'STEP 02. 예약 시간 선택';
+	}
+
+	// STEP 03 상태 업데이트
+	if (conditions.name && conditions.phone && conditions.birthDate && conditions.agree) {
+		step03Title.className = 'step-title completed';
+		step03Title.textContent = 'STEP 03. 고객정보 ✓';
+	} else {
+		step03Title.className = 'step-title';
+		step03Title.textContent = 'STEP 03. 고객정보';
+	}
+}
+
+function updateButtonText(conditions, completedSteps, totalSteps) {
+	if (!conditions.date) {
+		submitBtn.textContent = '📅 예약 날짜를 선택해주세요';
+	} else if (!conditions.time) {
+		submitBtn.textContent = '⏰ 예약 시간을 선택해주세요';
+	} else if (!conditions.name) {
+		submitBtn.textContent = '👤 고객명을 입력해주세요';
+	} else if (!conditions.birthDate) {
+		submitBtn.textContent = '📅 생년월일을 올바르게 입력해주세요';
+	} else if (!conditions.phone) {
+		submitBtn.textContent = '📱 연락처를 올바르게 입력해주세요';
+	} else if (!conditions.agree) {
+		submitBtn.textContent = '✅ 개인정보 동의를 체크해주세요';
+	} else {
+		submitBtn.textContent = '🎉 시술 예약하기';
+	}
+
+	// 진행률 표시 (선택사항)
+	if (completedSteps < totalSteps) {
+		const progressText = ` (${completedSteps}/${totalSteps})`;
+		submitBtn.textContent += progressText;
+	}
+}
+
+// Flatpickr 인스턴스
+let fp;
+// 공휴일 + 병원휴일 목록 (Set으로 빠른 조회)
+let holidayDates = new Set();
+// 반복 휴일 목록 (MM-DD 형식)
+let repeatHolidayDates = new Set();
+// 스케줄 오버라이드(OPEN_YN='Y') 날짜 목록
+let openScheduleDates = new Set();
+
+function initFlatpickr() {
+	fp = flatpickr("#inline-calendar", {
+		inline: true,
+		locale: "ko",
+		dateFormat: "Y-m-d",
+		minDate: "today",
+		disableMobile: "true",
+		onChange: function (selectedDates, dateStr, instance) {
+			if (selectedDates.length > 0) {
+				selectDate(selectedDates[0]);
+			} else {
+				selectedDate = null;
+				selectedTime = null;
+				renderTimeSlots();
+				checkForm();
+			}
+		},
+		onDayCreate: function (dObj, dStr, fp, dayElem) {
+			const dateObj = dayElem.dateObj;
+			const y = dateObj.getFullYear();
+			const m = String(dateObj.getMonth() + 1).padStart(2, '0');
+			const d = String(dateObj.getDate()).padStart(2, '0');
+			const dateString = `${y}-${m}-${d}`;
+			const mmdd = `${m}-${d}`;
+
+			// 일요일 체크 (getDay() === 0)
+			const isSunday = dateObj.getDay() === 0;
+			// DB 공휴일 체크 (정확한 날짜 또는 반복 MM-DD)
+			const isHoliday = holidayDates.has(dateString) || repeatHolidayDates.has(mmdd);
+			// 스케줄 오버라이드 체크 (OPEN_YN='Y'인 날은 클릭 가능)
+			const hasOpenSchedule = openScheduleDates.has(dateString);
+
+			if ((isSunday || isHoliday) && !hasOpenSchedule) {
+				dayElem.classList.add('flatpickr-holiday');
+				dayElem.classList.add('flatpickr-disabled');
+			}
+		}
+	});
+}
+
+// 공휴일 + 병원휴일 목록 로드
+function getHolidayList() {
+	$.ajax({
+		url: '/webservice/selectHospitalHolidayList.do',
+		type: 'POST',
+		dataType: 'json',
+		success: function (data) {
+			if (data.msgCode == '0' && data.rows) {
+				const list = Array.isArray(data.rows) ? data.rows : [data.rows];
+				holidayDates.clear();
+				repeatHolidayDates.clear();
+				openScheduleDates.clear();
+				list.forEach(function (item) {
+					if (item.locDate) {
+						// 스케줄 오버라이드(OPEN_YN='Y')는 별도 관리
+						if (item.dateType === 'hospitalScheduleOpen') {
+							openScheduleDates.add(item.locDate);
+							return; // holidayDates에 추가하지 않음
+						}
+						// 반복 휴일은 MM-DD로, 비반복은 YYYY-MM-DD로 저장
+						if (item.dateType === 'hospitalHoliday') {
+							const md = item.locDate.substring(5); // MM-DD
+							repeatHolidayDates.add(md);
+						}
+						holidayDates.add(item.locDate);
+					}
+				});
+				// Flatpickr 캘린더 갱신하여 휴일 표시 적용
+				if (fp) {
+					fp.redraw();
+				}
+			}
+		},
+		error: function () {
+			console.error('Error fetching holiday list');
+		}
+	});
+}
+
+// 날짜 선택 (Flatpickr onChange에서 호출)
+function selectDate(dateObj) {
+	const y = dateObj.getFullYear();
+	const m = dateObj.getMonth();
+	const d = dateObj.getDate();
+	const tempDate = new Date(y, m, d);
+
+	// dateStr 생성 (YYYY-MM-DD)
+	const dateStr = `${y}-${String(m + 1).padStart(2, '0')}-${String(d).padStart(2, '0')}`;
+
+	// 서버에서 운영시간 및 휴일 여부 최종 확인
+	getWorkTime(dateStr, function (data) {
+		if (!data || !data.openYn || data.openYn === 'N' || data.holidayYn === 'Y') {
+			alert('선택하신 날짜는 휴무일입니다.');
+			// 선택 취소 (Flatpickr clear)
+			if (fp) fp.clear();
+			selectedDate = null;
+			selectedTime = null;
+			renderTimeSlots();
+			checkForm();
+			return;
+		}
+
+		currentWorkData = data;
+		selectedDate = tempDate;
+		selectedTime = null; // 날짜 변경 시 시간 초기화
+
+		renderTimeSlots();
+		checkForm();
+	});
+}
+
+function getWorkTime(dateStr, callback) {
+	// 요일 계산은 DB에서 DAYOFWEEK(searchDate)로 직접 수행
+	$.ajax({
+		url: '/webservice/selectHospitalWorkTime.do',
+		data: { searchDate: dateStr },
+		type: 'POST',
+		dataType: 'json',
+		success: function (data) {
+			if (data.msgCode == '0' && data.rows) {
+				callback(data.rows);
+			} else {
+				console.error('Failed to get work time');
+				callback(null);
+			}
+		},
+		error: function () {
+			console.error('Error fetching work time');
+			callback(null);
+		}
+	});
+}
+
+function parseMinutes(t) {
+	if (!t) return 0;
+	// DB에서 다양한 형식으로 올 수 있음: "10:00", "10:00:00", "1900-01-01 10:00:00" 등
+	let timeStr = String(t);
+	// DATETIME 형식이면 시간 부분만 추출
+	if (timeStr.includes(' ')) {
+		timeStr = timeStr.split(' ')[1];
+	}
+	const parts = timeStr.split(':').map(Number);
+	const h = parts[0] || 0;
+	const m = parts[1] || 0;
+	return h * 60 + m;
+}
+
+function formatMinutes(mins) {
+	const h = Math.floor(mins / 60);
+	const m = mins % 60;
+	return `${String(h).padStart(2, '0')}:${String(m).padStart(2, '0')}`;
+}
+
+// 시간 슬롯 렌더링
+function renderTimeSlots() {
+	let html = '';
+
+	if (!selectedDate || !currentWorkData || !currentWorkData.openStartTime || !currentWorkData.openEndTime) {
+		timeSlots.innerHTML = '';
+		personCount.textContent = '-';
 		return;
 	}
-	if(res_time == ''){
-		alert('예약시간이 입력되지 않았습니다. 예약시간을 입력해주세요.');
+
+	const startMins = parseMinutes(currentWorkData.openStartTime);
+	const endMins = parseMinutes(currentWorkData.openEndTime);
+	const breakStartMins = currentWorkData.breakStartTime ? parseMinutes(currentWorkData.breakStartTime) : -1;
+	const breakEndMins = currentWorkData.breakEndTime ? parseMinutes(currentWorkData.breakEndTime) : -1;
+
+	const now = new Date();
+	const todayDate = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+	const isToday = selectedDate && selectedDate.toDateString() === todayDate.toDateString();
+	const currentMins = now.getHours() * 60 + now.getMinutes();
+
+	let iterMins = startMins;
+	// 30분 단위
+	while (iterMins < endMins) {
+		// 브레이크 타임 체크 (start <= t < end)
+		if (breakStartMins !== -1 && iterMins >= breakStartMins && iterMins < breakEndMins) {
+			iterMins += 30;
+			continue;
+		}
+
+		const timeStr = formatMinutes(iterMins);
+
+		let isDisabled = false;
+		let disabledClass = '';
+		let clickHandler = `onclick="selectTimeAndCall('${timeStr}', this)"`;
+
+		if (isToday) {
+			if (iterMins <= currentMins) {
+				isDisabled = true;
+				disabledClass = ' disabled';
+				clickHandler = '';
+			}
+		}
+
+		const selectedClass = selectedTime === timeStr && !isDisabled ? ' selected' : '';
+		html += `<button type="button" class="time-btn${selectedClass}${disabledClass}" ${clickHandler} ${isDisabled ? 'disabled' : ''}>${timeStr}</button>`;
+
+		iterMins += 30;
+	}
+
+	timeSlots.innerHTML = html;
+	personCount.textContent = selectedDate ? (personCount.textContent === '-' ? '-' : personCount.textContent) : '-';
+}
+
+// 시간 선택 시 selectedTime 설정 및 onClickTime 호출 (checkForm 추가)
+function selectTimeAndCall(t, el) {
+	const now = new Date();
+	const todayDate = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+	const isToday = selectedDate && selectedDate.toDateString() === todayDate.toDateString();
+
+	// 오늘 날짜인 경우 현재 시간과 비교
+	if (isToday) {
+		const currentTime = now.getHours() * 100 + now.getMinutes();
+		const [hour, minute] = t.split(':').map(Number);
+		const slotTime = hour * 100 + minute;
+
+		if (slotTime <= currentTime) {
+			alert('지난 시간은 선택할 수 없습니다.');
+			return;
+		}
+	}
+
+	selectedTime = t;
+	renderTimeSlots();
+	if (el) {
+		document.querySelectorAll('.time-btn').forEach(btn => btn.classList.remove('active'));
+		el.classList.add('active');
+	}
+	onClickTime(getSelectedDateStr(), t, el);
+	checkForm();
+}
+
+// 선택된 날짜를 yyyymmdd 문자열로 반환
+function getSelectedDateStr() {
+	if (!selectedDate) return '';
+	const yyyy = selectedDate.getFullYear();
+	const mm = String(selectedDate.getMonth() + 1).padStart(2, '0');
+	const dd = String(selectedDate.getDate()).padStart(2, '0');
+	return `${yyyy}${mm}${dd}`;
+}
+
+window.selectTime = function (t) {
+	selectedTime = t;
+	renderTimeSlots();
+}
+
+form.onsubmit = function (e) {
+	e.preventDefault();
+	if (!selectedDate || !selectedTime) {
+		alert('예약 날짜와 시간을 선택해 주세요.');
 		return;
 	}
-	if($('#reservationName').val() == ''){
-		alert('이름이 입력되지 않았습니다. 이름을 입력해주세요.');
+	if (!birthDateValidator || !birthDateValidator.isValid()) {
+		alert('올바른 생년월일을 입력해 주세요.');
 		return;
 	}
-	if($('#phoneNumber').val() == ''){
-		alert('휴대전화번호가 입력되지 않았습니다. 휴대전화번호를 입력해주세요.');
-		return;
-	}
-	if($('input[name=procedure_id]').length == 0){
-		alert('시술정보가 없습니다. 시술이 입력되었는지 확인해주세요.');
-		return;
-	}	
-	if(!$('#agree1').is(':checked')){
-		alert('필수동의가 체크되어 있지 않습니다. 필수동의에 체크해주세요.');
-		return;
-	}
-	
 	fn_reservation();
+	form.reset();
+	submitBtn.disabled = true;
+	checkForm(); // 폼 리셋 후 재검증
+};
+
+let selectedTreatments = [];
+
+function fn_reservation() {
+	let formData = new FormData();
+	if (selectedDate) {
+		const yyyy = selectedDate.getFullYear();
+		const mm = String(selectedDate.getMonth() + 1).padStart(2, '0');
+		const dd = String(selectedDate.getDate()).padStart(2, '0');
+		formData.append('SELECTED_DATE', `${yyyy}-${mm}-${dd}`);
+	}
+	if (selectedTime) {
+		formData.append('TIME', selectedTime);
+	}
+	formData.append('CATEGORY_DIV_CD', typeof category_div_cd !== 'undefined' ? category_div_cd : '');
+	formData.append('CATEGORY_NO', typeof category_no !== 'undefined' ? category_no : '');
+	formData.append('POST_NO', typeof post_no !== 'undefined' ? post_no : '');
+	formData.append('NAME', document.getElementById('customer-name').value);
+	formData.append('BIRTH_DATE', document.getElementById('birthDate').value);
+	formData.append('PHONE_NUMBER', document.getElementById('customer-phone').value);
+	formData.append('ETC', document.getElementById('customer-req').value);
+	formData.append('TREATMENT_INFOS', JSON.stringify(selectedTreatments));
+
+	$.ajax({
+		url: encodeURI('/webservice/insertReservation.do'),
+		data: formData,
+		dataType: 'json',
+		processData: false,
+		contentType: false,
+		type: 'POST',
+		async: true,
+		success: function (data) {
+			if (data.msgCode == '0') {
+				alert('예약이 완료되었습니다.');
+				location.href = "/webservice/selectServiceIntro.do";
+			} else {
+				modalEvent.danger("조회 오류", data.msgDesc);
+			}
+		},
+		error: function (xhr, status, error) {
+			modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
+		},
+		beforeSend: function () {
+			$(".loading-image-layer").show();
+		},
+		complete: function () {
+			$(".loading-image-layer").hide();
+		}
+	});
 }
 
-function fn_reservation(){
+function fn_SelectReservation(category_div_cd, category_no, post_no, procedure_id) {
 	let formData = new FormData();
-    formData.append('SELECTED_DATE', res_date);
-	formData.append('TIME', res_time);	
 	formData.append('CATEGORY_DIV_CD', category_div_cd);
 	formData.append('CATEGORY_NO', category_no);
 	formData.append('POST_NO', post_no);
-	formData.append('NAME', $('#reservationName').val());
-	formData.append('PHONE_NUMBER', $('#phoneNumber').val());
-	formData.append('ETC', $('#reservationMemo').val());
-	var size = $('input[name=procedure_id]').length;
-	var procedure_id = '';
-	var procedure_nm = '';
-	var treatment_id = '';
-	var treatment_nm = '';
-	for(i=0; i<size; i++){
-		procedure_id += $("input[name='procedure_id']").eq(i).attr("value") + '#';		
-	}
-	size = $('input[name=procedure_nm]').length;
-	for(i=0; i<size; i++){
-		procedure_nm += $("input[name='procedure_nm']").eq(i).attr("value") + '#';		
-	}
-	size = $('input[name=treatment_id]').length;
-	for(i=0; i<size; i++){
-		treatment_id += $("input[name='treatment_id']").eq(i).attr("value") + '#';		
-	}
-	size = $('input[name=treatment_nm]').length;
-	for(i=0; i<size; i++){
-		treatment_nm += $("input[name='treatment_nm']").eq(i).attr("value") + '#';		
-	}
 	formData.append('PROCEDURE_ID', procedure_id);
-	formData.append('PROCEDURE_NM', procedure_nm);
-	formData.append('TREATMENT_ID', treatment_id);
-	formData.append('TREATMENT_NM', treatment_nm);	
-	
-    $.ajax({
-        url: encodeURI('/webservice/insertReservation.do'),
-        data: formData,
-        dataType: 'json',
-        processData: false,
-        contentType: false,
-        type: 'POST',
-        async: true,
-        success: function(data){
-			
-            if(data.msgCode=='0'){
-				alert('예약이 완료되었습니다.');
-				location.href="/webservice/selectServiceIntro.do";
-            }else{
-                modalEvent.danger("조회 오류", data.msgDesc);
-            }
 
-        },
-        error : function(xhr, status, error) {
-            modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
-        },
-        beforeSend:function(){
-            // 로딩열기
-            $(".loading-image-layer").show();
-        },
-        complete:function(){
-            // 로딩닫기
-            $(".loading-image-layer").hide();
-        }
-    });
+	$.ajax({
+		url: encodeURI('/webservice/selectReservation.do'),
+		data: formData,
+		dataType: 'json',
+		processData: false,
+		contentType: false,
+		type: 'POST',
+		async: true,
+		success: function (data) {
+			if (data.msgCode == '0') {
+				const serviceList = document.getElementById('service-list');
+				serviceList.innerHTML = '';
+				let totalprice = 0;
+				selectedTreatments = [];
+
+				if (data.reservation && data.reservation.length > 0) {
+					data.reservation.forEach(function (item, i) {
+						let price = item.DISCOUNT_PRICE != null ? item.DISCOUNT_PRICE : item.PRICE || 0;
+						totalprice += Number(price);
+
+						selectedTreatments.push({
+							MU_TREATMENT_ID: item.MU_TREATMENT_ID,
+							TREATMENT_NAME: item.TREATMENT_NAME,
+							TREATMENT_PROCEDURE_NAME: item.TREATMENT_PROCEDURE_NAME,
+							MU_TREATMENT_PROCEDURE_ID: item.MU_TREATMENT_PROCEDURE_ID
+						});
+
+						const li = document.createElement('div');
+						li.className = 'service-item';
+						li.innerHTML = `
+                            <span>${item.TREATMENT_PROCEDURE_NAME}</span>
+                            <span>
+                                <span style="text-decoration:line-through; color:#bbb; font-size:0.95em; margin-right:6px;">${item.DISCOUNT_PRICE != null ? (item.PRICE || 0).toLocaleString() : ''}</span>
+                                <span class="price">${Number(price).toLocaleString()}원</span>
+                                <span class="del" title="삭제" onclick="removeService(this)">×</span>
+                            </span>
+                        `;
+						serviceList.appendChild(li);
+					});
+				}
+				document.getElementById('total-price').textContent = totalprice.toLocaleString() + '원';
+
+				// 시술 개수 및 삭제 버튼 상태 업데이트
+				updateServiceCount();
+			} else {
+				modalEvent.danger("조회 오류", data.msgDesc);
+			}
+
+			var date = new Date();
+			if (String(new Date()).split(" ") == "Sun") {
+				date = new Date();
+				date.setDate(date.getDate() + 1);
+			}
+		},
+		error: function (xhr, status, error) {
+			modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
+		},
+		beforeSend: function () {
+			$(".loading-image-layer").show();
+		},
+		complete: function () {
+			$(".loading-image-layer").hide();
+		}
+	});
 }
 
+function onClickTime(selectedDate, time, el) {
+	document.querySelectorAll('.time-btn').forEach(btn => btn.classList.remove('active'));
+	if (el) el.classList.add('active');
 
-/* 버튼 클릭했는지 안했는지 확인 class active */
-var $selectProcedureDiv =	$('.select_procedure_div');
-$selectProcedureDiv.click(function(e){
-    e.stopPropagation();
-    $selectProcedureDiv.not(this).removeClass('active'); /*remove buttonactive from the others*/
-    $(this).toggleClass('active');					/*toggle current clicked element*/
-});
+	let formData = new FormData();
+	formData.append('SELECTED_DATE', selectedDate.toString().substr(0, 4) + '-' + selectedDate.toString().substr(4, 2) + '-' + selectedDate.toString().substr(6, 2));
+	formData.append('TIME', time);
 
-$(window).on("click", function(){
-    $selectProcedureDiv.removeClass('active');
-})
+	res_date = selectedDate.toString().substr(0, 4) + '-' + selectedDate.toString().substr(4, 2) + '-' + selectedDate.toString().substr(6, 2);
+	res_time = time;
 
+	$.ajax({
+		url: encodeURI('/webservice/selectReservationCnt.do'),
+		data: formData,
+		dataType: 'json',
+		processData: false,
+		contentType: false,
+		type: 'POST',
+		async: true,
+		success: function (data) {
+			if (data.msgCode == '0') {
+				if (data.rows && data.rows.RES_CNT !== undefined) {
+					personCount.textContent = data.rows.RES_CNT;
+				} else {
+					personCount.textContent = '-';
+				}
+			} else {
+				modalEvent.danger("조회 오류", data.msgDesc);
+			}
+		},
+		error: function (xhr, status, error) {
+			modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
+		},
+		beforeSend: function () {
+			$(".loading-image-layer").show();
+		},
+		complete: function () {
+			$(".loading-image-layer").hide();
+		}
+	});
+}
 
-//초기화
-fn_init();
\ No newline at end of file
+$(document).ready(function () {
+	// Flatpickr 초기화
+	initFlatpickr();
+
+	// common.js의 PhoneValidator 초기화
+	try {
+		if (typeof PhoneValidator !== 'undefined' && PhoneValidator.init) {
+			console.log('Initializing PhoneValidator from common.js');
+			PhoneValidator.init('customer-phone', {
+				showMessage: true,
+				realTimeValidation: true,
+				maxLength: 11,
+				allowedPrefixes: ['010', '011', '016', '017', '018', '019'],
+				onValidationChange: function (result, phoneNumber) {
+					// PhoneValidator 상태 변경 시 checkForm 호출
+					setTimeout(checkForm, 10);
+				}
+			});
+		} else {
+			console.warn('PhoneValidator not found in common.js');
+		}
+	} catch (e) {
+		console.error('PhoneValidator initialization error:', e);
+	}
+
+	// BirthDateValidator 초기화
+	try {
+		console.log('Initializing BirthDateValidator');
+		birthDateValidator = new BirthDateValidator('birthDate', {
+			showMessage: true,
+			realTimeValidation: true,
+			minAge: 0,
+			maxAge: 150,
+			format: 'YYYYMMDD',
+			allowFuture: false,
+			onValidationChange: function (result, birthDate) {
+				// BirthDateValidator 상태 변경 시 checkForm 호출
+				setTimeout(checkForm, 10);
+			}
+		});
+		console.log('BirthDateValidator initialized successfully');
+	} catch (e) {
+		console.error('BirthDateValidator initialization error:', e);
+	}
+
+	// PhoneValidator와 BirthDateValidator 이벤트 감지 (fallback 및 보완)
+	$('#customer-phone').on('input keyup blur paste', function () {
+		setTimeout(checkForm, 50);
+	});
+
+	$('#birthDate').on('input keyup blur paste', function () {
+		setTimeout(checkForm, 50);
+	});
+
+	// 초기 폼 상태 체크
+	setTimeout(() => {
+		checkForm();
+		updateServiceCount(); // 초기 시술 개수 상태 설정
+		getHolidayList(); // 휴일 정보 가져오기
+	}, 300); // Validator들 초기화 완료 대기
+});
\ No newline at end of file
diff --git a/src/main/resources/templates/web/service/makeReservation.html b/src/main/resources/templates/web/service/makeReservation.html
index e1856a4..c707f00 100644
--- a/src/main/resources/templates/web/service/makeReservation.html
+++ b/src/main/resources/templates/web/service/makeReservation.html
@@ -1,938 +1,99 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml"
-      xmlns:th="http://www.thymeleaf.org"
-      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
-      layout:decorate="~{/web/layout/layout}">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
+	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{/web/layout/layout}">
 
 <th:block layout:fragment="layoutCss">
-	<link rel="stylesheet" th:href="@{/css/web/service/makeReservation.css}" />
+	<link rel="stylesheet" th:href="@{/css/web/service/makeReservation.css}">
 </th:block>
 
 <th:block layout:fragment="layout_top_script">
-    <script th:inline="javascript">
-        let category_div_cd = [[${CATEGORY_DIV_CD}]];
-        let category_no     = [[${CATEGORY_NO}]];
-        let post_no         = [[${POST_NO}]];
-        let procedure_id    = [[${PROCEDURE_ID}]];
-    </script>
+	<!-- Flatpickr CDN -->
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
+	<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
+	<script src="https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/ko.js"></script>
+
+	<script th:inline="javascript">
+		let category_div_cd = [[${ CATEGORY_DIV_CD }]];
+		let category_no = [[${ CATEGORY_NO }]];
+		let post_no = [[${ POST_NO }]];
+		let procedure_id = [[${ PROCEDURE_ID }]];
+	</script>
 </th:block>
 
 <th:block layout:fragment="layoutContent">
-    <div class="reservation-container">
-        <!-- 좌측: 시술 예약 -->
-        <div class="box" id="box-service">
-            <div class="step-title">STEP 01. 시술 예약</div>
-            <div class="service-count-info" id="service-count-info">선택된 시술: 1개</div>
-            <div class="service-list" id="service-list">
-                <div class="service-item">
-                    <span>다이어트약처방</span>
-                    <span>
-                        <span style="text-decoration:line-through; color:#bbb; font-size:0.95em; margin-right:6px;">50,000원</span>
-                        <span class="price">50,000원</span>
-                        <span class="del disabled" title="최소 1개의 시술은 필요합니다" onclick="removeService(this)">×</span>
-                    </span>
-                </div>
-            </div>
-            <div class="total">
-                <span>총 금액 <small>(부가세 별도)</small></span>
-                <span class="price" id="total-price">50,000원</span>
-            </div>
-            <div style="font-size:0.9em; color:#aaa; margin-top:8px;">결제는 내원시 이루어집니다.</div>
-        </div>
+	<div class="reservation-container">
+		<!-- 좌측: 시술 예약 -->
+		<div class="box" id="box-service">
+			<div class="step-title">STEP 01. 예약</div>
+			<div class="service-count-info" id="service-count-info">선택된 시술: 1개</div>
+			<div class="service-list" id="service-list">
+				<div class="service-item">
+					<span>다이어트약처방</span>
+					<span>
+						<span
+							style="text-decoration:line-through; color:#bbb; font-size:0.95em; margin-right:6px;">50,000원</span>
+						<span class="price">50,000원</span>
+						<span class="del disabled" title="최소 1개의 시술은 필요합니다" onclick="removeService(this)">×</span>
+					</span>
+				</div>
+			</div>
+			<div class="total">
+				<span>총 금액 <small>(부가세 별도)</small></span>
+				<span class="price" id="total-price">50,000원</span>
+			</div>
+			<div style="font-size:0.9em; color:#aaa; margin-top:8px;">결제는 내원시 이루어집니다.</div>
+		</div>
 
-        <!-- 가운데: 예약 시간 선택 -->
-        <div class="box" id="box-calendar">
-            <div class="step-title" id="step02-title">STEP 02. 예약 시간 선택</div>
-            <div class="calendar-box">
-                <div class="calendar-header">
-                    <button id="prev-month" aria-label="이전 달">&lt;</button>
-                    <span id="calendar-title" style="font-weight:600;"></span>
-                    <button id="next-month" aria-label="다음 달">&gt;</button>
-                </div>
-                <table class="calendar-table" id="calendar-table">
-                    <!-- JS로 렌더링 -->
-                </table>
-            </div>
-            <div class="time-slots" id="time-slots">
-                <!-- JS로 렌더링 -->
-            </div>
-            <div class="person-count" style="display:none;">예약인원 <span id="person-count">-</span> 명</div>
-        </div>
+		<!-- 가운데: 예약 시간 선택 -->
+		<div class="box" id="box-calendar">
+			<div class="step-title" id="step02-title">STEP 02. 예약 시간 선택</div>
+			<div class="calendar-box">
+				<!-- Flatpickr Inline Calendar -->
+				<div id="inline-calendar"></div>
+			</div>
+			<div class="time-slots" id="time-slots">
+				<!-- JS로 렌더링 -->
+			</div>
+			<div class="person-count" style="display:none;">예약인원 <span id="person-count">-</span> 명</div>
+		</div>
 
-        <!-- 우측: 고객정보 입력 -->
-        <div class="box" id="box-info">
-            <div class="step-title" id="step03-title">STEP 03. 고객정보</div>
-            <form id="reserve-form" autocomplete="off">
-                <div class="form-group">
-                    <label for="customer-name">고객명</label>
-                    <input type="text" id="customer-name" name="customer-name" required>
-                </div>
-                <div class="form-group">
-                    <label for="birthDate">생년월일 (8자리)</label>
-                    <input type="text" id="birthDate" name="birthDate" 
-                           placeholder="예: 19900115 (8자리 숫자만)" 
-                           maxlength="8" required>
-                    <!-- BirthDateValidator가 동적 생성하는 메시지 영역 -->
-                </div>
-                <div class="form-group">
-                    <label for="customer-phone">연락처</label>
-                    <input type="tel" id="customer-phone" name="customer-phone" 
-                           placeholder="고객님의 핸드폰 번호를 입력해 주세요." 
-                           required pattern="^01[0-9]{8,9}$" title="올바른 휴대폰 번호를 입력해주세요.">
-                    <!-- 피드백 메시지는 common.js PhoneValidator가 동적 생성 -->
-                </div>
-                <div class="form-group">
-                    <label for="customer-req">요청사항</label>
-                    <textarea id="customer-req" name="customer-req" 
-                              placeholder="요청사항을 작성해 주세요."></textarea>
-                </div>
-                
-                <div class="checkbox-group">
-                    <input type="checkbox" id="agree" required>
-                    <label for="agree">[필수] 서비스 이용 및 예약 신청을 위한 개인정보 제공에 동의</label>
-                </div>
-                <button type="submit" class="submit-btn" id="submit-btn" disabled>📅 예약 날짜를 선택해주세요</button>
-            </form>
-        </div>
-    </div>
+		<!-- 우측: 고객정보 입력 -->
+		<div class="box" id="box-info">
+			<div class="step-title" id="step03-title">STEP 03. 고객정보</div>
+			<form id="reserve-form" autocomplete="off">
+				<div class="form-group">
+					<label for="customer-name">고객명</label>
+					<input type="text" id="customer-name" name="customer-name" required>
+				</div>
+				<div class="form-group">
+					<label for="birthDate">생년월일 (8자리)</label>
+					<input type="text" id="birthDate" name="birthDate" placeholder="예: 19900115 (8자리 숫자만)" maxlength="8"
+						required>
+					<!-- BirthDateValidator가 동적 생성하는 메시지 영역 -->
+				</div>
+				<div class="form-group">
+					<label for="customer-phone">연락처</label>
+					<input type="tel" id="customer-phone" name="customer-phone" placeholder="고객님의 핸드폰 번호를 입력해 주세요."
+						required pattern="^01[0-9]{8,9}$" title="올바른 휴대폰 번호를 입력해주세요.">
+					<!-- 피드백 메시지는 common.js PhoneValidator가 동적 생성 -->
+				</div>
+				<div class="form-group">
+					<label for="customer-req">요청사항</label>
+					<textarea id="customer-req" name="customer-req" placeholder="요청사항을 작성해 주세요."></textarea>
+				</div>
+
+				<div class="checkbox-group">
+					<input type="checkbox" id="agree" required>
+					<label for="agree">[필수] 서비스 이용 및 예약 신청을 위한 개인정보 제공에 동의</label>
+				</div>
+				<button type="submit" class="submit-btn" id="submit-btn" disabled>📅 예약 날짜를 선택해주세요</button>
+			</form>
+		</div>
+	</div>
 </th:block>
 
 <th:block layout:fragment="layoutContentScript">
-	<script>
-	    // 휴일(완전 휴무) 설정
-	    const disabledSpecificDates = [
-	        '2025-12-25', // 크리스마스
-	        '2026-01-01', // 신정
-	        // 필요 시 추가
-	    ];
-
-	    // 단축 진료일 (15:30까지) 설정
-	    const shortWorkingDates = [
-	        '2025-12-24', // 크리스마스 이브
-	        '2025-12-31'  // 연말
-	    ];
-
-	    // 날짜가 휴무일인지 확인
-	    function isDateDisabled(date) {
-	        const dateStr = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
-	        return disabledSpecificDates.includes(dateStr);
-	    }
-
-	    // 단축 근무일인지 확인
-	    function isShortWorkingDate(date) {
-	        const dateStr = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
-	        return shortWorkingDates.includes(dateStr);
-	    }
-
-	    // 생년월일 검증 클래스 (기존 그대로 유지)
-	    class BirthDateValidator {
-	        constructor(inputId, options = {}) {
-	            this.inputElement = document.getElementById(inputId);
-	            this.messageElement = null;
-	            this.options = {
-	                showMessage: true,
-	                realTimeValidation: true,
-	                minAge: 0,
-	                maxAge: 150,
-	                format: 'YYYYMMDD',
-	                allowFuture: false,
-	                onValidationChange: null,
-	                ...options
-	            };
-	            
-	            if (this.inputElement && this.options.showMessage) {
-	                this.createMessageElement();
-	            }
-	            
-	            if (this.inputElement && this.options.realTimeValidation) {
-	                this.bindEvents();
-	            }
-	        }
-	        
-	        createMessageElement() {
-	            this.messageElement = document.createElement('div');
-	            this.messageElement.className = 'birth-date-message';
-	            this.messageElement.style.display = 'none';
-	            this.inputElement.parentNode.insertBefore(this.messageElement, this.inputElement.nextSibling);
-	        }
-	        
-	        bindEvents() {
-	            this.inputElement.addEventListener('input', () => {
-	                this.inputElement.value = this.inputElement.value.replace(/[^0-9]/g, '');
-	                this.validateAndShowMessage();
-	            });
-	            
-	            this.inputElement.addEventListener('blur', () => {
-	                this.validateAndShowMessage();
-	            });
-	            
-	            this.inputElement.addEventListener('keydown', (e) => {
-	                if ([8, 9, 46, 37, 38, 39, 40].includes(e.keyCode)) {
-	                    return;
-	                }
-	                if ((e.keyCode < 48 || e.keyCode > 57) && (e.keyCode < 96 || e.keyCode > 105)) {
-	                    e.preventDefault();
-	                }
-	            });
-	        }
-	        
-	        validateBirthDate(dateStr) {
-	            if (!dateStr) return { valid: false, message: '생년월일을 입력해주세요.' };
-	            
-	            let cleanDate = dateStr.replace(/[^0-9]/g, '');
-	            
-	            if (cleanDate.length !== 8) {
-	                return { valid: false, message: '생년월일은 8자리 숫자로 입력해주세요. (예: 19900115)' };
-	            }
-	            
-	            const datePattern = /^\d{8}$/;
-	            if (!datePattern.test(cleanDate)) {
-	                return { valid: false, message: '올바른 생년월일 형식이 아닙니다.' };
-	            }
-	            
-	            const year = parseInt(cleanDate.slice(0, 4));
-	            const month = parseInt(cleanDate.slice(4, 6));
-	            const day = parseInt(cleanDate.slice(6, 8));
-	            
-	            const currentYear = new Date().getFullYear();
-	            const minYear = currentYear - this.options.maxAge;
-	            const maxYear = currentYear - this.options.minAge;
-	            
-	            if (year < minYear || year > maxYear) {
-	                return { 
-	                    valid: false, 
-	                    message: `출생연도는 ${minYear}년부터 ${maxYear}년 사이여야 합니다.` 
-	                };
-	            }
-	            
-	            if (month < 1 || month > 12) {
-	                return { valid: false, message: '월은 01부터 12까지 입력 가능합니다.' };
-	            }
-	            
-	            if (day < 1 || day > 31) {
-	                return { valid: false, message: '일은 01부터 31까지 입력 가능합니다.' };
-	            }
-	            
-	            const date = new Date(year, month - 1, day);
-	            const isValidDate = (
-	                date.getFullYear() === year &&
-	                date.getMonth() === month - 1 &&
-	                date.getDate() === day
-	            );
-	            
-	            if (!isValidDate) {
-	                return { valid: false, message: '존재하지 않는 날짜입니다.' };
-	            }
-	            
-	            if (!this.options.allowFuture && date > new Date()) {
-	                return { valid: false, message: '미래 날짜는 입력할 수 없습니다.' };
-	            }
-	            
-	            if (month === 4 || month === 6 || month === 9 || month === 11) {
-	                if (day === 31) {
-	                    return { valid: false, message: '해당 월은 31일이 없습니다.' };
-	                }
-	            }
-	            
-	            if (month === 2) {
-	                const isLeapYear = (year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0));
-	                if (day > 29 || (day === 29 && !isLeapYear)) {
-	                    return { valid: false, message: isLeapYear ? '2월은 29일까지만 있습니다.' : '2월은 28일까지만 있습니다.' };
-	                }
-	            }
-	            
-	            return { valid: true, message: '올바른 생년월일입니다.' };
-	        }
-	        
-	        validateAndShowMessage() {
-	            const result = this.validateBirthDate(this.inputElement.value);
-	            
-	            if (this.messageElement) {
-	                this.showMessage(result.message, result.valid ? 'success' : 'error');
-	            }
-	            
-	            if (typeof this.options.onValidationChange === 'function') {
-	                this.options.onValidationChange(result, this.inputElement.value);
-	            }
-	            
-	            return result.valid;
-	        }
-	        
-	        showMessage(message, type) {
-	            if (!this.messageElement) return;
-	            
-	            this.messageElement.textContent = message;
-	            this.messageElement.className = `birth-date-message ${type}`;
-	            this.messageElement.style.display = message ? 'block' : 'none';
-	        }
-	        
-	        isValid() {
-	            return this.validateBirthDate(this.inputElement.value).valid;
-	        }
-	        
-	        getAge() {
-	            const result = this.validateBirthDate(this.inputElement.value);
-	            if (!result.valid) return null;
-	            
-	            const cleanDate = this.inputElement.value.replace(/[^0-9]/g, '');
-	            const birthYear = parseInt(cleanDate.slice(0, 4));
-	            const birthMonth = parseInt(cleanDate.slice(4, 6));
-	            const birthDay = parseInt(cleanDate.slice(6, 8));
-	            
-	            const today = new Date();
-	            let age = today.getFullYear() - birthYear;
-	            
-	            if (today.getMonth() + 1 < birthMonth || 
-	                (today.getMonth() + 1 === birthMonth && today.getDate() < birthDay)) {
-	                age--;
-	            }
-	            
-	            return age;
-	        }
-	        
-	        static isValidBirthDate(dateStr) {
-	            const validator = new BirthDateValidator('temp', { showMessage: false });
-	            return validator.validateBirthDate(dateStr).valid;
-	        }
-	    }
-
-	    // 전역 변수
-	    let birthDateValidator;
-	    let selectedTreatments = [];
-
-	    // 초기화
-	    fn_SelectReservation(category_div_cd, category_no, post_no, procedure_id);
-
-	    // 시술 삭제 함수
-	    function removeService(el) {
-	        const serviceItems = document.querySelectorAll('.service-item');
-	        const serviceCount = serviceItems.length;
-	        
-	        if (serviceCount <= 1) {
-	            alert('최소 1개의 시술은 선택되어 있어야 합니다.');
-	            return false;
-	        }
-	        
-	        const serviceName = el.closest('.service-item').querySelector('span:first-child').textContent;
-	        if (!confirm(`'${serviceName}' 시술을 삭제하시겠습니까?`)) {
-	            return false;
-	        }
-	        
-	        const removedItem = el.closest('.service-item');
-	        const priceText = removedItem.querySelector('.price').textContent;
-	        const price = parseInt(priceText.replace(/[^0-9]/g, '')) || 0;
-	        
-	        removedItem.remove();
-	        updateTotalPrice();
-	        updateServiceCount();
-	        
-	        const removedIndex = Array.from(serviceItems).indexOf(removedItem);
-	        if (removedIndex !== -1 && selectedTreatments[removedIndex]) {
-	            selectedTreatments.splice(removedIndex, 1);
-	        }
-	        
-	        return true;
-	    }
-
-	    function updateTotalPrice() {
-	        const serviceItems = document.querySelectorAll('.service-item');
-	        let totalPrice = 0;
-	        
-	        serviceItems.forEach(item => {
-	            const priceText = item.querySelector('.price').textContent;
-	            const price = parseInt(priceText.replace(/[^0-9]/g, '')) || 0;
-	            totalPrice += price;
-	        });
-	        
-	        document.getElementById('total-price').textContent = totalPrice.toLocaleString() + '원';
-	    }
-
-	    function updateServiceCount() {
-	        const serviceItems = document.querySelectorAll('.service-item');
-	        const serviceCount = serviceItems.length;
-	        const serviceCountInfo = document.getElementById('service-count-info');
-	        
-	        serviceCountInfo.textContent = `선택된 시술: ${serviceCount}개`;
-	        
-	        if (serviceCount === 1) {
-	            serviceCountInfo.className = 'service-count-info single';
-	            serviceCountInfo.textContent = `선택된 시술: ${serviceCount}개 (최소 필수)`;
-	        } else {
-	            serviceCountInfo.className = 'service-count-info';
-	        }
-	        
-	        serviceItems.forEach(item => {
-	            const delBtn = item.querySelector('.del');
-	            if (serviceCount <= 1) {
-	                delBtn.className = 'del disabled';
-	                delBtn.title = '최소 1개의 시술은 필요합니다';
-	            } else {
-	                delBtn.className = 'del';
-	                delBtn.title = '삭제';
-	            }
-	        });
-	    }
-
-	    // 캘린더 데이터
-	    const today = new Date();
-	    let selectedYear = today.getFullYear();
-	    let selectedMonth = today.getMonth();
-	    let selectedDay = today.getDate();
-	    let selectedDate = null;
-	    let selectedTime = null;
-
-	    const calendarTitle = document.getElementById('calendar-title');
-	    const calendarTable = document.getElementById('calendar-table');
-	    const timeSlots = document.getElementById('time-slots');
-	    const personCount = document.getElementById('person-count');
-
-	    // 폼 요소들
-	    const form = document.getElementById('reserve-form');
-	    const agree = document.getElementById('agree');
-	    const submitBtn = document.getElementById('submit-btn');
-	    const step02Title = document.getElementById('step02-title');
-	    const step03Title = document.getElementById('step03-title');
-
-	    // 이벤트 리스너 등록
-	    form.addEventListener('input', function(e) {
-	        if (e.target.id !== 'customer-phone' && e.target.id !== 'birthDate') {
-	            setTimeout(checkForm, 10);
-	        }
-	    });
-	    agree.addEventListener('change', checkForm);
-
-	    function checkForm() {
-	        const name = document.getElementById('customer-name').value.trim();
-	        
-	        let phoneValid = false;
-	        try {
-	            if (typeof PhoneValidator !== 'undefined' && 
-	                PhoneValidator.isValid && 
-	                typeof PhoneValidator.isValid === 'function') {
-	                phoneValid = PhoneValidator.isValid('customer-phone');
-	            } else {
-	                const phone = document.getElementById('customer-phone').value.trim();
-	                phoneValid = phone.match(/^01[0-9]{8,9}$/);
-	            }
-	        } catch (e) {
-	            console.warn('PhoneValidator error:', e);
-	            const phone = document.getElementById('customer-phone').value.trim();
-	            phoneValid = phone.match(/^01[0-9]{8,9}$/);
-	        }
-	        
-	        let birthDateValid = false;
-	        try {
-	            if (birthDateValidator && typeof birthDateValidator.isValid === 'function') {
-	                birthDateValid = birthDateValidator.isValid();
-	            } else {
-	                const birthDate = document.getElementById('birthDate').value.trim();
-	                birthDateValid = birthDate.match(/^\d{8}$/);
-	            }
-	        } catch (e) {
-	            console.warn('BirthDateValidator error:', e);
-	            const birthDate = document.getElementById('birthDate').value.trim();
-	            birthDateValid = birthDate.match(/^\d{8}$/);
-	        }
-	        
-	        const conditions = {
-	            date: !!selectedDate,
-	            time: !!selectedTime,
-	            name: !!name,
-	            phone: phoneValid,
-	            birthDate: birthDateValid,
-	            agree: agree.checked
-	        };
-	        
-	        const valid = Object.values(conditions).every(Boolean);
-	        submitBtn.disabled = !valid;
-	        
-	        const completedSteps = Object.values(conditions).filter(Boolean).length;
-	        const totalSteps = Object.keys(conditions).length;
-	        
-	        updateStepStatus(conditions);
-	        updateButtonText(conditions, completedSteps, totalSteps);
-	        
-	        if (valid) {
-	            submitBtn.className = 'submit-btn ready';
-	        } else {
-	            submitBtn.className = 'submit-btn step-progress';
-	        }
-	    }
-
-	    function updateStepStatus(conditions) {
-	        if (conditions.date && conditions.time) {
-	            step02Title.className = 'step-title completed';
-	            step02Title.textContent = 'STEP 02. 예약 시간 선택 ✓';
-	        } else {
-	            step02Title.className = 'step-title';
-	            step02Title.textContent = 'STEP 02. 예약 시간 선택';
-	        }
-	        
-	        if (conditions.name && conditions.phone && conditions.birthDate && conditions.agree) {
-	            step03Title.className = 'step-title completed';
-	            step03Title.textContent = 'STEP 03. 고객정보 ✓';
-	        } else {
-	            step03Title.className = 'step-title';
-	            step03Title.textContent = 'STEP 03. 고객정보';
-	        }
-	    }
-
-	    function updateButtonText(conditions, completedSteps, totalSteps) {
-	        if (!conditions.date) {
-	            submitBtn.textContent = '📅 예약 날짜를 선택해주세요';
-	        } else if (!conditions.time) {
-	            submitBtn.textContent = '⏰ 예약 시간을 선택해주세요';
-	        } else if (!conditions.name) {
-	            submitBtn.textContent = '👤 고객명을 입력해주세요';
-	        } else if (!conditions.birthDate) {
-	            submitBtn.textContent = '📅 생년월일을 올바르게 입력해주세요';
-	        } else if (!conditions.phone) {
-	            submitBtn.textContent = '📱 연락처를 올바르게 입력해주세요';
-	        } else if (!conditions.agree) {
-	            submitBtn.textContent = '✅ 개인정보 동의를 체크해주세요';
-	        } else {
-	            submitBtn.textContent = '🎉 시술 예약하기';
-	        }
-	        
-	        if (completedSteps < totalSteps) {
-	            const progressText = ` (${completedSteps}/${totalSteps})`;
-	            submitBtn.textContent += progressText;
-	        }
-	    }
-
-	    // 새로운 진료시간 설정
-	    const diettimes_mon_wed_fri = [  
-	        "10:00","10:30","11:00","11:30","12:00","12:30",
-	        "13:00","13:30","14:00","14:30","15:00","15:30",
-	        "16:00","16:30","17:00","17:30","18:00","18:30"
-	    ];
-
-	    const diettimes_tue_thu = [  
-	        "10:00","10:30","11:00","11:30","12:00","12:30",
-	        "13:00","13:30","14:00","14:30","15:00","15:30",
-	        "16:00","16:30","17:00","17:30","18:00","18:30",
-	        "19:00","19:30"
-	    ];
-
-	    const diettimes_sat_short = [  
-	        "10:00","10:30","11:00","11:30","12:00","12:30",
-	        "13:00","13:30","14:00","14:30","15:00","15:30"
-	    ];
-
-	    // 캘린더 렌더링 (일요일만 휴무)
-		function renderCalendar(year, month) {
-		    calendarTitle.textContent = `${year}.${(month+1).toString().padStart(2,'0')}`;
-		    const firstDay = new Date(year, month, 1);
-		    const lastDay = new Date(year, month+1, 0);
-		    const now = new Date();
-		    const todayDate = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-
-		    let html = '<thead><tr>';
-		    ['일','월','화','수','목','금','토'].forEach(d => html += `<th>${d}</th>`);
-		    html += '</tr></thead><tbody><tr>';
-
-		    for(let i = 0; i < firstDay.getDay(); i++) {
-		        html += '<td class="disabled"></td>';
-		    }
-
-		    for(let d = 1; d <= lastDay.getDate(); d++) {
-		        const dateObj = new Date(year, month, d);
-		        let classes = [];
-
-		        const isPastDate = dateObj < todayDate;
-		        const isSunday = dateObj.getDay() === 0;
-		        const isHoliday = isDateDisabled(dateObj);
-
-		        if(dateObj.toDateString() === today.toDateString()) classes.push('today');
-		        if(selectedDate && dateObj.toDateString() === selectedDate.toDateString()) classes.push('selected');
-		        
-		        // ✅ 수요일 완전 제거! 일요일 + 공휴일만 비활성화
-		        if(isPastDate || isSunday || isHoliday) {
-		            classes.push('disabled');
-		        }
-
-		        const clickHandler = (isPastDate || isSunday || isHoliday) ? 
-		            '' : `onclick="selectDate(${year},${month},${d})"`;
-		        html += `<td class="${classes.join(' ')}" ${clickHandler}>${d}</td>`;
-
-		        if((firstDay.getDay()+d) % 7 === 0 && d !== lastDay.getDate()) html += '</tr><tr>';
-		    }
-
-		    for(let i = (lastDay.getDay()+1) % 7; i && i < 7; i++) {
-		        html += '<td class="disabled"></td>';
-		    }
-		    html += '</tr></tbody>';
-		    calendarTable.innerHTML = html;
-		    checkForm();
-		}
-
-		function selectDate(y, m, d) {
-		    const tempDate = new Date(y, m, d);
-		    const now = new Date();
-		    const todayDate = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-
-		    if (tempDate < todayDate) {
-		        alert('과거 날짜는 선택할 수 없습니다.');
-		        return;
-		    }
-
-		    if (tempDate.getDay() === 0) {
-		        alert('일요일은 휴무일입니다.');
-		        return;
-		    }
-
-		    if (isDateDisabled(tempDate)) {
-		        alert('해당 날짜는 휴무일입니다.');
-		        return;
-		    }
-
-		    // ✅ 수요일 체크 완전 제거!
-		    selectedDate = tempDate;
-		    renderCalendar(y, m);
-		    renderTimeSlots();
-		    checkForm();
-		}
-
-
-	    // 월 이동 버튼
-	    document.getElementById('prev-month').onclick = function() {
-	        if(selectedMonth === 0) { 
-	            selectedYear--; 
-	            selectedMonth = 11; 
-	        } else {
-	            selectedMonth--;
-	        }
-	        renderCalendar(selectedYear, selectedMonth);
-	        renderTimeSlots();
-	        checkForm();
-	    };
-
-	    document.getElementById('next-month').onclick = function() {
-	        if(selectedMonth === 11) { 
-	            selectedYear++; 
-	            selectedMonth = 0; 
-	        } else {
-	            selectedMonth++;
-	        }
-	        renderCalendar(selectedYear, selectedMonth);
-	        renderTimeSlots();
-	        checkForm();
-	    };
-
-	    // 시간 슬롯 렌더링 (새로운 진료시간 적용)
-	    function renderTimeSlots() {
-	        let html = '';
-	        let dayOfWeek = selectedDate ? selectedDate.getDay() : null;
-	        let slotArr = [];
-
-	        if (!selectedDate || dayOfWeek === 0 || isDateDisabled(selectedDate)) {
-	            timeSlots.innerHTML = '';
-	            personCount.textContent = selectedDate ? 1 : '-';
-	            return;
-	        }
-
-	        // 요일별 / 특수일별 시간대 설정
-	        if (isShortWorkingDate(selectedDate)) {
-	            // 12/24, 12/31 단축 근무: 10:00~15:30
-	            slotArr = diettimes_sat_short;
-	        } else if ([1,3,5].includes(dayOfWeek)) { // 월(1), 수(3), 금(5)
-	            slotArr = diettimes_mon_wed_fri; // 10:00~18:30
-	        } else if ([2,4].includes(dayOfWeek)) { // 화(2), 목(4)
-	            slotArr = diettimes_tue_thu; // 10:00~19:30
-	        } else if (dayOfWeek === 6) { // 토(6)
-	            slotArr = diettimes_sat_short; // 10:00~15:30
-	        }
-
-	        const now = new Date();
-	        const todayDate = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-	        const isToday = selectedDate && selectedDate.toDateString() === todayDate.toDateString();
-
-	        slotArr.forEach(t => {
-	            let isDisabled = false;
-	            let disabledClass = '';
-	            let clickHandler = `onclick="selectTimeAndCall('${t}', this)"`;
-
-	            if (isToday) {
-	                const currentTime = now.getHours() * 100 + now.getMinutes();
-	                const [hour, minute] = t.split(':').map(Number);
-	                const slotTime = hour * 100 + minute;
-
-	                if (slotTime <= currentTime) {
-	                    isDisabled = true;
-	                    disabledClass = ' disabled';
-	                    clickHandler = '';
-	                }
-	            }
-
-	            const selectedClass = selectedTime === t && !isDisabled ? ' selected' : '';
-	            html += `<button type="button" class="time-btn${selectedClass}${disabledClass}" ${clickHandler} ${isDisabled ? 'disabled' : ''}>${t}</button>`;
-	        });
-
-	        timeSlots.innerHTML = html;
-	        personCount.textContent = selectedDate ? 1 : '-';
-	    }
-
-	    function selectTimeAndCall(t, el) {
-	        const now = new Date();
-	        const todayDate = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-	        const isToday = selectedDate && selectedDate.toDateString() === todayDate.toDateString();
-
-	        if (isToday) {
-	            const currentTime = now.getHours() * 100 + now.getMinutes();
-	            const [hour, minute] = t.split(':').map(Number);
-	            const slotTime = hour * 100 + minute;
-
-	            if (slotTime <= currentTime) {
-	                alert('지난 시간은 선택할 수 없습니다.');
-	                return;
-	            }
-	        }
-
-	        selectedTime = t;
-	        renderTimeSlots();
-	        if (el) {
-	            document.querySelectorAll('.time-btn').forEach(btn => btn.classList.remove('active'));
-	            el.classList.add('active');
-	        }
-	        onClickTime(getSelectedDateStr(), t, el);
-	        checkForm();
-	    }
-
-	    function getSelectedDateStr() {
-	        if (!selectedDate) return '';
-	        const yyyy = selectedDate.getFullYear();
-	        const mm = String(selectedDate.getMonth() + 1).padStart(2, '0');
-	        const dd = String(selectedDate.getDate()).padStart(2, '0');
-	        return `${yyyy}${mm}${dd}`;
-	    }
-
-	    window.selectTime = function(t) {
-	        selectedTime = t;
-	        renderTimeSlots();
-	    }
-
-	    // 초기 날짜 설정 (일요일/공휴일 제외)
-	    let initDate = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-	    while (initDate.getDay() === 0 || isDateDisabled(initDate)) {
-	        initDate.setDate(initDate.getDate() + 1);
-	    }
-	    selectDate(initDate.getFullYear(), initDate.getMonth(), initDate.getDate());
-	    
-	    form.onsubmit = function(e) {
-	        e.preventDefault();
-	        if(!selectedDate || !selectedTime) {
-	            alert('예약 날짜와 시간을 선택해 주세요.');
-	            return;
-	        }
-	        if (!birthDateValidator || !birthDateValidator.isValid()) {
-	            alert('올바른 생년월일을 입력해 주세요.');
-	            return;
-	        }
-	        fn_reservation();
-	        form.reset();
-	        submitBtn.disabled = true;
-	        checkForm();
-	    };
-	    
-	    function fn_reservation(){
-	        let formData = new FormData();
-	        if (selectedDate) {
-	            const yyyy = selectedDate.getFullYear();
-	            const mm = String(selectedDate.getMonth() + 1).padStart(2, '0');
-	            const dd = String(selectedDate.getDate()).padStart(2, '0');
-	            formData.append('SELECTED_DATE', `${yyyy}-${mm}-${dd}`);
-	        }
-	        if (selectedTime) {
-	            formData.append('TIME', selectedTime);
-	        }
-	        formData.append('CATEGORY_DIV_CD', typeof category_div_cd !== 'undefined' ? category_div_cd : '');
-	        formData.append('CATEGORY_NO', typeof category_no !== 'undefined' ? category_no : '');
-	        formData.append('POST_NO', typeof post_no !== 'undefined' ? post_no : '');
-	        formData.append('NAME', document.getElementById('customer-name').value);
-	        formData.append('BIRTH_DATE', document.getElementById('birthDate').value);
-	        formData.append('PHONE_NUMBER', document.getElementById('customer-phone').value);
-	        formData.append('ETC', document.getElementById('customer-req').value);
-	        formData.append('TREATMENT_INFOS', JSON.stringify(selectedTreatments));
-	        
-	        $.ajax({
-	            url: encodeURI('/webservice/insertReservation.do'),
-	            data: formData,
-	            dataType: 'json',
-	            processData: false,
-	            contentType: false,
-	            type: 'POST',
-	            async: true,
-	            success: function(data){
-	                if(data.msgCode=='0'){
-	                    alert('예약이 완료되었습니다.');
-	                    location.href="/webevent/selectListWebEventIntro.do";
-	                }else{
-	                    modalEvent.danger("조회 오류", data.msgDesc);
-	                }
-	            },
-	            error : function(xhr, status, error) {
-	                modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
-	            },
-	            beforeSend:function(){
-	                $(".loading-image-layer").show();
-	            },
-	            complete:function(){
-	                $(".loading-image-layer").hide();
-	            }
-	        });
-	    }
-	    
-	    function fn_SelectReservation(category_div_cd, category_no, post_no, procedure_id) {
-	        let formData = new FormData();
-	        formData.append('CATEGORY_DIV_CD', category_div_cd);
-	        formData.append('CATEGORY_NO', category_no);
-	        formData.append('POST_NO', post_no);
-	        formData.append('PROCEDURE_ID', procedure_id);
-	        
-	        $.ajax({
-	            url: encodeURI('/webservice/selectReservation.do'),
-	            data: formData,
-	            dataType: 'json',
-	            processData: false,
-	            contentType: false,
-	            type: 'POST',
-	            async: true,
-	            success: function(data) {
-	                if(data.msgCode=='0') {
-	                    const serviceList = document.getElementById('service-list');
-	                    serviceList.innerHTML = '';
-	                    let totalprice = 0;
-	                    selectedTreatments = [];
-	                    
-	                    if (data.reservation && data.reservation.length > 0) {
-	                        data.reservation.forEach(function(item, i) {
-	                            let price = item.DISCOUNT_PRICE != null ? item.DISCOUNT_PRICE : item.PRICE || 0;
-	                            totalprice += Number(price);
-	                            
-	                            selectedTreatments.push({
-	                                MU_TREATMENT_ID: item.MU_TREATMENT_ID,
-	                                TREATMENT_NAME: item.TREATMENT_NAME,
-	                                TREATMENT_PROCEDURE_NAME: item.TREATMENT_PROCEDURE_NAME,
-	                                MU_TREATMENT_PROCEDURE_ID: item.MU_TREATMENT_PROCEDURE_ID
-	                            });
-	                            
-	                            const li = document.createElement('div');
-	                            li.className = 'service-item';
-	                            li.innerHTML = `
-	                                <span>${item.TREATMENT_PROCEDURE_NAME}</span>
-	                                <span>
-	                                    <span style="text-decoration:line-through; color:#bbb; font-size:0.95em; margin-right:6px;">${item.DISCOUNT_PRICE != null ? (item.PRICE || 0).toLocaleString() : ''}원</span>
-	                                    <span class="price">${Number(price).toLocaleString()}원</span>
-	                                    <span class="del" title="삭제" onclick="removeService(this)">×</span>
-	                                </span>
-	                            `;
-	                            serviceList.appendChild(li);
-	                        });
-	                    }
-	                    document.getElementById('total-price').textContent = totalprice.toLocaleString() + '원';
-	                    updateServiceCount();
-	                } else {
-	                    modalEvent.danger("조회 오류", data.msgDesc);
-	                }
-	            },
-	            error : function(xhr, status, error) {
-	                modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
-	            },
-	            beforeSend:function() {
-	                $(".loading-image-layer").show();
-	            },
-	            complete:function() {
-	                $(".loading-image-layer").hide();
-	            }
-	        });
-	    }
-	    
-	    function onClickTime(selectedDate, time, el) {
-	        document.querySelectorAll('.time-btn').forEach(btn => btn.classList.remove('active'));
-	        if (el) el.classList.add('active');
-	        
-	        let formData = new FormData();
-	        formData.append('SELECTED_DATE', selectedDate);
-	        formData.append('TIME', time);
-	        
-	        res_date = selectedDate;
-	        res_time = time;
-	        
-	        $.ajax({
-	            url: encodeURI('/webservice/selectReservationCnt.do'),
-	            data: formData,
-	            dataType: 'json',
-	            processData: false,
-	            contentType: false,
-	            type: 'POST',
-	            async: true,
-	            success: function(data){
-	                if(data.msgCode=='0'){
-	                    if (data.rows && data.rows.RES_CNT !== undefined) {
-	                        personCount.textContent = data.rows.RES_CNT;
-	                    } else {
-	                        personCount.textContent = '-';
-	                    }
-	                }else{
-	                    modalEvent.danger("조회 오류", data.msgDesc);
-	                }
-	            },
-	            error : function(xhr, status, error) {
-	                modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
-	            },
-	            beforeSend:function(){
-	                $(".loading-image-layer").show();
-	            },
-	            complete:function(){
-	                $(".loading-image-layer").hide();
-	            }
-	        });
-	    }
-	     
-	    $(document).ready(function() {
-	        // PhoneValidator 초기화
-	        try {
-	            if (typeof PhoneValidator !== 'undefined' && PhoneValidator.init) {
-	                PhoneValidator.init('customer-phone', {
-	                    showMessage: true,
-	                    realTimeValidation: true,
-	                    maxLength: 11,
-	                    allowedPrefixes: ['010', '011', '016', '017', '018', '019'],
-	                    onValidationChange: function(result, phoneNumber) {
-	                        setTimeout(checkForm, 10);
-	                    }
-	                });
-	            }
-	        } catch (e) {
-	            console.error('PhoneValidator initialization error:', e);
-	        }
-	        
-	        // BirthDateValidator 초기화
-	        try {
-	            birthDateValidator = new BirthDateValidator('birthDate', {
-	                showMessage: true,
-	                realTimeValidation: true,
-	                minAge: 0,
-	                maxAge: 150,
-	                format: 'YYYYMMDD',
-	                allowFuture: false,
-	                onValidationChange: function(result, birthDate) {
-	                    setTimeout(checkForm, 10);
-	                }
-	            });
-	        } catch (e) {
-	            console.error('BirthDateValidator initialization error:', e);
-	        }
-	        
-	        $('#customer-phone, #birthDate').on('input keyup blur paste', function() {
-	            setTimeout(checkForm, 50);
-	        });
-	        
-	        setTimeout(() => {
-	            checkForm();
-	            updateServiceCount();
-	        }, 300);
-	    });
-	    </script>
+	<script th:src="@{/js/web/service/makeReservation.js}"></script>
 </th:block>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/web/webevent/makeReservation.html b/src/main/resources/templates/web/webevent/makeReservation.html
deleted file mode 100644
index 28888f7..0000000
--- a/src/main/resources/templates/web/webevent/makeReservation.html
+++ /dev/null
@@ -1,938 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml"
-      xmlns:th="http://www.thymeleaf.org"
-      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
-      layout:decorate="~{/web/layout/layout}">
-
-<th:block layout:fragment="layoutCss">
-    <link rel="stylesheet" th:href="@{/css/web/service/makeReservation.css}" />
-</th:block>
-
-<th:block layout:fragment="layout_top_script">
-    <script th:inline="javascript">
-        let category_div_cd = [[${CATEGORY_DIV_CD}]];
-        let category_no     = [[${CATEGORY_NO}]];
-        let post_no         = [[${POST_NO}]];
-        let procedure_id    = [[${PROCEDURE_ID}]];
-    </script>
-</th:block>
-
-<th:block layout:fragment="layoutContent">
-    <div class="reservation-container">
-        <!-- 좌측: 시술 예약 -->
-        <div class="box" id="box-service">
-            <div class="step-title">STEP 01. 이벤트 예약</div>
-            <div class="service-count-info" id="service-count-info">선택된 시술: 1개</div>
-            <div class="service-list" id="service-list">
-                <div class="service-item">
-                    <span>다이어트약처방</span>
-                    <span>
-                        <span style="text-decoration:line-through; color:#bbb; font-size:0.95em; margin-right:6px;">50,000원</span>
-                        <span class="price">50,000원</span>
-                        <span class="del disabled" title="최소 1개의 시술은 필요합니다" onclick="removeService(this)">×</span>
-                    </span>
-                </div>
-            </div>
-            <div class="total">
-                <span>총 금액 <small>(부가세 별도)</small></span>
-                <span class="price" id="total-price">50,000원</span>
-            </div>
-            <div style="font-size:0.9em; color:#aaa; margin-top:8px;">결제는 내원시 이루어집니다.</div>
-        </div>
-
-        <!-- 가운데: 예약 시간 선택 -->
-        <div class="box" id="box-calendar">
-            <div class="step-title" id="step02-title">STEP 02. 예약 시간 선택</div>
-            <div class="calendar-box">
-                <div class="calendar-header">
-                    <button id="prev-month" aria-label="이전 달">&lt;</button>
-                    <span id="calendar-title" style="font-weight:600;"></span>
-                    <button id="next-month" aria-label="다음 달">&gt;</button>
-                </div>
-                <table class="calendar-table" id="calendar-table">
-                    <!-- JS로 렌더링 -->
-                </table>
-            </div>
-            <div class="time-slots" id="time-slots">
-                <!-- JS로 렌더링 -->
-            </div>
-            <div class="person-count" style="display:none;">예약인원 <span id="person-count">-</span> 명</div>
-        </div>
-
-        <!-- 우측: 고객정보 입력 -->
-        <div class="box" id="box-info">
-            <div class="step-title" id="step03-title">STEP 03. 고객정보</div>
-            <form id="reserve-form" autocomplete="off">
-                <div class="form-group">
-                    <label for="customer-name">고객명</label>
-                    <input type="text" id="customer-name" name="customer-name" required>
-                </div>
-                <div class="form-group">
-                    <label for="birthDate">생년월일 (8자리)</label>
-                    <input type="text" id="birthDate" name="birthDate" 
-                           placeholder="예: 19900115 (8자리 숫자만)" 
-                           maxlength="8" required>
-                    <!-- BirthDateValidator가 동적 생성하는 메시지 영역 -->
-                </div>
-                <div class="form-group">
-                    <label for="customer-phone">연락처</label>
-                    <input type="tel" id="customer-phone" name="customer-phone" 
-                           placeholder="고객님의 핸드폰 번호를 입력해 주세요." 
-                           required pattern="^01[0-9]{8,9}$" title="올바른 휴대폰 번호를 입력해주세요.">
-                    <!-- 피드백 메시지는 common.js PhoneValidator가 동적 생성 -->
-                </div>
-                <div class="form-group">
-                    <label for="customer-req">요청사항</label>
-                    <textarea id="customer-req" name="customer-req" 
-                              placeholder="요청사항을 작성해 주세요."></textarea>
-                </div>
-                
-                <div class="checkbox-group">
-                    <input type="checkbox" id="agree" required>
-                    <label for="agree">[필수] 서비스 이용 및 예약 신청을 위한 개인정보 제공에 동의</label>
-                </div>
-                <button type="submit" class="submit-btn" id="submit-btn" disabled>📅 예약 날짜를 선택해주세요</button>
-            </form>
-        </div>
-    </div>
-</th:block>
-
-<th:block layout:fragment="layoutContentScript">
-    <script>
-    // 휴일(완전 휴무) 설정
-    const disabledSpecificDates = [
-        '2025-12-25', // 크리스마스
-        '2026-01-01', // 신정
-        // 필요 시 추가
-    ];
-
-    // 단축 진료일 (15:30까지) 설정
-    const shortWorkingDates = [
-        '2025-12-24', // 크리스마스 이브
-        '2025-12-31'  // 연말
-    ];
-
-    // 날짜가 휴무일인지 확인
-    function isDateDisabled(date) {
-        const dateStr = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
-        return disabledSpecificDates.includes(dateStr);
-    }
-
-    // 단축 근무일인지 확인
-    function isShortWorkingDate(date) {
-        const dateStr = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
-        return shortWorkingDates.includes(dateStr);
-    }
-
-    // 생년월일 검증 클래스 (기존 그대로 유지)
-    class BirthDateValidator {
-        constructor(inputId, options = {}) {
-            this.inputElement = document.getElementById(inputId);
-            this.messageElement = null;
-            this.options = {
-                showMessage: true,
-                realTimeValidation: true,
-                minAge: 0,
-                maxAge: 150,
-                format: 'YYYYMMDD',
-                allowFuture: false,
-                onValidationChange: null,
-                ...options
-            };
-            
-            if (this.inputElement && this.options.showMessage) {
-                this.createMessageElement();
-            }
-            
-            if (this.inputElement && this.options.realTimeValidation) {
-                this.bindEvents();
-            }
-        }
-        
-        createMessageElement() {
-            this.messageElement = document.createElement('div');
-            this.messageElement.className = 'birth-date-message';
-            this.messageElement.style.display = 'none';
-            this.inputElement.parentNode.insertBefore(this.messageElement, this.inputElement.nextSibling);
-        }
-        
-        bindEvents() {
-            this.inputElement.addEventListener('input', () => {
-                this.inputElement.value = this.inputElement.value.replace(/[^0-9]/g, '');
-                this.validateAndShowMessage();
-            });
-            
-            this.inputElement.addEventListener('blur', () => {
-                this.validateAndShowMessage();
-            });
-            
-            this.inputElement.addEventListener('keydown', (e) => {
-                if ([8, 9, 46, 37, 38, 39, 40].includes(e.keyCode)) {
-                    return;
-                }
-                if ((e.keyCode < 48 || e.keyCode > 57) && (e.keyCode < 96 || e.keyCode > 105)) {
-                    e.preventDefault();
-                }
-            });
-        }
-        
-        validateBirthDate(dateStr) {
-            if (!dateStr) return { valid: false, message: '생년월일을 입력해주세요.' };
-            
-            let cleanDate = dateStr.replace(/[^0-9]/g, '');
-            
-            if (cleanDate.length !== 8) {
-                return { valid: false, message: '생년월일은 8자리 숫자로 입력해주세요. (예: 19900115)' };
-            }
-            
-            const datePattern = /^\d{8}$/;
-            if (!datePattern.test(cleanDate)) {
-                return { valid: false, message: '올바른 생년월일 형식이 아닙니다.' };
-            }
-            
-            const year = parseInt(cleanDate.slice(0, 4));
-            const month = parseInt(cleanDate.slice(4, 6));
-            const day = parseInt(cleanDate.slice(6, 8));
-            
-            const currentYear = new Date().getFullYear();
-            const minYear = currentYear - this.options.maxAge;
-            const maxYear = currentYear - this.options.minAge;
-            
-            if (year < minYear || year > maxYear) {
-                return { 
-                    valid: false, 
-                    message: `출생연도는 ${minYear}년부터 ${maxYear}년 사이여야 합니다.` 
-                };
-            }
-            
-            if (month < 1 || month > 12) {
-                return { valid: false, message: '월은 01부터 12까지 입력 가능합니다.' };
-            }
-            
-            if (day < 1 || day > 31) {
-                return { valid: false, message: '일은 01부터 31까지 입력 가능합니다.' };
-            }
-            
-            const date = new Date(year, month - 1, day);
-            const isValidDate = (
-                date.getFullYear() === year &&
-                date.getMonth() === month - 1 &&
-                date.getDate() === day
-            );
-            
-            if (!isValidDate) {
-                return { valid: false, message: '존재하지 않는 날짜입니다.' };
-            }
-            
-            if (!this.options.allowFuture && date > new Date()) {
-                return { valid: false, message: '미래 날짜는 입력할 수 없습니다.' };
-            }
-            
-            if (month === 4 || month === 6 || month === 9 || month === 11) {
-                if (day === 31) {
-                    return { valid: false, message: '해당 월은 31일이 없습니다.' };
-                }
-            }
-            
-            if (month === 2) {
-                const isLeapYear = (year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0));
-                if (day > 29 || (day === 29 && !isLeapYear)) {
-                    return { valid: false, message: isLeapYear ? '2월은 29일까지만 있습니다.' : '2월은 28일까지만 있습니다.' };
-                }
-            }
-            
-            return { valid: true, message: '올바른 생년월일입니다.' };
-        }
-        
-        validateAndShowMessage() {
-            const result = this.validateBirthDate(this.inputElement.value);
-            
-            if (this.messageElement) {
-                this.showMessage(result.message, result.valid ? 'success' : 'error');
-            }
-            
-            if (typeof this.options.onValidationChange === 'function') {
-                this.options.onValidationChange(result, this.inputElement.value);
-            }
-            
-            return result.valid;
-        }
-        
-        showMessage(message, type) {
-            if (!this.messageElement) return;
-            
-            this.messageElement.textContent = message;
-            this.messageElement.className = `birth-date-message ${type}`;
-            this.messageElement.style.display = message ? 'block' : 'none';
-        }
-        
-        isValid() {
-            return this.validateBirthDate(this.inputElement.value).valid;
-        }
-        
-        getAge() {
-            const result = this.validateBirthDate(this.inputElement.value);
-            if (!result.valid) return null;
-            
-            const cleanDate = this.inputElement.value.replace(/[^0-9]/g, '');
-            const birthYear = parseInt(cleanDate.slice(0, 4));
-            const birthMonth = parseInt(cleanDate.slice(4, 6));
-            const birthDay = parseInt(cleanDate.slice(6, 8));
-            
-            const today = new Date();
-            let age = today.getFullYear() - birthYear;
-            
-            if (today.getMonth() + 1 < birthMonth || 
-                (today.getMonth() + 1 === birthMonth && today.getDate() < birthDay)) {
-                age--;
-            }
-            
-            return age;
-        }
-        
-        static isValidBirthDate(dateStr) {
-            const validator = new BirthDateValidator('temp', { showMessage: false });
-            return validator.validateBirthDate(dateStr).valid;
-        }
-    }
-
-    // 전역 변수
-    let birthDateValidator;
-    let selectedTreatments = [];
-
-    // 초기화
-    fn_SelectReservation(category_div_cd, category_no, post_no, procedure_id);
-
-    // 시술 삭제 함수
-    function removeService(el) {
-        const serviceItems = document.querySelectorAll('.service-item');
-        const serviceCount = serviceItems.length;
-        
-        if (serviceCount <= 1) {
-            alert('최소 1개의 시술은 선택되어 있어야 합니다.');
-            return false;
-        }
-        
-        const serviceName = el.closest('.service-item').querySelector('span:first-child').textContent;
-        if (!confirm(`'${serviceName}' 시술을 삭제하시겠습니까?`)) {
-            return false;
-        }
-        
-        const removedItem = el.closest('.service-item');
-        const priceText = removedItem.querySelector('.price').textContent;
-        const price = parseInt(priceText.replace(/[^0-9]/g, '')) || 0;
-        
-        removedItem.remove();
-        updateTotalPrice();
-        updateServiceCount();
-        
-        const removedIndex = Array.from(serviceItems).indexOf(removedItem);
-        if (removedIndex !== -1 && selectedTreatments[removedIndex]) {
-            selectedTreatments.splice(removedIndex, 1);
-        }
-        
-        return true;
-    }
-
-    function updateTotalPrice() {
-        const serviceItems = document.querySelectorAll('.service-item');
-        let totalPrice = 0;
-        
-        serviceItems.forEach(item => {
-            const priceText = item.querySelector('.price').textContent;
-            const price = parseInt(priceText.replace(/[^0-9]/g, '')) || 0;
-            totalPrice += price;
-        });
-        
-        document.getElementById('total-price').textContent = totalPrice.toLocaleString() + '원';
-    }
-
-    function updateServiceCount() {
-        const serviceItems = document.querySelectorAll('.service-item');
-        const serviceCount = serviceItems.length;
-        const serviceCountInfo = document.getElementById('service-count-info');
-        
-        serviceCountInfo.textContent = `선택된 시술: ${serviceCount}개`;
-        
-        if (serviceCount === 1) {
-            serviceCountInfo.className = 'service-count-info single';
-            serviceCountInfo.textContent = `선택된 시술: ${serviceCount}개 (최소 필수)`;
-        } else {
-            serviceCountInfo.className = 'service-count-info';
-        }
-        
-        serviceItems.forEach(item => {
-            const delBtn = item.querySelector('.del');
-            if (serviceCount <= 1) {
-                delBtn.className = 'del disabled';
-                delBtn.title = '최소 1개의 시술은 필요합니다';
-            } else {
-                delBtn.className = 'del';
-                delBtn.title = '삭제';
-            }
-        });
-    }
-
-    // 캘린더 데이터
-    const today = new Date();
-    let selectedYear = today.getFullYear();
-    let selectedMonth = today.getMonth();
-    let selectedDay = today.getDate();
-    let selectedDate = null;
-    let selectedTime = null;
-
-    const calendarTitle = document.getElementById('calendar-title');
-    const calendarTable = document.getElementById('calendar-table');
-    const timeSlots = document.getElementById('time-slots');
-    const personCount = document.getElementById('person-count');
-
-    // 폼 요소들
-    const form = document.getElementById('reserve-form');
-    const agree = document.getElementById('agree');
-    const submitBtn = document.getElementById('submit-btn');
-    const step02Title = document.getElementById('step02-title');
-    const step03Title = document.getElementById('step03-title');
-
-    // 이벤트 리스너 등록
-    form.addEventListener('input', function(e) {
-        if (e.target.id !== 'customer-phone' && e.target.id !== 'birthDate') {
-            setTimeout(checkForm, 10);
-        }
-    });
-    agree.addEventListener('change', checkForm);
-
-    function checkForm() {
-        const name = document.getElementById('customer-name').value.trim();
-        
-        let phoneValid = false;
-        try {
-            if (typeof PhoneValidator !== 'undefined' && 
-                PhoneValidator.isValid && 
-                typeof PhoneValidator.isValid === 'function') {
-                phoneValid = PhoneValidator.isValid('customer-phone');
-            } else {
-                const phone = document.getElementById('customer-phone').value.trim();
-                phoneValid = phone.match(/^01[0-9]{8,9}$/);
-            }
-        } catch (e) {
-            console.warn('PhoneValidator error:', e);
-            const phone = document.getElementById('customer-phone').value.trim();
-            phoneValid = phone.match(/^01[0-9]{8,9}$/);
-        }
-        
-        let birthDateValid = false;
-        try {
-            if (birthDateValidator && typeof birthDateValidator.isValid === 'function') {
-                birthDateValid = birthDateValidator.isValid();
-            } else {
-                const birthDate = document.getElementById('birthDate').value.trim();
-                birthDateValid = birthDate.match(/^\d{8}$/);
-            }
-        } catch (e) {
-            console.warn('BirthDateValidator error:', e);
-            const birthDate = document.getElementById('birthDate').value.trim();
-            birthDateValid = birthDate.match(/^\d{8}$/);
-        }
-        
-        const conditions = {
-            date: !!selectedDate,
-            time: !!selectedTime,
-            name: !!name,
-            phone: phoneValid,
-            birthDate: birthDateValid,
-            agree: agree.checked
-        };
-        
-        const valid = Object.values(conditions).every(Boolean);
-        submitBtn.disabled = !valid;
-        
-        const completedSteps = Object.values(conditions).filter(Boolean).length;
-        const totalSteps = Object.keys(conditions).length;
-        
-        updateStepStatus(conditions);
-        updateButtonText(conditions, completedSteps, totalSteps);
-        
-        if (valid) {
-            submitBtn.className = 'submit-btn ready';
-        } else {
-            submitBtn.className = 'submit-btn step-progress';
-        }
-    }
-
-    function updateStepStatus(conditions) {
-        if (conditions.date && conditions.time) {
-            step02Title.className = 'step-title completed';
-            step02Title.textContent = 'STEP 02. 예약 시간 선택 ✓';
-        } else {
-            step02Title.className = 'step-title';
-            step02Title.textContent = 'STEP 02. 예약 시간 선택';
-        }
-        
-        if (conditions.name && conditions.phone && conditions.birthDate && conditions.agree) {
-            step03Title.className = 'step-title completed';
-            step03Title.textContent = 'STEP 03. 고객정보 ✓';
-        } else {
-            step03Title.className = 'step-title';
-            step03Title.textContent = 'STEP 03. 고객정보';
-        }
-    }
-
-    function updateButtonText(conditions, completedSteps, totalSteps) {
-        if (!conditions.date) {
-            submitBtn.textContent = '📅 예약 날짜를 선택해주세요';
-        } else if (!conditions.time) {
-            submitBtn.textContent = '⏰ 예약 시간을 선택해주세요';
-        } else if (!conditions.name) {
-            submitBtn.textContent = '👤 고객명을 입력해주세요';
-        } else if (!conditions.birthDate) {
-            submitBtn.textContent = '📅 생년월일을 올바르게 입력해주세요';
-        } else if (!conditions.phone) {
-            submitBtn.textContent = '📱 연락처를 올바르게 입력해주세요';
-        } else if (!conditions.agree) {
-            submitBtn.textContent = '✅ 개인정보 동의를 체크해주세요';
-        } else {
-            submitBtn.textContent = '🎉 시술 예약하기';
-        }
-        
-        if (completedSteps < totalSteps) {
-            const progressText = ` (${completedSteps}/${totalSteps})`;
-            submitBtn.textContent += progressText;
-        }
-    }
-
-    // 새로운 진료시간 설정
-    const diettimes_mon_wed_fri = [  
-        "10:00","10:30","11:00","11:30","12:00","12:30",
-        "13:00","13:30","14:00","14:30","15:00","15:30",
-        "16:00","16:30","17:00","17:30","18:00","18:30"
-    ];
-
-    const diettimes_tue_thu = [  
-        "10:00","10:30","11:00","11:30","12:00","12:30",
-        "13:00","13:30","14:00","14:30","15:00","15:30",
-        "16:00","16:30","17:00","17:30","18:00","18:30",
-        "19:00","19:30"
-    ];
-
-    const diettimes_sat_short = [  
-        "10:00","10:30","11:00","11:30","12:00","12:30",
-        "13:00","13:30","14:00","14:30","15:00","15:30"
-    ];
-
-    // 캘린더 렌더링 (일요일만 휴무)
-	function renderCalendar(year, month) {
-	    calendarTitle.textContent = `${year}.${(month+1).toString().padStart(2,'0')}`;
-	    const firstDay = new Date(year, month, 1);
-	    const lastDay = new Date(year, month+1, 0);
-	    const now = new Date();
-	    const todayDate = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-
-	    let html = '<thead><tr>';
-	    ['일','월','화','수','목','금','토'].forEach(d => html += `<th>${d}</th>`);
-	    html += '</tr></thead><tbody><tr>';
-
-	    for(let i = 0; i < firstDay.getDay(); i++) {
-	        html += '<td class="disabled"></td>';
-	    }
-
-	    for(let d = 1; d <= lastDay.getDate(); d++) {
-	        const dateObj = new Date(year, month, d);
-	        let classes = [];
-
-	        const isPastDate = dateObj < todayDate;
-	        const isSunday = dateObj.getDay() === 0;
-	        const isHoliday = isDateDisabled(dateObj);
-
-	        if(dateObj.toDateString() === today.toDateString()) classes.push('today');
-	        if(selectedDate && dateObj.toDateString() === selectedDate.toDateString()) classes.push('selected');
-	        
-	        // ✅ 수요일 완전 제거! 일요일 + 공휴일만 비활성화
-	        if(isPastDate || isSunday || isHoliday) {
-	            classes.push('disabled');
-	        }
-
-	        const clickHandler = (isPastDate || isSunday || isHoliday) ? 
-	            '' : `onclick="selectDate(${year},${month},${d})"`;
-	        html += `<td class="${classes.join(' ')}" ${clickHandler}>${d}</td>`;
-
-	        if((firstDay.getDay()+d) % 7 === 0 && d !== lastDay.getDate()) html += '</tr><tr>';
-	    }
-
-	    for(let i = (lastDay.getDay()+1) % 7; i && i < 7; i++) {
-	        html += '<td class="disabled"></td>';
-	    }
-	    html += '</tr></tbody>';
-	    calendarTable.innerHTML = html;
-	    checkForm();
-	}
-
-	function selectDate(y, m, d) {
-	    const tempDate = new Date(y, m, d);
-	    const now = new Date();
-	    const todayDate = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-
-	    if (tempDate < todayDate) {
-	        alert('과거 날짜는 선택할 수 없습니다.');
-	        return;
-	    }
-
-	    if (tempDate.getDay() === 0) {
-	        alert('일요일은 휴무일입니다.');
-	        return;
-	    }
-
-	    if (isDateDisabled(tempDate)) {
-	        alert('해당 날짜는 휴무일입니다.');
-	        return;
-	    }
-
-	    // ✅ 수요일 체크 완전 제거!
-	    selectedDate = tempDate;
-	    renderCalendar(y, m);
-	    renderTimeSlots();
-	    checkForm();
-	}
-
-
-    // 월 이동 버튼
-    document.getElementById('prev-month').onclick = function() {
-        if(selectedMonth === 0) { 
-            selectedYear--; 
-            selectedMonth = 11; 
-        } else {
-            selectedMonth--;
-        }
-        renderCalendar(selectedYear, selectedMonth);
-        renderTimeSlots();
-        checkForm();
-    };
-
-    document.getElementById('next-month').onclick = function() {
-        if(selectedMonth === 11) { 
-            selectedYear++; 
-            selectedMonth = 0; 
-        } else {
-            selectedMonth++;
-        }
-        renderCalendar(selectedYear, selectedMonth);
-        renderTimeSlots();
-        checkForm();
-    };
-
-    // 시간 슬롯 렌더링 (새로운 진료시간 적용)
-    function renderTimeSlots() {
-        let html = '';
-        let dayOfWeek = selectedDate ? selectedDate.getDay() : null;
-        let slotArr = [];
-
-        if (!selectedDate || dayOfWeek === 0 || isDateDisabled(selectedDate)) {
-            timeSlots.innerHTML = '';
-            personCount.textContent = selectedDate ? 1 : '-';
-            return;
-        }
-
-        // 요일별 / 특수일별 시간대 설정
-        if (isShortWorkingDate(selectedDate)) {
-            // 12/24, 12/31 단축 근무: 10:00~15:30
-            slotArr = diettimes_sat_short;
-        } else if ([1,3,5].includes(dayOfWeek)) { // 월(1), 수(3), 금(5)
-            slotArr = diettimes_mon_wed_fri; // 10:00~18:30
-        } else if ([2,4].includes(dayOfWeek)) { // 화(2), 목(4)
-            slotArr = diettimes_tue_thu; // 10:00~19:30
-        } else if (dayOfWeek === 6) { // 토(6)
-            slotArr = diettimes_sat_short; // 10:00~15:30
-        }
-
-        const now = new Date();
-        const todayDate = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-        const isToday = selectedDate && selectedDate.toDateString() === todayDate.toDateString();
-
-        slotArr.forEach(t => {
-            let isDisabled = false;
-            let disabledClass = '';
-            let clickHandler = `onclick="selectTimeAndCall('${t}', this)"`;
-
-            if (isToday) {
-                const currentTime = now.getHours() * 100 + now.getMinutes();
-                const [hour, minute] = t.split(':').map(Number);
-                const slotTime = hour * 100 + minute;
-
-                if (slotTime <= currentTime) {
-                    isDisabled = true;
-                    disabledClass = ' disabled';
-                    clickHandler = '';
-                }
-            }
-
-            const selectedClass = selectedTime === t && !isDisabled ? ' selected' : '';
-            html += `<button type="button" class="time-btn${selectedClass}${disabledClass}" ${clickHandler} ${isDisabled ? 'disabled' : ''}>${t}</button>`;
-        });
-
-        timeSlots.innerHTML = html;
-        personCount.textContent = selectedDate ? 1 : '-';
-    }
-
-    function selectTimeAndCall(t, el) {
-        const now = new Date();
-        const todayDate = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-        const isToday = selectedDate && selectedDate.toDateString() === todayDate.toDateString();
-
-        if (isToday) {
-            const currentTime = now.getHours() * 100 + now.getMinutes();
-            const [hour, minute] = t.split(':').map(Number);
-            const slotTime = hour * 100 + minute;
-
-            if (slotTime <= currentTime) {
-                alert('지난 시간은 선택할 수 없습니다.');
-                return;
-            }
-        }
-
-        selectedTime = t;
-        renderTimeSlots();
-        if (el) {
-            document.querySelectorAll('.time-btn').forEach(btn => btn.classList.remove('active'));
-            el.classList.add('active');
-        }
-        onClickTime(getSelectedDateStr(), t, el);
-        checkForm();
-    }
-
-    function getSelectedDateStr() {
-        if (!selectedDate) return '';
-        const yyyy = selectedDate.getFullYear();
-        const mm = String(selectedDate.getMonth() + 1).padStart(2, '0');
-        const dd = String(selectedDate.getDate()).padStart(2, '0');
-        return `${yyyy}${mm}${dd}`;
-    }
-
-    window.selectTime = function(t) {
-        selectedTime = t;
-        renderTimeSlots();
-    }
-
-    // 초기 날짜 설정 (일요일/공휴일 제외)
-    let initDate = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-    while (initDate.getDay() === 0 || isDateDisabled(initDate)) {
-        initDate.setDate(initDate.getDate() + 1);
-    }
-    selectDate(initDate.getFullYear(), initDate.getMonth(), initDate.getDate());
-    
-    form.onsubmit = function(e) {
-        e.preventDefault();
-        if(!selectedDate || !selectedTime) {
-            alert('예약 날짜와 시간을 선택해 주세요.');
-            return;
-        }
-        if (!birthDateValidator || !birthDateValidator.isValid()) {
-            alert('올바른 생년월일을 입력해 주세요.');
-            return;
-        }
-        fn_reservation();
-        form.reset();
-        submitBtn.disabled = true;
-        checkForm();
-    };
-    
-    function fn_reservation(){
-        let formData = new FormData();
-        if (selectedDate) {
-            const yyyy = selectedDate.getFullYear();
-            const mm = String(selectedDate.getMonth() + 1).padStart(2, '0');
-            const dd = String(selectedDate.getDate()).padStart(2, '0');
-            formData.append('SELECTED_DATE', `${yyyy}-${mm}-${dd}`);
-        }
-        if (selectedTime) {
-            formData.append('TIME', selectedTime);
-        }
-        formData.append('CATEGORY_DIV_CD', typeof category_div_cd !== 'undefined' ? category_div_cd : '');
-        formData.append('CATEGORY_NO', typeof category_no !== 'undefined' ? category_no : '');
-        formData.append('POST_NO', typeof post_no !== 'undefined' ? post_no : '');
-        formData.append('NAME', document.getElementById('customer-name').value);
-        formData.append('BIRTH_DATE', document.getElementById('birthDate').value);
-        formData.append('PHONE_NUMBER', document.getElementById('customer-phone').value);
-        formData.append('ETC', document.getElementById('customer-req').value);
-        formData.append('TREATMENT_INFOS', JSON.stringify(selectedTreatments));
-        
-        $.ajax({
-            url: encodeURI('/webservice/insertReservation.do'),
-            data: formData,
-            dataType: 'json',
-            processData: false,
-            contentType: false,
-            type: 'POST',
-            async: true,
-            success: function(data){
-                if(data.msgCode=='0'){
-                    alert('예약이 완료되었습니다.');
-                    location.href="/webevent/selectListWebEventIntro.do";
-                }else{
-                    modalEvent.danger("조회 오류", data.msgDesc);
-                }
-            },
-            error : function(xhr, status, error) {
-                modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
-            },
-            beforeSend:function(){
-                $(".loading-image-layer").show();
-            },
-            complete:function(){
-                $(".loading-image-layer").hide();
-            }
-        });
-    }
-    
-    function fn_SelectReservation(category_div_cd, category_no, post_no, procedure_id) {
-        let formData = new FormData();
-        formData.append('CATEGORY_DIV_CD', category_div_cd);
-        formData.append('CATEGORY_NO', category_no);
-        formData.append('POST_NO', post_no);
-        formData.append('PROCEDURE_ID', procedure_id);
-        
-        $.ajax({
-            url: encodeURI('/webservice/selectReservation.do'),
-            data: formData,
-            dataType: 'json',
-            processData: false,
-            contentType: false,
-            type: 'POST',
-            async: true,
-            success: function(data) {
-                if(data.msgCode=='0') {
-                    const serviceList = document.getElementById('service-list');
-                    serviceList.innerHTML = '';
-                    let totalprice = 0;
-                    selectedTreatments = [];
-                    
-                    if (data.reservation && data.reservation.length > 0) {
-                        data.reservation.forEach(function(item, i) {
-                            let price = item.DISCOUNT_PRICE != null ? item.DISCOUNT_PRICE : item.PRICE || 0;
-                            totalprice += Number(price);
-                            
-                            selectedTreatments.push({
-                                MU_TREATMENT_ID: item.MU_TREATMENT_ID,
-                                TREATMENT_NAME: item.TREATMENT_NAME,
-                                TREATMENT_PROCEDURE_NAME: item.TREATMENT_PROCEDURE_NAME,
-                                MU_TREATMENT_PROCEDURE_ID: item.MU_TREATMENT_PROCEDURE_ID
-                            });
-                            
-                            const li = document.createElement('div');
-                            li.className = 'service-item';
-                            li.innerHTML = `
-                                <span>${item.TREATMENT_PROCEDURE_NAME}</span>
-                                <span>
-                                    <span style="text-decoration:line-through; color:#bbb; font-size:0.95em; margin-right:6px;">${item.DISCOUNT_PRICE != null ? (item.PRICE || 0).toLocaleString() : ''}원</span>
-                                    <span class="price">${Number(price).toLocaleString()}원</span>
-                                    <span class="del" title="삭제" onclick="removeService(this)">×</span>
-                                </span>
-                            `;
-                            serviceList.appendChild(li);
-                        });
-                    }
-                    document.getElementById('total-price').textContent = totalprice.toLocaleString() + '원';
-                    updateServiceCount();
-                } else {
-                    modalEvent.danger("조회 오류", data.msgDesc);
-                }
-            },
-            error : function(xhr, status, error) {
-                modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
-            },
-            beforeSend:function() {
-                $(".loading-image-layer").show();
-            },
-            complete:function() {
-                $(".loading-image-layer").hide();
-            }
-        });
-    }
-    
-    function onClickTime(selectedDate, time, el) {
-        document.querySelectorAll('.time-btn').forEach(btn => btn.classList.remove('active'));
-        if (el) el.classList.add('active');
-        
-        let formData = new FormData();
-        formData.append('SELECTED_DATE', selectedDate);
-        formData.append('TIME', time);
-        
-        res_date = selectedDate;
-        res_time = time;
-        
-        $.ajax({
-            url: encodeURI('/webservice/selectReservationCnt.do'),
-            data: formData,
-            dataType: 'json',
-            processData: false,
-            contentType: false,
-            type: 'POST',
-            async: true,
-            success: function(data){
-                if(data.msgCode=='0'){
-                    if (data.rows && data.rows.RES_CNT !== undefined) {
-                        personCount.textContent = data.rows.RES_CNT;
-                    } else {
-                        personCount.textContent = '-';
-                    }
-                }else{
-                    modalEvent.danger("조회 오류", data.msgDesc);
-                }
-            },
-            error : function(xhr, status, error) {
-                modalEvent.danger("조회 오류", "조회 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
-            },
-            beforeSend:function(){
-                $(".loading-image-layer").show();
-            },
-            complete:function(){
-                $(".loading-image-layer").hide();
-            }
-        });
-    }
-     
-    $(document).ready(function() {
-        // PhoneValidator 초기화
-        try {
-            if (typeof PhoneValidator !== 'undefined' && PhoneValidator.init) {
-                PhoneValidator.init('customer-phone', {
-                    showMessage: true,
-                    realTimeValidation: true,
-                    maxLength: 11,
-                    allowedPrefixes: ['010', '011', '016', '017', '018', '019'],
-                    onValidationChange: function(result, phoneNumber) {
-                        setTimeout(checkForm, 10);
-                    }
-                });
-            }
-        } catch (e) {
-            console.error('PhoneValidator initialization error:', e);
-        }
-        
-        // BirthDateValidator 초기화
-        try {
-            birthDateValidator = new BirthDateValidator('birthDate', {
-                showMessage: true,
-                realTimeValidation: true,
-                minAge: 0,
-                maxAge: 150,
-                format: 'YYYYMMDD',
-                allowFuture: false,
-                onValidationChange: function(result, birthDate) {
-                    setTimeout(checkForm, 10);
-                }
-            });
-        } catch (e) {
-            console.error('BirthDateValidator initialization error:', e);
-        }
-        
-        $('#customer-phone, #birthDate').on('input keyup blur paste', function() {
-            setTimeout(checkForm, 50);
-        });
-        
-        setTimeout(() => {
-            checkForm();
-            updateServiceCount();
-        }, 300);
-    });
-    </script>
-</th:block>
-</html>