@charset "utf-8";


#free * {box-sizing: border-box;}
#free img {display: block; max-width: 100%; margin: 0 auto;}
#free .container {z-index: 1;}

.free-top {padding-top: 6.25rem; padding-bottom: 5rem; background: linear-gradient(to bottom, #FFFFFF 0%, #E8F9FE 50%, #D7EDFF 100%);}
.free-top__title {text-align: center;}
.free-top__title p {font-size: 1.75rem; font-weight: 300;}
.free-top__title p strong {font-weight: 600; display: block; font-size: 2rem;}
.free-top__title h3 {font-size: 5rem; font-weight: 700; margin-top: 2rem; line-height: 1.1;}
.free-top__title h3 strong {color: #0061FE; display: block; font-weight: 700;}
.free-top__btn {margin-top: 4rem; display: flex; flex-direction: column; align-items: center;}
.free-top__btn button {height: 4.875rem; padding: 0 7.25rem; border-radius: 5rem; margin-bottom: 2rem; background: #0061FE; color: #fff; font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; justify-content: center; box-shadow: 0px 10px 20px 0px rgba(0, 97, 254, 0.25);}
.free-top__btn button:after {content: ''; display: block; width: 0.5rem; height: 0.5rem; margin-left: 1rem; border-right: solid 3px #fff; border-top: solid 3px #fff; transform: rotate(45deg);}

.free-cont {padding: 7.5rem 0;}
.free-cont__title {font-size: 2.5rem; font-weight: 700; text-align: center;}
.free-cont__half {margin-top: 3.75rem; display: flex; gap: 2.25rem;}
.free-cont__box {flex: 1; background: #fff; padding: 3.75rem 2rem; border-radius: 1.25rem; box-shadow: 0px 0px 20px 20px rgba(232, 249, 254, 1);}
.free-cont__box dt {text-align: center;}
.free-cont__box dt p {font-size: 1.125rem;}
.free-cont__box dt h5 {font-size: 1.75rem; font-weight: 700;}
.free-cont__box dd {margin-top: 1.75rem;}
.free-cont__box dd ul {margin: -0.25rem; display: flex; flex-wrap: wrap;}
.free-cont__box dd ul li {width: 100%; padding: 0.25rem;}
.free-cont__box dd ul.col3 li {width: calc(100% / 3);}
.free-cont__box dd ul li span {height: 3.75rem; text-align: center; padding: 0.5rem; background: #0060FF; color: #fff; border-radius: 5rem; display: flex; align-items: center; justify-content: center;}
.free-cont__box dd ul li span.sm {font-size: 0.875rem;}

.free-dtl {padding: 7.5rem 0; background: url('https://img.megastudyth.com/event/2025/free/content_bg.png')no-repeat center center / cover;}
.free-dtl dl {text-align: center; color: #fff;}
.free-dtl dl dt {font-size: 2.5rem; font-weight: 700;}
.free-dtl dl dd {margin-top: 5rem; font-size: 1.5rem; font-weight: 300;}
.free-dtl dl dd strong {font-weight: 600;}

.free-cpn {padding: 7.5rem 0; background: #C9EFF8; overflow: hidden;}
.free-cpn__title {font-size: 2.5rem; font-weight: 700; text-align: center;}
.free-cpn__title strong {font-weight: 700; display: block; color: #0061FE;}
.free-cpn__ticket {position: relative;}
.free-cpn__ticket img {position: relative;}
.free-cpn__ticket:before {content: ''; position: absolute; left: 50%; top: 72%; bottom: -200%; width: 100vw; transform: translateX(-50%); display: block; background: linear-gradient(to right, #C9EFF8 0%, #A1DCE7 50%, #C9EFF8 100%);}
.free-cpn__desc {position: relative; text-align: center; font-weight: 300;}
.free-cpn__btn {position: relative; margin-top: 2rem; display: flex; flex-direction: column; align-items: center;}
.free-cpn__btn button {height: 4.875rem; padding: 0 7.25rem; border-radius: 5rem; background: #000; color: #fff; font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.free-cpn__btn button:after {content: ''; display: block; width: 0.5rem; height: 0.5rem; margin-left: 1rem; border-right: solid 3px #fff; border-top: solid 3px #fff; transform: rotate(45deg);}

.free-faq {padding: 7.5rem 0; background: #F8F8F8;}
.free-faq__title {font-size: 2.5rem; font-weight: 700; text-align: center;}
.free-faq__list {margin-top: 3.75rem;}
.free-faq__list dl {margin-bottom: 1.25rem; padding: 2rem; background: #fff; border-radius: 0.625rem; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
.free-faq__list dl:last-child {margin-bottom: 0;}
.free-faq__list dl dt {display: flex; align-items: center;}
.free-faq__list dl dt h5 {flex-grow: 1; font-size: 1.25rem; font-weight: 500; display: flex; align-items: center;}
.free-faq__list dl dt h5:before {content: 'Q.'; flex-shrink: 0; font-size: 1.5rem; color: #0061FE; margin-right: 1rem; font-weight: 600;}
.free-faq__list dl dt button {flex-shrink: 0; margin-left: 2rem; width: 7.875rem; height: 2.5rem; background: #0061FE; color: #fff; font-size: 1.25rem; font-weight: 500; border-radius: 2.5rem; display: flex; align-items: center; justify-content: center;}
.free-faq__list dl dt.active button {background: #8B95A1;}
.free-faq__list dl dd {display: none; margin-top: 1.25rem;}
.free-faq__list dl dd.active {display: flex; align-items: center;}
.free-faq__list dl dd:before {content: 'A.'; flex-shrink: 0; font-size: 1.5rem; color: #0061FE; margin-right: 1rem; font-weight: 600;}
.free-faq__list dl dd p {flex-grow: 1; font-size: 1.25rem; font-weight: 300; color: #8B95A1;}



@media (max-width:1280px) {
	.free-top__title p {font-size: 1.5rem;}
	.free-top__title p strong {font-size: 1.75rem;}
	.free-top__title h3 {font-size: 4rem;}
	.free-top__btn button {height: 4.5rem; padding: 0 5rem;}
	.free-cont__title {font-size: 2rem;}
	.free-dtl dl dt {font-size: 2rem;}
	.free-dtl dl dd {margin-top: 3rem; font-size: 1.25rem;}
	.free-cpn__btn button {height: 4.5rem; padding: 0 5rem;}
}

@media (max-width:992px) {
	.free-top__title h3 {font-size: 3.5rem;}
	.free-cont__half {margin-top: 3rem; gap: 1rem;}
	.free-cont__box {padding: 3rem 1.5rem;}
	.free-cont__box dt p {font-size: 1rem;}
	.free-cont__box dt h5 {font-size: 1.5rem;}
	.free-cpn__title {font-size: 2rem;}
	.free-faq__title {font-size: 2rem;}
	.free-faq__list {margin-top: 2rem;}
}

@media (max-width:768px) {
	.free-top {padding-top: 5rem;}
	.free-top__title p {font-size: 1.25rem;}
	.free-top__title p strong {font-size: 1.5rem;}
	.free-top__title h3 {font-size: 2.75rem; margin-top: 1rem;}
	.free-top__title h3 strong {font-size: 2rem;}
	.free-top__btn {margin-top: 2rem;}
	.free-top__btn button {height: 3.5rem; padding: 0 2rem; font-size: 1.25rem;}
	.free-top__btn button:after {width: 0.375rem; height: 0.375rem; margin-left: 0.5rem; border-right-width: 2px; border-top-width: 2px;}
	.free-cont {padding: 5rem 0;}
	.free-cont__title {font-size: 1.5rem;}
	.free-cont__half {flex-direction: column;}
	.free-dtl {padding: 5rem 0;}
	.free-dtl dl dt {font-size: 1.75rem;}
	.free-dtl dl dd {margin-top: 2rem; font-size: 1rem;}
	.free-dtl dl dd strong {font-size: 1.25rem;}
	.free-cpn {padding: 5rem 0;}
	.free-cpn__title {font-size: 1.5rem;}
	.free-cpn__title strong {font-size: 1.75rem;}
	.free-cpn__desc {font-size: 0.875rem;}
	.free-cpn__btn button {height: 3.5rem; padding: 0 2rem; font-size: 1.25rem;}
	.free-cpn__btn button:after {width: 0.375rem; height: 0.375rem; margin-left: 0.5rem; border-right-width: 2px; border-top-width: 2px;}
	.free-faq {padding: 5rem 0;}
	.free-faq__list dl {margin-bottom: 1rem; padding: 1rem 1.5rem;}
	.free-faq__list dl dt button {display: none;}
	.free-faq__list dl dt h5 {font-size: 1rem;}
	.free-faq__list dl dd {margin-top: 1rem;}
	.free-faq__list dl dd p {font-size: 1rem;}
}





