Index: arms/html/reqDetail/content-container.html
===================================================================
diff -u -r35edb7a184933f8a94a348d5858621dd789eb644 -rac285dff20b5a138cb84c6b350ddfd137ed2b9dd
--- arms/html/reqDetail/content-container.html	(.../content-container.html)	(revision 35edb7a184933f8a94a348d5858621dd789eb644)
+++ arms/html/reqDetail/content-container.html	(.../content-container.html)	(revision ac285dff20b5a138cb84c6b350ddfd137ed2b9dd)
@@ -1159,4 +1159,8 @@
 	.nav-link.scrollto:hover {
 		background-color: rgba(51,51,51,.8)
 	}
+
+	.form-control {
+		color: #a4c6ff;
+	}
 </style>
Index: arms/js/reqDetail.js
===================================================================
diff -u -r0dfb46c26eabc221c309f4e4b470f130b5192858 -rac285dff20b5a138cb84c6b350ddfd137ed2b9dd
--- arms/js/reqDetail.js	(.../reqDetail.js)	(revision 0dfb46c26eabc221c309f4e4b470f130b5192858)
+++ arms/js/reqDetail.js	(.../reqDetail.js)	(revision ac285dff20b5a138cb84c6b350ddfd137ed2b9dd)
@@ -3,6 +3,9 @@
 ////////////////////////////////////////////////////////////////////////////////////////
 var selectedJsTreeId; // 요구사항 아이디
 var selectedJsTreeName; // 요구사항 이름
+var tempDataTable;
+var isChecked = [];   // 지라 프로젝트 연결 목록 체크
+var jiraCheckId = []; // 여러 개의 c_id를 저장할 배열
 
 function execDocReady() {
 	var pluginGroups = [
@@ -19,7 +22,10 @@
 			"../reference/jquery-plugins/select2-4.0.2/dist/css/select2_lightblue4.css",
 			"../reference/jquery-plugins/select2-4.0.2/dist/js/select2.min.js",
 			"../reference/lightblue4/docs/lib/widgster/widgster.js",
-			"../reference/light-blue/lib/vendor/jquery.ui.widget.js"
+			"../reference/light-blue/lib/vendor/jquery.ui.widget.js",
+			"../reference/jquery-plugins/lou-multi-select-0.9.12/js/jquery.multi-select.js",
+			"../reference/jquery-plugins/multiple-select-1.5.2/dist/multiple-select.min.js",
+			"../reference/jquery-plugins/multiple-select-1.5.2/dist/multiple-select-bluelight.css"
 		],
 
 		[
@@ -45,9 +51,167 @@
 			//위젯 헤더 처리 및 사이드 메뉴 처리
 			$(".widget").widgster();
 			setSideMenu("sidebar_menu_requirement", "sidebar_menu_requirement_regist");
+
+			makePdServiceSelectBox();
+			setDetailAndEditViewTab();
 		})
 		.catch(function (errorMessage) {
 			console.error(errorMessage);
 			console.error("플러그인 로드 중 오류 발생");
 		});
 }
+
+////////////////////////////////////////////////////////////////////////////////////////
+//제품 서비스 셀렉트 박스
+////////////////////////////////////////////////////////////////////////////////////////
+function makePdServiceSelectBox() {
+	//제품 서비스 셀렉트 박스 이니시에이터
+	$(".chzn-select").each(function () {
+		$(this).select2($(this).data());
+	});
+
+	//제품 서비스 셀렉트 박스 데이터 바인딩
+	$.ajax({
+		url: "/auth-user/api/arms/pdService/getPdServiceMonitor.do",
+		type: "GET",
+		contentType: "application/json;charset=UTF-8",
+		dataType: "json",
+		progress: true,
+		statusCode: {
+			200: function (data) {
+				//////////////////////////////////////////////////////////
+				for (var k in data.response) {
+					var obj = data.response[k];
+					var newOption = new Option(obj.c_title, obj.c_id, false, false);
+					$("#selected_pdService").append(newOption).trigger("change");
+				}
+				//////////////////////////////////////////////////////////
+				jSuccess("제품(서비스) 조회가 완료 되었습니다.");
+			}
+		},
+		beforeSend: function () {
+			//$("#regist_pdservice").hide(); 버튼 감추기
+		},
+		complete: function () {
+			//$("#regist_pdservice").show(); 버튼 보이기
+		},
+		error: function (e) {
+			jError("제품(서비스) 조회 중 에러가 발생했습니다.");
+		}
+	});
+
+	$("#selected_pdService").on("select2:open", function () {
+		makeSlimScroll(".select2-results__options");
+	});
+
+	// --- select2 ( 제품(서비스) 검색 및 선택 ) 이벤트 --- //
+	$("#selected_pdService").on("select2:select", function (e) {
+		// 제품( 서비스 ) 선택했으니까 자동으로 버전을 선택할 수 있게 유도
+		// 디폴트는 base version 을 선택하게 하고 ( select all )
+
+		// 선택된 제품(서비스) 데이터 바인딩
+		var selectedService = $("#selected_pdService").select2("data")[0].text;
+
+		$("#select_PdService").text(selectedService);
+		$("#select_Service").text(selectedService);   // 선택된 제품(서비스)
+		//~> 이벤트 연계 함수 :: 요구사항 표시 jsTree 빌드
+		//서비스(어플리케이션) 트리 로드
+		build_ReqData_By_PdService();
+
+		//~> 이벤트 연계 함수 :: Version 표시 jsTree 빌드
+		bind_VersionData_By_PdService();
+	});
+} // end makePdServiceSelectBox()
+
+////////////////////////////////////////////////////////////////////////////////////////
+//상세 보기 탭 & 편집 탭
+////////////////////////////////////////////////////////////////////////////////////////
+function setDetailAndEditViewTab() {
+	var urlParams = new URL(location.href).searchParams;
+	var selectedJsTreeId = urlParams.get('reqAdd');
+	var selectedPdService = urlParams.get('pdService');
+	console.log("Detail Tab ::::")
+	console.log("==== 장지윤 selectedJsTreeId")
+	console.log(selectedJsTreeId)
+	console.log(selectedPdService)
+	var tableName = "T_ARMS_REQADD_" + selectedPdService;
+	$.ajax({
+		url: "/auth-user/api/arms/reqAdd/" + tableName + "/getNode.do?c_id=" + selectedJsTreeId,
+		type: "GET",
+		contentType: "application/json;charset=UTF-8",
+		dataType: "json",
+		progress: true
+	})
+		.done(function (data) {
+			// ------------------ 편집하기 ------------------ //
+			// bindDataEditlTab(data);
+			// ------------------ 상세보기 ------------------ //
+			bindDataDetailTab(data);
+		})
+		.fail(function (e) {})
+		.always(function () {});
+}
+// ------------------ 상세보기 ------------------ //
+function bindDataDetailTab(ajaxData) {
+
+	console.log("==== 장지윤 ajaxData")
+	console.log(ajaxData)
+	//제품(서비스) 데이터 바인딩
+	var selectedPdServiceText = ajaxData.pdServiceEntity.c_title;
+
+	console.log("==== 장지윤 selectedPdServiceText")
+	console.log(selectedPdServiceText)
+	if (isEmpty(selectedPdServiceText)) {
+		$("#detailview_req_pdservice_name").text("");
+	} else {
+		$("#detailview_req_pdservice_name").text(selectedPdServiceText);
+	}
+
+	//Version 데이터 바인딩
+	// var selectedVersionText = $("#edit_multi_version").multipleSelect("getSelects", "text");
+	// if (isEmpty(selectedVersionText)) {
+	// 	$("#detailview_req_pdservice_version").val("요구사항에 등록된 버전이 없습니다.");
+	// } else {
+	// 	$("#detailview_req_pdservice_version").val(selectedVersionText);
+	// }
+	$("#detailview_req_id").text(ajaxData.c_id);
+	$("#detailview_req_name").text(ajaxData.c_title);
+
+	//우선순위 셋팅
+	$("#detailview_req_priority").children(".btn.active").removeClass("active");
+	var select_Req_Priority_ID = "detailView-req-priority-option" + ajaxData.c_priority;
+	$("#" + select_Req_Priority_ID)
+		.parent()
+		.addClass("active");
+
+	$("#detailview_req_status").text(ajaxData.c_req_status);
+	$("#detailview_req_writer").text(ajaxData.c_req_writer);
+	$("#detailview_req_write_date").text(new Date(ajaxData.c_req_create_date).toLocaleString());
+
+	if (ajaxData.c_req_reviewer01 == null || ajaxData.c_req_reviewer01 == "none") {
+		$("#detailview_req_reviewer01").text("리뷰어(연대책임자)가 존재하지 않습니다.");
+	} else {
+		$("#detailview_req_reviewer01").text(ajaxData.c_req_reviewer01);
+	}
+	if (ajaxData.c_req_reviewer02 == null || ajaxData.c_req_reviewer02 == "none") {
+		$("#detailview_req_reviewer02").text("2번째 리뷰어(연대책임자) 없음");
+	} else {
+		$("#detailview_req_reviewer02").text(ajaxData.c_req_reviewer02);
+	}
+	if (ajaxData.c_req_reviewer03 == null || ajaxData.c_req_reviewer03 == "none") {
+		$("#detailview_req_reviewer03").text("3번째 리뷰어(연대책임자) 없음");
+	} else {
+		$("#detailview_req_reviewer03").text(ajaxData.c_req_reviewer03);
+	}
+	if (ajaxData.c_req_reviewer04 == null || ajaxData.c_req_reviewer04 == "none") {
+		$("#detailview_req_reviewer04").text("4번째 리뷰어(연대책임자) 없음");
+	} else {
+		$("#detailview_req_reviewer04").text(ajaxData.c_req_reviewer04);
+	}
+	if (ajaxData.c_req_reviewer05 == null || ajaxData.c_req_reviewer05 == "none") {
+		$("#detailview_req_reviewer05").text("5번째 리뷰어(연대책임자) 없음");
+	} else {
+		$("#detailview_req_reviewer05").text(ajaxData.c_req_reviewer05);
+	}
+	$("#detailview_req_contents").text(ajaxData.c_req_contents);
+}