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

.

master
geun1416 2 years ago
parent
b5625b86fa
commit
a452d47f3c
8 changed files with 990 additions and 12 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 283
      html/business01.html
  2. 221
      html/business02.html
  3. 46
      html/css/common.css
  4. 46
      html/js/common.js
  5. 101
      html/solution01.html
  6. 101
      html/solution02.html
  7. 103
      html/solution03.html
  8. 101
      html/solution04.html

283
html/business01.html
Unescape View File

@ -56,7 +56,7 @@
<a class="topBtn" href="#home"> <a class="topBtn" href="#home">
<i class="xi-arrow-up"></i> <i class="xi-arrow-up"></i>
</a> </a>
<div class="sub-inner wh-full"> <div class="pc-sub sub-inner wh-full">
<div class="sub-ti wh-1280"> <div class="sub-ti wh-1280">
<div class="breadcrumbs"> <div class="breadcrumbs">
<ul> <ul>
@ -219,7 +219,7 @@
<div id="tab-2" class="tab-content"> <div id="tab-2" class="tab-content">
<div class="example-info"> <div class="example-info">
<div class="example-box-ti"> <div class="example-box-ti">
<h6 class="animated fadeIn">캐플릭스 OTA 사업을 위한 항공 서비스 구축</h6> <h6 class="animated fadeIn">하이에어 항공운항 시스템 구축 및 유지보수</h6>
<span class="line" data-aos="fade-in" data-aos-duration="1000"></span> <span class="line" data-aos="fade-in" data-aos-duration="1000"></span>
</div> </div>
<div class="example-box"> <div class="example-box">
@ -332,6 +332,285 @@
</div> </div>
</div> </div>
</div> </div>
<div class="mo-sub">
<div class="sub-inner">
<div class="sub-ti">
<div class="breadcrumbs">
<ul>
<li><a href="index.html"><i class="xi-home"></i>Home</a></li>
<li><a href="#none">BUSINESS</a></li>
<li class="on"><a href="business01.html">System Integration</a></li>
</ul>
</div>
<h4 data-aos="fade-down">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-3"><span>사업목표</span></li>
<li class="tab-link" data-tab="tab-4"><span>구축사례</span></li>
</ul>
</div>
<div id="tab-3" class="tab-content current">
<div class="business-info">
<div class="business-box-ti">
<h6>캐플릭스 OTA 사업을 위한 항공 서비스 구축</h6>
<span class="line"></span>
</div>
<div class="business-box">
<div class="txt">
<h6 class="point-txt">제주패스 통합 서비스 브랜드 구축</h6>
<ul class="list-txt">
<li>제주패스 렌터카/숙박/항공 통합 서비스 여행 포털 서비스 구축</li>
<li>국제선 항공 서비스를 제공하여 해외시장 진출의 초석 마련</li>
<li>항공을 필두로 숙박 및 렌터카, 맛집, 카페 로 이어지는 제주패스의 종합 서비스 제공</li>
</ul>
</div>
<div class="img">
<img src="images/si01.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6>안전관광 관련 방역 시스템 구축</h6>
<span class="line"></span>
</div>
<div class="business-box">
<div class="txt">
<h6 class="point-txt">안전관광 관련 방역 시스템 구축</h6>
<ul class="list-txt">
<li>코로나19 확산방지를 위한 방한 외국인(중국인 단체관광객)의 방역 관리</li>
<li>방한 외국인(중국인 단체관광객)의 방한기간 중 건강상태<br/>(발열, 심한 기침 및 인후통 등 코로나 의심증세) 체크 및 관리 등</li>
<li>여행기간 중 이동동선 파악 및 정보관리 등</li>
<li>중국전담여행사 전자관리시스템 연계를 통한 방역관리</li>
</ul>
</div>
<div class="img">
<img src="images/si02.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6>클린인천 출입인증 시스템 구축</h6>
<span class="line"></span>
</div>
<div class="business-box">
<div class="txt">
<h6 class="point-txt">출입인증관리 시스템 구축</h6>
<ul class="list-txt">
<li>QR코드 활용, 방문자 방역 관리</li>
<li>행사장 방문자를 체계적으로 관리하여 확진자 발생 시 정확한 출입 정보 제공</li>
</ul>
</div>
<div class="img">
<img src="images/si03.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6>SSG.COM 항공서비스 시스템 운영 및 유지보수</h6>
<span class="line"></span>
</div>
<div class="business-box">
<div class="txt">
<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">
<img src="images/si04.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6>현대자동차 출입인증 시스템 구축</h6>
<span class="line"></span>
</div>
<div class="business-box">
<div class="txt">
<h6 class="point-txt">출입인증관리 시스템 구축</h6>
<ul class="list-txt">
<li>QR코드 활용, 방문자 방역 관리</li>
<li>행사장 방문자를 체계적으로 관리하여 확진자 발생 시 정확한 출입 정보 제공</li>
<li>미디어 월 연동을 통한 고객응대</li>
</ul>
</div>
<div class="img">
<img src="images/si05.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6>하이에어 항공운항시스템 구축</h6>
<span class="line"></span>
</div>
<div class="business-box">
<div class="txt">
<h6 class="point-txt">하이에어 항공운항 시스템 구축</h6>
<ul class="list-txt">
<li>항공 운송사업자에게 필수적인 서비스 및 기반 인프라 구축</li>
<li>국제선 취항을 위한 서비스 대응 및 매출 증대를 위한 부가서비스 구축</li>
<li>추후 LCC 사업면허 획득에 대비하여 국토부 필수 시스템 구축 및 서비스 고도화 체계 구축</li>
</ul>
</div>
<div class="img">
<img src="images/si06.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6>하이에어 항공운항 시스템 운영 및 유지보수</h6>
<span class="line"></span>
</div>
<div class="business-box">
<div class="txt">
<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">
<img src="images/si07.png">
</div>
</div>
</div>
</div>
<div id="tab-4" class="tab-content">
<div class="example-info">
<div class="example-box-ti">
<h6>하이에어 항공운항 시스템 구축 및 유지보수</h6>
<span class="line"></span>
</div>
<div class="example-box">
<ul class="example-box-img" >
<li><img src="images/case01-1.png"></li>
<li><img src="images/case01-2.png"></li>
<li><img src="images/case01-3.png"></li>
</ul>
</div>
<div class="example-box bg-gray">
<div class="sub-inner">
<h6>주요기능</h6>
<ul class="example-box-txt">
<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="">안전관광 관련 방역 시스템 구축</h6>
<span class="line"></span>
</div>
<div class="example-box">
<ul class="example-box-img" >
<li><img src="images/case02-1.png"></li>
<li><img src="images/case02-2.png"></li>
<li><img src="images/case02-3.png"></li>
</ul>
</div>
<div class="example-box bg-gray">
<div class="sub-inner">
<h6>주요기능</h6>
<ul class="example-box-txt">
<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>클린인천 출입인증 시스템 구축</h6>
<span class="line"></span>
</div>
<div class="example-box">
<ul class="example-box-img" >
<li><img src="images/case03-1.png"></li>
<li><img src="images/case03-2.png"></li>
<li><img src="images/case03-3.png"></li>
</ul>
</div>
<div class="example-box bg-gray">
<div class="sub-inner">
<h6>주요기능</h6>
<ul class="example-box-txt">
<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>현대자동차 출입인증 시스템 구축</h6>
<span class="line"></span>
</div>
<div class="example-box">
<ul class="example-box-img" >
<li><img src="images/case04-1.png"></li>
<li><img src="images/case04-2.png"></li>
<li><img src="images/case04-3.png"></li>
</ul>
</div>
<div class="example-box bg-gray">
<div class="sub-inner">
<h6>주요기능</h6>
<ul class="example-box-txt">
<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>
</div> </div>
<!--//main--> <!--//main-->
<footer id="footer" class="ft-sub"></footer> <footer id="footer" class="ft-sub"></footer>

221
html/business02.html
Unescape View File

@ -56,7 +56,7 @@
<a class="topBtn" href="#home"> <a class="topBtn" href="#home">
<i class="xi-arrow-up"></i> <i class="xi-arrow-up"></i>
</a> </a>
<div class="sub-inner wh-full"> <div class="pc-sub sub-inner wh-full">
<div class="sub-ti wh-1280"> <div class="sub-ti wh-1280">
<div class="breadcrumbs"> <div class="breadcrumbs">
<ul> <ul>
@ -272,6 +272,225 @@
</div> </div>
</div> </div>
</div> </div>
<div class="mo-sub">
<div class="sub-inner wh-full">
<div class="sub-ti">
<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-3"><span>연구목표</span></li>
<li class="tab-link" data-tab="tab-4"><span>연구사례</span></li>
</ul>
</div>
<div id="tab-3" class="tab-content current">
<div class="business-info">
<div class="business-box-ti">
<h6>드론 규제 샌드박스</h6>
<span class="line"></span>
</div>
<div class="business-box">
<div class="txt">
<h6 class="point-txt">드론 규제 샌드박스</h6>
<p>
드론 이용 증가에 대비하여 안전 관리를 위한 드론 식별/관리 체계 기반을 마련하고 드론 관리 체계에 따른 식별장치 및 비행 관제시스템 구축 및 실증을 목표로 연구개발을 수행
</p>
</div>
<div class="img">
<img src="images/rnd01.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6>환경드론 관제 시스템 구축</h6>
<span class="line"></span>
</div>
<div class="business-box">
<div class="txt">
<h6 class="point-txt">환경드론 관제 시스템 구축</h6>
<p>
미세먼지 및 대기오염과 함께 악취문제 등 사회문제를 일으키고있어 대기환경 오염 감시정보 센서를 드론에 장착해 실시간 미세먼지 및 대기오염 정보를 모니터링 할 수 있는 시스템 구축 및 실증을 목표로 연구개발을 수행
</p>
</div>
<div class="img">
<img src="images/rnd02.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6>메타버스 시스템 구축</h6>
<span class="line"></span>
</div>
<div class="business-box">
<div class="txt">
<h6 class="point-txt"></h6>
<p>
코로나 시대를 대비하여 비대면 형태만을 강조하는 일차원적인 단계를 넘어 디지털 전환을 시도하며, 현실을 디지털 기반의 가상 세계로 확장해 가상공간에서 모든 활동을 할 수 있도록 시스템 구축 및 실증을 목표로 연구개발을 수행
</p>
</div>
<div class="img">
<img src="images/rnd03.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6>항공인력양성팀 운영시스템</h6>
<span class="line"></span>
</div>
<div class="business-box">
<div class="txt">
<h6 class="point-txt">항공인력양성팀 운영시스템</h6>
<p>
항공기초인력양성사업은 고교생 중심의 항공정비인력 교육·훈련을 위한 민간분야 기반을 조성하여 항공정비분야 현장실무인력을 안정적으로 공급할 수 있도록 시스템 구축 및 실증을 목표로 연구개발을 수행
</p>
</div>
<div class="img">
<img src="images/rnd04.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6>경량항공기 내비게이션 및 비행상황관리 시스템 구축</h6>
<span class="line"></span>
</div>
<div class="business-box">
<div class="txt">
<h6 class="point-txt">경량항공기 내비게이션 및 비행상황관리 시스템 구축</h6>
<ul class="list-txt">
<p>
항공레저 대중화에 따른 경량항공기 증가 등 사고 위험이 높아짐에 따라 비행안전을 위한 안전정보 제공 서비스 체계 마련 필요함에 따라 실시간 항공안전정보를 제공하는 경량항공기 전용 내비게이션과 경량항공기 위치 기반 모니터링 체계를 구축 및 실증을 목표로 연구개발을 수행
</p>
</ul>
</div>
<div class="img">
<img src="images/rnd05.png">
</div>
</div>
</div>
<div class="business-info">
<div class="business-box-ti">
<h6>UTM 드론 교통관리체계</h6>
<span class="line"></span>
</div>
<div class="business-box">
<div class="txt">
<h6 class="point-txt">UTM 드론 교통관리체계</h6>
<p>
저고도 공역(150m 이하)에 드론(무인비행장치)의 안전하고 효율적인 운항을 돕는 교통관리체계 연구 및 개발을 목표로 연구개발을 수행
</p>
</div>
<div class="img">
<img src="images/rnd06.png">
</div>
</div>
</div>
</div>
<div id="tab-4" class="tab-content">
<div class="example-info">
<div class="example-box-ti">
<h6>드론 규제 샌드박스</h6>
<span class="line"></span>
</div>
<div class="example-box">
<ul class="example-box-img">
<li><img src="images/rndcase01-1.png"></li>
<li><img src="images/rndcase01-2.png"></li>
<li><img src="images/rndcase01-3.png"></li>
</ul>
</div>
<div class="example-box bg-gray">
<div class="sub-inner">
<h6>주요기능</h6>
<ul class="example-box-txt">
<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="">환경드론 관제 시스템 구축</h6>
<span class="line"></span>
</div>
<div class="example-box">
<ul class="example-box-img" >
<li><img src="images/rndcase02-1.png"></li>
<li><img src="images/rndcase02-2.png"></li>
<li><img src="images/rndcase02-3.png"></li>
</ul>
</div>
<div class="example-box bg-gray">
<div class="sub-inner">
<h6>주요기능</h6>
<ul class="example-box-txt">
<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>메타버스</h6>
<span class="line"></span>
</div>
<div class="example-box">
<ul class="example-box-img" >
<li><img src="images/rndcase03-1.png"></li>
<li><img src="images/rndcase03-2.png"></li>
<li><img src="images/rndcase03-3.png"></li>
</ul>
</div>
<div class="example-box bg-gray">
<div class="sub-inner">
<h6>주요기능</h6>
<ul class="example-box-txt">
<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>
</div> </div>
<!--//main--> <!--//main-->
<footer id="footer" class="ft-sub"></footer> <footer id="footer" class="ft-sub"></footer>

46
html/css/common.css
Unescape View File

@ -280,6 +280,7 @@ 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{display: none;padding:40px 0 0 0;flex-direction: column;}
.tab-content.current{display: inherit;} .tab-content.current{display: inherit;}
.tab-content .business-info{border-top:1px solid #ddd;} .tab-content .business-info{border-top:1px solid #ddd;}
/*솔루션+비즈니스*/ /*솔루션+비즈니스*/
.sub-cont.work{flex-direction: column;padding:40px 0;} .sub-cont.work{flex-direction: column;padding:40px 0;}
.solution-box, .business-box{display:flex;align-items: center;padding:40px 0;justify-content: space-between;} .solution-box, .business-box{display:flex;align-items: center;padding:40px 0;justify-content: space-between;}
@ -324,7 +325,7 @@ position: absolute;top:-25px;left:50%;transform: translateX(-50%);box-shadow:2px
.example-box-txt{display: flex;flex-wrap:wrap;} .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{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; .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;} padding:18px 20px 15px 20px;font-weight:400;margin: 0px auto;font-size:1rem;box-shadow:3px 6px 5px #ddd;}
.example-info + .example-info .example-box-ti{border-top:0;} .example-info + .example-info .example-box-ti{border-top:0;}
@ -404,7 +405,7 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d
.mo-sub{display:block} .mo-sub{display:block}
.pc-sub{display:none;} .pc-sub{display:none;}
.mo-sub .sub-inner{width:100%;padding:0 20px;} .mo-sub .sub-inner{width:100%;padding:0 20px;}
.mo-sub .sub-ti h4{font-size:2.5rem;padding:60px 0;} .mo-sub .sub-ti h4{font-size:2.5rem;padding:80px 0 60px 0;}
.mo-sub .sub-cont{padding:60px 0;flex-direction: column;} .mo-sub .sub-cont{padding:60px 0;flex-direction: column;}
.mo-sub .company .img{margin-bottom:40px;margin-right:0;} .mo-sub .company .img{margin-bottom:40px;margin-right:0;}
.mo-sub .company .img img{width:100%;} .mo-sub .company .img img{width:100%;}
@ -418,10 +419,35 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d
.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-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 .swiper-container-history .swiper-button-prev, .mo-sub .swiper-container-history .swiper-rtl .swiper-button-next{left:20px;}
.mo-sub .sub-cont.history{overflow-x: hidden;} .mo-sub .sub-cont.history{overflow-x: hidden;}
.mo-sub .border-gray{margin:40px 0;} .mo-sub .border-gray{margin:60px 0 40px 0;}
.mo-sub .pt01 ul{width:100%;} .mo-sub .pt01 ul{width:100%;}
.mo-sub .pt01 ul li{width:33.333%} .mo-sub .pt01 ul li{width:33.333%}
.mo-sub .pt01 ul li:hover{box-shadow:none; z-index:10;} .mo-sub .pt01 ul li:hover{box-shadow:none; z-index:10;}
.mo-sub .business-info{width:100%;}
.mo-sub .business-box .img img{width:300px;}
.mo-sub .business-box .txt{padding-right:0;margin-top:40px}
.mo-sub .solution-box, .mo-sub .business-box{flex-direction: column-reverse;}
.mo-sub .solution-box{padding:40px 0}
.mo-sub .business-box{padding:20px 0 40px 0;}
.mo-sub .business-info:nth-child(2n) .business-box{flex-direction: column-reverse;}
.mo-sub .business-info:nth-child(2n) .business-box .txt{padding-left:0}
.h-ti-span{margin-top:10px}
.mo-sub .sub-cont.work{padding-top:20px}
.mo-sub .sub-cont.work .tab-content{padding-top:15px}
.mo-sub .business-box-ti .line, .mo-sub .example-box-ti .line{margin:20px auto 0 auto}
.mo-sub .example-box-ti{width:100%}
.mo-sub .example-box-img{width:100%}
.mo-sub .example-box-img img{width:100%}
.mo-sub .example-box-txt li{margin-top:10px}
.mo-sub .example-box-txt li span{width:200px;margin:10px;min-height:auto;padding: 12px 0 10px 0;}
.mo-sub .example-box-txt{justify-content: center;}
.mo-sub .example-box{padding:40px 0;}
.mo-sub .solution-box p{padding:20px 0;font-size:1rem}
.mo-sub .work-slide{width:100%}
.mo-sub .solution-skill ul li{flex:0 0 48%}
.mo-sub .work-slide h6{text-align: center;}
.mo-sub .solution-box .txt{padding-right:0}
} }
@media screen and (max-width:520px){ @media screen and (max-width:520px){
.m_gnb div.mg_wrap{width:100%;} .m_gnb div.mg_wrap{width:100%;}
@ -472,5 +498,19 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d
.mo-sub .traffic_content > span{display:block} .mo-sub .traffic_content > span{display:block}
.mo-sub .traffic ul li div span{line-height:1.8} .mo-sub .traffic ul li div span{line-height:1.8}
.mo-sub .table_st th, .table_st td{padding:4px} .mo-sub .table_st th, .table_st td{padding:4px}
.mo-sub .h-ti-span{font-size:0.875rem}
.mo-sub ul.tabs li{font-size:1rem}
.mo-sub ul.tabs li.current span{font-size:1.1rem}
.mo-sub .business-box-ti, .mo-sub .example-box-ti{padding-top:40px}
.mo-sub .business-box .img img{width:250px}
.mo-sub .example-box{padding:20px 0 40px 0;}
.mo-sub .example-box-txt li span{font-size:0.875rem;}
.mo-sub .example-box.bg-gray{padding:40px 0;}
.mo-sub .example-box-txt li{margin-top:0;}
.mo-sub .solution-skill ul li{flex:0 0 99%}
.mo-sub .solution-box p{font-size:0.875rem}
.mo-sub .work-slide .work-txt{font-size:0.875rem}
.mo-sub .skill-txt{padding-top:30px;font-size:0.875rem}
.mo-sub .solution-skill ul li div{height:300px}
} }

46
html/js/common.js
Unescape View File

@ -299,13 +299,50 @@ $(function(){
$(function(){ $(function(){
new Swiper('.swiper-container-work'); new Swiper('.swiper-container-work');
const swiper = new Swiper('.swiper-container-work', { const swiper = new Swiper('.swiper-container-work', {
//기본 셋팅
//방향 셋팅 vertical 수직, horizontal 수평 설정이 없으면 수평
direction: 'horizontal',
slidesPerView: 3, // 슬라이드를 한번에 3개를 보여준다
slidesPerGroup :1, // 그룹으로 묶을 수, slidesPerView 와 같은 값을 지정하는게 좋음
spaceBetween: 0, // 슬라이드간 padding 값 30px 씩 떨어뜨려줌
//드레그 기능 true 사용가능 false 사용불가
debugger: true,
//마우스 휠기능 true 사용가능 false 사용불가
mousewheel: false,
//반복 기능 true 사용가능 false 사용불가
loop: true,
//선택된 슬라이드를 중심으로 true 사용가능 false 사용불가
centeredSlides: true,
// 페이지 전환효과 slidesPerView효과와 같이 사용 불가
// effect: 'fade',
//자동 스크를링
speed : 1000, // 슬라이드 속도 2초
autoplay: {
//시간 1000 이 1초
delay: 3000,
disableOnInteraction: false,
},
//방향표
navigation: {
//다음페이지 설정
nextEl: '.swiper-button-next',
//이전페이지 설정
prevEl: '.swiper-button-prev',
},
});
});
$(function(){
new Swiper('.mo-sub .swiper-container-work');
const swiper = new Swiper('.mo-sub .swiper-container-work', {
//기본 셋팅 //기본 셋팅
//방향 셋팅 vertical 수직, horizontal 수평 설정이 없으면 수평 //방향 셋팅 vertical 수직, horizontal 수평 설정이 없으면 수평
direction: 'horizontal', direction: 'horizontal',
//한번에 보여지는 페이지 숫자 //한번에 보여지는 페이지 숫자
slidesPerView: 3, slidesPerView: 1,
//페이지와 페이지 사이의 간격 //페이지와 페이지 사이의 간격
spaceBetween: 10, spaceBetween: 0,
//드레그 기능 true 사용가능 false 사용불가 //드레그 기능 true 사용가능 false 사용불가
debugger: true, debugger: true,
//마우스 휠기능 true 사용가능 false 사용불가 //마우스 휠기능 true 사용가능 false 사용불가
@ -330,6 +367,11 @@ $(function(){
//이전페이지 설정 //이전페이지 설정
prevEl: '.swiper-button-prev', prevEl: '.swiper-button-prev',
}, },
breakpoints: { //반응형 조건 속성
640: { //640 이상일 경우
slidesPerView: 3, //레이아웃 2열
}
}
}); });
}); });

101
html/solution01.html
Unescape View File

@ -56,7 +56,7 @@
<a class="topBtn" href="#home"> <a class="topBtn" href="#home">
<i class="xi-arrow-up"></i> <i class="xi-arrow-up"></i>
</a> </a>
<div class="sub-inner wh-full"> <div class="pc-sub sub-inner wh-full">
<div class="sub-ti wh-1280"> <div class="sub-ti wh-1280">
<div class="breadcrumbs"> <div class="breadcrumbs">
<ul> <ul>
@ -152,6 +152,105 @@
</div> </div>
</div> </div>
</div> </div>
<div class="mo-sub">
<div class="sub-inner wh-full">
<div class="sub-ti">
<div class="breadcrumbs">
<ul>
<li><a href="index.html"><i class="xi-home"></i>Home</a></li>
<li><a href="#none">SOLUTION</a></li>
<li class="on"><a href="solution01.html">비행상황관리 시스템</a></li>
</ul>
</div>
<h4>비행상황관리 시스템</h4>
</div>
<div class="design-line-ti"></div>
<div class="sub-cont work">
<div class="solution-box">
<div class="txt">
<h6 class="point-txt">비행상황 관리 시스템</h6>
<p>
항공기, 무인기, 선박 등 실시간 식별정보를 통하여 모니터링 및 상황관리를 할 수 있는 시스템
<br/><br/>
각종 드론 상황관제, 환경측정, 미래산업인 드론/PAV/UAM을 활용한 사업들을 지원하기 위한
환경/물류/안티 드론 등의 상황관제 시스템을 연구하고 솔루션을 제공합니다.
</p>
</div>
<div class="img">
<img src="images/solution01.png">
</div>
</div>
<div class="solution-box bg-gray">
<div class="work-slide">
<h6 class="point-txt">비행상황 관리 시스템 특징</h6>
<div class="swiper-container-work">
<div class="swiper-wrapper">
<div class="swiper-slide slide-box"><span class="work-icon"><i class="pal-icon"><img src="images/i_monitoring.png"></i></span><span class="work-txt">실시간 모니터링</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="pal-icon"><img src="images/i_module.png"></i></span><span class="work-txt">손쉬운 연계모듈</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="pal-icon"><img src="images/i_network.png"></i></span><span class="work-txt">네트워크 기반 방식</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="pal-icon"><img src="images/i_scalability.png"></i></span><span class="work-txt">확장성 고려</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="pal-icon"><img src="images/i_service.png"></i></span><span class="work-txt">안정적 서비스</span></div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
<div class="solution-box">
<div class="solution-skill">
<h6 class="point-txt">비행상황관리 시스템 주요기능</h6>
<ul>
<li>
<div class="skill01">
<span class="skill-num">01</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">비행가능 지역 및 공역표출</span>
</div>
</li>
<li>
<div class="skill02">
<span class="skill-num">02</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">비행체 위치 표출</span>
</div>
</li>
<li>
<div class="skill03">
<span class="skill-num">03</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">항공기 비행경로 및 히스토리 표출</span>
</div>
</li>
<li>
<div class="skill04">
<span class="skill-num">04</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">항공기 비행정보 표출</span>
</div>
</li>
<li>
<div class="skill05">
<span class="skill-num">05</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">비행계획서 조회</span>
</div>
</li>
<li>
<div class="skill01">
<span class="skill-num">06</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">비정상 상황의 경보 표출</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<!--//main--> <!--//main-->
<footer id="footer" class="ft-sub"></footer> <footer id="footer" class="ft-sub"></footer>

101
html/solution02.html
Unescape View File

@ -56,7 +56,7 @@
<a class="topBtn" href="#home"> <a class="topBtn" href="#home">
<i class="xi-arrow-up"></i> <i class="xi-arrow-up"></i>
</a> </a>
<div class="sub-inner wh-full"> <div class="pc-sub sub-inner wh-full">
<div class="sub-ti wh-1280"> <div class="sub-ti wh-1280">
<div class="breadcrumbs"> <div class="breadcrumbs">
<ul> <ul>
@ -152,6 +152,105 @@
</div> </div>
</div> </div>
</div> </div>
<div class="mo-sub">
<div class="sub-inner wh-full">
<div class="sub-ti">
<div class="breadcrumbs">
<ul>
<li><a href="index.html"><i class="xi-home"></i>Home</a></li>
<li><a href="#none">SOLUTION</a></li>
<li class="on"><a href="solution02.html">IBE(Internet Booking Engine)</a></li>
</ul>
</div>
<h4>IBE(Internet Booking Engine)</h4>
</div>
<div class="design-line-ti"></div>
<div class="sub-cont work">
<div class="solution-box">
<div class="txt">
<h6 class="point-txt">IBE</h6>
<p>
항공사 인터넷 부킹 엔진 구축을 통해 항공여정/운임, 발권, 환불/취소 등의 기능을 제공하며, 향후 여행사 제휴(B2B) 등 확장성을 고려하여 구성한 솔루션을 서비스 합니다.
<br/><br/>
국내/외 온라인 여행사의 직접 예약/발권을 위한 Open Travel Alliance의 표준 스펙에 맞는 API를 서비스합니다.
</p>
</div>
<div class="img">
<img src="images/solution01.png">
</div>
</div>
<div class="solution-box bg-gray">
<div class="work-slide">
<h6 class="point-txt">IBE 특징</h6>
<div class="swiper-container-work">
<div class="swiper-wrapper">
<div class="swiper-slide slide-box"><span class="work-icon"><i class="pal-icon"><img src="images/i_dependency.png"></i></span><span class="work-txt">외부 의존성 최소화</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="pal-icon"><img src="images/i_module.png"></i></span><span class="work-txt">손쉬운 연계모듈</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="pal-icon"><img src="images/i_caching.png"></i></span><span class="work-txt">데이터 캐싱 기능</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="pal-icon"><img src="images/i_service.png"></i></span><span class="work-txt">안정적 서비스</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="pal-icon"><img src="images/I_reprocessing.png"></i></span><span class="work-txt">오류 발생 시 재처리</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="pal-icon"><img src="images/i_channel.png"></i></span><span class="work-txt">다양한 채널 확보</span></div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
<div class="solution-box">
<div class="solution-skill">
<h6 class="point-txt">IBE 주요기능</h6>
<ul>
<li>
<div class="skill01">
<span class="skill-num">01</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">여정 및 운임조회</span>
</div>
</li>
<li>
<div class="skill02">
<span class="skill-num">02</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">예약 및 취소</span>
</div>
</li>
<li>
<div class="skill03">
<span class="skill-num">03</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">발권 (Ticketing)</span>
</div>
</li>
<li>
<div class="skill04">
<span class="skill-num">04</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">스케줄 변경처리</span>
</div>
</li>
<li>
<div class="skill05">
<span class="skill-num">05</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">캐싱 및 재처리</span>
</div>
</li>
<li>
<div class="skill06">
<span class="skill-num">06</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">운임규정 및 부가서비스</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<!--//main--> <!--//main-->
<footer id="footer" class="ft-sub"></footer> <footer id="footer" class="ft-sub"></footer>

103
html/solution03.html
Unescape View File

@ -56,7 +56,7 @@
<a class="topBtn" href="#home"> <a class="topBtn" href="#home">
<i class="xi-arrow-up"></i> <i class="xi-arrow-up"></i>
</a> </a>
<div class="sub-inner wh-full"> <div class="pc-sub sub-inner wh-full">
<div class="sub-ti wh-1280"> <div class="sub-ti wh-1280">
<div class="breadcrumbs"> <div class="breadcrumbs">
<ul> <ul>
@ -154,6 +154,107 @@
</div> </div>
</div> </div>
</div> </div>
<div class="mo-sub">
<div class="sub-inner wh-full">
<div class="sub-ti">
<div class="breadcrumbs">
<ul>
<li><a href="index.html"><i class="xi-home"></i>Home</a></li>
<li><a href="#none">SOLUTION</a></li>
<li class="on"><a href="solution03.html">스마트 관광 예약 플랫폼</a></li>
</ul>
</div>
<h4>스마트 관광 예약 플랫폼</h4>
</div>
<div class="design-line-ti"></div>
<div class="sub-cont work">
<div class="solution-box">
<div class="txt">
<h6 class="point-txt">스마트 관광 예약 플랫폼</h6>
<p>
스마트 관광 예약 플랫폼
당사가 보유하고 있는 IBE(Internet Booking engine) 기반으로
관광자원 및 관련설(체험, 먹거리, 살거리 등)에 교통과 결제 기능을 묶어
여행객들이 모바일 패스권 한 장으로 편리하게 여행시설 전반을
이용 할 수 있도록 하는 모바일 티켓 서비스 등 플랫폼 제공합니다.
</p>
</div>
<div class="img">
<img src="images/solution01.png">
</div>
</div>
<div class="solution-box bg-gray">
<div class="work-slide">
<h6 class="point-txt">스마트 관광 예약 플랫폼 특징</h6>
<div class="swiper-container-work">
<div class="swiper-wrapper">
<div class="swiper-slide slide-box"><span class="work-icon"><i class="pal-icon"><img src="images/i_channel.png"></i></span><span class="work-txt">다양한 유통채널</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="pal-icon"><img src="images/i_native.png"></i></span><span class="work-txt">자생적 여행상품 생산</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="pal-icon"><img src="images/i_travelproducts.png"></i></span><span class="work-txt">여행상품 재생산</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="pal-icon"><img src="images/i_snsservice.png"></i></span><span class="work-txt">SNS 서비스 활용 극대화</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="pal-icon"><img src="images/i_tourist.png"></i></span><span class="work-txt">여행객 맞춤 서비스</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="pal-icon"><img src="images/i_convenience.png"></i></span><span class="work-txt">편의성 최적화</span></div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
<div class="solution-box">
<div class="solution-skill">
<h6 class="point-txt">스마트 관광 예약 플랫폼 주요기능</h6>
<ul>
<li>
<div class="skill01">
<span class="skill-num">01</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">상품목록 조회</span>
</div>
</li>
<li>
<div class="skill02">
<span class="skill-num">02</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">상품구매/결제</span>
</div>
</li>
<li>
<div class="skill03">
<span class="skill-num">03</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">포인트 및 쿠폰</span>
</div>
</li>
<li>
<div class="skill04">
<span class="skill-num">04</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">관심 상품 등록</span>
</div>
</li>
<li>
<div class="skill05">
<span class="skill-num">05</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">상품 별 구매후기</span>
</div>
</li>
<li>
<div class="skill06">
<span class="skill-num">06</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">콘텐츠 및 게시판</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<!--//main--> <!--//main-->
<footer id="footer" class="ft-sub"></footer> <footer id="footer" class="ft-sub"></footer>

101
html/solution04.html
Unescape View File

@ -56,7 +56,7 @@
<a class="topBtn" href="#home"> <a class="topBtn" href="#home">
<i class="xi-arrow-up"></i> <i class="xi-arrow-up"></i>
</a> </a>
<div class="sub-inner wh-full"> <div class="pc-sub sub-inner wh-full">
<div class="sub-ti wh-1280"> <div class="sub-ti wh-1280">
<div class="breadcrumbs"> <div class="breadcrumbs">
<ul> <ul>
@ -152,6 +152,105 @@
</div> </div>
</div> </div>
</div> </div>
<div class="mo-sub">
<div class="sub-inner wh-full">
<div class="sub-ti">
<div class="breadcrumbs">
<ul>
<li><a href="index.html"><i class="xi-home"></i>Home</a></li>
<li><a href="#none">SOLUTION</a></li>
<li class="on"><a href="solution04.html">KT G-cloud 인천총판</a></li>
</ul>
</div>
<h4 data-aos="fade-down">KT G-cloud 인천총판</h4>
</div>
<div class="design-line-ti"></div>
<div class="sub-cont work">
<div class="solution-box">
<div class="txt">
<h6 class="point-txt">KT G-cloud</h6>
<p>
Cloud Data Center 운영을 통한 클라우드 서비스의 보안성 및 안정성 을 확보하고 보안 특화, 공공 전용, 금융 전용 클라우드 등 고객 니즈 맞춤형 클라우드 서비스 제공
<br/><br/>
퍼블릭 클라우드 서비스글로벌 퍼블릭 클라우드 서비스인 KT Cloud, Azure, Alibaba/Google Cloud 및 AWS 등 고객사에 맞는 다양한 클라우드 서비스를 제공
</p>
</div>
<div class="img">
<img src="images/solution01.png">
</div>
</div>
<div class="solution-box bg-gray">
<div class="work-slide">
<h6 class="point-txt">KT G-cloud 특징</h6>
<div class="swiper-container-work">
<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">Tier 4 등급 IDC</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="xi-arrow-up"></i></span><span class="work-txt">지리적으로 분리된 다중 DR</span></div>
<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">내외부 최신 보안 시스템</span></div>
<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">국내 최대규모의 IDC</span></div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
<div class="solution-box">
<div class="solution-skill">
<h6 class="point-txt">KT G-cloud 장점</h6>
<ul>
<li>
<div class="skill01">
<span class="skill-num">01</span>
<span class="skill-img"><img src="images/list_img01.jpg"></span>
<span class="skill-txt">유연성(통합운영, 관리)</span>
</div>
</li>
<li>
<div class="skill02">
<span class="skill-num">02</span>
<span class="skill-img"><img src="images/list_img02.jpg"></span>
<span class="skill-txt">경제성</span>
</div>
</li>
<li>
<div class="skill03">
<span class="skill-num">03</span>
<span class="skill-img"><img src="images/list_img03.jpg"></span>
<span class="skill-txt">안정성/보안성</span>
</div>
</li>
<li>
<div class="skill04">
<span class="skill-num">04</span>
<span class="skill-img"><img src="images/list_img04.jpg"></span>
<span class="skill-txt">신속성/정확성</span>
</div>
</li>
<li>
<div class="skill05">
<span class="skill-num">05</span>
<span class="skill-img"><img src="images/list_img05.jpg"></span>
<span class="skill-txt">간편한 셋팅</span>
</div>
</li>
<li>
<div class="skill06">
<span class="skill-num">06</span>
<span class="skill-img"><img src="images/list_img06.jpg"></span>
<span class="skill-txt">실시간 모니터링</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<!--//main--> <!--//main-->
<footer id="footer" class="ft-sub"></footer> <footer id="footer" class="ft-sub"></footer>

Write Preview
Loading…
Cancel
Save