@charset "utf-8";

.mt0 {margin-top: 0 !important;}
.mt-1 {margin-top: -1px !important;}
.mb40 {margin-bottom: 40px !important;}

/* 교육과정 상세 */
#lecv {}
.inner {width: 100%; max-width: 1280px; margin: 0 auto; padding-left: 16px; padding-right: 16px; box-sizing: border-box;}
.lecv-top {padding-top: 80px; position: relative; background: linear-gradient(to right, rgb(134, 239, 172), rgb(59, 130, 246), rgb(147, 51, 234)); }
.lecv-top__half {display: flex; position: relative; z-index: 1; align-items: flex-start;}
.lecv-top__info {flex-grow: 1; padding-right: 80px;}
.lecv-top__label {display: flex;}
.lecv-top__label li {margin-right: 8px;}
.lecv-top__label li:last-child {margin-right: 0;}
.lecv-top__label li span {padding: 0 12px; height: 28px; font-size: 13px; background: #648eb5; color: #fff; -webkit-border-radius: 20px; border-radius: 20px; display: flex; align-items: center; justify-content: center;}
.lecv-top__title {color: #fff;}
.lecv-top__title h3 {font-size: 44px; margin-top: 16px;}
.lecv-top__title p {font-size: 16px; font-weight: 300; margin-top: 16px; line-height: 1.3;}
.lecv-top__img {width: 520px; order: 2; overflow: hidden; flex-shrink: 0; -webkit-border-radius: 32px; border-radius: 32px;}
.lecv-top__img img {display: block; width: 100%;}
.lecv-top__btn {margin-top: 32px; display: flex;}
.lecv-top__btn li {margin-right: 8px;}
.lecv-top__btn li:last-child {margin-right: 0;}
.lecv-top__btn li a {width: 240px; height: 56px; background: #fff; border: solid 1px #888; font-size: 20px; font-weight: 500; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.lecv-top__btn li a:hover {}
.lecv-top__btn li a.blu {background: #06f; color: #fff; border-color: #0661b9;}
.lecv-top__btn li a.blu:hover {-webkit-box-shadow: 0px 0px 20px 0px rgba(0,132,255,0.8); box-shadow: 0px 0px 20px 0px rgba(0,132,255,0.8);}

.lecv-smmry {position: relative; z-index: 0; min-height: 200px; padding-top: 5rem;}
.lecv-smmry:before {content: ""; width: 100%; height: 100%; background: #fff; position: absolute; z-index: -1; top: 0px; transform-origin: left top; transform: skewY(-5deg);}
.lecv-smmry__list {margin: 0 -16px; display: flex; justify-content: center;}
.lecv-smmry__list li {width: 25%; padding: 0 16px; box-sizing: border-box;}
.lecv-smmry__box {padding: 32px 24px; height: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: solid 1px #666; -webkit-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);}
.lecv-smmry__box > div {}
.lecv-smmry__box:before {content: ''; flex-shrink: 0; display: block; width: 40px; height: 40px; background: #ddd; margin-right: 16px;}
.lecv-smmry__box strong {display: block; font-size: 13px; font-weight: 400; color: #666;}
.lecv-smmry__box span {display: block; font-size: 16px; font-weight: 600; margin-top: 4px;}
.lecv-smmry__box span.onoff span:after {content: ', ';}
.lecv-smmry__box span.onoff span:last-child:after {display: none;}
.lecv-smmry__box.icon1:before {background: url('https://img.megastudyth.com/lecture/quick_icon1.png')no-repeat center center / cover;}
.lecv-smmry__box.icon2:before {background: url('https://img.megastudyth.com/lecture/quick_icon2.png')no-repeat center center / cover;}
.lecv-smmry__box.icon3:before {background: url('https://img.megastudyth.com/lecture/quick_icon3.png')no-repeat center center / cover;}
.lecv-smmry__box.icon4:before {background: url('https://img.megastudyth.com/lecture/quick_icon4.png')no-repeat center center / cover;}
.lecv-smmry__box.icon5:before {background: url('https://img.megastudyth.com/lecture/quick_icon5.png')no-repeat center center / cover;}

.lecv-quick {position: relative; height: 56px; background: #aaa;}
.lecv-quick__fix {background: #001223; position: absolute; left: 0; right: 0; top: 0;}
.lecv-quick__fix.fixed {position: fixed; top: 112px; z-index: 10;}
.lecv-quick__btn {display: flex;}
.lecv-quick__btn li:first-child:nth-last-child(2),
.lecv-quick__btn li:first-child:nth-last-child(2) ~ li {width: 50%;}
.lecv-quick__btn li:first-child:nth-last-child(3),
.lecv-quick__btn li:first-child:nth-last-child(3) ~ li {width: 33.3333%;}
.lecv-quick__btn li:first-child:nth-last-child(4),
.lecv-quick__btn li:first-child:nth-last-child(4) ~ li {width: 25%;}
.lecv-quick__btn li:first-child:nth-last-child(5),
.lecv-quick__btn li:first-child:nth-last-child(5) ~ li {width: 20%;}
.lecv-quick__btn li:first-child:nth-last-child(6),
.lecv-quick__btn li:first-child:nth-last-child(6) ~ li {width: 16.6666%;}
.lecv-quick__btn li button {width: 100%; height: 56px; font-size: 20px; color: #fff; display: flex; align-items: center; justify-content: center;}
.lecv-quick__btn li button.active {color: #06f; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}

.lecv-detail {padding: 80px 0; background: #F5F5F8;}
.lecv-layout {display: flex;}
.lecv-left {width: calc(100% - 344px); flex-shrink: 0;}
.lecv-cont {background: #fff; padding: 0 24px 40px; box-sizing: border-box; border: solid 1px #666; -webkit-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);}

.lecv-right {width: 344px; padding-left: 24px;}
.lecv-fixed {position: -webkit-sticky; position: sticky; top:190px; background: #fff; padding: 24px; box-sizing: border-box; border: solid 1px #666; -webkit-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);}
.lecv-fixed__title {font-size: 22px; font-weight: 700;}
.lecv-fixed__warn {}
.lecv-cost__list {margin-top: 16px;}
.lecv-cost__list li {padding: 12px 0; border-top: solid 1px #ddd;}
.lecv-cost__chk {display: flex; align-items: center; justify-content: space-between;}
.lecv-cost__chk > dt {padding: 0 8px; flex-shrink: 0; display: flex; align-items: center;}
.lecv-cost__chk > dd {flex-grow: 1;}
.lecv-cost__chk > dd h5 {margin-top: 4px;}
.lecv-cost__chk > dd h5 span {height: 18px; font-size: 10px; padding: 0 8px; background: #ddd; color: #666; margin-right: 4px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.lecv-cost__chk input[type="checkbox"] {width: 20px; height: 20px; flex-shrink: 0; border: solid 1px #ccc; margin-right: 8px; position: relative; -webkit-appearance: none; appearance: none; cursor: pointer;}
.lecv-cost__chk input[type="checkbox"]:checked {background: #06f; border-color: #0065c5;}
.lecv-cost__chk input[type="checkbox"]:checked:after {content: ''; display: block; width: 5px; height: 11px; border-bottom: solid 2px #fff; border-right: solid 2px #fff; position: absolute; left: 50%; top: 50%; margin-left: -3px; margin-top: -9px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.lecv-cost__chk input[type="checkbox"]:disabled {background: #e5e5e5; cursor: not-allowed;}
.lecv-cost__chk input[type="checkbox"] + label {font-size: 14px; font-weight: 600; cursor: pointer;}
.lecv-cost__price {margin-top: 8px; display: flex; align-items: center; justify-content: space-between;}
.lecv-cost__price dt {font-weight: 400; font-size: 16px; display: flex; align-items: center;}
.lecv-cost__price dt u {text-decoration: line-through; color: #aaa; font-weight: 300;}
.lecv-cost__price dt strong {font-weight: 500;}
.lecv-cost__price dt span {background: #ff6a00; color: #fff; font-size: 12px; font-weight: 400; margin-left: 8px; padding: 2px 4px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.lecv-cost__price dd strong {font-size: 18px;}
.lecv-cost__text {margin-top: 8px; font-size: 12px; color: #666; font-weight: 300;}
.lecv-cost__text span:before {content: '*'; color: #f00; font-weight: 500;}
.lecv-cost__total {display: flex; align-items: flex-end; justify-content: space-between;}
.lecv-cost__total dt {font-size: 14px;}
.lecv-cost__total dd {font-size: 18px;}
.lecv-cost__total dd strong {font-size: 32px; margin-left: 4px;}
.lecv-cost__btn {display: flex; margin: 0 -4px; padding-top: 16px;}
.lecv-cost__btn li {padding: 0 4px;}
.lecv-cost__btn li:first-child:nth-last-child(1) {width: 100%;}
.lecv-cost__btn li:first-child:nth-last-child(2),
.lecv-cost__btn li:first-child:nth-last-child(2) ~ li {width: 50%;}
.lecv-cost__btn li a {border: solid 1px #333; height: 44px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.lecv-cost__btn li a.blu {background: #06f; color: #fff;}

.lecv-group {padding-top: 40px;}
.lecv-group__title {padding-bottom: 8px; border-bottom: solid 1px #e5e5e5;}
/* .lecv-group__title:before {content: attr(num); font-size: 100px; color: #eee; display: inline-block; width: 16px; white-space: nowrap;} */
.lecv-group__title span {position: relative; font-size: 34px; font-weight: 600;}
.lecv-group__inner {padding: 40px 0;}
.lecv-group__detail {padding: 0 16px; margin-bottom: 40px;}
.lecv-group__detail:last-child {margin-bottom: 0;}
.lecv-group__detail dt {font-size: 16px; font-weight: 500; height: 28px; line-height: 1.0; background: #ff6c7a; color: #fff; padding: 0 8px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.lecv-group__detail dd {margin-top: 6px;}
.lecv-group__detail dd,
.lecv-group__detail dd * {font-size: 15px !important; font-family: 'Kanit', sans-serif !important; font-weight: 400 !important; line-height: 1.4 !important; max-width: 100% !important;}
.lecv-group__detail dd th,
.lecv-group__detail dd td {padding: 4px; vertical-align: middle !important;}
.lecv-group__detail dd img {max-width: 100%; width: auto !important; height: auto !important;}

.lecv-many {margin: -24px -16px; display: flex; flex-wrap: wrap;}
.lecv-many > li {width: 20%; padding: 24px 16px; box-sizing: border-box;}
.lecv-many dl {position: relative;}
.lecv-many dl dt {position: relative;}
.lecv-many dl dt em {display: block; padding-bottom: 100%; background: #ddd; position: relative; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.lecv-many dl dt img {display: block; position: absolute; left: 0; width: 100%; bottom: -30%; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.lecv-many dl dt h5 {font-size: 16px; font-weight: 300; text-align: center; margin-top: 8px;}
.lecv-many dl dt h5 strong {font-weight: 600; margin-left: 2px; font-size: 18px;}
.lecv-many dl dt a {display: block;}
.lecv-many dl dt a em:before {opacity: 0; content: 'Home'; display: flex; align-items: center; justify-content: center; color: #fff; font-style: normal; font-size: 12px; padding-top: 40px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.lecv-many dl dt a em:after {opacity: 0; content: ''; display: block; width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; z-index: 2; margin-left: -12px; margin-top: -12px; background: url('https://img.megastudyth.com/lecture/tutor_home_wh.png')no-repeat center center / cover; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.lecv-many dl dt a:hover em:before,
.lecv-many dl dt a:hover em:after {opacity: 1;}
.lecv-many dl dd {margin-top: 8px;}
.lecv-many dl dd ul {display: flex; justify-content: center;}
.lecv-many dl dd ul li {margin: 0 2px;}
.lecv-many dl dd ul li a {display: block; width: 32px; height: 32px; text-indent: -9999px; border: solid 1px #ddd; -webkit-border-radius: 50%; border-radius: 50%;}
.lecv-many dl dd ul li a.video {background: #fff url('https://img.megastudyth.com/lecture/tutor_video.png')no-repeat center center / 14px auto;}
.lecv-many dl dd ul li a.home {background: #fff url('https://img.megastudyth.com/lecture/tutor_home.png')no-repeat center center / 14px auto;}
.lecv-many dl dd ul li a.lecture {background: #fff url('https://img.megastudyth.com/lecture/tutor_lecture.png')no-repeat center center / 20px auto;}


.lecv-tutor {padding: 0 16px; display: flex; align-items: center; margin-bottom: 24px;}
.lecv-tutor dt {width: 200px; flex-shrink: 0;}
.lecv-tutor dt em {display: block; padding-bottom: 100%; background: #ddd; position: relative; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%;}
.lecv-tutor dt img {display: block; position: absolute; left: 0; width: 100%; bottom: -30%;}
.lecv-tutor dd {width: calc(100% - 200px); padding-left: 32px; box-sizing: border-box;}
.lecv-tutor dd h6 {font-size: 14px; font-weight: 500; background: #06f; color: #fff; padding: 4px 8px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.lecv-tutor dd h5 {font-size: 32px; margin-top: 6px; font-weight: 300;}
.lecv-tutor dd h5 strong {font-weight: 700;}
.lecv-tutor dd p {margin-top: 8px; font-weight: 300; line-height: 1.2; color: #666;}
.lecv-tutor dd ul {display: flex; flex-wrap: wrap; margin-top: 16px;}
.lecv-tutor dd ul li {margin: 2px;}
.lecv-tutor dd ul li:last-child {margin-right: 0;}
.lecv-tutor dd ul li a {padding: 0 16px; height: 34px; font-size: 15px; border: solid 1px #ddd; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}

.lecv-ebook {display: flex; flex-wrap: wrap; margin: -16px 0;}
.lecv-ebook > li {width: 50%; padding: 16px; box-sizing: border-box;}
.lecv-ebook > li:last-child {}
.lecv-ebook > li.none {width: 100%; color: #c5c5c5; border-bottom: none; font-weight: 400; font-size: 14px; text-align: center; padding-top: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.lecv-ebook > li.none:before {content: ''; display: block; width: 70px; height: 52px; margin-bottom: 16px; background: url('https://img.megastudyth.com/lecture/ebook_nodata.png')no-repeat center center / cover;}
.lecv-ebook > li dl {display: flex; align-items: center;}
.lecv-ebook > li dl dt {width: 104px;}
.lecv-ebook > li dl dt em {display: block; padding-bottom: 140%; border: solid 1px #ddd;}
.lecv-ebook > li dl dt em.none {background: #e6e6e6 url('https://img.megastudyth.com/lecture/ebook_thumb_default.png')no-repeat center center / 64px auto;}
.lecv-ebook > li dl dd {width: calc(100% - 104px); padding-left: 24px; box-sizing: border-box;}
.lecv-ebook > li dl dd h4 {font-size: 20px;}
.lecv-ebook > li dl dd ul {font-size: 12px; margin-top: 12px;}
.lecv-ebook > li dl dd ul li {display: flex; margin-bottom: 6px;}
.lecv-ebook > li dl dd ul li:last-child {margin-bottom: 0;}
.lecv-ebook > li dl dd ul li strong {font-weight: 500; flex-shrink: 0; width: 96px; display: block; position: relative; margin-right: 16px;}
.lecv-ebook > li dl dd ul li strong:after {content: ''; width: 1px; height: 10px; background: #ddd; display: block; position: absolute; right: 0; top: 50%; margin-top: -5px;}
.lecv-ebook > li dl dd h5 {margin-top: 6px; font-size: 12px;}
.lecv-ebook > li dl dd p {margin-top: 4px; font-size: 12px; color: #666; font-weight: 300; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; height: 3.9em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.lecv-ebook > li dl dd a {margin-top: 6px; font-size: 13px; font-weight: 400; height: 28px; line-height: 1.0; position: relative; background: #06f; color: #fff; padding: 0 8px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}

.lecv-crs {margin-top: -40px;}
.lecv-crs.more {height: 500px; overflow: hidden;}
.lecv-crs.more.active {height: auto;}
.lecv-crs > li {padding: 0 16px; border-bottom: solid 1px #e5e5e5; box-sizing: border-box;}
.lecv-crs > li:last-child {border-bottom: none;}
.lecv-crs > li.none {width: 100%; color: #c5c5c5; border-bottom: none; font-weight: 400; font-size: 14px; text-align: center; padding-top: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.lecv-crs > li.none:before {content: ''; display: block; width: 70px; height: 52px; margin-bottom: 16px; background: url('https://img.megastudyth.com/lecture/ebook_nodata.png')no-repeat center center / cover;}
.lecv-crs > li > dl {min-height: 49px; display: flex; align-items: center;}
.lecv-crs > li > dl > dt {flex-grow: 1; font-size: 15px; padding: 8px 0;}
.lecv-crs > li > dl > dt em {padding: 0 6px; height: 20px; font-size: 10px; font-style: normal; margin-right: 4px; background: #648eb5; color: #fff; -webkit-border-radius: 20px; border-radius: 20px; display: inline-flex; align-items: center; justify-content: center;}
.lecv-crs > li > dl > dt strong {font-weight: 400;}
.lecv-crs > li > dl > dt a {font-weight: 500;}
.lecv-crs > li > dl > dd {flex-shrink: 0; margin-left: 16px;}
.lecv-crs.sm {margin: 0 -16px; background: #f7f7f7;}
.lecv-crs.sm > li {border-bottom: dashed 1px #ddd;}
.lecv-crs.sm > li:last-child {border-bottom: none;}
.lecv-crs.sm > li > dl {min-height: 39px;}
.lecv-crs.sm > li > dl > dt {font-size: 12px; padding-top: 8px; padding-bottom: 8px;}
.lecv-crs > li > dl > dt h5 {font-size: 13px;}
.lecv-crs > li > dl > dt ul {margin-top: 4px; display: flex; align-items: center; flex-wrap: wrap;}
.lecv-crs > li > dl > dt ul li {margin-right: 8px; font-size: 10px;}
.lecv-crs > li > dl > dt ul li:last-child {margin-right: 0;}
.lecv-crs__more {margin-top: -120px; padding: 64px 0 8px; position: relative; z-index: 1; display: flex; justify-content: center; background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
.lecv-crs__more button {background: none; font-size: 16px; height: 48px; padding: 0 48px; background: #fff; border: solid 1px #333; display: flex; align-items: center;}
.lecv-crs__more button:after {content: ''; display: block; margin-left: 12px; box-sizing: border-box; width: 8px; height: 8px; border-right: solid 2px #333; border-bottom: solid 2px #333; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.lecv-crs__more button.active:after {margin-top: 6px; -webkit-transform: rotate(225deg); transform: rotate(225deg);}

.lecv-crs > li > dl > dd.lecv-crs__play {display: flex; align-items: center;}
.lecv-crs > li > dl > dd.lecv-crs__play > a {font-size: 11px; font-weight: 400; height: 22px; line-height: 1.0; margin-right: 4px; position: relative; background: #06f; color: #fff; padding: 0 4px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.lecv-crs > li > dl > dd.lecv-crs__play > a:before {content: ''; display: block; width: 14px; height: 14px; margin-right: 4px; box-sizing: border-box; background: #fff; -webkit-border-radius: 50%; border-radius: 50%;}
.lecv-crs > li > dl > dd.lecv-crs__play > a:after {content: ''; position: absolute; left: 9px; top: 50%; margin-top: -4px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #06f; transform: rotate(0deg);}
.lecv-crs > li > dl > dd.lecv-crs__play > a:last-child {margin-right: 0;}

.lecv-crs > li > dl > dd.lecv-crs__time {text-align: center;}
.lecv-crs > li > dl > dd.lecv-crs__time span {font-size: 11px; color: #666;}

.lecv-crs > li > dl > dd.lecv-crs__tgl {}
.lecv-crs > li > dl > dd.lecv-crs__tgl > a {width: 24px; height: 24px; text-indent: -9999px; display: inline-flex; position: relative; box-sizing: border-box; border: solid 1px #888; background: #fff; -webkit-border-radius: 4px; border-radius: 4px;}
.lecv-crs > li > dl > dd.lecv-crs__tgl > a:after {content: ''; display: block; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -2px; width: 0px; height: 0px; border-style: solid; border-width: 4px 4px 0 4px; border-color: #444444 transparent transparent transparent; transform: rotate(0deg);}
.lecv-crs > li > dl > dd.lecv-crs__prgs {}
.lecv-crs > li > dl > dd.lecv-crs__tch {display: flex; align-items: center; width: 80px; margin-left: 16px;}
.lecv-crs > li > dl > dd.lecv-crs__tch em {display: block; margin-right: 8px; width: 32px; height: 32px; background: #ddd; position: relative; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; flex-shrink: 0;}
.lecv-crs > li > dl > dd.lecv-crs__tch em img {display: block; position: absolute; left: 0; width: 100%; bottom: -30%;}
.lecv-crs > li > dl > dd.lecv-crs__tch span {font-size: 11px;}

.lecv-crs > li > dl > dd.lecv-crs__down {}
.lecv-crs > li > dl > dd.lecv-crs__down > a {height: 22px; font-size: 11px; font-weight: 400; padding: 0 4px; position: relative; box-sizing: border-box; border: solid 1px #888; background: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.lecv-crs > li > dl > dd.lecv-crs__down > a:before {content: ''; display: block; width: 9px; height: 9px; margin-right: 4px; background: url('https://img.megastudyth.com/lecture/pdf_download.png')no-repeat center center / cover;}

.lecv-pop {position: fixed; z-index: 1000; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); padding: 32px 16px; display: flex; align-items: center; justify-content: center;}
.lecv-pop__box {width: 100%; max-width: 420px; background: #fff; padding: 16px; -webkit-border-radius: 12px; border-radius: 12px;}
.lecv-pop__top {padding-bottom: 16px; display: flex; justify-content: space-between; align-items: center;}
.lecv-pop__top h5 {flex-grow: 1; font-size: 16px;}
.lecv-pop__top a {flex-shrink: 0;  display: block; width: 24px; height: 24px; background: none; text-indent: -9999px; position: relative;}
.lecv-pop__top a:before,
.lecv-pop__top a:after {content: ''; display: block; background: #333; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.lecv-pop__top a:before {width: 20px; height: 2px; margin-left: -10px; margin-top: -1px;}
.lecv-pop__top a:after {width: 2px; height: 20px; margin-top: -10px; margin-left: -1px;}
.lecv-pop__list {}
.lecv-pop__list th,
.lecv-pop__list td {}
.lecv-pop__list th {}
.lecv-pop__list td {}

.lecv-warn {margin-top: 40px; padding-top: 40px; border-top: solid 1px #e5e5e5;}
.lecv-warn dt {font-size: 18px; font-weight: 600; display: flex; align-items: center; color: #444;}
.lecv-warn dt:before {content: '*'; display: block; flex-shrink: 0; width: 14px; color: #f00;}
.lecv-warn dd {display: flex; font-size: 14px; line-height: 1.4; margin-top: 8px; font-weight: 300; letter-spacing: 0.025rem; color: #666;}
.lecv-warn dd:before {content: ''; display: block; flex-shrink: 0; width: 6px; height: 1px; background: #000; margin-right: 8px; margin-top: 9px;}

.lecv-rvw__user {margin-bottom: 40px;}
.lecv-rvw__star {padding-bottom: 12px; display: flex; align-items: flex-end;}
.lecv-rvw__star h5 {font-size: 20px; font-weight: 600; margin-right: 8px;}
.lecv-rvw__rating {display:inline-flex; flex-direction: row-reverse;}
.lecv-rvw__rating input {display:none;}
.lecv-rvw__rating label {overflow:hidden; width: 30px; height: 30px; white-space:nowrap; cursor:pointer; color:#ddd; display: block; position: relative;}
.lecv-rvw__rating :checked ~ label {color:#ffc700;}
.lecv-rvw__rating label:hover,
.lecv-rvw__rating label:hover ~ label {color:#ffc700;}
.lecv-rvw__rating:not(:checked) > label:before {content: '★ '; width: 30px; height: 30px; font-size: 30px; position: absolute; left: 0; top: 0; background: #fff; display: flex; align-items: center; justify-content: center;}
.lecv-rvw__input {display: flex;}
.lecv-rvw__input textarea {flex-grow: 1; padding: 8px; border: solid 1px #e5e5e5; height: 96px; resize: none; -webkit-border-radius: 0; border-radius: 0;}
.lecv-rvw__input textarea::placeholder {color: #ccc;}
.lecv-rvw__input textarea:focus {border-color: #0065c5;}
.lecv-rvw__input button {width: 96px; background: #06f; border: solid 1px #0065c5; color: #fff; font-size: 16px; font-weight: 500; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}

.lecv-rvw__nav {padding-bottom: 12px; display: flex; align-items: flex-end; justify-content: space-between;}
.lecv-rvw__nav dt {display: flex; align-items: center; font-size: 18px;}
.lecv-rvw__nav dt h5 {font-weight: 400;}
.lecv-rvw__nav dt strong {margin-left: 4px; font-weight: 600;}
.lecv-rvw__nav dd {display: flex; align-items: center;}
.lecv-rvw__nav dd ul {display: flex; align-items: center;}
.lecv-rvw__nav dd ul li {display: flex; align-items: center;}
.lecv-rvw__nav dd ul li:after {content: ''; display: block; width: 1px; height: 12px; background: #aaa; margin: 3px 12px 0;}
.lecv-rvw__nav dd ul li:last-child:after {display: none;}
.lecv-rvw__nav dd ul li a {font-size: 16px; color: #aaa; display: block; line-height: 1.0;}
.lecv-rvw__nav dd ul li a.active {color: #06f;}

.lecv-rvw__wrap {border-top: solid 1px #e5e5e5;}
.lecv-rvw__list li {border-bottom: solid 1px #e5e5e5; padding: 16px 0;}
.lecv-rvw__list li.none {width: 100%; color: #c5c5c5; border-bottom: none; font-weight: 400; font-size: 14px; text-align: center; padding-top: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.lecv-rvw__list li.none:before {content: ''; display: block; width: 70px; height: 70px; margin-bottom: 16px; background: url('https://img.megastudyth.com/lecture/review_nodata.png')no-repeat center center / cover;}
.lecv-rvw__info dl {display: flex; align-items: center; justify-content: space-between;}
.lecv-rvw__info dl dt h5 {display: inline; vertical-align: middle; font-size: 16px;}
.lecv-rvw__info dl dt a {padding: 0 4px; height: 18px; background: #ff6c7a; color: #fff; font-size: 11px; display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; -webkit-border-radius: 2px; border-radius: 2px;}
.lecv-rvw__info dl dt span {display: block; font-size: 12px; color: #888; margin-top: 4px;}
.lecv-rvw__info dl dd {display: flex; flex-direction: column; align-items: flex-end;}
.lecv-rvw__info dl dd p span {color: #ffc700; font-size: 20px;}
.lecv-rvw__info dl dd button {background: #ff6c7a; color: #fff; padding: 3px 6px; line-height: 1.0; margin-top: 4px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.lecv-rvw__info dl dd button em {color: #fff; font-style: normal; font-size: 12px; margin-left: 2px;}
.lecv-rvw__content {margin-top: 16px; font-size: 14px; font-weight: 300; line-height: 1.4;}
.lecv-rvw__more {background: none; font-size: 16px; height: 48px; padding: 0 48px; background: #fff; border: solid 1px #333; display: flex; align-items: center; margin: 16px auto 0;}
.lecv-rvw__more:after {content: ''; display: block; margin-left: 12px; box-sizing: border-box; width: 8px; height: 8px; border-right: solid 2px #333; border-bottom: solid 2px #333; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.lecv-post__none {color: #c5c5c5; border-bottom: none; font-weight: 400; font-size: 14px; text-align: center; padding-top: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.lecv-post__none:before {content: ''; display: block; width: 70px; height: 70px; margin-bottom: 16px; background: url('https://img.megastudyth.com/lecture/review_nodata.png')no-repeat center center / cover;}
.lecv-post__list {margin-top: -40px;}
.lecv-post__list li {padding: 0 16px; min-height: 49px; box-sizing: border-box; border-bottom: solid 1px #e5e5e5; display: flex; align-items: center; justify-content: space-between;}
.lecv-post__list li a {max-width: calc(100% - 80px); padding: 8px 0; display: inline-flex; align-items: center;}
.lecv-post__list li a:hover {text-decoration: underline;}
.lecv-post__list li a strong {font-weight: 400; font-size: 14px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lecv-post__list li a em {font-size: 10px; font-weight: 500; padding: 0 4px; height: 16px; border: solid 1px #06f; color: #06f; margin-right: 6px; font-style: normal; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.lecv-post__list li a span {font-size: 10px; font-weight: 500; width: 12px; height: 12px; background: #06f; color: #fff; margin-left: 6px; flex-shrink: 0;  display: flex; align-items: center; justify-content: center;}
.lecv-post__list li p {font-size: 11px; color: #666; width: 80px; flex-shrink: 0; text-align: right;}

.lecv-pass__tab {display: flex; flex-wrap: wrap;}
.lecv-pass__tab li:first-child:nth-last-child(2),
.lecv-pass__tab li:first-child:nth-last-child(2) ~ li {width: 50%;}
.lecv-pass__tab li:first-child:nth-last-child(3),
.lecv-pass__tab li:first-child:nth-last-child(3) ~ li {width: 33.3333%;}
.lecv-pass__tab li:first-child:nth-last-child(4),
.lecv-pass__tab li:first-child:nth-last-child(4) ~ li {width: 25%;}
.lecv-pass__tab li:first-child:nth-last-child(5),
.lecv-pass__tab li:first-child:nth-last-child(5) ~ li {width: 20%;}
.lecv-pass__tab li:first-child:nth-last-child(6),
.lecv-pass__tab li:first-child:nth-last-child(6) ~ li {width: 16.6666%;}
.lecv-pass__tab li a {height: 48px; text-align: center; border: solid 1px #e5e5e5; position: relative; border-right: none; display: flex; align-items: center; justify-content: center;}
.lecv-pass__tab li:last-child a {border-right: solid 1px #e5e5e5;}
.lecv-pass__tab li.on a:after {content: ''; display: block; height: 3px; position: absolute; left: -1px; right: -1px; bottom: -1px; background: #06f;}
.lecv-pass__tab2 {padding: 24px 0; margin: -2px; display: flex; flex-wrap: wrap;}
.lecv-pass__tab2 li {padding: 2px;}
.lecv-pass__tab2 li a {height: 28px; padding: 0 12px; font-size: 13px; text-align: center; border: solid 1px #e5e5e5; position: relative; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.lecv-pass__tab2 li a.on {background: #06f; border-color: #06f; color: #fff;}


@media (max-width: 1200px){
	.lecv-top__info {padding-right: 64px;}
	.lecv-top__label li span {font-size: 12px;}
	.lecv-top__title h3 {font-size: 32px;}
	.lecv-top__title p {font-size: 14px;}
	.lecv-top__img {width: 40%; -webkit-border-radius: 24px; border-radius: 24px;}
	.lecv-top__btn {margin-top: 24px;}
	.lecv-top__btn li:last-child {margin-right: 0;}
	.lecv-top__btn li a {width: 200px; height: 48px; font-size: 18px;}
	.lecv-smmry {min-height: auto; padding-top: 3rem; padding-bottom: 3rem;}
	.lecv-smmry__list {margin: 0 -8px;}
	.lecv-smmry__list li {padding: 0 8px;}
	.lecv-smmry__box {padding: 24px 16px;}
	.lecv-smmry__box:before {width: 32px; height: 32px; margin-right: 12px;}
	.lecv-smmry__box strong {font-size: 11px;}
	.lecv-smmry__box span {font-size: 13px;}
	.lecv-quick__fix.fixed {top: 84px;}
	.lecv-quick__btn li button {font-size: 16px;}
	.lecv-detail {padding: 40px 0;}
	.lecv-left {width: calc(100% - 280px);}
	.lecv-cont {padding: 0 24px 40px;}
	.lecv-right {width: 280px; padding-left: 16px;}
	.lecv-fixed {top:156px; padding: 16px;}
	.lecv-fixed__title {font-size: 16px;}
	.lecv-cost__total dt {font-size: 12px;}
	.lecv-cost__total dd strong {font-size: 24px;}
	.lecv-cost__btn {margin: 0 -2px; padding-top: 8px;}
	.lecv-cost__btn li {padding: 0 2px;}
	.lecv-cost__btn li a {height: 38px; font-size: 13px;}
	/* .lecv-group__title:before {font-size: 80px;} */
	.lecv-group__title span {font-size: 26px;}
	.lecv-group__detail dt {font-size: 15px; height: 24px;}
	.lecv-group__detail dd,
	.lecv-group__detail dd * {font-size: 14px !important;}

	.lecv-many {margin: -16px -8px;}
	.lecv-many > li {padding: 16px 8px;}
	.lecv-many dl dt h5 {font-size: 12px;}
	.lecv-many dl dt h5 strong {font-size: 14px;}
	.lecv-tutor dt {width: 160px;}
	.lecv-tutor dd {width: calc(100% - 160px);}
	.lecv-tutor dd h6 {font-size: 12px;}
	.lecv-tutor dd h5 {font-size: 26px;}
	.lecv-tutor dd ul {margin-top: 8px;}
	.lecv-tutor dd ul li a {padding: 0 12px; height: 30px; font-size: 12px;}

	.lecv-ebook {display: block; margin: 0;}
	.lecv-ebook > li {width: 100%; padding: 0; margin-bottom: 24px;}
	.lecv-ebook > li:last-child {margin-bottom: 0;}

	.lecv-warn dt {font-size: 16px;}
	.lecv-warn dd {font-size: 12px;}

	.lecv-pass__tab li a {height: 40px; font-size: 13px;}

}

@media (min-width: 993px){
	.lecv-mo__hide {display: block !important;}
	.lecv-mo__tgl {display: none;}
}

@media (max-width: 992px){
	.lecv-top__title h3 {font-size: 26px;}
	.lecv-top__title p {font-size: 12px;}
	.lecv-top__btn li a {width: 160px; height: 40px; font-size: 14px;}
	.lecv-smmry__list {margin: -4px; flex-wrap: wrap;}
	.lecv-smmry__list li {padding: 4px; width: 50%;}
	.lecv-smmry__box {padding: 16px;}
	.lecv-quick__fix.fixed {top: 56px;}
	.lecv-quick__btn li button {font-size: 14px;}
	#lecv + #ft-renew {padding-bottom: 120px;}
	.quick-bot {display: none;}
	.lecv-layout {display: block;}
	.lecv-left {width: 100%;}
	.lecv-right {width: auto; padding-left: 0; position: fixed; left: 0; right: 0; bottom: 60px; z-index: 100;}
	.lecv-fixed {top:156px; padding: 8px; -webkit-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0;}
	.lecv-mo__tgl {position: absolute; bottom: 100%; left: 50%; height: 14px; width: 56px; margin-left: -28px; background: #fff; text-indent: -9999px; border: solid 1px #000; border-bottom-color: #fff; -webkit-transform: perspective(30px) rotateX(20deg); -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}
	.lecv-mo__tgl:after {content: ''; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 6px 4px 6px; border-color: transparent transparent #000 transparent; transform: rotate(0deg); position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -2px;}
	.lecv-mo__tgl.active:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
	.lecv-mo__hide {display: none; padding: 8px;}
	.lecv-mo__bot {display: flex; align-items: center;}
	.lecv-fixed__title {font-size: 16px;}
	.lecv-cost__list {border-bottom: solid 1px #e5e5e5;}
	.lecv-cost__total {flex-grow: 1; padding-left: 8px;}
	.lecv-cost__total dt {display: none;}
	.lecv-cost__total dd strong {font-size: 24px;}
	.lecv-cost__btn {margin: 0; padding-top: 0; flex-shrink: 0;}
	.lecv-cost__btn li {padding: 0; margin-right: 4px;}
	.lecv-cost__btn li:last-child {margin-right: 0;}
	.lecv-cost__btn li a {height: 34px; width: 96px;}
}


@media all and (max-width:768px){
	.lecv-top {padding-top: 24px; padding-bottom: 24px;}
	.lecv-top__half {display: block;}
	.lecv-top__img {width: 100%; -webkit-border-radius: 12px; border-radius: 12px;}
	.lecv-top__info {padding-right: 0; margin-top: 16px;}
	.lecv-top__label li {margin-right: 4px;}
	.lecv-top__label li span {padding: 0 8px; height: 20px; font-size: 11px;}
	.lecv-top__title h3 {font-size: 20px; margin-top: 8px;}
	.lecv-top__title p {font-size: 11px; margin-top: 4px;}	
	.lecv-top__btn {margin-top: 16px; margin-left: -4px; margin-right: -4px;}
	.lecv-top__btn li {margin-right: 0; padding: 0 4px; width: 50%;}
	.lecv-top__btn li a {width: 100%;}
	.lecv-smmry {padding: 24px 0;}
	.lecv-smmry:before {display: none;}
	.lecv-smmry__list {margin: -2px;}
	.lecv-smmry__list li {padding: 2px;}
	.lecv-smmry__box {padding: 12px; justify-content: flex-start; -webkit-border-radius: 8px; border-radius: 8px;}
	.lecv-smmry__box:before {width: 24px; height: 24px; margin-right: 8px;}
	.lecv-smmry__box strong {font-size: 10px;}
	.lecv-smmry__box span {font-size: 11px;}
	.lecv-quick {height: 40px;}
	.lecv-quick__btn li {flex: auto; width: auto !important;}
	.lecv-quick__btn li button {height: 40px; font-size: 11px;}
	.lecv-detail {background: none;}

	.lecv-cont {padding: 0; border: none; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none;}
	.lecv-group {padding-top: 0;}
	.lecv-group__inner {padding: 24px 0 64px;}
	/* .lecv-group__title:before {display: none;} */
	.lecv-group__title span {font-size: 24px;}
	.lecv-group__detail {padding: 0; margin-bottom: 24px;}
	.lecv-group__detail dd,
	.lecv-group__detail dd * {font-size: 12px !important;}

	.lecv-many > li {width: 33.3333%;}
	.lecv-many dl dd ul li {margin: 0 1px;}
	.lecv-many dl dd ul li a {width: 24px; height: 24px;}
	.lecv-many dl dd ul li a.video {background-size: 12px auto;}
	.lecv-many dl dd ul li a.home {background-size: 10px auto;}
	.lecv-many dl dd ul li a.lecture {background-size: 16px auto;}
	.lecv-tutor {display: block; padding: 0; position: relative; padding-left: 120px; margin-bottom: 42px;}
	.lecv-tutor dt {width: 104px; position: absolute; left: 0; top: 50%; margin-top: -52px;}
	.lecv-tutor dd {width: 100%; padding-left: 0; margin-top: 0; min-height: 104px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
	.lecv-tutor dd h6 {font-size: 11px; font-weight: 400;}
	.lecv-tutor dd h5 {font-size: 24px;}
	.lecv-tutor dd p {font-size: 12px;}
	.lecv-tutor dd ul {margin-top: 0; position: absolute; top: 100%; left: -2px; right: -2px; margin-top: 12px;}
	.lecv-tutor dd ul li {padding: 0 2px; margin: 0; width: 25%; box-sizing: border-box;}
	.lecv-tutor dd ul li a {padding: 0; font-size: 11px;}
	
	.lecv-ebook > li {margin-bottom: 16px;}
	.lecv-ebook > li.none {font-size: 12px; padding-top: 24px;}
	.lecv-ebook > li.none:before {width: 50px; height: 37px;}
	.lecv-ebook > li dl dt {width: 80px;}
	.lecv-ebook > li dl dd {width: calc(100% - 80px); padding-left: 16px;}
	.lecv-ebook > li dl dd h4 {font-size: 16px;}
	.lecv-ebook > li dl dd ul {font-size: 10px;}
	.lecv-ebook > li dl dd ul li:last-child {margin-bottom: 0;}
	.lecv-ebook > li dl dd ul li strong {width: 74px; margin-right: 8px;}

	.lecv-crs {margin-top: 0;}
	.lecv-crs > li {padding: 0;}
	.lecv-crs > li > dl > dt {}
	.lecv-crs > li > dl > dt strong {font-size: 11px;}
	.lecv-crs > li > dl > dt a {font-size: 11px;}
	.lecv-crs.sm {margin: 0; padding: 0 12px;}
	.lecv-crs.sm > li > dl > dt {padding-right: 0;}
	.lecv-crs > li > dl > dd {margin-left: 8px;}
	.lecv-crs > li > dl > dd.lecv-crs__time {}
	.lecv-crs > li > dl > dd.lecv-crs__time br {display: none;}
	.lecv-crs > li > dl > dd.lecv-crs__play {display: block;}
	.lecv-crs > li > dl > dd.lecv-crs__play > a {font-size: 10px; height: 20px; padding: 0 6px; margin-bottom: 2px;}	
	.lecv-crs > li > dl > dd.lecv-crs__play > a:last-child {margin-bottom: 0;}
	.lecv-crs > li > dl > dd.lecv-crs__play > a:before,
	.lecv-crs > li > dl > dd.lecv-crs__play > a:after {display: none;}
	.lecv-crs > li > dl > dd.lecv-crs__tgl > a:after {display: block;}
	.lecv-crs > li > dl > dd.lecv-crs__tch {display: none;}
	.lecv-crs > li > dl > dd.lecv-crs__down > a {font-size: 10px; height: 20px; padding: 0 6px;}
	.lecv-crs > li > dl > dd.lecv-crs__down > a:before {display: none;}
	
	.lecv-crs > li > dl {padding: 8px 0; position: relative;}
	.lecv-crs > li > dl {flex-wrap: wrap;}
	.lecv-crs > li > dl > dt {width: 100%; padding-right: 40px;}
	.lecv-crs > li > dl > dd {margin-left: 0; margin-right: 8px;}
	.lecv-crs > li > dl > dd:last-child {margin-right: 0;}
	.lecv-crs > li > dl > dd.lecv-crs__prgs .mpg-main__recent--prgs {margin-right: 0;}
	.lecv-crs > li > dl > dd.lecv-crs__tgl {position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

	.lecv-crs__more {margin-top: -100px;}
	.lecv-crs__more button {font-size: 14px; height: 40px; padding: 0 40px;}

	.lecv-warn dt {font-size: 14px;}
	.lecv-warn dd {font-size: 11px;}
	.lecv-warn dd:before {width: 4px; margin-right: 4px; margin-top: 7px;}

	.lecv-rvw__star h5 {font-size: 16px;}
	.lecv-rvw__rating label {width: 20px; height: 20px;}
	.lecv-rvw__rating:not(:checked) > label:before {width: 20px; height: 20px; font-size: 20px;}
	.lecv-rvw__input textarea {height: 64px;}
	.lecv-rvw__input button {width: 64px; font-size: 12px;}
	.lecv-rvw__nav dt {font-size: 14px;}
	.lecv-rvw__nav dd ul li:after {height: 8px; margin: 6px 8px 0;}
	.lecv-rvw__nav dd ul li a {font-size: 14px;}

	.lecv-rvw__list li.none {font-size: 12px;}
	.lecv-rvw__list li.none:before {width: 56px; height: 56px;}

	.lecv-rvw__info dl {display: flex; align-items: center; justify-content: space-between;}
	.lecv-rvw__info dl dt h5 {display: inline; vertical-align: middle; font-size: 16px;}
	.lecv-rvw__info dl dt a {padding: 0 4px; height: 18px; background: #ff6c7a; color: #fff; font-size: 11px; display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; -webkit-border-radius: 2px; border-radius: 2px;}
	.lecv-rvw__info dl dt span {display: block; font-size: 12px; color: #888; margin-top: 4px;}
	.lecv-rvw__info dl dd {display: flex; flex-direction: column; align-items: flex-end;}
	.lecv-rvw__info dl dd p span {color: #ffc700; font-size: 20px;}
	.lecv-rvw__info dl dd button {background: #ff6c7a; color: #fff; padding: 3px 6px; line-height: 1.0; margin-top: 4px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
	.lecv-rvw__info dl dd button em {color: #fff; font-style: normal; font-size: 12px; margin-left: 2px;}

	.lecv-rvw__content {margin-top: 16px; font-size: 14px; font-weight: 300; line-height: 1.4;}
	.lecv-rvw__more {background: none; font-size: 16px; height: 48px; padding: 0 48px; background: #fff; border: solid 1px #333; display: flex; align-items: center; margin: 16px auto 0;}
	.lecv-rvw__more:after {content: ''; display: block; margin-left: 12px; box-sizing: border-box; width: 8px; height: 8px; border-right: solid 2px #333; border-bottom: solid 2px #333; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

	.lecv-post__list {margin-top: -24px;}
	.lecv-post__list li {padding: 8px 0; min-height: auto;}
	.lecv-post__list li a strong {font-size: 12px;}

	.lecv-pass__tab2 {padding: 16px 0;}
	.lecv-pass__tab2 li a {height: 24px; font-size: 11px;}

}




.lecv-form {margin-top: 24px;}
.lecv-form * {box-sizing: border-box;}
.lecv-form__box {border-radius: 12px; border: solid 1px #666; background: #fff; padding: 40px 24px 56px; box-sizing: border-box; position: relative;}
.lecv-form__title {text-align: center;}
.lecv-form__title h5 {font-size: 18px; font-weight: 400;}
.lecv-form__title h3 {font-size: 26px; font-weight: 500; margin-top: 4px;}
.lecv-form__chk {margin-top: 24px; padding: 12px; border: solid 1px #ebebeb; border-radius: 12px; display: flex; justify-content: center; align-items: center;}
.lecv-form__chk li {margin: 0 16px; display: flex; align-items: center;}
.lecv-form__chk li input[type="radio"] {content: ''; display: block; margin-right: 6px; width: 20px; height: 20px; background: none; cursor: pointer; border: solid 1px #ccc; position: relative; -webkit-border-radius: 50%; border-radius: 50%; -webkit-appearance: none; appearance: none;}
.lecv-form__chk li input[type="radio"]:checked {background: #0066FF; border-color: #0066FF;}
.lecv-form__chk li input[type="radio"]:checked:after {content: ''; display: block; width: 4px; height: 8px; margin-left: -3px; margin-top: -6px; border-bottom: solid 2px #fff; border-right: solid 2px #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 50%; top: 50%;}
.lecv-form__chk li input[type="radio"] + label {font-size: 14px; cursor: pointer;}
.lecv-form__ipt {padding-top: 24px; margin: -12px -8px; display: flex; flex-wrap: wrap;}
.lecv-form__ipt li {width: 50%; padding: 12px 8px;}
.lecv-form__ipt li label {font-size: 14px; margin-bottom: 8px; display: flex; align-items: center;}
.lecv-form__ipt li label span {display: block; width: 4px; height: 4px; background: #008EFF; margin-left: 4px; text-indent: -9999px; -webkit-border-radius: 8px; border-radius: 8px;}
.lecv-form__ipt li input[type="text"],
.lecv-form__ipt li input[type="tel"],
.lecv-form__ipt li select {display: block; width: 100%; height: 48px; padding: 0 16px; font-size: 14px; background: #F3F4F8; font-family: 'Kanit', sans-serif; border: none; -webkit-border-radius: 8px; border-radius: 8px; -webkit-appearance: none; appearance: none;}
.lecv-form__ipt li select {cursor: pointer; padding-right: 40px; background: #F3F4F8 url('https://img.megastudyth.com/customer/select_arrow.png')no-repeat right 16px center / 10px auto;}
.lecv-form__ipt li input[type="text"]::placeholder {color: #ccc;}
.lecv-form__ipt li input[type="tel"]::placeholder {color: #ccc;}
.lecv-form__ipt li input:focus,
.lecv-form__ipt li select:focus {outline: solid 2px #06f;}
.lecv-form__ipt li input[type="checkbox"] {display: block; cursor: pointer; width: 20px; height: 20px; border: solid 2px #ccc; -webkit-border-radius: 50%; border-radius: 50%; -webkit-appearance: none; appearance: none; position: relative;}
.lecv-form__ipt li input[type="checkbox"]:after {content: ''; display: block; box-sizing: border-box; width: 6px; height: 10px; border-right: solid 2px #ccc; border-bottom: solid 2px #ccc; position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top: -7px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.lecv-form__ipt li input[type="checkbox"] + label {margin-bottom: 0; margin-left: 8px; cursor: pointer;}
.lecv-form__ipt li input[type="checkbox"]:checked {background: #06f; border-color: #06f;}
.lecv-form__ipt li input[type="checkbox"]:checked:after {border-color: #fff;}
.lecv-form__submit {margin-top: 40px; display: flex; justify-content: center;}
.lecv-form__submit button {width: 220px; height: 48px; background: #B0B8C1; color: #fff; font-size: 16px; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 8px; border-radius: 8px;}
.lecv-form__submit button svg {width: 20px; height: 20px; margin-right: 8px; animation: spin 1s linear infinite;}
.lecv-form__submit button:disabled {background: #ccc; cursor: not-allowed;}
.lecv-form__submit button:disabled.loading {background: #0066FF;}
.lecv-form__close {width: 24px; height: 24px; background: none; display: none; position: absolute; right: 16px; top: 16px; text-indent: -9999px;}
.lecv-form__close:before,
.lecv-form__close:after {content: ''; display: block; width: 20px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -1px;}
.lecv-form__close:before {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.lecv-form__close:after {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
@keyframes spin {
	to {transform: rotate(360deg);}
}

.lecv-form.pop {margin-top: 0; padding: 24px 16px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1000; overflow-y: auto;}
.lecv-form.pop > div {display: table; width: 100%; height: 100%;}
.lecv-form.pop > div > div {display: table-cell; width: 100%; vertical-align: middle;}
.lecv-form.pop .lecv-form__box {padding: 0; width: 100%; max-width: 480px; background: none; margin: 0 auto; border: none; box-shadow: -4px 14px 24px 0px rgba(0, 0, 0, 0.25);}
.lecv-form.pop .lecv-form__title {padding: 20px; background: #0066FF; border-radius: 20px 20px 0 0;}
.lecv-form.pop .lecv-form__title h5 {color: #C1DAFF;}
.lecv-form.pop .lecv-form__title h3 {color: #fff;}
.lecv-form.pop .lecv-form__close {display: block;}
.lecv-form.pop .lecv-form__cont {padding: 24px 40px 40px; background: #fff; border-radius: 0 0 20px 20px;}
.lecv-form.pop .lecv-form__chk {margin-top: 0;}
.lecv-form.pop .lecv-form__ipt li:nth-child(1),
.lecv-form.pop .lecv-form__ipt li:nth-child(2) {width: 100%;}
.lecv-form.pop .lecv-form__submit {margin-top: 30px;}
.lecv-form.pop .lecv-form__submit button {background: #0066FF; width: 100%;}


@media (max-width:768px) {
	.lecv-form {border-radius: 8px; margin-top: 40px;}
	.lecv-form__box {padding: 24px 16px 32px;}
	.lecv-form__title h5 {font-size: 14px;}
	.lecv-form__title h3 {font-size: 20px;}
	.lecv-form__chk {margin-top: 16px; border-radius: 8px;}
	.lecv-form__chk li {margin: 0 8px;}
	.lecv-form__chk li input[type="radio"] + label {font-size: 12px;}
	.lecv-form__ipt {margin: 0; display: block;}
	.lecv-form__ipt li {width: 100%; padding: 0; margin-bottom: 24px;}
	.lecv-form__ipt li:last-child {margin-bottom: 0;}
	.lecv-form__ipt li label {font-size: 13px;}
	.lecv-form__ipt li input[type="text"],
	.lecv-form__ipt li input[type="tel"],
	.lecv-form__ipt li select {height: 40px; padding: 0 12px; font-size: 13px;}
	.lecv-form__ipt li select {padding-right: 40px; padding-right: 32px; background-size: 8px auto; background-position: right 12px center;}
	.lecv-form__submit {margin-top: 24px;}
	.lecv-form__submit button {width: 160px; height: 44px; font-size: 14px;}

	.lecv-form.pop .lecv-form__title {padding: 12px;}
	.lecv-form.pop .lecv-form__title h5 {font-size: 13px;}
	.lecv-form.pop .lecv-form__title h3 {font-size: 18px;}
	.lecv-form.pop .lecv-form__chk {padding: 8px;}
	.lecv-form.pop .lecv-form__cont {padding: 16px;}
	.lecv-form.pop .lecv-form__ipt {padding-top: 16px;}
	.lecv-form.pop .lecv-form__ipt li {margin-bottom: 16px;}
	.lecv-form.pop .lecv-form__submit {margin-top: 16px;}
	.lecv-form.pop .lecv-form__submit button {background: #0066FF; width: 100%;}
}





/* 마이페이지 공통 */
#mpg {position: relative; box-sizing: border-box; padding-left: 264px; padding-top: 74px; overflow: clip;}
#mpg #wrap {padding-top: 0;}
#mpg #ft-renew .main-inner {max-width: 100%; padding-left: 32px; padding-right: 32px;}
#mpg input,
#mpg select {font-family: 'Kanit', sans-serif;}

#mpg-msg {position: absolute; top: 0; right: 120px; top: 50%; z-index: 1000; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.mpg-msg__btn {display: block; width: 28px; height: 28px; position: relative; background: url('https://img.megastudyth.com/mypage/mypage_notice.png')no-repeat center center / 20px auto;}
.mpg-msg__btn span {display: none;}
.mpg-msg__btn em {position: absolute; left: 100%; bottom: 100%; margin-left: -12px; margin-bottom: -12px; background: #f00; height: 12px; min-width: 12px; box-sizing: border-box; padding: 0 4px; color: #fff; font-size: 11px; font-weight: 400; font-style: normal; white-space: nowrap; display: flex; align-items: center; justify-content: center;  -webkit-border-radius: 20px; border-radius: 20px;}
.mpg-msg__pop {display: none; width: 240px; margin-top: 16px; background: #fff; border: solid 1px #ddd; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15);}
.mpg-msg__pop.active {display: block;}
.mpg-msg__pop:before {content: ''; display: block; width: 12px; height: 12px; border-left: solid 1px #ddd; border-top: solid 1px #ddd; background: #fff; box-sizing: border-box; position: absolute; top: -7px; left: 50%; margin-left: -6px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mpg-msg__pop li {padding: 16px; border-bottom: solid 1px #ddd; position: relative;}
.mpg-msg__pop li:last-child {border-bottom: none;}
.mpg-msg__pop li a {display: block;}
.mpg-msg__pop li a h5 {font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mpg-msg__pop li a p {font-size: 11px; color: #888; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mpg-msg__pop li a span {display: block; font-size: 10px; margin-top: 8px;}
.mpg-msg__pop li.none {text-align: center; padding: 24px 16px; font-size: 12px; color: #888;}
.mpg-msg__pop li.none:before {content: ''; display: block; width: 22px; height: 20px; margin: 0 auto 4px; background: url('https://img.megastudyth.com/mypage/mypage_notice_nodata.png')no-repeat center center / cover;}
.mpg-msg__pop li.more {text-align: center; padding: 0;}
.mpg-msg__pop li.more a {font-size: 14px; padding: 16px; display: flex; align-items: center; justify-content: center;}
.mpg-msg__pop li.more a em {display: block; width: 7px; height: 7px; margin-left: 4px; position: relative;}
.mpg-msg__pop li.more a em:before,
.mpg-msg__pop li.more a em:after {content: ''; display: block; background: #333; position: absolute; left: 50%; top: 50%;}
.mpg-msg__pop li.more a em:before {width: 7px; height: 1px; margin-left: -4px;}
.mpg-msg__pop li.more a em:after {width: 1px; height: 7px; margin-left: -1px; margin-top: -3px;}

#mpg-user {position: absolute; right: 70px; top: 50%; z-index: 1000; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.mpg-user__btn {display: block; width: 28px; height: 28px; text-indent: -9999px; background: #06f url('https://img.megastudyth.com/mypage/mypage_user.png')no-repeat center center / 10px auto; -webkit-border-radius: 50%; border-radius: 50%;}
.mpg-user__pop {display: none; width: 184px; margin-top: 16px; padding: 16px; margin-left: -24px; box-sizing: border-box; background: #fff; border: solid 1px #ddd; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15);}
.mpg-user__pop:before {content: ''; display: block; width: 12px; height: 12px; border-left: solid 1px #ddd; border-top: solid 1px #ddd; background: #fff; box-sizing: border-box; position: absolute; top: -7px; left: 50%; margin-left: 18px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mpg-user__pop.active {display: block;}
.mpg-user__profile {display: flex; align-items: center; position: relative; padding-right: 16px;}
.mpg-user__profile:after {content: ''; display: block; width: 12px; height: 12px; position: absolute; right: 3px; top: 50%; margin-top: -6px; background: url('https://img.megastudyth.com/mypage/mypage_user_setting.png')no-repeat center center / cover; animation: rotate 2s linear  infinite;}
.mpg-user__profile em {flex-shrink: 0; margin-right: 8px; display: block; width: 32px; height: 32px; background: #ddd; -webkit-border-radius: 50%; border-radius: 50%;}
.mpg-user__profile h5 {font-size: 14px; font-weight: 400;}
.mpg-user__profile h5 strong {font-weight: 600;}
.mpg-user__profile p {font-size: 12px;}
.mpg-user__menu {border-top: solid 1px #ddd; margin-top: 16px; padding-top: 16px;}
.mpg-user__menu li {margin-bottom: 12px; display: flex; align-items: center;}
.mpg-user__menu li:last-child {margin-bottom: 0;}
.mpg-user__menu li a {font-size: 13px; flex-grow: 1; display: flex; align-items: center; justify-content: space-between;}
.mpg-user__menu li a span {display: block;}
.mpg-user__menu li a em {background: #333; height: 14px; padding: 0 6px; color: #fff; font-size: 10px; font-weight: 400; font-style: normal; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 20px; border-radius: 20px;}
.mpg-user__menu li:before {content: ''; display: block; width: 18px; height: 13px; margin-right: 6px; flex-shrink: 0;}
.mpg-user__menu li:nth-child(1):before {background: url('https://img.megastudyth.com/mypage/mypage_user_icon1.png')no-repeat center center / cover;}
.mpg-user__menu li:nth-child(2):before {background: url('https://img.megastudyth.com/mypage/mypage_user_icon2.png')no-repeat center center / cover;}
.mpg-user__menu li:nth-child(3):before {background: url('https://img.megastudyth.com/mypage/mypage_user_icon3.png')no-repeat center center / cover;}
.mpg-user__menu li:nth-child(4):before {background: url('https://img.megastudyth.com/mypage/mypage_user_icon4.png')no-repeat center center / cover;}
@keyframes rotate {100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}}

#mpg-wrap {}
#mpg-cont {padding: 32px 32px 64px; width: 100%; max-width: calc(1920px - 264px); box-sizing: border-box; margin: 0 auto;}
#mpg-aside {width: 264px; position: fixed; left: 0; top: 0; bottom: 0; border-right: solid 1px #ddd; padding: 74px 32px 32px; box-sizing: border-box; display: flex; flex-direction: column;}
.mpg-aside__menu {flex-grow: 1;}
.mpg-aside__menu > button {display: none;}
.mpg-aside__menu ul li {}
.mpg-aside__menu ul li a {padding: 16px; font-size: 14px; display: flex; align-items: center; -webkit-border-radius: 30px; border-radius: 30px;}
.mpg-aside__menu ul li a:before {content: ''; display: block; width: 20px; height: 20px; background: #ddd; margin-right: 12px; background: url('https://img.megastudyth.com/mypage/mypage_menu.png')no-repeat left top / 140px auto;}
.mpg-aside__menu ul li:nth-child(1) a:before {background-position: 0px top;}
.mpg-aside__menu ul li:nth-child(2) a:before {background-position: -20px top;}
.mpg-aside__menu ul li:nth-child(3) a:before {background-position: -40px top;}
.mpg-aside__menu ul li:nth-child(4) a:before {background-position: -60px top;}
.mpg-aside__menu ul li:nth-child(5) a:before {background-position: -80px top;}
.mpg-aside__menu ul li:nth-child(6) a:before {background-position: -100px top;}
.mpg-aside__menu ul li:nth-child(7) a:before {background-position: -120px top;}
.mpg-aside__ad {flex-shrink: 0;}
.mpg-aside__ad--slider {position: relative;}
.mpg-aside__ad--slider .slick-list {-webkit-border-radius: 12px; border-radius: 12px; overflow: hidden;}
.mpg-aside__ad--slider .slick-dots {position: absolute; top: 1005; margin-top: 8px; left: 50%; display: flex; justify-content: center; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.mpg-aside__ad--slider .slick-dots li {margin: 0 3px;}
.mpg-aside__ad--slider .slick-dots li button {display: block; width: 8px; height: 8px; background: #ccc; text-indent: -9999px; -webkit-border-radius: 50%; border-radius: 50%;}
.mpg-aside__ad--slider .slick-dots li.slick-active button {background: #06f;}
.mpg-aside__ad--item {display: block !important;}
.mpg-aside__ad--item a {display: block;}
.mpg-aside__ad--item a img {display: block;}


@media (min-width: 993px){
	#mpg-gnb {position: fixed; left: 264px; right: 0; top: 0; z-index: 1000;}
	#mpg-gnb:before {content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,0.02); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
	#mpg-gnb #gnb {position: relative; border-bottom: none; background: none;}
	#mpg-gnb .gnb-logo {left: auto; right: 100%; top: 0; width: 264px; box-sizing: border-box; display: flex; justify-content: center;}
	#mpg-gnb .gnb-sch__toggle {right: 24px; margin-top: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
	#mpg-gnb .gnb-wrap {padding: 0 !important;}
	#mpg-gnb .gnb-wrap:before {display: none;}
	#mpg-gnb .gnb-menu ul {padding: 0 32px; justify-content: flex-start;}
	#mpg-gnb .gnb-menu ul li {margin-left: 0; margin-right: 32px;}
	#mpg-gnb .gnb-login {display: none;}
	#mpg-gnb .gnb-tab {display: none;}
	#mpg-gnb #gnb.scroll {-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);}
	#mpg-gnb #gnb.on ~ #mpg-msg,
	#mpg-gnb #gnb.on ~ #mpg-user {z-index: 0;}
	.mpg-aside__menu {padding-top: 16px;}
	.mpg-aside__menu ul li a.active {background: #06f; color: #fff; border: solid 1px #333;}
	.mpg-aside__menu ul li:nth-child(1) a.active:before {background-position: 0px bottom;}
	.mpg-aside__menu ul li:nth-child(2) a.active:before {background-position: -20px bottom;}
	.mpg-aside__menu ul li:nth-child(3) a.active:before {background-position: -40px bottom;}
	.mpg-aside__menu ul li:nth-child(4) a.active:before {background-position: -60px bottom;}
	.mpg-aside__menu ul li:nth-child(5) a.active:before {background-position: -80px bottom;}
	.mpg-aside__menu ul li:nth-child(6) a.active:before {background-position: -100px bottom;}
	.mpg-aside__menu ul li:nth-child(7) a.active:before {background-position: -120px bottom;}
}

@media all and (min-width:1201px) and (max-width:1400px) { 
	#mpg {padding-left: 240px;}
	#mpg-gnb {left: 240px;}
	#mpg-gnb .gnb-wrap {padding-left: 0; padding-right: 0;}
	#mpg-gnb .gnb-logo {left: auto; width: 240px;}
	#mpg-cont {max-width: calc(1920px - 240px);}
	#mpg-aside {width: 240px;}
	.mpg-aside__menu {margin-left: -16px; margin-right: -16px;}
}

@media all and (min-width:993px) and (max-width:1200px) { 
	#mpg {padding-top: 56px; padding-left: 200px;}
	#mpg-gnb {left: 200px;}
	#mpg-gnb .gnb-logo {left: auto; top: 0; width: 200px;}
	#mpg-gnb .gnb-menu ul li {margin-right: 24px;}
	#mpg-gnb .gnb-menu ul li a {font-size: 15px;}
	#mpg-aside {width: 200px; padding: 56px 16px 16px;}
	.mpg-aside__ad--slider .slick-dots {margin-top: 4px;}
}

@media (max-width: 992px){
	#mpg {padding-top: 98px; padding-left: 0;}
	#mpg-msg {display: none;}
	#mpg-user {display: none;}
	#mpg-aside {z-index: 900; right: 0; top: 56px; padding: 0; bottom: auto; width: auto; background: #f5f5f5; border-right: none;}
	.mpg-aside__menu {margin-top: 0; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; border-right: none;}
	.mpg-aside__menu > button {width: 100%; height: 40px; font-size: 15px; background: none; padding: 0 16px; display: flex; align-items: center; justify-content: space-between;}
	.mpg-aside__menu > button:before {content: ''; display: none; position: fixed; left: 0; right: 0; top: 98px; bottom: 0; background: rgba(0,0,0,0.5);}
	.mpg-aside__menu > button.active:before {display: block;}
	.mpg-aside__menu > button:after {content: ''; display: block; width: 6px; height: 6px; border-right: solid 1px #333; border-bottom: solid 1px #333; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.mpg-aside__menu > button.active:after {-webkit-transform: rotate(225deg); transform: rotate(225deg);}
	.mpg-aside__menu ul {position: absolute; z-index: 1; top: 100%; left: 0; right: 0; background: #fff; display: none; border-bottom: solid 1px #ddd;}
	.mpg-aside__menu ul.active {display: block;}
	.mpg-aside__menu ul li a.active {}
	.mpg-aside__ad {display: none;}
}

@media (max-width: 768px){
	#mpg-cont {padding: 32px 20px 40px;}
}




/* 마이페이지 메인 */
.mpg-main__row {display: flex; margin: -16px; padding-bottom: 16px;}
.mpg-main__row:last-child {padding-bottom: 0;}
.mpg-main__col {padding: 16px; box-sizing: border-box;}
.mpg-main__col.col33 {width: 33.3333%;}
.mpg-main__col.col30 {width: 30%;}
.mpg-main__col.col70 {width: 70%;}
.mpg-main__row2 {display: flex; margin: -8px; height: calc(100% + 16px);}
.mpg-main__row2 > .mpg-main__col {padding: 8px;}
.mpg-main__box {padding: 24px; display: flex; flex-direction: column;}
.mpg-main__box.shadow {background: #fff; height: 100%; box-sizing: border-box; border: solid 1px #666; -webkit-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);}
.mpg-main__box.nosdw {padding-left: 0; padding-right: 0;}
.mpg-main__top {flex-shrink: 0; display: flex; align-items: center; margin-bottom: 16px; position: relative;}
.mpg-main__top h3 {flex-grow: 1; font-size: 20px; font-weight: 500;}
.mpg-main__box.nosdw .mpg-main__more {margin-right: 16px;}
.mpg-main__more {flex-shrink: 0; display: block; width: 23px; height: 23px; box-sizing: border-box; border: solid 1px #333; text-indent: -9999px; position: relative; -webkit-border-radius: 4px; border-radius: 4px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.mpg-main__more:before,
.mpg-main__more:after {content: ''; display: block; position: absolute; background: #333; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.mpg-main__more:before {width: 11px; height: 1px; left: 5px; top: 10px;}
.mpg-main__more:after {width: 1px; height: 11px; left: 10px; top: 5px;}
.mpg-main__more:hover {background: #333;}
.mpg-main__more:hover:before,
.mpg-main__more:hover:after {background: #fff;}

.mpg-main__hi {position: absolute; right: 0; bottom: 0; font-size: 24px; font-weight: 300;}
.mpg-main__hi strong {}

.mpg-main__over {}
.mpg-main__over--list {display: flex; flex-wrap: wrap; margin: 0 -8px;}
.mpg-main__over--list li {width: 25%; padding: 0 8px; height: 132px; box-sizing: border-box;}
.mpg-main__over--list li a {display: block;}
.mpg-main__over--list li a h5 {font-size: 14px; font-weight: 300; display: flex; align-items: center;}
.mpg-main__over--list li a h5:before {flex-shrink: 0; content: ''; display: block; width: 24px; height: 24px; background: #ddd; margin-right: 8px; -webkit-border-radius: 4px; border-radius: 4px;}
.mpg-main__over--list li:nth-child(1) a h5:before {background: #23bf77 url('https://img.megastudyth.com/mypage/mypage_overview_1.png')no-repeat center center / cover;}
.mpg-main__over--list li:nth-child(2) a h5:before {background: #eb6038 url('https://img.megastudyth.com/mypage/mypage_overview_2.png')no-repeat center center / cover;}
.mpg-main__over--list li:nth-child(3) a h5:before {background: #287eff url('https://img.megastudyth.com/mypage/mypage_overview_3.png')no-repeat center center / cover;}
.mpg-main__over--list li:nth-child(4) a h5:before {background: #9b71ff url('https://img.megastudyth.com/mypage/mypage_overview_4.png')no-repeat center center / cover;}
.mpg-main__over--list li a h3 {font-size: 50px; margin-top: 8px; line-height: 1.0; text-align: right; font-family: 'Rajdhani', sans-serif; font-weight: 700;}

.mpg-main__recent {}
.mpg-main__recent--wrap {height: 238px;}
.mpg-main__recent--tb {border-collapse: unset;}
.mpg-main__recent--tb thead {position: relative;}
.mpg-main__recent--tb thead:after {content: ''; display: block; height: 1px; background: #333; position: absolute; left: 0; right: 0; bottom: 0;}
.mpg-main__recent--tb th {padding: 0; text-align: left; font-size: 13px; font-weight: 300; line-height: 32px;}
.mpg-main__recent--tb td {padding: 8px 0; font-size: 13px;}
.mpg-main__recent--tb tr.none td {text-align: center; padding: 24px 0 0;}
.mpg-main__recent--tb tr.none td p {font-size: 13px; height: 100%; color: #c4cad1; font-weight: 300; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.mpg-main__recent--tb tr.none td p:before {content: ''; display: block; width: 64px; height: 42px; margin-bottom: 8px; background: url('https://img.megastudyth.com/mypage/mypage_nodata.png')no-repeat center center / cover;}
.mpg-main__recent--tb tr.none td a {margin-top: 16px; border: solid 1px #333; height: 32px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.mpg-main__recent--title {display: flex; align-items: center; padding-right: 16px;}
.mpg-main__recent--title em {display: block; width: 80px; height: 48px; flex-shrink: 0; margin-right: 8px; -webkit-border-radius: 4px; border-radius: 4px;}
.mpg-main__recent--title em.none {border: solid 1px #e5e5e5; background: #fafafa url('https://img.megastudyth.com/lecture/ebook_thumb_default.png')no-repeat center center / 40px auto;}
.mpg-main__recent--title strong {display: block; font-size: 14px; font-weight: 500; flex-grow: 1; display: flex; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; max-height: 1.3em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.mpg-main__recent--tutor {display: flex; align-items: center;}
.mpg-main__recent--tutor em {display: block; margin-right: 8px; width: 32px; height: 32px; background: #ddd; position: relative; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; flex-shrink: 0;}
.mpg-main__recent--tutor em img {display: block; position: absolute; left: 0; width: 100%; bottom: -30%;}
.mpg-main__recent--tutor span {}
.mpg-main__recent--prgs {width: 80px;}
.mpg-main__recent--prgs {position: relative;}
.mpg-main__recent--prgs dt {background: #ddd; height: 8px; -webkit-border-radius: 24px; border-radius: 24px; overflow: hidden;}
.mpg-main__recent--prgs dt span {display: block; position: relative; height: 100%; -webkit-border-radius: 24px; border-radius: 24px; background: linear-gradient(to right,  #06f 0%,#06f 100%);}
.mpg-main__recent--prgs dd {display: none; position: absolute; bottom: 100%; background: #fff; border: solid 1px #333; white-space: nowrap; font-size: 13px; padding: 2px 4px; margin-bottom: 6px; margin-left: -2px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 4px; border-radius: 4px;}
.mpg-main__recent--prgs dd:before {content: ''; display: block; width: 6px; height: 6px; border-right: solid 1px #333; border-bottom: solid 1px #333; background: #fff; box-sizing: border-box; position: absolute; bottom: -4px; left: 50%; margin-left: -3px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mpg-main__recent--prgs:hover dd {display: block;}

.mpg-main__rcm {}
.mpg-main__rcm--slider {margin: 0 -24px;}
.mpg-main__rcm--slider .slick-list {overflow: hidden; padding: 0 8px;}
.mpg-main__rcm--slider .slick-slide {padding: 0 16px;}
.mpg-main__rcm--item {display: block !important;}
.mpg-main__rcm--item dl {}
.mpg-main__rcm--item dl dt {}
.mpg-main__rcm--item dl dt em {display: block; padding-bottom: 59.6%; -webkit-border-radius: 12px; border-radius: 12px;}
.mpg-main__rcm--item dl dd {margin-top: 8px;}
.mpg-main__rcm--item dl dd strong {display: none;}
.mpg-main__rcm--item dl dd div {}
.mpg-main__rcm--item dl dd h5 {font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mpg-main__rcm--item dl dd p {font-size: 12px; color: #888; font-weight: 300; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; max-height: 2.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mpg-main__rcm--arrows {display: flex; border: solid 1px #333; -webkit-border-radius: 4px; border-radius: 4px;}
.mpg-main__rcm--arrows .slick-arrow {display: block; width: 21px; height: 21px; text-indent: -9999px; position: relative; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.mpg-main__rcm--arrows .slick-prev {border-right: solid 1px #333;}
.mpg-main__rcm--arrows .slick-next {}
.mpg-main__rcm--arrows .slick-arrow:after {content: ''; display: block; width: 5px; height: 5px; border-top: solid 1px #333; position: absolute; left: 50%; top: 50%; margin-top: -2px; box-sizing: border-box; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.mpg-main__rcm--arrows .slick-prev:after {margin-left: -2px; border-left: solid 1px #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.mpg-main__rcm--arrows .slick-next:after {margin-left: -3px; border-right: solid 1px #333; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mpg-main__rcm--arrows .slick-arrow:hover {background: #333;}
.mpg-main__rcm--arrows .slick-arrow:hover:after {border-color: #fff;}

.mpg-main__exam {}
.mpg-main__exam--list {flex-grow: 1; display: flex; flex-direction: column;}
.mpg-main__exam--list li {height: 20%; border-bottom: solid 1px #333; display: flex; align-items: center;}
.mpg-main__exam--list li:last-child {border-bottom: none;}
.mpg-main__exam--list li.none {height: 100%; display: flex; align-items: center; justify-content: center;}
.mpg-main__exam--list li a {display: block; width: 100%; position: relative; padding-right: 16px;}
.mpg-main__exam--list li a:after {content: ''; display: block; width: 6px; height: 6px; position: absolute; right: 8px; top: 50%; box-sizing: border-box; margin-top: -3px; border-right: solid 1px #666; border-top: solid 1px #666; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mpg-main__exam--list li a h5 {font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mpg-main__exam--list li a p {font-size: 11px; margin-top: 8px; color: #888; font-weight: 300; display: flex; align-items: center;}
.mpg-main__exam--list li a p span {display: flex; align-items: center;}
.mpg-main__exam--list li a p span:after {content: ''; display: block; background: #888; width: 1px; height: 8px; margin: 0 8px;}
.mpg-main__exam--list li a p span:last-child:after {display: none;}
.mpg-main__exam--list li.none {font-size: 13px; height: 100%; color: #c4cad1; font-weight: 300; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.mpg-main__exam--list li.none:before {content: ''; display: block; width: 64px; height: 42px; margin-bottom: 8px; background: url('https://img.megastudyth.com/mypage/mypage_nodata.png')no-repeat center center / cover;}
.mpg-main__exam--more {flex-shrink: 0; margin-top: 16px;}
.mpg-main__exam--more a {background: #333; color: #fff; height: 48px; max-width: 400px; margin: 0 auto; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 40px; border-radius: 40px;}

.mpg-main__status {}
.mpg-main__week {flex-grow: 1;}
.mpg-main__week--all {display: block; width: 20px; height: 20px; text-indent: -9999px; background: url('https://img.megastudyth.com/mypage/mypage_calendar.png')no-repeat center center / cover;}
.mpg-main__week--tb {overflow: hidden; border: solid 1px #333; -webkit-border-radius: 8px; border-radius: 8px;}
.mpg-main__week--tb > div {margin: -1px;}
.mpg-main__week--tb th,
.mpg-main__week--tb td {border: solid 1px #333; text-align: center; width: 14.2857%;}
.mpg-main__week--tb th {font-size: 12px; font-weight: 400; padding: 4px; background: #f5f5f5;}
.mpg-main__week--tb td {padding: 8px 0;}
.mpg-main__week--tb td span {width: 24px; height: 24px; font-size: 12px; line-height: 1.0; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 40px; border-radius: 40px;}
.mpg-main__week--tb td span.scss {background: #06f; color: #fff;}
.mpg-main__week--tb td span.fail {background: #bbb; color: #fff;}

.mpg-main__wkpop {display: none; background: rgba(0,0,0,0.7); position: fixed; z-index: 2000; left: 0; right: 0; top: 0; bottom: 0; overflow-y: auto; padding: 96px 16px;}
.mpg-main__wkpop > div {width: 100%; height: 100%; display: table;}
.mpg-main__wkpop > div > div {display: table-cell; width: 100%; vertical-align: middle;}
.mpg-main__wkpop--box {width: 100%; max-width: 420px; margin: 0 auto; background: #fff; padding: 16px; box-sizing: border-box; position: relative; -webkit-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.28); box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.28);}
.mpg-main__wkpop--top {display: flex; align-items: center;}
.mpg-main__wkpop--top h4 {flex-grow: 1; font-size: 20px;}
.mpg-main__wkpop--top a {display: block; width: 32px; height: 32px; background: none; text-indent: -9999px; flex-shrink: 0; position: relative;}
.mpg-main__wkpop--top a:before,
.mpg-main__wkpop--top a:after {content: ''; display: block; width: 26px; height: 3px; background: #333; position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -1px;}
.mpg-main__wkpop--top a:before {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.mpg-main__wkpop--top a:after {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mpg-main__wkpop--cal {margin-top: 16px;}
.mpg-main__wkpop--cal .ui-datepicker {width: 100%; border: none !important; padding: 0; font-family: 'Kanit', sans-serif;}
.mpg-main__wkpop--cal .ui-datepicker-header {border: none; background: none; border-top: solid 1px #333; border-bottom: solid 1px #333; -webkit-border-radius: 0px; border-radius: 0px;}

.mpg-main__wkpop--cal .ui-datepicker .ui-datepicker-prev,
.mpg-main__wkpop--cal .ui-datepicker .ui-datepicker-next {width: 32px; height: 32px; top: 50%; background: none; border: none !important; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.mpg-main__wkpop--cal .ui-datepicker .ui-datepicker-prev {left: 0;}
.mpg-main__wkpop--cal .ui-datepicker .ui-datepicker-next {right: 0;}
.mpg-main__wkpop--cal .ui-datepicker .ui-datepicker-prev span,
.mpg-main__wkpop--cal .ui-datepicker .ui-datepicker-next span {display: none;}
.mpg-main__wkpop--cal .ui-datepicker .ui-datepicker-prev:after,
.mpg-main__wkpop--cal .ui-datepicker .ui-datepicker-next:after {content: ''; display: block; width: 12px; height: 12px; border-top: solid 2px #333; box-sizing: border-box; position: absolute; left: 50%; top: 50%; margin-top: -6px;}
.mpg-main__wkpop--cal .ui-datepicker .ui-datepicker-prev:after {border-left: solid 2px #333; margin-left: -4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.mpg-main__wkpop--cal .ui-datepicker .ui-datepicker-next:after {border-right: solid 2px #333; margin-left: -8px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mpg-main__wkpop--cal .ui-datepicker .ui-datepicker-title {font-size: 16px; font-weight: 600;}
.mpg-main__wkpop--cal .ui-datepicker-calendar {width: 100%; table-layout: fixed;}
.mpg-main__wkpop--cal .ui-datepicker-calendar th,
.mpg-main__wkpop--cal .ui-datepicker-calendar td {width: 14.2857%; cursor: default;}
.mpg-main__wkpop--cal .ui-datepicker-calendar th {font-weight: 500; font-size: 12px;}
.mpg-main__wkpop--cal .ui-datepicker-calendar td {text-align: center; color: #B7B7B7;}
.mpg-main__wkpop--cal .ui-datepicker-calendar td span,
.mpg-main__wkpop--cal .ui-datepicker-calendar td a {display: inline-flex; width: 24px; height: 24px; position: relative; background: none; color: #000; border: none; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}
.mpg-main__wkpop--cal .ui-datepicker-calendar td a {color: #fff; background: #025AF6;}

.mpg-main__prgs {flex-shrink: 0;}
.mpg-main__prgs--bar {position: relative; margin-top: 24px;}
.mpg-main__prgs--bar dt {background: #ddd; height: 12px; -webkit-border-radius: 24px; border-radius: 24px; overflow: hidden;}
.mpg-main__prgs--bar dt span {display: block; position: relative; height: 100%; -webkit-border-radius: 24px; border-radius: 24px; background: linear-gradient(to right,  #06f 0%,#06f 100%);}
.mpg-main__prgs--bar dt span:before,
.mpg-main__prgs--bar dt span:after {content: ''; display: block; width: 4px; height: 4px; z-index: 1; background: #fff; position: absolute; top: 50%; margin-top: -2px; -webkit-border-radius: 50%; border-radius: 50%;}
.mpg-main__prgs--bar dt span:before {left: 5px;}
.mpg-main__prgs--bar dt span:after {right: 5px;}
.mpg-main__prgs--bar dd {display: block; position: absolute; bottom: 100%; border: solid 1px #333; font-size: 13px; padding: 2px 4px; margin-bottom: 6px; margin-left: -6px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 4px; border-radius: 4px; background: #fff;}
.mpg-main__prgs--bar dd:before {content: ''; display: block; width: 6px; height: 6px; border-right: solid 1px #333; border-bottom: solid 1px #333; background: #fff; box-sizing: border-box; position: absolute; bottom: -4px; left: 50%; margin-left: -3px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.mpg-main__smry {margin-top: 16px; padding: 0 8px;}
.mpg-main__smry li {font-size: 13px; margin-bottom: 6px; display: flex; align-items: center;}
.mpg-main__smry li:last-child {margin-bottom: 0;}
.mpg-main__smry li span {flex-shrink: 0; width: 120px;}
.mpg-main__smry li strong {}

.mpg-main__list {flex-grow: 1;}
.mpg-main__list li {height: 25%; display: flex; align-items: center; border-bottom: solid 1px #ddd;}
.mpg-main__list li:last-child {border-bottom: none;}
.mpg-main__list li.none {font-size: 13px; height: 100%; color: #c4cad1; font-weight: 300; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.mpg-main__list li.none:before {content: ''; display: block; width: 64px; height: 42px; margin-bottom: 8px; background: url('https://img.megastudyth.com/mypage/mypage_nodata.png')no-repeat center center / cover;}
.mpg-main__list li a {font-size: 13px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mpg-main__list li a h5 {font-size: 15px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mpg-main__list li a p {font-size: 11px; color: #888; font-weight: 300; margin-top: 4px;}

.mpg-main__notice {}
.mpg-main__qna {}
.mpg-main__msg {}

.mpg-main__quick {}
.mpg-main__quick li {margin-bottom: 8px;}
.mpg-main__quick li:last-child {margin-bottom: 0;}
.mpg-main__quick li a {height: 96px; color: #fff; display: flex; align-items: center; -webkit-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);}
.mpg-main__quick li a:before,
.mpg-main__quick li a:after {content: ''; display: block; height: 100%; flex-shrink: 0;}
.mpg-main__quick li a > div {flex-grow: 1; padding: 0 16px;}
.mpg-main__quick li a h5 {font-size: 20px;}
.mpg-main__quick li a p {font-size: 14px;}
.mpg-main__quick li:nth-child(1) a {background: #3b3ad4;}
.mpg-main__quick li:nth-child(1) a:after {width: 146px; margin-right: 24px; background: url('https://img.megastudyth.com/mypage/mypage_quick_1.png')no-repeat center bottom / 100% auto;}
.mpg-main__quick li:nth-child(1) a > div {display: flex; align-items: center;}
.mpg-main__quick li:nth-child(1) a span {display: block; background: #FF4532; position: relative; padding: 0 8px; height: 20px; margin-left: 4px; line-height: 1.0; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}
.mpg-main__quick li:nth-child(2) a {background: linear-gradient(to right,  rgba(241,73,24,1) 0%,rgba(250,144,9,1) 100%);}
.mpg-main__quick li:nth-child(2) a:before {width: 121px; margin-left: 24px; background: url('https://img.megastudyth.com/mypage/mypage_quick_2.png')no-repeat center bottom / 100% auto;}
.mpg-main__quick li:nth-child(2) a > div {display: flex; flex-direction: column; align-items: flex-end;}
.mpg-main__quick li:nth-child(3) a {background: #444;}
.mpg-main__quick li:nth-child(3) a:after {width: 120px; margin-right: 24px; background: url('https://img.megastudyth.com/mypage/mypage_quick_3.png')no-repeat center center / 100% auto;}

@media (max-width: 1600px){
	.mpg-main__quick li a h5 {font-size: 16px;}
	.mpg-main__quick li a p {font-size: 12px;}
	.mpg-main__quick li:nth-child(1) a:after {width: 120px; margin-right: 16px;}
	.mpg-main__quick li:nth-child(2) a:before {width: 96px; margin-left: 16px;}
	.mpg-main__quick li:nth-child(3) a:after {width: 96px; margin-right: 16px;}
}

@media (max-width: 1400px){
	.mpg-main__row {display: block; margin: 0;}
	.mpg-main__row2 {padding-top: 24px;}
	.mpg-main__col {padding: 0;}
	.mpg-main__col.col30 {width: 100%;}
	.mpg-main__col.col70 {width: 100%;}
	.mpg-main__exam {margin-top: 16px;}
	.mpg-main__exam--list li {padding: 8px 0;}
	.mpg-main__exam--list li.none {padding: 40px 0;}
	.mpg-main__rcm {margin-top: 24px;}
	.mpg-main__status {margin-top: 40px;}
	.mpg-main__prgs {margin-top: 24px;}
	.mpg-main__list li {padding: 8px 0;}
	.mpg-main__list li.none {padding: 40px 0;}
	.mpg-main__quick {display: flex; margin: 0 -8px; padding-top: 16px;}
	.mpg-main__quick li {padding: 0 8px; width: 33.3333%;}
	.mpg-main__quick li a {height: 80px;}
}

@media (max-width: 1200px){
	.mpg-main__over--list li {height: 116px;}
	.mpg-main__over--list li a {padding: 16px;}
	.mpg-main__over--list li a h5 {font-size: 13px;}
	.mpg-main__quick li a h5 {font-size: 14px;}
	.mpg-main__quick li a p {font-size: 11px;}
	.mpg-main__quick li:nth-child(1) a:after {width: 96px; margin-right: 0;}
	.mpg-main__quick li:nth-child(2) a:before {width: 72px; margin-left: 4px;}
	.mpg-main__quick li:nth-child(3) a:after {width: 64px;}
}

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

@media all and (max-width:768px){
	.mpg-main__row {display: block; margin: 0; padding-bottom: 0;}
	.mpg-main__row2 {padding-top: 0; margin: 0; display: block;}
	.mpg-main__row2 > .mpg-main__col {padding: 0;}
	.mpg-main__col.col33 {width: 100%;}
	.mpg-main__box {padding: 16px;}
	.mpg-main__top h3 {font-size: 18px;}
	.mpg-main__box.nosdw {padding: 0;}
	.mpg-main__box.nosdw .mpg-main__more {margin-right: 0;}
	.mpg-main__hi {font-size: 18px;}

	.mpg-main__over--list {margin: -4px;}
	.mpg-main__over--list li {width: 50%; padding: 4px; height: 90px;}
	.mpg-main__over--list li a {padding: 8px;}
	.mpg-main__over--list li a h5 {font-size: 12px;}
	.mpg-main__over--list li a h3 {font-size: 40px; margin-top: 0;}
	
	.mpg-main__recent {margin-top: 24px;}
	.mpg-main__recent--wrap {height: auto;}
	.mpg-main__recent--tb thead {display: none;}
	.mpg-main__recent--tb,
	.mpg-main__recent--tb tbody,
	.mpg-main__recent--tb tr,
	.mpg-main__recent--tb td {display: block;}
	.mpg-main__recent--tb tr {position: relative; padding: 12px 0 12px 96px; display: flex; flex-wrap: wrap; align-items: center;}
	.mpg-main__recent--tb td {padding: 0; font-size: 11px;}
	.mpg-main__recent--tb td:first-child {width: 100%;}
	.mpg-main__recent--tb tr.none {padding: 0;}
	.mpg-main__recent--tb tr.none td {width: 100%;}
	.mpg-main__recent--title {padding-right: 0;}
	.mpg-main__recent--title em {position: absolute; left: 0; top: 50%; margin-top: -24px;}
	.mpg-main__recent--tutor {display: none;}
	.mpg-main__recent--prgs {margin-right: 24px;}

	.mpg-main__rcm {margin-top: 16px;}
	.mpg-main__rcm--slider {margin: 0 -16px;}
	.mpg-main__exam {margin-top: 24px;}	
	.mpg-main__status {margin-top: 16px;}
	.mpg-main__notice {margin-top: 16px;}
	.mpg-main__qna {margin-top: 16px;}
	.mpg-main__msg {margin-top: 16px;}

	.mpg-main__quick {display: block; margin: 0; padding-top: 0; margin-top: 16px;}
	.mpg-main__quick li {padding: 0; width: 100%;}
	.mpg-main__quick li a h5 {font-size: 16px;}
	.mpg-main__quick li a p {font-size: 12px;}
	.mpg-main__quick li:nth-child(1) a:after {width: 120px; margin-right: 16px;}
	.mpg-main__quick li:nth-child(2) a:before {width: 96px; margin-left: 16px;}
	.mpg-main__quick li:nth-child(3) a:after {width: 96px; margin-right: 16px;}
}


/* 240704 친구추천 */
@font-face {
     font-family: 'DungGeunMo';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/DungGeunMo.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
.mpg-frd {background: #3b3ad4;border: solid 1px #000; overflow: hidden; -webkit-border-radius: 12px; border-radius: 12px; display: flex;}
.mpg-frd__title {flex-grow: 1; display: flex; align-items: center;}
.mpg-frd__title:before {content: ''; display: block; width: 120px; height: 78px; margin-right: 20px; background: url('https://img.megastudyth.com/mypage/mypage_friend.png')no-repeat center center / cover;}
.mpg-frd__title h5 {color: #fff; font-size: 26px; font-weight: 700;}
.mpg-frd__title p {font-size: 12px; color: rgba(255,255,255,0.7);}
.mpg-frd__cont {display: flex; align-items: center; padding: 0 20px;}
.mpg-frd__cont dt {color: #fff; text-align: center; flex-shrink: 0; margin-right: 10px;}
.mpg-frd__cont dt strong {display: block; font-size: 13px; font-weight: 500;}
.mpg-frd__cont dt a {width: 90px; height: 20px; font-size: 10px; margin-top: 2px; background: #7978f7; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 20px; border-radius: 20px;}
.mpg-frd__cont dt a:after {content: ''; display: block; margin-left: 4px; width: 3px; height: 3px; border-top: solid 1px #fff; border-right: solid 1px #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mpg-frd__cont dd {display: flex; flex-grow: 1;}
.mpg-frd__cont dd p {height: 40px; box-sizing: border-box; background: #fff; color: #000; border: solid 1px #000; padding: 0 20px; font-size: 18px; font-family: 'DungGeunMo'; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; display: flex; align-items: center; justify-content: center; flex-grow: 1;}
.mpg-frd__cont dd button {width: 60px; height: 40px; box-sizing: border-box; background: #fa453e; color: #fff; font-weight: 500; border: solid 1px #000; border-left: none; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.pay-frd {display: flex;}
.pay-frd .f_left {flex-shrink: 0; float: none; margin-right: 20px;}
.pay-frd .f_right {flex-grow: 1; float: none; display: flex; flex-wrap: wrap; padding-bottom: 34px; position: relative;}
.pay-frd .f_right input[type="text"] {flex-grow: 1; width: auto !important;}
.pay-frd .f_right a {flex-shrink: 0;}
.pay-frd .f_right span {text-align: left; font-size: 11px !important; position: absolute; left: 8px; bottom: 0; line-height: 1.6; background: #0082ff; color: #fff; padding: 2px 12px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px;}
.pay-frd .f_right span:before {content: ''; display: block; position: absolute; bottom: 100%; left: 0; width: 0px; height: 0px; border-style: solid; border-width: 6px 0 0 8px; border-color: transparent transparent transparent #0082ff; transform: rotate(0deg);}
.pay-frd__noti {position: absolute; right: 4px; bottom: 0; font-size: 12px; font-weight: 500; display: flex; align-items: center; justify-content: center;}
.pay-frd__noti:after {content: ''; display: block; margin-left: 4px; width: 4px; height: 4px; border-top: solid 1px #333; border-right: solid 1px #333; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.pay-frd__pop {padding: 32px 24px; display: none; background: rgba(0,0,0,0.3); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; justify-content: center; align-items: center;}
.pay-frd__pop dl {background: #fff; padding: 24px; max-width: 280px; width: 100%; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25);}
.pay-frd__pop dl dt {font-size: 16px; line-height: 1.4; text-align: center; padding-top: 24px;}
.pay-frd__pop dl dd {margin-top: 24px; display: flex; justify-content: center;}
.pay-frd__pop a {padding: 0 24px; height: 40px; background: #333; color: #fff; -webkit-border-radius: 8px; border-radius: 8px; display: flex; align-items: center; justify-content: center;}

@media (max-width:768px) {
	.mpg-frd {display: block; margin-bottom: 24px;}
	.mpg-frd__title h5 {font-size: 20px;}
	.mpg-frd__title p {font-size: 11px;}
	.mpg-frd__cont {background: #0d0ca2; padding: 16px;}
	.mpg-frd__cont dd p {padding: 0;}
	.pay-frd {display: block;}
	.pay-frd .f_left {margin-right: 0; text-align: left;}
	.pay-frd .f_right span {font-size: 10px !important;}
	.pay-frd__noti {font-size: 10px;}
}




/* 마이페이지 서브 공통 */
#mpg-cont.sub {display: flex;}
#mpg-info {width: 320px; padding-left: 24px; order: 1;}
.mpg-info__box {position: -webkit-sticky; position: sticky; top:106px; background: #fff; padding: 32px; box-sizing: border-box; border: solid 1px #666; -webkit-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);}
.mpg-info__name {text-align: center;}
.mpg-info__name h4 {font-size: 24px; font-weight: 300;}
.mpg-info__name h4 strong {font-weight: 600;}
.mpg-info__name p {font-size: 14px; color: #888; margin-top: 8px; font-weight: 300;}
.mpg-info__msg {margin-top: 24px; display: flex; align-items: center; justify-content: center;}
.mpg-info__msg li {margin: 0 6px;}
.mpg-info__msg li a {display: block; width: 32px; height: 32px; position: relative; -webkit-border-radius: 50%; border-radius: 50%; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.mpg-info__msg li:nth-child(1) a {background: #e5e5e5 url('https://img.megastudyth.com/mypage/mypage_info_message.png')no-repeat center center / 18px auto;}
.mpg-info__msg li:nth-child(2) a {background: #e5e5e5 url('https://img.megastudyth.com/mypage/mypage_info_megacare.png')no-repeat center center / 18px auto;}
.mpg-info__msg li:nth-child(1) a:hover {background: #06f url('https://img.megastudyth.com/mypage/mypage_info_message_on.png')no-repeat center center / 18px auto;}
.mpg-info__msg li:nth-child(2) a:hover {background: #06f url('https://img.megastudyth.com/mypage/mypage_info_megacare_on.png')no-repeat center center / 18px auto;}
.mpg-info__msg li a strong {position: absolute; left: 100%; bottom: 100%; margin-left: -8px; margin-bottom: -8px; background: #f00; height: 12px; min-width: 12px; box-sizing: border-box; padding: 0 4px; color: #fff; font-size: 11px; font-weight: 400; white-space: nowrap; display: flex; align-items: center; justify-content: center;  -webkit-border-radius: 20px; border-radius: 20px;}

.mpg-info__quick {display: flex; margin-top: 32px;}
.mpg-info__quick li {width: 33.3333%;}
.mpg-info__quick li a {display: block; text-align: center;}
.mpg-info__quick li a span {display: block; font-size: 11px; color: #888;}
.mpg-info__quick li a strong {display: block; font-size: 32px; margin-top: 4px; font-family: 'Rajdhani', sans-serif; font-weight: 700;}

.mpg-info__class {margin-top: 24px; padding-top: 24px; border-top: solid 1px #e5e5e5; display: flex; align-items: center; justify-content: space-between;}
.mpg-info__class--text {}
.mpg-info__class--text li {margin-bottom: 8px;}
.mpg-info__class--text li:last-child {margin-bottom: 0;}
.mpg-info__class--text li span {display: block; font-size: 11px; color: #888;}
.mpg-info__class--text li strong {display: block; font-size: 24px; margin-top: 4px; font-family: 'Rajdhani', sans-serif; font-weight: 700;}

.mpg-info__prgs {width: 120px; height: 120px; position: relative; -webkit-border-radius: 50%; border-radius: 50%;}
.mpg-info__prgs--circle {background: #e2e7f3; position: relative; overflow: hidden; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%;}
.mpg-info__prgs--circle:after {content: ''; display: block; width: calc(100% - 16px); height: calc(100% - 16px); position: absolute; left: 8px; top: 8px; background: #fff; -webkit-border-radius: 50%; border-radius: 50%;}
.mpg-info__prgs--circle .gauge {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: conic-gradient(#06f, #06f calc(var(--p)*1%),transparent 0);}
.mpg-info__prgs--circle .gauge:before {content: ''; display: block; width: 8px; height: 8px; background: #06f; position: absolute; left: 50%; margin-left: -4px; -webkit-border-radius: 50%; border-radius: 50%;}
.mpg-info__prgs--circle .ball {width: 8px; height: 100%; position: absolute; z-index: 1; left: 50%; margin-left: -4px; top: 0; transform: rotate(calc(((var(--p)/100)*360)*1deg));}
.mpg-info__prgs--circle .ball:after {box-sizing: border-box; content: ''; display: block; width: 8px; height: 8px; background: #06f; position: absolute; left: 50%; margin-left: -4px; top: 0; -webkit-border-radius: 50%; border-radius: 50%;}
.mpg-info__prgs--text {position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding-top: 8px; z-index: 2; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.mpg-info__prgs--text p {font-size: 10px; color: #666;}
.mpg-info__prgs--text h4 {font-size: 14px; margin-top: 2px;}
.mpg-info__prgs--text h4 strong {font-size: 40px; font-family: 'Rajdhani', sans-serif; font-weight: 700;}

#mpg-sub {width: calc(100% - 320px); background: #fff; padding: 40px 32px; box-sizing: border-box; border: solid 1px #666; -webkit-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);}
.mpg-sub__top {margin-bottom: 40px; display: flex; justify-content: space-between; align-items: flex-end;}
.mpg-sub__top h3 {font-size: 32px; flex-grow: 1; font-weight: 600;}
.mpg-sub__title {margin-top: 40px; padding-bottom: 16px; min-height: 34px; position: relative; border-bottom: solid 1px #333; display: flex; align-items: flex-end; flex-wrap: wrap;}
.mpg-sub__title h4 {font-size: 20px; font-weight: 500; flex-grow: 1;}
.mpg-sub__title + #mpg_stdy_stdtak_list .mpg-main__recent--tb thead:after {background-color: #e5e5e5;}
.mpg-sub__tab {display: inline-flex;}
.mpg-sub__tab li a {padding: 0 24px; height: 40px; font-size: 14px; border: solid 1px #333; display: flex; align-items: center; justify-content: center;}
.mpg-sub__tab li:first-child a {-webkit-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px;}
.mpg-sub__tab li:last-child a {-webkit-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; border-left: none;}
.mpg-sub__tab li a.active {background: #06f; color: #fff;}
.mpg-sub__sel {display: block; height: 34px; width: 140px; padding-left: 8px; border: solid 1px #333; -webkit-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; appearance: none; background: #fff url('https://img.megastudyth.com/mypage/mypage_select.png')no-repeat right 8px center / 12px auto; cursor: pointer; padding-right: 28px;}
.mpg-sub__sel:focus {border-color: #007af3;}
.mpg-sub__smtab {display: flex;}
.mpg-sub__smtab li {display: flex; align-items: center;}
.mpg-sub__smtab li:after {content: ''; display: block; width: 1px; height: 12px; background: #aaa; margin: 0 16px;}
.mpg-sub__smtab li:last-child:after {display: none;}
.mpg-sub__smtab li button,
.mpg-sub__smtab li a {display: block; font-size: 13px; color: #bbb; position: relative;}
.mpg-sub__smtab li.active button,
.mpg-sub__smtab li.active a {color: #06f; font-weight: 500;}
.mpg-sub__smtab li.active button:after,
.mpg-sub__smtab li.active a:after {content: ''; display: block; height: 1px; background: #06f; position: absolute; left: 0; right: 0; bottom: 0;}
.mpg-sub__tb {border-top: solid 1px #333;}
.mpg-sub__tb th,
.mpg-sub__tb td {font-size: 13px; text-align: center; border-bottom: solid 1px #e5e5e5;}
.mpg-sub__tb th {font-weight: 300; padding: 8px;}
.mpg-sub__tb td {padding: 16px 8px;}
.mpg-sub__tb td.none {text-align: center; padding: 24px; width: 100%;}
.mpg-sub__tb td.tal {text-align: left;}
.mpg-sub__view {border-top: solid 1px #333;}
.mpg-sub__view--top {display: flex; padding: 16px 0;}
.mpg-sub__view--top h4 {font-size: 18px; flex-grow: 1;}
.mpg-sub__view--top ul {display: flex; justify-content: flex-end; flex-shrink: 0; margin-left: 40px;}
.mpg-sub__view--top ul li {font-size: 12px; display: flex; align-items: center;}
.mpg-sub__view--top ul li:after {content: ''; display: block; width: 1px; height: 8px; background: #e5e5e5; margin: 0 8px;}
.mpg-sub__view--top ul li:last-child:after {display: none;}
.mpg-sub__view--cont {padding: 16px 0; font-size: 13px; border-top: solid 1px #e5e5e5;}
.mpg-sub__view--btn {display: flex; justify-content: flex-end; border-top: solid 1px #333; padding-top: 16px;}
.mpg-sub__view--btn li {margin-right: 4px;}
.mpg-sub__view--btn li:last-child {margin-right: 0;}
.mpg-sub__view--btn li a,
.mpg-sub__view--btn li button {display: block; height: 34px; min-width: 96px; padding: 0 16px; font-size: 13px; box-sizing: border-box; border: solid 1px #333; -webkit-border-radius: 4px; border-radius: 4px; display: flex; align-items: center; justify-content: center; -webkit-appearance: none; appearance: none; }
.mpg-sub__view--btn li a.blu,
.mpg-sub__view--btn li button.blu {background: #06f; border-color: #06f; color: #fff;}
.mpg-sub__view--file {display: flex; padding: 16px 0; border-top: solid 1px #e5e5e5;}
.mpg-sub__view--file dt {flex-shrink: 0; font-size: 14px; margin-right: 16px; font-weight: 500;}
.mpg-sub__view--file dd {flex-grow: 1;}
.mpg-sub__view--file dd ul li {margin-bottom: 6px;}
.mpg-sub__view--file dd ul li:last-child {margin-bottom: 0;}
.mpg-sub__view--file dd ul li a {text-decoration: underline; font-size: 12px; font-weight: 300; display: block;}
.mpg-sub__view--edit {padding: 16px 0; border-top: solid 1px #e5e5e5;}

.mpg-sub__warn {padding: 16px; background: #f3f8ff; border: solid 1px #87b7ff; margin-top: 64px; -webkit-border-radius: 8px; border-radius: 8px;}
.mpg-sub__warn dt {font-size: 14px; font-weight: 600; margin-bottom: 8px;}
.mpg-sub__warn dd {font-size: 12px;}
.mpg-sub__warn dd ul li {position: relative; padding-left: 10px; margin-bottom: 4px; line-height: 1.4;}
.mpg-sub__warn dd ul li:last-child {margin-bottom: 0;}
.mpg-sub__warn dd ul li:before {content: ''; display: block; width: 4px; height: 1px; background: #333; position: absolute; left: 0; top: 8px;}
.mpg-sub__warn dd ul li strong {color: #06f;}
.mpg-sub__warn dd ul.decimal {list-style: decimal; padding-left: 10px;}
.mpg-sub__warn dd ul.decimal li {padding-left: 0;}
.mpg-sub__warn dd ul.decimal li:before {display: none;}
.mpg-sub__chk {width: 16px; height: 16px; border: solid 1px #333; cursor: pointer; position: relative; -webkit-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; appearance: none;}
.mpg-sub__chk:checked {background: #06f; border-color: #06f;}
.mpg-sub__chk:checked:after {content: ''; display: block; width: 6px; height: 12px; border-bottom: solid 2px #fff; border-right: solid 2px #fff; box-sizing: border-box; position: absolute; left: 50%; top: 50%; margin-left: -3px; margin-top: -8px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mpg-sub__chk + label {cursor: pointer;}
.mpg-sub__rdo {width: 16px; height: 16px; border: solid 1px #333; cursor: pointer; position: relative; -webkit-border-radius: 50%; border-radius: 50%; -webkit-appearance: none; appearance: none;}
.mpg-sub__rdo:checked:after {content: ''; display: block; background: #06f; box-sizing: border-box; position: absolute; top: 3px; bottom: 3px; left: 3px; right: 3px; -webkit-border-radius: 50%; border-radius: 50%;}
.mpg-sub__rdo + label {cursor: pointer; font-size: 13px;}
.mpg-sub__pop {position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; overflow-y: auto; padding: 24px;}
.mpg-sub__pop > div {display: table; width: 100%; height: 100%;}
.mpg-sub__pop > div > div {display: table-cell; width: 100%; vertical-align: middle;}
.mpg-sub__pop--box {background: #fff; width: 100%; max-width: 400px; margin: 0 auto; padding: 32px; box-sizing: border-box; -webkit-border-radius: 8px; border-radius: 8px;}
.mpg-sub__pop--top {padding-bottom: 16px; display: flex; justify-content: space-between;}
.mpg-sub__pop--top h5 {font-size: 20px;}
.mpg-sub__pop--top a {display: block; width: 24px; height: 24px; text-indent: -9999px; position: relative;}
.mpg-sub__pop--top a:before,
.mpg-sub__pop--top a:after {content: ''; display: block; width: 24px; height: 2px; background: #333; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -1px;}
.mpg-sub__pop--top a:before {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.mpg-sub__pop--top a:after {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mpg-sub__pop--cont {}





@media (max-width: 1600px){
	#mpg-info {width: 264px;}
	.mpg-info__box {padding: 24px 16px;}
	.mpg-info__name h4 {font-size: 20px;}
	.mpg-info__quick li a span {font-size: 10px;}
	.mpg-info__quick li a strong {font-size: 26px;}
	.mpg-info__class {margin-top: 16px; padding-top: 16px;}
	.mpg-info__class--text li strong {font-size: 20px;}
	.mpg-info__prgs {width: 96px; height: 96px;}
	.mpg-info__prgs--circle:after {width: calc(100% - 12px); height: calc(100% - 12px); left: 6px; top: 6px;}
	.mpg-info__prgs--circle .gauge:before {width: 6px; height: 6px; margin-left: -3px;}
	.mpg-info__prgs--circle .ball {width: 6px; margin-left: -3px;}
	.mpg-info__prgs--circle .ball:after {width: 6px; height: 6px; margin-left: -3px;}
	.mpg-info__prgs--text {padding-top: 6px;}
	.mpg-info__prgs--text p {font-size: 9px;}
	.mpg-info__prgs--text h4 {font-size: 13px;}
	.mpg-info__prgs--text h4 strong {font-size: 36px;}
	#mpg-sub {width: calc(100% - 264px);}
	.mpg-sub__top h3 {font-size: 28px;}
	.mpg-sub__tab li a {padding: 0 16px; height: 34px; font-size: 13px;}
}
@media (max-width: 1300px){
	#mpg-info {display: none;}
	#mpg-sub {width: 100%;}
}

@media (max-width: 992px){
	#mpg-sub {padding: 24px;}
}

@media all and (max-width:768px){
	#mpg-sub {padding: 0; border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}
	.mpg-sub__top {display: block; margin-bottom: 24px; text-align: center;}
	.mpg-sub__top h3 {font-size: 24px;}
	.mpg-sub__title {padding-bottom: 8px;}
	.mpg-sub__title h4 {font-size: 18px;}
	.mpg-sub__title .mpg-sub__smtab {width: 100%; margin-top: 8px;}
	.mpg-sub__tab {margin-top: 16px;}
	.mpg-sub__tab li a {padding: 0 12px; height: 32px; font-size: 12px;}
	.mpg-sub__sel {height: 32px; width: 120px;}
	.mpg-sub__smtab li:after {margin: 0 12px; height: 8px;}
	.mpg-sub__smtab li button,
	.mpg-sub__smtab li a {font-size: 11px;}
	.mpg-sub__view--top {display: block; padding: 8px 0;}
	.mpg-sub__view--top h4 {font-size: 16px;}
	.mpg-sub__view--top ul {margin-top: 8px; margin-left: 0;}
	.mpg-sub__view--top ul li {font-size: 10px;}
	.mpg-sub__view--cont {padding: 12px 0; font-size: 12px;}
	.mpg-sub__view--btn {padding-top: 8px;}
	.mpg-sub__view--btn li a,
	.mpg-sub__view--btn li button {height: 28px; min-width: 64px; font-size: 11px;}
	.mpg-sub__view--file {display: block; padding: 12px 0;}
	.mpg-sub__view--file dt {font-size: 12px; margin-right: 0;}
	.mpg-sub__view--file dd {margin-top: 8px;}
	.mpg-sub__view--file dd ul li a {font-size: 11px;}
}





/* 마이페이지 수강학습 */
.mpg-stdy__list li {border-bottom: solid 1px #e5e5e5;}
.mpg-stdy__list li a {display: block; padding: 24px 0;}
.mpg-stdy__list li a dl {display: flex; align-items: center;}
.mpg-stdy__list li a dl dt {width: 160px; margin-right: 24px; flex-shrink: 0;}
.mpg-stdy__list li a dl dt em {display: block; padding-bottom: 59.6%; -webkit-border-radius: 8px; border-radius: 8px;}
.mpg-stdy__list li a dl dt em.none {border: solid 1px #ddd; background: #fafafa url('https://img.megastudyth.com/lecture/ebook_thumb_default.png')no-repeat center center / 64px auto;}
.mpg-stdy__list li a dl dd {flex-grow: 1;}
.mpg-stdy__list li a dl dd h5 {font-size: 22px;}
.mpg-stdy__list li a dl dd h5 strong {height: 24px; padding: 0 12px; font-weight: 500; margin-right: 8px; font-size: 14px; background: #ff8100; color: #fff; vertical-align: middle; margin-top: -4px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 24px; border-radius: 24px;}
.mpg-stdy__list li a dl dd p {display: flex; align-items: center; padding-top: 8px; margin: -2px -8px; flex-wrap: wrap;}
.mpg-stdy__list li a dl dd p span {font-size: 13px; color: #444; padding: 2px 8px; display: flex; align-items: center;}
.mpg-stdy__list li a dl dd p span:last-child {margin-right: 0;}
.mpg-stdy__list li a dl dd p span strong {height: 20px; padding: 0 12px; border: solid 1px #ccc; background: #f5f5f5; font-weight: 400; font-size: 11px; margin-right: 16px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 24px; border-radius: 24px;}

.mpg-stdy__lec {display: flex; margin: -8px; padding-top: 24px; flex-wrap: wrap;}
.mpg-stdy__lec > li {width: 25%; padding: 8px; box-sizing: border-box;}
.mpg-stdy__lec > li.none {width: 100%; text-align: center; font-size: 13px; color: #c4cad1; font-weight: 300; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.mpg-stdy__lec > li.none:before {content: ''; display: block; width: 64px; height: 42px; margin-bottom: 8px; background: url('https://img.megastudyth.com/mypage/mypage_nodata.png')no-repeat center center / cover;}
.mpg-stdy__lec > li a {height: 100%; box-sizing: border-box; }
.mpg-stdy__lec > li a dl {height: 100%; display: flex; flex-direction: column;}
.mpg-stdy__lec > li a dl dt {flex-shrink: 0;}
.mpg-stdy__lec > li a dl dd {flex-grow: 1; padding: 16px; border: solid 1px #333; border-top: none; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;}
.mpg-stdy__lec > li a em {display: block; padding-bottom: 59.6%; border: solid 1px #333; border-bottom: none; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;}
.mpg-stdy__lec > li a em.none {border-bottom: solid 1px #333; background: #fafafa url('https://img.megastudyth.com/lecture/ebook_thumb_default.png')no-repeat center center / 85px auto;}
.mpg-stdy__lec > li a h5 {font-size: 18px; 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;}
.mpg-stdy__lec--info {display: flex; flex-shrink: 0; margin: -2px; padding-bottom: 6px; flex-wrap: wrap;}
.mpg-stdy__lec--info li {padding: 2px;}
.mpg-stdy__lec--info li span {font-size: 10px; padding: 3px 6px; background: #888; color: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 16px; border-radius: 16px;}
.mpg-stdy__lec--date {margin-top: 16px;}
.mpg-stdy__lec--date li {font-size: 12px; color: #666; display: flex; align-items: center; margin-bottom: 4px;}
.mpg-stdy__lec--date li:last-child {margin-bottom: 0;}
.mpg-stdy__lec--date li strong {color: #000; flex-shrink: 0; font-weight: 500; width: 80px;}

@media (max-width: 1600px){
	.mpg-stdy__list li a dl dd h5 {font-size: 18px;}
	.mpg-stdy__lec > li {width: 33.3333%;}
}

@media (max-width: 1400px){
	.mpg-stdy__lec > li {width: 50%;}
}

@media (max-width: 1200px){
	.mpg-stdy__lec > li {width: 33.3333%;}
}

@media all and (max-width:768px){
	.mpg-stdy__list li a {padding: 16px 0;}
	.mpg-stdy__list li a dl dt {width: 120px; margin-right: 16px;}
	.mpg-stdy__list li a dl dt em.none {background-size: 48px auto;}
	.mpg-stdy__list li a dl dd h5 {font-size: 16px;}
	.mpg-stdy__list li a dl dd p span {display: none; font-size: 10px;}
	.mpg-stdy__list li a dl dd p span:last-child {display: flex;}
	.mpg-stdy__list li a dl dd p span strong {height: 16px; padding: 0 8px; margin-right: 4px; font-size: 9px;}
	.mpg-stdy__lec {margin: -4px;}
	.mpg-stdy__lec > li {width: 50%; padding: 4px;}
	.mpg-stdy__lec > li a dl dd {padding: 16px 8px;}
	.mpg-stdy__lec > li a em.none {background-size: 64px auto;}
	.mpg-stdy__lec > li a h5 {font-size: 16px;}
	.mpg-stdy__lec--info {margin: -1px;}
	.mpg-stdy__lec--info li {padding: 1px;}
	.mpg-stdy__lec--info li span {font-size: 9px; padding: 2px 4px;}
	.mpg-stdy__lec--date li {font-size: 10px;}
	.mpg-stdy__lec--date li strong {width: 64px;}
}



/* 뷔페/패스 */
.mpg-bf__info {position: relative; display: flex; align-items: center;}
.mpg-bf__info > dl {display: flex; align-items: center; flex-grow: 1;}
.mpg-bf__info > dl > dt {flex-shrink: 0; margin-right: 32px;}
.mpg-bf__info > dl > dt a {display: block;}
.mpg-bf__info > dl > dt img {display: block;}
.mpg-bf__info > dl > dd {flex-grow: 1;}
.mpg-bf__info > dl > dd h5 {font-size: 24px; font-weight: 700;}
.mpg-bf__info > dl > dd p {font-size: 14px; color: #888; font-weight: 300; margin-top: 4px;}
.mpg-bf__info > dl > dd ul {display: flex; align-items: center; flex-wrap: wrap; margin-top: 8px;}
.mpg-bf__info > dl > dd ul li {font-size: 12px; color: #444; margin-right: 12px; display: flex; align-items: center;}
.mpg-bf__info > dl > dd ul li:last-child {margin-right: 0;}
.mpg-bf__info > dl > dd ul li strong {height: 20px; padding: 0 8px; background: #82b3ff; color: #fff; font-weight: 400; font-size: 11px; margin-right: 4px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 24px; border-radius: 24px;}
.mpg-bf__btn {flex-shrink: 0; display: flex; margin-left: 24px;}
.mpg-bf__btn li {margin-right: 8px;}
.mpg-bf__btn li:last-child {margin-right: 0;}
.mpg-bf__btn li a {width: 64px; height: 64px; font-size: 9px;  display: flex; flex-direction: column; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px; box-sizing: border-box;}
.mpg-bf__btn li a:before {content: ''; flex-shrink: 0; display: block; width: 28px; height: 28px; margin-bottom: 6px;}
.mpg-bf__btn li a.book {border: solid 1px #666;}
.mpg-bf__btn li a.book:before {opacity: 0.8; background: url('https://img.megastudyth.com/mypage/study_icon_ebook.png')no-repeat center center / cover;}
.mpg-bf__btn li a.review {border: solid 1px #666;}
.mpg-bf__btn li a.review:before {background: url('https://img.megastudyth.com/mypage/study_icon_review.png')no-repeat center center / cover;}
.mpg-bf__btn li a.qna {background: #333; color: #fff; border: solid 1px #000;}
.mpg-bf__btn li a.qna:before {background: url('https://img.megastudyth.com/mypage/study_icon_question.png')no-repeat center center / cover;}
.mpg-bf__btn li a.time {background: #333; color: #fff; border: solid 1px #000;}
.mpg-bf__btn li a.time:before {background: url('https://img.megastudyth.com/mypage/study_icon_time.png')no-repeat center center / cover;}

.mpg-bf__prgs {display: flex; align-items: center; margin-top: 8px;}
.mpg-bf__prgs strong {font-size: 11px; font-weight: 500; margin-right: 8px;}

.mpg-bf__update h4 span {font-size: 12px; color: #888;}
.mpg-bf__update a {height: 32px; padding: 0 24px; font-size: 13px; background: #06f; color: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}

.mpg-bf__sch {padding: 16px; background: #fafafa; border: solid 1px #333; border-top: none;}
.mpg-bf__tab {display: flex; flex-wrap: wrap; margin: -2px;}
.mpg-bf__tab li {padding: 2px;}
.mpg-bf__tab li a {height: 32px; padding: 0 24px; font-size: 13px; background: #fff; border: solid 1px #333; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 40px; border-radius: 40px;}
.mpg-bf__tab li a.active {background: #06f; border-color: #06f; color: #fff;}
.mpg-bf__sort {display: flex; flex-wrap: wrap; justify-content: center; margin: -2px; padding-top: 12px;}
.mpg-bf__sort li {flex: auto; padding: 2px;}
.mpg-bf__sort li select {width: 100%;}

.mpg-bf__list {border-top: solid 1px #e5e5e5; margin-top: 24px;}
.mpg-bf__item {border-bottom: solid 1px #e5e5e5; padding: 24px 0;}



@media(max-width:1480px){
	.mpg-bf__info > dl > dd h5 {font-size: 22px;}
}

@media(max-width:768px){
	.mpg-bf__info {padding-right: 0; display: block;}
	.mpg-bf__info dt {margin-right: 16px;}
	.mpg-bf__info dt img {width: 80px;}
	.mpg-bf__info > dl > dd {padding-right: 0;}
	.mpg-bf__info > dl > dd h5 {font-size: 16px;}
	.mpg-bf__info > dl > dd p {font-size: 12px; margin-top: 4px;}
	.mpg-bf__info > dl > dd ul {display: block; margin-top: 8px;}
	.mpg-bf__info > dl > dd ul li {margin-right: 0; margin-bottom: 2px; font-size: 10px;}
	.mpg-bf__info > dl > dd ul li:last-child {margin-bottom: 0;}
	.mpg-bf__info > dl > dd ul li strong {height: 16px; padding: 0 8px; font-size: 9px;}
	.mpg-bf__btn {margin-top: 24px; margin-left: -2px; margin-right: -2px;}
	.mpg-bf__btn li {margin-right: 0; padding: 0 2px;}
	.mpg-bf__btn li:first-child:nth-last-child(1) {width: 100%;}
	.mpg-bf__btn li:first-child:nth-last-child(2),
	.mpg-bf__btn li:first-child:nth-last-child(2) ~ li {width: 50%;}
	.mpg-bf__btn li a {width: 100%; height: 40px; flex-direction: row; font-size: 11px;}
	.mpg-bf__btn li a:before {width: 20px; height: 20px; margin-bottom: 0; margin-right: 8px;}

	.mpg-bf__update h4 span {display: none;}

	.mpg-bf__tab li a {height: 24px; padding: 0 8px; font-size: 11px;}
	.mpg-bf__sort {padding-top: 8px;}
	.mpg-bf__sort li select {font-size: 11px;}
}

					
				






/* 마이페이지 시험 */
.mpg-mkup__top {display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.mpg-mkup__top .subtit {margin-bottom: 0;}
.mpg-mkup__top ul {display: flex;}
.mpg-mkup__top ul li:last-child {border-right: none;}
.mpg-mkup__top ul li a {font-size: 12px; height: 34px; padding: 0 16px; border: solid 1px #e4e4e4; border-right: none; font-size: 13px; font-weight: 500; display: flex; align-items: center; justify-content: center;}
.mpg-mkup__top ul li a.on {background: #007af3; border-color: #007af3; color: #fff;}
.mpg-mkup__top ul li:first-child a {-webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px;}
.mpg-mkup__top ul li:last-child a {-webkit-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; border-right: solid 1px #e4e4e4;}
.mpg-mkup__list {}
.mpg-mkup__list > li {border-bottom: solid 1px #e5e5e5;}
.mpg-mkup__list > li.none {font-size: 13px; color: #c4cad1; font-weight: 300; text-align: center; padding: 30px;}
.mpg-mkup__list > li.none:before {content: ''; display: block; margin: 0 auto; width: 64px; height: 42px; margin-bottom: 8px; background: url('https://img.megastudyth.com/mypage/mypage_nodata.png')no-repeat center center / cover;}
.mpg-mkup__list--title {padding: 20px 10px; display: flex; align-items: center;}
.mpg-mkup__list--title span {display: block; flex-shrink: 0; width: 20px; text-align: center;}
.mpg-mkup__list--title h5 {flex-grow: 1; margin: 0 20px; font-size: 16px; margin-top: 4px; font-weight: 500; display: flex; flex-wrap: wrap; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; height: 1.4em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.mpg-mkup__list--title p {flex-shrink: 0; margin: 0 16px; font-size: 14px; color: #747474;}
.mpg-mkup__list--title em {display: block; flex-shrink: 0; width: 20px; height: 20px; border: solid 1px #aaa; border-radius: 4px; position: relative;}
.mpg-mkup__list--title em:after {content: ''; display: block; width: 6px; height: 6px; border-right: solid 1px #666; border-bottom: solid 1px #666; position: absolute; left: 50%; top: 50%; margin-left: -3px; margin-top: -4px; box-sizing: border-box; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.mpg-mkup__list--title.on em:after {margin-top: -2px; -webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);transform: rotate(225deg);}
.mpg-mkup__list--detail {background: #fafafa;}
.mpg-mkup__list--detail > div {border-top: solid 1px #e5e5e5;}
.mpg-mkup__tb th,
.mpg-mkup__tb td {font-size: 13px; border-top: solid 1px #888; border-bottom: solid 1px #888; padding: 10px; text-align: center;}
.mpg-mkup__tb th {background: #939aa1; color: #fff; font-weight: 400;}
.mpg-mkup__tb td {background: #fff; font-weight: 300; border-bottom: solid 1px #ccc;}
.mpg-mkup__tb td.none {text-align: center; padding: 30px;}

.mpg-mkup__btn {display: inline-flex; align-items: center; justify-content: center; width: 70px; height: 26px; font-size: 12px; border: solid 1px #ccc; box-sizing: border-box; -webkit-border-radius: 20px; border-radius: 20px;}
.mpg-mkup__btn:hover {background: #465567; border-color: #465567; color: #fff;}
.mpg-mkup__btn.wh {border-color: #333; color: #333;}
.mpg-mkup__btn.wh:hover {background: #333; color: #fff;}
.mpg-mkup__btn.gry,
.mpg-mkup__btn.gry:hover {background: #f5f5f5; border-color: #e5e5e5; color: #aaa;}
.mpg-mkup__btn.blu {border-color: #007af3; color: #007af3;}
.mpg-mkup__btn.blu:hover {background: #007af3; color: #fff;}

.mpg-mkup__lec {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow-y: auto; padding: 32px 16px; background: rgba(0,18,35,0.3); z-index: 1001; align-items: center; justify-content: center;}
.mpg-mkup__lec--wrap {display: table; width: 100%; height: 100%;}
.mpg-mkup__lec--inner {display: table-cell; width: 100%; vertical-align: middle;}
.mpg-mkup__lec--box {width: 100%; max-width: 420px; padding: 16px; margin: 0 auto; background: #fff; box-sizing: border-box; position: relative; -webkit-border-radius: 16px; border-radius: 16px;}
.mpg-mkup__lec--box .rev-title {margin-bottom: 8px; margin-top: 24px;}
.mpg-mkup__lec--box .rev-title dt {font-size: 24px;}
.mpg-mkup__lec--box .rev-list > li {width: 100%;}
.mpg-mkup__lec--box .rev-box dt {width: 30%;}
.mpg-mkup__lec--close {content: ''; display: block; width: 32px; height: 32px; background: none; position: absolute; right: 16px; top: 16px; text-indent: -9999px;}
.mpg-mkup__lec--close:before,
.mpg-mkup__lec--close:after {content: ''; display: block; background: #333; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mpg-mkup__lec--close:before {width: 20px; height: 2px; margin-left: -10px; margin-top: -1px;}
.mpg-mkup__lec--close:after {width: 2px; height: 20px; margin-top: -10px; margin-left: -1px;}
.mpg-mkup__lec--none {text-align: center; padding: 64px 32px;}

.mpg-mkup__sub {}
.mpg-mkup__sub--item {border-bottom: solid 1px #e5e5e5; padding: 12px 24px; display: flex; justify-content: space-between; align-items: center;}
.mpg-mkup__sub--item:last-child {border-bottom: none;}
.mpg-mkup__sub--item.none {justify-content: center; padding: 40px; color: #aaa;}
.mpg-mkup__sub--left {flex-grow: 1; padding-right: 32px;}
.mpg-mkup__sub--title {font-size: 16px; font-weight: 500; line-height: 1.4;}
.mpg-mkup__sub--info {display: flex; align-items: center; margin-top: 12px;}
.mpg-mkup__sub--info li {display: flex; align-items: center; font-size: 12px; font-weight: 300;}
.mpg-mkup__sub--info li:after {content: ''; display: block; width: 1px; height: 10px; background: #e5e5e5; margin: 0 8px;}
.mpg-mkup__sub--info li:last-child:after {display: none;}
.mpg-mkup__sub--info li:before {content: ''; display: block; flex-shrink: 0; width: 16px; height: 16px; background: #e5e5e5; margin-right: 4px;}
.mpg-mkup__sub--info li.mpg-mkup__sub--time:before {background: url('https://img.megastudyth.com/mypage/mockup_time.png')no-repeat center center / cover;}
.mpg-mkup__sub--info li.mpg-mkup__sub--date:before {background: url('https://img.megastudyth.com/mypage/mockup_date.png')no-repeat center center / cover;}
.mpg-mkup__sub--info li.mpg-mkup__sub--type:before {background: url('https://img.megastudyth.com/mypage/mockup_type.png')no-repeat center center / cover;}
.mpg-mkup__sub--right {display: flex; align-items: center; flex-shrink: 0;}
.mpg-mkup__sub--right li {width: 72px; height: 72px; position: relative; display: flex; align-items: center;}
.mpg-mkup__sub--right li:before {content: ''; display: block; background: #007af3; position: absolute; left: 50%; right: 50%; top: 50%; bottom: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; transition: all 0.3s;}
.mpg-mkup__sub--right li:hover:before {left: -8px; right: -8px; top: -8px; bottom: -8px;}
.mpg-mkup__sub--right li a,
.mpg-mkup__sub--right li button {display: block; width: 100%; font-size: 11px; font-weight: 300; text-align: center; position: relative; line-height: 1.1; -webkit-transition: all 0.3s; transition: all 0.3s;}
.mpg-mkup__sub--right li:hover a,
.mpg-mkup__sub--right li:hover button {color: #fff;}
.mpg-mkup__sub--right li a:before,
.mpg-mkup__sub--right li button:before {content: ''; display: block; width: 36px; height: 36px; margin: 0 auto 4px;}
.mpg-mkup__sub--right li.mpg-mkup__sub--test a:before,
.mpg-mkup__sub--right li.mpg-mkup__sub--test button:before {background: url('https://img.megastudyth.com/mypage/mockup_test.png')no-repeat center center / cover;}
.mpg-mkup__sub--right li.mpg-mkup__sub--result a:before,
.mpg-mkup__sub--right li.mpg-mkup__sub--result button:before {background: url('https://img.megastudyth.com/mypage/mockup_result.png')no-repeat center center / cover;}
.mpg-mkup__sub--right li.mpg-mkup__sub--lecture a:before,
.mpg-mkup__sub--right li.mpg-mkup__sub--lecture button:before {background: url('https://img.megastudyth.com/mypage/mockup_lecture.png')no-repeat center center / cover;}
.mpg-mkup__sub--right li.done:before {display: none;}
.mpg-mkup__sub--right li.done a,
.mpg-mkup__sub--right li.done button {color: #ccc; cursor: not-allowed;}
.mpg-mkup__sub--right li.done a:before,
.mpg-mkup__sub--right li.done button:before {-webkit-filter: grayscale(100%);filter: grayscale(100%); opacity: 0.3;}
.mpg-mkup__sub--right li.done:hover a,
.mpg-mkup__sub--right li.done:hover button {color: #ccc;}
.mpg-mkup__sub--right li.preparing a:after,
.mpg-mkup__sub--right li.preparing button:after {content: 'preparing'; display: block; background: #007af3; white-space: nowrap; padding: 2px 6px; color: #fff; font-size: 11px; line-height: 1.0; position: absolute; left: 50%; top: 50%; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}




@media(max-width:768px){
	.mpg-mkup__top {flex-wrap: wrap;}
	.mpg-mkup__top ul {width: 100%;}
	.mpg-mkup__top ul li {width: 50%;}
	.mpg-mkup__list--title {padding: 15px 50px 15px 40px; position: relative; display: block;}
	.mpg-mkup__list--title span {position: absolute; left: 5px; top: 50%; font-size: 12px; transform: -webkit-translateY(-50%); transform: translateY(-50%);}
	.mpg-mkup__list--title h5 {font-size: 14px; margin: 0;}
	.mpg-mkup__list--title p {font-size: 12px; margin: 0; margin-top: 2px;}
	.mpg-mkup__list--title em {position: absolute; right: 10px; top: 50%; transform: -webkit-translateY(-50%); transform: translateY(-50%);}
	.mpg-mkup__list--detail > div {}
	.mpg-mkup__tb,
	.mpg-mkup__tb tbody,
	.mpg-mkup__tb tr,
	.mpg-mkup__tb td {display: block; width: 100%;}
	.mpg-mkup__tb colgroup,
	.mpg-mkup__tb thead {display: none;}
	.mpg-mkup__tb tr {padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #e5e5e5;}
	.mpg-mkup__tb tr:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
	.mpg-mkup__tb td {display: flex; align-items: center; justify-content: space-between; margin-top: 8px; line-height: 26px; background: none; border-top: none; border-bottom: none; padding: 0; text-align: left; box-sizing: border-box;}
	.mpg-mkup__tb td.none {justify-content: center;}
	.mpg-mkup__tb td:before {flex-shrink: 0; font-weight: 400;}
	.mpg-mkup__tb td.mpg-mkup__tb__name {font-size: 18px; font-weight: 500; margin-top: 0;}
	.mpg-mkup__tb td.mpg-mkup__tb__time,
	.mpg-mkup__tb td.mpg-mkup__tb__type {padding-right: 5px;}
	.mpg-mkup__tb td.mpg-mkup__tb__time:before {content: 'time';}
	.mpg-mkup__tb td.mpg-mkup__tb__type:before {content: 'type';}
	.mpg-mkup__tb td.mpg-mkup__tb__test:before {content: 'test';}
	.mpg-mkup__tb td.mpg-mkup__tb__analy:before {content: 'result/analysis';}
	.mpg-mkup__tb td.mpg-mkup__tb__lecture:before {content: 'commentary lecture';}

	.mpg-mkup__sub--item {padding: 16px; display: block;}
	.mpg-mkup__sub--item.none {text-align: center; padding: 24px;}
	.mpg-mkup__sub--left {padding-right: 0;}
	.mpg-mkup__sub--title {font-size: 16px; text-align: center; line-height: 1.4;}
	.mpg-mkup__sub--info {justify-content: center; flex-wrap: wrap; margin-top: 16px;}
	.mpg-mkup__sub--info li {font-size: 11px;}
	.mpg-mkup__sub--info li:first-child {width: 100%; justify-content: center; margin-bottom: 8px; font-size: 16px; font-weight: 400; color: #007af3; font-weight: 600;}
	.mpg-mkup__sub--info li:first-child:after {display: none;}
	.mpg-mkup__sub--info li:first-child:before {margin-right: 8px;}
	.mpg-mkup__sub--right {margin-top: 16px;}
	.mpg-mkup__sub--right li {width: 33.3333%; height: auto;}
	.mpg-mkup__sub--right li:before {display: none;}
	.mpg-mkup__sub--right li:hover:before {left: -8px; right: -8px; top: -8px; bottom: -8px;}
	.mpg-mkup__sub--right li:hover a,
	.mpg-mkup__sub--right li:hover button {color: #000;}
}





/* 마이페이지 카트 */
.mpg-cart__step {display: flex; justify-content: center; padding-bottom: 40px;}
.mpg-cart__step ul {display: flex; justify-content: center; position: relative;}
.mpg-cart__step ul:before {content: ''; display: block; position: absolute; left: 32px; right: 32px; top: 36px; border-bottom: dashed 1px #aaa;}
.mpg-cart__step ul li {padding: 0 32px; position: relative;}
.mpg-cart__step ul li em {display: block; width: 72px; height: 72px; background: #f5f5f5; position: relative; margin: 0 auto; -webkit-border-radius: 50%; border-radius: 50%;}
.mpg-cart__step ul li.active em {background: #333;}
.mpg-cart__step ul li em:after {content: ''; display: block; width: 28px; height: 28px; opacity: 0.3; position: absolute; left: 50%; top: 50%; margin-left: -14px; margin-top: -14px; background: url('https://img.megastudyth.com/mypage/mypage_pay_step.png'); background-size: auto 56px;}
.mpg-cart__step ul li.active em:after {opacity: 1;}
.mpg-cart__step ul li:nth-child(1) em:after {background-position: 0 0;}
.mpg-cart__step ul li:nth-child(2) em:after {background-position: -28px 0;}
.mpg-cart__step ul li:nth-child(3) em:after {background-position: -56px 0;}
.mpg-cart__step ul li.active:nth-child(1) em:after {background-position: 0 bottom;}
.mpg-cart__step ul li.active:nth-child(2) em:after {background-position: -28px bottom;}
.mpg-cart__step ul li.active:nth-child(3) em:after {background-position: -56px bottom;}
.mpg-cart__step ul li p {margin-top: 12px; color: #bbb; text-align: center; font-size: 13px;}
.mpg-cart__step ul li.active p {color: #000; font-weight: 500;}

.mpg-cart__sum {display: flex; padding: 24px 0; border-top: solid 1px #333; border-bottom: solid 1px #e5e5e5; margin-top: 40px;}
.mpg-cart__sum li {width: 33.3333%; text-align: center; border-right: solid 1px #e5e5e5; position: relative;}
.mpg-cart__sum li:last-child {border-right: none;}
.mpg-cart__sum li p {font-size: 13px;}
.mpg-cart__sum li h5 {margin-top: 8px; padding-right: 12px; font-size: 16px; font-weight: 400;}
.mpg-cart__sum li span {}
.mpg-cart__sum li:last-child h5 {color: #06f;}
.mpg-cart__sum li strong {font-size: 44px; font-family: 'Rajdhani', sans-serif; font-weight: 700;}
.mpg-cart__sum li em {display: block; width: 32px; height: 32px; background: #06f; position: absolute; top: 50%; margin-top: -16px; left: -17px; -webkit-border-radius: 50%; border-radius: 50%;}
.mpg-cart__sum li em:before,
.mpg-cart__sum li em:after {content: ''; display: block; width: 12px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -6px;}
.mpg-cart__sum li em.minus:before {margin-top: -1px;}
.mpg-cart__sum li em.minus:after {display: none;}
.mpg-cart__sum li em.plus:after {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.mpg-cart__sum li em.total:before {margin-top: -3px;}
.mpg-cart__sum li em.total:after {margin-top: 2px;}

.mpg-cart__btn {display: flex; justify-content: center; margin-top: 32px;}
.mpg-cart__btn li {margin: 0 4px;}
.mpg-cart__btn li a {background: none; border: solid 1px #333; width: 240px; height: 56px; font-size: 16px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.mpg-cart__btn li a.blu {background: #06f; border-color: #06f; color: #fff;}

.mpg-cart__sel {margin-top: 16px; display: flex;}
.mpg-cart__sel li {margin-right: 8px;}
.mpg-cart__sel li:last-child {margin-right: 0;}
.mpg-cart__sel li a {background: none; border: solid 1px #333; height: 32px; padding: 0 16px; font-size: 12px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}

.mpg-cart__list {}
.mpg-cart__list td.mpg-cart__list--chk {}
.mpg-cart__list td.mpg-cart__list--gubun {}
.mpg-cart__list td.mpg-cart__list--title {text-align: left; font-size: 14px; padding-right: 40px;}
.mpg-cart__list td.mpg-cart__list--title span {height: 18px; padding: 0 10px; background: #82b3ff; color: #fff; font-size: 10px; margin-bottom: 4px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 24px; border-radius: 24px;}
.mpg-cart__list td.mpg-cart__list--title strong {display: block; font-size: 15px; font-weight: 500;}
.mpg-cart__list td.mpg-cart__list--period {}
.mpg-cart__list td.mpg-cart__list--price strong {font-size: 18px;}
.mpg-cart__list td.mpg-cart__list--order a,
.mpg-cart__list td.mpg-cart__list--del a {height: 24px; padding: 0 8px; font-size: 11px; font-weight: 300; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.mpg-cart__list td.mpg-cart__list--order a {background: #06f; color: #fff;}
.mpg-cart__list td.mpg-cart__list--del a {border: solid 1px #333; color: #000;}
.mpg-cart__list--modify {display: inline-flex;}
.mpg-cart__list--modify select {display: block; width: 40px; height: 24px; border: none; padding-left: 6px; font-size: 11px; border: solid 1px #333; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; background: url('https://img.megastudyth.com/mypage/mypage_select.png')no-repeat right 6px center / 8px auto; cursor: pointer; -webkit-appearance: none; appearance: none;}
.mpg-cart__list--modify a {height: 24px; padding: 0 6px; font-size: 11px; background: #333; color: #fff; font-weight: 300; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;}
.mpg-cart__list--all {margin-bottom: 8px; display: none; align-items: center; position: relative; font-size: 12px;}
.mpg-cart__list--all:before {content: ''; display: block; width: 16px; height: 16px; margin-right: 4px; border: solid 1px #333; box-sizing: border-box; cursor: pointer; position: relative; -webkit-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; appearance: none;}
.mpg-cart__list--all.active:before {background: #06f; border-color: #06f;}
.mpg-cart__list--all.active:after {content: ''; display: block; width: 6px; height: 12px; border-bottom: solid 2px #fff; border-right: solid 2px #fff; box-sizing: border-box; position: absolute; left: 0; top: 50%; margin-left: 5px; margin-top: -8px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}


@media(max-width:1480px){
	.mpg-cart__sum li strong {font-size: 36px;}
	.mpg-cart__btn li a {width: 200px; height: 48px; font-size: 14px;}

	.mpg-cart__list thead {display: none;}
	.mpg-cart__list,
	.mpg-cart__list tbody {display: block; width: 100%;}
	.mpg-cart__list tr {border-bottom: solid 1px #e5e5e5; position: relative; padding: 16px 0 56px; box-sizing: border-box; display: flex; align-items: center;}
	.mpg-cart__list td {padding: 0; display: block; border-bottom: none;}
	.mpg-cart__list td.mpg-cart__list--chk {flex-shrink: 0;}
	.mpg-cart__list td.mpg-cart__list--gubun {flex-shrink: 0; width: 80px;}
	.mpg-cart__list td.mpg-cart__list--title {flex-grow: 1;}
	.mpg-cart__list td.mpg-cart__list--period {flex-shrink: 0; margin-top: 22px; width: 74px; text-align: left;}
	.mpg-cart__list td.mpg-cart__list--price {flex-shrink: 0; margin-top: 22px; width: 94px; text-align: right;}
	.mpg-cart__list td.mpg-cart__list--price strong {font-size: 28px;}
	.mpg-cart__list td.mpg-cart__list--order {position: absolute; right: 0; bottom: 16px;}
	.mpg-cart__list td.mpg-cart__list--del {position: absolute; right: 112px; bottom: 16px;}
	.mpg-cart__list td.mpg-cart__list--order a,
	.mpg-cart__list td.mpg-cart__list--del a {height: 34px; font-size: 14px;}
	.mpg-cart__list td.mpg-cart__list--order a {width: 104px;}
	.mpg-cart__list td.mpg-cart__list--del a {width: 56px;}
	.mpg-cart__list--all {display: flex;}
}

@media(max-width:768px){
	.mpg-cart__step ul:before {left: 28px; right: 28px; top: 28px;}
	.mpg-cart__step ul li {padding: 0 16px;}
	.mpg-cart__step ul li em {width: 56px; height: 56px;}
	.mpg-cart__step ul li em:after {width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; background-size: auto 40px;}
	.mpg-cart__step ul li:nth-child(2) em:after {background-position: -20px 0;}
	.mpg-cart__step ul li:nth-child(3) em:after {background-position: -40px 0;}
	.mpg-cart__step ul li.active:nth-child(2) em:after {background-position: -20px bottom;}
	.mpg-cart__step ul li.active:nth-child(3) em:after {background-position: -40px bottom;}
	.mpg-cart__step ul li p {margin-top: 8px; font-size: 11px;}

	.mpg-cart__list tr {flex-wrap: wrap;}
	.mpg-cart__list td.mpg-cart__list--chk {margin-right: 16px; align-self: flex-start;}
	.mpg-cart__list td.mpg-cart__list--title {width: calc(100% - 80px); padding-right: 64px; box-sizing: border-box;}
	.mpg-cart__list td.mpg-cart__list--gubun {width: auto; position: absolute; right: 0; top: 16px;}
	.mpg-cart__list td.mpg-cart__list--period {position: absolute; left: 0; bottom: 16px;}
	.mpg-cart__list td.mpg-cart__list--price {margin-top: 0; width: 100%;}

	.mpg-cart__sum {display: block; padding: 0;}
	.mpg-cart__sum li {width: 100%; padding: 16px 0; text-align: left; border-right: none; border-bottom: solid 1px #e5e5e5; display: flex; align-items: center; justify-content: space-between;}
	.mpg-cart__sum li:last-child {border-bottom: none;}
	.mpg-cart__sum li p {font-size: 13px;}
	.mpg-cart__sum li h5 {margin-top: 0; padding-right: 0;}
	.mpg-cart__sum li strong {font-size: 32px;}
	.mpg-cart__sum li em {display: none;}

	.mpg-cart__btn {margin: 24px -4px 0;}
	.mpg-cart__btn li {padding: 0 4px; width: 50%; margin: 0 auto;}
	.mpg-cart__btn li a {width: 100%;}
}





/* 마이페이지 주문내역 */
.mpg-odr__sch {border: solid 1px #333; background: #f7f7f7; padding: 16px; margin-bottom: 16px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}
.mpg-odr__sch--quick {display: flex; align-items: center; margin-right: 16px;}
.mpg-odr__sch--quick {display: flex;}
.mpg-odr__sch--quick li a {padding: 0 16px; height: 32px; font-size: 12px; box-sizing: border-box; border: solid 1px #333; background: #e5e5e5; color: #aaa; border-right: none; display: flex; align-items: center; justify-content: center;}
.mpg-odr__sch--quick li:first-child a {-webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;}
.mpg-odr__sch--quick li:last-child a {-webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; border-right: solid 1px #333;}
.mpg-odr__sch--quick a.active {background: #06f; color: #fff;}
.mpg-odr__sch--period {display: flex; align-items: center;}
.mpg-odr__sch--period li input[type="text"] {display: block; width: 120px; height: 32px; text-align: center; border: solid 1px #333; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; appearance: none;}
.mpg-odr__sch--period li:nth-child(even) {margin: 0 4px;}
.mpg-odr__sch--submit {width: 64px; height: 32px; background: #333; color: #fff !important; font-size: 14px; margin-left: 8px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}

.mpg-odr__list td.mpg-odr__list--no {}
.mpg-odr__list td.mpg-odr__list--title {text-align: left;}
.mpg-odr__list td.mpg-odr__list--title a {font-size: 14px; font-weight: 500; text-decoration: underline;}
.mpg-odr__list td.mpg-odr__list--date {}
.mpg-odr__list td.mpg-odr__list--price {font-size: 14px; color: #06f; font-weight: 500;}
.mpg-odr__list td.mpg-odr__list--status {color: #888;}
.mpg-odr__list td.mpg-odr__list--status a {color: #333; text-decoration: underline; font-weight: 600;}

.mpg-odr__dtl--info {border-top: solid 1px #333; border-bottom: solid 1px #e5e5e5; padding: 40px 0; display: flex; align-items: center;}
.mpg-odr__dtl--info li {width: 33.333%; text-align: center; border-right: solid 1px #e5e5e5;}
.mpg-odr__dtl--info li:last-child {border-right: none;}
.mpg-odr__dtl--info li p {font-size: 13px;}
.mpg-odr__dtl--info li strong {font-size: 16px; font-weight: 500; margin-top: 8px; display: block;}
.mpg-odr__dtl--tb th {background: #f7f7f7;}

.mpg-odr__bank {background: #f7f7f7; border: solid 1px #e5e5e5; margin-top: 24px; padding: 16px 24px; display: flex; align-items: center;}
.mpg-odr__bank dt {flex-shrink: 0;}
.mpg-odr__bank dt img {display: block;}
.mpg-odr__bank dd {flex-grow: 1;}
.mpg-odr__bank dd ul {padding-left: 24px;}
.mpg-odr__bank dd ul li {margin-bottom: 8px; font-size: 13px;}
.mpg-odr__bank dd ul li:last-child {margin-bottom: 0;}

.mpg-odr__qr {position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1000;}
.mpg-odr__qr > div {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}
.mpg-odr__qr > div > div {background: #fff; padding: 24px; text-align: center; -webkit-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);}
.mpg-odr__qr p {font-size: 12px;}
.mpg-odr__qr p img {display: block; margin: 0 auto 8px;}
.mpg-odr__qr h4 {border: solid 1px #e5e5e5; padding: 8px 0; margin-top: 16px;}
.mpg-odr__qr h4 img {display: block; max-width: 100%; margin: 0 auto;}
.mpg-odr__qr h5 {margin-top: 16px; font-size: 16px;}
.mpg-odr__qr a {margin-top: 16px; height: 38px; padding: 0 24px; font-size: 14px; background: #06f; color: #fff; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}





@media(max-width:1480px){
	.mpg-odr__list thead {display: none;}
	.mpg-odr__list,
	.mpg-odr__list tbody {display: block; width: 100%;}
	.mpg-odr__list tr {border-bottom: solid 1px #e5e5e5; position: relative; padding: 16px 0; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center;}
	.mpg-odr__list td {padding: 0; display: block; border-bottom: none;}
	.mpg-odr__list td.mpg-odr__list--no {width: 100%; text-align: right; font-size: 11px;}
	.mpg-odr__list td.mpg-odr__list--no:before {content: 'No. ';}
	.mpg-odr__list td.mpg-odr__list--title {width: 100%; margin-bottom: 8px;}
	.mpg-odr__list td.mpg-odr__list--title a {font-size: 16px;}
	.mpg-odr__list td.mpg-odr__list--date {font-size: 13px;}
	.mpg-odr__list td.mpg-odr__list--price {font-size: 13px; display: flex; align-items: center;}
	.mpg-odr__list td.mpg-odr__list--price:before,
	.mpg-odr__list td.mpg-odr__list--price:after {content: ''; width: 1px; height: 10px; background: #aaa; margin: 0 8px;}
	.mpg-odr__list td.mpg-odr__list--status {font-size: 13px;}
}

@media(max-width:768px){
	.mpg-odr__sch {padding: 8px; flex-wrap: wrap;}
	.mpg-odr__sch--quick {margin-right: 0; width: 100%; margin-bottom: 8px;}
	.mpg-odr__sch--quick li {width: 33.3333%;}
	.mpg-odr__sch--quick li a {padding: 0; font-size: 11px;}
	.mpg-odr__sch--period {width: calc(100% - 72px);}
	.mpg-odr__sch--period li input[type="text"] {width: 100%}

	.mpg-odr__dtl--info {border-bottom: none; padding: 0; display: block;}
	.mpg-odr__dtl--info li {width: 100%; text-align: left; border-right: none; border-bottom: solid 1px #e5e5e5; display: flex;}
	.mpg-odr__dtl--info li p {flex-shrink: 0; width: 144px; background: #f5f5f5; padding: 8px;}
	.mpg-odr__dtl--info li strong {flex-grow: 1; font-size: 14px; margin-top: 0; padding: 8px;}
}




/* 마이페이지 결제 */
span.red {color: #f00;}
.mpg-pay__ipt {border-top: none;}
.mpg-pay__ipt th,
.mpg-pay__ipt td {text-align: left; padding: 8px;}
.mpg-pay__ipt th {font-weight: 500; background: #fafafa;}
.mpg-pay__ipt td {}
.mpg-pay__ipt td p {height: 40px; display: flex; align-items: center;}
.mpg-pay__ipt input[type="text"],
.mpg-pay__ipt input[type="number"],
.mpg-pay__ipt input[type="tel"] {height: 40px; box-sizing: border-box; padding: 0 8px; width: 100%; max-width: 320px; border: solid 1px #333; -webkit-border-radius: 4px; border-radius: 4px;}
.mpg-pay__ipt select {display: block; height: 40px; width: 100%; max-width: 320px; padding-left: 8px; border: solid 1px #333; -webkit-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; appearance: none; background: #fff url('https://img.megastudyth.com/mypage/mypage_select.png')no-repeat right 8px center / 12px auto; cursor: pointer; padding-right: 28px;}
.mpg-pay__tel {width: 100%; max-width: 320px; display: flex; align-items: center;}
.mpg-pay__tel li:nth-child(odd) {width: 30%;}
.mpg-pay__tel li:nth-child(even) {width: 5%; text-align: center;}
.mpg-pay__chg {display: block; height: 32px; border: solid 1px #333; padding: 0 16px; font-size: 12px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.mpg-pay__ord {border-top: none;}
.mpg-pay__ord td.mpg-pay__ord--title {text-align: left; font-weight: 600;}
.mpg-pay__ord td.mpg-pay__ord--price strong {font-size: 20px; font-family: 'Rajdhani', sans-serif; font-weight: 700;}

.mpg-pay__cpn {}
.mpg-pay__cpn dl {padding: 16px 0; border-bottom: solid 1px #e5e5e5; display: flex; align-items: center; justify-content: space-between;}
.mpg-pay__cpn dl dt {font-size: 14px;}
.mpg-pay__cpn dl dt span {}
.mpg-pay__cpn dl dd {display: flex; position: relative;}
.mpg-pay__cpn dl dd input[type="text"] {height: 40px; box-sizing: border-box; padding: 0 8px; width: 100%; box-sizing: border-box; border: solid 1px #333; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;}
.mpg-pay__cpn dl dd a {width: 104px; height: 40px; background: #333; color: #fff; font-size: 12px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;}
.mpg-pay__cpn dl dd.mpg-pay__cpn--sel input[type="text"] {padding-left: 20px; width: 160px; font-size: 24px; font-family: 'Rajdhani', sans-serif !important; font-weight: 700;}
.mpg-pay__cpn dl dd.mpg-pay__cpn--sel:before {content: '฿'; position: absolute; left: 8px; font-size: 12px; line-height: 42px;}
.mpg-pay__cpn dl dd.mpg-pay__cpn--ipt input[type="text"] {width: 320px;}

.mpg-pay__dct {border-top: solid 1px #333;}
.mpg-pay__dct li {border-bottom: solid 1px #e5e5e5; padding: 16px 0;}
.mpg-pay__dct li dl {display: flex; align-items: flex-end;}
.mpg-pay__dct li dl dt {width: calc(100% - 104px);}
.mpg-pay__dct li dl dt span {font-size: 10px; padding: 3px 6px; background: #888; color: #fff; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 16px; border-radius: 16px;}
.mpg-pay__dct li dl dt h5 {font-size: 18px; margin: 8px 0;}
.mpg-pay__dct li dl dt select {font-size: 14px;}
.mpg-pay__dct li dl dd {width: 104px; text-align: right;}
.mpg-pay__dct li dl dd span,
.mpg-pay__dct li dl dd strike {display: block; font-size: 12px; line-height: 34px;}
.mpg-pay__dct li dl dd strong {font-size: 24px; font-family: 'Rajdhani', sans-serif; font-weight: 700;}
.mpg-pay__dct--info {text-align: center; font-size: 14px; margin-top: 16px;}
.mpg-pay__dct--info strong {color: #06f;}
.mpg-pay__dct--btn {margin: 24px -4px 0;}
.mpg-pay__dct--btn li {padding: 0 4px; width: 50%; margin: 0 auto;}
.mpg-pay__dct--btn li a {width: 100%;}


.mpg-pay__choice {margin: -4px; display: flex; flex-wrap: wrap; padding-top: 16px;}
.mpg-pay__choice li {width: 25%; padding: 4px; box-sizing: border-box;}
.mpg-pay__choice li input[type="radio"] {display: none;}
.mpg-pay__choice li input[type="radio"] + label {font-size: 13px; border: solid 1px #333; padding: 16px; height: 100%; cursor: pointer; box-sizing: border-box; text-align: center; -webkit-border-radius: 4px; border-radius: 4px; display: flex; align-items: center; flex-direction: column;}
.mpg-pay__choice li input[type="radio"]:checked + label {background: #06f; color: #fff; font-weight: 300;}
.mpg-pay__choice li input[type="radio"] + label:before {content: ''; display: block; width: 32px; height: 32px; margin-bottom: 12px; flex-shrink: 0;}
.mpg-pay__choice li input[type="radio"] + label span {display: block; line-height: 1.1; height: 2.2em;}
.mpg-pay__choice li input[type="radio"]#chk_coin_1 + label:before {background: url('https://img.megastudyth.com/mypage/pay_choice_bank.png')no-repeat center top / 100% auto;}
.mpg-pay__choice li input[type="radio"]#chk_coin_2 + label:before {background: url('https://img.megastudyth.com/mypage/pay_choice_card.png')no-repeat center top / 100% auto;}
.mpg-pay__choice li input[type="radio"]#chk_coin_3 + label:before {background: url('https://img.megastudyth.com/mypage/pay_choice_calendar.png')no-repeat center top / 100% auto;}
.mpg-pay__choice li input[type="radio"]#chk_coin_4 + label:before {background: url('https://img.megastudyth.com/mypage/pay_choice_line.png')no-repeat center top / 100% auto;}
.mpg-pay__choice li input[type="radio"]#chk_coin_5 + label:before {background: url('https://img.megastudyth.com/mypage/pay_choice_qr.png')no-repeat center top / 100% auto;}
.mpg-pay__choice li input[type="radio"]#chk_coin_6 + label:before {background: url('https://img.megastudyth.com/mypage/pay_choice_mobile.png')no-repeat center top / 100% auto;}
.mpg-pay__choice li input[type="radio"]#chk_mbank_1 + label:before {background: url('https://img.megastudyth.com/mypage/pay_choice_bank1.png')no-repeat center top / 100% auto;}
.mpg-pay__choice li input[type="radio"]#chk_mbank_2 + label:before {background: url('https://img.megastudyth.com/mypage/pay_choice_bank2.png')no-repeat center top / 100% auto;}
.mpg-pay__choice li input[type="radio"]#chk_mbank_3 + label:before {background: url('https://img.megastudyth.com/mypage/pay_choice_bank3.png')no-repeat center top / 100% auto;}
.mpg-pay__choice li input[type="radio"]#chk_mbank_4 + label:before {background: url('https://img.megastudyth.com/mypage/pay_choice_bank4.png')no-repeat center top / 100% auto;}
.mpg-pay__choice li input[type="radio"]:checked + label:before {background-position: center bottom !important;}

.mpg-pay__cal {}
.mpg-pay__cal dl {padding: 16px 0; border-bottom: solid 1px #e5e5e5; display: flex; align-items: center; justify-content: space-between;}
.mpg-pay__cal dl dt {font-size: 14px;}
.mpg-pay__cal dl dd {font-size: 16px;}
.mpg-pay__cal dl dd strong {font-size: 24px; font-family: 'Rajdhani', sans-serif; font-weight: 700;}

.mpg-pay__warn {margin-top: 24px;}

.mpg-pay__agree {margin-top: 16px; display: flex; align-items: center; justify-content: space-between;}
.mpg-pay__agree dt {font-size: 12px; color: #666;}
.mpg-pay__agree dd {display: flex; align-items: center;}
.mpg-pay__agree dd input[type="checkbox"] {margin-right: 8px;}
.mpg-pay__agree dd input[type="checkbox"] + label {font-size: 14px;}

.mpg-pay__total {margin-top: 24px; padding: 16px 0; border-bottom: solid 1px #333; border-top: solid 1px #e5e5e5; display: flex; justify-content: space-between; align-items: center;}
.mpg-pay__total dt {font-size: 16px; font-weight: 700;}
.mpg-pay__total dd {font-size: 18px; color: #06f; display: flex; align-items: flex-end;}
.mpg-pay__total dd strong {font-size: 44px; font-family: 'Rajdhani', sans-serif; font-weight: 700; margin-bottom: -8px;}

.mpg-pay__scss--total {border-top: solid 1px #333;}
.mpg-pay__scss--bank {margin-top: 32px; display: flex; align-items: center;}
.mpg-pay__scss--bank dt {width: 62px; height: 78px; text-indent: -9999px; margin-right: 24px; flex-shrink: 0; background: url('http://img.megastudyth.com/mypage/ic_scb.png')no-repeat center center / cover;}
.mpg-pay__scss--line ul li a {background: #00bd00; border-color: #00bd00; color: #fff;}
.mpg-pay__scss--line p {font-size: 13px; text-align: center; padding: 16px; margin-top: 32px; border: dotted 1px #ff3636; background: #fff3f3; line-height: 1.4; -webkit-border-radius: 8px; border-radius: 8px;}

@media(max-width:1480px){
	.mpg-pay__choice li {width: 33.3333%;}
}

@media(max-width:768px){
	.mpg-pay__ord thead {display: none;}
	.mpg-pay__ord,
	.mpg-pay__ord tbody {display: block; width: 100%;}
	.mpg-pay__ord tr {border-bottom: solid 1px #e5e5e5; position: relative; padding: 16px 80px 16px 0; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center;}
	.mpg-pay__ord td {padding: 0; border-bottom: none;}
	.mpg-pay__ord td.mpg-pay__ord--cate,
	.mpg-pay__ord td.mpg-pay__ord--tch.active {font-size: 10px; padding: 3px 6px; background: #888; color: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 16px; border-radius: 16px;}
	.mpg-pay__ord td.mpg-pay__ord--tch.active {margin-left: 4px;}
	.mpg-pay__ord td.mpg-pay__ord--title {width: 100%; margin-top: 8px; margin-bottom: 4px; font-size: 16px;}
	.mpg-pay__ord td.mpg-pay__ord--ea {font-size: 11px; color: #666;}
	.mpg-pay__ord td.mpg-pay__ord--ea:before {content: 'ระยะเวลา/ปริมาณ : ';}
	.mpg-pay__ord td.mpg-pay__ord--price {position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
	.mpg-pay__ord td.mpg-pay__ord--price strong {font-size: 16px;}
	.mpg-pay__cpn dl {display: block;}
	.mpg-pay__cpn dl dd {margin-top: 8px;}
	.mpg-pay__cpn dl dd a {width: 80px;}
	.mpg-pay__cpn dl dd.mpg-pay__cpn--sel input[type="text"] {width: calc(100% - 80px);}
	.mpg-pay__cpn dl dd.mpg-pay__cpn--ipt input[type="text"] {width: calc(100% - 80px);}
	.mpg-pay__choice li input[type="radio"] + label {font-size: 10px; padding: 16px 4px;}
	.mpg-pay__agree {display: block;}
	.mpg-pay__agree dt {text-align: center; font-size: 10px;}
	.mpg-pay__agree dd {margin-top: 8px; justify-content: center; margin-top: 16px;}
	.mpg-pay__total dt {font-size: 14px;}
	.mpg-pay__total dd {font-size: 14px;}
	.mpg-pay__total dd strong {font-size: 32px; margin-bottom: -4px;}
}







/* 마이페이지 쿠폰 */
.mpg-cpn__info {border: solid 1px #333; padding: 24px 0; -webkit-border-radius: 8px; border-radius: 8px; display: flex; align-items: center; justify-content: center;}
.mpg-cpn__info li {width: 50%; text-align: center; border-right: solid 1px #ddd;}
.mpg-cpn__info li:last-child {border-right: none;}
.mpg-cpn__info li h5 {font-size: 14px; font-weight: 400;}
.mpg-cpn__info li p {font-size: 12px; margin-top: 8px;}
.mpg-cpn__info li p strong {font-size: 50px; font-family: 'Rajdhani', sans-serif; font-weight: 700;}
.mpg-cpn__form {margin-top: 48px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.mpg-cpn__form h5 {font-size: 26px; font-weight: 400; width: 100%; text-align: center; margin-bottom: 16px;}
.mpg-cpn__form input[type="text"] {display: block; padding: 0 8px; width: 440px; height: 48px; border: solid 1px #333; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; appearance: none;}
.mpg-cpn__form a {flex-shrink: 0; width: 96px; height: 48px; background: #333; color: #fff !important; font-size: 16px; margin-left: 8px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.mpg-cpn__list {border-top: none;}
.mpg-cpn__list td.mpg-cpn__list--title {text-align: left;}
.mpg-cpn__list td.mpg-cpn__list--discount {font-weight: 600; color: #06f;}

@media(max-width:768px){
	.mpg-cpn__info {padding: 16px 0;}
	.mpg-cpn__info li h5 {font-size: 11px;}
	.mpg-cpn__info li p {margin-top: 8px;}
	.mpg-cpn__info li p strong {font-size: 40px;}
	.mpg-cpn__form {margin-top: 24px;}
	.mpg-cpn__form h5 {font-size: 18px; margin-bottom: 8px;}
	.mpg-cpn__form input[type="text"] {width: calc(100% - 72px); height: 32px; font-size: 12px;}
	.mpg-cpn__form a {width: 64px; height: 32px; font-size: 14px;}
	.mpg-cpn__list thead {display: none;}
	.mpg-cpn__list,
	.mpg-cpn__list tbody {display: block; width: 100%;}
	.mpg-cpn__list tr {border-bottom: solid 1px #e5e5e5; position: relative; padding: 16px 0; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center;}
	.mpg-cpn__list td {padding: 0; display: block; border-bottom: none;}
	.mpg-cpn__list td.mpg-cpn__list--title {width: 100%; margin-bottom: 8px; font-size: 16px;}
	.mpg-cpn__list td.mpg-cpn__list--target {font-size: 13px;}
	.mpg-cpn__list td.mpg-cpn__list--discount {font-size: 13px; display: flex; align-items: center;}
	.mpg-cpn__list td.mpg-cpn__list--discount:before,
	.mpg-cpn__list td.mpg-cpn__list--discount:after {content: ''; width: 1px; height: 10px; background: #aaa; margin: 0 8px;}
	.mpg-cpn__list td.mpg-cpn__list--start {font-size: 13px;}
	.mpg-cpn__list td.mpg-cpn__list--end {font-size: 13px;}
	.mpg-cpn__list td.mpg-cpn__list--end:before {content: '~'; margin: 0 4px;}
}





/* 마이페이지 Q&A */
.mpg-qna__sch {border: solid 1px #333; padding: 16px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}
.mpg-qna__sch--sel {flex-shrink: 0;width: 88px; height: 32px; margin-right: 8px; -webkit-border-radius: 4px; border-radius: 4px;}
.mpg-qna__sch--input {display: block; width: 240px; height: 32px; padding: 0 8px; border: solid 1px #333; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; appearance: none;}
.mpg-qna__sch--submit {flex-shrink: 0; width: 64px; height: 32px; background: #333; color: #fff !important; font-size: 14px; margin-left: 8px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.mpg-qna__list td.mpg-qna__list--title {text-align: left; font-size: 14px; padding-right: 40px;}
.mpg-qna__list td.mpg-qna__list--title a {display: block;}
.mpg-qna__list td.mpg-qna__list--title a span {height: 18px; padding: 0 10px; background: #82b3ff; color: #fff; font-size: 10px; margin-bottom: 4px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 24px; border-radius: 24px;}
.mpg-qna__list td.mpg-qna__list--title a strong {display: block; font-size: 15px; font-weight: 500;}
.mpg-qna__list td.mpg-qna__list--status strong {font-weight: 500;}

.mpg-qna__view--reply {border-top: solid 1px #333;}
.mpg-qna__view--reply dt {display: flex; padding: 16px 0;}
.mpg-qna__view--reply dt h4 {font-size: 16px; flex-grow: 1;}
.mpg-qna__view--reply dt ul {display: flex; justify-content: flex-end; flex-shrink: 0; margin-left: 40px;}
.mpg-qna__view--reply dt ul li {font-size: 12px; display: flex; align-items: center;}
.mpg-qna__view--reply dt ul li:after {content: ''; display: block; width: 1px; height: 8px; background: #e5e5e5; margin: 0 8px;}
.mpg-qna__view--reply dt ul li:last-child:after {display: none;}
.mpg-qna__view--reply dd {padding: 16px 0; font-size: 13px; border-top: solid 1px #e5e5e5;}
.mpg-qna__view--none {text-align: center; font-size: 13px; color: #aaa; font-weight: 300; padding: 24px 0; border-top: solid 1px #e5e5e5; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.mpg-qna__view--none:before {content: ''; display: block; width: 64px; height: 42px; margin-bottom: 8px; background: url('https://img.megastudyth.com/mypage/mypage_nodata.png')no-repeat center center / cover;}

.mpg-sub__write {width: 100%; table-layout: fixed;}
.mpg-sub__write th,
.mpg-sub__write td {font-size: 13px; padding: 8px; border-top: solid 1px #e5e5e5;}
.mpg-sub__write tr:first-child th,
.mpg-sub__write tr:first-child td {border-top-color: #333;}
.mpg-sub__write th {font-weight: 500; background: #f5f5f5; width: 120px;}
.mpg-sub__write td {}
.mpg-sub__write--gubun {display: flex; align-items: center;}
.mpg-sub__write--gubun li {margin-right: 16px;}
.mpg-sub__write--gubun li:last-child {margin-right: 0;}
.mpg-sub__write--title {display: block; height: 40px; box-sizing: border-box; padding: 0 8px; width: 100%; border: solid 1px #333; -webkit-border-radius: 4px; border-radius: 4px;}
.mpg-sub__write--file {font-size: 12px;}
.mpg-sub__write--file + label {font-size: 12px;}


@media(max-width:768px){
	.mpg-qna__sch {padding: 8px; margin-bottom: -32px;}
	.mpg-qna__sch--input {width: auto; flex-grow; 1; width: calc(100% - 168px);}

	.mpg-qna__list thead {display: none;}
	.mpg-qna__list,
	.mpg-qna__list tbody {display: block; width: 100%;}
	.mpg-qna__list tr {border-bottom: solid 1px #e5e5e5; position: relative; padding: 16px 0; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center;}
	.mpg-qna__list td {padding: 0; display: block; border-bottom: none;}
	.mpg-qna__list td.none {text-align: center;}
	.mpg-qna__list {}
	.mpg-qna__list td.mpg-qna__list--no {order: 2; flex-shrink: 0; font-size: 11px; position: absolute; right: 0; top: 16px;}
	.mpg-qna__list td.mpg-qna__list--no:before {content: 'No. ';}
	.mpg-qna__list td.mpg-qna__list--tutor {order: 1; flex-grow: 1; text-align: left; display: none;}
	.mpg-qna__list td.mpg-qna__list--title {order: 3; text-align: left; margin-bottom: 8px; width: 100%;}
	.mpg-qna__list td.mpg-qna__list--status {order: 4; font-size: 12px;}
	.mpg-qna__list td.mpg-qna__list--status strong {font-weight: 500;}
	.mpg-qna__list td.mpg-qna__list--date {order: 5; font-size: 13px; display: flex; align-items: center; font-size: 12px;}
	.mpg-qna__list td.mpg-qna__list--date:before {content: ''; width: 1px; height: 10px; background: #aaa; margin: 0 8px;}

	.mpg-qna__view--reply dt {padding: 8px 0;}
	.mpg-qna__view--reply dt h4 {font-size: 13px;}
	.mpg-qna__view--reply dt ul {margin-left: 0;}
	.mpg-qna__view--reply dt ul li {font-size: 10px;}
	.mpg-qna__view--reply dd {padding: 12px 0; font-size: 12px;}
	.mpg-qna__view--none {font-size: 11px;}
	
	.mpg-sub__write,
	.mpg-sub__write tbody,
	.mpg-sub__write tr,
	.mpg-sub__write th,
	.mpg-sub__write td {display: block; width: 100%;}	
	.mpg-sub__write tr {padding: 16px 0; border-top: solid 1px #e5e5e5;}
	.mpg-sub__write tr:first-child {padding-top: 0; border-top: none;}
	.mpg-sub__write th,
	.mpg-sub__write td {font-size: 12px; padding: 0; border-top: none; text-align: left;}
	.mpg-sub__write th {width: 100%; background: none; font-size: 16px;}
	.mpg-sub__write td {margin-top: 8px;}
	.mpg-sub__write--file {display: block; font-size: 11px;}
	.mpg-sub__write--file + label {display: block; font-size: 11px; margin-top: 4px;}
}




/* bk mode */
.dark-switch {position: absolute; right: 224px; top: 8px; z-index: 1; background: #06f; cursor: pointer; width: 40px; height: 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; -webkit-border-radius: 40px; border-radius: 40px; transition: background 0.2s linear; -webkit-transition: background 0.2s linear;}
.dark-switch span {background-color: #fff; border-radius: 50%; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; transition: transform 0.2s linear; -webkit-transition: transform 0.2s linear;}
.dark-switch em {display: block; width: 12px; height: 12px; position: absolute; top: 4px; background-repeat: no-repeat !important; background-size: cover !important;}
.dark-switch em.dark-switch__moon {left: 6px; background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuMzE2NSAxMS4wOTE4QzguMjIyNSAxMS4wOTE4IDQuOTA2NSA3Ljc3MzI0IDQuOTA2NSAzLjY4MTYxQzQuOTA2NSAyLjMzNDA3IDUuMjkzIDEuMDg3NTMgNS45MjIgMEMyLjUxIDAuOTg0MDMxIDAgNC4wOTM2MyAwIDcuODIyMjRDMCAxMi4zMzc5IDMuNjYgMTYgOC4xNzYgMTZDMTEuOTA0NSAxNiAxNS4wMTYgMTMuNDg4NCAxNiAxMC4wNzc4QzE0LjkxIDEwLjcwNDggMTMuNjY0IDExLjA5MTggMTIuMzE2NSAxMS4wOTE4WiIgZmlsbD0iI0I5QzZEMyIvPjwvc3ZnPg==');}
.dark-switch em.dark-switch__sun {width: 14px; height: 14px; top: 3px; right: 4px; background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC4wMDA1IDRDNS43OTE1IDQgNC4wMDA1IDUuNzkxIDQuMDAwNSA4QzQuMDAwNSAxMC4yMDkgNS43OTE1IDEyIDguMDAwNSAxMkMxMC4yMDk1IDEyIDEyIDEwLjIwOSAxMiA4QzEyIDUuNzkxIDEwLjIwOTUgNCA4LjAwMDUgNFpNNyAxQzcgMC40NDc1IDcuNDQ3NSAwIDggMEM4LjU1MjUgMCA5IDAuNDQ3NSA5IDFDOSAxLjU1MjUgOC41NTI1IDIgOCAyQzcuNDQ3NSAyIDcgMS41NTI1IDcgMVpNMiAzQzIgMi40NDc1IDIuNDQ3NSAyIDMgMkMzLjU1MjUgMiA0IDIuNDQ3NSA0IDNDNCAzLjU1MjUgMy41NTI1IDQgMyA0QzIuNDQ3NSA0IDIgMy41NTI1IDIgM1pNMSA3QzEuNTUyNSA3IDIgNy40NDc1IDIgOEMyIDguNTUzNSAxLjU1MjUgOSAxIDlDMC40NDc1IDkgMCA4LjU1MzUgMCA4QzAgNy40NDc1IDAuNDQ3NSA3IDEgN1pNMiAxM0MyIDEyLjQ0NzUgMi40NDc1IDEyIDMgMTJDMy41NTI1IDEyIDQgMTIuNDQ3NSA0IDEzQzQgMTMuNTUyNSAzLjU1MjUgMTQgMyAxNEMyLjQ0NzUgMTQgMiAxMy41NTI1IDIgMTNaTTcgMTVDNyAxNC40NDU1IDcuNDQ3NSAxNCA4IDE0QzguNTU0IDE0IDkgMTQuNDQ1NSA5IDE1QzkgMTUuNTUxIDguNTU0IDE2IDggMTZDNy40NDc1IDE2IDcgMTUuNTUxIDcgMTVaTTEyIDEzQzEyIDEyLjQ0NzUgMTIuNDQ3NSAxMiAxMyAxMkMxMy41NTI1IDEyIDE0IDEyLjQ0NzUgMTQgMTNDMTQgMTMuNTUyNSAxMy41NTI1IDE0IDEzIDE0QzEyLjQ0NzUgMTQgMTIgMTMuNTUyNSAxMiAxM1pNMTUgOUMxNC40NDggOSAxNCA4LjU1MiAxNCA4QzE0IDcuNDQ2NSAxNC40NDggNyAxNSA3QzE1LjU1MiA3IDE2IDcuNDQ2NSAxNiA4QzE2IDguNTUyIDE1LjU1MiA5IDE1IDlaTTEyIDNDMTIgMi40NDc1IDEyLjQ0NzUgMiAxMyAyQzEzLjU1MjUgMiAxNCAyLjQ0NzUgMTQgM0MxNCAzLjU1MjUgMTMuNTUyNSA0IDEzIDRDMTIuNDQ3NSA0IDEyIDMuNTUyNSAxMiAzWiIgZmlsbD0iI0ZGRTRBMSIvPjwvc3ZnPg==');}
.dark-switch button {position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-indent: -9999px; background: none; z-index: 1;}
html.nodark .dark-switch {display: none;}

@media (max-width: 1400px){
	.dark-switch {right: 192px;}
}

@media (max-width: 1200px){
	.dark-switch {top: 3px; right: 144px;}
}
@media (max-width: 992px){
	.dark-switch {right: 50px; top: 18px; background: #0047b1;}
}


html[data-color-scheme='dark']:not(.nodark) {
	#gnb {border-bottom: solid 1px #000; background: #0e0b14;}
	.gnb-logo a {background-position: 50% center;}
	.gnb-sch__toggle {background-position: right center;}
	.gnb-wrap:before {background: none; border-bottom-color: rgba(255,255,255,0.1);}
	.gnb-wrap.open:before {background: rgba(0, 18, 35, 0.9);}
	.gnb-menu ul li a {color: rgba(255,255,255,0.8);}
	.gnb-login dd:after {background: rgba(255,255,255,0.3);}
	.gnb-login dd a {color: rgba(255,255,255,0.4);}
	.gnb-tab ul li:after {background: rgba(255,255,255,0.3);}
	.gnb-tab ul li a {color: rgba(255,255,255,0.4);}
	.gnb-tab ul li a.active {color: rgba(255,255,255,0.7); font-weight: 400;}
	.gnb-wrap.open .gnb-tab ul li a.active {color: #06f;}
	#gnb.on .gnb-toggle span,
	#gnb.on .gnb-toggle:before,
	#gnb.on .gnb-toggle:after,
	#gnb.scroll .gnb-toggle span,
	#gnb.scroll .gnb-toggle:before,
	#gnb.scroll .gnb-toggle:after {background: #fff;}
	#gnb.on .gnb-logo a,
	#gnb.scroll .gnb-logo a {background-position: 50% center !important;}
	#gnb.on .gnb-sch__toggle span,
	#gnb.scroll .gnb-sch__toggle span {background-position: right center !important;}
	.dark-switch span {transform: translateX(20px); -webkit-transform: translateX(20px);}
	.dark-switch {background: #414141;}
	@media (max-width: 992px){
		.dark-switch {background: #39446f;}
	}
}







/* mega cast */
html[data-color-scheme='dark']:not(.nodark) {
	#cast:before {content: ''; display: block; position: fixed; left: 0; right: 0; top: 0; height: 100vh; background: url('https://img.megastudyth.com/cast/cast_bg.png')no-repeat center center / cover;}
	.cast-bot__title {color: #fff;}
	.cast-bot__sort li button {color: #fff;}
	.cast-bot__sort li.on button {color: #8364ff;}

	.cast-view__text h4 {color: #fff;}
	.cast-view__text span {color: #999;}
	.cast-view__text p {color: #bbb;}
	.cast-view__info {color: #fff;}
	.cast-view__title {color: #fff; border-bottom: solid 1px rgba(255, 255, 255, 0.2);}
	.cast-view__info dd a {border-color: rgba(255,255,255,0.3); color: rgba(255,255,255,0.8);}
	.cast-view__list li a dl dd {color: #fff;}
	.cast-view__list li a dl dd p {color: rgba(255,255,255,0.5);}
	.cast-cmt {border-color: rgba(255,255,255,0.2);}
	.cast-cmt__ipt input {border-color: rgba(255,255,255,0.7); color: #fff;}
	.cast-cmt__ipt a {border-color: rgba(255,255,255,0.7);}
	.cast-cmt__desc {color: rgba(255,255,255,0.3);}
	.cast-cmt__list td {color: rgba(255,255,255,0.7); border-color: rgba(255,255,255,0.2);}
	.cast-cmt__list td.none {color: #545c6a;}
	.cast-cmt__list .paging a {border: none; color: #000; filter: invert(100%);}
	.cast-cmt__list .paging ul li a.on {color: #000;}
	.cast-view__rcmd a dl dd h5 {color: #fff;}
	.cast-view__rcmd a dl dd p {color: rgba(255,255,255,0.5);}
}

#cast {position: relative;}
#cast > * {position: relative;}
#cast * {box-sizing: border-box;}
#cast + #ft-renew {position: relative;}
#cast .main-inner {max-width: 1332px !important;}

.cast-top {padding: 80px 0; background: url('https://img.megastudyth.com/cast/cast_top_bg.jpg')no-repeat center center / cover;}
.cast-top__wrap {display: flex;}
.cast-top__left {width: 60%; padding-right: 20px; display: flex; flex-direction: column;}
.cast-top__right {width: 40%; display: flex; flex-direction: column;}
.cast-top__title {font-size: 28px; color: #fff; margin-bottom: 24px; font-weight: 500; flex-shrink: 0;}
.cast-top__title span {color: #FFFF64;}
.cast-top__big {flex-grow: 1;}
.cast-top__big a {display: block; height: 100%; padding: 10px; -webkit-border-radius: 20px; border-radius: 20px; background: linear-gradient(180deg, #FFFF64 0%, #41FF78 50.5%, #00EEFF 100%);}
.cast-top__big a em {display: block; padding-bottom: 56.25%; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
.cast-top__big a h5 {font-size: 22px; margin: 16px 16px 6px; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; height: 2.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.cast-top__list {flex-grow: 1;}
.cast-top__list .slick-slide > div {height: 100%;}
.cast-top__list a {display: block !important; height: 100%;}
.cast-top__list a dl {display: flex; padding: 10px; display: flex; height: 100%; -webkit-border-radius: 20px; border-radius: 20px;}
.cast-top__list a.color1 dl {background: #FCFF66;}
.cast-top__list a.color2 dl {background: #41FF78;}
.cast-top__list a.color3 dl {background: #00EEFF;}
.cast-top__list a dl dt {display: block; width: 45%; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;}
.cast-top__list a dl dd {width: 55%; background: #000; padding: 16px 24px; -webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;}
.cast-top__list a dl dd h5 {color: #fff; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; height: 4.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.cast-top__list .slick-dots {margin-top: 12px; display: flex; justify-content: center;}
.cast-top__list .slick-dots li {margin: 0 3px;}
.cast-top__list .slick-dots li button {display: block; width: 8px; height: 8px; background: rgba(255,255,255,0.3); text-indent: -9999px; -webkit-border-radius: 50%; border-radius: 50%;}
.cast-top__list .slick-dots li.slick-active button {background: #fff;}

@media(min-width:993px){
	.cast-top__list .slick-list {height: 100%;}
	.cast-top__list .slick-track {margin: -8px 0; height: calc(100% + 16px); width: 100% !important; transform: translate3d(0px, 0px, 0px) !important;}
	.cast-top__list .slick-slide {height: 33.3333%; width: 100% !important; padding: 8px 0;}
}

.cast-bot {padding-top: 80px; padding-bottom: 160px;}
.cast-bot__title {font-size: 48px; text-align: center; padding-bottom: 56px;}
.cast-bot__title span {color: #5C34FF;}
.cast-bot__menu {margin: -5px; padding: 0 10%; display: flex; justify-content: center; flex-wrap: wrap;}
.cast-bot__menu li {padding: 5px;}
.cast-bot__menu li button {height: 44px; background: #F2F3F5; padding: 0 20px; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 12px; border-radius: 12px;}
.cast-bot__menu li button:before {content: ''; display: block; width: 20px; height: 20px; margin-right: 8px; background: #ddd;}
.cast-bot__menu li button.on {background: #5C34FF; color: #fff;}
.cast-bot__menu li button#icoAll:before {background: url('https://img.megastudyth.com/cast/cast_cate_all.png')no-repeat center center / cover;}
.cast-bot__menu li button#ico21:before {background: url('https://img.megastudyth.com/cast/cast_cate21.png')no-repeat center center / cover;}
.cast-bot__menu li button#ico24:before {background: url('https://img.megastudyth.com/cast/cast_cate24.png')no-repeat center center / cover;}
.cast-bot__menu li button#ico61:before {background: url('https://img.megastudyth.com/cast/cast_cate61.png')no-repeat center center / cover;}
.cast-bot__menu li button#ico62:before {background: url('https://img.megastudyth.com/cast/cast_cate62.png')no-repeat center center / cover;}
.cast-bot__menu li button#ico63:before {background: url('https://img.megastudyth.com/cast/cast_cate63.png')no-repeat center center / cover;}
.cast-bot__menu li button#ico65:before {background: url('https://img.megastudyth.com/cast/cast_cate65.png')no-repeat center center / cover;}
.cast-bot__menu li button#ico69:before {background: url('https://img.megastudyth.com/cast/cast_cate69.png')no-repeat center center / cover;}
.cast-bot__menu li button#ico66:before {background: url('https://img.megastudyth.com/cast/cast_cate66.png')no-repeat center center / cover;}
.cast-bot__menu li button#ico67:before {background: url('https://img.megastudyth.com/cast/cast_cate67.png')no-repeat center center / cover;}
.cast-bot__menu li button#ico68:before {background: url('https://img.megastudyth.com/cast/cast_cate68.png')no-repeat center center / cover;}
.cast-bot__menu li button#ico71:before {background: url('https://img.megastudyth.com/cast/cast_cate71.png')no-repeat center center / cover;}
.cast-bot__sort {margin-top: 32px; display: flex; justify-content: flex-end;}
.cast-bot__sort li {margin-right: 20px;}
.cast-bot__sort li:last-child {margin-right: 0;}
.cast-bot__sort li button {font-size: 13px; color: #9A9A9A; font-weight: 300;}
.cast-bot__sort li.on button {color: #000; font-weight: 500;}
.cast-bot__list {padding-top: 24px; margin: -20px -10px; display: flex; flex-wrap: wrap;}
.cast-bot__list li {padding: 20px 10px; width: 25%;}
.cast-bot__list li a {display: block; overflow: hidden; -webkit-border-radius: 16px; border-radius: 16px;}
.cast-bot__list li a dl dt {padding-bottom: 56.25%;}
.cast-bot__list li a dl dd {background: #191F28; padding: 16px;}
.cast-bot__list li a dl dd h5 {font-size: 18px; color: #fff; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; height: 2.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.cast-bot__list li a dl dd p {font-size: 13px; color: #9A9A9A; margin-top: 8px; display: flex; align-items: center;}
.cast-bot__list li a dl dd p:before {content: ''; display: block; width: 7px; height: 9px; margin-right: 4px; background: url('https://img.megastudyth.com/cast/cast_hit.png')no-repeat center center / 100% auto;}

.cast-view {padding-top: 80px; padding-bottom: 160px; display: flex; justify-content: space-between;}
.cast-view__left {width: calc(100% - 440px); box-sizing: border-box;}
.cast-view__video {padding-bottom: 56.25%; position: relative; font-size: 0px; -webkit-border-radius: 12px; border-radius: 12px; overflow: hidden;}
.cast-view__video iframe {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.cast-view__text {margin-top: 16px;}
.cast-view__text h4 {font-size: 26px; font-weight: 500;}
.cast-view__text span {display: block; font-size: 12px; margin-top: 8px; color: #777;}
.cast-view__text p {margin-top: 16px; font-size: 14px; font-weight: 300; line-height: 1.4;}
.cast-view__info {margin-top: 24px; display: flex; justify-content: space-between; align-items: flex-end;}
.cast-view__info dt a {display: flex; align-items: center;}
.cast-view__info dt em {display: block; margin-right: 8px; background: #ddd; width: 40px; height: 40px; position: relative; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; flex-shrink: 0;}
.cast-view__info dt em img {display: block; position: absolute; left: 0; width: 100%; bottom: -30%;}
.cast-view__info dt p {font-size: 16px;}
.cast-view__info dt p span {font-size: 11px; height: 18px; padding: 0 4px; background: #06f; color: #fff; font-weight: 400; margin-bottom: 2px; font-style: normal; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.cast-view__info dt p strong {font-weight: 700;}
.cast-view__info dd a {background: none; border: solid 1px #333; height: 32px; padding: 0 16px; font-size: 12px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.cast-view__title {padding-bottom: 8px; margin-bottom: 16px; margin-top: 48px; font-size: 20px; font-weight: 600; border-bottom: solid 1px #e5e5e5;}
.cast-view__right {width: 400px;}
.cast-view__right .cast-view__title {display: none;}
.cast-view__list {}
.cast-view__list li {margin-bottom: 12px;}
.cast-view__list li:last-child {margin-bottom: 0;}
.cast-view__list li a {display: block;}
.cast-view__list li a dl {display: flex; align-items: flex-start;}
.cast-view__list li a dl dt {width: 35%; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden;}
.cast-view__list li a dl dt img {display: block;}
.cast-view__list li a dl dd {width: 65%; padding-left: 16px;}
.cast-view__list li a dl dd h4 {display: flex; flex-wrap: wrap; margin: -2px;}
.cast-view__list li a dl dd h4 span {height: 16px; padding: 0 6px; margin: 2px; font-size: 10px; background: #06f; color: #fff; font-weight: 400; font-style: normal; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 12px; border-radius: 12px;}
.cast-view__list li a dl dd h5 {font-size: 15px; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; max-height: 2.4em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.cast-view__list li a dl dd p {font-size: 12px; margin-top: 8px; font-weight: 300;}
.cast-view__list li a dl dd p strong {font-weight: 500;}

.cast-cmt {margin-top: 16px; padding-top: 24px; border-top: solid 1px #e5e5e5;}
.cast-cmt__ipt {display: flex;}
.cast-cmt__ipt input {flex-grow: 1; border: solid 1px #333; border-right: none; height: 40px; padding: 0 16px; box-sizing: border-box; background: none; -webkit-appearance: none; appearance: none; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px;}
.cast-cmt__ipt input:focus {}
.cast-cmt__ipt a {flex-shrink: 0; height: 40px; padding: 0 16px; border: solid 1px #333; background: #06f; color: #fff; font-size: 14px; box-sizing: border-box; text-align: center; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0;}
.cast-cmt__desc {text-align: right; font-size: 11px; margin-bottom: 12px; font-weight: 300;}
.cast-cmt__desc:before {content: '*'; color: #f00; margin-right: 4px; font-size: 16px;}
.cast-cmt__list {margin-top: 12px;}
.cast-cmt__list td {padding: 12px; font-size: 12px; border-bottom: solid 1px #ddd;}
.cast-cmt__list td a {display: inline-block; width: 14px; height: 14px; background: #06f; text-indent: -9999px; position: relative; -webkit-border-radius: 2px; border-radius: 2px;}
.cast-cmt__list td a:before,
.cast-cmt__list td a:after {content: ''; display: block; width: 8px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -1px;}
.cast-cmt__list td a:before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.cast-cmt__list td a:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.cast-cmt__list td.none {text-align: center; padding: 24px; color: #aaa;}
.cast-cmt__list td.none:before {content: ''; display: block; width: 64px; height: 42px; margin-bottom: 8px; margin: 0 auto 4px; background: url('https://img.megastudyth.com/mypage/mypage_nodata.png')no-repeat center center / cover;}

.cast-view__rcmd {margin: 0 -8px;}
.cast-view__rcmd .slick-slide {padding: 0 8px;}
.cast-view__rcmd .slick-arrow {position: absolute; z-index: 1; top: 50%; width: 24px; height: 24px; margin-top: -12px; background: #1b1e2c; text-indent: -9999px; opacity: 0.2; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -webkit-border-radius: 32px; border-radius: 32px;}
.cast-view__rcmd .slick-arrow:hover {opacity: 0.8;}
.cast-view__rcmd .slick-prev {left: -20px;}
.cast-view__rcmd .slick-next {right: -20px;}
.cast-view__rcmd .slick-arrow:after {content: ''; display: block; width: 6px; height: 6px; border-top: solid 2px #fff; box-sizing: border-box; position: absolute; left: 50%; top: 50%; margin-top: -3px;}
.cast-view__rcmd .slick-prev:after {border-left: solid 2px #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -2px;}
.cast-view__rcmd .slick-next:after {border-right: solid 2px #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: -4px;}
.cast-view__rcmd a {display: block;}
.cast-view__rcmd a dl {display: flex; align-items: flex-start;}
.cast-view__rcmd a dl dt {width: 120px; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden;}
.cast-view__rcmd a dl dt img {display: block;}
.cast-view__rcmd a dl dd {width: calc(100% - 120px); padding-left: 8px;}
.cast-view__rcmd a dl dd h4 {display: flex; flex-wrap: wrap; margin: -2px;}
.cast-view__rcmd a dl dd h4 span {height: 16px; padding: 0 6px; margin: 2px; font-size: 10px; background: #06f; color: #fff; font-weight: 400; font-style: normal; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 12px; border-radius: 12px;}
.cast-view__rcmd a dl dd h5 {font-size: 15px; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cast-view__rcmd a dl dd p {font-size: 12px; margin-top: 8px; font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cast-view__rcmd a dl dd p strong {font-weight: 500;}


@media(max-width:1280px){
	.cast-top {padding: 64px 0;}
	.cast-top__left {padding-right: 16px;}
	.cast-top__title {font-size: 24px; margin-bottom: 16px;}
	.cast-top__big a {padding: 8px; -webkit-border-radius: 16px; border-radius: 16px;}
	.cast-top__big a h5 {font-size: 18px; margin: 8px 8px 0px;}
	.cast-top__list a dl {padding: 8px; -webkit-border-radius: 16px; border-radius: 16px;}
	.cast-top__list a dl dd {padding: 16px;}
	.cast-top__list a dl dd h5 {font-size: 14px;}

	.cast-bot {padding-top: 64px; padding-bottom: 120px;}
	.cast-bot__title {font-size: 40px; padding-bottom: 40px;}
	.cast-bot__menu {margin: -4px; padding: 0;}
	.cast-bot__menu li {padding: 4px;}
	.cast-bot__menu li button {height: 40px; padding: 0 16px; font-size: 12px; -webkit-border-radius: 8px; border-radius: 8px;}
	.cast-bot__sort {margin-top: 24px;}
	.cast-bot__sort li {margin-right: 16px;}
	.cast-bot__sort li button {font-size: 12px;}
	.cast-bot__list {margin: -16px -8px;}
	.cast-bot__list li {padding: 16px 8px;}
	.cast-bot__list li a dl dd h5 {font-size: 14px;}
	.cast-bot__list li a dl dd p {font-size: 12px;}

	.cast-view {padding-top: 64px; padding-bottom: 120px;}
}

@media(max-width:992px){
	.cast-top {padding: 40px 0;}
	.cast-top__wrap {display: block;}
	.cast-top__left {width: 100%; padding-right: 0;}
	.cast-top__right {width: 100%; margin-top: 32px;}
	.cast-top__title {font-size: 22px; margin-bottom: 12px;}
	.cast-top__big a h5 {font-size: 16px;}
	.cast-top__list {margin: 0 -8px;}
	.cast-top__list .slick-slide {padding: 0 8px;}
	.cast-top__list a h5 {font-size: 13px;}

	.cast-bot {padding-bottom: 96px;}
	.cast-bot__title {font-size: 34px; padding-bottom: 24px;}
	.cast-bot__menu {margin: -2px;}
	.cast-bot__menu li {padding: 2px;}
	.cast-bot__menu li button {height: 32px; padding: 0 12px 0 8px; font-size: 11px;}
	.cast-bot__sort li button {font-size: 11px;}
	.cast-bot__list li {width: 33.3333%;}

	.cast-view {display: block; padding-bottom: 120px;}
	.cast-view__left {width: 100%;}
	.cast-view__right {width: 100%; margin-top: 64px;}
	.cast-view__rcmd .slick-arrow {display: none !important;}
}

@media(max-width:768px){
	.cast-top__big a h5 {font-size: 14px;}
	.cast-top__list {padding: 0 10%; margin: 0 -6px;}
	.cast-top__list .slick-list {overflow: visible;}
	.cast-top__list .slick-slide {padding: 0 6px;}
	.cast-top__list a dl {padding: 5px;}
	.cast-top__list a h5 {font-size: 12px;}

	.cast-bot {padding-top: 40px; padding-bottom: 64px;}
	.cast-bot__title {font-size: 22px; padding-bottom: 16px;}
	.cast-bot__menu li button {height: 26px; padding: 0 10px; font-size: 10px;}
	.cast-bot__menu li button:before {display: none;}	
	.cast-bot__sort {margin-top: 16px; justify-content: center;}
	.cast-bot__list {margin: -8px -4px;}
	.cast-bot__list li {padding: 8px 4px; width: 50%;}
	.cast-bot__list li a {-webkit-border-radius: 12px; border-radius: 12px;}
	.cast-bot__list li a dl dd {padding: 8px;}
	.cast-bot__list li a dl dd h5 {font-size: 13px;}
	.cast-bot__list li a dl dd p {font-size: 11px;}

	.cast-view {padding-top: 40px; padding-bottom: 64px;}
	.cast-view__text h4 {font-size: 18px;}
	.cast-view__text p {font-size: 10px;}
	.cast-view__info dt p {font-size: 14px;}
	.cast-view__title {font-size: 18px;}
	.cast-cmt {padding-top: 16px;}
	.cast-cmt__ipt input {height: 40px; padding: 0 8px; font-size: 11px;}
	.cast-cmt__ipt a {height: 40px; padding: 0 8px; font-size: 11px;}
	.cast-cmt__desc {display: none;}
	.cast-cmt__list {margin-top: 0;}
	.cast-cmt__list td {padding: 8px; font-size: 11px;}
	.cast-cmt__list .paging {margin-top: 16px;}
	.cast-view__right {margin-top: 32px;}
	.cast-view__right .cast-view__title {display: block;}
}







html[data-color-scheme='dark']:not(.nodark) {
	#post:before {content: ''; display: block; position: fixed; left: 0; right: 0; top: 0; height: 100vh; background: url('https://img.megastudyth.com/cast/cast_bg.png')no-repeat center center / cover;}
	.post-top {background: #292d3d; border-bottom: solid 1px #000;}
	.post-sort {}
	.post-sort li a,
	.post-sort li label,
	.post-sort li span,
	.post-sort li button {background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.1); color: #fff;}
	.post-sort li a.on,
	.post-sort li label.on,
	.post-sort li span.on,
	.post-sort li button.on {border-color: #fff;}
	.post-sort li a.on:before,
	.post-sort li label.on:before,
	.post-sort li span.on:before,
	.post-sort li button.on:before {background: url('https://img.megastudyth.com/lecture/post_chk_wh.png')no-repeat center center / cover;}
	.post-box__uesr {color: rgba(255,255,255,0.4);}
	.post-box__text h5 {color: rgba(255,255,255,0.9);}
	.post-box__text p {color: rgba(255,255,255,0.4);}
}

#post {padding: 56px 60px; max-width: 1920px; margin: 0 auto;}

.post-top {position: fixed; z-index: 10; left: 0; right: 0; top: 112px; padding: 0 60px; height: 56px; background: #F1F3F5; border-bottom: solid 1px #e5e5e5; display: flex; align-items: center; justify-content: center;}
.post-nav {display: flex; align-items: center; float: left;}
.post-nav li {}
.post-nav li a {display: block; width: 100%; height: 34px; box-sizing: border-box; border: solid 1px #e4e4e4; border-radius: 6px; -webkit-border-radius: 6px; text-align: center; padding: 0 10px; font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: center;}

.post-sort {display: flex; flex-wrap: wrap; justify-content: center;}
.post-sort li {display: flex; align-items: center; margin: 2px 4px;}
.post-sort li input[type="checkbox"] {display: none;}
.post-sort li:last-child {margin-right: 0;}
.post-sort li a,
.post-sort li label,
.post-sort li span,
.post-sort li button {font-size: 13px; height: 28px; background: #fff; border: solid 1px #CED4DA; font-weight: 300; padding: 0 16px; display: flex; align-items: center; position: relative; cursor: pointer; border-radius: 24px; -webkit-border-radius: 24px;}
.post-sort li a.on,
.post-sort li label.on,
.post-sort li span.on,
.post-sort li button.on {border-color: #000;}
.post-sort li a.on:before,
.post-sort li label.on:before,
.post-sort li span.on:before,
.post-sort li button.on:before {content: ''; display: block; width: 12px; height: 8px; margin-right: 8px; background: url('https://img.megastudyth.com/lecture/post_chk.png')no-repeat center center / cover;}

.post-sch {display: none; width: 200px; position: relative; padding-right: 40px; box-sizing: border-box;}
.post-sch:after {content: ''; display: table; clear: both;}
.post-sch input[type="text"] {display: block; width: 100%; height: 34px; box-sizing: border-box; padding: 0 10px; border: solid 1px #c1c8d0; border-radius: 6px; -webkit-border-radius: 6px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.post-sch input[type="text"]:focus {border-color: #06f;}
.post-sch a {display: block; float: left; width: 34px; height: 34px; text-indent: -9999px; border-radius: 8px; -webkit-border-radius: 8px; position: absolute; right: 0; top: 0; background: #06f url('https://img.megastudyth.com/common/gnb_search.png')no-repeat center center / 21px auto;}

.wf-column {float: left;}
.post-list {margin: 0 -12px;}
.post-list > div.none {width: 100%; padding: 80px; text-align: center; box-sizing: border-box; color: #aaa;}
.post-list:before,.post-list:after {content: ''; display: table;}
.wf-column {float: left;}
.post-item {box-sizing: border-box; margin: 40px 12px;}
.post-item .content {border: 1px solid #ccc; border-top-width: 0; padding: 5px 8px;}
.post-list:after {clear: both;}
.post-box {display: block; position: relative;}
.post-box.new .post-box__thumb:after {content: 'NEW'; text-indent: 0; font-style: normal; display: block; background: #f00; color: #fff; width: 60px; height: 60px; line-height: 100px; text-align: center; font-size: 11px; position: absolute; right: -30px; top: -30px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);}
.post-box__thumb {display: block; padding-bottom: 60%; text-indent: -9999px; overflow: hidden; position: relative; border-radius: 12px; -webkit-border-radius: 12px;}
.post-item:hover .post-box__thumb {-webkit-box-shadow: 0px 0px 24px 0px rgba(0,102,255,0.35); box-shadow: 0px 0px 40px 0px rgba(0,102,255,0.35);}
.post-box__uesr {margin-bottom: 8px; font-size: 10px; color: #666; display: flex; align-items: center;}
.post-box__uesr em {display: block; flex-shrink: 0; width: 28px; height: 28px; text-indent: -9999px; margin-right: 8px; border: solid 1px #ddd; border-radius: 50%; -webkit-border-radius: 50%;}
.post-box__best {display: inline-block; vertical-align: middle; font-style: normal; background: #ff4926; color: #fff; padding: 0 6px; height: 18px; line-height: 18px; margin-right: 5px; margin-top: -3px; font-size: 11px; border-radius: 4px; -webkit-border-radius: 4px;}
.post-box__text {margin-top: 16px;}
.post-box__text h5 {font-size: 18px; font-weight: 500; color: #333; margin-top: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.post-box__text p {margin-top: 8px; color: #888; font-weight: 300; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.post-box__text span {display: block; font-size: 11px;}
.post-box__text span.post-label1 {color: #38aa00;}
.post-box__text span.post-label2 {color: #01aca6;}
.post-box__text span.post-label3 {color: #ff6000;}
.post-box__text span.post-label4 {color: #8309c8;}
.post-box__text span.post-label5 {color: #ff6699;}
.post-box__text span.post-label6 {color: #38aa00;}
.post-box__text span.post-label7 {color: #01aca6;}
.post-box__text span.post-label8 {color: #ff6000;}
.post-box__text span.post-label9 {color: #8309c8;}
.post-box__text span.post-label10 {color: #ff6699;}
.post-box__text span.post-label11 {color: #38aa00;}
.post-box__text span.post-label12 {color: #01aca6;}
.post-box__text span.post-label13 {color: #ff6000;}
.post-box__text span.post-label14 {color: #8309c8;}
.post-box__text span.post-label15 {color: #ff6699;}
.post-box__text span.post-label16 {color: #38aa00;}
.post-box__text span.post-label17 {color: #01aca6;}
.post-box__text span.post-label18 {color: #ff6000;}
.post-box__text span.post-label19 {color: #8309c8;}
.post-box__text span.post-label20 {color: #ff6699;}

.post-pop {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1100; padding: 64px 24px; overflow-y: auto; background: rgba(0,0,0,0.8);}
.post-pop > div {display: table; width: 100%; height: 100%;}
.post-pop > div > div {display: table-cell; width: 100%; vertical-align: middle;}
/* .post-pop__overlay {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.8);} */
.post-pop__box {position: relative; width: 100%; max-width: 800px; margin: 0 auto; background: #fff; -webkit-border-radius: 12px; border-radius: 12px;}
.post-pop__close {display: block; text-indent: -9999px; width: 80px; height: 80px; position: absolute; right: 0; top: 0;}
.post-pop__close:before,
.post-pop__close:after {content: ''; display: block; width: 40px; height: 2px; background: #000; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -2px;}
.post-pop__close:before {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.post-pop__close:after {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.post-pop__view {}
.post-pop__top {border-bottom: solid 1px #ddd; padding: 24px 96px 24px 24px; margin-bottom: 24px;}
.post-pop__top h5 {font-size: 30px; font-weight: 600;}
.post-pop__top ul {margin-top: 8px; display: flex; align-items: center;}
.post-pop__top ul li {font-size: 12px; color: #888; display: flex; align-items: center;}
.post-pop__top ul li:after {content: ''; display: block; width: 1px; height: 8px; background: #888; margin: 0 8px;}
.post-pop__top ul li:last-child:after {display: none;}
.post-pop__cont {padding: 0 24px;}
.post-pop__cont * {text-indent: 0 !important; box-sizing: border-box !important; white-space: normal !important;}
.post-pop__mentor {margin-top: 40px; padding: 40px 24px; box-sizing: border-box; border-top: dashed 1px #ccc; display: flex; justify-content: center;}
.post-pop__mentor dl {display: flex; align-items: center;}
.post-pop__mentor dl dt {flex-shrink: 0;}
.post-pop__mentor dl dt em {display: block; width: 80px; height: 80px; border: solid 1px #e5e5e5; -webkit-border-radius: 50%; border-radius: 50%;}
.post-pop__mentor dl dd {flex-grow: 1; padding-left: 20px; text-align: left;}
.post-pop__mentor dl dd h5 {display: inline; vertical-align: bottom; font-size: 24px; font-weight: 700; line-height: 1.0;}
.post-pop__mentor dl dd span {display: inline; vertical-align: bottom; font-size: 12px; color: #888; font-weight: 300; letter-spacing: 0.025em;}
.post-pop__mentor dl dd p {font-size: 13px; margin-top: 8px;}
.post-pop__tag {padding: 40px; display: flex; justify-content: center; flex-wrap: wrap;}
.post-pop__tag li {padding: 2px;}
.post-pop__tag li span {height: 32px; border: solid 1px #ddd; padding: 0 12px; font-size: 13px; display: flex; align-items: center; justify-content: center; border-radius: 4px; -webkit-border-radius: 4px;}
.post-pop__rcmd {padding: 48px 24px; border-top: solid 1px #F2F4F6; width: 100%; display: flex; flex-direction: column; box-sizing: border-box;}
.post-pop__rcmd h2 {font-size: 20px;}
.post-pop__rcmd ul {margin: -20px -10px; padding-top: 20px; display: flex; flex-wrap: wrap;}
.post-pop__rcmd ul li {width: 33.3333%; padding: 20px 10px; box-sizing: border-box;}
.post-pop__rcmd ul li a {display: block;}
.post-pop__rcmd ul li a img {display: block; width: 100%; -webkit-border-radius: 8px; border-radius: 8px;}
.post-pop__rcmd ul li a h5 {margin-top: 5px; font-size: 17px; font-weight: 500; 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;}
.post-pop__rcmd ul li a p {margin-top: 10px; color: #999; font-size: 13px; 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: 1; -webkit-box-orient: vertical;}
.post-pop__rcmd ul li a dl {margin-top: 10px;}
.post-pop__rcmd ul li a dl dt {color: #ccc; text-decoration: line-through;}
.post-pop__rcmd ul li a dl dd {font-size: 16px; margin-top: 5px;}
.post-pop__rcmd ul li a dl dd span {color: #f00; margin-right: 5px; font-weight: 500;}
.post-pop__rcmd ul li a dl dd strong {font-weight: 500;}

.post-best {padding: 48px 0; position: relative;}
.post-best:before {content: ''; display: block; position: absolute; left: -100%; right: -100%; top: 0; bottom: 0;}
.post-best__inner {margin: 0 auto; max-width: 1600px;}
.post-best__slider {padding: 0 34%; margin: 0 -24px;}
.post-best__slider .slick-list {overflow: visible;}
.post-best__slider .slick-slide {padding: 0 24px;}
.post-best__slider .slick-slide a {display: block; overflow: hidden; -webkit-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);}
.post-best__slider .slick-slide img {display: block; width: 100%;}
.post-best__slider .slick-dots {margin-top: 16px; display: flex; justify-content: center;}
.post-best__slider .slick-dots li {margin: 0 8px;}
.post-best__slider .slick-dots li button {display: block; width: 8px; height: 8px; background: #c4d0e5; text-indent: -9999px; -webkit-border-radius: 50%; border-radius: 50%;}
.post-best__slider .slick-dots li.slick-active button {background: #06f;}
.post-best__slider .slick-arrow {position: absolute; z-index: 1; top: 50%; width: 64px; height: 64px; margin-top: -32px; background: #1b1e2c; text-indent: -9999px; opacity: 0.2; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -webkit-border-radius: 32px; border-radius: 32px;}
.post-best__slider .slick-arrow:hover {opacity: 0.8;}
.post-best__slider .slick-prev {left: -20px;}
.post-best__slider .slick-next {right: -20px;}
.post-best__slider .slick-arrow:after {content: ''; display: block; width: 16px; height: 16px; border-top: solid 2px #fff; box-sizing: border-box; position: absolute; left: 50%; top: 50%; margin-top: -8px;}
.post-best__slider .slick-prev:after {border-left: solid 2px #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -4px;}
.post-best__slider .slick-next:after {border-right: solid 2px #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: -10px;}

@media all and (max-width:1480px){
	#post {padding: 56px 32px;}
	.post-top {padding: 0 32px;}
}

@media all and (max-width:1280px){
	#post {padding: 48px 16px;}
	.post-top {padding: 0 16px; top: 84px; height: 48px;}
	.post-best__slider {padding: 0 25%; margin: 0 -16px;}
	.post-best__slider .slick-slide {padding: 0 16px;}
}

@media all and (max-width:992px){
	#post {padding-top: 0;}
	.post-top {position: static; margin: 0 -16px; height: auto; padding: 8px 16px;}
	.post-best {padding: 24px 0;}
	.post-best__slider {padding: 0 20%;}
}

@media all and (max-width:768px){
	.post-top {}
	.post-sort {float: none; display: flex; margin: 0 -2px;}
	.post-sort li {margin: 2px;}
	.post-sort li button,
	.post-sort li a,
	.post-sort li label {font-size: 10px; padding: 0 12px; height: 24px;}

	.post-sch {margin: 20px auto 0;}
	.post-sch a {display: block; float: left; width: 34px; height: 34px; margin-left: 5px; text-indent: -9999px; border-radius: 8px; background: #06f url('https://img.megastudyth.com/common/gnb_search.png')no-repeat center center / 21px auto;}
	.post-list {}
	.post-item {}
	.post-box__text h5 {font-size: 14px; margin-top: 4px;}
	.post-box__text p {margin-top: 4px; font-size: 10px;}
	.post-box__text span {font-size: 10px;}

	.post-pop__top {padding: 16px 64px 16px 16px;}
	.post-pop__top h5 {font-size: 18px;}
	.post-pop__close {width: 56px; height: 56px;}
	.post-pop__close:before,
	.post-pop__close:after {width: 24px; margin-left: -12px;}
	.post-pop__mentor dl {display: block;}
	.post-pop__mentor dl dt em {margin: 0 auto;}
	.post-pop__mentor dl dd {padding-left: 0; text-align: center; margin-top: 10px;}
	.post-pop__mentor dl dd h5,
	.post-pop__mentor dl dd span {display: block; line-height: 1.0;}
	.post-pop__mentor dl dd p {font-size: 13px;}
	.post-pop__tag {padding: 24px;}
	.post-pop__tag li span {height: 24px; padding: 0 8px; font-size: 11px;}
	.post-pop__rcmd {padding: 32px 16px;}
	.post-pop__rcmd h2 {font-size: 18px;}
	.post-pop__rcmd ul {margin: -16px -4px;}
	.post-pop__rcmd ul li {padding: 16px 4px; width: 50%;}
	.post-pop__rcmd ul li a h5 {font-size: 13px;}
	.post-pop__rcmd ul li a p {margin-top: 5px; font-size: 11px;}
	.post-pop__rcmd ul li a dl {margin-top: 10px;}
	.post-pop__rcmd ul li a dl dt {font-size: 14px;}
	.post-pop__rcmd ul li a dl dd {font-size: 14px;}
	
	.post-best {padding: 24px 0 0;}
	.post-best__slider {padding: 0; margin: 0 -8px;}
	.post-best__slider .slick-slide {padding: 0 8px;}
}





#qna {padding-top: 56px;}
.qna-menu {position: fixed; z-index: 10; left: 0; right: 0; top: 112px; height: 55px; background: #fff; border-bottom: solid 1px #e5e5e5; display: flex; align-items: center; justify-content: center;}
.qna-menu ul {display: flex; justify-content: center;}
.qna-menu ul li {display: flex; align-items: center; justify-content: center; position: relative;}
.qna-menu ul li:after {content: ''; display: block; width: 1px; height: 12px; background: #ddd; margin: 0 24px;}
.qna-menu ul li:last-child:after {display: none;}
.qna-menu ul li a {display: block; font-size: 14px; text-align: center;}
.qna-menu ul li.active a {color: #06f; font-weight: 600;}
.qna-top {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 32px;}
.qna-top h3 {text-align: center; font-size: 40px; font-weight: 600;}
.qna-sch {width: 320px; position: relative; border: solid 1px #a7a7a7; -webkit-border-radius: 32px; border-radius: 32px;}
.qna-sch select {display: none;}
.qna-sch input[type="text"] {display: block; margin-left: 0; border: none; background: none; width: 100%; box-sizing: border-box; height: 40px; padding-left: 16px; padding-right: 40px; -webkit-border-radius: 32px; border-radius: 32px;}
.qna-sch input[type="text"]:focus {outline: solid 2px #06f}
.qna-sch a {display: block; width: 40px; height: 40px; position: absolute; right: 0; top: 0; text-indent: -9999px; background: none;}
.qna-sch a:before {content: ''; display: block; width: 20px; height: 20px; border: solid 3px #888; box-sizing: border-box; position: absolute; left: 50%; top: 50%; margin-top: -12px; margin-left: -10px; -webkit-border-radius: 50%; border-radius: 50%;}
.qna-sch a:after {content: ''; display: block; width: 8px; height: 3px; background: #888; position: absolute; left: 50%; top: 50%; margin-left: 5px; margin-top: 3px; transform-origin: top left; transform:rotate(45deg);-webkit-transform:rotate(45deg); -webkit-border-radius: 4px; border-radius: 4px;}
.qna-cont {padding: 64px 0 128px;}

@media all and (max-width:1280px){
	#qna {padding-top: 48px;}
	.qna-menu {height: 47px; top: 84px;}
	.qna-top {margin-bottom: 24px;}
	.qna-top h3 {font-size: 36px;}
}

@media all and (max-width:992px){
	#qna {padding-top: 40px;}
	.qna-menu {top: 56px; height: 39px;}
	.qna-top {margin-bottom: 16px;}
	.qna-top h3 {font-size: 32px;}
	.qna-cont {padding: 48px 0 96px;}
}

@media all and (max-width:768px){
	.qna-menu {margin: 0 -16px;}
	.qna-menu ul li {flex: auto;}
	.qna-menu ul li:after {margin: 0; position: absolute; right: 0; top: 50%; margin-top: -6px;}
	.qna-menu ul li a {font-size: 12px;}
	.qna-top {display: block;}
	.qna-top h3 {font-size: 26px; margin-bottom: 24px;}
	.qna-sch {width: 100%;}
	.qna-sch input[type="text"] {height: 40px; padding-right: 40px;}
	.qna-sch a {width: 40px; height: 40px;}
	.qna-sch a:before {width: 16px; height: 16px; border-width: 2px; margin-top: -10px; margin-left: -10px;}
	.qna-sch a:after {width: 6px; height: 2px; margin-left: 3px; margin-top: 3px;}
	.qna-cont {padding: 24px 0 64px;}
}








.faq-tab {display: flex; flex-wrap: wrap; border: solid 1px #a7a7a7; overflow: hidden; -webkit-border-radius: 12px; border-radius: 12px;}
.faq-tab li {width: 12.5%;}
.faq-tab li a {height: 120px; font-size: 12px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.faq-tab li a:before {content:''; display: block; width: 100%; height: 37px; margin-bottom: 8px;}
.faq-tab li:nth-child(1) a:before {background:url('https://img.megastudyth.com/m/2020/1223_fap/icon_pink_nav1.png') no-repeat center center / auto 100%;}
.faq-tab li:nth-child(2) a:before {background:url('https://img.megastudyth.com/m/2020/1223_fap/icon_pink_nav2.png') no-repeat center center / auto 100%;}
.faq-tab li:nth-child(3) a:before {background:url('https://img.megastudyth.com/m/2020/1223_fap/icon_pink_nav3.png') no-repeat center center / auto 100%;}
.faq-tab li:nth-child(4) a:before {background:url('https://img.megastudyth.com/m/2020/1223_fap/icon_pink_nav4.png') no-repeat center center / auto 100%;}
.faq-tab li:nth-child(5) a:before {background:url('https://img.megastudyth.com/m/2020/1223_fap/icon_pink_nav5.png') no-repeat center center / auto 100%;}
.faq-tab li:nth-child(6) a:before {background:url('https://img.megastudyth.com/m/2020/1223_fap/icon_pink_nav6.png') no-repeat center center / auto 100%;}
.faq-tab li:nth-child(7) a:before {background:url('https://img.megastudyth.com/m/2020/1223_fap/icon_pink_nav7.png') no-repeat center center / auto 100%;}
.faq-tab li:nth-child(8) a:before {background:url('https://img.megastudyth.com/m/2020/1223_fap/icon_pink_nav8.png') no-repeat center center / auto 100%;}
.faq-tab li.on a,
.faq-tab li a:hover {color: #fff; background: #06f;}
.faq-tab li:nth-child(1) a:hover:before,
.faq-tab li:nth-child(1).on a:before {background:url('https://img.megastudyth.com/m/2020/1223_fap/icon_pink_nav1_on.png') no-repeat center center / auto 100%;}
.faq-tab li:nth-child(2) a:hover:before,
.faq-tab li:nth-child(2).on a:before {background:url('https://img.megastudyth.com/m/2020/1223_fap/icon_pink_nav2_on.png') no-repeat center center / auto 100%;}
.faq-tab li:nth-child(3) a:hover:before,
.faq-tab li:nth-child(3).on a:before {background:url('https://img.megastudyth.com/m/2020/1223_fap/icon_pink_nav3_on.png') no-repeat center center / auto 100%;}
.faq-tab li:nth-child(4) a:hover:before,
.faq-tab li:nth-child(4).on a:before {background:url('https://img.megastudyth.com/m/2020/1223_fap/icon_pink_nav4_on.png') no-repeat center center / auto 100%;}
.faq-tab li:nth-child(5) a:hover:before,
.faq-tab li:nth-child(5).on a:before {background:url('https://img.megastudyth.com/m/2020/1223_fap/icon_pink_nav5_on.png') no-repeat center center / auto 100%;}
.faq-tab li:nth-child(6) a:hover:before,
.faq-tab li:nth-child(6).on a:before {background:url('https://img.megastudyth.com/m/2020/1223_fap/icon_pink_nav6_on.png') no-repeat center center / auto 100%;}
.faq-tab li:nth-child(7) a:hover:before,
.faq-tab li:nth-child(7).on a:before {background:url('https://img.megastudyth.com/m/2020/1223_fap/icon_pink_nav7_on.png') no-repeat center center / auto 100%;}
.faq-tab li:nth-child(8) a:hover:before,
.faq-tab li:nth-child(8).on a:before {background:url('https://img.megastudyth.com/m/2020/1223_fap/icon_pink_nav8_on.png') no-repeat center center / auto 100%;}

.faq-list {margin-top: 40px; border-top: solid 1px #333;}
.faq-list li {border-bottom: solid 1px #e5e5e5;}
.faq-list li button {width: 100%; height: 56px; font-size: 14px; padding: 0 16px; text-align: left; display: flex; align-items: center; justify-content: space-between;}
.faq-list li button:after {content: ''; width: 8px; height: 8px; border-right: solid 1px #333; margin-left: 24px; border-bottom: solid 1px #333; display: block; flex-shrink: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.faq-list li div {padding: 32px 16px; font-size: 14px; background: #fafafa; border-top: solid 1px #e5e5e5;}

.faq-none {padding: 64px 0; text-align: center;}
.faq-none h5 {font-size: 18px;}
.faq-none p {font-size: 12px; margin-top: 8px; color: #aaa;}
.faq-none a {background: #06f; color: #fff; padding: 16px; font-size: 13px; margin-top: 16px; -webkit-border-radius: 8px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center;}



@media all and (max-width:992px){
	.faq-tab li {width: 25%;}
	.faq-tab li a {height: 96px; font-size: 11px;}
	.faq-tab li a:before {height: 28px;}
	.faq-list li button {font-size: 13px;}

}

@media all and (max-width:768px){
	.faq-tab li a {height:80px; font-size: 10px;}
	.faq-tab li a:before {height: 28px;}
	.faq-list li button {font-size: 12px;}
}








.noti-list {display: flex; flex-wrap: wrap; margin: -8px;}
.noti-list li {width: 25%; padding: 8px; box-sizing: border-box;}
.noti-list li a {display: block; padding-bottom: 100%; position: relative;}
.noti-list li a dl {border: solid 1px #333; padding: 24px; display: flex; flex-direction: column; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-border-radius: 8px; border-radius: 8px;}
.noti-list li a dl dt {flex-grow: 1;}
.noti-list li a dl dt em {border: solid 1px #06f; color: #06f; font-style: normal; font-size: 11px; height: 20px; padding: 0 8px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 20px; border-radius: 20px;}
.noti-list li a dl dt em.no:before {content: 'No. ';}
.noti-list li a dl dt em.noti {border-color: #f00; color: #f00;}
.noti-list li a dl dt h5 {margin-top: 16px; font-size: 18px; font-weight: 400; line-height: 1.4;}
.noti-list li a dl dd {flex-shrink: 0; font-size: 12px; display: flex; align-items: center;}
.noti-list li a dl dd span {margin-right: 16px; display: flex; align-items: center;}
.noti-list li a dl dd span:last-child {margin-right: 0;}
.noti-list li a dl dd span:before {content: ''; display: block; flex-shrink: 0; width: 16px; height: 16px; margin-right: 8px;}
.noti-list li a dl dd span:nth-child(1):before {background:url('https://img.megastudyth.com/help/notice_list_date.png') no-repeat center center / cover;}
.noti-list li a dl dd span:nth-child(2):before {background:url('https://img.megastudyth.com/help/notice_list_view.png') no-repeat center center / cover;}
.noti-list li a:hover dl {background: #06f; border-color: #06f; color: #fff;}
.noti-list li a:hover dl dt em {border-color: #fff; color: #fff;}
.noti-list li a:hover dl dd span:before {filter: invert(100%) brightness(10);}

@media all and (max-width:1280px){
	.noti-list li a dl dt h5 {font-size: 15px; margin-top: 8px;}
}

@media all and (max-width:992px){
	.noti-list li {width: 33.3333%;}
}

@media all and (max-width:768px){
	.noti-list {display: block; margin: 0;}
	.noti-list li {width: 100%; padding: 0; margin-bottom: 8px;}
	.noti-list li:last-child {margin-bottom: 0;}
	.noti-list li a {padding-bottom: 0;}
	.noti-list li a dl {position: static; padding: 16px;}
	.noti-list li a dl dt h5 {font-size: 14px;}
	.noti-list li a dl dd {margin-top: 16px;}
}



.noti-view {}
.noti-view__top {border-top: solid 1px #333; border-bottom: solid 1px #333;}
.noti-view__top h4 {font-size: 26px; font-weight: 500; text-align: center; padding: 24px 0;}
.noti-view__top ul {display: flex; justify-content: flex-end; padding: 16px 0; border-top: solid 1px #eaeaea;}
.noti-view__top ul li {display: flex; align-items: center; font-size: 13px;}
.noti-view__top ul li:after {content: ''; display: block; width: 1px; height: 12px; background: #ccc; margin: 0 16px;}
.noti-view__top ul li:last-child:after {display: none;}
.noti-view__top ul li:before {content: ''; display: block; flex-shrink: 0; width: 16px; height: 16px; margin-right: 8px;}
.noti-view__top ul li.date:before {background:url('https://img.megastudyth.com/help/notice_list_date.png') no-repeat center center / cover;}
.noti-view__top ul li.hit:before {background:url('https://img.megastudyth.com/help/notice_list_view.png') no-repeat center center / cover;}
.noti-view__cont {padding: 32px 0; min-height: 240px;}
.noti-view__file {border-top: solid 1px #333; display: flex;}
.noti-view__file dt {font-size: 14px; font-weight: 500; flex-shrink: 0; background: #f5f5f5; padding: 24px;}
.noti-view__file dd {flex-grow: 1; padding: 0 24px; display: flex; align-items: center;}
.noti-view__file dd ul li {margin-bottom: 8px;}
.noti-view__file dd ul li:last-child {margin-bottom: 0;}
.noti-view__file dd ul li a {text-decoration: underline;}
.noti-view__btn {border-top: solid 1px #333; padding-top: 16px; display: flex; justify-content: flex-end;}
.noti-view__btn a {border: solid 1px #333; margin-right: 4px; height: 48px; padding: 0 24px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.noti-view__btn a:last-child {margin-right: 0;}
.noti-view__btn a.blu {background: #06f; border-color: #06f; color: #fff;}

@media all and (max-width:768px){
	.noti-view__top h4 {font-size: 16px; padding: 12px 0; text-align: left;}
	.noti-view__top ul {padding: 8px 0;}
	.noti-view__top ul li {font-size: 11px;}
	.noti-view__top ul li:after {height: 8px; margin: 0 8px;}
	.noti-view__top ul li:before {width: 12px; height: 12px; margin-right: 4px;}
	.noti-view__cont {padding: 24px 0;}
	.noti-view__file dt {font-size: 11px; padding: 12px;}
	.noti-view__file dd {padding: 0 12px;}
	.noti-view__file dd ul li {margin-bottom: 4px;}
	.noti-view__file dd ul li a {font-size: 11px;}
	.noti-view__btn {padding-top: 12px;}
	.noti-view__btn a {height: 40px; font-size: 13px;}
}






.qna-cs {position: relative; display: flex; align-items: center;}
.qna-cs dt {width: 72px; flex-shrink: 0; position: absolute; right: 100%; top: -4px; margin-right: 4px;}
.qna-cs dt img {display: block;}
.qna-cs dd {position: relative; text-align: center; border: solid 1px #333; padding: 8px 16px; border-bottom-width: 3px; -webkit-border-radius: 32px; border-radius: 32px;}
.qna-cs dd h5 {font-size: 16px;}
.qna-cs dd h5 span {color: #06f;}
.qna-cs dd p {font-size: 11px; color: #888; margin-top: 4px;}
.qna-cs dd p:before {content: '*'; color: #f00;}

.qna-tab {margin-bottom: 24px; display: flex; border: solid 1px #333; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden;}
.qna-tab li {width: 50%; border-right: solid 1px #333;}
.qna-tab li:last-child {border-right: none;}
.qna-tab li a {height: 64px; display: flex; align-items: center; justify-content: center;}
.qna-tab li a.active {background: #06f; color: #fff;}

.qna-list {}
.qna-list td.qna-list__no {}
.qna-list td.qna-list__title {text-align: left;}
.qna-list td.qna-list__title a {}
.qna-list td.qna-list__title span {padding: 0 4px; height: 20px; font-size: 10px; font-style: normal; margin-right: 4px; background: #648eb5; color: #fff; -webkit-border-radius: 20px; border-radius: 20px; display: inline-flex; align-items: center; justify-content: center;}
.qna-list td.qna-list__title a strong {font-size: 16px; font-weight: 500;}
.qna-list td.qna-list__status {}
.qna-list td.qna-list__user {}
.qna-list td.qna-list__date {}

.qna-warn {margin-top: 24px;}
.qna-write {border-top: solid 1px #333; margin-top: 24px;}
.qna-write th,
.qna-write td {border-bottom: solid 1px #e5e5e5; padding: 12px; font-size: 13px;}
.qna-write th {width: 160px; font-weight: 500; background: #f5f5f5;}
.qna-write th span {font-size: 10px; display: block; font-weight: 400;}
.qna-write td {}
.qna-write__sel {width: auto;}
.qna-write__input {width: 100%;}

.qna-edit {padding: 16px 0;}

.qna-answer {border-top: solid 1px #333; padding-top: 64px;}
.qna-answer dt {border-bottom: solid 1px #333; padding-bottom: 8px; display: flex; justify-content: space-between; align-items: flex-end;}
.qna-answer dt strong {font-size: 26px; font-weight: 500;}
.qna-answer dt span {font-size: 14px; color: #06f;}
.qna-answer dt span:before {content: '[';}
.qna-answer dt span:after {content: ']';}
.qna-answer dd {padding: 24px;}
.qna-answer dd.none {padding: 40px; font-size: 13px; text-align: center; color: #aaa; font-weight: 300; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.qna-answer dd.none:before {content: ''; display: block; width: 64px; height: 42px; margin-bottom: 8px; background: url('https://img.megastudyth.com/mypage/mypage_nodata.png')no-repeat center center / cover;}


@media(max-width:992px){
	.qna-tab li a {height: 48px;}
	.qna-list thead {display: none;}
	.qna-list,
	.qna-list tbody {display: block; width: 100%;}
	.qna-list tr {border-bottom: solid 1px #e5e5e5; position: relative; padding: 16px 0; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center;}
	.qna-list td {padding: 0; display: block; border-bottom: none;}
	.qna-list td.qna-list__no {width: 100%; text-align: right; font-size: 11px;}
	.qna-list td.qna-list__no:before {content: 'No. ';}
	.qna-list td.qna-list__title {width: 100%; margin-bottom: 8px;}
	.qna-list td.qna-list__title a {font-size: 16px;}
	.qna-list td.qna-list__status {font-size: 12px;}
	.qna-list td.qna-list__user {font-size: 12px; display: inline-flex; align-items: center;}
	.qna-list td.qna-list__user:before,
	.qna-list td.qna-list__user:after {content: ''; display: block; width: 1px; height: 8px; background: #aaa; margin: 0 8px;}
	.qna-list td.qna-list__date {font-size: 12px;}
}

@media(max-width:768px){
	.qna-cs {justify-content: center;}
	.qna-cs dt {width: 48px; position: static;}
	.qna-cs dd {padding: 6px 12px;}
	.qna-cs dd h5 {font-size: 12px;}
	.qna-cs dd p {font-size: 10px;}
	.qna-tab li a {height: 40px; font-size: 13px;}
	.qna-write,
	.qna-write tbody,
	.qna-write tr,
	.qna-write th,
	.qna-write td {display: block; width: 100%;}
	.qna-write {border-top: none;}
	.qna-write th,
	.qna-write td {border-bottom: none; padding: 0; text-align: left; font-size: 13px;}
	.qna-write th {width: 100%; background: none; margin-top: 16px; margin-bottom: 4px;}
	.qna-write th span {display: inline; margin-left: 4px;}
	.qna-answer {padding-top: 32px;}
	.qna-answer dt strong {font-size: 20px;}
	.qna-answer dt span {font-size: 12px;}
}




#report {}
#report * {box-sizing: border-box;}

.rpt-top {height: 400px; font-size: 50px; font-weight: 600; padding: 30px; text-align: center; background: url('https://img.megastudyth.com/mypage/result_top_bg.png')no-repeat center center / cover; display: flex; align-items: center; justify-content: center;}
.rpt-tab {position: relative; height: 68px; background: #aaa;}
.rpt-tab.fixed .rpt-tab__fix {position: fixed; z-index: 10;}
.rpt-tab__fix {background: #001223; position: absolute; left: 0; right: 0; top: 0;}
.rpt-tab__btn {display: flex; justify-content: center;}
.rpt-tab__btn li {width: 50%;}
.rpt-tab__btn li:first-child:nth-last-child(2),
.rpt-tab__btn li:first-child:nth-last-child(2) ~ li {width: 50%;}
.rpt-tab__btn li:first-child:nth-last-child(3),
.rpt-tab__btn li:first-child:nth-last-child(3) ~ li {width: 33.3333%;}
.rpt-tab__btn li:first-child:nth-last-child(4),
.rpt-tab__btn li:first-child:nth-last-child(4) ~ li {width: 25%;}
.rpt-tab__btn li:first-child:nth-last-child(5),
.rpt-tab__btn li:first-child:nth-last-child(5) ~ li {width: 20%;}
.rpt-tab__btn li:first-child:nth-last-child(6),
.rpt-tab__btn li:first-child:nth-last-child(6) ~ li {width: 16.6666%;}
.rpt-tab__btn li button {width: 100%; height: 68px; font-size: 20px; color: #fff; display: flex; align-items: center; justify-content: center;}
.rpt-tab__btn li button.active {color: #06f; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}

.rpt-quick {position: absolute; left: 50%; margin-left: 640px; top: 468px; margin-top: 60px; z-index: 9; width: 212px; padding: 16px; background: #fff; border: solid 1px #DBDBDB; -webkit-border-radius: 10px; border-radius: 10px;}
.rpt-quick li {margin-bottom: 10px;}
.rpt-quick li:last-child {margin-bottom: 0;}
.rpt-quick li button {height: 70px; text-align: center; font-size: 14px; font-weight: 700; background: #EBF5FF; width: 100%; padding: 0 8px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}
.rpt-quick li:first-child button {background: #27F98D;}

@media(max-width:1280px){	
	.rpt-top {height: 300px; font-size: 40px; padding: 20px;}
	.rpt-tab {height: 60px;}
	.rpt-tab__btn li button {height: 60px; font-size: 18px;}
	.rpt-quick {display: none;}
}

@media(max-width:992px){	
	.rpt-top {height: 240px; font-size: 30px;}
	.rpt-tab {height: 50px;}
	.rpt-tab__btn li button {height: 50px; font-size: 16px;}
}

@media(max-width:768px){
	.rpt-top {height: 140px; font-size: 20px;}
	.rpt-tab {height: 44px;}
	.rpt-tab__btn li button {height: 44px; font-size: 14px;}
}



.rpt-smry {background: #F5F9FF; padding: 60px 0;}
.rpt-smry__row {display: flex; margin-bottom: 40px; margin-left: -10px; margin-right: -10px;}
.rpt-smry__row:last-child {margin-bottom: 0;}
.rpt-smry__col {padding: 0 10px;}
.rpt-smry__col.col25 {width: 25%;}
.rpt-smry__col.col35 {width: 35%;}
.rpt-smry__col.col50 {width: 50%;}
.rpt-smry__col.col65 {width: 65%;}
.rpt-smry__box {padding: 36px; background: #fff; height: 100%; position: relative; display: flex; flex-direction: column; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 4px 20px 0px rgba(240,244,250,1); box-shadow: 0px 4px 20px 0px rgba(240,244,250,1);}
.rpt-smry__box.sky {background: #1CBBFF; color: #fff;}
.rpt-smry__box.blu {background: #143AFF; color: #fff;}
.rpt-smry__box.ppl {background: #632DFF; color: #fff;}
.rpt-smry__box:after {content: ''; display: block; width: 50px; height: 50px; position: absolute; right: 36px; top: 36px;}
.rpt-smry__box.wh:after {display: none;}
.rpt-smry__box.sky:after {background: url('https://img.megastudyth.com/mypage/result_summary_1.png')no-repeat center center / cover;}
.rpt-smry__box.blu:after {background: url('https://img.megastudyth.com/mypage/result_summary_2.png')no-repeat center center / cover;}
.rpt-smry__box.ppl:after {background: url('https://img.megastudyth.com/mypage/result_summary_3.png')no-repeat center center / cover;}
.rpt-smry__info {}
.rpt-smry__info li {margin-bottom: 30px;}
.rpt-smry__info li:last-child {margin-bottom: 0;}
.rpt-smry__info li span {font-size: 16px; display: block;}
.rpt-smry__info li strong {font-size: 20px; display: block; margin-top: 10px;}
.rpt-smry__score {height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.rpt-smry__score dt {font-size: 20px; font-weight: 600;}
.rpt-smry__score dd {font-size: 24px; font-weight: 600;}
.rpt-smry__score dd span {font-size: 40px; margin: 0 4px;}
.rpt-smry__inner {height: 100%; display: flex; flex-direction: column;}
.rpt-smry__inner dt {flex-shrink: 0;}
.rpt-smry__inner dt h5 {font-size: 28px; font-weight: 500;}
.rpt-smry__inner dt p {font-size: 14px; color: #757575; margin-top: 12px;}
.rpt-smry__inner dd {flex-grow: 1; margin-top: 24px;}
.rpt-smry__total {height: 100%; display: flex; flex-direction: column;}
.rpt-smry__total li {flex: auto; margin-bottom: 20px;}
.rpt-smry__total li:last-child {margin-bottom: 0;}
.rpt-smry__total li dl {position: relative; padding: 32px 0 32px 86px;}
.rpt-smry__total li dl dt {font-size: 20px; font-weight: 500;}
.rpt-smry__total li dl dd {font-size: 50px; font-weight: 700; margin-top: 24px; line-height: 1.0;}
.rpt-smry__total li dl:before {content: ''; display: block; width: 46px; height: 46px; position: absolute; left: 20px; top: 20px; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 1px 4px 10px 6px rgba(245,245,245,1); box-shadow: 1px 4px 10px 6px rgba(245,245,245,1);}
.rpt-smry__total li:nth-child(1) dl:before {background: url('https://img.megastudyth.com/mypage/result_total_1.png')no-repeat center center / 24px auto;}
.rpt-smry__total li:nth-child(2) dl:before {background: url('https://img.megastudyth.com/mypage/result_total_2.png')no-repeat center center / 24px auto;}
.rpt-smry__total li:nth-child(3) dl:before {background: url('https://img.megastudyth.com/mypage/result_total_3.png')no-repeat center center / 24px auto;}
.rpt-smry__text {font-size: 16px; line-height: 1.6; padding-top: 24px;}
.rpt-smry__text strong {}

@media(max-width:1280px){
	.rpt-smry__row {margin-bottom: 20px; margin-left: -5px; margin-right: -5px;}
	.rpt-smry__col {padding: 0 5px;}
	.rpt-smry__box {padding: 20px;}
	.rpt-smry__box:after {width: 40px; height: 40px; right: 20px; top: 20px;}
	.rpt-smry__info li span {font-size: 16px;}
	.rpt-smry__info li strong {font-size: 20px; margin-top: 5px;}
	.rpt-smry__score dt {font-size: 16px;}
	.rpt-smry__score dd {font-size: 20px;}
	.rpt-smry__score dd span {font-size: 30px;}
	.rpt-smry__inner dt h5 {font-size: 20px;}
	.rpt-smry__inner dt p {font-size: 12px; margin-top: 6px;}
	.rpt-smry__inner dd {margin-top: 16px;}
	.rpt-smry__total li {margin-bottom: 10px;}
	.rpt-smry__total li dl {padding: 20px 0 20px 86px;}
	.rpt-smry__total li dl dd {font-size: 34px; margin-top: 10px;}
	.rpt-smry__text {font-size: 14px;}
}

@media(max-width:992px){	
	.rpt-smry__box {padding: 20px 15px;}
	.rpt-smry__box:after {width: 30px; height: 30px; right: 15px;}
	.rpt-smry__info li span {font-size: 13px;}
	.rpt-smry__info li strong {font-size: 16px;}
	.rpt-smry__score dt {font-size: 15px;}
	.rpt-smry__score dd {font-size: 14px;}
	.rpt-smry__score dd span {font-size: 24px;}
	.rpt-smry__inner dt h5 {font-size: 16px;}
	.rpt-smry__inner dt p {font-size: 11px;}
	.rpt-smry__total li dl {padding: 20px 0 20px 75px;}
	.rpt-smry__total li dl dt {font-size: 16px;}
	.rpt-smry__total li dl dd {font-size: 20px;}
	.rpt-smry__total li dl:before {width: 46px; height: 46px; left: 15px;}
	.rpt-smry__text {font-size: 14px;}
}

@media(max-width:768px){
	.rpt-smry__row {display: block; margin-left: 0; margin-right: 0; margin-bottom: 0;}
	.rpt-smry__col {padding: 0; width: 100% !important; margin-bottom: 10px;}
	.rpt-smry__box {-webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; box-shadow: none;}
	.rpt-smry__info {margin: 0 -15px;}
	.rpt-smry__info li {margin-bottom: 20px; padding: 0 15px; padding-bottom: 20px; border-bottom: dashed 1px #e5e5e5;}
	.rpt-smry__info li:last-child {padding-bottom: 0; border-bottom: none;}
	.rpt-smry__score dt br {display: none;}
	.rpt-smry__score dd {margin-top: 5px;}
	.rpt-smry__text {padding-top: 0; margin-top: 0 !important; font-size: 13px;}
}





.rpt-score {padding-top: 110px; background: #3632CE;}
.rpt-score__title {text-align: center;}
.rpt-score__title h3 {font-size: 38px; font-weight: 700; color: #27F98D;}
.rpt-score__title ul {margin-top: 20px;}
.rpt-score__title ul li {color: #fff; font-size: 16px; margin-bottom: 10px; font-weight: 300;}
.rpt-score__title ul li:last-child {margin-bottom: 0;}
.rpt-score__title h5 {font-size: 24px; font-weight: 700; color: #fff; margin-top: 30px;}
.rpt-score__list {background: #000; margin-top: 74px; padding: 20px 20px 0; -webkit-border-radius: 26px 26px 0 0; border-radius: 26px 26px 0 0;}
.rpt-score__list > div {background: #E7EBFB; overflow: hidden; -webkit-border-radius: 16px 16px 0 0; border-radius: 16px 16px 0 0;}
.rpt-score__list > div > div {overflow-x: auto; overflow-y: hidden;}
.rpt-score__tb {min-width: 960px;}
.rpt-score__tb thead th {background: #27F98D; text-align: center; padding: 16px; font-size: 16px;}
.rpt-score__tb tbody td {border-bottom: solid 2px #fff; padding: 14px; text-align: center;}
.rpt-score__tb tbody tr:last-child td {border-bottom: none;}

@media(max-width:1280px){	

}

@media(max-width:992px){	

}

@media(max-width:768px){

}




/* 해설영상 */
.rpt-vdo {padding: 110px 0;}
.rpt-vdo__title {font-size: 32px; font-weight: 700; text-align: center; margin-bottom: 40px;}
.rpt-vdo__player {margin: 0 auto; width: 100%; max-width: 980px; overflow: hidden; -webkit-border-radius: 30px; border-radius: 30px;}
.rpt-vdo__player > div {padding-bottom: 42.8571%; position: relative;}
.rpt-vdo__player iframe {display: block; margin: 0 !important; position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important;}
.rpt-vdo__list {margin: 0 auto; width: 100%; max-width: 980px; padding-top: 20px;}
.rpt-vdo__list ul {margin: -10px; display: flex; justify-content: center; flex-wrap: wrap;}
.rpt-vdo__list ul li {width: 33.3333%; padding: 10px;}
.rpt-vdo__list ul li img {display: block; -webkit-border-radius: 10px; border-radius: 10px;}
.rpt-vdo__list ul li p {font-size: 16px; margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

@media(max-width:992px){	
	.rpt-vdo__title {font-size: 28px; margin-bottom: 20px;}
	.rpt-vdo__player {-webkit-border-radius: 20px; border-radius: 20px;}
}

@media(max-width:768px){
	.rpt-vdo {padding: 60px 0;}
	.rpt-vdo__title {font-size: 24px; margin-bottom: 10px;}
	.rpt-vdo__player {-webkit-border-radius: 10px; border-radius: 10px;}
	.rpt-vdo__list {padding-top: 10px;}
	.rpt-vdo__list ul {margin: -5px;}
	.rpt-vdo__list ul li {padding: 5px;}
	.rpt-vdo__list ul li img {-webkit-border-radius: 5px; border-radius: 5px;}
	.rpt-vdo__list ul li p {font-size: 11px; margin-top: 5px;}
}






/* 교육과정go */
.rpt-card {padding: 110px 0; background: #3632CE;}
.rpt-card__title {text-align: center; color: #fff;}
.rpt-card__title h3 {font-size: 38px; font-weight: 700;}
.rpt-card__title p {font-size: 20px; margin-top: 20px;}
.rpt-card__wrap {display: flex; margin-top: 60px;}
.rpt-card__list {width: 67%;}
.rpt-card__list ul {margin: -10px; height: calc(100% + 20px); display: flex; flex-wrap: wrap;}
.rpt-card__list li {width: 33.3333%; padding: 10px; height: 50%;}

.rpt-card__item {height: 100%; position: relative; transform-style: preserve-3d; transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); cursor: pointer;}
.rpt-card__item.flip {transform: rotateY(180deg);}
.rpt-card__item > div {border: solid 2px #000; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 20px; border-radius: 20px;}
.rpt-card__item > div:after {content: ''; display: block; width: 18px; height: 18px; background: #3632CE; border: solid 2px #000; position: absolute; left: 50%; margin-left: -9px; top: 25px; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%;}

.rpt-card__cover {background: #27F98D; height: 100%; padding: 40px 0 30px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.rpt-card__cover:before {content: ''; display: block; width: 200px; height: 200px;}
.rpt-card__cover h5 {font-size: 30px; font-weight: 700; text-align: center; line-height: 1.2; height: 2.4em; display: flex; align-items: center; justify-content: center;}
.rpt-card__cont {position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: rotateY(180deg);}
.rpt-card__list li:nth-child(1) .rpt-card__cover:before {background: url('https://img.megastudyth.com/mypage/result_card_icon_1.png')no-repeat center center / cover;}
.rpt-card__list li:nth-child(2) .rpt-card__cover:before {background: url('https://img.megastudyth.com/mypage/result_card_icon_2.png')no-repeat center center / cover;}
.rpt-card__list li:nth-child(3) .rpt-card__cover:before {background: url('https://img.megastudyth.com/mypage/result_card_icon_3.png')no-repeat center center / cover;}
.rpt-card__list li:nth-child(4) .rpt-card__cover:before {background: url('https://img.megastudyth.com/mypage/result_card_icon_4.png')no-repeat center center / cover;}
.rpt-card__list li:nth-child(5) .rpt-card__cover:before {background: url('https://img.megastudyth.com/mypage/result_card_icon_5.png')no-repeat center center / cover;}
.rpt-card__list li:nth-child(6) .rpt-card__cover:before {background: url('https://img.megastudyth.com/mypage/result_card_icon_6.png')no-repeat center center / cover;}
.rpt-card__cont {padding: 4px;}
.rpt-card__cont h5 {width: 100%; height: 100%; font-size: 30px; color: #27F98D; font-weight: 700; text-align: center; border: solid 2px #3A3A3A; -webkit-border-radius: 16px; border-radius: 16px; display: flex; align-items: center; justify-content: center;}
.rpt-card__list li:nth-child(1) .rpt-card__cont {background: url('https://img.megastudyth.com/mypage/result_card_bg_1.png')no-repeat center center / cover;}
.rpt-card__list li:nth-child(2) .rpt-card__cont {background: url('https://img.megastudyth.com/mypage/result_card_bg_2.png')no-repeat center center / cover;}
.rpt-card__list li:nth-child(3) .rpt-card__cont {background: url('https://img.megastudyth.com/mypage/result_card_bg_3.png')no-repeat center center / cover;}
.rpt-card__list li:nth-child(4) .rpt-card__cont {background: url('https://img.megastudyth.com/mypage/result_card_bg_4.png')no-repeat center center / cover;}
.rpt-card__list li:nth-child(5) .rpt-card__cont {background: url('https://img.megastudyth.com/mypage/result_card_bg_5.png')no-repeat center center / cover;}
.rpt-card__list li:nth-child(6) .rpt-card__cont {background: url('https://img.megastudyth.com/mypage/result_card_bg_6.png')no-repeat center center / cover;}

.rpt-card__load {width: 33%; padding-left: 20px;}
.rpt-card__none {padding: 45px; background: #413DE3; border: dashed 2px #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; -webkit-border-radius: 20px; border-radius: 20px;}
.rpt-card__box {display: none; background: #fff; padding: 32px; flex-direction: column; height: 100%; -webkit-border-radius: 20px; border-radius: 20px;}
.rpt-card__box {flex-shrink: 0;}
.rpt-card__box dl {flex-grow: 1;}
.rpt-card__box dl dt {}
.rpt-card__box dl dt p {font-size: 16px;}
.rpt-card__box dl dt h4 {font-size: 32px; margin-top: 8px; font-weight: 700;}
.rpt-card__box dl dd {margin-top: 32px;}
.rpt-card__box dl dd h5 {color: #FF3F89; font-weight: 700; font-size: 32px;}
.rpt-card__box dl dd h5 strong {font-size: 48px; margin-left: 4px;}
.rpt-card__box dl dd h6 {padding: 14px 18px; margin-top: 20px; background: #FFECF3; font-size: 20px; font-weight: 400; -webkit-border-radius: 10px; border-radius: 10px;}
.rpt-card__box dl dd h6.pnk {color: #FF5999;}
.rpt-card__box dl dd h6.ppl {color: #BB47FF;}
.rpt-card__box dl dd h6.blu {color: #3632CE;}
.rpt-card__box dl dd ul {margin-top: 20px;}
.rpt-card__box dl dd ul li {font-size: 16px; margin-bottom: 8px; display: flex;}
.rpt-card__box dl dd ul li:last-child {margin-bottom: 0;}
.rpt-card__box dl dd ul li:before {content: ''; display: block; width: 4px; height: 4px; margin: 6px 10px 0; background: #000; flex-shrink: 0; -webkit-border-radius: 10px; border-radius: 10px;}
.rpt-card__box a {height: 80px; background: #27F98D; font-size: 24px; margin-top: 32px; font-weight: 700; flex-shrink: 0; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 10px; border-radius: 10px;}


@media(max-width:1280px){
	.rpt-card__title h3 {font-size: 34px;}
	.rpt-card__title p {font-size: 18px;}
	.rpt-card__list ul {margin: -5px; height: calc(100% + 10px);}
	.rpt-card__list li {padding: 5px;}
	.rpt-card__item > div:after {width: 12px; height: 12px; border-width: 1px; margin-left: -6px; top: 20px;}
	.rpt-card__cover {padding: 30px 0 20px;}
	.rpt-card__cover:before {width: 160px; height: 160px;}
	.rpt-card__cover h5 {font-size: 20px;}
	.rpt-card__cont h5 { font-size: 20px;}
	.rpt-card__box dl dt p {font-size: 12px;}
	.rpt-card__box dl dt h4 {font-size: 22px;}
	.rpt-card__box dl dd {margin-top: 12px;}
	.rpt-card__box dl dd h5 {font-size: 20px;}
	.rpt-card__box dl dd h5 strong {font-size: 30px;}
	.rpt-card__box dl dd h6 {margin-top: 10px; padding: 10px; font-size: 15px;}
	.rpt-card__box dl dd ul {margin-top: 10px;}
	.rpt-card__box dl dd ul li {font-size: 12px; margin-bottom: 4px;}
	.rpt-card__box dl dd ul li:before {width: 2px; height: 2px; margin: 5px 5px 0;}
	.rpt-card__box a {height: 50px; font-size: 18px; margin-top: 32px; font-weight: 700; flex-shrink: 0; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 10px; border-radius: 10px;}
}

@media(max-width:992px){
	.rpt-card__title h3 {font-size: 26px;}
	.rpt-card__title p {font-size: 16px; margin-top: 10px;}
	.rpt-card__wrap {margin-top: 30px;}
	.rpt-card__list {width: 60%;}
	.rpt-card__cover h5 {font-size: 16px;}
	.rpt-card__cover:before {width: 120px; height: 120px;}
	.rpt-card__cont h5 { font-size: 16px;}
	.rpt-card__load {width: 40%;}
}

@media(max-width:768px){
	.rpt-card__title h3 {font-size: 24px;}
	.rpt-card__title p {font-size: 12px;}
	.rpt-card {padding: 60px 0;}
	.rpt-card__wrap {display: block;}
	.rpt-card__list {width: 100%;}
	.rpt-card__list ul {margin: -2px; height: auto;}
	.rpt-card__list li {padding: 2px;}
	.rpt-card__item > div {-webkit-border-radius: 10px; border-radius: 10px;}
	.rpt-card__item > div:after {width: 8px; height: 8px; margin-left: -4px; top: 10px;}
	.rpt-card__cover {padding: 20px 0 10px;}
	.rpt-card__cover:before {width: 70px; height: 70px;}
	.rpt-card__cover h5 {font-size: 14px;}
	.rpt-card__cont h5 { font-size: 14px;}
	.rpt-card__load {width: 100%; padding-left: 0; margin-top: 10px;}
	.rpt-card__none {padding: 20px; -webkit-border-radius: 10px; border-radius: 10px;}
	.rpt-card__box {padding: 20px; -webkit-border-radius: 10px; border-radius: 10px;}
	.rpt-card__box a {font-size: 16px; margin-top: 20px;}
}








/* 메가케어 */
.rpt-care {padding: 110px 0;}
.rpt-care__title {text-align: center;}
.rpt-care__title p {font-size: 24px;}
.rpt-care__title h3 {margin-top: 40px; font-size: 60px; font-weight: 400;}
.rpt-care__title h3 strong {display: block; text-indent: -9999px; height: 84px; margin-bottom: 20px; background: url('https://img.megastudyth.com/mypage/result_care_title.png')no-repeat center center / auto 100%;}

.rpt-care__mentor {margin: 0 -10px; padding-top: 50px;}
.rpt-care__mentor .slick-slide {padding: 0 10px;}
.rpt-care__mentor dl {position: relative; -webkit-border-radius: 16px; border-radius: 16px; overflow: hidden;}
.rpt-care__mentor dl dt {position: absolute; left: 0; right: 0; top: 0; padding: 24px; color: #fff;}
.rpt-care__mentor dl dt p {font-size: 14px; font-weight: 300;}
.rpt-care__mentor dl dt h5 {font-size: 18px; margin-top: 10px; line-height: 1.4; font-weight: 600;}
.rpt-care__mentor dl dd {}
.rpt-care__mentor dl dd img {display: block; position: relative; z-index: 1;}
.rpt-care__mentor dl dd p {padding: 18px 24px; color: #fff; background: rgba(0,0,0,0.7); position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;}
.rpt-care__mentor dl dd p span {display: block; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; height: 3.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.rpt-care__mentor dl dd p span.color_1 {color: #FF7134;}
.rpt-care__mentor dl dd p span.color_2 {color: #46D3FF;}
.rpt-care__mentor dl dd p span.color_3 {color: #FF5999;}
.rpt-care__mentor dl dd p span.color_4 {color: #C29DFF;}
.rpt-care__mentor dl dd p span.color_5 {color: #58B1FF;}
.rpt-care__mentor dl dd p span.color_6 {color: #FF2029;}
.rpt-care__mentor dl dd p span.color_7 {color: #EE39FE;}
.rpt-care__mentor dl dd p span.color_8 {color: #00D2DD;}
.rpt-care__mentor dl dd p span.color_9 {color: #FF7134;}
.rpt-care__mentor dl dd p span.color_10 {color: #46D3FF;}
.rpt-care__mentor dl dd p span.color_11 {color: #FF5999;}
.rpt-care__mentor dl dd p span.color_12 {color: #C29DFF;}
.rpt-care__mentor dl dd p span.color_13 {color: #58B1FF;}
.rpt-care__mentor dl dd p span.color_14 {color: #FF2029;}
.rpt-care__mentor dl dd p span.color_15 {color: #EE39FE;}
.rpt-care__mentor dl dd p span.color_16 {color: #00D2DD;}

.rpt-care__mentor .slick-slide {margin: -10px 0;}
.rpt-care__mentor .slick-slide > div {padding: 10px 0;}
.rpt-care__mentor .slick-dots {margin-top: 16px; display: flex; justify-content: center;}
.rpt-care__mentor .slick-dots li {margin: 0 3px;}
.rpt-care__mentor .slick-dots li button {display: block; width: 8px; height: 8px; background: #ccc; text-indent: -9999px; -webkit-border-radius: 50%; border-radius: 50%;}
.rpt-care__mentor .slick-dots li.slick-active button {background: #06f;}

.rpt-care__accordion {margin: 40px auto 0; max-width: 1140px; border: solid 1px #FF64A0; overflow: hidden; -webkit-border-radius: 12px; border-radius: 12px;}
.rpt-care__toggle {height: 80px; background: #FFFAFC; width: 100%; padding: 0 40px 0 56px; display: flex; align-items: center; justify-content: space-between;}
.rpt-care__toggle span {display: flex; align-items: center; font-size: 20px; font-weight: 700; color: #FF64A0; }
.rpt-care__toggle span:before {content: ''; display: block; width: 24px; height: 24px; margin-right: 10px; background: url('https://img.megastudyth.com/mypage/result_mentor_icon_1.png')no-repeat center center / cover;}
.rpt-care__toggle:after {content: ''; display: block; width: 14px; height: 14px; margin-top: -4px; border-top: solid 2px #FF64A0; border-right: solid 2px #FF64A0; box-sizing: border-box; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.rpt-care__toggle.active:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 4px;}

.rpt-care__detail {padding: 72px 56px; border-top: solid 1px #EAEAEA;}

.rpt-care__frm--title {margin-bottom: 30px; font-size: 20px; display: flex; align-items: center;}
.rpt-care__frm--title:before {content: ''; display: block; width: 24px; height: 24px; margin-right: 10px;}
.rpt-care__frm--title.icon1:before {background: url('https://img.megastudyth.com/mypage/result_mentor_icon_2.png')no-repeat center center / cover;}
.rpt-care__frm--title.icon2:before {background: url('https://img.megastudyth.com/mypage/result_mentor_icon_3.png')no-repeat center center / cover;}

.rpt-care__frm--top {display: flex; margin: 0 -16px 70px;}
.rpt-care__frm--top dt {width: 50%; padding: 0 16px; order: 1;}
.rpt-care__frm--top dd {width: 50%; padding: 0 16px;}

.rpt-care__frm--date {}
.rpt-care__frm--date li {margin-bottom: 10px; display: flex; align-items: center;}
.rpt-care__frm--date li:last-child {margin-bottom: 0;}
.rpt-care__frm--date li input,
.rpt-care__frm--date li select {flex-grow: 1; height: 56px; -webkit-appearance: none; appearance: none; border: solid 1px #C8C8C8; -webkit-border-radius: 10px; border-radius: 10px;}
.rpt-care__frm--date li input[type="text"] {width: 40%; padding: 0 16px; background: #fff url('https://img.megastudyth.com/mypage/result_mentor_calendar.png')no-repeat right 16px center / 24px auto; cursor: pointer; padding-right: 56px;}
.rpt-care__frm--date li select {margin-left: 8px; padding-left: 16px; background: #fff url('https://img.megastudyth.com/mypage/mypage_select.png')no-repeat right 16px center / 12px auto; cursor: pointer; padding-right: 40px;}
.rpt-care__frm--date li button {width: 30px; height: 30px; margin-left: 14px; text-indent: -9999px; position: relative; flex-shrink: 0; -webkit-appearance: none; appearance: none; -webkit-border-radius: 20px; border-radius: 20px;}
.rpt-care__frm--date li button.plus {background: #E6EFFF;}
.rpt-care__frm--date li button.minus {background: #FFEFF1;}
.rpt-care__frm--date li button:before,
.rpt-care__frm--date li button:after {content: ''; display: block; background: #025AF6; position: absolute; left: 50%; top: 50%;}
.rpt-care__frm--date li button:before {width: 14px; height: 2px; margin-left: -7px; margin-top: -1px;}
.rpt-care__frm--date li button:after {width: 2px; height: 14px; margin-left: -1px; margin-top: -7px;}
.rpt-care__frm--date li button.plus:before {background: #025AF6;}
.rpt-care__frm--date li button.plus:after {background: #025AF6;}
.rpt-care__frm--date li button.minus:before {background: #FF1074;}
.rpt-care__frm--date li button.minus:after {display: none;}

.rpt-care__frm--banner {padding: 32px; background: url('https://img.megastudyth.com/mypage/result_mentor_banner.png')no-repeat right bottom / cover;}
.rpt-care__frm--banner h5 {font-size: 32px; color: #fff; font-weight: 500;}
.rpt-care__frm--banner h5 strong {font-size: 34px; font-weight: 700;}
.rpt-care__frm--banner a {height: 52px; padding: 0 24px; margin-top: 44px; font-size: 20px; font-weight: 700; border: solid 1px #fff; color: #fff; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 30px; border-radius: 30px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.rpt-care__frm--banner a:hover {background: #fff; color: #ff64a0;}

.rpt-care__frm--list {margin: -28px -16px; display: flex; flex-wrap: wrap;}
.rpt-care__frm--list > li {width: 50%; padding: 28px 16px;}
.rpt-care__frm--list > li:nth-child(5) {order: 5;}
.rpt-care__frm--list > li dl {}
.rpt-care__frm--list > li dl:nth-child(2) {margin-top: 28px;}
.rpt-care__frm--list > li dl dt {font-size: 18px; font-weight: 500;}
.rpt-care__frm--list > li dl dt strong {color: #F31919;}
.rpt-care__frm--list > li dl dt span {font-size: 15px; color: #aaa; font-weight: 400;}
.rpt-care__frm--list > li dl dd {margin-top: 14px;}

.rpt-care__frm--radio {display: flex; align-items: center;}
.rpt-care__frm--radio li {margin-right: 40px; display: flex; align-items: center;}
.rpt-care__frm--radio li:last-child {margin-right: 0;}
.rpt-care__frm--radio li input[type="radio"] {flex-shrink: 0; display: block; width: 18px; height: 18px; border: solid 2px #C6CBD2; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; -webkit-appearance: none; appearance: none;}
.rpt-care__frm--radio li input[type="radio"]:before {content: ''; display: block; position: absolute; left: 3px; right: 3px; top: 3px; bottom: 3px; background: #C6CBD2; -webkit-border-radius: 50%; border-radius: 50%;}
.rpt-care__frm--radio li input[type="radio"]:checked {background: #025AF6; border-color: #025AF6;}
.rpt-care__frm--radio li input[type="radio"]:checked:before {background: #fff;}
.rpt-care__frm--radio li input[type="radio"] + label {margin-left: 10px; font-size: 18px; font-weight: 500; cursor: pointer;}

.rpt-care__frm--lv > li {margin-bottom: 16px; display: flex; align-items: center;}
.rpt-care__frm--lv > li:last-child {margin-bottom: 0;}
.rpt-care__frm--lv > li > strong {width: 160px; font-weight: 400; color: #C0C0C0;}
.rpt-care__frm--lv > li > ul {width: calc(100% - 160px);}
.rpt-care__frm--lv > li > ul > li {width: 50px;}
.rpt-care__frm--lv > li > ul > li label {white-space: nowrap;}

.rpt-care__frm--course {margin: -5px; display: flex; flex-wrap: wrap; max-width: 590px;}
.rpt-care__frm--course li {padding: 5px;}
.rpt-care__frm--course li input[type="checkbox"] {display: none;}
.rpt-care__frm--course li input[type="checkbox"] + label {padding: 0 16px; height: 30px; background: #E6EFFF; color: #025AF6; cursor: pointer; -webkit-border-radius: 3px; border-radius: 3px; display: flex; align-items: center; justify-content: center;}
.rpt-care__frm--course li input[type="checkbox"]:checked + label {background: #025AF6; color: #fff;}

.rpt-care__frm--ipt {width: 100%; height: 56px; padding: 0 16px; border: solid 1px #C8C8C8; -webkit-border-radius: 10px; border-radius: 10px;}
.rpt-care__frm--content {width: 100%; height: 180px; padding: 16px; border: solid 1px #C8C8C8; resize: none; -webkit-border-radius: 10px; border-radius: 10px;}
.rpt-care__frm--content::placeholder {color: #bbb;}

.rpt-care__frm--submit {width: 100%; max-width: 340px; height: 60px; margin: 80px auto 0; background: #000; color: #fff; font-size: 17px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 40px; border-radius: 40px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.rpt-care__frm--submit:hover {background: #ff64a0;}

@media(max-width:1280px){
	.rpt-care__title p {font-size: 20px;}
	.rpt-care__title h3 {margin-top: 30px; font-size: 40px;}
	.rpt-care__title h3 strong {height: 70px;}
	.rpt-care__mentor dl dt {padding: 16px;}
	.rpt-care__mentor dl dt p {font-size: 13px;}
	.rpt-care__mentor dl dt h5 {font-size: 16px;}
	.rpt-care__mentor dl dd p {padding: 16px;}
	.rpt-care__toggle {height: 70px; padding: 0 24px;}
	.rpt-care__toggle span {font-size: 18px;}
	.rpt-care__detail {padding: 40px 24px;}
	.rpt-care__frm--title {margin-bottom: 20px;}
	.rpt-care__frm--top {margin: 0 -16px 40px;}
	.rpt-care__frm--banner {padding: 24px;}
	.rpt-care__frm--banner h5 {font-size: 24px;}
	.rpt-care__frm--banner h5 strong {font-size: 24px;}
	.rpt-care__frm--banner a {height: 44px; padding: 0 20px; margin-top: 40px; font-size: 16px;}
	.rpt-care__frm--list {margin: -20px -16px;}
	.rpt-care__frm--list > li {padding: 20px 16px;}
	.rpt-care__frm--submit {margin: 40px auto 0;}
}

@media(max-width:992px){
	.rpt-care__title p {font-size: 16px;}
	.rpt-care__title h3 {margin-top: 20px; font-size: 30px;}
	.rpt-care__title h3 strong {height: 50px;}
	.rpt-care__toggle {height: 60px; padding: 0 16px;}
	.rpt-care__toggle span {font-size: 16px;}
	.rpt-care__detail {padding: 32px 16px;}
	.rpt-care__frm--title {font-size: 16px;}
	.rpt-care__frm--top {margin: 0 -8px 32px;}
	.rpt-care__frm--top dt {padding: 0 8px;}
	.rpt-care__frm--top dd {padding: 0 8px;}
	.rpt-care__frm--date li input,
	.rpt-care__frm--date li select {font-size: 12px; height: 40px; -webkit-border-radius: 6px; border-radius: 6px;}
	.rpt-care__frm--date li input[type="text"] {padding-left: 8px; background: #fff url('https://img.megastudyth.com/mypage/result_mentor_calendar.png')no-repeat right 8px center / 16px auto; padding-right: 30px;}
	.rpt-care__frm--date li select {margin-left: 4px; padding-left: 8px; background: #fff url('https://img.megastudyth.com/mypage/mypage_select.png')no-repeat right 8px center / 8px auto; padding-right: 24px;}
	.rpt-care__frm--date li button {margin-left: 8px;}
	.rpt-care__frm--banner {padding: 16px;}
	.rpt-care__frm--banner h5 {font-size: 18px;}
	.rpt-care__frm--banner h5 strong {font-size: 20px;}
	.rpt-care__frm--banner a {height: 30px; padding: 0 16px; font-size: 14px;}
	.rpt-care__frm--list {margin: -16px -8px;}
	.rpt-care__frm--list > li {padding: 16px 8px;}
	.rpt-care__frm--list > li dl:nth-child(2) {margin-top: 15px;}
	.rpt-care__frm--list > li dl dt {font-size: 14px;}
	.rpt-care__frm--list > li dl dt span {font-size: 12px;}
	.rpt-care__frm--list > li dl dd {margin-top: 10px;}
	.rpt-care__frm--lv > li {margin-bottom: 16px; display: block;}
	.rpt-care__frm--lv > li > strong {width: auto; display: block; font-size: 12px;}
	.rpt-care__frm--lv > li > ul {width: 100%; margin-top: 8px;}
	.rpt-care__frm--radio li input[type="radio"] + label {font-size: 14px;}
	.rpt-care__frm--ipt {height: 40px; padding: 0 8px; -webkit-border-radius: 6px; border-radius: 6px;}
	.rpt-care__frm--content {height: 120px; padding: 8px; -webkit-border-radius: 6px; border-radius: 6px;}
	.rpt-care__frm--submit {max-width: 240px; height: 50px; margin: 30px auto 0; font-size: 15px;}
}

@media(max-width:768px){
	.rpt-care {padding: 60px 0;}
	.rpt-care__title p {font-size: 12px;}
	.rpt-care__title h3 {font-size: 14px; margin-top: 15px;}
	.rpt-care__title h3 strong {height: 32px;}
	.rpt-care__mentor {margin: 0 -5px; padding-top: 20px;}
	.rpt-care__mentor .slick-slide {padding: 0 5px;}
	.rpt-care__mentor dl {-webkit-border-radius: 8px; border-radius: 8px;}
	.rpt-care__mentor dl dt {padding: 16px;}
	.rpt-care__mentor dl dt p {font-size: 12px;}
	.rpt-care__mentor dl dt h5 {font-size: 13px; width: 100%;}
	.rpt-care__mentor dl dd p {padding: 10px;}	
	.rpt-care__mentor dl dd p span {font-size: 9px;}
	.rpt-care__toggle {height: 50px;}
	.rpt-care__toggle span {font-size: 13px;}
	.rpt-care__toggle span:before {width: 18px; height: 18px; margin-right: 6px;}
	.rpt-care__toggle:after {width: 8px; height: 8px;}
	.rpt-care__detail {padding: 24px 16px;}
	.rpt-care__frm--title {font-size: 14px; margin-bottom: 10px;}
	.rpt-care__frm--title:before {width: 18px; height: 18px; margin-right: 6px;}
	.rpt-care__frm--top {margin: 0; padding-bottom: 30px;}
	.rpt-care__frm--top {display: block;}
	.rpt-care__frm--top dt {padding: 0; width: 100%;}
	.rpt-care__frm--top dd {padding: 0; width: 100%; margin-top: 10px;}
	.rpt-care__frm--banner {-webkit-border-radius: 6px; border-radius: 6px;}
	.rpt-care__frm--list {margin: 0; padding-top: 10px; display: block;}
	.rpt-care__frm--list > li {padding: 0; width: 100%; margin-bottom: 15px;}
	.rpt-care__frm--list > li:last-child {margin-bottom: 0;}
	.rpt-care__frm--list > li dl dt {font-size: 13px;}
	.rpt-care__frm--list > li dl dt span {font-size: 11px;}
	.rpt-care__frm--list > li dl dd {margin-top: 5px;}
	.rpt-care__frm--submit {max-width: 200px; margin: 20px auto 0; font-size: 14px;}
}






/* 토픽 */
.rpt-tpc {padding: 80px 0; background: #F5F9FF;}
.rpt-tpc__wrap {}

.rpt-tpc__top {background: #fff; -webkit-border-radius: 20px; border-radius: 20px; border: solid 1px #E9ECEF;}
.rpt-tpc__top dt {height: 60px; padding: 0 26px; display: flex; align-items: center; justify-content: space-between;}
.rpt-tpc__top dt h5 {font-size: 24px; display: flex; align-items: center;}
.rpt-tpc__top dt h5:before {content: ''; display: block; width: 36px; height: 36px; background: url('https://img.megastudyth.com/mypage/result_topic_icon.png')no-repeat center center / cover;}
.rpt-tpc__top dt p span {color: #999; margin-left: 8px;}
.rpt-tpc__top dt p strong {color: #000; font-weight: 500;}
.rpt-tpc__top dd {border-top: solid 1px #E9ECEF; padding: 20px 26px;}

.rpt-tpc__group {margin: -5px; display: flex; flex-wrap: wrap;}
.rpt-tpc__group li {padding: 5px; flex: auto;}
.rpt-tpc__group li a {padding: 10px 20px; background: #fff; border: solid 1px #D4DADF; -webkit-border-radius: 40px; border-radius: 40px; display: flex; align-items: center; justify-content: center;}
.rpt-tpc__group li a h5 {font-size: 18px; font-weight: 400;}
.rpt-tpc__group li a p {font-size: 16px; margin-left: 8px; color: #999;}
.rpt-tpc__group li a p strong {color: #000; font-weight: 500;}
.rpt-tpc__group li a.on {background: #3632CE; border-color: #3632CE; color: #fff;}
.rpt-tpc__group li a.on p {color: rgba(255,255,255,0.5);}
.rpt-tpc__group li a.on p strong {color: #fff;}
.rpt-tpc__bot {margin-top: 30px;}
.rpt-tpc__bot h4 {padding: 0 26px; font-size: 20px; font-weight: 500;}
.rpt-tpc__bot > div {display: flex; align-items: flex-end; justify-content: space-between;}
.rpt-tpc__bot button {height: 40px; text-align: center; font-size: 14px; font-weight: 700; background: #27F98D; padding: 0 16px; display: flex align-items: center; justify-content: center; -webkit-border-radius: 40px; border-radius: 40px;}
.rpt-tpc__load {margin: -10px; padding-top: 20px; display: flex; flex-wrap: wrap;}
.rpt-tpc__load li {width: 25%; padding: 10px;}

.rpt-tpc__item {display: flex; align-items: center;}
.rpt-tpc__item dt {flex-shrink: 0; width: 26px;}
.rpt-tpc__item dd {flex-grow: 1; border: solid 1px #143AFF; background: #fff; padding: 10px; -webkit-border-radius: 10px; border-radius: 10px; display: flex; align-items: center;}
.rpt-tpc__item dd:before {flex-shrink: 0; content: ''; display: block; background: #0368FF url('https://img.megastudyth.com/mypage/result_topic_o.png')no-repeat center center / 24px auto; width: 34px; height: 34px; -webkit-border-radius: 50%; border-radius: 50%;}
.rpt-tpc__item dd span {font-size: 12px; color: #999; flex-grow: 1; display: block; text-align: center;}
.rpt-tpc__item dd strong {display: block; font-size: 16px; font-weight: 500; color: #000; margin-top: 4px;}
.rpt-tpc__item dd a {flex-shrink: 0; width: 80px; height: 46px; background: #DEEBFF; color: #143AFF; text-align: center; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}
.rpt-tpc__item dd a.disabled {background: #eee; color: #bbb;}
.rpt-tpc__item dd.X {border-color: #FF2A3B;}
.rpt-tpc__item dd.X:before {background: #FF2A3B url('https://img.megastudyth.com/mypage/result_topic_x.png')no-repeat center center / 24px auto;}
.rpt-tpc__item dd.X a {background: #FFE3E5; color: #FF2A3B;}

.rpt-tpc__exam {margin-top: 20px; padding: 20px; background: #fff; -webkit-box-shadow: 0px 4px 20px 2px rgba(240,244,250,1); box-shadow: 0px 4px 20px 2px rgba(240,244,250,1); -webkit-border-radius: 20px; border-radius: 20px;}
.rpt-tpc__exam p.none {font-size: 13px; height: 100%; color: #c4cad1; font-weight: 300; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.rpt-tpc__exam p.none:before {content: ''; display: block; width: 64px; height: 42px; margin-bottom: 8px; background: url('https://img.megastudyth.com/mypage/mypage_nodata.png')no-repeat center center / cover;}


@media(min-width:1281px){
	.rpt-tpc__exam {width: calc((100% + 20px) * 4 - 20px);}
	.rpt-tpc__load li:nth-child(4n-3) .rpt-tpc__exam {-webkit-transform: translateX(0%); transform: translateX(0%);}
	.rpt-tpc__load li:nth-child(4n-2) .rpt-tpc__exam {-webkit-transform: translateX(-25%); transform: translateX(-25%); margin-left: -5px;}
	.rpt-tpc__load li:nth-child(4n-1) .rpt-tpc__exam {-webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: -10px;}
	.rpt-tpc__load li:nth-child(4n-0) .rpt-tpc__exam {-webkit-transform: translateX(-75%); transform: translateX(-75%); margin-left: -15px;}
}

@media all and (min-width:993px) and (max-width:1280px) { 
	.rpt-tpc__exam {width: calc((100% + 20px) * 3 - 20px); -webkit-border-radius: 10px; border-radius: 10px;}
	.rpt-tpc__load li:nth-child(3n-2) .rpt-tpc__exam {-webkit-transform: translateX(0%); transform: translateX(0%);}
	.rpt-tpc__load li:nth-child(3n-1) .rpt-tpc__exam {-webkit-transform: translateX(-33.3333%); transform: translateX(-33.3333%); margin-left: -7px;}
	.rpt-tpc__load li:nth-child(3n-0) .rpt-tpc__exam {-webkit-transform: translateX(-66.6666%); transform: translateX(-66.6666%); margin-left: -14px;}
}

@media all and (min-width:769px) and (max-width:992px) { 
	.rpt-tpc__exam {width: calc((100% + 20px) * 2 - 20px);}
	.rpt-tpc__load li:nth-child(2n-1) .rpt-tpc__exam {-webkit-transform: translateX(0%); transform: translateX(0%);}
	.rpt-tpc__load li:nth-child(2n-0) .rpt-tpc__exam {-webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: -10px;}

}


@media(max-width:1280px){
	.rpt-tpc__group {margin: -3px;}
	.rpt-tpc__group li {padding: 3px;}
	.rpt-tpc__group li a {padding: 10px;}
	.rpt-tpc__group li a h5 {font-size: 13px;}
	.rpt-tpc__group li a p {font-size: 14px; margin-left: 8px;}
	.rpt-tpc__load li {width: 33.3333%;}

}

@media(max-width:992px){
	.rpt-tpc__load li {width: 50%;}
}

@media(max-width:768px){
	.rpt-tpc {padding: 60px 0;}
	.rpt-tpc__top {-webkit-border-radius: 10px; border-radius: 10px;}
	.rpt-tpc__top dt {height: 50px; padding: 0 16px;}
	.rpt-tpc__top dt h5 {font-size: 16px;}
	.rpt-tpc__top dt h5:before {width: 24px; height: 24px;}
	.rpt-tpc__top dt p {font-size: 12px;}
	.rpt-tpc__top dd {padding: 16px;}	
	
	.rpt-tpc__group {margin: -2px;}
	.rpt-tpc__group li {padding: 2px; flex: unset;}
	.rpt-tpc__group li a {padding: 5px;}
	.rpt-tpc__group li a h5 {font-size: 11px;}
	.rpt-tpc__group li a p {font-size: 12px;}
	.rpt-tpc__bot {margin-top: 15px;}
	.rpt-tpc__bot h4 {padding: 0; font-size: 16px;}
	.rpt-tpc__bot button {height: 32px; padding: 0 8px; font-size: 11px;}
	
	.rpt-tpc__load {margin: 0; padding-top: 15px;}
	.rpt-tpc__load li {width: 100%; padding: 0; margin-bottom: 5px;}
	.rpt-tpc__load li:last-child {margin-bottom: 0;}
	
	.rpt-tpc__item dt {font-size: 12px; width: 20px;}
	.rpt-tpc__item dd {padding: 5px;}
	.rpt-tpc__item dd:before {width: 32px; height: 32px; background-size: 20px auto !important;}
	.rpt-tpc__item dd span {font-size: 11px;}
	.rpt-tpc__item dd strong {font-size: 14px; margin-top: 0;}
	.rpt-tpc__item dd a {width: 60px; height: 32px; font-size: 13px;}
}






/* 교육과정 리뉴얼 */
#crs * {box-sizing: border-box;}
#crs #ft-renew .main-inner {max-width: 1400px; padding-left: 20px; padding-right: 20px;}

.crsl-inner {width: 100%; max-width: 1400px; margin: 0 auto; padding-left: 20px; padding-right: 20px;}
.crsl-grd {background: #F4F6FA;}
.crsl-grd .crsl-inner {height: 65px; display: flex; align-items: center; justify-content: center;}
.crsl-grd h4 {font-size: 20px; color: #939AA3; margin-right: 24px; font-weight: 400;}
.crsl-grd ul {display: flex; justify-content: center; align-items: center;}
.crsl-grd ul li {margin-right: 8px;}
.crsl-grd ul li:last-child {margin-right: 0;}
.crsl-grd ul li input[type="checkbox"] {display: none;}
.crsl-grd ul li input[type="checkbox"] + label {height: 42px; text-align: center; font-size: 18px; font-weight: 700; cursor: pointer; color: #939AA3; background: #fff; border: 1px solid #CED4DA; padding: 0 24px; -webkit-border-radius: 40px; border-radius: 40px; display: flex; align-items: center; justify-content: center;}
.crsl-grd ul li input[type="checkbox"]:checked + label {border-color: #0082FF; color: #0082FF;}
.crsl-grd ul li input[type="checkbox"]:checked + label:before {content: ''; display: block; width: 24px; height: 24px; margin-right: 4px; background: url('https://img.megastudyth.com/course/course_check.png')no-repeat center center / cover;}
.crsl-onoff {border-top: solid 1px #e5e5e5; padding-top: 10px; padding-bottom: 32px;}
.crsl-onoff ul {display: flex; justify-content: center; align-items: center;}
.crsl-onoff ul li {margin-right: 6px;}
.crsl-onoff ul li:last-child {margin-right: 0;}
.crsl-onoff ul li input[type="checkbox"] {display: none;}
.crsl-onoff ul li input[type="checkbox"] + label {height: 34px; text-align: center; font-size: 16px; font-weight: 500; cursor: pointer; color: #939AA3; background: #F4F6FA; border: 1px solid #CED4DA; padding: 0 24px; -webkit-border-radius: 40px; border-radius: 40px; display: flex; align-items: center; justify-content: center;}
.crsl-onoff ul li input[type="checkbox"]:checked + label {color: #0082FF;}

.crsl-title {padding-top: 40px; padding-bottom: 24px;}
.crsl-title.pnk {background: #F70D8A;}
.crsl-title.blu {background: #008EFF;}
.crsl-title dl dt {text-align: center; font-size: 42px; color: #fff; font-weight: 700;}
.crsl-title dl dd {position: relative; margin-top: 24px; padding: 0 120px;}
.clsl-more {font-size: 16px; color: #fff !important; position: absolute; right: 0; bottom: 8px; display: flex; align-items: center;}
.clsl-more:after {content: ''; display: block; width: 8px; height: 8px; border-top: solid 2px #fff; border-right: solid 2px #fff; margin-left: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.clsl-label {margin: -5px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.clsl-label li {padding: 5px;}
.clsl-label li:last-child {margin-right: 0;}
.clsl-label li input[type="checkbox"] {display: none;}
.clsl-label li input[type="checkbox"] + label {height: 38px; padding: 0 18px; text-align: center; font-size: 18px; font-weight: 500; cursor: pointer; background: #fff; color: #333; -webkit-border-radius: 40px; border-radius: 40px; display: flex; align-items: center; justify-content: center;}
.clsl-label li input[type="checkbox"]:checked + label {background: #181818; color: #fff;}

.crsl-load {padding-top: 40px; padding-bottom: 100px;}
.crsl-list {margin: -8px; position: relative; display: flex;}
.crsl-list:before,
.crsl-list:after {content: ''; display: block; width: 100%; position: absolute; top: 0; bottom: 0; z-index: 1;}
.crsl-list:before {right: 100%; margin-right: 24px;}
.crsl-list:after {left: 100%; margin-left: 24px;}
.crsl-list .slick-list {overflow: visible;}
.crsl-list .slick-track {display: flex;}
.crsl-list .slick-slide {float: none; opacity: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.crsl-list .slick-active {opacity: 1;}
.crsl-list .slick-slide > div {padding: 8px; height: 100%;}
.crsl-list .slick-slide > div > div {height: 100%;}
.crsl-list.row2 .slick-slide > div {height: 50%;}
.crsl-list .slick-arrow {display: block; width: 50px; height: 50px; background: #fff; z-index: 2; position: absolute; top: 50%; border: solid 1px #E0E0E0; text-indent: -9999px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.crsl-list .slick-prev {right: 100%; margin-right: 16px;}
.crsl-list .slick-next {left: 100%; margin-left: 16px;}
.crsl-list .slick-arrow:after {content: ''; display: block; width: 10px; height: 10px; position: absolute; left: 50%; top: 50%; margin-top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.crsl-list .slick-prev:after {border-left: solid 2px #999; border-bottom: solid 2px #999; margin-left: -2px;}
.crsl-list .slick-next:after {border-top: solid 2px #999; border-right: solid 2px #999; margin-left: -8px;}
.crsl-list .slick-disabled {opacity: 0.3;}


.crsl-list .slick-dots {margin-top: 24px; display: flex; align-items: center; justify-content: center;}
.crsl-list .slick-dots li {margin: 0 4px;}
.crsl-list .slick-dots li button {display: block; width: 8px; height: 8px; text-indent: -9999px; background: #ddd; -webkit-border-radius: 50%; border-radius: 50%;}
.crsl-list .slick-dots li.slick-active button {background: #008EFF;}
.crsl-items {padding: 16px; height: 100%; overflow: hidden; display: flex !important; flex-direction: column; -webkit-border-radius: 14px; border-radius: 14px; -webkit-box-shadow: -10px 10px 18px 4px rgba(216,220,225,1); box-shadow: -10px 10px 18px 4px rgba(216,220,225,1);}
.crsl-items > a {height: 100%; display: flex; flex-direction: column;}
.crsl-items em {display: block; margin: -16px -16px 16px; padding-bottom: 68%; background: #ddd;}
.crsl-items h5 {flex-shrink: 0; font-size: 18px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; max-height: 2.4em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.crsl-items p {flex-shrink: 0; font-size: 12px; color: #666; margin-top: 8px; font-weight: 300; line-height: 1.2;}
.crsl-items dl {margin-top: 16px; flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-end;}
.crsl-items dl dt {font-size: 16px; font-weight: 400;}
.crsl-items dl dt span {color: #FF0600; margin-right: 8px;}
.crsl-items dl dd {color: #BCBCBC; font-size: 14px; margin-top: 4px; text-decoration: line-through;}
.crsl-items ul {flex-shrink: 0; margin-top: 16px;}
.crsl-items ul li {margin-bottom: 6px;}
.crsl-items ul li:last-child {margin-bottom: 0;}
.crsl-items ul li a {height: 42px; border: solid 1px #CED4DA; color: #666; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 12px; border-radius: 12px;}
.crsl-items ul li a:before {content: ''; display: block; width: 24px; height: 24px; margin-right: 8px; background: url('https://img.megastudyth.com/course/course_list_cart.png')no-repeat center center / cover;}
.crsl-items ul li a.pnk {background: #008EFF; border-color: #008EFF; color: #fff;}
.crsl-items ul li a.blu {background: #F70D8A; border-color: #F70D8A; color: #fff;}
.crsl-items ul li a.pnk:before,
.crsl-items ul li a.blu:before {margin-left: -6px; background: url('https://img.megastudyth.com/course/course_list_book.png')no-repeat center center / cover;}

@media(max-width:1280px){
	.crsl-grd h4 {font-size: 16px; margin-right: 16px;}
	.crsl-grd ul li {margin-right: 4px;}
	.crsl-grd ul li input[type="checkbox"] + label {height: 36px; font-size: 16px; padding: 0 16px;}
	.crsl-grd ul li input[type="checkbox"]:checked + label:before {width: 20px; height: 20px;}
	.crsl-onoff {padding-top: 16px; padding-bottom: 16px;}
	.crsl-onoff ul li {margin-right: 4px;}
	.crsl-onoff ul li input[type="checkbox"] + label {height: 32px; font-size: 14px; padding: 0 16px;}
	.crsl-title {padding-top: 24px;}
	.crsl-title dl dt {font-size: 36px;}
	.crsl-title dl dd {margin-top: 16px; padding: 0 80px;}
	.clsl-more {font-size: 14px;}
	.clsl-more:after {width: 6px; height: 6px; margin-left: 4px;}
	.clsl-label {margin: -4px;}
	.clsl-label li {padding: 4px;}
	.clsl-label li input[type="checkbox"] + label {height: 32px; padding: 0 16px; font-size: 14px;}
	.crsl-load {padding-top: 24px; padding-bottom: 48px;}
	.crsl-items h5 {font-size: 15px;}
	.crsl-items p {font-size: 11px;}
}

@media(max-width:992px){
	.crsl-items ul li a {height: 34px; font-size: 13px; -webkit-border-radius: 8px; border-radius: 8px;}
	.crsl-items ul li a:before {width: 20px; height: 20px;}
}

@media(max-width:768px){
	.crsl-grd h4 {display: none;}
	.crsl-grd .crsl-inner {height: 48px;}
	.crsl-grd ul li input[type="checkbox"] + label {height: 32px; font-size: 13px; padding: 0 8px;}
	.crsl-grd ul li input[type="checkbox"]:checked + label:before {display: none;}
	.crsl-onoff {padding-top: 8px; padding-bottom: 8px;}
	.crsl-onoff ul li input[type="checkbox"] + label {font-size: 13px; padding: 0 8px;}
	.crsl-title dl dt {font-size: 26px;}
	.crsl-title dl dd {padding: 0;}
	.clsl-more {font-size: 12px; bottom: 100%; margin-bottom: 16px;}
	.clsl-more:after {width: 4px; height: 4px;}
	.clsl-label {margin: -2px;}
	.clsl-label li {padding: 2px;}
	.clsl-label li input[type="checkbox"] + label {height: 32px; padding: 0 12px; font-size: 12px;}
	.crsl-list {padding: 0 10%;}
	.crsl-list:before,
	.crsl-list:after {display: none;}
	.crsl-list .slick-slide {opacity: 1;}
	.crsl-list.row2 .slick-slide > div {height: 100%;}
	.crsl-list .slick-dots {margin-top: 12px;}
	.crsl-list .slick-dots li {margin: 0 3px;}
	.crsl-list .slick-dots li button {width: 6px; height: 6px;}
}

.skeleton-wrap {display: flex; margin: 0 -8px; padding: 8px;}
.skeleton-item {width: 20%; padding: 0 8px;}
.skeleton-img {width: 100%; padding-bottom: 59%; -webkit-border-radius: 14px 14px 0 0; border-radius: 14px 14px 0 0;}
.skeleton-inner {padding: 16px; background: #f5f5f5; -webkit-border-radius: 0 0 14px 14px; border-radius: 0 0 14px 14px;}
.skeleton-title {height: 1.1em; margin-bottom: 4px;}
.skeleton-title:nth-child(2) {width: 90%;}
.skeleton-text {height: 0.6em; margin-bottom: 4px; width: 100%; margin-top: 8px;}
.skeleton-text:nth-child(4) {width: 80%; margin-top: 0;}
.skeleton-price1 {height: 0.9em; width: 100px; margin-top: 24px;}
.skeleton-price2 {height: 0.7em; width: 60px; margin-top: 4px;}
.skeleton-btn {height: 42px; margin-top: 16px; -webkit-border-radius: 12px; border-radius: 12px;}
.skeleton-loading * {background: linear-gradient(120deg, #e5e5e5 30%, #f0f0f0 38%, #f0f0f0 40%, #e5e5e5 48%); background-size: 200% 100%; background-position: 100% 0; animation: load 1s infinite;}
@keyframes load {100% {background-position: -100% 0;}}

@media(max-width:1280px){
	.skeleton-item {width: 25%;}
	.skeleton-item:nth-child(5) {display: none;}
}

@media(max-width:992px){
	.skeleton-item {width: 33.3333%;}
	.skeleton-item:nth-child(4) {display: none;}
	.skeleton-btn {height: 34px; -webkit-border-radius: 8px; border-radius: 8px;}
}

@media(max-width:768px){
	.skeleton-item {width: 50%;}
	.skeleton-item:nth-child(3) {display: none;}
}

@media(max-width:480px){
	.skeleton-item {width: 100%;}
	.skeleton-item:nth-child(2) {display: none;}
}




.crsl-title dl dd.clsd-sch {display: flex; justify-content: center; margin-bottom: 32px;}
.crsl-title dl dd.clsd-sch fieldset {display: block; position: relative; width: 100%; max-width: 460px;}
.crsl-title dl dd.clsd-sch input[type="text"] {display: block; width: 100%; height: 48px; padding-left: 24px; padding-right: 64px; font-size: 18px; border: none; -webkit-border-radius: 40px; border-radius: 40px; -webkit-appearance: none; appearance: none;}
.crsl-title dl dd.clsd-sch button {display: block; width: 64px; height: 48px; position: absolute; right: 0; top: 0; text-indent: -9999px;}
.crsl-title.pnk dl dd.clsd-sch button {background: url('https://img.megastudyth.com/course/course_search_pink.png')no-repeat center center / 24px auto;}
.crsl-title.blu dl dd.clsd-sch button {background: url('https://img.megastudyth.com/course/course_search_blue.png')no-repeat center center / 24px auto;}
.crsl-title dl dd.clsd-label {position: relative; padding: 16px 0; margin-bottom: -24px;}
.crsl-title dl dd.clsd-label:before {content: ''; display: block; position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; background: #CE0069;}
.crsl-title dl dd.clsd-label ul {position: relative;}
.crsl-title dl dd.clsd-chk {position: relative; margin-bottom: -24px; padding: 0;}
.crsl-title dl dd.clsd-chk:before {content: ''; display: block; position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; background: #0071DD;}

.clsd-chk__tgl {height: 44px; padding: 0 16px; color: #fff; background: #0071DD; position: absolute; bottom: 100%; left: 0; display: flex; align-items: center; justify-content: center;}
.clsd-chk__tgl:after {content: ''; display: block; width: 5px; height: 5px; margin-left: 40px; margin-bottom: -6px; border-left: solid 2px #fff; border-top: solid 2px #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.clsd-chk__tgl.on:after {margin-bottom: 0; margin-top: -2px; -webkit-transform: rotate(225deg); transform: rotate(225deg);}
.clsd-chk__panel {overflow: hidden; max-height: none; transition: max-height 0.5s ease-out;}
.clsd-chk__panel.on {max-height: 0;}
.clsd-chk__list {padding: 32px 0;}
.clsd-chk__item {position: relative; padding: 6px 0; border-bottom: solid 1px #0084ED; display: flex;}
.clsd-chk__item:last-child {border-bottom: none;}
.clsd-chk__item h5 {width: 200px; font-size: 18px; line-height: 36px; color: #fff; flex-shrink: 0;}
.clsd-chk__item ul {flex-grow: 1; display: flex; align-items: center; flex-wrap: wrap;}
.clsd-chk__item ul li {padding: 2px;}
.clsd-chk__item ul li input[type="checkbox"] {display: none;}
.clsd-chk__item ul li input[type="checkbox"] + label {height: 36px; padding: 0 16px; font-size: 16px; color: #fff; background: #008EFF; border: solid 1px #80C7FF; cursor: pointer; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 40px; border-radius: 40px;}
.clsd-chk__item ul li input[type="checkbox"]:checked + label {background: #fff; border-color: #fff; color: #008EFF;}

.clsd-sort {padding-top: 8px; padding-bottom: 24px; display: flex; align-items: center; justify-content: flex-end;}
.clsd-sort li {display: flex; align-items: center;}
.clsd-sort li:after {content: ''; display: block; width: 1px; height: 10px; margin: 0 8px; background: #D9D9D9;}
.clsd-sort li:last-child:after {display: none;}
.clsd-sort li button {display: block; font-size: 14px; color: #A0A0A0;}
.clsd-sort li button.on {color: #333;}

.clsd-list {margin: -8px; display: flex; flex-wrap: wrap;}
.clsd-list .skeleton-wrap {width: calc(100% + 16px);}
.clsd-list > div {width: 20%; padding: 8px;}

.clsd-more {margin-top: 64px; display: flex; justify-content: center;}
.clsd-more button {width: 320px; height: 56px; font-size: 18px; font-weight: 700; text-align: center; -webkit-border-radius: 12px; border-radius: 12px; display: flex; align-items: center; justify-content: center;}
.clsd-more button:after {content: ''; display: block; width: 8px; height: 8px; margin-left: 12px; margin-top: -6px; border-bottom: solid 2px #333; border-right: solid 2px #333; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.clsd-more.pnk button {background: #FFE3F3; color: #F70D8A;}
.clsd-more.blu button {background: #D0E8FF; color: #008EFF;}
.clsd-more.pnk button:after {border-color: #F70D8A;}
.clsd-more.blu button:after {border-color: #008EFF;}

@media(max-width:1280px){
	.crsl-title dl dd.clsd-sch {margin-bottom: 24px;}
	.crsl-title dl dd.clsd-sch fieldset {max-width: 360px;}
	.crsl-title dl dd.clsd-sch input[type="text"] {height: 40px; padding-left: 16px; padding-right: 48px; font-size: 16px;}
	.crsl-title dl dd.clsd-sch button {width: 48px; height: 40px;}
	.clsd-chk__tgl {height: 34px; padding: 0 12px; left: -20px; font-size: 11px;}
	.clsd-chk__tgl:after {margin-left: 20px;}
	.clsd-chk__list {padding: 16px 0;}
	.clsd-chk__item h5 {width: 120px; font-size: 14px; line-height: 30px;}
	.clsd-chk__item ul li input[type="checkbox"] + label {height: 30px; padding: 0 12px; font-size: 12px;}
	.clsd-sort {padding-bottom: 16px;}
	.clsd-sort li button {font-size: 12px;}
	.clsd-list > div {width: 25%;}
}

@media(max-width:992px){
	.crsl-title dl dd.clsd-sch {margin-bottom: 16px;}
	.crsl-title dl dd.clsd-label {margin-bottom: -24px;}
	.clsd-list > div {width: 33.3333%;}
}

@media(max-width:768px){
	.crsl-title dl dd.clsd-label {padding: 12px 0;}
	.clsd-list > div {width: 50%;}
	.clsd-more {margin-top: 32px;}
	.clsd-more button {width: 200px; height: 48px; font-size: 14px; -webkit-border-radius: 8px; border-radius: 8px;}
}

@media(max-width:480px){	 
	.crsl-title dl dd.clsd-sch {padding: 0 10%;}
	.crsl-title dl dd.clsd-sch input[type="text"] {height: 32px; padding-left: 8px; padding-right: 40px; font-size: 14px;}
	.crsl-title dl dd.clsd-sch button {width: 40px; height: 32px;}
	.clsd-chk__tgl {width: 34px; height: 34px; text-indent: -9999px; left: auto; right: -20px;}
	.clsd-chk__tgl:after {margin-left: 0;}
	.clsd-chk__list {padding: 8px 0;}
	.clsd-chk__item {padding: 6px 0; display: block;}
	.clsd-chk__item h5 {width: 100%; font-size: 13px; line-height: normal;}
	.clsd-chk__item ul li input[type="checkbox"] + label {height: 24px; padding: 0 8px; font-size: 10px;}
	.clsd-sort {justify-content: center;}
	.clsd-sort li button {font-size: 10px;}
	.clsd-list > div {width: 100%;}
}





/* 로그인&회원가입 */
#mem {box-sizing: display: flex; flex-direction: column;}
#mem * {box-sizing: border-box;}
#mem.gry {background: #F4F6FA;}
.mem-inner {flex-grow: 1; width: 100%; min-height: calc(100vh - 60px); padding: 80px 20px; display: flex;}
.mem-title {height: 60px; border-bottom: solid 1px #F2F2F2; background: #fff; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.mem-title a {display: block; width: 132px; height: 60px; text-indent: -9999px; background: url('https://img.megastudyth.com/main/renewal/gnb_logo_new.png')no-repeat left center / 300% auto;}
.mem-box {width: 100%; max-width: 400px; margin: 0 auto;}
.mem-box.max540 {max-width: 540px;}
.mem-box.max630 {max-width: 630px;}
.mem-group {position: relative;}
.mem-group + .mem-group {margin-top: 8px;}
.mem-group > label {display: inline-flex; cursor: pointer; margin-bottom: 8px; font-size: 16px; font-weight: 500; align-items: center;}
.mem-group > label.required:after {content: ''; display: block; width: 4px; height: 4px; margin-left: 6px; margin-top: 2px; background: #008EFF; -webkit-border-radius: 50%; border-radius: 50%;}
.mem-group input[type="text"],
.mem-group input[type="password"],
.mem-group input[type="email"] {height: 46px; width: 100%; padding: 0 12px; font-size: 14px; border: solid 1px #ccc; -webkit-border-radius: 8px; border-radius: 8px; background: #fff; -webkit-appearance: none; appearance: none;}
.mem-group input[type="text"]:focus,
.mem-group input[type="password"]:focus,
.mem-group input[type="email"]:focus {border-color: #06f;}
.mem-group input[type="text"].red,
.mem-group input[type="password"].red,
.mem-group input[type="email"].red {border-color: #FF4D4D;}
.mem-group input:-webkit-autofill,
.mem-group input:-webkit-autofill:hover,
.mem-group input:-webkit-autofill:focus,
.mem-group input:-webkit-autofill:active {transition: background-color 50000s ease-in-out 0s;}
.mem-group input::placeholder {color:#ddd;}
.mem-group input::-webkit-input-placeholder {color:#ddd;}
.mem-group input:-ms-input-placeholder {color:#ddd;}
.mem-group select {display: block; height: 46px; width: 100%; padding-left: 12px; font-size: 14px; border: solid 1px #ccc; -webkit-border-radius: 8px; border-radius: 8px; -webkit-appearance: none; appearance: none; background: #fff url('https://img.megastudyth.com/member/select_arrow.png')no-repeat right 12px center / 10px auto; cursor: pointer; padding-right: 34px;}
.mem-group select:focus {border-color: #06f;}
.mem-group select.red {border-color: #FF4D4D;}

.mem-rdo {margin: -2px -10px; padding-top: 8px; display: flex; flex-wrap: wrap;}
.mem-rdo li {padding: 2px 10px; display: flex; align-items: center;}
.mem-rdo li input[type="radio"] {width: 19px; height: 19px; border: solid 1px #ccc; position: relative; -webkit-appearance: none; appearance: none; cursor: pointer; -webkit-border-radius: 50%; border-radius: 50%;}
.mem-rdo li input[type="radio"]:checked {border-color: #06f;}
.mem-rdo li input[type="radio"]:checked:after {content: ''; display: block; position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; background: #06f; -webkit-border-radius: 50%; border-radius: 50%;}
.mem-rdo li input[type="radio"] + label {font-size: 14px; margin-left: 4px; cursor: pointer;}

.mem-chk {width: 20px; height: 20px; flex-shrink: 0; border: solid 1px #9A9A9A; position: relative; -webkit-appearance: none; appearance: none; cursor: pointer; -webkit-border-radius: 50%; border-radius: 50%;}
.mem-chk:after {content: ''; display: block; width: 9px; height: 6px; position: absolute; left: 50%; top: 50%; background: url('https://img.megastudyth.com/member/login_chk.png')no-repeat left center / auto 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.mem-chk:checked {background: #06f; border-color: #06f;}
.mem-chk:checked:after {background-position: right center;}
.mem-chk:disabled {background: #e5e5e5; cursor: not-allowed;}
.mem-chk + label {font-size: 14px; font-weight: 300; color: #999; cursor: pointer; margin-left: 8px; line-height: 1.2;}

.mem-show {text-indent: -9999px; display: block; width: 46px; height: 46px; position: absolute; right: 0; bottom: 0;}
.mem-show:before {content: ''; display: block; width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-top: -12px; margin-left: -12px; background: url('https://img.megastudyth.com/member/pw_show.png')no-repeat right center / auto 100%;}
.mem-show.show:before {background-position: left center;}


.mem-inner.lgn {justify-content: center;}
.mem-inner.lgn .mem-box {max-width: 370px; margin-left: 0; margin-right: 64px; flex-shrink: 0;}
.lgn-img {}

.lgn-join {border-top: solid 1px #ccc; margin-top: 40px; padding-top: 24px; display: flex; justify-content: center; align-items: flex-end;}
.lgn-join span {color: #7D7D7D; font-size: 13px;}
.lgn-join a {font-weight: 700; margin-left: 8px; font-size: 16px;}
.lgn-title {font-size: 30px; font-family: "Poppins", sans-serif; font-weight: 500;}

.lgn-ipt {margin-top: 32px;}
.lgn-ipt li {margin-bottom: 16px; position: relative;}
.lgn-ipt li:last-child {margin-bottom: 0;}
.lgn-ipt li input[type="text"],
.lgn-ipt li input[type="password"] {height: 62px; width: 100%; padding: 0 24px; font-size: 15px;  font-family: "Poppins", sans-serif; background: #EAF2FF; color: #0066FF; border: none; -webkit-border-radius: 8px; border-radius: 8px; -webkit-appearance: none; appearance: none;}
.lgn-ipt li input:-webkit-autofill,
.lgn-ipt li input:-webkit-autofill:hover,
.lgn-ipt li input:-webkit-autofill:focus,
.lgn-ipt li input:-webkit-autofill:active {transition: background-color 50000s ease-in-out 0s;}
.lgn-ipt li input::placeholder {color:#0066FF;}
.lgn-ipt li input::-webkit-input-placeholder {color:#0066FF;}
.lgn-ipt li input:-ms-input-placeholder {color:#0066FF;}

.lgn-show {text-indent: -9999px; display: block; width: 62px; height: 62px; position: absolute; right: 0; bottom: 0;}
.lgn-show:before {content: ''; display: block; width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-top: -12px; margin-left: -12px; background: url('https://img.megastudyth.com/member/login_show.png')no-repeat right center / auto 100%;}
.lgn-show.show:before {background-position: left center;}
.lgn-between {margin-top: 16px; display: flex; align-items: center; justify-content: space-between;}
.lgn-auto {display: flex; align-items: center;}
.lgn-auto .mem-chk {-webkit-border-radius: 4px; border-radius: 4px; border-color: #ccc;}
.lgn-auto .mem-chk:checked {border-color: #06f;}
.lgn-other {display: flex;}
.lgn-other li {display: flex; align-items: center;}
.lgn-other li:after {content: ''; display: block; width: 1px; height: 12px; background: #ccc; margin: 0 10px;}
.lgn-other li:last-child:after {display: none;}
.lgn-other li a {display: block; font-size: 14px; color: #ADADAD; font-weight: 300;}

.lgn-submit {margin-top: 40px;}
.lgn-submit li {margin-bottom: 16px;}
.lgn-submit li:last-child {margin-bottom: 0;}
.lgn-submit li a,
.lgn-submit li button {width: 100%; font-size: 16px; height: 62px; border: none; cursor: pointer; color: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.lgn-submit li .btn_login {background: #06f;}
.lgn-submit li .line_login {background: #06C755;}
.lgn-submit li .line_login:before {content: ''; display: block; width: 24px; height: 24px; margin-right: 8px; background: url('https://img.megastudyth.com/member/sns_line.png')no-repeat center center / cover;}
.lgn-or {margin: 40px 0; text-align: center; font-size: 16px; color: #adadad; font-family: "Poppins", sans-serif;}

.lgn-sns {margin-top: 40px; display: flex; justify-content: center;}
.lgn-sns li {margin: 0 12px;}
.lgn-sns li a {display: block; height: 37px; width: 37px; text-indent: -9999px;}
.lgn-sns li a#gg-auth {background: url('https://img.megastudyth.com/member/sns_google.png')no-repeat center center / cover;}
.lgn-sns li a#ap-auth {background: url('https://img.megastudyth.com/member/sns_apple.png')no-repeat center center / cover;}
.lgn-sns li a#fb-auth {background: url('https://img.megastudyth.com/member/sns_facebook.png')no-repeat center center / cover;}
.lgn-sns li a#fb-auth span {display: none; position: absolute; bottom: 50%; left: 50%; margin-bottom: 10px; background: #191919; font-size: 10px; font-weight: 400; color: #fff; padding: 5px 8px; -webkit-border-radius: 4px; border-radius: 4px;}
.lgn-sns li a#fb-auth span:after {content: ''; display: block; position: absolute; top: 100%; left: 8px; width: 0px; height: 0px; border-style: solid; border-width: 6px 8px 0 0; border-color: #191919 transparent transparent transparent; transform: rotate(0deg);}

@media(max-width:1280px){
	.mem-inner.lgn .mem-box {margin-right: 24px;}
}

@media(max-width:992px){
	.mem-inner.lgn .mem-box {margin-right: 0;}
	.lgn-img {display: none;}
}

@media(max-width:768px){
	#mem.gry {background: #fff;}
	.mem-inner {min-height: calc(100vh - 56px); padding: 56px 20px;}
	.mem-title {height: 56px;}
	.mem-title a {width: 116px; height: 56px;}
	.mem-group label {margin-bottom: 4px; font-size: 14px;}
	.mem-group input[type="text"],
	.mem-group input[type="password"],
	.mem-group input[type="email"] {padding: 0 8px; font-size: 13px;}
	.mem-chk + label {font-size: 12px;}


	.lgn-join {margin-top: 24px; align-items: center;}
	.lgn-join span {font-size: 12px;}
	.lgn-join a { font-size: 14px;}
	.lgn-title {font-size: 26px;}
	.lgn-ipt {margin-top: 24px;}
	.lgn-ipt li {margin-bottom: 8px; position: relative;}
	.lgn-ipt li input[type="text"],
	.lgn-ipt li input[type="password"] {height: 46px; padding: 0 16px; font-size: 14px;}
	.lgn-show {width: 46px; height: 46px;}
	.lgn-other li a {font-size: 13px;}

	.lgn-submit {margin-top: 24px;}
	.lgn-submit li {margin-bottom: 8px;}
	.lgn-submit li a,
	.lgn-submit li button {font-size: 14px; height: 48px;}
	.lgn-or {margin: 24px 0; font-size: 13px;}
	.lgn-sns {margin-top: 24px;}
}



/* 회원가입 */
.join-title {font-size: 24px; text-align: center; margin-bottom: 40px;}
.join-txt {margin-bottom: 24px; font-size: 18px;}
.join-box {background: #fff; padding: 64px 40px; -webkit-border-radius: 6px; border-radius: 6px;}
.join-tab {display: flex;}
.join-tab li {width: 50%;}
.join-tab li input[type="radio"] {display: none;}
.join-tab li input[type="radio"] + label {height: 48px; background: #F4F6FA; color: #8a8a8a; font-weight: 500; border: solid 1px #ccc; border-right: none; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.join-tab li:first-child input[type="radio"] + label {-webkit-border-radius: 8px 0 0 0; border-radius: 8px 0 0 0;}
.join-tab li:last-child input[type="radio"] + label {-webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; border-right: solid 1px #ccc;}
.join-tab li input[type="radio"]:checked + label {border-bottom-color: transparent; background: #fff; color: #1a1a1a;}
.join-ipt {border: solid 1px #ccc; border-top: none; padding: 32px 32px 56px;}
.join-ipt > li {margin-bottom: 32px;}
.join-ipt > li:last-child {margin-bottom: 0;}
.join-error {position: absolute; top: 100%; margin-top: 8px; font-size: 12px; color: #FF4D4D; display: none; align-items: center;}
.join-error:before {content: '!'; border: solid 1px #FF4D4D; color: #FF4D4D; font-size: 11px; width: 11px; height: 11px; margin-right: 4px; flex-shrink: 0; -webkit-border-radius: 50%; border-radius: 50%; display: flex; align-items: center; justify-content: center;}

.join-agree {margin-top: 40px;}
.join-agree li {margin-bottom: 16px; display: flex;}
.join-agree li:last-child {margin-bottom: 0;}
.join-agree li input[type="checkbox"] {margin-top: -2px;}
.join-agree li input[type="checkbox"] + label {color: #1a1a1a;}

.join-btn {margin: 0 -4px; padding-top: 48px; display: flex;}
.join-btn li {width: 50%; padding: 0 4px;}
.join-btn li a {height: 48px; border: solid 1px #ccc; color: #ccc; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 6px; border-radius: 6px;}
.join-btn li a.blu {background: #06f; border-color: #06f; color: #fff;}

.auto_pannel {position: relative;}
.auto_pannel ul {background: #fff; height: 200px; overflow-y: auto; border: solid 1px #aaa; position: absolute; left: 0; right: 0; top: -1px; z-index: 2; -webkit-border-radius: 6px; border-radius: 6px;}
.auto_pannel ul li {padding: 15px 10px; font-size: 13px; border-bottom: solid 1px #ddd;}
.auto_pannel ul li:last-child {border-bottom: none;}
.auto_pannel ul li.on {background: #06f; color: #fff;}
.auto_pannel ul li span {box-shadow: inset 0 -10px 0 #cbe0ff;}
#join_row_mem_school:after {content: ''; display: block; width: 46px; height: 46px; position: absolute; right: 0; bottom: 0; background: url('https://img.megastudyth.com/member/join_search.png')no-repeat center center / 24px auto;}

.join-end {text-align: center; line-height: 1.4;}
.join-end:before {content: ''; display: block; width: 48px; height: 48px; margin: 0 auto 40px; background: url('https://img.megastudyth.com/member/join_end.png')no-repeat center center / cover;}
.join-end p {font-size: 14px; color: #999; margin-bottom: 8px;}
.join-end p span {color: #444; font-weight: 500;}
.join-end h4 {font-size: 16px; font-weight: 500;}
.join-end a {margin-top: 40px; height: 48px; background: #06f; color: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}

@media(max-width:768px){
	.join-title {font-size: 20px; margin-bottom: 24px;}
	.join-txt {margin-bottom: 8px; font-size: 12px;}
	.join-box {padding: 0;}
	.join-ipt {padding: 24px 20px 40px;}
	.join-error {margin-top: 4px; font-size: 11px;}
	.join-agree {margin-top: 24px;}
	.join-agree li {margin-bottom: 8px;}
	.join-btn {padding-top: 24px;}
}

.agree-list {margin-top: 32px;}
.agree-list li {margin-bottom: 12px;}
.agree-list li:last-child {margin-top: 60px;}
.agree-list li a {height: 62px; font-size: 16px; color: #fff; -webkit-border-radius: 8px; border-radius: 8px; display: flex; align-items: center; justify-content: center;}
.agree-list li a.google {background: #EB4335;}
.agree-list li a.apple {background: #283544;}
.agree-list li a.line {background: #00CD54;}
.agree-list li a.email {background: #CACACA;}
.agree-list li a.login {background: #0066FF;}
.agree-list li a:not(.login):before {content: ''; display: block; width: 24px; height: 24px; margin-right: 12px;}
.agree-list li a.google:before {background: url('https://img.megastudyth.com/member/agree_google.png')no-repeat center center / cover;}
.agree-list li a.apple:before {background: url('https://img.megastudyth.com/member/agree_apple.png')no-repeat center center / cover;}
.agree-list li a.line:before {background: url('https://img.megastudyth.com/member/agree_line.png')no-repeat center center / cover;}
.agree-list li a.email:before {background: url('https://img.megastudyth.com/member/agree_email.png')no-repeat center center / cover;}

@media(max-width:1280px){
	.agree-list {margin-top: 24px;}
	.agree-list li {margin-bottom: 8px;}
	.agree-list li:last-child {margin-top: 24px;}
	.agree-list li a {height: 56px;}
}

@media(max-width:768px){
	.agree-list li:last-child {margin-top: 16px;}
	.agree-list li a {height: 48px; font-size: 14px;}

}


/* 페북아이디 변경 */
.fb-info {text-align: center;}
.fb-info dt {font-size: 28px; font-weight: 500; line-height: 1.4;}
.fb-info dd {font-size: 14px; color: #999; margin-top: 32px; line-height: 1.4; font-weight: 300;}
.fb-info dd strong {display: block; font-size: 16px; color: #1a1a1a; font-weight: 500; margin-bottom: 16px;}
.fb-wait {font-size: 14px; text-align: center; margin-top: 40px; background: #fafafa; padding: 32px; border: solid 1px #e5e5e5; font-weight: 400; -webkit-border-radius: 8px; border-radius: 8px;}
.fb-wait span,
.fb-wait span:before,
.fb-wait span:after {display: block; width: 8px; height: 8px; background: #aaa; -webkit-border-radius: 50%; border-radius: 50%;}
.fb-wait span {margin: 0 auto 16px; position: relative;}
.fb-wait span:before,
.fb-wait span:after {content: ''; position: absolute;}
.fb-wait span:before {right: 100%; margin-right: 8px;}
.fb-wait span:after {left: 100%; margin-left: 8px;}
.fb-change {margin-top: 40px; height: 48px; background: #06f; color: #fff !important; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}
.fb-step {text-align: center; font-size: 16px; margin-bottom: 32px; padding-top: 40px; margin-top: 40px; border-top: solid 1px #E9E9E9;}
.fb-step:before {content: attr(num); background: #0066FF; color: #fff; width: 48px; height: 48px; font-size: 18px; font-weight: 500; margin: 0 auto 16px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}
.fb-ipt {margin-bottom: 40px;}
.fb-ipt > li {margin-bottom: 32px;}
.fb-ipt > li:last-child {margin-bottom: 0;}
.fb-not {font-size: 13px; display: flex; align-items: center; flex-wrap: wrap; display: none; color: #999;}
.fb-not span {font-weight: 500; color: #1a1a1a;}
.fb-not:before {flex-shrink: 0; content: '!'; display: flex; width: 20px; height: 20px; font-weight: 700; font-size: 14px; align-items: center; justify-content: center; background: #ddd; color: #333; margin-right: 8px; -webkit-border-radius: 50%; border-radius: 50%;}
.fb-btn {margin-top: 40px; height: 48px; background: #06f; color: #fff !important; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}
.fb-desc {text-align: center; margin-top: 32px; font-size: 14px;}
.fb-desc p {color: #999; margin-bottom: 24px; line-height: 1.4; font-weight: 300;}
.fb-desc a {color: #06f;}
.fb-pop {display: none; align-items: center; justify-content: center; padding: 24px; background: rgba(0,0,0,0.8); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1001;}
.fb-pop__box {width: 100%; max-width: 360px; padding: 40px 24px; box-sizing: border-box; text-align: center; background: #fff; -webkit-border-radius: 12px; border-radius: 12px;}
.fb-pop__box h5 {font-size: 20px; font-weight: 500;}
.fb-pop__box p {margin-top: 16px; font-weight: 300; color: #666; font-size: 13px; line-height: 1.4;}
.fb-pop__box a {display: inline-flex; margin-top: 24px; height: 40px; padding: 0 24px; background: #007cf3; color: #fff; align-items: center; -webkit-border-radius: 8px; border-radius: 8px;}

@media(max-width:768px){
	.fb-info dt {font-size: 20px;}
	.fb-info dd {font-size: 12px; margin-top: 16px;}
	.fb-info dd strong {font-size: 14px; margin-bottom: 8px;}
	.fb-desc {font-size: 12px;}
}




/* 아이디비번찾기 */
.find-title {text-align: center; margin-bottom: 40px;}
.find-title dt {font-size: 28px; font-weight: 600;}
.find-title dd {margin-top: 40px;}
.find-title dd h5 {font-size: 16px;}
.find-title dd p {font-size: 14px; color: #999; margin-top: 16px; line-height: 1.3;}
.find-pop {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.4); padding: 20px;}
.find-pop > div {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}
.find-pop__box {background: #fff; padding: 16px; width: 100%; max-width: 360px; margin: 0 auto; -webkit-border-radius: 8px; border-radius: 8px;}
.find-pop__title {border-bottom: solid 1px #e5e5e5; padding-bottom: 8px; display: flex; align-items: center; justify-content: space-between;}
.find-pop__title h4 {font-size: 18px; font-weight: 500;}
.find-pop__title a {content: ''; display: block; width: 32px; height: 32px; background: none; text-indent: -9999px; position: relative;}
.find-pop__title a:before,
.find-pop__title a:after {content: ''; display: block; background: #333; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.find-pop__title a:before {width: 20px; height: 2px; margin-left: -10px; margin-top: -1px;}
.find-pop__title a:after {width: 2px; height: 20px; margin-top: -10px; margin-left: -1px;}
.find-pop__info {font-size: 13px; color: #999; margin-top: 16px; font-weight: 300;}
.find-pop__input {display: flex; margin-top: 8px;}
.find-pop__input input[type="text"] {height: 46px; width: calc(100% - 72px); padding: 0 12px; font-size: 14px; border: solid 1px #ccc; border-right: none; -webkit-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; background: none; -webkit-appearance: none; appearance: none;}
.find-pop__input a {width: 72px; height: 46px; background: #06f; color: #fff; font-size: 13px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0;}
.find-pop__q {margin-top: 16px; font-size: 12px;}
.find-pop__q dt {display: flex; align-items: center; color: #FF4D4D;}
.find-pop__q dt:before {content: '!'; border: solid 1px #FF4D4D; color: #FF4D4D; font-size: 12px; width: 13px; height: 13px; font-weight: 500; margin-right: 4px; flex-shrink: 0; -webkit-border-radius: 50%; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.find-pop__q dd {margin-top: 4px;}
.find-result {font-size: 14px; text-align: center; margin-top: 40px; background: #fafafa; padding: 32px 16px; border: solid 1px #e5e5e5; font-weight: 400; -webkit-border-radius: 8px; border-radius: 8px;}
.find-result dt {font-size: 20px;}
.find-result dd {font-size: 12px; color: #999; margin-top: 16px; line-height: 1.3;}
.find-result dd a {margin-top: 16px; max-width: 320px; margin-left: auto; margin-right: auto; height: 48px; background: #06f; color: #fff; font-size: 16px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}
.find-dash {font-size: 12px;}
.find-dash li {display: flex; margin-bottom: 8px;}
.find-dash li:last-child {margin-bottom: 0;}
.find-dash li:before {content: ''; display: block; width: 4px; height: 1px; background: #1a1a1a; flex-shrink: 0; margin-right: 6px; margin-top: 6px;}
.find-login {margin-top: 40px; max-width: 320px; margin-left: auto; margin-right: auto; height: 48px; background: #444; color: #fff !important; font-size: 16px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}



/* 회원정보수정 */
.act-chk {margin-top: -24px;}
.act-chk li {font-size: 13px; margin-bottom: 8px; font-weight: 300; color: #8A8A8A;}
.act-chk li:last-child {margin-bottom: 0;}
.act-chk li:before {content: '※';}

.mdfy-group {margin-top: 64px;}
.mdfy-group > h4 {font-size: 20px; font-weight: 700;}
.mdfy-group > ul {border-top: solid 2px #1a1a1a; margin-top: 16px;}
.mdfy-group > ul > li {padding: 16px 0; border-bottom: solid 1px #e9e9e9;}
.mdfy-group > ul > li:last-child {border-bottom-color: #1a1a1a;}
.mdfy-group > ul > li > dl {display: flex;}
.mdfy-group > ul > li > dl > dt,
.mdfy-group > ul > li > dl > dd {font-size: 16px;}
.mdfy-group > ul > li > dl > dt {width: 180px; line-height: 46px; font-weight: 500; flex-shrink: 0;}
.mdfy-group > ul > li > dl > dd {flex-grow: 1;}
.mdfy-group > ul > li > dl > dt > label {display: inline-flex; cursor: pointer; font-weight: 500; align-items: center;}
.mdfy-group > ul > li > dl > dt > label.required:after {content: ''; display: block; width: 4px; height: 4px; margin-left: 6px; margin-top: 2px; background: #008EFF; -webkit-border-radius: 50%; border-radius: 50%;}

.mdfy-dummy {background: #f2f2f2; margin-right: 130px; color: #888; height: 46px; padding: 0 12px; font-size: 14px; border: solid 1px #ccc; -webkit-border-radius: 8px; border-radius: 8px; display: flex; align-items: center;}
.mdfy-ipt {position: relative; padding-right: 130px;}
.mdfy-ipt.school {margin-bottom: 8px;}
.mdfy-ipt.email a {position: absolute; right: 0; top: 0; width: 120px; height: 46px; font-size: 14px; font-weight: 300; background: #7d7d7d; color: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}
.mdfy-chk {margin-top: 8px;}
.mdfy-warn {font-size: 13px; color: #8a8a8a; font-weight: 300; margin-top: 8px;}
.mdfy-warn:before {content: '※'; margin-right: 4px;}

.mdfy-addr {display: none; position: fixed; z-index: 1000; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5);}
.mdfy-addr > div {display: flex; padding: 24px; width: 100%; height: 100%; align-items: center; justify-content: center;}
.mdfy-addr__box {background: #F4F6FA; width: 100%; max-width: 530px; margin: 0 auto; position: relative; padding: 64px 40px; -webkit-border-radius: 20px; border-radius: 20px;}
.mdfy-addr__box h5 {font-size: 20px; font-weight: 700;}
.mdfy-addr__box ul {margin-top: 24px;}
.mdfy-addr__box ul li {margin-bottom: 16px; display: flex; align-items: center;}
.mdfy-addr__box ul li:last-child {margin-bottom: 0;}
.mdfy-addr__box ul li label {width: 120px; font-size: 16px; font-weight: 600; flex-shrink: 0;}
.mdfy-addr__box ul li > div {flex-grow: 1;}

.mdfy-submit {margin-top: 40px; display: flex; justify-content: center;}
.mdfy-submit a {background: #0066FF; color: #fff; width: 180px; height: 48px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 6px; border-radius: 6px;}
.mdfy-out {margin-top: 72px; padding-top: 16px; padding-left: 8px; border-top: solid 1px #e9e9e9;}
.mdfy-out a {font-size: 14px; font-weight: 300; display: inline-flex; align-items: center; justify-content: center;}
.mdfy-out a:after {content: ''; display: block; width: 6px; height: 6px; margin-left: 8px; border-top: solid 2px #333; border-right: solid 2px #333; -webkit-transform: rotate(45deg); transform: rotate(45deg);}


.mdfy-cert {display: none; position: fixed; z-index: 1000; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5);}
.mdfy-cert > div {display: flex; padding: 24px; width: 100%; height: 100%; align-items: center; justify-content: center;}
.mdfy-cert__box {background: #F4F6FA; width: 100%; max-width: 400px; margin: 0 auto; position: relative; padding: 32px 24px; -webkit-border-radius: 20px; border-radius: 20px;}
.mdfy-cert__box h5 {font-size: 20px; font-weight: 700;}
.mdfy-cert__box h6 {font-size: 13px; margin-top: 4px; font-weight: 300;}
.mdfy-cert__box dl {display: flex; margin-top: 16px;}
.mdfy-cert__box dl dt {flex-grow: 1;}
.mdfy-cert__box dl dd {flex-shrink: 0;}
.mdfy-cert__box dl dt input[type="text"] {height: 46px; width: 100%; padding: 0 12px; font-size: 14px; border: solid 1px #ccc; border-right: none; -webkit-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; background: #fff; -webkit-appearance: none; appearance: none;}
.mdfy-cert__box dl dd a {height: 46px; padding: 0 16px; font-size: 14px; background: #06f; color: #fff !important; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0;}
.mdfy-cert__box p {margin-top: 16px; font-size: 11px; font-weight: 300; display: flex; align-items: center;}
.mdfy-cert__box p:before {content: '!'; flex-shrink: 0; width: 22px; height: 22px; margin-right: 8px; font-size: 16px; font-weight: 500; text-align: center; background: #bbb; color: #F4F6FA; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 20px; border-radius: 20px;}




@media(max-width:768px){

	.mdfy-group {margin-top: 48px;}
	.mdfy-group > h4 {font-size: 16px;}
	.mdfy-group > ul {margin-top: 8px; border-top-width: 1px;}
	.mdfy-group > ul > li {padding: 0; border-bottom: none; margin-top: 16px;}
	.mdfy-group > ul > li > dl {display: block;}
	.mdfy-group > ul > li > dl > dt,
	.mdfy-group > ul > li > dl > dd {font-size: 14px;}
	.mdfy-group > ul > li > dl > dt {width: 100%; line-height: 1.1;}
	.mdfy-group > ul > li > dl > dd {margin-top: 6px;}
	.mdfy-dummy {margin-right: 0;}
	.mdfy-ipt {padding-right: 0;}
	.mdfy-ipt.email {padding-right: 96px;}
	.mdfy-ipt.email a {font-size: 12px; width: 88px;}
	.mdfy-chk {margin-top: 0;}


	.mdfy-addr > div {display: block; overflow-y: auto;}
	.mdfy-addr__box {padding: 24px;}
	.mdfy-addr__box h5 {font-size: 20px;}
	.mdfy-addr__box ul {margin-top: 16px; margin-bottom: -24px;}
	.mdfy-addr__box ul li {margin-bottom: 12px; display: block;}
	.mdfy-addr__box ul li label {width: 100%; font-size: 14px;}
	.mdfy-addr__box ul li > div {margin-top: 4px;}

	.mdfy-submit {margin-top: 24px;}
	.mdfy-out {margin-top: 32px; padding-left: 0;}
	.mdfy-out a {font-size: 12px;}
	.mdfy-out a:after {width: 4px; height: 4px; margin-left: 4px;}
}





/* 모의예측 */
#plan * {box-sizing: border-box;}
#plan {display: flex; flex-direction: column; background: url('https://img.megastudyth.com/plan/plan_bg.jpg')no-repeat center center / cover;}
#plan .container {max-width: 1180px !important;}
.plan-top {flex-shrink: 0; display: flex;}
.plan-top dl {padding: 64px 0;}
.plan-top dl dt {text-align: center;}
.plan-top dl dt h2 {font-size: 34px; font-weight: 600; line-height: 1.1;}
.plan-top dl dt h2 span {color: #0082FF;}
.plan-top dl dt p {font-size: 14px; color: #333; margin-top: 8px; line-height: 1.3;}
.plan-top dl dd {align-self: flex-end; margin-top: 40px;}
.plan-top dl dd ul {overflow: hidden; display: flex; margin: 0 -10px;}
.plan-top dl dd ul li {position: relative; width: 33.3333%; padding: 0 10px;}
.plan-top dl dd ul li:before {display: block; color: #54B7FF; flex-shrink: 0; font-size: 12px;}
.plan-top dl dd ul li:nth-child(1):before {content: '01';}
.plan-top dl dd ul li:nth-child(2):before {content: '02';}
.plan-top dl dd ul li:nth-child(3):before {content: '03';}
.plan-top dl dd ul li span {display: block; position: relative; z-index: 2; font-size: 14px; color: #54B7FF; margin-top: 8px; padding-top: 8px; border-top: solid 1px #54B7FF;}
.plan-top dl dd ul li span:after {content: ''; display: block; box-sizing: border-box; position: absolute; right: 0; top: 0; margin-top: -3px; width: 5px; height: 5px; border-top: solid 1px #54B7FF; border-right: solid 1px #54B7FF; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.plan-top dl dd ul li.active:before {color: #0082FF;}
.plan-top dl dd ul li.active span {color: #0082FF; border-top-color: #0082FF; font-weight: 700;}
.plan-top dl dd ul li.active span:after {border-color: #0082FF;}

.plan-bg {padding-bottom: 64px; flex-grow: 1;}
.plan-load {background: #fff; padding: 56px; display: flex; flex-direction: column; align-items: center; -webkit-border-radius: 20px; border-radius: 20px;}
.plan-cont {flex-grow: 1; width: 100%;}
.plan-bot {width: 100%; margin-top: 56px; position: relative; flex-shrink: 0; display: flex; align-items: center; justify-content: space-between;}
.plan-bot button {height: 44px; padding: 0 24px; color: #fff; font-size: 14px; font-weight: 600; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 30px; border-radius: 30px;}
.plan-bot button:disabled {cursor: not-allowed; opacity: 0.5;}
.plan-bot button.plan-bot__prev {background: #666;}
.plan-bot button.plan-bot__next {background: #0082FF;}
.plan-bot button.plan-bot__prev:before,
.plan-bot button.plan-bot__next:after {content: ''; display: block; width: 8px; height: 8px; border-top: solid 2px #fff; box-sizing: border-box;}
.plan-bot button.plan-bot__prev:before {margin-right: 16px; border-left: solid 2px #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.plan-bot button.plan-bot__next:after {margin-left: 16px; border-right: solid 2px #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.plan-cont.sm,
.plan-bot.sm {max-width: 820px;}

@media(max-width:1280px){
	#plan .container {padding-left: 16px; padding-right: 16px;}
	.plan-top dl {padding: 40px 0;}
	.plan-top dl dt h2 {font-size: 30px;}
	.plan-top dl dt p {font-size: 13px;}
	.plan-top dl dd {margin-top: 24px;}
	.plan-top dl dd ul li span {font-size: 12px;}
	.plan-load {padding: 32px;}
}

@media(max-width:992px){
	.plan-top dl {padding: 32px 0;}
	.plan-top dl dt h2 {font-size: 26px;}
	.plan-top dl dt p {font-size: 12px;}
	.plan-top dl dd ul li span {font-size: 11px;}
}

@media(max-width:768px){
	.plan-top dl {padding: 24px 0; display: block;}
	.plan-top dl dt h2 {font-size: 22px;}
	.plan-top dl dt p {font-size: 10px; margin-top: 4px;}
	.plan-top dl dd {margin-top: 16px;}
	.plan-top dl dd ul {margin: 0 -4px;}
	.plan-top dl dd ul li {padding: 0 4px;}
	.plan-top dl dd ul li span {font-size: 10px; padding-top: 4px; margin-top: 4px;}
	.plan-bg {}
	.plan-load {margin: 0 -16px; padding: 32px 16px; -webkit-border-radius: 0; border-radius: 0;}
	.plan-bot {margin-top: 32px;}
	.plan-bot button {height: 36px; padding: 0; font-size: 12px; width: 80px;}
	.plan-bot button.plan-bot__prev:before,
	.plan-bot button.plan-bot__next:after {width: 6px; height: 6px;}
	.plan-bot button.plan-bot__prev:before {margin-right: 8px;}
	.plan-bot button.plan-bot__next:after {margin-left: 8px; }
}


.plan-main {}
.plan-main > dt {text-align: center; font-size: 16px; color: #8A8A8A;}
.plan-main > dd {margin-top: 32px;}
.plan-main > dd ul {margin: 0 -10px; display: flex; align-items: center; justify-content: center;}
.plan-main > dd ul li {padding: 0 10px; width: 50%;}
.plan-main > dd ul li button {width: 100%;}
.plan-main > dd ul li button dl {position: relative; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px;}
.plan-main > dd ul li button dl dt {position: relative;}
.plan-main > dd ul li button dl dt img {display: block; width: 100%;}
.plan-main > dd ul li button dl dd {padding: 16px; background: #000; color: #fff; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.plan-main > dd ul li button dl dd h5 {font-size: 18px; font-weight: 600;}
.plan-main > dd ul li button dl dd p {font-size: 13px; font-weight: 300;}
.plan-main > dd ul li button.active {animation: bounce 0.5s infinite alternate;}
.plan-main__start {margin-top: 48px; display: flex; align-items: center; justify-content: center;}
.plan-main__start button {width: 270px; height: 60px; background: #0082FF; color: #fff; font-size: 18px; font-weight: 700; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 40px; border-radius: 40px;}
.plan-main__start button:disabled {background: #ddd;}
@keyframes bounce {0%{transform: translate3d(0, 0, 0);}100%{transform: translate3d(0, -10px, 100px);}}

@media(max-width:1280px){
	.plan-main > dd ul li button h5 {font-size: 16px;}
	.plan-main__start button {width: 240px; height: 56px; font-size: 16px;}
}

@media(max-width:992px){
	.plan-main > dd ul {margin: 0 -8px;}
	.plan-main > dd ul li {padding: 0 8px;}
	.plan-main > dd ul li button dl dd h5 {font-size: 16px;}
	.plan-main > dd ul li button dl dd p {font-size: 11px;}
	.plan-main__start {margin-top: 24px;}
	.plan-main__start button {width: 200px; height: 48px; font-size: 14px;}
}

@media(max-width:768px){
	.plan-main > dt {font-size: 14px;}
	.plan-main > dd {margin-top: 24px;}
	.plan-main > dd ul {margin: 0; display: block;}
	.plan-main > dd ul li {padding: 0; margin-bottom: 8px; width: 100%;}
	.plan-main > dd ul li:last-child {margin-bottom: 0;}
	.plan-main > dd ul li button dl dd h5 {font-size: 14px;}
	.plan-main > dd ul li button dl dd p {font-size: 10px;}
	.plan-main > dd ul li button img {flex-shrink: 0; width: 120px; margin-right: 16px;}
	.plan-main__start button {width: 136px; height: 40px; font-size: 13px;}
}









.plan-svy__title {text-align: center; font-size: 14px; color: #8A8A8A; font-weight: 400;}
.plan-svy__question {position: relative;}
.plan-svy__card {display: none; margin-top: 24px;}
.plan-svy__card h5 {text-align: center; font-size: 22px; text-align: center; font-weight: 700; padding: 32px; border: solid 1px #F2F2F4; -webkit-border-radius: 20px; border-radius: 20px;}
.plan-svy__card ul {display: flex; margin: 0 -12px; padding-top: 24px;}
.plan-svy__card ul li {width: 25%; padding: 0 12px;}
.plan-svy__card ul li input[type="radio"] {display: none;}
.plan-svy__card ul li input[type="radio"] + label {padding: 48px 16px; min-height: 220px; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; cursor: pointer; -webkit-border-radius: 20px; border-radius: 20px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.plan-svy__card ul li input[type="radio"] + label p {font-size: 13px; text-align: center; margin-top: 24px; line-height: 1.3; flex-grow: 1;}
.plan-svy__card ul li input[type="radio"] + label:before {content: ''; display: block; width: 26px; height: 26px; flex-shrink: 0;}
.plan-svy__card ul li:nth-child(1) input[type="radio"] + label {background: #FFFDF8; border: solid 8px rgba(255, 182, 0, 0.1);}
.plan-svy__card ul li:nth-child(2) input[type="radio"] + label {background: #FFF8FF; border: solid 8px rgba(255, 0, 255, 0.1);}
.plan-svy__card ul li:nth-child(3) input[type="radio"] + label {background: #FFF7F7; border: solid 8px rgba(255, 0, 0, 0.1);}
.plan-svy__card ul li:nth-child(4) input[type="radio"] + label {background: #F9F9FF; border: solid 8px rgba(0, 0, 255, 0.1);}
.plan-svy__card ul li:nth-child(1).active input[type="radio"] + label {border-color: rgba(255, 182, 0, 1);}
.plan-svy__card ul li:nth-child(2).active input[type="radio"] + label {border-color: rgba(255, 0, 255, 1);}
.plan-svy__card ul li:nth-child(3).active input[type="radio"] + label {border-color: rgba(255, 0, 0, 1);}
.plan-svy__card ul li:nth-child(4).active input[type="radio"] + label {border-color: rgba(0, 0, 255, 1);}
.plan-svy__card ul li:nth-child(1) input[type="radio"] + label:hover {border-color: rgba(255, 182, 0, 1);}
.plan-svy__card ul li:nth-child(2) input[type="radio"] + label:hover {border-color: rgba(255, 0, 255, 1);}
.plan-svy__card ul li:nth-child(3) input[type="radio"] + label:hover {border-color: rgba(255, 0, 0, 1);}
.plan-svy__card ul li:nth-child(4) input[type="radio"] + label:hover {border-color: rgba(0, 0, 255, 1);}
.plan-svy__card ul li:nth-child(1) input[type="radio"] + label:before {background: url('https://img.megastudyth.com/plan/survey_icon_1.png')no-repeat center center / 100% auto;}
.plan-svy__card ul li:nth-child(2) input[type="radio"] + label:before {background: url('https://img.megastudyth.com/plan/survey_icon_2.png')no-repeat center center / 100% auto;}
.plan-svy__card ul li:nth-child(3) input[type="radio"] + label:before {background: url('https://img.megastudyth.com/plan/survey_icon_3.png')no-repeat center center / 100% auto;}
.plan-svy__card ul li:nth-child(4) input[type="radio"] + label:before {background: url('https://img.megastudyth.com/plan/survey_icon_4.png')no-repeat center center / 100% auto;}
.plan-svy__bot {margin-top: 40px; display: flex; align-items: center; justify-content: center;}
.plan-svy__bot button {width: 40px; height: 40px; background: #ddd; display: flex; align-items: center; justify-content: center;}
.plan-svy__dots {margin-top: 24px; display: flex; align-items: center; justify-content: center;}
.plan-svy__dots li {display: block; width: 10px; height: 10px; background: #E6E6E6; cursor: pointer; margin: 0 5px; -webkit-border-radius: 20px; border-radius: 20px;}
.plan-svy__dots li.active {background: #0082FF;}
.plan-svy__arrow {display: block; width: 40px; height: 40px; background: none; opacity: 0.3; text-indent: -9999px; position: absolute; bottom: 110px; margin-bottom: -20px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.plan-svy__arrow:hover {opacity: 1;}
.plan-svy__prev {right: 100%; margin-right: 10px;}
.plan-svy__next {left: 100%; margin-left: 10px;}
.plan-svy__arrow:after {content: ''; display: block; width: 20px; height: 20px; border-top: solid 3px #444; position: absolute; left: 50%; top: 50%; margin-top: -10px;}
.plan-svy__prev:after {border-left: solid 3px #444; margin-left: -4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.plan-svy__next:after {border-right: solid 3px #444; margin-left: -16px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.plan-svy__result {display: none;}
.plan-svy__result dt h4 {font-size: 20px; text-align: center; font-weight: 400; line-height: 1.2;}
.plan-svy__result dt h4 strong {font-weight: 700;}
.plan-svy__result dt ul {width: 100%; max-width: 560px; margin: 40px auto 0; border-top: solid 1px #E9E9E9;}
.plan-svy__result dt ul li {border-bottom: solid 1px #E9E9E9; padding: 16px; display: flex;}
.plan-svy__result dt ul li span {flex-shrink: 0; width: 88px;}
.plan-svy__result dt ul li strong {color: #FE41AD; flex-grow: 1; font-weight: 600;}
.plan-svy__result dd {margin-top: 40px; display: flex; align-items: center; justify-content: center;}
.plan-svy__result dd button {background: #0082FF; color: #fff; width: 270px; height: 60px; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 30px; border-radius: 30px;}
@keyframes pulsate {0% {box-shadow: 0 0 0 0vmin rgba(181, 225, 255, 1);}100% {box-shadow: 0 0 0 3vmin rgba(181, 225, 255, 0);}}

@media(max-width:1280px){
	.plan-svy__dots {bottom: 32px;}
	.plan-svy__result dt h4 {font-size: 18px;}
	.plan-svy__result dd button {width: 240px; height: 56px; font-size: 16px;}
}

@media(max-width:992px){
	.plan-svy__card h5 {font-size: 18px; padding: 24px;}
	.plan-svy__card ul {margin: 0 -4px;}
	.plan-svy__card ul li {padding: 0 4px;}
	.plan-svy__card ul li input[type="radio"] + label {padding: 24px 8px; min-height: 180px; border-width: 6px !important;}
	.plan-svy__card ul li input[type="radio"] + label p {font-size: 12px; margin-top: 16px;}
	.plan-svy__arrow {bottom: 90px; width: 30px; height: 30px; margin-bottom: -15px;}
	.plan-svy__prev {margin-right: 0;}
	.plan-svy__next {margin-left: 0;}
	.plan-svy__arrow:after {width: 16px; height: 16px; border-top: solid 2px #444; margin-top: -8px;}
	.plan-svy__prev:after {border-left: solid 2px #444;}
	.plan-svy__next:after {border-right: solid 2px #444;}
	.plan-svy__result dt h4 {font-size: 16px;}
	.plan-svy__result dt ul {margin-top: 24px;}
	.plan-svy__result dt ul li {font-size: 13px;}
	.plan-svy__result dd {margin-top: 24px;}
	.plan-svy__result dd button {width: 200px; height: 48px; font-size: 14px;}
}

@media(max-width:768px){
	.plan-svy__card {margin-top: 16px;}
	.plan-svy__card h5 {font-size: 14px; padding: 16px; -webkit-border-radius: 10px; border-radius: 10px;}
	.plan-svy__card ul {margin: 0; display: block; padding-top: 16px;}
	.plan-svy__card ul li {padding: 0; width: 100%; margin-bottom: 8px;}
	.plan-svy__card ul li:last-child {margin-bottom: 0;}
	.plan-svy__card ul li input[type="radio"] + label {padding: 16px; min-height: auto; flex-direction: row; justify-content: flex-start; text-align: left; -webkit-border-radius: 10px; border-radius: 10px;}
	.plan-svy__card ul li input[type="radio"] + label:before {margin-right: 16px;}
	.plan-svy__card ul li input[type="radio"] + label p {font-size: 13px; margin-top: 0;}
	.plan-svy__dots {margin-top: 24px; height: auto; position: static; -webkit-transform: translateX(0); transform: translateX(0);}
	.plan-svy__dots li {width: 6px; height: 6px; margin: 0 3px;}

	.plan-svy__arrow {bottom: 0; width: 20px; height: 20px; z-index: 1; margin-bottom: 0; bottom: auto; top: 100%; margin-top: 16px; opacity: 1;}
	.plan-svy__prev {margin-right: 0; right: auto; left: 0;}
	.plan-svy__next {margin-left: 0; left: auto; right: 0;}
	.plan-svy__arrow:after {width: 12px; height: 12px; margin-top: -8px;}
	.plan-svy__next:after {margin-left: -10px;}

	.plan-svy__result dt {-webkit-border-radius: 10px; border-radius: 10px;}
	.plan-svy__result dt h4 {font-size: 13px;}
	.plan-svy__result dt ul li {font-size: 12px;}
	.plan-svy__result dt ul li span {font-size: 11px; width: 64px;}
	.plan-svy__result dd button {width: 136px; height: 40px; font-size: 13px;}
}



.plan-crs__title {text-align: center; color: #FE41AD; margin-bottom: 32px;}
.plan-crs__title h3 {font-size: 18px;}
.plan-crs__title p {font-size: 14px; font-weight: 300; margin-top: 8px;}
.plan-crs__list {margin: -8px; display: flex; flex-wrap: wrap;}
.plan-crs__list li {width: 33.3333%; padding: 8px;}
.plan-crs__list li button {display: block; width: 100%; height: 100%; text-align: left; position: relative; border: solid 1px #ddd; -webkit-border-radius: 10px; border-radius: 10px;}
.plan-crs__list li button dl {padding: 24px; display: flex; align-items: center;}
.plan-crs__list li button dl dt {flex-shrink: 0; margin-right: 24px;}
.plan-crs__list li button dl dd {flex-grow: 1;}
.plan-crs__list li button img {width: 40px; display: block; filter: grayscale(1) brightness(1.5);}
.plan-crs__list li button h5 {font-size: 16px; color: #9A9A9A; padding-right: 40px; word-break: auto-phrase;}
.plan-crs__list li button p {font-size: 12px; color: #9A9A9A; margin: -2px; padding-top: 8px; display: flex; flex-wrap: wrap;}
.plan-crs__list li button p span {display: block; border: solid 1px #e5e5e5; padding: 2px 6px; margin: 2px; font-size: 9px; -webkit-border-radius: 4px; border-radius: 4px;}
.plan-crs__list li button em {width: 30px; height: 30px; background: #0082FF; color: #fff; text-align: center; font-size: 14px; font-weight: 700; font-style: normal; position: absolute; right: 24px; top: 24px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 30px; border-radius: 30px;}
.plan-crs__list li button.active {border-color: #54B7FF; -webkit-box-shadow: inset 0px 0px 0px 1px #54B7FF; box-shadow: inset 0px 0px 0px 1px #54B7FF;}
.plan-crs__list li button.active h5 {color: #0082FF;}
.plan-crs__list li button.active img {filter: none;}
.plan-crs__login {display: none; padding: 24px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; background: rgba(0,0,0,0.3); align-items: center; justify-content: center;}
.plan-crs__pop {background: #fff; width: 100%; max-width: 470px; text-align: center; padding: 56px 40px 44px; position: relative; -webkit-border-radius: 20px; border-radius: 20px;}
.plan-crs__pop h3 {font-size: 20px; font-weight: 700;}
.plan-crs__close {content: ''; display: block; width: 24px; height: 24px; background: none; position: absolute; right: 16px; top: 16px; text-indent: -9999px;}
.plan-crs__close:before,
.plan-crs__close:after {content: ''; display: block; background: #888; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-border-radius: 6px; border-radius: 6px;}
.plan-crs__close:before {width: 16px; height: 2px; margin-left: -8px; margin-top: -1px;}
.plan-crs__close:after {width: 2px; height: 16px; margin-top: -8px; margin-left: -1px;}
.plan-crs__slider {margin-top: 24px; padding: 0 40px;}
.plan-crs__slider .slick-list {border: solid 1px #54B7FF; -webkit-border-radius: 10px; border-radius: 10px;}
.plan-crs__slider .slick-slide {}
.plan-crs__slider .slick-dots {margin-top: 16px; display: flex; justify-content: center; align-items: center;}
.plan-crs__slider .slick-dots li {margin-right: 12px;}
.plan-crs__slider .slick-dots li:last-child {margin-right: 0;}
.plan-crs__slider .slick-dots li button {display: block; width: 10px; height: 10px; text-indent: -9999px; background: #E6E6E6; -webkit-border-radius: 50%; border-radius: 50%; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.plan-crs__slider .slick-dots li.slick-active button {background: #54B7FF;}
.plan-crs__txt {margin-top: 24px;}
.plan-crs__txt p {font-size: 14px; color: #666; line-height: 1.3;}
.plan-crs__btn {margin-top: 24px; display: flex; justify-content: center;}
.plan-crs__btn a {width: 170px; height: 48px; background: #0082FF; color: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 6px; border-radius: 6px;}

@media(max-width:1280px){
	.plan-crs__list li button dl {padding: 16px;}
	.plan-crs__list li button dl dt {margin-right: 16px;}
	.plan-crs__list li button img {width: 32px;}
	.plan-crs__list li button h5 {font-size: 14px; padding-right: 24px;}
	.plan-crs__list li button p {font-size: 11px; padding-top: 4px;}
	.plan-crs__list li button em {width: 20px; height: 20px; font-size: 12px; right: 16px; top: 16px;}
}

@media(max-width:992px){
	.plan-crs__list li {width: 50%;}
}

@media(max-width:768px){
	.plan-crs__list {margin: 0;}
	.plan-crs__list li {padding: 0; width: 100%; margin-bottom: 8px;}
	.plan-crs__list li:last-child {margin-bottom: 0;}
	.plan-crs__pop {padding: 48px 16px 32px;}
	.plan-crs__pop h3 {font-size: 18px;}
	.plan-crs__slider {margin-top: 16px; padding: 0 16px;}
	.plan-crs__txt {margin-top: 16px;}
	.plan-crs__txt p {font-size: 13px;}
	.plan-crs__btn {margin-top: 16px;}
}





.plan-ipt__wrap {display: flex;}
.plan-ipt__title {margin-bottom: 24px;}
.plan-ipt__title h3 {font-size: 20px; font-weight: 600;}
.plan-ipt__title p {font-size: 16px; color: #333; margin-top: 8px;}
.plan-ipt__warn {color: #FE41AD; margin-top: 16px; text-align: right;}
.plan-ipt__left {flex-shrink: 0; width: 336px; margin-right: 24px;}
.plan-ipt__list li {margin-bottom: 16px;}
.plan-ipt__list li:last-child {margin-bottom: 0;}
.plan-ipt__list li button {display: block; width: 100%; height: 100%; text-align: left; position: relative; border: solid 1px #ddd; -webkit-border-radius: 10px; border-radius: 10px;}
.plan-ipt__list li button dl {padding: 24px; display: flex; align-items: center;}
.plan-ipt__list li button dl dt {flex-shrink: 0; margin-right: 24px;}
.plan-ipt__list li button dl dd {flex-grow: 1;}
.plan-ipt__list li button img {width: 40px; display: block; filter: grayscale(1) brightness(1.5);}
.plan-ipt__list li button h5 {font-size: 16px; color: #9A9A9A;}
.plan-ipt__list li button p {font-size: 12px; color: #9A9A9A; margin: -2px; padding-top: 8px; display: flex; flex-wrap: wrap;}
.plan-ipt__list li button p span {display: block; border: solid 1px #e5e5e5; padding: 2px 6px; margin: 2px; font-size: 9px; -webkit-border-radius: 4px; border-radius: 4px;}
.plan-ipt__list li button.active {background: #F9F9FA; border-color: #54B7FF; -webkit-box-shadow: inset 0px 0px 0px 1px #54B7FF; box-shadow: inset 0px 0px 0px 1px #54B7FF;}
.plan-ipt__list li button.active h5 {color: #0082FF;}
.plan-ipt__list li button.active img {filter: none;}
.plan-ipt__right {flex-grow: 1; padding: 40px; background: #F9F9FA; border: solid 1px #E7E7E7; -webkit-border-radius: 10px; border-radius: 10px;}
.plan-ipt__group {}

.plan-ipt__item {background: #fff; margin-bottom: 24px; padding: 8px; border-top: solid 2px #0082FF; display: flex; flex-wrap: wrap; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; box-shadow: 0px 4px 16px 0px #112A801A;}
.plan-ipt__item:last-child {margin-bottom: 0;}
.plan-ipt__dtl {}
.combo-wrapper {width: 50%; padding: 8px; position: relative;}
.combo-wrapper input[type="text"] {display: block; height: 46px; width: 100%; padding-left: 12px; font-size: 14px; border: solid 1px #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-border-radius: 8px; border-radius: 8px; -webkit-appearance: none; appearance: none; background: #fff url('https://img.megastudyth.com/member/select_arrow.png')no-repeat right 12px center / 10px auto; cursor: pointer; padding-right: 34px;}
.combo-wrapper ul {top: 100% !important; font-size: 14px; margin-top: -8px; left: 8px !important; right: 8px !important; width: auto !important; height: 240px !important; overflow-y: auto; overflow-x: hidden;}
.ui-menu .ui-menu-item-wrapper {padding: 8px !important;}

.plan-ipt__del {width: 100%; padding: 8px; margin-top: 8px; display: flex; justify-content: flex-end;}
.plan-ipt__del button {font-size: 14px; color: #0082FF; font-weight: 500;}
.plan-ipt__del button:disabled {opacity: 0.3; cursor: not-allowed;}

.plan-ipt__add {margin-top: 24px;}
.plan-ipt__add button {background: #fff; border: solid 1px #ccc; width: 100%; height: 48px; font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}
.plan-ipt__add button em {display: block; width: 12px; height: 12px; position: relative; margin-right: 8px;}
.plan-ipt__add button em:before,
.plan-ipt__add button em:after {content: ''; display: block; background: #0082FF; position: absolute; left: 50%; top: 50%; -webkit-border-radius: 10px; border-radius: 10px;}
.plan-ipt__add button em:before {width: 12px; height: 2px; margin-left: -6px; margin-top: -1px;}
.plan-ipt__add button em:after {width: 2px; height: 12px; margin-left: -1px; margin-top: -6px;}

@media(max-width:1280px){
	.plan-ipt__title {margin-bottom: 16px;}
	.plan-ipt__title h3 {font-size: 18px;}
	.plan-ipt__title p {font-size: 13px;}
	.plan-ipt__warn {font-size: 13px; margin-top: 8px;}
	.plan-ipt__left {width: 280px;}
	.plan-ipt__list li {margin-bottom: 8px;}
	.plan-ipt__list li button dl {padding: 16px;}
	.plan-ipt__list li button dl dt {margin-right: 16px;}
	.plan-ipt__list li button img {width: 32px;}
	.plan-ipt__list li button h5 {font-size: 14px;}
	.plan-ipt__list li button p {font-size: 11px; padding-top: 4px;}
	.plan-ipt__right {padding: 24px;}
	.plan-ipt__dtl ul {margin: -4px;}
	.plan-ipt__dtl ul li {padding: 4px;}
	.plan-ipt__dtl ul li select {font-size: 12px;}
	.combo-wrapper {padding: 4px;}
	.combo-wrapper input[type="text"] {font-size: 12px;}
	.combo-wrapper ul {font-size: 12px; max-height: 200px;}
	.plan-ipt__del {padding: 4px;}
}

@media(max-width:992px){
	.plan-ipt__title {margin-bottom: 8px;}
	.plan-ipt__title h3 {font-size: 16px;}
	.plan-ipt__title p {font-size: 12px;}
	.plan-ipt__warn {font-size: 12px;}
	.plan-ipt__left {width: 224px;}
	.plan-ipt__list li button dl {padding: 16px; display: block;}
	.plan-ipt__list li button dl dt {display: none;}
	.plan-ipt__dtl ul {margin: 0;}
	.plan-ipt__dtl ul li {padding: 0; width: 100%; margin-bottom: 4px;}
	.plan-ipt__dtl ul li:last-child {margin-bottom: 0;}
	.plan-ipt__dtl ul li select {height: 40px; font-size: 11px;}
	.combo-wrapper {width: 100%; padding: 0; margin-bottom: 4px;}
	.combo-wrapper input[type="text"] {height: 40px; font-size: 11px;}
	.combo-wrapper ul {font-size: 11px; margin-top: 0; left: 0 !important; right: 0 !important;}

}

@media(max-width:768px){
	.plan-ipt__wrap {display: block;}
	.plan-ipt__left {width: 100%; margin-right: 0;}
	.plan-ipt__list {display: flex; margin: 0 -2px;}
	.plan-ipt__list li {width: 100%; margin-bottom: 0; padding: 0 2px;}
	.plan-ipt__list li:first-child:nth-last-child(2),
	.plan-ipt__list li:first-child:nth-last-child(2) ~ li {width: 50%;}
	.plan-ipt__list li:first-child:nth-last-child(3),
	.plan-ipt__list li:first-child:nth-last-child(3) ~ li {width: 33.3333%;}
	.plan-ipt__list li button {text-align: center; -webkit-border-radius: 5px; border-radius: 5px;}
	.plan-ipt__list li button dl {padding: 8px;}
	.plan-ipt__list li button h5 {font-size: 12px;}
	.plan-ipt__list li button p {display: none;}
	.plan-ipt__right {margin-top: 16px; padding: 0; background: none; border: none;}
	.plan-ipt__item {margin-bottom: 16px;}
	.plan-ipt__dtl ul li select {height: 34px;}
	.combo-wrapper input[type="text"] {height: 34px;}
	.plan-ipt__del button {font-size: 12px;}
	.plan-ipt__add {margin-top: 16px;}
	.plan-ipt__add button {height: 40px; font-size: 12px;}
	.plan-ipt__add button em {width: 10px; height: 10px; margin-right: 6px;}
	.plan-ipt__add button em:before {width: 10px; margin-left: -5px;}
	.plan-ipt__add button em:after {height: 10px; margin-top: -5px;}
}





.plan-score__tab {display: flex;}
.plan-score__tab li {margin-right: 10px;}
.plan-score__tab li button {display: block; background: #ddd; padding: 0 16px; height: 40px; display: flex; align-items: center; justify-content: center;}
.plan-score__tab li button.active {background: #f00;}

.plan-score__plan {display: flex; margin-top: 16px;}
.plan-score__plan li {margin-right: 10px;}
.plan-score__plan li button {display: block; background: #ddd; padding: 0 16px; height: 40px; display: flex; align-items: center; justify-content: center;}
.plan-score__plan li button.active {background: #f00;}

.plan-score__wrap {}
.plan-score__info {margin-top: 32px; display: flex; justify-content: space-between;}
.plan-score__info dt {}
.plan-score__info dt h5 {font-size: 26px;}
.plan-score__info dt p {font-size: 14px;}
.plan-score__info dd {}
.plan-score__info dd ul {display: flex; align-items: center;}
.plan-score__info dd ul li {margin-right: 8px;}
.plan-score__info dd ul li:last-child {margin-right: 0;}
.plan-score__info dd ul li div {border: solid 1px #666; padding: 8px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.plan-score__info dd ul li h5 {}
.plan-score__info dd ul li p {}

.plan-score__detail {margin: -6px -10px; padding-top: 24px; display: flex; flex-wrap: wrap;}
.plan-score__detail li {width: 50%; padding: 6px 10px;}
.plan-score__detail li dl {height: 100%; display: flex; flex-direction: column;}
.plan-score__detail li dl dt {font-size: 14px; font-weight: 700; flex-grow: 1;}
.plan-score__detail li dl dd {display: flex; flex-shrink: 0; background: #F0F0F0; margin-top: 4px; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px;}
.plan-score__detail li dl dd span {height: 24px; font-size: 12px; color: #fff; white-space: nowrap; width: 0; overflow: hidden; animation: progress 1s ease-out forwards; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}
.plan-score__detail li:nth-child(1) dl dd span {background: #FF43CA;}
.plan-score__detail li:nth-child(2) dl dd span {background: #00BE85;}
.plan-score__detail li:nth-child(3) dl dd span {background: #FF4387;}
.plan-score__detail li:nth-child(4) dl dd span {background: #00CDE9;}
.plan-score__detail li:nth-child(5) dl dd span {background: #FF4343;}
.plan-score__detail li:nth-child(6) dl dd span {background: #1CADFF;}
.plan-score__detail li:nth-child(7) dl dd span {background: #FF7B43;}
.plan-score__detail li:nth-child(8) dl dd span {background: #0088F8;}
.plan-score__detail li:nth-child(9) dl dd span {background: #FFB443;}
.plan-score__detail li:nth-child(10) dl dd span {background: #377AFF;}
.plan-score__detail li:nth-child(11) dl dd span {background: #9DFF00;}
.plan-score__detail li:nth-child(12) dl dd span {background: #00FF8E;}
.plan-score__detail li:nth-child(13) dl dd span {background: #9C68FF;}
.plan-score__detail li:nth-child(14) dl dd span {background: #ED00E1;}
@keyframes progress {100% {width: calc(var(--p)*1%);}}

.plan-score__total {margin-top: 32px; padding-top: 24px; border-top: solid 1px #D9D9D9;}
.plan-score__total h4 {font-size: 20px;}
.plan-score__total ul {display: flex; margin-top: 16px;}
.plan-score__total ul li {height: 60px; font-size: 14px; color: #fff; width: 0; overflow: hidden; white-space: nowrap; animation: progress 1s ease-out forwards; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.plan-score__total ul li:first-child {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.plan-score__total ul li:last-child {border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.plan-score__total ul li:nth-child(1) {background: #FFC520;}
.plan-score__total ul li:nth-child(2) {background: #FF43CA; animation-delay: 1s;}
.plan-score__total ul li:nth-child(3) {background: #00BFED; animation-delay: 2s;}
.plan-score__total ul li:nth-child(4) {background: #2739D7; animation-delay: 3s;}
.plan-score__total ul li:nth-child(5) {background: #9862FF; animation-delay: 4s;}

@media(max-width:1280px){
	.plan-score__total {margin-top: 24px; padding-top: 16px;}
	.plan-score__total h4 {font-size: 18px;}
	.plan-score__total ul {margin-top: 8px;}
	.plan-score__total ul li {height: 48px; font-size: 13px;}
}

@media(max-width:992px){
	.plan-score__detail {margin: 0;}
	.plan-score__detail li {width: 100%; padding: 0; margin-bottom: 16px;}
	.plan-score__detail li:last-child {margin-bottom: 0;}
	.plan-score__detail li dl dt {font-size: 13px;}
	.plan-score__total {padding-top: 0; border-top: none;}
	.plan-score__total h4 {font-size: 16px;}
	.plan-score__total ul li {height: 40px; font-size: 11px;}
}

@media(max-width:768px){

}





.plan-goal__wrap {display: flex;}
.plan-goal__left {width: 240px; margin-right: 60px; flex-shrink: 0;}
.plan-goal__list {border-top: solid 1px #E9E9E9;}
.plan-goal__list li {border-bottom: solid 1px #E9E9E9;}
.plan-goal__list li button {height: 70px; padding: 0 24px; width: 100%; text-align: left; display: flex; align-items: center; justify-content: center;}
.plan-goal__list li button.active {background: #F4F4F5;}
.plan-goal__list li button em {background: #E8F5FF; color: #0082FF; width: 30px; height: 30px; font-style: normal; font-weight: 700; margin-right: 12px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}
.plan-goal__list li button strong {flex-grow: 1; font-size: 18px; color: #9A9A9A; font-weight: 500; line-height: 1.1; word-break: break-word;}
.plan-goal__list li button.active em {background: #0082FF; color: #E8F5FF;}
.plan-goal__list li button.active strong {color: #000;}
.plan-goal__right {width: calc(100% - 240px - 60px);}
.plan-goal__tab {background: #F9F9FA; padding: 2px; display: inline-flex; align-items: center; flex-wrap: wrap; -webkit-border-radius: 6px; border-radius: 6px;}
.plan-goal__tab li {margin: 2px;}
.plan-goal__tab li button {padding: 0 8px; height: 28px; background: #F9F9FA; color: #9A9A9A; font-size: 12px; display: flex; align-items: center; flex-wrap: wrap; -webkit-border-radius: 6px; border-radius: 6px;}
.plan-goal__tab li button.active {background: #fff; color: #0082FF; font-weight: 600;}
.plan-goal__load {margin-top: 16px;}
.plan-goal__box {padding: 40px; background: #F9F9FA; border: solid 1px #E7E7E7; -webkit-border-radius: 10px; border-radius: 10px;}
.plan-goal__title h4 {font-size: 24px; font-weight: 700;}
.plan-goal__title h6 {font-size: 16px; margin-top: 8px;}
.plan-goal__title p {font-size: 12px; margin-top: 4px; color: #666;}
.plan-goal__info {display: flex; margin: -4px; padding-top: 24px; flex-wrap: wrap;}
.plan-goal__info li {width: 33.3333%; padding: 4px;}
.plan-goal__info li dl {background: #fff; border: solid 1px #9A9A9A; text-align: center; padding: 16px; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; -webkit-border-radius: 8px; border-radius: 8px;}
.plan-goal__info li dl dt {font-size: 14px; font-weight: 500; flex-grow: 1;}
.plan-goal__info li dl dd {font-size: 12px; margin-top: 4px; flex-shrink: 0;}
.plan-goal__info li dl dd strong {color: #0082FF; font-size: 24px; margin: 0 4px;}
.plan-goal__group {margin-top: 40px;}
.plan-goal__item {border-top: solid 1px #D9D9D9; margin-top: 24px; padding-top: 24px;}
.plan-goal__item h3 {font-size: 20px; font-weight: 700;}
.plan-goal__item:nth-child(1) h3 {color: #0082FF;}
.plan-goal__item:nth-child(2) h3 {color: #FF4343;}
.plan-goal__item:nth-child(3) h3 {color: #00B27C;}
.plan-goal__item ul {display: flex; margin: -4px; padding-top: 16px; flex-wrap: wrap;}
.plan-goal__item ul li {width: 33.3333%; padding: 4px;}
.plan-goal__item ul li dl {height: 100%; background: #fff; padding: 20px; position: relative; -webkit-border-radius: 8px; border-radius: 8px; display: flex; flex-direction: column;}
.plan-goal__item ul li dl dt {flex-grow: 1;}
.plan-goal__item ul li dl dt h5 {font-size: 16px;}
.plan-goal__item ul li dl dt p {font-size: 14px; color: #9A9A9A; margin-top: 8px;}
.plan-goal__item ul li dl dd {margin-top: 16px; display: flex; flex-shrink: 0; align-items: center;}
.plan-goal__item ul li dl dd input[type="text"] {display: block; width: 56px; text-align: center; height: 30px; flex-shrink: 0; -webkit-border-radius: 0; border-radius: 0; border: solid 1px #999; -webkit-appearance: none; appearance: none;}
.plan-goal__item ul li dl dd input[type="text"] + label {width: 50%; font-size: 14px; color: #9A9A9A; margin-left: 4px;}
.plan-goal__item ul li dl dd input[type="text"]:focus {border-color: #0082FF;}
.plan-goal__item ul li dl p.error {background: #FF4343; color: #fff; padding: 6px 8px; font-size: 10px; z-index: 1; margin-top: -12px; position: absolute; left: 20px; top: 100%; -webkit-border-radius: 4px; border-radius: 4px;}
.plan-goal__item ul li dl p.error:before {content: ''; display: block; position: absolute; bottom: 100%; left: 24px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 6px 5px; border-color: transparent transparent #FF4343 transparent; transform: rotate(0deg);}


.plan-goal__loading {width: 100%;}
.plan-goal__loading p {text-align: center; font-size: 20px; margin-bottom: 56px; line-height: 1.4;}
.plan-goal__loading:after {content: ''; width: 258px; height: 212px; display: block; margin: 0 auto; animation: bounce 0.5s infinite alternate; background: url('https://img.megastudyth.com/plan/elephant.png')no-repeat center center / cover;}

@media(max-width:1280px){
	.plan-goal__left {margin-right: 24px;}
	.plan-goal__list li button {height: 64px; padding: 0 16px;}
	.plan-goal__list li button em {width: 24px; height: 24px; margin-right: 8px;}
	.plan-goal__list li button strong {font-size: 16px;}
	.plan-goal__right {width: calc(100% - 240px - 24px);}
	.plan-goal__box {padding: 24px;}
	.plan-goal__item ul li {width: 50%;}
	.plan-goal__loading p {font-size: 18px;}
}

@media(max-width:992px){
	.plan-goal__left {width: 200px;}
	.plan-goal__list li button {height: 56px;}
	.plan-goal__list li button em {width: 20px; height: 20px; font-size: 12px;}
	.plan-goal__list li button strong {font-size: 14px;}
	.plan-goal__right {width: calc(100% - 200px - 24px);}
	.plan-goal__title h4 {font-size: 20px;}
	.plan-goal__title h6 {font-size: 14px;}
	.plan-goal__title p {font-size: 11px;}
	.plan-goal__info {padding-top: 16px;}
	.plan-goal__info li dl {padding: 16px 8px;}
	.plan-goal__info li dl dt {font-size: 11px;}
	.plan-goal__info li dl dd {font-size: 10px;}
	.plan-goal__info li dl dd strong {font-size: 18px;}
	.plan-goal__item ul li dl {padding: 16px;}
	.plan-goal__item ul li dl dt h5 {font-size: 14px;}
	.plan-goal__item ul li dl dt p {font-size: 12px;}
	.plan-goal__item ul li dl dd input[type="text"] + label {font-size: 12px;}
	.plan-goal__item ul li dl p.error {left: 16px; margin-top: -8px;}
	.plan-goal__loading p {font-size: 16px;}
}

@media(max-width:768px){
	.plan-goal__wrap {display: block;}
	.plan-goal__left {width: 100%; margin-right: 0;}
	.plan-goal__list {display: flex; margin: 0 -2px; border-top: none;}
	.plan-goal__list li {width: 100%; margin-bottom: 0; padding: 0 2px; border-bottom: none;}
	.plan-goal__list li:first-child:nth-last-child(2),
	.plan-goal__list li:first-child:nth-last-child(2) ~ li {width: 50%;}
	.plan-goal__list li:first-child:nth-last-child(3),
	.plan-goal__list li:first-child:nth-last-child(3) ~ li {width: 33.3333%;}
	.plan-goal__list li button {height: 100%; padding: 8px; text-align: center; border: solid 1px #ddd; -webkit-border-radius: 5px; border-radius: 5px; flex-direction: column;}
	.plan-goal__list li button em {width: 16px; height: 16px; font-size: 11px;}
	.plan-goal__list li button strong {font-size: 12px; margin-top: 4px;}
	.plan-goal__right {width: 100%; margin-top: 8px;}
	.plan-goal__box {padding: 0; border: none; background: none;}
	.plan-goal__item ul li dl {border: solid 1px #ddd;}
	.plan-goal__loading p {font-size: 14px; margin-bottom: 40px;}
	.plan-goal__loading:after {width: 200px; height: 164px;}
}




.plan-gauge {width: 200px; height: 136px; padding: 10px 10px 0; margin: -10px -10px 0; overflow: hidden;}
.plan-gauge__inner {width: 100%; padding-bottom: 100%; background: #14337D; position: relative; -webkit-border-radius: 50%; border-radius: 50%;}
.plan-gauge__full {position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; transition: transform 0.5s ease-out; -webkit-transition: transform 0.5s ease-out;}
.plan-gauge__full:before {content: ''; display: block; position: absolute; left: 0; right: 0; top: 50%; bottom: 0; background: #0082FF;}
.plan-gauge__full:after {content: ''; display: block; width: 8px; height: 8px; background: #0082FF; position: absolute; left: 0; top: 50%; margin-top: -4px; -webkit-border-radius: 50%; border-radius: 50%;}
.plan-gauge__handle {position: absolute; left: 0; right: 0; top: 50%; margin-top: -12px; height: 24px; z-index: 4; transition: transform 0.5s ease-out; -webkit-transition: transform 0.5s ease-out;}
.plan-gauge__handle:after {content: ''; display: block; background: #333; width: 24px; height: 24px; background: #0082FF; border: solid 4px #E8F5FF; box-sizing: border-box; position: absolute; left: -8px; top: 0; -webkit-border-radius: 50%; border-radius: 50%; box-shadow: 0px 4px 4px 0px #00000040;}
.plan-gauge__ball {background: #fff; position: absolute; left: 0; right: 0; top: 50%; bottom: 0; z-index: 2;}
.plan-gauge__ball:before,
.plan-gauge__ball:after {content: ''; display: block; width: 8px; height: 8px; position: absolute; top: 0; margin-top: -4px; -webkit-border-radius: 50%; border-radius: 50%;}
.plan-gauge__ball:before {left: 0; background: #0082FF;}
.plan-gauge__ball:after {right: 0; background: #14337D;}
.plan-gauge__txt {background: #fff; position: absolute; left: 8px; right: 8px; top: 8px; bottom: 8px; z-index: 3; font-size: 32px; font-weight: 600; color: #0082FF; padding-bottom: calc(50% - 30px); display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}
.plan-gauge__txt:before,
.plan-gauge__txt:after {content: ''; display: block; width: 40px; text-align: center; font-size: 14px; color: #000; font-weight: 500; position: absolute; top: 50%; margin-top: 10px; z-index: 4;}
.plan-gauge__txt:before {content: 'ต่ำ'; left: -24px;}
.plan-gauge__txt:after {content: 'สูง'; right: -24px;}

.plan-result__wrap {margin: -12px; display: flex; flex-wrap: wrap;}
.plan-result__col {width: 50%; padding: 12px;}
.plan-result__col:last-child {width: 100%;}
.plan-result__box {background: #fff; padding: 32px; height: 100%; -webkit-border-radius: 10px; border-radius: 10px;}
.plan-result__score {display: flex; flex-direction: column;}
.plan-result__score h4 {font-size: 18px; font-weight: 600;}
.plan-result__score p {font-size: 14px; color: #666; margin-top: 8px;}
.plan-result__score dl {flex-shrink: 0;}
.plan-result__score dl dt {font-size: 16px; font-weight: 700; text-align: center;}
.plan-result__score dl dd {font-size: 14px; margin-top: 12px; display: flex; justify-content: center;}
.plan-result__score dl dd span {display: flex; align-items: center;}
.plan-result__score dl dd span:after {content: '/'; margin: 0 8px;}
.plan-result__score dl dd span:last-child:after {display: none;}
.plan-result__gauge {flex-grow: 1; margin: 16px 0; display: flex; justify-content: center; align-items: center; position: relative;}
.plan-result__info dd {margin-top: 16px;}
.plan-result__info dd ul li {background: #F9F9FA; border: solid 1px #ccc; padding: 16px; margin-bottom: 8px; display: flex; justify-content: space-between; align-items: center; -webkit-border-radius: 10px; border-radius: 10px;}
.plan-result__info dd ul li:last-child {margin-bottom: 0;}
.plan-result__info dd ul li h5 {font-size: 14px; flex-shrink: 0;}
.plan-result__info dd ul li p {font-size: 14px; color: #0082FF; flex-grow: 1; text-align: right;}
.plan-result__info dd ul li p strong {font-size: 16px; margin-right: 4px;}
.plan-result__info dd u {display: block; font-size: 12px; margin-top: 16px; color: #999; text-decoration: none;}
.plan-result__legend li {margin-bottom: 4px; font-size: 12px; display: flex; align-items: center;}
.plan-result__legend li:last-child {margin-bottom: 0;}
.plan-result__legend li:before {content: ''; display: block; width: 14px; height: 14px; margin-right: 8px;}
.plan-result__legend li:nth-child(1):before {background: linear-gradient(180deg, #FF43CA 0%, #377AFF 100%);}
.plan-result__legend li:nth-child(2):before {background: #14337D;}
.plan-result__detail .plan-score__detail li dl dd:last-child span {background: #14337D;}

@media(max-width:1280px){
	.plan-result__score h4 {font-size: 16px;}
	.plan-result__score p {font-size: 12px;}
	.plan-result__info dd ul li h5 {font-size: 12px;}
	.plan-result__info dd ul li p {font-size: 10px;}
	.plan-result__info dd u {font-size: 10px;}
}

@media(max-width:992px){
	.plan-result__wrap {margin: -8px;}
	.plan-result__col {width: 100%; padding: 8px;}
}

@media(max-width:768px){
	.plan-result__wrap {margin: 0;}
	.plan-result__col {width: 100%; padding: 0; margin-bottom: 16px;}
	.plan-result__col:last-child {margin-bottom: 0;}
	.plan-result__box {padding: 16px; border: solid 1px #ddd;}
}





.plan-rcmd__top {padding-bottom: 128px; position: relative;}
.plan-rcmd__top:before {content: ''; display: block; height: 92px; background: #F4F4F5; position: absolute; left: -100%; right: -100%; bottom: 0;}
.plan-rcmd__top:after {content: ''; display: block; background: #fff; height: 20px; position: absolute; left: -56px; right: -56px; bottom: 72px; -webkit-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px;}
.plan-rcmd__bot {position: relative; padding-top: 56px; margin: 0 -56px;}
.plan-rcmd__bot:before {content: ''; display: block; background: #fff; position: absolute; left: -100%; right: -100%; top: 0; bottom: -188px;}
.plan-rcmd__bot:after {content: ''; display: block; width: 48px; height: 48px; position: absolute; bottom: 100%; left: 50%; margin-left: -24px; margin-bottom: 12px; background: url('https://img.megastudyth.com/plan/recommend_arrow.png')no-repeat center center / 27px auto;}
.plan-rcmd__inner {position: relative;}
.plan-rcmd__title {font-size: 20px; font-weight: 600; text-align: center;}
.plan-rcmd__tab {padding-top: 32px; margin: 0 -8px; display: flex; justify-content: center;}
.plan-rcmd__tab li {width: 25%; padding: 0 8px;}
.plan-rcmd__tab li button {width: 100%; height: 64px; border: solid 1px #ccc; padding: 0 16px; text-align: left; display: flex; align-items: center; -webkit-border-radius: 10px; border-radius: 10px;}
.plan-rcmd__tab li button em {width: 32px; height: 32px; background: #0082FF; color: #fff; font-style: normal; margin-right: 12px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}
.plan-rcmd__tab li button strong {flex-grow: 1; font-size: 16px; color: #9A9A9A; font-weight: 500; line-height: 1.1; word-break: auto-phrase;}
.plan-rcmd__tab li button.active {background: #E8F5FF; border-color: #0082FF; -webkit-box-shadow: inset 0px 0px 0px 1px #0082FF; box-shadow: inset 0px 0px 0px 1px #0082FF;}
.plan-rcmd__tab li button.active strong {color: #000;}
.plan-rcmd__goal {margin-top: 32px; border-bottom: solid 1px #d9d9d9; display: flex; justify-content: center; flex-wrap: wrap;}
.plan-rcmd__goal li {}
.plan-rcmd__goal li button {width: 100%; height: 32px; padding: 0 16px; color: #666; font-size: 12px; font-weight: 500; position: relative; display: flex; align-items: center; justify-content: center;}
.plan-rcmd__goal li button.active {color: #0082FF;}
.plan-rcmd__goal li button.active:after {content: ''; display: block; background: #0082FF; height: 2px; position: absolute; left: 0; right: 0; bottom: -1px;}
.plan-rcmd__goal + .plan-goal__load {margin-top: 32px;}
.plan-rcmd__goal + .plan-goal__load .plan-score__total {padding-top: 0; border-top: none; margin-top: 0;}
.plan-rcmd__step {margin-top: 40px;}
.plan-rcmd__step:first-child {margin-top: 0;}
.plan-rcmd__step h2 {text-align: center; font-size: 20px; color: #0082FF; font-weight: 700; margin-bottom: 16px;}
.plan-rcmd__group {margin-bottom: 24px;}
.plan-rcmd__group:last-child {margin-bottom: 0;}
.plan-rcmd__group h4 {text-align: center; font-size: 16px; font-weight: 600;}
.plan-rcmd__list {padding-top: 24px; margin: -4px; display: flex; flex-wrap: wrap;}
.plan-rcmd__list li {width: 16.6666%; padding: 4px;}
.plan-rcmd__item {display: flex; flex-direction: column;}
.plan-rcmd__item a {display: flex; flex-direction: column; position: relative; background: #F4F9FF;}
.plan-rcmd__item a:after {content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: solid 1px #ccc; -webkit-border-top-left-radius: 20px; border-top-left-radius: 20px;}
.plan-rcmd__item div {padding: 20px;}
.plan-rcmd__item em {display: block; padding-bottom: 68%; -webkit-border-top-left-radius: 20px; border-top-left-radius: 20px;}
.plan-rcmd__item em.none {background: #eee url('https://img.megastudyth.com/common/noimage.png')no-repeat center center / 50px auto;}
.plan-rcmd__item h5 {font-size: 16px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; height: 4.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.plan-rcmd__item dl {margin-top: 16px; display: flex; flex-direction: column; justify-content: flex-end;}
.plan-rcmd__item dl dt {font-size: 16px; font-weight: 400;}
.plan-rcmd__item dl dt span {color: #FF0600; margin-right: 8px;}
.plan-rcmd__item dl dd {color: #BCBCBC; font-size: 14px; margin-top: 4px; text-decoration: line-through;}
.plan-rcmd__item a.active:after {border: solid 2px #0082FF;}
.plan-rcmd__item a.active h5 {color: #0082FF;}
.plan-rcmd__bot + .plan-bot {width: auto; margin-left: -56px; margin-right: -56px;}
.plan-rcmd__cart {position: absolute; top: 100%; right: 0; width: auto; z-index: 1;}
.plan-rcmd__cart button {margin-top: -4px;}
.plan-rcmd__none {text-align: center; font-size: 18px; color: #666; padding: 64px 0; line-height: 1.3;}
.plan-banner {position: relative; margin: 56px -56px 0; padding-top: 56px;}
.plan-banner:before {content: ''; display: block; background: #F4F4F5; position: absolute; left: -100%; right: -100%; top: 0; bottom: -56px;}
.plan-banner ul {display: flex; margin: 0 -10px; position: relative;}
.plan-banner ul li {width: 50%; padding: 0 10px;}
.plan-banner ul li a {display: block; overflow: hidden; border: solid 6px #ddd; -webkit-border-radius: 20px; border-radius: 20px;}
.plan-banner ul li:nth-child(1) a {border-color: #000;}
.plan-banner ul li:nth-child(2) a {border-color: #7000FF;}
.plan-circle {display: none; position: absolute; right: 0; top: 0; margin-right: -24px; margin-top: -24px;}
.plan-circle a {text-align: center; background: #00ffc0 url('https://img.megastudyth.com/plan/banner.png')no-repeat center bottom / cover; width: 160px; height: 160px; border: solid 1px #000; display: block; -webkit-border-radius: 50%; border-radius: 50%;}
.plan-circle span {height: 55%; font-size: 16px; color: #0038b8; font-weight: 600; text-align: center; display: flex; align-items: center; justify-content: center;}
.plan-circle button {position: absolute; right: 0; top: 0; width: 32px; height: 32px; background: #fff; border: solid 1px #000; text-indent: -9999px; -webkit-border-radius: 50%; border-radius: 50%;}
.plan-circle button:before,
.plan-circle button:after {content: ''; display: block; width: 14px; height: 2px; background: #000; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -1px;}
.plan-circle button:before {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.plan-circle button:after {-webkit-transform: rotate(45deg); transform: rotate(45deg);}

@media(max-width:1280px){
	.plan-rcmd__top {padding-bottom: 88px;}
	.plan-rcmd__top:before {height: 52px;}
	.plan-rcmd__top:after {left: -32px; right: -32px; bottom: 32px;}
	.plan-rcmd__bot {padding-top: 32px; margin: 0 -32px;}
	.plan-rcmd__bot:before {bottom: -164px;}
	.plan-rcmd__bot:after {margin-bottom: -8px;}
	.plan-rcmd__title {font-size: 18px;}
	.plan-rcmd__tab {padding-top: 24px; margin: 0 -4px;}
	.plan-rcmd__tab li {width: 33.3333%; padding: 0 4px;}
	.plan-rcmd__tab li button em {width: 24px; height: 24px; font-size: 11px; margin-right: 8px;}
	.plan-rcmd__tab li button strong {font-size: 14px;}
	.plan-rcmd__goal {margin-top: 24px;}
	.plan-rcmd__goal + .plan-goal__load {margin-top: 24px;}
	.plan-rcmd__item div {padding: 16px;}
	.plan-rcmd__item h5 {font-size: 15px;}
	.plan-rcmd__item p {font-size: 11px;}
	.plan-rcmd__item dl dt {font-size: 14px;}
	.plan-rcmd__item dl dd {font-size: 12px;}
	.plan-rcmd__bot + .plan-bot {margin-left: -32px; margin-right: -32px;}
	.plan-rcmd__none {padding: 40px 0; font-size: 16px;}
	.plan-banner {margin: 56px -32px 0;}
	.plan-banner ul li a {border-width: 4px;}
	.plan-circle {margin-right: -8px; margin-top: -8px;}
}

@media(max-width:992px){
	.plan-rcmd__title {font-size: 16px;}
	.plan-rcmd__tab {padding-top: 16px; margin: 0 -2px;}
	.plan-rcmd__tab li {padding: 0 2px;}
	.plan-rcmd__tab li button {height: 56px; padding: 0 12px;}
	.plan-rcmd__tab li button em {width: 20px; height: 20px; font-size: 10px; }
	.plan-rcmd__tab li button strong {font-size: 13px;}
	.plan-rcmd__goal {margin-top: 16px;}
	.plan-rcmd__list li {width: 25%;}
	.plan-rcmd__none {padding: 32px 0; font-size: 14px;}
	.plan-banner ul li a {-webkit-border-radius: 10px; border-radius: 10px;}
	.plan-circle {margin-right: 0; margin-top: 0;}
	.plan-circle a {width: 120px; height: 120px;}
	.plan-circle a span {font-size: 12px;}
	.plan-circle button {width: 24px; height: 24px;}

}

@media(max-width:768px){
	.plan-rcmd__top {padding-bottom: 48px;}
	.plan-rcmd__top:before {height: 8px;}
	.plan-rcmd__top:after {display: none;}
	.plan-rcmd__bot {margin: 0;}
	.plan-rcmd__bot:before {display: none;}
	.plan-rcmd__bot:after {display: none;}
	.plan-rcmd__tab li button {height: 40px; padding: 0 8px; text-align: center; -webkit-border-radius: 8px; border-radius: 8px;}
	.plan-rcmd__tab li button em {display: none;}
	.plan-rcmd__tab li button strong {font-size: 12px;}
	.plan-rcmd__goal {margin-top: 8px;}
	.plan-rcmd__goal + .plan-goal__load {margin-top: 16px;}
	.plan-rcmd__step h2 {margin-bottom: 8px;}
	.plan-rcmd__list li {width: 50%;}
	.plan-rcmd__bot + .plan-bot {margin-left: 0; margin-right: 0;}
	.plan-rcmd__cart button {width: auto; padding: 0 16px;}
	.plan-rcmd__none {padding: 24px 0; font-size: 12px;}
	.plan-banner {margin: 32px 0 0; padding-top: 32px;}
	.plan-banner:before {bottom: -32px;}
	.plan-banner ul {margin: 0; display: block;}	
	.plan-banner ul li {margin-bottom: 4px; width: 100%; padding: 0;}
	.plan-banner ul li:last-child {margin-bottom: 0;}
	.plan-banner ul li a {border-width: 2px;}
	.plan-circle {position: relative; width: 100%; margin-top: 24px;}
	.plan-circle a {width: 100%; height: 64px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; -webkit-border-radius: 0; border-radius: 0; background-size: 120px auto; background-position: right 8px bottom;}
	.plan-circle a:after {content: ''; display: block; width: 6px; height: 6px; margin-left: 16px; border-top: solid 1px #000; border-right: solid 1px #000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.plan-circle a span {font-size: 18px; height: 100%; justify-content: flex-start;}
	.plan-circle button {display: none;}
}




.plan-intro {padding: 64px 24px; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; background: url('https://img.megastudyth.com/plan/intro_bg.jpg')no-repeat center center / cover;}
.plan-intro__title {text-align: center;}
.plan-intro__title h3 {font-size: 86px; color: #000; font-style: italic; font-weight: 700; text-shadow: 0px 4px 10px rgba(0,0,0,0.25);}
.plan-intro__title h4 {font-size: 54px; color: #fff; font-style: italic; font-weight: 700; position: relative; margin-top: 8px;}
.plan-intro__title h4 span {display: block; padding: 0 10px; white-space: nowrap;}


.plan-intro__title h4 span:nth-child(1) {position: relative; z-index: 1; background-color: red; background-image: linear-gradient(90deg, #006FFF 0%, #FF68F5 100%); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent;  -moz-background-clip: text; -moz-text-fill-color: transparent;}
.plan-intro__title h4 span:nth-child(2) {position: absolute; left: 1px; top: 1px; color: #fff;}
.plan-intro__menu {width: 100%; max-width: 1000px; margin: 0 auto; padding-top: 56px; display: flex; position: relative;}
.plan-intro__menu:after {content: ''; display: block; width: 158px; height: 132px; position: absolute; top: 100%; left: 50%; margin-left: -79px; margin-top: -66px; background: url('https://img.megastudyth.com/plan/intro_robot.png')no-repeat center center / auto 100%;}
.plan-intro__menu li {padding: 0 12px; width: 50%;}
.plan-intro__menu li dl {position: relative; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px;}
.plan-intro__menu li dl dt {position: relative;}
.plan-intro__menu li dl dt img {display: block; width: 100%;}
.plan-intro__menu li dl dd {padding: 16px; background: #000; color: #fff; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.plan-intro__menu li dl dd h5 {font-size: 18px; font-weight: 600;}
.plan-intro__menu li dl dd p {font-size: 13px; font-weight: 300; margin-top: 8px;}
.plan-intro__btn {margin-top: 72px; position: relative;}
.plan-intro__btn a {width: 370px; height: 70px; background: #5AFAFF; font-size: 20px; font-weight: 700; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 40px; border-radius: 40px;}
.plan-intro__btn a:after {content: ''; display: block; box-sizing: border-box; width: 12px; height: 12px; margin-left: 16px; border-top: solid 2px #000; border-right: solid 2px #000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

@media(max-width:1280px){
	.plan-intro__title h3 {font-size: 68px;}
	.plan-intro__title h4 {font-size: 48px;}
	.plan-intro__menu {padding-top: 40px;}
	.plan-intro__btn a {width: 320px; height: 60px; font-size: 18px;}
	.plan-intro__btn a:after {width: 10px; height: 10px; margin-left: 8px;}
}

@media(max-width:992px){
	.plan-intro__title h3 {font-size: 56px;}
	.plan-intro__title h4 {font-size: 40px;}
	.plan-intro__menu {padding-top: 24px;}
	.plan-intro__menu li dl dd h5 {font-size: 16px;}
	.plan-intro__menu li dl dd p {font-size: 11px;}
	.plan-intro__btn {margin-top: 56px;}
	.plan-intro__btn a {width: 280px; height: 56px; font-size: 16px;}
}

@media(max-width:768px){
	.plan-intro__title h3 {font-size: 32px;}
	.plan-intro__title h4 {font-size: 18px; margin-top: 4px;}
	.plan-intro__title h4 span:nth-child(2) {display: none;}
	.plan-intro__title:after {height: 96px; margin: 0;}
	.plan-intro__menu {display: block; padding-top: 16px;}
	.plan-intro__menu li {width: 100%; padding: 0; margin-bottom: 8px;}
	.plan-intro__menu li:last-child {margin-bottom: 0;}
	.plan-intro__menu li dl {display: flex; -webkit-border-radius: 10px; border-radius: 10px;}
	.plan-intro__menu li dl dt {flex-shrink: 0; width: 120px;}
	.plan-intro__menu li dl dd {flex-grow: 1; display: flex; align-items: center; text-align: center; font-size: 14px;}
	.plan-intro__menu li dl dd h5 {font-size: 13px;}
	.plan-intro__menu li dl dd p {display: none;}
	.plan-intro__btn {margin-top: 24px;}
	.plan-intro__btn a {width: 200px; height: 48px; font-size: 14px; padding-left: 24px;}
	.plan-intro__btn a:before {width: 120px; height: 100px; left: 0; margin-left: -64px; bottom: auto;}
	.plan-intro__btn a:after {width: 7px; height: 7px;}
}






/* 뉴스 renewal */
html[data-color-scheme='dark']:not(.nodark) {
	#news:before {content: ''; display: block; position: fixed; left: 0; right: 0; top: 0; height: 100vh; background: url('https://img.megastudyth.com/cast/cast_bg.png')no-repeat center center / cover;}
	.news-tab {background: none; border-bottom: solid 1px rgba(0,0,0,0.3);}
	.news-tab ul li a {color: #787681; background: #2e3351; border: solid 1px #000;}
	.news-tab ul li a.active {background: #5C34FF; border-color: #5C34FF; color: #fff;}
	.news-title {color: #fff;}
	.news-top5__swiper button {color: #b4b1c3;}
	.news-top5__swiper button.on {color: #8b6eff;}
	.news-dept1__list li button {color: #b4b1c3;}
	.news-item .news-box {box-shadow: -4px 14px 24px 0px rgba(0,0,0,0.5);}
	.news-item .news-box__text {background: #24273b;}
	.news-item .news-box__text h5 {color: #b4b1c3;}
}


#news * {box-sizing: border-box;}
#news > * {position: relative;}
#news .main-inner {max-width: 1332px !important;}

.news-tab {background: #F4F6FA; border-bottom: solid 1px #E5E5E5; position: relative; z-index: 1;}
.news-tab ul {height: 65px; display: flex; align-items: center; justify-content: center;}
.news-tab ul li {margin: 0 5px;}
.news-tab ul li a {height: 42px; padding: 0 24px; font-size: 18px; color: #5C34FF; font-weight: 600; background: #fff; border: solid 1px #CED4DA; -webkit-border-radius: 40px; border-radius: 40px; display: flex; align-items: center; justify-content: center;}
.news-tab ul li a.active {background: #5C34FF; border-color: #5C34FF; color: #fff;}

.news-ban {padding-top: 48px;}
.news-ban__slider {margin: 0 -30px;}
.news-ban__slider .slick-list {overflow: visible;}
.news-ban__slider .slick-slide {padding: 0 30px;}
.news-ban__slider .slick-arrow {width: 50px; height: 50px; background: #fff; position: absolute; top: 50%; margin-top: -25px; z-index: 1; text-indent: -9999px; -webkit-border-radius: 40px; border-radius: 40px; box-shadow: -4px 14px 24px 0px #99999940;}
.news-ban__slider .slick-prev {left: -25px;}
.news-ban__slider .slick-next {right: -25px;}
.news-ban__slider .slick-arrow:after {content: ''; display: block; width: 10px; height: 10px; border-top: solid 2px #1C1B1F; position: absolute; left: 50%; top: 50%; margin-top: -5px;}
.news-ban__slider .slick-prev:after {margin-left: -4px; border-left: solid 2px #1C1B1F; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.news-ban__slider .slick-next:after {margin-left: -8px; border-right: solid 2px #1C1B1F; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.news-ban__slider .slick-dots {margin-top: 16px; display: flex; justify-content: center;}
.news-ban__slider .slick-dots li {margin: 0 3px;}
.news-ban__slider .slick-dots li button {display: block; width: 8px; height: 8px; background: #ccc; text-indent: -9999px; -webkit-border-radius: 50%; border-radius: 50%;}
.news-ban__slider .slick-dots li.slick-active button {background: #5C34FF;}
.news-ban__slider .slick-active .news-ban__item {filter: blur(0px); opacity: 1;}
.news-ban__item {overflow: hidden; display: block !important; -webkit-border-radius: 40px; border-radius: 40px; filter: blur(4px); opacity: 0.3; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.news-ban__item img {width: 100%;}
.news-ban__item img.pc {display: block;}
.news-ban__item img.mo {display: none;}

.news-title {padding-top: 96px; padding-bottom: 40px; text-align: center; font-size: 48px; color: #222; font-weight: 700;}
.news-top5__swiper button {width: 100%; height: 60px; font-size: 18px; white-space: nowrap; padding: 0 16px; font-weight: 300; position: relative; display: flex; justify-content: center; align-items: center;}
.news-top5__swiper button.on {color: #5C34FF; font-weight: 600;}
.news-top5__swiper button.on:after {content: ''; display: block; height: 4px; background: #5C34FF; position: absolute; left: 0; right: 0; bottom: 1px;}
.news-top5__wrap {background: #5C34FF; padding: 24px 0;}
.news-top5__list {margin: 0 -10px;}
.news-top5__list .slick-dots {position: absolute; left: 0; right: 0; top: 100%; margin-top: -16px; display: flex; justify-content: center;}
.news-top5__list .slick-dots li {margin: 0 3px;}
.news-top5__list .slick-dots li button {display: block; width: 8px; height: 8px; background: rgba(255,255,255,0.3); text-indent: -9999px; -webkit-border-radius: 50%; border-radius: 50%;}
.news-top5__list .slick-dots li.slick-active button {background: #fff;}
.news-top5__item {padding: 32px 10px; display: block !important;}
.news-top5__item .news-box {display: block; border: solid 8px #6B5AFF; -webkit-border-radius: 20px; border-radius: 20px; box-shadow: -4px 14px 24px 0px #00000040;}
.news-top5__item .news-box__thumb {display: block; padding-bottom: 66.6666%; -webkit-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0;}
.news-top5__item .news-box__text {background: #fff; padding: 16px; -webkit-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px;}
.news-top5__item .news-box__text em {display: none;}
.news-top5__item .news-box__text h5 {font-size: 16px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; height: 2.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.news-dept1 {margin-bottom: 24px;}
.news-dept1__list {margin: -2px; display: flex; justify-content: center; flex-wrap: wrap;}
.news-dept1__list li {padding: 2px;}
.news-dept1__list li button {height: 60px; padding: 0 24px; font-size: 20px; font-weight: 300; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 20px; border-radius: 20px;}
.news-dept1__list li button.on {background: #5C34FF; color: #fff; font-weight: 400;}

.news-dept2 {}
.news-dept2__list {margin: -4px; display: flex; justify-content: center; flex-wrap: wrap;}
.news-dept2__list li {padding: 4px;}
.news-dept2__list li a {height: 44px; padding: 0 20px; background: #F2F4F6; font-size: 16px; font-weight: 300; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 20px; border-radius: 20px;}
.news-dept2__list li a.on {background: #EFEBFF; color: #5C34FF; font-weight: 400;}

.news-cont {margin-top: 60px; padding-bottom: 160px;}
.news-list {margin: -20px -10px; display: flex; flex-wrap: wrap;}
.news-item {width: 25%; padding: 20px 10px;}
.news-item .news-box {display: block; overflow: hidden; border-radius: 14px; -webkit-border-radius: 14px; box-shadow: -4px 14px 24px 0px #BBBBBB40;}
.news-item .news-box__thumb {display: block; padding-bottom: 66.6666%;}
.news-item .news-box__text {padding: 40px 20px 24px; position: relative;}
.news-item .news-box__text h5 {font-size: 16px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; height: 2.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-item .news-box__text em {display: block; flex-shrink: 0; width: 48px; height: 48px; position: absolute; left: 20px; top: -24px; text-indent: -9999px; border-radius: 50%; -webkit-border-radius: 50%; box-shadow: 0px 0px 16px 0px #C1C2C680;}

.news-more {margin: 40px auto 0; width: 300px; height: 48px; font-size: 14px; color: #666; background: #F2F4F6; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 10px; border-radius: 10px;}


@media(max-width:1280px){
	.news-tab ul {height: 56px;}
	.news-tab ul li {margin: 0 2px;}
	.news-tab ul li a {height: 38px; padding: 0 16px; font-size: 16px;}
	.news-ban {padding-top: 24px;}
	.news-ban__slider {margin: 0 -16px;}
	.news-ban__slider .slick-slide {padding: 0 16px;}
	.news-ban__item {-webkit-border-radius: 24px; border-radius: 24px;}
	.news-title {padding-top: 72px; padding-bottom: 32px; font-size: 32px;}
	.news-top5__wrap {padding: 16px 0;}
	.news-top5__swiper button {height: 56px; font-size: 16px;}
	.news-top5__item .news-box__text h5 {font-size: 14px;}
	.news-dept1 {margin-bottom: 12px;}
	.news-dept1__list li button {height: 40px; padding: 0 16px; font-size: 14px; -webkit-border-radius: 10px; border-radius: 10px;}
	.news-dept2__list {margin: -2px;}
	.news-dept2__list li {padding: 2px;}
	.news-dept2__list li a {height: 36px; padding: 0 12px; font-size: 13px; -webkit-border-radius: 10px; border-radius: 10px;}
	.news-cont {margin-top: 48px; padding-bottom: 120px;}
	.news-item .news-box__text h5 {font-size: 14px;}
}

@media(max-width:992px){
	.news-tab ul {height: 48px;}
	.news-tab ul li a {height: 32px; padding: 0 12px; font-size: 13px;}
	.news-ban {padding-top: 16px;}
	.news-title {padding-top: 64px; padding-bottom: 24px; font-size: 26px;}
	.news-top5__wrap {padding: 8px 0;}
	.news-top5__swiper .swiper-slide {width: auto !important;}
	.news-top5__swiper button {height: 48px; font-size: 14px;}
	.news-top5__swiper button.on:after {height: 3px;}
	.news-top5__item .news-box__text h5 {font-size: 12px;}
	.news-dept1 {margin-bottom: 8px;}
	.news-dept1__list li button {height: 32px; padding: 0 8px; font-size: 12px; -webkit-border-radius: 8px; border-radius: 8px;}
	.news-dept2__list li a {height: 28px; padding: 0 8px; font-size: 11px; -webkit-border-radius: 8px; border-radius: 8px;}
	.news-cont {margin-top: 32px; padding-bottom: 96px;}
	.news-list {margin: -16px -8px;}
	.news-item {width: 33.3333%; padding: 16px 8px;}
	.news-item .news-box__text em {width: 40px; height: 40px; left: 16px;}
	.news-item .news-box__text {padding: 24px 16px 16px;}
	.news-item .news-box__text h5 {font-size: 12px;}
}

@media(max-width:768px){
	.news-tab ul {height: 40px;}
	.news-tab ul li a {height: 30px; font-size: 12px;}
	.news-top5__wrap {padding: 0 0 32px;}
	.news-ban {padding-top: 0;}
	.news-ban__slider {margin: 0 -16px;}
	.news-ban__slider .slick-slide {padding: 0;}
	.news-ban__item {height: auto; -webkit-border-radius: 0; border-radius: 0;}
	.news-ban__item img.pc {display: none;}
	.news-ban__item img.mo {display: block;}
	.news-title {padding-top: 48px; padding-bottom: 16px; font-size: 24px;}
	.news-top5__tab {margin: 0 -16px;}
	.news-top5__swiper button {height: 40px; font-size: 12px;}
	.news-top5__list {padding: 0 10%;}
	.news-top5__list .slick-list {overflow: visible;}
	.news-top5__list .slick-slide {}
	.news-dept1 {margin-bottom: 8px;}
	.news-dept1__list li button {height: 26px; font-size: 10px; -webkit-border-radius: 4px; border-radius: 4px;}
	.news-dept2__list li a {height: 24px; font-size: 10px; -webkit-border-radius: 4px; border-radius: 4px;}
	.news-cont {margin-top: 24px; padding-bottom: 64px;}
	.news-list {margin: -8px -4px;}
	.news-item {width: 50%; padding: 8px 4px;}
	.news-item .news-box__text em {width: 32px; height: 32px; top: -16px; left: 12px;}
	.news-item .news-box__text {padding: 24px 12px 12px;}
	.news-item .news-box__text h5 {font-size: 11px;}
	.news-more {margin: 24px auto 0; width: 200px; height: 40px; font-size: 12px;}
}


@keyframes clipPathLeft {
	0% {clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
	100% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
}
@keyframes clipPathright {
	0% {clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
	100% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
}
@keyframes fadeInLeft {
	0% {opacity: 0; transform: translateX(-20px);}
	100% {opacity: 1; transform: translateX(0);	}
}
@keyframes fadeInRight {
	0% {opacity: 0; transform: translateX(20px);}
	100% {opacity: 1; transform: translateX(0);	}
}
@keyframes fadeInUp {
	0% {opacity: 0; transform: translateY(20px);}
	100% {opacity: 1; transform: translateY(0);	}
}
@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}




.news-pop {display: none; position: fixed !important; left: 0; right: 0; top: 0; bottom: 0; z-index: 1100; padding: 48px 24px 24px; background: rgba(0,0,0,0.5);}
.news-pop__box {position: relative; width: 100%; height: 100%; max-width: 1280px; margin: 0 auto;}
.news-pop__overlay {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.news-pop__close {display: block; text-indent: -9999px; width: 48px; height: 48px; position: absolute; right: 0; bottom: 100%; background: none;}
.news-pop__close:before,
.news-pop__close:after {content: ''; display: block; width: 26px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -2px; -webkit-border-radius: 12px; border-radius: 12px;}
.news-pop__close:before {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.news-pop__close:after {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.news-pop__view {height: 100%;}
#mContent {height: 100%;}
#mContent > form {display: block; height: 100%;}
.news-pop__flex {height: 100%; display: flex; flex-direction: column;}
.news-pop__top {height: 80px; padding: 0 48px; background: #F2F4F7; display: flex; align-items: center; -webkit-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0;}
.news-pop__top span {flex-shrink: 0; display: block; color: #9A9A9A; margin-right: 24px; font-size: 15px;}
.news-pop__top h5 {flex-grow: 1; font-size: 16px; font-weight: 400;}
.news-pop__sns {flex-shrink: 0; display: flex; margin-left: 24px;}
.news-pop__sns li {margin-right: 24px;}
.news-pop__sns li:last-child {margin-right: 0;}
.news-pop__sns li button {display: block; width: 28px; height: 28px; text-indent: -9999px; -webkit-border-radius: 50%; border-radius: 50%;}
.news-pop__sns li:nth-child(1) button {background: url('https://img.megastudyth.com/cast/news_sns_facebook.png')no-repeat center center / cover;}
.news-pop__sns li:nth-child(2) button {background: url('https://img.megastudyth.com/cast/news_sns_x.png')no-repeat center center / cover;}
.news-pop__sns li:nth-child(3) button {background: url('https://img.megastudyth.com/cast/news_sns_line.png')no-repeat center center / cover;}
.news-pop__bot {height: calc(100% - 80px); box-sizing: border-box; overflow: hidden; background: #fff; -webkit-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px;}
.news-pop__scroll {height: 100%; padding: 96px; box-sizing: border-box; overflow-y: auto;}
.news-pop__cont {}
.news-pop__cont * {text-indent: 0 !important; box-sizing: border-box !important; white-space: normal !important; line-height: 1.5 !important;}
.news-pop__mentor {margin-top: 40px; padding: 40px 24px; box-sizing: border-box; border-top: dashed 1px #ccc; display: flex; justify-content: center;}
.news-pop__mentor dl {display: flex; align-items: center;}
.news-pop__mentor dl dt {flex-shrink: 0;}
.news-pop__mentor dl dt em {display: block; width: 80px; height: 80px; border: solid 1px #e5e5e5; -webkit-border-radius: 50%; border-radius: 50%;}
.news-pop__mentor dl dd {flex-grow: 1; padding-left: 20px; text-align: left;}
.news-pop__mentor dl dd h5 {display: inline; vertical-align: bottom; font-size: 24px; font-weight: 700; line-height: 1.0;}
.news-pop__mentor dl dd span {display: inline; vertical-align: bottom; font-size: 12px; color: #888; font-weight: 300; letter-spacing: 0.025em;}
.news-pop__mentor dl dd p {font-size: 13px; margin-top: 8px;}
.news-pop__tag {padding: 40px; display: flex; justify-content: center; flex-wrap: wrap;}
.news-pop__tag li {padding: 2px;}
.news-pop__tag li span {height: 32px; border: solid 1px #ddd; padding: 0 12px; font-size: 13px; display: flex; align-items: center; justify-content: center; border-radius: 4px; -webkit-border-radius: 4px;}
.news-pop__rcmd {padding: 48px 0; border-top: solid 1px #F2F4F6; width: 100%; display: flex; flex-direction: column; box-sizing: border-box;}
.news-pop__rcmd h2 {font-size: 20px;}
.news-pop__rcmd ul {margin: -20px -10px; padding-top: 20px; display: flex; flex-wrap: wrap;}
.news-pop__rcmd ul li {width: 33.3333%; padding: 20px 10px; box-sizing: border-box;}
.news-pop__rcmd ul li a {display: block;}
.news-pop__rcmd ul li a img {display: block; width: 100%; -webkit-border-radius: 8px; border-radius: 8px;}
.news-pop__rcmd ul li a h5 {margin-top: 5px; font-size: 17px; font-weight: 500; 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;}
.news-pop__rcmd ul li a p {margin-top: 10px; color: #999; font-size: 13px; 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: 1; -webkit-box-orient: vertical;}
.news-pop__rcmd ul li a dl {margin-top: 10px;}
.news-pop__rcmd ul li a dl dt {color: #ccc; text-decoration: line-through;}
.news-pop__rcmd ul li a dl dd {font-size: 16px; margin-top: 5px;}
.news-pop__rcmd ul li a dl dd span {color: #f00; margin-right: 5px; font-weight: 500;}
.news-pop__rcmd ul li a dl dd strong {font-weight: 500;}
.news-pop__quick {position: absolute; right: 24px; bottom: 16px; padding: 8px 0; background: #fff; border: solid 1px #CED4DA; -webkit-border-radius: 40px; border-radius: 40px; box-shadow: 0px 4px 4px 0px #BBBBBB40;}
.news-pop__quick li {position: relative;}
.news-pop__quick li:after {content: ''; display: block; width: 24px; height: 1px; background: #D9D9D9; position: absolute; left: 50%; margin-left: -12px; bottom: 0;}
.news-pop__quick li:last-child:after {display: none;}
.news-pop__quick li button {display: block; width: 46px; height: 46px; text-indent: -9999px; position: relative;}
.news-pop__quick li:nth-child(1) button {background: url('https://img.megastudyth.com/cast/news_share.png')no-repeat center center / 14px auto;}
.news-pop__quick li:nth-child(2) button:before,
.news-pop__quick li:nth-child(2) button:after {content: ''; position: absolute; left: 50%; top: 50%;}
.news-pop__quick li:nth-child(2) button:before {width: 2px; height: 16px; background: #1C1B1F; margin-left: -1px; margin-top: -8px;}
.news-pop__quick li:nth-child(2) button:after {width: 10px; height: 10px; border-left: solid 2px #1C1B1F; border-top: solid 2px #1C1B1F; box-sizing: border-box; margin-left: -5px; margin-top: -6px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

@media(max-width:1280px){
	.news-pop__scroll {padding: 72px;}
	.news-pop__top {padding: 0 40px;}
	.news-pop__top span {margin-right: 16px; font-size: 13px;}
	.news-pop__top h5 {font-size: 14px;}
	.news-pop__sns li {margin-right: 16px;}
}

@media(max-width:992px){
	.news-pop__scroll {padding: 32px;}
	.news-pop__top {padding: 0 24px;}
	.news-pop__top span {margin-right: 8px; font-size: 11px;}
	.news-pop__top h5 {font-size: 13px;}
	.news-pop__sns li {margin-right: 8px;}
}

@media(max-width:768px){
	.news-pop {padding: 0;}
	.news-pop__close {width: 40px; height: 40px; bottom: auto;}
	.news-pop__close:before,
	.news-pop__close:after {width: 20px; background: #111; margin-left: -10px; margin-top: -1px;}
	.news-pop__top {height: 80px; padding: 0 16px; display: block; -webkit-border-radius: 0; border-radius: 0;}
	.news-pop__top span {margin-right: 0; font-size: 12px; height: 40px; line-height: 40px;}
	.news-pop__top h5 {font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.1; height: 2.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.news-pop__sns {margin-left: 0; position: absolute; right: 48px; top: 0; padding: 8px 0;}
	.news-pop__sns li {margin-right: 8px;}
	.news-pop__sns li button {width: 24px; height: 24px;}
	.news-pop__bot {-webkit-border-radius: 0; border-radius: 0;}
	.news-pop__scroll {padding: 32px 16px;}
	.news-pop__mentor dl {display: block;}
	.news-pop__mentor dl dt em {margin: 0 auto;}
	.news-pop__mentor dl dd {padding-left: 0; text-align: center; margin-top: 10px;}
	.news-pop__mentor dl dd h5,
	.news-pop__mentor dl dd span {display: block; line-height: 1.0;}
	.news-pop__mentor dl dd p {font-size: 13px;}
	.news-pop__tag {padding: 24px;}
	.news-pop__tag li span {height: 24px; padding: 0 8px; font-size: 11px;}
	.news-pop__rcmd {padding: 32px 16px;}
	.news-pop__rcmd h2 {font-size: 18px;}
	.news-pop__rcmd ul {margin: -16px -4px;}
	.news-pop__rcmd ul li {padding: 16px 4px; width: 50%;}
	.news-pop__rcmd ul li a h5 {font-size: 13px;}
	.news-pop__rcmd ul li a p {margin-top: 5px; font-size: 11px;}
	.news-pop__rcmd ul li a dl {margin-top: 10px;}
	.news-pop__rcmd ul li a dl dt {font-size: 14px;}
	.news-pop__rcmd ul li a dl dd {font-size: 14px;}
	.news-pop__quick {right: 8px; bottom: 8px; padding: 0;}
	.news-pop__quick li:after {width: 24px; margin-left: -12px;}
	.news-pop__quick li button {width: 40px; height: 40px;}
}




/* MEGA TUTOR */
#tt * {box-sizing: border-box;}
.tt-inner {width: 100%; max-width: 1332px; padding-left: 16px; padding-right: 16px; margin: 0 auto;}
.tt-cate {background: #F4F6FA; border-bottom: solid 1px #e5e5e5;}
.tt-cate ul {height: 65px; display: flex; justify-content: center; align-items: center;}
.tt-cate ul li {margin: 0 4px;}
.tt-cate ul li input[type="radio"] {display: none;}
.tt-cate ul li input[type="radio"] + label {height: 42px; padding: 0 24px; font-size: 18px; cursor: pointer; color: #000; font-weight: 600; background: #fff; border: solid 1px #ced4da; -webkit-border-radius: 40px; border-radius: 40px; display: flex; align-items: center; justify-content: center;}
.tt-cate ul li input[type="radio"]:checked + label {color: #fff;}
.tt-cate ul li input[type="radio"]#chk_grd0:checked + label {background: #06f; border-color: #06f;}
.tt-cate ul li input[type="radio"]#chk_grd1:checked + label {background: #FF3678; border-color: #FF3678;}
.tt-cate ul li input[type="radio"]#chk_grd2:checked + label {background: #00BB21; border-color: #00BB21;}

.tt-load {padding-top: 80px; padding-bottom: 160px;}
.tt-load__title {font-size: 48px; text-align: center;}
.tt-load__cont {margin-top: 40px;}
.tt-load__tab {margin: -5px; display: flex; justify-content: center; flex-wrap: wrap;}
.tt-load__tab li {margin: 5px;}
.tt-load__tab li a {height: 60px; padding: 0 24px; font-size: 20px; -webkit-border-radius: 20px; border-radius: 20px; display: flex; align-items: center; justify-content: center;}
.tt-load__tab li a.current {color: #fff;}
.tt-load__sub {margin-top: 40px;}
.tt-load__part {display: flex; justify-content: center; align-items: center;}
.tt-load__part h4 {background: #F4F7F9; height: 48px; font-size: 16px; font-weight: 400; padding: 0 20px; -webkit-border-radius: 10px; border-radius: 10px; display: flex; justify-content: center; align-items: center;}
.tt-load__list {margin: 0 -10px;}
.tt-load__list .slick-arrow {display: block; width: 50px; height: 50px; background: #fff; position: absolute; z-index: 1; top: 50%; margin-top: -25px; text-indent: -9999px; -webkit-border-radius: 50px; border-radius: 50px; box-shadow: -4px 14px 24px 0px rgba(0, 0, 0, 0.15);}
.tt-load__list .slick-prev {left: -15px;}
.tt-load__list .slick-next {right: -15px;}
.tt-load__list .slick-arrow:after {content: ''; display: block; width: 12px; height: 12px; border-top: solid 1px #333; position: absolute; left: 50%; top: 50%; margin-top: -6px; box-sizing: border-box;}
.tt-load__list .slick-prev:after {margin-left: -4px; border-left: solid 1px #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.tt-load__list .slick-next:after {margin-left: -8px; border-right: solid 1px #333; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.tt-load__item {padding: 40px 10px 80px; display: block !important;}
.tt-load__item a {display: block;}
.tt-load__item a dl {overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);}
.tt-load__item a dl dt {position: relative; overflow: hidden; padding-bottom: 88%;}
.tt-load__item a dl dt h5 {position: absolute; left: 24px; top: 40px; z-index: 1; font-size: 32px; font-weight: 600; color: #fff;}
.tt-load__item a dl dt img {display: block; width: 90%; position: absolute; right: -10%; bottom: -30%;}
.tt-load__item a dl dd {padding: 24px 24px 32px;}
.tt-load__item a dl dd h6 {height: 32px; padding: 0 16px; font-size: 14px; -webkit-border-radius: 10px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center;}
.tt-load__item a dl dd p {margin-top: 10px; font-weight: 300; 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;}

.tt-load#grd1 .tt-load__title {color: #00BB21;}
.tt-load#grd2 .tt-load__title {color: #FF3678;}
.tt-load#grd3 .tt-load__title {color: #06f;}
.tt-load#grd1 .tt-load__tab li a.current {background: #00BB21;}
.tt-load#grd2 .tt-load__tab li a.current {background: #FF3678;}
.tt-load#grd3 .tt-load__tab li a.current {background: #06f;}
.tt-load#grd1 .tt-load__list .slick-arrow:after {border-color: #00BB21;}
.tt-load#grd2 .tt-load__list .slick-arrow:after {border-color: #FF3678;}
.tt-load#grd3 .tt-load__list .slick-arrow:after {border-color: #06f;}
.tt-load#grd1 .tt-load__item a dl dd h6 {background: #F4FFEA; color: #00BB21; border: solid 1px rgba(0, 187, 33, 0.5);}
.tt-load#grd2 .tt-load__item a dl dd h6 {background: #FFEAF1; color: #FF3678; border: solid 1px rgba(255, 54, 120, 0.5);}
.tt-load#grd3 .tt-load__item a dl dd h6 {background: #DBF1FF; color: #06f; border: solid 1px rgba(0, 111, 255, 0.5);}
.tt-load#grd1 .tt-load__list .slick-slide:nth-child(odd) .tt-load__item a dl dt {background: #00C570; background: linear-gradient(to bottom right, #00C570 0%, #FAFF73 100%);}
.tt-load#grd1 .tt-load__list .slick-slide:nth-child(even) .tt-load__item a dl dt {background: #FF9D00; background: linear-gradient(to bottom right, #FF9D00 0%, #FCFF5A 100%);}
.tt-load#grd2 .tt-load__list .slick-slide:nth-child(odd) .tt-load__item a dl dt {background: #FF68F5; background: linear-gradient(to bottom right, #FF68F5 0%, #FF3678 100%);}
.tt-load#grd2 .tt-load__list .slick-slide:nth-child(even) .tt-load__item a dl dt {background: #FF5457; background: linear-gradient(to bottom right, #FF5457 0%, #FCFF5A 100%);}
.tt-load#grd3 .tt-load__list .slick-slide:nth-child(odd) .tt-load__item a dl dt {background: #00ADFF; background: linear-gradient(to bottom right, #00ADFF 0%, #6CFACD 100%);}
.tt-load#grd3 .tt-load__list .slick-slide:nth-child(even) .tt-load__item a dl dt {background: #5457FF; background: linear-gradient(to bottom right, #5457FF 0%, #F159FF 100%);}

@media(max-width:1280px){
	.tt-load {padding-top: 40px; padding-bottom: 96px;}
	.tt-load__title {font-size: 40px;}
	.tt-load__cont {margin-top: 32px;}
	.tt-load__tab li a {height: 40px; padding: 0 16px; font-size: 18px; -webkit-border-radius: 10px; border-radius: 10px;}
	.tt-load__sub {margin-top: 32px;}
	.tt-load__part h4 {height: 40px;}
	.tt-load__item {padding: 32px 10px 64px;}
	.tt-load__item a dl dt h5 {top: 24px; font-size: 24px;}
	.tt-load__item a dl dd {padding: 16px 16px 24px;}
	.tt-load__item a dl dd h6 {height: 24px; padding: 0 16px; font-size: 12px; -webkit-border-radius: 5px; border-radius: 5px;}
	.tt-load__item a dl dd p {font-size: 13px;}
}

@media(max-width:992px){
	.tt-cate ul {height: 56px;}
	.tt-cate ul li input[type="radio"] + label {height: 36px; padding: 0 16px; font-size: 16px;}
	.tt-load__title {font-size: 34px;}
	.tt-load__cont {margin-top: 24px;}
	.tt-load__tab li a {height: 32px; padding: 0 12px; font-size: 16px;}
	.tt-load__sub {margin-top: 24px;}
	.tt-load__part h4 {height: 32px; padding: 0 16px;}
	.tt-load__item {padding: 24px 10px 40px;}
}

@media(max-width:768px){
	.tt-cate ul {height: 48px;}
	.tt-cate ul li input[type="radio"] + label {height: 32px; padding: 0 8px; font-size: 13px;}
	.tt-load {padding-top: 24px; padding-bottom: 48px;}
	.tt-load__title {font-size: 26px;}
	.tt-load__cont {margin-top: 24px;}
	.tt-load__tab {margin: -2px;}
	.tt-load__tab li {margin: 2px;}
	.tt-load__tab li a {height: 26px; padding: 0 8px; font-size: 13px;}
	.tt-load__sub {margin-top: 24px;}
	.tt-load__part h4 {padding: 0 8px;}
	.tt-load__list {padding: 0 15%;}
	.tt-load__list .slick-list {overflow: visible;}
	.tt-load__list .slick-arrow {width: 40px; height: 40px;}
	.tt-load__list .slick-prev {left: 15%; margin-left: -10px;}
	.tt-load__list .slick-next {right: 15%; margin-right: -10px;}
	.tt-load__item a dl dt h5 {font-size: 18px;}
	.tt-load__item a dl dd p {font-size: 11px;}
}




.tt-dtl__inner {width: 100%; max-width: 1132px; padding-left: 16px; padding-right: 16px; margin: 0 auto;}

.tt-top {background: url('https://img.megastudyth.com/teacher/tutor_detail_top_bg.jpg')no-repeat center center / cover;}
.tt-top__wrap {display: flex;}
.tt-top__left {width: 50%; padding: 64px 40px; display: flex; flex-direction: column; justify-content: center;}
.tt-top__left dt {text-align: center;}
.tt-top__left dt p {font-size: 20px; color: #fff; word-break: auto-phrase;}
.tt-top__left dt h4 {font-size: 100px; color: #fff; font-weight: 600; word-break: auto-phrase; margin-top: 24px;}
.tt-top__left dt h4 span {color: #74FFF7;}
.tt-top__left dd {margin-top: 40px;}
.tt-top__video {background: #aaa; border: solid 10px #0A0A0A; box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.4); -webkit-border-radius: 30px; border-radius: 30px; overflow: hidden;}
.tt-top__video > div {padding-bottom: 56.25%; position: relative; box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.4); -webkit-border-radius: 20px; border-radius: 20px;}
.tt-top__video .play_area {display: block; position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important;}
.tt-top__video .play_area > div,
.tt-top__video .play_area iframe {width: 100% !important; height: 100% !important;}
.tt-top__none {background: #bbb;}
.tt-top__none > div {position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.tt-top__none img {display: block; width: 200px;}
.tt-top__none p {margin-top: 16px; font-size: 16px; color: #666; font-weight: 300;}
.tt-top__right {width: 50%; display: flex; align-items: flex-end;}
.tt-top__right img {display: block;}

.tt-dtl {padding-top: 88px; padding-bottom: 120px; background: #1B1F26;}
.tt-dtl__half {display: flex; margin: 0 -10px;}
.tt-dtl__half dl {width: 50%; padding: 0 10px;}
.tt-dtl__half dl dt {font-size: 20px; color: #fff; font-weight: 500; padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #666;}
.tt-dtl__half dl dd {font-size: 16px; font-weight: 300; line-height: 1.4; color: #fff;}
.tt-dtl__curri {margin-top: 80px; padding: 64px; background: #fff; -webkit-border-radius: 20px; border-radius: 20px;}
.tt-dtl__curri img {display: block; width: 100%;}

.tt-rvw {padding: 104px 0; background: #000;}
.tt-rvw .swiper-slide {height: auto !important;}
.tt-rvw .swiper-button-prev,
.tt-rvw .swiper-button-next {width: 50px; height: 50px;}
.tt-rvw .swiper-button-prev {left: -50px;}
.tt-rvw .swiper-button-next {right: -50px;}
.tt-rvw .swiper-button-prev:after,
.tt-rvw .swiper-button-next:after {font-size: 24px; color: #999;}
.tt-rvw .swiper-pagination {bottom: auto !important; top: 100% !important; margin-top: 8px;}
.tt-rvw .swiper-pagination-bullet {background: #fff;}
.tt-rvw .swiper-pagination-bullet-active {background: linear-gradient(to right, #B6359C 0%, #EF0A6A 100%);}
.tt-rvw__swiper {position: relative;}
.tt-rvw__item {background: #1B1F26; height: 100%; padding: 28px; border: solid 1px #333; -webkit-border-radius: 20px; border-radius: 20px; display: flex; flex-direction: column; align-items: flex-start;}
.tt-rvw__item em {flex-shrink: 0; font-style: normal; padding: 0 16px; height: 28px; color: #fff; background: linear-gradient(to right, #B6359C 0%, #EF0A6A 100%); -webkit-border-radius: 6px; border-radius: 6px; display: flex; align-items: center; justify-content: center;}
.tt-rvw__item p {flex-grow: 1; margin-top: 16px; font-size: 16px; color: #fff; line-height: 1.4;}
.tt-rvw__item dl {margin-top: 16px; display: flex; align-items: center; flex-shrink: 0;}
.tt-rvw__item dl dt {flex-shrink: 0; margin-right: 10px;}
.tt-rvw__item dl dt em {display: block; width: 48px; height: 48px; -webkit-border-radius: 50%; border-radius: 50%;}
.tt-rvw__item dl dd {flex-grow: 1; color: #999; font-size: 14px;}
.tt-rvw__item dl dd span {display: block; margin: 6px 0;}

.tt-crs {padding: 120px 0;}
.tt-crs__title {text-align: center; font-size: 42px; font-weight: 500;}
.tt-crs__title span {color: #06f;}
.tt-crs__control {display: flex; margin-top: 56px; margin-bottom: 40px;}
.tt-crs__tab {flex-grow: 1;}
.tt-crs__tab ul {display: flex; padding: 6px; background: #06f; -webkit-border-radius: 20px; border-radius: 20px;}
.tt-crs__tab ul li {flex: auto;}
.tt-crs__tab ul li input[type="radio"] {display: none;}
.tt-crs__tab ul li input[type="radio"] + label {height: 48px; width: 100%; cursor: pointer; background: none; color: #fff; font-size: 20px; font-weight: 600; -webkit-border-radius: 14px; border-radius: 14px; display: flex; align-items: center; justify-content: center;}
.tt-crs__tab ul li input[type="radio"]:checked + label {background: #fff; color: #06f;}
.tt-crs__sel {flex-shrink: 0; margin-left: 20px; width: 24%; min-width: 120px;	}
.tt-crs__sel select {display: block; width: 100%; height: 60px; padding: 0 20px; font-size: 20px; font-family: 'Kanit', sans-serif; -webkit-border-radius: 20px; border-radius: 20px; -webkit-appearance: none; appearance: none;}
.tt-crs__sel select {border: solid 1px #CACACA; cursor: pointer; padding-right: 40px; background: #fff url('https://img.megastudyth.com/customer/select_arrow.png')no-repeat right 16px center / 10px auto;}
.tt-crs__sort ul {margin: -5px; display: flex; justify-content: center; flex-wrap: wrap;}
.tt-crs__sort ul li {margin: 5px;}
.tt-crs__sort ul li a {height: 60px; padding: 0 24px; font-size: 20px; -webkit-border-radius: 20px; border-radius: 20px; display: flex; align-items: center; justify-content: center;}
.tt-crs__sort ul li a.current {background: #06f; color: #fff;}
.tt-crs__list {display: flex; margin: 30px -10px 0; -webkit-transform: translateY(-20px); transform: translateY(-20px);}
.tt-crs__list .none {text-align: center;}
.tt-crs__list .slick-arrow {display: block; width: 50px; height: 50px; background: #fff; position: absolute; z-index: 1; top: 50%; margin-top: -25px; text-indent: -9999px; -webkit-border-radius: 50px; border-radius: 50px; box-shadow: -4px 14px 24px 0px rgba(0, 0, 0, 0.15);}
.tt-crs__list .slick-prev {left: -48px;}
.tt-crs__list .slick-next {right: -48px;}
.tt-crs__list .slick-arrow:after {content: ''; display: block; width: 12px; height: 12px; border-top: solid 1px #333; position: absolute; left: 50%; top: 50%; margin-top: -6px; box-sizing: border-box;}
.tt-crs__list .slick-prev:after {margin-left: -4px; border-left: solid 1px #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.tt-crs__list .slick-next:after {margin-left: -8px; border-right: solid 1px #333; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.tt-crs__list .slick-disabled {opacity: 0.3;}
.tt-crs__list .slick-slide {padding: 10px 0;}
.tt-crs__item {padding: 10px;}
.tt-crs__item a {display: block; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);}
.tt-crs__item a em {display: block; padding-bottom: 59.6%;}
.tt-crs__item a h5 {padding: 16px; font-size: 16px; font-weight: 400;}
.tt-crs__item a h5 span {overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; height: 4.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

@media(max-width:1280px){
	.tt-top__left {padding: 40px 40px 0;}
	.tt-top__left dt p {font-size: 18px;}
	.tt-top__left dt h4 {font-size: 60px;}
	.tt-top__left dd {margin-top: 24px;}
	.tt-dtl {padding-top: 80px; padding-bottom: 80px;}
	.tt-dtl__half dl dt {font-size: 18px; padding-bottom: 16px; margin-bottom: 16px;}
	.tt-dtl__half dl dd {font-size: 14px;}
	.tt-dtl__curri {padding: 40px;}
	.tt-rvw {padding: 80px 0;}
	.tt-crs {padding: 80px 0;}
	.tt-crs__title {font-size: 38px;}
	.tt-crs__control {margin-top: 40px;}
	.tt-crs__tab ul {padding: 4px; -webkit-border-radius: 14px; border-radius: 14px;}
	.tt-crs__tab ul li input[type="radio"] + label {height: 40px; font-size: 16px; -webkit-border-radius: 10px; border-radius: 10px;}
	.tt-crs__sel {margin-left: 10px;}
	.tt-crs__sel select {height: 48px; font-size: 16px; padding-left: 16px; -webkit-border-radius: 14px; border-radius: 14px;}
	.tt-crs__sort ul li a {height: 40px; padding: 0 16px; font-size: 18px; -webkit-border-radius: 10px; border-radius: 10px;}
	.tt-crs__item a h5 {font-size: 14px;}
}

@media(max-width:992px){
	.tt-top__left {padding: 32px 24px 32px 0;}
	.tt-top__left dt p {font-size: 16px;}
	.tt-top__left dt h4 {font-size: 40px; margin-top: 8px;}
	.tt-dtl__half dl dt {font-size: 16px; padding-bottom: 12px; margin-bottom: 12px;}
	.tt-dtl__half dl dd {font-size: 13px;}
	.tt-dtl__curri {margin-top: 40px; padding: 24px;}
	.tt-rvw__item {padding: 24px;}
	.tt-rvw__item em {padding: 0 12px; height: 24px; font-size: 13px;}
	.tt-rvw__item p {margin-top: 8px; font-size: 14px;}
	.tt-rvw__item dl {margin-top: 8px;}
	.tt-rvw__item dl dt em {width: 40px; height: 40px;}
	.tt-rvw__item dl dd {font-size: 13px;}
	.tt-crs__title {font-size: 34px;}
	.tt-crs__control {margin-top: 32px; margin-bottom: 32px;}
	.tt-crs__tab ul {padding: 2px; -webkit-border-radius: 12px; border-radius: 12px;}
	.tt-crs__tab ul li input[type="radio"] + label {height: 36px; font-size: 14px;}
	.tt-crs__sel {margin-left: 8px;}
	.tt-crs__sel select {height: 40px; font-size: 14px; padding-left: 12px; padding-right: 34px; background-position: right 12px center; -webkit-border-radius: 12px; border-radius: 12px;}
	.tt-crs__sort ul li a {height: 32px; padding: 0 12px; font-size: 16px;}
	.tt-crs__list {margin-top: 22px;}
	.tt-crs__item a h5 {font-size: 13px;}
}

@media(max-width:768px){
	.tt-top__wrap {display: block;}
	.tt-top__left {width: 100%; padding: 40px 0 24px; display: block;}
	.tt-top__left dt p {font-size: 14px;}
	.tt-top__left dt h4 {font-size: 32px;}
	.tt-top__video {border-width: 8px; -webkit-border-radius: 20px; border-radius: 20px;}
	.tt-top__video > div {-webkit-border-radius: 12px; border-radius: 12px;}
	.tt-top__none img {width: 150px;}
	.tt-top__none p {font-size: 13px;}
	.tt-top__right {width: 100%; display: block;}
	.tt-top__right img {margin: 0 auto;}
	.tt-dtl {padding-top: 64px; padding-bottom: 64px;}
	.tt-dtl__half {display: block; margin: 0;}
	.tt-dtl__half dl {width: 100%; padding: 0; margin-bottom: 40px;}
	.tt-dtl__half dl:last-child {margin-bottom: 0;}
	.tt-dtl__curri {margin-top: 24px; padding: 16px; -webkit-border-radius: 10px; border-radius: 10px;}
	.tt-rvw {padding: 64px 0;}
	.tt-rvw__item {padding: 16px;}
	.tt-rvw__item em {padding: 0 8px; height: 20px; font-size: 12px;}
	.tt-rvw__item p {font-size: 13px;}
	.tt-rvw__item dl dt em {width: 32px; height: 32px;}
	.tt-rvw__item dl dd {font-size: 11px;}
	.tt-rvw__item dl dd span {margin: 4px 0;}
	.tt-crs {padding: 64px 0;}
	.tt-crs__title {font-size: 22px;}
	.tt-crs__control {margin-top: 24px; margin-bottom: 24px;}
	.tt-crs__tab ul {-webkit-border-radius: 10px; border-radius: 10px;}
	.tt-crs__tab ul li input[type="radio"] + label {height: 32px; font-size: 13px; -webkit-border-radius: 8px; border-radius: 8px;}
	.tt-crs__sel {margin-left: 4px;}
	.tt-crs__sel select {height: 36px; font-size: 14px; padding-left: 12px; padding-right: 34px; -webkit-border-radius: 10px; border-radius: 10px;}
	.tt-crs__sort ul {margin: -2px;}
	.tt-crs__sort ul li {margin: 2px;}
	.tt-crs__sort ul li a {height: 26px; padding: 0 8px; font-size: 13px;}
	.tt-crs__list {padding: 0 15%;}
	.tt-crs__list .slick-list {overflow: visible;}
	.tt-crs__list .slick-arrow {width: 40px; height: 40px;}
	.tt-crs__list .slick-prev {left: 15%; margin-left: -10px;}
	.tt-crs__list .slick-next {right: 15%; margin-right: -10px;}
}






/* 통합검색 */
#sch {padding: 110px 0 240px;}
#sch * {box-sizing: border-box;}
.sch-inner {width: 100%; max-width: 1340px; padding-left: 20px; padding-right: 20px; margin: 0 auto;}

.sch-top {}
.sch-frm {display: flex; align-items: center; width: 100%; max-width: 640px; margin: 0 auto; padding: 0 30px; position: relative; border: solid 2px #008EFF; -webkit-border-radius: 40px; border-radius: 40px;}
.sch-frm input[type="text"] {flex-grow: 1; height: 52px; border: none; font-size: 16px; font-family: 'Kanit', sans-serif;}
.sch-frm input[type="text"]::placeholder {color: #8B95A1;}
.sch-frm button {flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.sch-frm:before {content: ''; display: block; width: 15px; height: 15px; margin-right: 24px; border: solid 2px #8B95A1; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%;}
.sch-frm:after {content: ''; display: block; background: #8B95A1; width: 5px; height: 2px; position: absolute; left: 42px; top: 32px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.sch-tab {margin: -4px; padding-top: 20px; display: flex; justify-content: center;}
.sch-tab li {padding: 4px;}
.sch-tab li button {height: 48px; padding: 0 24px; background: #F4F7F9; font-size: 18px; font-weight: 300; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 40px; border-radius: 40px;}
.sch-tab li button.current {background: #06F; color: #fff;}
.sch-cont {margin-top: 90px;}
.sch-name {margin-top: 100px; margin-bottom: 24px; font-size: 36px;}
.sch-none {text-align: center; margin-top: -56px; font-size: 18px; color: #4E5968; font-weight: 300;}

.sch-lec {}
.sch-lec__tab {display: none; margin-bottom: 16px;}
.sch-lec__tab li:last-child {margin-right: 0;}
.sch-lec__tab li button {padding: 0 12px; height: 32px; font-size: 14px; color: #999; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 20px; border-radius: 20px;}
.sch-lec__tab li button.current {background: #000; color: #fff;}
.sch-lec__wrap {}
.sch-lec__bf {}
.sch-lec__title {padding-top: 16px; margin-bottom: 24px; font-size: 26px; font-weight: 400;}
.sch-lec__bf .sch-lec__title {color: #F70D8A;}
.sch-lec__bf + .sch-lec__crs {margin-top: 120px;}
.sch-lec__crs .sch-lec__title {color: #06F;}
.sch-lec__crs .crsl-items ul li a.pnk {background: #06F; border-color: #06F;}
.sch-lec__scr {margin: -10px;}
.sch-lec__list {display: flex; flex-wrap: wrap;}
.sch-lec__item {width: 20%; padding: 10px;}
.sch-lec__item .crsl-items p {overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; height: 2.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sch-lec__none {padding: 10px; width: 100%;}
.sch-lec__none p {text-align: center; padding: 40px; font-size: 16px; background: #f5f5f5; color: #4E5968; font-weight: 300; -webkit-border-radius: 14px; border-radius: 14px;}
.sch-lec__more {margin-top: 80px; display: flex; justify-content: center;}
.sch-lec__more a {padding: 0 70px; height: 60px; background: #000; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 20px; border-radius: 20px;}
.sch-lec__more a span {color: #fff; font-size: 16px; font-weight: 300; display: flex; align-items: center; position: relative;}
.sch-lec__more a span:after {content: ''; display: block; width: 14px; height: 2px; background: #fff; margin-left: 16px; -webkit-border-radius: 20px; border-radius: 20px;}
.sch-lec__more a span:before {content: ''; display: block; width: 10px; height: 10px; border-top: solid 2px #fff; border-right: solid 2px #fff; position: absolute; right: 0; top: 50%; margin-top: -5px; box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#searchContent.all .sch-lec__wrap {display: flex;}
#searchContent.all .sch-lec__bf {width: 40%; padding-right: 10px;}
#searchContent.all .sch-lec__crs {width: 60%; margin-top: 0;}
#searchContent.all .sch-lec__bf + .sch-lec__crs {padding-left: 10px;}
#searchContent.all .sch-lec__list {display: flex; flex-wrap: wrap;}
#searchContent.all .sch-lec__bf .sch-lec__item {width: 50%;}
#searchContent.all .sch-lec__crs .sch-lec__item {width: 33.3333%;}

.sch-news__list {margin: -20px -10px; display: flex; flex-wrap: wrap;}

.sch-bk {}
.sch-bk__scr {}
.sch-bk__list {margin: -10px; display: flex; flex-wrap: wrap;}
.sch-bk__list > div {width: 33.3333%; padding: 10px;}
.sch-bk__item {background: #fff; height: 100%; padding: 20px; display: flex; flex-direction: column; -webkit-border-radius: 20px; border-radius: 20px; box-shadow: -4px 14px 24px 0px rgba(187,187,187,0.25);}
.sch-bk__item dl {display: flex; flex-grow: 1;}
.sch-bk__item dl dt {width: 35%; padding-left: 8px;}
.sch-bk__item dl dt img {display: block;}
.sch-bk__item dl dd {width: 65%; padding-left: 20px; display: flex; flex-direction: column;}
.sch-bk__item dl dd h4 {font-size: 20px; font-weight: 400; flex-grow: 1; word-break: auto-phrase;}
.sch-bk__item dl dd > div {flex-shrink: 0; margin-top: 16px; position: relative;}
.sch-bk__item dl dd h5 {width: 76px; height: 76px; background: #e5e8eb; text-align: center; font-size: 20px; font-weight: 300; position: absolute; right: 0; top: 50%; margin-top: -38px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}
.sch-bk__item dl dd p s {font-size: 16px; color: #999; display: block; font-weight: 300;}
.sch-bk__item dl dd p strong {display: block; font-size: 34px; color: #00BB21; font-weight: 500; margin-top: 4px;}
.sch-bk__item ul {margin-top: 20px; flex-shrink: 0;}
.sch-bk__item ul li {margin-bottom: 8px;}
.sch-bk__item ul li:last-child {margin-bottom: 0;}
.sch-bk__item ul li a {height: 42px; font-size: 16px; color: #666; border: solid 1px #ccc; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 12px; border-radius: 12px;}
.sch-bk__item ul li:first-child a {background: #00BB21; border-color: #00BB21; color: #fff;}

.sch-faq {}
.sch-faq__list {border-top: solid 1px #E5E8EB;}
.sch-faq__list li {border-bottom: solid 1px #E5E8EB;}
.sch-faq__list li button {width: 100%; padding: 24px; font-size: 18px; font-weight: 500; display: flex; align-items: center;}
.sch-faq__list li button h5 {flex-grow: 1; text-align: left; display: flex; align-items: center;}
.sch-faq__list li button h5 strong {width: 220px; color: #8B95A1; flex-shrink: 0; font-weight: 400;}
.sch-faq__list li button h5 u {flex-grow: 1;}
.sch-faq__list li button:after {content: ''; flex-shrink: 0; box-sizing: border-box; width: 10px; height: 10px; margin-left: 16px; border-bottom: solid 2px #CACACA; border-right: solid 2px #CACACA; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.sch-faq__list li button.current:after {-webkit-transform: rotate(225deg); transform: rotate(225deg);}
.sch-faq__list li > div {border-top: solid 1px #E5E8EB; padding: 24px; background: #f5f5f5;}


@media(max-width:1280px){
	#sch {padding: 80px 0 160px;}
	.sch-frm {max-width: 560px; padding: 0 24px;}
	.sch-frm:after {left: 36px;}
	.sch-tab li button {height: 40px; padding: 0 16px; font-size: 14px;}
	.sch-cont {margin-top: 80px;}
	.sch-name {margin-top: 80px; font-size: 30px;}
	.sch-none {font-size: 14px;}

	.sch-lec__title {padding-top: 24px;}
	.sch-lec__bf + .sch-lec__crs {margin-top: 80px;}
	.sch-lec__more {margin-top: 40px;}
	.sch-lec__more a {padding: 0 48px; height: 48px; -webkit-border-radius: 14px; border-radius: 14px;}
	.sch-lec__more a span {font-size: 14px;}

	.sch-bk__item dl dd h4 {font-size: 16px;}
	.sch-bk__item dl dd h5 {width: 56px; height: 56px; font-size: 16px; margin-top: -28px;}
	.sch-bk__item dl dd p s {font-size: 14px;}
	.sch-bk__item dl dd p strong {font-size: 26px; margin-top: 0;}

}

@media(max-width:992px){
	#sch {padding: 48px 0 120px;}
	.sch-frm {max-width: 480px;}
	.sch-frm input[type="text"] {height: 48px;}	
	.sch-frm:before {margin-right: 20px;}
	.sch-frm:after {top: 30px;}
	.sch-tab li button {height: 40px; padding: 0 16px; font-size: 14px;}
	.sch-cont {margin-top: 48px;}
	.sch-name {margin-top: 48px; margin-bottom: 16px; font-size: 24px;}
	.sch-none {margin-top: -32px;}
	
	#searchContent.all .sch-lec__tab {display: flex;}
	#searchContent.all .sch-lec__wrap {display: block;}
	#searchContent.all .sch-lec__bf {width: 100%; display: none; padding-right: 0;}
	#searchContent.all .sch-lec__crs {width: 100%; display: none; padding-left: 0; margin-top: 0;}
	#searchContent.all .sch-lec__bf.current,
	#searchContent.all .sch-lec__crs.current {display: block;}
	#searchContent.all .sch-lec__title {display: none;}
	#searchContent.all .sch-lec__bf .sch-lec__item {width: 33.3333%;}

	.sch-lec__item {width: 25%;}

	.sch-bk__list > div {width: 50%;}

	.sch-faq__list li button {padding: 16px; font-size: 16px;}
	.sch-faq__list li > div {padding: 16px;}
	.sch-faq__list li button h5 strong {width: 160px;}
}

@media(max-width:768px){
	#sch {padding: 24px 0 80px;}
	.sch-frm {padding: 0 16px;}
	.sch-frm input[type="text"] {height: 40px; font-size: 14px;}
	.sch-frm:before {margin-right: 12px;}
	.sch-frm:after {left: 28px; top: 26px;}
	.sch-tab {padding-top: 12px;}
	.sch-tab li {padding: 2px;}
	.sch-tab li button {height: 32px; padding: 0 10px; font-size: 11px;}	
	.sch-cont {margin-top: 40px;}
	.sch-name {margin-top: 40px; margin-bottom: 12px; font-size: 20px;}
	.sch-none {font-size: 12px; margin-top: -16px;}

	.sch-lec__title {padding-top: 16px; margin-bottom: 8px; font-size: 20px;}
	.sch-lec__bf + .sch-lec__crs {margin-top: 40px;}
	.sch-lec__more {margin-top: 0;}
	.sch-lec__more a {padding: 0 24px; height: 40px; -webkit-border-radius: 10px; border-radius: 10px;}
	.sch-lec__more a span {font-size: 12px;}
	.sch-lec__scr {margin: 0 -20px; padding: 0 10px 20px; overflow-x: auto; overflow-y: hidden;}
	.sch-lec__list {width: max-content; flex-wrap: nowrap;}
	.sch-lec__item {width: 240px !important;}
	#searchContent.all .sch-lec__tab {margin-bottom: 0;}
	
	.sch-news__scr {margin: 0 -20px; padding: 0 10px 30px; overflow-x: auto; overflow-y: hidden;}
	.sch-news__list {margin: 0; width: max-content; flex-wrap: nowrap;}
	.sch-news__list .news-item {width: 240px; padding: 0 10px;}

	.sch-bk__scr {margin: 0 -20px; padding: 0 10px 30px; overflow-x: auto; overflow-y: hidden;}
	.sch-bk__list {margin: 0; width: max-content; flex-wrap: nowrap;}
	.sch-bk__list > div {width: 240px; padding: 0 10px;}
	.sch-bk__item {padding: 16px;}
	.sch-bk__item dl {display: block;}
	.sch-bk__item dl dt {width: 100%; padding: 0 15%;}
	.sch-bk__item dl dd {width: 100%; padding-left: 0; margin-top: 16px;}
	.sch-bk__item dl dd h4 {font-size: 14px;}
	.sch-bk__item dl dd > div {margin-top: 8px;}
	.sch-bk__item dl dd h5 {width: 48px; height: 48px; font-size: 13px; margin-top: -24px;}
	.sch-bk__item dl dd p {display: flex; align-items: center;}
	.sch-bk__item dl dd p s {font-size: 13px; order: 1; margin-left: 8px;}
	.sch-bk__item dl dd p strong {font-size: 24px;}
	.sch-bk__item ul li {margin-bottom: 4px;}
	.sch-bk__item ul li a {height: 40px; font-size: 14px;}

	.sch-faq__list li button {padding: 12px 0; font-size: 14px;}
	.sch-faq__list li button:after {display: none;}
	.sch-faq__list li > div {padding: 16px;}
	.sch-faq__list li button h5 strong {width: 100px;}

}



/* academy */
.aca-top {padding-top: 34px; background: url('https://img.megastudyth.com/academy/academy_top_bg.jpg')no-repeat center center / cover;}
.aca-top > div {display: flex; justify-content: center; align-items: flex-end;}
.aca-top img {display: block; margin-bottom: -5px;}

.aca-month {height: 80px; background: #006FFF; position: sticky; top: 111px; z-index: 2; display: flex; align-items: center; justify-content: center;}
.aca-month h4 {width: 200px; text-align: center; font-size: 36px; color: #fff; font-weight: 500;}
.aca-month button {width: 48px; height: 48px; background: #fff; text-indent: -9999px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}
.aca-month button:after {content: ''; display: block; width: 10px; height: 10px; border-top: solid 2px #006FFF;}
.aca-month button.prev:after {margin-left: 4px; border-left: solid 2px #006FFF; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.aca-month button.next:after {margin-left: -4px; border-right: solid 2px #006FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.aca-month button[disabled]:after {border-color: #CED3DE;}

.aca-tab {background: #000; padding: 0 20px; position: sticky; top: 191px; z-index: 2; display: flex; justify-content: center;}
.aca-tab li button {width: 220px; height: 60px; font-size: 20px; color: #fff; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center;}
.aca-tab li button.active {color: #FFF758;}
.aca-tab li button.active:after {content: ''; display: block; height: 4px; background: #FFF758; position: absolute; left: 0; bottom: 0; width: 100%;}

.aca-title {font-size: 48px; text-align: center; margin-bottom: 40px; font-weight: 700;}
.aca-title.bf {color: #F70D8A;}
.aca-title.cs {color: #006FFF;}

.aca-bf {padding-top: 80px; padding-bottom: 120px;}
.aca-bf .vod-items.none {text-align: center; height: 375px; border: dashed 1px #CED3DE; color: #ccc; font-weight: 300; -webkit-border-radius: 24px; border-radius: 24px; display: flex !important; align-items: center; justify-content: center; flex-direction: column;}
.aca-bf .vod-items.none:before {content: ''; display: block; margin: 0 auto; width: 64px; height: 42px; margin-bottom: 8px; background: url('https://img.megastudyth.com/mypage/mypage_nodata.png')no-repeat center center / cover;}

.aca-cs {padding-top: 80px; padding-bottom: 80px; background: #EBF6FF;}
.aca-cal {background: #fff; padding: 30px; -webkit-border-radius: 30px; border-radius: 30px;}
.aca-cal__top {height: 80px; margin: 0 -30px; padding: 0 30px; background: #fff; display: flex; align-items: center; justify-content: flex-end; position: sticky; top: 251px;}
.aca-cal__tab {display: flex; align-items: center; flex-wrap: wrap;}
.aca-cal__tab li {margin-right: 8px;}
.aca-cal__tab li:last-child {margin-right: 0;}
.aca-cal__tab li button {height: 48px; padding: 0 24px; font-size: 18px; font-weight: 300; border: solid 1px #CED3DE; -webkit-border-radius: 24px; border-radius: 24px; display: flex; align-items: center; justify-content: center;}
.aca-cal__tab li button.blu {color: #006FFF;}
.aca-cal__tab li button.grn {color: #00BB21;}
.aca-cal__tab li button.blu.active {background: #006FFF; border-color: #006FFF; color: #fff;}
.aca-cal__tab li button.grn.active {background: #00BB21; border-color: #00BB21; color: #fff;}
.aca-cal__tab li button.all.active {background: #333; border-color: #333; color: #fff;}
.aca-cal__nav {display: none;}
.aca-cal__nav h4 {font-size: 36px; font-weight: 500;}
.aca-cal__nav h4 br {display: none;}
.aca-cal__nav h4 strong {font-weight: 500;}
.aca-cal__nav button {display: none;}

.aca-cal__tb {margin-top: 60px; table-layout: fixed;}
.aca-cal__tb thead {position: sticky; top: 331px; background: #fff;}
.aca-cal__tb thead th {padding: 10px; text-align: left; font-size: 16px; font-weight: 400; position: relative;}
.aca-cal__tb thead th:last-child:after {content: ''; display: block; position: absolute; width: 1px; right: -1px; top: 0; bottom: 0; background: #fff;}
.aca-cal__tb thead th.sun {color: #F70D8A;}
.aca-cal__tb tbody td {border: solid 1px #E8E8E8; padding: 10px; vertical-align: top; cursor: pointer;}
.aca-cal__tb tbody td.holiday {background: #ffeded;}
.aca-cal__tb tbody td.dim {background: #F9FAFB;}
.aca-cal__tb tbody td.sun {}
.aca-cal__tb tbody td.active {cursor: pointer;}
.aca-cal__tb tbody td dl {display: flex; align-items: center;}
.aca-cal__tb tbody td dl dt {width: 100px; flex-grow: 1; display: flex; align-items: center;}
.aca-cal__tb tbody td dl dt strong {font-size: 22px; font-weight: 500; flex-shrink: 0; margin-right: 4px;}
.aca-cal__tb tbody td dl dt span {font-size: 12px; flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.aca-cal__tb tbody td dl dd {font-size: 14px; color: #999; margin-left: 4px; flex-shrink: 0;}
.aca-cal__tb tbody td ul {height: 136px; margin-top: 4px;}
.aca-cal__tb tbody td ul li {height: 24px; padding: 0 8px; font-size: 14px; color: #fff; margin-bottom: 4px; -webkit-border-radius: 24px; border-radius: 24px; display: flex; align-items: center;}
.aca-cal__tb tbody td ul li:last-child {margin-bottom: 0;}
.aca-cal__tb tbody td ul li.blu {background: #006FFF;}
.aca-cal__tb tbody td ul li.grn {background: #00BB21;}
.aca-cal__tb tbody td ul li strong {font-weight: 400; flex-grow: 1; padding-right: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.aca-cal__tb tbody td ul li span {flex-shrink: 0;}

.aca-cal__none {text-align: center; height: 200px; margin-top: 24px; border: dashed 1px #CED3DE; color: #ccc; font-weight: 300; -webkit-border-radius: 24px; border-radius: 24px; display: flex !important; align-items: center; justify-content: center; flex-direction: column;}
.aca-cal__none:before {content: ''; display: block; margin: 0 auto; width: 64px; height: 42px; margin-bottom: 8px; background: url('https://img.megastudyth.com/mypage/mypage_nodata.png')no-repeat center center / cover;}

.aca-pop {visibility: hidden; padding: 30px 20px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 2000; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center;}
.aca-pop.on {visibility: visible;}
.aca-pop__box {background: #fff; width: 100%; max-width: 560px; max-height: 100%; -webkit-border-radius: 10px; overflow: hidden; border-radius: 10px; display: flex; flex-direction: column;}
.aca-pop__head {height: 80px; padding: 0 20px; border-bottom: solid 1px #eaeaea; display: flex; align-items: center; justify-content: space-between; flex-shrink: 0;}
.aca-pop__month {display: flex; align-items: center;}
.aca-pop__month h4 {width: 160px; text-align: center; font-size: 24px; font-weight: 500;}
.aca-pop__month button {width: 24px; height: 24px; text-indent: -9999px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}
.aca-pop__month button:after {content: ''; display: block; width: 10px; height: 10px; border-top: solid 2px #CACACA;}
.aca-pop__month button.prev:after {margin-left: 4px; border-left: solid 2px #CACACA; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.aca-pop__month button.next:after {margin-left: -4px; border-right: solid 2px #CACACA; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.aca-pop__switch {margin-right: 16px;}
.aca-pop__switch input[type="checkbox"] {display: none;}
.aca-pop__switch input[type="checkbox"] + label {background: #F6F6F6; padding: 2px; position: relative; cursor: pointer; -webkit-border-radius: 40px; border-radius: 40px; display: flex; align-items: center; justify-content: center;}
.aca-pop__switch input[type="checkbox"] + label span {width: 60px; height: 32px; font-size: 14px; color: #898989; font-weight: 300; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.aca-pop__switch input[type="checkbox"] + label span:nth-child(2) {color: #fff;}
.aca-pop__switch input[type="checkbox"] + label em {display: block; width: 60px; height: 32px; background: #000; position: absolute; left: 62px; top: 2px; -webkit-border-radius: 40px; border-radius: 40px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.aca-pop__switch input[type="checkbox"]:checked + label em {left: 2px;}
.aca-pop__switch input[type="checkbox"]:checked + label span:nth-child(1) {color: #fff;}
.aca-pop__switch input[type="checkbox"]:checked + label span:nth-child(2) {color: #898989;}

.aca-pop__right {display: flex; align-items: center;}
.aca-pop__close {content: ''; display: block; width: 32px; height: 32px; background: none; text-indent: -9999px; position: relative;}
.aca-pop__close:before,
.aca-pop__close:after {content: ''; display: block; background: #333; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.aca-pop__close:before {width: 20px; height: 2px; margin-left: -10px; margin-top: -1px;}
.aca-pop__close:after {width: 2px; height: 20px; margin-top: -10px; margin-left: -1px;}

.aca-pop__body {background: #f6f6f6; flex-grow: 1; overflow-y: auto;}
.aca-pop__none {padding: 60px 20px; text-align: center; color: #ccc;}
.aca-pop__none:before {content: ''; display: block; margin: 0 auto; width: 64px; height: 42px; margin-bottom: 8px; background: url('https://img.megastudyth.com/mypage/mypage_nodata.png')no-repeat center center / cover;}

.aca-pop__group {margin-top: 10px; background: #fff; padding: 20px;}
.aca-pop__title {}
.aca-pop__title h5 {font-size: 14px; color: #8F9BB3; font-weight: 500; display: flex; align-items: center;}
.aca-pop__title h5:before {content: ''; display: block; width: 10px; height: 10px; margin-right: 4px; border: solid 3px #ddd; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%;}
.aca-pop__title.blu h5:before {border-color: #006FFF;}
.aca-pop__title.grn h5:before {border-color: #00BB21;}
.aca-pop__title h4 {font-size: 20px; font-weight: 300; margin-top: 8px; display: flex; align-items: center;}
.aca-pop__title h4 strong {font-weight: 400; display: flex; align-items: center;}
.aca-pop__title h4 strong:after {content: ''; display: block; background: #D9D9D9; width: 1px; height: 14px; margin: 0 8px;}
.aca-pop__title.blu h4 strong {color: #006FFF;}
.aca-pop__title.grn h4 strong {color: #00BB21;}
.aca-pop__title p {font-size: 13px; color: #8F9BB3; font-weight: 300; margin-top: 4px;}

.aca-pop__list {margin-top: 16px;}
.aca-pop__item {margin-bottom: 8px;}
.aca-pop__item:last-child {margin-bottom: 0;}
.aca-pop__item > a {}
.aca-pop__item dl {display: flex; border: solid 1px #eaeaea; overflow: hidden; -webkit-border-radius: 10px; border-radius: 10px;}
.aca-pop__item dl dt {width: 160px;}
.aca-pop__item dl dt a {display: block; padding-bottom: 59.6153%;}
.aca-pop__item dl dd {padding: 10px; width: calc(100% - 160px); display: flex; flex-direction: column;}
.aca-pop__item dl dd > a {display: block;}
.aca-pop__item dl dd h5 {font-size: 15px; font-weight: 400; flex-shrink: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.aca-pop__item dl dd p {font-size: 14px; margin-top: 4px; flex-shrink: 0; display: flex; align-items: flex-end;}
.aca-pop__item dl dd p u {color: #BCBCBC; display: block; position: relative; padding-right: 16px; margin-right: 8px; text-decoration: none;}
.aca-pop__item dl dd p u:before {content: ''; display: block; height: 1px; background: #BCBCBC; position: absolute; left: 0; right: 0; top: 55%;}
.aca-pop__item dl dd p u:after {content: ''; display: block; width: 8px; height: 1px; background: #BCBCBC; position: absolute; right: 0; top: 55%; transform-origin: top right; transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.aca-pop__item dl dd p strong {font-size: 16px;}
.aca-pop__item dl dd p span {color: #FF0600; margin-left: 8px; font-size: 12px;}
.aca-pop__item dl dd p span:after {content: '↓';}
.aca-pop__item dl dd ul {margin-top: 8px; display: flex; justify-content: flex-end; align-items: flex-end; flex-grow: 1;}
.aca-pop__item dl dd ul li {margin-right: 4px;}
.aca-pop__item dl dd ul li:last-child {margin-right: 0;}
.aca-pop__item dl dd ul li a {height: 30px; border: solid 1px #CED4DA; color: #666; font-size: 12px; padding: 0 16px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.aca-pop__item dl dd ul li:last-child a {background: #006FFF; border-color: #006FFF; color: #fff;}

@media(max-width:1200px){
	.aca-top {padding-top: 24px;}
	.aca-month {height: 60px; top: 84px;}
	.aca-month h4 {width: 160px; font-size: 30px;}
	.aca-month button {width: 40px; height: 40px;}
	.aca-tab {top: 144px;}
	.aca-tab li button {width: 180px; height: 50px; font-size: 18px;}
	.aca-title {font-size: 40px; margin-bottom: 32px;}
	.aca-bf {padding-top: 64px; padding-bottom: 80px;}
	.aca-cs {padding-top: 64px; padding-bottom: 64px;}
	.aca-cal {padding: 24px; -webkit-border-radius: 24px; border-radius: 24px;}
	.aca-cal__top {margin: 0 -24px; padding: 0 24px; height: 48px; top: 194px;}
	.aca-cal__tab li button {height: 32px; padding: 0 16px; font-size: 14px;}
	.aca-cal__nav h4 {font-size: 32px;}
	.aca-cal__tb {margin-top: 24px;}
	.aca-cal__tb thead {top: 242px;}
	.aca-cal__tb thead th {padding: 8px; font-size: 14px;}
	.aca-cal__tb tbody td {padding: 8px;}
	.aca-cal__tb tbody td dl dt strong {font-size: 20px;}
	.aca-cal__tb tbody td dl dt span {font-size: 11px;}
	.aca-cal__tb tbody td dl dd {font-size: 13px;}
	.aca-cal__tb tbody td ul {height: 108px;}
	.aca-cal__tb tbody td ul li {height: 20px; font-size: 12px; margin-bottom: 2px;}
}

@media(max-width:992px){
	.aca-top {padding-top: 16px;}
	.aca-month {height: 50px; top: 56px;}
	.aca-month h4 {width: 120px; font-size: 24px;}
	.aca-month button {width: 32px; height: 32px;}
	.aca-month button:after {width: 6px; height: 6px;}
	.aca-tab {top: 106px;}
	.aca-tab li button {width: 120px; height: 40px; font-size: 16px;}
	.aca-title {font-size: 32px; margin-bottom: 24px;}
	.aca-bf {padding-top: 48px; padding-bottom: 48px;}
	.aca-cs {padding-top: 48px; padding-bottom: 48px;}
	.aca-cal {padding: 24px 8px; -webkit-border-radius: 16px; border-radius: 16px;}
	.aca-cal__top {margin: 0 -8px; padding: 0 8px; height: 40px; top: 146px;}
	.aca-cal__tab li {padding: 4px; margin-right: 0;}
	.aca-cal__tab li button {height: 28px; padding: 0 12px; font-size: 12px;}
	.aca-cal__nav h4 {font-size: 24px;}
	.aca-cal__tb thead {top: 186px;}
	.aca-cal__tb thead th {padding: 4px; font-size: 12px;}
	.aca-cal__tb tbody td {padding: 4px;}
	.aca-cal__tb tbody td dl dt strong {font-size: 16px;}
	.aca-cal__tb tbody td dl dd {font-size: 12px;}
	.aca-cal__tb tbody td ul {height: 88px;}
	.aca-cal__tb tbody td ul li {height: 16px; font-size: 11px;}
	.aca-cal__tb tbody td ul li span {display: none;}
}

@media(max-width:768px){
	.aca-top {margin: 0 -40px;}
	.aca-month {display: none;}
	.aca-tab {top: 56px; padding: 0;}
	.aca-tab li {width: 33.3333%;}
	.aca-tab li button {width: 100%; height: 40px; font-size: 14px;}
	.aca-tab li button.active:after {height: 3px;}
	.aca-title {font-size: 24px; margin-bottom: 16px;}
	.aca-bf {display: none;}
	
	.aca-cal__top {height: auto; flex-direction: column; position: static;}
	.aca-cal__nav {display: flex; justify-content: center; align-items: center;}
	.aca-cal__nav h4 {text-align: center; font-size: 13px; font-weight: 300; width: 80px;}
	.aca-cal__nav h4 br {display: block;}
	.aca-cal__nav h4 strong {font-size: 20px; font-weight: 600;}
	.aca-cal__nav button {display: block; width: 32px; height: 32px; background: #fff; border: solid 1px #ddd; text-indent: -9999px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}
	.aca-cal__nav button:after {content: ''; display: block; width: 6px; height: 6px; border-top: solid 1px #666;}
	.aca-cal__nav button.prev:after {margin-left: 4px; border-left: solid 1px #666; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
	.aca-cal__nav button.next:after {margin-left: -4px; border-right: solid 1px #666; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.aca-cal__tab {margin-top: 8px; justify-content: center;}
	.aca-cal__tab li {padding: 2px;}
	.aca-cal__tab li button {padding: 0 8px;}

	.aca-cal__tb {margin-top: 16px;}
	.aca-cal__tb thead {position: static;}
	.aca-cal__tb thead th {text-align: center;}
	.aca-cal__tb tbody td {padding: 8px 2px; border: none;}
	.aca-cal__tb tbody td.holiday {background: none;}
	.aca-cal__tb tbody td.dim {background: none;}
	.aca-cal__tb tbody td dl dt {width: auto; display: block;}
	.aca-cal__tb tbody td dl dt strong {font-size: 12px; margin-right: 0; text-align: center; display: block;}
	.aca-cal__tb tbody td dl dt span {display: none;}
	.aca-cal__tb tbody td dl dd {display: none;}
	.aca-cal__tb tbody td ul {height: auto; margin-top: 4px; display: flex; justify-content: center;}
	.aca-cal__tb tbody td ul li {height: 4px; width: 4px; padding: 0; margin-bottom: 0; margin-right: 2px; text-indent: -9999px; display: block;}
	.aca-cal__tb tbody td ul li:last-child {margin-right: 0;}
	.aca-cal__tb tbody td ul li strong,
	.aca-cal__tb tbody td ul li span {display: none;}

	.aca-cal__none {height: auto; padding: 40px; font-size: 12px; -webkit-border-radius: 16px; border-radius: 16px;}
	.aca-cal__none:before {content: ''; display: block; margin: 0 auto; width: 64px; height: 42px; margin-bottom: 8px; background: url('https://img.megastudyth.com/mypage/mypage_nodata.png')no-repeat center center / cover;}
	
	.aca-pop__overlay {display: none; z-index: 1999; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5);}
	.aca-pop__handle {width: 50px; height: 4px; background: #E8E8E8; position: absolute; left: 50%; top: 10px; margin-left: -25px; -webkit-border-radius: 4px; border-radius: 4px;}
	.aca-pop {padding: 0; background: 0; top: auto; height: auto; visibility: visible; transform: translateY(100%); transition: transform 0.3s ease-in-out;}
	.aca-pop.on {transform: translateY(0px);}
	.aca-pop__box {display: block; max-height: 400px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
	.aca-pop__head {height: 54px; padding: 8px 16px 0;}
	.aca-pop__month h4 {width: 90px; font-size: 14px;}
	.aca-pop__month button {width: 20px; height: 20px;}
	.aca-pop__month button:after {width: 6px; height: 6px;}
	.aca-pop__switch {margin-right: 8px;}
	.aca-pop__switch input[type="checkbox"] + label {padding: 2px;}
	.aca-pop__switch input[type="checkbox"] + label span {width: 40px; height: 24px; font-size: 11px;}
	.aca-pop__switch input[type="checkbox"] + label em {width: 40px; height: 24px; left: 42px;}
	.aca-pop__close {width: 24px; height: 24px;}
	.aca-pop__body {max-height: calc(400px - 65px);}
	.aca-pop__none {padding: 32px 16px; font-size: 12px;}
	.aca-pop__group {margin-top: 4px; padding: 16px;}
	.aca-pop__title h5 {font-size: 12px;}
	.aca-pop__title h5:before {width: 8px; height: 8px; border-width: 2px;}
	.aca-pop__title h4 {font-size: 15px; margin-top: 4px;}
	.aca-pop__title h4 strong:after {height: 10px;}
	.aca-pop__title p {font-size: 12px;}
	.aca-pop__list {margin-top: 8px;}
	.aca-pop__item {margin-bottom: 4px;}
	.aca-pop__item dl {border: none; -webkit-border-radius: 0; border-radius: 0; align-items: center;}
	.aca-pop__item dl dt {width: 96px;}
	.aca-pop__item dl dt a {-webkit-border-radius: 4px; border-radius: 4px;}
	.aca-pop__item dl dd {padding: 8px; width: calc(100% - 96px);}
	.aca-pop__item dl dd > a {display: block;}
	.aca-pop__item dl dd h5 {font-size: 13px;}
	.aca-pop__item dl dd p {font-size: 12px;}
	.aca-pop__item dl dd p strong {font-size: 14px;}
	.aca-pop__item dl dd ul {margin-left: -2px; margin-right: -2px;}
	.aca-pop__item dl dd ul li {margin-right: 0; padding: 0 2px; width: 50%;}
	.aca-pop__item dl dd ul li a {height: 24px; font-size: 11px; padding: 0;}
}

@media(max-width:320px){
	.aca-cal__tab li button {height: 24px; padding: 0 4px; font-size: 11px;}
	.aca-pop__item dl dd p u {display: none;}
}







/* 교육과정상세 250219 */
#chrv {padding-top: 64px; padding-bottom: 160px; padding-left: 20px; padding-right: 20px; width: 100%; max-width: 1120px; margin: 0 auto; box-sizing: border-box;}
#chrv * {box-sizing: border-box;}

.chrv-top {}
.chrv-top__wrap {display: flex;}
.chrv-top__left {width: 40%;}
.chrv-top__thumb {overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px;}
.chrv-top__thumb img {display: block;}
.chrv-top__ornt {margin-top: 24px;}
.chrv-top__ornt dt {font-size: 18px;}
.chrv-top__ornt dd {margin-top: 14px;}
.chrv-top__ornt dd > div {padding-bottom: 56.25%; background: #ddd; position: relative; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px;}
.chrv-top__ornt dd > div > div,
.chrv-top__ornt dd iframe {display: block; position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important;}
.chrv-top__right {width: 60%; padding-left: 48px;}
.chrv-top__title {border-top: solid 2px #000;}
.chrv-top__title dt {padding-top: 20px;}
.chrv-top__title dt h3 {font-size: 26px; font-weight: 500; line-height: 1.2;}
.chrv-top__title dt p {font-size: 16px; color: #8F9BB3; font-weight: 300; margin-top: 10px; line-height: 1.3;}
.chrv-top__title dd {margin-top: 32px; font-size: 22px;}
.chrv-top__info {margin-top: 24px; padding: 24px; background: #F9FAFB; -webkit-border-radius: 10px; border-radius: 10px;}
.chrv-top__info li {display: flex; margin-bottom: 12px; font-size: 14px; font-weight: 300;}
.chrv-top__info li:last-child {margin-bottom: 0;}
.chrv-top__info li strong {width: 172px; color: #8F9BB3; font-weight: 300;}
.chrv-top__info li span {}

.chrv-cost__list {}
.chrv-cost__list li {padding: 20px 0; border-bottom: solid 1px #CED3DE; display: flex; align-items: center;}
.chrv-cost__list li:last-child {border-bottom: none;}
.chrv-cost__chk {width: 20px; height: 20px; margin-right: 10px !important; flex-shrink: 0; background: #fff; border: solid 1px #CED3DE; position: relative; -webkit-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; appearance: none; cursor: pointer;}
.chrv-cost__chk:checked {background: #000; border-color: #000;}
.chrv-cost__chk:checked:after {content: ''; display: block; width: 4px; height: 10px; border-bottom: solid 2px #fff; border-right: solid 2px #fff; position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top: -8px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.chrv-cost__chk:disabled {background: #e5e5e5; cursor: not-allowed;}
.chrv-cost__label {cursor: pointer; flex-grow: 1; display: flex; align-items: center; justify-content: space-between;}
.chrv-cost__label h5 {font-size: 16px; font-weight: 300; flex-grow: 1;}
.chrv-cost__price {margin-left: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: space-between;}
.chrv-cost__price dt {font-weight: 400; display: flex; align-items: center; flex-shrink: 0; margin-right: 10px;}
.chrv-cost__price dt u {text-decoration: line-through; color: #aaa; font-weight: 300; font-size: 16px; margin-right: 6px;}
.chrv-cost__price dt span {background: #ff6a00; color: #fff; font-size: 12px; font-weight: 400; padding: 2px 4px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.chrv-cost__price dd {font-size: 18px;}
.chrv-cost__price dd strong {font-size: 18px;}
.chrv-cost__text {font-size: 12px; color: #666; font-weight: 300;}
.chrv-cost__text span:before {content: '*'; color: #f00; font-weight: 500;}
.chrv-cost__total {border-top: solid 2px #000; padding-top: 20px; display: flex; align-items: center; justify-content: flex-end;}
.chrv-cost__total dt {font-size: 16px; margin-right: 16px; color: #8F9BB3;}
.chrv-cost__total dd {font-size: 26px; color: #006FFF;}
.chrv-cost__btn {display: flex; margin: 0 -5px; padding-top: 24px;}
.chrv-cost__btn li {padding: 0 5px;}
.chrv-cost__btn li:first-child:nth-last-child(1) {width: 100%;}
.chrv-cost__btn li:first-child:nth-last-child(2),
.chrv-cost__btn li:first-child:nth-last-child(2) ~ li {width: 50%;}
.chrv-cost__btn li a {border: solid 1px #CED3DE; height: 48px; font-size: 16px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 10px; border-radius: 10px;}
.chrv-cost__btn li a.blu {background: #006FFF; border-color: #006FFF; color: #fff;}

.chrv-tab {margin-top: 64px; display: flex; border-bottom: solid 1px #CED3DE; background: #fff; position: sticky; top: 112px; z-index: 1;}
.chrv-tab li {margin-right: 40px;}
.chrv-tab li:last-child {margin-right: 0;}
.chrv-tab li button {width: 100%; height: 60px; font-size: 18px; font-weight: 300; color: #8F9BB3; display: flex; align-items: center; justify-content: center; position: relative;}
.chrv-tab li button.active {font-weight: 400; color: #000;}
.chrv-tab li button.active:after {content: ''; display: block; height: 2px; background: #000; position: absolute; left: 0; right: 0; bottom: 0;}

.chrv-dtl {padding-top: 40px; display: flex;}
.chrv-dtl__left {width: calc(100% - 340px);}
.chrv-dtl__panel {padding-bottom: 40px; margin-bottom: 40px; border-bottom: solid 1px #CED3DE;}
.chrv-dtl__title {font-size: 24px; font-weight: 500; margin-bottom: 24px;}
.chrv-dtl__right {width: 340px; padding-left: 40px;}
.chrv-dtl__sticky {position: -webkit-sticky; position: sticky; top: 212px;}
.chrv-dtl__group {margin-bottom: 40px;}
.chrv-dtl__group:last-child {margin-bottom: 0;}
.chrv-dtl__group dt {font-size: 16px; font-weight: 500; height: 36px; line-height: 1.0; background: #FF3678; color: #fff; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 10px; border-radius: 10px;}
.chrv-dtl__group dd {margin-top: 8px;}
.chrv-dtl__group dd,
.chrv-dtl__group dd * {font-size: 15px !important; font-family: 'Kanit', sans-serif !important; font-weight: 400 !important; line-height: 1.4 !important; max-width: 100% !important;}
.chrv-dtl__group dd table {max-width: 100% !important;}
.chrv-dtl__group dd th,
.chrv-dtl__group dd td {padding: 4px !important; vertical-align: middle !important;}
.chrv-dtl__group dd img {max-width: 100%; width: auto !important; height: auto !important;}

.chrv-dtl__crs.more tr:nth-child(n+6) {display: none;}
.chrv-dtl__crs th,
.chrv-dtl__crs td {text-align: center; font-size: 14px; font-weight: 300; padding: 10px; border: solid 1px #CED3DE;}
.chrv-dtl__crs th {background: #F9FAFB; font-weight: 500;}
.chrv-dtl__crs td {}
.chrv-dtl__more {margin-top: 16px;}
.chrv-dtl__more button {font-size: 16px; color: #006FFF; display: inline-flex; align-items: center;}
.chrv-dtl__more button:after {content: ''; display: block; width: 5px; height: 5px; margin-left: 4px; margin-top: 4px; border-top: solid 2px #006FFF; border-right: solid 2px #006FFF; webkit-transform: rotate(45deg); transform: rotate(45deg);}

.chrv-dtl__scd {}
.chrv-dtl__scd th,
.chrv-dtl__scd td {text-align: center; font-size: 14px; font-weight: 300; padding: 10px; border: solid 1px #CED3DE;}
.chrv-dtl__scd thead th {background: #59B0FF; color: #fff; font-weight: 500;}
.chrv-dtl__scd tbody th {background: #F9FAFB;}

.chrv-dtl__play {display: inline-block;}
.chrv-dtl__play li {display: flex;}
.chrv-dtl__play li:last-child {}
.chrv-dtl__play li a {font-size: 12px; text-decoration: underline; position: relative; display: flex; align-items: center; justify-content: center;}
.chrv-dtl__play li a:before {content: ''; display: block; width: 16px; height: 16px; margin-right: 8px; background: #000; flex-shrink: 0; -webkit-border-radius: 50%; border-radius: 50%;}
.chrv-dtl__play li a:after {content: ''; display: block; position: absolute; left: 6px; top: 50%; margin-top: -4px; width: 0px; height: 0px; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #fff; transform: rotate(0deg);}

.chrv-dtl__ebook {display: flex; flex-wrap: wrap; margin: -16px;}
.chrv-dtl__ebook > li {width: 50%; padding: 16px; box-sizing: border-box;}
.chrv-dtl__ebook > li:last-child {}
.chrv-dtl__ebook > li.none {width: 100%; color: #c5c5c5; border-bottom: none; font-weight: 400; font-size: 14px; text-align: center; padding-top: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.chrv-dtl__ebook > li.none:before {content: ''; display: block; width: 70px; height: 52px; margin-bottom: 16px; background: url('https://img.megastudyth.com/lecture/ebook_nodata.png')no-repeat center center / cover;}
.chrv-dtl__ebook > li dl {display: flex; align-items: center;}
.chrv-dtl__ebook > li dl dt {width: 134px;}
.chrv-dtl__ebook > li dl dt em {display: block; padding-bottom: 100%; border: solid 1px #ddd; -webkit-border-radius: 50%; border-radius: 50%;}
.chrv-dtl__ebook > li dl dt em.none {background: #e6e6e6 url('https://img.megastudyth.com/lecture/ebook_thumb_default.png')no-repeat center center / 64px auto;}
.chrv-dtl__ebook > li dl dd {width: calc(100% - 134px); padding-left: 16px; box-sizing: border-box;}
.chrv-dtl__ebook > li dl dd h4 {font-size: 20px;}
.chrv-dtl__ebook > li dl dd ul {font-size: 12px; margin-top: 24px;}
.chrv-dtl__ebook > li dl dd ul li {padding: 8px 0; border-bottom: solid 1px #F2F2F2; display: flex;}
.chrv-dtl__ebook > li dl dd ul li:first-child {padding-top: 0;}
.chrv-dtl__ebook > li dl dd ul li:last-child {padding-bottom: 0; border-bottom: none;}
.chrv-dtl__ebook > li dl dd ul li strong {font-weight: 500; flex-shrink: 0; color: #8F9BB3; width: 50%;}
.chrv-dtl__ebook > li dl dd h5 {margin-top: 6px; font-size: 12px;}
.chrv-dtl__ebook > li dl dd p {margin-top: 4px; font-size: 12px; color: #666; font-weight: 300; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; height: 3.9em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.chrv-dtl__ebook > li dl dd a {margin-top: 6px; font-size: 13px; font-weight: 400; height: 28px; line-height: 1.0; position: relative; background: #06f; color: #fff; padding: 0 8px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}

.chrv-dtl__warn {}
.chrv-dtl__warn dt {font-size: 24px; font-weight: 300; margin-bottom: 16px;}
.chrv-dtl__warn dt:before {content: '* ';}
.chrv-dtl__warn dd {display: flex; font-size: 14px; line-height: 1.4; margin-top: 8px; font-weight: 300; letter-spacing: 0.025rem; color: #666;}
.chrv-dtl__warn dd:before {content: ''; display: block; flex-shrink: 0; width: 6px; height: 1px; background: #666; margin-right: 8px; margin-top: 9px;}

.chrv-onsite {padding: 24px; margin-bottom: 24px; border: solid 1px #CED3DE; -webkit-border-radius: 20px; border-radius: 20px;}
.chrv-onsite dt {}
.chrv-onsite dt:before {content: ''; display: block; width: 30px; height: 30px; margin-bottom: 16px; background: url('https://img.megastudyth.com/lecture/lecture_onsite.png')no-repeat center center / cover;}
.chrv-onsite dt h5 {font-size: 20px; font-weight: 500;}
.chrv-onsite dt p {font-size: 14px; font-weight: 300; margin-top: 8px;}
.chrv-onsite dd {font-size: 14px; font-weight: 300; margin-top: 12px; padding-top: 12px; border-top: dotted 1px #ddd;}
.chrv-onsite dd p {margin-bottom: 6px;}
.chrv-onsite dd p:last-child {margin-bottom: 0;}

.chrv-scdu {display: none; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px;}
.chrv-scdu img {display: block;}

.chrv-tutor__slider {margin-bottom: 24px; border: solid 1px #CED3DE; -webkit-border-radius: 20px; border-radius: 20px;}
.chrv-tutor {padding: 24px;}
.chrv-tutor__smmry {display: flex; align-items: center; margin-bottom: 32px;}
.chrv-tutor__smmry:last-child {margin-bottom: 0;}
.chrv-tutor__smmry dt {width: 86px; height: 86px; flex-shrink: 0; background: #DADEE6; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%;}
.chrv-tutor__smmry dt img {display: block; max-width: 120%; margin-left: -10%; margin-top: 5%;}
.chrv-tutor__smmry dd {flex-grow: 1; padding-left: 16px; width: calc(100% - 86px);}
.chrv-tutor__smmry dd h5 {font-size: 20px; font-weight: 300;}
.chrv-tutor__smmry dd h5 strong {font-weight: 700;}
.chrv-tutor__smmry dd p {font-size: 13px; color: #999; font-weight: 300; margin-top: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.chrv-tutor__smmry dd p br {display: none;}
.chrv-tutor__smmry dd a {font-size: 13px; color: #006FFF; margin-top: 16px; display: inline-flex; align-items: center; justify-content: center;}
.chrv-tutor__smmry dd a:after {content: ''; display: block; width: 6px; height: 6px; margin-left: 4px; border-top: solid 1px #006FFF; border-right: solid 1px #006FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.chrv-tutor__hsty {margin-top: 20px; font-size: 13px; font-weight: 300; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 7em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.chrv-tutor__slider .slick-dots {margin-top: 12px; display: flex; justify-content: center;}
.chrv-tutor__slider .slick-dots li {margin: 0 2px;}
.chrv-tutor__slider .slick-dots li button {display: block; text-indent: -9999px; width: 8px; height: 8px; border-radius: 50%; background: #ddd;}
.chrv-tutor__slider .slick-dots li.slick-active button {background: #0082FF;}

.chrv-tutor.many .chrv-tutor__hsty {overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; height: 4.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.chrv-tutor__slider .slick-dots {margin-top: 12px; display: flex; justify-content: center; position: absolute; left: 0; right: 0; top: 100%;}
.chrv-tutor__slider .slick-dots li {margin: 0 2px;}
.chrv-tutor__slider .slick-dots li button {display: block; text-indent: -9999px; width: 8px; height: 8px; border-radius: 50%; background: #ddd;}
.chrv-tutor__slider .slick-dots li.slick-active button {background: #0082FF;}

@media(max-width:1200px){
	.chrv-top__right {padding-left: 40px;}
	.chrv-top__title dt {padding-top: 12px;}
	.chrv-top__title dt h3 {font-size: 20px;}
	.chrv-top__title dt p {font-size: 14px; margin-top: 4px;}
	.chrv-top__title dd {margin-top: 16px; font-size: 20px;}
	.chrv-top__info {margin-top: 16px; padding: 16px;}
	.chrv-top__info li {margin-bottom: 8px; font-size: 12px;}
	.chrv-top__info li strong {width: 160px;}
	.chrv-cost__list li {padding: 16px 0;}
	.chrv-cost__label h5 {font-size: 14px;}
	.chrv-cost__total {padding-top: 16px;}
	.chrv-cost__total dt {font-size: 14px; margin-right: 8px;}
	.chrv-cost__total dd {font-size: 22px;}
	.chrv-cost__btn {margin: 0 -4px; padding-top: 16px;}
	.chrv-cost__btn li {padding: 0 4px;}
	.chrv-cost__btn li a {font-size: 14px; -webkit-border-radius: 8px; border-radius: 8px;}
	.chrv-tab {top: 84px;}
	.chrv-tab li {margin-right: 32px;}
	.chrv-tab li button {height: 50px; font-size: 16px;}

	.chrv-dtl__left {width: calc(100% - 280px);}
	.chrv-dtl__panel {padding-bottom: 40px; margin-bottom: 40px;}
	.chrv-dtl__title {font-size: 20px; margin-bottom: 16px;}
	.chrv-dtl__right {width: 280px; padding-left: 24px;}
	.chrv-dtl__sticky {top: 184px;}

	.chrv-dtl__group {margin-bottom: 32px;}
	.chrv-dtl__group dt {font-size: 14px; height: 30px; padding: 0 8px; -webkit-border-radius: 6px; border-radius: 6px;}
	.chrv-dtl__group dd,
	.chrv-dtl__group dd * {font-size: 14px !important;}

	.chrv-dtl__crs th,
	.chrv-dtl__crs td {font-size: 13px; padding: 8px;}
	.chrv-dtl__more {margin-top: 8px;}
	.chrv-dtl__more button {font-size: 14px;}
	.chrv-dtl__more button:after {width: 4px; height: 4px;}
	.chrv-dtl__scd th,
	.chrv-dtl__scd td {font-size: 13px; padding: 8px;}

	.chrv-dtl__ebook > li dl dt {width: 88px;}
	.chrv-dtl__ebook > li dl dd {width: calc(100% - 88px);}
	.chrv-dtl__ebook > li dl dd h4 {font-size: 18px;}
	.chrv-dtl__ebook > li dl dd ul {font-size: 11px; margin-top: 16px;}

	.chrv-dtl__warn dt {font-size: 20px;}
	.chrv-dtl__warn dd {font-size: 12px;}

	.chrv-onsite {padding: 16px; margin-bottom: 16px; border: solid 1px #CED3DE; -webkit-border-radius: 8px; border-radius: 8px;}
	.chrv-onsite dt h5 {font-size: 18px;}
	.chrv-onsite dt p {font-size: 13px;}
	.chrv-onsite dd {font-size: 12px; margin-top: 8px; padding-top: 8px;}
	.chrv-onsite dd p {margin-bottom: 4px;}
	.chrv-scdu {-webkit-border-radius: 8px; border-radius: 8px;}
	
	.chrv-tutor__slider {margin-top: 16px; margin-bottom: 16px; -webkit-border-radius: 8px; border-radius: 8px;}
	.chrv-tutor {padding: 16px; }
	.chrv-tutor__smmry {margin-bottom: 24px;}
	.chrv-tutor__smmry dt {width: 64px; height: 64px;}
	.chrv-tutor__smmry dd {width: calc(100% - 64px);}
	.chrv-tutor__smmry dd h5 {font-size: 18px;}
	.chrv-tutor__smmry dd p {font-size: 12px;}
	.chrv-tutor__smmry dd a {font-size: 12px; margin-top: 8px;}
	.chrv-tutor__smmry dd a:after {width: 4px; height: 4px;}
	.chrv-tutor__hsty {margin-top: 16px; font-size: 12px;}
}

@media(max-width:992px){
	#chrv {padding-top: 48px; padding-bottom: 120px;}
	.chrv-top__ornt {margin-top: 16px;}
	.chrv-top__ornt dt {font-size: 16px;}
	.chrv-top__ornt dd {margin-top: 8px;}
	.chrv-cost__label h5 {font-size: 12px;}
	.chrv-cost__total dt {font-size: 12px;}
	.chrv-cost__btn li a {height: 44px; font-size: 13px;}
	.chrv-tab {top: 56px; margin-top: 40px; margin-left: -20px; margin-right: -20px;}
	.chrv-tab li {margin-right: 0; flex: auto;}
	.chrv-tab li button {height: 40px; font-size: 13px; text-align: center;}

	.chrv-dtl__left {width: calc(100% - 240px);}
	.chrv-dtl__panel {padding-bottom: 32px; margin-bottom: 32px;}
	.chrv-dtl__title {font-size: 18px; margin-bottom: 12px;}
	.chrv-dtl__right {width: 240px; padding-left: 16px; margin-top: 24px;}
	.chrv-dtl__sticky {top: 156px;}

	.chrv-dtl__group {margin-bottom: 24px;}
	.chrv-dtl__group dt {font-size: 13px; height: 26px; -webkit-border-radius: 4px; border-radius: 4px;}
	.chrv-dtl__group dd,
	.chrv-dtl__group dd * {font-size: 13px !important;}

	.chrv-dtl__crs th,
	.chrv-dtl__crs td {font-size: 12px; padding: 4px;}
	.chrv-dtl__more {margin-top: 8px;}
	.chrv-dtl__more button {font-size: 14px;}
	.chrv-dtl__more button:after {width: 4px; height: 4px;}
	.chrv-dtl__play li a {font-size: 11px;}
	.chrv-dtl__scd th,
	.chrv-dtl__scd td { font-size: 12px; padding: 4px;}
	
	.chrv-dtl__ebook {display: block; margin: 0;}
	.chrv-dtl__ebook > li {width: 100%; padding: 0; margin-bottom: 24px;}
	.chrv-dtl__ebook > li:last-child {margin-bottom: 0;}
	.chrv-dtl__warn dt {font-size: 18px;}
	.chrv-onsite dt h5 {font-size: 16px;}
	.chrv-onsite dt p {font-size: 12px;}
	.chrv-onsite dd {font-size: 11px;}
	.chrv-tutor__smmry dd h5 {font-size: 16px;}
}

@media(max-width:768px){
	#chrv {padding-top: 24px; padding-bottom: 80px;}
	.chrv-top__wrap {display: block;}
	.chrv-top__left {width: 100%;}
	.chrv-top__thumb {-webkit-border-radius: 12px; border-radius: 12px;}
	.chrv-top__ornt dd > div {-webkit-border-radius: 12px; border-radius: 12px;}
	.chrv-top__right {width: 100%; padding-left: 0; margin-top: 24px;}
	.chrv-top__title dt h3 {font-size: 18px;}
	.chrv-top__title dt p {font-size: 12px;}
	.chrv-top__info {padding: 12px;}
	.chrv-top__info li {margin-bottom: 8px; font-size: 11px;}
	.chrv-top__info li strong {width: 50%;}
	.chrv-cost__price dt u {font-size: 14px;}
	.chrv-cost__price dd {font-size: 16px;}
	.chrv-cost__text {font-size: 11px;}
	.chrv-tab {margin-top: 24px;}
	
	.chrv-dtl {display: block; padding-top: 24px;}
	.chrv-dtl__left {width: 100%;}
	.chrv-dtl__panel {padding-bottom: 24px; margin-bottom: 24px;}
	.chrv-dtl__title {font-size: 16px;}
	.chrv-dtl__right {width: 100%; padding-left: 0;}
	.chrv-dtl__sticky {top: 156px;}
	.chrv-dtl__group table * {font-size: 11px !important;}
	.chrv-dtl__crs th,
	.chrv-dtl__crs td {font-size: 11px;}
	.chrv-dtl__scd th,
	.chrv-dtl__scd td { font-size: 11px;}
	.chrv-dtl__play li a:before {margin-right: 4px;}
	.chrv-dtl__ebook > li dl dd h4 {font-size: 14px;}
	.chrv-dtl__ebook > li dl dd ul {margin-top: 8px;}
	.chrv-dtl__warn dt {font-size: 16px; margin-bottom: 8px;}
}





/* FAQ */
#fq * {box-sizing: border-box;}
.fq-inner {width: 100%; max-width: 1240px; padding-left: 20px; padding-right: 20px; margin: 0 auto;}
.fq-top {padding: 96px 0; background: #F2F4F6;}
.fq-top__wrap {display: flex; align-items: center;}
.fq-top__wrap dt {flex-grow: 1;}
.fq-top__wrap dd {flex-shrink: 0; margin-left: 24px;}
.fq-top__title span {font-size: 20px; font-weight: 300;}
.fq-top__title h4 {font-size: 40px; font-weight: 600; color: #333D4B; margin-top: 20px;}
.fq-top__sch {max-width: 460px; margin-top: 24px; position: relative;}
.fq-top__sch input[type="text"] {display: block; width: 100%; height: 52px; padding-left: 20px; padding-right: 72px; background: #fff; border: none; -webkit-border-radius: 40px; border-radius: 40px;}
.fq-top__sch a {display: block; width: 52px; height: 52px; position: absolute; right: 0; top: 0; font-size: 0; background: none;}
.fq-top__sch a:before {content: ''; display: block; width: 12px; height: 12px; border: solid 2px #8B95A1; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; -webkit-border-radius: 50%; border-radius: 50%;}
.fq-top__sch a:after {content: ''; display: block; width: 6px; height: 2px; background: #8B95A1; position: absolute; left: 50%; top: 50%; margin-left: 1px; margin-top: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.fq-top__menu {display: flex;}
.fq-top__menu li {margin-right: 14px;}
.fq-top__menu li:last-child {margin-right: 0;}
.fq-top__menu li a {display: block; padding: 40px 0; width: 196px; background: #fff; text-align: center; -webkit-border-radius: 20px; border-radius: 20px;}
.fq-top__menu li a img {display: block; margin: 0 auto; width: 48px;}
.fq-top__menu li a span {font-size: 20px; color: #006FFF; margin-top: 12px; display: flex; align-items: center; justify-content: center;}
.fq-top__menu li a span:after {content: ''; display: block; width: 8px; height: 8px; margin-left: 8px; border-top: solid 2px #006FFF; border-right: solid 2px #006FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.fq-bot {padding-top: 64px; padding-bottom: 160px;}
.fq-tab {border-bottom: solid 1px #CED3DE; display: flex;}
.fq-tab li a {padding: 0 16px; height: 56px; color: #8F9BB3; font-size: 16px; text-align: center; position: relative; display: flex; align-items: center; justify-content: center;}
.fq-tab li.on a {color: #000;}
.fq-tab li.on a:after {content: ''; display: block; height: 2px; background: #000; position: absolute; left: 0; right: 0; bottom: 0;}
.fq-list dl {-webkit-border-radius: 20px; border-radius: 20px;}
.fq-list dl dt {font-size: 18px; padding: 25px 16px; cursor: pointer; line-height: 1.3; display: flex; align-items: center;}
.fq-list dl dt span {width: 200px; color: #4E5968; font-weight: 300; margin-right: 40px; flex-shrink: 0;}
.fq-list dl dt strong {font-weight: 400; flex-grow: 1;}
.fq-list dl dd {padding: 0 20px 40px 256px; line-height: 1.3;}
.fq-list dl.active,
.fq-list dl:hover {background: #F7F8F9;}

@media(max-width:1200px){
	.fq-top {padding: 80px 0;}
	.fq-top__title h4 {font-size: 36px; margin-top: 16px;}
	.fq-top__sch {max-width: 400px;}
	.fq-top__menu li a {padding: 32px 0; width: 160px;}
	.fq-top__menu li a span {font-size: 16px;}
	.fq-top__menu li a span:after {width: 6px; height: 6px; margin-left: 6px;}
	.fq-tab li a {padding: 0 12px; height: 48px; font-size: 14px;}
	.fq-list dl dt {font-size: 14px;}
	.fq-list dl dt span {width: 160px;}
	.fq-list dl dd {padding: 0 20px 40px 216px; font-size: 14px !important;}
}

@media(max-width:992px){
	.fq-top {padding: 64px 0;}
	.fq-top__title span {font-size: 16px;}
	.fq-top__title h4 {font-size: 32px; margin-top: 12px;}
	.fq-top__sch {margin-top: 16px;}
	.fq-top__sch input[type="text"] {height: 48px; padding-left: 16px; padding-right: 64px;}
	.fq-top__sch a {width: 48px; height: 48px;}
	.fq-top__menu li a {padding: 24px 0; width: 120px;}
	.fq-top__menu li a img {width: 40px;}
	.fq-top__menu li a span {font-size: 14px;}
	.fq-top__menu li a span:after {width: 4px; height: 4px; margin-left: 4px;}
	.fq-bot {padding-top: 48px; padding-bottom: 120px;}
	.fq-tab li a {padding: 0 10px; height: 40px; font-size: 12px;}
	.fq-list dl {-webkit-border-radius: 10px; border-radius: 10px;}
	.fq-list dl dt {padding: 20px 10px;}
	.fq-list dl dt span {width: 120px; margin-right: 20px;}
	.fq-list dl dd {padding: 0 10px 20px 150px;}

}

@media(max-width:768px){
	.fq-top {padding: 24px 0 0;}
	.fq-top__wrap {display: block;}
	.fq-top__wrap dd {margin-left: 0; margin-top: 16px;}
	.fq-top__title span {font-size: 14px;}
	.fq-top__title h4 {font-size: 26px; margin-top: 8px;}
	.fq-top__sch {margin-top: 12px;}
	.fq-top__sch input[type="text"] {height: 40px; padding-right: 56px; font-size: 12px; border: solid 1px #E5E8EB;}
	.fq-top__sch a {width: 40px; height: 40px;}	
	.fq-top__menu {margin: 0 -20px; padding: 0 18px 24px; display: block;}
	.fq-top__menu li {margin-right: 0; width: 100%;}
	.fq-top__menu li a {width: 100%; padding: 0 16px; height: 50px; position: relative; display: flex; align-items: center; -webkit-border-radius: 0; border-radius: 0;}
	.fq-top__menu li:first-child a {-webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;}
	.fq-top__menu li:last-child a {-webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;}
	.fq-top__menu li a img {width: 24px; margin: 0;}
	.fq-top__menu li a span {margin-top: 0; margin-left: 16px; color: #333D4B;}
	.fq-top__menu li a span:after {border-color: #CACACA; width: 6px; height: 6px; position: absolute; right: 16px; top: 50%; margin-top: -3px;}
	.fq-bot {padding-top: 0; padding-bottom: 64px;}
	.fq-tab {overflow-x: auto; margin: 0 -20px; border-bottom: none;}
	.fq-tab li {white-space: nowrap;}
	.fq-tab li a {padding: 0 16px;}
	.fq-list {margin: 0 -20px;}
	.fq-list dl {padding: 0 10px; -webkit-border-radius: 0; border-radius: 0;}
	.fq-list dl dt {font-size: 13px; padding: 15px 10px; display: block;}
	.fq-list dl dt span {width: 100%; display: block;}
	.fq-list dl dt strong {display: block; margin-top: 4px;}
	.fq-list dl dd {padding: 0 10px 20px 10px; font-size: 13px !important;}
}





#hlp {padding-top: 80px; padding-bottom: 160px;}
#hlp * {box-sizing: border-box;}

.hlp-inner {width: 100%; max-width: 1240px; padding-left: 20px; padding-right: 20px; margin: 0 auto;}
.hlp-title {font-size: 40px; font-weight: 600; color: #333D4B;}
.hlp-ntc__list {margin-top: 40px; table-layout: fixed; width: 100%;}
.hlp-ntc__list th {border-bottom: solid 1px #CED3DE; padding: 20px 16px; font-size: 16px; color: #8F9BB3; font-weight: 400;}
.hlp-ntc__list td {padding: 20px 16px; text-align: center; font-size: 16px; font-weight: 300; vertical-align: middle;}
.hlp-ntc__list td.hlp-ntc__title {text-align: left;}
.hlp-ntc__list td.hlp-ntc__title a {font-size: 18px; font-weight: 400; display: inline-block; max-width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hlp-ntc__list td.hlp-ntc__title a img {vertical-align: middle; margin-left: 8px;}
.hlp-ntc__list td.hlp-ntc__idx span.notice {color: #006FFF;}
.hlp-ntc__list td.hlp-ntc__date {}
.hlp-ntc__list td.hlp-ntc__cnt {}
.hlp-ntc__list t.hlp-ntc__none {padding: 60px; text-align: center;}

.hlp-ntc__vinner {width: 100%; max-width: 1040px; margin: 0 auto;}
.hlp-ntc__vtop {padding-bottom: 40px;}
.hlp-ntc__vtop span {display: block; font-size: 18px; color: #006FFF; font-weight: 300; margin-bottom: 16px;}
.hlp-ntc__vtop h4 {font-size: 28px; font-weight: 400;}
.hlp-ntc__vtop ul {margin-top: 16px; display: flex; align-items: center;}
.hlp-ntc__vtop ul li {font-size: 16px; color: #8F9BB3; font-weight: 300; display: flex; align-items: center;}
.hlp-ntc__vtop ul li:after {content: ''; display: block; width: 1px; height: 12px; background: #CED3DE; margin: 0 8px;}
.hlp-ntc__vtop ul li:last-child:after {display: none;}
.hlp-ntc__vtop dl {margin-top: 24px;}
.hlp-ntc__vtop dl dt {display: none;}
.hlp-ntc__vtop dl dd {margin-bottom: 4px;}
.hlp-ntc__vtop dl dd:last-child {margin-bottom: 0;}
.hlp-ntc__vtop dl dd a {font-size: 14px; font-weight: 300; display: inline-flex;}
.hlp-ntc__vtop dl dd a:before {content: ''; display: block; flex-shrink: 0; width: 9px; height: 16px; margin-right: 4px; margin-top: -2px; background: url('https://img.megastudyth.com/customer/view_file.png')no-repeat center center / cover;}
.hlp-ntc__vcon {border-bottom: solid 1px #CED3DE; border-top: solid 1px #CED3DE; padding-top: 40px; padding-bottom: 40px;}

.hlp-ntc__vansw {background: #F7F8F9; padding: 24px; -webkit-border-radius: 20px; border-radius: 20px;}
.hlp-ntc__vansw h5 {font-size: 18px; font-weight: 500;}
.hlp-ntc__vansw p {margin-top: 16px; font-size: 16px; font-weight: 300; line-height: 1.4;}
.hlp-ntc__vansw a {font-size: 14px; font-weight: 300; display: inline-flex; margin-top: 16px; text-decoration: underline;}
.hlp-ntc__vansw a:before {content: ''; display: block; flex-shrink: 0; width: 9px; height: 16px; margin-right: 4px; margin-top: -2px; background: url('https://img.megastudyth.com/customer/view_file.png')no-repeat center center / cover;}


@media(max-width:1200px){
	#hlp {padding-top: 64px; padding-bottom: 120px;}
	.hlp-title {font-size: 36px;}
	.hlp-ntc__list {margin-top: 32px;}
	.hlp-ntc__list th {padding: 16px 0; font-size: 14px;}
	.hlp-ntc__list td {padding: 16px 0; font-size: 14px;}
	.hlp-ntc__list td.hlp-ntc__title a {font-size: 14px;}

	.hlp-ntc__vtop {padding-bottom: 32px;}
	.hlp-ntc__vtop span {font-size: 16px;}
	.hlp-ntc__vtop h4 {font-size: 24px;}
	.hlp-ntc__vtop ul li {font-size: 14px;}
	.hlp-ntc__vtop dl dd a {font-size: 13px;}
	.hlp-ntc__vcon {padding-top: 32px; padding-bottom: 32px;}

	.hlp-ntc__vansw {padding: 20px;}
	.hlp-ntc__vansw h5 {font-size: 16px;}
	.hlp-ntc__vansw p {font-size: 14px; margin-top: 12px;}
	.hlp-ntc__vansw a {font-size: 13px;}
}

@media(max-width:992px){
	#hlp {padding-top: 48px; padding-bottom: 120px;}
	.hlp-title {font-size: 32px;}
	.hlp-ntc__list {margin-top: 24px;}
	.hlp-ntc__list th {padding: 12px 0;}
	.hlp-ntc__list td {padding: 12px 0;}
	.hlp-ntc__list td.hlp-ntc__title a {}

	.hlp-ntc__vtop {padding-bottom: 24px;}
	.hlp-ntc__vtop span {font-size: 14px;}
	.hlp-ntc__vtop h4 {font-size: 20px;}
	.hlp-ntc__vtop ul li {font-size: 12px;}
	.hlp-ntc__vtop dl {margin-top: 16px;}
	.hlp-ntc__vtop dl dd a {font-size: 12px;}
	.hlp-ntc__vtop dl dd a:before {width: 6px; height: 12px; margin-top: 0;}
	.hlp-ntc__vcon {padding-top: 24px; padding-bottom: 24px;}
	.hlp-ntc__vfile dt {font-size: 13px; padding: 16px; width: 160px;}
	.hlp-ntc__vfile dd {padding: 16px;}
	.hlp-ntc__vfile dd ul li a {font-size: 13px;}

	.hlp-ntc__vansw {padding: 16px;}
	.hlp-ntc__vansw h5 {font-size: 14px;}
	.hlp-ntc__vansw p {font-size: 13px; margin-top: 8px;}
	.hlp-ntc__vansw a {font-size: 12px;}
	.hlp-ntc__vansw a:before {width: 6px; height: 12px; margin-top: 0;}
}

@media(max-width:768px){
	#hlp {padding-top: 24px; padding-bottom: 80px;}
	.hlp-title {font-size: 24px;}
	.hlp-ntc__list {margin-top: 16px;}
	.hlp-ntc__list colgroup,
	.hlp-ntc__list thead {display: none;}
	.hlp-ntc__list,
	.hlp-ntc__list tbody,
	.hlp-ntc__list td {display: block; text-align: left;}
	.hlp-ntc__list td {padding: 0; font-size: 11px;}
	.hlp-ntc__list {border-top: solid 1px #CED3DE;}
	.hlp-ntc__list tr {padding: 12px 0; display: flex; flex-wrap: wrap; align-items: center;}
	.hlp-ntc__list td.hlp-ntc__idx {}
	.hlp-ntc__list td.hlp-ntc__idx span:before {content: 'No. ';}
	.hlp-ntc__list td.hlp-ntc__idx span.notice:before {display: none;}
	.hlp-ntc__list td.hlp-ntc__title {width: 100%; margin-top: 4px;}
	.hlp-ntc__list td.hlp-ntc__title a {font-weight: 500;}
	.hlp-ntc__list td.hlp-ntc__date {font-weight: 400; color: #8F9BB3; display: flex; align-items: center;}
	.hlp-ntc__list td.hlp-ntc__date:after {content: ''; display: block; width: 1px; height: 10px; background: #ddd; margin: 0 8px;}
	.hlp-ntc__list td.hlp-ntc__cnt {font-weight: 400; color: #8F9BB3;}

	.hlp-ntc__vtop {padding-bottom: 16px;}
	.hlp-ntc__vtop span {font-size: 13px; margin-bottom: 8px;}
	.hlp-ntc__vtop h4 {font-size: 16px;}
	.hlp-ntc__vtop ul {margin-top: 8px;}
	.hlp-ntc__vtop ul li {font-size: 11px;}
	.hlp-ntc__vcon {padding-top: 16px; padding-bottom: 16px;}
	.hlp-ntc__vfile {display: block; padding-top: 24px;}
	.hlp-ntc__vfile dt {text-align: left; font-weight: 500; padding: 0; margin-bottom: -8px; width: 100%; display: block; background: none;}
	.hlp-ntc__vfile dd {padding: 16px 0;}
	.hlp-ntc__vfile dd ul li a {font-size: 12px;}

	.hlp-ntc__vansw {-webkit-border-radius: 8px; border-radius: 8px;}
	.hlp-ntc__vansw h5 {font-size: 13px;}
	.hlp-ntc__vansw p {font-size: 12px;}
	.hlp-ntc__vansw a {font-size: 11px;}
}






.hlp-qna__top {height: 150px; padding-right: 60px; padding-left: 50%; margin-top: 24px; margin-bottom: 40px; background: url('https://img.megastudyth.com/customer/qna_banner.png')no-repeat center center / cover; display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.hlp-qna__top h5 {font-size: 34px; color: #fff; font-weight: 500; text-align: right;}
.hlp-qna__top h5 span {color: #FFEA00;}
.hlp-qna__top p {font-size: 22px; color: #fff; font-weight: 300; margin-top: 8px;}
.hlp-qna__tab {display: flex; padding-right: 1px;}
.hlp-qna__tab li {width: 50%;}
.hlp-qna__tab li a {height: 68px; background: #F9FAFB; color: #8F9BB3; border: solid 1px #CED3DE; margin-right: -1px; font-size: 20px; display: flex; align-items: center; justify-content: center;}
.hlp-qna__tab li a.active {border-color: #8F9BB3; border-bottom-color: #fff; background: #fff; color: #000; position: relative;}
.hlp-qna__info {margin-top: 40px;}
.hlp-qna__info dt {font-size: 18px; font-weight: 400; margin-bottom: 16px;}
.hlp-qna__info dd {color: #4E5968; font-weight: 300; margin-bottom: 8px; display: flex;}
.hlp-qna__info dd:before {content: '*'; margin-right: 4px;}
.hlp-qna__info dd:last-child {margin-bottom: 0;}

.hlp-qna__form {margin-top: 40px; padding-top: 40px; border-top: solid 1px #CED3DE;}
.hlp-qna__form dl {display: flex; margin-bottom: 32px;}
.hlp-qna__form dl:last-child {margin-bottom: 0;}
.hlp-qna__form dl dt {width: 256px; flex-shrink: 0; line-height: 34px; font-size: 16px;}
.hlp-qna__form dl dd {flex-grow: 1;}
.hlp-qna__form select {display: block; height: 34px; padding-left: 8px; border: solid 1px #CED3DE; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; appearance: none; background: #fff url('https://img.megastudyth.com/mypage/mypage_select.png')no-repeat right 8px center / 12px auto; cursor: pointer; padding-right: 28px;}
.hlp-qna__form select:focus {border-color: #000;}
.hlp-qna__form input[type="text"] {width: 100%; max-width: 344px; height: 34px; padding: 0 8px; border: solid 1px #CED3DE; -webkit-border-radius: 0; border-radius: 0;}
.hlp-qna__form input[type="text"]:focus {border-color: #000;}

.hlp-qna__file {}
.hlp-qna__file input[type="file"] {display: none;}
.hlp-qna__file label {height: 34px; cursor: pointer; background: #F9FAFB; border: solid 1px #CED3DE; color: #4E5968; font-size: 12px; font-weight: 300; display: flex; align-items: center; justify-content: center;}
.hlp-qna__file label em {display: block; width: 16px; height: 16px; margin-left: 6px; border: solid 2px #8F9BB3; position: relative; -webkit-border-radius: 50%; border-radius: 50%;}
.hlp-qna__file label em:before,
.hlp-qna__file label em:after {content: ''; display: block; background: #8F9BB3; position: absolute; left: 50%; top: 50%;}
.hlp-qna__file label em:before {width: 8px; height: 2px; margin-left: -4px; margin-top: -1px;}
.hlp-qna__file label em:after {width: 2px; height: 8px; margin-left: -1px; margin-top: -4px;}
.hlp-qna__file div {display: none; height: 34px; background: #F9FAFB; border: solid 1px #CED3DE; align-items: center; justify-content: center;}
.hlp-qna__file div p {color: #4E5968; font-size: 12px; font-weight: 300;}
.hlp-qna__file div button {display: block; width: 16px; height: 16px; margin-left: 6px; text-indent: -9999px; border: solid 2px #8F9BB3; position: relative; -webkit-border-radius: 50%; border-radius: 50%;}
.hlp-qna__file div button:before,
.hlp-qna__file div button:after {content: ''; display: block; background: #8F9BB3; position: absolute; left: 50%; top: 50%; width: 8px; height: 2px; margin-left: -4px; margin-top: -1px;}
.hlp-qna__file div button:before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.hlp-qna__file div button:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.hlp-qna__file span {display: block; margin-top: 8px; font-size: 14px; color: #4E5968; font-weight: 300;}

.hlp-qna__submit {margin-top: 80px; display: flex; justify-content: center;}
.hlp-qna__submit li {margin: 0 5px;}
.hlp-qna__submit li a {width: 296px; height: 60px; background: #8F98A4; color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 10px; border-radius: 10px;}
.hlp-qna__submit li a.blu {background: #006FFF;}
.hlp-qna__submit.sm li a {width: 180px;}

@media(max-width:1200px){
	.hlp-qna__top {padding-right: 40px; margin-bottom: 32px;}
	.hlp-qna__top h5 {font-size: 30px;}
	.hlp-qna__top p {font-size: 18px;}
	.hlp-qna__tab li a {height: 58px; font-size: 18px;}
	.hlp-qna__info {margin-top: 32px;}
	.hlp-qna__info dt {font-size: 16px; margin-bottom: 16px;}
	.hlp-qna__info dd {font-size: 13px;}
	.hlp-qna__form {margin-top: 32px; padding-top: 32px;}
	.hlp-qna__form dl {margin-bottom: 24px;}
	.hlp-qna__form dl dt {width: 200px; font-size: 14px;}
	.hlp-qna__submit {margin-top: 64px;}
	.hlp-qna__submit li a {width: 264px; height: 54px; font-size: 16px;}
	.hlp-qna__submit.sm li a {width: 160px;}

}

@media(max-width:992px){
	.hlp-qna__top {padding-right: 24px; height: 100px;}
	.hlp-qna__top h5 {font-size: 24px;}
	.hlp-qna__top p {font-size: 14px;}
	.hlp-qna__tab li a {height: 48px; font-size: 16px;}
	.hlp-qna__info dt {font-size: 14px; margin-bottom: 12px;}
	.hlp-qna__info dd {font-size: 12px;}
	.hlp-qna__form dl dt {width: 160px;}
	.hlp-qna__submit {margin-top: 40px;}
	.hlp-qna__submit li a {width: 200px; height: 48px; font-size: 14px;}
	.hlp-qna__submit.sm li a {width: 140px;}

}

@media(max-width:768px){
	.hlp-qna__top {padding-right: 16px; height: 80px; margin-bottom: 16px;}
	.hlp-qna__top h5 {font-size: 18px;}
	.hlp-qna__top p {font-size: 11px; margin-top: 4px;}
	.hlp-qna__tab li a {height: 38px; font-size: 13px;}
	.hlp-qna__info {margin-top: 16px;}
	.hlp-qna__info dt {font-size: 13px; margin-bottom: 8px;}
	.hlp-qna__info dd {font-size: 11px;}
	.hlp-qna__form {margin-top: 24px; padding-top: 24px;}
	.hlp-qna__form dl {margin-bottom: 24px; display: block;}
	.hlp-qna__form dl dt {width: 100%; line-height: 1.2;}
	.hlp-qna__form dl dd {margin-top: 8px;}
	.hlp-qna__form select {width: 100%;}
	.hlp-qna__form input[type="text"] {max-width: 100%;}
	.hlp-qna__file span {font-size: 11px;}
	.hlp-qna__submit {margin-top: 24px; margin-left: -2px; margin-right: -2px;}
	.hlp-qna__submit li {margin: 0; padding: 0 2px; width: 50%;}
	.hlp-qna__submit li a {width: 100%; height: 40px; font-size: 13px; -webkit-border-radius: 4px; border-radius: 4px;}
	.hlp-qna__submit.sm li {width: 33.3333%;}
	.hlp-qna__submit.sm li a {width: 100%;}
}





/* academy - intro */
#acitr * {box-sizing: border-box; word-break: auto-phrase; line-height: 1.4;}
.acitr-top {}
.acitr-top__main {padding: 88px 24px 120px; background: url('https://img.megastudyth.com/academy/intro_top_bg2.png')no-repeat center center / cover;}
.acitr-top__box {text-align: center; position: relative;}
.acitr-top__box h3 {font-size: 90px; font-weight: 700; color: #fff; margin-top: 32px;}
.acitr-top__box h3 span {background: #00E3FE; background: linear-gradient(to right, #00E3FE 0%, #006FFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.acitr-top__box p {font-size: 16px; font-weight: 300; margin-top: 24px; color: #fff; line-height: 1.6 !important; display: inline-block; position: relative;}
.acitr-top__box h5 {margin-top: 40px; display: inline-block; padding: 18px 24px; font-size: 18px; font-weight: 400; color: #fff; background: #00B2FF; background: linear-gradient(to right, #00B2FF 0%, #006FFF 100%); -webkit-border-radius: 10px; border-radius: 10px;}
.acitr-top__logo {display: block; height: 30px; text-indent: -9999px; background: url('https://img.megastudyth.com/academy/intro_top_logo.png')no-repeat center center / auto 100%;}

.acitr-top__slogan {padding: 80px 0; text-align: center;}
.acitr-top__slogan span {display: block; font-size: 18px;}
.acitr-top__slogan h4 {font-size: 28px; color: #006FFF; font-weight: 600; margin-top: 16px;}

.acitr-tab {position: sticky; top: 112px; z-index: 2; background: #00E3FE; background: linear-gradient(to right, #00E3FE 0%, #017EFF 50%, #00E3FE 100%);}
.acitr-tab ul {display: flex;}
.acitr-tab ul li {width: 20%;}
.acitr-tab ul li button {width: 100%; height: 100px; font-size: 20px; font-weight: 300; color: #BAE9FF; display: flex; align-items: center; justify-content: center;}
.acitr-tab ul li button.active {background: #004BEB; color: #fff; font-weight: 500;}

.acitr-bot {}
.acitr-panel {padding-top: 64px; padding-bottom: 160px;}
.acitr-title {margin-bottom: 64px;}
.acitr-title dt {width: 50px; height: 50px; background: #F4F6FA; margin: 0 auto; display: none; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}
.acitr-title dt img {display: block; width: 28px;}
.acitr-title dd {text-align: center;}
.acitr-title dd h5 {font-size: 34px;}
.acitr-title dd p {font-size: 18px; color: #4E5968; font-weight: 300; margin-top: 16px; line-height: 1.6 !important;}
.acitr-title dd p.blu {color: #006FFF;}
.acitr-title dd p strong {color: #1a1a1a; font-weight: 500;}

.acitr-tutor {}
.acitr-tutor img {display: block; width: 100%;}

.acitr-mentor {margin: 0 -20px;}
.acitr-mentor .slick-slide {padding: 0 20px;}
.acitr-mentor .slick-arrow {background: #fff; width: 50px; height: 50px; text-indent: -9999px; position: absolute; top: 50%; z-index: 1; margin-top: -25px; box-shadow: -4px 14px 24px 0px rgba(153, 153, 153, 0.25); -webkit-border-radius: 50%; border-radius: 50%;}
.acitr-mentor .slick-prev {left: -10px;}
.acitr-mentor .slick-next {right: -10px;}
.acitr-mentor .slick-arrow:after {content: ''; display: block; width: 12px; height: 12px; border-top: solid 2px #FF3678; position: absolute; left: 50%; top: 50%; margin-top: -6px; box-sizing: border-box;}
.acitr-mentor .slick-prev:after {border-left: solid 2px #FF3678; margin-left: -3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.acitr-mentor .slick-next:after {border-right: solid 2px #FF3678; margin-left: -9px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.acitr-mentor__item {position: relative; overflow: hidden; display: flex; justify-content: flex-end; -webkit-border-radius: 20px; border-radius: 20px;}
.acitr-mentor__item.blu {background: #0783FE; background: linear-gradient(to top, #0783FE 0%, #01B9FE 100%);}
.acitr-mentor__item.sky {background: #01CAFF; background: linear-gradient(to top, #01CAFF 0%, #11DAFF 100%);}
.acitr-mentor__item.grn {background: #01DC65; background: linear-gradient(to top, #01DC65 0%, #01ED94 100%);}
.acitr-mentor__item dl {padding: 32px 24px; display: flex; flex-direction: column; justify-content: space-between; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.acitr-mentor__item dl dt span {padding: 10px; font-size: 14px; color: #fff; font-weight: 300; -webkit-border-radius: 10px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center;}
.acitr-mentor__item dl dt h5 {font-size: 18px; font-weight: 600; color: #fff; padding-right: 40%; margin-top: 16px; line-height: 1.4;}
.acitr-mentor__item dl dd {padding-top: 16px; border-top: solid 1px #fff;}
.acitr-mentor__item dl dd p {font-size: 14px; color: #fff; line-height: 1.6 !important; min-height: 3.9em; padding-right: 50%;}
.acitr-mentor__item img {display: block; width: 68.6274%; z-index: 1;}
.acitr-mentor__item.blu dl dt span {background: #1266FF;}
.acitr-mentor__item.sky dl dt span {background: #00A1DD;}
.acitr-mentor__item.grn dl dt span {background: #00B24B;}

.acitr-consult {margin-top: 80px;}
.acitr-consult h5 {text-align: center; font-size: 28px;}
.acitr-consult ul {display: flex; margin-top: 80px; gap: 20px;}
.acitr-consult ul li {width: 50%; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px;}
.acitr-consult ul li img {display: block;}

.acitr-service {display: flex; gap: 80px;}
.acitr-service li {width: 33.3333%; position: relative;}
.acitr-service li:after {content: ''; display: block; width: 14px; height: 24px; position: absolute; top: 50%; margin-top: -12px; left: 100%; margin-left: 33px; background: url('https://img.megastudyth.com/academy/intro_service_arrow.png')no-repeat center center / cover;}
.acitr-service li:last-child:after {display: none;}
.acitr-service li div {height: 100%; padding: 40px 32px; border: solid 1px #006FFF; display: flex; flex-direction: column; -webkit-border-radius: 20px; border-radius: 20px;}
.acitr-service li h5 {font-size: 24px; flex-grow: 1;}
.acitr-service li img {display: block; width: 240px; flex-shrink: 0; margin-top: 16px; align-self: flex-end; margin-right: -24px; margin-bottom: -32px;}

.acitr-mock {margin-top: 40px; padding: 54px 32px; font-weight: 300; font-size: 24px; background: #E9F8FF; text-align: center; -webkit-border-radius: 20px; border-radius: 20px;}
.acitr-mock span {color: #006FFF; font-weight: 600;}

.acitr-open {display: grid; grid-template-columns: 46% 25% 25%; grid-template-rows: auto; gap: 2%;}
.acitr-open li:nth-child(1) {grid-row: span 2;}
.acitr-open li:nth-child(1) div {padding-bottom: 0; height: 100%;}
.acitr-open li:nth-child(3) div {padding-bottom: 0; background: #E9F8FF; padding: 32px; height: 100%;}
.acitr-open li div {padding-bottom: 78.7878%; position: relative; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px;}
.acitr-open li img {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; object-fit: cover;}
.acitr-open li p {font-size: 18px; color: #006FFF; line-height: 1.6 !important;}

.acitr-contact {margin-top: -40px;}
.acitr-contact dt {display: flex; justify-content: center;}
.acitr-contact dt p {background: #191F28; color: #fff; height: 60px; margin: 0 10px; padding: 0 24px; -webkit-border-radius: 30px; border-radius: 30px; display: flex; align-items: center; justify-content: center;}
.acitr-contact dt p span {margin-left: 24px;}
.acitr-contact dd {margin-top: 20px; text-align: center; font-size: 14px; font-weight: 300; color: #4E5968; line-height: 1.6 !important;}

.acitr-facility {margin-top: 40px; display: grid; grid-template-columns: 46% 25% 25%; grid-template-rows: auto; gap: 2%;}
.acitr-facility li:nth-child(1) {grid-row: span 2;}
.acitr-facility li:nth-child(1) div {padding-bottom: 0; height: 100%;}
.acitr-facility li:nth-child(3) div {padding-bottom: 0; background: #E9F8FF; padding: 32px; height: 100%;}
.acitr-facility li div {padding-bottom: 78.7878%; position: relative; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px;}
.acitr-facility li img {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; object-fit: cover;}
.acitr-facility dl {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.4); padding: 40px 32px; display: flex; flex-direction: column; justify-content: space-between;}
.acitr-facility dl dt {font-size: 32px; color: #fff; font-weight: 600;}
.acitr-facility dl dd {font-size: 16px; font-weight: 300; color: #fff; line-height: 1.6 !important;}

@media(max-width:1200px){
	.acitr-top__main {padding: 80px 24px;}
	.acitr-top__box h3 {font-size: 70px; margin-top: 16px;}
	.acitr-top__box p {font-size: 14px; margin-top: 16px;}
	.acitr-top__box h5 {font-size: 14px; margin-top: 24px;}
	.acitr-top__slogan {padding: 64px 0;}
	.acitr-top__slogan h4 {font-size: 24px; margin-top: 8px;}
	.acitr-tab {top: 84px;}
	.acitr-tab .inner {padding-left: 0; padding-right: 0;}
	.acitr-tab ul li button {height: 80px; font-size: 16px;}
	.acitr-panel {padding-bottom: 64px;}
	.acitr-title dd h5 {font-size: 28px;}
	.acitr-title dd p {font-size: 16px;}
	.acitr-mentor {margin: 0 -10px;}
	.acitr-mentor .slick-slide {padding: 0 10px;}
	.acitr-mentor .slick-prev {left: -15px;}
	.acitr-mentor .slick-next {right: -15px;}
	.acitr-mentor__item dl {padding: 24px 16px;}
	.acitr-mentor__item dl dt span {padding: 4px 8px; font-size: 12px; -webkit-border-radius: 8px; border-radius: 8px;}
	.acitr-mentor__item dl dt h5 {font-size: 16px; padding-right: 40%; margin-top: 8px;}
	.acitr-mentor__item dl dd {padding-top: 8px;}
	.acitr-mentor__item dl dd p {font-size: 12px;}
	.acitr-consult {margin-top: 64px;}
	.acitr-consult h5 {font-size: 24px;}
	.acitr-consult ul {margin-top: 64px; gap: 10px;}
	.acitr-service {gap: 48px;}
	.acitr-service li:after {margin-left: 20px;}
	.acitr-service li div {padding: 32px 24px;}
	.acitr-service li h5 {font-size: 20px;}
	.acitr-service li img {width: 180px; margin-top: 24px; margin-right: -16px; margin-bottom: -24px;}
	.acitr-mock {padding: 40px 24px; font-size: 20px;}
	.acitr-open li:nth-child(3) div {padding: 24px;}
	.acitr-open li p {font-size: 14px;}
	.acitr-contact dt p {height: 50px; margin: 0 6px; padding: 0 16px;}
	.acitr-contact dt p span {margin-left: 16px;}
	.acitr-facility dl {padding: 32px 24px;}
	.acitr-facility dl dt {font-size: 26px;}
	.acitr-facility dl dd {font-size: 14px;}
}

@media(max-width:992px){
	.acitr-top__main {padding: 64px 24px;}
	.acitr-top__box:before,
	.acitr-top__box:after {width: 200px; height: 186px; bottom: -96px;}
	.acitr-top__box:before {left: -80px;}
	.acitr-top__box:after {right: -80px;}
	.acitr-top__box h3 {font-size: 50px;}
	.acitr-top__box p {font-size: 12px;}
	.acitr-top__box h5 {font-size: 12px; margin-top: 16px; padding: 12px 20px;}
	.acitr-top__logo {height: 25px;}
	.acitr-top__slogan {padding: 56px 0;}
	.acitr-top__slogan span {font-size: 16px;}
	.acitr-top__slogan h4 {font-size: 22px;}
	.acitr-tab {top: 56px;}
	.acitr-tab ul li button {height: 64px; font-size: 14px;}
	.acitr-title dd h5 {font-size: 24px;}
	.acitr-title dd p {font-size: 14px;}
	.acitr-consult {margin-top: 56px;}
	.acitr-consult h5 {font-size: 20px;}
	.acitr-consult ul {margin-top: 56px;}
	.acitr-service li div {padding: 24px 16px;}
	.acitr-service li h5 {font-size: 16px;}
	.acitr-service li img {width: 120px; margin-right: -8px; margin-bottom: -16px;}
	.acitr-mock {padding: 24px 16px; font-size: 16px;}
	.acitr-open li:nth-child(3) div {padding: 16px;}
	.acitr-open li p {font-size: 12px;}
	.acitr-contact dt p {height: 44px;}
	.acitr-facility dl {padding: 24px 16px;}
	.acitr-facility dl dt {font-size: 20px;}
	.acitr-facility dl dd {font-size: 12px;}
}

@media(max-width:768px){
	.acitr-top__main {padding: 40px 0px;}
	.acitr-top__box h3 {font-size: 30px; margin-top: 8px;}
	.acitr-top__box p {font-size: 10px; margin-top: 8px;}
	.acitr-top__box h5 {font-size: 11px; padding: 8px 16px;}
	.acitr-top__logo {height: 20px;}
	.acitr-top__slogan {padding: 40px 0;}
	.acitr-top__slogan span {font-size: 12px;}
	.acitr-top__slogan h4 {font-size: 18px;}
	.acitr-tab {top: 56px; display: none;}
	.acitr-panel {padding-top: 40px; padding-bottom: 40px;}
	.acitr-title {margin-bottom: 24px;}
	.acitr-title dd h5 {font-size: 17px;}
	.acitr-title dd p {font-size: 12px; margin-top: 8px;}
	.acitr-mentor {padding-right: 20%;}
	.acitr-mentor .slick-list {overflow: visible;}
	.acitr-mentor__item {-webkit-border-radius: 12px; border-radius: 12px;}
	.acitr-mentor__item dl dt span {font-size: 10px;}
	.acitr-mentor__item dl dt h5 {font-size: 14px;}
	.acitr-mentor__item dl dd p {font-size: 10px;}
	.acitr-consult {margin-top: 40px;}
	.acitr-consult h5 {font-size: 16px;}
	.acitr-consult ul {margin-top: 40px; display: block;}
	.acitr-consult ul li {width: 100%; padding: 0; margin-bottom: 10px; -webkit-border-radius: 12px; border-radius: 12px;}
	.acitr-consult ul li:last-child {margin-bottom: 0;}
	.acitr-service {display: block;}
	.acitr-service li {width: 100%; margin-bottom: 10px;}
	.acitr-service li:last-child {margin-bottom: 0;}
	.acitr-service li div {padding: 16px; flex-direction: row; -webkit-border-radius: 12px; border-radius: 12px;}
	.acitr-service li img {width: 100px; margin-top: 0; margin-left: 16px;}
	.acitr-mock {padding: 16px; font-size: 14px; margin-top: 10px; -webkit-border-radius: 12px; border-radius: 12px;}
	.acitr-open {margin: -5px; display: flex; flex-wrap: wrap; gap: 0;}
	.acitr-open li {width: 50%; padding: 5px;}
	.acitr-open li:nth-child(1) {width: 100%;}
	.acitr-open li div {-webkit-border-radius: 12px; border-radius: 12px;}
	.acitr-open li:nth-child(1) div {padding-bottom: 90%;}
	.acitr-open li:nth-child(3) div {padding: 16px;}
	.acitr-open li p {font-size: 11px;}
	.acitr-contact {margin-top: -16px;}
	.acitr-contact dt p {height: 36px; margin: 0 4px; padding: 0 12px; font-size: 12px;}
	.acitr-contact dt p span {margin-left: 12px;}
	.acitr-contact dd {font-size: 12px;}
	.acitr-facility {padding-top: 24px; margin: -5px; display: flex; flex-wrap: wrap; gap: 0;}
	.acitr-facility li {width: 50%; padding: 5px;}
	.acitr-facility li:nth-child(1) {width: 100%;}
	.acitr-facility li div {-webkit-border-radius: 12px; border-radius: 12px;}
	.acitr-facility li:nth-child(1) div {padding-bottom: 90%;}
	.acitr-facility li:nth-child(3) div {padding: 16px;}
	.acitr-facility dl {padding: 24px 16px;}
	.acitr-facility dl dt {font-size: 18px;}
	.acitr-facility dl dd {font-size: 12px;}
}


#unq {padding-top: 120px; padding-bottom: 160px;}
#unq * {box-sizing: border-box; word-break: auto-phrase; line-height: 1.4;}
.unq-top {text-align: center;}
.unq-top h3 {font-size: 34px; font-weight: 600;}
.unq-top h4 {margin-top: 30px; position: relative; display: flex; justify-content: center;}
.unq-top h4 span {background: #006FFF; color: #fff; padding: 16px 32px; font-size: 24px; font-weight: 600; position: relative; outline: solid 20px #fff; -webkit-border-radius: 60px; border-radius: 60px; display: flex; align-items: center; justify-content: center;}
.unq-top h4:before {content: ''; display: block; height: 1px; background: #CED3DE; position: absolute; left: 0; right: 0; top: 50%;}
.unq-top p {margin-top: 30px; font-size: 18px; font-weight: 300;}
.unq-top p span {display: block; margin-bottom: 16px; line-height: 1.6 !important;}
.unq-top p span:last-child {margin-bottom: 0;}
.unq-site {margin-top: 60px; display: flex; gap: 30px;}
.unq-site dt,
.unq-site dd {padding: 48px 54px; position: relative; overflow: hidden; background: #B0FDF2; background: linear-gradient(to right, #B0FDF2 0%, #ABE6FF 100%); -webkit-border-radius: 20px; border-radius: 20px;}
.unq-site dt:before,
.unq-site dt:after,
.unq-site dd:before,
.unq-site dd:after {content: ''; display: block; position: absolute; z-index: 1; -webkit-border-radius: 100%; border-radius: 100%;}
.unq-site dt:before {background: #C0EFFF; width: 49%; padding-bottom: 49%; left: -30%; top: -10%;}
.unq-site dt:after {background: #C3FBF7; width: 65%; padding-bottom: 65%; right: -10%; bottom: -10%;}
.unq-site dd:before {background: #C0EFFF; width: 35%; padding-bottom: 35%; left: -10%; top: -10%;}
.unq-site dd:after {background: #C3FBF7; width: 41%; padding-bottom: 41%; right: -10%; bottom: -10%;}
.unq-site ul {display: flex; gap: 20px; position: relative; z-index: 2;}
.unq-site ul li {background: #fff; padding: 12px; -webkit-border-radius: 16px; border-radius: 16px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);}
.unq-site p {text-align: center; margin-top: 24px; font-weight: 600; font-size: 24px; position: relative; z-index: 2;}
.unq-site p span {color: #006FFF;}
.unq-title {margin-top: 120px; text-align: center;}
.unq-title h4 {font-size: 34px; font-weight: 600;}
.unq-title p {margin-top: 8px; font-size: 18px; color: #4E5968; font-weight: 300;}
.unq-half {margin-top: 60px; display: flex; gap: 60px;}
.unq-img {width: 50%;}
.unq-img li {overflow: hidden; margin-bottom: 120px; -webkit-border-radius: 20px; border-radius: 20px;}
.unq-img li:last-child {margin-bottom: 0;}
.unq-hsty {width: 50%;}
.unq-hsty dl {position: relative; margin-left: 24px; padding-top: 60px; padding-bottom: 90px; border-bottom: solid 1px #F5F5F5;}
.unq-hsty dl:first-child {padding-top: 0;}
.unq-hsty dl:last-child {padding-bottom: 0; border-bottom: none;}
.unq-hsty dl:before {content: ''; display: block; width: 1px; background: #CED3DE; position: absolute; left: -24px; top: 0; bottom: 0;}
.unq-hsty dl:first-child:before {top: 20px;}
.unq-hsty dl:last-child:before {bottom: auto; height: 80px;}
.unq-hsty dl:after {content: ''; display: block; width: 9px; height: 9px; background: #4E5968; position: absolute; left: -28px; top: 75px; -webkit-border-radius: 50%; border-radius: 50%;}
.unq-hsty dl:first-child:after {top: 15px;}
.unq-hsty dl dt {font-size: 28px; font-weight: 600;}
.unq-hsty dl dd {font-size: 18px; font-weight: 300; margin-top: 20px; line-height: 1.6 !important;}

@media(max-width:1200px){
	#unq {padding-top: 80px; padding-bottom: 120px;}
	.unq-top h3 {font-size: 30px;}
	.unq-top h4 span {padding: 12px 24px; font-size: 20px;}
	.unq-top p {font-size: 16px;}
	.unq-site {display: flex; gap: 20px;}
	.unq-site dt,
	.unq-site dd {padding: 32px;}
	.unq-site p {margin-top: 16px; font-size: 20px;}
	.unq-title {margin-top: 80px;}
	.unq-title h4 {font-size: 30px;}
	.unq-title p {font-size: 16px;}
	.unq-hsty dl {padding-top: 40px; padding-bottom: 40px;}
	.unq-hsty dl:after {top: 55px;}
	.unq-hsty dl:last-child:before {height: 60px;}
	.unq-hsty dl dd {font-size: 16px; margin-top: 16px;}
}

@media(max-width:992px){
	#unq {padding-top: 40px; padding-bottom: 64px;}
	.unq-top h3 {font-size: 24px;}
	.unq-top h4 span {padding: 8px 16px; font-size: 16px;}
	.unq-top p {font-size: 14px;}
	.unq-site dt,
	.unq-site dd {padding: 24px;}
	.unq-site p {margin-top: 8px; font-size: 16px;}
	.unq-site ul li {padding: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
	.unq-title {margin-top: 64px;}
	.unq-title h4 {font-size: 24px;}
	.unq-title p {font-size: 14px;}
	.unq-img li {margin-bottom: 40px;}
	.unq-hsty dl {padding-top: 24px; padding-bottom: 24px;}
	.unq-hsty dl:after {top: 39px;}
	.unq-hsty dl:last-child:before {height: 46px;}
	.unq-hsty dl dd {font-size: 14px; margin-top: 8px;}
}

@media(max-width:768px){
	.unq-top h3 {font-size: 18px;}
	.unq-top h4 {margin-top: 24px;}
	.unq-top h4 span {font-size: 12px; outline-width: 10px;}
	.unq-top p {font-size: 12px;}
	.unq-site {display: block; margin-top: 40px;}
	.unq-site dt {margin-bottom: 16px;}
	.unq-site dd {margin-bottom: 0;}
	.unq-site ul {display: block;}
	.unq-site ul li {margin-bottom: 10px;}	
	.unq-site ul li:last-child {margin-bottom: 0;}
	.unq-title {margin-top: 40px;}
	.unq-title h4 {font-size: 18px;}
	.unq-title p {font-size: 12px; margin-top: 4px;}
	.unq-half {margin-top: 24px; display: block;}
	.unq-img {width: 100%;}
	.unq-img li {margin-bottom: 10px;}
	.unq-hsty {margin-top: 24px; width: 100%;}
	.unq-hsty dl dd {font-size: 12px; margin-top: 8px;}
}