Index: arms/detail.html
===================================================================
diff -u -rb8b0719157c73db2d6393d4097e01828094700ee -r4d8d94d2bd9c8e946c394a00094bbcf65401dbc7
--- arms/detail.html	(.../detail.html)	(revision b8b0719157c73db2d6393d4097e01828094700ee)
+++ arms/detail.html	(.../detail.html)	(revision 4d8d94d2bd9c8e946c394a00094bbcf65401dbc7)
@@ -164,6 +164,7 @@
 
 	<!-- Google Fonts -->
 	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Orbit&display=swap" rel="stylesheet">
 
 	<!-- Vendor CSS Files -->
 	<link href="../arms/html/armsDetailExceptTemplate/assets/vendor/aos/aos.css" rel="stylesheet">
@@ -188,7 +189,7 @@
 	<nav id="navbar" class="navbar nav-menu">
 		<ul>
 			<!-- ======= Header ======= -->
-			<li><a href="#home" class="nav-link scrollto active"><i class="bx bx-home"></i> <span>Home</span></a></li>
+			<li><a href="#home" class="nav-link scrollto active"><i class="bx bx-home"></i> <span>통계정보</span></a></li>
 			<li><a href="#detail" id="get_req_detail" class="nav-link scrollto"><i class="bx bx-file-blank"></i> <span>요구사항 상세</span></a></li>
 			<li><a href="#version" id="get_version_list" class="nav-link scrollto"><i class="bx bx-detail"></i> <span>버전별 상세정보</span></a></li>
 			<li><a href="#allreq" id="get_req_list" class="nav-link scrollto"><i class="bx bx-list-ul"></i> <span>요구사항 목록</span></a></li>
@@ -200,13 +201,32 @@
 
 </header><!-- End Header -->
 
-<section id="home" class="d-flex flex-column justify-content-center">
+<!-- 헤더 -->
+<header class="account-info">
+    <h3>A-RMS</h3>
+    <div class="profile">
+        <div id="user-name"></div>님, 환영합니다!
+        <div class="detail">
+            <h6 id="user-name-detail" class="no-margin"></h6>
+            <div>
+                <abbr title="email">e-mail:</abbr>
+                <a id="user-email" href="mailto:#">-</a>
+            </div>
+        </div>
+    </div>
+</header>
+
+<!-- ======= 타이틀 페이지 ======= -->
+<section id="home" class="d-flex flex-column">
 	<div class="container" data-aos="zoom-in" data-aos-delay="100">
 		<h1>요구사항 조회 시스템</h1>
 		<p>Requirement <span class="typed" data-typed-items="Management, Collection, Statistics"></span></p>
-	</div>
-</section><!-- End Hero -->
 
+        <!-- 통계정보 -->
+
+    </div>
+</section><!-- End Title -->
+
 <main id="main">
 	<!-- ======= 요구사항 상세 ======= -->
 	<section id="detail" class="about">
@@ -468,7 +488,7 @@
                                     </div>
                                 </li>
                                 <li class="col-lg-12 row">
-                                    <div class="col-lg-12">
+                                    <div class="col-lg-12 version-scroll">
                                         <div id="version-desc" class="form-control version-content-desc"></div>
                                     </div>
                                 </li>
Index: arms/html/armsDetailExceptTemplate/assets/css/style.css
===================================================================
diff -u -r6eead70aab5d19e2e5c8399bd71c182631126b08 -r4d8d94d2bd9c8e946c394a00094bbcf65401dbc7
--- arms/html/armsDetailExceptTemplate/assets/css/style.css	(.../style.css)	(revision 6eead70aab5d19e2e5c8399bd71c182631126b08)
+++ arms/html/armsDetailExceptTemplate/assets/css/style.css	(.../style.css)	(revision 4d8d94d2bd9c8e946c394a00094bbcf65401dbc7)
@@ -123,6 +123,7 @@
   transition: all 0.5s;
   padding: 15px;
   overflow-y: auto;
+  z-index: 9999;
 }
 @media (max-width: 992px) {
   #header {
@@ -245,6 +246,104 @@
 }
 
 /*--------------------------------------------------------------
+# 헤더 (계정 정보)
+--------------------------------------------------------------*/
+.account-info {
+  position: sticky;
+  top: 0;
+  height: 55px;
+  padding-left: 40px;
+  padding-right: 70px;
+  color: white;
+  background: #023b6d;
+  opacity: 0.7;
+  backdrop-filter: blur(30px);
+  z-index: 9997;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.account-info h3 {
+  margin-bottom: 0;
+  font-family: 'Orbit', sans-serif;
+  font-weight: bold;
+}
+
+#user-name {
+  display: inline-block;
+  font-weight: bold;
+}
+
+#user-email {
+  color: #00d9ff;
+}
+
+.profile:hover .detail{
+  display: block;
+  transform-origin: 100% 0%;
+  -webkit-animation: fadeIn 0.3s ease-in-out;
+  animation: fadeIn 0.3s ease-in-out;
+}
+
+.profile .detail {
+  display: none;
+  text-align: left;
+  background-color: #1E2021;
+  padding: 10px 12px;
+  position: absolute;
+  border-radius: 3px;
+  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
+  right: 53px;
+  color: #FFF;
+  font-size: 13px;
+  line-height: 1.4;
+  top: 55px;
+}
+
+.profile .detail:before {
+  position: absolute;
+  content: '';
+  width: 0;
+  height: 0;
+  border: 6px solid transparent;
+  border-bottom-color: #1E2021;
+  right: 102px;
+  top: -12px;
+}
+
+.profile .detail:after {
+  width: 100%;
+  height: 40px;
+  content: '';
+  position: absolute;
+  top: -40px;
+  left: 0;
+}
+
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0;
+    transform: scale(0.6);
+  }
+
+  100% {
+    opacity: 100%;
+    transform: scale(1);
+  }
+}
+
+@keyframes fadeIn {
+  0% { opacity: 0; }
+  100% { opacity: 100%; }
+}
+
+/* messenger.min.js에서 추가되는 영역 안 보이게 설정 */
+ul.messenger.messenger-fixed {
+  position: fixed;
+}
+
+/*--------------------------------------------------------------
 # Hero Section
 --------------------------------------------------------------*/
 #home {
@@ -270,14 +369,14 @@
 }
 #home h1 {
   margin: 0;
-  font-size: 64px;
+  font-size: 45px;
   font-weight: 700;
   line-height: 56px;
   color: #45505b;
 }
 #home p {
   color: #45505b;
-  margin: 15px 0 0 0;
+  /*margin: 15px 0 0 0;*/
   font-size: 26px;
   font-family: "Poppins", sans-serif;
 }
@@ -301,7 +400,7 @@
 }
 @media (max-width: 992px) {
   #home {
-    text-align: center;
+    /*text-align: center;*/
   }
   #home h1 {
     font-size: 32px;
@@ -563,6 +662,10 @@
   color: #0563bb;
 }
 
+.version-scroll .slimScrollDiv {
+  height: auto !important;
+}
+
 /*--------------------------------------------------------------
 # 요구사항 목록
 --------------------------------------------------------------*/
Index: arms/js/detail.js
===================================================================
diff -u -rb8b0719157c73db2d6393d4097e01828094700ee -r4d8d94d2bd9c8e946c394a00094bbcf65401dbc7
--- arms/js/detail.js	(.../detail.js)	(revision b8b0719157c73db2d6393d4097e01828094700ee)
+++ arms/js/detail.js	(.../detail.js)	(revision 4d8d94d2bd9c8e946c394a00094bbcf65401dbc7)
@@ -93,6 +93,9 @@
             // 스크롤 반응하여 API 호출 이벤트
             window.addEventListener('scroll', scrollApiFunc);
 
+            // 계정 정보
+            getAccountInfo();
+
             // 메뉴 클릭 이벤트
             menuClick();
 
@@ -225,6 +228,35 @@
     }
 };
 
+// ------------------ 계정 정보 ------------------ //
+function getAccountInfo() {
+
+    var accountInfo;
+
+    $.ajax({
+        url: "/auth-user/me",
+        type: "GET",
+        timeout: 7313,
+        global: false,
+        statusCode: {
+            200: function (json) {
+                accountInfo = json;
+                console.log("계정 정보: ", accountInfo);
+
+                name = json.name;
+                userName = json.preferred_username;
+                userEmail = json.email;
+
+                $("#user-name").html(userName);
+                $("#user-name-detail").html(name + ' (' + userName + ')');
+                $("#user-email").html(userEmail);
+            }
+        }
+    });
+
+    return accountInfo;
+}
+
 // ------------------ 메뉴 클릭 이벤트 ------------------ //
 function menuClick() {
     $('.mobile-nav-toggle').click(function (e) {