nbs0105 / BOOT_CMS star
yanghyo 2023-05-23
Merge branch 'master' of http://git.dataeum.kr/sj1004class/FoxeduBaseCMS
@052e13572beea641b8632901f1857344745178ab
 
base/.idea/webContexts.xml (added)
+++ base/.idea/webContexts.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="WebContextManager">
+    <option name="state">
+      <map>
+        <entry key="file://$PROJECT_DIR$/src/main/webapp/WEB-INF/jsp/egovframework/mng/template/top.jsp" value="file://$PROJECT_DIR$/src/main/webapp/WEB-INF/jsp/egovframework/mng/template" />
+      </map>
+    </option>
+  </component>
+</project>(파일 끝에 줄바꿈 문자 없음)
base/src/main/java/egovframework/com/cmm/ImagePaginationRenderer.java
--- base/src/main/java/egovframework/com/cmm/ImagePaginationRenderer.java
+++ base/src/main/java/egovframework/com/cmm/ImagePaginationRenderer.java
@@ -4,29 +4,37 @@
 
 public class ImagePaginationRenderer extends AbstractPaginationRenderer {
   
-  public ImagePaginationRenderer() {
-	/*
-	firstPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"btn\"><img src=\"/template/common/images/bbs/btn_li_prevstart.gif\" alt=\"첫 페이지\"/></a></li>";
-	previousPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"btn\"><img src=\"/template/common/images/bbs/btn_li_prev.gif\" alt=\"이전\"/></a></li>";
-	currentPageLabel = "<li><span class=\"current\">{0}</span></li>";
-	otherPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\">{2}</a></li>";
-	nextPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"btn\"><img src=\"/template/common/images/bbs/btn_li_next.gif\" alt=\"다음\"/></a></li>";
-	lastPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"btn\"><img src=\"/template/common/images/bbs/btn_li_nextend.gif\" alt=\"마지막 페이지\"/></a></li>";
-	*/
-	/*  
-	firstPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"move\" title=\"{1}페이지\"><span>◀</span> First</a></li>";
-	previousPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"move\" title=\"{1}페이지\"><span>◀</span></a></li>";
-	currentPageLabel = "<li><em class=\"active\" title=\"현재페이지\">■</em></li>";
-	otherPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" title=\"{1}페이지\">■</a></li>";
-	nextPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"move\" title=\"{1}페이지\"> <span>▶</span></a></li>";
-	lastPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"move\" title=\"{1}페이지\">Last <span>▶</span></a></li>";
-	*/
-	firstPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"move\"><img src=\"/template/manage/images/board/btn_first.gif\" alt=\"처음\"/></a></li>";
-	previousPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"move\"><img src=\"/template/manage/images/board/btn_prew.gif\" alt=\"이전\"/></a></li>";
-	currentPageLabel = "<li><a class=\"commthis\">{0}</a></li>";
-	otherPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\">{2}</a></li>";
-	nextPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"move\"><img src=\"/template/manage/images/board/btn_next.gif\" alt=\"다음\"/></a></li>";
-	lastPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"move\"><img src=\"/template/manage/images/board/btn_last.gif\" alt=\"마지막\"/></a></li>";
-  }
+	public ImagePaginationRenderer() {
+		/*
+		firstPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"btn\"><img src=\"/template/common/images/bbs/btn_li_prevstart.gif\" alt=\"첫 페이지\"/></a></li>";
+		previousPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"btn\"><img src=\"/template/common/images/bbs/btn_li_prev.gif\" alt=\"이전\"/></a></li>";
+		currentPageLabel = "<li><span class=\"current\">{0}</span></li>";
+		otherPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\">{2}</a></li>";
+		nextPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"btn\"><img src=\"/template/common/images/bbs/btn_li_next.gif\" alt=\"다음\"/></a></li>";
+		lastPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"btn\"><img src=\"/template/common/images/bbs/btn_li_nextend.gif\" alt=\"마지막 페이지\"/></a></li>";
+		*/
+		/*
+		firstPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"move\" title=\"{1}페이지\"><span>◀</span> First</a></li>";
+		previousPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"move\" title=\"{1}페이지\"><span>◀</span></a></li>";
+		currentPageLabel = "<li><em class=\"active\" title=\"현재페이지\">■</em></li>";
+		otherPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" title=\"{1}페이지\">■</a></li>";
+		nextPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"move\" title=\"{1}페이지\"> <span>▶</span></a></li>";
+		lastPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"move\" title=\"{1}페이지\">Last <span>▶</span></a></li>";
+		*/
+		/*
+		firstPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"move\"><img src=\"/template/manage/images/board/btn_first.gif\" alt=\"처음\"/></a></li>";
+		previousPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"move\"><img src=\"/template/manage/images/board/btn_prew.gif\" alt=\"이전\"/></a></li>";
+		currentPageLabel = "<li><a class=\"commthis\">{0}</a></li>";
+		otherPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\">{2}</a></li>";
+		nextPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"move\"><img src=\"/template/manage/images/board/btn_next.gif\" alt=\"다음\"/></a></li>";
+		lastPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" class=\"move\"><img src=\"/template/manage/images/board/btn_last.gif\" alt=\"마지막\"/></a></li>";
+		*/
+		firstPageLabel = "<li class=\"ppv\"><a href=\"{0}&amp;pageIndex={1}\" title=\"처음으로\"><span class=\"txt-hide\">처음으로</span></a></li>";
+		previousPageLabel = "<li class=\"pv\"><a href=\"{0}&amp;pageIndex={1}\" title=\"이전\"><span class=\"txt-hide\">이전</span></a></li>";
+		currentPageLabel = "<li class=\"is-active\"><a href=\"#none\" title=\"to {0} page\">{0}</a></li>";
+		otherPageLabel = "<li><a href=\"{0}&amp;pageIndex={1}\" title=\"to {1} page\">{1}</a></li>";
+		nextPageLabel = "<li class=\"fw\"><a href=\"{0}&amp;pageIndex={1}\" title=\"다음\"><span class=\"txt-hide\">다음</span></a></li>";
+		lastPageLabel = "<li class=\"ffw\"><a href=\"{0}&amp;pageIndex={1}\" title=\"끝으로\"><span class=\"txt-hide\">끝으로</span></a></li>";
+  	}
   
 }
base/src/main/webapp/WEB-INF/jsp/egovframework/cmm/include/defualt.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/cmm/include/defualt.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/cmm/include/defualt.jsp
@@ -3,6 +3,9 @@
 <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
 <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
 <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
+<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
 <%@ page import="egovframework.com.sec.ram.security.userdetails.util.EgovUserDetailsHelper"%>
 <%@ page import="egovframework.com.cmm.service.Globals"%>
 <%@ page import="java.util.Date" %>
@@ -17,9 +20,10 @@
 <c:set var="_CSS" value="${LytFileStoreWebPathByWebFile}sit/${siteInfo.lytTmplatId}"/>
 <c:set var="_JS" value="${LytFileStoreWebPathByWebFile}sit/${siteInfo.lytTmplatId}"/>
 <c:set var="C_JS" value="/resources/template/common/js"/>
+<c:set var="C_LIB" value="/resources/lib"/>
 
 <%-- 관리자 --%>
-<c:set var="mngimg" value="/resources/template/manage/images"/>
+<c:set var="M_IMG" value="/resources/manage/image"/>
 
 <c:set var="SE_CODE" value="01" />
 <c:if test="${not empty USER_INFO.id}">
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytSourcHistoryList.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytSourcHistoryList.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytSourcHistoryList.jsp
@@ -1,23 +1,14 @@
-<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
-<%@ page import="egovframework.com.cmm.service.EgovProperties"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
-<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
-<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
-<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"  %>
-<c:set var="_C_IMG" value="/template/common/images"/>
-<c:set var="_C_JS" value="/template/common/js"/>
-<c:set var="_IMG" value="${pageContext.request.contextPath}/resources/template/manage/images"/>
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ include file="/WEB-INF/jsp/egovframework/cmm/include/defualt.jsp"%>
+
 <c:set var="_PREFIX" value="/mng/cop/bbs"/>
 
 <c:import url="/EgovPageLink.do?link=/mng/template/popTop" charEncoding="utf-8">
 	<c:param name="title" value="레이아웃 복원"/>
 </c:import>
 
-<script type="text/javascript" language="javascript">
+<script>
 function fn_egov_Rollback(id){
- 
     if(confirm("복원하시겠습니까?")){
     	document.location.href = "${pageContext.request.contextPath}/mng/cop/com/updateLytSourcRollBack.do?lytSourcId=${searchVO.lytSourcId}&lytSourcHistId=" + id;
     }
@@ -26,64 +17,55 @@
 <c:if test="${rollbackComplete eq 'Y'}">
 	alert('복원이 완료 되었습니다.');
 </c:if>
-
 </script>
 
-<div id="cntnts">
-	
-			
-<p class="total">총  ${paginationInfo.totalRecordCount}개 ㅣ 현재페이지 <strong class="green">${paginationInfo.currentPageNo}</strong>/${paginationInfo.totalPageCount}</p>
-              
-        <table class="chart_board">
-           <colgroup>
-				<col class="co1"/>
-				<col class="co3"/>
-				<col class="co6"/>
-			</colgroup>
-          <thead>
-            <tr>
-			    <th>번호</th>
-			    <th>변경일자</th>
-			    <th>복원</th>
-			  </tr>
-          </thead>
-          <tbody>
-	
-	  
-		 <c:forEach var="result" items="${resultList}" varStatus="status">
-		  <tr>
-		    <td><c:out value="${paginationInfo.totalRecordCount - ((searchVO.pageIndex-1) * searchVO.pageUnit) - (status.count - 1)}" /></td>
-		    <td>
-		    	<c:url var="viewUrl" value="/mng/cop/com/selectLytSourcHistory.do">
-		    		<c:param name="lytSourcHistId" value="${result.lytSourcHistId}" />
-					<c:param name="lytSourcId" value="${searchVO.lytSourcId}" />
-		      		<c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
-				</c:url>	
-		    	<a href="${viewUrl}"><fmt:formatDate value="${result.lastUpdusrPnttm}"  pattern="yyyy-MM-dd HH:mm:ss"/></a>
-		    </td>
-		    <td><a href="#" onclick="fn_egov_Rollback('${result.lytSourcHistId}'); return false;"><img src="${_IMG}/btn/btn_select.gif" alt="선택"/></a></td>
-		  </tr>
-		 </c:forEach>	  
-		 <c:if test="${fn:length(resultList) == 0}">
-		  <tr>
-		    <td colspan="3" ><spring:message code="common.nodata.msg" /></td>  
-		  </tr>		 
-		 </c:if>
- 
-	 </tbody>  
-	</table>
-	
-	
-			<div id="paging">
-			    <c:url var="pageUrl" value="/mng/cop/com/selectLytSourcHistoryList.do">
-			    	<c:param name="lytSourcId" value="${searchVO.lytSourcId}" />
-			    </c:url>
-			
-			    <ul>
-			      <ui:pagination paginationInfo="${paginationInfo}" type="image" jsFunction="${pageUrl}" />
-			    </ul>
-		    </div>
+<p class="total-count">총 사이트 ${paginationInfo.totalRecordCount}개 ㅣ 현재페이지 <strong class="green">${paginationInfo.currentPageNo}</strong>/${paginationInfo.totalPageCount}</p>
+<div class="list-type sm">
+	<table>
+		<colgroup>
+			<col style="width:110px">
+			<col>
+			<col style="width:130px">
+		</colgroup>
+		<thead>
+		<tr>
+			<th scope="col">번호</th>
+			<th scope="col">변경일자</th>
+			<th scope="col">복원</th>
+		</tr>
+		</thead>
+		<tbody>
+			<c:forEach var="result" items="${resultList}" varStatus="status">
+				<tr>
+					<td data-tit="번호"><c:out value="${paginationInfo.totalRecordCount - ((searchVO.pageIndex-1) * searchVO.pageUnit) - (status.count - 1)}" /></td>
+					<td data-tit="변경일자">
+						<c:url var="viewUrl" value="/mng/cop/com/selectLytSourcHistory.do">
+							<c:param name="lytSourcHistId" value="${result.lytSourcHistId}" />
+							<c:param name="lytSourcId" value="${searchVO.lytSourcId}" />
+							<c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
+						</c:url>
+						<a href="${viewUrl}"><fmt:formatDate value="${result.lastUpdusrPnttm}"  pattern="yyyy-MM-dd HH:mm:ss"/></a>
+					</td>
+					<td data-tit="복원">
+						<button type="button" class="btn-sm spot" onclick="fn_egov_Rollback('${result.lytSourcHistId}'); return false;">선택</button>
+					</td>
 
-</div>        
+				</tr>
+			</c:forEach>
+
+			<c:if test="${fn:length(resultList) == 0}">
+				<tr>
+					<td class="" colspan="3"><spring:message code="common.nodata.msg" /></td>
+				</tr>
+			</c:if>
+		</tbody>
+	</table>
+</div>
+<c:url var="pageUrl" value="/mng/cop/com/selectLytSourcHistoryList.do">
+	<c:param name="lytSourcId" value="${searchVO.lytSourcId}" />
+</c:url>
+<ul class="paging">
+	<ui:pagination paginationInfo="${paginationInfo}" type="image" jsFunction="${pageUrl}" />
+</ul>
 
 <c:import url="/EgovPageLink.do?link=/mng/template/popBottom" charEncoding="utf-8"/>	
(파일 끝에 줄바꿈 문자 없음)
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytSourcHistoryView.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytSourcHistoryView.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytSourcHistoryView.jsp
@@ -1,18 +1,12 @@
-<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
-<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
-<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
-<c:set var="_IMG" value="${pageContext.request.contextPath}/resources/template/manage/images"/>
-
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ include file="/WEB-INF/jsp/egovframework/cmm/include/defualt.jsp"%>
 
 <c:import url="/EgovPageLink.do?link=/mng/template/popTop" charEncoding="utf-8">
 	<c:param name="title" value="레이아웃 복원"/>
 </c:import>
 
-<script type="text/javascript">
+<script src="${C_LIB}/ace/src-min/ace.js"></script>
+<script>
 function fnTabView(idx) {
 	
 	$('#tabLink01').removeClass('active');
@@ -29,130 +23,110 @@
 	
 	$('#tab02').hide();
 	$('#sourcNm').focus();
-	
+
+	var editor = new Array(2);
+	$("textarea[lang]").each(function(idx) {
+		var textarea = $(this);
+		var mode = textarea.attr("lang");
+		var editDiv = $("<div>", {
+			position: "absolute",
+			width:"100%",
+			height:textarea.height()
+		}).insertBefore(textarea);
+
+		textarea.css("display", "none");
+
+		editor[idx] = ace.edit(editDiv[0]);
+		editor[idx].setFontSize("11px");
+		editor[idx].getSession().setValue(textarea.val());
+		editor[idx].setTheme("ace/theme/clouds");
+		editor[idx].getSession().setMode("ace/mode/" + mode);
+
+		textarea.closest("#lytSourcVO").submit(function() {
+			textarea.val(editor[idx].getSession().getValue());
+		});
+	});
 });
 
 </script>
 
-<style type="text/css">
-<!--
-.conf_top{overflow:hidden;}
-.tab_menu{right:0;z-index:1000;}
-.tab_menu li{float:left;background:#f8f8f8;width:150px;height:30px;text-align:center;border:1px solid #ccc;}
-.tab_menu li a{display:block;padding:8px 0px;height:30px;}
-.tab_menu li a:hover, .tab_menu li a.active{background:url('${_IMG}/tab_over.gif') 0 0 repeat;padding:8px 0px;height:15px;font-weight:bold;color:#32688c;}
-.cont{position:relative;width:100%;border-top:1px solid #ccc;padding:0px 0;z-index:1001;}
-.cont table{width:100%;}
--->
-</style>  
+<form:form commandName="lytSourcVO" name="lytSourcVO" action="" method="post" enctype="multipart/form-data" onsubmit="return false;">
+	<form:hidden path="lytSourcId"/>
+	<input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>"/>
+	<input name="searchCondition" type="hidden" value="<c:out value="${searchVO.searchCondition}"/>"/>
+	<input name="searchKeyword" type="hidden" value="<c:out value="${searchVO.searchKeyword}"/>"/>
 
+	<fieldset>
+		<legend class="hdn">템플릿 입력 폼</legend>
 
-<div id="cntnts">
-    
-        <form:form commandName="lytSourcVO" name="lytSourcVO" action="" method="post" enctype="multipart/form-data" onsubmit="return false;"> 
-        <form:hidden path="lytSourcId"/>
-        <input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>"/>
-        <input name="searchCondition" type="hidden" value="<c:out value="${searchVO.searchCondition}"/>"/>
-		<input name="searchKeyword" type="hidden" value="<c:out value="${searchVO.searchKeyword}"/>"/>
-    
-		<fieldset>
-        <legend class="hdn">템플릿 입력 폼</legend>
-        
-        <table class="chart2" summary="작성인, 제목, 내용, 파일첨부를 입력하는 표입니다." >
-		  <caption> </caption>
-          <colgroup>
-				<col width="150px" />
-				<col width="*" />
-			</colgroup>
-          <tbody>
-            <tr>
-              <th><label for="imagePrevewFileNm">미리보기이미지</label></th>
-              <td>
-              	<c:choose>
-					<c:when test="${not empty lytSourcVO.prevewFileNm}"><a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}/${lytSourcVO.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}/${lytSourcVO.prevewFileNm}" width="120" height="107"/></a></c:when>
-					<c:otherwise><img src="${_IMG}/board/no_img.gif" alt="이미지없음" width="120" height="107"/></c:otherwise>
-				</c:choose>
-              </td>
-            </tr>
-            <tr>
-				<th><label>HTML</label></th>
-				<td>
-					<div class="conf_top">
-				    	<ul class="tab_menu">
-							<li><a href="#tab1" id="tabLink01" onclick="fnTabView('01');return false;" class="active">WEB</a></li>
-						</ul>
-					</div>
-					
-					<div id="tab01" class="cont">
-						<table>
-							<caption>등록폼</caption>
-							<colgroup>
-								<col width="130"/>
-								<col/>
-							</colgroup>
+		<div class="write-type">
+			<table>
+				<colgroup>
+					<col style="width:250px" />
+					<col />
+				</colgroup>
+				<tbody>
+					<tr>
+						<th>미리보기이미지</th>
+						<td>
+							<ul class="file-list">
+								<c:choose>
+									<c:when test="${not empty lytSourcVO.prevewFileNm}">
+										<li>
+											<a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${lytSourcVO.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${lytSourcVO.prevewFileNm}" width="120" height="107"/></a>
+										</li>
+									</c:when>
+									<c:otherwise>
+										<li>
+											<img src="${M_IMG}/common/no_img.gif" alt="이미지없음" width="120" height="107"/>
+										</li>
+									</c:otherwise>
+								</c:choose>
+							</ul>
+						</td>
+					</tr>
+					<tr>
+						<th><label>HTML</label></th>
+						<td>
+							<table>
+								<caption>등록폼</caption>
+								<colgroup>
+									<col width="130"/>
+									<col/>
+								</colgroup>
 								<tbody>
-						            <tr>
-						              <th><label for="upendSourc"><spring:message code="cop.upendSourc" /></label></th>
-						              <td>
-						                <form:textarea path="upendSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" />
-						                <div><form:errors path="upendSourc"/></div>         
-						              </td>
-						            </tr>
-						            <tr>
-						              <th><label for="lptSourc"><spring:message code="cop.lptSourc" /></label></th>
-						              <td>
-						                <form:textarea path="lptSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" />
-						                <div><form:errors path="lptSourc"/></div>         
-						              </td>
-						            </tr>
+								<tr>
+									<th><label for="upendSourc"><spring:message code="cop.upendSourc" /></label></th>
+									<td>
+										<form:textarea path="upendSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" lang="jsp"/>
+										<div><form:errors path="upendSourc"/></div>
+									</td>
+								</tr>
+								<tr>
+									<th><label for="lptSourc"><spring:message code="cop.lptSourc" /></label></th>
+									<td>
+										<form:textarea path="lptSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" lang="jsp"/>
+										<div><form:errors path="lptSourc"/></div>
+									</td>
+								</tr>
 								</tbody>
-						</table>
-					</div>
-					<div id="tab02" class="cont" style="visibility:hidden;height:0px;position:absolute;top:0;left:0;z-index:-1;">
-						<table>
-							<caption>등록폼</caption>
-							<colgroup>
-								<col width="130"/>
-								<col/>
-							</colgroup>
-								<tbody>
-						            <tr>
-						              <th><label for="mobileUpendSourc"><spring:message code="cop.upendSourc" /></label></th>
-						              <td>
-						                <form:textarea path="mobileUpendSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" />
-						                <div><form:errors path="mobileUpendSourc"/></div>         
-						              </td>
-						            </tr>
-						            <tr>
-						              <th><label for="mobileLptSourc"><spring:message code="cop.lptSourc" /></label></th>
-						              <td>
-						                <form:textarea path="mobileLptSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" />
-						                <div><form:errors path="mobileLptSourc"/></div>         
-						              </td>
-						            </tr>
-								</tbody>
-						</table>
-					</div>
-				</td>
-			</tr>   
-          </tbody>
-          <tfoot>
-          </tfoot>
-          </table>
-  
-          <div class="btn_r">
-          	<c:url var="listUrl" value="/mng/cop/com/selectLytSourcHistoryList.do">
-          		<c:param name="lytSourcId" value="${searchVO.lytSourcId}" />
-		        <c:param name="pageIndex" value="${searchVO.pageIndex}" />
+							</table>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+
+		<div class="btn-cont">
+			<c:url var="listUrl" value="/mng/cop/com/selectLytSourcHistoryList.do">
+				<c:param name="lytSourcId" value="${searchVO.lytSourcId}" />
+				<c:param name="pageIndex" value="${searchVO.pageIndex}" />
 				<c:param name="searchCondition" value="${searchVO.searchCondition}" />
 				<c:param name="searchKeyword" value="${searchVO.searchKeyword}" />
-		      </c:url>
-            <a href="${listUrl}"><img src="${_IMG}/btn/btn_list.gif" alt="목록"/></a>
-          </div>
-            
-        </fieldset>
-      </form:form>
-
-    </div>        
+			</c:url>
+			<a href="${listUrl}" class="btn btn-lg">목록</a>
+		</div>
+	</fieldset>
+</form:form>
 
 <c:import url="/EgovPageLink.do?link=/mng/template/popBottom" charEncoding="utf-8"/>
(파일 끝에 줄바꿈 문자 없음)
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytSourcList.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytSourcList.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytSourcList.jsp
@@ -1,12 +1,5 @@
-<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
-<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"  %>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
-<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-<%@ page import="egovframework.com.sec.ram.security.userdetails.util.EgovUserDetailsHelper"%>
-<c:set var="USER_INFO" value="<%=EgovUserDetailsHelper.getAuthenticatedUser(request, response) %>"/>
-<c:set var="_IMG" value="${pageContext.request.contextPath}/resources/template/manage/images"/>
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ include file="/WEB-INF/jsp/egovframework/cmm/include/defualt.jsp"%>
 
 <c:choose>
 	<c:when test="${searchVO.selectMode eq 'Y'}">
@@ -24,10 +17,8 @@
 	</c:otherwise>
 </c:choose>
 
-
-<script type="text/javascript" language="javascript">
+<script>
 function fn_egov_delete(url){
- 
     if(confirm("삭제하시겠습니까?")){
     	document.location.href = url;
     }
@@ -37,7 +28,7 @@
 	var url = "/mng/cop/com/selectLytSourcHistoryList.do?";
 	url = url + "lytSourcId=" + id;
 	
-	var win = window.open(url ,'his',' scrollbars=yes, resizable=yes, left=0, top=0, width=760,height=650');
+	var win = window.open(url ,'his',' scrollbars=yes, resizable=yes, left=0, top=0, width=1290,height=650');
 	if(win != null) {
 		win.focus();
 	}
@@ -49,147 +40,164 @@
 }
 </script>
 
+<div class="fnc-area">
+	<div class="r-area">
+		<form name="frm" action ="<c:url value="/mng/cop/com/selectLytTemplateList.do"/>" method="post">
+			<input type="hidden" name="selectMode" value="${searchVO.selectMode}"/>
+			<input type="hidden" name="searchSourcSeCode" value="sit"/>
 
-<div id="cntnts">
+			<div class="sch-area">
+				<%--
+					<label for="ftext" class="hdn">분류검색</label>
+					<select name="searchSourcSeCode" id="searchSourcSeCode" class="searchCate inp">
+						<option value="">분류</option>
+						  <c:forEach var="result" items="${codeList}" varStatus="status">
+							  <option value="<c:out value="${result.code}"/>" <c:if test="${searchVO.searchSourcSeCode == result.code}">selected="selected"</c:if>><c:out value="${result.codeNm}"/></option>
+						  </c:forEach>
+					</select>
+				--%>
+				<div class="sch-option">
+					<select name="searchCondition" id="searchCondition">
+						<option value="0" <c:if test="${searchVO.searchCondition == '0'}">selected="selected"</c:if> ><spring:message code="cop.sourcNm" /></option>
+					</select>
+				</div>
+				<div class="sch">
+					<input type="text" name="searchKeyword" value='<c:out value="${searchVO.searchKeyword}"/>'>
+					<button type="submit" class="btn-sch"><span class="txt-hide">검색</span></button>
+				</div>
+			</div>
+		</form>
+	</div>
+</div>
 
 
-<p class="total">총  ${paginationInfo.totalRecordCount}개 ㅣ 현재페이지 <strong class="green">${paginationInfo.currentPageNo}</strong>/${paginationInfo.totalPageCount}</p>
-              
-        <table class="chart_board">
-           <colgroup>
-				<col class="co1"/>
-				<col class="co6"/>
-				<c:if test="${searchVO.selectMode ne 'Y'}"><col class="co6"/></c:if>
-				<col class="co3"/>
-				<col class="co6"/>
-				<c:if test="${USER_INFO.userSe > 10}"><col class="co6"/></c:if>
-				<col class="co6"/>
-			</colgroup>
-          <thead>
-            <tr>
-			    <th>번호</th>
-			    <th>미리보기</th>
-			    <c:if test="${searchVO.selectMode ne 'Y'}"><th><spring:message code="cop.sourcSeCode" /></th></c:if>			    
-			    <th><spring:message code="cop.sourcNm" /></th>
-			    <th>등록일/수정일</th>    
-			    <c:if test="${USER_INFO.userSe > 10}"><th>관리</th></c:if>
-			    <th>
-				    <c:choose>
+
+<p class="total-count">총 사이트 ${paginationInfo.totalRecordCount}개 ㅣ 현재페이지 <strong class="green">${paginationInfo.currentPageNo}</strong>/${paginationInfo.totalPageCount}</p>
+<div class="list-type sm">
+	<table>
+		<colgroup>
+			<col style="width:110px">
+			<col>
+			<c:if test="${searchVO.selectMode ne 'Y'}"><col style="width:100px"></c:if>
+			<col>
+			<col style="width:160px">
+			<c:if test="${USER_INFO.userSe > 10}"><col style="width:160px"></c:if>
+			<col style="width:130px">
+		</colgroup>
+		<thead>
+		<tr>
+			<th scope="col">번호</th>
+			<th scope="col">미리보기</th>
+			<c:if test="${searchVO.selectMode ne 'Y'}"><th><spring:message code="cop.sourcSeCode" /></th></c:if>
+			<th scope="col"><spring:message code="cop.sourcNm" /></th>
+			<th scope="col">등록일/수정일</th>
+			<c:if test="${USER_INFO.userSe > 10}"><th>관리</th></c:if>
+			<th scope="col">
+				<c:set var="type">
+					<c:choose>
 						<c:when test="${searchVO.selectMode eq 'Y'}">선택</c:when>
 						<c:otherwise>복원</c:otherwise>
 					</c:choose>
-				</th>
-			  </tr>
-          </thead>
-          <tbody>
-	
-	  
-		 <c:forEach var="result" items="${resultList}" varStatus="status">
-		  <tr>
-		    <td><c:out value="${paginationInfo.totalRecordCount - ((searchVO.pageIndex-1) * searchVO.pageUnit) - (status.count - 1)}" /></td>
-		    <td>
-		    	<c:choose>
-					<c:when test="${not empty result.prevewFileNm}"><a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${result.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${result.prevewFileNm}" width="120" height="107"/></a></c:when>
-					<c:otherwise><img src="${_IMG}/board/no_img.gif" alt="이미지없음" width="120" height="107"/></c:otherwise>
-				</c:choose>		    	
-		    </td>
-		    <c:if test="${searchVO.selectMode ne 'Y'}">
-		    	<td><c:out value="${result.sourcSeCodeNm}"/></td>
-		    </c:if>
-		    <td><c:out value="${result.sourcNm}"/></td>
-			<td>
-				<fmt:formatDate value="${result.frstRegisterPnttm}"  pattern="yyyy-MM-dd"/><br/>	
-				<fmt:formatDate value="${result.lastUpdusrPnttm}"  pattern="yyyy-MM-dd"/>
-			</td>
-			<c:if test="${USER_INFO.userSe > 10}">
-				<td>				
-		        	<c:url var="viewUrl" value="/mng/cop/com/selectLytSourc.do">
-						<c:param name="lytSourcId" value="${result.lytSourcId}" />
-						<c:param name="selectMode" value="${searchVO.selectMode}" />
-						<c:param name="searchSourcSeCode" value="${searchVO.searchSourcSeCode}" />
-						<c:if test="${not empty searchVO.searchCondition}"><c:param name="searchCondition" value="${searchVO.searchCondition}" /></c:if>
-						<c:if test="${not empty searchVO.searchKeyword}"><c:param name="searchKeyword" value="${searchVO.searchKeyword}" /></c:if>
-			      		<c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
-					</c:url>							
-		        	<a href="${viewUrl}"><img src="${_IMG}/btn/edit.gif"/></a>
-		        	<c:url var="delUrl" value="/mng/cop/com/deleteLytSourc.do">
-		        		<c:param name="lytSourcId" value="${result.lytSourcId}" />
-		        		<c:param name="selectMode" value="${searchVO.selectMode}" />
-		        		<c:param name="searchSourcSeCode" value="${searchVO.searchSourcSeCode}" />
-						<c:if test="${not empty searchVO.searchCondition}"><c:param name="searchCondition" value="${searchVO.searchCondition}" /></c:if>
-						<c:if test="${not empty searchVO.searchKeyword}"><c:param name="searchKeyword" value="${searchVO.searchKeyword}" /></c:if>
-			      		<c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
-					</c:url>	
-		        	<a href="${delUrl}" onclick="fn_egov_delete(this.href);return false;"><img src="${_IMG}/btn/del.gif"/></a>
-			    </td>
+				</c:set>
+				<c:out value="${type}"/>
+			</th>
+		</tr>
+		</thead>
+		<tbody>
+			<c:forEach var="result" items="${resultList}" varStatus="status">
+				<tr>
+					<td data-tit="번호"><c:out value="${paginationInfo.totalRecordCount - ((searchVO.pageIndex-1) * searchVO.pageUnit) - (status.count - 1)}" /></td>
+					<td data-tit="미리보기">
+						<c:choose>
+							<c:when test="${not empty result.prevewFileNm}"><a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${result.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${result.prevewFileNm}" width="120" height="107"/></a></c:when>
+							<c:otherwise><img src="${M_IMG}/common/no_img.gif" alt="이미지없음" width="120" height="107"/></c:otherwise>
+						</c:choose>
+					</td>
+					<c:if test="${searchVO.selectMode ne 'Y'}">
+						<td data-tit="<spring:message code="cop.sourcSeCode" />"><c:out value="${result.sourcSeCodeNm}"/></td>
+					</c:if>
+					<td data-tit="<spring:message code="cop.sourcNm" />"><c:out value="${result.sourcNm}"/></td>
+					<td data-tit="등록일/수정일">
+						<fmt:formatDate value="${result.frstRegisterPnttm}"  pattern="yyyy-MM-dd"/><br/>
+						<fmt:formatDate value="${result.lastUpdusrPnttm}"  pattern="yyyy-MM-dd"/>
+					</td>
+					<c:if test="${USER_INFO.userSe > 10}">
+						<td data-tit="관리">
+							<div class="btn-cont">
+								<c:url var="viewUrl" value="/mng/cop/com/selectLytSourc.do">
+									<c:param name="lytSourcId" value="${result.lytSourcId}" />
+									<c:param name="selectMode" value="${searchVO.selectMode}" />
+									<c:param name="searchSourcSeCode" value="${searchVO.searchSourcSeCode}" />
+									<c:if test="${not empty searchVO.searchCondition}"><c:param name="searchCondition" value="${searchVO.searchCondition}" /></c:if>
+									<c:if test="${not empty searchVO.searchKeyword}"><c:param name="searchKeyword" value="${searchVO.searchKeyword}" /></c:if>
+									<c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
+								</c:url>
+								<a href="${viewUrl}" class="btn-ico-sm" title="수정"><i class="ico-sm-edit"></i><span class="txt-hide">수정</span></a>
+
+								<c:url var="delUrl" value="/mng/cop/com/deleteLytSourc.do">
+									<c:param name="lytSourcId" value="${result.lytSourcId}" />
+									<c:param name="selectMode" value="${searchVO.selectMode}" />
+									<c:param name="searchSourcSeCode" value="${searchVO.searchSourcSeCode}" />
+									<c:if test="${not empty searchVO.searchCondition}"><c:param name="searchCondition" value="${searchVO.searchCondition}" /></c:if>
+									<c:if test="${not empty searchVO.searchKeyword}"><c:param name="searchKeyword" value="${searchVO.searchKeyword}" /></c:if>
+									<c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
+								</c:url>
+								<a href="${delUrl}" class="btn btn-ico-sm" title="삭제" onclick="fn_egov_delete(this.href);return false;"><i class="ico-sm-trash"></i><span class="txt-hdie">삭제</span></a>
+							</div>
+						</td>
+					</c:if>
+					<td data-tit="${type}">
+						<c:choose>
+							<c:when test="${searchVO.selectMode eq 'Y'}">
+								<button type="button" class="btn-sm spot" onclick="fn_egov_selectSourc('<c:out value="${result.lytSourcId}"/>', '<c:out value="${result.sourcNm}"/>', '<c:out value="${result.sourcSeCode}"/>', '<c:out value="${result.prevewFileNm}"/>');return false;">선택</button>
+							</c:when>
+							<c:otherwise>
+								<button type="button" class="btn-sm spot" onclick="fn_egov_view_HisManage('<c:out value="${result.lytSourcId}"/>');return false;">찾기</button>
+							</c:otherwise>
+						</c:choose>
+					</td>
+				</tr>
+			</c:forEach>
+
+			<c:if test="${fn:length(resultList) == 0}">
+				<tr>
+					<td class="" colspan="7"><spring:message code="common.nodata.msg" /></td>
+				</tr>
 			</c:if>
-		    <td>
-		    <c:choose>
-				<c:when test="${searchVO.selectMode eq 'Y'}"><a href="#" onclick="fn_egov_selectSourc('<c:out value="${result.lytSourcId}"/>', '<c:out value="${result.sourcNm}"/>', '<c:out value="${result.sourcSeCode}"/>', '<c:out value="${result.prevewFileNm}"/>');return false;"><img src="${_IMG}/btn/btn_select.gif" alt="선택"/></a></c:when>
-				<c:otherwise><a href="#" onclick="fn_egov_view_HisManage('<c:out value="${result.lytSourcId}"/>');return false;"><img src="${_IMG}/btn/btn_search02.gif" alt="찾기"/></a></c:otherwise>
-			</c:choose> 
-		    </td>
-		  </tr>
-		 </c:forEach>	  
-		 <c:if test="${fn:length(resultList) == 0}">
-		  <tr>
-		    <td colspan="6" ><spring:message code="common.nodata.msg" /></td>  
-		  </tr>		 
-		 </c:if>
- 
-	 </tbody>  
+		</tbody>
 	</table>
-	
-			
-  	
-  			<div id="paging">
-			    <c:url var="pageUrl" value="/mng/cop/com/selectLytSourcList.do?">
-			    	<c:param name="selectMode" value="${searchVO.selectMode}" />
-			    	<c:param name="searchSourcSeCode" value="${searchVO.searchSourcSeCode}" />
-            		<c:if test="${not empty param.searchCondition}"><c:param name="searchCondition" value="${param.searchCondition}" /></c:if>
-            		<c:if test="${not empty param.searchKeyword}"><c:param name="searchKeyword" value="${param.searchKeyword}" /></c:if>
-			    </c:url>
-			
-			    <ul>
-			      <ui:pagination paginationInfo="${paginationInfo}" type="image" jsFunction="${pageUrl}" />
-			    </ul>
-		    </div>
-		    
-		    <div id="bbs_search">
-		    	<form name="frm" action ="<c:url value="/mng/cop/com/selectLytSourcList.do"/>" method="post">
-		    	<input type="hidden" name="selectMode" value="${searchVO.selectMode}"/>
-		    	<input type="hidden" name="searchSourcSeCode" value="sit"/>
-		    	<%-- 
-					<label for="ftext" class="hdn">분류검색</label>
-					<select name="searchSourcSeCode" id="searchSourcSeCode" class="searchCate inp">
-        				<option value="">분류</option>
-        		  		<c:forEach var="result" items="${codeList}" varStatus="status">
-        		  			<option value="<c:out value="${result.code}"/>" <c:if test="${searchVO.searchSourcSeCode == result.code}">selected="selected"</c:if>><c:out value="${result.codeNm}"/></option>
-        		  		</c:forEach>
-        	  		</select>
-        	  	--%>
-					<select name="searchCondition" id="searchCondition">
-		                <option value=''>분류검색</option>
-		                <option value="0" <c:if test="${searchVO.searchCondition == '0'}">selected="selected"</c:if> ><spring:message code="cop.sourcNm" /></option>                           
-		            </select>
-					<label for="inp_text" class="hdn">검색어입력</label>
-					<input name="searchKeyword" type="text" size="25" class="inp" value='<c:out value="${searchVO.searchKeyword}"/>' maxlength="35"  class="inp_s" id="inp_text"/>
-					<input type=image src="${_IMG}/btn/btn_search.gif" alt="검색"/>
-				</form>
-		  </div>
-		  
-		  <c:if test="${USER_INFO.userSe > 10}">
-		  	<div class="btn_r">
-				<c:url var="addUrl" value="/mng/cop/com/addLytSourc.do">
-					<c:param name="selectMode" value="${searchVO.selectMode}" />
-					<c:param name="searchSourcSeCode" value="${searchVO.searchSourcSeCode}" />
-				</c:url>
-		    	<a href="${addUrl}"><img src="${_IMG}/btn/btn_creat.gif" alt="생성"/></a>
-		  	</div>
-		 </c:if>
+</div>
 
-</div>        
+<c:url var="pageUrl" value="/mng/cop/com/selectLytSourcList.do?">
+	<c:param name="selectMode" value="${searchVO.selectMode}" />
+	<c:param name="searchSourcSeCode" value="${searchVO.searchSourcSeCode}" />
+	<c:if test="${not empty param.searchCondition}"><c:param name="searchCondition" value="${param.searchCondition}" /></c:if>
+	<c:if test="${not empty param.searchKeyword}"><c:param name="searchKeyword" value="${param.searchKeyword}" /></c:if>
+</c:url>
+<ul class="paging">
+	<ui:pagination paginationInfo="${paginationInfo}" type="image" jsFunction="${pageUrl}" />
+</ul>
 
+<c:if test="${USER_INFO.userSe > 10 and searchVO.selectMode ne 'Y'}">
+	<div class="fnc-area">
+		<div class="r-area">
+			<c:url var="addUrl" value="/mng/cop/com/addLytSourc.do">
+				<c:param name="selectMode" value="${searchVO.selectMode}" />
+				<c:param name="searchSourcSeCode" value="${searchVO.searchSourcSeCode}" />
+			</c:url>
+			<a href="${addUrl}" class="btn spot2">생성</a>
+		</div>
+	</div>
+</c:if>
+
+<c:choose>
+	<c:when test="${searchVO.selectMode eq 'Y'}">
+		<c:import url="/EgovPageLink.do?link=/mng/template/popBottom" charEncoding="utf-8"/>
+	</c:when>
+	<c:otherwise>
+		<c:import url="/mng/template/bottom.do" charEncoding="utf-8"/>
+	</c:otherwise>
+</c:choose>
 
 <c:choose>
 	<c:when test="${searchVO.selectMode eq 'Y'}">
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytSourcRegister.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytSourcRegister.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytSourcRegister.jsp
@@ -1,11 +1,5 @@
-<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
-<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
-<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
-<c:set var="_IMG" value="${pageContext.request.contextPath}/resources/template/manage/images"/>
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ include file="/WEB-INF/jsp/egovframework/cmm/include/defualt.jsp"%>
 
 <c:set var="_MODE" value=""/>
 
@@ -41,11 +35,10 @@
 	</c:otherwise>
 </c:choose>
 
-<script type="text/javascript" src="<c:url value="/validator.do"/>"></script>
+<script src="<c:url value="/validator.do"/>"></script>
 <validator:javascript formName="lytSourcVO" staticJavascript="false" xhtml="true" cdata="false"/>
-
-<script type="text/javaScript" language="javascript">
-
+<script src="${C_LIB}/ace/src-min/ace.js"></script>
+<script>
 /* ********************************************************
  * 저장처리화면
  ******************************************************** */
@@ -61,27 +54,29 @@
     }
 }
 
+var editor = new Array(2);
 function fn_egov_loadOriginSource() {
-	
 	if(confirm('불러오시겠습니까?')) {
 		var sourcSeCode = $('#sourcSeCode option:selected').val();
 		if(!sourcSeCode) {
 			alert('레이아웃구분을 선택하세요');
 			return;
 		}
-		
-		var url = "${pageContext.request.contextPath}/mng/cop/com/selectLytOriginSource.do?";
+
+		var url = "/mng/cop/com/selectLytOriginSource.do?";
 		url += "sourcSeCode=" + $('#sourcSeCode option:selected').val();
-		
+
 		$.getJSON(url, function(data) {
-	  		$('#upendSourc').val(data.upendSourc);
-	  		$('#lptSourc').val(data.lptSourc);
-	  		$('#mobileUpendSourc').val(data.mobileUpendSourc);
-	  		$('#mobileLptSourc').val(data.mobileLptSourc);
-		})
-		.success(function() {})
-		.error(function() {alert('문제가 발생하여 작업을 완료하지 못하였습니다.');})
-		.complete(function() {});
+			$('#upendSourc').val(data.upendSourc);
+			$('#lptSourc').val(data.lptSourc);
+			//$('#mobileUpendSourc').val(data.mobileUpendSourc);
+			//$('#mobileLptSourc').val(data.mobileLptSourc);
+
+			editor[0].getSession().setValue(data.upendSourc);
+			editor[1].getSession().setValue(data.lptSourc);
+			//editor[2].getSession().setValue(data.mobileUpendSourc);
+			//editor[3].getSession().setValue(data.mobileLptSourc);
+		});
 	}
 }
 
@@ -90,25 +85,29 @@
 	url = url + "selectMode=Y";
 	url = url + "&searchSourcSeCode=" + $('#sourcSeCode').val();
 	
-	var win = window.open(url ,'lytSourc',' scrollbars=yes, resizable=yes, left=0, top=0, width=880,height=650');
+	var win = window.open(url ,'lytSourc',' scrollbars=yes, resizable=yes, left=0, top=0, width=1300,height=650');
 	if(win != null) {
 		win.focus();
 	}
 }
 
 function fn_egov_updateSourc(id, nm, fileNm) {
+	alert(11111);
+
 	var url = "${pageContext.request.contextPath}/mng/cop/com/selectLytCopySource.do?";
 	url += "lytSourcId=" + id;
-	
+
 	$.getJSON(url, function(data) {
 		$('#upendSourc').val(data.upendSourc);
-  		$('#lptSourc').val(data.lptSourc);
-  		$('#mobileUpendSourc').val(data.mobileUpendSourc);
-  		$('#mobileLptSourc').val(data.mobileLptSourc);
-	})
-	.success(function() {})
-	.error(function() {alert('문제가 발생하여 작업을 완료하지 못하였습니다.');})
-	.complete(function() {});
+		$('#lptSourc').val(data.lptSourc);
+		//$('#mobileUpendSourc').val(data.mobileUpendSourc);
+		//$('#mobileLptSourc').val(data.mobileLptSourc);
+
+		editor[0].getSession().setValue(data.upendSourc);
+		editor[1].getSession().setValue(data.lptSourc);
+		//editor[2].getSession().setValue(data.mobileUpendSourc);
+		//editor[3].getSession().setValue(data.mobileLptSourc);
+	});
 }
 
 function fnTabView(idx) {
@@ -120,163 +119,156 @@
 	$('#tab01').hide();
 	$('#tab02').hide();    		
 	$('#tab' + idx).show();
-	
 }
 
 $(document).ready( function() {
 	
 	$('#tab02').hide();
 	$('#sourcNm').focus();
-	
+
+	$("textarea[lang]").each(function(idx) {
+		var textarea = $(this);
+		var mode = textarea.attr("lang");
+		var editDiv = $("<div>", {
+			position: "absolute",
+			width:"100%",
+			height:textarea.height()
+		}).insertBefore(textarea);
+
+		textarea.css("display", "none");
+
+		editor[idx] = ace.edit(editDiv[0]);
+		editor[idx].setFontSize("11px");
+		editor[idx].getSession().setValue(textarea.val());
+		editor[idx].setTheme("ace/theme/chrome");
+		editor[idx].getSession().setMode("ace/mode/" + mode);
+
+		textarea.closest("#lytSourcVO").submit(function() {
+			textarea.val(editor[idx].getSession().getValue());
+		});
+	});
 });
 
 </script>
 
-<style type="text/css">
-<!--
-.conf_top{overflow:hidden;}
-.tab_menu{right:0;z-index:1000;}
-.tab_menu li{float:left;background:#f8f8f8;width:150px;height:30px;text-align:center;border:1px solid #ccc;}
-.tab_menu li a{display:block;padding:8px 0px;height:30px;}
-.tab_menu li a:hover, .tab_menu li a.active{background:url('${_IMG}/tab_over.gif') 0 0 repeat;padding:8px 0px;height:15px;font-weight:bold;color:#32688c;}
-.cont{position:relative;width:100%;border-top:1px solid #ccc;padding:0px 0;z-index:1001;}
-.cont table{width:100%;}
--->
-</style>  
+<form:form commandName="lytSourcVO" name="lytSourcVO" action="${_ACTION}" method="post" enctype="multipart/form-data" onsubmit="return fn_egov_regist();">
+	<form:hidden path="lytSourcId"/>
+	<input name="selectMode" type="hidden" value="<c:out value='${searchVO.selectMode}'/>"/>
+	<input name="searchSourcSeCode" type="hidden" value="<c:out value='${searchVO.searchSourcSeCode}'/>"/>
+	<input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>"/>
+	<input name="searchCondition" type="hidden" value="<c:out value="${searchVO.searchCondition}"/>"/>
+	<input name="searchKeyword" type="hidden" value="<c:out value="${searchVO.searchKeyword}"/>"/>
 
-<div id="cntnts">
-        <form:form commandName="lytSourcVO" name="lytSourcVO" action="${_ACTION}" method="post" enctype="multipart/form-data" onsubmit="return fn_egov_regist();"> 
-        <form:hidden path="lytSourcId"/>
-        <input name="selectMode" type="hidden" value="<c:out value='${searchVO.selectMode}'/>"/>
-        <input name="searchSourcSeCode" type="hidden" value="<c:out value='${searchVO.searchSourcSeCode}'/>"/>
-        <input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>"/>
-        <input name="searchCondition" type="hidden" value="<c:out value="${searchVO.searchCondition}"/>"/>
-		<input name="searchKeyword" type="hidden" value="<c:out value="${searchVO.searchKeyword}"/>"/>
-    
-		<fieldset>
-        <legend class="hdn">레이아웃 입력 폼</legend>
-        
-        <a href="#" onclick="fn_egov_loadOriginSource(); return false;"><img src="${_IMG}/btn/btn_basic_sauce.gif" alt="기본레이아웃 불러오기"/></a>
-        <a href="#" onclick="fn_egov_selectSourc(); return false;"><img src="${_IMG}/btn/btn_sauce_copy.gif" alt="레이아웃 복사하기"/></a>
-        
-        <table class="chart2" summary="작성인, 제목, 내용, 파일첨부를 입력하는 표입니다." >
-		  <caption> </caption>
-          <colgroup>
-				<col width="150px" />
-				<col width="*" />
-			</colgroup>
-          <tbody>
-            <tr>
-              <th><em>*</em> <label for="sourcLcasCode"><spring:message code="cop.sourcSeCode" /></label></th>
-              <td>
-                <form:select path="sourcSeCode">
-                  <form:option value="">선택</form:option>
-                  <form:options items="${codeList}" itemValue="code" itemLabel="codeNm"/>
-                </form:select>
-                <div><form:errors path="sourcSeCode"/></div>         
-              </td>
-            </tr>
-            <tr>
-              <th><em>*</em> <label for="sourcNm"><spring:message code="cop.sourcNm" /></label></th>
-              <td>
-                <form:input path="sourcNm" size="70" maxlength="70" cssClass="inp_long" />
-                <div><form:errors path="sourcNm"/></div>         
-              </td>         
-            </tr>
-            <tr>
-              <th><label for="imagePrevewFileNm">미리보기이미지</label></th>
-              <td>
-              	<input type="file" name="imagePrevewFileNm" id="imagePrevewFileNm" title="미리보기이미지" class="input300 inp" >
-              	<c:if test="${_MODE eq 'UPT'}">
-              	<br><c:choose>
-					<c:when test="${not empty lytSourcVO.prevewFileNm}"><a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${lytSourcVO.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${lytSourcVO.prevewFileNm}" width="120" height="107"/></a></c:when>
-					<c:otherwise><img src="${_IMG}/board/no_img.gif" alt="이미지없음" width="120" height="107"/></c:otherwise>
-				</c:choose>
-				</c:if>
-              </td>
-            </tr>
-            <tr>
-				<th><label>HTML</label></th>
-				<td>
-					<div class="conf_top">
-				    	<ul class="tab_menu">
-							<li><a href="#tab1" id="tabLink01" onclick="fnTabView('01');return false;" class="active">WEB</a></li>
-						</ul>
-					</div>
-					
-					<div id="tab01" class="cont">
+	<fieldset>
+		<legend class="hdn">레이아웃 입력 폼</legend>
+
+		<div class="fnc-area">
+			<div class="l-area">
+				<button class="btn-sm spot2" onclick="fn_egov_selectSourc(); return false;">레이아웃 복사하기</button>
+			</div>
+		</div>
+
+		<div class="write-type">
+			<table>
+				<colgroup>
+					<col style="width:250px" />
+					<col />
+				</colgroup>
+				<tbody>
+				<tr>
+					<th><label for="sourcSeCode"><spring:message code="cop.sourcSeCode" /></label> <i class="required">*<span class="txt-hide" >필수</span></i></th>
+					<td>
+						<div class="selectbox">
+							<form:select path="sourcSeCode">
+								<form:option value="">선택</form:option>
+								<form:options items="${codeList}" itemValue="code" itemLabel="codeNm"/>
+							</form:select>
+						</div>
+						<div><form:errors path="sourcSeCode"/></div>
+					</td>
+				</tr>
+
+				<tr>
+					<th><label for="sourcNm"><spring:message code="cop.sourcNm" /></label>  <i class="required">*<span class="txt-hide" >필수</span></i></th>
+					<td>
+						<form:input path="sourcNm" size="70" maxlength="70" cssClass="q1" />
+						<div><form:errors path="sourcNm"/></div>
+					</td>
+				</tr>
+				<tr>
+					<th><label for="imagePrevewFileNm">미리보기이미지</label></th>
+					<td>
+						<div class="file-add-txt-area">
+							<div class="file-custom">
+								<input type="file" name="imagePrevewFileNm" id="imagePrevewFileNm" class="input-file">
+								<button type="button" class="btn">파일 찾기</button>
+								<input type="text" placeholder="파일로 콘텐츠를 추가해주세요." readonly>
+							</div>
+						</div>
+						<c:if test="${_MODE eq 'UPT'}">
+							<ul class="file-list">
+								<c:choose>
+									<c:when test="${not empty lytSourcVO.prevewFileNm}">
+										<li>
+											<a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${lytSourcVO.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${lytSourcVO.prevewFileNm}" width="120" height="107"/></a>
+											<button class="btn-close sm"><span class="txt-hide">삭제</span></button>
+										</li>
+									</c:when>
+									<c:otherwise>
+										<li>
+											<img src="${M_IMG}/common/no_img.gif" alt="이미지없음" width="120" height="107"/>
+										</li>
+									</c:otherwise>
+								</c:choose>
+							</ul>
+						</c:if>
+					</td>
+				</tr>
+				<tr>
+					<th><label for="upendSourc">HTML</label></th>
+					<td>
 						<table>
-							<caption>등록폼</caption>
 							<colgroup>
 								<col width="130"/>
 								<col/>
 							</colgroup>
-								<tbody>
-						            <tr>
-						              <th><label for="upendSourc"><spring:message code="cop.upendSourc" /></label></th>
-						              <td>
-						                <form:textarea path="upendSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" />
-						                <div><form:errors path="upendSourc"/></div>         
-						              </td>
-						            </tr>
-						            <tr>
-						              <th><label for="lptSourc"><spring:message code="cop.lptSourc" /></label></th>
-						              <td>
-						                <form:textarea path="lptSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" />
-						                <div><form:errors path="lptSourc"/></div>         
-						              </td>
-						            </tr>
-								</tbody>
+							<tbody>
+							<tr>
+								<th><label for="upendSourc"><spring:message code="cop.upendSourc" /></label></th>
+								<td>
+									<form:textarea path="upendSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" lang="jsp"/>
+									<div><form:errors path="upendSourc"/></div>
+								</td>
+							</tr>
+							<tr>
+								<th><label for="lptSourc"><spring:message code="cop.lptSourc" /></label></th>
+								<td>
+									<form:textarea path="lptSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" lang="jsp"/>
+									<div><form:errors path="lptSourc"/></div>
+								</td>
+							</tr>
+							</tbody>
 						</table>
-					</div>
-					<div id="tab02" class="cont" style="visibility:hidden;height:0px;position:absolute;top:0;left:0;z-index:-1;">
-						<table>
-							<caption>등록폼</caption>
-							<colgroup>
-								<col width="130"/>
-								<col/>
-							</colgroup>
-								<tbody>
-						            <tr>
-						              <th><label for="mobileUpendSourc"><spring:message code="cop.upendSourc" /></label></th>
-						              <td>
-						                <form:textarea path="mobileUpendSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" />
-						                <div><form:errors path="mobileUpendSourc"/></div>         
-						              </td>
-						            </tr>
-						            <tr>
-						              <th><label for="mobileLptSourc"><spring:message code="cop.lptSourc" /></label></th>
-						              <td>
-						                <form:textarea path="mobileLptSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" />
-						                <div><form:errors path="mobileLptSourc"/></div>         
-						              </td>
-						            </tr>
-								</tbody>
-						</table>
-					</div>
-				</td>
-			</tr>            
-          </tbody>
-          <tfoot>
-          </tfoot>
-          </table>
-  
-          <div class="btn_r">
-          	<input type="image" src="${_IMG}/btn/${_MODE eq 'REG' ? 'btn_regist.gif' : 'btn_modify.gif' }"/>
-          	<c:url var="listUrl" value="/mng/cop/com/selectLytSourcList.do">
-          		<c:param name="selectMode" value="${searchVO.selectMode}" />
-          		<c:param name="searchSourcSeCode" value="${searchVO.searchSourcSeCode}" />
-		        <c:param name="pageIndex" value="${searchVO.pageIndex}" />
+					</td>
+				</tr>
+				</tbody>
+			</table>
+		</div>
+
+		<div class="btn-cont">
+			<button type="submit" class="btn-lg spot2">${_MODE eq 'REG' ? '등록' : '수정' }</button>
+			<c:url var="listUrl" value="/mng/cop/com/selectLytSourcList.do">
+				<c:param name="selectMode" value="${searchVO.selectMode}" />
+				<c:param name="searchSourcSeCode" value="${searchVO.searchSourcSeCode}" />
+				<c:param name="pageIndex" value="${searchVO.pageIndex}" />
 				<c:param name="searchCondition" value="${searchVO.searchCondition}" />
 				<c:param name="searchKeyword" value="${searchVO.searchKeyword}" />
-		      </c:url>
-            <a href="${listUrl}"><img src="${_IMG}/btn/btn_list.gif" alt="목록"/></a>
-          </div>
-            
-        </fieldset>
-      </form:form>
+			</c:url>
+			<a href="${listUrl}" class="btn btn-lg">목록</a>
+		</div>
+	</fieldset>
+</form:form>
 
-    </div>        
 
 <c:choose>
 	<c:when test="${searchVO.selectMode eq 'Y'}">
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytTemplateHistoryList.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytTemplateHistoryList.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytTemplateHistoryList.jsp
@@ -1,23 +1,14 @@
-<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
-<%@ page import="egovframework.com.cmm.service.EgovProperties"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
-<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
-<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
-<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"  %>
-<c:set var="_C_IMG" value="/template/common/images"/>
-<c:set var="_C_JS" value="/template/common/js"/>
-<c:set var="_IMG" value="${pageContext.request.contextPath}/resources/template/manage/images"/>
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ include file="/WEB-INF/jsp/egovframework/cmm/include/defualt.jsp"%>
+
 <c:set var="_PREFIX" value="/mng/cop/bbs"/>
 
 <c:import url="/EgovPageLink.do?link=/mng/template/popTop" charEncoding="utf-8">
 	<c:param name="title" value="템플릿 복원"/>
 </c:import>
 
-<script type="text/javascript" language="javascript">
+<script>
 function fn_egov_Rollback(id){
- 
     if(confirm("복원하시겠습니까?")){
     	document.location.href = "/mng/cop/com/updateLytTemplateRollBack.do?lytTmplatId=${searchVO.lytTmplatId}&lytTmplatHistId=" + id;
     }
@@ -26,64 +17,56 @@
 <c:if test="${rollbackComplete eq 'Y'}">
 	alert('복원이 완료 되었습니다.');
 </c:if>
-
 </script>
 
-<div id="cntnts">
-	
-			
-<p class="total">총  ${paginationInfo.totalRecordCount}개 ㅣ 현재페이지 <strong class="green">${paginationInfo.currentPageNo}</strong>/${paginationInfo.totalPageCount}</p>
-              
-        <table class="chart_board">
-           <colgroup>
-				<col class="co1"/>
-				<col class="co3"/>
-				<col class="co6"/>
-			</colgroup>
-          <thead>
-            <tr>
-			    <th>번호</th>
-			    <th>변경일자</th>
-			    <th>복원</th>
-			  </tr>
-          </thead>
-          <tbody>
-	
-	  
-		 <c:forEach var="result" items="${resultList}" varStatus="status">
-		  <tr>
-		    <td><c:out value="${paginationInfo.totalRecordCount - ((searchVO.pageIndex-1) * searchVO.pageUnit) - (status.count - 1)}" /></td>
-		    <td>
-		    	<c:url var="viewUrl" value="/mng/cop/com/selectLytTemplateHistory.do">
-		    		<c:param name="lytTmplatHistId" value="${result.lytTmplatHistId}" />
-					<c:param name="lytTmplatId" value="${searchVO.lytTmplatId}" />
-		      		<c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
-				</c:url>	
-		    	<a href="${viewUrl}"><fmt:formatDate value="${result.lastUpdusrPnttm}"  pattern="yyyy-MM-dd HH:mm:ss"/></a>
-		    </td>
-		    <td><a href="#" onclick="fn_egov_Rollback('${result.lytTmplatHistId}'); return false;"><img src="${_IMG}/btn/btn_select.gif" alt="선택"/></a></td>
-		  </tr>
-		 </c:forEach>	  
-		 <c:if test="${fn:length(resultList) == 0}">
-		  <tr>
-		    <td colspan="3" ><spring:message code="common.nodata.msg" /></td>  
-		  </tr>		 
-		 </c:if>
- 
-	 </tbody>  
-	</table>
-	
-	
-			<div id="paging">
-			    <c:url var="pageUrl" value="/mng/cop/com/selectLytTemplateHistoryList.do">
-			    	<c:param name="lytTmplatId" value="${searchVO.lytTmplatId}" />
-			    </c:url>
-			
-			    <ul>
-			      <ui:pagination paginationInfo="${paginationInfo}" type="image" jsFunction="${pageUrl}" />
-			    </ul>
-		    </div>
 
-</div>        
+<p class="total-count">총 사이트 ${paginationInfo.totalRecordCount}개 ㅣ 현재페이지 <strong class="green">${paginationInfo.currentPageNo}</strong>/${paginationInfo.totalPageCount}</p>
+<div class="list-type sm">
+	<table>
+		<colgroup>
+			<col style="width:110px">
+			<col>
+			<col style="width:130px">
+		</colgroup>
+		<thead>
+		<tr>
+			<th scope="col">번호</th>
+			<th scope="col">변경일자</th>
+			<th scope="col">복원</th>
+		</tr>
+		</thead>
+		<tbody>
+			<c:forEach var="result" items="${resultList}" varStatus="status">
+				<tr>
+					<td data-tit="번호"><c:out value="${paginationInfo.totalRecordCount - ((searchVO.pageIndex-1) * searchVO.pageUnit) - (status.count - 1)}" /></td>
+					<td data-tit="변경일자">
+						<c:url var="viewUrl" value="/mng/cop/com/selectLytTemplateHistory.do">
+							<c:param name="lytTmplatHistId" value="${result.lytTmplatHistId}" />
+							<c:param name="lytTmplatId" value="${searchVO.lytTmplatId}" />
+							<c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
+						</c:url>
+						<a href="${viewUrl}"><fmt:formatDate value="${result.lastUpdusrPnttm}"  pattern="yyyy-MM-dd HH:mm:ss"/></a>
+					</td>
+					<td data-tit="복원">
+						<button type="button" class="btn-sm spot" onclick="fn_egov_Rollback('${result.lytTmplatHistId}'); return false;">선택</button>
+					</td>
+
+				</tr>
+			</c:forEach>
+
+			<c:if test="${fn:length(resultList) == 0}">
+				<tr>
+					<td class="" colspan="3"><spring:message code="common.nodata.msg" /></td>
+				</tr>
+			</c:if>
+		</tbody>
+	</table>
+</div>
+<c:url var="pageUrl" value="/mng/cop/com/selectLytTemplateHistoryList.do">
+	<c:param name="lytTmplatId" value="${searchVO.lytTmplatId}" />
+</c:url>
+<ul class="paging">
+	<ui:pagination paginationInfo="${paginationInfo}" type="image" jsFunction="${pageUrl}" />
+</ul>
 
 <c:import url="/EgovPageLink.do?link=/mng/template/popBottom" charEncoding="utf-8"/>	
(파일 끝에 줄바꿈 문자 없음)
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytTemplateHistoryView.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytTemplateHistoryView.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytTemplateHistoryView.jsp
@@ -1,18 +1,12 @@
-<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
-<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
-<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
-<c:set var="_IMG" value="${pageContext.request.contextPath}/resources/template/manage/images"/>
-
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ include file="/WEB-INF/jsp/egovframework/cmm/include/defualt.jsp"%>
 
 <c:import url="/EgovPageLink.do?link=/mng/template/popTop" charEncoding="utf-8">
 	<c:param name="title" value="템플릿 복원"/>
 </c:import>
 
-<script type="text/javascript">
+<script src="${C_LIB}/ace/src-min/ace.js"></script>
+<script>
 function fnTabView(idx) {
 	
 	$('#tabLink01').removeClass('active');
@@ -26,132 +20,114 @@
 }
 
 $(document).ready( function() {
-	
 	$('#tab02').hide();
 	$('#tmplatNm').focus();
-	
+
+	var editor = new Array(2);
+	$("textarea[lang]").each(function(idx) {
+		var textarea = $(this);
+		var mode = textarea.attr("lang");
+		var editDiv = $("<div>", {
+			position: "absolute",
+			width:"100%",
+			height:textarea.height()
+		}).insertBefore(textarea);
+
+		textarea.css("display", "none");
+
+		editor[idx] = ace.edit(editDiv[0]);
+		editor[idx].setFontSize("11px");
+		editor[idx].getSession().setValue(textarea.val());
+		editor[idx].setTheme("ace/theme/clouds");
+		editor[idx].getSession().setMode("ace/mode/" + mode);
+
+		textarea.closest("#lytTmplatVO").submit(function() {
+			textarea.val(editor[idx].getSession().getValue());
+		});
+	});
 });
 
 </script>
 
-<style type="text/css">
-<!--
-.conf_top{overflow:hidden;}
-.tab_menu{right:0;z-index:1000;}
-.tab_menu li{float:left;background:#f8f8f8;width:150px;height:30px;text-align:center;border:1px solid #ccc;}
-.tab_menu li a{display:block;padding:8px 0px;height:30px;}
-.tab_menu li a:hover, .tab_menu li a.active{background:url('${_IMG}/tab_over.gif') 0 0 repeat;padding:8px 0px;height:15px;font-weight:bold;color:#32688c;}
-.cont{position:relative;width:100%;border-top:1px solid #ccc;padding:0px 0;z-index:1001;}
-.cont table{width:100%;}
--->
-</style>  
 
 
-<div id="cntnts">
-    
-        <form:form commandName="lytTmplatVO" name="lytTmplatVO" action="" method="post" enctype="multipart/form-data" onsubmit="return false;"> 
-        <form:hidden path="lytTmplatId"/>
-        <input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>"/>
-        <input name="searchCondition" type="hidden" value="<c:out value="${searchVO.searchCondition}"/>"/>
-		<input name="searchKeyword" type="hidden" value="<c:out value="${searchVO.searchKeyword}"/>"/>
-    
-		<fieldset>
-        <legend class="hdn">템플릿 입력 폼</legend>
-        
-        <table class="chart2" summary="작성인, 제목, 내용, 파일첨부를 입력하는 표입니다." >
-		  <caption> </caption>
-          <colgroup>
-				<col width="150px" />
-				<col width="*" />
-			</colgroup>
-          <tbody>
-            <tr>
-              <th><label for="imagePrevewFileNm">미리보기이미지</label></th>
-              <td>
-              	<c:choose>
-					<c:when test="${not empty lytTmplatVO.prevewFileNm}"><a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}/${lytTmplatVO.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}/${lytTmplatVO.prevewFileNm}" width="120" height="107"/></a></c:when>
-					<c:otherwise><img src="${_IMG}/board/no_img.gif" alt="이미지없음" width="120" height="107"/></c:otherwise>
-				</c:choose>
-              </td>
-            </tr>
-            <tr>
-				<th><label>HTML</label></th>
-				<td>
-					<div class="conf_top">
-				    	<ul class="tab_menu">
-							<li><a href="#tab1" id="tabLink01" onclick="fnTabView('01');return false;" class="active">WEB</a></li>
+<form:form commandName="lytTmplatVO" name="lytTmplatVO" action="" method="post" enctype="multipart/form-data" onsubmit="return false;">
+	<form:hidden path="lytTmplatId"/>
+	<input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>"/>
+	<input name="searchCondition" type="hidden" value="<c:out value="${searchVO.searchCondition}"/>"/>
+	<input name="searchKeyword" type="hidden" value="<c:out value="${searchVO.searchKeyword}"/>"/>
+
+	<fieldset>
+		<legend class="hdn">템플릿 입력 폼</legend>
+
+		<div class="write-type">
+			<table>
+				<colgroup>
+					<col style="width:250px" />
+					<col />
+				</colgroup>
+				<tbody>
+				<tr>
+					<th>미리보기이미지</th>
+					<td>
+						<ul class="file-list">
+							<c:choose>
+								<c:when test="${not empty lytTmplatVO.prevewFileNm}">
+									<li>
+										<a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${lytTmplatVO.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${lytTmplatVO.prevewFileNm}" width="120" height="107"/></a>
+									</li>
+								</c:when>
+								<c:otherwise>
+									<li>
+										<img src="${M_IMG}/common/no_img.gif" alt="이미지없음" width="120" height="107"/>
+									</li>
+								</c:otherwise>
+							</c:choose>
 						</ul>
-					</div>
-					
-					<div id="tab01" class="cont">
+					</td>
+				</tr>
+				<tr>
+					<th><label for="cssSourc">HTML</label></th>
+					<td>
 						<table>
 							<caption>등록폼</caption>
 							<colgroup>
 								<col width="130"/>
 								<col/>
 							</colgroup>
-								<tbody>
-									<tr>
-						              <th><label for="cssSourc">스타일시트</label></th>
-						              <td>
-						                <form:textarea path="cssSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" />
-						                <div><form:errors path="cssSourc"/></div>         
-						              </td>
-						            </tr>
-						            <tr>
-						              <th><label for="scriptSourc">자바스크립트</label></th>
-						              <td>
-						                <form:textarea path="scriptSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" />
-						                <div><form:errors path="scriptSourc"/></div>         
-						              </td>
-						            </tr>
-								</tbody>
+							<tbody>
+							<tr>
+								<th><label for="cssSourc">스타일시트</label></th>
+								<td>
+									<form:textarea path="cssSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" lang="css"/>
+									<div><form:errors path="cssSourc"/></div>
+								</td>
+							</tr>
+							<tr>
+								<th><label for="scriptSourc">자바스크립트</label></th>
+								<td>
+									<form:textarea path="scriptSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" lang="javascript"/>
+									<div><form:errors path="scriptSourc"/></div>
+								</td>
+							</tr>
+							</tbody>
 						</table>
-					</div>
-					<div id="tab02" class="cont" style="visibility:hidden;height:0px;position:absolute;top:0;left:0;z-index:-1;">
-						<table>
-							<caption>등록폼</caption>
-							<colgroup>
-								<col width="130"/>
-								<col/>
-							</colgroup>
-								<tbody>
-									<th><label for="mobileCssSourc">스타일시트</label></th>
-						              <td>
-						                <form:textarea path="mobileCssSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" />
-						                <div><form:errors path="mobileCssSourc"/></div>         
-						              </td>
-						            </tr>
-						            <tr>
-						              <th><label for="mobileScriptSourc">자바스크립트</label></th>
-						              <td>
-						                <form:textarea path="mobileScriptSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" />
-						                <div><form:errors path="mobileScriptSourc"/></div>         
-						              </td>
-						            </tr>
-								</tbody>
-						</table>
-					</div>
-				</td>
-			</tr>   
-          </tbody>
-          <tfoot>
-          </tfoot>
-          </table>
-  
-          <div class="btn_r">
-          	<c:url var="listUrl" value="/mng/cop/com/selectLytTemplateHistoryList.do">
-          		<c:param name="lytTmplatId" value="${searchVO.lytTmplatId}" />
-		        <c:param name="pageIndex" value="${searchVO.pageIndex}" />
+					</td>
+				</tr>
+				</tbody>
+			</table>
+		</div>
+
+		<div class="btn-cont">
+			<c:url var="listUrl" value="/mng/cop/com/selectLytTemplateHistoryList.do">
+				<c:param name="lytTmplatId" value="${searchVO.lytTmplatId}" />
+				<c:param name="pageIndex" value="${searchVO.pageIndex}" />
 				<c:param name="searchCondition" value="${searchVO.searchCondition}" />
 				<c:param name="searchKeyword" value="${searchVO.searchKeyword}" />
-		      </c:url>
-            <a href="${listUrl}"><img src="${_IMG}/btn/btn_list.gif" alt="목록"/></a>
-          </div>
-            
-        </fieldset>
-      </form:form>
-
-    </div>        
+			</c:url>
+			<a href="${listUrl}" class="btn btn-lg">목록</a>
+		</div>
+	</fieldset>
+</form:form>
 
 <c:import url="/EgovPageLink.do?link=/mng/template/popBottom" charEncoding="utf-8"/>
(파일 끝에 줄바꿈 문자 없음)
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytTemplateList.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytTemplateList.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytTemplateList.jsp
@@ -1,12 +1,5 @@
-<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
-<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"  %>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
-<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-<%@ page import="egovframework.com.sec.ram.security.userdetails.util.EgovUserDetailsHelper"%>
-<c:set var="USER_INFO" value="<%=EgovUserDetailsHelper.getAuthenticatedUser(request, response) %>"/>
-<c:set var="_IMG" value="${pageContext.request.contextPath}/resources/template/manage/images"/>
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ include file="/WEB-INF/jsp/egovframework/cmm/include/defualt.jsp"%>
 
 <c:choose>
 	<c:when test="${searchVO.selectMode eq 'Y'}">
@@ -25,39 +18,13 @@
 </c:choose>
 
 
-<script type="text/javascript" language="javascript">
+<script>
 function fn_egov_delete(url){
  
     if(confirm("삭제하시겠습니까?")){
     	document.location.href = url;
     }
 }
-
-/* 아이디 중복체크 */
-$("#userIdCheck").click(function () {
-	if($("#userId").val().length > 0) {
-		$.ajax({
-			type:"post",
-			dataType:"json",
-			url:"/mbr/checkIdDplct.json",
-			data:"userId="+$("#userId").val(),
-			success: function(data) {
-				if(data.checkIdDplct == "0") {
-					$("input[name=checkedId]").val($("#userId").val());
-					alert("사용 할 수 있습니다.");
-				}else {
-					alert("이미 사용중입니다.");
-				}
-			},
-			error:function() {
-				//alert("error");
-			}
-		});
-	}else {
-		alert("아이디를 입력하세요");
-	}
-	return false;
-});
 
 function fn_egov_view_HisManage(id) {
 	var url = "/mng/cop/com/selectLytTemplateHistoryList.do?";
@@ -76,7 +43,7 @@
 		}
 	});
 	*/
-	var win = window.open(url ,'his',' scrollbars=yes, resizable=yes, left=0, top=0, width=760,height=650');
+	var win = window.open(url ,'his',' scrollbars=yes, resizable=yes, left=0, top=0, width=1290,height=650');
 	if(win != null) {
 		win.focus();
 	}
@@ -87,165 +54,170 @@
 	window.close();
 }
 </script>
+<div class="fnc-area">
+	<div class="r-area">
+		<form name="frm" action ="<c:url value="/mng/cop/com/selectLytTemplateList.do"/>" method="post">
+			<input type="hidden" name="selectMode" value="${searchVO.selectMode}"/>
+			<input type="hidden" name="searchTmplatLcasCode" value="sit"/>
+			<input type="hidden" name="searchTmplatMlsfcCode" value="1"/>
 
-
-<div id="cntnts">
-
-
-<p class="total">총  ${paginationInfo.totalRecordCount}개 ㅣ 현재페이지 <strong class="green">${paginationInfo.currentPageNo}</strong>/${paginationInfo.totalPageCount}</p>
-              
-        <table class="chart_board">
-           <colgroup>
-				<col class="co1"/>
-				<col class="co6"/>
-				<c:if test="${searchVO.selectMode ne 'Y'}"><col class="co6"/></c:if>
-				<col class="co6"/>
-				<col class="co3"/>
-				<col class="co6"/>
-				<c:if test="${USER_INFO.userSe > 10}"><col class="co6"/></c:if>
-				<col class="co6"/>
-			</colgroup>
-          <thead>
-            <tr>
-			    <th>번호</th>
-			    <th>미리보기</th>
-			    <c:if test="${searchVO.selectMode ne 'Y'}"><th><spring:message code="cop.tmplatLcasCode" /></th></c:if>		
-			    <th><spring:message code="cop.tmplatMlsfcCode" /></th>	    
-			    <th><spring:message code="cop.tmplatNm" /></th>
-			    <th>등록일/수정일</th>    
-			    <c:if test="${USER_INFO.userSe > 10}"><th>관리</th></c:if>
-			    <th>
-				    <c:choose>
-						<c:when test="${searchVO.selectMode eq 'Y'}">선택</c:when>
-						<c:otherwise>복원</c:otherwise>
-					</c:choose>
-				</th>
-			  </tr>
-          </thead>
-          <tbody>
-	
-	  
-		 <c:forEach var="result" items="${resultList}" varStatus="status">
-		  <tr>
-		    <td><c:out value="${paginationInfo.totalRecordCount - ((searchVO.pageIndex-1) * searchVO.pageUnit) - (status.count - 1)}" /></td>
-		    <td>
-		    	<c:choose>
-					<c:when test="${not empty result.prevewFileNm}"><a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${result.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${result.prevewFileNm}" width="120" height="107"/></a></c:when>
-					<c:otherwise><img src="${_IMG}/board/no_img.gif" alt="이미지없음" width="120" height="107"/></c:otherwise>
-				</c:choose>		    	
-		    </td>
-		    <c:if test="${searchVO.selectMode ne 'Y'}">
-		    	<td><c:out value="${result.tmplatLcasCodeNm}"/></td>
-		    </c:if>
-		    <td><c:out value="${result.tmplatMlsfcCodeNm}"/></td>
-		    <td><c:out value="${result.tmplatNm}"/></td>
-			<td>
-				<fmt:formatDate value="${result.frstRegisterPnttm}"  pattern="yyyy-MM-dd"/><br/>	
-				<fmt:formatDate value="${result.lastUpdusrPnttm}"  pattern="yyyy-MM-dd"/>
-			</td>
-			<c:if test="${USER_INFO.userSe > 10}">
-				<td>				
-		        	<c:url var="viewUrl" value="/mng/cop/com/selectLytTemplate.do">
-						<c:param name="lytTmplatId" value="${result.lytTmplatId}" />
-						<c:param name="selectMode" value="${searchVO.selectMode}" />
-						<c:param name="searchTmplatLcasCode" value="${searchVO.searchTmplatLcasCode}" />
-						<c:param name="searchTmplatMlsfcCode" value="${searchVO.searchTmplatMlsfcCode}" />
-						<c:if test="${not empty searchVO.searchCondition}"><c:param name="searchCondition" value="${searchVO.searchCondition}" /></c:if>
-						<c:if test="${not empty searchVO.searchKeyword}"><c:param name="searchKeyword" value="${searchVO.searchKeyword}" /></c:if>
-			      		<c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
-					</c:url>							
-		        	<a href="${viewUrl}"><img src="${_IMG}/btn/edit.gif"/></a>
-		        	<c:url var="delUrl" value="/mng/cop/com/deleteLytTemplate.do">
-		        		<c:param name="lytTmplatId" value="${result.lytTmplatId}" />
-		        		<c:param name="selectMode" value="${searchVO.selectMode}" />
-		        		<c:param name="searchTmplatLcasCode" value="${searchVO.searchTmplatLcasCode}" />
-		        		<c:param name="searchTmplatMlsfcCode" value="${searchVO.searchTmplatMlsfcCode}" />
-						<c:if test="${not empty searchVO.searchCondition}"><c:param name="searchCondition" value="${searchVO.searchCondition}" /></c:if>
-						<c:if test="${not empty searchVO.searchKeyword}"><c:param name="searchKeyword" value="${searchVO.searchKeyword}" /></c:if>
-			      		<c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
-					</c:url>	
-		        	<a href="${delUrl}" onclick="fn_egov_delete(this.href);return false;"><img src="${_IMG}/btn/del.gif"/></a>
-			    </td>
-		    </c:if>
-		    <td>
-		    <c:choose>
-				<c:when test="${searchVO.selectMode eq 'Y'}"><a href="#" onclick="fn_egov_selectTemplate('<c:out value="${result.lytTmplatId}"/>', '<c:out value="${result.tmplatNm}"/>', '<c:out value="${result.tmplatLcasCode}"/>', '<c:out value="${result.prevewFileNm}"/>');return false;"><img src="${_IMG}/btn/btn_select.gif" alt="선택"/></a></c:when>
-				<c:otherwise><a href="#" onclick="fn_egov_view_HisManage('<c:out value="${result.lytTmplatId}"/>');return false;"><img src="${_IMG}/btn/btn_search02.gif" alt="찾기"/></a></c:otherwise>
-			</c:choose> 
-		    </td>
-		  </tr>
-		 </c:forEach>	  
-		 <c:if test="${fn:length(resultList) == 0}">
-		  <tr>
-		    <td colspan="8" ><spring:message code="common.nodata.msg" /></td>  
-		  </tr>		 
-		 </c:if>
- 
-	 </tbody>  
-	</table>
-	
-			
-  	
-  			<div id="paging">
-			    <c:url var="pageUrl" value="/mng/cop/com/selectLytTemplateList.do?">
-			    	<c:param name="selectMode" value="${searchVO.selectMode}" />
-			    	<c:param name="searchTmplatLcasCode" value="${searchVO.searchTmplatLcasCode}" />
-			    	<c:param name="searchTmplatMlsfcCode" value="${searchVO.searchTmplatMlsfcCode}" />
-            		<c:if test="${not empty param.searchCondition}"><c:param name="searchCondition" value="${param.searchCondition}" /></c:if>
-            		<c:if test="${not empty param.searchKeyword}"><c:param name="searchKeyword" value="${param.searchKeyword}" /></c:if>
-			    </c:url>
-			
-			    <ul>
-			      <ui:pagination paginationInfo="${paginationInfo}" type="image" jsFunction="${pageUrl}" />
-			    </ul>
-		    </div>
-		    
-		    <div id="bbs_search">
-		    	<form name="frm" action ="<c:url value="/mng/cop/com/selectLytTemplateList.do"/>" method="post">
-			    	<input type="hidden" name="selectMode" value="${searchVO.selectMode}"/>
-			    	<input type="hidden" name="searchTmplatLcasCode" value="sit"/>
-					<%-- 
-					<label for="ftext" class="hdn">분류검색</label>
-					<select name="searchTmplatLcasCode" id="searchTmplatLcasCode" class="searchCate inp">
-        				<option value=""><spring:message code="cop.tmplatLcasCode" /></option>
-        		  		<c:forEach var="result" items="${lcasList}" varStatus="status">
-        		  			<option value="<c:out value="${result.code}"/>" <c:if test="${searchVO.searchTmplatLcasCode == result.code}">selected="selected"</c:if>><c:out value="${result.codeNm}"/></option>
-        		  		</c:forEach>
-        	  		</select>
-        	  		--%>
-        	  		
-        	  		<input type="hidden" name="searchTmplatMlsfcCode" value="1"/>
-        	  		<%-- 
-        	  		<select name="searchTmplatMlsfcCode" id="searchTmplatMlsfcCode" class="searchCate inp">
-        				<option value=""><spring:message code="cop.tmplatMlsfcCode" /></option>
-        		  		<c:forEach var="result" items="${mlsfcList}" varStatus="status">
-        		  			<option value="<c:out value="${result.code}"/>" <c:if test="${searchVO.searchTmplatMlsfcCode == result.code}">selected="selected"</c:if>><c:out value="${result.codeNm}"/></option>
-        		  		</c:forEach>
-        	  		</select>
-        	  		--%>
+			<div class="sch-area">
+				<%--
+                <label for="ftext" class="hdn">분류검색</label>
+                <select name="searchTmplatLcasCode" id="searchTmplatLcasCode" class="searchCate inp">
+                    <option value=""><spring:message code="cop.tmplatLcasCode" /></option>
+                      <c:forEach var="result" items="${lcasList}" varStatus="status">
+                          <option value="<c:out value="${result.code}"/>" <c:if test="${searchVO.searchTmplatLcasCode == result.code}">selected="selected"</c:if>><c:out value="${result.codeNm}"/></option>
+                      </c:forEach>
+                  </select>
+                  --%>
+				<%--
+                <select name="searchTmplatMlsfcCode" id="searchTmplatMlsfcCode" class="searchCate inp">
+                  <option value=""><spring:message code="cop.tmplatMlsfcCode" /></option>
+                    <c:forEach var="result" items="${mlsfcList}" varStatus="status">
+                        <option value="<c:out value="${result.code}"/>" <c:if test="${searchVO.searchTmplatMlsfcCode == result.code}">selected="selected"</c:if>><c:out value="${result.codeNm}"/></option>
+                    </c:forEach>
+                </select>
+                --%>
+				<div class="sch-option">
 					<select name="searchCondition" id="searchCondition">
-		                <option selected value=''>분류검색</option>
-		                <option value="0" <c:if test="${searchVO.searchCondition == '0'}">selected="selected"</c:if> ><spring:message code="cop.tmplatNm" /></option>	                             
-		            </select>
-					<label for="inp_text" class="hdn">검색어입력</label>
-					<input name="searchKeyword" type="text" size="25" class="inp" value='<c:out value="${searchVO.searchKeyword}"/>' maxlength="35"  class="inp_s" id="inp_text"/>
-					<input type=image src="${_IMG}/btn/btn_search.gif" alt="검색"/>
-				</form>
-		  </div>
-		  
-		  <c:if test="${USER_INFO.userSe > 10}">
-		  	<div class="btn_r">
-				<c:url var="addUrl" value="/mng/cop/com/addLytTemplate.do">
-					<c:param name="selectMode" value="${searchVO.selectMode}" />
-					<c:param name="searchTmplatLcasCode" value="${searchVO.searchTmplatLcasCode}" />
-					<c:param name="searchTmplatMlsfcCode" value="${searchVO.searchTmplatMlsfcCode}" />
-				</c:url>
-		    	<a href="${addUrl}"><img src="${_IMG}/btn/btn_creat.gif" alt="생성"/></a>
-		  	</div>
-		  </c:if>
+						<option value="0" <c:if test="${searchVO.searchCondition == '0'}">selected="selected"</c:if> ><spring:message code="cop.tmplatNm" /></option>
+					</select>
+				</div>
+				<div class="sch">
+					<input type="text" name="searchKeyword" value='<c:out value="${searchVO.searchKeyword}"/>'>
+					<button type="submit" class="btn-sch"><span class="txt-hide">검색</span></button>
+				</div>
+			</div>
+		</form>
+	</div>
+</div>
 
-</div>        
+<p class="total-count">총 사이트 ${paginationInfo.totalRecordCount}개 ㅣ 현재페이지 <strong class="green">${paginationInfo.currentPageNo}</strong>/${paginationInfo.totalPageCount}</p>
+<div class="list-type sm">
+	<table>
+		<colgroup>
+			<col style="width:110px">
+			<col>
+			<c:if test="${searchVO.selectMode ne 'Y'}"><col style="width:100px"></c:if>
+			<col style="width:100px">
+			<col>
+			<col style="width:160px">
+			<c:if test="${USER_INFO.userSe > 10}"><col style="width:160px"></c:if>
+			<col style="width:130px">
+		</colgroup>
+		<thead>
+			<tr>
+				<th scope="col">번호</th>
+				<th scope="col">미리보기</th>
+				<c:if test="${searchVO.selectMode ne 'Y'}"><th><spring:message code="cop.tmplatLcasCode" /></th></c:if>
+				<th scope="col"><spring:message code="cop.tmplatMlsfcCode" /></th>
+				<th scope="col"><spring:message code="cop.tmplatNm" /></th>
+				<th scope="col">등록일/수정일</th>
+				<c:if test="${USER_INFO.userSe > 10}"><th>관리</th></c:if>
+				<th scope="col">
+					<c:set var="type">
+						<c:choose>
+							<c:when test="${searchVO.selectMode eq 'Y'}">선택</c:when>
+							<c:otherwise>복원</c:otherwise>
+						</c:choose>
+					</c:set>
+					<c:out value="${type}"/>
+				</th>
+			</tr>
+		</thead>
+		<tbody>
+			<c:forEach var="result" items="${resultList}" varStatus="status">
+				<tr>
+					<td data-tit="번호"><c:out value="${paginationInfo.totalRecordCount - ((searchVO.pageIndex-1) * searchVO.pageUnit) - (status.count - 1)}" /></td>
+					<td data-tit="미리보기">
+						<c:choose>
+							<c:when test="${not empty result.prevewFileNm}"><a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${result.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${result.prevewFileNm}" width="120" height="107"/></a></c:when>
+							<c:otherwise><img src="${M_IMG}/common/no_img.gif" alt="이미지없음" width="120" height="107"/></c:otherwise>
+						</c:choose>
+					</td>
+					<c:if test="${searchVO.selectMode ne 'Y'}">
+						<td data-tit="<spring:message code="cop.tmplatLcasCode" />"><c:out value="${result.tmplatLcasCodeNm}"/></td>
+					</c:if>
+					<td data-tit="<spring:message code="cop.tmplatMlsfcCode" />"><c:out value="${result.tmplatMlsfcCodeNm}"/></td>
+					<td data-tit="<spring:message code="cop.tmplatNm" />"><c:out value="${result.tmplatNm}"/></td>
+					<td data-tit="등록일/수정일">
+						<fmt:formatDate value="${result.frstRegisterPnttm}"  pattern="yyyy-MM-dd"/><br/>
+						<fmt:formatDate value="${result.lastUpdusrPnttm}"  pattern="yyyy-MM-dd"/>
+					</td>
+					<c:if test="${USER_INFO.userSe > 10}">
+						<td data-tit="관리">
+							<div class="btn-cont">
+								<c:url var="viewUrl" value="/mng/cop/com/selectLytTemplate.do">
+									<c:param name="lytTmplatId" value="${result.lytTmplatId}" />
+									<c:param name="selectMode" value="${searchVO.selectMode}" />
+									<c:param name="searchTmplatLcasCode" value="${searchVO.searchTmplatLcasCode}" />
+									<c:param name="searchTmplatMlsfcCode" value="${searchVO.searchTmplatMlsfcCode}" />
+									<c:if test="${not empty searchVO.searchCondition}"><c:param name="searchCondition" value="${searchVO.searchCondition}" /></c:if>
+									<c:if test="${not empty searchVO.searchKeyword}"><c:param name="searchKeyword" value="${searchVO.searchKeyword}" /></c:if>
+									<c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
+								</c:url>
+								<a href="${viewUrl}" class="btn-ico-sm" title="수정"><i class="ico-sm-edit"></i><span class="txt-hide">수정</span></a>
 
+								<c:url var="delUrl" value="/mng/cop/com/deleteLytTemplate.do">
+									<c:param name="lytTmplatId" value="${result.lytTmplatId}" />
+									<c:param name="selectMode" value="${searchVO.selectMode}" />
+									<c:param name="searchTmplatLcasCode" value="${searchVO.searchTmplatLcasCode}" />
+									<c:param name="searchTmplatMlsfcCode" value="${searchVO.searchTmplatMlsfcCode}" />
+									<c:if test="${not empty searchVO.searchCondition}"><c:param name="searchCondition" value="${searchVO.searchCondition}" /></c:if>
+									<c:if test="${not empty searchVO.searchKeyword}"><c:param name="searchKeyword" value="${searchVO.searchKeyword}" /></c:if>
+									<c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
+								</c:url>
+								<a href="${delUrl}" class="btn btn-ico-sm" title="삭제" onclick="fn_egov_delete(this.href);return false;"><i class="ico-sm-trash"></i><span class="txt-hdie">삭제</span></a>
+							</div>
+						</td>
+					</c:if>
+					<td data-tit="${type}">
+						<c:choose>
+							<c:when test="${searchVO.selectMode eq 'Y'}">
+								<button type="button" class="btn-sm spot" onclick="fn_egov_selectTemplate('<c:out value="${result.lytTmplatId}"/>', '<c:out value="${result.tmplatNm}"/>', '<c:out value="${result.tmplatLcasCode}"/>', '<c:out value="${result.prevewFileNm}"/>');return false;">선택</button>
+							</c:when>
+							<c:otherwise>
+								<button type="button" class="btn-sm spot" onclick="fn_egov_view_HisManage('<c:out value="${result.lytTmplatId}"/>');return false;">찾기</button>
+							</c:otherwise>
+						</c:choose>
+					</td>
+				</tr>
+			</c:forEach>
+
+			<c:if test="${fn:length(resultList) == 0}">
+				<tr>
+					<td class="" colspan="8"><spring:message code="common.nodata.msg" /></td>
+				</tr>
+			</c:if>
+		</tbody>
+	</table>
+</div>
+
+<c:url var="pageUrl" value="/mng/cop/com/selectLytTemplateList.do?">
+	<c:param name="selectMode" value="${searchVO.selectMode}" />
+	<c:param name="searchTmplatLcasCode" value="${searchVO.searchTmplatLcasCode}" />
+	<c:param name="searchTmplatMlsfcCode" value="${searchVO.searchTmplatMlsfcCode}" />
+	<c:if test="${not empty param.searchCondition}"><c:param name="searchCondition" value="${param.searchCondition}" /></c:if>
+	<c:if test="${not empty param.searchKeyword}"><c:param name="searchKeyword" value="${param.searchKeyword}" /></c:if>
+</c:url>
+<ul class="paging">
+	<ui:pagination paginationInfo="${paginationInfo}" type="image" jsFunction="${pageUrl}" />
+</ul>
+
+
+<c:if test="${USER_INFO.userSe > 10 and searchVO.selectMode ne 'Y'}">
+	<div class="fnc-area">
+		<div class="r-area">
+			<c:url var="addUrl" value="/mng/cop/com/addLytTemplate.do">
+				<c:param name="selectMode" value="${searchVO.selectMode}" />
+				<c:param name="searchTmplatLcasCode" value="${searchVO.searchTmplatLcasCode}" />
+				<c:param name="searchTmplatMlsfcCode" value="${searchVO.searchTmplatMlsfcCode}" />
+			</c:url>
+			<a href="${addUrl}" class="btn spot2">생성</a>
+		</div>
+	</div>
+</c:if>
 
 <c:choose>
 	<c:when test="${searchVO.selectMode eq 'Y'}">
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytTemplateRegister.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytTemplateRegister.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/cop/com/LytTemplateRegister.jsp
@@ -1,11 +1,5 @@
-<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
-<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
-<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
-<c:set var="_IMG" value="${pageContext.request.contextPath}/resources/template/manage/images"/>
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ include file="/WEB-INF/jsp/egovframework/cmm/include/defualt.jsp"%>
 
 <c:set var="_MODE" value=""/>
 
@@ -40,10 +34,10 @@
 	</c:otherwise>
 </c:choose>
 
-<script type="text/javascript" src="<c:url value="/validator.do"/>"></script>
+<script src="<c:url value="/validator.do"/>"></script>
 <validator:javascript formName="lytTmplatVO" staticJavascript="false" xhtml="true" cdata="false"/>
-
-<script type="text/javaScript" language="javascript">
+<script src="${C_LIB}/ace/src-min/ace.js"></script>
+<script>
 
 /* ********************************************************
  * 저장처리화면
@@ -66,26 +60,28 @@
 	url = url + "&searchTmplatLcasCode=" + $('#tmplatLcasCode').val();
 	url = url + "&searchTmplatMlsfcCode=" + $('#tmplatMlsfcCode').val();
 	
-	var win = window.open(url ,'lytTemplate',' scrollbars=yes, resizable=yes, left=0, top=0, width=880,height=650');
+	var win = window.open(url ,'lytTemplate','scrollbars=yes, resizable=yes, left=0, top=0, width=1300,height=650');
 	if(win != null) {
 		win.focus();
 	}
 }
 
+var editor = new Array(4);
 function fn_egov_updateTemplate(id, nm, fileNm) {
-	var url = "${pageContext.request.contextPath}/mng/cop/com/selectLytCopyTemplate.do?";
+	var url = "/mng/cop/com/selectLytCopyTemplate.do?";
 	url += "lytTmplatId=" + id;
-	
 	$.getJSON(url, function(data) {
-  		$('#cssSourc').val(data.cssSourc);
-  		$('#scriptSourc').val(data.scriptSourc);
-  		$('#mobileCssSourc').val(data.mobileCssSourc);
-  		$('#mobileScriptSourc').val(data.mobileScriptSourc);
-  		
-	})
-	.success(function() {})
-	.error(function() {alert('문제가 발생하여 작업을 완료하지 못하였습니다.');})
-	.complete(function() {});
+		$('#cssSourc').val(data.cssSourc);
+		$('#scriptSourc').val(data.scriptSourc);
+		$('#mobileCssSourc').val(data.mobileCssSourc);
+		$('#mobileScriptSourc').val(data.mobileScriptSourc);
+
+		editor[0].getSession().setValue(data.cssSourc);
+		editor[1].getSession().setValue(data.scriptSourc);
+		editor[2].getSession().setValue(data.mobileCssSourc);
+		editor[3].getSession().setValue(data.mobileScriptSourc);
+
+	});
 }
 
 function fnTabView(idx) {
@@ -104,167 +100,163 @@
 	
 	$('#tab02').hide();
 	$('#tmplatNm').focus();
-	
+
+	$("textarea[lang]").each(function(idx) {
+		var textarea = $(this);
+		var mode = textarea.attr("lang");
+		var editDiv = $("<div>", {
+			position: "absolute",
+			width:"100%",
+			height:textarea.height()
+		}).insertBefore(textarea);
+
+		textarea.css("display", "none");
+
+		editor[idx] = ace.edit(editDiv[0]);
+		editor[idx].setFontSize("11px");
+		editor[idx].getSession().setValue(textarea.val());
+		editor[idx].setTheme("ace/theme/clouds");
+		editor[idx].getSession().setMode("ace/mode/" + mode);
+
+		textarea.closest("#lytTmplatVO").submit(function() {
+			textarea.val(editor[idx].getSession().getValue());
+		});
+	});
 });
 
 </script>
 
-<style type="text/css">
-<!--
-.conf_top{overflow:hidden;}
-.tab_menu{right:0;z-index:1000;}
-.tab_menu li{float:left;background:#f8f8f8;width:150px;height:30px;text-align:center;border:1px solid #ccc;}
-.tab_menu li a{display:block;padding:8px 0px;height:30px;}
-.tab_menu li a:hover, .tab_menu li a.active{background:url('${_IMG}/tab_over.gif') 0 0 repeat;padding:8px 0px;height:15px;font-weight:bold;color:#32688c;}
-.cont{position:relative;width:100%;border-top:1px solid #ccc;padding:0px 0;z-index:1001;}
-.cont table{width:100%;}
--->
-</style>  
+<form:form commandName="lytTmplatVO" name="lytTmplatVO" action="${_ACTION}" method="post" enctype="multipart/form-data" onsubmit="return fn_egov_regist();">
+	<form:hidden path="lytTmplatId"/>
+	<input name="selectMode" type="hidden" value="<c:out value='${searchVO.selectMode}'/>"/>
+	<input name="searchTmplatLcasCode" type="hidden" value="<c:out value='${searchVO.searchTmplatLcasCode}'/>"/>
+	<input name="searchTmplatMlsfcCode" type="hidden" value="<c:out value='${searchVO.searchTmplatMlsfcCode}'/>"/>
+	<input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>"/>
+	<input name="searchCondition" type="hidden" value="<c:out value="${searchVO.searchCondition}"/>"/>
+	<input name="searchKeyword" type="hidden" value="<c:out value="${searchVO.searchKeyword}"/>"/>
 
-<div id="cntnts">
-    
-        <form:form commandName="lytTmplatVO" name="lytTmplatVO" action="${_ACTION}" method="post" enctype="multipart/form-data" onsubmit="return fn_egov_regist();"> 
-        <form:hidden path="lytTmplatId"/>
-        <input name="selectMode" type="hidden" value="<c:out value='${searchVO.selectMode}'/>"/>
-        <input name="searchTmplatLcasCode" type="hidden" value="<c:out value='${searchVO.searchTmplatLcasCode}'/>"/>
-        <input name="searchTmplatMlsfcCode" type="hidden" value="<c:out value='${searchVO.searchTmplatMlsfcCode}'/>"/>
-        <input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>"/>
-        <input name="searchCondition" type="hidden" value="<c:out value="${searchVO.searchCondition}"/>"/>
-		<input name="searchKeyword" type="hidden" value="<c:out value="${searchVO.searchKeyword}"/>"/>
-    
-		<fieldset>
-        <legend class="hdn">템플릿 입력 폼</legend>
-        
-        <a href="#" onclick="fn_egov_selectTemplate(); return false;"><img src="${_IMG}/btn/btn_temp_copy.gif" alt="템플릿 복사하기"/></a>
-        
-        <table class="chart2" summary="작성인, 제목, 내용, 파일첨부를 입력하는 표입니다." >
-		  <caption> </caption>
-          <colgroup>
-				<col width="150px" />
-				<col width="*" />
-			</colgroup>
-          <tbody>
-            <tr>
-              <th><em>*</em> <label for="tmplatLcasCode"><spring:message code="cop.tmplatLcasCode" /></label></th>
-              <td>
-                <form:select path="tmplatLcasCode">
-                  <form:option value="">선택</form:option>
-                  <form:options items="${lcasList}" itemValue="code" itemLabel="codeNm"/>
-                </form:select>
-                <div><form:errors path="tmplatLcasCode"/></div>         
-              </td>
-            </tr>
-            <tr>
-              <th><em>*</em> <label for="tmplatMlsfcCode"><spring:message code="cop.tmplatMlsfcCode" /></label></th>
-              <td>
-                <form:select path="tmplatMlsfcCode">
-                  <form:option value="">선택</form:option>
-                  <form:options items="${mlsfcList}" itemValue="code" itemLabel="codeNm"/>
-                </form:select>
-                <div><form:errors path="tmplatMlsfcCode"/></div>         
-              </td>
-            </tr>
-            <tr>
-              <th><em>*</em> <label for="tmplatNm"><spring:message code="cop.tmplatNm" /></label></th>
-              <td>
-                <form:input path="tmplatNm" size="70" maxlength="70" cssClass="inp_long" />
-                <div><form:errors path="tmplatNm"/></div>         
-              </td>         
-            </tr>
-            <tr>
-              <th><label for="imagePrevewFileNm">미리보기이미지</label></th>
-              <td>
-              	<input type="file" name="imagePrevewFileNm" id="imagePrevewFileNm" title="미리보기이미지" class="input300 inp" >
-              	<c:if test="${_MODE eq 'UPT'}">
-              	<br><c:choose>
-					<c:when test="${not empty lytTmplatVO.prevewFileNm}"><a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${lytTmplatVO.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${lytTmplatVO.prevewFileNm}" width="120" height="107"/></a></c:when>
-					<c:otherwise><img src="${_IMG}/board/no_img.gif" alt="이미지없음" width="120" height="107"/></c:otherwise>
-				</c:choose>
-				</c:if>
-              </td>
-            </tr>
-            <tr>
-				<th><label>HTML</label></th>
-				<td>
-					<div class="conf_top">
-				    	<ul class="tab_menu">
-							<li><a href="#tab1" id="tabLink01" onclick="fnTabView('01');return false;" class="active">WEB</a></li>
-						</ul>
-					</div>
-					
-					<div id="tab01" class="cont">
-						<table>
-							<caption>등록폼</caption>
-							<colgroup>
-								<col width="130"/>
-								<col/>
-							</colgroup>
+	<fieldset>
+		<legend class="hdn">템플릿 입력 폼</legend>
+
+		<div class="fnc-area">
+			<div class="l-area">
+				<button class="btn-sm spot2" onclick="fn_egov_selectTemplate(); return false;">템플릿 복사하기</button>
+			</div>
+		</div>
+
+		<div class="write-type">
+			<table>
+				<colgroup>
+					<col style="width:250px" />
+					<col />
+				</colgroup>
+				<tbody>
+					<tr>
+						<th><label for="tmplatLcasCode"><spring:message code="cop.tmplatLcasCode" /></label> <i class="required">*<span class="txt-hide" >필수</span></i></th>
+						<td>
+							<div class="selectbox">
+								<form:select path="tmplatLcasCode">
+									<form:option value="">선택</form:option>
+									<form:options items="${lcasList}" itemValue="code" itemLabel="codeNm"/>
+								</form:select>
+							</div>
+							<div><form:errors path="tmplatLcasCode"/></div>
+						</td>
+					</tr>
+					<tr>
+						<th><label for="tmplatMlsfcCode"><spring:message code="cop.tmplatMlsfcCode" /></label> <i class="required">*<span class="txt-hide" >필수</span></i></th>
+						<td>
+							<div class="selectbox">
+								<form:select path="tmplatMlsfcCode">
+									<form:option value="">선택</form:option>
+									<form:options items="${mlsfcList}" itemValue="code" itemLabel="codeNm"/>
+								</form:select>
+							</div>
+							<div><form:errors path="tmplatMlsfcCode"/></div>
+						</td>
+					</tr>
+					<tr>
+						<th><label for="tmplatNm"><spring:message code="cop.tmplatNm" /></label>  <i class="required">*<span class="txt-hide" >필수</span></i></th>
+						<td>
+							<form:input path="tmplatNm" size="70" maxlength="70" cssClass="q1" />
+							<div><form:errors path="tmplatNm"/></div>
+						</td>
+					</tr>
+					<tr>
+						<th><label for="imagePrevewFileNm">미리보기이미지</label></th>
+						<td>
+							<div class="file-add-txt-area">
+								<div class="file-custom">
+									<input type="file" name="imagePrevewFileNm" id="imagePrevewFileNm" class="input-file">
+									<button type="button" class="btn">파일 찾기</button>
+									<input type="text" placeholder="파일로 콘텐츠를 추가해주세요." readonly>
+								</div>
+							</div>
+							<c:if test="${_MODE eq 'UPT'}">
+								<ul class="file-list">
+									<c:choose>
+										<c:when test="${not empty lytTmplatVO.prevewFileNm}">
+											<li>
+												<a href="#" onclick="fnImagePreview('${fileStoreWebPathByPreFile}${lytTmplatVO.prevewFileNm}');return false;"><img src="${fileStoreWebPathByPreFile}${lytTmplatVO.prevewFileNm}" width="120" height="107"/></a>
+												<button class="btn-close sm"><span class="txt-hide">삭제</span></button>
+											</li>
+										</c:when>
+										<c:otherwise>
+											<li>
+												<img src="${M_IMG}/common/no_img.gif" alt="이미지없음" width="120" height="107"/>
+											</li>
+										</c:otherwise>
+									</c:choose>
+								</ul>
+							</c:if>
+						</td>
+					</tr>
+					<tr>
+						<th><label for="cssSourc">HTML</label></th>
+						<td>
+							<table>
+								<caption>등록폼</caption>
+								<colgroup>
+									<col width="130"/>
+									<col/>
+								</colgroup>
 								<tbody>
-									<tr>
-						              <th><label for="cssSourc">스타일시트</label></th>
-						              <td>
-						                <form:textarea path="cssSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" />
-						                <div><form:errors path="cssSourc"/></div>         
-						              </td>
-						            </tr>
-						            <tr>
-						              <th><label for="scriptSourc">자바스크립트</label></th>
-						              <td>
-						                <form:textarea path="scriptSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" />
-						                <div><form:errors path="scriptSourc"/></div>         
-						              </td>
-						            </tr>
+								<tr>
+									<th><label for="cssSourc">스타일시트</label></th>
+									<td>
+										<form:textarea path="cssSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" lang="css"/>
+										<div><form:errors path="cssSourc"/></div>
+									</td>
+								</tr>
+								<tr>
+									<th><label for="scriptSourc">자바스크립트</label></th>
+									<td>
+										<form:textarea path="scriptSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" lang="javascript"/>
+										<div><form:errors path="scriptSourc"/></div>
+									</td>
+								</tr>
 								</tbody>
-						</table>
-					</div>
-					<div id="tab02" class="cont" style="visibility:hidden;height:0px;position:absolute;top:0;left:0;z-index:-1;">
-						<table>
-							<caption>등록폼</caption>
-							<colgroup>
-								<col width="130"/>
-								<col/>
-							</colgroup>
-								<tbody>
-									<th><label for="mobileCssSourc">스타일시트</label></th>
-						              <td>
-						                <form:textarea path="mobileCssSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" />
-						                <div><form:errors path="mobileCssSourc"/></div>         
-						              </td>
-						            </tr>
-						            <tr>
-						              <th><label for="mobileScriptSourc">자바스크립트</label></th>
-						              <td>
-						                <form:textarea path="mobileScriptSourc" rows="10" cssStyle="width:90%;" cssClass="inp_default" />
-						                <div><form:errors path="mobileScriptSourc"/></div>         
-						              </td>
-						            </tr>
-								</tbody>
-						</table>
-					</div>
-				</td>
-			</tr>            
-          </tbody>
-          <tfoot>
-          </tfoot>
-          </table>
-  
-          <div class="btn_r">
-          	<input type="image" src="${_IMG}/btn/${_MODE eq 'REG' ? 'btn_regist.gif' : 'btn_modify.gif' }"/>
-          	<c:url var="listUrl" value="/mng/cop/com/selectLytTemplateList.do">
-          		<c:param name="selectMode" value="${searchVO.selectMode}" />
-          		<c:param name="searchTmplatLcasCode" value="${searchVO.searchTmplatLcasCode}" />
-          		<c:param name="searchTmplatMlsfcCode" value="${searchVO.searchTmplatMlsfcCode}" />
-		        <c:param name="pageIndex" value="${searchVO.pageIndex}" />
+							</table>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+
+		<div class="btn-cont">
+			<button type="submit" class="btn-lg spot2">${_MODE eq 'REG' ? '등록' : '수정' }</button>
+			<c:url var="listUrl" value="/mng/cop/com/selectLytTemplateList.do">
+				<c:param name="selectMode" value="${searchVO.selectMode}" />
+				<c:param name="searchTmplatLcasCode" value="${searchVO.searchTmplatLcasCode}" />
+				<c:param name="searchTmplatMlsfcCode" value="${searchVO.searchTmplatMlsfcCode}" />
+				<c:param name="pageIndex" value="${searchVO.pageIndex}" />
 				<c:param name="searchCondition" value="${searchVO.searchCondition}" />
 				<c:param name="searchKeyword" value="${searchVO.searchKeyword}" />
-		      </c:url>
-            <a href="${listUrl}"><img src="${_IMG}/btn/btn_list.gif" alt="목록"/></a>
-          </div>
-            
-        </fieldset>
-      </form:form>
-
-    </div>        
+			</c:url>
+			<a href="${listUrl}" class="btn btn-lg">목록</a>
+		</div>
+	</fieldset>
+</form:form>
 
 <c:choose>
 	<c:when test="${searchVO.selectMode eq 'Y'}">
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/ccm/cca/CcmCmmnCodeList.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/ccm/cca/CcmCmmnCodeList.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/ccm/cca/CcmCmmnCodeList.jsp
@@ -1,10 +1,5 @@
-<%@ 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 uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
-<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
-<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-<c:set var="_IMG" value="/resources/template/manage/images"/>
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ include file="/WEB-INF/jsp/egovframework/cmm/include/defualt.jsp"%>
 <c:set var="_PREFIX" value="/mng/sym/ccm/cca"/>
   
 <c:import url="/mng/template/top.do" charEncoding="utf-8">
@@ -22,90 +17,99 @@
 	}
 
 	function fn_egov_delete(url){
-	 
 	    if(confirm("삭제하시겠습니까?")){
 	    	document.location.href = url;
 	    }
 	}
 </script>
 
-<div id="cntnts">
+
 <form name="listForm" action="<c:url value='${_PREFIX}/EgovCcmCmmnCodeList.do'/>" method="post">
-<input type="hidden" name="searchCode" value="<c:out value='${searchVO.searchCode}'/>"/>
-	<p class="total">총 게시물 ${paginationInfo.totalRecordCount}개ㅣ 현재페이지 <strong class="green">${paginationInfo.currentPageNo}</strong>/${paginationInfo.totalPageCount}</p>
+	<input type="hidden" name="searchCode" value="<c:out value='${searchVO.searchCode}'/>"/>
 
-	<table class="chart_board">
-		<colgroup>
-			<col class="co1"/>
-			<col class="co6"/>
-			<col class="co3"/>
-			<col class="co6"/>
-			<col class="co6"/>
-			<col class="co6"/>
-			<col class="co6"/>
-		</colgroup>
-		<thead>
-		<tr>
-			<th>순번</th>
-			<th>코드ID</th>
-			<th>코드ID명</th>
-			<th>사용여부</th>
-			<th>코드갯수</th>
-			<th>하위코드</th>
-			<th>관리</th>
-		</tr>
-		</thead>
-		<tbody>
-		<c:forEach items="${resultList}" var="resultInfo" varStatus="status">
-		<tr>
-			<td nowrap><fmt:formatNumber value="${paginationInfo.totalRecordCount - ((searchVO.pageIndex-1) * searchVO.pageUnit) - (status.count - 1)}" type="number"/></td>
-			<td><c:out value="${resultInfo.codeId}"/></td>
-			<td><c:out value="${resultInfo.codeIdNm}"/></td>
-			<td>
-				<c:if test="${resultInfo.useAt eq 'Y'}">
-		       		<img src="${_IMG}/btn/use_yes.gif" alt="Y"/>
-		       	</c:if>
-		       	<c:if test="${resultInfo.useAt eq 'N'}">
-		       		<img src="${_IMG}/btn/use_no.gif" alt="N"/>
-		       	</c:if>
-			</td>
-			<td><c:out value="${resultInfo.codeCnt}"/></td>
-			<td><a href="/mng/sym/ccm/cde/EgovCcmCmmnDetailCodeList.do?searchCode=<c:out value="${resultInfo.codeId}"/>" onclick="fn_egov_CmmnCode(this.href);return false;"><img src="${_IMG}/btn/code.gif" alt="하위코드관리"/></a></td>
-			<td>
-				<c:url var="viewUrl" value="${_PREFIX}/EgovCcmCmmnCodeModify.do">
-					<c:param name="modifyAt" value="Y"/>
-					
-				  <c:if test="${not empty resultInfo.codeId}"><c:param name="codeId" value="${resultInfo.codeId}" /></c:if>
-				  <c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
-				  <c:if test="${not empty searchVO.searchCondition}"><c:param name="searchCondition" value="${searchVO.searchCondition}" /></c:if>
-				  <c:if test="${not empty searchVO.searchKeyword}"><c:param name="searchKeyword" value="${searchVO.searchKeyword}" /></c:if>
-				</c:url>					
-	        	<a href="${viewUrl}"><img src="${_IMG}/btn/edit.gif"/></a>
-	        	<c:if test="${resultInfo.useAt eq 'Y'}">
-	        	<c:url var="delUrl" value="${_PREFIX}/EgovCcmCmmnCodeRemove.do">
-	        		  <c:if test="${not empty resultInfo.codeId}"><c:param name="codeId" value="${resultInfo.codeId}" /></c:if>
-					  <c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
-					  <c:if test="${not empty searchVO.searchCondition}"><c:param name="searchCondition" value="${searchVO.searchCondition}" /></c:if>
-					  <c:if test="${not empty searchVO.searchKeyword}"><c:param name="searchKeyword" value="${searchVO.searchKeyword}" /></c:if>
-				</c:url>	
-	        	<a href="${delUrl}" onclick="fn_egov_delete(this.href);return false;"><img src="${_IMG}/btn/del.gif"/></a>
-	        	</c:if>
-			</td>
-		</tr>   
-		</c:forEach>
-		
-		<c:if test="${fn:length(resultList) == 0}">
-			<tr> 
-				<td class="lt_text3" colspan=7>
-					<spring:message code="common.nodata.msg" />
-				</td>
-			</tr>   	          				 			   
-		</c:if>
+	<div id="bbs_search">
+		<label for="searchCondition" class="hdn">분류검색</label>
+		<select id="searchCondition" name="searchCondition" class="select">
+			<option value='1' <c:if test="${searchVO.searchCondition eq '1' || searchVO.searchCondition eq ''}">selected="selected"</c:if>>코드ID</option>
+			<option value='2' <c:if test="${searchVO.searchCondition eq '2'}">selected="selected"</c:if>>코드ID명</option>
+		</select>
+		<label for="inp_text" class="hdn">검색어입력</label>
+		<input name="searchKeyword" type="text" size="25" class="inp" value='<c:out value="${searchVO.searchKeyword}"/>' maxlength="35"  class="inp_s" id="inp_text"/>
+		<input type=image src="${_IMG}/btn/btn_search.gif" alt="검색"/>
+	</div>
 
-	</tbody>  
-</table>
+	<p class="total-count">총 사이트 ${paginationInfo.totalRecordCount}개 ㅣ 현재페이지 <strong class="green">${paginationInfo.currentPageNo}</strong>/${paginationInfo.totalPageCount}</p>
 
-	
+	<div class="list-type sm">
+		<table>
+			<colgroup>
+				<col style="width:110px">
+				<col>
+				<col>
+				<col style="width:130px">
+				<col style="width:130px">
+				<col style="width:160px">
+				<col style="width:130px">
+			</colgroup>
+			<thead>
+			<tr>
+				<th>순번</th>
+				<th>코드ID</th>
+				<th>코드ID명</th>
+				<th>사용여부</th>
+				<th>코드갯수</th>
+				<th>하위코드</th>
+				<th>관리</th>
+			</tr>
+			</thead>
+			<tbody>
+				<c:forEach items="${resultList}" var="resultInfo" varStatus="status">
+					<tr>
+						<td data-tit="순번"><c:out value="${paginationInfo.totalRecordCount - ((searchVO.pageIndex-1) * searchVO.pageUnit) - (status.count - 1)}" /></td>
+						<td data-tit="코드ID"><c:out value="${resultInfo.codeId}"/></td>
+						<td data-tit="코드ID명"><c:out value="${resultInfo.codeIdNm}"/></td>
+						<td data-tit="사용여부">
+							<c:if test="${resultInfo.useAt eq 'Y'}">
+								<img src="${_IMG}/btn/use_yes.gif" alt="Y"/>
+							</c:if>
+							<c:if test="${resultInfo.useAt eq 'N'}">
+								<img src="${_IMG}/btn/use_no.gif" alt="N"/>
+							</c:if>
+						</td>
+						<td data-tit="코드갯수"><c:out value="${resultInfo.codeCnt}"/></td>
+						<td data-tit="하위코드"><a href="/mng/sym/ccm/cde/EgovCcmCmmnDetailCodeList.do?searchCode=<c:out value="${resultInfo.codeId}"/>" onclick="fn_egov_CmmnCode(this.href);return false;"><img src="${_IMG}/btn/code.gif" alt="하위코드관리"/></a></td>
+						<td data-tit="관리">
+							<div class="btn-cont">
+								<c:url var="viewUrl" value="${_PREFIX}/EgovCcmCmmnCodeModify.do">
+									<c:param name="modifyAt" value="Y"/>
+									<c:if test="${not empty resultInfo.codeId}"><c:param name="codeId" value="${resultInfo.codeId}" /></c:if>
+									<c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
+									<c:if test="${not empty searchVO.searchCondition}"><c:param name="searchCondition" value="${searchVO.searchCondition}" /></c:if>
+									<c:if test="${not empty searchVO.searchKeyword}"><c:param name="searchKeyword" value="${searchVO.searchKeyword}" /></c:if>
+								</c:url>
+								<a href="${viewUrl}" class="btn-ico-sm" title="수정"><i class="ico-sm-edit"></i><span class="txt-hide">수정</span></a>
+
+								<c:if test="${resultInfo.useAt eq 'Y'}">
+									<c:url var="delUrl" value="${_PREFIX}/EgovCcmCmmnCodeRemove.do">
+										<c:if test="${not empty resultInfo.codeId}"><c:param name="codeId" value="${resultInfo.codeId}" /></c:if>
+										<c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
+										<c:if test="${not empty searchVO.searchCondition}"><c:param name="searchCondition" value="${searchVO.searchCondition}" /></c:if>
+										<c:if test="${not empty searchVO.searchKeyword}"><c:param name="searchKeyword" value="${searchVO.searchKeyword}" /></c:if>
+									</c:url>
+									<a href="${delUrl}" class="btn-ico-sm" title="삭제"><i class="ico-sm-trash"></i><span class="txt-hide">삭제</span></a>
+								</c:if>
+							</div>
+						</td>
+					</tr>
+				</c:forEach>
+				<c:if test="${fn:length(resultList) == 0}">
+					<tr>
+						<td class="" colspan="5"><spring:message code="common.nodata.msg" /></td>
+					</tr>
+				</c:if>
+			</tbody>
+		</table>
+	</div>
 
 	<div id="paging">
 		<c:url var="pageUrl" value="${_PREFIX}/EgovCcmCmmnCodeList.do?">
@@ -115,17 +119,6 @@
 		<ul>
 			<ui:pagination paginationInfo="${paginationInfo}" type="image" jsFunction="${pageUrl}" />
 		</ul>
-	</div>
-	
-	<div id="bbs_search">
-		<label for="ftext" class="hdn">분류검색</label>
-		<select name="searchCondition" class="select">
-			<option value='1' <c:if test="${searchVO.searchCondition eq '1' || searchVO.searchCondition eq ''}">selected="selected"</c:if>>코드ID</option>
-			<option value='2' <c:if test="${searchVO.searchCondition eq '2'}">selected="selected"</c:if>>코드ID명</option>
-		   </select>
-		<label for="inp_text" class="hdn">검색어입력</label>
-		<input name="searchKeyword" type="text" size="25" class="inp" value='<c:out value="${searchVO.searchKeyword}"/>' maxlength="35"  class="inp_s" id="inp_text"/>
-		<input type=image src="${_IMG}/btn/btn_search.gif" alt="검색"/>
 	</div>
 	
 	<div class="btn_r">
@@ -139,6 +132,4 @@
 
 
 </form>
-
-</DIV>
 
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/sit/SiteInfoRegist.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/sit/SiteInfoRegist.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/sit/SiteInfoRegist.jsp
@@ -1,13 +1,6 @@
-<%@ 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" %>
-<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
-<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
-<%@ page import="egovframework.com.sec.ram.security.userdetails.util.EgovUserDetailsHelper"%>
-<c:set var="USER_INFO" value="<%=EgovUserDetailsHelper.getAuthenticatedUser(request, response) %>" />
-<c:set var="_IMG" value="${pageContext.request.contextPath}/resources/template/manage/images"/>
-<c:set var="_C_LIB" value="${pageContext.request.contextPath}/lib"/>
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ include file="/WEB-INF/jsp/egovframework/cmm/include/defualt.jsp"%>
+
 <c:set var="_MODE" value=""/>
 
 <c:choose>
@@ -26,11 +19,10 @@
 	<c:param name="title" value="사이트관리"/>
 </c:import>
 
-<script type="text/javascript" src="<c:url value="/validator.do"/>"></script>
-<validator:javascript formName="siteManageVO" staticJavascript="false" xhtml="true" cdata="false"/>
+<script src="<c:url value="/validator.do"/>"></script>
+<validator:javascript formName="siteManageVO" staticJavascript="false" cdata="false"/>
 
-<script type="text/javaScript">
-
+<script>
 /* ********************************************************
  * 저장처리화면
  ******************************************************** */
@@ -68,7 +60,6 @@
     if(!confirm("<spring:message code="${_MODE eq 'REG' ? 'common.regist.msg' : 'common.update.msg'}" />")){
     	return false;
     }
-    
 }
 
 function fn_egov_selectTemplate(se) {
@@ -170,16 +161,6 @@
 	}
 }
 
-function fnOrgCodePop() {
-	var url = "${pageContext.request.contextPath}/mng/sym/ext/selectOrgCodeList.do?";
-	url = url + "selectMode=Y";
-	
-	var win = window.open(url ,'orgcode',' scrollbars=yes, resizable=yes, left=0, top=0, width=880,height=650');
-	if(win != null) {
-		win.focus();
-	}
-}
-
 function fn_egov_selectOrgCode(id, nm) {
 	$('#insttCode').val(id);
 	$('#siteNm').val(nm);
@@ -189,408 +170,457 @@
 </script>
 
 
-<div id="cntnts">
-    	<c:choose>
-    	<c:when test="${_MODE eq 'REG'}">
-    		<c:url var="actionUrl" value="/mng/sym/sit/insertSiteInfo.do"/>
-    	</c:when>
-    	<c:otherwise>
-    		<c:url var="actionUrl" value="/mng/sym/sit/updateSiteInfo.do"/>
-    	</c:otherwise>
-    	</c:choose>
-        <form:form commandName="siteManageVO" name="siteManageVO" action="${actionUrl}" method="post" enctype="multipart/form-data" onsubmit="return fn_egov_regist_siteinfo();"> 
-        <form:hidden path="siteId"/>
-        <form:hidden path="takeSiteId"/>
-        <form:hidden path="lytTmplatId"/>
-        <form:hidden path="cmyTmplatId"/>
-        <form:hidden path="lytSourcId"/>
-        <form:hidden path="cmySourcId"/>
-        <form:hidden path="mobileUseAt"  value="N"  />
-                
-        <input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>"/>
-        <input name="searchCondition" type="hidden" value="<c:out value="${searchVO.searchCondition}"/>"/>
-		<input name="searchKeyword" type="hidden" value="<c:out value="${searchVO.searchKeyword}"/>"/>
-    
-		<fieldset>
-        <legend class="hdn">사이트 입력 폼</legend>
-        
-        <div class="btn_r">
-          	<input type="image" src="${_IMG}/btn/${_MODE eq 'REG' ? 'btn_regist.gif' : 'btn_modify.gif' }"/>
-          	<c:url var="listUrl" value="/mng/sym/sit/selectSiteInfoList.do">
-		        <c:param name="pageIndex" value="${searchVO.pageIndex}" />
+<c:choose>
+	<c:when test="${_MODE eq 'REG'}">
+		<c:url var="actionUrl" value="/mng/sym/sit/insertSiteInfo.do"/>
+	</c:when>
+	<c:otherwise>
+		<c:url var="actionUrl" value="/mng/sym/sit/updateSiteInfo.do"/>
+	</c:otherwise>
+</c:choose>
+
+<form:form commandName="siteManageVO" name="siteManageVO" action="${actionUrl}" method="post" enctype="multipart/form-data" onsubmit="return fn_egov_regist_siteinfo();">
+	<form:hidden path="siteId"/>
+	<form:hidden path="takeSiteId"/>
+	<form:hidden path="lytTmplatId"/>
+	<form:hidden path="cmyTmplatId"/>
+	<form:hidden path="lytSourcId"/>
+	<form:hidden path="cmySourcId"/>
+	<form:hidden path="mobileUseAt" value="N"/>
+
+	<input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>"/>
+	<input name="searchCondition" type="hidden" value="<c:out value="${searchVO.searchCondition}"/>"/>
+	<input name="searchKeyword" type="hidden" value="<c:out value="${searchVO.searchKeyword}"/>"/>
+
+	<fieldset>
+		<legend class="hdn">사이트 입력 폼</legend>
+
+		<div class="fnc-area">
+			<div class="r-area">
+				<button type="submit" class="btn spot2">${_MODE eq 'REG' ? '등록' : '수정' }</button>
+
+				<c:url var="listUrl" value="/mng/sym/sit/selectSiteInfoList.do">
+					<c:param name="pageIndex" value="${searchVO.pageIndex}" />
+					<c:param name="searchCondition" value="${searchVO.searchCondition}" />
+					<c:param name="searchKeyword" value="${searchVO.searchKeyword}" />
+				</c:url>
+				<a href="${listUrl}" class="btn">목록</a>
+			</div>
+		</div>
+
+		<div class="write-type">
+			<table>
+				<colgroup>
+					<col style="width:250px" />
+					<col />
+				</colgroup>
+				<tbody>
+					<tr>
+						<th><label for="siteNm">기관명</label> <i class="required">*<span class="txt-hide" >필수</span></i></th>
+						<td>
+							<div class="selectbox">
+								<form:select path="insttCode">
+									<form:option value='' label="기관유형선택" />
+									<form:options items="${codeList}" itemValue="code" itemLabel="codeNm"/>
+								</form:select>
+							</div>
+
+							<form:input path="siteNm" size="88" maxlength="100" cssClass="q2" />
+							<div><form:errors path="siteNm"/></div>
+						</td>
+					</tr>
+					<tr>
+						<th><label for="siteUrl">도메인</label>  <i class="required">*<span class="txt-hide" >필수</span></i></th>
+						<td>
+							<form:input path="siteUrl" size="100" maxlength="255" cssClass="q1" />
+							<div><form:errors path="siteUrl"/></div>
+						</td>
+					</tr>
+					<tr>
+						<th><label for="brwsrSj">브라우저타이틀</label>  <i class="required">*<span class="txt-hide" >필수</span></i></th>
+						<td>
+							<form:input path="brwsrSj" size="100" maxlength="100" cssClass="q1" />
+							<div><form:errors path="brwsrSj"/></div>
+						</td>
+					</tr>
+					<tr>
+						<th><label for="tlphonNo">전화번호</label></th>
+						<td>
+							<form:input path="tlphonNo" size="20" maxlength="15" cssClass="q1" />
+							<div><form:errors path="tlphonNo"/></div>
+						</td>
+					</tr>
+					<tr>
+						<th><label for="faxNo">팩스번호</label></th>
+						<td>
+							<form:input path="faxNo" size="20" maxlength="15" cssClass="q1" />
+							<div><form:errors path="faxNo"/></div>
+						</td>
+					</tr>
+					<tr>
+						<th><label for="upendLogoFileNm">상단로고</label></th>
+						<td>
+							<div class="file-add-txt-area">
+								<div class="file-custom">
+									<input type="file" name="upendLogoFileIdFile" id="upendLogoFileNm" title="상단로고파일" class="input-file">
+									<button type="button" class="btn">파일 찾기</button>
+									<input type="text" placeholder="파일로 콘텐츠를 추가해주세요." readonly>
+								</div>
+							</div>
+
+							<c:if test="${not empty siteManageVO.upendLogoFileNm}">
+								<ul class="file-list">
+									<li><img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.upendLogoFileNm}"/></li>
+								</ul>
+							</c:if>
+						</td>
+					</tr>
+					<tr>
+						<th><label for="lptLogoFileNm">하단로고</label></th>
+						<td>
+							<div class="file-add-txt-area">
+								<div class="file-custom">
+									<input type="file" name="lptLogoFileIdFile" id="lptLogoFileNm" title="하단로고파일" class="input-file">
+									<button type="button" class="btn">파일 찾기</button>
+									<input type="text" placeholder="파일로 콘텐츠를 추가해주세요." readonly>
+								</div>
+							</div>
+
+							<c:if test="${not empty siteManageVO.lptLogoFileNm}">
+								<ul class="file-list">
+									<li><img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.lptLogoFileNm}"/></li>
+								</ul>
+							</c:if>
+						</td>
+					</tr>
+					<tr>
+						<th><label for="peprsntImageFile">대표이미지</label></th>
+						<td>
+							<div class="file-add-txt-area">
+								<div class="file-custom">
+									<input type="file" name="peprsntImageFile" id="peprsntImageFile" title="대표이미지" class="input-file">
+									<button type="button" class="btn">파일 찾기</button>
+									<input type="text" placeholder="파일로 콘텐츠를 추가해주세요." readonly>
+								</div>
+							</div>
+
+							<c:if test="${not empty siteManageVO.peprsntImageFileNm}">
+								<ul class="file-list">
+									<li><img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.peprsntImageFileNm}"/></li>
+								</ul>
+							</c:if>
+						</td>
+					</tr>
+					<tr>
+						<th><label for="sloganFile">슬로건</label></th>
+						<td>
+							<div class="file-add-txt-area">
+								<div class="file-custom">
+									<input type="file" name="sloganFile" id="sloganFile" title="슬로건" class="input-file">
+									<button type="button" class="btn">파일 찾기</button>
+									<input type="text" placeholder="파일로 콘텐츠를 추가해주세요." readonly>
+								</div>
+							</div>
+
+							<c:if test="${not empty siteManageVO.sloganFileNm}">
+								<ul class="file-list">
+									<li><img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.sloganFileNm}"/></li>
+								</ul>
+							</c:if>
+						</td>
+					</tr>
+					<tr>
+						<th><label for="sloganReplcText">슬로건대체텍스트</label></th>
+						<td>
+							<form:textarea path="sloganReplcText" rows="5" cssStyle="width:90%;" cssClass="inp_default" />
+							<div><form:errors path="sloganReplcText"/></div>
+						</td>
+					</tr>
+					<tr>
+						<th><label for="adres">주소</label></th>
+						<td>
+							<form:input path="adres" size="100" maxlength="100" cssClass="inp" />
+							<div><form:errors path="adres"/></div>
+						</td>
+					</tr>
+					<%--
+					<tr>
+						<th><label for="adresFileNm">주소파일</label></th>
+						<td>
+							<input type="file" name="adresFileIdFile" id="adresFileNm" title="주소파일명" class="input300 inp" >
+							<c:if test="${not empty siteManageVO.adresFileNm}"><br/><img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.adresFileNm}"/></c:if>
+						</td>
+					</tr>
+					--%>
+					<tr>
+						<th><label for="adresReplcText">주소대체텍스트</label></th>
+						<td>
+							<form:textarea path="adresReplcText" rows="5" cssStyle="width:90%;" cssClass="inp_default" />
+							<div><form:errors path="adresReplcText"/></div>
+						</td>
+					</tr>
+					<tr>
+						<th><label for="la">위도</label></th>
+						<td>
+							<form:input path="la" size="20" maxlength="15" cssClass="q1" />
+							<div><form:errors path="la"/></div>
+						</td>
+					</tr>
+					<tr>
+						<th><label for="lo">경도</label></th>
+						<td>
+							<form:input path="lo" size="20" maxlength="15" cssClass="q1" />
+							<div><form:errors path="lo"/></div>
+						</td>
+					</tr>
+					<tr>
+						<th>홈페이지 레이아웃</th>
+						<td>
+							<table>
+								<caption>홈페이지 레이아웃 설정폼</caption>
+								<colgroup>
+									<col width="200"/>
+									<col width="200"/>
+								</colgroup>
+								<tbody>
+								<tr>
+									<td>
+										<table>
+											<tr><td align="center" style="height:30px;background-color:rgb(248, 248, 248)"><strong><font color="#666666">레이아웃</font></strong></td></tr>
+											<tr>
+												<td>
+													<c:choose>
+														<c:when test="${not empty lytSourcVO.prevewFileNm}">
+															<a href="#" onclick="fnImagePreviewBefore('lytSourcImage');return false;"><img id="lytSourcImage" src="${sourcFileStoreWebPathByPreFile}/${lytSourcVO.prevewFileNm}" width="120" height="107"/></a>
+														</c:when>
+														<c:otherwise>
+															<a href="#" onclick="fnImagePreviewBefore('lytSourcImage');return false;"><img id="lytSourcImage" src="${_IMG}/board/no_img.gif" alt="이미지없음" width="120" height="107"/></a>
+														</c:otherwise>
+													</c:choose>
+												</td>
+											</tr>
+											<tr>
+												<td align="center"><div id="lytSourcNm"><c:out value="${lytSourcVO.sourcNm}"/></div></td>
+											</tr>
+											<tr>
+												<td align="center"><a href="#" onclick="fn_egov_selectSourc('sit'); return false;"><img src="${_IMG}/btn/btn_select.gif" alt="선택"/></a></td>
+											</tr>
+										</table>
+									</td>
+									<td>
+										<table>
+											<tr><td align="center" style="height:30px;background-color:rgb(248, 248, 248)"><strong><font color="#666666">템플릿</font></strong></td></tr>
+											<tr>
+												<td>
+													<c:choose>
+														<c:when test="${not empty lytTmplatVO.prevewFileNm}">
+															<a href="#" onclick="fnImagePreviewBefore('lytTmplatImage');return false;"><img id="lytTmplatImage" src="${tmplatFileStoreWebPathByPreFile}/${lytTmplatVO.prevewFileNm}" width="120" height="107"/></a>
+														</c:when>
+														<c:otherwise>
+															<a href="#" onclick="fnImagePreviewBefore('lytTmplatImage');return false;"><img id="lytTmplatImage" src="${_IMG}/board/no_img.gif" alt="이미지없음" width="120" height="107"/></a>
+														</c:otherwise>
+													</c:choose>
+												</td>
+											</tr>
+											<tr>
+												<td align="center"><div id="lytTmplatNm"><c:out value="${lytTmplatVO.tmplatNm}"/></div></td>
+											</tr>
+											<tr>
+												<td align="center"><a href="#" onclick="fn_egov_selectTemplate('sit'); return false;"><img src="${_IMG}/btn/btn_select.gif" alt="선택"/></a></td>
+											</tr>
+										</table>
+									</td>
+									<td style="display: none;">
+										<table>
+											<tr><td align="center" style="height:30px;background-color:rgb(248, 248, 248)"><strong><font color="#666666">메인화면 게시판</font></strong></td></tr>
+											<tr>
+												<td>
+													<select id="bbsIdList" name="bbsIdList" multiple="multiple" size="11" style="width:120px;height:107px">
+														<c:forEach var="result" items="${siteManageVO.mainContentsList}" varStatus="status">
+															<option value="${result.progrmId}"><c:out value="${result.progrmNm}"/></option>
+														</c:forEach>
+													</select>
+												</td>
+												<td width="40" align="center">
+													<a href="#" onclick="fnContentMove('SMCTS01', 'UP');return false;"><img src="${_IMG}/btn/btn_goup.gif" alt="위로이동"/></a>
+													<br/>
+													<a href="#" onclick="fnContentMove('SMCTS01', 'DOWN');return false;"><img src="${_IMG}/btn/btn_godown.gif" alt="아래로이동"/></a>
+												</td>
+											</tr>
+											<tr>
+												<td align="center">추가/삭제</td>
+											</tr>
+											<tr>
+												<td align="center">
+													<a href="#" onclick="fnContentAdd('SMCTS01');return false;"><img src="${_IMG}/btn/btn_plus.gif" alt="추가"/></a>
+													<a href="#" onclick="fnContentDel('SMCTS01');return false;"><img src="${_IMG}/btn/btn_minus.gif" alt="삭제"/></a>
+												</td>
+											</tr>
+										</table>
+									</td>
+								</tr>
+								</tbody>
+							</table>
+						</td>
+					</tr>
+					<tr>
+						<th>커뮤니티 레이아웃</th>
+						<td>
+							<table>
+								<caption>커뮤니티 레이아웃 설정폼</caption>
+								<colgroup>
+									<col width="200"/>
+									<col width="200"/>
+								</colgroup>
+								<tbody>
+								<tr>
+									<td>
+										<table>
+											<tr><td align="center" style="height:30px;background-color:rgb(248, 248, 248)"><strong><font color="#666666">레이아웃</font></strong></td></tr>
+											<tr>
+												<td>
+													<c:choose>
+														<c:when test="${not empty cmySourcVO.prevewFileNm}">
+															<a href="#" onclick="fnImagePreviewBefore('cmySourcImage');return false;"><img id="cmySourcImage" src="${sourcFileStoreWebPathByPreFile}/${cmySourcVO.prevewFileNm}" width="120" height="107"/></a>
+														</c:when>
+														<c:otherwise>
+															<a href="#" onclick="fnImagePreviewBefore('cmySourcImage');return false;"><img id="cmySourcImage" src="${_IMG}/board/no_img.gif" alt="이미지없음" width="120" height="107"/></a>
+														</c:otherwise>
+													</c:choose>
+												</td>
+											</tr>
+											<tr>
+												<td align="center"><div id="cmySourcNm"><c:out value="${cmySourcVO.sourcNm}"/></div></td>
+											</tr>
+											<tr>
+												<td align="center"><a href="#" onclick="fn_egov_selectSourc('cmy'); return false;"><img src="${_IMG}/btn/btn_select.gif" alt="선택"/></a></td>
+											</tr>
+										</table>
+									</td>
+									<td>
+										<table>
+											<tr><td align="center" style="height:30px;background-color:rgb(248, 248, 248)"><strong><font color="#666666">템플릿</font></strong></td></tr>
+											<tr>
+												<td>
+													<c:choose>
+														<c:when test="${not empty cmyTmplatVO.prevewFileNm}">
+															<a href="#" onclick="fnImagePreviewBefore('cmyTmplatImage');return false;"><img id="cmyTmplatImage" src="${tmplatFileStoreWebPathByPreFile}/${cmyTmplatVO.prevewFileNm}" width="120" height="107"/></a>
+														</c:when>
+														<c:otherwise>
+															<a href="#" onclick="fnImagePreviewBefore('cmyTmplatImage');return false;"><img id="cmyTmplatImage" src="${_IMG}/board/no_img.gif" alt="이미지없음" width="120" height="107"/></a>
+														</c:otherwise>
+													</c:choose>
+												</td>
+											</tr>
+											<tr>
+												<td align="center"><div id="cmyTmplatNm"><c:out value="${cmyTmplatVO.tmplatNm}"/></div></td>
+											</tr>
+											<tr>
+												<td align="center"><a href="#" onclick="fn_egov_selectTemplate('cmy'); return false;"><img src="${_IMG}/btn/btn_select.gif" alt="선택"/></a></td>
+											</tr>
+										</table>
+									</td>
+								</tr>
+								</tbody>
+							</table>
+						</td>
+					</tr>
+					<c:if test="${_MODE eq 'REG'}">
+						<tr>
+							<th>기본메뉴 자동생성</th>
+							<td>
+								<spring:message code="button.yes" /> : <form:radiobutton path="autoMakeMenuAt"  value="Y" />&nbsp;
+								<spring:message code="button.no" /> : <form:radiobutton path="autoMakeMenuAt"  value="N" />
+							</td>
+						</tr>
+					</c:if>
+					<tr>
+						<th>마우스보안허용</th>
+						<td>
+							<div class="checkradio">
+								<form:radiobutton path="mouseScrtyApplcAt" value="Y" />&nbsp;
+								<label for="mouseScrtyApplcAt1"><spring:message code="button.yes" /></label>
+							</div>
+							<div class="checkradio">
+								<form:radiobutton path="mouseScrtyApplcAt"  value="N"  />
+								<label for="mouseScrtyApplcAt2"><spring:message code="button.no" /></label>
+							</div>
+						</td>
+					</tr>
+					<tr>
+						<th>키보드보안허용</th>
+						<td>
+							<div class="checkradio">
+								<form:radiobutton path="kybrdScrtyApplcAt"  value="Y" />&nbsp;
+								<label for="kybrdScrtyApplcAt1"><spring:message code="button.yes" /></label>
+							</div>
+							<div class="checkradio">
+								<form:radiobutton path="kybrdScrtyApplcAt"  value="N"  />
+								<label for="kybrdScrtyApplcAt2"><spring:message code="button.no" /></label>
+							</div>
+						</td>
+					</tr>
+					<tr style="display:none">
+						<th>중복로그인허용</th>
+						<td>
+							<div class="checkradio">
+								<form:radiobutton path="dplctLoginPermAt"  value="Y" />&nbsp;
+								<label for="dplctLoginPermAt1"><spring:message code="button.yes" /></label>
+							</div>
+							<div class="checkradio">
+								<form:radiobutton path="dplctLoginPermAt"  value="N"  />
+								<label for="dplctLoginPermAt2"><spring:message code="button.no" /></label>
+							</div>
+						</td>
+					</tr>
+					<tr style="display:none">
+						<th> <label><em>*</em> 비밀번호길이</label></th>
+						<td>
+							<form:input path="passwordMummLt" size="5" cssClass="inp"/> ~ <form:input path="passwordMxmmLt" size="5" cssClass="inp"/>
+						</td>
+					</tr>
+					<tr style="display:none">
+						<th> <label><em>*</em> 비밀번호조합</label></th>
+						<td>
+							<form:checkbox path="passwordNumberPolicyAt" value="Y" label="숫자"/> +
+							<form:checkbox path="passwordChrctrPolicyAt" value="Y" label="문자"/> +
+							<form:checkbox path="passwordSpclchrctrPolicyAt" value="Y" label="특수문자"/>
+						</td>
+					</tr>
+					<tr style="display:none">
+						<th> <label><em>*</em> 비밀번호변경주기</label></th>
+						<td>
+							<form:input path="passwordChangeCycle" size="5" cssClass="inp"/>개월
+						</td>
+					</tr>
+
+					<tr>
+						<th>활성여부</th>
+						<td>
+							<div class="checkradio">
+								<form:radiobutton path="actvtyAt"  value="Y" />&nbsp;
+								<label for="actvtyAt1"><spring:message code="button.yes" /></label>
+							</div>
+							<div class="checkradio">
+								<form:radiobutton path="actvtyAt"  value="N"  />
+								<label for="actvtyAt2"><spring:message code="button.no" /></label>
+							</div>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+		<div class="btn-cont">
+			<button type="submit" class="btn-lg spot2">${_MODE eq 'REG' ? '등록' : '수정' }</button>
+			<c:url var="listUrl" value="/mng/sym/sit/selectSiteInfoList.do">
+				<c:param name="pageIndex" value="${searchVO.pageIndex}" />
 				<c:param name="searchCondition" value="${searchVO.searchCondition}" />
 				<c:param name="searchKeyword" value="${searchVO.searchKeyword}" />
-		      </c:url>
-            <a href="${listUrl}"><img src="${_IMG}/btn/btn_list.gif" alt="목록"/></a>
-        </div>
-          
-          
-        <table class="chart2" summary="작성인, 제목, 내용, 파일첨부를 입력하는 표입니다." >
-		  <caption> </caption>
-          <colgroup>
-				<col width="150px" />
-				<col width="*" />
-			</colgroup>
-          <tbody>
-            <tr>
-              <th><em>*</em> <label for="siteNm">기관명</label></th>
-              <td>
-              	<%-- <form:hidden path="insttCode"/> --%>
-              	
-              	<form:select path="insttCode">
-              		<form:option value='' label="기관유형선택" />
-     	      		<form:options items="${codeList}" itemValue="code" itemLabel="codeNm"/>
-           		</form:select>
-           		
-           		<form:input path="siteNm" size="88" maxlength="100" cssClass="inp" /> <a href="#" style="display:none" onclick="fnOrgCodePop();return false;"><img src="${_IMG}/btn/btn_search02.gif"/></a>
-                <div><form:errors path="siteNm"/></div>         
-              </td>         
-            </tr>
-            <tr>
-              <th><em>*</em> <label for="siteUrl">도메인</label></th>
-              <td>
-                <form:input path="siteUrl" size="100" maxlength="255" cssClass="inp" />
-                <div><form:errors path="siteUrl"/></div>               
-              </td>
-            </tr>
-            <tr>
-              <th><em>*</em> <label for="brwsrSj">브라우저타이틀</label></th>
-              <td>
-                <form:input path="brwsrSj" size="100" maxlength="100" cssClass="inp" />
-                <div><form:errors path="brwsrSj"/></div>               
-              </td>
-            </tr>
-            <tr>
-              <th><label for="tlphonNo">전화번호</label></th>
-              <td>
-                <form:input path="tlphonNo" size="20" maxlength="15" cssClass="inp" />
-                <div><form:errors path="tlphonNo"/></div>               
-              </td>
-            </tr>
-            <tr>
-              <th><label for="faxNo">팩스번호</label></th>
-              <td>
-                <form:input path="faxNo" size="20" maxlength="15" cssClass="inp" />
-                <div><form:errors path="faxNo"/></div>               
-              </td>
-            </tr>
-            <tr>
-              <th><label for="upendLogoFileNm">상단로고</label></th>
-              <td>
-              	<input type="file" name="upendLogoFileIdFile" id="upendLogoFileNm" title="상단로고파일" class="input300 inp" >
-              	<c:if test="${not empty siteManageVO.upendLogoFileNm}"><br/><img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.upendLogoFileNm}"/></c:if>
-              </td>
-            </tr>
-			<tr>
-              <th><label for="lptLogoFileNm">하단로고</label></th>
-              <td>
-              	<input type="file" name="lptLogoFileIdFile" id="lptLogoFileNm" title="하단로고파일" class="input300 inp" >
-              	<c:if test="${not empty siteManageVO.lptLogoFileNm}"><br/><img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.lptLogoFileNm}"/></c:if>
-              </td>
-            </tr>
-            <tr>
-              <th><label for="peprsntImageFileNm">대표이미지</label></th>
-              <td>
-              	<input type="file" name="peprsntImageFile" id="peprsntImageFile" title="대표이미지" class="input300 inp" >
-              	<c:if test="${not empty siteManageVO.peprsntImageFileNm}"><br/><img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.peprsntImageFileNm}"/></c:if>
-              </td>
-            </tr>
-            <tr>
-              <th><label for="sloganFileNm">슬로건</label></th>
-              <td>
-              	<input type="file" name="sloganFile" id="sloganFile" title="슬로건" class="input300 inp" >
-              	<c:if test="${not empty siteManageVO.sloganFileNm}"><br/><img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.sloganFileNm}"/></c:if>
-              </td>
-            </tr>
-            <tr>
-              <th><label for="sloganReplcText">슬로건대체텍스트</label></th>
-              <td>
-                <form:textarea path="sloganReplcText" rows="5" cssStyle="width:90%;" cssClass="inp_default" />
-                <div><form:errors path="sloganReplcText"/></div>                                
-              </td>   
-            </tr>
-            <tr>
-              <th><label for="adres">주소</label></th>
-              <td>
-                <form:input path="adres" size="100" maxlength="100" cssClass="inp" />
-                <div><form:errors path="adres"/></div>               
-              </td>
-            </tr>
-            <tr>
-              <th><label for="adresFileNm">주소파일</label></th>
-              <td>
-              	<input type="file" name="adresFileIdFile" id="adresFileNm" title="주소파일명" class="input300 inp" >
-              	<c:if test="${not empty siteManageVO.adresFileNm}"><br/><img src="${SiteFileStoreWebPath}${siteManageVO.siteId}/${siteManageVO.adresFileNm}"/></c:if>
-              </td>
-            </tr>
-            <tr>
-              <th><label for="adresReplcText">주소대체텍스트</label></th>
-              <td>
-                <form:textarea path="adresReplcText" rows="5" cssStyle="width:90%;" cssClass="inp_default" />
-                <div><form:errors path="adresReplcText"/></div>                                
-              </td>   
-            </tr>
-            <tr>
-              <th><label for="la">위도</label></th>
-              <td>
-                <form:input path="la" size="20" maxlength="15" cssClass="inp" />
-                <div><form:errors path="la"/></div>                                
-              </td>   
-            </tr>
-            <tr>
-              <th><label for="lo">경도</label></th>
-              <td>
-                <form:input path="lo" size="20" maxlength="15" cssClass="inp" />
-                <div><form:errors path="lo"/></div>                                
-              </td>   
-            </tr>
-             <tr>
-              <th>홈페이지 레이아웃</th>
-              <td>     
-              	<table>
-              		<caption>홈페이지 레이아웃 설정폼</caption>
-						<colgroup>
-							<col width="130"/>
-							<col/>
-						</colgroup>
-							<tbody>
-			              		<tr>
-			              			<td>
-			              				<table>
-			              					<tr><td align="center" style="height:30px;background-color:rgb(248, 248, 248)"><strong><font color="#666666">레이아웃</font></strong></td></tr>
-			              					<tr>
-			              						<td>            				
-						           					<c:choose>
-						           						<c:when test="${not empty lytSourcVO.prevewFileNm}">
-						           							<a href="#" onclick="fnImagePreviewBefore('lytSourcImage');return false;"><img id="lytSourcImage" src="${sourcFileStoreWebPathByPreFile}/${lytSourcVO.prevewFileNm}" width="120" height="107"/></a>
-						           						</c:when>
-						           						<c:otherwise>
-						           							<a href="#" onclick="fnImagePreviewBefore('lytSourcImage');return false;"><img id="lytSourcImage" src="${_IMG}/board/no_img.gif" alt="이미지없음" width="120" height="107"/></a>
-						           						</c:otherwise>
-						           					</c:choose>   
-			           							</td>
-			           						</tr>
-			           						<tr>
-						              			<td align="center"><div id="lytSourcNm"><c:out value="${lytSourcVO.sourcNm}"/></div></td>
-						              		</tr>
-						              		<tr>
-						              			<td align="center"><a href="#" onclick="fn_egov_selectSourc('sit'); return false;"><img src="${_IMG}/btn/btn_select.gif" alt="선택"/></a></td>
-						              		</tr>
-						              	</table>    
-			              			</td>
-			              			<td>
-			              				<table>
-			              					<tr><td align="center" style="height:30px;background-color:rgb(248, 248, 248)"><strong><font color="#666666">템플릿</font></strong></td></tr>
-			              					<tr>
-			              						<td>            				
-						           					<c:choose>
-						           						<c:when test="${not empty lytTmplatVO.prevewFileNm}">
-						           							<a href="#" onclick="fnImagePreviewBefore('lytTmplatImage');return false;"><img id="lytTmplatImage" src="${tmplatFileStoreWebPathByPreFile}/${lytTmplatVO.prevewFileNm}" width="120" height="107"/></a>
-						           						</c:when>
-						           						<c:otherwise>
-						           							<a href="#" onclick="fnImagePreviewBefore('lytTmplatImage');return false;"><img id="lytTmplatImage" src="${_IMG}/board/no_img.gif" alt="이미지없음" width="120" height="107"/></a>
-						           						</c:otherwise>
-						           					</c:choose>   
-			           							</td>
-			           						</tr>
-			           						<tr>
-						              			<td align="center"><div id="lytTmplatNm"><c:out value="${lytTmplatVO.tmplatNm}"/></div></td>
-						              		</tr>
-						              		<tr>
-						              			<td align="center"><a href="#" onclick="fn_egov_selectTemplate('sit'); return false;"><img src="${_IMG}/btn/btn_select.gif" alt="선택"/></a></td>
-						              		</tr>
-						              	</table>    
-			              			</td>
-			              			<td>
-				              			<table>
-				              				<tr><td align="center" style="height:30px;background-color:rgb(248, 248, 248)"><strong><font color="#666666">메인화면 게시판</font></strong></td></tr>
-			              					<tr>
-			              						<td>
-						              				<select id="bbsIdList" name="bbsIdList" multiple="multiple" size="11" style="width:120px;height:107px">
-						              					<c:forEach var="result" items="${siteManageVO.mainContentsList}" varStatus="status">
-						              						<option value="${result.progrmId}"><c:out value="${result.progrmNm}"/></option>
-						              					</c:forEach>
-						              				</select>			              				
-						              			</td>	
-						              			<td width="40" align="center">
-						              				<a href="#" onclick="fnContentMove('SMCTS01', 'UP');return false;"><img src="${_IMG}/btn/btn_goup.gif" alt="위로이동"/></a>
-						              				<br/>
-						              				<a href="#" onclick="fnContentMove('SMCTS01', 'DOWN');return false;"><img src="${_IMG}/btn/btn_godown.gif" alt="아래로이동"/></a>
-						              			</td>		              			
-						              		</tr>
-						              		<tr>
-						              			<td align="center">추가/삭제</td>
-						              		</tr>
-						              		<tr>
-						              			<td align="center">
-						              				<a href="#" onclick="fnContentAdd('SMCTS01');return false;"><img src="${_IMG}/btn/btn_plus.gif" alt="추가"/></a>			              				
-						              				<a href="#" onclick="fnContentDel('SMCTS01');return false;"><img src="${_IMG}/btn/btn_minus.gif" alt="삭제"/></a>
-						              			</td>
-						              		</tr>
-						              	</table>
-					              	</td>
-			              		</tr>
-			              	</tbody>
-              	</table>  
-              </td>
-            </tr>
-            <tr>
-              <th>커뮤니티 레이아웃</th>
-              <td>     
-              	<table>
-              		<caption>커뮤니티 레이아웃 설정폼</caption>
-						<colgroup>
-							<col width="130"/>
-							<col/>
-						</colgroup>
-							<tbody>
-			              		<tr>
-			              			<td>
-			              				<table>
-			              					<tr><td align="center" style="height:30px;background-color:rgb(248, 248, 248)"><strong><font color="#666666">레이아웃</font></strong></td></tr>
-			              					<tr>
-			              						<td>            				
-						           					<c:choose>
-					           						<c:when test="${not empty cmySourcVO.prevewFileNm}">
-					           							<a href="#" onclick="fnImagePreviewBefore('cmySourcImage');return false;"><img id="cmySourcImage" src="${sourcFileStoreWebPathByPreFile}/${cmySourcVO.prevewFileNm}" width="120" height="107"/></a>
-					           						</c:when>
-					           						<c:otherwise>
-					           							<a href="#" onclick="fnImagePreviewBefore('cmySourcImage');return false;"><img id="cmySourcImage" src="${_IMG}/board/no_img.gif" alt="이미지없음" width="120" height="107"/></a>
-					           						</c:otherwise>
-					           					</c:choose> 
-			           							</td>
-			           						</tr>
-			           						<tr>
-						              			<td align="center"><div id="cmySourcNm"><c:out value="${cmySourcVO.sourcNm}"/></div></td>
-						              		</tr>
-						              		<tr>
-						              			<td align="center"><a href="#" onclick="fn_egov_selectSourc('cmy'); return false;"><img src="${_IMG}/btn/btn_select.gif" alt="선택"/></a></td>
-						              		</tr>
-						              	</table>    
-			              			</td>
-			              			<td>
-			              				<table>
-			              					<tr><td align="center" style="height:30px;background-color:rgb(248, 248, 248)"><strong><font color="#666666">템플릿</font></strong></td></tr>
-			              					<tr>
-			              						<td>            				
-						           					<c:choose>
-					           						<c:when test="${not empty cmyTmplatVO.prevewFileNm}">
-					           							<a href="#" onclick="fnImagePreviewBefore('cmyTmplatImage');return false;"><img id="cmyTmplatImage" src="${tmplatFileStoreWebPathByPreFile}/${cmyTmplatVO.prevewFileNm}" width="120" height="107"/></a>
-					           						</c:when>
-					           						<c:otherwise>
-					           							<a href="#" onclick="fnImagePreviewBefore('cmyTmplatImage');return false;"><img id="cmyTmplatImage" src="${_IMG}/board/no_img.gif" alt="이미지없음" width="120" height="107"/></a>
-					           						</c:otherwise>
-					           					</c:choose> 
-			           							</td>
-			           						</tr>
-			           						<tr>
-						              			<td align="center"><div id="cmyTmplatNm"><c:out value="${cmyTmplatVO.tmplatNm}"/></div></td>
-						              		</tr>
-						              		<tr>
-						              			<td align="center"><a href="#" onclick="fn_egov_selectTemplate('cmy'); return false;"><img src="${_IMG}/btn/btn_select.gif" alt="선택"/></a></td>
-						              		</tr>
-						              	</table>    
-			              			</td>
-			              		</tr>
-			              	</tbody>
-              	</table>  
-              </td>
-            </tr>
-            <c:if test="${_MODE eq 'REG'}">
-            <tr>
-                <th>기본메뉴 자동생성</th>
-                <td>
-          	     	<spring:message code="button.yes" /> : <form:radiobutton path="autoMakeMenuAt"  value="Y" />&nbsp;
-          	     	<spring:message code="button.no" /> : <form:radiobutton path="autoMakeMenuAt"  value="N" />
-                </td>
-              </tr>
-            </c:if>
-            <tr>
-              <th>보안설정 <c:if test="${USER_INFO.userSe > 10}">[<input type="checkbox" id="scrtySetupBtcbAt" name="scrtySetupBtcbAt" value="Y"/><label for="scrtySetupBtcbAt">일괄적용</label>]</c:if>
-              </th>
-              <td>
-                	<table>
-						<caption>보안설정폼</caption>
-						<colgroup>
-							<col width="130"/>
-							<col/>
-						</colgroup>
-							<tbody>
-								<tr>
-									<th> <label>마우스보안허용</label></th>
-									<td>
-										<spring:message code="button.yes" /> : <form:radiobutton path="mouseScrtyApplcAt"  value="Y" />&nbsp;
-					          	     	<spring:message code="button.no" /> : <form:radiobutton path="mouseScrtyApplcAt"  value="N"  />
-					          	     	<br/><form:errors path="mouseScrtyApplcAt" />
-									</td>
-								</tr>
-								<tr>
-									<th> <label>키보드보안허용</label></th>
-									<td>
-										<spring:message code="button.yes" /> : <form:radiobutton path="kybrdScrtyApplcAt"  value="Y" />&nbsp;
-					          	     	<spring:message code="button.no" /> : <form:radiobutton path="kybrdScrtyApplcAt"  value="N"  />
-					          	     	<br/><form:errors path="kybrdScrtyApplcAt" />
-									</td>
-								</tr>
-								<tr style="display:none">
-									<th> <label>중복로그인허용</label></th>
-									<td>
-										<spring:message code="button.yes" /> : <form:radiobutton path="dplctLoginPermAt"  value="Y" />&nbsp;
-					          	     	<spring:message code="button.no" /> : <form:radiobutton path="dplctLoginPermAt"  value="N"  />
-					          	     	<br/><form:errors path="dplctLoginPermAt" />
-									</td>
-								</tr>
-								<tr style="display:none">
-									<th> <label><em>*</em> 비밀번호길이</label></th>
-									<td>
-										<form:input path="passwordMummLt" size="5" cssClass="inp"/> ~ <form:input path="passwordMxmmLt" size="5" cssClass="inp"/>
-									</td>
-								</tr>
-								<tr style="display:none">
-									<th> <label><em>*</em> 비밀번호조합</label></th>
-									<td>
-										<form:checkbox path="passwordNumberPolicyAt" value="Y" label="숫자"/> +
-										<form:checkbox path="passwordChrctrPolicyAt" value="Y" label="문자"/> +
-										<form:checkbox path="passwordSpclchrctrPolicyAt" value="Y" label="특수문자"/>
-									</td>
-								</tr>
-								<tr style="display:none">
-									<th> <label><em>*</em> 비밀번호변경주기</label></th>
-									<td>
-										<form:input path="passwordChangeCycle" size="5" cssClass="inp"/>개월
-									</td>
-								</tr>
-							</tbody>
-						</table>     
-              </td>
-            </tr>
-            <tr>
-                <th>활성여부</th>
-                <td>
-          	     	<spring:message code="button.yes" /> : <form:radiobutton path="actvtyAt"  value="Y" />&nbsp;
-          	     	<spring:message code="button.no" /> : <form:radiobutton path="actvtyAt"  value="N"  />
-          	     	<br/><form:errors path="actvtyAt" />
-                </td>
-              </tr>
-    
-          </tbody>
-          <tfoot>
-          </tfoot>
-          </table>
-  
-          <div class="btn_r">
-          	<input type="image" src="${_IMG}/btn/${_MODE eq 'REG' ? 'btn_regist.gif' : 'btn_modify.gif' }"/>
-          	<c:url var="listUrl" value="/mng/sym/sit/selectSiteInfoList.do">
-		        <c:param name="pageIndex" value="${searchVO.pageIndex}" />
-				<c:param name="searchCondition" value="${searchVO.searchCondition}" />
-				<c:param name="searchKeyword" value="${searchVO.searchKeyword}" />
-		      </c:url>
-            <a href="${listUrl}"><img src="${_IMG}/btn/btn_list.gif" alt="목록"/></a>
-          </div>
-            
-        </fieldset>
-      </form:form>
+			</c:url>
+			<a href="${listUrl}" class="btn-lg">목록</a>
+		</div>
+	</fieldset>
+</form:form>
 
-    </div>        
 
-    <c:import url="/mng/template/bottom.do" charEncoding="utf-8"/>	
(파일 끝에 줄바꿈 문자 없음)
+<c:import url="/mng/template/bottom.do" charEncoding="utf-8"/>
(파일 끝에 줄바꿈 문자 없음)
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/sit/SiteListCommon.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/sit/SiteListCommon.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/sit/SiteListCommon.jsp
@@ -1,14 +1,7 @@
-<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
-<%@ page import="egovframework.com.cmm.service.EgovProperties"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
-<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
-<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"  %>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
-<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
-<c:set var="_IMG" value="${pageContext.request.contextPath}/resources/template/manage/images"/>
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ include file="/WEB-INF/jsp/egovframework/cmm/include/defualt.jsp"%>
 
-<script type="text/javaScript">
+<script>
 
 function fnDelete(url) {
     if(confirm('<spring:message code="common.delete.msg" />')){
@@ -17,7 +10,6 @@
 }
 
 $(document).ready( function() {
-	
 	$('#searchBlngEduInstCd').change( function() {
 		$('#searchSchlGrdCd').val('').attr("selected", true);
 		if($(this).val() == 'ZZZZZZZZZZZZZZZZZZZZ') {
@@ -107,29 +99,53 @@
 });
 </script>
 
+<div class="sch-box">
+	<div class="write-type1">
+		<table>
+			<caption>검색</caption>
+			<colgroup>
+				<col style="width:100px">
+				<col>
+			</colgroup>
+			<tbody>
+				<tr>
+					<th scope="row">사이트</th>
+					<td colspan="3">
+						<select id="searchBlngEduInstCd" name="searchBlngEduInstCd" style="display:none">
+							<option value="">지역별</option>
+							<c:forEach var="result" items="${areaList}" varStatus="status">
+								<option value="${result.orgCd}" <c:if test="${result.orgCd eq orgCodeVO.searchBlngEduInstCd}">selected="selected"</c:if> >${result.schlShrNm}</option>
+							</c:forEach>
+							<option value="ZZZZZZZZZZZZZZZZZZZZ" <c:if test="${'ZZZZZZZZZZZZZZZZZZZZ' eq orgCodeVO.searchBlngEduInstCd}">selected="selected"</c:if>>기타</option>
+						</select>
 
-		<select id="searchBlngEduInstCd" name="searchBlngEduInstCd" style="display:none">
-			<option value="">지역별</option>
-			<c:forEach var="result" items="${areaList}" varStatus="status">
-				<option value="${result.orgCd}" <c:if test="${result.orgCd eq orgCodeVO.searchBlngEduInstCd}">selected="selected"</c:if> >${result.schlShrNm}</option>
-			</c:forEach>
-			<option value="ZZZZZZZZZZZZZZZZZZZZ" <c:if test="${'ZZZZZZZZZZZZZZZZZZZZ' eq orgCodeVO.searchBlngEduInstCd}">selected="selected"</c:if>>기타</option>
-		</select>
-		
-		<select name="searchSchlGrdCd" id="searchSchlGrdCd">
-			  <%-- <option value="">급별</option> --%>
-			  <c:forEach var="result" items="${schlGrdList}" varStatus="status">
-	  		  	<option value="${result.code}" <c:if test="${orgCodeVO.schlGrdCd eq result.code}">selected="selected"</c:if> ><c:out value="${result.codeNm}"/></option>
-	  		  </c:forEach>
-	  	</select>
-	  	<select id="siteId" name="siteId" class="inp_s">
-	  		<option value=''>사이트선택(0)</option>
-	  		<option value=''>hey</option>
-		</select>
-		<c:if test="${orgCodeVO.initMode ne 'SELECT' }">
-			<input type="checkbox" id="chkSave" name="chkSave" value="Y"/><label for="chkSave" style="color:#3268c8;font-size:11px;font-weight:bold">저장</label>
-			<c:if test="${orgCodeVO.initMode ne 'SELECT_HIDE' }">
-				<input id="btnSiteSearch" name="btnSiteSearch" type="image" src="${_IMG}/board/btn_search2.gif" alt="검색" />
-			</c:if>
-		</c:if>
+						<select name="searchSchlGrdCd" id="searchSchlGrdCd">
+							<%-- <option value="">급별</option> --%>
+							<c:forEach var="result" items="${schlGrdList}" varStatus="status">
+								<option value="${result.code}" <c:if test="${orgCodeVO.schlGrdCd eq result.code}">selected="selected"</c:if> ><c:out value="${result.codeNm}"/></option>
+							</c:forEach>
+						</select>
+
+						<select id="siteId" name="siteId">
+							<option value=''>사이트선택(0)</option>
+						</select>
+
+						<c:if test="${orgCodeVO.initMode ne 'SELECT' }">
+							<div class="checkradio">
+								<input type="checkbox" id="chkSave" name="chkSave" value="Y">
+								<label for="chkSave">저장</label>
+							</div>
+							<%--<input type="checkbox" id="chkSave" /><label for="chkSave" style="color:#3268c8;font-size:11px;font-weight:bold">저장</label>--%>
+							<c:if test="${orgCodeVO.initMode ne 'SELECT_HIDE' }">
+								<button type="submit" id="btnSiteSearch" name="btnSiteSearch" class="btn spot2">검색</button>
+							</c:if>
+						</c:if>
+					</td>
+				</tr>
+			</tbody>
+		</table>
+	</div>
+</div>
+
+
 	
(파일 끝에 줄바꿈 문자 없음)
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/sit/SiteListInqire.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/sit/SiteListInqire.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/sit/SiteListInqire.jsp
@@ -1,14 +1,5 @@
-<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
-<%@ page import="egovframework.com.cmm.service.EgovProperties"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
-<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
-<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"  %>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
-<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
-<%@ page import="egovframework.com.sec.ram.security.userdetails.util.EgovUserDetailsHelper"%>
-<c:set var="USER_INFO" value="<%=EgovUserDetailsHelper.getAuthenticatedUser(request, response) %>" />
-<c:set var="_IMG" value="${pageContext.request.contextPath}/resources/template/manage/images"/>
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ include file="/WEB-INF/jsp/egovframework/cmm/include/defualt.jsp"%>
 
 <c:import url="/mng/template/top.do" charEncoding="utf-8">
 	<c:param name="menu" value="SYSTEM_MANAGE"/>
@@ -17,9 +8,6 @@
 	<c:param name="title" value="사이트관리"/>
 </c:import>
 
-<div id="cntnts">
-    
-	 
 	<c:if test="${USER_INFO.userSe > 10}">
 		<form name="SiteListForm" action="/mng/sym/sit/selectSiteInfoList.do" method="post">
 			<div id="bbs_search">
@@ -28,61 +16,60 @@
 		</form>
 	</c:if>	
 	
-      <!-- contents start -->
-      <form name="SiteListForm" action="<c:url value='/mng/sym/sit/selectSiteInfoList.do'/>" method="post">
-      <input name="pageIndex" type="hidden" value="1" />
-      <input type="hidden" name="siteId" value="${searchVO.siteId}"/>
+    <!-- contents start -->
+    <form name="SiteListForm" action="<c:url value='/mng/sym/sit/selectSiteInfoList.do'/>" method="post">
+        <input name="pageIndex" type="hidden" value="1" />
+        <input type="hidden" name="siteId" value="${searchVO.siteId}"/>
 
-		<p class="total">총 사이트 ${paginationInfo.totalRecordCount}개 ㅣ 현재페이지 <strong class="green">${paginationInfo.currentPageNo}</strong>/${paginationInfo.totalPageCount}</p>
-              
-        <table class="chart_board">
-           <colgroup>
-				<col class="co1"/>
-				<col class="co3"/>
-				<col class="co3"/>
-				<col class="co6"/>
-				<col class="co6"/>
-			</colgroup>
-          <thead>
-            <tr>
-              <th>번호</th>
-              <th>사이트명</th>
-              <th>사이트도메인</th>
-              <th>등록일자</th>
-              <th>수정</th>
-            </tr>
-          </thead>
-          <tbody>
+        <p class="total-count">총 사이트 ${paginationInfo.totalRecordCount}개 ㅣ 현재페이지 <strong class="green">${paginationInfo.currentPageNo}</strong>/${paginationInfo.totalPageCount}</p>
 
-          <c:forEach items="${resultList}" var="resultInfo" varStatus="status">
-            <tr>
-              <td><c:out value="${paginationInfo.totalRecordCount - ((searchVO.pageIndex-1) * searchVO.pageUnit) - (status.count - 1)}" /></td>
-              <td><c:out value="${resultInfo.siteNm}"/></td>
-              <td><a href="http://<c:out value="${resultInfo.siteUrl}"/>" target="_blank"><c:out value="${resultInfo.siteUrl}"/></a></td>        
-              <td><fmt:formatDate value="${resultInfo.frstRegisterPnttm}"  pattern="yyyy-MM-dd"/></td>
-              <td>
-	        	<c:url var="viewUrl" value="/mng/sym/sit/selectSiteInfo.do">
-				  <c:param name="siteId" value="${resultInfo.siteId}" />
-				  <c:if test="${not empty searchVO.searchCondition}"><c:param name="searchCondition" value="${searchVO.searchCondition}" /></c:if>
-				  <c:if test="${not empty searchVO.searchKeyword}"><c:param name="searchKeyword" value="${searchVO.searchKeyword}" /></c:if>
-	      		  <c:if test="${not empty searchVO.searchCate}"><c:param name="searchCate" value="${searchVO.searchCate}" /></c:if>
-	      		  <c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
-				</c:url>						
-	        	<a href="${viewUrl}"><img src="${_IMG}/btn/edit.gif"/></a>
-	        	
-		    </td>
-            </tr>
-          </c:forEach>
-      
-          <c:if test="${fn:length(resultList) == 0}">
-            <tr>
-              <td class="listCenter" colspan="5"><spring:message code="common.nodata.msg" /></td>
-            </tr>
-          </c:if>
-
-          </tbody>    
-          </table>
-      </form>
-    </div>        
+        <div class="list-type sm">
+            <table>
+                <colgroup>
+                    <col style="width:110px">
+                    <col>
+                    <col>
+                    <col style="width:160px">
+                    <col style="width:130px">
+                </colgroup>
+                <thead>
+                    <tr>
+                        <th scope="col">번호</th>
+                        <th scope="col">사이트명</th>
+                        <th scope="col">사이트도메인</th>
+                        <th scope="col">등록일자</th>
+                        <th scope="col">수정</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <c:forEach items="${resultList}" var="resultInfo" varStatus="status">
+                        <tr>
+                            <td data-tit="번호"><c:out value="${paginationInfo.totalRecordCount - ((searchVO.pageIndex-1) * searchVO.pageUnit) - (status.count - 1)}" /></td>
+                            <td data-tit="사이트명"><c:out value="${resultInfo.siteNm}"/></td>
+                            <td data-tit="사이트도메인"><a href="//<c:out value="${resultInfo.siteUrl}"/>" target="_blank"><c:out value="${resultInfo.siteUrl}"/></a></td>
+                            <td data-tit="등록일자"><fmt:formatDate value="${resultInfo.frstRegisterPnttm}"  pattern="yyyy-MM-dd"/></td>
+                            <td data-tit="수정">
+                                <c:url var="viewUrl" value="/mng/sym/sit/selectSiteInfo.do">
+                                    <c:param name="siteId" value="${resultInfo.siteId}" />
+                                    <c:if test="${not empty searchVO.searchCondition}"><c:param name="searchCondition" value="${searchVO.searchCondition}" /></c:if>
+                                    <c:if test="${not empty searchVO.searchKeyword}"><c:param name="searchKeyword" value="${searchVO.searchKeyword}" /></c:if>
+                                    <c:if test="${not empty searchVO.searchCate}"><c:param name="searchCate" value="${searchVO.searchCate}" /></c:if>
+                                    <c:if test="${not empty searchVO.pageIndex}"><c:param name="pageIndex" value="${searchVO.pageIndex}" /></c:if>
+                                </c:url>
+                                <div class="btn-cont">
+                                    <a href="${viewUrl}" class="btn-ico-sm" title="수정"><i class="ico-sm-edit"></i><span class="txt-hide">수정</span></a>
+                                </div>
+                            </td>
+                        </tr>
+                    </c:forEach>
+                    <c:if test="${fn:length(resultList) == 0}">
+                        <tr>
+                            <td class="" colspan="5"><spring:message code="common.nodata.msg" /></td>
+                        </tr>
+                    </c:if>
+                </tbody>
+            </table>
+        </div>
+    </form>
 
     <c:import url="/mng/template/bottom.do" charEncoding="utf-8"/>	
(파일 끝에 줄바꿈 문자 없음)
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/sit/SitePolicy.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/sit/SitePolicy.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/sym/sit/SitePolicy.jsp
@@ -1,15 +1,5 @@
-<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
-<%@ page import="egovframework.com.cmm.service.EgovProperties"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
-<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
-<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"  %>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
-<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
-<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
-<%@ page import="egovframework.com.sec.ram.security.userdetails.util.EgovUserDetailsHelper"%>
-<c:set var="USER_INFO" value="<%=EgovUserDetailsHelper.getAuthenticatedUser(request, response) %>" />
-<c:set var="_IMG" value="${pageContext.request.contextPath}/resources/template/manage/images"/>
-<c:set var="_C_LIB" value="/resources/lib"/>
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ include file="/WEB-INF/jsp/egovframework/cmm/include/defualt.jsp"%>
 
 <c:import url="/mng/template/top.do" charEncoding="utf-8">
 	<c:param name="menu" value="SYSTEM_MANAGE"/>
@@ -18,8 +8,8 @@
 	<c:param name="title" value="사이트관리"/>
 </c:import>
 
-<script src="${_C_LIB}/tinymce/js/tinymce/jquery.tinymce.min.js"></script>
-<script src="${_C_LIB}/tinymce/js/tinymce/tinymce.min.js"></script>
+<script src="${C_LIB}/tinymce/js/tinymce/jquery.tinymce.min.js"></script>
+<script src="${C_LIB}/tinymce/js/tinymce/tinymce.min.js"></script>
 <script>
 $(document).ready( function() {
 	tinymce.init({
@@ -60,10 +50,9 @@
 		</c:choose>
 		<textarea id="policy" name="${searchVO.sysTyCode}"><c:out value="${text}"/></textarea>
 
-		<div class="btn_r">
-			<input type="image" src="${_IMG}/btn/btn_modify.gif" alt="수정"/>
+		<div class="btn-cont">
+			<button type="submit" class="btn spot2">수정</button>
 		</div>
-
 	</form>
 </div>
 
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/template/popBottom.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/template/popBottom.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/template/popBottom.jsp
@@ -1,11 +1,18 @@
-			</div>
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
 
-	</div>
-	<!-- container -->
+</div><!-- //body -->
 
+<!--popup-->
+<div class="dim"></div>
 
-</div> 
-<!-- wrap end -->
+<!--퍼블 layout-->
+<script src="/resources/manage/js/_layout.js"></script>
 
+<script src="/resources/manage/js/jquery-ui.min.js"></script>
+<script src="/resources/manage/js/jquery.easing.1.3.js"></script>
+<script src="/resources/manage/js/ssm.min.js"></script>
+<script src="/resources/manage/js/swiper-bundle.js"></script>
+<script src="/resources/manage/js/common.js"></script>
 </body>
 </html>
(파일 끝에 줄바꿈 문자 없음)
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/template/popTop.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/template/popTop.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/template/popTop.jsp
@@ -1,33 +1,44 @@
 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
-<c:url var="jsPath" value="../../js/egovframework" />
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<%@ include file="/WEB-INF/jsp/egovframework/cmm/include/defualt.jsp"%>
+
+<!DOCTYPE html>
+<html lang="ko">
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-<title><c:out value="${param.title}"/></title>
-<script src="/resources/template/common/js/jquery/jquery-1.9.1.min.js"></script>
-<link href="/resources/lib/jquery-ui-1.12.1.custom/jquery-ui.css" rel="stylesheet"/>
-<script src="/resources/lib/jquery-ui-1.12.1.custom/jquery-ui.js"></script>
-<link type="text/css" rel="stylesheet" href="<c:url value='/resources/template/manage/css/default.css'/>"/>
-<link type="text/css" rel="stylesheet" href="<c:url value='/resources/template/manage/css/page.css'/>"/>
-<link type="text/css" rel="stylesheet" href="<c:url value='/resources/template/manage/css/com.css'/>"/>
-<script type="text/javascript" src="/resources/template/common/js/common.js"></script>
-<c:if test="${not empty param.validator }">
-	<script type="text/javascript" src="<c:url value="/validator.do"/>"></script>
-	<validator:javascript formName="${param.validator }" staticJavascript="false" xhtml="true" cdata="false"/>
-</c:if>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+	<meta name="format-detection" content="telephone=no">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+
+	<title><c:out value='${param.title}'/></title>
+
+	<link href="/resources/manage/css/style.css" rel="stylesheet" />
+
+	<script src="/resources/manage/js/jquery-3.6.0.min.js"></script>
+	<script src="<c:url value='/resources/template/common/js/common.js'/>"></script>
+	<c:if test="${not empty param.validator }">
+		<script src="<c:url value="/validator.do"/>"></script>
+		<validator:javascript formName="${param.validator }" staticJavascript="false" xhtml="true" cdata="false"/>
+	</c:if>
+	<style type="text/css">
+		.body {
+			padding: 0 50px;
+		}
+
+		.body > h1 {
+			margin: 80px 0 20px;
+			font-size: 24px;
+			font-weight: 500;
+		}
+
+		.body > .gtit {
+			font-weight: 600;
+			font-size: 40px;
+			border-bottom: 1px solid #111;
+			padding-bottom: 30px;
+		}
+	</style>
 </head>
 <body>
-<c:set var="mngimg" value="/resources/template/manage/images"/>
-<div id="wrap">
+<div class="body">
+	<h1 class="gtit"><c:out value="${param.title}"/></h1>
 
-	
-	<div id="container">
-		
-		<div id="navi">
-				<h2 class="naviTit"><c:out value="${param.title}"/></h2>
-			</div>
-			
-			<div id="contents">
base/src/main/webapp/WEB-INF/jsp/egovframework/mng/template/top.jsp
--- base/src/main/webapp/WEB-INF/jsp/egovframework/mng/template/top.jsp
+++ base/src/main/webapp/WEB-INF/jsp/egovframework/mng/template/top.jsp
@@ -14,10 +14,7 @@
 
 	<link href="/resources/manage/css/style.css" rel="stylesheet" />
 
-	<script src="<c:url value='/resources/template/common/js/jquery/jquery-1.9.1.min.js'/>"></script>
-	<script src="<c:url value='/resources/template/common/js/jquery/jquery-ui.min.js'/>"></script>
-	<script src="<c:url value='/resources/template/common/js/jquery/jquery.timepicker.min.js'/>"></script>
-	<script src="<c:url value='/resources/template/common/js/jquery/ui/i18n/jquery.ui.datepicker-ko.js'/>" charset="utf-8"></script>
+	<script src="/resources/manage/js/jquery-3.6.0.min.js"></script>
 	<script src="<c:url value='/resources/template/common/js/common.js'/>"></script>
 	<c:if test="${not empty param.validator }">
 		<script src="<c:url value="/validator.do"/>"></script>
@@ -47,7 +44,7 @@
 				<img src="/resources/manage/image/logo/logo.svg" alt="logo" />
 			</a>
 		</h1>
-		<!-- 대메뉴 목록 -->
+		<%-- 대메뉴 목록 --%>
 		<nav class="site-gnb">
 			<ul>
 				<c:if test="${USER_INFO.userSe > 10 }">
@@ -57,7 +54,7 @@
 				<li><a href="<c:url value="/mng/usr/mberManage.do"/>" <c:if test="${param.menu eq 'MBER_MANAGE' }">class="is-current"</c:if>>회원관리</a></li>
 
 				<li><a href="<c:url value="/mng/cop/bbs/SelectBBSMasterInfs.do"/>" <c:if test="${param.menu eq 'BOARD_MANAGE' }">class="is-current"</c:if>>게시판관리</a></li>
-				<%-- <li><a href="<c:url value="/mng/evt/selectSchdulinfoList.do"/>" <c:if test="${param.menu eq 'EVENT_MANAGE' }">class="is-current"</c:if> target="_self">통합캘린더관리</a></li> --%>
+				<%-- <li><a href="<c:url value="/mng/evt/selectSchdulinfoList.do"/>" <c:if test="${param.menu eq 'EVENT_MANAGE' }">class="is-current"</c:if>>통합캘린더관리</a></li> --%>
 				<li><a href="<c:url value="/mng/sts/selectScrinStats.do?statsKind=H"/>" <c:if test="${param.menu eq 'STAT_MANAGE' }">class="is-current"</c:if>>통계관리</a></li>
 				<li><a href="<c:url value="/mng/uss/ion/bnr/selectBannerList.do?bannerTyCode=BAN001"/>" <c:if test="${param.menu eq 'ETC_MANAGE' }">class="is-current"</c:if>>기타관리</a></li>
 			</ul>
@@ -71,180 +68,122 @@
 	</div>
 </header>
 <div class="site-body" id="skipToContents">
-	<!-- 좌측메뉴 목록 -->
+	<%-- 좌측메뉴 목록 --%>
 	<div class="lnb-area">
-
-	</div>
-	<div class="container">
-		<div class="contents">
-
-
-
-<div id="wrap">
-	<div id="header">
-		<div class="topLc">
-			<h1 class="logo"><a href="<c:url value="/mng/index.do"/>"><img src="${mngimg}/logo_admin.gif" alt="관리자 페이지"/></a></h1>
-			<div id="topMenu">
-				<ul class="list">
-					<li><span class="nonBtn"><c:out value="${USER_INFO.name}"/>님</span></li>
-					<li><a href="<%=egovframework.com.sec.ram.security.userdetails.util.EgovUserDetailsHelper.getRedirectLogoutUrl()%>" class="nonBtn">로그아웃</a></li>
-				</ul>
-			</div>
-		</div>
-		<!-- 대메뉴 목록 -->
-		<div id="mainMenu">
-			<ul class="list">
+		<nav class="lnb">
+			<ul class="depth1">
+				<%--
+				<li>
+					<a href="#none" class="is-current">내 문항</a>
+					<ul class="depth2">
+						<li><a href="#none" class="is-current">임시보관함</a></li>
+						<li><a href="#none">문항 보관함</a></li>
+					</ul>
+				</li>
+				--%>
 				<c:choose>
-					<c:when test="${param.menu eq 'SYSTEM_MANAGE' }"> <!-- 시스템관리 -->
-						<ul class="list">
-							<li class="smnu"><a href="<c:url value="/mng/sym/sit/selectSiteInfoList.do"/>" <c:if test="${param.depth1 eq 'SITE_MANAGE' }">class="slt"</c:if>>사이트관리</a></li>
-							<li class="smnu"><a href="/mng/sym/sit/sitePolicy.do?sysTyCode=useStplat" <c:if test="${param.depth1 eq 'SITE_POLICY' }">class="slt"</c:if>>약관관리</a>
-								<ul class="slist">
-									<li><a href="/mng/sym/sit/sitePolicy.do?sysTyCode=useStplat" <c:if test="${param.depth2 eq 'useStplat' }">class="slt"</c:if>>이용약관</a></li>
-									<li><a href="/mng/sym/sit/sitePolicy.do?sysTyCode=indvdlInfoPolicy" <c:if test="${param.depth2 eq 'indvdlInfoPolicy' }">class="slt"</c:if>>개인정보처리방침</a></li>
-									<li><a href="/mng/sym/sit/sitePolicy.do?sysTyCode=marktPolicy" <c:if test="${param.depth2 eq 'marktPolicy' }">class="slt"</c:if>>마케팅광고동의</a></li>
-								</ul>
-							</li>
-
-							<c:if test="${USER_INFO.userSe > 10}">
-								<li class="smnu"><a href="<c:url value="/mng/cop/com/selectLytTemplateList.do"/>" <c:if test="${param.depth1 eq 'TMPLAT_MANAGE' }">class="slt"</c:if>>템플릿관리</a></li>
-								<li class="smnu"><a href="<c:url value="/mng/cop/com/selectLytSourcList.do"/>" <c:if test="${param.depth1 eq 'SOURC_MANAGE' }">class="slt"</c:if>>레이아웃 관리</a></li>
-								<li class="smnu"><a href="<c:url value="/mng/sym/ccm/cca/EgovCcmCmmnCodeList.do"/>" <c:if test="${param.depth1 eq 'CODE_MANAGE' }">class="slt"</c:if>>공통코드관리</a></li>
-							</c:if>
-						</ul>
+					<%-- 시스템관리 --%>
+					<c:when test="${param.menu eq 'SYSTEM_MANAGE' }">
+						<li><a href="<c:url value="/mng/sym/sit/selectSiteInfoList.do"/>" <c:if test="${param.depth1 eq 'SITE_MANAGE' }">class="is-current"</c:if>>사이트관리</a></li>
+						<li <c:if test="${param.depth1 eq 'SITE_POLICY' }">class="is-active"</c:if>><a href="#none" <c:if test="${param.depth1 eq 'SITE_POLICY' }">class="is-current"</c:if>>약관관리</a>
+							<ul class="depth2">
+								<li><a href="/mng/sym/sit/sitePolicy.do?sysTyCode=useStplat" <c:if test="${param.depth2 eq 'useStplat' }">class="is-current"</c:if>>이용약관</a></li>
+								<li><a href="/mng/sym/sit/sitePolicy.do?sysTyCode=indvdlInfoPolicy" <c:if test="${param.depth2 eq 'indvdlInfoPolicy' }">class="is-current"</c:if>>개인정보처리방침</a></li>
+								<li><a href="/mng/sym/sit/sitePolicy.do?sysTyCode=marktPolicy" <c:if test="${param.depth2 eq 'marktPolicy' }">class="is-current"</c:if>>마케팅광고동의</a></li>
+							</ul>
+						</li>
+						<c:if test="${USER_INFO.userSe > 10}">
+							<li><a href="<c:url value="/mng/cop/com/selectLytTemplateList.do"/>" <c:if test="${param.depth1 eq 'TMPLAT_MANAGE' }">class="is-current"</c:if>>템플릿관리</a></li>
+							<li><a href="<c:url value="/mng/cop/com/selectLytSourcList.do"/>" <c:if test="${param.depth1 eq 'SOURC_MANAGE' }">class="is-current"</c:if>>레이아웃 관리</a></li>
+							<li><a href="<c:url value="/mng/sym/ccm/cca/EgovCcmCmmnCodeList.do"/>" <c:if test="${param.depth1 eq 'CODE_MANAGE' }">class="is-current"</c:if>>공통코드관리</a></li>
+						</c:if>
 					</c:when>
-
-					<c:when test="${param.menu eq 'MENUCNTNTS_MANAGE' }"> <!-- 메뉴/콘텐츠관리 -->
-						<ul class="list">
-							<li class="smnu"><a href="<c:url value="/mng/sym/mpm/selectMpmList.do"/>" <c:if test="${param.depth1 eq 'MENU_MANAGE' }">class="slt"</c:if> target="_self">메뉴관리</a></li>
+					<%-- 메뉴관리 --%>
+					<c:when test="${param.menu eq 'MENUCNTNTS_MANAGE' }">
+						<li><a href="<c:url value="/mng/sym/mpm/selectMpmList.do"/>" <c:if test="${param.depth1 eq 'MENU_MANAGE' }">class="is-current"</c:if>>메뉴관리</a></li>
+						<%--
+						<c:if test="${USER_INFO.userSe > 10}">
+							<li><a href="<c:url value="/mng/sym/mpm/selectMpmList.do?siteId=${MENU_AUTO_MAKE_SITE_ID}"/>" <c:if test="${param.depth1 eq 'MENU_AUTHO_MANAGE' }">class="is-current"</c:if>>기본 자동생성 메뉴관리</a></li>
+						</c:if>
+						--%>
+					</c:when>
+					<%-- 게시판관리 --%>
+					<c:when test="${param.menu eq 'BOARD_MANAGE' }">
+						<li><a href="<c:url value="/mng/cop/bbs/SelectBBSMasterInfs.do"/>" <c:if test="${param.depth1 eq 'BOARD_ADMIN' }">class="is-current"</c:if>>게시판관리</a></li>
+						<li><a href="<c:url value="/mng/cop/bbs/ctg/selectBBSCtgryMasterList.do"/>" <c:if test="${param.depth1 eq 'CTGRY_ADMIN' }">class="is-current"</c:if>>카테고리관리</a></li>
+						<c:if test="${USER_INFO.userSe > 10}">
+							<li><a href="<c:url value="/mng/cop/com/selectBbsTemplateList.do"/>" <c:if test="${param.depth1 eq 'TMPLAT_MANAGE' }">class="is-current"</c:if>>게시판 템플릿 관리</a></li>
+							<li><a href="<c:url value="/mng/cop/com/selectBbsSourcList.do"/>" <c:if test="${param.depth1 eq 'SOURC_MANAGE' }">class="is-current"</c:if>>게시판 소스 관리</a></li>
+						</c:if>
+					</c:when>
+					<%-- 회원관리 --%>
+					<c:when test="${param.menu eq 'MBER_MANAGE' }"> 
+						<li><a href="<c:url value="/mng/usr/mberManage.do"/>" <c:if test="${param.depth2 eq 'PROF_MANAGE' }">class="is-current"</c:if>>회원관리</a></li>
+					</c:when>
+					<%-- 통합캘린더관리 --%>
+					<c:when test="${param.menu eq 'EVENT_MANAGE' }"> 
+						<li><a href="<c:url value="/mng/evt/selectSchdulinfoList.do"/>" <c:if test="${param.depth1 eq 'EVENT_LIST' }">class="is-current"</c:if>>통합캘린더관리</a></li>
+					</c:when>
+					<%-- SMS/이메일관리 --%>
+					<c:when test="${param.menu eq 'SMS_MANAGE' }"> 
+						<li><a href="/mng/sms/selectSmsManage.do" <c:if test="${param.depth1 eq 'SMS_SEND' }">class="is-current"</c:if>>SMS/이메일관리</a>
+							<ul class="depth2">
+								<li><a href="/mng/sms/selectSmsManage.do" <c:if test="${param.depth2 eq 'SMS' }">class="is-current"</c:if>>개별메시지전송</a></li>
+								<li><a href="/mng/sms/selectMmsManage.do" <c:if test="${param.depth2 eq 'MMS' }">class="is-current"</c:if>>그룹메세지전송</a></li>
+								<!-- <li><a href="<c:url value="/mng/ems/selectEmsManage.do"/>" <c:if test="${param.depth2 eq 'EMS' }">class="is-current"</c:if>>이메일전송</a></li> -->
+							</ul>
+						</li>
+					</c:when>
+					<%-- 통계관리 --%>
+					<c:when test="${param.menu eq 'STAT_MANAGE' }"> 
+						<li><a href="<c:url value="/mng/sts/selectScrinStats.do?statsKind=H"/>" <c:if test="${param.depth1 eq 'SCRIN_STAT' }">class="is-current"</c:if>>일/월/년간 접속</a>
 								<%--
-                                <c:if test="${USER_INFO.userSe > 10}">
-                                    <li class="smnu"><a href="<c:url value="/mng/sym/mpm/selectMpmList.do?siteId=${MENU_AUTO_MAKE_SITE_ID}"/>" <c:if test="${param.depth1 eq 'MENU_AUTHO_MANAGE' }">class="slt"</c:if> target="_self">기본 자동생성 메뉴관리</a></li>
-                                </c:if>
-                                --%>
-						</ul>
-					</c:when>
-
-					<c:when test="${param.menu eq 'BOARD_MANAGE' }"> <!-- 게시판관리 -->
-						<ul class="list">
-							<li class="smnu"><a href="<c:url value="/mng/cop/bbs/SelectBBSMasterInfs.do"/>" <c:if test="${param.depth1 eq 'BOARD_ADMIN' }">class="slt"</c:if>>게시판관리</a></li>
-							<li class="smnu"><a href="<c:url value="/mng/cop/bbs/ctg/selectBBSCtgryMasterList.do"/>" <c:if test="${param.depth1 eq 'CTGRY_ADMIN' }">class="slt"</c:if>>카테고리관리</a></li>
-							<c:if test="${USER_INFO.userSe > 10}">
-								<li class="smnu"><a href="<c:url value="/mng/cop/com/selectBbsTemplateList.do"/>" <c:if test="${param.depth1 eq 'TMPLAT_MANAGE' }">class="slt"</c:if>>게시판 템플릿 관리</a></li>
-								<li class="smnu"><a href="<c:url value="/mng/cop/com/selectBbsSourcList.do"/>" <c:if test="${param.depth1 eq 'SOURC_MANAGE' }">class="slt"</c:if>>게시판 소스 관리</a></li>
-							</c:if>
-						</ul>
-					</c:when>
-
-					<c:when test="${param.menu eq 'MBER_MANAGE' }"> <!-- 회원관리 -->
-						<ul class="list">
-							<li class="smnu"><a href="<c:url value="/mng/usr/mberManage.do"/>" <c:if test="${param.depth2 eq 'PROF_MANAGE' }">class="slt"</c:if> target="_self">회원관리</a></li>
-						</ul>
-					</c:when>
-
-					<c:when test="${param.menu eq 'EVENT_MANAGE' }"> <!-- 통합캘린더관리 -->
-						<ul class="list">
-							<li class="smnu"><a href="<c:url value="/mng/evt/selectSchdulinfoList.do"/>" <c:if test="${param.depth1 eq 'EVENT_LIST' }">class="slt"</c:if>>통합캘린더관리</a>
-								<ul class="slist">
-									<li><a href="<c:url value="/mng/evt/selectSchdulinfoList.do"/>" <c:if test="${empty param.searchSe}">class="slt"</c:if>>전체</a></li>
-									<li><a href="<c:url value="/mng/evt/selectSchdulinfoList.do?searchSe=1"/>" <c:if test="${param.searchSe eq 1 }">class="slt"</c:if>>행사및일반일정</a></li>
-									<!-- <li><a href="<c:url value="/mng/evt/selectSchdulinfoList.do?searchSe=2"/>" <c:if test="${param.searchSe eq 2 }">class="slt"</c:if>>이벤트</a></li>-->
-									<li><a href="<c:url value="/mng/evt/selectSchdulinfoList.do?searchSe=3"/>" <c:if test="${param.searchSe eq 3 }">class="slt"</c:if>>설문조사</a></li>
-
+								<u class="depth2">
+									<li><a href="<c:url value="/mng/sts/selectScrinStats.do?statsKind=H"/>" <c:if test="${param.statsKind eq 'H' }">class="is-current"</c:if>>홈페이지</a></li>
+									<li><a href="<c:url value="/mng/sts/selectScrinStats.do?statsKind=M"/>" <c:if test="${param.statsKind eq 'M' }">class="is-current"</c:if>>모바일</a></li>
 								</ul>
-							</li>
+								--%>
+						</li>
+						<%--<li><a href="<c:url value="/mng/sts/selectBbsStats.do"/>" <c:if test="${param.depth1 eq 'BBS_STAT' }">class="is-current"</c:if>>게시물 통계</a></li>--%>
+						<%--
+						<!-- <li><a href="<c:url value="/mng/sts/selectMlgStats.do"/>" <c:if test="${param.depth1 eq 'MG_STAT' }">class="is-current"</c:if>>마일리지 통계</a></li>-->
+						<!-- <li><a href="<c:url value="/mng/sts/selectMbrStats.do"/>" <c:if test="${param.depth1 eq 'MBR_STAT' }">class="is-current"</c:if>>회원가입 통계</a></li>-->
+						<!-- <li><a href="<c:url value="/mng/sts/selectCmyStats.do"/>" <c:if test="${param.depth1 eq 'CMY_STAT' }">class="is-current"</c:if>>커뮤니티개설 통계</a></li>-->
+						--%>
+					</c:when>
+					<%-- 기타관리 --%>
+					<c:when test="${param.menu eq 'ETC_MANAGE' }">
+						<ul class="list">
+							<li><a href="<c:url value="/mng/uss/ion/bnr/selectBannerList.do?bannerTyCode=BAN001"/>" <c:if test="${param.bannerTyCode eq 'BAN001' }">class="is-current"</c:if>>배너존관리</a></li>
+							<li><a href="<c:url value="/mng/uss/ion/bnr/selectBannerList.do?bannerTyCode=BAN002"/>" <c:if test="${param.bannerTyCode eq 'BAN002' }">class="is-current"</c:if>>팝업존관리</a></li>
+							<%--
+							<li><a href="<c:url value="/mng/uss/ion/bnr/selectBannerList.do?bannerTyCode=BAN003"/>" <c:if test="${param.bannerTyCode eq 'BAN003' }">class="is-current"</c:if>>퀵메뉴관리</a></li>
+							<li><a href="<c:url value="/mng/uss/ion/bnr/selectBannerList.do?bannerTyCode=BAN004"/>" <c:if test="${param.bannerTyCode eq 'BAN004' }">class="is-current"</c:if>>메인배너관리(Type1)</a></li>
+							<li><a href="<c:url value="/mng/uss/ion/bnr/selectBannerList.do?bannerTyCode=BAN005"/>" <c:if test="${param.bannerTyCode eq 'BAN005' }">class="is-current"</c:if>>메인배너관리(Type2)</a></li>
+							<li><a href="<c:url value="/mng/uss/ion/bnr/selectBannerList.do?bannerTyCode=BAN006"/>" <c:if test="${param.bannerTyCode eq 'BAN006' }">class="is-current"</c:if>>서브배너관리</a></li>
+							 --%>
+							<li><a href="<c:url value="/mng/uss/ion/pwm/listPopup.do"/>" <c:if test="${param.depth1 eq 'ETC_POPUPWINDOW' }">class="is-current"</c:if>>팝업관리</a></li>
+							<li><a href="<c:url value="/mng/uss/ion/sit/SiteListInqire.do"/>" <c:if test="${param.depth1 eq 'ETC_SITE' }">class="is-current"</c:if>>링크사이트관리</a></li>
 						</ul>
 					</c:when>
-
-					<c:when test="${param.menu eq 'MILEAGE_MANAGE' }"> <!-- 마일리지관리 -->
+					<%--등록되지 않은 메뉴들 --%>
+					<c:otherwise>
 						<ul class="list">
-							<li class="smnu"><a href="/mng/uss/ion/mlg/selectMlginfoList.do" <c:if test="${param.depth1 eq 'MILEAGE_SETUP' }">class="slt"</c:if>>마일리지설정</a></li>
-							<li class="smnu"><a href="/mng/uss/ion/mlg/selectMlgUserlogList.do" <c:if test="${param.depth1 eq 'MILEAGE_LIST' }">class="slt"</c:if>>마일리지 내역</a></li>
-							<li class="smnu"><a href="/mng/rnk/MileageRanking.do" <c:if test="${param.depth1 eq 'RANKING_MILEAGE' }">class="slt"</c:if>>마일리지 TOP 10</a></li>
-						</ul>
-					</c:when>
-
-					<c:when test="${param.menu eq 'SMS_MANAGE' }"> <!-- SMS/이메일관리 -->
-						<ul class="list">
-							<li class="smnu"><a href="/mng/sms/selectSmsManage.do" <c:if test="${param.depth1 eq 'SMS_SEND' }">class="slt"</c:if>>SMS/이메일관리</a>
-								<ul class="slist">
-									<li><a href="/mng/sms/selectSmsManage.do" <c:if test="${param.depth2 eq 'SMS' }">class="slt"</c:if>>개별메시지전송</a></li>
-									<li><a href="/mng/sms/selectMmsManage.do" <c:if test="${param.depth2 eq 'MMS' }">class="slt"</c:if>>그룹메세지전송</a></li>
-									<!-- <li><a href="<c:url value="/mng/ems/selectEmsManage.do"/>" <c:if test="${param.depth2 eq 'EMS' }">class="slt"</c:if>>이메일전송</a></li> -->
-								</ul>
-							</li>
-						</ul>
-					</c:when>
-
-					<c:when test="${param.menu eq 'STAT_MANAGE' }"> <!-- 통계관리 -->
-						<ul class="list">
-
-							<li class="smnu"><a href="<c:url value="/mng/sts/selectScrinStats.do?statsKind=H"/>" <c:if test="${param.depth1 eq 'SCRIN_STAT' }">class="slt"</c:if>>일/월/년간 접속</a>
-									<%--
-                                    <ul class="slist">
-                                        <li><a href="<c:url value="/mng/sts/selectScrinStats.do?statsKind=H"/>" <c:if test="${param.statsKind eq 'H' }">class="slt"</c:if>>홈페이지</a></li>
-                                        <li><a href="<c:url value="/mng/sts/selectScrinStats.do?statsKind=M"/>" <c:if test="${param.statsKind eq 'M' }">class="slt"</c:if>>모바일</a></li>
-                                    </ul>
-                                    --%>
-							</li>
-								<%--<li class="smnu"><a href="<c:url value="/mng/sts/selectBbsStats.do"/>" <c:if test="${param.depth1 eq 'BBS_STAT' }">class="slt"</c:if>>게시물 통계</a></li>--%>
-								<%--
-                                <!-- <li class="smnu"><a href="<c:url value="/mng/sts/selectMlgStats.do"/>" <c:if test="${param.depth1 eq 'MG_STAT' }">class="slt"</c:if>>마일리지 통계</a></li>-->
-                                <!-- <li class="smnu"><a href="<c:url value="/mng/sts/selectMbrStats.do"/>" <c:if test="${param.depth1 eq 'MBR_STAT' }">class="slt"</c:if>>회원가입 통계</a></li>-->
-                                <!-- <li class="smnu"><a href="<c:url value="/mng/sts/selectCmyStats.do"/>" <c:if test="${param.depth1 eq 'CMY_STAT' }">class="slt"</c:if>>커뮤니티개설 통계</a></li>-->
-                                <!-- <li class="smnu"><a href="https://www.google.com/analytics/web/?pli=1#report/visitors-overview/a29280954w55337777p56340389/" target="_blank">접속 통계</a></li> -->
-                                <!--
-                                <li class="smnu">
-                                    <a href="/mng/sts/selectEvtStats.do" <c:if test="${param.depth1 eq 'EVENT_STAT' }">class="slt"</c:if>>이벤트통계</a>
-                                    <c:if test="${param.depth1 eq 'EVENT_STAT'}">
-                                    <ul class="slist">
-                                        <li><a href="<c:url value="/mng/sts/selectEvtStats.do"/>" <c:if test="${param.depth2 eq 'EVENT_DPT' }">class="slt"</c:if>>회차별 통계</a></li>
-                                        <li><a href="<c:url value="/mng/sts/selectEvtStatUser.do"/>" <c:if test="${param.depth2 eq 'EVENT_USR' }">class="slt"</c:if>>사용자별 통계</a></li>
-                                    </ul>
-                                    </c:if>
-                                </li>
-                                -->
-                                --%>
-						</ul>
-					</c:when>
-
-					<c:when test="${param.menu eq 'ETC_MANAGE' }"> <!-- 기타관리 -->
-						<ul class="list">
-							<li class="smnu"><a href="<c:url value="/mng/uss/ion/bnr/selectBannerList.do?bannerTyCode=BAN001"/>" <c:if test="${param.bannerTyCode eq 'BAN001' }">class="slt"</c:if>>배너존관리</a></li>
-							<li class="smnu"><a href="<c:url value="/mng/uss/ion/bnr/selectBannerList.do?bannerTyCode=BAN002"/>" <c:if test="${param.bannerTyCode eq 'BAN002' }">class="slt"</c:if>>팝업존관리</a></li>
-								<%--
-                                <li class="smnu"><a href="<c:url value="/mng/uss/ion/bnr/selectBannerList.do?bannerTyCode=BAN003"/>" <c:if test="${param.bannerTyCode eq 'BAN003' }">class="slt"</c:if>>퀵메뉴관리</a></li>
-                                <li class="smnu"><a href="<c:url value="/mng/uss/ion/bnr/selectBannerList.do?bannerTyCode=BAN004"/>" <c:if test="${param.bannerTyCode eq 'BAN004' }">class="slt"</c:if>>메인배너관리(Type1)</a></li>
-                                <li class="smnu"><a href="<c:url value="/mng/uss/ion/bnr/selectBannerList.do?bannerTyCode=BAN005"/>" <c:if test="${param.bannerTyCode eq 'BAN005' }">class="slt"</c:if>>메인배너관리(Type2)</a></li>
-                                <li class="smnu"><a href="<c:url value="/mng/uss/ion/bnr/selectBannerList.do?bannerTyCode=BAN006"/>" <c:if test="${param.bannerTyCode eq 'BAN006' }">class="slt"</c:if>>서브배너관리</a></li>
-                                 --%>
-							<li class="smnu"><a href="<c:url value="/mng/uss/ion/pwm/listPopup.do"/>" <c:if test="${param.depth1 eq 'ETC_POPUPWINDOW' }">class="slt"</c:if>>팝업관리</a></li>
-							<li class="smnu"><a href="<c:url value="/mng/uss/ion/sit/SiteListInqire.do"/>" <c:if test="${param.depth1 eq 'ETC_SITE' }">class="slt"</c:if>>링크사이트관리</a></li>
-						</ul>
-					</c:when>
-
-					<c:otherwise> <%--등록되지 않은 메뉴들 --%>
-						<ul class="list">
-							<li class="smnu"><a href="#" class="slt">메뉴1</a></li>
-							<li class="smnu"><a href="#">메뉴2</a></li>
-							<li class="smnu"><a href="#">메뉴3</a></li>
-							<li class="smnu"><a href="#">메뉴4</a></li>
-							<li class="smnu"><a href="#">메뉴5</a></li>
+							<li><a href="#" class="is-current">메뉴1</a></li>
+							<li><a href="#">메뉴2</a></li>
+							<li><a href="#">메뉴3</a></li>
+							<li><a href="#">메뉴4</a></li>
+							<li><a href="#">메뉴5</a></li>
 						</ul>
 					</c:otherwise>
 				</c:choose>
 			</ul>
-		</div>
+		</nav>
 	</div>
-
-	<div id="container">
-		<!-- 좌측메뉴 목록 -->
-		<div id="leftMenu">
-
-		</div>
-
-		<div id="rightPage">
-			<div id="navi">
-				<h2 class="naviTit"><c:out value='${param.title}'/></h2>
-			</div>
-			<div id="contents">
+	<div class="container">
+		<div class="contents">
+			<div class="tit-area">
+				<div class="l-area">
+					<h2 class="tit"><c:out value='${param.title}'/></h2>
+				</div>
+			</div>
(파일 끝에 줄바꿈 문자 없음)
base/src/main/webapp/resources/manage/image/common/no_img.gif (Binary) (Renamed from base/src/main/webapp/resources/template/manage/images/board/no_img.gif (Binary))
--- base/src/main/webapp/resources/template/manage/images/board/no_img.gif
+++ base/src/main/webapp/resources/manage/image/common/no_img.gif
Binary file is not shown
Add a comment
List