Index: arms/detail.html
===================================================================
diff -u -rccbd1f9285183fe9b2819ddb25c64e00eb263dbb -r6ecdbd717164fb76f3f5ce7416570d20e2c41758
--- arms/detail.html	(.../detail.html)	(revision ccbd1f9285183fe9b2819ddb25c64e00eb263dbb)
+++ arms/detail.html	(.../detail.html)	(revision 6ecdbd717164fb76f3f5ce7416570d20e2c41758)
@@ -188,13 +188,12 @@
 			<nav id="navbar" class="navbar nav-menu">
 				<ul>
 					<!-- ======= Header ======= -->
-					<li><a href="#stats" id="get_stats" 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>
-					<li><a href="#files" id="get_file_list" class="nav-link scrollto"><i class="bx bx-file"></i> <span>파일 목록</span></a></li>
-		<!--			<li><a href="#services" class="nav-link scrollto"><i class="bx bx-server"></i> <span>기획서</span></a></li>-->
-					<li><a href="#question" id="get_req_comment_list" class="nav-link scrollto"><i class="bx bx-question-mark"></i> <span>Q&A</span></a></li>
+					<li><a href="#stats" id="get_stats" class="nav-link scrollto active"><i class="bx bi-house-door"></i> <span>통계정보</span></a></li>
+					<li><a href="#detail" id="get_req_detail" class="nav-link scrollto"><i class="bx bi-info-lg"></i> <span>요구사항 상세</span></a></li>
+					<li><a href="#version" id="get_version_list" class="nav-link scrollto"><i class="bx bi-tags"></i> <span>버전별 상세정보</span></a></li>
+					<li><a href="#allreq" id="get_req_list" class="nav-link scrollto"><i class="bx bi-list-ul"></i> <span>요구사항 목록</span></a></li>
+					<li><a href="#files" id="get_file_list" class="nav-link scrollto"><i class="bx bi-images"></i> <span>파일 목록</span></a></li>
+					<li><a href="#question" id="get_req_comment_list" class="nav-link scrollto"><i style="font-weight: bolder;" class="bx bx-question-mark"></i> <span>Q&A</span></a></li>
 				</ul>
 			</nav><!-- .nav-menu -->
 
@@ -852,14 +851,14 @@
 
 			<!-- ======= 파일 목록 ======= -->
 			<section id="files" class="portfolio section-bg">
-				<div class="container" data-aos="fade-up">
+				<div id="files-container" class="container" data-aos="fade-up">
 
 					<div class="section-title">
 						<h2>제품관련 파일목록</h2>
 						<p>해당 탭은 제품관련 이미지, 기획서, 기타 파일들을 확인할 수 있는 탭입니다.</p>
 					</div>
 
-					<div class="row">
+					<div class="row mt-3">
 						<div class="col-lg-12 d-flex justify-content-center" data-aos="fade-up" data-aos-delay="100">
 							<ul id="portfolio-flters">
 								<li data-filter="*" class="filter-active">All</li>
@@ -883,7 +882,12 @@
 						<h2>Q & A</h2>
 						<p>제품 서비스에 대한 질문 및 답변을 확인할 수 있는 탭입니다.</p>
 					</div>
-					<div class="widget large">
+					<div class="widget large shadow-box box">
+						<div class="box-header">
+							<h3 class="box-title"><i class="bi bi-chat-dots"></i>
+								<small>글 목록</small>
+							</h3>
+						</div>
 						<div class="body">
 							<div id="chat" class="chat">
 								<div id="chat_messages" class="chat-messages"></div>
@@ -894,9 +898,9 @@
 							</div>
 						</div>
 					</div>
-					<div class="box">
+					<div class="box shadow-box">
 						<div class="box-header">
-							<h3 class="box-title">Q & A
+							<h3 class="box-title"><i class="bi bi-pen"></i>
 								<small>질문하기</small>
 							</h3>
 							<div class="pull-right box-tools">
Index: arms/html/armsDetailExceptTemplate/assets/css/detail.css
===================================================================
diff -u -rccbd1f9285183fe9b2819ddb25c64e00eb263dbb -r6ecdbd717164fb76f3f5ce7416570d20e2c41758
--- arms/html/armsDetailExceptTemplate/assets/css/detail.css	(.../detail.css)	(revision ccbd1f9285183fe9b2819ddb25c64e00eb263dbb)
+++ arms/html/armsDetailExceptTemplate/assets/css/detail.css	(.../detail.css)	(revision 6ecdbd717164fb76f3f5ce7416570d20e2c41758)
@@ -7,6 +7,10 @@
     padding-bottom: 0px;
 }
 
+.shadow-box {
+    border-top: 3px solid #d2d6de;
+    box-shadow: 0 0.525rem 2.55rem rgba(0,0,0,.075) !important;
+}
 /* 파일 관련 CSS */
 .portfolio .portfolio-wrap .portfolio-info {
     overflow-wrap: anywhere;
@@ -140,8 +144,6 @@
     /*height: 600px;*/
     /*width: 100%;*/
     margin: 2%;
-    border-top: 3px solid #d2d6de;
-    box-shadow: 0 0.525rem 2.55rem rgba(0,0,0,.075) !important;
 }
 
 .widget .body {
@@ -524,11 +526,9 @@
     position: relative;
     border-radius: 3px;
     background: #ffffff;
-    border-top: 3px solid #d2d6de;
     margin: 2%;
     /*width: 100%;*/
     /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/
-    box-shadow: 0 0.525rem 2.55rem rgba(0,0,0,.075) !important;
     padding: 10px 12px;
 }
 
Index: arms/js/detail.js
===================================================================
diff -u -rccbd1f9285183fe9b2819ddb25c64e00eb263dbb -r6ecdbd717164fb76f3f5ce7416570d20e2c41758
--- arms/js/detail.js	(.../detail.js)	(revision ccbd1f9285183fe9b2819ddb25c64e00eb263dbb)
+++ arms/js/detail.js	(.../detail.js)	(revision 6ecdbd717164fb76f3f5ce7416570d20e2c41758)
@@ -755,6 +755,18 @@
         dataType: "json"
     }).done(function (result) {
         console.log(result.files);
+
+        if (result.files.length === 0) {
+            let $container = $('#files-container');
+
+            var $noDataHtml = $(`<p style="width: 100%; text-align: center; font-size: 20px;">
+                                    <i class="bi bi-file-earmark-x" style="font-size:50px;"></i><br>
+                                    등록된 파일이 없습니다.
+                                  </p>`);
+            $container.append($noDataHtml);
+            return;
+        }
+
         let $portfolioContainer = $('.portfolio-container');
         if ($portfolioContainer.length) {
             let portfolioIsotope = new Isotope($portfolioContainer[0], {
@@ -941,17 +953,15 @@
                 var $chatMessages = $('#chat_messages');
                 $chatMessages.empty();
 
-                console.log(data.response)
+                console.log(data.response);
 
                 if (data.response.length === 0) {
-                    var reqCommentList = $('#chat_messages').html();
-
-                    if($.trim(reqCommentList) === '') {
-                        /* 게시글이 없을 경우 처리 필요 */
-                        console.log('No content');
-                    } else {
-                        console.log('Content exists');
-                    }
+                    /* 게시글이 없을 경우 처리 필요 */
+                    var $noDataHtml = $(`<p style="width: 100%; text-align: center; font-size: 20px; margin-top: 40px;">
+                                            등록된 글이 없습니다.
+                                         </p>`);
+                    $chatMessages.append($noDataHtml);
+                    return;
                 }
 
                 for (var k in data.response) {