Merge branch 'master' of http://docs.nculture.org:30000/nculture/iams.nlib

src/main/java/nlib/cmm/service/CodeService.java

@@ -1,19 +1,54 @@
 
 package nlib.cmm.service;
 
-import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
 
-import org.springframework.stereotype.Service;
-
-import nlib.restful.service.DataApiReqVO;
-import nlib.restful.service.DataApiResVO;
-
+/**
+ * <pre>
+ * @Class Name : CodeService.java
+ * 
+ * @Description : 코드 조회 공통 서비스 인터페이스 
+ * 
+ * 
+ * @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
+ *
+ * </pre>
+ *
+ * @ ------------    --------    ---------------------------
+ * @ 수정일                     수정자             수정내용
+ * @ ------------    --------    ---------------------------
+ * @ 2021. 07. 26.    KNKIM       최초 생성
+ *
+ * 
+ * @author 이씨플라자 * DIGITALSHIP KNKIM
+ * @since 2021. 07. 26.
+ * @version 1.0
+ *
+ */
 public interface CodeService
 {
+
+	/**
+	 * 공통코드를 조회한다. 
+	 * 
+	 * @param iCodeId
+	 * @return
+	 * @throws Exception
+	 */
 	public List<Map<String, String>> listCodes(String iCodeId) throws Exception;
 	
+	/**
+	 * 주제분류코드를 조회한다. 
+	 * 
+	 * @return
+	 * @throws Exception
+	 */
 	public List<Map<String, String>> listCtClsfs() throws Exception;
 	
+	/**
+	 * 자료유형 최상위 코드목록을 조회한다. 
+	 */
+	public List<Map<String, String>> listTypeDivCodes() throws Exception;
+	
 }

src/main/java/nlib/cmm/service/MainService.java

@@ -2,6 +2,9 @@
 package nlib.cmm.service;
 
 import java.util.List;
+import java.util.Map;
+
+import nlib.col.service.CollectionVO;
 
 public interface MainService
 {
@@ -11,6 +14,48 @@ public interface MainService
 	 * @param mngOrgCd
 	 * @return
 	 */
-	public List<String> listKeywords(String mngOrgCd);
+	public List<Map<String, String>> listKeywords(String mngOrgCd);
+
+
+	/**
+	 * 문화원 PICK한 자료 리스트를 조회한다. 
+	 * 
+	 * @param mngOrgCd
+	 * @return
+	 */
+	public List<CollectionVO> listOrgPicks(String mngOrgCd);
+	
+	/**
+	 * 유형별인기자료 리스트를 조회한다. 
+	 * 
+	 * @param mngOrgCd
+	 * @return
+	 */
+	public List<CollectionVO> listPops(CollectionVO searchVO);
+	
+	/**
+	 * 유형별인기자료 리스트를 조회한다. : 기본 자료유형 문서로 검색 
+	 * 
+	 * @param mngOrgCd
+	 * @return
+	 */
+	public List<CollectionVO> listPops(String mngOrgCd);
+	
+	/**
+	 * 유형별인기자료 리스트를 조회한다.
+	 * 
+	 * @param mngOrgCd
+	 * @param typeDivCd
+	 * @return
+	 */
+	public List<CollectionVO> listPops(String mngOrgCd, String typeDivCd);
+	
+	/**
+	 * 온라인자료관 리스트를 조회한다. 
+	 * 
+	 * @param mngOrgCd
+	 * @return
+	 */
+	public List<CollectionVO> listOnline(String mngOrgCd);
 	
 }

src/main/java/nlib/cmm/service/impl/CodeDAO.java

@@ -31,7 +31,25 @@ import egovframework.rte.psl.dataaccess.mapper.Mapper;
 @Mapper("codeDAO")
 public interface CodeDAO {
 
+	/**
+	 * 공통코드를 조회한다. 
+	 * 
+	 * @param iCodeId
+	 * @return
+	 * @throws Exception
+	 */
 	public List<Map<String, String>> listCodes(String iCodeId) throws Exception;
 	
+	/**
+	 * 주제분류코드를 조회한다. 
+	 * 
+	 * @return
+	 * @throws Exception
+	 */
 	public List<Map<String, String>> listCtClsfs() throws Exception;
+	
+	/**
+	 * 자료유형 최상위 코드목록을 조회한다. 
+	 */
+	public List<Map<String, String>> listTypeDivCodes() throws Exception;
 }

src/main/java/nlib/cmm/service/impl/CodeServiceImpl.java

@@ -1,9 +1,7 @@
 package nlib.cmm.service.impl;
 
-import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
-
 import javax.annotation.Resource;
 
 import org.slf4j.Logger;
@@ -14,6 +12,28 @@ import egovframework.rte.fdl.cmmn.EgovAbstractServiceImpl;
 import nlib.cmm.service.CodeService;
 import nlib.util.StringUtil;
 
+/**
+ * <pre>
+ * @Class Name : CodeServiceImpl.java
+ * 
+ * @Description : 코드 조회 공통 서비스 구현 
+ * 
+ * 
+ * @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
+ *
+ * </pre>
+ *
+ * @ ------------    --------    ---------------------------
+ * @ 수정일                     수정자             수정내용
+ * @ ------------    --------    ---------------------------
+ * @ 2021. 07. 26.    KNKIM       최초 생성
+ *
+ * 
+ * @author 이씨플라자 * DIGITALSHIP KNKIM
+ * @since 2021. 07. 26.
+ * @version 1.0
+ *
+ */
 @Service("codeService")
 public class CodeServiceImpl extends EgovAbstractServiceImpl implements CodeService
 {
@@ -22,6 +42,13 @@ public class CodeServiceImpl extends EgovAbstractServiceImpl implements CodeServ
 	@Resource(name="codeDAO")
 	private CodeDAO codeDAO;
 
+	/**
+	 * 공통코드를 조회한다. 
+	 * 
+	 * @param iCodeId
+	 * @return
+	 * @throws Exception
+	 */
 	public List<Map<String, String>> listCodes(String iCodeId) throws Exception {
 		
 		if(StringUtil.isEmpty(iCodeId)) return null;
@@ -29,7 +56,20 @@ public class CodeServiceImpl extends EgovAbstractServiceImpl implements CodeServ
 		return codeDAO.listCodes(iCodeId.toUpperCase());
 	}
 	
+	/**
+	 * 주제분류코드를 조회한다. 
+	 * 
+	 * @return
+	 * @throws Exception
+	 */
 	public List<Map<String, String>> listCtClsfs() throws Exception {
 		return codeDAO.listCtClsfs();
 	}
+	
+	/**
+	 * 자료유형 최상위 코드목록을 조회한다. 
+	 */
+	public List<Map<String, String>> listTypeDivCodes() throws Exception {
+		return codeDAO.listTypeDivCodes();
+	}
 }

src/main/java/nlib/cmm/service/impl/MainDAO.java

@@ -4,13 +4,8 @@ package nlib.cmm.service.impl;
 import java.util.List;
 import java.util.Map;
 
-import org.slf4j.Logger;
-import org.slf4j.LoggerFactory;
-import org.springframework.stereotype.Repository;
-
 import egovframework.rte.psl.dataaccess.mapper.Mapper;
-import nlib.restful.service.DataApiReqVO;
-import nlib.restful.service.DataApiResVO;
+import nlib.col.service.CollectionVO;
 
 @Mapper("mainDAO")
 public interface MainDAO {
@@ -21,6 +16,30 @@ public interface MainDAO {
 	 * @param mngOrgCd
 	 * @return
 	 */
-	public List<String> listKeywords(String mngOrgCd);
+	public List<Map<String, String>> listKeywords(String mngOrgCd);
+	
+	/**
+	 * 문화원 PICK한 자료 리스트를 조회한다. 
+	 * 
+	 * @param mngOrgCd
+	 * @return
+	 */
+	public List<CollectionVO> listOrgPicks(String mngOrgCd);
+	
+	/**
+	 * 유형별인기자료 리스트를 조회한다. 
+	 * 
+	 * @param mngOrgCd
+	 * @return
+	 */
+	public List<CollectionVO> listPops(CollectionVO searchVO);
+	
+	/**
+	 * 온라인자료관 리스트를 조회한다. 
+	 * 
+	 * @param mngOrgCd
+	 * @return
+	 */
+	public List<CollectionVO> listOnline(String mngOrgCd);
 	
 }

src/main/java/nlib/cmm/service/impl/MainServiceImpl.java

@@ -3,6 +3,7 @@ package nlib.cmm.service.impl;
 
 
 import java.util.List;
+import java.util.Map;
 
 import javax.annotation.Resource;
 
@@ -11,6 +12,8 @@ import org.slf4j.LoggerFactory;
 import org.springframework.stereotype.Service;
 
 import nlib.cmm.service.MainService;
+import nlib.col.service.CollectionVO;
+import nlib.util.StringUtil;
 
 @Service("mainService")
 public class MainServiceImpl implements MainService
@@ -26,7 +29,68 @@ public class MainServiceImpl implements MainService
 	 * @param mngOrgCd
 	 * @return
 	 */
-	public List<String> listKeywords(String mngOrgCd) {
+	public List<Map<String, String>> listKeywords(String mngOrgCd) {
 		return mainDAO.listKeywords(mngOrgCd);
 	}
+	
+	/**
+	 * 문화원 PICK한 자료 리스트를 조회한다. 
+	 * 
+	 * @param mngOrgCd
+	 * @return
+	 */
+	public List<CollectionVO> listOrgPicks(String mngOrgCd) {
+		return mainDAO.listOrgPicks(mngOrgCd);
+	}
+	
+	/**
+	 * 유형별인기자료 리스트를 조회한다. : 기본 자료유형 문서로 검색 
+	 * 
+	 * @param searchVO
+	 * @return
+	 */
+	public List<CollectionVO> listPops(CollectionVO searchVO) {
+		return mainDAO.listPops(searchVO);
+	}
+	
+	/**
+	 * 유형별인기자료 리스트를 조회한다. : 기본 자료유형 문서로 검색 
+	 * 
+	 * @param mngOrgCd
+	 * @return
+	 */
+	public List<CollectionVO> listPops(String mngOrgCd) {
+		CollectionVO searchVO = new CollectionVO();
+		searchVO.setMngOrgCd(mngOrgCd);
+		searchVO.setTypeDivCd("IT_DOC"); // 문서 
+		return listPops(mngOrgCd, null);
+	}
+	
+	/**
+	 * 유형별인기자료 리스트를 조회한다.
+	 * 
+	 * @param mngOrgCd
+	 * @param typeDivCd
+	 * @return
+	 */
+	public List<CollectionVO> listPops(String mngOrgCd, String typeDivCd) {
+		
+		CollectionVO searchVO = new CollectionVO();
+		searchVO.setMngOrgCd(mngOrgCd);
+		if(StringUtil.isEmpty(typeDivCd)) typeDivCd = "IT_DOC";
+		searchVO.setTypeDivCd(typeDivCd);
+		
+		return listPops(searchVO);
+	}
+	
+	/**
+	 * 온라인자료관 리스트를 조회한다. 
+	 * 
+	 * @param mngOrgCd
+	 * @return
+	 */
+	public List<CollectionVO> listOnline(String mngOrgCd) {
+		return mainDAO.listOnline(mngOrgCd);
+	}
+	
 }

src/main/java/nlib/cmm/web/MainController.java

@@ -1,5 +1,9 @@
 package nlib.cmm.web;
 
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+
 import javax.annotation.Resource;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
@@ -14,9 +18,12 @@ import org.springframework.ui.ModelMap;
 import org.springframework.web.bind.annotation.RequestMapping;
 
 import nlib.cmm.NlibCommonController;
+import nlib.cmm.service.CodeService;
 import nlib.cmm.service.MainService;
+import nlib.cmm.service.NlibProperty;
 import nlib.cmm.service.NotificationService;
 import nlib.col.service.CartService;
+import nlib.col.service.CollectionVO;
 import nlib.util.StringUtil;
 
 /**
@@ -52,21 +59,57 @@ public class MainController extends NlibCommonController {
     @Resource(name = "cartService")
     private CartService cartService;
 
+    @Resource(name = "codeService")
+    private CodeService codeService;
+    
     @Resource(name = "mainService")
     private MainService mainService;
 
 	@RequestMapping( {"/index.do"} )
 	public String setContent(
-			HttpServletRequest req, 
-			HttpServletResponse res, 
+			HttpServletRequest request, 
+			HttpServletResponse response, 
 			Authentication authentication, 
 			ModelMap model) throws Exception {
 
 		// 캐쉬된 Reqeust 히스토리 삭제 
 		RequestCache cache = new HttpSessionRequestCache();
-		cache.removeRequest(req, res);
+		cache.removeRequest(request, response);
 		
-		log.debug((authentication == null ? "손님 메인 접속" : authentication.getName() + " 메인 접속"));
+		String mngOrgCd = getCurCouncilCd(request);
+		
+		// 추천키워드
+		List<Map<String, String>> listKeywords = mainService.listKeywords(mngOrgCd);
+		model.addAttribute("listKeywords", listKeywords);
+		
+		// 문화원 PICK
+		model.addAttribute("listOrgPicks", mainService.listOrgPicks(mngOrgCd));
+				
+		// 유형별 인기자료 
+		List<Map<String, String>> listTypeDivCodes = codeService.listTypeDivCodes();
+		List<CollectionVO> listPops = new ArrayList<CollectionVO>();
+		if(listTypeDivCodes != null) {
+			Map<String, String> itemMap = null;
+			String typeDivCd = null;
+			for(int i = (listTypeDivCodes.size() - 1); i>=0; i--) {
+				itemMap = listTypeDivCodes.get(i);
+				typeDivCd = itemMap.get("typeDivCd");
+				List<CollectionVO> listPopsTemp = mainService.listPops(mngOrgCd, typeDivCd);
+				if(listPopsTemp == null || listPopsTemp.size() < 1) {
+					listTypeDivCodes.remove(i);
+					continue;
+				}
+				for(CollectionVO col : listPopsTemp) {
+					listPops.add(col);
+				}
+			}
+		}
+		model.addAttribute("listPops", listPops);
+		model.addAttribute("listTypeDivCodes", listTypeDivCodes);
+		
+
+		// 온라인자료관 
+		model.addAttribute("listOnline", mainService.listOnline(mngOrgCd));
 
 		return "nlib/cmm/home";
 	}
@@ -87,11 +130,8 @@ public class MainController extends NlibCommonController {
 		String mbInfoId = getMbInfoId(request);
 
 		// 카트 건수 확인 
-
-		// 카트 목록 가져오기 
 		int cartCnt = 0;
 		if(StringUtil.isEmpty(mbInfoId)) {
-			// 카트 건수 
 			cartCnt = cartService.countCartItemsFromCookie(request, response, "1");
 			cartCnt += cartService.countCartItemsFromCookie(request, response, "2");
 		} else {
@@ -110,6 +150,7 @@ public class MainController extends NlibCommonController {
 		
 		model.addAttribute("cartCnt", cartCnt);
 		model.addAttribute("unreadNotiCnt", unreadNotiCnt);
+		model.addAttribute("docViewUrl", NlibProperty.getString("pdf.url"));
 		
 		return "nlib/cmm/headerSubPart";
 	}

src/main/java/nlib/user/web/LoginController.java

@@ -273,7 +273,7 @@ public class LoginController extends NlibCommonController {
 		log.debug("googleLogin.getOAuthURL() = "+googleLogin.getOAuthURL(encCouncilJsessionId));
 		model.addAttribute("googleUrl", googleLogin.getOAuthURL(encCouncilJsessionId));
 
-		OAuthLogin kakaoLogin = new OAuthLogin(kakaoAuthVO, OAuthLogin.CALL_TYPE_LOGIN, councilJsessionId);
+		OAuthLogin kakaoLogin = new OAuthLogin(kakaoAuthVO, callType, councilJsessionId);
 		log.debug("kakaoLogin.getOAuthURL() = "+kakaoLogin.getOAuthURL(encCouncilJsessionId));
 		model.addAttribute("kakaoUrl", kakaoLogin.getOAuthURL(encCouncilJsessionId));
 		

src/main/resources/egovframework/mapper/nlib/cmm/CodeDAO_SQL.xml

@@ -8,7 +8,6 @@
 	      	 , B.COLUMN1
              , B.COLUMN2
 		     , B.S_CODE_NM
-		     
 		FROM SM_CODE_M A,
 		     SM_CODE_S B 
 		WHERE A.L_CODE_ID = #{lCodeId} 
@@ -19,15 +18,22 @@
  	</select>
  	
  	<select id="listCtClsfs" resultType="EgovMap">
-		SELECT
-			   CLSF_ID
-			  ,CLSF_NM
-			  ,UP_CLSF_ID 
-			  ,REMARK
-		  FROM
-		       CT_CLSF 
-	      WHERE 1=1
+		SELECT CLSF_ID
+			  , CLSF_NM
+			  , UP_CLSF_ID 
+			  , REMARK
+		FROM CT_CLSF 
 	    ORDER BY REMARK;
  	</select>
 
+    <!-- 유형 코드 목록  -->
+    <select id="listTypeDivCodes" parameterType="String" resultType="EgovMap">
+        SELECT S_CODE_ID AS TYPE_DIV_CD
+             , S_CODE_NM AS TYPE_DIV_NM
+        FROM SM_CODE_S
+        WHERE L_CODE_ID = 'MASTER_TYPE_DIV_CD'
+        AND USE_YN = 'Y'
+        ORDER BY SORT_SEQ 
+    </select>
+  	
 </mapper>

src/main/resources/egovframework/mapper/nlib/cmm/MainDAO_SQL.xml

@@ -4,9 +4,9 @@
 <mapper namespace="nlib.cmm.service.impl.MainDAO">
 
     <!-- 추천키워드 목록 조회  -->
- 	<select id="listKeywords" parameterType="String" resultType="String">
+ 	<select id="listKeywords" parameterType="String" resultType="EgovMap">
         <![CDATA[ 	  
-		SELECT T.KEY_NAME
+		SELECT T.KEY_NAME, COUNT(KEY_NAME) AS CNT 
 		FROM(
 		    SELECT          
 		         TRIM(SUBSTRING_INDEX(SUBSTRING_INDEX(RM.KEYWORD, ';', NUMBERS.N), ';', -1)) AS KEY_NAME    
@@ -29,13 +29,14 @@
 		]]>
  	</select>
  	
-    <!-- 문화원 PICK 
-    <select id="listKeywords" parameterType="String" resultType="String">
+    <!-- 문화원 PICK -->
+    <select id="listOrgPicks" parameterType="String" resultType="CollectionVO">
         <![CDATA[     
 		SELECT 
               MASTER_ID
 		    , TITLE
 		    , TYPE_DIV_NM
+		    , RPRS_THUMB_URL
 		FROM (
 		    /* 문화원 PICK한 자료 */
 			(SELECT 
@@ -44,14 +45,15 @@
 			  , M1.TITLE
 			  , M1.TYPE_DIV_CD
 			  , TDC.S_CODE_NM AS TYPE_DIV_NM
+			  , M1.RPRS_THUMB_URL 
 			FROM BD_NLIB_RECOM_MASTER R
 			INNER JOIN RG_MASTER M1 
 			ON R.MASTER_ID = M1.MASTER_ID 
 			JOIN SM_CODE_S TDC ON M1.TYPE_DIV_CD = TDC.S_CODE_ID AND TDC.L_CODE_ID = 'MASTER_TYPE_DIV_CD'
 			WHERE R.MNG_ORG_CD = #{mngOrgCd} 
-            AND M2.OPEN_DIV_CD = '1'             /* 공개구분 : 공개 */
-            AND M2.REG_STATUS = 'REG_OK'         /* 등록상태 : 등록완료 */
-            AND M2.USE_FLAG = 'Y'
+            AND M1.OPEN_DIV_CD = '1'             /* 공개구분 : 공개 */
+            AND M1.REG_STATUS = 'REG_OK'         /* 등록상태 : 등록완료 */
+            AND M1.USE_FLAG = 'Y'
             LIMIT 10)
 			UNION  
 			/* 문화원 PICK한 자료가 없거나 충분치 않은 경우, 대출/열람/온라인 가능 자료 중 최근 변경된 자료 */ 
@@ -61,6 +63,7 @@
 			  , M2.TITLE
 			  , M2.TYPE_DIV_CD
 			  , TDC.S_CODE_NM AS TYPE_DIV_NM
+			  , M2.RPRS_THUMB_URL 
 			FROM RG_MASTER M2 
 			JOIN SM_CODE_S TDC ON M2.TYPE_DIV_CD = TDC.S_CODE_ID AND TDC.L_CODE_ID = 'MASTER_TYPE_DIV_CD'
 			WHERE M2.MNG_ORG_CD = #{mngOrgCd} 
@@ -78,56 +81,91 @@
 		ORDER BY RNK 
 		LIMIT 10
         ]]>
-    </select>-->
+    </select>
      
-    <!-- 유형별인기자료 
-    <select id="listKeywords" parameterType="String" resultType="String">
+    <!-- 유형별인기자료 -->
+    <select id="listPops" parameterType="CollectionVO" resultType="CollectionVO">
         <![CDATA[   
         /* 현재 테이블 생성전으로 테이블 생성 후 변경 예정 */   
         SELECT 
-             2 AS RNK 
-           , M2.MASTER_ID
-           , M2.TITLE
-           , M2.TYPE_DIV_CD
-           , TDC.S_CODE_NM AS TYPE_DIV_NM 
-         FROM RG_MASTER M2 
-         JOIN SM_CODE_S TDC ON M2.TYPE_DIV_CD = TDC.S_CODE_ID AND TDC.L_CODE_ID = 'MASTER_TYPE_DIV_CD'
-         WHERE M2.MNG_ORG_CD = #{mngOrgCd}
-         AND M2.TYPE_DIV_CD = IFNULL(#{typeDivCd},'IT_DOC') /* 자료유형 : 문서 기본 */ 
-         AND M2.OPEN_DIV_CD = '1'             /* 공개구분 : 공개 */
-         AND M2.REG_STATUS = 'REG_OK'         /* 등록상태 : 등록완료 */
-         AND M2.USE_FLAG = 'Y'
-         AND M2.OPER_OUT_RANGE_CD = '01'      /* 대출구분 : 대출가능 */ 
-         AND M2.OPER_READ_RANGE_CD = '01'     /* 열람 : 전체열람 */
-         AND IFNULL(M2.PE_STATUS, '') = ''    /* 보존상태 */ 
-         AND IFNULL(M2.BOOKCASE_ID, '') != '' /* 서가아이디 존재 */ 
-         AND M2.DIGITAL_READ_YN = 'Y'         /* 디지탈열람여부 */ 
-         ORDER BY M2.MOD_DD DESC 
-         LIMIT 10
+            M.MASTER_ID
+          , M.TITLE
+          , M.TYPE_DIV_CD
+          , C1.S_CODE_NM AS TYPE_DIV_NM 
+          , M.DTLS_TYPE_DIV_CD
+          , C2.S_CODE_NM DTLS_TYPE_DIV_NM
+          , M.SUBJECT_CODE 
+          , CONCAT(
+              NVL((
+               SELECT CONCAT(CLSF_NM, ' > ') 
+               FROM CT_CLSF
+               WHERE CLSF_ID = (
+                   SELECT UP_CLSF_ID FROM CT_CLSF
+                   WHERE CLSF_ID = CAST(M.SUBJECT_CODE AS CHAR(35)) )
+               AND UP_CLSF_ID = '2') , '')
+               , (SELECT CLSF_NM FROM CT_CLSF WHERE CLSF_ID = CAST(M.SUBJECT_CODE AS CHAR(35)))
+            ) AS SUBJECT_NM
+          , M.MOD_DD 
+          , M.ORG_NM
+          , M.CREAT_YYYY
+        FROM RG_MASTER M 
+        LEFT OUTER JOIN SM_CODE_S C1 ON M.TYPE_DIV_CD = C1.S_CODE_ID AND C1.L_CODE_ID = 'MASTER_TYPE_DIV_CD'
+        LEFT OUTER JOIN SM_CODE_S C2 ON M.DTLS_TYPE_DIV_CD = C2.S_CODE_ID AND C2.L_CODE_ID = 'DTLS_TYPE_DIV_CD'
+		WHERE M.MNG_ORG_CD = #{mngOrgCd}
+		AND M.TYPE_DIV_CD = IFNULL(#{typeDivCd},'IT_DOC') /* 자료유형 : 문서 기본 */ 
+		AND M.OPEN_DIV_CD = '1'             /* 공개구분 : 공개 */
+		AND M.REG_STATUS = 'REG_OK'         /* 등록상태 : 등록완료 */
+		AND M.USE_FLAG = 'Y'
+		AND M.OPER_OUT_RANGE_CD = '01'      /* 대출구분 : 대출가능 */ 
+		AND M.OPER_READ_RANGE_CD = '01'     /* 열람 : 전체열람 */
+		AND IFNULL(M.PE_STATUS, '') = ''    /* 보존상태 */ 
+		AND IFNULL(M.BOOKCASE_ID, '') != '' /* 서가아이디 존재 */ 
+		AND M.DIGITAL_READ_YN = 'Y'         /* 디지탈열람여부 */ 
+		ORDER BY M.MOD_DD DESC 
+		LIMIT 4
         ]]>
-    </select>-->
+    </select>
           
-    <!-- 온라인자료관
-    <select id="listKeywords" parameterType="String" resultType="String">
+    <!-- 온라인자료관 -->
+    <select id="listOnline" parameterType="String" resultType="CollectionVO">
         <![CDATA[     
 		SELECT 
 		    M.MASTER_ID
 		  , M.TITLE
 		  , M.TYPE_DIV_CD
-           , TDC.S_CODE_NM AS TYPE_DIV_NM 
+		  , C1.S_CODE_NM AS TYPE_DIV_NM 
+		  , M.DTLS_TYPE_DIV_CD
+		  , C2.S_CODE_NM DTLS_TYPE_DIV_NM
+		  , M.SUBJECT_CODE 
+		  , CONCAT(
+		      NVL((
+		       SELECT CONCAT(CLSF_NM, ' > ') 
+		       FROM CT_CLSF
+		       WHERE CLSF_ID = (
+		           SELECT UP_CLSF_ID FROM CT_CLSF
+		           WHERE CLSF_ID = CAST(M.SUBJECT_CODE AS CHAR(35)) )
+		       AND UP_CLSF_ID = '2') , '')
+		       , (SELECT CLSF_NM FROM CT_CLSF WHERE CLSF_ID = CAST(M.SUBJECT_CODE AS CHAR(35)))
+		    ) AS SUBJECT_NM
 		  , M.MOD_DD 
+          , M.ORG_NM
+          , M.CREAT_YYYY
+          , M.RPRS_THUMB_URL
+          , IFNULL(M.M_INTERFACE_ID, IFNULL(M.INTERFACE_ID, '')) AS INTERFACE_ID
 		FROM RG_MASTER M 
-         JOIN SM_CODE_S TDC ON M.TYPE_DIV_CD = TDC.S_CODE_ID AND TDC.L_CODE_ID = 'MASTER_TYPE_DIV_CD'
-         WHERE M.MNG_ORG_CD = 'KCCF'
+		LEFT OUTER JOIN SM_CODE_S C1 ON M.TYPE_DIV_CD = C1.S_CODE_ID AND C1.L_CODE_ID = 'MASTER_TYPE_DIV_CD'
+		LEFT OUTER JOIN SM_CODE_S C2 ON M.DTLS_TYPE_DIV_CD = C2.S_CODE_ID AND C2.L_CODE_ID = 'DTLS_TYPE_DIV_CD'
+		WHERE M.MNG_ORG_CD = #{mngOrgCd}
 		AND M.OPEN_DIV_CD = '1'             /* 공개구분 : 공개 */
 		AND M.REG_STATUS = 'REG_OK'         /* 등록상태 : 등록완료 */
 		AND M.USE_FLAG = 'Y'
 		AND IFNULL(M.PE_STATUS, '') = ''    /* 보존상태 */ 
 		AND M.DIGITAL_READ_YN = 'Y'         /* 디지탈열람여부 */ 
-         AND IFNULL(M.M_INTERFACE_ID, '') = '' /* 미디어인터페이스ID */ 
+		/* AND IFNULL(M.RPRS_THUMB_URL, '') != '' */ /* 썸네일존재하는 건 */ 
+		AND IFNULL(M.M_INTERFACE_ID, IFNULL(M.INTERFACE_ID, '')) != ''/* IF존재하는 건 */
 		ORDER BY M.MOD_DD DESC 
 		LIMIT 10
         ]]>
-    </select> -->
+    </select>
      
 </mapper>

src/main/resources/nlib/nlib.properties

@@ -194,8 +194,8 @@ shorturl.api = https://local-dev.nculture.org/yourls-api.php?signature=d48a5ab90
 #shorturl.api = https://local.nculture.org/yourls-api.php?signature=6882eb3237
 
 
-#\uc6d0\ubb38\ubcf4\uae30 (PDF)
-# \uac1c\ubc1c
-pdf.uri = https://port-dev.nculture.org/npdfView.do?npdf=I
-# \uc6b4\uc601
-#pdf.uri = https://port-dev.nculture.org/npdfView.do?npdf=
+# \uc6d0\ubb38\ubcf4\uae30 (PDF)
+# \uac1c\ubc1c (\ud604\uc7ac) 
+pdf.url = https://port-dev.nculture.org/npdfView.do?npdf=I
+# \uac1c\ubc1c (\ucd94\ud6c4)
+#pdf.url = https://port-dev.nculture.org/npdfView.do?npdf=N

src/main/webapp/WEB-INF/jsp/nlib/cmm/headerSubPart.jsp

@@ -10,6 +10,9 @@ String councilCd = (String)session.getAttribute("councilCd");
 String councilNm = (String)session.getAttribute("councilNm");
 %>
 <script>
+$(document).ready(function() {
+	DOC_VIEW_URL = "${docViewUrl}";
+});
 
 function goSearch(){
 	document.searchHeaderForm.submit();

src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp

@@ -12,6 +12,28 @@ $(document).ready(function() {
     fn_myAlert(unreadNotiCnt);
 });
 
+function fn_search(keyword) {
+	var form = document.createElement("form");
+	form.style.display = "none";
+	$(form).attr("action", "/search/searchList.do");
+	$(form).attr("method", "post");
+	
+	var element = document.createElement("input");
+	$(element).attr("name", "query");
+	
+	$(element).attr("value", keyword);
+	form.appendChild(element);
+	document.body.appendChild(form);
+	form.submit();
+	document.body.removeChild(form);
+	
+	return;
+}
+function fn_listPops(typeDivCd) {
+    $("div.tab_content div.tabs_item").hide();
+    $("#listPops_" + typeDivCd).show();
+	
+}
 </script>
 
     <!-- 섹션1 -->
@@ -52,6 +74,7 @@ $(document).ready(function() {
     </section>
     
     <!-- 섹션2 -->
+    <c:if test="${fn:length(listKeywords) > 0 }">
     <section class="sec2">
         <h2 class="blind">키워드 섹션영역</h2>
         <div class="inner">
@@ -59,42 +82,18 @@ $(document).ready(function() {
                 <h3 class="title"><span>AI 추천</span> 키워드</h3>
                 <p class="desc">어떤 자료들을 소장 중인지 키워드로 살펴보세요!</p>
                 <ul class="list-tag">
-                    <li><a href="/" title="">#경주</a></li>
-                    <li><a href="/" title="">#경주문화재</a></li>
-                    <li><a href="/" title="">#불국사</a></li>
-                    <li><a href="/" title="">#보양음식</a></li>
-                    <li><a href="/" title="">#삼계탕</a></li>
-                    <li><a href="/" title="">#전통음식</a></li>
-                    <li><a href="/" title="">#경주문화원</a></li>
-                    <li><a href="/" title="">#경주</a></li>
-                    <li><a href="/" title="">#경주문화재</a></li>
-                    <li><a href="/" title="">#불국사</a></li>
-                    <li><a href="/" title="">#보양음식</a></li>
-                    <li><a href="/" title="">#삼계탕</a></li>
-                    <li><a href="/" title="">#전통음식</a></li>
-                    <li><a href="/" title="">#경주문화원</a></li>
-                    <li><a href="/" title="">#경주</a></li>
-                    <li><a href="/" title="">#경주문화재</a></li>
-                    <li><a href="/" title="">#경주문화원</a></li>
-                    <li><a href="/" title="">#경주</a></li>
-                    <li><a href="/" title="">#경주문화재</a></li>
-                    <li><a href="/" title="">#불국사</a></li>
-                    <li><a href="/" title="">#보양음식</a></li>
-                    <li><a href="/" title="">#삼계탕</a></li>
-                    <li><a href="/" title="">#전통음식</a></li>
-                    <li><a href="/" title="">#경주문화원</a></li>
-                    <li><a href="/" title="">#경주</a></li>
-                    <li><a href="/" title="">#경주문화재</a></li>
-                    <li><a href="/" title="">#전통음식</a></li>
-                    <li><a href="/" title="">#경주문화원</a></li>
-                    <li><a href="/" title="">#경주</a></li>
-                    <li><a href="/" title="">#경주문화재</a></li>
+                    <c:forEach var="itemKeyword" items="${listKeywords }">
+                    <li><a href="javascript:void(0)" title="${itemKeyword.keyName }" onclick="fn_search('${itemKeyword.keyName }')">#  ${itemKeyword.keyName }</a>
+                    </li>
+                    </c:forEach>
                 </ul>
             </div>
         </div>
     </section>
+    </c:if>
      
     <!-- 섹션3 -->
+    <c:if test="${fn:length(listOrgPicks) > 0 }">
     <section class="sec3">
         <h2 class="blind">문화원픽 섹션영역</h2>
         <div class="inner">
@@ -105,61 +104,23 @@ $(document).ready(function() {
                 <!-- Swiper -->
                 <div class="swiper pickSwiper">
                     <div class="swiper-wrapper">
+                    
+                    <c:forEach var="itemPick" items="${listOrgPicks }">
+                    
                         <div class="swiper-slide">
                             <div class="list-box">
-                                <div class="images"><a href="/" title=""><img src="/images/img/img-sec3-01.jpg" alt=""></a></div>
+                                <div class="images"><a href="javascript:void(0)" onclick="gfn_getDetail('${itemPick.masterId }')" title="상세조회"><img src="${itemPick.rprsThumbUrlWithDefault }" alt="상세조회"></a></div>
                                 <div class="subject">
-                                    <a href="/" title="">
-                                        <span class="block"><span class="cla">도서간행물</span></span>
-                                        <span class="tit underline pink">양산예찬문집</span>
-                                    </a>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="swiper-slide">
-                            <div class="list-box">
-                                <div class="images"><a href="/" title=""><img src="/images/img/img-sec3-01.jpg" alt=""></a></div>
-                                <div class="subject">
-                                    <a href="/" title="">
-                                        <span class="block"><span class="cla">문서</span></span>
-                                        <span class="tit underline pink">三憂堂 文益漸先生 棉花展示館 竣工記念詩集</span>
-                                    </a>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="swiper-slide">
-                            <div class="list-box">
-                                <div class="images"><a href="/" title=""><img src="/images/img/img-sec3-01.jpg" alt=""></a></div>
-                                <div class="subject">
-                                    <a href="/" title="">
-                                        <span class="block"><span class="cla">박물</span></span>
-                                        <span class="tit underline pink">국역 慶州郡 (국역 경주군)</span>
-                                    </a>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="swiper-slide">
-                            <div class="list-box">
-                                <div class="images"><a href="/" title=""><img src="/images/img/img-sec3-01.jpg" alt=""></a></div>
-                                <div class="subject">
-                                    <a href="/" title="">
-                                        <span class="block"><span class="cla">사진필름류</span></span>
-                                        <span class="tit underline pink">경주읍성 남문 장례문의 문루</span>
-                                    </a>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="swiper-slide">
-                            <div class="list-box">
-                                <div class="images"><a href="/" title=""><img src="/images/img/img-sec3-01.jpg" alt=""></a></div>
-                                <div class="subject">
-                                    <a href="/" title="">
-                                        <span class="block"><span class="cla">도면/지도</span></span>
-                                        <span class="tit underline pink">慶州 風物 地理誌 (경주 풍물 지리지)</span>
+                                    <a href="javascript:void(0)" onclick="gfn_getDetail('${itemPick.masterId }')" title="상세조회">
+                                        <span class="block"><span class="cla">${itemPick.typeDivNm }</span></span>
+                                        <span class="tit underline pink">${itemPick.title }</span>
                                     </a>
                                 </div>
                             </div>
                         </div>
+                        
+                    </c:forEach>
+                    
                     </div>
                     <div class="swiper-button-next"></div>
                     <div class="swiper-button-prev"></div>
@@ -168,6 +129,7 @@ $(document).ready(function() {
             </div>
         </div>
     </section>
+    </c:if>
     
     <!-- 섹션4 -->
     <section class="sec4">
@@ -181,6 +143,7 @@ $(document).ready(function() {
     </section>
     
     <!-- 섹션5 -->
+    <c:if test="${fn:length(listTypeDivCodes) > 0 }">
     <section class="sec5">
         <h2 class="blind">인기자료 섹션영역</h2>
         <div class="inner">
@@ -188,93 +151,41 @@ $(document).ready(function() {
             <p class="desc">자료유형별로 이런 인기자료들이 있어요!</p>
             <div class="tab">
                 <ul class="tabs">
-                    <li><a href="#">문서</a></li>
-                    <li><a href="#">도면/지도</a></li>
-                    <li><a href="#">사진필름류</a></li>
-                    <li><a href="#">녹음동영상</a></li>
-                    <li><a href="#">도서간행물</a></li>
-                    <li><a href="#">박물</a></li>
-                    <li><a href="#">웹정보자료</a></li>
+                    <c:forEach var="itemTypeDivCode" items="${listTypeDivCodes }">
+                    <li><a href="javascript:void(0)" onclick="javascript:fn_listPops('${itemTypeDivCode.typeDivCd}')">${itemTypeDivCode.typeDivNm}</a></li>
+                    </c:forEach>
                 </ul>
+
                 <div class="tab_content">
-                    <div class="tabs_item">
+                    <c:forEach var="itemTypeDivCode" items="${listTypeDivCodes }">
+                    <div class="tabs_item" id="listPops_${itemTypeDivCode.typeDivCd}">
                         <ul>
+                            <c:forEach var="itemPop" items="${listPops }">
+                            <c:if test='${itemPop.typeDivCd eq itemTypeDivCode.typeDivCd }'>
                             <li>
                                 <div class="con-1">
-                                    <div class="block"><span class="cla">문서</span></div>
-                                    <div class="tit underline pink">국역 경주읍지</div>
+                                    <div class="block"><span class="cla">${itemPop.typeDivNm }</span></div>
+                                    <div class="tit underline pink" onclick="gfn_getDetail('${itemPop.masterId}')">${itemPop.title }</div>
                                 </div>
                                 <div class="con-2">
-                                    <p class="sub"><span>주제분야</span><span>자연과지리 &gt; 자연환경</span></p>
-                                    <p class="age"><span>생산기관</span><span>경북경주문화원</span></p>
-                                    <p class="yea"><span>생산년도</span><span>2003</span></p>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="con-1">
-                                    <div class="block"><span class="cla">문서</span></div>
-                                    <div class="tit underline pink">慶州文化論叢(경주문화논총)/제20집</div>
-                                </div>
-                                <div class="con-2">
-                                    <p class="sub"><span>주제분야</span><span>문화유산 &gt; 선사 유적 및 유물</span></p>
-                                    <p class="age"><span>생산기관</span><span>경북경주문화원</span></p>
-                                    <p class="yea"><span>생산년도</span><span>2017</span></p>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="con-1">
-                                    <div class="block"><span class="cla">문서</span></div>
-                                    <div class="tit underline pink">慶州지방 古書 調査 目錄 (경주지방 고서</div>
-                                </div>
-                                <div class="con-2">
-                                    <p class="sub"><span>주제분야</span><span>자연과지리 &gt; 자연환경</span></p>
-                                    <p class="age"><span>생산기관</span><span>경북경주문화원</span></p>
-                                    <p class="yea"><span>생산년도</span><span>2017</span></p>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="con-1">
-                                    <div class="block"><span class="cla">문서</span></div>
-                                    <div class="tit underline pink">경주문화원 50년사</div>
-                                </div>
-                                <div class="con-2">
-                                    <p class="sub"><span>주제분야</span><span>자연과지리 &gt; 자연환경</span></p>
-                                    <p class="age"><span>생산기관</span><span>경북경주문화원</span></p>
-                                    <p class="yea"><span>생산년도</span><span>2014</span></p>
+                                    <p class="sub"><span>주제분야</span><span><c:if test="${empty itemPop.subjectNm }">-</c:if>${itemPop.subjectNm }</span></p>
+                                    <p class="age"><span>생산기관</span><span><c:if test="${empty itemPop.orgNm }">-</c:if>${itemPop.orgNm }</span></p>
+                                    <p class="yea"><span>생산년도</span><span><c:if test="${empty itemPop.creatYyyy }">-</c:if>${itemPop.creatYyyy }</span></p>
                                 </div>
                             </li>
+                            </c:if>
+                            </c:forEach>
                         </ul>    
                     </div>
-
-                    <div class="tabs_item">
-                        02
-                    </div>
-                    
-                    <div class="tabs_item">
-                        03
-                    </div>
-                    
-                    <div class="tabs_item">
-                        04
-                    </div>
-                    
-                    <div class="tabs_item">
-                        05
-                    </div>
-                    
-                    <div class="tabs_item">
-                        06
-                    </div>
-                    
-                    <div class="tabs_item">
-                        07
-                    </div>
+                    </c:forEach>
                 </div>
             </div>
         </div>
     </section>
+    </c:if>
     
     <!-- 섹션6 -->
+    <c:if test="${fn:length(listOnline) > 0 }">
     <section class="sec6">
         <h2 class="blind">온라인자료관 섹션영역</h2>
         <div class="inner">
@@ -283,175 +194,23 @@ $(document).ready(function() {
             <!-- Swiper -->
             <div class="swiper onlineSwiper">
                 <div class="swiper-wrapper items cover">
+                
+                    <c:forEach var="itemOnline" items="${listOnline }">
                     <div class="swiper-slide">
                         <div class="List">
                             <div class="inner">
                                 <div class="thumbnail">
-                                    <span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
+                                    <span class="image-frame"><img src="${itemOnline.rprsThumbUrlWithDefault }" alt="상세조회"  /></span>
                                     <div class="detail-cover">
-                                        <strong>2011 신라문화스토리텔러 교육교재 이론</strong>
+                                        <strong>${itemOnline.title }</strong>
                                         <ul>
-                                            <li><em>주제유형</em>도서간행물</li>
+                                            <li><em>주제유형</em><c:if test="${empty itemOnline.subjectNm }">-</c:if>${itemOnline.subjectNm }</li>
                                             <li><em>주제분야</em>문화유산</li>
-                                            <li><em>생산기관</em>마포문화원</li>
-                                            <li><em>생산년도</em>미상</li>
+                                            <li><em>생산기관</em><c:if test="${empty itemOnline.orgNm }">-</c:if>${itemOnline.orgNm }</span></li>
+                                            <li><em>생산년도</em><c:if test="${empty itemOnline.creatYyyy }">-</c:if>${itemOnline.creatYyyy }</li>
                                         </ul>
                                         <div class="btn-box">
-                                            <div class="view"><a href="#">원문보기</a></div>
-                                            <div class="RIS"><a href="#">RIS</a></div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="swiper-slide">
-                        <div class="List">
-                            <div class="inner">
-                                <div class="thumbnail">
-                                    <span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
-                                    <div class="detail-cover">
-                                        <strong>2011 신라문화스토리텔러 교육교재 이론</strong>
-                                        <ul>
-                                            <li><em>주제유형</em>도서간행물</li>
-                                            <li><em>주제분야</em>문화유산</li>
-                                            <li><em>생산기관</em>마포문화원</li>
-                                            <li><em>생산년도</em>미상</li>
-                                        </ul>
-                                        <div class="btn-box">
-                                            <div class="view"><a href="#">원문보기</a></div>
-                                            <div class="RIS"><a href="#">RIS</a></div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="swiper-slide">
-                        <div class="List">
-                            <div class="inner">
-                                <div class="thumbnail">
-                                    <span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
-                                    <div class="detail-cover">
-                                        <strong>2011 신라문화스토리텔러 교육교재 이론</strong>
-                                        <ul>
-                                            <li><em>주제유형</em>도서간행물</li>
-                                            <li><em>주제분야</em>문화유산</li>
-                                            <li><em>생산기관</em>마포문화원</li>
-                                            <li><em>생산년도</em>미상</li>
-                                        </ul>
-                                        <div class="btn-box">
-                                            <div class="view"><a href="#">원문보기</a></div>
-                                            <div class="RIS"><a href="#">RIS</a></div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="swiper-slide">
-                        <div class="List">
-                            <div class="inner">
-                                <div class="thumbnail">
-                                    <span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
-                                    <div class="detail-cover">
-                                        <strong>2011 신라문화스토리텔러 교육교재 이론</strong>
-                                        <ul>
-                                            <li><em>주제유형</em>도서간행물</li>
-                                            <li><em>주제분야</em>문화유산</li>
-                                            <li><em>생산기관</em>마포문화원</li>
-                                            <li><em>생산년도</em>미상</li>
-                                        </ul>
-                                        <div class="btn-box">
-                                            <div class="view"><a href="#">원문보기</a></div>
-                                            <div class="RIS"><a href="#">RIS</a></div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="swiper-slide">
-                        <div class="List">
-                            <div class="inner">
-                                <div class="thumbnail">
-                                    <span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
-                                    <div class="detail-cover">
-                                        <strong>2011 신라문화스토리텔러 교육교재 이론</strong>
-                                        <ul>
-                                            <li><em>주제유형</em>도서간행물</li>
-                                            <li><em>주제분야</em>문화유산</li>
-                                            <li><em>생산기관</em>마포문화원</li>
-                                            <li><em>생산년도</em>미상</li>
-                                        </ul>
-                                        <div class="btn-box">
-                                            <div class="view"><a href="#">원문보기</a></div>
-                                            <div class="RIS"><a href="#">RIS</a></div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="swiper-slide">
-                        <div class="List">
-                            <div class="inner">
-                                <div class="thumbnail">
-                                    <span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
-                                    <div class="detail-cover">
-                                        <strong>2011 신라문화스토리텔러 교육교재 이론</strong>
-                                        <ul>
-                                            <li><em>주제유형</em>도서간행물</li>
-                                            <li><em>주제분야</em>문화유산</li>
-                                            <li><em>생산기관</em>마포문화원</li>
-                                            <li><em>생산년도</em>미상</li>
-                                        </ul>
-                                        <div class="btn-box">
-                                            <div class="view"><a href="#">원문보기</a></div>
-                                            <div class="RIS"><a href="#">RIS</a></div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="swiper-slide">
-                        <div class="List">
-                            <div class="inner">
-                                <div class="thumbnail">
-                                    <span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
-                                    <div class="detail-cover">
-                                        <strong>2011 신라문화스토리텔러 교육교재 이론</strong>
-                                        <ul>
-                                            <li><em>주제유형</em>도서간행물</li>
-                                            <li><em>주제분야</em>문화유산</li>
-                                            <li><em>생산기관</em>마포문화원</li>
-                                            <li><em>생산년도</em>미상</li>
-                                        </ul>
-                                        <div class="btn-box">
-                                            <div class="view"><a href="#">원문보기</a></div>
-                                            <div class="RIS"><a href="#">RIS</a></div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="swiper-slide">
-                        <div class="List">
-                            <div class="inner">
-                                <div class="thumbnail">
-                                    <span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
-                                    <div class="detail-cover">
-                                        <strong>2011 신라문화스토리텔러 교육교재 이론</strong>
-                                        <ul>
-                                            <li><em>주제유형</em>도서간행물</li>
-                                            <li><em>주제분야</em>문화유산</li>
-                                            <li><em>생산기관</em>마포문화원</li>
-                                            <li><em>생산년도</em>미상</li>
-                                        </ul>
-                                        <div class="btn-box">
-                                            <div class="view"><a href="#">원문보기</a></div>
+                                            <div class="view"><a href="javascript:void(0)" onclick="gfn_showDocPdf('${itemOnline.interfaceId }')">원문보기</a></div>
                                             <div class="RIS"><a href="#">RIS</a></div>
                                         </div>
                                     </div>
@@ -459,6 +218,8 @@ $(document).ready(function() {
                             </div>
                         </div>
                     </div>
+                    </c:forEach>
+                    
                 </div>
                 <div class="swiper-button-next"></div>
                 <div class="swiper-button-prev"></div>
@@ -466,6 +227,7 @@ $(document).ready(function() {
             </div>
         </div>
     </section>
+    </c:if>
     
     <!-- 섹션7 -->
     <section class="sec7">

src/main/webapp/css/default.css

@@ -80,31 +80,31 @@ transition:all .3s ease;
 .wrap .nav-wrap .mobile .sub-menu .downarrow {position: absolute;right: 0;padding-right: 5%;}
 .wrap .nav-wrap #primary-nav.mobile .sub-menu .downarrow:before {content: '\25be';}
 .wrap .nav-wrap #primary-nav-button.mobile {display: inline-block;}
-.wrap .Btn {display: inline-block;width:25px;height:25px;cursor: pointer;text-decoration: none;position: relative;display: none;}
-.wrap .Btn i {position: relative;display: inline-block;width: 25px;height: 3px;color:#fff;font:bold 14px/.4 Helvetica;text-transform: uppercase;text-indent:-999999999px;
+.wrap #primary-nav-button {display: inline-block;width:25px;height:25px;cursor: pointer;text-decoration: none;position: relative;display: none;}
+.wrap #primary-nav-button i {position: relative;display: inline-block;width: 25px;height: 3px;color:#fff;font:bold 14px/.4 Helvetica;text-transform: uppercase;text-indent:-999999999px;
 background: #fff;
 -webkit-transition:all .2s ease-out;
 -moz-transition:all .2s ease-out;
 -o-transition:all .2s ease-out;
 transition:all .2s ease-out;
 }
-.wrap .Btn i::before, .Btn i::after {content:'';width: 25px;height: 3px;position: absolute;left:0;background:#fff;
+.wrap #primary-nav-button i::before, .Btn i::after {content:'';width: 25px;height: 3px;position: absolute;left:0;background:#fff;
 -webkit-transition:all .2s ease-out;
 -moz-transition:all .2s ease-out;
 -o-transition:all .2s ease-out;
 transition:all .2s ease-out;
 }
-.wrap .Btn i::before {top: -9px;}
-.wrap .Btn i::after {bottom: -9px;}
+.wrap #primary-nav-button i::before {top: -9px;}
+.wrap #primary-nav-button i::after {bottom: -9px;}
 
-.wrap .Btn.selected i {background:none;}
-.wrap .Btn.selected i::before {top:0;background: #fff;
+.wrap #primary-nav-button.selected i {background:none;}
+.wrap #primary-nav-button.selected i::before {top:0;background: #fff;
 -webkit-transform: rotateZ(45deg);
 -moz-transform: rotateZ(45deg);
 -o-transform: rotateZ(45deg);
 transform: rotateZ(45deg);
 }
-.wrap .Btn.selected i::after {bottom:0;background: #fff;
+.wrap #primary-nav-button.selected i::after {bottom:0;background: #fff;
 -webkit-transform: rotateZ(-45deg);
 -moz-transform: rotateZ(-45deg);
 -o-transform: rotateZ(-45deg);
@@ -206,6 +206,7 @@ transform: rotate(45deg);
 .sec3 .pickSwiper .swiper-slide .list-box .images {padding:30px 0px;height:195px;border-bottom:1px solid #ddd;}
 .sec3 .pickSwiper .swiper-slide .list-box .images a img {width:140px;height:100%;}
 .sec3 .pickSwiper .swiper-slide .list-box .subject {padding:20px 30px 30px;text-align: left;}
+.sec3 .pickSwiper .swiper-slide .list-box .subject a {display:inline-block;width:100%;height:85px;overflow:hidden;}
 .sec3 .pickSwiper .swiper-slide .list-box .subject .block {display:inline-block;width:100%;margin-bottom:10px;}
 .sec3 .pickSwiper .swiper-slide .list-box .subject .cla {display:inline;background:#e9e6df;padding:2px 10px;font-size:12px;color:#666;border-radius:30px;}
 .sec3 .pickSwiper .swiper-slide .list-box .subject .tit {display:inline;width:100%;font-size:18px;line-height:26px;color:#222;font-weight: 400}

src/main/webapp/index.html

@@ -1010,8 +1010,8 @@
         <div class="Bg"></div>
     </div>
     
-    <!-- 회원증 팝업  style="display:none; -->
-    <div class="pop-member"">
+    <!-- 회원증 팝업  -->
+    <div class="pop-member" style="display:none;" >
         <div class="inner">
             <div class="row Title">
                 <h3>회원증</h3>

src/main/webapp/js/nlib.js

@@ -420,10 +420,14 @@ function fn_formatDateStr(yyyymmdd, defVal) {
 	return defVal;
 }
 
-function docView(uri,interfaceId){
-	var openNewWindow = window.open("about:blank");
-	openNewWindow.location.href = uri + interfaceId;
+// 원문보기 
+var DOC_VIEW_URL = "https://port.nculture.org/npdfView.do?npdf=N";
+function gfn_showDocPdf(interfaceId) {
+	
+	alert(DOC_VIEW_URL + interfaceId);
+	var openNewWindow = window.open(DOC_VIEW_URL + interfaceId, "_blank");
 }
+
 function snsShare(snsType, url) {
 	var url,name,specs,changedUrl,title;
 	if(document.title.indexOf("|") > -1){