@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-pop {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; background: rgba(0,0,0,0.5); padding: 3rem 1rem;}
.tgt-pop.active {display: block;}
.tgt-pop__box {background: #fff; height: 100%; width: 100%; max-width: 36rem; border-radius: 1rem; margin: 0 auto; overflow: hidden; display: flex; flex-direction: column;}
.tgt-pop__top {flex-shrink: 0; height: 4rem; padding: 0 2rem; border-bottom: solid 1px #E5E8EB; display: flex; align-items: center; justify-content: space-between;}
.tgt-pop__title {font-size: 1.5rem;}
.tgt-pop__close {width: 2.5rem; height: 2.5rem; margin-right: -1rem; background: none; position: relative; text-indent: -9999px;}
.tgt-pop__close:before,
.tgt-pop__close:after {content: ''; display: block; width: 20px; height: 2px; background: #000; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -1px;}
.tgt-pop__close:before {transform: rotate(45deg);}
.tgt-pop__close:after {transform: rotate(-45deg);}
.tgt-pop__inner {flex-grow: 1; overflow-y: auto; padding: 2rem 2rem 2.5rem;}
.tgt-pop__basic {border: solid 1px #E5E8EB; border-radius: 0.5em; padding: 0.75rem 1.5rem;}
.tgt-pop__basic table {}
.tgt-pop__basic th,
.tgt-pop__basic td {text-align: left; padding: 0.75rem 0;}
.tgt-pop__basic th {color: #4E5968; font-size: 0.875rem; font-weight: 400; padding-right: 1rem;}
.tgt-pop__basic th span {display: inline-block; width: 3px; height: 3px; background: #FF5F5F; border-radius: 100%; text-indent: -9999px; margin-left: 2px;}
.tgt-pop__basic td {}
.tgt-pop__basic td input[type="text"] {display: block; width: 100%; height: 3rem; padding: 0 1rem; border: solid 1px #E5E8EB; border-radius: 0.5em;}
.tgt-pop__basic td select {display: block; width: 100%; height: 3rem; padding-left: 1rem; padding-right: 2.75rem; cursor: pointer; border: solid 1px #E5E8EB; border-radius: 0.5em; background: url('https://img.megastudyth.com/event/2025/openhouse/popup_select.png')no-repeat right 1rem center / 10px auto; appearance: none;}
.tgt-pop__basic td .tgt-pop__chk {height: 3rem; align-items: center;}
.tgt-pop__chk {margin: -0.5rem -1rem; display: flex; flex-wrap: wrap;}
.tgt-pop__chk li {padding: 0.5rem 1rem; width: 50%; display: flex; align-items: center;}
.tgt-pop__chk.col5 li {width: 20%;}
.tgt-pop__chk.last li:last-child {width: 40%;}
.tgt-pop__chk li input[type="radio"] {display: block; flex-shrink: 0; width: 1.25rem; height: 1.25rem; background: none; cursor: pointer; border: solid 2px #D1D6DB; position: relative; border-radius: 50%; -webkit-appearance: none; appearance: none;}
.tgt-pop__chk li input[type="radio"] + label {cursor: pointer; margin-left: 0.5rem; font-size: 0.875rem; color: #4E5968; font-weight: 300;}
.tgt-pop__chk li input[type="radio"]:checked {background: #006FFF; border-color: #006FFF;}
.tgt-pop__chk li input[type="radio"]:checked:after {content: ''; display: block; width: 0.5rem; height: 0.5rem; margin-left: -0.25rem; margin-top: -0.25rem; background: #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%;}
.tgt-pop__chk li input[type="checkbox"] {display: block; flex-shrink: 0; width: 1.25rem; height: 1.25rem; background: none; cursor: pointer; border: solid 2px #D1D6DB; position: relative; border-radius: 0.25rem; -webkit-appearance: none; appearance: none;}
.tgt-pop__chk li input[type="checkbox"] + label {cursor: pointer; margin-left: 0.5rem; font-size: 0.875rem; color: #4E5968; font-weight: 300;}
.tgt-pop__chk li input[type="checkbox"]:checked {background: #006FFF; border-color: #006FFF;}
.tgt-pop__chk li input[type="checkbox"]:checked:after {content: ''; display: block; width: 0.25rem; height: 0.5rem; margin-left: -0.15rem; margin-top: -0.45rem; border-bottom: solid 2px #fff; border-right: solid 2px #fff; position: absolute; left: 50%; top: 50%; transform: rotate(45deg);}
.tgt-pop__group {margin-top: 2.5rem;}
.tgt-pop__group dt {padding-bottom: 0.75rem; color: #4E5968; font-size: 0.875rem; display: flex;}
.tgt-pop__group dt:before {content: attr(num); flex-shrink: 0; margin-right: 0.25rem;}
.tgt-pop__group dt label {cursor: pointer;}
.tgt-pop__group dt span {display: inline-block; width: 3px; height: 3px; background: #FF5F5F; border-radius: 100%; text-indent: -9999px; margin-left: 2px;}
.tgt-pop__group dt em {font-style: normal; color: #8B95A1; font-weight: 300;}
.tgt-pop__group dd {}
.tgt-pop__group dd h6 {margin-top: 1.25rem; padding-bottom: 1rem; font-size: 0.875rem; font-weight: 400; color: #3182F6;}
.tgt-pop__group dd input[type="text"] {display: block; width: 100%; height: 3rem; padding: 0 1rem; border: solid 1px #E5E8EB; border-radius: 0.5em;}
.tgt-pop__group dd input[type="text"] + p {font-size: 0.875rem; margin-top: 0.5rem; color: #4E5968;}
.tgt-pop__btn {margin-top: 3.75rem; display: flex; justify-content: center;}
.tgt-pop__btn a {background: #7D3BEC; color: #fff; width: 20rem; height: 3.75rem; font-size: 1.25rem; border-radius: 10rem; display: flex; align-items: center; justify-content: center;}

.tgt-frm {padding: 6.25rem 0;}
.tgt-frm__title {text-align: center; font-size: 2.5rem; font-weight: 600;}
.tgt-frm__inner {background: #fff; height: 100%; width: 100%; max-width: 36rem; margin: 0 auto; padding: 2rem; overflow: hidden; display: flex; flex-direction: column;}

@media (max-width:768px) {
	.tgt-frm__title {font-size: 2rem;}
	.tgt-pop__chk.col5 li {width: 50%;}
	.tgt-pop__chk.last li:last-child {width: 50%;}
	.tgt-frm {padding: 4rem 0; border-bottom-width: 1rem;}
	.tgt-frm__inner {padding: 0; margin-top: 1rem;}
	.tgt-pop__btn a {width: 12rem; height: 3rem; font-size: 1rem;}
}






.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-top dl dd {margin-top: 2.5rem;}
.tgt-top dl dd ul {display: flex; justify-content: center; gap: 0.75rem;}
.tgt-top dl dd ul li {background: #fff; display: flex; align-items: center; border-radius: 10rem; padding: 0.625rem;}
.tgt-top dl dd ul li:before {content: ''; display: block; width: 5rem; height: 5rem; border-radius: 50%;}
.tgt-top dl dd ul li:nth-child(1):before {background: #7E3BED url('https://img.megastudyth.com/event/2026/openhouse/tgat/top_ico_1.png')no-repeat center center / 2.5rem auto;}
.tgt-top dl dd ul li:nth-child(2):before {background: #7E3BED url('https://img.megastudyth.com/event/2026/openhouse/tgat/top_ico_2.png')no-repeat center center / 2.5rem auto;}
.tgt-top dl dd ul li span {margin-left: 1rem; padding-right: 1rem; width: 10rem;}


.tgt-gift {padding: 6.25rem 0; background: #343839;}
.tgt-gift h3 {text-align: center; font-size: 3rem; color: #fff; font-weight: 600;}
.tgt-gift h3 span {color: #9FF32C;}
.tgt-gift ul {display: flex; margin-top: 2.5rem; gap: 1.25rem; justify-content: center;}
.tgt-gift ul li {}
.tgt-gift ul li dl {height: 100%; display: flex; flex-direction: column;}
.tgt-gift ul li dl dt {flex-shrink: 0; background: #000; padding: 0 1rem; height: 4.5rem; display: flex; align-items: center; justify-content: space-between;}
.tgt-gift ul li dl dt:before,
.tgt-gift ul li dl dt:after {content: ''; display: block; background: #9FF32C; width: 0.5rem; height: 0.5rem; border-radius: 50%;}
.tgt-gift ul li:nth-child(even) dl dt:before,
.tgt-gift ul li:nth-child(even) dl dt:after {background: #7F3CEE;}
.tgt-gift ul li dl dt h5 {font-size: 1.125rem; font-weight: 400; text-align: center; color: #fff; }
.tgt-gift ul li dl dd {background: #fff; padding: 1.5rem 3rem;}
.tgt-gift ul li dl dd img {width: 14.5rem;}


.tgt-agd {padding: 5rem 0; background: #9FF32C;}
.tgt-agd__title {display: flex; justify-content: center;}
.tgt-agd__title span {font-size: 3rem; font-weight: 600;}
.tgt-agd__list {margin-top: 2rem;}
.tgt-agd__list dl {margin-bottom: 0.5rem; display: flex; height: 3.75rem;}
.tgt-agd__list dl:last-child {margin-bottom: 0;}
.tgt-agd__list dl dt {flex-shrink: 0; width: 20%; margin-right: 2rem; background: #820AFF; color: #fff; font-size: 1.25rem; display: flex; align-items: center; justify-content: center;}
.tgt-agd__list dl dd {flex-grow: 1; background: #000; color: #9FF32C; position: relative; font-size: 1.25rem; font-weight: 300; display: flex; align-items: center; justify-content: center;}
.tgt-agd__list dl dd:before {content: ''; display: block; width: 3rem; height: 1px; background: #820AFF; position: absolute; top: 50%; right: 100%; margin-right: -1rem;}
.tgt-agd__list dl dd:after {content: ''; display: block; width: 0.875rem; height: 0.875rem; position: absolute; top: 50%; left: 1rem; margin-top: -0.4375rem; background: #820AFF; border-radius: 50%;}

.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;}
.tgt-teams__btn {margin-top: 3.75rem; display: flex; justify-content: center;}
.tgt-teams__btn button span {width: 20rem; height: 3.5rem; background: #7D3BEC; color: #fff; font-size: 1.25rem; font-weight: 500; border-radius: 4rem; display: flex; align-items: center; justify-content: center;}


@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-top dl dd {display: flex; justify-content: center;}
	.tgt-top dl dd ul {display: block;}
	.tgt-top dl dd ul li {padding: 0.5rem; margin-bottom: 0.5rem;}
	.tgt-top dl dd ul li:last-child {margin-bottom: 0;}
	.tgt-top dl dd ul li:before {width: 4rem; height: 4rem; background-size: 2rem auto !important;}

	.tgt-gift {padding: 4rem 0;}
	.tgt-gift h3 {font-size: 2rem;}
	.tgt-gift ul {margin-top: 2rem; flex-direction: column; padding: 0 10%;}

	.tgt-agd {padding: 4rem 0;}
	.tgt-agd__title span {font-size: 2.75rem;}
	.tgt-agd__list {margin-top: 2rem;}
	.tgt-agd__list dl dt {width: 7rem; font-size: 0.875rem; margin-right: 0.5rem;}
	.tgt-agd__list dl dd {font-size: 1rem; justify-content: flex-start; padding: 0 1rem; background-size: auto 5rem !important}
	.tgt-agd__list dl dd:before,
	.tgt-agd__list dl dd:after {display: none;}

	.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;}
	.tgt-teams__btn {margin-top: 2rem;}
	.tgt-teams__btn button span {width: 12rem; height: 3rem; font-size: 1rem;}
}

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