:root{--sys-navy:#071a2b;--sys-navy2:#0d2940;--sys-ink:#102235;--sys-turq:#17c3b2;--sys-cyan:#38d9cf;--sys-bg:#f3f7fa;--sys-panel:#ffffff;--sys-line:#d7e2ea;--sys-muted:#617286}
body{font-family:Pretendard,'Noto Sans KR','Malgun Gothic',Arial,sans-serif!important}em{font-family:inherit!important;font-style:normal!important}.brand-home{background:var(--sys-bg)!important;color:var(--sys-ink)!important}.brand-container{width:min(1240px,calc(100% - 48px))!important}
.brand-header{background:rgba(247,250,252,.94)!important;border-bottom:1px solid var(--sys-line)!important}.brand-logo{letter-spacing:-.6px!important;color:var(--sys-navy)!important}.brand-logo span{color:var(--sys-turq)!important}.brand-nav nav a{color:#41566a!important}.brand-nav-cta,.brand-btn.solid{border-radius:8px!important;background:var(--sys-turq)!important;color:#042321!important;box-shadow:none!important}.brand-btn.line{border-radius:8px!important;background:transparent!important;border-color:#6e8598!important;color:#d9e8f2!important}
.brand-hero{position:relative;background:var(--sys-navy)!important;color:#fff!important;overflow:hidden!important}.brand-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(56,217,207,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(56,217,207,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.brand-hero-grid{position:relative;z-index:2;grid-template-columns:.9fr 1.1fr!important;min-height:650px!important}.brand-hero-copy{padding:55px 0 80px!important}.brand-kicker{color:#92a9ba!important}.brand-kicker i{border-radius:2px!important;background:var(--sys-turq)!important;box-shadow:0 0 0 5px rgba(23,195,178,.12)!important}.brand-hero h1{color:#fff!important;font-size:clamp(48px,5.2vw,68px)!important;line-height:1.08!important;letter-spacing:-3.4px!important}.brand-hero h1 em{color:var(--sys-cyan)!important;font-weight:800!important;letter-spacing:-3.4px!important}.brand-lead{color:#b5c7d3!important}.brand-small{color:#7993a5!important}.brand-hero-image{height:650px!important;background:url('assets/opensave-system-hero.png') 62% center/cover no-repeat!important}.brand-hero-image:before{content:"SYSTEM / ONLINE";position:absolute;right:24px;top:34px;color:var(--sys-turq);font:800 10px/1 Arial;letter-spacing:.18em}.brand-hero-image img,.brand-image-note{display:none!important}
.brand-promise{position:relative;z-index:3;border:1px solid #204058!important;border-bottom:0!important;border-radius:12px 12px 0 0!important;background:#0b2235!important;color:#fff!important}.brand-promise>div{border-color:#204058!important}.brand-promise span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:5px;background:rgba(23,195,178,.13);font:900 12px/1 Arial!important;color:var(--sys-turq)!important}.brand-promise p{color:#8fa5b4!important}
.brand-section{padding:100px 0!important}.brand-section-title>p,.brand-standard-copy>p,.brand-process-head>p,.brand-faq-grid>div:first-child>p,.brand-contact-grid>div>p{color:#009f96!important;letter-spacing:.16em!important}.brand-section-title h2,.brand-standard-copy h2,.brand-process-head h2,.brand-faq-grid h2,.brand-contact h2{letter-spacing:-2px!important}.brand-section-title>span,.brand-faq-grid>div:first-child>span{color:var(--sys-muted)!important}
.brand-pain{background:#fff!important}.brand-pain-grid{gap:12px;border:0!important}.brand-pain-grid article,.brand-pain-grid article+article{padding:28px!important;border:1px solid var(--sys-line)!important;min-height:260px!important;background:linear-gradient(145deg,#fff,#f7fafc)}.brand-pain-grid b{font:900 12px/1 Arial!important;font-style:normal!important;color:#009f96!important}.brand-pain-grid h3{font-size:22px!important}.brand-pain-grid p{color:var(--sys-muted)!important}
.brand-standard{background:linear-gradient(135deg,var(--sys-navy),#0b314a)!important}.brand-standard-grid{gap:70px!important}.brand-standard-copy h2 em,.brand-contact h2 em{color:var(--sys-cyan)!important;font-weight:800!important}.brand-standard-copy>p,.brand-standard-list span,.brand-contact-grid>div>p{color:var(--sys-turq)!important}.brand-standard-list{display:grid;gap:12px;border:0!important}.brand-standard-list article{padding:28px!important;border:1px solid #28506a!important;background:rgba(9,35,54,.66)}.brand-standard-list p{color:#a9bdca!important}
.brand-solutions{background:#eef4f7!important}.brand-solution-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.brand-solution{border-radius:12px!important;border-color:var(--sys-line)!important;background:#fff!important;min-height:270px!important}.brand-solution.large{grid-row:span 1!important;min-height:270px!important;background:linear-gradient(135deg,#0a2539,#103d55)!important}.brand-solution>span,.brand-solution>b{color:#009f96!important}.brand-solution.large>span,.brand-solution.large>b{color:var(--sys-turq)!important}.brand-solution.large h3{font-size:36px!important;margin:25px 0 14px!important}.brand-solution.large p{font-size:16px!important}.brand-solution ul{display:none!important}
.brand-process{background:#fff!important}.brand-process li>span{font:900 12px/1 Arial!important;font-style:normal!important;color:#009f96!important}.brand-process li em{border-radius:5px!important;background:#daf7f3!important;color:#08796f!important}.brand-business{background:#f3f7fa!important}.brand-business-card{border-radius:12px!important}.brand-business-card.removal{background:linear-gradient(135deg,#101f30,#20374c)!important}.brand-business-card.vending{background:linear-gradient(135deg,#dff8f5,#cdecea)!important}.brand-supporting{border-radius:10px!important;border-color:var(--sys-line)!important}.brand-supporting span{border-radius:6px!important;background:#edf3f6!important}.brand-faq-list{border-color:var(--sys-line)!important}.brand-faq-list summary i{color:#009f96!important}
.brand-contact{background:linear-gradient(135deg,#071a2b,#0b3048)!important}.brand-form{border-radius:12px!important}.brand-form input,.brand-form select{border-radius:6px!important;border-color:var(--sys-line)!important}.brand-form button{border-radius:7px!important;background:var(--sys-turq)!important;color:#042321!important}.brand-footer{background:#04111d!important}.brand-floating a{border-radius:7px!important;background:#0d2940!important;border-color:#285069!important}.brand-floating a:last-child{background:var(--sys-turq)!important;color:#052a28!important}
/* 검색형 랜딩 */
.brand-landing{background:var(--sys-bg)!important;color:var(--sys-ink)!important}.landing-hero{position:relative!important;overflow:hidden!important;isolation:isolate;background:var(--sys-navy)!important;color:#fff!important}.landing-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(56,217,207,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(56,217,207,.055) 1px,transparent 1px);background-size:54px 54px;z-index:-2}.landing-product-backdrop{position:absolute!important;z-index:-1!important;inset:0 -4% 0 38%!important;width:auto!important;background:url('assets/opensave-system-hero.png') 60% center/cover no-repeat!important;mix-blend-mode:normal!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%)!important;mask-image:linear-gradient(90deg,transparent 0%,#000 27%)!important}.landing-crumb{color:#829aac!important}.landing-crumb b{color:var(--sys-turq)!important}.landing-hero-grid{grid-template-columns:1fr 1fr!important;min-height:520px!important}.landing-product-space{min-height:500px}.landing-hero h1{color:#fff!important}.landing-hero h1 em{color:var(--sys-cyan)!important;font-weight:800!important}.landing-hero-grid>div>p:not(.brand-kicker){color:#b4c7d3!important}.landing-copy-grid>div:first-child p,.landing-related p{color:#009f96!important}.landing-guide{background:#edf3f6!important}.landing-guide-grid article{border-radius:10px!important;border-color:var(--sys-line)!important}.landing-guide-grid span{font:900 12px/1 Arial!important;font-style:normal!important;color:#009f96!important}.landing-related{background:var(--sys-navy)!important}.landing-related p{color:var(--sys-turq)!important}.landing-related a{border-radius:7px!important;border-color:#2e5a72!important}
/* 풀블리드 제품 비주얼: 이미지가 별도 카드처럼 보이지 않도록 히어로 전체에 통합 */
.brand-hero{background-color:var(--sys-navy)!important;background-image:linear-gradient(90deg,rgba(7,26,43,.97) 0%,rgba(7,26,43,.9) 39%,rgba(7,26,43,.12) 74%),url('assets/opensave-system-hero.png')!important;background-position:center!important;background-size:cover!important}.brand-hero-image{background:none!important}
.landing-hero{background-color:var(--sys-navy)!important;background-image:linear-gradient(90deg,rgba(7,26,43,.97) 0%,rgba(7,26,43,.91) 40%,rgba(7,26,43,.12) 75%),url('assets/opensave-system-hero.png')!important;background-position:center!important;background-size:cover!important}.landing-product-backdrop{display:none!important}
/* 기존 서비스 상세 */
body:not(.brand-home):not(.brand-landing){background:#f4f7fa!important}.site-header{background:#f8fbfc!important;border-color:var(--sys-line)!important}.logo span{color:#00a89f!important}.consult-top,.btn.primary,.submit{background:var(--sys-turq)!important;color:#052725!important;border-radius:7px!important}.detail-hero,.seo-hero{background:linear-gradient(135deg,#eef4f7,#f8fbfc)!important}.detail-hero h1 span,.seo-hero h1 em,.eyebrow{color:#009f96!important}.detail-visual,.seo-visual{border-radius:12px!important;background:linear-gradient(145deg,#071a2b,#123f58)!important}.detail-card-grid article,.detail-process li{border-radius:10px!important}.contact{background:linear-gradient(135deg,#071a2b,#0b3048)!important}
@media(max-width:980px){.brand-hero-grid{grid-template-columns:1fr!important}.brand-hero-image{order:-1!important;height:380px!important}.brand-standard-copy{position:static!important}.brand-solution-grid{grid-template-columns:1fr 1fr!important}.landing-product-backdrop{inset:0 -28% 0 25%!important;opacity:.62}.landing-hero-grid{grid-template-columns:1.1fr .9fr!important}}
@media(max-width:680px){.brand-container{width:min(100% - 28px,1240px)!important}.brand-hero-image{height:280px!important}.brand-hero h1{font-size:43px!important}.brand-promise{grid-template-columns:1fr!important}.brand-solution-grid{grid-template-columns:1fr!important}.landing-product-backdrop{inset:40px -60% 0 5%!important;opacity:.25}.landing-hero-grid{grid-template-columns:1fr!important}.landing-product-space{display:none!important}.landing-hero h1{font-size:40px!important}}