/* 워드프레스판 보정 — 시안 CSS 위에 얹는 아주 작은 차이만. 시안 CSS(assets/css/{key}.css)는 손대지 않는다 */
.G .seg a{border:0;background:transparent;padding:7px 14px;border-radius:999px;font:600 13px "Pretendard";color:var(--mute);text-decoration:none;transition:background .3s,color .3s}
.G .seg a.on{background:var(--ink);color:#fff}
.G .more a.gb{display:inline-flex}
.G .nav2 > span{flex:1}
.G .body img{max-width:100%;height:auto}

/* ---- 3단계: 실제 동작에 필요한 보정 (시안에 없던 상태·모달) ---- */
.G .wc .like.on{opacity:1}
.G .like.on i{background:#E0455B}
.G .toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:45;transform:translate(-50%,150%);background:var(--ink);color:#fff;font:600 14px "Pretendard";padding:12px 18px;border-radius:999px;box-shadow:0 20px 40px -16px rgba(0,0,0,.5);transition:transform .5s var(--ease);white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}
.G .toast.show{transform:translate(-50%,0)}
.G .dl.ever{background:var(--y);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:6px}
.G .dl.ever svg{width:18px;height:18px;display:block;flex:0 0 18px}
.G .dl.ever:hover{background:#F2BD2C}
.G [data-get].busy,.G [data-batch].busy{opacity:.6;pointer-events:none}
.G .wc[hidden],.G .hrow[hidden]{display:none!important}
.G .dlbox small .cd{font-variant-numeric:tabular-nums;color:var(--g7);font-weight:700}
.G .yb .re{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;margin-right:6px}
.G a.kb2,.G a.lk{text-decoration:none}
.G a.lk{display:inline-flex;align-items:center}
.G .lm.qm .qf{margin-top:18px;text-align:left}
.G .lm.qm .qf label{display:block;font:600 13px "Pretendard";color:var(--mute);margin-top:12px}
.G .lm.qm .qf input,.G .lm.qm .qf textarea{display:block;width:100%;margin-top:6px;border:1.5px solid #E6DFCB;border-radius:14px;padding:12px 14px;font:500 15px "Pretendard";color:var(--ink);background:#fff;resize:vertical;box-sizing:border-box}
.G .lm.qm .qf input:focus,.G .lm.qm .qf textarea:focus{outline:none;border-color:var(--g7)}
.G .lm.qm .go{width:100%;justify-content:center;margin-top:18px;padding:15px}
.G .lm.qm .go.red{background:#C9342A;color:#fff}
.G .lm.qm .qf .lk{display:block;width:100%;background:transparent;border:0;font:600 14px "Pretendard";color:var(--mute);padding:10px;cursor:pointer}
.G .pvk b{display:grid;place-items:center;width:100%;height:100%}
.G .pvi b{font:800 11px "Pretendard"}
.G .wallet .acts .ad[disabled]{opacity:.55;pointer-events:none}

/* ---- 평점 모달(.rm): 상세·마이페이지 CSS에서 복사. 목록 페이지에서 wf.js 가 모달을 만들 때 필요 ---- */
@keyframes pop{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
.G .rm{position:fixed;inset:0;z-index:40;display:none;align-items:center;justify-content:center;padding:20px}
.G .rm.open{display:flex}
.G .rm .bg{position:absolute;inset:0;background:rgba(6,37,26,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.G .rm .box{position:relative;width:min(440px,100%);background:linear-gradient(180deg,#fff,#F7F3E8);border-radius:32px;padding:8px;box-shadow:0 40px 80px -30px rgba(0,0,0,.5);animation:pop .6s var(--ease) both}
.G .rm .in{background:#fff;border-radius:26px;padding:28px 24px 22px;text-align:center}
.G .rm .x{position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:50%;border:0;background:var(--sand);font-size:17px;line-height:1;color:var(--ink);padding:0}
.G .rm h3{font-size:24px;line-height:1.25}
.G .rm .k{font-size:13px;color:var(--mute);margin-top:6px}
.G .rm .prev{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:center;text-align:left;margin-top:20px;padding:12px;border-radius:20px;background:var(--cream)}
.G .rm .pimg{background:#fff;border-radius:12px;padding:4px;box-shadow:0 0 0 1px var(--shell),0 10px 22px -14px rgba(6,37,26,.4)}
.G .rm .pimg img{display:block;width:100%;aspect-ratio:210/297;object-fit:cover;object-position:top;border-radius:9px}
.G .rm .pk{display:inline-block;font-size:11.5px;font-weight:600;color:var(--g7);background:#E4EFE0;border-radius:999px;padding:3px 9px}
.G .rm .pt b{display:block;font-family:"GmarketSans";font-weight:700;font-size:18px;margin-top:8px;line-height:1.25}
.G .rm .pt small{display:block;font-size:12.5px;color:var(--mute);margin-top:4px}
.G .rate{display:flex;justify-content:center;gap:4px;margin-top:22px}
.G .rate button{border:0;background:transparent;padding:4px;cursor:pointer;line-height:0;transition:transform .3s var(--ease)}
.G .rate svg{width:40px;height:40px;fill:#EFEADB;stroke:#DCD3BA;stroke-width:1;transition:fill .2s,stroke .2s}
.G .rate button.on svg{fill:#F2B705;stroke:#E0A800}
.G .rate button:hover{transform:scale(1.1)}
.G .rate button.pop{animation:starpop .45s var(--ease)}
@keyframes starpop{40%{transform:scale(1.3) rotate(-8deg)}}
.G .rm .chips2{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px}
.G .rm .chips2 button{border:0;background:#fff;border-radius:999px;padding:8px 13px;font:500 13px "Pretendard";color:#3F4D45;box-shadow:inset 0 0 0 1.5px #E6DFCB;transition:background .25s,color .25s,box-shadow .25s}
.G .rm .chips2 button:hover{box-shadow:inset 0 0 0 1.5px var(--g7)}
.G .rm .chips2 button.on{background:#E4EFE0;color:var(--g8);box-shadow:inset 0 0 0 1.5px var(--g7);font-weight:600}
.G .rm .go{width:100%;justify-content:center;margin-top:20px;padding:15px}
.G .rm .go[disabled]{background:#EFEADB;color:#A9A08A;box-shadow:none;pointer-events:none}
.G .rm .go[disabled] .ar{background:rgba(0,0,0,.05)}
.G .rm .fine{display:block;margin-top:12px;font-size:11.5px;color:var(--mute);line-height:1.55}
@media (max-width:760px){.G .rm{padding:12px;align-items:flex-end}.G .rm .box{border-radius:28px}.G .rm .in{padding:24px 18px 18px}.G .rm h3{font-size:21px}.G .rm .prev{grid-template-columns:88px 1fr;gap:12px}.G .rm .pt b{font-size:16px}.G .rate svg{width:36px;height:36px}.G .rm .chips2 button{font-size:12.5px;padding:7px 11px}}
@media (max-width:760px){.G .rate svg{width:34px;height:34px}.G .rm h3{font-size:21px}}

/* ---- 밀린 평가 전부(#rmm) — 도안마다 별 따로 ---- */
.G .rmm .rlist{margin-top:18px;max-height:min(46vh,420px);overflow-y:auto;scrollbar-width:none;display:grid;gap:8px;text-align:left;padding:2px;-webkit-mask-image:linear-gradient(180deg,#000 88%,transparent);mask-image:linear-gradient(180deg,#000 88%,transparent);padding-bottom:18px}
.G .rmm .rlist::-webkit-scrollbar{display:none}
.G .rmm .ri{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding:10px;border-radius:18px;background:var(--cream);box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .3s,background .3s}
.G .rmm .ri.done{background:#EEF5EA;box-shadow:inset 0 0 0 1.5px #BFD9C4}
.G .rmm .ri .pimg{padding:3px;border-radius:10px}
.G .rmm .ri .pimg img{border-radius:7px}
.G .rmm .rt2{min-width:0}
.G .rmm .rt2 b{display:block;font-family:"GmarketSans";font-weight:700;font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.G .rmm .rt2 small{display:block;font-size:12px;color:var(--mute);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.G .rmm .rs{display:flex;gap:2px;margin-top:6px;margin-left:-3px}
.G .rmm .rs button{border:0;background:transparent;padding:3px;cursor:pointer;line-height:0;transition:transform .3s var(--ease)}
.G .rmm .rs svg{width:26px;height:26px;fill:#EFEADB;stroke:#DCD3BA;stroke-width:1;transition:fill .2s,stroke .2s}
.G .rmm .rs button.on svg{fill:#F2B705;stroke:#E0A800}
.G .rmm .rs button.pop{animation:starpop .45s var(--ease)}
.G .rmm .rl{margin-top:10px}
@media (max-width:760px){.G .rmm .rlist{max-height:48vh}.G .rmm .rs svg{width:28px;height:28px}}

/* ---- 가로 도안(A4 가로): 상세는 가로 틀, 카드는 세로 틀 안에 잘리지 않게 가운데 ---- */
.G .pv .paper.land{aspect-ratio:297/210}
.G .pv .paper.land img{object-position:center}
.G .wc .th.land{display:grid;place-items:center;background:#fff}
.G .wc .th.land img{height:auto;object-fit:contain;object-position:center;box-shadow:0 6px 16px -10px rgba(6,37,26,.35)}

/* ---- 정렬: 모양은 시안 .sort 그대로, 투명 select 로 누르면 목록 ---- */
.G .sort{position:relative}
.G .sort select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px;-webkit-appearance:none;appearance:none;border:0}
.G .sort:focus-within{box-shadow:0 0 0 2px var(--g7)}

/* ---- 인터랙션 효과 (wf.js 하단) — html.wf-fx 일 때만 ---- */
.wf-fx .G .yb{translate:var(--mx,0px) var(--my,0px);transition:transform .2s var(--spring),box-shadow .2s,translate .35s cubic-bezier(.2,.9,.3,1.3)}
.wf-fx .G .yb.mag .ar{translate:calc(var(--mx,0px) * .6) calc(var(--my,0px) * .6);transition:translate .35s cubic-bezier(.2,.9,.3,1.3)}
.G .wf-trail{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}
.G .wf-trail i{position:absolute;display:block;transform:translate(-50%,-50%);animation:wftrail .9s cubic-bezier(.2,.7,.3,1) forwards}
.G .wf-trail i svg{width:100%;height:100%;display:block}
.G .wf-trail i.ht svg{fill:#F7C948}
.G .wf-trail i.st svg{fill:#FFE39A}
@keyframes wftrail{0%{opacity:.95;transform:translate(-50%,-50%) scale(.6) rotate(0)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% - 46px)) scale(1.1) rotate(var(--rot))}}

/* ---------- 일반 광고 자리 (inc/ads.php) ---------- */
.G .wf-ad{position:relative;background:#fff;border:1px solid #EFE7D2;border-radius:18px;padding:26px 14px 14px;min-height:120px;box-sizing:border-box;overflow:hidden}
.G .wf-ad-lb{position:absolute;left:14px;top:7px;font:600 11px/1 "Pretendard";color:#9AA59F;letter-spacing:.04em}
.G .wf-ad-s{padding-block:8px 40px}
.G .wf-ad-g{grid-column:1/-1;margin:22px 0 14px}
.G .art .wf-ad{margin:34px 0}
.G .wf-ad-ph{display:grid;place-items:center;min-height:90px;border:2px dashed #D9CFB5;border-radius:12px;font:700 15px/1.4 "Pretendard";color:#8A957F;text-align:center;padding:10px}
.G .wf-ad-ph small{display:block;font-weight:500;font-size:12px;color:#A3AC9C;margin-top:4px}
@media (max-width:640px){.G .wf-ad{border-radius:14px;padding:24px 10px 10px}.G .wf-ad-s{padding-block:4px 28px}}

/* ---------- 하단 고정 광고 (inc/ads.php, 820px 이하) — 사이트 하단 바는 광고 위로 ---------- */
.wf-anc{display:none}
@media (max-width:820px){
  .wf-anc.on{display:block;position:fixed;left:0;right:0;bottom:0;z-index:17;background:#fff;border-top:1px solid #EFE7D2;box-shadow:0 -6px 20px rgba(6,37,26,.08);padding:16px 0 calc(6px + env(safe-area-inset-bottom,0px));text-align:center;line-height:0}
  .wf-anc-lb{position:absolute;left:12px;top:4px;font:600 10.5px/1 "Pretendard",sans-serif;color:#9AA59F}
  .wf-anc-x{position:absolute;right:6px;top:0;width:32px;height:16px;border:0;background:transparent;font:400 18px/16px sans-serif;color:#9AA59F;cursor:pointer;padding:0}
  .wf-anc-ph{display:inline-grid;place-items:center;width:320px;height:50px;border:2px dashed #D9CFB5;border-radius:8px;box-sizing:border-box;font:700 13px/1 "Pretendard",sans-serif;color:#8A957F}
  body.has-anc{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  body.has-anc .G .mbar{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
  body.has-anc .G .sbar{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
}

/* ---------- 웹앱 (inc/pwa.php) — 설치 안내 창 · 아이폰 PDF 시트 ---------- */
.wfi{position:fixed;inset:0;z-index:2147480000;display:grid;place-items:end center}
.wfi[hidden]{display:none}
.wfi-bg{position:absolute;inset:0;background:rgba(6,37,26,.45);opacity:0;transition:opacity .25s}
.wfi-box{position:relative;width:min(440px,100%);box-sizing:border-box;background:#FAF6EC;border-radius:26px 26px 0 0;padding:28px 22px calc(26px + env(safe-area-inset-bottom,0px));text-align:center;font-family:Pretendard,system-ui,sans-serif;color:#06251A;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
@media (min-width:821px){.wfi{place-items:center}.wfi-box{border-radius:26px}}
.wfi.on .wfi-bg{opacity:1}.wfi.on .wfi-box{transform:none}
.wfi-box img{border-radius:16px;display:block;margin:0 auto 12px}
.wfi-box h3{font:700 19px/1.35 "GmarketSans",Pretendard,sans-serif;margin:0 0 6px}
.wfi-box p{font-size:14px;line-height:1.55;color:#4F5F57;margin:0}
.wfi-x{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;background:transparent;font-size:24px;line-height:1;color:#7B8A82;cursor:pointer}
.wfi-and,.wfi-ios,.wfi-etc{display:none;margin-top:16px}
.wfi.can .wfi-and{display:block}.wfi.ios .wfi-ios{display:block}.wfi.ios .wfi-and{display:none}.wfi:not(.can):not(.ios) .wfi-etc{display:block}
.wfi-go{border:0;border-radius:999px;padding:14px 26px;background:#F7C948;color:#06251A;font:700 16px/1 "GmarketSans",Pretendard,sans-serif;box-shadow:0 4px 0 #C99A26;cursor:pointer}
.wfi-steps{list-style:none;margin:0;padding:0;text-align:left;display:grid;gap:8px}
.wfi-steps li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #EFE7D2;border-radius:14px;padding:11px 12px;font-size:14.5px;line-height:1.4}
.wfi-steps b{flex:none;width:24px;height:24px;border-radius:50%;background:#0B4A32;color:#fff;display:grid;place-items:center;font-size:12.5px;line-height:1}
.wfi-steps em{font-style:normal;font-weight:700;color:#0B4A32}
.wfi-ico{font-style:normal;vertical-align:-5px;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#EEF4F0;color:#0B4A32;font-size:13px;line-height:1}
.wfi-link{cursor:pointer}
.wf-pdf{position:fixed;inset:0;z-index:2147480001;background:rgba(6,37,26,.45);display:grid;place-items:end center;font-family:Pretendard,system-ui,sans-serif}
.wf-pdf-box{width:min(440px,100%);box-sizing:border-box;background:#FAF6EC;border-radius:24px 24px 0 0;padding:24px 22px calc(22px + env(safe-area-inset-bottom,0px));text-align:center;color:#06251A}
.wf-pdf-box b{display:block;font:700 18px/1.3 "GmarketSans",Pretendard,sans-serif}
.wf-pdf-box p{font-size:14px;line-height:1.5;color:#4F5F57;margin:6px 0 16px}
.wf-pdf-go{display:block;border-radius:999px;padding:15px;background:#F7C948;color:#06251A;font:700 16px/1 "GmarketSans",Pretendard,sans-serif;text-decoration:none;box-shadow:0 4px 0 #C99A26}
.wf-pdf-x{margin-top:12px;border:0;background:transparent;color:#6B7A73;font-size:14px;padding:8px;cursor:pointer}

/* 도안 상세 여러 쪽 미리보기 띠(.wbt) — 워크북(wbd.css)과 같은 규칙. 2026-10-06 전체 등록 후 모바일 가로 넘침 수정 */
.G .thumbs.wbt{display:block!important;margin-top:14px;max-width:100%;min-width:0}
.G .thumbs.wbt[hidden]{display:none!important}
.G .thumbs.wbt .rail-w{max-width:100%;min-width:0}
.G .thumbs.wbt .tstrip{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:none}
.G .thumbs.wbt .tstrip::-webkit-scrollbar{display:none}
.G .thumbs.wbt .tstrip img{flex:0 0 62px;width:62px;height:62px;object-fit:contain;background:#fff;border-radius:10px;box-shadow:0 0 0 1px var(--shell);opacity:.7;cursor:pointer;transition:opacity .3s,transform .3s}
.G .thumbs.wbt .tstrip img.on{opacity:1;box-shadow:0 0 0 2px var(--g7)}
.G .thumbs.wbt .pgc{display:block;text-align:right;margin-top:6px;margin-left:0}
@media (max-width:760px){.G .thumbs.wbt .tstrip img{flex-basis:54px;width:54px;height:54px}}

/* ---------- 별점 상세 보기 (2026-10-07) — PC 가운데 레이어 / 모바일(~760px) 바텀시트 ---------- */
.dlbox .meta .rt[data-reviews]{cursor:pointer;border-radius:12px;margin:-6px;padding:6px;transition:background .15s}
.dlbox .meta .rt[data-reviews]:hover,.dlbox .meta .rt[data-reviews]:focus-visible{background:#FFF6D6;outline:0}
.dlbox .meta .rt[data-reviews]::after{content:" ›";color:var(--mute)}
html.rv-lock{overflow:hidden}
.rvw{position:fixed;inset:0;z-index:9990;display:none;font-family:Pretendard,system-ui,sans-serif;color:#06251A}
.rvw.open{display:block}
.rvbg{position:absolute;inset:0;background:rgba(6,37,26,.45);animation:rvfade .18s ease-out}
.rvbox{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 48px));max-height:min(720px,calc(100vh - 64px));display:flex;flex-direction:column;background:#fff;border-radius:22px;padding:26px 28px 18px;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:rvpop .2s ease-out;outline:0}
.rvgrip{display:none}
.rvhead,.rvsum,.rvtabs,.rvgrip{flex:none}
.rvx{position:absolute;top:16px;right:18px;width:36px;height:36px;border:0;border-radius:50%;background:#F2EFE4;font-size:22px;line-height:1;cursor:pointer;color:#06251A;display:grid;place-items:center;padding:0}
.rvhead h3{font-family:"GmarketSans",Pretendard,sans-serif;font-size:20px;font-weight:700;margin:0}
.rvsub{font-size:13px;color:#6b7a73;margin:2px 44px 0 0}
.rvsum{display:flex;flex-wrap:wrap;gap:8px 26px;align-items:center;padding:16px 0 14px;border-bottom:1px solid #EFE9DA}
.rvavg{display:flex;flex-direction:column;align-items:center;min-width:92px}
.rvavg strong{font-family:"GmarketSans",Pretendard,sans-serif;font-size:44px;line-height:1.05}
.rvavg small{font-size:12px;color:#6b7a73;margin-top:2px}
.rvbars{flex:1;min-width:180px}
.rvbar{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7a73;margin:3px 0}
.rvbar span{width:26px}.rvbar em{font-style:normal;width:22px;text-align:right}
.rvbar i{flex:1;height:8px;border-radius:9px;background:#EEE;overflow:hidden;display:block}
.rvbar i b{display:block;height:100%;background:#F7C948;border-radius:9px}
.rvtop{flex-basis:100%;font-size:13px;color:#6b7a73;margin:4px 0 0}.rvtop b{color:#0B4A32}
.rvs{display:inline-flex;gap:1px;vertical-align:middle}
.rvs i{width:13px;height:13px;display:inline-flex}.rvs.lg i{width:16px;height:16px}
.rvs svg{width:100%;height:100%;fill:#E3DED0}.rvs i.on svg{fill:#F7C948}
.rvtabs{display:flex;gap:8px;padding:12px 0 6px;overflow-x:auto;scrollbar-width:none}.rvtabs::-webkit-scrollbar{display:none}
.rvtabs button{flex:none;font:600 13px/1 Pretendard,sans-serif;padding:8px 13px;border-radius:999px;border:1px solid #E8E2D2;background:#fff;color:#06251A;cursor:pointer}
.rvtabs button.on{background:#0B4A32;border-color:#0B4A32;color:#fff}
.rvscroll{overflow-y:auto;overscroll-behavior:contain;margin:0 -28px;padding:0 28px;flex:1;min-height:120px;scrollbar-width:none}.rvscroll::-webkit-scrollbar{display:none}
.rvl{list-style:none;margin:0;padding:0}
.rvi{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #EFE9DA}.rvi:last-child{border-bottom:0}
.rva{width:44px;height:44px;flex:none;border-radius:50%;border:2px solid #F7C948;overflow:hidden;background:#fff}
.rva img{width:100%;height:100%;object-fit:cover;display:block}
.rvb{min-width:0;flex:1}
.rvn{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:2px 0 0;font-size:15px;line-height:1.3}
.rvn b{font-weight:700}.rvn time{font-size:12px;color:#6b7a73}
.rvc{margin:6px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.rvc span{display:inline-flex;align-items:center;font-size:13px;font-weight:600;line-height:1;padding:6px 10px;border-radius:999px;background:#F2EFE4;color:#0B4A32}
.rvc.none{font-size:12px;color:#6b7a73}
.rvmore{display:block;width:100%;margin:6px 0 4px;padding:12px;border:1px solid #E8E2D2;border-radius:12px;background:#fff;font:700 14px/1 Pretendard,sans-serif;color:#0B4A32;cursor:pointer}
.rvempty,.rverr{font-size:14px;color:#6b7a73;text-align:center;padding:28px 0;list-style:none}
.rvw.busy .rvl{opacity:.5}
@keyframes rvfade{from{opacity:0}to{opacity:1}}
@keyframes rvpop{from{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes rvup{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media (max-width:760px){
  .rvbox{left:0;right:0;top:auto;bottom:0;transform:none;width:100%;height:72vh;height:72dvh;max-height:none;border-radius:24px 24px 0 0;padding:10px 18px calc(14px + env(safe-area-inset-bottom));animation:rvup .24s cubic-bezier(.2,.8,.2,1);transition:height .2s,transform .2s}
  .rvbox.full{height:calc(100vh - 24px);height:calc(100dvh - 24px)}
  .rvgrip{display:block;width:42px;height:5px;border-radius:9px;background:#DDD;margin:0 auto 12px}
  .rvx{top:20px;right:14px;width:32px;height:32px;font-size:20px}
  .rvhead h3{font-size:18px}
  .rvsum{gap:6px 16px;padding:12px 0}
  .rvavg{min-width:70px}.rvavg strong{font-size:36px}
  .rvscroll{margin:0 -18px;padding:0 18px}
  .rva{width:40px;height:40px}
  .rvn{font-size:14px}
}

/* ---------- 검색 (2026-10-07) — PC 헤더 검색창+드롭다운 / ~1080px 돋보기 → 전체 화면 ---------- */
.G .nav .wfs{position:relative;flex:0 1 340px;min-width:200px;display:flex;align-items:center;gap:8px;height:42px;background:#fff;border-radius:999px;padding:0 5px 0 15px;box-shadow:0 0 0 2px transparent;transition:box-shadow .15s}
.G .nav .wfs:focus-within{box-shadow:0 0 0 2px #F7C948,0 0 0 6px rgba(247,201,72,.28)}
.wfs-ic{display:inline-flex;width:18px;height:18px;flex:none;color:#0B4A32}
.wfs-ic svg,.wfs-mob svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.G .nav .wfs input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 14px/1 Pretendard,system-ui,sans-serif;color:#06251A;height:100%;padding:0;-webkit-appearance:none;appearance:none}
.G .nav .wfs input::placeholder{color:#8a958f}
.G .nav .wfs input::-webkit-search-cancel-button{display:none}
.wfs-go{flex:none;width:32px;height:32px;border:0;border-radius:50%;background:#F7C948;color:#06251A;display:grid;place-items:center;cursor:pointer;padding:0}
.wfs-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.wfs-mob{display:none;flex:none;width:40px;height:40px;border:0;border-radius:50%;background:#F7C948;color:#06251A;place-items:center;cursor:pointer;padding:10px}
.wfs-drop{position:absolute;top:calc(100% + 10px);right:0;width:min(380px,92vw);max-height:min(560px,calc(100vh - 110px));overflow-y:auto;background:#fff;color:#06251A;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.2);padding:16px 18px;z-index:40;text-align:left;scrollbar-width:none}
.wfs-drop::-webkit-scrollbar{display:none}
.wfs-drop.wide{width:min(620px,92vw)}
.wfs-drop.busy,.wfso-body.busy{opacity:.6}
.wfs-sec{margin-bottom:12px}.wfs-sec:last-child{margin-bottom:0}
.wfs-t{display:flex;align-items:center;justify-content:space-between;font:800 12.5px/1 Pretendard,sans-serif;color:#6b7a73;margin:2px 0 9px}
.wfs-clr{border:0;background:none;font:600 12px Pretendard,sans-serif;color:#6b7a73;cursor:pointer;padding:0}
.wfs-chips{display:flex;flex-wrap:wrap;gap:6px}
.wfs-chip{display:inline-flex;align-items:center;gap:2px;border-radius:999px;background:#F2EFE4;color:#0B4A32;font:600 13px/1 Pretendard,sans-serif}
.wfs-chip a,a.wfs-chip{color:inherit;text-decoration:none;padding:8px 4px 8px 12px;display:inline-flex;align-items:center}
a.wfs-chip{padding:8px 12px}.wfs-chip.y{background:#FFF3C8;color:#06251A}
.wfs-chip button{border:0;background:none;color:#6b7a73;font-size:15px;line-height:1;padding:6px 10px 6px 4px;cursor:pointer}
.wfs-rank{list-style:none;margin:0;padding:0;columns:2;column-gap:14px}
.wfs-rank a{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:10px;color:#06251A;text-decoration:none;font:500 14px/1.2 Pretendard,sans-serif;break-inside:avoid}
.wfs-rank b{width:16px;color:#0B4A32;font:800 13px GmarketSans,Pretendard,sans-serif}
.wfs-cols{display:flex;gap:18px}.wfs-l{width:210px;flex:none;border-right:1px solid #EFE9DA;padding-right:14px}.wfs-r{flex:1;min-width:0}
.wfs-l:empty{display:none}
.wfs-cat{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-radius:10px;color:#06251A;text-decoration:none;font:600 14px/1.3 Pretendard,sans-serif}
.wfs-cat em{font-style:normal;font-size:12px;font-weight:500;color:#6b7a73;white-space:nowrap}
.wfs-it{display:flex;gap:12px;align-items:center;padding:7px;border-radius:12px;color:#06251A;text-decoration:none}
.wfs-it img{width:46px;height:58px;flex:none;object-fit:cover;border-radius:8px;border:1px solid #EFE9DA;background:#FAF6EC}
.wfs-it span{min-width:0}.wfs-it b{display:block;font:700 14px/1.35 Pretendard,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wfs-it small{display:block;font-size:12px;color:#6b7a73;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wfs-drop mark,.wfso mark{background:#FFE58A;color:inherit;border-radius:3px;padding:0 1px}
.wfs-all{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;margin-top:8px;padding:12px 8px 4px;border-top:1px solid #EFE9DA;color:#0B4A32;text-decoration:none;font:800 14px/1.3 Pretendard,sans-serif;border-radius:10px}
.wfs-all span{font-weight:500;font-size:12px;color:#6b7a73}
.wfs-none{font:600 14px/1.5 Pretendard,sans-serif;color:#6b7a73;text-align:center;padding:14px 0}.wfs-none small{font-weight:400;font-size:12.5px}
.wfs-drop [data-opt]:hover,.wfs-drop [data-opt].on,.wfso [data-opt].on{background:#FFF6D6}
.wfs-drop .wfs-chip a:hover,.wfs-drop .wfs-chip a.on{background:none;text-decoration:underline}
html.wfs-lock{overflow:hidden}
.wfso{position:fixed;inset:0;z-index:9995;background:#fff;color:#06251A;display:none;flex-direction:column;font-family:Pretendard,system-ui,sans-serif}
.wfso.open{display:flex;animation:wfsin .18s ease-out}
.wfso-top{display:flex;align-items:center;gap:6px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px 6px;border-bottom:1px solid #EFE9DA;flex:none}
.wfso-back{width:40px;height:40px;border:0;background:none;color:#06251A;display:grid;place-items:center;cursor:pointer;padding:0;flex:none}
.wfso-back svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.wfso-in{flex:1;display:flex;align-items:center;height:46px;border-radius:999px;background:#fff;box-shadow:0 0 0 2px #F7C948;padding:0 6px 0 16px;min-width:0}
.wfso-in input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:600 16px/1 Pretendard,sans-serif;color:#06251A;-webkit-appearance:none;appearance:none;padding:0;height:100%}
.wfso-in input::-webkit-search-cancel-button{display:none}
.wfso-x{width:30px;height:30px;border:0;border-radius:50%;background:#EEE;color:#6b7a73;font-size:18px;line-height:1;cursor:pointer;padding:0;flex:none}
.wfso-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px calc(24px + env(safe-area-inset-bottom,0px));scrollbar-width:none}.wfso-body::-webkit-scrollbar{display:none}
.wfso .wfs-sec{margin-bottom:16px}
.wfso .wfs-cat{display:inline-flex;margin:0 6px 6px 0;padding:8px 12px;background:#F2EFE4;border-radius:999px;font-size:13px;color:#0B4A32}
.wfso .wfs-cat em{margin-left:2px}
.wfso .wfs-it img{width:50px;height:64px}
@keyframes wfsin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:1280px){.G .nav .wfs{flex-basis:260px}}
@media (max-width:1080px){.G .nav .wfs{display:none}.wfs-mob{display:grid}.G .nav .wfs-mob ~ .mebtn.mob{margin-left:0}}
/* 검색 결과 페이지 */
.G .srh .hd{padding-bottom:6px}
.G .srh h1{word-break:keep-all}
.srh-f{display:flex;gap:8px;max-width:460px;margin-top:16px}
.srh-f input{flex:1;min-width:0;height:46px;border:0;border-radius:999px;padding:0 18px;font:600 15px Pretendard,sans-serif;color:#06251A;background:#fff;outline:0;-webkit-appearance:none;appearance:none}
.srh-f input:focus{box-shadow:0 0 0 3px #F7C948}
.srh-f button{flex:none;height:46px;border:0;border-radius:999px;padding:0 20px;background:#F7C948;color:#06251A;font:800 15px Pretendard,sans-serif;cursor:pointer}
.srh-none{text-align:center;padding:50px 0 20px}
.srh-none b{display:block;font:700 20px/1.4 GmarketSans,Pretendard,sans-serif;color:#06251A}
.srh-none p{color:#6b7a73;margin:8px 0 16px;font-size:14px}
.srh-pop{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px}
.srh-pop a{padding:9px 14px;border-radius:999px;background:#FFF3C8;color:#06251A;font:600 14px/1 Pretendard,sans-serif;text-decoration:none}
@media (max-width:760px){.srh-f{margin-top:12px}.G .srh h1{font-size:26px}}