@charset "utf-8";
.page-about{width: 100%; min-height: 100vh; padding-top: 85px;background-color: #030303; position: relative;}
.page-solution{width: 100%; min-height: 100vh; padding-top: 85px;background-color: #030303; position: relative;}
.page-news{width: 100%; min-height: 100vh; padding-top: 85px;background-color: #030303; position: relative;}
.page-contact{width: 100%; min-height: 100vh; padding-top: 85px;background-color: #030303; position: relative;}
.page-location{width: 100%; min-height: 100vh; padding-top: 85px;background-color: #030303; position: relative;}
.page-product{width: 100%; min-height: 100vh; padding-top: 85px;background-color: #030303; position: relative;}
/* ============================================
배경
   ============================================ */
.bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; pointer-events: none; min-height: 100%; overflow-x: hidden; perspective: 1000px;transition: all 0.3s;}
.bg-deco {position: absolute; width: 680px;height: 680px; background-repeat: no-repeat;background-position: center;background-size: contain;opacity: 0; will-change: transform, opacity; transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1.2s ease-out; z-index: 1; transform-style: preserve-3d; transform: translateZ(200px) scale(0.8) rotateY(15deg);transition: all 0.3s;}
.bg-deco.fade-in {opacity: .95; transform: translateZ(0) scale(1) rotateY(0deg);transition: all 0.3s;}
.bg-base{ position:absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 0;transition: all 0.3s;}

/* 회사소개 */
.company .bg-base{background:radial-gradient(circle at 15% 10%, rgba(0, 140, 255, .12), transparent 42%), radial-gradient(circle at 85% 0%, rgba(255, 0, 140, .10), transparent 40%), linear-gradient(180deg, #42d7ed1c 0%, #0000002e 65%, #35529c05 100%);}
.company .deco-left {left: -363px; top: -67px;background-image: url("/images/sub/bg/company-deco-left.png"); transition: all 0.3s;}
.company .deco-right {right: -300px; top: -370px;width: 760px;height: 760px;background-image: url("/images/sub/bg/company-deco-right.png");transition: all 0.3s;}

/* CEO 인사말 */
.ceo .deco-left {left: -430px; top: -80px; background-image: url("/images/sub/bg/ceo-deco-left.png"); transition: all 0.3s;}
.ceo .deco-right {right: -400px; top: -200px;width: 760px;height: 760px;background-image: url("/images/sub/bg/ceo-deco-right.png");transition: all 0.3s;}
.ceo .bg-base{background:radial-gradient(circle at 15% 10%, rgb(60 72 133 / 35%), #2f2b3117 42%), radial-gradient(circle at 85% 0%, rgb(12 7 55 / 10%), transparent 40%), linear-gradient(180deg, #191e3317 0%, #0000002e 65%, #35529c05 100%);}


/* 연혁 */
.history .deco-left {left: -400px; top: -100px;background-image: url("/images/sub/bg/history-deco-left.png"); transition: all 0.3s;}
.history .deco-right {right: -350px; top: -80px;width: 760px;height: 760px;background-image: url("/images/sub/bg/history-deco-right.png");transition: all 0.3s;}
.history .bg-base{background:radial-gradient(circle at 15% 10%, rgb(0 158 255 / 4%), #023a9017 42%), radial-gradient(circle at 85% 0%, rgb(51 107 155 / 9%), transparent 40%),linear-gradient(180deg, #42b3ed1c 0%, #0000002e 65%, #35529c05 100%);}

/* 수상/인증 */
.awards .deco-left {left: -400px; top: -100px;background-image: url("/images/sub/bg/awards-deco-left.png"); transition: all 0.3s;}
.awards .deco-right {right: -350px; top: -80px;width: 600px;height: 600px;background-image: url("/images/sub/bg/awards-deco-right.png");transition: all 0.3s;}
.awards .bg-base{background:radial-gradient(circle at 15% 10%, rgb(227 0 255 / 4%), #90026417 42%), radial-gradient(circle at 85% 0%, rgb(51 72 155 / 9%), #00000000 40%), linear-gradient(180deg, #edc7421c 0%, #0000002e 65%, #35529c05 100%);}

/* 솔루션 */
.digital-twin .deco-left {left: -400px; top: -200px;background-image: url("/images/sub/bg/solution-deco-left.png"); transition: all 0.3s;}
.digital-twin .deco-right {right: -300px; top: -120px;width: 600px;height: 600px;background-image: url("/images/sub/bg/solution-deco-right.png");transition: all 0.3s;}
.digital-twin .bg-base{background:radial-gradient(circle at 15% 10%, rgb(55 80 99 / 25%), #1715269c 42%),radial-gradient(circle at 85% 0%, rgb(0 255 235 / 17%), #00000024 40%),linear-gradient(180deg, #4b42ed1c 0%, #0000002e 65%, #35529c05 100%);}

/*구독비즈니스  */
.subscription-business .deco-left {left: -400px; top: -200px;background-image: url("/images/sub/bg/solution-deco-left.png"); transition: all 0.3s;}
.subscription-business .deco-right {right: -300px; top: -120px;width: 600px;height: 600px;background-image: url("/images/sub/bg/solution-deco-right.png");transition: all 0.3s;}
.subscription-business .bg-base{background:radial-gradient(circle at 15% 10%, rgb(55 80 99 / 25%), #1715269c 42%),radial-gradient(circle at 85% 0%, rgb(0 255 235 / 17%), #00000024 40%),linear-gradient(180deg, #4b42ed1c 0%, #0000002e 65%, #35529c05 100%);}


.page-solution .deco-left {left: -400px; top: -200px;background-image: url("/images/sub/bg/solution-deco-left.png"); transition: all 0.3s;}
.page-solution .deco-right {right: -300px; top: -120px;width: 600px;height: 600px;background-image: url("/images/sub/bg/solution-deco-right.png");transition: all 0.3s;}
.page-solution .bg-base{background:radial-gradient(circle at 15% 10%, rgb(55 80 99 / 25%), #1715269c 42%),radial-gradient(circle at 85% 0%, rgb(0 255 235 / 17%), #00000024 40%),linear-gradient(180deg, #4b42ed1c 0%, #0000002e 65%, #35529c05 100%);}

/* 뉴스 */
.page-news .deco-left {left: -400px; top: -200px;background-image: url("/images/sub/bg/news-deco-left.png"); transition: all 0.3s;}
.page-news .deco-right {right: -300px; top: -120px;width: 600px;height: 600px;background-image: url("/images/sub/bg/news-deco-right.png");transition: all 0.3s;}
.page-news .bg-base{background:radial-gradient(circle at 15% 10%, rgb(55 80 99 / 25%), #1715269c 42%), radial-gradient(circle at 85% 0%, rgb(0 83 255 / 17%), #00000024 40%), linear-gradient(180deg, #db42ed1c 0%, #0000002e 65%, #35529c05 100%)}


/* 문의하기 */
.page-contact .deco-left {left: -500px; top: -100px;background-image: url("/images/sub/bg/contact-deco-left.png"); transition: all 0.3s;}
.page-contact .deco-right {right: -490px; top: -430px; width: 900px; height: 900px;background-image: url("/images/sub/bg/contact-deco-right.png");transition: all 0.3s;}
.page-contact .bg-base{background:radial-gradient(circle at 15% 10%, rgb(0 20 71 / 25%), #1727424d 42%), radial-gradient(circle at 85% 0%, rgb(19 85 153 / 13%), #00000024 40%), linear-gradient(180deg, #42ede61c 0%, #0000002e 65%, #35529c05 100%)}

/* 오시는길 */
.page-location .deco-left {left: -450px; top: -100px;background-image: url("/images/sub/bg/location-deco-left.png"); transition: all 0.3s;}
.page-location .deco-right {right: -450px; top: -150px; width: 700px; height: 700px;background-image: url("/images/sub/bg/location-deco-right.png");transition: all 0.3s;}
.page-location .bg-base{background:radial-gradient(circle at 15% 10%, rgb(2 10 31 / 51%), #1727424d 42%), radial-gradient(circle at 85% 0%, rgb(23 38 53 / 13%), #00000024 40%), linear-gradient(180deg, #425ded1c 0%, #0000002e 65%, #35529c05 100%)}


/* 제품 */
.page-product .deco-left {left: -420px; top: -100px;background-image: url("/images/sub/bg/product-deco-left.png"); transition: all 0.3s;}
.page-product .deco-right {right: -390px; top: -150px; width: 700px; height: 700px;background-image: url("/images/sub/bg/product-deco-right.png");transition: all 0.3s;}
.page-product .bg-base{background:radial-gradient(circle at 15% 10%, rgb(2 10 31 / 53%), #1718424d 42%), radial-gradient(circle at 85% 0%, rgb(114 56 121 / 22%), #18218d24 40%), linear-gradient(180deg, #425ded1c 0%, #0000002e 65%, #35529c05 100%)}


.link-section{position: relative;}
.image-video-play-link{position: absolute;  right: 0;   top: 50%;   transform: translate(-50%, -50%); width: 200px;  height: 200px;  border-radius: 50%;  background: linear-gradient(93deg, #3CBDFE, #0079D5); display: flex;  align-items: center; justify-content: center; background-image: url("/images/solution/icon/dt-icon.svg");}
.image-video-play-link .play-icon{width: 120px;height: 120px;background-image: url("/images/solution/icon/play-icon.svg"); display: block; opacity: 0.5; transition: all 0.3s;}
.image-video-play-link a:hover .play-icon{opacity: 1;}

/* 반응형 */
@media(max-width:1024px){
   /* 회사소개 */
   .company .deco-left{left: -460px; top: -100px;}
   .company .deco-right{right: -340px; top: -430px;}

   /* CEO 인사말 */
   .ceo .deco-left{left: -520px; top: -50px;}
   .ceo .deco-right{right: -480px; top: -200px;}

   /* 수상/인증 */
   .awards .deco-left{left: -450px; top: -150px;}
   .awards .deco-right{right: -300px; top: -150px;}
   /* 솔루션 */
   .page-solution .deco-left{left: -450px; top: -50px;}
   .page-solution .deco-right{right: -370px; top: -170px; transform: rotate(323deg);}

   .image-video-play-link{position: inherit;transform: translate(0%, 0%);top: 0;}
   /* 뉴스 */
   .page-news .deco-left {left: -500px; top: -190px; transform: rotate(31deg);}
   .page-news .deco-right{right: -400px; top: -50px;}

   /* 문의하기 */
   .page-contact .deco-left {left: -550px; top: -170px; width: 700px; height: 700px;}
   .page-contact .deco-right {right: -450px; top: -140px; width: 700px; height: 700px;transform: rotate(45deg);}

   /* 오시는길 */
   .page-location .deco-left{left: -500px; top: -160px;opacity: 0.8;}
   .page-location .deco-right{right: -500px; top: -150px;opacity: 0.8;}

   /* 제품 */
   .page-product .deco-left{left: -460px;top: -180px; opacity: 0.8;transform: rotate(25deg);}
   .page-product .deco-right {right: -450px;  top: -170px;  transform: rotate(358deg);opacity: 0.8;}

}


.container{position: relative; z-index: 1;}
.container .wrap{max-width: 1440px; width: 100%; margin: 0 auto; padding: 0 40px 100px;display: flex;flex-direction: column; align-items: flex-start; gap: 16px;}

/* ============================================
페이지헤더
   ============================================ */
.container .page-header{height: 30rem;display: flex;flex-direction: column;  justify-content: center; align-items: flex-start; gap: 0rem;}
.container .page-header .breadcrumb ol{display: flex; gap: 0.5rem; flex-direction: row; justify-content: flex-start; align-items: center;}
.container .page-header .breadcrumb ol li{display: flex; flex-direction: row; align-items: center; justify-content: center;gap: 1rem;}
.container .page-header .breadcrumb ol li .bc-home{width: 24px;height: 24px;display: flex; flex-direction: row; align-items: center; justify-content: center; transition: all 0.3s;}
.container .page-header .breadcrumb ol li .bc-home i{width: 100%; height: 100%;background-image: url("/images/sub/home-icon.svg");background-size: contain; }
.container .page-header .breadcrumb ol li span{font-size: 18px;font-weight: 200; line-height: 1.4; color: #fff;transition: all 0.3s;}
.container .page-header .breadcrumb ol li span.bc-current{line-height: 1.4; font-size: 18px; font-weight: 600;}
.container .page-header .breadcrumb ol li + li::before{content: ""; display: block; width: 24px; height: 24px; background-image: url("/images/sub/arrow-right-icon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;transition: all 0.3s;}
.container .page-header .page-h1{font-size: 4.375rem; line-height: 1.2;font-weight: 600; color: #fff;transition: all 0.3s;}

.container .main .contents{width: 100%; display: flex; flex-direction: column; gap: 150px;}
.container .main .contents .content{width: 100%; display: flex;  flex-direction: column; gap: 100px;}
.container .main .contents .content.gap50{gap: 50px !important;}
.container .main .contents .content.gap30{gap: 30px !important;}

/* 반응형 */
@media(max-width:1024px) {
   .container .page-header .breadcrumb ol li .bc-home{width: 18px; height: 18px;}
   .container .page-header .breadcrumb ol li+li::before{width: 18px; height: 18px;}
   .container .page-header .breadcrumb ol li span{font-size: 16px;}
   .container .page-header .breadcrumb ol li span.bc-current{font-size: 16px;}
   .container .page-header .page-h1{font-size: 3.5rem;}
}
@media(max-width:768px) {
   .container .page-header .breadcrumb ol li span{font-size: 14px;}
   .container .page-header .breadcrumb ol li span.bc-current{font-size: 14px;}
   .container .page-header .page-h1{font-size: 2.5rem;}
   .container .page-header .wrap{gap: 10px; padding: 0 40px 0;}
}
@media(max-width:480px) {
   .container .page-header .breadcrumb ol li span{font-size: 12px;}
   .container .page-header .breadcrumb ol li span.bc-current{font-size: 12px;}
   .container .page-header .page-h1{font-size: 2rem;}
   .container .page-header .wrap{gap: 8px;}
}


/* ============================================
회사소개
   ============================================ */
.company .main .main-text{width: 100%;}
.company .main .main-text .text-wrap{width: 100%; display: flex; flex-direction: column; align-items: flex-start;  gap: 20px;}
.company .main .main-text .text-wrap .titl{font-size: 2.5rem;  color: #fff; line-height: 1.4; letter-spacing: -0.5px; font-weight: 700; word-break: keep-all;}
.company .main .main-text .text-wrap .decs{font-size: 1.125rem;letter-spacing: -0.75px; color: #257DD7; line-height: 1.4; font-weight: 500;word-break: keep-all;}


.company .main .content .box-wrap{width: 100%;  display: flex;  flex-direction: row; align-items: center; justify-content: center;}
.company .main .content .box-wrap .box{max-width: 600px;  width: 100%;  height: 400px;  display: flex;  flex-direction: column;  justify-content: space-between;  align-items: center;  padding: 50px;  background-color: #141414;  border-radius: 20px;}
.company .main .content .box-wrap .box .icon.download{display: block; width: 110px; height: 110px;background-image: url("/images/sub/document-download-icon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.company .main .content .box-wrap .box .button-wrap{display: flex; flex-direction: column; align-items: center; gap: 20px;}
.company .main .content .box-wrap .box .button-wrap p{font-size: 1.25rem; letter-spacing: -0.75px; color: #fff;  font-weight: 600;}
.company .main .content .box-wrap .box .button-wrap .download-btn{font-size: 1rem; color: #fff;  font-weight: 700;  line-height: 1.4;  height: 50px;  letter-spacing: 0;  padding: 0 50px;  display: flex;  flex-direction: row;  align-items: center;  justify-content: center; border: 1px solid #fff;  border-radius: 50px; transition: all 0.3s;}
.company .main .content .box-wrap .box .button-wrap .download-btn:hover{background-color: #ffffff; color: #030303;}

.company .main .content .intro{width: 100%; display: flex;}
.company .main .content .intro .text{display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}
.company .main .content .intro .text p{color: #fff;font-size: 1rem;letter-spacing: -0.75px;line-height: 1.2;font-weight: 200;word-break: keep-all;}

.company .main .content .web-img{width: 100%;  display: flex;flex-direction: row;align-items: center; justify-content: center;transition: all 0.3s;}
.company .main .content .mobile-img{width: 100%; display: none;flex-direction: row;align-items: center; justify-content: center;transition: all 0.3s;}
.company .main .content .web-img img{max-width: 1250px; width: 100%; object-fit: contain;  transition: all 0.3s;}


/* 반응형 */
@media(max-width:1024px) {
.company .main .main-text .text-wrap .titl{font-size: 1.7rem;}
.company .main .main-text .text-wrap .decs{font-size: 0.9rem;}
}

@media(max-width:768px) {
.company .main .content .web-img{display: none;}
.company .main .content .mobile-img{display: flex;}
.company .main .content .mobile-img img{max-width: 500px; width: 100%; object-fit: contain; transition: all 0.3s;}
.company .main .main-text .text-wrap .titl{font-size: 1.5rem;}
.company .main .main-text .text-wrap .decs{font-size: 0.875rem;}
}

@media(max-width:480px){
.company .main .main-text .text-wrap .titl{font-size: 1.3rem;}
.company .main .main-text .text-wrap .decs{font-size: 0.75rem;}
}


/* ============================================
연혁
   ============================================ */

.history-content{width: 100%; height: 100%; padding: 40px;}
.history-content .history-timeline{display: flex; flex-direction: column; padding: 0  40px;position: relative;gap: 100px;}
.history-content .history-timeline::before{content: '';  position: absolute;  left: 50%;   width: 1px;  height: 100%;   background: #2D2D2D;   top: 22px; transition: all 0.3s;}
.history-content .history-timeline .timeline{display: flex; flex-direction: row;}
.history-content .history-timeline .timeline > div{flex:1}
.history-content .history-timeline .timeline .timeline-item{display: flex;flex-direction: column; align-items: flex-end; gap: 40px; position: relative;}
.history-content .history-timeline .timeline .timeline-year{padding: 0 15px;position: relative;}
.history-content .history-timeline .timeline .timeline-item .timeline-year::before{content: ''; width: 10px; height: 10px; background-color: #8D8D8D; display: block; border-radius: 50%;  position: absolute; right: -5px; top: 50%;}
.history-content .history-timeline .timeline .timeline-year h3{font-size: 2.5rem; color: #fff;font-weight: 700; line-height: 1.4;}
.history-content .history-timeline .timeline .timeline-events{display: flex;flex-direction: column;align-items: flex-end;gap: 20px;}
.history-content .history-timeline .timeline .event-item{display: flex;flex-direction: column; align-items: flex-end;gap: 8px;padding: 0 15px;position: relative;}
.history-content .history-timeline .timeline .event-item::before{content: ''; width: 4px; height: 4px; background-color: #8D8D8D; display: block; border-radius: 50%;  position: absolute; right: -2px; top: 50%;}
.history-content .history-timeline .timeline .event-item p{color: #c2c2c2;letter-spacing: -0.75px;line-height: 1.4; font-size: 1rem;font-weight: 400;}
.history-content .history-timeline .timeline .event-item small{font-size: 0.9rem; color: #c2c2c2; letter-spacing: -0.75px;  line-height: 1.4;}


.history-content .history-timeline .timeline .blank + .timeline-item{align-items: flex-start}
.history-content .history-timeline .timeline .blank + .timeline-item .timeline-events{align-items: flex-start;}
.history-content .history-timeline .timeline .blank + .timeline-item .event-item{align-items: flex-start;}
.history-content .history-timeline .timeline .blank + .timeline-item .timeline-year::before{content: ''; width: 10px; height: 10px; background-color: #8D8D8D; display: block; border-radius: 50%;  position: absolute; left: -5px; top: 50%;}
.history-content .history-timeline .timeline .blank + .timeline-item .event-item::before{content: ''; width: 4px; height: 4px; background-color: #8D8D8D; display: block; border-radius: 50%;  position: absolute; left: -2px; top: 50%;}

/* 최근 연도 포인트 색상 강조 */
.history-content .history-timeline .timeline .timeline-item.recent .timeline-year h3{color: #0077ff;}
.history-content .history-timeline .timeline .timeline-item.recent .timeline-year::before{background-color: #0077ff; }
.history-content .history-timeline .timeline .timeline-item.recent .event-item::before{background-color: #0077ff;}
.history-content .history-timeline .timeline .blank + .timeline-item.recent .timeline-year::before{background-color: #0077ff; }
.history-content .history-timeline .timeline .blank + .timeline-item.recent .event-item::before{background-color: #0077ff;}

/* 연혁 반응형 - 1024px 이하 */
@media(max-width:1024px) {
   /* blank 요소 숨기기 */
   .history-content .history-timeline .timeline .blank{display: none;}
   
   /* 타임라인을 세로 배치로 변경 */
   .history-content .history-timeline .timeline{flex-direction: column; gap: 60px;}
   .history-content .history-timeline .timeline > div{flex: none;}
   
   /* 중앙선을 왼쪽으로 이동 */
   .history-content .history-timeline::before{left: 40px; }
   
   /* 모든 타임라인 아이템을 왼쪽 정렬로 통일 */
   .history-content .history-timeline .timeline .timeline-item{align-items: flex-start;}
   .history-content .history-timeline .timeline .timeline-events{align-items: flex-start;}
   .history-content .history-timeline .timeline .event-item{align-items: flex-start;}
   
   /* 포인트 위치를 왼쪽으로 통일 */
   .history-content .history-timeline .timeline .timeline-item .timeline-year::before{left: -5px; right: auto;}
   .history-content .history-timeline .timeline .event-item::before{left: -2px; right: auto;}
   
   /* blank 다음 요소 스타일 초기화 (blank가 없으므로) */
   .history-content .history-timeline .timeline .blank + .timeline-item{align-items: flex-start;}
   .history-content .history-timeline .timeline .blank + .timeline-item .timeline-events{align-items: flex-start;}
   .history-content .history-timeline .timeline .blank + .timeline-item .event-item{align-items: flex-start;}
   .history-content .history-timeline .timeline .blank + .timeline-item .timeline-year::before{left: -5px; right: auto;}
   .history-content .history-timeline .timeline .blank + .timeline-item .event-item::before{left: -2px; right: auto;}
   
   /* 패딩 조정 */
   .history-content{padding: 20px;}
   .history-content .history-timeline{padding: 0 20px 0 40px; gap: 60px;}
   
   /* 폰트 크기 조정 */
   .history-content .history-timeline .timeline .timeline-year h3{font-size: 2rem;}
   .history-content .history-timeline .timeline .event-item p{font-size: 0.85rem;}
   .history-content .history-timeline .timeline .event-item small{font-size: 0.75rem;}
}


/* ============================================
수상/인증
   ============================================ */
.awards-wrap{width: 100%;}
.awards-grid{display: grid;  grid-template-columns: repeat(4, 1fr); gap: 30px;  width: 100%;}
.award-item {width: 100%; display: flex; flex-direction: column; gap: 10px;align-items: center;}
.award-image {width: 100%; aspect-ratio: 3/4; overflow: hidden; background-color: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.award-image img {width: 100%; height: 100%; object-fit: cover; display: block;}
.award-info {width: 100%;display: flex; flex-direction: column; gap: 5px;align-items: center;}
.award-title {font-size: 1rem; font-weight: 600; color: #fff; letter-spacing: -0.75px; line-height: 1.4; margin: 0;}
.award-desc {font-size: 0.875rem; font-weight: 300; color: #cccccc; letter-spacing: -0.75px; line-height: 1.4; margin: 0;}



/* 반응형 */
@media (max-width: 1440px) {
  .awards-grid { gap: 30px;}
}

@media (max-width: 1024px) {
  .awards-grid {grid-template-columns: repeat(2, 1fr); gap: 20px;}
}

@media (max-width: 768px) {
  .awards-grid {grid-template-columns: 1fr; gap: 20px;}
  .main .awards-wrap{padding: 0 20px 100px;}
}


/* ============================================
솔루션
   ============================================ */
.contents .content .title-wrap{display: flex;  flex-direction: column;  align-items: flex-start;  gap: 20px;}
.contents .content .title-lead{width: 100%; font-size: 2.5rem;  letter-spacing: -0.75px;  color: #fff;  line-height: 1.4;  font-weight: 600; word-break: keep-all;}
.contents .content .title-desc{width: 100%; font-size: 1.125rem;  letter-spacing: -0.75px;  color: #fff;  line-height: 1.4;  font-weight: 400; word-break: keep-all;}
.contents .content .title-desc .blue{color: #0095FF;}
.contents .content .title-wrap .tag-row{display: flex; flex-direction: row;justify-content: flex-start; align-items: center; gap: 10px;height: 42px; flex-wrap: wrap;}
.contents .content .title-wrap .tag-row .tag{padding: 10px;  border-radius: 50px; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center;background-color: #257DD7; font-size: 1rem; letter-spacing: -0.75px; color: #fff; font-weight: 600;}

.core-cards{width: 100%;max-width: 950px; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 50px; margin: 0 auto;}
.core-cards .core-card{flex: 1; height: 200px;  border-radius: 20px;  background-color: #ffffff14;  display: flex;  align-items: center; justify-content: center; gap: 10px; flex-direction: column;}
.core-cards .core-card .icon{width: 50px;height: 50px;display: block;}
.core-cards .core-card .label{font-size: 1rem; font-weight: 600; color: #0095FF; letter-spacing: -1px;}
.core-cards .text{display: flex;justify-content: center;padding: 0 10px;}
.core-cards .text p{font-size: 0.875rem; text-align: center; color: #fff;font-weight: 300; letter-spacing: -0.9px; word-break: keep-all; line-height: 1.4;}

/* 제품 */
.page-product .core-cards .core-card{height: 250px; gap: 20px;}
.page-product .core-cards .core-card .label{text-align: center; padding: 0 30px; }
.page-product .core-cards .core-card .label p{word-break: keep-all;line-height: 1.4;font-weight: 600;}


.digital-twin-cards .ico01{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/digital-twin-icon01.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.digital-twin-cards .ico02{display: block; width: 100%; height: 100%;background-image: url("/images/solution/icon/digital-twin-icon02.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.digital-twin-cards .ico03{display: block;width: 100%; height: 100%;background-image: url("/images/solution/icon/digital-twin-icon03.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.digital-twin-cards .ico04{display: block;width: 100%; height: 100%;background-image: url("/images/solution/icon/digital-twin-icon04.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.subscription-business-cards .ico01{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/subscription-business-icon01.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.subscription-business-cards .ico02{display: block; width: 100%; height: 100%;background-image: url("/images/solution/icon/subscription-business-icon02.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.subscription-business-cards .ico03{display: block;width: 100%; height: 100%;background-image: url("/images/solution/icon/subscription-business-icon03.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.subscription-business-cards .ico04{display: block;width: 100%; height: 100%;background-image: url("/images/solution/icon/subscription-business-icon04.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.manufacturing-dx-cards .ico01{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/manufacturing-dx-icon01-01.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.manufacturing-dx-cards .ico02{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/manufacturing-dx-icon01-02.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.manufacturing-dx-cards .ico03{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/manufacturing-dx-icon01-03.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.manufacturing-dx-cards .ico04{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/manufacturing-dx-icon01-04.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.ai-data-platform-cards .ico01{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/ai-data-platform01-01.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.ai-data-platform-cards .ico02{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/ai-data-platform01-02.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.ai-data-platform-cards .ico03{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/ai-data-platform01-03.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.ai-data-platform-cards .ico04{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/ai-data-platform01-04.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.digital-green-sw-cards .ico01{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/digital-green-sw01-01.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.digital-green-sw-cards .ico02{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/digital-green-sw01-02.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.digital-green-sw-cards .ico03{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/digital-green-sw01-03.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.digital-green-sw-cards .ico04{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/digital-green-sw01-04.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}


.data-dam-cards .ico01{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/data-dam01-01.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.data-dam-cards .ico02{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/data-dam01-02.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.data-dam-cards .ico03{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/data-dam01-03.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.data-dam-cards .ico04{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/data-dam01-04.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.system-integration-cards .ico01{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/system-integration01-01.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.system-integration-cards .ico02{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/system-integration01-02.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.system-integration-cards .ico03{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/system-integration01-03.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.system-integration-cards .ico04{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/system-integration01-04.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.disaster-safety-platform-cards .ico01{display: block;width: 100%;  height: 100%;background-image: url("/images/product/disaster-safety-platform-icon01-01.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.disaster-safety-platform-cards .ico02{display: block;width: 100%;  height: 100%;background-image: url("/images/product/disaster-safety-platform-icon01-02.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.disaster-safety-platform-cards .ico03{display: block;width: 100%;  height: 100%;background-image: url("/images/product/disaster-safety-platform-icon01-03.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}


.internal-control-system-cards .ico01{display: block;width: 100%;  height: 100%;background-image: url("/images/product/internal-control-system01-01.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.internal-control-system-cards .ico02{display: block;width: 100%;  height: 100%;background-image: url("/images/product/internal-control-system01-02.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.internal-control-system-cards .ico03{display: block;width: 100%;  height: 100%;background-image: url("/images/product/internal-control-system01-03.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}


.smart-monitoring-system-cards .ico01{display: block;width: 100%;  height: 100%;background-image: url("/images/product/smart-monitoring-system01-01.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.smart-monitoring-system-cards .ico02{display: block;width: 100%;  height: 100%;background-image: url("/images/product/smart-monitoring-system01-02.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.smart-monitoring-system-cards .ico03{display: block;width: 100%;  height: 100%;background-image: url("/images/product/smart-monitoring-system01-03.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.integrated-data-platform-cards .ico01{display: block;width: 100%;  height: 100%;background-image: url("/images/product/integrated-data-platform01-01.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.integrated-data-platform-cards .ico02{display: block;width: 100%;  height: 100%;background-image: url("/images/product/integrated-data-platform01-02.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.integrated-data-platform-cards .ico03{display: block;width: 100%;  height: 100%;background-image: url("/images/product/integrated-data-platform01-03.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}


.ip-camera-system-cards .ico01{display: block;width: 100%;  height: 100%;background-image: url("/images/product/ip-camera-system-01-01.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.ip-camera-system-cards .ico02{display: block;width: 100%;  height: 100%;background-image: url("/images/product/ip-camera-system-01-02.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.ip-camera-system-cards .ico03{display: block;width: 100%;  height: 100%;background-image: url("/images/product/ip-camera-system-01-03.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.containers{width: 100%;display: flex; flex-direction: column; gap: 100px;}
.containers .container{width: 100%;display: flex; flex-direction: column;gap: 30px;}
.containers .container .feature-head{display: flex;  flex-direction: row;align-items: flex-start;justify-content: space-between;}
.containers .container .feature-head .eyebrow{font-size: 1.25rem; letter-spacing: -0.8px; color: #ccc;font-weight: 300;line-height: 1.4;}
.containers .container .container-text{width: 100%;display: flex; flex-direction: row;justify-content: space-between; align-items: flex-start;gap: 100px;}
.containers .container .feature-head .con{max-width: 1200px; width: 100%; display: flex;flex-direction: row;align-items: flex-start;gap: 200px;justify-content: space-between;}
.containers .container .feature-head .con h5,
.containers .container .container-text h5{color: #fff; font-size: 2rem;font-weight: 600;letter-spacing: -0.75px;word-break: keep-all;}
.containers .container .feature-head .con .desc{max-width: 800px;  width: 100%;display: flex;  flex-direction: column;  align-items: flex-start;  gap: 5px;}
.containers .container .container-text .text{max-width: 1000px; width: 100%;}
.containers .container .container-text .text p{font-size: 1.25rem; color: #fff; font-weight: 200; line-height: 1.4; letter-spacing: -0.9px;word-break: keep-all;}
.containers .container .feature-head .con .desc p{font-size: 1.25rem; color: #fff; font-weight: 200; line-height: 1.4; letter-spacing: -0.9px;word-break: keep-all;}
.containers .container .shot-wrap{display: flex;flex-direction: row;justify-content: flex-end;}
.containers .container .shot-wrap .image{display: flex;  align-items: center; justify-content: center; flex-direction: column; padding: 100px; max-width: 1000px;  width: 100%;border-radius: 20px; background-color: #ffffff20;}
.containers .container .shot-wrap.subscription-business .image{max-width: 1000px;}
.containers .container .shot-wrap .image img{width: 100%; object-fit: contain;}



.box-wrap{width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 30px;}
.box-wrap .box{width: 100%; display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 24px; border-radius: 20px; border: 1px solid #3c3c3c;}
.box-wrap .box.blue{border: 1px solid #0095FF;}
.box-wrap .box .icon{width: 24px; height: 24px;}
.box-wrap .box .tit{font-size: 1rem; color: #0088FF;font-weight: 600; letter-spacing: -0.75px;}
.box-wrap .box .text{font-size: 1rem; color: #fff; font-weight: 300; letter-spacing: -0.75px;}
.box-wrap .box.blue .text b{color: #0095FF; font-weight: 700; font-size: 1rem;}

.box-wrap.subscription-business .box .icon .ico1{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/subscription-business-icon02-1.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.subscription-business .box .icon .ico2{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/subscription-business-icon02-2.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.subscription-business .box .icon .ico3{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/subscription-business-icon02-3.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.box-wrap.ai-data-platform .box .icon .ico1{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/ai-data-platform02-01.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.ai-data-platform .box .icon .ico2{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/ai-data-platform02-02.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.ai-data-platform .box .icon .ico3{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/ai-data-platform02-03.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.ai-data-platform .box .icon .ico4{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/ai-data-platform02-04.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}


.box-wrap.digital-green-sw .box .icon .ico1{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/digital-green-sw02-01.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.digital-green-sw .box .icon .ico2{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/digital-green-sw02-02.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.digital-green-sw .box .icon .ico3{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/digital-green-sw02-03.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.box-wrap.data-dam .box .icon .ico1{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/data-dam02-01.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.data-dam .box .icon .ico2{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/data-dam02-02.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.data-dam .box .icon .ico3{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/data-dam02-03.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.data-dam .box .icon .ico4{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/data-dam02-04.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.box-wrap.system-integration .box .icon .ico1{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/system-integration02-01.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.system-integration .box .icon .ico2{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/system-integration02-02.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.system-integration .box .icon .ico3{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/system-integration02-03.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.box-wrap.disaster-safety-platform .box .icon .ico1{display: block;width: 100%;  height: 100%;background-image: url("/images/product/disaster-safety-platform-icon02-01.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.disaster-safety-platform .box .icon .ico2{display: block;width: 100%;  height: 100%;background-image: url("/images/product/disaster-safety-platform-icon02-02.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.disaster-safety-platform .box .icon .ico3{display: block;width: 100%;  height: 100%;background-image: url("/images/product/disaster-safety-platform-icon02-03.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.disaster-safety-platform .box .icon .ico4{display: block;width: 100%;  height: 100%;background-image: url("/images/product/disaster-safety-platform-icon02-04.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.disaster-safety-platform .box .icon .ico5{display: block;width: 100%;  height: 100%;background-image: url("/images/product/disaster-safety-platform-icon02-05.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.box-wrap.internal-control-system .box .icon .ico1{display: block;width: 100%;  height: 100%;background-image: url("/images/product/internal-control-system02-01.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.internal-control-system .box .icon .ico2{display: block;width: 100%;  height: 100%;background-image: url("/images/product/internal-control-system02-02.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.internal-control-system .box .icon .ico3{display: block;width: 100%;  height: 100%;background-image: url("/images/product/internal-control-system02-03.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.box-wrap.smart-monitoring-system .box .icon .ico1{display: block;width: 100%;  height: 100%;background-image: url("/images/product/smart-monitoring-system02-01.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.smart-monitoring-system .box .icon .ico2{display: block;width: 100%;  height: 100%;background-image: url("/images/product/smart-monitoring-system02-02.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.smart-monitoring-system .box .icon .ico3{display: block;width: 100%;  height: 100%;background-image: url("/images/product/smart-monitoring-system02-03.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.box-wrap.integrated-data-platform .box .icon .ico1{display: block;width: 100%;  height: 100%;background-image: url("/images/product/integrated-data-platform02-01.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.integrated-data-platform .box .icon .ico2{display: block;width: 100%;  height: 100%;background-image: url("/images/product/integrated-data-platform02-02.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.box-wrap.ip-camera-system .box .icon .ico1{display: block;width: 100%;  height: 100%;background-image: url("/images/product/ip-camera-system-02-01.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.ip-camera-system .box .icon .ico2{display: block;width: 100%;  height: 100%;background-image: url("/images/product/ip-camera-system-02-02.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-wrap.ip-camera-system .box .icon .ico3{display: block;width: 100%;  height: 100%;background-image: url("/images/product/ip-camera-system-02-03.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.box-wrap .row-wrap{width: 100%; display: flex; flex-direction: row; align-items: center;gap: 30px;}
.box-wrap .row-wrap .arrow-right{min-width: 30px; height: 30px;display: block;background-image: url("/images/solution/icon/arrow-right.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.box-contents{width: 100%;}
.box-contents .box-content{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 22px;}



.box-contents.digital-green-sw .box-content{grid-template-columns: repeat(3, minmax(0, 1fr));gap: 50px;}

.box-contents.product-box-contents .box-content{display: flex; flex-direction: row;gap: 20px;}

.box-contents .box-content .box{width: 100%; padding: 20px;background-color: #ffffff10; border-radius: 20px; display: flex; flex-direction: column; align-items: flex-start;gap: 30px;}
.box-contents .box-content .box .icon{width: 50px; height: 50px;}
.box-contents .box-content .box ul{width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}
.box-contents .box-content .box ul li p{font-size: 0.9rem;color: #ffffff;font-weight: 300; letter-spacing: -0.75px;line-height: 1.4;}

.box-contents.manufacturing-dx .box-content .box .icon .ico1{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/manufacturing-dx-icon02-01.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-contents.manufacturing-dx .box-content .box .icon .ico2{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/manufacturing-dx-icon02-02.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-contents.manufacturing-dx .box-content .box .icon .ico3{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/manufacturing-dx-icon02-03.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-contents.manufacturing-dx .box-content .box .icon .ico4{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/manufacturing-dx-icon02-04.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}


.box-contents.ai-data-platform .box-content .box .icon .ico1{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/ai-data-platform03-01.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-contents.ai-data-platform .box-content .box .icon .ico2{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/ai-data-platform03-02.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-contents.ai-data-platform .box-content .box .icon .ico3{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/ai-data-platform03-03.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-contents.ai-data-platform .box-content .box .icon .ico4{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/ai-data-platform03-04.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}


.box-contents.digital-green-sw .box-content .box .icon .ico1{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/digital-green-sw03-01.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-contents.digital-green-sw .box-content .box .icon .ico2{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/digital-green-sw03-02.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-contents.digital-green-sw .box-content .box .icon .ico3{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/digital-green-sw03-03.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-contents.digital-green-sw .box-content .box .icon .ico4{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/digital-green-sw03-04.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-contents.digital-green-sw .box-content .box .icon .ico5{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/digital-green-sw03-05.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}

.box-contents.system-integration .box-content .box .icon .ico1{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/system-integration03-01.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-contents.system-integration .box-content .box .icon .ico2{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/system-integration03-02.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-contents.system-integration .box-content .box .icon .ico3{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/system-integration03-03.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.box-contents.system-integration .box-content .box .icon .ico4{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/system-integration03-04.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}




.box-contents .box-content .box .tit{font-size: 1.7rem; letter-spacing: -1px; color: #fff; font-weight: 700;}
.box-contents .box-content .box .txt{font-size: 1.1rem; letter-spacing: -0.75px; color: #fff; font-weight: 300;line-height: 1.4;}
.box-contents .box-content .box .tag-wrap{display: flex;flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px;}
.box-contents .box-content .box .tag-wrap .tag{font-size: 1rem; color: #0095FF; letter-spacing: -1px; font-weight: 300;display: flex;flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px;}
.box-contents .box-content .box .tag-wrap .tag + .tag::before{content: '';width: 2px; height: 2px; background-color: #0095FF; display: block;}


.inner-wrap{width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;gap: 30px;}
.inner-wrap .inner{flex: 1;width: 100%; padding: 20px;border-radius: 10px; background-color: #ffffff10;}
.inner-wrap .inner .inn{width: 100%;display: flex; flex-direction: column;align-items: flex-start;gap: 20px;}
.inner-wrap .inner .inn .tit{font-size: 1.25rem; color: #ffffff;font-weight: 700; letter-spacing: -0.75px;}
.inner-wrap .inner .inn ul{width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}
.inner-wrap .inner .inn ul li p{font-size: 0.9rem;color: #ffffff;font-weight: 300; letter-spacing: -0.75px;line-height: 1.4;}

.image-wrap{width: 100%; padding: 50px; background-color: #ffffff20; border-radius: 20px;  display: flex; flex-direction: row;  align-items: center;justify-content: center;}
.image-wrap .image{max-width: 1400px;}
.image-wrap .image img{width: 100%; height: 100%;object-fit: contain;}




.flow-inner{width: 100%;display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}
.flow-inner .inner{width: 100%;display: flex; flex-direction: row; align-items: center;gap: 30px;}
.flow-inner .inner .inn-tit .title{font-size: 2.1rem; font-weight: 800; color: #0095FF;}
.flow-inner .inner .inn-name{min-width: 230px;}
.flow-inner .inner .inn-name .name{font-size: 2rem; color: #fff;text-transform: uppercase; font-weight: 600;}
.flow-inner .inner .inn-text{flex: 1;  width: 100%;  padding: 0 30px; border-radius: 10px; background-color: #ffffff10; display: flex; align-items: center; justify-content: flex-start; height: 56px;}
.flow-inner .inner .inn-text p{font-size: 1rem;  line-height: 1; color: #fff; font-weight: 300; letter-spacing: -0.75px;}

.value-wrap{width: 100%;display: flex; flex-direction: column; align-items: flex-start; gap: 30px;}
.value-wrap .title{font-size: 1.5rem;  color: #fff; font-weight: 600;letter-spacing: -0.75px;}
.value-box-wrap{width: 100%;display: flex;flex-direction: row; align-items: center; justify-content: flex-start; gap: 30px;}


.value-box{width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;padding: 24px; border-radius: 20px;border: 1px solid #0095FF;}
.value-box .title{flex: 1;font-size: 2rem; color: #0095FF; font-weight: 800; letter-spacing: -0.75px;}
.value-box .con{flex: 1; width: 100%;}
.value-box .con .desc{width: 100%;display: flex;  flex-direction: column; align-items: flex-start; gap: 10px; }
.value-box .con .desc p{font-size: 1rem; letter-spacing: -0.75px; color: #0095FF; line-height: 1.4; font-weight: 500;}

.value-box-wrap .value-box {justify-content: center;}
.value-box-wrap .value-box p{font-size: 1.125rem; color: #0095FF; font-weight: 600; letter-spacing: -0.75px;}

.quick-wrap{width: 100%;display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 24px; flex-wrap: wrap;}
.quick-wrap .quick-card{padding: 20px; border-radius: 10px; background-color: #ffffff10; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px;}
.quick-wrap .quick-card .icon{width: 30px;height: 30px;}
.quick-wrap .quick-card p{font-size: 0.875rem;color: #0095FF; font-weight: 800; letter-spacing: -1px;}


.quick-wrap.data-dam .quick-card .icon .ico01{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/data-dam03-01.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.quick-wrap.data-dam .quick-card .icon .ico02{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/data-dam03-02.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.quick-wrap.data-dam .quick-card .icon .ico03{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/data-dam03-03.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.quick-wrap.data-dam .quick-card .icon .ico04{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/data-dam03-04.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.quick-wrap.data-dam .quick-card .icon .ico05{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/data-dam03-05.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.quick-wrap.data-dam .quick-card .icon .ico06{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/data-dam03-06.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.quick-wrap.data-dam .quick-card .icon .ico07{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/data-dam03-07.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.quick-wrap.data-dam .quick-card .icon .ico08{display: block;width: 100%;  height: 100%;background-image: url("/images/solution/icon/data-dam03-08.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}





/* 반응형 */
@media (max-width: 1440px){
.page-product .contents .content .title-lead{font-size: 2rem;}
.containers .container .feature-head{flex-direction: column;gap: 10px;}
.containers .container .container-text{flex-direction: column;gap: 20px;}
.containers .container .feature-head .con{flex-direction: column;gap: 20px;}
.box-contents .box-content{grid-template-columns:1fr;}
.box-contents.digital-green-sw .box-content{grid-template-columns: 1fr;gap: 20px;}
.box-contents.product-box-contents .box-content{flex-direction: column;}

.flow-inner .inner .inn-tit .title{font-size: 1.5rem;}
.flow-inner .inner .inn-name{min-width: 200px;}
.flow-inner .inner .inn-name .name{font-size: 1.2rem;}
.flow-inner .inner .inn-text{height: 40px;}
.flow-inner .inner .inn-text p{font-size: 0.7rem;}
.quick-wrap .quick-card .icon{width: 25px;height: 25px;}
.quick-wrap{gap: 30px;}
.value-box-wrap .value-box p{font-size: 1rem;}
}

@media (max-width: 1024px) {
.container .wrap{padding: 0 20px 100px;}
.page-solution .contents .content .title-lead{font-size: 2rem;}
.page-product .contents .content .title-lead{font-size: 1.5rem;}
.page-solution .contents .content .title-desc{font-size: 1rem;}
.page-solution .contents .content .title-wrap .tag-row .tag{font-size: 0.9rem;}
.core-cards { gap: 30px;}
.core-cards .text p{text-align: left;}
.containers .container .feature-head .eyebrow{font-size: 1rem;}
.box-wrap .box{flex-direction: column;}
.box-contents .box-content .box{gap: 16px;}
.box-contents .box-content .box .icon{width: 40px; height: 40px;}
.box-contents .box-content .box .tit{font-size: 1rem;}
.box-contents .box-content .box .txt{font-size: 0.9rem;}
.box-contents .box-content .box .tag-wrap .tag{font-size: 0.875rem;}
.inner-wrap{flex-direction: column;}
.image-wrap{padding: 30px;}

.flow-inner .inner .inn-tit .title{font-size: 1.2rem;}
.flow-inner .inner .inn-name .name{font-size: 1rem;}
.flow-inner .inner .inn-name{min-width: 0;}

.value-box{flex-direction: column; gap: 20px;}
.value-box .title{width: 100%;font-size: 1.5rem;}
.value-box-wrap{flex-direction: column; gap: 20px;}
.value-box-wrap .value-box p{font-size: 0.9rem;}

.quick-wrap .quick-card{padding: 16px;}
.quick-wrap .quick-card p{font-size: 0.8rem;}
.quick-wrap{gap: 20px;}
}

@media (max-width: 768px) {   
.page-solution .contents .content .title-lead{font-size: 1.5rem;}
.page-product .contents .content .title-lead{font-size: 1.25rem;}
.page-solution .contents .content .title-desc{font-size: 1rem;}
.contents .content .title-wrap .tag-row{height: auto;}
.page-solution .contents .content .title-wrap .tag-row .tag{font-size: 0.9rem;}
.core-cards{flex-direction: column;}
.core-cards .core-card{width: 100%;padding: 20px; gap: 20px;}
.core-cards .core-card .icon{width: 30px;height: 30px;}
.core-cards .core-card .label{line-height: 1.4; min-width: 0;}
.core-cards .text{text-align: center;}
.containers .container .shot-wrap .image{padding: 20px;}
.containers .container .feature-head .eyebrow{font-size: 0.9rem;}
.containers .container .feature-head .con .desc p{font-size: 1rem;}
.containers .container .feature-head .con h5,
.containers .container .container-text h5 {font-size: 1.5rem;}
.containers .container .container-text .text p{font-size: 1rem;}
.box-wrap{gap: 50px;}
.box-wrap .row-wrap{flex-direction: column; gap: 10px;}
.box-wrap .row-wrap .arrow-right{transform: rotate(90deg);}
.image-wrap{padding: 20px;}

.flow-inner .inner{gap: 16px;}
.flow-inner .inner .inn-tit .title{font-size: 0.9rem;}
.flow-inner .inner .inn-text{padding: 0 16px;}
.flow-inner .inner .inn-name .name{font-size: 0.8rem;}

.value-box .title{width: 100%;font-size: 1.25rem;}
.value-box .con .desc p{font-size: 0.9rem;}
.value-box-wrap .value-box p{font-size: 0.875rem;}
.quick-wrap .quick-card .icon{width: 20px;height: 20px;}
.quick-wrap .quick-card p{font-size: 0.75rem;}
.quick-wrap{gap: 16px;}

}

/* ============================================
뉴스 목록
   ============================================ */
.news-list{width: 100%; display: flex;flex-direction: column; align-items: center; gap: 50px;}
.news{width: 100%;display: flex; flex-direction: column;}
.news-item{width: 100%;display: flex;flex-direction: column;}
.news-item.hidden{display: none;}
.news-item + .news-item::before{content: ''; display: block; width: 100%; height: 1px; background-color: #ffffff20;}
.news-item:last-child{border-bottom: 1px solid #ffffff20;}
.news-link{width: 100%;  display: flex;  flex-direction: row;  justify-content: flex-start;  align-items: center;  gap: 50px;  padding: 30px 0;}
.news-link .news-image-wrapper{width: 450px; height: 300px; overflow: hidden; border-radius: 20px;}
.news-link .news-image-wrapper img{width: 100%; height: 100%; object-fit: cover;}
.news-link .news-content{flex: 1;display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; height: 200px; padding: 24px;}
.news-link .news-content .news-title{color: #fff;font-size: 1.125rem; letter-spacing: -.75px; line-height: 1.4; word-break: keep-all; font-weight: 700;}
.news-link .news-content .date{color: #8D8D8D;font-size: .875rem;letter-spacing: -.75px;}
.load-more-wrapper .load-more-btn{height: 40px;   display: flex;  flex-direction: row;  align-items: center; justify-content: center; padding: 0 30px;border: 1px solid #ffffff50;  border-radius: 25px; transition: all 0.3s;}
.load-more-wrapper .load-more-btn span{font-size: 1rem;letter-spacing: -0.75px; transition: all 0.3s;} 
.load-more-wrapper .load-more-btn:hover{background-color: #ffffff;border-color: #fff;}
.load-more-wrapper .load-more-btn:hover span{color: #444;}





@media (max-width: 1024px){
   .news-link{flex-direction: column; align-items: flex-start;gap: 20px;}
   .news-link .news-image-wrapper{width: 100% !important;}
   .news-link .news-content{width: 100%;justify-content: flex-start;gap: 10px;padding: 0;}
   .container .page-header{height: 20rem;}
   .news-detail .title-wrap .title h4{font-size: 1.2rem; line-height: 1.4;}
   
}


/* ============================================
뉴스 상세
   ============================================ */
.news-detail{width: 100%;}
.news-detail .title-wrap{width: 100%;  display: flex; flex-direction: column;  align-items: flex-start; gap: 10px;}
.news-detail .title-wrap .title{width: 100%;  display: flex;  padding: 24px;  border-top: 2px solid #ffffff;  border-bottom: 1px solid #ffffff20;}
.news-detail .title-wrap .title h4{width: 100%; font-size: 1.5rem; color: #fff;  letter-spacing: -0.75px;  font-weight: 700;}
.news-detail .title-wrap .date-info{width: 100%;   display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 20px;}
.news-detail .title-wrap .date-info .date{font-size: 1rem; color: #8d8d8d; line-height: 1.4;}
.news-detail .title-wrap .date-info .original-link{display: flex; flex-direction: row; align-items: center; gap: 8px; font-size: 0.875rem; color: #fff; text-decoration: none; padding: 8px 16px; border: 1px solid #ffffff30; border-radius: 20px; transition: all 0.3s;}
.news-detail .title-wrap .date-info .original-link:hover{background-color: #ffffff20; border-color: #ffffff50;}
.news-detail .title-wrap .date-info .original-link .view-icon{width: 16px; height: 16px; background-image: url("/images/view-white-icon.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.news-detail .news-contents-wrap{max-width: 1000px;  width: 100%; margin: 0 auto;display: flex; flex-direction: column; align-items: center; padding: 50px 0;}
.news-detail .news-contents-wrap .news-image{width: 600px; height: auto; overflow: hidden;border-radius: 10px;}
.news-detail .news-contents-wrap .news-image img{width: 100%;height: 100%; object-fit: cover;}
.news-detail .news-content{width: 100%;  display: flex; flex-direction: column; align-items: center; gap: 30px; padding: 30px 0;}
.news-detail .news-content p{font-size: 1.2rem; color: #fff; letter-spacing: -0.75px;  line-height: 1.6; word-break: keep-all; font-weight: 200;}
.news-detail .news-content h3{font-size: 2rem; color: #fff; letter-spacing: -0.75px; font-weight: 700;  line-height: 2;padding-top: 20px;}
.news-detail .news-content ul{width: 100%;display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.news-detail .news-content ul li{width: 100%;font-size: 1.1rem; color: #fff; letter-spacing: -0.75px;  line-height: 1.6; font-weight: 100;word-break: keep-all;display: flex;flex-direction: row;justify-content: flex-start;align-items: center; gap: 5px;}
.news-detail .news-content ul li::before{content: '';display: flex;width: 3px; height: 3px; border-radius: 5px; background-color: #fff;}
.news-detail .news-actions{width: 100%;  border-top: 1px solid #ffffff20; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding-top: 50px; }
.news-detail .news-actions .news-nav-link{ display: flex; flex-direction: row; align-items: center; gap: 10px;}
.news-detail .news-actions .news-nav-link .icon{width: 50px;  height: 50px;  display: flex;  flex-direction: row;  align-items: center;  justify-content: center;  border-radius: 50px; border: 1px solid #ffffff30;transition: all 0.3s;}
.news-detail .news-actions .news-nav-link:hover .icon{box-shadow: 0 0 20px #ffffff50;}
.news-detail .news-actions .news-nav-link.disabled{opacity: 0.3;}
.news-detail .news-actions .news-nav-link.disabled:hover .icon{box-shadow: none;}
.news-detail .news-actions .news-nav-link .icon .before-ico{width: 24px; height: 24px; background-image: url("/images/news-arrow-left-ico.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.news-detail .news-actions .news-nav-link .icon .after-ico{width: 24px; height: 24px; background-image: url("/images/news-arrow-right-ico.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.news-detail .news-actions .news-nav-link span{font-size: .875rem; font-weight: 500; color: #fff; letter-spacing: -0.75px;}
.news-detail .news-actions .news-list-link{display: flex;flex-direction: row; align-items: center; justify-content: center; height: 50px; font-size: 1rem; color: #fff; padding: 0 50px; border: 1px solid #fff; border-radius: 50px;transition: all 0.3s;}
.news-detail .news-actions .news-list-link:hover{background-color: #ffffff; color: #030303;}


.news-detail .contents-wrap{width: 100%;  display: flex; flex-direction: column; gap: 20px;}
.news-detail .contents-wrap .content{width: 100%; display: flex;flex-direction: column; gap: 20px;}
.news-detail .contents-wrap .content.center{align-items: center;gap: 10px;padding: 30px 0;}
.news-detail .contents-wrap .content img{max-width: 600px;width: 100%; height: auto; border-radius: 10px; object-fit: cover; margin: 0 auto;}
.news-detail .contents-wrap .content p{font-size: 1.2rem; color: #fff; letter-spacing: -0.75px;  line-height: 1.6; word-break: keep-all; font-weight: 200;word-break: keep-all;}
.news-detail span{font-size: 0.875rem; color: #fff; letter-spacing: -0.75px;  line-height: 1.6; word-break: keep-all; font-weight: 200;}
.news-detail .contents-wrap .content .text{width: 100%; display: flex;flex-direction: column; gap: 10px; padding-top: 20px; border-top: 1px solid #ffffff10;}
.news-detail .contents-wrap .content .text p{font-size: 1rem; color: #efefef; letter-spacing: -0.85px;  line-height: 1.4; word-break: keep-all; font-weight: 200; word-break: keep-all;}
.news-detail .contents-wrap .content.center > p{font-size:0.875rem; color: #e4e4e4;}

@media (max-width: 1024px) {
.news-detail .news-contents-wrap .news-image{width: 100%;}
.news-detail .news-actions .news-nav-link span{display: none;}
.news-detail .news-content h3{font-size: 1.25rem;}
.news-detail .contents-wrap .content p{font-size: 1rem;}
}
@media (max-width: 768px){
   .news-detail .news-content h3{font-size: 1.1rem;}
   .news-detail .contents-wrap .content p{font-size: 0.875rem;}
}

/* 문의하기 */
.contact .container .wrap{padding-bottom: 0;}
.contact .main{max-width: 1000px;margin: 0 auto;width: 100%;}
.contact-detail{width: 100%;display: flex; flex-direction: column;gap: 20px;padding-bottom: 100px;}
.contact-detail .form-group{width: 100%;display: flex;flex-direction: column; align-items: flex-start; gap: 10px;}
.contact-detail .form-group 

label{font-size:0.9rem;letter-spacing: -0.75px; color: #fff; line-height: 1;}
.contact-detail .form-group input{width: 100%; height: 50px; padding: 0 20px; border-radius: 10px; background-color: #182027; border: none; color: #fff;font-size: 0.9rem;}
.contact-detail .form-group input::placeholder,
.contact-detail .form-group .textarea::placeholder{color: #c4c4c4; font-weight: 300;}
.contact-detail .form-group .textarea{width: 100%; height: 300px; padding: 20px; resize: none; border-radius: 10px; background-color: #182027; border: none;color: #fff;font-size: 0.9rem;line-height: 1.4;}
.contact-detail .button{display: flex; flex-direction: row; align-items: center; justify-content: center;}
.contact-detail .button .submit-btn{font-size: 0.9rem;  height: 50px;  display: flex;  flex-direction: row;  align-items: center; justify-content: center; padding: 0 50px; border: 1px solid #fff;  border-radius: 50px;  color: #fff; letter-spacing: -.75px; transition: all 0.3s;}
.contact-detail .button .submit-btn:hover{background-color: #fff; color: #333333;}


@media (max-width: 1024px) {
   .contact-detail{padding: 0 20px 100px;}
}

/* 오시는 길 */
.location .container .wrap{padding-bottom: 0;}
.location-info{max-width: 1200px;width: 100%; margin: 0 auto;padding-bottom: 100px;}
.map-info{width: 100%; display: flex; flex-direction: column; gap: 50px;}
.map-info h2{font-size: 1.5rem; color: #fff;letter-spacing: -0.75px; font-weight: 700;}
.map-info .map{width: 100%;height: 500px; background-color: #171b23;border-radius: 20px;}
.info-txt{display: flex;  flex-direction: column; align-items: flex-start; gap: 10px;}
.info-txt h2{font-size: 1rem; color: #fff;letter-spacing: -0.75px;}
.info-txt .txt{width: 100%; display: flex;  flex-direction: column; align-items: flex-start; gap: 5px;}
.info-txt ul{width: 100%; display: flex;  flex-direction: column; align-items: flex-start; gap: 30px; padding: 10px;} 

.info-txt-wrap .txt{display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}
.info-txt-wrap .txt .inf{display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}
.info-txt-wrap .txt .inf span{font-size: 1rem;color: #fff;letter-spacing: -0.75px;}
.info-txt-wrap .txt .inf p{font-size: 0.9rem; color: #fff;letter-spacing: -0.75px; font-weight: 300;width: max-content;}

.info-txt .txt p{font-size: 0.9rem; color: #fff;letter-spacing: -0.75px; font-weight: 300;width: max-content;}
.info-txt  li{width: 100%; font-size: 0.9rem; color: #fff;letter-spacing: -0.75px;}
.info-txt ul .inf{width: 100%;display: flex;flex-direction: column; align-items: flex-start;gap: 10px;}
.info-txt ul .inf .titl::before{content: ''; width: 2px; height: 2px; background-color: #ffffff; display: block; border-radius: 50px;}
.info-txt ul .inf .titl{display: flex;flex-direction: row; align-items: center; gap: 10px;}
.info-txt ul .inf .titl b{font-size: 0.95rem; font-weight: 500;}
.info-txt ul .inf .txt{width: 100%; display: flex;flex-direction: row; align-items: center; gap: 20px;}
.info-txt ul .inf .txt .label{width: 300px; display: flex; flex-direction: row; align-items: center;  gap: 5px;}
.info-txt ul .inf .txt .label .s-txt{font-size: 0.875rem; font-weight: 200; color: #efefef;}
.info-txt ul .inf .txt .label .green{display: flex; flex-direction: row;  align-items: center;justify-content: center;  width: 20px;  height: 20px; background-color: #00ac15; border-radius: 50px; line-height: 1;}
.info-txt ul .inf .txt .value-wrap{gap: 10px;}
.info-txt ul .inf .txt .value{width: 100%; display: flex; flex-direction: row; align-items: center;  gap: 10px;}
.info-txt ul .inf .txt .value p{font-size: 0.9rem;color: #ffffff;display: flex;flex-direction: row;align-items: center;gap: 5px;}
.info-txt ul .inf .txt .value span{font-size: 0.9rem;color: #ffb200;display: flex;flex-direction: row;align-items: center;gap: 10px;}
.info-txt ul .inf .txt .value p + span::before{content: ''; width: 1px; height: 10px; background-color: #cccccc; display: block;}
.info-txt ul .inf .txt .value .number{width: 100%; display: flex;align-items: center; flex-direction: row; gap: 10px; }
.info-txt ul .inf .txt .value .number .num{font-size: 0.785rem;color: #ffffff;display: flex;flex-direction: row;align-items: center;gap: 5px;}
.info-txt ul .inf .txt .value-wrap .value small{word-break: auto-phrase;display: flex;flex-direction: row; align-items: center;justify-content: center; padding: 5px;border-radius: 5px; color: #fff;font-size: 0.875rem;}
.info-txt ul .inf .txt .value-wrap .value small.green{background-color: #00ac15;}
.info-txt ul .inf .txt .value-wrap .value small.blue{background-color: #0095FF;}




@media (max-width: 1440px) {
   .location-info{padding: 0 20px 100px;}
}
@media (max-width: 768px){
   .info-txt ul .inf .txt{flex-direction: column; align-items: flex-start;}
}

/* CEO 인사말 */
.ceo .container .wrap{padding-bottom: 0;}
.ceo .main{width: 100%;}
.message-detail-wrap{max-width: 1000px; width: 100%; margin: 0 auto;padding-bottom: 100px;}
.message-detail-wrap .message-detail{display: flex; flex-direction: column; gap: 20px;}
.message-detail-wrap .message-detail p{font-size: 1rem; letter-spacing: -0.75px; line-height: 1.6; color: #fff; font-weight: 300; word-break: keep-all;}
.sign-wrap{width: 100%;display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 10px;padding-top: 30px;}
.sign-wrap p{font-size: 1rem; letter-spacing: -0.75px; line-height: 1.4; color: #fff; font-weight: 300; word-break: keep-all;}
.sign-wrap .img{width: 100px;height: 68px;}
.sign-wrap .img img{width: 100%; height: 100%; object-fit: contain;}

@media (max-width: 1024px) {
   .message-detail-wrap{padding: 0 20px 100px;}
}



/* 제품페이지 */
.inner-wrap .image{min-width: 500px; min-height: 500px;max-height: 500px;; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius: 20px;background-color: #ffffff10;padding: 50px;}
.inner-wrap .image img{height: fit-content; object-fit: contain;}
.inners{width: 100%;display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}
.inners .inn{width: 100%;display: flex; flex-direction: column; align-items: flex-start; gap: 5px; padding: 10px 20px; background-color: #191e26; border-radius: 10px; transition: all 0.3s;}
.inners .inn:hover{background-color: #00264d;}
.inners .inn .titl{color: #fff; font-weight: 500; font-size: 0.9rem; letter-spacing: -0.75px; line-height: 1.4;}
.inners .inn .inf{display: flex; flex-direction: row;  justify-content: flex-start; align-items: center; gap: 10px;}
.inners .inn .inf p{color: #fff; font-weight: 300; font-size: 0.8rem; letter-spacing: -0.75px; line-height: 1; display: flex; flex-direction: row;  justify-content: flex-start; align-items: center; gap: 10px;}
.inners .inn .inf p + p::before{content: ''; width: 1px; height: 10px; background-color: #efefef; display: block;}
@media (max-width: 1024px) {
   .inner-wrap .image{width: 100%; min-width: 0;}
}

/* 토스트메시지 - 화면 정중앙 */
.toast-container {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000; max-width: 400px; width: 90%;}
.toast {padding: 20px; border-radius: 50px; box-shadow: 0 8px 24px #0000004a; display: flex; align-items: center;align-items: center;justify-content: center; opacity: 0; transform: scale(0.9);transition: opacity 0.3s ease-out, transform 0.3s ease-out; min-width: 300px;}
.toast.show { opacity: 1; transform: scale(1);}
.toast.success { background-color: #008be29c; color: white;backdrop-filter: blur(2px);}
.toast.error {background-color: #ff5050a8;color: white;backdrop-filter: blur(2px);}
.toast-message {flex: 1; font-size: 1rem;  line-height: 1.5;  font-weight: 500; letter-spacing: -0.75px; text-align: center;}