rlagkdud898 / TAKENSOFT star
mycoms 2024-04-11
240411 김하영
@ae7716bc06f80da017a100f2942320da196016fb
8e2c13d
ae7716b
resources/css/style.css
--- resources/css/style.css
+++ resources/css/style.css
@@ -816,7 +816,8 @@
 
 
 
 .taken-area p {
 
-    font-size: 1.8rem;
 
+    font-size: 1.7rem;
 
+    margin-top: 1rem;
 
     font-weight: 600;
 
     padding-left: 20px;
 
 }
@@ -849,8 +850,8 @@
 
 
 .solution-text-box p {
 
     font-weight: 500;
 
-    font-size: 1.6rem;
 
-    padding-left: 10px;
 
+    font-size: 1.5rem;
 
+    padding-left: 20px;
 
     line-height: 1.5;
 
 }
8e2c13d
ae7716b
views/pages/Solution.html
--- views/pages/Solution.html
+++ views/pages/Solution.html
@@ -92,7 +92,10 @@
 
 
         .swiper-slide img {
 
             display: block;
 
+            width: 100%;
 
             object-fit: cover;
 
+            padding: 1rem 0;
 
+            z-index: 3;
 
         }
 
     </style>
@@ -112,14 +115,15 @@
 
                     </div>
 
                     <div class="flex justify-between align-end taken-wrap-box " style="flex-wrap: nowrap; gap: 20px;">
 
                         <div class="taken-area taken-conteiner flex align-end solution-web-box"
 
-                            style="gap: 20px; height: 100%;">
 
+                            style="gap: 20px; height: 100%; width: 50%;">
 
                             <img src="../../resources/img/common/solution-img1.png" alt="" class="mb40">
 
                             <div class="taken-box flex justify-between" style="flex-wrap: nowrap; ">
 
                                 <p>데이터 수집,저장,관리</p>
 
                                 <p>솔루션 제공 기반 맞춤형 서비스</p>
 
                             </div>
 
                         </div>
 
-                        <div class="taken-area taken-conteiner taken-area-text flex " style="gap: 20px;  height: 100%;">
 
+                        <div class="taken-area taken-conteiner taken-area-text flex "
 
+                            style="gap: 20px;  height: 100%; width: 50%;">
 
                             <div class="text-after">
 
                                 <p>데이터 수집,저장,관리 기반 솔루션 제공 맞춤형 서비스를 제공합니다.</p>
 
                                 <p>Taken BI Manager는 AI기반의 빅데이터 플랫폼으로 데이터를 활용하여 데이터를 분석하고 고객 맞춤형으로 다양한 콘텐츠 및 시각화
@@ -127,13 +131,13 @@
 
                                 <P>데이터의 수집 / 관리 / 분석 / 시각화 4가지 기능을 플랫폼 하나로 효율적인 데이터관리가 가능</P>
 
                             </div>
 
                             <div class="solution-text-box">
 
-                                <h3 class="text-box-title mb10">주요기능</h3>
 
+                                <h3 class="text-box-title mb10 ml30">주요기능</h3>
 
                                 <p>- File Data에 대한 수집 및 전처리를 통한 DB 표준화 기능 제공</p>
 
                                 <p>- 데이터 마트에 구성된 모델과 연동되어 타기관 데이터 이관 서비스 제공</p>
 
                                 <p>- 데이터 및 분석 결과를 표현하기 위한 그리드 기능 제공</p>
 
                             </div>
 
                             <div class="solution-text-box">
 
-                                <h3 class="text-box-title mb10">특장점</h3>
 
+                                <h3 class="text-box-title mb10 ml30">특장점</h3>
 
                                 <div class="flex " style="gap: 10px; flex-wrap: nowrap;">
 
                                     <div class="flex-column">
 
                                         <p>- DB 연계형 데이터 수집 서비스</p>
@@ -155,9 +159,10 @@
 
                     <div class="traffic-title mb20">
 
                         <p>Traffic Agent</p>
 
                     </div>
 
-
 
-
 
-                    <div class=" video-wrap">
 
+                    <div class="flex justify-end traffic-button ">
 
+                        <button class="traffic-btn ">영상보기</button>
 
+                    </div>
 
+                    <div class=" video-wrap mb20 ">
 
                         <div class="traffic-video">
 
                             <div class="flex justify-between mb10 ">
 
                                 <p>Traffic Agent</p>
@@ -166,10 +171,11 @@
 
                             <video src="../../resources/img/common/Traffic Agent .mp4" autoplay muted controls></video>
 
                         </div>
 
                     </div>
 
+
 
                     <div class="flex justify-between align-end taken-wrap-box" style="flex-wrap: nowrap; gap: 20px; ">
 
 
                         <div class="taken-area taken-conteiner flex align-end  solution-after" style="height: 100%;">
 
-                            <div class="text-after ">
 
+                            <div class="text-after mb10">
 
                                 <p>위치정보를 기반으로 반복 이동에 대한 교통상황을 분석하여 최적의 경로를 추천하고 교통상황 정보를 공유합니다.</p>
 
 
                             </div>
@@ -195,9 +201,7 @@
 
                         </div>
 
                         <div class="traffic-area flex align-end justify-end solution-web-box"
 
                             style="height: 100%; width: 100%;">
 
-                            <div class="flex justify-end traffic-button ">
 
-                                <button class="traffic-btn ">영상보기</button>
 
-                            </div>
 
+                           
 
                             <img src="../../resources/img/common/traffic-img.png" alt="" style="height: 356px;">
 
                             <div class="taken-box flex justify-between" style="flex-wrap: nowrap;">
@@ -214,7 +218,9 @@
 
                     <div class="ai-title mb20">
 
                         <p>AI 안전통합 횡단보도 관리 솔루션</p>
 
                     </div>
 
-
 
+                    <div class="flex justify-end traffic-button">
 
+                        <button class="traffic-btn">영상보기</button>
 
+                    </div>
 
 
                     <div class=" video-wrap">
 
                         <div class="traffic-video">
@@ -234,10 +240,8 @@
 
                                 <p>GIS 기반 통합 관제<br> 시스템 구축</p>
 
                             </div>
 
                         </div>
 
-                        <div class="taken-area taken-conteiner flex  align-end" style="gap: 20px;">
 
-                            <div class="flex justify-end traffic-button">
 
-                                <button class="traffic-btn">영상보기</button>
 
-                            </div>
 
+                        <div class="taken-area taken-conteiner flex  align-end" style="gap: 20px; width: 100%;">
 
+                          
                             <div class="text-after solution-area-two">
 
                                 <p>AI 안전통합 횡단보도 플랫폼으로 횡단보도의 보행자 상황을 차량 내비게이션에 전달하여 우회전 시 사고를 예방합니다.</p>
 
                             </div>
@@ -270,7 +274,9 @@
 
                     <div class="meta-title mb40">
 
                         <p>이동데이터 기반 성지순례길 메타버스 플랫폼</p>
 
                     </div>
 
-
 
+                    <div class="flex justify-end traffic-button">
 
+                        <button class="traffic-btn">영상보기</button>
 
+                    </div>
 
 
                     <div class=" video-wrap">
 
                         <div class="traffic-video">
@@ -306,11 +312,9 @@
 
                             </div>
 
                         </div>
 
                         <div class="meta-area flex align-end solution-web-box" style="height: 100%; width: 100%;">
 
-                            <div class="flex justify-end traffic-button">
 
-                                <button class="traffic-btn">영상보기</button>
 
-                            </div>
 
+                           
                             <img src="../../resources/img/common/meta-img.png" alt="" class="mb30"
 
-                                style="height: 250px;">
 
+                                >
 
                             <div class="taken-box flex justify-between" style="flex-wrap: nowrap;">
 
                                 <p>가상과 현실공간을<br>연결하는 플랫폼</p>
 
                                 <p>지역 기반 문화적 자원과<br>연계한 콘텐츠 제공</p>
Add a comment
List