@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}

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

.tpat-frm {padding:6.25rem 0}
.tpat-frm__title {text-align:center;font-size:3rem;font-weight:600}
.tpat-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) {
	.tpat-frm__title {font-size:2rem}
	.tpat-pop__chk.col5 li {width:50%}
	.tpat-pop__chk.last li:last-child {width:50%}
	.tpat-frm {padding:4rem 0;border-bottom-width:1rem}
	.tpat-frm__inner {padding:0;margin-top:1rem}
	.tpat-pop__btn a {width:12rem;height:3rem;font-size:1rem}
}

.tpat-top {position: relative;padding:6.25rem 0;background:url('https://img.megastudyth.com/event/2026/openhouse/tgat/v2/con_img2.png') no-repeat center center / cover}
.tpat-top::before {content: '';background: url(https://img.megastudyth.com/event/2026/openhouse/tgat/v2/con_img3.png) no-repeat 0 0 / cover;width: 8.125rem;height: 8.9375rem;position: absolute;top: 28.5rem;left: 50%;margin: 0 0 0 20rem;}
.tpat-top__title {display:flex;flex-direction:column;align-items:center}
.tpat-top__title img {display:block;margin:0 auto}
.tpat-top__title p {text-align:center;font-size:2.5rem;color:#fff;font-weight:600;margin-top:.5rem}
.tpat-top__info {width:100%;margin:2rem auto;gap:.25rem;border-radius:1.25rem;padding:1.75rem 1rem;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:32.5rem}
.tpat-top__info li {display:flex;font-weight:300}
.tpat-top__info li:before {content:'';display:block;width:.25rem;height:.25rem;flex-shrink:0;margin-right:.5rem;margin-top:.55rem;background:#000;border-radius:50%}
.tpat-top__date {margin-top:2rem;text-align:center;display:flex;flex-direction:column;align-items:center}
.tpat-top__date dt {font-size:1.25rem;color:#fff;font-weight:600}
.tpat-top__date dd {margin-top:1.5rem;color:#fff;font-weight:300;line-height:1.6;position:relative}
.tpat-top__date dd:before {content:'';display:block;width:2.25rem;height:3rem;margin-right:.75rem;position:absolute;right:100%;top:50%;transform:translateY(-50%);background:url('https://img.megastudyth.com/event/2026/openhouse/tpat1/top_pin.png') no-repeat center center / cover}

.tpat-gift {padding:6.25rem 0;background:#F7F8FB url('https://img.megastudyth.com/event/2026/openhouse/tgat/v2/con_img9.png') no-repeat center 0 / cover;color:#fff}
.tpat-gift h3 {text-align:center;font-size:3.75rem;font-weight:600;display:flex;justify-content:center}
.tpat-gift h3 span {position:relative}
.tpat-gift h3 span:after {content:'';display:block;width:3rem;height:2.5rem;position:absolute;right:100%;top:50%;margin-right:1rem;margin-top:-1.5rem;transform:translateY(-50%);background:url('https://img.megastudyth.com/event/2026/openhouse/tpat1/gift_heart.png') no-repeat center center / cover}
.tpat-gift__first dl {display:flex;flex-direction:column;align-items:center;font-size:1.25rem;text-align:center;margin:0 0 2.5rem}
.tpat-gift__first dt {font-size:1.75rem;margin:0 0 3rem;font-weight:500}
.tpat-gift__first dd {font-weight:300}
.tpat-gift__first dd b {color:#FFC000}
.tpat-gift__first dl + p {background:#212732;max-width:45rem;margin:0 auto 0;font-size:1.75rem;text-align:center;border-radius:1.5rem;padding:2.25rem 0}
.tpat-gift__first .gift {margin-top:2.5rem;margin-bottom:3.5rem}
.tpat-gift__first .notice {border:1px solid #666666;padding:1.75rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.2rem;margin:0 0 7.5rem}
.tpat-gift__first .notice p.sml {font-weight:300;opacity:.5;margin:.2rem 0 0}
.tpat-gift__second ul {display:flex;margin-top:2.5rem;gap:4.25rem;justify-content:center;background:#212732;padding:3.75rem 0;border-radius:1.5rem;align-items:flex-start}
.tpat-gift__second ul li dl {height:100%;display:flex;flex-direction:column-reverse;border-radius:1.25rem;overflow:hidden}
.tpat-gift__second ul li dl dt {flex-shrink:0;padding:0 1rem;display:flex;align-items:flex-start;justify-content:center;color:#fff;margin-top:1.25rem}
.tpat-gift__second ul li dl dt h5 {font-size:1.25rem;text-align:center;font-weight:400}
.tpat-gift__second ul li dl dt h5 span {font-weight:300;font-size:1rem}
.tpat-gift__second ul li dl dd {background:#fff;border-radius:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.tpat-gift__second ul li dl dd img {display:block;width:14.5rem;margin:0 auto}

.tpat-agd {padding:5rem 0;background:#0155FF}
.tpat-agd__title {font-size:3.75rem;display:flex;justify-content:center;color:#fff;font-weight:600}
.tpat-agd__title span {position:relative}
.tpat-agd__title span:after {content:'';display:block;width:2.5rem;height:2rem;position:absolute;left:100%;top:50%;margin-left:.25rem;margin-top:-1rem;transform:translateY(-50%);background:url('https://img.megastudyth.com/event/2026/openhouse/tpat1/tutor_bubble.png') no-repeat center center / cover}
.tpat-agd__list {margin:2rem auto 0}
.tpat-agd__list dl {margin-bottom:.75rem;display:flex;height:4.25rem;background:#fff;border-radius:.75rem}
.tpat-agd__list dl:last-child {margin-bottom:0}
.tpat-agd__list dl dt {flex-shrink:0;width:20%;margin-right:2rem;color:#083CCC;font-weight:500;font-size:1.25rem;display:flex;align-items:center;justify-content:flex-start;border-radius:.75rem;padding:0 0 0 1.75rem}
.tpat-agd__list dl dd {flex-grow:1;background:#fff;position:relative;font-size:1.25rem;display:flex;align-items:center;justify-content:flex-start;border-radius:.75rem;padding:0 0 0 1.75rem;font-weight:500}
.tpat-agd__list dl dd:before {content:'';display:block;width:1px;height:2.625rem;background:#aaa;position:absolute;top:50%;right:100%;margin-top:-1.3125rem}

.tpat-teams {padding:6.25rem 0;background:#FFC000}
.tpat-teams h3 {font-size:3.75rem;display:flex;justify-content:center;font-weight:600}
.tpat-teams h3 span {position:relative}
.tpat-teams h3 span b {color:#0155FF;font-weight:inherit}
.tpat-teams__list {margin-top:2.5rem;display:flex;gap:1.0rem;justify-content:center}
.tpat-teams__list li dl {border-radius:1.25rem;position:relative;background:#fff;overflow:hidden}
.tpat-teams__list li dl dd {position:absolute;left:0;right:0;bottom:0;height:4.125rem;text-align:center;font-size:1.25rem;background:#000;display:flex;flex-direction:column;align-items:center;color:#fff;justify-content:center}
.tpat-teams__list li dl dd strong {font-size:1.5rem;font-weight:500}
.tpat-teams__btn {margin-top:3.75rem;display:flex;justify-content:center}
.tpat-teams__btn button span {width:20rem;height:3.5rem;background:#001AFF;color:#fff;font-size:1.25rem;font-weight:500;border-radius:4rem;display:flex;align-items:center;justify-content:center}

@media (max-width:992px) {
	.tpat-top__title h3 {padding:0 1.5rem}
	.tpat-top__title p {font-size:2rem}
}

@media (max-width:768px) {
	.tpat-top {padding:4rem 0}
	.tpat-top::before {display: none;}
	.tpat-top__title h5 {font-size:1.25rem;font-weight:400}
	.tpat-top__info {margin:1rem auto;font-size:.875rem;padding:1rem}
	.tpat-top__info li:before {width:3px;height:3px}
	.tpat-top__date {margin-top:1rem}
	.tpat-top__date dt {font-size:1rem}
	.tpat-top__date dd {margin-top:1rem;font-size:.875rem;line-height:1.4}
	.tpat-top__date dd:before {width:1.875rem;height:2.5rem;margin-right:.5rem}
	.tpat-gift {padding:4rem 0}
	.tpat-gift h3 {font-size:2rem}
	.tpat-gift h3 span:after {width:2.375rem;height:2rem;margin-right:.5rem}
	.tpat-gift__second ul {padding:2rem;gap:1.5rem}
	.tpat-gift__first dt {font-size:1.25rem;margin:0 0 1.5rem}
	.tpat-gift__first dl + p {font-size:1.125rem;padding:1.5rem 1rem}
	.tpat-agd {padding:4rem 0}
	.tpat-agd__title {font-size:2.75rem}
	.tpat-agd__list {margin-top:2rem}
	.tpat-agd__list dl {display:flex;flex-direction:column;padding:1rem;height:auto}
	.tpat-agd__list dl dt {width:auto;margin-right:0;padding:0;margin-bottom:.5rem}
	.tpat-agd__list dl dd {font-size:1rem;justify-content:flex-start;padding:0;background-size:auto 5rem !important}
	.tpat-agd__list dl dd:before,.tpat-agd__list dl dd:after {display:none}
	.tpat-teams {padding:4rem 0}
	.tpat-teams h3 {font-size:2.5rem}
	.tpat-teams__list {margin-top:2rem}
	.tpat-teams__list li dl {border-radius:.875rem}
	.tpat-teams__list li dl dd {font-size:1rem;height:3rem}
	.tpat-teams__list li dl dd strong {font-size:1.125rem}
	.tpat-teams__btn {margin-top:2rem}
	.tpat-teams__btn button span {width:12rem;height:3rem;font-size:1rem}
	.tpat-gift__first .notice {margin-bottom:4rem;padding:1.125rem}
}

@media (max-width:576px) {
	.tpat-gift__second ul {margin-top:2rem;flex-direction:column;padding:0 2rem;gap:1.5rem;align-items:center;background:none}
	.tpat-gift__second ul li {background:#fff;border-radius:1.5rem;width:100%}
	.tpat-gift__second ul li dl dt h5 br {display:none}
	.tpat-gift__second ul li dl dt {color:#000;padding:0 0 1.25rem;margin-top:0}
	.tpat-gift__second ul li dl dd {aspect-ratio:auto}
	.tpat-gift__second ul li dl dd img {width:clamp(130px,22vmin,200px)}
	.tpat-teams__list {flex-direction:row;flex-wrap:wrap}
	.tpat-teams__list li {width:calc(50% - 1.5rem);flex:none}
}