@charset "utf-8";


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

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

#cast {position: relative;}
#cast > * {position: relative;}
#cast * {box-sizing: border-box;}
#cast + #ft-renew {position: relative;}

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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







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

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

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

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

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

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

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

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

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

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

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

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

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

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




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


#news * {box-sizing: border-box;}
#news > * {position: relative;}

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

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

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

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

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

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

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


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

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

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


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




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

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

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

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