Commit @50a1eb0eabf9d0b0c437df0d6dcc1d17bb8b78aa

mycoms 2024-04-15

240415 김하영

@50a1eb0eabf9d0b0c437df0d6dcc1d17bb8b78aa

83205ec

50a1eb0

resources/css/reset.css

--- resources/css/reset.css

+++ resources/css/reset.css


 	font-display: swap;
 	src: local('Pretendard Thin'), url(../font/Pretendard-Thin.woff2) format('woff2'), url(../font/Pretendard-Thin.woff) format('woff');
 }
-
 @font-face {
-    font-family: "GmarketSansM";
-    src: url("/client/resources/font/GmarketSansMedium.woff") format("woff");
-    font-weight: normal;
-    font-style: normal;
+	font-family: 'MontserratBlack';
+    src: url('../font/Montserrat-Black.ttf') format('truetype');
+}
+@font-face {
+	font-family: 'MontserratBolde';
+    src: url('../font/Montserrat-Bold.ttf') format('truetype');
 }
 
-@font-face {
-    font-family: "GmarketSansL";
-    src: url("/client/resources/font/GmarketSansLight.woff") format("woff");
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: "GmarketSansB";
-    src: url("/client/resources/font/GmarketSansBold.woff") format("woff");
-    font-weight: bold;
-    font-style: normal;
-}
 
 * {
     padding: 0;

83205ec

50a1eb0

resources/css/responsive.css

--- resources/css/responsive.css

+++ resources/css/responsive.css


     }
 
     .box-wrap-title {
-        font-size: 1.3rem !important;
+        font-size: 1.5rem !important;
         font-weight: 800;
         margin-bottom: 0px;
     }

     .text-area {
         width: 100% !important;
         height: 100% !important;
-        padding: 12rem 2rem;
+        padding: 6rem 2rem;
     }
-
+    .year span{
+display: none;    }
     .innerSwiper-title {
         font-size: 1.7rem;
     }

 
     .portfolio-text {
         padding-left: 2rem;
+        margin-bottom: 1rem;
     }
 
     .marketing-wrap-title h1::after {

         background-size: 20px;
         transform: translateX(-50%);
     }
-
+  
     .marketing-area {
         width: 100%;
         grid-template-columns: 1fr;
     }
 
     .marketing-title {
-        font-size: 1.8rem;
+        font-size: 1.8rem !important;
     }
 
     .gradient-bottom {

         width: 100%;
     }
 
-    #footer {
+    footer {
         width: 100%;
-        padding: 20px;
+        padding: 20px !important;
     }
 
     .footer-wrap {

         padding: 9rem 2rem;
     }
 
-    #footer img {
-        width: 100px !important;
+    footer img {
+        width: 50% !important;
+        height: 50%;
     }
 
     .container {
         width: 100%;
+        height: 70% !important;
     }
 
     .about-title-sub {

     }
 
     .about-vision-box img {
+        width: 100%;
         height: 150px;
         display: block;
         object-fit: contain;

     }
 
     .active-year {
-        font-size: 2rem;
+        font-size: 3rem;
     }
 
     .contents {

     }
 
     #smart .box-wrap-title {
-        display: block !important;
+        font-size: 1.6rem !important;
         font-weight: 600 !important;
+        word-break: keep-all;
+
     }
 
     #etc .etc-box-title {
-        display: block !important;
         font-weight: 600 !important;
         width: 100%;
     }
 
     #smart .etc-wrap-text div p,
     #etc .etc-box p {
-        font-size: 1rem;
+        font-size: 1.4rem;
         padding: 0px;
-        font-weight: 200;
-        display: none;
+        text-align: center;
+        font-weight: 400;
     }
 
     .solution-area {

 
     .solution-text-box div div p {
         width: 100%;
+        margin-left: 3px;
+        padding-left: 1.2rem;
     }
 
     .etc-wrap-text,

     }
 
 
-    .box-wrap div {
-        padding: 1rem;
-    }
+  
 
     .traffic-video {
         width: 90%;

 
     .etc-wrap-text p,
     .box-wrap p {
-        font-size: 1.5rem;
+        font-size: 1.6rem;
         margin-bottom: 2rem;
+        font-weight: 500;
     }
 
 

         padding-top: 0rem;
     }
 
-    .etc-box-title {
-        font-weight: 900;
-        text-align: center !important;
-        font-size: 2.2rem !important;
-    }
 
     .etc-box p {
         text-align: left;

         grid-template-columns: 1fr 1fr 1fr !important;
     }
 
-
+.etc-box{
+    margin-left: 0px !important;
+    margin-right: 0px !important;
+}
     .box-wrap img {
         width: 100%;
         padding-bottom: 0rem !important;

     .smart-title {
         margin-bottom: 10px !important;
     }
-
+    .year{
+        font-size: 2rem;
+    }
     .box-wrap div p {
         text-align: center;
         margin: 0 auto;
-        padding: 1px;
+        word-break: keep-all;
+        font-weight: 400 !important;
+        padding: 10px 0 !important;
         margin-bottom: 0rem !important;
-        font-size: 1.5rem !important;
     }
-
+    .etc-text-deco p::after{
+        display: none;
+    }
+    .solution-deco p{
+        margin-left: 0.4rem;
+    }
+.traffic-img-box{
+    width: 100% !important;
+}
+.traffic-img-box img{
+    width: 100% !important;
+    object-fit: cover !important;
+}
     .etc-box-title {
         font-weight: 700;
         text-align: center !important;
-        font-size: 2.2rem !important;
+        font-size: 1.6rem !important;
     }
 
     .box-wrap div div {
-        display: none;
         height: 37% !important;
     }
 

         width: 100%;
         text-align: right;
     }
+    .traffic-img-box{
+        width: 100% !important;
+    }
+    .traffic-img-box img{
+        width: 100% !important;
+        object-fit: cover !important;
+    }
 
     summary::-webkit-details-marker {
         display: none;

         background-color: #fff;
     }
 
-
+    .traffic-img-box img{
+        width: 100% !important;
+        object-fit: cover !important;
+    }
 
     .solution-text,
     .portfolio-text,
     .map-text,
     .about-title p:nth-child(1) {
-        font-size: 2.5rem !important;
+        font-size: 2.7rem !important;
         padding-bottom: 1rem;
     }
 

     .ai-title p,
     .meta-title p,
     .smart-title p {
-        font-size: 2.3rem;
+        font-size: 2.5rem;
         margin: 1rem;
         word-break: keep-all;
     }
 
     .sub-text,
     .solution-sub-text {
-        font-size: 1.3rem !important;
+        font-size: 1.8rem !important;
         margin-bottom: 0rem;
+        word-break: keep-all;
     }
-
+    .accordion-sub-text{
+        font-size: 1.6rem !important;
+    }
     .marketing-wrap-title h1 {
         font-size: 3rem;
     }
 
     .accordion.active .accordion-num,
     .accordion.active .accordion-num span {
-        font-size: 2rem;
+        font-size: 2.5rem;
     }
 
     .history-box {

     }
 
     .box p:nth-child(1) {
-        font-size: 1.4rem;
+        font-size: 1.8rem;
         font-weight: 600;
     }
 
     .box p {
         font-weight: 300;
-        font-size: 1.2rem;
+        font-size: 1.5rem;
     }
 
 

     }
 
     .innerSwiper-title {
-        font-size: 1.7rem;
+        font-size: 1.9rem;
     }
 
     .innerSwiper-text {
-        font-size: 1.3rem;
+        word-break: keep-all;
+        font-size: 1.5rem;
     }
 
     .innerSwiper .swiper-slide {

         width: 100%;
         grid-template-columns: 1fr;
     }
-
+    .month{
+        width: 100%;
+    }
     .marketing-title {
         font-size: 1.8rem;
     }

     .address-tile {
         width: 100%;
         text-align: center;
-        font-size: 1.2rem;
+        font-size: 1.5rem;
         padding-left: 0px;
     }
 
     .address-subtitle {
-        font-size: 1.1rem !important;
+        font-size: 1.4rem !important;
     }
 
     .address-tile::after {

 
     .map-btn button {
         /* width: 40%; */
-        font-size: 1.2rem;
+        font-size: 1.5rem;
+        font-weight: 500;
     }
 
     .address-box {
         width: 100%;
     }
 
-    #footer {
+    footer {
         width: 100%;
-        padding: 20px;
+        padding: 20px !important;
     }
 
     .footer-wrap {

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

         width: 100%;
         padding: 9rem 2rem;
     }
-
-    #footer img {
+.etc-box{
+    margin-left: 0px !important;
+    margin-right: 0px !important;
+}
+    /* footer img {
         width: 100px !important;
-    }
+    } */
 
     .container {
         width: 100%;

     }
 
     .month-text p {
-        font-size: 1.2rem;
+        font-size: 1.6rem;
     }
 
     .about-radius,

         padding: 10px;
     }
 
-    .slideText p:last-child,
+    
     .slideTextDtail p {
-        font-size: 1.2rem;
+        font-size: 1.5rem;
     }
 
     .slideText p:first-child {

 
     .solution-web-box img {
         width: 100%;
+
         object-fit: contain !important;
         height: 200px !important;
-        margin-bottom: 0px !important;
+        margin-bottom: 20px !important;
     }
-
+.history-area{
+    gap: 0px !important;
+}
 
     .month-text img {
         width: 100px !important;
-        height: 150px;
+        height: 215px;
     }
 
     

 
     .taken-wrap-box {
         width: 100% !important;
-        gap: 10px !important;
+        gap: 40px !important;
         flex-direction: column;
     }
 

 
     #smart .etc-wrap-text div p,
     #etc .etc-box p {
-        font-size: 1rem;
+        font-size: 2rem !important;
         padding: 0px;
         font-weight: 200;
         display: none;

         margin-bottom: 5px;
     }
 
-
-    .box-wrap div {
-        padding: 1rem;
+    .etc-wrap-text div{
+        flex-wrap: wrap !important;
     }
+   
 
     .traffic-video {
         width: 90%;

 
     .traffic-button button {
         padding: 7px 46px;
-        font-size: 1.2rem;
+        font-size: 1.5rem;
     }
 
     .taken-area p {

 
     .etc-wrap-text p,
     .box-wrap p {
-        font-size: 1.5rem;
+        font-size: 2rem;
         margin-bottom: 2rem;
     }
 

     .ai-title,
     .meta-title,
     .smart-title {
-        margin-bottom: 10px !important;
+        margin-bottom: 40px !important;
     }
 
     .box-wrap div p {
         text-align: center;
         margin: 0 auto;
-        padding: 1px;
+        padding: 10px 0;
         margin-bottom: 0rem !important;
-        font-size: 1.5rem !important;
+        font-size: 2rem !important;
     }
 
     .etc-box-title {

 
     .etc-wrap-title h1,
     .customized-wrap-title h1 {
-        font-size: 2.3rem !important;
+        padding: 3rem 0 0 0;
+        font-size: 2.8rem !important;
         word-break: keep-all;
     }
 
     .etc-wrap-title p,
     .customized-wrap-title p {
-        font-size: 1.5rem !important;
+        font-size: 2rem !important;
         margin-bottom: 2rem;
     }
 

         font-size: 1.5rem;
         background-size: cover;
         background-position: center;
-        padding: 10px !important;
+        padding: 15px !important;
     }
 
     .box2,

         align-items: start;
         gap: 5px !important;
     }
-
 
 
     .taken-box {

83205ec

50a1eb0

resources/css/style.css

--- resources/css/style.css

+++ resources/css/style.css


     /* padding-top: 12rem; */
     text-align: center;
 }
-.content{
+
+.content {
     -ms-overflow-style: none;
     /* 인터넷 익스플로러 */
     scrollbar-width: none;
 }
-.month{
+
+.month {
     margin-right: 3rem;
 }
+
 .mobil-wrap {
     display: none;
 }

     from {
         width: 0;
         opacity: 0;
-        transform: scaleX(0); /* 애니메이션 시작 시 요소의 가로 크기를 0으로 설정 */
+        transform: scaleX(0);
+        /* 애니메이션 시작 시 요소의 가로 크기를 0으로 설정 */
         transform-origin: center;
     }
 
     to {
         width: 100%;
         opacity: 1;
-        transform: scaleX(1); /* 애니메이션 종료 시 요소의 가로 크기를 원래대로 복원 */
+        transform: scaleX(1);
+        /* 애니메이션 종료 시 요소의 가로 크기를 원래대로 복원 */
         transform-origin: center;
     }
 }

 
 .sub-text {
     opacity: 0;
+    font-size: 2.4rem;
 }
 
 .sub-text.active {

     font-weight: 700;
     opacity: 0;
 }
-.map-wrap{
+
+.map-wrap {
     box-shadow: 2px 2px 15px #1c1c1c3a;
 }
 

     font-size: 1.6rem;
 }
 
-.box-area{
+.box-area {
+    font-weight: 600;
     font-size: 2.3rem;
     margin-bottom: 1.3rem;
 }

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

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

 .innerSwiper .swiper-slide img {
     display: block;
     width: 100%;
-    height: 80%;
     background-color: #F8F9FA;
     object-fit: scale-down;
     /* padding: 4rem; */
     border-radius: 10px;
     box-shadow: 2px 2px 5px #5454541b;
-    margin-bottom: 20px;
+    margin-bottom: 40px;
 }
 
 .portfolio-text {

     font-weight: 700;
     text-align: left;
 }
+
 .innerSwiper-textBox {
     height: 160px;
-    padding: 15px 0 0 0;
 }
 
 .innerSwiper-title,

 
 .map-btn button {
     border: 1px solid #213F99;
-    padding: 10px 15px 10px 35px;
+    padding: 10px 15px 10px 45px;
     border-radius: 30px;
-    font-size: 1.4rem;
+    font-size: 2.1rem;
     font-family: 'Pretendard';
-
-    font-weight: 600;
     color: #213F99;
     background: url(../img/common/location-dot-solid.svg) no-repeat 15px center / 15px;
     background-color: #FFFFFF;

 .address-subtitle {
     padding: 5px 0;
     font-size: 2rem;
+    font-weight: 500;
 }
 
 .map {

 
 
 
-#footer {
+footer {
     width: 100%;
-    padding: 30px;
+    padding: 40px;
     position: relative;
     bottom: -10%;
     left: 0;

     background-color: #333;
 }
 
-#footer img {
+footer img {
     text-align: left !important;
-    width: 200px !important;
+    width: 300px !important;
+    height: 36px;
     padding: 0px !important;
 }
 

 }
 
 
-.taken-area p {
-    font-size: 1.7rem;
-    margin-top: 1rem;
+.text-after p {
+    font-size: 1.8rem;
     font-weight: 600;
     padding-left: 20px;
+    margin-top: 1rem;
 }
 
 .taken-box {

     gap: 30px;
 }
 
+.text-after span {
+    font-weight: 900;
+}
+
 .taken-box p {
     width: 100%;
     font-family: 'Pretendard';
     background-color: #F8F9FA;
-    padding: 13px;
+    padding: 14px;
     text-align: center;
     font-size: 2rem;
     border-radius: 10px;
     font-weight: 600;
     z-index: 2;
 }
-.solution-ani img {
-    margin-bottom: 2rem;
-}
+
+
 
 .solution-text-box {
     width: 100%;
-    padding: 15px 30px;
+    padding: 15px 18px 15px 45px;
     border-radius: 10px;
     background-color: #fff;
     box-shadow: 2px 2px 5px #3e3e3e30;

 
 .solution-text-box p {
     font-weight: 500;
-    font-size: 1.5rem;
-    padding-left: 20px;
+    margin-top: 1rem;
+    font-size: 1.6rem;
+    position: relative;
 }
-.text-box p{
+
+.solution-deco p {
+    margin-left: 1.8rem;
+
+}
+
+.solution-deco-sub p {
+    position: relative;
+    padding-left: 15px;
+}
+
+.solution-deco-sub p::after {
+    content: '-';
+    position: absolute;
+    top: 0%;
+    left: -1%;
+}
+
+.solution-deco p::after {
+    content: '-';
+    position: absolute;
+    top: 0%;
+    left: -4%;
+}
+
+.text-box p {
     font-size: 1.6rem;
     margin-bottom: 1.7rem;
     text-align: left;
-    word-break: keep-all;
+    padding: 0 10px;
+    /* word-break: -all; */
 }
 
-.box-wrap-title{
+.box-wrap-title {
     font-size: 2.4rem !important;
-    font-weight: 500;
+    font-weight: 600;
     text-align: center !important;
     font-family: 'Pretendard';
 
 }
-.visuali-text p{
+
+.visuali-text p {
     font-size: 2.1rem;
     word-break: keep-all;
     font-weight: 500;

 
 .traffic-button {
     width: 100%;
+    padding-bottom: 6rem;
 }
 
 .traffic-button button {

 }
 
 .traffic-area img {
-    width: 80%;
+    width: 100%;
     background-size: cover;
 }
 

 
 .marketing-area img {
     width: 100%;
-    margin-bottom: 10px;
+    margin-bottom: 25px;
     border-radius: 20px;
 }
 
 .marketing-area p {
-    margin-bottom: 10px;
+    margin-bottom: 17px;
     font-weight: 600;
+    font-size: 1.6rem;
 }
 
 .marketing-area p span {

 }
 
 .marketing-title {
-    font-size: 2rem;
+    font-size: 2.4rem !important ;
+    font-weight: 800 !important;
+    margin-bottom: 20px !important;
+    font-family: 'Pretendard';
+
 }
 
 .marketing-date {
+    font-size: 1.6rem;
+    font-weight: 400 !important;
     text-align: right;
 }
 

     background: linear-gradient(#fff, #fff, #d7e2ff);
 
 }
-.about-title-sub{
+
+.about-title-sub {
     font-size: 2.4rem;
 }
 

     animation-delay: 0.8s;
 }
 
+.about-sub-text {
+    word-break: keep-all;
+    font-size: 1.5rem;
+}
+
 .about-text {
     text-align: center;
     color: #213F99;

     }
 }
 
+.accordion-text p {
+    font-size: 1.5rem !important;
+}
 
 .accordion {
     height: 100%;
-    padding: 2rem;
+    padding: 1rem 4rem;
     cursor: pointer;
     flex: 1;
     justify-content: space-between;

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

 .slideText p:last-child,
 .slideTextDtail p {
     margin-bottom: 1rem;
-    font-size: 1.5rem;
     opacity: 0;
     color: #333;
 }
+
+.slideText p:last-child {
+    font-size: 2.1rem;
+
+}
+
+.slideTextDtail p {
+    font-size: 1.8rem;
+}
+
 
 .slideImg {
     margin-bottom: 10px;

 .slideImg img {
     border-radius: 1rem;
     width: 100%;
-    height: 250px !important;
 }
 
 

     z-index: 1;
 }
 
-.accordion.active .accordion-num
- {
+.accordion.active .accordion-num {
     color: #80649b;
+    font-size: 3.6rem;
+	font-family: 'MontserratBolde';
+
+    font-weight: bold;
+
+}
+
+.accordion.active .accordion-num-red {
+    color: #FA665D;
     font-size: 3rem;
     font-weight: 700;
 }
-.accordion.active .accordion-num span{
-    color:#b1a1c3;
+
+.accordion.active .accordion-num-red span {
+    color: #FCB0AE !important;
 }
+
+.accordion.active .accordion-num span {
+    color: #b1a1c3;
+    font-size: 3.6rem;
+    font-weight: bold;
+	font-family: 'MontserratBolde';
+}
+
 .accordion.active p,
 .slideTextDtail.active p {
     opacity: 1;
     color: #333;
     /* transition: opacity 0.3s ease-in 0.4s; */
+}
+
+.accordion-sub-text {
+    color: #80649b !important;
+}
+
+.accordion-sub-red {
+    color: #FA665D !important;
 }
 
 .accordion-box p {

 }
 
 .about-vision-box img {
-    /* width: 40%; */
+    width: 40%;
     /* padding: 30px; */
     object-fit: contain !important;
 

 }
 
 .year {
-    width: 200px;
+    width: 220px;
     color: #D6DEF6;
     font-weight: 900;
-    font-size: 2rem;
+    font-size: 2.5rem;
     transition: all 0.2s ease;
     padding: 2rem 0;
 }
 
 .year span {
-    font-size: 2rem;
+    font-size: 2.4rem;
     font-weight: 900;
 
 }
-
+.traffic-img-box{
+    width: 100%;
+}
 .active-year {
     font-size: 7rem;
     font-weight: 900;

 
 
 .month-text img {
-    border: 1px solid #808080;
+    border: 1px solid #b1b1b1;
     padding: 5px;
     width: 120px;
     margin-right: 1rem;

 
 .active-year {
     color: #213F99;
-    font-weight: bold;
+    font-weight: 900;
     cursor: default;
 }
 

 }
 
 .etc-box-title {
-    font-weight: 600;
+    font-weight: 700;
     text-align: center !important;
     font-size: 2.4rem !important;
 }

 
 .etc-box p {
     font-size: 1.6rem;
-    line-height: 2;
-    padding-left: 2rem;
+    line-height: 1.5;
 }
 
 #contentDaeguBranch {

     display: none;
 }
 
-.video-wrap,.di {
+.video-wrap,
+.di {
     width: 100%;
     height: 100%;
     position: absolute;

     font-size: 1.9rem;
 }
 
-.analysis-text img{
+.analysis-text img {
     height: 80%;
 }
-.analysis-text p{
- font-size: 2rem;
+
+.analysis-text p {
+    height: 50px;
+    font-size: 2rem;
+    padding: 0 10px;
+    word-break: keep-all;
+    font-weight: 500;
+}
+.etc-text-deco p{
+    position: relative;
+    margin-left: 5px;
+}
+.etc-text-deco p::after{
+    content: '-';
+    position: absolute;
+    top: 0;
+    left: -1%;
+
 }

83205ec

resources/font/GmarketSansBold.woff (Binary) (deleted)

--- resources/font/GmarketSansBold.woff

Binary file is not shown

83205ec

resources/font/GmarketSansLight.woff (Binary) (deleted)

--- resources/font/GmarketSansLight.woff

Binary file is not shown

83205ec

resources/font/GmarketSansMedium.woff (Binary) (deleted)

--- resources/font/GmarketSansMedium.woff

Binary file is not shown

50a1eb0

resources/font/Montserrat-Black.ttf (Binary) (added)

+++ resources/font/Montserrat-Black.ttf

Binary file is not shown

50a1eb0

resources/font/Montserrat-BlackItalic.ttf (Binary) (added)

+++ resources/font/Montserrat-BlackItalic.ttf

Binary file is not shown

50a1eb0

resources/font/Montserrat-Bold.ttf (Binary) (added)

+++ resources/font/Montserrat-Bold.ttf

Binary file is not shown

50a1eb0

resources/font/Montserrat-BoldItalic.ttf (Binary) (added)

+++ resources/font/Montserrat-BoldItalic.ttf

Binary file is not shown

50a1eb0

resources/font/Montserrat-ExtraBold.ttf (Binary) (added)

+++ resources/font/Montserrat-ExtraBold.ttf

Binary file is not shown

50a1eb0

resources/font/Montserrat-ExtraBoldItalic.ttf (Binary) (added)

+++ resources/font/Montserrat-ExtraBoldItalic.ttf

Binary file is not shown

50a1eb0

resources/font/Montserrat-ExtraLight.ttf (Binary) (added)

+++ resources/font/Montserrat-ExtraLight.ttf

Binary file is not shown

50a1eb0

resources/font/Montserrat-ExtraLightItalic.ttf (Binary) (added)

+++ resources/font/Montserrat-ExtraLightItalic.ttf

Binary file is not shown

50a1eb0

resources/font/Montserrat-Italic.ttf (Binary) (added)

+++ resources/font/Montserrat-Italic.ttf

Binary file is not shown

50a1eb0

resources/font/Montserrat-Light.ttf (Binary) (added)

+++ resources/font/Montserrat-Light.ttf

Binary file is not shown

50a1eb0

resources/font/Montserrat-LightItalic.ttf (Binary) (added)

+++ resources/font/Montserrat-LightItalic.ttf

Binary file is not shown

50a1eb0

resources/font/Montserrat-Medium.ttf (Binary) (added)

+++ resources/font/Montserrat-Medium.ttf

Binary file is not shown

50a1eb0

resources/font/Montserrat-MediumItalic.ttf (Binary) (added)

+++ resources/font/Montserrat-MediumItalic.ttf

Binary file is not shown

50a1eb0

resources/font/Montserrat-Regular.ttf (Binary) (added)

+++ resources/font/Montserrat-Regular.ttf

Binary file is not shown

50a1eb0

resources/font/Montserrat-SemiBold.ttf (Binary) (added)

+++ resources/font/Montserrat-SemiBold.ttf

Binary file is not shown

50a1eb0

resources/font/Montserrat-SemiBoldItalic.ttf (Binary) (added)

+++ resources/font/Montserrat-SemiBoldItalic.ttf

Binary file is not shown

50a1eb0

resources/font/Montserrat-Thin.ttf (Binary) (added)

+++ resources/font/Montserrat-Thin.ttf

Binary file is not shown

50a1eb0

resources/font/Montserrat-ThinItalic.ttf (Binary) (added)

+++ resources/font/Montserrat-ThinItalic.ttf

Binary file is not shown

83205ec

50a1eb0

resources/img/common/traffic-img.png (Binary)

--- resources/img/common/traffic-img.png

+++ resources/img/common/traffic-img.png

Binary file is not shown

83205ec

50a1eb0

resources/img/component/logo-w.png (Binary)

--- resources/img/component/logo-w.png

+++ resources/img/component/logo-w.png

Binary file is not shown

83205ec

50a1eb0

views/index.html

--- views/index.html

+++ views/index.html


         }
 
         .innerSwiper {
+            height: 75%;
             transition-timing-function: linear;
         }
     </style>

                 </div>
             </div>
             <div class="swiper-slide portfolio-zone">
-                <div class=" Portfolio pt120 pb60 flex align-center" style="align-content: center; width: 100%; ">
-                    <div style="width: 1200px; margin: auto; ">
-                        <p class="portfolio-text pt120 mb20 ">PORTFOLIO</p>
+                <div class=" Portfolio pt60 pb60 flex align-center" style="align-content: center; width: 100%; ">
+                    <div style="width: 1200px; margin: auto; " class="pt120">
+                        <p class="portfolio-text  mb70 ">PORTFOLIO</p>
                     </div>
                     <div class="swiper innerSwiper">
                         <div class="swiper-wrapper">

     });
     var innerswiper = new Swiper(".innerSwiper", {
         slidesPerView: 3,
-        spaceBetween: 30,
+        spaceBetween: 60,
         autoplay: {
             delay: 0,
             disableOnInteraction: false,

             // 화면의 넓이가 640px 이상일 때
             640: {
                 slidesPerView: 3,
-                spaceBetween: 40
+                spaceBetween: 60
             }
         },
     });

83205ec

50a1eb0

views/layout/footer.html

--- views/layout/footer.html

+++ views/layout/footer.html


                 <img src="../../resources/img/component/logo-w.png" alt="">
             </div>
             <hr>
-            <div class="footer-text pt10">
+            <div class="footer-text pt10 pb40">
                 <div class="flex justify-between ">
 
                     <p>대표자 ) 임상현</p>

                 <p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
                 <p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>
             </div>
-            <p class="copyright">&copy; 2021.Takensoft.all rights reserved.</p>
+            <p class="copyright">Copyright 2021. Takensoft. all rights reserved.</p>
         </div>
     </footer>
 </body>

83205ec

50a1eb0

views/pages/AboutUs.html

--- views/pages/AboutUs.html

+++ views/pages/AboutUs.html

...	...	@@ -71,7 +71,7 @@
71	71
72	72	.container {
73	73	width: 1200px;
74		- height: 70%;
	74	+ height: 80%;
75	75	display: flex;
76	76	flex-wrap: nowrap;
77	77	border-radius: 20px;
...	...	@@ -116,6 +116,11 @@
116	116	.month-text p {
117	117	word-break: keep-all;
118	118	}
	119	+ .month-text span{
	120	+ color: #b1b1b1;
	121	+ font-size: 2.5rem;
	122	+ margin-right: 1rem;
	123	+ }
119	124	</style>
120	125
121	126	<title>TAKENSOFT</title>
...	...	@@ -146,7 +151,7 @@
146	151
147	152	<div class="about-radius-right solution-ani">
148	153	<p class="about-text">생각</p>
149		- <p class="about-sub-text">가치를 찾기위한 유연한 사고방식</p>
	154	+ <p class="about-sub-text">가치를 찾기 위한 유연한 사고방식</p>
150	155	</div>
151	156	</div>
152	157	<div class="flex justify-center about-area solution-ani" style="width: 100%;gap: 188px;">
...	...	@@ -164,26 +169,26 @@
164	169	</div>
165	170	</div>
166	171	<div class="swiper-slide">
167		- <div class="text-area flex align-center justify-center pb60 pt120" style="align-content: center;">
168		- <div class="about-title mb20" style="width: 100%;">
	172	+ <div class="text-area flex align-center justify-center pb60 pt90" style="align-content: center;">
	173	+ <div class="about-title mb40" style="width: 100%;">
169	174	<p class="mb20">Business</p>
170		- <p class="mb20 about-title-sub">컨설팅을 통한 인사이트 도출하여 최적의 솔루션을 설계 제작하고, 이를 통해 직면한 문제를 효과적으로
	175	+ <p class=" about-title-sub">컨설팅을 통한 인사이트 도출하여 최적의 솔루션을 설계 제작하고, 이를 통해 직면한 문제를 효과적으로
171	176	해결합니다.</p>
172	177	</div>
173	178	<div class="container silde-box">
174		- <div class="accordion flex justify-between"
175		- style="background-image: url(../../resources/img/common/about-img1.png);">
176		- <div class="slideText ">
	179	+ <div class="accordion flex justify-between "
	180	+ style="background: url(../../resources/img/common/about-img1.png) no-repeat; background-size: cover;">
	181	+ <div class="slideText">
177	182	<p class="accordion-num mb10"><span>01.</span> AI Solution</p>
178		- <p>AI 기술 종합 관리를 통한 솔루션 구현</p>
	183	+ <p class="accordion-sub-text">AI 기술 종합 관리를 통한 솔루션 구현</p>
179	184	</div>
180	185	<div class="slideImg">
181	186	<img src="../../resources/img/common/about-img-db.png" alt="">
182	187	</div>
183	188	<div class="slideTextDtail">
184	189	<div>
185		- <p>· 다양한 데이터 기반 분석 노하우를 바탕으로 고객이 필요로 하는 시스템을 분석</p>
186		- <p>· 인공지능 기반의 서비스 시스템 기획부터 운영까지 다양한 서비스와 환경에 가장 최적화된 솔루션 제공 </p>
	190	+ <p><span>·</span> 다양한 데이터 기반 분석 노하우를 바탕으로 고객이 필요로 하는 시스템을 분석</p>
	191	+ <p><span>·</span> 인공지능 기반의 서비스 시스템 기획부터 운영까지 다양한 서비스와 환경에 가장 최적화된 솔루션 제공 </p>
187	192	<p style="border-bottom: 2px dotted #333; padding-bottom: 1rem;">· 지속적인 품질 모니터링을
188	193	통해 제품의 안전성을 유지, 잠재적인 문제점을 신속하게 식별하며 해결</p>
189	194	</div>
...	...	@@ -191,11 +196,15 @@
191	196	<div style="width: 20%;">
192	197	<p>[대표사례]</p>
193	198	</div>
194		- <div class=" flex justify-between accordion-box">
195		- <p>·도로 위험 감지 시스템</p>
196		- <p>·경로 최적화 서비스</p>
197		- <p>·안개 감지 시스템</p>
198		- <p>·위치 기반 기자재 관리 및 모니터링 서비스</p>
	199	+ <div class="flex accordion-text" style="flex-wrap: nowrap; width: 100%;">
	200	+ <div class="flex-column " style="width: 60%;">
	201	+ <p><span>·</span>도로 위험 감지 시스템</p>
	202	+ <p><span>·</span>안개 감지 시스템</p>
	203	+ </div>
	204	+ <div class="flex-column " style="width: 100%;">
	205	+ <p><span>·</span>경로 최적화 서비스</p>
	206	+ <p><span>·</span>위치 기반 기자재 관리 및 모니터링 서비스</p>
	207	+ </div>
199	208	</div>
200	209	</div>
201	210	</div>
...	...	@@ -204,9 +213,9 @@
204	213	</div>
205	214	<div class="accordion "
206	215	style="background-image: url(../../resources/img/common/about-img2.png);">
207		- <div class="slideText ">
208		- <p class="accordion-num mb10"><span>02.</span> System Design</p>
209		- <p>고객사 최적화 UI 도출로 최상의 품질이 보장되는 인터페이스 구현</p>
	216	+ <div class="slideText">
	217	+ <p class="accordion-num mb10 accordion-num-red" ><span>02.</span> System Design</p>
	218	+ <p class="accordion-sub-red">고객사 최적화 UI 도출로 최상의 품질이 보장되는 인터페이스 구현</p>
210	219	</div>
211	220	<div class="slideImg">
212	221	<img src="../../resources/img/common/about-img-bg02.png" alt="">
...	...	@@ -218,11 +227,11 @@
218	227	<div style="width: 20%;">
219	228	<p>[대표사례]</p>
220	229	</div>
221		- <div class="flex-column">
222		- <p>· 정부혁신 웹사이트 기능개선 및 유지관리 </p>
223		- <p>· 스마트 팩토리 공정 관리 모니터링 서비스</p>
224		- <p>· 경로 최적화 서비스</p>
225		- <p>· 시니어 스마트 케어 모니터링 플랫폼</p>
	230	+ <div class="flex-column accordion-text">
	231	+ <p><span>·</span>정부혁신 웹사이트 기능개선 및 유지관리 </p>
	232	+ <p><span>·</span>스마트 팩토리 공정 관리 모니터링 서비스</p>
	233	+ <p><span>·</span>경로 최적화 서비스</p>
	234	+ <p><span>·</span>시니어 스마트 케어 모니터링 플랫폼</p>
226	235	</div>
227	236	</div>
228	237	</div>
...	...	@@ -231,14 +240,14 @@
231	240	style="background-image: url(../../resources/img/common/about-img3.png);">
232	241	<div class="slideText ">
233	242	<p class="accordion-num mb10"><span>03.</span> Data Science </p>
234		- <p>수집, 가공, 분석의 자체 프로세스를 통한 토탈 데이터 서비스 제공</p>
	243	+ <p class="accordion-sub-text">수집, 가공, 분석의 자체 프로세스를 통한 토탈 데이터 서비스 제공</p>
235	244	</div>
236	245	<div class="slideImg">
237	246	<img src="../../resources/img/common/about-img-bg03.png" alt="">
238	247	</div>
239	248	<div class="slideTextDtail">
240		- <p>· 데이터 수집, 저장, 관리 시스템 구축 및 데이터 분석 기반의 SW개발, 전문 컨설팅 서비스 수행</p>
241		- <p>· 기업의 상황에 맞는 맞춤형 데이터 서비스 솔루션 제공</p>
	249	+ <p><span>·</span>데이터 수집, 저장, 관리 시스템 구축 및 데이터 분석 기반의 SW개발, 전문 컨설팅 서비스 수행</p>
	250	+ <p><span>·</span>기업의 상황에 맞는 맞춤형 데이터 서비스 솔루션 제공</p>
242	251	<p style="border-bottom: 2px dotted #333; padding-bottom: 1rem;">· R&D, 용역 등의 사업을 통해
243	252	수요기관 및 기업 확장
244	253	</p>
...	...	@@ -246,9 +255,9 @@
246	255	<div style="width: 20%;">
247	256	<p>[대표사례]</p>
248	257	</div>
249		- <div class="flex-column">
250		- <p>· 데이터 품질관리 컨설팅</p>
251		- <p>· AI 안전통합 횡단보도 플랫폼</p>
	258	+ <div class="flex-column accordion-text">
	259	+ <p><span>·</span>데이터 품질관리 컨설팅</p>
	260	+ <p><span>·</span>AI 안전통합 횡단보도 플랫폼</p>
252	261	</div>
253	262	</div>
254	263	</div>
...	...	@@ -278,19 +287,19 @@
278	287	<div style="width: 100%; height: 100%; flex-wrap: nowrap;" class="flex ">
279	288
280	289
281		- <div class="text-area flex pb60 pt120" style="align-content: center;">
	290	+ <div class="text-area flex pt120" style="align-content: center;">
282	291
283	292	<div class="about-title mb20" style="width: 100%;">
284	293	<p>History</p>
285	294	</div>
286		- <div class="flex history-area" style="height: 100%; width: 100%; gap: 100px;">
	295	+ <div class="flex history-area" style="height: 80%; width: 100%; gap: 100px;">
287	296
288	297	<div class="years" id="years">
289		- <div class="year tab active-year" data-year="section1">2021</div>
290		- <div class="year tab" data-year="section2">2022</div>
291		- <div class="year tab" data-year="section3">2023</div>
	298	+ <div class="year tab active-year" data-year="section1">2021 <span>년</span></div>
	299	+ <div class="year tab" data-year="section2">2022 <span>년</span></div>
	300	+ <div class="year tab" data-year="section3">2023 <span>년</span></div>
292	301	</div>
293		- <div style="align-content: center; overflow-y: auto; height: 100%;" class="history-box">
	302	+ <div style="align-content: center; overflow-y: auto; height: 90%;" class="history-box">
294	303
295	304	<div class="test">
296	305
...	...	@@ -299,32 +308,32 @@
299	308
300	309	<p class="month ">5월</p>
301	310	<div class="month-text" style="text-align: left;">
302		- <p>· 주식회사 테이큰 소프트 설립</p>
303		- <p>· 영천시 데이터 활용 기본 계획 수립 용역 (영천시)</p>
	311	+ <p><span>·</span>주식회사 테이큰 소프트 설립</p>
	312	+ <p><span>·</span>영천시 데이터 활용 기본 계획 수립 용역 (영천시)</p>
304	313
305	314	</div>
306	315	</div>
307	316	<div class="flex">
308	317	<p class="month ">10월</p>
309	318	<div class="month-text text-section" style="text-align: left;">
310		- <p>· 소프트웨어 기업 등록</p>
	319	+ <p><span>·</span>소프트웨어 기업 등록</p>
311	320	<img src="../../resources/img/common/history-img1.png" alt="">
312	321	</div>
313	322	</div>
314	323	<div class="flex">
315	324	<p class="month ">11월</p>
316	325	<div class="month-text" style="text-align: left;">
317		- <p>· 김천시 무더위 쉼터 선정을 위한 빅데이터 분석 용역 (김천시) </p>
318		- <p>· Taken BI Manager v1.0 저작권 등록</p>
	326	+ <p><span>·</span>김천시 무더위 쉼터 선정을 위한 빅데이터 분석 용역 (김천시) </p>
	327	+ <p><span>·</span>Taken BI Manager v1.0 저작권 등록</p>
319	328	<img src="../../resources/img/common/history-img2.png" alt="">
320	329	</div>
321	330	</div>
322	331	<div class="flex">
323	332	<p class="month ">12월</p>
324	333	<div class="month-text" style="text-align: left;">
325		- <p>· 어린이 보호구역 도로 주행 데이터 (포항테크노파크)</p>
326		- <p>· Taken BI Manager GS(Good Sofrware) 인증 1등급 획득</p>
327		- <p>· 도로 모니터링 시스템 저작권 등록</p>
	334	+ <p><span>·</span>어린이 보호구역 도로 주행 데이터 (포항테크노파크)</p>
	335	+ <p><span>·</span>Taken BI Manager GS(Good Sofrware) 인증 1등급 획득</p>
	336	+ <p><span>·</span>도로 모니터링 시스템 저작권 등록</p>
328	337	<div class="flex">
329	338	<img src="../../resources/img/common/history-img31.png" alt="">
330	339	<img src="../../resources/img/common/history-img32.png" alt="">
...	...	@@ -342,57 +351,57 @@
342	351	<div class="flex">
343	352	<p class="month ">1월</p>
344	353	<div class="month-text" style="text-align: left;">
345		- <p>· 구미시 공공데이터 기업 매칭 지원사업 (구미시)</p>
	354	+ <p><span>·</span>구미시 공공데이터 기업 매칭 지원사업 (구미시)</p>
346	355	</div>
347	356	</div>
348	357	<div class="flex">
349	358	<p class="month ">3월</p>
350	359	<div class="month-text" style="text-align: left;">
351		- <p>· 기업부설연구소 설립</p>
	360	+ <p><span>·</span>기업부설연구소 설립</p>
352	361	</div>
353	362	</div>
354	363	<div class="flex">
355	364	<p class="month ">4월</p>
356	365	<div class="month-text" style="text-align: left;">
357		- <p>· 상주시 재난지원금 신청 프로그램 개발 (상주시)</p>
	366	+ <p><span>·</span>상주시 재난지원금 신청 프로그램 개발 (상주시)</p>
358	367	</div>
359	368	</div>
360	369	<div class="flex">
361	370	<p class="month ">5월</p>
362	371	<div class="month-text" style="text-align: left;">
363		- <p>· 대구광역시 북구 데이터로 보는 북구 콘텐츠 구축 (대구광역시 북구)</p>
364		- <p>· 영천시 공공데이터 품질관리 용역 (영천시)</p>
	372	+ <p><span>·</span>대구광역시 북구 데이터로 보는 북구 콘텐츠 구축 (대구광역시 북구)</p>
	373	+ <p><span>·</span>영천시 공공데이터 품질관리 용역 (영천시)</p>
365	374	</div>
366	375	</div>
367	376	<div class="flex">
368	377	<p class="month ">7월</p>
369	378	<div class="month-text" style="text-align: left;">
370		- <p>· 영천시 공공데이터 기업 매칭 지원사업 (영천시)</p>
	379	+ <p><span>·</span>영천시 공공데이터 기업 매칭 지원사업 (영천시)</p>
371	380	</div>
372	381	</div>
373	382	<div class="flex">
374	383	<p class="month ">9월</p>
375	384	<div class="month-text" style="text-align: left;">
376		- <p>· 상주시 데이터 수집, 연계, 분석 및 시각화 솔루션 공급</p>
	385	+ <p><span>·</span>상주시 데이터 수집, 연계, 분석 및 시각화 솔루션 공급</p>
377	386	</div>
378	387	</div>
379	388	<div class="flex">
380	389	<p class="month ">10월</p>
381	390	<div class="month-text" style="text-align: left;">
382		- <p>· 데이터 관리 및 분석 솔루션 구매 (상주시) </p>
	391	+ <p><span>·</span>데이터 관리 및 분석 솔루션 구매 (상주시) </p>
383	392	</div>
384	393	</div>
385	394	<div class="flex">
386	395	<p class="month ">12월</p>
387	396	<div class="month-text" style="text-align: left;">
388		- <p>· 데이터 관리 및 분석 솔루션 연계 용역 (상주시) </p>
389		- <p>· 상주시 데이터 활용 기본계획 용역 (상주시) </p>
390		- <p>· 스마트 타운 통합 플랫폼 개발 기획 및 사업 관리 용역 (성주군) </p>
391		- <p>· 행정정보 데이터 백업테이프 구입 (영주시) </p>
392		- <p>· 행정정보시스템 통합스토리지 디스크 증설 (영주시) </p>
393		- <p>· SW융합클러스터2.0 데이터(주차 차량 및 차량번호 학습데이터) 구매 (포항테크노파크) </p>
394		- <p>· 한국가스공사 2022 대구·경북 스타트업 페스티벌 공대스타 챌린지 최우수상 수상 </p>
395		- <p>· 경로 생성 기술 관련 출원사실증명 </p>
	397	+ <p><span>·</span>데이터 관리 및 분석 솔루션 연계 용역 (상주시) </p>
	398	+ <p><span>·</span>상주시 데이터 활용 기본계획 용역 (상주시) </p>
	399	+ <p><span>·</span>스마트 타운 통합 플랫폼 개발 기획 및 사업 관리 용역 (성주군) </p>
	400	+ <p><span>·</span>행정정보 데이터 백업테이프 구입 (영주시) </p>
	401	+ <p><span>·</span>행정정보시스템 통합스토리지 디스크 증설 (영주시) </p>
	402	+ <p><span>·</span>SW융합클러스터2.0 데이터(주차 차량 및 차량번호 학습데이터) 구매 (포항테크노파크) </p>
	403	+ <p><span>·</span>한국가스공사 2022 대구·경북 스타트업 페스티벌 공대스타 챌린지 최우수상 수상 </p>
	404	+ <p><span>·</span>경로 생성 기술 관련 출원사실증명 </p>
396	405	<img src="../../resources/img/common/history-img4.png" alt="">
397	406
398	407	</div>
...	...	@@ -404,9 +413,9 @@
404	413	<div class="flex">
405	414	<p class="month ">1월</p>
406	415	<div class="month-text" style="text-align: left;">
407		- <p>· 행정안전부 2023년 정부혁신 웹사이트 기능개선 및 유지관리 사업 수주 </p>
408		- <p>· 복약지도 장치 및 방법 출원사실증명 </p>
409		- <p>· Traffic Agent 저작권 등록 </p>
	416	+ <p><span>·</span>행정안전부 2023년 정부혁신 웹사이트 기능개선 및 유지관리 사업 수주 </p>
	417	+ <p><span>·</span>복약지도 장치 및 방법 출원사실증명 </p>
	418	+ <p><span>·</span>Traffic Agent 저작권 등록 </p>
410	419
411	420	<div class="flex">
412	421	<img src="../../resources/img/common/history-img51.png" alt="">
...	...	@@ -418,22 +427,22 @@
418	427	<div class="flex">
419	428	<p class="month ">2월</p>
420	429	<div class="month-text" style="text-align: left;">
421		- <p>· 한국가스공사 상용소프트웨어 유지관리(통합재고관리시스템 데이터분석) (한국가스공사) </p>
422		- <p>· 대구광역시 AI 안전통합 횡단보도 플랫폼 구축 계약 </p>
	430	+ <p><span>·</span>한국가스공사 상용소프트웨어 유지관리(통합재고관리시스템 데이터분석) (한국가스공사) </p>
	431	+ <p><span>·</span>대구광역시 AI 안전통합 횡단보도 플랫폼 구축 계약 </p>
423	432	</div>
424	433	</div>
425	434	<div class="flex">
426	435	<p class="month ">3월</p>
427	436	<div class="month-text" style="text-align: left;">
428		- <p>· AI 안전통합 횡단보도 플랫폼 구축 용역 (대구광역시) </p>
	437	+ <p><span>·</span>AI 안전통합 횡단보도 플랫폼 구축 용역 (대구광역시) </p>
429	438	</div>
430	439	</div>
431	440	<div class="flex">
432	441	<p class="month ">4월</p>
433	442	<div class="month-text" style="text-align: left;">
434		- <p>· G밸리 기록물 텍스트 분석 및 콘텐츠 개발 사업 (서울특별시) </p>
435		- <p>· 포항테크노파크 SW융합제품 상용화지원사업 데이터 품질관리 사업 수주 </p>
436		- <p>· 기업부설연구소 인정서 획득 </p>
	443	+ <p><span>·</span>G밸리 기록물 텍스트 분석 및 콘텐츠 개발 사업 (서울특별시) </p>
	444	+ <p><span>·</span>포항테크노파크 SW융합제품 상용화지원사업 데이터 품질관리 사업 수주 </p>
	445	+ <p><span>·</span>기업부설연구소 인정서 획득 </p>
437	446	<img src="../../resources/img/common/history-img6.png" alt="">
438	447
439	448	</div>
...	...	@@ -441,13 +450,13 @@
441	450	<div class="flex">
442	451	<p class="month ">5월</p>
443	452	<div class="month-text" style="text-align: left;">
444		- <p>· 영천시 맞춤형 데이터 분석사업 (영천시) </p>
	453	+ <p><span>·</span>영천시 맞춤형 데이터 분석사업 (영천시) </p>
445	454	</div>
446	455	</div>
447	456	<div class="flex">
448	457	<p class="month ">6월</p>
449	458	<div class="month-text" style="text-align: left;">
450		- <p>· 정보통신공사업 면허 획득, 벤처기업 인증 </p>
	459	+ <p><span>·</span>정보통신공사업 면허 획득, 벤처기업 인증 </p>
451	460	<div class="flex">
452	461	<img src="../../resources/img/common/history-img71.png" alt="">
453	462	<img src="../../resources/img/common/history-img72.png" alt="">
...	...	@@ -457,24 +466,24 @@
457	466	<div class="flex">
458	467	<p class="month ">7월</p>
459	468	<div class="month-text" style="text-align: left;">
460		- <p>· 공공데이터 품질 진단 강화 컨설팅 (상주시)</p>
461		- <p>· 정부혁신 웹사이트 기능개선 및 유지관리 (행정안전부)</p>
	469	+ <p><span>·</span>공공데이터 품질 진단 강화 컨설팅 (상주시)</p>
	470	+ <p><span>·</span>정부혁신 웹사이트 기능개선 및 유지관리 (행정안전부)</p>
462	471	</div>
463	472	</div>
464	473	<div class="flex">
465	474	<p class="month ">8월</p>
466	475	<div class="month-text" style="text-align: left;">
467		- <p>· SW융합클러스터2.0 SW융합제품 상용화 지원사업 데이터 컨설팅 및 품질관리 (포항테크노파크)</p>
468		- <p>· 메타버스 기술 관련 출원사실증명</p>
	476	+ <p><span>·</span>SW융합클러스터2.0 SW융합제품 상용화 지원사업 데이터 컨설팅 및 품질관리 (포항테크노파크)</p>
	477	+ <p><span>·</span>메타버스 기술 관련 출원사실증명</p>
469	478	<img src="../../resources/img/common/history-img8.png" alt="">
470	479	</div>
471	480	</div>
472	481	<div class="flex">
473	482	<p class="month ">9월</p>
474	483	<div class="month-text" style="text-align: left;">
475		- <p>· 한국가스공사 2023 대구·경북 스타트업 페스티벌 공대스타챌린지 대상 수상</p>
476		- <p>· SW융합클러스터2.0 SW융합제품 상용화 지원사업 데이터 컨설팅 및 품질관리 (포항테크노파크)</p>
477		- <p>· 시니어 케어 시스템 저작권 등록</p>
	484	+ <p><span>·</span>한국가스공사 2023 대구·경북 스타트업 페스티벌 공대스타챌린지 대상 수상</p>
	485	+ <p><span>·</span>SW융합클러스터2.0 SW융합제품 상용화 지원사업 데이터 컨설팅 및 품질관리 (포항테크노파크)</p>
	486	+ <p><span>·</span>시니어 케어 시스템 저작권 등록</p>
478	487	<img src="../../resources/img/common/history-img9.png" alt="">
479	488
480	489	</div>
...	...	@@ -482,8 +491,8 @@
482	491	<div class="flex">
483	492	<p class="month ">11월</p>
484	493	<div class="month-text" style="text-align: left;">
485		- <p>· 한기술평가 우수기업 인증 (T-5)</p>
486		- <p>· 통합 모빌리티 솔루션 저작권 등록</p>
	494	+ <p><span>·</span>한기술평가 우수기업 인증 (T-5)</p>
	495	+ <p><span>·</span>통합 모빌리티 솔루션 저작권 등록</p>
487	496	<div class="flex">
488	497	<img src="../../resources/img/common/history-img100.png" alt="">
489	498	<img src="../../resources/img/common/history-img101.png" alt="">
...	...	@@ -493,11 +502,11 @@
493	502	<div class="flex">
494	503	<p class="month ">12월</p>
495	504	<div class="month-text" style="text-align: left;">
496		- <p>· DGM 전자정보기기사업단 지역 기업 운영 활성화를 위한 플랫폼 구축 사업 수주</p>
497		- <p>· 구미시 키워드 분석 용역 (구미시)</p>
498		- <p>· AI 디지털교과서 통합 지원센터 모델발굴 및 시범운영 용역 (한국교육학술정보원)</p>
499		- <p>· 구미시 2023년 행정정보 및 홈페이지시스템 통합유지관리 용역 중 공공데이터 (구미시)</p>
500		- <p>· AI 횡단보도 기술 관련 출원사실증명</p>
	505	+ <p><span>·</span>DGM 전자정보기기사업단 지역 기업 운영 활성화를 위한 플랫폼 구축 사업 수주</p>
	506	+ <p><span>·</span>구미시 키워드 분석 용역 (구미시)</p>
	507	+ <p><span>·</span>AI 디지털교과서 통합 지원센터 모델발굴 및 시범운영 용역 (한국교육학술정보원)</p>
	508	+ <p><span>·</span>구미시 2023년 행정정보 및 홈페이지시스템 통합유지관리 용역 중 공공데이터 (구미시)</p>
	509	+ <p><span>·</span>AI 횡단보도 기술 관련 출원사실증명</p>
501	510	<img src="../../resources/img/common/history-img110.png" alt="">
502	511
503	512

83205ec

50a1eb0

views/pages/Customized.html

--- views/pages/Customized.html

+++ views/pages/Customized.html


         footer {
     width: 100%;
     /* height: 300px; */
-    padding: 30px;
+    padding: 40px;
     /* opacity: 0; */
     /* display: none; */
     position: relative;

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

                 <div class="flex justify-between box-wrap" style="width: 100%; gap: 20px; ">
                     <div class="solution-ani">
                         <img src="../../resources/img/common/custom-img.png" alt="">
-                        <p>상주시 데이터 활용 <br>기본계획 수립</p>
+                        <p class="mt30">상주시 데이터 활용 <br>기본계획 수립</p>
                     </div>
                     <div class="solution-ani">
                         <img src="../../resources/img/common/custom-img2.png" alt="">
-                        <p>영천시 데이터 활용 <br>기본계획 수립</p>
+                        <p class="mt30">영천시 데이터 활용 <br>기본계획 수립</p>
                     </div>
                     <div class="solution-ani">
                         <img src="../../resources/img/common/custom-img3.png" alt="">
-                        <p>포항테크노파크 SW융합클러스터 <br>2.0 데이터 품질관리 협력기관</p>
+                        <p class="mt30">포항테크노파크 SW융합클러스터 <br>2.0 데이터 품질관리 협력기관</p>
                     </div>
                     <div class="solution-ani">
                         <img src="../../resources/img/common/custom-img4.png" alt="">
-                        <p>영천시 공공데이터 <br>품질관리</p>
+                        <p class="mt30">영천시 공공데이터 <br>품질관리</p>
                     </div>
                 </div>
             </div>

                     <img src="../../resources/img/component/logo-w.png" alt="">
                 </div>
                 <hr>
-                <div class="footer-text pt10">
+                <div class="footer-text pt10 pb40">
                     <div class="flex justify-between ">
     
                         <p>대표자 ) 임상현</p>

                     <p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
                     <p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>
                 </div>
-                <p class="copyright">&copy; 2021.Takensoft.all rights reserved.</p>
+                <p class="copyright">Copyright 2021. Takensoft. all rights reserved.</p>
             </div>
         </footer>
     </div>

83205ec

50a1eb0

views/pages/Data.html

--- views/pages/Data.html

+++ views/pages/Data.html


         footer {
             width: 100%;
             /* height: 300px; */
-            padding: 30px;
+            padding: 40px;
             /* opacity: 0; */
             /* display: none; */
             position: relative;

             width: 100%;
         }
 
-        .box-wrap div img {
-            padding-bottom: 2rem;
-        }
 
         .box-wrap div p {
-            font-size: 2rem;
+            font-size: 2.1rem;
             font-weight: 600;
-            padding: 10px 20px;
+            padding: 0 40px;
         }
 
         .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(#d7e2ff9d, #fff, #fff) !important;">
 
         <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 pt40">데이터분석을 통한 인사이트 도출</h1>
+                <div class="etc-wrap-title pb50">
+                    <h1 class="mb20">데이터분석을 통한 인사이트 도출</h1>
                     <p>데이터를 통하여 가치 있는 정보와 인사이트를 제공하여 세상을 이롭게 만듭니다.</p>
                 </div>
                 <div class="flex justify-between box-wrap" style="width: 100%; gap: 20px; ">
                     <div class="solution-ani">
                         <img src="../../resources/img/common/data-img1.png" alt="">
-                        <p>구미시 주요 이슈 및 민원 분석</p>
+                        <p class="mt30">구미시 주요 이슈 및 민원 분석</p>
                     </div>
                     <div class="solution-ani">
                         <img src="../../resources/img/common/data-img2.png" alt="">
-                        <p>영천시 1인가구,상권,관광,청년 일자리분야 데이터 분석</p>
+                        <p class="mt30">영천시 1인가구,상권,관광,청년 일자리분야 데이터 분석</p>
                     </div>
                     <div class="solution-ani">
                         <img src="../../resources/img/common/data-img3.png" alt="">
-                        <p>김천시 무더위 쉼터 선정 위한 데이터 분석</p>
+                        <p class="mt30">김천시 무더위 쉼터 선정 위한 데이터 분석</p>
                     </div>
 
                 </div>

                     <img src="../../resources/img/component/logo-w.png" alt="">
                 </div>
                 <hr>
-                <div class="footer-text pt10">
+                <div class="footer-text pt10 pb40">
                     <div class="flex justify-between ">
     
                         <p>대표자 ) 임상현</p>

                     <p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
                     <p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>
                 </div>
-                <p class="copyright">&copy; 2021.Takensoft.all rights reserved.</p>
+                <p class="copyright">Copyright 2021. Takensoft. all rights reserved.</p>
             </div>
         </footer>
     </div>

83205ec

50a1eb0

views/pages/DataAnalysis.html

--- views/pages/DataAnalysis.html

+++ views/pages/DataAnalysis.html


         footer {
             width: 100%;
             /* height: 300px; */
-            padding: 30px;
+            padding: 40px;
             /* opacity: 0; */
             /* display: none; */
             position: relative;

 <body>
     <div id="header"></div>
 
-    <div style="        background: linear-gradient(#f8f9fa, #fff, #fff);
+    <div style="        background: linear-gradient(#d7e2ff9d, #fff, #fff);
     ">
-
 
         <div class="text-area pb60 pt120 slide-section flex align-center " id="dataanalysis"
             style="gap: 10px;  height: 100vh; align-content: center;">

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

                     <img src="../../resources/img/component/logo-w.png" alt="">
                 </div>
                 <hr>
-                <div class="footer-text pt10">
+                <div class="footer-text pt10 pb40">
                     <div class="flex justify-between ">
     
                         <p>대표자 ) 임상현</p>

                     <p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
                     <p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>
                 </div>
-                <p class="copyright">&copy; 2021.Takensoft.all rights reserved.</p>
+                <p class="copyright">Copyright 2021. Takensoft. all rights reserved.</p>
             </div>
         </footer>
     </div>

83205ec

50a1eb0

views/pages/Etc.html

--- views/pages/Etc.html

+++ views/pages/Etc.html

...	...	@@ -104,6 +104,10 @@
104	104	.dropdown {
105	105	background-color: #fff !important;
106	106	}
	107	+ .etc-text-deco p{
	108	+ padding-left: 10px;
	109	+ margin-bottom: 10px;
	110	+ }
107	111	</style>
108	112
109	113
...	...	@@ -121,19 +125,25 @@
121	125	<div class="etc-wrap-title mb30 pt60">
122	126	<h1 class="mb20">기타사례</h1>
123	127	</div>
124		- <div class="flex justify-between box-wrap etc-grid-box" style="width: 100%; gap: 20px; ">
125		- <div class="etc-box solution-ani">
	128	+ <div class="flex justify-between box-wrap etc-grid-box" style="width: 100%; gap: 30px; flex-wrap: nowrap;">
	129	+ <div class="etc-box solution-ani" style="margin-left: 70px;">
126	130	<img src="../../resources/img/common/etc-img.png" alt="">
127		- <p class="etc-box-title">정부혁신 웹사이트 기능개선 및 유지관리</p>
128		- <p>- 혁신24 웹사이트 UI/UX 개선 및 검색 알고리즘 기능 개선 등을 통한 유지관리</p>
129		- <p>- 웹사이트 개편을 통한 관리자 업무 효율성 확대</p>
130		- <p>- 홈페이지 검색 기능 강화와 직관적인 UI/UX 디자인을 적용하여 정보 접근성 개선</p>
	131	+ <p class="etc-box-title pd20">정부혁신 웹사이트 기능개선 및 유지관리</p>
	132	+ <div class="etc-text-deco">
	133	+
	134	+ <p> 혁신24 웹사이트 UI/UX 개선 및 검색 알고리즘 기능 개선 등을 통한 유지관리</p>
	135	+ <p> 웹사이트 개편을 통한 관리자 업무 효율성 확대</p>
	136	+ <p> 홈페이지 검색 기능 강화와 직관적인 UI/UX 디자인을 적용하여 정보 접근성 개선</p>
	137	+ </div>
131	138	</div>
132		- <div class="etc-box solution-ani">
	139	+ <div class="etc-box solution-ani"style="margin-right: 70px;">
133	140	<img src="../../resources/img/common/etc-img2.png" alt="">
134		- <p class="etc-box-title">AI 디지털교과서 통합지원센터 모델발굴 및 시범운영</p>
135		- <p>- AI 디지털교과서 통합지원센터 홈페이지 프로토타입 개발 및 운영</p>
136		- <p>- AI 디지털교과서 개발사 및 에듀테크 기업의 특성을 고려한 다양한 개발 지원 모델 개발</p>
	141	+ <p class="etc-box-title pt20 pb20">AI 디지털교과서 통합지원센터 모델발굴 및 시범운영</p>
	142	+ <div class="etc-text-deco">
	143	+
	144	+ <p> AI 디지털교과서 통합지원센터 홈페이지 프로토타입 개발 및 운영</p>
	145	+ <p> AI 디지털교과서 개발사 및 에듀테크 기업의 특성을 고려한 다양한 개발 지원 모델 개발</p>
	146	+ </div>
137	147	</div>
138	148
139	149	</div>

83205ec

50a1eb0

views/pages/Marketing.html

--- views/pages/Marketing.html

+++ views/pages/Marketing.html


     <div id="header"></div>
 
     <div class=" marketing-wrapper pb100">
-        <div class="marketing-wrap-title mb70">
+        <div class="marketing-wrap-title mb50">
             <h1>Marketing</h1>
         </div>
         <div class="marketing-area ">

83205ec

50a1eb0

views/pages/SmartCtiy.html

--- views/pages/SmartCtiy.html

+++ views/pages/SmartCtiy.html

...	...	@@ -19,7 +19,7 @@
19	19	footer {
20	20	width: 100%;
21	21	/* height: 300px; */
22		- padding: 30px;
	22	+ padding: 40px;
23	23	/* opacity: 0; */
24	24	/* display: none; */
25	25	position: relative;
...	...	@@ -86,15 +86,15 @@
86	86	flex-wrap: nowrap;
87	87	}
88	88
89		-
	89	+
90	90
91	91	.etc-wrap-text {
92	92	width: 100%;
93	93	}
94	94
95		-
96	95
97		-
	96	+
	97	+
98	98	.dropdown {
99	99	background-color: #fff !important;
100	100	}
...	...	@@ -118,23 +118,29 @@
118	118	제공합니다.</p>
119	119	</div>
120	120	<div class="etc-wrap-text flex justify-between" style="flex-wrap: nowrap; gap: 30px;">
121		- <div class="solution-ani text-box">
	121	+ <div class="solution-ani text-box ">
122	122	<img src="../../resources/img/common/smart-img3.png" alt="">
123		- <p class="box-wrap-title mb20">AI 안전통합 횡단보도 플랫폼</p>
124		- <p>- 횡단보도 보행자 상황을 차량 내비게이션에 전달하여 우회전시 사고 예방</p>
125		- <p>- 무단횡단을 방지하는 플랫폼 기반 스마트 횡단보도 안전관리 솔루션</p>
	123	+ <p class="box-wrap-title mb20 mt20">AI 안전통합 횡단보도 플랫폼</p>
	124	+ <div class="etc-text-deco">
	125	+ <p> 횡단보도 보행자 상황을 차량 내비게이션에 전달하여 우회전시 사고 예방</p>
	126	+ <p> 무단횡단을 방지하는 플랫폼 기반 스마트 횡단보도 안전관리 솔루션</p>
	127	+ </div>
126	128	</div>
127	129	<div class=" solution-ani text-box">
128	130	<img src="../../resources/img/common/smart-img2.png" alt="">
129		- <p class="box-wrap-title mb20">시니어 스마트 케어 모니터링 서비스</p>
130		- <p>- 약 복용 지도를 통해 독거노인의 보호자 뿐만 아니라 관리기관, 병원 관계자 까지 약 복용에 대한 확인이 가능한 플랫폼 구축</p>
131		- <p>- IOT 기술을 결합하여 약 복용 모니터링 구조를 개선하고 복지 사각지대를 보완할 수 있는 장치 마련</p>
	131	+ <p class="box-wrap-title mb20 mt20">시니어 스마트 케어 모니터링 서비스</p>
	132	+ <div class="etc-text-deco">
	133	+ <p> 약 복용 지도를 통해 독거노인의 보호자 뿐만 아니라 관리기관, 병원 관계자 까지 약 복용에 대한 확인이 가능한 플랫폼 구축</p>
	134	+ <p> IOT 기술을 결합하여 약 복용 모니터링 구조를 개선하고 복지 사각지대를 보완할 수 있는 장치 마련</p>
	135	+ </div>
132	136	</div>
133	137	<div class="solution-ani text-box">
134	138	<img src="../../resources/img/common/smart-img1.png" alt="">
135		- <p class="box-wrap-title mb20">전력 에너지 모니터링 시스템</p>
136		- <p>- 수요반응 자원시장의 참여고객 기업별 전력량을 AI 기반으로 가공 및 분석</p>
137		- <p>- 전력량 실시간 확인 및 예측 시스템 (피크 시간대 예측, 주변 지역 사용량)</p>
	139	+ <p class="box-wrap-title mb20 mt20">전력 에너지 모니터링 시스템</p>
	140	+ <div class="etc-text-deco">
	141	+ <p> 수요반응 자원시장의 참여고객 기업별 전력량을 AI 기반으로 가공 및 분석</p>
	142	+ <p> 전력량 실시간 확인 및 예측 시스템 (피크 시간대 예측, 주변 지역 사용량)</p>
	143	+ </div>
138	144	</div>
139	145
140	146	</div>
...	...	@@ -147,9 +153,9 @@
147	153	<img src="../../resources/img/component/logo-w.png" alt="">
148	154	</div>
149	155	<hr>
150		- <div class="footer-text pt10">
	156	+ <div class="footer-text pt10 pb40">
151	157	<div class="flex justify-between ">
152		-
	158	+
153	159	<p>대표자 ) 임상현</p>
154	160	<p style="width: 17.5%;">FAX ) 053-811-1701</p>
155	161	</div>
...	...	@@ -160,7 +166,7 @@
160	166	<p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
161	167	<p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>
162	168	</div>
163		- <p class="copyright">© 2021.Takensoft.all rights reserved.</p>
	169	+ <p class="copyright">Copyright 2021. Takensoft. all rights reserved.</p>
164	170	</div>
165	171	</footer>
166	172	</div>

83205ec

50a1eb0

views/pages/Solution.html

--- views/pages/Solution.html

+++ views/pages/Solution.html

...	...	@@ -93,7 +93,6 @@
93	93	display: block;
94	94	width: 100%;
95	95	object-fit: cover;
96		- padding: 5rem 0 1.9rem 0;
97	96	z-index: 3;
98	97	}
99	98	.dropdown {
...	...	@@ -112,13 +111,13 @@
112	111	<div class=" text-area pb60 pt120 slide-section flex align-center solution"
113	112	style="align-content: center;">
114	113
115		- <div class="solution-title mb60">
	114	+ <div class="solution-title mb40">
116	115	<p>Taken BI Manager v1.0</p>
117	116	</div>
118		- <div class="flex justify-between align-end taken-wrap-box " style="flex-wrap: nowrap; gap: 20px;">
	117	+ <div class="flex justify-between align-end taken-wrap-box " style="flex-wrap: nowrap; gap: 30px;">
119	118	<div class="taken-area taken-conteiner flex align-end solution-web-box"
120		- style="gap: 20px; height: 100%; width: 50%;">
121		- <img src="../../resources/img/common/solution-img1.png" alt="" class="mb40">
	119	+ style="gap: 30px; height: 100%; width: 50%;">
	120	+ <img src="../../resources/img/common/solution-img1.png" alt="" >
122	121	<div class="taken-box flex justify-between" style="flex-wrap: nowrap; ">
123	122	<p>데이터 수집,저장,관리</p>
124	123	<p>솔루션 제공 기반 맞춤형 서비스</p>
...	...	@@ -130,24 +129,24 @@
130	129	<p>데이터 수집,저장,관리 기반 솔루션 제공 맞춤형 서비스를 제공합니다.</p>
131	130	<p>Taken BI Manager는 AI기반의 빅데이터 플랫폼으로 데이터를 활용하여 데이터를 분석하고 고객 맞춤형으로 다양한 콘텐츠 및 시각화
132	131	서비스를 제공합니다.</p>
133		- <P>데이터의 수집 / 관리 / 분석 / 시각화 4가지 기능을 플랫폼 하나로 효율적인 데이터관리가 가능</P>
	132	+ <P>데이터의 <span>수집 / 관리 / 분석 / 시각화 4가지 기능</span>을 플랫폼 하나로 효율적인 데이터관리가 가능</P>
134	133	</div>
135		- <div class="solution-text-box">
136		- <h3 class="text-box-title mb10 ml30">주요기능</h3>
137		- <p>- File Data에 대한 수집 및 전처리를 통한 DB 표준화 기능 제공</p>
138		- <p>- 데이터 마트에 구성된 모델과 연동되어 타기관 데이터 이관 서비스 제공</p>
139		- <p>- 데이터 및 분석 결과를 표현하기 위한 그리드 기능 제공</p>
	134	+ <div class="solution-text-box solution-deco">
	135	+ <h3 class="text-box-title ">주요기능</h3>
	136	+ <p> File Data에 대한 수집 및 전처리를 통한 DB 표준화 기능 제공</p>
	137	+ <p> 데이터 마트에 구성된 모델과 연동되어 타기관 데이터 이관 서비스 제공</p>
	138	+ <p> 데이터 및 분석 결과를 표현하기 위한 그리드 기능 제공</p>
140	139	</div>
141		- <div class="solution-text-box">
142		- <h3 class="text-box-title ml30">특장점</h3>
143		- <div class="flex " style="gap: 10px; flex-wrap: nowrap;">
	140	+ <div class="solution-text-box solution-deco-sub">
	141	+ <h3 class="text-box-title ">특장점</h3>
	142	+ <div class="flex " style="gap: 80px; flex-wrap: nowrap;">
144	143	<div class="flex-column">
145		- <p>- DB 연계형 데이터 수집 서비스</p>
146		- <p>- 데이터 시각화 시스템</p>
	144	+ <p class=""> DB 연계형 데이터 수집 서비스</p>
	145	+ <p class=""> 데이터 시각화 시스템</p>
147	146	</div>
148	147	<div class="flex-column">
149		- <p>- 데이터 저장/관리 시스템</p>
150		- <p>- 관리 서비스 시스템</p>
	148	+ <p class=""> 관리 서비스 시스템</p>
	149	+ <p class=""> 데이터 저장/관리 시스템</p>
151	150	</div>
152	151	</div>
153	152	</div>
...	...	@@ -158,7 +157,7 @@
158	157	<div class="swiper-slide">
159	158	<div class=" text-area pb60 pt120 slide-section flex align-center" style="align-content: center;">
160	159
161		- <div class="traffic-title mb20">
	160	+ <div class="traffic-title">
162	161	<p>Traffic Agent</p>
163	162	</div>
164	163	<div class="flex justify-end traffic-button ">
...	...	@@ -174,38 +173,40 @@
174	173	</div>
175	174	</div>
176	175
177		- <div class="flex justify-between align-end taken-wrap-box" style="flex-wrap: nowrap; gap: 20px; ">
	176	+ <div class="flex justify-between align-end taken-wrap-box" style="flex-wrap: nowrap; gap: 30px; ">
178	177
179	178	<div class="taken-area taken-conteiner flex align-end solution-after" style="height: 100%;">
180	179	<div class="text-after mb20">
181	180	<p>위치정보를 기반으로 반복 이동에 대한 교통상황을 분석하여 최적의 경로를 추천하고 교통상황 정보를 공유합니다.</p>
182	181
183	182	</div>
184		- <div class="flex solution-area" style="gap: 20px; ">
	183	+ <div class="flex solution-area" style="gap: 23px; ">
185	184
186		- <div class="solution-text-box " style="padding: 15px 33px; ">
187		- <h3 class="text-box-title mb10 ml30">주요기능</h3>
188		- <p>- 스마트폰 사용자로부터 실시간 위치 정보를 수집</p>
189		- <p>- 반복 이동 거리에 대한 교통상황 정보 비교 분석</p>
190		- <p>- 안개 발생시 도로교통위험 상황 분석 AI 모델을 탑재한 모니터링 시스템</p>
191		- <p>- 도로교통 위험 상황분석 및 AI 모델을 활용하여 안개 감지 및 위험 경고 알림 기능 탑재</p>
	185	+ <div class="solution-text-box solution-deco">
	186	+ <h3 class="text-box-title ">주요기능</h3>
	187	+ <p> 스마트폰 사용자로부터 실시간 위치 정보를 수집</p>
	188	+ <p> 반복 이동 거리에 대한 교통상황 정보 비교 분석</p>
	189	+ <p> 안개 발생시 도로교통위험 상황 분석 AI 모델을 탑재한 모니터링 시스템</p>
	190	+ <p> 도로교통 위험 상황분석 및 AI 모델을 활용하여 안개 감지 및 위험 경고 알림 기능 탑재</p>
192	191	</div>
193		- <div class="solution-text-box">
194		- <h3 class="text-box-title ml30">특장점</h3>
	192	+ <div class="solution-text-box solution-deco">
	193	+ <h3 class="text-box-title ">특장점</h3>
195	194
196		- <p>- 머신 러닝 및 활동 기반 교통 모형 활용 이동 패턴 분석</p>
197		- <p>- 이동 거리 및 이동 시간 바탕 최적 경로 추천 기능</p>
198		- <p>- 위치정보 공유 및 검색 기능</p>
	195	+ <p> 머신 러닝 및 활동 기반 교통 모형 활용 이동 패턴 분석</p>
	196	+ <p> 이동 거리 및 이동 시간 바탕 최적 경로 추천 기능</p>
	197	+ <p> 위치정보 공유 및 검색 기능</p>
199	198
200	199
201	200	</div>
202	201	</div>
203	202	</div>
204	203	<div class="traffic-area flex align-end justify-end solution-web-box"
205		- style="height: 100%; width: 100%;">
	204	+ style="height: 100%; width: 100%; gap: 19px;">
206	205
	206	+ <div class=" traffic-img-box">
	207	+ <img src="../../resources/img/common/traffic-img.png" alt="" style="height: 370px; ">
207	208
208		- <img src="../../resources/img/common/traffic-img.png" alt="" style="height: 356px;">
	209	+ </div>
209	210	<div class="taken-box flex justify-between" style="flex-wrap: nowrap;">
210	211	<p>스마트폰 사용자로부터<br> 실시간 위치 정보 수집</p>
211	212	<p>반복 이동 거리에 대한<br> 교통상황 정보 비교 분석</p>
...	...	@@ -233,8 +234,8 @@
233	234	<video src="../../resources/img/common/meta.mp4" autoplay muted controls></video>
234	235	</div>
235	236	</div>
236		- <div class="flex justify-between align-end taken-wrap-box" style="flex-wrap: nowrap; gap: 20px; ">
237		- <div class="ai-area flex align-end solution-web-box" style="height: 100%; width: 100%;">
	237	+ <div class="flex justify-between align-end taken-wrap-box" style="flex-wrap: nowrap; gap: 30px; ">
	238	+ <div class="ai-area flex align-end solution-web-box" style="height: 100%; width: 100%; gap: 20px;">
238	239
239	240	<img src="../../resources/img/common/ai-img.png" alt="">
240	241	<div class="taken-box flex justify-between" style="flex-wrap: nowrap;">
...	...	@@ -242,29 +243,29 @@
242	243	<p>GIS 기반 통합 관제<br> 시스템 구축</p>
243	244	</div>
244	245	</div>
245		- <div class="taken-area taken-conteiner flex align-end" style="gap: 20px; width: 100%;">
	246	+ <div class="taken-area taken-conteiner flex align-end" style="gap: 23px; width: 100%;">
246	247
247	248	<div class="text-after solution-area-two">
248	249	<p>AI 안전통합 횡단보도 플랫폼으로 횡단보도의 보행자 상황을 차량 내비게이션에 전달하여 우회전 시 사고를 예방합니다.</p>
249	250	</div>
250		- <div class="solution-text-box ">
251		- <h3 class="text-box-title mb10 ml30">주요기능</h3>
	251	+ <div class="solution-text-box solution-deco">
	252	+ <h3 class="text-box-title">주요기능</h3>
252	253
253		- <p>- 운전자를 위한 내비게이션 안내 서비스 제공</p>
254		- <p>- 특정 이벤트 (무단횡단,우회전 감지) 발생시 플랫폼에서 이벤트 발생 정보 확인 기능</p>
255		- <p>- 최적의 실시간 관제 서비스 구축 및 원격지 장비 관리 효율화</p>
256		- <p>- 원격지 제어 관리 시스템 지원(음성 제어, 음원 선택기능, 데이터 전송 제어,원격 리셋 가능) </p>
	254	+ <p> 운전자를 위한 내비게이션 안내 서비스 제공</p>
	255	+ <p> 특정 이벤트(무단횡단,우회전 감지)발생시 플랫폼에서 이벤트 발생 정보 확인 기능</p>
	256	+ <p> 최적의 실시간 관제 서비스 구축 및 원격지 장비 관리 효율화</p>
	257	+ <p> 원격지 제어 관리 시스템 지원(음성 제어, 음원 선택기능, 데이터 전송 제어,원격 리셋 가능) </p>
257	258	</div>
258		- <div class="solution-text-box">
259		- <h3 class="text-box-title ml30">특장점</h3>
260		- <div class="flex" style=" flex-wrap: nowrap;">
	259	+ <div class="solution-text-box solution-deco-sub">
	260	+ <h3 class="text-box-title">특장점</h3>
	261	+ <div class="flex" style=" flex-wrap: nowrap; gap:20px;">
261	262	<div class="flex-column">
262		- <p>- 횡단보도 관제 분석 시스템 구축</p>
263		- <p>- 현장모니터링 화면 구성</p>
	263	+ <p class="pl10"> 횡단보도 관제 분석 시스템 구축</p>
	264	+ <p class="pl10"> 현장모니터링 화면 구성</p>
264	265	</div>
265	266	<div class="flex-column">
266		- <p>- 모니터링 대시보드 구축(데이터 분석 시각화)</p>
267		- <p>- GIS 기반 관제 화면 구성</p>
	267	+ <p class="pl10"> 모니터링 대시보드 구축(데이터 분석 시각화)</p>
	268	+ <p class="pl10"> GIS 기반 관제 화면 구성</p>
268	269	</div>
269	270	</div>
270	271	</div>
...	...	@@ -283,7 +284,7 @@
283	284
284	285	<div class="video-wrap video-wrap3">
285	286	<div class="traffic-video">
286		- <div class="flex justify-between viedeo-text-box">
	287	+ <div class="flex justify-between viedeo-text-box pb10">
287	288	<p>이동데이터 기반 성지순례길 메타버스 플랫폼</p>
288	289	<p class="close-btn3">x</p>
289	290	</div>
...	...	@@ -291,25 +292,25 @@
291	292	controls></video>
292	293	</div>
293	294	</div>
294		- <div class="flex justify-between align-end taken-wrap-box" style="flex-wrap: nowrap; gap: 20px;">
	295	+ <div class="flex justify-between align-end taken-wrap-box" style="flex-wrap: nowrap; gap: 30px;">
295	296
296		- <div class="taken-area taken-conteiner flex align-end " style="gap: 20px;">
	297	+ <div class="taken-area taken-conteiner flex align-end " style="gap: 23px;">
297	298	<div class="text-after ">
298	299	<p>공간컴퓨팅 기반으로 온라인과 오프라인을 연결하여 사용자간 소통/공감이 가능한 지역 공감 가상화 컨텐츠를 제공합니다.</p>
299	300
300	301	</div>
301		- <div class="solution-text-box" style="padding: 15px 33px;">
302		- <h3 class="text-box-title mb10 ml30">주요기능</h3>
303		- <p>- 가상현실의 인터페이스와 물리공간 간의 AI 기반으로 상호작용 및 서비스 지원</p>
304		- <p>- 사용자의 이동데이터(걸음수)를 연동한 WEB기반 메타버스 플랫폼</p>
305		- <p>- 물리공간,가상공간 데이터를 연결하여 음성 및 문자를 활용한 온/오프라인 소통</p>
	302	+ <div class="solution-text-box solution-deco">
	303	+ <h3 class="text-box-title ">주요기능</h3>
	304	+ <p> 가상현실의 인터페이스와 물리공간 간의 AI 기반으로 상호작용 및 서비스 지원</p>
	305	+ <p> 사용자의 이동데이터(걸음수)를 연동한 WEB기반 메타버스 플랫폼</p>
	306	+ <p> 물리공간,가상공간 데이터를 연결하여 음성 및 문자를 활용한 온/오프라인 소통</p>
306	307	</div>
307		- <div class="solution-text-box">
308		- <h3 class="text-box-title ml30">특장점</h3>
	308	+ <div class="solution-text-box solution-deco">
	309	+ <h3 class="text-box-title ">특장점</h3>
309	310
310		- <p>- 3D 기반의 가상공간 제공 서비스(3차원 공간 정보 데이터 구현)</p>
311		- <p>- 실시간 채팅 및 방명록 기능 탑재</p>
312		- <p>- 이동데이터를 수집하여 걸음 수 측정을 통한 위치 공유 서비스</p>
	311	+ <p> 3D 기반의 가상공간 제공 서비스(3차원 공간 정보 데이터 구현)</p>
	312	+ <p> 실시간 채팅 및 방명록 기능 탑재</p>
	313	+ <p> 이동데이터를 수집하여 걸음 수 측정을 통한 위치 공유 서비스</p>
313	314
314	315
315	316	</div>
...	...	@@ -330,35 +331,35 @@
330	331
331	332	<div class=" text-area pb60 pt120 slide-section flex align-center" style="align-content: center;">
332	333
333		- <div class="smart-title mb30" style="word-break: keep-all;">
	334	+ <div class="smart-title mb60" style="word-break: keep-all;">
334	335	<p>스마트제조 데이터 모니터링 서비스</p>
335	336	</div>
336	337	<div class="flex justify-between align-end taken-wrap-box"
337		- style="flex-wrap: nowrap; gap: 20px;">
	338	+ style="flex-wrap: nowrap; gap: 30px;">
338	339	<div class="smart-area flex align-end solution-web-box " style="height: 100%; width: 100%;">
339	340
340		- <img src="../../resources/img/common/smart-img.png" alt="" class="mb30">
	341	+ <img src="../../resources/img/common/smart-img.png" alt="" class="mb40">
341	342	<div class="taken-box flex justify-between" style="flex-wrap: nowrap;">
342	343	<p>공정상의 데이터를 수집<br>데이터 활용 체계 마련</p>
343	344	<p>웹 및 앱 모니터링<br> 시스템 구축</p>
344	345	</div>
345	346	</div>
346		- <div class="taken-area taken-conteiner flex " style="gap: 20px; height: 100%;">
	347	+ <div class="taken-area taken-conteiner flex " style="gap: 23px; height: 100%;">
347	348
348	349	<div class="text-after">
349	350	<p>제조기업의 공정상 생산성 극대화를 위해 제조업체의 공정을 분석 및 시각화 하여 편리한 모니터링 서비스를 제공합니다.</p>
350	351	</div>
351		- <div class="solution-text-box">
352		- <h3 class="text-box-title mb10 ml30">주요기능</h3>
353		- <p>- 실제 제조 라인 공정 특징을 반영한 웹 및 앱 모니터링 서비스 구축</p>
354		- <p>- 데이터 수집, 분석, 시각화를 통한 차트,플롯, 인포그래픽 등 데이터별 맞춤 시각 그래픽 화면 적용</p>
355		- <p>- 내부 공정 관련 데이터의 AI 가공을 통한 데이터를 활용하여 공정 현황을 통합적으로 파악</p>
	352	+ <div class="solution-text-box solution-deco">
	353	+ <h3 class="text-box-title ">주요기능</h3>
	354	+ <p> 실제 제조 라인 공정 특징을 반영한 웹 및 앱 모니터링 서비스 구축</p>
	355	+ <p> 데이터 수집, 분석, 시각화를 통한 차트,플롯, 인포그래픽 등 데이터별 맞춤 시각 그래픽 화면 적용</p>
	356	+ <p> 내부 공정 관련 데이터의 AI 가공을 통한 데이터를 활용하여 공정 현황을 통합적으로 파악</p>
356	357	</div>
357		- <div class="solution-text-box">
358		- <h3 class="text-box-title ml30">특장점</h3>
359		- <p>- 반응형 모니터링 서비스로 PC, 모바일, 테블릿 등 다양한 기기 지원</p>
360		- <p>- 이상 상태 조건 데이터 발견 시 문제 발생 알림</p>
361		- <p>- 현재 공정 과정 모니터링 기능</p>
	358	+ <div class="solution-text-box solution-deco" >
	359	+ <h3 class="text-box-title ">특장점</h3>
	360	+ <p> 반응형 모니터링 서비스로 PC, 모바일, 테블릿 등 다양한 기기 지원</p>
	361	+ <p> 이상 상태 조건 데이터 발견 시 문제 발생 알림</p>
	362	+ <p> 현재 공정 과정 모니터링 기능</p>
362	363	</div>
363	364	</div>
364	365	</div>

83205ec

50a1eb0

views/pages/Visualization.html

--- views/pages/Visualization.html

+++ views/pages/Visualization.html


         footer {
             width: 100%;
             /* height: 300px; */
-            padding: 30px;
+            padding: 40px;
             /* opacity: 0; */
             /* display: none; */
             position: relative;

 
                         <div class="solution-ani">
                             <img src="../../resources/img/common/visual-img1.png" alt="">
-                            <p>영천시 지역별 인구 추이 분석</p>
+                            <p class="mt20">영천시 지역별 인구 추이 분석</p>
                         </div>
                         <div class="solution-ani">
                             <img src="../../resources/img/common/visual-img2.png" alt="">
-                            <p>포항시 지역별 인구 추이 분석</p>
+                            <p class="mt20">포항시 지역별 인구 추이 분석</p>
                         </div>
                         <div class="solution-ani">
                             <img src="../../resources/img/common/visual-img3.png" alt="">
-                            <p>스마트 제조 공정관리 모니터링 플랫폼</p>
+                            <p class="mt20">스마트 제조 공정관리 모니터링 플랫폼</p>
                         </div>
 
                     </div>

 
                         <div class="solution-ani">
                             <img src="../../resources/img/common/visual-img4.png" alt="">
-                            <p>전력데이터 분석 시각화<br> 상주시 지역화폐 분석</p>
+                            <p class="mt20">전력데이터 분석 시각화<br> 상주시 지역화폐 분석</p>
                         </div>
                         <div class="solution-ani">
                             <img src="../../resources/img/common/visual-img5.png" alt="">
-                            <p>시니어 스마트 케어 모니터링 플랫폼</p>
+                            <p class="mt20">시니어 스마트 케어 모니터링 플랫폼</p>
                         </div>
                         <div class="solution-ani">
                             <img src="../../resources/img/common/visual-img6.png" alt="">
-                            <p>공정 및 외부 환경 관제 시각화</p>
+                            <p class="mt20">공정 및 외부 환경 관제 시각화</p>
                         </div>
                         <div class="solution-ani">
                             <img src="../../resources/img/common/visual-img7.png" alt="">
-                            <p>상주시 부서별 재정 분석</p>
+                            <p class="mt20">상주시 부서별 재정 분석</p>
                         </div>
                     </div>
                 </div>

                     <img src="../../resources/img/component/logo-w.png" alt="">
                 </div>
                 <hr>
-                <div class="footer-text pt10">
+                <div class="footer-text pt10 pb40">
                     <div class="flex justify-between ">
     
                         <p>대표자 ) 임상현</p>

                     <p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
                     <p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>
                 </div>
-                <p class="copyright">&copy; 2021.Takensoft.all rights reserved.</p>
+                <p class="copyright">Copyright 2021. Takensoft. all rights reserved.</p>
             </div>
         </footer>
     </div>

Add a comment

Open 0
Closed 0

List

...	...	@@ -61,27 +61,15 @@
61	61	font-display: swap;
62	62	src: local('Pretendard Thin'), url(../font/Pretendard-Thin.woff2) format('woff2'), url(../font/Pretendard-Thin.woff) format('woff');
63	63	}
64		-
65	64	@font-face {
66		- font-family: "GmarketSansM";
67		- src: url("/client/resources/font/GmarketSansMedium.woff") format("woff");
68		- font-weight: normal;
69		- font-style: normal;
	65	+ font-family: 'MontserratBlack';
	66	+ src: url('../font/Montserrat-Black.ttf') format('truetype');
	67	+}
	68	+@font-face {
	69	+ font-family: 'MontserratBolde';
	70	+ src: url('../font/Montserrat-Bold.ttf') format('truetype');
70	71	}
71	72
72		-@font-face {
73		- font-family: "GmarketSansL";
74		- src: url("/client/resources/font/GmarketSansLight.woff") format("woff");
75		- font-weight: normal;
76		- font-style: normal;
77		-}
78		-
79		-@font-face {
80		- font-family: "GmarketSansB";
81		- src: url("/client/resources/font/GmarketSansBold.woff") format("woff");
82		- font-weight: bold;
83		- font-style: normal;
84		-}
85	73
86	74	* {
87	75	padding: 0;

...	...	@@ -247,7 +247,7 @@
247	247	}
248	248
249	249	.box-wrap-title {
250		- font-size: 1.3rem !important;
	250	+ font-size: 1.5rem !important;
251	251	font-weight: 800;
252	252	margin-bottom: 0px;
253	253	}
...	...	@@ -291,9 +291,10 @@
291	291	.text-area {
292	292	width: 100% !important;
293	293	height: 100% !important;
294		- padding: 12rem 2rem;
	294	+ padding: 6rem 2rem;
295	295	}
296		-
	296	+ .year span{
	297	+display: none; }
297	298	.innerSwiper-title {
298	299	font-size: 1.7rem;
299	300	}
...	...	@@ -319,6 +320,7 @@
319	320
320	321	.portfolio-text {
321	322	padding-left: 2rem;
	323	+ margin-bottom: 1rem;
322	324	}
323	325
324	326	.marketing-wrap-title h1::after {
...	...	@@ -327,14 +329,14 @@
327	329	background-size: 20px;
328	330	transform: translateX(-50%);
329	331	}
330		-
	332	+
331	333	.marketing-area {
332	334	width: 100%;
333	335	grid-template-columns: 1fr;
334	336	}
335	337
336	338	.marketing-title {
337		- font-size: 1.8rem;
	339	+ font-size: 1.8rem !important;
338	340	}
339	341
340	342	.gradient-bottom {
...	...	@@ -400,9 +402,9 @@
400	402	width: 100%;
401	403	}
402	404
403		- #footer {
	405	+ footer {
404	406	width: 100%;
405		- padding: 20px;
	407	+ padding: 20px !important;
406	408	}
407	409
408	410	.footer-wrap {
...	...	@@ -429,12 +431,14 @@
429	431	padding: 9rem 2rem;
430	432	}
431	433
432		- #footer img {
433		- width: 100px !important;
	434	+ footer img {
	435	+ width: 50% !important;
	436	+ height: 50%;
434	437	}
435	438
436	439	.container {
437	440	width: 100%;
	441	+ height: 70% !important;
438	442	}
439	443
440	444	.about-title-sub {
...	...	@@ -554,6 +558,7 @@
554	558	}
555	559
556	560	.about-vision-box img {
	561	+ width: 100%;
557	562	height: 150px;
558	563	display: block;
559	564	object-fit: contain;
...	...	@@ -570,7 +575,7 @@
570	575	}
571	576
572	577	.active-year {
573		- font-size: 2rem;
	578	+ font-size: 3rem;
574	579	}
575	580
576	581	.contents {
...	...	@@ -691,22 +696,23 @@
691	696	}
692	697
693	698	#smart .box-wrap-title {
694		- display: block !important;
	699	+ font-size: 1.6rem !important;
695	700	font-weight: 600 !important;
	701	+ word-break: keep-all;
	702	+
696	703	}
697	704
698	705	#etc .etc-box-title {
699		- display: block !important;
700	706	font-weight: 600 !important;
701	707	width: 100%;
702	708	}
703	709
704	710	#smart .etc-wrap-text div p,
705	711	#etc .etc-box p {
706		- font-size: 1rem;
	712	+ font-size: 1.4rem;
707	713	padding: 0px;
708		- font-weight: 200;
709		- display: none;
	714	+ text-align: center;
	715	+ font-weight: 400;
710	716	}
711	717
712	718	.solution-area {
...	...	@@ -729,6 +735,8 @@
729	735
730	736	.solution-text-box div div p {
731	737	width: 100%;
	738	+ margin-left: 3px;
	739	+ padding-left: 1.2rem;
732	740	}
733	741
734	742	.etc-wrap-text,
...	...	@@ -750,9 +758,7 @@
750	758	}
751	759
752	760
753		- .box-wrap div {
754		- padding: 1rem;
755		- }
	761	+
756	762
757	763	.traffic-video {
758	764	width: 90%;
...	...	@@ -779,8 +785,9 @@
779	785
780	786	.etc-wrap-text p,
781	787	.box-wrap p {
782		- font-size: 1.5rem;
	788	+ font-size: 1.6rem;
783	789	margin-bottom: 2rem;
	790	+ font-weight: 500;
784	791	}
785	792
786	793
...	...	@@ -832,11 +839,6 @@
832	839	padding-top: 0rem;
833	840	}
834	841
835		- .etc-box-title {
836		- font-weight: 900;
837		- text-align: center !important;
838		- font-size: 2.2rem !important;
839		- }
840	842
841	843	.etc-box p {
842	844	text-align: left;
...	...	@@ -846,7 +848,10 @@
846	848	grid-template-columns: 1fr 1fr 1fr !important;
847	849	}
848	850
849		-
	851	+.etc-box{
	852	+ margin-left: 0px !important;
	853	+ margin-right: 0px !important;
	854	+}
850	855	.box-wrap img {
851	856	width: 100%;
852	857	padding-bottom: 0rem !important;
...	...	@@ -860,23 +865,37 @@
860	865	.smart-title {
861	866	margin-bottom: 10px !important;
862	867	}
863		-
	868	+ .year{
	869	+ font-size: 2rem;
	870	+ }
864	871	.box-wrap div p {
865	872	text-align: center;
866	873	margin: 0 auto;
867		- padding: 1px;
	874	+ word-break: keep-all;
	875	+ font-weight: 400 !important;
	876	+ padding: 10px 0 !important;
868	877	margin-bottom: 0rem !important;
869		- font-size: 1.5rem !important;
870	878	}
871		-
	879	+ .etc-text-deco p::after{
	880	+ display: none;
	881	+ }
	882	+ .solution-deco p{
	883	+ margin-left: 0.4rem;
	884	+ }
	885	+.traffic-img-box{
	886	+ width: 100% !important;
	887	+}
	888	+.traffic-img-box img{
	889	+ width: 100% !important;
	890	+ object-fit: cover !important;
	891	+}
872	892	.etc-box-title {
873	893	font-weight: 700;
874	894	text-align: center !important;
875		- font-size: 2.2rem !important;
	895	+ font-size: 1.6rem !important;
876	896	}
877	897
878	898	.box-wrap div div {
879		- display: none;
880	899	height: 37% !important;
881	900	}
882	901
...	...	@@ -1021,6 +1040,13 @@
1021	1040	width: 100%;
1022	1041	text-align: right;
1023	1042	}
	1043	+ .traffic-img-box{
	1044	+ width: 100% !important;
	1045	+ }
	1046	+ .traffic-img-box img{
	1047	+ width: 100% !important;
	1048	+ object-fit: cover !important;
	1049	+ }
1024	1050
1025	1051	summary::-webkit-details-marker {
1026	1052	display: none;
...	...	@@ -1143,13 +1169,16 @@
1143	1169	background-color: #fff;
1144	1170	}
1145	1171
1146		-
	1172	+ .traffic-img-box img{
	1173	+ width: 100% !important;
	1174	+ object-fit: cover !important;
	1175	+ }
1147	1176
1148	1177	.solution-text,
1149	1178	.portfolio-text,
1150	1179	.map-text,
1151	1180	.about-title p:nth-child(1) {
1152		- font-size: 2.5rem !important;
	1181	+ font-size: 2.7rem !important;
1153	1182	padding-bottom: 1rem;
1154	1183	}
1155	1184
...	...	@@ -1163,24 +1192,27 @@
1163	1192	.ai-title p,
1164	1193	.meta-title p,
1165	1194	.smart-title p {
1166		- font-size: 2.3rem;
	1195	+ font-size: 2.5rem;
1167	1196	margin: 1rem;
1168	1197	word-break: keep-all;
1169	1198	}
1170	1199
1171	1200	.sub-text,
1172	1201	.solution-sub-text {
1173		- font-size: 1.3rem !important;
	1202	+ font-size: 1.8rem !important;
1174	1203	margin-bottom: 0rem;
	1204	+ word-break: keep-all;
1175	1205	}
1176		-
	1206	+ .accordion-sub-text{
	1207	+ font-size: 1.6rem !important;
	1208	+ }
1177	1209	.marketing-wrap-title h1 {
1178	1210	font-size: 3rem;
1179	1211	}
1180	1212
1181	1213	.accordion.active .accordion-num,
1182	1214	.accordion.active .accordion-num span {
1183		- font-size: 2rem;
	1215	+ font-size: 2.5rem;
1184	1216	}
1185	1217
1186	1218	.history-box {
...	...	@@ -1231,13 +1263,13 @@
1231	1263	}
1232	1264
1233	1265	.box p:nth-child(1) {
1234		- font-size: 1.4rem;
	1266	+ font-size: 1.8rem;
1235	1267	font-weight: 600;
1236	1268	}
1237	1269
1238	1270	.box p {
1239	1271	font-weight: 300;
1240		- font-size: 1.2rem;
	1272	+ font-size: 1.5rem;
1241	1273	}
1242	1274
1243	1275
...	...	@@ -1273,11 +1305,12 @@
1273	1305	}
1274	1306
1275	1307	.innerSwiper-title {
1276		- font-size: 1.7rem;
	1308	+ font-size: 1.9rem;
1277	1309	}
1278	1310
1279	1311	.innerSwiper-text {
1280		- font-size: 1.3rem;
	1312	+ word-break: keep-all;
	1313	+ font-size: 1.5rem;
1281	1314	}
1282	1315
1283	1316	.innerSwiper .swiper-slide {
...	...	@@ -1310,7 +1343,9 @@
1310	1343	width: 100%;
1311	1344	grid-template-columns: 1fr;
1312	1345	}
1313		-
	1346	+ .month{
	1347	+ width: 100%;
	1348	+ }
1314	1349	.marketing-title {
1315	1350	font-size: 1.8rem;
1316	1351	}
...	...	@@ -1353,12 +1388,12 @@
1353	1388	.address-tile {
1354	1389	width: 100%;
1355	1390	text-align: center;
1356		- font-size: 1.2rem;
	1391	+ font-size: 1.5rem;
1357	1392	padding-left: 0px;
1358	1393	}
1359	1394
1360	1395	.address-subtitle {
1361		- font-size: 1.1rem !important;
	1396	+ font-size: 1.4rem !important;
1362	1397	}
1363	1398
1364	1399	.address-tile::after {
...	...	@@ -1371,16 +1406,17 @@
1371	1406
1372	1407	.map-btn button {
1373	1408	/* width: 40%; */
1374		- font-size: 1.2rem;
	1409	+ font-size: 1.5rem;
	1410	+ font-weight: 500;
1375	1411	}
1376	1412
1377	1413	.address-box {
1378	1414	width: 100%;
1379	1415	}
1380	1416
1381		- #footer {
	1417	+ footer {
1382	1418	width: 100%;
1383		- padding: 20px;
	1419	+ padding: 20px !important;
1384	1420	}
1385	1421
1386	1422	.footer-wrap {
...	...	@@ -1393,8 +1429,8 @@
1393	1429
1394	1430	.footer-text div p,
1395	1431	.footer-text p {
1396		- width: 100%;
1397		- font-size: 1.2rem !important;
	1432	+ width: 100% !important;
	1433	+ font-size: 1.3rem !important;
1398	1434	padding-left: 0px !important;
1399	1435	}
1400	1436
...	...	@@ -1406,10 +1442,13 @@
1406	1442	width: 100%;
1407	1443	padding: 9rem 2rem;
1408	1444	}
1409		-
1410		- #footer img {
	1445	+.etc-box{
	1446	+ margin-left: 0px !important;
	1447	+ margin-right: 0px !important;
	1448	+}
	1449	+ /* footer img {
1411	1450	width: 100px !important;
1412		- }
	1451	+ } */
1413	1452
1414	1453	.container {
1415	1454	width: 100%;
...	...	@@ -1434,7 +1473,7 @@
1434	1473	}
1435	1474
1436	1475	.month-text p {
1437		- font-size: 1.2rem;
	1476	+ font-size: 1.6rem;
1438	1477	}
1439	1478
1440	1479	.about-radius,
...	...	@@ -1481,9 +1520,9 @@
1481	1520	padding: 10px;
1482	1521	}
1483	1522
1484		- .slideText p:last-child,
	1523	+
1485	1524	.slideTextDtail p {
1486		- font-size: 1.2rem;
	1525	+ font-size: 1.5rem;
1487	1526	}
1488	1527
1489	1528	.slideText p:first-child {
...	...	@@ -1502,15 +1541,18 @@
1502	1541
1503	1542	.solution-web-box img {
1504	1543	width: 100%;
	1544	+
1505	1545	object-fit: contain !important;
1506	1546	height: 200px !important;
1507		- margin-bottom: 0px !important;
	1547	+ margin-bottom: 20px !important;
1508	1548	}
1509		-
	1549	+.history-area{
	1550	+ gap: 0px !important;
	1551	+}
1510	1552
1511	1553	.month-text img {
1512	1554	width: 100px !important;
1513		- height: 150px;
	1555	+ height: 215px;
1514	1556	}
1515	1557
1516	1558
...	...	@@ -1556,7 +1598,7 @@
1556	1598
1557	1599	.taken-wrap-box {
1558	1600	width: 100% !important;
1559		- gap: 10px !important;
	1601	+ gap: 40px !important;
1560	1602	flex-direction: column;
1561	1603	}
1562	1604
...	...	@@ -1669,7 +1711,7 @@
1669	1711
1670	1712	#smart .etc-wrap-text div p,
1671	1713	#etc .etc-box p {
1672		- font-size: 1rem;
	1714	+ font-size: 2rem !important;
1673	1715	padding: 0px;
1674	1716	font-weight: 200;
1675	1717	display: none;
...	...	@@ -1714,10 +1756,10 @@
1714	1756	margin-bottom: 5px;
1715	1757	}
1716	1758
1717		-
1718		- .box-wrap div {
1719		- padding: 1rem;
	1759	+ .etc-wrap-text div{
	1760	+ flex-wrap: wrap !important;
1720	1761	}
	1762	+
1721	1763
1722	1764	.traffic-video {
1723	1765	width: 90%;
...	...	@@ -1731,7 +1773,7 @@
1731	1773
1732	1774	.traffic-button button {
1733	1775	padding: 7px 46px;
1734		- font-size: 1.2rem;
	1776	+ font-size: 1.5rem;
1735	1777	}
1736	1778
1737	1779	.taken-area p {
...	...	@@ -1744,7 +1786,7 @@
1744	1786
1745	1787	.etc-wrap-text p,
1746	1788	.box-wrap p {
1747		- font-size: 1.5rem;
	1789	+ font-size: 2rem;
1748	1790	margin-bottom: 2rem;
1749	1791	}
1750	1792
...	...	@@ -1823,15 +1865,15 @@
1823	1865	.ai-title,
1824	1866	.meta-title,
1825	1867	.smart-title {
1826		- margin-bottom: 10px !important;
	1868	+ margin-bottom: 40px !important;
1827	1869	}
1828	1870
1829	1871	.box-wrap div p {
1830	1872	text-align: center;
1831	1873	margin: 0 auto;
1832		- padding: 1px;
	1874	+ padding: 10px 0;
1833	1875	margin-bottom: 0rem !important;
1834		- font-size: 1.5rem !important;
	1876	+ font-size: 2rem !important;
1835	1877	}
1836	1878
1837	1879	.etc-box-title {
...	...	@@ -1847,13 +1889,14 @@
1847	1889
1848	1890	.etc-wrap-title h1,
1849	1891	.customized-wrap-title h1 {
1850		- font-size: 2.3rem !important;
	1892	+ padding: 3rem 0 0 0;
	1893	+ font-size: 2.8rem !important;
1851	1894	word-break: keep-all;
1852	1895	}
1853	1896
1854	1897	.etc-wrap-title p,
1855	1898	.customized-wrap-title p {
1856		- font-size: 1.5rem !important;
	1899	+ font-size: 2rem !important;
1857	1900	margin-bottom: 2rem;
1858	1901	}
1859	1902
...	...	@@ -1929,7 +1972,7 @@
1929	1972	font-size: 1.5rem;
1930	1973	background-size: cover;
1931	1974	background-position: center;
1932		- padding: 10px !important;
	1975	+ padding: 15px !important;
1933	1976	}
1934	1977
1935	1978	.box2,
...	...	@@ -2376,7 +2419,6 @@
2376	2419	align-items: start;
2377	2420	gap: 5px !important;
2378	2421	}
2379		-
2380	2422
2381	2423
2382	2424	.taken-box {

...	...	@@ -8,14 +8,17 @@
8	8	/* padding-top: 12rem; */
9	9	text-align: center;
10	10	}
11		-.content{
	11	+
	12	+.content {
12	13	-ms-overflow-style: none;
13	14	/* 인터넷 익스플로러 */
14	15	scrollbar-width: none;
15	16	}
16		-.month{
	17	+
	18	+.month {
17	19	margin-right: 3rem;
18	20	}
	21	+
19	22	.mobil-wrap {
20	23	display: none;
21	24	}
...	...	@@ -79,14 +82,16 @@
79	82	from {
80	83	width: 0;
81	84	opacity: 0;
82		- transform: scaleX(0); /* 애니메이션 시작 시 요소의 가로 크기를 0으로 설정 */
	85	+ transform: scaleX(0);
	86	+ /* 애니메이션 시작 시 요소의 가로 크기를 0으로 설정 */
83	87	transform-origin: center;
84	88	}
85	89
86	90	to {
87	91	width: 100%;
88	92	opacity: 1;
89		- transform: scaleX(1); /* 애니메이션 종료 시 요소의 가로 크기를 원래대로 복원 */
	93	+ transform: scaleX(1);
	94	+ /* 애니메이션 종료 시 요소의 가로 크기를 원래대로 복원 */
90	95	transform-origin: center;
91	96	}
92	97	}
...	...	@@ -124,6 +129,7 @@
124	129
125	130	.sub-text {
126	131	opacity: 0;
	132	+ font-size: 2.4rem;
127	133	}
128	134
129	135	.sub-text.active {
...	...	@@ -142,7 +148,8 @@
142	148	font-weight: 700;
143	149	opacity: 0;
144	150	}
145		-.map-wrap{
	151	+
	152	+.map-wrap {
146	153	box-shadow: 2px 2px 15px #1c1c1c3a;
147	154	}
148	155
...	...	@@ -162,7 +169,8 @@
162	169	font-size: 1.6rem;
163	170	}
164	171
165		-.box-area{
	172	+.box-area {
	173	+ font-weight: 600;
166	174	font-size: 2.3rem;
167	175	margin-bottom: 1.3rem;
168	176	}
...	...	@@ -288,7 +296,7 @@
288	296	opacity: 0;
289	297	font-size: 2rem;
290	298	margin-bottom: 2rem;
291		- font-family: 'Pretendard';
	299	+ font-family: 'Pretendard';
292	300	}
293	301
294	302	.solution-sub-text.active {
...	...	@@ -539,7 +547,7 @@
539	547
540	548
541	549
542		-.innerSwiper-text{
	550	+.innerSwiper-text {
543	551	font-size: 2rem;
544	552	}
545	553
...	...	@@ -553,13 +561,12 @@
553	561	.innerSwiper .swiper-slide img {
554	562	display: block;
555	563	width: 100%;
556		- height: 80%;
557	564	background-color: #F8F9FA;
558	565	object-fit: scale-down;
559	566	/* padding: 4rem; */
560	567	border-radius: 10px;
561	568	box-shadow: 2px 2px 5px #5454541b;
562		- margin-bottom: 20px;
	569	+ margin-bottom: 40px;
563	570	}
564	571
565	572	.portfolio-text {
...	...	@@ -567,9 +574,9 @@
567	574	font-weight: 700;
568	575	text-align: left;
569	576	}
	577	+
570	578	.innerSwiper-textBox {
571	579	height: 160px;
572		- padding: 15px 0 0 0;
573	580	}
574	581
575	582	.innerSwiper-title,
...	...	@@ -607,12 +614,10 @@
607	614
608	615	.map-btn button {
609	616	border: 1px solid #213F99;
610		- padding: 10px 15px 10px 35px;
	617	+ padding: 10px 15px 10px 45px;
611	618	border-radius: 30px;
612		- font-size: 1.4rem;
	619	+ font-size: 2.1rem;
613	620	font-family: 'Pretendard';
614		-
615		- font-weight: 600;
616	621	color: #213F99;
617	622	background: url(../img/common/location-dot-solid.svg) no-repeat 15px center / 15px;
618	623	background-color: #FFFFFF;
...	...	@@ -661,6 +666,7 @@
661	666	.address-subtitle {
662	667	padding: 5px 0;
663	668	font-size: 2rem;
	669	+ font-weight: 500;
664	670	}
665	671
666	672	.map {
...	...	@@ -671,9 +677,9 @@
671	677
672	678
673	679
674		-#footer {
	680	+footer {
675	681	width: 100%;
676		- padding: 30px;
	682	+ padding: 40px;
677	683	position: relative;
678	684	bottom: -10%;
679	685	left: 0;
...	...	@@ -682,9 +688,10 @@
682	688	background-color: #333;
683	689	}
684	690
685		-#footer img {
	691	+footer img {
686	692	text-align: left !important;
687		- width: 200px !important;
	693	+ width: 300px !important;
	694	+ height: 36px;
688	695	padding: 0px !important;
689	696	}
690	697
...	...	@@ -839,11 +846,11 @@
839	846	}
840	847
841	848
842		-.taken-area p {
843		- font-size: 1.7rem;
844		- margin-top: 1rem;
	849	+.text-after p {
	850	+ font-size: 1.8rem;
845	851	font-weight: 600;
846	852	padding-left: 20px;
	853	+ margin-top: 1rem;
847	854	}
848	855
849	856	.taken-box {
...	...	@@ -852,24 +859,27 @@
852	859	gap: 30px;
853	860	}
854	861
	862	+.text-after span {
	863	+ font-weight: 900;
	864	+}
	865	+
855	866	.taken-box p {
856	867	width: 100%;
857	868	font-family: 'Pretendard';
858	869	background-color: #F8F9FA;
859		- padding: 13px;
	870	+ padding: 14px;
860	871	text-align: center;
861	872	font-size: 2rem;
862	873	border-radius: 10px;
863	874	font-weight: 600;
864	875	z-index: 2;
865	876	}
866		-.solution-ani img {
867		- margin-bottom: 2rem;
868		-}
	877	+
	878	+
869	879
870	880	.solution-text-box {
871	881	width: 100%;
872		- padding: 15px 30px;
	882	+ padding: 15px 18px 15px 45px;
873	883	border-radius: 10px;
874	884	background-color: #fff;
875	885	box-shadow: 2px 2px 5px #3e3e3e30;
...	...	@@ -877,24 +887,52 @@
877	887
878	888	.solution-text-box p {
879	889	font-weight: 500;
880		- font-size: 1.5rem;
881		- padding-left: 20px;
	890	+ margin-top: 1rem;
	891	+ font-size: 1.6rem;
	892	+ position: relative;
882	893	}
883		-.text-box p{
	894	+
	895	+.solution-deco p {
	896	+ margin-left: 1.8rem;
	897	+
	898	+}
	899	+
	900	+.solution-deco-sub p {
	901	+ position: relative;
	902	+ padding-left: 15px;
	903	+}
	904	+
	905	+.solution-deco-sub p::after {
	906	+ content: '-';
	907	+ position: absolute;
	908	+ top: 0%;
	909	+ left: -1%;
	910	+}
	911	+
	912	+.solution-deco p::after {
	913	+ content: '-';
	914	+ position: absolute;
	915	+ top: 0%;
	916	+ left: -4%;
	917	+}
	918	+
	919	+.text-box p {
884	920	font-size: 1.6rem;
885	921	margin-bottom: 1.7rem;
886	922	text-align: left;
887		- word-break: keep-all;
	923	+ padding: 0 10px;
	924	+ /* word-break: -all; */
888	925	}
889	926
890		-.box-wrap-title{
	927	+.box-wrap-title {
891	928	font-size: 2.4rem !important;
892		- font-weight: 500;
	929	+ font-weight: 600;
893	930	text-align: center !important;
894	931	font-family: 'Pretendard';
895	932
896	933	}
897		-.visuali-text p{
	934	+
	935	+.visuali-text p {
898	936	font-size: 2.1rem;
899	937	word-break: keep-all;
900	938	font-weight: 500;
...	...	@@ -923,6 +961,7 @@
923	961
924	962	.traffic-button {
925	963	width: 100%;
	964	+ padding-bottom: 6rem;
926	965	}
927	966
928	967	.traffic-button button {
...	...	@@ -965,7 +1004,7 @@
965	1004	}
966	1005
967	1006	.traffic-area img {
968		- width: 80%;
	1007	+ width: 100%;
969	1008	background-size: cover;
970	1009	}
971	1010
...	...	@@ -1036,13 +1075,14 @@
1036	1075
1037	1076	.marketing-area img {
1038	1077	width: 100%;
1039		- margin-bottom: 10px;
	1078	+ margin-bottom: 25px;
1040	1079	border-radius: 20px;
1041	1080	}
1042	1081
1043	1082	.marketing-area p {
1044		- margin-bottom: 10px;
	1083	+ margin-bottom: 17px;
1045	1084	font-weight: 600;
	1085	+ font-size: 1.6rem;
1046	1086	}
1047	1087
1048	1088	.marketing-area p span {
...	...	@@ -1052,10 +1092,16 @@
1052	1092	}
1053	1093
1054	1094	.marketing-title {
1055		- font-size: 2rem;
	1095	+ font-size: 2.4rem !important ;
	1096	+ font-weight: 800 !important;
	1097	+ margin-bottom: 20px !important;
	1098	+ font-family: 'Pretendard';
	1099	+
1056	1100	}
1057	1101
1058	1102	.marketing-date {
	1103	+ font-size: 1.6rem;
	1104	+ font-weight: 400 !important;
1059	1105	text-align: right;
1060	1106	}
1061	1107
...	...	@@ -1071,7 +1117,8 @@
1071	1117	background: linear-gradient(#fff, #fff, #d7e2ff);
1072	1118
1073	1119	}
1074		-.about-title-sub{
	1120	+
	1121	+.about-title-sub {
1075	1122	font-size: 2.4rem;
1076	1123	}
1077	1124
...	...	@@ -1174,6 +1221,11 @@
1174	1221	animation-delay: 0.8s;
1175	1222	}
1176	1223
	1224	+.about-sub-text {
	1225	+ word-break: keep-all;
	1226	+ font-size: 1.5rem;
	1227	+}
	1228	+
1177	1229	.about-text {
1178	1230	text-align: center;
1179	1231	color: #213F99;
...	...	@@ -1221,10 +1273,13 @@
1221	1273	}
1222	1274	}
1223	1275
	1276	+.accordion-text p {
	1277	+ font-size: 1.5rem !important;
	1278	+}
1224	1279
1225	1280	.accordion {
1226	1281	height: 100%;
1227		- padding: 2rem;
	1282	+ padding: 1rem 4rem;
1228	1283	cursor: pointer;
1229	1284	flex: 1;
1230	1285	justify-content: space-between;
...	...	@@ -1240,7 +1295,7 @@
1240	1295
1241	1296	.slideText p:first-child {
1242	1297	font-size: 3rem;
1243		- font-family: "GmarketSansB";
	1298	+ font-family: "GmarketSansBold";
1244	1299	font-weight: bold;
1245	1300	font-style: normal;
1246	1301	z-index: 5;
...	...	@@ -1266,10 +1321,19 @@
1266	1321	.slideText p:last-child,
1267	1322	.slideTextDtail p {
1268	1323	margin-bottom: 1rem;
1269		- font-size: 1.5rem;
1270	1324	opacity: 0;
1271	1325	color: #333;
1272	1326	}
	1327	+
	1328	+.slideText p:last-child {
	1329	+ font-size: 2.1rem;
	1330	+
	1331	+}
	1332	+
	1333	+.slideTextDtail p {
	1334	+ font-size: 1.8rem;
	1335	+}
	1336	+
1273	1337
1274	1338	.slideImg {
1275	1339	margin-bottom: 10px;
...	...	@@ -1280,7 +1344,6 @@
1280	1344	.slideImg img {
1281	1345	border-radius: 1rem;
1282	1346	width: 100%;
1283		- height: 250px !important;
1284	1347	}
1285	1348
1286	1349
...	...	@@ -1302,20 +1365,45 @@
1302	1365	z-index: 1;
1303	1366	}
1304	1367
1305		-.accordion.active .accordion-num
1306		- {
	1368	+.accordion.active .accordion-num {
1307	1369	color: #80649b;
	1370	+ font-size: 3.6rem;
	1371	+ font-family: 'MontserratBolde';
	1372	+
	1373	+ font-weight: bold;
	1374	+
	1375	+}
	1376	+
	1377	+.accordion.active .accordion-num-red {
	1378	+ color: #FA665D;
1308	1379	font-size: 3rem;
1309	1380	font-weight: 700;
1310	1381	}
1311		-.accordion.active .accordion-num span{
1312		- color:#b1a1c3;
	1382	+
	1383	+.accordion.active .accordion-num-red span {
	1384	+ color: #FCB0AE !important;
1313	1385	}
	1386	+
	1387	+.accordion.active .accordion-num span {
	1388	+ color: #b1a1c3;
	1389	+ font-size: 3.6rem;
	1390	+ font-weight: bold;
	1391	+ font-family: 'MontserratBolde';
	1392	+}
	1393	+
1314	1394	.accordion.active p,
1315	1395	.slideTextDtail.active p {
1316	1396	opacity: 1;
1317	1397	color: #333;
1318	1398	/* transition: opacity 0.3s ease-in 0.4s; */
	1399	+}
	1400	+
	1401	+.accordion-sub-text {
	1402	+ color: #80649b !important;
	1403	+}
	1404	+
	1405	+.accordion-sub-red {
	1406	+ color: #FA665D !important;
1319	1407	}
1320	1408
1321	1409	.accordion-box p {
...	...	@@ -1329,7 +1417,7 @@
1329	1417	}
1330	1418
1331	1419	.about-vision-box img {
1332		- /* width: 40%; */
	1420	+ width: 40%;
1333	1421	/* padding: 30px; */
1334	1422	object-fit: contain !important;
1335	1423
...	...	@@ -1361,20 +1449,22 @@
1361	1449	}
1362	1450
1363	1451	.year {
1364		- width: 200px;
	1452	+ width: 220px;
1365	1453	color: #D6DEF6;
1366	1454	font-weight: 900;
1367		- font-size: 2rem;
	1455	+ font-size: 2.5rem;
1368	1456	transition: all 0.2s ease;
1369	1457	padding: 2rem 0;
1370	1458	}
1371	1459
1372	1460	.year span {
1373		- font-size: 2rem;
	1461	+ font-size: 2.4rem;
1374	1462	font-weight: 900;
1375	1463
1376	1464	}
1377		-
	1465	+.traffic-img-box{
	1466	+ width: 100%;
	1467	+}
1378	1468	.active-year {
1379	1469	font-size: 7rem;
1380	1470	font-weight: 900;
...	...	@@ -1388,7 +1478,7 @@
1388	1478
1389	1479
1390	1480	.month-text img {
1391		- border: 1px solid #808080;
	1481	+ border: 1px solid #b1b1b1;
1392	1482	padding: 5px;
1393	1483	width: 120px;
1394	1484	margin-right: 1rem;
...	...	@@ -1399,7 +1489,7 @@
1399	1489
1400	1490	.active-year {
1401	1491	color: #213F99;
1402		- font-weight: bold;
	1492	+ font-weight: 900;
1403	1493	cursor: default;
1404	1494	}
1405	1495
...	...	@@ -1441,7 +1531,7 @@
1441	1531	}
1442	1532
1443	1533	.etc-box-title {
1444		- font-weight: 600;
	1534	+ font-weight: 700;
1445	1535	text-align: center !important;
1446	1536	font-size: 2.4rem !important;
1447	1537	}
...	...	@@ -1459,8 +1549,7 @@
1459	1549
1460	1550	.etc-box p {
1461	1551	font-size: 1.6rem;
1462		- line-height: 2;
1463		- padding-left: 2rem;
	1552	+ line-height: 1.5;
1464	1553	}
1465	1554
1466	1555	#contentDaeguBranch {
...	...	@@ -1472,7 +1561,8 @@
1472	1561	display: none;
1473	1562	}
1474	1563
1475		-.video-wrap,.di {
	1564	+.video-wrap,
	1565	+.di {
1476	1566	width: 100%;
1477	1567	height: 100%;
1478	1568	position: absolute;
...	...	@@ -1521,9 +1611,25 @@
1521	1611	font-size: 1.9rem;
1522	1612	}
1523	1613
1524		-.analysis-text img{
	1614	+.analysis-text img {
1525	1615	height: 80%;
1526	1616	}
1527		-.analysis-text p{
1528		- font-size: 2rem;
	1617	+
	1618	+.analysis-text p {
	1619	+ height: 50px;
	1620	+ font-size: 2rem;
	1621	+ padding: 0 10px;
	1622	+ word-break: keep-all;
	1623	+ font-weight: 500;
	1624	+}
	1625	+.etc-text-deco p{
	1626	+ position: relative;
	1627	+ margin-left: 5px;
	1628	+}
	1629	+.etc-text-deco p::after{
	1630	+ content: '-';
	1631	+ position: absolute;
	1632	+ top: 0;
	1633	+ left: -1%;
	1634	+
1529	1635	} (No newline at end of file)

...	...	@@ -174,6 +174,7 @@
174	174	}
175	175
176	176	.innerSwiper {
	177	+ height: 75%;
177	178	transition-timing-function: linear;
178	179	}
179	180	</style>
...	...	@@ -245,9 +246,9 @@
245	246	</div>
246	247	</div>
247	248	<div class="swiper-slide portfolio-zone">
248		- <div class=" Portfolio pt120 pb60 flex align-center" style="align-content: center; width: 100%; ">
249		- <div style="width: 1200px; margin: auto; ">
250		- <p class="portfolio-text pt120 mb20 ">PORTFOLIO</p>
	249	+ <div class=" Portfolio pt60 pb60 flex align-center" style="align-content: center; width: 100%; ">
	250	+ <div style="width: 1200px; margin: auto; " class="pt120">
	251	+ <p class="portfolio-text mb70 ">PORTFOLIO</p>
251	252	</div>
252	253	<div class="swiper innerSwiper">
253	254	<div class="swiper-wrapper">
...	...	@@ -555,7 +556,7 @@
555	556	});
556	557	var innerswiper = new Swiper(".innerSwiper", {
557	558	slidesPerView: 3,
558		- spaceBetween: 30,
	559	+ spaceBetween: 60,
559	560	autoplay: {
560	561	delay: 0,
561	562	disableOnInteraction: false,
...	...	@@ -576,7 +577,7 @@
576	577	// 화면의 넓이가 640px 이상일 때
577	578	640: {
578	579	slidesPerView: 3,
579		- spaceBetween: 40
	580	+ spaceBetween: 60
580	581	}
581	582	},
582	583	});

...	...	@@ -20,7 +20,7 @@
20	20	footer {
21	21	width: 100%;
22	22	/* height: 300px; */
23		- padding: 30px;
	23	+ padding: 40px;
24	24	/* opacity: 0; */
25	25	/* display: none; */
26	26	position: relative;
...	...	@@ -104,8 +104,8 @@
104	104	}
105	105
106	106	.box-wrap p {
107		- padding-top: 1rem;
108	107	font-size: 2.1rem;
	108	+ font-weight: 500;
109	109	}
110	110	.dropdown {
111	111	background-color: #fff !important;
...	...	@@ -129,19 +129,19 @@
129	129	<div class="flex justify-between box-wrap" style="width: 100%; gap: 20px; ">
130	130	<div class="solution-ani">
131	131	<img src="../../resources/img/common/custom-img.png" alt="">
132		- <p>상주시 데이터 활용 <br>기본계획 수립</p>
	132	+ <p class="mt30">상주시 데이터 활용 <br>기본계획 수립</p>
133	133	</div>
134	134	<div class="solution-ani">
135	135	<img src="../../resources/img/common/custom-img2.png" alt="">
136		- <p>영천시 데이터 활용 <br>기본계획 수립</p>
	136	+ <p class="mt30">영천시 데이터 활용 <br>기본계획 수립</p>
137	137	</div>
138	138	<div class="solution-ani">
139	139	<img src="../../resources/img/common/custom-img3.png" alt="">
140		- <p>포항테크노파크 SW융합클러스터 <br>2.0 데이터 품질관리 협력기관</p>
	140	+ <p class="mt30">포항테크노파크 SW융합클러스터 <br>2.0 데이터 품질관리 협력기관</p>
141	141	</div>
142	142	<div class="solution-ani">
143	143	<img src="../../resources/img/common/custom-img4.png" alt="">
144		- <p>영천시 공공데이터 <br>품질관리</p>
	144	+ <p class="mt30">영천시 공공데이터 <br>품질관리</p>
145	145	</div>
146	146	</div>
147	147	</div>
...	...	@@ -153,7 +153,7 @@
153	153	<img src="../../resources/img/component/logo-w.png" alt="">
154	154	</div>
155	155	<hr>
156		- <div class="footer-text pt10">
	156	+ <div class="footer-text pt10 pb40">
157	157	<div class="flex justify-between ">
158	158
159	159	<p>대표자 ) 임상현</p>
...	...	@@ -166,7 +166,7 @@
166	166	<p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
167	167	<p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>
168	168	</div>
169		- <p class="copyright">© 2021.Takensoft.all rights reserved.</p>
	169	+ <p class="copyright">Copyright 2021. Takensoft. all rights reserved.</p>
170	170	</div>
171	171	</footer>
172	172	</div>

...	...	@@ -18,7 +18,7 @@
18	18	footer {
19	19	width: 100%;
20	20	/* height: 300px; */
21		- padding: 30px;
	21	+ padding: 40px;
22	22	/* opacity: 0; */
23	23	/* display: none; */
24	24	position: relative;
...	...	@@ -90,14 +90,11 @@
90	90	width: 100%;
91	91	}
92	92
93		- .box-wrap div img {
94		- padding-bottom: 2rem;
95		- }
96	93
97	94	.box-wrap div p {
98		- font-size: 2rem;
	95	+ font-size: 2.1rem;
99	96	font-weight: 600;
100		- padding: 10px 20px;
	97	+ padding: 0 40px;
101	98	}
102	99
103	100	.dropdown {
...	...	@@ -111,28 +108,28 @@
111	108
112	109	<body>
113	110	<div id="header"></div>
114		- <div style=" display: flex; flex-direction: column;background: linear-gradient(#f8f9fa, #fff, #fff) !important;">
	111	+ <div style=" display: flex; flex-direction: column; background: linear-gradient(#d7e2ff9d, #fff, #fff) !important;">
115	112
116	113	<div class=" text-area pb60 pt120 slide-section flex align-center " id="Data" style="height: 100vh;">
117	114
118	115
119	116	<div class="flex justify-between " style="gap: 10px; width: 100%;">
120		- <div class="etc-wrap-title pb20">
121		- <h1 class="mb20 pt40">데이터분석을 통한 인사이트 도출</h1>
	117	+ <div class="etc-wrap-title pb50">
	118	+ <h1 class="mb20">데이터분석을 통한 인사이트 도출</h1>
122	119	<p>데이터를 통하여 가치 있는 정보와 인사이트를 제공하여 세상을 이롭게 만듭니다.</p>
123	120	</div>
124	121	<div class="flex justify-between box-wrap" style="width: 100%; gap: 20px; ">
125	122	<div class="solution-ani">
126	123	<img src="../../resources/img/common/data-img1.png" alt="">
127		- <p>구미시 주요 이슈 및 민원 분석</p>
	124	+ <p class="mt30">구미시 주요 이슈 및 민원 분석</p>
128	125	</div>
129	126	<div class="solution-ani">
130	127	<img src="../../resources/img/common/data-img2.png" alt="">
131		- <p>영천시 1인가구,상권,관광,청년 일자리분야 데이터 분석</p>
	128	+ <p class="mt30">영천시 1인가구,상권,관광,청년 일자리분야 데이터 분석</p>
132	129	</div>
133	130	<div class="solution-ani">
134	131	<img src="../../resources/img/common/data-img3.png" alt="">
135		- <p>김천시 무더위 쉼터 선정 위한 데이터 분석</p>
	132	+ <p class="mt30">김천시 무더위 쉼터 선정 위한 데이터 분석</p>
136	133	</div>
137	134
138	135	</div>
...	...	@@ -146,7 +143,7 @@
146	143	<img src="../../resources/img/component/logo-w.png" alt="">
147	144	</div>
148	145	<hr>
149		- <div class="footer-text pt10">
	146	+ <div class="footer-text pt10 pb40">
150	147	<div class="flex justify-between ">
151	148
152	149	<p>대표자 ) 임상현</p>
...	...	@@ -159,7 +156,7 @@
159	156	<p>주소 )본사: 경상북도 경산시 대학로280, 영남대학교 창업보육센터 신관 217호,218호,220호</p>
160	157	<p class="pl30">대구지사: 대구 수성구 알파시티1로 160 SW융합테크비즈센터 306호 (대흥동)</p>
161	158	</div>
162		- <p class="copyright">© 2021.Takensoft.all rights reserved.</p>
	159	+ <p class="copyright">Copyright 2021. Takensoft. all rights reserved.</p>
163	160	</div>
164	161	</footer>
165	162	</div>

...	...	@@ -104,7 +104,7 @@
104	104	<div id="header"></div>
105	105
106	106	<div class=" marketing-wrapper pb100">
107		- <div class="marketing-wrap-title mb70">
	107	+ <div class="marketing-wrap-title mb50">
108	108	<h1>Marketing</h1>
109	109	</div>
110	110	<div class="marketing-area ">

Delete comment