<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-edit"></i>
            Service - Version 선택
          </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">
          1. 제품(서비스) 선택
          <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#reqstatus_version_selection')">
              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"
            style="margin-bottom: 0px !important">
              <header>
                <label><strong>Search</strong></label>
              </header>
              <div class="body">
                <div class="column">
                  <blockquote class="font12">
                    <strong>
                      1. Product
                      <sup>service</sup>
                      를 선택해 주세요
                    </strong>
                  </blockquote>
                  <div
                    class="control-group"
                    class="darkBack"
                    style="padding-bottom: 10px; border: 0">
                    <div
                      class="controls form-group"
                      class="darkBack"
                      style="margin-bottom: 5px !important">
                      <select
                        id="selected_pdService"
                        required="required"
                        data-placeholder="Select Product(Service)"
                        class="select-block-level chzn-select darkBack"
                        tabindex="-1"
                        name="selected_pdService"
                        style="width: 100% !important">
                        <option value=""></option>
                      </select>
                    </div>
                  </div>
                  <blockquote class="font12">
                    <strong>
                      2. Product
                      <sup>service</sup>
                      의 버전을 선택해 주세요
                    </strong>
                  </blockquote>
                  <div
                    class="control-group"
                    style="padding-bottom: 10px; border: 0">
                    <div
                      class="controls form-group"
                      style="margin-bottom: 5px !important">
                      <select
                        multiple="multiple"
                        id="multiversion"
                        class="multiple-select btn-block darkBack"
                        placeholder="&nbsp;&nbsp;Select Version"></select>
                    </div>
                  </div>
                </div>
              </div>
            </section>
          </div>
        </div>
    </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-edit"></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#jira_edit_delete')">
              Help
              <i class="fa fa-question" style="font-size: 14px; vertical-align: middle; color: #acacac"></i>
            </button>
          </div>
          2. 일정변경 관리하지 않을 때
          <p class="font12"><i class="fa fa-info-circle"></i> 프로젝트 작업량과 진척율을 보여줍니다. <strong>"스케쥴 업데이트"</strong> 버튼 클릭 시 아래 항목이 자동 계산됩니다.</p>
        </blockquote>
        <div class="flex" style="flex-direction: row-reverse;">
          <button type="button" id="shcedule_update" onclick="scheduleUpdate()" class="btn btn-success btn-sm mr-1">
            스케쥴 업데이트
          </button>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="body tab-content">
              <div class="project-progress">
                <div class="progress-group">
                  <label for="total_work">
                    프로젝트 전체 작업량 :
                  </label>
                  <div class="progress-desc">
                      <span class="icon input-group-addon">
                        <i class="glyphicon glyphicon-calendar"></i>
                      </span>
                      <span class="progress-input font11">
                        <input type="text" id="total_work" name="total_work" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" placeholder="0000.00" required="required" readonly="">
                        Man/Day
                      </span>
                      <span class="input-group-addon input-desc">
                        <i class="fa fa-question-circle"></i>
                        <span class="font11">프로젝트 전체의 작업량을 Man/Day로 표시한다. 가중치를 적용한 값이다.</span>
                      </span>
                  </div>
                </div>
                <div class="progress-group">
                  <label for="planed_work">
                    현재일까지 계획된 작업량 :
                  </label>
                  <div class="progress-desc">
                      <span class="icon input-group-addon">
                        <i class="glyphicon glyphicon-calendar"></i>
                      </span>
                    <span class="progress-input font11">
                        <input type="text" id="planed_work" name="planed_work" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" placeholder="0000.00" required="required" readonly="">
                        Man/Day
                      </span>
                    <span class="input-group-addon input-desc">
                        <i class="fa fa-question-circle"></i>
                        <span class="font11">해당작업의 시작일부터 현재일까지의 작업기간을 의미함(현재 날짜까지 진행되었어야 할 기간)</span>
                      </span>
                  </div>
                </div>
                <div class="progress-group">
                  <label for="performance_capability">
                    실적기성 :
                  </label>
                  <div class="progress-desc">
                      <span class="icon input-group-addon">
                        <i class="glyphicon glyphicon-list-alt"></i>
                      </span>
                    <span class="progress-input font11">
                        <input type="text" id="performance_capability" name="performance_capability" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" placeholder="0000.00" required="required" readonly="">
                        Man/Day
                      </span>
                    <span class="input-group-addon input-desc">
                        <i class="fa fa-question-circle"></i>
                        <span class="font11">실적기성(총기간 x 총실적진행율)</span>
                      </span>
                  </div>
                </div>
                <div class="progress-group">
                  <label for="actual_input">
                    실제 투입된 작업량 :
                  </label>
                  <div class="progress-desc">
                      <span class="icon input-group-addon">
                        <i class="glyphicon glyphicon-calendar"></i>
                      </span>
                    <span class="progress-input font11">
                        <input type="text" id="actual_input" name="actual_input" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" placeholder="0000.00" required="required" readonly="">
                        Man/Day
                      </span>
                    <span class="input-group-addon input-desc">
                        <i class="fa fa-question-circle"></i>
                        <span class="font11">일정변경 관리할 때 현재까지 실제로 투입된 작업기간을 표시함</span>
                      </span>
                  </div>
                </div>
                <div class="progress-group">
                  <label for="planned_progress">
                    계획 진척율(A) :
                  </label>
                  <div class="progress-desc">
                      <span class="icon input-group-addon">
                        <i class="glyphicon glyphicon-list-alt"></i>
                      </span>
                    <span class="progress-input font11">
                        <input type="text" id="planned_progress" name="planned_progress" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" placeholder="0000.00" required="required" readonly="">
                        %
                      </span>
                    <span class="input-group-addon input-desc">
                        <i class="fa fa-question-circle"></i>
                        <span class="font11">현재날짜까지 계획된 진척율, WBS의 "계획진척율"의 전체 합계 진척율을 표시함</span>
                      </span>
                  </div>
                </div>
                <div class="progress-group">
                  <label for="performance_progress">
                    실적 진척율(B) :
                  </label>
                  <div class="progress-desc">
                      <span class="icon input-group-addon">
                        <i class="glyphicon glyphicon-list-alt"></i>
                      </span>
                    <span class="progress-input font11">
                        <input type="text" id="performance_progress" name="performance_progress" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" placeholder="0000.00" required="required" readonly="">
                        %
                      </span>
                    <span class="input-group-addon input-desc">
                        <i class="fa fa-question-circle"></i>
                        <span class="font11">현재날짜까지 실제로 진행된 진척율, WBS의 "실적진척율"의 전체 합계 진척율을 표시함</span>
                      </span>
                  </div>
                </div>
                <div class="progress-group">
                  <label for="project_progress">
                    차이(B-A) :
                  </label>
                  <div class="progress-desc">
                      <span class="icon input-group-addon">
                        <i class="glyphicon glyphicon-list-alt"></i>
                      </span>
                    <span class="progress-input font11">
                        <input type="text" id="project_progress" name="project_progress" class="form-control parsley-validated font13 darkBack" style="color: #a4c6ff; background: rgba(50, 50, 50, 0.99) !important" placeholder="0000.00" required="required" readonly="">
                        %
                      </span>
                    <span class="input-group-addon input-desc">
                        <i class="fa fa-question-circle"></i>
                        <span class="font11">양수이면 계획보다 빨리 진행, 음수이면 지연</span>
                      </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</div>

<div class="col-lg-12 col-layer">
	<section
		class="widget"
		style="margin-bottom: 0px !important">
		<header>
			<h4>
				<span
					class="font13"
					style="font-weight: bold">
					<i class="fa fa-edit"></i>
					Issue List
				</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"
			style="overflow: hidden">
			<div
				class="gradient_middle_border"
				style="width: 100%; height: 2px"></div>
			<blockquote
				class="font13"
				style="margin-top: 5px">
				3. 제품(서비스)의 내용을 확인하고 편집/삭제
				<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#reqstatus_issue_list')">
						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"
						style="margin-bottom: 0px !important">
						<header>
							<label><strong>Service - Issue List</strong></label>
						</header>
						<div
							class="body"
							id="gantt-target"></div>
					</section>
				</div>
			</div>
		</div>
	</section>
</div>

<!-- 링크드이슈 서브테스크 모달 -->
<div
	id="my_modal"
	class="modal fade"
	role="dialog"
	aria-labelledby="myModalLabel"
	aria-hidden="true"
	style="display: none; border-radius: 10px">
	<div
		class="modal-dialog"
		style="width: 80%; height: 80%">
		<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 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"
				style="padding: 5px; border-top: 1px solid rgba(51, 51, 51, 0.3); padding-top: 5px">
				<div class="body">
					<div
						class="clearfix"
						style="margin-bottom: 10px; margin-top: 10px">
						<!-- 컴포넌트 대상 -->
						<div
							id="selected_info"
							style="float: left">
							<div
								class="panel-group json-menu"
								id="versionAccordion"
								style="margin-bottom: 0px !important">
								<li
									class="list-group-item json-menu-header"
									style="padding: 0px">
									<div class="chat-message">
										<div
											class="chat-message-body"
											style="
												margin-left: 0px !important;
												padding: 0px 10px 0px 10px !important;
												border-left: 2px solid #a4c6ff;
											">
											<span
												class="arrow"
												style="top: 10px !important; left: -7px; border-right: 5px solid #a4c6ff"></span>
											<div
												class="sender"
												style="padding-bottom: 5px; padding-top: 5px">
												선택된 제품(서비스) :
												<span
													id="select_Service"
													style="color: #a4c6ff">
													선택되지 않음
												</span>
											</div>
										</div>
									</div>
								</li>
							</div>
						</div>

						<div
							style="float: right; border: 1px solid #0b67ff !important"
							class="newReqDiv darkBack">
							<label
								id="new_req_regist02"
								class="btn btn-primary btn-transparent btn-sm active"
								data-target="#my_modal1"
								data-toggle="modal"
								style="width: 100%; background-color: #2477ff !important">
                                A-RMS의 신규 요구사항 등록하기
							</label>
						</div>
						<div
							style="float: right"
							class="edit_btn_group hidden">
							<button
								type="button"
								id="edit_tab_req_update"
								class="btn btn-success btn-sm">
								요구사항 변경 저장
							</button>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12">
							<section
								class="widget widget-tabs"
								style="margin-bottom: 0">
								<header>
									<ul class="nav nav-tabs">
										<li class="active">
											<a
												href="#stats"
												data-toggle="tab"
												id="default_tab">
												<strong>상세 보기</strong>
											</a>
										</li>
										<li>
											<a
												href="#edit"
												data-toggle="tab"
												id="edit_tab">
												<strong>편집 하기</strong>
											</a>
										</li>
										<li>
											<a
												href="#report"
												data-toggle="tab"
												id="folder_tab">
												<strong>리스트로 보기</strong>
											</a>
										</li>
										<li>
											<a
												href="#doc"
												data-toggle="tab"
												id="docu_tab">
												<strong>문서로 보기</strong>
											</a>
										</li>
										<li class="hidden">
											<a
												href="#history"
												data-toggle="tab"
												id="history_tab">
												<strong>History(이력)</strong>
											</a>
										</li>
									</ul>
								</header>
								<div class="body tab-content">
									<div
										id="stats"
										class="tab-pane active clearfix"
										style="padding-top: 10px !important">
										<form
											class="form-horizontal"
											method="post">
											<fieldset>
												<div
													class="control-group"
													for="detailview_req_pdservice_name">
													<label class="control-label font13">
														요구사항 제품
														<sup>서비스</sup>
														:
													</label>
													<div
														class="controls form-group input-group"
														style="margin-left: 180px">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-th-list"></i>
														</span>
														<input
															type="text"
															id="detailview_req_pdservice_name"
															name="detailview_req_pdservice_name"
															class="form-control parsley-validated font13 darkBack"
															data-placement="top"
															data-original-title="제품(서비스) 이름은 중복될 수 없습니다."
															required="required"
															style="color: #a4c6ff"
															placeholder="Service Name" />
													</div>
												</div>
												<div
													class="control-group"
													for="detailview_req_pdservice_version">
													<label class="control-label font13">요구사항 연관 버전 :</label>
													<div
														class="controls form-group input-group"
														style="margin-left: 180px">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-gift"></i>
														</span>
														<input
															type="text"
															id="detailview_req_pdservice_version"
															name="detailview_req_pdservice_version"
															class="form-control parsley-validated font13 darkBack"
															data-placement="top"
															data-original-title="제품(서비스) 이름은 중복될 수 없습니다."
															required="required"
															style="color: #a4c6ff"
															placeholder="Service Version" />
													</div>
												</div>
												<div
													class="control-group"
													for="detailview_req_id">
													<label class="control-label font13">요구사항 아이디 :</label>
													<div
														class="controls form-group input-group"
														style="margin-left: 180px">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-phone"></i>
														</span>
														<input
															type="text"
															id="detailview_req_id"
															name="detailview_req_id"
															class="form-control parsley-validated font13 darkBack"
															data-placement="top"
															data-original-title="제품(서비스) 이름은 중복될 수 없습니다."
															required="required"
															style="color: #a4c6ff"
															placeholder="Requirement ID" />
													</div>
												</div>
												<div
													class="control-group"
													for="detailview_req_name">
													<label class="control-label font13">요구사항 제목 :</label>
													<div
														class="controls form-group input-group"
														style="margin-left: 180px">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-list-alt"></i>
														</span>
														<input
															type="text"
															id="detailview_req_name"
															name="detailview_req_name"
															class="form-control parsley-validated font13 darkBack"
															data-placement="top"
															data-original-title="제품(서비스) 이름은 중복될 수 없습니다."
															required="required"
															style="color: #a4c6ff"
															placeholder="Requirement Title" />
													</div>
												</div>
												<div
													class="control-group"
													for="detailview_req_writer">
													<label class="control-label font13">요구사항 작성자 :</label>
													<div
														class="controls form-group input-group"
														style="margin-left: 180px">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-user"></i>
														</span>
														<input
															type="text"
															id="detailview_req_writer"
															name="detailview_req_writer"
															class="form-control parsley-validated font13 darkBack"
															data-placement="top"
															data-original-title="제품(서비스) 이름은 중복될 수 없습니다."
															required="required"
															style="color: #a4c6ff"
															placeholder="Requirements Author" />
													</div>
												</div>
												<div
													class="control-group"
													for="detailview_req_write_date">
													<label class="control-label font13">요구사항 최근 작성일 :</label>
													<div
														class="controls form-group input-group"
														style="margin-left: 180px">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-envelope"></i>
														</span>
														<input
															type="text"
															id="detailview_req_write_date"
															name="detailview_req_write_date"
															class="form-control parsley-validated font13 darkBack"
															data-placement="top"
															data-original-title="제품(서비스) 이름은 중복될 수 없습니다."
															required="required"
															style="color: #a4c6ff"
															placeholder="Requirements Last Created Date" />
													</div>
												</div>
												<div class="control-group">
													<label class="control-label font13">제품(서비스) 리뷰어 :</label>
													<div
														class="controls input-group"
														style="margin-left: 180px">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-inbox"></i>
														</span>
														<input
															type="text"
															id="detailview_req_reviewer01"
															name="detailview_req_reviewer01"
															class="form-control parsley-validated font13 darkBack"
															data-placement="top"
															data-original-title="공동 책임자"
															required="required"
															placeholder="Product (Service) Reviewer"
															disabled="disabled"
															style="border: 0px !important; color: #a4c6ff !important" />
														<span class="input-group-addon font11">INFO : 공동 책임자</span>
													</div>
													<div
														class="controls input-group"
														style="margin-left: 180px">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-inbox"></i>
														</span>
														<input
															type="text"
															id="detailview_req_reviewer02"
															name="detailview_req_reviewer02"
															class="form-control parsley-validated font13 darkBack"
															data-placement="top"
															data-original-title="공동 책임자"
															required="required"
															placeholder="Product (Service) Reviewer"
															disabled="disabled"
															style="border: 0px !important; color: #a4c6ff !important" />
														<span class="input-group-addon font11">INFO : 공동 책임자</span>
													</div>
													<div
														class="controls input-group"
														style="margin-left: 180px">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-inbox"></i>
														</span>
														<input
															type="text"
															id="detailview_req_reviewer03"
															name="detailview_req_reviewer03"
															class="form-control parsley-validated font13 darkBack"
															data-placement="top"
															data-original-title="공동 책임자"
															required="required"
															placeholder="Product (Service) Reviewer"
															disabled="disabled"
															style="border: 0px !important; color: #a4c6ff !important" />
														<span class="input-group-addon font11">INFO : 공동 책임자</span>
													</div>
													<div
														class="controls input-group"
														style="margin-left: 180px">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-inbox"></i>
														</span>
														<input
															type="text"
															id="detailview_req_reviewer04"
															name="detailview_req_reviewer04"
															class="form-control parsley-validated font13 darkBack"
															data-placement="top"
															data-original-title="공동 책임자"
															required="required"
															placeholder="Product (Service) Reviewer"
															disabled="disabled"
															style="border: 0px !important; color: #a4c6ff !important" />
														<span class="input-group-addon font11">INFO : 공동 책임자</span>
													</div>
													<div
														class="controls input-group"
														style="margin-left: 180px">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-inbox"></i>
														</span>
														<input
															type="text"
															id="detailview_req_reviewer05"
															name="detailview_req_reviewer05"
															class="form-control parsley-validated font13 darkBack"
															data-placement="top"
															data-original-title="공동 책임자"
															required="required"
															placeholder="Product (Service) Reviewer"
															disabled="disabled"
															style="border: 0px !important; color: #a4c6ff !important" />
														<span class="input-group-addon font11">INFO : 공동 책임자</span>
													</div>
												</div>
												<div class="control-group">
													<label
														class="control-label"
														style="margin-top: 10px">
														요구사항 내용 :
													</label>
													<div
														class="col-sm-8"
														style="margin-top: 16px; margin-bottom: 10px">
														<i class="fa fa-level-down"></i>
														하단 영역 참조
													</div>
													<br />
													<br />
													<br />
													<div
														class="col-sm-12 darkBack"
														id="detailview_req_contents"
														style="padding-top: 7px"></div>
												</div>
											</fieldset>
										</form>
									</div>
									<div
										id="edit"
										class="tab-pane"
										style="padding-top: 10px !important">
										<div
											class="form-group"
											style="padding-top: 10px">
											<div class="control-group">
												<label
													class="control-label"
													style="vertical-align: center">
													요구사항 등록 모드 :
												</label>
												<div
													class="controls form-group"
													style="margin-bottom: 10px">
													<div
														class="input-group"
														style="text-align: left">
														<span class="input-group-addon">
															<i class="fa fa-sliders"></i>
														</span>
														<div
															class="btn-group"
															data-toggle="buttons">
															<label
																class="btn btn-transparent btn-sm active"
																style="color: #f8f8f8 !important">
																<input type="radio" />
																요구사항 변경 모드
															</label>
														</div>
													</div>
												</div>
											</div>
											<div class="control-group">
												<!--										<label  class="control-label"-->
												<!--										    	for="editview_req_pdservice_name">-->
												<!--										    	요구사항 제품(서비스) :-->
												<!--										</label>-->
												<label
													class="control-label"
													for="editview_req_pdservice_name">
													요구사항 제품
													<sup>서비스</sup>
													:
												</label>
												<div
													class="controls form-group"
													style="margin-bottom: 10px">
													<div class="input-group">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-th-list"></i>
														</span>
														<input
															id="editview_req_pdservice_name"
															disabled="disabled"
															class="form-control font13 darkBack"
															style="color: #a4c6ff"
															size="16"
															type="text"
															placeholder="제품(서비스)명을 입력해 주세요" />
													</div>
												</div>
											</div>
											<div class="control-group">
												<label
													class="control-label"
													for="edit_multi_version">
													요구사항 연관 버전 :
												</label>
												<div
													class="controls form-group"
													style="margin-bottom: 10px">
													<div class="input-group">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-gift"></i>
														</span>
														<select
															multiple="multiple"
															id="edit_multi_version"
															class="multiple-select btn-block darkBack"
															placeholder="&nbsp;버전을 선택해주세요"
															style="color: #a4c6ff"></select>
													</div>
												</div>
											</div>
											<div class="control-group">
												<label
													class="control-label"
													for="editview_req_id">
													요구사항 아이디 :
												</label>
												<div
													class="controls form-group"
													style="margin-bottom: 10px">
													<div class="input-group">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-phone"></i>
														</span>
														<input
															id="editview_req_id"
															disabled="disabled"
															class="form-control font13 darkBack"
															style="color: #a4c6ff"
															size="16"
															type="text"
															placeholder="요구사항 아이디를 입력해 주세요" />
													</div>
												</div>
											</div>
											<div class="control-group">
												<label
													class="control-label"
													for="editview_req_name">
													요구사항 제목 :
												</label>
												<div
													class="controls form-group"
													style="margin-bottom: 10px">
													<div class="input-group">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-list-alt"></i>
														</span>
														<input
															id="editview_req_name"
															class="form-control font13 darkBack"
															style="color: #a4c6ff"
															size="16"
															type="text"
															placeholder="요구사항 제목을 입력해 주세요" />
													</div>
												</div>
											</div>
											<div class="control-group">
												<label
													class="control-label"
													for="editview_req_writer">
													요구사항 작성자 :
												</label>
												<div
													class="controls form-group"
													style="margin-bottom: 10px">
													<div class="input-group">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-user"></i>
														</span>
														<input
															id="editview_req_writer"
															disabled="disabled"
															class="form-control font13 darkBack"
															style="color: #a4c6ff"
															size="16"
															type="text"
															placeholder="요구사항 작성자를 입력해 주세요" />
													</div>
												</div>
											</div>
											<div class="control-group">
												<label
													class="control-label"
													for="editview_req_write_date">
													요구사항 최근 작성일 :
												</label>
												<div
													class="controls form-group"
													style="margin-bottom: 10px">
													<div class="input-group">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-envelope"></i>
														</span>
														<input
															id="editview_req_write_date"
															disabled="disabled"
															class="form-control font13 darkBack"
															style="color: #a4c6ff"
															size="16"
															type="text"
															placeholder="요구사항 최근 작성일을 입력해 주세요" />
													</div>
												</div>
											</div>
											<div class="control-group">
												<label
													class="control-label"
													for="editview_req_reviewers">
													요구사항 리뷰어 :
												</label>
												<div
													class="controls form-group"
													style="margin-bottom: 10px">
													<div class="input-group">
														<span class="input-group-addon">
															<i class="glyphicon glyphicon-inbox"></i>
														</span>
														<select
															id="editview_req_reviewers"
															class="js-data-example-ajax form-control font13 darkBack"
															name="selectedReviewers[]"
															multiple="multiple"
															style="width: 100%; color: #a4c6ff"></select>
													</div>
												</div>
											</div>
											<div class="control-group">
												<label
													class="control-label"
													for="edit_tabmodal_editor">
													요구사항 내용 :
												</label>
												<div
													class="controls form-group"
													style="margin-bottom: 10px">
													<div
														class="input-group"
														style="padding-top: 5px">
														<i class="fa fa-level-down"></i>
														하단 영역 참조
													</div>
												</div>
												<br />
												<div
													class="col-sm-12 darkBack"
													id="edit_tabmodal_editor">
													<p>요구사항 내용을 기록합니다.</p>
												</div>
											</div>
										</div>
									</div>
									<div
										id="report"
										class="tab-pane"
										style="padding-top: 10px !important">
										<table
											class="display"
											id="req_table"
											style="width: 100%; overflow: hidden; border-top: 1px dashed rgba(51, 51, 51, 0.3)">
											<thead>
												<tr>
													<th>c_id</th>
													<th>c_left</th>
													<th>c_title</th>
												</tr>
											</thead>
										</table>
									</div>
									<div
										id="doc"
										class="tab-pane"
										style="padding-top: 10px !important">
										<div class="col-md-12">
											<div
												class="dd"
												id="nestable1">
												<ol class="dd-list"></ol>
											</div>
										</div>
									</div>
									<div
										id="jira"
										class="tab-pane"
										style="padding-top: 10px !important">
										<table
											class="display"
											id="jira_project_table"
											style="width: 100%; overflow: hidden; border-top: 1px dashed rgba(51, 51, 51, 0.3)"></table>
									</div>

									<div
										id="history"
										class="tab-pane"
										style="padding-top: 10px !important">
										<!-- The timeline -->
										<ul class="timeline timeline-inverse">
											<!-- timeline time label -->
											<li class="time-label">
												<a class="btn btn-danger btn-sm">
                                                    A-RMS 모든 이력을 시간순으로 표시 :
													<i class="fa fa-check"></i>
												</a>
											</li>
											<!-- /.timeline-label -->
											<!-- timeline item -->
											<li class="timeline-item-head">
												<i class="fa fa-search bg-maroon"></i>
												<div
													class="timeline-item"
													style="line-height: 2 !important">
													<span class="arrow"></span>
													<div
														class="col-sm-5"
														style="padding-top: 12px">
														<div class="input-group">
															<span class="input-group-btn">
																<a
																	href="#"
																	id="btn_start_calendar_popup"
																	class="btn btn-warning"
																	data-date-format="yyyy/mm/dd"
																	data-date="2022/11/11">
																	<i class="fa fa-calendar"></i>
																</a>
															</span>
															<input
																id="input_req_start_date"
																class="form-control"
																type="text"
																name="btn_enabled_date"
																value="검색 시작 날짜"
																pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/" />
														</div>
													</div>
													<div
														class="col-sm-5"
														style="padding-top: 12px">
														<div class="input-group">
															<span class="input-group-btn">
																<a
																	href="#"
																	id="btn_end_calendar_popup"
																	class="btn btn-warning"
																	data-date-format="yyyy/mm/dd"
																	data-date="2022/11/11">
																	<i class="fa fa-calendar"></i>
																</a>
															</span>
															<input
																id="input_req_end_date"
																class="form-control"
																type="text"
																name="btn_enabled_date"
																value="검색 종료 날짜"
																pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/" />
														</div>
													</div>
													<div
														class="col-sm-2"
														style="padding-top: 12px">
														<button
															type="button"
															class="btn btn-warning"
															id="logsearch">
															Search
														</button>
													</div>
													<h3
														class="timeline-header"
														style="padding: 0px !important; font-size: 11px"></h3>
												</div>
											</li>
											<!-- END timeline item -->
											<!-- timeline item -->
											<li class="timeline-item-body">
												<i class="fa fa-balance-scale bg-maroon"></i>
												<div class="timeline-item">
													<span class="arrow"></span>
													<span class="time">
														<i class="fa fa-clock-o"></i>
														09:00 (MON)
													</span>

													<h3 class="timeline-header">
														<a
															href="http://www.313.co.kr/confluence"
															target="_blank">
															착수
														</a>
														<small class="font11">제품(서비스) 등록, 버전 등록</small>
													</h3>

													<div class="timeline-body col-md-4 font11">
														<a
															href="http://www.313.co.kr/confluence"
															target="_blank"
															class="btn bg-maroon btn-xs"
															style="font-size: 11px">
															<i class="fa fa-share"></i>
															Confluence by 313 DEV GRP
														</a>
													</div>
													<div class="timeline-footer col-md-8 font12 fontw600">
														Input : Plan & Opinion & Idea
														<br />
														Skill : Negotiation
														<br />
														Output : Requirements
														<br />
														System : Atlassian Confluence ( Online Document System )
													</div>
												</div>
											</li>
											<!-- END timeline item -->
											<!-- timeline item -->
											<li class="timeline-item-body">
												<i class="fa fa-check-square-o bg-yellow"></i>

												<div class="timeline-item">
													<span class="time">
														<i class="fa fa-clock-o"></i>
														10:00 (TUE)
													</span>

													<h3 class="timeline-header">
														<a
															href="http://www.313.co.kr/confluence"
															target="_blank">
															기획
														</a>
														<small class="font11">요구사항 등록</small>
													</h3>

													<div class="timeline-body col-md-4 font11">
														<a
															href="http://www.313.co.kr/confluence"
															target="_blank"
															class="btn bg-yellow btn-xs"
															style="font-size: 11px">
															<i class="fa fa-share"></i>
															Confluence by 313 DEV GRP
														</a>
													</div>
													<div class="timeline-footer col-md-8 font12 fontw600">
														Input : Requirements
														<br />
														Skill : Requirements engineering
														<br />
														Output : SRS ( Software Requirements Specification )
														<br />
														System : Atlassian Confluence ( Online Document System )
													</div>
												</div>
											</li>
											<!-- END timeline item -->
											<!-- timeline item -->
											<li class="timeline-item-body">
												<i class="fa fa-cubes bg-teal"></i>

												<div class="timeline-item">
													<span class="time">
														<i class="fa fa-clock-o"></i>
														12:00 (WED)
													</span>

													<h3 class="timeline-header">
														<a
															href="http://www.313.co.kr/jira"
															target="_blank">
															실행 및 이행
														</a>
														<small class="font11">JIRA 전파</small>
													</h3>

													<div class="timeline-body col-md-4 font11">
														<a
															href="http://www.313.co.kr/jira"
															target="_blank"
															class="btn bg-teal btn-xs"
															style="font-size: 11px">
															<i class="fa fa-share"></i>
															Jira by 313 DEV GRP
														</a>
													</div>
													<div class="timeline-footer col-md-8 font12 fontw600">
														Input : SRS ( Software Requirements Specification )
														<br />
														Skill : Architecture design
														<br />
														Output : SDS ( Software Design Specification )
														<br />
														System : Atlassian Jira ( Issue Management System )
													</div>
												</div>
											</li>
											<!-- END timeline item -->
											<!-- timeline time label -->
											<!-- /.timeline-label -->
											<!-- timeline item -->
											<li class="timeline-item-body">
												<i class="fa fa-sitemap bg-light-blue"></i>

												<div class="timeline-item">
													<span class="time">
														<i class="fa fa-clock-o"></i>
														15:00 (THU)
													</span>

													<h3 class="timeline-header">
														<a
															href="https://github.com/jstree"
															target="_blank">
															실행 및 이행
														</a>
														<small class="font11">Developers 개발</small>
													</h3>

													<div class="timeline-body col-md-4 font11">
														<a
															href="https://github.com/jstree"
															target="_blank"
															class="btn bg-light-blue btn-xs"
															style="font-size: 11px">
															<i class="fa fa-share"></i>
															GitHub by 313 DEV GRP
														</a>
														<a
															href="http://www.313.co.kr/fecru"
															target="_blank"
															class="btn bg-light-blue btn-xs"
															style="font-size: 11px">
															<i class="fa fa-share"></i>
															Fecru by 313 DEV GRP
														</a>
														<a
															href="http://www.313.co.kr/bamboo"
															target="_blank"
															class="btn bg-light-blue btn-xs"
															style="font-size: 11px">
															<i class="fa fa-share"></i>
															Bamboo by 313 DEV GRP
														</a>
													</div>
													<div class="timeline-footer col-md-8 font12 fon">
														Input : SDS ( Software Design Specification )
														<br />
														Skill : Coding
														<br />
														Output : Source Code & Artifacts
														<br />
														System : GitHub ( Software Version Management )
													</div>
												</div>
											</li>
											<!-- END timeline item -->
											<!-- timeline item -->
											<li class="timeline-item-body">
												<i class="fa fa-bug bg-purple"></i>

												<div class="timeline-item">
													<span class="time">
														<i class="fa fa-clock-o"></i>
														17:00 (FRI)
													</span>

													<h3 class="timeline-header">
														<a
															href="https://github.com/jstree"
															target="_blank">
															감시 및 통제
														</a>
														<small class="font11">QA 및 체크리스트</small>
													</h3>

													<div class="timeline-body col-md-4 font11">
														<a
															href="http://www.313.co.kr/analysis"
															target="_blank"
															class="btn bg-purple btn-xs"
															style="font-size: 11px">
															<i class="fa fa-share"></i>
															Project Analysis by 313 DEV GRP
														</a>
														<a
															href="http://www.313.co.kr/nexus"
															target="_blank"
															class="btn bg-purple btn-xs"
															style="font-size: 11px">
															<i class="fa fa-share"></i>
															Nexus by 313 DEV GRP
														</a>
														<a
															href="http://www.313.co.kr/sonar"
															target="_blank"
															class="btn bg-purple btn-xs"
															style="font-size: 11px">
															<i class="fa fa-share"></i>
															Sonar by 313 DEV GRP
														</a>
													</div>
													<div class="timeline-footer col-md-8 font12 fontw600">
														Input : Source Code & Artifacts
														<br />
														Skill : Quality Assurance
														<br />
														Output : TCR ( Test Case Result )
														<br />
														System : SonarQube
													</div>
												</div>
											</li>
											<!-- END timeline item -->
											<!-- timeline time label -->
											<!-- /.timeline-label -->
											<!-- timeline item -->
											<li class="timeline-item-body">
												<i class="fa fa-train bg-black"></i>

												<div class="timeline-item">
													<span class="time">
														<i class="fa fa-clock-o"></i>
														18:00 (SAT)
													</span>

													<h3 class="timeline-header">
														<a
															href="https://github.com/jstree"
															target="_blank">
															종료
														</a>
														<small class="font11">보고</small>
													</h3>

													<div class="timeline-body col-md-4 font11">
														<a
															href="https://hub.docker.com/u/313devgrp/"
															target="_blank"
															class="btn bg-black btn-xs"
															style="font-size: 11px">
															<i class="fa fa-share"></i>
															DockerHub by 313 DEV GRP
														</a>
													</div>
													<div class="timeline-footer col-md-8 font12 fontw600">
														Input : TCR ( Test Case Result )
														<br />
														Skill : Lessons learned and retrospective
														<br />
														Output : Container
														<br />
														System : Docker ( Cloud Operating system )
													</div>
												</div>
											</li>
											<!-- END timeline item -->
											<li class="timeline-item-body">
												<i class="fa fa-clock-o bg-gray"></i>
											</li>
										</ul>
									</div>
								</div>
							</section>
						</div>
					</div>
				</div>
			</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>

<div
	id="my_modal1"
	class="modal fade"
	role="dialog"
	aria-labelledby="myModalLabel"
	aria-hidden="true"
	style="display: none">
	<div
		class="modal-dialog"
		style="width: 90%; height: 70%">
		<div class="modal-content modalDarkBack">
			<div
				class="modal-header"
				style="padding: 0px; border-bottom: 0px">
				<button
					type="button"
					class="close"
					data-dismiss="modal"
					aria-hidden="true"
					style="color: #ffffff; font-size: 20px; opacity: 0.8; padding: 5px">
					×
				</button>
				<h4
					class="modal-title font14"
					id="my_modal_label1"
					style="color: #f8f8f8; text-align: left; padding: 5px">
					<span
						class="font13"
						style="font-weight: bold">
						<i class="fa fa-edit"></i>
						신규 요구사항 등록 팝업
					</span>
					<section
						class="search-result"
						style="border-left: 5px solid #e5603b">
						<p style="font-size: 13px; margin: 5px 0px 0px 0px; padding-left: 5px">
                            A-RMS에 신규 요구사항을 등록합니다.
						</p>
					</section>
				</h4>
			</div>
			<div
				class="modal-body"
				style="padding: 5px">
				<form
					class="form-horizontal"
					method="post">
					<fieldset>
						<br />
						<div class="control-group col-sm-12">
							<div class="controls form-group col-sm-1">&nbsp;</div>
							<label
								for="title"
								class="control-label"
								style="color: #f8f8f8">
								요구사항 등록 모드
								<span class="required">*</span>
								<span
									class="input-group-addon"
									style="display: inline !important">
									<i class="glyphicon glyphicon-plus"></i>
								</span>
							</label>
							<div class="controls form-group col-sm-8">
								<div
									class="btn-group"
									data-toggle="buttons">
									<label
										class="btn btn-transparent btn-sm active"
										data-toggle-class="btn-primary"
										data-toggle-passive-class="btn-default">
										<input
											type="radio"
											name="reqType"
											value="default" />
										일반 요구사항 등록 모드
									</label>
									<label
										class="btn btn-transparent btn-sm"
										data-toggle-class="btn-primary"
										data-toggle-passive-class="btn-default">
										<input
											type="radio"
											name="reqType"
											value="folder" />
										폴더 형식으로 등록
									</label>
								</div>
							</div>
						</div>
						<br />
						<div class="control-group col-sm-12">
							<div class="controls form-group col-sm-1">&nbsp;</div>
							<label
								for="title"
								class="control-label"
								style="color: #f8f8f8">
								반영 제품(서비스)
								<span class="required">*</span>
								<span
									class="input-group-addon"
									style="display: inline !important">
									<i class="glyphicon glyphicon-th-list"></i>
								</span>
							</label>
							<div class="controls form-group col-sm-8">
								<input
									type="text"
									id="disabled_input_pdservice"
									class="form-control"
									disabled="disabled"
									value="" />
							</div>
						</div>
						<div
							class="control-group col-sm-12"
							id="popup_version_div">
							<div class="controls form-group col-sm-1">&nbsp;</div>
							<label
								for="title"
								class="control-label"
								style="color: #f8f8f8">
								반영 버전
								<span class="required">*</span>
								<span
									class="input-group-addon"
									style="display: inline !important">
									<i class="glyphicon glyphicon-gift"></i>
								</span>
							</label>
							<div class="controls form-group col-sm-8">
								<select
									multiple="multiple"
									id="popup_version"
									class="multiple-select btn-block darkBack"
									placeholder="&nbsp;버전을 선택해주세요"></select>
							</div>
						</div>
						<div
							class="control-group col-sm-12"
							id="popup_reviewer_div">
							<div class="controls form-group col-sm-1">&nbsp;</div>
							<label
								class="control-label"
								for="editview_req_reviewers"
								style="color: #f8f8f8">
								반영 리뷰어
								<span class="required">*</span>
								<span
									class="input-group-addon"
									style="display: inline !important">
									<i class="glyphicon glyphicon-inbox"></i>
								</span>
							</label>
							<div
								class="controls form-group col-sm-6"
								style="margin-bottom: 10px">
								<div
									class="input-group col-sm-12"
									style="width: 100%">
									<select
										id="popup_pdservice_reviewers"
										class="js-data-example-ajax form-control font13 darkBack"
										name="selectedReviewers[]"
										multiple="multiple"
										style="width: 100%"></select>
								</div>
							</div>
						</div>
						<div class="control-group col-sm-12">
							<div class="controls form-group col-sm-1">&nbsp;</div>
							<label
								for="req_title"
								class="control-label"
								style="color: #f8f8f8">
								요구사항 제목
								<span class="required">*</span>
								<span
									class="input-group-addon"
									style="display: inline !important">
									<i class="glyphicon glyphicon-list-alt"></i>
								</span>
							</label>
							<div class="controls form-group col-sm-8">
								<input
									type="text"
									id="req_title"
									name="title"
									class="form-control parsley-validated"
									required="required" />
							</div>
						</div>
						<div class="control-group col-sm-12">
							<div class="controls form-group col-sm-1">&nbsp;</div>
							<label
								for="modal_editor"
								class="control-label"
								style="color: #f8f8f8">
								요구사항 내용
								<span class="required">*</span>
								<span
									class="input-group-addon"
									style="display: inline !important">
									<i class="glyphicon glyphicon-book"></i>
								</span>
							</label>
							<div class="controls form-group col-sm-12">
								<div
									id="modal_editor"
									class="darkBack">
									<p>요구사항 내용을 기록합니다.</p>
								</div>
							</div>
						</div>
					</fieldset>
				</form>
			</div>
			<div
				class="modal-footer"
				style="background-color: transparent; padding: 5px; text-align: right; border-top: 0px">
				<button
					type="button"
					id="close_req"
					class="btn btn-default"
					data-dismiss="modal">
					Close
				</button>
				<button
					type="button"
					id="save_req"
					class="btn btn-success">
					신규 요구사항 저장
				</button>
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal-dialog -->
</div>

<style>
	svg {
		width: auto;
		height: auto;
	}
</style>