메인화면 중간 백업 및 css 적용

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

@@ -1,5 +1,6 @@
 package nlib.cmm.web;
 
+import java.util.ArrayList;
 import java.util.List;
 import java.util.Map;
 
@@ -19,8 +20,10 @@ 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;
 
 /**
@@ -84,9 +87,26 @@ public class MainController extends NlibCommonController {
 				
 		// 유형별 인기자료 
 		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);
-		String typeDivCd = (listTypeDivCodes == null || listTypeDivCodes.size() < 1 ? null : listTypeDivCodes.get(0).get("typeDivCd")); 
+		
-		model.addAttribute("listPops", mainService.listPops(mngOrgCd, typeDivCd));
 
 		// 온라인자료관 
 		model.addAttribute("listOnline", mainService.listOnline(mngOrgCd));
@@ -130,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/MainDAO_SQL.xml

@@ -106,6 +106,8 @@
                , (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'
@@ -120,7 +122,7 @@
 		AND IFNULL(M.BOOKCASE_ID, '') != '' /* 서가아이디 존재 */ 
 		AND M.DIGITAL_READ_YN = 'Y'         /* 디지탈열람여부 */ 
 		ORDER BY M.MOD_DD DESC 
-		LIMIT 10
+		LIMIT 4
         ]]>
     </select>
           
@@ -146,6 +148,10 @@
 		       , (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 
 		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'
@@ -155,7 +161,8 @@
 		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
         ]]>

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)
+# \uc6d0\ubb38\ubcf4\uae30 (PDF)
-# \uac1c\ubc1c
+# \uac1c\ubc1c (\ud604\uc7ac) 
-pdf.uri = https://port-dev.nculture.org/npdfView.do?npdf=I
+pdf.url = https://port-dev.nculture.org/npdfView.do?npdf=I
-# \uc6b4\uc601
+# \uac1c\ubc1c (\ucd94\ud6c4)
-#pdf.uri = https://port-dev.nculture.org/npdfView.do?npdf=
+#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

@@ -29,7 +29,11 @@ function fn_search(keyword) {
 	
 	return;
 }
-
+function fn_listPops(typeDivCd) {
+    $("div.tab_content div.tabs_item").hide();
+    $("#listPops_" + typeDivCd).show();
+	
+}
 </script>
 
     <!-- 섹션1 -->
@@ -105,9 +109,9 @@ function fn_search(keyword) {
                     
                         <div class="swiper-slide">
                             <div class="list-box">
-                                <div class="images"><a href="javascript:void(0)" onclick="gfn_getDetail('${itemPick.masterId }')" title="상세조회"><img src="${itemPick.rprsThumbUrlWithDefault }" 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="">
+                                    <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>
@@ -139,6 +143,7 @@ function fn_search(keyword) {
     </section>
     
     <!-- 섹션5 -->
+    <c:if test="${fn:length(listTypeDivCodes) > 0 }">
     <section class="sec5">
         <h2 class="blind">인기자료 섹션영역</h2>
         <div class="inner">
@@ -146,93 +151,41 @@ function fn_search(keyword) {
             <p class="desc">자료유형별로 이런 인기자료들이 있어요!</p>
             <div class="tab">
                 <ul class="tabs">
-                    <li><a href="#">문서</a></li>
+                    <c:forEach var="itemTypeDivCode" items="${listTypeDivCodes }">
-                    <li><a href="#">도면/지도</a></li>
+                    <li><a href="javascript:void(0)" onclick="javascript:fn_listPops('${itemTypeDivCode.typeDivCd}')">${itemTypeDivCode.typeDivNm}</a></li>
-                    <li><a href="#">사진필름류</a></li>
+                    </c:forEach>
-                    <li><a href="#">녹음동영상</a></li>
-                    <li><a href="#">도서간행물</a></li>
-                    <li><a href="#">박물</a></li>
-                    <li><a href="#">웹정보자료</a></li>
                 </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="block"><span class="cla">${itemPop.typeDivNm }</span></div>
-                                    <div class="tit underline pink">국역 경주읍지</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="sub"><span>주제분야</span><span><c:if test="${empty itemPop.subjectNm }">-</c:if>${itemPop.subjectNm }</span></p>
-                                    <p class="age"><span>생산기관</span><span>경북경주문화원</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>2003</span></p>
+                                    <p class="yea"><span>생산년도</span><span><c:if test="${empty itemPop.creatYyyy }">-</c:if>${itemPop.creatYyyy }</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>
                                 </div>
                             </li>
+                            </c:if>
+                            </c:forEach>
                         </ul>    
                     </div>
-
+                    </c:forEach>
-                    <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>
                 </div>
             </div>
         </div>
     </section>
+    </c:if>
     
     <!-- 섹션6 -->
+    <c:if test="${fn:length(listOnline) > 0 }">
     <section class="sec6">
         <h2 class="blind">온라인자료관 섹션영역</h2>
         <div class="inner">
@@ -241,175 +194,23 @@ function fn_search(keyword) {
             <!-- 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><c:if test="${empty itemOnline.orgNm }">-</c:if>${itemOnline.orgNm }</span></li>
-                                            <li><em>생산년도</em>미상</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="view"><a href="javascript:void(0)" onclick="gfn_showDocPdf('${itemOnline.interfaceId }')">원문보기</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="RIS"><a href="#">RIS</a></div>
                                         </div>
                                     </div>
@@ -417,6 +218,8 @@ function fn_search(keyword) {
                             </div>
                         </div>
                     </div>
+                    </c:forEach>
+                    
                 </div>
                 <div class="swiper-button-next"></div>
                 <div class="swiper-button-prev"></div>
@@ -424,6 +227,7 @@ function fn_search(keyword) {
             </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 #primary-nav-button {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 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 #primary-nav-button i::before {top: -9px;}
-.wrap .Btn i::after {bottom: -9px;}
+.wrap #primary-nav-button i::after {bottom: -9px;}
 
-.wrap .Btn.selected i {background:none;}
+.wrap #primary-nav-button.selected i {background:none;}
-.wrap .Btn.selected i::before {top:0;background: #fff;
+.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");
+var DOC_VIEW_URL = "https://port.nculture.org/npdfView.do?npdf=N";
-	openNewWindow.location.href = uri + interfaceId;
+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){