@charset "euc-kr"; 

/* ==============================
   teacher Àü¿ë css
============================== */

.mexx-teacher__title {color: var(--mexx-color-bluegray1); font-weight: 700; margin-bottom: 20px; line-height: 1.45; font-size: 22px;}
.mexx-teacher__list + .mexx-teacher__title {margin-top: 40px;}

.mexx-teacher__list {display: flex; gap: 30px; flex-wrap: wrap;}
.mexx-teacher__item {background: var(--mexx-color-bluegray6); padding: 40px 30px; flex: 0 0 calc(100% / 3 - 20px);}
.mexx-teacher__item-badge {display: flex; gap: 6px;}
.mexx-teacher__item-name {font-size: 22px; line-height: 1.45; margin-top: 6px;}
.mexx-teacher__item-info {margin-top: 16px; color: var(--mexx-color-bluegray1); font-size: 14px; line-height: 1.43; font-weight: 300;}
.mexx-teacher__item-info {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em; text-overflow: ellipsis;}


/* --- Tab --- */
.mexx-teacher .mexx-tab--line {margin-bottom: 50px;}

@media (max-width:1199px) {

	.mexx-teacher__title {font-size: 18px; line-height: 1.44;}
	.mexx-teacher__list + .mexx-teacher__title {margin-top: 30px;}

	.mexx-teacher__list {gap:20px}
	.mexx-teacher__item {flex: 0 0 calc(100% / 2 - 10px);}
	
}


@media (max-width: 767px) {
	
	.mexx-teacher__list {gap:20px; flex-direction: column;}
	.mexx-teacher__item {flex: 0 0 calc(100% / 2 - 10px);}

	.mexx-teacher .mexx-tab--line {margin-bottom: 30px;}
	.mexx-teacher .mexx-tab--pill {margin-bottom: 40px;}

}