diff --git a/src/main/webapp/WEB-INF/jsp/nlib/cart/listCartItems.jsp b/src/main/webapp/WEB-INF/jsp/nlib/cart/listCartItems.jsp
index b17d080c..c4b6da72 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/cart/listCartItems.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/cart/listCartItems.jsp
@@ -283,12 +283,13 @@ $(document).ready(function() {
                             <h3><label for="selMngOrgCd_${cart.mngOrgCd}"><input type="radio" id="selMngOrgCd_${cart.mngOrgCd}" name="selMngOrgCd" value="${cart.mngOrgCd}"><span id="_${cart.mngOrgCd}_nm">${cart.mngOrgNm }</span> (<span class="count" id="_${cart.mngOrgCd}_cnt"></span>)</label></h3>
                                 <div class="list-cart">
                                     <div class="list t-tit-line">
-                                        <div class="t-chk"><input type="checkbox" id="chk_all_${cart.mngOrgCd }" name="chk_all_${cart.mngOrgCd }" onclick="fn_selectAll('${cart.mngOrgCd}')"><label for="chk_all_${cart.mngOrgCd }" style="display:none">전체자료선택</label></div>
-                                        <div class="t-data">자료정보</div>
-                                        <div class="t-state">이용상태</div>
-                                        <div class="t-date">반납예정일</div>
-                                        <div class="t-loan">대출</div>
-                                        <div class="t-visit">방문열람</div>
+                                        <div class="t-chk"><input type="checkbox" id="chk_all_${cart.mngOrgCd }" name="chk_all_${cart.mngOrgCd }" onclick="fn_selectAll('${cart.mngOrgCd}')"><label for="chk_all_${cart.mngOrgCd }" style="display:none">전체자료선택</label><span class="mo-ver"><strong>전체선택</strong> (3/3)</span></div>
+                                        <div class="t-data t-mo">자료정보</div>
+                                        <div class="t-state t-mo">이용상태</div>
+                                        <div class="t-date t-mo">반납예정일</div>
+                                        <div class="t-loan t-mo">대출</div>
+                                        <div class="t-visit t-mo">방문열람</div>
+                                        <div class="t-delete mo-ver">선택삭제</div>
                                     </div>              
                        <c:set var="preMngOrgCd" value="${cart.mngOrgCd}" />   
                     </c:if>
@@ -297,7 +298,7 @@ $(document).ready(function() {
                     <c:set var="totCnt" value="${totCnt+1}" />
             
                     <!-- 행 : 시작  -->
-                    <div class="list">
+                    <div class="list list-content">
                         <div class="t-chk"><input type="checkbox" name="chk_item_${cart.mngOrgCd }" id="chk_item_${cart.mngOrgCd }" value="${cart.masterId }" ><label for="chk_item_${cart.mngOrgCd }" style="display:none">문화원선택</label></div>
                         <div class="t-data">
                             <div class="img">${cart.interestYn }
@@ -353,11 +354,11 @@ $(document).ready(function() {
                                 <div class="list-cart">
                                     <div class="list t-tit-line">
                                         <div class="t-chk"><input name="mngNone" id="mngNone" type="checkbox"><label for="mngNone" style="display:none">검색어</label></div>
-                                        <div class="t-data">자료정보</div>
-                                        <div class="t-state">이용상태</div>
-                                        <div class="t-date">반납예정일</div>
-                                        <div class="t-loan">대출</div>
-                                        <div class="t-visit">방문열람</div>
+                                        <div class="t-data t-mo">자료정보</div>
+                                        <div class="t-state t-mo">이용상태</div>
+                                        <div class="t-date t-mo">반납예정일</div>
+                                        <div class="t-loan t-mo">대출</div>
+                                        <div class="t-visit t-mo">방문열람</div>
                                     </div>
                                     <div class="no-result">
                                          <span>자료가 없습니다.</span>
@@ -366,7 +367,7 @@ $(document).ready(function() {
         </c:if>         
         
         <c:if test="${totCnt > 0 }">
-                                    <div class="btn-box">   
+                                    <div class="btn-box btn-cart-top">   
                                         <div class="left">
                                             <button type="button" class="btn btn-gray" onclick="fn_deleteCartItems()">선택삭제</button>
                                             
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/read/confirmRead.jsp b/src/main/webapp/WEB-INF/jsp/nlib/read/confirmRead.jsp
index c1b1f9ef..dbd3a90b 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/read/confirmRead.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/read/confirmRead.jsp
@@ -295,22 +295,24 @@ $(document).ready(function() {
                                     %>
                                     <h3><span>희망</span>방문일</h3>
                                     <div class="select-box">
-                                        <select id="hopeReqPridDtmFrom" name="hopeReqPridDtmFrom"  class="visitDate">>
-                                            <c:forEach var="dtItem" items="${listDates}" varStatus="status">
-                                                <option value="${dtItem.dt }">${dtItem.dt }</option>
-                                            </c:forEach>
-                                        </select>
-                                        <label for="hopeReqPridDtmFrom" style="display:none">희망방문 시작일자</label>
-                                        <span>에서</span>
-                                        <select id="hopeReqPridDtmTo" name="hopeReqPridDtmTo"  class="visitDate">
-                                            <c:forEach var="dtItem" items="${listDates}" varStatus="status">
-                                                <option value="${dtItem.dt }"
-                                                    <c:if test='${status.count == 2}'>selected</c:if>
-                                                >${dtItem.dt }</option>
-                                            </c:forEach>
-                                        </select>
-                                        <label for="hopeReqPridDtmTo" style="display:none">희망방문 종료일자</label>
-                                        <span>사이</span>
+                                    	<div>
+	                                        <select id="hopeReqPridDtmFrom" name="hopeReqPridDtmFrom"  class="visitDate">
+	                                            <c:forEach var="dtItem" items="${listDates}" varStatus="status">
+	                                                <option value="${dtItem.dt }">${dtItem.dt }</option>
+	                                            </c:forEach>
+	                                        </select> 에서
+	                                        <label for="hopeReqPridDtmFrom" style="display:none">희망방문 시작일자</label>
+                                        </div>
+                                        <div>
+	                                        <select id="hopeReqPridDtmTo" name="hopeReqPridDtmTo"  class="visitDate">
+	                                            <c:forEach var="dtItem" items="${listDates}" varStatus="status">
+	                                                <option value="${dtItem.dt }"
+	                                                    <c:if test='${status.count == 2}'>selected</c:if>
+	                                                >${dtItem.dt }</option>
+	                                            </c:forEach>
+	                                        </select> 사이
+	                                        <label for="hopeReqPridDtmTo" style="display:none">희망방문 종료일자</label>
+                                        </div>
                                     </div>
                                 </div>
                                 <p class="text">- 자료 열람은 방문열람신청이 승인된 후, 지정된 시간에 가능합니다.</p>
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/read/insertReadItems.jsp b/src/main/webapp/WEB-INF/jsp/nlib/read/insertReadItems.jsp
index 8bbbd0a7..7d934924 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/read/insertReadItems.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/read/insertReadItems.jsp
@@ -95,7 +95,7 @@ function fn_listReadItems() {
                                             
                                             <c:forEach var="read" items="${list}" varStatus="status">
                                             <!-- 행 : 시작  -->
-                                            <div class="list">
+                                            <div class="list list-content">
                                                 <div class="t-data">
                                                     <div class="img"><a href="javascript:void(0)"><img src="${read.rprsThumbUrlWithDefaultSmall }" alt="썸네일" width="60" height="91" title="상세보기" onclick="gfn_getDetail('${read.masterId }')"></a>
                                                       <c:if test='${read.MUseYn == "Y"}'>
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/rent/confirmRent.jsp b/src/main/webapp/WEB-INF/jsp/nlib/rent/confirmRent.jsp
index f14fde48..f220b433 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/rent/confirmRent.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/rent/confirmRent.jsp
@@ -1,3 +1,4 @@
+<%
 /**
  * <pre>
  * @Class Name : confirmRent.jsp
@@ -151,7 +152,7 @@ $(document).ready(function() {
       
       
     <!-- 카트 섹션 -->
-    <section class="location cart">
+    <section class="location cart cart-confirm">
         <h2 class="blind">카트 섹션영역</h2>
         <div class="inner">
             <div class="row-top">
@@ -164,7 +165,7 @@ $(document).ready(function() {
                         <li class="on">대출신청/예약</li>
                     </ul>
                     <ul class="tit">
-                        <li><span>대출신청/예약</span></li>
+                        <li><span>대출</span>신청/예약</li>
                     </ul>
                 </div>
                 <div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
@@ -172,7 +173,7 @@ $(document).ready(function() {
             <div class="contents row-bottom">
                 <div class="cart-box">
                     <div class="tab">
-                        <div class="tab_content">
+                        <div class="tab_content loan-confirm">
                             <div class="tabs_item">
                                 <div class="inner">
                                     <div class="list-cart-wrap confirm">
@@ -186,11 +187,11 @@ $(document).ready(function() {
                             <h3><label>대출신청/예약확인 : ${rentVO.mngOrgNm }</label></h3>
                                 <div class="list-cart">
                                     <div class="list t-tit-line">
-                                        <div class="t-data">자료정보</div>
-                                        <div class="t-state">이용상태</div>
-                                        <div class="t-date">반납예정일</div>
-                                        <div class="t-reser">신청/예약정보</div>
-                                        <div class="t-visit">비고</div>
+                                        <div class="t-data t-mo">자료정보</div>
+                                        <div class="t-state t-mo">이용상태</div>
+                                        <div class="t-date t-mo">반납예정일</div>
+                                        <div class="t-reser t-mo">신청/예약정보</div>
+                                        <div class="t-visit t-mo">비고</div>
                                     </div>
           
                                 <c:forEach var="rent" items="${list}" varStatus="status">
@@ -219,7 +220,7 @@ $(document).ready(function() {
                                     <c:set var="selItems" value='${selItems += "," += rent.masterId }' />
                                     </c:if>
                                     
-                                    <div class="list">
+                                    <div class="list list-content">
                                         <div class="t-data">
                                             <div class="img"><a href="javascript:void(0)"><img src="${rent.rprsThumbUrlWithDefaultSmall }" alt="썸네일" width="60" height="91" title="상세보기" onclick="gfn_getDetail('${rent.masterId }')"></a>
                                                   <c:if test='${rent.MUseYn == "Y"}'>
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/rent/insertRentItems.jsp b/src/main/webapp/WEB-INF/jsp/nlib/rent/insertRentItems.jsp
index 880565d7..b97e404a 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/rent/insertRentItems.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/rent/insertRentItems.jsp
@@ -152,7 +152,7 @@ $(document).ready(function() {
     
     
     <!-- 카트완료 섹션 -->
-    <section class="location cart">
+    <section class="location cart cart-confirm">
         <h2 class="blind">카트완료 섹션영역</h2>
         <div class="inner">
             <div class="row-top">
@@ -165,7 +165,7 @@ $(document).ready(function() {
                         <li class="on">대출신청/예약</li>
                     </ul>
                     <ul class="tit">
-                        <li><span>대출신청/예약</span></li>
+                        <li><span>대출</span>신청/예약</li>
                     </ul>
                 </div>
                 <div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
@@ -173,18 +173,18 @@ $(document).ready(function() {
             <div class="contents row-bottom">
                 <div class="cart-box">
                     <div class="tab">
-                        <div class="tab_content">
+                        <div class="tab_content loan-confirm">
                             <div class="tabs_item">
                                 <div class="inner">
                                     <div class="list-cart-wrap complete">
                                         <h3><label>${rentVO.mngOrgNm } (<span id="totCnt" class="count">0</span>)</label></h3>
                                         <div class="list-cart">
                                             <div class="list t-tit-line">
-                                                <div class="t-data">자료정보</div>
-                                                <div class="t-state">이용상태</div>
-                                                <div class="t-date">반납예정일</div>
-                                                <div class="t-reser">신청/예약정보</div>
-                                                <div class="t-visit">비고</div>
+                                                <div class="t-data t-mo">자료정보</div>
+                                                <div class="t-state t-mo">이용상태</div>
+                                                <div class="t-date t-mo">반납예정일</div>
+                                                <div class="t-reser t-mo">신청/예약정보</div>
+                                                <div class="t-visit t-mo">비고</div>
                                             </div>
 								                                            
 								          <c:set var="rentType1Cnt" value="0" />
@@ -192,7 +192,7 @@ $(document).ready(function() {
                                             
                                             <c:forEach var="rent" items="${list}" varStatus="status">
                                             <!-- 행 : 시작  -->
-                                            <div class="list">
+                                            <div class="list list-content">
                                                 <div class="t-data">
                                                     <div class="img"><a href="javascript:void(0)"><img src="${rent.rprsThumbUrlWithDefaultSmall }" alt="썸네일" width="60" height="91" title="상세보기" onclick="fn_gotoDetail('${rent.masterId }')"></a>
 	                                                  <c:if test='${rent.MUseYn == "Y"}'>
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/userInfo/getMyHome.jsp b/src/main/webapp/WEB-INF/jsp/nlib/userInfo/getMyHome.jsp
index c804c017..4dcdccff 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/userInfo/getMyHome.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/userInfo/getMyHome.jsp
@@ -173,11 +173,11 @@
                             </div>
                         </div>
                         
-                        <div class="loan-history">
+                        <div class="loan-history list-wrap">
                             <div class="inner">
                                 <div class="title-box">
                                     <div class="title"><h3><span>대출</span>내역</h3><div class="cont">총 <span>${rentTotalCount }</span>건</div></div>
-                                    <div class="More"><a href="javascript:void(0);" onclick="gfn_gotoUrl('/rent/listRentItems.do')">더보기 <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></a></div>
+                                    <div class="More"><a href="javascript:void(0);" onclick="gfn_gotoUrl('/rent/listRentItems.do')"><span>더보기</span> <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></a></div>
                                 </div>
                                 
                                 <c:forEach var="item" items="${rentList }">
@@ -219,11 +219,11 @@
                             </div>
                         </div>
                         
-                        <div class="visit-history">
+                        <div class="visit-history list-wrap">
                             <div class="inner">
                                 <div class="title-box">
                                     <div class="title"><h3><span>방문열람</span>내역</h3><div class="cont">총 <span>${readTotalCount }</span>건</div></div>
-                                    <div class="More"><a href="javascript:void(0);" onclick="gfn_gotoUrl('/read/listReadItems.do')">더보기 <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></a></div>
+                                    <div class="More"><a href="javascript:void(0);" onclick="gfn_gotoUrl('/read/listReadItems.do')"><span>더보기</span> <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></a></div>
                                 </div>
 
                                 <c:forEach var="item" items="${readList }">
diff --git a/src/main/webapp/data-detail.html b/src/main/webapp/data-detail.html
index 3d4af63f..a5ee8aa1 100644
--- a/src/main/webapp/data-detail.html
+++ b/src/main/webapp/data-detail.html
@@ -221,16 +221,31 @@
                         <h3><span>목차</span>정보</h3>
                         <button type="button" class="down-btn">down-btn</button>
                     </div>
-                    <div class="bottom h-down">
-                        <p><span>1부</span> 역사 속의 경주1 - 경주, 조선의 500년 역사를 찾다</p>
-                        <p><span>2부</span> 역사 속의 경주2 - 금오산을 바라본 조선문인의 시선</p>
-                        <p><span>3부</span> 경주문화제 핫이슈 - 타향살이 100년 ‘청와대 미남석불’, 이제는 고향 경주의 품으로</p>
-                        <p><span>4부</span> 경주문화제 핫이슈 - 타향살이 100년 ‘청와대 미남석불’, 이제는 고향 경주의 품으로</p>
-                        <p><span>5부</span> 경주문화제 핫이슈 - 타향살이 100년 ‘청와대 미남석불’, 이제는 고향 경주의 품으로</p>
-                        <p><span>6부</span> 경주문화제 핫이슈 - 타향살이 100년 ‘청와대 미남석불’, 이제는 고향 경주의 품으로</p>
-                        <p><span>7부</span> 경주문화제 핫이슈 - 타향살이 100년 ‘청와대 미남석불’, 이제는 고향 경주의 품으로</p>
-                        <p><span>8부</span> 경주문화제 핫이슈 - 타향살이 100년 ‘청와대 미남석불’, 이제는 고향 경주의 품으로</p>
-                        <p><span>9부</span> 경주문화제 핫이슈 - 타향살이 100년 ‘청와대 미남석불’, 이제는 고향 경주의 품으로</p>
+                    <div class="bottom h-down" style="white-space: pre-wrap;">
+황금찬/ 말하는 역사 마포 - 30
+  홍금자/ 마포연가 - 31
+  가영심/ 숨은 꽃 - 32
+  강흠경/
+    낙화 - 33
+    로렐라이 - 34
+  고광자/
+    비양섬, 시가 되어 흐르네 - 35
+    아버지 - 36
+  공계열/ 안양천에서 상처를 보다 - 37
+  구  상/ 후백송 - 38
+  권오순/
+    빈집 - 39
+    나팔꽃 - 40
+  김계국/
+    사할린 상공에서 - 41
+    연날리기 - 42
+  김기림/ 바다와 나비 - 43
+  김남조/ 겨울바다 - 44
+  김남환/ 엉겅퀴처럼 삽니다 - 45
+  김문중/
+    고향 - 46
+    생명의 꽃 - 47  
+          
                     </div>
                 </div>