/* ===== base.css — 전 페이지 공통 디자인시스템(자동추출, 2026-09-02 컴포넌트화) ===== */

@view-transition { navigation: auto; }
:root{
  /* ---- color tokens (contrast 실측 검증됨) ---- */
  --ink:      #1B1E20;  /* 본문/헤드라인 */
  --sub:      #5B5850;  /* 보조 텍스트 (ink on paper 대비 6.4:1) */
  --paper:    #F7F9FB;  /* 기본 배경 (크림) */
  --paper-alt:#ECF1F5;  /* 밴드 교차용 딥크림 */
  --white:    #FFFFFF;
  --brand:    #045E78;  /* 딥틸 — 링크/버튼/다크밴드 (paper 대비 6.6:1) */
  --accent:   #0092B8;  /* 브라이트틸 — 아이콘·장식 전용(텍스트 금지, 대비 3.3:1) */
  --accent-tint:#E4F3F6;/* 연틸 배경(칩/카드) */
  --line:     #DFE6EC;  /* 헤어라인 보더 */
  --line-2:   rgba(4,94,120,.16);

  /* ---- type scale: 9단계 (모듈러) ---- */
  --fs-index:  clamp(3.4rem, 2rem + 6vw, 8.5rem);
  --fs-display:clamp(2.3rem, 1.15rem + 4.2vw, 5rem);
  --fs-h1:     clamp(1.9rem, 1.3rem + 1.9vw, 2.9rem);
  --fs-h2:     clamp(1.45rem, 1.2rem + .9vw, 2.05rem);
  --fs-h3:     clamp(1.1rem, 1rem + .35vw, 1.35rem);
  --fs-lead:   clamp(1.02rem, .94rem + .3vw, 1.22rem);
  --fs-body:   1.06rem;
  --fs-sm:     .97rem;
  --fs-tag:    .82rem;

  /* ---- spacing scale ---- */
  --sp-1:.5rem; --sp-2:1rem; --sp-3:1.6rem; --sp-4:2.4rem;
  --sp-5:4rem;  --sp-6:6rem; --sp-7:8.5rem;

  --radius-sm: 3px;
  --radius-md: 8px;
  --shadow-sm: 0 1px 2px rgba(27,30,32,.07);
  --shadow-md: 0 18px 40px -18px rgba(4,94,120,.28);
  --ease: cubic-bezier(.16,1,.3,1);
  --maxw: 1180px;
}
@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0; background:linear-gradient(180deg, #F9FBFC 0%, #F2F7F9 42%, #E9F1F4 100%); background-attachment:fixed; color:var(--ink);
  font-family:'Pretendard','Pretendard Variable',-apple-system,system-ui,'Malgun Gothic',sans-serif;
  font-size:var(--fs-body); line-height:1.7; -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:var(--brand); text-decoration:none; }
a:hover{ text-decoration:underline; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, label:focus-visible{
  outline:2px solid var(--brand); outline-offset:3px; border-radius:2px;
}
h1,h2,h3,h4{ margin:0; line-height:1.2; font-weight:700; letter-spacing:-.01em; font-style:normal; }
h1{ font-weight:800; }
p{ margin:0; }
ul{ margin:0; padding:0; list-style:none; }
button{ font:inherit; cursor:pointer; }
.serif{ font-family:'Pretendard','Pretendard Variable',-apple-system,system-ui,'Malgun Gothic',sans-serif; font-style:normal; font-weight:800; letter-spacing:-.01em; }
.mono{ font-family:'Pretendard',sans-serif; }
.wrap{ max-width:var(--maxw); margin:0 auto; padding:0 clamp(20px,4vw,48px); }
.skip-link{ position:absolute; left:-9999px; top:0; background:var(--brand); color:#fff; padding:.6rem 1rem; z-index:999; }
.skip-link:focus{ left:12px; top:12px; }
.idx-mark{
  position:absolute; z-index:0; pointer-events:none; user-select:none;
  font-family:'Pretendard',sans-serif; font-style:normal; font-weight:700;
  font-size:var(--fs-index); color:var(--brand); opacity:.09; line-height:1;
  top:clamp(-1rem,-1vw,1rem); right:clamp(8px,3vw,40px);
}
.eyebrow{
  display:flex; align-items:center; gap:.6rem; font-family:'Pretendard',sans-serif;
  font-size:var(--fs-tag); letter-spacing:.12em; text-transform:uppercase; color:var(--brand);
  margin-bottom:var(--sp-2);
}
.eyebrow .no{ font-family:'Pretendard',sans-serif; font-style:normal; font-weight:700; font-size:1.1em; color:var(--ink); letter-spacing:0; text-transform:none; }
.eyebrow::after{ content:""; flex:0 0 42px; height:1px; background:var(--line); }
.grain{ position:relative; isolation:isolate; }
.grain::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.05;
  mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.grain > *{ position:relative; z-index:1; }
.site-header{
  position:sticky; top:0; z-index:100; background:rgba(247,249,251,.9);
  backdrop-filter:blur(10px); border-bottom:1px solid var(--line);
  view-transition-name: site-header;
}
.nav-row{ display:flex; align-items:center; justify-content:space-between; height:76px; gap:1rem; }
.brandmark{ display:flex; align-items:center; gap:.6rem; font-weight:700; font-size:1.11rem; color:var(--ink); }
.brandmark:hover{ text-decoration:none; }
.brandmark .mono-svg{ flex:none; }
.brandmark small{ display:block; font-family:'Pretendard',sans-serif; font-size:0.68rem; letter-spacing:.14em; color:var(--sub); font-weight:400; text-transform:uppercase; }
.gnb-list{ display:flex; align-items:center; gap:clamp(1rem,2vw,2.2rem); }
.gnb-list a{ color:var(--ink); font-size:1.01rem; position:relative; padding:.3rem 0; }
.gnb-list a::after{ content:""; position:absolute; left:0; right:100%; bottom:0; height:2px; background:var(--brand); transition:right .28s var(--ease); }
.gnb-list a:hover, .gnb-list a[aria-current="page"]{ text-decoration:none; }
.gnb-list a:hover::after, .gnb-list a[aria-current="page"]::after{ right:0; }
.gnb-list a[aria-current="page"]{ color:var(--brand); font-weight:700; }
.nav-cta{ display:flex; align-items:center; gap:1.4rem; }
.nav-toggle-label{ display:none; }
.nav-toggle{ display:none; }
.btn{
  display:inline-flex; align-items:center; gap:.5rem; padding:.85rem 1.5rem;
  font-size:1.01rem; font-weight:700; border-radius:var(--radius-sm); border:1px solid transparent;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .2s, color .2s;
  white-space:nowrap;
}
.btn:hover{ text-decoration:none; }
.btn-primary{ background:var(--brand); color:var(--white); }
.btn-primary:hover{ background:#034a60; box-shadow:var(--shadow-md); transform:translateY(-2px); }
.btn-ghost{ background:transparent; color:var(--ink); border-color:var(--line); }
.btn-ghost:hover{ border-color:var(--brand); color:var(--brand); transform:translateY(-2px); }
.btn-sm{ padding:.55rem 1.1rem; font-size:0.91rem; }
.btn svg{ width:16px; height:16px; flex:none; }
.section{ padding:var(--sp-6) 0; position:relative; overflow:hidden; }
.section-alt{ background:linear-gradient(155deg, #EEF4F8 0%, #E2EDF3 52%, #ECF2F6 100%); }
.section-alt::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:
    radial-gradient(36% 60% at 92% -10%, rgba(0,146,184,.16), transparent 68%),
    radial-gradient(30% 46% at -8% 108%, rgba(4,94,120,.14), transparent 68%);
}
.section-alt > .wrap{ position:relative; z-index:1; }
.section-dark{ background:linear-gradient(140deg, #0F1E2E 0%, #15293D 42%, #0D3A49 76%, #045E78 100%); color:var(--paper); }
.section-dark::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:
    radial-gradient(34% 58% at 88% -12%, rgba(111,220,242,.16), transparent 68%),
    radial-gradient(28% 46% at 6% 112%, rgba(0,146,184,.2), transparent 68%);
}
.section-dark::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.08;
  background-image:linear-gradient(rgba(255,255,255,.5) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(120% 90% at 50% 0%, #000 35%, transparent 88%);
}
.section-dark > .wrap{ position:relative; z-index:1; }
.section-dark .sub-l{ color:rgba(246,243,236,.78); }
.section-dark h2, .section-dark h3{ color:var(--white); }
.section-dark a{ color:var(--white); text-decoration-color:rgba(255,255,255,.5); }
.section-head{ display:grid; grid-template-columns:1.4fr 1fr; gap:var(--sp-4); align-items:end; margin-bottom:var(--sp-5); }
.section-head h2{ font-size:var(--fs-h2); max-width:18ch; }
.section-head .lead{ font-size:var(--fs-lead); color:var(--sub); max-width:52ch; }
.section-dark .section-head .lead{ color:rgba(246,243,236,.82); }
@media(max-width:820px){ .section-head{ grid-template-columns:1fr; } }
.divider{ height:1px; background:var(--line); border:0; margin:0; }
.page-head{ padding:clamp(2.6rem,5.5vw,4.6rem) 0 var(--sp-5); border-bottom:1px solid var(--line); position:relative; overflow:hidden; }
.page-head .wrap{ position:relative; z-index:1; }
.page-head h1{ font-size:var(--fs-h1); max-width:22ch; margin-top:.6rem; }
.page-head .lead{ font-size:var(--fs-lead); color:var(--sub); max-width:62ch; margin-top:var(--sp-2); }
.list-check{ display:flex; flex-direction:column; gap:.6rem; }
.list-check li{ display:flex; align-items:flex-start; gap:.6rem; font-size:1.01rem; color:var(--ink); }
.list-check svg{ width:18px; height:18px; flex:none; margin-top:.15em; color:var(--brand); }
.quote{ border-left:3px solid var(--brand); padding-left:var(--sp-3); }
.quote p{ font-family:'Pretendard',sans-serif; font-style:normal; font-weight:600; font-size:clamp(1.15rem,1.05rem+.7vw,1.55rem); line-height:1.55; color:var(--ink); }
.quote cite{ display:block; margin-top:var(--sp-2); font-style:normal; font-size:0.91rem; color:var(--sub); }
.price-card{ background:rgba(255,255,255,.72); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,.6); border-radius:var(--radius-md); padding:var(--sp-4); box-shadow:0 14px 34px -20px rgba(4,94,120,.24); }
.price-card h3{ font-size:var(--fs-h3); }
.price-card .pfor{ font-family:'Pretendard',sans-serif; font-size:var(--fs-tag); letter-spacing:.08em; text-transform:uppercase; color:var(--brand); margin-bottom:.6rem; display:block; }
.price-card .price{ font-family:'Pretendard',sans-serif; font-style:normal; font-weight:800; font-size:1.7rem; color:var(--ink); margin:.6rem 0 1.1rem; }
.price-card .price small{ display:block; font-family:'Pretendard',sans-serif; font-style:normal; font-size:0.84rem; color:var(--sub); margin-top:.3rem; }
.price-caveat{ font-size:0.82rem; color:var(--sub); margin-top:-.7rem; margin-bottom:1rem; }
.price-note{ font-size:0.91rem; color:var(--sub); background:var(--accent-tint); border-radius:var(--radius-sm); padding:.9rem 1.1rem; margin-top:var(--sp-3); }
.hero{ padding:clamp(3rem,7vw,6.5rem) 0 var(--sp-6); }
.hero-grid{ display:grid; grid-template-columns:1.55fr 1fr; gap:var(--sp-5); align-items:end; position:relative; z-index:1; }
.hero h1{ font-size:var(--fs-display); line-height:1.08; max-width:15ch; }
.hero h1 .serif{ color:var(--brand); }
.hero-side{ border-left:1px solid var(--line); padding-left:var(--sp-4); }
.hero-side .lead{ font-size:var(--fs-lead); color:var(--sub); max-width:36ch; margin-bottom:var(--sp-3); }
.hero-cta{ display:flex; gap:.9rem; flex-wrap:wrap; }
@media(max-width:900px){ .hero-grid{ grid-template-columns:1fr; } .hero-side{ border-left:0; padding-left:0; border-top:1px solid var(--line); padding-top:var(--sp-3); } }
.hero-meta{ display:flex; gap:var(--sp-4); flex-wrap:wrap; margin-top:var(--sp-5); padding-top:var(--sp-4); border-top:1px solid var(--line); position:relative; z-index:1; }
.hero-meta .m-item b{ display:block; font-family:'Pretendard',sans-serif; font-style:normal; font-weight:800; font-size:1.6rem; color:var(--brand); }
.hero-meta .m-item span{ font-size:0.91rem; color:var(--sub); }
.grid-asym{ display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:var(--sp-3); }
.grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-4); }
.grid-2-wide{ display:grid; grid-template-columns:1.35fr 1fr; gap:var(--sp-4); }
@media(max-width:900px){ .grid-asym, .grid-2, .grid-2-wide{ grid-template-columns:1fr; } }
.card{
  background:rgba(255,255,255,.7); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.6); border-radius:var(--radius-md);
  padding:var(--sp-3); box-shadow:0 14px 34px -20px rgba(4,94,120,.28);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;
}
.card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:var(--line-2); }
.card .ic{ width:38px; height:38px; color:var(--accent); margin-bottom:var(--sp-2); }
.card h3{ font-size:var(--fs-h3); margin-bottom:.5rem; }
.card p{ color:var(--sub); font-size:1.01rem; }
.tag{
  display:inline-flex; align-items:center; gap:.4rem; background:var(--accent-tint); color:var(--brand);
  font-family:'Pretendard',sans-serif; font-size:0.78rem; letter-spacing:.06em; text-transform:uppercase;
  padding:.3rem .65rem; border-radius:2px; font-weight:600;
}
.steps{ counter-reset:step; }
.step{
  display:grid; grid-template-columns:120px 1fr; gap:var(--sp-3); padding:var(--sp-4) 0;
  border-top:1px solid var(--line); align-items:start;
}
@media(max-width:600px){ .step{ grid-template-columns:1fr; gap:.45rem; } }
.step:last-child{ border-bottom:1px solid var(--line); }
.step .num{ font-family:'Pretendard',sans-serif; font-style:normal; font-weight:700; font-size:1.65rem; color:var(--brand); line-height:1.05; word-break:keep-all; }
.step h3{ font-size:var(--fs-h3); margin-bottom:.4rem; }
.step p{ color:var(--sub); max-width:60ch; }
.cmp{ width:100%; border-collapse:collapse; font-size:1.01rem; }
.cmp th, .cmp td{ padding:.9rem 1rem; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.cmp thead th{ font-family:'Pretendard',sans-serif; font-size:0.78rem; letter-spacing:.08em; text-transform:uppercase; color:var(--sub); font-weight:600; }
.cmp td.us{ background:var(--accent-tint); font-weight:600; }
.cmp .ok{ display:inline-flex; gap:.4rem; align-items:center; color:var(--brand); }
.cmp .ok svg{ width:16px; height:16px; flex:none; }
.cmp-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.pf-card{ border:1px solid rgba(255,255,255,.6); border-radius:var(--radius-md); overflow:hidden; background:rgba(255,255,255,.7); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 12px 28px -18px rgba(4,94,120,.22); transition:box-shadow .3s var(--ease), transform .3s var(--ease); }
.pf-card:hover{ box-shadow:var(--shadow-md); transform:translateY(-4px); }
.pf-thumb{ position:relative; aspect-ratio:16/10; overflow:hidden; background:var(--paper-alt); }
.pf-thumb img{ width:100%; height:100%; object-fit:cover; object-position:top; transition:transform .6s var(--ease); }
.pf-card:hover .pf-thumb img{ transform:scale(1.045); }
.pf-cat{ position:absolute; top:12px; left:12px; background:rgba(246,243,236,.95); color:var(--brand); font-family:'Pretendard',sans-serif; font-size:0.74rem; letter-spacing:.08em; text-transform:uppercase; padding:.3rem .6rem; border-radius:2px; z-index:2; }
.pf-body{ padding:var(--sp-3); }
.pf-body h3{ font-size:var(--fs-h3); margin-bottom:.4rem; }
.pf-body p{ color:var(--sub); font-size:0.98rem; }
.bot-mock{ display:flex; flex-direction:column; padding:var(--sp-3); gap:.7rem; background:linear-gradient(160deg, #EEF4F8 0%, #E2EDF3 100%); }
.bot-head{ display:flex; align-items:center; gap:.6rem; font-size:0.91rem; color:var(--sub); }
.bot-head b{ color:var(--ink); }
.bot-bubble{ max-width:88%; padding:.6rem .9rem; border-radius:10px; font-size:0.91rem; line-height:1.5; }
.bot-bubble.in{ background:var(--white); border:1px solid var(--line); align-self:flex-start; }
.bot-bubble.out{ background:var(--brand); color:#fff; align-self:flex-end; }
.site-footer{ position:relative; overflow:hidden; background:linear-gradient(150deg, #045E78 0%, #034A60 48%, #0B2836 100%); color:rgba(246,243,236,.9); padding:var(--sp-6) 0 var(--sp-3); }
.site-footer::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background-image:radial-gradient(30% 55% at 90% 0%, rgba(111,220,242,.14), transparent 70%); }
.site-footer > .wrap{ position:relative; z-index:1; }
.foot-grid{ display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:var(--sp-5); padding-bottom:var(--sp-5); }
.foot-grid h4{ color:#fff; font-size:1.01rem; margin-bottom:var(--sp-2); }
.foot-grid a{ color:rgba(246,243,236,.85); display:block; margin-bottom:.55rem; font-size:0.98rem; }
.foot-grid a:hover{ color:#fff; }
.foot-brand p{ color:rgba(246,243,236,.78); max-width:34ch; margin-top:.8rem; font-size:0.98rem; }
.foot-biz{ font-size:0.91rem; color:rgba(246,243,236,.72); line-height:1.9; }
.foot-bottom{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:.6rem; padding-top:var(--sp-3); border-top:1px solid rgba(246,243,236,.18); font-size:0.86rem; color:rgba(246,243,236,.62); }
@media(max-width:820px){ .foot-grid{ grid-template-columns:1fr 1fr; } .foot-brand{ grid-column:1/-1; } }
@media(max-width:520px){ .foot-grid{ grid-template-columns:1fr; } }
.reveal{ opacity:1; }
.js .reveal{ will-change:transform,opacity; }
@media(max-width:900px){
  .nav-toggle-label{
    display:flex; align-items:center; justify-content:center; width:42px; height:42px;
    border:1px solid var(--line); border-radius:var(--radius-sm); cursor:pointer;
  }
  .nav-toggle-label span, .nav-toggle-label span::before, .nav-toggle-label span::after{
    content:""; display:block; width:20px; height:2px; background:var(--ink); position:relative; transition:transform .25s var(--ease), opacity .25s;
  }
  .nav-toggle-label span::before{ position:absolute; top:-6px; }
  .nav-toggle-label span::after{ position:absolute; top:6px; }
  .gnb-list{
    position:fixed; left:0; right:0; top:76px; background:#fff;
    flex-direction:column; align-items:stretch; gap:0; max-height:0; overflow:hidden;
    transition:max-height .34s var(--ease); box-shadow:0 26px 46px -18px rgba(15,25,38,.34); z-index:120;
  }
  .gnb-list a{ display:block; width:100%; padding:1.05rem clamp(20px,5vw,32px); border-bottom:1px solid var(--line); font-size:1.06rem; color:var(--ink); font-weight:500; }
  .gnb-list a[aria-current="page"]{ color:var(--brand); font-weight:700; background:var(--accent-tint); }
  .gnb-list a::after{ display:none; }
  .nav-toggle:checked ~ .gnb-list{ max-height:calc(100dvh - 76px); overflow-y:auto; }
  .nav-toggle:checked ~ .nav-toggle-label span{ background:transparent; }
  .nav-toggle:checked ~ .nav-toggle-label span::before{ transform:translateY(6px) rotate(45deg); }
  .nav-toggle:checked ~ .nav-toggle-label span::after{ transform:translateY(-6px) rotate(-45deg); }
  .nav-cta .btn-primary{ padding:.7rem 1.1rem; font-size:0.91rem; }
  .nav-cta{ display:none; }
  .gnb-list .gnb-cta{ display:block; padding:1.1rem clamp(20px,5vw,32px) 1.6rem; border-bottom:0; }
  .gnb-list .gnb-cta .btn{ width:100%; justify-content:center; }
}
.gnb-cta{ display:none; }
.form-grid{ display:grid; gap:var(--sp-3); }
.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-3); }
@media(max-width:640px){ .form-row{ grid-template-columns:1fr; } }
label{ display:block; font-size:0.91rem; font-weight:600; margin-bottom:.4rem; color:var(--ink); }
label .req{ color:var(--brand); }
input, textarea{
  width:100%; padding:.85rem 1rem; border:1px solid var(--line); border-radius:var(--radius-sm);
  background:var(--white); font:inherit; color:var(--ink); transition:border-color .2s, box-shadow .2s;
}
input:focus, textarea:focus{ outline:none; border-color:var(--brand); box-shadow:0 0 0 3px var(--accent-tint); }
textarea{ min-height:150px; resize:vertical; }
.form-note{ font-size:0.91rem; color:var(--sub); }
@media print{
  .site-header{ position:static; }
  .card, tr, .step{ break-inside:avoid; }
  h2,h3{ break-after:avoid; }
}
::view-transition-old(root){ animation-duration:.22s; }
::view-transition-new(root){ animation-duration:.28s; }
.gnb-list a.btn-primary,.gnb-cta a.btn-primary{ color:var(--white)!important; }
.pf-grid{ align-items:stretch; }
.pf-card{ display:flex; flex-direction:column; }
.pf-body{ flex:1; display:flex; flex-direction:column; }
.pf-thumb:has(.bot-mock){ aspect-ratio:auto; }
.bot-mock{ min-height:220px; }
@media(max-width:640px){ .cmp{ min-width:560px; } .cmp-scroll{ position:relative; } }
.scroll-progress{ position:fixed; top:0; left:0; right:0; height:3px; z-index:200; pointer-events:none; background:transparent; }
.scroll-progress span{ display:block; height:100%; width:0%; background:linear-gradient(90deg,var(--accent),var(--brand)); }
[data-countup]{ font-variant-numeric:tabular-nums; display:inline-block; min-width:1.4ch; }
.link-arrow{ display:inline-flex; align-items:center; gap:.35rem; font-weight:600; }
.link-arrow svg{ width:15px; height:15px; transition:transform .25s var(--ease); flex:none; }
.link-arrow:hover svg{ transform:translateX(4px); }
.card{ position:relative; }
.card .ic{ transition:transform .3s var(--ease), color .3s var(--ease); }
.card:hover .ic{ transform:translateY(-2px) scale(1.06); color:var(--brand); }
.flow-row{ display:flex; align-items:flex-start; gap:0; }
.flow-node{ flex:1; min-width:0; text-align:center; padding:0 .5rem; }
.flow-node .flow-ic{ width:58px; height:58px; margin:0 auto var(--sp-2); display:flex; align-items:center; justify-content:center; border-radius:50%; border:1.6px solid var(--brand); background:var(--white); color:var(--brand); }
.flow-node .flow-ic svg{ width:25px; height:25px; }
.flow-node .flow-num{ display:block; font-family:'Pretendard',sans-serif; font-size:0.78rem; letter-spacing:.1em; color:var(--sub); margin-bottom:.3rem; }
.flow-node h3{ font-size:1.06rem; margin-bottom:.35rem; }
.flow-node p{ font-size:0.9rem; color:var(--sub); }
.flow-arrow{ flex:0 0 auto; padding-top:26px; color:var(--line-2); }
.flow-arrow svg{ width:22px; height:14px; display:block; }
@media(max-width:860px){
  .flow-row{ flex-direction:column; align-items:stretch; gap:var(--sp-3); }
  .flow-node{ display:flex; align-items:center; gap:var(--sp-3); text-align:left; padding:0; }
  .flow-node .flow-ic{ margin:0; flex:none; }
  .flow-arrow{ align-self:flex-start; margin-left:28px; padding-top:0; transform:rotate(90deg); }
}
.bot-meta{ display:flex; align-items:center; gap:.3rem; margin-top:.15rem; font-size:0.74rem; color:var(--sub); align-self:flex-start; }
.bot-bubble.out ~ .bot-meta{ align-self:flex-end; }
.bot-meta .bot-read svg{ width:13px; height:13px; color:var(--accent); vertical-align:-2px; }
.bot-typing{ display:none; align-items:center; gap:4px; align-self:flex-start; background:var(--white); border:1px solid var(--line); border-radius:10px; padding:.55rem .8rem; }
.bot-typing i{ width:5px; height:5px; border-radius:50%; background:var(--sub); opacity:.5; animation:bot-blink 1.1s infinite ease-in-out; }
.bot-typing i:nth-child(2){ animation-delay:.15s; }
.bot-typing i:nth-child(3){ animation-delay:.3s; }
@keyframes bot-blink{ 0%,80%,100%{ opacity:.3; transform:translateY(0); } 40%{ opacity:.95; transform:translateY(-2px); } }
@media (prefers-reduced-motion: reduce){ .bot-typing i{ animation:none; opacity:.6; } }
.foot-grid a{ padding:.5rem 0; min-height:44px; box-sizing:border-box; margin-bottom:.15rem; }
.pf-thumb.bot-mock{ aspect-ratio:auto; height:auto; overflow:visible; }
.foot-brand small,.brandmark small{ font-size:0.76rem; }
:root{
  --sp-6: 4.5rem; --sp-7: 6rem; /* 여백 20~30% 축소 */
}
.page-head{ padding:clamp(2.2rem,4.5vw,3.8rem) 0 var(--sp-5); }
.hero-dynamic{ background:#15293D; color:#F2F6F8; }
.hero-dynamic .idx-mark{ display:none; }
.hero-dynamic .tag{ background:rgba(255,255,255,.12); color:#BFE7F1; }
.hero-dynamic h1{ color:#F2F6F8; }
.hero-dynamic h1 .serif{ color:#6FDCF2; }
.hero-dynamic .hero-side{ border-left-color:rgba(255,255,255,.2); }
.hero-dynamic .hero-side .lead{ color:rgba(242,246,248,.86); }
.hero-dynamic .hero-meta{ border-top-color:rgba(255,255,255,.2); }
.hero-dynamic .hero-meta .m-item b{ color:#6FDCF2; }
.hero-dynamic .hero-meta .m-item span{ color:rgba(242,246,248,.76); }
.hero-dynamic .btn-ghost{ border-color:rgba(255,255,255,.4); color:#fff; }
.hero-dynamic .btn-ghost:hover{ border-color:#6FDCF2; color:#6FDCF2; }
.hero-dynamic .wrap{ position:relative; z-index:1; }
.hero-bg{ position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; background:#15293D; background-size:cover; background-position:center; }
.hero-bg .hb-vanta{ position:absolute; inset:0; z-index:0; opacity:0; transition:opacity 1.1s ease; }
.hero-bg.vanta-on .hb-vanta{ opacity:1; }
.hero-bg.vanta-on .hb-mesh, .hero-bg.vanta-on .hb-orb, .hero-bg.vanta-on .hb-grid{ opacity:.35; mix-blend-mode:screen; }
.hero-bg.vanta-on .hb-orb{ opacity:.28; }
.hero-bg .hb-mesh{
  position:absolute; inset:-12%;
  background:
    radial-gradient(38% 42% at 18% 22%, rgba(0,146,184,.42), transparent 68%),
    radial-gradient(34% 40% at 82% 16%, rgba(4,94,120,.5), transparent 66%),
    radial-gradient(46% 50% at 68% 82%, rgba(111,220,242,.24), transparent 70%),
    radial-gradient(30% 34% at 12% 86%, rgba(4,94,120,.42), transparent 68%);
  filter:blur(6px);
  animation: heroDrift 24s ease-in-out infinite alternate;
}
.hero-bg .hb-orb{ position:absolute; border-radius:50%; filter:blur(54px); opacity:.4; }
.hero-bg .hb-orb.o1{ width:260px; height:260px; left:8%; top:10%; background:#0092B8; animation:orbFloat1 17s ease-in-out infinite; }
.hero-bg .hb-orb.o2{ width:340px; height:340px; right:6%; top:26%; background:#045E78; animation:orbFloat2 21s ease-in-out infinite; }
.hero-bg .hb-orb.o3{ width:200px; height:200px; left:38%; bottom:4%; background:#6FDCF2; animation:orbFloat3 19s ease-in-out infinite; }
.hero-bg .hb-grid{
  position:absolute; inset:0; opacity:.12;
  background-image:linear-gradient(rgba(255,255,255,.5) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(120% 100% at 50% 0%, #000 40%, transparent 90%);
}
@keyframes heroDrift{ 0%{ transform:translate3d(0,0,0) scale(1); } 100%{ transform:translate3d(-3%,2%,0) scale(1.08); } }
@keyframes orbFloat1{ 0%,100%{ transform:translate(0,0); } 50%{ transform:translate(30px,-24px); } }
@keyframes orbFloat2{ 0%,100%{ transform:translate(0,0); } 50%{ transform:translate(-26px,26px); } }
@keyframes orbFloat3{ 0%,100%{ transform:translate(0,0); } 50%{ transform:translate(18px,-30px); } }
@media (prefers-reduced-motion: reduce){
  .hero-bg .hb-mesh, .hero-bg .hb-orb{ animation:none; }
}
.ph-bg{ position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(32% 60% at 88% 0%, rgba(0,146,184,.14), transparent 70%),
    radial-gradient(26% 50% at 4% 100%, rgba(4,94,120,.1), transparent 70%);
}
.img-figure{ position:relative; border-radius:var(--radius-md); overflow:hidden; box-shadow:var(--shadow-sm); background:var(--paper-alt); }
.img-figure img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.img-figure:hover img{ transform:scale(1.045); }
.img-figure figcaption{
  position:absolute; left:0; right:0; bottom:0; padding:1rem 1.2rem;
  background:linear-gradient(180deg, transparent, rgba(21,41,61,.86));
  color:#fff; font-size:0.91rem; letter-spacing:.01em;
}
.img-band{ display:grid; grid-template-columns:1.1fr 1fr; gap:var(--sp-4); align-items:stretch; }
.img-band .img-figure{ min-height:280px; }
.img-band.rev{ grid-template-columns:1fr 1.1fr; }
.img-band.rev .img-figure{ order:2; }
@media(max-width:900px){ .img-band, .img-band.rev{ grid-template-columns:1fr; } .img-band .img-figure, .img-band.rev .img-figure{ order:0; min-height:220px; } }
.stat-strip{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-3); margin-top:var(--sp-3); }
.stat-strip .stat{ border-top:2px solid var(--brand); padding-top:.7rem; }
.stat-strip .stat b{ display:block; font-family:'Pretendard',sans-serif; font-weight:800; font-size:1.5rem; color:var(--brand); }
.stat-strip .stat span{ font-size:0.88rem; color:var(--sub); }
.section-dark .stat-strip .stat{ border-top-color:rgba(255,255,255,.4); }
.section-dark .stat-strip .stat b{ color:#fff; }
.section-dark .stat-strip .stat span{ color:rgba(246,243,236,.75); }
@media(max-width:640px){ .stat-strip{ grid-template-columns:1fr 1fr; } }
.page-head.hero-dynamic{ background:#15293D; color:#F2F6F8; border-bottom:none; }
.page-head.hero-dynamic .eyebrow{ color:#BFE7F1; }
.page-head.hero-dynamic .eyebrow .no{ color:#fff; }
.page-head.hero-dynamic .eyebrow::after{ background:rgba(255,255,255,.25); }
.page-head.hero-dynamic h1{ color:#F2F6F8; }
.page-head.hero-dynamic h1 .serif{ color:#6FDCF2; }
.page-head.hero-dynamic .lead{ color:rgba(242,246,248,.86); }
.page-head.hero-dynamic .idx-mark{ display:none; }
.page-head + .section::before, .hero + .section::before{
  content:""; position:absolute; top:0; left:0; right:0; height:1px; z-index:1; pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(111,220,242,.65), transparent);
  box-shadow:0 0 14px rgba(111,220,242,.4);
}
.section + .section::before{
  content:""; position:absolute; top:0; left:0; right:0; height:1px; z-index:1; pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(0,146,184,.55), transparent);
  box-shadow:0 0 12px rgba(0,146,184,.32);
}
.section-dark + .section::before,
.section + .section-dark::before{
  background:linear-gradient(90deg, transparent, rgba(111,220,242,.7), transparent);
  box-shadow:0 0 16px rgba(111,220,242,.45);
}
.brand-logo{ width:34px; height:34px; border-radius:5px; object-fit:contain; display:block; flex:none; }
.brand-logo-foot{ background:#fff; padding:3px; border-radius:6px; }
.kakao-fab{ position:fixed; right:22px; bottom:22px; z-index:300; display:flex; align-items:center; gap:10px; text-decoration:none; }
.kakao-fab:hover{ text-decoration:none; }
.kakao-fab .kk-bubble{ background:#fff; color:#2B1E1E; font-family:'Pretendard','IBM Plex Sans KR',sans-serif; font-weight:700; font-size:0.96rem; letter-spacing:-.01em; padding:.62rem .92rem; border-radius:14px; box-shadow:0 8px 24px -6px rgba(20,30,45,.28); position:relative; white-space:nowrap; animation:kkFloat 2.8s ease-in-out infinite; }
.kakao-fab .kk-bubble::after{ content:""; position:absolute; right:-6px; top:50%; transform:translateY(-50%); border:6px solid transparent; border-left-color:#fff; }
.kakao-fab .kk-ic{ width:58px; height:58px; border-radius:50%; background:#FEE500; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 26px -6px rgba(20,30,45,.34); flex:none; transition:transform .2s var(--ease); }
.kakao-fab:hover .kk-ic{ transform:scale(1.06); }
.kakao-fab .kk-ic svg{ width:32px; height:32px; }
@keyframes kkFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-5px); } }
@media (prefers-reduced-motion: reduce){ .kakao-fab .kk-bubble{ animation:none; } }
@media(max-width:600px){ .kakao-fab{ right:14px; bottom:14px; gap:8px; } .kakao-fab .kk-ic{ width:52px; height:52px; } .kakao-fab .kk-ic svg{ width:29px; height:29px; } .kakao-fab .kk-bubble{ font-size:0.88rem; padding:.5rem .78rem; } }
body{
  background:
    radial-gradient(58% 44% at 90% -2%, rgba(0,146,184,.14), transparent 62%),
    radial-gradient(50% 40% at -6% 12%, rgba(4,94,120,.11), transparent 58%),
    radial-gradient(46% 40% at 50% 106%, rgba(111,220,242,.12), transparent 62%),
    linear-gradient(180deg,#E8F0F5 0%,#E0EAF1 42%,#E7EFF4 100%) !important;
  background-attachment:fixed !important;
}
body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background-image:
    linear-gradient(rgba(4,94,120,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(4,94,120,.05) 1px, transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(130% 105% at 50% -5%, #000 52%, transparent 100%);
  mask-image:radial-gradient(130% 105% at 50% -5%, #000 52%, transparent 100%);
}
.section:not(.section-dark){ background:transparent !important; position:relative; }
.section.section-alt{
  background:linear-gradient(165deg, rgba(255,255,255,.58) 0%, rgba(224,237,244,.5) 100%) !important;
  -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
}
.section.section-alt::after{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(40% 54% at 95% 5%, rgba(0,146,184,.15), transparent 66%),
    radial-gradient(34% 46% at 2% 96%, rgba(4,94,120,.13), transparent 66%);
}
.section .wrap{ position:relative; z-index:1; }
.section.section-dark{ position:relative; }
.card .ic{
  width:54px; height:54px; padding:13px; border-radius:15px; margin-bottom:.9rem;
  background:linear-gradient(135deg,#045E78 0%,#0092B8 100%);
  color:#fff; box-shadow:0 12px 24px -8px rgba(4,94,120,.5);
  display:inline-flex; align-items:center; justify-content:center;
}
.card:hover .ic{ transform:translateY(-3px) rotate(-4deg); color:#fff; }
.svc-card .svc-ic, .module-card .m-ic, .sys-ic, .sol-ic{
  background:linear-gradient(135deg,#045E78 0%,#0092B8 100%) !important; color:#fff !important;
  box-shadow:0 9px 20px -7px rgba(4,94,120,.46);
}
.sys-ic svg, .sol-ic svg, .svc-card .svc-ic svg, .module-card .m-ic svg{ color:#fff !important; }
.card{
  padding:1.5rem 1.45rem !important; border-radius:18px;
  background:linear-gradient(158deg, rgba(255,255,255,.92) 0%, rgba(238,246,250,.82) 100%) !important;
  border:1px solid rgba(255,255,255,.7) !important;
  box-shadow:0 12px 32px -18px rgba(4,94,120,.24), inset 0 1px 0 rgba(255,255,255,.6) !important;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  transition:transform .32s var(--ease), box-shadow .32s var(--ease), border-color .32s var(--ease);
  position:relative; overflow:hidden;
}
.card::before{
  content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg,#045E78,#0092B8,#6FDCF2);
  transform:scaleX(0); transform-origin:left; transition:transform .45s var(--ease); z-index:2;
}
.card::after{
  content:""; position:absolute; right:-34px; top:-34px; width:130px; height:130px; border-radius:50%;
  background:radial-gradient(circle, rgba(0,146,184,.10), transparent 70%); pointer-events:none; z-index:0;
}
.card > *{ position:relative; z-index:1; }
.card:hover{ transform:translateY(-6px); box-shadow:0 30px 56px -22px rgba(4,94,120,.36) !important; border-color:rgba(0,146,184,.28) !important; }
.card:hover::before{ transform:scaleX(1); }
.card h3{ letter-spacing:-.015em; margin-bottom:.5rem; }
.card p{ line-height:1.68; }
.svc-card, .module-card, .sys-card, .sol-card{ transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease); }
.svc-card:hover, .sys-card:hover, .sol-card:hover{ transform:translateY(-5px); box-shadow:0 28px 50px -22px rgba(4,94,120,.32); }
.pf-card{ transition:transform .32s var(--ease), box-shadow .32s var(--ease); }
.pf-card:hover{ transform:translateY(-6px); box-shadow:0 30px 54px -24px rgba(4,94,120,.34); }
.pf-card:hover .pf-thumb img{ transform:scale(1.06); }
.pf-thumb img{ transition:transform .5s var(--ease); }
.section-head h2{ letter-spacing:-.02em; }
.eyebrow{ font-weight:600; }
.link-arrow{ display:inline-flex; align-items:center; gap:.35rem; font-weight:600; color:var(--brand); }
.link-arrow svg{ width:16px; height:16px; transition:transform .25s var(--ease); }
.scroll-cue{ position:absolute; left:50%; bottom:22px; transform:translateX(-50%); z-index:2; display:flex; flex-direction:column; align-items:center; gap:6px; color:rgba(242,246,248,.7); font-family:'Pretendard',sans-serif; font-size:0.68rem; letter-spacing:.18em; text-transform:uppercase; pointer-events:none; }
.scroll-cue .mouse{ width:22px; height:34px; border:1.5px solid rgba(242,246,248,.55); border-radius:12px; position:relative; }
.scroll-cue .mouse::before{ content:""; position:absolute; left:50%; top:6px; width:3px; height:6px; border-radius:2px; background:rgba(242,246,248,.8); transform:translateX(-50%); animation:scrollDot 1.8s ease-in-out infinite; }
@keyframes scrollDot{ 0%{opacity:0; transform:translate(-50%,0)} 30%{opacity:1} 60%{opacity:1; transform:translate(-50%,10px)} 100%{opacity:0; transform:translate(-50%,12px)} }
@media (prefers-reduced-motion: reduce){ .scroll-cue .mouse::before{ animation:none; } }
@media(max-width:820px){ .scroll-cue{ display:none; } }
@media(max-width:600px){
  .card{ padding:1.35rem 1.25rem !important; }
  .card .ic{ width:50px; height:50px; padding:12px; margin-bottom:.75rem; }
}
body{
  background:
    radial-gradient(50% 40% at 92% 0%, rgba(0,146,184,.16), transparent 60%),
    radial-gradient(46% 38% at 4% 10%, rgba(4,94,120,.13), transparent 56%),
    radial-gradient(42% 36% at 70% 60%, rgba(111,220,242,.10), transparent 60%),
    radial-gradient(40% 34% at 20% 92%, rgba(0,146,184,.10), transparent 60%),
    linear-gradient(180deg,#E6EEF4 0%,#DCE8EF 45%,#E5EEF3 100%) !important;
  background-attachment:fixed !important;
}
body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background-image:
    linear-gradient(rgba(4,94,120,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(4,94,120,.06) 1px, transparent 1px);
  background-size:48px 48px;
}
body::after{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.8;
  background-image:
    repeating-linear-gradient(45deg, rgba(4,94,120,.09) 0 1.5px, transparent 1.5px 20px),
    repeating-linear-gradient(-45deg, rgba(0,146,184,.065) 0 1px, transparent 1px 26px),
    radial-gradient(circle at 15% 30%, rgba(0,146,184,.16) 0 6px, transparent 7px),
    radial-gradient(circle at 85% 65%, rgba(4,94,120,.13) 0 5px, transparent 6px),
    radial-gradient(circle at 60% 15%, rgba(111,220,242,.14) 0 4px, transparent 5px);
}
.section:not(.section-dark){ position:relative; overflow:hidden; }
.section-alt .wrap::before{
  content:""; position:absolute; right:-140px; top:-80px; width:360px; height:360px; border-radius:50%;
  border:1.5px solid rgba(0,146,184,.14); pointer-events:none; z-index:0;
}
.section-alt .wrap::after{
  content:""; position:absolute; left:-120px; bottom:-90px; width:280px; height:280px; border-radius:50%;
  border:1.5px solid rgba(4,94,120,.12); pointer-events:none; z-index:0;
}
.section-alt .wrap{ position:relative; }
.section-alt .wrap > *{ position:relative; z-index:1; }
.steps{ position:relative; }
.step{
  display:block !important;
  background:linear-gradient(160deg, rgba(255,255,255,.94) 0%, rgba(236,245,249,.82) 100%) !important;
  border:1px solid rgba(255,255,255,.75) !important; border-radius:15px;
  padding:1.35rem 1.5rem 1.4rem 1.7rem !important; margin-bottom:.85rem;
  box-shadow:0 12px 30px -20px rgba(4,94,120,.26) !important;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  position:relative; overflow:hidden;
}
.step:last-child{ margin-bottom:0; }
.step::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:5px;
  background:linear-gradient(180deg,#045E78,#0092B8);
}
.step .num{ display:inline-block; margin-bottom:.5rem; font-size:1.55rem !important; color:var(--brand); }
.step h3{ margin-bottom:.35rem; }
.step:hover{ transform:translateX(3px); transition:transform .25s var(--ease); }
.step::after{
  content:""; position:absolute; right:-30px; top:-30px; width:110px; height:110px; border-radius:50%;
  background:radial-gradient(circle, rgba(0,146,184,.09), transparent 70%); pointer-events:none; z-index:0;
}
.step > *{ position:relative; z-index:1; }
.step{ display:flex !important; gap:1.1rem; align-items:flex-start; }
.step .step-ic{ flex:none; width:44px; height:44px; border-radius:13px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#045E78 0%,#0092B8 100%); color:#fff; box-shadow:0 10px 20px -7px rgba(4,94,120,.46); margin-top:.1rem; }
.step .step-ic svg{ width:22px; height:22px; }
.step .num{ display:block; margin-bottom:.2rem; }
@media(max-width:560px){ .step{ gap:.8rem; } .step .step-ic{ width:38px; height:38px; } .step .step-ic svg{ width:19px; height:19px; } }



/* ===== 홈 히어로 직후 가격 미리보기 스트립 (2026-09-02 추가) ===== */
.price-strip{ padding-top:var(--sp-4); padding-bottom:var(--sp-4); }
.price-strip-head{ text-align:center; margin-bottom:var(--sp-3); }
.price-strip-head p{ font-size:1.06rem; color:var(--sub); margin-top:.4rem; }
.price-strip-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
@media(max-width:900px){ .price-strip-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .price-strip-grid{ grid-template-columns:1fr; } }
.price-chip{ display:flex; flex-direction:column; gap:.35rem; background:linear-gradient(158deg, rgba(255,255,255,.92) 0%, rgba(238,246,250,.82) 100%); border:1px solid rgba(255,255,255,.7); border-radius:16px; padding:1.3rem 1.2rem; box-shadow:0 12px 28px -18px rgba(4,94,120,.24); transition:transform .28s var(--ease), box-shadow .28s var(--ease), border-color .28s var(--ease); color:var(--ink); }
.price-chip:hover{ transform:translateY(-5px); box-shadow:0 26px 46px -20px rgba(4,94,120,.32); border-color:rgba(0,146,184,.3); text-decoration:none; }
.price-chip .pc-label{ font-family:'Pretendard',sans-serif; font-size:0.76rem; letter-spacing:.06em; text-transform:uppercase; color:var(--accent); font-weight:600; }
.price-chip .pc-amount{ font-family:'Pretendard',sans-serif; font-weight:800; font-size:1.9rem; color:var(--brand); line-height:1; }
.price-chip .pc-amount small{ font-size:0.68rem; font-weight:600; color:var(--sub); margin-left:.25rem; }
.price-chip .pc-note{ font-size:0.84rem; color:var(--sub); line-height:1.45; }
.price-strip-note{ text-align:center; font-size:0.91rem; color:var(--sub); margin-top:1.1rem; }