@charset "utf-8";

#gt {width: 100%; overflow: hidden; color: #333;}
#gt * {box-sizing: border-box;}
#gt img {display: block; max-width: 100%; margin: 0 auto;}
.container {max-width: 1280px; padding-left: 20px; padding-right: 20px;}
.quick-qna,
.quick-line,
.quick-line__mo,
.quick-banner,
.quick-banner__mo {display: none;}

.gt-intro {padding-top: 48px; padding-bottom: 96px; background: #1b2f92 url('https://img.megastudyth.com/event/2023/goldentime/intro_bg.jpg')no-repeat center bottom / cover;}
.gt-intro__top {text-align: center; padding-top: 64px; position: relative; background: url('https://img.megastudyth.com/event/2023/goldentime/intro_clock.png')no-repeat center top / 540px auto;}
.gt-intro__top:before {content: ''; display: block; width: 102px; height: 145px; position: absolute; left: 32px; top: 0; background: url('https://img.megastudyth.com/event/2023/goldentime/intro_bumb.png')no-repeat center center / cover;}
.gt-intro__top span {animation: bounce 0.8s infinite alternate; position: relative; display: inline-flex; background: #f70e80; color: #fff; font-size: 24px; font-weight: 600; padding: 12px 24px; -webkit-border-radius: 30px; border-radius: 30px;}
.gt-intro__top span:after {content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 11px 8px 0 8px; border-color: #f70e7e transparent transparent transparent; position: absolute; top: 100%; left: 50%;  -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.gt-intro__top p {color: #fff; font-size: 36px; font-weight: 600; margin-top: 32px; font-style: italic; line-height: 1.3; -webkit-transform: rotate(-4deg); transform: rotate(-4deg);}
.gt-intro__time {background: #fff; margin-top: 64px; padding: 64px 0 48px; text-align: center; position: relative; -webkit-border-radius: 16px 16px 0 0; border-radius: 16px 16px 0 0;}
.gt-intro__time:before {content: ''; display: block; width: 170px; height: 167px; position: absolute; right: 16px; top: -96px; background: url('https://img.megastudyth.com/event/2023/goldentime/intro_emoji.png')no-repeat center top / cover;}
.gt-intro__time h3 {font-size: 140px; font-style: italic; font-weight: 600; background-clip: text; -webkit-background-clip: text; color: transparent; background-image: url('https://img.megastudyth.com/event/2023/goldentime/intro_mask.png'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.gt-intro__time h4 {font-size: 54px; font-weight: 600; margin-top: 8px;}
.gt-intro__time p {display: inline-flex; font-size: 28px; font-weight: 500; padding: 16px 40px; margin-top: 48px; color: #fff; background: #404040; -webkit-border-radius: 40px; border-radius: 40px;}
.gt-intro__time ul {display: flex; align-items: center; justify-content: center; margin-top: 40px;}
.gt-intro__time ul li {padding: 0 8px; display: flex; align-items: center; justify-content: center;}
.gt-intro__time ul li span {width: 140px; height: 154px; font-size: 120px; font-weight: 600; color: #fff; background: linear-gradient(to bottom,  rgba(64,64,64,1) 50%,rgba(51,51,51,1) 50%,rgba(51,51,51,1) 50%); display: flex; align-items: center; justify-content: center; -webkit-border-radius: 16px; border-radius: 16px;}
.gt-intro__time ul li:nth-child(1):after,
.gt-intro__time ul li:nth-child(4):after,
.gt-intro__time ul li:nth-child(3):after {font-size: 80px; font-weight: 600; margin-left: 16px;}
.gt-intro__time ul li:nth-child(1):after,
.gt-intro__time ul li:nth-child(4):after {content: ':';}
.gt-intro__time ul li:nth-child(3):after {content: '~';}
.gt-intro__gift {padding: 56px 0; -webkit-border-radius: 0 0 16px 16px; border-radius: 0 0 16px 16px; background: url('https://img.megastudyth.com/event/2023/goldentime/intro_box.jpg')no-repeat center center / cover;}
@keyframes bounce {0%{transform: translate3d(0, 0, 0);}100%{transform: translate3d(0px, 20px, 100px);}}

.gt-why {padding-top: 132px; padding-bottom: 102px; background: #1f1f71;}
.gt-why__title {width: 832px; height: 94px; margin: 0 auto; display: flex; background: #fff; overflow: hidden; -webkit-border-radius: 16px; border-radius: 16px;}
.gt-why__title dt {flex-shrink: 0; width: 88px; background: #ffdc3a; font-size: 56px; font-weight: 600; padding-bottom: 16px; display: flex; align-items: center; justify-content: center;}
.gt-why__title dt:after {}
.gt-why__title dd {flex-grow: 1; font-size: 49px; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.gt-why__slider {padding: 0 76px; margin: 0 -76px ;margin-top: 68px;}
.gt-why__slider .slick-arrow {position: absolute; top: 50%; margin-top: -40px; z-index: 1; background: #0f0f38; width: 56px; height: 80px; -webkit-border-radius: 16px; border-radius: 16px; text-indent: -9999px;}
.gt-why__slider .slick-prev {left: 0;}
.gt-why__slider .slick-next {right: 0;}
.gt-why__slider .slick-arrow:after {content: ''; display: block; width: 12px; height: 12px; box-sizing: border-box; position: absolute; left: 50%; top: 50%; margin-top: -6px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.gt-why__slider .slick-prev:after {border-left: solid 2px #fff; border-bottom: solid 2px #fff; margin-left: -2px;}
.gt-why__slider .slick-next:after {border-top: solid 2px #fff; border-right: solid 2px #fff; margin-left: -8px;}
.gt-why__slider .slick-slide {padding: 0 10px;}
.gt-why__student {background: #fff; display: flex !important; -webkit-border-radius: 16px; border-radius: 16px; overflow: hidden;}
.gt-why__student dt {width: 140px; flex-shrink: 0; position: relative;}
.gt-why__student dt em {display: block; height: 234px; -webkit-border-radius: 0 16px 0 0; border-radius: 0 16px 0 0;}
.gt-why__student dt span {display: block; width: 24px; height: 16px; position: absolute; left: 100%; bottom: 0;}
.gt-why__student dt:after {content: ''; position: absolute; left: 100%; bottom: 0; display: block; width: 0; height: 0; border-style: solid; border-width: 0 24px 16px 0; border-color: transparent #ffffff transparent transparent;}
.gt-why__student dd {padding: 32px;}
.gt-why__student dd ul {display: flex;}
.gt-why__student dd ul li {margin-right: 8px;}
.gt-why__student dd ul li:last-child {margin-right: 0;}	
.gt-why__student dd ul li span {border: solid 1px #ddd; -webkit-border-radius: 32px; border-radius: 32px; display: flex; align-items: center; justify-content: center; height: 36px; padding: 0 16px;}
.gt-why__student dd p {margin-top: 15px; font-size: 18px; line-height: 1.4; color: #666;}
.gt-why__student dd p span {color: #1f1f71; font-weight: 700;}
.gt-why__univ {display: flex; align-items: center; justify-content: center; margin-top: 52px;}
.gt-why__univ li {padding: 8px;}
.gt-why__univ li img {display: block;}
.gt-why__text {margin-top: 104px;}
.gt-why__text dt {text-align: center; font-size: 40px; font-weight: 700; color: #fff;}
.gt-why__text dd {margin-top: 32px; font-size: 108px; color: #fff; font-weight: 600; font-style: italic; display: flex; align-items: center; justify-content: center;}
.gt-why__text dd strong {width: 224px; height: 224px; text-indent: -24px; color: #222; font-size: 124px; font-weight: 600; margin-left: 40px; display: flex; align-items: center; justify-content: center; background: url('https://img.megastudyth.com/event/2023/goldentime/why_70.png')no-repeat center center / cover; -webkit-transform: rotate(15deg); transform: rotate(15deg);}

.gt-score {padding-top: 112px; padding-bottom: 80px; background: #e1e7ff;}
.gt-score__title {font-size: 68px; font-weight: 700; text-align: center;}
.gt-score__title br {display: none;}
.gt-score__main {position: relative; margin-top: 56px;}
.gt-score__bumb {position: absolute; left: 0; top: 0; z-index: 1;}
.gt-score__bumb dt,
.gt-score__bumb dd {width: 186px; height: 186px; font-size: 32px; font-weight: 700; color: #fff; text-align: center; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.gt-score__bumb dt {opacity: 1; animation: bumb1 1s step-end infinite; background: url('https://img.megastudyth.com/event/2023/goldentime/score_bumb.png')no-repeat center center / cover;}
.gt-score__bumb dd {opacity: 0; animation: bumb2 1s step-end infinite; background: url('https://img.megastudyth.com/event/2023/goldentime/score_bumb2.png')no-repeat center center / cover;}
.gt-score__cont {margin-top: 64px; background: #fff; padding: 40px; -webkit-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px -16px 24px 0px rgba(0,0,0,0.12); box-shadow: 0px -16px 24px 0px rgba(0,0,0,0.12);}
.gt-score__cont dl {border: solid 1px #333; display: flex; align-items: center; justify-content: center;}
.gt-score__cont dl dt {width: 40%; font-size: 32px; font-weight: 600; text-align: center; display: flex; align-items: center; justify-content: center;}
.gt-score__cont dl dd {width: 60%; font-size: 64px; font-weight: 700; padding: 64px 40px; text-align: center; border-left: solid 1px #333; background: #2752ce; color: #fff; display: flex; align-items: center; justify-content: center;}
.gt-score__cont ul {margin-top: 20px; padding: 40px 0; border: solid 1px #333; display: flex; align-items: center; justify-content: center;}
.gt-score__cont ul li {width: 50%; padding: 40px 40px 0;}
.gt-score__cont ul li:first-child {border-right: solid 1px #333;}
.gt-score__cont ul li img {}
.gt-score__cont ul li p {text-align: center; font-size: 28px; line-height: 1.3; margin-top: 40px;}
.gt-score__cont ul li p strong {display: block; font-weight: 600; color: #2752ce;}
.gt-score__cont h5 {margin-top: 20px; border: solid 1px #333; text-align: center; padding: 24px; font-size: 40px; line-height: 1.2; color: #000; font-weight: 700;}
.gt-score__cont h5 span {color: #ff2462; font-size: 48px; margin-left: 8px;}
@keyframes bumb1 {50% {opacity: 0;}}
@keyframes bumb2 {50% {opacity: 1;}}

.gt-warnning {margin-top: 16px;}
.gt-warnning li {margin-bottom: 8px; display: flex;}
.gt-warnning li:last-child {margin-bottom: 0;}
.gt-warnning li:before {content: '!'; flex-shrink: 0; margin-right: 8px; font-size: 14px; margin-top: -1px; background: #ff2462; color: #fff; font-weight: 700; width: 19px; height: 19px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}
.gt-warnning li span {color: #ff2462; font-weight: 600;}

.gt-btn {padding-top: 56px; margin: 0 -20px; display: flex; align-items: center; justify-content: center;}
.gt-btn li {width: 50%; padding: 0 20px;}
.gt-btn li a {height: 80px; padding: 0 24px; font-size: 32px; font-weight: 600; color: #fff; position: relative; display: flex; align-items: center; justify-content: space-between; -webkit-border-radius: 16px; border-radius: 16px;}
.gt-btn li a:after {content: ''; display: block; width: 58px; height: 4px; background: #fff; align-self: flex-end; margin-bottom: 24px;}
.gt-btn li a:before {content: ''; display: block; width: 20px; height: 4px; background: #fff; position: absolute; right: 23px; bottom: 31px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.gt-btn.score li:nth-child(1) a {background: #333;}
.gt-btn.score li:nth-child(2) a {background: #2131ae;}
.gt-btn.gift li:nth-child(1) a {background: #333;}
.gt-btn.gift li:nth-child(2) a {background: #0082ff;}
		
.gt-gift {padding-top: 64px; padding-bottom: 120px; background: #a7d6fa url('https://img.megastudyth.com/event/2023/goldentime/gift_bg.jpg')no-repeat center bottom / cover;}
.gt-gift__title {text-align: center;}
.gt-gift__title:before {content: ''; display: block; height: 50px; background: url('https://img.megastudyth.com/event/2023/goldentime/event_title_01.png')no-repeat center center / auto 100%;}
.gt-gift__title em {display: block; margin-top: 32px; font-style: normal; font-size: 40px;}
.gt-gift__title h4 {margin-top: 24px; font-size: 68px; font-weight: 700;}
.gt-gift__title h4 span {color: #fdff3b;}
.gt-gift__title p {margin-top: 40px; display: inline-flex; font-size: 28px; padding: 16px 40px; color: #fff; background: #404040; -webkit-border-radius: 40px; border-radius: 40px;}
.gt-gift__main {margin-top: 40px;}

.gt-gift__info {margin-top: 64px; display: flex; -webkit-border-radius: 16px 16px 0 0; border-radius: 16px 16px 0 0; overflow: hidden;}
.gt-gift__info h4 {background: #252e75; color: #fff; font-size: 32px; font-weight: 600; padding: 24px; font-style: italic; flex-shrink: 0; display: flex; align-items: center; justify-content: center; text-align: center;}
.gt-gift__info > div {flex-grow: 1; background: #fff;}
.gt-gift__info dl {padding: 32px;}
.gt-gift__info dl dt {font-size: 24px; font-weight: 600;}
.gt-gift__info dl dd {padding-top: 16px;}
.gt-gift__info dl dd ul {display: flex; flex-wrap: wrap;}
.gt-gift__info dl dd ul li {padding: 12px 0; position: relative; padding-left: 32px;}
.gt-gift__info dl dd ul li:nth-child(odd) {width: 40%;}
.gt-gift__info dl dd ul li:nth-child(even) {width: 60%;}
.gt-gift__info dl dd ul li em {width: 24px; height: 24px; background: #252e75; color: #fff; font-style: normal; font-weight: 600; position: absolute; left: 0; top: 8px; display: flex; align-items: center; justify-content: center; text-align: center; -webkit-border-radius: 50%; border-radius: 50%;}
.gt-gift__info .gt-warnning {background: #f2f2f2; padding: 24px 32px; margin-top: 0;}

.gt-gift__list {padding: 24px 40px; background: #252e75; -webkit-border-radius: 0 0 16px 16px; border-radius: 0 0 16px 16px;}
.gt-gift__list .slick-slide {padding: 8px 10px;}
.gt-gift__list .slick-arrow {position: absolute; top: 50%; margin-top: -25px; z-index: 1; background: none; width: 50px; height: 50px; text-indent: -9999px;}
.gt-gift__list .slick-prev {left: 0;}
.gt-gift__list .slick-next {right: 0;}
.gt-gift__list .slick-arrow:after {content: ''; display: block; width: 24px; height: 24px; box-sizing: border-box; position: absolute; left: 50%; top: 50%; margin-top: -12px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.gt-gift__list .slick-prev:after {border-left: solid 2px #fff; border-bottom: solid 2px #fff; margin-left: -4px;}
.gt-gift__list .slick-next:after {border-top: solid 2px #fff; border-right: solid 2px #fff; margin-left: -18px;}
.gt-gift__list--box {-webkit-border-radius: 16px; border-radius: 16px; overflow: hidden;}
.gt-gift__list--box dt {height: 48px; font-size: 20px; font-weight: 600; background: #0082ff; color: #fff; display: flex; align-items: center; justify-content: center;}
.gt-gift__list--box dt.end {background: #999;}
.gt-gift__list--box dd {height: 136px; background: #fff; font-size: 36px; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.gt-gift__list--box dd strong {font-weight: 600; width: 154px; height: 58px; background: #ff2462; color: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 40px; border-radius: 40px;}

.gt-gift__pop {position: fixed; left: 0; right: 0; top: 0; bottom: 0; padding: 30px; background: rgba(0,18,35,0.9); z-index: 1001; display: none; align-items: center; justify-content: center;}
.gt-gift__pop--box {background: #fff; width: 100%; max-width: 508px; padding-top: 40px; text-align: center; -webkit-border-radius: 16px; border-radius: 16px; overflow: hidden;}
.gt-gift__pop--box h5 {font-size: 36px; font-weight: 700;}
.gt-gift__pop--box p {font-size: 22px; color: #999; margin-top: 24px; margin-bottom: 40px;}
.gt-gift__pop--box img {display: block; margin: 0 auto; width: 100%; max-width: 360px !important;}
.gt-gift__pop--box button {background: #0082ff; color: #fff; height: 68px; font-size: 24px; font-weight: 700; width: 100%; margin-top: 40px; display: flex; align-items: center; justify-content: center; -webkit-appearance:none; appearance:none;}

.gt-review {padding-top: 64px; padding-bottom: 120px; background: url('https://img.megastudyth.com/event/2023/goldentime/review_bg.jpg');}
.gt-review__title {text-align: center; position: relative;}
.gt-review__title:before {content: ''; display: block; height: 50px; background: url('https://img.megastudyth.com/event/2023/goldentime/event_title_02.png')no-repeat center center / auto 100%;}
.gt-review__title:after {content: ''; display: block; width: 153px; height: 153px; top: 50%; left: -200px; position: absolute; background: url('https://img.megastudyth.com/event/2023/goldentime/review_comment.png')no-repeat center center / cover;}
.gt-review__title h4 {display: inline-block; position: relative; font-size: 68px; font-weight: 700; margin-top: 32px;}
.gt-review__title h4:after {content: ''; display: block; width: 90px; height: 86px; position: absolute; right: 0; bottom: 100%; background: url('https://img.megastudyth.com/event/2023/goldentime/review_bell.png')no-repeat center center / cover;}
.gt-review__title p {font-size: 36px; margin-top: 24px; line-height: 1.3;}
.gt-review__main {margin-top: 48px;}
.gt-review__main img {}
.gt-review__box {margin-top: 48px; padding: 20px 20px 40px; background: #333666; display: flex; flex-wrap: wrap; -webkit-border-radius: 16px; border-radius: 16px;}

.gt-review__pantip {width: calc(35% - 20px); margin-right: 20px; border: solid 1px #7976a0; overflow: hidden; display: flex; flex-direction: column; -webkit-border-radius: 16px; border-radius: 16px;}
.gt-review__pantip--top {background: #2d2a47; flex-shrink: 0; display: flex; align-items: center; justify-content: space-between;}
.gt-review__pantip--top img {margin: 0 !important;}
.gt-review__pantip--cont {background: #353156; border-top: solid 1px #7976a0; flex-grow: 1; padding: 24px;}
.gt-review__pantip--cont h5 {font-size: 24px; font-weight: 700; color: #ffdf2e;}
.gt-review__pantip--cont dl {display: flex; align-items: center; margin-top: 32px;}
.gt-review__pantip--cont dl dt {flex-shrink: 0; margin-right: 8px; width: 40px; height: 40px; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%;}
.gt-review__pantip--cont dl dd {flex-grow: 1; font-size: 24px; color: #96ace4; font-size: 12px;}
.gt-review__pantip--cont ul {display: flex; align-items: center; margin-top: 12px;}
.gt-review__pantip--cont ul li {margin-right: 12px; height: 28px; padding: 0 8px; border: solid 1px #91a6dc; font-size: 16px; color: #b7b8bb; font-weight: 600; background: #0d2d60; display: flex; align-items: center; justify-content: center;}
.gt-review__pantip--cont ul li:last-child {margin-right: 0;}
.gt-review__pantip--cont p {font-size: 12px; color: #96ace4; margin-top: 24px; line-height: 1.4;}

.gt-review__dek {width: 65%; background: #fff; display: flex; flex-direction: column; -webkit-border-radius: 16px; border-radius: 16px; overflow: hidden;}
.gt-review__dek--top {flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; height: 60px; background: #f37a01;}
.gt-review__dek--top li {padding: 0 24px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff; font-weight: 600;}
.gt-review__dek--top li img {height: 26px;}
.gt-review__dek--top li:nth-child(1) {flex-shrink: 0; border-right: solid 1px #ff8d1b;}
.gt-review__dek--top li:nth-child(2) {flex-grow: 1; border-left: solid 1px #cb6500; border-right: solid 1px #cb6500;}
.gt-review__dek--top li:nth-child(3) {flex-shrink: 0; border-left: solid 1px #ff8d1b;}
.gt-review__dek--nav {flex-shrink: 0; display: flex; align-items: center; padding: 20px 24px; border-top: solid 2px #9f5912; border-bottom: solid 1px #ddd;}
.gt-review__dek--nav:before {content: ''; display: block; margin-right: 10px; width: 40px; height: 40px; -webkit-border-radius: 50%; border-radius: 50%; background: #af2020 url('https://img.megastudyth.com/event/2023/goldentime/review_dek_icon.png')no-repeat center center / 20px auto;}
.gt-review__dek--nav li {font-size: 20px; color: #999999; font-weight: 600; position: relative; padding-right: 20px; margin-right: 12px;}
.gt-review__dek--nav li:last-child {padding-right: 0; margin-right: 0;}
.gt-review__dek--nav li:after {content: ''; display: block; width: 10px; height: 10px; position: absolute; right: 0; top: 50%; margin-top: -5px; box-sizing: border-box; border-right: solid 2px #ddd; border-bottom: solid 2px #ddd; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.gt-review__dek--nav li:last-child:after {display: none;}
.gt-review__dek--cont {flex-grow: 1; padding: 24px;}
.gt-review__dek--cont h5 {font-size: 32px; color: #f37a01; font-weight: 700; line-height: 1.4;}
.gt-review__dek--cont p {font-size: 20px; line-height: 1.4; margin-top: 16px;}

.gt-review__how {width: 100%; margin-top: 20px; background: #f6f6f6; overflow: hidden; -webkit-border-radius: 16px; border-radius: 16px;}
.gt-review__how .gt-warnning {padding: 16px 24px; background: #f2f2f2; margin-top: 24px;}
.gt-review__info {padding: 0 24px; display: flex;}
.gt-review__info dt {flex-shrink: 0; margin-right: 24px; width: 158px; height: 128px; background: #1f1d33; color: #fff; font-size: 20px; text-align: center; line-height: 1.4; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 0 0 16px 16px; border-radius: 0 0 16px 16px;}
.gt-review__info dd {flex-grow: 1; padding: 24px 0;}
.gt-review__info dd ul {}
.gt-review__info dd ul li {display: flex; margin-bottom: 16px; font-size: 20px; color: #1f1d33;}
.gt-review__info dd ul li:last-child {margin-bottom: 0;}
.gt-review__info dd ul li strong {flex-shrink: 0; width: 34px; height: 34px; margin-top: -6px; font-size: 16px; margin-right: 10px; background: #dae0ed; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}

.gt-review__url {width: 100%; display: flex; flex-wrap: wrap;}
.gt-review__url dt {width: 100%;}
.gt-review__url dt input[type="text"] {font-size: 20px; font-weight: 600; display: block; width: 100%; height: 56px; padding: 0 24px; background: #ddd; border: none; -webkit-appearance:none; appearance:none;}
.gt-review__url dt input[type="text"]::-webkit-input-placeholder{color: #999999;}
.gt-review__url dd {width: 50%;}
.gt-review__url dd a {height: 68px; font-size: 32px; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.gt-review__url dd:nth-child(2) a {background: #e3f1fe; color: #0082ff;}
.gt-review__url dd:nth-child(3) a {background: #0082ff; color: #fff;}

.gt-review__link {width: calc(100% + 20px); margin: 0 -10px; padding-top: 32px; display: flex; align-items: center; justify-content: center;}
.gt-review__link li {width: 50%; padding: 0 10px;}
.gt-review__link li a {height: 80px; text-indent: -9999px; display: flex; align-items: center; justify-content: space-between; -webkit-border-radius: 16px; border-radius: 16px;}
.gt-review__link li:nth-child(1) a {background: #1f1d33 url('https://img.megastudyth.com/event/2023/goldentime/review_btn_pantip.png')no-repeat center center / auto 48px;}
.gt-review__link li:nth-child(2) a {background: #f37a01 url('https://img.megastudyth.com/event/2023/goldentime/review_btn_dek.png')no-repeat center center / auto 48px;}
.gt-review__link li:nth-child(3) a {background: #33ccff url('https://img.megastudyth.com/event/2023/goldentime/review_btn_twitter.png')no-repeat center center / auto 48px;}

.gt-bottom {display: flex; position: fixed; left: 0; right: 0; bottom: 0; width: 100%; max-width: 1240px; z-index: 100; margin: 0 auto; -webkit-border-radius: 16px 16px 0 0; border-radius: 16px 16px 0 0; overflow: hidden; -webkit-box-shadow: 0px -16px 24px 0px rgba(0,0,0,0.12); box-shadow: 0px -16px 24px 0px rgba(0,0,0,0.12);}
.gt-bottom li {width: 33.33%;}
.gt-bottom li a {height: 88px; font-size: 20px; font-weight: 600; text-align: center; line-height: 1.4; display: flex; align-items: center; justify-content: center;}
.gt-bottom li:nth-child(1) a {background: #2131ae; color: #fff;}
.gt-bottom li:nth-child(2) a {background: #e3f1fe; color: #0082ff;}
.gt-bottom li:nth-child(3) a {background: #0082ff; color: #fff;}






@media (max-width:1280px) {
	.gt-intro__top p {font-size: 28px;}
	.gt-intro__time h3 {font-size: 110px;}
	.gt-intro__time h4 {font-size: 44px;}
	.gt-intro__time p {font-size: 22px; padding: 16px 24px; margin-top: 32px;}
	.gt-intro__time ul {margin-top: 40px;}
	.gt-intro__time ul li {padding: 0 8px;}
	.gt-intro__time ul li span {width: 100px; height: 120px; font-size: 100px;}
	.gt-intro__time ul li:nth-child(1):after,
	.gt-intro__time ul li:nth-child(4):after,
	.gt-intro__time ul li:nth-child(3):after {font-size: 60px;}

	.gt-why__title {width: 600px; height: 64px;}
	.gt-why__title dt {width: 64px; font-size: 40px; padding-bottom: 8px;}
	.gt-why__title dd {font-size: 36px;}
	.gt-why__student dd p {font-size: 14px;}
	.gt-why__univ {flex-wrap: wrap;}
	.gt-why__univ li {padding: 4px;}
	.gt-why__text {margin-top: 80px;}
	.gt-why__text dt {font-size: 30px;}
	.gt-why__text dd {margin-top: 32px; font-size: 80px;}
	.gt-why__text dd strong {width: 136px; height: 136px; text-indent: -8px; font-size: 70px; margin-left: 24px;}

	.gt-score__title {font-size: 48px;}
	.gt-score__main {padding: 0 10%;}
	.gt-score__bumb {margin-top: -24px;}
	.gt-score__bumb dt,
	.gt-score__bumb dd {width: 144px; height: 144px; font-size: 20px;}
	.gt-score__cont dl dt {font-size: 24px;}
	.gt-score__cont dl dd {font-size: 32px; padding: 32px 16px;}
	.gt-score__cont ul {padding: 24px 0;}
	.gt-score__cont ul li {padding: 24px 24px 0;}
	.gt-score__cont ul li p {font-size: 20px; margin-top: 40px;}
	.gt-score__cont h5 {padding: 24px; font-size: 30px;}
	.gt-score__cont h5 span {font-size: 38px;}

	.gt-btn {padding-top: 40px; margin: 0 -12px;}
	.gt-btn li {padding: 0 12px;}
	.gt-btn li a {height: 64px; padding: 0 24px; font-size: 24px;}
	.gt-btn li a:after {width: 32px; height: 2px; margin-bottom: 24px;}
	.gt-btn li a:before {width: 12px; height: 2px; bottom: 28px;}

	.gt-gift__title em {font-size: 34px;}
	.gt-gift__title h4 {margin-top: 16px; font-size: 48px;}
	.gt-gift__title p {font-size: 18px; padding: 16px 24px; margin-top: 16px;}
	.gt-gift__main {margin-top: 24px;}
	.gt-gift__list {}

	.gt-review__title h4 {font-size: 48px;}
	.gt-review__title p {font-size: 26px;}

	.gt-bottom li a {height: 72px; font-size: 16px;}

}

@media (max-width:992px) {
	.gt-intro__top span {font-size: 20px; padding: 8px 16px;}
	.gt-intro__top p {font-size: 22px;}
	.gt-intro__time h3 {font-size: 80px;}
	.gt-intro__time h4 {font-size: 32px;}
	.gt-intro__time p {font-size: 16px; padding: 8px 16px; margin-top: 24px;}
	.gt-intro__time ul {margin-top: 24px;}
	.gt-intro__time ul li {padding: 0 4px;}
	.gt-intro__time ul li span {width: 80px; height: 96px; font-size: 70px;}
	.gt-intro__time ul li:nth-child(1):after,
	.gt-intro__time ul li:nth-child(4):after,
	.gt-intro__time ul li:nth-child(3):after {font-size: 40px; margin-left: 8px;}

	.gt-why__title {width: 600px; height: 64px;}
	.gt-why__title dt {width: 64px; font-size: 40px; padding-bottom: 8px;}
	.gt-why__title dd {font-size: 36px;}
	.gt-why__slider {margin-top: 40px;}
	.gt-why__student dt {width: 120px;}
	.gt-why__student dt em {height: 184px;}
	.gt-why__student dd {padding: 16px;}
	.gt-why__student dd ul li {margin-right: 4px;}
	.gt-why__student dd ul li span {height: 24px; font-size: 12px; padding: 0 8px;}
	.gt-why__student dd p {font-size: 13px; margin-top: 8px;}
	.gt-why__univ {flex-wrap: wrap; margin-top: 24px;}
	.gt-why__univ li img {width: 64px;}
	.gt-why__text {margin-top: 48px;}
	.gt-why__text dt {font-size: 20px;}
	.gt-why__text dd {margin-top: 8px; font-size: 60px;}
	.gt-why__text dd strong {width: 80px; height: 80px; font-size: 40px; margin-left: 16px;}

	.gt-score__title {font-size: 36px;}
	.gt-score__cont dl dt {font-size: 16px;}
	.gt-score__cont dl dd {font-size: 20px;}
	.gt-score__cont ul li p {font-size: 16px; margin-top: 24px;}
	.gt-score__cont h5 {font-size: 20px;}
	.gt-score__cont h5 span {font-size: 28px;}

	.gt-btn {padding-top: 32px; margin: 0 -8px;}
	.gt-btn li {padding: 0 8px;}
	.gt-btn li a {font-size: 20px;}

	.gt-gift__title:before {height: 40px;}
	.gt-gift__title em {font-size: 24px; margin-top: 16px;}
	.gt-gift__title h4 {font-size: 36px;}
	.gt-gift__title p {font-size: 16px; padding: 12px 24px;}
	.gt-gift__main {margin-top: 24px;}

	.gt-gift__info {margin-top: 48px;}
	.gt-gift__info h4 {font-size: 24px; padding: 16px;}
	
	.gt-gift__info dl {padding: 24px;}
	.gt-gift__info dl dt {font-size: 20px;}
	.gt-gift__info dl dd {padding-top: 16px;}
	.gt-gift__info dl dd ul {display: flex; flex-wrap: wrap;}
	.gt-gift__info dl dd ul li {padding: 6px 0; padding-left: 24px; font-size: 13px;}
	.gt-gift__info dl dd ul li em {width: 16px; height: 16px; top: 4px; font-size: 12px;}
	.gt-gift__info .gt-warnning {padding: 16px 24px;}

	.gt-gift__list {padding: 12px 40px;}
	.gt-gift__list .slick-slide {padding: 8px;}
	.gt-gift__list--box dt {height: 32px; font-size: 14px;}
	.gt-gift__list--box dd {height: 64px; font-size: 20px;}
	.gt-gift__list--box dd strong {width: 64px; height: 24px; font-size: 14px;}

	.gt-review__title:before {height: 40px;}
	.gt-review__title h4 {font-size: 34px; margin-top: 24px;}
	.gt-review__title h4:after {width: 45px; height: 43px;}
	.gt-review__title p {font-size: 18px;}
	.gt-review__box {margin-top: 24px;}

	.gt-review__pantip {width: calc(45% - 20px);}
	.gt-review__pantip--cont h5 {font-size: 20px;}
	.gt-review__pantip--cont ul li {font-size: 12px;}

	.gt-review__dek {width: 55%;}
	.gt-review__dek--top li {padding: 0 16px; height: 30px; font-size: 16px;}
	.gt-review__dek--top li img {height: 20px;}
	.gt-review__dek--nav {padding: 12px 16px;}
	.gt-review__dek--nav:before {margin-right: 10px; width: 30px; height: 30px; background-size: 14px auto !important;}
	.gt-review__dek--nav li {font-size: 16px; padding-right: 14px; margin-right: 8px;}
	.gt-review__dek--nav li:after {width: 6px; height: 6px; margin-top: -3px;}
	.gt-review__dek--cont h5 {font-size: 20px; line-height: 1.4;}
	.gt-review__dek--cont p {font-size: 14px;}

	.gt-review__how .gt-warnning {margin-top: 0;}
	.gt-review__info dt {margin-right: 24px; width: 120px; height: 96px; font-size: 14px;}
	.gt-review__info dd {flex-grow: 1; padding: 24px 0;}
	.gt-review__info dd ul li {margin-bottom: 16px; font-size: 14px;}
	.gt-review__info dd ul li strong {width: 24px; height: 24px; font-size: 14px;}
	.gt-review__url dt input[type="text"] {font-size: 16px;}
	.gt-review__url dd a {height: 56px; font-size: 24px;}

	.gt-review__link {padding-top: 24px;}
	.gt-review__link li a {height: 64px; background-size: auto 32px !important;}

	.gt-bottom li a {height: 64px; font-size: 14px;}


}

@media (max-width:768px) {
	.gt-intro {padding-bottom: 64px;}
	.gt-intro__top {margin: 0 -20px; padding: 0 20px; background-size: 320px;}
	.gt-intro__top span {font-size: 14px; padding: 8px 12px;}
	.gt-intro__top p {font-size: 18px;}
	.gt-intro__top p br {display: none;}
	.gt-intro__time {margin-top: 48px; padding: 32px 0;}
	.gt-intro__time:before {width: 120px; height: 117px; right: -8px; top: -64px;}
	.gt-intro__time h3 {font-size: 40px;}
	.gt-intro__time h4 {font-size: 20px;}
	.gt-intro__time p {font-size: 11px; padding: 8px 16px; margin-top: 24px; flex-direction: column;}
	.gt-intro__time p span {display: block; font-size: 16px; margin-bottom: 4px;}
	.gt-intro__time ul {margin-top: 16px;}
	.gt-intro__time ul li {padding: 0 2px;}
	.gt-intro__time ul li span {width: 40px; height: 48px; font-size: 34px; -webkit-border-radius: 8px; border-radius: 8px;}
	.gt-intro__time ul li:nth-child(1):after,
	.gt-intro__time ul li:nth-child(4):after,
	.gt-intro__time ul li:nth-child(3):after {font-size: 20px; margin-left: 2px;}
	.gt-intro__gift {padding: 32px 0 16px;}
	.gt-intro__gift img {width: 140%; max-width: 120% !important; margin-left: -10% !important;}

	.gt-why {padding-top: 64px; padding-bottom: 64px;}
	.gt-why__title {width: 100%; height: 48px;}
	.gt-why__title dt {width: 48px; font-size: 24px; padding-bottom: 4px;}
	.gt-why__title dd {font-size: 18px;}
	.gt-why__slider {padding: 0; margin: 0; margin-top: 16px;}
	.gt-why__slider .slick-slide {padding: 0;}
	.gt-why__slider .slick-dots {display: flex; align-items: center; justify-content: center; margin-top: 16px;}
	.gt-why__slider .slick-dots li {margin: 0 4px;}
	.gt-why__slider .slick-dots li button {display: block; width: 8px; height: 8px; background: #eee; text-indent: -9999px; -webkit-border-radius: 50%; border-radius: 50%;}
	.gt-why__slider .slick-dots li.slick-active button {background: #0082ff;}
	.gt-why__univ li img {width: 56px;}
	.gt-why__text {margin-top: 32px;}
	.gt-why__text dt {font-size: 16px;}
	.gt-why__text dd {font-size: 32px;}
	.gt-why__text dd strong {width: 56px; height: 56px; font-size: 30px; margin-left: 8px;}
	
	.gt-score {padding-top: 64px; padding-bottom: 64px;}
	.gt-score__title {font-size: 28px;}
	.gt-score__title br {display: block;}
	.gt-score__main {padding: 0;}
	.gt-score__bumb {margin-top: -24px;}
	.gt-score__bumb dt,
	.gt-score__bumb dd {width: 96px; height: 96px; font-size: 16px;}
	.gt-score__cont {margin-top: 32px; padding: 16px;}
	.gt-score__cont dl dt {font-size: 12px; padding: 16px 8px;}
	.gt-score__cont dl dd {font-size: 18px;}
	.gt-score__cont ul {margin-top: 16px; flex-direction: column; padding: 0 16px;}
	.gt-score__cont ul li {width: 100%; padding: 32px 16px;}
	.gt-score__cont ul li:first-child {border-right: none; border-bottom: solid 1px #333;}
	.gt-score__cont ul li p {font-size: 14px; margin-top: 16px;}
	.gt-score__cont h5 {font-size: 16px;}
	
	.gt-warnning {margin-top: 16px;}
	.gt-warnning li {font-size: 13px;}
	.gt-btn {display: block; margin: 0;}
	.gt-btn li {width: 100%; padding: 0; margin-bottom: 8px;}
	.gt-btn li:last-child {margin-bottom: 0;}
	.gt-btn li a {height: 56px; font-size: 18px;}
	
	.gt-gift {padding-bottom: 64px;}
	.gt-gift__title:before {height: 30px;}
	.gt-gift__title em {font-size: 18px;}
	.gt-gift__title h4 {font-size: 30px;}
	.gt-gift__title p {font-size: 12px; padding: 8px 16px;}
	.gt-gift__main {margin-top: 16px; margin-left: -20px; margin-right: -20px;}
	.gt-gift__main img {width: 120% !important; max-width: 120% !important; margin-left: -10% !important;}
	
	.gt-gift__info {display: block;}
	.gt-gift__info h4 {font-size: 18px; padding: 12px;}
	.gt-gift__info h4 br {display: none;}
	.gt-gift__info dl {padding: 16px;}
	.gt-gift__info dl dt {font-size: 16px; text-align: center;}
	.gt-gift__info dl dd ul {display: block;}
	.gt-gift__info dl dd ul li {width: 100% !important; padding: 6px 0; padding-left: 24px; font-size: 13px;}
	.gt-gift__info dl dd ul li em {width: 16px; height: 16px; top: 4px; font-size: 12px;}
	.gt-gift__info .gt-warnning {padding: 16px 24px;}


	.gt-gift__list {padding: 12px 30px;}
	.gt-gift__list .slick-slide {padding: 4px;}
	.gt-gift__list .slick-arrow {margin-top: -16px; width: 32px; height: 32px;}
	.gt-gift__list .slick-arrow:after {width: 16px; height: 16px; margin-top: -8px;}
	.gt-gift__list .slick-prev:after {margin-left: -4px;}
	.gt-gift__list .slick-next:after {margin-left: -12px;}

	.gt-gift__pop--box h5 {font-size: 26px;}
	.gt-gift__pop--box p {font-size: 16px; margin-top: 8px; margin-bottom: 24px;}
	.gt-gift__pop--box img {width: 90%;}
	.gt-gift__pop--box button {height: 48px; font-size: 20px; margin-top: 24px;}
	
	.gt-review {padding-bottom: 64px;}
	.gt-review__title:before {height: 30px;}
	.gt-review__title h4 {font-size: 26px; margin-top: 24px;}
	.gt-review__title p {font-size: 14px; margin-top: 16px;}
	.gt-review__main {margin-top: 24px;}
	.gt-review__main img {width: 120% !important; max-width: 120% !important; margin-left: -10% !important;}

	.gt-review__box {margin-top: 24px;}
	.gt-review__pantip {width: 100%; margin-right: 0;}
	.gt-review__pantip--top img {height: 48px;}
	.gt-review__pantip--cont {padding: 16px;}
	.gt-review__pantip--cont h5 {font-size: 18px;}
	.gt-review__pantip--cont dl {margin-top: 16px;}
	.gt-review__pantip--cont ul li {font-size: 12px;}
	.gt-review__pantip--cont p {margin-top: 16px;}

	.gt-review__dek {width: 100%; margin-top: 20px;}
	.gt-review__dek--top {height: 40px;}
	.gt-review__dek--top li {padding: 0 8px; height: 24px; font-size: 13px;}
	.gt-review__dek--top li img {height: 16px;}
	.gt-review__dek--nav {padding: 8px 12px;}
	.gt-review__dek--nav:before {margin-right: 8px; width: 24px; height: 24px; background-size: 12px auto !important;}
	.gt-review__dek--nav li {font-size: 14px;}
	.gt-review__dek--cont {padding: 16px;}
	.gt-review__dek--cont h5 {font-size: 16px; line-height: 1.3;}
	.gt-review__dek--cont p {font-size: 13px; margin-top: 8px;}

	.gt-review__how .gt-warnning {margin-top: 0;}
	.gt-review__info {display: block; padding: 0 16px;}
	.gt-review__info dt {margin-right: 24px; width: 160px; height: 36px; font-size: 13px;}
	.gt-review__info dt br {display: none;}
	.gt-review__info dd {flex-grow: 1; padding: 16px 0;}
	.gt-review__info dd ul li {margin-bottom: 8px; font-size: 13px;}
	.gt-review__url dt input[type="text"] {font-size: 14px; padding: 0 12px; height: 48px;}
	.gt-review__url dd a {height: 48px; font-size: 15px;}

	.gt-review__link {width: calc(100% + 10px); margin: 0 -5px; padding-top: 16px;}
	.gt-review__link li {padding: 0 5px;}
	.gt-review__link li a {height: 40px; background-size: auto 20px !important; -webkit-border-radius: 8px; border-radius: 8px;}

	.gt-bottom li a {height: 56px; font-size: 11px; padding: 0 8px; line-height: 1.2;}

}



@media (max-width:320px) {
	.gt-intro__top p {font-size: 16px;}
	.gt-intro__time h3 {font-size: 36px;}
	.gt-intro__time h4 {font-size: 16px;}
	.gt-intro__time ul li span {width: 32px; height: 40px; font-size: 30px;}

	.gt-why__title dt {width: 40px; font-size: 20px;}
	.gt-why__title dd {font-size: 14px;}
	.gt-why__student dd {padding: 8px;}
	.gt-why__student dd ul li span {font-size: 10px;}
	.gt-why__student dd p {font-size: 11px;}
	.gt-why__univ li img {width: 48px;}

	.gt-why__text {margin-top: 24px;}
	.gt-why__text dt {font-size: 14px;}
	.gt-why__text dd {font-size: 24px;}

	.gt-review__title h4 {font-size: 22px;}
	.gt-review__pantip--top img {height: 32px;}
	.gt-review__dek--top {height: 40px;}
	.gt-review__dek--top li {font-size: 12px;}
	.gt-review__url dd a {height: 40px; font-size: 13px;}
	.gt-review__link li a {background-size: auto 16px !important;}
}