.

html/css/common.css

@@ -1,5 +1,6 @@
 @charset "utf-8";
 #main{overflow: hidden!important;}
+html, body{overflow-x:hidden;}
 /* 본문 바로가기 */
 #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}
@@ -412,14 +413,20 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d
   .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 .history-box{padding:0 80px;min-height:600px}
-  .mo-sub .swiper-container-history{width:100%;}
+  .mo-sub .swiper-container-history{width:100%;overflow: hidden!important;}
   .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;}
+  .mo-sub .border-gray{margin:40px 0;}
+  .mo-sub .pt01 ul{width:100%;}
+  .mo-sub .pt01 ul li{width:33.333%}
+  .mo-sub .pt01 ul li:hover{box-shadow:none; z-index:10;}
 }
 @media screen and (max-width:520px){
   .m_gnb div.mg_wrap{width:100%;}
+  .m_gnb div.mg_wrap>ul>li>a{font-size:1.5rem}
+  .m_gnb div.mg_wrap>ul>li>ul>li>a{font-size:1.125rem}
   #logo a img{width:150px;}
   .main-bn h2{font-size:1rem;}
   .main-bn .big{font-size:2rem;margin:20px 0;}
@@ -450,9 +457,20 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d
   .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{padding-top:0;}
-  .mo-sub .history-box{padding:30px 40px 0 30px}
+  .mo-sub .history-box{padding:80px 30px 40px 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-next, .mo-sub .swiper-container-history .swiper-rtl .swiper-button-prev{top:45px;}
-  .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 .swiper-button-prev, .mo-sub .swiper-container-history .swiper-rtl .swiper-button-next{top:45px;}
   .mo-sub .swiper-container-history:nth-child(2){height:500px;}
-  .mo-sub .swiper-container-history { 
+  .mo-sub .list-txt > li{font-size:0.875rem}
+  .mo-sub .pt01 ul li{width:50%}
+  .mo-sub .traffic ul li{padding:20px 0}
+  .mo-sub .traffic ul li div{padding-left:0;}
+  .mo-sub .traffic .list01{background-image:none}
+  .mo-sub .traffic .list02{background-image:none}
+  .mo-sub .traffic .list03{background-image:none}
+  .mo-sub .traffic_content > span{display:block}
+  .mo-sub .traffic ul li div span{line-height:1.8}
+  .mo-sub .table_st th, .table_st td{padding:4px}
+}
+

html/history.html

@@ -264,21 +264,21 @@
                 <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="border-gray"></div>
+              <div class="list-txt">
-            <div class="history-box" class="list-txt">
+                <h6>2018</h6>
-              <h6>2018</h6>
+                <ul class="list-txt">
-              <ul class="list-txt">
+                  <li><b>01</b> 항공사 홈페이지 예약시스템 구축(에어필립)</li>
-                <li><b>01</b> 항공사 홈페이지 예약시스템 구축(에어필립)</li>
+                  <li><b>04</b> 드론을 활용한 항공등화시설 정밀점검(항공안전기술원)</li>
-                <li><b>04</b> 드론을 활용한 항공등화시설 정밀점검(항공안전기술원)</li>
+                  <li><b>05</b> 한서대학교 신학연 MOU</li>
-                <li><b>05</b> 한서대학교 신학연 MOU</li>
+                  <li><b>06</b> PAL&TOUR 국외여행업 등록</li>
-                <li><b>06</b> PAL&TOUR 국외여행업 등록</li>
+                  <li><b class="wh_txt">06</b> 에어필립 항공사 홈페이지 유지보수</li>
-                <li><b class="wh_txt">06</b> 에어필립 항공사 홈페이지 유지보수</li>
+                  <li><b>07</b> 벤처기업 인증</li>
-                <li><b>07</b> 벤처기업 인증</li>
+                  <li><b class="wh_txt">07</b> 시험용 UTM 시스템 DB 구축 용역 개발(KT)</li>
-                <li><b class="wh_txt">07</b> 시험용 UTM 시스템 DB 구축 용역 개발(KT)</li>
+                  <li><b>11</b> 인하공전 MOU 체결</li>
-                <li><b>11</b> 인하공전 MOU 체결</li>
+                  <li><b>12</b> 인천광역시 인천 항공 유망기업 지정</li>                                
-                <li><b>12</b> 인천광역시 인천 항공 유망기업 지정</li>                                
+                </ul>
-              </ul>
+              </div>
             </div>
           </div>
           <div class="swiper-slide">
@@ -291,13 +291,13 @@
                 <li><b>11</b> 항공사 정비시스템 구축 (에어필립)</li> 
                 <li><b>12</b> 본사 로봇타워 이전</li>                    
               </ul>
-            </div>
+              <div class="border-gray"></div>
-            <div class="border-gray"></div>
+              <div>
-            <div class="history-box">
+                <h6>2016</h6>
-              <h6>2016</h6>
+                <ul class="list-txt">
-              <ul class="list-txt">
+                  <li><b>07</b> 항공인력양성사업 정보화시스템 개선 및 유지보수(항공협회)</li>                               
-                <li><b>07</b> 항공인력양성사업 정보화시스템 개선 및 유지보수(항공협회)</li>                               
+                </ul>
-              </ul>
+              </div>
             </div>
           </div>
           <div class="swiper-slide">
@@ -310,17 +310,17 @@
                 <li><b>10</b> ㈜팔네트웍스 법인 전환</li> 
                 <li><b>12</b> 중소기업청 창업성장과제 체택 (완료:성공판정)</li>                            
               </ul>
-            </div>
+              <div class="border-gray"></div>
-            <div class="border-gray"></div>
+              <div>
-            <div class="history-box">
+                <h6>2014</h6>
-              <h6>2014</h6>
+                <ul class="list-txt">
-              <ul class="list-txt">
+                  <li><b>07</b> 개인기업 '팔네트웍스' 개업</li> 
-                <li><b>07</b> 개인기업 '팔네트웍스' 개업</li> 
+                  <li><b class="wh_txt">07</b> 항공인력양성사업 정보화시스템, 정보보호를 위한 시스템 보완 용역(항공협회)</li> 
-                <li><b class="wh_txt">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>10</b> 직접생산등록</li> 
+                  <li><b class="wh_txt">10</b> 세계 책의 수도 홈페이지 구축용역(인천시)</li>                              
-                <li><b class="wh_txt">10</b> 세계 책의 수도 홈페이지 구축용역(인천시)</li>                              
+                </ul>
-              </ul>
+              </div>
             </div>
           </div>
         </div>

html/js/common.js

@@ -261,6 +261,7 @@ $(function(){
   const swiper = new Swiper('.mo-sub .swiper-container-history', {
      //기본 셋팅 
      direction: 'horizontal', 
+     autoHeight : true,
      slidesPerView: 1, // 슬라이드를 한번에 3개를 보여준다
      slidesPerGroup :1, // 그룹으로 묶을 수, slidesPerView 와 같은 값을 지정하는게 좋음
      spaceBetween: 0, // 슬라이드간 padding 값 30px 씩 떨어뜨려줌

html/map.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>
@@ -228,6 +228,181 @@
       </div>
     </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="partner.html">찾아오시는 길</a></li>
+          </ul>
+        </div>
+        <h4>찾아오시는 길</h4>
+      </div>
+      <div class="design-line-ti"></div> 
+      <div class="sub-cont map">
+        <!-- * 카카오맵 - 지도퍼가기 -->
+        <!-- 1. 지도 노드 -->
+        <div id="daumRoughmapContainer1655271251050" class="root_daum_roughmap root_daum_roughmap_landing" style="width:100%;height:400px;"></div>
+        <p class="map-ti"><i class="xi-maker"></i>인천광역시 서구 로봇랜드로 155-11 로봇타워 14층(1401~2호) TEL.032-727-5908</p>
+        <!--
+          2. 설치 스크립트
+          * 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.
+        -->
+        <script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>
+  
+        <!-- 3. 실행 스크립트 -->
+        <script charset="UTF-8">
+          new daum.roughmap.Lander({
+            "timestamp" : "1655271251050",
+            "key" : "2amkr",
+            "mapHeight" : "400"
+          }).render();
+        </script>
+        <div class="map-box">
+          <div class="traffic">
+            <ul>
+              <li class="list01">
+                <div>
+                  <span class="traffic_title">자가용</span>
+                  <span class="traffic_content">
+                    <span><span class="start">서울 출발</span> : 서울외곽순환고속도로(43.5㎞) → 인천국제공항고속도로(9.4㎞) → 청중로(4.3㎞) → 로봇랜드로를 따라 639m 이동 →  인천로봇랜드 → 로봇타워</span>
+                    <br>
+                    <span><span class="start">인천 출발</span> : 경인고속도로(10.3㎞) → 서곶로(0.7㎞) → 봉오대로(2.4㎞) → 서해교차로에서 경인항(인천) 방면으로 우회전 → 로봇랜드로를 따라 346m 이동 → 인천로봇랜드 → 로봇타워</span>
+                  </span>
+                </div>
+              </li>
+              <li class="list02">
+                <div>
+                  <span class="traffic_title">대중교통</span>
+                  <span class="traffic_content">
+                    <span><span class="start">공항철도</span> : 공항철도 청라국제도시역 → 간선 2-1번 버스 승차 → 청라백세요양병원 정류장 하차 → 도보 10분 이동 → 로봇타워</span>
+                    <br>
+                    <span><span class="start">지하철</span> : 공항철도/인천2호선 검암역 → 간선 70번 버스 승차 → 청라로봇랜드 정류장 하차 → 로봇타워</span>
+                  </span>
+                </div>
+              </li>
+              <li class="list03">
+                <div>
+                  <span class="traffic_title">셔틀버스</span>
+                  <span class="traffic_content">
+                    <span><span class="start">셔틀버스 운행안내</span></span>
+                      <span class="shuttle_tit">※ 승차장</span>
+                      <table class="table_st center">
+                          <thead>
+                            <tr>
+                              <th scope="col">청라국제도시역</th>
+                              <th scope="col">로봇랜드</th>
+                              <th scope="col">가정역</th>
+                            </tr>
+                          </thead>
+                          <tbody>
+                            <tr>
+                              <td>청라역 1번출구 앞</td>
+                              <td>로봇타워 앞</td>
+                              <td>가정역 4번출구</td>
+                            </tr>
+                          </tbody>
+                        </table>
+                        <span class="shuttle_tit">※ 셔틀시간표(출발시간) 청라국제도시역(번출구) ↔ 로봇랜드</span>
+                        <table class="table_st center">
+                            <thead>
+                              <tr>
+                                <th scope="col">청라국제도시역 출발</th>
+                                <th scope="col">로봇랜드 출발</th>
+                              </tr>
+                            </thead>
+                            <tbody>
+                              <tr>
+                                <td>7:40</td>
+                                <td>17:10</td>
+                              </tr>
+                              <tr>
+                                <td>8:10</td>
+                                <td>17:40</td>
+                              </tr>
+                              <tr>
+                                <td>8:40</td>
+                                <td>18:10</td>
+                              </tr>
+                              <tr>
+                                <td>9:10</td>
+                                <td>18:40</td>
+                              </tr>
+                              <tr>
+                                <td>9:40</td>
+                                <td>17:10</td>
+                              </tr>
+                              <tr>
+                                <td></td>
+                                <td>19:40</td>
+                              </tr>
+                            </tbody>
+                          </table>
+                          <span class="shuttle_tit">※ 셔틀시간표(출발시간) 가정역A(4번출구) ↔ 로봇랜드</span>
+                          <table class="table_st center">
+                              <thead>
+                                <tr>
+                                  <th scope="col">가정역 출발</th>
+                                  <th scope="col">로봇랜드 출발</th>
+                                </tr>
+                              </thead>
+                              <tbody>
+                                <tr>
+                                  <td>7:00</td>
+                                  <td>18:10</td>
+                                </tr>
+                                <tr>
+                                  <td>7:40</td>
+                                  <td>19:00</td>
+                                </tr>
+                                <tr>
+                                  <td>8:30</td>
+                                  <td>19:50</td>
+                                </tr>
+                                <tr>
+                                  <td>9:30</td>
+                                  <td></td>
+                                </tr>
+                              </tbody>
+                            </table>
+                            <span class="shuttle_tit">※ 셔틀시간표(출발시간) 가정역B(4번출구)/청라단지 경유 ↔ 로봇랜드</span>
+                            <table class="table_st center">
+                                <thead>
+                                  <tr>
+                                    <th scope="col">가정역 출발</th>
+                                    <th scope="col">로봇랜드 출발</th>
+                                  </tr>
+                                </thead>
+                                <tbody>
+                                  <tr>
+                                    <td>7:20</td>
+                                    <td>17:10</td>
+                                  </tr>
+                                  <tr>
+                                    <td>8:20</td>
+                                    <td>18:10</td>
+                                  </tr>
+                                  <tr>
+                                    <td>9:20</td>
+                                    <td>19:30</td>
+                                  </tr>
+                                  <tr>
+                                    <td>9:30</td>
+                                    <td></td>
+                                  </tr>
+                                </tbody>
+                              </table>
+                  </span>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 <!--//main-->
 <footer id="footer" class="ft-sub"></footer>

html/partner.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>
@@ -105,6 +105,58 @@
 			</div>
     </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="partner.html">고객사 및 협력사</a></li>
+          </ul>
+        </div>
+        <h4>고객사 및 협력사</h4>
+      </div>
+      <div class="design-line-ti"></div> 
+      <div class="sub-cont partner">
+        <div class="pt01">
+          <div class="partner-box">
+            <h6>고객사</h6>
+            <ul>
+              <li><a href="https://www.hi-airlines.com/" target="_blank"><img src="images/banner01.png" alt="하이에어"></a></li>
+              <li><a href="https://www.asianasabre.co.kr/Airlinemain/Main/8M" target="_blank"><img src="images/banner09.png" alt="MAI"></a></li>
+              <li><a href="https://www.itp.or.kr/" target="_blank"><img src="images/banner15.png" alt="인천테크노파크"></a></li>
+              <li><a href="https://www.airport.kr/co/ko/index.do" target="_blank"><img src="images/banner16.png" alt="인천국제공항공사"></a></li>
+              <li><a href="https://www.ito.or.kr/" target="_blank"><img src="images/banner20.png" alt="인천관광공사"></a></li>
+              <li><a href="https://www.ismartcity.co.kr/default/" target="_blank"><img src="images/banner21.png" alt="인천스마트시티"></a></li>
+              <li><a href="https://www.hyundai.com/kr/ko/e" target="_blank"><img src="images/banner23.png" alt="현대자동차"></a></li>
+              <li><a href="https://www.jejupass.com/web" target="_blank"><img src="images/banner24.png" alt="캐플릭스"></a></li> 
+            </ul>
+          </div>
+          <div class="partner-box">
+            <h6>협력사</h6>
+            <ul>
+              <li><a href="http://www.ohcomon.com/" target="_blank"><img src="images/banner02.png" alt="심플한"></a></li>
+              <li><a href="https://www.kaia.re.kr/portal/main.do" target="_blank"><img src="images/banner03.png" alt="KAIA"></a></li>
+              <li><a href="https://www.itmakers.com.co/" target="_blank"><img src="images/banner04.png" alt="IT MAKRERS"></a></li>
+              <li><a href="https://www.kt.com/" target="_blank"><img src="images/banner05.png" alt="KT"></a></li>
+              <li><a href="https://www.ktds.com/index.jsp" target="_blank"><img src="images/banner06.png" alt="KTds"></a></li>
+              <li><a href="https://www.ibsplc.com/" target="_blank"><img src="images/banner07.png" alt="ibs"></a></li>
+              <li><a href="https://www.sita.aero/" target="_blank"><img src="images/banner08.png" alt="SITA"></a></li>         
+              <li><a href="http://www.hanseo.ac.kr/intro2/intro.html" target="_blank"><img src="images/banner10.png" alt="한서대학교"></a></li>
+              <li><a href="http://www.hangkong.ac.kr/web/index.do" target="_blank"><img src="images/banner11.png" alt="한국항공대학교"></a></li>
+              <li><a href="http://www.airtransport.or.kr/home/kor/main.do" target="_blank"><img src="images/banner12.png" alt="한국항공협회"></a></li>
+              <li><a href="https://www.airport.co.kr/www/index.do" target="_blank"><img src="images/banner13.png" alt="한국공항공사"></a></li>
+              <li><a href="https://www.kiast.or.kr/kr/index.do" target="_blank"><img src="images/banner14.png" alt="항공안전기술원"></a></li>
+              <li><a href="https://www.inha.ac.kr/kr/index.do" target="_blank"><img src="images/banner18.png" alt="인하대학교"></a></li>
+              <li><a href="https://www.inhatc.ac.kr/sites/kr/index.do" target="_blank"><img src="images/banner19.png" alt="인하공업전문대학"></a></li>
+              <li><a href="https://www.iata.org/" target="_blank"><img src="images/banner22.png" alt="IATA"></a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 <!--//main-->
 <footer id="footer" class="ft-sub"></footer>