Index: arms/html/pdServiceVersion/content-container.html
===================================================================
diff -u -rdb6be154384aee30466b603018236dae955e9205 -r87359f1c5fc745946b6d38b7a41e51a6275c1d05
--- arms/html/pdServiceVersion/content-container.html	(.../content-container.html)	(revision db6be154384aee30466b603018236dae955e9205)
+++ arms/html/pdServiceVersion/content-container.html	(.../content-container.html)	(revision 87359f1c5fc745946b6d38b7a41e51a6275c1d05)
@@ -256,7 +256,7 @@
             <div class="gradient_middle_border" style="width: 100%; height: 2px"></div>
             <blockquote class="font13"
                         style="margin-top: 5px;">
-                2. 제품(서비스)의 내용을 확인하고 편집/삭제
+                3. 제품(서비스)의 내용을 확인하고 편집/삭제
                 <div style="float: right;">
                     <button class="btn btn-transparent btn-xs"
                             style="margin-top: -3px; color: #acacac; background: rgba(51,51,51,.2); padding: 1px 9px;"
@@ -272,7 +272,7 @@
                 <div style="float: left">
                     <button type="button"
                             id="copychecker"
-                            class="btn btn-default btn-sm">
+                            class="btn btn-default btn-sm hidden">
                         Copy
                     </button>
                     <button type="button"
@@ -296,7 +296,42 @@
                         PDF
                     </button>
                 </div>
-
+                <!-- 컴포넌트 대상 -->
+                <div id="selected_info">
+                    <div    class="panel-group json-menu"
+                            id="versionAccordion"
+                            style="margin-bottom: 0px !important">
+                        <li     class="list-item1 json-menu-header"
+                                style="padding: 0px; list-style: none;">
+                            <div class="chat-message">
+                                <div    class="chat-message-body"
+                                        style="margin-left: 0px !important; padding: 5px 10px 0px 10px !important; border-left: 2px solid #a4c6ff;">
+                                    <span   class="arrow"
+                                            style="border-right: 5px solid #a4c6ff;"></span>
+<!--                                    <span   id="toRight"
+                                            class="arrow"
+                                            style=" top: 17px !important;"></span>-->
+                                    <div    class="sender"
+                                            style="padding-bottom: 5px; padding-top: 3px">
+                                        선택된 제품(서비스) :
+                                        <span   id="select_PdService"
+                                                style="color: #a4c6ff">
+                                                선택되지 않음
+                                        </span>
+                                    </div>
+                                    <div    class="sender"
+                                            style="padding-bottom: 5px; padding-top: 3px">
+                                        선택된 버전 :
+                                        <span   id="select_Version"
+                                                style="color: #a4c6ff">
+                                                    선택되지 않음
+                                            </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                    </div>
+                </div>
                 <div style="float: right">
                     <button type="button"
                             id="version_popup"
Index: arms/js/pdServiceVersion.js
===================================================================
diff -u -rdb6be154384aee30466b603018236dae955e9205 -r87359f1c5fc745946b6d38b7a41e51a6275c1d05
--- arms/js/pdServiceVersion.js	(.../pdServiceVersion.js)	(revision db6be154384aee30466b603018236dae955e9205)
+++ arms/js/pdServiceVersion.js	(.../pdServiceVersion.js)	(revision 87359f1c5fc745946b6d38b7a41e51a6275c1d05)
@@ -168,7 +168,7 @@
 
 // 데이터 테이블 구성 이후 꼭 구현해야 할 메소드 : 열 클릭시 이벤트
 function dataTableClick(tempDataTable, selectedData) {
-	$("#version_contents").html("");
+	$("#version_contents").html(""); // 버전 상세 명세 초기화
 
 	selectId = selectedData.c_id;
 	selectName = selectedData.c_title;
@@ -373,9 +373,21 @@
 				</div>
 			</div>
 			</div>
-			<div class="gradient_bottom_border" style="width: 100%; height: 2px; padding-top: 10px;"></div>`;
+<!--			<button type="button"
+					class="btn btn-primary btn-block btn-sm"
+					id="modal_popup_id"
+					data-toggle="modal"
+					data-target="#my_modal2"
+					style="margin-bottom: 10px !important; margin-top: 10px;"
+					onClick="modalPopup('modal_popup_id')">
+					신규 버전 등록하기
+			</button>-->
+			`;
+		//<div class="gradient_bottom_border" style="width: 100%; height: 2px; padding-top: 10px;"></div>
 
 		$(".list-group-item").html(selectedHtml);
+		$("#select_PdService").text(selectedText); // sender 이름 바인딩
+
 		$("#tooltip_enabled_service_name").val(selectedText);
 
 		if( !isEmpty(json.pdServiceVersionEntities) ){
@@ -432,7 +444,7 @@
 	main.html("");
 
 	var data = `
-			   <li class='list-group-item json-menu-header' style="padding: 0px;">
+			   <li class='list-group-item json-menu-header ch123' style="padding: 0px;">
 				   <strong>product service name</strong>
 			   </li>
 			   <button type="button"
@@ -504,6 +516,7 @@
 		// HTTP 요청이 성공하면 요청한 데이터가 done() 메소드로 전달됨.
 		.done(function (json) {
 			console.log(" → " + json.c_contents);
+			console.log(json);
 
 			$("#pdservice_name").text($("#pdservice_table").DataTable().rows(".selected").data()[0].c_title);
 
@@ -522,6 +535,12 @@
 			$("#input_pdservice_end_date").datetimepicker({ value: json.c_pds_version_end_date + " 18:00", step: 10 });
 			$("#btn_enabled_date").datetimepicker({ value: json.c_pds_version_start_date + " 09:00", step: 10 });
 			$("#btn_end_date").datetimepicker({ value: json.c_pds_version_end_date + " 18:00", step: 10 });
+
+			// sender 데이터 바인딩 및 선택 색상 표기
+			$("#select_Version").text(json.c_title);
+			$(".list-item1 .chat-message-body").css({"border-left":""});
+			$(".list-item1 .arrow").css({"border-right":""});
+
 		})
 		// HTTP 요청이 실패하면 오류와 상태에 관한 정보가 fail() 메소드로 전달됨.
 		.fail(function (xhr, status, errorThrown) {