Index: arms/html/pdService/content-container.html
===================================================================
diff -u -r6e03bd4aad2cd76c485617a3397517e5cb1288f4 -rfd97000dd7bb226af8aaf24da0700bde80ced575
--- arms/html/pdService/content-container.html	(.../content-container.html)	(revision 6e03bd4aad2cd76c485617a3397517e5cb1288f4)
+++ arms/html/pdService/content-container.html	(.../content-container.html)	(revision fd97000dd7bb226af8aaf24da0700bde80ced575)
@@ -98,7 +98,7 @@
                     </button>
                 </div>
             </div>
-			<div class="box box-primary"
+			<div    class="box box-primary"
 				    style="background: rgba(51, 51, 51, 0.225); margin-bottom: 5px !important">
 				<div    class="box-body">
 					<table  class="display"
Index: arms/html/pdServiceJira/content-container.html
===================================================================
diff -u -r5343135884c7aae3aa3087bef6ed0381890124c6 -rfd97000dd7bb226af8aaf24da0700bde80ced575
--- arms/html/pdServiceJira/content-container.html	(.../content-container.html)	(revision 5343135884c7aae3aa3087bef6ed0381890124c6)
+++ arms/html/pdServiceJira/content-container.html	(.../content-container.html)	(revision fd97000dd7bb226af8aaf24da0700bde80ced575)
@@ -37,40 +37,104 @@
                         제품(서비스) 조회 및 선택
 				</span>
 			</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>
-			</div>
+            <div class="widget-controls">
+                <a  data-widgster="toleft"
+                    title="change width to left"
+                    href="#">
+                    <i class="glyphicon glyphicon-chevron-left"></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="toright"
+                    title="change width to right"
+                    href="#">
+                    <i class="glyphicon glyphicon-chevron-right"></i>
+                </a>
+                <a  data-widgster="restore"
+                    title="Restore"
+                    href="#">
+                    <span class="glyphicon glyphicon-repeat"></span>
+                </a>
+                <a  data-widgster="fullscreen"
+                    title="Fullscreen"
+                    href="#">
+                    <i class="glyphicon glyphicon-fullscreen"
+                       style="font-size: 11px"></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-body">
-					<table  id="pdservice_table"
-						    class="display"
-						    style="width: 100%; overflow: hidden; border-top: 1px dashed rgba(51, 51, 51, 0.3)">
+            <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: -3px; color: #acacac; background: rgba(51,51,51,.2); padding: 1px 9px;"
+                            onclick="return true;">
+                        Help
+                        <i  class="fa fa-question"
+                            style="font-size: 14px; vertical-align: middle; color: #acacac"></i>
+                    </button>
+                </div>
+            </blockquote>
+            <div class="clearfix"
+                 style="margin-bottom: 10px; margin-top: 10px;">
+                <div style="float: left">
+                    <button type="button"
+                            id="copychecker"
+                            class="btn btn-default btn-sm">
+                        Copy
+                    </button>
+                    <button type="button"
+                            id="csvchecker"
+                            class="btn btn-default btn-sm">
+                        CSV
+                    </button>
+                    <button type="button"
+                            id="excelchecker"
+                            class="btn btn-default btn-sm">
+                        Excel
+                    </button>
+                    <button type="button"
+                            id="printchecker"
+                            class="btn btn-default btn-sm hidden">
+                        Print
+                    </button>
+                    <button type="button"
+                            id="pdfchecker"
+                            class="btn btn-default btn-sm hidden">
+                        PDF
+                    </button>
+                </div>
+
+                <div style="float: right">
+                    <button class="btn btn-primary btn-block btn-sm"
+                            data-target="#my_modal2"
+                            data-toggle="modal"
+                            id="modal_popup_id"
+                            type="button">
+                        제품(서비스) 추가
+                    </button>
+                </div>
+            </div>
+            <div class="box box-primary"
+                 style="background: rgba(51, 51, 51, 0.225); margin-bottom: 5px !important">
+                <div    class="box-body">
+                    <table  class="display"
+                            style="width: 100%; overflow: hidden; border-top: 1px dashed rgba(51, 51, 51, 0.3)"
+                            id="pdservice_table">
                     </table>
-				</div>
-			</div>
+                </div>
+            </div>
 		</div>
 	</section>
 </div>
Index: arms/html/pdServiceVersion/content-container.html
===================================================================
diff -u -r22d4d8553e91e3ebe06f74034dd06de2aaa03b02 -rfd97000dd7bb226af8aaf24da0700bde80ced575
--- arms/html/pdServiceVersion/content-container.html	(.../content-container.html)	(revision 22d4d8553e91e3ebe06f74034dd06de2aaa03b02)
+++ arms/html/pdServiceVersion/content-container.html	(.../content-container.html)	(revision fd97000dd7bb226af8aaf24da0700bde80ced575)
@@ -10,30 +10,54 @@
 				</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>
+                <a  data-widgster="toleft"
+                    title="change width to left"
+                    href="#">
+                    <i class="glyphicon glyphicon-chevron-left"></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="toright"
+                    title="change width to right"
+                    href="#">
+                    <i class="glyphicon glyphicon-chevron-right"></i>
+                </a>
+                <a  data-widgster="restore"
+                    title="Restore"
+                    href="#">
+                    <span class="glyphicon glyphicon-repeat"></span>
+                </a>
+                <a  data-widgster="fullscreen"
+                    title="Fullscreen"
+                    href="#">
+                    <i class="glyphicon glyphicon-fullscreen"
+                       style="font-size: 11px"></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: -3px; color: #acacac; background: rgba(51,51,51,.2); padding: 1px 9px;"
+                            onclick="return true;">
+                        Help
+                        <i  class="fa fa-question"
+                            style="font-size: 14px; vertical-align: middle; color: #acacac"></i>
+                    </button>
+                </div>
+            </blockquote>
             <div class="clearfix"
                  style="margin-bottom: 10px; margin-top: 10px;">
                 <div style="float: left">
@@ -76,7 +100,7 @@
             </div>
 			<div    class="box box-primary"
 				    style="background: rgba(51, 51, 51, 0.225); margin-bottom: 5px !important">
-				<div class="box-body">
+				<div    class="box-body">
 					<table  id="pdservice_table"
 						    class="display"
 						    style="width: 100%; overflow: hidden; border-top: 1px dashed rgba(51, 51, 51, 0.3)">
@@ -170,30 +194,54 @@
 				</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>
+                <a  data-widgster="toleft"
+                    title="change width to left"
+                    href="#">
+                    <i class="glyphicon glyphicon-chevron-left"></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="toright"
+                    title="change width to right"
+                    href="#">
+                    <i class="glyphicon glyphicon-chevron-right"></i>
+                </a>
+                <a  data-widgster="restore"
+                    title="Restore"
+                    href="#">
+                    <span class="glyphicon glyphicon-repeat"></span>
+                </a>
+                <a  data-widgster="fullscreen"
+                    title="Fullscreen"
+                    href="#">
+                    <i class="glyphicon glyphicon-fullscreen"
+                       style="font-size: 11px"></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;">
+                2. 제품(서비스)의 내용을 확인하고 편집/삭제
+                <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;"
+                            onclick="return true;">
+                        Help
+                        <i  class="fa fa-question"
+                            style="font-size: 14px; vertical-align: middle; color: #acacac"></i>
+                    </button>
+                </div>
+            </blockquote>
             <div class="clearfix"
                  style="margin-bottom: 10px; margin-top: 10px;">
                 <div style="float: left">