Index: arms/img/landing/section1_1.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section1_2.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section1_3.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section2_1.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section2_2.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section2_3.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section3_1.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section3_2.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section3_3.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section4_1.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section4_2.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section4_3.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section5_1.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section5_2.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section5_3.png
===================================================================
diff -u
Binary files differ
Index: arms/img/landing/section5_4.png
===================================================================
diff -u
Binary files differ
Index: arms/index/assets/css/style.css
===================================================================
diff -u -ra6ecdd20e3ed6d36baff68b588e9cab4358d7630 -rf5aaffc8a24235e6afe8059d928665889fd2b4d3
--- arms/index/assets/css/style.css	(.../style.css)	(revision a6ecdd20e3ed6d36baff68b588e9cab4358d7630)
+++ arms/index/assets/css/style.css	(.../style.css)	(revision f5aaffc8a24235e6afe8059d928665889fd2b4d3)
@@ -307,16 +307,23 @@
 
 .preview-btn {
 	margin: 5px;
-	text-align: right;
 }
 
 .preview-btn a {
 	display: inline-block;
-	padding: 8px 18px;
+	margin: 30px 0 0 30px;
+	padding: 10px 35px;
+	color: #0563bb;
+	font-size: 16px;
+	background-color: rgb(239, 239, 239);
+	border-radius: 60px;
+	box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.05);
+	text-underline: none;
+}
+
+.preview-btn a:active {
 	color: #fff;
-	font-size: 16.25px;
-	line-height: 1.33;
-	border: 2px solid #fff;
+	background-color: #0563bb;
 }
 
 /*--------------------------------------------------------------
@@ -369,17 +376,17 @@
 	padding: 5px;
 }
 .content-section {
-	postion: relative;
+	padding: 20px;
+	max-width: 325px;
 }
 
 .content-section img {
 	width: 100%;
 }
+/*--------------------------------------------------------------
+# Home
+--------------------------------------------------------------*/
 
-.content-section .comment {
-	position: absolute;
-}
-
 /*--------------------------------------------------------------
 # Resume
 --------------------------------------------------------------*/
@@ -472,7 +479,8 @@
 # Services
 --------------------------------------------------------------*/
 .services .section-title p {
-	font-size: 16px;
+	font-size: 14px;
+	word-break: keep-all;
 }
 
 .services .features {
@@ -493,6 +501,10 @@
 	font-size: 14px;
 }
 
+.feature .summary p {
+	text-align: left;
+}
+
 .feature .icon {
 	display: inline-block;
 	margin-right: 20px;
@@ -615,8 +627,15 @@
 	border-radius: 4px;
 	box-shadow: none;
 	font-size: 14px;
+	color: #fff;
+	background-color: transparent;
 }
 
+.contact .php-email-form input::placeholder,
+.contact .php-email-form textarea::placeholder {
+	color: #fff;
+}
+
 .contact .php-email-form input[type="text"],
 .contact .php-email-form input[type="email"] {
 	height: 44px;
@@ -709,7 +728,7 @@
 	font-size: 13px;
 }
 
-@media (max-width: 992px) {
+@media (max-width: 760px) {
 	.landing-container {
 		height: auto;
 	}
@@ -725,11 +744,17 @@
 		margin-top: 15px;
 	}
 
-	.services.section-container,
-	.landing-container .contact {
+	.landing-container > section {
+		padding: 0;
 		height: auto;
 	}
 
+	.home.section-container,
+	.services.section-container,
+	.contact {
+		padding: 60px 0;
+	}
+
 	.services .features:last-child {
 		margin-top: 0px;
 	}
@@ -740,4 +765,8 @@
 		padding: 0 3vw;
 		text-align: center;
 	}
+
+	.preview-btn a {
+		margin-left: 20px;
+	}
 }
Index: arms/landing.html
===================================================================
diff -u -ra6ecdd20e3ed6d36baff68b588e9cab4358d7630 -rf5aaffc8a24235e6afe8059d928665889fd2b4d3
--- arms/landing.html	(.../landing.html)	(revision a6ecdd20e3ed6d36baff68b588e9cab4358d7630)
+++ arms/landing.html	(.../landing.html)	(revision f5aaffc8a24235e6afe8059d928665889fd2b4d3)
@@ -155,24 +155,43 @@
 					data-aos="fade-up">
 					<div class="row">
 						<div
-							class="col-lg-12 flex justify-content-center"
+							class="col-lg-4"
 							data-aos="fade-up">
 							<div class="content-section">
 								<img
-									src="./img/landing/section1.png"
+									class="section1_1"
+									src="./img/landing/section1_1.png"
 									alt="project charter" />
 							</div>
 						</div>
+						<div
+							class="col-lg-4"
+							data-aos="fade-up"
+							data-aos-delay="500">
+							<div class="content-section">
+								<img
+									class="section1_2"
+									src="./img/landing/section1_2.png"
+									alt="project charter" />
+							</div>
+						</div>
+						<div
+							class="col-lg-4"
+							data-aos="fade-up"
+							data-aos-delay="1000">
+							<div class="content-section">
+								<img
+									class="section1_3"
+									src="./img/landing/section1_3.png"
+									alt="project charter" />
+							</div>
+						</div>
 					</div>
 
 					<div
 						class="preview-btn"
-						data-aos="fade-up"
-						data-aos-delay="800">
-						<a href="template.html?page=pdService">
-							Preview
-							<i class="fa fa-angle-right"></i>
-						</a>
+						data-aos="fade-up">
+						<a href="template.html?page=pdService">PREVIEW</a>
 					</div>
 				</div>
 			</section>
@@ -187,14 +206,34 @@
 					data-aos="fade-up">
 					<div class="row">
 						<div
-							class="col-lg-12 flex justify-content-center"
+							class="col-lg-4"
 							data-aos="fade-up">
 							<div class="content-section">
 								<img
-									src="./img/landing/section2.png"
+									src="./img/landing/section2_1.png"
 									alt="SRS" />
 							</div>
 						</div>
+						<div
+							class="col-lg-4"
+							data-aos="fade-up"
+							data-aos-delay="500">
+							<div class="content-section">
+								<img
+									src="./img/landing/section2_2.png"
+									alt="SRS" />
+							</div>
+						</div>
+						<div
+							class="col-lg-4"
+							data-aos="fade-up"
+							data-aos-delay="1000">
+							<div class="content-section">
+								<img
+									src="./img/landing/section2_3.png"
+									alt="SRS" />
+							</div>
+						</div>
 					</div>
 				</div>
 			</section>
@@ -208,17 +247,35 @@
 					class="container"
 					data-aos="fade-up">
 					<div class="row">
-						<div class="row">
-							<div
-								class="col-lg-12 flex justify-content-center"
-								data-aos="fade-up">
-								<div class="content-section">
-									<img
-										src="./img/landing/section3.png"
-										alt="SDS" />
-								</div>
+						<div
+							class="col-lg-4"
+							data-aos="fade-up">
+							<div class="content-section">
+								<img
+									src="./img/landing/section3_1.png"
+									alt="SDS" />
 							</div>
 						</div>
+						<div
+							class="col-lg-4"
+							data-aos="fade-up"
+							data-aos-delay="500">
+							<div class="content-section">
+								<img
+									src="./img/landing/section3_2.png"
+									alt="SDS" />
+							</div>
+						</div>
+						<div
+							class="col-lg-4"
+							data-aos="fade-up"
+							data-aos-delay="1000">
+							<div class="content-section">
+								<img
+									src="./img/landing/section3_3.png"
+									alt="SDS" />
+							</div>
+						</div>
 					</div>
 				</div>
 			</section>
@@ -232,17 +289,35 @@
 					class="container"
 					data-aos="fade-up">
 					<div class="row">
-						<div class="row">
-							<div
-								class="col-lg-12 flex justify-content-center"
-								data-aos="fade-up">
-								<div class="content-section">
-									<img
-										src="./img/landing/section4.png"
-										alt="QA Checklist" />
-								</div>
+						<div
+							class="col-lg-4"
+							data-aos="fade-up">
+							<div class="content-section">
+								<img
+									src="./img/landing/section4_1.png"
+									alt="QA Checklist" />
 							</div>
 						</div>
+						<div
+							class="col-lg-4"
+							data-aos="fade-up"
+							data-aos-delay="500">
+							<div class="content-section">
+								<img
+									src="./img/landing/section4_2.png"
+									alt="QA Checklist" />
+							</div>
+						</div>
+						<div
+							class="col-lg-4"
+							data-aos="fade-up"
+							data-aos-delay="1000">
+							<div class="content-section">
+								<img
+									src="./img/landing/section4_3.png"
+									alt="QA Checklist" />
+							</div>
+						</div>
 					</div>
 				</div>
 			</section>
@@ -256,17 +331,45 @@
 					class="container"
 					data-aos="fade-up">
 					<div class="row">
-						<div class="row">
-							<div
-								class="col-lg-12 flex justify-content-center"
-								data-aos="fade-up">
-								<div class="content-section">
-									<img
-										src="./img/landing/section5.png"
-										alt="Endpoint" />
-								</div>
+						<div
+							class="col-lg-6 flex justify-content-center"
+							data-aos="fade-up">
+							<div class="content-section">
+								<img
+									src="./img/landing/section5_1.png"
+									alt="Endpoint" />
 							</div>
 						</div>
+						<div
+							class="col-lg-6 flex justify-content-center"
+							data-aos="fade-up"
+							data-aos-delay="500">
+							<div class="content-section">
+								<img
+									src="./img/landing/section5_2.png"
+									alt="Endpoint" />
+							</div>
+						</div>
+						<div
+							class="col-lg-6 flex justify-content-center"
+							data-aos="fade-up"
+							data-aos-delay="1000">
+							<div class="content-section">
+								<img
+									src="./img/landing/section5_3.png"
+									alt="Endpoint" />
+							</div>
+						</div>
+						<div
+							class="col-lg-6 flex justify-content-center"
+							data-aos="fade-up"
+							data-aos-delay="1500">
+							<div class="content-section">
+								<img
+									src="./img/landing/section5_4.png"
+									alt="Endpoint" />
+							</div>
+						</div>
 					</div>
 				</div>
 			</section>
@@ -300,9 +403,13 @@
 									</span>
 								</p>
 
-								<div>
+								<div class="summary">
 									<h4>Scope</h4>
-									<p>제품(서비스)의 요구사항이 Jira의 END USER 까지 공유</p>
+									<p>
+										제품(서비스)의 요구사항이 Jira의
+										<br />
+										END USER 까지 공유
+									</p>
 								</div>
 							</section>
 						</div>
@@ -314,7 +421,7 @@
 									</span>
 								</p>
 
-								<div>
+								<div class="summary">
 									<h4>Cost</h4>
 									<p>
 										제품(서비스)의 Jira 분석
@@ -332,7 +439,7 @@
 									</span>
 								</p>
 
-								<div>
+								<div class="summary">
 									<h4>Time</h4>
 									<p>
 										제품(서비스) Jira Project 맵핑
@@ -352,7 +459,7 @@
 									</span>
 								</p>
 
-								<div>
+								<div class="summary">
 									<h4>제품(서비스)</h4>
 									<p>
 										aRMS는 제품과 서비스를 기준
@@ -369,7 +476,7 @@
 										<i class="fa fa-check"></i>
 									</span>
 								</p>
-								<div>
+								<div class="summary">
 									<h4>요구사항</h4>
 									<p>
 										ARMS는 제품과 서비스를 기준
@@ -387,7 +494,7 @@
 									</span>
 								</p>
 
-								<div>
+								<div class="summary">
 									<h4>Test(QA)</h4>
 									<p>
 										ARMS는 제품과 서비스를 기준