이지우 - 로그인 세션에 분쟁조정 항목 추가 및 뉴스레터 게시판 작업 중

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

@@ -147,6 +147,8 @@ public class LoginVO implements Serializable{
 	private String memberName;
 	private String memberPost;
 	private String memberPw;
+	private String memberGrant;
+	private String enableDept;
 	
 	
 	public String getId() {
@@ -580,6 +582,18 @@ public class LoginVO implements Serializable{
 	public void setMemberPw(String memberPw) {
 		this.memberPw = memberPw;
 	}
+	public String getMemberGrant() {
+		return memberGrant;
+	}
+	public void setMemberGrant(String memberGrant) {
+		this.memberGrant = memberGrant;
+	}
+	public String getEnableDept() {
+		return enableDept;
+	}
+	public void setEnableDept(String enableDept) {
+		this.enableDept = enableDept;
+	}
 	
 	
 	

src/main/java/kcc/let/uat/uia/service/impl/EgovSessionMapping.java

@@ -61,14 +61,21 @@ public class EgovSessionMapping extends EgovUsersByUsernameMapping  {
         String strOrgnztId  = rs.getString("orgnzt_id");
         String strUniqId    = rs.getString("esntl_id");
         /**2010.06.30 *이용   *조직명 추가  */
-        String strOrgnztNm    = rs.getString("orgnzt_nm");
+        String strOrgnztNm  = rs.getString("orgnzt_nm");
-        String strAuthority   = rs.getString("authority");
+        String strAuthority = rs.getString("authority");
         /*String strMberSeq   = rs.getString("mber_seq");
         String ofcpsNm   = rs.getString("ofcps_nm");*/
         
-//        String offmTelno = rs.getString("offm_telno").toString();
-
 
+        /*2024.08.12 AS-IS 분쟁조정 정보 추가 */ 
+        String strDept      = rs.getString("dept");
+        String strMemberPosition		= rs.getString("position");
+        String strOffmTelno    = rs.getString("offm_telno");
+        String strMbtlnum    = rs.getString("mbtlnum");
+        String strGrant    = rs.getString("user_grant");
+        String strEnableDept    = rs.getString("enable_dept");
+        
+        
         // 세션 항목 설정
         LoginVO loginVO = new LoginVO();
         loginVO.setId(strUserId);
@@ -86,8 +93,19 @@ public class EgovSessionMapping extends EgovUsersByUsernameMapping  {
     	/*20221012 대시보드를 위해 직급 코드 추가*/
         /*loginVO.setOfcpsNm(ofcpsNm);*/
         
-//        loginVO.setPhone(offmTelno);
    
+        /*2024.08.12 AS-IS 분쟁조정 정보 추가 */ 
+        loginVO.setMemberName(strUserNm);
+        loginVO.setMemberDept(strDept);
+        loginVO.setMemberDept(strDept);
+        loginVO.setMemberPosition(strMemberPosition);
+        loginVO.setMemberTel(strOffmTelno);
+        loginVO.setMemberPhone(strMbtlnum);
+        loginVO.setMemberEmail1(strUserEmail.split("@")[0]);
+        loginVO.setMemberEmail2(strUserEmail.split("@")[1]);
+        loginVO.setMemberGrant(strGrant);
+        loginVO.setEnableDept(strEnableDept);
+        
         return new EgovUserDetails(strUserId, strPassWord, strEnabled, loginVO);
     }
 }

src/main/java/kcc/let/uat/uia/web/EgovLoginController.java

@@ -619,6 +619,21 @@ public class EgovLoginController {
                         httpSession.setAttribute("adminId", user.getId());
                         httpSession.setAttribute("loginId", user.getId()); // 자동완성 공통으로 쓰기위해
                         httpSession.setAttribute("esntlId", user.getPassword());
+                        
+                        /*AS-IS 분쟁조정 세션 추가*/
+                        httpSession.setAttribute("memberIdx", user.getUniqId());
+                        httpSession.setAttribute("memberId", user.getId());
+                        httpSession.setAttribute("memberName", user.getName());
+                        httpSession.setAttribute("memberDept", user.getMemberDept());
+                        httpSession.setAttribute("memberPosition", user.getMemberPosition());
+                        httpSession.setAttribute("memberTel", user.getMemberTel());
+                        httpSession.setAttribute("memberPhone", user.getMemberPhone());
+                        httpSession.setAttribute("memberEmail1", user.getMemberEmail1());
+                        httpSession.setAttribute("memberEmail2", user.getMemberEmail2());
+                        httpSession.setAttribute("memberGrant", user.getMemberGrant());
+                        httpSession.setAttribute("enableDept", user.getEnableDept());
+                        
+                        session.setAttribute("message", "common.message.login.success");
                     }
                 }
 

src/main/java/seed/com/gtm/board/CaseBoardController.java

@@ -37,14 +37,13 @@ public class CaseBoardController {
 	
 	// /gtm/case/board/form/write.do
 	@RequestMapping(value="/board/{boardIdx}/write.do", method=RequestMethod.GET)
-	public String formWrite(ModelMap model, @RequestParam Map<String,Object> paramMap, @PathVariable(value="boardIdx") String boardIdx){
+	public String formWrite(ModelMap model, HttpSession session, @RequestParam Map<String,Object> paramMap, @PathVariable(value="boardIdx") String boardIdx){
 		paramMap.put("boardIdx", boardIdx);
 		return "/_extra/gtm/board/write";
 	}
 	
 	@RequestMapping(value="/board/{boardIdx}/write.do", method=RequestMethod.POST)
 	public String formWrite(HttpServletRequest request ,HttpSession session, @RequestParam Map<String,Object> paramMap, Map<String, Object> map, @PathVariable(value="boardIdx") String boardIdx){
-		
 		paramMap.put("memberName", session.getAttribute("memberName"));
 		paramMap.put("memberId", session.getAttribute("memberId"));
 		paramMap.put("boardIdx", boardIdx);

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

@@ -9,7 +9,7 @@
         <aop:pointcut id="serviceMethod" 
         expression="execution(* kcc.let..impl.*Impl.*(..)) 
         or execution(* kcc.com..impl.*Impl.*(..))
-        or execution(* seed.com..impl.*Impl.*(..))
+        or execution(* seed.com..*Service.*(..))
         " />
 
         <aop:aspect ref="exceptionTransfer">
@@ -44,7 +44,7 @@
         <property name="patterns">
             <list>
                 <value>**service.impl.*</value>
-                <value>seed/com/gtm/**/*DaoImpl.*</value>
+                <value>seed/com/gtm/**/*Service.*</value>
             </list>
         </property>
         <property name="handlers">
@@ -62,7 +62,7 @@
         <property name="patterns">
             <list>
                 <value>**service.impl.*</value>
-                <value>seed/com/gtm/**/*DaoImpl.*</value>
+                <value>seed/com/gtm/**/*Service.*</value>
             </list>
         </property>
         <property name="handlers">

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

@@ -32,7 +32,8 @@
         			
         jdbcUsersByUsernameQuery="SELECT USER_ID, ESNTL_ID AS PASSWORD, 1 ENABLED, USER_NM, USER_ZIP, 
         							USER_ADRES, USER_EMAIL, USER_SE,  '-' ORGNZT_ID, ESNTL_ID, 
-        							'-' ORGNZT_NM, AUTHOR_CODE AS AUTHORITY, offm_telno AS offm_telno
+        							'-' ORGNZT_NM, AUTHOR_CODE AS AUTHORITY, OFFM_TELNO, MBTLNUM,
+        							DEPT, POSITION, USER_GRANT, ENABLE_DEPT
         							FROM COMVNUSERMASTER A 
         							INNER JOIN LETTNEMPLYRSCRTYESTBS B ON A.ESNTL_ID = B.SCRTY_DTRMN_TRGET_ID 
         							WHERE CONCAT(USER_SE, USER_ID) = ?"

src/main/resources/egovframework/sqlmap/config/mappers/seedfile/seedfile_sql.xml

@@ -0,0 +1,215 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="com.seed.file">
+	<insert id="insert" parameterType="java.util.HashMap" useGeneratedKeys="false">
+		INSERT INTO T_EXTRA_FILE(
+			EXTRA_FILE_IDX,
+			EXTRA_FILE_ENCRYPTION,
+			EXTRA_FILE_NAME,
+			EXTRA_FILE_RENAME,
+			EXTRA_FILE_REGDATE,
+			EXTRA_FILE_SIZE,
+			EXTRA_FILE_TEXT,
+			EXTRA_FILE_TYPE,
+			EXTRA_DATA_IDX,
+			EXTRA_FUNC_TYPE,
+			EXTRA_THUM_YN
+		) VALUES (
+			SEQ_EXTRA_FILE.NEXTVAL,
+			'N',
+			#{uploadFileNameData},
+			#{reFileName},
+			SYSDATE,
+			#{fileSize},
+			'',
+			#{fileType},
+			#{dataIdx},
+			#{fileFuncType},
+			'Y'
+		)
+	</insert>
+
+	<insert id="caseInsert" parameterType="java.util.HashMap" useGeneratedKeys="false">
+		INSERT INTO C_CASEFILE(
+			FILE_NO,
+			SEQ_NO,
+			FILE_NAME,
+			FILE_ORGNAME,
+			FILE_PATH,
+			FILE_EXTENSION,
+			FILE_SIZE,
+			REG_DT,
+			REG_ID,
+			MOD_DT,
+			MOD_ID,
+			DEL_GUBUN,
+			FILE_GUBUN,
+			FILE_FUNC,
+			COPY_CONTRACT_YN
+		) VALUES (
+			#{rceptNo},
+			C_CASEFILE_SEQ.NEXTVAL,
+			#{uploadFileNameData},
+			#{reFileName},
+			#{filePath},
+			#{fileType},
+			#{fileSize},
+			SYSDATE,
+			<choose>
+				<when test="hpName != null and hpName != ''">
+					#{hpName},
+				</when>
+				<otherwise>
+				'',
+				</otherwise>
+			</choose>
+			SYSDATE,
+			'',
+			'N',
+			#{fileGubun},
+			#{fileFuncType},
+			#{copyContractYn}
+		)
+	</insert>
+
+	<select id="select" parameterType="java.util.HashMap" resultType="java.util.HashMap">
+		SELECT EXTRA_FILE_IDX,
+			EXTRA_FILE_ENCRYPTION,
+			EXTRA_FILE_NAME,
+			EXTRA_FILE_RENAME,
+			EXTRA_FILE_REGDATE,
+			EXTRA_FILE_SIZE,
+			EXTRA_FILE_TEXT,
+			EXTRA_FILE_TYPE,
+			EXTRA_DATA_IDX,
+			EXTRA_FUNC_TYPE,
+			EXTRA_THUM_YN
+		FROM T_EXTRA_FILE
+		WHERE EXTRA_FUNC_TYPE = #{fileFuncType}
+		AND EXTRA_DATA_IDX = #{dataIdx}
+		AND EXTRA_THUM_YN = 'Y'
+	</select>
+
+	<select id="selectCase" parameterType="java.util.HashMap" resultType="java.util.HashMap">
+		SELECT FILE_NO,
+				SEQ_NO,
+				FILE_NAME,
+				FILE_ORGNAME,
+				FILE_PATH,
+				FILE_EXTENSION,
+				FILE_SIZE,
+				REG_DT,
+				REG_ID,
+				MOD_DT,
+				MOD_ID,
+				DEL_GUBUN,
+				FILE_GUBUN,
+				FILE_FUNC,
+				COPY_CONTRACT_YN
+		FROM C_CASEFILE
+		WHERE FILE_NO = #{rceptNo}
+		AND FILE_GUBUN = #{fileGubun}
+		AND DEL_GUBUN = 'N'
+	</select>
+
+	<select id="selectCaseEgov" parameterType="EgovMap" resultType="EgovMap">
+		SELECT FILE_NO,
+				SEQ_NO,
+				FILE_NAME,
+				FILE_ORGNAME,
+				FILE_PATH,
+				FILE_EXTENSION,
+				FILE_SIZE,
+				REG_DT,
+				REG_ID,
+				MOD_DT,
+				MOD_ID,
+				DEL_GUBUN,
+				FILE_GUBUN,
+				FILE_FUNC,
+				COPY_CONTRACT_YN,
+         		<!-- 20190916 수정..
+         		(SELECT CODE_NAME FROM C_CODE WHERE CODE_IDXS = '4801000000') FILE_GUBUN_NM -->
+         		(SELECT CODE_NAME FROM C_CODE WHERE CODE_IDXS = #{fileGubun}) FILE_GUBUN_NM
+		FROM C_CASEFILE
+		WHERE FILE_NO = #{rceptNo}
+		AND FILE_GUBUN = #{fileGubun}
+		AND DEL_GUBUN = 'N'
+	</select>
+
+	<select id="selectOne" parameterType="java.util.HashMap" resultType="java.util.HashMap">
+		SELECT EXTRA_FILE_IDX,
+			EXTRA_FILE_ENCRYPTION,
+			EXTRA_FILE_NAME,
+			EXTRA_FILE_RENAME,
+			EXTRA_FILE_REGDATE,
+			EXTRA_FILE_SIZE,
+			EXTRA_FILE_TEXT,
+			EXTRA_FILE_TYPE,
+			EXTRA_DATA_IDX,
+			EXTRA_FUNC_TYPE,
+			EXTRA_THUM_YN
+		FROM T_EXTRA_FILE
+		WHERE EXTRA_FILE_IDX = #{dataIdx}
+		AND EXTRA_THUM_YN = 'Y'
+	</select>
+
+	<select id="caseFileOne" parameterType="java.util.HashMap" resultType="java.util.HashMap">
+		SELECT FILE_NO,
+				SEQ_NO,
+				FILE_NAME,
+				FILE_ORGNAME,
+				FILE_PATH,
+				FILE_EXTENSION,
+				FILE_SIZE,
+				REG_DT,
+				REG_ID,
+				MOD_DT,
+				MOD_ID,
+				DEL_GUBUN,
+				FILE_GUBUN,
+				FILE_FUNC,
+				COPY_CONTRACT_YN
+		FROM C_CASEFILE
+		WHERE SEQ_NO = #{dataIdx}
+		AND DEL_GUBUN = 'N'
+	</select>
+
+	<update id="delete" parameterType="java.util.HashMap">
+		UPDATE T_EXTRA_FILE
+		SET EXTRA_THUM_YN = 'N'
+		WHERE EXTRA_FILE_IDX = #{dataIdx}
+	</update>
+
+	<update id="caseDelete" parameterType="java.util.HashMap">
+		UPDATE C_CASEFILE
+		SET DEL_GUBUN = 'Y'
+		WHERE SEQ_NO = #{dataIdx}
+	</update>
+
+	<update id="deleteAll" parameterType="java.util.HashMap">
+		UPDATE T_EXTRA_FILE
+		SET EXTRA_THUM_YN = 'N'
+		WHERE EXTRA_DATA_IDX = #{dataIdx}
+	</update>
+	
+	
+	<insert id="hisInsert" parameterType="java.util.HashMap" useGeneratedKeys="false">
+		INSERT INTO C_CASEFILEHST(
+			FILE_NO,
+			FILE_SEQ,
+			SEQ_NO,
+			READER_ID,
+			REG_DT,
+			READER_GUBUN
+		)VALUES(
+			#{fileNo},
+			#{seqNo},
+			C_CASEFILEHST_SEQ.NEXTVAL,
+			#{hpName},
+			SYSDATE,
+			#{isGubun}
+		)
+	</insert>
+</mapper>

src/main/webapp/WEB-INF/decorators.xml

@@ -89,6 +89,9 @@
 		<pattern>/cmm/main/exctvMainPage.do</pattern><!-- 메인페이지 -->
 		<pattern>/kccadr/*</pattern><!-- 전자조정시스템 -->
 		<pattern>/sym/log/clg/SelectLogMethodList.do</pattern><!-- 로그상세보기 팝업-->
+	</decorator>
+
+	<decorator name="seedAdminlayout" page="/WEB-INF/jsp/layout/seedAdminLayout.jsp">
 		<pattern>/gtm/*</pattern><!-- AS-IS 분쟁조정-->
 	</decorator>
 

src/main/webapp/WEB-INF/jsp/_extra/gtm/board/list.jsp

@@ -5,39 +5,9 @@
 <html lang="ko">
 <head>
 <title>정보 관리</title>
-<link href='/css/space.css' rel='stylesheet' type='text/css'/>	
-<link href='/css/seed.contents.css' rel='stylesheet' type='text/css'/>
-<link href='/css/seed.mediaquery.css' rel='styleGsheet' type='text/css'/>
-<link href='/site/ntcc/css/gtmCustom.css' rel='stylesheet' type='text/css'/>
 
-		<!-- css -->
+<script>
-		<link rel="stylesheet" href="/css/seed/seed.reset.css">
+</script>
-		<link rel="stylesheet" href="/css/seed/seed.layout.css">
-		<link rel="stylesheet" href="/css/seed/layout.css">
-		<link rel="stylesheet" href="/css/seed/button.css">
-		<link rel="stylesheet" href="/css/seed/seed.contents.css">
-		<link rel="stylesheet" href="/css/seed/seed.mediaquery.css">
-		<link rel="stylesheet" href="/css/seed/lib/jquery.mCustomScrollbar.min.css">
-		<link rel="stylesheet" href="/css/seed/jquery-ui.css"/>
-		<link rel="stylesheet" href="/css/seed/jquery-ui.min.css"/>
-		<link rel="stylesheet" href="/css/seed/smartPop.css"/>
-		<link rel="stylesheet" href="/css/seed/space.css"/>
-		<link rel="stylesheet" href="/css/seed/picker.default.css">
-		<link rel="stylesheet" href="/css/seed/picker.default.date.css">
-		<link rel="stylesheet" href="/css/seed/case/common.css">
-
-		<!-- 캘린더css -->
-		<link rel="stylesheet" href="/css/seed/case/fullcalendar.min.css">
-		<link rel="stylesheet" href="/css/seed/case/fullcalendar.print.css" media='print'>
-		<link rel="stylesheet" href="/css/seed/case/scheduler.min.css">
-		<link type="text/css" rel="stylesheet" href="/css/case/jquery.qtip.css" />
-
-		<link rel="stylesheet" type="text/css" href="/css/seed/clipreport.css">
-		<link rel="stylesheet" type="text/css" href="/css/seed/UserConfig.css">
-		<link rel="stylesheet" type="text/css" href="/css/seed/font.css">
-		<!-- css -->
-<script src="/editor/webnote.js"></script>
-	
 </head>
 <body>
 	<div class="page-title-wrap clear">
@@ -158,7 +128,7 @@
 			if(type == 'write'){
 				$("#bbsNo").remove();
 				$("#fileFuncType").remove();
-				$("#searchFrm").attr("action","/gtm/case/board/${boardIdx}/write.do");
+ 				$("#searchFrm").attr("action","/gtm/case/board/${boardIdx}/write.do");
 				$("#searchFrm").submit();
 			}else if(type == 'search'){
 				$("#bbsNo").remove();

src/main/webapp/WEB-INF/jsp/_extra/gtm/board/write.jsp

@@ -10,32 +10,6 @@
 <link href='/css/seed.mediaquery.css' rel='styleGsheet' type='text/css'/>
 <link href='/site/ntcc/css/gtmCustom.css' rel='stylesheet' type='text/css'/>
 
-		<!-- css -->
-		<link rel="stylesheet" href="/css/seed/seed.reset.css">
-		<link rel="stylesheet" href="/css/seed/seed.layout.css">
-		<link rel="stylesheet" href="/css/seed/layout.css">
-		<link rel="stylesheet" href="/css/seed/button.css">
-		<link rel="stylesheet" href="/css/seed/seed.contents.css">
-		<link rel="stylesheet" href="/css/seed/seed.mediaquery.css">
-		<link rel="stylesheet" href="/css/seed/lib/jquery.mCustomScrollbar.min.css">
-		<link rel="stylesheet" href="/css/seed/jquery-ui.css"/>
-		<link rel="stylesheet" href="/css/seed/jquery-ui.min.css"/>
-		<link rel="stylesheet" href="/css/seed/smartPop.css"/>
-		<link rel="stylesheet" href="/css/seed/space.css"/>
-		<link rel="stylesheet" href="/css/seed/picker.default.css">
-		<link rel="stylesheet" href="/css/seed/picker.default.date.css">
-		<link rel="stylesheet" href="/css/seed/case/common.css">
-
-		<!-- 캘린더css -->
-		<link rel="stylesheet" href="/css/seed/case/fullcalendar.min.css">
-		<link rel="stylesheet" href="/css/seed/case/fullcalendar.print.css" media='print'>
-		<link rel="stylesheet" href="/css/seed/case/scheduler.min.css">
-		<link type="text/css" rel="stylesheet" href="/css/case/jquery.qtip.css" />
-
-		<link rel="stylesheet" type="text/css" href="/css/seed/clipreport.css">
-		<link rel="stylesheet" type="text/css" href="/css/seed/UserConfig.css">
-		<link rel="stylesheet" type="text/css" href="/css/seed/font.css">
-		
 <script src="/editor/webnote.js"></script>
 </head>
 <body>

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

@@ -0,0 +1,101 @@
+<%@ 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="decorator" uri="http://www.opensymphony.com/sitemesh/decorator" %>
+<!DOCTYPE html>
+<html lang="kr">
+<head>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+	
+ 	<%-- 전자조정 --%>
+ 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+ 
+	<!-- css -->
+	<link rel="stylesheet" href="/kccadrPb/adm/css/reset.css">
+	<link rel="stylesheet" href="/kccadrPb/adm/css/font.css">
+	<link rel="stylesheet" href="/kccadrPb/adm/css/common.css">
+	<link rel="stylesheet" href="/kccadrPb/adm/css/content.css">
+	<link rel="stylesheet" href="/kccadrPb/adm/css/content_media.css">
+
+
+	<!-- AS-IS 분쟁조정 css -->
+	<link rel="stylesheet" href="/css/seed/seed.reset.css">
+	<link rel="stylesheet" href="/css/seed/seed.layout.css">
+	<link rel="stylesheet" href="/css/seed/layout.css">
+	<link rel="stylesheet" href="/css/seed/button.css">
+	<link rel="stylesheet" href="/css/seed/seed.contents.css">
+	<link rel="stylesheet" href="/css/seed/seed.mediaquery.css">
+	<link rel="stylesheet" href="/css/seed/lib/jquery.mCustomScrollbar.min.css">
+	<link rel="stylesheet" href="/css/seed/jquery-ui.css"/>
+	<link rel="stylesheet" href="/css/seed/jquery-ui.min.css"/>
+	<link rel="stylesheet" href="/css/seed/smartPop.css"/>
+	<link rel="stylesheet" href="/css/seed/space.css"/>
+	<link rel="stylesheet" href="/css/seed/picker.default.css">
+	<link rel="stylesheet" href="/css/seed/picker.default.date.css">
+	<link rel="stylesheet" href="/css/seed/case/common.css">
+
+	<!-- 캘린더css -->
+	<link rel="stylesheet" href="/css/seed/case/fullcalendar.min.css">
+	<link rel="stylesheet" href="/css/seed/case/fullcalendar.print.css" media='print'>
+	<link rel="stylesheet" href="/css/seed/case/scheduler.min.css">
+	<link type="text/css" rel="stylesheet" href="/css/case/jquery.qtip.css" />
+
+	<link rel="stylesheet" type="text/css" href="/css/seed/clipreport.css">
+	<link rel="stylesheet" type="text/css" href="/css/seed/UserConfig.css">
+	<link rel="stylesheet" type="text/css" href="/css/seed/font.css">
+	<!-- AS-IS 분쟁조정 css -->
+
+
+
+	<!-- script -->
+	<script src="/kccadrPb/adm/script/jquery-3.5.0.js"></script>
+	<script src="/kccadrPb/adm/script/common.js"></script>
+	<script src="/kccadrPb/adm/script/content.js"></script>
+
+	<script src="<c:url value='/js/ncms_common.js' />"></script><%-- 전자조정 --%>
+    
+    <script src="/kccadrPb/adm/script/postcode.js"></script>
+    
+	<script src="<c:url value='/js/kccadr/kccadrCom.js' />"></script>
+    <script src="<c:url value='/js/antdatepicker/moment.min.js'/>"></script>
+
+	<!-- AS-IS 분쟁조정 js -->
+	<!-- 라이브러리, 플러그인 -->
+	<script src="/js/lib/jquery-1.9.1.min.js"></script>
+	<script src="/js/lib/jquery-ui.min.js"></script>
+	<script src="/js/lib/jquery.blockUI.js"></script>
+	<script src="/js/lib/jquery.pjax.js"></script>
+	<script src="/js/lib/modernizr-custom.js"></script>
+	<script src="/js/lib/jquery.mCustomScrollbar.concat.min.js"></script>
+	<script src="/js/seed/lib/jquery.bxslider.min.js"></script>
+	<script src="/js/lib/picker.js"></script>
+	<script src="/js/lib/picker.date.js"></script>
+	<script src="/js/lib/legacy.js"></script>
+	<script src="/js/lib/base64.js"></script>
+	<!-- 라이브러리, 플러그인 끝 -->
+	<script src="/js/seed/jquery.seed.js"></script>
+	<script src="/js/seed/smartPop.js"></script>
+	<script src="/js/seed/seed.common.js"></script>		
+	<script src="/js/seed/seed.tab.js"></script>		
+	<script src="/js/seed/seed.app.js"></script>				
+	<!-- AS-IS 분쟁조정 js -->
+
+<script>
+</script>
+</head>
+
+<%-- 전자조정 --%>
+<decorator:head />
+<c:import url="/EgovPageLink.do?link=blank" />
+<div class="wrap">
+	<c:import url="/sym/mms/EgovMainMenuLeft.do" />
+	<!-- top_utill+cont -->
+	<div class="area_right">
+		<c:import url="/sym/mms/EgovMainMenuHead.do" />
+		<decorator:body />
+	</div>
+	<!-- //top_utill+cont -->
+</div>
+<c:import url="/sym/mms/EgovMainFooter.do" />
+</html>
+

src/main/webapp/css/seed/seed.contents.css

@@ -713,7 +713,7 @@ html.ie8 .alert-area {background:url(/img/seed_ver3_logo-color-small.png) 8% cen
 .tooltipBox .tooltipText p {line-height:1.3}
 
 .file-info,
-.page-tip {text-indent:-999em;width:21px;height: 21px;background: url(/img/icon-page-tip.png) no-repeat 0 0;background-size: 21px 21px;vertical-align: middle;cursor:pointer}
+.page-tip {text-indent:-999em;width:21px;height: 21px;background: url(/img/seed/icon-page-tip.png) no-repeat 0 0;background-size: 21px 21px;vertical-align: middle;cursor:pointer}
 
 .file-info{display:inline-block;margin-left:5px;}
 .file-info-txt{position:absolute;top:0;padding:3px;background:#2f3541;color:#fff;border-radius:3px;}
@@ -1063,15 +1063,15 @@ html.ie8 .radio.checked + label {background:url(/img/radio-checked-small.png) no
 .pagination-control a{position:relative;float:left;display:block;width:42px;height:100%;text-indent:-999em;}
 .pagination-control.prev a:after{content:'';position:absolute;top:50%;margin-top:-12px;right:0;width:1px;height:24px;background:#dce0df;}
 .pagination-control.next a:after{content:'';position:absolute;top:50%;margin-top:-12px;left:0;width:1px;height:24px;background:#dce0df;}
-.pagination-control.prev a.prev-btn{background:url(/img/pagination_big_prev.png) no-repeat 50% 50%;background-size:8px 14px}
+.pagination-control.prev a.prev-btn{background:url(/img/seed/pagination_big_prev.png) no-repeat 50% 50%;background-size:8px 14px}
-.pagination-control.next a.next-btn{background:url(/img/pagination_big_next.png) no-repeat 50% 50%;background-size:8px 14px}
+.pagination-control.next a.next-btn{background:url(/img/seed/pagination_big_next.png) no-repeat 50% 50%;background-size:8px 14px}
-.pagination-control.prev a.first-btn{background:url(/img/pagination_big_first.png) no-repeat 50% 50%;background-size:14px 14px}
+.pagination-control.prev a.first-btn{background:url(/img/seed/pagination_big_first.png) no-repeat 50% 50%;background-size:14px 14px}
-.pagination-control.next a.last-btn{background:url(/img/pagination_big_last.png) no-repeat 50% 50%;background-size:14px 14px}
+.pagination-control.next a.last-btn{background:url(/img/seed/pagination_big_last.png) no-repeat 50% 50%;background-size:14px 14px}
 
-html.ie8 .pagination-control.prev a.prev-btn{background:url(/img/pagination_small_prev.png) no-repeat 50% 50%;}
+html.ie8 .pagination-control.prev a.prev-btn{background:url(/img/seed/pagination_small_prev.png) no-repeat 50% 50%;}
-html.ie8 .pagination-control.next a.next-btn{background:url(/img/pagination_small_next.png) no-repeat 50% 50%;}
+html.ie8 .pagination-control.next a.next-btn{background:url(/img/seed/pagination_small_next.png) no-repeat 50% 50%;}
-html.ie8 .pagination-control.prev a.first-btn{background:url(/img/pagination_small_first.png) no-repeat 50% 50%;}
+html.ie8 .pagination-control.prev a.first-btn{background:url(/img/seed/pagination_small_first.png) no-repeat 50% 50%;}
-html.ie8 .pagination-control.next a.last-btn{background:url(/img/pagination_small_last.png) no-repeat 50% 50%;}
+html.ie8 .pagination-control.next a.last-btn{background:url(/img/seed/pagination_small_last.png) no-repeat 50% 50%;}
 
 
 .seed-popup-wrap {width:95%;margin:0 auto;padding-top:2%}

src/main/webapp/editor/webnote.css

@@ -0,0 +1,949 @@
+/*------------------------------------------------------------------------------ user customize setting --*/
+div.webnote_container {
+	-webkit-box-sizing: border-box;
+  	-moz-box-sizing: border-box;
+  	box-sizing: border-box;
+	width:auto;
+	height:auto;
+	/* border-width:1px; */
+	/* border-style:solid; */
+	/* border-color:#d5d5d5; */
+	padding:3px;
+	padding-top:0;
+	padding-bottom:0;
+	clear:both;
+	background-color:#ebebeb;
+	z-index:102;
+}
+div.webnote_file_attach_box {
+	clear:both;
+	margin-top:2px;
+	width:auto;
+	height:auto;
+	overflow:auto;
+	border-width:0;
+	border-style:solid;
+	border-color:#d5d5d5;
+	display:none;
+	text-align:left;
+}
+.webnote_file_attach_unit_basic {
+	width:45px;
+	height:45px;
+	padding:3px;
+	margin-right:2px;
+	border-width:1px;
+	border-style:solid;
+	border-color:#d9d9d9;
+	background-color:#f2f2f2;
+	font-size:11px;
+	text-align:left;
+}
+.webnote_file_attach_unit_over {
+	width:45px;
+	height:45px;
+	padding:3px;
+	margin-right:2px;
+	border-width:1px;
+	border-style:solid;
+	border-color:#d9d9d9;
+	background-color:#ffffff;
+	font-size:11px;
+	text-align:left;
+}
+.webnote_file_attach_unit_select {
+	width:45px;
+	height:45px;
+	padding:3px;
+	margin-right:2px;
+	border-width:1px;
+	border-style:solid;
+	border-color:blue;
+	background-color:#f2f2f2;
+	font-size:11px;
+	text-align:left;
+}
+.webnote_file_attach_unit_off {
+	width:45px;
+	height:45px;
+	padding:3px;
+	margin-top:3px;
+	margin-right:2px;
+	border-width:1px;
+	border-style:solid;
+	border-color:#d9d9d9;
+	background-color:#f2f2f2;
+	font-size:11px;
+	text-align:left;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
+	filter: alpha(opacity=20);
+	-moz-opacity:0.2;
+	-khtml-opacity: 0.2;
+	opacity: 0.2;
+}
+div.webnote_resize_handle {
+	clear:both;
+	width:auto;
+	height:3px;
+	cursor:s-resize;
+}
+div.webnote_resize_handle_no {
+	clear:both;
+	width:auto;
+	height:3px;
+	cursor:default;
+}
+div.webnote {
+	font-size:13px;
+	display:block;
+	width:auto;
+	height:auto;
+	border-width:1px;
+	border-style:solid;
+	border-color:#d5d5d5;
+	padding:5px;
+	background-color:#FFFFFF;
+	overflow:auto;
+	clear:both;
+	white-space: -moz-pre-wrap;
+	white-space: -pre-wrap; 
+	white-space: -o-pre-wrap;
+	word-break:break-all;
+	text-align:left;
+
+}
+div.webnote:focus {
+    outline: none;
+}
+.webnote_toolbar_basic{
+	margin:0;
+	padding:2px;
+	width:auto;
+	height:auto;
+	border-width:1px;
+	border-color:#ebebeb;
+	border-style:solid;
+}
+.webnote_toolbar_on{
+	margin:0;
+	padding:2px;
+	width:auto;
+	height:auto;
+	border-width:1px;
+	border-color:#b2b2b2;
+	border-style:solid;
+	background-color:#cccccc;
+}
+.webnote_toolbar_down{
+	margin:0;
+	padding:2px;
+	width:auto;
+	height:auto;
+	border-width:1px;
+	border-color:#838383;
+	border-style:solid;
+	background-color:#a2a2a2;
+}
+.webnote_toolbar_off {
+	margin:0;
+	padding:2px;
+	width:auto;
+	height:auto;
+	border-width:1px;
+	border-color:#ebebeb;
+	border-style:solid;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
+	filter: alpha(opacity=20);
+	-moz-opacity:0.2;
+	-khtml-opacity: 0.2;
+	opacity: 0.2;
+}
+div.webnote_popup {
+	display:none;
+	padding:3px;
+	padding-top:0;
+	font-size:12px;
+	width:auto;
+	height:auto;
+	background-color:#cccccc;
+	position: absolute;
+	border-width:1px;
+	border-style:solid;
+	border-color:#b2b2b2;
+	z-index:105;
+}
+div.webnote_popup_move {
+	padding:3px;
+	padding-top:0;
+	font-size:12px;
+	width:auto;
+	height:auto;
+	background-color:#cccccc;
+	position: absolute;
+	border-width:1px;
+	border-style:solid;
+	border-color:#b2b2b2;
+	z-index:105;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+	filter: alpha(opacity=50);
+	-moz-opacity:0.5;
+	-khtml-opacity: 0.5;
+	filter: alpha(opacity=50);
+	opacity: 0.5;
+}
+div.webnote_popup_content {
+	width:auto;
+	height:auto;
+	clear:both;
+	padding:0;
+	background-color:#ebebeb;
+	border-width:0;
+	border-style:solid;
+	border-color:#b9b9b9;
+}
+div.webnote_toast {
+	display:none;
+	padding:8px;
+	font-size:12px;
+	width:auto;
+	height:auto;
+	background-color:#555555;
+        color:white;
+	position: absolute;
+	border-width:1px;
+	border-style:solid;
+	border-color:#ffffff;
+	z-index:106;
+}
+div.webnote_color_picker_popup {
+	display:none;
+	padding:3px;
+	padding-top:0;
+	font-size:12px;
+	width:auto;
+	height:auto;
+	background-color:#cccccc;
+	position: absolute;
+	border-width:1px;
+	border-style:solid;
+	border-color:#b2b2b2;
+	z-index:106;
+}
+
+
+div.webnote_select_box {
+	clear:both;
+	font-size:13px;
+	padding:3px;
+	border-width:1px;
+	border-style:solid;
+	border-color:#ebebeb;
+	cursor:default;
+}
+div.webnote_select_box_over {
+	clear:both;
+	font-size:13px;
+	padding:3px;
+	background-color:#d9d9d9;
+	border-width:1px;
+	border-style:solid;
+	border-color:#b2b2b2;
+	cursor:default;
+}
+div.webnote_select_box_down {
+	clear:both;
+	font-size:13px;
+	padding:3px;
+	background-color:#cccccc;	
+	border-width:1px;
+	border-style:solid;
+	border-color:#b2b2b2;
+	cursor:default;
+}
+
+.webnote_td_head {
+	width:80px;
+	padding:3px;
+	padding-right:5px;
+	color:gray;
+	font-weight:bold;
+	text-align:right;
+	background-color:#e5e5e5;
+}
+.webnote_td_body {
+	padding:3px;
+	color:gray;
+	text-align:left;
+	font-size:12px;
+	background-color:#f2f2f2;
+}
+.webnote_td_body0 {
+	padding:0;
+	margin:0;
+}
+.webnote_txtform {
+	border-width:1px;
+	border-color:#d9d9d9;
+	border-style:solid;
+	background-color:#f9f9f9;
+	color:gray;
+	font-size:12px;
+	height:16px;
+	float:left;
+}
+.webnote_fileform {
+	border-width:1px;
+	border-color:#d9d9d9;
+	border-style:solid;
+	background-color:#f9f9f9;
+	color:gray;
+	font-size:12px;
+	height:20px;
+	float:left;
+}
+.webnote_selform {
+	border-width:1px;
+	border-color:#d9d9d9;
+	border-style:solid;
+	background-color:#f9f9f9;
+	color:gray;
+	font-size:12px;
+	height:20px;
+	float:left;
+}
+.webnote_btn_basic {
+
+	margin-left:2px;
+
+	border-width:1px;
+	border-color:#e3e3e3;
+
+	border-bottom-width:1px;
+	border-right-width:1px;
+	border-bottom-color:#bfbfbf;
+	border-right-color:#bfbfbf;
+
+	border-style:solid;
+	background-color:#e3e3e3;
+	color:gray;
+	font-size:12px;
+	padding:2px;
+	padding-left:7px;
+	padding-right:7px;
+	height:20px;
+	float:left;
+}
+.webnote_btn_center {
+
+	margin-left:2px;
+
+	border-width:1px;
+	border-color:#e3e3e3;
+
+	border-bottom-width:1px;
+	border-right-width:1px;
+	border-bottom-color:#bfbfbf;
+	border-right-color:#bfbfbf;
+
+	border-style:solid;
+	background-color:#e3e3e3;
+	color:gray;
+	font-size:12px;
+	padding:2px;
+	padding-left:7px;
+	padding-right:7px;
+	height:20px;
+}
+.webnote_btn_center_red {
+
+	margin-left:2px;
+
+	border-width:1px;
+	border-color:#e3e3e3;
+
+	border-bottom-width:1px;
+	border-right-width:1px;
+	border-bottom-color:#bfbfbf;
+	border-right-color:#bfbfbf;
+
+	border-style:solid;
+	background-color:tomato;
+	color:white;
+	font-size:12px;
+	padding:2px;
+	padding-left:7px;
+	padding-right:7px;
+	height:20px;
+}
+div.webnote_popup_container_top {
+	clear:both;
+	width:auto;
+        height:auto;
+	padding:3px;
+	padding-bottom:5px;
+	border-width:1px;
+	border-style:solid;
+	border-color:#f9f9f9;
+	border-bottom-color:#a5a5a5;
+	border-right-color:#a5a5a5;
+}
+div.webnote_popup_container_bottom {
+	padding:0;
+	padding-top:3px;
+	clear:both;
+	width:auto;
+	background-color:#cccccc;
+	text-align:center;
+}
+/*------------------------------------------------------------------------------ color setting */
+form {
+	display:inline;
+}
+div.webnote p {
+	line-height:140%;
+	margin-top: 2px;
+	margin-bottom: 2px;
+	margin-left: 3px;
+	margin-right: 3px;
+	white-space: -moz-pre-wrap;
+	white-space: -pre-wrap; 
+	white-space: -o-pre-wrap;
+	word-break:break-all;	
+}
+
+
+div.webnote_toolbar_container {
+	width:auto;
+	height:auto;
+	padding:0;
+	padding: 6px 3px 6px 3px;
+	clear:both;
+	text-align:left;
+	line-height:0;
+}
+
+.webnote_specialchars_basic {	
+	float:left;
+	width:18px;
+	height:18px;
+	padding:2px;
+	font-size:15px;
+	text-align:center;
+	border-width:1px;
+	border-color:#ebebeb;
+	border-style:solid;
+	cursor:default;
+}
+.webnote_specialchars_on {	
+	float:left;
+	width:18px;
+	height:18px;
+	padding:2px;
+	font-size:15px;
+	text-align:center;
+	border-width:1px;
+	border-color:#d9d9d9;	
+	border-style:solid;
+	background-color:#ffffff;	
+	cursor:default;
+}
+
+.webnote_seperator {
+	padding:3px;
+	width:10px;
+	height:16px;
+	margin-right:1px;
+	margin-bottom:1px;
+}
+img {
+	border-width:0;
+}
+.webnote_edt_text_form {
+	display:none;
+	width:auto;
+	height:auto;
+	padding:5px;
+	background-color:#f9f9f9;
+	clear:both;
+	white-space: -moz-pre-wrap;
+	white-space: -pre-wrap; 
+	white-space: -o-pre-wrap;
+	word-break:break-all;
+	border-width:1px;
+	border-style:solid;
+	border-color:#c1dddd;
+
+}
+.webnote_edt_text_form:focus {
+    outline: none;
+}
+
+
+div.webnote_popup_title {
+	clear:both;
+	width:auto;
+	height:20px;
+	color:white;
+	font-weight:bold;
+	cursor:move;
+	font-size:12px;
+}
+div.webnote_popup_title_left {
+	float:left;	
+	width:auto;
+}
+div.webnote_popup_title_right {
+	float:right;
+	text-align:center;
+        padding-bottom:1px;
+	width:30px;
+	height:auto;
+	padding-top:3px;
+	background-color:#e9071e;
+	cursor:default;
+}
+div.webnote_popup_title_right_on {
+	float:right;
+	text-align:center;
+        padding-bottom:1px;
+	width:30px;
+	height:auto;
+	background-color:#f94254;
+	cursor:default;
+}
+div.webnote_popup_title_right_down {
+	float:right;
+	text-align:center;
+        padding-bottom:1px;
+	width:30px;
+	height:auto;
+	background-color:#a30515;
+	cursor:default;
+}
+
+
+.webnote_pageadd_textform {
+	width:98.5%;
+	border-width:1px;
+	border-style:solid;
+	border-color:#d9d9d9;
+	resize: none; 
+}
+.webnote_pageadd_textform:focus {
+    outline: none;
+
+}
+
+div.webnote_image_previews {
+	clear:both;
+	display:none;
+	margin-top:3px;
+	padding:3px;
+	width:auto;
+	height:150px;
+	text-align:center;
+	overflow:auto;
+	border-width:0;
+	border-style:solid;
+	border-color:#d9d9d9;
+}
+div.webnote_input_img_btn {
+	display:none;
+	width:auto;
+	height:auto;
+	margin-top:2px;
+	text-align:center;
+	background-color:#CCCCCC;
+}
+
+
+/* textbox */
+.webnote_textbox_form {
+	margin:0;
+	font-size:12px;
+	height:12px;
+}
+div.webnote_textbox_previewbox {
+
+}
+
+div.webnote_over {
+	display:block;
+	width:auto;
+	height:auto;
+	border-width:1px;
+	border-style:solid;
+	border-color:#d1c23d;
+	padding:5px;
+	background-color:#ffffcc;
+	overflow:auto;
+	clear:both;
+	white-space: -moz-pre-wrap;
+	white-space: -pre-wrap; 
+	white-space: -o-pre-wrap;
+	word-break:break-all;
+}
+
+/* 블라인드 */
+div.webnote_blind5 {
+	position:absolute;
+	top:0;
+	left:0;
+	width:100%;
+	height:100%;
+	background-color:#000;
+	z-index:104;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+	filter: alpha(opacity=50);
+	-moz-opacity:0.3;
+	-khtml-opacity: 0.3;
+	opacity: 0.3;
+
+}
+div.webnote_blind7 {
+	position:absolute;
+	top:0;
+	left:0;
+	width:100%;
+	height:100%;
+	background-color:#d9d9d9;
+	z-index:104;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+	filter: alpha(opacity=80);
+	-moz-opacity:0.8;
+	-khtml-opacity: 0.8;
+	opacity: 0.8;
+
+}
+div.webnote_fullscreen {
+	position:absolute;
+	top:0;
+	left:0;
+	width:100%;
+	height:100%;
+	z-index:103;
+	padding:0;
+	clear:both;
+	background-color:#ebebeb;
+}
+div.webnote_fullscreen textarea {
+	resize: none; 	
+}
+div.webnote_container textarea {
+	resize: none; 	
+}
+
+/* source box */
+div.webnote_source_box {
+	clear:both;
+	font-family:verdana,arial,돋움;
+	width:auto;
+	background-color:#F3FBFC;
+	padding:5px;
+	margin:5px 2px 5px 2px;
+
+	border-width:0 2px 0 2px;
+	border-style:solid;
+	border-color:#cce6ff;
+
+}
+div.webnote_source_box ol {
+	list-style-type:decimal-leading-zero;
+	margin:0 5px 0 0;
+}
+div.webnote_source_box li {
+
+	color:black;
+	font-size:11px;
+	font-family:verdana,arial,돋움;
+	
+	margin:0;
+	line-height:1.5;
+
+	border-width:0 0 1px 0;
+	border-style:dotted;
+	border-color:#d9d9d9;
+}
+div.webnote_source_box li:hover { 
+    background-color:#FFFFFF; 
+}
+
+div.webnote_source_box li span {
+	display:inline;
+}
+
+div.webnote_loading_screen {
+	position:absolute;
+	top:0;
+	left:0;
+	width:100%;
+	height:100%;
+	background-color:#d9d9d9;
+	z-index:105;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+	filter: alpha(opacity=50);
+	-moz-opacity:0.5;
+	-khtml-opacity: 0.5;
+	opacity: 0.5;
+}
+div.webnote_loading_screen_img {
+	position:absolute;
+	top:50%;
+	left:50%;
+        text-align: center;
+        width:100px;
+        margin-left:-50px;
+        margin-top:-50px;
+        
+}
+
+
+/* image center new */
+div.webnote_imagecenter_container {
+	width:auto;
+	height:auto;
+	clear:both;
+}
+div.webnote_imagecenter_head {
+	clear:both;
+	width:auto;
+	height:25px;
+	padding:0;
+	background-color:#FFFFFF;	
+	margin-bottom:4px;
+}
+div.webnote_imagecenter_tree {
+	float:left;
+	width:160px;
+	height:350px;
+	background-color:#ffffff;
+}
+div.webnote_imagecenter_tree_data {
+	width:auto;
+        padding:3px;
+	height:344px;
+	overflow:auto;
+	background-color:#ffffff;
+}
+div.webnote_imagecenter_tree_form {
+	width:auto;
+        padding:3px;
+	height:20px;
+	margin-top:5px;
+	background-color:#f9f9f9;
+        border-top-width:1px;
+        border-top-color:#f2f2f2;
+        border-top-style:solid;        
+        
+}
+div.webnote_imagecenter_body {
+	margin-left:163px;
+	width:auto;
+	height:350px;
+	/*background-color:#FFFFFF;	*/
+}
+div.webnote_imagecenter_body_top {
+
+	width:auto;
+        padding:3px;
+	height:18px;
+	background-color:#ffffff;
+}
+div.webnote_imagecenter_body_ctl_form {
+        display:none;
+	width:auto;
+        padding:3px;
+	height:20px;
+        margin-top:3px;
+	background-color:#ffffff;
+}
+div.webnote_imagecenter_body_ctl_form_left {
+    width:auto;
+    float:left;
+}
+div.webnote_imagecenter_body_ctl_form_right {
+    width:50px;
+    float:right;
+    text-align:right;
+    color:black;
+    font-size:15px;
+    cursor:pointer;
+    padding-right:5px;
+    /*background-color: red;*/
+}
+div.webnote_imagecenter_body_data {
+	width:auto;
+	height:294px;
+        margin-top:3px;
+	overflow-x:auto;
+        overflow-y: scroll;
+	background-color:#ffffff;
+}
+div.webnote_imagecenter_body_data_fit {
+	width:auto;
+	height:265px;
+        margin-top:3px;
+	overflow-x:auto;
+        overflow-y: scroll;
+	background-color:#ffffff;
+}
+
+div.webnote_imagecenter_body_data_fover {
+	width:auto;
+	height:294px;
+        margin-top:3px;
+	overflow-x:auto;
+        overflow-y: scroll;
+	background-color:#ffffcc;
+}
+div.webnote_imagecenter_body_bottom {
+	margin-top:3px;
+	height:20px;
+        padding:3px;
+	background-color:#ffffff;
+}
+div.webnote_imagecenter_body_bottom_left {
+	float:left;
+}
+div.webnote_imagecenter_body_bottom_right {
+	float:right;
+}
+
+.webnote_imagecenter_tree_root_refresh_unit {
+    cursor:pointer;
+    margin-left:5px;
+}
+
+div.webnote_imagecenter_tree_folder_unit {
+	clear:both;
+	width:auto;
+	height:auto;
+	/*padding:2px;*/
+	/*margin-bottom:1px;*/
+        white-space:nowrap;
+}
+span.webnote_imagecenter_tree_icon_unit {
+	cursor: default;
+}
+span.webnote_imagecenter_tree_foldername_unit {
+        cursor: pointer;
+        padding-left: 3px;
+        padding-right: 3px;
+        white-space:nowrap;
+}
+folder.webnote_imagecenter_tree_foldername_unit_default {
+        height:18px;
+        padding:2px 3px 2px 2px;
+        font-size:11px;
+        font-weight:normal;
+}
+folder.webnote_imagecenter_tree_foldername_unit_select {
+        height:auto;
+        padding:2px 3px 2px 2px;
+        font-size:11px;
+        background-color: #ffcbb3;
+}
+
+div.webnote_imagecenter_image_unit {
+	float:left;
+	margin-left:5px;
+	margin-top:5px;
+	width:70px;
+	height:110px;
+	background-color:#f2f2f2;
+	padding:3px;
+	text-align:center;	
+	word-break:break-all;
+	overflow: hidden;
+	border-width:1px;
+	border-style:solid;
+	border-color:#e2e2e2;
+}
+div.webnote_imagecenter_image_unit_on {
+	float:left;
+	margin-left:5px;
+	margin-top:5px;
+	width:70px;
+	height:110px;
+	background-color:#d9d9d9;
+	padding:3px;
+	text-align:center;	
+	word-break:break-all;
+	overflow: hidden;
+	border-width:1px;
+	border-style:solid;
+	border-color:gray;
+}
+div.webnote_imagecenter_image_unit_select {
+	float:left;
+	margin-left:5px;
+	margin-top:5px;
+	width:70px;
+	height:110px;
+	background-color:#fff5ec;
+	padding:3px;
+	text-align:center;	
+	word-break:break-all;
+	overflow: hidden;
+	border-width:1px;
+	border-style:solid;
+	border-color:orange;
+}
+div.webnote_imagecenter_image_unit_cont {
+	width:70px;
+	height:auto;
+	/*white-space:nowrap;*/
+	word-break:break-all;
+	font-size:11px;
+}
+div.webnote_imagecenter_path_title {
+	width:auto;
+	height:auto;
+	word-break:break-all;
+	font-size:11px;
+       /* font-weight:bold; */
+        float:left;
+        padding:3px;
+
+}
+div.webnote_imagecenter_path_title_buttons {
+	width:100px;
+	height:auto;
+	font-size:11px;
+        font-weight:bold;
+        float:right;
+        color:red;
+        text-align:right;
+        cursor:pointer;
+}
+
+
+
+/* code highlight */
+.webnote_keyword1 {
+	color:#0033ff;
+}
+.webnote_keyword2 {
+	color:red;	
+}
+.webnote_keyword3 {
+	color:green;	
+}
+.webnote_keyword4 {
+	color:black;	
+}
+.webnote_keyword5 {
+	color:sandybrown;	
+}
+.webnote_keyword6 {
+	color:#ff6633;	
+}
+.webnote_keyword7 {
+	color:green;
+}
+
+.webnote_comments {
+	color:#c9c9c9;
+	font-style:italic;
+	font-size:11px;
+}