Index: arms/html/dashboard/content-container.html
===================================================================
diff -u -r527e6220074ba68315f4b676dfef61112773d7dc -rfb3f2a256e869b103659619b9dcdb39e736684af
--- arms/html/dashboard/content-container.html	(.../content-container.html)	(revision 527e6220074ba68315f4b676dfef61112773d7dc)
+++ arms/html/dashboard/content-container.html	(.../content-container.html)	(revision fb3f2a256e869b103659619b9dcdb39e736684af)
@@ -1,98 +1,11 @@
 <div class="row">
-    <div class="col-lg-3 col-layer">
+    <div class="col-lg-12 col-layer">
         <section class="widget">
             <header>
                 <h4>
 				<span   class="font13"
                         style="font-weight: bold">
 					<i class="fa fa-sort-amount-asc"></i>
-					Search
-				</span>
-                </h4>
-                <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">
-                <div class="gradient_middle_border" style="width: 100%; height: 2px"></div>
-                <div class="column">
-                    <blockquote class="font12">
-                        <strong>1. Product<sup>service</sup> 를 선택해 주세요</strong>
-                    </blockquote>
-                    <div    class="control-group"
-                            class="darkBack"
-                            style="padding-bottom: 10px; border: 0">
-                        <div    class="controls form-group"
-                                class="darkBack"
-                                style="margin-bottom: 5px !important">
-                            <select id="selected_pdService"
-                                    required="required"
-                                    data-placeholder="Select Product(Service)"
-                                    class="select-block-level chzn-select darkBack"
-                                    tabindex="-1"
-                                    name="selected_pdService"
-                                    style="width: 100% !important">
-                                <option value=""></option>
-                            </select>
-                        </div>
-                    </div>
-                    <blockquote class="font12">
-                        <strong>2. Product<sup>service</sup>의 버전을 선택해 주세요</strong>
-                    </blockquote>
-                    <div    class="control-group"
-                            style="padding-bottom: 10px; border: 0">
-                        <div    class="controls form-group"
-                                style="margin-bottom: 5px !important">
-                            <select multiple="multiple"
-                                    id="multiversion"
-                                    class="multiple-select btn-block darkBack"
-                                    placeholder="&nbsp;&nbsp;Select Version">
-                            </select>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-    </div>
-
-    <div class="col-lg-3 col-layer">
-        <section class="widget">
-            <header>
-                <h4>
-				<span   class="font13"
-                        style="font-weight: bold">
-					<i class="fa fa-sort-amount-asc"></i>
 					Active Requirement
 				</span>
                 </h4>
@@ -146,134 +59,98 @@
                         </button>
                     </div>
                 </blockquote>
-            </div>
-        </section>
-    </div>
+                <div class="row">
 
-    <div class="col-lg-3 col-layer">
-        <section class="widget">
-            <header>
-                <h4>
-				<span   class="font13"
-                        style="font-weight: bold">
-					<i class="fa fa-sort-amount-asc"></i>
-					Resolved Requirement
-				</span>
-                </h4>
-                <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">
-                <div class="gradient_middle_border" style="width: 100%; height: 2px"></div>
-                <blockquote class="font13"
-                            style="margin-top: 5px;">
-                    이번 달에 해결된 요구사항
-                    <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="window.open('docs/guide.html#requirement_regist_inquiry')">
-                            Help
-                            <i  class="fa fa-question"
-                                style="font-size: 14px; vertical-align: middle; color: #acacac"></i>
-                        </button>
+                    <div class="col-md-3 color-legend-widget">
+                        <section class="widget">
+                            <header style="margin-bottom: 15px">
+                                <h4>
+									<span class="font13" style="font-weight: bold">
+										<i class="fa fa-asterisk"></i>
+										차수별 진행 현황 컬러표
+									</span>
+                                </h4>
+                            </header>
+                            <div class="body">
+                                <div class="column">
+                                    <blockquote class="font12">
+                                        <strong>1. Product<sup>service</sup> 를 선택해 주세요</strong>
+                                    </blockquote>
+                                    <div    class="control-group"
+                                            class="darkBack"
+                                            style="padding-bottom: 10px; border: 0">
+                                        <div    class="controls form-group"
+                                                class="darkBack"
+                                                style="margin-bottom: 5px !important">
+                                            <select id="selected_pdService"
+                                                    required="required"
+                                                    data-placeholder="Select Product(Service)"
+                                                    class="select-block-level chzn-select darkBack"
+                                                    tabindex="-1"
+                                                    name="selected_pdService"
+                                                    style="width: 100% !important">
+                                                <option value=""></option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <blockquote class="font12">
+                                        <strong>2. Product<sup>service</sup>의 버전을 선택해 주세요</strong>
+                                    </blockquote>
+                                    <div    class="control-group"
+                                            style="padding-bottom: 10px; border: 0">
+                                        <div    class="controls form-group"
+                                                style="margin-bottom: 5px !important">
+                                            <select multiple="multiple"
+                                                    id="multiversion"
+                                                    class="multiple-select btn-block darkBack"
+                                                    placeholder="&nbsp;&nbsp;Select Version">
+                                            </select>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </section>
                     </div>
-                </blockquote>
-            </div>
-        </section>
-    </div>
 
-    <div class="col-lg-3 col-layer">
-        <section class="widget">
-            <header>
-                <h4>
-				<span   class="font13"
-                        style="font-weight: bold">
-					<i class="fa fa-sort-amount-asc"></i>
-					Resolved Requirement
-				</span>
-                </h4>
-                <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">
-                <div class="gradient_middle_border" style="width: 100%; height: 2px"></div>
-                <blockquote class="font13"
-                            style="margin-top: 5px;">
-                    이번 달에 해결된 요구사항
-                    <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="window.open('docs/guide.html#requirement_regist_inquiry')">
-                            Help
-                            <i  class="fa fa-question"
-                                style="font-size: 14px; vertical-align: middle; color: #acacac"></i>
-                        </button>
+                    <div class="col-md-3 color-legend-widget">
+                        <section class="widget">
+                            <header style="margin-bottom: 15px">
+                                <h4>
+									<span class="font13" style="font-weight: bold">
+										<i class="fa fa-asterisk"></i>
+										투입된 작업 그룹 현황 컬러표
+									</span>
+                                </h4>
+                            </header>
+                            <div class="body">
+                                <ul class="color-labels">
+                                    <div>
+                                        <li>
+                                            <i class="fa fa-circle" style="color: #3457d5"></i>
+                                            <span class="label-name font12">특급</span>
+                                        </li>
+                                        <li>
+                                            <i class="fa fa-circle" style="color: #5d8aa8"></i>
+                                            <span class="label-name font12">고급</span>
+                                        </li>
+                                    </div>
+                                    <div>
+                                        <li>
+                                            <i class="fa fa-circle" style="color: #2c5571"></i>
+                                            <span class="label-name font12">중급</span>
+                                        </li>
+
+                                        <li>
+                                            <i class="fa fa-circle" style="color: #1f305e"></i>
+                                            <span class="label-name font12">초급</span>
+                                        </li>
+                                    </div>
+                                </ul>
+                            </div>
+                        </section>
                     </div>
-                </blockquote>
+
+                </div>
             </div>
         </section>
     </div>