Index: arms/index/assets/css/style.css
===================================================================
diff -u -rad67a7ed8c6999e2cf07c7ca878ee6f8aa5f5e30 -re6d39b69fa6d789c4bfdd9c3c33d0f47d352968c
--- arms/index/assets/css/style.css	(.../style.css)	(revision ad67a7ed8c6999e2cf07c7ca878ee6f8aa5f5e30)
+++ arms/index/assets/css/style.css	(.../style.css)	(revision e6d39b69fa6d789c4bfdd9c3c33d0f47d352968c)
@@ -432,21 +432,24 @@
 }
 
 .about .content {
-	margin: 100px auto;
-	width: 600px;
+	margin: 6vw auto;
+	padding: 0;
+	width: 33vw;
 }
 
 .about .flow-wrap {
 	list-style: none;
 	position: relative;
-	height: 600px;
+	padding: 0;
+	margin: 0;
+	height: 33vw;
 	border-radius: 50%;
 }
 
 .about .flow-item {
 	position: absolute;
-	width: 240px;
-	height: 240px;
+	width: 12vw;
+	height: 12vw;
 	border-radius: 50%;
 	overflow: hidden;
 	background-color: #fff;
@@ -459,39 +462,39 @@
 }
 
 .about .flow-item img {
-	width: 240px;
-	height: 240px;
+	width: 100%;
+	height: 100%;
 	object-fit: fill;
 }
 
 .about .flow-item:nth-child(1) {
-	left: calc(50% - 120px);
-	top: -120px;
+	left: calc(50% - 6vw);
+	top: -6vw;
 }
 
 .about .flow-item:nth-child(2) {
-	right: -100px;
-	top: 45px;
+	right: -5vw;
+	top: 3vw;
 }
 
 .about .flow-item:nth-child(3) {
-	right: -100px;
-	top: calc(50% + 45px);
+	right: -5vw;
+	top: calc(50% + 3vw);
 }
 
 .about .flow-item:nth-child(4) {
-	left: calc(50% - 120px);
-	top: calc(100% - 120px);
+	left: calc(50% - 6vw);
+	top: calc(100% - 6vw);
 }
 
 .about .flow-item:nth-child(5) {
-	left: -100px;
-	top: calc(50% + 45px);
+	left: -5vw;
+	top: calc(50% + 3vw);
 }
 
 .about .flow-item:nth-child(6) {
-	left: -100px;
-	top: 45px;
+	left: -5vw;
+	top: 3vw;
 }
 
 .about .circle-wrap {
@@ -501,7 +504,7 @@
 }
 
 .about .circle-chart {
-	height: 600px;
+	height: 33vw;
 }
 
 .circle-chart__circle {
@@ -526,28 +529,16 @@
 # Facts
 --------------------------------------------------------------*/
 .facts .count-box {
-	padding: 30px 30px 25px 30px;
 	margin-top: 30px;
 	width: 100%;
 	position: relative;
 	text-align: center;
 	background: #fff;
 }
 
-.facts .count-box i {
-	position: absolute;
-	top: -25px;
-	left: 50%;
-	transform: translateX(-50%);
-	font-size: 24px;
-	background: #0563bb;
-	color: #fff;
-	border-radius: 50px;
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	width: 48px;
-	height: 48px;
+.facts .count-box img {
+	width: 100%;
+	object-fit: contain;
 }
 
 .facts .count-box span {
Index: arms/landing.html
===================================================================
diff -u -rad67a7ed8c6999e2cf07c7ca878ee6f8aa5f5e30 -re6d39b69fa6d789c4bfdd9c3c33d0f47d352968c
--- arms/landing.html	(.../landing.html)	(revision ad67a7ed8c6999e2cf07c7ca878ee6f8aa5f5e30)
+++ arms/landing.html	(.../landing.html)	(revision e6d39b69fa6d789c4bfdd9c3c33d0f47d352968c)
@@ -282,49 +282,30 @@
 					<div class="row">
 						<div class="col-lg-3 col-md-6">
 							<div class="count-box">
-								<i class="bi bi-emoji-smile"></i>
-								<span
-									data-purecounter-start="0"
-									data-purecounter-end="232"
-									data-purecounter-duration="1"
-									class="purecounter"></span>
-								<p>Happy Clients</p>
+								<img
+									src="./img/landing/17187676-3d-사람-사람-기어기구와-사람-체크리스트와-함께-클립-보드.jpg"
+									alt="" />
 							</div>
 						</div>
-
-						<div class="col-lg-3 col-md-6 mt-5 mt-md-0">
+						<div class="col-lg-3 col-md-6">
 							<div class="count-box">
-								<i class="bi bi-journal-richtext"></i>
-								<span
-									data-purecounter-start="0"
-									data-purecounter-end="521"
-									data-purecounter-duration="1"
-									class="purecounter"></span>
-								<p>Projects</p>
+								<img
+									src="./img/landing/15457366-플러그를-연결-플러그-분말-코드-이명.jpg"
+									alt="" />
 							</div>
 						</div>
-
-						<div class="col-lg-3 col-md-6 mt-5 mt-lg-0">
+						<div class="col-lg-3 col-md-6">
 							<div class="count-box">
-								<i class="bi bi-headset"></i>
-								<span
-									data-purecounter-start="0"
-									data-purecounter-end="1463"
-									data-purecounter-duration="1"
-									class="purecounter"></span>
-								<p>Hours Of Support</p>
+								<img
+									src="./img/landing/24088523-3d-사람-사람-인간이-함께-퍼즐-조각을-넣어.jpg"
+									alt="" />
 							</div>
 						</div>
-
-						<div class="col-lg-3 col-md-6 mt-5 mt-lg-0">
+						<div class="col-lg-3 col-md-6">
 							<div class="count-box">
-								<i class="bi bi-award"></i>
-								<span
-									data-purecounter-start="0"
-									data-purecounter-end="25"
-									data-purecounter-duration="1"
-									class="purecounter"></span>
-								<p>Awards</p>
+								<img
+									src="./img/landing/15117886-3-차원-명-대상으로-빨간색-단어-목표-남자-사람.jpg"
+									alt="" />
 							</div>
 						</div>
 					</div>