@charset "utf-8";

#tutor {padding-top: 3.75rem; padding-bottom: 5rem;}
.tutor-tab {background: #F5F6FA; border-radius: 0.625rem; display: flex;}
.tutor-tab li {flex: auto;}
.tutor-tab li button {color: #8B95A1; width: 100%; font-size: 1rem; height: 3rem; display: flex; align-items: center; justify-content: center;}
.tutor-tab li button.active {background: #006FFF; color: #fff; border-radius: 0.625rem; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);}

.tutor-list {margin: -1rem; padding-top: 2.5rem; display: flex; flex-wrap: wrap;}
.tutor-list > li {width: 50%; padding: 1rem;}
.tutor-list__item {display: block; height: 22.5rem; border-radius: 1.25rem; position: relative; overflow: hidden; background: #F7FAFF; background: linear-gradient(to top, #F7FAFF 0%, #E5F1FF 100%);}
.tutor-list__item img {display: block; position: absolute; right: 0; top: 5%; width: 60%;}
.tutor-list__item dl dt {position: absolute; left: 0; right: 0; top: 0; padding: 1.5rem;}
.tutor-list__item dl dt p {font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5; height: 3.0em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.tutor-list__item dl dt h5 {font-size: 1.75rem; margin-top: 0.5rem; font-weight: 600;}
.tutor-list__item dl dd:nth-child(2) {position: absolute; left: 0; right: 0; bottom: 5.625rem; padding: 1.5rem;}
.tutor-list__item dl dd:nth-child(3) {position: absolute; left: 0; right: 0; bottom: 0; padding: 1.5rem; height: 5.625rem; background: rgba(0,0,0,0.8);}
.tutor-list__item dl dd ul li {font-weight: 600; font-size: 0.75rem; font-weight: 300; margin-top: 2px; color: #8B95A1;}
.tutor-list__item dl dd p {font-size: 0.875rem; color: #fff; font-weight: 300; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5; height: 3.0em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.tutor-list__item dl dd p span {display: flex; align-items: flex-start;}
.tutor-list__item dl dd p span:before {content: ''; display: block; width: 6px; height: 1px; background: #fff; margin-right: 4px; margin-top: 10px; flex-shrink: 0;}

.tutor-list__sklt {height: 22.5rem; border-radius: 1.25rem; position: relative; background: #fafafa;}
.tutor-list__sklt dl dt {position: absolute; left: 0; right: 0; top: 0; padding: 1.5rem;}
.tutor-list__sklt dl dt p {height: 3.0em;}
.tutor-list__sklt dl dt p span {display: block; width: 60%; height: 1.2rem; background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: shimmer 1.5s infinite; border-radius: 4px;}
.tutor-list__sklt dl dt p span:last-child {margin-top: 0.2rem; width: 40%;}
.tutor-list__sklt dl dt h5 {width: 10rem; height: 1.5rem; margin-top: 0.5rem; background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: shimmer 1.5s infinite; border-radius: 4px;}
.tutor-list__sklt dl dd {position: absolute; left: 0; right: 0; bottom: 0; padding: 1.5rem; height: 6rem;}
.tutor-list__sklt dl dd span {display: block; width: 70%; height: 1rem; background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: shimmer 1.5s infinite; border-radius: 4px;}
.tutor-list__sklt dl dd span:last-child {margin-top: 0.4rem; width: 40%;}

@media all and (max-width:768px){
	#tutor {padding-top: 2rem;}
	.tutor-tab {flex-wrap: wrap;}
	.tutor-tab li button {padding: 0 0.5rem;}
	.tutor-list {margin: 0; padding-top: 2rem;}
	.tutor-list > li {width: 100%; padding: 0; margin-bottom: 1rem;}
	.tutor-list > li:last-child {margin-bottom: 0;}
	.tutor-list__item dl dd p span:before {margin-top: 7px; width: 4px;}
}

@keyframes shimmer {
	0% {background-position: -200% 0;}
	100% {background-position: 200% 0;}
}









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

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

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

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

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

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




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

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

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

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

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

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

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

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