Index: arms/html/pdServiceVersion/content-container.html
===================================================================
diff -u -rb7a12c5283e3130a19ca46f019ff1eba48aff229 -rd2b2bf2a9cef41cdfa2a622b6352cd719654ebc5
--- arms/html/pdServiceVersion/content-container.html	(.../content-container.html)	(revision b7a12c5283e3130a19ca46f019ff1eba48aff229)
+++ arms/html/pdServiceVersion/content-container.html	(.../content-container.html)	(revision d2b2bf2a9cef41cdfa2a622b6352cd719654ebc5)
@@ -8,29 +8,17 @@
 			</h4>
 			<div class="widget-controls">
 				<a title="Options" href="#"><i class="glyphicon glyphicon-cog"></i></a>
-				<a data-widgster="expand" title="Expand" href="#"
-					><i class="glyphicon glyphicon-chevron-up"></i
-				></a>
-				<a data-widgster="collapse" title="Collapse" href="#"
-					><i class="glyphicon glyphicon-chevron-down"></i
-				></a>
-				<a data-widgster="close" title="Close" href="#"
-					><i class="glyphicon glyphicon-remove"></i
-				></a>
+				<a data-widgster="expand" title="Expand" href="#"><i class="glyphicon glyphicon-chevron-up"></i></a>
+				<a data-widgster="collapse" title="Collapse" href="#"><i
+						class="glyphicon glyphicon-chevron-down"></i></a>
+				<a data-widgster="close" title="Close" href="#"><i class="glyphicon glyphicon-remove"></i></a>
 			</div>
 		</header>
 		<div class="body">
 			<blockquote class="font13">1. 제품(서비스) 선택</blockquote>
-			<div
-				class="box box-primary"
-				style="background: rgba(51, 51, 51, 0.225); margin-bottom: 5px !important"
-			>
+			<div class="box box-primary" style="background: rgba(51, 51, 51, 0.225); margin-bottom: 5px !important">
 				<div class="box-body">
-					<table
-						id="pdserviceTable"
-						class="display responsive no-wrap"
-						cellspacing="0"
-					>
+					<table id="pdserviceTable" class="display responsive no-wrap" cellspacing="0">
 						<thead>
 							<tr>
 								<th>c_id</th>
@@ -68,15 +56,10 @@
 			</h4>
 			<div class="widget-controls">
 				<a title="Options" href="#"><i class="glyphicon glyphicon-cog"></i></a>
-				<a data-widgster="expand" title="Expand" href="#"
-					><i class="glyphicon glyphicon-chevron-up"></i
-				></a>
-				<a data-widgster="collapse" title="Collapse" href="#"
-					><i class="glyphicon glyphicon-chevron-down"></i
-				></a>
-				<a data-widgster="close" title="Close" href="#"
-					><i class="glyphicon glyphicon-remove"></i
-				></a>
+				<a data-widgster="expand" title="Expand" href="#"><i class="glyphicon glyphicon-chevron-up"></i></a>
+				<a data-widgster="collapse" title="Collapse" href="#"><i
+						class="glyphicon glyphicon-chevron-down"></i></a>
+				<a data-widgster="close" title="Close" href="#"><i class="glyphicon glyphicon-remove"></i></a>
 			</div>
 		</header>
 		<div class="body">
@@ -97,40 +80,28 @@
 							</ul>
 						</header>
 						<div class="body tab-content">
-							<div
-								id="stats"
-								class="tab-pane active clearfix"
-								style="padding-top: 30px !important"
-							>
+							<div id="stats" class="tab-pane active clearfix" style="padding-top: 30px !important">
 								<form class="form-horizontal" method="post">
 									<fieldset>
 										<div class="control-group">
-											<label class="control-label" style="width: 25% !important"
-												>제품<sup>서비스</sup> 이름 :
+											<label class="control-label" style="width: 25% !important">제품<sup>서비스</sup>
+												이름 :
 											</label>
 											<div class="controls form-group">
 												<div class="col-sm-8">
-													<label
-														class="control-label"
+													<label class="control-label"
 														style="text-align: left !important; width: 100%"
-														id="pdServiceName"
-														>Product(Service) name</label
-													>
+														id="pdServiceName">Product(Service) name</label>
 												</div>
 											</div>
 										</div>
 										<div class="control-group">
-											<label class="control-label" style="width: 25% !important"
-												>버전 :
+											<label class="control-label" style="width: 25% !important">버전 :
 											</label>
 											<div class="controls form-group">
 												<div class="col-sm-8">
-													<label
-														class="control-label"
-														style="text-align: left !important"
-														id="pdServiceVersion"
-														>Version Name</label
-													>
+													<label class="control-label" style="text-align: left !important"
+														id="pdServiceVersion">Version Name</label>
 												</div>
 											</div>
 										</div>
@@ -140,12 +111,8 @@
 											</label>
 											<div class="controls form-group">
 												<div class="col-sm-8">
-													<label
-														class="control-label"
-														style="text-align: left !important"
-														id="versionStartDate"
-														>Version Work Start Date</label
-													>
+													<label class="control-label" style="text-align: left !important"
+														id="versionStartDate">Version Work Start Date</label>
 												</div>
 											</div>
 										</div>
@@ -155,26 +122,17 @@
 											</label>
 											<div class="controls form-group">
 												<div class="col-sm-8">
-													<label
-														class="control-label"
-														style="text-align: left !important"
-														id="versionEndDate"
-														>Version Work End Date</label
-													>
+													<label class="control-label" style="text-align: left !important"
+														id="versionEndDate">Version Work End Date</label>
 												</div>
 											</div>
 										</div>
 										<div class="control-group" style="display: flex">
-											<label
-												class="control-label"
-												style="width: 25% !important; margin-right: 15px; padding-top: 0"
-											>
-												버전 내용 : </label
-											><br />
-											<div
-												class="controls form-group"
-												style="flex: 1; display: flex; margin-bottom: 0"
-											>
+											<label class="control-label"
+												style="width: 25% !important; margin-right: 15px; padding-top: 0">
+												버전 내용 : </label><br />
+											<div class="controls form-group"
+												style="flex: 1; display: flex; margin-bottom: 0">
 												<div class="col-sm-12" id="versionContents">Version Contents</div>
 											</div>
 										</div>
@@ -186,70 +144,47 @@
 									<form class="form-horizontal" method="post">
 										<fieldset>
 											<div class="control-group">
-												<label
-													class="control-label"
-													style="color: #f8f8f8; width: 25% !important"
-													>제품<sup>서비스</sup> 이름 :
+												<label class="control-label"
+													style="color: #f8f8f8; width: 25% !important">제품<sup>서비스</sup> 이름 :
 												</label>
 												<div class="controls form-group">
 													<div class="col-sm-8">
-														<input
-															type="text"
-															id="input_pdserviceName"
-															class="form-control"
+														<input type="text" id="input_pdserviceName" class="form-control"
 															data-placement="top"
 															data-original-title="Some explanation text here"
-															placeholder="Product(Service) name"
-														/>
+															placeholder="Product(Service) name" />
 													</div>
 												</div>
 											</div>
 											<div class="control-group">
-												<label
-													class="control-label"
-													style="color: #f8f8f8; width: 25% !important"
-													>버전 :
+												<label class="control-label"
+													style="color: #f8f8f8; width: 25% !important">버전 :
 												</label>
 												<div class="controls form-group">
 													<div class="col-sm-8">
-														<input
-															type="text"
-															id="input_pdserviceVersion"
-															class="form-control"
-															data-placement="top"
+														<input type="text" id="input_pdserviceVersion"
+															class="form-control" data-placement="top"
 															data-original-title="Some explanation text here"
-															placeholder="Product(Service) version"
-														/>
+															placeholder="Product(Service) version" />
 													</div>
 												</div>
 											</div>
 											<div class="control-group">
-												<label
-													class="control-label"
-													style="color: #f8f8f8; width: 25% !important"
-												>
+												<label class="control-label"
+													style="color: #f8f8f8; width: 25% !important">
 													시작 날짜 :
 												</label>
 												<div class="controls form-group">
 													<div class="col-sm-8">
 														<div class="input-group">
-															<input
-																id="input_pdservice_start_date"
-																class="form-control"
-																type="text"
-																name="btn-enabled-date"
-																value=""
-																pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/"
-															/>
+															<input id="input_pdservice_start_date" class="form-control"
+																type="text" name="btn-enabled-date" value=""
+																pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/" />
 
 															<span class="input-group-btn">
-																<a
-																	href="#"
-																	id="btn-select-calendar"
-																	class="btn btn-danger"
-																	data-date-format="yyyy/mm/dd"
-																	data-date="2022/11/11"
-																>
+																<a href="#" id="btn-select-calendar"
+																	class="btn btn-danger" data-date-format="yyyy/mm/dd"
+																	data-date="2022/11/11">
 																	<i class="fa fa-calendar"></i>
 																</a>
 															</span>
@@ -258,32 +193,19 @@
 												</div>
 											</div>
 											<div class="control-group">
-												<label
-													class="control-label"
-													for="tooltip-enabled"
-													style="color: #f8f8f8; width: 25% !important"
-													>종료 날짜</label
-												>
+												<label class="control-label" for="tooltip-enabled"
+													style="color: #f8f8f8; width: 25% !important">종료 날짜</label>
 												<div class="controls form-group">
 													<div class="col-sm-8">
 														<div class="input-group">
-															<input
-																id="input_pdservice_end_date"
-																class="form-control"
-																type="text"
-																name="btn-enabled-date"
-																value=""
-																pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/"
-															/>
+															<input id="input_pdservice_end_date" class="form-control"
+																type="text" name="btn-enabled-date" value=""
+																pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/" />
 
 															<span class="input-group-btn">
-																<a
-																	href="#"
-																	id="btn-end-calendar-popup"
-																	class="btn btn-danger"
-																	data-date-format="yyyy/mm/dd"
-																	data-date="2022/11/11"
-																>
+																<a href="#" id="btn-end-calendar-popup"
+																	class="btn btn-danger" data-date-format="yyyy/mm/dd"
+																	data-date="2022/11/11">
 																	<i class="fa fa-calendar"></i>
 																</a>
 															</span>
@@ -292,12 +214,8 @@
 												</div>
 											</div>
 											<div class="control-group">
-												<label
-													class="control-label"
-													for="max-length"
-													style="color: #f8f8f8; width: 25% !important"
-													>버전 내용</label
-												>
+												<label class="control-label" for="max-length"
+													style="color: #f8f8f8; width: 25% !important">버전 내용</label>
 												<br /><br />
 												<div class="controls form-group">
 													<div class="col-sm-12">
@@ -310,12 +228,14 @@
 										</fieldset>
 									</form>
 								</div>
-                                <div class="form-actions" style="float: right; margin-top: 0px !important;">
-                                    <div>
-                                        <button type="button" class="btn btn-default">팝업 창으로 보기</button>
-                                        <button type="button" id="versionUpdate" class="btn btn-primary">Save Changes</button>
-                                    </div>
-                                </div>
+								<div class="form-actions" style="float: right; margin-top: 0px !important;">
+									<div>
+										<button type="button" id="versionPopup" class="btn btn-default"
+											data-toggle="modal" data-target="#myModal2">팝업 창으로 보기</button>
+										<button type="button" id="versionUpdate" class="btn btn-primary">Save
+											Changes</button>
+									</div>
+								</div>
 							</div>
 							<div id="dropdown1" class="tab-pane">
 								<p>
@@ -334,37 +254,23 @@
 					</section>
 				</div>
 			</div>
-			<div
-				id="myModal2"
-				class="modal fade"
-				tabindex="-1"
-				role="dialog"
-				aria-labelledby="myModalLabel"
-				aria-hidden="true"
-				style="display: none"
-			>
+			<div id="myModal2" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
+				aria-hidden="true" style="display: none">
 				<div class="modal-dialog" style="width: 90%; height: 90%">
 					<div class="modal-content modalDarkBack">
 						<div class="modal-header" style="padding: 0px; border-bottom: 0px">
-							<button
-								type="button"
-								class="close"
-								data-dismiss="modal"
-								aria-hidden="true"
-								style="color: #ffffff; font-size: 20px; opacity: 0.8; padding: 5px"
-							>
+							<button type="button" class="close" data-dismiss="modal" aria-hidden="true"
+								style="color: #ffffff; font-size: 20px; opacity: 0.8; padding: 5px">
 								×
 							</button>
-							<h4
-								class="modal-title font14"
-								id="myModalLabel2"
-								style="color: #f8f8f8; text-align: left; padding: 5px"
-							>
-								<span class="font13" style="font-weight: bold">
-									<i class="fa fa-edit"></i> 제품(서비스) 신규 버전 등록 팝업
-								</span>
+							<h4 class="modal-title font14" id="myModalLabel2"
+								style="color: #f8f8f8; text-align: left; padding: 5px">
+								<i class="fa fa-edit"></i>
+								<span class="font13" id="modalTitle" style="font-weight: bold"> 제품(서비스) 신규 버전 등록
+									팝업</span>
 								<section class="search-result" style="border-left: 5px solid #e5603b">
-									<p style="font-size: 13px; margin: 5px 0px 0px 0px; padding-left: 5px">
+									<p id="modalSub"
+										style="font-size: 13px; margin: 5px 0px 0px 0px; padding-left: 5px">
 										선택한 제품(서비스)에 버전을 등록합니다.
 									</p>
 								</section>
@@ -374,34 +280,25 @@
 							<form class="form-horizontal" method="post">
 								<fieldset>
 									<div class="control-group">
-										<label class="control-label" style="color: #f8f8f8"
-											>제품<sup>서비스</sup> 이름 :
+										<label class="control-label" style="color: #f8f8f8">제품<sup>서비스</sup> 이름 :
 										</label>
 										<div class="controls form-group">
 											<div class="col-sm-8">
-												<input
-													type="text"
-													id="tooltip-enabled-service-name"
-													class="form-control"
-													data-placement="top"
+												<input type="text" id="tooltip-enabled-service-name"
+													class="form-control" data-placement="top"
 													data-original-title="Some explanation text here"
-													placeholder="Product(Service) name"
-												/>
+													placeholder="Product(Service) name" />
 											</div>
 										</div>
 									</div>
 									<div class="control-group">
 										<label class="control-label" style="color: #f8f8f8">버전 : </label>
 										<div class="controls form-group">
 											<div class="col-sm-8">
-												<input
-													type="text"
-													id="tooltip-enabled-service-version"
-													class="form-control"
-													data-placement="top"
+												<input type="text" id="tooltip-enabled-service-version"
+													class="form-control" data-placement="top"
 													data-original-title="Some explanation text here"
-													placeholder="Product(Service) version"
-												/>
+													placeholder="Product(Service) version" />
 											</div>
 										</div>
 									</div>
@@ -413,23 +310,14 @@
 										<div class="controls form-group">
 											<div class="col-sm-8">
 												<div class="input-group">
-													<input
-														id="btn-enabled-date"
-														class="form-control"
-														type="text"
-														name="btn-enabled-date"
-														value=""
-														pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/"
-													/>
+													<input id="btn-enabled-date" class="form-control" type="text"
+														name="btn-enabled-date" value=""
+														pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/" />
 
 													<span class="input-group-btn">
-														<a
-															href="#"
-															id="btn-select-calendar-popup"
-															class="btn btn-danger"
-															data-date-format="yyyy/mm/dd"
-															data-date="2022/11/11"
-														>
+														<a href="#" id="btn-select-calendar-popup"
+															class="btn btn-danger" data-date-format="yyyy/mm/dd"
+															data-date="2022/11/11">
 															<i class="fa fa-calendar"></i>
 														</a>
 													</span>
@@ -438,32 +326,18 @@
 										</div>
 									</div>
 									<div class="control-group">
-										<label
-											class="control-label"
-											for="tooltip-enabled"
-											style="color: #f8f8f8"
-											>종료 날짜</label
-										>
+										<label class="control-label" for="tooltip-enabled" style="color: #f8f8f8">종료
+											날짜</label>
 										<div class="controls form-group">
 											<div class="col-sm-8">
 												<div class="input-group">
-													<input
-														id="btn-end-date"
-														class="form-control"
-														type="text"
-														name="btn-enabled-date"
-														value=""
-														pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/"
-													/>
+													<input id="btn-end-date" class="form-control" type="text"
+														name="btn-enabled-date" value=""
+														pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/" />
 
 													<span class="input-group-btn">
-														<a
-															href="#"
-															id="btn-end-calendar"
-															class="btn btn-danger"
-															data-date-format="yyyy/mm/dd"
-															data-date="2022/11/11"
-														>
+														<a href="#" id="btn-end-calendar" class="btn btn-danger"
+															data-date-format="yyyy/mm/dd" data-date="2022/11/11">
 															<i class="fa fa-calendar"></i>
 														</a>
 													</span>
@@ -472,9 +346,8 @@
 										</div>
 									</div>
 									<div class="control-group">
-										<label class="control-label" for="max-length" style="color: #f8f8f8"
-											>버전 내용</label
-										>
+										<label class="control-label" for="max-length" style="color: #f8f8f8">버전
+											내용</label>
 										<div class="controls form-group">
 											<div class="col-sm-12">
 												<div id="modal-editor" class="darkBack">
@@ -486,15 +359,12 @@
 								</fieldset>
 							</form>
 						</div>
-						<div
-							class="modal-footer"
-							style="
+						<div class="modal-footer" style="
 								background-color: transparent;
 								padding: 5px;
 								text-align: right;
 								border-top: 0px;
-							"
-						>
+							">
 							<button type="button" id="close-version" class="btn btn-default" data-dismiss="modal">
 								Close
 							</button>
@@ -513,7 +383,7 @@
 
 <!-- page specific application css/js -->
 <style type="text/css">
-	.modalDarkBack{
+	.modalDarkBack {
 		background: rgb(51 51 51 / 94%) !important;
 		border: 1px solid rgb(51 51 51) !important;
 	}
@@ -525,6 +395,7 @@
 		background-color: #e5603b;
 		border-color: rgba(0, 0, 0, 0.15);
 	}
+
 	.btn:focus,
 	.btn.focus,
 	.btn:active:focus,
@@ -534,6 +405,7 @@
 		outline: 0px auto -webkit-focus-ring-color;
 		outline-offset: -2px;
 	}
+
 	.select2-search__field::-webkit-input-placeholder,
 	.select2-search__field::placeholder {
 		color: #999 !important;
@@ -567,6 +439,7 @@
             border-top: 1px solid #ddd !important;
         }*/
 	}
+
 	.datepicker:before {
 		content: "";
 		display: inline-block;
@@ -578,6 +451,7 @@
 		top: -7px;
 		left: 6px;
 	}
+
 	.datepicker:after {
 		content: "";
 		display: inline-block;
@@ -588,13 +462,16 @@
 		top: -6px;
 		left: 7px;
 	}
-	.datepicker > div {
+
+	.datepicker>div {
 		display: none;
 	}
+
 	.datepicker table {
 		width: 100%;
 		margin: 0;
 	}
+
 	.datepicker td,
 	.datepicker th {
 		text-align: center;
@@ -606,22 +483,27 @@
 		-o-border-radius: 1px;
 		border-radius: 1px;
 	}
+
 	.datepicker td.day:hover {
 		background: #f8f8f8;
 		cursor: pointer;
 	}
+
 	.datepicker td.day.disabled {
 		color: #f8f8f8;
 	}
+
 	.datepicker td.old,
 	.datepicker td.new {
 		color: white;
 	}
+
 	.datepicker td.active,
 	.datepicker td.active:hover {
 		background: #618fb0;
 		color: #fff;
 	}
+
 	.datepicker td span {
 		display: block;
 		width: 47px;
@@ -636,33 +518,36 @@
 		-o-border-radius: 1px;
 		border-radius: 1px;
 	}
+
 	.datepicker td span:hover {
 		background: #eeeeee;
 	}
+
 	.datepicker td span.active {
 		background: #618fb0;
 		color: #fff;
 	}
+
 	.datepicker td span.old {
 		color: #999999;
 	}
+
 	.datepicker th.switch {
 		width: 145px;
 	}
+
 	.datepicker th.next,
 	.datepicker th.prev {
 		font-size: 19.5px;
 	}
+
 	.datepicker thead tr:first-child th {
 		cursor: pointer;
 	}
+
 	.datepicker thead tr:first-child th:hover {
 		background: #eeeeee;
 	}
 </style>
 
-<script
-	type="text/javascript"
-	src="js/pdServiceVersion.js"
-	charset="utf-8"
-></script>
+<script type="text/javascript" src="js/pdServiceVersion.js" charset="utf-8"></script>
\ No newline at end of file
Index: arms/html/pdService/content-header.html
===================================================================
diff -u -r27bafe127debe395c414094c20157c094dc666ea -rd2b2bf2a9cef41cdfa2a622b6352cd719654ebc5
--- arms/html/pdService/content-header.html	(.../content-header.html)	(revision 27bafe127debe395c414094c20157c094dc666ea)
+++ arms/html/pdService/content-header.html	(.../content-header.html)	(revision d2b2bf2a9cef41cdfa2a622b6352cd719654ebc5)
@@ -54,6 +54,71 @@
 	});
 }
 
+// 데이터 테이블 구성 이후 꼭 구현해야 할 메소드 : 열 클릭시 이벤트
+function dataTableClick(selectedData) {
+	$("#versionContents").html("");
+	selectId = selectedData.c_id;
+	selectName = selectedData.c_title;
+	console.log(selectedData.c_id);
+	dataLoad(selectedData.c_id, selectedData.c_title);
+}
+
+//버전 리스트를 재로드하는 함수 ( 버전 추가, 갱신, 삭제 시 호출 )
+function dataLoad(getSelectedText, selectedText) {
+
+	// ajax 처리 후 에디터 바인딩.
+	console.log("dataLoad :: getSelectedID -> " + getSelectedText);
+	$.ajax("/auth-user/api/arms/pdversion/getVersion.do?c_id=" + getSelectedText)
+		.done(function (json) {
+			console.log("dataLoad :: success -> ", json);
+			$("#versionAccordion").jsonMenu("set", json, { speed: 5000 });
+			versionList = json;
+			//version text setting
+			$(".list-group-item").text(selectedText);
+			$("#tooltip-enabled-service-name").val(selectedText);
+
+			//데이터 로드를 사용자에게 알리기
+			Messenger().post({
+				message: 'Version Data 조회를 완료하였습니다.',
+				type: 'success',
+				showCloseButton: true
+			});
+		});
+}
+
+
+//version list html 삽입
+function draw(main, menu) {
+	main.html("");
+
+	let data = `
+			   <li class='list-group-item json-menu-header'>
+				   <strong>product service name</strong>
+			   </li>
+			   <button
+					type="button"
+					class="btn btn-danger btn-block"
+					id="modalPopupId"
+					data-toggle="modal"
+					data-target="#myModal2"
+				>신규 버전 등록하기</button>`;
+
+	for (let i = 0; i < menu.length; i++) {
+		data += `
+			   <div class="panel">
+				   <div class="panel-heading">
+					   <a class="accordion-toggle collapsed" data-toggle="collapse" href="" onclick="versionClick(${menu[i].c_id}); return false;">
+						   ${menu[i].c_title}
+					   </a>
+				   </div>
+			   </div>`;
+	}
+
+	main.html(data);
+}
+
+
+
 /* ---------------------------------------- d3 config ------------------------------------ */
 /* d3 */
 var treeData = {
@@ -290,7 +355,7 @@
 		} else {
 			try {
 				clearTimeout(panTimer);
-			} catch (e) {}
+			} catch (e) { }
 		}
 
 		d.x0 += d3.event.dy;
@@ -441,6 +506,7 @@
 
 // Toggle children on click.
 function click(d) {
+	console.log('clickEvent', d)
 	if (d3.event.defaultPrevented) return; // click suppressed
 	d = toggleChildren(d);
 	update(d);
Index: arms/js/pdServiceVersion.js
===================================================================
diff -u -rb7a12c5283e3130a19ca46f019ff1eba48aff229 -rd2b2bf2a9cef41cdfa2a622b6352cd719654ebc5
--- arms/js/pdServiceVersion.js	(.../pdServiceVersion.js)	(revision b7a12c5283e3130a19ca46f019ff1eba48aff229)
+++ arms/js/pdServiceVersion.js	(.../pdServiceVersion.js)	(revision d2b2bf2a9cef41cdfa2a622b6352cd719654ebc5)
@@ -9,49 +9,69 @@
 
 // --- 팝업 띄울때 사이즈 조정 -- //
 $("#modalPopupId").click(function () {
+	// alert()
+	// $("#modalTitle").text('제품(서비스) 신규 버전 등록 팝업');
+	// $("#modalSub").text('선택한 제품(서비스)에 버전을 등록합니다.');
+
+	// var height = $(document).height() - 400;
+	// $(".modal-body")
+	// 	.find(".cke_contents:eq(0)")
+	// 	.css("height", height + "px");
+});
+
+$("#versionPopup").click(function () {
+	// 편집하기 내의 팝업창 css 수정 		
+	$("#modalTitle").text('제품(서비스) 버전 등록 / 변경');
+	$("#modalSub").text('선택한 제품(서비스)에 버전을 등록/변경 합니다.');
 	var height = $(document).height() - 400;
 	$(".modal-body")
 		.find(".cke_contents:eq(0)")
 		.css("height", height + "px");
+
+	// modal - title
 });
 
+
+
+
+
 // document ready
 $(function () {
 
 	//사이드 메뉴 처리
 	setSideMenu("sidebar_menu_product", "sidebar_menu_version_manage");
 
-    // DataPicker 처리 부분 ( 팝업 레이어 )
-    $(".date-picker").datepicker({
-        autoclose: true,
-    });
-    //datepicker 만들기
-    const makeDatePicker = (calender) => {
-        calender
-            .datepicker({
-                autoclose: true,
-            })
-            .on("changeDate", function (ev) {
-                const Input = $(this).parent().prev();
-                Input.val(calender.data("date"));
-                if (Input.attr("id") === "input_pdservice_start_date") {
-                    $("#versionStartDate").text(calender.data("date"));
-                } else if (Input.attr("id") === "input_pdservice_end_date") {
-                    $("#versionEndDate").text(calender.data("date"));
-                }
-                calender.datepicker("hide");
-            });
-    };
+	// DataPicker 처리 부분 ( 팝업 레이어 )
+	$(".date-picker").datepicker({
+		autoclose: true,
+	});
+	//datepicker 만들기
+	const makeDatePicker = (calender) => {
+		calender
+			.datepicker({
+				autoclose: true,
+			})
+			.on("changeDate", function (ev) {
+				const Input = $(this).parent().prev();
+				Input.val(calender.data("date"));
+				if (Input.attr("id") === "input_pdservice_start_date") {
+					$("#versionStartDate").text(calender.data("date"));
+				} else if (Input.attr("id") === "input_pdservice_end_date") {
+					$("#versionEndDate").text(calender.data("date"));
+				}
+				calender.datepicker("hide");
+			});
+	};
 
-    const $btnCalendar = $("#btn-select-calendar");
-    const $btnEndCalendar = $("#btn-end-calendar");
-    const $btnCalendarPopup = $("#btn-select-calendar-popup");
-    const $btnEndCalendarPopup = $("#btn-end-calendar-popup");
+	const $btnCalendar = $("#btn-select-calendar");
+	const $btnEndCalendar = $("#btn-end-calendar");
+	const $btnCalendarPopup = $("#btn-select-calendar-popup");
+	const $btnEndCalendarPopup = $("#btn-end-calendar-popup");
 
-    makeDatePicker($btnCalendar);
-    makeDatePicker($btnEndCalendar);
-    makeDatePicker($btnCalendarPopup);
-    makeDatePicker($btnEndCalendarPopup);
+	makeDatePicker($btnCalendar);
+	makeDatePicker($btnEndCalendar);
+	makeDatePicker($btnCalendarPopup);
+	makeDatePicker($btnEndCalendarPopup);
 
 });
 
@@ -64,7 +84,7 @@
 		{ data: "c_title" },
 	];
 	var rowsGroupList = [];
-	dataTableBuild("#pdserviceTable","pdservice", columnList, rowsGroupList);
+	dataTableBuild("#pdserviceTable", "pdservice", columnList, rowsGroupList);
 
 	// ----- 데이터 테이블 빌드 이후 별도 스타일 구성 ------ //
 	//datatable 좌상단 datarow combobox style
@@ -73,11 +93,11 @@
 });
 
 // 데이터 테이블 구성 이후 꼭 구현해야 할 메소드 : 열 클릭시 이벤트
-function dataTableClick(selectedData){
+function dataTableClick(selectedData) {
 	$("#versionContents").html("");
 	selectId = selectedData.c_id;
 	selectName = selectedData.c_title;
-	console.log(selectedData.c_id);
+	console.log('selectedData.c_id : ', selectedData.c_id);
 	dataLoad(selectedData.c_id, selectedData.c_title);
 }
 
@@ -104,27 +124,27 @@
 
 // 버전 업데이트 저장 버튼
 $("#versionUpdate").click(function () {
-    console.log("update btn");
-    $.ajax({
-        url: "/auth-user/api/arms/pdversion/updateVersionNode.do",
-        type: "POST",
-        data: {
-            c_id: selectVersion,
-            c_title: $("#input_pdserviceVersion").val(),
-            c_contents: CKEDITOR.instances["input_pdservice_editor"].getData(),
-            c_start_date: $("#input_pdservice_start_date").val(),
-            c_end_date: $("#input_pdservice_end_date").val(),
-        },
-        statusCode: {
-            200: function () {
-                console.log("성공!");
-                //모달 팝업 끝내고
-                $('#close-version').trigger('click');
-                //버전 데이터 재 로드
-                dataLoad(selectId, selectName);
-            },
-        },
-    });
+	console.log("update btn");
+	$.ajax({
+		url: "/auth-user/api/arms/pdversion/updateVersionNode.do",
+		type: "POST",
+		data: {
+			c_id: selectVersion,
+			c_title: $("#input_pdserviceVersion").val(),
+			c_contents: CKEDITOR.instances["input_pdservice_editor"].getData(),
+			c_start_date: $("#input_pdservice_start_date").val(),
+			c_end_date: $("#input_pdservice_end_date").val(),
+		},
+		statusCode: {
+			200: function () {
+				console.log("성공!");
+				//모달 팝업 끝내고
+				$('#close-version').trigger('click');
+				//버전 데이터 재 로드
+				dataLoad(selectId, selectName);
+			},
+		},
+	});
 });
 
 
@@ -168,7 +188,7 @@
 			$(".list-group-item").text(selectedText);
 			$("#tooltip-enabled-service-name").val(selectedText);
 
-            //데이터 로드를 사용자에게 알리기
+			//데이터 로드를 사용자에게 알리기
 			Messenger().post({
 				message: 'Version Data 조회를 완료하였습니다.',
 				type: 'success',