@charset "utf-8";

/* 새글 스킨 (latest) */

.teacher-Swiper06{ position: relative; width: 100%; overflow: hidden; }
.teacher-Swiper06 .swiper-wrapper .swiper-slide{ width: 1200px; }
.teacher-Swiper06 .swiper-wrapper .swiper-slide.empty_list { padding: 100px 0; }
.teacher-Swiper06 .t-swiper-button-next{ position: absolute; right: 15%; top: 50%; width: 55px; height: 37px; background: url(/img/btn_teacher_next.png) no-repeat center center; background-size: contain; cursor: pointer; transition: all 0.2s ease-in-out; z-index: 100; }
.teacher-Swiper06 .t-swiper-button-prev{ position: absolute; left: 15%; top: 50%; width: 55px; height: 37px; background: url(/img/btn_teacher_prev.png) no-repeat center center; background-size: contain; cursor: pointer; transition: all 0.2s ease-in-out; z-index: 100;}
.teacher-Swiper06 .t-swiper-button-next:hover{ background: url(/img/btn_teacher_next_on.png) no-repeat center center; background-size: contain; cursor: pointer; }
.teacher-Swiper06 .t-swiper-button-prev:hover{ background: url(/img/btn_teacher_prev_on.png) no-repeat center center; background-size: contain; cursor: pointer; }

.teacher-Swiper06 ul li > a{ display: flex; align-items: stretch; justify-content: center; position: relative; padding-bottom: 100px; }
.teacher-Swiper06 ul li > a > .infoBox{ position: relative; width: 300px; opacity: 0; transition: all 0.2s ease-in-out; }
.teacher-Swiper06 ul li > a > .infoBox .bottom{ position: absolute; left: 0; bottom: 0; width: 100%; }
.teacher-Swiper06 ul li > a > .infoBox .bottom > span{ display: inline-block; font-size: 18px; font-weight: 500; color: #0075c2; letter-spacing: -0.8px; margin-bottom: 10px; }
.teacher-Swiper06 ul li > a > .infoBox .bottom > h3{ font-size: 20px; font-weight: 500; color: #111111; letter-spacing: -1px; }
.teacher-Swiper06 ul li > a > .infoBox .bottom > h3 strong{ display: inline-block; font-size: 34px; font-weight: 700; letter-spacing: 3px; }
.teacher-Swiper06 ul li > a > .infoBox .bottom > ul{ margin-top: 50px; }
.teacher-Swiper06 ul li > a > .infoBox .bottom > ul li{ font-size: 16px; font-weight: 400; color: #111111; letter-spacing: -0.5px; line-height: 28px; border-bottom: 2px solid #f3f3f3; padding: 10px; }
.teacher-Swiper06 ul li > a > .infoBox .bottom > ul li:last-of-type{ border-bottom: none; }
.teacher-Swiper06 ul li > a > .gall_img{ position: relative; width: 450px; height: 600px; margin: 0 40px; z-index: 10; }
.teacher-Swiper06 ul li > a > .gall_img::before{ position: absolute; right: -180px; bottom: 60px; width: 140px; height: 140px; background-color: #f8f8f8; border-radius: 50%; content: ''; display: block; z-index: -2; opacity: 0; transition: all 0.2s ease-in-out; }
.teacher-Swiper06 ul li > a > .gall_img::after{ position: absolute; right: -150px;; bottom: -70px; width: 245px; height: 242px; background: url(/img/obj_txt_circle.png) no-repeat center center; background-size: contain; animation: rotate 15s linear infinite; content: ''; display: block; z-index: -1; opacity: 0; transition: all 0.2s ease-in-out; }
.teacher-Swiper06 ul li > a > .gall_img img{ width: 100%; }
.teacher-Swiper06 ul li > a > .txtBox{ width: 350px; padding-top: 100px; opacity: 0; transition: all 0.2s ease-in-out; }
.teacher-Swiper06 ul li > a > .txtBox p{ position: relative; display: inline-block; font-size: 22px; font-weight: 300; color: #111111; letter-spacing: -1px; line-height: 40px; font-family: 'Noto Serif KR'; z-index: 10; }
.teacher-Swiper06 ul li > a > .txtBox p::before{ position: absolute; left: -20px; top: -10px; width: 47px; height: 46px; background: url(/img/obj_teacher_point.png) no-repeat center center; background-size: contain; content: ''; display: block; z-index: -1; }
/* ? active */
.teacher-Swiper06 .swiper-wrapper .swiper-slide.swiper-slide-active > a > .infoBox,
.teacher-Swiper06 .swiper-wrapper .swiper-slide.swiper-slide-active > a > .gall_img::before,
.teacher-Swiper06 .swiper-wrapper .swiper-slide.swiper-slide-active > a > .gall_img::after,
.teacher-Swiper06 .swiper-wrapper .swiper-slide.swiper-slide-active > a > .txtBox{ opacity: 1; }