Index: pages/ARMS-req-list/template-box-body.html
===================================================================
diff -u -r019b264b935fa6bea1277aa5c5cdb2a180d49c08 -r01bd0fa442dba1e0115fa57e87b413a1d7a6b4a9
--- pages/ARMS-req-list/template-box-body.html	(.../template-box-body.html)	(revision 019b264b935fa6bea1277aa5c5cdb2a180d49c08)
+++ pages/ARMS-req-list/template-box-body.html	(.../template-box-body.html)	(revision 01bd0fa442dba1e0115fa57e87b413a1d7a6b4a9)
@@ -104,7 +104,7 @@
                             <tr>
                                 <td ><input type="checkbox"></td>
                                 <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
-                                <td class="mailbox-name"><a href="#">REQ-jstree-358</a></td>
+                                <td class="mailbox-name"><a href="ARMS-req-read.html">REQ-jstree-358</a></td>
                                 <td class="mailbox-subject"><b>이동민</b> - Core-Lib 사용시 메세지 소스 적용 방법 변경 요청...
                                 </td>
                                 <td class="mailbox-attachment"></td>
@@ -113,7 +113,7 @@
                             <tr>
                                 <td ><input type="checkbox"></td>
                                 <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
-                                <td class="mailbox-name"><a href="#">REQ-aRMS-984</a></td>
+                                <td class="mailbox-name"><a href="ARMS-req-read.html">REQ-aRMS-984</a></td>
                                 <td class="mailbox-subject"><b>조경원</b> - 처음 사용자를 위한 마법사 기능이 필요합니다...
                                 </td>
                                 <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
@@ -122,7 +122,7 @@
                             <tr>
                                 <td ><input type="checkbox"></td>
                                 <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
-                                <td class="mailbox-name"><a href="#">REQ-aRMS-718</a></td>
+                                <td class="mailbox-name"><a href="ARMS-req-read.html">REQ-aRMS-718</a></td>
                                 <td class="mailbox-subject"><b>전옥현</b> - 조회 리스트에 상태 표시가 필요합니다(승인 대기중 같은)...
                                 </td>
                                 <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
@@ -131,7 +131,7 @@
                             <tr>
                                 <td ><input type="checkbox"></td>
                                 <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
-                                <td class="mailbox-name"><a href="#">REQ-aRMS-609</a></td>
+                                <td class="mailbox-name"><a href="ARMS-req-read.html">REQ-aRMS-609</a></td>
                                 <td class="mailbox-subject"><b>김경화</b> - JQL 같은 Search Plugin을 활용할 수 있으면 좋겠습니다...
                                 </td>
                                 <td class="mailbox-attachment"></td>
@@ -140,7 +140,7 @@
                             <tr>
                                 <td ><input type="checkbox"></td>
                                 <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
-                                <td class="mailbox-name"><a href="#">REQ-aRMS-540</a></td>
+                                <td class="mailbox-name"><a href="ARMS-req-read.html">REQ-aRMS-540</a></td>
                                 <td class="mailbox-subject"><b>함봄</b> - 특정 요구사항의 업데이트시 메일로 Noti 하는 기능이 필요합니다...
                                 </td>
                                 <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
@@ -149,7 +149,7 @@
                             <tr>
                                 <td ><input type="checkbox"></td>
                                 <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
-                                <td class="mailbox-name"><a href="#">REQ-aRMS-490</a></td>
+                                <td class="mailbox-name"><a href="ARMS-req-read.html">REQ-aRMS-490</a></td>
                                 <td class="mailbox-subject"><b>이진숙</b> - 요구사항 이슈 상세보기 할때, 연관 Jira Issue 정보가 필요합니다...
                                 </td>
                                 <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
@@ -158,7 +158,7 @@
                             <tr>
                                 <td ><input type="checkbox"></td>
                                 <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
-                                <td class="mailbox-name"><a href="#">REQ-aRMS-313</a></td>
+                                <td class="mailbox-name"><a href="ARMS-req-read.html">REQ-aRMS-313</a></td>
                                 <td class="mailbox-subject"><b>이혜진</b> - 요구사항 검색시 자동완성 리스트를 확인 할 수 있으면 좋겠습니다...
                                 </td>
                                 <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
@@ -167,7 +167,7 @@
                             <tr>
                                 <td ><input type="checkbox"></td>
                                 <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
-                                <td class="mailbox-name"><a href="read-mail.html">REQ-aRMS-209</a></td>
+                                <td class="mailbox-name"><a href="ARMS-req-read.html">REQ-aRMS-209</a></td>
                                 <td class="mailbox-subject"><b>전하선</b> - 요구사항 리스트에 체크박스가 표시되지 않습니다...
                                 </td>
                                 <td class="mailbox-attachment"></td>
@@ -176,7 +176,7 @@
                             <tr>
                                 <td ><input type="checkbox"></td>
                                 <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
-                                <td class="mailbox-name"><a href="read-mail.html">REQ-aRMS-188</a></td>
+                                <td class="mailbox-name"><a href="ARMS-req-read.html">REQ-aRMS-188</a></td>
                                 <td class="mailbox-subject"><b>김효진</b> - aRMS가 jstree로 구성되 있다면 mysql 지원일정은 언제...
                                 </td>
                                 <td class="mailbox-attachment"></td>
@@ -185,7 +185,7 @@
                             <tr>
                                 <td ><input type="checkbox"></td>
                                 <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
-                                <td class="mailbox-name"><a href="read-mail.html">REQ-aRMS-098</a></td>
+                                <td class="mailbox-name"><a href="ARMS-req-read.html">REQ-aRMS-098</a></td>
                                 <td class="mailbox-subject"><b>김병우</b> - icheck box plugin 이 동작하지 않아서 체크박스 기능 오동작...
                                 </td>
                                 <td class="mailbox-attachment"></td>
@@ -194,7 +194,7 @@
                             <tr>
                                 <td ><input type="checkbox"></td>
                                 <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
-                                <td class="mailbox-name"><a href="read-mail.html">REQ-jsTree-998</a></td>
+                                <td class="mailbox-name"><a href="ARMS-req-read.html">REQ-jsTree-998</a></td>
                                 <td class="mailbox-subject"><b>류강하</b> - data grid 활용에 대한 테스트도 진행해야 할 것...
                                 </td>
                                 <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
@@ -203,7 +203,7 @@
                             <tr>
                                 <td ><input type="checkbox"></td>
                                 <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
-                                <td class="mailbox-name"><a href="read-mail.html">REQ-jsTree-898</a></td>
+                                <td class="mailbox-name"><a href="ARMS-req-read.html">REQ-jsTree-898</a></td>
                                 <td class="mailbox-subject"><b>오권우</b> - 리스트 카운트를 증가시켜서 보다 많은 요구사항을 리스트업...
                                 </td>
                                 <td class="mailbox-attachment"></td>
@@ -212,7 +212,7 @@
                             <tr>
                                 <td ><input type="checkbox"></td>
                                 <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
-                                <td class="mailbox-name"><a href="read-mail.html">REQ-jsTree-791</a></td>
+                                <td class="mailbox-name"><a href="ARMS-req-read.html">REQ-jsTree-791</a></td>
                                 <td class="mailbox-subject"><b>유정우</b> - 세부 요구사항 표시할때 jira 연동한 데이터 표시도...
                                 </td>
                                 <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
@@ -221,7 +221,7 @@
                             <tr>
                                 <td ><input type="checkbox"></td>
                                 <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
-                                <td class="mailbox-name"><a href="read-mail.html">REQ-jsTree-638</a></td>
+                                <td class="mailbox-name"><a href="ARMS-req-read.html">REQ-jsTree-638</a></td>
                                 <td class="mailbox-subject"><b>전경훈</b> - 세부 요구사항 표시할 때 confluence 연동 데이터 링크...
                                 </td>
                                 <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
@@ -230,7 +230,7 @@
                             <tr>
                                 <td ><input type="checkbox"></td>
                                 <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
-                                <td class="mailbox-name"><a href="read-mail.html">REQ-jsTree-512</a></td>
+                                <td class="mailbox-name"><a href="ARMS-req-read.html">REQ-jsTree-512</a></td>
                                 <td class="mailbox-subject"><b>최민석</b> - 세부 요구사항 표시할 때 version 및 build 상태도 표시...
                                 </td>
                                 <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
Index: pages/ARMS-req-read.html
===================================================================
diff -u
--- pages/ARMS-req-read.html	(revision 0)
+++ pages/ARMS-req-read.html	(revision 01bd0fa442dba1e0115fa57e87b413a1d7a6b4a9)
@@ -0,0 +1,245 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+    <title>Developer Portal - jsTree Service Framework - TSF - 313 DEV GRP</title>
+
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <!-- Tell the browser to be responsive to screen width -->
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+
+    <meta http-equiv="Expire" content="-1"/>
+    <meta http-equiv="Keywords" content="jsTree Service Framework, 313 DEV GRP Developer Portal"/>
+    <meta http-equiv="Reply-to" content="313@313.co.kr"/>
+    <meta http-equiv="Content-Language" content="Korean"/>
+    <meta http-equiv="Last-Modified" content="Thu 01 Nov 2016 23:59:59"/>
+    <meta http-equiv="Organization" content="www.313.co.kr"/>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <meta http-equiv="Cache-Control" content="no-cache"/>
+    <meta http-equiv="Pragma" content="no-cache"/>
+    <meta http-equiv="imagetoolbar" content="no"/>
+    <meta http-equiv="content-Script-type" content="text/javascript"/>
+    <meta http-equiv="content-Style-type" content="text/css"/>
+
+    <meta name="robots" content="ALL, INDEX, FOLLOW"/>
+    <meta name="Subject" content="313 DEV GRP Developer Portal"/>
+    <meta name="Filename" content="ARMS.html"/>
+    <meta name="Author-Date" content="31 Oct 16"/>
+    <meta name="Date" content="31 Oct 16"/>
+    <meta name="Author" content="313 DEV GRP"/>
+    <meta name="Other Agent" content="LeeDongMin"/>
+    <meta name="Email" content="313@313.co.kr"/>
+    <meta name="Reply-To" content="313@313.co.kr"/>
+    <meta name="Project" content="313 DEV GRP Developer Portal"/>
+    <meta name="Status" content="Draft"/>
+    <meta name="Location" content="South Korea"/>
+    <meta name="/distribution" content="313 DEV GRP"/>
+    <meta name="Description" content="Standard Web Project"/>
+    <meta name="verify-v1" content="Eal6+fiCjgKAZb5A6pRvSLmsh9NLF2AsqxqJrLuFoAs="/>
+    <meta name="Revision" content="1.0"/>
+    <meta name="Generator" content="eclipse 3.6.1"/>
+    <meta name="Classification" content="Development,Deployment"/>
+    <meta name="Copyright" content="CopyRight @ 313 Developer Group. All Rights Reserved"/>
+    <meta name="title" content="313 DEV GRP Developer Portal"/>
+    <meta name="revisit-after" content="7 days"/>
+    <meta name="siteinfo" content="http://www.313.co.kr/robots.txt"/>
+    <meta name="HandheldFriendly" content="True"/>
+    <meta name="MobileOptimized" content="320"/>
+
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="313 DEV GRP Developer Portal">
+    <meta property="og:url" content="http://www.313.co.kr/">
+    <meta property="og:site_name" content="313 DEV GRP Developer Portal">
+
+    <!-- favicon -->
+    <link rel="icon" href="http://www.313.co.kr/DeveloperPortal/Design/index/go.ico" type="image/x-icon"/>
+    <link rel="shortcut icon" href="http://www.313.co.kr/DeveloperPortal/Design/index/go.ico" type="image/x-icon"/>
+
+    <!-- Bootstrap 3.3.7 -->
+    <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
+    <!-- Font Awesome -->
+    <link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css">
+    <!-- Ionicons -->
+    <link rel="stylesheet" href="../bower_components/Ionicons/css/ionicons.min.css">
+    <!-- Theme style -->
+    <link rel="stylesheet" href="../dist/css/ArmsLTE.css">
+    <!-- AdminLTE Skins. Choose a skin from the css/skins folder instead of downloading all of them to reduce the load. -->
+    <link rel="stylesheet" href="../dist/css/skins/skin-black-light-arms.css">
+    <!-- Morris chart -->
+    <link rel="stylesheet" href="../bower_components/morris.js/morris.css">
+    <!-- jvectormap -->
+    <link rel="stylesheet" href="../bower_components/jvectormap/jquery-jvectormap.css">
+    <!-- Date Picker -->
+    <link rel="stylesheet" href="../bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
+    <!-- Daterange picker -->
+    <link rel="stylesheet" href="../bower_components/bootstrap-daterangepicker/daterangepicker.css">
+    <!-- bootstrap wysihtml5 - text editor -->
+    <link rel="stylesheet" href="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
+
+    <link rel="stylesheet" href="../dist/css/ArmsAUI.css">
+
+    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
+
+    <!-- ANALYTICS START -->
+    <!-- https://www.google.com/analytics/settings/home?scid=18527803 web log Analyzer  -->
+    <script type="text/javascript">
+        //<![CDATA[
+        var _gaq = _gaq || [];
+        _gaq.push(['_setAccount', 'UA-18527803-1']);
+        _gaq.push(['_trackPageview']);
+        _gaq.push(['_trackPageLoadTime']);
+        (function() {
+            var ga = document.createElement('script');
+            ga.type = 'text/javascript';
+            ga.async = true;
+            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+            var s = document.getElementsByTagName('script')[0];
+            s.parentNode.insertBefore(ga, s);
+        })();
+        //]]>
+    </script>
+    <!-- ANALYTICS END -->
+    <!-- NAVER ANALYTICS START -->
+    <script type="text/javascript" src="http://wcs.naver.net/wcslog.js"></script>
+    <script type="text/javascript">
+        if (!wcs_add) var wcs_add = {};
+        wcs_add["wa"] = "1244b972beb34c";
+        wcs_do();
+    </script>
+    <!-- NAVER ANALYTICS END -->
+</head>
+<body class="layout-boxed hold-transition sidebar-mini wysihtml5-supported skin-black-light">
+<div class="wrapper">
+
+    <header class="main-header" data-include="ARMS-req-read/template-header.html"></header>
+
+    <!-- Left side column. contains the logo and sidebar -->
+    <aside class="main-sidebar" data-include="ARMS-req-read/template-sidebar.html"></aside>
+
+    <!-- Content Wrapper. Contains page content -->
+    <div class="content-wrapper">
+
+        <!-- Main content -->
+        <section class="content">
+            <div class="row">
+                <div class="col-md-12">
+                    <!-- Box Comment -->
+                    <div class="box box-widget">
+                        <div class="box-header with-border" data-include="ARMS-req-read/template-box-header.html"></div>
+                        <!-- /.box-header -->
+                        <div class="box-body" data-include="ARMS-req-read/template-box-body.html"></div>
+                        <!-- /.box-body -->
+                        <div class="box-footer box-comments" data-include="ARMS-req-read/template-box-comments.html"></div>
+                        <!-- /.box-comments -->
+                        <div class="box-footer"data-include="ARMS-req-read/template-box-footer.html"></div>
+                        <!-- /.box-footer -->
+                    </div>
+                    <!-- /.box -->
+                </div>
+                <!-- /.col -->
+            </div>
+            <!-- /.row -->
+        </section>
+        <!-- /.content -->
+        <footer class="copyrightLayer font12 pull-right" data-include="ARMS-req-read/template-footer.html"></footer>
+    </div>
+    <!-- /.content-wrapper -->
+
+</div>
+<!-- ./wrapper -->
+<!-- Control Sidebar -->
+<div class="asideWrapper">
+    <aside class="control-sidebar"></aside>
+</div>
+<!-- /.control-sidebar -->
+<!-- Control Sidebar -->
+<div class="leftAsideWrapper">
+    <aside class="leftcontrol-sidebar"></aside>
+</div>
+<!-- /.control-sidebar -->
+
+<!-- jQuery 3 -->
+<script src="../bower_components/jquery/dist/jquery.min.js"></script>
+<!-- jQuery UI 1.11.4 -->
+<script src="../bower_components/jquery-ui/jquery-ui.min.js"></script>
+<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
+<script>
+    $.widget.bridge('uibutton', $.ui.button);
+</script>
+<!-- Bootstrap 3.3.7 -->
+<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
+<!-- Morris.js charts -->
+<script src="../bower_components/raphael/raphael.min.js"></script>
+<script src="../bower_components/morris.js/morris.min.js"></script>
+<!-- Sparkline -->
+<script src="../bower_components/jquery-sparkline/dist/jquery.sparkline.min.js"></script>
+<!-- jvectormap -->
+<script src="../plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
+<script src="../plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
+<!-- jQuery Knob Chart -->
+<script src="../bower_components/jquery-knob/dist/jquery.knob.min.js"></script>
+<!-- daterangepicker -->
+<script src="../bower_components/moment/min/moment.min.js"></script>
+<script src="../bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
+<!-- datepicker -->
+<script src="../bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
+<!-- Bootstrap WYSIHTML5 -->
+<script src="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
+<!-- Slimscroll -->
+<script src="../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
+<!-- FastClick -->
+<script src="../bower_components/fastclick/lib/fastclick.js"></script>
+<!-- AdminLTE App -->
+<script src="../dist/js/adminlte.min.js"></script>
+<!-- AdminLTE for demo purposes -->
+<script src="../dist/js/demo.js"></script>
+
+<!-- Bootstrap WYSIHTML5 -->
+<script src="../plugins/iCheck/icheck.min.js"></script>
+
+<!-- JSTREE -->
+<script type="text/javascript" src='../dist/js/jstree-v.pre1.0/_lib/jquery.cookie.js' charset="utf-8"></script>
+<script type="text/javascript" src='../dist/js/jstree-v.pre1.0/_lib/jquery.hotkeys.js' charset="utf-8"></script>
+<script type="text/javascript" src='../dist/js/jstree-v.pre1.0/jquery.jstree.js' charset="utf-8"></script>
+<script type="text/javascript" src='../dist/js/jnotify_v2.1/jquery/jNotify.jquery.min.js' charset="utf-8"></script>
+<link rel="stylesheet" type="text/css" href="../dist/js/jnotify_v2.1/jquery/jNotify.jquery.css" media="screen"/>
+<!-- dataTable -->
+<link rel="stylesheet" type="text/css" href="../dist/js/DataTables-1.10.16/media/css/jquery.dataTables.css" media="screen"/>
+<link rel="stylesheet" type="text/css" href="../dist/js/DataTables-1.10.16/extensions/Responsive/css/responsive.dataTables.css" media="screen"/>
+<script type="text/javascript" src='../dist/js/DataTables-1.10.16/media/js/jquery.dataTables.js' charset="utf-8"></script>
+<script type="text/javascript" src='../dist/js/DataTables-1.10.16/extensions/Responsive/js/dataTables.responsive.js' charset="utf-8"></script>
+<!-- Style Setting -->
+
+<script>
+    //<![CDATA[
+    $(function () {
+        includeLayout();
+
+        $(".addressClick").click(function () {
+            $(this).parent().siblings().removeClass("active")
+            $(this).parent().addClass("active");
+        });
+
+    });
+    function includeLayout() {
+        var includeArea = $('[data-include]');
+        var self, url;
+        $.each(includeArea, function () {
+            self = $(this);
+            url = self.data("include");
+            self.load(url, function () {
+                self.removeAttr("data-include");
+            });
+        });
+    }
+    //]]>
+</script>
+
+</body>
+</html>
\ No newline at end of file
Index: pages/ARMS-req-read/template-box-body.html
===================================================================
diff -u
--- pages/ARMS-req-read/template-box-body.html	(revision 0)
+++ pages/ARMS-req-read/template-box-body.html	(revision 01bd0fa442dba1e0115fa57e87b413a1d7a6b4a9)
@@ -0,0 +1,199 @@
+<div class="row font13">
+    <div class="col-md-3">
+        <a href="ARMS-req-regist.html" class="btn btn-primary btn-block margin-bottom">요구사항 리스트 바로가기</a>
+
+        <div class="box box-solid">
+            <div class="box-header with-border">
+                <h3 class="box-title"><span class="font13">조회 구분</span></h3>
+
+                <div class="box-tools">
+                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
+                    </button>
+                </div>
+            </div>
+            <div class="box-body no-padding">
+                <ul class="nav nav-pills nav-stacked font13">
+                    <li class="active"><a href="#"><i class="fa fa-inbox"></i> Total Inbox
+                        <span class="label label-primary pull-right">12</span></a></li>
+                    <li><a href="#"><i class="fa fa-commenting-o"></i> Ownership Filter</a></li>
+                    <li><a href="#"><i class="fa fa-file-text-o"></i> My Request</a></li>
+                    <li><a href="#"><i class="fa fa-filter"></i> Approved Me <span class="label label-warning pull-right">65</span></a>
+                    </li>
+                    <li><a href="#"><i class="fa fa-trash-o"></i> Trash</a></li>
+                </ul>
+            </div>
+            <!-- /.box-body -->
+        </div>
+        <!-- /. box -->
+        <!-- About Me Box -->
+        <div class="box box-primary">
+            <div class="box-header with-border">
+                <h3 class="box-title font12" style="font-weight: bold">Product & Service with Ownership</h3>
+            </div>
+            <!-- /.box-header -->
+            <div class="box-body">
+                <a href="#"><strong><i class="fa fa-book margin-r-5"></i> jsTree Service Framework</strong></a>
+
+                <p class="text-muted font12">
+                    PLE 기반 Service code framework 이며, Tree 알고리즘을 활용한 데이터 핸들링 프레임워크 입니다.
+                </p>
+
+                <hr>
+
+                <a href="#"><strong><i class="fa fa-book margin-r-5"></i> aRMS Product</strong></a>
+
+                <p class="text-muted font12">
+                    Atlassian 의 Requirement 관리용 솔루션 입니다.
+                </p>
+
+                <hr>
+
+                <a href="#"><strong><i class="fa fa-book margin-r-5"></i> ASD Service</strong></a>
+
+                <p class="text-muted font12">
+                    V3 에서 수집된 의심되는 악성코드를 분류하고 대용량 처리하는 프레임워크 서비스 입니다.
+                </p>
+
+                <hr>
+
+            </div>
+            <!-- /.box-body -->
+        </div>
+        <!-- /.box -->
+    </div>
+    <!-- /.col -->
+    <div class="col-md-9">
+        <div class="box box-primary">
+            <div class="box-header with-border">
+                <h3 class="box-title">요구사항 : REQ-aRMS-7313</h3>
+
+                <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>
+            <!-- /.box-header -->
+            <div class="box-body no-padding">
+                <div class="mailbox-read-info">
+                    <h3>aRMS가 jsTree Service Framework로 구성되어 있으므로 mysql 지원일정은 언제?</h3>
+                    <h5>From: help@example.com
+                        <span class="mailbox-read-time pull-right">15 Feb. 2016 11:03 PM</span></h5>
+                </div>
+                <!-- /.mailbox-read-info -->
+                <div class="mailbox-controls with-border text-center">
+                    <div class="btn-group">
+                        <button type="button" class="btn btn-default btn-sm" data-toggle="tooltip" data-container="body" title="" data-original-title="Delete">
+                            <i class="fa fa-trash-o"></i></button>
+                        <button type="button" class="btn btn-default btn-sm" data-toggle="tooltip" data-container="body" title="" data-original-title="Reply">
+                            <i class="fa fa-reply"></i></button>
+                        <button type="button" class="btn btn-default btn-sm" data-toggle="tooltip" data-container="body" title="" data-original-title="Forward">
+                            <i class="fa fa-share"></i></button>
+                    </div>
+                    <!-- /.btn-group -->
+                    <button type="button" class="btn btn-default btn-sm" data-toggle="tooltip" title="" data-original-title="Print">
+                        <i class="fa fa-print"></i></button>
+                </div>
+                <!-- /.mailbox-controls -->
+                <div class="mailbox-read-message">
+                    <p>Hello John,</p>
+
+                    <p>Keffiyeh blog actually fashion axe vegan, irony biodiesel. Cold-pressed hoodie chillwave put a bird
+                        on it aesthetic, bitters brunch meggings vegan iPhone. Dreamcatcher vegan scenester mlkshk. Ethical
+                        master cleanse Bushwick, occupy Thundercats banjo cliche ennui farm-to-table mlkshk fanny pack
+                        gluten-free. Marfa butcher vegan quinoa, bicycle rights disrupt tofu scenester chillwave 3 wolf moon
+                        asymmetrical taxidermy pour-over. Quinoa tote bag fashion axe, Godard disrupt migas church-key tofu
+                        blog locavore. Thundercats cronut polaroid Neutra tousled, meh food truck selfies narwhal American
+                        Apparel.</p>
+
+                    <p>Raw denim McSweeney's bicycle rights, iPhone trust fund quinoa Neutra VHS kale chips vegan PBR&amp;B
+                        literally Thundercats +1. Forage tilde four dollar toast, banjo health goth paleo butcher. Four dollar
+                        toast Brooklyn pour-over American Apparel sustainable, lumbersexual listicle gluten-free health goth
+                        umami hoodie. Synth Echo Park bicycle rights DIY farm-to-table, retro kogi sriracha dreamcatcher PBR&amp;B
+                        flannel hashtag irony Wes Anderson. Lumbersexual Williamsburg Helvetica next level. Cold-pressed
+                        slow-carb pop-up normcore Thundercats Portland, cardigan literally meditation lumbersexual crucifix.
+                        Wayfarers raw denim paleo Bushwick, keytar Helvetica scenester keffiyeh 8-bit irony mumblecore
+                        whatever viral Truffaut.</p>
+
+                    <p>Post-ironic shabby chic VHS, Marfa keytar flannel lomo try-hard keffiyeh cray. Actually fap fanny
+                        pack yr artisan trust fund. High Life dreamcatcher church-key gentrify. Tumblr stumptown four dollar
+                        toast vinyl, cold-pressed try-hard blog authentic keffiyeh Helvetica lo-fi tilde Intelligentsia. Lomo
+                        locavore salvia bespoke, twee fixie paleo cliche brunch Schlitz blog McSweeney's messenger bag swag
+                        slow-carb. Odd Future photo booth pork belly, you probably haven't heard of them actually tofu ennui
+                        keffiyeh lo-fi Truffaut health goth. Narwhal sustainable retro disrupt.</p>
+
+                    <p>Skateboard artisan letterpress before they sold out High Life messenger bag. Bitters chambray
+                        leggings listicle, drinking vinegar chillwave synth. Fanny pack hoodie American Apparel twee. American
+                        Apparel PBR listicle, salvia aesthetic occupy sustainable Neutra kogi. Organic synth Tumblr viral
+                        plaid, shabby chic single-origin coffee Etsy 3 wolf moon slow-carb Schlitz roof party tousled squid
+                        vinyl. Readymade next level literally trust fund. Distillery master cleanse migas, Vice sriracha
+                        flannel chambray chia cronut.</p>
+
+                    <p>Thanks,<br>Jane</p>
+                </div>
+                <!-- /.mailbox-read-message -->
+            </div>
+            <!-- /.box-body -->
+            <div class="box-footer">
+                <ul class="mailbox-attachments clearfix">
+                    <li>
+                        <span class="mailbox-attachment-icon"><i class="fa fa-file-pdf-o"></i></span>
+
+                        <div class="mailbox-attachment-info">
+                            <a href="#" class="mailbox-attachment-name"><i class="fa fa-paperclip"></i> Sep2014-report.pdf</a>
+                            <span class="mailbox-attachment-size">
+                          1,245 KB
+                          <a href="#" class="btn btn-default btn-xs pull-right"><i class="fa fa-cloud-download"></i></a>
+                        </span>
+                        </div>
+                    </li>
+                    <li>
+                        <span class="mailbox-attachment-icon"><i class="fa fa-file-word-o"></i></span>
+
+                        <div class="mailbox-attachment-info">
+                            <a href="#" class="mailbox-attachment-name"><i class="fa fa-paperclip"></i> App Description.docx</a>
+                            <span class="mailbox-attachment-size">
+                          1,245 KB
+                          <a href="#" class="btn btn-default btn-xs pull-right"><i class="fa fa-cloud-download"></i></a>
+                        </span>
+                        </div>
+                    </li>
+                    <li>
+                        <span class="mailbox-attachment-icon has-img"><img src="../../dist/img/photo1.png" alt="Attachment"></span>
+
+                        <div class="mailbox-attachment-info">
+                            <a href="#" class="mailbox-attachment-name"><i class="fa fa-camera"></i> photo1.png</a>
+                            <span class="mailbox-attachment-size">
+                          2.67 MB
+                          <a href="#" class="btn btn-default btn-xs pull-right"><i class="fa fa-cloud-download"></i></a>
+                        </span>
+                        </div>
+                    </li>
+                    <li>
+                        <span class="mailbox-attachment-icon has-img"><img src="../../dist/img/photo2.png" alt="Attachment"></span>
+
+                        <div class="mailbox-attachment-info">
+                            <a href="#" class="mailbox-attachment-name"><i class="fa fa-camera"></i> photo2.png</a>
+                            <span class="mailbox-attachment-size">
+                          1.9 MB
+                          <a href="#" class="btn btn-default btn-xs pull-right"><i class="fa fa-cloud-download"></i></a>
+                        </span>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+            <!-- /.box-footer -->
+            <div class="box-footer">
+                <div class="pull-right">
+                    <button type="button" class="btn btn-default"><i class="fa fa-reply"></i> Reply</button>
+                    <button type="button" class="btn btn-default"><i class="fa fa-share"></i> Forward</button>
+                </div>
+                <button type="button" class="btn btn-default"><i class="fa fa-trash-o"></i> Delete</button>
+                <button type="button" class="btn btn-default"><i class="fa fa-print"></i> Print</button>
+            </div>
+            <!-- /.box-footer -->
+        </div>
+        <!-- /. box -->
+    </div>
+    <!-- /.col -->
+</div>
+<!-- /.row -->
\ No newline at end of file
Index: pages/ARMS-req-read/template-box-comments.html
===================================================================
diff -u
--- pages/ARMS-req-read/template-box-comments.html	(revision 0)
+++ pages/ARMS-req-read/template-box-comments.html	(revision 01bd0fa442dba1e0115fa57e87b413a1d7a6b4a9)
@@ -0,0 +1 @@

\ No newline at end of file
Index: pages/ARMS-req-read/template-box-footer.html
===================================================================
diff -u
--- pages/ARMS-req-read/template-box-footer.html	(revision 0)
+++ pages/ARMS-req-read/template-box-footer.html	(revision 01bd0fa442dba1e0115fa57e87b413a1d7a6b4a9)
@@ -0,0 +1 @@

\ No newline at end of file
Index: pages/ARMS-req-read/template-box-header.html
===================================================================
diff -u
--- pages/ARMS-req-read/template-box-header.html	(revision 0)
+++ pages/ARMS-req-read/template-box-header.html	(revision 01bd0fa442dba1e0115fa57e87b413a1d7a6b4a9)
@@ -0,0 +1,10 @@
+<div class="user-block">
+    <img class="img-circle" src="http://www.313.co.kr/Common/Design/IconPack/stranging-icons/File - cmd.png" alt="User Image">
+    <span class="username" style="margin-left: -2px"><a href="#">aRMS 요구사항 내용 조회</a></span>
+</div>
+<!-- /.user-block -->
+<ol class="breadcrumb">
+    <li><a href="#"><i class="fa fa-sitemap"></i> Home</a></li>
+    <li class="active">Requirement Management</li>
+    <li class="active">요구사항 내용 조회</li>
+</ol>
\ No newline at end of file
Index: pages/ARMS-req-read/template-footer.html
===================================================================
diff -u
--- pages/ARMS-req-read/template-footer.html	(revision 0)
+++ pages/ARMS-req-read/template-footer.html	(revision 01bd0fa442dba1e0115fa57e87b413a1d7a6b4a9)
@@ -0,0 +1 @@
+<span class="font12">Copyright &copy; 2010-2018 <a href="http://www.313.co.kr">313 DEV GRP</a>. All rights reserved.</span>
\ No newline at end of file
Index: pages/ARMS-req-read/template-header.html
===================================================================
diff -u
--- pages/ARMS-req-read/template-header.html	(revision 0)
+++ pages/ARMS-req-read/template-header.html	(revision 01bd0fa442dba1e0115fa57e87b413a1d7a6b4a9)
@@ -0,0 +1,29 @@
+<style>
+    .aui-header {
+        background: #0747a6;
+        color: #deebff;
+        border-bottom-color: #2e3d54;
+    }
+
+    .aui-header .logo-lg img {
+        border: 0;
+        float: left;
+        max-height: 35px;
+        padding: 12px 5px 0 0;
+    }
+</style>
+    <!-- Logo -->
+    <a href="ARMS.html" class="logo aui-header">
+        <!-- mini logo for sidebar mini 50x50 pixels -->
+        <span class="logo-mini"><b>aRMS</b></span>
+        <!-- logo for regular state and mobile devices -->
+        <span class="logo-lg"><img src="../dist/img/ARMS/armsLogo.png" data-aui-responsive-header-index="0"> <b style="float: left; padding: 3px 5px 0 0">Portal</b></span>
+    </a>
+    <!-- Header Navbar: style can be found in header.less -->
+    <nav class="navbar navbar-static-top aui-header">
+        <!-- Sidebar toggle button-->
+        <a href="#" data-toggle="push-menu" role="button">
+            <img class="menuIcon" src="http://www.313.co.kr/DeveloperPortal/Design/index/Icon/armsMenu.png">
+        </a>
+        <a href="ARMS-login.html" class="login-text font13 pull-right" style="color: #fff">Login</a>
+    </nav>
\ No newline at end of file
Index: pages/ARMS-req-read/template-sidebar.html
===================================================================
diff -u
--- pages/ARMS-req-read/template-sidebar.html	(revision 0)
+++ pages/ARMS-req-read/template-sidebar.html	(revision 01bd0fa442dba1e0115fa57e87b413a1d7a6b4a9)
@@ -0,0 +1,99 @@
+    <!-- sidebar: style can be found in sidebar.less -->
+    <section class="sidebar">
+        <!-- sidebar menu: : style can be found in sidebar.less -->
+        <ul class="sidebar-menu" data-widget="tree">
+
+            <li class="active">
+                <a href="ARMS.html" class="addressClick" style="font-size:12px">
+                    <i class="fa fa-hand-peace-o"></i> <span>Welcome</span>
+                </a>
+            </li>
+
+            <!--
+            <li class="active treeview font13">
+                <a href="#">
+                    <i class="fa fa-users"></i> <span>User Service</span>
+                </a>
+                <ul class="treeview-menu">
+                    <li>
+                        <a href="DevSupport-ALM.html" class="addressClick" style="font-size:12px">
+                            <span class="aui-icon aui-icon-large icon-sidebar-issues aui-iconfont-issues"></span>
+                            <span class="aui-nav-item-label" title="MyJob">내작업</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="DevSupport-DevTools.html" class="addressClick" style="font-size:12px">
+                            <span class="aui-icon aui-icon-large agile-icon-report aui-iconfont-graph-line"></span>
+                            <span class="aui-nav-item-label" title="Reports">대시보드</span>
+                        </a>
+                    </li>
+                </ul>
+            </li>
+
+            -->
+
+            <li class="active treeview font13">
+                <a href="#">
+                    <i class="fa fa-tasks"></i> <span>Requirement Management</span>
+                </a>
+                <ul class="treeview-menu">
+                    <li>
+                        <a href="ARMS-req-list.html" class="addressClick" style="font-size:12px">
+                            <span class="aui-icon aui-icon-large aui-iconfont-table-of-contents"></span>
+                            <span class="aui-nav-item-label" title="Reports">요구사항 조회</span>
+                        </a>
+                    </li>
+                </ul>
+                <ul class="treeview-menu">
+                    <li>
+                        <a href="ARMS-req-regist.html" class="addressClick" style="font-size:12px">
+                            <span class="aui-icon aui-icon-large aui-iconfont-tray"></span>
+                            <span class="aui-nav-item-label" title="Reports">요구사항 등록</span>
+                        </a>
+                    </li>
+                </ul>
+                <ul class="treeview-menu">
+                    <li>
+                        <a href="ARMS-req-review.html" class="addressClick" style="font-size:12px">
+                            <span class="aui-icon aui-icon-large aui-iconfont-task-list"></span>
+                            <span class="aui-nav-item-label" title="Reports">요구사항 리뷰/승인</span>
+                        </a>
+                    </li>
+                </ul>
+            </li>
+
+            <li class="active treeview font13">
+                <a href="#">
+                    <i class="fa fa-object-group"></i>
+                    <span>Monitoring Service</span>
+                </a>
+                <ul class="treeview-menu">
+                    <li>
+                        <a href="ARMS-info.html" class="addressClick" style="font-size:12px">
+                            <span class="aui-icon aui-icon-large aui-iconfont-queued-build"></span>
+                            <span class="aui-nav-item-label" title="Summary">Monitoring 소개</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="ARMS-install.html" class="addressClick" style="font-size:12px">
+                            <span class="aui-icon aui-icon-large aui-iconfont-clone-small"></span>
+                            <span class="aui-nav-item-label" title="Summary">Monitoring 설치</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="ARMS-monitoring.html" class="addressClick" style="font-size:12px">
+                            <span class="aui-icon aui-icon-large aui-iconfont-graph-bar"></span>
+                            <span class="aui-nav-item-label" title="Summary">Monitoring 실행</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="ARMS-explain.html" class="addressClick" style="font-size:12px">
+                            <span class="aui-icon aui-icon-large aui-iconfont-question-circle"></span>
+                            <span class="aui-nav-item-label" title="Summary">Monitoring Chart 설명</span>
+                        </a>
+                    </li>
+                </ul>
+            </li>
+        </ul>
+    </section>
+    <!-- /.sidebar -->
\ No newline at end of file