/* Korean homepage. /en/ keeps landing.css. */
:root{--navy:#13294B;--ink2:#3E5A82;--muted:#5E7493;--brand:#2B76BC;--sky:#DCEEFD;--sky2:#EEF6FD;--cream:#FFFAF0;--butter:#FCEFC7;--mint:#E2F3E6;--blush:#FDE8EC;--line:#DCE7F3;
  --sans:'Pretendard Variable',Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;--pen:'Nanum Pen Script',cursive;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:74px}
body{margin:0;background:#fff;color:var(--navy);font:500 16px/1.6 var(--sans);word-break:keep-all;overflow-wrap:anywhere}
h1,h2,h3,p{margin:0}
img{display:block;max-width:100%;height:auto}
a:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.skip-link{position:absolute;left:-999px;top:8px;z-index:9;background:#fff;padding:8px 12px;border-radius:8px}
.skip-link:focus{left:8px}
.s{--pad:22px;font-size:16px}
.in{max-width:1160px;margin:0 auto;padding-inline:var(--pad)}
.hd{position:sticky;top:var(--barh,0px);z-index:5;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line)}
.hd .in{display:flex;align-items:center;gap:18px;height:62px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;letter-spacing:-.4px;color:var(--navy);text-decoration:none}
.logo img{width:34px;height:34px;border-radius:9px}
.logo small{font-size:11.5px;color:var(--muted);font-weight:700}
.nv{display:none;gap:22px;margin-left:12px}.nv a{color:var(--ink2);font-size:15px;font-weight:700;text-decoration:none}
.cta{margin-left:auto;background:var(--brand);color:#fff;text-decoration:none;border-radius:11px;padding:8px 14px;font-size:14px;font-weight:800;white-space:nowrap}
h1.h{font-size:40px;line-height:1.2;font-weight:800;letter-spacing:-1.6px;text-wrap:balance}
h1.h em,h2.h em{font-style:normal;color:var(--brand);white-space:nowrap}
h2.h{font-size:31px;line-height:1.26;font-weight:800;letter-spacing:-1.1px;text-wrap:balance}
.lede{font-size:17px;color:var(--ink2);line-height:1.6;max-width:32em}
.eb{font-size:14px;font-weight:800;color:var(--brand);letter-spacing:-.1px}
.stores{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.stores a{display:block}.stores img{height:50px;width:auto}
.hero{background:linear-gradient(180deg,#CFE5F8 0,#E7F2FB 55%,#FFFAF0 100%);overflow:hidden}
.hero .in{display:grid;gap:24px;padding-block:34px 0}
.hero .tx{display:grid;gap:16px;align-content:center}
.hero img.ph{width:100%;max-width:640px;margin:0 auto -6px}
.tr{background:var(--navy);color:#fff}.tr .in{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding-block:18px}
.tr div{font-size:14px;font-weight:700}.tr b{display:block;font-size:19px;font-weight:800;color:#FFD27A}
.sec{padding-block:54px}.sec .hdl{display:grid;gap:8px;margin-bottom:26px;max-width:640px}
.pain{background:var(--cream)}
.memos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.memo{background:#FFF3BF;padding:18px 16px 20px;font:400 26px/1.15 var(--pen);color:#2C4568;box-shadow:0 8px 18px rgba(19,41,75,.09);min-height:112px;display:flex;align-items:center}
.memo:nth-child(3n+1){transform:rotate(-1.4deg)}.memo:nth-child(3n){transform:rotate(1.2deg);background:#FDE8EC}.memo:nth-child(4n+2){background:#E4F2FE}
.fx{display:grid;gap:14px}
.fxc{display:grid;gap:4px;padding:18px 18px;background:var(--sky2);border-radius:16px}
.fxc span{font-size:14px;font-weight:700;color:var(--muted)}.fxc b{font-size:19px;font-weight:800;letter-spacing:-.4px}.fxc p{font-size:15px;color:var(--ink2)}
.ft{padding-block:48px}.ft .in{display:grid;gap:20px}
.ft.a{background:var(--sky2)}.ft.b{background:var(--butter)}.ft.c{background:var(--mint)}.ft.d{background:var(--blush)}.ft.e{background:#E9EEFB}
.ft .pic{max-width:560px;margin:0 auto;width:100%}
.ft ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.ft li{padding-left:24px;position:relative;font-size:16px;color:var(--ink2)}
.ft li::before{content:"";position:absolute;left:2px;top:.55em;width:11px;height:6px;border-left:2.6px solid var(--brand);border-bottom:2.6px solid var(--brand);transform:rotate(-45deg)}
.tagA{display:inline-block;margin-left:5px;padding:0 7px;border-radius:6px;background:#fff;font-size:12px;font-weight:800;color:var(--ink2);vertical-align:1px}
/* the route: steps sit on a dashed trip line, like the app's map */
.route{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}
.route li{position:relative;padding:0 0 24px 46px}
.route li::before{content:attr(data-n);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;z-index:1}
.route li:not(:last-child)::after{content:"";position:absolute;left:14px;top:30px;bottom:0;border-left:3px dashed #A9C7E6}
.route b{display:block;font-size:18px;font-weight:800}.route span{color:var(--ink2);font-size:15px}
.cases{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.case{background:var(--sky2);border-radius:18px;padding:16px;display:grid;gap:6px;align-content:start}
.case img{width:96px;height:96px;object-fit:contain}.case b{font-size:17px;font-weight:800}.case p{font-size:14.5px;color:var(--ink2);line-height:1.5}
.dl{background:radial-gradient(circle at 80% 10%,#2F6CA8 0,#17365F 60%,#0F2545 100%);color:#fff}
.dl .in{display:grid;gap:20px;padding-block:44px 0}.dl h2.h{color:#fff}.dl h2.h em{color:#FFD27A}.dl .lede{color:#D7E5F6}
.dl .tx{display:grid;gap:16px}.dl img.ph{width:100%;max-width:420px;margin:0 auto}
.faq details{border-bottom:1px solid var(--line);padding:14px 0}
.faq summary{cursor:pointer;font-weight:800;font-size:16.5px}
.faq p{margin-top:8px;color:var(--ink2)}
.fo{background:#F5F8FB;font-size:13px;color:var(--muted)}.fo .in{display:grid;gap:10px;padding-block:26px}
.fo a{color:var(--muted)}.fo .lk{display:flex;flex-wrap:wrap;gap:6px 14px}
.stk{position:sticky;bottom:0;z-index:4;background:rgba(255,255,255,.96);border-top:1px solid var(--line);padding:9px 14px}
.stk a{display:block;background:var(--brand);color:#fff;text-align:center;font-weight:800;border-radius:12px;padding:12px;text-decoration:none}
@media (min-width:820px){
  .s{--pad:40px}
  .nv{display:flex}
  .stk{display:none}
  h1.h{font-size:60px;letter-spacing:-2.6px}
  h2.h{font-size:42px;letter-spacing:-1.6px}
  .stores img{height:56px}
  .hero .in{grid-template-columns:1fr 1.15fr;align-items:end;padding-block:56px 0}
  .hero .tx{padding-bottom:70px}
  .hero img.ph{max-width:none}
  .tr .in{grid-template-columns:repeat(4,1fr)}
  .memos{grid-template-columns:repeat(3,1fr);gap:22px}
  .memo{font-size:32px;min-height:128px;padding:22px}
  .fx{grid-template-columns:repeat(3,1fr)}
  .sec{padding-block:84px}.sec .hdl{margin-bottom:38px}
  .ft{padding-block:70px}
  .ft .in{grid-template-columns:1fr 1.1fr;align-items:center;gap:50px}
  .ft.alt .pic{order:-1}
  .route{grid-template-columns:repeat(5,1fr);gap:18px}
  .route li{padding:44px 0 0}
  .route li:not(:last-child)::after{left:30px;right:-18px;top:14px;bottom:auto;border-left:0;border-top:3px dashed #A9C7E6}
  .cases{grid-template-columns:repeat(4,1fr)}
  .dl .in{grid-template-columns:1.1fr 1fr;align-items:end;padding-block:66px 0}.dl .tx{padding-bottom:66px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}