@charset "utf-8";

#fut * {box-sizing: border-box;}

.fut-top {padding-top: 6rem; position: relative; background: url('https://img.megastudyth.com/event/2025/future/title_bg.jpg')no-repeat center top / cover;}
.fut-top:before {content: ''; display: block; position: absolute; left: 0; right: 0; top: 7rem; height: 26rem; mix-blend-mode: screen; opacity: 0.5; background: url('https://img.megastudyth.com/event/2025/future/title_typo.png')no-repeat center center / auto 100%;}
.fut-top .container {display: flex; flex-direction: column; align-items: center;}
.fut-top h6 {width: 100%; height: 6rem; text-indent: -9999px; background: url('https://img.megastudyth.com/event/2025/future/title_round.png')no-repeat center center / auto 100%;}
.fut-top h3 {display: flex; align-items: center; flex-direction: column;}
.fut-top h3 span {font-size: 9.25rem; color: #fff; font-weight: 700; line-height: 1.0; text-shadow: 0.625rem 0.625rem 1.25rem rgba(0, 90, 255, 0.5); display: flex; align-items: center;}
.fut-top h3 span em {display: block; text-indent: -9999px; width: 10.5rem; height: 10.5rem; margin-top: -2rem; background: url('https://img.megastudyth.com/event/2025/future/title_encore.png')no-repeat center center / cover;}
.fut-top h5 {margin-top: 1.5rem; font-size: 2.125rem; font-weight: 700; color: #002562;}
.fut-top ul {margin-top: 3rem; padding: 4rem 5rem 8rem; border-radius: 2.5rem 2.5rem 0 0; background: #0048FF; background: linear-gradient(to top, rgba(0,72,255,0) 0%, #0048FF 40%);}
.fut-top ul li {font-size: 1.375rem; margin-bottom: 1.5rem; color: #fff; display: flex; align-items: center;}
.fut-top ul li:last-child {margin-bottom: 0;}
.fut-top ul li:before {content: ''; display: block; width: 2rem; height: 2rem; flex-shrink: 0; margin-right: 1.25rem; background: url('https://img.megastudyth.com/event/2025/future/note_deco.png')no-repeat center center / cover;}

.fut-desc {padding: 3.25rem 0; background: #0048ff;}
.fut-desc h5 {text-align: center; font-size: 1.625rem; color: #fff; font-weight: 600;}

.fut-dtl {padding: 5rem 0; position: relative; background: url('https://img.megastudyth.com/event/2025/future/info_bg.jpg')no-repeat center center / cover;}
.fut-dtl dl {}
.fut-dtl dl dt {}
.fut-dtl dl dt ul {display: flex; gap: 1rem;}
.fut-dtl dl dt ul li {flex: 1; position: relative; border-radius: 1rem; padding: 2rem; background: transparent; z-index: 0; display: flex; flex-direction: column; align-items: center;}
.fut-dtl dl dt ul li:before {
	content: ""; position: absolute; inset: 0; padding: 2px; border-radius: inherit;
	background: linear-gradient(90deg, #9acff4 0%, #91d0ff 50%, #428df6 100%);
	-webkit-mask: 
	linear-gradient(#000 0 0) content-box, 
	linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	  mask-composite: exclude;
	pointer-events: none; /* 클릭 방해 안 하게 */
	z-index: -1;
}
.fut-dtl dl dt ul li h5 {flex-shrink: 0; font-size: 1.5rem; font-weight: 700; text-align: center; background: linear-gradient(90deg,#00ddfe 0%,#b0fbff 50%,#00ddfe 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.fut-dtl dl dt ul li p {font-size: 1rem; margin-top: 1rem; font-weight: 300; line-height: 1.6; color: #fff; flex-grow: 1; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.fut-dtl dl dt ul li p span {font-size: 1.25rem; font-weight: 400;}
.fut-dtl dl dt ul li p strong {font-weight: 700;}
.fut-dtl dl dd {margin-top: 2.5rem; display: flex; justify-content: center;}
.fut-dtl dl dd a {height: 5rem; padding: 0 7rem; background: #0082ff; color: #fff; font-size: 1.375rem; border-radius: 5rem; display: flex; align-items: center; justify-content: center;}

.fut-title {font-size: 2.5rem; text-align: center; font-weight: 700;}
.fut-title:before {content: ''; display: block; width: 2.25rem; height: 2.25rem; margin: 0 auto 1rem; background: url('https://img.megastudyth.com/event/2025/future/title_deco.png')no-repeat center center / cover;}


.fut-gift {padding: 5rem 0; background: #000;}
.fut-gift dl {margin-top: 2rem;}
.fut-gift dl dt {}
.fut-gift dl dt ul {display: flex; gap: 0.5rem;}


.fut-gift dl dt ul li {flex: 1; position: relative; border-radius: 1rem 1rem 0 0; padding: 1.5rem 1rem 2rem; background: linear-gradient(to top, #001040 0%, #002b40 100%); z-index: 0; display: flex; flex-direction: column; align-items: center;}
.fut-gift dl dt ul li:before {
	content: ""; position: absolute; inset: 0; padding: 2px; border-radius: inherit;
	z-index: -1;
	background: linear-gradient(0deg, #a1d9fe 0%, #4092ff 100%);
	-webkit-mask: 
	linear-gradient(#000 0 0) content-box, 
	linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	  mask-composite: exclude;
	pointer-events: none;
}
.fut-gift dl dt ul li:nth-child(odd):before {background: linear-gradient(0deg, #27ffd4 0%, #189ce1 50%, #22dcfd 100%);}
.fut-gift dl dt ul li h5 {font-size: 1.125rem; color: #fff; text-align: center; font-weight: 400; flex-grow: 1;}
.fut-gift dl dt ul li img {display: block; flex-shrink: 0; margin-top: 1.5rem; max-width: 90%;}
.fut-gift dl dd {margin-top: -2px; background: linear-gradient(to right, #ed0a6d 0%, #a902e7 100%); font-weight: 300; position: relative; font-size: 1.25rem; color: #fff; text-align: center; padding: 0.75rem; display: flex; align-items: center; justify-content: center;}
.fut-gift .fut-title {color: #fff;}

.fut-agd {padding: 5rem 0;}
.fut-agd table {margin-top: 1.5rem;}
.fut-agd th,
.fut-agd td {padding: 1.75rem 1.5rem; text-align: left; font-size: 1.125rem; border-top: solid 1px #d8d8d8; border-bottom: solid 1px #d8d8d8;}
.fut-agd th {background: #f5f6fa; font-weight: 600;}
.fut-agd td {}
.fut-agd td span {color: #0082ff; margin-right: 0.5rem;}


.fut-team {padding: 5rem 0 9rem; background: #f5f6fa;}
.fut-team dl {margin-top: 1rem;}
.fut-team dl dt img {display: block; margin: 0 auto;}
.fut-team dl dd {margin-top: -5rem; display: flex; justify-content: center;}
.fut-team dl dd a {height: 5rem; padding: 0 7rem; background: #000; color: #fff; font-size: 1.375rem; border-radius: 5rem; display: flex; align-items: center; justify-content: center;}
.fut-team .fut-title {display: flex; flex-direction: column; align-items: center;}
.fut-team .fut-title span {font-size: 1.375rem; display: block; color: #0162ff; font-weight: 400;}
.fut-team .fut-title strong {display: block; font-weight: 500; background: linear-gradient(90deg,#012662 0%, #0145b3 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}


@media (max-width:768px) {
	.fut-top:before {top: 7rem; height: 12rem;}
	.fut-top h6 {height: 4rem;}
	.fut-top h3 {margin-top: -1rem;}
	.fut-top h3 span {font-size: 4.5rem;}
	.fut-top h3 span em {width: 6rem; height: 6rem;}
	.fut-top h5 {margin-top: 1.5rem; font-size: 1.25rem;}
	.fut-top ul {margin-top: 2rem; padding: 2rem 2.5rem 4rem;}
	.fut-top ul li {font-size: 1rem; margin-bottom: 1rem;}
	.fut-top ul li:before {width: 1.5rem; height: 1.5rem; margin-right: 0.5rem;}

	.fut-desc h5 { font-size: 1.75rem;}

	.fut-dtl dl dt ul {display: block;}
	.fut-dtl dl dt ul li {padding: 1.5rem 1rem; margin-bottom: 1rem;}
	.fut-dtl dl dt ul li:last-child {margin-bottom: 0;}
	.fut-dtl dl dt ul li p {font-size: 0.875rem; margin-top: 0.5rem;}
	.fut-dtl dl dt ul li p span {font-size: 1rem;}
	.fut-dtl dl dd {margin-top: 2rem;}
	.fut-dtl dl dd a {height: 4rem; padding: 0 5rem; font-size: 1.25rem;}

	.fut-title {font-size: 2rem;}
	.fut-title:before {width: 2rem; height: 2rem;}

	.fut-gift dl dt ul {display: block;}
	.fut-gift dl dt ul li {border-radius: 1rem; margin-bottom: 1rem; padding: 1rem 2rem; flex-direction: row;}
	.fut-gift dl dt ul li:last-child {margin-bottom: 0;}
	.fut-gift dl dt ul li h5 {font-size: 1.25rem}
	.fut-gift dl dt ul li img {margin-top: 0; max-width: 40%;}
	.fut-gift dl dd {margin-top: 1rem;}

	.fut-agd {padding: 5rem 0;}
	.fut-agd th,
	.fut-agd td {padding: 1.5rem 1rem; font-size: 1rem;}
	.fut-agd th {width: 9rem;}
	.fut-agd td span {display: block;}
	
	.fut-team {padding: 5rem 0;}
	.fut-team dl dt {margin: 0 -2rem;}
	.fut-team dl dd {margin-top: -2rem;}
	.fut-team dl dd a {height: 4rem; padding: 0 5rem; font-size: 1.25rem;}
	.fut-team .fut-title span {font-size: 1.25rem;}
}

@media (max-width:480px) {

}

@media (max-width:320px) {
	.fut-top h3 span {font-size: 3.5rem;}
	.fut-gift dl dd {font-size: 1rem;}
}





/* review */
.fut-vdo {background: #001159; padding-top: 5rem; padding-bottom: 7.5rem;}
.fut-vdo .fut-title {color: #fff;}
.fut-vdo .fut-title:before {filter: brightness(10);}
.fut-vdo__video {margin-top: 2rem; padding: 0 12%;}
.fut-vdo__video > div {padding-bottom: 56.25%; position: relative; background: #000;}
.fut-vdo__video .play_area {display: block; position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important;}
.fut-vdo__video .play_area > div,
.fut-vdo__video .play_area iframe {width: 100% !important; height: 100% !important;}
.fut-vdo__btn {margin-top: 3.75rem; display: flex; justify-content: center;}
.fut-vdo__btn button {height: 3.75rem; padding: 0 1.5rem; background: #006FFF; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center;}
.fut-vdo__btn button span {color: #fff; font-size: 1.25rem; margin-right: 5rem;}
.fut-vdo__btn button strong {font-size: 1.5rem;} 
.fut-vdo__btn button em {display: flex; align-items: center; position: relative;}
.fut-vdo__btn button em:before {content: '' ;display: block; width: 1rem; height: 2px; background: #fff;}
.fut-vdo__btn button 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;}

.fut-gly {padding-top: 5rem; padding-bottom: 7.5rem;}
.fut-gly .fut-title {color: #060075;}
.fut-gly__list {margin-top: 3rem; display: flex; flex-wrap: wrap;}
.fut-gly__list li {width: 50%; padding: 0.5rem 0;}
.fut-gly__list li div {padding-bottom: 55.3333%; position: relative;}
.fut-gly__list li a {display: block; border: solid 0.625rem #fff; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); position: absolute;}
.fut-gly__list li:nth-child(1) a {}
.fut-gly__list li:nth-child(2) a {width: 80%; left: 10%; top: 5%;}
.fut-gly__list li:nth-child(3) a {width: 80%; left: 10%; top: -30%;}
.fut-gly__list li:nth-child(4) a {width: 105%; right: 0; top: -10%; z-index: 1;}
.fut-gly__list li:nth-child(5) a {width: 100%; left: 0; top: -30%;}
.fut-gly__list li:nth-child(6) a {width: 90%; right: 0; bottom: 0;}

.fut-tutr {padding-top: 5rem; padding-bottom: 7.5rem; background: url('https://img.megastudyth.com/event/2025/future/tutor_bg.png')no-repeat center center / cover;}
.fut-tutr .fut-title {color: #fff; display: flex; flex-direction: column; align-items: center;}
.fut-tutr .fut-title span {font-size: 1.375rem; display: block; font-weight: 400;}
.fut-tutr .fut-title strong {display: block; font-weight: 700;}
.fut-tutr__list {margin-top: 3rem; display: flex; align-items: center; gap: 1.25rem;}
.fut-tutr__list li {flex: 1;}
.fut-tutr__list li dl {position: relative;}
.fut-tutr__list li dl dt {border-radius: 0.625rem; overflow: hidden;}
.fut-tutr__list li dl dt img {display: block; width: 100%;}
.fut-tutr__list li dl dd {position: absolute; left: 0; right: 0; bottom: 2.5rem; text-align: center; color: #fff; display: flex; flex-direction: column; align-items: center;}
.fut-tutr__list li dl dd span {font-size: 0.875rem;}
.fut-tutr__list li dl dd strong {font-size: 1.25rem; font-weight: 600;}

.fut-sale {padding-top: 5rem; padding-bottom: 7.5rem;}
.fut-sale .fut-title {display: flex; flex-direction: column; align-items: center;}
.fut-sale .fut-title span {display: block; background: linear-gradient(90deg,#2A25BD 0%, #006FFF 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.fut-sale__box {border: solid 1px #D3D8DD; padding: 3rem; border-radius: 0.625rem; margin-top: 3rem; display: flex; flex-direction: column; align-items: center;}
.fut-sale__box dt {text-align: center; font-size: 1.5rem; font-weight: 500;}
.fut-sale__box dd {margin-top: 1.25rem; display: flex; flex-direction: column; align-items: center;}
.fut-sale__box dd a {height: 3.75rem; padding: 0 7.5rem; background: #000; color: #fff; font-size: 1.25rem; font-weight: 500; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center;}
.fut-sale__box dd p {color: #6B7684; font-weight: 300; margin-top: 1.25rem; text-align: center;}

.fut-rcmd {padding-top: 5rem; padding-bottom: 7.5rem; background: linear-gradient(180deg,#fff 0%, #D5ECFF 100%);}
.fut-rcmd__title {text-align: center; font-size: 2.5rem; font-weight: 400;}
.fut-rcmd__title strong {font-weight: 700;}
.fut-rcmd__list dl {padding: 3rem 0; border-bottom: solid 1px #fff; display: flex; align-items: center;}
.fut-rcmd__list dl dt {width: 12rem; flex-shrink: 0; order: 2;}
.fut-rcmd__list dl dt img {display: block;}
.fut-rcmd__list dl dd {flex-grow: 1;}
.fut-rcmd__list dl dd p {font-size: 1.75rem; font-weight: 300;}
.fut-rcmd__list dl dd h5 {font-size: 3rem; color: #006FFF; font-weight: 700;}
.fut-rcmd__list dl dd ul {display: flex; gap: 0.5rem; margin-top: 1rem;}
.fut-rcmd__list dl dd ul li a {width: 13.5rem; height: 2.5rem; background: #000; color: #fff; font-weight: 300; display: flex; align-items: center; justify-content: center;}


@media (max-width:768px) {
	.fut-vdo {padding-bottom: 5rem;}
	.fut-vdo__video {padding: 0;}
	.fut-vdo__btn {margin-top: 2rem;}
	.fut-vdo__btn button {height: 3.25rem; padding: 0 1.25rem;}
	.fut-vdo__btn button span {font-size: 1.125rem; margin-right: 1rem;}
	.fut-vdo__btn button strong {font-size: 1.25rem;}
	
	.fut-gly {padding-bottom: 5rem;}
	.fut-gly__list {margin-top: 1rem;}
	.fut-gly__list li {width: 50%; padding: 0.25rem 0;}
	.fut-gly__list li a {border-width: 0.5rem;}
	
	.fut-tutr {padding-bottom: 5rem;}
	.fut-tutr__list {margin-top: 2rem; gap: 0.5rem;}
	.fut-tutr__list li dl dt img {max-width: 120% !important; width: 120%; margin-left: -10%;}
	.fut-tutr__list li dl dd {bottom: 0.5rem;}
	.fut-tutr__list li dl dd span {font-size: 0.75rem;}
	.fut-tutr__list li dl dd strong {font-size: 1rem;}
	
	.fut-sale {padding-bottom: 5rem;}
	.fut-sale__box {padding: 2rem 1rem;}
	.fut-sale__box dt {font-size: 1.25rem;}
	.fut-sale__box dd a {height: 3.25rem; padding: 0 5rem; font-size: 1rem;}
	
	.fut-rcmd {padding-bottom: 5rem;}
	.fut-rcmd__title {font-size: 1.75rem;}

	.fut-rcmd__list dl {display: block;}
	.fut-rcmd__list dl:last-child {padding-bottom: 0; border-bottom: none;}

	.fut-rcmd__list dl dt {width: 10rem; margin: 0 auto;}
	.fut-rcmd__list dl dd {margin-top: 2rem; text-align: center;}
	.fut-rcmd__list dl dd p {font-size: 1.5rem;}
	.fut-rcmd__list dl dd h5 {font-size: 2rem;}
	.fut-rcmd__list dl dd ul li {flex: 1;}
	.fut-rcmd__list dl dd ul li a {width: 100%;}
}






.rvw-book {background: #191920; padding: 10rem 0;}
.rvw-book dl {display: flex; align-items: center;}
.rvw-book dl dt {width: 50%; display: flex; align-items: center; justify-content: center;}
.rvw-book dl dt img {max-width: 50%; display: block; box-shadow: 4px 4px 40px 0px rgba(0, 0, 0, 1);}
.rvw-book dl dd {width: 50%; color: #fff;}
.rvw-book dl dd h5 {font-size: 2.5rem; font-family: "Sarabun", sans-serif; font-weight: 900; font-style: italic;}
.rvw-book dl dd p {font-size: 1.125rem; margin-top: 2rem; line-height: 1.6; font-weight: 200;}
.rvw-book dl dd button {margin-top: 2rem; width: 16rem; height: 3.5rem; font-size: 1.5rem; font-weight: 300; color: #fff; border: solid 2px #fff; display: flex; align-items: center; justify-content: center; transition: all 0.3s;}
.rvw-book dl dd button:hover {background: #ba0124; border-color: #ba0124;}

@media (max-width:992px) {
	.rvw-book dl dt {width: 45%;}
	.rvw-book dl dd {width: 55%;}
}

@media (max-width:768px) {
	.rvw-book {padding: 5rem 0;}
	.rvw-book dl {display: block;}
	.rvw-book dl dt {width: 100%;}
	.rvw-book dl dt img {max-width: 40%;}
	.rvw-book dl dd {width: 100%; margin-top: 3rem; display: flex; flex-direction: column; align-items: center;}
	.rvw-book dl dd h5 {font-size: 2rem;}
	.rvw-book dl dd p {font-size: 0.875rem; text-align: center; margin-top: 1rem;}
	.rvw-book dl dd a {width: 12rem; height: 3.25rem; font-size: 1.25rem;}
}