.sosododam-mini-banner {
    --sdmb-gap:10px;
    --sdmb-radius:14px;
    --sdmb-max-width:320px;
    --sdmb-duration:720ms;
    position:relative;
    width:min(100%,var(--sdmb-max-width));
    max-width:var(--sdmb-max-width);
    min-width:0;
    font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.sosododam-mini-banner.align-left{margin-left:0;margin-right:auto}
.sosododam-mini-banner.align-center{margin-left:auto;margin-right:auto}
.sosododam-mini-banner.align-right{margin-left:auto;margin-right:0}
.sosododam-mini-banner *,.sosododam-mini-banner *::before,.sosododam-mini-banner *::after{box-sizing:border-box}
.sdmb-viewport{position:relative;width:100%;min-width:0;overflow:hidden;border-radius:var(--sdmb-radius)}
.sdmb-track{width:100%;min-width:0}
.sdmb-item{position:relative;display:block;width:100%;aspect-ratio:5/2;overflow:hidden;border-radius:var(--sdmb-radius);background:#f7f4f5;box-shadow:0 3px 14px rgba(62,45,51,.055);text-decoration:none;transform:translateZ(0)}
.sdmb-item img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0;transition:transform .22s ease,filter .22s ease}
.sosododam-mini-banner.has-hover .sdmb-item:hover img{transform:scale(1.016);filter:saturate(1.025)}

/* 슬라이드쇼: 3D 전환을 위해 모든 슬라이드를 같은 무대에 겹쳐 둔다. */
.mode-slideshow .sdmb-viewport{aspect-ratio:5/2;background:#f7f4f5;box-shadow:0 3px 14px rgba(62,45,51,.055);perspective:1100px;perspective-origin:50% 50%;transform-style:preserve-3d}
.mode-slideshow .sdmb-track{position:absolute;inset:0;transform-style:preserve-3d;perspective:1100px}
.mode-slideshow .sdmb-item{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity,filter;transform-origin:50% 50%}
.mode-slideshow .sdmb-item.is-active{opacity:1;visibility:visible;pointer-events:auto}
.mode-slideshow .sdmb-item.sdmb-in,.mode-slideshow .sdmb-item.sdmb-out{visibility:visible;pointer-events:none;animation-duration:var(--sdmb-duration);animation-timing-function:cubic-bezier(.2,.72,.22,1);animation-fill-mode:both}

/* 2D */
.sdmb-in.fx-slide{animation-name:sdmbSlideIn}.sdmb-out.fx-slide{animation-name:sdmbSlideOut}
.is-reverse .sdmb-in.fx-slide{animation-name:sdmbSlideInRev}.is-reverse .sdmb-out.fx-slide{animation-name:sdmbSlideOutRev}
.sdmb-in.fx-fade{animation-name:sdmbFadeIn}.sdmb-out.fx-fade{animation-name:sdmbFadeOut}
.sdmb-in.fx-soft{animation-name:sdmbSoftIn}.sdmb-out.fx-soft{animation-name:sdmbSoftOut}

/* 3D cube */
.sdmb-in.fx-cube-left{transform-origin:100% 50%;animation-name:sdmbCubeInLeft}.sdmb-out.fx-cube-left{transform-origin:0 50%;animation-name:sdmbCubeOutLeft}
.sdmb-in.fx-cube-right{transform-origin:0 50%;animation-name:sdmbCubeInRight}.sdmb-out.fx-cube-right{transform-origin:100% 50%;animation-name:sdmbCubeOutRight}
/* 3D flip */
.sdmb-in.fx-flip-x{animation-name:sdmbFlipXIn}.sdmb-out.fx-flip-x{animation-name:sdmbFlipXOut}
.sdmb-in.fx-flip-y{animation-name:sdmbFlipYIn}.sdmb-out.fx-flip-y{animation-name:sdmbFlipYOut}
/* coverflow */
.sdmb-in.fx-coverflow{animation-name:sdmbCoverIn}.sdmb-out.fx-coverflow{animation-name:sdmbCoverOut}
/* depth */
.sdmb-in.fx-depth-push{animation-name:sdmbDepthIn}.sdmb-out.fx-depth-push{animation-name:sdmbDepthOut}
/* tilt zoom */
.sdmb-in.fx-tilt-zoom{animation-name:sdmbTiltIn}.sdmb-out.fx-tilt-zoom{animation-name:sdmbTiltOut}
/* door */
.sdmb-in.fx-door{transform-origin:0 50%;animation-name:sdmbDoorIn}.sdmb-out.fx-door{transform-origin:100% 50%;animation-name:sdmbDoorOut}
/* rotate */
.sdmb-in.fx-rotate-in{animation-name:sdmbRotateIn}.sdmb-out.fx-rotate-in{animation-name:sdmbRotateOut}
/* parallax 3d */
.sdmb-in.fx-parallax-3d{animation-name:sdmbParallaxIn}.sdmb-out.fx-parallax-3d{animation-name:sdmbParallaxOut}
.sdmb-in.fx-parallax-3d img{animation:sdmbParallaxImgIn var(--sdmb-duration) cubic-bezier(.2,.72,.22,1) both}.sdmb-out.fx-parallax-3d img{animation:sdmbParallaxImgOut var(--sdmb-duration) cubic-bezier(.2,.72,.22,1) both}
/* card swing */
.sdmb-in.fx-card-swing{transform-origin:50% 120%;animation-name:sdmbSwingIn}.sdmb-out.fx-card-swing{transform-origin:50% -20%;animation-name:sdmbSwingOut}

@keyframes sdmbSlideIn{from{opacity:.4;transform:translate3d(100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes sdmbSlideOut{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:.35;transform:translate3d(-100%,0,0)}}
@keyframes sdmbSlideInRev{from{opacity:.4;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes sdmbSlideOutRev{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:.35;transform:translate3d(100%,0,0)}}
@keyframes sdmbFadeIn{from{opacity:0}to{opacity:1}}@keyframes sdmbFadeOut{from{opacity:1}to{opacity:0}}
@keyframes sdmbSoftIn{from{opacity:0;transform:translate3d(8%,0,0) scale(.985)}to{opacity:1;transform:none}}@keyframes sdmbSoftOut{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(-5%,0,0) scale(1.012)}}
@keyframes sdmbCubeInLeft{from{opacity:.45;transform:translate3d(50%,0,-220px) rotateY(72deg)}to{opacity:1;transform:none}}
@keyframes sdmbCubeOutLeft{from{opacity:1;transform:none}to{opacity:.15;transform:translate3d(-50%,0,-220px) rotateY(-72deg)}}
@keyframes sdmbCubeInRight{from{opacity:.45;transform:translate3d(-50%,0,-220px) rotateY(-72deg)}to{opacity:1;transform:none}}
@keyframes sdmbCubeOutRight{from{opacity:1;transform:none}to{opacity:.15;transform:translate3d(50%,0,-220px) rotateY(72deg)}}
@keyframes sdmbFlipXIn{from{opacity:0;transform:rotateX(-92deg) scale(.9)}to{opacity:1;transform:none}}
@keyframes sdmbFlipXOut{from{opacity:1;transform:none}to{opacity:0;transform:rotateX(92deg) scale(.9)}}
@keyframes sdmbFlipYIn{from{opacity:0;transform:rotateY(92deg) scale(.9)}to{opacity:1;transform:none}}
@keyframes sdmbFlipYOut{from{opacity:1;transform:none}to{opacity:0;transform:rotateY(-92deg) scale(.9)}}
@keyframes sdmbCoverIn{from{opacity:.25;transform:translate3d(56%,0,-260px) rotateY(-38deg) scale(.86)}to{opacity:1;transform:none}}
@keyframes sdmbCoverOut{from{opacity:1;transform:none}to{opacity:.18;transform:translate3d(-48%,0,-300px) rotateY(32deg) scale(.84)}}
@keyframes sdmbDepthIn{from{opacity:0;filter:blur(6px);transform:translate3d(0,0,-620px) scale(.74)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes sdmbDepthOut{from{opacity:1;filter:blur(0);transform:none}to{opacity:0;filter:blur(4px);transform:translate3d(0,0,260px) scale(1.14)}}
@keyframes sdmbTiltIn{from{opacity:0;transform:translate3d(22%,6%,-180px) rotateY(-24deg) rotateZ(4deg) scale(.82)}to{opacity:1;transform:none}}
@keyframes sdmbTiltOut{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(-18%,-4%,-160px) rotateY(20deg) rotateZ(-3deg) scale(1.06)}}
@keyframes sdmbDoorIn{from{opacity:.15;transform:perspective(900px) rotateY(-88deg) scale(.92)}to{opacity:1;transform:none}}
@keyframes sdmbDoorOut{from{opacity:1;transform:none}to{opacity:.05;transform:perspective(900px) rotateY(88deg) scale(.92)}}
@keyframes sdmbRotateIn{from{opacity:0;transform:translate3d(24%,0,-250px) rotateY(-55deg) rotateZ(8deg) scale(.82)}to{opacity:1;transform:none}}
@keyframes sdmbRotateOut{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(-24%,0,-250px) rotateY(55deg) rotateZ(-8deg) scale(.82)}}
@keyframes sdmbParallaxIn{from{opacity:0;transform:translate3d(20%,0,-160px) rotateY(-18deg)}to{opacity:1;transform:none}}
@keyframes sdmbParallaxOut{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(-14%,0,-120px) rotateY(12deg)}}
@keyframes sdmbParallaxImgIn{from{transform:scale(1.15) translateX(-7%)}to{transform:scale(1) translateX(0)}}
@keyframes sdmbParallaxImgOut{from{transform:scale(1) translateX(0)}to{transform:scale(1.1) translateX(5%)}}
@keyframes sdmbSwingIn{from{opacity:0;transform:translate3d(28%,8%,-160px) rotateZ(10deg) rotateY(-22deg) scale(.88)}to{opacity:1;transform:none}}
@keyframes sdmbSwingOut{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(-24%,-8%,-170px) rotateZ(-9deg) rotateY(18deg) scale(.9)}}

/* 1·2·3 → 2·3·4 세로 롤링 */
.mode-rolling .sdmb-viewport{border-radius:0;transition:height .2s ease}
.mode-rolling .sdmb-track{display:flex;flex-direction:column;gap:var(--sdmb-gap);transform:translate3d(0,0,0);will-change:transform,opacity}

/* 고정 여러 장 */
.mode-stack .sdmb-viewport,.mode-single .sdmb-viewport{overflow:visible;border-radius:0}
.mode-stack .sdmb-track{display:flex;flex-direction:column;gap:var(--sdmb-gap)}
.mode-single .sdmb-track{display:block}

.sdmb-nav{position:absolute;z-index:8;top:50%;width:30px;height:30px;margin-top:-15px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(255,255,255,.78);color:#5c5055;font:700 22px/26px Arial,sans-serif;cursor:pointer;box-shadow:0 3px 12px rgba(55,39,45,.09);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sdmb-prev{left:7px}.sdmb-next{right:7px}
.sdmb-dots{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:8px;min-height:8px}
.sdmb-dot{width:6px;height:6px;padding:0;border:0;border-radius:999px;background:#ddd3d6;cursor:pointer;transition:width .18s ease,background .18s ease}
.sdmb-dot.is-active{width:16px;background:#f1a4ba}
.sdmb-settings{position:absolute;z-index:10;right:6px;top:6px;display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border:1px solid rgba(235,221,226,.92);border-radius:999px;background:rgba(255,255,255,.94);color:#695a5f!important;font-size:10.5px;font-weight:700;text-decoration:none!important;box-shadow:0 4px 14px rgba(67,48,55,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sdmb-empty{display:flex;min-height:120px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:16px;border:1px dashed #eddae1;border-radius:var(--sdmb-radius);background:#fffafb;color:#5d5155!important;text-align:center;text-decoration:none!important}
.sdmb-empty strong{font-size:12px}.sdmb-empty span{color:#9c9095;font-size:10.5px}
@media(max-width:768px){.sosododam-mini-banner{width:100%;max-width:100%}.sdmb-nav{width:28px;height:28px;margin-top:-14px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.sdmb-item img,.sdmb-track,.sdmb-viewport,.sdmb-dot,.sdmb-item{animation:none!important;transition:none!important}}

/* ======================================================================
   SOSODODAM MINI BANNER V6 · PREMIUM STAGE
   - 부모 컬럼 100%
   - 배너 자체 오라 / 유리 하이라이트 / 포인터 3D 틸트 / 진행바
   ====================================================================== */
.sosododam-mini-banner{
    --sdmb-tilt-x:0deg;
    --sdmb-tilt-y:0deg;
    --sdmb-img-x:0px;
    --sdmb-img-y:0px;
    --sdmb-aura-opacity:.48;
    width:100%!important;
    max-width:none!important;
    isolation:isolate;
    transform:translateZ(0);
}
.sosododam-mini-banner::before{
    content:"";
    position:absolute;
    z-index:-2;
    left:5%;right:5%;top:10%;bottom:-9%;
    border-radius:calc(var(--sdmb-radius) + 18px);
    pointer-events:none;
    opacity:0;
    filter:blur(24px);
    transform:translate3d(0,9px,-1px) scale(.98);
    transition:opacity .35s ease,transform .45s ease;
}
.sosododam-mini-banner::after{
    content:"";
    position:absolute;
    z-index:-1;
    left:8%;right:8%;bottom:-13px;height:24px;
    border-radius:50%;
    background:rgba(83,55,66,.16);
    filter:blur(17px);
    opacity:.5;
    pointer-events:none;
    transition:opacity .35s ease,transform .35s ease;
}
.sosododam-mini-banner.has-ambient::before{
    opacity:var(--sdmb-aura-opacity);
    background:
        radial-gradient(circle at 18% 40%,rgba(247,175,196,.72),transparent 42%),
        radial-gradient(circle at 78% 35%,rgba(255,226,185,.58),transparent 42%),
        radial-gradient(circle at 55% 88%,rgba(186,218,205,.38),transparent 48%);
    animation:sdmbAuraBreath 5.4s ease-in-out infinite alternate;
}
.sosododam-mini-banner.is-transitioning::before{opacity:.76;transform:translate3d(0,11px,-1px) scale(1.02)}
.sosododam-mini-banner:hover::after{opacity:.72;transform:translateY(2px) scaleX(1.04)}

/* 무대 */
.mode-slideshow .sdmb-viewport{
    position:relative;
    overflow:hidden;
    border-radius:var(--sdmb-radius);
    border:1px solid rgba(255,255,255,.62);
    background:rgba(255,255,255,.34);
    box-shadow:
        0 16px 38px rgba(72,48,57,.13),
        0 3px 10px rgba(72,48,57,.07),
        inset 0 1px 0 rgba(255,255,255,.74),
        inset 0 -1px 0 rgba(255,255,255,.18);
    -webkit-backdrop-filter:blur(14px) saturate(135%);
    backdrop-filter:blur(14px) saturate(135%);
    transform:perspective(1200px) rotateX(var(--sdmb-tilt-x)) rotateY(var(--sdmb-tilt-y)) translateZ(0);
    transform-origin:50% 50%;
    transition:transform .16s ease-out,box-shadow .28s ease,border-color .28s ease;
}
.mode-slideshow.has-tilt:hover .sdmb-viewport{
    box-shadow:
        0 22px 48px rgba(72,48,57,.16),
        0 6px 16px rgba(72,48,57,.08),
        inset 0 1px 0 rgba(255,255,255,.86),
        inset 0 -1px 0 rgba(255,255,255,.18);
}
.mode-slideshow .sdmb-viewport::before{
    content:"";
    position:absolute;
    z-index:7;
    pointer-events:none;
    left:1px;right:1px;top:1px;height:34%;
    border-radius:calc(var(--sdmb-radius) - 1px) calc(var(--sdmb-radius) - 1px) 45% 45%;
    background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,0));
    mix-blend-mode:screen;
}
.mode-slideshow.has-shine .sdmb-viewport::after{
    content:"";
    position:absolute;
    z-index:7;
    pointer-events:none;
    top:-35%;bottom:-35%;left:-32%;width:28%;
    background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.08) 28%,rgba(255,255,255,.62) 50%,rgba(255,255,255,.10) 72%,transparent 100%);
    transform:skewX(-14deg) translateX(-180%);
    animation:sdmbGlassSweep 6.8s ease-in-out infinite;
    opacity:.52;
}
.mode-slideshow.is-transitioning .sdmb-viewport{border-color:rgba(255,255,255,.82)}

/* 이미지 자체가 아주 약하게 포인터 방향을 따라가며 입체감 */
.mode-slideshow.has-tilt .sdmb-item.is-active img{
    transform:scale(1.028) translate3d(var(--sdmb-img-x),var(--sdmb-img-y),0);
    transition:transform .18s ease-out,filter .25s ease;
}
.mode-slideshow.has-tilt .sdmb-item.sdmb-in img,
.mode-slideshow.has-tilt .sdmb-item.sdmb-out img{transition:none}

/* 무대 스타일 */
.visual-aura3d{--sdmb-aura-opacity:.52}
.visual-aura3d .sdmb-viewport{border-color:rgba(255,255,255,.70)}
.visual-glass::before{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.58),transparent 68%)!important;opacity:.34!important}
.visual-glass .sdmb-viewport{background:rgba(255,255,255,.28);box-shadow:0 15px 36px rgba(65,48,54,.11),inset 0 1px 0 rgba(255,255,255,.82)}
.visual-cinematic::before{background:radial-gradient(circle at 50% 55%,rgba(72,57,62,.28),transparent 65%)!important;opacity:.30!important}
.visual-cinematic .sdmb-viewport{box-shadow:0 24px 52px rgba(40,30,34,.21),0 4px 12px rgba(40,30,34,.10);border-color:rgba(255,255,255,.36)}
.visual-cinematic .sdmb-item img{filter:saturate(1.035) contrast(1.015)}
.visual-clean::before,.visual-clean::after{display:none!important}
.visual-clean .sdmb-viewport{border-color:rgba(231,221,225,.75);box-shadow:0 5px 18px rgba(62,45,51,.07);background:#fff}
.visual-clean .sdmb-viewport::before,.visual-clean .sdmb-viewport::after{display:none!important}

/* 진행바 */
.sdmb-slide-progress{
    position:absolute;
    z-index:9;
    left:12px;right:12px;bottom:7px;
    height:3px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.34);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
    pointer-events:none;
}
.sdmb-slide-progress i{
    display:block;
    width:0;height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#f7afc4 0%,#ffd2a8 52%,#b9d7cc 100%);
    box-shadow:0 0 10px rgba(247,175,196,.42);
}

/* 화살표를 '기능 버튼'이 아니라 글라스 컨트롤처럼 */
.mode-slideshow .sdmb-nav{
    width:34px;height:34px;margin-top:-17px;
    border:1px solid rgba(255,255,255,.62);
    background:rgba(255,255,255,.52);
    color:#5c4e53;
    box-shadow:0 6px 18px rgba(49,34,40,.12),inset 0 1px 0 rgba(255,255,255,.72);
    -webkit-backdrop-filter:blur(12px) saturate(135%);
    backdrop-filter:blur(12px) saturate(135%);
    opacity:.25;
    transform:scale(.92);
    transition:opacity .2s ease,transform .2s ease,background .2s ease;
}
.mode-slideshow:hover .sdmb-nav,.mode-slideshow:focus-within .sdmb-nav{opacity:.92;transform:scale(1)}
.mode-slideshow .sdmb-nav:hover{background:rgba(255,255,255,.78);transform:scale(1.06)}

/* 점도 무대에 어울리게 */
.mode-slideshow .sdmb-dots{margin-top:10px;gap:6px}
.mode-slideshow .sdmb-dot{height:6px;width:6px;background:rgba(128,111,117,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.mode-slideshow .sdmb-dot.is-active{width:21px;background:linear-gradient(90deg,#f3a4bb,#ffd0aa);box-shadow:0 2px 8px rgba(239,154,181,.22)}

/* 새 3D 전환 */
.sdmb-in.fx-prism{animation-name:sdmbPrismIn}.sdmb-out.fx-prism{animation-name:sdmbPrismOut}
.sdmb-in.fx-page-turn{transform-origin:0 50%;animation-name:sdmbPageIn}.sdmb-out.fx-page-turn{transform-origin:100% 50%;animation-name:sdmbPageOut}
.sdmb-in.fx-portal{animation-name:sdmbPortalIn}.sdmb-out.fx-portal{animation-name:sdmbPortalOut}
.sdmb-in.fx-zoom-tunnel{animation-name:sdmbTunnelIn}.sdmb-out.fx-zoom-tunnel{animation-name:sdmbTunnelOut}
.sdmb-in.fx-orbit{animation-name:sdmbOrbitIn}.sdmb-out.fx-orbit{animation-name:sdmbOrbitOut}
.sdmb-in.fx-fold-3d{transform-origin:50% 0;animation-name:sdmbFoldIn}.sdmb-out.fx-fold-3d{transform-origin:50% 100%;animation-name:sdmbFoldOut}

@keyframes sdmbPrismIn{from{opacity:0;filter:blur(3px) saturate(1.3);transform:translate3d(26%,0,-180px) rotateY(-52deg) rotateZ(3deg) scale(.86)}to{opacity:1;filter:none;transform:none}}
@keyframes sdmbPrismOut{from{opacity:1;filter:none;transform:none}to{opacity:0;filter:blur(2px) saturate(.88);transform:translate3d(-22%,0,-210px) rotateY(42deg) rotateZ(-2deg) scale(.88)}}
@keyframes sdmbPageIn{from{opacity:.15;transform:perspective(1100px) rotateY(-86deg) translateZ(-80px)}to{opacity:1;transform:none}}
@keyframes sdmbPageOut{from{opacity:1;transform:none}to{opacity:.06;transform:perspective(1100px) rotateY(88deg) translateZ(-90px)}}
@keyframes sdmbPortalIn{from{opacity:0;filter:blur(7px) brightness(1.16);transform:translateZ(-540px) scale(.50) rotateZ(-5deg)}65%{opacity:.9;filter:blur(1px);transform:translateZ(40px) scale(1.035) rotateZ(.6deg)}to{opacity:1;filter:none;transform:none}}
@keyframes sdmbPortalOut{from{opacity:1;transform:none}to{opacity:0;filter:blur(6px);transform:translateZ(360px) scale(1.24) rotateZ(4deg)}}
@keyframes sdmbTunnelIn{from{opacity:0;filter:blur(6px);transform:translate3d(0,0,-680px) scale(.46)}to{opacity:1;filter:none;transform:none}}
@keyframes sdmbTunnelOut{from{opacity:1;transform:none}to{opacity:0;filter:blur(5px);transform:translate3d(0,0,420px) scale(1.34)}}
@keyframes sdmbOrbitIn{from{opacity:0;transform:translate3d(38%,8%,-220px) rotateY(-62deg) rotateZ(7deg) scale(.78)}to{opacity:1;transform:none}}
@keyframes sdmbOrbitOut{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(-34%,-6%,-240px) rotateY(58deg) rotateZ(-7deg) scale(.8)}}
@keyframes sdmbFoldIn{from{opacity:.08;transform:perspective(1000px) rotateX(84deg) scaleY(.72)}to{opacity:1;transform:none}}
@keyframes sdmbFoldOut{from{opacity:1;transform:none}to{opacity:.06;transform:perspective(1000px) rotateX(-84deg) scaleY(.72)}}

@keyframes sdmbAuraBreath{0%{filter:blur(23px);transform:translate3d(-1%,8px,-1px) scale(.97)}100%{filter:blur(29px);transform:translate3d(1%,12px,-1px) scale(1.035)}}
@keyframes sdmbGlassSweep{0%,72%{transform:skewX(-14deg) translateX(-190%)}88%,100%{transform:skewX(-14deg) translateX(650%)}}

@media(max-width:768px){
    .sosododam-mini-banner::before{left:7%;right:7%;filter:blur(18px)}
    .mode-slideshow .sdmb-viewport{transform:none!important}
    .mode-slideshow.has-tilt .sdmb-item.is-active img{transform:scale(1.01)!important}
    .mode-slideshow .sdmb-nav{opacity:.62}
}
@media(prefers-reduced-motion:reduce){
    .sosododam-mini-banner::before,.mode-slideshow.has-shine .sdmb-viewport::after{animation:none!important}
    .mode-slideshow .sdmb-viewport{transform:none!important}
}

/* SOSODODAM_MINI_BANNER_V6_CLEANUP_HOTFIX_START */
/* 불필요한 색줄 / 오라 / 검은 그림자 / 유리무대 효과 제거 */

.sosododam-mini-banner::before,
.sosododam-mini-banner::after{
    display:none !important;
}

.mode-slideshow .sdmb-viewport{
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    transform:none !important;
}

.mode-slideshow .sdmb-viewport::before,
.mode-slideshow .sdmb-viewport::after{
    display:none !important;
}

.mode-slideshow.has-tilt .sdmb-item.is-active img,
.mode-slideshow .sdmb-item img{
    transform:none !important;
    filter:none !important;
}

.sdmb-slide-progress{
    display:none !important;
}

.mode-slideshow .sdmb-dot{
    background:rgba(170,150,158,.28) !important;
    box-shadow:none !important;
}

.mode-slideshow .sdmb-dot.is-active{
    background:#f1a4ba !important;
    box-shadow:none !important;
}

.mode-slideshow .sdmb-nav{
    border:1px solid rgba(238,226,230,.95) !important;
    background:rgba(255,255,255,.96) !important;
    color:#6a5b60 !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
}

.mode-slideshow:hover .sdmb-nav,
.mode-slideshow:focus-within .sdmb-nav{
    opacity:.92 !important;
    transform:none !important;
}

.visual-aura3d .sdmb-viewport,
.visual-glass .sdmb-viewport,
.visual-cinematic .sdmb-viewport,
.visual-clean .sdmb-viewport{
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
/* SOSODODAM_MINI_BANNER_V6_CLEANUP_HOTFIX_END */


/* SOSODODAM_MINI_BANNER_SETTINGS_BUTTON_V7_START */

.sdmb-settings{
    opacity:0 !important;
    visibility:hidden !important;
    transform:translateY(-4px) scale(.96);
    pointer-events:none;

    background:rgba(255,255,255,.88) !important;
    border:1px solid rgba(236,225,229,.9) !important;
    box-shadow:0 4px 12px rgba(60,45,50,.07) !important;

    transition:
        opacity .18s ease,
        visibility .18s ease,
        transform .18s ease !important;
}

.sosododam-mini-banner:hover .sdmb-settings,
.sosododam-mini-banner:focus-within .sdmb-settings{
    opacity:.88 !important;
    visibility:visible !important;
    transform:translateY(0) scale(1);
    pointer-events:auto;
}

.sdmb-settings:hover{
    opacity:1 !important;
}

/* 모바일에서는 관리자 버튼도 아예 숨김 */
@media(max-width:768px){
    .sdmb-settings{
        display:none !important;
    }
}

/* SOSODODAM_MINI_BANNER_SETTINGS_BUTTON_V7_END */