@charset "utf-8";

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

.pre-top {padding: 5rem 0; background: #080A27; position: relative;}
.pre-top:before {content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url('https://img.megastudyth.com/event/2025/mathnine/pre/top_bg.png')no-repeat center center / 47rem auto;}
.pre-top__title {padding: 0 8%;}
.pre-top__profile {width: 100%; max-width: 21.25rem; margin: 0 auto; padding-top: 2.5rem;}
.pre-top__profile dt {border: solid 1px #fff; border-radius: 1.25rem; overflow: hidden;}
.pre-top__profile dd {position: relative; margin-top: -3rem;}
.pre-top__profile dd:before {content: ''; display: block; position: absolute; left: -100%; right: -100%; bottom: 0; height: 500%; background: linear-gradient(to bottom, rgba(8,10,38,0) 0%, rgba(8,10,38,1) 70%);}
.pre-top__profile dd p {position: absolute; position: absolute; left: -0.75rem; bottom: 100%; margin-bottom: 2rem; background: #FF6400; color: #fff; font-size: 1.25rem; font-weight: 600; padding: 0.5rem 1rem; font-style: italic;}
.pre-top__profile dd a {height: 3rem; border: solid 2px #fff; font-size: 1.25rem;	color: #fff; padding: 0 1.5rem; position: relative; border-radius: 0.625rem; display: flex; align-items: center; justify-content: space-between;}
.pre-top__profile dd a strong {color: #FF6400; font-weight: 400; margin-right: 0.25rem;}
.pre-top__profile dd a:after {content: ''; display: block; width: 0px; height: 0px; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #fff; transform: rotate(0deg);}

.pre-lec {padding: 5rem 0; background: #080A27; background: linear-gradient(to bottom, #080A27 0%, #294473 100%);}
.pre-lec__title {font-size: 2.5rem; color: #fff; text-align: center; font-weight: 400;}
.pre-vdo {width: 100%; max-width: 52rem; margin: 0 auto; padding-top: 3rem;}
.pre-vdo > div {padding-bottom: 56.25%; position: relative; background: linear-gradient(to right, #FF6B35 0%, #182556 100%);}
.pre-vdo .play_area {display: block; position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important;}
.pre-vdo .play_area > div,
.pre-vdo .play_area iframe {width: 100% !important; height: 100% !important;}
.pre-lec__swiper {padding-top: 5rem; margin: 0 -5px;}
.pre-lec__swiper .swiper-slide {padding: 0 5px; height: auto;}
.pre-lec__pagination {display: flex; justify-content: center; position: static; width: auto !important; margin-top: 1rem;}
.pre-lec__pagination .swiper-pagination-bullet {width: 6px; height: 6px; background: rgba(255,255,255,0.5); margin-left: 0 !important; margin-right: 4px !important; opacity: 1 !important; border-radius: 4px; transition: all .3s ease-in-out;}
.pre-lec__pagination .swiper-pagination-bullet:last-child {margin-right: 0;}
.pre-lec__pagination .swiper-pagination-bullet-active {background: #FF6400; width: 16px;}
.pre-lec__pagination.swiper-pagination-lock {display: none !important;}
.pre-lec__item {height: 100%; display: flex; flex-direction: column;}
.pre-lec__point {background: #080029; padding: 1.5rem; border-radius: 1.25rem; height: 16.25rem; flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-start;}
.pre-lec__point h6 {background: #FF6400; color: #fff; padding: 0.25rem 1rem; font-size: 1rem; border-radius: 4rem;}
.pre-lec__point h5 {font-size: 1.5rem; color: #fff; font-weight: 400; margin-top: 1rem;}
.pre-lec__point p {color: #BDC8E2; margin-top: 0.875rem; line-height: 1.6;}
.pre-lec__bubble {margin-top: 1.5rem; padding: 1.5rem 1.5rem 1.5rem 4.5rem; background: #fff; flex-grow: 1; position: relative; border-radius: 1.25rem;}
.pre-lec__bubble:before {content: ''; display: block; width: 2.5rem; height: 2.5rem; border-radius: 50%; position: absolute; left: 1rem; top: 1rem; background: url('https://img.megastudyth.com/event/2025/mathnine/pre/lecture_profile.png')no-repeat center center / cover;}
.pre-lec__bubble:after {content: ''; display: block; width: 0px; height: 0px; border-style: solid; position: absolute; bottom: 100%; right: 2rem; border-width: 0 0 1rem 1rem; border-color: transparent transparent #fff transparent; transform: rotate(0deg);}
.pre-lec__bubble h5 {font-weight: 600; color: #1B2C4B; font-size: 1rem; margin-bottom: 0.5rem;}
.pre-lec__bubble p {color: #1B2C4B;}

.pre-intro {padding: 5rem 0; background: #F8F9FA;}
.pre-intro__title {font-size: 2.5rem; color: #1B2C4B; text-align: center; font-weight: 400;}
.pre-intro__list {display: flex; gap: 1.25rem; margin-top: 5rem;}
.pre-intro__list dl {background: #fff; flex: 1; padding: 3rem 1.25rem; text-align: center; display: flex; flex-direction: column; align-items: center; border-radius: 1.25rem; box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.1);}
.pre-intro__list dt {flex-shrink: 0;}
.pre-intro__list dt img {display: block; width: 5rem;}
.pre-intro__list dd {flex-grow: 1; font-size: 1.125rem; color: #1B2C4B; margin-top: 1.25rem;}

.pre-cmtry {padding: 5rem 0;}
.pre-cmtry__title {font-size: 2.5rem; color: #1B2C4B; text-align: center; font-weight: 400;}
.pre-cmtry__write {padding: 4rem 6.25rem; margin-top: 3rem; background: #F7F8FA; position: relative; border-radius: 0.625rem;}
.pre-cmtry__write img {display: block; margin: 0 auto; background: #fff; box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.25);}
.pre-cmtry__write li {position: absolute; color: #fff; width: 21.25rem; height: 10rem; font-size: 1.25rem; font-weight: 500; text-align: center; border-radius: 1.25rem; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(to right, rgba(255,121,40,0.9) 0%, rgba(255,150,14,0.9) 100%); box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.1);}
.pre-cmtry__write li:nth-child(1) {left: 2.5rem; top: 2.5rem;}
.pre-cmtry__write li:nth-child(2) {right: 2.5rem; top: 2.5rem;}
.pre-cmtry__write li:nth-child(3) {left: 2.5rem; bottom: 2.5rem;}
.pre-cmtry__write li:nth-child(4) {right: 2.5rem; bottom: 2.5rem;}
.pre-cmtry__write li p {}

.pre-glry {padding: 5rem 0; background: #1D3052; background: radial-gradient(circle farthest-corner at center center, #1D3052 0%, #000 50%);}
.pre-glry__top {position: relative;}
.pre-glry__top dt {position: absolute; width: 40%; top: -2rem; right: 0;}
.pre-glry__top dt img {}
.pre-glry__top dd {padding-right: 30%; position: relative;	}
.pre-glry__top dd h3 {font-size: 3rem; color: #fff; font-weight: 500;}
.pre-glry__top dd h4 {font-size: 1.75rem; margin-top: 1rem; display: inline-block; -webkit-text-fill-color: transparent; background: linear-gradient(to right, #FF6400 0%, #FF960E 100%) text;}
.pre-glry__top dd p {margin-top: 3.5rem; padding: 3.5rem 2rem; text-align: center; font-weight: 300; font-size: 1.125rem; color: #fff; background: rgba(0,0,0,0.8); border: solid 1px #874C00; border-radius: 1.25rem;}
.pre-glry__swiper {padding-top: 2.5rem; margin: 0 -10px;}
.pre-glry__swiper .swiper-slide {padding: 0 10px;}
.pre-glry__pagination {display: flex; justify-content: center; position: static; width: auto !important; margin-top: 1rem;}
.pre-glry__pagination .swiper-pagination-bullet {width: 6px; height: 6px; background: rgba(255,255,255,0.5); margin-left: 0 !important; margin-right: 4px !important; opacity: 1 !important; border-radius: 4px; transition: all .3s ease-in-out;}
.pre-glry__pagination .swiper-pagination-bullet:last-child {margin-right: 0;}
.pre-glry__pagination .swiper-pagination-bullet-active {background: #FF6400; width: 16px;}
.pre-glry__pagination.swiper-pagination-lock {display: none !important;}
.pre-glry__item {border-radius: 0.625rem; overflow: hidden;}
.pre-glry__list {position: relative;}
.pre-glry__arrow {width: 2.5rem; height: 2.5rem; border-radius: 50%; position: absolute; top: 50%; z-index: 1; text-indent: -9999px; margin-top: -1.25rem; background: #fff; border-radius: 50%;}
.pre-glry__prev {left: -1.25rem;}
.pre-glry__next {right: -1.25rem;}
.pre-glry__arrow:after {content: ''; display: block; width: 0.5rem; height: 0.5rem; position: absolute; left: 50%; top: 50%; margin-top: -0.25rem; border-top: solid 1px #FF6400;}
.pre-glry__prev:after {border-left: solid 1px #FF6400; transform: rotate(-45deg); margin-left: -0.15rem;}
.pre-glry__next:after {border-right: solid 1px #FF6400; transform: rotate(45deg); margin-left: -0.35rem;}

.pre-exp {padding: 5rem 0; background: #000;}
.pre-exp__half {display: flex; gap: 1.25rem;}
.pre-exp__half > div {flex: 1;}
.pre-exp__title {font-size: 1.5rem; color: #FF6400;}
.pre-exp__univ {margin-top: 1.5rem; border: solid 2px #fff; border-radius: 1rem; overflow: hidden;}
.pre-exp__univ dt {display: flex; padding: 1.25rem; color: #fff; background: linear-gradient(to right, #FF960E 0%, #FF7928 100%);}
.pre-exp__univ dt div {flex-grow: 1;}
.pre-exp__univ dt div h5 {font-size: 1.25rem;}
.pre-exp__univ dt div p {font-weight: 300; margin-top: 0.5rem; min-height: 3em;}
.pre-exp__univ dt em {flex-shrink: 0;}
.pre-exp__univ dt em img {display: block; width: 3.75rem;}
.pre-exp__univ dd {padding: 1.25rem; background: #fff; font-size: 1.125rem; line-height: 1.6;}
.pre-exp__desc {margin-top: 2rem; padding: 1px; border-radius: 1rem; background: linear-gradient(to bottom, #787878 0%, #202020 100%);}
.pre-exp__desc span {display: block; padding: 1.25rem; font-size: 1.125rem; line-height: 1.6; color: #fff; background: #191919; border-radius: 1rem; font-weight: 300;}
.pre-exp__tutor {margin-top: 2rem; padding: 0 2rem;}
.pre-exp__tutor dt {font-size: 1.25rem; color: #fff; margin-bottom: 1.25rem;}
.pre-exp__tutor dd {position: relative; padding-bottom: 1.25rem; font-size: 0.875rem; color: #C2C2C2; padding-left: 2rem;}
.pre-exp__tutor dd:before {content: ''; display: block; width: 2px; position: absolute; left: 0.5rem; margin-left: -1px; top: 0; bottom: 0; background: #FF960E;}
.pre-exp__tutor dd:last-child:before {background: linear-gradient(to bottom, #FF960E 0%, #000 100%);}
.pre-exp__tutor dd:after {content: ''; position: absolute; left: 0; top: 0; display: block; width: 1rem; height: 1rem; border-radius: 50%; background: linear-gradient(to right, #FF6B35 0%, #FF960E 100%);}

.pre-rvw {padding: 5rem 0; background: #F8F9FA;}
.pre-rvw__title {font-size: 2.5rem; color: #1B2C4B; text-align: center; font-weight: 500; margin-bottom: 2.5rem;}
.pre-rvw__swiper {margin: -20px -20px;}
.pre-rvw__swiper .swiper-slide {padding: 20px 10px 1rem; height: auto;}
.pre-rvw__pagination {display: flex; justify-content: center; width: auto !important; margin-top: 1.5rem;}
.pre-rvw__pagination .swiper-pagination-bullet {width: 6px; height: 6px; background: rgba(0,0,0,0.2); margin-left: 0 !important; margin-right: 4px !important; opacity: 1 !important; border-radius: 4px; transition: all .3s ease-in-out;}
.pre-rvw__pagination .swiper-pagination-bullet:last-child {margin-right: 0;}
.pre-rvw__pagination .swiper-pagination-bullet-active {background: #333; width: 16px;}
.pre-rvw__pagination.swiper-pagination-lock {display: none !important;}
.pre-rvw__list {position: relative;}
.pre-rvw__arrow {width: 2.5rem; height: 2.5rem; border-radius: 50%; position: absolute; top: 50%; z-index: 1; text-indent: -9999px; margin-top: -1.25rem; background: #fff; border-radius: 50%; box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);}
.pre-rvw__prev {left: -1.25rem;}
.pre-rvw__next {right: -1.25rem;}
.pre-rvw__arrow:after {content: ''; display: block; width: 0.5rem; height: 0.5rem; position: absolute; left: 50%; top: 50%; margin-top: -0.25rem; border-top: solid 1px #FF6400;}
.pre-rvw__prev:after {border-left: solid 1px #FF6400; transform: rotate(-45deg); margin-left: -0.15rem;}
.pre-rvw__next:after {border-right: solid 1px #FF6400; transform: rotate(45deg); margin-left: -0.35rem;}
.pre-rvw__item {padding: 2rem 1.25rem; background: #fff; border-radius: 1.25rem; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1); height: 100%; display: flex; flex-direction: column;}
.pre-rvw__item p {flex-grow: 1; font-weight: 300; line-height: 1.6; min-height: 8em;}
.pre-rvw__item dl {flex-shrink: 0; display: flex; align-items: center; border-top: solid 1px #F8F9FA; padding-top: 1.25rem; margin-top: 1.25rem;}
.pre-rvw__item dl dt {flex-shrink: 0; width: 3rem; height: 3rem; border-radius: 50%; overflow: hidden;}
.pre-rvw__item dl dt img {display: block;}
.pre-rvw__item dl dd {flex-grow: 1; margin-left: 0.625rem;}
.pre-rvw__item dl dd h5 {font-size: 1.125rem; color: #1B2C4B; font-weight: 600;}
.pre-rvw__item dl dd span {font-size: 0.875rem; color: #8B95A1; font-weight: 300;}

.nine-lec {padding: 5rem 0;}

.pre-dtl {padding: 5rem 0; background: #1D3052;}
.pre-dtl__title {}
.pre-dtl__title h3 {font-size: 2.5rem; color: #fff; font-weight: 500;}
.pre-dtl__title h3 strong {color: #FF6400; font-weight: 500; display: block;}
.pre-dtl__title h3 br {display: none;}
.pre-dtl__title p {font-size: 1.25rem; color: #fff; margin-top: 1rem; font-weight: 200;}
.pre-dtl__date {margin-top: 2.5rem; display: flex; justify-content: center; gap: 1.25rem; padding: 0 5rem;}
.pre-dtl__date li {flex: 1;}
.pre-dtl__date li p {background: #374A6D; color: #fff; height: 3.75rem; display: flex; align-items: center; justify-content: center; border-radius: 5rem;}
.pre-dtl__list {margin-top: 3.75rem; display: flex; gap: 1.25rem;}
.pre-dtl__list dl {background: #36496A; border: solid 2px #50617E; text-align: center; padding: 2.5rem; border-radius: 1.25rem; flex: 1; display: flex; flex-direction: column; align-items: center;}
.pre-dtl__list dt {flex-shrink: 0;}
.pre-dtl__list dt em {width: 3rem; height: 3rem; margin: 0 auto; border-radius: 50%; background: #FF6400; color: #fff; font-size: 1.5rem; font-style: normal; display: flex; align-items: center; justify-content: center;}
.pre-dtl__list dt h5 {font-size: 1.5rem; color: #fff; font-weight: 600; margin-top: 1.25rem;}
.pre-dtl__list dt img {display: block; width: 3rem; margin-top: 2.5rem !important;}
.pre-dtl__list dd {flex-grow: 1; font-size: 1.125rem; color: #fff; margin-top: 2.5rem;}

.pre-point {padding: 5rem 0; background: #F8F9FA;}
.pre-point__title {text-align: center;	background: #FF6400; color: #fff; padding: 3.5rem; border-radius: 1.25rem; display: flex; flex-direction: column; align-items: center;}
.pre-point__title dt {font-size: 1.75rem;}
.pre-point__title dd {font-size: 1.125rem; margin-top: 0.5rem; font-weight: 300;}
.pre-point__list {display: flex; gap: 1.25rem; margin-top: 2.5rem;}
.pre-point__list dl {background: #fff; border: solid 3px #FF6400; flex: 1; padding: 3rem; text-align: center; display: flex; flex-direction: column; border-radius: 1.25rem; box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.1);}
.pre-point__list dl dt {flex-shrink: 0; height: 11.25rem; background: #F8F9FA; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center;}
.pre-point__list dl dt img {width: 7.5rem;}
.pre-point__list dl dd {flex-grow: 1; margin-top: 2.5rem;}
.pre-point__list dl dd p {font-size: 1.125rem; font-weight: 500;}

.pre-evt__title {}
.pre-evt__title {text-align: center;}
.pre-evt__title h3 {display: flex; justify-content: center; position: relative;}
.pre-evt__title h3:before {content: ''; display: block; width: 7.5rem; height: 2.25rem; position: absolute; left: 50%; margin-left: -4.5rem; bottom: 0; transform: rotate(5deg); transform-origin: right bottom;}
.pre-evt__title h3 span {width: 7.5rem; height: 2.25rem; display: flex; align-items: center; justify-content: center; position: relative; color: #fff;}
.pre-evt__title h4 {font-size: 3rem; font-weight: 600; margin-top: 1.5rem;}
.pre-evt__title h4 span {color: #000;}
.pre-evt__title.evt1 h3:before {background: #DC6000;}
.pre-evt__title.evt1 h3 span {background: #000;}
.pre-evt__title.evt1 h4 {color: #fff;}
.pre-evt__title.evt1 p {font-size: 1.25rem; color: #fff; font-weight: 300; margin-top: 0.75rem;}
.pre-evt__title.evt2 h3:before {background: #1D3052;}
.pre-evt__title.evt2 h3 span {background: #FF6400;}
.pre-evt__title.evt2 h4 {color: #FF6400;}
.pre-evt__title.evt2 h5 {font-size: 2rem; color: #1D3052; margin-top: 1.25rem; font-weight: 600;}
.pre-evt__title.evt2 p {font-size: 1.5rem; margin-top: 2rem; font-weight: 500;}
.pre-evt__title.evt2 p.org {color: #FF6400;}
.pre-evt__title.evt2 ul {margin-top: 2.5rem; margin-bottom: 4rem; padding: 2rem 2.5rem; background: #1D3052;}
.pre-evt__title.evt2 ul li {color: #fff; font-weight: 200; margin-bottom: 0.5rem; text-align: left; position: relative; padding-left: 0.75rem;}
.pre-evt__title.evt2 ul li:last-child {margin-bottom: 0;}
.pre-evt__title.evt2 ul li:before {content: ''; display: block; width: 0.25rem; height: 0.25rem; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 0.625rem;}
.pre-evt__title.evt2 ul li span {color: #FF6400; font-weight: 500;}
.pre-evt__title.evt3 {margin-bottom: 3.5rem;}
.pre-evt__title.evt3 h3:before {background: #fff;}
.pre-evt__title.evt3 h3 span {background: #FF6400;}
.pre-evt__title.evt3 h4 {color: #fff;}
.pre-evt__title.evt3 h5 {font-size: 2.5rem; color: #fff; margin-top: 1.5rem;}
.pre-evt__title.evt3 p {font-size: 2rem; color: #fff;}
.pre-evt__title.evt3 p span {color: #FF6400;}

.pre-evt1 {padding: 5rem 0; background: #FF6400; background: linear-gradient(to right, #FF6400 0%, #FF960D 100%);}
.pre-evt1__btn {margin-top: 3rem; display: flex; justify-content: center;}
.pre-evt1__btn button {width: 20rem;	 height: 5rem; background: #fff; font-size: 1.5rem; color: #FF6400; font-weight: 500; border-radius: 5rem; display: flex; align-items: center; justify-content: center;}
.pre-evt1__btn button:before {content: ''; display: block; width: 1.5rem; height: 1.5rem; margin-right: 0.5rem; background: url('https://img.megastudyth.com/event/2025/mathnine/pre/event_rocket.png')no-repeat center center / cover;}
.pre-evt1__desc {margin-top: 1.5rem; text-align: center; color: #fff; font-weight: 200;}

.pre-evt2 {padding: 5rem 0; background: #FFF7F3;}
.pre-evt2__step {margin-top: 2.5rem; border-top: solid 0.375rem #FF6400; background: #fff; padding: 2.5rem; display: flex; gap: 2rem;}
.pre-evt2__step dl {background: #F6F6F6; padding: 2.5rem 2rem; text-align: center; display: flex; flex-direction: column; flex: 1;}
.pre-evt2__step dl dt {flex-grow: 1; display: flex; flex-direction: column; align-items: center;}
.pre-evt2__step dl dt em {width: 4.75rem; height: 2rem; font-style: normal; background: #FF6400; color: #fff; border-radius: 5rem; display: flex; align-items: center; justify-content: center;}
.pre-evt2__step dl dt p {margin-top: 2rem; flex-grow: 1; display: flex; flex-direction: column; justify-content: center;}
.pre-evt2__step dl dt p strong {}
.pre-evt2__step dl dd {margin-top: 1.25rem; flex-shrink: 0; color: #FF6400; line-height: 1.5; height: 4.5em; display: flex; flex-direction: column; justify-content: center;}
.pre-evt2__btn {margin-top: 3.75rem;	 display: flex; justify-content: center; gap: 1.25rem;}
.pre-evt2__btn li a {width: 25rem; height: 5rem; background: #000; color: #fff; font-size: 1.5rem; border-radius: 5rem; display: flex; align-items: center; justify-content: center;}
.pre-evt2__btn li a:after {content: ''; display: block; width: 1.5rem; height: 1.5rem; margin-left: 0.75rem;}
.pre-evt2__btn li a.down:after {background: url('https://img.megastudyth.com/event/2025/mathnine/pre/event2_btn_1.png')no-repeat center center / cover;}
.pre-evt2__btn li a.copy:after {background: url('https://img.megastudyth.com/event/2025/mathnine/pre/event2_btn_2.png')no-repeat center center / cover;}
.pre-evt2__btn li a.lg {width: 30rem;}
.pre-evt2__sns {background: #FF6400; margin-top: 5rem; padding: 0.75rem 1.5rem; display: flex; align-items: center; gap: 0.75rem;}
.pre-evt2__sns li img {width: 2rem;}

.pre-evt3 {padding: 5rem 0; background: #1D3052;}
.pre-evt3__warn {margin-top: 2.5rem;}
.pre-evt3__warn dt {height: 2.5rem; background: #2C4778; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center;}
.pre-evt3__warn dd {margin-top: 1.5rem;}
.pre-evt3__warn dd h5 {font-size: 1rem; color: #fff; margin-bottom: 0.75rem; margin-top: 1.5rem;}
.pre-evt3__warn dd h5:first-child {margin-top: 0;	}
.pre-evt3__warn dd ul {font-size: 0.875rem; color: #BDC8E2; font-weight: 300;}
.pre-evt3__warn dd ul.dash {margin-bottom: 1rem;}
.pre-evt3__warn dd ul.dash li {position: relative; padding-left: 10px; margin-bottom: 0.25rem;}
.pre-evt3__warn dd ul.dash li:last-child {margin-bottom: 0;}
.pre-evt3__warn dd ul.dash li:before {content: ''; display: block; width: 5px; height: 1px; background: #BDC8E2; position: absolute; left: 0; top: 8px;}
.pre-evt3__warn dd ul.decimal {padding-left: 1rem;}
.pre-evt3__warn dd ul.decimal > li {list-style: decimal; margin-bottom: 0.5rem;}
.pre-evt3__warn dd ul.decimal > li:last-child {margin-bottom: 0;}
.pre-evt3__warn dd ul.warn {margin-top: 0.25rem;}
.pre-evt3__warn dd ul.warn > li {display: flex; margin-bottom: 0.25rem;}
.pre-evt3__warn dd ul.warn li:last-child {margin-bottom: 0;}
.pre-evt3__warn dd ul.warn > li:before {content: '※'; margin-right: 0.25rem;}
.pre-evt3__warn.org dt {background: #FFDCCA; color: #FF6400;}
.pre-evt3__warn.org dd h5 {color: #000;}
.pre-evt3__warn.org dd ul {color: #000;}
.pre-evt3__warn.org dd ul.dash li:before {background: #000;}

.pre-evt__gry {background: #F2F2F2; padding: 1.75rem 1.75rem 3.75rem;}
.pre-evt__form {display: flex; flex-wrap: wrap;}
.pre-evt__form input[type="text"] {height: 3rem; background: #fff; appearance: none; border: none; padding: 0 1.25rem;}
.pre-evt__form input[type="text"]#evt_tmp_mem_id {flex-shrink: 0; margin-right: 0.5rem; width: 11.25rem;	}
.pre-evt__form input[type="text"]#cmt_contents {flex-grow: 1;}
.pre-evt__form input[type="text"].evt3 {margin-bottom: 0.5rem; width: 11.25rem;}
.pre-evt__form input[type="text"]::placeholder {color: #ddd;}
.pre-evt__form textarea {appearance: none; width: calc(100% - 11.25rem); height: 7.5rem; background: #fff; padding: 1rem; resize: none; border: none; font-size: 0.875rem;}
.pre-evt__form textarea::placeholder {color: #ddd;}
.pre-evt__form textarea + a {height: 7.5rem;}
.pre-evt__form a {width: 11.25rem; height: 3rem; background: #000; color: #fff; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.pre-evt__desc {margin-top: 1.25rem; display: flex;}
.pre-evt__desc dt {order: 2; margin-left: 1rem; flex-shrink: 0;}
.pre-evt__desc dt a {color: #FF6400; font-weight: 500; display: flex; align-items: center;}
.pre-evt__desc dt a:after {content: ''; display: block; width: 0.25rem; height: 0.25rem; border-top: solid 2px #FF6400; border-right: solid 2px #FF6400; margin-left: 0.25rem; transform: rotate(45deg);}
.pre-evt__desc dd {flex-grow: 1;}
.pre-evt__desc dd ul {}
.pre-evt__desc dd ul li {font-size: 0.875rem; color: #6B7684; font-weight: 300; display: flex; margin-bottom: 0.25rem;}
.pre-evt__desc dd ul li:last-child {margin-bottom: 0;}
.pre-evt__desc dd ul li:before {content: '※'; margin-right: 0.25rem;}

.pre-evt__list {background: #fff; padding: 2.5rem 1.75rem 3.5rem;}
.pre-evt__list table {border-top: solid 1px #EDEDF3; table-layout: fixed;}
.pre-evt__list td {border-bottom: solid 1px #EDEDF3; padding: 1.25rem; font-size: 0.875rem; color: #6B7684; text-align: center;}
.pre-evt__list td.content {width: auto; text-align: left;}
.pre-evt__list td.content p {}
.pre-evt__list td.content p strong {font-weight: 400;}
.pre-evt__list td.content p a {color: #FF6400;}
.pre-evt__list td.name {width: 7rem;}
.pre-evt__list td.date {width: 10rem;}

.pre-evt__paging {margin-top: 2rem; display: flex; justify-content: center; align-items: center;}
.pre-evt__paging a {width: 2rem; height: 2rem; text-align: center; font-size: 0.875rem; font-weight: 300; color: #666; display: flex; justify-content: center; align-items: center;}
.pre-evt__paging > a {text-indent: -9999px; margin: 0 2px; position: relative;}
.pre-evt__paging > a img {display: none !important;}
.pre-evt__paging > a:before,
.pre-evt__paging > a:after {content: ''; width: 8px; height: 8px; border-top: solid 2px #aaa; position: absolute; left: 50%; top: 50%; margin-top: -4px; box-sizing: border-box;}
.pre-evt__paging > a.first:before {border-left: solid 2px #aaa; transform: rotate(-45deg); margin-left: -5px;}
.pre-evt__paging > a.first:after {border-left: solid 2px #aaa; transform: rotate(-45deg); margin-left: 1px;}
.pre-evt__paging > a.prev:before {border-left: solid 2px #aaa; transform: rotate(-45deg); margin-left: -2px;}
.pre-evt__paging > a.prev:after {display: none;}
.pre-evt__paging > a.next:before {border-right: solid 2px #aaa; transform: rotate(45deg); margin-left: -6px;}
.pre-evt__paging > a.next:after {display: none;}
.pre-evt__paging > a.last:before {border-right: solid 2px #aaa; transform: rotate(45deg); margin-left: -8px;}
.pre-evt__paging > a.last:after {border-right: solid 2px #aaa; transform: rotate(45deg); margin-left: -2px;}
.pre-evt__paging ul {margin: 0 2px; display: flex; justify-content: center; align-items: center;}
.pre-evt__paging ul li {margin: 0 2px;}
.pre-evt__paging ul li a.on {color: #000; background: #E5E8EB; border-radius: 50%;}

.pre-pop {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; padding: 2rem 1rem; background: rgba(0,0,0,0.5);}
.pre-pop > div {display: table; width: 100%; height: 100%;}
.pre-pop > div > div {display: table-cell; vertical-align: middle;}
.pre-pop__box {width: 100%; max-width: 340px; margin: 0 auto; padding: 3.75rem 2rem 3rem; background: #fff; border-radius: 1.25rem; position: relative; box-shadow: -4px 14px 24px 0px rgba(0, 0, 0, 0.25);}
.pre-pop__box.md {max-width: 480px;}
.pre-pop__box.url {max-width: 640px;}
.pre-pop__title {font-size: 1.25rem; text-align: center; color: #FF6400;}
.pre-pop__title.sm {font-size: 1rem;}
.pre-pop__close {width: 2.5rem; height: 2.5rem; background: none; position: absolute; right: 0.5rem; top: 0.5rem; text-indent: -9999px;}
.pre-pop__close:before,
.pre-pop__close:after {content: ''; display: block; width: 2px; height: 1.5rem; background: #D6D8DD; position: absolute; left: 50%; top: 50%; margin-left: -1px; margin-top: -0.75rem;}
.pre-pop__close:before {transform: rotate(-45deg);}
.pre-pop__close:after {transform: rotate(45deg);}
.pre-pop__cont {margin-top: 1.5rem;}
.pre-pop__aply {margin-top: 0.875rem;}
.pre-pop__aply:first-child {margin-top: 0;}
.pre-pop__aply dt {font-size: 0.875rem;}
.pre-pop__aply dd {margin-top: 0.5rem;}
.pre-pop__aply dd input[type="text"] {border: solid 1px #D3D8DD; background: #fff; border-radius: 0.5rem; display: block; width: 100%; height: 3rem; appearance: none; padding: 0 1rem;}
.pre-pop__aply dd span {background: #F3F4F8; font-weight: 300; border-radius: 0.5rem; width: 100%; height: 3rem; padding: 0 1rem; font-size: 0.875rem; display: flex; align-items: center;}
.pre-pop__btn {margin-top: 2.5rem;}
.pre-pop__btn button {background: #FF6400; color: #fff; width: 100%; height: 3rem; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center;}
.pre-pop__url {table-layout: fixed;}
.pre-pop__url th,
.pre-pop__url td {border: solid 1px #D3D8DD; padding: 0.25rem; text-align: center; font-size: 0.75rem;}
.pre-pop__url th {background: #F7F8FB; color: #8B95A1; font-weight: 400;}
.pre-pop__url td.tal {text-align: left;}
.pre-pop__url + .pre-evt__paging {margin-top: 1rem;}
.pre-pop__tab {display: flex; border: solid 1px #D3D8DD; margin-top: 1.5rem;}
.pre-pop__tab li {border-right: solid 1px #D3D8DD; flex: 1;}
.pre-pop__tab li:last-child {border-right: none;}
.pre-pop__tab li button {height: 2.75rem; width: 100%; background: #fff; font-weight: 300; color: #8B95A1; font-size: 0.75rem; display: flex; align-items: center; justify-content: center;}
.pre-pop__tab li button.active {background: #F7F8FB; color: #000; font-weight: 400;}

#evtcomm_mysns_url_area .pre-pop {display: block;}



@media (max-width:1280px) {
	.pre-lec__title {font-size: 2.25rem;}
	.pre-intro__title {font-size: 2.25rem;}
	.pre-cmtry__title {font-size: 2.25rem;}
	.pre-glry__top dd h3 {font-size: 2.5rem;}
	.pre-rvw__title {font-size: 2.25rem;}
	.pre-rvw__swiper {margin: -20px 0;}
	.pre-dtl__title h3 {font-size: 2.25rem;}
	.pre-evt__title h4 {font-size: 2.5rem;}
	.pre-evt__title.evt3 p {font-size: 1.75rem;}
	.pre-evt__title.evt3 h5 {font-size: 2rem;}
	.pre-evt2__btn li a {width: 22rem; height: 4rem; font-size: 1.25rem;}
	.pre-evt2__btn li a.lg {width: auto; padding: 0 2rem;}
}

@media (max-width:992px) {
	.pre-lec__title {font-size: 2rem;}
	.pre-intro__title {font-size: 2rem;}
	.pre-cmtry__title {font-size: 2rem;}
	.pre-glry__top dd h3 {font-size: 2.25rem;}
	.pre-rvw__title {font-size: 2rem;}
	.pre-dtl__title h3 {font-size: 2rem;}
	.pre-dtl__date {padding: 0;}
	.pre-point__title dt {font-size: 1.5rem;}
	.pre-evt__title h4 {font-size: 2rem;}
	.pre-evt__title.evt2 h5 {font-size: 1.75rem;}
	.pre-evt__title.evt2 ul {margin-top: 1.5rem; margin-bottom: 0; padding: 1.5rem;}
	.pre-evt__title.evt3 p {font-size: 1.5rem;}
}

@media (max-width:768px) {
	.pre-top__title {padding: 0;}
	.pre-top__profile {max-width: 70%;}
	.pre-top__profile dd p {font-size: 1rem;}
	.pre-vdo {padding-top: 1.5rem;}
	.pre-lec__title {font-size: 1.5rem;}
	.pre-lec__swiper {padding-top: 3rem; padding-left: 10px; padding-right: 10px;	 margin: 0 -15px;}
	.pre-lec__swiper .swiper-slide {width: 20rem;}
	.pre-lec__point {padding: 1.25rem; height: 14.5rem;}
	.pre-lec__point h5 {font-size: 1.25rem;}
	.pre-lec__point p {font-size: 0.875rem;	margin-top: 0.5rem;}
	.pre-lec__bubble {padding: 1rem 1rem 1rem 3.75rem;}
	.pre-lec__bubble:before {left: 0.75rem;}
	.pre-lec__bubble h5 {margin-bottom: 0.25rem;}
	.pre-lec__bubble p {font-size: 0.875rem;}

	.pre-intro__title {font-size: 1.25rem;}
	.pre-intro__list {display: block; margin-top: 2rem;}
	.pre-intro__list dl {padding: 1.5rem 1.25rem; margin-bottom: 0.75rem; text-align: left; flex-direction: row;}
	.pre-intro__list dl:last-child {margin-bottom: 0;}
	.pre-intro__list dt {margin-right: 1.5rem;}
	.pre-intro__list dd {font-size: 1rem; margin-top: 0;}

	.pre-cmtry__title {font-size: 1.375rem;}
	.pre-cmtry__write {padding: 0; background: none;}
	.pre-cmtry__write img {box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1);}
	.pre-cmtry__write li {width: 12rem; height: 5rem; font-size: 0.75rem; border-radius: 0.75rem;}
	.pre-cmtry__write li:nth-child(1) {left: -0.5rem; top: -1.5rem;}
	.pre-cmtry__write li:nth-child(2) {right: -0.5rem; top: -1.5rem;}
	.pre-cmtry__write li:nth-child(3) {left: -0.5rem; bottom: -1.5rem;}
	.pre-cmtry__write li:nth-child(4) {right: -0.5rem; bottom: -1.5rem;}

	.pre-glry__top dt {width: 40%;}
	.pre-glry__top dd {padding-right: 0;}
	.pre-glry__top dd h3 {font-size: 1.5rem;}
	.pre-glry__top dd h4 {font-size: 1.25rem; margin-top: 0.5rem;}
	.pre-glry__top dd p {margin-top: 2rem; padding: 1rem; font-size: 0.875rem;}
	.pre-glry__swiper {margin: 0 -15px; padding-top: 2rem; padding-left: 10px; padding-right: 10px;}
	.pre-glry__swiper .swiper-slide {width: 20rem; padding: 0 5px;}

	.pre-exp__half {display: block;}
	.pre-exp__half > div {margin-bottom: 3rem;}
	.pre-exp__half > div:last-child {margin-bottom: 0;}
	.pre-exp__univ {margin-top: 1rem;}
	.pre-exp__univ dt {padding: 1rem;}
	.pre-exp__univ dt div p {font-size: 0.875rem; min-height: auto;}
	.pre-exp__univ dd {padding: 1rem; font-size: 1rem;}
	.pre-exp__desc {margin-top: 1rem;}
	.pre-exp__desc span {padding: 1rem; font-size: 1rem;}
	.pre-exp__tutor {padding: 0 1rem;}

	.pre-rvw__title {margin-bottom: 1rem;}
	.pre-rvw__swiper {margin: -20px -15px; padding: 0 5px;}
	.pre-rvw__swiper .swiper-slide {width: 20rem; padding-left: 5px; padding-right: 5px;}
	.pre-rvw__item {padding: 1.5rem 1.25rem;}
	.pre-rvw__item p {min-height: 6em; font-size: 0.875rem;}
	.pre-rvw__item dl {padding-top: 1rem; margin-top: 1rem;}
	.pre-rvw__item dl dt {width: 2.5rem; height: 2.5rem;}
	.pre-rvw__item dl dd h5 {font-size: 1rem;}
	.pre-rvw__item dl dd span {font-size: 0.75rem;}

	.pre-dtl__title h3 {font-size: 1.75rem;}
	.pre-dtl__title h3 br {display: block;}
	.pre-dtl__title p {font-size: 1rem; margin-top: 0.75rem;}
	.pre-dtl__date {display: block; margin-top: 1.5rem;}
	.pre-dtl__date li {margin-bottom: 0.5rem;}
	.pre-dtl__date li:last-child {margin-bottom: 0;}
	.pre-dtl__date li p {height: 3rem; padding: 0 1rem; border-radius: 0.875rem; justify-content: flex-start;}
	.pre-dtl__list {margin-top: 2rem; display: block;}
	.pre-dtl__list dl {text-align: left; margin-bottom: 0.75rem; padding: 1.25rem; flex-direction: row;}
	.pre-dtl__list dl:last-child {margin-bottom: 0;}
	.pre-dtl__list dt {flex-shrink: 0; margin-right: 2rem;}
	.pre-dtl__list dt em {width: 2.25rem; height: 2.25rem; font-size: 1rem;}
	.pre-dtl__list dt h5 {font-size: 1rem; margin-top: 0.5rem; font-weight: 400;}
	.pre-dtl__list dt img {display: none !important;}
	.pre-dtl__list dd {font-size: 1rem; margin-top: 0;}

	.pre-point__title {padding: 1rem;}
	.pre-point__title dt {font-size: 1.25rem;}
	.pre-point__title dd {font-size: 1rem;}
	.pre-point__list {display: block; margin-top: 0.75rem;}
	.pre-point__list dl {border-width: 2px; padding: 1rem 1.5rem; margin-bottom: 0.75rem; text-align: left; flex-direction: row; align-items: center;}
	.pre-point__list dl:last-child {margin-bottom: 0;}
	.pre-point__list dl dt {height: auto; background: none; margin-right: 2rem;}
	.pre-point__list dl dt img {width: 6rem;}
	.pre-point__list dl dd {margin-top: 0;}
	.pre-point__list dl dd p {font-size: 1rem;}

	.pre-evt__title h4 {font-size: 1.75rem;}
	.pre-evt__title.evt1 p {font-size: 1rem; margin-top: 0.25rem;}
	.pre-evt__title.evt2 p {font-size: 1.25rem; margin-top: 1rem;}
	.pre-evt__title.evt3 p {font-size: 1rem;}
	.pre-evt__title.evt3 {margin-bottom: 1.5rem;}
	.pre-evt__title.evt2 h5 {font-size: 1.5rem;}
	.pre-evt__title.evt2 ul {padding: 1.5rem 1.0rem;}
	.pre-evt__title.evt2 ul li {font-size: 0.875rem; padding-left: 0.5rem;}
	.pre-evt__title.evt2 ul li:before {top: 0.5rem;}
	.pre-evt__title.evt3 h5 {font-size: 1.5rem;}

	.pre-evt1__btn {margin-top: 2rem;}
	.pre-evt1__btn button {width: 16rem;	 height: 4rem; font-size: 1.25rem;}
	.pre-evt1__btn button:before {width: 1.25rem; height: 1.25rem; margin-right: 0.5rem;}
	.pre-evt1__desc {font-weight: 300; font-size: 0.875rem;}

	.pre-evt2__step {margin-top: 2rem; border-top: none; padding: 0; display: block; background:	none;}
	.pre-evt2__step dl {margin-bottom: 1rem; background: #fff; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1);}
	.pre-evt2__step dl:last-child {margin-bottom: 0;}
	.pre-evt2__step dl dt p {margin-top: 1rem;}
	.pre-evt2__step dl dd {height: auto;}
	.pre-evt2__step dl:last-child dd {display: none;}
	.pre-evt2__btn {margin-top: 2rem; display: block;}
	.pre-evt2__btn li {margin-bottom: 0.75rem; display: flex; justify-content: center;}
	.pre-evt2__btn li:last-child {margin-bottom: 0;}
	.pre-evt2__btn li a {width: 18rem; height: 3.5rem; font-size: 1rem;}
	.pre-evt2__btn li a:after {width: 1.25rem; height: 1.25rem;}
	.pre-evt2__sns {margin-top: 3rem; padding: 0.5rem 1rem; gap: 0.5rem;}
	.pre-evt2__sns li img {width: 1.75rem;}

	.pre-evt__gry {padding: 1rem;}
	.pre-evt__form input[type="text"] {padding: 0 0.75rem;}
	.pre-evt__form input[type="text"]#evt_tmp_mem_id {margin-bottom: 0.5rem; width: 10rem; margin-right: calc(100% - 10rem);}
	.pre-evt__form input[type="text"].evt3 {margin-bottom: 0.5rem; width: 10rem; margin-right: calc(100% - 10rem);}
	.pre-evt__form textarea {width: calc(100% - 6rem); height: 6rem; padding: 0.75rem;}
	.pre-evt__form textarea + a {height: 6rem;}
	.pre-evt__form a {width: 6rem;}
	.pre-evt__desc {display: block; margin-top: 1rem;}
	.pre-evt__desc dt {margin-left: 0;}
	.pre-evt__desc dd {margin-top: 0.5rem;}

	.pre-evt__list {padding: 2rem 1rem;}
	.pre-evt__list table,
	.pre-evt__list table tbody {display: block;}
	.pre-evt__list table tr {display: flex; flex-wrap: wrap; border-bottom: solid 1px #EDEDF3; padding: 1rem 0;}
	.pre-evt__list table td {display: block;}
	.pre-evt__list td {border-bottom: none; padding: 0; text-align: left;}
	.pre-evt__list td.content {width: 100%; margin-bottom: 0.5rem;}
	.pre-evt__list td.content p strong {font-size: 1rem; color: #000;}
	.pre-evt__list td.name {width: auto; flex-grow: 1;}
	.pre-evt__list td.date {width: auto; flex-shrink: 0;}
	.pre-evt__paging {margin-top: 1rem;}

}




/* 본이벤트 */
.main-evt1 {background: #000; padding: 5rem 0;}
.main-evt1__desc {padding: 2rem 2.5rem; background: #232323; position: relative;}
.main-evt1__desc:after {content: ''; display: block; width: 5.5rem; height: 4.75rem; position: absolute; left: 100%; bottom: 100%; margin-left: -5rem; margin-bottom: -3rem; background: url('https://img.megastudyth.com/event/2025/mathnine/pre/main_bell.png')no-repeat center center / cover;}
.main-evt1__desc li {color: #fff; font-weight: 200; margin-bottom: 0.5rem; text-align: left; position: relative; padding-left: 0.75rem;}
.main-evt1__desc li:last-child {margin-bottom: 0;}
.main-evt1__desc li:before {content: ''; display: block; width: 0.25rem; height: 0.25rem; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 0.625rem;}
.main-evt1__step {margin-top: 3.75rem;}
.main-evt1__step h4 {text-align: center; font-size: 2rem; color: #FF6400; font-weight: 500;}
.main-evt1__step ul {margin-top: 2.5rem; display: flex; gap:1.25rem;	}
.main-evt1__step ul li {flex: 1;}
.main-evt1__step ul li dl {background: #fff; padding: 3rem 2rem; border-radius: 1.25rem; display: flex; flex-direction: column; height: 100%; text-align: center;}
.main-evt1__step ul li dl dt {flex-shrink: 0;}
.main-evt1__step ul li dl dt h5 {font-size: 1.5rem; color: #FF6400; font-weight: 600;}
.main-evt1__step ul li dl dt em {width: 10rem; margin: 1.5rem auto 0; display: block;}
.main-evt1__step ul li dl dd {flex-grow: 1; margin-top: 1.5rem;}
.main-evt1__step ul li dl dd p {font-size: 1.125rem;}
.main-evt1__step ul li dl dd span {display: block; font-size: 0.875rem; color: #FF6400; margin-top: 1.25rem;}

.main-warn {background: #FF4C00; padding: 2rem 0; text-align: center;}
.main-warn h5 {font-size: 1rem; color: #fff;}
.main-warn h5:before {content: ''; display: block; width: 1.25rem; height: 1.25rem; margin: 0 auto 0.5rem; background: url('https://img.megastudyth.com/event/2025/mathnine/pre/main_warn.png')no-repeat center center / cover;}
.main-warn p {font-size: 0.875rem; color: #fff; font-weight: 300; margin-top: 0.5rem;}

.main-sel {background: #232323; padding: 5rem 0; position: relative;}
.main-sel__coin {position: absolute;	 z-index: 2;}
.main-sel__coin.coin1 {width: 3.5rem; left: 38%; top: 3%;}
.main-sel__coin.coin2 {width: 3.5rem; left: 20%; top: 15%;}
.main-sel__coin.coin3 {width: 5.5rem; right: 2%; top: 30%;}
.main-sel__coin.coin4 {width: 11.5rem; left: 0; bottom: 0;}
.main-sel__coin.coin5 {width: 7.5rem; right: 1%; bottom: 8%;}
.main-sel__box {background: #000; border-radius: 1.25rem; padding: 5rem 8.75rem;}
.main-sel__title {font-size: 1.75rem; color: #FF6400; text-align: center; font-weight: 600;}
.main-sel__chk {margin-top: 1.75rem; display: flex; justify-content: flex-end;}
.main-sel__chk a {font-size: 0.75rem; color: #C2C2C2; text-decoration: underline; font-weight: 300;}
.main-sel__point {margin-top: 1rem; background: #232323; padding: 0.625rem; display: flex; align-items: center; justify-content: center;}
.main-sel__point h5 {flex-shrink: 0; font-size: 1.125rem; color: #fff;}
.main-sel__point span {min-width: 15rem; height: 2.5rem; color: #fff; font-weight: 300; font-size: 0.875rem; background: #000; border: solid 1px #D3D8DD; margin: 0 0.5rem; padding: 0 1rem; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center;}
.main-sel__point strong {font-size: 1.25rem; color: #fff;}
.main-sel__point p {flex-shrink: 0; color: #fff; font-weight: 300;	}
.main-sel__rdo {margin-top: 1.25rem; display: flex; gap: 1.25rem;}
.main-sel__rdo li {flex: 1; display: flex; flex-direction: column; align-items: center;}
.main-sel__rdo li input[type="radio"] {order: 2; margin-top: 1rem; appearance: none; cursor: pointer; display: block; background: none; width: 1rem; height: 1rem; border: solid 1px #fff; border-radius: 50%; position: relative;}
.main-sel__rdo li input[type="radio"] + label {background: #fff; cursor: pointer; padding: 1.5rem 3rem; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center;}
.main-sel__rdo li input[type="radio"]:checked {background: #FF4C00; border-color: #FF4C00;}
.main-sel__rdo li input[type="radio"]:checked:after {content: ''; display: block; background: #fff; border-radius: 50%; position: absolute; left: 0.25rem; right: 0.25rem; top: 0.25rem; bottom: 0.25rem;}
.main-sel__rdo li input[type="radio"]:disabled {opacity: 0.5;}
.main-sel__rdo li input[type="radio"]:disabled + label {opacity: 0.5;}
.main-sel__btn {margin-top: 2.5rem; display:	flex; justify-content: center;}
.main-sel__btn button {width: 17.5rem; height: 3.75rem; border-radius: 5rem; background: #FF6400; color: #fff; font-size: 1.25rem; font-weight: 500;}

.main-test {background: #FFF1DF; padding: 5rem 0;}
.main-test__title {display: flex; flex-direction: column; align-items: center;}
.main-test__title h3 {font-size: 2.5rem; text-align: center;}
.main-test__title h3 span {color: #FF4C00; display: block;}
.main-test__title a {width: 11.25rem; height: 2.5rem; margin-top: 1.25rem; background: #fff; border: solid 1px #000; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center;}
.main-test__wrap {margin-top: 2.5rem;}
.main-test__head {background: #FF6400; height: 5rem; border-radius: 1.25rem 1.25rem 0 0; display: flex; justify-content: center; align-items: center;}
.main-test__head h4 {width: 12.5rem; text-align: center; font-size: 1.75rem; color: #fff; font-weight: 500;}
.main-test__head button {width: 1.75rem; height: 1.75rem; border-radius: 50%; background: #CA4F00; text-indent: -9999px; position: relative;}
.main-test__head button:after {content: ''; display: block; width: 0.5rem; height: 0.5rem; border-top: solid 1px #fff; box-sizing: border-box; position: absolute; left: 50%; top: 50%; margin-top: -0.25rem;}
.main-test__head button.calen_prev:after,
.main-test__head button.prev:after {border-left: solid 1px #fff; transform: rotate(-45deg); margin-left: -0.15rem;}
.main-test__head button.calen_next:after,
.main-test__head button.next:after {border-right: solid 1px #fff; transform: rotate(45deg); margin-left: -0.35rem;}
.main-test__body {padding: 3.25rem; background: #fff;}
.main-test__loading,
.main-test__error {padding: 3rem; text-align: center; min-height: 25rem; background: #F6F6F6; display: flex; align-items: center; justify-content: center;}
.main-test__error {display: none;}
.main-test__cont {display: none;}
.main-test__img {min-height: 25rem; display: flex; align-items: center; justify-content: center; position: relative;}
.main-test__img img {max-width: 100%; max-height: 25rem;}
.main-test__answr {margin-top: 3rem;}
.main-test__chk {display: flex; justify-content: center; gap: 3rem;}
.main-test__chk li input[type="radio"] {display: none;}
.main-test__chk li input[type="radio"] + label {font-size: 1.75rem; position: relative; display: block; cursor: pointer; line-height: 1.0;}
.main-test__chk li input[type="radio"]:checked + label {color: #FF6400;}
.main-test__chk li input[type="radio"]:checked + label:after {content: ''; display: block; width: 2rem; height: 2rem; position: absolute;	 left: 50%; top: 50%; margin-left: -0.75rem; margin-top: -1.75rem; background: url('https://img.megastudyth.com/event/2025/mathnine/pre/test_chk.png')no-repeat center center / cover;}
.main-test__ipt {display: flex; justify-content: center; gap: 0.5rem; align-items: center;}
.main-test__ipt li {font-size: 2rem; font-weight: 600;}
.main-test__ipt li input[type="text"] {appearance: none; display: block; text-align: center; width: 2rem; height: 2rem; border: solid 1px #000;}
.main-test__btn {margin-top: 3rem; display: flex; justify-content: center;}
.main-test__btn button {width: 17.5rem; height: 3.75rem; border-radius: 5rem; color: #fff; font-size: 1.25rem; font-weight: 500;}
.main-test__btn button.bk {background: #000;	}
.main-test__btn button.blu {background: #006FFF;}
.main-test__result {position: absolute; text-indent: -9999px; left: 0; right: 0; top: 0; bottom: 0;}
.main-test__result.red {background: url('https://img.megastudyth.com/event/2025/mathnine/pre/test_x.png')no-repeat center center / 15rem auto;}
.main-test__result.blu {background: url('https://img.megastudyth.com/event/2025/mathnine/pre/test_o.png')no-repeat center center / 15rem auto;}

.main-cal {background: #1D3052; padding: 5rem 0;}
.main-cal__tb {table-layout: fixed; width: 100%;}
.main-cal__tb th,
.main-cal__tb td {border: solid 1px #6B7684; padding: 0.625rem 0.75rem;}
.main-cal__tb th {background: #F8F9FA; color: #6B7684; font-size: 0.875rem; text-align: center; font-weight: 300; border-top: none;}
.main-cal__tb td {background: #fff; vertical-align: top;}
.main-cal__tb td.dim {background: #F8F9FA;}
.main-cal__tb td.today {background: #FFF2B3;}
.main-cal__tb td dl {display: flex;}
.main-cal__tb td dl dt {flex-shrink: 0; width: 1.5rem;}
.main-cal__tb td dl dt span {display: none;}
.main-cal__tb td dl dd {flex-grow: 1; min-width: 0; font-size: 0.75rem; line-height: 1.1; height: 2.2em; margin-top: 0.25rem; font-weight: 300; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main-cal__tb td ul {margin-top: 0.5rem; height: 3.75rem;}
.main-cal__tb td ul li {margin-bottom: 0.25rem;}
.main-cal__tb td ul li:last-child {margin-bottom: 0;}
.main-cal__tb td ul li button {width: 100%; height: 1.75rem; font-size: 0.75rem; color: #fff; border-radius: 0.25rem; display: flex; justify-content: center; align-items: center;}
.main-cal__tb td ul li button.bk {background: #000;}
.main-cal__tb td ul li button.org {background: #FF6400; cursor: not-allowed;}
.main-cal__tb td ul li button.blu {background: #006FFF;}

.main-adm {display: none; position: fixed; padding: 5rem 2rem; z-index: 10000; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5);}
.main-adm__inner {width: 100%; max-width: 80rem; height: 100%; margin: 0 auto; position: relative;}
.main-adm__close {position: absolute; right: 0; bottom: 100%; width: 3rem; height: 3rem; background: none; text-indent: -9999px;}
.main-adm__close:before,
.main-adm__close:after {content: ''; display: block; width: 2px; height: 2rem; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -1px; margin-top: -1rem;}
.main-adm__close:before {transform: rotate(-45deg);}
.main-adm__close:after {transform: rotate(45deg);}
.main-adm__box {background: #fff; height: 100%; overflow-y: auto; padding: 2rem;}
.main-adm__list {}
.main-adm__list th,
.main-adm__list td {border: solid 1px #D3D8DD; padding: 0.25rem; font-size: 0.75rem; text-align: center;}
.main-adm__list th {background:	#F8F9FA; font-weight: 400;}
.main-adm__list td {}
.main-adm__edit {width: 5.5rem; height: 1.875rem; font-size: 0.75rem; border: solid 1px #006FFF; color: #006FFF; border-radius: 0.5rem; display: inline-flex; align-items: center; justify-content: center;}
.main-adm__edit.gry {border-color: #e5e5e5; background: #e5e5e5; color: #fff; cursor: not-allowed;}
.main-adm__edit.blu {border-color: #006FFF; background: #006FFF; color: #fff;}


@media (max-width:1280px) {

}

@media (max-width:992px) {
	.main-sel__box {padding: 5rem 5rem;}
}

@media (max-width:768px) {
	.main-evt1__desc {padding: 1.5rem 1.0rem;}
	.main-evt1__desc li {font-size: 0.875rem; padding-left: 0.5rem;}
	.main-evt1__desc li:before {top: 0.5rem;}
	.main-evt1__step ul {margin-top: 1.5rem; display: block;}
	.main-evt1__step ul li {margin-bottom: 1rem;}
	.main-evt1__step ul li:last-child {margin-bottom: 0;}
	.main-evt1__step ul li dl {padding: 1rem 2rem; flex-direction: row; align-items: center;}
	.main-evt1__step ul li dl dt {flex-shrink: 0; display: flex; flex-direction: column;}
	.main-evt1__step ul li dl dt h5 {font-size: 1.25rem; order: 2; margin-top: 0.5rem;}
	.main-evt1__step ul li dl dt em {width: 7rem; margin: 0 auto; display: block;}
	.main-evt1__step ul li dl dd {margin-top: 0;}
	.main-evt1__step ul li dl dd span {margin-top: 1rem;}

	.main-sel__coin.coin1 {width: 2rem;}
	.main-sel__coin.coin2 {width: 3rem; left: 10%; top: 10%;}
	.main-sel__coin.coin3 {width: 3rem;}
	.main-sel__coin.coin4 {width: 8rem;}
	.main-sel__coin.coin5 {width: 4rem; bottom: 5%;}
	.main-sel__box {padding: 3rem 1rem;}
	.main-sel__title {font-size: 1.5rem;}
	.main-sel__chk {margin-top: 1.5rem; display: flex; justify-content: center;}
	.main-sel__chk a {font-size: 0.75rem;}
	.main-sel__point h5 {font-size: 0.875rem;}
	.main-sel__point span {min-width: auto;}
	.main-sel__rdo {gap: 0.5rem;}
	.main-sel__rdo li input[type="radio"] + label {padding: 0.5rem;}
	.main-sel__btn {margin-top: 2rem;}
	.main-sel__btn button {width: 15rem; height: 3.5rem;}

	.main-test__title h3 {font-size: 2rem;}
	.main-test__wrap {margin-top: 1.5rem;}
	.main-test__head {height: 4rem;}
	.main-test__head h4 {font-size: 1.5rem;}
	.main-test__body {padding: 2rem;}
	.main-test__loading,
	.main-test__error {padding: 2rem; min-height: 20rem; font-size: 0.875rem;}
	.main-test__img {min-height: 20rem;}
	.main-test__img img {max-height: 20rem;}
	.main-test__answr {margin-top: 2rem;}
	.main-test__chk {gap: 2rem;}
	.main-test__chk li input[type="radio"] + label {font-size: 1.5rem;}
	.main-test__ipt li input[type="text"] {width: 2.5rem; height: 2.5rem;}
	.main-test__btn {margin-top: 2rem;}
	.main-test__btn button {width: 15rem; height: 3.5rem;}
	.main-test__result {background-size: 10rem auto !important;}

	.main-cal__tb {background: #fff; padding: 0 1rem;}
	.main-cal__tb thead {display: none;}
	.main-cal__tb,
	.main-cal__tb tbody,
	.main-cal__tb tbody tr {display: block;}
	.main-cal__tb td {border: none; padding: 0; background: none; padding: 0.75rem 0; border-bottom: solid 1px #EDEDF3; display: flex; align-items: center;}
	.main-cal__tb td.dim {display: none;}
	.main-cal__tb td.today {background: none;}
	.main-cal__tb td dl {display: flex; flex-grow: 1; align-items: center; min-width: 0;}
	.main-cal__tb td dl dt {flex-shrink: 0; margin-right: 1rem; width: 3.75rem; height: 3.75rem; background: #F6F6F6; font-size: 1.5rem; font-weight: 500; text-align: center; line-height: 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.main-cal__tb td dl dt span {display: block; font-size: 0.75rem; font-weight: 300;}
	.main-cal__tb td.today dl dt {color: #fff; background: #FF6400;}
	.main-cal__tb td dl dd {font-size: 0.875rem; margin-top: 0; height: auto; max-height: 2.2em;}
	.main-cal__tb td ul {margin-top: 0; flex-shrink: 0; width: 6rem; margin-left: 1rem; display: flex; flex-direction: column; justify-content: center;}
	.main-cal__tb td ul li {margin-bottom: 0.25rem;}
	.main-cal__tb td ul li:last-child {margin-bottom: 0;}
	.main-cal__tb td ul li button {width: 100%; height: 1.75rem; font-size: 0.75rem; color: #fff; border-radius: 0.25rem; display: flex; justify-content: center; align-items: center;}



}