Index: arms/detail.html
===================================================================
diff -u -r6625dc335eb751d8c9f8bc04bc66ab96f9be40a2 -r4d8cc8716af1e4f54db54b281fde958c29d20afc
--- arms/detail.html	(.../detail.html)	(revision 6625dc335eb751d8c9f8bc04bc66ab96f9be40a2)
+++ arms/detail.html	(.../detail.html)	(revision 4d8cc8716af1e4f54db54b281fde958c29d20afc)
@@ -188,7 +188,7 @@
 			<nav id="navbar" class="navbar nav-menu">
 				<ul>
 					<!-- ======= Header ======= -->
-					<li><a href="#home" class="nav-link scrollto active"><i class="bx bx-home"></i> <span>통계정보</span></a></li>
+					<li><a href="#stats" id="get_stats" class="nav-link scrollto active"><i class="bx bx-home"></i> <span>통계정보</span></a></li>
 					<li><a href="#detail" id="get_req_detail" class="nav-link scrollto"><i class="bx bx-file-blank"></i> <span>요구사항 상세</span></a></li>
 					<li><a href="#version" id="get_version_list" class="nav-link scrollto"><i class="bx bx-detail"></i> <span>버전별 상세정보</span></a></li>
 					<li><a href="#allreq" id="get_req_list" class="nav-link scrollto"><i class="bx bx-list-ul"></i> <span>요구사항 목록</span></a></li>
@@ -216,13 +216,196 @@
 		</header>
 
 		<!-- ======= 타이틀 페이지 ======= -->
-		<section id="home" class="d-flex flex-column">
+		<section id="stats" class="d-flex flex-column">
 			<div class="container" data-aos="zoom-in" data-aos-delay="100">
 				<h1>요구사항 조회 시스템</h1>
 				<p>Requirement <span class="typed" data-typed-items="Management, Collection, Statistics"></span></p>
 
 				<!-- 통계정보 -->
+<!--                <div class="row">-->
+<!--                    <div class="col-md-6">-->
+<!--                        <section class="stats-widget normal">-->
+<!--                            <header>-->
+<!--                                <h4>요구사항1</h4>-->
+<!--                            </header>-->
+<!--                            <div class="body">-->
+<!--                                <ul class="overall-stats">-->
+<!--                                    <li>-->
+<!--                                <span>-->
+<!--                                    <i class="bi bi-chevron-right"></i>-->
+<!--                                    전체 요구사항 개수-->
+<!--                                </span>-->
+<!--                                        <span class="badge badge-important">10개</span>-->
+<!--                                    </li>-->
+<!--                                    <li>-->
+<!--                                <span>-->
+<!--                                    <i class="bi bi-chevron-right"></i>-->
+<!--                                    나에게 할당된 요구사항 개수-->
+<!--                                </span>-->
+<!--                                        <span class="badge badge-important">10개</span>-->
+<!--                                    </li>-->
+<!--                                </ul>-->
+<!--                                <h5 class="no-margin weight-normal">-->
+<!--                                    <i class="bi bi-chevron-right"></i>-->
+<!--                                    나에게 할당된 요구사항 개수 / 전체 요구사항 개수-->
+<!--                                </h5>-->
+<!--                                <div class="progress">-->
+<!--                                    <div class="progress-bar progress-bar-danger" style="width: 79%;">79%</div>-->
+<!--                                </div>-->
+<!--                                <h5 class="no-margin weight-normal">-->
+<!--                                    <i class="bi bi-chevron-right"></i>-->
+<!--                                    완료된 요구사항 개수 / 나에게 할당된 요구사항 개수-->
+<!--                                </h5>-->
+<!--                                <div class="progress">-->
+<!--                                    <div class="progress-bar progress-bar-success" style="width: 51%;">51%</div>-->
+<!--                                </div>-->
+<!--                                <h5 class="no-margin weight-normal">-->
+<!--                                    <i class="bi bi-chevron-right"></i>-->
+<!--                                    진행 중인 요구사항 개수 / 나에게 할당된 요구사항 개수-->
+<!--                                </h5>-->
+<!--                                <div class="progress progress-striped active">-->
+<!--                                    <div class="progress-bar progress-bar-warning" style="width: 64%;">64%</div>-->
+<!--                                </div>-->
+<!--                            </div>-->
+<!--                        </section>-->
+<!--                    </div>-->
+<!--                    <div class="col-md-6">-->
+<!--                        <section class="stats-widget normal">-->
+<!--                            <header>-->
+<!--                                <h4>-->
+<!--                                    <i class="bi bi-chevron-right"></i>-->
+<!--                                    요구사항2-->
+<!--                                </h4>-->
+<!--                            </header>-->
+<!--                            <div class="body">-->
+<!--                                <ul class="overall-stats">-->
+<!--                                    <li>-->
+<!--                                        <span>전체 요구사항 개수</span>-->
+<!--                                        <span class="badge badge-important">10개</span>-->
+<!--                                    </li>-->
+<!--                                    <li>-->
+<!--                                        <span>나에게 할당된 요구사항 개수</span>-->
+<!--                                        <span class="badge badge-important">10개</span>-->
+<!--                                    </li>-->
+<!--                                </ul>-->
+<!--                                <h5 class="no-margin weight-normal">나에게 할당된 요구사항 개수 / 전체 요구사항 개수</h5>-->
+<!--                                <div class="progress">-->
+<!--                                    <div class="progress-bar progress-bar-danger" style="width: 79%;">79%</div>-->
+<!--                                </div>-->
+<!--                                <h5 class="no-margin weight-normal">완료된 요구사항 개수 / 나에게 할당된 요구사항 개수</h5>-->
+<!--                                <div class="progress">-->
+<!--                                    <div class="progress-bar progress-bar-success" style="width: 51%;">51%</div>-->
+<!--                                </div>-->
+<!--                                <h5 class="no-margin weight-normal">진행 중인 요구사항 개수 / 나에게 할당된 요구사항 개수</h5>-->
+<!--                                <div class="progress progress-striped active">-->
+<!--                                    <div class="progress-bar progress-bar-warning" style="width: 64%;">64%</div>-->
+<!--                                </div>-->
+<!--                            </div>-->
+<!--                        </section>-->
+<!--                    </div>-->
+<!--                </div>-->
 
+                <div class="row">
+                    <div class="col-md-6" style="overflow: hidden">
+                        <section class="stats-widget">
+                            <header>
+                                <h4>
+                                    <span class="font13" style="font-weight: bold">
+                                        <i class="bi bi-chevron-right"></i>
+                                        제품(서비스) 요구사항 현황
+                                    </span>
+                                </h4>
+                            </header>
+                            <div class="body">
+                                <div class="stats-box">
+                                    <div class="stats-big-text" id="collectSum">10</div>
+                                    <div class="stats-desc">
+                                        전체 요구사항 개수
+                                    </div>
+                                </div>
+                                <ul class="server-stats">
+                                    <li>
+                                        <div class="key pull-right" id="collectY_label">3 개</div>
+                                        <div class="stat">
+                                            <div class="info">내가 맡은 요구사항</div>
+                                            <div class="progress progress-small progress-striped active">
+                                                <div class="progress-bar" id="collectY_display" style="width: 20%;"></div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                        </section>
+                    </div>
+                    <div class="col-md-6" style="overflow: hidden">
+                        <section class="stats-widget">
+                            <header>
+                                <h4>
+                                    <span class="font13" style="font-weight: bold">
+                                        <i class="bi bi-chevron-right"></i>
+                                        해당 요구사항 현황
+                                    </span>
+                                </h4>
+                            </header>
+                            <div class="body">
+                                <div class="stats-box">
+                                    <div class="stats-big-text" id="collectSum">2</div>
+                                    <div class="stats-desc">
+                                        해당 요구사항 개수
+                                    </div>
+                                </div>
+                                <ul class="server-stats">
+                                    <li>
+                                        <div class="key pull-right" id="collectY_label">1 개</div>
+                                        <div class="stat">
+                                            <div class="info">내가 맡은 요구사항</div>
+                                            <div class="progress progress-small progress-striped active">
+                                                <div class="progress-bar" id="collectY_display" style="width: 10%;"></div>
+                                            </div>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                        </section>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-6">
+                        <section class="stats-widget large">
+                            <header>
+                                <span class="font13" style="font-weight: bold; word-break: keep-all;">
+                                        <i class="bi bi-chevron-right"></i>
+                                        제품(서비스) 요구사항 - 내가 맡은 요구사항 현황
+                                </span>
+                            </header>
+                            <div class="body">
+                                <div id="product-chart-pie" class="chart pie-chart">
+                                    <svg></svg>
+                                </div>
+                            </div>
+                            <footer id="product-chart-footer" class="pie-chart-footer">
+                            </footer>
+                        </section>
+                    </div>
+                    <div class="col-md-6">
+                        <section class="stats-widget large">
+                            <header>
+                                <span class="font13" style="font-weight: bold; word-break: keep-all;" >
+                                    <i class="bi bi-chevron-right"></i>
+                                    해당 요구사항 - 내가 맡은 요구사항 현황
+                                </span>
+                            </header>
+                            <div class="body">
+                                <div id="requirement-chart-pie" class="chart pie-chart">
+                                    <svg></svg>
+                                </div>
+                            </div>
+                            <footer id="requirement-chart-footer" class="pie-chart-footer">
+                            </footer>
+                        </section>
+                    </div>
+                </div>
 			</div>
 		</section><!-- End Title -->
 
Index: arms/html/armsDetailExceptTemplate/assets/css/style.css
===================================================================
diff -u -r4d8d94d2bd9c8e946c394a00094bbcf65401dbc7 -r4d8cc8716af1e4f54db54b281fde958c29d20afc
--- arms/html/armsDetailExceptTemplate/assets/css/style.css	(.../style.css)	(revision 4d8d94d2bd9c8e946c394a00094bbcf65401dbc7)
+++ arms/html/armsDetailExceptTemplate/assets/css/style.css	(.../style.css)	(revision 4d8cc8716af1e4f54db54b281fde958c29d20afc)
@@ -309,7 +309,7 @@
   border: 6px solid transparent;
   border-bottom-color: #1E2021;
   right: 102px;
-  top: -12px;
+  top: -11px;
 }
 
 .profile .detail:after {
@@ -344,6 +344,404 @@
 }
 
 /*--------------------------------------------------------------
+# 통계 정보
+--------------------------------------------------------------*/
+.stats-widget {
+  border-radius: 1px;
+  box-sizing: content-box;
+  padding: 10px 12px;
+  color: #45505b;
+  background: rgba(140, 191, 241, 0.3);
+  margin-bottom: 30px;
+  position: relative;
+}
+
+.no-margin {
+  margin: 0 !important;
+}
+
+.stats-widget>header h4 {
+  font-size: 17px;
+  line-height: 20px;
+  font-weight: 600;
+}
+
+.body h5 {
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.weight-normal {
+  font-weight: normal;
+}
+
+.overall-stats {
+  list-style: none;
+  padding: 0;
+  margin-bottom: 20px;
+}
+
+.overall-stats li {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 12px;
+  font-size: 13px;
+}
+
+.badge {
+  padding: 3px 7px;
+  font-size: 12px;
+  font-weight: 300;
+  line-height: 14px;
+  text-align: center;
+  background-color: #999;
+  border-radius: 10px;
+}
+
+@-webkit-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+
+  to {
+    background-position: 0 0;
+  }
+}
+
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+
+  to {
+    background-position: 0 0;
+  }
+}
+
+.progress {
+  overflow: hidden;
+  height: 20px;
+  margin-bottom: 20px;
+  background-color: whitesmoke;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.progress-bar {
+  float: left;
+  width: 0%;
+  height: 100%;
+  font-size: 11.05px;
+  line-height: 20px;
+  color: white;
+  text-align: center;
+  background-color: #618fb0;
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  -webkit-transition: width 0.6s ease;
+  transition: width 0.6s ease;
+}
+
+.progress-small {
+  height: 8px;
+}
+
+.progress-striped .progress-bar {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-size: 40px 40px;
+}
+
+.progress.active .progress-bar {
+  -webkit-animation: progress-bar-stripes 2s linear infinite;
+  animation: progress-bar-stripes 2s linear infinite;
+}
+
+.progress-bar-success {
+  background-color: #56bc76;
+}
+.progress-striped .progress-bar-success {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+
+.progress-bar-info {
+  background-color: #4ab0ce;
+}
+
+.progress-striped .progress-bar-info {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+
+.progress-bar-warning {
+  background-color: #eac85e;
+}
+
+.progress-striped .progress-bar-warning {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+
+.progress-bar-danger {
+  background-color: #e5603b;
+}
+
+.progress-striped .progress-bar-danger {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+
+.stats-box {
+  border-radius: 5px;
+  padding: 5px;
+  text-align: center;
+  margin-top: 30px;
+  margin-bottom: 30px;
+  background: rgba(255, 255, 255, 0.9);
+  box-shadow: 1px 1px 1px rgb(51 51 51 / 7%);
+}
+
+.stats-big-text {
+  margin-top: 15px;
+  font-size: 36px;
+  line-height: 36px;
+  height: 36px;
+  font-weight: bold;
+}
+
+.server-stats {
+  list-style: none;
+  padding: 0;
+}
+
+.stats-desc {
+  font-weight: normal;
+  text-align: center;
+  margin: 10px -5px;
+}
+
+/* 차트 */
+/*.stats-widget .large {*/
+/*  height: 312px;*/
+/*}*/
+
+.stats-widget.large .body {
+  height: 340px;
+}
+
+.large .pie-chart {
+  height: 240px;
+}
+
+.pie-chart {
+  position: relative;
+}
+
+svg {
+  height: 100%;
+  width: 100%;
+  display: block;
+  margin-top: 25px;
+}
+
+.nvd3.nv-pie path {
+  stroke: #fff;
+  stroke-width: 1px;
+  stroke-opacity: 1;
+}
+
+.nvd3.nv-pie .hover path {
+  fill-opacity: .7;
+}
+
+.nvd3.nv-pie .nv-label {
+  pointer-events: none;
+}
+
+.nvd3.nv-pie .nv-label rect {
+  fill-opacity: 0;
+  stroke-opacity: 0;
+}
+
+.nvd3.nv-pie .nv-slice text {
+  stroke: #000;
+}
+
+.pie-chart .total {
+  text-align: center;
+  position: absolute;
+  left: 0;
+  top: 50%;
+}
+
+.pie-chart .requirements {
+  font-weight: 300;
+  font-size: 16.25px;
+}
+
+.nvtooltip {
+  padding: 5px;
+  position: absolute;
+  background-color: rgba(255, 255, 255, 0.6);
+  border: none;
+  z-index: 10000;
+  font-family: inherit;
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  -moz-border-radius: 0;
+  border-radius: 3px;
+  transition: none;
+  -moz-transition: none;
+  -webkit-transition: none;
+}
+
+.nvtooltip h3, .nvtooltip h4 {
+  margin: 0;
+  padding: 0;
+  font-size: 13px;
+  text-align: center;
+}
+
+.nvtooltip p {
+  margin: 0;
+  padding: 0;
+  text-align: center;
+}
+
+.stats-widget > footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.pie-chart-footer .controls {
+  margin-top: 16px;
+  width: 100%;
+}
+
+.pie-chart-footer .control {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  background: rgba(51, 51, 51, 0.25);
+  text-align: center;
+  font-weight: normal;
+  padding: 3px 2%;
+  color: white;
+  width: 20.625%;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+  margin-left: 0.5%;
+  float: left;
+}
+
+.pie-chart-footer .control:first-child {
+  border-bottom-left-radius: 1px;
+  margin-left: 0;
+}
+
+.pie-chart-footer .control:last-child {
+  border-bottom-right-radius: 1px;
+}
+
+.pie-chart-footer .control.disabled {
+  border-top: 3px solid transparent !important;
+}
+
+.pie-chart-footer .control .key {
+  font-size: 12px;
+  font-weight: normal;
+  margin: 0;
+}
+
+.pie-chart-footer .control .value {
+  font-size: 16.25px;
+  font-weight: bold;
+  margin-bottom: 5px;
+}
+
+.font11 {
+  font-family: "Nanum Gothic";
+  font-size: 11px;
+  color: #f8f8f8;
+}
+
+#stats {
+  width: 100%;
+  /*height: 100vh;*/
+  background: url("../img/hero-bg.jpg") top right no-repeat;
+  background-size: cover;
+  position: relative;
+}
+@media (min-width: 992px) {
+  #stats {
+    padding-left: 160px;
+  }
+}
+#stats:before {
+  content: "";
+  background: rgba(255, 255, 255, 0.8);
+  position: absolute;
+  bottom: 0;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+#stats h1 {
+  margin: 0;
+  font-size: 45px;
+  font-weight: 700;
+  line-height: 56px;
+  color: #45505b;
+}
+#stats p {
+  color: #45505b;
+  margin-bottom: 30px;
+  font-size: 26px;
+  font-family: "Poppins", sans-serif;
+}
+#stats p span {
+  color: #0563bb;
+  letter-spacing: 1px;
+}
+#stats .social-links {
+  margin-top: 30px;
+}
+#stats .social-links a {
+  font-size: 24px;
+  display: inline-block;
+  color: #45505b;
+  line-height: 1;
+  margin-right: 20px;
+  transition: 0.3s;
+}
+#stats .social-links a:hover {
+  color: #0563bb;
+}
+@media (max-width: 992px) {
+  #stats {
+    /*text-align: center;*/
+  }
+  #stats h1 {
+    font-size: 32px;
+    line-height: 36px;
+  }
+  #stats p {
+    margin-top: 10px;
+    font-size: 20px;
+    line-height: 24px;
+  }
+}
+
+/*--------------------------------------------------------------
 # Hero Section
 --------------------------------------------------------------*/
 #home {
Index: arms/js/detail.js
===================================================================
diff -u -r7a695ca69a6a0a0a35ff9baf4e526f399f93cf52 -r4d8cc8716af1e4f54db54b281fde958c29d20afc
--- arms/js/detail.js	(.../detail.js)	(revision 7a695ca69a6a0a0a35ff9baf4e526f399f93cf52)
+++ arms/js/detail.js	(.../detail.js)	(revision 4d8cc8716af1e4f54db54b281fde958c29d20afc)
@@ -4,6 +4,7 @@
 var selectedJsTreeId; // 요구사항 아이디
 var calledAPIs = {};
 var visibilityStatus = {
+    '#stats': false,
     '#detail' : false,
     '#version': false,
     '#allreq': false,
@@ -84,8 +85,19 @@
             "../reference/jquery-plugins/MyResume/assets/vendor/swiper/swiper-bundle.min.css",
             // Template Main CSS File
             "../reference/jquery-plugins/MyResume/assets/css/style.css"
-        ]
+        ],
         // 추가적인 플러그인 그룹들을 이곳에 추가하면 됩니다.
+        [
+            // Chart
+            "../reference/light-blue/lib/nvd3/lib/d3.v2.js",
+            "../reference/light-blue/lib/nvd3/nv.d3.custom.js",
+            "../reference/light-blue/lib/nvd3/src/utils.js",
+            "../reference/light-blue/lib/nvd3/src/models/legend.js",
+            "../reference/light-blue/lib/nvd3/src/models/pie.js",
+            "../reference/light-blue/lib/nvd3/src/models/pieChartTotal.js",
+            "../reference/light-blue/lib/nvd3/stream_layers.js",
+            "./html/armsDetailExceptTemplate/assets/js/stats.js"
+        ]
     ];
 
     loadPluginGroupsParallelAndSequential(pluginGroups)
@@ -99,6 +111,10 @@
             // 메뉴 클릭 이벤트
             menuClick();
 
+            // 통계정보 탭 (맨 처음 화면이므로 무조건 로드)
+            bindStatsTab();
+            statsViewTabClick();
+
             // 상세정보 탭 클릭 이벤트
             reqDetailViewTabClick();
 
@@ -200,6 +216,10 @@
 function scrollApiFunc() {
     for (var element in visibilityStatus) {
         if (!visibilityStatus[element] && checkVisible(element)) {
+            if(element === "#stats") {
+                bindStatsTab();
+            }
+
             if(element === "#detail") {
                 getDetailViewTab();
             }
@@ -246,6 +266,37 @@
     });
 }
 
+// ------------------ 통계정보 ------------------ //
+function statsViewTabClick() {
+    $("#get_stats").click(function() {
+        bindStatsTab();
+    });
+}
+
+function bindStatsTab() {
+
+    if (callAPI("statsAPI")) {
+        return;
+    }
+
+    console.log("Stats Tab ::::");
+
+    // TODO: api 호출 및 데이터 바인딩
+
+    // 현재는 임시 데이터로 로드
+    var json = {
+        "openCount": 2,
+        "underwayCount": 3,
+        "completeCount": 5,
+        "etcCount": 0
+    };
+
+    loadChart("#product-chart-pie svg", "#product-chart-footer", json);
+    loadChart("#requirement-chart-pie svg", "#requirement-chart-footer", json);
+
+    calledAPIs["statsAPI"] = true;
+}
+
 // ------------------ 상세보기 ------------------ //
 function reqDetailViewTabClick() {
     $("#get_version_list").click(function () {