@charset "utf-8";

#gongmu {width: 100%; overflow: hidden; color: #000; line-height: 1.3; letter-spacing: -0.025rem;}
#gongmu * {box-sizing: border-box;}
#gongmu img {display: block; max-width: 100%; margin: 0 auto;}
#gongmu button {-webkit-appearance: none; appearance: none;}
.quick-bot {display: none;}



.gm-top {padding: 80px 0; background: url('https://img.megastudyth.com/gongmu/main/top_bg.jpg')no-repeat center center / cover;}
.gm-top__slogan {display: flex; justify-content: space-around; align-items: center;}
.gm-top__slogan li {color: #E6857E; text-align: center; font-size: 20px;}
.gm-top__main {margin-top: 32px; text-align: center;}
.gm-top__main > div {display: inline-block; position: relative;}
.gm-top__main img {position: relative; z-index: 1;}
.gm-top__badge {position: absolute; left: 100%; top: 0; width: 198px; height: 198px; margin-left: -88px; padding-top: 1%; text-align: center; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; background: url('https://img.megastudyth.com/gongmu/main/top_badge.png')no-repeat center center / cover;}
.gm-top__badge strong {display: block; font-size: 20px; font-weight: 500; line-height: 1.0;}
.gm-top__btn {margin-top: -240px; position: relative; z-index: 1;}
.gm-top__btn a {width: 408px; height: 70px; font-size: 16px; color: #fff; font-weight: 500; margin: 0 auto; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 40px; border-radius: 40px; background: linear-gradient(270deg, #A3A2DB -1.72%, rgba(163, 162, 219, 0) 27.44%), linear-gradient(289.12deg, #E6857E 37.37%, rgba(230, 133, 126, 0) 80.67%), linear-gradient(0deg, #FFFFFF, #FFFFFF);}
.gm-top__text {text-align: center; color: #fff; margin-top: 48px; position: relative; z-index: 1;}
.gm-top__text h3 {font-size: 40px; font-weight: 700; color: #fff;}
.gm-top__text p {font-size: 24px; margin-top: 8px;}
.gm-top__text span {color: #FF8B82; font-weight: 600;}
.gm-slogan {padding: 40px 0;}
.gm-slogan h3 {font-size: 40px; color: #fff; text-align: center; font-weight: 400;}
.gm-slogan h3 strong {font-weight: 700;}
.gm-slogan.nvy {background: #1A1A58;}
.gm-slogan.nvy span {color: #FF8B82;}
.gm-slogan.red {background: #F17373;}
.gm-slogan.red span {color: #770100;}

@media (max-width: 1200px){
	.gm-top__slogan li {font-size: 16px;}
	.gm-top__badge {left: auto; right: 0; width: 136px; height: 136px;}
	.gm-top__badge strong {font-size: 14px;}
	.gm-top__btn a {width: 280px; height: 56px;}
	.gm-top__text {margin-top: 24px;}
	.gm-top__text h3 {font-size: 36px;}
	.gm-top__text p {font-size: 18px;}
	.gm-slogan h3 {font-size: 34px;}
}

@media (max-width: 992px){
	.gm-top__slogan li {font-size: 14px;}
	.gm-top__badge {right: -16px; width: 106px; height: 106px;}
	.gm-top__badge strong {font-size: 12px;}
	.gm-top__btn {margin-top: -160px;}
	.gm-top__btn a {width: 200px; height: 48px;}
	.gm-top__text {margin-top: 16px;}
	.gm-top__text h3 {font-size: 30px;}
	.gm-top__text p {font-size: 14px;}
	.gm-slogan {padding: 24px 0;}
	.gm-slogan h3 {font-size: 26px;}
}

@media (max-width: 768px){
	.gm-top {padding: 48px 0;}
	.gm-top__slogan {justify-content: space-between;}
	.gm-top__slogan li {font-size: 10px;}
	.gm-top__main {margin-top: 16px;}
	.gm-top__badge {top: 40%; right: -16px; width: 80px; height: 80px;}
	.gm-top__badge strong {font-size: 9px; font-weight: 400;}
	.gm-top__btn {margin-top: -64px;}
	.gm-top__btn a {width: 160px; height: 40px; font-size: 14px;}
	.gm-top__text h3 {font-size: 24px;}
	.gm-top__text p {font-size: 12px;}
	.gm-slogan {padding: 24px 0;}
	.gm-slogan h3 {font-size: 18px;}
}





.gm-inq {padding: 100px 0; background: #4340CD;}
.gm-inq__title {text-align: center;}
.gm-inq__title h5 {font-size: 44px; font-weight: 700; margin-top: 10px; color: #fff;}
.gm-inq__title p {margin-top: 50px; font-size: 22px; color: #d9d9f5;}
.gm-inq__title p strong {display: block; font-size: 30px; font-weight: 600;}
.gm-inq__inner {max-width: 560px; margin: 0 auto; padding-top: 30px;}
.gm-inq__box {background: #fff; border: solid 2px #D7D7D7; padding: 40px 30px; margin: 0 auto; -webkit-border-radius: 20px; border-radius: 20px;}
.gm-inq__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%;}
.gm-inq__box label:not([type='radio'] + label) {display: block; font-size: 15px; margin-top: 20px; margin-bottom: 10px;}
.gm-inq__box li {margin-bottom: 5px; position: relative;}
.gm-inq__box li:last-child {margin-bottom: 0; margin-top: 20px;}
.gm-inq__box li:first-child label {margin-top: 0;}
.gm-inq__box input:not([type='radio']),
.gm-inq__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;}
.gm-inq__box input {padding: 0 10px;}
.gm-inq__box select {padding-left: 10px; padding-right: 40px; background: none; cursor: pointer;}
.gm-inq__box input:focus,
.gm-inq__box select:focus {border-width: 2px; border-color: #0082ff;}
.gm-inq__box input[type='radio'] {margin-right: 5px;}
.gm-inq__box input[type='radio'] + label {margin-right: 15px; cursor: pointer;}
.gm-inq__rdo {display: flex; margin-top: 24px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden;}
.gm-inq__rdo input[type='radio'] {display: none;}
.gm-inq__rdo input[type='radio'] + label {width: 50%; height: 52px; margin-right: 0; background: #f2f2f2; color: #999; display: flex; align-items: center; justify-content: center;}
.gm-inq__rdo input[type='radio']:checked + label {background: #4340CD; color: #fff;}
.gm-inq__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);}
.gm-inq__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) {
	.gm-inq {padding: 80px 0;}
	.gm-inq__title h5 {font-size: 40px;}
	.gm-inq__title p {margin-top: 40px; font-size: 18px;}
	.gm-inq__title p strong {font-size: 26px;}
	.gm-inq__inner {padding-top: 20px;}
}

@media (max-width:992px) {
	.gm-inq__title h5 {font-size: 30px;}
	.gm-inq__title p {margin-top: 30px; font-size: 14px;}
	.gm-inq__title p strong {font-size: 20px;}
}

@media (max-width:768px) {
	.gm-inq {padding: 48px 0;}
	.gm-inq__title h5 {font-size: 22px;}
	.gm-inq__title p {margin-top: 20px; font-size: 12px;}
	.gm-inq__title p strong {font-size: 16px;}
	.gm-inq__inner {padding-top: 10px;}
	.gm-inq__box {padding: 30px 20px; -webkit-border-radius: 12px; border-radius: 12px;}
	.gm-inq__box label:not([type='radio'] + label) {font-size: 12px; margin-top: 10px; margin-bottom: 5px;}
	.gm-inq__box input:not([type='radio']),
	.gm-inq__box select {height: 40px;}
	.gm-inq__rdo input[type='radio'] + label {height: 40px; font-size: 12px;}
	.gm-inq__btn button {height: 50px; font-size: 16px; margin-top: 10px;}
}

@media (max-width:320px) {
	.gm-inq__title h5 {font-size: 18px;}
	.gm-inq__title p {margin-top: 10px; font-size: 11px;}
	.gm-inq__title p strong {font-size: 14px;}
}






.gm-tch {padding-top: 100px; background: url('https://img.megastudyth.com/gongmu/main/tch_bg.jpg')no-repeat center center / cover;}
.gm-tch__title {text-align: center;}
.gm-tch__title h3 {font-size: 48px; font-weight: 600; color: #fff;}
.gm-tch__title h3 span {color: #822B2B;}
.gm-tch__title p {font-size: 24px; margin-top: 24px; color: #fff; font-weight: 300;}
.gm-tch__title p span {color: #822B2B;}
.gm-tch__wrap {margin-top: 40px;}
.gm-tch__slogan {display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: -480px;}
.gm-tch__slogan ul {width: 50%; padding: 48px; display: flex; flex-direction: column; justify-content: center; -webkit-border-radius: 12px; border-radius: 12px;}
.gm-tch__slogan ul:first-child {align-items: flex-start; background: linear-gradient(90deg, rgba(220, 41, 41, 0.33) 0%, rgba(220, 41, 41, 0) 86.53%); padding-right: 128px;}
.gm-tch__slogan ul:last-child {align-items: flex-end; background: linear-gradient(270deg, rgba(220, 41, 41, 0.33) 4.79%, rgba(220, 41, 41, 0) 100%); padding-left: 128px; margin-top: 10%;}
.gm-tch__slogan ul li {margin-bottom: 48px;}
.gm-tch__slogan ul li:last-child {margin-bottom: 0;}
.gm-tch__slogan ul li h5 {height: 60px; background: #fff; padding: 0 24px; text-align: center; line-height: 1.1; font-size: 24px; font-weight: 900; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 40px; border-radius: 40px;}
.gm-tch__slogan ul:first-child li h5 {color: #E35F85;}
.gm-tch__slogan ul:last-child li h5 {color: #6461F2;}
.gm-tch__slogan ul li p {font-size: 20px; color: #FFDAD8; margin-top: 12px; font-weight: 300;}
.gm-tch__slogan ul:first-child li p {padding-left: 10px;}
.gm-tch__slogan ul:last-child li p {padding-right: 10px; text-align: right;}
.gm-tch__slider {width: 100%;}
.gm-tch__slider .slick-dots {display: flex; align-items: center; position: absolute; bottom: 130px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.gm-tch__slider .slick-dots li {margin: 0 3px;}
.gm-tch__slider .slick-dots li button {display: block; width: 6px; height: 6px; text-indent: -9999px; background: rgba(0,0,0,0.2); -webkit-border-radius: 50%; border-radius: 50%;}
.gm-tch__slider .slick-dots li.slick-active button {background: #000;}
.gm-tch__cont p {padding: 8px 16px; background: rgba(58,41,125,70%); color: #fff; font-weight: 300; display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; bottom: 150px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 6px; border-radius: 6px;}
.gm-tch__cont p strong {font-size: 24px; font-weight: 500;}

@media (max-width: 1200px){
	.gm-tch {padding-top: 80px;}
	.gm-tch__slogan {margin-bottom: -400px;}
	.gm-tch__slogan ul {padding: 32px;}
	.gm-tch__slogan ul li h5 {font-size: 16px; height: 48px; font-weight: 700;}
	.gm-tch__slogan ul li p {font-size: 16px;}
}

@media (max-width: 992px){
	.gm-tch {padding-top: 64px;}
	.gm-tch__title h3 {font-size: 34px;}
	.gm-tch__title p {font-size: 20px; margin-top: 16px;}
	.gm-tch__slogan {margin-bottom: -320px;}
	.gm-tch__slogan ul {padding: 24px;}
	.gm-tch__slogan ul li h5 {font-size: 14px; height: 40px;}
	.gm-tch__slogan ul li p {font-size: 13px;}

}

@media (max-width: 768px){
	.gm-tch {padding-top: 48px;}
	.gm-tch__title h3 {font-size: 26px;}
	.gm-tch__title p {font-size: 14px; margin-top: 8px;}
	.gm-tch__wrap {margin-top: 24px;}
	.gm-tch__slogan {margin-bottom: 8px;}
	.gm-tch__slogan ul {width: 100%; display: block; padding: 16px;}
	.gm-tch__slogan ul:first-child {padding-right: 24px;}
	.gm-tch__slogan ul:last-child {padding-left: 24px; margin-top: 8px;}
	.gm-tch__slogan ul li {margin-bottom: 8px; display: flex; flex-direction: column; align-items: flex-start;}
	.gm-tch__slogan ul li:last-child {align-items: flex-end;}
	.gm-tch__slogan ul li:last-child p {padding-left: 0; padding-right: 10px;}
	.gm-tch__slogan ul li h5 {font-size: 13px; height: 32px;}
	.gm-tch__slogan ul li p {font-size: 12px; margin-top: 6px;}
	.gm-tch__slider .slick-dots {bottom: 30px;}
	.gm-tch__cont p {bottom: 50px; font-size: 12px; padding: 4px 8px;}
	.gm-tch__cont p strong {font-size: 18px;}
}





.gm-rvw {padding-top: 100px; padding-bottom: 120px; background: #DCDCFF;}
.gm-rvw__title {text-align: center;}
.gm-rvw__title p {font-size: 24px;}
.gm-rvw__title h3 {font-size: 48px; font-weight: 600; margin-top: 24px;}
.gm-rvw__title h3 span {color: #524FCD;}
.gm-rvw__slider {margin-top: 24px;}
.gm-rvw__slider,
.gm-rvw__slider .slick-list {overflow: visible;}
.gm-rvw__slider .slick-track {display: flex;}
.gm-rvw__slider .slick-slide {padding: 0 8px; float: none; height: auto;}
.gm-rvw__slider .slick-slide > div {height: 100%;}
.gm-rvw__box {background: #fff; padding: 32px; height: 100%; width: 372px !important; display: flex !important; flex-direction: column; -webkit-border-radius: 16px; border-radius: 16px;}
.gm-rvw__box h5 {font-size: 24px; color: #524FCD; font-weight: 700; flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; height: 2.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gm-rvw__box p {font-size: 20px; color: #7E7EBF; margin-top: 16px; flex-grow: 1;}
.gm-rvw__box dl {margin-top: 16px; display: flex; align-items: center; flex-shrink: 0;}
.gm-rvw__box dl dt {width: 46px; margin-right: 10px;}
.gm-rvw__box dl dt img {}
.gm-rvw__box dl dd {color: #7C7C7C; font-weight: 300;}

@media (max-width: 1200px){
	.gm-rvw {padding-top: 80px; padding-bottom: 100px;}
	
}

@media (max-width: 992px){
	.gm-rvw {padding-top: 64px; padding-bottom: 80px;}
	.gm-rvw__title p {font-size: 20px;}
	.gm-rvw__title h3 {font-size: 40px; margin-top: 16px;}
	.gm-rvw__box {padding: 24px; width: 320px !important;}
	.gm-rvw__box h5 {font-size: 20px;}
	.gm-rvw__box p {font-size: 16px;}
}

@media (max-width: 768px){
	.gm-rvw {padding-top: 48px; padding-bottom: 48px;}
	.gm-rvw__title p {font-size: 14px;}
	.gm-rvw__title h3 {font-size: 26px; margin-top: 8px;}
	.gm-rvw__slider {margin-top: 16px;}
	.gm-rvw__box {padding: 16px; width: 240px !important;}
	.gm-rvw__box h5 {font-size: 15px;}
	.gm-rvw__box p {font-size: 12px; margin-top: 8px;}
	.gm-rvw__box dl {margin-top: 8px;}
	.gm-rvw__box dl dt {width: 32px;}
	.gm-rvw__box dl dd {font-size: 11px;}
}







.gm-prv {padding: 100px 0;}
.gm-prv__title {text-align: center;}
.gm-prv__title h3 {font-size: 48px; font-weight: 600;}
.gm-prv__title h3 span {color: #F17373;}
.gm-prv__title p {font-size: 24px; margin-top: 12px;}
.gm-prv__tab {margin-top: 32px; border-bottom: solid 1px #D3D3D3; display: flex;}
.gm-prv__tab li {margin-bottom: -1px; flex: auto}
.gm-prv__tab li button {height: 64px; width: 100%; font-size: 18px; color: #B0B0B0; font-weight: 300; display: flex; align-items: center; justify-content: center; position: relative;}
.gm-prv__tab li button.active:after {content: ''; display: block; height: 6px; position: absolute; left: 0; right: 0; bottom: 0;}
.gm-prv__tab li button strong {margin-left: 4px; font-weight: 600;}
.gm-prv__tab li:nth-child(1) button.active {color: #524FCD;}
.gm-prv__tab li:nth-child(1) button.active:after {background: #524FCD;}
.gm-prv__tab li:nth-child(2) button.active {color: #524FCD;}
.gm-prv__tab li:nth-child(2) button.active:after {background: #524FCD;}
.gm-prv__tab li:nth-child(3) button.active {color: #F17373;}
.gm-prv__tab li:nth-child(3) button.active:after {background: #F17373;}
.gm-prv__tab li:nth-child(4) button.active {color: #F17373;}
.gm-prv__tab li:nth-child(4) button.active:after {background: #F17373;}
.gm-prv__tab li:nth-child(5) button.active {color: #CC2F96;}
.gm-prv__tab li:nth-child(5) button.active:after {background: #CC2F96;}
.gm-prv__tab li:nth-child(6) button.active {color: #00D322;}
.gm-prv__tab li:nth-child(6) button.active:after {background: #00D322;}
.gm-prv__tab li:nth-child(7) button.active {color: #73BCF1;}
.gm-prv__tab li:nth-child(7) button.active:after {background: #3DABFA;}
.gm-prv__cont {display: flex; -webkit-border-radius: 12px; border-radius: 12px; background: linear-gradient(360deg, #F5F6FD 0%, rgba(239, 240, 247, 0) 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF);}
.gm-prv__profile {width: 50%; order: 2; padding: 40px 40px 0;}
.gm-prv__detail {width: 50%; padding: 40px;}
.gm-prv__text p {font-size: 20px;}
.gm-prv__text p strong {}
.gm-prv__text h5 {font-size: 28px; font-weight: 400; margin-top: 8px;}
.gm-prv__text h5 strong {font-weight: 700;}
.gm-prv__video {margin-top: 24px;}
.gm-prv__video dt {padding: 20px; background: #EDEDED; display: flex; align-items: center; -webkit-border-radius: 24px 24px 0 0; border-radius: 24px 24px 0 0;}
.gm-prv__video dt em {width: 46px; flex-shrink: 0; margin-right: 10px;}
.gm-prv__video dt div {flex-grow: 1;}
.gm-prv__video dt h5 {font-size: 16px; font-weight: 600; color: #707070;}
.gm-prv__video dt p {font-size: 12px; color: #535353; margin-top: 4px;}
.gm-prv__video dd {padding-bottom: 56.25%; position: relative;}
.gm-prv__video dd iframe {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

@media (max-width: 1200px){
	.gm-prv {padding: 80px 0;}
	.gm-prv__title h3 {font-size: 40px;}
	.gm-prv__title p {font-size: 20px;}
	.gm-prv__tab li button {font-size: 16px;}
	.gm-prv__profile {padding: 40px 0 0 16px;}
	.gm-prv__detail {padding: 40px 16px 0;}
	.gm-prv__text p {font-size: 16px;}
	.gm-prv__text h5 {font-size: 20px;}
	.gm-prv__video dt {padding: 12px;}
	.gm-prv__video dt h5 {font-size: 13px;}
	.gm-prv__video dt p {font-size: 10px;}
}

@media (max-width: 992px){
	.gm-prv {padding: 64px 0;}
	.gm-prv__title h3 {font-size: 32px;}
	.gm-prv__title p {font-size: 16px;}
	.gm-prv__tab li button {font-size: 14px;}
}

@media (max-width: 768px){
	.gm-prv {padding: 48px 0;}
	.gm-prv__title h3 {font-size: 26px;}
	.gm-prv__title p {font-size: 14px;}
	.gm-prv__tab {flex-wrap: wrap; border-bottom: none; border-top: solid 1px #D3D3D3; border-left: solid 1px #D3D3D3;}
	.gm-prv__tab li {width: 33.3333%; border-right: solid 1px #D3D3D3; border-bottom: solid 1px #D3D3D3;}
	.gm-prv__tab li button {font-size: 12px; height: 40px;}
	.gm-prv__tab li button.active {color: #fff !important;}
	.gm-prv__tab li:nth-child(1) button.active {background: #524FCD;}
	.gm-prv__tab li:nth-child(1) button.active:before {border-color: #524FCD;}
	.gm-prv__tab li:nth-child(2) button.active {background: #524FCD;}
	.gm-prv__tab li:nth-child(2) button.active:before {border-color: #524FCD;}
	.gm-prv__tab li:nth-child(3) button.active {background: #F17373;}
	.gm-prv__tab li:nth-child(3) button.active:before {border-color: #F17373;}
	.gm-prv__tab li:nth-child(4) button.active {background: #F17373;}
	.gm-prv__tab li:nth-child(4) button.active:before {border-color: #F17373;}
	.gm-prv__tab li:nth-child(5) button.active {background: #CC2F96;}
	.gm-prv__tab li:nth-child(5) button.active:before {border-color: #CC2F96;}
	.gm-prv__tab li:nth-child(6) button.active {background: #00D322;}
	.gm-prv__tab li:nth-child(6) button.active:before {border-color: #73BCF1;}
	.gm-prv__tab li:nth-child(7) button.active {background: #73BCF1;}
	.gm-prv__tab li button.active:before {content: ''; display: block; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px;}
	.gm-prv__tab li button.active:after {display: none;}
	.gm-prv__cont {padding: 0; margin-top: 24px; display: block; background: none;}
	.gm-prv__profile {width: 100%; padding: 0 10%;}
	.gm-prv__detail {width: 100%; padding: 0; margin-top: 24px;}
	.gm-prv__text {text-align: center;}
	.gm-prv__text p {font-size: 12px;}
	.gm-prv__text h5 {font-size: 16px;}
}








.gm-ref {padding-top: 100px; background: url('https://img.megastudyth.com/gongmu/main/refund_bg.jpg')no-repeat center center / cover;}
.gm-ref__title {text-align: center;}
.gm-ref__title h3 {font-size: 40px; font-weight: 400; color: #fff;}
.gm-ref__title h3 strong {font-weight: 700;}
.gm-ref__title h3 span {color: #F17373;}
.gm-ref__msion {display: flex; max-width: 1040px; margin: 24px auto 0; padding: 56px; -webkit-border-radius: 16px; border-radius: 16px; position: relative; background: rgba(0, 0, 0, 0.3); box-shadow: 0px 4.888360977172852px 29.33016586303711px 0px rgba(0, 0, 0, 0.05);}
.gm-ref__msion li {width: 50%; border-right: solid 1px rgba(255,255,255,0.1); text-align: center;}
.gm-ref__msion li:last-child {border-right: none;}
.gm-ref__msion li span {font-size: 16px; color: #E19596; font-weight: 700;}
.gm-ref__msion li h5 {font-size: 32px; color: #fff; font-weight: 700; margin-top: 8px;}
.gm-ref__msion li img {margin-top: 24px !important; width: 140px;}
.gm-ref__msion:after {content: 'หากสอบไม่ผ่าน'; height: 62px; padding: 0 24px; background: #F17373; color: #fff; font-size: 24px; font-weight: 600; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px;}
.gm-ref__100 {margin-top: 40px;}

@media (max-width: 1200px){
	.gm-ref {padding-top: 80px;}
}

@media (max-width: 992px){
	.gm-ref {padding-top: 64px;}
	.gm-ref__title h3 {font-size: 32px;}
	.gm-ref__msion li h5 {font-size: 26px;}
	.gm-ref__msion:after {font-size: 20px; height: 48px;}
	.gm-ref__100 {margin-top: 32px;}
}

@media (max-width: 768px){
	.gm-ref {padding-top: 48px;}
	.gm-ref__title h3 {font-size: 22px;}
	.gm-ref__msion {padding: 40px 16px 24px;}
	.gm-ref__msion li span {font-size: 12px;}
	.gm-ref__msion li h5 {font-size: 16px;}
	.gm-ref__msion li img {margin-top: 8px !important; width: 64px;}
	.gm-ref__msion:after {font-size: 12px; height: 32px; padding: 0 16px; font-weight: 400; -webkit-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px;}
	.gm-ref__100 {margin-top: 24px;}
}






.gm-rsn {padding: 100px 0; background: #F0F0F0;}
.gm-rsn__title {text-align: center; margin-top: 100px; margin-bottom: 32px;}
.gm-rsn__title.mt0 {margin-top: 0;}
.gm-rsn__title em {font-size: 16px; font-weight: 500; padding: 0 16px; height: 38px; font-style: normal; border: solid 1px #000; display: inline-flex; align-items: center; justify-content: center;}
.gm-rsn__title h3 {font-size: 40px; font-weight: 400; margin: 20px 0;}
.gm-rsn__title h3 strong {font-weight: 700;}
.gm-rsn__title h3 span {color: #0866FF;}
.gm-rsn__title p {margin: 20px 0; font-size: 20px;}
.gm-rsn__box {background: #fff; -webkit-border-radius: 12px; border-radius: 12px;}

@media (max-width:1280px) {
	.gm-rsn {padding: 80px 0;}
	.gm-rsn__title {margin-top: 80px; margin-bottom: 24px;}
	.gm-rsn__title em {font-size: 14px; height: 30px;}
	.gm-rsn__title h3 {font-size: 34px; margin: 16px 0;}
	.gm-rsn__title p {margin: 16px 0; font-size: 16px;}
}

@media (max-width:992px) {
	.gm-rsn {padding: 64px 0;}
	.gm-rsn__title {margin-top: 64px; margin-bottom: 16px;}
	.gm-rsn__title em {font-size: 12px; height: 24px;}
	.gm-rsn__title h3 {font-size: 26px;  margin: 8px 0;}
	.gm-rsn__title p {margin: 8px 0; font-size: 14px;}
}

@media (max-width:768px) {
	.gm-rsn {padding: 48px 0;}
	.gm-rsn__title {margin-top: 48px;}
	.gm-rsn__title em {padding: 0 8px;}
	.gm-rsn__title h3 {font-size: 22px;}
	.gm-rsn__title h3 br {display: none;}
	.gm-rsn__title p {font-size: 12px;}
	.gm-rsn__title p br {display: none;}
}




.gm-fb__list {margin: 0 -6px; display: flex;}
.gm-fb__list li {width: 33.3333%; padding: 0 6px;}
.gm-fb__box {padding: 30px; background: #fff; -webkit-border-radius: 12px; border-radius: 12px; box-shadow: 20px 24px 34px 0px rgba(0, 0, 0, 0.15);}
.gm-fb__box img {}
.gm-fb__btn {margin-top: 40px; text-align: center;}
.gm-fb__btn a {height: 80px; background: #0866FF; color: #fff; font-size: 20px; font-weight: 700; margin: 0 auto; padding: 0 54px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 40px; border-radius: 40px;}

.gm-time {display: flex; padding: 80px 96px;}
.gm-time__graph {width: 45%;}
.gm-time__graph p {text-align: center; font-size: 16px; margin-bottom: 16px; font-weight: 700; opacity: 0.6; padding: 0 16px;}
.gm-time__detail {width: 55%;}
.gm-time__list {position: relative; padding: 40px; background: linear-gradient(135deg,  rgba(124,94,93,1) 0%,rgba(43,43,43,1) 100%); box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.2); -webkit-border-radius: 12px 12px 12px 0; border-radius: 12px 12px 12px 0;}
.gm-time__list:before {content: ''; display: block; position: absolute; bottom: 0; right: 100%; width: 0px; height: 0px; border-style: solid; border-width: 0 0 24px 102px; border-color:  transparent transparent #644f4e transparent; transform: rotate(0deg);}
.gm-time__list dt ul li {margin-bottom: 8px; display: flex; align-items: center;}
.gm-time__list dt ul li:last-child {margin-bottom: 0;}
.gm-time__list dt ul li p {flex-grow: 1; font-size: 20px; color: rgba(255,255,255,0.6); font-weight: 200;}
.gm-time__list dt ul li span {flex-shrink: 0; width: 80px; font-size: 20px; color: rgba(255,255,255,0.6); font-weight: 400; text-align: right;}
.gm-time__list dd {margin-top: 8px; padding-top: 12px; border-top: solid 1px rgba(255,255,255,0.2); display: flex; align-items: center;}
.gm-time__list dd h5 {font-weight: 600; color: #fff; font-size: 20px; flex-grow: 1;}
.gm-time__list dd strong {flex-shrink: 0; margin-left: 20px; display: flex; align-items: center; justify-content: center; padding: 0 12px; height: 42px; background: #C36865; color: #fff; font-size: 20px; font-weight: 700;}
.gm-time__text {margin-top: 32px; text-align: center; font-size: 20px; font-weight: 500;}
.gm-time__text span {color: #F17373;}

.gm-svc {display: flex; padding-top: 60px;}
.gm-svc dt {width: 45%; padding: 0 40px;}
.gm-svc dd {width: 55%; padding: 0 40px; margin-top: 15px;}
.gm-svc dd ul li {margin-bottom: 32px;}
.gm-svc dd ul li:last-child {margin-bottom: 0;}
.gm-svc dd ul li h5 {font-size: 24px; font-weight: 600;}
.gm-svc dd ul li h5 span {color: #0082FF;}
.gm-svc dd ul li p {font-size: 16px; color: #565656; margin-top: 12px;}

.gm-book {display: flex; padding-top: 50px; align-items: center; overflow: hidden;}
.gm-book__content {width: 50%; padding: 0 60px;}
.gm-book__slider {padding: 0 30px; position: relative;}
/* .gm-book__slider:after {content: ''; display: block; width: 149px; height: 149px; position: absolute; bottom: 40px; left: 100%; margin-left: -105px; background: url('https://img.megastudyth.com/gongmu/main/book_cover.png')no-repeat center center / cover;} */
.gm-book__slider .slick-arrow {display: block; width: 36px; height: 36px; background: rgba(126,126,126,0.34); z-index: 1; position: absolute; top: 50%; margin-top: -18px; text-indent: -9999px; -webkit-border-radius: 50%; border-radius: 50%;}
.gm-book__slider .slick-prev {left: 0; margin-left: 13px;}
.gm-book__slider .slick-next {right: 0; margin-right: 13px;}
.gm-book__slider .slick-arrow:after {content: ''; display: block; width: 8px; height: 12px; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -6px;}
.gm-book__slider .slick-prev:after {background: url('https://img.megastudyth.com/gongmu/main/book_arrow_prev.png')no-repeat center center / cover;}
.gm-book__slider .slick-next:after {background: url('https://img.megastudyth.com/gongmu/main/book_arrow_next.png')no-repeat center center / cover;}
.gm-book__slider .slick-list {overflow: visible;}
.gm-book__slider .slick-slide {box-shadow: 10.53984546661377px 46.37532043457031px 35.835472106933594px 0px rgba(0, 0, 0, 0.15);}
.gm-book__detail {width: 50%; padding-right: 60px;}
.gm-book__detail ul li {margin-bottom: 48px;}
.gm-book__detail ul li:last-child {margin-bottom: 0;}
.gm-book__detail ul li dl {display: flex;}
.gm-book__detail ul li dl dt {width: 59px; margin-right: 24px; flex-shrink: 0;}
.gm-book__detail ul li dl dd {flex-grow: 1;}
.gm-book__detail ul li dl dd h5 {font-size: 24px; font-weight: 600;}
.gm-book__detail ul li dl dd p {font-size: 16px; margin-top: 8px;}

@media (max-width:1280px) {
	.gm-fb__box {padding: 24px;}
	.gm-fb__btn a {height: 64px; font-size: 18px; padding: 0 40px;}
	.gm-time {padding: 48px;}
	.gm-time__graph {width: 50%;}
	.gm-time__graph p {font-size: 12px;}
	.gm-time__detail {width: 50%;}
	.gm-time__list {padding: 24px;}
	.gm-time__list:before {border-width: 0 0 16px 48px;}
	.gm-time__list dt ul li p {font-size: 14px;}
	.gm-time__list dt ul li span {font-size: 14px;}
	.gm-time__list dd h5 {font-size: 16px;}
	.gm-time__list dd strong {padding: 0 8px; height: 32px; font-size: 16px; font-weight: 500;}
	.gm-time__text {font-size: 16px; margin-top: 16px;}
	.gm-svc {padding-top: 40px;}
	.gm-svc dt {padding: 0 24px;}
	.gm-svc dd {padding: 0 24px;}
	.gm-svc dd ul li {margin-bottom: 16px;}
	.gm-svc dd ul li h5 {font-size: 20px;}
	.gm-svc dd ul li p {font-size: 14px; margin-top: 8px;}	
	.gm-book__content {padding: 0 32px;}
	.gm-book__slider:after {width: 120px; height: 120px; bottom: 20px;}
	.gm-book__detail {padding-right: 32px;}
	.gm-book__detail ul li {margin-bottom: 24px;}
	.gm-book__detail ul li dl dt {width: 40px;}
	.gm-book__detail ul li dl dd h5 {font-size: 20px;}
	.gm-book__detail ul li dl dd p {font-size: 14px;}
}

@media (max-width:992px) {
	.gm-fb__box {padding: 16px;}
	.gm-fb__btn {margin-top: 24px;}
	.gm-fb__btn a {height: 56px; font-size: 16px; padding: 0 32px;}
	.gm-time__list dt ul li p {font-size: 13px;}
	.gm-time__list dt ul li span {font-size: 13px;}
	.gm-time__list dd h5 {font-size: 13px;}
	.gm-time__list dd strong {height: 24px; font-size: 13px;}
	.gm-time__text {font-size: 14px;}
	.gm-svc {padding-top: 24px;}
	.gm-svc dt {padding: 0 16px;}
	.gm-svc dd {padding: 0 16px 0 0;}
	.gm-svc dd ul li {margin-bottom: 12px;}
	.gm-svc dd ul li h5 {font-size: 18px;}
	.gm-svc dd ul li p {font-size: 12px; margin-top: 4px;}
	.gm-book__content {padding: 0 24px;}
	.gm-book__slider:after {width: 80px; height: 80px; bottom: 20px; margin-left: -80px;}
	.gm-book__detail {padding-right: 24px;}
	.gm-book__detail ul li {margin-bottom: 16px;}
	.gm-book__detail ul li dl dt {width: 32px;}
	.gm-book__detail ul li dl dd h5 {font-size: 18px;}
	.gm-book__detail ul li dl dd p {font-size: 12px;}
}

@media (max-width:768px) {
	.gm-fb__list {margin: 0; display: block;}
	.gm-fb__list li {padding: 0; width: 100%; margin-bottom: 16px;}
	.gm-fb__list li:last-child {margin-bottom: 0;}
	.gm-fb__btn a {height: 48px; font-size: 13px; padding: 0 24px; font-weight: 500;}
	.gm-time {padding: 24px 16px; display: block;}
	.gm-time__graph {width: 100%;}
	.gm-time__graph p {font-size: 11px;}
	.gm-time__detail {width: 100%; margin-top: 16px;}
	.gm-time__list {padding: 24px; -webkit-border-radius: 12px; border-radius: 12px;}
	.gm-time__list:before {display: none;}
	.gm-time__text {font-size: 12px;}
	.gm-svc {padding-top: 32px; display: block;}
	.gm-svc dt {padding: 0 15%; width: 100%;}
	.gm-svc dd {padding: 8px 24px 32px; width: 100%;}
	.gm-svc dd ul li {margin-bottom: 16px;}
	.gm-svc dd ul li h5 {font-size: 16px;}
	.gm-svc dd ul li p {font-size: 11px;}
	.gm-book {padding-top: 24px; display: block;}
	.gm-book__content {width: 100%;}
	.gm-book__detail {width: 100%; padding: 32px 24px; position: relative; z-index: 1; background: #fff;}
	.gm-book__detail ul li dl dt {margin-right: 16px;}
	.gm-book__detail ul li dl dd h5 {font-size: 16px;}
	.gm-book__detail ul li dl dd p {font-size: 11px; margin-top: 4px;}
}








.gm-pass {padding: 100px 0;}
.gm-pass__title {text-align: center;}
.gm-pass__title p {font-size: 24px;}
.gm-pass__title h3 {font-size: 40px; font-weight: 700; margin-top: 16px;}
.gm-pass__ban {margin-top: 32px;}
.gm-pass__ban li {margin-bottom: 16px;}
.gm-pass__ban li:last-child {margin-bottom: 0;}
.gm-pass__ban li a {display: block;}
.gm-pass__ban li a.blu {background: linear-gradient(0deg, #C5D7FB, #C5D7FB), linear-gradient(91.08deg, rgba(255, 255, 255, 0.4) 0.11%, rgba(255, 255, 255, 0) 50.92%);}
.gm-pass__ban li a.ppl {background: linear-gradient(0deg, #D2BDFF, #D2BDFF), linear-gradient(91.08deg, rgba(255, 255, 255, 0.4) 0.11%, rgba(255, 255, 255, 0) 50.92%);}
.gm-pass__ban li a dl {height: 120px; padding: 0 48px; display: flex; justify-content: space-between; align-items: center;}
.gm-pass__ban li a dl dt {flex-grow: 1; display: flex; align-items: center;}
.gm-pass__ban li a dl dt img {width: 59px; flex-shrink: 0; margin-right: 12px !important;}
.gm-pass__ban li a dl dt div {flex-grow: 1;}
.gm-pass__ban li a dl dt span {display: block; font-size: 20px; color: #5A5E66; font-weight: 500;}
.gm-pass__ban li a dl dt strong {display: block; font-size: 24px; color: #333B4A; margin-top: 4px;}
.gm-pass__ban li a dl dd {flex-shrink: 0; font-size: 14px; display: flex; align-items: center;}
.gm-pass__ban li a dl dd:after {content: ''; display: block; width: 16px; height: 16px; background: url('https://img.megastudyth.com/gongmu/main/pass_arrow.png')no-repeat center center / cover;}
.gm-pass__sec {margin-top: 60px; margin-bottom: 24px; font-size: 24px; font-weight: 800; display: flex;}
.gm-pass__sec span {color: #9E9E9E; margin-right: 20px; flex-shrink: 0;}
.gm-pass__sec span.blu {color: #0082FF;}
.gm-pass__list {}
.gm-pass__list > li {margin-bottom: 12px; border: solid 1px #8D8D8D; position: relative;}
.gm-pass__list > li:last-child {margin-bottom: 0;}
.gm-pass__list > li.blu {border: solid 4px #0082FF;}
.gm-pass__list > li.blu:after {content: 'Early bird'; width: 128px; height: 42px; background: #0082FF; color: #fff; position: absolute; left: 100%; top: 0; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transform-origin: left top; margin-top: 124px;}
.gm-pass__box {padding: 48px;}
.gm-pass__top {display: flex; align-items: center;}
.gm-pass__top h4 {font-size: 32px; font-weight: 700; flex-grow: 1;}
.gm-pass__best {width: 96px; height: 96px; margin-right: 24px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; background: linear-gradient(to bottom,  rgba(255,14,14,1) 0%,rgba(204,0,255,1) 100%); -webkit-border-radius: 50%; border-radius: 50%;}
.gm-pass__best:before {background: #fff; content: ''; display: block; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; -webkit-border-radius: 50%; border-radius: 50%;}
.gm-pass__best span {position: relative; font-size: 18px; font-weight: 700; font-style: normal; line-height: 1.2;}
.gm-pass__best span.red {color: #FF0E0E;}
.gm-pass__best span.pnk {color: #CC00FF;}
.gm-pass__bot {margin-top: 24px; padding-top: 24px; border-top: solid 1px #ECECEC; display: flex; justify-content: space-between;}
.gm-pass__dtl {flex-grow: 1;}
.gm-pass__dtl li {margin-bottom: 16px; font-size: 14px; font-weight: 600; display: flex; align-items: center;}
.gm-pass__dtl li:last-child {margin-bottom: 0;}
.gm-pass__dtl li span {height: 22px; padding: 0 12px; flex-shrink: 0; background: #F1F1F1; font-size: 12px; margin-right: 14px; color: rgba(17,17,17,0.4); display: flex; align-items: center; justify-content: center; -webkit-border-radius: 12px; border-radius: 12px;}
.gm-pass__dtl li.sky {color: #2390F9;}
.gm-pass__dtl li.sky span {background: #2390F9; color: #fff;}
.gm-pass__right {flex-shrink: 0;}
.gm-pass__cost {display: flex; align-items: center; justify-content: flex-end;}
.gm-pass__cost dt {font-size: 24px; margin-top: 4px; font-weight: 400; color: #BCBCBC; text-align: right; margin-right: 24px;}
.gm-pass__cost dt p {position: relative;}
.gm-pass__cost dt p strong {font-weight: 700;}
.gm-pass__cost dt p:before {content: ''; display: block; height: 2px; background: #000; position: absolute; left: -4px; right: -12px; top: 50%; margin-top: -1px;}
.gm-pass__cost dt p:after {content: ''; display: block; background: #000; height: 2px; width: 12px; position: absolute; right: -12px; top: 50%; margin-top: -1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: right center;}
.gm-pass__cost dd {font-size: 40px; font-weight: 700;}
.gm-pass__btn {display: flex; margin-top: 16px;}
.gm-pass__btn > li {position: relative; margin-right: 12px;}
.gm-pass__btn > li:last-child {margin-right: 0;}
.gm-pass__btn > li > button,
.gm-pass__btn > li > a {width: 200px; height: 48px; font-size: 14px; font-weight: 500; -webkit-border-radius: 24px; border-radius: 24px; display: flex; align-items: center; justify-content: center;}
.gm-pass__btn > li > a.bk {background: #000; color: #fff;}
.gm-pass__btn > li > button.sch {border: solid 1px #B2B2B2;}
.gm-pass__btn > li > button.sch:after {content: ''; display: block; width: 16px; height: 16px; margin-left: 4px; background: url('https://img.megastudyth.com/gongmu/main/pass_course.png')no-repeat center center / cover;}
.gm-pass__pop {display: none; width: 340px; padding: 24px; position: absolute; left: 0; top: 100%; margin-top: 8px; background: #fff; z-index: 1; border: solid 1px #E3E6EC; -webkit-border-radius: 8px; border-radius: 8px;}
.gm-pass__pop h5 {font-size: 14px; font-weight: 600;}
.gm-pass__pop button {display: block; width: 24px; height: 24px; text-indent: -9999px; position: absolute; right: 24px; top: 24px; background: url('https://img.megastudyth.com/gongmu/main/pass_close.png')no-repeat center center / cover;}
.gm-pass__pop ul {margin-top: 16px; list-style: decimal; padding-left: 16px;}
.gm-pass__pop ul li {font-size: 16px; color: #212121; margin-bottom: 2px;}
.gm-pass__pop ul li:last-child {margin-bottom: 0;}
.gm-pcsg {padding: 0 44px 60px;}
.gm-pcsg__title {background: #D2BDFF; padding: 20px; text-align: center;}
.gm-pcsg__title h3 {font-size: 32px; font-weight: 400;}
.gm-pcsg__title h3 strong {}
.gm-pcsg__title p {font-size: 20px;}

@media (max-width:1280px) {
	.gm-pass {padding: 80px 0;}
	.gm-pass__ban li {margin-bottom: 8px;}
	.gm-pass__ban li a dl {height: 100px; padding: 0 24px;}
	.gm-pass__ban li a dl dt span {font-size: 14px;}
	.gm-pass__ban li a dl dt strong {font-size: 18px;}
	.gm-pass__sec {margin-top: 50px; margin-bottom: 15px; font-size: 20px;}
	.gm-pass__sec span {margin-right: 10px;}

	.gm-pass__list > li.blu:after {width: 80px; height: 24px; font-size: 12px; font-weight: 400; margin-top: 0; top: auto; bottom: 100%; margin-left: -76px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}
	.gm-pass__box {padding: 24px;}
	.gm-pass__top h4 {font-size: 26px;}
	.gm-pass__best {width: 80px; height: 80px; margin-right: 16px;}
	.gm-pass__best span {font-size: 16px;}
	.gm-pass__cost dt {font-size: 20px; margin-right: 20px;}
	.gm-pass__cost dd {font-size: 32px;}

	.gm-pass__btn > li {margin-right: 8px;}
	.gm-pass__btn > li > button,
	.gm-pass__btn > li > a {width: 160px; height: 40px; font-size: 13px;}
	.gm-pass__pop {width: 260px; padding: 16px;}
	.gm-pass__pop h5 {font-size: 14px;}
	.gm-pass__pop button {right: 16px; top: 16px;}
	.gm-pass__pop ul {margin-top: 8px;}
	.gm-pass__pop ul li {font-size: 13px;}
}

@media (max-width:992px) {
	.gm-pass {padding: 64px 0;}
	.gm-pass__title p {font-size: 20px;}
	.gm-pass__title h3 {font-size: 34px; margin-top: 8px;}
	.gm-pass__ban {margin-top: 24px;}
	.gm-pass__ban li a dl {height: 80px; padding: 0 16px;}
	.gm-pass__ban li a dl dt span {font-size: 12px;}
	.gm-pass__ban li a dl dt strong {font-size: 16px;}
	.gm-pass__ban li a dl dt img {width: 40px;}
	.gm-pass__ban li a dl dd {font-size: 12px;}
	.gm-pass__sec {margin-top: 40px; margin-bottom: 10px; font-size: 18px;}
	
	.gm-pass__list > li.blu:after {width: 64px; margin-left: -60px; height: 16px; font-size: 11px; top: -4px; bottom: auto; -webkit-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px;}
	.gm-pass__box {padding: 16px;}
	.gm-pass__top h4 {font-size: 20px;}
	.gm-pass__best {width: 56px; height: 56px; margin-right: 12px;}
	.gm-pass__best:before {left: 2px; right: 2px; top: 2px; bottom: 2px;}
	.gm-pass__best span {font-size: 13px;}

	.gm-pass__bot {margin-top: 16px; padding-top: 16px}
	.gm-pass__dtl li {margin-bottom: 8px; font-size: 12px;}
	.gm-pass__dtl li span {padding: 0 8px; font-size: 11px; margin-right: 10px;}
	.gm-pass__cost dt {font-size: 16px;}
	.gm-pass__cost dd {font-size: 26px;}
	
	.gm-pass__btn {margin-top: 8px;}
	.gm-pass__btn > li {margin-right: 4px;}
	.gm-pass__btn > li > button,
	.gm-pass__btn > li > a {width: 110px; height: 32px; font-size: 12px;}
	.gm-pass__btn > li > button.sch:after {display: none;}
}

@media (max-width:768px) {
	.gm-pass {padding: 48px 0;}
	.gm-pass__title p {font-size: 12px;}
	.gm-pass__title h3 {font-size: 22px; margin-top: 4px;}
	.gm-pass__ban {margin-top: 16px;}
	.gm-pass__ban li a dl {height: auto; padding: 16px; display: block;}
	.gm-pass__ban li a dl dt span {font-size: 11px;}
	.gm-pass__ban li a dl dt img {display: none !important;}
	.gm-pass__ban li a dl dd {margin-top: 8px; font-size: 11px; justify-content: flex-end;}
	.gm-pass__sec {margin-top: 30px; font-size: 16px; font-weight: 700;}

	.gm-pass__top h4 {font-size: 16px;}
	.gm-pass__best {width: 40px; height: 40px; margin-right: 9px;}
	.gm-pass__best span {font-size: 11px;}
	.gm-pass__bot {margin-top: 12px; padding-top: 12px; display: block;}
	.gm-pass__dtl li {margin-bottom: 4px; font-size: 11px; font-weight: 600;}
	.gm-pass__dtl li span {height: 18px; padding: 0 8px; font-size: 11px; margin-right: 8px;}
	
	.gm-pass__right {margin-top: 8px;}
	.gm-pass__btn {justify-content: flex-end;}
	.gm-pcsg {padding: 0 0 32px;}
	.gm-pcsg__title {padding: 16px;}
	.gm-pcsg__title h3 {font-size: 20px;}
	.gm-pcsg__title p {font-size: 12px; margin-top: 4px;}
}







.gm-guide {padding: 100px 0; background: #F9CFC8;}
.gm-guide__title {text-align: center; font-size: 44px; font-weight: 700; margin-bottom: 50px;}
.gm-guide__list {display: flex; margin: -6px; flex-wrap: wrap;}
.gm-guide__list li {width: 33.3333%; padding: 6px;}
.gm-guide__list li dl {padding-top: 30px; display: flex; flex-direction: column; height: 100%; -webkit-border-radius: 12px; border-radius: 12px; background: #fff; border: solid 1px #E0E0E0;}
.gm-guide__list li dl dt {text-align: center; flex-grow: 1;}
.gm-guide__list li dl dt span {color: #F17373; font-weight: 600;}
.gm-guide__list li dl dt h5 {font-size: 20px; font-weight: 600; margin-top: 12px;}
.gm-guide__list li dl dd {margin-top: 36px; padding: 0 50px; flex-shrink: 0;}

@media (max-width:1280px) {
	.gm-guide {padding: 80px 0;}
	.gm-guide__title {font-size: 36px; margin-bottom: 30px;}
	.gm-guide__list li dl dt h5 {font-size: 18px; padding: 0 16px;}
	.gm-guide__list li dl dd {margin-top: 24px; padding: 0 32px;}
}

@media (max-width:992px) {
	.gm-guide {padding: 64px 0;}
	.gm-guide__title {font-size: 30px; margin-bottom: 20px;}
	.gm-guide__list li dl dd {margin-top: 16px; padding: 0 24px;}
}

@media (max-width:768px) {
	.gm-guide {padding: 48px 0;}
	.gm-guide__title {font-size: 22px;}
	.gm-guide__list {display: block; margin: 0;}
	.gm-guide__list li {width: 100%; padding: 0; margin-bottom: 8px;}
	.gm-guide__list li:last-child {margin-bottom: 0;}
	.gm-guide__list li dl {padding-top: 0; flex-direction: row;}
	.gm-guide__list li dl dt {text-align: left; padding: 16px;}
	.gm-guide__list li dl dt h5 {padding: 0; margin-top: 4px; font-size: 14px;}
	.gm-guide__list li dl dd {width: 40%;}
}







.gm-faq {padding-top: 100px; padding-bottom: 120px; background: #222;}
.gm-faq__title {font-size: 44px; font-weight: 700; text-align: center; color: #fff;}
.gm-faq__list {margin-top: 32px; padding: 60px 50px; background: #FAFAFA; -webkit-border-radius: 12px; border-radius: 12px;}
.gm-faq__list li {padding: 40px 0; border-bottom: dashed 2px rgba(5,32,42,0.3);}
.gm-faq__list li:first-child {padding-top: 0;}
.gm-faq__list li:last-child {padding-bottom: 0; border-bottom: none;}
.gm-faq__list li dl dt {font-size: 24px; font-weight: 600;}
.gm-faq__list li dl dd {font-size: 20px; margin-top: 16px; line-height: 1.3; color: #5c5c5c;}

@media (max-width:1280px) {
	.gm-faq {padding-top: 80px; padding-bottom: 100px;}
	.gm-faq__title {font-size: 40px;}
	.gm-faq__list {margin-top: 24px; padding: 40px 30px;}
	.gm-faq__list li {padding: 30px 0;}
	.gm-faq__list li dl dt {font-size: 20px;}
	.gm-faq__list li dl dd {font-size: 16px; margin-top: 10px;}
}

@media (max-width:992px) {	
	.gm-faq {padding-top: 64px; padding-bottom: 80px;}
	.gm-faq__title {font-size: 30px;}
	.gm-faq__list {margin-top: 16px; padding: 20px;}
	.gm-faq__list li {padding: 20px 0;}
	.gm-faq__list li dl dt {font-size: 18px;}
	.gm-faq__list li dl dd {font-size: 14px;}
}

@media (max-width:768px) {
	.gm-faq {padding-top: 48px; padding-bottom: 48px;}
	.gm-faq__title {font-size: 20px;}
	.gm-faq__list li {border-bottom-width: 1px;}
	.gm-faq__list li dl dt {font-size: 14px;}
	.gm-faq__list li dl dd {font-size: 12px;}
}








.gm-quick {position: absolute; right: 30px; top: 0; margin-top: 160px; z-index: 101; width: 140px;}
.gm-quick__mega {background: #fff; border: solid 1px #E3E6EC; -webkit-border-radius: 10px; border-radius: 10px;}
.gm-quick__mega li {border-bottom: solid 1px #E3E6EC;}
.gm-quick__mega li:last-child {border-bottom: 0;}
.gm-quick__mega li a {padding: 12px; display: flex; flex-direction: column; text-align: center; font-size: 13px; font-weight: 700;}
.gm-quick__mega li a span {display: block; margin-top: 8px; line-height: 1.2;}
.gm-quick__mega li a:before {content: ''; display: block; height: 64px; -webkit-border-radius: 8px; border-radius: 8px;}
.gm-quick__mega li a.pass:before {background: #FFEDEC url('https://img.megastudyth.com/gongmu/main/quick_pass.png')no-repeat center center / 106px auto;}
.gm-quick__mega li a.fb:before {background: #EBF5FF url('https://img.megastudyth.com/gongmu/main/quick_mega.png')no-repeat center center / 90px auto;}
.gm-quick__move {margin-top: 12px;}
.gm-quick__move ul {background: #fff; padding: 10px; border: solid 1px #E3E6EC; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
.gm-quick__move ul li {margin-bottom: 6px;}
.gm-quick__move ul li:last-child {margin-bottom: 0;}
.gm-quick__move ul li button {width: 100%; background: #EBF5FF; font-size: 12px; height: 52px; font-weight: 700; line-height: 1.2; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 8px; border-radius: 8px;}
.gm-quick__move ul li button.pnk.active {background: #FF89A9;}
.gm-quick__move ul li button.sky.active {background: #40B5DD;}
.gm-quick__move ul li button.ylw.active {background: #FFCA42;}
.gm-quick__top {background: #000; 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 10px 10px; border-radius: 0 0 10px 10px;}
.gm-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) {	
	.gm-quick {position: fixed; right: 4px; bottom: 4px; top: auto !important; width: 150px;}
	.gm-quick__move {display: none;}
	.gm-quick__mega {background: none; border: none;}
	.gm-quick__mega li {border-bottom: none; margin-bottom: 4px;}
	.gm-quick__mega li:last-child {margin-bottom: 0;}
	.gm-quick__mega li a {padding: 10px; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.2);}
	.gm-quick__mega li a:before {width: 100%; height: 40px; flex-shrink: 0;}
	.gm-quick__mega li a span {font-weight: 600; font-size: 11px;}
}

@media (max-width:992px) {	
	.gm-quick {left: 0; right: 0; width: 100%;}
	.gm-quick__mega {display: flex; justify-content: center;}
	.gm-quick__mega li {margin: 0 5px;}
	.gm-quick__mega li a {flex-direction: row; align-items: center;}
	.gm-quick__mega li a:before {width: 120px; height: 50px; margin-right: 10px;}
	.gm-quick__mega li a span {margin-top: 0;}
}

@media (max-width:768px) {
	.gm-quick {bottom: 0;}
	.gm-quick__mega {overflow: hidden; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
	.gm-quick__mega li {margin: 0; width: 50%;}
	.gm-quick__mega li a {color: #fff; justify-content: center; -webkit-border-radius: 0; border-radius: 0; box-shadow: none;}
	.gm-quick__mega li a:before {display: none;}
	.gm-quick__mega li:first-child a {background: #524FCD;}
	.gm-quick__mega li:last-child a {background: #0866FF;}
	.gm-quick__mega li a span {margin-top: 0;}
}
