Index: vue/src/assets/images/devops/DevSupport/github.png
===================================================================
diff -u -r6820be1f7a0131e2a8cf97566cdf5ceef34bbe87 -r32f34f542beb9eb576c410afa7c8cc693b79771a
--- vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision 6820be1f7a0131e2a8cf97566cdf5ceef34bbe87)
+++ vue/src/assets/images/devops/DevSupport/github.png	(.../github.png)	(revision 32f34f542beb9eb576c410afa7c8cc693b79771a)
@@ -2416,6 +2416,18 @@
 	background-color: rgba(51, 51, 51, 0.4);
 }
 
+@media (max-width: 1048px) {
+	.carousel-landing {
+		height: 300px;
+	}
+}
+
+@media (max-width: 992px){
+	.carousel-section, #concept, #features {
+		padding-bottom: 0px;
+	}
+}
+
 /* 데이터테이블 커스텀 */
 
 table thead tr th {
@@ -2918,7 +2930,7 @@
 	.carousel-section,
 	#concept,
 	#features {
-		padding-bottom: 60px;
+		padding-bottom: 0px;
 	}
 	#concept {
 		padding-top: 60px;
Index: arms/html/pdService
===================================================================
diff -u -rca8e526e9ec3b3ac2415edb7590e6e32d407018a -r32f34f542beb9eb576c410afa7c8cc693b79771a
--- arms/html/pdService	(.../pdService)	(revision ca8e526e9ec3b3ac2415edb7590e6e32d407018a)
+++ arms/html/pdService	(.../pdService)	(revision 32f34f542beb9eb576c410afa7c8cc693b79771a)
@@ -194,7 +194,7 @@
 		<style type="text/css">
 			@media (max-width: 767px) {
 				.carousel-landing {
-					height: 300px !important;
+					height: 230px !important;
 					margin-bottom: -24px;
 				}
 			}
@@ -501,59 +501,60 @@
 				<div    class="section-title"
                         style="padding-bottom: 0px">
 					<h2>Benefit</h2>
-        </div>
+                </div>
 
-        <div    class="row"
-                style="padding: 0px 50px 0px 50px;">
-          <div class="col-4">
-            <div class="board-item p-sm-2">
-              <div class="board-thumb img-1"></div>
-              <div class="board-desc">
-                <div class="board-title">
-                  <span class="em">비지니스 가시성</span>
-                  증대 (Time)
+                <div    class="row"
+                        style="padding: 0px 50px 0px 50px;">
+                  <div class="col-4">
+                    <div class="board-item p-sm-2">
+                      <div class="board-thumb img-1"></div>
+                      <div class="board-desc">
+                        <div class="board-title">
+                          <span class="em">비지니스 가시성</span>
+                          증대 (Time)
+                        </div>
+                        <hr class="board-bar" />
+                        <div class="board-text font13">
+                          제품(서비스)의 요구사항을 ALM과 연결하여, 요구사항 기반의 정확한 진척도를 확인 할 수 있습니다.
+                          정량적인 데이터를 기반으로 비지니스의 가시성을 제공하여, 결정의 근거를 제공합니다.
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-4">
+                    <div class="board-item p-sm-2">
+                      <div class="board-thumb img-2"></div>
+                      <div class="board-desc">
+                        <div class="board-title">
+                          <span class="em">비지니스 이해도</span> 증대 (Scope)
+                        </div>
+                        <hr class="board-bar" />
+                        <div class="board-text font13">
+                          제품(서비스)의 기획 부터, 요구사항 ~ TASK ( Issue ) 에 참여된 모든 관계자들의 소통 채널을 제공하고,
+                          업무 시스템에 연결하여, 비지니스 목표에 대한 이해도를 공유할 수 있습니다.
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-4">
+                    <div class="board-item p-sm-2">
+                      <div class="board-thumb img-3"></div>
+                      <div class="board-desc">
+                        <div class="board-title">
+                          <span class="em">비지니스 효율성</span> 증대 (Resource)
+                        </div>
+                        <hr class="board-bar" />
+                        <div class="board-text font13">
+                          제품(서비스) 기반의 요구사항을 ALM TASK(Issue) 로 전달 후 관련 업무 처리에 대한 담당자의
+                          효율적인 업무 처리를 위한 지원을 제공하며, 통계화 하여 정확한 성과 지표를 제공합니다.
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 </div>
-                <hr class="board-bar" />
-                <div class="board-text font13">
-                  제품(서비스)의 요구사항을 ALM과 연결하여, 요구사항 기반의 정확한 진척도를 확인 할 수 있습니다.
-                  정량적인 데이터를 기반으로 비지니스의 가시성을 제공하여, 결정의 근거를 제공합니다.
-                </div>
-              </div>
+
             </div>
-          </div>
-          <div class="col-4">
-            <div class="board-item p-sm-2">
-              <div class="board-thumb img-2"></div>
-              <div class="board-desc">
-                <div class="board-title">
-                  <span class="em">비지니스 이해도</span> 증대 (Scope)
-                </div>
-                <hr class="board-bar" />
-                <div class="board-text font13">
-                  제품(서비스)의 기획 부터, 요구사항 ~ TASK ( Issue ) 에 참여된 모든 관계자들의 소통 채널을 제공하고,
-                  업무 시스템에 연결하여, 비지니스 목표에 대한 이해도를 공유할 수 있습니다.
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="col-4">
-            <div class="board-item p-sm-2">
-              <div class="board-thumb img-3"></div>
-              <div class="board-desc">
-                <div class="board-title">
-                  <span class="em">비지니스 효율성</span> 증대 (Resource)
-                </div>
-                <hr class="board-bar" />
-                <div class="board-text font13">
-                  제품(서비스) 기반의 요구사항을 ALM TASK(Issue) 로 전달 후 관련 업무 처리에 대한 담당자의
-                  효율적인 업무 처리를 위한 지원을 제공하며, 통계화 하여 정확한 성과 지표를 제공합니다.
-                </div>
-              </div>
-            </div>
-          </div>
         </div>
-      </div>
-    </div>
 
 		<div
 			id="features"