@charset "utf-8";

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


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





/* 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: #0521CB;}
.rvw-vod h3 {text-align: center; font-size: 2.5rem; font-weight: 700; color: #fff;}
.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;font-weight: 500;background: #3dfe3f;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 {padding: 6.25rem 0 6.2rem}
.rvw-gly__title {text-align: center;font-size: 2.5rem; 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: 44.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: #0521CB;padding: 6.25rem 0}
.rvw-bnf__title {font-size: 2.25rem;text-align: center;font-weight: 800;line-height: 1.2; color: #fff;}
.rvw-bnf__title span {color: #3dfe3f}
.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: #0521CB;font-weight: 600;margin: 0.75rem 0 0}
.rvw-bnf__list li a {display: block;width: 20rem;height: 3.75rem;background: #FF2EC1;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}
}