/* Inspire ViVe 홈 첫 화면 — 미니어처 히어로(vv-) · 아래 섹션(vvh-) · 사이트 보정. 원본 소스: vive-home-src (hero/pro_head.html, sections/sec_head.html)
   굵기 800·900 은 700 으로 통일 — 한국어·일본어 글꼴(Paperlogy)은 굵기마다 별도 파일(각 425KB)이라 800·900 을 쓰면 두 파일을 더 받게 됨 */
/* ── 히어로 본체 (vv- 로 시작하는 이름만 사용) ── */
.vv-hero{
  --vv-top:66px;   /* 사이트 상단 메뉴 높이 — 휴대폰에서 한 화면에 맞출 때 사용 (사이트에서는 자동) */
  --vv-blue:#3674D9; --vv-orange:#FF5436; --vv-green:#1E9E62; --vv-ink:#12151C; --vv-sub:#4D586A; --vv-cream:#FBF6EE;
  --vv-gut:max(20px, calc((100% - 1160px) / 2));
  --vv-cw:clamp(360px, 36vw, 520px);   /* PC 왼쪽 문구 칸 너비 */
  --vv-kr:inherit;
  --vv-lat:inherit;
  position:relative;overflow:hidden;background:var(--vv-cream);color:var(--vv-ink);font-family:var(--vv-kr);
  text-align:left;line-height:1.5;word-break:normal;overflow-wrap:break-word;
}
/* 언어별 줄바꿈: 한국어는 단어 단위, 태국어·일본어·크메르어는 글자 사이에서도 줄바꿈 */
.vv-hero:lang(ko){word-break:keep-all}
.vv-hero:lang(th) .vv-copy h1,.vv-hero:lang(km) .vv-copy h1{letter-spacing:0;line-height:1.3}
.vv-hero:lang(km) .vv-copy h1{font-weight:700}
/* 사이트 기본 스타일(bootstrap 등)에 덮이지 않게 */
.vv-hero h1,.vv-hero p{color:inherit;font-family:inherit;text-transform:none}
.vv-hero a.vv-btn,.vv-hero a.vv-btn:hover,.vv-hero a.vv-btn:focus{color:#fff;text-decoration:none}
.vv-hero button{font-family:inherit;line-height:1.3}
.vv-hero *{box-sizing:border-box}
.vv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* PC: 장면이 화면 가득(상단 메뉴 아래 전체) · 왼쪽 위 문구 카드 · 아래 장소 버튼 · 흐림 없음 */
.vv-box{position:relative;height:calc(100vh - var(--vv-top));min-height:600px;max-height:1100px}
.vv-stage{position:absolute;inset:0;overflow:hidden;background:#EAF2FB;isolation:isolate}
.vv-copy{position:absolute;left:var(--vv-gut);top:clamp(24px, calc(50% - 300px), 150px);width:var(--vv-cw);z-index:2}
.vv-copy-in{width:100%;background:#FFFFFF;border-radius:28px;padding:30px 32px 32px;box-shadow:0 22px 50px rgba(30,40,60,.16),0 0 0 1px rgba(20,30,50,.04)}
.vv-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.vv-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--vv-blue);background:#EEF4FD;border-radius:999px;padding:6px 14px}
.vv-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--vv-orange)}
.vv-copy h1{margin:18px 0 0;font-size:clamp(30px,2.8vw,40px);line-height:1.2;font-weight:700;letter-spacing:-.04em;text-wrap:balance}
.vv-copy h1 em{font-style:normal;color:var(--vv-blue)}
.vv-copy h1{display:grid}
.vv-h1-l{grid-area:1/1;opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}
.vv-h1-l.on{opacity:1;transform:none;transition:opacity .45s ease .32s,transform .45s ease .32s}
@media (prefers-reduced-motion:reduce){.vv-h1-l{transition:none}}
.vv-hero:is(:lang(vi),:lang(es),:lang(pt),:lang(en)) .vv-copy h1{font-size:clamp(28px,2.7vw,40px);letter-spacing:-.025em}
.vv-hero:is(:lang(th),:lang(km),:lang(ja)) .vv-copy h1{font-size:clamp(28px,2.7vw,40px)}
.vv-copy p{margin:16px 0 0;font-size:clamp(16px,1.35vw,18px);line-height:1.65;color:var(--vv-sub);font-weight:500}
.vv-short{display:none}
.vv-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.vv-points span{font-size:15px;font-weight:700;background:#F6F4EF;border:1px solid #E6E1D8;border-radius:10px;padding:6px 12px}
.vv-cta{margin-top:24px;display:flex;gap:10px}
.vv-btn{appearance:none;border:0;border-radius:14px;min-height:56px;padding:0 26px;font:inherit;font-size:18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap;background:var(--vv-blue);color:#fff;box-shadow:0 8px 20px rgba(54,116,217,.3);transition:background .15s,transform .12s}
.vv-btn:hover{background:#2B62BD}
/* 재생 표시 (글자는 언어마다 바뀌어도 그대로) */
.vv-btn::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M9 6.5v9l7-4.5z' fill='%233674D9'/%3E%3C/svg%3E") no-repeat center/100%}
.vv-btn:active{transform:scale(.97)}
.vv-btn:focus-visible,.vv-chip:focus-visible{outline:3px solid var(--vv-orange);outline-offset:3px}

/* 장면 오른쪽 위: 실외 / 실내 + 자동 넘김 */
.vv-view{position:absolute;z-index:3;top:24px;right:var(--vv-gut);display:flex;align-items:center;gap:6px}
.vv-seg{display:flex;background:rgba(255,255,255,.96);border-radius:13px;padding:4px;gap:2px;box-shadow:0 4px 14px rgba(20,40,80,.14)}
.vv-seg button{appearance:none;border:0;background:none;border-radius:9px;padding:7px 13px;font:inherit;font-size:15px;font-weight:700;color:var(--vv-sub);display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.vv-seg button:not([aria-pressed="true"]):not(:disabled):hover{color:var(--vv-ink)}
.vv-seg button[aria-pressed="true"]{background:var(--vv-ink);color:#fff}
.vv-seg button:disabled{opacity:.35;cursor:not-allowed}
.vv-ls{display:none}
.vv-auto{appearance:none;border:0;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.96);color:var(--vv-ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(20,40,80,.14)}
.vv-auto span{display:none}
.vv-auto[aria-pressed="false"]{background:var(--vv-orange);color:#fff}
.vv-seg button:focus-visible,.vv-auto:focus-visible{outline:3px solid var(--vv-orange);outline-offset:2px}

/* 숫자 (장면 오른쪽 아래) */
.vv-stats{position:absolute;z-index:3;right:var(--vv-gut);bottom:24px;display:flex;gap:2px;background:rgba(255,255,255,.96);border-radius:16px;padding:6px;box-shadow:0 6px 18px rgba(20,40,80,.12)}
.vv-stat{min-width:78px;border-radius:11px;padding:4px 10px;transition:background .3s}
.vv-stat .l{font-size:13px;font-weight:700;color:var(--vv-sub);white-space:nowrap}
.vv-stat .v{font-family:var(--vv-lat);font-size:24px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.vv-stat.hot{background:#E6F6EE}
.vv-stat.hot .v{color:var(--vv-green)}

/* 장소 버튼 (장면 아래) */
.vv-dock{position:absolute;z-index:3;left:var(--vv-gut);bottom:24px;max-width:calc(100% - 2 * var(--vv-gut) - 360px)}
.vv-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:7px;background:rgba(255,255,255,.96);border-radius:20px;box-shadow:0 10px 28px rgba(30,40,60,.14)}
.vv-chips::-webkit-scrollbar{display:none}
.vv-chip{appearance:none;border:0;background:#F1F4F8;border-radius:14px;padding:9px 16px 8px;font:inherit;font-size:15px;min-width:76px;font-weight:700;color:var(--vv-sub);display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;white-space:nowrap;flex:none;box-shadow:0 2px 8px rgba(20,40,80,.08);transition:background .2s,color .2s}
.vv-chip:hover{color:var(--vv-ink)}
.vv-dots{display:flex;gap:3px}
.vv-dots i{width:5px;height:5px;border-radius:3px;background:#CDD4DF;transition:width .25s,background .25s}
.vv-chip[aria-pressed="true"]{background:var(--vv-ink);color:#fff}
.vv-chip[aria-pressed="true"] .vv-dots i{background:rgba(255,255,255,.35)}
.vv-chip[aria-pressed="true"] .vv-dots i.past{background:rgba(255,255,255,.75)}
.vv-chip[aria-pressed="true"] .vv-dots i.on{width:14px;background:var(--vv-orange)}
.vv-mob-cta{display:none}

/* 휴대폰: 제목·장면·버튼이 한 화면에 */
@media (max-width:900px){
  .vv-hero{height:calc(100vh - var(--vv-top));height:calc(100svh - var(--vv-top));min-height:470px;display:flex;flex-direction:column}
  .vv-box{height:auto;flex:1;min-height:0;max-height:none;display:flex;flex-direction:column}
  .vv-eyebrow,.vv-points,.vv-cta,.vv-long{display:none}
  .vv-short{display:inline}
  .vv-copy{left:0;right:0;top:0;bottom:auto;width:auto;display:block;background:linear-gradient(rgba(251,246,238,.98) 0%,rgba(251,246,238,.96) 78%,rgba(251,246,238,0) 100%);pointer-events:none}
  .vv-copy-in{padding:14px 16px 34px;background:none;border-radius:0;box-shadow:none}
  .vv-copy h1{margin:0;font-size:clamp(24px,6.6vw,30px);line-height:1.22}
  .vv-hero:is(:lang(vi),:lang(es),:lang(pt),:lang(th),:lang(km)) .vv-copy h1{font-size:clamp(21px,5.6vw,26px);letter-spacing:-.02em}
  .vv-hero:lang(en) .vv-copy h1,.vv-hero:lang(ja) .vv-copy h1{font-size:clamp(23px,6.2vw,28px)}
  .vv-copy p{margin:6px 0 0;font-size:15px;line-height:1.5}
  .vv-hero:is(:lang(vi),:lang(es),:lang(pt),:lang(km)) .vv-copy p{font-size:14px}
  .vv-stage{position:relative;inset:auto;order:1;flex:1;min-height:0;border-radius:0;box-shadow:none}
  .vv-view{top:var(--vv-vt,110px);right:8px;gap:4px}
  .vv-seg{padding:3px;border-radius:11px}
  .vv-seg button{padding:6px 11px;font-size:14px}
  .vv-seg button svg,.vv-lf{display:none}
  .vv-ls{display:inline}
  .vv-auto{width:34px;height:34px;border-radius:10px}
  .vv-stats{right:8px;bottom:8px;padding:4px;border-radius:12px}
  .vv-stat{min-width:0;padding:3px 8px}
  .vv-stat .l{font-size:11px}
  .vv-stat .v{font-size:18px}
  .vv-dock{position:static;order:2;padding:10px 10px 0;max-width:none}
  .vv-chips{gap:6px;padding:2px;background:none;border-radius:0;box-shadow:none}
  .vv-chip{font-size:14px;padding:7px 12px 6px;background:#fff;box-shadow:0 2px 8px rgba(20,40,80,.08)}
  .vv-mob-cta{display:flex;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px))}
  .vv-mob-cta .vv-btn{flex:1;min-height:50px;font-size:17px}
}
@media (max-width:900px) and (max-height:620px){
  .vv-copy p{display:none}
  .vv-copy-in{padding-bottom:26px}
}
@media (max-width:380px){
  .vv-seg button{font-size:13px;padding:6px 9px}
  .vv-stat{padding:2px 6px}
  .vv-stat .l{font-size:10px}
  .vv-stat .v{font-size:15px}
}
/* ── 이용 흐름 1·2·3 (애니메이션과 같이 움직임) ── */
.vv-steps{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;counter-reset:none}
.vv-steps li{position:relative;display:flex;align-items:center;gap:8px;padding:11px 10px;border-radius:14px;background:#F4F6FA;color:#8A94A6;transition:background .35s,color .35s,transform .35s,box-shadow .35s}
.vv-steps li b{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-family:var(--vv-lat);font-size:13px;font-weight:700;background:#DCE2EC;color:#fff;transition:background .35s}
.vv-steps li span{display:flex;flex-direction:column;font-size:15px;font-weight:700;line-height:1.3;min-width:0}
.vv-steps li small{font-size:11.5px;font-weight:700;opacity:.8;margin-bottom:1px}
.vv-steps li.done{color:var(--vv-ink)}
.vv-steps li.done b{background:var(--vv-green)}
.vv-steps li.on{background:var(--vv-ink);color:#fff;box-shadow:0 8px 18px rgba(18,21,28,.22)}
.vv-steps li.on b{background:var(--vv-orange)}
.vv-steps li.on small{color:#FFB3A3;opacity:1}
.vv-steps-mo{display:none}
.vv-hero.vv-t1 .vv-copy p{display:none}
.vv-hero.vv-t2 .vv-eyebrow{display:none}
@media (prefers-reduced-motion:reduce){.vv-steps li,.vv-steps li b{transition:none}}
@media (max-width:900px){
  .vv-steps-pc{display:none}
  .vv-steps-mo{display:grid;position:absolute;z-index:3;left:8px;right:8px;bottom:8px;margin:0;gap:4px;padding:5px;background:rgba(255,255,255,.96);border-radius:16px;box-shadow:0 6px 18px rgba(20,40,80,.14)}
  .vv-steps-mo li{padding:7px 5px 8px;gap:5px;background:transparent;border-radius:11px}
  .vv-steps-mo li b{width:18px;height:18px;font-size:10.5px}
  .vv-steps-mo li span{font-size:14px;letter-spacing:-.02em}
  .vv-steps-mo li small{font-size:10.5px}
  .vv-stats,.vv-seg,.vv-copy p,.vv-dots{display:none}
  .vv-eyebrow{display:inline-flex;font-size:12.5px;padding:4px 10px;gap:6px;margin-bottom:8px}
  .vv-eyebrow i{width:6px;height:6px}
  .vv-copy h1{font-size:clamp(28px,7.8vw,34px);line-height:1.18}
  .vv-copy-in{padding-bottom:30px}
}
@media (max-width:380px){ .vv-steps-mo li span{font-size:13px} .vv-steps-mo li b{display:none} }

/* ── 사장님 캠페인 만들기 카드 ── */
.vv-maker{position:absolute;z-index:4;right:calc(var(--vv-gut) + 8px);top:92px;width:270px;background:#fff;border-radius:22px;padding:14px 14px 14px;box-shadow:0 24px 60px rgba(20,30,60,.28),0 0 0 6px rgba(18,21,28,.92);opacity:0;transform:translateY(14px) scale(.96);pointer-events:none;transition:opacity .35s ease,transform .35s ease}
.vv-maker.show{opacity:1;transform:none}
.vv-mk-top{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;margin:2px 2px 10px}
.vv-mk-top i{width:22px;height:22px;border-radius:7px;background:var(--vv-blue);position:relative;flex:none}
.vv-mk-top i::before,.vv-mk-top i::after{content:"";position:absolute;background:#fff;border-radius:2px;left:50%;top:50%;transform:translate(-50%,-50%)}
.vv-mk-top i::before{width:11px;height:2.5px}.vv-mk-top i::after{width:2.5px;height:11px}
.vv-mk-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:12px;background:#F4F6FA;margin-top:6px;font-size:13px;font-weight:700;color:var(--vv-sub);opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .3s,background .3s}
.vv-mk-row em{font-style:normal;font-weight:700;color:var(--vv-ink);text-align:right;min-width:0}
.vv-maker.show .vv-mk-row{opacity:1;transform:none}
.vv-maker.show .r1{transition-delay:.35s}.vv-maker.show .r2{transition-delay:.85s}.vv-maker.show .r3{transition-delay:1.35s}
.vv-maker.show .vv-mk-row.hit{background:#EEF4FD}
.vv-mk-img{display:flex;align-items:center;gap:8px}
.vv-mk-thumb{width:40px;height:40px;border-radius:10px;background:#fff;border:1.5px dashed var(--vv-orange);display:grid;place-items:center;overflow:hidden}
.vv-mk-thumb canvas{width:34px;height:34px}
.vv-mk-img small{display:flex;white-space:nowrap;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--vv-blue);background:#EEF4FD;border-radius:999px;padding:3px 7px}
.vv-mk-go{margin-top:10px;border-radius:12px;background:#DCE2EC;color:#fff;text-align:center;font-size:15px;font-weight:700;padding:11px 8px;transition:background .3s,transform .15s}
.vv-maker.ready .vv-mk-go{background:var(--vv-blue)}
.vv-maker.press .vv-mk-go{background:#2B62BD;transform:scale(.95)}
@media (prefers-reduced-motion:reduce){.vv-maker,.vv-mk-row,.vv-mk-go{transition:none!important}}
@media (max-width:900px){
  .vv-maker{left:50%;right:auto;top:calc(var(--vv-vt,110px) + 10px);width:min(270px,78%);transform:translate(-50%,14px) scale(.96);padding:12px}
  .vv-maker.show{transform:translate(-50%,0)}
}

/* ── 만들기 카드를 실제 휴대폰 비율로, 뜰 때 장면은 어둡게 ── */
.vv-scrim{position:absolute;z-index:1;inset:0;background:rgba(10,16,32,.58);opacity:0;pointer-events:none;transition:opacity .4s ease}
.vv-scrim.show{opacity:1}
.vv-maker{right:auto;left:65%;top:50%;transform:translate(-50%,-50%) translateY(14px) scale(.96);width:auto;height:min(520px,76%);aspect-ratio:9 / 19.5;font-size:13px;background:#12151C;border-radius:30px;padding:7px;box-shadow:0 30px 70px rgba(8,12,28,.5),0 0 0 2px #2A2F3C inset}
.vv-maker.show{transform:translate(-50%,-50%) scale(1)}
.vv-mk-screen{position:relative;height:100%;background:#fff;border-radius:24px;padding:7px 11px 12px;display:flex;flex-direction:column;overflow:hidden}
.vv-mk-notch{position:absolute;z-index:2;left:50%;top:12px;transform:translateX(-50%);width:34%;height:16px;background:#12151C;border-radius:999px}
.vv-mk-home{position:absolute;left:50%;bottom:11px;transform:translateX(-50%);width:32%;height:3.5px;border-radius:999px;background:#C6CBD6}
.vv-mk-bar{display:flex;align-items:center;justify-content:space-between;font-size:.72em;font-weight:700;color:var(--vv-ink);padding:2px 4px 0;height:19px}
.vv-mk-bar span{display:flex;gap:2.5px;align-items:center}
.vv-mk-bar i{width:4px;height:8px;border-radius:1px;background:var(--vv-ink);display:block}
.vv-mk-bar i:nth-child(2){height:10px}.vv-mk-bar i:nth-child(3){height:12px}
.vv-mk-top{margin:12px 2px 8px;font-size:1.08em}
.vv-mk-top i{width:1.6em;height:1.6em;border-radius:.55em}
.vv-mk-row{margin-top:5px;padding:.62em .72em;font-size:.95em}
.vv-mk-thumb{width:2.7em;height:2.7em;flex:none}
.vv-mk-thumb canvas{flex:none}
.vv-mk-row>span{white-space:nowrap}
.vv-maker .vv-mk-row.r1{margin-top:auto}
.vv-mk-thumb canvas{width:2.3em;height:2.3em}
.vv-mk-img small{font-size:.8em;padding:.22em .5em}
.vv-mk-sp{flex:none;height:2px}
.vv-mk-go{margin-top:auto;margin-bottom:12px;font-size:1.02em;padding:.78em .5em;border-radius:14px}
@media (max-width:900px){
  .vv-maker{left:50%;top:calc(var(--vv-vt,110px) + 12px);bottom:84px;height:auto;transform:translate(-50%,14px) scale(.96);padding:6px;font-size:12px}
  .vv-maker.show{transform:translate(-50%,0) scale(1)}
  .vv-mk-screen{border-radius:21px;padding:6px 9px 10px}
}

/* ── ViVe 홈 아래 섹션 (vvh- 로 시작하는 이름만 사용) ── */
.vvh{
  --ink:#12151C; --sub:#4D586A; --mute:#8A94A6; --blue:#2B6BE6; --blue2:#3674D9; --orange:#FF5436; --green:#1E9E62;
  --paper:#FBF6EE; --mist:#EEF3FB; --line:#E3E7EF; --card:#FFFFFF; --night:#12151C;
  --kr:inherit;
  --lat:inherit;
  --wrap:1160px;
  color:var(--ink);font-family:var(--kr);font-size:18px;line-height:1.6;text-align:left;background:#FFFFFF;
  word-break:normal;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;
}
.vvh:lang(ko){word-break:keep-all}
.vvh *,.vvh *::before,.vvh *::after{box-sizing:border-box}
.vvh h2,.vvh h3,.vvh p,.vvh ul,.vvh ol,.vvh figure{margin:0;padding:0;color:inherit;font-family:inherit;text-transform:none}
.vvh ul,.vvh ol{list-style:none}
.vvh a{color:inherit;text-decoration:none}
.vvh button{font-family:inherit}
.vvh img{max-width:100%}
.vvh [hidden]{display:none!important}
.vvh-sec{padding-block:clamp(64px,8vw,110px)}
.vvh-in{max-width:var(--wrap);margin:0 auto;padding-inline:max(20px, 4vw)}
@media (min-width:1260px){.vvh-in{padding-inline:0}}
.vvh-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--blue2);letter-spacing:.02em}
.vvh-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange)}
.vvh-h2{margin-top:12px!important;font-size:clamp(30px,3.6vw,46px);line-height:1.22;font-weight:700;letter-spacing:-.035em;text-wrap:balance}
.vvh-h2 em{font-style:normal;color:var(--blue2)}
.vvh-lead{margin-top:14px!important;font-size:clamp(18px,1.6vw,21px);color:var(--sub);max-width:40em;text-wrap:pretty}
.vvh-head{margin-bottom:clamp(32px,4vw,52px)}
.vvh:lang(th) .vvh-h2,.vvh:lang(km) .vvh-h2{letter-spacing:0;line-height:1.35}
.vvh:lang(km) .vvh-h2{font-weight:700}


/* 3) 만드는 법 5단계 — 파란 바탕 · 단계 이름 칸 · 설명 · 앱 화면 · 화살표 (보내주신 이미지 구성) */
.vvh-how{background:#2F6FE4;color:#FFFFFF}
.vvh-how .vvh-head{text-align:center;margin-inline:auto}
.vvh-how .vvh-eyebrow{color:#D6E4FF}
.vvh-how .vvh-eyebrow::before{background:#FFD35C}
.vvh-how .vvh-h2 em{color:#FFE08A}
.vvh-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:clamp(28px,3.4vw,48px);row-gap:0}
.vvh-step{display:grid;grid-template-rows:subgrid;grid-row:span 3;justify-items:center;text-align:center;gap:14px}
.vvh .vvh-pill{display:inline-block;align-self:start;border:2px solid #FFFFFF;border-radius:12px;padding:8px 16px;font-size:clamp(17px,1.5vw,21px);font-weight:700;line-height:1.3;letter-spacing:-.01em}
.vvh-step-t{font-size:clamp(15px,1.2vw,17px);line-height:1.55;color:#EAF1FF;max-width:15em}
.vvh-pwrap{position:relative;width:100%;align-self:end;display:flex;justify-content:center;margin-top:10px}
.vvh-phone{position:relative;width:100%;max-width:190px;aspect-ratio:9/18.5;border-radius:26px;background:#15171D;padding:7px;box-shadow:0 18px 36px rgba(10,30,90,.35)}
.vvh-phone::before{content:"";position:absolute;top:10px;left:50%;width:34%;height:9px;margin-left:-17%;border-radius:5px;background:#15171D;z-index:2}
.vvh-phone-s{position:absolute;inset:7px;border-radius:20px;background:#FFFFFF;overflow:hidden}
.vvh-phone-s svg,.vvh-phone-s img{width:100%;height:100%;display:block;object-fit:cover}
.vvh-phone-s svg{padding-top:14px}
.vvh-step:not(:last-child) .vvh-pwrap::after{content:"";position:absolute;top:50%;right:calc(-1 * clamp(28px,3.4vw,48px) / 2 - 11px);width:22px;height:22px;margin-top:-11px;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12h15M12 5l7 7-7 7' fill='none' stroke='%23FFFFFF' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.vvh-swipe{display:none}
@supports not (grid-template-rows:subgrid){.vvh-step{display:flex;flex-direction:column;align-items:center}.vvh-pwrap{margin-top:auto}}
@media (max-width:900px){
  /* 휴대폰: 한 장씩 크게 · 옆으로 넘김 (자동으로 넘어가고 5번 다음엔 1번으로) */
  .vvh-steps{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(-1 * max(20px, 4vw));padding:6px 19vw 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-padding-inline:19vw}
  .vvh-steps::-webkit-scrollbar{display:none}
  .vvh-steps::after{content:"";flex:0 0 12vw}   /* 마지막 칸도 가운데 오게 */
  .vvh-step{flex:0 0 62vw;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0;scroll-snap-align:center;scroll-snap-stop:always;opacity:.6;transform:scale(.94);transition:opacity .35s,transform .35s}
  .vvh-step.on{opacity:1;transform:none}
  .vvh .vvh-pill{font-size:21px;align-self:center}
  .vvh-step-t{font-size:16px;max-width:18em;min-height:4.7em}
  .vvh-pwrap{margin-top:6px}
  .vvh-phone{width:min(230px,58vw);max-width:none}
  .vvh-step:not(:last-child) .vvh-pwrap::after{display:none}
  .vvh-swipe{display:none}
  .vvh-dots{display:flex;justify-content:center;gap:8px;margin-top:22px}
}
.vvh-dots{display:none}
.vvh .vvh-step[data-r="4"] .vvh-pwrap::after{display:none}
.vvh-step.vvh-clone{display:none}
@media (max-width:900px){.vvh-step.vvh-clone{display:flex}}
@media (max-width:400px){.vvh .vvh-step-t{min-height:4.7em}}
.vvh-dots button{width:10px;height:10px;padding:0;border:0;border-radius:5px;background:rgba(255,255,255,.4);cursor:pointer;transition:width .25s,background .25s}
.vvh-dots button[aria-current="true"]{width:26px;background:#FFFFFF}
.vvh-dots button:focus-visible{outline:2px solid #FFD35C;outline-offset:3px}
@media (prefers-reduced-motion:no-preference){.vvh-steps{scroll-behavior:smooth}}


/* ── ver2: 사이트에 맞춘 보정 ── */
/* 헤더(상단 메뉴)는 쓰지 않음 → 숨기고, 미니어처가 화면 전체(--vv-top:0)를 씀. 스크롤 후 붙던 fixed 헤더 여백도 0 */
#header-section{display:none}
body.body-top-padding{padding-top:0}
.vv-hero{--vv-top:0px}
/* 앱 다운로드 칸: 배경 영상 시절 여백(10rem) → 1rem (style.css 는 그대로 두고 ver2 에서만 덮어씀) */
/* 비교표 칸: PC 위아래 같은 여백, 휴대폰은 .iv-price-section(56px) 여백만 */
.content-wrapper.vv-price{padding:5rem 0 5rem}
.vv-price .iv-price-heading h2:lang(ko){word-break:keep-all}   /* 한국어만: "압도/적인" 처럼 단어 중간에서 안 끊기게 (일본어는 띄어쓰기가 없어 keep-all 이면 아예 못 끊고 넘침) */
/* 일본어: 줄머리에 、。ー 등이 오지 않게(금칙 처리), 제목의 강조 구절(em)은 한 덩어리로, 짧은 상자 제목은 한 줄로 */
html[lang="ja"] body{line-break:strict}
/* 태국어: 첫 화면 제목이 너무 작게 잡혀 있던 것(21~26px) → 한국어(28~34px)에 가깝게. 비교표 제목은 4줄로 커지지 않게 조금 작게 */
@media (max-width:900px){.vv-hero:is(:lang(th),:lang(km)) .vv-copy h1{font-size:clamp(26px,7.6vw,32px);line-height:1.3}}
@media (max-width:767.98px){html[lang="th"] .vv-price .iv-price-heading h2{font-size:28px;line-height:1.45}}
/* 영어·일본어 첫 화면 제목도 한국어(28~34px)만큼 크게 (원본은 23~28px) */
@media (max-width:900px){.vv-hero:lang(en) .vv-copy h1{font-size:clamp(26px,7.6vw,32px)}.vv-hero:lang(ja) .vv-copy h1{font-size:clamp(25px,7.1vw,30px)}}
.vvh:lang(ja) h2 em{display:inline-block}
html[lang="ja"] #request_info_01_title,html[lang="ja"] #request_info_02_title{word-break:keep-all;overflow-wrap:anywhere}
@media (max-width:767.98px){html[lang="ja"] .case-studies .col-8{flex:0 0 100%;max-width:100%}}   /* "ARマーカースキャンキャンペーン" 이 한 줄에 들어가게 상자를 넓힘 */
@media (max-width:767.98px){.content-wrapper.vv-price{padding:.5rem 0 0}}
.download-content{padding:1.5rem 1.25rem}
.download-img{padding-bottom:1rem}
/* 앱 다운로드 칸: 원래 첫 화면처럼 배경 영상 위에 반투명 검정 (이 칸만). 글자는 흰색 */
.content-wrapper.vv-dl{position:relative;isolation:isolate;overflow:hidden;background:#000;color:#fff;padding:4rem 0 3rem;min-height:70vh;display:flex;align-items:center}   /* 원래 배너(.banner 70vh) 높이. 휴대폰은 원래처럼 100vh */
.vv-dl>.container{width:100%}
.vv-dl-bg{position:absolute;inset:0;z-index:0}
.vv-dl-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transition:opacity .6s}
.vv-dl-video.is-on{opacity:1}
.vv-dl-dark{position:absolute;inset:0;background:rgba(0,0,0,.4)}   /* index.html 의 .background-dark 와 같은 어둡기 */
/* PC 는 카드 없음 (휴대폰만 .vv-dl-card 에 카드) */
.vv-dl>.container{position:relative;z-index:1}
.vv-dl h1,.vv-dl h5,.vv-dl .target{color:#fff !important}
.vv-dl-qr img{background:#fff;border-color:#fff !important}
/* 휴대폰: QR 대신 '고객 입장에서 테스트' 버튼 2개 (숨겨 둔 TRY NOW 와 같은 링크) */
/* PC: 양옆 휴대폰 사진은 가운데 내용 높이에 맞춰 늘어남 (고정 400px 대신) */
@media (min-width:768px){
  .vv-dl .row{align-items:stretch}
  .vv-dl .download-img{position:relative;min-height:400px;padding-bottom:0}
  .vv-dl .download-img img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:100% !important;max-height:100%;width:auto;max-width:100% !important;object-fit:contain}
}
/* 미니어처 로딩 안내: 캔버스 첫 그림이 나오기 전까지만 */
.vv-loading{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.8);padding:0 24px;transition:opacity .35s}
html.vv-ready .vv-loading{opacity:0;visibility:hidden;pointer-events:none}
.vv-loading-t{color:#fff;margin-top:16px;font-size:16px;letter-spacing:1px;line-height:1.5;text-align:center}
@media (prefers-reduced-motion:reduce){.vv-loading .spinner{animation-duration:2.4s}}
.vv-terms-sep{display:none}   /* PC 는 약관 링크가 세로로 쌓이므로 구분선 없음 */
.vv-dl-try{display:block;max-width:520px;margin:0 auto}   /* PC 도 같은 구성: 고객용 체험 버튼 2개 → 점주용 앱(QR·스토어) */
.vv-dl-lab{font-size:19px;font-weight:700;letter-spacing:.01em;color:rgba(255,255,255,.92);text-align:center;margin:0 0 14px}   /* 위 안내 문구(h5) 크기와 비슷하게 */
.vv-dl-lab+.vv-dl-btns{margin-bottom:26px}
.vv-dl-btns{display:flex;gap:10px}
.vv-dl-try-btn{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;border:0;border-radius:14px;background:#3674d9;color:#fff;font-size:15px;font-weight:700;line-height:1.25;box-shadow:0 4px 12px rgba(0,0,0,.25);cursor:pointer;-webkit-tap-highlight-color:transparent}
.vv-dl-try-btn .mdi{font-size:20px;line-height:1}
.vv-dl-try-btn:active{transform:translateY(1px)}
.vv-dl-try-btn:focus,.vv-dl-try-btn:focus-visible{outline:none !important;box-shadow:0 4px 12px rgba(0,0,0,.25)}   /* 누른 뒤 남는 테두리 없애기 */
@media (max-width:767.98px){
  .content-wrapper.vv-dl{padding:3rem 0 2.5rem;min-height:100vh;min-height:100svh}
  /* 휴대폰: 아래쪽 휴대폰 사진은 뺌 (되살리려면 이 줄만 지우면 됨) */
  /* 휴대폰: 위 목업과 'Inspire ViVe 앱 다운로드 / 단순한 광고를 넘어…' 는 자리는 그대로 두고 안 보이게만 → 아래 두 묶음 위치가 원래와 같음. 맨 아래 목업은 제거 (되살리려면 이 세 줄만 지우면 됨) */
  .vv-dl .download-img:first-child{visibility:hidden}
  .vv-dl .download-content>.mb-5{visibility:hidden}
  .vv-dl .download-content + .download-img{display:none !important}
  .vv-dl .download-content{padding:0 1rem;background:none;border-radius:0}   /* 휴대폰: 카드는 보이는 묶음에만 */
  .vv-dl-card{background:rgba(0,0,0,.72);border-radius:18px;padding:20px}   /* 네 방향 여백 같게 */
  .vv-dl-card>.row{margin:0 !important}
  /* ── 휴대폰 푸터: 약관 한 줄(이용약관 | 개인정보처리방침) · 로고↔약관↔소셜 간격 줄임 · 소셜 버튼 키움 ── */
  #terms_title{display:none}
  .vv-terms{display:flex;justify-content:center;align-items:center;gap:10px;white-space:nowrap}
  .vv-terms p{margin:0 !important;padding:0 !important}
  .vv-terms-sep{display:inline;color:#b0b7c3}
  html[lang="th"] .vv-terms{font-size:14px}
  html[lang="ja"] .vv-terms{font-size:15px}
  .contact-us .contact-us-bgimage{padding:60px 0 0}   /* 문의 칸: 위 60px · 아래 0 (원래 83/68) */
  .contact-details .grid-margin{margin-bottom:30px}   /* 휴대폰 푸터(로고·약관·소셜)만: 60px → 30px */
  .contact-details #phone_number{display:none}   /* 휴대폰: '소셜 미디어' 라벨 없이 아이콘만 */
  .contact-details .mdi-facebook,.contact-details .mdi-instagram,.contact-details .mdi-youtube-play{font-size:24px;width:48px;height:48px;border-radius:50%;background:#f1f3f7;margin:0 6px}   /* 부트스트랩 .row 의 -15px 여백 · ml-1 제거 (오른쪽만 붙던 것) */   /* .d-flex 가 !important 라서 */
  .vv-dl-qr{display:none}
  .vv-dl .download-content>.row{margin:0 0 1.5rem !important}
  .vv-dl-stores{flex:0 0 100%;max-width:100%;margin:0;padding:0;flex-wrap:nowrap;gap:10px}
  .vv-dl-stores a{flex:1 1 0;max-width:none;padding:0;text-align:center}
  .vv-dl-stores a img{width:100% !important;display:block}
  .vv-dl-try{max-width:none}
}
/* 떠 있는 TRY NOW AR / MARKER 버튼은 당분간 숨김 (다시 켜려면 이 줄만 지우면 됨) */
#floating_buttons,#floating_buttons.show,#floating_buttons.show2{display:none !important}
/* ── 직접 고치신 것 (Eclipse 로컬 히스토리에서 복구) ── */
.vv-btn{width:100%;box-shadow:none}                      /* 버튼 가로 100% · 그림자 없음 */
.vv-view{display:none}                                   /* 실외/실내 · 일시정지 버튼 숨김 */
.vv-steps li.on{box-shadow:none}                         /* 1·2·3 진행 칸 그림자 없음 */
.content-wrapper{padding:0 0 10px 0}                     /* 섹션 위 여백 제거 */
.vv-chip{-webkit-tap-highlight-color:transparent}
/* ── 맨 위 떠 있는 메뉴 버튼 (헤더 대신) — position:absolute 라 스크롤을 따라오지 않음 ── */
.vv-topnav{position:absolute;top:16px;right:max(16px,calc((100% - 1160px) / 2));z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.vv-topnav-tg{display:none;appearance:none;border:0;width:44px;height:44px;border-radius:50%;background:none;color:#12151C;box-shadow:none;cursor:pointer;place-items:center;font-size:26px;line-height:1;-webkit-tap-highlight-color:transparent}
.vv-nav-i,.vv-nav-i::before,.vv-nav-i::after{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
.vv-nav-i::before,.vv-nav-i::after{content:'';position:absolute}
.vv-nav-i{position:relative}
.vv-nav-i::before{transform:translateY(-6px)}
.vv-nav-i::after{transform:translateY(6px)}
.vv-topnav.open .vv-nav-i{background:transparent}
.vv-topnav.open .vv-nav-i::before{transform:rotate(45deg)}
.vv-topnav.open .vv-nav-i::after{transform:rotate(-45deg)}
.vv-topnav-tg:focus,.vv-topnav-tg:focus-visible,.vv-topnav-tg:active,.vv-topnav-btn:focus{outline:none !important;box-shadow:none}
.vv-topnav-btns{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}
.vv-topnav-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:12px;background:rgba(255,255,255,.96);color:#12151C !important;font-size:15px;font-weight:700;text-decoration:none !important;box-shadow:0 4px 14px rgba(20,40,80,.16);white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s}
.vv-topnav-btn:hover,.vv-topnav-btn:active{background:#3674d9;color:#fff !important}   /* 사이트 버튼 색(파랑)으로 호버 */
@media (max-width:900px){
  .vv-topnav{position:fixed;top:10px;right:10px}   /* 휴대폰: 반투명 ☰ 가 오른쪽 위에 떠서 스크롤을 따라옴 (PC 는 맨 위에만) */
  .vv-topnav-tg{display:grid;color:#12151C;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.14)}   /* 반투명 흰 동그라미 (뒤가 비침) */
  .vv-topnav-btns{display:none;grid-auto-flow:row;grid-auto-columns:auto;justify-items:stretch;gap:8px}
  .vv-topnav.open .vv-topnav-btns{display:grid}
  .vv-topnav-btn{min-height:42px;padding:0 20px;font-size:15px}
}
/* 버튼이 영상 보기가 아니므로 재생 아이콘 제거 */
.vv-btn::before{display:none}
/* 1·2·3 흐름: 진행 중은 파랑, 끝난 단계는 초록 */
.vv-steps li{background:#F4F6FA;color:#8A94A6}
.vv-steps li.done{background:#E6F6EE;color:#1E9E62}
.vv-steps li.done b{background:var(--vv-green)}
.vv-steps li.done small{color:#1E9E62;opacity:.75}
.vv-steps li.on{background:var(--vv-blue);color:#fff}
.vv-steps li.on b{background:#fff;color:var(--vv-blue)}
.vv-steps li.on small{color:#D6E4FF;opacity:1}
/* 휴대폰 1·2·3: 번호 동그라미를 칸 위쪽에 살짝 겹쳐서 순서가 보이게 */
.vv-steps-mo{padding-top:17px}
.vv-steps-mo li{overflow:visible}
.vv-steps-mo li b{display:grid;position:absolute;top:-14px;left:6px;transform:none;width:18px;height:18px;font-size:10.5px;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.18);z-index:1;background:#E4E9F2;color:#8A94A6}
.vv-steps-mo li.on b{background:var(--vv-blue);color:#fff}
.vv-steps-mo li.done b{background:var(--vv-green);color:#fff}
/* 5단계: 앱 캡처 (사진에 휴대폰 틀 포함) */
.vvh-shot{width:100%;max-width:210px;margin:0 auto}
.vvh-shot img{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 30px rgba(10,30,90,.35))}
@media (max-width:900px){ .vvh-shot{max-width:min(250px,60vw)} }
/* 섹션 사이 사선 (기존 back-img 대신 CSS) */
.vv-cut{height:80px;position:relative;overflow:hidden;background:var(--b);line-height:0}
.vv-cut::before{content:"";position:absolute;inset:0;top:-1px;background:var(--a);clip-path:polygon(0 0,100% 0,0 100%)}   /* 위로 1px 당겨 경계선 없앰 */
@media (max-width:992px){.vv-cut{height:50px}}
@media (max-width:575px){.vv-cut{height:30px}}

/* ── 실제 영상 (유튜브) ── */
.vvh-yt{background:var(--night);color:#fff}
.vvh-yt .vvh-eyebrow{color:#9CC2FF}
.vvh-yt .vvh-head{text-align:center;margin-inline:auto;max-width:760px}
.vvh-yt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.vvh-yt-card{appearance:none;border:0;padding:0;background:#1B2030;border-radius:20px;overflow:hidden;text-align:left;color:#fff;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;font-family:inherit}
.vvh-yt-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.4)}
.vvh-yt-card:focus-visible{outline:3px solid #FFD35C;outline-offset:3px}
.vvh-yt-thumb{position:relative;aspect-ratio:16/9;background:#0E1B33;overflow:hidden}
.vvh-yt-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vvh-yt-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0) 55%,rgba(0,0,0,.45))}
.vvh-yt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:var(--orange);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .2s;z-index:1}
.vvh-yt-play::after{content:"";margin-left:5px;border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.vvh-yt-card:hover .vvh-yt-play{transform:translate(-50%,-50%) scale(1.08)}
.vvh-yt-dur{position:absolute;right:10px;bottom:10px;z-index:1;font-size:13px;font-weight:700;background:rgba(0,0,0,.75);border-radius:6px;padding:3px 8px}
.vvh-yt-t{padding:14px 16px 16px;font-size:16px;font-weight:700;line-height:1.4;color:#EAF0FF}
/* 처음엔 5개 + '더 보기' 칸, 펼치면 나머지 */
.vvh-yt-grid:not(.open) .vvh-yt-card.is-more{display:none}
.vvh-yt-toggle{order:99;background:transparent;border:2px dashed rgba(255,255,255,.35);justify-content:center;align-items:center;gap:6px;min-height:180px;color:#EAF0FF}
.vvh-yt-toggle:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.6);box-shadow:none}
.vvh-yt-plus{font-size:36px;font-weight:700;line-height:1;color:#FFD35C}
.vvh-yt-tt{font-size:16px;font-weight:700}
.vvh-yt-more{display:flex;justify-content:center;margin-top:28px}
.vvh-yt-more a{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--ink);border-radius:999px;padding:12px 22px;font-size:16px;font-weight:700}
.vvh-yt-more a:hover{background:#EAF0FF}
@media (max-width:900px){
  .vvh-yt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .vvh-yt-card{border-radius:14px}
  .vvh-yt-play{width:44px;height:44px}
  .vvh-yt-play::after{border-left-width:14px;border-top-width:9px;border-bottom-width:9px}
  .vvh-yt-t{padding:10px 12px 12px;font-size:13.5px}
}
/* 세로(Shorts) 영상은 세로 화면으로 */
.vvh-lb-box.is-v{width:min(100%,calc((100vh - 140px) * 9 / 16),420px)}
.vvh-lb-box.is-v .vvh-lb-frame{aspect-ratio:9/16}
/* 라이트박스: 눌렀을 때만 iframe 을 만듦 */
.vvh-lb{position:fixed;inset:0;z-index:2147483000;background:rgba(5,8,16,.92);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .2s}
.vvh-lb.on{opacity:1}
.vvh-lb-box{position:relative;width:min(100%,1080px)}
.vvh-lb-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.vvh-lb-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vvh-lb-x{position:absolute;right:0;top:-52px;appearance:none;border:0;background:rgba(255,255,255,.12);color:#fff;width:44px;height:44px;border-radius:50%;font-size:26px;line-height:1;cursor:pointer;display:grid;place-items:center}
.vvh-lb-x:hover{background:rgba(255,255,255,.25)}
.vvh-lb-t{color:#EAF0FF;font-size:16px;font-weight:700;margin-top:12px;text-align:center}
@media (max-width:600px){.vvh-lb{padding:10px}.vvh-lb-x{top:-48px}}

/* bootstrap 의 b,strong{font-weight:bolder} 는 700 안에서 900 이 되어 Paperlogy-9Black 을 또 받게 됨 → 700 고정 */
.vv-hero b,.vv-hero strong,.vvh b,.vvh strong{font-weight:700}