.

html/css/common.css

@@ -8,6 +8,7 @@ body,html{overflow-x: hidden;}
 .btn + .btn{margin-left:20px;}
 .btn-box{display:flex;justify-content: center;margin-top:40px;}
 .btn.blue{background-color: #2290c9;border-color: #2290c9;color:#fff;}
+.pal-icon{vertical-align: middle;}
 /*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: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;}
 .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-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;}
 .business-info{width:1280px;margin:0px auto;}
 .business-info:nth-child(2n) .business-box{flex-direction: row-reverse;}

html/solution01.html

@@ -89,11 +89,11 @@
           <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">손쉬운 연계모듈</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="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" data-aos="fade-in" data-aos-duration="1000"></div>

html/solution02.html

@@ -88,12 +88,12 @@
           <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-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">손쉬운 연계모듈</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">다양한 채널 확보</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="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" data-aos="fade-in" data-aos-duration="1000"></div>

html/solution03.html

@@ -90,12 +90,12 @@
           <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">다양한 유통채널</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="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="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" data-aos="fade-in" data-aos-duration="1000"></div>

html/solution04.html

@@ -108,42 +108,42 @@
             <li>
               <div class="skill01">
                 <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>
               </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-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/linkbg01.jpg"></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/linkbg01.jpg"></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/linkbg01.jpg"></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/linkbg01.jpg"></span>
+                <span class="skill-img"><img src="images/list_img06.jpg"></span>
                 <span class="skill-txt">실시간 모니터링</span>
               </div>
             </li>