@charset "utf-8";

@font-face {font-family: 'Aggravo';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');font-weight: 700;font-display: swap}


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




.tgt-top {padding: 6.25rem 0; background: #333738; background: linear-gradient(to right, #333738 0%, #4D5556 50%, #333738 100%);}
.tgt-top dl {position: relative;}
.tgt-top dl:before,
.tgt-top dl:after {content: ''; display: block; width: 11.75rem; height: 19.5rem; position: absolute; top: 50%; transform: translateY(-50%);}
.tgt-top dl:before {left: 0; background: url('https://img.megastudyth.com/event/2026/openhouse/tgat/top_left.png')no-repeat right center / cover;}
.tgt-top dl:after {right: 0; background: url('https://img.megastudyth.com/event/2026/openhouse/tgat/top_right.png')no-repeat right center / cover;}
.tgt-top dl dt {text-align: center;}
.tgt-top dl dt h4 {font-size: 1.75rem; color: #9FF32C; font-weight: 400;}
.tgt-top dl dt h3 {font-family: "Racing Sans One", sans-serif; font-size: 7.5rem; color: #9FF32C; text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);}
.tgt-top dl dt ul {display: flex; flex-direction: column; align-items: center;}
.tgt-top dl dt ul li {color: #fff; font-weight: 300; margin-bottom: 0.5rem; display: flex; align-items: center;}
.tgt-top dl dt ul li:before {content: ''; display: block; width: 1rem; height: 1rem; margin-right: 0.25rem; background: url('https://img.megastudyth.com/event/2026/openhouse/tgat/top_chk.png')no-repeat right center / cover;}
.tgt-top dl dt ul li:last-child {margin-bottom: 0;}
.tgt-top dl dt p {font-size: 1.25rem; color: #fff; font-weight: 500; margin-top: 1rem;}

.tgt-teams {padding: 6.25rem 0; background: #000;}
.tgt-teams h3 {font-size: 3rem; font-weight: 600; color: #fff; text-align: center;}
.tgt-teams h3 span {color: #9FF32C;}
.tgt-teams__list {margin-top: 2.5rem; display: flex; gap: 1.25rem; justify-content: center;}
.tgt-teams__list li {width: 20rem;}
.tgt-teams__list li dl {border-radius: 1.25rem; position: relative; background: #9FF32C; overflow: hidden;}
.tgt-teams__list li dl dd {position: absolute; left: 0; right: 0; bottom: 0; height: 40%; text-align: center; font-size: 1.25rem; color: #fff; background: #000000; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.tgt-teams__list li dl dd strong {font-size: 2.25rem; font-weight: 600;}



@media (max-width:1280px) {
}

@media (max-width:992px) {
	.tgt-top dl:before,
	.tgt-top dl:after {width: 9rem; height: 14.125rem;}
}

@media (max-width:768px) {
	.tgt-top dl:before,
	.tgt-top dl:after {display: none;}
	.tgt-top dl dt h4 {font-size: 1.25rem;}
	.tgt-top dl dt h3 {font-size: 5rem;}
	.tgt-top dl dt ul li {margin-bottom: 0.5rem;}
	.tgt-top dl dt ul li:before {width: 1rem; height: 1rem; margin-right: 0.25rem;}
	.tgt-top dl dt p {font-size: 1rem; margin-top: 1rem;}

	.tgt-teams {padding: 4rem 0;}
	.tgt-teams h3 {font-size: 2.5rem;}
	.tgt-teams__list {margin-top: 2rem; gap: 0.5rem;}
	.tgt-teams__list li dl {border-radius: 0.875rem;}
	.tgt-teams__list li dl dd {font-size: 1rem;}
	.tgt-teams__list li dl dd strong {font-size: 1.75rem;}
}

@media (max-width:320px) {
	html {font-size: 11px;}
}



/* review (다시보기에서만 추가되는것들) */

.rvw-top {padding: 7.5rem 0;background: url('https://img.megastudyth.com/event/2025/tu/top_bg.jpg')no-repeat center center / cover}
.rvw-top h3 {font-size: 2.25rem;font-weight: 400;text-align: center;padding-bottom: 2rem;line-height: 1}
.rvw-top dl {width: 100%;max-width: 51.25rem;margin: 0 auto;position: relative;box-shadow: 0px 10px 20px 0px rgba(252,157,176,1);border-radius: 2.5rem;background: #fff}
.rvw-top dl:after {content: '';display: block;width: 11.625rem;height: 7.25rem;position: absolute;left: 100%;top: 100%;margin-left: -8.0rem;margin-top: -4.5rem;background: url('https://img.megastudyth.com/event/2025/tu/top_book.png')no-repeat center center / cover}
.rvw-top dl dt {color: #F63655;text-align: center;font-size: 4rem;font-weight: 600;line-height: 1.1;padding: 3.72rem 0}
.rvw-top dl dd {background: #F3364F;background: linear-gradient(to bottom, #F3364F 0%, #F73C5A 100%);border-radius: 0 0 2.5rem 2.5rem}
.rvw-top dl dd ul {padding: 2rem 2.5rem}
.rvw-top dl dd ul li {color: #fff;display: flex;margin-bottom: 0.5rem;font-weight: 300}
.rvw-top dl dd ul li:last-child {margin-bottom: 0}
.rvw-top dl dd ul li:before {content: '';display: block;width: 0.25rem;height: 0.25rem;background: #fff;flex-shrink: 0;margin-right: 0.5rem;margin-top: 0.6rem;border-radius: 50%}
.rvw-top p {margin-top: 1.5rem;color: #fff;text-align: center;font-size: 1.625rem}

.rvw-vod {padding: 6.25rem 0; background: #820AFF;}
.rvw-vod h3 {text-align: center; font-size: 2.5rem; font-weight: 700; color: #fff;}
.rvw-vod__video {margin-top: 2.5rem;padding: 0 5%;position: relative}
.rvw-vod__video > div {padding-bottom: 56.25%;background: #000;position: relative}
.rvw-vod__video .play_area {display: block;position: absolute;left: 0;top: 0;width: 100% !important;height: 100% !important}
.rvw-vod__video .play_area > div,
.rvw-vod__video .play_area iframe {width: 100% !important;height: 100% !important}
.rvw-vod__cover {display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: transparent;text-indent: -9999px}
.rvw-vod__btn {margin-top: 3.75rem;display: flex;justify-content: center}
.rvw-vod__btn a {height: 3.75rem;font-size: 1.25rem;font-weight: 500;background: #9FF32C;display: flex;align-items: center;justify-content: center;width: 27.5rem;border-radius: 0.625rem}
.rvw-vod__btn a b {font-weight: 600;margin: 0 0 0 10px}

.rvw-gly {padding: 6.25rem 0 6.2rem}
.rvw-gly__title {text-align: center;font-size: 2.5rem; font-weight: 700;/* font-style: italic; */padding-bottom: 2.5rem}
.rvw-gly__list {position: relative;padding-bottom: 71.5%;max-width: 924px;margin: 0 auto}
.rvw-gly__list li {position: absolute;box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.1)}
.rvw-gly__list li a {display: block;position: relative}
.rvw-gly__list li a::before {content:'';position: absolute;top: 0;left: 0;width: calc(100% - 1rem);height: calc(100% - 1rem);border: 0.5rem solid #000}
.rvw-gly__list li:nth-child(1) {width: 480px;left: 0;top: 0}
.rvw-gly__list li:nth-child(2) {width: 358px;left: 55.7%;bottom: 72.4%}
.rvw-gly__list li:nth-child(3) {width: 394px;left: 4%;bottom: 44.5%}
.rvw-gly__list li:nth-child(4) {width: 480px;right: 0;bottom: 33.5%;z-index: 1}
.rvw-gly__list li:nth-child(5) {width: 480px;left: 0;bottom: 9%}
.rvw-gly__list li:nth-child(6) {width: 404px;right: 0;bottom: 0}
.rvw-gly__list li:nth-child(7) {width: 32%; left: 58%; top: 40%; z-index: 1;}
.rvw-gly__list li:nth-child(8) {width: 30%; left: 70%; top: 56%;}

.rvw-bnf {background: #9FF32C;padding: 6.25rem 0}
.rvw-bnf__title {font-size: 2.25rem;text-align: center;font-weight: 800;line-height: 1.2}
.rvw-bnf__title span {color: #820AFF}
.rvw-bnf__list {display: flex;flex-direction: column;max-width: 1000px;margin: 2.5rem auto 0;text-align: center;gap: 1.25rem}
.rvw-bnf__list li {border-radius: 1.25rem;background: #fff;padding: 3.25rem 0;display: flex;flex-direction: column;align-items: center;justify-content: center}
.rvw-bnf__list li p {font-size: 1.25rem;line-height: 1;margin: 0 0 1.75rem}
.rvw-bnf__list li p span {font-size: 2rem;display: block;color: #820AFF;font-weight: 600;margin: 0.75rem 0 0}
.rvw-bnf__list li a {display: block;width: 20rem;height: 3.75rem;background: #820AFF;color: #fff;font-size: 1.25rem;display: flex;align-items: center;justify-content: center;border-radius: 0.625rem}

@media (max-width:1280px) {
	.rvw-gly__list {max-width: 87%}
	.rvw-gly__list li:nth-child(1) {width: 50%}
	.rvw-gly__list li:nth-child(2) {width: 39%;left: 53%;bottom,: 70.4%;bottom: 71.8%}
	.rvw-gly__list li:nth-child(3) {width: 40%;bottom: 49.7%}
	.rvw-gly__list li:nth-child(4) {width: 54.5%;bottom: 33%}
	.rvw-gly__list li:nth-child(5) {width: 50%}
	.rvw-gly__list li:nth-child(6) {width: 46%}
}

@media (max-width:768px) {
	.rvw-top {padding: 6.25rem 0}
	.rvw-top h3 {font-size: 1.25rem;padding-bottom: 1.5rem}
	.rvw-top dl:after {width: 7.5rem;height: 4.6875rem;margin-left: -7rem;margin-top: -3rem}
	.rvw-top dl dt {font-size: 2rem;padding: 2rem 0;border-radius: 2rem 2rem 0 0}
	.rvw-top dl dd {border-radius: 0 0 2rem 2rem}
	.rvw-top dl dd ul {padding: 1.5rem}
	.rvw-top dl dd ul li {font-size: 0.875rem;margin-bottom: 0.25rem}
	.rvw-top dl dd ul li:before {margin-top: 0.5rem;}
	.rvw-top p {margin-top: 1rem;font-size: 1.25rem}
	
	.rvw-vod__video {margin-top: 0;padding: 0}
	.rvw-vod__btn {margin-top: 2rem}
	.rvw-vod__btn a {height: 3.25rem;padding: 0 2rem;font-size: 1rem;width: auto;padding: 0 3rem}
	
	.rvw-gly {padding: 6rem 0}
	.rvw-gly__title, .rvw-vod h3 {font-size: 2.25rem;padding-bottom: 1.5rem}
	.rvw-gly__list {padding-bottom: 0;display: flex;flex-wrap: wrap;max-width: 100%;gap: 0.5rem}
	.rvw-gly__list li {position: static;width: calc(50% - 0.5rem) !important;}
	.rvw-bnf__title{font-size: 1.75rem;}
	.rvw-bnf__list{max-width: 100%;}
	.rvw-bnf__list li{padding: 2.0rem 0;}
	.rvw-bnf__list li p{margin: 0 0 1.25rem;}
	.rvw-bnf__list li p span{font-size:1.5rem}
}