diff --git a/src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/VEEduAplctVO.java b/src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/VEEduAplctVO.java
index 989e6585..eb43d708 100644
--- a/src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/VEEduAplctVO.java
+++ b/src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/VEEduAplctVO.java
@@ -299,6 +299,10 @@ public class VEEduAplctVO extends ComDefaultVO implements Serializable {
 	
 	private String unfthYn; //불성실여부
 	
+	private String trgtNm; //기소유예 대상자
+	
+	private String vs_clphone; //기소유예 대상자 폰번호
+	
 	
 	public String getPrcsAplctPrdOrd() {
 		return prcsAplctPrdOrd;
@@ -1523,6 +1527,18 @@ public class VEEduAplctVO extends ComDefaultVO implements Serializable {
 	public void setNeedTxtbNum(String needTxtbNum) {
 		this.needTxtbNum = needTxtbNum;
 	}
+	public String getTrgtNm() {
+		return trgtNm;
+	}
+	public void setTrgtNm(String trgtNm) {
+		this.trgtNm = trgtNm;
+	}
+	public String getVs_clphone() {
+		return vs_clphone;
+	}
+	public void setVs_clphone(String vs_clphone) {
+		this.vs_clphone = vs_clphone;
+	}
 	
 }
 
diff --git a/src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/VEEduMIXService.java b/src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/VEEduMIXService.java
index fed8d0e3..87ed23c6 100644
--- a/src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/VEEduMIXService.java
+++ b/src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/VEEduMIXService.java
@@ -55,4 +55,7 @@ public interface VEEduMIXService {
 	
 	//신청서 임시 저장 리스트 불러오기
 	List<VEEduAplctVO> selectPagingList4Temp(VEEduAplctVO paramVO) throws Exception;
+
+	void updateAplctStateCd(VEEduAplctVO vEEduAplctVO);
+
 }
diff --git a/src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/impl/VEEduMIXDAO.java b/src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/impl/VEEduMIXDAO.java
index dc2f5399..946606ff 100644
--- a/src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/impl/VEEduMIXDAO.java
+++ b/src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/impl/VEEduMIXDAO.java
@@ -142,6 +142,10 @@ public class VEEduMIXDAO extends EgovAbstractDAO {
 		@SuppressWarnings("unchecked")
 		List<VEEduAplctVO> tlist = (List<VEEduAplctVO>) list("VEEduMIXDAO.selectExprnPagingList", paramVO);
 		return tlist;
+	}
+
+	public void updateAplctStateCd(VEEduAplctVO vEEduAplctVO) {
+		update("VEEduMIXDAO.updateAplctStateCd", vEEduAplctVO);
 	}		
 	
 	public List<VEEduAplctVO> selectPagingList4Temp(VEEduAplctVO paramVO) throws Exception {
diff --git a/src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/impl/VEEduMIXServiceImpl.java b/src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/impl/VEEduMIXServiceImpl.java
index d54fa866..bb449b65 100644
--- a/src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/impl/VEEduMIXServiceImpl.java
+++ b/src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/impl/VEEduMIXServiceImpl.java
@@ -134,4 +134,10 @@ public class VEEduMIXServiceImpl implements VEEduMIXService {
 	public List<VEEduAplctVO> selectPagingList4Temp(VEEduAplctVO paramVO) throws Exception{
 		return vEEduMIXDAO.selectPagingList4Temp(paramVO);
 	}
+
+	@Override
+	public void updateAplctStateCd(VEEduAplctVO vEEduAplctVO) {
+		vEEduMIXDAO.updateAplctStateCd(vEEduAplctVO);
+
+	}
 }
diff --git a/src/main/java/kcc/ve/instr/tngrVisitEdu/prcsInfo/service/VEAPrcsAplctPrdInstrAsgnmService.java b/src/main/java/kcc/ve/instr/tngrVisitEdu/prcsInfo/service/VEAPrcsAplctPrdInstrAsgnmService.java
index 08402187..d9708200 100644
--- a/src/main/java/kcc/ve/instr/tngrVisitEdu/prcsInfo/service/VEAPrcsAplctPrdInstrAsgnmService.java
+++ b/src/main/java/kcc/ve/instr/tngrVisitEdu/prcsInfo/service/VEAPrcsAplctPrdInstrAsgnmService.java
@@ -17,4 +17,6 @@ public interface VEAPrcsAplctPrdInstrAsgnmService {
 	VEPrcsDetailVO selectAprvlCdEduAplctDetail(VEPrcsDetailVO vEDetailVO);
 
 	void updateAprvlCdEduAplctDetail(VEPrcsDetailVO vEDetailVO);
+
+	void updateAplctStateCdListAjax(VEPrcsDetailVO vEPrcsDetailVO);
 }
diff --git a/src/main/java/kcc/ve/instr/tngrVisitEdu/prcsInfo/service/VEPrcsDetailVO.java b/src/main/java/kcc/ve/instr/tngrVisitEdu/prcsInfo/service/VEPrcsDetailVO.java
index 31b55795..47096603 100644
--- a/src/main/java/kcc/ve/instr/tngrVisitEdu/prcsInfo/service/VEPrcsDetailVO.java
+++ b/src/main/java/kcc/ve/instr/tngrVisitEdu/prcsInfo/service/VEPrcsDetailVO.java
@@ -114,6 +114,7 @@ public class VEPrcsDetailVO extends ComDefaultVO implements Serializable {
 	private String eduPlace;	//교육장소
 	
 	private String instrDiv;
+	private String instrCnt;
 	private String userId;
 	
 	
@@ -563,6 +564,12 @@ public class VEPrcsDetailVO extends ComDefaultVO implements Serializable {
 	public void setInstrDiv(String instrDiv) {
 		this.instrDiv = instrDiv;
 	}
+	public String getInstrCnt() {
+		return instrCnt;
+	}
+	public void setInstrCnt(String instrCnt) {
+		this.instrCnt = instrCnt;
+	}
 	public String getUserId() {
 		return userId;
 	}
diff --git a/src/main/java/kcc/ve/instr/tngrVisitEdu/prcsInfo/service/impl/VEAPrcsAplctPrdInstrAsgnmDAO.java b/src/main/java/kcc/ve/instr/tngrVisitEdu/prcsInfo/service/impl/VEAPrcsAplctPrdInstrAsgnmDAO.java
index 7d9c7f0a..e800dde6 100644
--- a/src/main/java/kcc/ve/instr/tngrVisitEdu/prcsInfo/service/impl/VEAPrcsAplctPrdInstrAsgnmDAO.java
+++ b/src/main/java/kcc/ve/instr/tngrVisitEdu/prcsInfo/service/impl/VEAPrcsAplctPrdInstrAsgnmDAO.java
@@ -36,6 +36,11 @@ public class VEAPrcsAplctPrdInstrAsgnmDAO extends EgovAbstractDAO {
 
 	public void updateAprvlCdEduAplctDetail(VEPrcsDetailVO vEDetailVO) {
 		delete("VEAPrcsAplctPrdInstrAsgnmDAO.updateAprvlCdEduAplctDetail", vEDetailVO);
+	}
+
+	public void updateAplctStateCdListAjax(VEPrcsDetailVO vEPrcsDetailVO) {
+		update("VEAPrcsAplctPrdInstrAsgnmDAO.updateAplctStateCdListAjax", vEPrcsDetailVO);
+		
 	}	
 	
 }
diff --git a/src/main/java/kcc/ve/instr/tngrVisitEdu/prcsInfo/service/impl/VEAPrcsAplctPrdInstrAsgnmServiceImpl.java b/src/main/java/kcc/ve/instr/tngrVisitEdu/prcsInfo/service/impl/VEAPrcsAplctPrdInstrAsgnmServiceImpl.java
index 3d74ab87..e244db0e 100644
--- a/src/main/java/kcc/ve/instr/tngrVisitEdu/prcsInfo/service/impl/VEAPrcsAplctPrdInstrAsgnmServiceImpl.java
+++ b/src/main/java/kcc/ve/instr/tngrVisitEdu/prcsInfo/service/impl/VEAPrcsAplctPrdInstrAsgnmServiceImpl.java
@@ -58,4 +58,10 @@ public class VEAPrcsAplctPrdInstrAsgnmServiceImpl implements VEAPrcsAplctPrdInst
 	public void updateAprvlCdEduAplctDetail(VEPrcsDetailVO vEDetailVO) {
 		vEAPrcsAplctPrdInstrAsgnmDAO.updateAprvlCdEduAplctDetail(vEDetailVO);
 	}
+
+	@Override
+	public void updateAplctStateCdListAjax(VEPrcsDetailVO vEPrcsDetailVO) {
+		vEAPrcsAplctPrdInstrAsgnmDAO.updateAplctStateCdListAjax(vEPrcsDetailVO);
+		
+	}
 }
diff --git a/src/main/java/kcc/ve/oprtn/cndtnSspnIdtmt/web/CndtnPrcsInfoMngController.java b/src/main/java/kcc/ve/oprtn/cndtnSspnIdtmt/web/CndtnPrcsInfoMngController.java
index bb8449d2..eeb85d8b 100644
--- a/src/main/java/kcc/ve/oprtn/cndtnSspnIdtmt/web/CndtnPrcsInfoMngController.java
+++ b/src/main/java/kcc/ve/oprtn/cndtnSspnIdtmt/web/CndtnPrcsInfoMngController.java
@@ -6,6 +6,7 @@ import javax.annotation.Resource;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpSession;
 
+import org.apache.commons.lang3.StringUtils;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.stereotype.Controller;
@@ -612,7 +613,7 @@ public class CndtnPrcsInfoMngController {
     }	
 	
     /**
-     * 기반강화연수과정 기간 상세화면
+     * 조건부기소유예 기간 상세화면
      */
 	@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngDetail.do")	
 	public String cndtnEduPrcsAplctPrdMngDetail( 
@@ -652,7 +653,6 @@ public class CndtnPrcsInfoMngController {
 			
 			List<VEEduAplctVO> vEPrcsDetailVOList = vEEduMIXService.selectList(paramVO);
 			vEPrcsDetailVOList = egovCryptoUtil.decryptVeEduAplctList(vEPrcsDetailVOList);
-			System.out.println("====");
 
 			
 	    	//대상 리스트, 페이징 정보 전달
@@ -662,6 +662,7 @@ public class CndtnPrcsInfoMngController {
 		// 강사 배치 정보
 		{
 			
+			System.out.println("====");
 			List<VEAPrcsAplctPrdInstrAsgnmVO> vEAPrcsAplctPrdInstrAsgnmList = vEAPrcsAplctPrdInstrAsgnmService.findByPrcsAplctPrdOrd(vEPrcsDetailVO.getPrcsAplctPrdOrd());
 			List<VEAPrcsAplctPrdInstrAsgnmVO> instrAsgnmList = egovCryptoUtil.decryptVEAPrcsAplctPrdInstrAsgnmVOList(vEAPrcsAplctPrdInstrAsgnmList);
 			
@@ -670,10 +671,114 @@ public class CndtnPrcsInfoMngController {
 		
 		return "/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngDetail";
 	}
-
-
+	
 	/**
-	 * 기반강화 신청자 상태값 변경
+	 * 조건부기소유예 기간 상세화면
+	 */
+	@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngDetail.do")	
+	public String cndtnEduPrcsAplctCfnMngDetail( 
+			@ModelAttribute("vEPrcsDetailVO") VEPrcsDetailVO vEPrcsDetailVO
+			
+			, ModelMap model
+			, RedirectAttributes redirectAttributes
+			, HttpSession session
+			, HttpServletRequest request
+			) throws Exception {
+		
+		//로그인 처리====================================
+		//로그인 정보 가져오기
+		
+		LoginVO loginVO = checkLoginUtil.getAuthLoginVO();				//권한에 따른 로그인 정보 가져오기
+		SsoLoginVO ssoLoginVO = checkLoginUtil.getSSOLoginVO(request);	//SSO 로그인 정보 가져오기
+		
+		//과정 조회
+		VEPrcsDetailVO vEPrcsDetailVODetail = vEPrcsAplctPrdService.selectDetailNewOne4Fndth(vEPrcsDetailVO);
+		model.addAttribute("info", vEPrcsDetailVODetail);
+		
+		//과정 신청자 정보 가져오기
+		{
+			//해당 과정을 제출한 사용자 정보를 가져온다.
+			VEEduAplctVO paramVO	=	new	VEEduAplctVO();
+			paramVO.setPrcsOrd(vEPrcsDetailVO.getPrcsAplctPrdOrd());
+			paramVO.setSbmtYn("Y");
+			
+			// 검색 - 날짜
+			paramVO.setSearchSmbtStartDt(vEPrcsDetailVO.getSearchSmbtStartDt());
+			paramVO.setSearchSmbtEndDt(vEPrcsDetailVO.getSearchSmbtEndDt());
+			// 검색 - 검색어
+			paramVO.setSearchStatus(vEPrcsDetailVO.getSearchStatus());
+			paramVO.setSearchSelStatus(vEPrcsDetailVO.getSearchSelStatus());
+			
+			if(StringUtils.isNotEmpty(vEPrcsDetailVO.getSearchStatus())) {
+
+				String searchQuery = "AND vadi.APLCT_STATE_CD = "+vEPrcsDetailVO.getSearchStatus();
+				paramVO.setSearchQuery(searchQuery);	
+			}
+			
+			
+			List<VEEduAplctVO> vEPrcsDetailVOList = vEEduMIXService.selectList(paramVO);
+			vEPrcsDetailVOList = egovCryptoUtil.decryptVeEduAplctList(vEPrcsDetailVOList);
+			
+			
+			//대상 리스트, 페이징 정보 전달
+			model.addAttribute("listPrcsAplct", vEPrcsDetailVOList);
+		}
+		
+		// 강사 배치 정보
+		{
+			
+			System.out.println("====");
+			List<VEAPrcsAplctPrdInstrAsgnmVO> vEAPrcsAplctPrdInstrAsgnmList = vEAPrcsAplctPrdInstrAsgnmService.findByPrcsAplctPrdOrd(vEPrcsDetailVO.getPrcsAplctPrdOrd());
+			List<VEAPrcsAplctPrdInstrAsgnmVO> instrAsgnmList = egovCryptoUtil.decryptVEAPrcsAplctPrdInstrAsgnmVOList(vEAPrcsAplctPrdInstrAsgnmList);
+			
+			model.addAttribute("instrAsgnmList", instrAsgnmList);
+		}
+		
+		return "/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngDetail";
+	}
+
+
+    /**
+     * 기소유예 이수 / 미이수 상태 변경 처리
+     */
+	@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/updateAplctStateCdAjax.do")
+    public ModelAndView updateAplctStateCdAjax(
+    		@ModelAttribute("vEEduAplctVO") VEEduAplctVO vEEduAplctVO
+    		, ModelMap model
+    		, HttpServletRequest request
+    		) throws Exception {
+
+        ModelAndView modelAndView = new ModelAndView("jsonView");
+        
+		//로그인 처리====================================
+		//로그인 정보 가져오기
+		
+		String s_oprtnLoginCheckNInfo = checkLoginUtil.oprtnCheckNInfo(model);
+		if (!"".equals(s_oprtnLoginCheckNInfo))	{
+			modelAndView.addObject("result", "loginFail");
+			return modelAndView;		
+		}
+        
+		//로그인 처리==================================== 
+        LoginVO loginVO = checkLoginUtil.getAuthLoginVO();				//권한에 따른 로그인 정보 가져오기
+        SsoLoginVO ssoLoginVO = checkLoginUtil.getSSOLoginVO(request);	//SSO 로그인 정보 가져오기
+        
+		try {
+
+			vEEduMIXService.updateAplctStateCd(vEEduAplctVO);
+	        modelAndView.addObject("result", "success");
+		} catch (Exception e) {
+	        modelAndView.addObject("result", "");
+		}
+
+
+        
+
+        return modelAndView;
+
+    }	
+	/**
+	 * 기소유예 신청자 상태값 변경
 	 */
 	@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/updateEduAplctAprvlCdAjax.do")
 	public ModelAndView updateEduAplctAprvlCd(
@@ -718,6 +823,54 @@ public class CndtnPrcsInfoMngController {
 		}
 		
 		
+		return modelAndView;
+		
+	}
+	
+	/**
+	 * 기소유예 교육확정상세 > 이수/미이수 체크버튼 처리
+	 */
+	@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/updateAplctStateCdListAjax.do")
+	public ModelAndView updateAplctStateCdListAjax(
+			@ModelAttribute("vEPrcsDetailVO") VEPrcsDetailVO vEPrcsDetailVO
+			, ModelMap model 
+			, HttpServletRequest request 
+			) throws Exception {
+		
+		ModelAndView modelAndView = new ModelAndView();
+		modelAndView.setViewName("jsonView");
+		//로그인 처리====================================
+		//로그인 정보 가져오기
+		String s_oprtnLoginCheckNInfo = checkLoginUtil.oprtnCheckNInfo(model);
+		if (!"".equals(s_oprtnLoginCheckNInfo))	{
+			modelAndView.addObject("result", "loginFail");
+			return modelAndView;		
+		}
+		//로그인 처리==================================== 
+		
+		LoginVO loginVO = checkLoginUtil.getAuthLoginVO(); //권한에 따른 로그인 정보 가져오기
+		
+		try {
+			// 교육 신청 테이블에 신청자 상태값 update 
+			vEAPrcsAplctPrdInstrAsgnmService.updateAplctStateCdListAjax(vEPrcsDetailVO);
+			
+			// 승인 - 승인일 경우 vea_aplct_detail_info TB에 넣어줘야함
+			if("20".equals(vEPrcsDetailVO.getAprvlCd())) { 
+				this.aprvlCd20(vEPrcsDetailVO,loginVO.getUniqId());
+			}
+			// 접수취소(반려) - vea_aplct_detail_info TB에 data update
+			else if("30".equals(vEPrcsDetailVO.getAprvlCd())) 
+			{ 
+				this.aprvlCd30(vEPrcsDetailVO);
+			}
+			modelAndView.addObject("result", "success");
+			
+		} catch (Exception ex) {
+			ex.printStackTrace();
+			modelAndView.addObject("result", "");
+		}
+		
+		
 		return modelAndView;
 		
 	}
@@ -1037,7 +1190,7 @@ public class CndtnPrcsInfoMngController {
 
 	
 	@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngList.do")
-	public String fndthEduPrcsAplctPrdMngList(
+	public String cndtnEduPrcsAplctPrdMngList(
 			@ModelAttribute("vEPrcsDetailVO") VEPrcsDetailVO vEPrcsDetailVO
 			, ModelMap model
 			) throws Exception {
@@ -1094,6 +1247,76 @@ public class CndtnPrcsInfoMngController {
 		return "oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngList";
 	}
 	
+	
+	@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngList.do")
+	public String cndtnEduPrcsAplctCfnMngList(
+			@ModelAttribute("vEPrcsDetailVO") VEPrcsDetailVO vEPrcsDetailVO
+			, ModelMap model
+			) throws Exception {
+		
+		//로그인 처리====================================
+		//로그인 정보 가져오기
+		
+		String s_oprtnLoginCheckNInfo = checkLoginUtil.oprtnCheckNInfo(model);
+		if (!"".equals(s_oprtnLoginCheckNInfo))	return s_oprtnLoginCheckNInfo;		
+		
+		//로그인 처리==================================== 
+		
+		//1.pageing step1
+		PaginationInfo paginationInfo = this.setPagingStep1(vEPrcsDetailVO);
+		
+		//임시로 페이징 처리를 안하기 위해서 RecordCountPerPage 수를 10000 으로 셋팅함
+		//paginationInfo.setRecordCountPerPage(10000);
+		
+		//2. pageing step2
+		vEPrcsDetailVO = this.setPagingStep2(vEPrcsDetailVO, paginationInfo);
+		
+		//기반강화 조회
+		vEPrcsDetailVO.setLctrDivCd(LCTR_DIV_CD);	//강의구분코드 VE0011 10-청소년강의, 20-성인강의, 30-체험, 50-기반강화, 60-조건부
+    	//교육확정 목록 조회
+    	vEPrcsDetailVO.setDdlnCd("20");	
+		
+		if(StringUtil.isNotEmpty(vEPrcsDetailVO.getSearchKeyword())){
+			String selectCondition = "AND	b.PRCS_NM LIKE CONCAT ('%', '" +vEPrcsDetailVO.getSearchKeyword() + "', '%')";
+			vEPrcsDetailVO.setSelectPagingListQuery(selectCondition);
+			
+		}
+		
+		if(StringUtil.isNotEmpty(vEPrcsDetailVO.getPrcsKind())){
+			String[] splited = vEPrcsDetailVO.getPrcsKind().split(",");
+			vEPrcsDetailVO.setSearchStatusArr(splited);
+		}
+		
+		if(StringUtil.isEmpty(vEPrcsDetailVO.getPrcsDiv())) {
+			
+			//vEPrcsDetailVO.setPrcsDiv("10");//	과정구분 VE0015 10-산업종사자, 20-대학생, 30-공무원, 40-일반인, 50-청소년, 60-학부모
+			
+		}
+		List<VEPrcsDetailVO> vEPrcsDetailVOList = vEPrcsAplctPrdService.selectPagingList4Fndth(vEPrcsDetailVO);
+		
+		//3.pageing step3
+		paginationInfo = this.setPagingStep3(vEPrcsDetailVOList, paginationInfo);
+		
+		
+		model.addAttribute("paginationInfo", paginationInfo);
+		
+		// 지정된 강사가 있는지 확인
+		vEPrcsDetailVOList.stream().forEach(t->{
+			
+			List<VEAPrcsAplctPrdInstrAsgnmVO> vEAPrcsAplctPrdInstrAsgnmList = vEAPrcsAplctPrdInstrAsgnmService.findByPrcsAplctPrdOrd(t.getPrcsAplctPrdOrd());
+			if(vEAPrcsAplctPrdInstrAsgnmList.size() > 0) {
+				t.setInstrCnt(Integer.toString(vEAPrcsAplctPrdInstrAsgnmList.size()));
+			}
+			
+		});
+		
+		//대상 리스트, 페이징 정보 전달
+		model.addAttribute("list", vEPrcsDetailVOList);
+		
+		
+		return "oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngList";
+	}
+	
 
 	/**
 	 * 기소유예 신청기간 등록 화면
@@ -1156,7 +1379,7 @@ public class CndtnPrcsInfoMngController {
 	
 
     /**
-     * 기반강화연수과정 기간 상세수정화면
+     * 조건부기소유예 기간 상세수정화면
      */
 	@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngMdfy.do")	
 	public String cndtnEduPrcsAplctPrdMngMdfy( 
@@ -1219,7 +1442,7 @@ public class CndtnPrcsInfoMngController {
 	
 
     /**
-     * 기반강화연수과정 신청기간 수정
+     * 조건부기소유예 신청기간 수정
      */
 	@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngMdfyAjax.do")
     public ModelAndView cndtnEduPrcsAplctPrdMngMdfyAjax(
diff --git a/src/main/java/kcc/ve/oprtn/fndtnEnhanceTrn/prcsAplctMng/web/FndthPrcsAplctMngController.java b/src/main/java/kcc/ve/oprtn/fndtnEnhanceTrn/prcsAplctMng/web/FndthPrcsAplctMngController.java
index 14505cf8..d2401f24 100644
--- a/src/main/java/kcc/ve/oprtn/fndtnEnhanceTrn/prcsAplctMng/web/FndthPrcsAplctMngController.java
+++ b/src/main/java/kcc/ve/oprtn/fndtnEnhanceTrn/prcsAplctMng/web/FndthPrcsAplctMngController.java
@@ -36,6 +36,7 @@ import kcc.ve.instr.tngrVisitEdu.eduInfo.service.VEEduAplctVO;
 import kcc.ve.instr.tngrVisitEdu.eduInfo.service.VEEduChasiService;
 import kcc.ve.instr.tngrVisitEdu.eduInfo.service.VEEduChasiVO;
 import kcc.ve.instr.tngrVisitEdu.eduInfo.service.VEEduMIXService;
+import kcc.ve.instr.tngrVisitEdu.prcsInfo.service.VEAPrcsAplctPrdInstrAsgnmVO;
 import kcc.ve.instr.tngrVisitEdu.prcsInfo.service.VEPrcsAplctPrdService;
 import kcc.ve.instr.tngrVisitEdu.prcsInfo.service.VEPrcsDetailVO;
 import kcc.ve.instr.tngrVisitEdu.prcsInfo.service.VEPrcsMIXService;
@@ -128,66 +129,6 @@ public class FndthPrcsAplctMngController {
 	@Resource(name = "mberManageService")
 	private EgovMberManageService mberManageService;
     
-	/**
-	 * 기반강화연수 과정 신청 관리 목록 화면
-	 */	
-	@RequestMapping("/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctMngList.do")
-	public String fndthEduPrcsAplctMngList( @ModelAttribute("vEEduAplctVO") VEEduAplctVO vEEduAplctVO , HttpSession session, ModelMap model ) throws Exception {
-
-		LoginVO user = EgovUserDetailsHelper.isAuthenticated()? (LoginVO)EgovUserDetailsHelper.getAuthenticatedUser():null;
-		
-		//년도
-		if(StringUtils.isBlank(vEEduAplctVO.getSearchYear())){
-			//vEEduAplctVO.setSearchYear(String.valueOf(LocalDate.now().getYear()));
-		}
-
-		//월
-		if(StringUtils.isBlank(vEEduAplctVO.getSearchMonth())){
-			vEEduAplctVO.setSearchMonth(String.valueOf(LocalDate.now().getMonthValue()));
-		}
-		if(!"".equals(vEEduAplctVO.getSearchChrgNm())) {
-			vEEduAplctVO.setSearchChrgNm(egovCryptoUtil.encrypt(vEEduAplctVO.getSearchChrgNm()));
-		}
-
-		// 요청, 반려건
-		//vEEduAplctVO.setSearchNotStatusArr(new String[]{"60"});
-		// 청소년
-		vEEduAplctVO.setLctrDivCd(VeConstants.LCTR_DIV_CD_50);
-    	//1.pageing step1
-    	PaginationInfo paginationInfo = this.setPagingStep1(vEEduAplctVO);
-    	
-    	//정렬
-		if("".equals(vEEduAplctVO.getSearchSortCnd())){ //최초조회시 최신것 조회List
-			vEEduAplctVO.setOrderByQuery("A.SBMT_PNTTM DESC");
-		}else{
-			vEEduAplctVO.setOrderByQuery(vEEduAplctVO.getSearchSortCnd() + " " +vEEduAplctVO.getSearchSortOrd());
-		}
-		
-		System.out.println("vEEduAplctVO.getOrderByQuery() :: "+ vEEduAplctVO.getOrderByQuery());
-		
-    	//2. pageing step2
-    	vEEduAplctVO = this.setPagingStep2Sub(vEEduAplctVO, paginationInfo);
-    	vEEduAplctVO.setNotiUserId(user.getUniqId());
-    	vEEduAplctVO.setMenuNo(session.getAttribute("menuNo").toString());
-    	
-    	
-    	/*
-    	 * 리스트 검색에서 교육일자 시작/종료일 입력 없이 검색시 
-    	 * 기존 searchEndDt where 조건에 1=2로 되어있어서 리스트 검색이 안되던 것을 
-    	 * 저작위 요청사항으로 1=1로 변경하여 날짜 입력이 안되어도 검색이 되도록 수정함
-    	 * 2023-04-28 우영두
-    	 * 
-    	 * */
-    	List<VEEduAplctVO> vEEduAplctVOList = vEEduMIXService.selectPagingList(vEEduAplctVO);
-		vEEduAplctVOList = egovCryptoUtil.decryptVEEduAplctVOList(vEEduAplctVOList);
-		vEEduAplctVO.setSearchChrgNm(egovCryptoUtil.decrypt(vEEduAplctVO.getSearchChrgNm()));
-    	//3.pageing step3
-    	paginationInfo = this.setPagingStep3(vEEduAplctVOList, paginationInfo);
-    	model.addAttribute("paginationInfo", paginationInfo);
-    	//대상 리스트, 페이징 정보 전달
-    	model.addAttribute("list", vEEduAplctVOList);
-		return "oprtn/fndthEnhanceTrn/fndthEduPrcsAplctMngList";
-	}
 
 	/**
 	 * 기반강화연수 신청 등록 화면
diff --git a/src/main/java/kcc/ve/oprtn/fndtnEnhanceTrn/prcsAplctPrdMng/web/FndthPrcsAplctPrdMngController.java b/src/main/java/kcc/ve/oprtn/fndtnEnhanceTrn/prcsAplctPrdMng/web/FndthPrcsAplctPrdMngController.java
index dfdc7151..384e35f2 100644
--- a/src/main/java/kcc/ve/oprtn/fndtnEnhanceTrn/prcsAplctPrdMng/web/FndthPrcsAplctPrdMngController.java
+++ b/src/main/java/kcc/ve/oprtn/fndtnEnhanceTrn/prcsAplctPrdMng/web/FndthPrcsAplctPrdMngController.java
@@ -7,6 +7,7 @@ import javax.annotation.Resource;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpSession;
 
+import org.apache.commons.lang3.StringUtils;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.stereotype.Controller;
@@ -240,6 +241,147 @@ public class FndthPrcsAplctPrdMngController {
 		return "oprtn/fndthEnhanceTrn/fndthEduPrcsAplctPrdMngList";
 		///kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsMngList.do
 	}
+
+	/**
+	 * 기반강화연수 교육확정관리목록
+	 */	
+	@RequestMapping("/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngList.do")
+	public String fndthEduPrcsAplctMngList( @ModelAttribute("vEPrcsDetailVO") VEPrcsDetailVO vEPrcsDetailVO 
+							, HttpSession session, ModelMap model ) throws Exception {
+		
+
+		
+		//로그인 처리====================================
+		//로그인 정보 가져오기
+		
+		String s_oprtnLoginCheckNInfo = checkLoginUtil.oprtnCheckNInfo(model);
+		if (!"".equals(s_oprtnLoginCheckNInfo))	return s_oprtnLoginCheckNInfo;		
+		
+		//로그인 처리==================================== 
+		
+		//1.pageing step1
+		PaginationInfo paginationInfo = this.setPagingStep1(vEPrcsDetailVO);
+		
+		//임시로 페이징 처리를 안하기 위해서 RecordCountPerPage 수를 10000 으로 셋팅함
+		//paginationInfo.setRecordCountPerPage(10000);
+		
+		//2. pageing step2
+		vEPrcsDetailVO = this.setPagingStep2(vEPrcsDetailVO, paginationInfo);
+		
+		//기반강화 조회
+    	vEPrcsDetailVO.setLctrDivCd("50");	//강의구분코드 VE0011 10-청소년강의, 20-성인강의, 30-체험, 50-기반강화, 60-조건부
+    	//교육확정 목록 조회
+    	vEPrcsDetailVO.setDdlnCd("20");	
+		
+		if(StringUtil.isNotEmpty(vEPrcsDetailVO.getSearchKeyword())){
+			String selectCondition = "AND	b.PRCS_NM LIKE CONCAT ('%', '" +vEPrcsDetailVO.getSearchKeyword() + "', '%')";
+			vEPrcsDetailVO.setSelectPagingListQuery(selectCondition);
+			
+		}
+		
+		if(StringUtil.isNotEmpty(vEPrcsDetailVO.getPrcsKind())){
+			String[] splited = vEPrcsDetailVO.getPrcsKind().split(",");
+			vEPrcsDetailVO.setSearchStatusArr(splited);
+		}
+		
+		if(StringUtil.isEmpty(vEPrcsDetailVO.getPrcsDiv())) {
+			
+			//vEPrcsDetailVO.setPrcsDiv("10");//	과정구분 VE0015 10-산업종사자, 20-대학생, 30-공무원, 40-일반인, 50-청소년, 60-학부모
+			
+		}
+		List<VEPrcsDetailVO> vEPrcsDetailVOList = vEPrcsAplctPrdService.selectPagingList4Fndth(vEPrcsDetailVO);
+		
+		//3.pageing step3
+		paginationInfo = this.setPagingStep3(vEPrcsDetailVOList, paginationInfo);
+		
+		
+		model.addAttribute("paginationInfo", paginationInfo);
+		
+		// 지정된 강사가 있는지 확인
+		vEPrcsDetailVOList.stream().forEach(t->{
+			
+			List<VEAPrcsAplctPrdInstrAsgnmVO> vEAPrcsAplctPrdInstrAsgnmList = vEAPrcsAplctPrdInstrAsgnmService.findByPrcsAplctPrdOrd(t.getPrcsAplctPrdOrd());
+			if(vEAPrcsAplctPrdInstrAsgnmList.size() > 0) {
+				t.setInstrCnt(Integer.toString(vEAPrcsAplctPrdInstrAsgnmList.size()));
+			}
+			
+		});
+		
+		//대상 리스트, 페이징 정보 전달
+		model.addAttribute("list", vEPrcsDetailVOList);
+		
+		
+		
+		
+		return "oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngList";
+	}
+	
+
+	/**
+	 * 조건부기소유예 기간 상세화면
+	 */
+	@RequestMapping("/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngDetail.do")	
+	public String cndtnEduPrcsAplctCfnMngDetail( 
+			@ModelAttribute("vEPrcsDetailVO") VEPrcsDetailVO vEPrcsDetailVO
+			
+			, ModelMap model
+			, RedirectAttributes redirectAttributes
+			, HttpSession session
+			, HttpServletRequest request
+			) throws Exception {
+		
+		//로그인 처리====================================
+		//로그인 정보 가져오기
+		
+		LoginVO loginVO = checkLoginUtil.getAuthLoginVO();				//권한에 따른 로그인 정보 가져오기
+		SsoLoginVO ssoLoginVO = checkLoginUtil.getSSOLoginVO(request);	//SSO 로그인 정보 가져오기
+		
+		//과정 조회
+		VEPrcsDetailVO vEPrcsDetailVODetail = vEPrcsAplctPrdService.selectDetailNewOne4Fndth(vEPrcsDetailVO);
+		model.addAttribute("info", vEPrcsDetailVODetail);
+		
+		//과정 신청자 정보 가져오기
+		{
+			//해당 과정을 제출한 사용자 정보를 가져온다.
+			VEEduAplctVO paramVO	=	new	VEEduAplctVO();
+			paramVO.setPrcsOrd(vEPrcsDetailVO.getPrcsAplctPrdOrd());
+			paramVO.setSbmtYn("Y");
+
+			if(StringUtils.isNotEmpty(vEPrcsDetailVO.getSearchStatus())) {
+
+				String searchQuery = "AND vadi.APLCT_STATE_CD = "+vEPrcsDetailVO.getSearchStatus();
+				paramVO.setSearchQuery(searchQuery);	
+			}
+			// 검색 - 날짜
+			paramVO.setSearchSmbtStartDt(vEPrcsDetailVO.getSearchSmbtStartDt());
+			paramVO.setSearchSmbtEndDt(vEPrcsDetailVO.getSearchSmbtEndDt());
+			// 검색 - 검색어
+			paramVO.setSearchStatus(vEPrcsDetailVO.getSearchStatus());
+			
+			
+			
+			List<VEEduAplctVO> vEPrcsDetailVOList = vEEduMIXService.selectList(paramVO);
+			vEPrcsDetailVOList = egovCryptoUtil.decryptVeEduAplctList(vEPrcsDetailVOList);
+			System.out.println("====");
+
+			
+	    	//대상 리스트, 페이징 정보 전달
+	    	model.addAttribute("listPrcsAplct", vEPrcsDetailVOList);
+		}
+		
+		// 강사 배치 정보
+		{
+			
+			System.out.println("====");
+			List<VEAPrcsAplctPrdInstrAsgnmVO> vEAPrcsAplctPrdInstrAsgnmList = vEAPrcsAplctPrdInstrAsgnmService.findByPrcsAplctPrdOrd(vEPrcsDetailVO.getPrcsAplctPrdOrd());
+			List<VEAPrcsAplctPrdInstrAsgnmVO> instrAsgnmList = egovCryptoUtil.decryptVEAPrcsAplctPrdInstrAsgnmVOList(vEAPrcsAplctPrdInstrAsgnmList);
+			
+			model.addAttribute("instrAsgnmList", instrAsgnmList);
+		}
+		
+		return "oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngDetail";
+	}
+
 	
 	
 	/**
diff --git a/src/main/resources/egovframework/sqlmap/ve/cndtn/cndtnTrgtInfoMng_SQL_Tibero.xml b/src/main/resources/egovframework/sqlmap/ve/cndtn/cndtnTrgtInfoMng_SQL_Tibero.xml
index 17fd4f5b..77fee4fe 100644
--- a/src/main/resources/egovframework/sqlmap/ve/cndtn/cndtnTrgtInfoMng_SQL_Tibero.xml
+++ b/src/main/resources/egovframework/sqlmap/ve/cndtn/cndtnTrgtInfoMng_SQL_Tibero.xml
@@ -109,11 +109,10 @@
 		/* cndtnTrgtInfoMngDAO.update */
 		UPDATE 
 			<include refid="CndtnTrgtInfoMngDAO.table_name"/> 
-		SET						  
-			user_id            = #userId#            
-			, edu_state_cd     = #eduStateCd# 
-			, last_updt_pnttm  = SYSDATE  
-			, last_updusr_id   = #lastUpdusrId#  
+		SET	
+			edu_state_cd		= #eduStateCd#
+			, last_updt_pnttm	= SYSDATE  
+			, last_updusr_id	= #lastUpdusrId#  
 			, trgt_nm          = #trgtNm#  
 			, clphone          = #clphone#  
 			, d_birth          = #dBirth#  
diff --git a/src/main/resources/egovframework/sqlmap/ve/edu/VEEdu_MIX_SQL_Tibero.xml b/src/main/resources/egovframework/sqlmap/ve/edu/VEEdu_MIX_SQL_Tibero.xml
index 8f969b66..30931cd4 100644
--- a/src/main/resources/egovframework/sqlmap/ve/edu/VEEdu_MIX_SQL_Tibero.xml
+++ b/src/main/resources/egovframework/sqlmap/ve/edu/VEEdu_MIX_SQL_Tibero.xml
@@ -117,7 +117,7 @@
 		   
 	</select>
 	
-	<!-- 강사 정보 L -->
+	<!--  -->
 	<select id="VEEduMIXDAO.selectList" parameterClass="VEEduAplctVO" resultClass="VEEduAplctVO">
 		/*	VEEduMIXDAO.selectList	*/
 		SELECT			
@@ -149,6 +149,63 @@
 				AND a.aprvl_cd = #searchSelStatus#
 			</isNotEmpty>
 			
+			<isNotEmpty property="searchQuery">
+				$searchQuery$
+			</isNotEmpty>
+			
+			<isNotEmpty property="searchSmbtStartDt">
+				AND TO_CHAR(a.sbmt_pnttm, 'YYYYMMDD') <![CDATA[ >= ]]> REPLACE(#searchSmbtStartDt#, '.' , '')
+			</isNotEmpty>
+	
+			<isNotEmpty property="searchSmbtEndDt">
+				AND TO_CHAR(a.sbmt_pnttm, 'YYYYMMDD') <![CDATA[ <= ]]> REPLACE(#searchSmbtEndDt#, '.' , '')
+			</isNotEmpty>
+			
+			AND a.use_yn = 'Y'
+			
+	</select>
+	
+	<!--  -->
+	<select id="VEEduMIXDAO.selectTrgtList" parameterClass="VEEduAplctVO" resultClass="VEEduAplctVO">
+		/*	VEEduMIXDAO.selectList	*/
+		SELECT			
+			qe.QESTNR_ID AS qestnrId , /* 설문했으면 ID가 있음 */
+			vadi.APLCT_STATE_CD AS aplctStateCd,  /* 이수 상태 */
+			le.MBER_NM AS userNm,
+			<include refid="VEEduMIXDAO.select_column_name"/>,
+			vsit.trgt_nm AS trgtNm,
+			vsit.clphone AS vs_clphone,
+			vsit.d_birth AS dBirth
+		FROM 
+			<include refid="VEEduMIXDAO.table_name"/> a
+		JOIN ve_prcs_aplct_prd vpap ON
+			a.PRCS_ORD = vpap.PRCS_APLCT_PRD_ORD
+		LEFT JOIN VEA_APLCT_DETAIL_INFO  vadi ON
+			a.EDU_APLCT_ORD  = vadi.EDU_APLCT_ORD 
+			/* AND vpap.PRCS_APLCT_PRD_ORD  = vadi.PRCS_APLCT_PRD_ORD */ 
+		JOIN LETTNGNRLMBER le ON
+			a.USER_ID = le.MBER_ID
+		LEFT JOIN LETTNQESTNRINFO qe ON
+			a.USER_ID = qe.FRST_REGISTER_ID 
+		LEFT JOIN VEA_SSPN_IDMT_TRGT vsit 
+			ON a.user_id = vsit.user_id
+		WHERE
+			1=1
+			<isNotEmpty property="prcsOrd">
+				AND a.prcs_ord=#prcsOrd#
+			</isNotEmpty>
+			<isNotEmpty property="sbmtYn">
+				AND a.sbmt_yn=#sbmtYn#
+			</isNotEmpty>
+			
+			<isNotEmpty property="searchSelStatus">
+				AND a.aprvl_cd = #searchSelStatus#
+			</isNotEmpty>
+			
+			<isNotEmpty property="searchQuery">
+				$searchQuery$
+			</isNotEmpty>
+			
 			<isNotEmpty property="searchSmbtStartDt">
 				AND TO_CHAR(a.sbmt_pnttm, 'YYYYMMDD') <![CDATA[ >= ]]> REPLACE(#searchSmbtStartDt#, '.' , '')
 			</isNotEmpty>
@@ -3458,6 +3515,19 @@ VALUES
 			edu_aplct_ord = #eduAplctOrd#
 	</insert>
 	
+	<update id="VEEduMIXDAO.updateAplctStateCd" parameterClass="VEEduAplctVO">
+	/*	VEEduMIXDAO.updateAplctStateCd	*/
+		
+		UPDATE
+			vea_aplct_detail_info
+		SET
+			aplct_state_cd = #aplctStateCd#
+		WHERE
+			prcs_aplct_prd_ord = #prcsAplctPrdOrd#
+		AND edu_aplct_ord = #eduAplctOrd#
+	
+		
+	</update>
 		<select id="VEEduMIXDAO.selectExprnPagingList" parameterClass="VEEduAplctVO" resultClass="VEEduAplctVO">
 	/*	임시.*NOT_SQL_LOG.*  VEEduMIXDAO.selectExprnPagingList	*/
 		SELECT 
diff --git a/src/main/resources/egovframework/sqlmap/ve/prcs/VEAPrcsAplctPrdInstrAsgnm_SQL_Tibero.xml b/src/main/resources/egovframework/sqlmap/ve/prcs/VEAPrcsAplctPrdInstrAsgnm_SQL_Tibero.xml
index fee037d4..46fb7a61 100644
--- a/src/main/resources/egovframework/sqlmap/ve/prcs/VEAPrcsAplctPrdInstrAsgnm_SQL_Tibero.xml
+++ b/src/main/resources/egovframework/sqlmap/ve/prcs/VEAPrcsAplctPrdInstrAsgnm_SQL_Tibero.xml
@@ -116,9 +116,26 @@
 	
 	<!-- 교육 신청자 상태 update -->
 	<update id="VEAPrcsAplctPrdInstrAsgnmDAO.udpateAprvlCdEduAplct" parameterClass="VEPrcsDetailVO">
+	
+		/* VEAPrcsAplctPrdInstrAsgnmDAO.updateAplctStateCdListAjax */
+	    
 	    UPDATE VE_EDU_APLCT
 	    SET aprvl_cd = #aprvlCd#
-	    WHERE edu_aplct_ord IN
+	    WHERE prcs_aplct_prd_ord = #prcsAplctPrdOrd#
+	    	AND edu_aplct_ord IN
+	     <iterate property="eduAplctOrdList" open="(" close=")" conjunction=",">
+	        #eduAplctOrdList[]#
+	    </iterate>
+	</update>
+	
+	<!-- 교육 신청자 상태 update -->
+	<update id="VEAPrcsAplctPrdInstrAsgnmDAO.updateAplctStateCdListAjax" parameterClass="VEPrcsDetailVO">
+		/* VEAPrcsAplctPrdInstrAsgnmDAO.updateAplctStateCdListAjax */
+		
+	    UPDATE VEA_APLCT_DETAIL_INFO
+	    SET aplct_state_cd = #aplctStateCd#
+	    WHERE prcs_aplct_prd_ord = #prcsAplctPrdOrd#
+	    	AND edu_aplct_ord IN 
 	     <iterate property="eduAplctOrdList" open="(" close=")" conjunction=",">
 	        #eduAplctOrdList[]#
 	    </iterate>
@@ -126,7 +143,8 @@
 	
 	<!-- 강사 배정 등록 -->
 	<select id="VEAPrcsAplctPrdInstrAsgnmDAO.findByPrcsAplctPrdOrd" parameterClass="String" resultClass="VEAPrcsAplctPrdInstrAsgnmVO">
-				
+		/* VEAPrcsAplctPrdInstrAsgnmDAO.findByPrcsAplctPrdOrd */
+	
 		SELECT
 			<include refid="VEAPrcsAplctPrdInstrAsgnmDAO.select_column_name"/>
 			, vid.instr_nm as instrNm
diff --git a/src/main/resources/egovframework/sqlmap/ve/prcs/VEPrcsAplctPrd_SQL_Tibero.xml b/src/main/resources/egovframework/sqlmap/ve/prcs/VEPrcsAplctPrd_SQL_Tibero.xml
index d8afc32c..44ddaa68 100644
--- a/src/main/resources/egovframework/sqlmap/ve/prcs/VEPrcsAplctPrd_SQL_Tibero.xml
+++ b/src/main/resources/egovframework/sqlmap/ve/prcs/VEPrcsAplctPrd_SQL_Tibero.xml
@@ -331,11 +331,17 @@
 		<isNotEmpty property="prcsAplctPrdOrd">
 			AND a.prcs_aplct_prd_ord=#prcsAplctPrdOrd#
 		</isNotEmpty>
-												
+			/*교육확정목록을 조회하기 위한 조건문*/
+		<isNotEmpty property="ddlnCd">
+			AND a.ddln_cd = #ddlnCd#
+		</isNotEmpty>			
+							
 		<isNotEmpty property="searchKeyword">
 			AND b.prcs_nm LIKE '%'|| #searchKeyword# ||'%'
 		</isNotEmpty>								
+					
 			
+		
 			
 				
 		ORDER BY 1				
@@ -592,13 +598,13 @@
 	<select id="VEPrcsAplctPrdDAO.findAllDashboardCnt" parameterClass="VEPrcsDetailVO" resultClass="java.util.HashMap">
 	/* 
 		VEPrcsAplctPrdDAO.findAllDashboardCnt 
-		count_end_cd 는 조건이 b.aplct_state_cd = '20' (VEA003 - 이수완료) 여야 하는데
-		이수완료 update 액션 포인트가 아직 안정해져 있어서 날짜로 대체
+		count_end_cd 는 조건이 b.aplct_state_cd = '20' (VEA003 - 이수완료) 
 	*/
 		SELECT
-			SUM(CASE WHEN a.aprvl_cd = '10' THEN 1 ELSE 0 END) AS count_aprvl_cd_10,
-			SUM(CASE WHEN a.aprvl_cd = '20' AND TO_DATE(c.edu_ddln_pnttm, 'YYYY.MM.DD') > CURRENT_DATE THEN 1 ELSE 0 END) AS count_aprvl_cd_20,
-			SUM(CASE WHEN a.aprvl_cd = '20' AND TO_DATE(c.edu_ddln_pnttm, 'YYYY.MM.DD') &lt; CURRENT_DATE THEN 1 ELSE 0 END) AS count_end_cd
+			SUM(CASE WHEN a.aprvl_cd = '10' THEN 1 ELSE 0 END) AS count_aprvl_cd_10
+			, SUM(CASE WHEN a.aprvl_cd = '20'
+		           AND TO_DATE(c.edu_ddln_pnttm, 'YYYY.MM.DD') > CURRENT_DATE THEN 1 ELSE 0 END) AS count_aprvl_cd_20
+			, SUM(CASE WHEN a.aprvl_cd = '20' AND b.aplct_state_cd = '20' THEN 1 ELSE 0 END) AS count_end_cd
 		FROM
 			ve_edu_aplct a
 		LEFT JOIN vea_aplct_detail_info b 
diff --git a/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngDetail.jsp b/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngDetail.jsp
new file mode 100644
index 00000000..0adf6884
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngDetail.jsp
@@ -0,0 +1,491 @@
+<!DOCTYPE html>
+<%@ page language="java" contentType="text/html; charset=utf-8"
+    pageEncoding="utf-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@ taglib prefix="ve" uri="/WEB-INF/tlds/kcc_tld.tld"%>
+<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
+<%
+ /**
+  * @Class Name : cndtnEduPrcsAplctPrdMngDetail.jsp
+  * @Description : 기반강화연수 기간 상세화면
+  * @Modification Information
+  * @
+  * @  수정일      수정자          수정내용
+  * @  -------     --------    ---------------------------
+  * @ 2021.12.16   조용준          최초 생성
+  *  @author 조용주
+  *  @since 2021.12.16
+  *  @version 1.0
+  *  @see
+  *
+  */
+%>
+<html lang="ko">
+<head>
+<title>교육과정관리</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<script type="text/javascript">
+
+	$(document).ready(function(){
+		
+		$('#searchStatus').change(function(){
+			searchpage();
+		});
+	});
+
+	function searchpage(){
+
+		var form = document.detailForm ;
+		form.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngDetail.do'/>";
+		form.submit();
+
+	}
+
+	function fncGoList(){
+		var listForm = document.listForm ;
+		listForm.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngList.do'/>";
+		listForm.submit();
+	}
+
+	function fncGoDetail(){
+		var form = document.detailForm ;
+		form.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngDetail.do'/>";
+		form.submit();
+	}
+	
+	function fncMdfy(){
+		var detailForm = document.detailForm ;
+		detailForm.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngMdfy.do'/>";
+		detailForm.submit();
+	}
+	
+
+	
+	function fn_delInstr(data){
+		document.instrForm.userId.value = data ;
+		var data = new FormData(document.getElementById("instrForm"));
+			if(confirm("삭제하시겠습니까?")){
+// 				var url = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/instrDelAjax.do'/>";
+				var url = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/instrDelAjax.do'/>";
+				$.ajax({
+					type:"POST",
+					url: url,
+					data: data,
+					dataType:'json',
+					async: false,
+					processData: false,
+					contentType: false,
+					cache: false,
+					success:function(returnData){
+							if(returnData.result == "success"){
+							alert("삭제되었습니다.");
+							// 새로고침
+							window.location.reload();
+						}
+					},
+					error:function(request , status, error){
+						alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
+					}
+				});
+			}
+			event.stopImmediatePropagation();
+	}
+	
+
+	function fn_statusChg(eduAplctOrd, aplctStateCd){
+		document.statusChgForm.eduAplctOrd.value = eduAplctOrd ;
+		document.statusChgForm.aplctStateCd.value = aplctStateCd ;
+		var data = new FormData(document.getElementById("statusChgForm"));
+			if(confirm("상태병경을 하시겠습니까?")){
+				var url = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/updateAplctStateCdAjax.do'/>";
+				$.ajax({
+					type:"POST",
+					url: url,
+					data: data,
+					dataType:'json',
+					async: false,
+					processData: false,
+					contentType: false,
+					cache: false,
+					success:function(returnData){
+							if(returnData.result == "success"){
+							alert("변경되었습니다.");
+							// 새로고침
+							window.location.reload();
+						}
+					},
+					error:function(request , status, error){
+						alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
+					}
+				});
+			}
+			event.stopImmediatePropagation();
+			
+	}
+	
+
+
+	// 강사 배치
+	function fncInstrAsgnmInfo(prcsAplctPrdOrd) {
+		var form = document.popForm;
+		
+		form.prcsAplctPrdOrd.value = prcsAplctPrdOrd;
+		
+// 		form.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/popup/fndthInstrAsgnmPopup.do'/>";
+		form.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/popup/cndtnInstrAsgnmPopup.do'/>";
+		
+		window.open("#", "_securityPop", "scrollbars = no, top=100px, left=100px, height=750px, width=950px");    
+		form.target = "_securityPop";
+		form.submit();  
+	}
+	
+	function chkAll(obj) {
+	    // 모든 체크박스의 상태를 헤더 체크박스의 상태와 동일하게 설정
+	    $("input[name='chk']").prop('checked', $(obj).prop('checked'));
+	}
+	
+	// form 데이터를 묶지 않기 때문에 prcsAplctPrdOrd 데이터 필요함
+    function fn_statusChgList(p_aplctStateCd, p_prcsAplctPrdOrd) {
+        var selectedEduAplctOrd = [];
+        
+        // "chk" 이름을 가진 체크박스가 체크된 항목들을 순회
+        $("input[name='chk']:checked").each(function() {
+            var eduAplctOrdValue = $(this).val();
+            selectedEduAplctOrd.push(eduAplctOrdValue);
+        });
+        
+        console.log('selectedEduAplctOrd : ', selectedEduAplctOrd);
+        // 선택된 항목이 없으면 경고 메시지를 표시하고 함수를 종료
+        if (selectedEduAplctOrd.length === 0) {
+            alert("선택된 항목이 없습니다. 선택 후 다시 시도하세요.");
+            return false;
+        }
+        
+        var dataToSend = {
+                "eduAplctOrdList": selectedEduAplctOrd,
+                "aplctStateCd": p_aplctStateCd,
+                "prcsAplctPrdOrd": p_prcsAplctPrdOrd
+            };
+        
+		var url = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/updateAplctStateCdListAjax.do'/>";
+		
+		
+		// AJAX 호출을 통해 서버에 데이터 전송
+		$.ajax({
+			type:"POST",
+			url: url,
+			data: $.param(dataToSend, true), // 직렬화 , 컨트롤러에서 @ModelAttribute로 받을 수 있음
+// 			contentType : 'application/json',
+			dataType:'json',
+			success:function(returnData){
+				if(returnData.result == "success"){
+					alert("변경 처리 되었습니다.");	
+					window.location.reload();
+				}else{
+					alert("변경 중 오류가 발생하였습니다.");
+				}						
+			},
+			error: function(jqXHR, textStatus, errorThrown) {
+			    console.error("AJAX Error:", textStatus, errorThrown);
+			    console.error("Response:", jqXHR.responseText);
+			}
+		});
+        
+    }
+	
+</script>
+
+</head>
+<body>
+<form id="instrForm" name="instrForm" method="post">
+	<input type="hidden" name="prcsAplctPrdOrd" id="prcsAplctPrdOrd" value="<c:out value='${vEPrcsDetailVO.prcsAplctPrdOrd}' />"/>
+	<input type="hidden" name="userId" id="userId"/>
+</form>
+<form id="statusChgForm" name="statusChgForm" method="post">
+	<input type="hidden" name="prcsAplctPrdOrd" id="prcsAplctPrdOrd" value="<c:out value='${vEPrcsDetailVO.prcsAplctPrdOrd}' />"/>
+	<input type="hidden" name="aplctStateCd" id="aplctStateCd"/>
+	<input type="hidden" name="eduAplctOrd" id="eduAplctOrd"/>
+</form>
+<form:form id="listForm" name="listForm" commandName="vEPrcsDetailVO" method="post">
+</form:form>
+<form id="popForm" name="popForm" method="post">
+	<input type="hidden" name="pageIndex" value="1"/>
+	<input type="hidden" name="prcsAplctPrdOrd" value="" />
+	<input type="hidden" name="pageUnit" value="5" />
+</form>
+<form:form id="detailForm" name="detailForm" commandName="vEPrcsDetailVO" method="post">
+<input type="hidden" name="prcsAplctPrdOrd" id="prcsAplctPrdOrd" value="<c:out value='${vEPrcsDetailVO.prcsAplctPrdOrd}' />"/>
+<!-- cont -->
+<div class="cont_wrap">
+	<div class="box">
+		
+		
+			<!-- cont_tit -->
+			<div class="cont_tit">
+				<h2>교육확정상세</h2>
+				<ul class="cont_nav">
+					<li class="home"><a href="/"><i></i></a></li>
+					<li>
+						<p>조건부기소유예관리</p>
+					</li>
+					<li><span class="cur_nav">교육확정상세</span></li>					
+				</ul>
+			</div>
+			<!-- //cont_tit -->		
+
+		<div class="cont">
+			<!-- list_상세 -->
+			<div class="tb_tit01">
+				<p>교육과정관리</p>
+			</div>
+			<div class="tb_type02">
+				<table>
+					<colgroup>
+						<col style="width: 210px;">
+						<col style="width: auto;">
+						<col style="width: 210px;">
+						<col style="width: auto;">
+					</colgroup>
+					<tbody>
+					<tr>
+						<th scope="row">교육부분</th>
+						<td>
+							<ve:code codeId="VEA001" code="${info.prcsDiv}"/>							
+						</td>
+					</tr>	
+					<tr>
+						<th scope="row">과정</th>
+						<td>
+							<c:out value="${info.prcsNm}"/>
+																					
+						</td>
+					</tr>
+					<tr>
+						<th scope="row">신청기간</th>
+						<td>
+							<c:out value="${info.strtPnttm}"/>~<c:out value="${info.endPnttm}"/>
+						</td>
+					</tr>
+					<tr>
+						<th scope="row">교육장소</th>
+						<td class="addPro_wrap">
+							<c:out value="${info.eduPlace}"/>							
+						</td>
+					</tr>
+					<tr>
+						<th scope="row">교육기간</th>
+						<td>
+							<c:out value="${info.eduStrtPnttm}"/>~<c:out value="${info.eduDdlnPnttm}"/>
+						</td>
+					</tr>				
+					<tr>
+						<th scope="row">상세교육과정</th>
+						<td>							
+							<c:out value="${info.prcsCn }" />
+						</td>
+					</tr>	
+					<tr>
+						<th scope="row">정원</th>
+						<td class="addPro_wrap">
+							<c:out value="${info.nos}"/>							
+						</td>
+					</tr>
+					<tr>
+						<th scope="row">상태</th>
+						<td id="ddlnCdStts">
+							<ve:code codeId="VEA004" code="${info.ddlnCd}"/>
+						</td>
+					</tr>					
+					<%-- <tr>
+						<th scope="row">								
+							<p>공개여부(사용여부)</p>
+						</th>
+						<td>
+							<c:if test="${empty info.useYn or info.useYn eq 'Y'}">예</c:if>
+							<c:if test="${info.useYn eq 'N'}">아니오</c:if>
+						</td>
+					</tr> --%>					
+					</tbody>					
+				</table>
+			</div>
+			<!-- //list_상세 -->
+
+			<!-- btn_wrap -->
+			<div class="btn_wrap btn_layout01">
+				<div class="btn_left">
+				</div>
+				<div class="btn_center">
+				</div>
+				<div class="btn_right">
+					<button type="button" class="btn_type02" onclick="fncMdfy(); return false;">수정</button>
+					<button type="button" class="btn_type03" onclick="fncGoList(); return false;">목록</button>
+				</div>
+			</div>		
+			
+			<!--  
+				강사 배치 정보
+				강사 배치 정보
+			-->
+			<div class="tb_tit01">
+				<p>강사 배치 정보</p>
+			</div>
+			<div class="tb_type01">
+				<table>
+					<colgroup>
+						<col style="width: 210px;"><!-- name -->
+						<col style="width: auto;"><!-- 제출일 -->
+						<col style="width: 210px;"><!-- 신청상태 -->						
+						<col style="width: 210px;"><!-- 신청상태 -->						
+					</colgroup>
+					<thead>
+					<tr>
+						<th>강사명</th>
+						<th>연락처</th>
+						<th>확정여부</th>						
+						<th>삭제</th>						
+					</tr>
+					</thead>					
+					<tbody>
+						<c:choose>
+							<c:when test="${!empty instrAsgnmList }">
+								<c:forEach var="list" items="${instrAsgnmList}" varStatus="status">
+									<tr>
+										<td>
+											<c:out value="${list.instrNm }"/>																							
+										</td>
+										<td>																						
+											<c:out value="${list.phone }"/>																						
+										</td>
+										<td>										
+											<ve:code codeId="VE0019" code="${list.asgnmAprvlCd}"/>																						
+										</td>
+										<td>										
+											<button type="button" class="btn_type01" onclick="fn_delInstr('<c:out value="${list.userId }" />')">삭제</button>
+										</td>
+									</tr>					
+								</c:forEach>
+							</c:when>
+							<c:otherwise>
+								<tr>
+									<td colspan="4">강사 배치 정보가 없습니다.</td>
+								</tr>
+							</c:otherwise>
+						</c:choose>
+					</tbody>					
+				</table>
+			</div>
+			
+			<!-- btn_wrap -->
+			<div class="btn_wrap btn_layout01">
+				<div class="btn_left">
+				</div>
+				<div class="btn_center">
+				</div>
+				<div class="btn_right">
+					<button type="button" class="btn_type02" onclick="fncInstrAsgnmInfo('<c:out value="${info.prcsAplctPrdOrd }" />'); return false;">강사배치</button>
+				</div>
+			</div>		
+			
+			<!--  
+				교육 신청자 list_상세
+				교육 신청자 list_상세
+			-->
+			<div class="tb_tit01">
+				<p>교육신청자</p>	<!-- ${listPrcsAplct } -->
+			</div>
+			
+			<!-- list_top -->
+			<div class="list_top search-only">
+				<div class="list_top_1">
+					<div class="util_right">
+						<ve:select codeId="VEA003" name="searchStatus" id="searchStatus" css="class='sel_type1'" 
+								selectedValue="${vEPrcsDetailVO.searchStatus}" defaultValue='' includes="10,20"
+								defaultText='전체'
+								/>
+					</div>
+				</div>
+			</div>
+			<div class="tb_type01">
+				<table>
+					<colgroup>
+						<col style="width: 5%">
+						<col style="width: 180px;">
+						<col style="width: 12%">
+						<col style="width: 210px;">
+						<col style="width: 210px;">						
+						<col style="width: 210px;">						
+					</colgroup>
+					<thead>
+					<tr>
+						<th><input type="checkbox" name="checkAll" id="checkAll" onclick="chkAll(this);" /><label for="checkAll"></label></th>
+						<th>신청자(대상자)</th>
+						<th>주민번호 앞자리</th>
+						<th>연락처</th>
+						<th>교육이수여부</th>						
+						<th>교육이수상태변경</th>						
+					</tr>
+					</thead>					
+					<tbody>
+						<c:choose>
+							<c:when test="${!empty listPrcsAplct}">
+								<c:forEach var="list" items="${listPrcsAplct}" varStatus="status">
+									<tr>
+										<td>
+											<input name="chk" class="${list.asgnmAprvlCd}" 
+											value="${list.eduAplctOrd}" title="Check" type="checkbox"/>
+										</td>
+										<td>
+											<c:out value="${list.userNm}"/>(<c:out value="${list.trgtNm}"/>)
+										</td>
+										<td>
+											<c:out value="${list.dBirth}"/>
+										</td>
+										<td>
+											<c:out value="${list.vs_clphone}"/>
+										</td>
+										<td>
+											<ve:code codeId="VEA003" code="${list.aplctStateCd}"/>
+										</td>
+										<td>
+											<button type="button" class="btn_type04" onclick="fn_statusChg('<c:out value="${list.eduAplctOrd }" />', '20')">이수</button>
+											<button type="button" class="btn_type05" onclick="fn_statusChg('<c:out value="${list.eduAplctOrd }" />', '10')">미이수</button>
+										</td>
+									</tr>					
+								</c:forEach>
+							</c:when>
+							<c:otherwise>
+								<tr>
+									<td colspan="6">데이터가 없습니다.</td>
+								</tr>
+							</c:otherwise>
+						</c:choose>
+						
+				
+					</tbody>					
+				</table>
+			</div>
+			<!-- //list_상세 -->
+			<!-- btn_wrap -->
+			<div class="btn_wrap btn_layout01">
+				<div class="btn_left">
+				</div>
+				<div class="btn_center">
+				</div>
+				<div class="btn_right">
+					<button type="button" class="btn_type04" onclick="location.href='<c:url value="/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngList.do" />'; return false;">교육확정목록</button>
+					<button type="button" class="btn_type04" onclick="fn_statusChgList('20', '<c:out value="${info.prcsAplctPrdOrd }" />'); return false;">이수</button>
+					<button type="button" class="btn_type04" onclick="fn_statusChgList('10', '<c:out value="${info.prcsAplctPrdOrd }" />'); return false;">미이수</button>
+				</div>
+			</div>					
+				
+		</div>
+	</div>
+</div>
+</form:form>
+<!-- //cont -->
+</body>
+</html>
diff --git a/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngList.jsp b/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngList.jsp
new file mode 100644
index 00000000..5dbfd6da
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngList.jsp
@@ -0,0 +1,320 @@
+<!DOCTYPE html>
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
+<%@ taglib prefix="kc" uri="/WEB-INF/tlds/kcc_tld.tld"%>
+<%@ taglib prefix="un" uri="http://jakarta.apache.org/taglibs/unstandard-1.0" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
+<%@ taglib prefix="ve" uri="/WEB-INF/tlds/kcc_tld.tld"%>
+<un:useConstants var="KccadrStatus" className="kcc.kccadr.cmm.KccadrConstants" />
+<%
+	/**
+	 * @Class Name : cndtnEduPrcsAplctPrdMngList.jsp
+	 * @Description : 조건부기소유예관리 과정 신청기간관리 목록
+	 * @Modification Information
+	 * @
+	 * @  수정일      수정자          수정내용
+	 * @  -------     --------    ---------------------------
+	 * @ 2021.12.14   조용준          최초 생성
+	 *  @author 조용준
+	 *  @since 2021.12.14
+	 *  @version 1.0
+	 *  @see
+	 *
+	 */
+%>
+<html lang="ko">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<style>
+		input:read-only{
+			background-color: #ededed;
+		}
+	</style>
+	<script type="text/javascript">
+
+	
+		$(document).ready(function(){
+			
+			// 상태값 확인
+		    $(".ddlnCdStts").each(function() {
+		        var $currentCell = $(this);
+
+		        // 텍스트가 비어있는지 확인
+		        if ($currentCell.text().trim() === "") {
+		            var $currentRow = $currentCell.closest('tr');
+
+		            var strtPnttm = new Date($currentRow.find("td:eq(3)").text().split("~")[0].trim());
+		            var endPnttm = new Date($currentRow.find("td:eq(3)").text().split("~")[1].trim());
+		            var currentDate = new Date();
+					
+		            var ddlnCdText = '';
+		            if (currentDate < strtPnttm) {
+		            	ddlnCdText = "접수전";
+		            } else if (currentDate >= strtPnttm && currentDate <= endPnttm) {
+		            	ddlnCdText = "접수중";
+		            } else if (currentDate > endPnttm) {
+		            	ddlnCdText = "접수종료";
+		            }
+		            
+	                $currentCell.text(ddlnCdText);
+		        }
+		    });
+			
+			
+		});
+	
+		function fncGoList(){
+			linkPage(1);
+		}
+
+		function linkPage(pageNo){
+			var listForm = document.listForm ;
+			listForm.pageIndex.value = pageNo ;
+			listForm.searchKeyword.value = $('#searchKeyword').val();
+			listForm.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngList.do'/>";
+			listForm.submit();
+		}
+
+
+		function fncGoDetail(prcsAplctPrdOrd){
+			var listForm = document.listForm ;
+			listForm.prcsAplctPrdOrd.value = prcsAplctPrdOrd ;
+			listForm.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngDetail.do'/>";
+			listForm.submit();
+		}
+		
+
+		function fncDelete(prcsOrd){
+			document.listForm.prcsOrd.value = prcsOrd ;
+			
+			var pageIndex = document.listForm.pageIndex.value;
+			if($(".listCount").length == '1'){
+				pageIndex = pageIndex -1;
+			}
+			var data = new FormData(document.getElementById("listForm"));
+				if(confirm("삭제하시겠습니까?")){
+					var url = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsMngDeleteAjax.do'/>";
+					console.log(data);
+					$.ajax({
+						type:"POST",
+						url: url,
+						data: data,
+						dataType:'json',
+						async: false,
+						processData: false,
+						contentType: false,
+						cache: false,
+						success:function(returnData){
+								if(returnData.result == "success"){
+								alert("삭제되었습니다.");
+								document.listForm.prcsOrd.value = ""; //리스트 이동시 prcsOrd 초기화
+								linkPage(pageIndex);
+							}
+						},
+						error:function(request , status, error){
+							alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
+						}
+					});
+				}
+				event.stopImmediatePropagation();
+				
+		}
+		
+		function fncSaveSort(prcsOrd, count){
+			
+			var sortNo = $('#prcsSortNo'+count).val();
+			
+			if(sortNo == ''){
+				
+				alert("표시순서를 입력해 주세요.");
+				return false;
+				
+			}
+			
+			$('#prcsOrd').val(prcsOrd);
+			$('#prcsSortNo').val(sortNo);
+			var data = new FormData(document.getElementById("listForm"));
+			var url = "<c:url value='/kccadr/oprtn/otsdCprtnPrcs/eduPrcsSortUpdateAjax.do'/>";
+			$.ajax({
+				type:"POST",
+				url: url,
+				data: data,
+				dataType:'json',
+				async: false,
+				processData: false,
+				contentType: false,
+				cache: false,
+				success:function(returnData){
+						if(returnData.result == "success"){
+						alert("저장되었습니다.");
+						document.listForm.prcsOrd.value = ""; //리스트 이동시 prcsOrd 초기화
+						fncGoList();
+					}
+				},
+				error:function(request , status, error){
+					alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
+				}
+			});
+			
+		}
+
+	</script>
+	<title>과정신청기간관리목록</title>
+</head>
+<body>
+<form:form id="listForm" name="listForm" method="post" commandName="vEPrcsDetailVO" onsubmit="return false;">
+	<input type="hidden" name="pageIndex" value="<c:out value='${vEPrcsDetailVO.pageIndex}' default='1' />"/>
+	<input type="hidden" name="searchSortCnd" value="<c:out value="${vEPrcsDetailVO.searchSortCnd}" />" />
+	<input type="hidden" name="searchSortOrd" value="<c:out value="${vEPrcsDetailVO.searchSortOrd}" />" />
+	<input type="hidden" id="prcsOrd" name="prcsOrd" value="" />
+	<input type="hidden" id="prcsAplctPrdOrd" name="prcsAplctPrdOrd" value="" />
+	<input type="hidden" id="prcsSortNo" name="prcsSortNo" value="" />
+
+	<div class="cont_wrap">
+		<div class="box">
+
+			<!-- cont_tit -->
+			<div class="cont_tit">
+				<h2>교육확정관리목록</h2>
+				<ul class="cont_nav">
+					<li class="home"><a href="/"><i></i></a></li>
+					<li>
+						<p>조건부기소유예관리</p>
+					</li>
+					<li><span class="cur_nav">교육확정관리목록</span></li>
+				</ul>
+			</div>
+			<!-- //cont_tit -->
+
+			<div class="cont">
+				<div class="tb_tit01">
+					<p>교육 확정 관리</p>
+				</div>			
+				<!-- list_top -->
+				<div class="list_top search-only">
+					<div class="list_top_1">
+						<div class="util_right">
+
+							<ve:select codeId="VEA001" name="searchStatus" id="searchStatus" css="class='sel_type1'" 
+									selectedValue="${vEPrcsDetailVO.searchStatus }" defaultValue=""
+									defaultText="전체"
+									/>
+							<div class="calendar_wrap">
+								<input type="text" class="calendar" title="시작일 선택" id="searchSmbtStartDt" name="searchSmbtStartDt" value="${vEPrcsDetailVO.searchSmbtStartDt}">
+							</div>
+							~
+							<div class="calendar_wrap">
+								<input type="text" class="calendar" title="종료일 선택" id="searchSmbtEndDt" name="searchSmbtEndDt" value="${vEPrcsDetailVO.searchSmbtEndDt}">
+							</div>
+							<input type="text" id="searchKeyword" name="searchKeyword" placeholder="과정명를 입력하세요." title="검색어 입력" class="search_input" value="<c:out value='${vEPrcsDetailVO.searchKeyword}'/>">
+							<button type="button" class="btn_type08" onclick="fncGoList(); return false;">검색</button>
+							<button class="btn_type03" onclick="fncReset(this); return false;">초기화</button>
+						</div>
+					</div>
+				</div>		
+				<div class="list_util">
+					<p class="list_util_p"><span><c:out value="${paginationInfo.totalRecordCount}" /></span>건의 접수가 검색되었습니다.</p>
+					<div>
+						<select class="sel_type1" name="pageUnit" id="pageUnit" onchange="linkPage(1);" title="줄 선택" style="width: 140px" class="sel_type1">
+							<option value='10' <c:if test="${vEPrcsDetailVO.pageUnit == '10' or vEPrcsDetailVO.pageUnit == ''}">selected</c:if>>10줄</option>
+							<option value='20' <c:if test="${vEPrcsDetailVO.pageUnit == '20'}">selected</c:if>>20줄</option>
+							<option value='30' <c:if test="${vEPrcsDetailVO.pageUnit == '30'}">selected</c:if>>30줄</option>
+							<option value='100' <c:if test="${vEPrcsDetailVO.pageUnit == '100'}">selected</c:if>>100줄</option>
+						</select>
+						<%--<button type="button" class="btn_down_excel">엑셀 다운로드</button>--%>
+					</div>
+				</div>
+								
+				<!-- //list_top -->
+
+
+				<!-- list -->
+				<div class="tb_type01">
+					<table>
+						<colgroup>
+							<col style="width: 5%">
+							<col style="width: 10%">
+							<col style="width: auto">
+							<col style="width: 180px;">							
+							<col style="width: 180px;">
+							<col style="width: 10%">
+							<col style="width: 10%">
+<%-- 							<col style="width: 10%"> --%>
+						</colgroup>
+						<thead>
+						<tr>
+							<th>NO</th>
+							<th>교육구분코드</th>
+							<th>과정명</th>
+							<th>교육기간</th>
+							<th>신청자/정원</th>
+							<th>상태</th>
+							<th>강사배정</th>
+<!-- 							<th>공개여부</th> -->
+						</tr>
+						</thead>
+						<tbody>
+						<c:forEach var="list" items="${list}" varStatus="status">
+							<tr class="listCount">
+								<td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;">									
+									<c:out value="${status.count}"/>
+								</td>
+								<td>
+									<kc:code codeId="VEA001" code="${list.prcsDiv}"/>
+								</td>
+								<td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;">									
+									<c:out value="${list.prcsNm}"/>(<c:out value="${list.prcsAplctPrdOrd}"/>)
+								</td>
+								<td>									
+									<c:out value="${list.eduStrtPnttm}"/>~<c:out value="${list.eduDdlnPnttm}"/>
+								</td>
+								<td>									
+									<c:out value="${list.nosCnt1}"/>/<c:out value="${list.nos}"/>
+								</td>
+								<td class="ddlnCdStts">
+									<kc:code codeId="VEA004" code="${list.ddlnCd}"/>
+								</td>
+								<td>									
+<%-- 									<c:out value="${list.strtPnttm}"/>~<c:out value="${list.endPnttm}"/> --%>
+									<c:choose>
+										<c:when test="${list.instrCnt ne 0 }">
+											배정완료
+										</c:when>
+										<c:otherwise>
+											<button type="button" class="btn_type04" onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');">강사배정</button>
+										</c:otherwise>
+									</c:choose>
+								</td>
+<!-- 								<td> -->
+<%-- 									<c:out value="${list.useYn}"/> --%>
+<!-- 								</td>										 -->
+							</tr>
+						</c:forEach>
+						<c:if test="${empty list}">
+							<tr><td colspan="7"><spring:message code="common.nodata.msg" /></td></tr>
+						</c:if>
+						</tbody>
+					</table>
+				</div>
+				<!-- //list -->
+
+				<!-- page -->
+				<div class="page">
+					<ui:pagination paginationInfo = "${paginationInfo}"  type="image" jsFunction="linkPage" />
+				</div>
+				<!-- //page -->
+			</div>
+		</div>
+	</div>
+	<!-- //cont -->
+	<!-- //cont -->
+
+</form:form>
+
+</body>
+</html>
diff --git a/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/trgtDetail.jsp b/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/trgtDetail.jsp
index fce6bf8e..20883060 100644
--- a/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/trgtDetail.jsp
+++ b/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/trgtDetail.jsp
@@ -115,6 +115,10 @@
 						<td>
 							<ve:code codeId="COM014" code="${info.sex }"/>  		
 						</td>
+						<th scope="row">연락처</th>
+						<td>
+							<c:out value="${info.clphone }" />  		
+						</td>
 					</tr>
 					<tr>
 						<th scope="row">성명</th>
diff --git a/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/trgtMdfy.jsp b/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/trgtMdfy.jsp
index 8755741c..3c1b4899 100644
--- a/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/trgtMdfy.jsp
+++ b/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/trgtMdfy.jsp
@@ -293,6 +293,10 @@
 							defaultText='선택'
 							/>
 						</td>
+						<th scope="row">연락처</th>
+						<td>
+							<input type="text" name="clphone" id="clphone" placeholder="00000000000" maxlength="11" value="<c:out value="${info.clphone }" />" />
+						</td>
 					</tr>
 					<tr>
 						<th scope="row">성명</th>
diff --git a/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/trgtReg.jsp b/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/trgtReg.jsp
index a930e030..01f57f7b 100644
--- a/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/trgtReg.jsp
+++ b/src/main/webapp/WEB-INF/jsp/oprtn/cndtnSspnIdtmt/trgtReg.jsp
@@ -242,6 +242,10 @@
 							defaultText='선택'
 							/>
 						</td>
+						<th scope="row">연락처</th>
+						<td>
+							<input type="text" name="clphone" id="clphone" placeholder="00000000000" maxlength="11"/>
+						</td>
 					</tr>
 					<tr>
 						<th scope="row">성명</th>
diff --git a/src/main/webapp/WEB-INF/jsp/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngDetail.jsp b/src/main/webapp/WEB-INF/jsp/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngDetail.jsp
new file mode 100644
index 00000000..1cefec18
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngDetail.jsp
@@ -0,0 +1,475 @@
+<!DOCTYPE html>
+<%@ page language="java" contentType="text/html; charset=utf-8"
+    pageEncoding="utf-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@ taglib prefix="ve" uri="/WEB-INF/tlds/kcc_tld.tld"%>
+<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
+<%
+ /**
+  * @Class Name : cndtnEduPrcsAplctPrdMngDetail.jsp
+  * @Description : 기반강화연수 기간 상세화면
+  * @Modification Information
+  * @
+  * @  수정일      수정자          수정내용
+  * @  -------     --------    ---------------------------
+  * @ 2021.12.16   조용준          최초 생성
+  *  @author 조용주
+  *  @since 2021.12.16
+  *  @version 1.0
+  *  @see
+  *
+  */
+%>
+<html lang="ko">
+<head>
+<title>교육과정관리</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<script type="text/javascript">
+
+	$(document).ready(function(){
+		
+		$('#searchStatus').change(function(){
+			searchpage();
+		});
+	});
+
+	function searchpage(){
+
+		var form = document.detailForm ;
+		form.action = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngDetail.do'/>";
+		form.submit();
+
+	}
+
+	function fncGoList(){
+		var listForm = document.listForm ;
+		listForm.action = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngList.do'/>";
+		listForm.submit();
+	}
+
+	function fncMdfy(){
+		var detailForm = document.detailForm ;
+		detailForm.action = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctPrdMngMdfy.do'/>";
+		detailForm.submit();
+	}
+	
+
+	
+	function fn_delInstr(data){
+		document.instrForm.userId.value = data ;
+		var data = new FormData(document.getElementById("instrForm"));
+			if(confirm("삭제하시겠습니까?")){
+				var url = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/instrDelAjax.do'/>";
+				$.ajax({
+					type:"POST",
+					url: url,
+					data: data,
+					dataType:'json',
+					async: false,
+					processData: false,
+					contentType: false,
+					cache: false,
+					success:function(returnData){
+							if(returnData.result == "success"){
+							alert("삭제되었습니다.");
+							// 새로고침
+							window.location.reload();
+						}
+					},
+					error:function(request , status, error){
+						alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
+					}
+				});
+			}
+			event.stopImmediatePropagation();
+	}
+	
+
+	// 기반 / 기소 공통
+	function fn_statusChg(eduAplctOrd, aplctStateCd){
+		document.statusChgForm.eduAplctOrd.value = eduAplctOrd ;
+		document.statusChgForm.aplctStateCd.value = aplctStateCd ;
+		var data = new FormData(document.getElementById("statusChgForm"));
+			if(confirm("상태병경을 하시겠습니까?")){
+				var url = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/updateAplctStateCdAjax.do'/>";
+				$.ajax({
+					type:"POST",
+					url: url,
+					data: data,
+					dataType:'json',
+					async: false,
+					processData: false,
+					contentType: false,
+					cache: false,
+					success:function(returnData){
+							if(returnData.result == "success"){
+							alert("변경되었습니다.");
+							// 새로고침
+							window.location.reload();
+						}
+					},
+					error:function(request , status, error){
+						alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
+					}
+				});
+			}
+			event.stopImmediatePropagation();
+			
+	}
+	
+
+
+	// 강사 배치
+	function fncInstrAsgnmInfo(prcsAplctPrdOrd) {
+		var form = document.popForm;
+		
+		form.prcsAplctPrdOrd.value = prcsAplctPrdOrd;
+		
+		form.action = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/popup/fndthInstrAsgnmPopup.do'/>";
+// 		form.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/popup/cndtnInstrAsgnmPopup.do'/>";
+		
+		window.open("#", "_securityPop", "scrollbars = no, top=100px, left=100px, height=750px, width=950px");    
+		form.target = "_securityPop";
+		form.submit();  
+	}
+	
+	function chkAll(obj) {
+	    // 모든 체크박스의 상태를 헤더 체크박스의 상태와 동일하게 설정
+	    $("input[name='chk']").prop('checked', $(obj).prop('checked'));
+	}
+	
+	// form 데이터를 묶지 않기 때문에 prcsAplctPrdOrd 데이터 필요함
+    function fn_statusChgList(p_aplctStateCd, p_prcsAplctPrdOrd) {
+        var selectedEduAplctOrd = [];
+        
+        // "chk" 이름을 가진 체크박스가 체크된 항목들을 순회
+        $("input[name='chk']:checked").each(function() {
+            var eduAplctOrdValue = $(this).val();
+            selectedEduAplctOrd.push(eduAplctOrdValue);
+        });
+        
+        console.log('selectedEduAplctOrd : ', selectedEduAplctOrd);
+        // 선택된 항목이 없으면 경고 메시지를 표시하고 함수를 종료
+        if (selectedEduAplctOrd.length === 0) {
+            alert("선택된 항목이 없습니다. 선택 후 다시 시도하세요.");
+            return false;
+        }
+        
+        var dataToSend = {
+                "eduAplctOrdList": selectedEduAplctOrd,
+                "aplctStateCd": p_aplctStateCd,
+                "prcsAplctPrdOrd": p_prcsAplctPrdOrd
+            };
+        
+		var url = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/updateAplctStateCdListAjax.do'/>";
+		
+		
+		// AJAX 호출을 통해 서버에 데이터 전송
+		$.ajax({
+			type:"POST",
+			url: url,
+			data: $.param(dataToSend, true), // 직렬화 , 컨트롤러에서 @ModelAttribute로 받을 수 있음
+// 			contentType : 'application/json',
+			dataType:'json',
+			success:function(returnData){
+				if(returnData.result == "success"){
+					alert("변경 처리 되었습니다.");	
+					window.location.reload();
+				}else{
+					alert("변경 중 오류가 발생하였습니다.");
+				}						
+			},
+			error: function(jqXHR, textStatus, errorThrown) {
+			    console.error("AJAX Error:", textStatus, errorThrown);
+			    console.error("Response:", jqXHR.responseText);
+			}
+		});
+        
+    }
+	
+</script>
+
+</head>
+<body>
+<form id="instrForm" name="instrForm" method="post">
+	<input type="hidden" name="prcsAplctPrdOrd" id="prcsAplctPrdOrd" value="<c:out value='${vEPrcsDetailVO.prcsAplctPrdOrd}' />"/>
+	<input type="hidden" name="userId" id="userId"/>
+</form>
+<form id="statusChgForm" name="statusChgForm" method="post">
+	<input type="hidden" name="prcsAplctPrdOrd" id="prcsAplctPrdOrd" value="<c:out value='${vEPrcsDetailVO.prcsAplctPrdOrd}' />"/>
+	<input type="hidden" name="aplctStateCd" id="aplctStateCd"/>
+	<input type="hidden" name="eduAplctOrd" id="eduAplctOrd"/>
+</form>
+<form:form id="listForm" name="listForm" commandName="vEPrcsDetailVO" method="post">
+</form:form>
+<form id="popForm" name="popForm" method="post">
+	<input type="hidden" name="pageIndex" value="1"/>
+	<input type="hidden" name="prcsAplctPrdOrd" value="" />
+	<input type="hidden" name="pageUnit" value="5" />
+</form>
+<form:form id="detailForm" name="detailForm" commandName="vEPrcsDetailVO" method="post">
+<input type="hidden" name="prcsAplctPrdOrd" id="prcsAplctPrdOrd" value="<c:out value='${vEPrcsDetailVO.prcsAplctPrdOrd}' />"/>
+<!-- cont -->
+<div class="cont_wrap">
+	<div class="box">
+		
+		
+
+			<!-- cont_tit -->
+			<div class="cont_tit">
+				<h2>교육확정관리상세</h2>
+				<ul class="cont_nav">
+					<li class="home"><a href="/"><i></i></a></li>
+					<li>
+						<p>기반강화연수관리</p>
+					</li>
+					<li><span class="cur_nav">교육확정관리상세</span></li>
+				</ul>
+			</div>
+			<!-- //cont_tit -->
+
+		<div class="cont">
+			<!-- list_상세 -->
+			<div class="tb_tit01">
+				<p>교육과정관리</p>
+			</div>
+			<div class="tb_type02">
+				<table>
+					<colgroup>
+						<col style="width: 210px;">
+						<col style="width: auto;">
+						<col style="width: 210px;">
+						<col style="width: auto;">
+					</colgroup>
+					<tbody>
+					<tr>
+						<th scope="row">교육부분</th>
+						<td>
+							<ve:code codeId="VEA001" code="${info.prcsDiv}"/>							
+						</td>
+					</tr>	
+					<tr>
+						<th scope="row">과정</th>
+						<td>
+							<c:out value="${info.prcsNm}"/>
+																					
+						</td>
+					</tr>
+					<tr>
+						<th scope="row">신청기간</th>
+						<td>
+							<c:out value="${info.strtPnttm}"/>~<c:out value="${info.endPnttm}"/>
+						</td>
+					</tr>
+					<tr>
+						<th scope="row">교육장소</th>
+						<td class="addPro_wrap">
+							<c:out value="${info.eduPlace}"/>							
+						</td>
+					</tr>
+					<tr>
+						<th scope="row">교육기간</th>
+						<td>
+							<c:out value="${info.eduStrtPnttm}"/>~<c:out value="${info.eduDdlnPnttm}"/>
+						</td>
+					</tr>				
+					<tr>
+						<th scope="row">상세교육과정</th>
+						<td>							
+							<c:out value="${info.prcsCn }" />
+						</td>
+					</tr>	
+					<tr>
+						<th scope="row">정원</th>
+						<td class="addPro_wrap">
+							<c:out value="${info.nos}"/>							
+						</td>
+					</tr>
+					<tr>
+						<th scope="row">상태</th>
+						<td id="ddlnCdStts">
+							<ve:code codeId="VEA004" code="${info.ddlnCd}"/>
+						</td>
+					</tr>					
+					<%-- <tr>
+						<th scope="row">								
+							<p>공개여부(사용여부)</p>
+						</th>
+						<td>
+							<c:if test="${empty info.useYn or info.useYn eq 'Y'}">예</c:if>
+							<c:if test="${info.useYn eq 'N'}">아니오</c:if>
+						</td>
+					</tr> --%>					
+					</tbody>					
+				</table>
+			</div>
+			<!-- //list_상세 -->
+
+			<!-- btn_wrap -->
+			<div class="btn_wrap btn_layout01">
+				<div class="btn_left">
+				</div>
+				<div class="btn_center">
+				</div>
+				<div class="btn_right">
+					<button type="button" class="btn_type02" onclick="fncMdfy(); return false;">수정</button>
+					<button type="button" class="btn_type03" onclick="fncGoList(); return false;">목록</button>
+				</div>
+			</div>		
+			
+			<!--  
+				강사 배치 정보
+				강사 배치 정보
+			-->
+			<div class="tb_tit01">
+				<p>강사 배치 정보</p>
+			</div>
+			<div class="tb_type01">
+				<table>
+					<colgroup>
+						<col style="width: 210px;"><!-- name -->
+						<col style="width: auto;"><!-- 제출일 -->
+						<col style="width: 210px;"><!-- 신청상태 -->						
+						<col style="width: 210px;"><!-- 신청상태 -->						
+					</colgroup>
+					<thead>
+					<tr>
+						<th>강사명</th>
+						<th>연락처</th>
+						<th>확정여부</th>						
+						<th>삭제</th>						
+					</tr>
+					</thead>					
+					<tbody>
+						<c:choose>
+							<c:when test="${!empty instrAsgnmList }">
+								<c:forEach var="list" items="${instrAsgnmList}" varStatus="status">
+									<tr>
+										<td>
+											<c:out value="${list.instrNm }"/>																							
+										</td>
+										<td>																						
+											<c:out value="${list.phone }"/>																						
+										</td>
+										<td>										
+											<ve:code codeId="VE0019" code="${list.asgnmAprvlCd}"/>																						
+										</td>
+										<td>										
+											<button type="button" class="btn_type01" onclick="fn_delInstr('<c:out value="${list.userId }" />')">삭제</button>
+										</td>
+									</tr>					
+								</c:forEach>
+							</c:when>
+							<c:otherwise>
+								<tr>
+									<td colspan="4">강사 배치 정보가 없습니다.</td>
+								</tr>
+							</c:otherwise>
+						</c:choose>
+					</tbody>					
+				</table>
+			</div>
+			
+			<!-- btn_wrap -->
+			<div class="btn_wrap btn_layout01">
+				<div class="btn_left">
+				</div>
+				<div class="btn_center">
+				</div>
+				<div class="btn_right">
+					<button type="button" class="btn_type02" onclick="fncInstrAsgnmInfo('<c:out value="${info.prcsAplctPrdOrd }" />'); return false;">강사배치</button>
+				</div>
+			</div>		
+			
+			<!--  
+				교육 신청자 list_상세
+				교육 신청자 list_상세
+			-->
+			<div class="tb_tit01">
+				<p>교육신청자</p>	<!-- ${listPrcsAplct } -->
+			</div>
+			
+			<!-- list_top -->
+			<div class="list_top search-only">
+				<div class="list_top_1">
+					<div class="util_right">
+						<ve:select codeId="VEA003" name="searchStatus" id="searchStatus" css="class='sel_type1'" 
+								selectedValue="${vEPrcsDetailVO.searchStatus}" defaultValue='' includes="10,20"
+								defaultText='전체'
+								/>
+					</div>
+				</div>
+			</div>
+			<div class="tb_type01">
+				<table>
+					<colgroup>
+						<col style="width: 5%">
+						<col style="width: 180px;">
+						<col style="width: 180px;">
+						<col style="width: 210px;">
+					</colgroup>
+					<thead>
+					<tr>
+						<th><input type="checkbox" name="checkAll" id="checkAll" onclick="chkAll(this);" /><label for="checkAll"></label></th>
+						<th>신청자</th>
+						<th>교육이수여부</th>						
+						<th>교육이수상태변경</th>						
+					</tr>
+					</thead>					
+					<tbody>
+						<c:choose>
+							<c:when test="${!empty listPrcsAplct}">
+								<c:forEach var="list" items="${listPrcsAplct}" varStatus="status">
+									<tr>
+										<td>
+											<input name="chk" class="${list.asgnmAprvlCd}" 
+											value="${list.eduAplctOrd}" title="Check" type="checkbox"/>
+										</td>
+										<td>
+											<c:out value="${list.userNm}"/>
+										<td>
+											<ve:code codeId="VEA003" code="${list.aplctStateCd}"/>
+										</td>
+										<td>
+											<button type="button" class="btn_type04" onclick="fn_statusChg('<c:out value="${list.eduAplctOrd }" />', '20')">이수</button>
+											<button type="button" class="btn_type05" onclick="fn_statusChg('<c:out value="${list.eduAplctOrd }" />', '10')">미이수</button>
+										</td>
+									</tr>					
+								</c:forEach>
+							</c:when>
+							<c:otherwise>
+								<tr>
+									<td colspan="4">데이터가 없습니다.</td>
+								</tr>
+							</c:otherwise>
+						</c:choose>
+						
+				
+					</tbody>					
+				</table>
+			</div>
+			<!-- //list_상세 -->
+			<!-- btn_wrap -->
+			<div class="btn_wrap btn_layout01">
+				<div class="btn_left">
+				</div>
+				<div class="btn_center">
+				</div>
+				<div class="btn_right">
+					<button type="button" class="btn_type04" onclick="location.href='<c:url value="/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngList.do" />'; return false;">교육확정목록</button>
+					<button type="button" class="btn_type04" onclick="fn_statusChgList('20', '<c:out value="${info.prcsAplctPrdOrd }" />'); return false;">이수</button>
+					<button type="button" class="btn_type04" onclick="fn_statusChgList('10', '<c:out value="${info.prcsAplctPrdOrd }" />'); return false;">미이수</button>
+				</div>
+			</div>					
+				
+		</div>
+	</div>
+</div>
+</form:form>
+<!-- //cont -->
+</body>
+</html>
diff --git a/src/main/webapp/WEB-INF/jsp/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngList.jsp b/src/main/webapp/WEB-INF/jsp/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngList.jsp
new file mode 100644
index 00000000..077d3a73
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngList.jsp
@@ -0,0 +1,320 @@
+<!DOCTYPE html>
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
+<%@ taglib prefix="kc" uri="/WEB-INF/tlds/kcc_tld.tld"%>
+<%@ taglib prefix="un" uri="http://jakarta.apache.org/taglibs/unstandard-1.0" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
+<%@ taglib prefix="ve" uri="/WEB-INF/tlds/kcc_tld.tld"%>
+<un:useConstants var="KccadrStatus" className="kcc.kccadr.cmm.KccadrConstants" />
+<%
+	/**
+	 * @Class Name : cndtnEduPrcsAplctPrdMngList.jsp
+	 * @Description : 조건부기소유예관리 과정 신청기간관리 목록
+	 * @Modification Information
+	 * @
+	 * @  수정일      수정자          수정내용
+	 * @  -------     --------    ---------------------------
+	 * @ 2021.12.14   조용준          최초 생성
+	 *  @author 조용준
+	 *  @since 2021.12.14
+	 *  @version 1.0
+	 *  @see
+	 *
+	 */
+%>
+<html lang="ko">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<style>
+		input:read-only{
+			background-color: #ededed;
+		}
+	</style>
+	<script type="text/javascript">
+
+	
+		$(document).ready(function(){
+			
+			// 상태값 확인
+		    $(".ddlnCdStts").each(function() {
+		        var $currentCell = $(this);
+
+		        // 텍스트가 비어있는지 확인
+		        if ($currentCell.text().trim() === "") {
+		            var $currentRow = $currentCell.closest('tr');
+
+		            var strtPnttm = new Date($currentRow.find("td:eq(3)").text().split("~")[0].trim());
+		            var endPnttm = new Date($currentRow.find("td:eq(3)").text().split("~")[1].trim());
+		            var currentDate = new Date();
+					
+		            var ddlnCdText = '';
+		            if (currentDate < strtPnttm) {
+		            	ddlnCdText = "접수전";
+		            } else if (currentDate >= strtPnttm && currentDate <= endPnttm) {
+		            	ddlnCdText = "접수중";
+		            } else if (currentDate > endPnttm) {
+		            	ddlnCdText = "접수종료";
+		            }
+		            
+	                $currentCell.text(ddlnCdText);
+		        }
+		    });
+			
+			
+		});
+	
+		function fncGoList(){
+			linkPage(1);
+		}
+
+		function linkPage(pageNo){
+			var listForm = document.listForm ;
+			listForm.pageIndex.value = pageNo ;
+			listForm.searchKeyword.value = $('#searchKeyword').val();
+			listForm.action = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngList.do'/>";
+			listForm.submit();
+		}
+
+
+		function fncGoDetail(prcsAplctPrdOrd){
+			var listForm = document.listForm ;
+			listForm.prcsAplctPrdOrd.value = prcsAplctPrdOrd ;
+			listForm.action = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngDetail.do'/>";
+			listForm.submit();
+		}
+		
+
+		function fncDelete(prcsOrd){
+			document.listForm.prcsOrd.value = prcsOrd ;
+			
+			var pageIndex = document.listForm.pageIndex.value;
+			if($(".listCount").length == '1'){
+				pageIndex = pageIndex -1;
+			}
+			var data = new FormData(document.getElementById("listForm"));
+				if(confirm("삭제하시겠습니까?")){
+					var url = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsMngDeleteAjax.do'/>";
+					console.log(data);
+					$.ajax({
+						type:"POST",
+						url: url,
+						data: data,
+						dataType:'json',
+						async: false,
+						processData: false,
+						contentType: false,
+						cache: false,
+						success:function(returnData){
+								if(returnData.result == "success"){
+								alert("삭제되었습니다.");
+								document.listForm.prcsOrd.value = ""; //리스트 이동시 prcsOrd 초기화
+								linkPage(pageIndex);
+							}
+						},
+						error:function(request , status, error){
+							alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
+						}
+					});
+				}
+				event.stopImmediatePropagation();
+				
+		}
+		
+		function fncSaveSort(prcsOrd, count){
+			
+			var sortNo = $('#prcsSortNo'+count).val();
+			
+			if(sortNo == ''){
+				
+				alert("표시순서를 입력해 주세요.");
+				return false;
+				
+			}
+			
+			$('#prcsOrd').val(prcsOrd);
+			$('#prcsSortNo').val(sortNo);
+			var data = new FormData(document.getElementById("listForm"));
+			var url = "<c:url value='/kccadr/oprtn/otsdCprtnPrcs/eduPrcsSortUpdateAjax.do'/>";
+			$.ajax({
+				type:"POST",
+				url: url,
+				data: data,
+				dataType:'json',
+				async: false,
+				processData: false,
+				contentType: false,
+				cache: false,
+				success:function(returnData){
+						if(returnData.result == "success"){
+						alert("저장되었습니다.");
+						document.listForm.prcsOrd.value = ""; //리스트 이동시 prcsOrd 초기화
+						fncGoList();
+					}
+				},
+				error:function(request , status, error){
+					alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
+				}
+			});
+			
+		}
+
+	</script>
+	<title>과정신청기간관리목록</title>
+</head>
+<body>
+<form:form id="listForm" name="listForm" method="post" commandName="vEPrcsDetailVO" onsubmit="return false;">
+	<input type="hidden" name="pageIndex" value="<c:out value='${vEPrcsDetailVO.pageIndex}' default='1' />"/>
+	<input type="hidden" name="searchSortCnd" value="<c:out value="${vEPrcsDetailVO.searchSortCnd}" />" />
+	<input type="hidden" name="searchSortOrd" value="<c:out value="${vEPrcsDetailVO.searchSortOrd}" />" />
+	<input type="hidden" id="prcsOrd" name="prcsOrd" value="" />
+	<input type="hidden" id="prcsAplctPrdOrd" name="prcsAplctPrdOrd" value="" />
+	<input type="hidden" id="prcsSortNo" name="prcsSortNo" value="" />
+
+	<div class="cont_wrap">
+		<div class="box">
+
+			<!-- cont_tit -->
+			<div class="cont_tit">
+				<h2>교육확정관리목록</h2>
+				<ul class="cont_nav">
+					<li class="home"><a href="/"><i></i></a></li>
+					<li>
+						<p>기반강화연수관리</p>
+					</li>
+					<li><span class="cur_nav">교육확정관리목록</span></li>
+				</ul>
+			</div>
+			<!-- //cont_tit -->
+
+			<div class="cont">
+				<div class="tb_tit01">
+					<p>교육 확정 관리</p>
+				</div>			
+				<!-- list_top -->
+				<div class="list_top search-only">
+					<div class="list_top_1">
+						<div class="util_right">
+
+							<ve:select codeId="VEA001" name="searchStatus" id="searchStatus" css="class='sel_type1'" 
+									selectedValue="${vEPrcsDetailVO.searchStatus }" defaultValue=""
+									defaultText="전체"
+									/>
+							<div class="calendar_wrap">
+								<input type="text" class="calendar" title="시작일 선택" id="searchSmbtStartDt" name="searchSmbtStartDt" value="${vEPrcsDetailVO.searchSmbtStartDt}">
+							</div>
+							~
+							<div class="calendar_wrap">
+								<input type="text" class="calendar" title="종료일 선택" id="searchSmbtEndDt" name="searchSmbtEndDt" value="${vEPrcsDetailVO.searchSmbtEndDt}">
+							</div>
+							<input type="text" id="searchKeyword" name="searchKeyword" placeholder="과정명를 입력하세요." title="검색어 입력" class="search_input" value="<c:out value='${vEPrcsDetailVO.searchKeyword}'/>">
+							<button type="button" class="btn_type08" onclick="fncGoList(); return false;">검색</button>
+							<button class="btn_type03" onclick="fncReset(this); return false;">초기화</button>
+						</div>
+					</div>
+				</div>		
+				<div class="list_util">
+					<p class="list_util_p"><span><c:out value="${paginationInfo.totalRecordCount}" /></span>건의 접수가 검색되었습니다.</p>
+					<div>
+						<select class="sel_type1" name="pageUnit" id="pageUnit" onchange="linkPage(1);" title="줄 선택" style="width: 140px" class="sel_type1">
+							<option value='10' <c:if test="${vEPrcsDetailVO.pageUnit == '10' or vEPrcsDetailVO.pageUnit == ''}">selected</c:if>>10줄</option>
+							<option value='20' <c:if test="${vEPrcsDetailVO.pageUnit == '20'}">selected</c:if>>20줄</option>
+							<option value='30' <c:if test="${vEPrcsDetailVO.pageUnit == '30'}">selected</c:if>>30줄</option>
+							<option value='100' <c:if test="${vEPrcsDetailVO.pageUnit == '100'}">selected</c:if>>100줄</option>
+						</select>
+						<%--<button type="button" class="btn_down_excel">엑셀 다운로드</button>--%>
+					</div>
+				</div>
+								
+				<!-- //list_top -->
+
+
+				<!-- list -->
+				<div class="tb_type01">
+					<table>
+						<colgroup>
+							<col style="width: 5%">
+							<col style="width: 10%">
+							<col style="width: auto">
+							<col style="width: 180px;">							
+							<col style="width: 180px;">
+							<col style="width: 10%">
+							<col style="width: 10%">
+<%-- 							<col style="width: 10%"> --%>
+						</colgroup>
+						<thead>
+						<tr>
+							<th>NO</th>
+							<th>교육구분코드</th>
+							<th>과정명</th>
+							<th>교육기간</th>
+							<th>신청자/정원</th>
+							<th>상태</th>
+							<th>강사배정</th>
+<!-- 							<th>공개여부</th> -->
+						</tr>
+						</thead>
+						<tbody>
+						<c:forEach var="list" items="${list}" varStatus="status">
+							<tr class="listCount">
+								<td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;">									
+									<c:out value="${status.count}"/>
+								</td>
+								<td>
+									<kc:code codeId="VEA001" code="${list.prcsDiv}"/>
+								</td>
+								<td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;">									
+									<c:out value="${list.prcsNm}"/>(<c:out value="${list.prcsAplctPrdOrd}"/>)
+								</td>
+								<td>									
+									<c:out value="${list.eduStrtPnttm}"/>~<c:out value="${list.eduDdlnPnttm}"/>
+								</td>
+								<td>									
+									<c:out value="${list.nosCnt1}"/>/<c:out value="${list.nos}"/>
+								</td>
+								<td class="ddlnCdStts">
+									<kc:code codeId="VEA004" code="${list.ddlnCd}"/>
+								</td>
+								<td>									
+<%-- 									<c:out value="${list.strtPnttm}"/>~<c:out value="${list.endPnttm}"/> --%>
+									<c:choose>
+										<c:when test="${list.instrCnt ne 0 }">
+											배정완료
+										</c:when>
+										<c:otherwise>
+											<button type="button" class="btn_type04" onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');">강사배정</button>
+										</c:otherwise>
+									</c:choose>
+								</td>
+<!-- 								<td> -->
+<%-- 									<c:out value="${list.useYn}"/> --%>
+<!-- 								</td>										 -->
+							</tr>
+						</c:forEach>
+						<c:if test="${empty list}">
+							<tr><td colspan="7"><spring:message code="common.nodata.msg" /></td></tr>
+						</c:if>
+						</tbody>
+					</table>
+				</div>
+				<!-- //list -->
+
+				<!-- page -->
+				<div class="page">
+					<ui:pagination paginationInfo = "${paginationInfo}"  type="image" jsFunction="linkPage" />
+				</div>
+				<!-- //page -->
+			</div>
+		</div>
+	</div>
+	<!-- //cont -->
+	<!-- //cont -->
+
+</form:form>
+
+</body>
+</html>
diff --git a/src/main/webapp/WEB-INF/jsp/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctPrdMngDetail.jsp b/src/main/webapp/WEB-INF/jsp/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctPrdMngDetail.jsp
index 78a592f0..f27a9a67 100644
--- a/src/main/webapp/WEB-INF/jsp/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctPrdMngDetail.jsp
+++ b/src/main/webapp/WEB-INF/jsp/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctPrdMngDetail.jsp
@@ -217,7 +217,7 @@
 				<ul class="cont_nav">
 					<li class="home"><a href="/"><i></i></a></li>
 					<li>
-						<p>조건부기소유예관리</p>
+						<p>기반강화연수관리</p>
 					</li>
 					<li><span class="cur_nav">과정신청기간관리 신청기간 상세</span></li>					
 				</ul>
diff --git a/src/main/webapp/WEB-INF/jsp/web/com/webCommonHeader_20231011.jsp b/src/main/webapp/WEB-INF/jsp/web/com/webCommonHeader_20231011.jsp
new file mode 100644
index 00000000..84978b91
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/web/com/webCommonHeader_20231011.jsp
@@ -0,0 +1,385 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ page import="egovframework.rte.fdl.security.userdetails.util.EgovUserDetailsHelper" %>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<%@ page import="kcc.com.cmm.LoginVO" %>
+<c:set var="URL" value="${pageContext.request.requestURL}" />
+<c:set var="URI" value="${pageContext.request.requestURI}" />
+
+		<!-- ${URL} -->
+		<!-- ${URI} -->
+		<!-- webCommonHeader.jsp -->
+
+<script type="text/javascript">
+
+<%-- 웹접근성 각 페이지 타이틀 변경  220125--%>
+$(document).ready(function (){
+	   var titleNm = '';
+	   if($('body').find('h2').length > 0){
+	      titleNm = document.querySelector('h2').textContent;
+	      if(document.title.indexOf(titleNm) < 0){
+	         document.title = titleNm + "<" + document.title;
+	      }
+	   }
+	});
+</script>
+
+
+<!-- 헤드 선언 - weblayout.jsp 헤드 종료 - webCommonHeader.jsp -->
+<script type="text/javascript">
+$(document).ready(function (){
+	// 2뎁스 링크 주소 1뎁스로 복사 넣기
+	
+	// 탑메뉴
+	$("nav#menu ul.depth01").find('li').each(function (index, item){
+		$($(this).find('a')[0]).attr('href' , $($(this).find('.depth02').find('a')[0]).attr('href'));
+	});	
+	
+	//사이트맵
+	$('.full_menu ul.depth01').find('li').each(function (index, item){
+		$($(this).find('a')[0]).attr('href' , $($(this).find('.depth02').find('a')[0]).attr('href'));
+	});	
+	
+/* 	//대국민일 경우 '나의 사건 관리' 원뎁스 메뉴 클릭 시 대시보드로 이동
+	if("${auth}" == 'ROLE_USER_MEMBER'){
+		$("#9997000").attr('href', "/web/kccadr/accdnt/ai/adjstIncidentDashList.do")
+	}
+	 */
+	 
+	/* 강사 대시보드 이동 - 강사메뉴에 대시보드를 추가하기로 해서 필요 없어짐.*/
+	/* if("${auth}" == 'ROLE_USER_MANAGER'){
+		if("${instrDiv}" == 'tngrInstrDiv'){
+			$("#99923000").attr('href', "${pageContext.request.contextPath}/web/ve/instr/tngrVisitEdu/instrInfo/instrDashboard.do")	
+		}else if("${instrDiv}" == 'adultInstrDiv'){
+			$("#99923000").attr('href', "${pageContext.request.contextPath}/web/ve/instr/adultVisitEdu/instrInfo/instrDashboard.do")
+		}
+	} */
+	
+	//청소년 강사 > 성인강사 메뉴 삭제 / 성인 강사 > 청소년 강사 메뉴 삭제
+	if("${auth}" == 'ROLE_USER_MANAGER'){
+		if("${instrDiv}" == 'tngrInstrDiv'){
+			$("#9991000").parent('li').hide();	
+			$("#full_9991000").parent('li').hide();	
+		}else if("${instrDiv}" == 'adultInstrDiv'){
+			$("#99923000").parent('li').hide();
+			$("#full_99923000").parent('li').hide();
+		}
+	}
+	 
+	
+/* 	//담당자일 경우 '담당자' 원뎁스 메뉴 클릭 시 대시보드로 이동
+	if("${auth}" == 'ROLE_USER_MANAGER'){
+		$("#99912000").attr('href', "/web/kccadr/adjcclt/ai/adjstConciliatorDashList.do")
+	} */
+});	
+
+/* 회원정보 수정 link */
+function usrModify(){
+	var gsWin = window.open('about:blank','modifyTab','');
+	var frm = document.usrModifyForm;
+	frm.target ="modifyTab";
+	frm.accessToken.value = "<c:out value='${ssoLoginVO.access_token}'/>";
+	frm.refreshToken.value = "<c:out value='${ssoLoginVO.refresh_token}'/>";
+	frm.returnSiteCode.value = "<c:out value='${returnSiteCode}'/>";
+	frm.returnSiteUrl.value = "<c:out value='${returnSiteUrl}'/>";
+	
+	frm.action = "<c:url value='${modifyUrl}'/>";
+	frm.submit();
+
+}
+
+/* 회원가입 link */
+function usrJoin(){
+	var gsWin = window.open('about:blank','joinTab','');
+	var frm = document.usrJoinForm;
+	frm.target ="joinTab";
+	frm.returnSiteCode.value = "<c:out value='${returnSiteCode}'/>";
+	frm.returnSiteUrl.value = "<c:out value='${returnSiteUrl}'/>";
+	
+	frm.action = "<c:url value='${joinUrl}'/>";
+	frm.submit();
+}
+
+/* 화면 확대 축소 */
+ var nowZoom = 100;
+ 
+ /* 20220429줌아웃기능 반대로 되어있어서 수정 */
+ function zoomOut() {   // 화면크기축소
+	 nowZoom = nowZoom + 10;
+	   if(nowZoom >= 200) nowZoom = 200;   // 화면크기 최대 확대율 200%
+	   zooms();
+}
+ 
+ function zoomIn() {   // 화면크기확대
+	   nowZoom = nowZoom - 10;
+	   if(nowZoom <= 70) nowZoom = 70;   // 화면크기 최대 축소율 70%
+	   zooms();
+	   
+}
+ 
+ function zooms() {
+	   document.body.style.zoom = nowZoom + "%";
+}
+ 
+ function goEEdu() {
+	$.ajax({
+		url : "<c:url value='/web/updateMberSeqKeyAjax.do'/>",
+		async:false,
+		processData: false,
+		contentType: false,
+		cache: false,
+		success: function (returnData, status) {
+			if(returnData.status == 'loginY'){
+				window.location.href = "http://223.255.205.7/user/main/main.do?user_id="+returnData.user_id+"&key="+returnData.key;
+				
+				
+			} else if(returnData.status == 'fail') {
+				alert("key 갱신 오류");
+			} else if(returnData.status == 'loginN'){
+				alert("로그인을 해주세요.")
+			}
+		},
+		error: function (e) {
+			console.log("ERROR : ", e);
+			alert("key 갱신 오류");
+		}
+	});
+}
+
+</script>
+</head>
+<!-- 바디 선언 - 헤더/바디종료 - 푸터-->
+
+<!-- ${LoginVO} -->
+<!-- ${ssoLoginVO} -->
+
+<body>
+<!-- 찾교 헤더HTML 시작 -->
+	<div class="skip_menu">
+		<a href="#main" class="contGo" title="본문 바로가기">본문 바로가기</a>
+	</div>
+	<!-- header -->
+	<header>
+	<c:choose>
+		<c:when test="${empty LoginVO or empty ssoLoginVO}">
+			<form id="usrJoinForm" name="usrJoinForm" method="post" action="">
+				<input type="hidden" id="returnSiteCode" name="returnSiteCode" value=""/>
+				<input type="hidden" id="returnSiteUrl" name="returnSiteUrl" value=""/>
+			</form>
+			<div class="gnb_wrap">
+				<div class="inner">
+					<div class="area_left">
+						<button class="site" onclick="window.open('https://www.copyright.or.kr/main.do')" title="새창열림">
+							<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
+							<span>GO</span>
+						</button>
+						<p><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/edu_mark_1.png" alt="" /> 교육기부 우수기관</p>
+					</div>
+					<%-- <button class="site" onclick="window.open('https://www.copyright.or.kr/main.do')" title="새창열림">
+						<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
+						<span>GO</span>
+					</button> --%>
+					
+					<%-- <button class="site" onclick="window.location.href='http://223.255.205.7/user/main/main.do'" title="새창열림">
+						<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
+						<span>e-배움터GO(비로그인)</span>
+					</button>
+					<button class="site" onclick="javascript:goEEdu();" title="새창열림">
+						<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
+						<span>e-배움터GO(로그인)</span>
+					</button> --%>
+					
+					<div class="area_right">
+						<!-- local -->
+						<c:if test="${environment eq 'local' }">
+							<p class="login_info header_login_wrap"><a href="${pageContext.request.contextPath}/web/user/login/ssoLogin.do" class="header_login"><i></i>로그인</a></p>
+							<p class="login_info"><a href="#" onclick="usrJoin();" class="header_join" target="blank" title="새창열림"><i></i>회원가입</a></p>
+						</c:if>
+						<!-- dev -->
+						<c:if test="${environment eq 'dev' }">
+							<p class="login_info header_login_wrap"><a href="http://223.255.205.7/user/member/loginForm.do?eduOff=Y" class="header_login"><i></i>로그인</a></p> <!-- e-배움터 개발서버 -->
+							<p class="login_info"><a href="http://223.255.205.7/user/usrservice/selectUserSeView.do?eduOff=Y" class="header_join" title="새창열림"><i></i>회원가입</a></p> <!-- e-배움터 개발서버 -->
+						</c:if>
+						<!-- svr -->
+						<c:if test="${environment eq 'svr' }">
+							<p class="login_info header_login_wrap"><a href="https://edu-copyright.or.kr/user/member/loginForm.do?eduOff=Y" class="header_login"><i></i>로그인</a></p> <!-- e-배움터 운영서버 -->
+							<p class="login_info"><a href="https://edu-copyright.or.kr/user/usrservice/selectUserSeView.do?eduOff=Y" class="header_join"  title="새창열림"><i></i>회원가입</a></p> <!-- e-배움터 운영서버 -->
+						</c:if>
+						
+						<div class="btn_util">
+							<button class="btn_minus" onClick="zoomOut();" title="글자 확대"></button>
+							<button class="btn_plus" onClick="zoomIn();" title="글자 축소"></button>
+						</div>					
+					</div>
+				</div>
+			</div>
+		</c:when>
+		<c:when test="${!empty LoginVO and !empty ssoLoginVO}">
+			<form id="usrModifyForm" name="usrModifyForm" method="post" action="">
+				<input type="hidden" id="accessToken" name="accessToken" value=""/>
+				<input type="hidden" id="refreshToken" name="refreshToken" value=""/>
+				<input type="hidden" id="returnSiteCode" name="returnSiteCode" value=""/>
+				<input type="hidden" id="returnSiteUrl" name="returnSiteUrl" value=""/>
+			</form>
+			<div class="gnb_wrap">
+				<div class="inner">
+					<button class="site" onclick="window.open('https://www.copyright.or.kr/main.do')" title="새창열림">
+						<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
+						<span>GO</span>					
+					</button>
+					
+					<button class="site" onclick="window.location.href='http://223.255.205.7/user/main/main.do" title="새창열림">
+						<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
+						<span>e-배움터GO(비로그인)</span>
+					</button>
+					<button class="site" onclick="javascript:goEEdu();" title="새창열림">
+						<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
+						<span>e-배움터GO(로그인)</span>
+					</button>
+					
+					<div class="area_right">
+						<!-- Sso 연계 테스트 로그인 후-->
+						<p class="login_after"><c:out value="${ssoLoginVO.membName}"/><span>님</span></p>
+						<p class="login_info"><a href="#" onclick="location.href='${pageContext.request.contextPath}/web/uat/uia/actionLogout.do'">로그아웃</a></p>
+						<p class="login_info"><a href="#" onclick="javascript:usrModify();" title="새창열림">회원정보 수정</a></p>
+						<div class="btn_util">
+							<button class="btn_minus" onClick="zoomOut();" title="글자 확대"></button>
+							<button class="btn_plus"  onClick="zoomIn();" title="글자 축소"></button>
+						</div>
+					</div>
+				</div>
+			</div>
+		</c:when>
+	</c:choose>
+		<div class="header">
+			<div class="header_inner">
+				<h1 class="logo"><a href="${pageContext.request.contextPath}/web/main/mainPage.do" title="메인으로 이동"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></a></h1>
+				<div class="nav_wrap">
+					<nav id="menu">
+						<ul class="depth01">
+							<c:forEach var="resultListOne" items="${menuResultList}" varStatus="status">
+							<c:if test="${resultListOne.depths eq '1' }">
+							<li class="depth01_li">
+								<a href="#" class="menu_link menu_tit"  id="${resultListOne.menuNo}">
+									<c:out value="${resultListOne.menuNm}" escapeXml="false" />
+								</a>
+								<ul class="depth02">
+									<c:forEach var="resultListTwo" items="${menuResultList}" varStatus="status"> 
+									<c:if test="${resultListTwo.depths eq '2' && resultListOne.menuNo  eq resultListTwo.upperMenuId }">
+									<li>
+										<a href="${pageContext.request.contextPath}${empty resultListTwo.url ? '#' : resultListTwo.url }" ${resultListTwo.menuType eq 'O' ? 'target="_blank"' : ""} >
+											<c:out value="${resultListTwo.menuNm}" />
+										</a>
+									</li>
+									</c:if>
+									</c:forEach>
+								</ul>
+							</li>
+							</c:if>
+							</c:forEach>
+						</ul>
+					</nav>
+				</div>
+				<div class="area_right">
+					<!-- 로그인 관련 모바일 화면 -->
+					<c:choose>
+						<c:when test="${empty LoginVO or empty ssoLoginVO}">
+						<c:if test="${environment eq 'local' }">
+							<button type="button" class="btn_mobile btn_login" onclick="location.href='${pageContext.request.contextPath}/web/user/login/ssoLogin.do'" title="로그인"></button>
+							<button type="button" class="btn_mobile btn_join" onclick="javascript:usrJoin();" title="회원가입"></button>
+						</c:if>
+						<c:if test="${environment eq 'dev' }">
+							<button type="button" class="btn_mobile btn_login" onclick="location.href='http://223.255.205.7/user/member/loginForm.do?eduOff=Y'" title="로그인"></button>
+							<button type="button" class="btn_mobile btn_join" onclick="location.href='http://223.255.205.7/user/usrservice/selectUserSeView.do?eduOff=Y'" title="회원가입"></button>
+						</c:if>
+						<c:if test="${environment eq 'svr' }">
+							<button type="button" class="btn_mobile btn_login" onclick="location.href='https://edu-copyright.or.kr/user/member/loginForm.do?eduOff=Y'" title="로그인"></button>
+							<button type="button" class="btn_mobile btn_join" onclick="location.href='https://edu-copyright.or.kr/user/usrservice/selectUserSeView.do?eduOff=Y'" title="회원가입"></button>
+						</c:if>
+						</c:when>
+						<c:when test="${!empty LoginVO and !empty ssoLoginVO}">
+							<button type="button" class="btn_mobile btn_logout" onclick="location.href='${pageContext.request.contextPath}/web/uat/uia/actionLogout.do'" title="로그아웃"></button>
+							<button type="button" class="btn_mobile btn_usredit" onclick="javascript:usrModify();" title="개인정보 수정"></button>
+						</c:when>
+					</c:choose>
+					<button type="button" class="btn_menu" title="전체메뉴 열기"></button>
+				</div>
+			</div>
+		</div>
+	</header>
+	<!-- //header -->
+
+	<!-- 전체메뉴 -->
+	<div class="full_menu">
+		<div class="inner">
+			<h1 class="logo"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></h1>
+			<ul class="depth01">
+				<c:forEach var="resultListOne" items="${menuResultList}" varStatus="status">
+				<c:if test="${resultListOne.depths eq '1' }">
+				<li class="depth01_li">
+					<a href="#" class="menu_link" id="full_${resultListOne.menuNo}">
+						<c:out value="${resultListOne.menuNm}" escapeXml="false" />
+					</a>
+					<ul class="depth02">
+						<c:forEach var="resultListTwo" items="${menuResultList}" varStatus="status"> 
+						<c:if test="${resultListTwo.depths eq '2' && resultListOne.menuNo  eq resultListTwo.upperMenuId }">
+						<li>
+							<a href="${pageContext.request.contextPath}${empty resultListTwo.url ? '#' : resultListTwo.url }" ${resultListTwo.menuType eq 'O' ? 'target="_blank"' : ""} >
+								<c:out value="${resultListTwo.menuNm}" />
+							</a>
+						</li>
+						</c:if>
+						</c:forEach>
+					</ul>
+				</li>
+				</c:if>
+				</c:forEach>
+				<!-- <li class="depth01_li"><a href="https://www.copyright.or.kr/customer-center/user-guide/privacy-policy/index.do" class="menu_link" target="_blank" title="새창열림">이용안내</a>
+					<ul class="depth02">
+						<li><a href="https://www.copyright.or.kr/customer-center/user-guide/privacy-policy/index.do" target="_blank" title="새창열림">개인정보처리방침 <i class="link"></i></a></li>
+						<li><a href="https://www.copyright.or.kr/customer-center/user-guide/email-rejection/index.do" target="_blank" title="새창열림">이메일무단수집거부 <i class="link"></i></a></li>
+						<li><a href="https://www.copyright.or.kr/customer-center/user-guide/customer-service-charter/index.do" target="_blank" title="새창열림">고객서비스헌장 <i class="link"></i></a></li>
+						<li><a href="https://www.copyright.or.kr/customer-center/user-guide/policy/index.do" target="_blank" title="새창열림">저작권정책 <i class="link"></i></a></li>
+					</ul>
+				</li> -->
+			</ul>
+			<button type="button" class="btn_close" title="전체메뉴 닫기"></button>
+		</div>
+	</div>
+	<!-- //전체메뉴 -->
+
+	<!-- 모바일메뉴 -->
+	<div id="m_menu">
+		<ul class="depth01">
+			<c:forEach var="resultListOne" items="${menuResultList}" varStatus="status">
+			<c:if test="${resultListOne.depths eq '1' }">
+			<li class="depth01_li">
+				<button type="button" class="menu_tit"><c:out value="${resultListOne.menuNm}" escapeXml="false"/></button>
+				<ul class="depth02">
+					<c:forEach var="resultListTwo" items="${menuResultList}" varStatus="status"> 
+					<c:if test="${resultListTwo.depths eq '2' && resultListOne.menuNo  eq resultListTwo.upperMenuId }">
+					<li>
+						<a href="${pageContext.request.contextPath}${empty resultListTwo.url ? '#' : resultListTwo.url }" ${resultListTwo.menuType eq 'O' ? 'target="_blank"' : ""} >
+							<c:out value="${resultListTwo.menuNm}" />
+						</a>
+					</li>
+					</c:if>
+					</c:forEach>
+				</ul>
+			</li>
+			</c:if>
+			</c:forEach>
+			<!-- <li class="depth01_li">
+				<button type="button" class="menu_tit" title="소메뉴 열기">이용안내</button>
+				<ul class="depth02">
+					<li><a href="https://www.copyright.or.kr/customer-center/user-guide/privacy-policy/index.do" target="_blank" title="새창열림">개인정보처리방침 <i class="link"></i></a></li>
+					<li><a href="https://www.copyright.or.kr/customer-center/user-guide/email-rejection/index.do" target="_blank" title="새창열림">이메일무단수집거부 <i class="link"></i></a></li>
+					<li><a href="https://www.copyright.or.kr/customer-center/user-guide/customer-service-charter/index.do" target="_blank" title="새창열림">고객서비스헌장 <i class="link"></i></a></li>
+					<li><a href="https://www.copyright.or.kr/customer-center/user-guide/policy/index.do" target="_blank" title="새창열림">저작권정책 <i class="link"></i></a></li>
+				</ul>
+			</li> -->
+		</ul>
+<!-- 		<button type="button" class="btn_close" title="모바일메뉴 닫기"></button> -->
+		<div class="btn_close_wrap"><button class="btn_close" title="모바일메뉴 닫기"></button></div>
+	</div>
+	<!-- //모바일메뉴 -->
diff --git a/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp b/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp
index 377ec137..68fefe03 100644
--- a/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp
@@ -8,7 +8,8 @@
 
 	<!-- script -->
 	
-	
+<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/swiper.min.css">
+<script src="/offeduadvc/visitEdu/usr/publish/script/swiper.js"></script>
 <script type="text/javascript">
 $(document).ready(function (){
 	
@@ -174,368 +175,219 @@ function instrChk(){
 		</c:forEach>
 	</c:if>
 	
- <!-- main content -->
-	<main class="main" id="main">
-		<div class="inner">
-	  		<div class="cont1">
-			<c:forEach var="mainzoneList" items="${mainzoneList}" varStatus="status">
-				<div class="swiper cont1-swiper">
-<%-- 			<div class="swiper-slide visual1" style="background-image: url('<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.mainzoneImageFile}"/>');"> --%>
-					<div class="swiper-slide visual1" style="background-image: url('<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${mainzoneList.mainzoneImageFile}"/>');">
-			  			<p class="txt1">대국민 저작권 교육 서비스</p>
-			  			<p class="txt2">찾아가는 저작권 교육!</p>
-			  			<span>편리하고 안전한 저작권 이용환경 조성을 통해<br> 올바른 저작권 문화 구축에 앞장서겠습니다.</span>
-			  			<!-- <button type="button">교육과정 안내</button> -->
-			  			<button type="button" onclick="location.href='<c:url value="/web/ve/aplct/tngrVisitEdu/eduAplct/eduAplctReg.do"/>'">교육신청 등록</button>
+	<!-- main_content -->
+	<div class="container main">
+		<!-- visual -->
+		<div class="visual_slide swiper">
+			<button type="button" class="btn_prev_slide">이전 슬라이드</button>
+			<button type="button" class="btn_next_slide">다음 슬라이드</button>
+			<div class="swiper-wrapper">
+				<div class="swiper-slide">
+					<div class="inner">
+						<div class="text_area">
+							<p class="sub_title">대국민 저작권 교육 서비스1</p>
+							<p class="title">찾아가는 저작권 교육!</p>
+							<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
+							<a href="#none">교육신청 등록</a>
+						</div>
 					</div>
 				</div>
-			</c:forEach>
-	  		</div>
-			<!--// content1 -->
-			<!-- content2 -->
-			<div class="cont2">
-				<div class="swiper cont2-swiper">
-		 	 		<div class="swiper-wrapper">
-		  			<c:forEach var="popupzoneList" items="${popupzoneList}" varStatus="status">
-			  			<div class="swiper-slide popup${status.count}">
-				  			<img onerror="this.src='${pageContext.request.contextPath}/images/no_img.jpg'" style="width: 100%;" alt="<c:out value='${popupzoneList.imgAlt}' /> 알림창" src="<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value='${popupzoneList.popupzoneImageFile}'/>" />
-				  	
-				  			<img  class="mobile_banner" onerror="this.src='${pageContext.request.contextPath}/images/no_img.jpg'" alt="<c:out value='${popupzoneList.imgAlt}' /> 알림창" src='<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${popupzoneList.popupzoneImageFile}"/>' />
-			  			</div>
-						<%-- <div class="swiper-slide popup1">
-				  			<img src="/visitEdu/usr/publish/images/main/popup1.png" alt="저작권 교육하신 선생님 손에 커피드림 이벤트. 저작권 교육용 콘텐츠를 받아서 학생들에게 교육해주신 선생님들~ 교육 실적 입력하시고 스타벅스 커피 꼭 받아가세요~ 참여방법 1.저작권 교육용 콘텐츠를 수업에 사용 2.저작권 콘텐츠를 활용한 저작권 교육 실적을 제출하면 완료">
-				 		 	<img src="/visitEdu/usr/publish/images/main/m_popup1.png" alt="저작권 교육하신 선생님 손에 커피드림 이벤트. 저작권 교육용 콘텐츠를 받아서 학생들에게 교육해주신 선생님들~ 교육 실적 입력하시고 스타벅스 커피 꼭 받아가세요~ 참여방법 1.저작권 교육용 콘텐츠를 수업에 사용 2.저작권 콘텐츠를 활용한 저작권 교육 실적을 제출하면 완료" class="mobile_banner">
-							</div> --%>
-					</c:forEach>
-		  			</div>
-		  			<div class="slide_button">
-						<div class="control">
-			  				<div class="swiper-button-prev"></div>
-			  				<div class="swiper-pagination"></div>
-			  				<div class="swiper-button-next"></div>
+				<div class="swiper-slide">
+					<div class="inner">
+						<div class="text_area">
+							<p class="sub_title">대국민 저작권 교육 서비스2</p>
+							<p class="title">찾아가는 저작권 교육!</p>
+							<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
+							<a href="#none">교육신청 등록</a>
 						</div>
-						<button type="button" class="slidePause" title="슬라이드 일시정지"></button>
-		  			</div>
+					</div>
+				</div>
+				<div class="swiper-slide">
+					<div class="inner">
+						<div class="text_area">
+							<p class="sub_title">대국민 저작권 교육 서비스3</p>
+							<p class="title">찾아가는 저작권 교육!</p>
+							<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
+							<a href="#none">교육신청 등록</a>
+						</div>
+					</div>
+				</div>
+				<div class="swiper-slide">
+					<div class="inner">
+						<div class="text_area">
+							<p class="sub_title">대국민 저작권 교육 서비스4</p>
+							<p class="title">찾아가는 저작권 교육!</p>
+							<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
+							<a href="#none">교육신청 등록</a>
+						</div>
+					</div>
+				</div>
+				<div class="swiper-slide">
+					<div class="inner">
+						<div class="text_area">
+							<p class="sub_title">대국민 저작권 교육 서비스5</p>
+							<p class="title">찾아가는 저작권 교육!</p>
+							<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
+							<a href="#none">교육신청 등록</a>
+						</div>
+					</div>
 				</div>
 			</div>
-			<!--// content2 -->
-
-			<!-- content3 -->
-			<div class="cont3">
-				<div class="cont3_tit">
-					<p>저작권 교육신청</p>
-				</div>
-				<div class="cont3_cont">
-					<c:if test="${userAuthority ne 'ROLE_USER_MANAGER'}">
-						<div class="cont3_cont_1">
-							<p><a href="${pageContext.request.contextPath}/web/ve/aplct/tngrVisitEdu/eduAplct/eduAplctReg.do" title="찾아가는 저작권 교육 청소년 바로가기"><span class="mo_text">청소년</span>찾아가는 저작권 교육<span>청소년</span></a></p>
-						</div>
-						<div class="cont3_cont_2">
-							<p><a href="${pageContext.request.contextPath}/web/ve/aplct/adultVisitEdu/eduAplct/eduAplctReg.do" title="찾아가는 저작권 교육 성인 바로가기"><span class="mo_text">성인</span>찾아가는 저작권 교육<span>성인</span></a></p>
-						</div>
-						<div class="cont3_cont_3">
-							<p><a href="${pageContext.request.contextPath}/web/ve/aplct/otsdCprtnPrcs/lctrAplct/lctrAplctReg.do" title="교육콘텐츠 신청 바로가기">교육콘텐츠 신청</a></p>
-						</div>
-						<div class="cont3_cont_4">
-							<p><a href="javascript:goCpyrgWrite();" title="저작권 체험교실 바로가기">저작권 체험교실</a></p>
-						</div>
-					</c:if>
-					<!-- 강사회원은 대국민 메뉴 이동 막기 -->
-					<c:if test="${userAuthority eq 'ROLE_USER_MANAGER'}">
-						<div class="cont3_cont_1">
-							<p><a href="javascript:instrChk();" title="찾아가는 저작권 교육 청소년 바로가기"><span class="mo_text">청소년</span>찾아가는 저작권 교육<span>청소년</span></a></p>
-						</div>
-						<div class="cont3_cont_2">
-							<p><a href="javascript:instrChk();" title="찾아가는 저작권 교육 성인 바로가기"><span class="mo_text">성인</span>찾아가는 저작권 교육<span>성인</span></a></p>
-						</div>
-						<div class="cont3_cont_3">
-							<p><a href="javascript:instrChk();" title="교육콘텐츠 신청 바로가기">교육콘텐츠 신청</a></p>
-						</div>
-						<div class="cont3_cont_4">
-							<p><a href="javascript:instrChk();" title="저작권 체험교실 바로가기">저작권 체험교실</a></p>
-						</div>
-					</c:if>
+			<div class="slide_control">
+				<div class="inner">
+					<div class="swiper-pagination"></div>
+					<button type="button" class="slide_pause" title="슬라이드 일시정지"></button>
 				</div>
 			</div>
-			<!--// content3 -->
+		</div>
+		
+		<!-- main_banner -->
+		<ul class="main_banner_link inner">
+			<li class="banner_link_01">
+				<a href="#none">
+					<i></i>
+					<p>찾아가는 교육 <span>청소년</span></p>
+				</a>
+			</li>
+			<li class="banner_link_02">
+				<a href="#none">
+					<i></i>
+					<p>찾아가는 교육 <span>성인</span></p>
+				</a>
+			</li>
+			<li class="banner_link_03">
+				<a href="#none">
+					<i></i>
+					<p>체험교실</p>
+				</a>
+			</li>
+			<li class="banner_link_04">
+				<a href="#none">
+					<i></i>
+					<p>실무역량강화교육</p>
+				</a>
+			</li>
+			<li class="banner_link_05">
+				<a href="#none">
+					<i></i>
+					<p>기소유예교육</p>
+				</a>
+			</li>
+		</ul>
 
-			<!-- content4 -->
-			<div class="cont4">
-				<div class="main_cont_tit">
-					<p>공지사항</p>
+		<div class="wrap inner">
+			<!-- 공지사항 -->
+			<div class="notice content_wrap">
+				<div class="title">
+					<h3>공지사항</h3>
+					<a href="#none" class="btn_plus">더보기</a>
 				</div>
-				<ul class="list">
-				
-					<c:forEach var="result" items="${bbsList}" varStatus="status">
-						<li onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
+				<div class="content">
+					<ul class="notice_list">
+						<li>
 							<a href="#none">
-								<p>
-									<c:choose>
-										<c:when test="${result.noticeAt eq 'Y'}">
-											<span class="noticeBox">공지</span><c:out value="${result.nttSj}" />
-										</c:when>
-										<c:otherwise>
-											<c:out value="${result.nttSj}" />
-										</c:otherwise>
-									</c:choose>
-								</p>
-								<span><c:out value="${result.frstRegisterPnttm}" /></span>
+								<p class="date"><i></i>2023-09-25</p>
+								<p class="title"><span class="emphasis">공지</span>제 13기 청소년 전담 강사 양성</p>
 							</a>
 						</li>
-					</c:forEach>
-				</ul>
-				<button type="button" title="공지사항 더보기" class="main_more" onclick="location.href='${pageContext.request.contextPath}/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000653'">더보기</button>
-			</div>
-			<!--// content4 -->
-
-			<!-- content5 -->
-			<div class="cont4">
-				<!-- <div class="main_cont_tit">
-					<p>교육자료실</p>
-					<button type="button">더보기</button>
-				</div>
-				<ul class="list">
-					<li>
-						<a href="#none" class="imgBox">
-							<img src="/visitEdu/usr/publish/images/main/cont5_img1.jpg" alt="">
-						</a>
-						<a href="#none" class="textBox">
-							<p>‘마시멜로 이야기’ 와 저작권 ‘마시멜로 이야기’ 와 저작권</p>
-						</a>
-					</li>
-					<li>
-						<a href="#none" class="imgBox">
-							<img src="/visitEdu/usr/publish/images/main/cont5_img2.jpg" alt="">
-						</a>
-						<a href="#none" class="textBox">
-							<p>노.코.트(북유럽으로 떠나는 저작권 여행)</p>
-						</a>
-					</li>
-					<li>
-						<a href="#none" class="imgBox">
-							<img src="/visitEdu/usr/publish/images/main/cont5_img3.jpg" alt="">
-						</a>
-						<a href="#none" class="textBox">
-							<p>저작권 어떻게 이용해야 하나요?</p>
-						</a>
-					</li>
-				</ul> -->
-				<div class="main_cont_tit">
-					<p>교육자료실</p>
-				</div>
-				<ul class="list">
-				
-					<c:forEach var="result" items="${bbsList_2}" varStatus="status">
-						<li onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
+						<li>
 							<a href="#none">
-								<p>
-									<c:choose>
-										<c:when test="${result.noticeAt eq 'Y'}">
-											<span class="noticeBox">공지</span><c:out value="${result.nttSj}" />
-										</c:when>
-										<c:otherwise>
-											<c:out value="${result.nttSj}" />
-										</c:otherwise>
-									</c:choose>
-								</p>
-								<span><c:out value="${result.frstRegisterPnttm}" /></span>
+								<p class="date"><i></i>2023-09-25</p>
+								<p class="title">제 13기 청소년 전담 강사 양성</p>
 							</a>
 						</li>
-					</c:forEach>
-				</ul>
-				<button type="button" title="교육자료실 더보기" class="main_more" onclick="location.href='${pageContext.request.contextPath}/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000681'">더보기</button>
-			</div>
-			<!--// content5 -->
-
-		</div>
-	</main>
- 	<!--  메인 콘텐츠 시작 -->
-	<%-- <main class="main" id="main">
-		<!-- 메인 비주얼 -->
-		<div class="main_visual">
-			<div class="visual_wrap swiper-container">
-				<ul class="visual_list swiper-wrapper">
-					<c:forEach var="result" varStatus="status" items="${mainzoneList}">
-						<li class="visual_img img01 swiper-slide" style="background-image:url('<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${result.mainzoneImageFile}"/>'); background-repeat: no-repeat; background-position: center;"></li>
-					</c:forEach>
-<!-- 					<li class="visual_img img01 swiper-slide"></li> -->
-					<!-- <li class="visual_img img02 swiper-slide"></li>
-					<li class="visual_img img03 swiper-slide"></li> -->
-				</ul>
-<!-- 				<div class="visual_nav"></div> -->
-				<div class="visual_util">
-					<c:if test="${fn:length(mainzoneList) > 1}" >
-					<button class="visual_prev" title="비주얼 이미지 이전"></button>
-					<button class="visual_next" title="비주얼 이미지 다음"></button>
-					</c:if>
+						<li>
+							<a href="#none">
+								<p class="date"><i></i>2023-09-25</p>
+								<p class="title">제 13기 청소년 전담 강사 양성</p>
+							</a>
+						</li>
+						<li>
+							<a href="#none">
+								<p class="date"><i></i>2023-09-25</p>
+								<p class="title">제 13기 청소년 전담 강사 양성</p>
+							</a>
+						</li>
+						<li>
+							<a href="#none">
+								<p class="date"><i></i>2023-09-25</p>
+								<p class="title">제 13기 청소년 전담 강사 양성</p>
+							</a>
+						</li>
+						<li>
+							<a href="#none">
+								<p class="date"><i></i>2023-09-25</p>
+								<p class="title">제 13기 청소년 전담 강사 양성</p>
+							</a>
+						</li>
+					</ul>
 				</div>
 			</div>
-			<div class="inner">
-				<div class="text_area">
-					<p>분쟁을 신속하고 공정하게 해결해주는</p>
-					<span>저작권 시스템</span>
+
+			<!-- 교육자료실 -->
+			<div class="data_notice content_wrap">
+				<div class="title">
+					<h3>자료실</h3>
+					<a href="#none" class="btn_plus">더보기</a>
 				</div>
-				<!-- <div class="search_area">
-					<label for="searchInput">검색어 입력</label><input type="text" id="searchInput"><button type="button" class="btn_search" title="검색"></button>
-					<div class="tag_area">
-						<a href="/">#저작권</a>
-						<a href="/">#폰트사용범위</a>
-						<a href="/">#저작권침해</a>
-						<a href="/">#만료저작물</a>
-						<a href="/">#음원저작권</a>
-					</div>
-				</div> -->
-			</div>
-		</div>
-		<!-- //메인 비주얼 -->
-
-		<!-- 바로가기 -->
-		<div class="baro_cont">
-			<div class="inner">
-				<a href="/web/kccadr/adjst/adjstReqRegistInformation.do"><i></i>
-					<p>교육신청</p>
-				</a>
-				<a href="/web/kccadr/accdnt/ai/adjstIncidentList.do?searchStatus=B"><i></i>
-					<p>서류제출</p>
-				</a>
-				<a href="/web/kccadr/accdnt/ai/adjstIncidentList.do"><i></i>
-					<p>신청현황</p>
-				</a>
-				<a href="/web/kccadr/accdnt/ass/AdjustSchStatusList.do"><i></i>
-					<p>조정일정 현황</p>
-				</a>
-				<a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000654"><i></i>
-					<p>문의게시판</p>
-				</a>
-			</div>
-		</div>
-		<!-- //바로가기 -->
-
-		<div class="btm_cont">
-			<div class="inner">
-				<!-- 교육신청 안내 -->
-				<div class="area_info area_cont">
-					<div class="area_top">
-						<p class="tit">교육신청 안내</p>
-					</div>
-					<div class="cont">
-						<div class="bnn_cont">
-							<a href="/web/kccadr/adjst/adjstReq1Regist.do">
-								<i></i>
-								<span> 신청</span>
-								<p>온라인상으로 구비서류 제출 및 수수료 결제</p>
+				<div class="content">
+					<ul class="notice_list">
+						<li>
+							<a href="#none">
+								<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
+								<p class="date">2023-09-25</p>
 							</a>
-							<a href="/web/content.do?proFn=9150000">
-								<i></i>
-								<span>오프라인 신청</span>
-								<p>한국저작권위원회로 우편 송달 또는 방문</p>
+						</li>
+						<li>
+							<a href="#none">
+								<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
+								<p class="date">2023-09-25</p>
 							</a>
-						</div>
-						<div class="area_btm">
-							<div class="tit">
-								<i></i>
-								<p>상담전화</p>
+						</li>
+						<li>
+							<a href="#none">
+								<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
+								<p class="date">2023-09-25</p>
+							</a>
+						</li>
+						<li>
+							<a href="#none">
+								<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
+								<p class="date">2023-09-25</p>
+							</a>
+						</li>
+					</ul>
+				</div>
+			</div>
+
+			<!-- 알림판 -->
+			<div class="notify content_wrap">
+				<div class="title">
+					<h3>알림판</h3>
+					<div class="notify_control">
+						<div class="swiper-button-prev"></div>
+						<p class="slide_number"><span class="cur_number">1</span>/ <span class="all_number">5</span></p>
+						<div class="swiper-button-next"></div>
+						<button type="button" class="slide_pause" title="슬라이드 일시정지"></button>
+					</div>
+				</div>
+				<div class="content">
+					<div class="notify_slide">
+						<div class="swiper-wrapper">
+							<div class="swiper-slide">
+								<img src="/offeduadvc/visitEdu/usr/publish/images/main/main_notify_img_01.jpg" alt="">
 							</div>
-							<p class="info">
-								<span>02-2669-0042</span>
-								월~금(평일) 09:00~18:00
-							</p>
-						</div>
-					</div>
-				</div>
-				<!-- //교육신청 안내 -->
-
-				<!-- 게시판 -->
-					<div class="area_cont area_list">
-						<div class="area_top">
-							<p class="tit">조정사례</p>
-							<div class="cont_util">
-								<button class="btn_plus" onclick="location.href='/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000651' " title="공지사항 페이지 이동"><i></i></button>
+							<div class="swiper-slide">
+								<img src="/offeduadvc/visitEdu/usr/publish/images/main/main_notify_img_02.jpg" alt="">
 							</div>
 						</div>
-						
-						<div class="cont list_cont">
-							<ul class="list">
-								<c:forEach var="result" items="${bbsList}" varStatus="status">
-									<li onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
-										<a href="#">
-											<p class="list_top">
-												<span class="list_tit"><c:if test="${status.count ne '1'}">·</c:if><c:out value="${result.nttSj}" /></span>
-												<span class="list_date"><c:out value="${result.frstRegisterPnttm}" /></span>
-											</p>
-											<c:if test="${status.count eq '1'}">
-												<p class="list_info"><c:out value="${result.nttCn}" escapeXml="false;"/></p>
-											</c:if>
-										</a>
-									</li>
-								</c:forEach>
-								<!-- <li>
-									<a href="#">
-										<p class="list_top">
-											<span class="list_tit">조정 사례 공개 안내</span>
-											<span class="list_date">2017-05-08</span>
-										</p>
-										<p class="list_info">안녕하세요 조정 사례는 실제 발생한 조정 사례를
-											기준으로 작성되고 있습니다.다만, 조정제도는...</p>
-									</a>
-								</li>
-								<li>
-									<a href="#">
-										<p class="list_top">
-											<span class="list_tit">· 조정 사례 공개 안내</span>
-											<span class="list_date">2017-05-08</span>
-										</p>
-									</a>
-								</li> -->
-							</ul>
-						</div>
-					</div>
-				<!-- //게시판 -->
-
-
-				<!-- 알림창 -->
-				<div class="area_pz area_cont">
-					<div class="area_top">
-						<p class="tit">알림판</p>
-						<div class="cont_util">
-							<button type="button" class="btn_prev" title="이전알림창 이미지 이동"></button>
-							<button type="button" class="btn_next" title="다음알림창 이미지 이동"></button>
-							<button type="button" class="btn_ctl btn_pause" onclick="pz_ctl(this);" title="알림창 일시정지"></button>
-						</div>
-					</div>
-					<div class="cont">
-						<div class=" <c:if test="${fn:length(popupzoneList) > 1}">swiper-container</c:if> pz_wrap">
-							<ul class="pz_list swiper-wrapper">
-								<c:forEach var="result" items="${popupzoneList}" varStatus="status"><!-- 알림창 -->
-									<li class="swiper-slide">
-										<c:set var="popzATitle"></c:set>
-										<c:if test="${result.istarget == 'N'}">
-											<c:set var="popzATitle">새창열림</c:set>
-										</c:if>
-										<c:if test="${result.istarget == 'N'}">
-										<a href="javascript:popzoneOpen('<c:out value='${result.mlink}' />','<c:out value='${result.istarget}' />');" title="새창열림" >
-										</c:if>
-										<c:if test="${result.istarget != 'N'}">
-										<a href="javascript:popzoneOpen('<c:out value='${result.mlink}' />','<c:out value='${result.istarget}' />');">
-										</c:if>
-											<img style="cursor:pointer"
-												onerror="this.src='/images/no_img.jpg'" alt="<c:out value='${result.imgAlt}' /> 알림창" 
-												src='<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>' />
-										</a>
-									</li>								
-								</c:forEach>
-								<!-- <li class="pz_img img01 swiper-slide"></li>
-								<li class="pz_img img02 swiper-slide"></li>
-								<li class="pz_img img03 swiper-slide"></li> -->
-							</ul>
-						</div>
 					</div>
 				</div>
-				<!-- //알림창 -->
 			</div>
 		</div>
-	</main> --%>
-	<!-- // 메인 콘텐츠 종료 -->
+	</div>
+	<!-- //main_content -->
+ 
 	<form name="frm" action="<c:url value='/web/cop/bbsWeb/selectBoardList.do'/>" method="post">
 	<input type="hidden" name="bbsId" value="" />
 	<input type="hidden" name="nttId" value="" />
diff --git a/src/main/webapp/WEB-INF/jsp/web/main/mainPage_231011.jsp b/src/main/webapp/WEB-INF/jsp/web/main/mainPage_231011.jsp
new file mode 100644
index 00000000..377ec137
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/web/main/mainPage_231011.jsp
@@ -0,0 +1,543 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
+<html lang="ko">
+<head>
+ 	<!-- css -->
+	
+
+	<!-- script -->
+	
+	
+<script type="text/javascript">
+$(document).ready(function (){
+	
+	<c:if test="${message != null}">
+		alert("<c:out value='${message}' />");
+	</c:if>
+	
+	//레이어 팝업 띄우기
+	<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="10">
+			if(fnGetCookie("layer_<c:out value='${popupListData.popupId}' />") == null){
+				$("#layer_pop_<c:out value='${popupListData.popupId}' />").fadeIn();
+			};
+	</c:forEach>
+});
+
+
+/* ********************************************************
+* 팝업창  오픈 쿠키 정보 OPEN
+******************************************************** */
+function fnGetCookie(name) {
+	  var prefix = name + "=";
+
+	  var cookieStartIndex = document.cookie.indexOf(prefix);
+	  if (cookieStartIndex == -1) return null;
+	  var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length);
+	  if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length;
+
+
+	  return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex));
+}		
+
+/* ********************************************************
+ * 쿠키설정
+ ******************************************************** */
+function fnSetCookiePopup( name, value, expiredays ) {
+	  var todayDate = new Date();
+	  todayDate.setDate( todayDate.getDate() + expiredays );
+	  document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
+}
+
+//팝업 다시보지않기
+function fnPopupCheck(popupId , typeFlag) {
+	fnSetCookiePopup( typeFlag+"_"+popupId , "done" , 1);
+	fn_layerClose(popupId);
+}
+
+//팝업 닫기 
+function fn_layerClose(popupId){
+	$("#layer_pop_"+popupId).fadeOut();	
+}
+
+function popzoneOpen(url,target){
+	var vTarget;
+	if(target != "N"){
+		vTarget = "_self";
+	}else{
+		vTarget = "_blank";
+	}
+	window.open(url,vTarget);
+}
+
+function fn_egov_inqire_notice(bbsId, nttId) {
+	document.frm.nttId.value = nttId;
+	document.frm.bbsId.value = bbsId;
+	document.frm.method = "post";
+	document.frm.action = "<c:url value='/web/cop/bbsWeb/selectBoardDetail.do'/>?pubDetail=Y";
+	document.frm.submit();
+}
+//저작권체험교실 등록화면 이동 시 운영신청 기간인지 체크
+function goCpyrgWrite(){
+	if(!checkAplctPsbl()) return;
+	
+	location.href="${pageContext.request.contextPath}/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnClsrmAplctGuide.do";
+	
+}
+
+// 신청하는 차시가 유효한 신청기간인지, 강의가능시간인지 체크하는 로직
+function checkAplctPsbl() {
+	
+	var flag = true;
+	
+	$.ajax({
+		type:"POST",
+		url:"${pageContext.request.contextPath}/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/eduAplctChkAjax.do",
+		data: "",
+		dataType:'json',
+		async: false,
+		success:function(returnData){
+			if(returnData.result == "fail"){
+				alert("운영신청기간이 아닙니다.");
+				flag = false;
+				return;
+			}
+		},
+		error:function(request , status, error){
+			alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
+		}
+	});
+
+	if(!flag){
+		return false;
+	}
+	
+	return true;
+
+}
+
+//강사회원 대국민 메뉴 막기
+function instrChk(){
+	alert("대국민 회원만 이용가능합니다.");
+	return;
+}
+
+</script>
+</head>
+	<c:if test="${fn:length(popupList) > 0}" >
+	<style>
+		.pop-layer{left: 50%; top: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 5px rgba(0,0,0,0.3);}
+		.pop-layer .pop-container {padding: 0px 0px;}
+		.pop-layer p.ctxt {color: #666;line-height: 25px;}
+		.pop-layer .btn-r {display: flex; width: 100%; padding-top: 10px;border-top: 1px solid #DDD;text-align: right; justify-content: space-between; padding: 5px 10px; box-sizing: border-box; align-items: center;}
+		.pop-layer {display: none;position: absolute;background-color: #fff;z-index: 999;}
+		#tdCheck+label{overflow: hidden;border: 0;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
+		.btn-layerClose{width: 16px; height: 16px; background-image: url(${pageContext.request.contextPath}/kccadrPb/usr/image/common/btn_close.png); background-repeat: no-repeat; background-size: 100%;}
+	</style>
+		<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4">
+				<style>
+					#layer_pop_<c:out value='${popupListData.popupId}' />{
+						/* top: ${popupListData.popupVrticlLc}px;
+					  	left: ${popupListData.popupWidthLc}px;
+					    width: ${popupListData.popupWidthSize}px; */
+					  	height: auto;
+					}	
+				</style>
+				<div id="layer_pop_<c:out value='${popupListData.popupId}' />" class="pop-layer">
+				    <div class="pop-container">
+				        <div class="pop-conts">
+				        <c:choose>
+				        	<c:when test="${not empty popupListData.fileUrl}">
+				        		<a href="<c:out value='${popupListData.fileUrl}' />" target="_blank">
+						            <c:out value='${popupListData.nttCn}' />
+						        </a>
+				        	</c:when>
+				        	<c:otherwise>
+				        		<a href="#">
+						            <c:out value='${popupListData.nttCn}' />
+						        </a>
+				        	</c:otherwise>
+				        </c:choose>
+				            <div class="btn-r">
+			                	<div class="today_close">
+				                	<c:if test="${popupListData.stopvewSetupAt eq 'Y' }">	
+				                	하루동안 창을 열지 않음  
+				                	<input type="checkbox" name="chkPopup" tabindex="1" onClick="fnPopupCheck('<c:out value='${popupListData.popupId}' />' , 'layer')" onkeypress="fnPopupCheck('<c:out value='${popupListData.popupId}' />' , 'layer')" style="display:inline">
+			                	</c:if>
+			                	</div>
+			                	<a href="#" tabindex="1" onclick="fn_layerClose('<c:out value='${popupListData.popupId}' />'); return false;" class="btn-layerClose" title="팝업 닫기"></a>
+				            </div>
+				            <!--// content-->
+				        </div>
+				    </div>
+				</div>
+		</c:forEach>
+	</c:if>
+	
+ <!-- main content -->
+	<main class="main" id="main">
+		<div class="inner">
+	  		<div class="cont1">
+			<c:forEach var="mainzoneList" items="${mainzoneList}" varStatus="status">
+				<div class="swiper cont1-swiper">
+<%-- 			<div class="swiper-slide visual1" style="background-image: url('<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.mainzoneImageFile}"/>');"> --%>
+					<div class="swiper-slide visual1" style="background-image: url('<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${mainzoneList.mainzoneImageFile}"/>');">
+			  			<p class="txt1">대국민 저작권 교육 서비스</p>
+			  			<p class="txt2">찾아가는 저작권 교육!</p>
+			  			<span>편리하고 안전한 저작권 이용환경 조성을 통해<br> 올바른 저작권 문화 구축에 앞장서겠습니다.</span>
+			  			<!-- <button type="button">교육과정 안내</button> -->
+			  			<button type="button" onclick="location.href='<c:url value="/web/ve/aplct/tngrVisitEdu/eduAplct/eduAplctReg.do"/>'">교육신청 등록</button>
+					</div>
+				</div>
+			</c:forEach>
+	  		</div>
+			<!--// content1 -->
+			<!-- content2 -->
+			<div class="cont2">
+				<div class="swiper cont2-swiper">
+		 	 		<div class="swiper-wrapper">
+		  			<c:forEach var="popupzoneList" items="${popupzoneList}" varStatus="status">
+			  			<div class="swiper-slide popup${status.count}">
+				  			<img onerror="this.src='${pageContext.request.contextPath}/images/no_img.jpg'" style="width: 100%;" alt="<c:out value='${popupzoneList.imgAlt}' /> 알림창" src="<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value='${popupzoneList.popupzoneImageFile}'/>" />
+				  	
+				  			<img  class="mobile_banner" onerror="this.src='${pageContext.request.contextPath}/images/no_img.jpg'" alt="<c:out value='${popupzoneList.imgAlt}' /> 알림창" src='<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${popupzoneList.popupzoneImageFile}"/>' />
+			  			</div>
+						<%-- <div class="swiper-slide popup1">
+				  			<img src="/visitEdu/usr/publish/images/main/popup1.png" alt="저작권 교육하신 선생님 손에 커피드림 이벤트. 저작권 교육용 콘텐츠를 받아서 학생들에게 교육해주신 선생님들~ 교육 실적 입력하시고 스타벅스 커피 꼭 받아가세요~ 참여방법 1.저작권 교육용 콘텐츠를 수업에 사용 2.저작권 콘텐츠를 활용한 저작권 교육 실적을 제출하면 완료">
+				 		 	<img src="/visitEdu/usr/publish/images/main/m_popup1.png" alt="저작권 교육하신 선생님 손에 커피드림 이벤트. 저작권 교육용 콘텐츠를 받아서 학생들에게 교육해주신 선생님들~ 교육 실적 입력하시고 스타벅스 커피 꼭 받아가세요~ 참여방법 1.저작권 교육용 콘텐츠를 수업에 사용 2.저작권 콘텐츠를 활용한 저작권 교육 실적을 제출하면 완료" class="mobile_banner">
+							</div> --%>
+					</c:forEach>
+		  			</div>
+		  			<div class="slide_button">
+						<div class="control">
+			  				<div class="swiper-button-prev"></div>
+			  				<div class="swiper-pagination"></div>
+			  				<div class="swiper-button-next"></div>
+						</div>
+						<button type="button" class="slidePause" title="슬라이드 일시정지"></button>
+		  			</div>
+				</div>
+			</div>
+			<!--// content2 -->
+
+			<!-- content3 -->
+			<div class="cont3">
+				<div class="cont3_tit">
+					<p>저작권 교육신청</p>
+				</div>
+				<div class="cont3_cont">
+					<c:if test="${userAuthority ne 'ROLE_USER_MANAGER'}">
+						<div class="cont3_cont_1">
+							<p><a href="${pageContext.request.contextPath}/web/ve/aplct/tngrVisitEdu/eduAplct/eduAplctReg.do" title="찾아가는 저작권 교육 청소년 바로가기"><span class="mo_text">청소년</span>찾아가는 저작권 교육<span>청소년</span></a></p>
+						</div>
+						<div class="cont3_cont_2">
+							<p><a href="${pageContext.request.contextPath}/web/ve/aplct/adultVisitEdu/eduAplct/eduAplctReg.do" title="찾아가는 저작권 교육 성인 바로가기"><span class="mo_text">성인</span>찾아가는 저작권 교육<span>성인</span></a></p>
+						</div>
+						<div class="cont3_cont_3">
+							<p><a href="${pageContext.request.contextPath}/web/ve/aplct/otsdCprtnPrcs/lctrAplct/lctrAplctReg.do" title="교육콘텐츠 신청 바로가기">교육콘텐츠 신청</a></p>
+						</div>
+						<div class="cont3_cont_4">
+							<p><a href="javascript:goCpyrgWrite();" title="저작권 체험교실 바로가기">저작권 체험교실</a></p>
+						</div>
+					</c:if>
+					<!-- 강사회원은 대국민 메뉴 이동 막기 -->
+					<c:if test="${userAuthority eq 'ROLE_USER_MANAGER'}">
+						<div class="cont3_cont_1">
+							<p><a href="javascript:instrChk();" title="찾아가는 저작권 교육 청소년 바로가기"><span class="mo_text">청소년</span>찾아가는 저작권 교육<span>청소년</span></a></p>
+						</div>
+						<div class="cont3_cont_2">
+							<p><a href="javascript:instrChk();" title="찾아가는 저작권 교육 성인 바로가기"><span class="mo_text">성인</span>찾아가는 저작권 교육<span>성인</span></a></p>
+						</div>
+						<div class="cont3_cont_3">
+							<p><a href="javascript:instrChk();" title="교육콘텐츠 신청 바로가기">교육콘텐츠 신청</a></p>
+						</div>
+						<div class="cont3_cont_4">
+							<p><a href="javascript:instrChk();" title="저작권 체험교실 바로가기">저작권 체험교실</a></p>
+						</div>
+					</c:if>
+				</div>
+			</div>
+			<!--// content3 -->
+
+			<!-- content4 -->
+			<div class="cont4">
+				<div class="main_cont_tit">
+					<p>공지사항</p>
+				</div>
+				<ul class="list">
+				
+					<c:forEach var="result" items="${bbsList}" varStatus="status">
+						<li onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
+							<a href="#none">
+								<p>
+									<c:choose>
+										<c:when test="${result.noticeAt eq 'Y'}">
+											<span class="noticeBox">공지</span><c:out value="${result.nttSj}" />
+										</c:when>
+										<c:otherwise>
+											<c:out value="${result.nttSj}" />
+										</c:otherwise>
+									</c:choose>
+								</p>
+								<span><c:out value="${result.frstRegisterPnttm}" /></span>
+							</a>
+						</li>
+					</c:forEach>
+				</ul>
+				<button type="button" title="공지사항 더보기" class="main_more" onclick="location.href='${pageContext.request.contextPath}/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000653'">더보기</button>
+			</div>
+			<!--// content4 -->
+
+			<!-- content5 -->
+			<div class="cont4">
+				<!-- <div class="main_cont_tit">
+					<p>교육자료실</p>
+					<button type="button">더보기</button>
+				</div>
+				<ul class="list">
+					<li>
+						<a href="#none" class="imgBox">
+							<img src="/visitEdu/usr/publish/images/main/cont5_img1.jpg" alt="">
+						</a>
+						<a href="#none" class="textBox">
+							<p>‘마시멜로 이야기’ 와 저작권 ‘마시멜로 이야기’ 와 저작권</p>
+						</a>
+					</li>
+					<li>
+						<a href="#none" class="imgBox">
+							<img src="/visitEdu/usr/publish/images/main/cont5_img2.jpg" alt="">
+						</a>
+						<a href="#none" class="textBox">
+							<p>노.코.트(북유럽으로 떠나는 저작권 여행)</p>
+						</a>
+					</li>
+					<li>
+						<a href="#none" class="imgBox">
+							<img src="/visitEdu/usr/publish/images/main/cont5_img3.jpg" alt="">
+						</a>
+						<a href="#none" class="textBox">
+							<p>저작권 어떻게 이용해야 하나요?</p>
+						</a>
+					</li>
+				</ul> -->
+				<div class="main_cont_tit">
+					<p>교육자료실</p>
+				</div>
+				<ul class="list">
+				
+					<c:forEach var="result" items="${bbsList_2}" varStatus="status">
+						<li onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
+							<a href="#none">
+								<p>
+									<c:choose>
+										<c:when test="${result.noticeAt eq 'Y'}">
+											<span class="noticeBox">공지</span><c:out value="${result.nttSj}" />
+										</c:when>
+										<c:otherwise>
+											<c:out value="${result.nttSj}" />
+										</c:otherwise>
+									</c:choose>
+								</p>
+								<span><c:out value="${result.frstRegisterPnttm}" /></span>
+							</a>
+						</li>
+					</c:forEach>
+				</ul>
+				<button type="button" title="교육자료실 더보기" class="main_more" onclick="location.href='${pageContext.request.contextPath}/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000681'">더보기</button>
+			</div>
+			<!--// content5 -->
+
+		</div>
+	</main>
+ 	<!--  메인 콘텐츠 시작 -->
+	<%-- <main class="main" id="main">
+		<!-- 메인 비주얼 -->
+		<div class="main_visual">
+			<div class="visual_wrap swiper-container">
+				<ul class="visual_list swiper-wrapper">
+					<c:forEach var="result" varStatus="status" items="${mainzoneList}">
+						<li class="visual_img img01 swiper-slide" style="background-image:url('<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${result.mainzoneImageFile}"/>'); background-repeat: no-repeat; background-position: center;"></li>
+					</c:forEach>
+<!-- 					<li class="visual_img img01 swiper-slide"></li> -->
+					<!-- <li class="visual_img img02 swiper-slide"></li>
+					<li class="visual_img img03 swiper-slide"></li> -->
+				</ul>
+<!-- 				<div class="visual_nav"></div> -->
+				<div class="visual_util">
+					<c:if test="${fn:length(mainzoneList) > 1}" >
+					<button class="visual_prev" title="비주얼 이미지 이전"></button>
+					<button class="visual_next" title="비주얼 이미지 다음"></button>
+					</c:if>
+				</div>
+			</div>
+			<div class="inner">
+				<div class="text_area">
+					<p>분쟁을 신속하고 공정하게 해결해주는</p>
+					<span>저작권 시스템</span>
+				</div>
+				<!-- <div class="search_area">
+					<label for="searchInput">검색어 입력</label><input type="text" id="searchInput"><button type="button" class="btn_search" title="검색"></button>
+					<div class="tag_area">
+						<a href="/">#저작권</a>
+						<a href="/">#폰트사용범위</a>
+						<a href="/">#저작권침해</a>
+						<a href="/">#만료저작물</a>
+						<a href="/">#음원저작권</a>
+					</div>
+				</div> -->
+			</div>
+		</div>
+		<!-- //메인 비주얼 -->
+
+		<!-- 바로가기 -->
+		<div class="baro_cont">
+			<div class="inner">
+				<a href="/web/kccadr/adjst/adjstReqRegistInformation.do"><i></i>
+					<p>교육신청</p>
+				</a>
+				<a href="/web/kccadr/accdnt/ai/adjstIncidentList.do?searchStatus=B"><i></i>
+					<p>서류제출</p>
+				</a>
+				<a href="/web/kccadr/accdnt/ai/adjstIncidentList.do"><i></i>
+					<p>신청현황</p>
+				</a>
+				<a href="/web/kccadr/accdnt/ass/AdjustSchStatusList.do"><i></i>
+					<p>조정일정 현황</p>
+				</a>
+				<a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000654"><i></i>
+					<p>문의게시판</p>
+				</a>
+			</div>
+		</div>
+		<!-- //바로가기 -->
+
+		<div class="btm_cont">
+			<div class="inner">
+				<!-- 교육신청 안내 -->
+				<div class="area_info area_cont">
+					<div class="area_top">
+						<p class="tit">교육신청 안내</p>
+					</div>
+					<div class="cont">
+						<div class="bnn_cont">
+							<a href="/web/kccadr/adjst/adjstReq1Regist.do">
+								<i></i>
+								<span> 신청</span>
+								<p>온라인상으로 구비서류 제출 및 수수료 결제</p>
+							</a>
+							<a href="/web/content.do?proFn=9150000">
+								<i></i>
+								<span>오프라인 신청</span>
+								<p>한국저작권위원회로 우편 송달 또는 방문</p>
+							</a>
+						</div>
+						<div class="area_btm">
+							<div class="tit">
+								<i></i>
+								<p>상담전화</p>
+							</div>
+							<p class="info">
+								<span>02-2669-0042</span>
+								월~금(평일) 09:00~18:00
+							</p>
+						</div>
+					</div>
+				</div>
+				<!-- //교육신청 안내 -->
+
+				<!-- 게시판 -->
+					<div class="area_cont area_list">
+						<div class="area_top">
+							<p class="tit">조정사례</p>
+							<div class="cont_util">
+								<button class="btn_plus" onclick="location.href='/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000651' " title="공지사항 페이지 이동"><i></i></button>
+							</div>
+						</div>
+						
+						<div class="cont list_cont">
+							<ul class="list">
+								<c:forEach var="result" items="${bbsList}" varStatus="status">
+									<li onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
+										<a href="#">
+											<p class="list_top">
+												<span class="list_tit"><c:if test="${status.count ne '1'}">·</c:if><c:out value="${result.nttSj}" /></span>
+												<span class="list_date"><c:out value="${result.frstRegisterPnttm}" /></span>
+											</p>
+											<c:if test="${status.count eq '1'}">
+												<p class="list_info"><c:out value="${result.nttCn}" escapeXml="false;"/></p>
+											</c:if>
+										</a>
+									</li>
+								</c:forEach>
+								<!-- <li>
+									<a href="#">
+										<p class="list_top">
+											<span class="list_tit">조정 사례 공개 안내</span>
+											<span class="list_date">2017-05-08</span>
+										</p>
+										<p class="list_info">안녕하세요 조정 사례는 실제 발생한 조정 사례를
+											기준으로 작성되고 있습니다.다만, 조정제도는...</p>
+									</a>
+								</li>
+								<li>
+									<a href="#">
+										<p class="list_top">
+											<span class="list_tit">· 조정 사례 공개 안내</span>
+											<span class="list_date">2017-05-08</span>
+										</p>
+									</a>
+								</li> -->
+							</ul>
+						</div>
+					</div>
+				<!-- //게시판 -->
+
+
+				<!-- 알림창 -->
+				<div class="area_pz area_cont">
+					<div class="area_top">
+						<p class="tit">알림판</p>
+						<div class="cont_util">
+							<button type="button" class="btn_prev" title="이전알림창 이미지 이동"></button>
+							<button type="button" class="btn_next" title="다음알림창 이미지 이동"></button>
+							<button type="button" class="btn_ctl btn_pause" onclick="pz_ctl(this);" title="알림창 일시정지"></button>
+						</div>
+					</div>
+					<div class="cont">
+						<div class=" <c:if test="${fn:length(popupzoneList) > 1}">swiper-container</c:if> pz_wrap">
+							<ul class="pz_list swiper-wrapper">
+								<c:forEach var="result" items="${popupzoneList}" varStatus="status"><!-- 알림창 -->
+									<li class="swiper-slide">
+										<c:set var="popzATitle"></c:set>
+										<c:if test="${result.istarget == 'N'}">
+											<c:set var="popzATitle">새창열림</c:set>
+										</c:if>
+										<c:if test="${result.istarget == 'N'}">
+										<a href="javascript:popzoneOpen('<c:out value='${result.mlink}' />','<c:out value='${result.istarget}' />');" title="새창열림" >
+										</c:if>
+										<c:if test="${result.istarget != 'N'}">
+										<a href="javascript:popzoneOpen('<c:out value='${result.mlink}' />','<c:out value='${result.istarget}' />');">
+										</c:if>
+											<img style="cursor:pointer"
+												onerror="this.src='/images/no_img.jpg'" alt="<c:out value='${result.imgAlt}' /> 알림창" 
+												src='<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>' />
+										</a>
+									</li>								
+								</c:forEach>
+								<!-- <li class="pz_img img01 swiper-slide"></li>
+								<li class="pz_img img02 swiper-slide"></li>
+								<li class="pz_img img03 swiper-slide"></li> -->
+							</ul>
+						</div>
+					</div>
+				</div>
+				<!-- //알림창 -->
+			</div>
+		</div>
+	</main> --%>
+	<!-- // 메인 콘텐츠 종료 -->
+	<form name="frm" action="<c:url value='/web/cop/bbsWeb/selectBoardList.do'/>" method="post">
+	<input type="hidden" name="bbsId" value="" />
+	<input type="hidden" name="nttId" value="" />
+	</form>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/visitEdu/usr/publish/css/common.css b/src/main/webapp/visitEdu/usr/publish/css/common.css
index 05cbc3ec..459b7f48 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/common.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/common.css
@@ -10,13 +10,15 @@ body {color: #222;}
 .logo img {width: 200px;}
 
 /* header */
-header{width: 100%; height: 130px; position: fixed; top: 0; left: 0; transition: height .4s ease-in-out, background-color .4s ease-in-out, margin .4s ease-in-out; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #e2e4e6; z-index: 20; background-color: #fff;}
+header{width: 100%; height: 130px; position: fixed; top: 0; left: 0; transition: height .4s ease-in-out, background-color .4s ease-in-out, margin .4s ease-in-out; overflow: hidden; box-sizing: border-box;z-index: 20; background-color: #fff;}
 header.on{background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
 header::before{position: absolute; content: " "; display: block; top: 130px; left: 0; height: 1px; background-color: #ddd; opacity: 0; transition: opacity .4s ease-in-out;}
 header::after{position: absolute; content: " "; display: block; width: 100%; height: 1px; background-color: #d5d5d5; top: 130px; left: 0; opacity: 0; transition: opacity .4s ease-in-out;}
 header.on::after{top: 130px; opacity: 1;}
 header.on::before{opacity: 1;}
+header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
 
+/* .gnb_wrap{width: 100%; background-color: #eef0f3; height: 40px; overflow: hidden;  padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;} */
 .gnb_wrap{width: 100%; background-color: #fff; height: 40px; overflow: hidden;  padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;}
 .gnb_wrap .inner{max-width: 1400px; width: 100%; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
 .gnb_wrap .site {padding: 8px 20px; background-color: #f5680b ; height: 100%; box-sizing: border-box; vertical-align: middle;}
@@ -32,12 +34,12 @@ header.on::before{opacity: 1;}
 .gnb_wrap .area_right a i {display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-bottom: 2px; margin-right: 5px;}
 .gnb_wrap .area_right .header_login i {background-image: url(../images/common/headerTop_icon1.png); width: 11px; height: 15px;}
 .gnb_wrap .area_right .header_join {padding-right: 22px;margin:0 -10px 0 0;}
-.gnb_wrap .area_right .header_join i {background-image: url(../images/common/headerTop_icon2.png); width: 14px; height: 15px;}
+.gnb_wrap .area_right .header_join i {background-image: url(../images/common/headerTop_icon3.png); width: 14px; height: 15px;}
 .gnb_wrap .area_right a:hover{text-decoration: underline;}
 .gnb_wrap .area_right .login_info::before,.gnb_wrap .area_right .login_after::before{position: absolute; content: " ";width: 1px; height: 13px; background-color: #dbdbdb; top: 50%; right: 13px; transform: translateY(-50%);}
 .gnb_wrap .area_right .login_after::before {right:7px;}
 .gnb_wrap .area_right .login_info:last-of-type:before{display: none;}
-.gnb_wrap .area_left p{display: inline-block; height: 40px; border-right: 1px solid #e5e5e5; font-size: 15px; color: #444; padding: 0 15px; vertical-align: middle; line-height: 36px;}
+.gnb_wrap .area_left p{display: inline-block;background-color: #fff; height: 40px; border-right: 1px solid #e5e5e5; font-size: 15px; color: #444; padding: 0 15px; vertical-align: middle; line-height: 36px;margin: 0 0 0 -4px;}
 .gnb_wrap .btn_util {margin:0 0 0 10px;}
 .gnb_wrap .btn_util button{width: 40px; height: 40px; vertical-align: middle; background-repeat: no-repeat; background-position: center; border-left: 1px solid #e2e4e6; }
 .gnb_wrap .btn_util button:hover{box-shadow: 0 0 5px rgba(0,0,0,.15);}
@@ -50,28 +52,27 @@ header.on::before{opacity: 1;}
 .header_inner .nav_wrap{box-sizing: border-box; height: 100%; width: 100%; margin: 0 50px;}
 .header_inner #menu{width: 100%; margin: 0 auto; height: 100%;}
 .header_inner .depth01 {display: flex; height: 100%;}
-.header_inner .dep_li_01,
-.header_inner .dep_li_02,
-.header_inner .dep_li_03 {justify-content:flex-start;}
-.header_inner .dep_li_04,
-.header_inner .dep_li_05,
-.header_inner .dep_li_06,.header_inner .dep_li_07 {justify-content:space-between;}
+.header_inner .dep_li_01,.header_inner .dep_li_02,.header_inner .dep_li_03 {justify-content:flex-start;}
+.header_inner .dep_li_04,.header_inner .dep_li_05,.header_inner .dep_li_06,.header_inner .dep_li_07 {justify-content:space-between;}
 .header_inner .depth01_li{position: relative; padding: 0; box-sizing: border-box;}
 .header_inner .dep_li_04 .depth01_li{width: calc((100% - 40px)/4);}
 .header_inner .dep_li_01 .depth01_li{width: 100%;}
 .header_inner .dep_li_02 .depth01_li{width: calc((100% - 20px)/2);}
 .header_inner .dep_li_03 .depth01_li{width: calc((100% - 30px)/3);max-width:270px;}
-.header_inner .dep_li_05 .depth01_li{width: calc((100% - 50px)/5);}
+.header_inner .dep_li_05 .depth01_li{width: calc(100%/5);}
 .header_inner .dep_li_06 .depth01_li{width: calc((100% - 60px)/6);}
 .header_inner .dep_li_07 .depth01_li{width: auto;}
-.header_inner .menu_link{font-size: 18px; font-weight: 600; letter-spacing: -1px; display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%; position: relative;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; line-height: 1.25;}
+.header_inner .menu_link{font-size: 20px; font-weight: 600; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%; position: relative;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; line-height: 1.25;}
 .header_inner .menu_link::before{position: absolute; content: " "; display: block; width: 0; height: 4px; background-color: #E95504; left: 50%; transform: translateX(-50%); transition: width .4s ease-in-out; top: 87px; z-index: 1;}
 .header_inner .menu_link .menu_link_br {color: #E95504;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; }
 .header_inner .on .menu_link{color: #E95504;}
 .on .nav_wrap .on .menu_link::before{width: 100%;}
-.header_inner .depth02{position: absolute; text-align: center; margin-top: 25px; width: 100%; left: 50%; transform: translateX(-50%);}
+.header_inner .depth02{position: absolute; text-align: center; padding: 15px 0; width: 100%; left: 50%; transform: translateX(-50%);border-right: 1px solid #d5d5d5;}
+.header_inner .depth01_li:first-child .depth02{border-left: 1px solid #d5d5d5;}
+.header_inner .depth01_li:hover .depth02::after{position:absolute;content:"";width:calc(100% + 4px);height:100%;background-color:#fff8f4;left:-2px;top:0;}
+.header_inner .depth01_li:hover .depth02 li{position:relative;z-index:1;}
 .header_inner .depth02 a{font-size: 17px; font-weight: 300; line-height: 1.3; height: 45px; display: flex; align-items: center; justify-content: center; word-break: keep-all;white-space:nowrap;}
-.header_inner .depth02 a:hover,.header_inner .depth02 a:focus{color: #E95504;}
+.header_inner .depth02 a:hover,.header_inner .depth02 a:focus{color: #E95504;font-weight:500;}
 
 .header_inner button{width: 27px; height: 26px; background-repeat: no-repeat;}
 .header_inner .btn_search{background-image: url(../images/common/btn_search.png); margin-right: 25px; margin-top: -2px;}
@@ -86,19 +87,29 @@ header.on::before{opacity: 1;}
 /* //header */
 
 /* full menu */
-.full_menu{visibility: hidden; width: 100%; position: fixed; background-color: #fff; min-height: 500px; padding: 50px; box-sizing: border-box; top: -500px; transition: top 0.5s ease, box-shadow 0.3s ease; z-index: 21;}
-.full_menu.on{visibility: visible; top: 0; box-shadow: 0 5px 8px rgba(0,0,0,0.1);}
-.full_menu .inner{max-width: 1400px; width: 100%; position: relative; margin: 0 auto;}
-.full_menu .btn_close{background-image: url(../images/common/btn_close.png); width: 40px; height: 40px; background-repeat: no-repeat; position: absolute; right: 0; top: 15px; border: 1px solid #ef7b0f; border-radius: 3px; background-position: center;}
-.full_menu .depth01{display: flex; justify-content: space-around; text-align: center; margin: 80px 50px 0 50px;}
+.full_menu{visibility: hidden; width: 100%; position: fixed; background-color: #eef0f3; min-height: 500px; padding: 100px 50px 50px 50px; box-sizing: border-box; top: -500px; transition: top 0.5s ease, box-shadow 0.3s ease; z-index: 21; border-radius: 0 0 20px 20px;}
+.full_menu.on{visibility: visible; top: 0; box-shadow: 0 5px 8px rgba(0,0,0,0.3);}
+.full_menu .inner{display: flex; max-width: 1400px; width: 100%; position: relative; margin: 0 auto; justify-content: space-between; align-items: flex-start;}
+.full_menu .logo{width: 230px;}
+.full_menu .logo img{width: 220px;}
+.full_menu .btn_close{background-image: url(../images/common/btn_close.png); width: 40px; height: 40px; background-repeat: no-repeat; border: 1px solid #ef7b0f; border-radius: 3px; background-position: center;}
 .full_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.15); transition: width .4s ease-in-out;}
-.full_menu .depth01 .menu_link{font-size: 20px; font-weight: 500; color: #ea5404; position: relative; padding-bottom: 25px; letter-spacing: -1px; text-align: center; height: 40px;}
+.full_menu .depth01{width: calc(100% - 500px);}
+.full_menu .depth01_li{display: flex; border-bottom: 1px solid #d5d5d5; padding: 20px 0;}
+.full_menu .depth01_li:first-child{padding: 0 0 20px 0;}
+.full_menu .depth01_li:last-child{border-bottom: 0;}
+.full_menu .depth01_li .menu_link{width:350px;font-size: 22px; font-weight: 500; color: #222;}
+.full_menu .depth01_li:hover .menu_link,.full_menu .depth01_li .depth02 li:hover{color: #e95504;}
+.full_menu .depth01_li .depth02 li:hover{font-weight: 500;}
+.full_menu .depth01_li .depth02{display: flex; width: calc(100% - 350px); font-size: 18px; font-weight: 300; color: #666; justify-content: space-between;}
+
+/* .full_menu .depth01 .menu_link{font-size: 20px; font-weight: 500; color: #ea5404; position: relative; padding-bottom: 25px; letter-spacing: -1px; text-align: center; height: 40px;}
 .full_menu .depth01 .menu_link>span {display: block; padding-top: 5px;}
 .full_menu .depth01 .menu_link::before{position: absolute; content: " "; width: 75px; height: 3px; background-color: #ea5404; left: 50%; bottom: 0; transform: translateX(-50%);}
 .full_menu .depth02{margin-top: 10px;}
 .full_menu .depth02 a{height: 40px; display: flex; align-items: center; justify-content: center; letter-spacing: -1px; font-size: 17px; font-weight: 400;}
 .full_menu .depth02 a:hover {font-weight: 700;}
-.full_menu .link{display: inline-block; width: 16px; height: 16px; background-image: url(../images/common/link_icon.png);background-repeat: no-repeat; margin-left: 6px;}
+.full_menu .link{display: inline-block; width: 16px; height: 16px; background-image: url(../images/common/link_icon.png);background-repeat: no-repeat; margin-left: 6px;} */
 /* //full menu */
 
 /* moblie menu */
@@ -143,25 +154,27 @@ header.on::before{opacity: 1;}
 .navigation .list > li .navi_depth li a:focus {font-weight:500;color:#ff6009;background:#fff3ec;}
 
 /* footer */
-footer{width: 100%; background-color: #fff; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative;}
-footer::before { content: ""; width: 100%; height: 50px; border-top: 1px solid #e2e3e7; border-bottom: 1px solid #e2e3e7; position: absolute; top: 0; left: 0;}
+/* footer{width: 100%; background-color: #eef0f3; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative; margin: 80px auto 0 auto;} */
+footer{width: 100%; background-color: #fff; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative; margin: 0 auto 0 auto;}
+footer::before { content: ""; width: 100%; height: 50px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; position: absolute; top: 0; left: 0;}
 footer .site ul {display: flex; height: 50px; align-items: center;}
 footer .inner{max-width: 1400px; width: 100%; margin: 0 auto; }
 footer .area_top{display: flex; align-items: center; justify-content: space-between; position: relative; padding: 45px 0;}
 footer .site{font-size: 16px; position: relative;}
-footer .site li{padding: 0 24px; position: relative; font-weight: 300; transition: all 0.3s ease;}
+footer .site li{padding: 0 24px; position: relative; font-weight: 400; transition: all 0.3s ease;}
 footer .site li::before{position: absolute; content: " "; width: 1px; height: 14px; background-color: #cbced4; top: 50%; right: 0; transform: translateY(-50%);}
 footer .site li:last-child::before{display: none;}
 footer .site li:first-child{padding-left: 0;}
 footer .site li a:hover {text-decoration: underline;}
-footer select{height: 40px; border: 1px solid #cbcdd1; background-image: url(../images/common/footer_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; padding: 0 10px; font-size: 15px; color: #666;}
-footer .btn_go{width: 50px; height: 40px; border: 1px solid #cbcdd1; background-color: #eaecef; vertical-align: middle; border-radius: 5px; color: #666; transition: all 0.1s linear; font-size: 16px;}
+footer select{width: 204px; height: 40px; border: 1px solid #cbcdd1; background-image: url(../images/common/footer_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; padding: 0 10px; font-size: 15px; color: #666;}
+footer .btn_go{width: 50px; height: 40px; border: 1px solid #cbcdd1; background-color: #eaecef; vertical-align: middle; border-radius: 5px; color: #666; transition: all 0.1s linear; font-size: 16px; margin: 0 0 0 4px;}
 footer .btn_go:hover{box-shadow: 0 0 5px rgba(0,0,0,0.2); transition: all 0.1s linear;}
 footer .logo,footer address{display: inline-block; vertical-align: middle;}
 footer .logo{/*padding: 47px 0;*/ transition: all 0.3s ease;}
-footer address {font-size: 14px; font-weight: 300; margin-left: -40px; transition: all 0.3s ease;}
+footer address {font-size: 14px; font-weight: 400; margin-left: -90px; transition: all 0.3s ease;}
 footer address p:first-child{margin-bottom: 8px;}
-footer .wa_mark .wa {width: 110px;}
+footer .site_go{display: flex;align-items: center;justify-content: space-between;}
+footer .wa_mark .wa {width: 110px;margin: 0 40px 0 0;}
 /* //footer */
 
 .error_page{width: 100%; height: 100%; margin: 0 auto; text-align: center;}
diff --git a/src/main/webapp/visitEdu/usr/publish/css/common_2023.css b/src/main/webapp/visitEdu/usr/publish/css/common_2023.css
index ec34db0d..459b7f48 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/common_2023.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/common_2023.css
@@ -18,7 +18,8 @@ header.on::after{top: 130px; opacity: 1;}
 header.on::before{opacity: 1;}
 header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
 
-.gnb_wrap{width: 100%; background-color: #eef0f3; height: 40px; overflow: hidden;  padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;}
+/* .gnb_wrap{width: 100%; background-color: #eef0f3; height: 40px; overflow: hidden;  padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;} */
+.gnb_wrap{width: 100%; background-color: #fff; height: 40px; overflow: hidden;  padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;}
 .gnb_wrap .inner{max-width: 1400px; width: 100%; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
 .gnb_wrap .site {padding: 8px 20px; background-color: #f5680b ; height: 100%; box-sizing: border-box; vertical-align: middle;}
 .gnb_wrap .site span{display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 600; padding: 0 4px; box-sizing: border-box; background-color: #fff; color: #f5680b; border-radius: 5px;  margin-left: 10px; transition: background-color 0.3s ease;}
@@ -153,7 +154,8 @@ header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
 .navigation .list > li .navi_depth li a:focus {font-weight:500;color:#ff6009;background:#fff3ec;}
 
 /* footer */
-footer{width: 100%; background-color: #eef0f3; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative; margin: 80px auto 0 auto;}
+/* footer{width: 100%; background-color: #eef0f3; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative; margin: 80px auto 0 auto;} */
+footer{width: 100%; background-color: #fff; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative; margin: 0 auto 0 auto;}
 footer::before { content: ""; width: 100%; height: 50px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; position: absolute; top: 0; left: 0;}
 footer .site ul {display: flex; height: 50px; align-items: center;}
 footer .inner{max-width: 1400px; width: 100%; margin: 0 auto; }
diff --git a/src/main/webapp/visitEdu/usr/publish/css/common_2023_bak.css b/src/main/webapp/visitEdu/usr/publish/css/common_2023_bak.css
new file mode 100644
index 00000000..ec34db0d
--- /dev/null
+++ b/src/main/webapp/visitEdu/usr/publish/css/common_2023_bak.css
@@ -0,0 +1,285 @@
+body {color: #222;}
+
+.clearfix::after{display:block;content:"";clear:both;} 
+
+.skip_menu {position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:999;}
+.skip_menu a{display:block; position:absolute; left:0; padding:10px 20px; height: 50px; line-height:30px; color:#fff; background:#000;width:100%;text-align:center;font-size: 18px;box-sizing: border-box;}
+.skip_menu a:link,.skip_menu a:visited,.skip_menu a:active{top:-10000px;}
+.skip_menu a:hover,.skip_menu a:focus{top:0;}
+
+.logo img {width: 200px;}
+
+/* header */
+header{width: 100%; height: 130px; position: fixed; top: 0; left: 0; transition: height .4s ease-in-out, background-color .4s ease-in-out, margin .4s ease-in-out; overflow: hidden; box-sizing: border-box;z-index: 20; background-color: #fff;}
+header.on{background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
+header::before{position: absolute; content: " "; display: block; top: 130px; left: 0; height: 1px; background-color: #ddd; opacity: 0; transition: opacity .4s ease-in-out;}
+header::after{position: absolute; content: " "; display: block; width: 100%; height: 1px; background-color: #d5d5d5; top: 130px; left: 0; opacity: 0; transition: opacity .4s ease-in-out;}
+header.on::after{top: 130px; opacity: 1;}
+header.on::before{opacity: 1;}
+header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
+
+.gnb_wrap{width: 100%; background-color: #eef0f3; height: 40px; overflow: hidden;  padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;}
+.gnb_wrap .inner{max-width: 1400px; width: 100%; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
+.gnb_wrap .site {padding: 8px 20px; background-color: #f5680b ; height: 100%; box-sizing: border-box; vertical-align: middle;}
+.gnb_wrap .site span{display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 600; padding: 0 4px; box-sizing: border-box; background-color: #fff; color: #f5680b; border-radius: 5px;  margin-left: 10px; transition: background-color 0.3s ease;}
+.gnb_wrap .site:hover {background-color: #e86016; transition: background-color 0.3s ease;}
+.gnb_wrap .area_right *{display: inline-block;}
+.gnb_wrap .area_right a,.gnb_wrap .area_right .login_after{height: 25px; font-size: 14px; color: #717171; font-weight: 400; line-height: 1.6; letter-spacing: -0.45px; vertical-align: unset;}
+.gnb_wrap .area_right .login_after{padding-right: 20px; text-align: right; position: relative;}
+.gnb_wrap .area_right .login_info {position: relative;}
+.gnb_wrap .area_right .login_after + .login_info {padding-right:20px;}
+.gnb_wrap .area_right .login_after + .login_info::before {right:7px;}
+.gnb_wrap .area_right .header_login_wrap {padding-right: 33px;}
+.gnb_wrap .area_right a i {display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-bottom: 2px; margin-right: 5px;}
+.gnb_wrap .area_right .header_login i {background-image: url(../images/common/headerTop_icon1.png); width: 11px; height: 15px;}
+.gnb_wrap .area_right .header_join {padding-right: 22px;margin:0 -10px 0 0;}
+.gnb_wrap .area_right .header_join i {background-image: url(../images/common/headerTop_icon3.png); width: 14px; height: 15px;}
+.gnb_wrap .area_right a:hover{text-decoration: underline;}
+.gnb_wrap .area_right .login_info::before,.gnb_wrap .area_right .login_after::before{position: absolute; content: " ";width: 1px; height: 13px; background-color: #dbdbdb; top: 50%; right: 13px; transform: translateY(-50%);}
+.gnb_wrap .area_right .login_after::before {right:7px;}
+.gnb_wrap .area_right .login_info:last-of-type:before{display: none;}
+.gnb_wrap .area_left p{display: inline-block;background-color: #fff; height: 40px; border-right: 1px solid #e5e5e5; font-size: 15px; color: #444; padding: 0 15px; vertical-align: middle; line-height: 36px;margin: 0 0 0 -4px;}
+.gnb_wrap .btn_util {margin:0 0 0 10px;}
+.gnb_wrap .btn_util button{width: 40px; height: 40px; vertical-align: middle; background-repeat: no-repeat; background-position: center; border-left: 1px solid #e2e4e6; }
+.gnb_wrap .btn_util button:hover{box-shadow: 0 0 5px rgba(0,0,0,.15);}
+.gnb_wrap .btn_util .btn_minus{margin-right: -5px; background-image: url(../images/common/headerTop_btn1.png);}
+.gnb_wrap .btn_util .btn_plus{background-image: url(../images/common/headerTop_btn2.png); border-right: 1px solid #e2e4e6;}
+
+.header{padding: 0 20px; box-sizing: border-box;}
+.header_inner{max-width: 1400px; width: 100%; height: 90px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; position: relative;}
+.header_inner .area_right{display: flex;}
+.header_inner .nav_wrap{box-sizing: border-box; height: 100%; width: 100%; margin: 0 50px;}
+.header_inner #menu{width: 100%; margin: 0 auto; height: 100%;}
+.header_inner .depth01 {display: flex; height: 100%;}
+.header_inner .dep_li_01,.header_inner .dep_li_02,.header_inner .dep_li_03 {justify-content:flex-start;}
+.header_inner .dep_li_04,.header_inner .dep_li_05,.header_inner .dep_li_06,.header_inner .dep_li_07 {justify-content:space-between;}
+.header_inner .depth01_li{position: relative; padding: 0; box-sizing: border-box;}
+.header_inner .dep_li_04 .depth01_li{width: calc((100% - 40px)/4);}
+.header_inner .dep_li_01 .depth01_li{width: 100%;}
+.header_inner .dep_li_02 .depth01_li{width: calc((100% - 20px)/2);}
+.header_inner .dep_li_03 .depth01_li{width: calc((100% - 30px)/3);max-width:270px;}
+.header_inner .dep_li_05 .depth01_li{width: calc(100%/5);}
+.header_inner .dep_li_06 .depth01_li{width: calc((100% - 60px)/6);}
+.header_inner .dep_li_07 .depth01_li{width: auto;}
+.header_inner .menu_link{font-size: 20px; font-weight: 600; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%; position: relative;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; line-height: 1.25;}
+.header_inner .menu_link::before{position: absolute; content: " "; display: block; width: 0; height: 4px; background-color: #E95504; left: 50%; transform: translateX(-50%); transition: width .4s ease-in-out; top: 87px; z-index: 1;}
+.header_inner .menu_link .menu_link_br {color: #E95504;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; }
+.header_inner .on .menu_link{color: #E95504;}
+.on .nav_wrap .on .menu_link::before{width: 100%;}
+.header_inner .depth02{position: absolute; text-align: center; padding: 15px 0; width: 100%; left: 50%; transform: translateX(-50%);border-right: 1px solid #d5d5d5;}
+.header_inner .depth01_li:first-child .depth02{border-left: 1px solid #d5d5d5;}
+.header_inner .depth01_li:hover .depth02::after{position:absolute;content:"";width:calc(100% + 4px);height:100%;background-color:#fff8f4;left:-2px;top:0;}
+.header_inner .depth01_li:hover .depth02 li{position:relative;z-index:1;}
+.header_inner .depth02 a{font-size: 17px; font-weight: 300; line-height: 1.3; height: 45px; display: flex; align-items: center; justify-content: center; word-break: keep-all;white-space:nowrap;}
+.header_inner .depth02 a:hover,.header_inner .depth02 a:focus{color: #E95504;font-weight:500;}
+
+.header_inner button{width: 27px; height: 26px; background-repeat: no-repeat;}
+.header_inner .btn_search{background-image: url(../images/common/btn_search.png); margin-right: 25px; margin-top: -2px;}
+.header_inner .btn_menu{background-image: url(../images/common/btn_menu.png);}
+.header_inner button.btn_mobile{display: none; margin: 0 8px; vertical-align: middle; margin-top: -2px;height:100%;background-position:center center;}
+.header_inner .btn_login{background-image: url(../images/common/m_headerTop_icon1.png);background-size:21px auto;}
+.header_inner .btn_logout{background-image: url(../../../../kccadrPb/usr/image/common/btn_logout.png);}
+.header_inner .btn_join{width: 35px; background-image: url(../images/common/m_headerTop_icon2.png);background-size:26px auto;}
+.header_inner .btn_usredit{width: 35px; background-image: url(../../../../kccadrPb/usr/image/common/btn_usredit.png);}
+.header_inner .m_header_login,
+.header_inner .m_header_join {display:none;}
+/* //header */
+
+/* full menu */
+.full_menu{visibility: hidden; width: 100%; position: fixed; background-color: #eef0f3; min-height: 500px; padding: 100px 50px 50px 50px; box-sizing: border-box; top: -500px; transition: top 0.5s ease, box-shadow 0.3s ease; z-index: 21; border-radius: 0 0 20px 20px;}
+.full_menu.on{visibility: visible; top: 0; box-shadow: 0 5px 8px rgba(0,0,0,0.3);}
+.full_menu .inner{display: flex; max-width: 1400px; width: 100%; position: relative; margin: 0 auto; justify-content: space-between; align-items: flex-start;}
+.full_menu .logo{width: 230px;}
+.full_menu .logo img{width: 220px;}
+.full_menu .btn_close{background-image: url(../images/common/btn_close.png); width: 40px; height: 40px; background-repeat: no-repeat; border: 1px solid #ef7b0f; border-radius: 3px; background-position: center;}
+.full_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.15); transition: width .4s ease-in-out;}
+.full_menu .depth01{width: calc(100% - 500px);}
+.full_menu .depth01_li{display: flex; border-bottom: 1px solid #d5d5d5; padding: 20px 0;}
+.full_menu .depth01_li:first-child{padding: 0 0 20px 0;}
+.full_menu .depth01_li:last-child{border-bottom: 0;}
+.full_menu .depth01_li .menu_link{width:350px;font-size: 22px; font-weight: 500; color: #222;}
+.full_menu .depth01_li:hover .menu_link,.full_menu .depth01_li .depth02 li:hover{color: #e95504;}
+.full_menu .depth01_li .depth02 li:hover{font-weight: 500;}
+.full_menu .depth01_li .depth02{display: flex; width: calc(100% - 350px); font-size: 18px; font-weight: 300; color: #666; justify-content: space-between;}
+
+/* .full_menu .depth01 .menu_link{font-size: 20px; font-weight: 500; color: #ea5404; position: relative; padding-bottom: 25px; letter-spacing: -1px; text-align: center; height: 40px;}
+.full_menu .depth01 .menu_link>span {display: block; padding-top: 5px;}
+.full_menu .depth01 .menu_link::before{position: absolute; content: " "; width: 75px; height: 3px; background-color: #ea5404; left: 50%; bottom: 0; transform: translateX(-50%);}
+.full_menu .depth02{margin-top: 10px;}
+.full_menu .depth02 a{height: 40px; display: flex; align-items: center; justify-content: center; letter-spacing: -1px; font-size: 17px; font-weight: 400;}
+.full_menu .depth02 a:hover {font-weight: 700;}
+.full_menu .link{display: inline-block; width: 16px; height: 16px; background-image: url(../images/common/link_icon.png);background-repeat: no-repeat; margin-left: 6px;} */
+/* //full menu */
+
+/* moblie menu */
+#m_menu{visibility: hidden; height: 0;}
+/* //moblie menu */
+
+/* path */
+.path {width: 100%; background-color: #ebedf2; height: 50px;}
+.path .pathedfr {max-width: 1400px; padding: 0 10px; margin: 0 auto; box-sizing: border-box;}
+.path .pathedfr ul {display: flex; align-items: center; height: 50px;}
+.path .pathedfr ul li {align-self: center; font-size: 16px; color: #666; font-weight: 300;}
+.path .pathedfr ul li:nth-child(even) {color: #666; font-size: 14px; margin: 0 8px;}
+.path .pathedfr ul li.home i {background-image: url(../images/common/home_icon.png); width: 19px; height: 17px; display: inline-block; margin-bottom: -2px; margin-right: 10px;}
+.path .m_pathedfr {display:none;}
+
+/* snb */
+/* .snb {width:230px;} */
+.snb > p {color:#333333;font-size:27px; font-weight: 600;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif;}
+.snb > h2 > span {color: #e95504; display: block; font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; padding-top: 9px;}
+.snb .ssleftxt{width:100%;margin-top:25px;}
+.snb .ssleftxt ul li{width: 100%; height: 45px; border-radius: 5px; border: 1px solid #d5d7dc; margin-bottom: 5px; display: table;}
+.snb .ssleftxt ul li:last-child {margin-bottom: 0;}
+.snb .ssleftxt ul li a{width:100%;height:100%;color:#666;padding:0 15px;box-sizing:border-box; font-size: 18px; display: table-cell; vertical-align: middle; font-weight: 300;}
+.snb .ssleftxt ul li a span{font-size: 18px; line-height: 18px;}
+.snb .ssleftxt ul li.menu_on{background-color: #ec5908 ; border: 1px solid #ec5908;}
+.snb .ssleftxt ul li.menu_on a {color:#fff; background-image: url(../images/common/arrow.png); background-repeat: no-repeat; background-position: 91% 50%;}
+/*// snb  */
+
+.navigation {height:50px;border-bottom:1px solid #d5d5d5;}
+.container .navigation .inner{margin: 0 auto;}
+.navigation .list {border-left:1px solid #d5d5d5;}
+.navigation .list:after {content:'';display:block;clear:both;}
+.navigation .list > li {position:relative;float:left;border-right:1px solid #d5d5d5;}
+.navigation .list > li:first-child {border-left:1px solid #d5d5d5;}
+.navigation .list > li.home {display:none;border-left:1px solid #d5d5d5;}
+.navigation .list > li.home a {display:block;width:49px;height:50px;font-size:0;text-indent:-9999em;background:url(../images/content/select.png) no-repeat center center;}
+.navigation .list > li .navi_title {position:relative;width:230px;padding:0 20px;font-size:16px;line-height:50px;text-align:left;color:#555;box-sizing:border-box;}
+.navigation .list > li .navi_title:after {content:'';position:absolute;right:20px;top:1px;width:18px;height:48px;background:url(../images/content/select.png) no-repeat center center;}
+.navigation .list > li .navi_depth {display:none;position:absolute;left:-1px;top:50px;width:100%;border:1px solid #d5d5d5;background:#fff;z-index:2;}
+.navigation .list > li .navi_depth li a {display:block;height:40px;padding:0 20px;font-size:16px;line-height:40px;}
+.navigation .list > li .navi_depth li a:hover,
+.navigation .list > li .navi_depth li a:focus {font-weight:500;color:#ff6009;background:#fff3ec;}
+
+/* footer */
+footer{width: 100%; background-color: #eef0f3; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative; margin: 80px auto 0 auto;}
+footer::before { content: ""; width: 100%; height: 50px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; position: absolute; top: 0; left: 0;}
+footer .site ul {display: flex; height: 50px; align-items: center;}
+footer .inner{max-width: 1400px; width: 100%; margin: 0 auto; }
+footer .area_top{display: flex; align-items: center; justify-content: space-between; position: relative; padding: 45px 0;}
+footer .site{font-size: 16px; position: relative;}
+footer .site li{padding: 0 24px; position: relative; font-weight: 400; transition: all 0.3s ease;}
+footer .site li::before{position: absolute; content: " "; width: 1px; height: 14px; background-color: #cbced4; top: 50%; right: 0; transform: translateY(-50%);}
+footer .site li:last-child::before{display: none;}
+footer .site li:first-child{padding-left: 0;}
+footer .site li a:hover {text-decoration: underline;}
+footer select{width: 204px; height: 40px; border: 1px solid #cbcdd1; background-image: url(../images/common/footer_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; padding: 0 10px; font-size: 15px; color: #666;}
+footer .btn_go{width: 50px; height: 40px; border: 1px solid #cbcdd1; background-color: #eaecef; vertical-align: middle; border-radius: 5px; color: #666; transition: all 0.1s linear; font-size: 16px; margin: 0 0 0 4px;}
+footer .btn_go:hover{box-shadow: 0 0 5px rgba(0,0,0,0.2); transition: all 0.1s linear;}
+footer .logo,footer address{display: inline-block; vertical-align: middle;}
+footer .logo{/*padding: 47px 0;*/ transition: all 0.3s ease;}
+footer address {font-size: 14px; font-weight: 400; margin-left: -90px; transition: all 0.3s ease;}
+footer address p:first-child{margin-bottom: 8px;}
+footer .site_go{display: flex;align-items: center;justify-content: space-between;}
+footer .wa_mark .wa {width: 110px;margin: 0 40px 0 0;}
+/* //footer */
+
+.error_page{width: 100%; height: 100%; margin: 0 auto; text-align: center;}
+.error_wrap{border: 1px solid #d5d5d5; display: inline-flex; align-items: center; margin: 200px auto 50px auto; padding: 15px 50px 15px 0; justify-content: center;}
+.error_wrap i{display: block; width: 266px; height: 200px; background-image: url(../../../adm/publish/image/warming.jpg); border-right: 1px solid #d5d5d5; }
+.error_wrap .text_area{width: calc(100% - 266px); font-size: 20px; padding-left: 30px; text-align: left;}
+.error_wrap .text_area p{font-size: 16px; color: #555; margin-top: 10px; line-height: 1.4;}
+.error_wrap .error_btn {text-align:center;}
+.error_page .error_btn button {background-color:#1b6fcd; color: #fff; padding: 8px 25px; font-size: 16px;}
+
+@media all and (max-width: 1280px){
+	/* header */
+	.header_inner .nav_wrap{padding: 0 5px; margin: 0 5px;}
+	.header_inner .menu_link{font-size: 17px; letter-spacing: -0.25px;}
+	/* //header */
+	footer address {width: 36%;}
+
+}
+
+@media all and (max-width: 1024px){
+	/* moblie menu */
+	.nav_wrap,#menu{display: none;}
+
+	#m_menu{position: fixed; width: 100%; height: 100%; background-color: #fff; box-sizing: border-box; top: 0; right: -100%; transition: all 0.5s ease; z-index: 26;}
+	#m_menu.on{visibility: visible; right: 0; transition: all 0.5s ease;}
+	#m_menu .area_top{text-align: right;}
+	#m_menu .btn_close_wrap {width: 100%; height: 70px; position: absolute; top:0; left: 0; background-color: #ef7b0f;}
+	#m_menu .btn_close{background-image: url(../images/common/btn_close2.png);background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 3px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
+	#m_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.25);}
+	#m_menu .depth01{width: 100%; padding: 0 10px; margin-top: 70px;box-sizing: border-box;}
+	#m_menu .depth01_li{overflow: hidden; height: 60px; transition: height 0.3s linear; display: block; position: relative;}
+	#m_menu .depth01_li::before{position: absolute; content: " "; width: 100%; height: 1px; background-color: #e5e5e5; opacity: 0;} 
+	#m_menu .depth01_li.on{height: 280px;transition: height 0.3s linear;}
+	#m_menu .depth01_li.on::before{opacity: 1; bottom: 0;}
+	#m_menu .menu_tit{font-size: 20px; height: 60px; border-bottom: 1px solid #e5e5e5; width: 100%; text-align: left; padding-left: 20px; position: relative;}
+	#m_menu .menu_tit::after {background-image: url(../images/common/m_menu_plus.png); background-position: center; background-repeat: no-repeat; width: 36px; height: 36px; content: ""; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
+	#m_menu .menu_tit span {color: #f37632;}
+	#m_menu .depth01_li.on .menu_tit {border-bottom: 1px solid #f37632; color: #f37632;}
+	#m_menu .depth02{visibility: hidden; height: 100%; margin: 10px 0; opacity: 0; transition: all 0.3s linear; background-color: #f5f5f5;}
+	#m_menu .on .depth02{visibility: visible; height: auto; transition: all 0.3s linear; opacity: 1;} 
+	#m_menu .depth02 a{height: 50px; display: flex; align-items: center; padding-left: 20px; font-size: 17px;}
+	/*// moblie menu */
+
+	.snb {display: none;}
+	.header_inner button.btn_mobile {display:block;}
+
+	/* footer */
+	footer .area_top {align-items: flex-start; padding: 40px 0 90px 0;}
+	footer address {width: 72%}
+	footer .wa_mark {position: absolute; bottom: 6px; right: 0;}
+	footer .site_go {position: absolute; bottom: 23px; left: 0;}
+}
+
+@media screen and (max-width: 767px){
+	/* header */
+	header {height:70px;border-bottom:1px solid #e2e4e6;box-sizing:border-box;}
+	header .gnb_wrap {overflow:visible;height:0;border:0;}
+	header .gnb_wrap .site,
+	header .gnb_wrap .btn_util {display:none;}
+	header .gnb_wrap .area_right, .gnb_wrap .area_left p {display:none;}
+	header .header {padding:0 8px 0 10px;}
+	header .header .header_inner {height:70px;}
+	header .header .header_inner h1 a {display:flex;height:70px;align-items:center;}
+	header .header .header_inner h1 a img {height:43px;}
+  	header .header .header_inner .area_right {height:100%;}
+	header .header .header_inner .area_right .btn_search {display:none;}
+	header .header .header_inner .area_right .btn_menu {width:35px;height:100%;background-image:url(../images/common/m_btn_menu.png);background-size:29px 21px;background-position:center center;}
+  	header .header .header_inner .area_right .m_header_login {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;}
+  	header .header .header_inner .area_right .m_header_login i {width:21px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon1.png);background-size:21px auto;}
+  	header .header .header_inner .area_right .m_header_join {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;}
+  	header .header .header_inner .area_right .m_header_join i {width:26px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon2.png);background-size:26px auto;}
+
+  	.path {height:50px;background:#f5680b;}
+  	.path .pathedfr {display:none;}
+  	.path .m_pathedfr {display:block;}
+  	.path .m_pathedfr > ul:after {content:'';display:block;clear:both;}
+  	.path .m_pathedfr > ul > li {position:relative;float:left;width:50%;height:100%;border-left:1px 	solid #fcae83;box-sizing:border-box;}
+  	.path .m_pathedfr > ul > li:first-child {border:0 none;}
+  	.path .m_pathedfr > ul > li .path_btn {position:relative;display:block;width:100%;height:50px;	padding:0 0 0 10px;font-size:18px;text-align:left;color:#fff;}
+  	.path .m_pathedfr > ul > li .path_btn:after {content:'';position:absolute;right:15px;top:0;	width:18px;height:50px;background:url(../images/common/path_btn_arrow.png) 	no-repeat left top;}
+  	.path .m_pathedfr > ul > li .path_btn.active:after {transform:rotate(180deg);}
+  	.path .m_pathedfr > ul > li ul {display:none;position:absolute;left:0;top:50px;width:100%;	padding:3px 0;border-top:1px solid #fcae83;background:#fb8b4e;box-sizing:border-box;}
+  	.path .m_pathedfr > ul > li ul li a {display:block;padding:0 0 0 10px;font-size:16px;line-height:35px;color:#fff;}
+  	
+  	.container .navigation .inner {padding:0;}
+  	.navigation .list > li {width: calc((100% - 2px)/2);}
+  	.navigation .list > li .navi_title{width: 100%;}
+  
+	/* footer */
+	footer .site {margin:0 -10px;}
+	footer .site ul {justify-content:center;}
+	footer .site ul li {padding:0 10px;font-size:14px;text-align:center;}
+	footer .site ul li:first-child {padding:0 10px;}
+	footer .area_top {display:block;padding:20px 10px;}
+	footer .area_top .logo {display:block;}
+	footer .area_top .logo a {display:block;}
+	footer .area_top .logo a img {width:140px;}
+	footer .area_top address {display:block; width: 100%; margin:15px 0 80px 0;}
+	footer .area_top address p {margin:0 0 4px;font-size:14px;line-height:20px;}
+	footer .area_top .site_go {left:initial;right:0;top:20px;width:calc(100% - 165px);}
+	footer .area_top .site_go:after {content:'';display:block;clear:both;}
+	footer .wa_mark {left: 0; bottom: 12px;}
+	footer .area_top .site_go select {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;width:calc(100% - 45px);height:35px;padding:0 35px 0 15px;font-size:14px;background-size:10px;}
+	footer .area_top .site_go .btn_go {float:right;width:40px;height:35px;font-size:14px;}
+  }
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
+	.header_inner .area_right{/* width: 80px;  */justify-content: space-between;}
+	.header_inner .btn_search{margin-right: 0;}
+}
diff --git a/src/main/webapp/visitEdu/usr/publish/css/common_bak_231011.css b/src/main/webapp/visitEdu/usr/publish/css/common_bak_231011.css
new file mode 100644
index 00000000..05cbc3ec
--- /dev/null
+++ b/src/main/webapp/visitEdu/usr/publish/css/common_bak_231011.css
@@ -0,0 +1,274 @@
+body {color: #222;}
+
+.clearfix::after{display:block;content:"";clear:both;} 
+
+.skip_menu {position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:999;}
+.skip_menu a{display:block; position:absolute; left:0; padding:10px 20px; height: 50px; line-height:30px; color:#fff; background:#000;width:100%;text-align:center;font-size: 18px;box-sizing: border-box;}
+.skip_menu a:link,.skip_menu a:visited,.skip_menu a:active{top:-10000px;}
+.skip_menu a:hover,.skip_menu a:focus{top:0;}
+
+.logo img {width: 200px;}
+
+/* header */
+header{width: 100%; height: 130px; position: fixed; top: 0; left: 0; transition: height .4s ease-in-out, background-color .4s ease-in-out, margin .4s ease-in-out; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #e2e4e6; z-index: 20; background-color: #fff;}
+header.on{background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
+header::before{position: absolute; content: " "; display: block; top: 130px; left: 0; height: 1px; background-color: #ddd; opacity: 0; transition: opacity .4s ease-in-out;}
+header::after{position: absolute; content: " "; display: block; width: 100%; height: 1px; background-color: #d5d5d5; top: 130px; left: 0; opacity: 0; transition: opacity .4s ease-in-out;}
+header.on::after{top: 130px; opacity: 1;}
+header.on::before{opacity: 1;}
+
+.gnb_wrap{width: 100%; background-color: #fff; height: 40px; overflow: hidden;  padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;}
+.gnb_wrap .inner{max-width: 1400px; width: 100%; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
+.gnb_wrap .site {padding: 8px 20px; background-color: #f5680b ; height: 100%; box-sizing: border-box; vertical-align: middle;}
+.gnb_wrap .site span{display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 600; padding: 0 4px; box-sizing: border-box; background-color: #fff; color: #f5680b; border-radius: 5px;  margin-left: 10px; transition: background-color 0.3s ease;}
+.gnb_wrap .site:hover {background-color: #e86016; transition: background-color 0.3s ease;}
+.gnb_wrap .area_right *{display: inline-block;}
+.gnb_wrap .area_right a,.gnb_wrap .area_right .login_after{height: 25px; font-size: 14px; color: #717171; font-weight: 400; line-height: 1.6; letter-spacing: -0.45px; vertical-align: unset;}
+.gnb_wrap .area_right .login_after{padding-right: 20px; text-align: right; position: relative;}
+.gnb_wrap .area_right .login_info {position: relative;}
+.gnb_wrap .area_right .login_after + .login_info {padding-right:20px;}
+.gnb_wrap .area_right .login_after + .login_info::before {right:7px;}
+.gnb_wrap .area_right .header_login_wrap {padding-right: 33px;}
+.gnb_wrap .area_right a i {display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-bottom: 2px; margin-right: 5px;}
+.gnb_wrap .area_right .header_login i {background-image: url(../images/common/headerTop_icon1.png); width: 11px; height: 15px;}
+.gnb_wrap .area_right .header_join {padding-right: 22px;margin:0 -10px 0 0;}
+.gnb_wrap .area_right .header_join i {background-image: url(../images/common/headerTop_icon2.png); width: 14px; height: 15px;}
+.gnb_wrap .area_right a:hover{text-decoration: underline;}
+.gnb_wrap .area_right .login_info::before,.gnb_wrap .area_right .login_after::before{position: absolute; content: " ";width: 1px; height: 13px; background-color: #dbdbdb; top: 50%; right: 13px; transform: translateY(-50%);}
+.gnb_wrap .area_right .login_after::before {right:7px;}
+.gnb_wrap .area_right .login_info:last-of-type:before{display: none;}
+.gnb_wrap .area_left p{display: inline-block; height: 40px; border-right: 1px solid #e5e5e5; font-size: 15px; color: #444; padding: 0 15px; vertical-align: middle; line-height: 36px;}
+.gnb_wrap .btn_util {margin:0 0 0 10px;}
+.gnb_wrap .btn_util button{width: 40px; height: 40px; vertical-align: middle; background-repeat: no-repeat; background-position: center; border-left: 1px solid #e2e4e6; }
+.gnb_wrap .btn_util button:hover{box-shadow: 0 0 5px rgba(0,0,0,.15);}
+.gnb_wrap .btn_util .btn_minus{margin-right: -5px; background-image: url(../images/common/headerTop_btn1.png);}
+.gnb_wrap .btn_util .btn_plus{background-image: url(../images/common/headerTop_btn2.png); border-right: 1px solid #e2e4e6;}
+
+.header{padding: 0 20px; box-sizing: border-box;}
+.header_inner{max-width: 1400px; width: 100%; height: 90px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; position: relative;}
+.header_inner .area_right{display: flex;}
+.header_inner .nav_wrap{box-sizing: border-box; height: 100%; width: 100%; margin: 0 50px;}
+.header_inner #menu{width: 100%; margin: 0 auto; height: 100%;}
+.header_inner .depth01 {display: flex; height: 100%;}
+.header_inner .dep_li_01,
+.header_inner .dep_li_02,
+.header_inner .dep_li_03 {justify-content:flex-start;}
+.header_inner .dep_li_04,
+.header_inner .dep_li_05,
+.header_inner .dep_li_06,.header_inner .dep_li_07 {justify-content:space-between;}
+.header_inner .depth01_li{position: relative; padding: 0; box-sizing: border-box;}
+.header_inner .dep_li_04 .depth01_li{width: calc((100% - 40px)/4);}
+.header_inner .dep_li_01 .depth01_li{width: 100%;}
+.header_inner .dep_li_02 .depth01_li{width: calc((100% - 20px)/2);}
+.header_inner .dep_li_03 .depth01_li{width: calc((100% - 30px)/3);max-width:270px;}
+.header_inner .dep_li_05 .depth01_li{width: calc((100% - 50px)/5);}
+.header_inner .dep_li_06 .depth01_li{width: calc((100% - 60px)/6);}
+.header_inner .dep_li_07 .depth01_li{width: auto;}
+.header_inner .menu_link{font-size: 18px; font-weight: 600; letter-spacing: -1px; display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%; position: relative;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; line-height: 1.25;}
+.header_inner .menu_link::before{position: absolute; content: " "; display: block; width: 0; height: 4px; background-color: #E95504; left: 50%; transform: translateX(-50%); transition: width .4s ease-in-out; top: 87px; z-index: 1;}
+.header_inner .menu_link .menu_link_br {color: #E95504;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; }
+.header_inner .on .menu_link{color: #E95504;}
+.on .nav_wrap .on .menu_link::before{width: 100%;}
+.header_inner .depth02{position: absolute; text-align: center; margin-top: 25px; width: 100%; left: 50%; transform: translateX(-50%);}
+.header_inner .depth02 a{font-size: 17px; font-weight: 300; line-height: 1.3; height: 45px; display: flex; align-items: center; justify-content: center; word-break: keep-all;white-space:nowrap;}
+.header_inner .depth02 a:hover,.header_inner .depth02 a:focus{color: #E95504;}
+
+.header_inner button{width: 27px; height: 26px; background-repeat: no-repeat;}
+.header_inner .btn_search{background-image: url(../images/common/btn_search.png); margin-right: 25px; margin-top: -2px;}
+.header_inner .btn_menu{background-image: url(../images/common/btn_menu.png);}
+.header_inner button.btn_mobile{display: none; margin: 0 8px; vertical-align: middle; margin-top: -2px;height:100%;background-position:center center;}
+.header_inner .btn_login{background-image: url(../images/common/m_headerTop_icon1.png);background-size:21px auto;}
+.header_inner .btn_logout{background-image: url(../../../../kccadrPb/usr/image/common/btn_logout.png);}
+.header_inner .btn_join{width: 35px; background-image: url(../images/common/m_headerTop_icon2.png);background-size:26px auto;}
+.header_inner .btn_usredit{width: 35px; background-image: url(../../../../kccadrPb/usr/image/common/btn_usredit.png);}
+.header_inner .m_header_login,
+.header_inner .m_header_join {display:none;}
+/* //header */
+
+/* full menu */
+.full_menu{visibility: hidden; width: 100%; position: fixed; background-color: #fff; min-height: 500px; padding: 50px; box-sizing: border-box; top: -500px; transition: top 0.5s ease, box-shadow 0.3s ease; z-index: 21;}
+.full_menu.on{visibility: visible; top: 0; box-shadow: 0 5px 8px rgba(0,0,0,0.1);}
+.full_menu .inner{max-width: 1400px; width: 100%; position: relative; margin: 0 auto;}
+.full_menu .btn_close{background-image: url(../images/common/btn_close.png); width: 40px; height: 40px; background-repeat: no-repeat; position: absolute; right: 0; top: 15px; border: 1px solid #ef7b0f; border-radius: 3px; background-position: center;}
+.full_menu .depth01{display: flex; justify-content: space-around; text-align: center; margin: 80px 50px 0 50px;}
+.full_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.15); transition: width .4s ease-in-out;}
+.full_menu .depth01 .menu_link{font-size: 20px; font-weight: 500; color: #ea5404; position: relative; padding-bottom: 25px; letter-spacing: -1px; text-align: center; height: 40px;}
+.full_menu .depth01 .menu_link>span {display: block; padding-top: 5px;}
+.full_menu .depth01 .menu_link::before{position: absolute; content: " "; width: 75px; height: 3px; background-color: #ea5404; left: 50%; bottom: 0; transform: translateX(-50%);}
+.full_menu .depth02{margin-top: 10px;}
+.full_menu .depth02 a{height: 40px; display: flex; align-items: center; justify-content: center; letter-spacing: -1px; font-size: 17px; font-weight: 400;}
+.full_menu .depth02 a:hover {font-weight: 700;}
+.full_menu .link{display: inline-block; width: 16px; height: 16px; background-image: url(../images/common/link_icon.png);background-repeat: no-repeat; margin-left: 6px;}
+/* //full menu */
+
+/* moblie menu */
+#m_menu{visibility: hidden; height: 0;}
+/* //moblie menu */
+
+/* path */
+.path {width: 100%; background-color: #ebedf2; height: 50px;}
+.path .pathedfr {max-width: 1400px; padding: 0 10px; margin: 0 auto; box-sizing: border-box;}
+.path .pathedfr ul {display: flex; align-items: center; height: 50px;}
+.path .pathedfr ul li {align-self: center; font-size: 16px; color: #666; font-weight: 300;}
+.path .pathedfr ul li:nth-child(even) {color: #666; font-size: 14px; margin: 0 8px;}
+.path .pathedfr ul li.home i {background-image: url(../images/common/home_icon.png); width: 19px; height: 17px; display: inline-block; margin-bottom: -2px; margin-right: 10px;}
+.path .m_pathedfr {display:none;}
+
+/* snb */
+/* .snb {width:230px;} */
+.snb > p {color:#333333;font-size:27px; font-weight: 600;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif;}
+.snb > h2 > span {color: #e95504; display: block; font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; padding-top: 9px;}
+.snb .ssleftxt{width:100%;margin-top:25px;}
+.snb .ssleftxt ul li{width: 100%; height: 45px; border-radius: 5px; border: 1px solid #d5d7dc; margin-bottom: 5px; display: table;}
+.snb .ssleftxt ul li:last-child {margin-bottom: 0;}
+.snb .ssleftxt ul li a{width:100%;height:100%;color:#666;padding:0 15px;box-sizing:border-box; font-size: 18px; display: table-cell; vertical-align: middle; font-weight: 300;}
+.snb .ssleftxt ul li a span{font-size: 18px; line-height: 18px;}
+.snb .ssleftxt ul li.menu_on{background-color: #ec5908 ; border: 1px solid #ec5908;}
+.snb .ssleftxt ul li.menu_on a {color:#fff; background-image: url(../images/common/arrow.png); background-repeat: no-repeat; background-position: 91% 50%;}
+/*// snb  */
+
+.navigation {height:50px;border-bottom:1px solid #d5d5d5;}
+.container .navigation .inner{margin: 0 auto;}
+.navigation .list {border-left:1px solid #d5d5d5;}
+.navigation .list:after {content:'';display:block;clear:both;}
+.navigation .list > li {position:relative;float:left;border-right:1px solid #d5d5d5;}
+.navigation .list > li:first-child {border-left:1px solid #d5d5d5;}
+.navigation .list > li.home {display:none;border-left:1px solid #d5d5d5;}
+.navigation .list > li.home a {display:block;width:49px;height:50px;font-size:0;text-indent:-9999em;background:url(../images/content/select.png) no-repeat center center;}
+.navigation .list > li .navi_title {position:relative;width:230px;padding:0 20px;font-size:16px;line-height:50px;text-align:left;color:#555;box-sizing:border-box;}
+.navigation .list > li .navi_title:after {content:'';position:absolute;right:20px;top:1px;width:18px;height:48px;background:url(../images/content/select.png) no-repeat center center;}
+.navigation .list > li .navi_depth {display:none;position:absolute;left:-1px;top:50px;width:100%;border:1px solid #d5d5d5;background:#fff;z-index:2;}
+.navigation .list > li .navi_depth li a {display:block;height:40px;padding:0 20px;font-size:16px;line-height:40px;}
+.navigation .list > li .navi_depth li a:hover,
+.navigation .list > li .navi_depth li a:focus {font-weight:500;color:#ff6009;background:#fff3ec;}
+
+/* footer */
+footer{width: 100%; background-color: #fff; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative;}
+footer::before { content: ""; width: 100%; height: 50px; border-top: 1px solid #e2e3e7; border-bottom: 1px solid #e2e3e7; position: absolute; top: 0; left: 0;}
+footer .site ul {display: flex; height: 50px; align-items: center;}
+footer .inner{max-width: 1400px; width: 100%; margin: 0 auto; }
+footer .area_top{display: flex; align-items: center; justify-content: space-between; position: relative; padding: 45px 0;}
+footer .site{font-size: 16px; position: relative;}
+footer .site li{padding: 0 24px; position: relative; font-weight: 300; transition: all 0.3s ease;}
+footer .site li::before{position: absolute; content: " "; width: 1px; height: 14px; background-color: #cbced4; top: 50%; right: 0; transform: translateY(-50%);}
+footer .site li:last-child::before{display: none;}
+footer .site li:first-child{padding-left: 0;}
+footer .site li a:hover {text-decoration: underline;}
+footer select{height: 40px; border: 1px solid #cbcdd1; background-image: url(../images/common/footer_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; padding: 0 10px; font-size: 15px; color: #666;}
+footer .btn_go{width: 50px; height: 40px; border: 1px solid #cbcdd1; background-color: #eaecef; vertical-align: middle; border-radius: 5px; color: #666; transition: all 0.1s linear; font-size: 16px;}
+footer .btn_go:hover{box-shadow: 0 0 5px rgba(0,0,0,0.2); transition: all 0.1s linear;}
+footer .logo,footer address{display: inline-block; vertical-align: middle;}
+footer .logo{/*padding: 47px 0;*/ transition: all 0.3s ease;}
+footer address {font-size: 14px; font-weight: 300; margin-left: -40px; transition: all 0.3s ease;}
+footer address p:first-child{margin-bottom: 8px;}
+footer .wa_mark .wa {width: 110px;}
+/* //footer */
+
+.error_page{width: 100%; height: 100%; margin: 0 auto; text-align: center;}
+.error_wrap{border: 1px solid #d5d5d5; display: inline-flex; align-items: center; margin: 200px auto 50px auto; padding: 15px 50px 15px 0; justify-content: center;}
+.error_wrap i{display: block; width: 266px; height: 200px; background-image: url(../../../adm/publish/image/warming.jpg); border-right: 1px solid #d5d5d5; }
+.error_wrap .text_area{width: calc(100% - 266px); font-size: 20px; padding-left: 30px; text-align: left;}
+.error_wrap .text_area p{font-size: 16px; color: #555; margin-top: 10px; line-height: 1.4;}
+.error_wrap .error_btn {text-align:center;}
+.error_page .error_btn button {background-color:#1b6fcd; color: #fff; padding: 8px 25px; font-size: 16px;}
+
+@media all and (max-width: 1280px){
+	/* header */
+	.header_inner .nav_wrap{padding: 0 5px; margin: 0 5px;}
+	.header_inner .menu_link{font-size: 17px; letter-spacing: -0.25px;}
+	/* //header */
+	footer address {width: 36%;}
+
+}
+
+@media all and (max-width: 1024px){
+	/* moblie menu */
+	.nav_wrap,#menu{display: none;}
+
+	#m_menu{position: fixed; width: 100%; height: 100%; background-color: #fff; box-sizing: border-box; top: 0; right: -100%; transition: all 0.5s ease; z-index: 26;}
+	#m_menu.on{visibility: visible; right: 0; transition: all 0.5s ease;}
+	#m_menu .area_top{text-align: right;}
+	#m_menu .btn_close_wrap {width: 100%; height: 70px; position: absolute; top:0; left: 0; background-color: #ef7b0f;}
+	#m_menu .btn_close{background-image: url(../images/common/btn_close2.png);background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 3px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
+	#m_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.25);}
+	#m_menu .depth01{width: 100%; padding: 0 10px; margin-top: 70px;box-sizing: border-box;}
+	#m_menu .depth01_li{overflow: hidden; height: 60px; transition: height 0.3s linear; display: block; position: relative;}
+	#m_menu .depth01_li::before{position: absolute; content: " "; width: 100%; height: 1px; background-color: #e5e5e5; opacity: 0;} 
+	#m_menu .depth01_li.on{height: 280px;transition: height 0.3s linear;}
+	#m_menu .depth01_li.on::before{opacity: 1; bottom: 0;}
+	#m_menu .menu_tit{font-size: 20px; height: 60px; border-bottom: 1px solid #e5e5e5; width: 100%; text-align: left; padding-left: 20px; position: relative;}
+	#m_menu .menu_tit::after {background-image: url(../images/common/m_menu_plus.png); background-position: center; background-repeat: no-repeat; width: 36px; height: 36px; content: ""; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
+	#m_menu .menu_tit span {color: #f37632;}
+	#m_menu .depth01_li.on .menu_tit {border-bottom: 1px solid #f37632; color: #f37632;}
+	#m_menu .depth02{visibility: hidden; height: 100%; margin: 10px 0; opacity: 0; transition: all 0.3s linear; background-color: #f5f5f5;}
+	#m_menu .on .depth02{visibility: visible; height: auto; transition: all 0.3s linear; opacity: 1;} 
+	#m_menu .depth02 a{height: 50px; display: flex; align-items: center; padding-left: 20px; font-size: 17px;}
+	/*// moblie menu */
+
+	.snb {display: none;}
+	.header_inner button.btn_mobile {display:block;}
+
+	/* footer */
+	footer .area_top {align-items: flex-start; padding: 40px 0 90px 0;}
+	footer address {width: 72%}
+	footer .wa_mark {position: absolute; bottom: 6px; right: 0;}
+	footer .site_go {position: absolute; bottom: 23px; left: 0;}
+}
+
+@media screen and (max-width: 767px){
+	/* header */
+	header {height:70px;border-bottom:1px solid #e2e4e6;box-sizing:border-box;}
+	header .gnb_wrap {overflow:visible;height:0;border:0;}
+	header .gnb_wrap .site,
+	header .gnb_wrap .btn_util {display:none;}
+	header .gnb_wrap .area_right, .gnb_wrap .area_left p {display:none;}
+	header .header {padding:0 8px 0 10px;}
+	header .header .header_inner {height:70px;}
+	header .header .header_inner h1 a {display:flex;height:70px;align-items:center;}
+	header .header .header_inner h1 a img {height:43px;}
+  	header .header .header_inner .area_right {height:100%;}
+	header .header .header_inner .area_right .btn_search {display:none;}
+	header .header .header_inner .area_right .btn_menu {width:35px;height:100%;background-image:url(../images/common/m_btn_menu.png);background-size:29px 21px;background-position:center center;}
+  	header .header .header_inner .area_right .m_header_login {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;}
+  	header .header .header_inner .area_right .m_header_login i {width:21px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon1.png);background-size:21px auto;}
+  	header .header .header_inner .area_right .m_header_join {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;}
+  	header .header .header_inner .area_right .m_header_join i {width:26px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon2.png);background-size:26px auto;}
+
+  	.path {height:50px;background:#f5680b;}
+  	.path .pathedfr {display:none;}
+  	.path .m_pathedfr {display:block;}
+  	.path .m_pathedfr > ul:after {content:'';display:block;clear:both;}
+  	.path .m_pathedfr > ul > li {position:relative;float:left;width:50%;height:100%;border-left:1px 	solid #fcae83;box-sizing:border-box;}
+  	.path .m_pathedfr > ul > li:first-child {border:0 none;}
+  	.path .m_pathedfr > ul > li .path_btn {position:relative;display:block;width:100%;height:50px;	padding:0 0 0 10px;font-size:18px;text-align:left;color:#fff;}
+  	.path .m_pathedfr > ul > li .path_btn:after {content:'';position:absolute;right:15px;top:0;	width:18px;height:50px;background:url(../images/common/path_btn_arrow.png) 	no-repeat left top;}
+  	.path .m_pathedfr > ul > li .path_btn.active:after {transform:rotate(180deg);}
+  	.path .m_pathedfr > ul > li ul {display:none;position:absolute;left:0;top:50px;width:100%;	padding:3px 0;border-top:1px solid #fcae83;background:#fb8b4e;box-sizing:border-box;}
+  	.path .m_pathedfr > ul > li ul li a {display:block;padding:0 0 0 10px;font-size:16px;line-height:35px;color:#fff;}
+  	
+  	.container .navigation .inner {padding:0;}
+  	.navigation .list > li {width: calc((100% - 2px)/2);}
+  	.navigation .list > li .navi_title{width: 100%;}
+  
+	/* footer */
+	footer .site {margin:0 -10px;}
+	footer .site ul {justify-content:center;}
+	footer .site ul li {padding:0 10px;font-size:14px;text-align:center;}
+	footer .site ul li:first-child {padding:0 10px;}
+	footer .area_top {display:block;padding:20px 10px;}
+	footer .area_top .logo {display:block;}
+	footer .area_top .logo a {display:block;}
+	footer .area_top .logo a img {width:140px;}
+	footer .area_top address {display:block; width: 100%; margin:15px 0 80px 0;}
+	footer .area_top address p {margin:0 0 4px;font-size:14px;line-height:20px;}
+	footer .area_top .site_go {left:initial;right:0;top:20px;width:calc(100% - 165px);}
+	footer .area_top .site_go:after {content:'';display:block;clear:both;}
+	footer .wa_mark {left: 0; bottom: 12px;}
+	footer .area_top .site_go select {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;width:calc(100% - 45px);height:35px;padding:0 35px 0 15px;font-size:14px;background-size:10px;}
+	footer .area_top .site_go .btn_go {float:right;width:40px;height:35px;font-size:14px;}
+  }
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
+	.header_inner .area_right{/* width: 80px;  */justify-content: space-between;}
+	.header_inner .btn_search{margin-right: 0;}
+}
diff --git a/src/main/webapp/visitEdu/usr/publish/css/font.css b/src/main/webapp/visitEdu/usr/publish/css/font.css
index 14e515b0..f7622028 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/font.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/font.css
@@ -5,6 +5,13 @@
 @import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
 
 /* G market sans */
+@font-face {
+    font-family: 'GmarketSansMedium';
+    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
 @font-face {
     font-family: 'GmarketSansBold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
diff --git a/src/main/webapp/visitEdu/usr/publish/css/main.css b/src/main/webapp/visitEdu/usr/publish/css/main.css
index f34219b0..58d1d4a4 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/main.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/main.css
@@ -1,178 +1,90 @@
-.main {margin-top: 130px; background-color:#eef0f4 ;}
-.main .inner {max-width: 1400px; width: 100%; padding: 60px 0; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box;}
+.main {margin-top:130px;background-color:#eef0f4;padding:0 0 80px 0;}
+.main .inner {max-width:1400px;width:100%;margin:0 auto;padding:0;display:flex;justify-content: space-between;flex-wrap: wrap;box-sizing: border-box;}
 
-/* cont1 */
-.cont1{position: relative; width: calc(100% - 33% - 50px);}
-.cont1 .cont1-swiper {overflow:hidden;}
-.cont1 .swiper-wrapper .swiper-slide {height: 393px; }
-.cont1 .slide_button{position: absolute;bottom: 35px; left: 0;width:auto; z-index: 1;}
-.cont1 .slide_button:after {content:'';display:block;clear:both;}
-.cont1 .slide_button .swiper-pagination {float:left;position:relative;margin:3px 0 0;}
-.cont1 .slide_button .swiper-pagination .swiper-pagination-bullet{float:left;margin-right:7px;position: relative;vertical-align: middle;width: 10px;height: 10px;background-color: #c6c9d1; border-radius: 100%;opacity:1;}
-.cont1 .slide_button .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;background-color: #f37632;border-radius:10px;vertical-align: middle;}
-.cont1 .slidePause {float:left;background-image: url(../images/main/visualStop.png);background-repeat: no-repeat;width: 16px;height: 16px;}
-.cont1 .slideStart {float:left;background-image: url(../images/main/visualStart.png);background-repeat: no-repeat;width: 16px;height: 16px;}
-.cont1 .swiper-slide .txt1 {font-size: 22px; color: #333; padding-top: 30px; letter-spacing: -1px;}
-.cont1 .swiper-slide .txt2 {font-size: 46px; color: #000; padding: 15px 0 30px 0; letter-spacing: -2px; font-family: 'LotteMartHappy';}
-.cont1 .swiper-slide span {font-size: 17px; font-weight: 300; color: #666; display: block; line-height: 1.4; letter-spacing: -0.5px;}
-.cont1 .swiper-slide button {width: 175px; height: 50px; padding-left: 22px; border: 1px solid #cbd0da; border-radius: 24.5px; margin-top: 40px; background-color: #fff; background-image: url(../images/main/btn_arrow.png); background-repeat: no-repeat; background-position: 90% 50%; font-size: 18px; color: #60656d; text-align: left; vertical-align: middle;}
-.cont1 .cont1-swiper .swiper-slide {min-height:393px; background-repeat: no-repeat; background-position: right center;}
-.swiper-wrapper {height:auto;}
-.swiper .swiper-notification {display:none;}
+/* visual */
+.visual_slide{position:relative;width:100%;height:590px;background-color: #eef0f4;margin:0 auto;z-index:0;overflow:hidden;}
+.visual_slide .swiper-slide .inner{width:100%;}
+.visual_slide .swiper-slide .inner .text_area{height:auto;padding:63px 0 0 40px;margin:0 auto;box-sizing:border-box;text-align:center;}
+.visual_slide .swiper-slide .inner .text_area *{line-height: 1.4;color:#182448;}
+.visual_slide .swiper-slide .inner .text_area .sub_title{font-size:20px;font-family:'GmarketSansMedium';}
+.visual_slide .swiper-slide .inner .text_area .title{font-size:52px;font-family:'GmarketSansBold';}
+.visual_slide .swiper-slide .inner .text_area .summary{font-size:18px;}
+.visual_slide .swiper-slide .inner .text_area a{display:flex;width:145px;height:38px;font-size: 18px;color:#182448;background-color:#fff;padding:0 20px;margin:33px auto 0 auto;border-radius:26px;align-items:center;justify-content:space-between;box-sizing:border-box;}
+.visual_slide .slide_control{position:relative;width:100%;bottom:20px;}
+.visual_slide .slide_control .inner{position:relative;justify-content:center;align-items:center;}
+.visual_slide .slide_control .swiper-pagination{position: relative;}
+.visual_slide .slide_control .swiper-pagination-bullet{background-color:#19222d;opacity:0.5;margin:0 4px;}
+.visual_slide .slide_control .swiper-pagination-bullet-active{opacity:1;}
+.visual_slide .slide_control .slide_pause,.visual_slide .slide_control .slide_play{position:relative;width:8px;height:10px;z-index:10;margin: 5px 0 0 8px;}
+.visual_slide .slide_control .slide_pause{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_pause.png);}
+.visual_slide .slide_control .slide_play{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_play.png);}
+.visual_slide .btn_prev_slide,.visual_slide .btn_next_slide{position:absolute;width:50px;height:50px;text-indent:-9999em;overflow:hidden;top:50%;z-index:10;transform:translateY(-50%);}
+.visual_slide .btn_prev_slide{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_arrow_right.png) no-repeat;left:77px;}
+.visual_slide .btn_next_slide{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_arrow_left.png) no-repeat;left:calc(100% - 97px);}
 
+.visual_slide .swiper-slide[aria-label="1 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_01.jpg) no-repeat;}
+.visual_slide .swiper-slide[aria-label="2 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_02.jpg) no-repeat;}
+.visual_slide .swiper-slide[aria-label="3 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_03.jpg) no-repeat;}
+.visual_slide .swiper-slide[aria-label="4 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_04.jpg) no-repeat;}
+.visual_slide .swiper-slide[aria-label="5 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_05.jpg) no-repeat;}
 
-/* cont2 */
-.cont2 {position: relative; width: 33%; max-width: 450px;}
-.cont2 .cont2-swiper {overflow:hidden;position:relative;/*height:388px;*/border-radius:30px 5px 30px 5px;}
-.cont2 .cont2-swiper .swiper-slide .mobile_banner {display:none;}
-.cont2 .cont2-swiper .slide_button {position: absolute;bottom: 0; left: 0; z-index: 4; width: 100%; height: 50px; background-color: rgba(0,0,0,0.1); border-radius: 0 0 30px 5px; text-align: center;}
-.cont2 .cont2-swiper .slide_button .control {overflow:hidden;position:relative;display:inline-block;width:92px;margin:15px auto 0;}
-.cont2 .cont2-swiper .slide_button .swiper-button-next {position:absolute;top:0;left:initial;right:0;width:9px;height:16px;margin:0;vertical-align:top;background:url(../images/main/cont2_right.png) no-repeat left top;background-size:9px 16px;}
-.cont2 .cont2-swiper .slide_button .swiper-button-prev {position:absolute;top:0;left:0;right:initial;width:9px;height:16px;margin:0;vertical-align:top;background:url(../images/main/cont2_left.png) no-repeat left top;background-size:9px 16px;z-index:11;}
-.cont2 .cont2-swiper .slide_button .swiper-pagination {position:relative;bottom:0;float:left;width:100%;font-size:16px;vertical-align:top;color:#fff;}
-.cont2 .cont2-swiper .slide_button .slidePause {display:inline-block;background-image: url(../images/main/visualStop2.png);background-repeat: no-repeat;width:16px;height:16px;margin:15px 0 0 15px;}
-.cont2 .cont2-swiper .slide_button .slideStart {display:inline-block;background-image: url(../images/main/visualStart2.png);background-repeat: no-repeat;width:16px;height:16px;margin:15px 0 0 15px;}
+/* main_banner_link */
+.container .main_banner_link{position:relative;height:130px;margin:60px auto 70px auto;}
+.container .main_banner_link li{position:relative;display:flex;width:calc((100%/5) - 12px);height:100%;background-color:#fff;border-radius:5px;box-shadow:0 0 5px rgba(45,55,90,0.2);align-items:center;transition:all 0.3s ease-in-out;}
+.container .main_banner_link li::after{position:absolute;content:" ";width: calc(100% + 10px);height:calc(100% + 10px);border:3px solid transparent;left:-8px;border-radius:10px;}
+.container .main_banner_link li:hover{z-index: 15;}
+.container .main_banner_link li:hover::after{border:3px solid #e95504;background-color:#fff;box-shadow:0 0 15px rgba(233,85,4,0.3);}
+.container .main_banner_link li a{position:relative;width:100%;text-align:center;z-index:15;}
+.container .main_banner_link i{display:block;width:68px;height:68px;margin:0 auto 10px auto;border-radius:100%;background-repeat:no-repeat;}
+.container .main_banner_link .banner_link_01 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_01.png);}
+.container .main_banner_link .banner_link_02 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_02.png);}
+.container .main_banner_link .banner_link_03 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_03.png);}
+.container .main_banner_link .banner_link_04 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_04.png);}
+.container .main_banner_link .banner_link_05 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_05.png);}
+.container .main_banner_link li span{color:#e95504;font-weight:500;}
 
-/* cont3 */
-.cont3 {width: 100%; margin: 50px 0; display: flex;}
-.cont3 .cont3_tit {width: 230px;border-radius: 30px 0 0 5px; background-color: #e95504; align-self: center; text-align: center; padding: 34.5px 0; background-image: url(../images/main/cont3_tit_img.png); background-repeat: no-repeat; background-position: 87% center; box-sizing: border-box;}
-.cont3 .cont3_tit p {padding-right: 30px; font-size: 21px; font-weight: 400; color: #fff;}
-.cont3 .cont3_cont {display: flex; width: calc(100% - 230px); height: 90px; border-radius: 0 5px 30px 0; background-color: #fff; align-items: center;}
-.cont3 .cont3_cont>div {width: calc(100%/4); position: relative; background-repeat: no-repeat; background-position: 30px center;}
-.cont3 .cont3_cont>div::after {content: ""; width: 1px; height: 90px; background-color: #e5e5e5; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
-.cont3 .cont3_cont>div:last-child:after {content: none;}
-.cont3 .cont3_cont>div p {position:relative;font-size: 18px;}
-.cont3 .cont3_cont>div p span {display:block;font-size: 18px; color: #E95504; padding-top: 7px;}
-.cont3 .cont3_cont>div p .mo_text {display:none;}
-.cont3 .cont3_cont>div p a {position:relative;height:90px;padding:0 30px 0 100px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}
-.cont3 .cont3_cont .cont3_cont_1 {background-image: url(../images/main/cont3_img1.png);}
-.cont3 .cont3_cont .cont3_cont_2 {background-image: url(../images/main/cont3_img2.png);}
-.cont3 .cont3_cont .cont3_cont_3 {background-image: url(../images/main/cont3_img3.png);}
-/*.cont3 .cont3_cont .cont3_cont_3 p a {padding-top:35px;}*/
-.cont3 .cont3_cont .cont3_cont_4 {background-image: url(../images/main/cont3_img4.png);}
-/*.cont3 .cont3_cont .cont3_cont_4 p a {padding-top:35px;}*/
+/* 하단콘텐츠 공통 */
+.wrap .content_wrap{width:calc((100% - 72px)/3);}
+.wrap .content_wrap .content{height:332px;}
+.wrap .content_wrap>.title{display:flex;width:100%;justify-content:space-between;align-items:center;margin:0 0 10px 0;}
+.wrap .content_wrap>.title h3{position:relative;font-size:28px;font-weight:bold;padding:0 0 0 20px;}
+.wrap .content_wrap>.title h3::after{position:absolute;content:" ";width:6px;height:6px;border:3px solid #e95504;border-radius:100%;left:0;top:9px;}
+.wrap .content_wrap .title .btn_plus{display:flex;width:65px;height:30px;background:#fff url(/offeduadvc/visitEdu/usr/publish/images/main/btn_plus.png) no-repeat calc(100% + 4px) center;padding:0 4px 0 8px;overflow:hidden;text-align:left;color:#666;line-height:1.6;border:1px solid #d5d5d5;border-radius:5px;justify-content:flex-start;align-items:center;transition:all 0.1s ease-in;}
+.wrap .content_wrap .title .btn_plus:hover{border:1px solid #e95504;background:#fff url(/offeduadvc/visitEdu/usr/publish/images/main/btn_plus_hover.png) no-repeat calc(100% + 4px) center;color:#e95504;}
 
-/* cont4,5 */
-.cont4, .cont5 {width: calc(100%/2 - 25px); min-height: 204px; padding: 40px; border-radius: 25px 5px 25px 5px; background-color: #fff; box-sizing: border-box; position: relative;}
-.main_cont_tit {display: flex; justify-content: space-between;}
-.main_cont_tit p {font-size: 25px; font-weight: 600;}
-button.main_more {background-image: url(../images/main/main_cont_more.png); background-repeat: no-repeat; background-position: right center; padding-right: 30px; font-size: 17px; color: #777772; font-weight: 300; position: absolute; top: 40px; right: 40px;}
+/* 공지사항 */
+.wrap .notice .content{padding:15px 45px;background-color:#fff;border:1px solid #d5d5d5;border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.15);box-sizing:border-box;}
+.wrap .notice .emphasis{display: inline-flex;width:40px;height:20px;justify-content:center;align-items:center;background-color:#e95504;font-size:14px;font-weight:400;color:#fff;border-radius:5px;margin:0 8px 0 0;}
+.wrap .notice .notice_list li{border-bottom: 1px solid #d5d5d5;}
+.wrap .notice .notice_list li:last-child{border:0;}
+.wrap .notice .notice_list li a{display:flex;height:50px;justify-content:space-between;align-items:center;transition:all 0.1s ease-in;}
+.wrap .notice .notice_list li:hover a{color:#e95504;transition:all 0.15s ease-in-out;}
+.wrap .notice .date{display:flex;min-width:110px;font-size:16px;color:#666;align-items:center;font-weight:300;}
+.wrap .notice .notice_list li:hover .date{color:#e95504;}
+.wrap .notice .date i{display:inline-block;width:4px;height:4px;background:#e95504;margin:2px 6px 0 0;border-radius:100%;}
+.wrap .notice .notice_list .title{width: calc(100% - 115px);font-size:18px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height: 1.4;}
 
-/* cont4 */
-.cont4 .list {margin-top: 33px;}
-.cont4 .list li {margin-bottom: 14px;}
-.cont4 .list li:hover a p {text-decoration: underline;}
-.cont4 .list li:last-child {margin-bottom: 0;}
-.cont4 .list li a {display: flex; justify-content: space-between; align-items: center;}
-.cont4 .list li p {width: calc(100% - 100px); font-size: 18px; font-weight: 300; color: #666; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 1; white-space: nowrap; vertical-align: middle;}
-.cont4 .list li a span {color: #777772; font-weight: 300; font-size: 16px; line-height: 26px; vertical-align: top;}
-.cont4 .list li a p .noticeBox {width: 57px; line-height: 0; padding: 12px 0; border: 1px solid #d14001; border-radius: 13px; margin-right: 4px; color: #d14001; display: inline-block; text-align: center; vertical-align: revert;}
+/* 자료실 */
+.wrap .data_notice .notice_list{display:flex;height:100%;align-items:stretch;flex-flow:wrap;justify-content:space-between;flex-direction:column;}
+.wrap .data_notice .notice_list li{width:100%;padding:15.5px 45px;background-color:#fff;border:1px solid #d5d5d5;border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.15);box-sizing:border-box;transition:all 0.05s ease-in-out;}
+.wrap .data_notice .notice_list li:hover{border:1px solid #e95504;transition:all 0.05s ease-in-out;}
+.wrap .data_notice .notice_list li .title{font-size: 18px;font-weight:500;align-items:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.2;transition:all 0.05s ease-in-out;}
+.wrap .data_notice .notice_list li .title i{display:inline-block;width:4px;height:4px;background:#e95504;margin:0 6px 5px 0;border-radius:100%;}
+.wrap .data_notice .notice_list li .date{margin:4.5px 0 0 8px;color:#666;font-weight:300;transition:all 0.05s ease-in-out;}
+.wrap .data_notice .notice_list li:hover .title,.wrap .data_notice .notice_list li:hover .date{color:#e95504;transition:all 0.05s ease-in-out;}
 
-/* cont5 */
-.cont5 .list {display: flex; justify-content: space-between; margin-top: 28px;}
-.cont5 .list li {width: calc(100%/3 - 12.5px);}
-.cont5 .list li:hover p {text-decoration: underline;}
-.cont5 .list li a {display: block;}
-.cont5 .list li .imgBox {height: 130px; overflow: hidden; background-color: #e5e5e5;}
-.cont5 .list li .imgBox img {height: 100%;}
-.cont5 .list li .textBox p {font-size: 18px; font-weight: 300; color: #666; line-height: 1.3; letter-spacing: -0.5px; margin-top: 17px; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box;}
+/* 알림판 */
+.wrap .notify .notify_control{display:flex;height:30px;background-color:#fff;border:1px solid #d5d5d5;border-radius:5px;padding:0 4px 0 0;}
+.wrap .notify .notify_control>*{position:unset;width:23px;height:30px;font-size:16px;color:#888;text-align:center;line-height:28px;letter-spacing:-1.7px;margin: 0 0 0 -1px;}
+.wrap .notify .notify_control .slide_number{width:35px;}
+.wrap .notify .notify_control .swiper-button-prev,.wrap .notify .notify_control .swiper-button-next{background-size:auto;}
+.wrap .notify .notify_control .swiper-button-prev::after,.wrap .notify .notify_control .swiper-button-next::after{display: none;}
+.wrap .notify .notify_control .swiper-button-prev{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_right.png);background-position-x:-2px;}
+.wrap .notify .notify_control .swiper-button-next{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_left.png);}
+.wrap .notify .notify_control .swiper-button-prev:hover{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_right_hover.png);}
+.wrap .notify .notify_control .swiper-button-next:hover{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_left_hover.png);}
+.wrap .notify .notify_control .slide_pause,.wrap .notify .notify_control .slide_play{height: 30px;margin: 0 0 0 -0.5px;}
+.wrap .notify .notify_control .slide_pause{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_pause.png) no-repeat center center;}
+.wrap .notify .notify_control .slide_play{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_play.png) no-repeat center center;}
+.wrap .notify .content{width:100%;height:332px;overflow: hidden;border-radius:5px;}
 
-@media all and (max-width: 1280px){
-	/* main latout */
-	.main .inner {padding:60px 20px;}
-  .cont1 {width:calc(100% - 450px);} 
-  .cont2 {min-width:450px;}
-  .cont3 .cont3_tit {width:200px;background-position:90% center;}
-  .cont3 .cont3_cont {width: calc(100% - 200px);}
-  .cont3 .cont3_tit p {font-size:19px;}
-  .cont3 .cont3_cont>div {background-position:15px center;}
-  .cont3 .cont3_cont>div p {font-size:16px;}
-  .cont3 .cont3_cont>div p a {padding:0 15px 0 80px;}
-  .cont3 .cont3_cont>div p span {left:80px;bottom:20px;font-size:16px;}
-  /*.cont3 .cont3_cont .cont3_cont_3 p a,
-  .cont3 .cont3_cont .cont3_cont_4 p a {padding-top:20px;}*/
-}
-
-@media all and (max-width: 1024px){
-	/* main latout */
-  .cont1 {width:100%;}
-
-  .cont2 {width:100%;max-width:100%;min-width:auto;}
-  .cont2 .cont2-swiper .swiper-slide img {display:none;width:100%;}
-  .cont2 .cont2-swiper .swiper-slide .mobile_banner {display:block;}
-
-  .cont3 {display:block;}
-  .cont3 .cont3_tit {width:100%;padding:14px 30px 15px;text-align:left;background-position:right 20px center;border-radius:30px 5px 0 0;}
-  .cont3 .cont3_cont {display:block;width:100%;height:auto;border-radius:0 0 30px 5px;}
-  .cont3 .cont3_cont:after {content:'';display:block;clear:both;}
-  .cont3 .cont3_cont>div {float:left;width:50%;height:80px;line-height:40px;background-position:20px center;box-sizing:border-box;}
-  .cont3 .cont3_cont>div:after {height:100%;}
-  .cont3 .cont3_cont>div p {overflow:hidden;}
-  .cont3 .cont3_cont>div p a {height:80px;justify-content:flex-start;align-items:center;flex-direction:row;}
-  .cont3 .cont3_cont>div p span {display:none;}
-  .cont3 .cont3_cont>div p span.mo_text {display:block;float:left;padding:0 4px 0 0;color:#222}
-  .cont3 .cont3_cont>.cont3_cont_1 {border-bottom:1px solid #cbd0da;}
-  .cont3 .cont3_cont>.cont3_cont_1 p {padding:0;}
-  .cont3 .cont3_cont>.cont3_cont_1 span {position:static;left:initial;bottom:initial;}
-  .cont3 .cont3_cont>.cont3_cont_2 {border-bottom:1px solid #cbd0da;}
-  .cont3 .cont3_cont>.cont3_cont_2:after {display:none;}
-  .cont3 .cont3_cont>.cont3_cont_2 p {padding:0;}
-  .cont3 .cont3_cont>.cont3_cont_2 span {position:static;left:initial;bottom:initial;}
-}
-
-/* 모바일 */
-@media screen and (max-width: 767px){
-  /* 1207 - 수정 */
-  .main {margin:0;padding:70px 0 0;}
-  /* //1207 - 수정 */
-  .main .inner {padding:0 10px 35px;}
-  .cont1 {width:100%;}
-  .cont1 .cont1-swiper .swiper-slide {height:auto;padding:0 0 45px;background-image:url(../images/main/m_cont1_bg1.png);background-size:contain;}
-  .cont1 .cont1-swiper .swiper-slide .txt1 {font-size:14px;margin:0 0 0 6px;}
-  .cont1 .cont1-swiper .swiper-slide .txt2 {margin:0 0 0 6px;padding:8px 0 6px;font-size:18px;}
-  .cont1 .cont1-swiper .swiper-slide span {margin:0 0 0 6px;font-size:14px;}
-  .cont1 .cont1-swiper .swiper-slide button {width:130px;height:40px;margin:10px 0 0 6px;padding:0 0 0 20px;font-size:14px;background-size:4px auto;background-position:90% center;}
-  .cont1 .cont1-swiper .slide_button {left:6px;bottom:10px;}
-  .cont1 .slide_button .swiper-pagination {margin:0;}
-  .cont1 .slide_button .swiper-pagination .swiper-pagination-bullet {width:7px;height:7px;}
-  .cont1 .slide_button .swiper-pagination .swiper-pagination-bullet:last-child {margin:0;}
-  .cont1 .slideStart {width:30px;height:30px;margin:-11px 0 0;background-size:16px 16px;background-position:center center;}
-  .cont1 .slidePause {width:30px;height:30px;margin:-11px 0 0;background-size:14px 16px;background-position:center center;}
-
-  .cont2 .cont2-swiper .slide_button {height:40px;border-radius:0 0 15px 5px;}
-  .cont2 .cont2-swiper .slide_button .control,
-  .cont2 .cont2-swiper .slide_button .slideStart,
-  .cont2 .cont2-swiper .slide_button .slidePause {margin-top:10px;}
-
-  .cont3 {margin:15px 0 20px;}
-  .cont3 .cont3_tit {padding:9px 20px 10px;background-size:11px;border-radius:20px 5px 0 0;}
-  .cont3 .cont3_tit p {font-size:15px;}
-  .cont3 .cont3_cont {box-shadow:1px 1px 20px 0px rgba(45, 55, 90, 0.15);}
-  .cont3 .cont3_cont>div {display:flex;height:60px;font-size:14px;line-height:20px;align-items:center;background-size:30px;background-position:10px center;}
-  .cont3 .cont3_cont>div p {font-size:14px;}
-  .cont3 .cont3_cont>div p a {height:60px;padding:0 10px 0 50px;}
-  .cont3 .cont3_cont>div p span {font-size:14px;}
-  /* .cont3 .cont3_cont>div:first-child p a,
-  .cont3 .cont3_cont>div:nth-child(2) p a {padding-top:10px;} */
-
-  .cont4 {width:100%;margin:0 0 20px;padding:20px;border-radius:20px 5px 20px 5px;box-shadow:1px 1px 20px 0px rgba(45, 55, 90, 0.15);}
-  .cont4 .main_cont_tit p {font-size:20px;}
-  button.main_more {padding-right:20px;font-size:14px;line-height:20px;background-size:15px;top:20px;right:20px;}
-  .cont4 .list {margin:17px 0 0;}
-  .cont4 .list li {margin-bottom: 6px;}
-  .cont4 .list li a p {width:calc(100% - 80px); font-size:14px;}
-  .cont4 .list li a p .noticeBox {width:45px; padding:10px 0; font-size:14px;}
-  .cont4 .list li a > span {font-size:14px;line-height:24px;}
-
-  .cont5 {width:100%;margin:0;padding:20px;border-radius:20px 5px 20px 5px;box-shadow:1px 1px 20px 0px rgba(45, 55, 90, 0.15);}
-  .cont5 .main_cont_tit p {font-size:20px;}
-  .cont5 .main_cont_tit button {padding-right:20px;font-size:14px;line-height:20px;background-size:15px;}
-  .cont5 .list {overflow:hidden;display:block;margin:17px 0 0;}
-  .cont5 .list li {float:left;width:calc(50% - 18px);}
-  .cont5 .list li:nth-child(2) {float:right;}
-  .cont5 .list li:nth-child(n+3) {display:none;}
-  .cont5 .list li .imgBox {height:auto;}
-  .cont5 .list li .imgBox img {width:100%;height:auto;}
-  .cont5 .list li .textBox p {margin:10px 0 0;font-size:14px;}
-
-}
\ No newline at end of file
diff --git a/src/main/webapp/visitEdu/usr/publish/css/main_2023.css b/src/main/webapp/visitEdu/usr/publish/css/main_2023.css
index 416f8503..608b6351 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/main_2023.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/main_2023.css
@@ -1,89 +1,90 @@
-.main {margin-top:130px;}
+.main {margin-top:130px;background-color:#eef0f4;padding:0 0 80px 0;}
 .main .inner {max-width:1400px;width:100%;margin:0 auto;display:flex;justify-content: space-between;flex-wrap: wrap;box-sizing: border-box;}
 
 /* visual */
-.renewal .visual_slide{position:relative;width:calc(100% - 120px);height:550px;background-color: #f5f5f5;margin:0 auto;border-radius:20px;z-index:0;overflow:hidden;}
+.renewal .visual_slide{position:relative;width:100%;height:590px;background-color: #eef0f4;margin:0 auto;z-index:0;overflow:hidden;}
 .renewal .visual_slide .swiper-slide .inner{width:100%;}
-.renewal .visual_slide .swiper-slide .inner .text_area{height:auto;padding:80px 0 0 40px;box-sizing:border-box;}
-.renewal .visual_slide .swiper-slide .inner .text_area *{line-height: 1.4;}
-.renewal .visual_slide .swiper-slide .inner .text_area .sub_title{font-size:24px;font-family:'GmarketSansMedium';color:#fff;}
-.renewal .visual_slide .swiper-slide .inner .text_area .title{font-size:50px;font-family:'GmarketSansBold';color:#ffe400;}
-.renewal .visual_slide .swiper-slide .inner .text_area .summary{font-size:18px;color:#fff;}
-.renewal .visual_slide .swiper-slide .inner .text_area a{display:flex;width:175px;height:50px;font-size: 18px;color:#fff;border:1px solid #fff;padding:0 20px;margin:42px 0 0 0;border-radius:26px;align-items:center;justify-content:space-between;box-sizing:border-box;}
-.renewal .visual_slide .slide_control{position:relative;left:40px;bottom:150px;width:100%;}
-.renewal .visual_slide .slide_control .inner{position:relative;justify-content:flex-start;align-items:center;}
+.renewal .visual_slide .swiper-slide .inner .text_area{height:auto;padding:63px 0 0 40px;margin:0 auto;box-sizing:border-box;text-align:center;}
+.renewal .visual_slide .swiper-slide .inner .text_area *{line-height: 1.4;color:#182448;}
+.renewal .visual_slide .swiper-slide .inner .text_area .sub_title{font-size:20px;font-family:'GmarketSansMedium';}
+.renewal .visual_slide .swiper-slide .inner .text_area .title{font-size:52px;font-family:'GmarketSansBold';}
+.renewal .visual_slide .swiper-slide .inner .text_area .summary{font-size:18px;}
+.renewal .visual_slide .swiper-slide .inner .text_area a{display:flex;width:145px;height:38px;font-size: 18px;color:#182448;background-color:#fff;padding:0 20px;margin:33px auto 0 auto;border-radius:26px;align-items:center;justify-content:space-between;box-sizing:border-box;}
+.renewal .visual_slide .slide_control{position:relative;width:100%;bottom:20px;}
+.renewal .visual_slide .slide_control .inner{position:relative;justify-content:center;align-items:center;}
 .renewal .visual_slide .slide_control .swiper-pagination{position: relative;}
-.renewal .visual_slide .slide_control .swiper-pagination-bullet{background-color:#fff;opacity:0.5;margin:0 4px;}
+.renewal .visual_slide .slide_control .swiper-pagination-bullet{background-color:#19222d;opacity:0.5;margin:0 4px;}
 .renewal .visual_slide .slide_control .swiper-pagination-bullet-active{opacity:1;}
 .renewal .visual_slide .slide_control .slide_pause,.renewal .visual_slide .slide_control .slide_play{position:relative;width:8px;height:10px;z-index:10;margin: 5px 0 0 8px;}
 .renewal .visual_slide .slide_control .slide_pause{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_pause.png);}
 .renewal .visual_slide .slide_control .slide_play{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_play.png);}
+.renewal .visual_slide .btn_prev_slide,.renewal .visual_slide .btn_next_slide{position:absolute;width:50px;height:50px;text-indent:-9999em;overflow:hidden;top:50%;z-index:10;transform:translateY(-50%);}
+.renewal .visual_slide .btn_prev_slide{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_arrow_right.png) no-repeat;left:77px;}
+.renewal .visual_slide .btn_next_slide{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_arrow_left.png) no-repeat;left:calc(100% - 97px);}
 
-.renewal .visual_slide .swiper-slide[aria-label="1 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_01.jpg);}
-.renewal .visual_slide .swiper-slide[aria-label="2 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_02.jpg);}
-.renewal .visual_slide .swiper-slide[aria-label="3 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_03.jpg);}
-.renewal .visual_slide .swiper-slide[aria-label="4 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_04.jpg);}
-.renewal .visual_slide .swiper-slide[aria-label="5 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_05.jpg);}
+.renewal .visual_slide .swiper-slide[aria-label="1 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_01.jpg) no-repeat;}
+.renewal .visual_slide .swiper-slide[aria-label="2 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_02.jpg) no-repeat;}
+.renewal .visual_slide .swiper-slide[aria-label="3 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_03.jpg) no-repeat;}
+.renewal .visual_slide .swiper-slide[aria-label="4 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_04.jpg) no-repeat;}
+.renewal .visual_slide .swiper-slide[aria-label="5 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_05.jpg) no-repeat;}
 
 /* main_banner_link */
-.renewal .main_banner_link{position:relative;height:130px;background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(45,55,90,0.2);margin:-65px auto 70px auto;}
-.renewal .main_banner_link li{position:relative;display:flex;width:calc(100%/5);height:100%;align-items:center;transition:all 0.3s ease-in-out;}
+.renewal .main_banner_link{position:relative;height:130px;margin:60px auto 70px auto;}
+.renewal .main_banner_link li{position:relative;display:flex;width:calc((100%/5) - 12px);height:100%;background-color:#fff;border-radius:5px;box-shadow:0 0 5px rgba(45,55,90,0.2);align-items:center;transition:all 0.3s ease-in-out;}
 .renewal .main_banner_link li::after{position:absolute;content:" ";width: calc(100% + 10px);height:calc(100% + 10px);border:3px solid transparent;left:-8px;border-radius:10px;}
 .renewal .main_banner_link li:hover{z-index: 15;}
 .renewal .main_banner_link li:hover::after{border:3px solid #e95504;background-color:#fff;box-shadow:0 0 15px rgba(233,85,4,0.3);}
 .renewal .main_banner_link li a{position:relative;width:100%;text-align:center;z-index:15;}
-.renewal .main_banner_link li a::after{position:absolute;content:" ";width:1px;height:92px;background-color:#d5d5d5;right:0;top:50%;transform:translateY(-50%);}
-.renewal .main_banner_link li:last-child a::after{display:none;}
-.renewal .main_banner_link li:hover a::after{display:none;}
 .renewal .main_banner_link i{display:block;width:68px;height:68px;margin:0 auto 10px auto;border-radius:100%;background-repeat:no-repeat;}
-.renewal .main_banner_link .banner_link_01 i{background-image: url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_01.png);}
-.renewal .main_banner_link .banner_link_02 i{background-image: url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_02.png);}
-.renewal .main_banner_link .banner_link_03 i{background-image: url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_03.png);}
-.renewal .main_banner_link .banner_link_04 i{background-image: url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_04.png);}
-.renewal .main_banner_link .banner_link_05 i{background-image: url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_05.png);}
+.renewal .main_banner_link .banner_link_01 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_01.png);}
+.renewal .main_banner_link .banner_link_02 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_02.png);}
+.renewal .main_banner_link .banner_link_03 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_03.png);}
+.renewal .main_banner_link .banner_link_04 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_04.png);}
+.renewal .main_banner_link .banner_link_05 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_05.png);}
 .renewal .main_banner_link li span{color:#e95504;font-weight:500;}
 
 /* 하단콘텐츠 공통 */
 .renewal .wrap .content_wrap{width:calc((100% - 72px)/3);}
+.renewal .wrap .content_wrap .content{height:332px;}
 .renewal .wrap .content_wrap>.title{display:flex;width:100%;justify-content:space-between;align-items:center;margin:0 0 10px 0;}
 .renewal .wrap .content_wrap>.title h3{position:relative;font-size:28px;font-weight:bold;padding:0 0 0 20px;}
 .renewal .wrap .content_wrap>.title h3::after{position:absolute;content:" ";width:6px;height:6px;border:3px solid #e95504;border-radius:100%;left:0;top:9px;}
-.renewal .wrap .content_wrap .title .btn_plus{width:35px;height:35px;background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_plus.png) no-repeat center center;text-indent:-9999em;overflow:hidden;border:1px solid #d5d5d5;border-radius:5px;transition:all 0.1s ease-in;}
-.renewal .wrap .content_wrap .title .btn_plus:hover{border:1px solid #e95504;background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_plus_hover.png) no-repeat center center;}
+.renewal .wrap .content_wrap .title .btn_plus{display:flex;width:65px;height:30px;background:#fff url(/offeduadvc/visitEdu/usr/publish/images/main/btn_plus.png) no-repeat calc(100% + 4px) center;padding:0 4px 0 8px;overflow:hidden;text-align:left;color:#666;line-height:1.6;border:1px solid #d5d5d5;border-radius:5px;justify-content:flex-start;align-items:center;transition:all 0.1s ease-in;}
+.renewal .wrap .content_wrap .title .btn_plus:hover{border:1px solid #e95504;background:#fff url(/offeduadvc/visitEdu/usr/publish/images/main/btn_plus_hover.png) no-repeat calc(100% + 4px) center;color:#e95504;}
 
-/* 공지사항, 교육자료실 */
-.renewal .wrap .notice .notice_wrap{height:206px;padding:22px 30px;background-color:#eef0f3;border:1px solid transparent;border-radius:5px;box-sizing:border-box;}
-.renewal .wrap .notice .notice_wrap:hover{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 0 5px rgba(0,0,0,0.2);transition:all 0.3s ease-in-out;}
-.renewal .wrap .content_wrap .emphasis{display: inline-flex;justify-content:center;align-items:center;background-color:#e95504;font-weight:400;color:#fff;border-radius:5px;margin:0 8px 0 0;}
-.renewal .wrap .content_wrap .notice_wrap .emphasis{width:65px;height:30px;font-size:18px;}
-.renewal .wrap .content_wrap .notice_list .emphasis{width:58px;height:26px;font-size:16px;}
-.renewal .wrap .content_wrap .notice_wrap dl{margin:0 0 20px 0;}
-.renewal .wrap .content_wrap .notice_wrap dt{font-size:22px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
-.renewal .wrap .content_wrap .notice_wrap dd{font-size:18px;font-weight:400;line-height:1.4;margin:20px 0 0 0;}
-.renewal .wrap .content_wrap .date{display:flex;min-width:110px;font-size:16px;color:#666;align-items:center;}
-.renewal .wrap .content_wrap .notice_list li:hover .date{color:#e95504;}
-.renewal .wrap .content_wrap .date i{display:inline-block;width:18px;height:16px;background:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_calendar.png) no-repeat center center;margin:2px 4px 0 0;}
-.renewal .wrap .content_wrap .notice_list li:hover .date i{background:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_calendar_hover.png) no-repeat center center;transition:all 0.1s ease-in;}
-.renewal .wrap .content_wrap .notice_list li{border-bottom: 1px dashed #d5d5d5;}
-.renewal .wrap .content_wrap .notice_list li a{display:flex;height:60px;justify-content:space-between;align-items:center;transition:all 0.1s ease-in;}
-.renewal .wrap .content_wrap .notice_list li:hover a{color:#e95504;transition:all 0.3s ease-in-out;}
-.renewal .wrap .content_wrap .notice_list .title{width: calc(100% - 125px);font-size:18px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height: 1.4;}
+/* 공지사항 */
+.renewal .wrap .notice .content{padding:15px 45px;background-color:#fff;border:1px solid #d5d5d5;border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.15);box-sizing:border-box;}
+.renewal .wrap .notice .emphasis{display: inline-flex;width:40px;height:20px;justify-content:center;align-items:center;background-color:#e95504;font-size:14px;font-weight:400;color:#fff;border-radius:5px;margin:0 8px 0 0;}
+.renewal .wrap .notice .notice_list li{border-bottom: 1px solid #d5d5d5;}
+.renewal .wrap .notice .notice_list li:last-child{border:0;}
+.renewal .wrap .notice .notice_list li a{display:flex;height:50px;justify-content:space-between;align-items:center;transition:all 0.1s ease-in;}
+.renewal .wrap .notice .notice_list li:hover a{color:#e95504;transition:all 0.15s ease-in-out;}
+.renewal .wrap .notice .date{display:flex;min-width:110px;font-size:16px;color:#666;align-items:center;font-weight:300;}
+.renewal .wrap .notice .notice_list li:hover .date{color:#e95504;}
+.renewal .wrap .notice .date i{display:inline-block;width:4px;height:4px;background:#e95504;margin:2px 6px 0 0;border-radius:100%;}
+.renewal .wrap .notice .notice_list .title{width: calc(100% - 115px);font-size:18px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height: 1.4;}
+
+/* 자료실 */
+.renewal .wrap .data_notice .notice_list{display:flex;height:100%;align-items:stretch;flex-flow:wrap;justify-content:space-between;flex-direction:column;}
+.renewal .wrap .data_notice .notice_list li{width:100%;padding:15.5px 45px;background-color:#fff;border:1px solid #d5d5d5;border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.15);box-sizing:border-box;transition:all 0.05s ease-in-out;}
+.renewal .wrap .data_notice .notice_list li:hover{border:1px solid #e95504;transition:all 0.05s ease-in-out;}
+.renewal .wrap .data_notice .notice_list li .title{font-size: 18px;font-weight:500;align-items:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.2;transition:all 0.05s ease-in-out;}
+.renewal .wrap .data_notice .notice_list li .title i{display:inline-block;width:4px;height:4px;background:#e95504;margin:0 6px 5px 0;border-radius:100%;}
+.renewal .wrap .data_notice .notice_list li .date{margin:4.5px 0 0 8px;color:#666;font-weight:300;transition:all 0.05s ease-in-out;}
+.renewal .wrap .data_notice .notice_list li:hover .title,.renewal .wrap .data_notice .notice_list li:hover .date{color:#e95504;transition:all 0.05s ease-in-out;}
 
 /* 알림판 */
-.renewal .wrap .notify .notify_control{display:flex;width:140px;height:35px;}
-.renewal .wrap .notify .notify_control>*{position:unset;width:35px;height:35px;font-size:16px;color:#888;text-align:center;line-height:33px;border:1px solid #d5d5d5;letter-spacing:-1.7px;margin: 0 0 0 -1px;}
-.renewal .wrap .notify .notify_control>*:first-child{border-radius:5px 0 0 5px;}
-.renewal .wrap .notify .notify_control>*:last-child{border-radius:0 5px 5px 0;}
+.renewal .wrap .notify .notify_control{display:flex;height:30px;background-color:#fff;border:1px solid #d5d5d5;border-radius:5px;padding:0 4px 0 0;}
+.renewal .wrap .notify .notify_control>*{position:unset;width:23px;height:30px;font-size:16px;color:#888;text-align:center;line-height:28px;letter-spacing:-1.7px;margin: 0 0 0 -1px;}
+.renewal .wrap .notify .notify_control .slide_number{width:35px;}
 .renewal .wrap .notify .notify_control .swiper-button-prev,.renewal .wrap .notify .notify_control .swiper-button-next{background-size:auto;}
 .renewal .wrap .notify .notify_control .swiper-button-prev::after,.renewal .wrap .notify .notify_control .swiper-button-next::after{display: none;}
-.renewal .wrap .notify .notify_control .swiper-button-prev{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_right.png);background-position-x:-2px;border-right:1px solid transparent;}
+.renewal .wrap .notify .notify_control .swiper-button-prev{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_right.png);background-position-x:-2px;}
 .renewal .wrap .notify .notify_control .swiper-button-next{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_left.png);}
-.renewal .wrap .notify .notify_control .swiper-button-prev:hover,.renewal .wrap .notify .notify_control .swiper-button-next:hover{position:relative;border:1px solid #e95504;border-right:1px solid #e95504;z-index:12;background-color:#fff;left:0;top:0;}
 .renewal .wrap .notify .notify_control .swiper-button-prev:hover{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_right_hover.png);}
 .renewal .wrap .notify .notify_control .swiper-button-next:hover{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_left_hover.png);}
-.renewal .wrap .notify .notify_control .slide_pause:hover,.renewal .wrap .notify .notify_control .slide_play:hover{background-color: #e95504;border:1px solid #e95504;}
-.renewal .wrap .notify .notify_control .slide_pause,.renewal .wrap .notify .notify_control .slide_play{height: 37px;margin: 0 0 0 -0.5px;}
-.renewal .wrap .notify .notify_control .slide_pause{background:#b0b0b0 url(/offeduadvc/visitEdu/usr/publish/images/main/btn_pause.png) no-repeat center center;}
-.renewal .wrap .notify .notify_control .slide_play{background:#b0b0b0 url(/offeduadvc/visitEdu/usr/publish/images/main/btn_play.png) no-repeat center center;}
-.renewal .wrap .notify .content{width:100%;height:388px;overflow: hidden;border-radius:5px;}
+.renewal .wrap .notify .notify_control .slide_pause,.renewal .wrap .notify .notify_control .slide_play{height: 30px;margin: 0 0 0 -0.5px;}
+.renewal .wrap .notify .notify_control .slide_pause{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_pause.png) no-repeat center center;}
+.renewal .wrap .notify .notify_control .slide_play{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_play.png) no-repeat center center;}
+.renewal .wrap .notify .content{width:100%;height:332px;overflow: hidden;border-radius:5px;}
 
diff --git a/src/main/webapp/visitEdu/usr/publish/css/main_2023_bak.css b/src/main/webapp/visitEdu/usr/publish/css/main_2023_bak.css
new file mode 100644
index 00000000..8adc1513
--- /dev/null
+++ b/src/main/webapp/visitEdu/usr/publish/css/main_2023_bak.css
@@ -0,0 +1,89 @@
+.main {margin-top:130px;}
+.main .inner {max-width:1400px;width:100%;margin:0 auto;display:flex;justify-content: space-between;flex-wrap: wrap;box-sizing: border-box;}
+
+/* visual */
+.renewal .visual_slide{position:relative;width:calc(100% - 120px);height:550px;background-color: #f5f5f5;margin:0 auto;border-radius:20px;z-index:0;overflow:hidden;}
+.renewal .visual_slide .swiper-slide .inner{width:100%;}
+.renewal .visual_slide .swiper-slide .inner .text_area{height:auto;padding:80px 0 0 40px;box-sizing:border-box;}
+.renewal .visual_slide .swiper-slide .inner .text_area *{line-height: 1.4;}
+.renewal .visual_slide .swiper-slide .inner .text_area .sub_title{font-size:24px;font-family:'GmarketSansMedium';color:#fff;}
+.renewal .visual_slide .swiper-slide .inner .text_area .title{font-size:50px;font-family:'GmarketSansBold';color:#ffe400;}
+.renewal .visual_slide .swiper-slide .inner .text_area .summary{font-size:18px;color:#fff;}
+.renewal .visual_slide .swiper-slide .inner .text_area a{display:flex;width:175px;height:50px;font-size: 18px;color:#fff;border:1px solid #fff;padding:0 20px;margin:42px 0 0 0;border-radius:26px;align-items:center;justify-content:space-between;box-sizing:border-box;}
+.renewal .visual_slide .slide_control{position:relative;left:40px;bottom:150px;width:100%;}
+.renewal .visual_slide .slide_control .inner{position:relative;justify-content:flex-start;align-items:center;}
+.renewal .visual_slide .slide_control .swiper-pagination{position: relative;}
+.renewal .visual_slide .slide_control .swiper-pagination-bullet{background-color:#fff;opacity:0.5;margin:0 4px;}
+.renewal .visual_slide .slide_control .swiper-pagination-bullet-active{opacity:1;}
+.renewal .visual_slide .slide_control .slide_pause,.renewal .visual_slide .slide_control .slide_play{position:relative;width:8px;height:10px;z-index:10;margin: 5px 0 0 8px;}
+.renewal .visual_slide .slide_control .slide_pause{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_pause.png);}
+.renewal .visual_slide .slide_control .slide_play{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_play.png);}
+
+.renewal .visual_slide .swiper-slide[aria-label="1 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_01.jpg);}
+.renewal .visual_slide .swiper-slide[aria-label="2 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_02.jpg);}
+.renewal .visual_slide .swiper-slide[aria-label="3 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_03.jpg);}
+.renewal .visual_slide .swiper-slide[aria-label="4 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_04.jpg);}
+.renewal .visual_slide .swiper-slide[aria-label="5 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_05.jpg);}
+
+/* main_banner_link */
+.renewal .main_banner_link{position:relative;height:130px;background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(45,55,90,0.2);margin:-65px auto 70px auto;}
+.renewal .main_banner_link li{position:relative;display:flex;width:calc(100%/5);height:100%;align-items:center;transition:all 0.3s ease-in-out;}
+.renewal .main_banner_link li::after{position:absolute;content:" ";width: calc(100% + 10px);height:calc(100% + 10px);border:3px solid transparent;left:-8px;border-radius:10px;}
+.renewal .main_banner_link li:hover{z-index: 15;}
+.renewal .main_banner_link li:hover::after{border:3px solid #e95504;background-color:#fff;box-shadow:0 0 15px rgba(233,85,4,0.3);}
+.renewal .main_banner_link li a{position:relative;width:100%;text-align:center;z-index:15;}
+.renewal .main_banner_link li a::after{position:absolute;content:" ";width:1px;height:92px;background-color:#d5d5d5;right:0;top:50%;transform:translateY(-50%);}
+.renewal .main_banner_link li:last-child a::after{display:none;}
+.renewal .main_banner_link li:hover a::after{display:none;}
+.renewal .main_banner_link i{display:block;width:68px;height:68px;margin:0 auto 10px auto;border-radius:100%;background-repeat:no-repeat;}
+.renewal .main_banner_link .banner_link_01 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_01.png);}
+.renewal .main_banner_link .banner_link_02 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_02.png);}
+.renewal .main_banner_link .banner_link_03 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_03.png);}
+.renewal .main_banner_link .banner_link_04 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_04.png);}
+.renewal .main_banner_link .banner_link_05 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_05.png);}
+.renewal .main_banner_link li span{color:#e95504;font-weight:500;}
+
+/* 하단콘텐츠 공통 */
+.renewal .wrap .content_wrap{width:calc((100% - 72px)/3);}
+.renewal .wrap .content_wrap>.title{display:flex;width:100%;justify-content:space-between;align-items:center;margin:0 0 10px 0;}
+.renewal .wrap .content_wrap>.title h3{position:relative;font-size:28px;font-weight:bold;padding:0 0 0 20px;}
+.renewal .wrap .content_wrap>.title h3::after{position:absolute;content:" ";width:6px;height:6px;border:3px solid #e95504;border-radius:100%;left:0;top:9px;}
+.renewal .wrap .content_wrap .title .btn_plus{width:35px;height:35px;background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_plus.png) no-repeat center center;text-indent:-9999em;overflow:hidden;border:1px solid #d5d5d5;border-radius:5px;transition:all 0.1s ease-in;}
+.renewal .wrap .content_wrap .title .btn_plus:hover{border:1px solid #e95504;background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_plus_hover.png) no-repeat center center;}
+
+/* 공지사항, 교육자료실 */
+.renewal .wrap .notice .notice_wrap{height:206px;padding:22px 30px;background-color:#eef0f3;border:1px solid transparent;border-radius:5px;box-sizing:border-box;}
+.renewal .wrap .notice .notice_wrap:hover{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 0 5px rgba(0,0,0,0.2);transition:all 0.3s ease-in-out;}
+.renewal .wrap .content_wrap .emphasis{display: inline-flex;justify-content:center;align-items:center;background-color:#e95504;font-weight:400;color:#fff;border-radius:5px;margin:0 8px 0 0;}
+.renewal .wrap .content_wrap .notice_wrap .emphasis{width:65px;height:30px;font-size:18px;}
+.renewal .wrap .content_wrap .notice_list .emphasis{width:58px;height:26px;font-size:16px;}
+.renewal .wrap .content_wrap .notice_wrap dl{margin:0 0 20px 0;}
+.renewal .wrap .content_wrap .notice_wrap dt{font-size:22px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
+.renewal .wrap .content_wrap .notice_wrap dd{font-size:18px;font-weight:400;line-height:1.4;margin:20px 0 0 0;}
+.renewal .wrap .content_wrap .date{display:flex;min-width:110px;font-size:16px;color:#666;align-items:center;}
+.renewal .wrap .content_wrap .notice_list li:hover .date{color:#e95504;}
+.renewal .wrap .content_wrap .date i{display:inline-block;width:18px;height:16px;background:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_calendar.png) no-repeat center center;margin:2px 4px 0 0;}
+.renewal .wrap .content_wrap .notice_list li:hover .date i{background:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_calendar_hover.png) no-repeat center center;transition:all 0.1s ease-in;}
+.renewal .wrap .content_wrap .notice_list li{border-bottom: 1px dashed #d5d5d5;}
+.renewal .wrap .content_wrap .notice_list li a{display:flex;height:60px;justify-content:space-between;align-items:center;transition:all 0.1s ease-in;}
+.renewal .wrap .content_wrap .notice_list li:hover a{color:#e95504;transition:all 0.3s ease-in-out;}
+.renewal .wrap .content_wrap .notice_list .title{width: calc(100% - 125px);font-size:18px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height: 1.4;}
+
+/* 알림판 */
+.renewal .wrap .notify .notify_control{display:flex;width:140px;height:35px;}
+.renewal .wrap .notify .notify_control>*{position:unset;width:35px;height:35px;font-size:16px;color:#888;text-align:center;line-height:33px;border:1px solid #d5d5d5;letter-spacing:-1.7px;margin: 0 0 0 -1px;}
+.renewal .wrap .notify .notify_control>*:first-child{border-radius:5px 0 0 5px;}
+.renewal .wrap .notify .notify_control>*:last-child{border-radius:0 5px 5px 0;}
+.renewal .wrap .notify .notify_control .swiper-button-prev,.renewal .wrap .notify .notify_control .swiper-button-next{background-size:auto;}
+.renewal .wrap .notify .notify_control .swiper-button-prev::after,.renewal .wrap .notify .notify_control .swiper-button-next::after{display: none;}
+.renewal .wrap .notify .notify_control .swiper-button-prev{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_right.png);background-position-x:-2px;border-right:1px solid transparent;}
+.renewal .wrap .notify .notify_control .swiper-button-next{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_left.png);}
+.renewal .wrap .notify .notify_control .swiper-button-prev:hover,.renewal .wrap .notify .notify_control .swiper-button-next:hover{position:relative;border:1px solid #e95504;border-right:1px solid #e95504;z-index:12;background-color:#fff;left:0;top:0;}
+.renewal .wrap .notify .notify_control .swiper-button-prev:hover{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_right_hover.png);}
+.renewal .wrap .notify .notify_control .swiper-button-next:hover{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_left_hover.png);}
+.renewal .wrap .notify .notify_control .slide_pause:hover,.renewal .wrap .notify .notify_control .slide_play:hover{background-color: #e95504;border:1px solid #e95504;}
+.renewal .wrap .notify .notify_control .slide_pause,.renewal .wrap .notify .notify_control .slide_play{height: 37px;margin: 0 0 0 -0.5px;}
+.renewal .wrap .notify .notify_control .slide_pause{background:#b0b0b0 url(/offeduadvc/visitEdu/usr/publish/images/main/btn_pause.png) no-repeat center center;}
+.renewal .wrap .notify .notify_control .slide_play{background:#b0b0b0 url(/offeduadvc/visitEdu/usr/publish/images/main/btn_play.png) no-repeat center center;}
+.renewal .wrap .notify .content{width:100%;height:388px;overflow: hidden;border-radius:5px;}
+
diff --git a/src/main/webapp/visitEdu/usr/publish/css/main_bak_231011.css b/src/main/webapp/visitEdu/usr/publish/css/main_bak_231011.css
new file mode 100644
index 00000000..f34219b0
--- /dev/null
+++ b/src/main/webapp/visitEdu/usr/publish/css/main_bak_231011.css
@@ -0,0 +1,178 @@
+.main {margin-top: 130px; background-color:#eef0f4 ;}
+.main .inner {max-width: 1400px; width: 100%; padding: 60px 0; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box;}
+
+/* cont1 */
+.cont1{position: relative; width: calc(100% - 33% - 50px);}
+.cont1 .cont1-swiper {overflow:hidden;}
+.cont1 .swiper-wrapper .swiper-slide {height: 393px; }
+.cont1 .slide_button{position: absolute;bottom: 35px; left: 0;width:auto; z-index: 1;}
+.cont1 .slide_button:after {content:'';display:block;clear:both;}
+.cont1 .slide_button .swiper-pagination {float:left;position:relative;margin:3px 0 0;}
+.cont1 .slide_button .swiper-pagination .swiper-pagination-bullet{float:left;margin-right:7px;position: relative;vertical-align: middle;width: 10px;height: 10px;background-color: #c6c9d1; border-radius: 100%;opacity:1;}
+.cont1 .slide_button .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;background-color: #f37632;border-radius:10px;vertical-align: middle;}
+.cont1 .slidePause {float:left;background-image: url(../images/main/visualStop.png);background-repeat: no-repeat;width: 16px;height: 16px;}
+.cont1 .slideStart {float:left;background-image: url(../images/main/visualStart.png);background-repeat: no-repeat;width: 16px;height: 16px;}
+.cont1 .swiper-slide .txt1 {font-size: 22px; color: #333; padding-top: 30px; letter-spacing: -1px;}
+.cont1 .swiper-slide .txt2 {font-size: 46px; color: #000; padding: 15px 0 30px 0; letter-spacing: -2px; font-family: 'LotteMartHappy';}
+.cont1 .swiper-slide span {font-size: 17px; font-weight: 300; color: #666; display: block; line-height: 1.4; letter-spacing: -0.5px;}
+.cont1 .swiper-slide button {width: 175px; height: 50px; padding-left: 22px; border: 1px solid #cbd0da; border-radius: 24.5px; margin-top: 40px; background-color: #fff; background-image: url(../images/main/btn_arrow.png); background-repeat: no-repeat; background-position: 90% 50%; font-size: 18px; color: #60656d; text-align: left; vertical-align: middle;}
+.cont1 .cont1-swiper .swiper-slide {min-height:393px; background-repeat: no-repeat; background-position: right center;}
+.swiper-wrapper {height:auto;}
+.swiper .swiper-notification {display:none;}
+
+
+/* cont2 */
+.cont2 {position: relative; width: 33%; max-width: 450px;}
+.cont2 .cont2-swiper {overflow:hidden;position:relative;/*height:388px;*/border-radius:30px 5px 30px 5px;}
+.cont2 .cont2-swiper .swiper-slide .mobile_banner {display:none;}
+.cont2 .cont2-swiper .slide_button {position: absolute;bottom: 0; left: 0; z-index: 4; width: 100%; height: 50px; background-color: rgba(0,0,0,0.1); border-radius: 0 0 30px 5px; text-align: center;}
+.cont2 .cont2-swiper .slide_button .control {overflow:hidden;position:relative;display:inline-block;width:92px;margin:15px auto 0;}
+.cont2 .cont2-swiper .slide_button .swiper-button-next {position:absolute;top:0;left:initial;right:0;width:9px;height:16px;margin:0;vertical-align:top;background:url(../images/main/cont2_right.png) no-repeat left top;background-size:9px 16px;}
+.cont2 .cont2-swiper .slide_button .swiper-button-prev {position:absolute;top:0;left:0;right:initial;width:9px;height:16px;margin:0;vertical-align:top;background:url(../images/main/cont2_left.png) no-repeat left top;background-size:9px 16px;z-index:11;}
+.cont2 .cont2-swiper .slide_button .swiper-pagination {position:relative;bottom:0;float:left;width:100%;font-size:16px;vertical-align:top;color:#fff;}
+.cont2 .cont2-swiper .slide_button .slidePause {display:inline-block;background-image: url(../images/main/visualStop2.png);background-repeat: no-repeat;width:16px;height:16px;margin:15px 0 0 15px;}
+.cont2 .cont2-swiper .slide_button .slideStart {display:inline-block;background-image: url(../images/main/visualStart2.png);background-repeat: no-repeat;width:16px;height:16px;margin:15px 0 0 15px;}
+
+/* cont3 */
+.cont3 {width: 100%; margin: 50px 0; display: flex;}
+.cont3 .cont3_tit {width: 230px;border-radius: 30px 0 0 5px; background-color: #e95504; align-self: center; text-align: center; padding: 34.5px 0; background-image: url(../images/main/cont3_tit_img.png); background-repeat: no-repeat; background-position: 87% center; box-sizing: border-box;}
+.cont3 .cont3_tit p {padding-right: 30px; font-size: 21px; font-weight: 400; color: #fff;}
+.cont3 .cont3_cont {display: flex; width: calc(100% - 230px); height: 90px; border-radius: 0 5px 30px 0; background-color: #fff; align-items: center;}
+.cont3 .cont3_cont>div {width: calc(100%/4); position: relative; background-repeat: no-repeat; background-position: 30px center;}
+.cont3 .cont3_cont>div::after {content: ""; width: 1px; height: 90px; background-color: #e5e5e5; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
+.cont3 .cont3_cont>div:last-child:after {content: none;}
+.cont3 .cont3_cont>div p {position:relative;font-size: 18px;}
+.cont3 .cont3_cont>div p span {display:block;font-size: 18px; color: #E95504; padding-top: 7px;}
+.cont3 .cont3_cont>div p .mo_text {display:none;}
+.cont3 .cont3_cont>div p a {position:relative;height:90px;padding:0 30px 0 100px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}
+.cont3 .cont3_cont .cont3_cont_1 {background-image: url(../images/main/cont3_img1.png);}
+.cont3 .cont3_cont .cont3_cont_2 {background-image: url(../images/main/cont3_img2.png);}
+.cont3 .cont3_cont .cont3_cont_3 {background-image: url(../images/main/cont3_img3.png);}
+/*.cont3 .cont3_cont .cont3_cont_3 p a {padding-top:35px;}*/
+.cont3 .cont3_cont .cont3_cont_4 {background-image: url(../images/main/cont3_img4.png);}
+/*.cont3 .cont3_cont .cont3_cont_4 p a {padding-top:35px;}*/
+
+/* cont4,5 */
+.cont4, .cont5 {width: calc(100%/2 - 25px); min-height: 204px; padding: 40px; border-radius: 25px 5px 25px 5px; background-color: #fff; box-sizing: border-box; position: relative;}
+.main_cont_tit {display: flex; justify-content: space-between;}
+.main_cont_tit p {font-size: 25px; font-weight: 600;}
+button.main_more {background-image: url(../images/main/main_cont_more.png); background-repeat: no-repeat; background-position: right center; padding-right: 30px; font-size: 17px; color: #777772; font-weight: 300; position: absolute; top: 40px; right: 40px;}
+
+/* cont4 */
+.cont4 .list {margin-top: 33px;}
+.cont4 .list li {margin-bottom: 14px;}
+.cont4 .list li:hover a p {text-decoration: underline;}
+.cont4 .list li:last-child {margin-bottom: 0;}
+.cont4 .list li a {display: flex; justify-content: space-between; align-items: center;}
+.cont4 .list li p {width: calc(100% - 100px); font-size: 18px; font-weight: 300; color: #666; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 1; white-space: nowrap; vertical-align: middle;}
+.cont4 .list li a span {color: #777772; font-weight: 300; font-size: 16px; line-height: 26px; vertical-align: top;}
+.cont4 .list li a p .noticeBox {width: 57px; line-height: 0; padding: 12px 0; border: 1px solid #d14001; border-radius: 13px; margin-right: 4px; color: #d14001; display: inline-block; text-align: center; vertical-align: revert;}
+
+/* cont5 */
+.cont5 .list {display: flex; justify-content: space-between; margin-top: 28px;}
+.cont5 .list li {width: calc(100%/3 - 12.5px);}
+.cont5 .list li:hover p {text-decoration: underline;}
+.cont5 .list li a {display: block;}
+.cont5 .list li .imgBox {height: 130px; overflow: hidden; background-color: #e5e5e5;}
+.cont5 .list li .imgBox img {height: 100%;}
+.cont5 .list li .textBox p {font-size: 18px; font-weight: 300; color: #666; line-height: 1.3; letter-spacing: -0.5px; margin-top: 17px; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box;}
+
+@media all and (max-width: 1280px){
+	/* main latout */
+	.main .inner {padding:60px 20px;}
+  .cont1 {width:calc(100% - 450px);} 
+  .cont2 {min-width:450px;}
+  .cont3 .cont3_tit {width:200px;background-position:90% center;}
+  .cont3 .cont3_cont {width: calc(100% - 200px);}
+  .cont3 .cont3_tit p {font-size:19px;}
+  .cont3 .cont3_cont>div {background-position:15px center;}
+  .cont3 .cont3_cont>div p {font-size:16px;}
+  .cont3 .cont3_cont>div p a {padding:0 15px 0 80px;}
+  .cont3 .cont3_cont>div p span {left:80px;bottom:20px;font-size:16px;}
+  /*.cont3 .cont3_cont .cont3_cont_3 p a,
+  .cont3 .cont3_cont .cont3_cont_4 p a {padding-top:20px;}*/
+}
+
+@media all and (max-width: 1024px){
+	/* main latout */
+  .cont1 {width:100%;}
+
+  .cont2 {width:100%;max-width:100%;min-width:auto;}
+  .cont2 .cont2-swiper .swiper-slide img {display:none;width:100%;}
+  .cont2 .cont2-swiper .swiper-slide .mobile_banner {display:block;}
+
+  .cont3 {display:block;}
+  .cont3 .cont3_tit {width:100%;padding:14px 30px 15px;text-align:left;background-position:right 20px center;border-radius:30px 5px 0 0;}
+  .cont3 .cont3_cont {display:block;width:100%;height:auto;border-radius:0 0 30px 5px;}
+  .cont3 .cont3_cont:after {content:'';display:block;clear:both;}
+  .cont3 .cont3_cont>div {float:left;width:50%;height:80px;line-height:40px;background-position:20px center;box-sizing:border-box;}
+  .cont3 .cont3_cont>div:after {height:100%;}
+  .cont3 .cont3_cont>div p {overflow:hidden;}
+  .cont3 .cont3_cont>div p a {height:80px;justify-content:flex-start;align-items:center;flex-direction:row;}
+  .cont3 .cont3_cont>div p span {display:none;}
+  .cont3 .cont3_cont>div p span.mo_text {display:block;float:left;padding:0 4px 0 0;color:#222}
+  .cont3 .cont3_cont>.cont3_cont_1 {border-bottom:1px solid #cbd0da;}
+  .cont3 .cont3_cont>.cont3_cont_1 p {padding:0;}
+  .cont3 .cont3_cont>.cont3_cont_1 span {position:static;left:initial;bottom:initial;}
+  .cont3 .cont3_cont>.cont3_cont_2 {border-bottom:1px solid #cbd0da;}
+  .cont3 .cont3_cont>.cont3_cont_2:after {display:none;}
+  .cont3 .cont3_cont>.cont3_cont_2 p {padding:0;}
+  .cont3 .cont3_cont>.cont3_cont_2 span {position:static;left:initial;bottom:initial;}
+}
+
+/* 모바일 */
+@media screen and (max-width: 767px){
+  /* 1207 - 수정 */
+  .main {margin:0;padding:70px 0 0;}
+  /* //1207 - 수정 */
+  .main .inner {padding:0 10px 35px;}
+  .cont1 {width:100%;}
+  .cont1 .cont1-swiper .swiper-slide {height:auto;padding:0 0 45px;background-image:url(../images/main/m_cont1_bg1.png);background-size:contain;}
+  .cont1 .cont1-swiper .swiper-slide .txt1 {font-size:14px;margin:0 0 0 6px;}
+  .cont1 .cont1-swiper .swiper-slide .txt2 {margin:0 0 0 6px;padding:8px 0 6px;font-size:18px;}
+  .cont1 .cont1-swiper .swiper-slide span {margin:0 0 0 6px;font-size:14px;}
+  .cont1 .cont1-swiper .swiper-slide button {width:130px;height:40px;margin:10px 0 0 6px;padding:0 0 0 20px;font-size:14px;background-size:4px auto;background-position:90% center;}
+  .cont1 .cont1-swiper .slide_button {left:6px;bottom:10px;}
+  .cont1 .slide_button .swiper-pagination {margin:0;}
+  .cont1 .slide_button .swiper-pagination .swiper-pagination-bullet {width:7px;height:7px;}
+  .cont1 .slide_button .swiper-pagination .swiper-pagination-bullet:last-child {margin:0;}
+  .cont1 .slideStart {width:30px;height:30px;margin:-11px 0 0;background-size:16px 16px;background-position:center center;}
+  .cont1 .slidePause {width:30px;height:30px;margin:-11px 0 0;background-size:14px 16px;background-position:center center;}
+
+  .cont2 .cont2-swiper .slide_button {height:40px;border-radius:0 0 15px 5px;}
+  .cont2 .cont2-swiper .slide_button .control,
+  .cont2 .cont2-swiper .slide_button .slideStart,
+  .cont2 .cont2-swiper .slide_button .slidePause {margin-top:10px;}
+
+  .cont3 {margin:15px 0 20px;}
+  .cont3 .cont3_tit {padding:9px 20px 10px;background-size:11px;border-radius:20px 5px 0 0;}
+  .cont3 .cont3_tit p {font-size:15px;}
+  .cont3 .cont3_cont {box-shadow:1px 1px 20px 0px rgba(45, 55, 90, 0.15);}
+  .cont3 .cont3_cont>div {display:flex;height:60px;font-size:14px;line-height:20px;align-items:center;background-size:30px;background-position:10px center;}
+  .cont3 .cont3_cont>div p {font-size:14px;}
+  .cont3 .cont3_cont>div p a {height:60px;padding:0 10px 0 50px;}
+  .cont3 .cont3_cont>div p span {font-size:14px;}
+  /* .cont3 .cont3_cont>div:first-child p a,
+  .cont3 .cont3_cont>div:nth-child(2) p a {padding-top:10px;} */
+
+  .cont4 {width:100%;margin:0 0 20px;padding:20px;border-radius:20px 5px 20px 5px;box-shadow:1px 1px 20px 0px rgba(45, 55, 90, 0.15);}
+  .cont4 .main_cont_tit p {font-size:20px;}
+  button.main_more {padding-right:20px;font-size:14px;line-height:20px;background-size:15px;top:20px;right:20px;}
+  .cont4 .list {margin:17px 0 0;}
+  .cont4 .list li {margin-bottom: 6px;}
+  .cont4 .list li a p {width:calc(100% - 80px); font-size:14px;}
+  .cont4 .list li a p .noticeBox {width:45px; padding:10px 0; font-size:14px;}
+  .cont4 .list li a > span {font-size:14px;line-height:24px;}
+
+  .cont5 {width:100%;margin:0;padding:20px;border-radius:20px 5px 20px 5px;box-shadow:1px 1px 20px 0px rgba(45, 55, 90, 0.15);}
+  .cont5 .main_cont_tit p {font-size:20px;}
+  .cont5 .main_cont_tit button {padding-right:20px;font-size:14px;line-height:20px;background-size:15px;}
+  .cont5 .list {overflow:hidden;display:block;margin:17px 0 0;}
+  .cont5 .list li {float:left;width:calc(50% - 18px);}
+  .cont5 .list li:nth-child(2) {float:right;}
+  .cont5 .list li:nth-child(n+3) {display:none;}
+  .cont5 .list li .imgBox {height:auto;}
+  .cont5 .list li .imgBox img {width:100%;height:auto;}
+  .cont5 .list li .textBox p {margin:10px 0 0;font-size:14px;}
+
+}
\ No newline at end of file
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/btn_main_visual_arrow_left.png b/src/main/webapp/visitEdu/usr/publish/images/main/btn_main_visual_arrow_left.png
new file mode 100644
index 00000000..748e81b4
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/btn_main_visual_arrow_left.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/btn_main_visual_arrow_right.png b/src/main/webapp/visitEdu/usr/publish/images/main/btn_main_visual_arrow_right.png
new file mode 100644
index 00000000..6b75e9ca
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/btn_main_visual_arrow_right.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/btn_main_visual_pause.png b/src/main/webapp/visitEdu/usr/publish/images/main/btn_main_visual_pause.png
index f19dfb64..01d8affc 100644
Binary files a/src/main/webapp/visitEdu/usr/publish/images/main/btn_main_visual_pause.png and b/src/main/webapp/visitEdu/usr/publish/images/main/btn_main_visual_pause.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/btn_main_visual_play.png b/src/main/webapp/visitEdu/usr/publish/images/main/btn_main_visual_play.png
index 7005c923..1fd546ab 100644
Binary files a/src/main/webapp/visitEdu/usr/publish/images/main/btn_main_visual_play.png and b/src/main/webapp/visitEdu/usr/publish/images/main/btn_main_visual_play.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/btn_pause.png b/src/main/webapp/visitEdu/usr/publish/images/main/btn_pause.png
index 7b5daf7f..bde92726 100644
Binary files a/src/main/webapp/visitEdu/usr/publish/images/main/btn_pause.png and b/src/main/webapp/visitEdu/usr/publish/images/main/btn_pause.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/btn_play.png b/src/main/webapp/visitEdu/usr/publish/images/main/btn_play.png
index 27de73a2..f06ce907 100644
Binary files a/src/main/webapp/visitEdu/usr/publish/images/main/btn_play.png and b/src/main/webapp/visitEdu/usr/publish/images/main/btn_play.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_notify_img_01.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_notify_img_01.jpg
index 2a38eae0..4bdf8e81 100644
Binary files a/src/main/webapp/visitEdu/usr/publish/images/main/main_notify_img_01.jpg and b/src/main/webapp/visitEdu/usr/publish/images/main/main_notify_img_01.jpg differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_notify_img_02.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_notify_img_02.jpg
index 33cb5ad4..5e6cebda 100644
Binary files a/src/main/webapp/visitEdu/usr/publish/images/main/main_notify_img_02.jpg and b/src/main/webapp/visitEdu/usr/publish/images/main/main_notify_img_02.jpg differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_01.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_01.jpg
index 37aa4299..774f33ce 100644
Binary files a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_01.jpg and b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_01.jpg differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_01_bak.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_01_bak.jpg
new file mode 100644
index 00000000..37aa4299
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_01_bak.jpg differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_02.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_02.jpg
index 84f4d975..6f77002d 100644
Binary files a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_02.jpg and b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_02.jpg differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_02_bak.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_02_bak.jpg
new file mode 100644
index 00000000..84f4d975
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_02_bak.jpg differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_03.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_03.jpg
index 132056f3..4e7d41a1 100644
Binary files a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_03.jpg and b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_03.jpg differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_03_bak.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_03_bak.jpg
new file mode 100644
index 00000000..132056f3
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_03_bak.jpg differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_04.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_04.jpg
index 2f05c591..dc2bd3d7 100644
Binary files a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_04.jpg and b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_04.jpg differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_04_bak.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_04_bak.jpg
new file mode 100644
index 00000000..2f05c591
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_04_bak.jpg differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_05.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_05.jpg
index ecf18ff2..b03ff63c 100644
Binary files a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_05.jpg and b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_05.jpg differ
diff --git a/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_05_bak.jpg b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_05_bak.jpg
new file mode 100644
index 00000000..ecf18ff2
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/main/main_visual_05_bak.jpg differ
diff --git a/src/main/webapp/visitEdu/usr/publish/index_2023.html b/src/main/webapp/visitEdu/usr/publish/index_2023.html
index c2ce30a9..d2535804 100644
--- a/src/main/webapp/visitEdu/usr/publish/index_2023.html
+++ b/src/main/webapp/visitEdu/usr/publish/index_2023.html
@@ -159,17 +159,16 @@
 	<div class="container main">
 		<!-- visual -->
 		<div class="visual_slide swiper">
+			<button type="button" class="btn_prev_slide">이전 슬라이드</button>
+			<button type="button" class="btn_next_slide">다음 슬라이드</button>
 			<div class="swiper-wrapper">
 				<div class="swiper-slide">
 					<div class="inner">
 						<div class="text_area">
 							<p class="sub_title">대국민 저작권 교육 서비스1</p>
 							<p class="title">찾아가는 저작권 교육!</p>
-							<p class="summary">
-								편리하고 안전한 저작권 이용환경 조성을 통해<br>
-								올바른 저작권 문화 구축에 앞장서겠습니다.
-							</p>
-							<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
+							<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
+							<a href="#none">교육신청 등록</a>
 						</div>
 					</div>
 				</div>
@@ -178,11 +177,8 @@
 						<div class="text_area">
 							<p class="sub_title">대국민 저작권 교육 서비스2</p>
 							<p class="title">찾아가는 저작권 교육!</p>
-							<p class="summary">
-								편리하고 안전한 저작권 이용환경 조성을 통해<br>
-								올바른 저작권 문화 구축에 앞장서겠습니다.
-							</p>
-							<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
+							<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
+							<a href="#none">교육신청 등록</a>
 						</div>
 					</div>
 				</div>
@@ -191,11 +187,8 @@
 						<div class="text_area">
 							<p class="sub_title">대국민 저작권 교육 서비스3</p>
 							<p class="title">찾아가는 저작권 교육!</p>
-							<p class="summary">
-								편리하고 안전한 저작권 이용환경 조성을 통해<br>
-								올바른 저작권 문화 구축에 앞장서겠습니다.
-							</p>
-							<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
+							<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
+							<a href="#none">교육신청 등록</a>
 						</div>
 					</div>
 				</div>
@@ -204,11 +197,8 @@
 						<div class="text_area">
 							<p class="sub_title">대국민 저작권 교육 서비스4</p>
 							<p class="title">찾아가는 저작권 교육!</p>
-							<p class="summary">
-								편리하고 안전한 저작권 이용환경 조성을 통해<br>
-								올바른 저작권 문화 구축에 앞장서겠습니다.
-							</p>
-							<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
+							<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
+							<a href="#none">교육신청 등록</a>
 						</div>
 					</div>
 				</div>
@@ -217,11 +207,8 @@
 						<div class="text_area">
 							<p class="sub_title">대국민 저작권 교육 서비스5</p>
 							<p class="title">찾아가는 저작권 교육!</p>
-							<p class="summary">
-								편리하고 안전한 저작권 이용환경 조성을 통해<br>
-								올바른 저작권 문화 구축에 앞장서겠습니다.
-							</p>
-							<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
+							<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
+							<a href="#none">교육신청 등록</a>
 						</div>
 					</div>
 				</div>
@@ -233,7 +220,7 @@
 				</div>
 			</div>
 		</div>
-
+		
 		<!-- main_banner -->
 		<ul class="main_banner_link inner">
 			<li class="banner_link_01">
@@ -273,33 +260,44 @@
 			<div class="notice content_wrap">
 				<div class="title">
 					<h3>공지사항</h3>
-					<a href="#none" class="btn_plus">공지사항 더보기</a>
+					<a href="#none" class="btn_plus">더보기</a>
 				</div>
 				<div class="content">
-					<a href="#none" class="notice_wrap">
-						<dl>
-							<dt><span class="emphasis">공지</span>제 23, 24차 저작권 교육조건부 어쩌구 저쩌구</dt>
-							<dd>* 공공기관 메일은 발신자가 수신확인이 불가합니다.‘읽지 않음’이라고 나오는 것은 정상입니다.* 매달 교육일정 공지에 관하여 별도 문자가 발송</dd>
-						</dl>
-						<p class="date"><i></i>2023-09-25</p>
-					</a>
 					<ul class="notice_list">
 						<li>
 							<a href="#none">
+								<p class="date"><i></i>2023-09-25</p>
 								<p class="title"><span class="emphasis">공지</span>제 13기 청소년 전담 강사 양성</p>
-								<p class="date"><i></i>2023-09-25</p>
 							</a>
 						</li>
 						<li>
 							<a href="#none">
-								<p class="title">제 13기 청소년 전담 강사 양성</p>
 								<p class="date"><i></i>2023-09-25</p>
+								<p class="title">제 13기 청소년 전담 강사 양성</p>
 							</a>
 						</li>
 						<li>
 							<a href="#none">
-								<p class="title">제 13기 청소년 전담 강사 양성</p>
 								<p class="date"><i></i>2023-09-25</p>
+								<p class="title">제 13기 청소년 전담 강사 양성</p>
+							</a>
+						</li>
+						<li>
+							<a href="#none">
+								<p class="date"><i></i>2023-09-25</p>
+								<p class="title">제 13기 청소년 전담 강사 양성</p>
+							</a>
+						</li>
+						<li>
+							<a href="#none">
+								<p class="date"><i></i>2023-09-25</p>
+								<p class="title">제 13기 청소년 전담 강사 양성</p>
+							</a>
+						</li>
+						<li>
+							<a href="#none">
+								<p class="date"><i></i>2023-09-25</p>
+								<p class="title">제 13기 청소년 전담 강사 양성</p>
 							</a>
 						</li>
 					</ul>
@@ -307,36 +305,35 @@
 			</div>
 
 			<!-- 교육자료실 -->
-			<div class="notice content_wrap">
+			<div class="data_notice content_wrap">
 				<div class="title">
-					<h3>교육자료실</h3>
-					<a href="#none" class="btn_plus">교육자료실 더보기</a>
+					<h3>자료실</h3>
+					<a href="#none" class="btn_plus">더보기</a>
 				</div>
 				<div class="content">
-					<a href="#none" class="notice_wrap">
-						<dl>
-							<dt><span class="emphasis">공지</span>제 23, 24차 저작권 교육조건부 어쩌구 저쩌구</dt>
-							<dd>* 공공기관 메일은 발신자가 수신확인이 불가합니다.‘읽지 않음’이라고 나오는 것은 정상입니다.* 매달 교육일정 공지에 관하여 별도 문자가 발송</dd>
-						</dl>
-						<p class="date"><i></i>2023-09-25</p>
-					</a>
 					<ul class="notice_list">
 						<li>
 							<a href="#none">
-								<p class="title"><span class="emphasis">공지</span>제 13기 청소년 전담 강사 양성</p>
-								<p class="date"><i></i>2023-09-25</p>
+								<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
+								<p class="date">2023-09-25</p>
 							</a>
 						</li>
 						<li>
 							<a href="#none">
-								<p class="title">제 13기 청소년 전담 강사 양성</p>
-								<p class="date"><i></i>2023-09-25</p>
+								<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
+								<p class="date">2023-09-25</p>
 							</a>
 						</li>
 						<li>
 							<a href="#none">
-								<p class="title">제 13기 청소년 전담 강사 양성</p>
-								<p class="date"><i></i>2023-09-25</p>
+								<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
+								<p class="date">2023-09-25</p>
+							</a>
+						</li>
+						<li>
+							<a href="#none">
+								<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
+								<p class="date">2023-09-25</p>
 							</a>
 						</li>
 					</ul>
@@ -348,8 +345,8 @@
 				<div class="title">
 					<h3>알림판</h3>
 					<div class="notify_control">
-						<p class="slide_number"><span class="cur_number">1</span>/ <span class="all_number">5</span></p>
 						<div class="swiper-button-prev"></div>
+						<p class="slide_number"><span class="cur_number">1</span>/ <span class="all_number">5</span></p>
 						<div class="swiper-button-next"></div>
 						<button type="button" class="slide_pause" title="슬라이드 일시정지"></button>
 					</div>
diff --git a/src/main/webapp/visitEdu/usr/publish/index_2023_bak.html b/src/main/webapp/visitEdu/usr/publish/index_2023_bak.html
new file mode 100644
index 00000000..c2ce30a9
--- /dev/null
+++ b/src/main/webapp/visitEdu/usr/publish/index_2023_bak.html
@@ -0,0 +1,410 @@
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>한국저작권위원회 저작권 교육 시스템</title>
+
+	<!-- css -->
+	<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/reset.css">
+	<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/font.css">
+	<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/swiper.min.css">
+	<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/common_2023.css">
+	<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/main_2023.css">
+
+	<!-- script -->
+	<script src="/offeduadvc/visitEdu/usr/publish/script/jquery-3.5.0.js"></script>
+	<script src="/offeduadvc/visitEdu/usr/publish/script/swiper.js"></script>
+	<script src="/offeduadvc/visitEdu/usr/publish/script/common.js"></script>
+	<script src="/offeduadvc/visitEdu/usr/publish/script/main_2023.js"></script>
+	
+	<script>
+		$(window).scroll(function(){
+			if($(window).scrollTop()>0){
+				$("header").addClass("scroll");	
+			}else{
+				$("header").removeClass("scroll");
+			}
+			
+		})
+	</script>
+
+</head>
+
+<body class="renewal">
+	<!-- skip menu -->
+	<div class="skip_menu">
+		<a href="#sub" class="contGo" title="본문 바로가기">본문 바로가기</a>
+	</div>
+
+	<header class="">
+		<div class="gnb_wrap">
+			<div class="inner">
+				<div class="area_left">
+					<button class="site" onclick="window.open('https://www.copyright.or.kr/main.do')" title="새창열림">
+						<img src="/offeduadvc/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
+						<span>GO</span>
+					</button>
+					<p>
+						<img src="/offeduadvc/visitEdu/usr/publish/images/common/edu_mark_1.png" alt="교육기부 우수기관">교육기부 우수기관
+					</p>
+				</div>
+				<div class="area_right">
+					<p class="login_info header_login_wrap"><a href="#" class="header_login"><i></i>로그인</a></p>
+					<p class="login_info"><a href="#" class="header_join" target="blank" title="새창열림"><i></i>회원가입</a></p>
+					<div class="btn_util">
+						<button class="btn_minus" title="글자 확대"></button>
+						<button class="btn_plus" title="글자 축소"></button>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- header -->
+		<div class="header">
+			<div class="header_inner">
+				<h1 class="logo"><a href="#none"><img src="/offeduadvc/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></a></h1>
+				<div class="nav_wrap">
+					<nav id="menu">
+						<ul class="depth01 dep_li_04">
+							<li class="depth01_li"><a href="#" class="menu_link">찾아가는 교육<span class="menu_link_br">청소년</span></a>
+								<ul class="depth02">
+									<li><a href="#none">교육소개</a></li>
+									<li><a href="#none">교육신청등록</a></li>
+									<li><a href="#none">교육신청목록</a></li>
+									<li><a href="#none">교육완료목록</a></li>
+								</ul>
+							</li>
+							<li class="depth01_li"><a href="#" class="menu_link">찾아가는 교육<span class="menu_link_br">성인</span></a>
+								<ul class="depth02">
+									<li><a href="#none">교육소개</a></li>
+									<li><a href="#none">교육신청등록</a></li>
+									<li><a href="#none">교육신청목록</a></li>
+									<li><a href="#none">교육완료목록</a></li>
+								</ul>
+							</li>
+							<li class="depth01_li"><a href="#" class="menu_link">체험교실</a>
+								<ul class="depth02">
+									<li><a href="#none">교육소개</a></li>
+									<li><a href="#none">운영신청등록</a></li>
+									<li><a href="#none">운영신청목록</a></li>
+									<li><a href="#none">운영내역목록</a></li>
+								</ul>
+							</li>
+							<li class="depth01_li"><a href="#" class="menu_link">실무역량강화교육</a>
+								<ul class="depth02">
+									<li><a href="#none">교육소개</a></li>
+									<li><a href="#none">수강신청등록</a></li>
+									<li><a href="#none">수강신청목록</a></li>
+									<li><a href="#none">수강내역목록</a></li>
+								</ul>
+							</li>
+							<li class="depth01_li"><a href="#" class="menu_link">기소유예교육</a>
+							</li>
+						</ul>
+					</nav>
+				</div>
+				<div class="area_right">
+					<button class="btn_menu" title="전체메뉴 열기"></button>
+				</div>
+			</div>
+		</div>
+	</header>
+	<!-- full menu -->
+	<div class="full_menu">
+		<div class="inner">
+			<h1 class="logo"><img src="/offeduadvc/visitEdu/usr/publish/images/common/full_menu_logo.png" alt="한국저작권위원회 저작권 교육 시스템"></h1>
+			<ul class="depth01">
+				<li class="depth01_li"><a href="#" class="menu_link">찾아가는 교육<span>청소년</span></a>
+					<ul class="depth02">
+						<li><a href="#">교육소개</a></li>
+						<li><a href="#">교육신청등록</a></li>
+						<li><a href="#">교육신청목록</a></li>
+						<li><a href="#">교육완료목록</a></li>
+					</ul>
+				</li>
+				<li class="depth01_li"><a href="#" class="menu_link">찾아가는 교육<span>성인</span></a>
+					<ul class="depth02">
+						<li><a href="#">교육소개</a></li>
+						<li><a href="#">교육신청등록</a></li>
+						<li><a href="#">교육신청목록</a></li>
+						<li><a href="#">교육완료목록</a></li>
+					</ul>
+				</li>
+				<li class="depth01_li"><a href="#" class="menu_link">체험교실</a>
+					<ul class="depth02">
+						<li><a href="#">교육소개</a></li>
+						<li><a href="#">운영신청등록</a></li>
+						<li><a href="#">운영신청목록</a></li>
+						<li><a href="#">운영완료목록</a></li>
+					</ul>
+				</li>
+				<li class="depth01_li"><a href="#" class="menu_link">실무역량강화교육</a>
+					<ul class="depth02">
+						<li><a href="#">교육소개</a></li>
+						<li><a href="#">수강신청등록</a></li>
+						<li><a href="#">수강신청목록</a></li>
+						<li><a href="#">수강내역목록</a></li>
+					</ul>
+				</li>
+				<li class="depth01_li"><a href="#none" class="menu_link">기소유예교육</a>
+				</li>
+			</ul>
+			<button class="btn_close" title="전체메뉴 닫기"></button>
+		</div>
+	</div>
+	<!--// full menu -->
+
+	<div class="container main">
+		<!-- visual -->
+		<div class="visual_slide swiper">
+			<div class="swiper-wrapper">
+				<div class="swiper-slide">
+					<div class="inner">
+						<div class="text_area">
+							<p class="sub_title">대국민 저작권 교육 서비스1</p>
+							<p class="title">찾아가는 저작권 교육!</p>
+							<p class="summary">
+								편리하고 안전한 저작권 이용환경 조성을 통해<br>
+								올바른 저작권 문화 구축에 앞장서겠습니다.
+							</p>
+							<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
+						</div>
+					</div>
+				</div>
+				<div class="swiper-slide">
+					<div class="inner">
+						<div class="text_area">
+							<p class="sub_title">대국민 저작권 교육 서비스2</p>
+							<p class="title">찾아가는 저작권 교육!</p>
+							<p class="summary">
+								편리하고 안전한 저작권 이용환경 조성을 통해<br>
+								올바른 저작권 문화 구축에 앞장서겠습니다.
+							</p>
+							<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
+						</div>
+					</div>
+				</div>
+				<div class="swiper-slide">
+					<div class="inner">
+						<div class="text_area">
+							<p class="sub_title">대국민 저작권 교육 서비스3</p>
+							<p class="title">찾아가는 저작권 교육!</p>
+							<p class="summary">
+								편리하고 안전한 저작권 이용환경 조성을 통해<br>
+								올바른 저작권 문화 구축에 앞장서겠습니다.
+							</p>
+							<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
+						</div>
+					</div>
+				</div>
+				<div class="swiper-slide">
+					<div class="inner">
+						<div class="text_area">
+							<p class="sub_title">대국민 저작권 교육 서비스4</p>
+							<p class="title">찾아가는 저작권 교육!</p>
+							<p class="summary">
+								편리하고 안전한 저작권 이용환경 조성을 통해<br>
+								올바른 저작권 문화 구축에 앞장서겠습니다.
+							</p>
+							<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
+						</div>
+					</div>
+				</div>
+				<div class="swiper-slide">
+					<div class="inner">
+						<div class="text_area">
+							<p class="sub_title">대국민 저작권 교육 서비스5</p>
+							<p class="title">찾아가는 저작권 교육!</p>
+							<p class="summary">
+								편리하고 안전한 저작권 이용환경 조성을 통해<br>
+								올바른 저작권 문화 구축에 앞장서겠습니다.
+							</p>
+							<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="slide_control">
+				<div class="inner">
+					<div class="swiper-pagination"></div>
+					<button type="button" class="slide_pause" title="슬라이드 일시정지"></button>
+				</div>
+			</div>
+		</div>
+
+		<!-- main_banner -->
+		<ul class="main_banner_link inner">
+			<li class="banner_link_01">
+				<a href="#none">
+					<i></i>
+					<p>찾아가는 교육 <span>청소년</span></p>
+				</a>
+			</li>
+			<li class="banner_link_02">
+				<a href="#none">
+					<i></i>
+					<p>찾아가는 교육 <span>성인</span></p>
+				</a>
+			</li>
+			<li class="banner_link_03">
+				<a href="#none">
+					<i></i>
+					<p>체험교실</p>
+				</a>
+			</li>
+			<li class="banner_link_04">
+				<a href="#none">
+					<i></i>
+					<p>실무역량강화교육</p>
+				</a>
+			</li>
+			<li class="banner_link_05">
+				<a href="#none">
+					<i></i>
+					<p>기소유예교육</p>
+				</a>
+			</li>
+		</ul>
+
+		<div class="wrap inner">
+			<!-- 공지사항 -->
+			<div class="notice content_wrap">
+				<div class="title">
+					<h3>공지사항</h3>
+					<a href="#none" class="btn_plus">공지사항 더보기</a>
+				</div>
+				<div class="content">
+					<a href="#none" class="notice_wrap">
+						<dl>
+							<dt><span class="emphasis">공지</span>제 23, 24차 저작권 교육조건부 어쩌구 저쩌구</dt>
+							<dd>* 공공기관 메일은 발신자가 수신확인이 불가합니다.‘읽지 않음’이라고 나오는 것은 정상입니다.* 매달 교육일정 공지에 관하여 별도 문자가 발송</dd>
+						</dl>
+						<p class="date"><i></i>2023-09-25</p>
+					</a>
+					<ul class="notice_list">
+						<li>
+							<a href="#none">
+								<p class="title"><span class="emphasis">공지</span>제 13기 청소년 전담 강사 양성</p>
+								<p class="date"><i></i>2023-09-25</p>
+							</a>
+						</li>
+						<li>
+							<a href="#none">
+								<p class="title">제 13기 청소년 전담 강사 양성</p>
+								<p class="date"><i></i>2023-09-25</p>
+							</a>
+						</li>
+						<li>
+							<a href="#none">
+								<p class="title">제 13기 청소년 전담 강사 양성</p>
+								<p class="date"><i></i>2023-09-25</p>
+							</a>
+						</li>
+					</ul>
+				</div>
+			</div>
+
+			<!-- 교육자료실 -->
+			<div class="notice content_wrap">
+				<div class="title">
+					<h3>교육자료실</h3>
+					<a href="#none" class="btn_plus">교육자료실 더보기</a>
+				</div>
+				<div class="content">
+					<a href="#none" class="notice_wrap">
+						<dl>
+							<dt><span class="emphasis">공지</span>제 23, 24차 저작권 교육조건부 어쩌구 저쩌구</dt>
+							<dd>* 공공기관 메일은 발신자가 수신확인이 불가합니다.‘읽지 않음’이라고 나오는 것은 정상입니다.* 매달 교육일정 공지에 관하여 별도 문자가 발송</dd>
+						</dl>
+						<p class="date"><i></i>2023-09-25</p>
+					</a>
+					<ul class="notice_list">
+						<li>
+							<a href="#none">
+								<p class="title"><span class="emphasis">공지</span>제 13기 청소년 전담 강사 양성</p>
+								<p class="date"><i></i>2023-09-25</p>
+							</a>
+						</li>
+						<li>
+							<a href="#none">
+								<p class="title">제 13기 청소년 전담 강사 양성</p>
+								<p class="date"><i></i>2023-09-25</p>
+							</a>
+						</li>
+						<li>
+							<a href="#none">
+								<p class="title">제 13기 청소년 전담 강사 양성</p>
+								<p class="date"><i></i>2023-09-25</p>
+							</a>
+						</li>
+					</ul>
+				</div>
+			</div>
+
+			<!-- 알림판 -->
+			<div class="notify content_wrap">
+				<div class="title">
+					<h3>알림판</h3>
+					<div class="notify_control">
+						<p class="slide_number"><span class="cur_number">1</span>/ <span class="all_number">5</span></p>
+						<div class="swiper-button-prev"></div>
+						<div class="swiper-button-next"></div>
+						<button type="button" class="slide_pause" title="슬라이드 일시정지"></button>
+					</div>
+				</div>
+				<div class="content">
+					<div class="notify_slide">
+						<div class="swiper-wrapper">
+							<div class="swiper-slide">
+								<img src="/offeduadvc/visitEdu/usr/publish/images/main/main_notify_img_01.jpg" alt="">
+							</div>
+							<div class="swiper-slide">
+								<img src="/offeduadvc/visitEdu/usr/publish/images/main/main_notify_img_02.jpg" alt="">
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- footer -->
+	<footer>
+		<div class="inner">
+			<div class="site">
+				<ul>
+					<li><a href="/">개인정보처리방침</a></li>
+					<li><a href="/">이메일무단수집거부</a></li>
+					<li><a href="/">고객서비스헌장</a></li>
+					<li><a href="/">저작권정책</a></li>
+				</ul>
+			</div>
+			<div class="area_top">
+				<h1 class="logo"><a href="#none"><img src="/offeduadvc/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></a></h1>
+				<address>
+					<p>진주 [52852] 경상남도 진주시 충의로 19, 1/2/5층 ☎ 055-792-0000</p>
+					<p style=" margin-bottom: 8px">☎ 찾교(청소년) 055.792.0224 / 찾교(성인) 02.2669.0083 / 체험교실 055.792.0234 / 교육콘텐츠 055.792.0228</p>
+					<p>서울 [04323] 서울특별시 용산구 후암로 107, 5/16층 ☎ 대표번호 02.2669.0010</p>
+				</address>
+
+				<div class="site_go">
+					<a class="wa_mark" href="/offeduadvc/certificate/offeduadvc-certificate.pdf" target="_blank">
+						<img class="wa" alt="(사)한국장애인단체총연합회 한국웹접근성인증평가원 웹 접근성 우수사이트 인증마크(WA인증마크)" src="/offeduadvc/visitEdu/usr/publish/images/common/wa_mark.png">
+					</a>
+					<label for="site_select" class="label">관련사이트 선택</label>
+					<select name="" id="site_select">
+						<option value="">관련사이트</option>
+						<option value="">관련사이트</option>
+						<option value="">관련사이트</option>
+						<option value="">관련사이트</option>
+					</select>
+					<button class="btn_go" title="사이트 이동 새창열림">이동</button>
+				</div>
+			</div>
+		</div>
+	</footer>
+	<!--// footer -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/visitEdu/usr/publish/script/main.js b/src/main/webapp/visitEdu/usr/publish/script/main.js
index 6f5e3c7b..69f344a8 100644
--- a/src/main/webapp/visitEdu/usr/publish/script/main.js
+++ b/src/main/webapp/visitEdu/usr/publish/script/main.js
@@ -1,108 +1,58 @@
-var main;
-var main2;
 $(document).ready(function () {
 
-  /*var mainSwiper = new Swiper('.cont1-swiper',{
+  //visual slide
+  var visualSlide = new Swiper('.visual_slide', {
     spaceBetween: 30,
     loop: true,
     pagination: {
-      el: ".swiper-pagination",
-      clickable : true
+      el: ".visual_slide .swiper-pagination",
+      clickable: true
     },
-    autoplay:{
-      delay:4000
-    },
-    a11y: {
-      prevSlideMessage: '이전 슬라이드',
-      nextSlideMessage: '다음 슬라이드',
-      slideLabelMessage: '총 {{slidesLength}}장의 슬라이드 중 {{index}}번 슬라이드 입니다.',
-    },
-  });
-
-	$(".cont1 .slidePause").click(function(){ // 중지버튼 눌렀을때
-    if($(this).hasClass('slideStart')){
-      mainSwiper.autoplay.start();
-      $(this).removeClass('slideStart').attr('title','슬라이드 일시정지');
-    }else{
-      mainSwiper.autoplay.stop();
-      $(this).addClass('slideStart').attr('title','슬라이드 재생');
-    }
-	});*/
-
-  var mainPopSwiper = new Swiper('.cont2-swiper',{
-    spaceBetween: 30,
-    loop: true,
-    pagination: {
-      el: ".swiper-pagination",
-      type: "fraction"
-    },
-    autoplay:{
-      delay:4000
+    autoplay: {
+      delay: 5000
     },
     navigation: {
-      nextEl: ".swiper-button-next",
-      prevEl: ".swiper-button-prev",
-    },
-    a11y: {
-      prevSlideMessage: '이전 슬라이드',
-      nextSlideMessage: '다음 슬라이드',
-      slideLabelMessage: '총 {{slidesLength}}장의 슬라이드 중 {{index}}번 슬라이드 입니다.',
-    },
+	    nextEl: '.visual_slide .btn_next_slide',
+	    prevEl: '.visual_slide .btn_prev_slide',
+    }
   });
 
-	$(".cont2 .slidePause").click(function(){ // 중지버튼 눌렀을때
-	    if($(this).hasClass('slideStart')){
-	      mainPopSwiper.autoplay.start();
-	      $(this).removeClass('slideStart').attr('title','슬라이드 일시정지');
-	    }else{
-	      mainPopSwiper.autoplay.stop();
-	      $(this).addClass('slideStart').attr('title','슬라이드 재생');
-	    }
-	});
+  // notify slide
+  var notifySlide = new Swiper('.notify_slide', {
+    spaceBetween: 30,
+    loop: true,
+    pagination: {
+      el: ".notify_control .slide_number",
+      type: "fraction"
+    },
+    autoplay: {
+      delay: 5000
+    },
+    navigation: {
+      nextEl: ".notify_control .swiper-button-next",
+      prevEl: ".notify_control .swiper-button-prev",
+    }
+  });
 
-  //웹접근성 - tabIndex 추가.
-	$(".swiper-slide-active").children("button").attr("tabIndex", "0")
-	$(".swiper-slide-active").siblings().children("button").attr("tabIndex", "-1");
 
-	// 웹접근성 - 포커스 시 자동 멈춤
-	$(".cont1-swiper .swiper-wrapper button").on("focusin", function () {
-		mainSwiper.autoplay.stop();
-    $('.cont1-swiper .slidePause').addClass('slideStart').attr('title','슬라이드 일시정지');
-	});
+  $(".visual_slide .slide_pause").click(function () { // 중지버튼 눌렀을때
+    if ($(this).hasClass('slide_play')) {
+      $(this).removeClass('slide_play').attr('title', '슬라이드 일시정지').addClass("slide_pause");
+      visualSlide.autoplay.start();
+    } else {
+      $(this).removeClass('slide_pause').attr('title', '슬라이드 재생').addClass("slide_play");
+      visualSlide.autoplay.stop();
+    }
+  });
 
-	// 웹접근성 - 포커스아웃 시 자동
-	$(".cont1-swiper .swiper-wrapper button").on("focusout", function () {
-		mainSwiper.autoplay.start();
-    $('.cont1-swiper .slidePause').removeClass('slideStart').attr('title','슬라이드 재생');
-	});
+  $(".notify .slide_pause").click(function () { // 중지버튼 눌렀을때
+    if ($(this).hasClass('slide_play')) {
+      $(this).removeClass('slide_play').attr('title', '슬라이드 일시정지').addClass("slide_pause");
+      notifySlide.autoplay.start();
+    } else {
+      $(this).removeClass('slide_pause').attr('title', '슬라이드 재생').addClass("slide_play");
+      notifySlide.autoplay.stop();
+    }
+  });
 
-	// 웹접근성 - 포커스 시 자동 멈춤
-	/*$(".cont2-swiper").on("focusin", function () {
-		mainPopSwiper.autoplay.stop();
-    $('.cont2-swiper .slidePause').addClass('slideStart').attr('title','슬라이드 재생');
-	});
-
-	// 웹접근성 - 포커스아웃 시 자동
-	$(".cont2-swiper").on("focusout", function () {
-		mainPopSwiper.autoplay.start();
-    $('.cont2-swiper .slidePause').removeClass('slideStart').attr('title','슬라이드 일시정지');
-	});
-*/
-	/*mainSwiper.on("slideChangeTransitionEnd", function () {
-		$(".swiper-slide-active").children("button").attr("tabIndex", "0")
-		$(".swiper-slide-active").siblings().children("button").attr("tabIndex", "-1");
-	}); */
-
-	mainPopSwiper.on("slideChangeTransitionEnd", function () {
-		$(".swiper-slide-active").children("button").attr("tabIndex", "0")
-		$(".swiper-slide-active").siblings().children("button").attr("tabIndex", "-1");
-	});
-
-})
-
-//main visual control button 클릭시 active 추가
-function slideNum(num,item){
-    main.goToSlide(num);
-    $(item).parent("li").addClass("active");
-    $(item).parent("li").siblings("li").removeClass("active")   
-}
\ No newline at end of file
+})
\ No newline at end of file
diff --git a/src/main/webapp/visitEdu/usr/publish/script/main_2023.js b/src/main/webapp/visitEdu/usr/publish/script/main_2023.js
index cc625c0d..025d5423 100644
--- a/src/main/webapp/visitEdu/usr/publish/script/main_2023.js
+++ b/src/main/webapp/visitEdu/usr/publish/script/main_2023.js
@@ -10,6 +10,10 @@ $(document).ready(function () {
     },
     autoplay: {
       delay: 5000
+    },
+    navigation: {
+	    nextEl: '.visual_slide .btn_next_slide',
+	    prevEl: '.visual_slide .btn_prev_slide',
     }
   });
 
diff --git a/src/main/webapp/visitEdu/usr/publish/script/main_bak_231011.js b/src/main/webapp/visitEdu/usr/publish/script/main_bak_231011.js
new file mode 100644
index 00000000..6f5e3c7b
--- /dev/null
+++ b/src/main/webapp/visitEdu/usr/publish/script/main_bak_231011.js
@@ -0,0 +1,108 @@
+var main;
+var main2;
+$(document).ready(function () {
+
+  /*var mainSwiper = new Swiper('.cont1-swiper',{
+    spaceBetween: 30,
+    loop: true,
+    pagination: {
+      el: ".swiper-pagination",
+      clickable : true
+    },
+    autoplay:{
+      delay:4000
+    },
+    a11y: {
+      prevSlideMessage: '이전 슬라이드',
+      nextSlideMessage: '다음 슬라이드',
+      slideLabelMessage: '총 {{slidesLength}}장의 슬라이드 중 {{index}}번 슬라이드 입니다.',
+    },
+  });
+
+	$(".cont1 .slidePause").click(function(){ // 중지버튼 눌렀을때
+    if($(this).hasClass('slideStart')){
+      mainSwiper.autoplay.start();
+      $(this).removeClass('slideStart').attr('title','슬라이드 일시정지');
+    }else{
+      mainSwiper.autoplay.stop();
+      $(this).addClass('slideStart').attr('title','슬라이드 재생');
+    }
+	});*/
+
+  var mainPopSwiper = new Swiper('.cont2-swiper',{
+    spaceBetween: 30,
+    loop: true,
+    pagination: {
+      el: ".swiper-pagination",
+      type: "fraction"
+    },
+    autoplay:{
+      delay:4000
+    },
+    navigation: {
+      nextEl: ".swiper-button-next",
+      prevEl: ".swiper-button-prev",
+    },
+    a11y: {
+      prevSlideMessage: '이전 슬라이드',
+      nextSlideMessage: '다음 슬라이드',
+      slideLabelMessage: '총 {{slidesLength}}장의 슬라이드 중 {{index}}번 슬라이드 입니다.',
+    },
+  });
+
+	$(".cont2 .slidePause").click(function(){ // 중지버튼 눌렀을때
+	    if($(this).hasClass('slideStart')){
+	      mainPopSwiper.autoplay.start();
+	      $(this).removeClass('slideStart').attr('title','슬라이드 일시정지');
+	    }else{
+	      mainPopSwiper.autoplay.stop();
+	      $(this).addClass('slideStart').attr('title','슬라이드 재생');
+	    }
+	});
+
+  //웹접근성 - tabIndex 추가.
+	$(".swiper-slide-active").children("button").attr("tabIndex", "0")
+	$(".swiper-slide-active").siblings().children("button").attr("tabIndex", "-1");
+
+	// 웹접근성 - 포커스 시 자동 멈춤
+	$(".cont1-swiper .swiper-wrapper button").on("focusin", function () {
+		mainSwiper.autoplay.stop();
+    $('.cont1-swiper .slidePause').addClass('slideStart').attr('title','슬라이드 일시정지');
+	});
+
+	// 웹접근성 - 포커스아웃 시 자동
+	$(".cont1-swiper .swiper-wrapper button").on("focusout", function () {
+		mainSwiper.autoplay.start();
+    $('.cont1-swiper .slidePause').removeClass('slideStart').attr('title','슬라이드 재생');
+	});
+
+	// 웹접근성 - 포커스 시 자동 멈춤
+	/*$(".cont2-swiper").on("focusin", function () {
+		mainPopSwiper.autoplay.stop();
+    $('.cont2-swiper .slidePause').addClass('slideStart').attr('title','슬라이드 재생');
+	});
+
+	// 웹접근성 - 포커스아웃 시 자동
+	$(".cont2-swiper").on("focusout", function () {
+		mainPopSwiper.autoplay.start();
+    $('.cont2-swiper .slidePause').removeClass('slideStart').attr('title','슬라이드 일시정지');
+	});
+*/
+	/*mainSwiper.on("slideChangeTransitionEnd", function () {
+		$(".swiper-slide-active").children("button").attr("tabIndex", "0")
+		$(".swiper-slide-active").siblings().children("button").attr("tabIndex", "-1");
+	}); */
+
+	mainPopSwiper.on("slideChangeTransitionEnd", function () {
+		$(".swiper-slide-active").children("button").attr("tabIndex", "0")
+		$(".swiper-slide-active").siblings().children("button").attr("tabIndex", "-1");
+	});
+
+})
+
+//main visual control button 클릭시 active 추가
+function slideNum(num,item){
+    main.goToSlide(num);
+    $(item).parent("li").addClass("active");
+    $(item).parent("li").siblings("li").removeClass("active")   
+}
\ No newline at end of file