/* =========================================================
   색감 조정안 (균형형) — 기존 시안의 생동감·입체감 유지 + 채도·그라데이션 절제
   ---------------------------------------------------------
   원칙
   1. 주색은 로고 계열 파랑 하나(#2A5FE0). 보조색(인디고·하늘·로즈)은 면적을 줄여 포인트로만.
   2. 그라데이션은 '이웃한 색 2단'까지만 (파랑→인디고, 파랑→하늘). 3색 이상 무지개·흐르는 애니메이션 제거.
   3. 배경 번짐·유리 다이아몬드는 살리되 투명도를 약 절반으로 → 공간감은 남기고 화려함은 덜어냄.
   4. 카드는 흰 바탕 위주 + 위쪽에만 옅은 색조 → 카드별 구분은 유지, 원색 면은 제거.
   ========================================================= */
:root{
 --navy:#13254A; --ink2:#4A5878;
 --blue:#2A5FE0; --blue-d:#1C46B8; --blue-l:#5C86EE; --blue-soft:#EAF0FF;
 --indigo:#5B63E6; --indigo-soft:#EEEEFD;
 --sky:#1FA0D2; --sky-soft:#E4F4FA;
 --rose:#DE6F8C; --rose-soft:#FCEDF1;
 --red:#AE0721;
 --bg:#F5F8FD;
 --grad-main:linear-gradient(100deg,#2457DA 0%,#3A6CEB 55%,#5B63E6 100%);
 --grad-btn:linear-gradient(180deg,#3268EA 0%,#2553D2 100%);
 --sh-blue:0 10px 22px rgba(42,95,224,.24);
}

/* 1) 배경: 번짐은 유지, 투명도 절반 · 보라 비중 축소 */
html,body{background:var(--bg)}
.page-bg{background:linear-gradient(180deg,#F7FAFF 0%,#F0F5FE 55%,#EBF1FC 100%)!important}
.page-bg .pb1{background:radial-gradient(closest-side,rgba(130,172,250,.60),rgba(130,172,250,0) 72%)!important}
.page-bg .pb2{background:radial-gradient(closest-side,rgba(172,170,246,.40),rgba(172,170,246,0) 72%)!important}
.page-bg .pb3{background:radial-gradient(closest-side,rgba(140,205,238,.40),rgba(140,205,238,0) 72%)!important}
.cursor-glow{opacity:.5!important}
.sangs-header{background:rgba(255,255,255,.88)!important}
#shared-header.is-scrolled .sangs-header{background:rgba(255,255,255,.94)!important}
.company-subnav{background:rgba(255,255,255,.85)!important}

/* 2) 제목 강조 글씨
   - 그라데이션은 페이지의 대표 제목(h1)과 메인 '핵심 역량' 제목에만 사용 (파랑→인디고 2단, 정지)
   - 그 밖의 h2·h3 강조는 파랑 단색 → 강조가 남발되지 않도록 */
body :is(h2,h3) :is(em,strong):not(.brandtext),
.sc h2 span,.sc .sc-name .sc-nm,.sv em,.sp em,.ai-next h2 em,.ad-head h2 em{
 background:none!important;color:var(--blue)!important;-webkit-text-fill-color:var(--blue)!important;animation:none!important}
body h1 :is(em,strong):not(.brandtext),.studio-hero h1 em,.bz-hero h1 em,.cx h2 em,.cx h2 strong{
 background-image:var(--grad-main)!important;background-size:100% 100%!important;background-position:0 0!important;
 -webkit-background-clip:text!important;background-clip:text!important;
 color:transparent!important;-webkit-text-fill-color:transparent!important;
 animation:none!important}
body h1 :is(em,strong):not(.brandtext){animation:agIn 1.1s .3s cubic-bezier(.2,.8,.2,1) both!important}
/* 한글 단어 중간 줄바꿈 방지 */
body{word-break:keep-all;overflow-wrap:break-word}
/* 제품 페이지 고유 색도 2단으로만 */
body[data-page="meta"] h1 :is(em,strong){background-image:linear-gradient(100deg,#D9562F,#EE8148)!important}
body[data-page="collector"] h1 :is(em,strong){background-image:linear-gradient(100deg,#6A3FC0,#8E5EDB)!important}
body[data-page="dq"] h1 :is(em,strong){background-image:linear-gradient(100deg,#1660D2,#1F9BD8)!important}
/* 흰 바탕 제목만 남색 — 어두운 박스(.cta 등) 안의 제목은 제외 */
main h1:not(.cta *),main h2:not(.cta *){color:var(--navy)}

/* 3) 영문 라벨: 차분한 파랑 + 로고 빨강 작은 네모 (수정본 장점 유지) */
:is(.gt-kicker,.hs-kicker,.biz-eyebrow,.home-kicker,.cl-eyebrow,.rc-label,.eyebrow,.cx-kk,.k):not(.cta *){color:#2F55B8!important}
:is(.gt-hero .gt-kicker,.biz-eyebrow,.home-kicker,.cl-eyebrow,.rc-label,.hero .eyebrow,.hs-hero .hs-kicker,.cl-hero .cl-eyebrow,.cx-kk)::before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;vertical-align:2px;background:var(--red);border-radius:1px}

/* 4) 공통 버튼·링크: 단색 대신 같은 색 상하 미세 그라데이션 → 입체감 */
.sangs-inquiry,
:is(.gc-btns .primary,.gc-btns a.primary,.rc-button,.biz-cta-inner>a,.ai-next-btn,.home-ai-form button,.hx-form button){background:var(--grad-btn)!important;box-shadow:var(--sh-blue)!important}
.sangs-nav-item:hover,.sangs-nav-item[aria-expanded=true],.sangs-nav-item.is-here,.company-subnav a.active{color:var(--blue)!important}
.sangs-nav-item::after,.company-subnav a.active::after{background:var(--blue)!important}
.mm-item:hover,.mm-item.is-current{background:var(--blue-soft)!important}
.mm-more a{color:var(--blue)!important}

/* 5) 메인 — 히어로 */
.concept-home .hero{background:radial-gradient(60% 56% at 50% 44%,rgba(255,255,255,.78),rgba(255,255,255,0) 72%)!important}
.concept-home .hero .hero-mouse-glow{background:radial-gradient(380px circle at var(--mouse-x) var(--mouse-y),rgba(70,130,240,.14),rgba(150,190,250,.05) 47%,transparent 76%)!important}
.concept-home .hero .headline{color:var(--navy)!important}
.concept-home .hero .hero-word.brandtext{
 background-image:linear-gradient(100deg,#1F4FD0 0%,#2F6BEE 40%,#4A8FE8 70%,#5B63E6 100%)!important;
 background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;
 color:transparent!important;-webkit-text-fill-color:transparent!important}
.concept-home .hero .brandtext::after{background:linear-gradient(90deg,var(--blue),var(--indigo))!important;opacity:.85}
/* 유리 다이아몬드: 형태·광택 유지, 색을 파랑·하늘·인디고 중심으로, 로즈는 작은 1개만 */
.concept-home .hero .diamonds{filter:drop-shadow(0 20px 30px rgba(60,110,220,.14))!important}
.diamond{box-shadow:inset 8px 8px 20px rgba(255,255,255,.8),inset -7px -9px 18px rgba(40,100,220,.14),0 12px 28px rgba(60,110,220,.10)!important}
.d1{background:linear-gradient(130deg,#c6d9ffd6,#7fa6f0b8 50%,#bcd3ffa8)!important}
.d2{background:linear-gradient(130deg,#bfe8f5cc,#5fb6d9bb,#cdeef7cc)!important}
.d3{background:linear-gradient(130deg,#d6d8fbcc,#9aa1ecb8,#e2e3fbb8)!important}
.d4{background:linear-gradient(130deg,#c9ecf6bb,#9cc8f4c0)!important}
.d5{background:linear-gradient(130deg,#e0ecff,#a2c0f4)!important}
.d6{background:linear-gradient(130deg,#d7d8faaa,#b3b6f0aa)!important}
.d7{background:linear-gradient(130deg,#fbe4ea,#efb4c3)!important}
.d8{background:linear-gradient(130deg,#c8eaf3,#94c6ee)!important}

/* 6) 메인 — 핵심 역량 카드: 흰 바탕 + 위쪽 옅은 색조, 그림자 낮춤 */
.cx-c1{--bg:linear-gradient(170deg,#E4ECFF 0%,#FFFFFF 62%)!important;--sh:rgba(42,95,224,.12)!important;--ic:linear-gradient(135deg,#B9CEFF,#E1E9FF)!important}
.cx-c2{--bg:linear-gradient(170deg,#FBE7ED 0%,#FFFFFF 62%)!important;--sh:rgba(200,90,125,.10)!important;--ic:linear-gradient(135deg,#F5BECC,#FCE3EA)!important}
.cx-c3{--bg:linear-gradient(170deg,#DDF1F8 0%,#FFFFFF 62%)!important;--sh:rgba(30,150,200,.12)!important;--ic:linear-gradient(135deg,#A9DDF0,#DCF1F8)!important}
.cx-c4{--bg:linear-gradient(170deg,#E9E7FD 0%,#FFFFFF 62%)!important;--sh:rgba(91,99,230,.11)!important;--ic:linear-gradient(135deg,#C4C1F8,#E7E5FD)!important}
.cx-card{border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 16px 40px var(--sh),0 1px 0 rgba(19,37,74,.04)!important}
.cx-card::after{opacity:.6}
.cx-ico::before{box-shadow:0 10px 18px rgba(60,90,200,.16)!important}
/* 떠다니는 장식 보석: 남기되 반투명·파랑 계열로 */
.cx-gem,.sc-gem,.gt-gem,.hs-gem{opacity:.55!important;box-shadow:inset 0 0 36px rgba(255,255,255,.7),0 20px 50px rgba(60,110,230,.12)!important}
.cx-g1,.sc-g1{background:linear-gradient(135deg,rgba(140,175,250,.55),rgba(205,218,255,.25))!important}
.cx-g2,.sc-g2{background:linear-gradient(135deg,rgba(140,205,232,.5),rgba(205,236,246,.25))!important}
.cx-g3{background:linear-gradient(135deg,rgba(170,172,245,.5),rgba(220,220,252,.25))!important}

/* 7) 메인 — 솔루션 쇼케이스 */
.sc-cat{box-shadow:0 8px 20px rgba(40,70,160,.08)!important}
.sc-cat[aria-current="true"]{background:linear-gradient(135deg,#2C62E6 0%,#4A5FDC 100%)!important;box-shadow:0 16px 32px rgba(42,80,210,.26)!important}
.sc-t-lms{--g:linear-gradient(135deg,#B9CEFF,#E1E9FF)!important}
.sc-t-data{--g:linear-gradient(135deg,#C4C1F8,#E7E5FD)!important}
.sc-t-ai{--g:linear-gradient(135deg,#F5BECC,#FCE3EA)!important}
.sc-t-por{--g:linear-gradient(135deg,#A9DDF0,#DCF1F8)!important}
.sc-stage::before{background:linear-gradient(135deg,rgba(160,185,250,.22),rgba(255,255,255,0))!important}
.sc-stage::after{background:linear-gradient(135deg,rgba(175,170,245,.18),rgba(255,255,255,0))!important}
.sc-seg span i,.sc-tag i{background:linear-gradient(90deg,var(--blue),var(--blue-l))!important}

/* 8) 메인 — 고객사·문의·AI 가이드 */
.concept-home .home-services{background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(243,247,255,.9) 100%)!important}
.concept-home .home-service-icon{background:linear-gradient(135deg,#DCE6FF,#F0F4FF)!important}
.concept-home .hx-chat .home-ai-top{background:linear-gradient(115deg,#1D3C8F 0%,#2A5FE0 100%)!important}
.concept-home .hx-chat .home-ai-user{background:var(--blue)!important}
.concept-home .hx-chat:before{background:linear-gradient(135deg,rgba(42,95,224,.4),rgba(91,99,230,.18),rgba(255,255,255,0))!important}
.cta-band{background:linear-gradient(110deg,var(--navy) 0%,var(--blue-d) 100%)!important}

/* 9) 회사 소개 */
.gt-hero{background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(245,248,253,.6) 100%)!important;border-bottom:1px solid #E6ECF6}
.ai-rule b{color:var(--navy)!important}.ai-rule i{background:#D8E0EE!important}
.ai-copy p{color:var(--ink2)!important}.ai-copy strong{color:var(--navy)!important}
.ai-panel{background:rgba(255,255,255,.92)!important;border:1px solid #E3E9F4!important;box-shadow:0 14px 36px rgba(19,37,74,.08)!important}
.ai-lead{background:linear-gradient(135deg,#13254A 0%,#1E3F8F 100%)!important}
.ai-big sup{color:#FF7A8E}
.ai-cell{background:#F7F9FD!important;box-shadow:none!important;border:1px solid #EAEFF7!important}
.ai-chips span,.ad-k{background:var(--blue-soft)!important;color:var(--blue)!important}
.ad-grid li{background:#fff!important;border:1px solid #E6EBF4!important;box-shadow:0 10px 26px rgba(19,37,74,.06)!important}
.ad-grid li::before{background:linear-gradient(180deg,var(--blue),var(--indigo))!important}
.gc-card{background:#fff!important;border:1px solid #E6EBF4!important;box-shadow:0 16px 38px rgba(19,37,74,.08)!important}
.gc-card::before,.gc-card::after{background:linear-gradient(135deg,rgba(42,95,224,.10),rgba(91,99,230,.04) 50%,rgba(255,255,255,0))!important}
.gt-chips span::before{background:var(--blue)!important}

/* 10) 주요 사업 카드: 4색 유지하되 톤을 맞춤 (파랑·로즈·인디고·하늘) */
.bc-edu{--c:#2A5FE0!important;--c2:#4A7CEB!important;--t:#EAF0FF!important}
.bc-ai{--c:#C95A7E!important;--c2:#6A62DE!important;--t:#FBEDF2!important}
.bc-data{--c:#5B63E6!important;--c2:#4F78EC!important;--t:#EEEEFD!important}
.bc-sys{--c:#1A8EBF!important;--c2:#2A5FE0!important;--t:#E5F3FA!important}

/* 11) 솔루션 상세 */
main.sp{--c:var(--blue)!important;--c2:var(--blue-soft)!important;--g:var(--indigo)!important}

/* 12) 연혁 */
.hs-hero{background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(245,248,253,.6) 100%)!important}
.hs-ms-line{background:linear-gradient(90deg,#BCCDF0,var(--blue))!important}
.hs-ms a i{border-color:#8FB0EC!important;box-shadow:0 0 0 6px rgba(42,95,224,.10)!important}
.hs-ms li.hot a i,.hs-row.reached .hs-nd i{border-color:var(--blue)!important;box-shadow:0 0 0 7px rgba(42,95,224,.15)!important}
.hs-ms li.hot a span,.hs-ms li.hot a small,.hs-ms li.hot a em,.hs-ms li.hot span{color:var(--blue)!important}
.hs-tl-fill{background:linear-gradient(180deg,#8FB0EC,var(--blue))!important}
.hs-card li::before{background:var(--blue)!important}
.hs-row.reached .hs-yr,.gd-item.on h3{background:var(--grad-main)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:none!important}

/* 13) 인증 및 수상 */
.as-stat b{background:var(--grad-main)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:none!important}
.as-stat.tot{background:linear-gradient(135deg,#13254A,#1E3F8F)!important;box-shadow:0 14px 30px rgba(19,37,74,.2)!important}
.as-stat.tot b{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
.as-bar-in a.on,.aw-tab[aria-current="true"],.aw-li.on,button.as-card:hover .as-zoom,.cp-btn:hover .cp-zoom{background:var(--grad-btn)!important;box-shadow:var(--sh-blue)!important}
.as-prog i,.aw-seg span i,.as-no:before{background:var(--blue)!important}
.as-ct{color:var(--blue)!important;background:var(--blue-soft)!important}

/* =========================================================
   2차 수정 — 피드백 반영
   ========================================================= */

/* A) 솔루션 페이지 하단 CTA 박스: 남색 위 남색 글씨 문제 해결 */
.sp .cta{background:linear-gradient(120deg,#13254A 0%,#1C3A85 60%,#2A5FE0 100%)!important}
.sp .cta h2{color:#fff!important}
.sp .cta .k{color:#A9C0FF!important}
.sp .cta p{color:#C9D3F0!important}
/* 박스 오른쪽 빛번짐: 솔루션별 고유색 복원(채도는 낮춤) */
body[data-page="lms-build"] .sp,body[data-page="education-content"] .sp{--g:#5C86EE!important}
body[data-page="collector"] .sp{--g:#8E5EDB!important}
body[data-page="meta"] .sp{--g:#EE8148!important}
body[data-page="dq"] .sp{--g:#1F9BD8!important}
body[data-page="ai-engine"] .sp,body[data-page="ml-system"] .sp,body[data-page="ai-studio"] .sp{--g:#6B72EC!important}
body[data-page="portal"] .sp{--g:#22A6A0!important}

/* B) 메인 컨테이너 폭·좌측 기준선 통일 (1240px) */
.concept-home .cx-wrap,.concept-home .sc-wrap,.concept-home .wrap{
 max-width:1240px!important;width:calc(100% - 2*clamp(20px,4vw,40px))!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
/* 핵심 역량 제목도 왼쪽 정렬로 맞춤 */
.cx{text-align:left!important}
.cx .cx-kk{padding-left:0!important}
.cx .cx-lead{margin-left:0!important;margin-right:0!important}
/* 섹션 제목 크기·행간 통일 */
.concept-home :is(.cx,.sc,.home-showcase,.hx-ai) h2{font-size:clamp(30px,3.1vw,44px)!important;line-height:1.32!important;letter-spacing:-.045em!important}

/* C) 히어로: 메인 버튼 + 왼쪽 다이아몬드 */
.concept-home .hero .hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:34px;position:relative;z-index:3;animation:heroCtaIn .8s 1.5s cubic-bezier(.2,.8,.2,1) both}
.hero-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:999px;font-size:16px;font-weight:800;letter-spacing:-.02em;text-decoration:none;transition:transform .25s,box-shadow .25s}
.hero-btn.primary{background:var(--grad-btn);color:#fff;box-shadow:0 12px 26px rgba(42,95,224,.28)}
.hero-btn.ghost{background:rgba(255,255,255,.86);color:var(--navy);border:1.5px solid #CCD8F2;backdrop-filter:blur(6px)}
.hero-btn:hover{transform:translateY(-2px)}
.hero-btn.primary:hover{box-shadow:0 16px 30px rgba(42,95,224,.34)}
@keyframes heroCtaIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.concept-home .hero .diamonds-left{position:absolute;left:clamp(24px,7vw,130px);top:26%;width:190px;height:260px;pointer-events:none;z-index:1}
.diamonds-left i{position:absolute;aspect-ratio:1;border-radius:18%;transform:rotate(45deg);border:1.5px solid rgba(255,255,255,.9);box-shadow:inset 6px 6px 14px rgba(255,255,255,.8),inset -5px -6px 12px rgba(40,100,220,.14),0 10px 22px rgba(60,110,220,.10);backdrop-filter:blur(3px);animation:float 7s ease-in-out infinite}
.diamonds-left .dl1{width:70px;left:30px;top:10px;background:linear-gradient(130deg,#d3e2ffd0,#9cbcf4b8)}
.diamonds-left .dl2{width:36px;left:128px;top:150px;background:linear-gradient(130deg,#cdeef7d0,#8fcbe4c0);animation-delay:-3s}
@media(max-width:900px){.concept-home .hero .diamonds-left{display:none}}
@media(prefers-reduced-motion:reduce){.concept-home .hero .hero-cta,.diamonds-left i{animation:none}}

/* D) 핵심 역량 카드: 라벨색을 카드색에 맞춤 · 하단 태그 줄 정렬 · 태그 등장 빠르게 */
.cx-c1 .cx-nm{color:#2A5FE0!important}
.cx-c2 .cx-nm{color:#C24E70!important}
.cx-c3 .cx-nm{color:#137FAE!important}
.cx-c4 .cx-nm{color:#4F57D6!important}
.cx-card:nth-child(2),.cx-card:nth-child(4){margin-top:0!important}
.cx-card .cx-tags{margin-top:auto!important;padding-top:22px!important}
.cx-tags span{animation-duration:.4s!important}
.cx-tags span:nth-child(1){animation-delay:calc(var(--cd,0s) + .3s)!important}
.cx-tags span:nth-child(2){animation-delay:calc(var(--cd,0s) + .36s)!important}
.cx-tags span:nth-child(3){animation-delay:calc(var(--cd,0s) + .42s)!important}

/* E) 솔루션 쇼케이스: '선택됨' 색을 파랑 하나로 · 비선택 탭 존재감 */
.sc-chip[aria-current="true"]{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}
.sc-cat:not([aria-current="true"]){background:rgba(255,255,255,.92)!important;border:1px solid #DCE4F4!important}
.sc-cat:not([aria-current="true"]) b{color:var(--navy)!important}
.sc-cat:not([aria-current="true"]):hover{border-color:#B9CBF2!important}
.sc .sc-desc{max-width:24em}

/* F) 주요 고객사: 로고 칸 축소 · 흑백 통일(마우스 올리면 컬러) · 경계선 제거 */
.concept-home .cl-flow .home-client-logo{width:172px!important;height:74px!important;padding:12px 18px!important;border-radius:14px!important;box-shadow:0 6px 18px rgba(19,37,74,.05)!important}
.concept-home .cl-flow .home-client-logo img{max-height:38px!important;filter:grayscale(1);opacity:.7;transition:filter .3s,opacity .3s}
.concept-home .cl-flow .home-client-logo:hover img{filter:none;opacity:1}
.concept-home .cl-text{background:#ffffffee!important}
.concept-home .cl-text span{font-size:14px!important;font-weight:700!important;color:#5A6784!important}
.concept-home .cl-track{gap:12px!important;padding-right:12px!important}
.concept-home .cl-row + .cl-row{margin-top:12px!important}
.concept-home .home-client-more{gap:6px!important}
@media(max-width:700px){.concept-home .cl-flow .home-client-logo{width:140px!important;height:64px!important}.concept-home .cl-flow .home-client-logo img{max-height:32px!important}}
/* 섹션 배경을 투명으로 → 페이지 배경이 이어져 띠 경계가 생기지 않음 */
.concept-home .home-showcase,.concept-home .home-services,.concept-home .home-ai-guide{background:transparent!important}
.concept-home .home-services:before{display:none!important}

/* G) 서비스 문의: 카드 2개 → 한 줄 문의 띠로 통합 */
.concept-home .home-cta-band{padding:30px 0 20px!important;overflow:visible!important}
.hcb{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px 48px;border-radius:28px;background:rgba(255,255,255,.94);border:1px solid #E3E9F5;box-shadow:0 18px 44px rgba(19,37,74,.07)}
.concept-home .hcb h2{font-size:clamp(24px,2.2vw,30px)!important;line-height:1.35!important;margin:12px 0 0!important}
.hcb .home-services-desc{margin:10px 0 0!important;color:var(--ink2)!important}
.hcb-actions{display:flex;gap:12px;flex:none}
.hcb-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:14px;font-size:15.5px;font-weight:800;text-decoration:none;transition:transform .25s,box-shadow .25s}
.hcb-btn.primary{background:var(--grad-btn);color:#fff;box-shadow:var(--sh-blue)}
.hcb-btn.ghost{background:#fff;color:var(--blue);border:1.5px solid #C9D6F5}
.hcb-btn:hover{transform:translateY(-2px)}
@media(max-width:900px){.hcb{flex-direction:column;align-items:flex-start;padding:30px 24px}.hcb-actions{flex-wrap:wrap}}

/* H) AI 가이드: 아이콘을 파랑 계열로 · 대화창 빈 공간 축소 */
.hx-c1{background:var(--blue-soft)!important;color:var(--blue)!important}
.hx-c2{background:var(--indigo-soft)!important;color:var(--indigo)!important}
.hx-c3{background:var(--sky-soft)!important;color:var(--sky)!important}
.concept-home .hx-sugs button i,.concept-home .hx-sugs button:nth-child(n) i{background:var(--blue-soft)!important;color:var(--blue)!important}
.concept-home .hx-chat .home-ai-messages{min-height:128px!important}
.concept-home .hx-ai{padding-top:80px!important}

/* I) 푸터: 접근성 대비 확보 (4.5:1 이상) */
.ss-footer-bottom>span,.ss-footer-bottom-links a{color:#5F6F8C!important}
.ss-footer-language span{color:#4A5878!important;border-color:#C9D4E8!important}
/* 카드 폭 1240px 기준 미세 조정: 제목·태그가 한 줄에 들어가도록 */
.cx-cards{gap:16px!important}
.cx-card{padding:30px 24px 26px!important}
.cx-card h3{font-size:clamp(21px,1.72vw,25px)!important}
.cx-card p{font-size:14.5px!important}
.cx-tags{gap:5px!important}
.cx-tags span{padding:6px 10px!important;font-size:12px!important}
/* 고객사 → 문의 띠 사이 여백 축소 */
.concept-home .home-showcase{padding-bottom:56px!important}
/* CTA 빛번짐은 파랑 하나로 통일(주황·청록이 남색과 섞여 탁해지는 문제), 솔루션 고유색은 라벨 앞 선에만 */
.sp .cta::before{background:radial-gradient(closest-side,rgba(120,160,255,.38),transparent)!important}
.sp .cta .k::before{background:var(--g)!important}

/* =========================================================
   3차 수정
   ========================================================= */
/* 1) 주요 고객사: 크기는 줄인 상태 유지, 로고 색은 원래대로 */
.concept-home .cl-flow .home-client-logo img{filter:none!important;opacity:1!important}
.concept-home .cl-text span{color:#1D3A6B!important;font-weight:800!important}

/* 2) 문의 페이지 대표번호·팩스: 한 줄로 */
.contact-tel a,.contact-tel strong{white-space:nowrap!important;font-size:clamp(16px,1.35vw,19px)!important}

/* 3) 오시는 길 — 지하철 두 노선 */
.line-two{background:#00A84D}
.loc-sub-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:0 0 10px!important}
.loc-sub-row .loc-line-badges{margin-right:0!important}
.loc-sub-row strong{font-size:16px;color:var(--navy)}
.loc-walk{font-size:13px;font-weight:700;color:var(--blue);background:var(--blue-soft);padding:3px 10px;border-radius:99px}

/* 4) 오시는 길 — 버스 노선 */
.bus-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:9px}
.bus-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;color:var(--ink2)}
.bus-list em{flex:none;font-style:normal;color:#fff;font-weight:700;font-size:12px;line-height:1;padding:5px 9px;border-radius:6px;margin-top:2px}
.bus-teal{background:#16A38A}

/* 6) 회사 소개 '우리가 가는 방향' 카드: 순서대로 등장 */
.ad-grid > li.ab-rv{transition-delay:calc(var(--d,0)*150ms)}
.ad-grid > li.ab-rv.in:hover{transition-delay:0s}
.loc-sub-row{display:grid!important;grid-template-columns:30px 1fr;column-gap:10px;row-gap:6px;align-items:center}
.loc-sub-row .loc-walk{grid-column:2;justify-self:start}

/* =========================================================
   4차 수정 — 분야별 색 통일 (핵심 역량 카드 기준)
   에듀테크 #2A5FE0 · 데이터 #1380B0 · AI #C94C72 · 포털 #5158DE
   ========================================================= */
/* 메인 히어로 '상상스토리' 아래 선 제거 */
.concept-home .hero .brandtext::after,.concept-home .hero .headline .hero-word.brandtext::after{display:none!important}

/* 연혁: 이미지 제거 후 카드 한 칸으로 */
.hs-card{grid-template-columns:1fr!important}

/* 솔루션 쇼케이스: 탭 아이콘을 카드 색에 맞춤 (단색, 은은하게) */
.sc-t-lms{--g:#EAF0FF!important;--cc:#2A5FE0}
.sc-t-data{--g:#E3F3FA!important;--cc:#1380B0}
.sc-t-ai{--g:#FCEBF0!important;--cc:#C94C72}
.sc-t-por{--g:#EEEEFD!important;--cc:#5158DE}
.sc-cat .sc-nt{color:var(--cc)!important}
.sc-cat .sc-nt::before{box-shadow:0 4px 10px rgba(19,37,74,.08)!important;border-color:#fff!important}
.sc-cat[aria-current="true"]{background:var(--cc)!important;box-shadow:0 14px 28px color-mix(in srgb,var(--cc) 28%,transparent)!important;transition:background .35s,box-shadow .35s}
.sc-cat[aria-current="true"] .sc-nt::before{background:#fff!important}
/* 선택된 분야에 따라 오른쪽 패널 포인트 색 전환 */
#solutions{--sc:#2A5FE0}
#solutions[data-cat="Data"]{--sc:#1380B0}
#solutions[data-cat="AI"]{--sc:#C94C72}
#solutions[data-cat="Portal"]{--sc:#5158DE}
#solutions .sc-tag{color:var(--sc)!important;border-color:color-mix(in srgb,var(--sc) 22%,#fff)!important}
#solutions .sc-tag i{background:var(--sc)!important}
#solutions .sc-name .sc-nm{color:var(--sc)!important;-webkit-text-fill-color:var(--sc)!important}
#solutions .sc-chip[aria-current="true"]{background:var(--sc)!important;border-color:var(--sc)!important}
#solutions a.sc-link{color:var(--sc)!important}
#solutions .sc-seg span i{background:var(--sc)!important}
#solutions .sc-tag,#solutions .sc-nm,#solutions .sc-chip,#solutions a.sc-link{transition:color .35s,background .35s,border-color .35s}

/* 솔루션 상세 9페이지: 분야색으로 통일 (같은 색 계열 안에서만 명암 → 그라데이션이 거의 단색처럼 보임) */
body:is([data-page="lms-build"],[data-page="education-content"]) main.sp{--c:#2A5FE0!important;--c2:#EAF0FF!important;--g:#4A7BEA!important}
body:is([data-page="collector"],[data-page="meta"],[data-page="dq"]) main.sp{--c:#1380B0!important;--c2:#E3F3FA!important;--g:#2A9BCB!important}
body:is([data-page="ai-engine"],[data-page="ml-system"],[data-page="ai-studio"]) main.sp{--c:#C94C72!important;--c2:#FCEBF0!important;--g:#D96A8A!important}
body[data-page="portal"] main.sp{--c:#5158DE!important;--c2:#EEEEFD!important;--g:#6E74E8!important}
/* 강조 글씨 */
body main.sp :is(h2,h3) :is(em,strong){color:var(--c)!important;-webkit-text-fill-color:var(--c)!important;background:none!important}
body[data-page] main.sp h1 :is(em,strong){background-image:linear-gradient(100deg,var(--c),var(--g))!important}
main.sp .k:not(.cta *){color:var(--c)!important}
/* 남아 있던 보라색 고정값을 분야색으로 */
.sp .th,.sp .tbl .av{background:color-mix(in srgb,var(--c) 22%,#fff)!important}
.sp .ad .vz{background:var(--c2)!important}
.sp .dbar i{background:var(--c)!important}
/* 상단 영역에 분야색을 아주 옅게 */
.sp-hero{background:radial-gradient(55% 70% at 82% 35%,color-mix(in srgb,var(--c2) 75%,transparent),transparent 72%)}

/* =========================================================
   5차 수정 — 주요 사업 페이지 분야색 (에듀테크·데이터·AI·포털)
   ========================================================= */
.bc-edu{--c:#2A5FE0!important;--c2:#4A7BEA!important;--t:#EAF0FF!important}
.bc-data{--c:#1380B0!important;--c2:#2A9BCB!important;--t:#E3F3FA!important}
.bc-ai{--c:#C94C72!important;--c2:#D96A8A!important;--t:#FCEBF0!important}
.bc-sys{--c:#5158DE!important;--c2:#6E74E8!important;--t:#EEEEFD!important}
.bc-ai .bc-proof span,.bc-ai .bc-go{color:var(--c)!important}
.bz-edu{--c1:#2A5FE0!important;--c2:#EAF0FF!important;--c3:#2A5FE0!important}
.bz-data{--c1:#1380B0!important;--c2:#E3F3FA!important;--c3:#1380B0!important}
.bz-ai{--c1:#C94C72!important;--c2:#FCEBF0!important;--c3:#C94C72!important}
.bz-sys{--c1:#5158DE!important;--c2:#EEEEFD!important;--c3:#5158DE!important}
/* 문의 페이지 대표번호·팩스: 좁은 패널에서 넘치지 않게 세로로 쌓고, 라벨-번호 한 줄 배치 */
.contact-tel{grid-template-columns:1fr!important;gap:10px!important}
.contact-tel>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px!important}
.contact-tel small{margin:0!important}
.contact-tel a,.contact-tel strong{font-size:19px!important}

/* =========================================================
   11차 — 메인 주요 고객사: 로고 크게·간격 넓게 (허전하지 않게)
   ========================================================= */
.concept-home .fp-clients .home-showcase-head{margin-bottom:44px}
.concept-home .cl-flow .home-client-logo{width:236px!important;height:104px!important;padding:16px 26px!important;border-radius:18px!important;box-shadow:0 10px 26px rgba(19,37,74,.06)!important}
.concept-home .cl-flow .home-client-logo img{max-height:56px!important}
.concept-home .cl-text span{font-size:17px!important}
.concept-home .cl-track{gap:18px!important;padding-right:18px!important}
.concept-home .cl-row + .cl-row{margin-top:18px!important}
.concept-home .home-client-more{margin-top:40px!important;font-size:15px!important}
@media(max-width:700px){.concept-home .cl-flow .home-client-logo{width:160px!important;height:76px!important}.concept-home .cl-flow .home-client-logo img{max-height:40px!important}}

/* =========================================================
   11차 — 문의 영역 ↔ 푸터를 하나의 흐름으로
   - 카드 상자를 없애고 가운데 정렬 문구 + 버튼
   - 배경이 페이지의 연한 색에서 아래로 갈수록 푸터 남색으로 자연스럽게 이어짐 (경계선·공백 없음)
   ========================================================= */
.concept-home .home-cta-band{position:relative;z-index:1;margin:0!important;padding:96px 0 0!important;overflow:visible!important;
 background:linear-gradient(180deg,rgba(42,95,224,0) 0%,rgba(42,95,224,0) 42%,rgba(42,95,224,.10) 58%,rgba(32,70,170,.5) 77%,rgba(22,44,100,.9) 92%,#13254A 100%)!important}
.concept-home .home-cta-band .wrap{height:100%}
.concept-home .hcb{flex-direction:column!important;align-items:center!important;justify-content:flex-start;gap:26px!important;padding:0 0 150px!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;text-align:center}
.concept-home .hcb-copy{display:flex;flex-direction:column;align-items:center}
.concept-home .hcb .home-kicker{justify-content:center}
.concept-home .hcb h2{font-size:clamp(28px,2.6vw,38px)!important;margin-top:14px!important}
.concept-home .hcb .home-services-desc{margin-top:12px!important;font-size:16px!important}
.concept-home .hcb-actions{justify-content:center}
.concept-home .hcb-btn{padding:16px 28px;border-radius:999px;font-size:16px}
.concept-home .hcb-btn.ghost{background:rgba(255,255,255,.85);backdrop-filter:blur(6px)}
/* 푸터: 위 그라데이션 끝 색 그대로 시작 → 경계 없음 */
.concept-home .sf{background:#13254A}
.concept-home .sf::before{display:none}
.concept-home .sf-in{padding-top:28px}
/* 풀페이지: 문의 영역 + 푸터 = 정확히 한 화면, 문구는 연한 영역 가운데 */
.fp-on .concept-home .home-cta-band,.fp-on body.concept-home .home-cta-band{min-height:calc(100vh - var(--fp-head,72px) - var(--foot-h,330px));display:flex;flex-direction:column;justify-content:center;padding-top:0!important}
.fp-on .concept-home .hcb{padding:0 0 18vh!important}

/* =========================================================
   12차 — 푸터 C안(파스텔 카드): 남색 대신 연한 파스텔 블루 푸터, 메인 문의는 파랑 배너 카드
   ========================================================= */

.concept-home .home-cta-band{background:transparent!important;padding-top:40px!important}
.concept-home .hcb{max-width:1240px;margin:0 auto;padding:56px 40px 60px!important;border-radius:32px!important;background:linear-gradient(115deg,#2A5FE0 0%,#4A62E2 60%,#6B6FEA 100%)!important;box-shadow:0 30px 70px rgba(42,95,224,.28)!important;position:relative;overflow:hidden;transform:translateY(70px)}
.concept-home .hcb::before,.concept-home .hcb::after{content:"";position:absolute;border-radius:24%;transform:rotate(45deg);background:rgba(255,255,255,.1);pointer-events:none}
.concept-home .hcb::before{width:220px;height:220px;right:-50px;top:-90px}
.concept-home .hcb::after{width:120px;height:120px;left:-30px;bottom:-50px}
.concept-home .hcb .home-kicker{color:#DCE5FF!important}
.concept-home .hcb h2{color:#fff!important}
.concept-home .hcb .home-services-desc{color:rgba(255,255,255,.85)!important}
.concept-home .hcb-btn.primary{background:#fff!important;color:#2A5FE0!important;box-shadow:0 10px 24px rgba(19,37,74,.18)!important}
.concept-home .hcb-btn.ghost{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.6)!important}
.sf{background:linear-gradient(180deg,#E9EEFC 0%,#EEF0FD 100%)!important;color:#13254A}
.sf::before{display:none!important}
.concept-home .sf{padding-top:96px!important}
.sf-brand p,.sf-contact dt,.sf-office span{color:#55617C!important}
.sf-col h3{color:#5158DE!important}
.sf-contact dd,.sf-contact dd a,.sf-office b{color:#13254A!important}
.sf-lang a{border-color:#C9D2EC!important;color:#55617C!important;background:#fff}
.sf-lang a.on{background:#13254A!important;border-color:#13254A!important;color:#fff!important}
.sf-bottom{border-top-color:#D8DFF2!important;color:#7A869E!important}
.sf-links a{color:#4A5878!important}.sf-links .sf-top-link{color:#5158DE!important}
.fp-on .concept-home .hcb,.fp-on body.concept-home .hcb{padding:52px 40px 56px!important}
.fp-on body.concept-home .home-cta-band{justify-content:flex-end!important;padding-bottom:0!important}
.concept-home .sf{padding-top:110px!important}

/* 13차 — 솔루션 카드 넘김: 뒤에 카드가 겹겹이 쌓인 덱 느낌 */
.sc-main{position:relative}
.sc-stage{box-shadow:0 14px 0 -7px rgba(255,255,255,.78),0 26px 0 -14px rgba(255,255,255,.5),0 30px 60px rgba(60,90,200,.14)!important;will-change:transform}
.sc-ghost .sc-shot.on,.sc-ghost.sc-swap>*,.sc-ghost .sc-swap>*{animation:none!important}

/* 15차 — 솔루션 카드 옆으로 넘김: 밀려나는 카드가 화면 밖으로 삐져나가지 않게 */
.sc-pin .sc{overflow-x:clip}
.sc-nav{position:relative;z-index:5}   /* 밀려나는 카드는 분야 탭 뒤로 지나감 */