/* enbiztech — 공통 스타일
   회사 색(스카이블루·네이비)은 상단 메뉴·경로·다른 제품·푸터에 고정하고,
   제품 상세 페이지의 본문만 제품 브랜드 색을 씁니다(works.css, motion.css, meme.css). */

:root{
  --mist:#EAF5FE; --mist-2:#F4FAFF; --sky:#7CC4F2; --azure:#3A9EE4; --cobalt:#1769B3; --navy:#0C2742; --navy-2:#0A2038;
  --teal:#16C2A3;
  --ink:#0C2742; --ink-2:#4A6580; --ink-3:#7C93A8;
  --line:#E3EEF7; --line-2:#CFE2F1;
  --sans:"Gothic A1","Noto Sans KR",system-ui,-apple-system,"Malgun Gothic",sans-serif;
  --kr:"Noto Sans KR","Gothic A1",system-ui,"Malgun Gothic",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --gutter:clamp(20px,5.5vw,80px);
  --max:1280px;
  --gnb-h:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--gnb-h) + 12px);-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;word-break:keep-all;overflow-wrap:break-word}
img,svg,canvas{max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;text-wrap:balance}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--azure);outline-offset:3px;border-radius:4px}
.mono{font-family:var(--mono)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--navy);color:#fff;padding:10px 16px;border-radius:8px}
.skip:focus{top:12px}
.container{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}

/* ---------- 회사 로고 ---------- */
.co-logo{display:inline-flex;align-items:center;gap:9px;flex:none}
.co-logo svg{width:30px;height:30px;color:var(--teal);flex:none}
.wm{font-family:"Inter","Gothic A1",sans-serif;font-size:22px;letter-spacing:-.01em;color:var(--navy);line-height:1}
.wm .en{color:var(--teal);font-weight:800}
.wm .bz{font-weight:800}
.wm .tc{font-weight:400}
.on-dark .wm{color:#fff}

/* 엔비즈웍스 로고 */
.wk-logo{display:inline-flex;align-items:center;gap:8px;font-family:"Inter",sans-serif;font-weight:800;font-size:19px;letter-spacing:-.01em;color:#fff;line-height:1}
.wk-logo svg{width:28px;height:28px;flex:none}
.wk-logo em{font-style:normal;color:#9D86FF}

/* ---------- 상단 메뉴 ---------- */
.gnb{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.gnb .container{display:flex;align-items:center;gap:48px;height:var(--gnb-h)}
.gnb nav{flex:1}
.gnb nav ul{display:flex;gap:34px;font-size:15px;color:var(--ink-2)}
.gnb nav a{display:block;padding:6px 0}
.gnb nav a:hover{color:var(--navy)}
.gnb nav a[aria-current]{color:var(--navy);font-weight:700;box-shadow:inset 0 -2px 0 var(--azure)}
.gnb .cta{font-size:14px;font-weight:700;color:#fff;background:var(--cobalt);padding:9px 18px;border-radius:999px;white-space:nowrap}
.gnb .cta:hover{background:#125A9C}
.menu-btn{display:none;appearance:none;border:0;background:none;width:44px;height:44px;margin-right:-10px;border-radius:10px;cursor:pointer;color:var(--navy)}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;margin:0 auto;position:relative;transition:transform .25s,background .25s}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0}
.menu-btn span::before{top:-7px}
.menu-btn span::after{top:7px}
.menu-open .menu-btn span{background:transparent}
.menu-open .menu-btn span::before{transform:translateY(7px) rotate(45deg)}
.menu-open .menu-btn span::after{transform:translateY(-7px) rotate(-45deg)}

@media (max-width:860px){
  .gnb .container{gap:16px;justify-content:space-between}
  .menu-btn{display:block}
  .gnb nav{position:fixed;inset:var(--gnb-h) 0 auto 0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 40px -20px rgba(12,39,66,.25);padding:8px var(--gutter) 24px;display:none}
  .menu-open .gnb nav{display:block}
  .gnb nav ul{flex-direction:column;gap:0;font-size:17px}
  .gnb nav li{border-bottom:1px solid var(--line)}
  .gnb nav a{padding:16px 0}
  .gnb nav a[aria-current]{box-shadow:none;color:var(--cobalt)}
  .gnb .cta{margin-left:auto}
}
@media (max-width:420px){.gnb .cta{font-size:13px;padding:7px 13px}}

/* 경로 표시 */
.crumb{font-family:var(--mono);font-size:12.5px;color:var(--ink-3);background:#F6FAFD;border-bottom:1px solid var(--line)}
.crumb .container{padding-block:13px;display:flex;gap:8px;flex-wrap:wrap}
.crumb a{color:var(--cobalt)}
.crumb a:hover{text-decoration:underline}
.crumb b{color:var(--navy);font-weight:500}

/* ---------- 공통 블록 ---------- */
.eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.2em;color:#2F86CC;text-transform:uppercase}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:24px 48px;margin-bottom:36px;flex-wrap:wrap}
.sec-h h2{font-size:clamp(28px,4vw,38px);font-weight:900;letter-spacing:-.03em;margin-top:10px;line-height:1.22}
.sec-h p{max-width:27em;color:var(--ink-2);font-size:15.5px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;padding:14px 26px;border-radius:999px;font-size:15px;transition:background .2s,border-color .2s,transform .2s}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--cobalt);color:#fff}
.btn-primary:hover{background:#125A9C}
.btn-ghost{background:#fff;color:var(--navy);border:1px solid #C4DDF0;font-weight:500}
.btn-ghost:hover{border-color:var(--azure)}

/* 스크롤 등장 효과 */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}

/* ---------- 홈: 첫 화면 ---------- */
.h-hero{background:linear-gradient(180deg,#E6F3FD 0%,var(--mist-2) 78%,#fff 100%)}
.h-hero .container{display:grid;grid-template-columns:1.2fr .95fr;gap:40px;padding-block:84px 76px;align-items:center}
.h-hero h1{font-weight:900;font-size:clamp(34px,4.3vw,56px);line-height:1.18;letter-spacing:-.035em;margin-top:22px;color:var(--navy)}
.nw{white-space:nowrap}
.h-hero h1 em{font-style:normal;color:#1F86D6}
.h-hero p{margin-top:24px;font-size:clamp(16px,1.5vw,18px);color:var(--ink-2);max-width:30em}
.h-btns{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}
.h-hero canvas{width:100%;height:auto;aspect-ratio:1080/940;display:block}
@media (max-width:900px){
  .h-hero .container{grid-template-columns:1fr;padding-block:56px 24px;gap:16px}
  .h-hero canvas{max-width:520px;margin:0 auto}
  .h-prod{padding-block:48px 72px}
}

/* ---------- 홈: 제품 · 서비스 (2026-09 엔비즈웍스 상세 펼침) ----------
   본문 스타일은 works.css(.pw)를 그대로 씁니다. 여기서는 홈에 옮겨 오며 달라지는 점만 맞춥니다. */
.h-prod.pw{padding-block:0}
.h-prod .hero .eyebrow{margin-bottom:14px}
/* 제품 메뉴 띠는 이 섹션 안에서만 상단에 붙습니다. 회사소개·기술력·연혁으로 가는 링크에는 띠 높이만큼 여백을 더하지 않고,
   띠에 가려지는 제품 안쪽 링크(전체 기능·모바일·보안·도입 방식)에만 더합니다. */
html:has(.h-prod .pbar){scroll-padding-top:calc(var(--gnb-h) + 12px)}
@media (min-width:861px){.h-prod .sec,.h-prod .mobile{scroll-margin-top:60px}}

/* ---------- 홈: 제품 문 ----------
   HIDDEN: 2026-09 비노출 · 삭제 금지(복원 예정) — index.html 의 제품 문(.doors)을 주석 처리해 아래 규칙은 지금 쓰이지 않습니다. 복구 대비로 남겨 둡니다. */
.h-prod{padding-block:88px 96px}
.filters{display:flex;gap:8px;margin:-8px 0 22px;align-items:center;flex-wrap:wrap}
.filters button{appearance:none;font:inherit;font-size:14px;border:1px solid var(--line-2);background:#fff;color:#35506A;padding:7px 16px;border-radius:999px;cursor:pointer;display:flex;gap:8px;align-items:center}
.filters button:hover{border-color:var(--azure)}
.filters button b{font-family:var(--mono);font-weight:500;font-size:12px;color:var(--ink-3)}
.filters button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.filters button[aria-pressed="true"] b{color:#9CCBEE}
.filters .sp{flex:1}
.filters .cnt{font-family:var(--mono);font-size:12.5px;color:var(--ink-3)}

.doors{display:flex;gap:12px;height:540px}
.door{flex:1;border-radius:22px;padding:32px 32px 28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;transition:flex-grow .5s cubic-bezier(.3,.7,.2,1),transform .3s;min-width:0}
.door[hidden]{display:none}
.door .k{font-size:12.5px;font-weight:700;letter-spacing:.14em}
.door .bot{display:flex;justify-content:space-between;align-items:end;gap:16px;font-size:14px}
.door .arr{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:20px;flex:none;transition:transform .3s}
.door:hover .arr,.door:focus-visible .arr{transform:translateX(4px)}
.go-more{font-size:14px;font-weight:700}
@media (hover:hover) and (min-width:1001px){
  .doors:hover .door{flex-grow:.8}
  .doors .door:hover{flex-grow:1.7}
  .doors:hover .door.dn{flex-grow:.5}
  .doors .door.dn:hover{flex-grow:.9}
}
.door.dn{flex:.62}

.dw{background:#EDEAF8;color:#423A6A}
.dw .lg{display:inline-flex;background:#17183A;border-radius:10px;padding:8px 12px;margin-top:16px}
.dw .name{font-family:var(--kr);font-weight:800;font-size:54px;letter-spacing:-.045em;line-height:1.1;color:#1D1B2A;margin-top:16px}
.dw .chips{display:grid;gap:8px;margin-top:22px;max-width:260px}
.dw .chip2{background:#fff;border-radius:12px;padding:11px 14px;display:flex;justify-content:space-between;gap:12px;font-size:14px;box-shadow:0 8px 20px -12px rgba(66,58,106,.4);white-space:nowrap}
.dw .chip2 b{color:#796CBF}
.dw .arr{background:#796CBF;color:#fff}

.dm{background:#6134F7;color:#F6F1FF}
.dm .name{font-family:"Black Han Sans",var(--kr);font-weight:400;font-size:72px;line-height:1;margin-top:16px;color:#fff;white-space:nowrap}
.dm .crew{display:grid;grid-template-columns:repeat(4,32px);gap:8px;margin-top:24px}
.dm .crew i{width:32px;height:32px;border-radius:50%;background:#AE9AFF;border:2px solid #6134F7;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.dm .crew i:nth-child(2n){background:#FFCB5C}
.dm .crew i:nth-child(3n){background:#3EEBC2}
.dm .score{margin-top:16px;font-size:15px;color:#E4DCFF;white-space:nowrap}
.dm .score b{font-family:var(--mono);font-size:34px;color:#fff;font-weight:500;margin-right:6px}
.dm .arr{background:#fff;color:#6134F7}

.dmm{background:radial-gradient(120% 70% at 80% 10%,rgba(255,79,163,.45),transparent 60%),#0A0A0B;color:#F5F5F6}
.dmm .name{font-family:"Jua",var(--kr);font-weight:400;font-size:96px;line-height:1;margin-top:14px;color:#fff}
.dmm .plus{display:inline-flex;margin-top:24px;background:#FF4FA3;color:#fff;font-weight:700;border-radius:999px;padding:10px 20px;font-size:17px}
.dmm .gauge{margin-top:16px;max-width:240px;font-size:13.5px;color:#B8B8BE}
.dmm .gauge div{height:8px;border-radius:99px;background:#26262A;margin-top:6px;overflow:hidden}
.dmm .gauge div i{display:block;height:100%;width:87%;background:linear-gradient(90deg,#FF8FC6,#FF4FA3);border-radius:99px}
.dmm .arr{background:#FF4FA3;color:#fff}

.dn{background:#F3F9FE;border:2px dashed #A9D2F1;color:#35506A}
.dn .k{color:#2F86CC}
.dn .pl{width:64px;height:64px;border-radius:50%;background:#DDEFFC;color:var(--cobalt);display:grid;place-items:center;font-size:34px;font-weight:300;margin-top:26px}
.dn h3{font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.35;margin-top:18px;color:var(--navy)}
.dn p{margin-top:10px;font-size:14px;color:var(--ink-2)}
.dn .bot{flex-direction:column;align-items:flex-start;gap:6px}
.dn .bot .mono{font-size:12.5px;color:#2F86CC}
.dn .bot a{color:var(--cobalt)}
.dn .bot a:hover{text-decoration:underline}

@media (max-width:1000px){
  .doors{display:grid;grid-template-columns:1fr 1fr;height:auto}
  .door{min-height:420px}
  .door.dn{min-height:0}
}
@media (max-width:640px){
  .doors{grid-template-columns:1fr}
  .door{min-height:0;gap:28px;padding:26px 24px 24px}
  .dw .name{font-size:44px}
  .dm .name{font-size:60px}
  .dmm .name{font-size:76px}
}

/* ---------- 홈: 기술력 ---------- */
.h-tech{background:linear-gradient(180deg,#E6F3FD 0%,var(--mist-2) 100%);color:var(--ink)}
.h-tech .container{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding-block:88px}
.h-tech h2{font-size:clamp(28px,4vw,38px);font-weight:900;letter-spacing:-.03em;color:var(--navy);margin-top:10px;line-height:1.22}
.h-tech .intro{margin-top:18px;color:var(--ink-2);font-size:15.5px;max-width:30em}
.patent{margin-top:32px;border:1px solid var(--line-2);border-radius:14px;padding:26px 28px;background:#fff;box-shadow:0 18px 40px -28px rgba(23,105,179,.35)}
.patent .tag{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;color:#2F86CC}
.patent .no{font-family:var(--mono);font-size:clamp(20px,2.4vw,26px);color:var(--cobalt);letter-spacing:.02em;display:block;margin-top:4px}
.patent .ttl{margin-top:10px;font-size:17px;font-weight:700;color:var(--navy);line-height:1.5}
.patent dl{display:grid;grid-template-columns:90px 1fr;gap:6px 12px;margin:18px 0 0;font-size:13.5px;color:var(--ink-2)}
.patent dt{font-family:var(--mono);font-size:11.5px;color:#2F86CC;padding-top:2px}
.patent dd{margin:0}
.princ{display:grid;align-content:start;padding-top:56px}
.princ div{padding:20px 0;border-top:1px solid var(--line-2);display:grid;grid-template-columns:170px 1fr;gap:16px}
.princ b{color:var(--navy);font-size:16px}
.princ span{color:var(--ink-2);font-size:14.5px}
@media (max-width:900px){
  .h-tech .container{grid-template-columns:1fr;gap:16px;padding-block:72px}
  .princ{padding-top:16px}
}
@media (max-width:560px){
  .princ div{grid-template-columns:1fr;gap:4px}
  .patent{padding:22px 20px}
}

/* ---------- 홈: 연혁 ---------- */
.h-hist{background:#fff;padding-block:88px}
/* 항목 수에 맞춰 칸이 자동으로 나뉩니다(항목을 더하거나 숨겨도 CSS를 고치지 않아도 됨). */
.tl{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);position:relative;list-style:none;margin:0;padding:0}
.tl::before{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:var(--line-2)}
.tl li{position:relative;padding-top:30px;padding-right:20px}
.tl li::before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--azure)}
.tl li.nx::before{border-color:#A9D2F1;border-style:dashed}
.tl .d{font-family:var(--mono);font-size:13px;color:var(--cobalt)}
.tl b{display:block;margin-top:6px;font-size:16px;line-height:1.45}
@media (max-width:860px){
  .tl{grid-auto-flow:row;grid-template-columns:1fr;gap:26px;padding-left:30px}
  .tl::before{left:7px;right:auto;top:4px;bottom:4px;width:2px;height:auto}
  .tl li{padding:0}
  .tl li::before{left:-30px;top:2px}
}

/* ---------- 도입 문의 팝업 (site.js가 만들어 붙임) ---------- */
.dlg-open{overflow:hidden}
.c-dlg{width:min(720px,calc(100% - 32px));max-width:none;max-height:calc(100% - 32px);padding:0;border:0;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 30px 80px -24px rgba(12,39,66,.5);overflow:auto;overscroll-behavior:contain}
.c-dlg[open]{animation:dlg-in .22s cubic-bezier(.2,.7,.2,1)}
.c-dlg::backdrop{background:rgba(10,32,56,.55)}
@keyframes dlg-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.c-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.c-head h2{font-size:clamp(24px,3vw,28px);font-weight:900;letter-spacing:-.03em;margin-top:6px;line-height:1.22;color:var(--navy)}
.c-head p{margin-top:8px;color:var(--ink-2);font-size:14.5px}
.c-close{appearance:none;flex:none;width:40px;height:40px;margin:-6px -8px 0 0;border:0;border-radius:50%;background:none;color:var(--ink-2);cursor:pointer;display:grid;place-items:center}
.c-close:hover{background:var(--mist);color:var(--navy)}
.c-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.c-form{background:#fff;padding:32px;display:grid;gap:16px}
.c-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.c-field{display:grid;gap:6px;font-size:14px;font-weight:700;color:var(--navy)}
.c-field > span{display:flex;align-items:baseline;gap:4px}
.c-field i{font-style:normal;color:#D6336C}
.c-count{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:12px;font-weight:400;color:var(--ink-3)}
.c-field input,.c-field select,.c-field textarea{font:inherit;font-weight:400;font-size:15px;color:var(--ink);background:#FAFCFE;border:1px solid var(--line-2);border-radius:10px;padding:11px 13px;width:100%;transition:border-color .2s,box-shadow .2s}
.c-field textarea{resize:vertical;min-height:140px;line-height:1.6}
.c-field input:focus,.c-field select:focus,.c-field textarea:focus{outline:none;border-color:var(--azure);box-shadow:0 0 0 3px rgba(58,158,228,.18);background:#fff}
.c-field [aria-invalid="true"]{border-color:#D6336C;box-shadow:0 0 0 3px rgba(214,51,108,.12)}
.c-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.c-consent{background:#F4F9FD;border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.c-check{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;font-weight:700;color:var(--navy);cursor:pointer}
.c-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--cobalt);flex:none}
.c-check i{font-style:normal;color:#D6336C;font-weight:500}
.c-check.invalid span{color:#D6336C}
.c-terms{display:grid;grid-template-columns:72px 1fr;gap:4px 12px;margin:12px 0 0 28px;font-size:13px;color:var(--ink-2)}
.c-terms dt{color:var(--ink-3)}
.c-terms dd{margin:0}
.c-note{margin:8px 0 0 28px;font-size:12.5px;color:var(--ink-3)}
.c-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.c-actions .btn{border:0;cursor:pointer;font-family:inherit}
.c-actions .btn[disabled]{opacity:.6;cursor:progress}
.c-status{font-size:14px;color:var(--ink-2);flex:1;min-width:200px}
.c-status.ok{color:#1B7F55;font-weight:700}
.c-status.err{color:#C2255C}
.c-status a{color:var(--cobalt);text-decoration:underline}
@media (max-width:560px){.c-dlg{width:calc(100% - 20px);max-height:calc(100% - 20px)}.c-row{grid-template-columns:1fr}.c-form{padding:22px 18px}.c-terms,.c-note{margin-left:0}.c-terms{grid-template-columns:64px 1fr}}

/* ---------- 다른 제품 ---------- */
.rail{background:#F1F7FC;padding-block:72px;font-family:var(--sans);color:var(--navy)}
.rail h2{font-size:clamp(22px,3vw,28px);font-weight:900;letter-spacing:-.03em;margin:8px 0 26px}
.rail .row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mini{border-radius:18px;padding:24px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:120px;transition:transform .25s}
a.mini:hover{transform:translateY(-3px)}
.mini .t{display:grid;gap:4px}
.mini .t small{font-size:12px;font-weight:700;letter-spacing:.12em}
.mini .t b{font-size:26px;line-height:1.1}
.mini .t span{font-size:13.5px}
.mini .arr{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none}
.mini.m-works{background:#EDEAF8;color:#423A6A}
.mini.m-works small{color:#6E55E8}
.mini.m-works b{font-family:var(--kr);font-weight:800;letter-spacing:-.04em;color:#1D1B2A}
.mini.m-works .arr{background:#796CBF;color:#fff}
.mini.m-motion{background:#6134F7;color:#E4DCFF}
.mini.m-motion small{color:#fff}
.mini.m-motion b{font-family:"Black Han Sans",var(--kr);font-weight:400;color:#fff}
.mini.m-motion .arr{background:#fff;color:#6134F7}
.mini.m-meme{background:radial-gradient(90% 90% at 90% 0,rgba(255,79,163,.4),transparent 60%),#0A0A0B;color:#B8B8BE}
.mini.m-meme small{color:#FF4FA3}
.mini.m-meme b{font-family:"Jua",var(--kr);font-weight:400;color:#fff;font-size:30px}
.mini.m-meme .arr{background:#FF4FA3;color:#fff}
.mini.m-next{background:#fff;border:2px dashed #A9D2F1;color:var(--ink-2)}
.mini.m-next small{color:#2F86CC}
.mini.m-next b{font-weight:800;color:var(--navy);font-size:22px}
.mini.m-next .arr{background:#DDEFFC;color:var(--cobalt)}
@media (max-width:900px){.rail .row{grid-template-columns:1fr}}

/* ---------- 푸터 ---------- */
/* 로고 · 문구 · 카피라이트를 한 줄로. 좁은 화면에서는 카피라이트가 다음 줄로 내려갑니다. */
.foot{background:var(--navy-2);color:#A9C4DC;line-height:1.4}
.foot .container{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px;padding-block:22px}
.foot .co-logo svg{width:26px;height:26px}
.foot .wm{font-size:19px}
.foot .tag{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.02em}
.foot .copy{margin-left:auto;font-size:12px;color:#6E8BA6}
@media (max-width:760px){.foot .container{gap:6px 20px;padding-block:18px}.foot .copy{margin-left:0;width:100%}}