Index: vue/src/assets/images/devops/DevSupport/github.png
===================================================================
diff -u -rbba1f1fad3420e75dc60dccd052cf117a61307e0 -r1dce4f37c7fb5df1f9f73f3019692a1561cd21df
--- vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision bba1f1fad3420e75dc60dccd052cf117a61307e0)
+++ vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision 1dce4f37c7fb5df1f9f73f3019692a1561cd21df)
@@ -3002,4 +3002,68 @@
 	max-height: calc(100vh - 100px);
 	overflow-y: auto;
 	overflow-x: hidden;
+}
+
+/* STYLING SCROLLBAR */
+
+/*::-webkit-scrollbar-track-piece:start {*/
+/*	!* Select the top half (or left half) or scrollbar track individually *!*/
+/*}*/
+/*::-webkit-scrollbar-thumb:window-inactive {*/
+/*	!* Select the thumb when the browser window isn't in focus *!*/
+/*}*/
+/*::-webkit-scrollbar-button:horizontal:decrement:hover {*/
+/*	!* Select the down or left scroll button when it's being hovered by the mouse *!*/
+/*}*/
+
+/*::-webkit-scrollbar {*/
+/*																							width: 12px;*/
+/*																						}*/
+/*::-webkit-scrollbar-track {*/
+/*	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
+/*	border-radius: 10px;*/
+/*}*/
+/*::-webkit-scrollbar-thumb {*/
+/*	border-radius: 10px;*/
+/*	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
+/*}*/
+
+
+/* 스크롤 테마 */
+::-webkit-scrollbar {
+	width: 8px; /* 스크롤바의 너비 */
+	height: 8px;
+}
+
+::-webkit-scrollbar-thumb {
+	height: 30%; /* 스크롤바의 길이 */
+	background: #343434; /* 스크롤바의 색상 */
+
+	border-radius: 10px;
+}
+
+::-webkit-scrollbar-track {
+	background: radial-gradient(
+			farthest-side ellipse at 10% 0,
+			rgba(40, 40, 40, 0.9),
+			rgba(90, 100, 130, 0.89),
+			rgba(60, 60, 60, 0.9)
+	),
+	url("../../reference/light-blue/img/bgnoise_lg_dark.png");
+	background: -webkit-radial-gradient(
+			10% 0,
+			farthest-side ellipse,
+			rgba(40, 40, 40, 0.9),
+			rgba(90, 100, 130, 0.89),
+			rgba(60, 60, 60, 0.9)
+	),
+	url("../../reference/light-blue/img/bgnoise_lg_dark.png");
+	background: -moz-radial-gradient(
+			10% 0,
+			farthest-side ellipse,
+			rgba(40, 40, 40, 0.9),
+			rgba(90, 100, 130, 0.89),
+			rgba(60, 60, 60, 0.9)
+	),
+	url("../../reference/light-blue/img/bgnoise_lg_dark.png"); /*스크롤바 뒷 배경 색상*/
 }
\ No newline at end of file
Index: arms/js/pdService.js
===================================================================
diff -u -r165278153b76ecdac06c76ebea14a8664ccbf6cd -r1dce4f37c7fb5df1f9f73f3019692a1561cd21df
--- arms/js/pdService.js	(.../pdService.js)	(revision 165278153b76ecdac06c76ebea14a8664ccbf6cd)
+++ arms/js/pdService.js	(.../pdService.js)	(revision 1dce4f37c7fb5df1f9f73f3019692a1561cd21df)
@@ -34,7 +34,8 @@
 		[	"../reference/jquery-plugins/datetimepicker-2.5.20/build/jquery.datetimepicker.min.css",
 			"../reference/light-blue/lib/bootstrap-datepicker.js",
 			"../reference/jquery-plugins/datetimepicker-2.5.20/build/jquery.datetimepicker.full.min.js",
-			"../reference/lightblue4/docs/lib/widgster/widgster.js"],
+			"../reference/lightblue4/docs/lib/widgster/widgster.js",
+			"../reference/lightblue4/docs/lib/slimScroll/jquery.slimscroll.min.js"],
 
 		[	"../reference/jquery-plugins/dataTables-1.10.16/media/css/jquery.dataTables_lightblue4.css",
 			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Responsive/css/responsive.dataTables_lightblue4.css",