@charset "utf-8";
.root_daum_roughmap,
.root_daum_roughmap .wrap_map {overflow:hidden; height:clamp(250px, calc( 480 / var(--inner) * 100vw ), 480px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

.doc-cnt100 {margin-bottom:var(--space-100);}

.sub-pad {padding-top:var(--space-200) !important; padding-bottom:var(--space-200) !important;}
.sub-pad.no-bottom {padding-bottom:0 !important;}

/* section scroll divider (공통) */
.scroll-divider {position:relative; display:flex; justify-content:center; flex-shrink:0; width:2px; height:104px; overflow:hidden;}
.scroll-divider-bar {display:block; width:2px; height:48px; animation:scroll-divider-drop 2.2s ease-in-out infinite;}
.scroll-divider--blue {background:#abc9f6;}
.scroll-divider--blue2 {background:#ABC9F6;}
.scroll-divider--white {background:rgba(255,255,255,0.3);}
.scroll-divider--gray {background:#bebebe;}
.scroll-divider-bar-blue {background:linear-gradient(0deg, #2C7BF2 0%, #253C76 100%);}
.scroll-divider-bar-blue2 {background:linear-gradient(270deg, #29D0E4 0%, #2C7BF2 100%);}
.scroll-divider-bar-white {background:#fff;}
.scroll-divider-bar--business-eng {background:linear-gradient(0deg, #2C7BF2 0%, #253C76 100%);}
.scroll-divider-bar--business-mfg {background:linear-gradient(270deg, #29D0E4 0%, #2C7BF2 100%);}
@keyframes scroll-divider-drop {0% {transform:translateY(0); opacity:1;} 70% {transform:translateY(56px); opacity:1;} 85% {transform:translateY(56px); opacity:0;} 100% {transform:translateY(0); opacity:0;}}

/* ceo-message */
.ceo-msg-hero {background:url('/images/sub/ceo-message-hero-bg.png') 100% 50% / cover no-repeat; position:relative; font-size:var(--font-size-30); font-weight:700; color:#fff; line-height:1.7em; display:flex; align-items:center; gap:var(--space-25); height:clamp(160px, calc( 360 / var(--inner) * 100vw ), 360px); padding:0 15px 0 var(--space-80); border-radius:20px; overflow:hidden;}
.ceo-msg-body {display:flex; flex-direction:column; gap:var(--space-30); padding:var(--space-50) 0 0 0;}
.ceo-msg-lead {font-size:var(--font-size-30); font-weight:700; color:var(--color-bk); line-height:1.4em;}
.ceo-msg-text {font-size:var(--font-size-24); line-height:1.6em;}
.ceo-msg-close {font-size:var(--font-size-18); font-weight:700; color:var(--color-bk); line-height:1.8em;}
.ceo-msg-values {padding:var(--space-140) 0; margin-top:var(--space-120); position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; background:url('/images/main/bg.webp') 50% 50%/cover no-repeat;}

.ceo-msg-value-list {position:relative; grid-template-columns:repeat(3, 1fr); display:grid; z-index:1; gap:var(--space-25); width:100%;}
.ceo-msg-value {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-30); padding:var(--space-50) var(--space-30); border-radius:20px; background:#fff; box-shadow:4px 4px 15px rgba(0,0,0,0.1); text-align:center; background: rgba(119, 119, 119, 0.39); transition:.2s;}
.ceo-msg-value-icon {display:flex; flex-shrink:0; width:clamp(60px, calc( 110 / var(--inner) * 100vw ), 110px); aspect-ratio:1/1;}
.ceo-msg-value-icon img {display:block; width:100%; height:100%; object-fit:contain;}
.ceo-msg-value-body {display:flex; flex-direction:column; align-items:center; gap:var(--space-16); width:100%;}
.ceo-msg-value-title {width:100%; font-size:var(--font-size-30); font-weight:700; line-height:1.4em; transition:color .25s ease; color:#fff;}
.ceo-msg-value-desc {width:100%; font-size:var(--font-size-18); line-height:1.66em; transition:color .25s ease; color:var(--color-primary);}
.ceo-msg-value:hover {background-color:var(--color-primary); color:#fff;}
.ceo-msg-value:hover .ceo-msg-value-title,
.ceo-msg-value:hover .ceo-msg-value-desc {color:#fff;}

/* history */
:root {--hisPoint : clamp(40px, calc( 89 / var(--inner) * 100vw ), 89px);}
.history {position:relative;}
.history-era {padding-bottom:var(--space-60); gap:0 50px; display:flex; align-items:flex-start; justify-content:space-between;}
.history-era:last-child {padding-bottom:0;}
.history-era-title {flex-shrink:0; margin:-.3em 0 0 0; font-size:clamp(38px, calc(56 / var(--inner) * 100vw ), 56px); top:120px; position:-webkit-sticky; position:sticky; left:0; block-size:fit-content; font-weight:700; color:#bdbdbd; line-height:1em; transition:.4s;}
.history-era.is-era-active .history-era-title {color:#2C7BF2;}
.history-era-body {flex:1; width:100%; max-width:800px; position:relative;}
.history-era-body::after {content:""; position:absolute; top:-50px; bottom:-50px; left:224px; width:2px; background:#ddd; z-index:0; display:none;}
.history-era:first-child .history-era-body::after {top:20px;}
.history-era:last-child .history-era-body::after {bottom:100px;}
.history-rows {display:flex; flex-direction:column; gap:var(--space-70);}
.history-row {display:flex; width:100%;}
.history-year {flex-shrink:0; width:clamp(120px, calc( 180 / var(--inner) * 100vw ), 180px); font-size:clamp(24px, calc(32 / var(--inner) * 100vw ), 32px); font-weight:700; color:var(--color-bk); line-height:1.2em; transition:.4s; margin-top:-.2em;}
.history-line {position:relative; flex-shrink:0; display:flex; justify-content:center; width:var(--hisPoint); margin-right:clamp(60px, calc( 100 / var(--inner) * 100vw ), 100px);}
.history-row:last-child .history-line::after {display:none;}
.history-dot {width:89px; height:30px; position:relative; z-index:1; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.history-dot img {display:block; max-width:none; transition:opacity .25s ease, transform .25s ease;}
.history-dot-off {width:18px; height:18px; opacity:1; transform:scale(1);}
.history-dot-on {position:absolute; width:89px; aspect-ratio:1/1; opacity:0; transform:scale(0.2); pointer-events:none;}
.history-row.is-active .history-year {color:#2C7BF2;}
.history-row.is-active .history-dot-off {opacity:0; transform:scale(0.2);}
.history-row.is-active .history-dot-on {opacity:1; transform:scale(1);}
.history-desc-wrap {flex:1; display:grid; gap:var(--space-20);}
.history-desc-wrap .item {display:flex; line-height:1.7em; font-size:var(--font-size-18);}
.history-desc-wrap .month {flex-shrink:0; width:40px; margin-right:16px; font-weight:600; font-size:var(--font-size-24); color:var(--color-bk);}
.history-desc {flex:1;}

.history-percent-bar {position:absolute; left:55%; top:12px; bottom:20px; width:4px; border-radius:4px; z-index:2; background:#E6E6E6;}
.history-percent-bar:before,
.history-percent-bar:after {content:''; position:absolute; left:50%;  width:16px; aspect-ratio:1/1; border-radius:50%;}
.history-percent-bar:before {top:0; background:var(--color-primary); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.history-percent-bar:after {bottom:0; background:#E6E6E6; -webkit-transform:translate(-50%,50%); transform:translate(-50%,50%);}
.percent-bar-child {position:absolute; left:0; top:0; z-index:2; width:100%; max-height:100%; background:var(--color-primary); border-radius:4px; transition:height .4s;}
.history-point {position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); bottom:calc(var(--hisPoint) * -.5); width:var(--hisPoint); aspect-ratio:1/1; background:url('/images/sub/history-dot-active.svg') 50% 50%/contain no-repeat;}



/* certification */
.cert-list {grid-template-columns:repeat(4, 1fr); display:grid; gap:var(--space-40);}
.cert-card {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); flex-shrink:0; padding:var(--space-25) var(--space-30); border-radius:20px; background:#f8f8f8; box-sizing:border-box;}
.cert-card-visual {position:relative; width:100%; aspect-ratio:260/354; border-radius:20px; overflow:hidden;}
.cert-card-visual img {position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover;}
.cert-card-name {width:100%; font-size:var(--font-size-18); font-weight:600; color:var(--color-bk); line-height:1.6em; text-align:center;}

/* location */
.location-wrap .item {display:flex; flex-direction:column; align-items:stretch; gap:clamp(32px, calc(64 / var(--inner) * 100vw), 64px);}
.location-map {width:100%; height:clamp(240px, calc(480 / var(--inner) * 100vw), 480px); border-radius:20px; overflow:hidden;}
.location-map .root_daum_roughmap,
.location-map .root_daum_roughmap_landing {width:100%; height:100%;}
.location-con {display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:var(--space-40); width:100%;}
.location-company {flex-shrink:0; margin:0; font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); line-height:1.44em;}
.location-office {display:flex; flex-direction:column; flex-shrink:0; gap:clamp(12px, calc(24 / var(--inner) * 100vw), 24px); min-width:0;}
.location-head {display:flex; align-items:center; gap:clamp(12px, calc(24 / var(--inner) * 100vw), 24px);}
.location-icon-wrap {width:clamp(25px, calc(56 / var(--inner) * 100vw), 56px); aspect-ratio:1/1; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:#f4f4f4; border-radius:100px;}
.location-icon-wrap img {width:clamp(20px, calc(30 / var(--inner) * 100vw), 30px); aspect-ratio:1/1; display:block;}
.location-title {flex:1; min-width:0; font-size:var(--font-size-22); font-weight:700; color:var(--color-bk); line-height:1.45em; word-break:break-word;}
.location-details {display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; gap:var(--space-40); padding-left:clamp(40px, calc(80 / var(--inner) * 100vw), 80px);}
.location-row {display:flex; align-items:flex-start; gap:clamp(12px, calc(24 / var(--inner) * 100vw), 24px);}
.location-label {flex-shrink:0; font-size:var(--font-size-18); font-weight:700; color:var(--color-bk); line-height:1.56em;}
.location-text {font-size:var(--font-size-18); line-height:1.56em;}

/* business */
.business-visual {position:relative; width:100%; height:calc(100vh - var(--header-height)); overflow:hidden; color:#fff;}
.business-visual-bg {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.business-visual-bg:after {position:absolute; content:''; top:0; left:0; right:0; bottom:0; background:linear-gradient(90deg, rgba(0, 0, 0, 0.64) 0%, rgba(0, 0, 0, 0.26) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.16) 100%);}
.business-visual-video {display:block; width:100%; height:100%; object-fit:cover;}
.business-visual-inner {position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; height:100%;}
.business-visual-title {display:flex; align-items:flex-start; flex-direction:column; gap:var(--space-25); max-width:1400px;}
.business-visual-label {font-size:var(--font-size-24); font-weight:500; line-height:1.4em; text-align:center; white-space:nowrap;}
.business-visual-head {font-size:var(--font-size-64); font-weight:700; line-height:1.4em; letter-spacing:-0.02em;}
.business-visual-desc {font-size:var(--font-size-24); font-weight:500; line-height:1.7em;}
.business-scroll {position:absolute; bottom:0; left:50%; z-index:1; display:flex; gap:var(--space-16); align-items:flex-start; transform:translateX(-50%);}
.business-scroll-text {display:flex; align-items:center; justify-content:center; width:30px; height:160px; font-size:var(--font-size-15); font-weight:300; line-height:2em; letter-spacing:.5em; white-space:nowrap; transform:rotate(90deg);}
.business-scroll-text.white {color:#fff;}
.business-scroll.blue .business-scroll-text {color:#2C7BF2;}
.business-scroll.blue .scroll {background:rgba(44, 123, 242, 0.30);}
.business-scroll.blue .scroll:after {background:#2C7BF2;}

.business-scroll-line {position:relative; flex-shrink:0; width:2px; height:180px; background:rgba(255,255,255,0.3);}
.business-scroll .scroll {height:100%; position:absolute; left:50%; bottom:0; width:1px; background:rgba(255,255,255,0.5);}
.business-scroll .scroll:after {display:block; content:""; width:2px; height:60px; background:#fff; position:absolute; left:0; top:0; animation:aniScroll 1s infinite;}
@keyframes aniScroll{
    0%{top:0;}
    100%{top:100%;}
}
.business-eng {display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.business-eng-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); text-align:center;}
.business-eng-label {font-size:var(--font-size-24); font-weight:600; line-height:1.4em; background:url('/images/sub/business-eng-label.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.business-eng-title {font-size:var(--font-size-56); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-0.02em;}
.business-eng-body {display:flex; align-items:center; gap:var(--space-40);}
.business-eng-list {flex:1;}
.business-eng-item {display:flex; align-items:flex-start; gap:var(--space-16); padding:var(--space-30); border-bottom:1px dashed #c4dcff; transition:background-color .25s ease;}
.business-eng-item:first-child {border-top:1px dashed #c4dcff;}
.business-eng-item:hover {background-color:#f8f9ff;}
.business-eng-item-icon {flex-shrink:0; display:flex; align-items:center; padding:7px 0;}
.business-eng-item-icon img {height:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}
.business-eng-item-text {display:flex; flex-direction:column; gap:var(--space-16); flex:1;}
.business-eng-item-title {font-size:var(--font-size-28); font-weight:600; color:var(--color-bk); line-height:1.5em;}
.business-eng-item-desc {font-size:var(--font-size-18); color:#454545; line-height:1.6em;}

.business-mfg {position:relative; overflow:hidden;}
.business-mfg-bg {position:absolute; top:0; left:50%; width:100%; height:100%; transform:translateX(-50%); pointer-events:none; overflow:hidden;}
.business-mfg-bg img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.business-mfg-inner {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.business-mfg-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); text-align:center;}
.business-mfg-label {font-size:var(--font-size-24); font-weight:600; line-height:1.4em; white-space:nowrap; background:url('/images/sub/business-mfg-label.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.business-mfg-title {font-size:var(--font-size-56); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-0.02em;}
.business-mfg-track {grid-template-columns:repeat(4, 1fr); display:grid; gap:var(--space-40);}
.business-mfg-card {display:flex; flex-direction:column; gap:var(--space-40); flex-shrink:0;}
/* .business-mfg-card:nth-child(even) {padding-top:var(--space-80);} */
.business-mfg-card-visual,
.business-mfg-card-visual img {border-radius:24px; overflow:hidden;}
.business-mfg-card-text {display:flex; flex-direction:column; gap:var(--space-16); align-items:flex-start;}
.business-mfg-card-icon {flex-shrink:0; display:block; height:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}
.business-mfg-card-icon img {display:block; width:100%; height:100%;}
.business-mfg-card-title {font-size:var(--font-size-28); font-weight:600; color:var(--color-bk); line-height:1.6em;}
.business-mfg-card-desc {font-size:var(--font-size-18); color:#454545; line-height:1.6em;}

.business-dist {position:relative; color:#fff; overflow:hidden;}
.business-dist-bg {position:absolute; top:0; left:50%; width:100%; height:100%; transform:translateX(-50%); pointer-events:none; overflow:hidden;}
.business-dist-bg img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.business-dist-inner {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.business-dist-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); width:100%; text-align:center;}
.business-dist-label {font-size:var(--font-size-24); font-weight:600; line-height:1.4em; white-space:nowrap;}
.business-dist-title {font-size:var(--font-size-56); font-weight:700; line-height:1.3em; letter-spacing:-0.02em;}
.business-dist-body {display:flex; align-items:flex-start; gap:var(--space-40); width:100%;}
.business-dist-list {display:flex; flex:1; flex-direction:column; min-width:0;}
.business-dist-item {display:flex; align-items:flex-start; gap:var(--space-30); padding:var(--space-45); border-bottom:1px dashed rgba(255,255,255,0.3); transition:background-color .25s ease; cursor:pointer;}
.business-dist-item:first-child {border-top:1px dashed rgba(255,255,255,0.3);}
.business-dist-item-icon {flex-shrink:0; display:block; width:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); height:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); margin-top:7px; background:url('/images/sub/business-dist-check.svg') center/contain no-repeat;}
.business-dist-item-icon img {display:none;}
.business-dist-item-text {display:flex; flex-direction:column; gap:var(--space-16); flex:1;}
.business-dist-item-title {font-size:var(--font-size-28); font-weight:600; line-height:1.5em; transition:color .25s ease;}
.business-dist-item-desc {font-size:var(--font-size-18); line-height:1.6em; transition:color .25s ease;}
.business-dist-item:hover {background:#fff;}
.business-dist-item:hover .business-dist-item-icon {background-image:url('/images/sub/business-dist-check-hover.svg');}
.business-dist-item:hover .business-dist-item-title, .business-dist-item:hover .business-dist-item-desc {color:var(--color-primary);}
.business-dist-partner {display:flex; flex-direction:column; align-items:center; flex-shrink:0; width:50%;}
.business-dist-partner-head {display:flex; align-items:center; gap:var(--space-20);}
.business-dist-partner-icon {flex-shrink:0; display:flex; align-items:center;}
.business-dist-partner-icon img {display:block; height:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}
.business-dist-partner-title {font-size:var(--font-size-28); font-weight:600; line-height:1.5em; text-align:center;}
.business-dist-logo-grid {grid-template-columns:repeat(3, 1fr); display:grid; gap:var(--space-40); padding:var(--space-40) var(--space-80);}
.business-dist-logo-item {position:relative; border-radius:24px; overflow:hidden;}
.business-dist-logo-item img {display:block; width:100%; height:100%; object-fit:cover;}
.business-dist-partner-note {width:100%; padding:var(--space-25); border-radius:60px; background:rgba(255,255,255,0.24); font-size:var(--font-size-18); font-weight:400; line-height:1.6em; text-align:center;}

.business-rnd-inner {display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.business-rnd-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); width:100%; text-align:center;}
.business-rnd-label {font-size:var(--font-size-24); font-weight:600; width:100%; line-height:1.4em; white-space:nowrap; background:url('/images/sub/business-rnd-label.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.business-rnd-title {font-size:var(--font-size-56); font-weight:700; width:100%; color:var(--color-bk); line-height:1.3em; letter-spacing:-0.02em;}
.business-rnd-track {grid-template-columns:repeat(3, 1fr); display:grid; gap:var(--space-40); width:100%;}
.business-rnd-card {display:flex; flex-direction:column; gap:var(--space-40); flex-shrink:0;}
/* .business-rnd-card:nth-child(even) {padding-top:var(--space-80);} */
.business-rnd-card-visual {border-radius:24px; overflow:hidden;}
.business-rnd-card-text {display:flex; flex-direction:column; gap:var(--space-16); align-items:flex-start;}
.business-rnd-card-icon {flex-shrink:0; display:block; height:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}
.business-rnd-card-icon img {display:block; width:100%; height:100%;}
.business-rnd-card-title {font-size:var(--font-size-28); font-weight:600; color:var(--color-bk); line-height:1.5em; width:100%;}
.business-rnd-card-desc {font-size:var(--font-size-18); color:#454545; line-height:1.6em;}

.business-promise {position:relative; display:flex; flex-direction:column; align-items:center; overflow:hidden; color:#fff;}
.business-promise-bg {position:absolute; inset:0; overflow:hidden;}
.business-promise-bg img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:bottom;}
.business-promise-inner {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.business-promise-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); width:100%; text-align:center;}
.business-promise-title {font-size:var(--font-size-56); font-weight:700; line-height:1.3em; letter-spacing:-0.02em; width:100%;}
.business-promise-title-line {display:block;}
.business-promise-desc {font-size:var(--font-size-18); width:100%; font-weight:400; line-height:1.7em;}
.business-promise-quote {display:flex; align-items:center; justify-content:center; gap:10px; margin:0; padding:0; border:0;}
.business-promise-quote-icon {flex-shrink:0; display:flex; width:32px; height:32px;}
.business-promise-quote-icon img {display:block; width:100%; height:100%;}
.business-promise-quote-icon-open {transform:rotate(180deg);}
.business-promise-quote-txt {font-size:var(--font-size-28); font-weight:600; line-height:1.5em;}

/* solution gate */
.solution-visual {position:relative; width:100%; height:calc(100vh - var(--header-height)); overflow:hidden; background:#fff;}
.solution-visual-bg {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.solution-visual-bg video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.solution-visual-bg-img {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.solution-visual-bg-img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.solution-visual-inner {position:absolute; top:20%; left:0; width:100%; z-index:2;}
.solution-visual-inner.st2 {top:23%;}
/* .solution-visual-inner {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; height:100%;}
.solution-visual-inner.sub-pad {padding-top:var(--space-100) !important;} */
.solution-visual-title {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); width:100%; max-width:1460px; padding:0 var(--contain-padding); text-align:center; margin:0 auto;}
.solution-visual-head {font-size:var(--font-size-64); font-weight:700; color:var(--color-bk); line-height:1.2em; letter-spacing:-0.02em;}
.solution-visual-desc {font-size:var(--font-size-24); font-weight:500; line-height:1.7em;}
.solution-visual--video .solution-visual-title {gap:var(--space-25);}
.solution-visual--video .solution-visual-label {font-size:var(--font-size-24); font-weight:600; line-height:1.4em; white-space:nowrap; background:url('/images/sub/video-security-visual-label.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.solution-visual--video .solution-visual-head {color:#fff; line-height:1.38em;}
.solution-visual--video .solution-visual-desc {font-size:var(--font-size-24); font-weight:500; color:#fff; line-height:1.67em;}

.gate-intro-wrap {background:#f6f9fd; overflow:hidden; width:100%;}
.gate-intro {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); max-width:1460px; padding:0 var(--contain-padding); margin:0 auto;}
.gate-intro-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); width:100%; text-align:center;}
.gate-intro-label {font-size:var(--font-size-24); font-weight:600; line-height:1.4em; white-space:nowrap; background:url('/images/sub/gate-intro-label.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.gate-intro-title {font-size:var(--font-size-56); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-0.02em;}
.gate-intro-swiper {width:100%; overflow:visible;}
.gate-intro-swiper .swiper-slide {width:clamp(300px, calc(480 / 1600 * 100vw ), 480px) !important; height:auto;}
.gate-intro-card {display:flex; flex-direction:column; gap:var(--space-40); width:100%; padding:var(--space-40); border-radius:var(--radius-24); background:#fff; text-decoration:none; color:inherit;}
.gate-intro-card-visual {position:relative; flex-shrink:0; width:100%; aspect-ratio:40/26; border-radius:var(--radius-24); overflow:hidden;}
.gate-intro-card-visual img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.gate-intro-card-body {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); width:100%; text-align:center;}
.gate-intro-card-label {font-size:var(--font-size-18); font-weight:600; line-height:1.6em; white-space:nowrap; background:url('/images/sub/gate-card-label-video.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.gate-intro-swiper .swiper-slide:nth-child(2) .gate-intro-card-label {background-image:url('/images/sub/gate-card-label-access.png');}
.gate-intro-swiper .swiper-slide:nth-child(3) .gate-intro-card-label {background-image:url('/images/sub/gate-card-label-parking.png');}
.gate-intro-swiper .swiper-slide:nth-child(4) .gate-intro-card-label {background-image:url('/images/sub/gate-card-label-safety.png');}
.gate-intro-card-name {font-size:var(--font-size-36); font-weight:700; color:var(--color-bk); line-height:1.3em;}
.gate-intro-card-lead {font-size:var(--font-size-22); font-weight:600; color:var(--color-bk); line-height:1.5em;}
.gate-intro-card-desc {font-size:var(--font-size-18); line-height:1.6em;}
.gate-intro-card-more {flex-shrink:0; display:block; width:48px; height:48px; border-radius:100px; background:url('/images/sub/gate-card-more.png') 50% 50% / cover no-repeat;}
.gate-intro-scroll {width:100%;}
.gate-intro-scroll-track {position:relative; width:100%; height:2px; border-radius:2px; background:rgba(44,123,242,0.2);}
.gate-intro-scroll-track br {display:none;}
.gate-intro-scroll-track.swiper-scrollbar-horizontal {left:auto; bottom:auto; top:auto; width:100%; height:2px;}
.gate-intro-scroll-track .swiper-scrollbar-drag {height:100%; border-radius:2px; background:#2c7bf2;}

.gate-mfg {position:relative; display:flex; flex-direction:column; align-items:center; background:#f8f8f8; overflow:hidden;}
.gate-mfg-bg {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; pointer-events:none;}
.gate-mfg-bg-img {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.gate-mfg-bg-img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.gate-mfg-inner {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.gate-mfg-head {display:flex; flex-direction:column; align-items:center; width:100%;}
.gate-mfg-title-wrap {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); width:100%; text-align:center;}
.gate-mfg-label {font-size:var(--font-size-24); font-weight:600; line-height:1.4em; white-space:nowrap; background:url('/images/sub/gate-mfg-label.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.gate-mfg-title {font-size:var(--font-size-44); font-weight:700; color:var(--color-bk); line-height:1.6em; letter-spacing:-0.02em;}
.gate-mfg-desc {font-size:var(--font-size-20); line-height:1.6em;}
.gate-mfg-cards {grid-template-columns:repeat(3, 1fr); display:grid; gap:var(--space-40); width:100%;}
.gate-mfg-card {display:flex; flex:1 1 0; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-30); min-width:0; padding:var(--space-55) var(--space-16); border-radius:24px; background:#fff; box-shadow:4px 4px 15px rgba(0,0,0,0.1);}
.gate-mfg-card-icon img {height:clamp(100px, calc( 140 / var(--inner) * 100vw ), 140px);}
.gate-mfg-card-body {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); width:100%; text-align:center;}
.gate-mfg-card-title {font-size:var(--font-size-36); font-weight:700; color:var(--color-bk); line-height:1.3em;}
.gate-mfg-card-desc {font-size:var(--font-size-18); line-height:1.7em;}

.gate-use {display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.gate-use-title {font-size:var(--font-size-44); font-weight:700; color:var(--color-bk); line-height:1.6em; letter-spacing:-0.02em; text-align:center;}
.gate-use-body {display:flex; flex-direction:column; gap:var(--space-80);}
.gate-use-row {display:flex; align-items:center; gap:var(--space-60); width:100%;}
.gate-use-visual {border-radius:24px; overflow:hidden;}
.gate-use-txt {display:flex; flex:1 1 0; flex-direction:column; gap:var(--space-30); align-items:flex-start; min-width:0;}
.gate-use-label {font-size:var(--font-size-18); font-weight:600; line-height:1.6em; background:url('/images/sub/gate-use-label-01.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.gate-use-label-02 {background-image:url('/images/sub/gate-use-label-02.png');}
.gate-use-name {font-size:var(--font-size-36); font-weight:700; color:var(--color-bk); line-height:1.3em; width:100%;}
.gate-use-lead {font-size:var(--font-size-22); font-weight:600; color:var(--color-bk); line-height:1.5em; width:100%;}
.gate-use-desc {font-size:var(--font-size-18); line-height:1.7em; width:100%;}

/* video security */
.solution-visual--video {background:#000 url('/images/sub/video-security-visual-bg.jpg') 50% 50%/cover no-repeat;}

.video-security-visual-hero {position:absolute; bottom:0; left:0; width:100%; padding:0 var(--contain-padding); text-align:center;}
.video-security-visual-hero .inner {margin:0 auto; max-width:1400px;}

.video-sec-gallery-grid {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-40);}
.video-sec-gallery-item {border-radius:24px; overflow:hidden;}
.video-sec-intro {display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.video-sec-intro-head {display:flex; flex-direction:column; align-items:center; width:100%; text-align:center;}
.video-sec-intro-title {display:flex; flex-direction:column; align-items:center; font-size:var(--font-size-56); font-weight:700; line-height:1.33em; letter-spacing:-0.02em;}
/* .video-sec-intro-row {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px;} */
.video-sec-intro-accent {white-space:nowrap; background:url('/images/sub/video-sec-intro-accent-ai.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.video-sec-intro-accent-next {background-image:url('/images/sub/video-sec-intro-accent-next.png');}
.video-sec-intro-text {color:var(--color-bk); white-space:nowrap;}

.video-sec-system {padding:var(--space-100) 0 var(--space-200); overflow:hidden;}
.video-sec-system .inner {display:flex; justify-content:space-between; align-items:center; max-width:1460px; margin:0 auto; gap:0 var(--space-10); padding:0 var(--contain-padding);}
.video-sec-system-head {display:flex; flex-direction:column; justify-content:center; gap:var(--space-40); flex:1; position:relative; z-index:2;}
.video-sec-system-title {display:flex; flex-direction:column; gap:var(--space-10); margin:0;}
.video-sec-system-accent {font-size:var(--font-size-56); font-weight:700; line-height:1.3em; letter-spacing:-0.02em; background:url('/images/sub/video-sec-system-accent.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.video-sec-system-text {font-size:var(--font-size-56); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-0.02em; white-space:nowrap;}
.video-sec-system-body {display:flex; flex-direction:column; gap:var(--space-40);}
.video-sec-system-steps {display:flex; flex-direction:column; gap:var(--space-20);}
.video-sec-system-step {display:flex; align-items:flex-start; gap:var(--space-16);}
.video-sec-system-num {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:30px; height:30px; border-radius:100px; box-shadow:0 4px 4px rgba(44,123,242,0.1); background:linear-gradient(135deg, #2c7bf2 0%, #29d0e4 100%); font-size:var(--font-size-16); font-weight:700; color:#fff; line-height:1; letter-spacing:0;}
.video-sec-system-step-txt {display:flex; align-items:flex-start; gap:var(--space-16); min-width:0;}
.video-sec-system-step-name {flex-shrink:0; font-size:var(--font-size-18); font-weight:600; line-height:1.555em; background:linear-gradient(270deg, #29d0e4 0%, #2c7bf2 100%); -webkit-background-clip:text; background-clip:text; color:transparent;}
.video-sec-system-step-desc {margin:0; font-size:var(--font-size-16); font-weight:400; color:#454545; line-height:1.625em;}
.video-sec-system-legend {padding:var(--space-25); max-width:300px; border-radius:16px; background:#fff; box-shadow:4px 4px 5px rgba(0,0,0,0.1);}
.video-sec-system-legend-list {display:flex; flex-direction:column; gap:8px;}
.video-sec-system-legend-item {display:flex; align-items:center; gap:var(--space-16);}
.video-sec-system-legend-bar {flex-shrink:0; width:140px; height:4px; border-radius:100px;}
.video-sec-system-legend-bar-net {background:#2c7bf2;}
.video-sec-system-legend-bar-opt {background:#ffc050;}
.video-sec-system-legend-bar-out {background:#76eda1;}
.video-sec-system-legend-label {font-size:var(--font-size-15); font-weight:600; color:#242424; line-height:1.533em;}
.video-sec-system-visual {width:58%; max-width:810px; min-width:0;}

.video-sec-engine {position:relative; display:flex; align-items:center; background:#000; overflow:hidden;}
.video-sec-engine-bg {position:absolute; inset:0; pointer-events:none;}
.video-sec-engine-bg-img {position:absolute; inset:0; overflow:hidden;}
.video-sec-engine-bg-img img {position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover;}
.video-sec-engine-bg-dim {position:absolute; inset:0; background:linear-gradient(90deg, rgba(12,12,47,0.96) 0%, rgba(2,10,23,0.84) 100%);}
.video-sec-engine-inner {position:relative; z-index:1; display:flex; align-items:center;}
.video-sec-engine-head {display:flex; flex-direction:column; gap:var(--space-40); flex:1;}
.video-sec-engine-title {display:flex; flex-direction:column; gap:var(--space-10); margin:0; font-size:var(--font-size-56); font-weight:700; line-height:1.3em; letter-spacing:-0.02em;}
.video-sec-engine-text {color:#fff; white-space:nowrap;}
.video-sec-engine-accent {white-space:nowrap; background:url('/images/sub/video-sec-engine-accent.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.video-sec-engine-desc {font-size:var(--font-size-20); font-weight:400; color:#fff; line-height:1.6em;}
.video-sec-engine-point {color:#2c7bf2;}

.video-sec-engine-visual {position:relative; z-index:1; width:100%; max-width:900px; aspect-ratio:800 / 450; overflow:hidden; padding:var(--space-24); border-radius:var(--radius-48); overflow:hidden; background:linear-gradient(270deg, #2C7BF2 0%, #253C76 100%);}
.video-sec-engine-visual img,
.video-sec-engine-visual video {display:block; width:100%; height:100%; object-fit:cover; border-radius:var(--radius-40);}
.video-sec-analytics {display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.video-sec-analytics-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); width:100%; text-align:center;}
.video-sec-analytics-label {font-size:var(--font-size-24); font-weight:600; line-height:1.4em; white-space:nowrap; background:url('/images/sub/video-sec-analytics-label.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.video-sec-analytics-title {font-size:var(--font-size-56); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-0.02em; white-space:nowrap;}
.video-sec-analytics-list {width:100%; grid-template-columns:repeat(3, 1fr); display:grid; gap:var(--space-40);}
.video-sec-analytics-card {display:flex; flex-direction:column; flex-shrink:0; border-radius:24px; overflow:hidden;}
.video-sec-analytics-card-body {display:flex; flex-direction:column; gap:var(--space-25); padding:var(--space-30); background:#f8f8f8;}
.video-sec-analytics-card-step {font-size:var(--font-size-18); font-weight:600; line-height:1.6em; background:url('/images/sub/video-sec-analytics-step-01.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.video-sec-analytics-card-title {font-size:var(--font-size-30); font-weight:700; color:var(--color-bk); line-height:1.3em;}
.video-sec-analytics-card-desc {font-size:var(--font-size-18); line-height:1.8em;}
.video-sec-tracking {position:relative; display:flex; flex-direction:column; align-items:center; gap:var(--space-60); overflow:hidden;}
.video-sec-tracking-bg {position:absolute; inset:0; pointer-events:none;}
.video-sec-tracking-bg-img {position:absolute; inset:0; overflow:hidden;}
.video-sec-tracking-bg-img img {position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover;}

.video-sec-tracking-inner {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.video-sec-tracking-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); width:100%; text-align:center;}
.video-sec-tracking-label {font-size:var(--font-size-24); font-weight:600; line-height:1.4em; white-space:nowrap; background:url('/images/sub/video-sec-tracking-label.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.video-sec-tracking-title {font-size:var(--font-size-56); font-weight:700; color:#fff; line-height:1.3em; letter-spacing:-0.02em; white-space:nowrap;}
.video-sec-tracking-body {display:flex; flex-direction:column; gap:var(--space-16); width:100%;}
.video-sec-tracking-row {display:flex; gap:var(--space-16); width:100%;}
.video-sec-tracking-visual {border-radius:24px; overflow:hidden;}
.video-sec-tracking-card {display:flex; flex:1; flex-direction:column; justify-content:center; gap:var(--space-30); min-width:0; height:380px; padding:var(--space-40); border-radius:24px; box-shadow:4px 4px 15px rgba(0,0,0,0.1);}
.video-sec-tracking-card-01 {background:#181819;}
.video-sec-tracking-card-02 {background:#1c1c1c;}
.video-sec-tracking-card-03 {background:#2c7bf2; flex:1 auto; max-width:720px;}
.video-sec-tracking-icon img {height:clamp(60px, calc( 100 / var(--inner) * 100vw ), 100px);}
.video-sec-tracking-card-body {display:flex; flex-direction:column; gap:var(--space-25); color:#fff;}
.video-sec-tracking-card-title {font-size:var(--font-size-30); font-weight:700; line-height:1.3em;}
.video-sec-tracking-card-desc {font-size:var(--font-size-18); font-weight:400; line-height:1.7em;}

.video-sec-apply-drag {width:100%;}
.video-sec-apply-track {display:flex; align-items:center; gap:var(--space-40)}
.video-sec-apply-panel {display:flex; flex-direction:column; flex-shrink:0; gap:var(--space-40); width:50%; max-width:calc(50% - (var(--space-40) * 2 + clamp(44px, calc(56 / var(--inner) * 100vw), 56px)) / 2); padding:var(--space-45); border-radius:24px; box-sizing:border-box;}
.video-sec-apply-panel-env {background:rgba(44,123,242,0.05);}
.video-sec-apply-panel-effect {border:3px solid #29d0e4;}
.video-sec-apply-head {display:flex; align-items:center; gap:var(--space-25);}
.video-sec-apply-head-effect .video-sec-apply-title,
.video-sec-apply-head-effect .video-sec-apply-sub {color:#2c7bf2;}
.video-sec-apply-title {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-0.02em;}
.video-sec-apply-sub {font-size:var(--font-size-15); font-weight:600; color:#999; line-height:1.7em; letter-spacing:0.2em;}
.video-sec-apply-list {display:flex; flex-direction:column; gap:var(--space-25);}
.video-sec-apply-item {border-radius:16px; background:#fff;}
.video-sec-apply-item-effect {background:rgba(44,123,242,0.05);}
.video-sec-apply-item-inner {display:flex; align-items:flex-start; gap:var(--space-16); padding:var(--space-25);}
.video-sec-apply-icon {height:clamp(22px, calc(34 / var(--inner) * 100vw ), 34px); display:flex; align-items:center; flex-shrink:0;}
.video-sec-apply-icon img {height:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}
.video-sec-apply-item-txt {display:flex; flex-direction:column; gap:8px; min-width:0;}
.video-sec-apply-item-title {font-size:var(--font-size-24); font-weight:600; color:var(--color-bk); line-height:1.4em;}
.video-sec-apply-item-desc {font-size:var(--font-size-18); line-height:1.7em;}
.video-sec-apply-item-desc strong {font-weight:700;}
.video-sec-apply-point {color:#2c7bf2;}
.video-sec-apply-arrow {flex-shrink:0;}
.video-sec-apply-arrow img {height:clamp(44px, calc( 56 / var(--inner) * 100vw ), 56px);}

/* access control */
.access-visual {position:relative; width:100%; height:calc(100vh - var(--header-height)); overflow:hidden; background:#fff;}
.access-visual .contain {width:100%;  height:100%; display:flex; align-items:center; justify-content:space-between; overflow:hidden;}
.access-visual-title {width:45%; display:flex; flex-direction:column; gap:var(--space-25); margin-bottom:var(--space-100);}
.access-visual-label {font-size:var(--font-size-24); font-weight:600; line-height:1.4em; white-space:nowrap; background:url('/images/sub/access-visual-label.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.access-visual-head {font-size:var(--font-size-64); font-weight:700; color:var(--color-bk); line-height:1.4em; letter-spacing:-0.02em;}
.access-visual-desc {font-size:var(--font-size-24); font-weight:500; color:#454545; line-height:1.7em;}
.access-visual-point {color:#2c7bf2;}
.access-visual-image {width:53%; height:100%;}
.access-visual-image img {display:block; width:100%; height:100%; object-fit:contain;}

.access-intro {position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.access-intro-bg {position:absolute; inset:0; pointer-events:none;}
.access-intro-bg-img {position:absolute; inset:0; overflow:hidden;}
.access-intro-bg-img img {position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover;}
.access-intro-inner {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.access-intro-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); width:100%; text-align:center;}
.access-intro-label {font-size:var(--font-size-24); font-weight:600; line-height:1.4em; white-space:nowrap; background:url('/images/sub/access-intro-label.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.access-intro-title {font-size:var(--font-size-56); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-0.02em;}
.access-intro-accent {background:linear-gradient(270deg, #29d0e4 0%, #2c7bf2 100%); -webkit-background-clip:text; background-clip:text; color:transparent;}
.access-intro-list {grid-template-columns:repeat(4, 1fr); display:grid; gap:var(--space-40); width:100%;}
.access-intro-card {display:flex; flex-direction:column; gap:var(--space-40); flex-shrink:0;}
.access-intro-card-visual,
.access-intro-card-visual img {border-radius:24px; overflow:hidden;}
.access-intro-card-foot {display:flex; align-items:center; gap:var(--space-16);}
.access-intro-card-icon img {height:clamp(35px, calc( 48 / var(--inner) * 100vw ), 48px);}
.access-intro-card-name {font-size:var(--font-size-28); font-weight:600; color:var(--color-bk); line-height:1.6em;}

.access-core {position:relative; display:flex; align-items:center; overflow:hidden; padding:var(--space-150) 0 0;}
.access-core-bg {position:absolute; inset:0; pointer-events:none;}
.access-core-bg-img {position:absolute; inset:0; overflow:hidden;}
.access-core-bg-img img {position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover;}

.access-core-inner {position:relative; z-index:1; display:flex; align-items:center;justify-content:space-between; width:100%; max-width:1460px; padding:0 var(--contain-padding); margin:0 auto; }
.access-core-head {display:flex; flex-direction:column; flex-shrink:0; gap:var(--space-40); align-items:flex-start;}
.access-core-label {display:inline-flex; align-items:center; justify-content:center; margin:0; padding:4px 16px; border-radius:100px; font-size:var(--font-size-20); font-weight:600; color:#fff; line-height:1.5em; background:#111; white-space:nowrap;}
.access-core-title {display:flex; flex-direction:column; gap:var(--space-10); margin:0;}
.access-core-title-text {font-size:var(--font-size-56); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-0.02em; white-space:nowrap;}
.access-core-title-accent {font-size:var(--font-size-56); font-weight:700; line-height:1.3em; letter-spacing:-0.02em; white-space:nowrap; background:url('/images/sub/access-core-title-accent.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.access-core-desc {font-size:var(--font-size-20); line-height:1.6em;}

.access-ops {position:relative; overflow:hidden;}
.access-ops-bg {position:absolute; inset:0; pointer-events:none;}
.access-ops-bg-img {position:absolute; inset:0; overflow:hidden;}
.access-ops-bg-img img {position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover;}
.access-ops-bg-dim {position:absolute; inset:0; background:linear-gradient(180deg, rgba(12,12,47,0.98) 39.4%, rgba(2,10,23,0.86) 100%);}
.access-ops-inner {position:relative; z-index:1; width:100%;}
.access-ops-track {display:flex; align-items:center; gap:var(--space-90); width:max-content; width:100%;}
.access-ops-visual img {position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover;}
.access-ops-head {display:flex; flex-direction:column; align-items:flex-start; flex:1; gap:var(--space-40);}
.access-ops-label {display:inline-flex; align-items:center; justify-content:center; margin:0; padding:4px 16px; border-radius:100px; font-size:var(--font-size-18); font-weight:600; color:var(--color-bk); line-height:1.6em; background:#fff; white-space:nowrap;}
.access-ops-title {display:flex; flex-direction:column; gap:var(--space-10); margin:0;}
.access-ops-title-text {font-size:var(--font-size-56); font-weight:700; color:#fff; line-height:1.3em; letter-spacing:-0.02em; white-space:nowrap;}
.access-ops-title-accent {font-size:var(--font-size-56); font-weight:700; line-height:1.3em; letter-spacing:-0.02em; white-space:nowrap; background:url('/images/sub/access-ops-title-accent.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.access-ops-desc {font-size:var(--font-size-20); font-weight:400; color:#fff; line-height:1.6em; white-space:nowrap;}

.access-risk-inner {display:flex; align-items:center; justify-content:space-between;}
.access-risk-head {display:flex; flex-direction:column; flex-shrink:0; gap:var(--space-40); align-items:flex-start;}
.access-risk-label {display:inline-flex; align-items:center; justify-content:center; margin:0; padding:4px 16px; border-radius:100px; font-size:var(--font-size-20); font-weight:600; color:#fff; line-height:1.5em; background:#111; white-space:nowrap;}
.access-risk-title {display:flex; flex-direction:column; gap:var(--space-10); margin:0;}
.access-risk-title-text {font-size:var(--font-size-56); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-0.02em; white-space:nowrap;}
.access-risk-title-accent {font-size:var(--font-size-56); font-weight:700; line-height:1.3em; letter-spacing:-0.02em; white-space:nowrap; background:url('/images/sub/access-risk-title-accent.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.access-risk-desc {font-size:var(--font-size-20); line-height:1.6em;}

/* parking */
.park-visual {position:relative; width:100%; height:calc(100vh - var(--header-height)); overflow:hidden; background:#fff;}
.park-visual-bg {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.park-visual-bg-img {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.park-visual-bg-img img {position:absolute; top:-10.0%; left:0; width:100%; height:130.6%; max-width:none; object-fit:cover;}
.park-visual-title {position:absolute; top:var(--space-150); left:50%; width:100%; max-width:1460px; padding:0 var(--contain-padding); -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:1; display:flex; flex-direction:column; gap:var(--space-25); text-align:right;}
.park-visual-label {font-size:var(--font-size-24); font-weight:600; line-height:1.4em; white-space:nowrap; background:url('/images/sub/parking-visual-label.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.park-visual-head {font-size:var(--font-size-64); font-weight:700; color:var(--color-bk); line-height:1.4em; letter-spacing:-0.02em;}
.park-visual-desc {font-size:var(--font-size-24); font-weight:500; color:#454545; line-height:1.7em;}

.park-intro {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-50);}
.park-intro-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); text-align:center;}
.park-intro-title {display:flex; flex-direction:column; align-items:center; gap:var(--space-10); margin:0; font-size:var(--font-size-56); font-weight:700; line-height:1.3em; letter-spacing:-0.02em;}
.park-intro-title-line {color:var(--color-bk); white-space:nowrap;}
.park-intro-title-accent {white-space:nowrap; background:url('/images/sub/parking-intro-accent.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.park-intro-desc {font-size:var(--font-size-20); font-weight:400; color:var(--color-bk); line-height:1.6em; white-space:nowrap;}
.park-intro .video {width:100%; max-width:600px; border-radius:24px; overflow:hidden; box-shadow:0 4px 4px rgba(0,0,0,0.25);}

.parking-sysytem {position:relative; max-width:1460px; margin:0 auto; padding:var(--space-50) var(--contain-padding);}
.parking-sysytem .img {width:100%; max-width:1080px;}
.parking-sysytem .txt {font-size:var(--font-size-56); line-height:1.3em; font-weight:700; color:var(--color-bk); position:absolute; bottom:var(--space-150); right:var(--contain-padding); text-align:right;}
.parking-sysytem p {background:center center / cover no-repeat; -webkit-background-clip:text; background-image:url(/images/sub/parking-entry-title-accent.png); background-clip:text; color:transparent;}

.park-feature.sub-pad {padding-bottom:0 !important;}
.park-feature-inner {display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.park-feature-head {width:100%; display:flex; flex-direction:column; align-items:center; gap:var(--space-25); text-align:center;}
.park-feature-label {display:inline-flex; align-items:center; justify-content:center; margin:0; padding:4px var(--space-16); border-radius:100px; font-size:var(--font-size-20); font-weight:600; color:#fff; line-height:1.5em; background:#111; white-space:nowrap;}
.park-feature-title {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:var(--space-10); margin:0;}
.park-feature-title-text {font-size:var(--font-size-56); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-0.02em;}
.park-feature-title-accent {font-size:var(--font-size-56); font-weight:700; line-height:1.3em; letter-spacing:-0.02em; white-space:nowrap; background:center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.park-feature--entry .park-feature-title-accent {background-image:url('/images/sub/parking-entry-title-accent.png');}
.park-feature--guide .park-feature-title-accent {background-image:url('/images/sub/parking-guide-title-accent.png');}
.park-feature--pay .park-feature-title-accent {background-image:url('/images/sub/parking-pay-title-accent.png');}
.park-feature--control .park-feature-title-accent {background-image:url('/images/sub/parking-control-title-accent.png');}
.park-feature-body {display:flex; align-items:center; gap:var(--space-40); width:100%;}
.park-feature-body--reverse {flex-direction:row-reverse;}
.park-feature-list {display:flex; flex-direction:column; flex-shrink:0; width:40%;}
.park-feature-item {display:flex; gap:var(--space-16); align-items:flex-start; padding:var(--space-30); border-bottom:1px dashed #c4dcff;}
.park-feature-item:first-child {border-top:1px dashed #c4dcff;}
.park-feature-icon {display:flex; flex-shrink:0; align-items:center; padding:7px 0;}
.park-feature-icon-mark {display:flex; align-items:center; justify-content:center; position:relative; width:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); height:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); padding:3px; border-radius:100px; background:#24D5FC; box-shadow:0 4px 4px rgba(44,123,242,0.1);}
.park-feature-icon-mark img {position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; border-radius:100px;}
.park-feature-icon-num {position:relative; z-index:1; font-size:var(--font-size-16); font-weight:700; color:#fff; line-height:1em; letter-spacing:0;}
.park-feature-icon--check img {display:block; height:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); max-width:none;}
.park-feature-item-text {display:flex; flex-direction:column; gap:var(--space-16); min-width:0;}
.park-feature-item-name {font-size:var(--font-size-28); font-weight:600; color:var(--color-bk); line-height:1.5em;}
.park-feature-item-desc {font-size:var(--font-size-18); line-height:1.6em;}

/* industrial safety */
.indus-safe-visual {position:relative; width:100%; height:calc(100vh - var(--header-height)); overflow:hidden;}
.indus-safe-visual-bg {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.indus-safe-visual-bg-img {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.indus-safe-visual-bg-img img {position:absolute; top:0; left:0; width:100%; height:100%; max-width:none; object-fit:cover;}
.indus-safe-visual-bg-dim {position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(12,12,47,0.96) 39.4%, rgba(2,10,23,0.46) 100%);}
.indus-safe-visual-inner {position:absolute; top:20%; left:0; width:100%; z-index:2;}
.indus-safe-visual-title {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); width:100%; max-width:1460px; padding:0 var(--contain-padding); text-align:center; margin:0 auto;}
.indus-safe-visual-label {font-size:var(--font-size-24); font-weight:600; line-height:1.4em; white-space:nowrap; background:url('/images/sub/indus-safe-visual-label.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.indus-safe-visual-head {font-size:var(--font-size-64); font-weight:700; color:#fff; line-height:1.4em; letter-spacing:-0.02em;}
.indus-safe-visual-desc {font-size:var(--font-size-24); font-weight:500; color:#fff; line-height:1.7em;}
.indus-safe-visual-diagram {position:absolute; bottom:3%; left:0; width:100%; text-align:center;}
.indus-safe-visual-diagram img {width:100%; max-width:1060px;}

.indus-safe-intro-inner {display:flex; align-items:center; justify-content:space-between;}
.indus-safe-intro-title {display:flex; flex-direction:column; margin:0; font-size:var(--font-size-44); font-weight:700; line-height:1.5em; letter-spacing:-0.02em;}
.indus-safe-intro-title-line {color:var(--color-bk);;}
.indus-safe-intro-title-accent {background:url('/images/sub/indus-safe-intro-title-accent.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}

.indus-safe-solution {position:relative; overflow:hidden;}
.indus-safe-solution-bg {position:absolute; inset:0; pointer-events:none;}
.indus-safe-solution-bg-img {position:absolute; inset:0; overflow:hidden;}
.indus-safe-solution-bg-img img {position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover;}
.indus-safe-solution-bg-dim {position:absolute; inset:0; background:linear-gradient(180deg, rgba(12,12,47,0.9) 39.4%, rgba(2,10,23,0.72) 100%);}
.indus-safe-solution-inner {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.indus-safe-solution-head {display:flex; flex-direction:column; align-items:center;}
.indus-safe-solution-title {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:10px; margin:0; font-size:var(--font-size-56); font-weight:700; line-height:1.3em; letter-spacing:-0.02em; text-align:center;}
.indus-safe-solution-title-text {color:#fff;}
.indus-safe-solution-title-accent {background:url('/images/sub/indus-safe-solution-title-accent.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}

.indus-safe-solution-cards {grid-template-columns:repeat(4, 1fr); display:grid; gap:var(--space-30); width:100%;}
.indus-safe-solution-card {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-30); min-width:0; padding:var(--space-40) var(--space-24); border-radius:24px; background:#fff; box-shadow:4px 4px 15px rgba(0,0,0,0.1);}
.indus-safe-solution-card-icon img {height:clamp(80px, calc( 140 / var(--inner) * 100vw ), 140px);}
.indus-safe-solution-card-body {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); width:100%;}
.indus-safe-solution-card-step {font-size:var(--font-size-18); font-weight:600; line-height:1.6em; text-align:center; white-space:nowrap; background:url('/images/sub/indus-safe-solution-step-label.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.indus-safe-solution-card-step-01 {background-image:url('/images/sub/indus-safe-solution-step-01.png');}
.indus-safe-solution-card-name {font-size:var(--font-size-30); font-weight:700; color:var(--color-bk); line-height:1.3em; text-align:center; white-space:nowrap;}
.indus-safe-solution-card-tags {display:flex; flex-direction:column; gap:8px; width:100%;}
.indus-safe-solution-card-tag {display:flex; align-items:center; justify-content:center; padding:var(--space-16); border-radius:100px; font-size:var(--font-size-18); font-weight:600; color:#2c7bf2; line-height:1.6em; text-align:center; white-space:nowrap; background:rgba(44,123,242,0.1);}

.indus-safe-analyze {display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.indus-safe-analyze-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); width:100%; text-align:center;}
.indus-safe-analyze-title {font-size:var(--font-size-56); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:0;}
.indus-safe-analyze-desc {font-size:var(--font-size-20); line-height:1.6em;}
.indus-safe-analyze-list {grid-template-columns:repeat(3, 1fr); display:grid; gap:var(--space-40);}
.indus-safe-analyze-card {display:flex; flex-direction:column; flex-shrink:0; border-radius:24px; overflow:hidden;}
.indus-safe-analyze-card-body {display:flex; flex-direction:column; gap:var(--space-16); padding:var(--space-30); background:#f8f8f8;}
.indus-safe-analyze-card-num {font-size:var(--font-size-18); font-weight:600; line-height:1.6em; white-space:nowrap; background:url('/images/sub/indus-safe-analyze-num-02.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.indus-safe-analyze-card-name {font-size:var(--font-size-30); font-weight:700; color:var(--color-bk); line-height:1.3em;}
.indus-safe-analyze-card-desc {font-size:var(--font-size-18); line-height:1.8em;}

.indus-safe-collision {background:linear-gradient(180deg, #eef3ff 5.63%, rgba(255,255,255,0.8) 56.85%);}
.indus-safe-collision-inner {display:flex; align-items:center; gap:var(--space-90);}
.indus-safe-collision-videos {display:flex; align-items:center; justify-content:center; gap:var(--space-40); width:51.22%;}
.indus-safe-collision-video {position:relative; flex:1; min-width:0; aspect-ratio:400 / 640; border:4px solid #2c7bf2; border-radius:32px; overflow:hidden;}
.indus-safe-collision-video video {position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover;}
.indus-safe-collision-phone {position:relative; flex-shrink:0; width:clamp(170px, calc(371 / var(--inner) * 100vw), 371px); aspect-ratio:370.686 / 754.382;}
.indus-safe-collision-phone-frame {position:absolute; inset:0; width:100%; height:100%; object-fit:fill; z-index:1; pointer-events:none;}
.indus-safe-collision-phone-screen {position:absolute;    top:13px;    left:17px;    right:17px;    bottom:13px;
    overflow:hidden;    border-radius:clamp(10px, calc( 49 / var(--inner) * 100vw ), 49px);    z-index:2;}
.indus-safe-collision-phone-screen video {position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover;}
.indus-safe-collision-phone-camera {position:absolute; top:3.62%; left:50%; width:23.2%; height:2.71%; transform:translateX(-50%); border-radius:100px; background:#000; z-index:3; pointer-events:none;}
.indus-safe-collision-content {display:flex; flex:1; flex-direction:column; gap:var(--space-50); align-items:flex-start; justify-content:center; min-width:0;}
.indus-safe-collision-head {display:flex; flex-direction:column; gap:var(--space-25); align-items:flex-start;}
.indus-safe-collision-label {padding:4px 16px; border-radius:100px; font-size:var(--font-size-20); font-weight:600; color:#fff; line-height:1.5em; text-align:center; white-space:nowrap; background:#111;}
.indus-safe-collision-title {font-size:var(--font-size-44); font-weight:700; color:var(--color-bk); line-height:1.5em; letter-spacing:-0.02em; white-space:nowrap;}
.indus-safe-collision-desc {font-size:var(--font-size-20); line-height:1.6em; white-space:nowrap;}
.indus-safe-collision-features {display:flex; gap:var(--space-25); align-items:flex-start; width:100%;}
.indus-safe-collision-feature {display:flex; flex:1; flex-direction:column; gap:var(--space-25); align-items:center; justify-content:center; min-width:0; padding:40px 24px; border-radius:24px; background:rgba(44,123,242,0.05);}
.indus-safe-collision-feature-icon img {height:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}
.indus-safe-collision-feature-text {font-size:var(--font-size-18); font-weight:600; color:var(--color-bk); line-height:1.6em; text-align:center;}

.indus-safe-crisis {position:relative; overflow:hidden;}
.indus-safe-crisis-bg {position:absolute; inset:0; pointer-events:none;}
.indus-safe-crisis-bg-img {position:absolute; inset:0; overflow:hidden;}
.indus-safe-crisis-bg-img img {position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover;}
.indus-safe-crisis-bg-dim {position:absolute; inset:0; background:linear-gradient(180deg, rgba(12,12,47,0.95) 39.4%, rgba(2,10,23,0.61) 100%);}
.indus-safe-crisis-inner {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.indus-safe-crisis-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); text-align:center; width:100%;}
.indus-safe-crisis-label {font-size:var(--font-size-24); font-weight:600; line-height:1.4em; text-align:center; white-space:nowrap; background:url('/images/sub/indus-safe-crisis-label.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.indus-safe-crisis-title {font-size:var(--font-size-56); font-weight:700; color:#fff; line-height:1.3em; letter-spacing:-0.02em; text-align:center;}
.indus-safe-crisis-desc {font-size:var(--font-size-20); font-weight:400; color:#fff; line-height:1.6em; text-align:center;}
.indus-safe-crisis-list {grid-template-columns:repeat(3, 1fr); width:100%; display:grid; gap:var(--space-40);}
.indus-safe-crisis-card {display:flex; flex-direction:column; border-radius:24px; background:#f8f8f8; overflow:hidden;}
.indus-safe-crisis-card-visual {position:relative; overflow:hidden;}
.indus-safe-crisis-card-visual video {width:100%; aspect-ratio:16/9; object-fit:cover;}
.indus-safe-crisis-card-body {display:flex; flex-direction:column; gap:var(--space-16); padding:var(--space-30);}
.indus-safe-crisis-card-step {font-size:var(--font-size-18); font-weight:600; line-height:1.6em; white-space:nowrap; background:url('/images/sub/indus-safe-crisis-step-event.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.indus-safe-crisis-card-step-input {background-image:url('/images/sub/indus-safe-crisis-step-input.png');}
.indus-safe-crisis-card-step-event {background-image:url('/images/sub/indus-safe-crisis-step-event.png');}
.indus-safe-crisis-card-step-output {background-image:url('/images/sub/indus-safe-crisis-step-output.png');}
.indus-safe-crisis-card-name {font-size:var(--font-size-30); font-weight:700; color:var(--color-bk); line-height:1.3em;}
.indus-safe-crisis-card-desc {font-size:var(--font-size-18); line-height:1.8em;}

/* management system */
.mgmt-btn {display:inline-flex; align-items:center; justify-content:center; height:56px; padding:0 var(--space-50); border:1px solid #ddd; border-radius:100px; background:#fff; font-weight:500; color:#242424; line-height:1.9em; text-decoration:none;}
.mgmt-intro-inner {display:flex; align-items:center; justify-content:space-between;}
.mgmt-intro-inner.contain {max-width:1460px;}
.mgmt-intro-txt {display:flex; flex-direction:column; gap:var(--space-45); flex-shrink:0; align-items:flex-start;}
.mgmt-intro-head {align-items:flex-start; display:flex; flex-direction:column; gap:var(--space-30);}
.mgmt-intro-label {font-size:var(--font-size-18); font-weight:600; line-height:1.6em; text-align:center; white-space:nowrap; background:url('/images/sub/business-mfg-label.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.mgmt-intro-title {margin:0; font-size:var(--font-size-36); font-weight:700; color:#242424; line-height:1.4em;}
.mgmt-intro-desc {margin:0; font-size:var(--font-size-22); font-weight:600; color:#242424; line-height:1.5em;}
.mgmt-vision {flex-shrink:0;}
.mgmt-policy {padding:var(--space-150) 0;}

.mgmt-policy-list.contain {display:flex; gap:var(--space-40); max-width:1460px;}
.mgmt-policy-card {display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-30); aspect-ratio:440 / 400; padding:var(--space-40); border-radius:24px; background:#fff; box-shadow:4px 4px 15px rgba(0,0,0,0.1); box-sizing:border-box;}
.mgmt-policy-icon img {height:clamp(50px, calc( 88 / var(--inner) * 100vw ), 88px);}
.mgmt-policy-txt {display:flex; flex-direction:column; gap:var(--space-25); align-items:center; width:100%; text-align:center;}
.mgmt-policy-name {font-size:var(--font-size-36); font-weight:700; color:#242424; line-height:1.3em;}
.mgmt-policy-desc {font-size:var(--font-size-18); font-weight:400; color:#454545; line-height:1.7em;}

.mgmt-solution {position:relative; padding:var(--space-150) 0; background:url('/images/sub/mgmt-solution-bg.png') 50% 50% / cover no-repeat;}
.mgmt-solution-bg {position:absolute; inset:0; overflow:hidden;}

.mgmt-solution-inner {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.mgmt-solution-inner.contain {max-width:1460px;}
.mgmt-solution-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); width:100%; text-align:center;}
.mgmt-solution-title {font-size:var(--font-size-56); font-weight:700; color:#242424; line-height:1.3em; letter-spacing:-0.02em;}
.mgmt-solution-desc {font-size:var(--font-size-20); font-weight:400; color:#454545; line-height:1.6em;}
.mgmt-solution-list {grid-template-columns:repeat(4, 1fr); display:grid; width:100%; gap:var(--space-16);}
.mgmt-solution-card {display:flex; flex:1; flex-direction:column; align-items:center; gap:var(--space-40); min-width:0; padding:var(--space-15) var(--space-15) var(--space-45); border-radius:24px; background:#fff; text-decoration:none; color:inherit;}
.mgmt-solution-card-visual {border-radius:24px; overflow:hidden;}
.mgmt-solution-card-body {display:flex; flex-direction:column; align-items:center; gap:var(--space-25); width:100%;}
.mgmt-solution-card-label {font-size:var(--font-size-18); font-weight:600; line-height:1.6em; text-align:center; white-space:nowrap; background:url('/images/sub/business-mfg-label.png') center center / cover no-repeat; -webkit-background-clip:text; background-clip:text; color:transparent;}
.mgmt-solution-card-name {margin:0; font-size:var(--font-size-36); font-weight:700; color:#242424; line-height:1.3em; text-align:center;}
.mgmt-solution-card-more {flex-shrink:0; display:block; width:clamp(34px, calc( 48 / var(--inner) * 100vw ), 48px); aspect-ratio:1/1; border-radius:100px; background:url('/images/sub/gate-card-more.png') 50% 50% / cover no-repeat;}

.mgmt-cert {padding:var(--space-150) 0;}
.mgmt-cert-inner {display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.mgmt-cert-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); text-align:center; width:100%;}
.mgmt-cert-title {margin:0; font-size:var(--font-size-56); font-weight:700; color:#242424; line-height:1.3em; letter-spacing:-0.02em;}
.mgmt-cert-desc {margin:0; font-size:var(--font-size-20); font-weight:400; color:#454545; line-height:1.6em;}
.mgmt-cert-visuals {display:flex; gap:var(--space-40);}

.mgmt-cta {position:relative; padding:var(--space-150) 0; background:url('/images/sub/mgmt-cta-bg.png') 50% 50% / cover no-repeat;}
.mgmt-cta-inner {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--space-40);}
.mgmt-cta-title {width:100%; font-size:var(--font-size-48); font-weight:700; color:#242424; line-height:1.5em; text-align:center;}