#container_title { display: none; }
.mbox-subscription, .mbox-subscription * { box-sizing: border-box; }
.mbox-subscription { width: min(1200px, calc(100% - 30px)); margin: 0 auto; padding: 48px 0 110px; color: #10173c; font-family: Pretendard, "Malgun Gothic", sans-serif; }
.mbox-subscription a { color: inherit; text-decoration: none; }
.mbox-subscription a:focus-visible { outline: 3px solid #e95c90; outline-offset: 4px; }
.mbox-subscription__hero { position: relative; display: grid; align-content: center; gap: 25px; min-height: 430px; overflow: hidden; padding: 48px 50px; border-radius: 24px; background: #110e18; color: #fbfcfe; }
.mbox-subscription__hero::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgba(17,14,24,.88), rgba(17,14,24,.2) 75%, transparent); }
.mbox-subscription__art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mbox-subscription__copy, .mbox-subscription__price { position: relative; z-index: 1; max-width: 55%; }
.mbox-subscription__kicker { color: #fce3a6; font-size: 11px; font-weight: 800; letter-spacing: .18em; }
.mbox-subscription__hero h1 { margin: 15px 0 13px; color: #fbfcfe; font-size: clamp(30px, 3.4vw, 46px); font-weight: 800; letter-spacing: -.05em; line-height: 1.2; word-break: keep-all; }
.mbox-subscription__hero p { max-width: 620px; margin: 0; color: #f3f5fb; font-size: 15px; line-height: 1.75; word-break: keep-all; }
.mbox-subscription__price { display: flex; flex-direction: column; align-items: flex-start; }
.mbox-subscription__price span { color: #dcdcfd; font-size: 12px; }
.mbox-subscription__price strong { margin: 8px 0; color: #fce3a6; font-size: 33px; font-weight: 800; }
.mbox-subscription__price small { color: #c7cada; font-size: 11px; line-height: 1.55; }
.mbox-subscription__status { max-width: 780px; margin: 68px auto 0; }
.mbox-subscription__heading span { color: #564fe6; font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.mbox-subscription__heading h2 { margin: 9px 0 24px; color: #10173c; font-size: 28px; font-weight: 800; letter-spacing: -.04em; }
.mbox-subscription__status ul { margin: 0; padding: 0; border-top: 1px solid #e1e4e9; list-style: none; }
.mbox-subscription__status li { display: flex; justify-content: space-between; gap: 15px; padding: 20px 4px; border-bottom: 1px solid #e1e4e9; font-size: 14px; }
.mbox-subscription__status li span { color: #707586; }
.mbox-subscription__status li strong { color: #10173c; font-weight: 700; text-align: right; }
.mbox-subscription__status button { display: block; width: 100%; margin-top: 28px; padding: 18px; border: 0; border-radius: 11px; background: #e1e4e9; color: #707586; font: inherit; font-size: 15px; font-weight: 700; cursor: not-allowed; }
.mbox-subscription__status > p { margin: 14px 0 0; color: #707586; font-size: 13px; line-height: 1.65; }
.mbox-subscription__back { display: inline-flex; align-items: center; gap: 19px; margin-top: 50px; padding-bottom: 6px; border-bottom: 1px solid #564fe6; color: #4730af !important; font-size: 13px; font-weight: 700; }
@media (max-width: 720px) {
    .mbox-subscription { padding: 30px 0 75px; }
    .mbox-subscription__hero { align-content: end; min-height: 510px; gap: 20px; padding: 35px 24px; border-radius: 17px; }
    .mbox-subscription__hero::after { background: linear-gradient(0deg, rgba(17,14,24,.96), rgba(17,14,24,.25) 75%, transparent); }
    .mbox-subscription__art { object-position: 70% center; }
    .mbox-subscription__copy, .mbox-subscription__price { max-width: 100%; }
    .mbox-subscription__hero h1 { font-size: 29px; }
    .mbox-subscription__hero p { font-size: 13px; }
    .mbox-subscription__price { margin-top: 0; padding: 0; }
    .mbox-subscription__price strong { font-size: 27px; }
    .mbox-subscription__status { margin-top: 48px; }
    .mbox-subscription__heading h2 { font-size: 23px; }
    .mbox-subscription__status li { padding: 17px 2px; font-size: 13px; }
}