/* common */
.teacher-wrap .inner {padding:0 4% 50px}
.sub-wrap {padding: 49px 0 30px 0 !important;}


/* visual */
.visual {position: relative;}

/* ¹ÙÀÚ°ü ÀÏ°úº° »ó¼¼ ½Ã½ºÅÛ ·¹ÀÌ¾î */
.layer-tt{display:none;overflow-y:scroll;position:fixed;left:5%;top:50%;z-index:11;width:90%;max-height:560px;padding:20px 5%;background:#fff;border-radius:10px;transform:translateY(-50%);box-sizing:border-box;z-index: 11;text-align: center;}
.layer-tt.on {display:block;}
.layer-tt .bt-close-tt {position:absolute;top:12px;right:12px;}
.layer-tt .bt-close-tt  img{width:16px;height:auto;}
.layer-tt .ico-txt {display: inline-block;padding:2px 1.5%;font-size:1.2rem;color:#fff;}
.layer-tt .ico-txt.s {background:#52a7d8;}
.layer-tt .ico-txt.b {background:#5259d8;}
.layer-tt .ico-txt.v {background:#9452d8;}
.layer-tt .ico-txt.p {background:#d55e91;}
.layer-tt .ico-txt.r {background:#d34664;}

/* fix-wrap */
.fix-wrap {position:relative;height:65px;z-index: 2;}
.fix-wrap .fix-menu {position:absolute;top:0;left:0;width:100%;height:65px;}
.fix-wrap .fix-menu.fix {position: fixed;top:100px}
.fix-wrap .fix-menu div {display: flex;align-items: center;position:relative;}
.fix-wrap .fix-menu div a {flex:1;display:flex;align-items: center;justify-content: center;height:65px;text-align: center;color:#d0d0d0;text-decoration: none;background:#989898}
.fix-wrap .fix-menu div a strong {display:block;font-size: 1.3rem;color:#d0d0d0;font-weight: bold;}
.fix-wrap .fix-menu div a.on {background:#2758f7;color:#fff}
.fix-wrap .fix-menu div a.on strong {color:#fff}

/* slide */
.teacher-wrap .slide-pic {margin-top: 30px;}
.teacher-wrap .swiper-slide img {width:100%}
.teacher-wrap .pagination {margin-top:10px;text-align: center;}
.teacher-wrap .swiper-pagination-bullet {width:6px;height:6px;vertical-align: middle;background:#96b2e6;opacity: 1;}
.teacher-wrap .swiper-pagination-bullet-active {margin-top:-1px!important;width:9px;height:9px;background:#2758f7;}
.teacher-wrap .cont02 .swiper-pagination-bullet {background:#9cc9c9}
.teacher-wrap .cont02 .swiper-pagination-bullet-active {background:#33a6a6}
.teacher-wrap .cont03 .swiper-pagination-bullet {background:#a9a9a9}
.teacher-wrap .cont03 .swiper-pagination-bullet-active {background:#282828}

/* cont */
.cont01-01 {background:#ebf2ff;position: relative;}
.cont01-02 {background:#d4e2ff}
.cont01-03 {background:#c0d5ff}
.cont02 {background:#e2feff}
.cont03 {background:#e0e0e0}

