@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"위노베이트"; font-size:12px; line-height:15px;}

.bullet-item .bullet-list {position:relative; padding-left:15px; margin-top:10px; line-height:1.3;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:9px; width:3px; height: 3px; background:var(--color-primary); border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}
.bulletitem2 { padding-left: 0.6em; text-indent: -0.6em;}

/*  css 파일 추가 처리(선택사항)  */
.fr-box .swiper-wrapper {display:block;}

.blocker {z-index: 100;}
.modal {max-width:980px; width: 100%;}

.bg-gray {background:#fafafa;}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px) 0 ;}
.subsec-pd2 {padding: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px) 0 ;}
.subsec-pdt {padding-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.subsec-pdb {padding-bottom: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}

.radiobx {display: flex; flex-wrap: wrap;}
.radiobx .item {display: flex;align-items: center; min-height: clamp(38px, calc( 44 / var(--inner) * 100vw ), 44px);}
.radiobx .item:not(:last-child) {margin-right: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}

.subsec-titbx {margin-bottom: var(--padding-40);}
.subsec-titbx .subsec-cate {display: inline-block; margin-bottom: var(--padding-16); font-size: var(--font-size-24); font-weight: 500; line-height: 1.6; background: linear-gradient(273deg, #7302A1 8.62%, var(--Color4, #C000D3) 98.41%);background-clip: text; -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.subsec-titbx .subsec-tit {display: flex;align-items: center; flex-wrap: wrap; gap: var(--padding-16); font-size: var(--font-size-42); font-weight: 600; line-height: 1.38;}
.subsec-titbx .subsec-tit .small {font-size:var(--font-size-18); color: #ababab; font-weight: 500; line-height: 1.41;} 
.subsec-titbx .subsec-dec {margin-top:var(--padding-16); font-size: var(--font-size-20 ); line-height: 1.41; color: #676767; letter-spacing: -0.5px;}
.subsec-titbx .subsec-dec.ty2 {font-size: var(--font-size-24);}

.dottext {margin-bottom: var(--padding-34 ); padding-left: clamp(25px, calc( 40 / var(--inner) * 100vw ), 40px); position: relative; font-size: var(--font-size-24); color: #A8A8A8; font-weight: 600; line-height: 1.6;}
.dottext::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); height:auto; aspect-ratio: 24/8; background:url(../images/sub/dot-tit.svg) no-repeat center center /contain; }
.dottext.ty2 {color: #A8A8A8 ;}
.dottext.ty2:before {background:url(../images/sub/dot-tit2.svg) no-repeat center center /contain;}

.commflxWrap {display: flex;flex-direction: column;gap: var(--padding-60);}

.sub1_1_1 .flxWrap {flex-direction: row-reverse; gap: var(--padding-100); position: relative; z-index: 2;}
.sub1_1_1 .imgbx {width: clamp(300px, calc( 480 / var(--inner) * 100vw ), 480px);}
.sub1_1_1 .textbx {flex: 1; letter-spacing: -0.6px;}
.sub1_1_1 .textbx .decbx {display: flex;flex-direction: column;gap: var(--padding-40);}
.sub1_1_1 .textbx .txt1 {font-size: var(--font-size-24); line-height: 1.66; font-weight: 600;}
.sub1_1_1 .textbx .txt2 {font-size: var(--font-size-20); color: var(--color-body); line-height: 1.7;}
.sub1_1_1 .bg-blue {position: relative; margin-top: -7%; padding: var(--padding-60) 0 var(--padding-140); background: #F8FAFD; z-index: 1;}
.sub1_1_1 .btmtextbx {display: flex;flex-direction: column;gap: var(--padding-40);color: var(--color-body); line-height: 1.7; font-size: var(--font-size-20);}
.sub1_1_1 .btmtextbx .dec:first-child {padding-right: 40%;}
.sub1_1_2 .info-table {margin:0; border:1px solid #eee; border-radius:8px; overflow:hidden;}
.sub1_1_2 .info-row {display:flex; border-bottom:1px solid #eee;}
.sub1_1_2 .info-row:last-child {border-bottom:0;}
.sub1_1_2 .info-cell {display:flex; align-items:center; gap:var(--padding-50); flex:1; min-width:0; padding:var(--padding-34); border-right:1px solid #eee;}
.sub1_1_2 .info-cell:last-child {border-right:0;}
.sub1_1_2 .info-cell--wide {flex:1;}
/* .sub1_1_2 .info-cell--narrow {flex:0 0 clamp(280px, calc( 467 / var(--inner) * 100vw ), 467px);} */
.sub1_1_2 .info-cell--stack {flex-direction:column; align-items:flex-start; gap:var(--padding-24);}
.sub1_1_2 .info-cell--full {width:100%;}
.sub1_1_2 .info-label {flex-shrink:0; width:clamp(120px, calc( 140 / var(--inner) * 100vw ), 140px); font-size:var(--font-size-18); line-height:1.66; color:#676767; letter-spacing:-0.02em;}
.sub1_1_2 .info-row--2 .info-cell--wide .info-label {width:clamp(90px, calc( 124 / var(--inner) * 100vw ), 124px);}
.sub1_1_2 .info-val {margin:0; font-weight:600; line-height:1.5;}
.sub1_1_2 .val-fourth {font-size:var(--font-size-28); color:var(--color-secondary); letter-spacing:-0.02em;}
.sub1_1_2 .val-tertiary {font-size:var(--font-size-24); color:var(--color-seventh); line-height:1.66; letter-spacing:-0.02em;}
.sub1_1_2 .val-lg {font-size:var(--font-size-28); color:#2c2c2c; letter-spacing:-0.02em;}
.sub1_1_2 .val-md {font-size:var(--font-size-24); color:#2c2c2c; line-height:1.66; letter-spacing:-0.02em;}
.sub1_1_2 .val-body {font-size:var(--font-size-20); font-weight:500; color:var(--color-body); line-height:1.6; letter-spacing:-0.02em;}
.sub1_1_2 .info-valbx {display:flex; flex-direction:column; gap:8px; margin:0;}
.sub1_1_2 .info-sub {font-size:var(--font-size-16); font-weight:500; color:#a8a8a8; line-height:1.5; letter-spacing:-0.02em;}
.sub1_1_2 .info-row--3 .info-label {width: auto;}

.sub1_1_3 .mv-row {display:flex; align-items:stretch; gap:var(--padding-24); flex-wrap:wrap;}
.sub1_1_3 .mv-card {display:flex; flex:1; flex-direction:column; gap:var(--padding-30); min-width:clamp(280px, calc(50% - 12px), 100%); padding:var(--padding-34); border:1px solid #eee; border-radius:8px;}
.sub1_1_3 .mv-head {display:flex; align-items:center; gap:var(--padding-24);}
.sub1_1_3 .mv-icn {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:clamp(50px, calc(100 / var(--inner) * 100vw), 100px); height:clamp(50px, calc(100 / var(--inner) * 100vw), 100px); border-radius:500px; background:#e8f4ff;}
.sub1_1_3 .mv-icn img {display:block; width:clamp(30px, calc(56 / var(--inner) * 100vw), 56px); height:auto; object-fit:contain;}
.sub1_1_3 .mv-tit {font-size:var(--font-size-36); font-weight:600; line-height:1.38; color:var(--color-secondary); letter-spacing:-0.02em;}
.sub1_1_3 .mv-desc {font-size:var(--font-size-20); color:#676767; line-height:1.5; letter-spacing:-0.02em;}
.sub1_1_3 .mv-pic {flex:1; min-height:clamp(180px, calc(280 / var(--inner) * 100vw), 280px); border-radius:8px; overflow:hidden;}
.sub1_1_3 .mv-pic img {width:100%; height:100%; object-fit:cover; object-position:center bottom;}
.sub1_1_3 .ms-list {display:flex; flex-direction:column; gap:var(--padding-20); position:relative; margin:0; padding:0; list-style:none;}
.sub1_1_3 .ms-list::before {content:""; position:absolute; left:18px; top:18px; bottom:18px; width:1px; background:#2c2c2c;}
.sub1_1_3 .ms-item {display:flex; align-items:flex-start; gap:var(--padding-16); position:relative;}
.sub1_1_3 .ms-icn {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:clamp(30px, calc(36 / var(--inner) * 100vw), 36px); height:auto; aspect-ratio: 1/1; border:1px solid #2c2c2c; border-radius:500px; background:#fff;}
.sub1_1_3 .ms-icn img {display:block; width:clamp(15px, calc(20 / var(--inner) * 100vw), 20px); height:auto; object-fit:contain;}
.sub1_1_3 .ms-txt {display:flex; flex-direction:column; gap:8px; padding-top:4px; min-width:0;}
.sub1_1_3 .ms-tit {font-size:var(--font-size-18); font-weight:500; line-height:1.66; color:#2c2c2c; letter-spacing:-0.02em;}
.sub1_1_3 .ms-desc {font-size:var(--font-size-18); color:#676767; line-height:1.55; letter-spacing:-0.02em;}
.sub1_1_3 .cv-tit {margin-bottom:var(--padding-40); font-size:var(--font-size-36); font-weight:600; line-height:1.38; color:#2c2c2c; letter-spacing:-0.02em;}
.sub1_1_3 .cv-grid {display:flex; align-items:stretch; gap:10px; margin:0; padding:0; list-style:none; flex-wrap:wrap;}
.sub1_1_3 .cv-item {display:flex; flex:1; flex-direction:column; align-items:center; gap:var(--padding-16); min-width:clamp(240px, calc(33.33% - 7px), 100%); padding:var(--padding-34) var(--padding-16); border:1px solid #eee; border-radius:8px; background:#fff; text-align:center;}
.sub1_1_3 .cv-icn {display:flex; align-items:center; justify-content:center; width:clamp(45px, calc(80 / var(--inner) * 100vw), 80px); height:clamp(45px, calc(80 / var(--inner) * 100vw), 80px);}
.sub1_1_3 .cv-icn img {display:block; max-width:100%; max-height:100%; object-fit:contain;}
.sub1_1_3 .cv-name {font-size:var(--font-size-24); font-weight:500; line-height:1.66; color:var(--color-seventh); letter-spacing:-0.02em;}
.sub1_1_3 .cv-desc {font-size:var(--font-size-20); color:#676767; line-height:1.5; letter-spacing:-0.02em;}

.hst { padding-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); margin-top: var(--padding-80); border-top: 2px solid #ddd;}
.hst-wrap { display: flex; align-items: flex-start; position: relative; height: 100%; }
.hst-wrap::before { content: ""; position: absolute; left: 0; right: 0; margin: auto; top: clamp(-80px, calc( -80 / var(--inner) * 100vw ), -40px); width: 2px; height: calc(100% + 80px); background: #dfdfdf;}
.hst-wrap::after { content: ""; position: sticky; right: calc(50% - 16px); top: 176px; width: 32px; height: 32px; background: url(../images/sub/hst-dot.png) center no-repeat; background-size: contain;}
.hst .sticky { position: sticky; top: 160px; width: 50%; }
.hst .sticky a { display:block; position: relative; line-height: 1.38; font-size: var(--font-size-42); font-weight: 600; color: #DFDFDF; margin-bottom: var(--padding-24); }
.hst .sticky a span {display: inline-block; padding-right: 20px; position: relative;}
.hst .sticky a span::before { content: ""; position: absolute; right: 0; top: 10px; width:8px; height: 8px; background: var(--color-seventh); border-radius: 50%; opacity: 0;}
.hst .sticky a:last-child { margin-bottom: 0; }
.hst .sticky a.active { color: #2C2C2C;}
.hst .sticky a:hover { color: #2C2C2C;}
.hst .sticky a.active span:before {opacity: 1;}
.hst .sticky a:nth-child(1).active span:before {background: #00316B;}
.hst .sticky a:nth-child(2).active span:before {background: var(--color-secondary);}
.hst .sticky a:nth-child(3).active span:before {background: var(--color-seventh);}
.hst .info { width: 50%; } 
.hst .info .wrap { margin-bottom: var(--padding-120); }
.hst .info .wrap:last-child { margin-bottom: 0; }
.hst .info .group { margin-bottom: var(--padding-60 ); padding-left: var(--padding-80); }
.hst .info .group:last-child { margin-bottom: 0; }
.hst .info .group .year { font-size: var(--font-size-24); font-weight: 600; line-height: 1.66; margin-bottom: 16px; }
.hst .info .contbx + .contbx {margin-top:12px;}
.hst .info .contbx .cont {display: flex;flex-direction: column;gap: var(--padding-12); flex: 1; padding-left: 0.7em;  text-indent: -0.7em; font-size: var(--font-szie-18); color: #676767; line-height: 1.55; letter-spacing: -0.3px;}
.hst .info .icn {margin-bottom: var(--padding-24); width: clamp(38px, calc( 48 / var(--inner) * 100vw ), 48px); height: clamp(38px, calc( 48 / var(--inner) * 100vw ), 48px);}
.hst .info .icn img {display: block; max-width: 100%; max-height: 100%; object-fit: contain;}
.hst .info .color-txt {font-size:var(--font-size-36); font-weight: 600; line-height: 1.38;} 
.hst .info .color-txt.color-1 {color: #00316B;}
.hst .info .color-txt.color-2 {color: var(--color-secondary);}
.hst .info .color-txt.color-3 {color: var(--color-seventh);}

.vision-list {display:flex; align-items:flex-start; flex-wrap: wrap; gap:var(--padding-40);}
.vision-item {display:flex; flex:1; flex-direction:column; gap:var(--padding-40); min-width:0;}
.vision-txt {font-size:var(--font-size-36); font-weight:500; line-height:1.38; color:#2c2c2c; letter-spacing:-0.02em;}
.vision-img {border-radius:8px; overflow:hidden;}
.vision-img img {width:100%; height:100%; object-fit:cover;}

.mission-grid {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--padding-40);}
.mission-item {display:flex; flex-direction:column; gap:var(--padding-16); padding:var(--padding-16); background:#f6f6f6; border-radius:8px;}
.mission-inner {display:flex; flex-direction:column; gap:var(--padding-30); padding:var(--padding-24);}
.mission-textbx {display:flex; flex-direction:column; gap:var(--padding-16);}
.mission-tag {display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:4px; font-size:var(--font-size-16); font-weight:500; line-height:1.5; letter-spacing:-0.02em;}
.mission-dot {flex-shrink:0; width:4px; height:4px; border-radius:50%;}
.mission-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; letter-spacing:-0.02em;}
.mission-desc {font-size:var(--font-size-20); color:#676767; line-height:1.7; letter-spacing:-0.02em;}
.mission-img {height:clamp(180px, calc( 300 / var(--inner) * 100vw ), 300px); border-radius:8px; overflow:hidden;}
.mission-img img {width:100%; height:100%; object-fit:cover;}
.mission-item--1 .mission-tag {background:rgba(0, 49, 107, 0.1); color:var(--color-seventh);}
.mission-item--1 .mission-dot {background:var(--color-seventh);}
.mission-item--1 .mission-tit {color:var(--color-seventh);}
.mission-item--2 .mission-tag {background:rgba(115, 2, 161, 0.1); color:var(--color-fourth);}
.mission-item--2 .mission-dot {background:var(--color-fourth);}
.mission-item--2 .mission-tit {color:var(--color-fourth);}
.mission-item--3 .mission-tag {background:rgba(238, 121, 0, 0.1); color:var(--color-tertiary);}
.mission-item--3 .mission-dot {background:var(--color-tertiary);}
.mission-item--3 .mission-tit {color:var(--color-tertiary);}

.value-grid {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--padding-40);}
.value-item {display:flex; flex-direction:column; gap:var(--padding-34); padding:var(--padding-24); border-radius:8px;}
.value-top {display:flex; align-items:flex-end; justify-content:space-between; gap:var(--padding-16); padding-bottom:var(--padding-24); border-bottom:1px solid;}
.value-tit {padding-bottom:var(--padding-12); font-size:var(--font-size-28); font-weight:500; line-height:1.5; letter-spacing:-0.02em; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;}
.value-icn {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:clamp(35px, calc( 100 / var(--inner) * 100vw ), 100px); height:auto; aspect-ratio: 1/1;}
.value-icn img {display:block; max-width:100%; max-height:100%; object-fit:contain;}
.value-body {display:flex; flex-direction:column; gap:var(--padding-12);}
.value-label {font-size:var(--font-size-16); font-weight:500; line-height:1.5; color:#a8a8a8; letter-spacing:-0.02em;}
.value-desc {font-size:var(--font-size-20); color:#676767; line-height:1.7; letter-spacing:-0.02em;}
.value-item--1 {background:linear-gradient(290deg, #f7fafd 0%, #eef4fb 100%);}
.value-item--1 .value-top {border-color:rgba(0, 49, 107, 0.4);}
.value-item--1 .value-tit {background-image:linear-gradient(-76deg, var(--color-seventh) 9.63%, var(--color-secondary) 94.16%);}
.value-item--2 {background:linear-gradient(290deg, #fbf5fd 0%, #f5eef9 100%);}
.value-item--2 .value-top {border-color:rgba(115, 2, 161, 0.4);}
.value-item--2 .value-tit {background-image:linear-gradient(-79deg, var(--color-fourth) 8.62%, var(--color-fifth) 98.41%);}
.value-item--3 {background:linear-gradient(290deg, #fffcf9 0%, #fef6ef 100%);}
.value-item--3 .value-top {border-color:rgba(238, 121, 0, 0.4);}
.value-item--3 .value-tit {background-image:linear-gradient(102deg, var(--color-sixth) 3.21%, var(--color-tertiary) 89.6%);}

.rndvision-grid {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--padding-24);}
.rndvision-item {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--padding-16); padding:var(--padding-55) var(--padding-20); border:1px solid #eee; border-radius:8px; text-align:center;}
.rndvision-icn {display:flex; align-items:center; justify-content:center; width:clamp(48px, calc( 64 / var(--inner) * 100vw ), 64px); height:atuo;aspect-ratio: 1/1;}
.rndvision-icn img {display:block; max-width:100%; max-height:100%; object-fit:contain;}
.rndvision-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; letter-spacing:-0.02em;}
.rndvision-desc {font-size:var(--font-size-20); color:#676767; line-height:1.7; letter-spacing:-0.02em;}
.rndvision-item--1 .rndvision-tit {color:var(--color-secondary);}
.rndvision-item--2 .rndvision-tit {color:var(--color-secondary);}
.rndvision-item--3 .rndvision-tit {color:var(--color-secondary);}

.coretech-wrap {display:flex; align-items:stretch; gap:var(--padding-24); flex-wrap: wrap;}
.coretech-imgbx {flex:0 0 clamp(280px, calc( 450 / var(--inner) * 100vw ), 450px); border-radius:8px; overflow:hidden;}
.coretech-imgbx img {width:100%; height:100%; object-fit:cover; object-position:center bottom;}
.coretech-textbx {display:flex; flex:1; flex-direction:column; gap:var(--padding-24); min-width:0;}
.coretech-box {display:flex; flex: 1; flex-direction:column; gap:var(--padding-24); padding:var(--padding-40); background:#fff; border:1px solid #eee; border-radius:8px;}
.coretech-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; letter-spacing:-0.02em;}
.coretech-desc {font-size:var(--font-size-20); color:var(--color-body); line-height:1.7; letter-spacing:-0.02em;}
.coretech-box--1 .coretech-tit {color:var(--color-seventh);}
.coretech-box--2 .coretech-tit {color:var(--color-seventh);}

.coretech-btm {display:flex; flex-direction:column; align-items:center; text-align:center;}
.coretech-btm-inner {display:flex; flex-direction:column; align-items:center; gap:var(--padding-34); width:100%;}
.coretech-btm-icn {display:flex; align-items:center; justify-content:center; width:clamp(70px, calc( 100 / var(--inner) * 100vw ), 100px); height:clamp(70px, calc( 100 / var(--inner) * 100vw ), 100px);}
.coretech-btm-icn img {display:block; max-width:100%; max-height:100%; object-fit:contain;}
.coretech-btm-textbx {display:flex; flex-direction:column; align-items:center; gap:var(--padding-16);}
.coretech-btm-tit {font-size:var(--font-size-36); font-weight:500; line-height:1.27; color:#2c2c2c; letter-spacing:-0.02em;}
.coretech-btm-tit .point-secondary {color:var(--color-secondary);}
.coretech-btm-tit .point-fifth {color:var(--color-seventh);}
.coretech-btm-dec {font-size:var(--font-size-24); color:var(--color-body); line-height:1.4; letter-spacing:-0.02em;}

.sub2_4_2 {background: url(../images/sub/sub2_4_2-bg.jpg) no-repeat center center /cover;}
.updgridlist {display: flex;flex-direction: column;gap: var(--padding-24);}
.updgriditem {padding: var(--padding-30); border-radius: 8px; border: 1px solid #EEE;  background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(12px);}
.updgriditem .textbx {display: flex;flex-direction: column;gap: var(--padding-16);}
.updgriditem .textbx .txt {font-size: var(--font-size-20); color: #a8a8a8; font-weight: 500; line-height: 1.7;}
.updgriditem .decbx {display: flex;flex-direction: column;gap: var(--padding-24);}
.updgriditem .decbx .dec {font-size: var(--font-size-20); color: #676767; line-height: 1.7; letter-spacing: -0.4px;}
.updgriditem.bg-blue {background: linear-gradient(103deg, rgba(37, 117, 187, 0.04) 1.16%, rgba(233, 98, 245, 0.04) 100%); border: 0;}
.updgriditem .tit {margin-bottom: var(--padding-40); font-size: var(--font-size-28); font-weight: 500; line-height: 1.5; letter-spacing: -0.5px;background: linear-gradient(273deg, var(--Color2, #2575BB) 8.62%, #00316B 98.41%);; background-clip: text;  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.updgriditem .image {text-align: center;}

.gpx-wrap {display:flex; align-items:stretch; gap:var(--padding-24); flex-wrap: wrap;}
.gpx-lab {flex:1; min-width:0; padding:var(--padding-40); border:1px solid #eee; border-radius:8px;}
.gpx-lab-img {border-radius:4px; overflow:hidden;}
.gpx-lab-img img {width:100%; height:auto;}
.gpx-info {display:flex; flex:0 0 clamp(280px, calc( 450 / var(--inner) * 100vw ), 450px); flex-direction:column; justify-content:space-between; gap:var(--padding-24); padding:var(--padding-40); background:#F5F7F9; border-radius:8px;}
.gpx-info-top {display:flex; flex-direction:column; gap:var(--padding-24);}
.gpx-info-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; color:var(--color-secondary); letter-spacing:-0.02em;}
.gpx-info-desc {font-size:var(--font-size-20); color:var(--color-body); line-height:1.7; letter-spacing:-0.02em;}
.gpx-info-btm {display:flex; flex-direction:column; gap:4px;}
.gpx-info-subtit {font-size:var(--font-size-20); font-weight:500; line-height:1.7; color:var(--color-seventh); letter-spacing:-0.02em;}
.gpx-info-subdec {font-size:var(--font-size-18); color:#676767; line-height:1.66; letter-spacing:-0.02em;}

.sub2_4_4 {background: url(../images/sub/sub2_4_4-bg.jpg) no-repeat center center /cover;}
.focus-grid {display:flex; align-items:stretch; gap:var(--padding-40); flex-wrap: wrap;}
.focus-item {display:flex; flex:1; flex-direction:column; gap:var(--padding-16); min-width:0; padding:var(--padding-16); border:1px solid #dfdfdf; border-radius:8px; background:rgba(255,255,255,0.1); backdrop-filter:blur(12px);}
.focus-img {height:clamp(180px, calc( 300 / var(--inner) * 100vw ), 300px); border-radius:8px; overflow:hidden;}
.focus-img img {width:100%; height:100%; object-fit:cover;}
.focus-textbx {display:flex; flex-direction:column; gap:var(--padding-30); padding:var(--padding-24);}
.focus-tag {display:inline-flex; align-items:center; justify-content:center; padding:6px 12px; border-radius:4px; font-size:var(--font-size-16); font-weight:500; line-height:1.5; letter-spacing:-0.02em;}
.focus-item--1 .focus-tag {background:#fff; color:var(--color-secondary);}
.focus-item--2 .focus-tag {background:#fff; color:var(--color-seventh);}
.focus-decbx {display:flex; flex-direction:column; gap:var(--padding-16);}
.focus-item--1 .focus-tit {color:var(--color-secondary);}
.focus-item--2 .focus-tit {color:var(--color-seventh);}
.focus-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; letter-spacing:-0.02em;}
.focus-dec {font-size:var(--font-size-20); color:#676767; line-height:1.7; letter-spacing:-0.02em;}
.focus-btm {display:flex; align-items:center; gap:var(--padding-16); margin-top:var(--padding-40); padding:var(--padding-40); border-radius:8px; background:linear-gradient(160deg, rgba(37, 117, 187, 0.04) 1.16%, rgba(233, 98, 245, 0.04) 100%); backdrop-filter:blur(12px);}
.focus-btm-icn {display:flex; flex-shrink:0; align-items:center; justify-content:center; width:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); height:auto; aspect-ratio: 1/1;}
.focus-btm-icn img {display:block; width:100%; height:100%; object-fit:contain;}
.focus-btm-dec {font-size:var(--font-size-20); color:var(--color-body); line-height:1.7; letter-spacing:-0.02em;}

.cert-grid {display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--padding-30) var(--padding-10);}
.cert-item {display:flex; flex-direction:column; gap:var(--padding-24); min-width:0;}
.cert-img {position:relative; padding-bottom:128.65%;  border-radius:8px; background:#fff; overflow:hidden;}
.cert-img img {position:absolute; top:50%; left:0; transform:translateY(-50%) scale(1.05); width:100%; height:auto; max-width:100%; min-height:100%; object-fit:cover; filter:blur(2px);}
.cert-img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; border-radius: 8px;}
.cert-textbx {display:flex; flex-direction:column; gap:clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px);}
.cert-titbx {display:flex; flex-direction:column; gap:8px;}
.cert-tit {font-size:var(--font-size-28); font-weight:500; line-height:1.5; color:var(--color-body); letter-spacing:-0.02em;}
.cert-dec {font-size:var(--font-size-18); color:#676767; line-height:1.5; letter-spacing:-0.02em;}
.cert-label {font-size:var(--font-size-16); color:var(--color-secondary); line-height:1.5; letter-spacing:-0.02em;}

.manu-wrap {background: url(../images/sub/manu-bg.jpg) no-repeat center bottom /cover;}
.manu-grid {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--padding-24);}
.manu-item {display:flex; flex-direction:column; gap:var(--padding-30); min-width:0; padding:var(--padding-40); border:1px solid #dfdfdf; border-radius:8px; background:rgba(255,255,255,0.1); backdrop-filter:blur(12px);}
.manu-top {display:flex; align-items:flex-start; justify-content:space-between; gap:var(--padding-16);}
.manu-titbx {display:flex; flex-direction:column; gap:var(--padding-16); min-width:0;}
.manu-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; letter-spacing:-0.02em;}
.manu-item--1 .manu-tit {color:var(--color-secondary);}
.manu-item--2 .manu-tit {color:var(--color-fifth);}
.manu-item--3 .manu-tit {color:var(--color-tertiary);}
.manu-item--4 .manu-tit {color:var(--color-seventh);}
.manu-item--5 .manu-tit {color:var(--color-fourth);}
.manu-item--6 .manu-tit {color:var(--color-sixth);}
.manu-dec {font-size:var(--font-size-20); color:#676767; line-height:1.7; letter-spacing:-0.02em;}
.manu-icn {display:flex; flex-shrink:0; align-items:center; justify-content:center; width:clamp(48px, calc( 64 / var(--inner) * 100vw ), 64px); height:clamp(48px, calc( 64 / var(--inner) * 100vw ), 64px);}
.manu-icn img {display:block; max-width:100%; max-height:100%; object-fit:contain;}
.manu-impact {display:flex; flex-direction:column; gap:8px; padding:var(--padding-24); border:1px solid #eee; border-radius:8px; background:rgba(255,255,255,0.4);}
.manu-impact-tit {font-size:var(--font-size-18); font-weight:500; line-height:1.66; color:var(--color-body); letter-spacing:-0.02em;}
.manu-impact-dec {font-size:var(--font-size-18); color:#676767; line-height:1.66; letter-spacing:-0.02em;}

.mfg-list {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--padding-24); margin:0; padding:0; list-style:none;}
.mfg-item {display:flex; flex-direction:column; gap:var(--padding-24); min-width:0; padding:var(--padding-34) 0; border:1px solid #dfdfdf; border-radius:8px; background:rgba(255,255,255,0.1); backdrop-filter:blur(12px);}
.mfg-body {display:flex; flex-direction:column; align-items:center; gap:12px; padding: 0 15px; text-align:center;}
.mfg-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; letter-spacing:-0.02em;}
.mfg-item--1 .mfg-tit,
.mfg-item--3 .mfg-tit,
.mfg-item--5 .mfg-tit {color:var(--color-secondary);}
.mfg-item--2 .mfg-tit,
.mfg-item--4 .mfg-tit,
.mfg-item--6 .mfg-tit {color:var(--color-seventh);}
.mfg-icn {display:flex; align-items:center; justify-content:center; width:clamp(35px, calc(64 / var(--inner) * 100vw), 64px); height:clamp(35px, calc(64 / var(--inner) * 100vw), 64px);}
.mfg-icn img {display:block; max-width:100%; max-height:100%; object-fit:contain;}
.mfg-desc {font-size:var(--font-size-20); color:#676767; line-height:1.5; letter-spacing:-0.02em;}
.mfg-impact {display:flex; flex-direction:column; align-items:center; gap:8px; padding-top:var(--padding-16); padding-left: 15px; padding-right: 15px; border-top:1px solid #eee; text-align:center;}
.mfg-item--4 .mfg-impact,
.mfg-item--5 .mfg-impact,
.mfg-item--6 .mfg-impact {border-top-color:#dfdfdf;}
.mfg-impact-tit {font-size:var(--font-size-18); font-weight:500; line-height:1.66; color:#2c2c2c; letter-spacing:-0.02em;}
.mfg-impact-dec {font-size:var(--font-size-18); color:#676767; line-height:1.55; letter-spacing:-0.02em;}

.facial-wrap {max-width: 1920px; margin: 0 auto;}
.faceflx {display: flex; flex-wrap: wrap; align-items: flex-end; flex-direction: row-reverse; min-height: 70vh; position: relative;}
.mapinfobx,
.facemapbx {flex: 1; height: stretch;}
.mapinfobx {position:relative; min-height:0; flex:1;}
.mapinfobx .mapdefaultbx {position:relative; z-index:1;}
.mapinfobx.is-active .mapdefaultbx {visibility:hidden;}
.facepopbx {display: none; position: absolute; top: 0; left: 0; z-index: 2; width: 50%; height: 100%; box-sizing: border-box;}
.facepopbx.is-active {display: block;}
.facepop-templates {display:none;}

.mapdefaultbx {padding: var(--padding-120) 0;  background: url(../images/sub/mapdefault-bg.jpg) no-repeat center center /cover; width: 100%; height: 100%;}
.mapdefaultbx .contain {padding-left: clamp(16px, calc( 160 / var(--inner) * 100vw ), 160px);}
.mapdefaultbx .toptitbx {margin-bottom:  clamp(40px, calc( 225 / var(--inner) * 100vw ), 225px);}
.mapdefaultbx .toptitbx .badge {display: inline-flex;align-items: center;justify-content: center; gap:9px; margin-bottom: var(--padding-34); padding: 6px 10px;  background: #fff; border: 1px solid #eee; border-radius: 4px;}
.mapdefaultbx .toptitbx .txt {font-size: var(--font-size-14); color: #878787; font-weight: 500; line-height: 1.14;}
.mapdefaultbx .toptitbx .title {font-size:var(--font-size-56); line-height: 1.28; letter-spacing: -1px; font-weight: 600;}
.mapdefaultbx .toptitbx .txtbg {background: linear-gradient(273deg, var(--Color2, #2575BB) 8.62%, #00316B 98.41%); background-clip: text;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.mapdefaultbx .toptitbx .dec {margin-top: var(--padding-24); font-size: var(--font-size-24); color: var(--color-body); line-height: 1.66; letter-spacing: -0.5px;}
.mapdefaultbx .btn-solution {display: inline-flex;align-items: center;justify-content: center;gap:var(--padding-16); padding:var(--padding-16) clamp(24px, calc( 30 / var(--inner) * 100vw ), 30px); border-radius:500px; background: #fff; border: 1px solid #eee;}
.mapdefaultbx .btn-solution .tit {font-size: var(--font-size-20); color: #676767; font-weight: 600; line-height: 1.7;}
.mapdefaultbx .btn-solution:hover {background: var(--color-tertiary); border-color: var(--color-tertiary);}
.mapdefaultbx .btn-solution:hover .tit {color: #fff;}
.mapdefaultbx .btn-solution:hover path {stroke: #fff;}

.facepopbx {padding: var(--padding-40) var(--padding-20); background: url(../images/sub/mapdefault-bg.jpg) no-repeat center center / cover;}
.facepop {max-width: 680px; width: 100%; margin: 0 auto; border-radius:8px; background: #fff;}
.facepop .pophead {padding: var(--padding-30); display: flex; justify-content: space-between;gap: 10px;}
.facepop .pophead .titbx {display: flex;flex-direction: column;gap: var(--padding-12);}
.facepop .pophead .tit {font-size: var(--font-size-28); font-weight: 500;font-family: var(--font-atoz);background: linear-gradient(273deg, var(--Color2, #2575BB) 8.62%, #00316B 98.41%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.facepop .pophead .btn-filedown {display: flex;align-items: center;gap:6px; color: #676767; font-weight: 500; line-height: 1.5;}
.facepop .pophead .close {width: 18px; height: auto; aspect-ratio: 1/1; border: 0;background: transparent;}
.facepop .popbody {overflow-y: auto; max-height: clamp(400px, calc( 620 / var(--inner) * 100vw ), 620px);}
.facepop .bodyitem {padding: var(--padding-30); border-top: 1px dashed #DFDFDF;}
.popsec {display:flex; align-items:flex-start; gap:14px;}
.popsec-num {display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:34px; margin-top:4px; padding:8px; border-radius:4px; background:#fef2e6; font-size:var(--font-size-14); font-weight:500; line-height:1.14; color:var(--color-tertiary); letter-spacing:-0.02em;}
.popsec-cont {display:flex; flex-direction:column; gap:var(--padding-16); min-width:0; margin-top: 3px;}
.popsec-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; color:var(--color-body); letter-spacing:-0.02em;}
.popprod {display:flex; align-items:flex-start; gap:10px;}
.popprod-icn {display:flex; flex-shrink:0; align-items:center; justify-content:center; width:18px; height:18px; margin-top:clamp(3px, calc( 6 / var(--inner) * 100vw ), 6px);}
.popprod-icn img {display:block; width:100%; height:100%; object-fit:contain;}
.popprod-textbx {display:flex; flex-direction:column; min-width:0;}
.popprod-tit {font-size:var(--font-size-20); font-weight:500; line-height:1.5; color:var(--color-body); letter-spacing:-0.02em;}
.popprod-dec {font-size:var(--font-size-16); color:#505050; line-height:1.5; letter-spacing:-0.02em;}
.popprod.is-disabled .popprod-tit,
.popprod.is-disabled .popprod-dec {color:#ccc;}
.popprod-list {display:flex; flex-wrap:wrap; align-items:center; gap:4px; font-size:var(--font-size-16); color:#505050; line-height:1.5; letter-spacing:-0.02em;}
.popprod-list .point {background:linear-gradient(111deg, var(--color-sixth) 3.21%, var(--color-tertiary) 89.6%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.popprod-list .popprod-name {color:#505050; text-decoration:none; cursor:pointer;}
.popprod-list .popprod-name:hover {color:var(--color-secondary); text-decoration:underline;}

.facemapbx {display:flex; justify-content:center; align-items:flex-end; padding-top:55px; text-align:center; flex:1; min-width:0;}
.facemap-inner {position:relative; display:block; width:100%; }
.facemap-img {position:relative; width:100%; height:0; padding-bottom:82.29%; overflow:hidden;}
.facemap-img img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.facemap-points {position:absolute; inset:0; pointer-events:none;}
.facemap-point {position:absolute; transform:translate(-50%, -50%); z-index:2; pointer-events:auto;}
.facemap-btn {display:flex; align-items:center; justify-content:center; border:0; background:transparent; padding:0; cursor:pointer;}
.facemap-label {display:none; position:absolute; top:50%; transform:translateY(-50%); font-family:var(--font-atoz); font-size:var(--font-size-16); font-weight:500; color:#fff; line-height:1.5; letter-spacing:-0.02em; white-space:nowrap; pointer-events:none;}
.facemap-point--left .facemap-label {right:calc(100% + 10px); left:auto; text-align:right;}
.facemap-point--right .facemap-label {left:calc(100% + 10px); right:auto; text-align:left;}
.facemap-dot {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px); height:auto; aspect-ratio: 1/1; border:1px solid rgba(255, 255, 255, 0.64);background: rgba(0, 49, 107, 0.10);backdrop-filter: blur(12px); border-radius:50%; box-sizing:border-box;}
.facemap-dot-inner {display:none; align-items:center; justify-content:center; width:clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px); height:auto; aspect-ratio: 1/1; border-radius:50%; background:var(--color-secondary); box-shadow:0 0 12px rgba(0,0,0,0.1);}
.facemap-dot-inner img {display:block; width:12px; height:auto;}
.facemap-point.is-active .facemap-label {display:inline-flex; align-items:center; justify-content:center; padding:4px 8px; border-radius:500px; background:rgba(0,0,0,0.3); backdrop-filter:blur(12px);}
.facemap-point.is-active .facemap-dot {width:clamp(24px, calc( 32 / var(--inner) * 100vw ), 32px); height:auto; aspect-ratio: 1/1; border-color:transparent; background:rgba(255,255,255,0.24); backdrop-filter:blur(12px); box-shadow:0 0 12px rgba(0,0,0,0.1);}
.facemap-point.is-active .facemap-dot-inner {display:flex;}

.gate-tab {display:flex; flex-wrap:wrap; align-items:flex-start; gap:var(--padding-30); }
.gate-tab-col {display:flex; flex-direction:column; gap:var(--padding-16);}
.gate-tab-tit {font-size:var(--font-size-20); font-weight:500; line-height:1.7; letter-spacing:-0.02em; color:#2c2c2c;}
.gate-tab-list {display:flex; flex-wrap:wrap; align-items:center; gap:var(--padding-10);}
.gate-tab-link {display:inline-flex; align-items:center; justify-content:center; padding:var(--padding-10) 18px; border-radius:500px; background:#f1f1f1; font-size:var(--font-size-18); font-weight:500; line-height:1.66; letter-spacing:-0.02em; color:#878787;}
.gate-tab-item.is-active .gate-tab-link {background:var(--color-seventh); color:var(--color-white);}

.prd-container {border-top: 1px solid #eee;}

.gate-grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--padding-24);}
.gate-item {min-width:0;}
.gate-card {display:flex; flex-direction:column; align-items:flex-start; gap:12px; height:100%; padding:var(--padding-30); border:1px solid #eee; border-radius:8px; background:#fff; transition:background 0.3s, border-color 0.3s;}
.gate-card-top {display:flex; flex-direction:column; gap:12px;}
.gate-card-icn {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:clamp(40px, calc( 64 / var(--inner) * 100vw ), 64px); height:clamp(40px, calc( 64 / var(--inner) * 100vw ), 64px);}
.gate-card-icn img {display:block; max-width:100%; max-height:100%; object-fit:contain; transition:filter 0.3s;}
.gate-card-textbx {display:flex; flex-direction:column; gap:12px;}
.gate-card-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; letter-spacing:-0.02em; transition:color 0.3s;}
.gate1_1 .gate-item--1 .gate-card-tit {color:var(--color-seventh);}
.gate1_1 .gate-item--2 .gate-card-tit {color:var(--color-seventh);}
.gate1_1 .gate-item--3 .gate-card-tit {color:var(--color-seventh);}
.gate-card-dec {font-size:var(--font-size-20); color:#676767; line-height:1.5; letter-spacing:-0.02em; transition:color 0.3s;}
.gate-card-btm {display:inline-flex; align-items:center; gap:var(--padding-16);}
.gate-card-more {font-size:var(--font-size-18); font-weight:500; line-height:1.66; letter-spacing:-0.02em; color:#a8a8a8; transition:color 0.3s;}
.gate-card-arrow {display:block; flex-shrink:0; width:16px; height:auto;}
.gate-card-arrow path {transition:stroke 0.3s;}
.gate-card:hover {border-color:transparent;}
.gate1_1 .gate-item--1 .gate-card:hover {background:var(--color-seventh);}
.gate1_1 .gate-item--2 .gate-card:hover {background:var(--color-seventh);}
.gate1_1 .gate-item--3 .gate-card:hover {background:var(--color-seventh);}
.gate-card:hover .gate-card-tit,
.gate-card:hover .gate-card-dec,
.gate-card:hover .gate-card-more {color:var(--color-white) !important;}
.gate-card:hover .gate-card-icn img {filter:brightness(0) invert(1);}
.gate-card:hover .gate-card-arrow path {stroke:var(--color-white);}
.gate1_2 .gate-item--1 .gate-card-tit {color:var(--color-secondary);}
.gate1_2 .gate-item--2 .gate-card-tit {color:var(--color-secondary);}
.gate1_2 .gate-item--3 .gate-card-tit {color:var(--color-secondary);}
.gate1_2 .gate-item--1 .gate-card:hover {background:var(--color-secondary);}
.gate1_2 .gate-item--2 .gate-card:hover {background:var(--color-secondary);}
.gate1_2 .gate-item--3 .gate-card:hover {background:var(--color-secondary);}

.prd-grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--padding-50) var(--padding-24);}
.prd-item {min-width:0;}
.prd-link {display:flex; flex-direction:column; gap:20px;}
.prd-thumb {position:relative; aspect-ratio: 610/457; border-radius:8px; overflow:hidden;}
.prd-thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.prd-arrow {display:none; position:absolute; top:var(--padding-10); right:var(--padding-10); align-items:center; justify-content:center; width:clamp(30px, calc( 64 / var(--inner) * 100vw ), 64px); height:auto; aspect-ratio: 1/1; border-radius:8px; background:var(--color-fifth);}
.prd-arrow svg {width: clamp(14px, calc( 24 / var(--inner) * 100vw ), 24px); height: auto; aspect-ratio: 1/1;}
.prd-info {display:flex; flex-direction:column; gap:8px;}
.prd-tags {display:flex; flex-wrap:wrap; justify-content: center; align-items:center; gap:10px;}
.prd-tag {display:inline-flex; align-items:center; justify-content:center; padding:6px 8px; border-radius:4px; font-size:var(--font-size-14); font-weight:500; line-height:1.14; letter-spacing:-0.02em;}
.prd-tag--type {background:#e6ebf1; color:var(--color-seventh); transition:background 0.3s, color 0.3s;}
.prd-tag--cate {border:1px solid #dfdfdf; color:#676767;}
.prd-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; letter-spacing:-0.02em; color:#2c2c2c; transition:color 0.3s; text-align: center;}
.prd-link:hover .prd-arrow {display:flex;}
.prd-link:hover .prd-tag--type {background:var(--color-seventh); color:var(--color-white);}
.prd-link:hover .prd-tit {color:var(--color-seventh);}

.prd-view-head {display:flex; flex-direction:column; align-items:center; gap:var(--padding-16); margin-bottom:var(--padding-60);text-align:center;}
.prd-view-head .prd-tags {justify-content:center;}
.prd-view-head .prd-tag {padding:4px 12px; font-size:var(--font-size-16); line-height:1.875; letter-spacing:-0.02em;}
.prd-view-tit {font-size:var(--font-size-56); font-weight:600; line-height:1.28; letter-spacing:-0.02em; color:#2c2c2c;}


:root {
    --slider-active-width: 640px;
  }
.owl-carousel .owl-stage {display:flex; align-items:center;}
.owl-carousel .owl-stage:after {display:none;}
.owl-carousel .owl-item {flex-shrink:0;}
.center-slider {position:relative; overflow:hidden;}
.center-slider .item {width:var(--slider-active-width); border-radius:8px;margin:0 var(--padding-20); overflow: hidden;}
.center-slider .images {position:relative; padding-bottom:71.87%; overflow:hidden;}
.center-slider .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.center-slider .owl-item .item {transform: scale(1); transition:.6s ease; margin:0;}
.center-slider .owl-item.active.center .item {transform:scale(1);}
.center-slider-controls {display:flex; align-items:center; gap:6px; position:absolute; z-index:10; right:calc((100% - var(--slider-active-width)) / 2 + clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px)); bottom:clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px);}
.slider-ctrl {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:32px; height:32px; padding:0; border:0; border-radius:4px; background:rgba(0,0,0,0.4); backdrop-filter:blur(12px); cursor:pointer;}
.slider-ctrl svg {display:block;}
.slider-paging {display:flex; align-items:center; justify-content:center; gap: 5px; height:32px; padding:4px 12px; border-radius:4px; background:rgba(0,0,0,0.4); backdrop-filter:blur(12px); font-size:var(--font-size-13); font-weight:700; line-height:1.23; letter-spacing:-0.02em; white-space:nowrap;}
.slider-paging-current {color:var(--color-white);}
.slider-paging-total {color:rgba(255,255,255,0.5);}
.center-slider.is-paused .slider-ctrl--pause {opacity:0.5;}
.center-slider:not(.is-paused) .slider-ctrl--play {opacity:0.5;}

.buttonflx {display: flex; align-items: center;justify-content: center;gap: 10px; margin-top: var(--padding-60);}
.buttonflx .btn-pack {display: flex; align-items: center; justify-content: center; gap:var(--padding-15); border-radius: 500px; height: clamp(40px, calc( 64 / var(--inner) * 100vw ), 64px) !important; line-height: clamp(38px, calc( 62 / var(--inner) * 100vw ), 62px) !important; font-size: var(--font-size-20); color: #676767; font-weight: 600; background: #fff;}
.buttonflx .btn-pack.focus {background: var(--color-secondary); border-color: var(--color-secondary);}
.buttonflx .btn-pack img {width: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); height: auto; aspect-ratio: 16/14;}
.prd-detailwrap {display: flex;flex-direction: column;gap: var(--padding-140);}
.prd-spec-table-wrap {width:100%; overflow-x:auto;}
.prd-spec-table {width:100%; border-top:1px solid #2c2c2c; border-collapse:collapse; table-layout:fixed;}
.prd-spec-table th,
.prd-spec-table td {padding:var(--padding-20); border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; font-size:var(--font-size-20); line-height:1.5; letter-spacing:-0.02em; vertical-align:middle; text-align:center; word-break:keep-all;}
.prd-spec-table th {font-weight:500; color:#2c2c2c;}
.prd-spec-table td {color:#676767;}
.prd-spec-table th:last-child,
.prd-spec-table td:last-child {border-right:0;}
.prd-spec-table thead th {border-bottom:1px solid #2c2c2c;}
.prd-catalog-top {margin-bottom:var(--padding-20); text-align:left;}
.prd-catalog-btm {margin-top:var(--padding-40); text-align:center;}
.btn-ecatalog {display:inline-flex; align-items:center; justify-content:center; padding:var(--padding-16) var(--padding-40); background:#00ADEF; color:var(--color-white); font-size:var(--font-size-18); font-weight:500; line-height:1.5; border:0; border-radius:4px; text-decoration:none;}
.btn-ecatalog:hover,
.btn-ecatalog:focus {background:#0099d6; color:var(--color-white); text-decoration:none;}

.tabwrap {margin-bottom: var(--padding-60);}
.tabwrap .tablist {display: flex; gap: var(--padding-10);}
.tabwrap .tablink {flex: 1; display:flex; align-items: center; justify-content: space-between;  padding: 10px 18px; position: relative; border-radius: 8px; font-size: var(--font-size-18); color: #878787; border: 1px solid #eee; font-weight: 500; line-height: 1.66; letter-spacing: -0.02em;transition: all 0.3s;}
.tabwrap .tablink:after {position: absolute; content: ''; right:18px; top: 50%; transform: translateY(-50%); width:clamp(5px, calc(8 / var(--inner) * 100vw), 8px); height:auto; aspect-ratio: 1/1; background: #ccc; transition: transform 0.3s; border-radius: 50%;}
.tabwrap .tablink.active {background:var(--color-secondary); border-color: var(--color-secondary); color: #fff;}
.tabwrap .tablink.active:after {background: #fff;}

.bdde-process {margin-bottom:var(--padding-40);}
.bdde-process-list {--bdde-icn-size:clamp(72px, calc(120 / var(--inner) * 100vw), 120px); display:flex; align-items:flex-start; gap:var(--padding-16); width:100%; list-style:none; position:relative;}
.bdde-process-list::before {content:''; position:absolute; top:calc(var(--bdde-icn-size) / 2); left:0; right:0; border-top:1px dashed #a8a8a8; pointer-events:none; z-index:0;}
.bdde-process-item {flex:1; display:flex; flex-direction:column; align-items:center; gap:var(--padding-20); min-width:0; position:relative; z-index:1;}
.bdde-process-icn {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:var(--bdde-icn-size); height:var(--bdde-icn-size); background:#fff; border:1px solid #ccc; border-radius:50%; position:relative; z-index:1;}
.bdde-process-icn img {display:block; max-width:clamp(36px, calc(48 / var(--inner) * 100vw), 48px); max-height:clamp(36px, calc(48 / var(--inner) * 100vw), 48px); object-fit:contain;}
.bdde-process-txt {display:flex; flex-direction:column; align-items:center; gap:4px; width:100%; text-align:center;}
.bdde-process-num {font-size:var(--font-size-16); font-weight:500; line-height:1.5; letter-spacing:-0.02em;}
.bdde-process-tit {font-size:var(--font-size-20); font-weight:500; line-height:1.7; letter-spacing:-0.02em; color:#2c2c2c;}
.bdde-process-item--1 .bdde-process-num {color:var(--color-seventh);}
.bdde-process-item--2 .bdde-process-num {color:var(--color-fourth);}
.bdde-process-item--3 .bdde-process-num {color:var(--color-sixth);}
.bdde-process-item--4 .bdde-process-num {color:var(--color-secondary);}
.bdde-process-item--5 .bdde-process-num {color:var(--color-fifth);}
.bdde-process-item--6 .bdde-process-num {color:var(--color-tertiary);}
.bdde-process-item--7 .bdde-process-num {color:var(--color-seventh);}

.bdde-infobx {display:flex; flex-direction:column; gap:var(--padding-24); margin-top:var(--padding-60);}
.bdde-info-item {display:flex; flex-direction:column; gap:var(--padding-24); padding:var(--padding-40); background:#f6f6f6; border-radius:8px;}
.bdde-info-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; letter-spacing:-0.02em;}
.bdde-info-dec {font-size:var(--font-size-20); line-height:1.7; letter-spacing:-0.02em; color:var(--color-body);}

.bddebtmtxt {display: flex;flex-direction: column;gap: var(--padding-40);}
.bddebtmtxt .txt1 {font-size: var(--font-size-20); line-height: 1.5; color: #676767;} 
.bddebtmtxt .txt2 {font-size: var(--font-size-24); line-height: 1.4; color: #505050;} 


.bddefeat-grid {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--padding-24); list-style:none;}
.bddefeat-item {display:flex; flex-direction:column; gap:var(--padding-30); padding:var(--padding-40); border:1px solid #dfdfdf; border-radius:8px;}
.bddefeat-head {display:flex; align-items:flex-start; justify-content:space-between; gap:var(--padding-16); width:100%;}
.bddefeat-txtbx {display:flex; flex-direction:column; gap:var(--padding-16); flex:1; min-width:0;}
.bddefeat-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; letter-spacing:-0.02em;}
.bddefeat-dec {font-size:var(--font-size-20); line-height:1.7; letter-spacing:-0.02em; color:#676767;}
.bddefeat-icn {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:clamp(40px, calc(64 / var(--inner) * 100vw), 64px); height:clamp(40px, calc(64 / var(--inner) * 100vw), 64px);}
.bddefeat-icn img {display:block; max-width:100%; max-height:100%; object-fit:contain;}
.bddefeat-foundation {display:flex; flex-direction:column; gap:8px; padding:var(--padding-24); background:#f6f6f6; border-radius:8px; width:100%;}
.bddefeat-foundation-tit {font-size:var(--font-size-18); font-weight:500; line-height:1.66; letter-spacing:-0.02em; color:#2c2c2c;}
.bddefeat-foundation-dec {font-size:var(--font-size-18); line-height:1.66; letter-spacing:-0.02em; color:#676767;}
.bddefeat-grid .wid-100 {grid-column:1 / -1;} 

.bddefeat1-wrap {display:flex; flex-direction:column; gap:var(--padding-24);}
.bddefeat1-steps {--bddefeat1-arrow:var(--padding-40); display:flex; align-items:stretch; gap:calc(var(--padding-24) * 2 + var(--bddefeat1-arrow)); flex-wrap: wrap;}
.bddefeat1-step {display:flex; flex:1 1 0; flex-direction:column; align-self:stretch; gap:var(--padding-30); min-width:0; padding:var(--padding-30); border:1px solid #eee; border-radius:8px; position:relative;}
.bddefeat1-step--1::after,
.bddefeat1-step--2::after {content:''; position:absolute; top:50%; left:100%; z-index:1; width:var(--bddefeat1-arrow); height:auto; aspect-ratio:40/14; margin-left:var(--padding-24); transform:translateY(-50%); background:url('/images/sub/arrow4.svg') 50% 50% no-repeat; background-size:contain; pointer-events:none;}
.bddefeat1-tag {display:inline-flex; align-items:center; justify-content:center; align-self:flex-start; padding:6px 12px; border-radius:4px; background:#f5f7f9; font-size:var(--font-size-16); font-weight:500; line-height:1.5; color:var(--color-seventh); letter-spacing:-0.02em;}
.bddefeat1-txtbx {display:flex; flex:1; flex-direction:column; gap:12px; min-width:0;}
.bddefeat1-tit {font-size:var(--font-size-22); font-weight:500; line-height:1.45; color:#2c2c2c; letter-spacing:-0.02em; word-break:keep-all;}
.bddefeat1-dec {font-size:var(--font-size-18); color:#676767; line-height:1.55; letter-spacing:-0.02em;}
.bddefeat1-btm {display:flex; flex-direction:column; gap:var(--padding-16); padding:var(--padding-30); border:1px solid #eee; border-radius:8px; background:#fff;}
.bddefeat1-btm-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; color:var(--color-secondary); letter-spacing:-0.02em;}
.bddefeat1-btm-dec {font-size:var(--font-size-20); color:#676767; line-height:1.5; letter-spacing:-0.02em;}


.bddefeat2-list {display:flex; align-items:stretch; gap:var(--padding-85); list-style:none;}
.bddefeat2-step {flex:1; display:flex; flex-direction:column; gap:var(--padding-30); padding:var(--padding-40); border:1px solid #eee; border-radius:8px; min-width:0; position:relative;}
.bddefeat2-step--1::after,
.bddefeat2-step--2::after {content:''; position:absolute; top:50%; left:100%; z-index:1; width:var(--padding-40); height:auto; aspect-ratio: 40/14; margin-left:calc((var(--padding-85) - var(--padding-40)) / 2); transform:translateY(-50%); background:url('/images/sub/bddefeat2arrow1.svg') 50% 50% no-repeat; background-size:contain; pointer-events:none;}
.bddefeat2-step--2::after {background-image:url('/images/sub/bddefeat2arrow2.svg');}
.bddefeat2-tag {display:inline-flex; align-items:center; justify-content:center; padding:6px 12px; border-radius:4px; font-size:var(--font-size-16); font-weight:500; line-height:1.5; letter-spacing:-0.02em;}
.bddefeat2-txtbx {display:flex; flex-direction:column; gap:var(--padding-16);}
.bddefeat2-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; letter-spacing:-0.02em;}
.bddefeat2-dec {font-size:var(--font-size-20); line-height:1.7; letter-spacing:-0.02em; color:#676767;}
.bddefeat2-step--1 .bddefeat2-tag {background:rgba(0,49,107,0.1); color:var(--color-seventh);}
.bddefeat2-step--1 .bddefeat2-tit {color:var(--color-seventh);}
.bddefeat2-step--2 .bddefeat2-tag {background:rgba(115,2,161,0.1); color:var(--color-fourth);}
.bddefeat2-step--2 .bddefeat2-tit {color:var(--color-fourth);}
.bddefeat2-step--3 .bddefeat2-tag {background:rgba(238,121,0,0.1); color:var(--color-tertiary);}
.bddefeat2-step--3 .bddefeat2-tit {color:var(--color-tertiary);}

.bddefeat2-cross {margin-top:var(--padding-24); padding:var(--padding-60) 0; border:1px solid #eee; border-radius:8px;}
.bddefeat2-cross-list {--bddefeat2-cross-icn-size:clamp(88px, calc(120 / var(--inner) * 100vw), 120px); display:flex; align-items:flex-start; gap:var(--padding-24); list-style:none;}
.bddefeat2-cross-item {flex:1; display:flex; flex-direction:column; align-items:center; gap:var(--padding-30); min-width:0; position:relative; text-align:center;}
.bddefeat2-cross-item--1::after,
.bddefeat2-cross-item--2::after {content:''; position:absolute; top:50%; transform: translateY(-50%); left:100%; z-index:1; width:var(--padding-40); height:auto; aspect-ratio: 40/20; margin-left:calc((var(--padding-24) - var(--padding-40)) / 2); transform:translateY(-50%); background:url('/images/sub/bddefeat2arrow3.svg') 50% 50% no-repeat; background-size:contain; pointer-events:none;}
.bddefeat2-cross-icn {display:flex; align-items:center; justify-content:center; width:var(--bddefeat2-cross-icn-size); height:var(--bddefeat2-cross-icn-size);}
.bddefeat2-cross-icn img {display:block; max-width:100%; max-height:100%; object-fit:contain;}
.bddefeat2-cross-txt {display:flex; flex-direction:column; align-items:center; gap:0;}
.bddefeat2-cross-sub {font-size:var(--font-size-20); line-height:1.7; letter-spacing:-0.02em; color:#676767;}
.bddefeat2-cross-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; letter-spacing:-0.02em; color:#2c2c2c;}

.plaover-compare {display:flex; gap:var(--padding-24); align-items:stretch; width:100%; flex-wrap: wrap;}
.plaover-compare-item {display:flex; flex-direction:column; gap:var(--padding-24); border:1px solid #eee; border-radius:8px; overflow:hidden; min-width:0;}
.plaover-compare-item--other {flex:451 1 0;}
.plaover-compare-item--plarins {flex:949 1 0;}
.plaover-compare-head {display:flex; align-items:center; gap:6px; padding:10px 16px; width:100%;}
.plaover-compare-item--other .plaover-compare-head {background:#eee;}
.plaover-compare-item--plarins .plaover-compare-head {background:var(--color-seventh);}
.plaover-compare-label {font-size:var(--font-size-18); font-weight:600; line-height:1.66; letter-spacing:-0.02em;}
.plaover-compare-item--other .plaover-compare-label {color:#676767;}
.plaover-compare-item--plarins .plaover-compare-label {color:#fff;}
.plaover-compare-icn {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:20px; height:20px;}
.plaover-compare-icn img {display:block; width:100%; height:100%; object-fit:contain;}
.plaover-compare-body {display:flex; flex-direction:column; flex:1; padding:0 var(--padding-24) var(--padding-24); min-height:0;}
.plaover-compare-body--grid {flex-direction:row; gap:var(--padding-16);}
.plaover-compare-col {flex:1; display:flex; flex-direction:column; gap:var(--padding-16); align-items:center; min-width:0;}
.plaover-compare-imgbx {width:100%; border-radius:8px; overflow:hidden;}
.plaover-compare-imgbx img {display:block; width:100%; height:100%; object-fit:cover;}
.plaover-compare-item--other .plaover-compare-imgbx {flex:1; min-height:clamp(180px, calc(280 / var(--inner) * 100vw), 280px);}
.plaover-compare-item--plarins .plaover-compare-imgbx {height:clamp(180px, calc(280 / var(--inner) * 100vw), 280px);}
.plaover-compare-txtbx {display:flex; flex-direction:column; align-items:center; gap:8px; width:100%; text-align:center;}
.plaover-compare-tit {font-size:var(--font-size-20); font-weight:500; line-height:1.5; letter-spacing:-0.02em;}
.plaover-compare-sub {font-size:var(--font-size-16); line-height:1.5; letter-spacing:-0.02em; color:#878787;}
.plaover-compare + .bddebtmtxt  {margin-top: var(--padding-50);}

.under-innerbx {margin-top: var(--padding-24); padding: var(--padding-30); border: 1px solid #eee; border-radius: 8px;}
.under-innerbx .textbx {display: flex;flex-direction: column;gap: var(--padding-16); letter-spacing: -0.5px;}
.under-innerbx .tit {font-size: var(--font-size-24); font-weight: 500; line-height: 1.66;}
.under-innerbx .dec {font-size: var(--font-size-20); line-height: 1.5; color:var(--color-body);}
.under-innerbx.ty2 {margin-top: var(--padding-40);}
.plaover-gray-box {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--padding-24); width:100%; padding:var(--padding-30) var(--padding-20); background:#f8f8f8; border-radius:8px;}
.plaover-gray-box-top {display:flex; align-items:center; justify-content:center; gap:var(--padding-16); flex-wrap:wrap;}
.plaover-gray-box-txt {font-size:var(--font-size-20); font-weight:500; line-height:1.7; letter-spacing:-0.02em; color:#2c2c2c;}
.plaover-gray-box-icn {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:24px; height:24px;}
.plaover-gray-box-icn svg {display:block; width:100%; height:100%;}
.plaover-gray-box-btm {display:flex; align-items:center; justify-content:center; gap:var(--padding-16); width:100%; flex-wrap:wrap;}
.plaover-gray-box-zone {display:flex; align-items:center; justify-content:center; padding:12px 24px; border-radius:500px; font-size:var(--font-size-20); font-weight:500; line-height:1.7; letter-spacing:-0.02em; text-align:center;}
.plaover-gray-box-zone--default {width:clamp(200px, calc(261 / var(--inner) * 100vw), 261px); background:#fff; border:1px solid #eee; color:#676767;}
.plaover-gray-box-zone--highlight {background:#e6ebf1; color:var(--color-seventh);}
.plaover-gray-box-line {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:40px; height:12px;}
.plaover-gray-box-line svg {display:block; width:100%; height:auto;}

.featbg {padding: var(--padding-40); background: #F6F6F6; border-radius: 8px;}
.plafeat-compare {display:flex; flex-direction:column; gap:var(--padding-24);}
.plafeat-compare-list {display:flex; gap:var(--padding-24); align-items:stretch; width:100%; flex-wrap: wrap;}
.plafeat-compare-item {flex:1; display:flex; flex-direction:column; gap:var(--padding-16); padding:var(--padding-16); background:#fcfcfc; border:1px solid #eee; border-radius:8px; min-width:0;}
.plafeat-compare-head {display:flex; flex-direction:column; padding:var(--padding-24);}
.plafeat-compare-tit {font-size:var(--font-size-28); font-weight:500; line-height:1.5; letter-spacing:-0.02em;}
.plafeat-compare-sub {font-size:var(--font-size-18); line-height:1.66; letter-spacing:-0.02em; color:#676767;}
.plafeat-compare-imgbx {width:100%; border-radius:8px; overflow:hidden;}
.plafeat-compare-imgbx img {display:block; width:100%; height:auto;}
.plafeat-compare-btm {display:flex; align-items:center; justify-content:center; padding:var(--padding-24) var(--padding-40); border-radius:8px; background:linear-gradient(163deg, rgba(37,117,187,0.12) 1.16%, rgba(233,98,245,0.12) 100%); font-size:var(--font-size-28); font-weight:600; line-height:1.5; letter-spacing:-0.02em; text-align:center;}
.plafeat2-formula {display:flex; align-items:center; gap:var(--padding-24); width:100%;}
.plafeat2-formula-item {flex:1; display:flex; flex-direction:column; gap:var(--padding-30); padding:var(--padding-40); border:1px solid #eee; border-radius:8px; min-width:0;}
.plafeat2-formula-icn {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:clamp(48px, calc(64 / var(--inner) * 100vw), 64px); height:clamp(48px, calc(64 / var(--inner) * 100vw), 64px);}
.plafeat2-formula-icn img {display:block; max-width:100%; max-height:100%; object-fit:contain;}
.plafeat2-formula-txtbx {display:flex; flex-direction:column; gap:var(--padding-16);}
.plafeat2-formula-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; letter-spacing:-0.02em;}
.plafeat2-formula-dec {font-size:var(--font-size-20); line-height:1.7; letter-spacing:-0.02em; color:#676767;}
.plafeat2-formula-plus {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:clamp(35px, calc(60 / var(--inner) * 100vw), 60px); height:auto;aspect-ratio: 1/1; background: linear-gradient(270deg, #EE7900 0%, #7302A1 100%); border-radius: 50%;}
.plafeat2-formula-plus img {width:clamp(12px, calc(16 / var(--inner) * 100vw), 16px); height:auto; aspect-ratio: 1/1; object-fit:contain;}

.dvsoverimgbx {padding: var(--padding-60) 20px; text-align: center; border: 1px solid #eee; border-radius: 8px;}
.dvsoverimgbx img {display:block; max-width:100%; height:auto; margin:0 auto;}
.dvsover-flow {--dvsover-flow-gap:var(--padding-70); --dvsover-flow-arrow:var(--padding-40); display:flex; align-items:center; flex-wrap: wrap; gap:var(--dvsover-flow-gap); padding-top:var(--padding-60); max-width: 890px; width:100%; margin: 0 auto;}
.dvsover-flow-tag {flex:1; display:flex; align-items:center; justify-content:center; position:relative; padding:12px 24px; border-radius:500px; font-size:var(--font-size-20); font-weight:500; line-height:1.7; letter-spacing:-0.02em; min-width:0;}
.dvsover-flow-tag:not(:last-child)::after {content:''; position:absolute; left:calc(100% + (var(--dvsover-flow-gap) - var(--dvsover-flow-arrow)) / 2); top:50%; transform:translateY(-50%); width:var(--dvsover-flow-arrow); aspect-ratio:46/6; background:url('/images/sub/arrow2.svg') 50% 50% no-repeat; background-size:contain;}
.dvsover-flow-tag--1 {background:#e6ebf1; color:var(--color-seventh);}
.dvsover-flow-tag--2 {background:#f1e6f6; color:var(--color-fourth);}
.dvsover-flow-tag--3 {background:#fef2e6; color:var(--color-tertiary);}
.dvsoverbtm {margin-top: var(--padding-60); font-size: var(--font-size-20); color:#676767; line-height: 1.7;}

.dvsfeat2 .image {overflow-x: auto;}
.dvsfeat2 .image:not(:last-child) {margin-bottom: var(--padding-40);}
.distributor-wrap {background: url(../images/sub/distributor-bg.jpg) center bottom / cover;}
.distributor-grid {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--padding-24); }
.distributor-item {display:flex; flex-direction:column; align-items:center; gap:var(--padding-12); padding:clamp(20px, calc(34 / var(--inner) * 100vw), 34px) var(--padding-24) ; border:1px solid #dfdfdf; border-radius:8px; background:rgba(255,255,255,0.1); text-align:center;}
.distributor-icn {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:clamp(40px, calc(64 / var(--inner) * 100vw), 64px); height:auto;aspect-ratio: 1/1;}
.distributor-icn img {display:block; max-width:100%; max-height:100%; object-fit:contain;}
.distributor-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; letter-spacing:-0.02em; color:#2c2c2c;}
.distributor-dec {font-size:var(--font-size-20); line-height:1.5; letter-spacing:-0.02em; color:#676767;}
.global-grid {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--padding-24); }
.global-item {display:flex; flex-direction:column; align-items:center; gap:var(--padding-16); padding:var(--padding-40) var(--padding-24); border-radius:8px; text-align:center;background:#f5f7f9;}
.global-item--1 {background:#f5f7f9;}
/* .global-item--2 {background:#f7f4f8;}
.global-item--3 {background:#fdf5fd;}
.global-item--4 {background:#fefaf5;} */
.global-icn-wrap {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:clamp(80px, calc(200 / var(--inner) * 100vw), 200px); height:auto; aspect-ratio: 1/1; border-radius:50%; background:rgba(255,255,255,0.7);}
.global-icn {display:flex; align-items:center; justify-content:center; width:clamp(35px, calc(72 / var(--inner) * 100vw), 72px); height:auto; aspect-ratio: 1/1;}
.global-icn img {display:block; max-width:100%; max-height:100%; object-fit:contain;}
.global-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; letter-spacing:-0.02em;}
.global-dec {font-size:var(--font-size-20); line-height:1.7; letter-spacing:-0.02em; color:#676767;}
.global-mail {color:#3598db; text-decoration:underline;}
.partner-list {display:flex; align-items:flex-start; gap:var(--padding-40); border-top:1px solid #eee; border-bottom:1px solid #eee; width:100%;}
.partner-item {flex:1; min-width:0; padding:var(--padding-35) 0;}
.partner-inner {display:flex; flex-direction:column; gap:12px; border-right:1px solid #eee; width:100%;}
.partner-inner--last {border-right:0;}
.partner-head {display:flex; flex-direction:column; gap:var(--padding-16);}
.partner-dot {display:flex; gap:6px;}
.partner-dot-item {flex-shrink:0; width:8px; height:8px; border-radius:500px;}
.partner-dot-item--seventh {background:var(--color-seventh);}
.partner-dot-item--secondary {background:var(--color-secondary);}
.partner-dot-item--fourth {background:var(--color-fourth);}
.partner-dot-item--fifth {background:var(--color-fifth);}
.partner-dot-item--tertiary {background:var(--color-tertiary);}
.partner-dot-item--sixth {background:var(--color-sixth);}
.partner-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; letter-spacing:-0.02em;}
.partner-dec {font-size:var(--font-size-20); line-height:1.5; letter-spacing:-0.02em; color:#676767;}
.profilewrap {display: flex;flex-direction: column;gap: var(--padding-60);}
.dispartner-list {display:grid; grid-template-columns: repeat(4,1fr); gap:var(--padding-60) var(--padding-10); }
.dispartner-item {flex:1; display:flex; flex-direction:column; align-items:center; gap:var(--padding-16); position:relative; min-width:0; padding:var(--padding-40) var(--padding-24); border:1px solid rgba(0, 49, 107, 0.08); border-radius:8px; background: #F9FBFE; text-align:center;}
.dispartner-step {position:absolute; left:50%; top:-20px; transform:translateX(-50%); padding:clamp(4px, calc(8 / var(--inner) * 100vw), 8px) 24px; border-radius:500px; background:var(--color-seventh); font-size:var(--font-size-16); font-weight:600; line-height:1.5; letter-spacing:-0.02em; color:#fff;}
.dispartner-tit {font-size:var(--font-size-24); font-weight:500; line-height:1.66; letter-spacing:-0.02em; color:#2c2c2c;}
.dispartner-icn {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:clamp(34px, calc(64 / var(--inner) * 100vw), 64px); height:auto; aspect-ratio: 1/1;}
.dispartner-icn img {display:block; max-width:100%; max-height:100%; object-fit:contain;} 
.dispartner-dec {font-size:var(--font-size-20); line-height:1.7; letter-spacing:-0.02em; color:#676767;}
.oem-list {display:flex; align-items:flex-start; flex-wrap: wrap; gap:var(--padding-24); width:100%;}
.oem-item {flex:1; min-width:0; padding:var(--padding-16); border-radius:8px;}
.oem-item--1 {background:#e3f0ff;}
.oem-item--2 {background:#f9ebff;}
.oem-item--3 {background:#ffedda;}
.oem-item:nth-child(2) {transform: translatey(var(--padding-40));}
.oem-card {display:flex; flex-direction:column; align-items:center; gap:var(--padding-16); padding:var(--padding-34) var(--padding-16); border-radius:8px; background:linear-gradient(180deg, #fff 0%, rgba(255,255,255,0.5) 100%); text-align:center; width:100%;}
.oem-num {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:32px; height:32px; border-radius:50px; background:var(--color-secondary); font-size:var(--font-size-14); font-weight:600; line-height:1.43; letter-spacing:-0.02em; color:#fff;}
.oem-num--fifth {background:var(--color-fifth);}
.oem-num--sixth {background:var(--color-sixth);}
.oem-tit {font-size:var(--font-size-28); font-weight:500; line-height:1.5; letter-spacing:-0.02em;}
.oem-dec {font-size:var(--font-size-20); line-height:1.7; letter-spacing:-0.02em; color:#676767;}
.enquires-wrap {display:flex; flex-direction:column; gap:var(--padding-24); width:100%;}
.enquires-list {display:flex; align-items:stretch; flex-wrap: wrap; width:100%; border-radius:8px; background:linear-gradient(90deg, rgba(0,49,107,0.03) 0%, rgba(115,2,161,0.03) 50%, rgba(238,121,0,0.03) 100%);}
.enquires-item {flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--padding-30); padding:var(--padding-40) var(--padding-24); min-width:0;}
.enquires-item:not(:last-child) {border-right:1px solid var(--color-sixth);}
.enquires-tag {display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:4px; font-size:var(--font-size-16); font-weight:500; line-height:1.5; letter-spacing:-0.02em;background:rgba(0,49,107,0.1); color:var(--color-seventh);}
.enquires-item--1 .enquires-tag {background:rgba(0,49,107,0.1); color:var(--color-seventh);}
/* .enquires-item--2 .enquires-tag {background:rgba(115,2,161,0.1); color:var(--color-fourth);}
.enquires-item--3 .enquires-tag {background:rgba(238,121,0,0.1); color:var(--color-tertiary);} */
.enquires-tag-dot {flex-shrink:0; width:4px; height:4px; border-radius:500px;background:var(--color-seventh);}
.enquires-item--1 .enquires-tag-dot {background:var(--color-seventh);}
/* .enquires-item--2 .enquires-tag-dot {background:var(--color-fourth);}
.enquires-item--3 .enquires-tag-dot {background:var(--color-tertiary);} */
.enquires-icn {display:flex; align-items:center; justify-content:center; width:clamp(50px, calc(72 / var(--inner) * 100vw), 72px); height:auto; aspect-ratio: 1/1;}
.enquires-icn img {display:block; max-width:100%; max-height:100%; object-fit:contain;}
.enquires-tit {font-size:var(--font-size-22); font-weight:500; line-height:1.45; letter-spacing:-0.02em; text-align:center;}
.enquires-contact {display:flex; align-items:center; justify-content:space-between; gap:var(--padding-24); padding:12px 20px; border-radius:8px; background:#f6f6f6; width:100%;}
.enquires-contact-label {display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; padding:8px 16px; border:1px solid var(--color-secondary); border-radius:4px; background:#fff; font-size:var(--font-size-18); font-weight:600; line-height:1.66; letter-spacing:-0.02em; color:var(--color-secondary);}
.enquires-contact-info {display:flex; align-items:center; gap:var(--padding-20); flex-wrap: wrap;}
.enquires-contact-row {display:flex; align-items:center; gap:var(--padding-16);}
.enquires-contact-key {font-size:var(--font-size-18); font-weight:500; line-height:1.66; letter-spacing:-0.02em; color:#878787;}
.enquires-mail {font-size:var(--font-size-18); font-weight:500; line-height:1.66; letter-spacing:-0.02em; color:#3598db;}
.enquires-contact-val {font-size:var(--font-size-18); font-weight:500; line-height:1.66; letter-spacing:-0.02em; color:#2c2c2c;}
.enquires-contact-div {flex-shrink:0; width:1px; height:16px; background:#dfdfdf; }