Index: vue/src/assets/images/devops/DevSupport/github.png
===================================================================
diff -u -r22d4d8553e91e3ebe06f74034dd06de2aaa03b02 -r42c873b42dd928a64b834cc488463912d52a75c5
--- vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision 22d4d8553e91e3ebe06f74034dd06de2aaa03b02)
+++ vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision 42c873b42dd928a64b834cc488463912d52a75c5)
@@ -2170,8 +2170,8 @@
 }
 
 .icon-container {
-	margin-left: 5px;
-	margin-top: 2px;
+	margin-left: 8px;
+	margin-top: 1px;
 	position: relative;
 	display: inline-block;
 }
@@ -2202,7 +2202,16 @@
 
 blockquote {
 	padding: 9px 0px 9px 18px !important;
-	margin: 0 0 9px !important;
+	margin: 9px 0 9px !important;
 	font-size: 16.25px;
 	border-left: 5px solid rgba(51,51,51,.425);
+}
+
+.widget-controls {
+	position: absolute;
+	z-index: 1;
+	top: 3px !important;
+	right: 0;
+	font-size: 12px;
+	word-spacing: 1px;
 }
\ No newline at end of file
Index: arms/html/pdService/content-container.html
===================================================================
diff -u -r22d4d8553e91e3ebe06f74034dd06de2aaa03b02 -r42c873b42dd928a64b834cc488463912d52a75c5
--- arms/html/pdService/content-container.html	(.../content-container.html)	(revision 22d4d8553e91e3ebe06f74034dd06de2aaa03b02)
+++ arms/html/pdService/content-container.html	(.../content-container.html)	(revision 42c873b42dd928a64b834cc488463912d52a75c5)
@@ -9,31 +9,59 @@
 					    제품(서비스) 조회 및 선택
 				</span>
 			</h4>
-			<div class="widget-controls">
-                <div style="float: right; " class="icon-container">
-                    <i class="fa fa-question-circle"
-                       aria-hidden="true"
-                       style="color: rgba(255,255,255,.45); font-size: 17px !important;"></i>
-                    <span   class="tooltip-text"
-                            id="tooltip-text-wave"
-                            style="max-width: 300px !important; min-width: 300px !important; width: 300px !important;">
-                        메뉴얼을 대체할 수준으로 작성해 주세요<br>사용자의 질문은 여기서 끝나야 합니다.
-                    </span>
-                </div>
-                <div style="float: right; position: relative !important;"
-                     class="actions hidden">
-                    <button type="button"
-                            id="noneFilter"
-                            class="btn btn-transparent btn-xs"
-                            style="color: #f8f8f8; ">
-                        Refresh
-                        <span class="glyphicon glyphicon-repeat"></span>
-                    </button>
-                </div>
-			</div>
+            <div class="widget-controls">
+                <a  data-widgster="fullscreen"
+                    title="Fullscreen"
+                    href="#">
+                    <span class="glyphicon glyphicon-fullscreen"></span>
+                </a>
+                <a  data-widgster="restore"
+                    title="Restore"
+                    href="#">
+                    <span class="glyphicon glyphicon-repeat"></span>
+                </a>
+                <a  data-widgster="toleft"
+                    title="change width to left"
+                    href="#">
+                    <span class="glyphicon glyphicon-chevron-left"></span>
+                </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="toright"
+                    title="change width to right"
+                    href="#">
+                    <span class="glyphicon glyphicon-chevron-right"></span>
+                </a>
+                <a  data-widgster="close"
+                    title="Close"
+                    href="#">
+                    <i class="glyphicon glyphicon-remove"></i>
+                </a>
+            </div>
 		</header>
 		<div class="body">
             <div class="gradient_middle_border" style="width: 100%; height: 2px"></div>
+            <blockquote class="font13"
+                        style="margin-top: 5px;">
+                1. 제품(서비스) 선택
+                <div style="float: right;">
+                    <button class="btn btn-transparent btn-xs"
+                            style="margin-top: -2px;"
+                            onclick="return true;">
+                        HELP
+                        <i  class="fa fa-question"
+                            style="font-size: 14px;vertical-align: text-top;"></i>
+                    </button>
+                </div>
+            </blockquote>
             <div class="clearfix"
                  style="margin-bottom: 10px; margin-top: 10px;">
                 <div style="float: left">
@@ -98,26 +126,46 @@
 				</span>
 			</h4>
             <div class="widget-controls">
+                <a  data-widgster="fullscreen"
+                    title="Fullscreen"
+                    href="#">
+                    <span class="glyphicon glyphicon-fullscreen"></span>
+                </a>
+                <a  data-widgster="restore"
+                    title="Restore"
+                    href="#">
+                    <span class="glyphicon glyphicon-repeat"></span>
+                </a>
+                <a  data-widgster="toleft"
+                    title="change width to left"
+                    href="#">
+                    <span class="glyphicon glyphicon-chevron-left"></span>
+                </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="toright"
+                    title="change width to right"
+                    href="#">
+                    <span class="glyphicon glyphicon-chevron-right"></span>
+                </a>
                 <div style="float: right; " class="icon-container">
                     <i class="fa fa-question-circle"
                        aria-hidden="true"
-                       style="color: rgba(255,255,255,.45); font-size: 17px !important;"></i>
+                       style="color: rgba(255,255,255,.45); font-size: 14px !important;"></i>
                     <span   class="tooltip-text"
                             id="tooltip-text-wave"
                             style="max-width: 300px !important; min-width: 300px !important; width: 300px !important;">
                         메뉴얼을 대체할 수준으로 작성해 주세요<br>사용자의 질문은 여기서 끝나야 합니다.
                     </span>
                 </div>
-                <div style="float: right; position: relative !important;"
-                     class="actions hidden">
-                    <button type="button"
-                            id="noneFilter"
-                            class="btn btn-transparent btn-xs"
-                            style="color: #f8f8f8; ">
-                        Refresh
-                        <span class="glyphicon glyphicon-repeat"></span>
-                    </button>
-                </div>
             </div>
 		</header>
 		<div class="body">
Index: arms/html/reqAdd/content-container.html
===================================================================
diff -u -r5343135884c7aae3aa3087bef6ed0381890124c6 -r42c873b42dd928a64b834cc488463912d52a75c5
--- arms/html/reqAdd/content-container.html	(.../content-container.html)	(revision 5343135884c7aae3aa3087bef6ed0381890124c6)
+++ arms/html/reqAdd/content-container.html	(.../content-container.html)	(revision 42c873b42dd928a64b834cc488463912d52a75c5)
@@ -132,9 +132,20 @@
 			</h4>
 			<div class="widget-controls">
 				<a  title="Options"
-					href="#">
+					href="#"
+                    class="hidden">
 					<i class="glyphicon glyphicon-cog"></i>
 				</a>
+                <a  data-widgster="fullscreen"
+                    title="Fullscreen"
+                    href="#">
+                    <span class="glyphicon glyphicon-fullscreen"></span>
+                </a>
+                <a  data-widgster="restore"
+                    title="Restore"
+                    href="#">
+                    <span class="glyphicon glyphicon-repeat"></span>
+                </a>
 				<a  data-widgster="expand"
 					title="Expand"
 					href="#">
@@ -145,11 +156,25 @@
 					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="close"
+                    title="Close"
+                    href="#">
+                    <i class="glyphicon glyphicon-remove"></i>
+                </a>
+                <a  title="Refresh"
+                    href="#">
+                    <span class="glyphicon glyphicon-refresh"></span>
+                </a>
+                <div style="float: right; " class="icon-container">
+                    <i class="fa fa-question-circle"
+                       aria-hidden="true"
+                       style="color: rgba(255,255,255,.45); font-size: 14px !important;"></i>
+                    <span   class="tooltip-text"
+                            id="tooltip-text-wave"
+                            style="max-width: 300px !important; min-width: 300px !important; width: 300px !important;">
+                        메뉴얼을 대체할 수준으로 작성해 주세요<br>사용자의 질문은 여기서 끝나야 합니다.
+                    </span>
+                </div>
 			</div>
 		</header>
 		<div class="body">