<div class="row">
	<!-- 첫번째 박스   -->
	<div class="col-lg-12 col-layer">
		<section class="widget">
			<header>
				<h4>
					<span
						class="font13"
						style="font-weight: bold">
						<i class="fa fa-dollar"></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, 0.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 class="row">
					<div class="col-md-3">
						<section
							class="widget dashboard-top-section"
							style="border: dashed; border-width: thin; border-color: lightsteelblue">
							<header style="margin-bottom: 20px">
								<h4>
									<span
										class="font13"
										style="font-weight: bold">
										<i class="fa fa-asterisk"></i>
										제품(서비스) - 버전 선택
									</span>
								</h4>
								<div
									class="gradient_middle_border"
									style="width: 100%; margin-top: 8px"></div>
							</header>
							<div class="body">
								<div class="column">
									<span>
										1. Product
										<sup>service</sup>
										를 선택해 주세요
									</span>
									<div
										class="control-group"
										style="padding-top: 10px; padding-bottom: 10px; border: 0">
										<div
											class="controls form-group select-box"
											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="font13">
										2. Product
										<sup>service</sup>
										의 버전을 선택해 주세요
									</blockquote>
									<div
										class="control-group"
										style="padding-bottom: 10px; border: 0">
										<div
											class="controls form-group select-box"
											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-md-3">
						<section
							class="widget large"
							style="margin-bottom: 15px; height: 290px">
							<header>
								<h4>
									<span
										class="font13"
										style="font-weight: bold">
										<i class="fa fa-pencil-square-o"></i>
										종합 진행 현황
									</span>
								</h4>
							</header>
							<div class="body">
								<div
									class="gradient_middle_border"
									style="width: 100%; height: 2px; margin-top: 5px"></div>
								<div
									class="body"
									id="radarPart"></div>
							</div>
						</section>
					</div>
					<div class="col-md-2">
						<section
							class="widget dashboard-top-section"
							style="overflow: auto; margin-bottom: 15px">
							<header style="margin-bottom: 15px">
								<h4>
									<span
										class="font13"
										style="font-weight: bold">
										<i class="fa fa-pencil-square"></i>
										범위(Scope) 현황
									</span>
								</h4>
							</header>
							<div class="body">
								<div
									class="gradient_middle_border"
									style="width: 100%; margin-top: 8px"></div>
								<div
									class="box"
									style="display: flex; justify-content: space-evenly; margin: 10px 0">
									<div>
										<div
											id="req_in_action_count"
											style="
												color: #a4c6ff;
												margin-top: 5px;
												font-size: 20px;
												line-height: 20px;
												height: 20px;
												font-weight: 700;
											">
											-
										</div>
										<div class="description">
											<i class="fa fa-wrench"></i>
											작업 중
										</div>
									</div>
									<div style="margin-top: 5px; font-size: 20px; line-height: 20px; height: 20px">|</div>
									<div>
										<div
											id="req_count"
											style="margin-top: 5px; font-size: 20px; line-height: 20px; height: 20px; font-weight: 700">
											-
										</div>
										<div class="description">└ 작업 대상 ┘</div>
									</div>
								</div>
								<div class="column">
									<div
										class="control-group"
										style="padding-bottom: 10px; border: 0">
										<div
											class="controls form-group darkBack col-md-12"
											style="margin-bottom: 10px !important; padding: 10px 0 !important; text-align: center">
											<span>
												요구사항(
												<i class="fa fa-wrench"></i>
												) 연결이슈 평균:
												<a
													id="linkedIssue_subtask_count_per_req_in_action"
													style="font-weight: bold">
													-
												</a>
												개
											</span>
											<br />
										</div>
										<div
											class="controls form-group darkBack col-md-6"
											style="margin-bottom: 5px !important; padding: 10px 0 !important; text-align: center">
											<span>
												총 요구사항
												<br />
												<small>(미할당)</small>
												<br />
												<a
													id="total_req_count"
													style="font-weight: bold">
													-
												</a>
												개 (
												<span id="no_assigned_req_count">-</span>
												)
											</span>
											<br />
										</div>
										<div
											class="controls form-group darkBack col-md-6"
											style="margin-bottom: 5px !important; padding: 10px 0 !important; text-align: center">
											<span>
												총 연결이슈
												<br />
												<small>(미할당)</small>
												<br />
												<a
													id="total_linkedIssue_subtask_count"
													style="font-weight: bold">
													-
												</a>
												개 (
												<span id="no_assigned_linkedIssue_subtask_count">-</span>
												)
											</span>
											<br />
										</div>
									</div>
								</div>
							</div>
						</section>
					</div>
					<div class="col-md-2">
						<section class="widget">
							<header style="margin-bottom: 15px">
								<h4>
									<span
										class="font13"
										style="font-weight: bold">
										<i class="fa fa-clock-o"></i>
										일정(Time) 현황
									</span>
								</h4>
							</header>
							<div class="body">
								<div
									class="gradient_middle_border"
									style="width: 100%; height: 2px; margin-top: 5px"></div>
								<div
									class="box"
									style="display: flex; justify-content: space-evenly; margin: 10px 0">
									<div>
										<div
											id="remaining_days"
											style="
												color: #a4c6ff;
												margin-top: 5px;
												font-size: 20px;
												line-height: 20px;
												height: 20px;
												font-weight: 700;
											">
											-
										</div>
										<div class="description">【 일정 】</div>
									</div>
									<div style="margin-top: 5px; font-size: 20px; line-height: 20px; height: 20px">|</div>
									<div>
										<div
											id="progressDateRate"
											style="margin-top: 5px; font-size: 20px; line-height: 20px; height: 20px; font-weight: 700">
											-
										</div>
										<div class="description">【 경과 】</div>
									</div>
								</div>
								<div
									class="box"
									style="display: flex; justify-content: space-evenly; margin: 10px 0">
									<div>
										<span>
											작업 종료 예상일
											<br />
											<a
												id="expected_end_date"
												style="font-weight: bold">
												-
											</a>
										</span>
										<br />
									</div>
								</div>
							</div>
						</section>
					</div>
					<div class="col-md-2">
						<section
							class="widget dashboard-top-section"
							style="overflow: auto">
							<header style="margin-bottom: 15px">
								<h4>
									<span
										class="font13"
										style="font-weight: bold">
										<i class="fa fa-briefcase"></i>
										자원(Resource) 현황
									</span>
								</h4>
							</header>
							<div class="body">
								<div
									class="gradient_middle_border"
									style="width: 100%; margin-top: 8px"></div>
								<div
									class="box"
									style="margin: 10px 0">
									<div
										id="resource_count"
										style="
											color: #a4c6ff;
											margin-top: 5px;
											font-size: 20px;
											line-height: 20px;
											height: 20px;
											font-weight: 700;
										">
										-
									</div>
									<div class="description">
										<i class="fa fa-users"></i>
										투입 작업자 수
									</div>
								</div>
								<div class="column">
									<div
										class="control-group"
										style="padding-bottom: 10px; border: 0">
										<div
											class="controls form-group darkBack col-md-12"
											style="margin-bottom: 10px !important; padding: 10px 0; !important; text-align: center">
											<span>
												작업 중 요구사항 평균 :
												<a
													id="req_in_action_avg"
													style="font-weight: bold">
													-
												</a>
												개
											</span>
											<br />
										</div>
										<div
											class="controls form-group darkBack col-md-12"
											style="margin-bottom: 10px !important; padding: 10px 0; !important; text-align: center">
											<span>
												생성한 연결이슈 평균 :
												<a
													id="avg_linkedIssue_count"
													style="font-weight: bold">
													-
												</a>
												개
											</span>
											<br />
										</div>
									</div>
								</div>
							</div>
						</section>
					</div>
				</div>
			</div>
		</section>
	</div>

	<div class="col-lg-12 col-layer">
		<section class="widget">
			<header>
				<h4>
					<span
						class="font13"
						style="font-weight: bold">
						<i class="fa fa-table"></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%; margin-top: 8px; margin-bottom: 15px"></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, 0.2); padding: 1px 9px">
							Help
							<i
								class="fa fa-question"
								style="font-size: 14px; vertical-align: middle; color: #acacac"></i>
						</button>
					</div>
				</blockquote>
				<div class="row">
					<div class="col-lg-4">
						<section class="widget">
							<header style="margin-bottom: 15px">
								<h4>
									<span
										class="font13"
										style="font-weight: bold">
										<i class="fa fa-upload"></i>
										연봉 정보 파일로 업로드
									</span>
								</h4>
								<div class="widget-controls">
									<a
										class="hidden"
										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
										class="hidden"
										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%; margin-top: 8px"></div>
								<blockquote
									class="font13"
									style="margin-top: 5px">
									템플릿 다운로드 후, 연봉 정보를 입력하여 업로드 합니다.
								</blockquote>
								<div class="body-middle"></div>
							</div>
						</section>
					</div>

					<div class="col-lg-8">
						<section class="widget">
							<header style="margin-bottom: 15px">
								<h4>
									<span
										class="font13"
										style="font-weight: bold">
										<i class="fa fa-pencil"></i>
										연봉 정보 직접 입력
									</span>
								</h4>
								<div class="widget-controls">
									<a
										class="hidden"
										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
										class="hidden"
										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%; margin-top: 8px"></div>
								<blockquote
									class="font13"
									style="margin-top: 5px">
									각 버전에 투입된 인력의 연봉 정보를 입력합니다.
								</blockquote>
								<table
									id="manpower-annual-income"
									style="width: 100%; border-top: 1px dashed rgba(51, 51, 51, 0.3)"></table>
							</div>
						</section>
					</div>

					<!-- 입력 완료 버튼 -->
					<div style="text-align: center">
						<a
							id="cost-analysis-calculation"
							class="more animated-button1"
							style="padding: 14px 36px; text-decoration: none; cursor: pointer">
							<span></span>
							<span></span>
							<span></span>
							<span></span>

							<strong>비용 분석 계산</strong>
						</a>
						<!--                        <button id="cost-analysis-calculation" class="cost-input-complete">
                            입력 완료
                        </button>-->
					</div>
				</div>
			</div>
		</section>
	</div>

	<div class="col-lg-12 col-layer">
		<section class="widget">
			<header>
				<h4>
					<span
						class="font13"
						style="font-weight: bold">
						<i class="fa fa-archive"></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%; margin-top: 8px; margin-bottom: 15px"></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, 0.2); padding: 1px 9px">
                            Help
                            <i
                                    class="fa fa-question"
                                    style="font-size: 14px; vertical-align: middle; color: #acacac"></i>
                        </button>
                    </div>-->
				</blockquote>

				<div
					class="row"
					style="margin-top: 20px">
					<div class="col-md-12">
						<section class="widget">
							<header>
								<h4>
									<span
										class="font13"
										style="font-weight: bold">
										<i class="fa fa-bar-chart"></i>
										요구사항 비용 분석
									</span>
								</h4>
								<div class="widget-controls">
									<a
										class="hidden"
										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
										class="hidden"
										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%; margin-top: 8px"></div>
								<blockquote class="font12">
									활성화(진행중 혹은 완료)된 요구사항의 연결된 담당자 정보를 바탕으로 현재 추정 금액 및 난이도와
									우선순위 통계를 확인할 수 있습니다.
									<br />
									요구사항 금액은 슬라이드 바 및 스크롤로 확대하여 확인할 수 있습니다.
								</blockquote>
								<div
									class="body"
									id="req-cost-analysis-chart"></div>
							</div>
						</section>
					</div>

					<div class="col-md-6">
						<section class="tree-container widget large">
							<header>
								<h4>
									<span
										class="font13"
										style="font-weight: bold">
										<i class="fa fa-tags"></i>
										버전별 요구사항 단가 분포 현황
									</span>
								</h4>
								<div class="widget-controls">
									<a
										class="hidden"
										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
										class="hidden"
										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%; margin-top: 8px"></div>
								<blockquote class="font12">버전별 요구사항 단가를 버블의 크기별로 확인할 수 있습니다.</blockquote>
								<div
									class="body"
									id="circularPacking"></div>
							</div>
						</section>
					</div>

					<div class="col-md-6">
						<section class="widget">
							<header>
								<h4>
									<span
										class="font13"
										style="font-weight: bold">
										<i class="fa fa-line-chart"></i>
										요구사항별 투입비용 현황
									</span>
								</h4>
								<div class="widget-controls">
									<a
										class="hidden"
										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
										class="hidden"
										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%; margin-top: 8px"></div>
								<blockquote class="font12">요구사항별 투입 비용 현황을 확인할 수 있습니다.</blockquote>
								<div class="body">
									<div id="income_status_chart"></div>
								</div>
							</div>
						</section>
					</div>
				</div>
			</div>
		</section>
	</div>

	<div class="col-lg-12 col-layer">
		<section class="widget">
			<header>
				<h4>
					<span
						class="font13"
						style="font-weight: bold">
						<i class="fa fa-money"></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%; margin-top: 8px; margin-bottom: 15px"></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, 0.2); padding: 1px 9px">
                            Help
                            <i
                                    class="fa fa-question"
                                    style="font-size: 14px; vertical-align: middle; color: #acacac"></i>
                        </button>
                    </div>-->
				</blockquote>

				<div class="row">
					<div class="col-md-12">
						<section class="widget">
							<header>
								<h4>
									<span
										class="font13"
										style="font-weight: bold">
										<i class="fa fa-stack-overflow"></i>
										버전 별 총 인력 비용
									</span>
								</h4>
								<div class="widget-controls">
									<a
										class="hidden"
										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
										class="hidden"
										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%; margin-top: 8px"></div>
								<blockquote class="font12">버전별 소모된 총 인력 비용을 확인할 수 있습니다.</blockquote>
								<div class="body">
									<div id="version-stack-container"></div>
								</div>
							</div>
						</section>
					</div>
					<!--                    <div class="col-md-6">
                        <section class="widget">
                            <header>
                                <h4>
									<span
                                            class="font13"
                                            style="font-weight: bold">
										<i class="fa fa-stack-overflow"></i>
										 버전 별 총 인력 비용
									</span>
                                </h4>
                                <div class="widget-controls">
                                    <a
                                            class="hidden"
                                            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
                                            class="hidden"
                                            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%; margin-top: 8px"></div>
                                <blockquote class="font12">
                                    버전별 소모된 총 인력 비용을 확인할 수 있습니다.
                                </blockquote>
                                <div class="body">
                                    <div id="compare_costs"></div>
                                </div>
                            </div>
                        </section>
                    </div>-->
				</div>
				<div class="row">
					<div class="col-md-6">
						<section
							class="widget"
							style="margin-bottom: 0px !important">
							<header>
								<h4>
									<span
										class="font13"
										style="font-weight: bold">
										<i class="fa fa-users"></i>
										연봉기준 성과 분포
									</span>
								</h4>
								<div class="widget-controls">
									<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="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"
								style="overflow: hidden">
								<div
									class="gradient_middle_border"
									style="width: 100%; height: 2px"></div>
								<blockquote
									class="font13"
									style="margin-top: 5px">
									전체 인력 연봉 대비 성과 분포를 확인할 수 있습니다. - [완료 요구사항 기준]
									<div style="float: right"></div>
								</blockquote>
								<div id="manpower-analysis-chart2"></div>
								<!--                                <div id="manpower-analysis-chart2"></div>-->
							</div>
						</section>
					</div>
					<div class="col-md-6">
						<section
							class="widget"
							style="margin-bottom: 0px !important">
							<header>
								<h4>
									<span
										class="font13"
										style="font-weight: bold">
										<i class="fa fa-users"></i>
										인력별 성과 분석
									</span>
								</h4>
								<div class="widget-controls">
									<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="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"
								style="overflow: hidden">
								<div
									class="gradient_middle_border"
									style="width: 100%; height: 2px"></div>
								<blockquote
									class="font13"
									style="margin-top: 5px">
  									인력별 연봉 대비 성과를 한눈에 확인할 수 있습니다. - [완료 요구사항 기준]
									<div style="float: right"></div>
								</blockquote>
								<div id="manpower-analysis-chart"></div>
								<!--                                <div id="manpower-analysis-chart2"></div>-->
							</div>
						</section>
					</div>
				</div>
				<!--                <div class="row">
                    <div class="col-lg-12">
                        <section
                                class="widget"
                                style="margin-bottom: 0px !important">
                            <header>
                                <h4>
                                <span
                                                class="font13"
                                                style="font-weight: bold">
                                  <i class="fa fa-edit"></i>
                                  인력별 비용 분석
                                </span>
                                </h4>
                                <div class="widget-controls">
                                    <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="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"
                                    style="overflow: hidden">
                                <div
                                        class="gradient_middle_border"
                                        style="width: 100%; height: 2px"></div>
                                <blockquote
                                        class="font13"
                                        style="margin-top: 5px">
                                    인력별 요구사항 투입된 정보로 분석된 데이터입니다.
                                    <div style="float: right">
                                    </div>
                                </blockquote>
                                <div class="input-group" id="person-select-box" style="display:none;">
                                    <span class="input-group-btn">
                                                <select class="selectpicker person-data" data-style="btn-default" style="display: none;">
                                                    <option>박현기</option>
                                                </select>
                                        <div class="btn-group bootstrap-select" style="float: right;">
                                            <button class="btn dropdown-toggle clearfix btn-default" data-toggle="dropdown" >
                                                <span class="filter-option" id="first-person-select">박현기</span>&nbsp;<i class="fa fa-caret-down"></i>
                                            </button>
                                            <ul class="dropdown-menu" role="menu" style="max-height: 128.75px; overflow-y: auto; min-height: 60px;">
                                            </ul>
                                        </div>
                                    </span>
                                </div>
                                <div id="manpower-analysis-chart"></div>
                            </div>
                        </section>
                    </div>
                </div>-->
			</div>
		</section>
	</div>
</div>

<div
	id="my_modal2"
	class="modal fade"
	role="dialog"
	aria-labelledby="myModalLabel"
	aria-hidden="true"
	style="display: none; border-radius: 10px">
	<div
		class="modal-dialog"
		style="width: 90%">
		<div class="modal-content modalDarkBack">
			<div
				class="modal-header"
				style="padding: 0px; border-bottom: 1px">
				<h4
					class="modal-title font14"
					id="my_modal_label2"
					style="color: #f8f8f8; text-align: left; padding: 5px">
					<span
						class="font13"
						id="my_modal2_title"
						style="font-weight: bold">
						<i class="fa fa-edit"></i>
						링크드 이슈 및 서브테스크
					</span>
					<blockquote
						class="search-result"
						style="border-left: 5px solid #e5603b">
						<p id="my_modal2_description" style="font-size: 13px; margin: 10px 0px 10px 0px; padding-left: 10px">
							선택한 이슈와 연결된 이슈와 하위 이슈 정보입니다.
						</p>
					</blockquote>
				</h4>
				<div
					class="widget-controls"
					style="padding-top: 10px">
					<a
						title="Options"
						class="hidden"
						href="#">
						<i class="glyphicon glyphicon-cog"></i>
					</a>
					<a
						data-widgster="expand"
						title="Expand"
						class="hidden"
						href="#">
						<i class="glyphicon glyphicon-chevron-up"></i>
					</a>
					<a
						data-widgster="collapse"
						title="Collapse"
						class="hidden"
						href="#">
						<i class="glyphicon glyphicon-chevron-down"></i>
					</a>
					<a
						data-widgster="close"
						title="Close"
						href="#"
						data-dismiss="modal"
						aria-hidden="true">
						<i class="glyphicon glyphicon-remove"></i>
					</a>
				</div>
			</div>
			<div
				class="modal-body"
				id="my_modal2_body"
				style="padding: 5px; border-top: 1px solid rgba(51, 51, 51, 0.3); padding-top: 5px">
			</div>
			<div
				class="modal-footer"
				style="background-color: transparent; padding: 5px; text-align: right; border-top: 0px">
				<button
					type="button"
					id="extendclose_jira_server"
					class="btn btn-default"
					data-dismiss="modal">
					Close
				</button>
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal-dialog -->
</div>