@charset "UTF-8";
:root{font-size: 62.5% !important;}

[class*=show_]{display: none;}
.block{display: block;}
.flex{display: -webkit-box; display: -ms-flexbox; display: flex;}

@media screen and (max-width: 1200px){
  .hide_1200{display: none !important;}
  .show_1200{display: initial;}
  .show_1200.block{display: block;}
  .show_1200.flex{display: -webkit-box; display: -ms-flexbox; display: flex;}
  br.show_1200{display: block;}
;}

@media screen and (max-width: 992px){
  .show_992{display: initial;}
  .show_992.block{display: block;}
  .show_992.flex{display: -webkit-box; display: -ms-flexbox; display: flex;}
  .hide_992{display: none;}
  br.show_992{display: block;}
;}

@media screen and (max-width: 768px){
  .show_768{display: initial;}
  .show_768.block{display: block;}
  .show_768.flex{display: -webkit-box; display: -ms-flexbox; display: flex;}
  .hide_768{display: none;}
  br.show_768{display: block;}
;}

@media screen and (max-width: 576px){:root{font-size: 60% !important;}
  .show_576{display: initial;}
  .show_576.block{display: block;}
  .show_576.flex{display: -webkit-box; display: -ms-flexbox; display: flex;}
  br.show_576{display: block;}
  .hide_576{display: none;}
;}



.teacher {
  width: 100%;
  border-bottom:1px solid #efefef;
  overflow: hidden;
}
.teacher .teacher_title {
  background: #cfddd9;
  width:100%;
}
.teacher .teacher_title .inner {
  max-width: fit-content;
  margin:0 auto;
  padding:0;
}
.teacher .teacher_content{
  background-image:url(https://img.megastudyacademy.co.kr/campus/mbc/board/teacher/teacher_slide_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  border-bottom:1px solid #efefef;
}
.teacher .teacher_content .inner {
  max-width: 1200px;
  margin:0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap:137px;
  padding: 128px 0 120px;
}
.teacher .teacher_content .inner .content_title{
  display: flex;flex-direction: column;
  gap:40px;
}
.teacher .teacher_content .inner .content_title p {
  font-size:30px;
  font-weight:500;color:#546680;
  text-align: center;
}
.teacher .teacher_content .inner .content_title h3 {
  font-size:52px;
  font-weight:500;color:#000000;
  line-height: 1.2;
  text-align: center;
}
.teacher .teacher_content .inner .content_title h3 span {
  font-weight:900;
}
.teacher .teacher_content .inner .content_slide {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher .teacher_content .inner .content_slide .swiper-container::after {
  content:'';
  position: absolute;
  top:0;left:0;
  width:83px;height:2px;
  background: #000;
}
.teacher .teacher_content .inner .content_slide .swiper-container{
  width: 921px;
  height:469px;
  overflow: hidden;
  position: relative;
}
.teacher .teacher_content .inner .content_slide .swiper-container .swiper-navigation {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom:0;left:0;
  width:49px;height:23px;
}
.teacher .teacher_content .inner .content_slide .swiper-container .swiper-navigation .swiper-button-next, .teacher .teacher_content .inner .content_slide .swiper-container .swiper-navigation .swiper-button-prev {
  position: relative;
  width:fit-content;
}
.teacher .teacher_content .inner .content_slide .swiper-container .swiper-navigation .swiper-button-next {
  right:0;
}
.teacher .teacher_content .inner .content_slide .swiper-container .swiper-navigation .swiper-button-prev {
  left:0;
}
.teacher .teacher_content .inner .content_slide .swiper-container .swiper-navigation .swiper-button-next::after, .teacher .teacher_content .inner .content_slide .swiper-container .swiper-navigation .swiper-button-prev::after {
  font-size: 19px;
  font-weight: 700;
  color: #000;
}
.teacher .teacher_content .inner .content_slide .swiper-container .swiper-navigation span {
  width: 1px;
  height: 23px;
  background: #546680;
  display: block;
}
.teacher .teacher_list_container {
  padding:110px 0 140px;
}
.teacher .content_tab_btn  {
  overflow: hidden;
  margin-bottom:20px;
}

.teacher_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap:40px 15px;
}
.teacher_wrap .teacher_item_wrap {
  display: flex;
  height: auto;
  width: 227px;
  flex-shrink: 0;
}
.teacher_wrap .teacher_item_wrap .teacher_item {
  width: 100%;
}
.teacher_wrap .teacher_item_wrap .teacher_item .teacher_wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_image {
  width: 227px;
  height: 254px;
  overflow: hidden;
  border-radius: 20px;
  background: #cfdadd;
  position: relative;
}
.teacher_wrap .teacher_item_wrap:nth-child(even) .teacher_item .teacher_item_image {
  background: #e1d2cf;
}
.teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_image img {
  position: absolute;
  max-width: unset;
  width: auto;
  height: 500px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_title {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_title p {
  font-size: 13px;
  font-weight: 400;
  color: #546680;
}
.teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_title h2 {
  font-size: 18px;
  font-weight: 900;
  color: #000000;
}
.teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_title h2 span{
  font-weight:300;
}
.teacher .category_campus {
  margin-bottom:50px;
  display: flex;
  gap:20px;
  flex-wrap: wrap;
}
.teacher .category_campus li button {
  color:#afb3b9;
  font-size:16px;font-weight: 400;
}
.teacher .category_campus li.on button {
  color: #000000;
  font-weight: 800;
}

/*
@media screen and (max-width: 1200px){
  .teacher .inner{padding: 2rem 1rem 0 1rem;}
  .teacher_top{height: 20rem;}
  .teacher_top h2{font-size: 2.6rem;}
  .teacher .tab_base{margin-bottom: 4rem;}
  .teacher .category{margin-bottom: 5.5rem;}
  .teacher .teacher_wrap{gap: 1rem;}
  .teacher .teacher_wrap li{width: calc(25% - 0.8rem); height: 36rem; padding: 4rem 0 0 2.5rem;}
  .teacher .teacher_wrap li:hover .overlay{padding: 4rem 0 0 2.5rem;}
  .teacher .teacher_wrap li:hover .overlay p{margin-top: 40%; margin-bottom: 3.3rem; font-size: 1.6rem;}
  .teacher .teacher_wrap li:hover .overlay span{font-size: 1.4rem;}
  .teacher .teacher_wrap .table_td.img{bottom: -10rem; width: calc(25vw - 1.25rem); height: calc(37vw - 1.25rem);}
  .teacher .teacher_wrap .table_td.type{margin-bottom: 1.6rem; font-size: 2rem;}
  .teacher .teacher_wrap .table_td.name{margin-bottom: 1.6rem; padding-bottom: 3rem; font-size: 2rem;}
  .teacher .teacher_wrap .table_td.name::before{top: 3.7rem;}
  .teacher .teacher_wrap .table_td.new{width: 5.1rem; height: 1.9rem; line-height: 1.7rem; font-size: 1.2rem; border-radius: 4rem;}
  .teacher .table_pagination{margin-top: 5rem;}
  .teacher .sub_bottom_text{margin: 5.5rem 0 10rem 0; font-size: 2.8rem;}
  .teacher .banner .inner{padding: 5rem 6rem 5rem 12rem;}
  .teacher .banner .con_title h4{font-size: 2rem;}
  .teacher .banner .con_box a{width: 26.4rem; height: 5.3rem; padding-right: 1rem; font-size: 2rem; border-radius: 4rem;}
  .teacher .banner .con_box a::before{right: 4.2rem; width: 1rem; height: 1.6rem;}
;}

@media screen and (max-width: 992px){
  .teacher_top{height: 18rem;}
  .teacher_top h2{font-size: 2.2rem;}
  .teacher .tab_base{margin-bottom: 3rem;}
  .teacher .category{margin-bottom: 3rem;}
  .teacher .teacher_wrap li{width: calc(33.33% - 0.7rem); height: calc(49vw - 0.7rem);}
  .teacher .teacher_wrap .table_td.img{bottom: -10vw; width: calc(33.3vw - 1.34rem); height: calc(49vw - 1.34rem);}
  .teacher .table_pagination{margin-top: 2rem;}
  .teacher .table_pagination ul{margin-top: initial;}
  .teacher .sub_bottom_text{margin: 5rem 0 8rem 0; font-size: 2.2rem;}
  .teacher .banner .inner{-webkit-box-pack: center;   -ms-flex-pack: center; justify-content: center; gap: 5rem; padding: 5rem 1rem 5rem 1rem;}
;}

@media screen and (max-width: 768px){
  .teacher .teacher_wrap li{padding: 3rem 0 0 2rem;}
  .teacher .teacher_wrap .table_td.img{width: calc(33.3vw - 1.34rem); height: calc(49vw - 1.34rem);}
  .teacher .teacher_wrap .table_td.type{margin-bottom: 1.5rem; font-size: 1.8rem;}
  .teacher .teacher_wrap .table_td.name{margin-bottom: 1.5rem; padding-bottom: 2.5rem; font-size: 1.8rem;}
  .teacher .teacher_wrap .table_td.name::before{top: 3.3rem;}
  .teacher .teacher_wrap .table_td.new{width: 5rem; height: 1.7rem; line-height: 1.5rem; font-size: 1.1rem;}
  .teacher .sub_bottom_text{font-size: 1.9rem;}
  .teacher .banner .inner{gap: 3rem; padding: 5rem 1rem 5rem 1rem;}
  .teacher .banner .con_title h4{font-size: 1.8rem;}
  .teacher .banner .con_box a{width: 22rem; height: 5rem; font-size: 1.6rem;}
  .teacher .banner .con_box a::before{right: 3rem;}
;}

@media screen and (max-width: 576px){
  .teacher_top{height: 16rem;}
  .teacher_top h2{font-size: 1.8rem;}
  .teacher .tab_base li a{font-size: 1.3rem; word-break: keep-all;}
  .teacher .teacher_wrap li{width: calc(50% - 0.5rem); height: calc(74vw - 0.5rem); padding: 3rem 0 0 2rem;}
  .teacher .teacher_wrap .table_td.img{right: -5vw; bottom: -15vw; width: calc(50vw - 1.5rem); height: calc(74vw - 1.5rem);}
  .teacher .teacher_wrap .table_td.type{margin-bottom: 1.2rem; font-size: 1.6rem;}
  .teacher .teacher_wrap .table_td.name{margin-bottom: 1.2rem; padding-bottom: 2.2rem; font-size: 1.6rem;}
  .teacher .teacher_wrap .table_td.name::before{top: 3rem;}
  .teacher .teacher_wrap .table_td.new{width: 4.5rem; height: 1.7rem; line-height: 1.6rem;}
  .teacher .sub_bottom_text{font-size: 1.6rem;}
  .teacher .banner .inner{-webkit-box-orient: vertical; -webkit-box-direction: normal;   -ms-flex-direction: column; flex-direction: column; gap: 1rem; padding: 5rem 1rem 5rem 1rem;}
  .teacher .banner .con_title h4{font-size: 1.6rem; text-align: center;}
  .teacher .banner .con_box a{width: 22rem; height: 5rem; font-size: 1.5rem;}
  .teacher .banner .con_box a::before{right: 3rem;}
;}
*/
/*# sourceMappingURL=teacher.css.map */

@media all and (max-width:1200px){
  .teacher {
    width: 100%;
  }
  .teacher .teacher_title {
    background: #cfddd9;
    width:100%;
  }
  .teacher .teacher_title .inner {
    max-width: unset;
    margin:0 auto;
    padding:0;
  }
  .teacher .teacher_title .inner img{
    max-width: 100%;margin-left:0;
  }
  .teacher .teacher_content{
    background-image:url(https://img.megastudyacademy.co.kr/campus/mbc/board/teacher/teacher_slide_bg.png);
    background-size: 160vw auto;
    background-position: center center;
  }
  .teacher .teacher_content .inner {
    max-width: 100vw;
    margin:0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:11.4166vw;
    padding: 10.6666vw 1rem 10vw;
  }
  .teacher .teacher_content .inner .content_title{
    display: flex;flex-direction: column;
    gap:3.3333vw;
  }
  .teacher .teacher_content .inner .content_title p {
    font-size:2.5vw;
    font-weight:500;color:#546680;
    text-align: center;
  }
  .teacher .teacher_content .inner .content_title h3 {
    font-size:4.3333vw;
    font-weight:500;color:#000000;
    line-height: 1.2;
    text-align: center;
  }
  .teacher .teacher_content .inner .content_title h3 span {
    font-weight:900;
  }
  .teacher .teacher_content .inner .content_slide {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .teacher .teacher_content .inner .content_slide .swiper-container::after {
    content:'';
    position: absolute;
    top:0;left:0;
    width:6.9166vw;height:2px;
    background: #000;
  }
  .teacher .teacher_content .inner .content_slide .swiper-container{
    width: 76.75vw;
    height:39.0833vw;
    overflow: hidden;
    position: relative;
  }
  .teacher .teacher_content .inner .content_slide .swiper-container .swiper-navigation {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom:0;left:0;
    width:4.0833vw;height:1.9166vw;
  }
  .teacher .teacher_content .inner .content_slide .swiper-container .swiper-navigation .swiper-button-next, .teacher .teacher_content .inner .content_slide .swiper-container .swiper-navigation .swiper-button-prev {
    position: relative;
    width:fit-content;
  }
  .teacher .teacher_content .inner .content_slide .swiper-container .swiper-navigation .swiper-button-next {
    right:0;
  }
  .teacher .teacher_content .inner .content_slide .swiper-container .swiper-navigation .swiper-button-prev {
    left:0;
  }
  .teacher .teacher_content .inner .content_slide .swiper-container .swiper-navigation .swiper-button-next::after, .teacher .teacher_content .inner .content_slide .swiper-container .swiper-navigation .swiper-button-prev::after {
    font-size: 1.5833vw;
    font-weight: 700;
    color: #000;
  }
  .teacher .teacher_content .inner .content_slide .swiper-container .swiper-navigation span {
    width: 1px;
    height: 1.9166vw;
    background: #546680;
    display: block;
  }
  .teacher .teacher_list_container {
    padding:9.1666vw 1rem 11.6666vw;
  }
  
  .teacher .content_tab_btn  {
    margin-bottom:1.6666vw;
  }
  
  .teacher_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap:3.3333vw 1.25vw;
  }
  .teacher_wrap .teacher_item_wrap {
    display: flex;
    height: auto;
    width: 100%;
    flex-shrink: 0;
  }
  .teacher_wrap .teacher_item_wrap .teacher_item {
    width: 100%;
  }
  .teacher_wrap .teacher_item_wrap .teacher_item .teacher_wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.0833vw;
  }
  .teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_image {
    width: 100%;
    height: 21.1666vw;
    overflow: hidden;
    border-radius: 1.6666vw;
    background: #cfdadd;
    position: relative;
  }
  .teacher_wrap .teacher_item_wrap:nth-child(even) .teacher_item .teacher_item_image {
    background: #e1d2cf;
  }
  .teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_image img {
    position: absolute;
    max-width: unset;
    width: auto;
    height: 41.6666vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_title {
    display: flex;
    flex-direction: column;
    gap: 0.8333vw;
  }
  .teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_title p {
    font-size: 1.0833vw;
    font-weight: 400;
    color: #546680;
  }
  .teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_title h2 {
    font-size: 1.5vw;
    font-weight: 900;
    color: #000000;
  }
  .teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_title h2 span{
    font-weight:300;
  }
  .teacher .category_campus {
    margin-bottom:4.1666vw;
    display: flex;
    gap:1.6666vw;
    flex-wrap: wrap;
  }
  .teacher .category_campus li button {
    color:#afb3b9;
    font-size:1.3333vw;font-weight: 400;
  }
  .teacher .category_campus li.on button {
    color: #000000;
    font-weight: 800;
  }
}

@media all and (max-width:768px){
  .teacher {
    width: 100%;
    border-bottom:1px solid #efefef;
    overflow: hidden;
  }
  .teacher .teacher_title {
    background: #cfddd9;
    width:100%;
  }
  .teacher .teacher_title .inner {
    max-width: 100vw;
    margin:0 auto;
    padding:0;
  }
  .teacher .teacher_title .inner img{
    max-width: 100%;margin-left:0;
  }
  .teacher .teacher_content{
    background-image:unset;
    background: #fff;
    background-size: unset;
    background-position: unset;
    background-repeat: unset;
    border-bottom:1px solid #efefef;
  }
  .teacher .teacher_content .inner {
    max-width: 93.75vw;
    margin:0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:7.8125vw;
    padding: 15.625vw 0 13.0208vw;
  }
  .teacher .teacher_content .inner .content_title{
    display: flex;flex-direction: column;
    gap:5.2083vw;
  }
  .teacher .teacher_content .inner .content_title p {
    font-size:3.9062vw;
    font-weight:400;color:#546680;
    text-align: center;
  }
  .teacher .teacher_content .inner .content_title h3 {
    font-size:6.7708vw;
    font-weight:500;color:#000000;
    line-height: 1.2;
    text-align: center;
  }
  .teacher .teacher_content .inner .content_title h3 span {
    font-weight:900;
  }
  .teacher .teacher_content .inner .content_slide {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .teacher .teacher_content .inner .content_slide .swiper-container::after {
    display:none;
  }
  .teacher .teacher_content .inner .content_slide .swiper-container{
    width: fit-content;
    height:152.7343vw;
    overflow: hidden;
    position: relative;
  }
  .teacher .teacher_content .inner .content_slide .swiper-container .swiper-slide {
    width: 81.3802vw;
  }
  .teacher .teacher_content .inner .content_slide .swiper-container .swiper-slide img {
    width: 81.3802vw;
  }
  .teacher .teacher_content .inner .content_slide .swiper-container .swiper-navigation {
    display: none;
  }
  .teacher .teacher_list_container {
    padding:13.0208vw 0;
  }
  .teacher .teacher_list_container .inner {
    max-width: 93.75vw;
  }
  .teacher .content_tab_btn  {
    overflow: visible;
    margin-bottom:6.5104vw;
  }
  .teacher .category_campus {
    margin-bottom:7.8125vw;
    display: flex;
    gap:5.2083vw 2.6041vw;
    flex-wrap: wrap;
  }
  .teacher .category_campus li button {
    color:#afb3b9;
    font-size:3.9062vw;font-weight: 400;
  }
  .teacher .category_campus li.on button {
    color: #000000;
    font-weight: 800;
  }
  .table_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:9.1145vw;
  }
  .teacher_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:7.8125vw 3.125vw;
    max-width:90.7552vw;
  }
  .teacher_wrap .teacher_item_wrap {
    display: flex;
    height: auto;
    width: 100%;
    flex-shrink: 0;
  }
  .teacher_wrap .teacher_item_wrap .teacher_item {
    width: 100%;
  }
  .teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_image {
    width: 43.6198vw;
    height: 50.3906vw;
    overflow: hidden;
    border-radius: 2.6042vw;
    background: #cfdadd;
    position: relative;
  }
  .teacher_wrap .teacher_item_wrap:nth-child(even) .teacher_item .teacher_item_image {
    background: #e1d2cf;
  }
  .teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_image img {
    position: absolute;
    max-width: unset;
    width: auto;
    height: 97.5260vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_title {
    display: flex;
    flex-direction: column;
    gap: 1.9531vw;
  }
  .teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_title p {
    font-size: 3.1250vw;
    font-weight: 400;
    color: #546680;
  }
  .teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_title h2 {
    font-size: 3.9063vw;
    font-weight: 900;
    color: #000000;
  }
  .teacher_wrap .teacher_item_wrap .teacher_item .teacher_item_title h2 span{
    font-weight:300;
  }
}