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

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

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

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

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

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

.alv-pop__btn {margin-top: 3.75rem;padding-top: 2.5rem;border-top: solid 1px #E5E8EB;display: flex;justify-content: center;}
.alv-pop__btn a {background: #0066FF;color: #fff;width: 20rem;height: 3.75rem;border-radius: 20rem;display: flex;align-items: center;justify-content: center;}

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

/* top */
.alv-top {padding: 6.25rem 0;position: relative;background: url("https://img.megastudyth.com/event/2026/openhouse/alevel/con_img2.png") no-repeat center center / cover;}
.alv-top:before,
.alv-top:after {content: "";background-image: url(https://img.megastudyth.com/event/2026/openhouse/alevel/con_img1.png),url(https://img.megastudyth.com/event/2026/openhouse/alevel/con_img1.png);position: absolute;top: 0;width: 3.5rem;height: 100%;background-repeat: no-repeat,no-repeat;background-position: 0px calc(0% + 20px),0px calc(100% - 0px);background-size: contain;}
.alv-top:before {left: 0;}
.alv-top:after {right: 1rem;}
.alv-top p {display: flex;position: relative;font-size: 1.75rem;background: #000;justify-content: center;align-items: center;color: #fff;padding: 0.36rem 0;gap: 1.875rem;max-width: 57rem;margin: 0 auto 2.5rem;}
.alv-top h3 {margin: 0 0 2rem;}
.alv-top__info {background: url(https://img.megastudyth.com/event/2026/openhouse/alevel/con_img5.png) no-repeat center 0 / cover;padding: 5.125rem 0 2rem;max-width: 33.5rem;margin: 0 auto;font-weight: 300;display: flex;flex-direction: column;align-items: flex-start;gap: 0.5rem;}
.alv-top__info li {background: url(https://img.megastudyth.com/event/2026/openhouse/alevel/con_img6.png) no-repeat 0 0 / auto;padding-left: 1.6rem;margin-left: 2.6875rem;}
.alv-top__info li:last-child {background: url(https://img.megastudyth.com/event/2026/openhouse/alevel/con_img7.png) no-repeat center 0 / auto;padding: 1.56rem 1rem 0;width: 100%;margin: 1.56rem 0 0;text-align: center;font-weight: bold;font-style: italic;font-size: 1.25rem;}
.alv-top__loca {display: flex;align-items: center;justify-content: center;margin: 1.75rem auto 0;max-width: 35rem;}
.alv-top__loca li {color: #fff;font-weight: 300;display: flex;justify-content: flex-start;align-items: center;gap: 0.875rem;flex: 1;padding: 0 1.25rem;}
.alv-top__loca li + li {border-left: 1px dashed #fff;}

/* time */
.alv-time {background: #7B00FF;text-align: center;padding: 1.5rem 0;}
.alv-time h3 {font-size: 1.25rem;color: #fff;display: flex;flex-direction: column;align-items: center;}
.alv-time h3 span {display: block;font-weight: 700;-webkit-text-fill-color: transparent;background: linear-gradient(to right,rgb(199, 254, 96) 0%,rgb(21, 255, 160) 100%) text;}
.alv-time p {font-size: 0.75rem;color: #fff;font-weight: 300;margin-top: 0.5rem;}

/* gift */
.alv-gift {padding: 5rem 0;background: #0521CB;}
.alv-gift h3,
.alv-agd h3 {text-align: center;font-size: 3rem;color: #fff;}
.alv-gift h3 .mo,
.alv-agd h3 .mo {display: none;}
.alv-gift ul {display: flex;gap: 1.25rem;max-width: 42.25rem;margin: 2.5rem auto 0;}
.alv-gift ul li {flex: 1;border: 1px solid #000;}
.alv-gift ul li dl {height: 100%;display: flex;flex-direction: column;background: #fff;}
.alv-gift ul li dl dt {position: relative;background: #000;color: #fff;font-size: 1.125rem;height: 4.5rem;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.alv-gift ul li dl dt span {font-size: 0.875rem;font-weight: 300;padding: 0.2rem 0 0;}
.alv-gift ul li dl dt:before,
.alv-gift ul li dl dt:after {content: "";position: absolute;top: 50%;margin-top: -4px;width: 8px;height: 8px;border-radius: 100%;}
.alv-gift ul li dl dt:before {left: 1rem;background: #FF64D1;}
.alv-gift ul li dl dt:after {right: 1rem;background: #FF64D1;}
.alv-gift ul li:nth-child(2) dl dt:before,
.alv-gift ul li:nth-child(2) dl dt:after {background: #00E4EB;}
.alv-gift ul li dl dd {padding: 0.5rem 1rem 1.5rem;flex-grow: 1;text-align: center;font-size: 1.125rem;color: #fff;font-weight: 600;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.alv-gift ul li dl dd span {display: block;font-weight: 300;font-size: 1rem;}

/* agd */
.alv-agd {padding: 5rem 0;background: #FF2EC1;}
.alv-agd__title {display: flex;justify-content: center;}
.alv-agd__title span {display: block;font-size: 3rem;color: #fff;font-weight: 600;line-height: 1.0;background: linear-gradient(to top,#1976FF 0%,#9950FF 100%);}
.alv-agd__list {max-width: 51.375rem;margin: 3rem auto 0;}
.alv-agd__list dl {margin-bottom: 0.75rem;display: flex;height: 3.75rem;}
.alv-agd__list dl:last-child {margin-bottom: 0;}
.alv-agd__list dl dt {flex-shrink: 0;width: 12.5rem;margin-right: 2.25rem;background: #CC259A;color: #fff;font-size: 1.25rem;display: flex;align-items: center;justify-content: center;font-weight: 300;}
.alv-agd__list dl dd {flex-grow: 1;background: #fff;border: solid 1px #EDDDFF;position: relative;font-size: 1.125rem;font-weight: 600;display: flex;align-items: center;justify-content: center;}
.alv-agd__list dl dd:before {content: "";display: block;width: 4rem;height: 1px;background: #CC259A;position: absolute;top: 50%;right: 100%;margin-right: -1rem;}
.alv-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: #CC259A;border-radius: 50%;}

/* teams */
.alv-teams {padding: 5rem 0;background: #DAFFDA;}
.alv-teams__title {display: flex;justify-content: center;font-size: 3rem;font-weight: 700;line-height: 1;}
.alv-teams__title span {color: #0021E4;}
.alv-teams__list {margin-top: 3rem;display: flex;gap: 1.25rem;justify-content: center;}
.alv-teams__list li {width: 320px;}
.alv-teams__list li dl {position: relative;}
.alv-teams__list li dl dt {position: absolute;left: 1.125rem;width: calc(100% - 2.25rem);bottom: 1.125rem;text-align: center;font-size: 1.25rem;background: rgba(255,255,255,0.8);color: #000;font-weight: 600;height: 3.75rem;line-height: 3.75rem;}
.alv-teams__btn {margin-top: 3.75rem;display: flex;justify-content: center;}
.alv-teams__btn button {padding: 2px;border-radius: 4rem;}
.alv-teams__btn button span {width: 20rem;height: 3.5rem;background: #0021E4;color: #fff;font-size: 1.25rem;font-weight: 500;border-radius: 4rem;display: flex;align-items: center;justify-content: center;}

@media (max-width:1280px) {
	.alv-gift h3 {font-size: 2.5rem;}
}

@media (max-width:992px) {
	.alv-top h2 img {max-width: 100% !important;}
	.alv-top {background-image: url("https://img.megastudyth.com/event/2026/openhouse/alevel/con_img2_mo.png");padding: 5rem 0 4rem;}
	.alv-top:before,
	.alv-top:after {width: 2rem;}
}

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

	.alv-top p {font-size: 1rem;padding: 1.125rem 0;gap: 1rem;margin-bottom: 1rem;}
	.alv-top p i {width: 1.5rem;}
	.alv-top__info {max-width: 35rem;border-radius: 1rem;}
	.alv-top__info li {margin-left: 1.5rem;}

	.alv-top__loca {flex-direction: column;gap: 0.5rem;align-items: center;}
	.alv-top__loca li {width: 100%;justify-content: center;border: 1px solid #ffffff78;border-radius: 0.5rem;padding: 0.5rem 0;}
	.alv-top__loca li + li {border-left: 1px solid #ffffff78;}
	.alv-top__loca li br {display: none;}
	.alv-top__loca li i {width: 2.5rem;}

	.alv-frm__title {font-size: 2rem;}
	.alv-agd h3 {padding: 0 30%;}
	.alv-teams__list li dl dt {height: 2rem;line-height: 2rem;font-size: 1rem;}

	.alv-gift {padding: 4rem 0;}
	.alv-gift h3 {font-size: 2rem;}
	.alv-gift ul {display: block;margin-top: 2rem;}
	.alv-gift ul li {margin-bottom: 0.5rem;}
	.alv-gift ul li:last-child {margin-bottom: 0;}
	.alv-gift ul li dl dd{padding: 1rem 5rem 1.5rem;}

	.alv-agd {padding: 4rem 0;}
	.alv-agd__title span {font-size: 2.75rem;}
	.alv-agd__list {margin-top: 2rem;}
	.alv-agd__list dl dt {width: 100px;font-size: 0.875rem;margin-right: 0.5rem;}
	.alv-agd__list dl dd {font-size: 1rem;justify-content: flex-start;padding: 1.5rem;}
	.alv-agd__list dl dd:before,
	.alv-agd__list dl dd:after {display: none;}

	.alv-teams {padding: 4rem 0;}
	.alv-teams__title {font-size: 2rem;}
	.alv-teams__list {margin-top: 2rem;gap: 0.5rem;}
	.alv-teams__list li dl {border-radius: 0.875rem;}

	.alv-teams__btn {margin-top: 2rem;}
	.alv-teams__btn button span {width: 12rem;height: 3rem;font-size: 1rem;}
}