palnetworks
/
pal-home-front
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

.

master
geun1416 2 years ago
parent
94af68ecc1
commit
2d06cf1b86
6 changed files with 371 additions and 111 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 108
      html/company.html
  2. 99
      html/css/common.css
  3. 143
      html/history.html
  4. BIN
      html/images/company_m.jpg
  5. 104
      html/index.html
  6. 26
      html/js/common.js

108
html/company.html
Unescape View File

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

99
html/css/common.css
Unescape View File

@ -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;}
#mo-main .main-bn.bg04{height:auto;background-size:400px;}
#container{height:100%;}
#hd .color_logo{display:none}
#hd .wh_logo{display:block}
.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;}
#footer{position: initial;}
.list-box{width:100%;height:100%;}
.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 {

143
html/history.html
Unescape View File

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

BIN
html/images/company_m.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 133 KiB

104
html/index.html
Unescape View File

@ -50,14 +50,11 @@
</script>
<style>
body,html{
overflow-y: hidden !important;
position: relative;
}
@media screen and(max-width:1024px) {
body,html{overflow:auto!important;height:100%;}
overflow: auto!important;
}
</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>
<span class="wow fadeInUp big" data-wow-duration="3s">PAL Networks</span>
<span class="wow fadeInUp sm" data-wow-duration="4s">항공·전문 IT산업분야의 소프트웨어 개발 전문 기업</span>
<h2 class="" data-wow-duration="2s">가치를 존중하며 신뢰를 바탕으로 실천하는 기업</h2>
<span class="big" data-wow-duration="3s">PAL Networks</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>
<p class="wow fadeInUp main-txt-box" data-wow-duration="2s">
<span class="bg-square"></span>
<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>
<p class="wow fadeInUp main-txt-box" data-wow-duration="2s">
<span class="bg-square"></span>
<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>

26
html/js/common.js
Unescape View File

@ -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');

Write Preview
Loading…
Cancel
Save