.benefit-price-stage{border-top:1px solid #CBD4C8;margin-top:20px;padding-top:22px}
.benefit-price-stage .pay-total{margin:0!important;padding-top:18px!important}
.benefit-price-stage dl{margin-top:0}
.benefit-price-stage [data-benefit-price]{font-variant-numeric:tabular-nums}
.benefit-start-note{font-size:13px;color:#53655D;margin-bottom:14px;line-height:1.7}
.benefit-steps{margin-top:26px;border-top:1px solid #CBD4C8}
.benefit-steps li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #E5E9E3;font-size:14px;color:#183D38;transition:color .35s,opacity .35s,transform .35s}
.benefit-steps li span{line-height:1.6}.benefit-steps li strong{white-space:nowrap;font-size:16px;font-weight:600}
.benefit-motion-ready .benefit-steps li:not(.is-applied){color:#53655D;opacity:1}
.benefit-steps li.is-applied{transform:translateX(0);color:#183D38}
.sticker-bonus{display:flex;gap:12px;align-items:center;margin:18px 0;min-height:74px}
.sticker-bonus-images{display:flex;width:92px;flex-shrink:0}
.sticker-bonus img{width:52px;height:64px;object-fit:contain}.sticker-bonus img:last-child{margin-left:-10px;transform:rotate(8deg)}
.sticker-bonus p{font-size:14px;color:#183D38;line-height:1.6}.sticker-bonus p small{display:block;font-size:12px;color:#53655D}
.benefit-motion-ready .sticker-bonus{opacity:0;transform:translateY(12px);transition:opacity .45s,transform .45s}
.benefit-motion-ready .sticker-bonus.is-added{opacity:1;transform:none}
.benefit-replay{background:none;border:0;border-bottom:1px solid #183D38;padding:8px 0;color:#183D38;font-size:13px;min-height:44px}
.benefit-conditions{font-size:12px;color:#53655D;line-height:1.85;margin-top:16px}
.benefit-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.benefit-steps li{font-size:13px}.benefit-steps li strong{font-size:15px}.benefit-price-stage .pay-total dd{font-size:34px}.benefit-price-stage .pay-total dt{max-width:95px}}
@media(prefers-reduced-motion:reduce){.benefit-steps li,.benefit-motion-ready .sticker-bonus{transition:none;transform:none}}
.benefit-price-stage .pay-total dd [data-benefit-price]{font-size:inherit;margin-left:0}

.benefit-replay{display:none}.benefit-motion-ready .benefit-replay{display:inline-block}

.benefit-price-stage .pay-total dd [data-benefit-price]{display:inline-flex;align-items:center;vertical-align:middle;line-height:1}
.benefit-price-stage .pay-total dd .price-reel{display:inline-block;overflow:hidden;height:1em;width:.62em;font-size:inherit;margin:0;line-height:1}
.benefit-price-stage .pay-total dd .price-reel-strip{display:block;font-size:inherit;margin:0;line-height:1;will-change:transform}
.benefit-price-stage .pay-total dd .price-reel-strip>span{display:block;height:1em;font-size:inherit;margin:0;line-height:1;text-align:center}
.benefit-price-stage .pay-total dd .reel-comma{font-size:inherit;margin:0;width:.25em}

.benefit-current{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:2px solid #183D38;padding:12px 0 16px;margin-bottom:20px;min-height:80px}
.benefit-current small{display:block;color:#53655D;font-size:12px;margin-bottom:8px}
.benefit-current p{color:#183D38;font-size:19px;font-weight:600;line-height:1.4}
.benefit-current strong{color:#183D38;font-size:28px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.benefit-motion-ready .benefit-steps li.is-current{background:#183D38;color:#fff;opacity:1;padding-left:10px;padding-right:10px}
.benefit-steps li.is-current span::after{content:'적용 중';display:block;font-size:11px;font-weight:400}
.benefit-steps li.is-applied span::after{content:'적용 완료';display:block;font-size:11px;font-weight:400;color:#53655D}
@media(max-width:700px){.benefit-current{gap:10px}.benefit-current p{font-size:16px}.benefit-current strong{font-size:24px}}

.benefit-price-stage{scroll-margin-top:100px}
.benefit-motion-ready .benefit-steps li.is-current span,.benefit-motion-ready .benefit-steps li.is-current strong{color:#fff!important}

.benefit-steps li{transition:none}

.benefit-current{transition:opacity .26s ease,transform .26s ease}
.benefit-current.is-changing{opacity:0;transform:translateY(5px);transition-duration:.18s}
.benefit-steps li{padding-left:10px;padding-right:10px;transition:background-color .4s ease,color .4s ease}
.benefit-steps li span,.benefit-steps li strong{transition:color .4s ease}
.benefit-steps li.is-current span::after,.benefit-steps li.is-applied span::after{animation:step-state-in .35s ease both}
@keyframes step-state-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.benefit-current,.benefit-steps li,.benefit-steps li span,.benefit-steps li strong{transition:none;transform:none}.benefit-steps li span::after{animation:none!important}}

.benefit-steps li{height:74px;box-sizing:border-box;align-items:center;transition:background-color .55s cubic-bezier(.22,1,.36,1),color .55s cubic-bezier(.22,1,.36,1)}
.benefit-steps li span::after{content:'\00a0';display:block;height:18px;line-height:18px;font-size:11px}
.benefit-steps li span,.benefit-steps li strong{transition:color .55s cubic-bezier(.22,1,.36,1)}
.benefit-current{height:104px;min-height:104px;box-sizing:border-box;transition:opacity .38s ease,transform .38s cubic-bezier(.22,1,.36,1)}
.benefit-current>div{min-width:0;flex:1}
.benefit-current.is-changing{transition-duration:.18s}
.benefit-price-stage .pay-total dd{line-height:1.2;min-height:48px}
.benefit-price-stage .pay-total dd [data-benefit-price]{height:1.2em;align-items:center}
@media(max-width:700px){.benefit-current{height:112px;min-height:112px}.benefit-price-stage .pay-total dd{min-height:42px}}
@media(prefers-reduced-motion:reduce){.benefit-current,.benefit-steps li,.benefit-steps li span,.benefit-steps li strong{transition:none}}

.benefit-steps{position:relative;isolation:isolate;overflow:hidden}
.benefit-steps::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:74px;background:var(--ay-ink,#183D38);transform:translateY(-74px);transition:transform .7s cubic-bezier(.22,1,.36,1);pointer-events:none}
.benefit-steps.at-step-0::before{transform:translateY(0)}
.benefit-steps.at-step-1::before{transform:translateY(74px)}
.benefit-steps.at-step-2::before{transform:translateY(148px)}
.benefit-steps.at-step-3::before{transform:translateY(222px)}
.benefit-steps.at-step-4::before{transform:translateY(296px)}
.benefit-motion-ready .benefit-steps li.is-current{background:transparent}
.benefit-steps li,.benefit-steps li span,.benefit-steps li strong{transition:color .25s ease}
.benefit-steps li span::after{animation:none!important}
.benefit-steps li.is-current span::after{color:#fff}
@media(prefers-reduced-motion:reduce){.benefit-steps::before{transition:none}.benefit-steps li,.benefit-steps li span,.benefit-steps li strong{transition:none}}

.benefit-motion-ready .benefit-steps li.is-current span::after{color:#fff!important}