@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;}
*/

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

/* popup */
.tcas-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;}
.tcas-pop.active {display: block;}
.tcas-pop__box {background: #fff;height: 100%;width: 100%;max-width: 36rem;border-radius: 1rem;margin: 0 auto;overflow: hidden;display: flex;flex-direction: column;}
.tcas-pop__top {flex-shrink: 0;height: 4rem;padding: 0 2rem;border-bottom: solid 1px #E5E8EB;display: flex;align-items: center;justify-content: space-between;}
.tcas-pop__title {font-size: 1.5rem;}
.tcas-pop__close {width: 2.5rem;height: 2.5rem;margin-right: -1rem;background: none;position: relative;text-indent: -9999px;}
.tcas-pop__close:before,
.tcas-pop__close:after {content: "";display: block;width: 20px;height: 2px;background: #000;position: absolute;left: 50%;top: 50%;margin-left: -10px;margin-top: -1px;}
.tcas-pop__close:before {transform: rotate(45deg);}
.tcas-pop__close:after {transform: rotate(-45deg);}
.tcas-pop__inner {flex-grow: 1;overflow-y: auto;padding: 2rem 2rem 2.5rem;}

.tcas-pop__basic {border: solid 1px #E5E8EB;border-radius: 0.5em;padding: 0.75rem 1.5rem;}
.tcas-pop__basic th,
.tcas-pop__basic td {text-align: left;padding: 0.75rem 0;}
.tcas-pop__basic th {color: #4E5968;font-size: 0.875rem;font-weight: 400;padding-right: 1rem;}
.tcas-pop__basic th span {display: inline-block;width: 3px;height: 3px;background: #FF5F5F;border-radius: 100%;text-indent: -9999px;margin-left: 2px;}
.tcas-pop__basic td input[type="text"] {display: block;width: 100%;height: 3rem;padding: 0 1rem;border: solid 1px #E5E8EB;border-radius: 0.5em;}
.tcas-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;}
.tcas-pop__basic td .tcas-pop__chk {align-items: center;}

.tcas-pop__chk {margin: -0.5rem -1rem;display: flex;flex-wrap: wrap;}
.tcas-pop__chk li {padding: 0.5rem 1rem;width: 50%;display: flex;align-items: center;}
.tcas-pop__chk.col5 li {width: 20%;}
.tcas-pop__chk.last li:last-child {width: 40%;}
.tcas-pop__chk li input[type="radio"],
.tcas-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;-webkit-appearance: none;appearance: none;}
.tcas-pop__chk li input[type="radio"] {border-radius: 50%;}
.tcas-pop__chk li input[type="checkbox"] {border-radius: 0.25rem;}
.tcas-pop__chk li input[type="radio"] + label,
.tcas-pop__chk li input[type="checkbox"] + label {cursor: pointer;margin-left: 0.5rem;font-size: 0.875rem;color: #4E5968;font-weight: 300;}
.tcas-pop__chk li input[type="radio"]:checked,
.tcas-pop__chk li input[type="checkbox"]:checked {background: #006FFF;border-color: #006FFF;}
.tcas-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%;}
.tcas-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);}

.tcas-pop__group {margin-top: 2.5rem;}
.tcas-pop__group dt {padding-bottom: 0.75rem;color: #4E5968;font-size: 0.875rem;display: flex;}
.tcas-pop__group dt:before {content: attr(num);flex-shrink: 0;margin-right: 0.25rem;}
.tcas-pop__group dt label {cursor: pointer;}
.tcas-pop__group dt span {display: inline-block;width: 3px;height: 3px;background: #FF5F5F;border-radius: 100%;text-indent: -9999px;margin-left: 2px;}
.tcas-pop__group dt em {font-style: normal;color: #8B95A1;font-weight: 300;}
.tcas-pop__group dd h6 {margin-top: 1.25rem;padding-bottom: 1rem;font-size: 0.875rem;font-weight: 400;color: #3182F6;}
.tcas-pop__group dd input[type="text"] {display: block;width: 100%;height: 3rem;padding: 0 1rem;border: solid 1px #E5E8EB;border-radius: 0.5em;}
.tcas-pop__group dd input[type="text"] + p {font-size: 0.875rem;margin-top: 0.5rem;color: #4E5968;}

.tcas-pop__btn {margin-top: 3.75rem;padding-top: 2.5rem;border-top: solid 1px #E5E8EB;display: flex;justify-content: center;}
.tcas-pop__btn a {background: #2F7BFF; color: #fff; width: 20rem; height: 3.75rem; border-radius: 20rem; display: flex;align-items: center;justify-content: center;font-size: 1.25rem;}

.tcas-title {text-align: center;font-size: 3rem;font-weight: 600;line-height: 1;margin: 0 0 2.5rem;}

/* form */
.tcas-frm {padding: 5rem 0;}
.tcas-frm__title {text-align: center; font-size: 3rem;font-weight: bold;}
.tcas-frm__inner {background: #fff;height: 100%;width: 100%;max-width: 36rem;margin: 0 auto;padding: 0 2rem 2rem;overflow: hidden;display: flex;flex-direction: column;}

@media (max-width:768px) {
	.tcas-pop__chk.col5 li {width: 50%;}
	.tcas-pop__chk.last li:last-child {width: 50%;}
	.tcas-frm {padding: 4rem 0;border-bottom-width: 1rem;}
	.tcas-title {font-size: 2.25rem;}
	.tcas-frm__inner {padding: 0;margin-top: 1rem;}
}





.tcas-top {padding: 5rem 0; background: url('https://img.megastudyth.com/event/2026/openhouse/tcas70/ns/top_bg.png')no-repeat center center / cover;}

.tcas-top__title {display: flex; flex-direction: column; align-items: center;}
.tcas-top__title h6 {font-size: 1.25rem; color: rgba(255,255,255,0.8); text-align: center; border: solid 1px #1477FE; padding: 0.5rem 1rem; background: #002E5E; border-radius: 10rem; display: flex; align-items: center; justify-content: center;}
.tcas-top__title h3 {font-size: 6.25rem; text-align: center; color: #fff; font-weight: 800; font-family: "Figtree", sans-serif; line-height: 1.0; margin-top: 1.25rem;}
.tcas-top__title h3 span {color: #1477FE;}

.tcas-top__chk {margin-top: 2.5rem; display: flex; justify-content: center;}
.tcas-top__chk ul li {color: #fff; font-weight: 200; margin-bottom: 0.5rem; position: relative; padding-left: 1.5rem;}
.tcas-top__chk ul li:last-child {margin-bottom: 0;}
.tcas-top__chk ul li:before {content: ''; display: block; width: 1.25rem; height: 1.25rem; position: absolute; left: 0; top: 0; background: url('https://img.megastudyth.com/event/2026/openhouse/tcas70/ns/top_chk.png')no-repeat center center / cover;}
.tcas-top__chk ul li strong {font-weight: 600;}
.tcas-top__info {width: 100%; max-width: 34rem; margin: 2.5rem auto 0; position: relative;}
.tcas-top__info dt {background: #fff; font-size: 1.125rem; color: #1477FE; font-weight: 300; padding: 1.5rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.tcas-top__info dt strong {display: block; font-weight: 700;}
.tcas-top__info dd {width: 6.25rem; height: 6.25rem; color: #1E1E68; font-weight: 700; border-radius: 50%; position: absolute; right: -1.5rem; top: -1.5rem; background: #fff; background: linear-gradient(to bottom, #FFFFFF 0%, #72AFFF 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0px 4px 10px 0px rgba(9, 71, 150, 0.25);}
.tcas-top__desc {margin-top: 1.25rem; text-align: center; color: #fff; font-weight: 300;}

.tcas-agd {padding: 5rem 0; background: #1F5FEA;}
.tcas-agd__title {color: #fff ;font-size: 3rem; display: flex; justify-content: center;}
.tcas-agd__list {margin-top: 2rem;}
.tcas-agd__list dl {margin-bottom: 0.5rem; display: flex; height: 3.75rem;}
.tcas-agd__list dl:last-child {margin-bottom: 0;}
.tcas-agd__list dl dt {flex-shrink: 0; width: 20%; margin-right: 2rem; background: #0A1E3F; color: #9DBBFF; border: solid 1px #3B6FFF; font-weight: 300; font-size: 1.125rem; display: flex; align-items: center; justify-content: center; border-radius: 0.75rem;}
.tcas-agd__list dl dd {flex-grow: 1; background: #163A7A; color: #fff; border: solid 1px #4F86FF; position: relative; font-size: 1.125rem; font-weight: 300; display: flex; align-items: center; justify-content: center;  border-radius: 0.75rem;}
.tcas-agd__list dl dd:before {content: ''; display: block; width: 3rem; height: 1px; background: rgba(157,187,255,0.4); position: absolute; top: 50%; right: 100%; margin-right: -1rem;}
.tcas-agd__list dl dd:after {content: ''; display: block; width: 0.5rem; height: 0.5rem; position: absolute; top: 50%; left: 1rem; margin-top: -0.25rem; background: #9DBBFF; border-radius: 50%;}
.tcas-agd__list dl dd strong {font-weight: 500;}

.tcas-teams {padding: 5rem 0; background: #2772FF;}
.tcas-teams h3 {font-size: 3rem; font-weight: 600; text-align: center; color: #fff;}
.tcas-teams__list {margin: 2.5rem auto 0; width: 100%; max-width: 42rem; display: flex; gap: 2rem; justify-content: center; flex-wrap: wrap; align-items: center;}
.tcas-teams__list li {width: 12.5rem;}

.tcas-gift {padding: 5rem 0; background: #F5F9FF;}
.tcas-gift h3 {text-align: center; font-size: 3rem; color: #0F3D91; font-weight: 600;}
.tcas-gift h3 span {color: #9FF32C;}
.tcas-gift ul {display: flex; margin-top: 2.5rem; gap: 1.25rem; justify-content: center;}
.tcas-gift ul li {}
.tcas-gift ul li dl {height: 100%; display: flex; flex-direction: column; border-radius: 1.25rem; border-radius: 1rem; overflow: hidden; box-shadow: 0px 8px 16px 0px rgba(15, 61, 148, 0.1);}
.tcas-gift ul li dl dt {flex-shrink: 0; background: #0B2E59; padding: 0 1rem; height: 6rem; display: flex; align-items: center; justify-content: center;}
.tcas-gift ul li dl dt h5 {font-size: 1.125rem; font-weight: 300; text-align: center; color: #fff; }
.tcas-gift ul li dl dd {background: #fff; padding: 2.5rem 3rem;}
.tcas-gift ul li dl dd img {width: 14.5rem;}
.tcas-gift__btn {margin-top: 3.75rem; display: flex; justify-content: center;}
.tcas-gift__btn button span {width: 17.5rem; height: 3.5rem; background: #1F6FFF; 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) {
	.tcas-top__title h3 {font-size: 5rem;}
}

@media (max-width:768px) {
	.tcas-top {padding: 4rem 0;} 
	.tcas-top__title h6 {font-size: 1rem;}
	.tcas-top__title h3 {font-size: 4rem;}
	.tcas-top__title h3 span {display: block;}	
	.tcas-top__info dt {padding: 1rem; align-items: flex-start;}
	.tcas-top__info dd {top: -2rem; right: -1rem;}

	.tcas-agd {padding: 4rem 0;}
	.tcas-agd__title {font-size: 2.5rem;}
	.tcas-agd__list {margin-top: 2rem;}
	.tcas-agd__list dl dt {width: 7rem; font-size: 0.875rem; margin-right: 0.5rem;}
	.tcas-agd__list dl dd {font-size: 0.875rem; padding: 0 1rem; flex-direction: column;}
	.tcas-agd__list dl dd:before,
	.tcas-agd__list dl dd:after {display: none;}

	.tcas-teams {padding: 4rem 0;}
	.tcas-teams h3 {font-size: 2.5rem;}
	.tcas-teams__list {margin-top: 2rem; gap: 0.5rem;}


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

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