geun1416 2 years ago
parent
commit
2d06cf1b86
  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

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

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

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 133 KiB

104
html/index.html

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

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

Loading…
Cancel
Save