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

.

master
geun1416 3 years ago
parent
c89d3a9ae4
commit
6ecc6e132d
5 changed files with 592 additions and 58 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. 329
      html/business01.html
  2. 280
      html/business02.html
  3. 35
      html/css/common.css
  4. 2
      html/include/header.html
  5. 4
      html/js/common.js

329
html/business01.html
Unescape View File

@ -61,76 +61,303 @@
<div class="breadcrumbs">
<ul>
<li><a href="index.html"><i class="xi-home"></i>Home</a></li>
<li class="on"><a href="business.html">BUSINESS</a></li>
<li><a href="#none">BUSINESS</a></li>
<li class="on"><a href="business01.html">System Integration</a></li>
</ul>
</div>
<h4 data-aos="fade-down" data-aos-duration="1000">BUSINESS</h4>
<h4 data-aos="fade-down" data-aos-duration="1000">System Integration
<span class="h-ti-span">고객에게 최적화된 정보시스템과 인프라를 제공하고<br/>나아가 운영까지의 모든 서비스를 책임지겠습니다. </span>
</h4>
</div>
<div class="design-line-ti"></div>
<div class="sub-cont work">
<div class="tabs-box">
<ul class="tabs">
<li class="tab-link current" data-tab="tab-1"><span>비행상황관리 시스템</span></li>
<li class="tab-link" data-tab="tab-2"><span>IBE(Internet Booking Engine)</span></li>
<li class="tab-link" data-tab="tab-3"><span>스마트 관광 예약 플랫폼</span></li>
<li class="tab-link" data-tab="tab-4"><span>KT G-cloud 인천총판</span></li>
<li class="tab-link current" data-tab="tab-1"><span>사업목표</span></li>
<li class="tab-link" data-tab="tab-2"><span>구축사례</span></li>
</ul>
</div>
<div id="tab-1" class="tab-content current">
<div class="solution-box wh-1280">
<div class="txt" data-aos="fade-right" data-aos-duration="1000">
<h6 class="point-txt">비행상황 관리 시스템</h6>
<p>
항공기, 무인기, 선박 등 실시간 식별정보를 통하여 모니터링 및 상황관리를 할 수 있는 시스템
<br/><br/>
각종 드론 상황관제, 환경측정, 미래산업인 드론/PAV/UAM을 활용한 사업들을 지원하기 위한
환경/물류/안티 드론 등의 상황관제 시스템을 연구하고 솔루션을 제공합니다.
</p>
<div class="business-info">
<div class="business-box-ti">
<h6 class="animated fadeIn">캐플릭스 OTA 사업을 위한 항공 서비스 구축</h6>
<span class="line"></span>
</div>
<div class="business-box">
<div class="txt" data-aos="fade-right" data-aos-duration="1000">
<h6 class="point-txt">제주패스 통합 서비스 브랜드 구축</h6>
<ul class="list-txt">
<li>제주패스 렌터카/숙박/항공 통합 서비스 여행 포털 서비스 구축</li>
<li>국제선 항공 서비스를 제공하여 해외시장 진출의 초석 마련</li>
<li>항공을 필두로 숙박 및 렌터카, 맛집, 카페 로 이어지는 제주패스의 종합 서비스 제공</li>
</ul>
</div>
<div class="img" data-aos="fade-left" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6 data-aos="fade-in" data-aos-duration="1000">안전관광 관련 방역 시스템 구축</h6>
<span class="line" data-aos="fade-in" data-aos-duration="1000"></span>
</div>
<div class="business-box">
<div class="txt" data-aos="fade-left" data-aos-duration="1000">
<h6 class="point-txt">안전관광 관련 방역 시스템 구축</h6>
<ul class="list-txt">
<li>코로나19 확산방지를 위한 방한 외국인(중국인 단체관광객)의 방역 관리</li>
<li>방한 외국인(중국인 단체관광객)의 방한기간 중 건강상태(발열, 심한 기침 및 인후통 등 코로나 의심증세) 체크 및 관리 등</li>
<li>여행기간 중 이동동선 파악 및 정보관리 등</li>
<li>중국전담여행사 전자관리시스템 연계를 통한 방역관리</li>
</ul>
</div>
<div class="img" data-aos="fade-right" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6 data-aos="fade-in" data-aos-duration="1000">클린인천 출입인증 시스템 구축</h6>
<span class="line" data-aos="fade-in" data-aos-duration="1000"></span>
</div>
<div class="business-box">
<div class="txt" data-aos="fade-right" data-aos-duration="1000">
<h6 class="point-txt">출입인증관리 시스템 구축</h6>
<ul class="list-txt">
<li>QR코드 활용, 방문자 방역 관리</li>
<li>행사장 방문자를 체계적으로 관리하여 확진자 발생 시 정확한 출입 정보 제공</li>
</ul>
</div>
<div class="img" data-aos="fade-left" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6 data-aos="fade-in" data-aos-duration="1000">SSG.COM 항공서비스 시스템 운영 및 유지보수</h6>
<span class="line" data-aos="fade-in" data-aos-duration="1000"></span>
</div>
<div class="business-box">
<div class="txt" data-aos="fade-left" data-aos-duration="1000">
<h6 class="point-txt">SSG.COM 항공서비스 시스템 운영 및 유지보수</h6>
<ul class="list-txt">
<li>오류 수정 - 시스템 오류를 수정</li>
<li>기능 개선 - 기능을 수정하거나 불편 요소를 개선</li>
<li>기능 추가 - 필요한 기능을 추가 개발</li>
<li>데이터 제공 - 요구하는 데이터를 DB에서 추출</li>
<li>시스템 안정화 - 시스템 운영을 위한 최적화</li>
</ul>
</div>
<div class="img" data-aos="fade-right" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6 data-aos="fade-in" data-aos-duration="1000">현대자동차 출입인증 시스템 구축</h6>
<span class="line" data-aos="fade-in" data-aos-duration="1000"></span>
</div>
<div class="business-box">
<div class="txt" data-aos="fade-right" data-aos-duration="1000">
<h6 class="point-txt">출입인증관리 시스템 구축</h6>
<ul class="list-txt">
<li>QR코드 활용, 방문자 방역 관리</li>
<li>행사장 방문자를 체계적으로 관리하여 확진자 발생 시 정확한 출입 정보 제공</li>
<li>미디어 월 연동을 통한 고객응대</li>
</ul>
</div>
<div class="img" data-aos="fade-left" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6 data-aos="fade-in" data-aos-duration="1000">하이에어 항공운항시스템 구축</h6>
<span class="line" data-aos="fade-in" data-aos-duration="1000"></span>
</div>
<div class="business-box">
<div class="txt" data-aos="fade-left" data-aos-duration="1000">
<h6 class="point-txt">하이에어 항공운항 시스템 구축</h6>
<ul class="list-txt">
<li>항공 운송사업자에게 필수적인 서비스 및 기반 인프라 구축</li>
<li>국제선 취항을 위한 서비스 대응 및 매출 증대를 위한 부가서비스 구축</li>
<li>추후 LCC 사업면허 획득에 대비하여 국토부 필수 시스템 구축 및 서비스 고도화 체계 구축</li>
</ul>
</div>
<div class="img" data-aos="fade-right" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6 data-aos="fade-in" data-aos-duration="1000">하이에어 항공운항 시스템 운영 및 유지보수</h6>
<span class="line" data-aos="fade-in" data-aos-duration="1000"></span>
</div>
<div class="business-box">
<div class="txt" data-aos="fade-right" data-aos-duration="1000">
<h6 class="point-txt">하이에어 항공운항 시스템 운영 및 유지보수</h6>
<ul class="list-txt">
<li>오류 수정 - 시스템 오류를 수정</li>
<li>기능 개선 - 기능을 수정하거나 불편 요소를 개선</li>
<li>기능 추가 - 필요한 기능을 추가 개발</li>
<li>데이터 제공 - 요구하는 데이터를 DB에서 추출</li>
<li>시스템 안정화 - 시스템 운영을 위한 최적화</li>
</ul>
</div>
<div class="img" data-aos="fade-left" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
</div>
</div>
<div id="tab-2" class="tab-content">
<div class="example-info">
<div class="example-box-ti">
<h6 class="animated fadeIn">하이에어 항공운항 시스템 운영 및 유지보수</h6>
<span class="line" data-aos="fade-in" data-aos-duration="1000"></span>
</div>
<div class="example-box">
<ul class="example-box-img animated fadeIn" >
<li><img src="images/solution01.png"></li>
<li><img src="images/solution01.png"></li>
<li><img src="images/solution01.png"></li>
</ul>
</div>
<div class="example-box bg-gray">
<div class="sub-inner">
<h6 data-aos="fade-in" data-aos-duration="1000">주요기능</h6>
<ul class="example-box-txt" data-aos="fade-up" data-aos-duration="1000">
<li><span>국내 항공사 연동</span></li>
<li><span>자동 발권</span></li>
<li><span>MPIS 서비스</span></li>
<li><span>간편 결제</span></li>
<li><span>가격 변동 알림</span></li>
<li><span>프로모션 제공</span></li>
<li><span>예약/취소</span></li>
<li><span>GDS 연동</span></li>
</ul>
</div>
<div class="img" data-aos="fade-left" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
<div class="example-info">
<div class="example-box-ti">
<h6 class="" data-aos="fade-in" data-aos-duration="1000">안전관광 관련 방역 시스템 구축</h6>
<span class="line"></span>
</div>
<div class="example-box" data-aos="fade-in" data-aos-duration="1000">
<ul class="example-box-img" >
<li><img src="images/solution01.png"></li>
<li><img src="images/solution01.png"></li>
<li><img src="images/solution01.png"></li>
</ul>
</div>
<div class="example-box bg-gray">
<div class="sub-inner">
<h6 data-aos="fade-in" data-aos-duration="1000">주요기능</h6>
<ul class="example-box-txt" data-aos="fade-up" data-aos-duration="1000">
<li><span>사용자 위치 정보</span></li>
<li><span>다국어</span></li>
<li><span>메시지(채팅)</span></li>
<li><span>통계</span></li>
<li><span>Push 알림 전송</span></li>
<li><span>관광객 명단 관리</span></li>
<li><span>관광객 동행자 등록</span></li>
<li><span>회원가입</span></li>
</ul>
</div>
</div>
<div class="solution-box bg-gray">
<div class="work-slide">
<h6 class="point-txt" data-aos="fade-right" data-aos-duration="1000">비행상황 관리 시스템 특징</h6>
<div class="swiper-container-work" data-aos="fade-in" data-aos-duration="1000">
<div class="swiper-wrapper">
<div class="swiper-slide slide-box"><span class="work-icon"><i class="xi-arrow-up"></i></span><span class="work-txt">실시간 모니터링</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="xi-arrow-up"></i></span><span class="work-txt">222222</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="xi-arrow-up"></i></span><span class="work-txt">333333</span></div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev" data-aos="fade-in" data-aos-duration="1000"></div>
<div class="swiper-button-next" data-aos="fade-in" data-aos-duration="1000"></div>
</div>
</div>
<div class="example-info">
<div class="example-box-ti">
<h6 class="" data-aos="fade-in" data-aos-duration="1000">클린인천 출입인증 시스템 구축</h6>
<span class="line"></span>
</div>
<div class="example-box" data-aos="fade-in" data-aos-duration="1000">
<ul class="example-box-img" >
<li><img src="images/solution01.png"></li>
<li><img src="images/solution01.png"></li>
<li><img src="images/solution01.png"></li>
</ul>
</div>
<div class="example-box bg-gray">
<div class="sub-inner">
<h6 data-aos="fade-in" data-aos-duration="1000">주요기능</h6>
<ul class="example-box-txt" data-aos="fade-up" data-aos-duration="1000">
<li><span>QR코드 관리</span></li>
<li><span>휴대폰 본인인증</span></li>
<li><span>간편 회원가입</span></li>
<li><span>통계</span></li>
<li><span>행사/시설관리</span></li>
<li><span>다국어</span></li>
<li><span>발열 체크 확인</span></li>
<li><span>권한 승인 처리</span></li>
</ul>
</div>
</div>
</div>
<div class="solution-box wh-1280">
<div class="solution-skill">
<h6 class="point-txt" data-aos="fade-right" data-aos-duration="1000">비행상황관리 시스템 주요기능</h6>
<ul>
<li>
<div class="">
<span class="skill-img">이미지</span>
<span class="skill-txt">비행가능 지역 및 공역표출</span>
</div>
</li>
</div>
<div class="example-info">
<div class="example-box-ti">
<h6 class="" data-aos="fade-in" data-aos-duration="1000">하이에어 항공운항 시스템 구축</h6>
<span class="line"></span>
</div>
<div class="example-box" data-aos="fade-in" data-aos-duration="1000">
<ul class="example-box-img" >
<li><img src="images/solution01.png"></li>
<li><img src="images/solution01.png"></li>
<li><img src="images/solution01.png"></li>
</ul>
</div>
</div>
</div>
<div id="tab-2" class="tab-content">
---- ---- ★------ ---- ---- ---- ---- ---- ---- -------- ---- ---- ---- ---- ---- ---- -------- ---- ---- ---- ★-- ---- ---- ------★ ---- ---- ---- ---- ---- ---- -------- ---- ---- ---- ---- ---- ---- ★------ ---- ---- ---- ----
<div class="example-box bg-gray">
<div class="sub-inner">
<h6 data-aos="fade-in" data-aos-duration="1000">주요기능</h6>
<ul class="example-box-txt" data-aos="fade-up" data-aos-duration="1000">
<li><span>예약/발권</span></li>
<li><span>환불/취소</span></li>
<li><span>결제/회원관리</span></li>
<li><span>통계</span></li>
<li><span>Weight & Balance</span></li>
<li><span>Check-in 정보 전송</span></li>
<li><span>여정/운임 조회</span></li>
<li><span>안전 위험/교육 훈련</span></li>
</ul>
</div>
</div>
</div>
<div class="example-info">
<div class="example-box-ti">
<h6 class="" data-aos="fade-in" data-aos-duration="1000">현대자동차 출입인증 시스템 구축</h6>
<span class="line"></span>
</div>
<div id="tab-3" class="tab-content">
---- ★-- -------- ---- ---- ---- -★- ---- ---- -------- ---- -★- ---- ---- ---- ---- -------- ---- ---- ---- ---- ---- --★ -------- ★-- ---- ---- ---- ---- ---- -------- ---- ---- --★ ---- ---- ---- -------- ---- ---- ---- --★
<div class="example-box" data-aos="fade-in" data-aos-duration="1000">
<ul class="example-box-img" >
<li><img src="images/solution01.png"></li>
<li><img src="images/solution01.png"></li>
<li><img src="images/solution01.png"></li>
</ul>
</div>
<div id="tab-4" class="tab-content">
---- ★-- -------- ---- ---- ---- -★- ---- ---- -------- ---- -★- ---- ---- ---- ---- -------- ---- ---- ---- ---- ---- --★ -------- ★-- ---- ---- ---- ---- ---- -------- ---- ---- --★ ---- ---- ---- -------- ---- ---- ---- --★
<div class="example-box bg-gray">
<div class="sub-inner">
<h6 data-aos="fade-in" data-aos-duration="1000">주요기능</h6>
<ul class="example-box-txt" data-aos="fade-up" data-aos-duration="1000">
<li><span>QR코드 관리</span></li>
<li><span>휴대폰 본인인증</span></li>
<li><span>간편 회원가입</span></li>
<li><span>통계</span></li>
<li><span>행사/시설관리</span></li>
<li><span>미디어 월 연동</span></li>
<li><span>발열 체크 확인</span></li>
<li><span>권한 승인 처리</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

280
html/business02.html
Unescape View File

@ -0,0 +1,280 @@
<!doctype html>
<html lang="ko" xml:lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="팔네트웍스, 소프트웨어 개발 등 응용소프트웨어 개발 및 공급업체">
<meta name="keywords" content="팔, 필네트웍스, 소프트웨어, 응용소프트웨어, 개발, IT, 항공솔루션, 솔루션개발, 솔루션구축, 네트워크, SI, 항공산업">
<meta property="og:description" content="팔네트웍스 - 항공산업의 기술혁신 선도를 통한 파트너">
<meta property="og:title" content="팔네트웍스">
<!-- <meta property="og:image" content=""> -->
<meta property="og:type" content="website">
<!-- 파비콘 -->
<link rel="shortcut icon" href="images/favicon.png">
<!-- css -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/fullpage.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/swiper.css">
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/swiper-bundle.css">
<link rel="stylesheet" href="css/xeicon.min.css">
<!-- js -->
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/fullpage.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/common.js"></script>
<script src="js/swiper.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/swiper-bundle.js"></script>
<title>PAL Networks</title>
</head>
<script type="text/javascript">
$(document).ready(function() {
$("#header").load("include/header.html");
$("#footer").load("include/footer.html");
});
</script>
<body>
<!--header-->
<header id="header" class="hd-sub"></header>
<!--//header-->
<!--main-->
<div id="container" class="sub-con">
<a class="topBtn" href="#home">
<i class="xi-arrow-up"></i>
</a>
<div class="sub-inner wh-full">
<div class="sub-ti wh-1280">
<div class="breadcrumbs">
<ul>
<li><a href="index.html"><i class="xi-home"></i>Home</a></li>
<li><a href="#none">BUSINESS</a></li>
<li class="on"><a href="business02.html">R&D</a></li>
</ul>
</div>
<h4 data-aos="fade-down" data-aos-duration="1000">R&D
<span class="h-ti-span">중앙행정기관이 법력에 근거하여 연구개발과제를 특정하고,<br/>
자체 또는 협력사 및 학교등과 연계하여, 과학기술분야의 연구개발사업을 수행합니다.</span>
</h4>
</div>
<div class="design-line-ti"></div>
<div class="sub-cont work">
<div class="tabs-box">
<ul class="tabs">
<li class="tab-link current" data-tab="tab-1"><span>연구목표</span></li>
<li class="tab-link" data-tab="tab-2"><span>연구사례</span></li>
</ul>
</div>
<div id="tab-1" class="tab-content current">
<div class="business-info">
<div class="business-box-ti">
<h6 class="animated fadeIn">드론 규제 샌드박스</h6>
<span class="line"></span>
</div>
<div class="business-box">
<div class="txt" data-aos="fade-right" data-aos-duration="1000">
<h6 class="point-txt">드론 규제 샌드박스</h6>
<p>
드론 이용 증가에 대비하여 안전 관리를 위한 드론 식별/관리 체계 기반을 마련하고 드론 관리 체계에 따른 식별장치 및 비행 관제시스템 구축 및 실증을 목표로 연구개발을 수행
</p>
</div>
<div class="img" data-aos="fade-left" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6 data-aos="fade-in" data-aos-duration="1000">환경드론 관제 시스템 구축</h6>
<span class="line" data-aos="fade-in" data-aos-duration="1000"></span>
</div>
<div class="business-box">
<div class="txt" data-aos="fade-left" data-aos-duration="1000">
<h6 class="point-txt">환경드론 관제 시스템 구축</h6>
<p>
미세먼지 및 대기오염과 함께 악취문제 등 사회문제를 일으키고있어 대기환경 오염 감시정보 센서를 드론에 장착해 실시간 미세먼지 및 대기오염 정보를 모니터링 할 수 있는 시스템 구축 및 실증을 목표로 연구개발을 수행
</p>
</div>
<div class="img" data-aos="fade-right" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6 data-aos="fade-in" data-aos-duration="1000">메타버스 시스템 구축</h6>
<span class="line" data-aos="fade-in" data-aos-duration="1000"></span>
</div>
<div class="business-box">
<div class="txt" data-aos="fade-right" data-aos-duration="1000">
<h6 class="point-txt"></h6>
<p>
코로나 시대를 대비하여 비대면 형태만을 강조하는 일차원적인 단계를 넘어 디지털 전환을 시도하며, 현실을 디지털 기반의 가상 세계로 확장해 가상공간에서 모든 활동을 할 수 있도록 시스템 구축 및 실증을 목표로 연구개발을 수행
</p>
</div>
<div class="img" data-aos="fade-left" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6 data-aos="fade-in" data-aos-duration="1000">항공인력양성팀 운영시스템</h6>
<span class="line" data-aos="fade-in" data-aos-duration="1000"></span>
</div>
<div class="business-box">
<div class="txt" data-aos="fade-left" data-aos-duration="1000">
<h6 class="point-txt">항공인력양성팀 운영시스템</h6>
<p>
항공기초인력양성사업은 고교생 중심의 항공정비인력 교육·훈련을 위한 민간분야 기반을 조성하여 항공정비분야 현장실무인력을 안정적으로 공급할 수 있도록 시스템 구축 및 실증을 목표로 연구개발을 수행
</p>
</div>
<div class="img" data-aos="fade-right" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6 data-aos="fade-in" data-aos-duration="1000">경량항공기 내비게이션 및 비행상황관리 시스템 구축</h6>
<span class="line" data-aos="fade-in" data-aos-duration="1000"></span>
</div>
<div class="business-box">
<div class="txt" data-aos="fade-right" data-aos-duration="1000">
<h6 class="point-txt">경량항공기 내비게이션 및 비행상황관리 시스템 구축</h6>
<ul class="list-txt">
<p>
항공레저 대중화에 따른 경량항공기 증가 등 사고 위험이 높아짐에 따라 비행안전을 위한 안전정보 제공 서비스 체계 마련 필요함에 따라 실시간 항공안전정보를 제공하는 경량항공기 전용 내비게이션과 경량항공기 위치 기반 모니터링 체계를 구축 및 실증을 목표로 연구개발을 수행
</p>
</ul>
</div>
<div class="img" data-aos="fade-left" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6 data-aos="fade-in" data-aos-duration="1000">UTM 드론 교통관리체계</h6>
<span class="line" data-aos="fade-in" data-aos-duration="1000"></span>
</div>
<div class="business-box">
<div class="txt" data-aos="fade-left" data-aos-duration="1000">
<h6 class="point-txt">UTM 드론 교통관리체계</h6>
<p>
저고도 공역(150m 이하)에 드론(무인비행장치)의 안전하고 효율적인 운항을 돕는 교통관리체계 연구 및 개발을 목표로 연구개발을 수행
</p>
</div>
<div class="img" data-aos="fade-right" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
</div>
</div>
<div id="tab-2" class="tab-content">
<div class="example-info">
<div class="example-box-ti">
<h6 class="animated fadeIn">드론 규제 샌드박스</h6>
<span class="line" data-aos="fade-in" data-aos-duration="1000"></span>
</div>
<div class="example-box">
<ul class="example-box-img animated fadeIn" >
<li><img src="images/solution01.png"></li>
<li><img src="images/solution01.png"></li>
<li><img src="images/solution01.png"></li>
</ul>
</div>
<div class="example-box bg-gray">
<div class="sub-inner">
<h6 data-aos="fade-in" data-aos-duration="1000">주요기능</h6>
<ul class="example-box-txt" data-aos="fade-up" data-aos-duration="1000">
<li><span>실시간 위치정보</span></li>
<li><span>공역 정보</span></li>
<li><span>회원가입</span></li>
<li><span>통계</span></li>
<li><span>비행 시뮬레이션</span></li>
<li><span>비행 이력</span></li>
<li><span>드론 정보</span></li>
<li><span>기초정보 관리</span></li>
</ul>
</div>
</div>
</div>
<div class="example-info">
<div class="example-box-ti">
<h6 class="" data-aos="fade-in" data-aos-duration="1000">환경드론 관제 시스템 구축</h6>
<span class="line"></span>
</div>
<div class="example-box" data-aos="fade-in" data-aos-duration="1000">
<ul class="example-box-img" >
<li><img src="images/solution01.png"></li>
<li><img src="images/solution01.png"></li>
<li><img src="images/solution01.png"></li>
</ul>
</div>
<div class="example-box bg-gray">
<div class="sub-inner">
<h6 data-aos="fade-in" data-aos-duration="1000">주요기능</h6>
<ul class="example-box-txt" data-aos="fade-up" data-aos-duration="1000">
<li><span>실시간 위치정보</span></li>
<li><span>심각 오염 알림</span></li>
<li><span>환경지표</span></li>
<li><span>통계</span></li>
<li><span>비행 시뮬레이션</span></li>
<li><span>비행 이력</span></li>
<li><span>드론 정보</span></li>
<li><span>공역 정보</span></li>
</ul>
</div>
</div>
</div>
<div class="example-info">
<div class="example-box-ti">
<h6 class="" data-aos="fade-in" data-aos-duration="1000">메타버스</h6>
<span class="line"></span>
</div>
<div class="example-box" data-aos="fade-in" data-aos-duration="1000">
<ul class="example-box-img" >
<li><img src="images/solution01.png"></li>
<li><img src="images/solution01.png"></li>
<li><img src="images/solution01.png"></li>
</ul>
</div>
<div class="example-box bg-gray">
<div class="sub-inner">
<h6 data-aos="fade-in" data-aos-duration="1000">주요기능</h6>
<ul class="example-box-txt" data-aos="fade-up" data-aos-duration="1000">
<li><span>회원가입</span></li>
<li><span>캐릭터 생성</span></li>
<li><span>메시지(채팅)</span></li>
<li><span>통계</span></li>
<li><span>3D 그래픽</span></li>
<li><span>이벤트 및 투표</span></li>
<li><span>행사장 생성</span></li>
<li><span>모션 그래픽</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--//main-->
<footer id="footer" class="ft-sub"></footer>
</body>
</html>

35
html/css/common.css
Unescape View File

@ -159,6 +159,7 @@ position:fixed;right:50px;bottom:20px;z-index:999;display:flex;justify-content:c
.wh-full{width:100%;}
.wh-1280{width:1280px;margin:0px auto;}
.bg-gray{background:#f4f4f4;}
.h-ti-span{display:block;font-size:1rem;font-weight:300;color:#555;margin-top:20px;}
/*회사소개*/
.company .img{margin-right:60px;}
.company .img img{width:500px;}
@ -263,15 +264,15 @@ font-size:40px; speak: none;font-style: normal; font-weight:normal;font-variant:
.sub-p b{display:block;font-size:1.8rem;font-weight:600;margin-bottom:10px;}
/*tab*/
ul.tabs{margin: 0px auto;padding: 0px;list-style: none;display:flex;width:100%;max-width:1280px;}
ul.tabs li{width:25%;background: none;color: #222;display:block;padding: 10px 15px;cursor: pointer;text-align:center;font-size:1.125rem;}
ul.tabs li{width:50%;background: none;color: #222;display:block;padding: 10px 15px;cursor: pointer;text-align:center;font-size:1.125rem;}
ul.tabs li.current{color: #222;font-weight:600;}
ul.tabs li.current span{border-bottom:2px solid #222;}
ul.tabs li.current span{border-bottom:2px solid #222;font-size:1.25rem;}
.tab-content{display: none;padding:40px 0 0 0;flex-direction: column;}
.tab-content.current{display: inherit;}
.tab-content .solution-box:first-child{border-top:1px solid #ddd;}
.tab-content .business-info{border-top:1px solid #ddd;}
/*솔루션+비즈니스*/
.sub-cont.work{flex-direction: column;padding:40px 0;}
.solution-box{display:flex;align-items: center;padding:40px 0;}
.solution-box, .business-box{display:flex;align-items: center;padding:40px 0;justify-content: space-between;}
.solution-box + .solution-box{border-top:0;padding:80px 0;}
.solution-box .txt{padding-right:80px;}
.solution-box p{padding:40px 0;font-size:1.125rem;word-break: keep-all;line-height: 1.8;}
@ -289,4 +290,28 @@ ul.tabs li.current span{border-bottom:2px solid #222;}
.skill-num{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:100%;background:#4c555a;color:#fff;font-weight:bold;
position: absolute;top:-25px;left:50%;transform: translateX(-50%);box-shadow:2px 2px 2px #ddd;}
.skill-img img{width:100%;}
.skill-txt{display:block;text-align:center;font-size:1rem;font-weight:500;padding-top:40px;}
.skill-txt{display:block;text-align:center;font-size:1rem;font-weight:500;padding-top:40px;}
.business-info{width:1280px;margin:0px auto;}
.business-info:nth-child(2n) .business-box{flex-direction: row-reverse;}
.business-box .txt{padding-right:80px;}
.business-box p{padding:40px 0;font-size:1.125rem;word-break: keep-all;line-height: 1.8;}
.business-info:nth-child(2n) .business-box .txt{padding-right:0;padding-left:80px;}
.business-box-ti{padding-top:100px;text-align:center;}
.business-box-ti .line{margin:40px auto 0 auto;display:block;width:1px;height:30px;background:#333;}
.business-box .list-txt > li {padding-left:10px;font-size:1.125rem;word-break: keep-all;}
.business-box .list-txt > li + li{margin-top:10px;}
.business-box .list-txt > li:before {content: "";display: inline-block;width:3px;height:3px;background:#333;border-radius:100%;
position:absolute;top:50%;left: 0;transform: translateY(-50%);}
.sub-cont .business-box h6{font-size:1.6rem;}
.example-box h6{text-align: center;}
.example-box-ti{padding-top:100px;text-align:center;width:1280px;margin:0px auto;border-top:1px solid #ddd;}
.example-box-ti .line{margin:40px auto 0 auto;display:block;width:1px;height:30px;background:#333;}
.example-box-ti + .example-box{padding-top:40px;}
.example-box{padding:80px 0;}
.example-box-img{width:1280px;margin:0px auto;display: flex;justify-content: space-between;}
.example-box-img li{flex:0 0 30%}
.example-box-txt{display: flex;flex-wrap:wrap;}
.example-box-txt li{flex:0 0 25%;text-align:center;margin-top:40px;}
.example-box-txt li span{display:block;width:250px;min-height:58px;background:#fff;border-radius:30px;border:1px solid #2290c9;
padding:18px 20px 15px 20px;font-weight:500;margin: 0px auto;font-size:1rem;box-shadow:3px 6px 5px #ddd;}
.example-info + .example-info .example-box-ti{border-top:0;}

2
html/include/header.html
Unescape View File

@ -56,7 +56,7 @@
<ul class="gnb_2dul">
<li class="gnb_2dli"><a href="business01.html" target="_self" class="gnb_2da">System Integration</a></li>
<li class="gnb_2dli"><a href="business02.html" target="_self" class="gnb_2da">R&D</a></li>
<li class="gnb_2dli"><a href="business03.html" target="_self" class="gnb_2da">구축사례</a></li>
<!-- <li class="gnb_2dli"><a href="business03.html" target="_self" class="gnb_2da">구축사례</a></li> -->
</ul>
</li>
<li class="gnb_1dli">

4
html/js/common.js
Unescape View File

@ -1,6 +1,8 @@
$(function(){
new WOW().init();
AOS.init();
//$('[data-aos]').each(function(){ $(this).addClass("aos-init"); });
new fullpage('#fullpage', {
licenseKey: '13F1F552-6ACE43B7-95262729-9E0B4778',
@ -262,8 +264,8 @@ $(function(){
$(this).addClass('current');
$("#"+tab_id).addClass('current');
AOS.refresh();
})
});
$(function(){

Write Preview
Loading…
Cancel
Save