@charset "utf-8";



/* 교육과정 상세 */
#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%;}
}

















#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;}

.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: 600; cursor: pointer; color: #000; 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: #006FFF; background: #006FFF; color: #fff;}
.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: 40px;}
.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: 40px; text-align: center; font-size: 16px; font-weight: 400; cursor: pointer; color: #8B95A1; background: #F2F4F6; border: 1px solid #F2F4F6; padding: 0 20px; -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: #006FFF; border-color: #006FFF; background: #fff; font-weight: 500;}

.crsl-title {padding-top: 40px; padding-bottom: 24px;}
.crsl-title.pnk {background: #F70D8A;}
.crsl-title.blu {background: #006FFF;}
.crsl-title dl dt {text-align: center; font-size: 48px; color: #fff; font-weight: 500;}
.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: 4px;}
.clsl-label li:last-child {margin-right: 0;}
.clsl-label li input[type="checkbox"] {display: none;}
.clsl-label li input[type="checkbox"] + label {height: 48px; padding: 0 20px; text-align: center; font-size: 16px; font-weight: 500; cursor: pointer; background: #fff; color: #333; -webkit-border-radius: 12px; border-radius: 12px; 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;}
.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: #006FFF;}
.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: #006FFF; border-color: #006FFF; 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 {content: ''; display: block; width: 24px; height: 24px; margin-right: 8px; 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%;}
}












/* 통합검색 */
#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;}

}







/* 교육과정상세 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;}
}








