Merge branch 'master' of http://yongjoon.cho@vcs.iten.co.kr:9999/itnAdmin/fairnet

src/main/java/kcc/com/cmm/ImagePaginationRendererWeb.java

@@ -30,20 +30,12 @@ public class ImagePaginationRendererWeb extends AbstractPaginationRenderer imple
 	}
 
 	public void initVariables(){
-		/*firstPageLabel    = "<li><a href='#' title='첫페이지' onclick=\"{0}({1});return false;\"><img src=\"/publish/image/board/arrowLeft2.png\" alt=\"첫페이지\"></a></li>";
-        previousPageLabel = "<li><a href='#' title='이전10페이지' onclick=\"{0}({1});return false;\"><img src=\"/publish/image/board/arrowLeft.png\" alt=\"이전10페이지\"></a></li>";
-        currentPageLabel  = "<li class='active'><a href='#' title='현재페이지'>{0}</a></li>";
-        otherPageLabel    = "<li><a href='#' title={2}페이지 onclick=\"{0}({1});return false;\">{2}</a></li>";
-        nextPageLabel     = "<li><a href='#' title='다음10페이지' onclick=\"{0}({1});return false;\"><img src=\"/publish/image/board/arrowRight.png\" alt=\"다음10페이지\"></a></li>";
-        lastPageLabel     = "<li><a href='#' title='마지막페이지' onclick=\"{0}({1});return false;\"><img src=\"/publish/image/board/arrowRight2.png\" alt=\"마지막페이지\"></a></li>";*/
-		
-		firstPageLabel    = "<button class='btn_page_first' title='첫 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>";
-        previousPageLabel = "<button class='btn_page_prev' title='이전 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>";
-        /*currentPageLabel  = "<button class='on' title=\"현재 {0}페이지\" onclick='return false;' disabled>{0}</button>";*/
-        currentPageLabel  = "<button class='on' title=\"현재 {0}페이지\" onclick=\"return false;\" readonly>{0}</button>";
-        otherPageLabel    = "<button title=\"{1} 페이지 이동\" onclick=\"{0}({1});return false;\">{2}</button>";
-        nextPageLabel     = "<button class='btn_page_next' title='다음 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>";
-        lastPageLabel     = "<button class='btn_page_last' title='마지막 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>";
+		firstPageLabel    = "<li><a href=\"#\" class=\"btn only_icon btn_40 btn_page_first\" title=\"첫 페이지 이동\" onclick=\"{0}({1});return false;\"><i class=\"icon page_first\"></i></a></li>";
+        previousPageLabel = "<li><a href=\"#\" class=\"btn only_icon btn_40 btn_page_prev\" title=\"이전 페이지 이동\" onclick=\"{0}({1});return false;\"><i class=\"icon page_prev\"></i></a></li>";
+        currentPageLabel  = "<li><a href=\"#\" class=\"btn btn_40 active\" title=\"{0} 페이지 이동\" onclick=\\\"return false;\\\" readonly>{0}</a></li>";
+        otherPageLabel    = "<li><a href=\"#\" class=\"btn btn_40\" title=\"{1} 페이지 이동\" onclick=\"{0}({1});return false;\">{2}</a></li>";
+        nextPageLabel     = "<li><a href=\"#\" class=\"btn only_icon btn_40 btn_page_next\" title=\"다음 페이지 이동\" onclick=\"{0}({1});return false;\"><i class=\"icon page_next\"></i></a></li>";
+        lastPageLabel     = "<li><a href=\"#\" class=\"btn only_icon btn_40 btn_page_last\" title=\"마지막 페이지 이동\" onclick=\"{0}({1});return false;\"><i class=\"icon page_last\"></i></a></li>";
 	}
 
 	@Override

src/main/java/kcc/let/main/web/EgovMainController.java

@@ -57,10 +57,9 @@ import kcc.let.sym.mnu.mpm.service.EgovMenuManageService;
 import kcc.let.sym.mnu.mpm.service.MenuManageVO;
 import kcc.let.sym.site.service.EgovSiteIpService;
 import kcc.let.sym.site.service.EgovSiteManagerService;
-import kcc.let.sym.site.service.SiteManagerVO;
 import kcc.let.uss.olp.qmc.service.EgovQustnrManageService;
 import kcc.let.uss.umt.service.EgovUserManageService;
-import kcc.let.uss.umt.service.UserManageVO;
+import seed.com.gtm.join.MemberJoinService;
 	
 /**
  * 템플릿 메인 페이지 컨트롤러 클래스(Sample 소스)
@@ -128,6 +127,9 @@ public class EgovMainController {
 	@Resource(name = "meunCreateManageService")
 	private EgovMenuCreateManageService menuCreateManageService;
 	
+	@Resource(name = "memberJoinService")
+	private MemberJoinService memberJoinService;
+	
     
 	/**
 	 * 메인 페이지에서 각 업무 화면으로 연계하는 기능을 제공한다.
@@ -233,6 +235,17 @@ public class EgovMainController {
     	model.addAttribute("sessionTime", "60");
     	
 //		model.addAttribute("authority", user.getAuthority());
+    	
+    	//변경가능 소속
+    	String enableDept = (String) session.getAttribute("enableDept");
+    	String memberDept = (String) session.getAttribute("memberDept");
+    	String memberId = (String) session.getAttribute("memberId");
+		enableDept += "," + memberDept;
+		commandMap.put("enableDept", enableDept.replace("null,", ""));
+		commandMap.put("memberId", memberId);
+		model.addAttribute("memDept", memberDept);
+		model.addAttribute("enaDept", memberJoinService.deptList(commandMap));
+		
         return "main/inc/EgovIncTopnav"; // 내부업무의 상단메뉴 화면
     }
 

src/main/java/kcc/web/MainController.java

@@ -303,17 +303,6 @@ public class MainController {
     	if(ssoLoginVO != null) {
     		model.addAttribute("ssoLoginVO", ssoLoginVO);
     	}
-    	
-//        String returnSiteUrl = returnSiteUrlGlobal;
-//        String returnSiteCode = returnSiteCodeGlobal;
-//        
-//        String joinUrl = joinUrl_Global;
-//        String modifyUrl = modifyUrl_Global;
-        
-//		model.addAttribute("returnSiteUrl", (URLEncoder.encode(returnSiteUrl)));
-//		model.addAttribute("returnSiteCode", returnSiteCode);
-//		model.addAttribute("joinUrl", joinUrl);
-//		model.addAttribute("modifyUrl", modifyUrl);
 		
 		return "web/com/webCommonHeader";
     }
@@ -1141,108 +1130,23 @@ public class MainController {
      */
     @RequestMapping(value="/web/com/leftMenu.do")
     public String webCommonLeftMenu(
-    		@RequestParam Map<String, Object> commandMap, HttpServletRequest request, @ModelAttribute("menuManageVO") MenuManageJTreeVO menuManageVO,
+    		HttpServletRequest request
+    		, @ModelAttribute("menuManageVO") MenuManageJTreeVO menuManageVO,
     		ModelMap model)
             throws Exception {
 		
-    	MenuManageVO resultVO = new MenuManageVO();
-    	MenuManageVO tempMenuManageVO = new MenuManageVO();
-    	tempMenuManageVO.setSearchCondition("Y");
-    	setViewMenu(request ,  commandMap ,  tempMenuManageVO , resultVO , menuManageVO );
-		List<MenuManageJTreeVO> menuLeftResultList =  menuCreateManageService.selectMenuLeftListJtreeWeb(menuManageVO) ;
-		model.addAttribute("menuLeftResultList", menuLeftResultList);
-		if(request.getRequestURI().contains("/eng/")){
-			model.addAttribute("eng", "eng");
-		}
+//    	MenuManageVO resultVO = new MenuManageVO();
+//    	MenuManageVO tempMenuManageVO = new MenuManageVO();
+//    	tempMenuManageVO.setSearchCondition("Y");
+//    	setViewMenu(request ,  commandMap ,  tempMenuManageVO , resultVO , menuManageVO );
+//		List<MenuManageJTreeVO> menuLeftResultList =  menuCreateManageService.selectMenuLeftListJtreeWeb(menuManageVO) ;
+//		model.addAttribute("menuLeftResultList", menuLeftResultList);
+//		if(request.getRequestURI().contains("/eng/")){
+//			model.addAttribute("eng", "eng");
+//		}
       	return "web/com/webCommonLeftMenu";
     }
     
-    
-    @RequestMapping(value="/{siteId}/web/com/getDivTop.do")
-    public String getDivTop(@PathVariable("siteId") String siteId , HttpServletRequest request, 
-    		@RequestParam Map<String, Object> commandMap, ModelMap model)
-            throws Exception {
-    	return "blank";
-    	
-    }
-    
-    @RequestMapping("/{siteId}/web/searchTotal.do")
-	public String searchTotal(@PathVariable("siteId") String siteId , HttpServletRequest request, @ModelAttribute("searchVO") BoardVO boardVO, 
-			@ModelAttribute("searchTotalVO") SearchTotalVO searchTotalVO, ModelMap model
-			,RedirectAttributes redirectAttributes) throws Exception {
-
-		BoardMasterVO bmVO = new BoardMasterVO();
-		
-		searchTotalVO.setPageUnit(propertiesService.getInt("pageUnit"));
-		searchTotalVO.setPageSize(propertiesService.getInt("pageSize"));
-
-		PaginationInfo paginationInfo = new PaginationInfo();
-
-		paginationInfo.setCurrentPageNo(searchTotalVO.getPageIndex());
-		paginationInfo.setRecordCountPerPage(searchTotalVO.getPageUnit());
-		paginationInfo.setPageSize(searchTotalVO.getPageSize());
-
-		searchTotalVO.setFirstIndex(paginationInfo.getFirstRecordIndex());
-		searchTotalVO.setLastIndex(paginationInfo.getLastRecordIndex());
-		searchTotalVO.setRecordCountPerPage(paginationInfo.getRecordCountPerPage());
-
-		//List<String, Object> map = bbsMngService.selectBoardTotalSearch(boardVO);
-		List<SearchTotalVO> resultList = new ArrayList<SearchTotalVO>();
-		resultList = bbsMngService.selectBoardTotalSearch(searchTotalVO); 
-		int totCnt = bbsMngService.selectBoardTotalSearchCnt(searchTotalVO); 
-
-		//paginationInfo.setTotalRecordCount(resultList[0]);
-
-		model.addAttribute("resultList", resultList);
-		model.addAttribute("totCnt", totCnt);
-		paginationInfo.setTotalRecordCount(totCnt);
-		model.addAttribute("paginationInfo", paginationInfo);
-		model.addAttribute("siteId", siteId);
-		String siteFolder = "site/"+siteId ; 
-		/*if(!("linc".equals(siteId) || "klc".equals(siteId)) ){
-			SiteManagerVO siteManagerVO = new SiteManagerVO();
-			siteManagerVO.setSiteId(siteId);
-			setSiteinfo(siteManagerVO, model , request );
-			//return "web/site/theme_"+siteManagerVO.getTheme()+"/"+siteManagerVO.getIsMobile()+"/cop/bbs/EgovNoticeList";
-			return "web/site/"+siteId+"/"+siteManagerVO.getIsMobile()+"/main/searchTotal";
-		}*/
-		return "web/"+siteFolder+"/main/searchTotal";
-	}
-    
-    
-    @RequestMapping(value="/com/getThemeLayout.do")
-    public String getThemeLayout(HttpServletRequest request, 
-    		@RequestParam Map<String, Object> commandMap, ModelMap model)
-            throws Exception {
-    	
-    	if(commandMap.get("url")!=null){
-    		String siteId  = ((String)commandMap.get("url")).split("/")[3] ;
-    		
-    		SiteManagerVO siteManagerVO = new SiteManagerVO();
-    		siteManagerVO.setSiteId(siteId);
-    		siteManagerVO = egovSiteManagerService.selectSiteManagerVO(siteManagerVO) ;
-    		String theme = "01";
-    		/*if( !"".equals(siteManagerVO.getTheme()) && null != siteManagerVO.getTheme()){
-    			theme = siteManagerVO.getTheme() ;
-    			String isMobile = "pc";
-    			WebUtil util = new WebUtil();
-    			if(util.isMobile(request)){
-    				isMobile = "mobile";
-    			}
-    			//return "web/site/theme_"+theme+"/"+isMobile+"/layout";
-    			return "web/site/"+siteId+"/"+isMobile+"/layout";
-    		}*/
-    		
-    		String isMobile = "pc";
-			WebUtil util = new WebUtil();
-			if(util.isMobile(request)){
-				isMobile = "mobile";
-			}
-			return "web/site/"+siteId+"/"+isMobile+"/layout";
-    	}
-    	return "blank";
-    }
-    
     private void setSiteinfo(SiteManagerVO siteManagerVO , ModelMap model , HttpServletRequest request) throws Exception{
     	SiteManagerVO tempSiteManagerVO = egovSiteManagerService.selectSiteManagerVO(siteManagerVO) ;
 		if(tempSiteManagerVO !=null){
@@ -1519,6 +1423,19 @@ public class MainController {
       	return "web/com/webCommonQuickMenu";
     }
     
+    /**
+     * 사용자 좌측 매뉴
+     */
+    @RequestMapping(value="/web/com/subVisual.do")
+    public String webCommonSubVisual(
+    		HttpServletRequest request
+    		, @ModelAttribute("menuManageVO") MenuManageJTreeVO menuManageVO,
+    		ModelMap model)
+            throws Exception {
+		
+      	return "web/com/webCommonSubVisual";
+    }
+    
 
   	
     

src/main/java/kcc/xxx/service/XxxVO.java

@@ -5,9 +5,14 @@ import java.io.Serializable;
 import kcc.com.cmm.ComDefaultVO;
 import lombok.Builder;
 import lombok.Data;
+import lombok.Getter;
 import lombok.NoArgsConstructor;
+import lombok.Setter;
 
 @SuppressWarnings("serial")
+@Getter
+@Setter
+@NoArgsConstructor
 public class XxxVO extends ComDefaultVO implements Serializable {
 
 	// 검색조건
@@ -26,101 +31,11 @@ public class XxxVO extends ComDefaultVO implements Serializable {
 	private String frstRegisterId = ""; // 최조작성자 ID
 	private String frstRegisterNm = ""; // 최조작성자 이름
 	
-	public String getSrchYear() {
-		return srchYear;
-	}
-
-	public void setSrchYear(String srchYear) {
-		this.srchYear = srchYear;
-	}
-
-	public String getEsntlId() {
-		return esntlId;
-	}
-
-	public void setEsntlId(String esntlId) {
-		this.esntlId = esntlId;
-	}
-
-	public String getXxxSeq() {
-		return xxxSeq;
-	}
-
-	public void setXxxSeq(String xxxSeq) {
-		this.xxxSeq = xxxSeq;
-	}
-
-	public String getBbsId() {
-		return bbsId;
-	}
-
-	public void setBbsId(String bbsId) {
-		this.bbsId = bbsId;
-	}
-
-	public String getNttId() {
-		return nttId;
-	}
-
-	public void setNttId(String nttId) {
-		this.nttId = nttId;
-	}
-
-	public String getAtchFileId() {
-		return atchFileId;
-	}
-
-	public void setAtchFileId(String atchFileId) {
-		this.atchFileId = atchFileId;
-	}
-
-	public String getLastUpdusrId() {
-		return lastUpdusrId;
-	}
-
-	public void setLastUpdusrId(String lastUpdusrId) {
-		this.lastUpdusrId = lastUpdusrId;
-	}
-
-	public String getLastUpdusrNm() {
-		return lastUpdusrNm;
-	}
-
-	public void setLastUpdusrNm(String lastUpdusrNm) {
-		this.lastUpdusrNm = lastUpdusrNm;
-	}
-
-	public String getSearchCnd() {
-		return searchCnd;
-	}
-
-	public void setSearchCnd(String searchCnd) {
-		this.searchCnd = searchCnd;
-	}
-
-	public String getSearchWrd() {
-		return searchWrd;
-	}
-
-	public void setSearchWrd(String searchWrd) {
-		this.searchWrd = searchWrd;
-	}
-
-	public String getFrstRegisterId() {
-		return frstRegisterId;
-	}
-
-	public void setFrstRegisterId(String frstRegisterId) {
-		this.frstRegisterId = frstRegisterId;
-	}
-
-	public String getFrstRegisterNm() {
-		return frstRegisterNm;
-	}
-
-	public void setFrstRegisterNm(String frstRegisterNm) {
-		this.frstRegisterNm = frstRegisterNm;
-	}
+	private String col1;
+	private String col2;
+	private String col3;
+	private String col4;
 	
+	private int totCnt;
 	
 }

src/main/java/kcc/xxx/web/XxxController.java

@@ -1,6 +1,9 @@
 package kcc.xxx.web;
 
+import java.util.ArrayList;
+
 import javax.annotation.Resource;
+import javax.servlet.http.HttpServletRequest;
 
 import org.json.JSONArray;
 import org.json.simple.JSONObject;
@@ -8,12 +11,14 @@ import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.ModelMap;
+import org.springframework.web.bind.annotation.ModelAttribute;
 import org.springframework.web.bind.annotation.RequestMapping;
 
-import com.fasterxml.jackson.core.io.JsonStringEncoder;
-
+import egovframework.rte.ptl.mvc.tags.ui.pagination.PaginationInfo;
+import kcc.com.cmm.CmmUtil;
 import kcc.utill.OzUtill;
 import kcc.xxx.service.XxxService;
+import kcc.xxx.service.XxxVO;
 import seed.map.T_MEMBER;
 
 @Controller
@@ -133,4 +138,45 @@ public class XxxController {
     	
 		return "/xxx/ozReportOdi";
 	}
+	
+	
+	@RequestMapping("/web/xxx/xxxList.do")
+	public String xxxList(	
+							ModelMap model 
+							, HttpServletRequest request
+							, @ModelAttribute("xxxVO") XxxVO xxxVO
+						) throws Exception {
+		
+		ArrayList xxxList = new ArrayList<XxxVO>();
+		
+		for(int i = 0 ; i < 10 ; i++) {
+			XxxVO tmpVO = new XxxVO();
+			tmpVO.setTotCnt(200);
+			tmpVO.setCol1(String.valueOf(i));
+			tmpVO.setCol2("유형내용" + i + "입니다.");
+			tmpVO.setCol3("제목내용" + i + "입니다.");
+			tmpVO.setCol4("등록일시" + i + "입니다.");
+			
+			xxxList.add(tmpVO);
+		}
+		
+		// 페이징 처리 객체
+		PaginationInfo paginationInfo = CmmUtil.getPageing(xxxVO, xxxVO.getPageUnit());
+		paginationInfo.setTotalRecordCount(xxxList.size() > 0 ? ((XxxVO) xxxList.get(0)).getTotCnt() : 0);
+		
+		model.addAttribute("xxxList", xxxList);
+		model.addAttribute("paginationInfo", paginationInfo);
+		
+		return "/web/xxx/xxxList";
+	}
+	
+	@RequestMapping("/web/xxx/xxxDetail.do")
+	public String xxxDetail(	
+							ModelMap model 
+							, HttpServletRequest request
+							, @ModelAttribute("xxxVO") XxxVO xxxVO
+						) throws Exception {
+		
+		return "/web/xxx/xxxDetail";
+	}
 }

src/main/java/seed/com/gtm/dao/MemberLogDao.java

@@ -0,0 +1,11 @@
+package seed.com.gtm.dao;
+
+import java.util.Map;
+
+import seed.com.gtm.join.LogsVO;
+
+public interface MemberLogDao {
+	
+	public LogsVO logsInfo(Map<String, Object> map);
+
+}

src/main/java/seed/com/gtm/dao/MemberLogDaoImpl.java

@@ -0,0 +1,21 @@
+package seed.com.gtm.dao;
+
+import java.util.Map;
+
+import org.apache.ibatis.session.SqlSession;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Repository;
+
+import seed.com.gtm.join.LogsVO;
+
+@Repository("memberLogDao")
+public class MemberLogDaoImpl implements MemberLogDao{
+	
+	@Autowired SqlSession sqlSession;
+
+	@Override
+	public LogsVO logsInfo(Map<String, Object> map) {
+		
+		return sqlSession.selectOne("join.logsInfo", map);
+	}
+}

src/main/java/seed/com/gtm/join/MemberLogController.java

@@ -0,0 +1,78 @@
+package seed.com.gtm.join;
+
+import java.io.IOException;
+import java.sql.SQLException;
+import java.util.Map;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpSession;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.ModelMap;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.servlet.ModelAndView;
+
+import egovframework.rte.psl.dataaccess.util.EgovMap;
+import seed.com.gtm.util.JSONView;
+import seed.com.gtm.util.JSPUtil;
+
+@Controller
+public class MemberLogController {
+	
+	@Autowired
+	MemberLogService memberLogService;
+
+    @Autowired
+    private MemberJoinService memberJoinService;
+	
+	@RequestMapping("/gtm/case/join/jsp/PagelogInfo.do")
+	public ModelAndView loginInfo(ModelMap model, HttpSession session, @RequestParam Map<String,Object> paramMap) throws IOException, SQLException{
+
+		ModelAndView mav = new ModelAndView();
+
+		String memberId = (String) session.getAttribute("memberId");
+
+		paramMap.put("memberId", memberId);
+
+		LogsVO logsInfo = null;
+
+		logsInfo = memberLogService.logsInfo(paramMap);
+
+		mav.addObject("logsInfo", logsInfo);
+
+		String view = "/_extra/gtm/join/loginInfo";
+
+		mav.setViewName(view);
+
+		return mav;
+	}
+
+	@RequestMapping("/gtm/case/join/jsp/DeptInfo.do")
+	public String deptInfo(ModelMap model, HttpSession session, @RequestParam Map<String,Object> paramMap) throws IOException, SQLException{
+        String enableDept = (String) session.getAttribute("enableDept");
+        String memberDept = (String) session.getAttribute("memberDept");
+		String memberId = (String) session.getAttribute("memberId");
+		enableDept += "," + memberDept;
+        paramMap.put("enableDept", enableDept.replace("null,", ""));
+		paramMap.put("memberId", memberId);
+		model.addAttribute("memDept", memberDept);
+		model.addAttribute("enaDept", memberJoinService.deptList(paramMap));
+
+		return "/_extra/gtm/join/deptInfo";
+	}
+
+    @RequestMapping("/gtm/case/join/ajax/changeDept.do")
+    public ModelAndView changeDept(HttpServletRequest request, HttpSession session, @RequestParam Map<String,Object> paramMap) throws Exception {
+        EgovMap params = JSPUtil.makeRequestParams(request, session, true);
+        ModelAndView mavjson = new ModelAndView(new JSONView());
+        /*paramMap.put("memberId", (String) session.getAttribute("memberId"));
+        paramMap.put("changeDept", params.get("changeDept"));
+        memberJoinService.memberDeptUpdate(paramMap);*/
+        session.removeAttribute("memberDept");
+		session.setAttribute("memberDept", params.get("changeDept"));
+        mavjson.addObject("success");
+        return mavjson;
+    }
+}

src/main/java/seed/com/gtm/join/MemberLogService.java

@@ -0,0 +1,24 @@
+package seed.com.gtm.join;
+
+import java.io.IOException;
+import java.sql.SQLException;
+import java.util.Map;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import seed.com.gtm.dao.MemberLogDao;
+import seed.com.gtm.join.LogsVO;
+
+@Service
+public class MemberLogService {
+	
+	@Autowired
+    private MemberLogDao memberLogDao;
+	
+	//로그인 로그기록
+	public LogsVO logsInfo(Map<String, Object> map)  throws IOException, SQLException {
+		return memberLogDao.logsInfo(map);
+	}
+
+}

src/main/resources/egovframework/spring/com/context-security.xml

@@ -31,6 +31,7 @@
 	<!-- 분쟁조정 서블릿 mapping 경로들 끝 -->
  	
  	<security:http pattern="/kccadrPb/**" security="none"/>
+ 	<security:http pattern="/kofair_case_seed/**" security="none"/>
  	
  	
  	

src/main/webapp/WEB-INF/config/egovframework/springmvc/egov-com-servlet.xml

@@ -95,6 +95,7 @@
 	<!-- 분쟁조정 서블릿 mapping 경로들 끝 -->
 	
 	<mvc:resources mapping="/kccadrPb/**" location="/kccadrPb/" />
+	<mvc:resources mapping="/kofair_case_seed/**" location="/kofair_case_seed/" />
 	<mvc:resources mapping="/editor/**" location="/editor/" />
 	<mvc:resources mapping="/codemirror/**" location="/codemirror/" />
 	

src/main/webapp/WEB-INF/jsp/layout/adminLayout.jsp

@@ -28,7 +28,8 @@
     
 	<script src="<c:url value='/js/kccadr/kccadrCom.js' />"></script>
     <script src="<c:url value='/js/antdatepicker/moment.min.js'/>"></script>
-
+	
+	<script src="/js/lib/jquery.blockUI.js"></script>
 <script>
 </script>
 </head>

src/main/webapp/WEB-INF/jsp/main/inc/EgovIncTopnav.jsp

@@ -14,7 +14,6 @@
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
 <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
 <!-- topmenu start -->
-	
 <script type="text/javascript">
 function actionLogout()
 {
@@ -75,6 +74,80 @@ function modifyMem(uniqId){
     form.submit();
 	
 }
+
+
+function fn_change_dept(val) {
+	var param = {changeDept:val};
+	var url = "/gtm/case/join/ajax/changeDept.do";
+	TopnavXHR(url, param, function(r){
+		alert("소속을 변경하였습니다.");
+		location.reload();
+	});
+}
+
+function TopnavXHR(url, data, callbackFunc, exceptionFunc , localStartFunc , localEndFunc){
+	 $.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;잠시만 기다려주세요.</h1>' });
+	 jQuery.ajax({
+		url: url,
+		type: "POST",
+		dataType: "html",
+		//data: data + "&IS_AJAX_REQUEST=IS_AJAX_REQUEST",
+		contentType: 'application/x-www-form-urlencoded; charset=utf-8',
+		data: data,
+		async: true,
+		cache: false,
+		success: function (data, textStatus) {
+			var result;
+			try{
+				console.log(data);
+				 result = eval('(' + data + ')');
+			}catch(ex){
+				$.unblockUI();
+				alert(ex);
+			}
+			if( typeof(result) == 'object' ){  // JSON 오프젝트로 받음(리턴값이 JSON이거나 Exception 발생시)
+
+				if(result._EXCEPTION_){
+					if(exceptionFunc){ // 익셉션 처리 함수가 있으면
+						$.unblockUI();
+						exceptionFunc(result._EXCEPTION_);
+					}else{
+						$.unblockUI();
+						_processException(result._EXCEPTION_);
+					}
+				}else if(result._SESSION_OUT_){ // 세션 아웃 처리
+					alert(result._SESSION_OUT_.message);
+					if(result._SESSION_OUT_.redirectUrl !=""){
+						$.unblockUI();
+						parent.location.href=	redirectUrl;
+					}
+				}else{
+					if(callbackFunc){ // 익셉션이 아니고 callback 펑션이 있을때.
+						$.unblockUI();
+						callbackFunc(result);
+					}
+				}
+			}else{
+				if(callbackFunc){ // HTML 형식의 리턴이며 callback 펑션이 있을때.
+					$.unblockUI();
+					callbackFunc(data);
+				}
+			}
+		},
+		beforeSend  : function(){ // 로컬 이벤트 , 시작
+			if(localStartFunc){
+				$.unblockUI();
+				localStartFunc();
+			}
+		},
+		complete: function(){ // 로컬 이벤트 , 끝
+			if(localEndFunc){
+				$.unblockUI();
+				localEndFunc();
+			}
+		}
+	});
+}
 </script>
 <%-- 전자조정 --%>
 <!-- top_utill -->
@@ -92,9 +165,14 @@ function modifyMem(uniqId){
 			<!-- <span class="alram_num">3</span> -->
 			<p>로그아웃</p>
 		</button>
-			<button class="alram" onclick="modifyMem('<c:out value="${LoginVO.uniqId}" />');">
-				<p>정보수정</p>
-			</button>
+		<button class="alram" onclick="modifyMem('<c:out value="${LoginVO.uniqId}" />');">
+			<p>정보수정</p>
+		</button>
+		<select onchange="fn_change_dept(this.value)">
+			<c:forEach var="ed" items="${enaDept}" varStatus="stss">
+				<option value="${ed.CODE_IDXS}" <c:if test="${ed.CODE_IDXS eq memDept}">selected="selected"</c:if>>${ed.CODE_NAME}</option>
+			</c:forEach>
+		</select>
 	</div>
 	<ul class="user_util">
 		<li class="time_out"><i></i>

src/main/webapp/WEB-INF/jsp/web/com/webCommonFooter.jsp

@@ -1,84 +1,35 @@
 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-<script type="text/javaScript" language="javascript" defer="defer">
 
-function footerSiteLinkPageGo (){
-	 var url = $("#footerSite").val();
-	
-	if (url == ""){
-		alert("사이트를 선택해 주세요");
-	}
-	else if (url == "SITE005" ) {
-	   	// 디지털 저작권 거래소
-		$('#usrModifyForm').attr("action","https://www.kdce.or.kr/user/main.do");
-		$('#usrModifyForm').submit();
-	} else if (url == "SITE006" ) {
-		// 권리자 찾기
-		$('#usrModifyForm').attr("action","https://www.findcopyright.or.kr/ssoMain.do");
-		$('#usrModifyForm').submit();
-	} else if (url == "SITE007" ) {
-	    // OLIS 오픈소스SW 라이선스
-		$('#usrModifyForm').attr("action","https://www.olis.or.kr/membership/ssoOlisLogin.do");
-		$('#usrModifyForm').submit();
-	} else if (url == "SITE008" ) {
-	    // 공유마당
-		$('#usrModifyForm').attr("action","https://gongu.copyright.or.kr/gongu/member/user/ssoLogin.do");
-		$('#usrModifyForm').submit();
-	} else if (url == "SITE009" ) {
-	    // 저작권 인증
-		$('#usrModifyForm').attr("action","https://cras.copyright.or.kr/front/right/comm/ssoLoginMain.do");
-		$('#usrModifyForm').submit();
-	} else {
-		window.open(url);
-	}
-}   
-</script>
-
-	<!-- 전자조정 footer -->
-	<footer>
-		<div class="inner">
-			<div class="area_top">
-				<ul class="site">
-					<li><a href="https://www.copyright.or.kr/customer-center/user-guide/privacy-policy/index.do" target="_blank" title="새창열림">개인정보처리방침</a></li>
-					<li><a href="https://www.copyright.or.kr/customer-center/user-guide/email-rejection/index.do" target="_blank" title="새창열림">이메일무단수집거부</a></li>
-					<li><a href="https://www.copyright.or.kr/customer-center/user-guide/customer-service-charter/index.do" target="_blank" title="새창열림">고객서비스헌장</a></li>
-					<li><a href="https://www.copyright.or.kr/customer-center/user-guide/policy/index.do" target="_blank" title="새창열림">저작권정책</a></li>
-				</ul>
-				<div class="site_go">
-					<label for="footerSite">위원회 운영사이트 선택</label>
-					<select name="footerSite" id="footerSite">
-						<option value="" selected>위원회 운영 누리집</option>
-							<option value="http://www.copyright.or.kr">대표홈페이지</option>
-							<option value="https://www.kdce.or.kr/user/main.do">디지털 저작권거래소</option>
-							<option value="https://www.findcopyright.or.kr/main/main.do">권리자 찾기</option>
-							<!-- <option value="SITE006">권리자 찾기</option> -->
-							<option value="http://www.uci.or.kr">UCI(국가디지털콘텐츠식별체계)</option>
-							<option value="https://gongu.copyright.or.kr">공유마당</option>
-							<option value="https://www.olis.or.kr/olis/olisMain.do">OLIS(오픈소스SW라이선스)</option>
-							<!-- <option value="SITE007">OLIS(오픈소스SW라이선스)</option> -->
-							<!-- <option value="http://edu-copyright.or.kr">원격교육연수원</option>
-							<option value="http://edulife.copyright.or.kr">원격평생교육원</option> -->
-							<option value="https://www.edu-copyright.or.kr">저작권e배움터</option>
-							<option value="http://www.cros.or.kr">저작권 등록</option>
-							<option value="http://www.swes.or.kr">온라인 임치</option>
-							<option value="https://cras.copyright.or.kr/front/right/comm/main_.do">저작권 인증</option>
-							<!-- <option value="SITE009">저작권 인증</option> -->
-							<option value="http://library.copyright.or.kr/">저작권도서관</option>
-						
+<footer class="footer">
+	<div class="inner">
+		<h1 class="logo">
+			<a href="#" class="pc_logo"><img src="/kofair_case_seed/usr/images/layout/footer_logo.png" alt=""></a>
+			<a href="#" class="m_logo"><img src="/kofair_case_seed/usr/images/layout/footer_logo_m.png" alt=""></a>
+		</h1>
+		<div class="footer_content">
+			<div class="footer_info">
+				<p>서울시 중구 세종대로 39 상공회의소회관 9층 한국공정거래조정원</p>
+				<p><b class="gMarket_bold">TEL : 1588-1490</b>(유료, 통화료 발신자 부담)</p>
+				<p><b class="gMarket_bold">FAX : 02-6363-9119</b></p>
+			</div>
+			<div class="footer_site">
+				<a href="/" target="_blank">기관소개 <i class="icon outlink"></i></a>
+				<a href="#">오시는 길 <i class="icon arrow right"></i></a>
+				<div class="site_wrap">
+					<select name="" id="" title="관련사이트 선택">
+						<option value="">관련사이트 바로가기</option>
 					</select>
-					<button class="btn_go" title="새창열림 사이트 이동" onclick="footerSiteLinkPageGo();">GO</button>
+					<button type="button" title="관련사이트 이동" class="btn btn_text btn_40 gray_fill fw_bold">GO</button>
 				</div>
 			</div>
-			<h1 class="logo"><a href="/" title="메인으로 이동"><img src="/kccadrPb/usr/image/common/footer_logo.png"
-						alt="저작권 전자조정시스템 Copyright Electronic Coordination System"></a></h1>
-			<address>
-				<%--<p>진주 [52852] 경상남도 진주시 충의로 19, 1/2/5층 ☎ 대표번호 055.792.0000</p> --%>
-				<p>진주 [52851] 경상남도 진주시 소호로 117 ☎ 대표번호 055.792.0000</p>
-				<p>서울 [04323] 서울특별시 용산구 후암로 107, 5/16층 ☎ 대표번호 02.2669.0010</p>
-			</address>
-			<a href="http://webwatch.or.kr" class="wa_mark" target="_blank" rel="noopener noreferrer" title="새창열림"><img src="/kccadrPb/usr/image/wa_mark.png" alt="과학기술정보통신부 WA(WEB접근성) 품질인증 마크, 웹와치(WebWatch) 2024.4.11~2025.4.10"></a>
 		</div>
-	</footer>
-	<!-- //footer -->
-
-
+		<div class="footer_bottom">
+			<div class="link">
+				<a href="#" class="fw_bold" target="_blank">개인정보처리방침 <i class="icon outlink"></i></a>
+				<a href="#">이메일무단수집거부</a>
+			</div>
+			<p class="copyright">Copyright KOFAIR. All Rights Reserved</p>
+		</div>
+	</div>
+</footer>

src/main/webapp/WEB-INF/jsp/web/com/webCommonHeader.jsp

@@ -4,226 +4,117 @@
 <%@ taglib prefix="kc" uri="/WEB-INF/tlds/kcc_tld.tld"%>
 <%@ page import="egovframework.rte.fdl.security.userdetails.util.EgovUserDetailsHelper" %>
 <%@ page import="kcc.com.cmm.LoginVO" %>
-<c:set var="URL" value="${pageContext.request.requestURL}" />
-<c:set var="URI" value="${pageContext.request.requestURI}" />
 
-<%-- <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;
-		}
-	}
-	$("head").prepend("<title>"+titleNm + "<" + document.title+"</title>")
-});
-</script> --%>
-
-<!-- <!DOCTYPE html> -->
-<%-- <head> --%>
-<%-- <title>
-<c:choose>
-	<c:when test="${fn:contains(URL , 'main/mainPage.do')}">
-		저작권 전자조정시스템 - 메인
-	</c:when>
-	<c:when test="${fn:contains(URL , 'web/user/login/ssoLogin.do')}">
-		로그인&lt;한국저작권위원회
-	</c:when>
-	<c:otherwise>
-		<c:forEach var="result" items="${menuCurrentResultList}" varStatus="status">${result.menuNm}&lt;</c:forEach>한국저작권위원회
-	</c:otherwise>
-</c:choose>
-</title> --%>
-<%-- </head> --%>
 <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'));
+	$(document).ready(function (){
+		// 탑메뉴
+		$("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'));
+		});	
 	});	
 	
-	//사이트맵
-	$('.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")
+	/* 화면 확대 축소 */
+	var nowZoom = 100;
+	 
+	function zoomOut() {   // 화면크기축소
+		nowZoom = nowZoom - 10;
+		if(nowZoom <= 70) nowZoom = 70;   // 화면크기 최대 축소율 70%
+		zooms();
 	}
-	
-	//조정위원일 경우 '조정위원' 원뎁스 메뉴 클릭 시 대시보드로 이동
-	if("${auth}" == 'ROLE_USER_MANAGER'){
-		$("#99912000").attr('href', "/web/kccadr/adjcclt/ai/adjstConciliatorDashList.do")
+	 
+	function zoomIn() {   // 화면크기확대
+		nowZoom = nowZoom + 20;
+		if(nowZoom >= 200) nowZoom = 200;   // 화면크기 최대 확대율 200%
+		zooms();
+	}
+	 
+	function zooms() {
+		document.body.style.zoom = nowZoom + "%";
 	}
-});	
-
-/* 회원정보 수정 link */
-function usrModify(){
-	var frm = document.usrModifyForm;
-	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.target="_blank";
-	frm.action = "<c:url value='${modifyUrl}'/>";
-	frm.submit();
-
-}
-
-/* 회원가입 link */
-function usrJoin(){
-	var frm = document.usrJoinForm;
-	frm.returnSiteCode.value = "<c:out value='${returnSiteCode}'/>";
-	frm.returnSiteUrl.value = "<c:out value='${returnSiteUrl}'/>";
-	
-	frm.target="_blank";
-	frm.action = "<c:url value='${joinUrl}'/>";
-	frm.submit();
-}
-
-/* 화면 확대 축소 */
- var nowZoom = 100;
- 
- function zoomOut() {   // 화면크기축소
-	   nowZoom = nowZoom - 10;
-	   if(nowZoom <= 70) nowZoom = 70;   // 화면크기 최대 축소율 70%
-	   zooms();
-}
- 
- function zoomIn() {   // 화면크기확대
-	   nowZoom = nowZoom + 20;
-	   if(nowZoom >= 200) nowZoom = 200;   // 화면크기 최대 확대율 200%
-	   zooms();
-}
- 
- function zooms() {
-	   document.body.style.zoom = nowZoom + "%";
-}
 
 </script>
 
 <!-- 전자조정 헤더HTML 시작 -->
-	<div class="skip_menu">
-		<a href="#first" class="contGo" title="본문 바로가기">본문 바로가기</a>
-	</div>
-	<!-- header -->
-	<header>
-	
-	<c:choose>
-		<c:when test="${empty LoginVO}">
-			<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="site">
-						<img src="/kccadrPb/usr/image/common/gnb_logo.png" alt="한국저작권위원회">
-						<a href="https://www.copyright.or.kr/main.do" target="_blank" title="새창열림">바로가기</a>
-					</div>
-					<div class="area_right">
-						<kc:profile value="local">
-						</kc:profile>
-						<%-- <a href="/web/user/login/ssoLogin2.do">로그인(로컬개발자용)</a> --%>
-						<a href="/web/user/login/ssoLogin.do">회원 들어가기</a>
-						<%-- <a href="#" onclick="usrJoin(); return false;" target="_blank" title="새창열림">회원가입</a> --%>
-						<button type="button" title="새창열림" onclick="usrJoin(); return false;">회원가입</button>
-						
-						<div class="btn_util">
-							<button type="button" class="btn_minus"  onClick="zoomOut();"title="글자 축소"></button>
-							<button type="button" class="btn_plus"  onClick="zoomIn();" title="글자 확대"></button>
-						</div>
-					</div>
-				</div>
+<div class="skip_menu">
+	<a href="#sub" class="contGo" title="본문 바로가기">본문 바로가기</a>
+</div>
+<header class="header">
+	<div class="inner pc_header">
+		<h1 class="logo">
+			<a href="/" title="메인으로 이동">
+				<img src="/kofair_case_seed/usr/images/layout/header_logo.png" alt="한국공정거래조정원 KOREA FAIR TRADE MEDIATION AGENCY">
+			</a>
+		</h1>
+		<div class="util_bar">
+			<div class="search_area">
+				<input type="text" class="input_text input_search" title="검색어 입력">
+				<button type="button" class="btn btn_icon btn_search" title="검색버튼">
+					<i class="icon search"></i>
+				</button>
 			</div>
-		</c:when>
-		<c:when test="${!empty LoginVO}">
-			<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">
-					<div class="site">
-						<img src="/kccadrPb/usr/image/common/gnb_logo.png" alt="한국저작권위원회">
-						<a href="https://www.copyright.or.kr/main.do" target="_blank" title="새창열림">바로가기</a>
-					</div>
-					<div class="area_right">
-						<!-- Sso 연계 테스트 로그인 후-->
-						<p class="login_after"><c:out value="${ssoLoginVO.membName}"/><span>님</span></p>
-						<%-- 아이디 : <c:out value="${ssoLoginVO.membId}"/>  이름 : <c:out value="${ssoLoginVO.membName}"/> 권한 : <c:out value="${LoginVO.authority}"/> --%>
-						<a href="#" onclick="location.href='/web/uat/uia/actionLogout.do'">로그아웃</a>
-						<%-- <a href="#" onclick="javascript:usrModify();" target="_blank" title="새창열림">회원정보 수정</a> --%>
-						<button type="button" title="새창열림" onclick="usrModify(); return false;">회원정보 수정</button>
-						<div class="btn_util">
-							<button type="button" class="btn_minus" onClick="zoomOut();" title="글자 축소"></button>
-							<button type="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="/web/main/mainPage.do" title="메인으로 이동"><img src="/kccadrPb/usr/image/common/top_logo.png"
-							alt="저작권 전자조정시스템 Copyright Electronic Coordination System"></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" id="${resultListOne.menuNo}">
-									<c:out value="${resultListOne.menuNm}" />
-								</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="${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}">
-							<button type="button" class="btn_mobile btn_login" onclick="location.href='/web/user/login/ssoLogin.do'" title="로그인"></button>
-							<button type="button" class="btn_mobile btn_join" onclick="javascript:usrJoin(); return false;" title="새창열림 회원가입"></button>
-						</c:when>
-						<c:when test="${!empty LoginVO}">
-							<button type="button" class="btn_mobile btn_logout" onclick="location.href='/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_search" title="검색영역 열기"></button> -->
-					<button type="button" class="btn_menu" title="전체메뉴 열기"></button>
-				</div>
+			<div class="util_btn_area">
+				<button type="button" class="btn btn_text btn_40 blue_fill><i class="icon sertification"></i>본인인증</button>
+				<button type="button" class="btn btn_text btn_40 blue_fill hide"><i class="icon sertification_out"></i>인증해제</button>
+				<button type="button" class="btn btn_text btn_40 gray_border only_icon" title="페이지 확대" onClick="zoomIn();"><i class="icon plus"></i></button>
+				<button type="button" class="btn btn_text btn_40 gray_border only_icon" title="페이지 축소" onClick="zoomOut();"><i class="icon minus"></i></button>
 			</div>
 		</div>
-	</header>
-	<!-- //header -->
-
+	</div>
+	<nav class="nav pc_header">
+		<div class="inner">
+			<ul class="menu_ul">
+				<c:forEach var="resultListOne" items="${menuResultList}" varStatus="status">
+					<c:if test="${resultListOne.depths eq '1' }">
+						<li class="menu_depth01">
+							<a href="#" id="${resultListOne.menuNo}">
+								<c:out value="${resultListOne.menuNm}" />
+							</a>
+							<div class="sub_menu_wrap">
+								<div class="sub_menu">
+									<div class="sub_menu_title_wrap">
+										<h2>
+											<c:out value="${resultListOne.menuNm}" />
+											<span>korea fair trade mediation agency</span>
+										</h2>
+									</div>
+									<ul class="sub_menu_ul">
+										<c:forEach var="resultListTwo" items="${menuResultList}" varStatus="status"> 
+											<c:if test="${resultListTwo.depths eq '2' && resultListOne.menuNo  eq resultListTwo.upperMenuId }">
+												<li class="menu_depth02">
+													<a href="#" class="sub_menu_title"><c:out value="${resultListTwo.menuNm}" /></a>
+													<ul class="menu_depth03">
+														<c:forEach var="resultListThree" items="${menuResultList}" varStatus="status"> 
+															<c:if test="${resultListThree.depths eq '3' && resultListTwo.menuNo  eq resultListThree.upperMenuId }">
+																<li>
+																	<a href="${empty resultListThree.url ? '#' : resultListThree.url }" ${resultListThree.menuType eq 'O' ? 'target="_blank"' : ""} >
+																		<c:out value="${resultListThree.menuNm}" />
+																	</a>
+																</li>
+															</c:if>
+														</c:forEach>
+													</ul>
+												</li>
+											</c:if>
+										</c:forEach>
+									</ul>
+								</div>
+							</div>
+						</li>
+					</c:if>
+				</c:forEach>
+			</ul>
+			<button type="button" class="btn btn_40 only_icon btn_all_menu">
+				<i class="icon menu"></i>
+			</button>
+		</div>
+	</nav>
 	<!-- 전체메뉴 -->
-	<div class="full_menu">
+	<!-- <div class="full_menu">
 		<div class="inner">
 			<h1 class="logo"><img src="/kccadrPb/usr/image/common/top_logo.png"
 					alt="저작권 전자조정시스템 Copyright Electronic Coordination System"></h1>
@@ -251,42 +142,204 @@ function usrJoin(){
 			</ul>
 			<button type="button" class="btn_close" title="전체메뉴 닫기"></button>
 		</div>
-	</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" title="소메뉴 열기"><c:out value="${resultListOne.menuNm}" /></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="${empty resultListTwo.url ? '#' : resultListTwo.url }" ${resultListTwo.menuType eq 'O' ? 'target="_blank"' : ""} >
-							<c:out value="${resultListTwo.menuNm}" />
-						</a>
+	<div class="mobile_header">
+		<div class="header_wrap">
+			<h1 class="logo">
+				<a href="./index.html" title="메인으로 이동">
+					<img src="/kofair_case_seed/usr/images/layout/header_logo_m.png" alt="한국공정거래조정원 KOREA FAIR TRADE MEDIATION AGENCY">
+				</a>
+			</h1>
+			<div class="header_util">
+				<button type="button" class="btn only_icon btn_sertification"><i></i></button>
+				<button type="button" class="btn only_icon btn_sertification_out hide"><i></i></button>
+				<button type="button" class="btn only_icon btn_search"><i></i></button>
+				<button type="button" class="btn only_icon btn_menu"><i></i></button>
+			</div>
+		</div>
+		<div class="search_area">
+			<input type="text" class="input_text input_search">
+			<button type="button" class="btn_search"><i></i></button>
+		</div>
+		<div class="all_menu_wrap">
+			<div class="top_area">
+				<h1 class="logo">
+					<a href="./index.html" title="메인으로 이동">
+						<img src="/kofair_case_seed/usr/images/layout/header_logo_m.png" alt="한국공정거래조정원 KOREA FAIR TRADE MEDIATION AGENCY">
+					</a>
+				</h1>
+				<button type="button" class="btn btn_menu_close"><i></i></button>
+			</div>
+			<nav class="mobile_menu">
+				<ul class="mobile_ul">
+					<li class="m_menu_depth01_li">
+						<button type="button" class="m_menu_depth01">분쟁조정 안내 <i></i></button>
+						<ul class="m_sub_menu">
+							<li>
+								<a href="#" class="title">분쟁조정 안내</a>
+								<ul class="m_sub_depth02">
+									<li><a href="#">분쟁조정제도</a></li>
+									<li><a href="#">분쟁조정절차</a></li>
+									<li><a href="#">분쟁조정관련서식</a></li>
+									<li><a href="#">법령자료실</a></li>
+									<li><a href="#">자료실</a></li>
+								</ul>
+							</li>
+							<li>
+								<a href="#" class="title">자주 묻는 질문</a>
+								<ul class="m_sub_depth02">
+									<li><a href="#">조정신청 관련 질문</a></li>
+									<li><a href="#">절차 진행 관련 질문</a></li>
+									<li><a href="#">(성립/불성립) 절차 종료 관련 질문</a></li>
+									<li><a href="#">(기타)절차종결 관련 질문</a></li>
+								</ul>
+							</li>
+							<li>
+								<a href="#" class="title">뉴스레터</a>
+								<ul class="m_sub_depth02">
+									<li><a href="#">뉴스레터</a></li>
+									<li><a href="#">뉴스레터 서비스</a></li>
+								</ul>
+							</li>
+							<li><a href="#" class="title">공지사항</a></li>
+							<li><a href="#" class="title">오시는 길</a></li>
+						</ul>
+					</li>
+					<li class="m_menu_depth01_li">
+						<button type="button" class="m_menu_depth01">분쟁조정 신청 <i></i></button>
+						<ul class="m_sub_menu">
+							<li>
+								<a href="#" class="title">분쟁조정 안내</a>
+								<ul class="m_sub_depth02">
+									<li><a href="#">분쟁조정제도</a></li>
+									<li><a href="#">분쟁조정절차</a></li>
+									<li><a href="#">분쟁조정관련서식</a></li>
+									<li><a href="#">법령자료실</a></li>
+									<li><a href="#">자료실</a></li>
+								</ul>
+							</li>
+							<li>
+								<a href="#" class="title">자주 묻는 질문</a>
+								<ul class="m_sub_depth02">
+									<li><a href="#">조정신청 관련 질문</a></li>
+									<li><a href="#">절차 진행 관련 질문</a></li>
+									<li><a href="#">(성립/불성립) 절차 종료 관련 질문</a></li>
+									<li><a href="#">(기타)절차종결 관련 질문</a></li>
+								</ul>
+							</li>
+							<li>
+								<a href="#" class="title">뉴스레터</a>
+								<ul class="m_sub_depth02">
+									<li><a href="#">뉴스레터</a></li>
+									<li><a href="#">뉴스레터 서비스</a></li>
+								</ul>
+							</li>
+							<li><a href="#" class="title">공지사항</a></li>
+							<li><a href="#" class="title">오시는 길</a></li>
+						</ul>
+					</li>
+					<li class="m_menu_depth01_li">
+						<button type="button" class="m_menu_depth01">분쟁조정 상담 <i></i></button>
+						<ul class="m_sub_menu">
+							<li>
+								<a href="#" class="title">분쟁조정 안내</a>
+								<ul class="m_sub_depth02">
+									<li><a href="#">분쟁조정제도</a></li>
+									<li><a href="#">분쟁조정절차</a></li>
+									<li><a href="#">분쟁조정관련서식</a></li>
+									<li><a href="#">법령자료실</a></li>
+									<li><a href="#">자료실</a></li>
+								</ul>
+							</li>
+							<li>
+								<a href="#" class="title">자주 묻는 질문</a>
+								<ul class="m_sub_depth02">
+									<li><a href="#">조정신청 관련 질문</a></li>
+									<li><a href="#">절차 진행 관련 질문</a></li>
+									<li><a href="#">(성립/불성립) 절차 종료 관련 질문</a></li>
+									<li><a href="#">(기타)절차종결 관련 질문</a></li>
+								</ul>
+							</li>
+							<li>
+								<a href="#" class="title">뉴스레터</a>
+								<ul class="m_sub_depth02">
+									<li><a href="#">뉴스레터</a></li>
+									<li><a href="#">뉴스레터 서비스</a></li>
+								</ul>
+							</li>
+							<li><a href="#" class="title">공지사항</a></li>
+							<li><a href="#" class="title">오시는 길</a></li>
+						</ul>
+					</li>
+					<li class="m_menu_depth01_li">
+						<button type="button" class="m_menu_depth01">분쟁조정 사례 <i></i></button>
+						<ul class="m_sub_menu">
+							<li>
+								<a href="#" class="title">분쟁조정 안내</a>
+								<ul class="m_sub_depth02">
+									<li><a href="#">분쟁조정제도</a></li>
+									<li><a href="#">분쟁조정절차</a></li>
+									<li><a href="#">분쟁조정관련서식</a></li>
+									<li><a href="#">법령자료실</a></li>
+									<li><a href="#">자료실</a></li>
+								</ul>
+							</li>
+							<li>
+								<a href="#" class="title">자주 묻는 질문</a>
+								<ul class="m_sub_depth02">
+									<li><a href="#">조정신청 관련 질문</a></li>
+									<li><a href="#">절차 진행 관련 질문</a></li>
+									<li><a href="#">(성립/불성립) 절차 종료 관련 질문</a></li>
+									<li><a href="#">(기타)절차종결 관련 질문</a></li>
+								</ul>
+							</li>
+							<li>
+								<a href="#" class="title">뉴스레터</a>
+								<ul class="m_sub_depth02">
+									<li><a href="#">뉴스레터</a></li>
+									<li><a href="#">뉴스레터 서비스</a></li>
+								</ul>
+							</li>
+							<li><a href="#" class="title">공지사항</a></li>
+							<li><a href="#" class="title">오시는 길</a></li>
+						</ul>
+					</li>
+					<li class="m_menu_depth01_li">
+						<button type="button" class="m_menu_depth01">마이페이지 <i></i></button>
+						<ul class="m_sub_menu">
+							<li>
+								<a href="#" class="title">분쟁조정 안내</a>
+								<ul class="m_sub_depth02">
+									<li><a href="#">분쟁조정제도</a></li>
+									<li><a href="#">분쟁조정절차</a></li>
+									<li><a href="#">분쟁조정관련서식</a></li>
+									<li><a href="#">법령자료실</a></li>
+									<li><a href="#">자료실</a></li>
+								</ul>
+							</li>
+							<li>
+								<a href="#" class="title">자주 묻는 질문</a>
+								<ul class="m_sub_depth02">
+									<li><a href="#">조정신청 관련 질문</a></li>
+									<li><a href="#">절차 진행 관련 질문</a></li>
+									<li><a href="#">(성립/불성립) 절차 종료 관련 질문</a></li>
+									<li><a href="#">(기타)절차종결 관련 질문</a></li>
+								</ul>
+							</li>
+							<li>
+								<a href="#" class="title">뉴스레터</a>
+								<ul class="m_sub_depth02">
+									<li><a href="#">뉴스레터</a></li>
+									<li><a href="#">뉴스레터 서비스</a></li>
+								</ul>
+							</li>
+							<li><a href="#" class="title">공지사항</a></li>
+							<li><a href="#" class="title">오시는 길</a></li>
+						</ul>
 					</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>
+			</nav>
+		</div>
 	</div>
-	<!-- //모바일메뉴 -->
-<!-- //전자조정 헤더HTML 종료 -->
+</header>

src/main/webapp/WEB-INF/jsp/web/com/webCommonLeftMenu.jsp

@@ -1,83 +1,43 @@
 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
 <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-	<!-- left menu -->
-	<link href="/css/jquery-accordion-menu.css" rel="stylesheet" type="text/css" />
-	<script src="/js/jquery-accordion-menu.js" type="text/javascript"></script>
-	<script type="text/javascript">
-	jQuery(document).ready(function () {
-		jQuery("#jquery-accordion-menu").jqueryAccordionMenu();
-		$('.two_depth_li').each(function(index, item){
-			if($(item).find('li').length == 0){
-				$(item).find("span").remove()
-			}
-		})
-		
-		$('.three_depth_li').each(function(index, item){
-			if($(item).find('li').length == 0){
-				$(item).find("span").remove()
-			}
-		})
-		if( $('.hiddenMenuNo').length > 0 ){ //상세,수정등에서 좌측 매뉴를 보이게 하기 위한 매뉴 파라미트
-			$('.hiddenMenuNo').val("<c:out value='${menuManageVO.menuNo}' />") ;	
-		}
-	});
 
-	$(function(){	
-		$("#demo-list li").click(function(){
-			$("#demo-list li.active").removeClass("active")
-			$(this).addClass("active");
-		})
-	})	
-	</script>
-
-<div class="lmenu_tt"><h2>
-	<c:if test="${ empty eng  }">
-		<c:out value='${menuLeftResultList[0].menuNm}' />
-	</c:if>
-	<c:if test="${not empty eng }">
-		<c:out value='${menuLeftResultList[1].menuNm}' />
-	</c:if>
-</h2></div>
-<div id="jquery-accordion-menu" class="jquery-accordion-menu red">
-	<ul id="demo-list">
-		<c:forEach var="resultListTwo" items="${menuLeftResultList}" varStatus="status">
-			<c:if test="${resultListTwo.depth eq '2' }">
-					<li class="two_depth_li">
-						<c:if test="${empty resultListTwo.url}">
-							<a href="#" title="<c:out value='${resultListTwo.menuNm}' /> 하위매뉴"><c:out value='${resultListTwo.menuNm}' /></a>	
-						</c:if>
-						<c:if test="${!empty resultListTwo.url}">
-							<a href="${resultListTwo.url}"><c:out value='${resultListTwo.menuNm}' /></a>
-						</c:if>
-						<c:forEach var="resultListThree" items="${menuLeftResultList}" varStatus="status">
-							<c:if test="${resultListThree.depth eq '3' && resultListTwo.menuNo  eq resultListThree.upperMenuId }">
-								<ul class="submenu">
-								<li class="three_depth_li">
-									<c:if test="${empty resultListThree.url}">
-										<a href="#"><c:out value='${resultListThree.menuNm}' /></a>	
-									</c:if>
-									<c:if test="${!empty resultListThree.url}">
-										<a href="${resultListThree.url}"><c:out value='${resultListThree.menuNm}' /></a>
-									</c:if>
-										<c:forEach var="resultListFour" items="${menuLeftResultList}" varStatus="status">
-											<c:if test="${resultListFour.depth eq '4' && resultListThree.menuNo  eq resultListFour.upperMenuId }">
-												<ul class="submenu submenu2">
-												<li>
-													<li><a href="${resultListFour.url}"><i class="fa fa-angle-right" aria-hidden="true"></i><c:out value='${resultListFour.menuNm}' /></a></li>
-												</li>
-												</ul>
-											</c:if>
-										</c:forEach>
-								</li>
-								</ul>
-							</c:if>
-						</c:forEach>
-					</li>
-			</c:if>			
-		</c:forEach>
+<!-- lnb -->
+<div class="lnb">
+	<p class="title">분쟁조정 안내</p>
+	<ul class="lnb_menu">
+		<li class="active">
+			<a href="#none" class="lnb_menu_title">분쟁조정 안내 <i class="icon lnb_slide_toggle"></i></a>
+			<ul class="lnb_sub_menu">
+				<li><a href="#">분쟁조정 제도</a></li>
+				<li><a href="#">분쟁조정 절차</a></li>
+				<li><a href="#" class="active">분쟁조정 관련 서식</a></li>
+				<li><a href="#">법령자료실</a></li>
+				<li><a href="#">자료실</a></li>
+			</ul>
+		</li>
+		<li>
+			<a href="#none" class="lnb_menu_title">자주하는 질문 <i class="icon lnb_slide_toggle"></i></a>
+			<ul class="lnb_sub_menu">
+				<li><a href="#">조정신청 관련 질문</a></li>
+				<li><a href="#">절차진행 관련 질문</a></li>
+				<li><a href="#" class="active">(성립/불성립)절차종료 관련 질문</a></li>
+				<li><a href="#">(기타)절차종결 관련 질문</a></li>
+			</ul>
+		</li>
+		<li>
+			<a href="#none" class="lnb_menu_title">오시는 길</a>
+		</li>
+		<li>
+			<a href="#none" class="lnb_menu_title">공지사항</a>
+		</li>
+		<li>
+			<a href="#none" class="lnb_menu_title">뉴스레터 <i class="icon lnb_slide_toggle"></i></a>
+			<ul class="lnb_sub_menu">
+				<li><a href="#">뉴스레터 자료</a></li>
+				<li><a href="#">뉴스레터 서비스</a></li>
+			</ul>
+		</li>
 	</ul>
 </div>
-<form name="leftMenu">
-	<input type="hidden" name="menuNo" id="menuNo" value="<c:out value='${menuManageVO.menuNo}' />" />
-</form>
+<!-- //lnb -->

src/main/webapp/WEB-INF/jsp/web/com/webCommonSubVisual.jsp

@@ -0,0 +1,7 @@
+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+
+<div class="sub_visual">
+	<h2>분쟁조정 안내</h2>
+</div>

src/main/webapp/WEB-INF/jsp/web/com/webLayout.jsp

@@ -3,7 +3,6 @@
 <%@ taglib prefix="decorator" uri="http://www.opensymphony.com/sitemesh/decorator"%>
 <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
 <c:set var="URL" value="${pageContext.request.requestURL}" />
-<c:set var="URI" value="${pageContext.request.requestURI}" />
 
 <!DOCTYPE html>
 <html lang="ko">
@@ -12,13 +11,10 @@
 <title>
 <c:choose>
 	<c:when test="${fn:contains(URL , 'main/mainPage.do')}">
-		저작권 전자조정시스템 - 메인
-	</c:when>
-	<c:when test="${fn:contains(URL , 'web/user/login/ssoLogin.do')}">
-		로그인&lt;한국저작권위원회
+		한국공정거래조정원 온라인분쟁조정시스템 > 메인화면
 	</c:when>
 	<c:otherwise>
-		<c:forEach var="result" items="${menuCurrentResultList}" varStatus="status">${result.menuNm}&lt;</c:forEach>한국저작권위원회
+		<c:forEach var="result" items="${menuCurrentResultList}" varStatus="status">${result.menuNm}&lt;</c:forEach> 한국공정거래조정원 온라인분쟁조정시스템
 	</c:otherwise>
 </c:choose>
 </title>
@@ -26,40 +22,28 @@
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,user-scalable=yes">
-<!-- 
-<meta http-equiv="Content-Security-Policy" 
-content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval';">
- -->
 <meta http-equiv="Content-Security-Policy" 
 content="default-src * self blob: data: gap:; style-src * self 'unsafe-inline' blob: data: gap:; script-src * 'self' 'unsafe-eval' 'unsafe-inline' blob: data: gap:; object-src * 'self' blob: data: gap:; img-src * self 'unsafe-inline' blob: data: gap:; connect-src self * 'unsafe-inline' blob: data: gap:; frame-src * self blob: data: gap:;">
 
-<link rel="stylesheet" href="/kccadrPb/usr/css/reset.css">
-<link rel="stylesheet" href="/kccadrPb/usr/css/font.css">
-<!-- <link rel="preload" href="/kccadrPb/usr/css/font.css" as="style" crossorigin="anonymous"> -->
-<link rel="stylesheet" href="/kccadrPb/usr/css/common.css">
-<link rel="stylesheet" href="/kccadrPb/usr/css/popup.css">
-
-
-
-<script src="/kccadrPb/usr/script/jquery-3.5.0.js"></script>
-<script src="/kccadrPb/usr/script/common.js"></script>
-
-<c:if test="${!fn:contains(URL , 'main/mainPage.do')}">
-    <!-- 서브페이지  -->
-    <link rel="stylesheet" href="/kccadrPb/usr/css/content.css">
-    <link rel="stylesheet" href="/kccadrPb/usr/css/content_media.css">
-    <c:if test="${!fn:contains(URL , 'web/kccadr/accdnt/ai/docIssReqRegist.do')}">
-   		<script src="/kccadrPb/usr/script/content.js"></script>
-    </c:if>
-</c:if>
-
-<script type="text/javascript" src="<c:url value='/js/web_common.js'/>"></script>
-
-<c:if test="${!fn:contains(URL , 'main/mainPage.do')}">
-<script type="text/javascript" src="<c:url value='/js/kccadr/kccadrCom.js?5'/>" defer="defer"></script>
-</c:if>
-<!-- 전자조정 공통 -->
-
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
+	<meta http-equiv="Content-Security-Policy" 
+	content="default-src * self blob: data: gap:; style-src * self 'unsafe-inline' blob: data: gap:; script-src * 'self' 'unsafe-eval' 'unsafe-inline' blob: data: gap:; object-src * 'self' blob: data: gap:; img-src * self 'unsafe-inline' blob: data: gap:; connect-src self * 'unsafe-inline' blob: data: gap:; frame-src * self blob: data: gap:;">
+	
+	<link rel="stylesheet" href="/kofair_case_seed/css/reset.css">
+	<link rel="stylesheet" href="/kofair_case_seed/css/font.css">
+	<link rel="stylesheet" href="/kofair_case_seed/usr/style/common.css">
+	<link rel="stylesheet" href="/kofair_case_seed/usr/style/layout.css">
+	<link rel="stylesheet" href="/kofair_case_seed/usr/style/case.css">
+	<c:if test="${!fn:contains(URL , 'main/mainPage.do')}">
+		<link rel="stylesheet" href="/kofair_case_seed/usr/style/style.css">
+	</c:if>
+	
+	<script src="/kofair_case_seed/script/lib/jquery-3.5.0.js"></script>
+	<script src="/kofair_case_seed/usr/scripts/common.js"></script>
+	<script src="/kofair_case_seed/usr/scripts/layout.js"></script>
+	<script src="/kofair_case_seed/usr/scripts/case.js"></script>
 
 <script>
 // 페이지 뒤로 가기 시 이벤트 발생
@@ -74,41 +58,43 @@ window.onpageshow = function(event) {
 
 </script>
 
-<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>
 <decorator:head />
 </head>
 <body>
 
-<c:if test="${fn:contains(URL, '/web/kccadr/adjst') 
-			|| fn:contains(URL, '/web/kccadr/accdnt')
-			|| fn:contains(URL, '/web/kccadr/adjstExp')
-			|| fn:contains(URL, '/web/kccadr/payment')
-			}">
-	<script src="/kccadrPb/usr/script/postcode.js"></script>
-	<!-- 다음 우편번호검색 js -->
-	<c:import url="/web/kccadr/kccadrCom/kccadrConstantsJsp.do"/>
-</c:if>
 
-<c:import url="/web/com/webCommonHeader.do" />
-<c:if test="${!fn:contains(URL , 'main/mainPage.do') && !fn:contains(URL , 'adjstExp/adjstExpMainPage.do')}">
-    <!-- 서브페이지  -->
-    <c:import url="/web/com/naviWrap.do"></c:import>
-</c:if>
-    <c:import url="/web/com/quickWrap.do"></c:import>
-<decorator:body />
-<c:import url="/web/com/webCommonFooter.do" />
+	<div class="mask"></div>
+	<c:choose>
+		<c:when test="${!fn:contains(URL , 'main/mainPage.do')}">
+			<div class="wrap sub">
+		</c:when>
+		<c:otherwise>
+			<div class="wrap main">
+		</c:otherwise>
+	</c:choose>
 
+		<%-- 헤더메뉴 영역 --%>
+		<c:import url="/web/com/webCommonHeader.do" />
+		
+		<%-- 본문영역 --%>
+			<c:choose>
+				<c:when test="${!fn:contains(URL , 'main/mainPage.do')}">
+					<%-- 서브제목 --%>
+					<div class="contents sub">
+						<c:import url="/web/com/subVisual.do"></c:import>
+						<div class="inner">
+							<%-- 좌측메뉴 --%>
+							<c:import url="/web/com/leftMenu.do"></c:import>
+							<decorator:body />
+						</div>
+					</div>
+				</c:when>
+				<c:otherwise>
+					<decorator:body />
+				</c:otherwise>
+			</c:choose>
+		<%-- 푸터메뉴 영역 --%>
+		<c:import url="/web/com/webCommonFooter.do" />
+	</div>
 </body>
 </html>

src/main/webapp/WEB-INF/jsp/web/kccadr/xxx/xxxDetail.jsp

@@ -1,187 +0,0 @@
-<%--
-  대국민(사용자)
-  Class Name : xxxDetail.jsp
-  Description : xxx 상세, 수정 페이지
-  Modification Information
-
-      수정일         수정자                   수정내용
-    -------    --------    ---------------------------
-     2021.08.09    이준호          내용
-
-    author   : 이준호
-    since    : 2021.08.09
-
---%>
-<%-- 공통 JS 함수 정의 :  /jsp/web/com/webLayout.jsp --%>
-<%@ page contentType="text/html; charset=utf-8"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
-<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
-<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
-<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
-<!DOCTYPE html>
-<html lang="ko">
-<head>
-<title>xxx 상세</title>
-<meta http-equiv="content-type" content="text/html; charset=utf-8">
-<script type="text/javaScript" language="javascript">
-$( document ).ready(function(){
-});
-
-/* 리스트로 이동 */
-function goList(){
-	document.searchForm.action = "/kcc/adr/xxx/xxxList.do";
-   	document.searchForm.submit();
-}
-
-/* 글 수정 Ajax */
-function fn_xxx_updt() {
-	var data = new FormData(document.writeForm);
-	_fileForm2.forEach(function(obj, idx) {
-		if (obj) data.append("file"+idx, obj.fileObj);
-	});
-	$.ajax({
-        type: "POST",
-        enctype: 'multipart/form-data',
-        url: "/kcc/adr/xxx/updateXxx.do",
-        data: data,
-        dataType:'json',
-        async: false,
-        processData: false,
-        contentType: false,
-        cache: false,
-        success: function (returnData, status) {
-			if(status == 'success'){
-				alert("저장 되었습니다.");
-				goList();
-			} else if(status== 'fail'){
-				alert("저장에 실패하였습니다.");
-			}
-		},
-        error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
-    });
-}
-
-
-/* 첨부파일 다운로드 */
-function fn_egov_downFile(atchFileId, fileSn){//atchFileId -> 파일 Id, fileSn -> 파일 순번
-	window.open("<c:url value='/cmm/fms/FileDown.do?atchFileId="+atchFileId+"&fileSn="+fileSn+"'/>");
-}
-
-</script>
-
-</head>
-<body>
-<form name="writeForm" enctype="multipart/form-data" method="post">
-	<input type="hidden" id="xxxId" name="xxxId" value="<c:out value='${xxxVO.xxxId}'/>">
-	<input type="hidden" name="limitcount" value="50" /><!-- 드래그앤드랍 파일 최대 개수 -->
-	
-	<div class="contWrap">
-		<div class="pageCont">
-			<table class="tbType2">
-				<colgroup>
-					<col style="width: 20%">
-					<col style="width: 80%">
-				</colgroup>
-				<tbody>
-				<!-- 상세 항목 -->
-					<tr>
-						<th>항목 이름</th>
-						<td colspan="3">
-							<input type="text" name="xxx" title="xxx" value="<c:out value='${xxxVO.xxx}'/>" maxlength="100"/>
-						</td>
-					</tr>
-					<tr>
-					<!-- 드래그엔 드롭 첨부파일 추가, 삭제 -->
-						<th>파일 첨부</th>
-						<td class="upload_area">
-							<div class="file_upload_box no_img_box fileWrap">
-								<table>	
-									<colgroup>
-										<col style="width: 60%">
-										<col style="width: 10%">
-										<col style="width: 20%">
-										<col style="width: 10%">
-									</colgroup>
-									<thead>
-										<tr>
-										<th scope="col">파일명</th>
-										<th scope="col">크기</th>
-										<th scope="col">등록일시</th>
-										<th scope="col">삭제</th>
-										</tr>
-									</thead>
-								</table>
-							</div>
-							<div class="fileWrap fileAfter file_list_div">
-								<table>
-									<colgroup>
-										<col style="width: 60%">
-										<col style="width: 10%">
-										<col style="width: 20%">
-										<col style="width: 10%">
-									</colgroup>
-									<thead>
-										<tr>
-											<th scope="col">파일명</th>
-											<th scope="col">크기</th>
-											<th scope="col">등록일시</th>
-											<th scope="col">삭제</th>
-										</tr>
-									</thead>
-									<tbody id="tbody_fiielist" class="tb_file_after">
-										<c:forEach var="fileList" items="${fileList}" varStatus="status">
-		                        			<tr class="item_<c:out value='${fileList.atchFileId}' />_<c:out value='${fileList.fileSn}' /> uploaded_obj">
-												<input type="hidden" name="fileSize" class="item_file_size" value="<c:out value='${fileList.fileMg}' />">
-												<td class="file_name">
-													<a href="javascript:fn_egov_downFile('<c:out value='${fileList.atchFileId}' />','<c:out value='${fileList.fileSn}' />')">
-													<img src="/direct/img/upload_hwp_img.png" alt="" />
-													<span class="file_name_text"><c:out value='${fileList.orignlFileNm}' /></span>
-													</a>
-												</td>
-												<td>
-													<span class="file_size_text" value="<c:out value="${fileList.fileMg}"/>"></span>
-													
-												</td>
-												<td>
-													<c:out value="${fileList.creatDt}"/>
-												</td>
-												<td>
-													<input type="button" class="delBtn" onclick="delAtchFile('<c:out value='${fileList.atchFileId}' />', '<c:out value='${fileList.fileSn}' />'); return false;" title="파일${status.count} 삭제">
-												</td>
-											</tr>
-		                        		</c:forEach>
-									</tbody>
-								</table>
-							</div>
-							<div class="fileInfo file_list_div">
-								<ul class="inline">
-									<li>
-										<p>최대 <span class="c_e40000 fwBold limitcount_li">50</span>개 ｜ <span class="c_e40000 fwBold upload_number">50MB</span>제한</p>
-									</li>
-									<li>
-										<p><span class="c_456ded fwBold totalfileCount">1</span>개 ｜ <span class="c_456ded fwBold totalfileSize">72.01KB</span></p>
-									</li>
-								</ul>
-							</div>
-							<div class="uploadBtm">
-								<input type="file" id="file_temp" name="file_temp" class="uploadFile">
-							</div>
-						</td>
-					</tr>
-				</tbody>
-			</table>
-			<div class="btnWrap">
-				<input type="button" class="btnType1" value="목 록" onclick="goList(); return false;">
-				<input type="button" class="btnType1" value="수 정" onclick="fn_xxx_updt(); return false;">
-			</div>
-	 	</div>
-	</div>
-</form>
-	
-<form name="searchForm" id="searchForm" method="post" action="<c:url value='url'/>">
-<input name="xxxId" type="hidden" value=""/>
-</form>
-</body>
-</html>

src/main/webapp/WEB-INF/jsp/web/kccadr/xxx/xxxList.jsp

@@ -1,229 +0,0 @@
-<%--
-  대국민(사용자)
-  Class Name : xxxList.jsp
-  Description : (사용자)XXX 리스트 페이지
-  Modification Information
-
-      수정일         수정자                   수정내용
-    -------    --------    ---------------------------
-   2021.08.09    이준호          내용
-
-    author   : 이준호
-    since    : 2021.08.09
-
---%>
-<%-- 공통 JS 함수 정의 :  /jsp/web/com/webLayout.jsp --%>
-<%@ page contentType="text/html; charset=utf-8"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
-<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
-<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
-<!DOCTYPE html>
-<html lang="ko">
-<head>
-<title>xxx 목록</title>
-<meta http-equiv="content-type" content="text/html; charset=utf-8">
-<script type="text/javaScript" language="javascript">
-$( document ).ready(function(){
-
-});
-
-// 사용자 -> web_common.js, 관리자 -> ncms_common.js(공통js)에서 linkPage()함수를 호출하기 때문에 꼭 linkPage()함수 정의 필수(목록의 항목별 정렬을 해주는 버튼을 위해서)
-function linkPage(pageNo){
-	var listForm = document.listForm ;
-	listForm.pageIndex.value = pageNo ;
-	listForm.submit();
-}
-
-//목록 전체 체크
-function fnCheckAll() {
-    var checkField = document.listForm.del;
-    if(document.listForm.checkAll.checked) {
-        if(checkField) {
-            if(checkField.length > 1) {
-                for(var i=0; i < checkField.length; i++) {
-                    checkField[i].checked = true;
-                }
-            } else {
-                checkField.checked = true;
-            }
-        }
-    } else {
-        if(checkField) {
-            if(checkField.length > 1) {
-                for(var j=0; j < checkField.length; j++) {
-                    checkField[j].checked = false;
-                }
-            } else {
-                checkField.checked = false;
-            }
-        }
-    }
-}
-
-//Ajax예
-function xxx(xxxId, value){
-	var xxxx = confirm("XXX 하시겠습니까?");
-	var xxxId = xxxId;
-	var value = value;
-
-	$.ajax({
-		type: "POST",
-		url: "/kcc/adr/xxx/xxxYyyyAjax.do",
-		data: {
-			"xxxId": xxxId,
-			"value": value
-			},
-		dataType:'json',
-		success: function (returnData, status) {
-			if(status == 'success'){
-				alert("xxx");
-			} else if(status== 'fail'){
-				alert("xxx");
-			}
-		},
-		error: function (e) { alert("xxx"); console.log("ERROR : ", e); }
-	});
-}
-
-/* xxx 등록 화면*/
-function fn_xxx_regist(){
-	document.modiForm.action = "<c:url value='/kcc/adr/xxx/xxxRegist.do'/>";
-   	document.modiForm.submit();
-}
-
-/* xxx 수정 화면*/
-function fn_xxx_Updt(xxxId){
-	document.xxxForm.xxxId = xxxId;
-	document.modiForm.action = "<c:url value='/kcc/adr/xxx/xxxModify.do'/>";
-   	document.modiForm.submit();
-}
-
-/* xxx 삭제*/
-function fn_xxx_delete(){
-	document.modiForm.action = "<c:url value='/kcc/adr/xxx/deleteXxx.do'/>";
-	document.modiForm.submit();
-}
-
-function fn_xxx_inqire(xxxId){
-	document.xxxForm.xxxId = xxxId;
-	document.modiForm.action = "<c:url value='/kcc/adr/xxx/xxxDetail.do'/>";
-   	document.modiForm.submit();
-}
-
-
-</script>
-</head>
-<body>
-<form name="xxxForm" action="<c:url value='url'/>" method="post">
-	<input name="pageIndex" type="hidden" value="<c:out value='${xxxVO.pageIndex}'/>"/>
-	<input type="hidden" name="selected" />
-	<input type="hidden" name="pageType" />
-	<input type="hidden" name="searchSortCnd" value="<c:out value="${xxxVO.searchSortCnd}" />" />
-	<input type="hidden" name="searchSortOrd" value="<c:out value="${xxxVO.searchSortOrd}" />" />
-
-	<!-- 아래 목록의 양식은 퍼블리싱 페이지와 다름 검색, 줄수 표시, 항목정렬버튼, 번호항목, 첨부파일, 페이징 부분만 참고 -->
-	<div class="contWrap">
-		<div class="pageCont">
-			<div class="listSerch">
-				제목 :
-				<!-- 검색 -->
-				<input id="searchKeyword" name="searchKeyword" class="recentSearch" type="text" value="<c:out value='${xxxVO.searchKeyword}'/>" size="25" title="검색" maxlength="100" />
-				<input type="button" class="btnType1" value="검색" onclick="linkPage(1); return false;">
-			</div>
-			<div class="listTop">
-				<p class="tType5">게시판 수 :<span class="tType4 c_456ded fwBold"><c:out value="${paginationInfo.totalRecordCount}"/></span>건</p>
-				<div class="rightWrap">
-					<input type="button" class="printBtn">
-					<!-- 줄수 표시 -->
-					<select name="pageUnit" id="pageUnit" class="select" title="검색조건선택" onchange="linkPage(1);">
-						<option value='10' <c:if test="${xxxVO.pageUnit == '10' or xxxVO.pageUnit == ''}">selected</c:if>>10줄</option>
-						<option value='20' <c:if test="${xxxVO.pageUnit == '20'}">selected</c:if>>20줄</option>
-						<option value='30' <c:if test="${xxxVO.pageUnit == '30'}">selected</c:if>>30줄</option>
-					</select>
-				</div>
-			</div>
-			<div class="tableWrap">
-				<table class="tbType1">
-					<colgroup>
-						<col style="width: 20%">
-						<col style="width: 20%">
-						<col style="width: 20%">
-						<col style="width: 20%">
-						<col style="width: 20%">
-					</colgroup>
-					<thead>
-						<tr>
-							<!-- 항목정렬 버튼  사용자 -> web_common.js, 관리자 -> ncms_common.js에서 처리 id를 'sort_'+'xxxVO 변수명'으로 명명-->
-							<th><input type="checkbox" name="checkAll" id="checkAll" class="check2" value="1" onClick="fnCheckAll();"></th>
-							<th>번호<input type="button" class="sort sortBtn" id="sort_xxxId"></th>
-							<th>휴대폰번호<input type="button" class="sort sortBtn" id="sort_xxxPhone"></th>
-							<th>내용<input type="button" class="sort sortBtn" id="sort_xxxContent"></th>
-							<th>일시<input type="button" class="sort sortBtn" id="sort_xxxPnttm"></th>
-						</tr>
-					</thead>
-					<tbody>
-						<!-- 리스트 -->
-						<c:forEach var="result" items="${xxxList}" varStatus="status">
-						<tr>
-							<td>
-								<input name="del" id="del_${status.index}" type="checkbox" value="${result.xxxId}" />
-							</td>
-							<!-- 정렬에 따른 번호 -->
-							<td>
-								<c:if test="${xxxVO.searchSortOrd eq 'desc' }">
-		                			<c:out value="${ ( paginationInfo.totalRecordCount - ((paginationInfo.currentPageNo -1)*paginationInfo.recordCountPerPage) ) - status.index }"/>
-			                	</c:if>
-			                	<c:if test="${xxxVO.searchSortOrd eq 'asc' }">
-									<c:out value="${(paginationInfo.currentPageNo - 1) * paginationInfo.recordCountPerPage + status.count}"/>
-			                	</c:if>
-							</td>
-							<!-- 상세이동 -->
-							<td><a href="#" onclick="fn_xxx_inqire('<c:out value="${result.xxxId}"/>');"><c:out value="xxx"/></a></td>
-							<!-- 첨부파일 여부  -->
-							<c:if test="${xxxVO.fileAtchPosblAt == 'Y'}"> <!-- 첨부파일 가능 여부 체크 -->
-		                    	<td class="fileTd">
-			                    	<c:if test="${result.atchFileCnt > 0}">
-										<img src="/img/post/atch_file.png" alt="첨부파일 있음">
-									</c:if>
-		                    	</td>
-		                    </c:if>
-						</tr>
-						</c:forEach>
-						<!-- 리스트가 비어있을경우 -->
-						<c:if test="${empty xxxList}">
-		         			<tr><td colspan="8"><spring:message code="common.nodata.msg" /></td></tr>
-		         		</c:if>
-					</tbody>
-				</table>
-			</div>
-			<div class="btnWrap">
-				<input type="button" class="btnType2" value="삭제" onclick="fn_xxx_delete(); return false;">
-				<input type="button" class="btnType1" value="등록" onclick="fn_xxx_regist(); return false;">
-			</div>
-			<!-- 페이지 네비게이션 시작 -->
-			<c:if test="${!empty xxxList}">
-		 		<div class="page">
-		    		<ul class="inline">
-		    			<ui:pagination paginationInfo = "${paginationInfo}"  type="image" jsFunction="linkPage" />
-		    		</ul>
-		    	</div>
-		  	</c:if>
-		    <!-- //페이지 네비게이션 끝 -->
-		</div>
-	</div>
-</form>
-<!-- form 기본 양식 -->
-<form name="xxxForm" method="get" action="<c:url value='url'/>" >
-	<input name="xxxId" type="hidden" />
-</form>
-<!-- 목록 항목정렬, 검색을 위해 searchForm 꼭 필요 -->
-<form name="searchForm" method="get" action="<c:url value='url'/>">
-	<input name="pageIndex" type="hidden" value="1" />
-	<input name="searchKeyword" type="hidden" />
-	<input name="searchCondition" type="hidden" />
-	<input name="xxxId" type="hidden" value=""/>
-</form>
-</body>
-</html>

src/main/webapp/WEB-INF/jsp/web/kccadr/xxx/xxxModify.jsp

@@ -1,186 +0,0 @@
-<%--
-  대국민(사용자)
-  Class Name : xxxModify.jsp
-  Description : xxx 상세, 수정 페이지
-  Modification Information
-
-      수정일         수정자                   수정내용
-    -------    --------    ---------------------------
-     2021.08.09    이준호          내용
-
-    author   : 이준호
-    since    : 2021.08.09
-
---%>
-<%-- 공통 JS 함수 정의 :  /jsp/web/com/webLayout.jsp --%>
-<%@ page contentType="text/html; charset=utf-8"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
-<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
-<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
-<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
-<!DOCTYPE html>
-<html lang="ko">
-<head>
-<title>xxx 수정</title>
-<meta http-equiv="content-type" content="text/html; charset=utf-8">
-<script type="text/javaScript" language="javascript">
-$( document ).ready(function(){
-});
-
-/* 리스트로 이동 */
-function goList(){
-	document.searchForm.action = "/kcc/adr/xxx/xxxList.do";
-   	document.searchForm.submit();
-}
-
-/* 글 수정 Ajax */
-function fn_xxx_updt() {
-	var data = new FormData(document.writeForm);
-	_fileForm2.forEach(function(obj, idx) {
-		if (obj) data.append("file"+idx, obj.fileObj);
-	});
-	$.ajax({
-        type: "POST",
-        enctype: 'multipart/form-data',
-        url: "/kcc/adr/xxx/updateXxx.do",
-        data: data,
-        dataType:'json',
-        async: false,
-        processData: false,
-        contentType: false,
-        cache: false,
-        success: function (returnData, status) {
-			if(status == 'success'){
-				alert("저장 되었습니다.");
-				goList();
-			} else if(status== 'fail'){
-				alert("저장에 실패하였습니다.");
-			}
-		},
-        error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
-    });
-}
-
-
-/* 첨부파일 다운로드 */
-function fn_egov_downFile(atchFileId, fileSn){//atchFileId -> 파일 Id, fileSn -> 파일 순번
-	window.open("<c:url value='/cmm/fms/FileDown.do?atchFileId="+atchFileId+"&fileSn="+fileSn+"'/>");
-}
-
-</script>
-
-</head>
-<body>
-<form name="writeForm" enctype="multipart/form-data" method="post">
-	<input type="hidden" id="xxxId" name="xxxId" value="<c:out value='${xxxVO.xxxId}'/>">
-	<input type="hidden" name="limitcount" value="50" /><!-- 드래그앤드랍 파일 최대 개수 -->
-	
-	<div class="contWrap">
-		<div class="pageCont">
-			<table class="tbType2">
-				<colgroup>
-					<col style="width: 20%">
-					<col style="width: 80%">
-				</colgroup>
-				<tbody>
-				<!-- 상세 항목 -->
-					<tr>
-						<th>항목 이름</th>
-						<td colspan="3">
-							<input type="text" name="xxx" title="xxx" value="<c:out value='${xxxVO.xxx}'/>" maxlength="100"/>
-						</td>
-					</tr>
-					<tr>
-					<!-- 드래그엔 드롭 첨부파일 추가, 삭제 -->
-						<th>파일 첨부</th>
-						<td class="upload_area">
-							<div class="file_upload_box no_img_box fileWrap">
-								<table>	
-									<colgroup>
-										<col style="width: 60%">
-										<col style="width: 10%">
-										<col style="width: 20%">
-										<col style="width: 10%">
-									</colgroup>
-									<thead>
-										<tr>
-											<th scope="col">파일명</th>
-											<th scope="col">크기</th>
-											<th scope="col">등록일시</th>
-											<th scope="col">삭제</th>
-										</tr>
-									</thead>
-								</table>
-							</div>
-							<div class="fileWrap fileAfter file_list_div">
-								<table>
-									<colgroup>
-										<col style="width: 60%">
-										<col style="width: 10%">
-										<col style="width: 20%">
-										<col style="width: 10%">
-									</colgroup>
-									<thead>
-										<tr>
-											<th scope="col">파일명</th>
-											<th scope="col">크기</th>
-											<th scope="col">등록일시</th>
-											<th scope="col">삭제</th>
-										</tr>
-									</thead>
-									<tbody id="tbody_fiielist" class="tb_file_after">
-										<c:forEach var="fileList" items="${fileList}" varStatus="status">
-		                        			<tr class="item_<c:out value='${fileList.atchFileId}' />_<c:out value='${fileList.fileSn}' /> uploaded_obj">
-												<input type="hidden" name="fileSize" class="item_file_size" value="<c:out value='${fileList.fileMg}' />">
-												<td class="file_name">
-													<a href="javascript:fn_egov_downFile('<c:out value='${fileList.atchFileId}' />','<c:out value='${fileList.fileSn}' />')">
-													<img src="/direct/img/upload_hwp_img.png" alt="" />
-													<span class="file_name_text"><c:out value='${fileList.orignlFileNm}' /></span>
-													</a>
-												</td>
-												<td>
-													<span class="file_size_text" value="<c:out value="${fileList.fileMg}"/>"></span>
-												</td>
-												<td>
-													<c:out value="${fileList.creatDt}"/>
-												</td>
-												<td>
-													<input type="button" class="delBtn" onclick="delAtchFile('<c:out value='${fileList.atchFileId}' />', '<c:out value='${fileList.fileSn}' />'); return false;" title="파일${status.count} 삭제">
-												</td>
-											</tr>
-		                        		</c:forEach>
-									</tbody>
-								</table>
-							</div>
-							<div class="fileInfo file_list_div">
-								<ul class="inline">
-									<li>
-										<p>최대 <span class="c_e40000 fwBold limitcount_li">50</span>개 ｜ <span class="c_e40000 fwBold upload_number">50MB</span>제한</p>
-									</li>
-									<li>
-										<p><span class="c_456ded fwBold totalfileCount">1</span>개 ｜ <span class="c_456ded fwBold totalfileSize">72.01KB</span></p>
-									</li>
-								</ul>
-							</div>
-							<div class="uploadBtm">
-								<input type="file" id="file_temp" name="file_temp" class="uploadFile">
-							</div>
-						</td>
-					</tr>
-				</tbody>
-			</table>
-			<div class="btnWrap">
-				<input type="button" class="btnType1" value="목 록" onclick="goList(); return false;">
-				<input type="button" class="btnType1" value="수 정" onclick="fn_xxx_updt(); return false;">
-			</div>
-	 	</div>
-	</div>
-</form>
-	
-<form name="searchForm" id="searchForm" method="post" action="<c:url value='url'/>">
-<input name="xxxId" type="hidden" value=""/>
-</form>
-</body>
-</html>

src/main/webapp/WEB-INF/jsp/web/kccadr/xxx/xxxRegist.jsp

@@ -1,175 +0,0 @@
-<%--
-  대국민(사용자)
-  Class Name : xxxRegist.jsp
-  Description : xxx 등록 페이지
-  Modification Information
-
-      수정일         수정자                   수정내용
-    -------    --------    ---------------------------
-     2021.08.09    이준호          내용
-
-    author   : 이준호
-    since    : 2021.08.09
-
---%>
-<%-- 공통 JS 함수 정의 :  /jsp/web/com/webLayout.jsp --%>
-<%@ page contentType="text/html; charset=utf-8"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
-<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
-<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
-<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
-<!DOCTYPE html>
-<html lang="ko">
-<head>
-<title>xxx 등록</title>
-<meta http-equiv="content-type" content="text/html; charset=utf-8">
-<script type="text/javaScript" language="javascript">
-$( document ).ready(function(){
-});
-
-/* 리스트로 이동 */
-function goList(){
-	document.searchForm.action = "/kcc/adr/xxx/xxxList.do";
-   	document.searchForm.submit();
-}
-
-/* 게시글 등록  */
-function fn_xxx_insert() {
-	var data = new FormData(document.writeForm);
-	_fileForm2.forEach(function(obj, idx) {
-		if (obj) data.append("file"+idx, obj.fileObj);
-	});
-	$.ajax({
-        type: "POST",
-        enctype: 'multipart/form-data',
-        url: "/kcc/adr/xxx/insertXxxAjax.do",
-        data: data,
-        dataType:'json',
-        async: false,
-        processData: false,
-        contentType: false,
-        cache: false,
-        success: function (returnData, status) {
-			if(status == 'success'){
-				alert("저장 되었습니다.");
-				//목록으로 이동
-				goList();
-			} else if(status== 'fail'){
-				alert("저장에 실패하였습니다.");
-			}
-		},
-        error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
-    });
-}
-
-</script>
-
-</head>
-<body>
-<form name="writeForm" enctype="multipart/form-data" method="post">
-	<input type="hidden" name="limitcount" value="50" /><!-- 드래그앤드랍 파일 최대 개수 -->
-	
-	<div class="contWrap">
-		<div class="pageCont">
-			<table class="tbType2">
-				<colgroup>
-					<col style="width: 20%">
-					<col style="width: 80%">
-				</colgroup>
-				<tbody>
-					<tr>
-						<th>항목 이름</th>
-						<td colspan="3">
-							<input type="text" name="xxx" title="xxx" value="<c:out value='${xxxVO.xxx}'/>" maxlength="100"/>
-						</td>
-					</tr>
-					<tr>
-						<th>파일 첨부</th>
-						<td class="upload_area">
-							<div class="file_upload_box no_img_box fileWrap">
-								<table>	
-									<colgroup>
-										<col style="width: 60%">
-										<col style="width: 10%">
-										<col style="width: 20%">
-										<col style="width: 10%">
-									</colgroup>
-									<thead>
-										<tr>
-											<th scope="col">파일명</th>
-											<th scope="col">크기</th>
-											<th scope="col">등록일시</th>
-											<th scope="col">삭제</th>
-										</tr>
-									</thead>
-								</table>
-							</div>
-							<div class="fileWrap fileAfter file_list_div">
-								<table>
-									<colgroup>
-										<col style="width: 60%">
-										<col style="width: 10%">
-										<col style="width: 20%">
-										<col style="width: 10%">
-									</colgroup>
-									<thead>
-										<tr>
-											<th scope="col">파일명</th>
-											<th scope="col">크기</th>
-											<th scope="col">등록일시</th>
-											<th scope="col">삭제</th>
-										</tr>
-									</thead>
-									<tbody id="tbody_fiielist" class="tb_file_after">
-										<c:forEach var="fileList" items="${fileList}" varStatus="status">
-		                        			<tr class="item_<c:out value='${fileList.fmsImageFile}' />_<c:out value='${fileList.fileSn}' /> uploaded_obj">
-												<input type="hidden" name="fileSize" class="item_file_size" value="<c:out value='${fileList.fileSize}' />">
-												<td class="file_name">
-													<img src="/direct/img/upload_hwp_img.png" alt="" />
-													<span class="file_name_text"><c:out value='${fileList.orignlFileNm}' /></span>
-												</td>
-												<td>
-													<span class="file_size_text" value="<c:out value="${fileList.fileSize}"/>"></span>
-													
-												</td>
-												<td>
-													<c:out value="${fileList.regdt}"/>
-												</td>
-												<td>
-													<input type="button" class="delBtn" onclick="delAtchFile('<c:out value='${fileList.fmsImageFile}' />', '<c:out value='${fileList.fileSn}' />'); return false;" title="파일${status.count} 삭제">
-												</td>
-											</tr>
-		                        		</c:forEach>
-									</tbody>
-								</table>
-							</div>
-							<div class="fileInfo file_list_div">
-								<ul class="inline">
-									<li>
-										<p>최대 <span class="c_e40000 fwBold limitcount_li"><c:out value='${bdMstr.posblAtchFileNumber}' /></span>개 ｜ <span class="c_e40000 fwBold upload_number">50MB</span>제한</p>
-									</li>
-									<li>
-										<p><span class="c_456ded fwBold totalfileCount">1</span>개 ｜ <span class="c_456ded fwBold totalfileSize">72.01KB</span></p>
-									</li>
-								</ul>
-							</div>
-							<div class="uploadBtm">
-								<input type="file" id="file_temp" name="file_temp" class="uploadFile">
-							</div>
-						</td>
-					</tr>
-				</tbody>
-			</table>
-			<div class="btnWrap">
-				<input type="button" class="btnType1 bg_888888" value="목 록" onclick="goList(); return false;">
-				<input type="button" class="btnType1" value="저 장" onclick="fn_xxx_insert(); return false;">
-			</div>
-	 	</div>
-	</div>
-</form>
-<form name="searchForm" id="searchForm" method="post" action="<c:out value='url'/>">
-</form>
-</body>
-</html>

src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp

@@ -1,34 +1,21 @@
 <%@ 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" %>
-<%pageContext.setAttribute("crlf", "\r\n"); %>
-<%pageContext.setAttribute("crlt", "&lt;"); %>
-<%pageContext.setAttribute("crgt", "&gt;"); %>
 <%   
 	response.setHeader("Cache-Control","no-store");   
 	response.setHeader("Pragma","no-cache");   
 	response.setDateHeader("Expires",0);   
 	if (request.getProtocol().equals("HTTP/1.1")) response.setHeader("Cache-Control", "no-cache"); 
 %> 
-<!DOCTYPE html>
-<html lang="ko">
-<head>
-<meta charset="UTF-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,user-scalable=yes">
 
-<!-- <link rel="stylesheet" href="/kccadrPb/usr/css/swiper.css"defer="defer"> -->
-<link rel="stylesheet" href="/kccadrPb/usr/css/swiper.min.css" defer="defer">
-<link rel="stylesheet" href="/kccadrPb/usr/css/main.css" defer="defer">
 
-<style>
-	.today_close label{position: relative;}
-	.baro_cont [readonly="readonly"]{background:#666;}
-</style>
- 
-<script src="/kccadrPb/usr/script/swiper.min.js" defer="defer"></script>
-<script src="/kccadrPb/usr/script/main.js" defer="defer"></script>
- 
+<link rel="stylesheet" href="/kofair_case_seed/usr/style/index.css">
+<link rel="stylesheet" href="/kofair_case_seed/script/plugin/swiper-11.1.9/package/swiper-bundle.css">
+
+<script src="/kofair_case_seed/usr/scripts/index.js"></script>
+<script src="/kofair_case_seed/script/plugin/swiper-11.1.9/package/swiper-bundle.js"></script>
+
+
 <script type="text/javascript">
 $(document).ready(function (){
 	
@@ -132,23 +119,225 @@ function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) {
 	frm.attr('target', '_self');
 }
 </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; border:4px solid #3845c0;}
-		.pop-layer .pop-container ul li {list-style:disc; line-height:1.2em; margin:0 0 0 20px;}
-		.pop-layer .pop-container ol li {list-style:decimal; line-height:1.2em; margin:0 0 0 20px;}
-		.pop-layer .pop-container em {font-style:Italic;}
-		.pop-layer .pop-container strong {font-weight:bold;}
-		.pop-layer .pop-container .pop-conts {padding:15px 30px; line-height:1.2em;}
-		.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; background-color:#f3f3f3;}
-		.pop-layer {display: none;/*position: absolute;*/ position:fixed; 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(/kccadrPb/usr/image/common/btn_close.png); background-repeat: no-repeat; background-size: 100%;}
-		.today_close {font-size:14px; color:#666;}
-	</style>
+
+<!-- 비주얼 -->
+<div class="visual">
+	<div class="inner">
+		<p class="visual_title">한국공정거래조정원 <span>분쟁조정사건처리시스템</span> 입니다.</p>
+
+		<div class="baro_content">
+			<a href="#" class="baro_link darkblue_box">
+				<b class="baro_title">분쟁조정 신청</b>
+				<p class="baro_text">언제 어디서든 온라인으로 분쟁조정<br>을 신청할 수 있습니다.</p>
+				<i class="icon baro_apl"></i>
+			</a>
+			<a href="#" class="baro_link blue_box">
+				<b class="baro_title">분쟁조정 조회</b>
+				<p class="baro_text">조정절차가 진행중인 각종 정보를<br>확인, 자료를 제출할 수 있습니다.</p>
+				<i class="icon baro_inquiry"></i>
+			</a>
+			<a href="" class="baro_link">
+				<b class="baro_title">무료법률 상담</b>
+				<p class="baro_text">법률전문가의 상담서비스를 이용할<br>수 있습니다.</p>
+				<i class="icon baro_free_counsel"></i>
+			</a>
+			<a href="" class="baro_link">
+				<b class="baro_title">법령 자료실</b>
+				<p class="baro_text">협의회 유형에 따른 법령을 확인할<br>수 있습니다.</p>
+				<i class="icon baro_data"></i>
+			</a>
+			<a href="" class="baro_link">
+				<b class="baro_title">온라인 상담</b>
+				<p class="baro_text">분쟁조정 신청 전 간단한 상담을<br>신청할 수 있습니다.</p>
+				<i class="icon baro_online_counsel"></i>
+			</a>
+			<a href="" class="baro_link">
+				<b class="baro_title">분쟁조정 관련 서식</b>
+				<p class="baro_text">신청서 작성예시, 위임장, 합의취하서<br>등 서식을 제공하고 있습니다.</p>
+				<i class="icon baro_form"></i>
+			</a>
+		</div>
+	</div>
+</div>
+<!-- //비주얼 -->
+
+<!-- 분쟁조정 사례 -->
+<div class="case_content">
+	<div class="inner">
+		<div class="title_wrap">
+			<p class="title">분쟁조정 사례 <button type="button" class="btn only_icon gray_border round btn_plus"><i class="icon plus"></i></button></p>
+			<div class="case_slide_util">
+				<button type="button" class="btn only_icon round gray_border btn_prev" title="이전 사례로 이동"><i class="icon arrow left"></i></button>
+				<button type="button" class="btn only_icon round gray_border btn_pause" title="일시정지"><i class="icon pause"></i></button>
+				<button type="button" class="btn only_icon round gray_border hide btn_play" title="재생"><i class="icon play"></i></button>
+				<button type="button" class="btn only_icon round gray_border btn_next" title="다음 사례로 이동"><i class="icon arrow right"></i></button>
+			</div>
+		</div>
+
+		<div class="case_list swiper">
+			<div class="swiper-wrapper">
+				<div class="swiper-slide">
+					<a href="#" class="case">
+						<p class="case_type_box orange">공정거래</p>
+						<p class="case_type">기타의 불이익제공-③ 기타 분쟁</p>
+						<p class="case_title">가구 제조업자의 거래상 지위 남용 관련 분쟁</p>
+					</a>
+				</div>
+				<div class="swiper-slide">
+					<a href="#" class="case">
+						<p class="case_type_box red">가맹사업거래</p>
+						<p class="case_type">설계변경 등에 따른 하도급대금 조정의무</p>
+						<p class="case_title">(하도)(건설)(2024)토목건축공사업자의 설계변경 등에 따른 하도급대금의 조정 관련 분쟁에 대한 건</p>
+					</a>
+				</div>
+				<div class="swiper-slide">
+					<a href="#" class="case">
+						<p class="case_type_box yellow">하도급거래</p>
+						<p class="case_type">기타의 불이익제공-③ 기타 분쟁</p>
+						<p class="case_title">가구 제조업자의 거래상 지위 남용 관련 분쟁</p>
+					</a>
+				</div>
+				<div class="swiper-slide">
+					<a href="#" class="case">
+						<p class="case_type_box darkorange">대규모유통업거래</p>
+						<p class="case_type">기타의 불이익제공-③ 기타 분쟁</p>
+						<p class="case_title">가구 제조업자의 거래상 지위 남용 관련 분쟁</p>
+					</a>
+				</div>
+				<div class="swiper-slide">
+					<a href="#" class="case">
+						<p class="case_type_box darkred">불공정약관</p>
+						<p class="case_type">기타의 불이익제공-③ 기타 분쟁</p>
+						<p class="case_title">가구 제조업자의 거래상 지위 남용 관련 분쟁</p>
+					</a>
+				</div>
+				<div class="swiper-slide">
+					<a href="#" class="case">
+						<p class="case_type_box darkyellow">대리점거래</p>
+						<p class="case_type">기타의 불이익제공-③ 기타 분쟁</p>
+						<p class="case_title">가구 제조업자의 거래상 지위 남용 관련 분쟁</p>
+					</a>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<!-- //분쟁조정 사례 -->
+
+<!-- 하단 -->
+<div class="main_bottom">
+	<div class="inner">
+		<!-- 자주하는질문 + 공지사항 -->
+		<div class="notice_content">
+			<button type="button" class="tab active">자주하는 질문</button>
+			<div class="tab_content faq active">
+				<ul class="list">
+					<li><a href="#"><span class="color_blue">[조정신청]</span>온라인으로 분쟁조정신청을 한 후 마이페이지에 다시 접속하려고 하였더니 제가 설정한 적이 없는 비밀번호 입력을 요구합니다.</a></li>
+					<li><a href="#"><span class="color_blue">[조정신청]</span>온라인으로 분쟁조정신청을 한 후 마이페이지에 다시 접속하려고 하였더니 제가 설정한 적이 없는 비밀번호 입력을 요구합니다.</a></li>
+					<li><a href="#"><span class="color_blue">[조정신청]</span>온라인으로 분쟁조정신청을 한 후 마이페이지에 다시 접속하려고 하였더니 제가 설정한 적이 없는 비밀번호 입력을 요구합니다.</a></li>
+					<li><a href="#"><span class="color_blue">[조정신청]</span>온라인으로 분쟁조정신청을 한 후 마이페이지에 다시 접속하려고 하였더니 제가 설정한 적이 없는 비밀번호 입력을 요구합니다.</a></li>
+					<li><a href="#"><span class="color_blue">[조정신청]</span>온라인으로 분쟁조정신청을 한 후 마이페이지에 다시 접속하려고 하였더니 제가 설정한 적이 없는 비밀번호 입력을 요구합니다.</a></li>
+				</ul>
+				<button type="button" class="btn only_icon gray_border btn_40 round btn_plus" title="자주하는 질문 더보기"><i class="icon plus"></i></button>
+			</div>
+			<button type="button" class="tab">공지사항</button>
+			<div class="tab_content notice">
+				<ul class="list">
+					<li><a href="#"><span class="list_title">2024년 공정거래 학술 연구 지원사업 과제 선정 결과</span> <span class="date">2024-03-28</span></a></li>
+					<li><a href="#"><span class="list_title">온라인으로 분쟁조정신청을 한 후 마이페이지에 다시 접속하려고 하였더니 제가 설정한 적이 없는 비밀번호 입력을 요구합니다.</span> <span class="date">2024-03-28</span></a></li>
+					<li><a href="#"><span class="list_title">온라인으로 분쟁조정신청을 한 후 마이페이지에 다시 접속하려고 하였더니 제가 설정한 적이 없는 비밀번호 입력을 요구합니다.</span> <span class="date">2024-03-28</span></a></li>
+					<li><a href="#"><span class="list_title">2024년 공정거래 학술 연구 지원사업 과제 선정 결과</span> <span class="date">2024-03-28</span></a></li>
+					<li><a href="#"><span class="list_title">온라인으로 분쟁조정신청을 한 후 마이페이지에 다시 접속하려고 하였더니 제가 설정한 적이 없는 비밀번호 입력을 요구합니다.</span> <span class="date">2024-03-28</span></a></li>
+				</ul>
+				<button type="button" class="btn only_icon gray_border btn_40 round btn_plus" title="공지사항 더보기"><i class="icon plus"></i></button>
+			</div>
+		</div>
+		<!-- //자주하는질문 + 공지사항 -->
+
+		<!-- 뉴스레터 -->
+		<div class="news_content">
+			<p class="title">뉴스레터<span>다양한 정책 정보를 매월 정기 발행</span></p>
+
+			<ul class="news_list">
+				<li><a href="#" class="new">2024년 2월 제123호</a></li>
+				<li><a href="#">2024년 2월 제122호</a></li>
+			</ul>
+
+			<div class="btn_wrap">
+				<button type="button" class="btn btn_text btn_40 skyblue_fill">전체보기</button>
+				<button type="button" class="btn btn_text btn_40 skyblue_fill">신청하기</button>
+			</div>
+		</div>
+		<!-- //뉴스레터 -->
+
+		<!-- 콜센터 -->
+		<div class="callcenter_content">
+			<a href="#">
+				<p class="title">분쟁조정 콜센터</p>
+				<p><span class="gMarket_bold">1588-1490</span>(유료)<br>운영시간 : 평일 09:00~18:00</p>
+			</a>
+		</div>
+		<!-- //콜센터 -->
+	</div>
+</div>
+<!-- //하단 -->
+
+<!-- 배너 -->
+<div class="banner_contents">
+	<div class="inner">
+		<div class="case_slide_util">
+			<button type="button" class="btn only_icon btn_40 round gray_border btn_prev" title="이전 배너로 이동"><i class="icon arrow left"></i></button>
+			<button type="button" class="btn only_icon btn_40 round gray_border btn_pause" title="일시정지"><i class="icon pause"></i></button>
+			<button type="button" class="btn only_icon btn_40 round gray_border hide btn_play" title="재생"><i class="icon play"></i></button>
+			<button type="button" class="btn only_icon btn_40 round gray_border btn_next" title="다음 배너로 이동"><i class="icon arrow right"></i></button>
+		</div>
+		<div class="banner_slide swiper">
+			<div class="swiper-wrapper">
+				<div class="swiper-slide"><a href="#" target="_blank" title="새창열림"><img src="/kofair_case_seed/usr/images/main/banner_01.png" alt="공정거래위원회"></a></div>
+				<div class="swiper-slide"><a href="#" target="_blank" title="새창열림"><img src="/kofair_case_seed/usr/images/main/banner_02.png" alt="국민권익위원회"></a></div>
+				<div class="swiper-slide"><a href="#" target="_blank" title="새창열림"><img src="/kofair_case_seed/usr/images/main/banner_03.png" alt="부당광고감시전문기관 한국인터넷광고재단"></a></div>
+				<div class="swiper-slide"><a href="#" target="_blank" title="새창열림"><img src="/kofair_case_seed/usr/images/main/banner_04.png" alt="한국소비자원 Korea Consumer Agency"></a></div>
+				<div class="swiper-slide"><a href="#" target="_blank" title="새창열림"><img src="/kofair_case_seed/usr/images/main/banner_05.png" alt="공정경쟁연합회 FAIR COMPETITION FEDERATION"></a></div>
+				<div class="swiper-slide"><a href="#" target="_blank" title="새창열림"><img src="/kofair_case_seed/usr/images/main/banner_06.png" alt="공정거래위원회 가맹사업거래"></a></div>
+				<div class="swiper-slide"><a href="#" target="_blank" title="새창열림"><img src="/kofair_case_seed/usr/images/main/banner_01.png" alt="공정거래위원회"></a></div>
+				<div class="swiper-slide"><a href="#" target="_blank" title="새창열림"><img src="/kofair_case_seed/usr/images/main/banner_02.png" alt="국민권익위원회"></a></div>
+				<div class="swiper-slide"><a href="#" target="_blank" title="새창열림"><img src="/kofair_case_seed/usr/images/main/banner_03.png" alt="부당광고감시전문기관 한국인터넷광고재단"></a></div>
+				<div class="swiper-slide"><a href="#" target="_blank" title="새창열림"><img src="/kofair_case_seed/usr/images/main/banner_04.png" alt="한국소비자원 Korea Consumer Agency"></a></div>
+				<div class="swiper-slide"><a href="#" target="_blank" title="새창열림"><img src="/kofair_case_seed/usr/images/main/banner_05.png" alt="공정경쟁연합회 FAIR COMPETITION FEDERATION"></a></div>
+				<div class="swiper-slide"><a href="#" target="_blank" title="새창열림"><img src="/kofair_case_seed/usr/images/main/banner_06.png" alt="공정거래위원회 가맹사업거래"></a></div>
+			</div>
+		</div>
+	</div>
+</div>
+<!-- //배너 -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<%-- <c:if test="${fn:length(popupList) > 0}" >
 		<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4">
 				<style>
 					#layer_pop_<c:out value='${popupListData.popupId}' />{
@@ -192,272 +381,4 @@ function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) {
 				    </div>
 				</div>
 		</c:forEach>
-	</c:if>		
- 
- 	<!-- 전자조정 메인 콘텐츠 시작 -->
- 	
- 	<!-- 조정신청 URL -->
- 	<c:set var="adjstReqRegistInformation" value="/web/kccadr/adjst/adjstReqRegistInformation.do"/>
- 	<!-- 서류제출 URL ,진행상황 URL -->
- 	<c:set var="adjstIncidentList" value="/web/kccadr/accdnt/ai/adjstIncidentList.do"/>
- 	<!-- 기록발급 URL -->
- 	<%-- <c:set var="docIssReqList" value="/web/kccadr/payment/inipay/accdnt/ai/docIssReqList.do"/> --%>
- 	<c:set var="docIssReqList" value="/"/>
- 	<!-- 문의게시판 URL -->
- 	<c:set var="selectBoardList" value="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000654"/>
- 	
-	<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>
-				</ul>
-				<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>
-		</div>
-		<!-- //메인 비주얼 -->
-
-		<!-- 바로가기 -->
-		<div class="baro_cont">
-			<div class="inner">
-				<div class="mask"></div>
-				<ul>
-					<li>
-						<a href="<c:out value='${adjstReqRegistInformation}'/>" title="조정신청 페이지 바로가기" id="first">
-							<i class="baro_conciliate_apc"></i>조정신청
-						</a>
-						<div class="tooltip_box">
-							<div class="tooltip_type01">
-								<a href="<c:out value='${adjstReqRegistInformation}'/>" title="조정신청 페이지 바로가기" class="text_area">
-									<p class="tooltip_tit01">
-										저작권 분쟁조정 온라인 신청페이지<br>
-										본인을 포함한 분쟁 당사자 정보, 청구취지, 청구이유 등을 작성하여 신청
-									</p>
-									<p class="tooltip_tit02">(정보입력, 불러오기, 제출하기 기능 제공)</p>
-								</a>
-								<button type="button" title="페이지 이동" onclick="location.href='<c:out value='${adjstReqRegistInformation}'/>'">조정신청 바로가기</button>
-							</div>
-						</div>
-					</li>
-					<li>
-						<a href="<c:out value='${adjstIncidentList}'/>" title="서류제출 페이지 바로가기">
-							<i class="baro_document_submit"></i>서류제출
-						</a>
-						<div class="tooltip_box">
-							<div class="tooltip_type01">
-								<a href="<c:out value='${adjstIncidentList}'/>" title="서류제출 페이지 바로가기" class="text_area">
-									<p class="tooltip_tit01">
-										조정 진행 관련 서류 제출 페이지<br>
-										준비서면, 답변서, 기일변경 신청서, 취하신청서 등 서류 제출
-									</p>
-									<p class="tooltip_tit02">(정보입력, 불러오기, 제출하기 기능 제공)</p>
-								</a>
-								<button type="button" title="페이지 이동" onclick="location.href='<c:out value='${adjstIncidentList}'/>'">서류제출 바로가기</button>
-							</div>
-						</div>
-					</li>
-					<li>
-						<a href="<c:out value='${adjstIncidentList}'/>" title="진행상황 페이지 바로가기">
-							<i class="baro_progress"></i>진행상황
-						</a>
-						<div class="tooltip_box">
-							<div class="tooltip_type01">
-								<a href="<c:out value='${adjstIncidentList}'/>" title="진행상황 페이지 바로가기" class="text_area">
-									<p class="tooltip_tit01">
-										조정 진행현황 확인 페이지<br>
-										사건접수, 조정진행, 조정종결 등 단계별 진행현황을 확인
-									</p>
-									<p class="tooltip_tit02"></p>
-								</a>
-								<button type="button" title="페이지 이동" onclick="location.href='<c:out value='${adjstIncidentList}'/>'">진행상황 바로가기</button>
-							</div>
-						</div>
-					</li>
-					<li>
-						<%-- <a href="<c:out value='${docIssReqList}'/>" title="기록발급 페이지 바로가기"> --%>
-						<a href="#" onclick="return false;">
-							<i class="baro_issuance_records"></i>기록발급
-						</a>
-						<div class="tooltip_box">
-							<div class="tooltip_type01">
-								<%-- <a href="<c:out value='${docIssReqList}'/>" title="기록발급 페이지 바로가기" class="text_area"> --%>
-								<a href="#" onclick="return false;" class="text_area">
-									<p class="tooltip_tit01">
-										종결된 사건기록 발급 페이지<br>
-										조정종결통보서, 기일조서, 조정조서, 직권결정문, 직권결정문 송달 및 확정증명원 등 발급 신청(수수료 1,500원)
-									</p>
-									<p class="tooltip_tit02">
-										오프라인 접수 사건 : 위원회 방문 예약 신청, 방문 발급<br />
-										전자조정시스템 접수 사건 : 온라인 신청, 우편 발급
-									</p>
-								</a>
-								<button type="button" onclick="location.href='<c:out value='${docIssReqList}'/>'" readonly="readonly" style="pointer-events:none;">서비스 준비중</button>
-							</div>
-						</div>
-					</li>
-					<li>
-						<a href="<c:out value='${selectBoardList}'/>" title="1:1 문의 게시판 페이지 바로가기">
-							<i class="baro_inquiry_board"></i>1:1 문의
-						</a>
-						<div class="tooltip_box">
-							<div class="tooltip_type01">
-								<a href="<c:out value='${selectBoardList}'/>" title="1:1 문의  게시판 페이지 바로가기" class="text_area">
-									<p class="tooltip_tit01">
-										조정신청 또는 진행 중 본인의 사건과<br>관련한 문의와 답변을 받을 수 있는 게시판
-									</p>
-									<p class="tooltip_tit02">- 전자조정시스템 회원가입 및 로그인 필수</p>
-								</a>
-								<button type="button" title="페이지 이동" onclick="location.href='<c:out value='${selectBoardList}'/>'">1:1 문의 바로가기</button>
-							</div>
-						</div>
-					</li>
-				</ul>
-			</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/adjstReqRegistInformation.do" title="조정신청 페이지 바로가기">
-								<i></i>
-								<span>전자조정 신청</span>
-								<p>온라인상으로 구비서류 제출 및 수수료 결제</p>
-							</a>
-							<a href="/web/content.do?proFn=9150000" title="조정신청 이용안내 페이지 바로가기">
-								<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-0043,0044</span>
-								월~금(평일) 09:00~18:00
-							</p> -->
-							<dl>
-								<dt><i class="info_icon info_icon04"></i>조정신청 문의</dt>
-								<dd>02-2669-0043, 0044</dd>
-								<dt><i class="info_icon info_icon05"></i>저작권 법률상담</dt>
-								<dd>1800-5455</dd>
-								<dt><i class="info_icon info_icon06"></i>이용시간</dt>
-								<dd>월~금(평일) 09:00~17:00</dd>
-							</dl>
-						</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="#" title="현재창 상세이동">
-											<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> --%>
-<%-- 												<div class="list_info"><c:out value="${fn:replace(fn:replace(fn:replace(result.nttCn, crlt , '<'), crgt , '>'), crlf , '<br/>')}"  escapeXml="false"/></div> --%>
-<%-- 												<div class="list_info"><c:out value="${fn:replace(fn:replace(fn:replace(result.nttCn, crlt , '<'), crgt , '>'), crlf , '<br/>')}"  escapeXml="false"/></div> --%>
-												<div class="list_info">사건개요
-신청인은 외국 출판사와 본 건 관련 외국 서적 『BOOK』에 대하여 한국어판 독점출판계약을 </div>
-											</c:if>
-										</a>
-									</li>
-								</c:forEach>
-							</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="새창열림" >
-												<div>
-													<img 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}"/>' />
-												</div>
-											</a>
-										</c:if>
-										<c:if test="${result.istarget != 'N'}">
-											<a href="javascript:popzoneOpen('<c:out value='${result.mlink}' />','<c:out value='${result.istarget}' />');">
-												<div>
-													<img 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}"/>' />
-												</div>
-											</a>
-										</c:if>
-									</li>								
-								</c:forEach>
-							</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>
+	</c:if> --%>	

src/main/webapp/WEB-INF/jsp/web/xxx/xxxDetail.jsp

@@ -0,0 +1,67 @@
+<%@ page contentType="text/html; charset=utf-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
+
+
+<script type="text/javaScript" language="javascript">
+	$( document ).ready(function(){
+	});
+</script>
+
+<div class="sub_content">
+	<!-- page_location -->
+	<ul class="page_location">
+		<li><i class="icon home"></i></li>
+		<li>분쟁조정 안내</li>
+		<li>분쟁조정 안내</li>
+		<li>분쟁조정 관련 서식</li>
+	</ul>
+	<!-- //page_location -->
+
+	<h3 class="sub_con_tit">분쟁조정 관련 서식</h3>
+	<p class="sub_con_sub_tit">분쟁조정 신청서(및 작성예시), 위임장, 합의취하서 등 분쟁조정 관련 서식을 제공하고 있습니다. 다운로드 받아 사용하시기 바랍니다.</p>
+	
+	<div class="list_view">
+		<div class="list_view_wrap">
+			<h4 class="list_view_tit">
+				(가맹)(2023)기타 외식 가맹본부의 과중한 위약금 부과 관련 분쟁조정 사례
+			</h4>
+			<ul class="view_info">
+				<li>
+					<p class="view_info_tit">· 유형 : </p>
+					<i class="icon td_type"></i>
+					불공정거래행위-부당한 손해배상의무 부담
+				</li>
+				<li>
+					<p class="view_info_tit">· 작성자 : </p>
+					<i class="icon td_writer"></i>
+					관리자
+				</li>
+				<li>
+					<p class="view_info_tit">· 작성일 : </p>
+					<i class="icon td_calendar"></i>
+					2024-10-25
+				</li>
+				<li>
+					<p class="view_info_tit">· 조회수 : </p>
+					<i class="icon td_view"></i>
+					153
+				</li>
+			</ul>
+			<ul class="view_file_list">
+				<li><a href="#" download="download"><i class="icon file_download"></i>대규모유통업거래분야 분쟁 예방 체크리스트(대규모유통업자).pdf</a></li>
+				<li><a href="#" download="download"><i class="icon file_download"></i>대규모유통업거래분야 분쟁 예방 체크리스트(대규모유통업자).pdf</a></li>
+			</ul>
+			<div class="view_content">
+				온라인 분쟁조정 신청이 어려우신 경우 활용하시기 바랍니다.
+			</div>
+
+			<div class="btn_wrap right">
+				<button type="button" class="btn btn_text btn_40 gray_fill">목록</button>
+			</div>
+		</div>
+	</div>
+</div>

src/main/webapp/WEB-INF/jsp/web/xxx/xxxList.jsp

@@ -0,0 +1,218 @@
+<%@ page contentType="text/html; charset=utf-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
+
+
+<script type="text/javaScript" language="javascript">
+	$( document ).ready(function(){
+	});
+	
+	function linkPage(pageNo){
+        var listForm = document.listForm ;
+        listForm.pageIndex.value = pageNo ;
+        listForm.action = "<c:url value='/web/xxx/adjstConciliatorList.do'/>";
+        listForm.submit();
+    }
+
+    function fncGoDetail(adrSeq, adrSn){
+        var listForm = document.listForm ;
+        listForm.adrSeq.value = adrSeq;
+        listForm.adrSn.value = adrSn;
+        listForm.action = "<c:url value='/web/xxx/adjstConciliatorDetail.do'/>";
+        listForm.submit();
+    }
+</script>
+
+
+<form id="listForm" name="listForm" method="post" action="">
+	<input type="hidden" name="pageIndex" value="<c:out value='${xxxVO.pageIndex}' default='1' />"/>
+	<input type="hidden" name="searchSortCnd" value="<c:out value="${xxxVO.searchSortCnd}" />" />
+	<input type="hidden" name="searchSortOrd" value="<c:out value="${xxxVO.searchSortOrd}" />" />
+	<input type="hidden" name="searchStatus" value="<c:out value="${xxxVO.searchStatus}" />" />
+</form>
+
+<div class="sub_content">
+	<!-- page_location -->
+	<ul class="page_location">
+		<li><i class="icon home"></i></li>
+		<li>분쟁조정 안내</li>
+		<li>분쟁조정 안내</li>
+		<li>분쟁조정 관련 서식</li>
+	</ul>
+	<!-- //page_location -->
+
+	<h3 class="sub_con_tit">분쟁조정 관련 서식</h3>
+	<p class="sub_con_sub_tit">분쟁조정 신청서(및 작성예시), 위임장, 합의취하서 등 분쟁조정 관련 서식을 제공하고 있습니다. 다운로드 받아 사용하시기 바랍니다.</p>
+
+	<!-- search -->
+	<div class="search_wrap">
+		<select name="search_category" id="" title="검색유형 선택" class="select">
+			<option value="search_category01">전체유형</option>
+			<option value="search_category02">공정거래분쟁조정협의회</option>
+			<option value="search_category03">가맹사업거래분쟁조정협의회</option>
+			<option value="search_category04">하도급거래분쟁조정협의회</option>
+			<option value="search_category05">대규모유통업거래협의회</option>
+			<option value="search_category06">약관분쟁조정협의회</option>
+			<option value="search_category07">대리점분쟁조정협의회</option>
+		</select>
+
+		<select name="search_type" id="" title="검색조건 선택" class="select">
+			<option value="search_type01">제목</option>
+			<option value="search_type02">내용</option>
+		</select>
+
+		<input type="text" class="input_text" title="검색어 입력">
+		<button type="button" class="btn btn_text btn_40 darkblue_fill btn_search">검색</button>
+	</div>
+	<!-- //search -->
+
+	<!-- table -->
+	<div class="table_top">
+		<p class="list_total_number">전체 <span class="color_blue">3,581</span>건(<span class="color_blue">10</span>/400 페이지)</p>
+	</div>
+
+	<div class="table_type_cols">
+		<table>
+			<colgroup>
+				<col style="width:68px;">
+				<col style="width:auto;">
+				<col style="width:auto;">
+				<col style="width:auto;">
+				<col style="width:auto;">
+			</colgroup>
+			<thead>
+				<tr>
+					<th>번호</th>
+					<th>유형</th>
+					<th>제목</th>
+					<th>등록일시</th>
+					<th>조회수</th>
+				</tr>
+			</thead>
+			<tbody>
+				<c:choose>
+					<c:when test="${empty xxxList}">
+					<tr class="tr_list_none">
+						<td colspan="5" class="list_none">등록된 데이터가 없습니다.</td>
+					</tr>
+					</c:when>
+				</c:choose>
+				<c:forEach var="xxxList" items="${xxxList}" varStatus="status">
+					<tr>
+						<td class="table_number">
+							${xxxList.col1}
+						</td>
+						<td>
+							${xxxList.col2}
+						</td>
+						<td class="td_title">
+							<a href="/web/xxx/xxxDetail.do" class="list_title">
+								${xxxList.col3}
+							</a>
+						</td>
+						<td>
+							${xxxList.col4}
+						</td>
+						<td>
+							<!-- 각 퍼블리싱 파일마다 아이콘 확인해서 작성 -->
+							<i class="icon td_view hide td_icon"></i>
+							110
+						</td>
+					</tr>
+				</c:forEach>
+			</tbody>
+		</table>
+	</div>
+	<!-- //table -->
+	
+	<ul class="page">
+        <ui:pagination paginationInfo = "${paginationInfo}"  type="imageWeb" jsFunction="linkPage" />
+    </ul>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<%-- <!DOCTYPE html>
+<html lang="ko">
+<head>
+<title>xxx 리스트</title>
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+</head>
+<body>
+	<!-- 아래 목록의 양식은 퍼블리싱 페이지와 다름 검색, 줄수 표시, 항목정렬버튼, 번호항목, 첨부파일, 페이징 부분만 참고 -->
+	<div class="contWrap">
+		<div class="pageCont">
+			<div class="listSerch">
+				제목 :
+				<!-- 검색 -->
+				<input id="searchKeyword" name="searchKeyword" class="recentSearch" type="text" value="<c:out value='${xxxVO.searchKeyword}'/>" size="25" title="검색" maxlength="100" />
+				<input type="button" class="btnType1" value="검색" onclick="linkPage(1); return false;">
+			</div>
+			<div class="listTop">
+				<p class="tType5">게시판 수 :<span class="tType4 c_456ded fwBold"><c:out value="${paginationInfo.totalRecordCount}"/></span>건</p>
+				<div class="rightWrap">
+					<input type="button" class="printBtn">
+					<!-- 줄수 표시 -->
+					<select name="pageUnit" id="pageUnit" class="select" title="검색조건선택" onchange="linkPage(1);">
+						<option value='10' <c:if test="${xxxVO.pageUnit == '10' or xxxVO.pageUnit == ''}">selected</c:if>>10줄</option>
+						<option value='20' <c:if test="${xxxVO.pageUnit == '20'}">selected</c:if>>20줄</option>
+						<option value='30' <c:if test="${xxxVO.pageUnit == '30'}">selected</c:if>>30줄</option>
+					</select>
+				</div>
+			</div>
+			<div class="tableWrap">
+				<table class="tbType1">
+					<colgroup>
+						<col style="width: 20%">
+						<col style="width: 20%">
+						<col style="width: 20%">
+						<col style="width: 20%">
+					</colgroup>
+					<thead>
+						<tr>
+							<th>컬럼1</th>
+							<th>컬럼2</th>
+							<th>컬럼3</th>
+							<th>컬럼4</th>
+						</tr>
+					</thead>
+					<tbody>
+						<c:if test="${empty xxxList}">
+		         			<tr><td colspan="8"><spring:message code="common.nodata.msg" /></td></tr>
+		         		</c:if>     
+					</tbody>
+				</table>
+			</div>
+			<div class="btnWrap">
+				<input type="button" class="btnType2" value="삭제" onclick="fn_xxx_delete(); return false;">
+				<input type="button" class="btnType1" value="등록" onclick="fn_xxx_regist(); return false;">
+			</div>
+		</div>
+	</div>
+</body>
+</html>
+ --%>

src/main/webapp/kofair_case_seed/usr/guide.html

@@ -32,6 +32,8 @@
 
     <li><a href="/kofair_case_seed/usr/request/apl_01.html" target="_blank">분쟁조정 신청 > 분쟁조정 신청하기01</a></li>
     <li><a href="/kofair_case_seed/usr/request/apl_02.html" target="_blank">분쟁조정 신청 > 분쟁조정 신청하기02</a></li>
+    <li><a href="/kofair_case_seed/usr/request/apl_03.html" target="_blank">분쟁조정 신청 > 분쟁조정 신청하기03</a></li>
+    <li><a href="/kofair_case_seed/usr/request/apl_04.html" target="_blank">분쟁조정 신청 > 분쟁조정 신청하기04</a></li>
     <li><a href="/kofair_case_seed/usr/request/case_inquiry.html" target="_blank">분쟁조정 신청 > 분쟁조정 사건조회</a></li>
 
     <li><a href="/kofair_case_seed/usr/counsel/callcenter.html" target="_blank">분쟁조정 상담 > 상담신청 > 분쟁조정 상담</a></li>

src/main/webapp/kofair_case_seed/usr/index.html

@@ -10,6 +10,7 @@
   <link rel="stylesheet" href="/kofair_case_seed/css/font.css">
   <link rel="stylesheet" href="/kofair_case_seed/usr/style/common.css">
   <link rel="stylesheet" href="/kofair_case_seed/usr/style/index.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/style.css">
   <link rel="stylesheet" href="/kofair_case_seed/usr/style/layout.css">
 
   <script src="/kofair_case_seed/script/lib/jquery-3.5.0.js"></script>

src/main/webapp/kofair_case_seed/usr/mypage/apl_status.html

@@ -0,0 +1,175 @@
+<!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="/kofair_case_seed/css/reset.css">
+  <link rel="stylesheet" href="/kofair_case_seed/css/font.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/common.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/layout.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/popup.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/style.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/mypage.css">
+
+  <!-- js -->
+  <script src="/kofair_case_seed/script/lib/jquery-3.5.0.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/common.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/layout.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/popup.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/ui.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/request.js"></script>
+
+  <style>
+    .tab_contents {
+      min-height: 290px;
+      margin: 0 0 80px 0;
+    }
+  </style>
+
+</head>
+
+<body>
+  <div class="mask"></div>
+
+  <div class="wrap sub">
+    <div data-include-path="/kofair_case_seed/usr/layout/_header.html"></div>
+
+    <div class="contents sub">
+
+      <div class="sub_visual">
+        <h2>마이페이지</h2>
+      </div>
+
+      <div class="inner">
+
+        <!-- lnb -->
+        <div class="lnb">
+          <p class="title">마이페이지</p>
+          <ul class="lnb_menu">
+            <li>
+              <a href="#none" class="lnb_menu_title">분쟁조정신청현황</a>
+            </li>
+            <li>
+              <a href="#none" class="lnb_menu_title">법률상담예약</a>
+            </li>
+          </ul>
+        </div>
+        <!-- //lnb -->
+        <div class="sub_content apl_status_content">
+
+          <!-- page_location -->
+          <ul class="page_location">
+            <li><i class="icon home"></i></li>
+            <li>마이페이지</li>
+            <li>분쟁조정신청현황</li>
+          </ul>
+          <!-- //page_location -->
+
+          <h3 class="sub_con_tit">분쟁조정신청현황</h3>
+
+          <ul class="tabs tab_02 blue_fill mt40 mb40">
+            <li><button type="button" onclick="pblEvt.tab(this,'active','ul',$('.tab'),'0')" class="tab active">신청현황</button></li>
+            <li><button type="button" onclick="pblEvt.tab(this,'active','ul',$('.tab'),'1')" class="tab">임시보관</button></li>
+          </ul>
+
+          <div class="tab_contents active">
+
+            <div class="table_top">
+              <p class="list_total_number">전체 <span class="color_blue">3</span>건 (<span class="color_blue">1</span>/1페이지)</p>
+              <button type="button" class="btn btn_text btn_35 orange_border">사건조회</button>
+            </div>
+
+            <div class="table_type_cols">
+              <table>
+                <colgroup>
+                  <col style="width:92px;">
+                  <col style="width:18%;">
+                  <col style="width:18%;">
+                  <col style="width:18%;">
+                  <col style="width:15%;">
+                  <col style="width:15%;">
+                  <col style="width:15%;">
+                </colgroup>
+                <thead>
+                  <tr>
+                    <th>상태</th>
+                    <th>문서 등록번호</th>
+                    <th>신청인</th>
+                    <th>피신청인</th>
+                    <th>사건번호</th>
+                    <th>담당자</th>
+                    <th>신청일</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr>
+                    <td class="table_number">접수</td>
+                    <td class="td_title"><a href="#none" class="color_333"><span class="pc_hide">문서 등록번호 : </span> 20240819-028</a></td>
+                    <td class="td_hide">홍길동</td>
+                    <td class="td_hide">홍길동, 정길동, 김길동, 정길동, 김길동</td>
+                    <td class="td_case_number"><i class="icon hide td_icon td_case_number"></i>202408-145</td>
+                    <td class="td_writer"><i class="icon hide td_icon td_writer"></i>김담당</td>
+                    <td class="td_hide">2024-08-20</td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+            <p class="cf_text">※ 사건접수 완료 후 진행상황은 홈페이지 메뉴 분쟁조정 사건조회에서 조회가 가능합니다.</p>
+
+          </div>
+
+          <div class="tab_contents">
+            <div class="table_top">
+              <p class="list_total_number">전체 <span class="color_blue">3</span>건 (<span class="color_blue">1</span>/1페이지)</p>
+            </div>
+
+            <div class="table_type_cols">
+              <table>
+                <colgroup>
+                  <col style="width:120px;">
+                  <col style="width:auto;">
+                  <col style="width:20%;">
+                  <col style="width:20%;">
+                  <col style="width:20%;">
+                </colgroup>
+                <thead>
+                  <tr>
+                    <th>번호</th>
+                    <th>신청인</th>
+                    <th>조정유형</th>
+                    <th>보관일</th>
+                    <th>수정</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr>
+                    <td class="table_number">3</td>
+                    <td class="td_person"><i class="icon hide td_icon td_person"></i>홍길동</td>
+                    <td class="td_type"><i class="icon hide td_icon td_type"></i>공정거래</td>
+                    <td class="td_hide">2024-08-20</td>
+                    <td class="td_title"><button type="button" class="btn btn btn_35 darkblue_border btn_edit">수정하기</button></td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+
+
+
+
+        </div>
+      </div>
+
+
+    </div>
+    <div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
+  </div>
+
+
+</body>
+
+</html> 

src/main/webapp/kofair_case_seed/usr/mypage/law_counsel_status_detail.html

@@ -0,0 +1,141 @@
+<!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="/kofair_case_seed/css/reset.css">
+  <link rel="stylesheet" href="/kofair_case_seed/css/font.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/common.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/layout.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/popup.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/style.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/request.css">
+
+  <!-- js -->
+  <script src="/kofair_case_seed/script/lib/jquery-3.5.0.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/common.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/layout.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/popup.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/ui.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/request.js"></script>
+
+
+</head>
+
+<body>
+  <div class="mask"></div>
+
+  <div class="wrap sub">
+    <div data-include-path="/kofair_case_seed/usr/layout/_header.html"></div>
+
+    <div class="contents sub">
+
+      <div class="sub_visual">
+        <h2>마이페이지</h2>
+      </div>
+
+      <div class="inner">
+
+        <!-- lnb -->
+        <div class="lnb">
+          <p class="title">마이페이지</p>
+          <ul class="lnb_menu">
+            <li>
+              <a href="#none" class="lnb_menu_title">분쟁조정신청현황</a>
+            </li>
+            <li>
+              <a href="#none" class="lnb_menu_title">법률상담예약</a>
+            </li>
+          </ul>
+        </div>
+        <!-- //lnb -->
+        <div class="sub_content">
+
+          <!-- page_location -->
+          <ul class="page_location">
+            <li><i class="icon home"></i></li>
+            <li>마이페이지</li>
+            <li>법률상담예약</li>
+          </ul>
+          <!-- //page_location -->
+
+          <h3 class="sub_con_tit">법률상담예약</h3>
+
+          <div class="table_type_rows mt40">
+            <table>
+              <colgroup>
+                <col style="width:200px;">
+                <col style="width:calc((100% - 400px)/2);">
+                <col style="width:200px;">
+                <col style="width:calc((100% - 400px)/2);">
+              </colgroup>
+
+              <tbody>
+                <tr>
+                  <th>접수번호</th>
+                  <td>20240829-003</th>
+                  <th>등록일</th>
+                  <td>2024-08-29</th>
+                </tr>
+                <tr>
+                  <th>신청인</th>
+                  <td>홍길동</td>
+                  <th>핸드폰</th>
+                  <td>010-1234-5678</td>
+                </tr>
+                <tr>
+                  <th>조정유형</th>
+                  <td>공정거래</td>
+                  <th>사무실</th>
+                  <td>010-1111-3333</td>
+                </tr>
+                <tr>
+                  <th>이메일</th>
+                  <td colspan="3">dfkeito02@naver.com</td>
+                </tr>
+                <tr>
+                  <th>상담제목</th>
+                  <td colspan="3">공정거래 상담 신청합니다.</td>
+                </tr>
+                <tr>
+                  <th>상담내용</th>
+                  <td colspan="3" class="td_substance">신청인은 자동차 매매사업자이고, 피신청인은 자동차 중개(판매)사이트(이하 ‘이 사건 사이트’라 한다)를 운영하는 사업자이며,
+                    신청인은 피신청인의 이 사건 사이트를 통하여 자동차를 매입해왔는데 피신청인이 일방적으로 신청인의 계정을 정지한 행위가
+                    부당하다고 주장하면서 이 사건 분쟁조정을 신청하였습니다. 이런 경우 어떻게 해야 하는지 궁금합니다.</td>
+                </tr>
+                <tr>
+                  <th>첨부파일</th>
+                  <td colspan="3">
+                    <ul class="view_file_list border_0">
+                      <li><a href="#" download="download"><i class="icon file clip blue"></i>분쟁조정신청 관련_필요한 첨부이미지_10310.png</a></li>
+                      <li><a href="#" download="download"><i class="icon file clip blue"></i>분쟁조정신청 관련_필요한 첨부이미지_10310.png</a></li>
+                    </ul>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+
+          <div class="btn_wrap right">
+            <button type="button" class="btn btn_text btn_45 darkgray_border">삭제</button>
+            <button type="button" class="btn btn_text btn_45 gray_fill">목록</button>
+          </div>
+
+
+
+        </div>
+      </div>
+
+
+    </div>
+    <div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
+  </div>
+
+  
+</body>
+
+</html>

src/main/webapp/kofair_case_seed/usr/request/apl_03.html

@@ -0,0 +1,561 @@
+<!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="/kofair_case_seed/css/reset.css">
+  <link rel="stylesheet" href="/kofair_case_seed/css/font.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/common.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/layout.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/popup.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/style.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/request.css">
+
+  <!-- js -->
+  <script src="/kofair_case_seed/script/lib/jquery-3.5.0.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/common.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/layout.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/popup.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/ui.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/request.js"></script>
+
+</head>
+
+<body>
+  <div class="mask"></div>
+
+
+  <!-- 팝업 : 작성요령 안내 : write_popup -->
+  <div class="tooltip-wrap">
+    <div class="popup_wrap layer_popup write_popup" style="width:795px;" tabindex="0" data-tooltip-con="write_popup" data-focus="write_popup" data-focus-prev="write_popup_close">
+      <div class="popup_content">
+        <div class="title_wrap">
+          <p>작성 요령</p>
+          <button type="button" class="btn only_icon btn_popup_close tooltip-close"><i class="icon popup close white"></i></button>
+        </div>
+        <div class="content">
+          <div class="box gray_fill">
+            <b class="title">작성 전 유의사항</b>
+            <dl class="box white_fill">
+              <dt>· 사업자간 분쟁인지 여부</dt>
+              <dd>
+                <ul class="sub_info_ul">
+                  <li>양 당사자 연락처를 정확히 기재바랍니다.</li>
+                  <li>사안이 다양할 경우 피해금액이 큰 주장 위주로 작성해 주시기 바랍니다.</li>
+                </ul>
+              </dd>
+              <dt>· 신청서 부본 준비</dt>
+              <dd>
+                <ul class="sub_info_ul">
+                  <li>분쟁조정신청서는 3부(원본 보관용, 피신청인 송달용, 공정위 송달용) 제출</li>
+                </ul>
+              </dd>
+            </dl>
+            <b class="title">신청서 작성 요령</b>
+            <dl class="box white_fill">
+              <dt>· 신청서 표지</dt>
+              <dd>
+                <ul class="sub_info_ul">
+                  <li>신청인, 피신청인의 상호 및 송달가능 주소, 연락처를 명확하게 기재합니다.</li>
+                  <li>피신청인의 본점 주소지와 송달주소지가 다를 경우 둘 다 기재합니다.</li>
+                  <li>피신청인의 사업자등록번호와 법인등록번호는 모를 경우 생략해도 무방합니다.</li>
+                </ul>
+              </dd>
+              <dt>· 신청서 별지</dt>
+              <dd>
+                <p class="color_darkblue fw_medium">1) 신청취지</p>
+                <ul class="sub_info_ul">
+                  <li>신청취지는 피신청인을 상대로 신청인이 요구하는 핵심적인 내용을 말하며, 행위를 요청하는 경우에는 피신청인이 어떠한 행위를 하라고 청구하는 것인지 구체적으로 기재하여 주시고, 금전의 지급을 요청하는 경우에는 그 액을 명시하여 주시기 바랍니다.</li>
+                </ul>
+                <p class="fw_medium ex_tit">※ 기재 예시</p>
+                <div class="box gray_border gray_fill">
+                  <ul class="sub_info_ul mt0">
+                    <li>‘피신청인은 신청인에게 ()년 ()월 ()자 계약 해지는 무효임을 확인한다’라는 조정을 구합니다.</li>
+                    <li>‘피신청인은 신청인에게 금 ()원을 지급한다’라는 조정을 구합니다.</li>
+                  </ul>
+                </div>
+                <p class="color_darkblue fw_medium">2) 신청이유</p>
+                <ul class="sub_info_ul">
+                  <li>신청이유는 신청인이 분쟁조정신청에 이르게 된 이유 및 신청취지의 작성 근거 등을 말하며, 최대한 자세하게 작성하여 주시기 바랍니다.</li>
+                </ul>
+                <p class="fw_medium ex_tit">※ 기재 예시</p>
+                <div class="box gray_border gray_fill">
+                  <ul class="sub_info_ul mt0">
+                    <li>분쟁당사자의 현황(예: 신청인과 피신청인의 업종 등)</li>
+                    <li>분쟁조정신청에 이르게 된 경위<br>(예: 계약 체결일 및 계약 내용, 피신청인과의 거래 비중, 분쟁이 발생하게 된 배경 및 경위* 등)<br>* 사안이 다양할 경우 피해금액이 큰 주장 위주로 작성합니다.</li>
+                    <li>기타 관련된 내용(예: 조정절차 진행 시 참고하여야 할 내용 등)</li>
+                  </ul>
+                </div>
+                <p class="color_darkblue fw_medium">3) 일반현황에 대한 기초 자료</p>
+                <ul class="sub_info_ul">
+                  <li>사업자등록증 및 법인등기부등본</li>
+                  <li>계약체결 직전연도 및 당해연도 손익계산서 또는 부가가치세 과세 표준 증명원</li>
+                </ul>
+                <p class="color_darkblue fw_medium">4) 입증자료</p>
+                <ul class="sub_info_ul">
+                  <li>신청이유에 기재한 사실 및 주장을 입증할 수 있는 자료</li>
+                  <li>(예: 계약서, 세금계산서, 거래명세표, 거래당사자 사이에 주고받은 내용증명 등)</li>
+                </ul>
+                <p class="color_darkblue fw_medium">5) 기타자료</p>
+                <ul class="sub_info_ul">
+                  <li>대리인이 신청하는 경우 위임장과 본인 인감증명서 제출</li>
+                </ul>
+              </dd>
+            </dl>
+            <b class="title">제출 서류의 구비</b>
+            <div class="box white_fill">
+              <dt>· 일반현황에 대한 기초 자료</dt>
+              <dd>
+                <ul class="sub_info_ul">
+                  <li>사업자등록증 및 법인등기부등본</li>
+                  <li>계약체결 직전연도 및 당해연도 손익계산서 또는 부가가치세 과세표준 증명원</li>
+                </ul>
+              </dd>
+              <dt>· 입증자료</dt>
+              <dd>
+                <ul class="sub_info_ul">
+                  <li>신청이유에 기재한 사실 및 주장을 입증할 수 있는 자료<br>(예: 계약서, 세금계산서, 거래명세표, 거래당사자 사이에 주고받은 내용증명 등)</li>
+                </ul>
+              </dd>
+              <dt>· 기타자료</dt>
+              <dd>
+                <ul class="sub_info_ul">
+                  <li>대리인이 신청하는 경우 위임장과 본인 인감증명서 제출</li>
+                </ul>
+              </dd>
+            </div>
+          </div>
+          <div class="btn_wrap center">
+            <button type="button" class="btn btn_text btn_40 gray_fill tooltip-close" data-tooltip="write_popup_popup" data-focus="write_popup_popup" data-focus-next="write_popup">확인</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- 팝업 : 해당 유형 안내 : type_popup -->
+  <div class="tooltip-wrap">
+    <div class="popup_wrap layer_popup type_popup" style="width:795px;" tabindex="0" data-tooltip-con="type_popup" data-focus="type_popup" data-focus-prev="type_popup_close">
+      <div class="popup_content">
+        <div class="title_wrap">
+          <p>하도급거래 해당 유형</p>
+          <button type="button" class="btn only_icon btn_popup_close tooltip-close"><i class="icon popup close white"></i></button>
+        </div>
+        <div class="content">
+          <div class="box gray_fill">
+            <dl class="box white_fill">
+              <dt>· 하도급거래 중 발생한 분쟁으로서 다음 유형의 행위에 해당하는 경우</dt>
+              <dd>
+                <ul class="sub_info_ul">
+                  <li>하도급대금의 부당 결정, 하도급대금 미지급, 부당 감액, 어음할인료 미지급, 부당한 대물변제, 선급금 미지급</li>
+                  <li>설계변경 또는 원재료의 가격 변동 등에 따른 하도급대금 조정의무 불이행</li>
+                  <li>물품 등의 구매 강제</li>
+                  <li>부당한 위탁 취소, 부당하게 목적물 등의 수령 거부</li>
+                  <li>부당하게 기술자료 또는 경제적 이익 제공 요구</li>
+                </ul>
+              </dd>
+              <dt>
+                <p class="fw_medium ex_tit">※ 신청제외 대상</p>
+              </dt>
+              <dd>
+                <div class="box gray_border gray_fill">
+                  <ul class="sub_info_ul mt0">
+                    <li>하도급법 제2조 제1항 내지 제3항의 규정에 의한 “하도급거래”, “원사업자”, “수급사업자” 요건을 충족하지 아니하는 경우</li>
+                    <li>당해 거래가 끝난 날로부터 3년이 지난 경우</li>
+                    <li>단순 민사 분쟁</li>
+                  </ul>
+                </div>
+              </dd>
+            </dl>
+          </div>
+          <div class="btn_wrap center">
+            <button type="button" class="btn btn_text btn_40 gray_fill tooltip-close" data-tooltip="type_popup_popup" data-focus="type_popup_popup" data-focus-next="type_popup">확인</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+
+  <div class="wrap sub">
+    <div data-include-path="/kofair_case_seed/usr/layout/_header.html"></div>
+
+    <div class="contents sub">
+
+      <div class="sub_visual">
+        <h2>분쟁조정 신청</h2>
+      </div>
+
+      <div class="inner">
+
+        <!-- lnb -->
+        <div class="lnb">
+          <p class="title">분쟁조정 신청</p>
+          <ul class="lnb_menu">
+            <li>
+              <a href="#none" class="lnb_menu_title">분쟁조정 신청하기</a>
+            </li>
+            <li>
+              <a href="#none" class="lnb_menu_title">분쟁조정 사건조회</a>
+            </li>
+          </ul>
+        </div>
+        <!-- //lnb -->
+        <div class="sub_content apl03_info_content">
+
+          <!-- page_location -->
+          <ul class="page_location">
+            <li><i class="icon home"></i></li>
+            <li>분쟁조정 신청</li>
+            <li>분쟁조정 신청하기</li>
+          </ul>
+          <!-- //page_location -->
+
+          <h3 class="sub_con_tit">분쟁조정 신청하기</h3>
+          <p class="sub_con_sub_tit">거래유형에 따른 분쟁조정 신청방법 및 절차를 알려드립니다.</p>
+
+          <ul class="process_step_wrap step5">
+            <li>
+              <p>STEP 01 <span>개인정보수집</span></p>
+              <i class="icon step step01"></i>
+            </li>
+            <li class="active">
+              <p>STEP 02 <span>신청인 정보</span></p>
+              <i class="icon step step02"></i>
+            </li>
+            <li>
+              <p>STEP 03 <span>피신청인 정보</span></p>
+              <i class="icon step step03"></i>
+            </li>
+            <li>
+              <p>STEP 04 <span>사건현황</span></p>
+              <i class="icon step step04"></i>
+            </li>
+            <li>
+              <p>STEP 05 <span>분쟁정보</span></p>
+              <i class="icon step step05"></i>
+            </li>
+          </ul>
+
+          <ul class="box gray_border info_ul apl_03_content">
+            <li class="title blue_border fw_regular">분쟁조정에 필요한 정보(사업자 정보 및 분쟁사실 등)는 담당자 및 분쟁조정협의회 위원 등 관계자들에게만 제공되며, 신청인 및 신청인 소속 직원의
+              개인정보에 대해서는 관계 법령에 따라 비밀유지 의무를 준수합니다.</li>
+            <li class="title blue_border fw_regular">조정원은 분쟁조정 신청 이후 분쟁사실 검토를 위해 관련 법령에 따라 사실관계 확인 등에 필요한 자료제출을 요구할 수 있으며, 자료제출에 2회 이상
+              불응할 경우 조정절차가 중지될 수 있으니 이 점 유의하시기 바랍니다.</li>
+            <li class="title blue_border fw_regular">조정절차 진행 및 조정의사 확인 등을 이유로 필요한 경우 우편으로 문서가 통지될 수 있습니다.</li>
+          </ul>
+
+          <div class="btn_wrap right">
+            <button type="button" class="btn btn_text btn_35 gray_fill" data-tooltip="write_popup" title="팝업 열림">신청서 작성 요령</button>
+          </div>
+
+          <div class="table_top" style="justify-content:flex-end;">
+            <p class="cf_text"><span class="color_red">*</span>표기는 필수 입력사항</p>
+          </div>
+          <div class="table_type_rows">
+            <table>
+              <colgroup>
+                <col style="width:200px;">
+                <col style="width:auto;">
+              </colgroup>
+              <tbody>
+                <tr>
+                  <th>
+                    <p class="required_text">*<span>필수입력</span></p>조정유형
+                  </th>
+                  <td>
+                    하도급거래 <button type="button" class="btn btn_text btn_35 gray_fill" data-tooltip="type_popup" title="팝업 열림">하도급거래 해당 유형</button>
+                  </td>
+                </tr>
+                <tr>
+                  <th>
+                    <p class="required_text">*<span>필수입력</span></p>신청사유
+                  </th>
+                  <td>
+                    <div class="reason_add input_box">
+                      <select name="" id="" class="select">
+                        <option value="">선택하세요</option>
+                        <option value="1103010000">서면의 발급 및 서류의 보존의무</option>
+                        <option value="1103020000">선급금 지급의무</option>
+                        <option value="1103030000">내국신용장개설의무 위반</option>
+                        <option value="1103040000">검사의무 위반</option>
+                        <option value="1103050000">하도급대금 지급</option>
+                        <option value="1103290000">하도급대금 연동</option>
+                        <option value="1103060000">건설하도급 대금지급 보증의무</option>
+                        <option value="1103070000">관세 등 환급액의 지급의무 위반</option>
+                        <option value="1103080000">설계변경 등에 따른 하도급대금 조정의무</option>
+                        <option value="1103090000">공급원가 변동에 따른 하도급대금 조정의무</option>
+                        <option value="1103100000">부당한 하도급대금 결정</option>
+                        <option value="1103110000">물품 등의 구매강제</option>
+                        <option value="1103120000">부당한 위탁취소</option>
+                        <option value="1103130000">부당반품</option>
+                        <option value="1103140000">부당감액</option>
+                        <option value="1103280000">부당특약</option>
+                        <option value="1103150000">물품구매대금 등의 부당결제 청구</option>
+                        <option value="1103160000">경제적 이익의 부당요구</option>
+                        <option value="1103170000">기술자료 제공 요구</option>
+                        <option value="1103180000">부당한 대물변제</option>
+                        <option value="1103190000">부당한 경영간섭</option>
+                        <option value="1103200000">보복조치</option>
+                        <option value="1103220000">탈법행위</option>
+                        <option value="1103230000">발주자에 대한 하도급대금 직접지급 청구에 대해 협조의무</option>
+                        <option value="1103240000">발주자의 하도급대금 직접지급의무</option>
+                        <option value="1103250000">서면거짓작성 및 발급</option>
+                        <option value="1103260000">서류미보존</option>
+                        <option value="1103270000">기타</option>
+                      </select>
+                      <button type="button" class="btn btn_text btn_40 darkblue_border btn_add_reason">신청사유 추가</button>
+                    </div>
+                    <ul class="reason_list">
+                      <li>
+                        <select name="" id="" class="select">
+                          <option value="">선택하세요</option>
+                          <option value="1103010000">서면의 발급 및 서류의 보존의무</option>
+                          <option value="1103020000">선급금 지급의무</option>
+                          <option value="1103030000">내국신용장개설의무 위반</option>
+                          <option value="1103040000">검사의무 위반</option>
+                          <option value="1103050000">하도급대금 지급</option>
+                          <option value="1103290000">하도급대금 연동</option>
+                          <option value="1103060000">건설하도급 대금지급 보증의무</option>
+                          <option value="1103070000">관세 등 환급액의 지급의무 위반</option>
+                          <option value="1103080000">설계변경 등에 따른 하도급대금 조정의무</option>
+                          <option value="1103090000">공급원가 변동에 따른 하도급대금 조정의무</option>
+                          <option value="1103100000">부당한 하도급대금 결정</option>
+                          <option value="1103110000">물품 등의 구매강제</option>
+                          <option value="1103120000">부당한 위탁취소</option>
+                          <option value="1103130000">부당반품</option>
+                          <option value="1103140000">부당감액</option>
+                          <option value="1103280000">부당특약</option>
+                          <option value="1103150000">물품구매대금 등의 부당결제 청구</option>
+                          <option value="1103160000">경제적 이익의 부당요구</option>
+                          <option value="1103170000">기술자료 제공 요구</option>
+                          <option value="1103180000">부당한 대물변제</option>
+                          <option value="1103190000">부당한 경영간섭</option>
+                          <option value="1103200000">보복조치</option>
+                          <option value="1103220000">탈법행위</option>
+                          <option value="1103230000">발주자에 대한 하도급대금 직접지급 청구에 대해 협조의무</option>
+                          <option value="1103240000">발주자의 하도급대금 직접지급의무</option>
+                          <option value="1103250000">서면거짓작성 및 발급</option>
+                          <option value="1103260000">서류미보존</option>
+                          <option value="1103270000">기타</option>
+                        </select>
+                        <button type="button" class="btn only_icon round btn_delect" onclick="removeLi(this);" title="사유 삭제"><i class="icon"></i></button>
+                      </li>
+                      <li>
+                        <select name="" id="" class="select">
+                          <option value="">선택하세요</option>
+                          <option value="1103010000">서면의 발급 및 서류의 보존의무</option>
+                          <option value="1103020000">선급금 지급의무</option>
+                          <option value="1103030000">내국신용장개설의무 위반</option>
+                          <option value="1103040000">검사의무 위반</option>
+                          <option value="1103050000">하도급대금 지급</option>
+                          <option value="1103290000">하도급대금 연동</option>
+                          <option value="1103060000">건설하도급 대금지급 보증의무</option>
+                          <option value="1103070000">관세 등 환급액의 지급의무 위반</option>
+                          <option value="1103080000">설계변경 등에 따른 하도급대금 조정의무</option>
+                          <option value="1103090000">공급원가 변동에 따른 하도급대금 조정의무</option>
+                          <option value="1103100000">부당한 하도급대금 결정</option>
+                          <option value="1103110000">물품 등의 구매강제</option>
+                          <option value="1103120000">부당한 위탁취소</option>
+                          <option value="1103130000">부당반품</option>
+                          <option value="1103140000">부당감액</option>
+                          <option value="1103280000">부당특약</option>
+                          <option value="1103150000">물품구매대금 등의 부당결제 청구</option>
+                          <option value="1103160000">경제적 이익의 부당요구</option>
+                          <option value="1103170000">기술자료 제공 요구</option>
+                          <option value="1103180000">부당한 대물변제</option>
+                          <option value="1103190000">부당한 경영간섭</option>
+                          <option value="1103200000">보복조치</option>
+                          <option value="1103220000">탈법행위</option>
+                          <option value="1103230000">발주자에 대한 하도급대금 직접지급 청구에 대해 협조의무</option>
+                          <option value="1103240000">발주자의 하도급대금 직접지급의무</option>
+                          <option value="1103250000">서면거짓작성 및 발급</option>
+                          <option value="1103260000">서류미보존</option>
+                          <option value="1103270000">기타</option>
+                        </select>
+                        <button type="button" class="btn only_icon round btn_delect" onclick="reasonDelete(this);" title="사유 삭제"><i class="icon"></i></button>
+                      </li>
+                    </ul>
+                  </td>
+                </tr>
+                <tr>
+                  <th>
+                    <p class="required_text">*<span>필수입력</span></p>하도급 위탁유형
+                  </th>
+                  <td>
+                    <select name="" id="" class="select">
+                      <option value="">기타의 불이익제공-① 대금 및 정산 관련</option>
+                    </select>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+
+
+
+          <!-- 신청인 기입사항 -->
+          <div class="table_top title">
+            <p class="title orange_border blue_border">신청인 기입사항</p>
+            <div class="area_right">
+              <p class="cf_text"><span class="color_red">*</span> 표기는 필수 입력사항</p>
+              <button type="button" class="btn btn_text btn_35 orange_fill btn_add_apl">신청인 추가</button>
+            </div>
+          </div>
+
+          <ul class="apl_list">
+            <li>
+              <div class="apl_title">
+                <button type="button" class="btn_apl_slide" onclick="aplSlide(this);">
+                  신청인1 <i class="icon slide up"></i>
+                </button>
+                <button type="button" class="btn btn_text btn_35 darkblue_border btn_delete_apl" onclick="removeLi(this);" title="신청인1 삭제">신청인 삭제</button>
+              </div>
+              <div class="table_type_rows apl_info_input">
+                <table>
+                  <colgroup>
+                    <col style="width:200px;">
+                    <col style="width:auto;">
+                    <col style="width:200px;">
+                    <col style="width:auto;">
+                  </colgroup>
+                  <tbody>
+                    <tr>
+                      <th>
+                        <p class="required_text">*<span>필수입력</span></p>상호
+                      </th>
+                      <td><input type="text" class="input_text w100per" title="상호 입력"></td>
+                      <th>
+                        <p class="required_text">*<span>필수입력</span></p>대표자
+                      </th>
+                      <td><input type="text" class="input_text w100per" title="대표자 입력"></td>
+                    </tr>
+                    <tr>
+                      <th>
+                        <p class="required_text">*<span>필수입력</span></p>개인/법인
+                      </th>
+                      <td colspan="3">
+                        <select name="" id="" class="select" title="개인/법인 선택">
+                          <option value="">개인</option>
+                          <option value="">법인</option>
+                        </select>
+                      </td>
+                    </tr>
+                    <tr>
+                      <th>
+                        <p class="required_text">*<span>필수입력</span></p>우편번호
+                      </th>
+                      <td colspan="3">
+                        <ul class="input_box postcode_input">
+                          <li><input type="text" class="input_text" title="우편번호 입력"></li>
+                          <li><button type="button" class="btn btn_text darkblue_border btn_40">우편번호검색</button></li>
+                          <li><input type="checkbox" id="global_check" class="checkbox"><label for="global_check">해외시 체크해주세요.</label></li>
+                        </ul>
+                        <p class="cf_text small color_red">*우편물(공문)을 수령할 수 있는 자택/사업장 주소를 기입 바랍니다.</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <th>
+                        <p class="required_text">*<span>필수입력</span></p>도로명 주소
+                      </th>
+                      <td colspan="3">
+                        <ul class="input_box address_input">
+                          <li><input type="text" class="input_text" readonly></li>
+                          <li><input type="text" class="input_text" readonly></li>
+                        </ul>
+
+                      </td>
+                    </tr>
+                    <tr>
+                      <th>
+                        <p class="required_text">*<span>필수입력</span></p>이메일
+                      </th>
+                      <td colspan="3">
+                        <div class="email_wrap">
+                          <input type="text" class="input_text input_email" title="이메일 공급자 입력">
+                          @
+                          <input type="text" class="input_text input_email" title="이메일 공급자 입력">
+                          <select name="" id="" class="select email_select" title="이메일 공급자 선택">
+                            <option value="0">직접입력</option>
+                            <option value="chol.com">chol.com</option>
+                            <option value="daum.net">daum.net</option>
+                            <option value="dreamwiz.com">dreamwiz.com</option>
+                            <option value="empal.com">empal.com</option>
+                            <option value="freechal.com">freechal.com</option>
+                            <option value="gmail.com">gmail.com</option>
+                            <option value="hanafos.com">hanafos.com</option>
+                            <option value="hanmir.com">hanmir.com</option>
+                            <option value="hitel.com">hitel.com</option>
+                            <option value="hotmail.com">hotmail.com</option>
+                            <option value="korea.com">korea.com</option>
+                            <option value="lycos.co.kr">lycos.co.kr</option>
+                            <option value="nate.com">nate.com</option>
+                            <option value="naver.com">naver.com</option>
+                            <option value="netian.com">netian.com</option>
+                            <option value="paran.com">paran.com</option>
+                            <option value="yahoo.com">yahoo.com</option>
+                            <option value="yahoo.co.kr">yahoo.co.kr</option>
+                          </select>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <th>
+                        <p class="required_text">*<span>필수입력</span></p>휴대폰
+                      </th>
+                      <td>
+                        <div class="phone_wrap">
+                          <select name="" id="" title="핸드폰 첫번째 자리 선택" class="select">
+                            <option value="">010</option>
+                            <option value="">011</option>
+                          </select> -
+                          <input type="text" class="input_text" title="핸드폰 가운데 자리 입력"> -
+                          <input type="text" class="input_text" title="핸드폰 마지막 자리 입력">
+                        </div>
+                      </td>
+                      <th>FAX</th>
+                      <td>
+                        <div class="phone_wrap fax_wrap">
+                          <input type="text" class="input_text" title="팩스 가운데 자리 입력"> -
+                          <input type="text" class="input_text" title="팩스 가운데 자리 입력"> -
+                          <input type="text" class="input_text" title="팩스 마지막 자리 입력">
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <th>
+                        <p class="required_text">*<span>필수입력</span></p>사업자등록번호<br>('-'제외)
+                      </th>
+                      <td><input type="text" class="input_text w100per" title="사업자등록번호 입력"></td>
+                      <th>법인등록번호<br>('-'제외)</th>
+                      <td><input type="text" class="input_text w100per" title="법인등록번호 입력"></td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </li>
+          </ul>
+          <div class="btn_wrap right">
+            <button type="button" class="btn btn_text btn_45 darkgray_border">임시저장</button>
+            <button type="button" class="btn btn_text btn_45 darkblue_fill">다음단계</button>
+          </div>
+          <!-- //신청인 기입사항 -->
+
+
+
+        </div>
+
+
+      </div>
+
+    </div>
+
+    <div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
+  </div>
+</body>
+
+</html>

src/main/webapp/kofair_case_seed/usr/request/apl_04.html

@@ -0,0 +1,250 @@
+<!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="/kofair_case_seed/css/reset.css">
+  <link rel="stylesheet" href="/kofair_case_seed/css/font.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/common.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/layout.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/popup.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/style.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/request.css">
+
+  <!-- js -->
+  <script src="/kofair_case_seed/script/lib/jquery-3.5.0.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/common.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/layout.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/popup.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/ui.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/request.js"></script>
+
+</head>
+
+<body>
+  <div class="mask"></div>
+
+  <div class="wrap sub">
+    <div data-include-path="/kofair_case_seed/usr/layout/_header.html"></div>
+
+    <div class="contents sub">
+
+      <div class="sub_visual">
+        <h2>분쟁조정 신청</h2>
+      </div>
+
+      <div class="inner">
+
+        <!-- lnb -->
+        <div class="lnb">
+          <p class="title">분쟁조정 신청</p>
+          <ul class="lnb_menu">
+            <li>
+              <a href="#none" class="lnb_menu_title">분쟁조정 신청하기</a>
+            </li>
+            <li>
+              <a href="#none" class="lnb_menu_title">분쟁조정 사건조회</a>
+            </li>
+          </ul>
+        </div>
+        <!-- //lnb -->
+        <div class="sub_content apl03_info_content">
+
+          <!-- page_location -->
+          <ul class="page_location">
+            <li><i class="icon home"></i></li>
+            <li>분쟁조정 신청</li>
+            <li>분쟁조정 신청하기</li>
+          </ul>
+          <!-- //page_location -->
+
+          <h3 class="sub_con_tit">분쟁조정 신청하기</h3>
+          <p class="sub_con_sub_tit">거래유형에 따른 분쟁조정 신청방법 및 절차를 알려드립니다.</p>
+
+          <ul class="process_step_wrap step5">
+            <li>
+              <p>STEP 01 <span>개인정보수집</span></p>
+              <i class="icon step step01"></i>
+            </li>
+            <li>
+              <p>STEP 02 <span>신청인 정보</span></p>
+              <i class="icon step step02"></i>
+            </li>
+            <li class="active">
+              <p>STEP 03 <span>피신청인 정보</span></p>
+              <i class="icon step step03"></i>
+            </li>
+            <li>
+              <p>STEP 04 <span>사건현황</span></p>
+              <i class="icon step step04"></i>
+            </li>
+            <li>
+              <p>STEP 05 <span>분쟁정보</span></p>
+              <i class="icon step step05"></i>
+            </li>
+          </ul>
+
+          <!-- 피신청인 기입사항 -->
+          <div class="table_top title">
+            <p class="title orange_border blue_border">피신청인 기입사항</p>
+            <div class="area_right">
+              <p class="cf_text"><span class="color_red">*</span> 표기는 필수 입력사항</p>
+              <button type="button" class="btn btn_text btn_35 orange_fill btn_add_apl">피신청인 추가</button>
+            </div>
+          </div>
+
+          <ul class="apl_list rapl_list">
+            <li>
+              <div class="apl_title">
+                <button type="button" class="btn_apl_slide" onclick="aplSlide(this);">
+                  피신청인1 <i class="icon slide up"></i>
+                </button>
+                <button type="button" class="btn btn_text btn_35 darkblue_border btn_delete_apl" onclick="removeLi(this);" title="피신청인1 삭제">피신청인 삭제</button>
+              </div>
+              <div class="table_type_rows apl_info_input">
+                <table>
+                  <colgroup>
+                    <col style="width:200px;">
+                    <col style="width:auto;">
+                    <col style="width:200px;">
+                    <col style="width:auto;">
+                  </colgroup>
+                  <tbody>
+                    <tr>
+                      <th>
+                        <p class="required_text">*<span>필수입력</span></p>상호
+                      </th>
+                      <td><input type="text" class="input_text w100per" title="상호 입력"></td>
+                      <th>
+                        <p class="required_text">*<span>필수입력</span></p>대표자
+                      </th>
+                      <td><input type="text" class="input_text w100per" title="대표자 입력"></td>
+                    </tr>
+                    <tr>
+                      <th>
+                        <p class="required_text">*<span>필수입력</span></p>개인/법인
+                      </th>
+                      <td colspan="3">
+                        <select name="" id="" class="select" title="개인/법인 선택">
+                          <option value="">개인</option>
+                          <option value="">법인</option>
+                        </select>
+                      </td>
+                    </tr>
+                    <tr>
+                      <th>
+                        <p class="required_text">*<span>필수입력</span></p>우편번호
+                      </th>
+                      <td colspan="3">
+                        <ul class="input_box postcode_input">
+                          <li><input type="text" class="input_text" title="우편번호 입력"></li>
+                          <li><button type="button" class="btn btn_text darkblue_border btn_40">우편번호검색</button></li>
+                          <li><input type="checkbox" id="global_check" class="checkbox"><label for="global_check">해외시 체크해주세요.</label></li>
+                        </ul>
+                      </td>
+                    </tr>
+                    <tr>
+                      <th>
+                        <p class="required_text">*<span>필수입력</span></p>도로명 주소
+                      </th>
+                      <td colspan="3">
+                        <ul class="input_box address_input">
+                          <li><input type="text" class="input_text" readonly></li>
+                          <li><input type="text" class="input_text" readonly></li>
+                        </ul>
+
+                      </td>
+                    </tr>
+                    <tr>
+                      <th>
+                        <p class="required_text">*<span>필수입력</span></p>이메일
+                      </th>
+                      <td colspan="3">
+                        <div class="email_wrap">
+                          <input type="text" class="input_text input_email" title="이메일 공급자 입력">
+                          @
+                          <input type="text" class="input_text input_email" title="이메일 공급자 입력">
+                          <select name="" id="" class="select email_select" title="이메일 공급자 선택">
+                            <option value="0">직접입력</option>
+                            <option value="chol.com">chol.com</option>
+                            <option value="daum.net">daum.net</option>
+                            <option value="dreamwiz.com">dreamwiz.com</option>
+                            <option value="empal.com">empal.com</option>
+                            <option value="freechal.com">freechal.com</option>
+                            <option value="gmail.com">gmail.com</option>
+                            <option value="hanafos.com">hanafos.com</option>
+                            <option value="hanmir.com">hanmir.com</option>
+                            <option value="hitel.com">hitel.com</option>
+                            <option value="hotmail.com">hotmail.com</option>
+                            <option value="korea.com">korea.com</option>
+                            <option value="lycos.co.kr">lycos.co.kr</option>
+                            <option value="nate.com">nate.com</option>
+                            <option value="naver.com">naver.com</option>
+                            <option value="netian.com">netian.com</option>
+                            <option value="paran.com">paran.com</option>
+                            <option value="yahoo.com">yahoo.com</option>
+                            <option value="yahoo.co.kr">yahoo.co.kr</option>
+                          </select>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <th>
+                        <p class="required_text">*<span>필수입력</span></p>휴대폰
+                      </th>
+                      <td>
+                        <div class="phone_wrap">
+                          <select name="" id="" title="핸드폰 첫번째 자리 선택" class="select">
+                            <option value="">010</option>
+                            <option value="">011</option>
+                          </select> -
+                          <input type="text" class="input_text" title="핸드폰 가운데 자리 입력"> -
+                          <input type="text" class="input_text" title="핸드폰 마지막 자리 입력">
+                        </div>
+                      </td>
+                      <th>FAX</th>
+                      <td>
+                        <div class="phone_wrap fax_wrap">
+                          <input type="text" class="input_text" title="팩스 가운데 자리 입력"> -
+                          <input type="text" class="input_text" title="팩스 가운데 자리 입력"> -
+                          <input type="text" class="input_text" title="팩스 마지막 자리 입력">
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <th>
+                        <p class="required_text">*<span>필수입력</span></p>사업자등록번호<br>('-'제외)
+                      </th>
+                      <td><input type="text" class="input_text w100per" title="사업자등록번호 입력"></td>
+                      <th>법인등록번호<br>('-'제외)</th>
+                      <td><input type="text" class="input_text w100per" title="법인등록번호 입력"></td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </li>
+          </ul>
+          <div class="btn_wrap right">
+            <button type="button" class="btn btn_text btn_45 darkgray_border">임시저장</button>
+            <button type="button" class="btn btn_text btn_45 darkblue_fill">다음단계</button>
+          </div>
+          <!-- //신청인 기입사항 -->
+
+
+
+        </div>
+
+
+      </div>
+
+    </div>
+
+    <div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
+  </div>
+</body>
+
+</html>

src/main/webapp/kofair_case_seed/usr/request/apl_05.html

@@ -0,0 +1,113 @@
+<!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="/kofair_case_seed/css/reset.css">
+  <link rel="stylesheet" href="/kofair_case_seed/css/font.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/common.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/layout.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/popup.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/style.css">
+  <link rel="stylesheet" href="/kofair_case_seed/usr/style/request.css">
+
+  <!-- js -->
+  <script src="/kofair_case_seed/script/lib/jquery-3.5.0.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/common.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/layout.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/popup.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/ui.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/request.js"></script>
+
+</head>
+
+<body>
+  <div class="mask"></div>
+
+  <div class="wrap sub">
+    <div data-include-path="/kofair_case_seed/usr/layout/_header.html"></div>
+
+    <div class="contents sub">
+
+      <div class="sub_visual">
+        <h2>분쟁조정 신청</h2>
+      </div>
+
+      <div class="inner">
+
+        <!-- lnb -->
+        <div class="lnb">
+          <p class="title">분쟁조정 신청</p>
+          <ul class="lnb_menu">
+            <li>
+              <a href="#none" class="lnb_menu_title">분쟁조정 신청하기</a>
+            </li>
+            <li>
+              <a href="#none" class="lnb_menu_title">분쟁조정 사건조회</a>
+            </li>
+          </ul>
+        </div>
+        <!-- //lnb -->
+        <div class="sub_content apl03_info_content">
+
+          <!-- page_location -->
+          <ul class="page_location">
+            <li><i class="icon home"></i></li>
+            <li>분쟁조정 신청</li>
+            <li>분쟁조정 신청하기</li>
+          </ul>
+          <!-- //page_location -->
+
+          <h3 class="sub_con_tit">분쟁조정 신청하기</h3>
+          <p class="sub_con_sub_tit">거래유형에 따른 분쟁조정 신청방법 및 절차를 알려드립니다.</p>
+
+          <ul class="process_step_wrap step5">
+            <li>
+              <p>STEP 01 <span>개인정보수집</span></p>
+              <i class="icon step step01"></i>
+            </li>
+            <li>
+              <p>STEP 02 <span>신청인 정보</span></p>
+              <i class="icon step step02"></i>
+            </li>
+            <li>
+              <p>STEP 03 <span>피신청인 정보</span></p>
+              <i class="icon step step03"></i>
+            </li>
+            <li class="active">
+              <p>STEP 04 <span>사건현황</span></p>
+              <i class="icon step step04"></i>
+            </li>
+            <li>
+              <p>STEP 05 <span>분쟁정보</span></p>
+              <i class="icon step step05"></i>
+            </li>
+          </ul>
+
+          <!-- 사건현황 -->
+          <div class="table_top title">
+            <p class="title orange_border blue_border">사건현황</p>
+          </div>
+
+          <p class="title depth02"></p>
+
+          <!-- //사건현황 -->
+
+
+
+        </div>
+
+
+      </div>
+
+    </div>
+
+    <div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
+  </div>
+</body>
+
+</html>

src/main/webapp/kofair_case_seed/usr/scripts/layout.js

@@ -1,9 +1,10 @@
 function header() {
 
   // ================= PC header ================= 
-  $(".menu_depth01>a").mouseover(function () {
-    $(this).siblings(".sub_menu_wrap").slideDown(600);
-    $(this).closest(".menu_depth01").siblings(".menu_depth01").find(".sub_menu_wrap").slideUp(10);
+  $(".menu_depth01>a").on("mouseover",function () {
+    $(this).siblings(".sub_menu_wrap").stop().slideDown(600);
+    $(this).closest(".menu_depth01").siblings(".menu_depth01").find(".sub_menu_wrap").stop().slideUp(200);
+    return false
   });
 
   $(".sub_menu_wrap").mouseleave(function () {

src/main/webapp/kofair_case_seed/usr/scripts/request.js

@@ -0,0 +1,65 @@
+$(function () {
+
+  // ================ 신청인 정보 ================ //
+
+  // 신청사유 추가
+  $(".btn_add_reason").click(function () {
+    //$(this).prev(".select").find("option:selected").attr("selected");
+    var reasonSelect = $(this).prev(".select").html();
+    var addLi = '<li><select name="" id="" class="select">' + reasonSelect + '</select> <button type="button" class="btn only_icon round btn_delect" onclick="removeLi(this); title="사유 삭제"><i class="icon"></i></button></li>';
+    $(".reason_list").append(addLi);
+  });
+
+
+
+  // 신청인 추가
+  var apl_info = `<li><div class="apl_title"><button type="button" class="btn_apl_slide" onclick="aplSlide(this);"> <i class="icon slide up"></i></button><button type="button" class="btn btn_text btn_35 darkblue_border btn_delete_apl" onclick="removeLi(this);">신청인 삭제</button></div>`;
+  apl_info += `<div class="table_type_rows apl_info_input"><table><colgroup><col style="width:200px;"><col style="width:auto;"><col style="width:200px;"><col style="width:auto;"></colgroup>`;
+  apl_info += `<tbody><tr><th><p class="required_text">*<span>필수입력</span></p>상호</th><td><input type="text" class="input_text w100per" title="상호 입력"></td><th><p class="required_text">*<span>필수입력</span></p>대표자</th><td><input type="text" class="input_text w100per" title="대표자 입력"></td></tr>`;
+  apl_info += `<tr><th><p class="required_text">*<span>필수입력</span></p>개인/법인</th><td colspan="3"><select name="" id="" class="select" title="개인/법인 선택"><option value="">개인</option><option value="">법인</option></select></td></tr>`;
+  apl_info += `<tr><th><p class="required_text">*<span>필수입력</span></p>우편번호</th><td colspan="3"><ul class="input_box postcode_input"><li><input type="text" class="input_text" title="우편번호 입력"></li><li><button type="button" class="btn btn_text darkblue_border btn_40">우편번호검색</button></li><li><input type="checkbox" id="global_check" class="checkbox"><label for="global_check">해외시 체크해주세요.</label></li></ul><p class="cf_text small color_red">*우편물(공문)을 수령할 수 있는 자택/사업장 주소를 기입 바랍니다.</p></td></tr>`;
+  apl_info += `<tr><th><p class="required_text">*<span>필수입력</span></p>도로명 주소</th><td colspan="3"><ul class="input_box address_input"><li><input type="text" class="input_text" readonly></li><li><input type="text" class="input_text" readonly></li></ul></td></tr><tr><th><p class="required_text">*<span>필수입력</span></p>이메일</th><td colspan="3"><div class="email_wrap"><input type="text" class="input_text input_email" title="이메일 공급자 입력">@<input type="text" class="input_text input_email" title="이메일 공급자 입력"><select name="" id="" class="select email_select" title="이메일 공급자 선택"><option value="0">직접입력</option><option value="chol.com">chol.com</option><option value="daum.net">daum.net</option><option value="dreamwiz.com">dreamwiz.com</option><option value="empal.com">empal.com</option><option value="freechal.com">freechal.com</option><option value="gmail.com">gmail.com</option><option value="hanafos.com">hanafos.com</option><option value="hanmir.com">hanmir.com</option><option value="hitel.com">hitel.com</option><option value="hotmail.com">hotmail.com</option><option value="korea.com">korea.com</option><option value="lycos.co.kr">lycos.co.kr</option><option value="nate.com">nate.com</option><option value="naver.com">naver.com</option><option value="netian.com">netian.com</option><option value="paran.com">paran.com</option><option value="yahoo.com">yahoo.com</option><option value="yahoo.co.kr">yahoo.co.kr</option></select></div></td></tr>`;
+  apl_info += `<tr><th><p class="required_text">*<span>필수입력</span></p>휴대폰</th><td><div class="phone_wrap"><select name="" id="" title="핸드폰 첫번째 자리 선택" class="select"><option value="">010</option><option value="">011</option></select> - <input type="text" class="input_text" title="핸드폰 가운데 자리 입력"> - <input type="text" class="input_text" title="핸드폰 마지막 자리 입력"></div></td><th>FAX</th><td><div class="phone_wrap fax_wrap"><input type="text" class="input_text" title="팩스 가운데 자리 입력"> - <input type="text" class="input_text" title="팩스 가운데 자리 입력"> - <input type="text" class="input_text" title="팩스 마지막 자리 입력"></div></td></tr><tr><th><p class="required_text">*<span>필수입력</span></p>사업자등록번호<br>(' - '제외)</th><td><input type="text" class="input_text w100per" title="사업자등록번호 입력"></td><th>법인등록번호<br>(' - '제외)</th><td><input type="text" class="input_text w100per" title="법인등록번호 입력"></td></tr></tbody></table></div></li>`;
+
+  $(".btn_add_apl").click(function () {
+    var aplNum = $(".apl_list>li").length + 1;
+    if ($(this).closest(".table_top").siblings(".apl_list").is(".rapl_list")) {
+      console.log("1")
+      $(".apl_list").append(apl_info);
+      $(".apl_list>li").last().find('.btn_apl_slide').html('피신청인' + aplNum + ' <i class="icon slide up"></i>');
+      $(".apl_list>li").last().find('.btn_delete_apl').attr("title", "피신청인" + aplNum + " 삭제").text("피신청인 삭제");
+    } else {
+      console.log("2")
+      $(".apl_list").append(apl_info);
+      $(".apl_list>li").last().find('.btn_apl_slide').html('신청인' + aplNum + ' <i class="icon slide up"></i>');
+      $(".apl_list>li").last().find('.btn_delete_apl').attr("title", "신청인" + aplNum + " 삭제");
+    }
+  });
+})
+
+// 타이틀 클릭 시 하위 정보 노출/숨김
+function aplSlide(button) {
+  $(button).closest(".apl_title").toggleClass("active");
+  $(button).closest(".apl_title").next(".apl_info_input").slideToggle(300);
+}
+
+function removeLi(button) {
+  $(button).closest("li").remove();
+  setTimeout(function () {
+    if ($(button).is(".btn_delete_apl")) {
+      $(".btn_apl_slide").each(function (idx1, itm1) {
+        idx1 += 1;
+        if ($(itm1).closest(".apl_list").is(".rapl_list")) {
+          $(itm1).html('피신청인' + idx1 + ' <i class="icon slide up"></i>');
+          $(itm1).next(".btn_delete_apl").attr("title", "피신청인" + idx1 + " 삭제");
+        }else{
+          $(itm1).html('신청인' + idx1 + ' <i class="icon slide up"></i>');
+          $(itm1).next(".btn_delete_apl").attr("title", "신청인" + idx1 + " 삭제");
+        }
+      })
+    }
+  })
+
+
+
+}

src/main/webapp/kofair_case_seed/usr/style/common.css

@@ -34,6 +34,7 @@
 .btn.darkblue_fill:hover{background:#2435ac;}
 .btn.orange_fill{background:#f96502;color:#fff;}
 .btn.orange_fill:hover{background:#eb5e00;}
+.btn.orange_border{border:1px solid #f96502;color:#f96502;}
 
 /* input, select, textarea */
 .input_box{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
@@ -54,24 +55,24 @@
 .checkbox{width:18px;height:18px;margin:-4px 10px 0 0;border:1px solid #d8d8d8;}
 .checkbox+label{font-size:1.7rem;color:#333;}
 
-input:disabled, input:read-only{background:#f4f4f4;border:1px solid #dddddd;}
+input:disabled, input:read-only{background:#f8f9fa;border:1px solid #d8d8d8;}
 
 /* 텍스트 */
-.fw_light{font-weight:300;}
-.fw_regular{font-weight:400;}
-.fw_medium{font-weight:500;}
-.fw_bold{font-weight:700;}
-.fw_extrabold{font-weight:800;}
+.fw_light{font-weight:300 !important;}
+.fw_regular{font-weight:400 !important;}
+.fw_medium{font-weight:500 !important;}
+.fw_bold{font-weight:700 !important;}
+.fw_extrabold{font-weight:800 !important;}
 
 .gMarket_light{font-family:'GmarketSansLight';}
 .gMarket_medium{font-family:'GmarketSansMedium';}
 .gMarket_bold{font-family:'GmarketSansBold';}
 
-.color_333{color:#333;}
-.color_666{color:#666;}
-.color_blue{color:#1467cc;}
-.color_darkblue{color:#2e40ba;}
-.color_red{color:#e40000;}
+.color_333{color:#333 !important;}
+.color_666{color:#666 !important;}
+.color_blue{color:#1467cc !important;}
+.color_darkblue{color:#2e40ba !important;}
+.color_red{color:#e40000 !important;}
 .color_brown{color:#a5532f !important;}
 
 .title{position:relative;font-weight:bold;color:#333;}
@@ -91,6 +92,7 @@ input:disabled, input:read-only{background:#f4f4f4;border:1px solid #dddddd;}
 .title.blue_border.orange_border::after{position:absolute;content:"";width:7px;height:15px;border-radius:15px;background:#f96502;border:0;left:0;top:8.5px;transform: rotate(-45deg);}
 
 .cf_text{font-size:1.5rem;font-weight:300;color:#666;}
+.cf_text.small{font-size:1.4rem;}
 
 .required_text{position:absolute;color:#e40000;left:15px;top:22px;}
 .required_text span{position:absolute;text-indent:-9999px;}
@@ -105,6 +107,8 @@ input:disabled, input:read-only{background:#f4f4f4;border:1px solid #dddddd;}
 .show{display:block !important;}
 .hide{display:none !important;}
 
+.pc_hide{display:none;}
+
 /* sub layout */
 .wrap.sub .footer{margin:80px 0 0 0;}
 .sub_visual{display:flex;margin:0 0 30px 0;height:160px;background:url(/kofair_case_seed/usr/images/layout/sub_visual.jpg) no-repeat left center;justify-content:center;align-items:center;box-shadow:inset 0 2px 10px 1px rgba(0,0,0,0.1);}
@@ -138,6 +142,9 @@ input:disabled, input:read-only{background:#f4f4f4;border:1px solid #dddddd;}
   .btn_45{height:90px;font-size:3.4rem;padding:0 36px;}
   .btn_50{height:100px;font-size:4rem;}
 
+  /* 노출/숨김 */
+  .pc_hide{display:inline-block;}
+
   /* input, select, textarea */
   .input_box{gap:30px;}
   .input_text{height:80px;font-size:3.4rem;border-radius:10px;padding:0 20px;}

src/main/webapp/kofair_case_seed/usr/style/index.css

@@ -69,13 +69,13 @@
 
 /* 자주하는질문 + 공지사항 */
 .notice_content{position:relative;display:flex;width:calc(100% - 732px);flex-wrap:wrap;}
-.notice_content .tab{font-size:3.3rem;font-weight:bold;color:#888;padding:0 27px;}
+.notice_content .tab{width:auto;font-size:3.3rem;font-weight:bold;color:#888;padding:0 27px;}
 .notice_content .tab:first-child{position:relative;padding:0 27px 0 0;}
 .notice_content .tab:first-child::after{position:absolute;content:"";width:8px;height:8px;border-radius:100%;background:#888;right:0;top:50%;transform:translateY(-50%);}
 .notice_content .tab.active{color:#333;text-decoration:underline;text-underline-offset:10px;text-decoration-thickness:5px;}
 .notice_content .tab_content{display:none;margin:44px 0 0 0;}
 .notice_content .tab_content.active{display:block;width:100%;}
-.notice_content .tab_content .btn_plus{position:absolute;left:400px;top:6px;background:#fff;}
+.notice_content .tab_content .btn_plus{position:absolute;left:387px;top:16px;background:#fff;}
 .notice_content .tab_content .btn_plus i{margin:-2px -0.9px 0 0;}
 .notice_content .faq{order: 2;}
 .notice_content a{position:relative;display:flex;padding:0 0 12px 12px;font-size:2.1rem;color:#333;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;justify-content:space-between;}
@@ -170,7 +170,7 @@
   /* 자주하는 질문 + 공지사항 */
   .notice_content .tab{font-size:3.8rem;}
   .notice_content .tab_content{margin:55px 0 0 0;}
-  .notice_content .tab_content .btn_plus{width:60px;height:60px;left:434px;top:-6px;}
+  .notice_content .tab_content .btn_plus{width:60px;height:60px;left:434px;top:35px;}
   .notice_content .tab_content .btn_plus .icon.plus{width:100%;height:100%;background:url(/kofair_case_seed/usr/images/component/icon_plus_60.png) no-repeat center center;}
   .notice_content a{font-size:3.4rem;padding:0 0 30px 30px;}
   .notice_content a::after{width:6px;height:6px;top:25.5px;}
@@ -244,7 +244,7 @@
   .notice_content .tab:first-child::after{width:4px;height:4px;right:-2px;}
   .notice_content .tab:first-child{padding:0 13px 0 0;}
   .notice_content .tab_content.active{margin:22.5px 0 0 0;}
-  .notice_content .tab_content .btn_plus{width:30px;height:30px;left:auto;}
+  .notice_content .tab_content .btn_plus{width:30px;height:30px;left:218px;top:15px;}
   .notice_content .tab_content .btn_plus .icon.plus{background-size:100%;margin:0;;}
   .notice_content a{font-size:1.7rem;padding:0 0 15px 8px;}
   .notice_content a::after{width:3px;height:3px;top:10.5px;}

src/main/webapp/kofair_case_seed/usr/style/layout.css

@@ -26,11 +26,11 @@ html{font-size:62.5%;}
 .header .util_btn_area .btn{margin:0 5px;}
 .header .util_btn_area .only_icon{margin:0 2.5px;}
 
-.header .nav{position:relative;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
+.header .nav{position:relative;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;background:#fff;z-index:2;}
 .header .nav .menu_ul{display:inline-flex;width:calc(100% - 43px);}
 .header .menu_depth01{width:calc(100% / 5);}
 .header .menu_depth01>a{display:flex;height:80px;font-size:2.3rem;font-weight:700;color:#333;text-align:center;align-items:center;justify-content:center;}
-.header .sub_menu_wrap{position:absolute;display:none;width:100%;left:0;background:#fff;margin:1px 0 0 0;box-shadow:0px 6px 6px rgba(0,0,0,.19);}
+.header .sub_menu_wrap{position:absolute;display:none;width:100%;left:0;background:#fff;border-top:1px solid #d8d8d8;margin:-1px 0 0 0;top:79px;box-shadow:0px 6px 6px rgba(0,0,0,.19);}
 .header .sub_menu{display:flex;}
 .header .sub_menu_wrap .sub_menu_title_wrap{width:400px;background:#2e40ba;color:#fff;text-align:right;padding:52px 70px 0 0;}
 .header .sub_menu_wrap .sub_menu_title_wrap h2{position:relative;font-size:3.3rem;font-weight:700;}
@@ -44,7 +44,10 @@ html{font-size:62.5%;}
 .header .sub_menu_wrap .menu_depth03 a::after{position:absolute;content:"";width:4px;height:4px;background:#b4b4b4;left:0;top:10px;}
 
 .header .btn_all_menu{width:40px;}
+.header .btn_all_menu:hover{box-shadow:none;}
 .header .btn_all_menu i{margin:-5px 0 0 0;}
+
+.header .btn_search:hover,.header .btn_all_menu:hover{box-shadow:none;}
 /* //header */
 
 /* footer */

src/main/webapp/kofair_case_seed/usr/style/mypage.css

@@ -36,6 +36,11 @@
   .idf_method .btn_idf i.phone{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_phone_m.png);}
   .idf_method .btn_idf i.ipin{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_ipin_m.png);}
   .idf_method .btn_idf i.aut_cefi{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_aut_cefi_m.png);}
+
+  /* 분쟁조정신청현황 */
+  .apl_status_content .table_type_cols:not(.mobile_view_table) table tbody td.td_writer{order:3;}
+  .apl_status_content .table_type_cols:not(.mobile_view_table) table tbody td.td_type{order:2;}
+  .apl_status_content .table_type_cols .btn_edit{width:100%;}
 }
 
 /* ==================== 모바일 ==================== */

src/main/webapp/kofair_case_seed/usr/style/popup.css

@@ -37,4 +37,10 @@
 .write_popup .box.white_fill .color_darkblue{margin:25px 0 0 0;}
 .write_popup .box.white_fill .color_darkblue:first-child{margin:0;}
 .write_popup .box.white_fill .ex_tit{margin:10px 0 0 10px;}
-.write_popup .box.white_fill .gray_fill.gray_border{padding:15px 20px;margin:10px 0 0 10px;}
+.write_popup .box.white_fill .gray_fill.gray_border{padding:15px 20px;margin:10px 0 0 10px;}
+
+/* 해당 유형 팝업 */
+.type_popup .box.white_fill{margin:0;}
+.type_popup .ex_tit{font-size:1.5rem;}
+.type_popup .box.white_fill .gray_fill.gray_border{margin:0 0 0 -20px;padding:10px 10px 10px 20px;}
+.type_popup .box.white_fill>dd:last-child{margin:0;}

src/main/webapp/kofair_case_seed/usr/style/request.css

@@ -4,6 +4,62 @@
 .apl_info_content .checkbox_wrap .checkbox{width:18px;height:18px;margin:3px 8px 0 0;}
 .apl_info_content .checkbox_wrap label{width:calc(100% - 18px);line-height:1.4;}
 
+.apl03_info_content .process_step_wrap.step5{margin:0 0 40px 0;gap:40px;}
+.apl03_info_content .process_step_wrap.step5 li{position:relative;min-height:75px;}
+.apl03_info_content .process_step_wrap.step5 li::after{left:calc(100% + 9px);}
+.apl03_info_content .process_step_wrap.step5 span{white-space:nowrap;}
+.apl03_info_content .process_step_wrap.step5 i{position:absolute;width:45px;height:75px;right:9px;background-repeat:no-repeat;}
+.apl03_info_content .process_step_wrap.step5 .step01{background:url(/kofair_case_seed/usr/images/request/icon_step_01.png) no-repeat center;}
+.apl03_info_content .process_step_wrap.step5 .step02{background:url(/kofair_case_seed/usr/images/request/icon_step_02.png) no-repeat center;}
+.apl03_info_content .process_step_wrap.step5 .step03{background:url(/kofair_case_seed/usr/images/request/icon_step_03.png) no-repeat center;}
+.apl03_info_content .process_step_wrap.step5 .step04{background:url(/kofair_case_seed/usr/images/request/icon_step_04.png) no-repeat center;}
+.apl03_info_content .process_step_wrap.step5 .step05{background:url(/kofair_case_seed/usr/images/request/icon_step_05.png) no-repeat center;}
+
+.apl03_info_content .process_step_wrap.step5 .active .step01{background:url(/kofair_case_seed/usr/images/request/icon_step_01_active.png) no-repeat center;}
+.apl03_info_content .process_step_wrap.step5 .active .step02{background:url(/kofair_case_seed/usr/images/request/icon_step_02_active.png) no-repeat center;}
+.apl03_info_content .process_step_wrap.step5 .active .step03{background:url(/kofair_case_seed/usr/images/request/icon_step_03_active.png) no-repeat center;}
+.apl03_info_content .process_step_wrap.step5 .active .step04{background:url(/kofair_case_seed/usr/images/request/icon_step_04_active.png) no-repeat center;}
+.apl03_info_content .process_step_wrap.step5 .active .step05{background:url(/kofair_case_seed/usr/images/request/icon_step_05_active.png) no-repeat center;}
+
+.apl_03_content .title.blue_border::after{top:7px;}
+.apl_03_content+.btn_wrap{margin:20px 0 0 0;}
+
+.apl03_info_content .table_top{margin:60px 0 0 0;}
+.apl03_info_content .table_type_rows .gray_fill{margin:0 0 0 10px;}
+.apl03_info_content .reason_add{margin:5px 0 0 0;}
+.apl03_info_content .reason_add .select,.apl03_info_content .reason_list .select,.apl03_info_content .reason_add .select,.apl03_info_content td .select{width:45%;}
+.apl03_info_content .reason_list{display:flex;margin:10px 0 5px 0;flex-wrap:wrap;gap:10px;}
+.apl03_info_content .reason_list li{width:calc((100% - 25px)/2);}
+.apl03_info_content .reason_list li .select{width:calc(100% - 30px);}
+.apl03_info_content .reason_list li .btn_delect_reason:hover{box-shadow:none;}
+.apl03_info_content .reason_list .btn_delect i{width:22px;height:22px;background:url(/kofair_case_seed/usr/images/component/icon_delete_fill_round_gray.png) no-repeat center center;}
+
+.apl03_info_content .table_top.title{border-bottom:1px solid #cacaca;padding:0 0 10px 0;}
+.apl03_info_content .table_top.title .area_right{display:flex;gap:15px;align-items:center;}
+.apl03_info_content .table_top.title .area_right .btn_35{padding:0 10px;}
+.apl03_info_content .apl_list>li{margin:20px 0;}
+.apl03_info_content .apl_list .apl_title{position:relative;}
+.apl03_info_content .apl_list .btn_apl_slide{display:flex;width:100%;height:63px;padding:0 25px;font-size:1.9rem;font-weight:bold;color:#333;border-radius:0 0 5px 5px;background:#f8f9fa;border:1px solid #d8d8d8;border-top:2px solid #2e40ba;align-items:center;justify-content:space-between;}
+.apl03_info_content .apl_list .btn_apl_slide i{position:relative;width:28px;height:28px;border-radius:100%;background:#bebebe;}
+.apl03_info_content .apl_list .btn_apl_slide i::after{position:absolute;content:"";width:10px;height:10px;border-left:3px solid #fff;border-top:3px solid #fff;border-radius:0 0 2px 2px;left:9.95px;top:8px;transform:rotate(225deg);}
+.apl03_info_content .apl_list .btn_delete_apl{position:absolute;left:100px;top:14px;padding:0 10px;}
+.apl03_info_content .apl_list.rapl_list .btn_delete_apl{left:120px;}
+.apl03_info_content .apl_list .active .btn_apl_slide{border:1px solid #2e40ba;border-top:2px solid #2e40ba;background:#d3e3ff;box-shadow:0 0 5px rgba(0,0,0,0.15);}
+.apl03_info_content .apl_list .active .btn_apl_slide i{position:relative;width:28px;height:28px;border-radius:100%;background:#2e40ba;}
+.apl03_info_content .apl_list .active .btn_apl_slide i::after{top:11px;transform:rotate(45deg);}
+
+.apl03_info_content .apl_info_input{display:none;margin:18px 0 0 0;}
+.apl03_info_content .apl_info_input table{border-top:1px solid #d8d8d8;}
+.apl03_info_content .apl_info_input table td>.select{width:calc((100% - 535px));}
+.apl03_info_content .apl_info_input .postcode_input{margin:5px 0;gap:10px;}
+.apl03_info_content .apl_info_input .postcode_input label{font-size:1.5rem;color:#666;}
+.apl03_info_content .apl_info_input .address_input{margin:5px 0;gap:7px;}
+.apl03_info_content .apl_info_input .address_input li,.apl03_info_content .apl_info_input .address_input .input_text{width:100%;}
+.apl03_info_content .apl_info_input .email_wrap{display:flex;gap:10px;align-items:center;}
+.apl03_info_content .apl_info_input .email_wrap .select{width:150px;}
+.apl03_info_content .apl_info_input .phone_wrap .select{width:80px;}
+.apl03_info_content .apl_info_input .fax_wrap .input_text{width:calc((100% - 30px)/3);}
+
 /* 분쟁조정 사건조회 */
 .inquiry_content .box.gray_fill{padding:50px 20px;}
 .inquiry_content .input_box.column{width:500px;justify-content:center;margin:0 auto;}

src/main/webapp/kofair_case_seed/usr/style/style.css

@@ -10,6 +10,7 @@
 .icon.minus{width:15px;height:15px;background:url(/kofair_case_seed/usr/images/component/icon_minus.png) no-repeat center center;}
 .icon.menu{width:20px;height:20px;background:url(/kofair_case_seed/usr/images/component/icon_menu.png) no-repeat center center;}
 .icon.file.clip{width:40px;height:40px;background:url(/kofair_case_seed/usr/images/component/icon_file_clip.png) no-repeat center center;}
+.icon.file.clip.blue{width:20px;height:20px;background:url(/kofair_case_seed/usr/images/component/icon_file_clip_blue.png) no-repeat center center;}
 .icon.info.gray_fill{width:20px;height:20px;background:url(/kofair_case_seed/usr/images/component/icon_info_gray_fill.png) no-repeat center center;}
 .icon.delete.gray_fill{width:22px;height:22px;background:url(/kofair_case_seed/usr/images/component/icon_delete_fill_round_gray.png) no-repeat center center;}
 .icon.arrow.right{width:7px;height:13px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_right.png) no-repeat center center;}
@@ -25,6 +26,8 @@
 .icon.td_view{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_td_view.png) no-repeat center center;}
 .icon.td_writer{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_writer.png) no-repeat center center;}
 .icon.td_calendar{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_calendar.png) no-repeat center center;}
+.icon.td_case_number{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_td_case_number.png) no-repeat center center;}
+.icon.td_person{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_td_person.png) no-repeat center center;}
 
 /* sub layout */
 .sub_content{width:calc(100% - 366px);margin:10px 0 0 0;}
@@ -75,9 +78,12 @@
 .table_type_cols.line td{font-weight:300;}
 .table_type_cols.line th:last-child,.table_type_cols.line td:last-child{border-right:0;}
 
+.table_type_cols+.cf_text{margin:15px 0 0 0;}
+
 .table_type_rows table{width:100%;margin:10px 0 0 0;border-top:2px solid #2e40ba;font-size:1.7rem;text-align:left;}
-.table_type_rows table tbody th{position:relative;color:#333;padding:18px 5px 0 30px;background:#f4f5f7;border-bottom:1px solid #dbdbdb;vertical-align:text-top;}
+.table_type_rows table tbody th{position:relative;color:#333;padding:18px 5px 18px 30px;background:#f4f5f7;border-bottom:1px solid #dbdbdb;vertical-align:text-top;}
 .table_type_rows table tbody td{height:60px;padding:5px 16px;border-bottom:1px solid #dbdbdb;vertical-align:middle;}
+.table_type_rows table tbody td.td_substance{height:150px;padding:15px 5px 0 16px;vertical-align:top;}
 .table_type_rows table .select{padding:0 14px;font-size:1.6rem;background-position:calc(100% - 10px) 16px;}
 .table_type_rows table .phone_wrap .select{min-width:80px;}
 .table_type_rows table .phone_wrap .input_text{width:calc((100% - 115px)/2);}
@@ -131,12 +137,16 @@
 .tabs.blue_fill.tab_06 :nth-child(6n) .tab::after{display:none;}
 .tabs.blue_fill.tab_07 :nth-child(7n) .tab::after{display:none;}
 
+.tabs.blue_fill.tab_02 :nth-last-child(-n+2) .tab{border-bottom:0;}
 .tabs.blue_fill.tab_03 :nth-last-child(-n+3) .tab{border-bottom:0;}
 
 /* file_list */
 .view_file_list{display:flex;padding:18px 24px;border-bottom:1px solid #c9c9c9;flex-direction:column;font-size:1.7rem;font-weight:500;color:#5b639d;gap:10px;}
 .view_file_list .icon.file_download{margin:-5px 10px 0 0;}
 
+.view_file_list.border_0{padding:10px 0;;border:0;font-weight:400;}
+.view_file_list.border_0 .icon{margin:0 10px 0 0;}
+
 .file_upload_wrap{display:flex;align-items:flex-start;}
 .file_upload_wrap .file_list{display:flex;width:calc(100% - 100px);margin:0 0 0 10px;flex-direction:column;gap:8px;}
 .file_upload_wrap li{display:flex;}
@@ -161,6 +171,7 @@
 .process_step_wrap li::after{position:absolute;content:"";width:27px;height:27px;background:url(/kofair_case_seed/usr/images/component/icon_process_next.png) no-repeat center center;left:calc(100% + 20px);}
 .process_step_wrap li:last-child::before,.process_step_wrap li:last-child::after{display: none;}
 .process_step_wrap.step3 li{position:relative;display:flex;width:calc(100% / 3);align-items:center;}
+.process_step_wrap.step5 li{position:relative;display:flex;width:calc(100% / 5);align-items:center;}
 .process_step_wrap li p{font-size:1.4rem;}
 .process_step_wrap li p span{display:block;font-size:1.7rem;font-weight:bold;}
 .process_step_wrap li .step{width:45px;height:74px;}
@@ -220,8 +231,10 @@
    .table_type_cols:not(.mobile_view_table) table tbody td.list_none{display:flex;max-width:100%;height:40px;align-items:center;justify-content:center;text-align:center;}
    .table_type_cols:not(.mobile_view_table) table tbody .table_number{position:absolute;width:110px;left:0;top:50%;transform:translateY(-50%);}
    .table_type_cols:not(.mobile_view_table) table tbody .td_title{width:100%;max-width:100%;order:1;white-space:wrap;}
-   .table_type_cols:not(.mobile_view_table) table tbody .td_title a{display:-webkit-box;max-height:96px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:wrap;}
+   .table_type_cols:not(.mobile_view_table) table tbody .td_title a{display:-webkit-box;text-align:left;max-height:96px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:wrap;}
+   .table_type_cols:not(.mobile_view_table) table tbody .td_title a .pc_hide{text-align:left;}
    .table_type_cols:not(.mobile_view_table) table tbody .td_icon{display:inline-block !important;margin:-5px 13px 0 0;}
+   .table_type_cols:not(.mobile_view_table) table tbody .td_hide{display:none;}
 
    .mobile_view_table table{margin:40px 0 0 0;border-top:4px solid #2e40ba;}
    .mobile_view_table table thead th,.mobile_view_table table tbody td{height:100px;border-bottom:2px solid #d8d8d8;border-right:2px solid #d8d8d8;}