.u-section-1 {
  min-height: 25610px;
}

.u-section-1 .u-custom-html-1 {
  height: auto;
  min-height: 25610px;
  margin-top: 0;
  margin-bottom: 0;
}/* 강남 쩜오 | Liquid Metal 디자인 (Nicepage용 · 스크립트 없음 · 모든 선택자 .u-body 접두사) */
@property --lm-pp { syntax: ''; inherits: false; initial-value: 0%; }
/* ───────── 기본 토큰 · 리셋 ───────── */
.u-body .lm{
  --ink:#07080a; --ink2:#0e1013; --ink3:#15181d;
  --line:rgba(214,222,231,.13); --txt:#e8ecf0; --mut:#a3abb4;
  --ice:#9ae6ff; --ice2:#4fc3ec;
  --chrome:linear-gradient(115deg,#f8fafc 0%,#a6afb9 15%,#eef1f4 29%,#59616a 47%,#dfe4e9 62%,#7a838d 79%,#f5f7f9 100%);
  --rad:22px;
  position:relative; display:block; width:100%;
  background:var(--ink); color:var(--txt);
  font-family:"Pretendard Variable",Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  font-size:16px; line-height:1.78; letter-spacing:-.012em;
  word-break:keep-all; overflow-wrap:break-word;
  overflow:hidden; overflow:clip;
  -webkit-font-smoothing:antialiased;
}
.u-body .lm *, .u-body .lm *::before, .u-body .lm *::after{ box-sizing:border-box; }
.u-body .lm h1, .u-body .lm h2, .u-body .lm h3, .u-body .lm h4{ margin:0; font-family:inherit; color:inherit; text-transform:none; }
.u-body .lm p, .u-body .lm dl, .u-body .lm dd, .u-body .lm blockquote, .u-body .lm figure{ margin:0; }
.u-body .lm ul, .u-body .lm ol{ margin:0; padding:0; list-style:none; }
.u-body .lm a{ color:inherit; text-decoration:none; }
.u-body .lm svg{ display:block; }
.u-body .lm .lm-svgdefs{ position:absolute; width:0; height:0; overflow:hidden; }
.u-body .lm .lm-wrap{ width:100%; max-width:1160px; margin:0 auto; padding:0 24px; }
.u-body .lm .lm-narrow{ max-width:880px; }
/* ───────── 공통 타이포 ───────── */
.u-body .lm .lm-sec{ position:relative; padding:120px 0; }
.u-body .lm .lm-sec::before{
  content:""; position:absolute; left:50%; top:0; width:min(1112px,92%); height:1px; transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(214,222,231,.38),transparent);
}
.u-body .lm .lm-head{ max-width:780px; margin-bottom:52px; }
.u-body .lm .lm-idx{ display:inline-flex; align-items:center; gap:12px; font-size:13px; font-weight:800; letter-spacing:.2em; color:var(--ice); }
.u-body .lm .lm-idx::after{ content:""; width:52px; height:1px; background:var(--chrome); }
.u-body .lm .lm-h2{
  margin:16px 0 18px; font-size:clamp(28px,3.9vw,46px); font-weight:800; line-height:1.22; letter-spacing:-.032em;
  background:var(--chrome); background-size:180% 100%;
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
}
.u-body .lm .lm-h3{ font-size:20px; font-weight:700; line-height:1.4; letter-spacing:-.02em; margin-bottom:12px; }
.u-body .lm .lm-h3-gap{ margin:56px 0 18px; }
.u-body .lm .lm-h4{ font-size:16px; font-weight:700; color:var(--ice); margin:18px 0 6px; }
.u-body .lm .lm-h4:first-of-type{ margin-top:4px; }
.u-body .lm .lm-desc{ color:var(--mut); font-size:17px; }
.u-body .lm p{ color:var(--mut); }
.u-body .lm .lm-note{ margin-top:20px; font-size:14px; color:#8a929b; }
.u-body .lm .lm-center{ text-align:center; }
/* 패널 (금속 유리 질감) */
.u-body .lm .lm-panel{
  position:relative; border-radius:var(--rad);
  background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.015) 45%,rgba(255,255,255,.04));
  border:1px solid var(--line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 24px 60px rgba(0,0,0,.35);
}
.u-body .lm .lm-pad{ padding:32px 30px; }
.u-body .lm .lm-split{ display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:22px; }
.u-body .lm .lm-mt{ margin-top:22px; }
.u-body .lm .lm-chips{ display:flex; flex-wrap:wrap; gap:10px; margin-top:6px; }
.u-body .lm .lm-chips li{
  padding:10px 18px; border-radius:999px; font-size:14.5px; font-weight:600; color:#d6dce2; white-space:nowrap;
  border:1px solid rgba(214,222,231,.22); background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  transition:border-color .3s, color .3s;
}
.u-body .lm .lm-chips li:hover{ border-color:rgba(154,230,255,.55); color:var(--ice); }
/* ───────── 히어로 ───────── */
.u-body .lm .lm-hero{ position:relative; isolation:isolate; display:flex; align-items:center; min-height:min(100vh,920px); padding:130px 0 110px; }
.u-body .lm .lm-liquid{
  position:absolute; inset:0; z-index:-1; overflow:hidden;
  background:radial-gradient(120% 90% at 75% 10%,#1b1f26 0%,var(--ink) 62%);
}
.u-body .lm .lm-liquid::after{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(90deg,var(--ink) 0%,rgba(7,8,10,.88) 34%,rgba(7,8,10,.3) 66%,rgba(7,8,10,.55) 100%),
    linear-gradient(0deg,var(--ink) 0%,transparent 28%);
}
.u-body .lm .lm-goo{ position:absolute; inset:-10%; filter:url(#lm-goo); }
.u-body .lm .lm-blob{
  position:absolute; display:block;
  border-radius:43% 57% 61% 39% / 45% 38% 62% 55%;
  background:var(--chrome); background-size:220% 220%;
  animation:lm-morph 17s ease-in-out infinite, lm-sheen 9s ease-in-out infinite alternate;
}
.u-body .lm .lm-b1{ width:40vmax; height:40vmax; left:50%; top:-8%; }
.u-body .lm .lm-b2{ width:25vmax; height:25vmax; left:72%; top:40%; animation-duration:21s,11s; animation-delay:-5s,-2s;
  background:linear-gradient(130deg,#effbff 0%,#7fd7f7 28%,#1c3646 52%,#c4f0ff 74%,#f6fdff 100%); background-size:220% 220%; }
.u-body .lm .lm-b3{ width:17vmax; height:17vmax; left:45%; top:50%; animation-duration:15s,8s; animation-delay:-9s,-4s; }
.u-body .lm .lm-b4{ width:11vmax; height:11vmax; left:86%; top:8%; animation-duration:13s,7s; animation-delay:-3s,-1s; }
.u-body .lm .lm-b5{ width:8vmax; height:8vmax; left:38%; top:10%; animation-duration:12s,10s; animation-delay:-6s,-3s; }
.u-body .lm .lm-hero-in{ display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:center; }
.u-body .lm .lm-eyebrow{ display:inline-flex; align-items:center; gap:10px; padding:8px 16px; border-radius:999px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.04); font-size:12px; font-weight:700; letter-spacing:.22em; color:#cfd6dd; }
.u-body .lm .lm-dot{ width:8px; height:8px; border-radius:50%; background:var(--ice); box-shadow:0 0 0 0 rgba(154,230,255,.6); animation:lm-pulse 2.2s ease-out infinite; flex:none; }
.u-body .lm .lm-h1{ margin:22px 0 24px; font-size:clamp(38px,6.2vw,78px); font-weight:900; line-height:1.08; letter-spacing:-.038em; }
.u-body .lm .lm-h1-main{
  display:block;
  background:var(--chrome); background-size:260% 100%;
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
  animation:lm-flow 8s ease-in-out infinite alternate;
  filter:drop-shadow(0 8px 26px rgba(154,230,255,.14));
}
.u-body .lm .lm-h1-sub{ display:block; margin-top:16px; font-size:.4em; font-weight:600; letter-spacing:-.02em; color:var(--txt); }
.u-body .lm .lm-lead{ max-width:560px; font-size:18px; color:#b9c0c8; }
.u-body .lm .lm-hero-btns{ display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.u-body .lm .lm-updated{ margin-top:26px; font-size:13px; color:#7f8790; }
/* 버튼 */
.u-body .lm .lm-btn{
  position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:10px;
  height:58px; padding:0 28px; border-radius:999px; font-size:16px; font-weight:700; white-space:nowrap;
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s;
}
.u-body .lm .lm-btn svg{ width:20px; height:20px; fill:currentColor; flex:none; }
.u-body .lm .lm-btn--chrome{
  background:var(--chrome); background-size:200% 100%; color:#0b0d10;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), inset 0 -3px 8px rgba(0,0,0,.25), 0 14px 34px rgba(154,230,255,.16);
}
.u-body .lm .lm-btn--chrome::after, .u-body .lm .lm-cbtn::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%);
  transform:translateX(-120%); animation:lm-shine 3.8s ease-in-out infinite;
}
.u-body .lm .lm-btn--ghost{ color:var(--txt); border:1px solid rgba(232,236,240,.3); background:rgba(255,255,255,.05); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.u-body .lm .lm-btn:hover{ transform:translateY(-3px); }
/* 3D 틸트 카드 (스크립트 없이 9칸 호버 영역으로 마우스 추적) */
.u-body .lm .lm-tilt-wrap{ animation:lm-float 7s ease-in-out infinite; }
.u-body .lm .lm-tilt{ position:relative; perspective:1200px; }
.u-body .lm .lm-z{ position:absolute; z-index:5; width:33.34%; height:33.34%; }
.u-body .lm .lm-z1{ left:0; top:0; }         .u-body .lm .lm-z2{ left:33.33%; top:0; }       .u-body .lm .lm-z3{ left:66.66%; top:0; }
.u-body .lm .lm-z4{ left:0; top:33.33%; }    .u-body .lm .lm-z5{ left:33.33%; top:33.33%; }  .u-body .lm .lm-z6{ left:66.66%; top:33.33%; }
.u-body .lm .lm-z7{ left:0; top:66.66%; }    .u-body .lm .lm-z8{ left:33.33%; top:66.66%; }  .u-body .lm .lm-z9{ left:66.66%; top:66.66%; }
.u-body .lm .lm-card{
  position:relative; overflow:hidden; padding:36px 32px 30px; border-radius:30px;
  background:
    linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.02) 46%,rgba(255,255,255,.07)),
    rgba(10,12,15,.62);
  border:1px solid rgba(255,255,255,.2);
  -webkit-backdrop-filter:blur(18px) saturate(140%); backdrop-filter:blur(18px) saturate(140%);
  box-shadow:0 34px 90px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.3);
  transform-style:preserve-3d; transition:transform .6s cubic-bezier(.2,.75,.2,1);
}
.u-body .lm .lm-glare{
  position:absolute; inset:-50%; pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.22),transparent 32%);
  transition:transform .6s cubic-bezier(.2,.75,.2,1);
}
.u-body .lm .lm-tilt:has(.lm-z1:hover) .lm-card{ transform:rotateX(9deg) rotateY(-11deg); }
.u-body .lm .lm-tilt:has(.lm-z2:hover) .lm-card{ transform:rotateX(10deg); }
.u-body .lm .lm-tilt:has(.lm-z3:hover) .lm-card{ transform:rotateX(9deg) rotateY(11deg); }
.u-body .lm .lm-tilt:has(.lm-z4:hover) .lm-card{ transform:rotateY(-12deg); }
.u-body .lm .lm-tilt:has(.lm-z5:hover) .lm-card{ transform:scale(1.025); }
.u-body .lm .lm-tilt:has(.lm-z6:hover) .lm-card{ transform:rotateY(12deg); }
.u-body .lm .lm-tilt:has(.lm-z7:hover) .lm-card{ transform:rotateX(-9deg) rotateY(-11deg); }
.u-body .lm .lm-tilt:has(.lm-z8:hover) .lm-card{ transform:rotateX(-10deg); }
.u-body .lm .lm-tilt:has(.lm-z9:hover) .lm-card{ transform:rotateX(-9deg) rotateY(11deg); }
.u-body .lm .lm-tilt:has(.lm-z1:hover) .lm-glare{ transform:translate(-18%,-18%); }
.u-body .lm .lm-tilt:has(.lm-z2:hover) .lm-glare{ transform:translate(0,-20%); }
.u-body .lm .lm-tilt:has(.lm-z3:hover) .lm-glare{ transform:translate(18%,-18%); }
.u-body .lm .lm-tilt:has(.lm-z4:hover) .lm-glare{ transform:translate(-20%,0); }
.u-body .lm .lm-tilt:has(.lm-z6:hover) .lm-glare{ transform:translate(20%,0); }
.u-body .lm .lm-tilt:has(.lm-z7:hover) .lm-glare{ transform:translate(-18%,18%); }
.u-body .lm .lm-tilt:has(.lm-z8:hover) .lm-glare{ transform:translate(0,20%); }
.u-body .lm .lm-tilt:has(.lm-z9:hover) .lm-glare{ transform:translate(18%,18%); }
.u-body .lm .lm-orb{
  position:absolute; right:-70px; top:-70px; width:230px; height:230px; border-radius:50%; opacity:.6; pointer-events:none;
  background:conic-gradient(from 0deg,#f4f6f8,#7c858f,#e8ecf0,#4f565e,#dfe5ea,#8a939c,#9ae6ff,#f4f6f8);
  filter:url(#lm-liquid); animation:lm-spin 24s linear infinite;
}
.u-body .lm .lm-card-tag{
  position:relative; font-size:12px; font-weight:800; letter-spacing:.24em; text-transform:uppercase;
  background:var(--chrome); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
}
.u-body .lm .lm-card-list{ position:relative; display:grid; gap:0; margin-top:22px; }
.u-body .lm .lm-card-list > div{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:16px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.u-body .lm .lm-card-list dt{ font-size:14px; color:#9aa2ab; white-space:nowrap; }
.u-body .lm .lm-card-list dd{ font-size:16px; font-weight:700; color:var(--txt); text-align:right; }
.u-body .lm .lm-card-foot{ position:relative; display:flex; align-items:center; gap:10px; margin-top:20px; font-size:13px; color:#c2c9d0; }
/* ───────── 01 출근 현황 ───────── */
.u-body .lm .lm-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.u-body .lm .lm-stat{ padding:30px 30px 26px; }
.u-body .lm .lm-stat-l{ display:block; font-size:14px; font-weight:600; color:#aeb6be; }
.u-body .lm .lm-stat-s{ display:block; font-size:13px; color:#7f8790; }
.u-body .lm .lm-num{ display:flex; align-items:baseline; gap:6px; margin:10px 0 6px; line-height:1; }
.u-body .lm .lm-num small{ font-size:20px; font-weight:700; color:#cfd6dd; }
.u-body .lm .lm-roll{ display:inline-block; overflow:hidden; padding:4px 2px 6px; }
.u-body .lm .lm-roll > span{
  display:inline-block; font-size:clamp(52px,6vw,72px); font-weight:900; letter-spacing:-.04em;
  background:var(--chrome); background-size:200% 100%;
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
  animation:lm-rollup 1.2s cubic-bezier(.2,.85,.2,1) both;
}
.u-body .lm .lm-hbars{ display:grid; gap:12px; margin-top:20px; }
.u-body .lm .lm-hbars li{ display:grid; grid-template-columns:52px 1fr 56px; align-items:center; gap:14px; }
.u-body .lm .lm-hb-t{ font-size:14px; color:#9aa2ab; white-space:nowrap; }
.u-body .lm .lm-hb-n{ font-size:14px; font-weight:700; text-align:right; white-space:nowrap; }
.u-body .lm .lm-hb-track{ display:block; height:12px; border-radius:999px; background:rgba(255,255,255,.06); overflow:hidden; }
.u-body .lm .lm-hb-fill{
  display:block; height:100%; width:calc(var(--v) * 100%); border-radius:inherit;
  background:var(--chrome); background-size:200% 100%;
  transform-origin:left center; animation:lm-growx 1.4s cubic-bezier(.2,.8,.2,1) both;
}
.u-body .lm .lm-peak .lm-hb-fill{ background:linear-gradient(90deg,#d9e1e8,#9ae6ff 70%,#e9fbff); box-shadow:0 0 18px rgba(154,230,255,.5); }
.u-body .lm .lm-peak .lm-hb-n, .u-body .lm .lm-peak .lm-hb-t{ color:var(--ice); }
/* ───────── 02 첫 방문 전담 ───────── */
.u-body .lm .lm-two{ display:grid; grid-template-columns:.95fr 1.05fr; gap:64px; align-items:start; }
.u-body .lm .lm-sticky{ position:sticky; top:96px; }
.u-body .lm .lm-checks{ display:grid; gap:12px; margin-top:6px; }
.u-body .lm .lm-checks li{ position:relative; padding-left:30px; color:#cfd6dd; }
.u-body .lm .lm-checks li::before{
  content:""; position:absolute; left:0; top:.42em; width:16px; height:16px; border-radius:50%;
  background:var(--chrome); box-shadow:0 0 12px rgba(154,230,255,.3);
}
.u-body .lm .lm-steps{ position:relative; display:grid; gap:18px; }
.u-body .lm .lm-steps::before{ content:""; position:absolute; left:31px; top:20px; bottom:20px; width:2px; background:linear-gradient(180deg,rgba(154,230,255,.7),rgba(214,222,231,.15)); }
.u-body .lm .lm-steps li{
  position:relative; display:grid; grid-template-columns:64px 1fr; gap:22px; align-items:start;
  padding:26px 28px 26px 0;
}
.u-body .lm .lm-steps li > div{
  padding:24px 26px; border-radius:var(--rad); border:1px solid var(--line);
  background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));
  transition:border-color .35s, transform .35s;
}
.u-body .lm .lm-steps li:hover > div{ border-color:rgba(154,230,255,.45); transform:translateX(6px); }
.u-body .lm .lm-steps .lm-h4{ margin:0 0 6px; font-size:18px; color:var(--txt); }
.u-body .lm .lm-step-n{
  position:relative; z-index:1; display:grid; place-items:center; width:64px; height:64px; border-radius:50%;
  font-size:17px; font-weight:900; color:#0b0d10;
  background:var(--chrome); background-size:200% 200%;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.8), inset 0 -4px 10px rgba(0,0,0,.3), 0 10px 26px rgba(0,0,0,.5);
  animation:lm-sheen 6s ease-in-out infinite alternate;
}
/* ───────── 03 응답 현황 (게이지) ───────── */
.u-body .lm .lm-rings{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.u-body .lm .lm-ring-card{ padding:38px 24px 30px; text-align:center; }
.u-body .lm .lm-ring{
  --p:50%; --lm-pp:var(--p);
  position:relative; width:178px; aspect-ratio:1; margin:0 auto 24px; border-radius:50%;
  background:conic-gradient(from -90deg,#e9eef2 0,var(--ice) calc(var(--lm-pp) * .6),var(--ice2) var(--lm-pp),rgba(255,255,255,.07) var(--lm-pp));
  box-shadow:0 0 46px rgba(154,230,255,.14);
  animation:lm-ring 1.9s cubic-bezier(.2,.8,.2,1) both;
}
.u-body .lm .lm-ring::before{
  content:""; position:absolute; inset:13px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#1d2128,var(--ink2) 70%);
  box-shadow:inset 0 2px 10px rgba(0,0,0,.6), inset 0 -1px 0 rgba(255,255,255,.06);
}
.u-body .lm .lm-ring-v{
  position:absolute; inset:0; z-index:1; display:flex; align-items:baseline; justify-content:center; padding-top:64px;
  font-size:40px; font-weight:900; letter-spacing:-.04em; line-height:1; color:var(--txt);
}
.u-body .lm .lm-ring-v small{ font-size:15px; font-weight:700; color:#aeb6be; margin:0 3px 0 2px; }
.u-body .lm .lm-ring-l{ font-size:18px; font-weight:700; color:var(--txt); }
.u-body .lm .lm-ring-s{ margin-top:6px; font-size:14px; }
/* ───────── 04 픽업 ───────── */
.u-body .lm .lm-route{ width:100%; height:90px; margin:-12px 0 28px; overflow:visible; }
.u-body .lm .lm-route-base{ fill:none; stroke:rgba(214,222,231,.12); stroke-width:2; }
.u-body .lm .lm-route-dash{
  fill:none; stroke:url(#lm-route-g); stroke-width:3; stroke-linecap:round;
  stroke-dasharray:120 1400; animation:lm-drive 6s linear infinite;
  filter:drop-shadow(0 0 6px rgba(154,230,255,.55));
}
.u-body .lm .lm-grid4{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.u-body .lm .lm-feat{ transition:transform .4s cubic-bezier(.2,.8,.2,1), border-color .4s; }
.u-body .lm .lm-feat:hover{ transform:translateY(-8px); border-color:rgba(154,230,255,.4); }
.u-body .lm .lm-ico{
  display:grid; place-items:center; width:54px; height:54px; margin-bottom:20px; border-radius:16px;
  background:var(--chrome); color:#0b0d10;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), inset 0 -3px 8px rgba(0,0,0,.28), 0 10px 24px rgba(0,0,0,.4);
}
.u-body .lm .lm-ico svg{ width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
/* ───────── 05 7일 실적 (세로 막대) ───────── */
.u-body .lm .lm-chart{ padding:30px 30px 26px; }
.u-body .lm .lm-legend{ display:flex; gap:20px; justify-content:flex-end; font-size:13px; color:#aeb6be; }
.u-body .lm .lm-lg{ display:inline-flex; align-items:center; gap:8px; }
.u-body .lm .lm-lg::before{ content:""; width:12px; height:12px; border-radius:4px; }
.u-body .lm .lm-lg-a::before{ background:rgba(214,222,231,.28); }
.u-body .lm .lm-lg-b::before{ background:linear-gradient(180deg,#e9fbff,#4fc3ec); }
.u-body .lm .lm-vbars{ display:grid; grid-template-columns:repeat(7,1fr); gap:14px; margin-top:16px; }
.u-body .lm .lm-vbars li{ display:flex; flex-direction:column; align-items:center; text-align:center; min-width:0; }
.u-body .lm .lm-vb-col{ display:flex; align-items:flex-end; justify-content:center; gap:6px; width:100%; height:240px; padding-bottom:2px; border-bottom:1px solid rgba(214,222,231,.2); }
.u-body .lm .lm-vb-a, .u-body .lm .lm-vb-b{
  display:block; width:min(26px,32%); height:calc(var(--v) * 100%); border-radius:8px 8px 3px 3px;
  transform-origin:bottom center; animation:lm-growy 1.5s cubic-bezier(.2,.8,.2,1) both;
}
.u-body .lm .lm-vb-a{ background:linear-gradient(180deg,rgba(232,236,240,.4),rgba(214,222,231,.12)); }
.u-body .lm .lm-vb-b{ background:linear-gradient(180deg,#f2fcff,#9ae6ff 45%,#2f8fb8); box-shadow:0 0 16px rgba(154,230,255,.3); animation-delay:.15s; }
.u-body .lm .lm-vb-n{ margin-top:12px; font-size:12.5px; line-height:1.5; color:#c9d0d7; }
.u-body .lm .lm-vb-d{ margin-top:4px; font-size:13px; font-weight:700; color:#8e969f; white-space:nowrap; }
.u-body .lm .lm-hol .lm-vb-d{ color:#e0c38a; }
.u-body .lm .lm-vbars .lm-peak .lm-vb-d{ color:var(--ice); }
.u-body .lm .lm-sum{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:22px 0 10px; }
.u-body .lm .lm-sum > div{ padding:24px 26px; }
.u-body .lm .lm-sum dt{ font-size:14px; color:#9aa2ab; }
.u-body .lm .lm-sum dd{
  margin-top:6px; font-size:40px; font-weight:900; letter-spacing:-.035em; line-height:1.1;
  background:var(--chrome); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
}
.u-body .lm .lm-sum dd small{ font-size:17px; margin-left:3px; }
.u-body .lm .lm-sum + .lm-h3{ margin-top:46px; }
/* ───────── 06 개인정보 ───────── */
.u-body .lm .lm-grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.u-body .lm .lm-rule{ overflow:hidden; transition:transform .4s cubic-bezier(.2,.8,.2,1), border-color .4s; }
.u-body .lm .lm-rule::after{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:0;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.08) 50%,transparent 65%);
  transition:opacity .4s;
}
.u-body .lm .lm-rule:hover{ transform:translateY(-6px); border-color:rgba(214,222,231,.35); }
.u-body .lm .lm-rule:hover::after{ opacity:1; }
.u-body .lm .lm-rule-n{
  display:block; margin-bottom:14px; font-size:44px; font-weight:900; line-height:1; letter-spacing:-.04em;
  background:var(--chrome); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
}
/* ───────── 07 법적 정의 ───────── */
.u-body .lm .lm-quote{
  position:relative; padding:38px 40px 34px 76px; border-radius:var(--rad);
  background:linear-gradient(120deg,rgba(154,230,255,.08),rgba(255,255,255,.02));
  border:1px solid rgba(154,230,255,.22);
}
.u-body .lm .lm-quote::before{
  content:"“"; position:absolute; left:26px; top:14px; font-size:72px; font-weight:900; line-height:1;
  background:var(--chrome); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
}
.u-body .lm .lm-quote p{ font-size:clamp(17px,1.8vw,21px); font-weight:600; line-height:1.7; color:var(--txt); }
.u-body .lm .lm-quote cite{ display:block; margin-top:14px; font-size:14px; font-style:normal; color:var(--ice); }
.u-body .lm .lm-table-wrap{ overflow:hidden; }
.u-body .lm .lm-table{ width:100%; border-collapse:collapse; font-size:15px; }
.u-body .lm .lm-table th, .u-body .lm .lm-table td{ padding:18px 22px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); }
.u-body .lm .lm-table thead th{ font-size:13px; font-weight:700; letter-spacing:.08em; color:var(--ice); background:rgba(255,255,255,.03); }
.u-body .lm .lm-table tbody th{ font-weight:700; color:var(--txt); white-space:nowrap; }
.u-body .lm .lm-table td{ color:#b6bdc5; }
.u-body .lm .lm-table tbody tr:last-child > *{ border-bottom:0; }
.u-body .lm .lm-table tbody tr{ transition:background .3s; }
.u-body .lm .lm-table tbody tr:hover{ background:rgba(255,255,255,.035); }
.u-body .lm .lm-src{ margin-top:20px; font-size:13.5px; color:#838b94; }
.u-body .lm .lm-src a{ color:#cfd6dd; border-bottom:1px solid rgba(207,214,221,.35); transition:color .3s, border-color .3s; }
.u-body .lm .lm-src a:hover{ color:var(--ice); border-color:var(--ice); }
/* ───────── 08 FAQ ───────── */
.u-body .lm .lm-faq{ display:grid; gap:14px; }
.u-body .lm .lm-faq details{ padding:0; transition:border-color .35s; }
.u-body .lm .lm-faq details[open]{ border-color:rgba(154,230,255,.35); }
.u-body .lm .lm-faq summary{ position:relative; display:block; padding:24px 70px 24px 28px; cursor:pointer; list-style:none; }
.u-body .lm .lm-faq summary::-webkit-details-marker{ display:none; }
.u-body .lm .lm-faq summary::before, .u-body .lm .lm-faq summary::after{
  content:""; position:absolute; right:30px; top:50%; width:16px; height:2px; margin-top:-1px; border-radius:2px;
  background:var(--chrome); transition:transform .4s cubic-bezier(.2,.8,.2,1);
}
.u-body .lm .lm-faq summary::after{ transform:rotate(90deg); }
.u-body .lm .lm-faq details[open] summary::after{ transform:rotate(0deg); }
.u-body .lm .lm-faq-q{ font-size:17px; font-weight:700; line-height:1.5; color:var(--txt); }
.u-body .lm .lm-faq-a{ padding:0 28px 26px; color:#b3bac2; }
.u-body .lm .lm-faq details[open] .lm-faq-a{ animation:lm-fade .45s ease both; }
/* ───────── 09 CTA ───────── */
.u-body .lm .lm-cta{ position:relative; isolation:isolate; padding:130px 0; overflow:hidden; }
.u-body .lm .lm-cta-bg{ position:absolute; inset:0; z-index:-1; overflow:hidden; }
.u-body .lm .lm-cta-bg span{
  position:absolute; inset:-15%;
  background:var(--chrome); background-size:200% 200%;
  filter:url(#lm-liquid); opacity:.85;
  animation:lm-sheen 10s ease-in-out infinite alternate;
}
.u-body .lm .lm-cta-bg::after{ content:""; position:absolute; inset:0; background:radial-gradient(80% 70% at 50% 50%,rgba(7,8,10,.55),rgba(7,8,10,.92)); }
.u-body .lm .lm-cta-box{
  max-width:920px; margin:0 auto; padding:58px 54px 46px; text-align:center; border-radius:34px;
  background:linear-gradient(160deg,rgba(14,16,19,.86),rgba(14,16,19,.7));
  border:1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  box-shadow:0 40px 100px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.18);
}
.u-body .lm .lm-cta-box .lm-desc{ max-width:640px; margin:0 auto; }
.u-body .lm .lm-cta-btns{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:36px; }
.u-body .lm .lm-cbtn{
  position:relative; overflow:hidden; display:flex; align-items:center; gap:14px; padding:18px 20px; border-radius:20px; text-align:left;
  border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.05);
  transition:transform .35s cubic-bezier(.2,.8,.2,1), border-color .35s, box-shadow .35s;
}
.u-body .lm .lm-cbtn:hover{ transform:translateY(-4px); border-color:rgba(255,255,255,.4); box-shadow:0 18px 40px rgba(0,0,0,.45); }
.u-body .lm .lm-cbtn--tel{ background:var(--chrome); background-size:200% 100%; border-color:transparent; color:#0b0d10; }
.u-body .lm .lm-cbtn--tel small{ color:#30363d; }
.u-body .lm .lm-ci{ display:grid; place-items:center; width:46px; height:46px; border-radius:14px; flex:none; background:#0b0d10; color:#f2f4f6; }
.u-body .lm .lm-ci svg{ width:22px; height:22px; fill:currentColor; }
.u-body .lm .lm-cbtn--kakao .lm-ci{ background:#fee500; color:#191600; }
.u-body .lm .lm-cbtn--tele .lm-ci{ background:#2aabee; color:#fff; }
.u-body .lm .lm-ct{ display:flex; flex-direction:column; min-width:0; }
.u-body .lm .lm-ct strong{ font-size:17px; font-weight:800; white-space:nowrap; }
.u-body .lm .lm-ct small{ font-size:13px; color:#a9b1b9; white-space:nowrap; }
.u-body .lm .lm-cta-meta{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px 22px; margin-top:24px; font-size:13px; color:#8a929b; }
/* 푸터 */
.u-body .lm .lm-foot{ padding:34px 0 40px; border-top:1px solid var(--line); text-align:center; }
.u-body .lm .lm-foot p{ font-size:13px; color:#6f7780; }
/* ───────── 플로팅 배너 ───────── */
.u-body .lm .lm-float{ position:fixed; right:22px; bottom:26px; z-index:9999; display:flex; flex-direction:column; gap:10px; }
.u-body .lm .lm-fbtn{
  display:flex; align-items:center; gap:10px; height:54px; padding:0 22px 0 9px; border-radius:999px;
  background:rgba(14,16,19,.84); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.2); color:var(--txt); font-size:14px; font-weight:700; white-space:nowrap;
  box-shadow:0 14px 34px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .35s cubic-bezier(.2,.8,.2,1), border-color .35s;
}
.u-body .lm .lm-fbtn:hover{ transform:translateX(-4px); border-color:rgba(154,230,255,.55); }
.u-body .lm .lm-fi{ display:grid; place-items:center; width:38px; height:38px; border-radius:50%; flex:none; background:var(--chrome); color:#0b0d10; }
.u-body .lm .lm-fi svg{ width:18px; height:18px; fill:currentColor; }
.u-body .lm .lm-fbtn--tel .lm-fi{ animation:lm-ringing 3.2s ease-in-out infinite; }
.u-body .lm .lm-fbtn--kakao .lm-fi{ background:#fee500; color:#191600; }
.u-body .lm .lm-fbtn--tele .lm-fi{ background:#2aabee; color:#fff; }
/* 글자용 크롬: 어두운 구간을 밝혀 가독성 확보 */
.u-body .lm{ --chrome-t:linear-gradient(115deg,#ffffff 0%,#bcc4cd 18%,#f2f5f8 34%,#929ba5 50%,#e8ecf0 66%,#a3acb6 82%,#ffffff 100%); }
.u-body .lm .lm-h1-main, .u-body .lm .lm-h2, .u-body .lm .lm-card-tag, .u-body .lm .lm-roll > span,
.u-body .lm .lm-sum dd, .u-body .lm .lm-rule-n, .u-body .lm .lm-quote::before{ background-image:var(--chrome-t); }
/* ───────── 스크롤 진입 효과 (지원 브라우저만, 미지원 시 그대로 표시) ───────── */
@supports (animation-timeline: view()){
  .u-body .lm .lm-rv{ animation:lm-rise linear both; animation-timeline:view(); animation-range:entry 0% entry 70%; }
  .u-body .lm .lm-roll > span,
  .u-body .lm .lm-hb-fill,
  .u-body .lm .lm-vb-a, .u-body .lm .lm-vb-b,
  .u-body .lm .lm-ring{ animation-timeline:view(); animation-range:entry 20% cover 45%; animation-duration:auto; }
}
/* ───────── 키프레임 ───────── */
@keyframes lm-morph{
  0%,100%{ border-radius:43% 57% 61% 39% / 45% 38% 62% 55%; transform:translate(0,0) rotate(0deg); }
  33%{ border-radius:61% 39% 44% 56% / 58% 52% 48% 42%; transform:translate(-4vmax,3vmax) rotate(40deg); }
  66%{ border-radius:38% 62% 56% 44% / 40% 60% 40% 60%; transform:translate(3vmax,-2vmax) rotate(-25deg); }
}
@keyframes lm-sheen{ from{ background-position:0% 50%; } to{ background-position:100% 50%; } }
@keyframes lm-flow{ from{ background-position:0% 50%; } to{ background-position:100% 50%; } }
@keyframes lm-shine{ 0%,55%{ transform:translateX(-120%); } 100%{ transform:translateX(120%); } }
@keyframes lm-pulse{ 0%{ box-shadow:0 0 0 0 rgba(154,230,255,.6); } 100%{ box-shadow:0 0 0 12px rgba(154,230,255,0); } }
@keyframes lm-float{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-14px); } }
@keyframes lm-spin{ to{ transform:rotate(360deg); } }
@keyframes lm-rollup{ from{ transform:translateY(105%); opacity:0; filter:blur(6px); } to{ transform:translateY(0); opacity:1; filter:blur(0); } }
@keyframes lm-growx{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }
@keyframes lm-growy{ from{ transform:scaleY(0); } to{ transform:scaleY(1); } }
@keyframes lm-ring{ from{ --lm-pp:0%; } to{ --lm-pp:var(--p); } }
@keyframes lm-drive{ from{ stroke-dashoffset:1520; } to{ stroke-dashoffset:0; } }
@keyframes lm-rise{ from{ opacity:0; transform:translateY(46px); } to{ opacity:1; transform:translateY(0); } }
@keyframes lm-fade{ from{ opacity:0; transform:translateY(-6px); } to{ opacity:1; transform:translateY(0); } }
@keyframes lm-ringing{ 0%,80%,100%{ transform:rotate(0); } 84%{ transform:rotate(-14deg); } 88%{ transform:rotate(12deg); } 92%{ transform:rotate(-8deg); } 96%{ transform:rotate(5deg); } }
/* ───────── 반응형 ───────── */
@media (max-width:1024px){
  .u-body .lm .lm-hero-in{ grid-template-columns:1fr; gap:48px; }
  .u-body .lm .lm-tilt-wrap{ max-width:520px; }
  .u-body .lm .lm-two{ grid-template-columns:1fr; gap:40px; }
  .u-body .lm .lm-sticky{ position:static; }
  .u-body .lm .lm-grid4{ grid-template-columns:repeat(2,1fr); }
  .u-body .lm .lm-grid3{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:767px){
  .u-body .lm{ font-size:15.5px; padding-bottom:74px; }
  .u-body .lm .lm-wrap{ padding:0 16px; }
  .u-body .lm .lm-sec{ padding:76px 0; }
  .u-body .lm .lm-head{ margin-bottom:36px; }
  .u-body .lm .lm-desc{ font-size:16px; }
  .u-body .lm .lm-pad{ padding:26px 22px; }
  .u-body .lm .lm-hero{ min-height:auto; padding:96px 0 72px; }
  .u-body .lm .lm-liquid::after{ background:linear-gradient(180deg,rgba(7,8,10,.35) 0%,rgba(7,8,10,.85) 45%,var(--ink) 100%); }
  .u-body .lm .lm-goo{ filter:none; }
  .u-body .lm .lm-blob{ opacity:.7; }
  .u-body .lm .lm-orb, .u-body .lm .lm-cta-bg span{ filter:none; }
  .u-body .lm .lm-lead{ font-size:16px; }
  .u-body .lm .lm-hero-btns .lm-btn{ flex:1 1 100%; justify-content:center; }
  .u-body .lm .lm-card{ padding:30px 22px 24px; }
  .u-body .lm .lm-card-list dd{ font-size:15px; }
  .u-body .lm .lm-split, .u-body .lm .lm-stats, .u-body .lm .lm-rings,
  .u-body .lm .lm-grid4, .u-body .lm .lm-grid3, .u-body .lm .lm-sum, .u-body .lm .lm-cta-btns{ grid-template-columns:1fr; }
  .u-body .lm .lm-stats, .u-body .lm .lm-sum{ gap:14px; }
  .u-body .lm .lm-steps::before{ left:23px; }
  .u-body .lm .lm-steps li{ grid-template-columns:48px 1fr; gap:14px; padding:14px 0; }
  .u-body .lm .lm-step-n{ width:48px; height:48px; font-size:14px; }
  .u-body .lm .lm-steps li > div{ padding:20px; }
  .u-body .lm .lm-route{ height:60px; margin-bottom:18px; }
  /* 7일 막대: 모바일에서는 가로 막대 행으로 전환 */
  .u-body .lm .lm-vbars{ grid-template-columns:1fr; gap:14px; }
  .u-body .lm .lm-vbars li{ display:grid; grid-template-columns:86px 1fr; grid-template-areas:"d col" "d n"; align-items:center; column-gap:12px; text-align:left; }
  .u-body .lm .lm-vb-d{ grid-area:d; margin:0; }
  .u-body .lm .lm-vb-col{ grid-area:col; flex-direction:column; align-items:flex-start; gap:4px; height:auto; padding:0; border:0; }
  .u-body .lm .lm-vb-a, .u-body .lm .lm-vb-b{ width:calc(var(--v) * 100%); height:9px; border-radius:999px; transform-origin:left center; animation-name:lm-growx; }
  .u-body .lm .lm-vb-n{ grid-area:n; margin-top:4px; font-size:12.5px; }
  /* 표: 모바일에서는 카드형 */
  .u-body .lm .lm-table thead{ display:none; }
  .u-body .lm .lm-table, .u-body .lm .lm-table tbody, .u-body .lm .lm-table tr, .u-body .lm .lm-table th, .u-body .lm .lm-table td{ display:block; width:100%; }
  .u-body .lm .lm-table tr{ padding:18px 20px; border-bottom:1px solid var(--line); }
  .u-body .lm .lm-table tbody tr:last-child{ border-bottom:0; }
  .u-body .lm .lm-table th, .u-body .lm .lm-table td{ padding:4px 0; border:0; white-space:normal; }
  .u-body .lm .lm-table td::before{ content:attr(data-label); display:block; font-size:12px; font-weight:700; color:var(--ice); }
  .u-body .lm .lm-quote{ padding:30px 22px 26px 22px; }
  .u-body .lm .lm-quote::before{ position:static; display:block; height:36px; font-size:56px; }
  .u-body .lm .lm-faq summary{ padding:20px 56px 20px 20px; }
  .u-body .lm .lm-faq summary::before, .u-body .lm .lm-faq summary::after{ right:22px; }
  .u-body .lm .lm-faq-a{ padding:0 20px 22px; }
  .u-body .lm .lm-cta{ padding:80px 0; }
  .u-body .lm .lm-cta-box{ padding:40px 20px 32px; border-radius:26px; }
  /* 플로팅: 모바일 하단 고정 바 */
  .u-body .lm .lm-float{
    left:0; right:0; bottom:0; display:grid; grid-template-columns:repeat(3,1fr); gap:8px;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom));
    background:rgba(8,9,11,.93); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
    border-top:1px solid rgba(255,255,255,.14);
  }
  .u-body .lm .lm-fbtn{ justify-content:center; gap:6px; height:50px; padding:0 6px; font-size:13px; border-radius:14px; box-shadow:none; }
  .u-body .lm .lm-fbtn:hover{ transform:none; }
  .u-body .lm .lm-fi{ width:26px; height:26px; }
  .u-body .lm .lm-fi svg{ width:14px; height:14px; }
}
@media (hover:none){
  .u-body .lm .lm-z{ display:none; }
}
@media (prefers-reduced-motion:reduce){
  .u-body .lm *, .u-body .lm *::before, .u-body .lm *::after{ animation:none !important; transition:none !important; }
  .u-body .lm .lm-goo, .u-body .lm .lm-orb, .u-body .lm .lm-cta-bg span{ filter:none; }
}