diff --git a/html/business01.html b/html/business01.html index 70322cc..d7e9bef 100644 --- a/html/business01.html +++ b/html/business01.html @@ -56,7 +56,7 @@ -
+
diff --git a/html/business02.html b/html/business02.html index 3c28991..8a0d648 100644 --- a/html/business02.html +++ b/html/business02.html @@ -56,7 +56,7 @@ -
+
+ +
+
+
+ +

R&D + 중앙행정기관이 법력에 근거하여 연구개발과제를 특정하고,
+ 자체 또는 협력사 및 학교등과 연계하여, 과학기술분야의 연구개발사업을 수행합니다.
+

+
+
+
+
+
    + + +
+
+
+
+
+
드론 규제 샌드박스
+ +
+
+
+
드론 규제 샌드박스
+

+ 드론 이용 증가에 대비하여 안전 관리를 위한 드론 식별/관리 체계 기반을 마련하고 드론 관리 체계에 따른 식별장치 및 비행 관제시스템 구축 및 실증을 목표로 연구개발을 수행 +

+
+
+ +
+
+
+
+
+
환경드론 관제 시스템 구축
+ +
+
+
+
환경드론 관제 시스템 구축
+

+ 미세먼지 및 대기오염과 함께 악취문제 등 사회문제를 일으키고있어 대기환경 오염 감시정보 센서를 드론에 장착해 실시간 미세먼지 및 대기오염 정보를 모니터링 할 수 있는 시스템 구축 및 실증을 목표로 연구개발을 수행 +

+
+
+ +
+
+
+
+
+
메타버스 시스템 구축
+ +
+
+
+
+

+ 코로나 시대를 대비하여 비대면 형태만을 강조하는 일차원적인 단계를 넘어 디지털 전환을 시도하며, 현실을 디지털 기반의 가상 세계로 확장해 가상공간에서 모든 활동을 할 수 있도록 시스템 구축 및 실증을 목표로 연구개발을 수행 +

+
+
+ +
+
+
+
+
+
항공인력양성팀 운영시스템
+ +
+
+
+
항공인력양성팀 운영시스템
+

+ 항공기초인력양성사업은 고교생 중심의 항공정비인력 교육·훈련을 위한 민간분야 기반을 조성하여 항공정비분야 현장실무인력을 안정적으로 공급할 수 있도록 시스템 구축 및 실증을 목표로 연구개발을 수행 +

+
+
+ +
+
+
+
+
+
경량항공기 내비게이션 및 비행상황관리 시스템 구축
+ +
+
+
+
경량항공기 내비게이션 및 비행상황관리 시스템 구축
+
    +

    + 항공레저 대중화에 따른 경량항공기 증가 등 사고 위험이 높아짐에 따라 비행안전을 위한 안전정보 제공 서비스 체계 마련 필요함에 따라 실시간 항공안전정보를 제공하는 경량항공기 전용 내비게이션과 경량항공기 위치 기반 모니터링 체계를 구축 및 실증을 목표로 연구개발을 수행 +

    +
+
+
+ +
+
+
+
+
+
UTM 드론 교통관리체계
+ +
+
+
+
UTM 드론 교통관리체계
+

+ 저고도 공역(150m 이하)에 드론(무인비행장치)의 안전하고 효율적인 운항을 돕는 교통관리체계 연구 및 개발을 목표로 연구개발을 수행 +

+
+
+ +
+
+
+
+
+
+
+
드론 규제 샌드박스
+ +
+
+
    +
  • +
  • +
  • +
+
+
+
+
주요기능
+
    +
  • 실시간 위치정보
  • +
  • 공역 정보
  • +
  • 회원가입
  • +
  • 통계
  • +
  • 비행 시뮬레이션
  • +
  • 비행 이력
  • +
  • 드론 정보
  • +
  • 기초정보 관리
  • +
+
+
+
+
+
+
환경드론 관제 시스템 구축
+ +
+
+
    +
  • +
  • +
  • +
+
+
+
+
주요기능
+
    +
  • 실시간 위치정보
  • +
  • 심각 오염 알림
  • +
  • 환경지표
  • +
  • 통계
  • +
  • 비행 시뮬레이션
  • +
  • 비행 이력
  • +
  • 드론 정보
  • +
  • 공역 정보
  • +
+
+
+
+
+
+
메타버스
+ +
+
+
    +
  • +
  • +
  • +
+
+
+
+
주요기능
+
    +
  • 회원가입
  • +
  • 캐릭터 생성
  • +
  • 메시지(채팅)
  • +
  • 통계
  • +
  • 3D 그래픽
  • +
  • 이벤트 및 투표
  • +
  • 행사장 생성
  • +
  • 모션 그래픽
  • +
+
+
+
+
+
+
+
diff --git a/html/css/common.css b/html/css/common.css index 9455145..0e5166b 100644 --- a/html/css/common.css +++ b/html/css/common.css @@ -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.current{display: inherit;} .tab-content .business-info{border-top:1px solid #ddd;} + /*솔루션+비즈니스*/ .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;} @@ -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 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;} +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;} @@ -404,7 +405,7 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d .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-ti h4{font-size:2.5rem;padding:80px 0 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%;} @@ -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-prev, .mo-sub .swiper-container-history .swiper-rtl .swiper-button-next{left:20px;} .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 li{width:33.333%} .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){ .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 ul li div span{line-height:1.8} .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} } diff --git a/html/js/common.js b/html/js/common.js index 83bba3d..a55fd7e 100644 --- a/html/js/common.js +++ b/html/js/common.js @@ -299,13 +299,50 @@ $(function(){ $(function(){ 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 수평 설정이 없으면 수평 direction: 'horizontal', //한번에 보여지는 페이지 숫자 - slidesPerView: 3, + slidesPerView: 1, //페이지와 페이지 사이의 간격 - spaceBetween: 10, + spaceBetween: 0, //드레그 기능 true 사용가능 false 사용불가 debugger: true, //마우스 휠기능 true 사용가능 false 사용불가 @@ -330,6 +367,11 @@ $(function(){ //이전페이지 설정 prevEl: '.swiper-button-prev', }, + breakpoints: { //반응형 조건 속성 + 640: { //640 이상일 경우 + slidesPerView: 3, //레이아웃 2열 + } + } }); }); \ No newline at end of file diff --git a/html/solution01.html b/html/solution01.html index e7d87b2..8e92510 100644 --- a/html/solution01.html +++ b/html/solution01.html @@ -56,7 +56,7 @@ -
+
+ +
+
+
+ +

비행상황관리 시스템

+
+
+
+
+
+
비행상황 관리 시스템
+

+ 항공기, 무인기, 선박 등 실시간 식별정보를 통하여 모니터링 및 상황관리를 할 수 있는 시스템 +

+ 각종 드론 상황관제, 환경측정, 미래산업인 드론/PAV/UAM을 활용한 사업들을 지원하기 위한 + 환경/물류/안티 드론 등의 상황관제 시스템을 연구하고 솔루션을 제공합니다. +

+
+
+ +
+
+ +
+
+
비행상황 관리 시스템 특징
+
+
+
실시간 모니터링
+
손쉬운 연계모듈
+
네트워크 기반 방식
+
확장성 고려
+
안정적 서비스
+
+ +
+
+
+
+
+
+
+
비행상황관리 시스템 주요기능
+
    +
  • +
    + 01 + + 비행가능 지역 및 공역표출 +
    +
  • +
  • +
    + 02 + + 비행체 위치 표출 +
    +
  • +
  • +
    + 03 + + 항공기 비행경로 및 히스토리 표출 +
    +
  • +
  • +
    + 04 + + 항공기 비행정보 표출 +
    +
  • +
  • +
    + 05 + + 비행계획서 조회 +
    +
  • +
  • +
    + 06 + + 비정상 상황의 경보 표출 +
    +
  • +
+
+
+
+
+
diff --git a/html/solution02.html b/html/solution02.html index fe01fc1..de75cb0 100644 --- a/html/solution02.html +++ b/html/solution02.html @@ -56,7 +56,7 @@ -
+
+ +
+
+
+ +

IBE(Internet Booking Engine)

+
+
+
+
+
+
IBE
+

+ 항공사 인터넷 부킹 엔진 구축을 통해 항공여정/운임, 발권, 환불/취소 등의 기능을 제공하며, 향후 여행사 제휴(B2B) 등 확장성을 고려하여 구성한 솔루션을 서비스 합니다. +

+ 국내/외 온라인 여행사의 직접 예약/발권을 위한 Open Travel Alliance의 표준 스펙에 맞는 API를 서비스합니다. +

+
+
+ +
+
+ +
+
+
IBE 특징
+
+
+
외부 의존성 최소화
+
손쉬운 연계모듈
+
데이터 캐싱 기능
+
안정적 서비스
+
오류 발생 시 재처리
+
다양한 채널 확보
+
+ +
+
+
+
+
+
+
+
IBE 주요기능
+
    +
  • +
    + 01 + + 여정 및 운임조회 +
    +
  • +
  • +
    + 02 + + 예약 및 취소 +
    +
  • +
  • +
    + 03 + + 발권 (Ticketing) +
    +
  • +
  • +
    + 04 + + 스케줄 변경처리 +
    +
  • +
  • +
    + 05 + + 캐싱 및 재처리 +
    +
  • +
  • +
    + 06 + + 운임규정 및 부가서비스 +
    +
  • +
+
+
+
+
+
diff --git a/html/solution03.html b/html/solution03.html index ea1e11f..85702e7 100644 --- a/html/solution03.html +++ b/html/solution03.html @@ -56,7 +56,7 @@ -
+
+ +
+
+
+ +

스마트 관광 예약 플랫폼

+
+
+
+
+
+
스마트 관광 예약 플랫폼
+

+ 스마트 관광 예약 플랫폼 + 당사가 보유하고 있는 IBE(Internet Booking engine) 기반으로 + 관광자원 및 관련설(체험, 먹거리, 살거리 등)에 교통과 결제 기능을 묶어 + 여행객들이 모바일 패스권 한 장으로 편리하게 여행시설 전반을 + 이용 할 수 있도록 하는 모바일 티켓 서비스 등 플랫폼 제공합니다. +

+
+
+ +
+
+ +
+
+
스마트 관광 예약 플랫폼 특징
+
+
+
다양한 유통채널
+
자생적 여행상품 생산
+
여행상품 재생산
+
SNS 서비스 활용 극대화
+
여행객 맞춤 서비스
+
편의성 최적화
+
+ +
+
+
+
+
+
+
+
스마트 관광 예약 플랫폼 주요기능
+
    +
  • +
    + 01 + + 상품목록 조회 +
    +
  • +
  • +
    + 02 + + 상품구매/결제 +
    +
  • +
  • +
    + 03 + + 포인트 및 쿠폰 +
    +
  • +
  • +
    + 04 + + 관심 상품 등록 +
    +
  • +
  • +
    + 05 + + 상품 별 구매후기 +
    +
  • +
  • +
    + 06 + + 콘텐츠 및 게시판 +
    +
  • +
+
+
+
+
+
diff --git a/html/solution04.html b/html/solution04.html index 0cf12e2..4fffcb0 100644 --- a/html/solution04.html +++ b/html/solution04.html @@ -56,7 +56,7 @@ -
+
+ +
+
+
+ +

KT G-cloud 인천총판

+
+
+
+
+
+
KT G-cloud
+

+ Cloud Data Center 운영을 통한 클라우드 서비스의 보안성 및 안정성 을 확보하고 보안 특화, 공공 전용, 금융 전용 클라우드 등 고객 니즈 맞춤형 클라우드 서비스 제공 +

+ 퍼블릭 클라우드 서비스글로벌 퍼블릭 클라우드 서비스인 KT Cloud, Azure, Alibaba/Google Cloud 및 AWS 등 고객사에 맞는 다양한 클라우드 서비스를 제공 +

+
+
+ +
+
+ +
+
+
KT G-cloud 특징
+
+
+
Tier 4 등급 IDC
+
지리적으로 분리된 다중 DR
+
재난대응체계 강화
+
내외부 최신 보안 시스템
+
보안·운영환경 모니터링
+
국내 최대규모의 IDC
+
+ +
+
+
+
+
+
+
+
KT G-cloud 장점
+
    +
  • +
    + 01 + + 유연성(통합운영, 관리) +
    +
  • +
  • +
    + 02 + + 경제성 +
    +
  • +
  • +
    + 03 + + 안정성/보안성 +
    +
  • +
  • +
    + 04 + + 신속성/정확성 +
    +
  • +
  • +
    + 05 + + 간편한 셋팅 +
    +
  • +
  • +
    + 06 + + 실시간 모니터링 +
    +
  • +
+
+
+
+
+