Index: vue/src/assets/images/devops/DevSupport/github.png
===================================================================
diff -u -re0bff923004ceeabb95775f503977dc1cb1c1ea1 -r6b6461d4e2db2f19c60ff3e1e5a74566d6cdec41
--- vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision e0bff923004ceeabb95775f503977dc1cb1c1ea1)
+++ vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision 6b6461d4e2db2f19c60ff3e1e5a74566d6cdec41)
@@ -2477,24 +2477,16 @@
 }
 
 /*--------------------------------------------------------------
-# About
+# Section title
 --------------------------------------------------------------*/
-.landing .widget-about {
-	padding: 120px 20px;
+.section-title {
+	margin-bottom: 15%;
 }
-
-/*--------------------------------------------------------------
-# Contact
---------------------------------------------------------------*/
-.contact {
-	margin: 100px auto;
-}
 .section-title h2 {
 	text-align: center;
 	font-size: 32px;
 	font-weight: bold;
 	text-transform: uppercase;
-	margin-bottom: 15%;
 	padding-bottom: 20px;
 	position: relative;
 	color: #fff;
@@ -2527,6 +2519,56 @@
 	margin-bottom: 0;
 }
 
+/*--------------------------------------------------------------
+# About
+--------------------------------------------------------------*/
+.landing .widget-about {
+	padding: 120px 20px;
+}
+
+.about h2 {
+	color: #666;
+	margin-bottom: 7%;
+}
+.about .section-title {
+	margin-bottom: 8%;
+}
+.about .section-title p,
+.about .section-title label {
+	font-weight: bold;
+}
+.about .section-title .desc-name {
+	font-size: 1.25em;
+	margin-bottom: 10px !important;
+}
+.about .section-title label {
+	color: #e5603b;
+}
+
+.about .features {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-around;
+}
+.about .feature {
+	display: flex;
+	justify-content: space-between;
+	width: 27%;
+	margin-bottom: 40px;
+}
+
+.about .description {
+	width: calc(100% - 60px);
+	padding-left: 25px;
+}
+
+/*--------------------------------------------------------------
+# Contact
+--------------------------------------------------------------*/
+.contact {
+	margin: 100px auto;
+}
+
 .contact .info {
 	width: 100%;
 }
@@ -2777,6 +2819,12 @@
 		width: 50%;
 		margin-bottom: 20px;
 	}
+	.landing .widget-about {
+		padding: 120px 10px;
+	}
+	.about .feature {
+		width: 100%;
+	}
 }
 
 @keyframes fadeIn {
Index: arms/html/pdService
===================================================================
diff -u -re0bff923004ceeabb95775f503977dc1cb1c1ea1 -r6b6461d4e2db2f19c60ff3e1e5a74566d6cdec41
--- arms/html/pdService	(.../pdService)	(revision e0bff923004ceeabb95775f503977dc1cb1c1ea1)
+++ arms/html/pdService	(.../pdService)	(revision 6b6461d4e2db2f19c60ff3e1e5a74566d6cdec41)
@@ -346,145 +346,103 @@
 			id="about"
 			class="widget widget-white widget-about about">
 			<div class="container">
-				<div class="row">
-					<div class="col-sm-offset-1 col-sm-10">
-						<h4>
-							<label style="font-weight: bold; color: #e5603b">A</label>
-							pplication LifeCycle Management -
-							<label style="font-weight: bold; color: #e5603b">RMS</label>
-							( Requirement Management System )
-						</h4>
-						<p>
-							<strong>Requirements Managment System</strong>
-							은 전세계에서 유일한 ALM을 연결한 요구사항 관리 시스템입니다.
-						</p>
-						<div class="row features">
-							<div class="col-sm-4">
-								<section class="feature">
-									<div class="row">
-										<div class="col-xs-4">
-											<p>
-												<span class="icon background-danger">
-													<i class="fa fa-bold"></i>
-												</span>
-											</p>
-										</div>
-										<div class="col-xs-8">
-											<h4>Scope</h4>
-											<p>제품(서비스)의 요구사항이 ALM의 Develoer 까지 공유</p>
-										</div>
-									</div>
-								</section>
-							</div>
-							<div class="col-sm-4">
-								<section class="feature">
-									<div class="row">
-										<div class="col-xs-4">
-											<p>
-												<span class="icon background-warning">
-													<i class="fa fa-magic"></i>
-												</span>
-											</p>
-										</div>
-										<div class="col-xs-8">
-											<h4>Cost</h4>
-											<p>
-												제품(서비스)의 ALM 분석
-												<br />
-												&#10132; 정확한 Resource 통계
-											</p>
-										</div>
-									</div>
-								</section>
-							</div>
-							<div class="col-sm-4">
-								<section class="feature">
-									<div class="row">
-										<div class="col-xs-4">
-											<p>
-												<span class="icon background-success">
-													<i class="fa fa-wrench"></i>
-												</span>
-											</p>
-										</div>
-										<div class="col-xs-8">
-											<h4>Time</h4>
-											<p>
-												제품(서비스) - ALM Project 맵핑
-												<br />
-												&#10132; 실질적인 진척도 측정
-											</p>
-										</div>
-									</div>
-								</section>
-							</div>
+				<div class="section-title">
+					<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>
+					<p>
+						<strong>Requirements Managment System</strong>
+						은 전세계에서 유일한 ALM을 연결한 요구사항 관리 시스템입니다.
+					</p>
+				</div>
+				<div class="features">
+					<div class="feature">
+						<span class="icon background-danger">
+							<i class="fa fa-bold"></i>
+						</span>
+
+						<div class="description">
+							<h4>Scope</h4>
+							<p>제품(서비스)의 요구사항이 ALM의 Develoer 까지 공유</p>
 						</div>
-						<div class="row features">
-							<div class="col-sm-4">
-								<section class="feature">
-									<div class="row">
-										<div class="col-xs-4">
-											<p>
-												<span class="icon background-primary">
-													<i class="fa fa-superscript"></i>
-												</span>
-											</p>
-										</div>
-										<div class="col-xs-8">
-											<h4>제품(서비스)</h4>
-											<p>
-												aRMS는 제품과 서비스를 기준
-												<br />
-												&#10132; 데이터를 구조화 합니다.
-											</p>
-										</div>
-									</div>
-								</section>
-							</div>
-							<div class="col-sm-4">
-								<section class="feature">
-									<div class="row">
-										<div class="col-xs-4">
-											<p>
-												<span class="icon background-lime">
-													<i class="fa fa-check"></i>
-												</span>
-											</p>
-										</div>
-										<div class="col-xs-8">
-											<h4>요구사항</h4>
-											<p>
-												ARMS는 제품과 서비스를 기준
-												<br />
-												&#10132; 요구사항을 관리합니다.
-											</p>
-										</div>
-									</div>
-								</section>
-							</div>
-							<div class="col-sm-4">
-								<section class="feature">
-									<div class="row">
-										<div class="col-xs-4">
-											<p>
-												<span class="icon background-info">
-													<i class="fa fa-css3"></i>
-												</span>
-											</p>
-										</div>
-										<div class="col-xs-8">
-											<h4>Test(QA)</h4>
-											<p>
-												ARMS는 제품과 서비스를 기준
-												<br />
-												&#10132; 요구사항의 테스트를 관리
-											</p>
-										</div>
-									</div>
-								</section>
-							</div>
+					</div>
+
+					<div class="feature">
+						<span class="icon background-warning">
+							<i class="fa fa-magic"></i>
+						</span>
+
+						<div class="description">
+							<h4>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>Test(QA)</h4>
+							<p>
+								ARMS는 제품과 서비스를 기준
+								<br />
+								&#10132; 요구사항의 테스트를 관리
+							</p>
+						</div>
+					</div>
 				</div>
 			</div>
 		</div>