@charset "utf-8";

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

.mk-top {padding-top: 5rem; padding-bottom: 6.25rem; background: #000 url('https://img.megastudyth.com/event/2025/mock/top_bg.jpg')no-repeat center top / 100% auto;}
.mk-top__title {display: flex; flex-direction: column; align-items: center;}
.mk-top__title h6 {color: #fff; font-size: 1.5rem; font-weight: 300; padding: 0 2rem; height: 2.75rem; border-radius: 3rem; border: solid 1px #fff; position: relative; display: flex; align-items: center; justify-content: center;}
.mk-top__title h6:before {content: ''; display: block; position: absolute; left: 10%; top: 50%; bottom: 50%; right: 10%; box-shadow: 0px 0px 60px 30px rgba(0, 0, 0, 1); z-index: -1;}
.mk-top__title h3 {text-align: center; color: #fff; line-height: 1.1; margin-top: 1rem; text-shadow: 0px 0px 10px rgba(84, 51, 254, 1);}
.mk-top__title h3 strong {font-size: 6.875rem; display: block;}
.mk-top__title h3 span {display: block; font-size: 3.75rem;}
.mk-top__title ul {margin-top: 2rem;}
.mk-top__title ul li {color: #a39cff; font-size: 1.375rem; font-weight: 200; margin-bottom: 0.5rem;}
.mk-top__title ul li:last-child {margin-bottom: 0;}
.mk-top__tutor {margin-top: 3rem;}
.mk-top__text {text-align: center; margin-top: 3.5rem;}
.mk-top__text dt {font-size: 1.375rem; color: #6f64ff; font-weight: 500;}
.mk-top__text dd {font-size: 2.5em; color: #fff; font-weight: 300; margin-top: 1rem;}
.mk-top__text dd strong {font-weight: 600;}
.mk-top__btn {display: flex; justify-content: center; margin-top: 3rem;}
.mk-top__btn a {height: 4.375rem; color: #fff; font-size: 1.5rem; border: solid 1px #3f378d; background: #201e33; padding: 0 5.375rem; border-radius: 0.375rem; display: flex; align-items: center; jusitfy-content: center;}

.mk-tutor {padding-bottom: 6.25rem;}
.mk-tutor__group {padding-top: 6.25rem;}
.mk-tutor__title {text-align: center;}
.mk-tutor__title span {display: block; color: #6f64ff; font-size: 1.5rem; font-weight: 500;}
.mk-tutor__title h5 {font-size: 2.375rem; font-weight: 600; margin-top: 1rem;}
.mk-tutor__box {margin-top: 2rem; display: flex; position: relative; min-height: 30rem;}
.mk-tutor__box img {position: absolute; bottom: 0; right: 14%; max-width: none !important; height: 96%;}
.mk-tutor__info {width: 62%; padding: 2.75rem 2.75rem 5rem; border-radius: 0.5rem 0 0 0.5rem; display: flex; flex-direction: column; background: #000 url('https://img.megastudyth.com/event/2025/mock/tutor_bg.png')no-repeat left bottom / auto 95%;}
.mk-tutor__info dt {flex-grow: 1;}
.mk-tutor__info dt span {font-size: 1.625rem; color: #fff; font-weight: 300;}
.mk-tutor__info dt h4 {font-size: 3.75rem; font-weight: 600; background: linear-gradient(90deg,#7276ff 0%,#fff 30%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.mk-tutor__info dd {color: #fff; margin-top: 2rem; flex-shrink: 0;}
.mk-tutor__info dd ul li {margin-bottom: 1.5rem;}
.mk-tutor__info dd ul li:last-child {margin-bottom: 0;}
.mk-tutor__info dd ul li h5 {font-size: 1.125rem; margin-bottom: 0.5rem;}
.mk-tutor__info dd ul li p {font-weight: 300; margin-bottom: 0.125rem;}
.mk-tutor__info dd ul li p:last-child {margin-bottom: 0;}
.mk-tutor__good {width: 38%; padding: 5rem 2.75rem; text-align: center; border-radius: 0 0.5rem 0.5rem 0; display: flex; flex-direction: column; justify-content: center; background: #6E5FFF; background: linear-gradient(to bottom right, #6E5FFF 0%, #5D00E9 100%);}
.mk-tutor__good dt {font-size: 1.875rem; color: #fff; margin-bottom: 1.5rem;}
.mk-tutor__good dd {height: 6.25rem; background: rgba(255,255,255,0.2); color: #fff; position: relative; z-index: 1; margin-bottom: 0.75rem; padding: 0 2rem; display: flex; align-items: center; justify-content: center;}
.mk-tutor__good dd:last-child {margin-bottom: 0;}

.mk-agda {background: #f8f8f8; padding: 6.25rem 0;}
.mk-agda__title {text-align: center;}
.mk-agda__title span {display: block; color: #6f64ff; font-size: 1.5rem; font-weight: 500;}
.mk-agda__title h3 {font-size: 3rem; font-weight: 600; margin-top: 0.5rem;}
.mk-agda__detail {margin-top: 2.75rem; display: flex; gap: 1.5rem;}
.mk-agda__detail dl {flex: 1; display: flex; flex-direction: column;}
.mk-agda__detail dl dt {font-size: 1.5rem; color: #fff; font-weight: 400; padding: 0.875rem; flex-shrink: 0; border-radius: 0.5rem 0.5rem 0 0;}
.mk-agda__detail dl dd {background: #fff; border: solid 1px #e4e4e4; border-radius: 0 0 0.5rem 0.5rem; flex-grow: 1;}
.mk-agda__detail dl dd ul {padding: 2.25rem 3rem;}
.mk-agda__detail dl dd ul li:after {content: ''; display: block; height: 2px; margin: 2.25rem 0; background: #FFFFFF; background: linear-gradient(to right, #FFFFFF 0%, #CCCCCC 30%, #CCCCCC 70%, #FFFFFF 100%);}
.mk-agda__detail dl dd ul li:last-child:after {display: none;}
.mk-agda__detail dl dd ul li h5 {font-size: 1.625rem; font-weight: 700;}
.mk-agda__detail dl dd ul li p {font-size: 1.25rem; margin-top: 0.5rem;}
.mk-agda__detail dl:nth-child(1) dt {background: #6e64ff;}
.mk-agda__detail dl:nth-child(1) dd h5 {color: #6e64ff;}
.mk-agda__detail dl:nth-child(2) dt {background: #4017a8;}
.mk-agda__detail dl:nth-child(2) dd h5 {color: #4017a8;}

.mk-gift {padding-top: 7.5rem; padding-bottom: 8.75rem; background: url('https://img.megastudyth.com/event/2025/mock/gift_bg.jpg')no-repeat center center / cover;}
.mk-gift__title {font-size: 3rem; color: #fff; font-weight: 600; text-align: center;}
.mk-gift__title:after {content: ''; display: block; height: 1.875rem; margin-top: 1rem; background: url('https://img.megastudyth.com/event/2025/mock/gift_star.png')no-repeat center center / auto 100%;}
.mk-gift__item {margin-top: 2.5rem;}
.mk-gift__btn {display: flex; justify-content: center; margin-top: 2rem;}
.mk-gift__btn a {height: 4.375rem; color: #fff; font-size: 1.5rem; border: solid 1px #fff; background: #3c0cd0; padding: 0 5.375rem; border-radius: 0.375rem; display: flex; align-items: center; jusitfy-content: center;}


@media (max-width:1280px) {
	html {font-size: 14px;}

}

@media (max-width:992px) {
	html {font-size: 12px;}
}

@media (max-width:768px) {
	.mk-top__title h3 strong {font-size: 4.5rem;}
	.mk-top__title h3 span {font-size: 2.75rem;}
	.mk-top__title ul li {font-size: 1.125rem;}
	.mk-top__text {margin-top: 2rem;}
	.mk-top__text dd {font-size: 2em;}
	.mk-tutor__title span {font-size: 1.25rem;}
	.mk-tutor__title h5 {font-size: 2rem}
	.mk-tutor__box {display: block; min-height: none;}
	.mk-tutor__box img {left: -20%; right: auto; max-width: 85% !important; height: auto;}
	.mk-tutor__info {width: 100%; padding: 2rem; border-radius: 0.5rem 0.5rem 0 0; background-size: 80% auto;}
	.mk-tutor__info dt span {font-size: 1.25rem;}
	.mk-tutor__info dt h4 {font-size: 3rem;}
	.mk-tutor__good {width: 100%; padding: 2rem 2rem 2rem 50%; text-align: left; border-radius: 0 0 0.5rem 0.5rem;}
	.mk-tutor__good dt {font-size: 1.5rem;}
	.mk-tutor__good dd {justify-content: flex-start;}
}

@media (max-width:400px) {
	.mk-top__title h3 strong {font-size: 3.5rem;}
	.mk-top__title h3 span {font-size: 2rem;}
	.mk-top__text dd {font-size: 1.5em;}
	.mk-top__btn a {height: 4rem; font-size: 1.25rem; padding: 0 4rem;}
	.mk-tutor__title span {font-size: 1.125rem;}
	.mk-tutor__title h5 {font-size: 1.5rem; margin-top: 0.5rem;}
	.mk-tutor__box {margin-top: 1rem;}
	.mk-tutor__good dd {padding: 0 1.5rem;}
	.mk-agda__title span {font-size: 1.125rem;}
	.mk-agda__title h3 {font-size: 2.5rem;}
	.mk-agda__detail {display: block; margin-top: 1.5rem;}
	.mk-agda__detail dl {margin-bottom: 1rem;}
	.mk-agda__detail dl:last-child {margin-bottom: 0;}
	.mk-agda__detail dl dt {font-size: 1.25rem; padding: 0.75rem;}
	.mk-agda__detail dl dd ul li p {font-size: 1.125rem;}
	.mk-gift__title {font-size: 2rem;}
	.mk-gift__btn a {height: 4rem; font-size: 1.25rem; padding: 0 4rem;}
}

@media (max-width:340px) {
	html {font-size: 11px;}
	.mk-top__title h3 strong {font-size: 3.25rem;}
}







.mkr-top {background: url('https://img.megastudyth.com/event/2025/mock/review_top_bg.jpg')no-repeat center center / cover;}

.mkr-vdo {background: #F7DEF3; padding: 6.25rem 0;}
.mkr-vdo__title {text-align: center; font-size: 2.5rem; font-weight: 700; color: #FF439E;}
.mkr-vdo__video {margin-top: 2rem; padding: 0 12% 5%; position: relative; background: url('https://img.megastudyth.com/event/2025/mock/review_vdo_bg.png')no-repeat center bottom / 100% auto;}
.mkr-vdo__video > div {padding-bottom: 56.25%; position: relative; background: #000;}
.mkr-vdo__video > div:after {content: '' ; display: block; width: 4.125rem; height: 5.3125rem; position: absolute; left: 100%; top: 100%; margin-left: -1.5rem; margin-top: -1.5rem; background: url('https://img.megastudyth.com/event/2025/mock/review_vdo_click.png')no-repeat center center / cover;}
.mkr-vdo__video .play_area {display: block; position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important;}
.mkr-vdo__video .play_area > div,
.mkr-vdo__video .play_area iframe {width: 100% !important; height: 100% !important;}

.mkr-exm {padding: 4rem 0;}
.mkr-exm__wrap {display: flex; align-items: center;}
.mkr-exm__wrap dt {width: 50%; order: 2; padding: 0 6%;}
.mkr-exm__wrap dt img {display: block;}
.mkr-exm__wrap dd {width: 50%; padding-left: 10%;}
.mkr-exm__wrap dd h5 {font-size: 2.125rem; font-weight: 700;}
.mkr-exm__wrap dd h5:before {content: ''; display: block; width: 3.25rem; height: 3rem; margin-bottom: 2rem; background: url('https://img.megastudyth.com/event/2025/mock/review_exam_bell.png')no-repeat center center / cover;}
.mkr-exm__wrap dd p {font-size: 1.125rem; margin-top: 1rem; font-weight: 300;}
.mkr-exm__wrap dd a {margin-top: 2rem; height: 3.875rem; max-width: 20.625rem; padding: 0 1.25rem; background: #FF439E; display: flex; align-items: center; justify-content: space-between;}
.mkr-exm__wrap dd a span {color: #fff; font-size: 1.125rem;}
.mkr-exm__wrap dd a em {display: flex; align-items: center; position: relative;}
.mkr-exm__wrap dd a em:before {content: '' ;display: block; width: 1rem; height: 2px; background: #fff;}
.mkr-exm__wrap dd a em:after {content: ''; display: block; width: 10px; height: 10px; border-right: solid 2px #fff; border-top: solid 2px #fff; position: absolute; right: 0; top: 50%; margin-top: -5px; transform: rotate(45deg); box-sizing: border-box;}

.mkr-gly {background: #FF439E; padding: 6.25rem 0;}
.mkr-gly__title {text-align: center; font-size: 2.5rem; font-weight: 700; color: #fff;}
.mkr-gly__list {padding: 8% 5%; display: flex; flex-wrap: wrap;}
.mkr-gly__list li {width: 50%;}
.mkr-gly__list li a {display: block; border: solid 1.25rem #fff;}
.mkr-gly__list li:nth-child(1) a {transform-origin: left bottom; transform: rotate(-5deg) translate(5%, -2%);}
.mkr-gly__list li:nth-child(2) a {transform-origin: right bottom; transform: rotate(8deg) translate(-5%, 15%);}
.mkr-gly__list li:nth-child(3) a {transform-origin: left bottom; transform: rotate(-12deg) translate(10%, 20%);}
.mkr-gly__list li:nth-child(4) a {transform-origin: right;}

.mkr-tem {background: #F7DEF3; padding: 6.25rem 0;}
.mkr-tem__title {text-align: center; font-size: 2.5rem; font-weight: 700; color: #FF439E;}
.mkr-tem__list {margin-top: 2rem; display: flex; gap: 1rem; padding: 0 10%;}
.mkr-tem__list dl {flex: 1; border: solid 1px #FF439E;}
.mkr-tem__list dl dd {height: 3.375rem; background: #000; color: #fff; text-align: center; font-size: 1.25rem; font-weight: 300; display: flex; align-items: center; justify-content: center;}

.mkr-spt {padding: 6.25rem 0;}
.mkr-spt__title {text-align: center; font-size: 2.5rem; font-weight: 500;}
.mkr-spt__title strong {display: block; font-weight: 700; color: #FF439E; font-size: 3rem;}
.mkr-spt__box {background: #FF439E; max-width: 48rem; margin: 2rem auto 0; padding: 3rem; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.mkr-spt__box:after {content: ''; display: block; width: 2rem; height: 2rem; background: #FF439E; box-sizing: border-box; position: absolute; left: 50%; top: 100%; margin-left: -1rem; margin-top: -1.25rem; transform: rotate(45deg);}
.mkr-spt__box h5 {text-align: center; font-size: 2rem;}
.mkr-spt__box h4 {text-align: center; font-size: 3rem; color: #fff; font-weight: 700;}
.mkr-spt__box p {text-align: center; background: #000; color: #fff; font-size: 1.25rem; font-weight: 300; padding: 0.75rem 3rem; margin-top: 1rem; display: flex; align-items: center; justify-content: center;}
.mkr-spt__box ul {margin-top: 1.5rem;}
.mkr-spt__box ul li {display: flex; font-size: 1.25rem; font-weight: 300;}
.mkr-spt__box ul li:last-child {}
.mkr-spt__box ul li:before {content: ''; display: block; flex-shrink: 0; width: 4px; height: 4px; background: #000; border-radius: 50%; margin-right: 0.5rem; margin-top: 0.75rem;}
.mkr-spt__btn {margin: 2.5rem auto 0; max-width: 48rem; height: 3.75rem; font-size: 1.25rem; font-weight: 500; border: solid 2px #FF439E; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center;}


@media (max-width:768px) {
	.mkr-vdo {padding: 5rem 0;}
	.mkr-vdo__title {font-size: 2rem;}
	.mkr-vdo__video {margin-top: 1rem; padding: 0; background: none;}
	.mkr-vdo__video > div:after {display: none;}
	.mkr-exm {padding: 5rem 0;}
	.mkr-exm__wrap {display: block;}
	.mkr-exm__wrap dt {width: 100%; padding: 0 15%;}
	.mkr-exm__wrap dd {width: 100%; padding-left: 0; text-align: center; margin-top: 1rem;}
	.mkr-exm__wrap dd h5:before {margin-left: auto; margin-right: auto; margin-bottom: 1rem;}
	.mkr-exm__wrap dd a {margin-left: auto; margin-right: auto;}
	.mkr-gly {padding: 5rem 0;}
	.mkr-gly__title {font-size: 2rem;}
	.mkr-gly__list {padding: 10% 0;}
	.mkr-gly__list li a {border-width: 0.5rem;}
	.mkr-tem {padding: 5rem 0;}
	.mkr-tem__title {font-size: 2rem;}
	.mkr-tem__list {gap: 0.5rem; padding: 0;}
	.mkr-tem__list dl dd {height: 2.5rem; font-size: 1rem;}
	.mkr-spt {padding: 5rem 0;}
	.mkr-spt__title {font-size: 2rem;}
	.mkr-spt__title strong {font-size: 2rem;}
	.mkr-spt__box h5 {font-size: 1.5rem;}
	.mkr-spt__box h4 {font-size: 2.5rem;}
	.mkr-spt__box p {font-size: 1rem; padding: 0.5rem 1rem;}
	.mkr-spt__box ul {margin-top: 1rem;}
	.mkr-spt__box ul li {font-size: 1rem;}
	.mkr-spt__box ul li:before {width: 3px; height: 3px; margin-top: 0.5rem;}
	.mkr-spt__btn {margin: 2rem auto 0;}


}