geun1416 2 years ago
parent
commit
b5625b86fa
  1. 32
      html/css/common.css
  2. 12
      html/history.html
  3. 1
      html/js/common.js
  4. 177
      html/map.html
  5. 54
      html/partner.html

32
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 .swiper-container-history{width:100%;}
.mo-sub .history-box{padding:0 80px;min-height:600px}
.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-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 .history{padding-top:0;}
.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:45px;}
.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}
}

12
html/history.html

@ -264,9 +264,8 @@
<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">
<div class="list-txt">
<h6>2018</h6>
<ul class="list-txt">
<li><b>01</b> 항공사 홈페이지 예약시스템 구축(에어필립)</li>
@ -281,6 +280,7 @@
</ul>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="history-box" class="list-txt">
<h6>2017</h6>
@ -291,15 +291,15 @@
<li><b>11</b> 항공사 정비시스템 구축 (에어필립)</li>
<li><b>12</b> 본사 로봇타워 이전</li>
</ul>
</div>
<div class="border-gray"></div>
<div class="history-box">
<div>
<h6>2016</h6>
<ul class="list-txt">
<li><b>07</b> 항공인력양성사업 정보화시스템 개선 및 유지보수(항공협회)</li>
</ul>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="history-box" class="list-txt">
<h6>2015</h6>
@ -310,9 +310,8 @@
<li><b>10</b> ㈜팔네트웍스 법인 전환</li>
<li><b>12</b> 중소기업청 창업성장과제 체택 (완료:성공판정)</li>
</ul>
</div>
<div class="border-gray"></div>
<div class="history-box">
<div>
<h6>2014</h6>
<ul class="list-txt">
<li><b>07</b> 개인기업 '팔네트웍스' 개업</li>
@ -324,6 +323,7 @@
</div>
</div>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>

1
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 씩 떨어뜨려줌

177
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>

54
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>

Loading…
Cancel
Save