188	188	<nav id="navbar" class="navbar nav-menu">
			189	189	<ul>
			190	190	<!-- ======= Header ======= -->
			191		<li><a href="#home" class="nav-link scrollto active"><i class="bx bx-home"></i> <span>통계정보</span></a></li>
				191	<li><a href="#stats" id="get_stats" class="nav-link scrollto active"><i class="bx bx-home"></i> <span>통계정보</span></a></li>
			192	192	<li><a href="#detail" id="get_req_detail" class="nav-link scrollto"><i class="bx bx-file-blank"></i> <span>요구사항 상세</span></a></li>
			193	193	<li><a href="#version" id="get_version_list" class="nav-link scrollto"><i class="bx bx-detail"></i> <span>버전별 상세정보</span></a></li>
			194	194	<li><a href="#allreq" id="get_req_list" class="nav-link scrollto"><i class="bx bx-list-ul"></i> <span>요구사항 목록</span></a></li>
			216	216	</header>
			217	217
			218	218	<!-- ======= 타이틀 페이지 ======= -->
			219		<section id="home" class="d-flex flex-column">
				219	<section id="stats" class="d-flex flex-column">
			220	220	<div class="container" data-aos="zoom-in" data-aos-delay="100">
			221	221	<h1>요구사항 조회 시스템</h1>
			222	222	<p>Requirement <span class="typed" data-typed-items="Management, Collection, Statistics"></span></p>
			223	223
			224	224	<!-- 통계정보 -->
				225	<!--                <div class="row">-->
				226	<!--                    <div class="col-md-6">-->
				227	<!--                        <section class="stats-widget normal">-->
				228	<!--                            <header>-->
				229	<!--                                <h4>요구사항1</h4>-->
				230	<!--                            </header>-->
				231	<!--                            <div class="body">-->
				232	<!--                                <ul class="overall-stats">-->
				233	<!--                                    <li>-->
				234	<!--                                <span>-->
				235	<!--                                    <i class="bi bi-chevron-right"></i>-->
				236	<!--                                    전체 요구사항 개수-->
				237	<!--                                </span>-->
				238	<!--                                        <span class="badge badge-important">10개</span>-->
				239	<!--                                    </li>-->
				240	<!--                                    <li>-->
				241	<!--                                <span>-->
				242	<!--                                    <i class="bi bi-chevron-right"></i>-->
				243	<!--                                    나에게 할당된 요구사항 개수-->
				244	<!--                                </span>-->
				245	<!--                                        <span class="badge badge-important">10개</span>-->
				246	<!--                                    </li>-->
				247	<!--                                </ul>-->
				248	<!--                                <h5 class="no-margin weight-normal">-->
				249	<!--                                    <i class="bi bi-chevron-right"></i>-->
				250	<!--                                    나에게 할당된 요구사항 개수 / 전체 요구사항 개수-->
				251	<!--                                </h5>-->
				252	<!--                                <div class="progress">-->
				253	<!--                                    <div class="progress-bar progress-bar-danger" style="width: 79%;">79%</div>-->
				254	<!--                                </div>-->
				255	<!--                                <h5 class="no-margin weight-normal">-->
				256	<!--                                    <i class="bi bi-chevron-right"></i>-->
				257	<!--                                    완료된 요구사항 개수 / 나에게 할당된 요구사항 개수-->
				258	<!--                                </h5>-->
				259	<!--                                <div class="progress">-->
				260	<!--                                    <div class="progress-bar progress-bar-success" style="width: 51%;">51%</div>-->
				261	<!--                                </div>-->
				262	<!--                                <h5 class="no-margin weight-normal">-->
				263	<!--                                    <i class="bi bi-chevron-right"></i>-->
				264	<!--                                    진행 중인 요구사항 개수 / 나에게 할당된 요구사항 개수-->
				265	<!--                                </h5>-->
				266	<!--                                <div class="progress progress-striped active">-->
				267	<!--                                    <div class="progress-bar progress-bar-warning" style="width: 64%;">64%</div>-->
				268	<!--                                </div>-->
				269	<!--                            </div>-->
				270	<!--                        </section>-->
				271	<!--                    </div>-->
				272	<!--                    <div class="col-md-6">-->
				273	<!--                        <section class="stats-widget normal">-->
				274	<!--                            <header>-->
				275	<!--                                <h4>-->
				276	<!--                                    <i class="bi bi-chevron-right"></i>-->
				277	<!--                                    요구사항2-->
				278	<!--                                </h4>-->
				279	<!--                            </header>-->
				280	<!--                            <div class="body">-->
				281	<!--                                <ul class="overall-stats">-->
				282	<!--                                    <li>-->
				283	<!--                                        <span>전체 요구사항 개수</span>-->
				284	<!--                                        <span class="badge badge-important">10개</span>-->
				285	<!--                                    </li>-->
				286	<!--                                    <li>-->
				287	<!--                                        <span>나에게 할당된 요구사항 개수</span>-->
				288	<!--                                        <span class="badge badge-important">10개</span>-->
				289	<!--                                    </li>-->
				290	<!--                                </ul>-->
				291	<!--                                <h5 class="no-margin weight-normal">나에게 할당된 요구사항 개수 / 전체 요구사항 개수</h5>-->
				292	<!--                                <div class="progress">-->
				293	<!--                                    <div class="progress-bar progress-bar-danger" style="width: 79%;">79%</div>-->
				294	<!--                                </div>-->
				295	<!--                                <h5 class="no-margin weight-normal">완료된 요구사항 개수 / 나에게 할당된 요구사항 개수</h5>-->
				296	<!--                                <div class="progress">-->
				297	<!--                                    <div class="progress-bar progress-bar-success" style="width: 51%;">51%</div>-->
				298	<!--                                </div>-->
				299	<!--                                <h5 class="no-margin weight-normal">진행 중인 요구사항 개수 / 나에게 할당된 요구사항 개수</h5>-->
				300	<!--                                <div class="progress progress-striped active">-->
				301	<!--                                    <div class="progress-bar progress-bar-warning" style="width: 64%;">64%</div>-->
				302	<!--                                </div>-->
				303	<!--                            </div>-->
				304	<!--                        </section>-->
				305	<!--                    </div>-->
				306	<!--                </div>-->
			225	307
				308	<div class="row">
				309	<div class="col-md-6" style="overflow: hidden">
				310	<section class="stats-widget">
				311	<header>
				312	<h4>
				313	<span class="font13" style="font-weight: bold">
				314	<i class="bi bi-chevron-right"></i>
				315	제품(서비스) 요구사항 현황
				316	</span>
				317	</h4>
				318	</header>
				319	<div class="body">
				320	<div class="stats-box">
				321	<div class="stats-big-text" id="collectSum">10</div>
				322	<div class="stats-desc">
				323	전체 요구사항 개수
				324	</div>
				325	</div>
				326	<ul class="server-stats">
				327	<li>
				328	<div class="key pull-right" id="collectY_label">3 개</div>
				329	<div class="stat">
				330	<div class="info">내가 맡은 요구사항</div>
				331	<div class="progress progress-small progress-striped active">
				332	<div class="progress-bar" id="collectY_display" style="width: 20%;"></div>
				333	</div>
				334	</div>
				335	</li>
				336	</ul>
				337	</div>
				338	</section>
				339	</div>
				340	<div class="col-md-6" style="overflow: hidden">
				341	<section class="stats-widget">
				342	<header>
				343	<h4>
				344	<span class="font13" style="font-weight: bold">
				345	<i class="bi bi-chevron-right"></i>
				346	해당 요구사항 현황
				347	</span>
				348	</h4>
				349	</header>
				350	<div class="body">
				351	<div class="stats-box">
				352	<div class="stats-big-text" id="collectSum">2</div>
				353	<div class="stats-desc">
				354	해당 요구사항 개수
				355	</div>
				356	</div>
				357	<ul class="server-stats">
				358	<li>
				359	<div class="key pull-right" id="collectY_label">1 개</div>
				360	<div class="stat">
				361	<div class="info">내가 맡은 요구사항</div>
				362	<div class="progress progress-small progress-striped active">
				363	<div class="progress-bar" id="collectY_display" style="width: 10%;"></div>
				364	</div>
				365	</div>
				366	</li>
				367	</ul>
				368	</div>
				369	</section>
				370	</div>
				371	</div>
				372
				373	<div class="row">
				374	<div class="col-md-6">
				375	<section class="stats-widget large">
				376	<header>
				377	<span class="font13" style="font-weight: bold; word-break: keep-all;">
				378	<i class="bi bi-chevron-right"></i>
				379	제품(서비스) 요구사항 - 내가 맡은 요구사항 현황
				380	</span>
				381	</header>
				382	<div class="body">
				383	<div id="product-chart-pie" class="chart pie-chart">
				384	<svg></svg>
				385	</div>
				386	</div>
				387	<footer id="product-chart-footer" class="pie-chart-footer">
				388	</footer>
				389	</section>
				390	</div>
				391	<div class="col-md-6">
				392	<section class="stats-widget large">
				393	<header>
				394	<span class="font13" style="font-weight: bold; word-break: keep-all;" >
				395	<i class="bi bi-chevron-right"></i>
				396	해당 요구사항 - 내가 맡은 요구사항 현황
				397	</span>
				398	</header>
				399	<div class="body">
				400	<div id="requirement-chart-pie" class="chart pie-chart">
				401	<svg></svg>
				402	</div>
				403	</div>
				404	<footer id="requirement-chart-footer" class="pie-chart-footer">
				405	</footer>
				406	</section>
				407	</div>
				408	</div>
			226	409	</div>
			227	410	</section><!-- End Title -->
			228	411