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

.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"] {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}
.alv-pop__chk li input[type="radio"] + label {cursor: pointer;margin-left: 0.5rem;font-size: 0.875rem;color: #4E5968;font-weight: 300}
.alv-pop__chk li input[type="radio"]:checked {background: #F03366;border-color: #F03366}
.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"] {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}
.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="checkbox"]:checked {background: #F03366;border-color: #F03366}
.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: #F03366;color: #fff;width: 20rem;height: 3.75rem;font-size: 1.25rem;border-radius: 5rem;display: flex;align-items: center;justify-content: center}

.alv-frm {padding: 6.25rem 0}
.alv-frm__title {text-align: center;font-size: 2rem;font-weight: 500}
.alv-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) {
	.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-pop__btn a {width: 12rem;height: 3.5rem}
}

.alv-top {padding: 6.25rem 0 6.75rem;background: url('https://img.megastudyth.com/event/2025/tu/top_bg.jpg')no-repeat center center / cover}
.alv-top h3 {font-size: 2.0rem;font-weight: 400;text-align: center;padding-bottom: 1rem}
.alv-top dl {width: 100%;max-width: 50rem;margin: 0 auto;position: relative}
.alv-top dl:after {content: '';display: block;width: 10rem;height: 6.25rem;position: absolute;left: 100%;top: 100%;margin-left: -6.5rem;margin-top: -5rem;background: url('https://img.megastudyth.com/event/2025/tu/top_book.png')no-repeat center center / cover}
.alv-top dl dt {background: #fff;color: #F63655;text-align: center;font-size: 4rem;font-weight: 600;line-height: 1;padding: 2.5rem 0;border-radius: 2.5rem 2.5rem 0 0}
.alv-top dl dd {background: #F3364F;background: linear-gradient(to bottom, #F3364F 0%, #F73C5A 100%);border-radius: 0 0 2.5rem 2.5rem}
.alv-top dl dd ul {padding: 2rem 2.5rem}
.alv-top dl dd ul li {color: #fff;display: flex;margin-bottom: 0.5rem;font-weight: 300}
.alv-top dl dd ul li:last-child {margin-bottom: 0}
.alv-top dl dd ul li:before {content: '';display: block;width: 0.25rem;height: 0.25rem;background: #fff;flex-shrink: 0;margin-right: 0.5rem;margin-top: 0.6rem;border-radius: 50%}
.alv-top p {margin-top: 1.5rem;color: #fff;text-align: center;font-size: 1.625rem}

.alv-time {text-align: center;padding: 2.25rem 0;background: linear-gradient(to bottom, #00143E 0%, #000000 100%)}
.alv-time h3 {font-size: 1.25rem;color: #fff;font-weight: 300;display: flex;flex-direction: column;align-items: center}
.alv-time h3 span {display: block;font-weight: 500;color: #FFB7CE}
.alv-time p {font-size: 0.75rem;color: #fff;font-weight: 200;margin-top: 0.5rem}

.alv-gift {padding: 6.25rem 0;background: #FFF2F5}
.alv-gift h3 {text-align: center;font-size: 3rem;color: #F03366}
.alv-gift ul {display: flex;margin-top: 2.5rem;gap: 1rem}
.alv-gift ul li {flex: 1}
.alv-gift ul li dl {border: solid 1px #F03366;border-radius: 1.25rem;height: 100%;background: #FFAEC6;background: linear-gradient(to bottom, #FFAEC6 0%, #FFFFFF 80%);display: flex;flex-direction: column}
.alv-gift ul li dl dt {flex-shrink: 0;padding: 1rem 15% 0}
.alv-gift ul li dl dd {padding: 0.5rem 1rem 1.5rem;flex-grow: 1;text-align: center;font-size: 1.125rem;font-weight: 400;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}

.alv-agd {padding: 6.25rem 0;background: #FC93B2}
.alv-agd__title {display: flex;justify-content: center}
.alv-agd__title span {display: block;font-size: 3rem;font-weight: 600;line-height: 1.0;color: #fff}
.alv-agd__list {margin-top: 3rem;margin-left: auto;margin-right: auto;max-width: 52rem}
.alv-agd__list dl {margin-bottom: 0.5rem;display: flex;height: 7rem}
.alv-agd__list dl:last-child {margin-bottom: 0}
.alv-agd__list dl dt {flex-shrink: 0;width: 20%;margin-right: 2rem;background: #F03366;color: #fff;border: solid 1px #F03366;font-size: 1.25rem;border-radius: 1.25rem;display: flex;align-items: center;justify-content: center}
.alv-agd__list dl dd {flex-grow: 1;color: #F03366;position: relative;text-align: center;border-radius: 1.25rem;font-size: 1.25rem;font-weight: 500;display: flex;align-items: center;justify-content: center;background: #fff}
.alv-agd__list dl dd:before {content: '';display: block;width: 3rem;height: 1px;background: #F03366;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: #F03366;border-radius: 50%}

.alv-teams {padding: 6.25rem 0}
.alv-teams__title {display: flex;justify-content: center}
.alv-teams__title span {font-size: 2.5rem;font-weight: 600;color: #F03366}
.alv-teams__list {margin-top: 2.5rem;display: flex;gap: 1.25rem;justify-content: center}
.alv-teams__list li {width: calc(100% / 3)}
.alv-teams__list li dl {border-radius: 1.25rem;position: relative;overflow: hidden}
.alv-teams__list li dl dd {position: absolute;left: 1.25rem;right: 1.25rem;bottom: 1.25rem;font-size: 1.25rem;height: 4.75rem;background: rgba(255,255,255,0.9);color: #F03366;border-radius: 0.625rem;display: flex;align-items: center;justify-content: center}
.alv-teams__btn {margin-top: 3.75rem;display: flex;justify-content: center}
.alv-teams__btn button {width: 22.5rem;height: 5rem;border-radius: 5rem;background: #F03366;color: #fff;font-size: 1.5rem;font-weight: 500}

@media (max-width:992px) {
	.alv-gift h3 {font-size: 2.5rem}
	.alv-agd__title span {font-size: 2.5rem}
	.alv-teams__list li dl dd {height: 3.25rem}
}

@media (max-width:768px) {
	.alv-top {padding: 4rem 0}
	.alv-top h3 {font-size: 1.25rem}
	.alv-top dl:after {width: 7.5rem;height: 4.6875rem;margin-left: -4rem;margin-top: -3rem}
	.alv-top dl dt {font-size: 2rem;padding: 2rem 0;border-radius: 2rem 2rem 0 0}
	.alv-top dl dd {border-radius: 0 0 2rem 2rem}
	.alv-top dl dd ul {padding: 1.5rem}
	.alv-top dl dd ul li {font-size: 0.875rem;margin-bottom: 0.25rem}
	.alv-top dl dd ul li:before {margin-top: 0.5rem;}
	.alv-top p {margin-top: 1rem;font-size: 1.25rem}

	.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 {flex-direction: row;padding: 1rem}
	.alv-gift ul li dl dt {width: 30%;padding: 0}
	.alv-gift ul li dl dd {padding: 0}

	.alv-agd {padding: 4rem 0}
	.alv-agd__title span {font-size: 2.75rem}
	.alv-agd__list {margin-top: 2rem}
	.alv-agd__list dl {height: 5rem}
	.alv-agd__list dl dt {width: 7rem;font-size: 0.875rem;margin-right: 0.5rem;border-radius: 0.875rem}
	.alv-agd__list dl dd {border-radius: 0.875rem;font-size: 1rem;padding: 2rem}
	.alv-agd__list dl dd:before,
	.alv-agd__list dl dd:after {display: none}
	.alv-teams {padding: 4rem 0}
	.alv-teams__title span {font-size: 2.25rem}
	.alv-teams__list {margin-top: 2rem;gap: 0.5rem}
	.alv-teams__list li {width: auto;flex: 1}
	.alv-teams__list li dl {border-radius: 0.875rem}
	.alv-teams__list li dl dd {font-size: 1rem;height: 2.5rem}
	.alv-teams__btn {margin-top: 2rem}
	.alv-teams__btn button {width: 14rem;height: 3.5rem;font-size: 1.25rem}
}

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



/* review (다시보기에서만 추가되는것들) */

.rvw-top {padding: 7.5rem 0;background: url('https://img.megastudyth.com/event/2025/tu/top_bg.jpg')no-repeat center center / cover}
.rvw-top h3 {font-size: 2.25rem;font-weight: 400;text-align: center;padding-bottom: 2rem;line-height: 1}
.rvw-top dl {width: 100%;max-width: 51.25rem;margin: 0 auto;position: relative;box-shadow: 0px 10px 20px 0px rgba(252,157,176,1);border-radius: 2.5rem;background: #fff}
.rvw-top dl:after {content: '';display: block;width: 11.625rem;height: 7.25rem;position: absolute;left: 100%;top: 100%;margin-left: -8.0rem;margin-top: -4.5rem;background: url('https://img.megastudyth.com/event/2025/tu/top_book.png')no-repeat center center / cover}
.rvw-top dl dt {color: #F63655;text-align: center;font-size: 4rem;font-weight: 600;line-height: 1.1;padding: 3.72rem 0}
.rvw-top dl dd {background: #F3364F;background: linear-gradient(to bottom, #F3364F 0%, #F73C5A 100%);border-radius: 0 0 2.5rem 2.5rem}
.rvw-top dl dd ul {padding: 2rem 2.5rem}
.rvw-top dl dd ul li {color: #fff;display: flex;margin-bottom: 0.5rem;font-weight: 300}
.rvw-top dl dd ul li:last-child {margin-bottom: 0}
.rvw-top dl dd ul li:before {content: '';display: block;width: 0.25rem;height: 0.25rem;background: #fff;flex-shrink: 0;margin-right: 0.5rem;margin-top: 0.6rem;border-radius: 50%}
.rvw-top p {margin-top: 1.5rem;color: #fff;text-align: center;font-size: 1.625rem}

.rvw-vod {padding: 6.25rem 0;background: #FFE0E7}
.rvw-vod h3 {text-align: center;font-size: 2.5rem;font-weight: 700}
.rvw-vod__video {margin-top: 2.5rem;padding: 0 5%;position: relative}
.rvw-vod__video > div {padding-bottom: 56.25%;background: #000;position: relative}
.rvw-vod__video .play_area {display: block;position: absolute;left: 0;top: 0;width: 100% !important;height: 100% !important}
.rvw-vod__video .play_area > div,
.rvw-vod__video .play_area iframe {width: 100% !important;height: 100% !important}
.rvw-vod__cover {display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: transparent;text-indent: -9999px}
.rvw-vod__btn {margin-top: 3.75rem;display: flex;justify-content: center}
.rvw-vod__btn a {height: 3.75rem;font-size: 1.25rem;color: #fff;font-weight: 500;background: #F53954;display: flex;align-items: center;justify-content: center;width: 27.5rem;border-radius: 0.625rem}
.rvw-vod__btn a b {font-weight: 600;margin: 0 0 0 10px}

.rvw-gly {background: #FFF2F5;padding: 6.25rem 0 6.2rem}
.rvw-gly__title {text-align: center;font-size: 2.5rem;color: #F53954;font-weight: 700;/* font-style: italic; */padding-bottom: 2.5rem}
.rvw-gly__list {position: relative;padding-bottom: 71.5%;max-width: 924px;margin: 0 auto}
.rvw-gly__list li {position: absolute;box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.1)}
.rvw-gly__list li a {display: block;position: relative}
.rvw-gly__list li a::before {content:'';position: absolute;top: 0;left: 0;width: calc(100% - 1rem);height: calc(100% - 1rem);border: 0.5rem solid #000}
.rvw-gly__list li:nth-child(1) {width: 480px;left: 0;top: 0}
.rvw-gly__list li:nth-child(2) {width: 358px;left: 55.7%;bottom: 72.4%}
.rvw-gly__list li:nth-child(3) {width: 394px;left: 4%;bottom: 47.5%}
.rvw-gly__list li:nth-child(4) {width: 480px;right: 0;bottom: 33.5%;z-index: 1}
.rvw-gly__list li:nth-child(5) {width: 480px;left: 0;bottom: 9%}
.rvw-gly__list li:nth-child(6) {width: 404px;right: 0;bottom: 0}
.rvw-gly__list li:nth-child(7) {width: 32%; left: 58%; top: 40%; z-index: 1;}
.rvw-gly__list li:nth-child(8) {width: 30%; left: 70%; top: 56%;}

.rvw-bnf {background: #FC93B2;padding: 6.25rem 0}
.rvw-bnf__title {font-size: 2.25rem;text-align: center;font-weight: 800;line-height: 1.2}
.rvw-bnf__title span {color: #fff}
.rvw-bnf__list {display: flex;flex-direction: column;max-width: 1000px;margin: 2.5rem auto 0;text-align: center;gap: 1.25rem}
.rvw-bnf__list li {border-radius: 1.25rem;background: #fff;padding: 3.25rem 0;display: flex;flex-direction: column;align-items: center;justify-content: center}
.rvw-bnf__list li p {font-size: 1.25rem;line-height: 1;margin: 0 0 1.75rem}
.rvw-bnf__list li p span {font-size: 2rem;display: block;color: #f03366;font-weight: 600;margin: 0.75rem 0 0}
.rvw-bnf__list li a {display: block;width: 20rem;height: 3.75rem;background: #F03366;color: #fff;font-size: 1.25rem;display: flex;align-items: center;justify-content: center;border-radius: 0.625rem}

@media (max-width:1280px) {
	.rvw-gly__list {max-width: 87%}
	.rvw-gly__list li:nth-child(1) {width: 50%}
	.rvw-gly__list li:nth-child(2) {width: 39%;left: 53%;bottom,: 70.4%;bottom: 71.8%}
	.rvw-gly__list li:nth-child(3) {width: 40%;bottom: 49.7%}
	.rvw-gly__list li:nth-child(4) {width: 54.5%;bottom: 33%}
	.rvw-gly__list li:nth-child(5) {width: 50%}
	.rvw-gly__list li:nth-child(6) {width: 46%}
}

@media (max-width:768px) {
	.rvw-top {padding: 6.25rem 0}
	.rvw-top h3 {font-size: 1.25rem;padding-bottom: 1.5rem}
	.rvw-top dl:after {width: 7.5rem;height: 4.6875rem;margin-left: -7rem;margin-top: -3rem}
	.rvw-top dl dt {font-size: 2rem;padding: 2rem 0;border-radius: 2rem 2rem 0 0}
	.rvw-top dl dd {border-radius: 0 0 2rem 2rem}
	.rvw-top dl dd ul {padding: 1.5rem}
	.rvw-top dl dd ul li {font-size: 0.875rem;margin-bottom: 0.25rem}
	.rvw-top dl dd ul li:before {margin-top: 0.5rem;}
	.rvw-top p {margin-top: 1rem;font-size: 1.25rem}
	
	.rvw-vod__video {margin-top: 0;padding: 0}
	.rvw-vod__btn {margin-top: 2rem}
	.rvw-vod__btn a {height: 3.25rem;padding: 0 2rem;font-size: 1rem;width: auto;padding: 0 3rem}
	
	.rvw-gly {padding: 6rem 0}
	.rvw-gly__title, .rvw-vod h3 {font-size: 2.25rem;padding-bottom: 1.5rem}
	.rvw-gly__list {padding-bottom: 0;display: flex;flex-wrap: wrap;max-width: 100%;gap: 0.5rem}
	.rvw-gly__list li {position: static;width: calc(50% - 0.5rem) !important;}
	.rvw-bnf__title{font-size: 1.75rem;}
	.rvw-bnf__list{max-width: 100%;}
	.rvw-bnf__list li{padding: 2.0rem 0;}
	.rvw-bnf__list li p{margin: 0 0 1.25rem;}
	.rvw-bnf__list li p span{font-size:1.5rem}
}