@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400;500;600;700&display=swap')

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




.bf-top {padding-top: 140px; padding-bottom: 220px; position: relative; background: url('https://img.megastudyth.com/event/2024/buffet_ele/top_bg.jpg')no-repeat center center / cover;}
.bf-top h5 {font-size: 40px; color: #FF618C; font-weight: 600;}
.bf-top h4 {height: 100px; text-indent: -9999px; margin-top: 20px; background: url('https://img.megastudyth.com/event/2024/buffet_ele/top_mega.png')no-repeat left center / auto 100%;}
.bf-top h6 {font-size: 32px; font-weight: 600; margin-top: 20px;}
.bf-top p {font-size: 28px; margin-top: 60px;}

@media (max-width:1280px) {
	.bf-top {padding-top: 120px; padding-bottom: 200px;}
	.bf-top h5 {font-size: 34px;}
	.bf-top h4 {height: 90px;}
	.bf-top h6 {font-size: 28px;}
	.bf-top p {font-size: 24px;}
}

@media (max-width:992px) {
	.bf-top {padding-top: 100px; padding-bottom: 180px;}
	.bf-top h5 {font-size: 30px;}
	.bf-top h4 {height: 70px; margin-top: 10px;}
	.bf-top h6 {font-size: 26px; margin-top: 10px;}
	.bf-top p {font-size: 20px; margin-top: 40px;}
}

@media (max-width:768px) {
	.bf-top {padding-top: 40px; padding-bottom: 100px;}
	.bf-top h5 {font-size: 16px;}
	.bf-top h4 {height: 36px;}
	.bf-top h6 {font-size: 18px;}
	.bf-top p {font-size: 12px; margin-top: 20px;}
}

@media (max-width:320px) {
	.bf-top {padding-top: 30px; padding-bottom: 80px;}
	.bf-top h5 {font-size: 14px;}
	.bf-top h4 {height: 30px;}
	.bf-top h6 {font-size: 16px;}
	.bf-top p {font-size: 11px;}
}





.bf-title {text-align: center;}
.bf-title span {display: block; font-size: 22px; font-weight: 600; color: #FF4F7F;}
.bf-title h4 {font-size: 40px; font-weight: 700; margin-top: 16px; line-height: 1.1;}
.bf-why {padding-top: 100px;}
.bf-why__title {font-size: 44px; text-align: center; font-weight: 700; margin-bottom: 50px;}
.bf-why__title span {display: inline-block; padding: 8px 16px; background: url('https://img.megastudyth.com/event/2024/buffet_ele/why_drawing.png')no-repeat center bottom / 100% auto;}
.bf-why__list {padding-top: 50px; margin: 0 -12px; display: flex;}
.bf-why__list li {width: 33.3333%; padding: 0 12px;}
.bf-why__list li dl {height: 100%; padding: 56px 24px 40px; display: flex; flex-direction: column; -webkit-border-radius: 20px; border-radius: 20px;}
.bf-why__list li dl.pnk {background: #FF89A9;}
.bf-why__list li dl.sky {background: #40B5DD;}
.bf-why__list li dl.ylw {background: #FFCA42;}
.bf-why__list li dl dt {flex-shrink: 0;}
.bf-why__list li dl dt img {display: block; margin: 0 auto; width: 215px;}
.bf-why__list li dl dd {flex-grow: 1; text-align: center; color: #fff;}
.bf-why__list li dl dd h5 {font-size: 28px; font-weight: 600; margin-top: 40px; line-height: 1.2; height: 2.4em;}
.bf-why__list li dl dd p {font-size: 20px; margin-top: 20px; line-height: 1.4;}

@media (max-width:1280px) {
	.bf-title span {font-size: 20px;}
	.bf-title h4 {font-size: 34px;}
	.bf-why {padding-top: 80px;}
	.bf-why__title {font-size: 34px; margin-bottom: 40px;}
	.bf-why__list {padding-top: 40px; margin: 0 -8px;}
	.bf-why__list li {padding: 0 8px;}
	.bf-why__list li dl {height: 100%;}
	.bf-why__list li dl dd h5 {font-size: 22px; margin-top: 30px;}
	.bf-why__list li dl dd p {font-size: 16px; margin-top: 10px;}
}

@media (max-width:992px) {
	.bf-title span {font-size: 18px;}
	.bf-title h4 {font-size: 30px;}
	.bf-why {padding-top: 60px;}
	.bf-why__title {font-size: 30px; margin-bottom: 30px;}
	.bf-why__list {display: block; margin: 0; padding-top: 20px;}
	.bf-why__list li {padding: 0; width: 100%; margin-bottom: 10px;}
	.bf-why__list li:last-child {margin-bottom: 0;}
	.bf-why__list li dl {flex-direction: row; padding: 20px; align-items: center;}
	.bf-why__list li dl dd h5 {font-size: 20px; margin-top: 0;}
	.bf-why__list li dl dd p {font-size: 14px;}
}

@media (max-width:768px) {
	.bf-title span {font-size: 14px;}
	.bf-title h4 {font-size: 20px; margin-top: 10px;}
	.bf-why__title {font-size: 20px;}
	.bf-why__title span {padding-top: 0;}
	.bf-why__list li dl {display: block; padding: 30px 20px;}
	.bf-why__list li dl dd {margin-top: 20px;}
	.bf-why__list li dl dd h5 {height: auto;}
	.bf-why__list li dl dd p {font-size: 12px;}
}





.bf-chk {padding-top: 100px;}
.bf-chk__half {display: flex; align-items: flex-end; margin-top: 80px;}
.bf-chk__children {order: 2; width: 50%;}
.bf-chk__list {width: 50%;}
.bf-chk__list li {padding: 30px 0; border-bottom: solid 2px #e4e4e4;}
.bf-chk__list li:first-child {padding-top: 0;}
.bf-chk__list li:last-child {padding-bottom: 0; border-bottom: none;}
.bf-chk__list li h5 {font-size: 26px; font-weight: 600;}
.bf-chk__list li h5 span {color: #FF6790;}
.bf-chk__list li p {font-size: 20px; color: #777; margin-top: 20px; line-height: 1.4;}

@media (max-width:1280px) {
	.bf-chk {padding-top: 80px;}
	.bf-chk__half {margin-top: 60px;}
	.bf-chk__list li h5 {font-size: 22px;}
	.bf-chk__list li p {font-size: 16px; margin-top: 10px;}
}

@media (max-width:992px) {
	.bf-chk__half {margin-top: 40px;}
	.bf-chk__list li h5 {font-size: 18px;}
	.bf-chk__list li p {font-size: 13px;}

}

@media (max-width:768px) {
	.bf-chk {padding-top: 60px;}
	.bf-chk__half {display: block;}
	.bf-chk__children {width: 100%;}
	.bf-chk__children img {max-width: 80% !important;}
	.bf-chk__list {width: 100%; margin-top: 20px;}
	.bf-chk__list li {padding: 15px 0;}
	.bf-chk__list li h5 {font-size: 16px;}
	.bf-chk__list li p {font-size: 11px;}
}




.bf-rvw {padding-top: 100px; padding-bottom: 100px; position: relative;}
.bf-rvw__title {text-align: center; margin-top: 50px; margin-bottom: 30px; position: relative;}
.bf-rvw__title h4 {font-size: 30px; font-weight: 600;}
.bf-rvw__badge {width: 135px; height: 137px; position: absolute; right: 0; top: 0; z-index: 1; margin-top: -20px; margin-right: -30px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: url('https://img.megastudyth.com/event/2024/buffet_ele/review_drawing.png')no-repeat center center / cover;}
.bf-rvw__badge span {display: block; font-size: 14px; padding: 0 10px;}
.bf-rvw__badge strong {font-size: 24px; font-weight: 600;}
.bf-rvw__slider {margin: 0 -12px;}
.bf-rvw__slider .slick-track {display: flex !important;}
.bf-rvw__slider .slick-slide {float: none !important; height: auto !important;}
.bf-rvw__slider .slick-slide > div {height: 100%;}
.bf-rvw__slider .slick-arrow {width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; z-index: 1; text-indent: -9999px; display: flex; align-items: center; justify-content: center;}
.bf-rvw__slider .slick-prev {right: 100%; margin-right: -12px;}
.bf-rvw__slider .slick-next {left: 100%; margin-left: -12px;}
.bf-rvw__slider .slick-arrow:after {content: ''; display: block; width: 17px; height: 26px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url('https://img.megastudyth.com/event/2024/buffet_ele/review_arrow.png')no-repeat left center / auto 100%;}
.bf-rvw__slider .slick-prev:after {margin-left: -2px;}
.bf-rvw__slider .slick-next:after {margin-left: 2px; background-position: right center;}
.bf-rvw__slider .slick-dots {display: flex; justify-content: center; margin-top: 16px;}
.bf-rvw__slider .slick-dots li {margin: 0 5px; display: flex; align-items: flex-end; height: 12px;}
.bf-rvw__slider .slick-dots li button {background: #ddd; width: 6px; height: 6px; text-indent: -9999px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.3s;  transition: all 0.3s;}
.bf-rvw__slider .slick-dots li.slick-active button {background: #FF4F7F; height: 12px;}
.bf-rvw__item {padding: 0 12px; height: 100%;}
.bf-rvw__item dl {height: 100%; display: flex; flex-direction: column; border: solid 1px #DBDBDB; padding: 50px 30px 40px; -webkit-border-radius: 20px; border-radius: 20px;}
.bf-rvw__item dl dt {text-align: center; font-size: 24px; font-weight: 700;}
.bf-rvw__item dl dt:before {content: ''; display: block; height: 38px; margin-bottom: 20px; background: url('https://img.megastudyth.com/event/2024/buffet_ele/review_rating.png')no-repeat center center / auto 100%;}
.bf-rvw__item dl dt span {/*  display: block; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; height: 2.4em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; */}
.bf-rvw__item dl dd {margin-top: 16px; text-align: center;}
.bf-rvw__item dl dd p {font-size: 16px; line-height: 1.3;}
.bf-rvw__item dl dd span {display: block; font-size: 14px; color: #B3B3B3; margin-top: 20px;}

@media (max-width:1280px) {
	.bf-rvw {padding-top: 80px; padding-bottom: 80px;}
	.bf-rvw__title h4 {font-size: 26px;}
	.bf-rvw__slider {margin: 0 -8px;}
	.bf-rvw__item {padding: 0 8px;}
	.bf-rvw__item dl {padding: 30px 20px;}
	.bf-rvw__item dl dt {font-size: 20px;}
	.bf-rvw__item dl dt:before {height: 26px;}
	.bf-rvw__item dl dd p {font-size: 14px;}
	.bf-rvw__item dl dd span {font-size: 12px;}
}

@media (max-width:992px) {
	.bf-rvw__badge {width: 100px; height: 101px; margin-top: 0; margin-right: -20px;}
	.bf-rvw__badge span {font-size: 10px;}
	.bf-rvw__badge strong {font-size: 18px;}
}

@media (max-width:768px) {
	.bf-rvw {padding-top: 60px; padding-bottom: 60px;}
	.bf-rvw__title {margin-top: 30px; margin-bottom: 20px;}
	.bf-rvw__title h4 {font-size: 20px;}
	.bf-rvw__badge {margin-top: -20px;}
	.bf-rvw__item dl dt {font-size: 18px; margin-bottom: 10px;}
	.bf-rvw__item dl dt:before {height: 20px; margin-bottom: 10px;}
	.bf-rvw__item dl dd {margin-top: 5px;}
	.bf-rvw__item dl dd p {font-size: 12px;}
	.bf-rvw__item dl dd span {font-size: 10px;}
}




.bf-sea {padding-top: 100px; padding-bottom: 100px; background: #24B8EB; position: relative;}
.bf-sea__main {font-size: 44px; font-weight: 700; color: #fff; text-align: center;}
.bf-sea__box {margin-top: 50px; padding: 70px 50px; background: #fff; -webkit-border-radius: 20px; border-radius: 20px;}
.bf-sea__title {text-align: center;}
.bf-sea__title span {font-size: 20px; color: #24B8EA; font-weight: 500;}
.bf-sea__title h5 {font-size: 40px; font-weight: 600; line-height: 1.2; margin-top: 20px;}
.bf-sea__title p {font-size: 22px; margin-top: 20px; line-height: 1.3;}
.bf-sea__text {text-align: center; margin-top: 50px; margin-bottom: 30px;}
.bf-sea__text h5 {font-size: 30px; font-weight: 600;}
.bf-sea__text p {font-size: 22px; margin-top: 20px; line-height: 1.3;}

@media (max-width:1280px) {
	.bf-sea {padding-top: 80px; padding-bottom: 80px;}
	.bf-sea__main {font-size: 40px;}
	.bf-sea__box {padding: 50px 30px; margin-top: 40px;}
	.bf-sea__title span {font-size: 18px;}
	.bf-sea__title h5 {font-size: 30px; margin-top: 10px;}
	.bf-sea__title p {font-size: 18px; margin-top: 10px;}
	.bf-sea__text {margin-top: 40px; margin-bottom: 20px;}
	.bf-sea__text h5 {font-size: 26px;}
	.bf-sea__text p {font-size: 18px; margin-top: 10px;}
}

@media (max-width:992px) {
	.bf-sea__main {font-size: 30px;}
	.bf-sea__box {padding: 40px 20px; margin-top: 30px;}
	.bf-sea__title span {font-size: 16px;}
	.bf-sea__title h5 {font-size: 26px;}
	.bf-sea__title p {font-size: 14px;}
	.bf-sea__text {margin-top: 30px;}
	.bf-sea__text h5 {font-size: 24px;}
	.bf-sea__text p {font-size: 14px;}
}

@media (max-width:768px) {
	.bf-sea {padding-top: 60px; padding-bottom: 60px;}
	.bf-sea__main {font-size: 20px;}
	.bf-sea__box {padding: 30px 20px; margin-top: 20px;}
	.bf-sea__title span {font-size: 14px;}
	.bf-sea__title h5 {font-size: 20px;}
	.bf-sea__title h5 br {display: none;}
	.bf-sea__title p {font-size: 12px;}
	.bf-sea__title p br {display: none;}
	.bf-sea__text {margin-top: 20px;}
	.bf-sea__text h5 {font-size: 18px;}
	.bf-sea__text p {font-size: 12px;}
	.bf-sea__text p br {display: none;}
}







.bf-habit {display: flex; margin: 0 -12px;}
.bf-habit li {width: 33.3333%; padding: 0 12px;}
.bf-habit li dl {border: solid 2px #DBDBDB; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden;}
.bf-habit li dl dt img {width: 100%;}
.bf-habit li dl dd {padding: 20px; text-align: center; font-size: 20px; font-weight: 600; color: #fff;}
.bf-habit li dl dd.pnk {background: #FF89A9;}
.bf-habit li dl dd.grn {background: #2DCC89;}
.bf-habit li dl dd.ylw {background: #FFCA42;}
.bf-pack {margin: 0 -20px; display: flex;}
.bf-pack > li {padding: 0 20px; width: 25%; position: relative;}
.bf-pack > li:last-child {width: 50%;}
.bf-pack > li:last-child ul {display: flex; margin: 0 -20px; width: calc(100% + 40px);}
.bf-pack > li:last-child ul li {width: 50%; padding: 0 20px; position: relative;}
.bf-pack > li:after {content: ''; display: block; width: 10px; height: 16px; position: absolute; left: 100%; margin-left: -5px; top: 50%; margin-top: -8px; background: url('https://img.megastudyth.com/event/2024/buffet_ele/arrow.png')no-repeat center center / cover;}
.bf-pack > li:last-child:after {display: none;}
.bf-pack > li:last-child ul li:after {content: ''; display: block; width: 16px; height: 16px; position: absolute; left: 100%; margin-left: -8px; top: 50%; margin-top: -8px; background: url('https://img.megastudyth.com/event/2024/buffet_ele/plus.png')no-repeat center center / cover;}
.bf-pack > li:last-child ul li:last-child:after {display: none;}
.bf-pack__box {width: 100%; height: 130px; font-size: 20px; padding: 0 20px; font-weight: 600; background: #F6F6F6; text-align: center; -webkit-border-radius: 30px; border-radius: 30px; display: flex; align-items: center; justify-content: center;}

@media (max-width:1280px) {
	.bf-habit {margin: 0 -8px;}
	.bf-habit li {padding: 0 8px;}
	.bf-habit li dl dd {font-size: 16px;}
	.bf-pack__box {font-size: 16px;}
}

@media (max-width:992px) {
	.bf-habit li dl dd {font-size: 14px;}
	.bf-pack__box {font-size: 14px;}
}

@media (max-width:768px) {
	.bf-habit {display: block; margin: 0;}
	.bf-habit li {width: 100%; padding: 0; margin-bottom: 10px;}
	.bf-habit li:last-child {margin-bottom: 0;}
	.bf-pack {display: block; margin: 0;}
	.bf-pack > li {width: 100%; padding: 0; margin-bottom: 30px;}
	.bf-pack > li:last-child {width: 100%; margin-bottom: 0;}
	.bf-pack > li:after {left: 50%; top: 100%; margin-top: 8px; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
	.bf-pack__box {height: 60px; font-size: 12px; -webkit-border-radius: 20px; border-radius: 20px;}
}





.bf-mode {margin: 0 -12px; display: flex;}
.bf-mode > div {width: 50%; padding: 0 12px; display: flex; flex-direction: column;}
.bf-mode__box {flex-grow: 1; padding: 30px 20px; border: solid 2px #DBDBDB; border-top: none; display: flex; flex-direction: column; -webkit-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px;}
.bf-mode__title {flex-shrink: 0; height: 70px; font-size: 20px; font-weight: 600; color: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 30px 30px 0 0; border-radius: 30px 30px 0 0;}
.bf-mode__title.pnk {background: #FF89A9;}
.bf-mode__title.grn {background: #2DCC89;}
.bf-mode__text {font-size: 20px; text-align: center; font-weight: 600; margin-top: 30px;}
.bf-mode__text.pnk {color: #FF89A9;}
.bf-mode__text.grn {color: #2DCC89;}
.bf-mode__basic {flex-grow: 1; display: flex; justify-content: center; flex-direction: column;}
.bf-mode__basic li {height: 90px; margin-bottom: 10px; text-align: center; font-size: 20px; font-weight: 600; background: rgba(255,137,169,0.25); display: flex; align-items: center; justify-content: center; -webkit-border-radius: 10px; border-radius: 10px;}
.bf-mode__basic li:last-child {margin-bottom: 0;}
.bf-mode__deep {}
.bf-mode__deep dt {background: #F7F7F7; padding: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.bf-mode__deep dt h5 {font-size: 20px; font-weight: 700; text-align: center;}
.bf-mode__deep dt ul {margin-top: 15px;}
.bf-mode__deep dt ul li {background: rgba(45,204,137,0.25); padding: 16px; font-size: 20px; font-weight: 600; margin-top: 10px; text-align: center; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 10px; border-radius: 10px;}
.bf-mode__deep dd {position: relative; margin-top: 40px; height: 60px; background: #2DCC89; text-align: center; font-size: 18px; font-weight: 700; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 10px; border-radius: 10px;}
.bf-mode__deep dd:before {content: ''; display: block; width: 16px; height: 16px; position: absolute; left: 50%; margin-left: -8px; bottom: 100%; margin-bottom: 12px; background: url('https://img.megastudyth.com/event/2024/buffet_ele/plus.png')no-repeat center center / cover;}

@media (max-width:1280px) {
	.bf-mode {margin: 0 -8px;}
	.bf-mode > div {padding: 0 8px;}
	.bf-mode__box {padding: 20px;}
	.bf-mode__title {height: 60px; font-size: 18px;}
	.bf-mode__text {font-size: 16px;}
	.bf-mode__basic li {height: 60px; font-size: 16px;}
	.bf-mode__deep dt h5 {font-size: 16px;}
	.bf-mode__deep dt ul li {padding: 10px; font-size: 16px;}
	.bf-mode__deep dd {padding: 15px; font-size: 16px; height: auto;}
}

@media (max-width:992px) {
	.bf-mode__title {height: 50px; font-size: 16px;}
	.bf-mode__text {font-size: 14px; margin-top: 20px;}
	.bf-mode__basic li {height: 50px; font-size: 14px;}
	.bf-mode__deep dt h5 {font-size: 14px;}
	.bf-mode__deep dt ul li {font-size: 14px;}
	.bf-mode__deep dd {font-size: 14px; margin-top: 30px;}
	.bf-mode__deep dd:before {margin-bottom: 6px;}
}

@media (max-width:768px) {
	.bf-mode {margin: 0; display: block;}
	.bf-mode > div {padding: 0; width: 100%; margin-bottom: 20px;}
	.bf-mode > div:last-child {margin-bottom: 0;}
	.bf-mode__title {-webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0;}
}







.bf-itv__slider {margin: 0 -50px; padding-top: 50px;}
.bf-itv__slider .slick-slide {padding: 0 50px;}
.bf-itv__slider .slick-arrow {width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; z-index: 1; text-indent: -9999px; display: flex; align-items: center; justify-content: center;}
.bf-itv__slider .slick-prev {left: 0;}
.bf-itv__slider .slick-next {right: 0;}
.bf-itv__slider .slick-arrow:after {content: ''; display: block; width: 17px; height: 26px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url('https://img.megastudyth.com/event/2024/buffet_ele/review_arrow.png')no-repeat left center / auto 100%;}
.bf-itv__slider .slick-prev:after {margin-left: -2px;}
.bf-itv__slider .slick-next:after {margin-left: 2px; background-position: right center;}
.bf-itv__slider .slick-dots {display: flex; justify-content: center; margin-top: 16px;}
.bf-itv__slider .slick-dots li {margin: 0 5px; display: flex; align-items: flex-end; height: 12px;}
.bf-itv__slider .slick-dots li button {background: #ddd; width: 6px; height: 6px; text-indent: -9999px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.3s;  transition: all 0.3s;}
.bf-itv__slider .slick-dots li.slick-active button {background: #FF4F7F; height: 12px;}
.bf-itv__item {display: flex !important; border: solid 2px #DBDBDB; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden;}
.bf-itv__profile {width: 40%; position: relative; background: linear-gradient(180deg, #FFCA42 -33.01%, rgba(255, 202, 66, 0) 99.97%);}
.bf-itv__profile img {display: block;}
.bf-itv__profile > div {padding: 40px; position: absolute; left: 0; right: 0; bottom: 0;}
.bf-itv__profile p {font-size: 18px; line-height: 1.3;}
.bf-itv__profile h5 {font-size: 28px; font-weight: 600; line-height: 1.2; margin-top: 16px;}
.bf-itv__text {width: 60%; padding: 50px;}
.bf-itv__text h5 {font-size: 28px; font-weight: 600;}
.bf-itv__text p {color: #777; margin-top: 10px; line-height: 1.4; margin-bottom: 40px; font-size: 20px;}
.bf-itv__text dl {display: flex; align-items: center; margin-bottom: 8px;}
.bf-itv__text dl:last-child {margin-bottom: 0;}
.bf-itv__text dl dt {flex-shrink: 0; width: 30px; margin-right: 10px;}
.bf-itv__text dl dt img {display: block;}
.bf-itv__text dl dd {font-size: 18px; line-height: 1.3;}

@media (max-width:1280px) {
	.bf-itv__slider {margin: 0 -30px; padding-top: 40px;}
	.bf-itv__profile > div {padding: 30px;}
	.bf-itv__profile p {font-size: 16px;}
	.bf-itv__profile h5 {font-size: 22px;}
	.bf-itv__text {padding: 30px;}
	.bf-itv__text h5 {font-size: 22px;}
	.bf-itv__text p {margin-bottom: 30px; font-size: 16px;}
	.bf-itv__text dl dd {font-size: 14px;}

}

@media (max-width:992px) {
	.bf-itv__slider {margin: 0 -20px; padding-top: 30px;}
	.bf-itv__slider .slick-slide {padding: 0 20px;}
	.bf-itv__profile {width: 45%;}
	.bf-itv__profile > div {padding: 20px;}
	.bf-itv__profile p {font-size: 14px;}
	.bf-itv__profile h5 {font-size: 18px; margin-top: 10px;}
	.bf-itv__text {padding: 20px; width: 55%;}
	.bf-itv__text h5 {font-size: 18px;}
	.bf-itv__text p {margin-bottom: 20px; font-size: 14px;}
	.bf-itv__text dl dd {font-size: 13px;}

}

@media (max-width:768px) {
	.bf-itv__slider {padding-top: 20px;}
	.bf-itv__item {display: block !important;}
	.bf-itv__profile {width: 100%;}
	.bf-itv__profile > div {padding-bottom: 40px;}
	.bf-itv__profile img {max-width: 80% !important;}
	.bf-itv__profile p {font-size: 12px;}
	.bf-itv__profile h5 {font-size: 14px;}
	.bf-itv__text {width: 100%; padding-top: 0;}
	.bf-itv__text h5 {font-size: 16px;}
	.bf-itv__text p { font-size: 12px;}
	.bf-itv__text dl dd {font-size: 12px;}
}




.bf-figure {position: relative; border: solid 2px #DBDBDB; -webkit-border-radius: 20px; border-radius: 20px;}
.bf-figure__badge {width: 135px; height: 137px; position: absolute; right: 0; top: 0; text-align: center; z-index: 1; margin-top: -80px; margin-right: -30px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: url('https://img.megastudyth.com/event/2024/buffet_ele/review_drawing.png')no-repeat center center / cover;}
.bf-figure__badge span {display: block; font-size: 14px; padding: 0 10px;}
.bf-figure__badge strong {font-size: 24px; font-weight: 600;}
.bf-figure__list {display: flex; padding: 60px 0;}
.bf-figure__list li {width: 33.3333%; border-right: dashed 2px #DBDBDB;}
.bf-figure__list li:last-child {border-right: none;}
.bf-figure__list li dl dt {padding: 0 30px; text-align: center; font-size: 20px; font-weight: 400; height: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.bf-figure__list li dl dt strong {display: block; font-size: 26px; font-weight: 700; margin: 10px 0;}
.bf-figure__list li dl dd {padding: 0 80px; margin-top: 30px;}

@media (max-width:1280px) {
	.bf-figure__list {padding: 40px 0;}
	.bf-figure__list li dl dt {padding: 0 20px; font-size: 16px;}
	.bf-figure__list li dl dt strong {font-size: 20px; margin: 5px 0;}
	.bf-figure__list li dl dd {padding: 0 60px; margin-top: 20px;}

}

@media (max-width:992px) {
	.bf-figure__badge {width: 100px; height: 101px; margin-top: -50px;}
	.bf-figure__badge span {font-size: 10px;}
	.bf-figure__badge strong {font-size: 18px;}
	.bf-figure__list {padding: 30px 0;}
	.bf-figure__list li dl dt {padding: 0 10px; font-size: 14px;}
	.bf-figure__list li dl dt strong {font-size: 16px;}
	.bf-figure__list li dl dd {padding: 0 40px;}
}

@media (max-width:768px) {
	.bf-figure__badge {margin-top: -40px; margin-right: -40px;}
	.bf-figure__list {display: block; padding: 0 20px;}
	.bf-figure__list li {width: 100%; padding: 20px 0; border-right: none; border-bottom: dashed 2px #dbdbdb;}
	.bf-figure__list li:last-child {border-bottom: none;}
	.bf-figure__list li dl dt {padding: 0;}
	.bf-figure__list li dl dt strong {font-size: 16px;}
	.bf-figure__list li dl dd {padding: 0 40px;}
}







.bf-tch__group {margin-bottom: 30px;}
.bf-tch__slider {margin: 0 -12px;}
.bf-tch__slider .slick-slide {padding: 0 12px;}
.bf-tch__slider .slick-arrow {width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; z-index: 1; text-indent: -9999px; display: flex; align-items: center; justify-content: center;}
.bf-tch__slider .slick-prev {right: 100%; margin-right: -12px;}
.bf-tch__slider .slick-next {left: 100%; margin-left: -12px;}
.bf-tch__slider .slick-arrow:after {content: ''; display: block; width: 17px; height: 26px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url('https://img.megastudyth.com/event/2024/buffet_ele/review_arrow.png')no-repeat left center / auto 100%;}
.bf-tch__slider .slick-prev:after {margin-left: -2px;}
.bf-tch__slider .slick-next:after {margin-left: 2px; background-position: right center;}
.bf-tch__slider .slick-dots {display: flex; justify-content: center; margin-top: 16px;}
.bf-tch__slider .slick-dots li {margin: 0 5px; display: flex; align-items: flex-end; height: 12px;}
.bf-tch__slider .slick-dots li button {background: #ddd; width: 6px; height: 6px; text-indent: -9999px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.3s;  transition: all 0.3s;}
.bf-tch__slider .slick-dots li.slick-active button {background: #FF4F7F; height: 12px;}
.bf-tch__item {border: solid 2px #DBDBDB; padding-top: 20px; display: flex !important; -webkit-border-radius: 20px; border-radius: 20px;}
.bf-tch__item img {display: block; width: 50%;}
.bf-tch__item > div {width: 50%; padding: 30px 0 0 50px;}
.bf-tch__item h5 {font-size: 26px; font-weight: 700;}
.bf-tch__item p {font-size: 20px; margin-top: 10px;}

@media (max-width:1280px) {
	.bf-tch__group {margin-bottom: 20px;}
	.bf-tch__slider {margin: 0 -8px; padding: 0 20px;}
	.bf-tch__slider .slick-slide {padding: 0 8px;}
	.bf-tch__slider .slick-prev {margin-right: -30px;}
	.bf-tch__slider .slick-next {margin-left: -30px;}
	.bf-tch__item > div {padding: 20px 0 0 30px;}
	.bf-tch__item h5 {font-size: 20px;}
	.bf-tch__item p {font-size: 16px;}
}

@media (max-width:992px) {
	.bf-tch__group {margin-bottom: 10px;}
	.bf-tch__slider .slick-prev {margin-right: -34px;}
	.bf-tch__slider .slick-next {margin-left: -34px;}
	.bf-tch__item > div {padding: 0 0 0 20px;}
	.bf-tch__item h5 {font-size: 16px;}
	.bf-tch__item p {font-size: 12px;}
}

@media (max-width:768px) {
	.bf-tch__group {margin-bottom: 0;}
	.bf-tch__slider {margin: 0 -20px; padding: 0;}
	.bf-tch__slider .slick-slide {padding: 0 20px;}
}






.bf-step {padding-top: 120px;}
.bf-step__group {display: flex; align-items: flex-end;}
.bf-step__group:last-child {margin-bottom: 0;}
.bf-step__left {width: 40%; padding-right: 60px;}
.bf-step__left span {display: block; font-size: 20px; font-weight: 600;}
.bf-step__left span.pnk {color: #FF89A9;}
.bf-step__left span.sky {color: #40B5DD;}
.bf-step__left span.ylw {color: #FFCA42;}
.bf-step__left h5 {font-size: 50px; font-weight: 600; margin-top: 10px;}
.bf-step__left p {font-size: 22px; margin-bottom: 60px; margin-top: 20px; line-height: 1.3;}
.bf-step__left img {margin: 0 !important; width: 320px;}
.bf-step__list {width: 60%;}
.bf-step__list ul {margin: -12px; display: flex; flex-wrap: wrap;}
.bf-step__list ul li {width: 50%; padding: 12px;}
.bf-step__list ul li div {-webkit-border-radius: 20px; border-radius: 20px; padding: 20px; height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.bf-step__list ul.pnk li div {background: rgba(255,137,169,0.1);}
.bf-step__list ul.sky li div {background: rgba(64,181,221,0.1);}
.bf-step__list ul.ylw li div {background: rgba(255,202,66,0.1);}
.bf-step__list ul li img {width: 70px;}
.bf-step__list ul li p {font-size: 20px; font-weight: 500; text-align: center; margin-top: 20px; line-height: 1.3;}

@media (max-width:1280px) {
	.bf-step {padding-top: 100px;}
	.bf-step__left {width: 45%; padding-right: 30px;}
	.bf-step__left span {font-size: 16px;}
	.bf-step__left h5 {font-size: 40px;}
	.bf-step__left p {font-size: 16px;}
	.bf-step__list {width: 55%;}
	.bf-step__list ul {margin: -8px;}
	.bf-step__list ul li {padding: 8px;}
	.bf-step__list ul li div {height: 200px;}
	.bf-step__list ul li img {width: 50px;}
	.bf-step__list ul li p {font-size: 14px; margin-top: 10px;}
}

@media (max-width:992px) {
	.bf-step {padding-top: 80px;}
	.bf-step__left {width: 50%; padding-right: 20px;}
	.bf-step__left span {font-size: 14px;}
	.bf-step__left p {font-size: 14px;}
	.bf-step__list {width: 50%;}
	.bf-step__list ul {margin: -4px;}
	.bf-step__list ul li {padding: 4px;}
	.bf-step__list ul li div {height: 160px;}
	.bf-step__list ul li img {width: 40px;}
	.bf-step__list ul li p {font-size: 12px;}
}

@media (max-width:768px) {
	.bf-step {padding-top: 60px;}
	.bf-step__group {display: block;}
	.bf-step__left {width: 100%; padding-right: 0;}	
	.bf-step__left span {font-size: 14px;}
	.bf-step__left p {font-size: 14px; margin-bottom: 20px;}
	.bf-step__left img {width: 260px; margin: 0 auto !important;}
	.bf-step__list {width: 100%; margin-top: 30px;}
	.bf-step__list ul li p {font-size: 11px;}
}




.bf-curri {padding-top: 120px; padding-bottom: 160px; position: relative;}
.bf-curri__title {font-size: 44px; font-weight: 700; line-height: 1.2; text-align: center;}
.bf-curri__title br {display: none;}
.bf-curri__table {margin-top: 40px; border: solid 2px #E3E3E3; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px;}
.bf-curri__table > div {margin: -2px;}
.bf-curri__table table {table-layout: fixed;}
.bf-curri__table th,
.bf-curri__table td {padding: 16px; border: solid 2px #E3E3E3; text-align: center; font-weight: 500;}
.bf-curri__table th {background: #B3B3B3; color: #fff; font-size: 22px;}
.bf-curri__table td.gry {background: #E3E3E3;}

@media (max-width:1280px) {
	.bf-curri {padding-top: 100px; padding-bottom: 120px;}
	.bf-curri__title {font-size: 40px;}
	.bf-curri__table {margin-top: 20px;}
	.bf-curri__table th,
	.bf-curri__table td {padding: 12px; font-size: 16px;}
}

@media (max-width:992px) {
	.bf-curri {padding-top: 80px; padding-bottom: 100px;}
	.bf-curri__title {font-size: 30px;}
	.bf-curri__table th,
	.bf-curri__table td {padding: 8px; font-size: 13px;}

}

@media (max-width:768px) {
	.bf-curri {padding-top: 60px; padding-bottom: 80px;}
	.bf-curri__title {font-size: 24px;}
	.bf-curri__title br {display: block;}
	.bf-curri__table {margin: 20px -20px 0; padding: 0 20px; overflow-x: auto; border: none; -webkit-border-radius: 0px; border-radius: 0px;}
	.bf-curri__table > div {width: 900px; border: solid 2px #E3E3E3; margin: 0; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px;}
	.bf-curri__table table {width: calc(100% + 4px); margin: -2px;}

}




.bf-course {padding-top: 100px; padding-bottom: 160px; background: #F9F9F9; position: relative;}
.bf-course__list {display: flex; margin: 0 -12px;}
.bf-course__list > div {width: 50%; padding: 0 12px;}
.bf-course__cont {background: #fff; height: 100%; padding: 70px 80px; border: solid 2px #E7E7E7; -webkit-border-radius: 20px; border-radius: 20px; display: flex; flex-direction: column; position: relative;}
.bf-course__summary {flex-grow: 1;}
.bf-course__summary p {text-align: center; border: solid 2px #05202A; padding: 20px 30px; font-size: 26px; font-weight: 600; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 60px; border-radius: 60px;}
.bf-course__summary h4 {text-align: center; margin-top: 20px; font-size: 26px; font-weight: 400;}
.bf-course__summary h4 strong {font-size: 40px; display: block; font-weight: 700; margin-bottom: 10px;}
.bf-course__price {margin-top: 40px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.bf-course__price dt {font-size: 24px; color: #BCBCBC; margin-right: 32px; line-height: 1.2; font-weight: 400;}
.bf-course__price dt p {position: relative; font-size: 22px;}
.bf-course__price dt p strong {font-size: 36px; font-weight: 500; margin-right: 5px;}
.bf-course__price dt p:before {content: ''; display: block; background: #FF6790; height: 3px; position: absolute; left: -4px; right: -16px; top: 50%; margin-top: -1px;}
.bf-course__price dt p:after {content: ''; display: block; background: #FF6790; height: 3px; width: 18px; position: absolute; right: -16px; top: 50%; margin-top: -0px; -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: right center;}
.bf-course__price dd {color: #FF6790; font-size: 26px; font-weight: 600;}
.bf-course__price dd strong {font-size: 54px; font-weight: 700; margin-right: 5px;}
.bf-course__detail {flex-grow: 1; margin-top: 40px;}
.bf-course__detail h5 {font-size: 26px; font-weight: 600;}
.bf-course__detail ul {margin-top: 20px;}
.bf-course__detail ul li {font-size: 18px; color: #777; margin-bottom: 16px; position: relative; padding-left: 30px;}
.bf-course__detail ul li:last-child {margin-bottom: 0;}
.bf-course__detail ul li:before {content: ''; display: block; width: 22px; height: 23px; position: absolute; left: 0; top: -1px; background: url('https://img.megastudyth.com/event/2024/buffet_ele/curri_check.png')no-repeat center center / cover;}
.bf-course__detail ul li span {display: block; font-size: 14px; color: #999; font-weight: 400; margin-top: 8px; display: flex;}
.bf-course__detail ul li span:before {content: attr(dots); flex-shrink: 0; margin-right: 6px;}
.bf-course__link {height: 70px; font-size: 22px; font-weight: 600; margin-top: 40px; background: #121212; color: #fff !important; flex-shrink: 0; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}
.bf-course__cont.pnk {border: solid 5px #FF6790;}


@media (max-width:1280px) {
	.bf-course {padding-top: 80px; padding-bottom: 120px;}
	.bf-course__list {margin: 0 -8px;}
	.bf-course__list > div {padding: 0 8px;}
	.bf-course__cont {padding: 50px 30px;}
	.bf-course__summary p {padding: 10px 15px; font-size: 20px;}
	.bf-course__summary h4 {margin-top: 15px; font-size: 20px;}
	.bf-course__summary h4 strong {font-size: 30px; margin-bottom: 5px;}
	.bf-course__price {margin-top: 20px;}
	.bf-course__price dt {font-size: 16px; margin-right: 30px;}
	.bf-course__price dt p {font-size: 16px;}
	.bf-course__price dt p strong {font-size: 30px;}
	.bf-course__price dd {font-size: 20px;}
	.bf-course__price dd strong {font-size: 40px;}
	.bf-course__detail {margin-top: 30px;}
	.bf-course__detail h5 {font-size: 20px;}
	.bf-course__detail ul li {font-size: 14px;}
	.bf-course__detail ul li:before {top: -6px;}
	.bf-course__link {height: 50px; font-size: 18px; margin-top: 20px;}
}

@media (max-width:992px) {
	.bf-course {padding-top: 60px; padding-bottom: 80px;}
	.bf-course__cont {padding: 40px 20px;}
	.bf-course__summary p {font-size: 14px;}
	.bf-course__summary h4 {font-size: 16px;}
	.bf-course__summary h4 strong {font-size: 24px;}
	.bf-course__price {margin-top: 10px;}
	.bf-course__price dt {font-size: 12px;}
	.bf-course__price dt p {font-size: 12px;}
	.bf-course__price dt p strong {font-size: 20px;}
	.bf-course__price dd {font-size: 16px;}
	.bf-course__price dd strong {font-size: 30px;}
	.bf-course__detail {margin-top: 20px;}
	.bf-course__detail h5 {font-size: 16px;}
	.bf-course__detail ul li {font-size: 12px; padding-left: 24px;}
	.bf-course__detail ul li:before {top: -3px; width: 18px; height: 19px;}
}

@media (max-width:768px) {
	.bf-course__list {display: block; margin: 0;}
	.bf-course__list > div {width: 100%; padding: 0; margin-bottom: 20px;}
	.bf-course__list > div:last-child {margin-bottom: 0;}
}






.bf-inquiry {padding-top: 100px;}
.bf-inquiry__title {text-align: center;}
.bf-inquiry__title h4 {font-size: 22px; color: #0082FF; font-weight: 600;}
.bf-inquiry__title h5 {font-size: 44px; font-weight: 700; margin-top: 10px;}
.bf-inquiry__title h5 span {display: inline-block; padding: 5px 20px; background: url('https://img.megastudyth.com/event/2024/buffet_ele/inquiry_drawing.png')no-repeat center bottom / 100% auto;}
.bf-inquiry__title p {margin-top: 50px; font-size: 22px;}
.bf-inquiry__title p strong {display: block; font-size: 30px; font-weight: 600; margin-top: 10px;}
.bf-inquiry__inner {max-width: 560px; margin: 0 auto; padding-top: 30px;}
.bf-inquiry__box {border: solid 2px #D7D7D7; padding: 40px 30px; margin: 0 auto; -webkit-border-radius: 20px; border-radius: 20px;}
.bf-inquiry__box:before {content: ''; display: block; height: 30px; background: url('https://img.megastudyth.com/event/2024/buffet_high/course_logo.png')no-repeat center center / auto 100%;}
.bf-inquiry__box label:not([type='radio'] + label) {display: block; font-size: 15px; margin-top: 20px; margin-bottom: 10px;}
.bf-inquiry__box li {margin-bottom: 5px; position: relative;}
.bf-inquiry__box li:last-child {margin-bottom: 0; margin-top: 20px;}
.bf-inquiry__box li:first-child label {margin-top: 0;}
.bf-inquiry__box input:not([type='radio']),
.bf-inquiry__box select {display: block; width: 100%; height: 50px; border: solid 1px #ddd; -webkit-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; appearance: none; -webkit-border-radius: 5px; border-radius: 5px;}
.bf-inquiry__box input {padding: 0 10px;}
.bf-inquiry__box select {padding-left: 10px; padding-right: 40px; background: none; cursor: pointer;}
.bf-inquiry__box input:focus,
.bf-inquiry__box select:focus {border-width: 2px; border-color: #0082ff;}
.bf-inquiry__box input[type='radio'] {margin-right: 5px;}
.bf-inquiry__box input[type='radio'] + label {margin-right: 15px; cursor: pointer;}
.bf-inquiry__rdo {display: flex; margin-top: 24px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden;}
.bf-inquiry__rdo input[type="radio"] {display: none;}
.bf-inquiry__rdo input[type="radio"] + label {width: 50%; height: 52px; margin-right: 0; background: #f2f2f2; color: #999; display: flex; align-items: center; justify-content: center;}
.bf-inquiry__rdo input[type="radio"]:checked + label {background: #FF6790; color: #fff;}
.bf-inquiry__select:after {content: ''; display: block; width: 6px; height: 6px; border-right: solid 1px #333; border-bottom: solid 1px #333; position: absolute; right: 15px; bottom: 24px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.bf-inquiry__btn button {width: 100%; height: 70px; font-size: 22px; font-weight: 600; margin-top: 40px; background: #121212; color: #fff !important; flex-shrink: 0; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}
#spinner:not([hidden]) {position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.5); z-index:999;}
#spinner::after {content: ""; width: 80px; height: 80px; border: 2px solid #f3f3f3; border-top: 3px solid #f25a41; border-radius: 100%; will-change: transform; animation: spin 1s infinite linear;}
@keyframes spin {from {transform: rotate(0deg);} to {transform: rotate(360deg);}}
.myDiv{font-size:27px; font-weight:600; text-align:center; vertical-align:middle;}
.myDiv span {font-size:15px;}

@media (max-width:1280px) {
	.bf-inquiry {padding-top: 80px;}
	.bf-inquiry__title h4 {font-size: 18px;}
	.bf-inquiry__title h5 {font-size: 40px;}
	.bf-inquiry__title p {margin-top: 40px; font-size: 18px;}
	.bf-inquiry__title p strong {font-size: 26px; margin-top: 5px;}
	.bf-inquiry__inner {padding-top: 20px;}
}

@media (max-width:992px) {
	.bf-inquiry__title h4 {font-size: 16px;}
	.bf-inquiry__title h5 {font-size: 30px;}
	.bf-inquiry__title p {margin-top: 30px; font-size: 14px;}
	.bf-inquiry__title p strong {font-size: 20px;}
}

@media (max-width:768px) {
	.bf-inquiry {padding-top: 60px;}
	.bf-inquiry__title h4 {font-size: 12px;}
	.bf-inquiry__title h5 {font-size: 22px;}
	.bf-inquiry__title p {margin-top: 20px; font-size: 12px;}
	.bf-inquiry__title p strong {font-size: 16px;}
	.bf-inquiry__inner {padding-top: 10px;}
	.bf-inquiry__box {padding: 30px 20px;}
	.bf-inquiry__box label:not([type='radio'] + label) {font-size: 12px; margin-top: 10px; margin-bottom: 5px;}
	.bf-inquiry__box input:not([type='radio']),
	.bf-inquiry__box select {height: 40px;}
	.bf-inquiry__rdo input[type="radio"] + label {height: 40px; font-size: 12px;}
	.bf-inquiry__btn button {height: 50px; font-size: 16px; margin-top: 10px;}
}






.bf-guide {padding-top: 100px;}
.bf-guide__title {text-align: center; font-size: 44px; font-weight: 700; margin-bottom: 50px;}
.bf-guide__capture {display: flex; margin: -12px; flex-wrap: wrap;}
.bf-guide__capture li {width: 50%; padding: 12px;}
.bf-guide__capture li dl {-webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; border: solid 2px #D7D7D7;}
.bf-guide__capture li dl dt {height: 80px; font-size: 26px; background: #F3F9FF; color: #0082FF; font-weight: 600; display: flex; align-items: center; justify-content: center;}

@media (max-width:1280px) {
	.bf-guide {padding-top: 80px;}
	.bf-guide__title {font-size: 40px; margin-bottom: 40px;}
	.bf-guide__capture li dl dt {height: 60px; font-size: 20px;}
}

@media (max-width:992px) {
	.bf-guide__title {font-size: 30px; margin-bottom: 30px;}
	.bf-guide__capture {margin: -4px;}
	.bf-guide__capture li {padding: 4px;}
	.bf-guide__capture li dl dt {height: 50px; font-size: 16px;}

}

@media (max-width:768px) {
	.bf-guide {padding-top: 60px;}
	.bf-guide__title {font-size: 20px; margin-bottom: 20px;}
	.bf-guide__capture {margin: 0; display: block;}
	.bf-guide__capture li {padding: 0; width: 100%; margin-bottom: 10px;}
	.bf-guide__capture li:last-child {margin-bottom: 0;}
}







.bf-faq {padding-top: 100px; padding-bottom: 160px;}
.bf-faq__title {font-size: 44px; font-weight: 700; text-align: center;}
.bf-faq__list {margin-top: 50px; padding: 20px 50px; background: #FAFAFA; -webkit-border-radius: 20px; border-radius: 20px;}
.bf-faq__list li {padding: 40px 0; border-bottom: dashed 2px rgba(5,32,42,0.3);}
.bf-faq__list li:last-child {border-bottom: none;}
.bf-faq__list li dl dt {font-size: 24px; font-weight: 600;}
.bf-faq__list li dl dd {font-size: 20px; margin-top: 15px; line-height: 1.3;}

@media (max-width:1280px) {
	.bf-faq {padding-top: 80px; padding-bottom: 120px;}
	.bf-faq__title {font-size: 40px;}
	.bf-faq__list {margin-top: 40px; padding: 15px 30px;}
	.bf-faq__list li {padding: 30px 0;}
	.bf-faq__list li dl dt {font-size: 20px;}
	.bf-faq__list li dl dd {font-size: 16px; margin-top: 10px;}
}

@media (max-width:992px) {	
	.bf-faq__title {font-size: 30px;}
	.bf-faq__list {margin-top: 30px; padding: 10px 20px;}
	.bf-faq__list li {padding: 20px 0;}
	.bf-faq__list li dl dt {font-size: 18px;}
	.bf-faq__list li dl dd {font-size: 14px;}

}

@media (max-width:768px) {
	.bf-faq {padding-top: 60px; padding-bottom: 80px;}
	.bf-faq__title {font-size: 20px;}
	.bf-faq__list {margin-top: 20px; padding: 0 20px;}
	.bf-faq__list li {border-bottom-width: 1px;}
	.bf-faq__list li dl dt {font-size: 14px;}
	.bf-faq__list li dl dd {font-size: 12px;}
}








.bf-quick {position: absolute; right: 30px; top: 0; margin-top: 160px; z-index: 101; width: 140px;}
.bf-quick__guide {background: #fff; border: solid 1px #E3E6EC; -webkit-border-radius: 12px; border-radius: 12px;}
.bf-quick__guide li {border-bottom: solid 1px #E3E6EC;}
.bf-quick__guide li:last-child {border-bottom: 0;}
.bf-quick__guide li a {padding: 14px 12px; display: flex; justify-content: space-between; align-items: center;}
.bf-quick__guide li a span {display: block;}
.bf-quick__guide li a em {display: block; font-size: 12px; font-weight: 600; color: #999; font-style: normal;}
.bf-quick__guide li a strong {display: block; font-size: 13px; font-weight: 700; margin-top: 4px;}
.bf-quick__guide li a:after {content: ''; display: block; box-sizing: border-box; width: 8px; height: 8px; border-top: solid 2px #000; border-right: solid 2px #000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.bf-quick__level {margin-top: 12px;}
.bf-quick__level dl {background: #fff; padding: 12px 8px 8px; border: solid 1px #E3E6EC; -webkit-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0;}
.bf-quick__level dl dt {text-align: center; font-size: 14px; font-weight: 700; margin-bottom: 12px; line-height: 1.3;}
.bf-quick__level dl dd {margin-bottom: 6px;}
.bf-quick__level dl dd:last-child {margin-bottom: 0;}
.bf-quick__level dl dd button {width: 100%; background: #eee; font-size: 12px; padding: 10px; font-weight: 600; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 8px; border-radius: 8px;}
.bf-quick__level dl dd button.pnk.active {background: #FF89A9;}
.bf-quick__level dl dd button.sky.active {background: #40B5DD;}
.bf-quick__level dl dd button.ylw.active {background: #FFCA42;}
.bf-quick__top {background: #05202A; padding: 8px; width: 100%; color: #fff; font-size: 12px; font-weight: 600; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px;}
.bf-quick__top:after {content: ''; display: block; box-sizing: border-box; width: 6px; height: 6px; border-top: solid 2px #fff; border-left: solid 2px #fff; margin-top: 4px; margin-left: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

@media (max-width:1280px) {	
	.bf-quick {right: 10px;}
	.bf-quick__level {margin-top: 8px;}

}

@media (max-width:992px) {	
	.bf-quick {display: none;}	
}






.bf-fixed {max-width: 1280px; margin: 0 auto; display: block; background: #05202A; z-index: 20; position: fixed; left: 0; right: 0; bottom: 0; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0;}
.bf-fixed dl {height: 100px; padding: 0 50px; display: flex; justify-content: space-between;}
.bf-fixed dl dt {font-size: 26px; color: #fff; font-weight: 500; line-height: 1.0; position: relative; padding-left: 90px; display: flex; align-items: center;}
.bf-fixed dl dt:before {content: ''; display: block; width: 77px; height: 86px; position: absolute; left: 0; bottom: 0; background: url('https://img.megastudyth.com/event/2024/buffet_ele/fixed_trophy.png')no-repeat center center / cover;}
.bf-fixed dl dd {font-size: 16px; color: #CDD2D4; font-weight: 300; display: flex; align-items: center; line-height: 1.0;}
.bf-fixed dl dd:after {content: ''; display: block; box-sizing: border-box; width: 8px; height: 8px; margin-left: 5px; margin-top: 2px; border-top: solid 2px #CDD2D4; border-right: solid 2px #CDD2D4; -webkit-transform: rotate(45deg); transform: rotate(45deg);}


@media (max-width:1280px) {
	.bf-fixed dl {padding: 0 20px;}
	.bf-fixed dl dt {font-size: 20px;}
	.bf-fixed dl dd {font-size: 14px;}
}

@media (max-width:992px) {	
	.bf-fixed dl dt {font-size: 18px;}
	.bf-fixed dl dd {font-size: 12px;}

}

@media (max-width:768px) {
	.bf-fixed dl {display: block; height: auto; padding: 13px 30px 13px 60px; position: relative;}
	.bf-fixed dl:before {content: ''; display: block; width: 45px; height: 50px; position: absolute; left: 10px; bottom: 0; background: url('https://img.megastudyth.com/event/2024/buffet_ele/fixed_trophy.png')no-repeat center center / cover;}
	.bf-fixed dl:after {content: ''; display: block; position: absolute; right: 15px; top: 50%; margin-top: -4px; box-sizing: border-box; width: 8px; height: 8px; margin-left: 5px; border-top: solid 2px #CDD2D4; border-right: solid 2px #CDD2D4; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.bf-fixed dl dt {padding-left: 0; font-size: 14px;}
	.bf-fixed dl dt:before {display: none;}
	.bf-fixed dl dd {font-size: 10px; margin-top: 5px;}
	.bf-fixed dl dd:after {display: none;}

}







.waves {
  --wave-blank: 5rem;
  --wave-width: 100vw;
  --wave-height: 4rem;
  position: absolute;
  bottom: 0;
  width: var(--wave-width);
  height: calc(var(--wave-height) + var(--wave-blank));
  overflow: hidden;
}
.waves::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: var(--wave-blank);
  background: white;
  display: none;
}
.waves .wave {
  position: absolute;
  bottom: calc(var(--wave-y-offset) * -1);
  width: 200%;
  height: var(--wave-height);
  background: url('https://img.megastudyth.com/event/2024/buffet_ele/wave.svg') 0 0/var(--wave-width) 100%;
  opacity: var(--wave-opacity);
  animation: wave var(--wave-duration) var(--wave-delay) cubic-bezier(0.6, 0.5, 0.4, 0.5) infinite;
}

.waves.sky {bottom: auto; top: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.waves.gry .wave {background: url('https://img.megastudyth.com/event/2024/buffet_ele/wave3.svg') 0 0/var(--wave-width) 100%;}

.waves .wave:nth-child(1) {
  --wave-y-offset: 20px;
  --wave-opacity: 0.7;
  --wave-duration: 7s;
  --wave-delay: -2s;
}
.waves .wave:nth-child(2) {
  --wave-y-offset: 30px;
  --wave-opacity: 0.5;
  --wave-duration: 10s;
  --wave-delay: -4s;
}
.waves .wave:nth-child(3) {
  --wave-y-offset: 40px;
  --wave-opacity: 0.3;
  --wave-duration: 14s;
  --wave-delay: -6s;
}
.waves .wave:nth-child(4) {
  --wave-y-offset: 50px;
  --wave-opacity: 1;
  --wave-duration: 21s;
  --wave-delay: -8s;
}

@keyframes wave {
  from {
    transform: translateX(calc(var(--wave-width) * -1));
  }
  to {
    transform: translateX(0);
  }
}









.bf-crs {padding: 100px 0; background: #FF89A9;}
.bf-crs__pop {display: none; background: rgba(0,0,0,0.6); position: fixed; overflow-y: auto; z-index: 2000; left: 0; right: 0; top: 0; bottom: 0; padding: 30px 20px;}
.bf-crs__pop > div {width: 100%; height: 100%; display: table;}
.bf-crs__pop > div > div {display: table-cell; width: 100%; vertical-align: middle;}
.bf-crs__pop > div > div > div {background: #fff; padding: 20px; box-sizing: border-box; width: 100%; max-width: 800px; margin: 0 auto; overflow: hidden; position: relative; -webkit-border-radius: 16px; border-radius: 16px;}
.bf-crs__close {display: block; width: 56px; height: 56px; background: none; position: absolute; right: 0; top: 0; text-indent: -9999px;}
.bf-crs__close:before,
.bf-crs__close:after {content: ''; display: block; width: 21px; height: 1px; background: #333; position: absolute; left: 50%; top: 50%; margin-left: -11px; margin-top: -1px;}
.bf-crs__close:before {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.bf-crs__close:after {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.bf-crs__title {font-size: 24px; font-weight: 700;}
.bf-crs__list {margin-top: 20px;}
.bf-crs__list > li {border: solid 1px #D8D8D8; margin-bottom: 8px;}
.bf-crs__list > li:last-child {margin-bottom: 0;}
.bf-crs__list > li h5 {padding: 16px; background: #FAFAFA; font-size: 16px; font-weight: 600; color: #222; line-height: 1.4;}
.bf-crs__list > li > ul {padding: 16px;}
.bf-crs__list > li > ul > li {position: relative; padding-left: 10px; margin-bottom: 4px; font-size: 14px; line-height: 1.4;}
.bf-crs__list > li > ul > li:last-child {margin-bottom: 0;}
.bf-crs__list > li > ul > li:before {content: ''; display: block; width: 4px; height: 1px; background: #222; position: absolute; left: 0; top: 10px;}

.bf-crs__top {text-align: center; margin-bottom: 40px; color: #05202A;}
.bf-crs__top h3 {font-size: 44px; font-weight: 700; margin-bottom: 16px;}
.bf-crs__top button {padding: 0 40px; height: 64px; border: solid 1px #000; font-size: 16px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 32px; border-radius: 32px;}
.bf-crs__top button:before {content: ''; display: block; margin-right: 12px; width: 24px; height: 24px; background: url('https://img.megastudyth.com/event/2024/buffet_high/course_info.png')no-repeat center center / cover;}
.bf-crs__top button:after {content: ''; display: block; margin-left: 12px; width: 6px; height: 6px; border-top: solid 2px #000; border-right: solid 2px #000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.bf-crs__group {background: #fff; padding: 48px; margin-bottom: 24px;}
.bf-crs__group:last-child {margin-bottom: 0;}
.bf-crs__title {text-align: center; color: #05202A;}
.bf-crs__title h4 {margin: 12px 0; font-size: 32px; font-weight: 700;}
.bf-crs__title p {font-size: 16px; font-weight: 300;}
.bf-crs__title p {font-size: 16px; font-weight: 300; margin-bottom: 8px;}
.bf-crs__title p strong {font-weight: 500;}
.bf-crs__best {width: 122px; height: 34px; margin: 0 auto; background: linear-gradient(to right,  rgba(255,14,14,1) 0%,rgba(204,0,255,1) 100%); display: flex; align-items: center; justify-content: center; position: relative; -webkit-border-radius: 4px; border-radius: 4px;}
.bf-crs__best em {position: relative; display: block; font-style: normal; font-size: 16px; display: inline-block; font-weight: 700; background-clip: text; -webkit-background-clip: text; color: transparent; background-image: url('https://img.megastudyth.com/event/2024/buffet_high/course_gradient.png'); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative;}
.bf-crs__best:before {content: ''; display: block; top: 2px; bottom: 2px; left: 2px; right: 2px; background: #fff; position: absolute; -webkit-border-radius: 2px; border-radius: 2px;}
.bf-crs__half {padding-top: 32px; margin: 0 -12px; display: flex; justify-content: center;}
.bf-crs__half > div {width: 50%; padding: 0 12px; width: 50%; display: flex; flex-direction: column; position: relative;}
.bf-crs__half.col1 > div {}
.bf-crs__box {border: solid 1px #DBDBDB; border-bottom: none; flex-grow: 1; -webkit-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0;}
.bf-crs__icon {margin-top: -100px;}
.bf-crs__icon img {display: block;}
.bf-crs__icon h4 {font-size: 28px; font-weight: 400; margin-top: 30px; text-align: center; font-weight: 500;}
.bf-crs__cost {padding: 28px; display: flex; align-items: center; justify-content: center;}
.bf-crs__cost h4 {font-size: 28px; font-weight: 400; margin-right: 30px; text-align: center; font-weight: 500;}
.bf-crs__cost p {font-size: 20px; color: #BCBCBC; position: relative; padding-right: 20px; margin-right: 12px;}
.bf-crs__cost p:before {content: ''; display: block; background: #000; height: 2px; position: absolute; top: 50%; margin-top: -1px; left: -12px; right: 0;}
.bf-crs__cost p:after {content: ''; display: block; width: 12px; height: 12px; border-top: solid 2px #000; border-right: solid 2px #000; position: absolute; right: 0; top: 50%; margin-top: -6px; box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.bf-crs__cost h5 {font-size: 32px; font-weight: 700; color: #000;}
.bf-crs__cost.lg p {font-size: 24px;}
.bf-crs__cost.lg h5 {font-size: 40px;}
.bf-crs__cost p.chkin {padding-right: 100px;}
.bf-crs__cost p.chkin span {width: 70px; height: 70px; text-align: center; background: #000; color: #fff; font-size: 12px; font-weight: 500; position: absolute; right: 12px; top: 50%; margin-top: -35px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}

.bf-crs__btn {height: 64px; background: #000; color: #fff !important; font-size: 16px; font-weight: 500; flex-shrink: 0; position: relative; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px;}
.bf-crs__btn span {width: 67px; height: 28px; border: solid 1px #ddd; margin-right: 12px; font-weight: 400; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.bf-crs__btn span.org {border-color: #FFA100; color: #FFA100;}
.bf-crs__btn span.grn {border-color: #2EFFF2; color: #2EFFF2;}
.bf-crs__btn.ipad:after {content: ''; display: block; width: 106px; height: 85px; position: absolute; right: 20px; bottom: 0; background: url('https://img.megastudyth.com/event/2024/buffet_high/course_btn_ipad.png')no-repeat center center / cover;}

@media (max-width:1280px) {
	.bf-crs__group {padding: 48px 24px;}
	.bf-crs__icon h4 {font-size: 20px;}
	.bf-crs__cost h4 {font-size: 24px;}
	.bf-crs__cost.lg p {font-size: 20px;}
	.bf-crs__cost.lg h5 {font-size: 32px;}
}

@media (max-width:992px) {
	.bf-crs__top h3 {font-size: 36px;}
	.bf-crs__top button {padding: 0 24px; height: 48px;}
	.bf-crs__title h4 {font-size: 26px;}
	.bf-crs__title p {font-size: 14px;}
	.bf-crs__half {padding-top: 24px; margin: 0 -4px;}
	.bf-crs__half > div {padding: 0 4px;}
	.bf-crs__icon {margin-top: -60px;}
	.bf-crs__cost h4 {font-size: 18px;}
	.bf-crs__icon img {height: 180px;}
	.bf-crs__icon h4 {font-size: 16px;}	
	.bf-crs__cost p {font-size: 16px !important;}
	.bf-crs__cost h5 {font-size: 24px !important;}
	.bf-crs__cost p.chkin {padding-right: 80px;}
	.bf-crs__cost p.chkin span {width: 60px; height: 60px; font-size: 11px; line-height: 1.1;}
	.bf-crs__btn.ipad:after {right: 0; width: 70px; height: 56px;}
}

@media (max-width:768px) {
	.bf-crs {padding: 64px 0;}
	.bf-crs__top {margin-bottom: 48px;}
	.bf-crs__top h3 {font-size: 22px; margin-bottom: 8px;}
	.bf-crs__top button {padding: 0 16px; height: 40px; font-size: 12px;}
	.bf-crs__top button:before {margin-right: 8px;}
	.bf-crs__top button:after {margin-left: 8px;}
	.bf-crs__title h4 {font-size: 22px;}
	.bf-crs__title p {font-size: 12px;}
	.bf-crs__group {margin: 0 -20px 10px; padding: 32px 16px 40px;}
	.bf-crs__half {margin: 0; display: block;}
	.bf-crs__half > div {padding: 0; width: 100%; margin-bottom: 16px;}
	.bf-crs__half > div:last-child {margin-bottom: 0;}
	.bf-crs__icon {margin-top: -80px;}
	.bf-crs__icon img {height: 140px;}
	.bf-crs__icon h4 {margin-top: 10px;}
	.bf-crs__cost {padding: 16px; flex-wrap: wrap;}
	.bf-crs__cost h4 {width: 100%; margin-right: 0; margin-bottom: 30px; font-size: 16px;}
	.bf-crs__btn {height: 48px;}
}










.pay-boom {display: block; position: absolute; width: 240px; left: -15%; top: -20%; z-index: 1;}
.pay-boom.md {width: 180px; left: -5%; top: -30%;}

@media (max-width:1280px) {
	.pay-boom {width: 180px;}
	.pay-boom.md {left: -70px; top: -40%;}
}

@media (max-width:992px) {
	.pay-boom,
	.pay-boom.md {width: 140px;}
}

@media (max-width:768px) {
	.pay-boom,
	.pay-boom.md {width: 120px; left: -10%;}
}