Index: vue/src/assets/images/devops/DevSupport/github.png
===================================================================
diff -u -rc89b58c0c5dd07ea04f28b146f8c6cd7c32c3156 -rb4f7adc7fbdca9e530349d945c126ae92fc424a5
--- vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision c89b58c0c5dd07ea04f28b146f8c6cd7c32c3156)
+++ vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision b4f7adc7fbdca9e530349d945c126ae92fc424a5)
@@ -2534,8 +2534,18 @@
 --------------------------------------------------------------*/
 .section-title h2 {
 	color: #f8f8f8;
+	font-size: 32px;
+	font-weight: bold;
+	margin-bottom: 20px;
+	padding-bottom: 20px;
+	position: relative;
 }
 
+.section-title {
+	text-align: center;
+	padding-bottom: 30px;
+}
+
 .section-title p {
 	text-align: center;
 	margin-bottom: 10px !important;
Index: arms/html/pdService
===================================================================
diff -u -rc89b58c0c5dd07ea04f28b146f8c6cd7c32c3156 -rb4f7adc7fbdca9e530349d945c126ae92fc424a5
--- arms/html/pdService	(.../pdService)	(revision c89b58c0c5dd07ea04f28b146f8c6cd7c32c3156)
+++ arms/html/pdService	(.../pdService)	(revision b4f7adc7fbdca9e530349d945c126ae92fc424a5)
@@ -174,11 +174,11 @@
 			href="../reference/light-blue/css/application.min.css"
 			rel="stylesheet" />
 		<link
-			href="./html/armsDetailExceptTemplate/assets/css/style.css"
-			rel="stylesheet" />
-		<link
 			href="css/override.css"
 			rel="stylesheet" />
+        <link
+                href="./html/armsDetailExceptTemplate/assets/css/style.css"
+                rel="stylesheet" />
 
 		<!-- jquery and friends -->
 		<script src="../reference/light-blue/lib/jquery/jquery-2.0.3.min.js"></script>
@@ -500,7 +500,7 @@
 			<div class="container">
 				<div    class="section-title"
                         style="padding-bottom: 0px">
-					<h2>배경</h2>
+					<h2>Chance in Crisis ( 배경 )</h2>
                 </div>
 
                 <div    class="row"
@@ -510,13 +510,14 @@
                             <div class="board-thumb back-img-1"></div>
                             <div class="board-desc">
                                 <div class="board-title">
-                                    <span class="em">비지니스 가시성</span>
-                                    증대 (Time)
+                                    <span class="em">비지니스 범주</span>
+                                    확대 실패 (Scope)
                                 </div>
                                 <hr class="board-bar" />
                                 <div class="board-text font13">
-                                    제품(서비스)의 요구사항을 ALM과 연결하여, 요구사항 기반의 정확한 진척도를 확인 할 수 있습니다.
-                                    정량적인 데이터를 기반으로 비지니스의 가시성을 제공하여, 결정의 근거를 제공합니다.
+                                    비지니스를 확대하기 위한 전략으로 계열사 및 분사를 하게됩니다.
+                                    비지니스 범주의 실패는 자회사 및 계열사의 위기가 공동체에 영향을 주게되는 현상에 직면합니다.
+                                    일관된 비지니스 범주 관리는 공동체에서 시작되어 지속적인 Align을 맞추는데에 그 해법이 있습니다.
                                 </div>
                             </div>
                         </div>
@@ -526,12 +527,13 @@
                             <div class="board-thumb back-img-2"></div>
                             <div class="board-desc">
                                 <div class="board-title">
-                                    <span class="em">비지니스 이해도</span> 증대 (Scope)
+                                    <span class="em">비지니스 효율성</span> 관리 실패 (Resource)
                                 </div>
                                 <hr class="board-bar" />
                                 <div class="board-text font13">
-                                    제품(서비스)의 기획 부터, 요구사항 ~ TASK ( Issue ) 에 참여된 모든 관계자들의 소통 채널을 제공하고,
-                                    업무 시스템에 연결하여, 비지니스 목표에 대한 이해도를 공유할 수 있습니다.
+                                    비지니스의 효율성은 그 중요성이 지나침이 없습니다.
+                                    비효율적인 자원 배분과, 그 관리의 효율성은 곧바로 비지니스의 경쟁력에 연계됩니다.
+                                    일관된 비지니스 효율성 관리는 인적 자원에서부터 시작되고 마무리됨을 기억해야 합니다.
                                 </div>
                             </div>
                         </div>
@@ -541,12 +543,13 @@
                             <div class="board-thumb back-img-3"></div>
                             <div class="board-desc">
                                 <div class="board-title">
-                                    <span class="em">비지니스 효율성</span> 증대 (Resource)
+                                    <span class="em">비지니스 적시성</span> 실패 (Time)
                                 </div>
                                 <hr class="board-bar" />
                                 <div class="board-text font13">
-                                    제품(서비스) 기반의 요구사항을 ALM TASK(Issue) 로 전달 후 관련 업무 처리에 대한 담당자의
-                                    효율적인 업무 처리를 위한 지원을 제공하며, 통계화 하여 정확한 성과 지표를 제공합니다.
+                                    비지니스는 적절한 시기와 함께 성장하고 발전하는 경향이 있습니다.
+                                    우리는 이 비지니스 적시성이 성공과 실패를 가름함을 잘 알고 있습니다.
+                                    실제 비지니스의 최전선에 있는 제품(서비스)가 적시에 배포되고 계획할 수 있는지는 매우 중요한 지표입니다.
                                 </div>
                             </div>
                         </div>
@@ -562,7 +565,7 @@
             <div class="container">
                 <div    class="section-title"
                         style="padding-bottom: 0px">
-                    <h2>문제 정의</h2>
+                    <h2>Problem ( 문제 정의 )</h2>
                 </div>
 
                 <div class="row">
@@ -582,6 +585,26 @@
                     </div>
                 </div>
 
+                <div    class="section-title"
+                        style="padding-bottom: 0px">
+                    <p class="desc-name">
+                        <label style="font-weight: bold; color: #e5603b">&#10004;</label>
+                        제품(서비스)가 <label style="font-weight: bold; color: #e5603b">계획된 시간에 출시</label>되고 있습니까? ( Time )
+                    </p>
+                    <p class="desc-name">
+                        <label style="font-weight: bold; color: #e5603b">&#10004;</label>
+                        제품(서비스)의 <label style="font-weight: bold; color: #e5603b">기능 요구사항이 제대로 전파</label>되고 있습니까? ( Scope )
+                    </p>
+                    <p class="desc-name">
+                        <label style="font-weight: bold; color: #e5603b">&#10004;</label>
+                        제품(서비스)를 <label style="font-weight: bold; color: #e5603b">만드는 인력의 퍼포먼스</label>는 적절합니까? ( Resource )
+                    </p>
+                    <p class="desc-name">
+                        <label style="font-weight: bold; color: #e5603b">&#10004;</label>
+                        제품(서비스)의 기능 <label style="font-weight: bold; color: #e5603b">요구사항의 금전적 가치</label>가 얼마인지 아십니까? ( Cost )
+                    </p>
+                </div>
+
             </div>
         </div>
 
@@ -591,7 +614,7 @@
             <div class="container">
                 <div    class="section-title"
                         style="padding-bottom: 0px">
-                    <h2>문제 해결</h2>
+                    <h2>Solution ( 문제 해결 )</h2>
                 </div>
 
                 <div class="row">
@@ -619,7 +642,7 @@
 						</span>
 
                         <div class="description">
-                            <h4>Scope</h4>
+                            <h4><strong>Scope</strong></h4>
                             <p>
                                 제품(서비스)의 요구사항이
                                 <br />
@@ -634,7 +657,7 @@
 						</span>
 
                         <div class="description">
-                            <h4>Resource ( Cost )</h4>
+                            <h4><strong>Resource ( Cost )</strong></h4>
                             <p>
                                 제품(서비스)의 ALM 분석
                                 <br />
@@ -649,7 +672,7 @@
 						</span>
 
                         <div class="description">
-                            <h4>Time</h4>
+                            <h4><strong>Time</strong></h4>
                             <p>
                                 제품(서비스) - ALM Project 맵핑
                                 <br />
@@ -662,7 +685,7 @@
 							<i class="fa fa-superscript"></i>
 						</span>
                         <div class="description">
-                            <h4>제품(서비스)</h4>
+                            <h4><strong>제품(서비스)</strong></h4>
                             <p>
                                 aRMS는 제품과 서비스를 기준
                                 <br />
@@ -677,7 +700,7 @@
 						</span>
 
                         <div class="description">
-                            <h4>요구사항</h4>
+                            <h4><strong>요구사항</strong></h4>
                             <p>
                                 ARMS는 제품과 서비스를 기준
                                 <br />
@@ -692,7 +715,7 @@
 						</span>
 
                         <div class="description">
-                            <h4>ALM - Issue</h4>
+                            <h4><strong>ALM - Issue</strong></h4>
                             <p>
                                 요구사항은 제품(서비스) 중심
                                 <br />
@@ -702,9 +725,9 @@
                     </div>
 
                     <p class="preview text-align-center">
-                        <a
-                                href="/313devgrp/arms/template.html?page=pdService"
-                                class="btn btn-lg btn-danger">
+                        <a  href="/313devgrp/arms/template.html?page=pdService"
+                            class="btn btn-lg btn-danger"
+                            style="color: #fff; border-radius: 10px">
                             &nbsp; Preview the Demo Version &nbsp;
                         </a>
                     </p>
@@ -718,7 +741,7 @@
             <div class="container">
                 <div    class="section-title"
                         style="padding-bottom: 0px">
-                    <h2>효과</h2>
+                    <h2>Effect ( 효과 )</h2>
                 </div>
 
                 <div    class="row"
@@ -771,14 +794,22 @@
                     </div>
                 </div>
 
+                <p class="preview text-align-center">
+                    <a  href="/313devgrp/arms/template.html?page=pdService"
+                        class="btn btn-lg btn-danger"
+                        style="color: #fff; border-radius: 10px">
+                        &nbsp; Preview the Demo Version &nbsp;
+                    </a>
+                </p>
+
             </div>
         </div>
 
 		<div
 			id="features"
 			class="widget-features features container">
 			<div class="section-title">
-				<h2>Features</h2>
+				<h2 style="color: #fff">Features ( 기능 )</h2>
 			</div>
 
 			<div class="row">
@@ -956,140 +987,11 @@
 				</div>
 			</div>
 		</div>
-		<div
-			id="about"
-			class="widget widget-white widget-about about">
-			<div class="container">
-				<div    class="section-title"
-                        style="padding-bottom: 0px">
-					<h2>About</h2>
-					<p class="desc-name">
-						<label style="font-weight: bold; color: #e5603b">A</label>
-						pplication LifeCycle Management -
-						<label style="font-weight: bold; color: #e5603b">RMS</label>
-						( Requirement Management System )
-					</p>
-                    <div class="row">
-                        <div class="col-md-12">
-                            <section>
-                                <div class="body">
-                                    <ul class="row thumbnails">
-                                        <li class="col-sm-12">
-                                            <div class="thumbnail" style="background: #fff">
-                                                <img    src="./img/index/about.png"
-                                                        style="width: 60%"/>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </section>
-                        </div>
-                    </div>
-				</div>
-				<div    class="features"
-                        style="margin-top: 0px">
-					<div class="feature">
-						<span class="icon background-danger">
-							<i class="fa fa-bold"></i>
-						</span>
 
-						<div class="description">
-							<h4>Scope</h4>
-							<p>
-								제품(서비스)의 요구사항이
-								<br />
-								&#10132; ALM의 Developer 까지 공유
-							</p>
-						</div>
-					</div>
-
-					<div class="feature">
-						<span class="icon background-warning">
-							<i class="fa fa-magic"></i>
-						</span>
-
-						<div class="description">
-							<h4>Resource ( Cost )</h4>
-							<p>
-								제품(서비스)의 ALM 분석
-								<br />
-								&#10132; 정확한 Resource 통계
-							</p>
-						</div>
-					</div>
-
-					<div class="feature">
-						<span class="icon background-success">
-							<i class="fa fa-wrench"></i>
-						</span>
-
-						<div class="description">
-							<h4>Time</h4>
-							<p>
-								제품(서비스) - ALM Project 맵핑
-								<br />
-								&#10132; 실질적인 진척도 측정
-							</p>
-						</div>
-					</div>
-					<div class="feature">
-						<span class="icon background-primary">
-							<i class="fa fa-superscript"></i>
-						</span>
-						<div class="description">
-							<h4>제품(서비스)</h4>
-							<p>
-								aRMS는 제품과 서비스를 기준
-								<br />
-								&#10132; 데이터를 구조화 합니다.
-							</p>
-						</div>
-					</div>
-
-					<div class="feature">
-						<span class="icon background-lime">
-							<i class="fa fa-check"></i>
-						</span>
-
-						<div class="description">
-							<h4>요구사항</h4>
-							<p>
-								ARMS는 제품과 서비스를 기준
-								<br />
-								&#10132; 요구사항을 관리합니다.
-							</p>
-						</div>
-					</div>
-
-					<div class="feature">
-						<span class="icon background-info">
-							<i class="fa fa-css3"></i>
-						</span>
-
-						<div class="description">
-							<h4>ALM - Issue</h4>
-							<p>
-								요구사항은 제품(서비스) 중심
-								<br />
-								&#10132; 구현 단위는 ALM 의 이슈
-							</p>
-						</div>
-					</div>
-
-					<p class="preview text-align-center">
-						<a
-							href="/313devgrp/arms/template.html?page=pdService"
-							class="btn btn-lg btn-danger">
-							&nbsp; Preview the Demo Version &nbsp;
-						</a>
-					</p>
-				</div>
-			</div>
-		</div>
 		<div id="contributors">
 			<div class="container">
 				<div class="section-title">
-					<h2>Team</h2>
+					<h2 style="color: #fff">Team</h2>
 				</div>
 				<div class="row">
 					<div class="col-md-12">
@@ -1851,6 +1753,7 @@
 				</div>
 			</div>
 		</div>
+
 		<!-- ======= Resume Section ======= -->
 		<section
 			id="resume"
@@ -2008,7 +1911,7 @@
 				class="container"
 				data-aos="fade-up">
 				<div class="section-title">
-					<h2>Portfolio</h2>
+					<h2 style="color: #fff">Portfolio</h2>
 				</div>
 
 				<div class="row">
@@ -2701,7 +2604,8 @@
 				</div>
 			</div>
 		</div>
-		<footer id="footer">
+
+		<footer>
 			<div class="container footer">
 				<div class="menu-wrap footer-logo">
 					<img