Index: arms/detail.html
===================================================================
diff -u -r9059f02548aba9a6874f56b971b22f4e6fc60587 -r25ae9aa8e282fcdaad3419f7d7d49a0f0e310054
--- arms/detail.html	(.../detail.html)	(revision 9059f02548aba9a6874f56b971b22f4e6fc60587)
+++ arms/detail.html	(.../detail.html)	(revision 25ae9aa8e282fcdaad3419f7d7d49a0f0e310054)
@@ -218,7 +218,7 @@
 		<!-- 모달창 -->
 		<div class="modal fade" id="viewDetailReqModal" data-bs-backdrop="static"  tabindex="-1" aria-labelledby="viewDetailReqModalLabel" aria-hidden="true">
 			<div class="modal-dialog modal-dialog-scrollable  modal-dialog-centered modal-dialog-scrollable modal-lg" >
-				<div class="modal-content" style="height: 85vh;">
+				<div class="modal-content">
 					<div class="modal-header">
 						<h5 class="modal-title" id="viewDetailReqModalLabel">요구사항 상세 보기</h5>
 						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
@@ -230,7 +230,7 @@
 		</div>
 		<div class="modal fade" id="viewAllReqModal" data-bs-backdrop="static"  tabindex="-1" aria-labelledby="viewAllReqModalLabel" aria-hidden="true">
 			<div class="modal-dialog modal-dialog-scrollable  modal-dialog-centered modal-dialog-scrollable modal-lg" >
-				<div class="modal-content" style="height: 85vh;">
+				<div class="modal-content">
 					<div class="modal-header">
 						<h5 class="modal-title" id="viewAllReqModalLabel">요구사항 상세 보기</h5>
 						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
Index: arms/html/armsDetailExceptTemplate/assets/css/detail.css
===================================================================
diff -u -r9059f02548aba9a6874f56b971b22f4e6fc60587 -r25ae9aa8e282fcdaad3419f7d7d49a0f0e310054
--- arms/html/armsDetailExceptTemplate/assets/css/detail.css	(.../detail.css)	(revision 9059f02548aba9a6874f56b971b22f4e6fc60587)
+++ arms/html/armsDetailExceptTemplate/assets/css/detail.css	(.../detail.css)	(revision 25ae9aa8e282fcdaad3419f7d7d49a0f0e310054)
@@ -1145,7 +1145,10 @@
      right: 10px;
      width:40px;
      height:40px;
-     border-radius:0.5rem
+     border-radius:0.5rem;
+     display:flex;        /* flexbox 모델 적용 */
+     justify-content:center;  /* 가로축에서 중앙 정렬 */
+     align-items:center;   /* 세로축에서 중앙 정렬 */
 
 }
 #view_allreq_btn{
@@ -1155,12 +1158,25 @@
 .view-btn:hover {
    opacity :1;
 }
-
-
+.modal{
+    z-index:10001;
+}
+.modal-content{
+    height: 80vh;
+}
 .modal-dialog{
     width: 65vw;
     max-width: 100%;
+    margin: auto;
+    margin-top: 55px;
 }
+@media (max-width: 500px) {
+  .modal-dialog {
+    width: 90vw;
+    margin:auto;
+    margin-top: 45px;
+  }
+}
 
 .view-btn i {
     font-size: 24px !important;
@@ -1169,6 +1185,31 @@
     line-height: initial !important;
 }
 
+@media (max-width: 500px){
+   .view-btn {
+       background-color: #0678e3;
+       color: white;
+       border: none;
+       text-align: center;
+        opacity: .5;
+        position: absolute;
+        top: 10px;
+        right: 10px;
+        width:25px;
+        height:25px;
+        border-radius:0.5rem;
+        display:flex;        /* flexbox 모델 적용 */
+        justify-content:center;  /* 가로축에서 중앙 정렬 */
+        align-items:center;   /* 세로축에서 중앙 정렬 */
+   }
+   .view-btn i {
+       font-size: 14px !important;
+       margin-right: initial !important;
+       color: white !important;
+       line-height: initial !important;
+   }
+}
+
 /*--------------------------------------------------------------
 # 요구사항 목록
 --------------------------------------------------------------*/