Commit @83205ec0b853ff8e549039200d98280616d3b1bf

mycoms 04-15

240415 김하영

@83205ec0b853ff8e549039200d98280616d3b1bf

340c6cf

83205ec

resources/css/common.css

--- resources/css/common.css

+++ resources/css/common.css


 .pb100 {
     padding-bottom: 10rem;
 }
+.pb120 {
+    padding-bottom: 12rem;
+}
 
 /* 패딩 left */
 .pl0 {

340c6cf

83205ec

resources/css/responsive.css

--- resources/css/responsive.css

+++ resources/css/responsive.css


     .text-area {
         width: 100% !important;
         height: 100% !important;
-        padding: 6rem 2rem;
+        padding: 12rem 2rem;
     }
 
     .innerSwiper-title {

 
     .footer-text div p,
     .footer-text p {
-        width: 100%;
+        width: 100% !important;
         font-size: 1.2rem !important;
         padding-left: 0px !important;
     }

     #etc {
         height: 100% !important;
         overflow-y: scroll !important;
-        padding-top: 60px;
+        padding-top: 120px;
     }
 
 

         width: 100%;
         border-radius: 5px;
         margin-bottom: 5px;
+        flex-wrap: wrap !important;
     }
 
 

         /* height: 100%; */
         padding-bottom: 10px !important;
         margin-bottom: 0px !important;
+        padding-top: 0rem !important;
     }
+    
 
     .customized-box {
         width: 100%;

340c6cf

83205ec

resources/css/style.css

--- resources/css/style.css

+++ resources/css/style.css


 }
 
 .solution-text {
-    font-size: 4.5rem;
+    font-size: 6rem;
     font-weight: 700;
     opacity: 0;
+}
+.map-wrap{
+    box-shadow: 2px 2px 15px #1c1c1c3a;
 }
 
 .box1,

     height: 100%;
     border-radius: 20px;
     background-size: cover;
-    padding: 214px 10px 10px 10px;
+    padding: 214px 26px 10px 10px;
     color: #fff;
     text-align: left;
+    font-size: 1.6rem;
 }
 
-.box2,
-.box4 {
-    transform: translateY(30px);
+.box-area{
+    font-size: 2.3rem;
+    margin-bottom: 1.3rem;
 }
 
 .box1 {

 }
 
 .box2 {
+    transform: translateY(30px);
     background: url(../img/common/img-box2.png) no-repeat;
 
 }

 }
 
 .box4 {
+    transform: translateY(30px);
+
     background: url(../img/common/img-box4.png) no-repeat;
 
 }

 }
 
 .box6 {
+    transform: translateY(30px);
+
     background: url(../img/common/img-box6.png) no-repeat;
 
 }

     opacity: 0;
     cursor: pointer;
 }
-
 
 
 @keyframes fadeIn {

     opacity: 0;
     font-size: 2rem;
     margin-bottom: 2rem;
+	font-family: 'Pretendard';
 }
 
 .solution-sub-text.active {

 
 
 
-
+.innerSwiper-text{
+    font-size: 2rem;
+}
 
 
 .innerSwiper .swiper-slide {

 
 .portfolio-text {
     font-size: 6rem;
-    font-weight: 800;
+    font-weight: 700;
     text-align: left;
 }
 .innerSwiper-textBox {

 #footer img {
     text-align: left !important;
     width: 200px !important;
+    padding: 0px !important;
 }
 
 #footer p {

 .footer-text p {
     margin-bottom: 1rem;
     width: 50%;
+    font-size: 1.6rem;
 }
 
 .footer-wrap .info {

 }
 
 .copyright {
+    font-size: 1.6rem;
     text-align: center !important;
 }
 

     font-weight: 600;
     z-index: 2;
 }
+.solution-ani img {
+    margin-bottom: 2rem;
+}
 
 .solution-text-box {
     width: 100%;

     font-weight: 500;
     font-size: 1.5rem;
     padding-left: 20px;
-    line-height: 1.5;
+}
+.text-box p{
+    font-size: 1.6rem;
+    margin-bottom: 1.7rem;
+    text-align: left;
+    word-break: keep-all;
+}
+
+.box-wrap-title{
+    font-size: 2.4rem !important;
+    font-weight: 500;
+    text-align: center !important;
+    font-family: 'Pretendard';
+
+}
+.visuali-text p{
+    font-size: 2.1rem;
+    word-break: keep-all;
+    font-weight: 500;
+    font-family: 'Pretendard';
+
 }
 
 .text-box-title {
     font-family: 'Pretendard';
     position: relative;
     font-weight: 600;
-    font-size: 2rem;
+    font-size: 2.4rem;
     text-align: left;
 }
 

     background: linear-gradient(#fff, #fff, #d7e2ff);
 
 }
+.about-title-sub{
+    font-size: 2.4rem;
+}
 
 .about-title p:nth-child(1) {
-    font-size: 4rem;
+    font-size: 6rem;
     font-weight: bold;
     font-family: 'Pretendard';
     text-align: center;

 .about-text {
     text-align: center;
     color: #213F99;
-    font-weight: 900;
+    font-weight: 600;
     font-size: 2rem;
     margin-bottom: 0.5rem;
 }

 
 .slideText p:first-child {
     font-size: 3rem;
-    font-family: 'GmarketSansBold';
+    font-family: "GmarketSansB";
     font-weight: bold;
     font-style: normal;
     z-index: 5;

 
 .slideTextDtail {
     text-align: left;
-    padding: 0 2rem;
 }
 
 .slideText p:last-child,

     z-index: 1;
 }
 
-.accordion.active .accordion-num,
-.accordion.active .accordion-num span {
+.accordion.active .accordion-num
+ {
     color: #80649b;
     font-size: 3rem;
+    font-weight: 700;
 }
-
+.accordion.active .accordion-num span{
+    color:#b1a1c3;
+}
 .accordion.active p,
 .slideTextDtail.active p {
     opacity: 1;

 }
 
 .etc-wrap-title h1 {
-    font-size: 4rem;
+    font-size: 6rem;
 }
 
 .etc-box {

 }
 
 .etc-box-title {
-    margin-top: 1rem;
     font-weight: 600;
     text-align: center !important;
-    font-size: 2rem !important;
+    font-size: 2.4rem !important;
 }
 
 .etc-box p {

 }
 
 .etc-wrap-title p {
-    font-size: 2rem;
+    font-size: 1.9rem;
 }
+
+.analysis-text img{
+    height: 80%;
+}
+.analysis-text p{
+ font-size: 2rem;
+}

83205ec

resources/img/common/marker.png (Binary) (added)

+++ resources/img/common/marker.png

Binary file is not shown

340c6cf

83205ec

views/index.html

--- views/index.html

+++ views/index.html


                         </div>
                         <div id="container" class="flex solution-box" style="flex-wrap: nowrap;">
                             <div class="box box1" style="display: none;">
-                                <p class="mb15">데이터관리분야</p>
+                                <p class="mb15 box-area">데이터관리분야</p>
                                 <p>데이터 관리 솔루션 Taken BI Manager</p>
                             </div>
                             <div class="box box2" style="display: none;">
-                                <p class="mb15">스마트시티 분야</p>
+                                <p class="mb15 box-area">스마트시티 분야</p>
                                 <p>대구광역시 AI 안전 통합 횡단보도 플랫폼</p>
                             </div>
                             <div class="box box3" style="display: none;">
-                                <p class="mb15">모빌리티 분야</p>
+                                <p class="mb15 box-area">모빌리티 분야</p>
                                 <p>AI 기반의 스마트 객체인식을 위한 CCTV</p>
                             </div>
                             <div class="box box4" style="display: none;">
-                                <p class="mb15">스마트팩토리 분야</p>
+                                <p class="mb15 box-area">스마트팩토리 분야</p>
                                 <p>제조기업 공정 관리 모니터링 서비스</p>
                             </div>
                             <div class="box box5" style="display: none;">
-                                <p class="mb15">헬스케어 분야</p>
+                                <p class="mb15 box-area">헬스케어 분야</p>
                                 <p>시니어 스마트 케어 모니터링 플랫폼</p>
                             </div>
                         </div>

                 <div class="slide-wrap pt120 pb60 slide-solution gradient-bottom ">
                     <div class=" text-area pb60 flex align-center justify-center"
                         style="height: 100%; align-content: center;">
-                        <div style="width: 100%;" class="sub-text-area">
+                        <div style="width: 100%;" class="sub-text-area mb20">
                             <p class="map-text ">오시는길</p>
                         </div>
-                        <div style="width: 100%;" class="flex justify-end map-btn pd10">
+                        <div style="width: 100%;" class="flex justify-end map-btn pb20">
                             <button id="btnHeadquarter">본사</button>
                             <button id="btnDaeguBranch" onclick="relayout()">대구 지사</button>
                         </div>

     var mapContainer = document.getElementById('map1'), // 지도를 표시할 div 
         mapOption = {
             center: new kakao.maps.LatLng(35.8260208900541, 128.75636298231913),
-            level: 4 // 지도의 확대 레벨
+            level: 2 // 지도의 확대 레벨
         };
     var map1 = new kakao.maps.Map(mapContainer, mapOption);
 
+    var imageSrc = '../resources/img/common/marker.png', // 마커이미지의 주소입니다    
+        imageSize = new kakao.maps.Size(161, 101), // 마커이미지의 크기입니다
+        imageOption = { offset: new kakao.maps.Point(90, 110) }; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다.
     // 마커가 표시될 위치입니다 
+    // 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다
     var markerPosition1 = new kakao.maps.LatLng(35.8260208900541, 128.75636298231913);
-
-    // 마커를 생성합니다
-    var marker = new kakao.maps.Marker({
-        position: markerPosition1
+    var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize, imageOption);
+    // 첫 번째 마커를 생성합니다
+    var marker1 = new kakao.maps.Marker({
+        position: markerPosition1,
+        image: markerImage // 수정된 마커 이미지 설정
     });
 
-    // 마커가 지도 위에 표시되도록 설정합니다
-    marker.setMap(map1);
+    // 첫 번째 마커가 지도 위에 표시되도록 설정합니다
+    marker1.setMap(map1); // 수정된 map 변수 사용
+
 
     //   지사 지도
     var mapContainer2 = document.getElementById('map2'),
         mapOption2 = {
             center: new kakao.maps.LatLng(35.835332450870354, 128.68246038604707),
-            level: 4,
+            level: 2,
         };
     var map2 = new kakao.maps.Map(mapContainer2, mapOption2);
     // 마커가 표시될 위치입니다 
     var markerPosition2 = new kakao.maps.LatLng(35.835332450870354, 128.68246038604707);
 
-    // 마커를 생성합니다
-    var marker = new kakao.maps.Marker({
-        position: markerPosition2
+    // 맵 2(대구 지사)에 대한 마커 이미지 설정과 마커 생성
+    var imageSrc2 = '../resources/img/common/marker.png', // 마커 이미지의 주소입니다 (필요에 따라 변경 가능)
+        imageSize2 = new kakao.maps.Size(161, 101), // 마커 이미지의 크기입니다 (필요에 따라 변경 가능)
+        imageOption2 = { offset: new kakao.maps.Point(90, 110) }; // 마커 이미지의 옵션입니다 (필요에 따라 변경 가능)
+
+    // 대구 지사의 마커가 표시될 위치입니다
+    var markerPosition2 = new kakao.maps.LatLng(35.835332450870354, 128.68246038604707);
+
+    // 대구 지사의 마커 이미지정보를 가지고 있는 마커 이미지를 생성합니다
+    var markerImage2 = new kakao.maps.MarkerImage(imageSrc2, imageSize2, imageOption2);
+
+    // 대구 지사 위치에 마커를 생성합니다
+    var marker2 = new kakao.maps.Marker({
+        position: markerPosition2,
+        image: markerImage2 // 마커 이미지 설정
     });
 
-    // 마커가 지도 위에 표시되도록 설정합니다
-
-    marker.setMap(map2);
+    // 대구 지사의 마커가 지도 위에 표시되도록 설정합니다
+    marker2.setMap(map2);
     function resizeMap() {
         var mapContainer2 = document.getElementById('map2');
         var mapContainer = document.getElementById('map1');

         on: {
 
 
-       
+
             init: function () {
                 const slides = document.querySelectorAll('.swiper-slide');
                 slides.forEach(slide => {

340c6cf

83205ec

views/layout/footer.html

--- views/layout/footer.html

+++ views/layout/footer.html

...	...	@@ -12,11 +12,11 @@
12	12	<div class="flex justify-between ">
13	13
14	14	<p>대표자 ) 임상현</p>
15		- <p>FAX ) 053-811-1701</p>
	15	+ <p style="width: 17.5%;">FAX ) 053-811-1701</p>
16	16	</div>
17	17	<div class="flex justify-between">
18	18	<p>고객지원 ) 053-811-1700(평일9시~18시)</p>
19		- <p>대표메일 ) [email protected]</p>
	19	+ <p style="width: 17.5%;">대표메일 ) [email protected]</p>
20	20	</div>
21	21	<p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
22	22	<p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>

340c6cf

83205ec

views/pages/AboutUs.html

--- views/pages/AboutUs.html

+++ views/pages/AboutUs.html


 
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
     <style>
-         body {
+        body {
             -ms-overflow-style: none;
             /* 인터넷 익스플로러 */
             scrollbar-width: none;
             /* 파이어폭스 */
         }
+
         .history-box {
-        -ms-overflow-style: none;
-        /* 인터넷 익스플로러 */
-        scrollbar-width: none;
-        /* height: 80% !important; */
-    }
+            -ms-overflow-style: none;
+            /* 인터넷 익스플로러 */
+            scrollbar-width: none;
+            /* height: 80% !important; */
+        }
+
         html,
         body {
             position: relative;

 
         .swiper-slide img {
             display: block;
-            width: 100%;
-            height: 100%;
+            /* width: 100%;
+            height: 100%; */
             object-fit: cover;
         }
 

         .dropdown {
             background-color: #fff !important;
         }
-        .about .content .flex{
+
+        .about .content .flex {
             margin-bottom: 2rem;
-            border-bottom: 1px solid #33333322;
         }
-.month-text p{
-    word-break: keep-all;
-}
-        
+
+        .month-text p {
+            word-break: keep-all;
+        }
     </style>
 
     <title>TAKENSOFT</title>

                 </div>
             </div>
             <div class="swiper-slide">
-                <div class="text-area flex align-center justify-center pb60 pt60" style="align-content: center;">
+                <div class="text-area flex align-center justify-center pb60 pt120" style="align-content: center;">
                     <div class="about-title mb20" style="width: 100%;">
                         <p class="mb20">Business</p>
                         <p class="mb20 about-title-sub">컨설팅을 통한 인사이트 도출하여 최적의 솔루션을 설계 제작하고, 이를 통해 직면한 문제를 효과적으로

                     <div class="container silde-box">
                         <div class="accordion flex justify-between"
                             style="background-image: url(../../resources/img/common/about-img1.png);">
-                            <div class="slideText  pl20">
-                                <p class="accordion-num"><span>01.</span> AI Solution</p>
+                            <div class="slideText  ">
+                                <p class="accordion-num mb10"><span>01.</span> AI Solution</p>
                                 <p>AI 기술 종합 관리를 통한 솔루션 구현</p>
                             </div>
                             <div class="slideImg">

                         </div>
                         <div class="accordion "
                             style="background-image: url(../../resources/img/common/about-img2.png);">
-                            <div class="slideText  pl20">
-                                <p class="accordion-num"><span>02.</span> System Design</p>
+                            <div class="slideText  ">
+                                <p class="accordion-num mb10"><span>02.</span> System Design</p>
                                 <p>고객사 최적화 UI 도출로 최상의 품질이 보장되는 인터페이스 구현</p>
                             </div>
                             <div class="slideImg">

                         </div>
                         <div class="accordion"
                             style="background-image: url(../../resources/img/common/about-img3.png);">
-                            <div class="slideText pl20">
-                                <p class="accordion-num"><span>03.</span> Data Science </p>
+                            <div class="slideText ">
+                                <p class="accordion-num mb10"><span>03.</span> Data Science </p>
                                 <p>수집, 가공, 분석의 자체 프로세스를 통한 토탈 데이터 서비스 제공</p>
                             </div>
                             <div class="slideImg">

 
 
             </div>
-
+            <div class="swiper-slide about">
+                <div class="text-area flex pb60 pt60" style="align-content: center;">
+                    <div class="about-title mb20" style="width: 100%;">
+                        <p class="mb20">Vision</p>
+                        <p class="mb20 about-title-sub">테이큰소프트는 AI 및 디지털 전환의 파트너로서 끊임없는 연구개발로 B2G, B2B 산업 영역으로 시장 및
+                            매출을 확대해 나갑니다.
+                        </p>
+                    </div>
+                    <div class="flex justify-center about-vision-box">
+                        <img src="../../resources/img/common/about-img5.png" alt="">
+                        <img src="../../resources/img/common/about-img4.png" alt="">
+                    </div>
+                </div>
+            </div>
             <div class="swiper-slide flex history" style="overflow-y: auto; height: 100%;">
                 <div style="width: 100%; height: 100%; flex-wrap: nowrap;" class="flex ">
 

             cssMode: true,
             direction: "vertical",
             slidesPerView: 1,
-            spaceBetween: 30,
+            spaceBetween: 0,
             mousewheel: {
                 eventsTarget: '.swiper-slide'
             },

340c6cf

83205ec

views/pages/Customized.html

--- views/pages/Customized.html

+++ views/pages/Customized.html


         top: 0;
         z-index: 3;
         border-bottom: 1px solid #ced4da;
-        background-color: white;
+        background-color: white !important;
     }
 
     #header .header .logo {

     }
 
     body {
-        background: #fff;
+        background-color: #fff;
+        /* background: linear-gradient(#f8f9fa, #fff, #fff); */
         font-family: 'Pretendard';
         font-size: 14px;
         color: #000;

     .swiper-slide {
         text-align: center;
         font-size: 18px;
-        background: linear-gradient(#f8f9fa, #fff, #fff);
         display: flex;
         justify-content: center;
         align-items: center;

 
     .box-wrap p {
         padding-top: 1rem;
-        font-size: 2rem;
+        font-size: 2.1rem;
     }
     .dropdown {
         background-color: #fff !important;

 <body>
     <div id="header"></div>
     <div>
-        <div class=" text-area pb60 slide-section flex align-center" id="customized" style="height: 100vh;">
+        <div class=" text-area pt120 pb60 slide-section flex align-center" id="customized" style="height: 100vh;">
 
 
             <div class="flex justify-between" style="gap: 10px; width: 100%;">

                 <hr>
                 <div class="footer-text pt10">
                     <div class="flex justify-between ">
-
+    
                         <p>대표자 ) 임상현</p>
-                        <p>FAX ) 053-811-1701</p>
+                        <p style="width: 17.5%;">FAX ) 053-811-1701</p>
                     </div>
                     <div class="flex justify-between">
                         <p>고객지원 ) 053-811-1700(평일9시~18시)</p>
-                        <p>대표메일 ) [email protected]</p>
+                        <p style="width: 17.5%;">대표메일 ) [email protected]</p>
                     </div>
                     <p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
                     <p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>

340c6cf

83205ec

views/pages/Data.html

--- views/pages/Data.html

+++ views/pages/Data.html


         .box-wrap div p {
             font-size: 2rem;
             font-weight: 600;
-            padding: 10px 0;
+            padding: 10px 20px;
         }
 
         .dropdown {

 
 <body>
     <div id="header"></div>
-    <div style=" display: flex; flex-direction: column;        background: linear-gradient(#f8f9fa, #fff, #fff) !important;
-    ">
+    <div style=" display: flex; flex-direction: column;background: linear-gradient(#f8f9fa, #fff, #fff) !important;">
 
-        <div class=" text-area pb60 pt60  slide-section flex align-center " id="Data" style="height: 100vh;">
+        <div class=" text-area pb60 pt120  slide-section flex align-center " id="Data" style="height: 100vh;">
 
 
             <div class="flex justify-between " style="gap: 10px; width: 100%;">
                 <div class="etc-wrap-title pb20">
-                    <h1 class="mb20 ">데이터분석을 통한 인사이트 도출</h1>
+                    <h1 class="mb20 pt40">데이터분석을 통한 인사이트 도출</h1>
                     <p>데이터를 통하여 가치 있는 정보와 인사이트를 제공하여 세상을 이롭게 만듭니다.</p>
                 </div>
                 <div class="flex justify-between box-wrap" style="width: 100%; gap: 20px; ">

                 <hr>
                 <div class="footer-text pt10">
                     <div class="flex justify-between ">
-
+    
                         <p>대표자 ) 임상현</p>
-                        <p>FAX ) 053-811-1701</p>
+                        <p style="width: 17.5%;">FAX ) 053-811-1701</p>
                     </div>
                     <div class="flex justify-between">
                         <p>고객지원 ) 053-811-1700(평일9시~18시)</p>
-                        <p>대표메일 ) [email protected]</p>
+                        <p style="width: 17.5%;">대표메일 ) [email protected]</p>
                     </div>
                     <p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
                     <p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>

340c6cf

83205ec

views/pages/DataAnalysis.html

--- views/pages/DataAnalysis.html

+++ views/pages/DataAnalysis.html


     ">
 
 
-        <div class="text-area pb60 pt60 slide-section flex align-center " id="dataanalysis"
+        <div class="text-area pb60 pt120 slide-section flex align-center " id="dataanalysis"
             style="gap: 10px;  height: 100vh; align-content: center;">
-            <div class="etc-wrap-title mb20">
+            <div class="etc-wrap-title mb40">
                 <h1 class="mb20">데이터분석 및 관리 플랫폼 구축</h1>
                 <p>다양한 데이터 기반 분석 노하우를 바탕으로 고객이 필요로 하는 시스템을 분석하여 인공지능 기반의 서비스 시스템을 분석하고 관리하는 플랫폼을 구축합니다.</p>
             </div>
-            <div class="flex justify-between align-end etc-wrap-text">
-                <div class="solution-ani">
-                    <img src="../../resources/img/common/dataAnalysis-img.png" alt="">
-                    <p>도로 위험 감지 시스템</p>
+            <div class="flex justify-between align-end etc-wrap-text analysis-text" style="gap: 60px;">
+                <div style="width: 100%; gap: 30px; flex-wrap: nowrap;" class="flex align-end">
+                    <div class="solution-ani">
+                        <img src="../../resources/img/common/dataAnalysis-img.png" alt="">
+                        <p>도로 위험 감지 시스템</p>
+                    </div>
+                    <div class="solution-ani">
+                        <img src="../../resources/img/common/dataAnalysis-img2.png" alt="">
+                        <p>안개 감지 플랫폼</p>
+                    </div>
+                    <div class="solution-ani">
+                        <img src="../../resources/img/common/dataAnalysis-img3.png" alt="">
+                        <p>이동경로 최적화 서비스</p>
+                    </div>
+                    <div class="solution-ani">
+                        <img src="../../resources/img/common/dataAnalysis-img4.png" alt="">
+                        <p>횡단보도 및 내비게이션 연계 플랫폼</p>
+                    </div>
+
                 </div>
-                <div class="solution-ani">
-                    <img src="../../resources/img/common/dataAnalysis-img2.png" alt="">
-                    <p>안개 감지 플랫폼</p>
-                </div>
-                <div class="solution-ani">
-                    <img src="../../resources/img/common/dataAnalysis-img3.png" alt="">
-                    <p>이동경로 최적화 서비스</p>
-                </div>
-                <div class="solution-ani">
-                    <img src="../../resources/img/common/dataAnalysis-img4.png" alt="">
-                    <p>횡단보도 및 내비게이션 연계 플랫폼</p>
-                </div>
-                <div class="solution-ani">
-                    <img src="../../resources/img/common/dataAnalysis-img5.png" alt="">
-                    <p>전력데이터 관리 시스템</p>
-                </div>
-                <div class="solution-ani">
-                    <img src="../../resources/img/common/dataAnalysis-img6.png" alt="">
-                    <p>금형 부품 데이터 관리 플랫폼</p>
-                </div>
-                <div class="solution-ani">
-                    <img src="../../resources/img/common/dataAnalysis-img7.png" alt="">
-                    <p>제조 데이터 관리 시스템</p>
-                </div>
-                <div class="solution-ani">
-                    <img src="../../resources/img/common/dataAnalysis-img8.png" alt="">
-                    <p>메타데이터 관리 시스템</p>
+                <div style="width: 100%; gap: 30px; flex-wrap: nowrap;" class="flex align-end">
+                    <div class="solution-ani">
+                        <img src="../../resources/img/common/dataAnalysis-img5.png" alt="">
+                        <p>전력데이터 관리 시스템</p>
+                    </div>
+                    <div class="solution-ani">
+                        <img src="../../resources/img/common/dataAnalysis-img6.png" alt="">
+                        <p>금형 부품 데이터 관리 플랫폼</p>
+                    </div>
+                    <div class="solution-ani">
+                        <img src="../../resources/img/common/dataAnalysis-img7.png" alt="">
+                        <p>제조 데이터 관리 시스템</p>
+                    </div>
+                    <div class="solution-ani">
+                        <img src="../../resources/img/common/dataAnalysis-img8.png" alt="">
+                        <p>메타데이터 관리 시스템</p>
+                    </div>
+
                 </div>
             </div>
         </div>

                 <hr>
                 <div class="footer-text pt10">
                     <div class="flex justify-between ">
-
+    
                         <p>대표자 ) 임상현</p>
-                        <p>FAX ) 053-811-1701</p>
+                        <p style="width: 17.5%;">FAX ) 053-811-1701</p>
                     </div>
                     <div class="flex justify-between">
                         <p>고객지원 ) 053-811-1700(평일9시~18시)</p>
-                        <p>대표메일 ) [email protected]</p>
+                        <p style="width: 17.5%;">대표메일 ) [email protected]</p>
                     </div>
                     <p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
                     <p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>

340c6cf

83205ec

views/pages/Etc.html

--- views/pages/Etc.html

+++ views/pages/Etc.html


 <body>
     <div id="header"></div>
     <div style="align-content: center; background: linear-gradient(#d7e2ff9d, #fff, #fff);">
-        <div class=" text-area pb60 slide-section " id="etc">
+        <div class=" text-area pb60 pt120 slide-section " id="etc" style=" height: 100vh;">
 
 
 
-            <div class="flex justify-between" style="align-content: center; gap: 10px; width: 100%; height: 100vh;">
-                <div class="etc-wrap-title mb30">
+            <div class="flex justify-between " style="align-content: center; gap: 10px; width: 100%;">
+                <div class="etc-wrap-title mb30 pt60">
                     <h1 class="mb20">기타사례</h1>
                 </div>
                 <div class="flex justify-between box-wrap etc-grid-box" style="width: 100%; gap: 20px; ">

                 <hr>
                 <div class="footer-text pt10">
                     <div class="flex justify-between ">
-
+    
                         <p>대표자 ) 임상현</p>
-                        <p>FAX ) 053-811-1701</p>
+                        <p style="width: 17.5%;">FAX ) 053-811-1701</p>
                     </div>
                     <div class="flex justify-between">
                         <p>고객지원 ) 053-811-1700(평일9시~18시)</p>
-                        <p>대표메일 ) [email protected]</p>
+                        <p style="width: 17.5%;">대표메일 ) [email protected]</p>
                     </div>
                     <p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
                     <p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>

340c6cf

83205ec

views/pages/SmartCtiy.html

--- views/pages/SmartCtiy.html

+++ views/pages/SmartCtiy.html

...	...	@@ -86,29 +86,15 @@
86	86	flex-wrap: nowrap;
87	87	}
88	88
89		- .box-wrap-title {
90		- text-align: center !important;
91		- font-weight: 700;
92		- font-size: 2.1rem !important;
93		- }
	89	+
94	90
95	91	.etc-wrap-text {
96	92	width: 100%;
97	93	}
98	94
99		- .etc-wrap-text div img {
100		- padding-bottom: 2rem;
101		- }
	95	+
102	96
103		-
104		- .solution-ani p {
105		- font-size: 1.6rem;
106		- line-height: 2;
107		- padding-left: 2rem;
108		- text-align: left;
109		- word-break: keep-all;
110		- }
111		-
	97	+
112	98	.dropdown {
113	99	background-color: #fff !important;
114	100	}
...	...	@@ -124,27 +110,27 @@
124	110	">
125	111
126	112
127		- <div class="text-area pb60 pt60 slide-section flex align-center" id="smart"
	113	+ <div class="text-area pb60 pt120 slide-section flex align-center" id="smart"
128	114	style="gap: 10px; height: 100vh; align-content: center;">
129		- <div class="etc-wrap-title mb20">
	115	+ <div class="etc-wrap-title mb50">
130	116	<h1 class="mb20">스마트시티 솔루션 공급</h1>
131	117	<p>다양한 데이터 기반 노하우를 바탕으로 시스템을 분석하여 인공지는 기반의 서비스를<br>기획,개발,구축함과 동시에 운영까지 다양한 서비스와 환경에 가장 최적화된 솔루션을
132	118	제공합니다.</p>
133	119	</div>
134	120	<div class="etc-wrap-text flex justify-between" style="flex-wrap: nowrap; gap: 30px;">
135		- <div class="solution-ani">
	121	+ <div class="solution-ani text-box">
136	122	<img src="../../resources/img/common/smart-img3.png" alt="">
137	123	<p class="box-wrap-title mb20">AI 안전통합 횡단보도 플랫폼</p>
138	124	<p>- 횡단보도 보행자 상황을 차량 내비게이션에 전달하여 우회전시 사고 예방</p>
139	125	<p>- 무단횡단을 방지하는 플랫폼 기반 스마트 횡단보도 안전관리 솔루션</p>
140	126	</div>
141		- <div class=" solution-ani">
	127	+ <div class=" solution-ani text-box">
142	128	<img src="../../resources/img/common/smart-img2.png" alt="">
143	129	<p class="box-wrap-title mb20">시니어 스마트 케어 모니터링 서비스</p>
144	130	<p>- 약 복용 지도를 통해 독거노인의 보호자 뿐만 아니라 관리기관, 병원 관계자 까지 약 복용에 대한 확인이 가능한 플랫폼 구축</p>
145	131	<p>- IOT 기술을 결합하여 약 복용 모니터링 구조를 개선하고 복지 사각지대를 보완할 수 있는 장치 마련</p>
146	132	</div>
147		- <div class="solution-ani">
	133	+ <div class="solution-ani text-box">
148	134	<img src="../../resources/img/common/smart-img1.png" alt="">
149	135	<p class="box-wrap-title mb20">전력 에너지 모니터링 시스템</p>
150	136	<p>- 수요반응 자원시장의 참여고객 기업별 전력량을 AI 기반으로 가공 및 분석</p>
...	...	@@ -163,13 +149,13 @@
163	149	<hr>
164	150	<div class="footer-text pt10">
165	151	<div class="flex justify-between ">
166		-
	152	+
167	153	<p>대표자 ) 임상현</p>
168		- <p>FAX ) 053-811-1701</p>
	154	+ <p style="width: 17.5%;">FAX ) 053-811-1701</p>
169	155	</div>
170	156	<div class="flex justify-between">
171	157	<p>고객지원 ) 053-811-1700(평일9시~18시)</p>
172		- <p>대표메일 ) [email protected]</p>
	158	+ <p style="width: 17.5%;">대표메일 ) [email protected]</p>
173	159	</div>
174	160	<p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
175	161	<p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>

340c6cf

83205ec

views/pages/Solution.html

--- views/pages/Solution.html

+++ views/pages/Solution.html

...	...	@@ -93,7 +93,7 @@
93	93	display: block;
94	94	width: 100%;
95	95	object-fit: cover;
96		- padding: 1rem 0;
	96	+ padding: 5rem 0 1.9rem 0;
97	97	z-index: 3;
98	98	}
99	99	.dropdown {
...	...	@@ -112,7 +112,7 @@
112	112	<div class=" text-area pb60 pt120 slide-section flex align-center solution"
113	113	style="align-content: center;">
114	114
115		- <div class="solution-title mb20">
	115	+ <div class="solution-title mb60">
116	116	<p>Taken BI Manager v1.0</p>
117	117	</div>
118	118	<div class="flex justify-between align-end taken-wrap-box " style="flex-wrap: nowrap; gap: 20px;">
...	...	@@ -139,7 +139,7 @@
139	139	<p>- 데이터 및 분석 결과를 표현하기 위한 그리드 기능 제공</p>
140	140	</div>
141	141	<div class="solution-text-box">
142		- <h3 class="text-box-title mb10 ml30">특장점</h3>
	142	+ <h3 class="text-box-title ml30">특장점</h3>
143	143	<div class="flex " style="gap: 10px; flex-wrap: nowrap;">
144	144	<div class="flex-column">
145	145	<p>- DB 연계형 데이터 수집 서비스</p>
...	...	@@ -177,21 +177,21 @@
177	177	<div class="flex justify-between align-end taken-wrap-box" style="flex-wrap: nowrap; gap: 20px; ">
178	178
179	179	<div class="taken-area taken-conteiner flex align-end solution-after" style="height: 100%;">
180		- <div class="text-after mb10">
	180	+ <div class="text-after mb20">
181	181	<p>위치정보를 기반으로 반복 이동에 대한 교통상황을 분석하여 최적의 경로를 추천하고 교통상황 정보를 공유합니다.</p>
182	182
183	183	</div>
184	184	<div class="flex solution-area" style="gap: 20px; ">
185	185
186	186	<div class="solution-text-box " style="padding: 15px 33px; ">
187		- <h3 class="text-box-title mb10">주요기능</h3>
	187	+ <h3 class="text-box-title mb10 ml30">주요기능</h3>
188	188	<p>- 스마트폰 사용자로부터 실시간 위치 정보를 수집</p>
189	189	<p>- 반복 이동 거리에 대한 교통상황 정보 비교 분석</p>
190	190	<p>- 안개 발생시 도로교통위험 상황 분석 AI 모델을 탑재한 모니터링 시스템</p>
191	191	<p>- 도로교통 위험 상황분석 및 AI 모델을 활용하여 안개 감지 및 위험 경고 알림 기능 탑재</p>
192	192	</div>
193	193	<div class="solution-text-box">
194		- <h3 class="text-box-title mb10">특장점</h3>
	194	+ <h3 class="text-box-title ml30">특장점</h3>
195	195
196	196	<p>- 머신 러닝 및 활동 기반 교통 모형 활용 이동 패턴 분석</p>
197	197	<p>- 이동 거리 및 이동 시간 바탕 최적 경로 추천 기능</p>
...	...	@@ -248,15 +248,16 @@
248	248	<p>AI 안전통합 횡단보도 플랫폼으로 횡단보도의 보행자 상황을 차량 내비게이션에 전달하여 우회전 시 사고를 예방합니다.</p>
249	249	</div>
250	250	<div class="solution-text-box ">
251		- <h3 class="text-box-title mb10">주요기능</h3>
	251	+ <h3 class="text-box-title mb10 ml30">주요기능</h3>
	252	+
252	253	<p>- 운전자를 위한 내비게이션 안내 서비스 제공</p>
253	254	<p>- 특정 이벤트 (무단횡단,우회전 감지) 발생시 플랫폼에서 이벤트 발생 정보 확인 기능</p>
254	255	<p>- 최적의 실시간 관제 서비스 구축 및 원격지 장비 관리 효율화</p>
255	256	<p>- 원격지 제어 관리 시스템 지원(음성 제어, 음원 선택기능, 데이터 전송 제어,원격 리셋 가능) </p>
256	257	</div>
257	258	<div class="solution-text-box">
258		- <h3 class="text-box-title mb10">특장점</h3>
259		- <div class="flex" style="gap: 30px; flex-wrap: nowrap;">
	259	+ <h3 class="text-box-title ml30">특장점</h3>
	260	+ <div class="flex" style=" flex-wrap: nowrap;">
260	261	<div class="flex-column">
261	262	<p>- 횡단보도 관제 분석 시스템 구축</p>
262	263	<p>- 현장모니터링 화면 구성</p>
...	...	@@ -298,13 +299,13 @@
298	299
299	300	</div>
300	301	<div class="solution-text-box" style="padding: 15px 33px;">
301		- <h3 class="text-box-title mb10">주요기능</h3>
	302	+ <h3 class="text-box-title mb10 ml30">주요기능</h3>
302	303	<p>- 가상현실의 인터페이스와 물리공간 간의 AI 기반으로 상호작용 및 서비스 지원</p>
303	304	<p>- 사용자의 이동데이터(걸음수)를 연동한 WEB기반 메타버스 플랫폼</p>
304	305	<p>- 물리공간,가상공간 데이터를 연결하여 음성 및 문자를 활용한 온/오프라인 소통</p>
305	306	</div>
306	307	<div class="solution-text-box">
307		- <h3 class="text-box-title mb10">특장점</h3>
	308	+ <h3 class="text-box-title ml30">특장점</h3>
308	309
309	310	<p>- 3D 기반의 가상공간 제공 서비스(3차원 공간 정보 데이터 구현)</p>
310	311	<p>- 실시간 채팅 및 방명록 기능 탑재</p>
...	...	@@ -348,16 +349,16 @@
348	349	<p>제조기업의 공정상 생산성 극대화를 위해 제조업체의 공정을 분석 및 시각화 하여 편리한 모니터링 서비스를 제공합니다.</p>
349	350	</div>
350	351	<div class="solution-text-box">
351		- <h3 class="text-box-title mb10">주요기능</h3>
	352	+ <h3 class="text-box-title mb10 ml30">주요기능</h3>
352	353	<p>- 실제 제조 라인 공정 특징을 반영한 웹 및 앱 모니터링 서비스 구축</p>
353	354	<p>- 데이터 수집, 분석, 시각화를 통한 차트,플롯, 인포그래픽 등 데이터별 맞춤 시각 그래픽 화면 적용</p>
354	355	<p>- 내부 공정 관련 데이터의 AI 가공을 통한 데이터를 활용하여 공정 현황을 통합적으로 파악</p>
355	356	</div>
356	357	<div class="solution-text-box">
357		- <h3 class="text-box-title mb10">특장점</h3>
358		- <p>반응형 모니터링 서비스로 PC, 모바일, 테블릿 등 다양한 기기 지원</p>
359		- <p>이상 상태 조건 데이터 발견 시 문제 발생 알림</p>
360		- <p>현재 공정 과정 모니터링 기능</p>
	358	+ <h3 class="text-box-title ml30">특장점</h3>
	359	+ <p>- 반응형 모니터링 서비스로 PC, 모바일, 테블릿 등 다양한 기기 지원</p>
	360	+ <p>- 이상 상태 조건 데이터 발견 시 문제 발생 알림</p>
	361	+ <p>- 현재 공정 과정 모니터링 기능</p>
361	362	</div>
362	363	</div>
363	364	</div>

340c6cf

83205ec

views/pages/Visualization.html

--- views/pages/Visualization.html

+++ views/pages/Visualization.html


     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
 
     <style scoped>
-            footer {
-        width: 100%;
-        /* height: 300px; */
-        padding: 30px;
-        /* opacity: 0; */
-        /* display: none; */
-        position: relative;
-        bottom: 0px;
-        left: 0;
-        z-index: 56;
-        transition: all 0.5s;
-        background-color: #333;
-    }
-    
+        footer {
+            width: 100%;
+            /* height: 300px; */
+            padding: 30px;
+            /* opacity: 0; */
+            /* display: none; */
+            position: relative;
+            bottom: 0px;
+            left: 0;
+            z-index: 56;
+            transition: all 0.5s;
+            background-color: #333;
+        }
+
         /* 스크롤바 없애기 */
         body {
             -ms-overflow-style: none;

             scrollbar-width: none;
             /* 파이어폭스 */
         }
-    
+
         ::-webkit-scrollbar {
             display: none;
         }
-    
+
         #header {
             position: fixed;
             top: 0;

             border-bottom: 1px solid #ced4da;
             background-color: white !important;
         }
-    
+
         #header .header .logo {
             background: url(../../resources/img/component/logo-color.png) no-repeat;
             width: 200px;
             background-size: contain;
             height: 25px;
-    
-    
+
+
         }
-    
+
         #header .header nav li a {
             color: #333;
-    
+
         }
-    
-    
-    
+
+
+
         html,
         body {
             position: relative;
             height: 100%;
             font-family: 'Pretendard';
-    
+
         }
-    
+
         body {
             font-family: 'Pretendard';
             font-size: 14px;

             margin: 0;
             padding: 0;
         }
-    
+
         .box-wrap {
             flex-wrap: nowrap;
         }
-    
+
         .box-wrap-title {
             text-align: center;
             font-size: 2rem;
             font-weight: 600;
         }
-    
+
         .box-wrap div {
             width: 100%;
             height: 100%;
-    
+
         }
-    
+
         .box-wrap div img {
             width: 100%;
             /* object-fit: contain; */
             padding-bottom: 2rem;
         }
-    
+
         .box-wrap div p {
             /* height: 20%; */
             /* text-align: left; */

             font-weight: 600;
             /* line-height: 1.5; */
         }
+
         .dropdown {
-                background-color: #fff !important;
-            }
+            background-color: #fff !important;
+        }
     </style>
 
 

     <div id="header"></div>
     <div style="        background: linear-gradient(#d7e2ff9d, #fff, #fff);
     ">
-        <div class=" text-area pb60 pt60 slide-section flex align-center" id="visuali" style="height: 100vh;">
+        <div class=" text-area pb60 pt120 slide-section flex align-center" id="visuali" style="height: 100vh;">
 
 
             <div class=" flex justify-between  align-center" style="gap: 10px; width: 100%; ">

                     <h1 class="mb20">시각화 서비스 시스템 구축</h1>
                     <p>데이터 분석을 통해 도출된 인사이트를 시각화 모듈을 활용하여 서비스 시스템을 구축합니다.</p>
                 </div>
-                <div class="etc-wrap-text flex justify-between">
+                <div class="etc-wrap-text flex justify-between" style="gap: 40px;">
+                    <div style="width: 100%; gap: 30px;" class="flex visuali-text">
 
-                    <div class="solution-ani">
-                        <img src="../../resources/img/common/visual-img1.png" alt="">
-                        <p>영천시 지역별 인구 추이 분석</p>
-                    </div>
-                    <div class="solution-ani">
-                        <img src="../../resources/img/common/visual-img2.png" alt="">
-                        <p>포항시 지역별 인구 추이 분석</p>
-                    </div>
-                    <div class="solution-ani">
-                        <img src="../../resources/img/common/visual-img3.png" alt="">
-                        <p>스마트 제조 공정관리 모니터링 플랫폼</p>
-                    </div>
+                        <div class="solution-ani">
+                            <img src="../../resources/img/common/visual-img1.png" alt="">
+                            <p>영천시 지역별 인구 추이 분석</p>
+                        </div>
+                        <div class="solution-ani">
+                            <img src="../../resources/img/common/visual-img2.png" alt="">
+                            <p>포항시 지역별 인구 추이 분석</p>
+                        </div>
+                        <div class="solution-ani">
+                            <img src="../../resources/img/common/visual-img3.png" alt="">
+                            <p>스마트 제조 공정관리 모니터링 플랫폼</p>
+                        </div>
 
-                    <div class="solution-ani">
-                        <img src="../../resources/img/common/visual-img4.png" alt="">
-                        <p>전력데이터 분석 시각화<br> 상주시 지역화폐 분석</p>
                     </div>
-                    <div class="solution-ani">
-                        <img src="../../resources/img/common/visual-img5.png" alt="">
-                        <p>시니어 스마트 케어 모니터링 플랫폼</p>
-                    </div>
-                    <div class="solution-ani">
-                        <img src="../../resources/img/common/visual-img6.png" alt="">
-                        <p>공정 및 외부 환경 관제 시각화</p>
-                    </div>
-                    <div class="solution-ani">
-                        <img src="../../resources/img/common/visual-img7.png" alt="">
-                        <p>상주시 부서별 재정 분석</p>
+                    <div style="width: 100%; gap: 30px; flex-wrap: nowrap;"  class="flex visuali-text">
+
+
+                        <div class="solution-ani">
+                            <img src="../../resources/img/common/visual-img4.png" alt="">
+                            <p>전력데이터 분석 시각화<br> 상주시 지역화폐 분석</p>
+                        </div>
+                        <div class="solution-ani">
+                            <img src="../../resources/img/common/visual-img5.png" alt="">
+                            <p>시니어 스마트 케어 모니터링 플랫폼</p>
+                        </div>
+                        <div class="solution-ani">
+                            <img src="../../resources/img/common/visual-img6.png" alt="">
+                            <p>공정 및 외부 환경 관제 시각화</p>
+                        </div>
+                        <div class="solution-ani">
+                            <img src="../../resources/img/common/visual-img7.png" alt="">
+                            <p>상주시 부서별 재정 분석</p>
+                        </div>
                     </div>
                 </div>
             </div>

                 <hr>
                 <div class="footer-text pt10">
                     <div class="flex justify-between ">
-
+    
                         <p>대표자 ) 임상현</p>
-                        <p>FAX ) 053-811-1701</p>
+                        <p style="width: 17.5%;">FAX ) 053-811-1701</p>
                     </div>
                     <div class="flex justify-between">
                         <p>고객지원 ) 053-811-1700(평일9시~18시)</p>
-                        <p>대표메일 ) [email protected]</p>
+                        <p style="width: 17.5%;">대표메일 ) [email protected]</p>
                     </div>
                     <p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
                     <p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>

Add a comment

Open 0
Closed 0

List

...	...	@@ -577,6 +577,9 @@
577	577	.pb100 {
578	578	padding-bottom: 10rem;
579	579	}
	580	+.pb120 {
	581	+ padding-bottom: 12rem;
	582	+}
580	583
581	584	/* 패딩 left */
582	585	.pl0 {

...	...	@@ -291,7 +291,7 @@
291	291	.text-area {
292	292	width: 100% !important;
293	293	height: 100% !important;
294		- padding: 6rem 2rem;
	294	+ padding: 12rem 2rem;
295	295	}
296	296
297	297	.innerSwiper-title {
...	...	@@ -415,7 +415,7 @@
415	415
416	416	.footer-text div p,
417	417	.footer-text p {
418		- width: 100%;
	418	+ width: 100% !important;
419	419	font-size: 1.2rem !important;
420	420	padding-left: 0px !important;
421	421	}
...	...	@@ -663,7 +663,7 @@
663	663	#etc {
664	664	height: 100% !important;
665	665	overflow-y: scroll !important;
666		- padding-top: 60px;
	666	+ padding-top: 120px;
667	667	}
668	668
669	669
...	...	@@ -746,6 +746,7 @@
746	746	width: 100%;
747	747	border-radius: 5px;
748	748	margin-bottom: 5px;
	749	+ flex-wrap: wrap !important;
749	750	}
750	751
751	752
...	...	@@ -895,7 +896,9 @@
895	896	/* height: 100%; */
896	897	padding-bottom: 10px !important;
897	898	margin-bottom: 0px !important;
	899	+ padding-top: 0rem !important;
898	900	}
	901	+
899	902
900	903	.customized-box {
901	904	width: 100%;

...	...	@@ -220,23 +220,23 @@
220	220	</div>
221	221	<div id="container" class="flex solution-box" style="flex-wrap: nowrap;">
222	222	<div class="box box1" style="display: none;">
223		- <p class="mb15">데이터관리분야</p>
	223	+ <p class="mb15 box-area">데이터관리분야</p>
224	224	<p>데이터 관리 솔루션 Taken BI Manager</p>
225	225	</div>
226	226	<div class="box box2" style="display: none;">
227		- <p class="mb15">스마트시티 분야</p>
	227	+ <p class="mb15 box-area">스마트시티 분야</p>
228	228	<p>대구광역시 AI 안전 통합 횡단보도 플랫폼</p>
229	229	</div>
230	230	<div class="box box3" style="display: none;">
231		- <p class="mb15">모빌리티 분야</p>
	231	+ <p class="mb15 box-area">모빌리티 분야</p>
232	232	<p>AI 기반의 스마트 객체인식을 위한 CCTV</p>
233	233	</div>
234	234	<div class="box box4" style="display: none;">
235		- <p class="mb15">스마트팩토리 분야</p>
	235	+ <p class="mb15 box-area">스마트팩토리 분야</p>
236	236	<p>제조기업 공정 관리 모니터링 서비스</p>
237	237	</div>
238	238	<div class="box box5" style="display: none;">
239		- <p class="mb15">헬스케어 분야</p>
	239	+ <p class="mb15 box-area">헬스케어 분야</p>
240	240	<p>시니어 스마트 케어 모니터링 플랫폼</p>
241	241	</div>
242	242	</div>
...	...	@@ -314,10 +314,10 @@
314	314	<div class="slide-wrap pt120 pb60 slide-solution gradient-bottom ">
315	315	<div class=" text-area pb60 flex align-center justify-center"
316	316	style="height: 100%; align-content: center;">
317		- <div style="width: 100%;" class="sub-text-area">
	317	+ <div style="width: 100%;" class="sub-text-area mb20">
318	318	<p class="map-text ">오시는길</p>
319	319	</div>
320		- <div style="width: 100%;" class="flex justify-end map-btn pd10">
	320	+ <div style="width: 100%;" class="flex justify-end map-btn pb20">
321	321	<button id="btnHeadquarter">본사</button>
322	322	<button id="btnDaeguBranch" onclick="relayout()">대구 지사</button>
323	323	</div>
...	...	@@ -365,39 +365,56 @@
365	365	var mapContainer = document.getElementById('map1'), // 지도를 표시할 div
366	366	mapOption = {
367	367	center: new kakao.maps.LatLng(35.8260208900541, 128.75636298231913),
368		- level: 4 // 지도의 확대 레벨
	368	+ level: 2 // 지도의 확대 레벨
369	369	};
370	370	var map1 = new kakao.maps.Map(mapContainer, mapOption);
371	371
	372	+ var imageSrc = '../resources/img/common/marker.png', // 마커이미지의 주소입니다
	373	+ imageSize = new kakao.maps.Size(161, 101), // 마커이미지의 크기입니다
	374	+ imageOption = { offset: new kakao.maps.Point(90, 110) }; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다.
372	375	// 마커가 표시될 위치입니다
	376	+ // 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다
373	377	var markerPosition1 = new kakao.maps.LatLng(35.8260208900541, 128.75636298231913);
374		-
375		- // 마커를 생성합니다
376		- var marker = new kakao.maps.Marker({
377		- position: markerPosition1
	378	+ var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize, imageOption);
	379	+ // 첫 번째 마커를 생성합니다
	380	+ var marker1 = new kakao.maps.Marker({
	381	+ position: markerPosition1,
	382	+ image: markerImage // 수정된 마커 이미지 설정
378	383	});
379	384
380		- // 마커가 지도 위에 표시되도록 설정합니다
381		- marker.setMap(map1);
	385	+ // 첫 번째 마커가 지도 위에 표시되도록 설정합니다
	386	+ marker1.setMap(map1); // 수정된 map 변수 사용
	387	+
382	388
383	389	// 지사 지도
384	390	var mapContainer2 = document.getElementById('map2'),
385	391	mapOption2 = {
386	392	center: new kakao.maps.LatLng(35.835332450870354, 128.68246038604707),
387		- level: 4,
	393	+ level: 2,
388	394	};
389	395	var map2 = new kakao.maps.Map(mapContainer2, mapOption2);
390	396	// 마커가 표시될 위치입니다
391	397	var markerPosition2 = new kakao.maps.LatLng(35.835332450870354, 128.68246038604707);
392	398
393		- // 마커를 생성합니다
394		- var marker = new kakao.maps.Marker({
395		- position: markerPosition2
	399	+ // 맵 2(대구 지사)에 대한 마커 이미지 설정과 마커 생성
	400	+ var imageSrc2 = '../resources/img/common/marker.png', // 마커 이미지의 주소입니다 (필요에 따라 변경 가능)
	401	+ imageSize2 = new kakao.maps.Size(161, 101), // 마커 이미지의 크기입니다 (필요에 따라 변경 가능)
	402	+ imageOption2 = { offset: new kakao.maps.Point(90, 110) }; // 마커 이미지의 옵션입니다 (필요에 따라 변경 가능)
	403	+
	404	+ // 대구 지사의 마커가 표시될 위치입니다
	405	+ var markerPosition2 = new kakao.maps.LatLng(35.835332450870354, 128.68246038604707);
	406	+
	407	+ // 대구 지사의 마커 이미지정보를 가지고 있는 마커 이미지를 생성합니다
	408	+ var markerImage2 = new kakao.maps.MarkerImage(imageSrc2, imageSize2, imageOption2);
	409	+
	410	+ // 대구 지사 위치에 마커를 생성합니다
	411	+ var marker2 = new kakao.maps.Marker({
	412	+ position: markerPosition2,
	413	+ image: markerImage2 // 마커 이미지 설정
396	414	});
397	415
398		- // 마커가 지도 위에 표시되도록 설정합니다
399		-
400		- marker.setMap(map2);
	416	+ // 대구 지사의 마커가 지도 위에 표시되도록 설정합니다
	417	+ marker2.setMap(map2);
401	418	function resizeMap() {
402	419	var mapContainer2 = document.getElementById('map2');
403	420	var mapContainer = document.getElementById('map1');
...	...	@@ -455,7 +472,7 @@
455	472	on: {
456	473
457	474
458		-
	475	+
459	476	init: function () {
460	477	const slides = document.querySelectorAll('.swiper-slide');
461	478	slides.forEach(slide => {

...	...	@@ -138,9 +138,12 @@
138	138	}
139	139
140	140	.solution-text {
141		- font-size: 4.5rem;
	141	+ font-size: 6rem;
142	142	font-weight: 700;
143	143	opacity: 0;
	144	+}
	145	+.map-wrap{
	146	+ box-shadow: 2px 2px 15px #1c1c1c3a;
144	147	}
145	148
146	149	.box1,
...	...	@@ -153,14 +156,15 @@
153	156	height: 100%;
154	157	border-radius: 20px;
155	158	background-size: cover;
156		- padding: 214px 10px 10px 10px;
	159	+ padding: 214px 26px 10px 10px;
157	160	color: #fff;
158	161	text-align: left;
	162	+ font-size: 1.6rem;
159	163	}
160	164
161		-.box2,
162		-.box4 {
163		- transform: translateY(30px);
	165	+.box-area{
	166	+ font-size: 2.3rem;
	167	+ margin-bottom: 1.3rem;
164	168	}
165	169
166	170	.box1 {
...	...	@@ -169,6 +173,7 @@
169	173	}
170	174
171	175	.box2 {
	176	+ transform: translateY(30px);
172	177	background: url(../img/common/img-box2.png) no-repeat;
173	178
174	179	}
...	...	@@ -179,6 +184,8 @@
179	184	}
180	185
181	186	.box4 {
	187	+ transform: translateY(30px);
	188	+
182	189	background: url(../img/common/img-box4.png) no-repeat;
183	190
184	191	}
...	...	@@ -189,6 +196,8 @@
189	196	}
190	197
191	198	.box6 {
	199	+ transform: translateY(30px);
	200	+
192	201	background: url(../img/common/img-box6.png) no-repeat;
193	202
194	203	}
...	...	@@ -197,7 +206,6 @@
197	206	opacity: 0;
198	207	cursor: pointer;
199	208	}
200		-
201	209
202	210
203	211	@keyframes fadeIn {
...	...	@@ -280,6 +288,7 @@
280	288	opacity: 0;
281	289	font-size: 2rem;
282	290	margin-bottom: 2rem;
	291	+ font-family: 'Pretendard';
283	292	}
284	293
285	294	.solution-sub-text.active {
...	...	@@ -530,7 +539,9 @@
530	539
531	540
532	541
533		-
	542	+.innerSwiper-text{
	543	+ font-size: 2rem;
	544	+}
534	545
535	546
536	547	.innerSwiper .swiper-slide {
...	...	@@ -553,7 +564,7 @@
553	564
554	565	.portfolio-text {
555	566	font-size: 6rem;
556		- font-weight: 800;
	567	+ font-weight: 700;
557	568	text-align: left;
558	569	}
559	570	.innerSwiper-textBox {
...	...	@@ -674,6 +685,7 @@
674	685	#footer img {
675	686	text-align: left !important;
676	687	width: 200px !important;
	688	+ padding: 0px !important;
677	689	}
678	690
679	691	#footer p {
...	...	@@ -695,6 +707,7 @@
695	707	.footer-text p {
696	708	margin-bottom: 1rem;
697	709	width: 50%;
	710	+ font-size: 1.6rem;
698	711	}
699	712
700	713	.footer-wrap .info {
...	...	@@ -712,6 +725,7 @@
712	725	}
713	726
714	727	.copyright {
	728	+ font-size: 1.6rem;
715	729	text-align: center !important;
716	730	}
717	731
...	...	@@ -849,6 +863,9 @@
849	863	font-weight: 600;
850	864	z-index: 2;
851	865	}
	866	+.solution-ani img {
	867	+ margin-bottom: 2rem;
	868	+}
852	869
853	870	.solution-text-box {
854	871	width: 100%;
...	...	@@ -862,14 +879,34 @@
862	879	font-weight: 500;
863	880	font-size: 1.5rem;
864	881	padding-left: 20px;
865		- line-height: 1.5;
	882	+}
	883	+.text-box p{
	884	+ font-size: 1.6rem;
	885	+ margin-bottom: 1.7rem;
	886	+ text-align: left;
	887	+ word-break: keep-all;
	888	+}
	889	+
	890	+.box-wrap-title{
	891	+ font-size: 2.4rem !important;
	892	+ font-weight: 500;
	893	+ text-align: center !important;
	894	+ font-family: 'Pretendard';
	895	+
	896	+}
	897	+.visuali-text p{
	898	+ font-size: 2.1rem;
	899	+ word-break: keep-all;
	900	+ font-weight: 500;
	901	+ font-family: 'Pretendard';
	902	+
866	903	}
867	904
868	905	.text-box-title {
869	906	font-family: 'Pretendard';
870	907	position: relative;
871	908	font-weight: 600;
872		- font-size: 2rem;
	909	+ font-size: 2.4rem;
873	910	text-align: left;
874	911	}
875	912
...	...	@@ -1034,9 +1071,12 @@
1034	1071	background: linear-gradient(#fff, #fff, #d7e2ff);
1035	1072
1036	1073	}
	1074	+.about-title-sub{
	1075	+ font-size: 2.4rem;
	1076	+}
1037	1077
1038	1078	.about-title p:nth-child(1) {
1039		- font-size: 4rem;
	1079	+ font-size: 6rem;
1040	1080	font-weight: bold;
1041	1081	font-family: 'Pretendard';
1042	1082	text-align: center;
...	...	@@ -1137,7 +1177,7 @@
1137	1177	.about-text {
1138	1178	text-align: center;
1139	1179	color: #213F99;
1140		- font-weight: 900;
	1180	+ font-weight: 600;
1141	1181	font-size: 2rem;
1142	1182	margin-bottom: 0.5rem;
1143	1183	}
...	...	@@ -1200,7 +1240,7 @@
1200	1240
1201	1241	.slideText p:first-child {
1202	1242	font-size: 3rem;
1203		- font-family: 'GmarketSansBold';
	1243	+ font-family: "GmarketSansB";
1204	1244	font-weight: bold;
1205	1245	font-style: normal;
1206	1246	z-index: 5;
...	...	@@ -1221,7 +1261,6 @@
1221	1261
1222	1262	.slideTextDtail {
1223	1263	text-align: left;
1224		- padding: 0 2rem;
1225	1264	}
1226	1265
1227	1266	.slideText p:last-child,
...	...	@@ -1263,12 +1302,15 @@
1263	1302	z-index: 1;
1264	1303	}
1265	1304
1266		-.accordion.active .accordion-num,
1267		-.accordion.active .accordion-num span {
	1305	+.accordion.active .accordion-num
	1306	+ {
1268	1307	color: #80649b;
1269	1308	font-size: 3rem;
	1309	+ font-weight: 700;
1270	1310	}
1271		-
	1311	+.accordion.active .accordion-num span{
	1312	+ color:#b1a1c3;
	1313	+}
1272	1314	.accordion.active p,
1273	1315	.slideTextDtail.active p {
1274	1316	opacity: 1;
...	...	@@ -1386,7 +1428,7 @@
1386	1428	}
1387	1429
1388	1430	.etc-wrap-title h1 {
1389		- font-size: 4rem;
	1431	+ font-size: 6rem;
1390	1432	}
1391	1433
1392	1434	.etc-box {
...	...	@@ -1399,10 +1441,9 @@
1399	1441	}
1400	1442
1401	1443	.etc-box-title {
1402		- margin-top: 1rem;
1403	1444	font-weight: 600;
1404	1445	text-align: center !important;
1405		- font-size: 2rem !important;
	1446	+ font-size: 2.4rem !important;
1406	1447	}
1407	1448
1408	1449	.etc-box p {
...	...	@@ -1477,5 +1518,12 @@
1477	1518	}
1478	1519
1479	1520	.etc-wrap-title p {
1480		- font-size: 2rem;
	1521	+ font-size: 1.9rem;
1481	1522	}
	1523	+
	1524	+.analysis-text img{
	1525	+ height: 80%;
	1526	+}
	1527	+.analysis-text p{
	1528	+ font-size: 2rem;
	1529	+} (파일 끝에 줄바꿈 문자 없음)

...	...	@@ -15,18 +15,20 @@
15	15
16	16	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
17	17	<style>
18		- body {
	18	+ body {
19	19	-ms-overflow-style: none;
20	20	/* 인터넷 익스플로러 */
21	21	scrollbar-width: none;
22	22	/* 파이어폭스 */
23	23	}
	24	+
24	25	.history-box {
25		- -ms-overflow-style: none;
26		- /* 인터넷 익스플로러 */
27		- scrollbar-width: none;
28		- /* height: 80% !important; */
29		- }
	26	+ -ms-overflow-style: none;
	27	+ /* 인터넷 익스플로러 */
	28	+ scrollbar-width: none;
	29	+ /* height: 80% !important; */
	30	+ }
	31	+
30	32	html,
31	33	body {
32	34	position: relative;
...	...	@@ -58,8 +60,8 @@
58	60
59	61	.swiper-slide img {
60	62	display: block;
61		- width: 100%;
62		- height: 100%;
	63	+ /* width: 100%;
	64	+ height: 100%; */
63	65	object-fit: cover;
64	66	}
65	67
...	...	@@ -106,14 +108,14 @@
106	108	.dropdown {
107	109	background-color: #fff !important;
108	110	}
109		- .about .content .flex{
	111	+
	112	+ .about .content .flex {
110	113	margin-bottom: 2rem;
111		- border-bottom: 1px solid #33333322;
112	114	}
113		-.month-text p{
114		- word-break: keep-all;
115		-}
116		-
	115	+
	116	+ .month-text p {
	117	+ word-break: keep-all;
	118	+ }
117	119	</style>
118	120
119	121	<title>TAKENSOFT</title>
...	...	@@ -162,7 +164,7 @@
162	164	</div>
163	165	</div>
164	166	<div class="swiper-slide">
165		- <div class="text-area flex align-center justify-center pb60 pt60" style="align-content: center;">
	167	+ <div class="text-area flex align-center justify-center pb60 pt120" style="align-content: center;">
166	168	<div class="about-title mb20" style="width: 100%;">
167	169	<p class="mb20">Business</p>
168	170	<p class="mb20 about-title-sub">컨설팅을 통한 인사이트 도출하여 최적의 솔루션을 설계 제작하고, 이를 통해 직면한 문제를 효과적으로
...	...	@@ -171,8 +173,8 @@
171	173	<div class="container silde-box">
172	174	<div class="accordion flex justify-between"
173	175	style="background-image: url(../../resources/img/common/about-img1.png);">
174		- <div class="slideText pl20">
175		- <p class="accordion-num"><span>01.</span> AI Solution</p>
	176	+ <div class="slideText ">
	177	+ <p class="accordion-num mb10"><span>01.</span> AI Solution</p>
176	178	<p>AI 기술 종합 관리를 통한 솔루션 구현</p>
177	179	</div>
178	180	<div class="slideImg">
...	...	@@ -202,8 +204,8 @@
202	204	</div>
203	205	<div class="accordion "
204	206	style="background-image: url(../../resources/img/common/about-img2.png);">
205		- <div class="slideText pl20">
206		- <p class="accordion-num"><span>02.</span> System Design</p>
	207	+ <div class="slideText ">
	208	+ <p class="accordion-num mb10"><span>02.</span> System Design</p>
207	209	<p>고객사 최적화 UI 도출로 최상의 품질이 보장되는 인터페이스 구현</p>
208	210	</div>
209	211	<div class="slideImg">
...	...	@@ -227,8 +229,8 @@
227	229	</div>
228	230	<div class="accordion"
229	231	style="background-image: url(../../resources/img/common/about-img3.png);">
230		- <div class="slideText pl20">
231		- <p class="accordion-num"><span>03.</span> Data Science </p>
	232	+ <div class="slideText ">
	233	+ <p class="accordion-num mb10"><span>03.</span> Data Science </p>
232	234	<p>수집, 가공, 분석의 자체 프로세스를 통한 토탈 데이터 서비스 제공</p>
233	235	</div>
234	236	<div class="slideImg">
...	...	@@ -258,7 +260,20 @@
258	260
259	261
260	262	</div>
261		-
	263	+ <div class="swiper-slide about">
	264	+ <div class="text-area flex pb60 pt60" style="align-content: center;">
	265	+ <div class="about-title mb20" style="width: 100%;">
	266	+ <p class="mb20">Vision</p>
	267	+ <p class="mb20 about-title-sub">테이큰소프트는 AI 및 디지털 전환의 파트너로서 끊임없는 연구개발로 B2G, B2B 산업 영역으로 시장 및
	268	+ 매출을 확대해 나갑니다.
	269	+ </p>
	270	+ </div>
	271	+ <div class="flex justify-center about-vision-box">
	272	+ <img src="../../resources/img/common/about-img5.png" alt="">
	273	+ <img src="../../resources/img/common/about-img4.png" alt="">
	274	+ </div>
	275	+ </div>
	276	+ </div>
262	277	<div class="swiper-slide flex history" style="overflow-y: auto; height: 100%;">
263	278	<div style="width: 100%; height: 100%; flex-wrap: nowrap;" class="flex ">
264	279
...	...	@@ -538,7 +553,7 @@
538	553	cssMode: true,
539	554	direction: "vertical",
540	555	slidesPerView: 1,
541		- spaceBetween: 30,
	556	+ spaceBetween: 0,
542	557	mousewheel: {
543	558	eventsTarget: '.swiper-slide'
544	559	},

...	...	@@ -48,7 +48,7 @@
48	48	top: 0;
49	49	z-index: 3;
50	50	border-bottom: 1px solid #ced4da;
51		- background-color: white;
	51	+ background-color: white !important;
52	52	}
53	53
54	54	#header .header .logo {
...	...	@@ -75,7 +75,8 @@
75	75	}
76	76
77	77	body {
78		- background: #fff;
	78	+ background-color: #fff;
	79	+ /* background: linear-gradient(#f8f9fa, #fff, #fff); */
79	80	font-family: 'Pretendard';
80	81	font-size: 14px;
81	82	color: #000;
...	...	@@ -91,7 +92,6 @@
91	92	.swiper-slide {
92	93	text-align: center;
93	94	font-size: 18px;
94		- background: linear-gradient(#f8f9fa, #fff, #fff);
95	95	display: flex;
96	96	justify-content: center;
97	97	align-items: center;
...	...	@@ -105,7 +105,7 @@
105	105
106	106	.box-wrap p {
107	107	padding-top: 1rem;
108		- font-size: 2rem;
	108	+ font-size: 2.1rem;
109	109	}
110	110	.dropdown {
111	111	background-color: #fff !important;
...	...	@@ -118,7 +118,7 @@
118	118	<body>
119	119	<div id="header"></div>
120	120	<div>
121		- <div class=" text-area pb60 slide-section flex align-center" id="customized" style="height: 100vh;">
	121	+ <div class=" text-area pt120 pb60 slide-section flex align-center" id="customized" style="height: 100vh;">
122	122
123	123
124	124	<div class="flex justify-between" style="gap: 10px; width: 100%;">
...	...	@@ -155,13 +155,13 @@
155	155	<hr>
156	156	<div class="footer-text pt10">
157	157	<div class="flex justify-between ">
158		-
	158	+
159	159	<p>대표자 ) 임상현</p>
160		- <p>FAX ) 053-811-1701</p>
	160	+ <p style="width: 17.5%;">FAX ) 053-811-1701</p>
161	161	</div>
162	162	<div class="flex justify-between">
163	163	<p>고객지원 ) 053-811-1700(평일9시~18시)</p>
164		- <p>대표메일 ) [email protected]</p>
	164	+ <p style="width: 17.5%;">대표메일 ) [email protected]</p>
165	165	</div>
166	166	<p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
167	167	<p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>

...	...	@@ -97,7 +97,7 @@
97	97	.box-wrap div p {
98	98	font-size: 2rem;
99	99	font-weight: 600;
100		- padding: 10px 0;
	100	+ padding: 10px 20px;
101	101	}
102	102
103	103	.dropdown {
...	...	@@ -111,15 +111,14 @@
111	111
112	112	<body>
113	113	<div id="header"></div>
114		- <div style=" display: flex; flex-direction: column; background: linear-gradient(#f8f9fa, #fff, #fff) !important;
115		- ">
	114	+ <div style=" display: flex; flex-direction: column;background: linear-gradient(#f8f9fa, #fff, #fff) !important;">
116	115
117		- <div class=" text-area pb60 pt60 slide-section flex align-center " id="Data" style="height: 100vh;">
	116	+ <div class=" text-area pb60 pt120 slide-section flex align-center " id="Data" style="height: 100vh;">
118	117
119	118
120	119	<div class="flex justify-between " style="gap: 10px; width: 100%;">
121	120	<div class="etc-wrap-title pb20">
122		- <h1 class="mb20 ">데이터분석을 통한 인사이트 도출</h1>
	121	+ <h1 class="mb20 pt40">데이터분석을 통한 인사이트 도출</h1>
123	122	<p>데이터를 통하여 가치 있는 정보와 인사이트를 제공하여 세상을 이롭게 만듭니다.</p>
124	123	</div>
125	124	<div class="flex justify-between box-wrap" style="width: 100%; gap: 20px; ">
...	...	@@ -149,13 +148,13 @@
149	148	<hr>
150	149	<div class="footer-text pt10">
151	150	<div class="flex justify-between ">
152		-
	151	+
153	152	<p>대표자 ) 임상현</p>
154		- <p>FAX ) 053-811-1701</p>
	153	+ <p style="width: 17.5%;">FAX ) 053-811-1701</p>
155	154	</div>
156	155	<div class="flex justify-between">
157	156	<p>고객지원 ) 053-811-1700(평일9시~18시)</p>
158		- <p>대표메일 ) [email protected]</p>
	157	+ <p style="width: 17.5%;">대표메일 ) [email protected]</p>
159	158	</div>
160	159	<p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
161	160	<p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>

...	...	@@ -107,44 +107,50 @@
107	107	">
108	108
109	109
110		- <div class="text-area pb60 pt60 slide-section flex align-center " id="dataanalysis"
	110	+ <div class="text-area pb60 pt120 slide-section flex align-center " id="dataanalysis"
111	111	style="gap: 10px; height: 100vh; align-content: center;">
112		- <div class="etc-wrap-title mb20">
	112	+ <div class="etc-wrap-title mb40">
113	113	<h1 class="mb20">데이터분석 및 관리 플랫폼 구축</h1>
114	114	<p>다양한 데이터 기반 분석 노하우를 바탕으로 고객이 필요로 하는 시스템을 분석하여 인공지능 기반의 서비스 시스템을 분석하고 관리하는 플랫폼을 구축합니다.</p>
115	115	</div>
116		- <div class="flex justify-between align-end etc-wrap-text">
117		- <div class="solution-ani">
118		- <img src="../../resources/img/common/dataAnalysis-img.png" alt="">
119		- <p>도로 위험 감지 시스템</p>
	116	+ <div class="flex justify-between align-end etc-wrap-text analysis-text" style="gap: 60px;">
	117	+ <div style="width: 100%; gap: 30px; flex-wrap: nowrap;" class="flex align-end">
	118	+ <div class="solution-ani">
	119	+ <img src="../../resources/img/common/dataAnalysis-img.png" alt="">
	120	+ <p>도로 위험 감지 시스템</p>
	121	+ </div>
	122	+ <div class="solution-ani">
	123	+ <img src="../../resources/img/common/dataAnalysis-img2.png" alt="">
	124	+ <p>안개 감지 플랫폼</p>
	125	+ </div>
	126	+ <div class="solution-ani">
	127	+ <img src="../../resources/img/common/dataAnalysis-img3.png" alt="">
	128	+ <p>이동경로 최적화 서비스</p>
	129	+ </div>
	130	+ <div class="solution-ani">
	131	+ <img src="../../resources/img/common/dataAnalysis-img4.png" alt="">
	132	+ <p>횡단보도 및 내비게이션 연계 플랫폼</p>
	133	+ </div>
	134	+
120	135	</div>
121		- <div class="solution-ani">
122		- <img src="../../resources/img/common/dataAnalysis-img2.png" alt="">
123		- <p>안개 감지 플랫폼</p>
124		- </div>
125		- <div class="solution-ani">
126		- <img src="../../resources/img/common/dataAnalysis-img3.png" alt="">
127		- <p>이동경로 최적화 서비스</p>
128		- </div>
129		- <div class="solution-ani">
130		- <img src="../../resources/img/common/dataAnalysis-img4.png" alt="">
131		- <p>횡단보도 및 내비게이션 연계 플랫폼</p>
132		- </div>
133		- <div class="solution-ani">
134		- <img src="../../resources/img/common/dataAnalysis-img5.png" alt="">
135		- <p>전력데이터 관리 시스템</p>
136		- </div>
137		- <div class="solution-ani">
138		- <img src="../../resources/img/common/dataAnalysis-img6.png" alt="">
139		- <p>금형 부품 데이터 관리 플랫폼</p>
140		- </div>
141		- <div class="solution-ani">
142		- <img src="../../resources/img/common/dataAnalysis-img7.png" alt="">
143		- <p>제조 데이터 관리 시스템</p>
144		- </div>
145		- <div class="solution-ani">
146		- <img src="../../resources/img/common/dataAnalysis-img8.png" alt="">
147		- <p>메타데이터 관리 시스템</p>
	136	+ <div style="width: 100%; gap: 30px; flex-wrap: nowrap;" class="flex align-end">
	137	+ <div class="solution-ani">
	138	+ <img src="../../resources/img/common/dataAnalysis-img5.png" alt="">
	139	+ <p>전력데이터 관리 시스템</p>
	140	+ </div>
	141	+ <div class="solution-ani">
	142	+ <img src="../../resources/img/common/dataAnalysis-img6.png" alt="">
	143	+ <p>금형 부품 데이터 관리 플랫폼</p>
	144	+ </div>
	145	+ <div class="solution-ani">
	146	+ <img src="../../resources/img/common/dataAnalysis-img7.png" alt="">
	147	+ <p>제조 데이터 관리 시스템</p>
	148	+ </div>
	149	+ <div class="solution-ani">
	150	+ <img src="../../resources/img/common/dataAnalysis-img8.png" alt="">
	151	+ <p>메타데이터 관리 시스템</p>
	152	+ </div>
	153	+
148	154	</div>
149	155	</div>
150	156	</div>
...	...	@@ -156,13 +162,13 @@
156	162	<hr>
157	163	<div class="footer-text pt10">
158	164	<div class="flex justify-between ">
159		-
	165	+
160	166	<p>대표자 ) 임상현</p>
161		- <p>FAX ) 053-811-1701</p>
	167	+ <p style="width: 17.5%;">FAX ) 053-811-1701</p>
162	168	</div>
163	169	<div class="flex justify-between">
164	170	<p>고객지원 ) 053-811-1700(평일9시~18시)</p>
165		- <p>대표메일 ) [email protected]</p>
	171	+ <p style="width: 17.5%;">대표메일 ) [email protected]</p>
166	172	</div>
167	173	<p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
168	174	<p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>

...	...	@@ -113,12 +113,12 @@
113	113	<body>
114	114	<div id="header"></div>
115	115	<div style="align-content: center; background: linear-gradient(#d7e2ff9d, #fff, #fff);">
116		- <div class=" text-area pb60 slide-section " id="etc">
	116	+ <div class=" text-area pb60 pt120 slide-section " id="etc" style=" height: 100vh;">
117	117
118	118
119	119
120		- <div class="flex justify-between" style="align-content: center; gap: 10px; width: 100%; height: 100vh;">
121		- <div class="etc-wrap-title mb30">
	120	+ <div class="flex justify-between " style="align-content: center; gap: 10px; width: 100%;">
	121	+ <div class="etc-wrap-title mb30 pt60">
122	122	<h1 class="mb20">기타사례</h1>
123	123	</div>
124	124	<div class="flex justify-between box-wrap etc-grid-box" style="width: 100%; gap: 20px; ">
...	...	@@ -148,13 +148,13 @@
148	148	<hr>
149	149	<div class="footer-text pt10">
150	150	<div class="flex justify-between ">
151		-
	151	+
152	152	<p>대표자 ) 임상현</p>
153		- <p>FAX ) 053-811-1701</p>
	153	+ <p style="width: 17.5%;">FAX ) 053-811-1701</p>
154	154	</div>
155	155	<div class="flex justify-between">
156	156	<p>고객지원 ) 053-811-1700(평일9시~18시)</p>
157		- <p>대표메일 ) [email protected]</p>
	157	+ <p style="width: 17.5%;">대표메일 ) [email protected]</p>
158	158	</div>
159	159	<p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
160	160	<p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>

...	...	@@ -16,20 +16,20 @@
16	16	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
17	17
18	18	<style scoped>
19		- footer {
20		- width: 100%;
21		- /* height: 300px; */
22		- padding: 30px;
23		- /* opacity: 0; */
24		- /* display: none; */
25		- position: relative;
26		- bottom: 0px;
27		- left: 0;
28		- z-index: 56;
29		- transition: all 0.5s;
30		- background-color: #333;
31		- }
32		-
	19	+ footer {
	20	+ width: 100%;
	21	+ /* height: 300px; */
	22	+ padding: 30px;
	23	+ /* opacity: 0; */
	24	+ /* display: none; */
	25	+ position: relative;
	26	+ bottom: 0px;
	27	+ left: 0;
	28	+ z-index: 56;
	29	+ transition: all 0.5s;
	30	+ background-color: #333;
	31	+ }
	32	+
33	33	/* 스크롤바 없애기 */
34	34	body {
35	35	-ms-overflow-style: none;
...	...	@@ -37,11 +37,11 @@
37	37	scrollbar-width: none;
38	38	/* 파이어폭스 */
39	39	}
40		-
	40	+
41	41	::-webkit-scrollbar {
42	42	display: none;
43	43	}
44		-
	44	+
45	45	#header {
46	46	position: fixed;
47	47	top: 0;
...	...	@@ -49,31 +49,31 @@
49	49	border-bottom: 1px solid #ced4da;
50	50	background-color: white !important;
51	51	}
52		-
	52	+
53	53	#header .header .logo {
54	54	background: url(../../resources/img/component/logo-color.png) no-repeat;
55	55	width: 200px;
56	56	background-size: contain;
57	57	height: 25px;
58		-
59		-
	58	+
	59	+
60	60	}
61		-
	61	+
62	62	#header .header nav li a {
63	63	color: #333;
64		-
	64	+
65	65	}
66		-
67		-
68		-
	66	+
	67	+
	68	+
69	69	html,
70	70	body {
71	71	position: relative;
72	72	height: 100%;
73	73	font-family: 'Pretendard';
74		-
	74	+
75	75	}
76		-
	76	+
77	77	body {
78	78	font-family: 'Pretendard';
79	79	font-size: 14px;
...	...	@@ -81,29 +81,29 @@
81	81	margin: 0;
82	82	padding: 0;
83	83	}
84		-
	84	+
85	85	.box-wrap {
86	86	flex-wrap: nowrap;
87	87	}
88		-
	88	+
89	89	.box-wrap-title {
90	90	text-align: center;
91	91	font-size: 2rem;
92	92	font-weight: 600;
93	93	}
94		-
	94	+
95	95	.box-wrap div {
96	96	width: 100%;
97	97	height: 100%;
98		-
	98	+
99	99	}
100		-
	100	+
101	101	.box-wrap div img {
102	102	width: 100%;
103	103	/* object-fit: contain; */
104	104	padding-bottom: 2rem;
105	105	}
106		-
	106	+
107	107	.box-wrap div p {
108	108	/* height: 20%; */
109	109	/* text-align: left; */
...	...	@@ -111,9 +111,10 @@
111	111	font-weight: 600;
112	112	/* line-height: 1.5; */
113	113	}
	114	+
114	115	.dropdown {
115		- background-color: #fff !important;
116		- }
	116	+ background-color: #fff !important;
	117	+ }
117	118	</style>
118	119
119	120
...	...	@@ -124,7 +125,7 @@
124	125	<div id="header"></div>
125	126	<div style=" background: linear-gradient(#d7e2ff9d, #fff, #fff);
126	127	">
127		- <div class=" text-area pb60 pt60 slide-section flex align-center" id="visuali" style="height: 100vh;">
	128	+ <div class=" text-area pb60 pt120 slide-section flex align-center" id="visuali" style="height: 100vh;">
128	129
129	130
130	131	<div class=" flex justify-between align-center" style="gap: 10px; width: 100%; ">
...	...	@@ -132,36 +133,42 @@
132	133	<h1 class="mb20">시각화 서비스 시스템 구축</h1>
133	134	<p>데이터 분석을 통해 도출된 인사이트를 시각화 모듈을 활용하여 서비스 시스템을 구축합니다.</p>
134	135	</div>
135		- <div class="etc-wrap-text flex justify-between">
	136	+ <div class="etc-wrap-text flex justify-between" style="gap: 40px;">
	137	+ <div style="width: 100%; gap: 30px;" class="flex visuali-text">
136	138
137		- <div class="solution-ani">
138		- <img src="../../resources/img/common/visual-img1.png" alt="">
139		- <p>영천시 지역별 인구 추이 분석</p>
140		- </div>
141		- <div class="solution-ani">
142		- <img src="../../resources/img/common/visual-img2.png" alt="">
143		- <p>포항시 지역별 인구 추이 분석</p>
144		- </div>
145		- <div class="solution-ani">
146		- <img src="../../resources/img/common/visual-img3.png" alt="">
147		- <p>스마트 제조 공정관리 모니터링 플랫폼</p>
148		- </div>
	139	+ <div class="solution-ani">
	140	+ <img src="../../resources/img/common/visual-img1.png" alt="">
	141	+ <p>영천시 지역별 인구 추이 분석</p>
	142	+ </div>
	143	+ <div class="solution-ani">
	144	+ <img src="../../resources/img/common/visual-img2.png" alt="">
	145	+ <p>포항시 지역별 인구 추이 분석</p>
	146	+ </div>
	147	+ <div class="solution-ani">
	148	+ <img src="../../resources/img/common/visual-img3.png" alt="">
	149	+ <p>스마트 제조 공정관리 모니터링 플랫폼</p>
	150	+ </div>
149	151
150		- <div class="solution-ani">
151		- <img src="../../resources/img/common/visual-img4.png" alt="">
152		- <p>전력데이터 분석 시각화<br> 상주시 지역화폐 분석</p>
153	152	</div>
154		- <div class="solution-ani">
155		- <img src="../../resources/img/common/visual-img5.png" alt="">
156		- <p>시니어 스마트 케어 모니터링 플랫폼</p>
157		- </div>
158		- <div class="solution-ani">
159		- <img src="../../resources/img/common/visual-img6.png" alt="">
160		- <p>공정 및 외부 환경 관제 시각화</p>
161		- </div>
162		- <div class="solution-ani">
163		- <img src="../../resources/img/common/visual-img7.png" alt="">
164		- <p>상주시 부서별 재정 분석</p>
	153	+ <div style="width: 100%; gap: 30px; flex-wrap: nowrap;" class="flex visuali-text">
	154	+
	155	+
	156	+ <div class="solution-ani">
	157	+ <img src="../../resources/img/common/visual-img4.png" alt="">
	158	+ <p>전력데이터 분석 시각화<br> 상주시 지역화폐 분석</p>
	159	+ </div>
	160	+ <div class="solution-ani">
	161	+ <img src="../../resources/img/common/visual-img5.png" alt="">
	162	+ <p>시니어 스마트 케어 모니터링 플랫폼</p>
	163	+ </div>
	164	+ <div class="solution-ani">
	165	+ <img src="../../resources/img/common/visual-img6.png" alt="">
	166	+ <p>공정 및 외부 환경 관제 시각화</p>
	167	+ </div>
	168	+ <div class="solution-ani">
	169	+ <img src="../../resources/img/common/visual-img7.png" alt="">
	170	+ <p>상주시 부서별 재정 분석</p>
	171	+ </div>
165	172	</div>
166	173	</div>
167	174	</div>
...	...	@@ -174,13 +181,13 @@
174	181	<hr>
175	182	<div class="footer-text pt10">
176	183	<div class="flex justify-between ">
177		-
	184	+
178	185	<p>대표자 ) 임상현</p>
179		- <p>FAX ) 053-811-1701</p>
	186	+ <p style="width: 17.5%;">FAX ) 053-811-1701</p>
180	187	</div>
181	188	<div class="flex justify-between">
182	189	<p>고객지원 ) 053-811-1700(평일9시~18시)</p>
183		- <p>대표메일 ) [email protected]</p>
	190	+ <p style="width: 17.5%;">대표메일 ) [email protected]</p>
184	191	</div>
185	192	<p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
186	193	<p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>

Delete comment