/* 가맹점 광고 배너 슬라이더 (옛 사이트의 배너 4장) */
.sb{padding-top:clamp(24px,4vw,64px);padding-bottom:clamp(24px,4vw,64px)}
.sb__car{position:relative;border-radius:clamp(20px,2.4vw,32px);overflow:hidden;background:#0b1220;box-shadow:0 18px 48px -24px rgba(17,19,23,.45)}
.sb__view{position:relative;aspect-ratio:1600/893}
.sb__s{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.035);transition:opacity .7s ease,transform 1.6s cubic-bezier(.2,.7,.2,1)}
.sb__s img{display:block;width:100%;height:100%;object-fit:cover}
.sb__car::after{content:"";position:absolute;left:0;right:0;bottom:0;height:20%;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(11,18,32,.42),rgba(11,18,32,0))}
.sb__s.is-on{opacity:1;transform:none;z-index:1}
.sb__ad{position:absolute;left:clamp(12px,1.6vw,22px);top:clamp(12px,1.6vw,22px);z-index:3;padding:.3em .7em;border-radius:999px;background:rgba(17,19,23,.62);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;backdrop-filter:blur(8px)}
.sb__ar{position:absolute;top:50%;z-index:3;width:44px;height:44px;margin-top:-22px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 18px rgba(17,19,23,.25);opacity:0;transition:opacity .25s,transform .25s}
.sb__ar svg{width:20px;height:20px}
.sb__ar--p{left:clamp(10px,1.6vw,22px)}.sb__ar--n{right:clamp(10px,1.6vw,22px)}
.sb__car:hover .sb__ar,.sb__car:focus-within .sb__ar{opacity:1}
.sb__ar:hover{transform:scale(1.06)}
.sb__ar:focus-visible,.sb__dot:focus-visible{outline:3px solid var(--wave);outline-offset:2px}
.sb__dots{position:absolute;left:0;right:0;bottom:clamp(12px,1.6vw,22px);z-index:3;display:flex;justify-content:center;gap:8px}
.sb__dot{position:relative;width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.55);cursor:pointer;overflow:hidden;transition:width .35s var(--out),background .25s}
.sb__dot.is-on{width:34px;background:rgba(255,255,255,.4)}
.sb__dot i{position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
@media (hover:none){.sb__ar{opacity:1;width:40px;height:40px;margin-top:-20px}}
@media (prefers-reduced-motion:reduce){.sb__s{transition:none;transform:none}.sb__dot{transition:none}}