@charset "utf-8";


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

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

.tpat3-frm {padding: 6.25rem 0;}
.tpat3-frm__title {text-align: center; font-size: 2.5rem; font-weight: 600;}
.tpat3-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) {

	.tpat3-frm__title {font-size: 2rem;}
	.tpat3-pop__chk.col5 li {width: 50%;}
	.tpat3-pop__chk.last li:last-child {width: 50%;}
	.tpat3-frm {padding: 4rem 0; border-bottom-width: 1rem;}
	.tpat3-frm__inner {padding: 0; margin-top: 1rem;}
	.tpat3-pop__btn a {width: 12rem; height: 3rem; font-size: 1rem;}

}




.tpat3-top {position: relative;padding: 5.625rem 0;background: #010006 url(https://img.megastudyth.com/event/2026/openhouse/tpat3/topbg_img4.png) no-repeat center 0 / auto;}
.tpat3-top__bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.tpat3-top__bg li{position: absolute;}
.tpat3-top__bg li:nth-child(1){bottom: 0;left: 0;}
.tpat3-top__bg li:nth-child(2){top: 0;left: 50%;margin: 0 0 0 22rem;}
.tpat3-top__bg li:nth-child(3){top: calc(50% - -1rem);right: 10%;}
.tpat3-top__title {text-align: center;}
.tpat3-top__title h3 {margin-top: 1.25rem;}
.tpat3-top__title p {font-size: 1.5rem;color: #fff;font-weight: 300;/* margin-top: 1.25rem; */}
.tpat3-top__info {margin-top: 4.0rem;display: flex;gap: 1.3rem;justify-content: center;flex-direction: column;color: #fff;text-align: center;font-weight: 300;line-height: 1.6;align-items: center;}
.tpat3-top__info li {position: relative;}
.tpat3-top__info li:nth-child(2) {font-size: 1.125rem;display: flex;flex-direction: column;gap: 0.6rem;align-items: center;font-weight: 500;}
.tpat3-top__info li:nth-child(2) span {background: #000;padding: 0 0.5rem;line-height: 1;}
.tpat3-top__info li:last-child {margin-top: 0.6rem;color: #C77DFF;font-size: 1.375rem;font-weight: 500;}
.tpat3-top__info li > img {display: block; width: 15rem; filter: drop-shadow(10px 10px 15px rgba(0, 0, 0, 0.2));}
.tpat3-top__info li dl {position: absolute; top: 0; bottom: 0; right: 0; left: 10%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.tpat3-top__info li dl dt img {display: block; width: 3.75rem;}
.tpat3-top__info li dl dd {text-align: center; color: #8C6BFF; font-weight: 700; margin-top: 1rem;}
.tpat3-top__date {position: relative;margin-top: 5.0rem;display: flex;justify-content: center;color: #fff;align-items: stretch;gap: 1.875rem;margin-right: 2rem;}
.tpat3-top__date div {padding: 0.375rem 0;display: flex;gap: 1rem;/* flex: 1; *//* width: 16.1rem; */align-items: center;}
.tpat3-top__date div + div {border-left: 1px dashed #fff;}
.tpat3-top__date div span img {width:100%}
.tpat3-top__date i {border-left:1px dashed #fff;display: block;}

.tpat3-gift {padding: 6.25rem 0;background: #F2F4FF;}
.tpat3-gift h3 {text-align: center;font-size: 3rem;color: #1A1F4A;font-weight: 600;}
.tpat3-gift h3 span {color: #9FF32C;}
.tpat3-gift ul {display: flex;margin-top: 2.5rem;gap: 0.75rem;justify-content: center;}
.tpat3-gift ul li {border: 2px solid #6B75E6;border-radius: 0.75rem;}
.tpat3-gift ul li dl {height: 100%; display: flex; flex-direction: column; border-radius: 1.25rem; border-radius: 1.25rem; overflow: hidden;}
.tpat3-gift ul li dl dt {flex-shrink: 0;background: #F3F6FF;padding: 0 1rem;height: 6rem;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid rgba(138, 134, 255, 0.8);}
.tpat3-gift ul li dl dt h5 {font-size: 1.125rem;font-weight: 400;text-align: center;color: #1E255E;}
.tpat3-gift ul li dl dd {background: #fff;padding: 2.313rem 2.938rem;}
.tpat3-gift ul li dl dd img {width: 14.5rem;}

.tpat3-agd {padding: 5rem 0;background: #0A0F2C;}
.tpat3-agd__title {color: #fff ;font-size: 3rem; display: flex; justify-content: center;}
.tpat3-agd__list {margin: 2rem 8.063rem 0;}
.tpat3-agd__list dl {margin-bottom: 0.5rem; display: flex; height: 3.75rem;}
.tpat3-agd__list dl:last-child {margin-bottom: 0;}
.tpat3-agd__list dl dt {flex-shrink: 0;width: 24.332%;margin-right: 2.25rem;background: #141A44;color: #B6C2FF;font-weight: 300;font-size: 1.25rem;display: flex;align-items: center;justify-content: center;border-radius: 0.75rem;}
.tpat3-agd__list dl dd {flex-grow: 1;background: #1A2157;color: #fff;position: relative;font-size: 1.125rem;font-weight: 400;display: flex;align-items: center;justify-content: center;border-radius: 0.75rem;}
.tpat3-agd__list dl dd:before {content: '';display: block;width: 3.5rem;height: 1px;background: #2EF2E8;position: absolute;top: 50%;right: 100%;margin-right: -1.3rem;}
.tpat3-agd__list dl dd:after {content: '';display: block;width: 0.5rem;height: 0.5rem;position: absolute;top: 50%;left: 1.2rem;margin-top: -0.23rem;background: #2EF2E8;border-radius: 50%;}

.tpat3-teams {padding: 6.25rem 0;background: #18205A;color: #fff;}
.tpat3-teams h3 {font-size: 3rem; font-weight: 600; text-align: center;}
.tpat3-teams__list {margin-top: 2.5rem; display: flex; gap: 1.25rem; justify-content: center;}
.tpat3-teams__list li {width: 20rem;}
.tpat3-teams__list li dl {border-radius: 1.25rem;position: relative;background: #2F36A3;overflow: hidden;border: 1px solid rgba(108, 124, 255, 0.35);}
.tpat3-teams__list li dl dd {position: absolute;left: 0;right: 0;bottom: 0;height: 4.125rem;text-align: center;font-size: 1.25rem;color: #fff;background: #2A2F7A;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.tpat3-teams__list li dl dd strong {font-size: 1.5rem; font-weight: 500;}
.tpat3-teams__btn {margin-top: 2.5rem;display: flex;justify-content: center;}
.tpat3-teams__btn button span {width: 20rem;height: 3.5rem;background: linear-gradient(
270deg, #7C6CFF 0%, #8F7CFF 100%);color: #fff;font-size: 1.25rem;font-weight: 500;border-radius: 4rem;display: flex;align-items: center;justify-content: center;}

@media (max-width:1280px) {

	.tpat3-top__bg li img{width:100%}
	.tpat3-top__bg li:nth-child(1){width: clamp(80px, 24vmin, 200px);}
	.tpat3-top__bg li:nth-child(2){width: clamp(50px, 17vmin, 150px);}
	.tpat3-top__bg li:nth-child(3){width: clamp(20px, 7.5vmin, 70px);right: 3%;}

}

@media (max-width:992px) {

	.tpat3-top{background-size: cover;}
	.tpat3-top__bg li img{width:100%}
	.tpat3-top__bg li:nth-child(1){width: clamp(50px, 19vmin, 170px);opacity: 0.5;}
	.tpat3-top__bg li:nth-child(2){left: unset;right: 3%;margin: 0;opacity: 0.5;}
	.tpat3-top__bg li:nth-child(3){opacity: 0.5;}
	.tpat3-top__date div span {width: 2rem;}

}

@media (max-width:768px) {

	.tpat3-top {padding: 4rem 0;}
	.tpat3-top__title h3 {font-size: 4rem;}
	.tpat3-top__title h3 br {display: block;}
	.tpat3-top__title h4 {font-size: 1.5rem;}
	.tpat3-top__title p {font-size: 1rem; margin-top: 0.5rem; padding: 0 5%;}
	.tpat3-top__info {margin-top: 1.5rem; display: flex; gap: 0.5rem;}
	.tpat3-top__info li dl dd {font-size: 0.875rem; margin-top: 0.5rem;}
	.tpat3-top__date {margin-top: 3.0rem;display: flex;justify-content: center;gap: 1.0rem;/* margin-right: 0; */}
	.tpat3-top__date div{width: auto;gap: 0.7rem;}
	.tpat3-top__date div span {font-size: 1rem;}
	.tpat3-top__bg li:nth-child(3){display:none}

	.tpat3-gift {padding: 4rem 0;}
	.tpat3-gift h3 {font-size: 2rem;}
	.tpat3-gift ul {margin-top: 2rem; flex-direction: column; padding: 0 10%;}
	.tpat3-gift ul li dl dt{height: 5rem;}
	.tpat3-gift ul li dl dd{padding: 1.5rem;}

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

	.tpat3-teams {padding: 4rem 0;}
	.tpat3-teams h3 {font-size: 2.0rem;}
	.tpat3-teams__list {margin-top: 2rem; gap: 0.5rem;}
	.tpat3-teams__list li dl {border-radius: 0.875rem;}
	.tpat3-teams__list li dl dd {font-size: 1rem;}
	.tpat3-teams__list li dl dd strong {font-size: 1.25rem;}
	.tpat3-teams__btn {margin-top: 2rem;}
	.tpat3-teams__btn button span {width: 16rem;height: 3rem;font-size: 1.2rem;}

}