@charset "utf-8";

#note {width: 100%; overflow: hidden; color: #333; line-height: 1.3; letter-spacing: -0.025rem;}
#note * {box-sizing: border-box;}
#note img {display: block; max-width: 100%; margin: 0 auto;}
#note button {-webkit-appearance: none; appearance: none;}
#note #body_temp {}
#note #wrap {padding-top: 0;}
.container {max-width: 1320px; padding-left: 20px; padding-right: 20px;}

#fullpage .section .section-inner {height: 100%;}
#fullpage .section .section-cont {display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; padding-left: 20px; padding-right: 20px; padding-top: 112px;}

@media (max-width:1200px) {
	#fullpage .section .section-cont {padding-top: 84px;}
}

@media (max-width:992px) {
	#fullpage .section .section-cont {padding-top: 56px;}
}

@media (max-width:768px) {
	#fullpage,
	#fullpage .section,
	#fullpage .fp-tableCell {height: auto !important;}
}



.note-top {background: url('https://img.megastudyth.com/event/2024/note/top_bg.jpg')no-repeat center center / cover;}
.note-top__rasom {display: flex; flex-direction: column; justify-content: center;}
.note-top__rasom h5 {padding: 0 27%;}
.note-top__rasom > ul {padding: 0 14%; margin-top: 30px; display: flex; align-items: center; justify-content: center;}
.note-top__rasom > ul > li {margin: 0 10px;}
.note-top__rasom dl {margin-top: 30px; display: flex; align-items: center;}
.note-top__rasom dl dt {margin-right: 30px;}
.note-top__rasom dl dd ul {display: flex; align-items: center; justify-content: center;}
.note-top__rasom dl dd ul li {margin: 0 10px;}
.note-top__rasom dl dd ul li:last-child {margin-left: -20px;}
.note-top__rasom li {visibility: hidden; animation: shake 0.3s ease infinite; transform-origin: center bottom;}
.note-top__rasom li:nth-child(even) {animation-direction: reverse;}
.note-top__rasom p {text-align: right; margin-top: 20px; color: #cfcfd0; font-size: 20px; font-weight: 300; padding-right: 20px;}

@keyframes shake {
	25%, 75% { transform: rotate(-2deg) translate(2px, 0); }
	50%, 100% { transform: rotate(2deg) translate(-2px, 0); }
}

@media (max-width:992px) {	
	.note-top__rasom dl {display: block;}
	.note-top__rasom dl dt {margin-right: 0; padding: 0 20%;}
	.note-top__rasom dl dd {padding: 0 25%; margin-top: 20px;}
}

@media (max-width:768px) {
	.note-top__rasom {padding: 60px 0;}
	.note-top__rasom h5 {padding: 0 17%;}
	.note-top__rasom > ul {padding: 0 10%; margin-top: 10px;}
	.note-top__rasom > ul > li {margin: 0 2px;}
	.note-top__rasom dl {margin-top: 10px;}
	.note-top__rasom dl dt {padding: 0 15%;}
	.note-top__rasom dl dd {padding: 0 15%; margin-top: 10px;}
	.note-top__rasom dl dd ul li {margin: 0 5px;}
	.note-top__rasom dl dd ul li:last-child {margin-left: -10px;}
	.note-top__rasom p {font-size: 14px;}
}


.typing {display: flex; justify-content: center; align-items: center;}
.typing i {display: block; animation: vsbl 0.4s 0.2s both; font-style: normal; transform-origin: center center;}
@keyframes vsbl {
	0%{visibility: hidden; width: 0px;}
	100%{visibility: visible; width: auto;}
}


.note-rcd {background: url('https://img.megastudyth.com/event/2024/note/record_bg.jpg')no-repeat center center / cover; position: relative;}
.note-rcd:after {content: ''; display: block; width: 681px; height: 451px; position: absolute; left: 50%; bottom: 0; margin-left: 240px; background: url('https://img.megastudyth.com/event/2024/note/record_hand.png')no-repeat center center / cover; transform-origin: left bottom;}
.note-rcd__half {height: 100%; width: 100%; display: flex; flex-direction: column;}
.note-rcd__half > div {height: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.note-rcd__title {text-align: center;}
.note-rcd__title h3 {display: flex; justify-content: center;}
.note-rcd__title h3 > span {display: block; font-size: 48px; font-weight: 700; padding: 10px 20px; background: #fff; border: solid 1px #333; position: relative;}
.note-rcd__title h3 > span > span {}
.note-rcd__title h3 > span:before,
.note-rcd__title h3 > span:after,
.note-rcd__title h3 > span > span:before,
.note-rcd__title h3 > span > span:after {content: ''; display: block; width: 9px; height: 9px; background: #333; position: absolute; -webkit-border-radius: 50%; border-radius: 50%;}
.note-rcd__title h3 > span:before {top: -5px; left: -5px;}
.note-rcd__title h3 > span:after {top: -5px; right: -5px;}
.note-rcd__title h3 > span > span:before {bottom: -5px; left: -5px;}
.note-rcd__title h3 > span > span:after {bottom: -5px; right: -5px;}
.note-rcd__title h3 > span > span i {text-align: right;}
.note-rcd__title h4 {font-size: 48px; font-weight: 700; margin-top: 10px;}
.note-rcd__title p {font-size: 24px; margin-top: 30px; line-height: 1.3;}
.note-rcd__text p {font-size: 32px; font-weight: 600; text-align: center;}
.note-rcd__text span {color: #0060ff;}

@media (max-width:992px) {	
	.note-rcd__title h3 > span {font-size: 40px;}
	.note-rcd__title h4 {font-size: 40px;}
	.note-rcd__title p {font-size: 18px; margin-top: 20px;}
	.note-rcd__text p {font-size: 28px;}
}

@media (max-width:768px) {
	.note-rcd {padding-bottom: 60px; background-size: 240% auto; background-position: center top;}
	.note-rcd:after {transform: scale(0.3); margin-left: 100px; bottom: 60px;}
	.note-rcd__title h3 > span {font-size: 26px; padding: 5px 10px;}
	.note-rcd__title h4 {font-size: 26px;}
	.note-rcd__title p {font-size: 14px; margin-top: 10px;}
	.note-rcd__text p {font-size: 18px; margin-top: 30px;}
}




.note-my {background: url('https://img.megastudyth.com/event/2024/note/my_bg.jpg')no-repeat center center / cover;}
.note-my__title {text-align: center;}
.note-my__title h3 {font-size: 68px; font-weight: 700; color: #fff;}
.note-my__title h4 {display: flex; justify-content: center; align-items: center; margin-top: 20px;}
.note-my__title h4:before,
.note-my__title h4:after {content: ''; display: block; margin: 0 20px; width: 29px; height: 47px; background: url('https://img.megastudyth.com/event/2024/note/my_star.png')no-repeat center center / cover;}
.note-my__title h4 span {width: 90px; height: 90px; margin: 0 10px; background: #fff; font-size: 68px; font-weight: 700; line-height: 1.0; display: flex; align-items: center; justify-content: center;}
.note-my__title p {font-size: 20px; color: #cfcfd0; margin-top: 20px; }
.note-my__list {display: flex; width: 100%; margin: 0 auto; padding-top: 60px; max-width: 1260px;}
.note-my__list li {width: 33.3333%; padding: 0 20px;}
.note-my__list li dl {display: flex; flex-direction: column; height: 100%; padding: 60px 0 100px; background: url('https://img.megastudyth.com/event/2024/note/my_memo.png')no-repeat center center / contain;}
.note-my__list li dl dt {flex-shrink: 0;}
.note-my__list li dl dt img {width: 130px;}
.note-my__list li dl dd {font-size: 16px; flex-grow: 1; text-align: center; margin-top: 20px;}

@media (max-width:992px) {
	.note-my__title h3 {font-size: 54px;}
	.note-my__title h4 {margin-top: 10px;}
	.note-my__title h4 span {width: 70px; height: 70px; margin: 0 5px; font-size: 54px;}
	.note-my__list {padding-top: 0;}
	.note-my__list li {padding: 0 10px;}
	.note-my__list li dl {padding: 80px 0 100px;}
	.note-my__list li dl dt img {width: 100px;}
	.note-my__list li dl dd {font-size: 14px; margin-top: 10px;}
}

@media (max-width:768px) {
	.note-my {padding-bottom: 60px;}
	.note-my__title h3 {font-size: 30px;}
	.note-my__title h4 span {width: 50px; height: 50px; margin: 0 2px; font-size: 40px;}
	.note-my__title h4:before,
	.note-my__title h4:after {width: 16px; height: 26px; margin: 0 10px;}
	.note-my__title p {font-size: 14px; margin-top: 10px;}
	.note-my__list {margin: 0; display: block;}
	.note-my__list li {width: 100%; padding: 0 15%; margin-bottom: -15%;}
	.note-my__list li:last-child {margin-bottom: 0;}
	.note-my__list li dl dd {font-size: 12px;}
}



.note-type {overflow: hidden; background: url('https://img.megastudyth.com/event/2024/note/type_bg.jpg')no-repeat center center / cover;}
.note-type__top {flex-grow: 1; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.note-type__title {text-align: center; font-size: 36px; color: #263472; font-weight: 300; line-height: 1.1;}
.note-type__title strong {display: block; font-size: 60px;}

.note-type__tab {width: 100%; max-width: 240px; margin: 30px auto 0; padding: 4px; border: solid 1px #263472; -webkit-border-radius: 40px; border-radius: 40px;}
.note-type__tab > div {position: relative;}
.note-type__tab ul {display: flex;}
.note-type__tab ul li {position: relative;}
.note-type__tab ul li:first-child:nth-last-child(2),
.note-type__tab ul li:first-child:nth-last-child(2) ~ li {width: 50%;}
.note-type__tab ul li:first-child:nth-last-child(3),
.note-type__tab ul li:first-child:nth-last-child(3) ~ li {width: 33.3333%;}
.note-type__tab ul li:first-child:nth-last-child(4),
.note-type__tab ul li:first-child:nth-last-child(4) ~ li {width: 25%;}
.note-type__tab ul li button {display: flex; width: 100%; height: 48px; color: #999; justify-content: center; align-items: center; font-size: 20px;}
.note-type__tab ul li button.on {color: #fff; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.note-type__tab span {position: absolute; height: 48px; top: 0; background: #263472;  font-weight: 600; -webkit-border-radius: 40px; border-radius: 40px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.12); box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.12);}

.note-type__cont {display: none; flex-shrink: 0; position: relative;}
.note-type__cont:before {content: ''; display: block; width: 240%; padding-bottom: 240%; border: solid 30px #ddd; position: absolute; left: 50%; top: 10%; transform: translateX(-50%); -webkit-border-radius: 50%; border-radius: 50%;}
.note-type__cont dt {position: relative;}
.note-type__cont dd {position: absolute; left: 100%; top: 0; margin-left: 30px;}
.note-type__cont dd ul li {margin-bottom: 10px; position: relative;}
.note-type__cont dd ul li:before {content: ''; display: block; width: 11px; height: 11px; box-sizing: border-box; border: solid 1px #333; background: #fff; position: absolute; left: -5px; top: 50%; margin-top: -6px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.note-type__cont dd ul li:after {content: ''; display: block; width: 1px; height: 13px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -7px;}
.note-type__cont dd ul li:last-child {margin-bottom: 0;}
.note-type__cont dd ul li a {padding: 0 20px; height: 56px; white-space: nowrap; border: solid 1px #333; position: relative; background: #fff; display: flex; align-items: center; -webkit-border-radius: 8px; border-radius: 8px;}
.note-type__cont dd ul li a:before {content: ''; display: block; width: 22px; height: 20px; margin-right: 10px;}
.note-type__cont dd ul li:hover a {color: #fff;}
.note-type__cont dd ul li:hover a:before {background-position: center bottom !important;}
.note-type__cont dd ul li:nth-child(1) a:before {background: url('https://img.megastudyth.com/event/2024/note/type_icon_1.png')no-repeat center top / 100% auto;}
.note-type__cont dd ul li:nth-child(2) a:before {background: url('https://img.megastudyth.com/event/2024/note/type_icon_2.png')no-repeat center top / 100% auto;}

.note-type__cont#type1:before {border-color: #b7eaff; background: linear-gradient(to bottom,  rgba(200,239,255,1) 0%,rgba(183,234,255,1) 50%);}
.note-type__cont#type2:before {border-color: #ffe5e8; background: linear-gradient(to bottom,  rgba(255,235,238,1) 0%,rgba(255,229,232,1) 50%);}
.note-type__cont#type1 dt {-webkit-box-shadow: 0px 0px 40px 0px rgba(19,28,64,1); box-shadow: 0px 0px 40px 0px rgba(19,28,64,1);}
.note-type__cont#type2 dt {-webkit-box-shadow: 0px 0px 40px 0px rgba(93,32,49,1); box-shadow: 0px 0px 40px 0px rgba(93,32,49,1);}
.note-type__cont#type1 dd ul li:hover:before,
.note-type__cont#type1 dd ul li:hover:after,
.note-type__cont#type1 dd ul li:hover a {background: #131c40;}
.note-type__cont#type2 dd ul li:hover:before,
.note-type__cont#type2 dd ul li:hover:after,
.note-type__cont#type2 dd ul li:hover a {background: #5d2031;}


@media (max-width:992px) {	
	.note-type__title {font-size: 30px;}
	.note-type__title strong {font-size: 50px;}
	.note-type__tab ul li button {height: 40px; font-style: 18px;}
	.note-type__tab span {height: 40px;}
	.note-type__cont {width: 40%;}
}

@media (max-width:768px) {
	.note-type__title {font-size: 20px;}
	.note-type__title strong {font-size: 30px;}
	.note-type__tab {width: 180px; margin: 20px auto 0; padding: 2px;}
	.note-type__tab ul li button {height: 30px; font-size: 14px;}
	.note-type__tab span {height: 30px;}
	.note-type__cont {width: 100%; margin-top: 30px;}
	.note-type__cont dt {width: 60%; margin: 0 auto;}
	.note-type__cont dd {left: 0; right: 0; top: auto; bottom: 20px; margin-left: 0;}
	.note-type__cont dd ul {width: 100%; max-width: 240px; margin: 0 auto; display: flex; justify-content: center;}
	.note-type__cont dd ul li {margin-bottom: 0; width: 50%; padding: 0 2px;}
	.note-type__cont dd ul li:before,
	.note-type__cont dd ul li:after {display: none;}
	.note-type__cont dd ul li a {padding: 0 10px; height: 36px; font-size: 11px; justify-content: center;}
	.note-type__cont dd ul li a:before {width: 16px; height: 15px;}
}



@font-face {
    font-family: 'KOTRAHOPE';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/KOTRAHOPE.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
.sty-cover.type1 {background: url('https://img.megastudyth.com/event/2024/note/style1_cover.jpg')no-repeat center center / cover;}
.sty-cover.type2 {background: url('https://img.megastudyth.com/event/2024/note/style2_cover.jpg')no-repeat center center / cover;}
.sty-cover__title {text-align: center;}
.sty-cover__title span {font-size: 24px; width: 128px; height: 52px; border: solid 1px #333; background: #fff; color: #676767; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 30px; border-radius: 30px;}
.sty-cover__title h3 {font-family: 'KOTRAHOPE'; font-size: 80px;}
.sty-cover.type1 .sty-cover__title h3 {color: #147efb;}
.sty-cover.type2 .sty-cover__title h3 {color: #704636;}

.sty-intro {justify-content: flex-start !important; align-items: flex-start !important;}
.sty-intro.type1 {background: url('https://img.megastudyth.com/event/2024/note/style1_intro.jpg')no-repeat center center / cover;}
.sty-intro.type2 {background: url('https://img.megastudyth.com/event/2024/note/style2_intro.jpg')no-repeat center center / cover;}
.sty-intro__title {padding-top: 3%;}
.sty-intro__title h3 {font-size: 48px; font-weight: 700;}
.sty-intro__title p {margin-top: 20px; font-size: 24px;}
.sty-intro.type1 .sty-intro__title h3 {color: #147efb;}
.sty-intro.type2 .sty-intro__title h3 {color: #ff00ae;}

.sty-smry.type1 {background: #e8f3f6;}
.sty-smry.type2 {background: #ffe8ea;}
.sty-smry__inner {max-width: 880px; margin: 0 auto;}
.sty-smry__list {}
.sty-smry__list li {padding: 30px; text-align: center; border: solid 1px #333; background: #fff; font-size: 20px; font-weight: 400; margin-bottom: 10px; display: flex; flex-direction: column; -webkit-border-radius: 10px; border-radius: 10px;}
.sty-smry__list li:last-child {margin-bottom: 0;}
.sty-smry__list li strong {font-weight: 700;}
.sty-smry.type1 .sty-smry__list li {color: #24508d;}
.sty-smry.type1 .sty-smry__list li strong {color: #004eff;}
.sty-smry.type2 .sty-smry__list li {color: #704636;}
.sty-smry.type2 .sty-smry__list li strong {color: #ff2194;}
.sty-smry__icon {display: flex; padding: 30px; margin-top: 10px; border: solid 1px #333; background: #fbfae7; -webkit-border-radius: 10px; border-radius: 10px;}
.sty-smry__icon li {}
.sty-smry__icon li:first-child:nth-last-child(3),
.sty-smry__icon li:first-child:nth-last-child(3) ~ li {width: 33.3333%;}
.sty-smry__icon li:first-child:nth-last-child(5),
.sty-smry__icon li:first-child:nth-last-child(5) ~ li {width: 20%;}
.sty-smry__icon li img {width: 90px;}
.sty-smry__icon li p {text-align: center; line-height: 1.3; height: 2.6em; font-size: 18px; font-weight: 500; margin-top: 10px; display: flex; align-items: center; justify-content: center;}
.sty-smry.type1 .sty-smry__icon li p {color: #24508d;}
.sty-smry.type2 .sty-smry__icon li p {color: #3c2c26;}
.sty-smry__slogan {margin-top: 50px; font-size: 36px; font-weight: 900; color: #fff8da; -webkit-text-stroke: 1px #333; display: flex; align-items: center; justify-content: center;}
.sty-smry__slogan span {text-align: center; line-height: 1.1;}
.sty-smry__slogan strong {color: #60abff; display: block; font-weight: 900;}
.sty-smry__slogan:before,
.sty-smry__slogan:after {content: ''; display: block; width: 32px; height: 40px; background: url('https://img.megastudyth.com/event/2024/note/style_star.png')no-repeat center center / cover;}
.sty-smry__slogan:before {margin-right: 30px;}
.sty-smry__slogan:after {margin-left: 30px;}

.sty-dtl {}
.sty-dtl.type1 {background: #cedfec;}
.sty-dtl.type2 {background: #fbd9dc;}
.sty-dtl__name {text-indent: -9999px; width: 176px; height: 50px; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
.sty-dtl.type1 .sty-dtl__name {background: url('https://img.megastudyth.com/event/2024/note/style1_detail.png')no-repeat center center / auto 100%;}
.sty-dtl.type2 .sty-dtl__name {background: url('https://img.megastudyth.com/event/2024/note/style2_detail.png')no-repeat center center / auto 100%;}

.sty-dtl__title {text-align: center; margin-bottom: 40px;}
.sty-dtl__title p {font-size: 20px; margin-top: 20px;}
.sty-dtl__title h5 {font-size: 28px; font-weight: 600;}
.sty-dtl.type1 .sty-dtl__title h5 {color: #004eff;}
.sty-dtl.type2 .sty-dtl__title h5 {color: #ff2194;}
.sty-dtl__list {position: relative;}
.sty-dtl__list ul {display: flex; margin: 0 -14px;}
.sty-dtl__list ul li {padding: 0 14px; width: 33.3333%;}
.sty-dtl__list ul li dl {border: solid 1px #333; height: 100%; display: flex; flex-direction: column;}
.sty-dtl__list ul li dl dt {border-bottom: solid 1px #333; flex-shrink: 0;}
.sty-dtl__list ul li dl dt img {display: block; width: 100%;}
.sty-dtl__list ul li dl dd {background: #fff; padding: 20px; flex-grow: 1; text-align: center;}
.sty-dtl__list ul li dl dd h5 {font-size: 20px;}
.sty-dtl__list ul li dl dd p {font-size: 16px; color: #6f767c; margin-top: 10px;}
.sty-dtl__badge {width: 190px; height: 180px; color: #fff; font-size: 14px; text-align: center; position: absolute; left: -95px; top: -90px; display: flex; align-items: center; justify-content: center; background: url('https://img.megastudyth.com/event/2024/note/style_badge.png')no-repeat center center / cover;}

.sty-dtl__slider {margin: 0 -14px;}
.sty-dtl__slider .slick-slide {padding: 0 14px;}
.sty-dtl__slider .slick-slide > div {border: solid 1px #333;}
.sty-dtl__slider .slick-arrow {display: block; width: 48px; height: 48px; border: solid 1px #000; background: #fff; text-indent: -9999px; z-index: 1; position: absolute; top: 50%; margin-top: -24px; -webkit-border-radius: 50%; border-radius: 50%;}
.sty-dtl__slider .slick-prev {left: -10px;}
.sty-dtl__slider .slick-next {right: -10px;}
.sty-dtl__slider .slick-arrow:after {content: ''; display: block; box-sizing: border-box; width: 10px; height: 10px; border-top: solid 2px #333; position: absolute; left: 50%; top: 50%; margin-top: -5px;}
.sty-dtl__slider .slick-prev:after {border-left: solid 2px #333; margin-left: -3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.sty-dtl__slider .slick-next:after {border-right: solid 2px #333; margin-left: -7px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.sty-dtl__info {padding: 30px; margin-top: 40px; background: #fff; border: solid 1px #333; -webkit-border-radius: 10px; border-radius: 10px;}
.sty-dtl__info li {margin-bottom: 15px;}
.sty-dtl__info li:last-child {margin-bottom: 0;}
.sty-dtl__info li dl {display: flex; align-items: center;}
.sty-dtl__info li dl dt {flex-shrink: 0; font-size: 18px; color: #333; display: flex; align-items: center; width: 180px; margin-right: 20px; justify-content: space-between;}
.sty-dtl__info li dl dt:after {content: ''; display: block; width: 2px; height: 20px; background: #333; flex-shrink: 0;}
.sty-dtl__info li dl dd {flex-grow: 1; font-size: 18px; color: #555;}

.sty-dtl__free {position: relative;}
.sty-dtl__free:after {content: ''; display: block; width: 168px; height: 168px; position: absolute; right: -84px; top: -84px; background: url('https://img.megastudyth.com/event/2024/note/style_free.png')no-repeat center center / cover;}

@media (max-width:992px) {	
	.sty-cover__title span {width: 100px; height: 46px; font-size: 20px;}
	.sty-cover__title h3 {font-size: 60px;}
	.sty-intro__title h3 {font-size: 36px;}
	.sty-intro__title p {margin-top: 10px; font-size: 18px;}

	.sty-smry__inner {max-width: 100%; width: 100%;}
	.sty-smry__list li {padding: 20px; font-size: 18px;}
	.sty-smry__icon {padding: 20px;}
	.sty-smry__icon li img {width: 60px;}
	.sty-smry__icon li p {font-size: 14px;}
	.sty-smry__slogan {margin-top: 30px; font-size: 30px;}
	.sty-smry__slogan:before {margin-right: 10px;}
	.sty-smry__slogan:after {margin-left: 10px;}

	.sty-dtl__name {width: 141px; height: 40px; margin-bottom: 20px;}
	.sty-dtl__title {margin-bottom: 30px;}
	.sty-dtl__title p {font-size: 16px; margin-top: 10px;}
	.sty-dtl__title h5 {font-size: 24px;}

	.sty-dtl__list ul {margin: 0 -5px;}
	.sty-dtl__list ul li {padding: 0 5px;}
	.sty-dtl__list ul li dl dd {padding: 15px;}
	.sty-dtl__list ul li dl dd h5 {font-size: 16px;}
	.sty-dtl__list ul li dl dd p {font-size: 13px;}
	.sty-dtl__badge {width: 140px; height: 133px; font-size: 11px; left: -50px; top: -66px;}
	.sty-dtl__slider {margin: 0 -5px;}
	.sty-dtl__slider .slick-slide {padding: 0 5px;}
	.sty-dtl__slider .slick-arrow {width: 40px; height: 40px; margin-top: -20px;}
	.sty-dtl__slider .slick-prev {left: -14px;}
	.sty-dtl__slider .slick-next {right: -14px;}
	.sty-dtl__info {padding: 20px; margin-top: 30px;}
	.sty-dtl__info li {margin-bottom: 10px;}
	.sty-dtl__info li dl dt { font-size: 14px; width: 140px; margin-right: 20px;}
	.sty-dtl__info li dl dt:after {width: 1px; height: 12px;}
	.sty-dtl__info li dl dd {flex-grow: 1; font-size: 12px;}
	.sty-dtl__free:after {width: 128px; height: 128px; right: -64px; top: -64px;}
}

@media (max-width:768px) {
	.sty-dtl .container {padding-left: 0; padding-right: 0;}
	.sty-cover {padding-top: 80px !important; padding-bottom: 80px;}
	.sty-cover__title span {width: 60px; height: 30px; font-size: 12px;}
	.sty-cover__title h3 {font-size: 30px;}
	.sty-intro {padding-bottom: 56px; padding-bottom: 80%;}
	.sty-intro__title {padding-top: 0;}
	.sty-intro__title h3 {font-size: 26px;}
	.sty-intro__title p {margin-top: 10px; font-size: 14px;}

	.sty-smry {padding-bottom: 56px;}
	.sty-smry__list li {padding: 15px; font-size: 12px; margin-bottom: 5px;}
	.sty-smry__list li strong {font-size: 14px;}
	.sty-smry__icon {padding: 10px;}
	.sty-smry__icon li img {width: 40px;}
	.sty-smry__icon li p {font-size: 10px; height: auto; line-height: 1.1;}
	.sty-smry__slogan {margin-top: 20px; font-size: 20px;}
	.sty-smry__slogan:before,
	.sty-smry__slogan:after {width: 16px; height: 20px; flex-shrink: 0;}
	.sty-smry__slogan:before {margin-right: 5px;}
	.sty-smry__slogan:after {margin-left: 5px;}
	
	.sty-dtl {padding-bottom: 56px;}
	.sty-dtl.pb0 {padding-bottom: 0;}
	.sty-dtl__name {width: 130px; height: 30px;}
	.sty-dtl__title p {font-size: 12px;}
	.sty-dtl__title h5 {font-size: 20px;}
	.sty-dtl__list ul {margin: 0; display: block;}
	.sty-dtl__list ul li {padding: 0; margin-bottom: 20px; width: 100%;}
	.sty-dtl__list ul li:last-child {margin-bottom: 0;}
	.sty-dtl__list ul li dl dd {padding: 10px;}
	.sty-dtl__list ul li dl dd h5 {font-size: 14px;}
	.sty-dtl__list ul li dl dd p {font-size: 11px; margin-top: 5px;}
	.sty-dtl__badge {width: 120px; height: 114px; font-size: 9px; left: -40px; top: -50px;}
	.sty-dtl__free:after {width: 96px; height: 96px; right: -32px; top: -48px;}
	.sty-dtl__info {padding: 10px; margin-top: 20px;}
	.sty-dtl__info li {margin-bottom: 5px;}
	.sty-dtl__info li dl dt {font-size: 10px; width: 100px; margin-right: 10px;}
	.sty-dtl__info li dl dt:after {height: 10px;}
	.sty-dtl__info li dl dd {font-size: 10px;}
}



.note-down {background: linear-gradient(to bottom,  rgba(255,237,239,1) 0%,rgba(233,240,255,1) 100%);}
.note-down__inner {width: 100%; max-width: 720px; margin: 0 auto;}
.note-down__title {background: #ff2194; color: #fff; font-size: 30px; font-weight: 500; height: 56px; padding: 0 30px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0;}
.note-down__box {border: solid 1px #333; background: #fff; padding: 20px; margin-bottom: 16px;}
.note-down__box:last-child {margin-bottom: 0;}
.note-down__info {background: url('https://img.megastudyth.com/event/2024/note/down_icon.png')no-repeat right center / 200px auto;}
.note-down__info dl {display: flex; align-items: center;}
.note-down__info dt {width: 80px; height: 34px; font-size: 16px; background: #ffd2dc; font-weight: 500; margin-right: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 20px; border-radius: 20px;}
.note-down__info dd {font-size: 18px;}
.note-down__info h5 {font-size: 24px; margin-top: 20px; font-weight: 700;}
.note-down__info h5 span {color: #ff2194; display: block;}
.note-down__info p {font-size: 16px; margin-top: 20px;}
.note-down__mem {display: flex; align-items: center; justify-content: space-between;}
.note-down__mem dd a {background: #dbe6ff; color: #2a61ff; padding: 0 20px; height: 40px; font-weight: 500; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 20px; border-radius: 20px;}
.note-down__mem dd a:after {content: ''; display: block; width: 7px; height: 7px; box-sizing: border-box; margin-left: 10px; border-top: solid 2px #2a61ff; border-right: solid 2px #2a61ff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.note-down__pdf {display: flex; justify-content: center;}
.note-down__pdf li {margin: 0 10px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.note-down__pdf li img {width: 152px;}
.note-down__pdf li p {text-align: center; margin: 10px 0;}
.note-down__pdf li a {height: 40px; padding: 0 20px; background: #333; color: #fff; font-size: 14px; display: flex; align-items: center; justify-content: space-between; -webkit-border-radius: 10px; border-radius: 10px;}

@media (max-width:992px) {	
	.note-down__title {font-size: 24px; height: 48px; padding: 0 20px;}
	.note-down__box {padding: 15px; margin-bottom: 8px;}
	.note-down__info {margin: -15px; padding: 15px;}
	.note-down__info dt  {font-size: 12px; width: 60px; height: 30px;}
	.note-down__info dd {font-size: 14px;}
	.note-down__info h5 {font-size: 20px; margin-top: 10px;}
	.note-down__info p {font-size: 14px; margin-top: 10px;}
}

@media (max-width:768px) {
	.note-down {padding-bottom: 56px;}
	.note-down__title {font-size: 18px; height: 40px;}
	.note-down__info {background: none;}
	.note-down__info dt {font-size: 11px; width: 50px; height: 24px;}
	.note-down__info dd {font-size: 12px;}
	.note-down__info h5 {font-size: 18px;}
	.note-down__info p {font-size: 12px;}
	.note-down__mem dt {font-size: 12px;}
	.note-down__mem dd a {font-size: 11px; padding: 0 10px; height: 34px;}
	.note-down__mem dd a:after {margin-left: 5px; width: 5px; height: 5px;}
	.note-down__pdf li {margin: 0 10px;}
	.note-down__pdf li img {width: 100px;}
	.note-down__pdf li a {height: 34px; padding: 0 10px; font-size: 12px;}
}



.note-bot {background: url('https://img.megastudyth.com/event/2024/note/bottom_bg.jpg')no-repeat center center / cover;}
.note-bot__rasom {margin-top: -10%;}
.note-bot__rasom > ul {padding: 0 14%; display: flex; align-items: center; justify-content: center;}
.note-bot__rasom > ul:nth-child(1) li:nth-child(4) {margin-right: 5%;}
.note-bot__rasom > ul:nth-child(2) {padding: 0 30%;}
.note-bot__rasom > ul > li {margin: 0 5px;}
.note-bot__rasom li {visibility: hidden; animation: shake 0.3s ease infinite; transform-origin: center bottom;}
.note-bot__rasom li:nth-child(even) {animation-direction: reverse;}
.note-bot__text {position: absolute; left: 0; right: 0; bottom: 5%; text-align: center; font-size: 40px; font-style: italic;}
.note-bot__text span {display: inline-block; font-weight: 700; padding: 8px; background-clip: text; -webkit-background-clip: text; color: transparent; background-image: url('https://img.megastudyth.com/event/2024/note/bottom_gradient.png'); background-repeat: no-repeat; background-position: center center; background-size: cover;}

@media (max-width:992px) {	
	.note-bot__rasom > ul > li {margin: 0 5px;}
	.note-bot__text {font-size: 30px;}
}

@media (max-width:768px) {
	.note-bot {padding-bottom: 16px;}
	.note-bot__rasom {margin-top: 10%;}
	.note-bot__rasom > ul {padding: 0%;}
	.note-bot__rasom > ul:nth-child(2) {padding: 0 12%;}
	.note-bot__rasom > ul > li {margin: 0 2px;}
	.note-bot__text {font-size: 16px; margin-top: 12%;}

	.note-bot__text {position: static;}
}




.note-quick {position: fixed; right: 0; top: 0; margin-top: 160px; z-index: 101; width: 120px; background: #fff; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.28); box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.28);}
.note-quick a {height: 120px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.note-quick a:before {content: ''; display: block; width: 68px; height: 68px; margin-bottom: 8px; -webkit-border-radius: 50%; border-radius: 50%;}
.note-quick li:nth-child(1) a:before {background: #f2f2f2 url('https://img.megastudyth.com/event/2024/note/quick_1.png')no-repeat center center / 44px auto;}
.note-quick li:nth-child(2) a:before {background: #f2f2f2 url('https://img.megastudyth.com/event/2024/note/quick_2.png')no-repeat center center / 44px auto;}

@media (max-width:1280px) {	
	.note-quick {width: 100px;}
	.note-quick a {height: 100px; font-size: 13px;}
	.note-quick a:before {width: 56px; height: 56px; background-size: 40px auto !important;}
}

@media (max-width:992px) {	
	.note-quick {width: 80px;}
	.note-quick a {height: 80px; font-size: 11px;}
	.note-quick a:before {width: 40px; height: 40px; background-size: 30px auto !important;}
}

@media (max-width:768px) {
	.note-quick {width: 48px;}
	.note-quick a {height: auto; padding: 5px 0; font-size: 9px; letter-spacing: -0.025rem;}
	.note-quick a:before {width: 34px; height: 34px; margin-bottom: 5px; background-size: 26px auto !important;}
}