.

html/company.html

@@ -43,6 +43,7 @@
       $("#header").load("include/header.html");
       $("#footer").load("include/footer.html");
       
+      
     });
 </script>
 
@@ -56,7 +57,7 @@
   <a class="topBtn" href="#home">
     <i class="xi-arrow-up"></i>
   </a>
-  <div class="sub-inner">
+  <div class="pc-sub sub-inner">
     <div class="sub-ti">
       <div class="breadcrumbs">
         <ul>
@@ -159,7 +160,110 @@
     </div>
   </div><!--//sub-inner-->
 
-  
+  <div class="mo-sub">
+    <div class="sub-inner">
+      <div class="sub-ti">
+        <div class="breadcrumbs">
+          <ul>
+            <li><a href="index.html"><i class="xi-home"></i>Home</a></li>
+            <li class="on"><a href="company.html">회사소개</a></li>
+          </ul>
+        </div>
+        <h4>회사소개</h4>
+      </div>
+      <div class="design-line-ti"></div> 
+      <div class="sub-cont company">
+         <div class="img">
+           <img src="images/company_m.jpg">
+         </div>
+         <!-- <div class="design-line"></div> -->
+         <div class="txt">
+          <div class="txt-box">
+            <h6>가치를 존중하며, 신뢰를 바탕으로 실천하는 기업</h6>
+            <p>
+              항공·전문 IT산업분야의 소프트웨어 개발 전문 기업으로써<br/>
+              개발, 연구 & 컨설팅 등 기술력 기반으로 전문인력 중심으로 수행하고 있습니다
+            </p>
+          </div>
+            <div class="txt-box">
+              <h6>PALNETWORKS의 의미</h6>
+              <p>
+              PAL은 모두 가깝게 오래 사귄 사람을 뜻하는 ‘친구’라는 의미와 ​좋은 친구 Good friend, 짝꿍 Mate 란 의미입니다.
+              신뢰는 사람을 사람다운 사람으로 만드는 것이고 신뢰가 있는 친구는 그 무엇보다 소중한 진정한 친구라 할 수 있습니다. 
+              PAL네트웍스는 사람에 따뜻한 가치를 존중하며, 신뢰를 바탕으로 실천하는 기업입니다.
+              </p>
+            </div>
+            <div class="txt-box">
+              <h6><span class="point-txt">항공산업의 기술혁신 선도</span>를 통한 파트너 고객만족 지원</h6>
+              <p>
+                미션은 효율적이고 혁신적인 기술로 항공산업에 이바지 하는 시스템과 관련기술을
+                구축 개발하여 대한민국의 현재와 미래 발전에 기여하는 것입니다.
+              </p>
+            </div>
+        </div>
+      </div>
+      <div class="sub-cont company">
+        <div class="certification">
+          <div class="txt-box">
+            <h6>인증 및 특허 현황</h6>
+            <p>
+              벤처기업등록, 기업부설연구소, 소프트웨어등록증, 직접생산증명원 ADS-978(KC 인증) 비행정보통합관리시스템(특허출원),<br/>
+              항공기의 지상 이동 소요시간 예측 시스템 및 방법(특허출원)
+            </p>
+          </div>
+            <div class="certification-box">
+              <ul>
+                <li>
+                  <div>
+                    <span class="icon"><img src="images/certification01.png"></span>
+                    <span class="ti">인천시 항공 유망기업 인증</span>
+                    <span class="txt">2018년 12월<br/>인천시 항공 유망기업으로 선정</span>
+                  </div>
+                </li>
+                <li>
+                  <div>
+                    <span class="icon"><img src="images/certification02.png"></span>
+                    <span class="ti">인천 관광벤처 인증</span>
+                    <span class="txt">2020년 06월<br/>인천 관광벤처 인증</span>
+                  </div>
+                </li>
+                <li>
+                  <div>
+                    <span class="icon"><img src="images/certification03.png"></span>
+                    <span class="ti">관광사업 등록증</span>
+                    <span class="txt">2018년 04월<br/>관광 사업 등록</span>
+                  </div>
+                </li>
+                <li>
+                  <div>
+                    <span class="icon"><img src="images/certification04.png"></span>
+                    <span class="ti">벤처기업 확인서</span>
+                    <span class="txt">2018년 07월<br/>벤처기업 인증</span>
+                  </div>
+                </li>
+                <li>
+                  <div>
+                    <span class="icon"><img src="images/certification05.png"></span>
+                    <span class="ti">KT 클라우드 총판</span>
+                    <span class="txt">2021년 03월<br/>KT 클라우드 인천총판 등록</span>
+                  </div>
+                </li>              
+              </ul>
+            </div>
+        </div>
+      </div>
+      <div class="sub-cont company-link">
+        <a class="link01" href="map.html" target="_self">
+          <span>찾아오시는 길</span>
+          <span class="arrow"></span>
+        </a>
+        <a class="link02" href="#none" target="_self">
+          <span>Contect us</span>
+          <span class="arrow"></span>
+        </a>
+      </div>
+    </div><!--//sub-inner-->
+  </div>
 </div><!--//container-->
 
 <footer id="footer" class="ft-sub"></footer>

html/css/common.css

@@ -1,5 +1,5 @@
 @charset "utf-8";
-body,html{overflow-x: hidden;}  
+#main{overflow: hidden!important;}
 /* 본문 바로가기 */
 #skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
 #skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
@@ -17,7 +17,7 @@ body,html{overflow-x: hidden;}
 #hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #logo a{display:block;padding:20px;}
 #logo a img{width:200px;}
-#hd_wrapper{min-width:1280px;display:flex;width:100%;justify-content: space-between;}
+#hd_wrapper{display:flex;width:100%;justify-content: space-between;}
 
 .hd-sub #hd{position:fixed;background:#fff!important;border-bottom:1px solid #ddd;}
 .hd-sub .color_logo{display:block;}
@@ -116,7 +116,7 @@ position:fixed;right:50px;bottom:20px;z-index:999;display:flex;justify-content:c
 .topBtn i{font-size:20px;color:#fff;}  
 
 /*footer*/
-#footer{background:#21272e;position:absolute;bottom:0;width:100%;height:200px;}
+#footer{z-index:0;background:#21272e;position:absolute;bottom:0;width:100%;height:200px;}
 .footer-box{display:flex;}
 .ft-logo{padding-right:80px;}
 .ft-logo img{width:200px;}
@@ -332,7 +332,7 @@ padding:18px 20px 15px 20px;font-weight:500;margin: 0px auto;font-size:1rem;box-
 .mg_box.on{z-index:9999;}
 .m_gnb{position:absolute; top:0; right:-100%; width:100%; z-index:9; transition:0.3s ease; -webkit-transition:0.3s ease;}
 .m_gnb.on{z-index:9999; right:0;}
-div.mg_btn{display:none;position:absolute; top:15px; right:10px; z-index:99999;
+div.mg_btn{display:none;position:absolute; top:27px; right:10px; z-index:99999;
 transition:0.5s ease; -webkit-transition:0.5s ease; -o-transition:0.5s ease;
 transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s;
 }
@@ -353,19 +353,27 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d
 .m_gnb div.mg_bk.on{display:block; opacity:0.9;}
 
 /*1024이하 메인*/
+#mo-main{display:none}
 #mo-main .swiper-button-next:after, #mo-main .swiper-rtl .swiper-button-prev:after{color:#fff;font-size:25px;}
 #mo-main .swiper-button-prev:after, #mo-main .swiper-rtl .swiper-button-next:after{color:#fff;font-size:25px;}
-
+.hd-sub div.mg_btn span{background:#000}
+.mo-sub{display:none;}
 @media screen and (max-width:1024px){
+  body,html{height:100%;}
+  #mo-main{display:block;}
   #fullpage{display:none}
   .pc-hd{display:none}
+  .hd-sub #hd_wrapper{background:#fff}
   #fp-nav{display:none;}
   div.mg_btn{display:block;}
-  html,body{}
+  #hd{position:absolute}
   #hd:hover{background:inherit!important;}
-  #mo-main .main-bn{height:520px;background-size:cover;display: flex;align-items: center;}
+  #hd .color_logo{display:none}
-  #mo-main .main-bn.bg04{height:auto;background-size:400px;}
+  #hd .wh_logo{display:block}
-  #container{height:100%;}
+  .hd-sub #hd .wh_logo{display:none}
+  .hd-sub #hd .color_logo{display:block}
+  #mo-main .main-bn{height:550px;background-size:cover;display: flex;align-items: center;}
+  #mo-main .main-bn.bg04{height:auto;background-size:400px;padding:80px 0;}
   .inner{width:100%;padding:0 20px;position: inherit;top:0;left:0;transform: inherit;}
   .bg-square{width:200px;height:200px;top:-50px}
   .main-txt-box{padding:0 40px;}
@@ -373,13 +381,78 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d
   .bg01 .inner{padding:0 60px;}
   .bg02 .main-txt-box, .bg03 .main-txt-box{padding-left:40px;}
   .mg_btn{display:block;}
-  .main-bn h2{font-size:2rem}
+  .main-bn h2{font-size:1.8rem}
+  .main-bn h4{font-size:1.4rem}
   .main-bn .big{font-size:4rem}
   .main-txt-box b{font-size:2.5rem;}
   .main-txt-box{font-size:1.25rem;word-break: keep-all;}
+  .main-bn .sm{margin:10px 0 0 0}
   .bg04 .inner{padding-top:0px;}
-  .line-box{display:none;}
+  .list-box .icon img{width:80px;}
+  .list-box .ti{font-size:1rem;}
   .box > a{width:220px;height:220px;}
-  .list-box{width:220px;height:220px;}
+  .list-box{width:100%;height:100%;}
-  #footer{position: initial;}
+  .box:hover .list-box{ opacity: 1; }
+  #footer{position: initial;display: flex;align-items: center;height:auto;padding:40px 0;}
+  .footer-box{flex-direction: column;text-align: center;}
+  .ft-logo{padding-right:0;}
+  .ft-logo img{width:180px;margin-bottom:14px;}
+  .ft-info span{font-size:0.75rem;}
+  .topBtn{display:flex!important;bottom:100px;}
+  /*sub*/
+  .mo-sub{display:block}
+  .pc-sub{display:none;}
+  .mo-sub .sub-inner{width:100%;padding:0 20px;}
+  .mo-sub .sub-ti h4{font-size:2.5rem;padding:60px 0;}
+  .mo-sub .sub-cont{padding:60px 0;flex-direction: column;}
+  .mo-sub .company .img{margin-bottom:40px;margin-right:0;}
+  .mo-sub .company .img img{width:100%;}
+  .mo-sub .company .txt-box + .txt-box{margin-top:20px;}
+  .mo-sub .company-link a + a{margin-left:0;margin-top:20px;}
+  .mo-sub .sub-cont + .sub-cont{padding-top:0px;}
+  .mo-sub .certification-box ul li{margin-top:40px;}
+  .mo-sub .sub-cont h6{font-size:1.5rem}
+  .mo-sub .history-box{padding:0 80px;min-height:auto}
+  .mo-sub .swiper-container-history{width:100%;}
+  .mo-sub .swiper-container-history .swiper-button-next, .mo-sub .swiper-container-history .swiper-rtl .swiper-button-prev{right:20px;}
+  .mo-sub .swiper-container-history .swiper-button-prev, .mo-sub .swiper-container-history .swiper-rtl .swiper-button-next{left:20px;}
+  .mo-sub .sub-cont.history{overflow-x: hidden;}
 }
+@media screen and (max-width:520px){
+  .m_gnb div.mg_wrap{width:100%;}
+  #logo a img{width:150px;}
+  .main-bn h2{font-size:1rem;}
+  .main-bn .big{font-size:2rem;margin:20px 0;}
+  .main-txt-box b{font-size:1.5rem}
+  .main-txt-box{font-size:0.875rem}
+  .main-bn .sm{font-size:0.875rem}
+  .bg-square{width:100px;height:100px;top:0px;border: 10px solid rgba(255,255,255,0.2);}
+  .main-bn h4{font-size:1rem;}
+  #mo-main .main-bn.bg04{padding:40px 0;}
+  .box > a{width:140px;height:140px;}
+  .list-box .icon img{width:40px;}
+  .bg04 ul{justify-content: space-around;}
+  .list-box .ti{font-size:0.75rem;}
+  .topBtn{bottom:70px;right:20px}
+  div.mg_btn{top:24px;}
+  .hd-sub div.mg_btn span{width:30px;margin:8px}
+  div.mg_btn.on span{margin:10px;}
+  .mo-sub .sub-ti h4{font-size:1.8rem}
+  .breadcrumbs{top:0px;}
+  .breadcrumbs ul li a{font-size:0.725rem}
+  div.mg_btn span{width:30px;margin:5px;}
+  .mo-sub{word-break: keep-all;}
+  .mo-sub .sub-cont h6{font-size:1.25rem;}
+  .mo-sub .company .txt-box p{font-size:0.875rem;}
+  .mo-sub .certification-box .ti{text-align: center;}
+  .mo-sub .company-link a{padding:40px 20px;}
+  .mo-sub .company-link a span{font-size:1.2rem}
+  .mo-sub .list-txt > li b{display:block}
+  .mo-sub .list-txt > li b.wh_txt{display:none}
+  .mo-sub .sub-cont .history-box h6{font-size:1.5rem}
+  .mo-sub .history{height:100%;}
+  .mo-sub .history-box{padding:30px 40px 0 30px}
+  .mo-sub .swiper-container-history .swiper-button-next, .mo-sub .swiper-container-history .swiper-rtl .swiper-button-prev{top:-10px;}
+  .mo-sub .swiper-container-history .swiper-button-prev, .mo-sub .swiper-container-history .swiper-rtl .swiper-button-next{top:-10px;}
+  .mo-sub .swiper-container-history:nth-child(2){height:500px;}
+  .mo-sub .swiper-container-history { 

html/history.html

@@ -56,7 +56,7 @@
   <a class="topBtn" href="#home">
     <i class="xi-arrow-up"></i>
   </a>
-  <div class="sub-inner">
+  <div class="pc-sub sub-inner">
     <div class="sub-ti">
       <div class="breadcrumbs">
         <ul>
@@ -68,7 +68,7 @@
     </div>
     <div class="design-line-ti"></div> 
   </div>
-  <div class="sub-cont history">
+  <div class="pc-sub sub-cont history">
     <div class="swiper swiper-container-history">
       <div class="swiper-wrapper">
         <div class="swiper-slide">
@@ -193,6 +193,145 @@
     </div> 
   </div>
   
+  <div class="mo-sub">
+    <div class="sub-inner">
+      <div class="sub-ti">
+        <div class="breadcrumbs">
+          <ul>
+            <li><a href="index.html"><i class="xi-home"></i>Home</a></li>
+            <li class="on"><a href="company.html">연혁</a></li>
+          </ul>
+        </div>
+        <h4>연혁</h4>
+      </div>
+      <div class="design-line-ti"></div> 
+    </div>
+    <div class="sub-cont history">
+      <div class="swiper swiper-container-history">
+        <div class="swiper-wrapper">
+          <div class="swiper-slide">
+            <div class="history-box">
+              <h6>2021</h6>
+              <ul class="list-txt">
+                <li><b>02</b> 현대자동차 QR코드 출입시스템 운영 및 유지보수(현대자동차)</li>
+                <li><b>03</b> 파브 기술 및 기업/산업 현황 분석(인천테크노파크)</li>
+                <li><b class="wh_txt">03</b> 파브 부품 상용화 대응 기술 및 제도 인프라 조사용역(인천테크노파크)</li>
+                <li><b class="wh_txt">03</b> 인천광역시 스마트관광도시 조성사업 품질보증 용역(인천스마트시티)
+                <li><b class="wh_txt">03</b> KT 클라우드 인천총판 등록(KT)</li>
+                <li><b>06</b> 드론 규제 샌드박스 사업
+                      (드론 관리 체계에 따른 식별장치 및 비행 관제시스템 구축)(항공안전기술원)</li>
+                <li><b class="wh_txt">06</b> SSG 여행몰 유지보수 용역(SSG.com)</li>
+                <li><b>07</b> KB 국민은행 소프트웨어 경진대회 메타버스 구축 및
+                      콘텐츠 개발 운영사업(사피엔스 4.0)</li>
+                <li><b class="wh_txt">07</b> XR 융합콘텐츠 실증 및 개발지원 과제 협약(인천테크노파크)</li>
+                <li><b class="wh_txt">07</b> 현대자동차 무인전시장 QR 코드인증 출입시스템 개발</li>
+                <li><b>08</b> 드론 실증 비즈니스 사업화(공공서비스 기술 고도화) 선정 관련기사</li>
+                <li><b>09</b> 캐플릭스 OTA 항공서비스 구축(제주패스)(캐플릭스)</li>
+                <li><b class="wh_txt">09</b> 지역특화 데이터 산업화 기반 조성 사업 선정</li>
+                <li><b>10</b> ADEX 2021 전시회 참가 관련기사</li>
+                <li><b class="wh_txt">10</b> 기업 디지털 트랜스포메이션(DT)을 통한 클라우드 전환 사업 선정</li>
+                <li><b>11</b> 인천 PAV 컨소시엄 선정 관련기사</li>
+                <li><b>12</b> KMF(Korea Metaverse Festival) 전시회 참가</li>
+              </ul>
+            </div>
+          </div>
+          <div class="swiper-slide">
+            <div class="history-box">
+              <h6>2020</h6>
+              <ul class="list-txt">
+                <li><b>03</b> 하이에어 통합시스템 유지보수(하이에어)</li>
+                <li><b>05</b> 뉴비지니스 모델링 프로젝트(인하공업전문대학)</li>
+                <li><b class="wh_txt">05</b> VR·AR 융합콘텐츠 실증 및 개발지원 과제 선정(인천테크노파크)</li>
+                <li><b class="wh_txt">05</b> QR코드 활용 방문자 방역관리 모바일웹 개발(인천관광공사)</li>
+                <li><b>06</b> 인천관광벤처사업 공모전 선정</li>
+                <li><b class="wh_txt">06</b> QR 출입명부 및 자동도어제어 시스템 개발 (현대자동차)</li>
+                <li><b>08</b> QR 출입명부 및 자동도어제어 시스템 유지보수 (현대자동차)</li>
+                <li><b class="wh_txt">08</b> QR코드 활용 방문자 방역관리 모바일웹 유지보수(인천관광공사) </li>
+                <li><b>10</b> 하이에어 웹투어 연동(하이에어)</li>
+                <li><b class="wh_txt">10</b> 클라우드 서비스 이용료 지원(클라우드 바우처 운영사무국)</li>
+                <li><b>11</b> 안전관광 관련 방역 시스템 구축 용역 입찰(한국여행업협회)</li>
+                <li><b>12</b> IATA(국제항공운송협회: International Air Transport Association)
+                Online Agency Accreditation 인증</li>
+              </ul>
+            </div>
+          </div>
+          <div class="swiper-slide">
+            <div class="history-box">
+              <h6>2019</h6>
+              <ul class="list-txt">
+                <li><b>06</b> IBS(PSS, 승무원 스케쥴, MRO) MOU 체결</li>
+                <li><b class="wh_txt">06</b> 하이에어 IBS PSS 개발 및 납품</li>
+                <li><b class="wh_txt">06</b> 하이에어 안전보안시스템(E-SMS)개발</li>
+                <li><b class="wh_txt">06</b> 하이에어 Weight & balance system개발</li>                     
+              </ul>
+            </div>
+            <div class="border-gray"></div>
+            <div class="history-box" class="list-txt">
+              <h6>2018</h6>
+              <ul class="list-txt">
+                <li><b>01</b> 항공사 홈페이지 예약시스템 구축(에어필립)</li>
+                <li><b>04</b> 드론을 활용한 항공등화시설 정밀점검(항공안전기술원)</li>
+                <li><b>05</b> 한서대학교 신학연 MOU</li>
+                <li><b>06</b> PAL&TOUR 국외여행업 등록</li>
+                <li><b class="wh_txt">06</b> 에어필립 항공사 홈페이지 유지보수</li>
+                <li><b>07</b> 벤처기업 인증</li>
+                <li><b class="wh_txt">07</b> 시험용 UTM 시스템 DB 구축 용역 개발(KT)</li>
+                <li><b>11</b> 인하공전 MOU 체결</li>
+                <li><b>12</b> 인천광역시 인천 항공 유망기업 지정</li>                                
+              </ul>
+            </div>
+          </div>
+          <div class="swiper-slide">
+            <div class="history-box" class="list-txt">
+              <h6>2017</h6>
+              <ul class="list-txt">
+                <li><b>01</b> 경량항공기 내비게이션 및 비행상황관리시스템 개발(국토교통부)</li> 
+                <li><b>05</b> A CDM 설계 및 RMS 개선용역(한국공항공사)</li> 
+                <li><b>07</b> IBTP MOU 체결</li> 
+                <li><b>11</b> 항공사 정비시스템 구축 (에어필립)</li> 
+                <li><b>12</b> 본사 로봇타워 이전</li>                    
+              </ul>
+            </div>
+            <div class="border-gray"></div>
+            <div class="history-box">
+              <h6>2016</h6>
+              <ul class="list-txt">
+                <li><b>07</b> 항공인력양성사업 정보화시스템 개선 및 유지보수(항공협회)</li>                               
+              </ul>
+            </div>
+          </div>
+          <div class="swiper-slide">
+            <div class="history-box" class="list-txt">
+              <h6>2015</h6>
+              <ul class="list-txt">
+                <li><b>01</b> 주민자치센터 홈페이지 운영시스템(인천시)</li> 
+                <li><b>07</b> 기업부설연구소 인정</li> 
+                <li><b class="wh_txt">07</b> 아우리포탈 ActiveX 제거사업(인천공항공사)</li> 
+                <li><b>10</b> ㈜팔네트웍스 법인 전환</li> 
+                <li><b>12</b> 중소기업청 창업성장과제 체택 (완료:성공판정)</li>                            
+              </ul>
+            </div>
+            <div class="border-gray"></div>
+            <div class="history-box">
+              <h6>2014</h6>
+              <ul class="list-txt">
+                <li><b>07</b> 개인기업 '팔네트웍스' 개업</li> 
+                <li><b class="wh_txt">07</b> 항공인력양성사업 정보화시스템, 정보보호를 위한 시스템 보완 용역(항공협회)</li> 
+                <li><b class="wh_txt">07</b> 미얀마국제항공 웹사이트 구축(크리스탈에비에이션)</li> 
+                <li><b>10</b> 직접생산등록</li> 
+                <li><b class="wh_txt">10</b> 세계 책의 수도 홈페이지 구축용역(인천시)</li>                              
+              </ul>
+            </div>
+          </div>
+        </div>
+        
+        <div class="swiper-button-next"></div>
+        <div class="swiper-button-prev"></div>
+        <!-- <div class="swiper-scrollbar"></div> -->
+      </div> 
+    </div>
+
+  </div>
 </div>
 <!--//main-->
 <footer id="footer" class="ft-sub"></footer>

html/index.html

@@ -50,14 +50,11 @@
   </script>
 <style>
 body,html{
-    overflow-y: hidden !important;
     position: relative;
-}
+    overflow: auto!important;
-@media screen and(max-width:1024px) {
-  body,html{overflow:auto!important;height:100%;}
 }
 </style>
-<body>
+<body id="main">
 <!--header-->
 <header id="header"></header>
 <!--//header-->
@@ -476,17 +473,17 @@ body,html{
       <div class="swiper-slide slide-box">
         <div class="section main-bn bg01">
           <div class="inner">
-            <h2 class="wow fadeInUp" data-wow-duration="2s">가치를 존중하며 신뢰를 바탕으로 실천하는 기업</h2>
+            <h2 class="" data-wow-duration="2s">가치를 존중하며 신뢰를 바탕으로 실천하는 기업</h2>
-            <span class="wow fadeInUp big" data-wow-duration="3s">PAL Networks</span>
+            <span class="big" data-wow-duration="3s">PAL Networks</span>
-            <span class="wow fadeInUp sm" data-wow-duration="4s">항공·전문 IT산업분야의 소프트웨어 개발 전문 기업</span>
+            <span class="sm" data-wow-duration="4s">항공·전문 IT산업분야의 소프트웨어 개발 전문 기업</span>
           </div>
         </div>
       </div>
       <div class="swiper-slide slide-box">
         <div class="section main-bn bg02">
           <div class="inner">
-            <span class="wow fadeInLeft bg-square"></span>
+            <span class="bg-square"></span>
-            <p class="wow fadeInUp main-txt-box" data-wow-duration="2s">
+            <p class="main-txt-box" data-wow-duration="2s">
               <b>팔네트웍스</b> 는<br/>
               <b>‘인천 항공 산업 선도기업’</b> 유망기업으로 선정된 항공 소프트웨어 전문 기업입니다.
             </p>
@@ -496,8 +493,8 @@ body,html{
       <div class="swiper-slide slide-box">
         <div class="section main-bn bg03">
           <div class="inner">
-            <span class="wow fadeInLeft bg-square"></span>
+            <span class="bg-square"></span>
-            <p class="wow fadeInUp main-txt-box" data-wow-duration="2s">
+            <p class="main-txt-box" data-wow-duration="2s">
               <b>미래 항공산업과 지상의 이동수단</b> 을 연결하는<br/>
               <b>미래 모빌리티</b>를 준비합니다.
             </p>
@@ -515,30 +512,17 @@ body,html{
 
     <div class="section main-bn bg04">
       <div class="inner">
-        <h4 class="wow fadeInDown">
+        <h4 class="">
           팔네트웍스는 현재의 항공 플랫폼을 제공하고<br/>
           미래의 항공플랫폼인 UAM/PAV를 준비합니다.
         </h4>
-        <ul class="wow fadeInUp">
+        <ul class="">
           <li class="box">
             <a href="#none">
               <div class="list-box">
                 <span class="icon"><img src="images/mainicon02.png"></span>
                 <span class="ti">항공예약 플랫폼</span>
               </div>
-              <div class="line-box">
-                <div class="line">
-                  <span>
-                    <span class="txt">
-                      인터넷 부킹 엔진 기반<br/>
-                      항공예약 서비스
-                    </span>
-                    <span class="more">
-                      자세히보기
-                    </span>
-                  </span>
-                </div>
-              </div>
             </a>
           </li>
           <li class="box">
@@ -547,19 +531,6 @@ body,html{
                 <span class="icon"><img src="images/mainicon01.png"></span>
                 <span class="ti">스마트 관광 예약 플랫폼</span>
               </div>
-              <div class="line-box">
-                <div class="line">
-                  <span>
-                    <span class="txt">
-                      항공권, 먹거리, 공연 등<br/>
-                      통합 발권 서비스
-                    </span>
-                    <span class="more">
-                      자세히보기
-                    </span>
-                  </span>
-                </div>
-              </div>
             </a>
           </li>
           <li class="box">
@@ -568,19 +539,6 @@ body,html{
                 <span class="icon"><img src="images/mainicon04.png"></span>
                 <span class="ti">VR/AR 시뮬레이터</span>
               </div>
-              <div class="line-box">
-                <div class="line">
-                  <span>
-                    <span class="txt">
-                      예비 조종사를 위한<br/>
-                      항공 시뮬레이터
-                    </span>
-                    <span class="more">
-                      자세히보기
-                    </span>
-                  </span>
-                </div>
-              </div>
             </a>
           </li>
           <li class="box">
@@ -589,20 +547,6 @@ body,html{
                 <span class="icon"><img src="images/mainicon05.png"></span>
                 <span class="ti">상황관제 시스템</span>
               </div>
-              <div class="line-box">
-                <div class="line">
-                  <span>
-                    <span class="txt">
-                      환경/상황관제/안티드론 등<br/>
-                      PAV/UAM/DRONE<br/>
-                      제어 솔루션
-                    </span>
-                    <span class="more">
-                      자세히보기
-                    </span>
-                  </span>
-                </div>
-              </div>
             </a>
           </li>
           <li class="box">
@@ -611,19 +555,6 @@ body,html{
                 <span class="icon"><img src="images/mainicon03.png"></span>
                 <span class="ti">클라우드</span>
               </div>
-              <div class="line-box">
-                <div class="line">
-                  <span>
-                    <span class="txt">
-                      고객사에 맞는 다양한<br/>
-                      클라우드 서비스 제공
-                    </span>
-                    <span class="more">
-                      자세히보기
-                    </span>
-                  </span>
-                </div>
-              </div>
             </a>
           </li>
           <li class="box">
@@ -632,19 +563,6 @@ body,html{
                 <span class="icon"><img src="images/mainicon06.png"></span>
                 <span class="ti">드론 3D 촬영</span>
               </div>
-              <div class="line-box">
-                <div class="line">
-                  <span>
-                    <span class="txt">
-                      드론을 활용한<br/>
-                      3D 촬영
-                    </span>
-                    <span class="more">
-                      자세히보기
-                    </span>
-                  </span>
-                </div>
-              </div>
             </a>
           </li>
         </ul>

html/js/common.js

@@ -256,6 +256,32 @@ $(function(){
 
 });
 
+$(function(){
+  new Swiper('.mo-sub .swiper-container-history');
+  const swiper = new Swiper('.mo-sub .swiper-container-history', {
+     //기본 셋팅 
+     direction: 'horizontal', 
+     slidesPerView: 1, // 슬라이드를 한번에 3개를 보여준다
+     slidesPerGroup :1, // 그룹으로 묶을 수, slidesPerView 와 같은 값을 지정하는게 좋음
+     spaceBetween: 0, // 슬라이드간 padding 값 30px 씩 떨어뜨려줌
+     
+     // 그룹수가 맞지 않을 경우 빈칸으로 메우기
+     // 3개가 나와야 되는데 1개만 있다면 2개는 빈칸으로 채워서 3개를 만듬
+     loopFillGroupWithBlank : true,
+
+     loop: true,
+     autoplay: false,
+      //방향표 
+        navigation: { 
+        //다음페이지 설정 
+        nextEl: '.swiper-button-next', 
+        //이전페이지 설정 
+        prevEl: '.swiper-button-prev', 
+      }, 
+    });
+
+});
+
 $(function(){
 	$('ul.tabs li').click(function(){
 		var tab_id = $(this).attr('data-tab');