Index: dist/css/skins/skin-black-light-arms.css
===================================================================
diff -u -rcb8a409a3b4f4434bba7cef1e99e9f1cc9254ec1 -r68c61ab5812a341c5e7f8a095233f8b831eb3033
--- dist/css/skins/skin-black-light-arms.css	(.../skin-black-light-arms.css)	(revision cb8a409a3b4f4434bba7cef1e99e9f1cc9254ec1)
+++ dist/css/skins/skin-black-light-arms.css	(.../skin-black-light-arms.css)	(revision 68c61ab5812a341c5e7f8a095233f8b831eb3033)
@@ -294,4 +294,13 @@
     display: block;
     font-weight: bold;
     font-size: 12px;
+}
+
+.custom-timeline-header {
+    margin: 0;
+    color: #555;
+    border-bottom: 1px solid #f4f4f4;
+    padding: 10px;
+    font-size: 14px;
+    line-height: 1.1;
 }
\ No newline at end of file
Index: pages/ARMS-req-read/template-box-body.html
===================================================================
diff -u -r8f6dac7d6c578df4f4e5fcbca5d0946412686277 -r68c61ab5812a341c5e7f8a095233f8b831eb3033
--- pages/ARMS-req-read/template-box-body.html	(.../template-box-body.html)	(revision 8f6dac7d6c578df4f4e5fcbca5d0946412686277)
+++ pages/ARMS-req-read/template-box-body.html	(.../template-box-body.html)	(revision 68c61ab5812a341c5e7f8a095233f8b831eb3033)
@@ -65,7 +65,7 @@
     <div class="col-md-9">
         <div class="box box-primary">
             <div class="box-header with-border">
-                <h3 class="custom-box-title">요구사항 : REQ-aRMS-7313</h3> <button type="button" class="font13 btn btn-default"><i class="fa fa-history"></i> 요구사항 이력 확인하기</button>
+                <h3 class="custom-box-title">요구사항 : REQ-aRMS-7313</h3> <button type="button" class="font13 btn btn-default" onclick="location.href='ARMS-req-timeline.html'"><i class="fa fa-history"></i> 요구사항 이력 확인하기</button>
 
                 <div class="box-tools pull-right">
                     <a href="#" class="btn btn-box-tool" data-toggle="tooltip" title="" data-original-title="Previous"><i class="fa fa-chevron-left"></i></a>
Index: pages/ARMS-req-timeline/template-box-body.html
===================================================================
diff -u -r8f6dac7d6c578df4f4e5fcbca5d0946412686277 -r68c61ab5812a341c5e7f8a095233f8b831eb3033
--- pages/ARMS-req-timeline/template-box-body.html	(.../template-box-body.html)	(revision 8f6dac7d6c578df4f4e5fcbca5d0946412686277)
+++ pages/ARMS-req-timeline/template-box-body.html	(.../template-box-body.html)	(revision 68c61ab5812a341c5e7f8a095233f8b831eb3033)
@@ -64,12 +64,26 @@
     <!-- /.col -->
         <!-- row -->
             <div class="col-md-9">
+                <div class="box box-primary">
+                    <div class="box-header with-border">
+                        <h3 class="custom-box-title">요구사항 : REQ-aRMS-7313</h3> <button type="button" class="font13 btn btn-default" onclick="location.href='ARMS-req-timeline.html'"><i class="fa fa-history"></i> 요구사항 이력 확인하기</button>
+
+                        <div class="box-tools pull-right">
+                            <a href="#" class="btn btn-box-tool" data-toggle="tooltip" title="" data-original-title="Previous"><i class="fa fa-chevron-left"></i></a>
+                            <a href="#" class="btn btn-box-tool" data-toggle="tooltip" title="" data-original-title="Next"><i class="fa fa-chevron-right"></i></a>
+                        </div>
+                    </div>
+                    <div class="box-body no-padding">
+                        <div class="custom-mailbox-read-info">
+                            <h3>aRMS가 jsTree Service Framework로 구성되어 있으므로 mysql 지원 필요해요</h3><br>
+                        </div>
+                    </div>
                 <!-- The time line -->
                 <ul class="timeline">
                     <!-- timeline time label -->
                     <li class="time-label">
                   <span class="bg-red">
-                    10 Feb. 2014
+                    10 Feb. 2021
                   </span>
                     </li>
                     <!-- /.timeline-label -->
@@ -80,13 +94,12 @@
                         <div class="timeline-item">
                             <span class="time"><i class="fa fa-clock-o"></i> 12:05</span>
 
-                            <h3 class="timeline-header"><a href="#">Support Team</a> sent you an email</h3>
+                            <h3 class="custom-timeline-header"><strong><a href="#">정재용 상무님</a> accepted Requirement</strong></h3>
 
                             <div class="timeline-body">
-                                Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles,
-                                weebly ning heekya handango imeem plugg dopplr jibjab, movity
-                                jajah plickers sifteo edmodo ifttt zimbra. Babblely odeo kaboodle
-                                quora plaxo ideeli hulu weebly balihoo...
+                                상당수 고객사에서 요청하는 요구사항으로 데이터베이스의 비용증가를 우려하고있습니다.
+                                본 이슈는 빠른 처리를 요하고 있으므로, 가장 빠른 릴리즈 버전을 통하여 배포되길 희망합니다.
+                                또한 본 이슈의 처리에 있어서 변경 요청은 가능한 수용할 예정이오니, 적극적인 반영을 부탁합니다.
                             </div>
                             <div class="timeline-footer">
                                 <a class="btn btn-primary btn-xs">Read more</a>
@@ -102,7 +115,7 @@
                         <div class="timeline-item">
                             <span class="time"><i class="fa fa-clock-o"></i> 5 mins ago</span>
 
-                            <h3 class="timeline-header no-border"><a href="#">Sarah Young</a> accepted your friend request</h3>
+                            <h3 class="custom-timeline-header no-border"><strong><a href="#">이동민</a> request accepted to manager</strong></h3>
                         </div>
                     </li>
                     <!-- END timeline item -->
@@ -113,7 +126,7 @@
                         <div class="timeline-item">
                             <span class="time"><i class="fa fa-clock-o"></i> 27 mins ago</span>
 
-                            <h3 class="timeline-header"><a href="#">Jay White</a> commented on your post</h3>
+                            <h3 class="custom-timeline-header"><strong><a href="#">이은주</a> commented on requirement</strong></h3>
 
                             <div class="timeline-body">
                                 Take me to your leader!
@@ -129,7 +142,7 @@
                     <!-- timeline time label -->
                     <li class="time-label">
                   <span class="bg-green">
-                    3 Jan. 2014
+                    3 Jan. 2021
                   </span>
                     </li>
                     <!-- /.timeline-label -->
@@ -140,13 +153,13 @@
                         <div class="timeline-item">
                             <span class="time"><i class="fa fa-clock-o"></i> 2 days ago</span>
 
-                            <h3 class="timeline-header"><a href="#">Mina Lee</a> uploaded new photos</h3>
+                            <h3 class="custom-timeline-header"><strong><a href="#">최은영</a> uploaded new files</strong></h3>
 
                             <div class="timeline-body">
-                                <img src="http://placehold.it/150x100" alt="..." class="margin">
-                                <img src="http://placehold.it/150x100" alt="..." class="margin">
-                                <img src="http://placehold.it/150x100" alt="..." class="margin">
-                                <img src="http://placehold.it/150x100" alt="..." class="margin">
+                                <img src="http://www.313.co.kr/DeveloperPortal/Design/jsTreeServiceFramework/index.png" width="150px" height="100px" alt="..." class="margin">
+                                <img src="http://www.313.co.kr/DeveloperPortal/Design/jsTreeServiceFramework/jstree.png" width="150px" height="100px" alt="..." class="margin">
+                                <img src="http://www.313.co.kr/DeveloperPortal/Design/jsTreeServiceFramework/jstree4.png" width="150px" height="100px" alt="..." class="margin">
+                                <img src="http://www.313.co.kr/DeveloperPortal/Design/jsTreeServiceFramework/jstree5.png" width="150px" height="100px" alt="..." class="margin">
                             </div>
                         </div>
                     </li>
@@ -158,14 +171,17 @@
                         <div class="timeline-item">
                             <span class="time"><i class="fa fa-clock-o"></i> 5 days ago</span>
 
-                            <h3 class="timeline-header"><a href="#">Mr. Doe</a> shared a video</h3>
+                            <h3 class="custom-timeline-header"><strong><a href="#">이혜진</a> created Requirement</strong></h3>
 
                             <div class="timeline-body">
-                                <div class="embed-responsive embed-responsive-16by9">
-                                    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/tMWkeBIohBs" frameborder="0" allowfullscreen=""></iframe>
-                                </div>
+                                여러 고객사에서 다음 요구사항을 전달해 오셨습니다.
+                                고객은 다양한 데이터베이스의 라이선스 비용의 부담으로 인하여 mysql community도입을 희망하고 있습니다.
+                                따라서, 고객은 현재 ARMS의 사용성을 느끼고 있으나, 추가 비용에 대한 절감을 위하여, mysql 을 도입하고자 합니다.
+                                이에 본 요구사항을 생성했고, 진행하기로 결의 되었습니다.
                             </div>
                             <div class="timeline-footer">
+                                <a class="btn btn-primary btn-xs">Read more</a>
+                                <a class="btn btn-danger btn-xs">Delete</a>
                                 <a href="#" class="btn btn-xs bg-maroon">See comments</a>
                             </div>
                         </div>
@@ -175,6 +191,7 @@
                         <i class="fa fa-clock-o bg-gray"></i>
                     </li>
                 </ul>
+                </div>
             </div>
             <!-- /.col -->
         <!-- /.row -->