geun1416 2 years ago
parent
commit
a5f8521cea
  1. 4
      html/css/common.css
  2. BIN
      html/images/I_reprocessing.png
  3. BIN
      html/images/i_caching.png
  4. BIN
      html/images/i_channel.png
  5. BIN
      html/images/i_convenience.png
  6. BIN
      html/images/i_dependency.png
  7. BIN
      html/images/i_module.png
  8. BIN
      html/images/i_monitoring.png
  9. BIN
      html/images/i_native.png
  10. BIN
      html/images/i_network.png
  11. BIN
      html/images/i_scalability.png
  12. BIN
      html/images/i_service.png
  13. BIN
      html/images/i_snsservice.png
  14. BIN
      html/images/i_tourist.png
  15. BIN
      html/images/i_travelproducts.png
  16. BIN
      html/images/list_img01.jpg
  17. BIN
      html/images/list_img02.jpg
  18. BIN
      html/images/list_img03.jpg
  19. BIN
      html/images/list_img04.jpg
  20. BIN
      html/images/list_img05.jpg
  21. BIN
      html/images/list_img06.jpg
  22. 10
      html/solution01.html
  23. 12
      html/solution02.html
  24. 12
      html/solution03.html
  25. 12
      html/solution04.html

4
html/css/common.css

@ -8,6 +8,7 @@ body,html{overflow-x: hidden;}
.btn + .btn{margin-left:20px;} .btn + .btn{margin-left:20px;}
.btn-box{display:flex;justify-content: center;margin-top:40px;} .btn-box{display:flex;justify-content: center;margin-top:40px;}
.btn.blue{background-color: #2290c9;border-color: #2290c9;color:#fff;} .btn.blue{background-color: #2290c9;border-color: #2290c9;color:#fff;}
.pal-icon{vertical-align: middle;}
/*header*/ /*header*/
#hd {background:rgba(0, 0, 0, 0);z-index:1000;position:fixed;width:100%; top:0;overflow:hidden; transition:0.6s ease; -webkit-transition:0.6s ease;} #hd {background:rgba(0, 0, 0, 0);z-index:1000;position:fixed;width:100%; top:0;overflow:hidden; transition:0.6s ease; -webkit-transition:0.6s ease;}
#hd:hover{background:#fff; border-bottom:1px solid rgba(0, 0, 0, 0.5);} #hd:hover{background:#fff; border-bottom:1px solid rgba(0, 0, 0, 0.5);}
@ -290,7 +291,8 @@ ul.tabs li.current span{border-bottom:2px solid #222;font-size:1.25rem;}
.solution-skill ul li div{height:320px;position:relative;padding:40px 20px;border:1px solid #ddd;border-radius:4px;box-shadow:2px 2px 4px #f4f4f4;} .solution-skill ul li div{height:320px;position:relative;padding:40px 20px;border:1px solid #ddd;border-radius:4px;box-shadow:2px 2px 4px #f4f4f4;}
.skill-num{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:100%;background:#4c555a;color:#fff;font-weight:bold; .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;} position: absolute;top:-25px;left:50%;transform: translateX(-50%);box-shadow:2px 2px 2px #ddd;}
.skill-img img{width:100%;} .skill-img{display:block;width:100%;height:180px;}
.skill-img img{width:100%;height: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{width:1280px;margin:0px auto;}
.business-info:nth-child(2n) .business-box{flex-direction: row-reverse;} .business-info:nth-child(2n) .business-box{flex-direction: row-reverse;}

BIN
html/images/I_reprocessing.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
html/images/i_caching.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
html/images/i_channel.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
html/images/i_convenience.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
html/images/i_dependency.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
html/images/i_module.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
html/images/i_monitoring.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
html/images/i_native.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
html/images/i_network.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
html/images/i_scalability.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
html/images/i_service.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
html/images/i_snsservice.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
html/images/i_tourist.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
html/images/i_travelproducts.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
html/images/list_img01.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

BIN
html/images/list_img02.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

BIN
html/images/list_img03.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

BIN
html/images/list_img04.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

BIN
html/images/list_img05.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

BIN
html/images/list_img06.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

10
html/solution01.html

@ -89,11 +89,11 @@
<h6 class="point-txt" data-aos="fade-right" data-aos-duration="1000">비행상황 관리 시스템 특징</h6> <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-container-work" data-aos="fade-in" data-aos-duration="1000">
<div class="swiper-wrapper"> <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="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="xi-arrow-up"></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="xi-arrow-up"></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="xi-arrow-up"></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="xi-arrow-up"></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> </div>
<!-- If we need navigation buttons --> <!-- If we need navigation buttons -->
<div class="swiper-button-prev" data-aos="fade-in" data-aos-duration="1000"></div> <div class="swiper-button-prev" data-aos="fade-in" data-aos-duration="1000"></div>

12
html/solution02.html

@ -88,12 +88,12 @@
<h6 class="point-txt" data-aos="fade-right" data-aos-duration="1000">IBE 특징</h6> <h6 class="point-txt" data-aos="fade-right" data-aos-duration="1000">IBE 특징</h6>
<div class="swiper-container-work" data-aos="fade-in" data-aos-duration="1000"> <div class="swiper-container-work" data-aos="fade-in" data-aos-duration="1000">
<div class="swiper-wrapper"> <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="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="xi-arrow-up"></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="xi-arrow-up"></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="xi-arrow-up"></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="xi-arrow-up"></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="xi-arrow-up"></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> </div>
<!-- If we need navigation buttons --> <!-- If we need navigation buttons -->
<div class="swiper-button-prev" data-aos="fade-in" data-aos-duration="1000"></div> <div class="swiper-button-prev" data-aos="fade-in" data-aos-duration="1000"></div>

12
html/solution03.html

@ -90,12 +90,12 @@
<h6 class="point-txt" data-aos="fade-right" data-aos-duration="1000">스마트 관광 예약 플랫폼 특징</h6> <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-container-work" data-aos="fade-in" data-aos-duration="1000">
<div class="swiper-wrapper"> <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="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="xi-arrow-up"></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="xi-arrow-up"></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_travelproducts.png"></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="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="xi-arrow-up"></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_tourist.png"></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="pal-icon"><img src="images/i_convenience.png"></i></span><span class="work-txt">편의성 최적화</span></div>
</div> </div>
<!-- If we need navigation buttons --> <!-- If we need navigation buttons -->
<div class="swiper-button-prev" data-aos="fade-in" data-aos-duration="1000"></div> <div class="swiper-button-prev" data-aos="fade-in" data-aos-duration="1000"></div>

12
html/solution04.html

@ -108,42 +108,42 @@
<li> <li>
<div class="skill01"> <div class="skill01">
<span class="skill-num">01</span> <span class="skill-num">01</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span> <span class="skill-img"><img src="images/list_img01.jpg"></span>
<span class="skill-txt">유연성(통합운영, 관리)</span> <span class="skill-txt">유연성(통합운영, 관리)</span>
</div> </div>
</li> </li>
<li> <li>
<div class="skill02"> <div class="skill02">
<span class="skill-num">02</span> <span class="skill-num">02</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span> <span class="skill-img"><img src="images/list_img02.jpg"></span>
<span class="skill-txt">경제성</span> <span class="skill-txt">경제성</span>
</div> </div>
</li> </li>
<li> <li>
<div class="skill03"> <div class="skill03">
<span class="skill-num">03</span> <span class="skill-num">03</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span> <span class="skill-img"><img src="images/list_img03.jpg"></span>
<span class="skill-txt">안정성/보안성</span> <span class="skill-txt">안정성/보안성</span>
</div> </div>
</li> </li>
<li> <li>
<div class="skill04"> <div class="skill04">
<span class="skill-num">04</span> <span class="skill-num">04</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span> <span class="skill-img"><img src="images/list_img04.jpg"></span>
<span class="skill-txt">신속성/정확성</span> <span class="skill-txt">신속성/정확성</span>
</div> </div>
</li> </li>
<li> <li>
<div class="skill05"> <div class="skill05">
<span class="skill-num">05</span> <span class="skill-num">05</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span> <span class="skill-img"><img src="images/list_img05.jpg"></span>
<span class="skill-txt">간편한 셋팅</span> <span class="skill-txt">간편한 셋팅</span>
</div> </div>
</li> </li>
<li> <li>
<div class="skill06"> <div class="skill06">
<span class="skill-num">06</span> <span class="skill-num">06</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span> <span class="skill-img"><img src="images/list_img06.jpg"></span>
<span class="skill-txt">실시간 모니터링</span> <span class="skill-txt">실시간 모니터링</span>
</div> </div>
</li> </li>

Loading…
Cancel
Save