@charset "euc-kr";
@font-face {font-family:'Gmarket Sans';font-weight:700;font-style:normal;src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-display:swap}

/* TOP ? txt-box-01~04 share .mp-feature */
#wrapper.megapass-info {width:100%;overflow-x:hidden}
#wrapper.megapass-info .mp-svg-defs {position:absolute;width:0;height:0;overflow:hidden}
#wrapper.megapass-info .mp-top {position:relative;overflow:hidden;box-sizing:border-box;padding:92px 20px}
#wrapper.megapass-info .mp-top-bg {position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;pointer-events:none}
#wrapper.megapass-info .mp-top-bg img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
#wrapper.megapass-info .mp-bg-mo {display:none}
#wrapper.megapass-info .mp-top-inner {position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:46px;width:100%}
#wrapper.megapass-info .mp-hero {display:flex;flex-direction:column;align-items:center;gap:16px;margin:0}
#wrapper.megapass-info .mp-hero-year {font-family:'Gmarket Sans',sans-serif;font-weight:700;font-size:100px;line-height:1.1;letter-spacing:-2px;color:#333}
#wrapper.megapass-info .mp-hero-brand {font-family:'Gmarket Sans',sans-serif;font-weight:700;font-size:100px;line-height:1.1;letter-spacing:-2px;background-image:linear-gradient(90deg,#0244ff 0%,#0244ff 50%,#00087e 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
#wrapper.megapass-info .mp-top-body {display:flex;flex-direction:column;align-items:center;gap:32px;width:100%}
#wrapper.megapass-info .mp-feature-list {display:flex;justify-content:center;gap:16px;width:100%;max-width:1080px;margin:0;padding:0;list-style:none}
#wrapper.megapass-info .mp-feature {display:flex;flex-direction:column;align-items:center;gap:12px;box-sizing:border-box;width:258px;max-width:258px;flex:1 1 0;min-width:0;padding:24px 0;border:1px solid #fff;border-radius:40px;background:rgba(255,255,255,.4);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#wrapper.megapass-info .mp-feature-icon {position:relative;display:block;flex:0 0 auto;width:120px;height:94px}
#wrapper.megapass-info .mp-feature-shadow {position:absolute;left:50%;bottom:0;display:block;width:104px;height:22px;transform:translateX(-50%)}
#wrapper.megapass-info .mp-feature-pic {position:absolute;left:50%;overflow:hidden;transform:translateX(-50%)}
#wrapper.megapass-info .mp-feature-pic img {position:absolute;display:block;max-width:none}
#wrapper.megapass-info .mp-icon-lecture .mp-feature-pic {top:9px;width:84px;height:66px}
#wrapper.megapass-info .mp-icon-lecture .mp-feature-pic img {top:0;left:-0.34%;width:100.69%;height:115.96%}
#wrapper.megapass-info .mp-icon-unlimited .mp-feature-pic {top:9px;width:88px;height:63px}
#wrapper.megapass-info .mp-icon-unlimited .mp-feature-pic img {top:-0.22%;left:0;width:100%;height:126.61%}
#wrapper.megapass-info .mp-icon-study .mp-feature-pic {top:7px;left:calc(50% + 1.5px);width:95px;height:66px}
#wrapper.megapass-info .mp-icon-study .mp-feature-pic img {top:-0.08%;left:0;width:100%;height:142.72%}
#wrapper.megapass-info .mp-icon-service .mp-feature-pic {top:0;width:66px;height:78px}
#wrapper.megapass-info .mp-icon-service .mp-feature-pic img {top:0;left:-0.3%;width:100.6%;height:109.68%}
#wrapper.megapass-info .mp-feature-copy {display:flex;flex-direction:column;align-items:center;text-align:center}
#wrapper.megapass-info .mp-feature-line {font-family:'Pretendard','Malgun Gothic',sans-serif;font-size:20px;font-weight:400;line-height:28px;letter-spacing:-0.4px;color:#333;white-space:nowrap}
#wrapper.megapass-info .mp-feature-copy strong {font-weight:600}
#wrapper.megapass-info .mp-top-note {margin:0;color:#8ba0c7;font-family:'Pretendard','Malgun Gothic',sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.16px;text-align:center;white-space:nowrap}

@media (max-width:1199px) {
#wrapper.megapass-info .mp-top {padding-left:16px;padding-right:16px}
#wrapper.megapass-info .mp-feature-line {font-size:clamp(15px, calc(15px + (20 - 15) * ((100vw - 768px) / 432px)), 20px)}
}

@media (max-width:767px) {
#wrapper.megapass-info .mp-top {padding:48px 16px}
#wrapper.megapass-info .mp-bg-pc {display:none}
#wrapper.megapass-info .mp-bg-mo {display:block;}
#wrapper.megapass-info .mp-top-bg {left:50%;transform:translateX(-50%)}
#wrapper.megapass-info .mp-top-inner {gap:32px}
#wrapper.megapass-info .mp-hero {gap:8.025px}
#wrapper.megapass-info .mp-hero-year,#wrapper.megapass-info .mp-hero-brand {font-size:clamp(40px, 13.889vw, 50px);letter-spacing:-1px}
#wrapper.megapass-info .mp-top-body {gap:12px}
#wrapper.megapass-info .mp-feature-list {flex-wrap:wrap;gap:16px;width:100%;max-width:none}
#wrapper.megapass-info .mp-feature {container-type:inline-size;box-sizing:border-box;flex:1 1 calc(50% - 8px);gap:8px;width:auto;max-width:none;padding:20px 0;border-radius:16px;background:rgba(255,255,255,.4)}
#wrapper.megapass-info .mp-feature-icon {width:calc(96px * (100cqi / 156px));height:calc(75px * (100cqi / 156px))}
#wrapper.megapass-info .mp-feature-shadow {width:calc(83.2px * (100cqi / 156px));height:calc(17.6px * (100cqi / 156px))}
#wrapper.megapass-info .mp-icon-lecture .mp-feature-pic {top:calc(7.2px * (100cqi / 156px));left:50%;width:calc(67.2px * (100cqi / 156px));height:calc(52.8px * (100cqi / 156px))}
#wrapper.megapass-info .mp-icon-unlimited .mp-feature-pic {top:calc(7.2px * (100cqi / 156px));left:50%;width:calc(70.875px * (100cqi / 156px));height:calc(50.4px * (100cqi / 156px))}
#wrapper.megapass-info .mp-icon-study .mp-feature-pic {top:calc(5.6px * (100cqi / 156px));left:calc(50% + 1.2px * (100cqi / 156px));width:calc(76.357px * (100cqi / 156px));height:calc(52.8px * (100cqi / 156px))}
#wrapper.megapass-info .mp-icon-service .mp-feature-pic {top:0;left:50%;width:calc(52.8px * (100cqi / 156px));height:calc(62.4px * (100cqi / 156px))}
#wrapper.megapass-info .mp-feature-line {font-size:16px;line-height:24px;letter-spacing:-0.16px;white-space:normal}
#wrapper.megapass-info .mp-top-note {width:100%;max-width:none;font-size:14px;line-height:20px;letter-spacing:-0.14px;white-space:normal}
}
#wrapper.megapass-info .mp-offer {display:flex;flex-direction:column;align-items:center;gap:32px;box-sizing:border-box;width:100%;padding:60px 20px;background:#f1f3f8;font-family:'Pretendard','Malgun Gothic',sans-serif}
#wrapper.megapass-info .mp-offer-title {margin:0;color:#333;font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.64px;text-align:center}
#wrapper.megapass-info .mp-grade {display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:930px}
#wrapper.megapass-info .mp-grade-name {margin:0;padding:8px 32px;border-radius:999px;background:#1c3ed9;color:#fff;font-size:24px;font-weight:700;line-height:32px;letter-spacing:-0.48px}
#wrapper.megapass-info .mp-grade-body {display:flex;flex-direction:column;align-items:flex-end;gap:12px;width:100%}
#wrapper.megapass-info .mp-card-list {display:flex;gap:24px;width:100%;margin:0;padding:0;list-style:none}
#wrapper.megapass-info .mp-card {position:relative;display:flex;flex-direction:column;flex:1 1 0;box-sizing:border-box;width:294px;max-width:294px;min-width:0;border-radius:16px;background:#fff;overflow:hidden}
#wrapper.megapass-info .mp-card-head {display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px}
#wrapper.megapass-info .mp-card-title {display:flex;flex-direction:column;align-items:center;gap:12px}
#wrapper.megapass-info .mp-card-label {display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:28px;padding:0 12px;border-radius:999px;color:#fff;font-size:14px;font-weight:600;line-height:20px;letter-spacing:-0.14px}
#wrapper.megapass-info .mp-card-blue .mp-card-label {background:#1c3ed9}
#wrapper.megapass-info .mp-card-pink .mp-card-label {background:#e64d75}
#wrapper.megapass-info .mp-card-red .mp-card-label {background:#ff7e72}
#wrapper.megapass-info .mp-card-name {display:flex;flex-direction:column;align-items:center;margin:0;color:#333;font-size:28px;font-weight:700;line-height:38px;letter-spacing:-0.56px;text-align:center}
#wrapper.megapass-info .mp-card-blue .mp-card-name span:first-child {color:#1c3ed9}
#wrapper.megapass-info .mp-card-pink .mp-card-name span:first-child {color:#e64d75}
#wrapper.megapass-info .mp-card-red .mp-card-name span:first-child {color:#ff7e72}
#wrapper.megapass-info .mp-card-benefit {display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:246px;height:76px;margin:0;padding:12px 0;border:1px solid transparent;border-radius:12px;color:#333;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-0.36px;text-align:center}
#wrapper.megapass-info .mp-card-benefit em {font-style:normal;font-weight:600}
#wrapper.megapass-info .mp-card-blue .mp-card-benefit {border-color:#1c3ed9}
#wrapper.megapass-info .mp-card-blue .mp-card-benefit em {color:#1c3ed9}
#wrapper.megapass-info .mp-card-pink .mp-card-benefit {border-color:#e64d75}
#wrapper.megapass-info .mp-card-pink .mp-card-benefit em {color:#e64d75}
#wrapper.megapass-info .mp-card-red .mp-card-benefit {border-color:#ff7e72}
#wrapper.megapass-info .mp-card-red .mp-card-benefit em {color:#ff7e72}
#wrapper.megapass-info .mp-card-price {position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:4px;box-sizing:border-box;width:100%;height:122px;min-height:0;margin-top:auto;padding:24px 32px;border-top:1px solid #ededed}
#wrapper.megapass-info .mp-price-old {color:#999;font-size:20px;font-weight:400;line-height:28px;letter-spacing:-0.4px;text-decoration:line-through}
#wrapper.megapass-info .mp-price-new {color:#333;font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.64px}
#wrapper.megapass-info .mp-flag {position:absolute;left:6.5px;top:-3px;width:66px;height:65.5px}
#wrapper.megapass-info .mp-card-blue .mp-flag {color:#1c3ed9}
#wrapper.megapass-info .mp-card-pink .mp-flag {color:#e64d75}
#wrapper.megapass-info .mp-card-red .mp-flag {color:#ff7e72}
#wrapper.megapass-info .mp-flag svg {display:block;width:100%;height:100%}
#wrapper.megapass-info .mp-flag-txt {position:absolute;width:87%;left:0;right:0;top:12px;color:#fff;text-align:center;white-space:nowrap}
#wrapper.megapass-info .mp-flag-txt b {font-size:24px;font-weight:700;line-height:32px;letter-spacing:-0.48px}
#wrapper.megapass-info .mp-flag-txt span {font-size:16px;font-weight:600;line-height:24px;letter-spacing:-0.16px}
#wrapper.megapass-info .mp-grade-note {margin:0;color:#999;font-size:13px;font-weight:400;line-height:18px}
#wrapper.megapass-info .mp-buy-wrap {display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:930px}
#wrapper.megapass-info .mp-buy {display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:500px;height:61px;padding:18px 0;border-radius:8px;background:#333;color:#fff;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-0.36px;text-align:center;text-decoration:none}
#wrapper.megapass-info .mp-buy-note {margin:0;color:#999;font-size:13px;font-weight:400;line-height:18px;text-align:center}

@media (max-width:1199px) {
#wrapper.megapass-info .mp-offer {padding-left:16px;padding-right:16px}
#wrapper.megapass-info .mp-card {width:auto;max-width:none}
#wrapper.megapass-info .mp-card-benefit {width:100%;max-width:246px;height:auto;min-height:76px}
#wrapper.megapass-info .mp-buy {width:100%;max-width:500px}
}

@media (max-width:767px) {
#wrapper.megapass-info .mp-offer {gap:20px;padding:40px 16px}
#wrapper.megapass-info .mp-offer-title {font-size:28px;line-height:38px;letter-spacing:-0.56px}
#wrapper.megapass-info .mp-grade {gap:16px;width:100%;max-width:none}
#wrapper.megapass-info .mp-grade-name {padding:4px 16px;font-size:20px;line-height:28px;letter-spacing:-0.4px}
#wrapper.megapass-info .mp-card-list {flex-direction:column;gap:12px}
#wrapper.megapass-info .mp-card {flex:0 0 auto;width:100%;height:auto}
#wrapper.megapass-info .mp-card-head {gap:12px;padding:24px}
#wrapper.megapass-info .mp-card-title {gap:8px}
#wrapper.megapass-info .mp-card-label {height:24px;padding:2px 12px}
#wrapper.megapass-info .mp-card-name {font-size:24px;line-height:32px;letter-spacing:-0.48px}
#wrapper.megapass-info .mp-card-benefit {width:100%;max-width:none;height:auto;min-height:72px;border-width:0;font-size:16px;line-height:24px;letter-spacing:-0.16px}
#wrapper.megapass-info .mp-card-blue .mp-card-benefit {box-shadow:inset 0 0 0 1px #1c3ed9}
#wrapper.megapass-info .mp-card-pink .mp-card-benefit {box-shadow:inset 0 0 0 1px #e64d75}
#wrapper.megapass-info .mp-card-red .mp-card-benefit {box-shadow:inset 0 0 0 1px #ff7e72}
#wrapper.megapass-info .mp-card-price {height:auto;padding:20px 24px;border-top:0;box-shadow:inset 0 1px 0 #ededed}
#wrapper.megapass-info .mp-price-old {font-size:16px;line-height:24px;letter-spacing:-0.16px}
#wrapper.megapass-info .mp-price-new {font-size:28px;line-height:38px;letter-spacing:-0.56px}
#wrapper.megapass-info .mp-flag {left:6px;width:63px;height:62px}
#wrapper.megapass-info .mp-grade-note {font-size:12px;line-height:18px;letter-spacing:-0.12px}
#wrapper.megapass-info .mp-buy-wrap {align-items:stretch;width:100%;max-width:none}
#wrapper.megapass-info .mp-buy {width:100%;max-width:none;height:auto;min-height:54px;padding:16px 0;border-radius:6px;font-size:16px;line-height:24px;letter-spacing:-0.16px}
#wrapper.megapass-info .mp-buy-note {font-size:12px;line-height:18px;letter-spacing:-0.12px;text-align:left}
#wrapper.megapass-info .mp-buy-indent {display:inline-block;padding-left:12px}
}
#wrapper.megapass-info .mp-cond {display:flex;flex-direction:column;align-items:center;gap:32px;box-sizing:border-box;width:100%;padding:60px 20px;background:#fff;font-family:'Pretendard','Malgun Gothic',sans-serif}
#wrapper.megapass-info .mp-cond-head {display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
#wrapper.megapass-info .mp-cond-title {margin:0;color:#333;font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.64px}
#wrapper.megapass-info .mp-cond-lead {margin:0;color:#555;font-size:20px;font-weight:400;line-height:28px;letter-spacing:-0.4px}
#wrapper.megapass-info .mp-cond-body {display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;max-width:1120px}
#wrapper.megapass-info .mp-step-list {position:relative;display:flex;gap:20px;width:100%;margin:0;padding:0;list-style:none}
#wrapper.megapass-info .mp-step {display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:360px;flex:0 0 360px;padding:40px;border-radius:16px;background:#f1f3f8}
#wrapper.megapass-info .mp-step-copy {display:flex;flex-direction:column;align-items:center;margin:0;color:#333;font-size:20px;font-weight:600;line-height:28px;letter-spacing:-0.4px;text-align:center}
#wrapper.megapass-info .mp-step-soft {color:#555;font-weight:400}
#wrapper.megapass-info .mp-plus {position:absolute;z-index:1;top:calc(50% + 0.5px);width:50px;height:53px;margin:0;padding:0;list-style:none;transform:translateY(-50%)}
#wrapper.megapass-info .mp-plus img {display:block;width:100%;height:100%;object-fit:cover}
#wrapper.megapass-info .mp-plus-a {left:341px}
#wrapper.megapass-info .mp-plus-b {left:724px}
#wrapper.megapass-info .mp-cond-note {margin:0;color:#999;font-size:13px;font-weight:400;line-height:18px}
#wrapper.megapass-info .mp-note-line {display:block}

@media (max-width:1199px) {
#wrapper.megapass-info .mp-cond {padding-left:16px;padding-right:16px}
#wrapper.megapass-info .mp-step {width:auto;flex:1 1 0;padding:24px 12px}
#wrapper.megapass-info .mp-step-copy {font-size:clamp(15px, calc(15px + (20 - 15) * ((100vw - 768px) / 432px)), 20px)}
#wrapper.megapass-info .mp-plus {width:32px;height:34px}
#wrapper.megapass-info .mp-plus-a {left:calc(33.333% - 16px)}
#wrapper.megapass-info .mp-plus-b {left:calc(66.667% - 16px)}
}

@media (max-width:767px) {
#wrapper.megapass-info .mp-cond {gap:20px;padding:40px 16px}
#wrapper.megapass-info .mp-cond-head {gap:8px}
#wrapper.megapass-info .mp-cond-title {font-size:28px;line-height:38px;letter-spacing:-0.56px}
#wrapper.megapass-info .mp-cond-lead {font-size:16px;line-height:24px;letter-spacing:-0.32px}
#wrapper.megapass-info .mp-cond-body {gap:16px;width:100%;max-width:none}
#wrapper.megapass-info .mp-step-list {flex-direction:column;gap:12px}
#wrapper.megapass-info .mp-step {flex:0 0 auto;width:100%;height:auto;min-height:92px;padding:24px 32px}
#wrapper.megapass-info .mp-step-copy {font-size:16px;line-height:24px;letter-spacing:-0.16px}
#wrapper.megapass-info .mp-plus {left:calc(50% - 16px);width:32px;height:34px}
#wrapper.megapass-info .mp-plus-a {top:calc(50% + 52px)}
#wrapper.megapass-info .mp-plus-b {top:calc(50% - 54px)}
#wrapper.megapass-info .mp-cond-note {font-size:12px;line-height:18px;letter-spacing:-0.12px}
}
/* #03 txt-box share .mp-shot */
#wrapper.megapass-info .mp-how {display:flex;flex-direction:column;align-items:center;gap:32px;box-sizing:border-box;padding:60px 20px;background:#eff3fe}
#wrapper.megapass-info .mp-how-title {margin:0;color:#333;font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.64px;text-align:center}
#wrapper.megapass-info .mp-how-steps {display:flex;flex-direction:column;gap:48px;width:1200px;max-width:100%}
#wrapper.megapass-info .mp-how-step {display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}
#wrapper.megapass-info .mp-how-head {display:flex;flex-direction:column;align-items:center;gap:12px}
#wrapper.megapass-info .mp-how-pill {display:inline-flex;align-items:center;justify-content:center;padding:8px 24px;border-radius:999px;background:#1c3ed9;color:#fff;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-0.36px}
#wrapper.megapass-info .mp-how-name {margin:0;color:#333;font-size:28px;font-weight:700;line-height:38px;letter-spacing:-0.56px;text-align:center}
#wrapper.megapass-info .mp-shot-row {display:flex;gap:24px;width:100%}
#wrapper.megapass-info .mp-shot {display:flex;flex-direction:column;align-items:center;gap:24px;box-sizing:border-box;flex:1 1 0;min-width:0;padding:40px;border-radius:16px;background:#fff}
#wrapper.megapass-info .mp-shot-frame {position:relative;box-sizing:border-box;width:500px;height:311px;overflow:hidden;border-radius:12px}
#wrapper.megapass-info .mp-shot-russell {background:#163176}
#wrapper.megapass-info .mp-shot-photo {position:absolute;left:4px;top:0;width:497px;height:311px;object-fit:cover}
#wrapper.megapass-info .mp-shot-mega img {display:block;width:100%;height:auto}
#wrapper.megapass-info .mp-shot-mega .mp-mega-mo {display:none}
#wrapper.megapass-info .mp-shot-wide {flex:none;gap:32px;width:1200px;max-width:100%;padding:60px}
#wrapper.megapass-info .mp-stage-fit {width:1080px;max-width:100%;overflow:hidden;border-radius:12px}
#wrapper.megapass-info .mp-stage-fit img {display:block;width:100%;height:auto}
#wrapper.megapass-info .mp-stage-fit .mp-stage-mo {display:none}
#wrapper.megapass-info .mp-how-desc {margin:0;color:#333;font-size:20px;font-weight:600;line-height:28px;letter-spacing:-0.4px;text-align:center}
#wrapper.megapass-info .mp-how .mp-buy {width:500px}
#wrapper.megapass-info .mp-label-mo {display:none}
#wrapper.megapass-info .mp-link-mo {display:none}
#wrapper.megapass-info .mp-join {display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:1200px;max-width:100%}
#wrapper.megapass-info .mp-join-box {display:flex;flex-direction:column;align-items:center;gap:24px;box-sizing:border-box;width:100%;padding:40px;border-radius:16px;background:#fff}
#wrapper.megapass-info .mp-join-cta {display:flex;flex-direction:column;align-items:center;gap:24px}
#wrapper.megapass-info .mp-join-lead {display:flex;align-items:center;justify-content:center;gap:12px}
#wrapper.megapass-info .mp-join-icon {display:block;width:64px;height:54px;object-fit:cover}
#wrapper.megapass-info .mp-join-copy {margin:0;color:#333;font-size:20px;font-weight:600;line-height:28px;letter-spacing:-0.4px;text-align:center}
#wrapper.megapass-info .mp-join-note {margin:0;color:#999;font-size:13px;font-weight:400;line-height:18px;text-align:center}
#wrapper.megapass-info .mp-notice {color:#999;font-size:13px;font-weight:400;line-height:18px}
#wrapper.megapass-info .mp-notice p {margin:0;white-space:nowrap}
#wrapper.megapass-info .mp-notice a {color:#999;text-decoration:underline}

@media (max-width:1199px) {
#wrapper.megapass-info .mp-how {padding-left:16px;padding-right:16px}
#wrapper.megapass-info .mp-shot {padding:24px 12px}
#wrapper.megapass-info .mp-shot-frame {width:100%;max-width:500px;height:auto;aspect-ratio:500/311}
#wrapper.megapass-info .mp-shot-photo {left:0.8%;width:99.4%;height:100%}
#wrapper.megapass-info .mp-how .mp-buy {width:100%;max-width:500px}
#wrapper.megapass-info .mp-shot-wide {padding:40px 20px}
#wrapper.megapass-info .mp-notice p {white-space:normal}
}

@media (max-width:767px) {
#wrapper.megapass-info .mp-how {gap:20px;padding:40px 16px}
#wrapper.megapass-info .mp-how-title {font-size:28px;line-height:38px;letter-spacing:-0.56px}
#wrapper.megapass-info .mp-how-steps {gap:20px;width:100%;max-width:none}
#wrapper.megapass-info .mp-how-step {gap:16px}
#wrapper.megapass-info .mp-how-head {gap:8px}
#wrapper.megapass-info .mp-how-pill {padding:4px 16px;font-size:16px;line-height:24px;letter-spacing:-0.16px}
#wrapper.megapass-info .mp-how-name {font-size:24px;line-height:32px;letter-spacing:-0.48px}
#wrapper.megapass-info .mp-shot-row {flex-direction:column;gap:16px}
#wrapper.megapass-info .mp-shot {container-type:inline-size;gap:16px;width:100%;padding:24px 20px}
#wrapper.megapass-info .mp-shot-frame {max-width:none;height:calc(166.151px * (100cqi / (328px - 40px)));aspect-ratio:auto;border-radius:5px}
#wrapper.megapass-info .mp-shot-russell {width:calc(267.123px * (100cqi / (328px - 40px)))}
#wrapper.megapass-info .mp-shot-photo {left:calc(2.137px * (100cqi / (328px - 40px)));width:calc(265.521px * (100cqi / (328px - 40px)));height:calc(166.151px * (100cqi / (328px - 40px)))}
#wrapper.megapass-info .mp-shot-mega {width:100%;height:auto;aspect-ratio:auto}
#wrapper.megapass-info .mp-shot-mega .mp-mega-pc {display:none}
#wrapper.megapass-info .mp-shot-mega .mp-mega-mo {display:block}
#wrapper.megapass-info .mp-shot-wide {gap:16px;padding:24px 20px}
#wrapper.megapass-info .mp-stage-fit {width:100%;height:auto}
#wrapper.megapass-info .mp-stage-fit .mp-stage-pc {display:none}
#wrapper.megapass-info .mp-stage-fit .mp-stage-mo {display:block}
#wrapper.megapass-info .mp-how-desc {font-size:16px;line-height:24px;letter-spacing:-0.16px}
#wrapper.megapass-info .mp-how .mp-buy {width:100%;max-width:none}
#wrapper.megapass-info .mp-label-pc {display:none}
#wrapper.megapass-info .mp-label-mo {display:inline}
#wrapper.megapass-info .mp-link-pc {display:none}
#wrapper.megapass-info .mp-link-mo {display:flex}
#wrapper.megapass-info .mp-notice .mp-link-mo {display:inline}
#wrapper.megapass-info .mp-join {width:100%;max-width:none}
#wrapper.megapass-info .mp-join-box {gap:16px;padding:24px 20px}
#wrapper.megapass-info .mp-join-cta {gap:16px;width:100%}
#wrapper.megapass-info .mp-join-lead {align-items:flex-start;gap:8px}
#wrapper.megapass-info .mp-join-icon {width:30px;height:25px}
#wrapper.megapass-info .mp-join-copy {font-size:16px;line-height:24px;letter-spacing:-0.16px;text-align:left}
#wrapper.megapass-info .mp-join-note {font-size:12px;line-height:18px;letter-spacing:-0.12px}
#wrapper.megapass-info .mp-notice {font-size:12px;line-height:18px;letter-spacing:-0.12px}
}