Index: arms/html/dashboard/content-container.html
===================================================================
diff -u -rcefaf77cf032b0f6b031ed914fd2ef6ab56b921d -r8791636e59bb18c31ea79b45e84ac86927efc29d
--- arms/html/dashboard/content-container.html	(.../content-container.html)	(revision cefaf77cf032b0f6b031ed914fd2ef6ab56b921d)
+++ arms/html/dashboard/content-container.html	(.../content-container.html)	(revision 8791636e59bb18c31ea79b45e84ac86927efc29d)
@@ -216,439 +216,321 @@
 </div>
 
 <div class="row">
+    <div class="card card-widget widget-user">
 
-    <div class="col-lg-12 col-layer">
-        <section class="widget">
-            <div class="body"> <!-- 너비를 적절한 값으로 조정 -->
-                <div class="font13 rotate-270">
-                    Scope 분석
-                </div>
-            </div>
-        </section>
-    </div>
-
-</div>
-<div class="row">
-
-    <div class="col-lg-12 col-layer">
-        <section class="widget">
-            <div class="body"> <!-- 너비를 적절한 값으로 조정 -->
-                <div class="font13 rotate-270">
-                    Time 분석
-                </div>
-            </div>
-        </section>
-    </div>
-
-</div>
-<div class="row">
-
-    <div class="col-lg-12 col-layer">
-        <section class="widget">
-            <div class="body"> <!-- 너비를 적절한 값으로 조정 -->
-                <div class="font13 rotate-270">
-                    Resource 분석
-                </div>
-            </div>
-        </section>
-    </div>
-
-</div>
-
-<div class="row">
-    <div class="col-lg-8 col-layer">
-        <section class="widget">
-            <header>
-                <h4>
+        <div class="widget-user-header text-white">
+            <div class="col-lg-6 col-layer">
+                <section class="widget">
+                    <header>
+                        <h4>
 				<span   class="font13"
                         style="font-weight: bold">
 					<i class="fa fa-sort-amount-asc"></i>
 					Product Overview
 				</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>
+                        </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>
+                        </blockquote>
                     </div>
-                </blockquote>
+                </section>
             </div>
-        </section>
-    </div>
-    <div class="col-lg-4 col-layer">
-        <section class="widget">
-            <header>
-                <h4>
+            <div class="col-lg-6 col-layer">
+                <section class="widget">
+                    <header>
+                        <h4>
 				<span   class="font13"
                         style="font-weight: bold">
 					<i class="fa fa-sort-amount-asc"></i>
-					Version Schedule
+					Product Overview
 				</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>
+                        </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>
+                        </blockquote>
                     </div>
-                </blockquote>
+                </section>
             </div>
-        </section>
-    </div>
-</div>
-
-<div class="row">
-    <div class="col-lg-7 col-layer">
-        <section class="widget">
-            <header>
-                <h4>
+        </div>
+        <div class="widget-user-header text-white">
+            <div class="col-lg-6 col-layer">
+                <section class="widget">
+                    <header>
+                        <h4>
 				<span   class="font13"
                         style="font-weight: bold">
 					<i class="fa fa-sort-amount-asc"></i>
-					Requirement Progress
+					Product Overview
 				</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>
+                        </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>
+                        </blockquote>
                     </div>
-                </blockquote>
+                </section>
             </div>
-        </section>
-    </div>
-    <div class="col-lg-5 col-layer">
-        <section class="widget">
-            <header>
-                <h4>
+            <div class="col-lg-6 col-layer">
+                <section class="widget">
+                    <header>
+                        <h4>
 				<span   class="font13"
                         style="font-weight: bold">
 					<i class="fa fa-sort-amount-asc"></i>
-					Resources
+					Product Overview
 				</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>
+                        </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>
+                        </blockquote>
                     </div>
-                </blockquote>
+                </section>
             </div>
-        </section>
+        </div>
+        <div class="widget-user-image">
+            <img class="img-circle" src="./img/index/rts.jpg" alt="User Avatar">
+        </div>
     </div>
 </div>
 
-<div class="row">
-    <div class="col-lg-4 col-layer">
-        <section class="widget">
-            <header>
-                <h4>
-				<span   class="font13"
-                        style="font-weight: bold">
-					<i class="fa fa-sort-amount-asc"></i>
-					Contributions
-				</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>
-                </blockquote>
-            </div>
-        </section>
-    </div>
-    <div class="col-lg-8 col-layer">
-        <section class="widget">
-            <header>
-                <h4>
-				<span   class="font13"
-                        style="font-weight: bold">
-					<i class="fa fa-sort-amount-asc"></i>
-					===
-				</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>
-                </blockquote>
-            </div>
-        </section>
-    </div>
 
-</div>
-
 <style>
-    .rotate-270 {
-        transform: rotate(270deg);
-        transform-origin: 0 0;
-        white-space: nowrap;
-        margin-top: 200px;
+    .card-widget {
+        border: 0;
+        position: relative;
     }
 
+    .card {
+        margin-bottom: 1rem;
+    }
+
+    .card {
+        position: relative;
+        display: -ms-flexbox;
+        display: flex;
+        -ms-flex-direction: column;
+        flex-direction: column;
+        min-width: 0;
+        word-wrap: break-word;
+        background-clip: border-box;
+        border: 0 solid rgba(0,0,0,.125);
+        border-radius: 0.25rem;
+    }
+
+    .widget-user .widget-user-image>img {
+        border: 3px solid #fff;
+        height: auto;
+        width: 150px;
+    }
+
+    .widget-user .widget-user-image {
+        left: 50%;
+        margin-left: -72px;
+        position: absolute;
+        top: 80px;
+    }
+
+    .widget-user .widget-user-header {
+        border-top-left-radius: 0.25rem;
+        border-top-right-radius: 0.25rem;
+        height: 135px;
+        padding: 1rem;
+        text-align: center;
+    }
+
+    .img-circle {
+        border-radius: 50%;
+    }
+    img {
+        vertical-align: middle;
+        border-style: none;
+    }
+
 </style>
\ No newline at end of file