@charset "utf-8";

#mps * {box-sizing: border-box;}
#mps img {display: block; max-width: 100%; margin: 0 auto;}
#mps .container {z-index: 1;}

.mps-top {position: relative;background: url('https://img.megastudyth.com/event/2026/megapass/bg_img3.png')no-repeat center 0 / cover;padding: 7rem 0 8.5rem;text-align: center;} 
.mps-top::before {content:'';background: url('https://img.megastudyth.com/event/2026/megapass/bg_img1.png')no-repeat center 0 / cover;width: 19.3125rem;height: 100%;position: absolute;top: 0;left: 0;} 
.mps-top::after {content:'';background: url('https://img.megastudyth.com/event/2026/megapass/bg_img2.png')no-repeat center 0 / cover;width: 19.3125rem;height: 100%;position: absolute;top: 0;right: 0;} 
.mps-top__slogan {font-size: 2.75rem;font-weight: 500;color: #1A2B56;margin-bottom: 1rem;} 
.mps-top__slogan p {position: relative;background: url(https://img.megastudyth.com/event/2026/megapass/con_img7.png) no-repeat 0 100% / auto;display: inline-flex;padding: 0 1.2rem 1.2rem 1.3rem;letter-spacing: -0.1rem;margin-left: -1.3rem;} 
.mps-top__slogan p::before {content:'';background: url(https://img.megastudyth.com/event/2026/megapass/con_img6.png) no-repeat center 100% / auto;width: 2.5rem;height: 2.1875rem;position: absolute;top: -0.5rem;right: -1.3rem;}
.mps-top__slogan h3 {margin: 0 -88px;} 
.mps-top__info {font-size: 1.375rem;line-height: 160%;background: #fff;padding: 2.425rem 5.3125rem;position: relative;border-radius: 5rem;max-width: 51rem;margin: 0 auto;font-weight: 600;}
.mps-top__info::before {content:'';position:absolute;inset:0;padding: 4px;border-radius:inherit;background:linear-gradient(90deg,#FEA300 0%,#FF7801 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;} 
.mps-top__info span {color:#FF6B00} 

.mps-premium {background: #000;color: #fff;text-align: center;padding: 7.5rem 0;}
.mps-premium h4 {font-size: 5rem;font-weight: 700;line-height: 100%;margin-bottom: 1.25rem;}
.mps-premium h4 + p {font-size: 1.5rem;line-height: 120%;font-weight: 400;margin-bottom: 03.75rem;}
.mps-premium__price {background: url('https://img.megastudyth.com/event/2026/megapass/con_img3.png')no-repeat center 0 / contain;padding: 4.25rem 0 4rem;display: flex;flex-direction: column;align-items: center;width: 34.75rem;aspect-ratio: 1/0.87;margin: 0 auto;}
.mps-premium__price .price{color: #FFD6B3;font-size: 1.5rem;margin: 0 0 2.5rem;}
.mps-premium__price .price strong{display: block;font-size: 5.5rem;font-weight: 600;background: linear-gradient(90deg,#FF6B00 0%,#FF3700 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;line-height: 100%;}
.mps-premium__btn {display: flex;gap: 0.75rem;flex-direction: column;border-top: 2px dashed #FFD6B3;padding-top: 2rem;}
.mps-premium__btn li button {display: flex;background: linear-gradient(90deg,#FF6B00 0%,#FF3700 100%);color: #fff;width: 20.5rem;align-items: center;justify-content: center;height: 3.875rem;border-radius: 5rem;border: 2px solid #FF6B00;font-size: 1.25rem;font-weight: 500;}
.mps-premium__btn li button:disabled {background: #c1c1c1;border: 2px solid #c1c1c1;cursor: default;}
.mps-premium__btn li:nth-child(2) button {background: #fff;color: #FF6B00;}
.mps-premium__notice {margin: 05rem 0.75rem 0;background: #1A1A2E;padding: 3.5rem 13.625rem;text-align: left;font-size: 1.25rem;font-weight: 500;border-radius: 1.25rem;}
.mps-premium__notice li {display: flex;position: relative;padding: 0.55rem 0 0.55rem 03.25rem;border-bottom: 1px solid #ffffff6b;}
.mps-premium__notice li::before {content: '';background: url('https://img.megastudyth.com/event/2026/megapass/con_img4.png')no-repeat center 0;width: 24px;height: 18px;display: block;position: absolute;top: 0.8rem;left: 1rem;}
.mps-premium__line {margin-top: 1.75rem;display: flex;align-items: center;justify-content: center;gap: 1.25rem;}
.mps-premium__line p {font-size: 1rem;font-weight: 400;color: #999;}
.mps-premium__line button{display: flex;justify-content: center;align-items: center;background: #06C755;color: #fff;border-radius: 0.5rem;width: 11.25rem;height: 2.5rem;}

.mps-select {background: #F4F7FB;text-align: center;padding: 7.5rem 0;}
.mps-select h4 {font-size: 5rem;font-weight: 700;line-height: 100%;margin-bottom: 1.25rem;}
.mps-select h4 + p {font-size: 1.5rem;line-height: 120%;font-weight: 400;margin-bottom: 03.75rem;}
.mps-select__list {gap: 1.25rem;display: flex;flex-direction: column;}
.mps-select__list li {position: relative;background: #FFF;border-radius: 0.75rem;display: flex;padding: 1.44rem 01.75rem 1.44rem 08.5rem;align-items: center;text-align: left;justify-content: space-between;}
.mps-select__list li i {position: absolute;left: 1.75rem;}
.mps-select__list dl{display: flex;gap: 1rem;flex-direction: column;align-items: flex-start;width: 100%;padding: 0 1rem 0 0;}
.mps-select__list dl dt{font-size: 1.75rem;font-weight: 600;}
.mps-select__list dl dt span {font-size: 1.25rem;font-weight: 500;margin-left: 0.5rem;}
.mps-select__list dl dd {display: flex;flex-direction: column;gap: 6px;}
.mps-select__list dl dd p {font-size: 1rem;font-weight: 300;color: #505050;line-height: 120%;}
.mps-select__list-sale {display: flex;flex-direction: column;align-items: flex-end;gap: 0.75rem;}
.mps-select__list-sale p {color: #FF6B00;font-weight: 600;font-size: 1.75rem;line-height: 100%;}
.mps-select__list-sale button{background: #FF6B00;color: #fff;width: 9.875rem;height: 3rem;border-radius: 0.5rem;}
.mps-select__list-sale button:disabled{background: #b8b8b8;cursor: default;}

@media (max-width:1280px) {

    .mps-top__slogan h3 {margin: 0;}
    .mps-top__info {padding: 2rem 2.5rem;line-height: 130%;font-size: 1.25rem;}

}

@media (max-width:992px) {

    .mps-top__slogan {font-size: 2rem;}
    .mps-top__slogan p {background-size: contain;margin-bottom: 1rem;}
    .mps-top__slogan p::before {background-size: contain;top: -1rem;}

    .mps-premium__price {padding: 3.5rem 4rem 4.5rem;min-height: 19.375rem;height: auto;width: auto;max-width: 35rem;}
    .mps-premium__notice {padding: 3.5rem 5rem;}

    .mps-select__list li {padding: 1.44rem 01.75rem 1.44rem 6.5rem;}
    .mps-select__list li i {width: 3rem;}

}

@media (max-width:768px) {

    .mps-top {padding: 5rem 0 6rem;}
    .mps-top::before,
    .mps-top::after {display: none}
    .mps-top__slogan {font-size: 1.7rem;margin-bottom: 1rem;}

    .mps-premium h4 {font-size: 2.5rem;}
    .mps-premium h4 + p {font-size: 1.25rem;}
    .mps-premium__price .price {margin-bottom: 1rem;}
    .mps-premium__price .price strong {font-size: 4rem;}
    .mps-premium__btn {padding: 1rem 0rem 0;}
    .mps-premium__btn li button {height: 3.25rem;}
    .mps-premium__notice {padding: 2.25rem 2rem;}
    .mps-premium__notice li {padding: 0.55rem 0 0.55rem 2.5rem;}
    .mps-premium__notice li::before {left: 0;}
    .mps-premium__line p {text-align: left;}

    .mps-select h4 {font-size: 2.5rem;}
    .mps-select__list li {padding-left: 2rem;flex-direction: column;}
    .mps-select__list dl {padding: 0;}
    .mps-select__list dl dt {padding: 0 0 0 4rem;}
    .mps-select__list dl dt span {display: block;margin: 0;}
    .mps-select__list dl dd {background: #fff9f4;padding: 1rem;width: 100%;}
    .mps-select__list-sale {width: 100%;flex-direction: row;align-items: center;width: 100%;justify-content: flex-end;margin-top: 1rem;}

}