/* 곤지암렌탈샵 브라더스 — 홈 모션그래픽 영상 구역 (HTML/CSS 애니메이션 · 파일 용량 없음) */
.gvf-wrap{background:#10151c;padding:0}
.gvf{--ink:#10151c;--lime:#c9f23a;--lav:#e8e3ef;--rose:#f2e7e2;--sky:#e1e8f0;--ease:cubic-bezier(.2,.7,.2,1);font-family:Pretendard,system-ui,sans-serif;max-width:1400px;margin:0 auto}
.gvf *{box-sizing:border-box;margin:0;padding:0}
.gvf{container-type:inline-size;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--ink);border-radius:10px;user-select:none}
.gvf .sc{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s,visibility 0s .7s;overflow:hidden}
.gvf .sc.on{opacity:1;visibility:visible;transition:opacity .7s,visibility 0s}
.gvf .ph{position:absolute;background-size:cover;background-position:center}
.gvf .sc.on .ph.kb{animation:gvf_kb 6s linear both}
@keyframes gvf_kb{from{transform:scale(1.08)}to{transform:scale(1)}}
.gvf .a{opacity:0}
.gvf .sc.on .a{animation:gvf_up .9s var(--ease) both;animation-delay:calc(var(--d,0)*1s)}
.gvf .sc.on .l{animation-name:gvf_left}
.gvf .sc.on .r{animation-name:gvf_right}
.gvf .sc.on .z{animation-name:gvf_zoom}
@keyframes gvf_up{from{opacity:0;transform:translateY(3cqw)}to{opacity:1;transform:none}}
@keyframes gvf_left{from{opacity:0;transform:translateX(-5cqw)}to{opacity:1;transform:none}}
@keyframes gvf_right{from{opacity:0;transform:translateX(5cqw)}to{opacity:1;transform:none}}
@keyframes gvf_zoom{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
.gvf .mk{background:linear-gradient(transparent 60%,var(--lime) 60%) no-repeat 0 0/0% 100%;padding:0 .12em}
.gvf .sc.on .mk{animation:gvf_wipe .8s var(--ease) both;animation-delay:calc(var(--d,.8)*1s)}
@keyframes gvf_wipe{to{background-size:100% 100%}}
.gvf .kick{font-size:1.5cqw;font-weight:800;letter-spacing:-.01em}
.gvf .h{font-weight:800;letter-spacing:-.05em;line-height:1.1}
.gvf .tag{display:inline-block;background:var(--ink);color:#fff;font-size:1.25cqw;font-weight:800;padding:.5cqw 1.1cqw;border-radius:2px}
.gvf .tag:before{content:"";display:inline-block;width:.5cqw;height:.5cqw;border-radius:50%;background:var(--lime);margin-right:.6cqw;vertical-align:.1cqw}
.gvf .dk{color:var(--ink)}
.gvf .snow{position:absolute;inset:0;pointer-events:none;z-index:6}
.gvf .snow i{position:absolute;top:-2cqw;border-radius:50%;background:#fff;opacity:.85;animation:gvf_fall linear infinite}
@keyframes gvf_fall{to{transform:translate3d(-4cqw,60cqw,0)}}
.gvf .bar{position:absolute;left:0;right:0;bottom:0;height:.45cqw;background:rgba(255,255,255,.15);z-index:8}
.gvf .bar b{display:block;height:100%;width:0;background:var(--lime)}
.gvf.go .bar b{animation:gvf_prog var(--dur) linear forwards}
@keyframes gvf_prog{to{width:100%}}
.gvf .dots{position:absolute;right:2cqw;top:1.6cqw;z-index:8;display:flex;gap:.5cqw}
.gvf .dots i{width:2cqw;height:.28cqw;border-radius:2px;background:rgba(255,255,255,.45)}
.gvf .dots i.on{background:var(--lime)}
.gvf .brand{position:absolute;left:3cqw;top:1.8cqw;z-index:8;font-weight:900;letter-spacing:-.02em;font-size:1.7cqw}
.gvf .brand small{font-size:.9cqw;font-weight:700;opacity:.8;margin-left:.6cqw;letter-spacing:.06em}
.gvf[data-lt="1"] .brand{color:var(--ink)}
.gvf[data-lt="1"] .dots i{background:rgba(16,21,28,.3)}
.gvf[data-lt="1"] .dots i.on{background:var(--ink)}
.gvf[data-lt="1"] .pp{color:var(--ink);border-color:rgba(16,21,28,.5)}
.gvf .pp{position:absolute;right:2cqw;bottom:1.4cqw;z-index:9;width:3cqw;height:3cqw;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(16,21,28,.4);color:#fff;font-size:1.1cqw;cursor:pointer}
.gvf .s1 .ph{inset:0;background-image:url(../img/gj_shop_dusk_clean.jpg);background-position:50% 42%}
.gvf .s1:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,21,28,.78),rgba(16,21,28,.1) 70%)}
.gvf .s1 .tx{position:absolute;left:6cqw;top:50%;transform:translateY(-50%);z-index:3}
.gvf .s1 .kick{color:var(--lime)}
.gvf .s1 .h{font-size:6.2cqw;margin:1.2cqw 0 1.4cqw}
.gvf .s1 p{font-size:1.7cqw;opacity:.9}
.gvf .s2{background:linear-gradient(120deg,#ece8f3,#f3e9e4 55%,#e1e8f0)}
.gvf .s2 .tx{position:absolute;left:6cqw;top:50%;transform:translateY(-50%);z-index:3}
.gvf .s2 .h{font-size:8cqw;color:var(--ink);margin:1.4cqw 0 1.6cqw}
.gvf .s2 p{font-size:1.9cqw;color:#4a4556;font-weight:600}
.gvf .cards{position:absolute;right:5cqw;top:0;bottom:0;width:36cqw}
.gvf .cards .c{position:absolute;border-radius:1cqw;background-size:cover;background-position:center;box-shadow:0 1.6cqw 3cqw rgba(16,21,28,.25);border:.45cqw solid #fff}
.gvf .c1{width:15cqw;height:20cqw;right:19cqw;top:6cqw;background-image:url(../img/gj_prod_nitro.jpg);--rot:-5deg}
.gvf .c2{width:15cqw;height:15cqw;right:2cqw;top:9cqw;background-image:url(../img/gj_shop_stepon.jpg);--rot:4deg}
.gvf .c3{width:18cqw;height:11cqw;right:16cqw;top:29cqw;background-image:url(../img/gj_shop_tecnica.jpg);--rot:3deg}
.gvf .c4{width:12cqw;height:16cqw;right:1cqw;top:26cqw;background-image:url(../img/gj_wear_hero.jpg);--rot:-4deg}
.gvf .sc.on .cards .c{animation:gvf_drop .9s var(--ease) both;animation-delay:calc(var(--d)*1s)}
@keyframes gvf_drop{from{opacity:0;transform:translateY(-8cqw) rotate(0)}to{opacity:1;transform:rotate(var(--rot))}}
.gvf .s3{background:var(--ink)}
.gvf .s3 .ph{right:0;top:0;bottom:0;width:48%;background-image:url(../img/gj_shop_board_aisle.jpg);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}
.gvf .s3 .tx{position:absolute;left:6cqw;top:50%;transform:translateY(-50%);z-index:3;width:46cqw}
.gvf .s3 .tag{background:var(--lime);color:var(--ink)}
.gvf .s3 .tag:before{background:var(--ink)}
.gvf .s3 ul{list-style:none;margin-top:1.8cqw;border-top:.2cqw solid #fff}
.gvf .s3 li{display:flex;align-items:baseline;gap:1cqw;padding:1.15cqw 0;border-bottom:1px solid rgba(255,255,255,.25)}
.gvf .s3 li b{font-size:2.5cqw;font-weight:800;letter-spacing:-.02em}
.gvf .s3 li span{margin-left:auto;font-size:1.5cqw;color:#c8cdd6;font-weight:600}
.gvf .s4{background:var(--rose)}
.gvf .s4 .pic{position:absolute;right:9cqw;top:3cqw;bottom:3cqw;width:25cqw;border-radius:1cqw;background:url(../img/gj_prod_nitro.jpg) center/cover;border:.5cqw solid #fff;box-shadow:0 2cqw 4cqw rgba(16,21,28,.25)}
.gvf .s4 .blk{position:absolute;right:0;top:0;bottom:0;width:30cqw;background:var(--lav)}
.gvf .s4 .tx{position:absolute;left:6cqw;top:50%;transform:translateY(-50%);z-index:3;width:50cqw}
.gvf .s4 .h{font-size:5.6cqw;color:var(--ink);margin:1.2cqw 0 1.5cqw}
.gvf .s4 p{font-size:1.8cqw;color:#4a4556;font-weight:600;line-height:1.55}
.gvf .s5{background:var(--ink)}
.gvf .s5 .p{position:absolute;top:0;bottom:0;width:50%;overflow:hidden}
.gvf .s5 .p1{left:0}
.gvf .s5 .p2{right:0}
.gvf .s5 .p .ph{inset:0}
.gvf .s5 .p1 .ph{background-image:url(../img/gj_shop_elan.jpg);background-position:50% 60%}
.gvf .s5 .p2 .ph{background-image:url(../img/gj_shop_tecnica.jpg)}
.gvf .s5 .p:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,21,28,.9),rgba(16,21,28,.1) 60%)}
.gvf .s5 .p .tx{position:absolute;left:4cqw;bottom:6cqw;z-index:3;right:3cqw}
.gvf .s5 .p .tx small{font-size:1.4cqw;font-weight:800;color:var(--lime)}
.gvf .s5 .p .tx b{display:block;font-size:3.8cqw;font-weight:800;letter-spacing:-.04em;margin:.5cqw 0 .4cqw}
.gvf .s5 .p .tx span{font-size:1.6cqw;color:#dfe3ea}
.gvf .s5 .p2{border-left:.3cqw solid var(--lime)}
.gvf .sc.on.s5 .p{animation:gvf_wipeup 1s var(--ease) both}
.gvf .sc.on.s5 .p2{animation-delay:.25s}
@keyframes gvf_wipeup{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}
.gvf .s6{background:var(--sky)}
.gvf .s6 .ph{left:0;top:0;bottom:0;width:58%;background-image:url(../img/gj_wear_hero.jpg);-webkit-mask-image:linear-gradient(270deg,transparent,#000 35%);mask-image:linear-gradient(270deg,transparent,#000 35%)}
.gvf .s6 .tx{position:absolute;right:5cqw;top:50%;transform:translateY(-50%);width:36cqw;z-index:3}
.gvf .s6 .h{font-size:4.6cqw;color:var(--ink);margin:1.2cqw 0 1.4cqw}
.gvf .s6 p{font-size:1.8cqw;color:#4a4556;font-weight:600;line-height:1.55}
.gvf .s7{background:var(--lime);color:var(--ink)}
.gvf .s7 .tx{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.gvf .s7 .kick{color:var(--ink)}
.gvf .s7 .h{font-size:11cqw;margin:.8cqw 0 2cqw;letter-spacing:-.06em}
.gvf .chips{display:flex;gap:.9cqw;flex-wrap:wrap;justify-content:center;max-width:70cqw}
.gvf .chips span{background:var(--ink);color:#fff;font-weight:700;font-size:1.5cqw;padding:.8cqw 1.5cqw;border-radius:99px}
.gvf .chips span:before{content:"✓";color:var(--lime);margin-right:.6cqw}
.gvf .s8{background:linear-gradient(120deg,#ece8f3,#f3e9e4 55%,#e1e8f0);color:var(--ink)}
.gvf .s8 .tx{position:absolute;left:6cqw;right:6cqw;top:50%;transform:translateY(-50%)}
.gvf .s8 .h{font-size:4.4cqw;margin:1cqw 0 3cqw}
.gvf .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4cqw}
.gvf .grid div{background:#fff;border-radius:1cqw;padding:2.2cqw 1.8cqw;box-shadow:0 .6cqw 2cqw rgba(16,21,28,.1);border-top:.35cqw solid var(--lime)}
.gvf .grid b{display:block;font-size:4.2cqw;font-weight:800;letter-spacing:-.05em;line-height:1}
.gvf .grid b small{font-size:1.8cqw;margin-left:.2cqw}
.gvf .grid span{display:block;margin-top:1cqw;font-size:1.4cqw;font-weight:700;color:#4a4556}
.gvf .s9 .ph{inset:0;background-image:url(../img/gj_shop_dusk_clean.jpg);background-position:50% 40%}
.gvf .s9:after{content:"";position:absolute;inset:0;background:rgba(16,21,28,.62)}
.gvf .s9 .tx{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.gvf .s9 .h{font-size:6.6cqw;margin-bottom:2.4cqw}
.gvf .btns{display:flex;gap:1.2cqw}
.gvf .btns span{font-size:1.8cqw;font-weight:800;padding:1.2cqw 3.4cqw;border-radius:.5cqw}
.gvf .btns .m{background:var(--lime);color:var(--ink)}
.gvf .btns .o{border:1px solid #fff}
.gvf .s9 .sub{margin-top:2.4cqw;font-size:1.5cqw;opacity:.85}
@media (prefers-reduced-motion:reduce){
.gvf .sc.on .a,.gvf .sc.on .ph.kb,.gvf .snow i{animation:none!important}
.gvf .a{opacity:1}
.gvf .mk{background-size:100% 100%}
}

/* 사이트 공용 CSS 가 글자색을 어둡게 덮어쓰는 것을 막고, 장면마다 글자색을 확실히 지정 */
.gvf,.gvf .sc{color:#fff}
.gvf .s2,.gvf .s4,.gvf .s6,.gvf .s7,.gvf .s8{color:#10151c}
.gvf div,.gvf p,.gvf span,.gvf b,.gvf small,.gvf li,.gvf ul{color:inherit;font-family:inherit;text-shadow:none}
.gvf .tag{color:#fff}.gvf .s3 .tag{color:#10151c}
.gvf .s1 .kick{color:#c9f23a}.gvf .s7 .kick{color:#10151c}
.gvf .s5 .p .tx small{color:#c9f23a}
.gvf .s3 li span{color:#c8cdd6}.gvf .s5 .p .tx span{color:#dfe3ea}
.gvf .s2 p,.gvf .s4 p,.gvf .s6 p,.gvf .grid span{color:#4a4556}
.gvf .chips span{color:#fff}.gvf .btns .m{color:#10151c}.gvf .btns .o{color:#fff}
.gvf .film-note{display:none}
.gvf .h,.gvf .brand,.gvf .kick,.gvf .tag{line-height:1.1}
.gvf .brand,.gvf .tag,.gvf .kick{font-family:Pretendard,system-ui,sans-serif}
.gvf-wrap{position:relative;z-index:0}

/* 마지막 장면 버튼은 실제 링크 (예약하기 · 견적문의) */
.gvf .btns a{display:inline-block;font-size:1.8cqw;font-weight:800;padding:1.2cqw 3.4cqw;border-radius:.5cqw;text-decoration:none;line-height:1.2;cursor:pointer;transition:transform .2s,background .2s,color .2s}
.gvf .btns a.m{background:#c9f23a;color:#10151c}
.gvf .btns a.o{border:1px solid #fff;color:#fff;background:rgba(16,21,28,.35)}
.gvf .btns a:hover{transform:translateY(-.2cqw)}
.gvf .btns a.o:hover{background:#fff;color:#10151c}
.gvf .btns a.m:hover{color:#10151c;background:#d8f866}
.gvf .s9 .tx{pointer-events:none}.gvf .s9 .btns,.gvf .s9 .btns a{pointer-events:auto}
.gvf .s9 .btns{position:relative;z-index:5}
.gvf .film-note{display:none}

/* 큰 제목 글자 간격: 겹침 방지 */
.gvf .h{letter-spacing:-.02em}
.gvf .s7 .h{letter-spacing:0;word-spacing:.05em}
.gvf .grid b{letter-spacing:-.02em}

/* 스키 부츠 장면: 원본이 작아서 부츠 1개만, 원래 크기에 가깝게 (확대 흐림 방지) */
.gvf .s5 .p2{background:#fff}
.gvf .s5 .p2 .ph{background-image:url(../img/gj_tecnica_one.jpg);background-repeat:no-repeat;background-size:auto 62%;background-position:50% 26%}
.gvf .s5 .p2:after{background:linear-gradient(0deg,#fff 0,rgba(255,255,255,0) 38%)}
.gvf .s5 .p2 .tx small{color:#6b5aa0}
.gvf .s5 .p2 .tx b{color:#10151c}
.gvf .s5 .p2 .tx span{color:#4a4556}

/* Burton StepOn 장면 */
.gvf .sx{background:#10151c;color:#fff}
.gvf .sx .card{position:absolute;right:6cqw;top:6cqw;bottom:6cqw;width:44cqw;background:#fff;border-radius:1.4cqw;box-shadow:0 2cqw 5cqw rgba(0,0,0,.45)}
.gvf .sx .card i{position:absolute;inset:2cqw;background:url(../img/gj_shop_stepon.jpg) center/contain no-repeat}
.gvf .sx .tx{position:absolute;left:6cqw;top:50%;transform:translateY(-50%);width:42cqw;z-index:3}
.gvf .sx .tag.lm{background:#c9f23a;color:#10151c}.gvf .sx .tag.lm:before{background:#10151c}
.gvf .sx .h{font-size:7cqw;margin:1.4cqw 0 1.6cqw;color:#fff;letter-spacing:-.02em}
.gvf .sx .mk{background:none;color:#c9f23a;padding:0}
.gvf .sx p{font-size:1.9cqw;line-height:1.55;color:#c8cdd6;font-weight:600}

.gvr{display:none}
.gvr .gvr-stage{position:relative;width:1080px;height:1920px;overflow:hidden;background:var(--ink);color:#fff}
.gvr .sc{position:absolute;inset:0;opacity:0;overflow:hidden;background:var(--ink)}
.gvr .a{opacity:0}
.gvr .sc.on .a{animation:gvr_up .8s var(--ease) both;animation-delay:calc(var(--d,0)*1s)}
.gvr .sc.on .l{animation-name:gvr_left}
.gvr .sc.on .r{animation-name:gvr_right}
.gvr .sc.on .z{animation-name:gvr_zoom}
@keyframes gvr_up{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
@keyframes gvr_left{from{opacity:0;transform:translateX(-90px)}to{opacity:1;transform:none}}
@keyframes gvr_right{from{opacity:0;transform:translateX(90px)}to{opacity:1;transform:none}}
@keyframes gvr_zoom{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
.gvr .ph{position:absolute;background-size:cover;background-position:center}
.gvr .sc.on .kb{animation:gvr_kb var(--dur,4s) linear both}
@keyframes gvr_kb{from{transform:scale(1.1)}to{transform:scale(1)}}
.gvr .mk{background:linear-gradient(transparent 60%,var(--lime) 60%) no-repeat 0 0/0% 100%;padding:0 .1em}
.gvr .sc.on .mk{animation:gvr_wipe .8s var(--ease) both;animation-delay:calc(var(--d,.8)*1s)}
@keyframes gvr_wipe{to{background-size:100% 100%}}
.gvr .h{font-weight:800;letter-spacing:-.02em;line-height:1.12}
.gvr .tag{display:inline-block;background:var(--ink);color:#fff;font-size:34px;font-weight:800;padding:12px 26px;border-radius:4px}
.gvr .tag:before{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--lime);margin-right:14px;vertical-align:2px}
.gvr .tag.lm{background:var(--lime);color:var(--ink)}
.gvr .tag.lm:before{background:var(--ink)}
.gvr .brand{position:absolute;left:64px;top:210px;z-index:20;font-weight:900;font-size:44px;letter-spacing:-.02em}
.gvr .brand small{font-size:24px;font-weight:700;opacity:.8;margin-left:12px;letter-spacing:.04em}
.gvr .gvr-stage.lt .brand{color:var(--ink)}
.gvr .gvr-stage.nb .brand{opacity:0}
.gvr .snow{position:absolute;inset:0;z-index:15;pointer-events:none}
.gvr .snow i{position:absolute;top:-30px;border-radius:50%;background:#fff;animation:gvr_fall linear infinite}
@keyframes gvr_fall{to{transform:translate3d(-60px,2000px,0)}}
.gvr .bar{position:absolute;left:0;bottom:0;height:10px;background:var(--lime);width:0;z-index:30}
.gvr .c{text-align:center}
.gvr .s1 .ph{left:0;top:0;width:1080px;height:960px;background-image:url(../img/gj_shop_dusk_clean.jpg);background-position:50% 40%}
.gvr .s1 .fd{position:absolute;left:0;top:600px;width:1080px;height:360px;background:linear-gradient(0deg,#10151c 5%,rgba(16,21,28,0))}
.gvr .s1 .tx{position:absolute;left:64px;right:64px;top:1000px}
.gvr .s1 .kick{font-size:44px;font-weight:800;color:var(--lime)}
.gvr .s1 .h{font-size:150px;margin:22px 0 28px}
.gvr .s1 p{font-size:46px;opacity:.9;line-height:1.4}
.gvr .s2{background:linear-gradient(160deg,#ece8f3,#f3e9e4 55%,#e1e8f0);color:var(--ink)}
.gvr .s2 .tg{position:absolute;left:64px;top:340px}
.gvr .s2 .h{position:absolute;left:64px;top:440px;font-size:178px;line-height:1.08;letter-spacing:-.03em}
.gvr .s2 .sub{position:absolute;left:64px;top:860px;font-size:50px;font-weight:600;color:#4a4556}
.gvr .s2 .g{position:absolute;left:64px;right:64px;top:1020px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.gvr .s2 .g i{display:block;height:300px;border-radius:24px;background-size:cover;background-position:center;border:8px solid #fff;box-shadow:0 20px 50px rgba(16,21,28,.2)}
.gvr .s3 .ph{left:0;top:0;width:1080px;height:700px;background-image:url(../img/gj_shop_board_aisle.jpg);background-position:50% 55%}
.gvr .s3 .fd{position:absolute;left:0;top:380px;width:1080px;height:320px;background:linear-gradient(0deg,#10151c,rgba(16,21,28,0))}
.gvr .s3 .tg{position:absolute;left:64px;top:640px}
.gvr .s3 ul{list-style:none;position:absolute;left:64px;right:64px;top:760px;border-top:5px solid #fff}
.gvr .s3 li{display:flex;align-items:baseline;gap:20px;padding:40px 0;border-bottom:2px solid rgba(255,255,255,.25)}
.gvr .s3 li b{font-size:64px;font-weight:800;letter-spacing:-.02em}
.gvr .s3 li span{margin-left:auto;font-size:38px;color:#c8cdd6;font-weight:600}
.gvr .s4{background:var(--rose);color:var(--ink)}
.gvr .s4 .blk{position:absolute;right:0;top:0;bottom:0;width:560px;background:var(--lav)}
.gvr .s4 .tg{position:absolute;left:64px;top:420px}
.gvr .s4 .h{position:absolute;left:64px;top:520px;font-size:124px;line-height:1.08}
.gvr .s4 .p{position:absolute;left:64px;top:1000px;width:440px;font-size:42px;font-weight:600;color:#4a4556;line-height:1.5}
.gvr .s4 .pic{position:absolute;left:540px;top:430px;width:480px;height:1040px;border-radius:24px;background:url(../img/gj_prod_nitro.jpg) center/cover;border:10px solid #fff;box-shadow:0 30px 70px rgba(16,21,28,.3)}
.gvr .sx .card{position:absolute;left:100px;top:280px;width:880px;height:880px;background:#fff;border-radius:36px;box-shadow:0 40px 90px rgba(0,0,0,.5)}
.gvr .sx .card i{position:absolute;inset:40px;background:url(../img/gj_shop_stepon.jpg) center/contain no-repeat}
.gvr .sx .tg{position:absolute;left:64px;top:1190px}
.gvr .sx .h{position:absolute;left:64px;top:1275px;font-size:112px}
.gvr .sx .mk{background:none;color:var(--lime);padding:0}
.gvr .sx .p{position:absolute;left:64px;top:1430px;font-size:42px;font-weight:600;color:#c8cdd6;line-height:1.45}
.gvr .s5{background:#fff;color:var(--ink)}
.gvr .s5 .e{position:absolute;left:0;top:290px;width:1080px;height:740px;overflow:hidden}
.gvr .s5 .e .ph{inset:0;background-image:url(../img/gj_shop_elan.jpg);background-position:50% 60%}
.gvr .s5 .e:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,21,28,.88),rgba(16,21,28,0) 55%)}
.gvr .s5 .e .tx{position:absolute;left:64px;bottom:44px;z-index:3;color:#fff}
.gvr .s5 small{font-size:32px;font-weight:800;display:block}
.gvr .s5 .e small{color:var(--lime)}
.gvr .s5 b{display:block;font-size:84px;font-weight:800;letter-spacing:-.03em;margin:6px 0 4px}
.gvr .s5 span.d{font-size:40px;font-weight:500}
.gvr .s5 .t{position:absolute;left:0;top:1030px;width:1080px;height:690px;background:#fff;border-top:6px solid var(--lime)}
.gvr .s5 .t i{position:absolute;left:30px;top:30px;width:500px;height:620px;background:url(../img/gj_tecnica_one.jpg) center/contain no-repeat}
.gvr .s5 .t .tx{position:absolute;left:520px;right:50px;top:210px}
.gvr .s5 .t small{color:var(--vio)}
.gvr .s5 .t b{font-size:72px;line-height:1.1}
.gvr .s5 .t span.d{color:#4a4556}
.gvr .s6{background:var(--sky);color:var(--ink)}
.gvr .s6 .ph{left:0;top:250px;width:1080px;height:760px;background-image:url(../img/gj_wear_hero.jpg);background-position:50% 40%}
.gvr .s6 .tg{position:absolute;left:64px;top:1070px}
.gvr .s6 .h{position:absolute;left:64px;top:1160px;font-size:104px}
.gvr .s6 .p{position:absolute;left:64px;top:1420px;font-size:44px;font-weight:600;color:#4a4556;line-height:1.45}
.gvr .s7{background:var(--lime);color:var(--ink)}
.gvr .s7 .k{position:absolute;left:0;right:0;top:650px;font-size:58px;font-weight:800}
.gvr .s7 .h{position:absolute;left:0;right:0;top:740px;font-size:200px;letter-spacing:0;line-height:1.05}
.gvr .s7 .chips{position:absolute;left:70px;right:70px;top:1290px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.gvr .s7 .chips span{background:var(--ink);color:#fff;font-weight:700;font-size:44px;padding:18px 40px;border-radius:99px}
.gvr .s7 .chips span:before{content:"✓";color:var(--lime);margin-right:14px}
.gvr .s8{background:linear-gradient(160deg,#ece8f3,#f3e9e4 55%,#e1e8f0);color:var(--ink)}
.gvr .s8 .tg{position:absolute;left:64px;top:340px}
.gvr .s8 .h{position:absolute;left:64px;top:440px;font-size:112px}
.gvr .s8 .g{position:absolute;left:64px;right:64px;top:790px;display:grid;grid-template-columns:1fr 1fr;gap:26px}
.gvr .s8 .g div{background:#fff;border-radius:24px;padding:48px 40px;border-top:10px solid var(--lime);box-shadow:0 16px 44px rgba(16,21,28,.12)}
.gvr .s8 .g b{display:block;font-size:112px;font-weight:800;letter-spacing:-.02em;line-height:1}
.gvr .s8 .g b small{font-size:48px;margin-left:6px}
.gvr .s8 .g span{display:block;margin-top:20px;font-size:38px;font-weight:700;color:#4a4556}
.gvr .s9 .ph{left:0;top:0;width:1080px;height:960px;background-image:url(../img/gj_shop_dusk_clean.jpg);background-position:50% 40%}
.gvr .s9 .fd{position:absolute;left:0;top:600px;width:1080px;height:360px;background:linear-gradient(0deg,#10151c 5%,rgba(16,21,28,0))}
.gvr .s9 .tx{position:absolute;left:0;right:0;top:960px;z-index:3;text-align:center}
.gvr .s9 .h{font-size:136px}
.gvr .s9 .btn{display:inline-block;margin-top:50px;background:var(--lime);color:var(--ink);font-size:62px;font-weight:800;padding:34px 90px;border-radius:12px}
.gvr .s9 .url{margin-top:50px;font-size:56px;font-weight:800;letter-spacing:.01em}
.gvr .s9 .sub{margin-top:22px;font-size:38px;opacity:.85}
/* 모바일(640px 이하) 전용 세로 버전: 1080×1920 화면을 폭에 맞춰 줄여 보여 줍니다 (위쪽 인스타 안전영역은 잘라 냄) */
.gvr{position:relative;width:100%;max-width:560px;margin:0 auto;overflow:hidden;background:#10151c;color:#fff;font-family:Pretendard,system-ui,sans-serif;aspect-ratio:1080/1500;user-select:none}
.gvr .gvr-stage{position:absolute;left:0;top:0;width:1080px;height:1920px;transform-origin:0 0;overflow:hidden;background:#10151c}
.gvr .sc{transition:opacity .6s}
.gvr .sc.on{opacity:1}
.gvr .brand{display:none}
.gvr a{text-decoration:none}
.gvr .btns2{display:flex;gap:24px;justify-content:center;margin-top:50px;pointer-events:auto}
.gvr .btns2 a{display:inline-block;font-size:56px;font-weight:800;padding:30px 60px;border-radius:12px}
.gvr .btns2 a.m{background:#c9f23a;color:#10151c}
.gvr .btns2 a.o{border:3px solid #fff;color:#fff;background:rgba(16,21,28,.4)}
.gvr .s9 .tx{pointer-events:none}
.gvr .pp2{position:absolute;right:14px;bottom:14px;z-index:5;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(16,21,28,.45);color:#fff;font-size:12px;cursor:pointer}
@media (max-width:640px){
  .gvf{display:none}
  .gvr{display:block}
}