Index: vue/src/assets/images/devops/DevSupport/github.png
===================================================================
diff -u -r93cc651e4ddc12325b6656936501f345982d8205 -r17ce0f163452857be1fd78d6844b13be1f2ce4bd
--- vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision 93cc651e4ddc12325b6656936501f345982d8205)
+++ vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision 17ce0f163452857be1fd78d6844b13be1f2ce4bd)
@@ -2019,10 +2019,39 @@
 	padding: 14px !important;
 }
 
-.drawio_time {
+/* drawio */
+.drawio-time {
     color: #f8f8f8;
     margin-left: 10px;
 }
+
+.drawio-gallery {
+	display: flex;
+	flex-wrap: wrap;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+	background: rgba(51, 51, 51, 0.425);
+	border-radius: 3px;
+}
+
+.drawio-image {
+	display: flex;
+	align-items: center;
+	justify-content: space-evenly;
+	width: 200px;
+	height: 200px;
+	padding: 10px;
+	border-radius: 3px;
+}
+
+.drawio-image img {
+	width: 100%;
+	height: 100%;
+	object-fit: contain;
+	background-color: #fff;
+}
+
 .edit-red{
     border:1px solid #DB2A34;
     margin-left: 10px;
Index: arms/html/pdService/content-container.html
===================================================================
diff -u -rd4d5346541fad5ca2cd270120c39212ce3cea1ea -r17ce0f163452857be1fd78d6844b13be1f2ce4bd
--- arms/html/pdService/content-container.html	(.../content-container.html)	(revision d4d5346541fad5ca2cd270120c39212ce3cea1ea)
+++ arms/html/pdService/content-container.html	(.../content-container.html)	(revision 17ce0f163452857be1fd78d6844b13be1f2ce4bd)
@@ -465,19 +465,34 @@
 										</div>
 
 										<div id="product_detail_view_pdservice_detail_drawio_div" class="control-group" for="product_detail_view_pdservice_detail_drawio_image_raw" style="display: none;">
-											<label class="control-label font13">drawio 썸네일 : </label>
-											<div class="controls form-group input-group" style="margin-left: 180px"><span class="input-group-addon"><i class="glyphicon glyphicon-camera"></i></span>
-												<img id="product_detail_view_pdservice_detail_drawio_image_raw" class="form-control parsley-validated font13" src="" style="width: 200px; height: 200px; border: 0px !important; color: #a4c6ff !important" />
-											</div>
-										</div>
+											<label class="control-label font13">drawio 썸네일 :</label>
+                                            <div class="controls form-group input-group" style="margin-left: 180px;">
+                                                <span class="input-group-addon">
+                                                    <i class="glyphicon glyphicon-camera"></i>
+                                                </span>
+                                                <div class="drawio-gallery">
+                                                    <div class="drawio-image darkBack">
+                                                        <img id="product_detail_view_pdservice_detail_drawio_image_raw" class="parsley-validated font13" src="" />
+                                                    </div>
+                                                    <div class="drawio-image darkBack">
+                                                        <i class="fa fa-plus"></i>
+                                                    </div>
+                                                    <div class="drawio-image darkBack">
+                                                        <i class="fa fa-plus"></i>
+                                                    </div>
+                                                    <div class="drawio-image darkBack">
+                                                        <i class="fa fa-plus"></i>
+                                                    </div>
+                                                    <div class="drawio-image darkBack">
+                                                        <i class="fa fa-plus"></i>
+                                                    </div>
+                                                    <div class="drawio-image darkBack">
+                                                        <i class="fa fa-plus"></i>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
 
-<!--										<div class="control-group" for="product_detail_view_pdservice_detail_drawdb_contents"><label class="control-label font13">drawdb :</label>-->
-<!--											<div class="controls form-group input-group" style="margin-left: 180px"><span class="input-group-addon"><i class="glyphicon glyphicon-gift"></i></span>-->
-<!--												<input type="hidden" id="product_detail_view_pdservice_detail_drawdb_contents" name="" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="" required="required" placeholder="drawio" style="border: 0px !important; color: #a4c6ff !important" />-->
-<!--												<button type="button" id="btn_product_detail_view_drawdb" class="btn btn-primary btn-sm" style="margin-left: 10px">drawdb 보러가기</button>-->
-<!--											</div>-->
-<!--										</div>-->
-
 										<div class="control-group">
 											<label class="control-label" style="margin-top: 10px">제품(서비스) 산출물 컨텐츠 :</label>
 											<br />
@@ -516,25 +531,39 @@
 												<div class="controls form-group input-group" style="margin-left: 180px"><span class="input-group-addon"><i class="glyphicon glyphicon-gift"></i></span>
 													<input type="hidden" id="product_detail_update_pdservice_detail_drawio_contents" name="" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="" required="required" placeholder="drawio" style="border: 0px !important; color: #a4c6ff !important" />
 													<button type="button" id="btn_product_detail_edit_drawio" class="btn btn-primary btn-sm" style="margin-left: 10px">drawio 편집하러 가기</button>
-													<span id="product_detail_edit_drawio_time" class="drawio_time"></span>
+													<span id="product_detail_edit_drawio_time" class="drawio-time"></span>
 												</div>
 											</div>
 
-											<div id="product_detail_update_pdservice_detail_drawio_div" class="control-group" for="product_detail_update_pdservice_detail_drawio_image_raw" style="display: none;">
-												<label class="control-label font13">drawio 썸네일 : </label>
-												<div class="controls form-group input-group" style="margin-left: 180px"><span class="input-group-addon"><i class="glyphicon glyphicon-camera"></i></span>
-													<img id="product_detail_update_pdservice_detail_drawio_image_raw" class="form-control parsley-validated font13" src="" style="width: 200px; height: 200px; border: 0px !important; color: #a4c6ff !important" />
-												</div>
-											</div>
+                                            <div id="product_detail_update_pdservice_detail_drawio_div" class="control-group" for="product_detail_update_pdservice_detail_drawio_image_raw" style="display: none;">
+                                                <label class="control-label font13">drawio 썸네일 :</label>
+                                                <div class="controls form-group input-group" style="margin-left: 180px;">
+                                                <span class="input-group-addon">
+                                                    <i class="glyphicon glyphicon-camera"></i>
+                                                </span>
+                                                    <div class="drawio-gallery">
+                                                        <div class="drawio-image darkBack">
+                                                            <img id="product_detail_update_pdservice_detail_drawio_image_raw" class="parsley-validated font13" src="" />
+                                                        </div>
+                                                        <div class="drawio-image darkBack">
+                                                            <i class="fa fa-plus"></i>
+                                                        </div>
+                                                        <div class="drawio-image darkBack">
+                                                            <i class="fa fa-plus"></i>
+                                                        </div>
+                                                        <div class="drawio-image darkBack">
+                                                            <i class="fa fa-plus"></i>
+                                                        </div>
+                                                        <div class="drawio-image darkBack">
+                                                            <i class="fa fa-plus"></i>
+                                                        </div>
+                                                        <div class="drawio-image darkBack">
+                                                            <i class="fa fa-plus"></i>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
 
-
-<!--											<div class="control-group" for="product_detail_update_pdservice_detail_drawdb_contents"><label class="control-label font13">drawdb :</label>-->
-<!--												<div class="controls form-group input-group" style="margin-left: 180px"><span class="input-group-addon"><i class="glyphicon glyphicon-gift"></i></span>-->
-<!--													<input type="hidden" id="product_detail_update_pdservice_detail_drawdb_contents" name="" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="" required="required" placeholder="drawio" style="border: 0px !important; color: #a4c6ff !important" />-->
-<!--													<button type="button" id="btn_product_detail_edit_drawdb" class="btn btn-primary btn-sm" style="margin-left: 10px">drawdb 편집하러 가기</button>-->
-<!--												</div>-->
-<!--											</div>-->
-
 											<div class="control-group">
 												<label
 													class="control-label"
@@ -1140,24 +1169,39 @@
 							<div class="controls form-group input-group" style="margin-left: 180px"><span class="input-group-addon"><i class="glyphicon glyphicon-gift"></i></span>
 								<input type="hidden" id="modal_product_detail_add_pdservice_detail_drawio_contents" name="" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="" required="required" placeholder="drawio" style="border: 0px !important; color: #a4c6ff !important" />
 								<button type="button" id="btn_modal_product_detail_add_drawio" class="btn btn-primary btn-sm" style="margin-left: 10px">drawio 등록하러 가기</button>
-								<span id="modal_product_detail_add_drawio_time" class="drawio_time"></span>
+								<span id="modal_product_detail_add_drawio_time" class="drawio-time"></span>
 							</div>
 						</div>
 
-						<div id="modal_product_detail_add_pdservice_detail_drawio_div" class="control-group" for="modal_product_detail_add_pdservice_detail_drawio_image_raw" style="display: none;">
-							<label class="control-label font13">drawio 썸네일 : </label>
-							<div class="controls form-group input-group" style="margin-left: 180px"><span class="input-group-addon"><i class="glyphicon glyphicon-camera"></i></span>
-								<img id="modal_product_detail_add_pdservice_detail_drawio_image_raw" class="form-control parsley-validated font13" src="" style="width: 200px; height: 200px; border: 0px !important; color: #a4c6ff !important" />
-							</div>
-						</div>
+                        <div id="modal_product_detail_add_pdservice_detail_drawio_div" class="control-group" for="modal_product_detail_add_pdservice_detail_drawio_image_raw" style="display: none;">
+                            <label class="control-label font13">drawio 썸네일 :</label>
+                            <div class="controls form-group input-group" style="margin-left: 180px;">
+                                <span class="input-group-addon">
+                                    <i class="glyphicon glyphicon-camera"></i>
+                                </span>
+                                <div class="drawio-gallery">
+                                    <div class="drawio-image darkBack">
+                                        <img id="modal_product_detail_add_pdservice_detail_drawio_image_raw" class="parsley-validated font13" src="" />
+                                    </div>
+                                    <div class="drawio-image darkBack">
+                                        <i class="fa fa-plus"></i>
+                                    </div>
+                                    <div class="drawio-image darkBack">
+                                        <i class="fa fa-plus"></i>
+                                    </div>
+                                    <div class="drawio-image darkBack">
+                                        <i class="fa fa-plus"></i>
+                                    </div>
+                                    <div class="drawio-image darkBack">
+                                        <i class="fa fa-plus"></i>
+                                    </div>
+                                    <div class="drawio-image darkBack">
+                                        <i class="fa fa-plus"></i>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
 
-<!--						<div class="control-group" for="modal_product_detail_add_pdservice_detail_drawdb_contents"><label class="control-label font13">drawdb :</label>-->
-<!--							<div class="controls form-group input-group" style="margin-left: 180px"><span class="input-group-addon"><i class="glyphicon glyphicon-gift"></i></span>-->
-<!--								<input type="hidden" id="modal_product_detail_add_pdservice_detail_drawdb_contents" name="" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="" required="required" placeholder="drawio" style="border: 0px !important; color: #a4c6ff !important" />-->
-<!--								<button type="button" id="btn_modal_product_detail_add_drawdb" class="btn btn-primary btn-sm" style="margin-left: 10px">drawdb 등록하러 가기</button>-->
-<!--							</div>-->
-<!--						</div>-->
-
 						<div class="control-group">
 							<label
 								class="control-label"
@@ -1289,26 +1333,39 @@
 							<div class="controls form-group input-group" style="margin-left: 180px"><span class="input-group-addon"><i class="glyphicon glyphicon-gift"></i></span>
 								<input type="hidden" id="modal_product_detail_edit_pdservice_detail_drawio_contents" name="" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="" required="required" placeholder="drawio" style="border: 0px !important; color: #a4c6ff !important" />
 								<button type="button" id="btn_modal_product_detail_edit_drawio" class="btn btn-primary btn-sm" style="margin-left: 10px">drawio 편집하러 가기</button>
-								<span id="modal_product_detail_edit_drawio_time" class="drawio_time"></span>
+								<span id="modal_product_detail_edit_drawio_time" class="drawio-time"></span>
 							</div>
 						</div>
 
-						<div id="modal_product_detail_edit_pdservice_detail_drawio_div" class="control-group" for="modal_product_detail_edit_pdservice_detail_drawio_image_raw" style="display: none;">
-							<label class="control-label font13">drawio 썸네일 : </label>
-							<div class="controls form-group input-group" style="margin-left: 180px"><span class="input-group-addon"><i class="glyphicon glyphicon-camera"></i></span>
-								<img id="modal_product_detail_edit_pdservice_detail_drawio_image_raw" class="form-control parsley-validated font13" src="" style="width: 200px; height: 200px; border: 0px !important; color: #a4c6ff !important" />
-						</div>
+                        <div id="modal_product_detail_edit_pdservice_detail_drawio_div" class="control-group" for="modal_product_detail_edit_pdservice_detail_drawio_image_raw" style="display: none;">
+                            <label class="control-label font13">drawio 썸네일 :</label>
+                            <div class="controls form-group input-group" style="margin-left: 180px;">
+                                <span class="input-group-addon">
+                                    <i class="glyphicon glyphicon-camera"></i>
+                                </span>
+                                <div class="drawio-gallery">
+                                    <div class="drawio-image darkBack">
+                                        <img id="modal_product_detail_edit_pdservice_detail_drawio_image_raw" class="parsley-validated font13" src="" />
+                                    </div>
+                                    <div class="drawio-image darkBack">
+                                        <i class="fa fa-plus"></i>
+                                    </div>
+                                    <div class="drawio-image darkBack">
+                                        <i class="fa fa-plus"></i>
+                                    </div>
+                                    <div class="drawio-image darkBack">
+                                        <i class="fa fa-plus"></i>
+                                    </div>
+                                    <div class="drawio-image darkBack">
+                                        <i class="fa fa-plus"></i>
+                                    </div>
+                                    <div class="drawio-image darkBack">
+                                        <i class="fa fa-plus"></i>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
 
-
-
-
-<!--						<div class="control-group" for="modal_product_detail_edit_pdservice_detail_drawdb_contents"><label class="control-label font13">drawdb :</label>-->
-<!--							<div class="controls form-group input-group" style="margin-left: 180px"><span class="input-group-addon"><i class="glyphicon glyphicon-gift"></i></span>-->
-<!--								<input type="hidden" id="modal_product_detail_edit_pdservice_detail_drawdb_contents" name="" class="form-control parsley-validated font13 darkBack" data-placement="top" data-original-title="" required="required" placeholder="drawio" style="border: 0px !important; color: #a4c6ff !important" />-->
-<!--								<button type="button" id="btn_modal_product_detail_edit_drawdb" class="btn btn-primary btn-sm" style="margin-left: 10px">drawdb 등록하러 가기</button>-->
-<!--							</div>-->
-<!--						</div>-->
-
 						<div class="control-group">
 							<label
 								class="control-label"