geun1416 2 years ago
parent
commit
6ecc6e132d
  1. 309
      html/business01.html
  2. 280
      html/business02.html
  3. 33
      html/css/common.css
  4. 2
      html/include/header.html
  5. 4
      html/js/common.js

309
html/business01.html

@ -61,75 +61,302 @@
<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="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>
<p>
항공기, 무인기, 선박 등 실시간 식별정보를 통하여 모니터링 및 상황관리를 할 수 있는 시스템
<br/><br/>
각종 드론 상황관제, 환경측정, 미래산업인 드론/PAV/UAM을 활용한 사업들을 지원하기 위한
환경/물류/안티 드론 등의 상황관제 시스템을 연구하고 솔루션을 제공합니다.
</p>
<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 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 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="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 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>
</li>
</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>
</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>
<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="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>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 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 id="tab-3" class="tab-content">
---- ★-- -------- ---- ---- ---- -★- ---- ---- -------- ---- -★- ---- ---- ---- ---- -------- ---- ---- ---- ---- ---- --★ -------- ★-- ---- ---- ---- ---- ---- -------- ---- ---- --★ ---- ---- ---- -------- ---- ---- ---- --★
</div>
<div id="tab-4" class="tab-content">
---- ★-- -------- ---- ---- ---- -★- ---- ---- -------- ---- -★- ---- ---- ---- ---- -------- ---- ---- ---- ---- ---- --★ -------- ★-- ---- ---- ---- ---- ---- -------- ---- ---- --★ ---- ---- ---- -------- ---- ---- ---- --★
</div>
</div>
</div>

280
html/business02.html

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

33
html/css/common.css

@ -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;}
@ -290,3 +291,27 @@ ul.tabs li.current span{border-bottom:2px solid #222;}
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;}
.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

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

@ -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(){

Loading…
Cancel
Save