@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
/* 760px to vw */
#contents {}
#contents .teacher {  font-family: 'Pretendard Variable'; color: #252121; font-weight: 500; line-height: 1.5; }
#contents .teacher .highlight { color: #9ac455; }
#contents .teacher .btn { display: inline-block; font-size: 3.4211vw; font-weight: 700; padding: 3.0263vw 3.5526vw; line-height: 1; border-radius: 13.1579vw; color: #fff; background: #9ac455; box-shadow: 0 0 2.1053vw 0 rgba(154, 196, 85, 0.19); }
#contents .teacher .btn:hover { background: #ebf3dd; color: #5f881c; }
#contents .teacher .btn.white { background: #fff; color: #547c12; }


#contents .teacher .top-banner { width: 100%; height: 78.8158vw; padding: 7.8947vw 0 0 0; color: #fff; background: url('../images/teacher/mobile/teacher-top-bg.jpg') center/cover no-repeat; display: flex; flex-direction: column; align-items: center; text-align: center; }
#contents .teacher .top-banner > p:nth-of-type(1) { font-size: 5.7237vw; font-weight: 700; line-height: 7.2368vw; }
#contents .teacher .top-banner > p:nth-of-type(2) { margin-top: 1.9737vw; font-size: 3.1579vw; }
#contents .teacher .top-banner > .btn { margin-top : 2.6316vw; font-size: 2.9605vw; padding: 2.6316vw 3.2895vw; }


#contents .teacher .card-list { width: 100%; padding: 2.6316vw 1.9737vw 15.7895vw; background: linear-gradient(to bottom, #f4f2f9 50%,#9ac455 100%); }
#contents .teacher .card-list .section { position: relative; width: 100%; padding: 7.2368vw 0 0 6.5789vw; font-size: 3.5526vw; background: #fff; border-radius: 2.6316vw; box-shadow: 0 0 5.2632vw 0 rgba(246, 245, 250, 0.57); }
#contents .teacher .card-list .section~.section { margin-top: 2.6316vw; }
#contents .teacher .card-list .section strong { font-weight: 700; }
#contents .teacher .card-list .section .num { font-size: 4.8684vw; font-weight: 700; color: rgba(154,196,85,0.5); line-height: 1; }
#contents .teacher .card-list .section .title { font-size: 4.6053vw; font-weight: 700; margin-bottom: 2.6316vw; line-height: 1; display: flex; align-items: center; gap: 0.6579vw; white-space: nowrap;}
#contents .teacher .card-list .section > .title { margin-top: 2.6316vw; }
#contents .teacher .card-list .section .title .box { border: 0.1316vw solid #9ac455; border-radius: 0.6579vw; padding: 1.0526vw 1.1842vw; background: #ebf3dd; font-size: 2.1711vw; font-weight: 700; margin: 0 0.6579vw; }
#contents .teacher .card-list .section .noti { margin-top: 2.6316vw; font-size: 3.0263vw; color: rgba(37, 33, 33, 0.7); }
#contents .teacher .card-list .section .swiper { position: relative; overflow: hidden; box-shadow: 0 0 5.2632vw 0 rgba(219, 219, 219, 0.43); }
#contents .teacher .card-list .section .prev,
#contents .teacher .card-list .section .next { position: absolute; top: 50%; width: 4.3421vw; height: 4.3421vw; z-index: 5; margin-top: -2.1053vw; cursor: pointer; }
#contents .teacher .card-list .section .prev { left: 2.6316vw; }
#contents .teacher .card-list .section .next { right: 2.6316vw; }
#contents .teacher .card-list .section .prev img,
#contents .teacher .card-list .section .next img { width: 100%; }


#contents .teacher .card-list .section1 { padding: 7.2368vw 6.5789vw 11.1842vw; }
#contents .teacher .card-list .section1 .flex { margin-top: 2.3684vw; }
#contents .teacher .card-list .section1 .flex > div {}
#contents .teacher .card-list .section1 .flex .btn { margin-top: 4.6053vw; }
#contents .teacher .card-list .section1 .slide { width: 100%; margin: 11.8421vw auto 0; }
#contents .teacher .card-list .section1 .slide > ul { display: flex; gap: 10.5263vw; }
#contents .teacher .card-list .section1 .slide > ul > li { display: flex; font-size: 2.6316vw; align-items: center; gap: 1.8421vw; }
#contents .teacher .card-list .section1 .slide > ul > li > span { padding: 1.5789vw 2.6316vw; background: #f6f5fa; border-radius: 13.1579vw; }
#contents .teacher .card-list .section1 .slide .swiper { margin-top: 2.2368vw; }
#contents .teacher .card-list .section1 .slide .swiper .swiper-wrapper { height: max-content; }
#contents .teacher .card-list .section1 .slide .swiper .prev,
#contents .teacher .card-list .section1 .slide .swiper .next { width: 4.8684vw; height: 4.8684vw; margin-top: -2.4342vw; }


#contents .teacher .card-list .section2 { padding-bottom: 42.5000vw; background: url('../images/teacher/teacher-sec2-1.png') 5.2632vw bottom/47.7632vw no-repeat #fff; }
#contents .teacher .card-list .section2 > ul { margin-top: 3.2895vw; }
#contents .teacher .card-list .section2 > ul > li { display: flex; align-items: center; gap: 0.6579vw; font-size: 2.9605vw; line-height: 1; }
#contents .teacher .card-list .section2 > ul > li~li { margin-top: 1.9737vw; }
#contents .teacher .card-list .section2 > ul > li > span:nth-of-type(1) { width: 3.1579vw; height: 3.1579vw; border-radius: 3.1579vw; background: #9ac455; color: #fff; font-size: 1.9737vw; font-weight: 700; text-align: center; line-height: 3.1579vw; }

#contents .teacher .card-list .section2 > .qr { position: absolute; bottom: 3.9474vw; right: 7.8947vw; display: flex; flex-direction: column; align-items: center; }
#contents .teacher .card-list .section2 > .qr > p:nth-of-type(1) { width: 14.7368vw; }
#contents .teacher .card-list .section2 > .qr > p:nth-of-type(1) > img { width: 100%; }
#contents .teacher .card-list .section2 > .qr > p:nth-of-type(2) { margin: 2.5000vw 0 1.5789vw 0; font-size: 1.8421vw; font-weight: 600; line-height: 1; }
#contents .teacher .card-list .section2 > .qr > p:nth-of-type(2) > span { font-weight: 800; }
#contents .teacher .card-list .section2 > .qr .btn { padding: 2.1053vw 3.2895vw; font-size: 2.4342vw; }


#contents .teacher .card-list .section3 { padding-bottom: 9.2105vw; padding-right: 6.5789vw; }
#contents .teacher .card-list .section3 .title { letter-spacing: -0.08em; }
#contents .teacher .card-list .section3 .title+div { letter-spacing: -0.05em; }
#contents .teacher .card-list .section3 .slide { margin: 13.1579vw auto 0; width: 56.1842vw; }
#contents .teacher .card-list .section3 .slide .swiper { border-radius: 1.3158vw; }
#contents .teacher .card-list .section3 .slide .swiper .prev { left: 1.3158vw; width: 5.2632vw; height: 5.2632vw; margin-top: -2.6316vw; }
#contents .teacher .card-list .section3 .slide .swiper .next { right: 1.3158vw; width: 5.2632vw; height: 5.2632vw; margin-top: -2.6316vw; }
#contents .teacher .card-list .section3 .slide .swiper-wrapper { height: max-content; }
#contents .teacher .card-list .section3 .slide .swiper img { width: 100%; }

#contents .teacher .card-list .section3 .slide > div:nth-of-type(1) { width: 56.1842vw; height: 42.2368vw; position: relative; }
#contents .teacher .card-list .section3 .slide > div:nth-of-type(1) > p { position: absolute; left: -3.0263vw; top: -4.2105vw; z-index: 5; min-width: 22.3684vw; height: 10.5263vw; background: url('../../images/teacher-sec3-mark.png') left top/22.3684vw no-repeat; padding: 1.3158vw; }
#contents .teacher .card-list .section3 .slide > div:nth-of-type(1) > p > span { display: flex; justify-content: center; align-items: center; color: #fff; font-size: 3.1579vw; font-weight: 700; line-height: 1; padding: 0 2.6316vw; height: 7.2368vw; background: #434445; border-radius: 1.3158vw; }

#contents .teacher .card-list .section3 .slide > div:nth-of-type(2) { margin-top: 2.6316vw; width: 56.1842vw; height: 43.1579vw; background: url('../images/teacher/teacher-sec3-2-bg.png') center/100%; display: flex; justify-content: center; align-items: center; border-radius: 1.9737vw; }
#contents .teacher .card-list .section3 .slide > div:nth-of-type(2) .prev { left: 1.3158vw; }
#contents .teacher .card-list .section3 .slide > div:nth-of-type(2) .next { right: 1.3158vw; }
#contents .teacher .card-list .section3 .slide > div:nth-of-type(2) .swiper { width: 50.3947vw; height: 33.5526vw; }


#contents .teacher .card-list .section4 { padding: 7.2368vw 3.9474vw 11.8421vw; }
#contents .teacher .card-list .section4 > p,
#contents .teacher .card-list .section4 > p+div,
#contents .teacher .card-list .section4 > ul { padding-left: 2.6316vw; }
#contents .teacher .card-list .section4 > ul { margin-top: 5.2632vw; display: flex; gap: 2.3684vw; }
#contents .teacher .card-list .section4 .btn { width: 38.0263vw; text-align: center; }
#contents .teacher .card-list .section4 .slide { margin-top: 6.5789vw; display: flex; width: 100%; gap: 6.5789vw; }
#contents .teacher .card-list .section4 .slide .swiper-slide img { width: 100%; }
#contents .teacher .card-list .section4 .slide > div {}
#contents .teacher .card-list .section4 .slide > div > p { font-size: 3.2895vw; font-weight: 700; color: #211e1e; text-align: center; margin-bottom: 2.6316vw; }
#contents .teacher .card-list .section4 .slide > div:nth-of-type(1) > ul { display: flex; gap: 1.3158vw; }
#contents .teacher .card-list .section4 .slide > div:nth-of-type(1) > ul > li { width: 22.8947vw; height: 47.1053vw; background: url('../images/teacher/teacher-sec4-bg.png') center/100%; display: flex; justify-content: center; align-items: center; }
#contents .teacher .card-list .section4 .slide > div:nth-of-type(1) > ul > li .swiper { width: 21.1842vw; border-radius: 3.9474vw; }
#contents .teacher .card-list .section4 .slide > div:nth-of-type(1) > ul > li .swiper-wrapper { height: max-content; }
#contents .teacher .card-list .section4 .slide > div:nth-of-type(1) > ul > li .swiper .next { right: 1.3158vw; }
#contents .teacher .card-list .section4 .slide > div:nth-of-type(1) > ul > li .swiper .prev { left: 1.3158vw; }
#contents .teacher .card-list .section4 .slide > div:nth-of-type(1) > ul > li .swiper .swiper-button-disabled { opacity: 0; }

#contents .teacher .card-list .section4 .slide > div:nth-of-type(2) > p { margin-bottom: 4.6053vw; }
#contents .teacher .card-list .section4 .slide > div:nth-of-type(2) > div { width: 34.3421vw; position: relative; }
#contents .teacher .card-list .section4 .slide > div:nth-of-type(2) > div > p:nth-of-type(1) { position: absolute; left: -3.0263vw; top: -4.2105vw; z-index: 5; min-width: 16.8421vw; height: 10.5263vw; background: url('../../images/teacher-sec3-mark.png') left top/16.8421vw no-repeat; padding: 0.9211vw; }
#contents .teacher .card-list .section4 .slide > div:nth-of-type(2) > div > p:nth-of-type(1) > span { display: flex; justify-content: center; align-items: center; color: #fff; font-size: 2.3684vw; font-weight: 700; line-height: 1; padding: 0 2.6316vw; height: 5.5263vw; background: #434445; border-radius: 1.3158vw; }
#contents .teacher .card-list .section4 .slide > div:nth-of-type(2) > div .swiper { border-radius: 1.3158vw; overflow: hidden; }
#contents .teacher .card-list .section4 .slide > div:nth-of-type(2) > div .swiper-wrapper { height: max-content; }
#contents .teacher .card-list .section4 .slide > div:nth-of-type(2) > div .swiper-slide img { width: 100%; }
#contents .teacher .card-list .section4 .slide > div:nth-of-type(2) > div .swiper .next { right: 1.3158vw; }
#contents .teacher .card-list .section4 .slide > div:nth-of-type(2) > div .swiper .prev { left: 1.3158vw; }


#contents .teacher .card-list .section5 { padding-top: 49.0789vw; padding-bottom: 9.2105vw; background: url('../images/teacher/teacher-sec5.png') center 12.8947vw/40.1316vw no-repeat #fff; }
#contents .teacher .card-list .section5~.section { padding-bottom: 9.2105vw; }


#contents .teacher .card-list .section6 { padding-top: 49.0789vw; background: url('../images/teacher/teacher-sec6.png') center 14.8684vw/37.7632vw no-repeat #fff; }
#contents .teacher .card-list .section6 .btn { margin-top: 4.6053vw; }



#contents .teacher .card-list .section7 { padding-top: 49.0789vw; background: url('../images/teacher/teacher-sec7.png') center 13.2895vw/37.6316vw no-repeat #fff; }
#contents .teacher .card-list .section7 .btn { margin-top: 4.6053vw; }