Index: arms/js/reqStatus.js
===================================================================
diff -u -r208ec2195511a132824387e9e79d6a6ea4adb91f -r372f7f7b8b3ba9e4810e03f693f7745fc1fe9c07
--- arms/js/reqStatus.js	(.../reqStatus.js)	(revision 208ec2195511a132824387e9e79d6a6ea4adb91f)
+++ arms/js/reqStatus.js	(.../reqStatus.js)	(revision 372f7f7b8b3ba9e4810e03f693f7745fc1fe9c07)
@@ -431,10 +431,25 @@
             title: "요구사항 구분",
             data: "isReq",
             render: function (data, type, row, meta) {
+                let upperKey = row.upperKey;
+			    if (row.connectType === "subtask") {
+			        upperKey += "의 하위 이슈";
+			    } else {
+			        upperKey += "의 연결 이슈";
+			    }
+
+                if (row.deleted) {
+                    if(row.deleted.deleted_isDeleted === true){
+                        upperKey = "<s style='color: #808080'>" + upperKey + "</s>";
+                    }else if(row.deleted.deleted_isDeleted === false){
+                        upperKey = "<p style='color: #808080'>" + upperKey + "</p>";
+                    }
+                }
+
                 if (row.connectType === "subtask") {
-                    return "<div style='color: #f8f8f8'>" + row.upperKey + "의 하위 이슈</div>";
+                    return "<div style='color: #f8f8f8'>" + upperKey + "</div>";
                 } else {
-                    return "<div style='color: #f8f8f8'>" + row.upperKey + "의 연결 이슈</div>";
+                    return "<div style='color: #f8f8f8'>" + upperKey + "</div>";
                 }
                 return data;
             },
@@ -449,7 +464,16 @@
                 if (isEmpty(data) || data === "false") {
                     return "<div style='color: #808080'>N/A</div>";
                 } else {
-                    return "<div style='white-space: nowrap; color: #f8f8f8'>" + data + "</div>";
+                    let displayText = data;
+                    let color = "#f8f8f8"; // 기본 텍스트 색상
+
+                    if (row.deleted && row.deleted.deleted_isDeleted === true) {
+                        displayText = "<s style='color: #808080'>" + data  + "</s>";
+                    }
+					else if (row.deleted && row.deleted.deleted_isDeleted === false) {
+                        color = "#808080";
+                    }
+					return ("<div style='white-space: nowrap; color:" + color + "'>" + displayText + "</div>");
                 }
                 return data;
             },
@@ -464,16 +488,22 @@
                 if (isEmpty(data) || data === "false") {
                     return "<div style='color: #808080'>N/A</div>";
                 } else {
-                    let verNameList = [];
-                    let verHtml =``;
-                        data.forEach(version_id => {
-                        let versionInfo = versionListData.find(version => version["c_id"] === version_id);
-                        if(versionInfo) {
-                            verNameList.push(versionInfo["c_title"]);
-                            verHtml+= versionInfo["c_title"]+`<br/>`;
-                        }
-                    });
-                    return "<div style='white-space: nowrap; color: #f8f8f8'>" + verHtml + "</div>";
+					let verNameList = [];
+					let verHtml =``;
+						data.forEach(version_id => {
+						let versionInfo = versionListData.find(version => version["c_id"] === version_id);
+						if(versionInfo) {
+							verNameList.push(versionInfo["c_title"]);
+							verHtml+= versionInfo["c_title"]+`<br/>`;
+						}
+					});
+                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    if (row.deleted && row.deleted.deleted_isDeleted === true) {
+                        verHtml = "<s style='color: #808080'>" + verHtml  + "</s>";
+                    } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
+                        color = "#808080";
+                    }
+                    return "<div style='white-space: nowrap; color: " + color + "'>" + verHtml + "</div>";
                 }
                 return data;
             },
@@ -489,10 +519,14 @@
                     return "<div style='color: #808080'>N/A</div>";
                 } else {
                     let displayText = data;
-                    if (row.deleted) {
-                        displayText = "<s>" + data + "</s>";
+                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    if (row.deleted && row.deleted.deleted_isDeleted === true) {
+                        displayText = "<s style='color: #808080'>" + data  + "</s>";
+                    } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
+                        color = "#808080";
                     }
-                    return "<div style='white-space: nowrap; color: #f8f8f8'>" + displayText + "</div>";
+
+                    return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
                 }
                 return data;
             },
@@ -507,7 +541,14 @@
                 if (isEmpty(data) || data === "false") {
                     return "<div style='color: #808080'>N/A</div>";
                 } else {
-                    return "<div style='white-space: nowrap; color: #f8f8f8'>" + data + "</div>";
+                    let displayText = data;
+                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    if (row.deleted && row.deleted.deleted_isDeleted === true) {
+                        displayText = "<s style='color: #808080'>" + data  + "</s>";
+                    } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
+                        color = "#808080";
+                    }
+                    return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
                 }
                 return data;
             },
@@ -522,7 +563,14 @@
                 if (isEmpty(data) || data === "false") {
                     return "<div style='color: #808080'>N/A</div>";
                 } else {
-                    return "<div style='white-space: nowrap; color: #f8f8f8'>" + data + "</div>";
+                    let displayText = data;
+                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    if (row.deleted && row.deleted.deleted_isDeleted === true) {
+                        displayText = "<s style='color: #808080'>" + data  + "</s>";
+                    } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
+                        color = "#808080";
+                    }
+                    return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
                 }
                 return data;
             },
@@ -537,7 +585,14 @@
                 if (isEmpty(data) || data === "false") {
                     return "<div style='color: #808080'>N/A</div>";
                 } else {
-                    return "<div style='white-space: nowrap; color: #f8f8f8'>" + data + "</div>";
+                    let displayText = data;
+                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    if (row.deleted && row.deleted.deleted_isDeleted === true) {
+                        displayText = "<s style='color: #808080'>" + data  + "</s>";
+                    } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
+                        color = "#808080";
+                    }
+                    return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
                 }
             },
             className: "dt-body-left",
@@ -551,7 +606,14 @@
                 if (isEmpty(data) || data === "false") {
                     return "<div style='color: #808080'>N/A</div>";
                 } else {
-                    return "<div style='white-space: nowrap; color: #f8f8f8'>" + data + "</div>";
+                    let displayText = data;
+                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    if (row.deleted && row.deleted.deleted_isDeleted === true) {
+                        displayText = "<s style='color: #808080'>" + data  + "</s>";
+                    } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
+                        color = "#808080";
+                    }
+                    return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
                 }
                 return data;
             },
@@ -566,7 +628,14 @@
                 if (isEmpty(data) || data === "false") {
                     return "<div style='color: #808080'>N/A</div>";
                 } else {
-                    return "<div style='white-space: nowrap; color: #f8f8f8'>" + data + "</div>";
+                    let displayText = data;
+                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    if (row.deleted && row.deleted.deleted_isDeleted === true) {
+                        displayText = "<s style='color: #808080'>" + data  + "</s>";
+                    } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
+                        color = "#808080";
+                    }
+                    return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
                 }
                 return data;
             },
@@ -581,7 +650,14 @@
                 if (isEmpty(data) || data === "false") {
                     return "<div style='color: #808080'>N/A</div>";
                 } else {
-                    return "<div style='white-space: nowrap; color: #f8f8f8'>" + dateFormat(data) + "</div>";
+                    let displayText = dateFormat(data);
+                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    if (row.deleted && row.deleted.deleted_isDeleted === true) {
+                        displayText = "<s style='color: #808080'>" + dateFormat(data)  + "</s>";
+                    } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
+                        color = "#808080";
+                    }
+                    return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
                 }
                 return data;
             },
@@ -596,7 +672,14 @@
                 if (isEmpty(data) || data === "false") {
                     return "<div style='color: #808080'>N/A</div>";
                 } else {
-                    return "<div style='white-space: nowrap; color: #f8f8f8'>" + dateFormat(data) + "</div>";
+                    let displayText = dateFormat(data);
+                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    if (row.deleted && row.deleted.deleted_isDeleted === true) {
+                        displayText = "<s style='color: #808080'>" + dateFormat(data)  + "</s>";
+                    } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
+                        color = "#808080";
+                    }
+                    return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
                 }
                 return data;
             },
@@ -611,7 +694,14 @@
                 if (isEmpty(data) || data === "false") {
                     return "<div style='color: #808080'>N/A</div>";
                 } else {
-                    return "<div style='white-space: nowrap; color: #f8f8f8'>" + dateFormat(data) + "</div>";
+                    let displayText = dateFormat(data);
+                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    if (row.deleted && row.deleted.deleted_isDeleted === true) {
+                        displayText = "<s style='color: #808080'>" + displayText + "</s>";
+                    } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
+                        displayText = "<div style='color: #808080'>" + displayText + "</div>";
+                    }
+                    return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
                 }
                 return data;
             },
@@ -714,30 +804,34 @@
 				if (isEmpty(data) || data === "false") {
 					return "<div style='color: #808080'>N/A</div>";
 				} else {
-          let displayText = data;
-          let color = "#f8f8f8"; // 기본 텍스트 색상
+                    let displayText = data;
+                    let color;
+                    if (!isEmpty(row.isReq) && row.isReq == true) {
+                        color = "#a4c6ff";
+                    }else{
+                        color = "#f8f8f8"; // 기본 텍스트 색상
+                    }
 					let btn_data_row1 = {
 						pdServiceVersions : row.pdServiceVersions.join(","),
 						cReqLink : row.creqLink
 					};
 					// 삭제 여부
-          if (row.deleted && row.deleted.deleted_isDeleted === true) {
-            displayText = "<s style='color: #808080'>" + data  + "</s>";
-          }
+                    if (row.deleted && row.deleted.deleted_isDeleted === true) {
+                        displayText = "<s style='color: #808080'>" + data  + "</s>";
+                    }
 					else if (row.deleted && row.deleted.deleted_isDeleted === false) {
-            color = "#808080";
-          }
+                        color = "#808080";
+                    }
 					// 요구사항 이슈 여부
-          if (!isEmpty(row.isReq) && row.isReq === true) {
-              color = "#a4c6ff";
+                    if (!isEmpty(row.isReq) && row.isReq === true) {
 						return ("<div style='white-space: nowrap; color:" + color + "'>" + displayText +
 							$("<button class='btn btn-transparent btn-xs' style='margin-left:5px'/>")
 								.append($('<i class="fa fa-list-alt"></i>'))
 								.attr("data-toggle", "modal")
 								.attr("data-target","#reqIssue_alongWith_modal")
 								.attr("data-row", JSON.stringify(btn_data_row1)).prop("outerHTML") +
 							"</div>");
-          } else {
+                    } else {
 						return ("<div style='white-space: nowrap; color:" + color + "'>" + displayText + "</div>");
 					}
 				}
@@ -763,15 +857,19 @@
 							verHtml+= versionInfo["c_title"]+`<br/>`;
 						}
 					});
-                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    let color;
+                    if (!isEmpty(row.isReq) && row.isReq == true) {
+                        color = "#a4c6ff";
+                    }else{
+                        color = "#f8f8f8"; // 기본 텍스트 색상
+                    }
+
                     if (row.deleted && row.deleted.deleted_isDeleted === true) {
                         verHtml = "<s style='color: #808080'>" + verHtml  + "</s>";
                     } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
                         color = "#808080";
                     }
-                    if (!isEmpty(row.isReq) && row.isReq == true) {
-                        color = "#a4c6ff";
-                    }
+
                     return "<div style='white-space: nowrap; color: " + color + "'>" + verHtml + "</div>";
 				}
 				return data;
@@ -788,15 +886,17 @@
 					return "<div style='color: #808080'>N/A</div>";
 				} else {
                     let displayText = data;
-                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    let color;
+                    if (!isEmpty(row.isReq) && row.isReq == true) {
+                        color = "#a4c6ff";
+                    }else{
+                        color = "#f8f8f8"; // 기본 텍스트 색상
+                    }
                     if (row.deleted && row.deleted.deleted_isDeleted === true) {
                         displayText = "<s style='color: #808080'>" + data  + "</s>";
                     } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
                         color = "#808080";
                     }
-                    if (!isEmpty(row.isReq) && row.isReq == true) {
-                        color = "#a4c6ff";
-                    }
                     return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
 				}
 				return data;
@@ -813,15 +913,17 @@
 					return "<div style='color: #808080'>N/A</div>";
 				} else {
                     let displayText = data;
-                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    let color;
+                    if (!isEmpty(row.isReq) && row.isReq == true) {
+                        color = "#a4c6ff";
+                    }else{
+                        color = "#f8f8f8"; // 기본 텍스트 색상
+                    }
                     if (row.deleted && row.deleted.deleted_isDeleted === true) {
                         displayText = "<s style='color: #808080'>" + data  + "</s>";
                     } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
                         color = "#808080";
                     }
-                    if (!isEmpty(row.isReq) && row.isReq == true) {
-                        color = "#a4c6ff";
-                    }
                     return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
 				}
 				return data;
@@ -838,15 +940,17 @@
 					return "<div style='color: #808080'>N/A</div>";
 				} else {
                     let displayText = data;
-                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    let color;
+                    if (!isEmpty(row.isReq) && row.isReq == true) {
+                        color = "#a4c6ff";
+                    }else{
+                        color = "#f8f8f8"; // 기본 텍스트 색상
+                    }
                     if (row.deleted && row.deleted.deleted_isDeleted === true) {
                         displayText = "<s style='color: #808080'>" + data  + "</s>";
                     } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
                         color = "#808080";
                     }
-                    if (!isEmpty(row.isReq) && row.isReq == true) {
-                        color = "#a4c6ff";
-                    }
                     return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
 				}
 				return data;
@@ -863,15 +967,17 @@
 					return "<div style='color: #808080'>N/A</div>";
 				} else {
                     let displayText = data;
-                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    let color;
+                    if (!isEmpty(row.isReq) && row.isReq == true) {
+                        color = "#a4c6ff";
+                    }else{
+                        color = "#f8f8f8"; // 기본 텍스트 색상
+                    }
                     if (row.deleted && row.deleted.deleted_isDeleted === true) {
                         displayText = "<s style='color: #808080'>" + data  + "</s>";
                     } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
                         color = "#808080";
                     }
-                    if (!isEmpty(row.isReq) && row.isReq == true) {
-                        color = "#a4c6ff";
-                    }
                     return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
 				}
 			},
@@ -887,15 +993,17 @@
 					return "<div style='color: #808080'>N/A</div>";
 				} else {
                     let displayText = data;
-                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    let color;
+                    if (!isEmpty(row.isReq) && row.isReq == true) {
+                        color = "#a4c6ff";
+                    }else{
+                        color = "#f8f8f8"; // 기본 텍스트 색상
+                    }
                     if (row.deleted && row.deleted.deleted_isDeleted === true) {
                         displayText = "<s style='color: #808080'>" + data  + "</s>";
                     } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
                         color = "#808080";
                     }
-                    if (!isEmpty(row.isReq) && row.isReq == true) {
-                        color = "#a4c6ff";
-                    }
                     return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
 				}
 				return data;
@@ -912,15 +1020,17 @@
 					return "<div style='color: #808080'>N/A</div>";
 				} else {
                     let displayText = data;
-                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    let color;
+                    if (!isEmpty(row.isReq) && row.isReq == true) {
+                        color = "#a4c6ff";
+                    }else{
+                        color = "#f8f8f8"; // 기본 텍스트 색상
+                    }
                     if (row.deleted && row.deleted.deleted_isDeleted === true) {
                         displayText = "<s style='color: #808080'>" + data  + "</s>";
                     } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
                         color = "#808080";
                     }
-                    if (!isEmpty(row.isReq) && row.isReq == true) {
-                        color = "#a4c6ff";
-                    }
                     return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
 				}
 				return data;
@@ -937,15 +1047,17 @@
 					return "<div style='color: #808080'>N/A</div>";
 				} else {
                     let displayText = dateFormat(data);
-                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    let color;
+                    if (!isEmpty(row.isReq) && row.isReq == true) {
+                        color = "#a4c6ff";
+                    }else{
+                        color = "#f8f8f8"; // 기본 텍스트 색상
+                    }
                     if (row.deleted && row.deleted.deleted_isDeleted === true) {
                         displayText = "<s style='color: #808080'>" + dateFormat(data)  + "</s>";
                     } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
                         color = "#808080";
                     }
-                    if (!isEmpty(row.isReq) && row.isReq == true) {
-                        color = "#a4c6ff";
-                    }
                     return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
 				}
 				return data;
@@ -962,15 +1074,17 @@
 					return "<div style='color: #808080'>N/A</div>";
 				} else {
                     let displayText = dateFormat(data);
-                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    let color;
+                    if (!isEmpty(row.isReq) && row.isReq == true) {
+                        color = "#a4c6ff";
+                    }else{
+                        color = "#f8f8f8"; // 기본 텍스트 색상
+                    }
                     if (row.deleted && row.deleted.deleted_isDeleted === true) {
                         displayText = "<s style='color: #808080'>" + dateFormat(data)  + "</s>";
                     } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
                         color = "#808080";
                     }
-                    if (!isEmpty(row.isReq) && row.isReq == true) {
-                        color = "#a4c6ff";
-                    }
                     return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
 				}
 				return data;
@@ -987,15 +1101,17 @@
                     return "<div style='color: #808080'>N/A</div>";
                 } else {
                     let displayText = dateFormat(data);
-                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    let color;
+                    if (!isEmpty(row.isReq) && row.isReq == true) {
+                        color = "#a4c6ff";
+                    }else{
+                        color = "#f8f8f8"; // 기본 텍스트 색상
+                    }
                     if (row.deleted && row.deleted.deleted_isDeleted === true) {
                         displayText = "<s style='color: #808080'>" + displayText + "</s>";
                     } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
                         color = "#808080";
                     }
-                    if (!isEmpty(row.isReq) && row.isReq == true) {
-                        color = "#a4c6ff";
-                    }
                     return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
                 }
                 return data;
@@ -1012,15 +1128,17 @@
                     return "<div style='color: #808080'>N/A</div>";
                 } else {
                     let displayText = dateFormat(data);
-                    let color = "#f8f8f8"; // 기본 텍스트 색상
+                    let color;
+                    if (!isEmpty(row.isReq) && row.isReq == true) {
+                        color = "#a4c6ff";
+                    }else{
+                        color = "#f8f8f8"; // 기본 텍스트 색상
+                    }
                     if (row.deleted && row.deleted.deleted_isDeleted === true) {
                         displayText = "<s style='color: #808080'>" + displayText + "</s>";
                     } else if (row.deleted && row.deleted.deleted_isDeleted === false) {
                         displayText = "<div style='color: #808080'>" + displayText + "</div>";
                     }
-                    if (!isEmpty(row.isReq) && row.isReq == true) {
-                       color = "#a4c6ff";
-                    }
                     return "<div style='white-space: nowrap; color: " + color + "'>" + displayText + "</div>";
                 }
 				return data;