diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css
index eb01b4c7..41ebf38e 100644
--- a/src/main/webapp/css/media.css
+++ b/src/main/webapp/css/media.css
@@ -763,6 +763,15 @@ footer .family_site {right:10px;}
  .data.detail .inner .row-bottom .con-4 { padding: 0px 0px 30px; margin: 0px 0px 30px; } 
  .data.detail .btn-box { padding: 0 16px; } 
  .data.detail .btn-box .btn { width: 100%; } 
+ 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion > span { float: left; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .desc-wrap { display: flex; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .desc-wrap .desc { position: relative; flex: 1; height: 20px; word-break: unset; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #fff; line-height: 24px; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion button { width: 64px; height: 28px; margin-left: 10px; background: #3e414a; border-radius: 30px; font-size: 12px; line-height: 18px; color: #ffffff; margin-top: -4px; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion .btn-hide { display: none; background: #909090; position: absolute; bottom: 0; right: 0; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .desc-wrap .desc { width: 100%; height: auto; word-break: break-all; padding-bottom: 30px; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .desc-wrap .btn-more { display: none; } 
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .btn-hide { display: block; } 
 
  /* 공지사항 */
  .list-header .list-search { position: relative; margin-bottom: 42px; } 
diff --git a/src/main/webapp/js/default.js b/src/main/webapp/js/default.js
index f497532a..0466dbd0 100644
--- a/src/main/webapp/js/default.js
+++ b/src/main/webapp/js/default.js
@@ -24,6 +24,15 @@ $(document).ready(function(){
     $('.location .inner .row-top .arr img').attr('alt','');
     $('.map .inner .info-box .info-sec .text-box > div span:nth-of-type(1) em.next').append('<span class="ir">다음</span>');
     
+    // 상세보기 아코디언
+    $(".detail-accordion .btn-more").on("click", function () {
+        $(".detail-accordion").addClass("show");
+
+        $(".detail-accordion .btn-hide").click(function () {
+            $(".detail-accordion").removeClass("show");
+        });
+    });
+    
     /* 인기자료 탭메뉴 */
     (function ($) {
         $(".tab ul.tabs").addClass("active").find("> li:eq(0)").addClass("current");