.

html/css/common.css

@@ -47,7 +47,8 @@ body,html{
 .bg-square{display:block;border:20px solid rgba(255,255,255,0.2);width:250px;height:250px;position:absolute;top:-160px;}
 .bg01{background:url('../images/bg01.jpg');}
 .bg02{background:url('../images/bg02.jpg');}
-.bg02 .txt-box{padding-left:134px;}
+.bg03{background:url('../images/bg03.jpg')#21272e no-repeat 80% 50%;}
+.bg02 .txt-box, .bg03 .txt-box{padding-left:134px;}
 .scroll-animation {position:absolute;left:50%;transform: translateX(-50%);bottom:40px;}
 .scroll-box span{display:block;text-align:center;color:rgba(255,255,255,0.8);font-size:0.875rem;font-weight:300;animation: updown 1s ease-in-out 0.3s infinite normal;}
 .scroll-box span.scroll-icon{margin:10px auto;fill:#fff;width:30px;}

html/index.html

@@ -59,7 +59,7 @@
       <canvas id="canvas" class="bg-canvas"></canvas>
       <div class="inner">
         <h2 class="wow fadeInUp" data-wow-duration="2s">가치를 존중하며 신뢰를 바탕으로 실천하는 기업</h2>
-        <span class="wow fadeInUp big" data-wow-duration="2s">PAL Networks</span>
+        <span class="wow fadeInUp big" data-wow-duration="3s">PAL Networks</span>
         <span class="wow fadeInUp sm" data-wow-duration="4s">항공·전문 IT산업분야의 소프트웨어 개발 전문 기업</span>   
       </div>
       <div class="wow fadeIn scroll-animation" data-wow-duration="4s">
@@ -79,14 +79,28 @@
         </p>
       </div>
       <div class="wow fadeIn scroll-animation" data-wow-duration="4s">
-        <a href="#skills" class="scroll-box">
+        <a href="#mobility" class="scroll-box">
           <span>SCROLL DOWN</span>
           <span class="scroll-icon"><img src="images/scroll_icon.svg"></span>
         </a>
        </div>
     </div>
 
-    <div class="section">3333</div>
+    <div class="section main-bn bg03">
+      <div class="inner">
+        <span class="wow fadeInLeft bg-square"></span>
+        <p class="wow fadeInUp txt-box" data-wow-duration="2s">
+          <b>미래 항공산업과 지상의 이동수단</b>을 연결하는<br/>
+          <b>미래 모빌리티</b>를 준비합니다.
+        </p>
+      </div>
+      <div class="wow fadeIn scroll-animation" data-wow-duration="4s">
+        <a href="#skills" class="scroll-box">
+          <span>SCROLL DOWN</span>
+          <span class="scroll-icon"><img src="images/scroll_icon.svg"></span>
+        </a>
+       </div>
+    </div>
     <div class="section">Section 4</div>
     <footer id="footer" class="section fp-auto-height"></footer>
   </div>

html/js/common.js

@@ -5,7 +5,7 @@ $(function(){
     new fullpage('#fullpage', {
       licenseKey: '13F1F552-6ACE43B7-95262729-9E0B4778',
       //options here
-      anchors:['home', 'works', 'skills', 'contact'],
+      anchors:['home', 'works', 'mobility','skills', 'news'],
       autoScrolling:true,
       scrollHorizontally: true,
       navigation:true,
@@ -172,4 +172,7 @@ $(function(){
   animation();
 
 
+});
+$(function(){
+
 });