@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 2400px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-0.3%;}
}

@media screen and (max-width: 2300px){
/* ==================================================
| 메인 section11 */
     #main .section11 .bg-img,
     .anidot-ul, .postxt-ul {width:1900px;}
     .anidot-ul li:nth-of-type(1) { top:-124%;}
     .anidot-ul li:nth-of-type(2) { top:-502%;}
     .anidot-ul li:nth-of-type(3) { top:-1127%;}
}

@media screen and (max-width: 2200px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-0.4%;}
     .instructor-swiper .swiper-slide.swiper-slide-next,
     .instructor-swiper .swiper-slide.swiper-slide-next-next {left:1%;}
     .instructor-swiper .swiper-button-prev {left:calc(29% - 10px);}
}

@media screen and (max-width: 2150px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-0.7%;}
}

@media screen and (max-width: 2030px){
/* ==================================================
| 메인 section11 */
     #main .section11 .bg-img,
     .anidot-ul, .postxt-ul {width:1700px;}
     .anidot-ul li:nth-of-type(1) { top:-102%;}
     .anidot-ul li:nth-of-type(2) { top:-439%;}
     .anidot-ul li:nth-of-type(3) { top:-987%;}
}

@media screen and (max-width: 2000px){
/* ==================================================
| 메인 section3 */
     .instructorswiper-box {left:-2%;}
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-1%;}
     .instructor-swiper .swiper-slide.swiper-slide-next,
     .instructor-swiper .swiper-slide.swiper-slide-next-next {left:0%;}
     .instructor-swiper .swiper-button-prev {left:calc(28.5% - 10px);}
}

@media screen and (max-width: 1850px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-1.3%;}
     .instructor-swiper .swiper-slide.swiper-slide-next,
     .instructor-swiper .swiper-slide.swiper-slide-next-next {left:-0.5%;}
     .instructor-swiper .swiper-button-prev {left:calc(28% - 10px);}
}

@media screen and (max-width: 1820px){
     .mainvisual-section .visualimg-swiper .fs30,
     #sub.course-idx .visual-txt .fs30,
     #sub.course-idx .visual-txt .fs24 {font-size:2rem;}
     .mainvisual-section .visualimg-swiper .jalnan,
     #sub.course-idx .visual-txt .jalnan {font-size:5.5rem;}
     .mainvisual-section .visualimg-swiper .txt-box {height:500px;}

/* ==================================================
| 메인 section11 */
     #main .section11 .bg-img,
     .anidot-ul, .postxt-ul {width:1500px;}
     .anidot-ul li:nth-of-type(1) { top:-78%;}
     .anidot-ul li:nth-of-type(2) { top:-373%;}
     .anidot-ul li:nth-of-type(3) { top:-870%;}
}

@media screen and (max-width: 1750px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-1.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-next,
     .instructor-swiper .swiper-slide.swiper-slide-next-next {left:-1%;}
}

@media screen and (max-width: 1680px){
/* ==================================================
| 메인 section9 */
     #main .section9 .ani-item:nth-of-type(3) {right:10px;}
}

@media screen and (max-width: 1650px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-1.8%;}
     .instructor-swiper .swiper-slide.swiper-slide-next,
     .instructor-swiper .swiper-slide.swiper-slide-next-next {left:-1.5%;}
}

@media screen and (max-width: 1630px){
     .block1630 {display:block;}
}

@media screen and (max-width: 1600px){
/* ==================================================
| 공통 */
     .prime-btn {width:250px; height:70px;}
     .arrow-btn:hover p {transform: translateX(-15px);}
     .arrow-btn:hover img {transform: translateX(17px);}
     .tit-box h3 {font-size:5rem; line-height:70px;}
     .tit-des,
     #main .section7 .tit-des,
     #main .section10 .tit-des {font-size:2.1rem; line-height:30px;}
     .mt-60 {margin-top:40px !important;}
     .cont-area.mt-80 {margin-top:40px;}
     #main .section {padding:130px 0;}
     #main .section3 {padding:130px 0 0;}
     .review-marquee:after {height:calc(100% + 130px);}
     .quotes-box {padding:0 40px 80px;}
     #main .section16 {padding-top:80px;}
     .pb-140 {padding-bottom:80px;}
     .mt-120 {margin-top:60px;}
     #sub .sub-wrap {padding:80px 0 100px;}

/* ==================================================
| 메인 메인비쥬얼 */
     .mainvisual-section .btn {width:110px; height:110px; border-radius:55px;}
     .mainvisual-section .btn img {width: 30px;}
     .mainvisual-section .title-item h4 {font-size:6rem;}
     .mainvisual-section .title-item h3 {font-size:9rem;}
     .mainvisual-section .title-item.white h4 {font-size:5rem; line-height:60px;}

/* ==================================================
| 메인 section1 */
     .pos-item {height:60px;}
     #main .section1 .ani-item, #main .section9 .ani-item {padding:0 20px;}
     #main .section1 .ani-item p, #main .section9 .ani-item p {font-size:1.5rem;}
     #main .section1 .ani-item:first-child {left:-62px;}
     #main .section1 .ani-item:nth-of-type(2) {right:-61px;}
     #main .section1 .ani-item:last-child {left:-26px;}
     #main .section1 .ani-item:first-child img {width:30px; left: -4px; top: -2px;}
     #main .section1 .ani-item:nth-of-type(2) img {width:30px; right: 28px; top: -19px;}
     #main .section1 .ani-item:last-child img {width:30px; left: 49px; bottom: -20px;}
     .charm-li li {padding:70px 30px 0;}
     .charm-li li h4 {font-size:3.3rem;}
     .charm-li li h5 {font-size:1.6rem;}
     .charm-li li img {width:350px;}
     .charm-li li:last-child img {margin-top:7px;}

/* ==================================================
| 메인 section2 */
     #main .section2 .ico-box .world-ico, #main .section8 .ico-box .world-ico {transform:scale(0.8);}
     #main .section2 .section-column {min-height:700px;}
     #main .section2 .ico-box, #main .section8 .ico-box {max-height:700px;}
     #main .section2 .ico-box .ico-inner:hover .bubble-hover {bottom:calc(100% - 6px);}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(1):hover .bubble-hover, #main .section2 .ico-box:last-child .ico-inner:nth-of-type(3):hover .bubble-hover {right:calc(100% - 7px);}
     #main .section2 .bubble-hover p {font-size:1.8rem;}

/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active .video-box {border-radius:5px;}
     .instructor-swiper .swiper-slide.swiper-slide-prev .video-box, .instructor-swiper .swiper-slide.swiper-slide-next .video-box {border-radius:15px;}
     .instructorswiper-box ~ .btm-box {margin-top:100px;}
     .quotes-box img {width:32px;}
     .quotes-box h5 {font-size:3.4rem; line-height:40px;}
     .quotes-box li {font-size:1.7rem; line-height:20px; height:68px;}
     .logo-li li {width:350px; height:100px; line-height:100px;}
     .postxt-li {width:623px; height:235px;} 
     .postxt-li li {height:60px; padding:10px 20px;}
     .postxt-li li:nth-of-type(1) {right:35px;}
     .postxt-li li:nth-of-type(2) {top:55px; right:370px;}
     .postxt-li li:nth-of-type(4) {top:103px; right:220px;}
     .postxt-li li:nth-of-type(5) {top:155px; right:397px;}
     .postxt-li li:nth-of-type(6) {right:68px; top:155px;}
     .postxt-li li p {font-size:1.5rem; line-height:18px;}
     .instructor-box .hover-box {padding:30px;}

/* ==================================================
| 메인 section4 */
     .reason-ul {max-width:800px;}
     .reason-ul p {font-size:2.5rem; line-height:30px;}

/* ==================================================
| 메인 section5 */
     .block1600 {display:block;}
     .card-container .card-list li:nth-child(1) br,
     .card-container .card-list li:nth-child(2) br,
     .card-container .card-list li:nth-child(3) br,
     .card-container .card-list li:nth-child(4) br {display:none;}
     .card-container .card-list li .cardlist-box {height:340px; padding:40px 20px 30px;}
     .card-container .card-list li .cardlist-box .txt-box p {font-size:2.4rem;}
     .card-container .card-list li .cardlist-box .txt-box span {font-size:1.6rem; line-height:22px;}
     .card-container .card-list li img {width:100px;}

/* ==================================================
| 메인 section6 */
     .zigzag-ul,
     .updown-ul {gap:15px;} 
     .blur-ul li {font-size:1.4rem; line-height:21px; padding:7px 12px;}

/* ==================================================
| 메인 section7 */
     #main .section7 .cont-area.mt-80 {margin-top:60px;}

/* ==================================================
| 메인 section9 */
     #main .section9 .ani-item:nth-of-type(1) img {width:30px; top:-11px; left:-2px;}
     #main .section9 .ani-item:nth-of-type(2) img {width:30px; right:-6px; bottom:-11px;}
     #main .section9 .ani-item:nth-of-type(3) img {width:30px; left:-4px; top:-9px;}

/* ==================================================
| 메인 section11 */
     #main .section11 .cont-area {margin-top:60px;}
     #main .section11 .tit-area {margin-top:0;}
     #main .section11 .bg-img,
     .anidot-ul, .postxt-ul {width:1300px;}
     .anidot-ul li:nth-of-type(1) { top:-57%;}
     .anidot-ul li:nth-of-type(2) { top:-310%;}
     .anidot-ul li:nth-of-type(3) { top:-723%;}
     .graph-ul li span {font-size:1.6rem; line-height:22px;}
     .graph-ul li div p {font-size:3rem; line-height:38px;}
     .graph-ul li div p ~ img {width:15px;}
     .graph-ul li > p {font-size:1.8rem; line-height:24px; margin-top:20px;}
     .graph-ul li.mt-80 {margin-top:40px;}
     .postxt-ul li {font-size:1.6rem;}
     .postxt-ul li.big-txt {font-size:2.3rem;}

/* ==================================================
| 메인 section12 */
     .rightbox-ul > li {padding:40px;}
     .lefttab-ul li {height:75px;}
     .lefttab-ul li p {font-size:2.1rem; line-height:28px;}
     .rightbox-top p {font-size:3rem; line-height:40px;}
     .rightbox-top li {font-size:1.4rem; line-height:35px; padding:0 12px; height:35px;}
     .rightbox-ul .dot-ul li {font-size:1.8rem; line-height:25px;}
     .rightbox-bottom .li p {font-size:1.6rem; line-height:16px;}
     .rightbox-bottom .li strong {font-size:3.2rem;}
     .rightbox-bottom .li span {font-size:1.7rem;}

/* ==================================================
| 메인 section13 */
     .review-ul,
     .review-li {gap:15px;}
     .marquee_conts4.mt-30,
     .marquee_conts5.mt-30 {margin-top:15px !important;}
     .review-ul .pos-box p {font-size:2.3rem; line-height:30px;}
     .review-ul .pos-box span {font-size:1.4rem; line-height:20px; padding:6px 13px;;}
     .review-ul .pos-box {width:calc(100% - 40px); left:20px; bottom:20px;}

/* ==================================================
| 메인 section14 */
     .comparison-ul ul {padding-bottom:60px;}  
     .comparison-ul > li:nth-of-type(2) ul {padding:0 20px 60px;} 
     .comparison-ul > li:nth-of-type(2) ul > li:first-of-type img {width: 110px;}
     .comparison-ul > li:nth-of-type(2) .pos-box {padding:6.5px 10px 6.5px 20px;}
     .comparison-ul > li:nth-of-type(2) .pos-box p {font-size:1.6rem; line-height:22px;}
     .comparison-ul .big-txt {font-size:2.5rem; line-height:30px;}
     .comparison-ul ul > li:first-of-type {height:100px;}
     .comparison-ul p {font-size:2rem; line-height:28px;}
     .comparison-ul span {font-size:1.5rem; line-height:20px;}
     .comparison-ul .ico-box {width:32px; height:32px;}
     .comparison-ul .ico-box img {width:14px;}
     .comparison-ul ul > li {height:90px;}

/* ==================================================
| 메인 section15 */
     #main .section15 .section-inner {top:unset;}
     .card_wrapper {height:270px; padding:0 50px;}
     .card_wrapper p {font-size:3.2rem; line-height:40px;}
     .card_wrapper .ico-box {width:100px; height:100px;}
     .card_wrapper .ico-box img {max-width:100%;}

/* ==================================================
| 메인 section16 */
     #main .section16 {padding-bottom:0;}
     #main .section16:after {right:-130px;}
     #main .section16 .section-row {min-height:unset}
     #main .section16 .tit-area .tit-des {font-size:2.7rem; line-height:34px;}
     .knowhow-ul li {font-size:1.7rem; line-height:24px;}
     .award-box .txt-box p,
     .award-box > p {font-size:2rem; line-height:28px;}

/* ==================================================
| 수강권 index */
     #sVisual.big .visual-txt .txt-wrap .txt-box h3 {font-size:4.4rem;}
     #sub.course-idx #sVisual .visual-txt .txt-wrap .txt-box h2 {font-size:5.6rem;}
     #sVisual.big .visual-txt .txt-wrap .txt-box p {margin-top:30px; font-size:2.1rem; line-height:28px;}
     #sub.course-idx .section2 .section-inner,
     #sub.course-payment .section-inner,
     #sub.course-freetrial .section-inner {gap:30px;}
     #sub.course-idx .section2 .section-row1,
     #sub.course-freetrial .section-row1 {width:calc(100% - 380px); flex-grow:1;}
     .event-swiper .swiper-slide {height:125px;}
     .event-swiper .swiper-slide p {font-size:2.3rem; line-height:30px;}
     .event-swiper .swiper-slide span {margin-top:4px; font-size:1.6rem; line-height:22px;}
     .event-swiper .swiper-slide .ico-box img {width:50px;}
     .courselist-inner .courselist-junior .tab-box,
     .courselist-inner .courselist-adult .tab-box {overflow-x:auto;}
     .courselist-inner .radio-box.custom-radio > input[type="radio"] ~ label {white-space: nowrap;}

/* ==================================================
| 수강권 결제하기 */
     .sub-bigtit {font-size:3rem; }
     #sVisual .visual-txt .txt-wrap .txt-box h2 {font-size:3.9rem; line-height:48px;}

/* ==================================================
| BT 강사진 */
     #sub.instructors-idx .section4 .tit-box h3 span:first-child {font-size:3.4rem; line-height:47.5px;}

/* ==================================================
| 무료수업 신청 */
     #sVisual .txt-list li .tit {font-size:2.1rem; line-height:28px;}
     #sVisual .txt-list li .des {font-size:1.5rem; line-height:21px;}
     #sVisual .txt-list li:first-of-type img {width:65px;}
     #sVisual .txt-list li:nth-of-type(2) img,
     #sVisual .txt-list li:nth-of-type(3) img,
     #sVisual .txt-list li:last-of-type img {width:50px;}

/* ==================================================
| 주니어과정, 성인과정 */
     .sub-des {font-size:2.2rem; line-height:29px;}
     .process-swiper .txt-box p {font-size:2.2rem; line-height:30.5px;}
     .process-swiper .txt-box span {font-size:1.5rem; line-height:21px;}
     .sub-smtit {font-size:1.6rem; line-height:25.5px;}
     .sub-midtit {font-size:1.7rem; line-height:27px;}
     #sub.process .sub-midtit {margin-top:10px !important;}
     .manager-ul li {padding:25px 20px;}
     .manager-ul li p {font-size:1.6rem; line-height:23px; text-align:center;}
     .textbook-swiper .swiper-slide {padding:60px 60px 35px;}
     .textbook-swiper .txt-box {margin-top:20px !important;}
     .textbook-swiper .txt-box p {font-size:2.1rem; line-height:1; padding:12px 20px;}
}

@media screen and (max-width: 1550px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-2%;}
     .instructor-swiper .swiper-slide.swiper-slide-next,
     .instructor-swiper .swiper-slide.swiper-slide-next-next {left:-2%;}
}

@media screen and (max-width: 1500px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-2.3%;}
     .instructor-swiper .swiper-slide.swiper-slide-next-next {left:-2.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-prev-prev {left:-1.5%;}
     .instructor-swiper .swiper-button-prev {left:calc(28.5% - 10px);}

/* ==================================================
| 수강권 index */
     .choice-box.active > .inner {-webkit-box-lines: multiple; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap;  flex-wrap: nowrap; -webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column; -webkit-box-align: start;  -moz-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start; gap:5px;}
     #sub.course-idx .section2 .section-inner,
     #sub.course-payment .section-inner,
     #sub.course-freetrial .section-inner {gap:20px;}
     #sub.course-idx .section2 .section-row1,
     #sub.course-freetrial .section-row1 {width:calc(100% - 370px); flex-grow:1;}
     #sub.fullcalendar-page #calendar {width:460px;}
     .time-box .inner-box {max-height:270px;}
     .course-tab .radio-box > input[type="radio"] ~ label {padding:13px 15px;}
     .radio-box.custom-radio.period-radio > input[type="radio"] ~ label {padding:24px;}
     .mo1500 {display:block;}
     .courselist-inner .courselist-adult .tab-box {padding:0 60px; -webkit-box-pack: justify; -moz-justify-content: flex-start;  -ms-flex-pack: justify;  justify-content: flex-start;}

/* ==================================================
| BT 강사진 */
     .block1500 {display:block;}
     #sub.instructors-idx .event-swiper .swiper-slide {height:160px;}
}

@media screen and (max-width: 1400px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-2.7%;}
     .instructor-swiper .swiper-slide.swiper-slide-prev {left:-3%;}
     .instructor-swiper .swiper-slide.swiper-slide-prev-prev {left:-2.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-2%;}
     .instructor-swiper .swiper-slide.swiper-slide-next-next {left:-2.5%;}
     .instructor-swiper .swiper-button-prev {left:calc(28% - 10px);}
}

@media screen and (max-width: 1380px){
/* ==================================================
| 수강권 index */
     .courselist-inner .courselist-junior .tab-box {padding:0 60px; -webkit-box-pack: justify; -moz-justify-content: flex-start;  -ms-flex-pack: justify;  justify-content: flex-start;}
}

@media screen and (max-width: 1360px){
/* ==================================================
| 메인 section6 */
     .zigzag-ul.grid-box.col5 {grid-template-columns:repeat(4, 1fr); padding-top: 0;}
     .zigzag-ul > li:nth-of-type(1) {grid-row: 1/4;}
     .zigzag-ul > li:nth-of-type(4) {grid-row:3/4; top:unset;}
     .zigzag-ul > li:nth-of-type(5) {grid-row:1/2; top:unset;}
     .zigzag-ul > li:nth-of-type(6) {grid-row:2/3;}
     .zigzag-ul > li:nth-of-type(7) {grid-row:3/4;}
     .zigzag-ul > li:nth-of-type(8) {grid-row:1/4;}

/* ==================================================
| 메인 section11 */
     #main .section11 .bg-img,
     .anidot-ul, .postxt-ul {width:900px;}
     .anidot-ul li:nth-of-type(1) { top:-56%; width:15px; height:15px; left:-11px;}
     .anidot-ul li:nth-of-type(2) { top:-339%; width:30px; height:30px;}
     .anidot-ul li:nth-of-type(3) { top:-799%;width:50px; height:50px;} 

/* ==================================================
| 수강권 index */
     #sub.course-idx .course-tab,
     #sub.course-freetrial .course-tab {gap:10px;}
     #sub.course-idx .section-column4 .course-tab.grid-box.col4 {grid-template-columns:repeat(2, 1fr); row-gap:24px;}
     #sub.course-idx .section-column5 .cont-wrap.gap-24 {gap:10px;}
     #sub.fullcalendar-page .courselist-des span {text-align:center;}
     .instructor-box ul {column-gap:10px; row-gap:40px;}

/* ==================================================
| BT 강사진 */
     #sub.instructors-idx .section2 .instructor-box > ul {gap:24px;}

/* ==================================================
| 무료수업 신청 */
     .block1360 {display:block;}
     #sub.course-freetrial #sVisual .visual-txt .txt-wrap > .txt-box {width:400px; flex-shrink:0;}

}

@media screen and (max-width: 1350px){

/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-2.9%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-2.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-next-next {left:-3%;}
}

@media screen and (max-width: 1300px){

/* ==================================================
| 메인 section12 */
     .lefttab-ul {width:310px;}
     .lefttab-ul li {height:70px; padding:0 20px;}
     .lefttab-ul li p {font-size:1.8rem; line-height:25px;}
     .lefttab-ul li p ~ img {width: 30px;}

/* ==================================================
| 수강권 index */
     #sub.fullcalendar-page .courselist-des .des-box {-webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column; gap:5px;}
}

@media screen and (max-width: 1280px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-3.2%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-3%;}
     .instructor-swiper .swiper-slide.swiper-slide-next-next {left:-3.5%;}

/* ==================================================
| 메인 section9 */
     #main .section9 .ani-item:nth-of-type(2) {top:22%;}
     #main .section9 .ani-item:nth-of-type(3) {right:-16px;}

/* ==================================================
| 수강권 index */
     #sub.course-idx .section-column5 .cont-wrap.gap-24 {grid-template-columns:1fr;}
     #sub.course-freetrial .section-column3 .cont-wrap.gap-24 {grid-template-columns:1fr;}
     #sub.fullcalendar-page #calendar {width:100%;}
     #sub.fullcalendar-page #calendar > .ui-datepicker {width:350px; margin:0 auto;}
     #sub .gradient-tag {font-size:1.2rem; line-height:28px; height:28px; width:60px; top:-15px;}
     .choice-box.active > .inner {-webkit-box-orient: horizontal;  -moz-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row; -webkit-box-align: center;  -moz-align-items: center;  -ms-flex-align: center;  align-items: center;}

/* ==================================================
| BT 강사진 */
     #sub.instructors-idx .section3 .instructor-box > ul > li {min-width:300px;}
}

@media screen and (max-width: 1250px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-3.4%;}
     .instructor-swiper .swiper-slide.swiper-slide-prev {left:-3.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-prev-prev {left:-3%;}
}

@media screen and (max-width: 1240px){
/* ==================================================
| BT 강사진 */
     .block1240 {display:block;}
     #sub.instructors-idx .event-swiper .swiper-slide {height:180px;}
}

@media screen and (max-width: 1200px){
/* ==================================================
| 헤더 */
     #header .logo > a {width:120px; height:30px;}   
     #header .logo > a img {width:120px;}
     .header-nav .depth1 > li > a {padding:0 15px;}
     .header-util.pc-ver a {width:100px;}

/* ==================================================
| doctrine-bar */
     .doctrine-bar ul {padding:10px 15px;}
     .doctrine-bar a {padding:10px 20px; font-size:1.6rem; line-height:19.6px;}

/* ==================================================
| 메인 section1 */
     #main .section1 .ani-item:first-child {left:0;}
     #main .section1 .ani-item:nth-of-type(2) {right:0;}
     #main .section1 .ani-item:last-child {left:0;}

/* ==================================================
| 메인 section2 */
     #main .section2 .ico-box .world-ico, #main .section8 .ico-box .world-ico {transform:scale(0.6);}
     #main .section2 .bubble-hover p {font-size:1.3rem; padding:7px 10px;}
     #main .section2 .bubble-hover img {width:16px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(1) .bubble-hover img, #main .section2 .ico-box:last-child .ico-inner:nth-of-type(3) .bubble-hover img {right:5px; margin-top:-6px;}
     #main .section2 .ico-box .ico-inner:hover .bubble-hover {bottom:calc(100% - 17px);}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(1):hover .bubble-hover, #main .section2 .ico-box:last-child .ico-inner:nth-of-type(3):hover .bubble-hover {right:calc(100% - 23px);}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(1):hover .bubble-hover,
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(4):hover .bubble-hover,
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(5):hover .bubble-hover {bottom:calc(100% - 27px);}
     #main .section2 .section-column {min-height:600px;}
     #main .section2 .ico-box, #main .section8 .ico-box {max-height:600px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(1) {left: 117px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(3) {left:37px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(5) {left: 170px; bottom:-50px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(1) {left: 113px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(6) {left:99px;}

/* ==================================================
| 메인 section3 */
     .instructorswiper-box {left:unset;}
     .instructor-swiper:after {width: 60.6%; height: 170.77%; background-image:url('/img/ipad_mo.png'); background-size:contain; left:50%;}
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-2%; width:57% !important;}
     .instructor-swiper .swiper-slide.swiper-slide-prev {left:-2.5%; width:30% !important;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-2%; width:30% !important;}
     .instructor-swiper .swiper-slide.swiper-slide-prev-prev, 
     .instructor-swiper .swiper-slide.swiper-slide-next-next {opacity:0; left:unset; width:unset !important;}
     .instructor-swiper .swiper-button-next {left:calc(74% - 10px);}
     .instructor-swiper .swiper-button-prev {left:calc(24% - 10px);}
     .logo-li li {width:300px; height:80px; line-height:80px;}
     .logo-li li.mo-li {display:none;}
     .logo-li li img {max-width:100%;}
     .logo-li li.li1 img {width:120px;}
     .logo-li li.li2 img {width:120px;}
     .logo-li li.li3 img {width:150px;}
     .logo-li li.li4 img {width:130px;}
     .logo-li li.li5 img {width:120px;}
     .logo-li li.li6 img {width:120px;}
     .logo-li li.li7 img {width:70px;}
     .logo-li li.li8 img {width:130px;}
     .logo-li li.li9 img {width:100px;}
     .logo-li li.li10 img {width:120px;}
     .logo-li li.li11 img {width:180px;}
     .postxt-li {width:500px; height:230px;}
     .postxt-li li:nth-of-type(1) {right:35px; top:7px;}
     .postxt-li li:nth-of-type(1) img {width:30px; top:-15px;}
     .postxt-li li:nth-of-type(2) {top:55px; right:264px;}
     .postxt-li li:nth-of-type(3) {top:56px; }
     .postxt-li li:nth-of-type(4) {top:103px; right:134px;}
     .postxt-li li:nth-of-type(5) {top:155px; right:280px;}
     .postxt-li li:nth-of-type(5) img {width:30px; top:-15px;}
     .postxt-li li:nth-of-type(6) {right:10px; top:155px;}
     .postxt-li li:nth-of-type(6) img {width:30px; right:0; bottom:-6px;}
     .instructor-pcbox .instructor-tab > .grid-box.col4 {gap:10px;}
     .instructor-box .txt-box {margin-top:20px;}
     .instructor-box .txt-box p,
     .instructor-box .top-box p {font-size:2.4rem;}
     .instructor-box .txt-box span {font-size:1.5rem;}
     .instructor-box .top-box span {font-size:1.3rem; line-height:16px;}
     .instructor-box .btm-box {margin-top:19.5px;}
     .instructor-box .btm-box p {font-size:1.6rem; line-height:19.5px;}
     .instructor-box .detail-box {margin:20px auto 0;}

/* ==================================================
| 메인 section4 */
     .reason-ul {max-width:630px;}
     .reason-ul > li {padding:30px;}
     
/* ==================================================
| 메인 section5 */
     .rotate-arrow {width:70px; top:54px;}
     .card-container .card-list {height:406px;}
     .card-container .card-list li .cardlist-box {height:300px; padding:40px 10px 30px;}
     
/* ==================================================
| 메인 section8 */
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(1) {left:82px;}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(2) {left:-77px;}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(3) {left:31px;}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(4) {left:-43px;}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(5) {left:102px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(1) {left:321px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(2) {left:473px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(3) {left:354px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(4) {left:459px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(5) {left:259px;}

/* ==================================================
| 메인 section9 */
     .subtxt-box,
     .graph-ul li {padding-left:20px;}
     .subtxt-box p {font-size:2.3rem; line-height:32px;}
     .subtxt-box span {margin-top:5px; font-size:1.6rem; line-height:23.75px;}
     #main .section9 .mt-50 {margin-top:32.5px;}

/* ==================================================
| 메인 section10 */
     #main .section10 .section-column {-webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}
     #main .section10 .cont-wrap {max-width:unset; margin-left:0;}

/* ==================================================
| 수강권 index */
     .instructor-box ul.grid-box.col3 {grid-template-columns: 1fr 1fr;}
     #sub .sticky-row {width:360px; min-width:unset;}
     #sub.course-idx .instructor-box .nope-li .radio-box.custom-radio > input[type="radio"] ~ label {padding:70px 20px 70px;}

/* ==================================================
| BT 강사진 */
     #sub.instructors-idx .section2 .instructor-box .instructordes-box { width: 300px; height: 351px;}
     #sub.instructors-idx .instructor-box .img-box img,
     #sub.instructors-idx .section3 .instructor-box .img-box img { height: 270px;}
     .tit-box h3.sub-bigtit {font-size:3rem;}
     #sub .back-gradient.arrow-btn.mid {width:220px; height:54px;}
     .prime-btn.p-mid { height:54px;}
     #sub .back-gradient.arrow-btn.mid p {font-size:1.5rem;}
     #sub .back-gradient.arrow-btn.mid img {width: 14px; margin-top: -6px;}
     .instructor-box .info-ul img {width:14px; flex-shrink:0;}
     #sub.instructors-idx .instructor-box .info-ul p {font-size:1.3rem; line-height:18px; flex-grow:1; text-align:left;}
     #sub.instructors-idx .instructor-box .txt-box p, #sub.instructors-idx .instructor-box .top-box p, .instructor-name p {font-size:2.1rem; line-height:29px;}
     .instructor-box .btm-inner {padding:15px;}
     .instructor-box .info-ul li + li, #instructorPopup .info-ul li + li {margin-top:5px;}
     .type-ul li {font-size:1rem; line-height:14px;}
     #sub.instructors-idx .instructor-box .detail-box {margin:10px auto 0;}
     #sub.instructors-idx .srch-inner > p {font-size:1.8rem;}
     #sub.instructors-idx .ml-30 {margin-left:10px;}
     #sub .day-box {width:110px;}

/* ==================================================
| 주니어과정, 성인과정 */
     .textbook-swiper .swiper-slide {width:70% !important;}
     #sub.beginner .textbook-swiper .swiper-slide {width:100% !important;}
     #sub.process .section3 .pos-img img {width:400px;}
     #sub.business .textbook-swiper .three-box .book-img {width:calc(25% - 10px);}
     #sub.process .textbook-swiper .six-box.grid-box.col6 {grid-template-columns:repeat(3, 1fr);}
}

@media screen and (max-width: 1170px){
/* ==================================================
| BT 강사진 */
     #sub.instructors-idx .block1500,
     #sub.instructors-idx .block1240 {display:none;}
     #sub.instructors-idx .event-swiper .swiper-slide {height:125px;}
}

@media screen and (max-width: 1150px){
/* ==================================================
| 메인 section3 */
    .instructor-swiper .swiper-slide.swiper-slide-active {left:-2.5%;}
    .instructor-swiper .swiper-slide.swiper-slide-prev {left:-2.5%;}
    .instructor-swiper .swiper-slide.swiper-slide-next {left:-2.5%;}
}

@media screen and (max-width: 1140px){
/* ==================================================
| 메인 section1 */
     .block1140 {display:block;}
     .charm-li li:first-child br {display:none;}

/* ==================================================
| 메인 section4 */
     #main .section4 .section-column {-webkit-box-align: start;  -moz-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start; -webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column; gap:40px;}
     #main .section4 .tit-area,
     #main .section4 .cont-area {width:100%;}
     .reason-ul {max-width:unset;}

/* ==================================================
| 무료수업 신청 */
     #sub.course-freetrial #sVisual .txt-list li,
     #sVisual .freetrial-swiper .swiper-slide {display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center;  align-items: center; -webkit-box-pack: justify; -moz-justify-content: center; -ms-flex-pack: justify; justify-content: center; -webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}
     #sub.course-freetrial #sVisual .txt-list li:first-child .des:last-child .block-box,
     #sub.course-freetrial #sVisual .txt-list li:nth-of-type(2) .des:first-child .block-box {display:none;}

/* ==================================================
| 주니어과정, 성인과정 */
     #sub.speaking .textbook-swiper .book-img,
     #sub.actual .textbook-swiper .book-img,
     #sub.total .textbook-swiper .three-box .book-img {width: calc(33.333% - 10px);}
}

@media screen and (max-width: 1130px){
/* ==================================================
| 메인 section12 */
     .block1130 {display:block;}
     .rightbox-bottom {margin-top:30px;}
     .rightbox-bottom .li p {line-height:20px; text-align:center;}
     .rightbox-ul .dot-ul {margin-top:20px !important;}

/* ==================================================
| 무료수업 신청 */
     #sub.course-freetrial .section-column2 .course-tab.grid-box.col5 {grid-template-columns: repeat(3, 1fr);}
}

@media screen and (max-width: 1110px){
/* ==================================================
| 메인 section6 */
     .zigzag-ul .pos-box p {font-size:2.1rem; line-height:29.5px;}
     .blur-ul {margin-top:10px;}
     .blur-ul li {font-size:1.3rem; line-height:18px; padding:6px 12px;}

/* ==================================================
| 메인 section7 */
     .updown-ul .pos-box p {font-size:2.6rem; line-height:36.5px;}
     .updown-ul .pos-box span {font-size:1.6rem; line-height:22.5px; margin-top:0;}
     .updown-ul .blur-ul {margin-top:10px;}

/* ==================================================
| BT 강사진 */
     .block1110 {display:block;}
}

@media screen and (max-width: 1100px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-3%;}
     .instructor-swiper .swiper-slide.swiper-slide-prev {left:-2.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-3%;}
     .instructor-swiper .swiper-button-next {left:calc(73% - 10px);}
}

@media screen and (max-width: 1080px){
     .mainvisual-section .visualimg-swiper .jalnan,
     #sub.course-idx .visual-txt .jalnan {font-size:5rem;}
     .mainvisual-section .visualimg-swiper .txt-box {height: 450px;}
     .mainvisual-section .visualimg-swiper .slide1 .jalnan p:not(:nth-of-type(1)) {padding-left:65px;}
     #sub.course-idx .visual-txt .fs24 {margin-top:20px !important;}

/* ==================================================
| 수강권 index */
     #sub.course-idx .instructor-box .nope-li .radio-box.custom-radio > input[type="radio"] ~ label {padding:50px 20px 50px;}
}

@media screen and (max-width: 1070px){
/* ==================================================
| 주니어과정, 성인과정 */
     .mo-btnbox.mo1070 {display:block;}
     #sub.process #sVisual .visual-nav.tab-wrap .nav-wrap .nav-menu.depth1-box > ul > li:first-child {margin-left:20px;}
     #sub.process #sVisual .visual-nav.tab-wrap .nav-wrap .nav-menu.depth1-box > ul > li:last-child {margin-right:20px;}
}

@media screen and (max-width: 1050px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-3.3%;}
     .instructor-swiper .swiper-slide.swiper-slide-prev {left:-3%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-3.5%;}

/* ==================================================
| 수강권 index */
     #sub.course-idx .section-column1 .tit-box.gap-15,
     #sub.course-idx .section-column5 .tit-box.gap-15,
     #sub.course-idx .section-column6 .tit-box.gap-15,
     #sub.course-payment .tit-box.mt-60,
     #sub.course-freetrial .tit-area .tit-box {-webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column; gap:5px; -webkit-box-align: start;  -moz-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start; }
}

@media screen and (max-width: 1024px){
/* ==================================================
| 공통 */
     .section .section-body,
     .max-1680,
     #sVisual .visual-txt .txt-body,
     #header .header-body .header-inner,
     #main .section8 .section-row,
     #main .section11 .bg-img,
     .anidot-ul, .postxt-ul,
     #sub.process .section6 .tit-area {padding:0 20px;}
     #header.header-effect-sticky.active .header-body {width:calc(100% - 40px); margin-left:20px;}
     .quotes-box {padding:0 20px 140px;}
     .header-nav .depth1 > li > a {font-size:1.6rem;}
     .tit-box h3 {font-size:4rem; line-height:56px;}
     .radio-box.custom-radio > input[type="radio"] ~ label {font-size:1.6rem; line-height:20px;}

/* ==================================================
| doctrine-bar */
     .doctrine-bar {width:calc(100% - 40px);}
     .doctrine-bar a {padding:10px 20px; font-size:1.4rem; line-height:20px; height:45px; padding:12px 20px;}

/* ==================================================
| 메인 메인비쥬얼 */
     .mainvisual-section .btn {width:110px; height:110px; border-radius:55px;}
     .mainvisual-section .btn img {width: 30px;}
     .mainvisual-section .title-item {top:23%;}
     .mainvisual-section .title-item h4 {font-size:4rem;}
     .mainvisual-section .title-item h3 {font-size:6.5rem;}
     .mainvisual-section .title-item.white h4 {font-size:4rem; line-height:50px;}
     .quotes-box > .txt-box > ul.grid-box.col3 {gap:10px;}
     .mainvisual-section .visualimg-swiper .txt-box {width: calc(100% - 230px);}
     .mainvisual-section .visualimg-swiper .txt-box, 
     #sub.course-idx .visual-txt .txt-box {gap:0;}

/* ==================================================
| 메인 section1 */
     .block1140 {display:block;}
     .charm-li {gap:20px;}
     .charm-li li {padding:60px 20px 0;}

/* ==================================================
| 메인 section2 */
     #main .section2 .section-column {min-height:450px;}
     #main .section2 .ico-box, #main .section8 .ico-box {max-height:450px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(1) {left:90px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(3) {bottom:-40px}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(4) {bottom:-40px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(5) {bottom:50px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(4) {bottom:40px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(5) {bottom:60px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(6) {bottom:141px;}

/* ==================================================
| 메인 section3 */
     #main .section3 .section-column1 .cont-area {margin-top:40px;}
     .instructor-swiper .swiper-button-next {left:calc(73.5% - 10px);}
     .quotes-box {padding:0 20px 80px;}
     .quotes-box li {padding:20px 0;}
     #main .section3 .section-column2 {max-width:unset; margin:0; padding:0;}
     #main .section3 .section-column2 > .tit-area,
     #main .section3 .section-column2 > .cont-area > .cont-wrap {max-width:1680px; padding:0 20px; margin:0 auto; box-sizing:border-box;}
     #main .section3 .section-column2 > .cont-area > .cont-wrap {padding:0;}
     .postxt-li li {height:50px; line-height:50px; padding:0 20px; box-sizing:border-box;}
     .postxt-li li p {font-size:1.3rem; line-height:1; }
     .postxt-li {width:470px; height:193px;}
     .postxt-li li:nth-of-type(1) {top:15px;}
     .postxt-li li:nth-of-type(2) {top:54px; right:270px;}
     .postxt-li li:nth-of-type(3) {top:52px; }
     .postxt-li li:nth-of-type(4) {top:98px;}
     .postxt-li li:nth-of-type(5) {right:272px; top:140px;}
     .postxt-li li:nth-of-type(6) {top:140px;}
     .instructor-pcbox {display:none;}
     .instructor-mobox {display:block;}
     .instructor-mobox .special-swiper {padding-bottom:3px;}
     .instructor-mobox .swiper-slide {padding:60px 20px 20px 20px; box-sizing:border-box;}
     .instructor-box .instructor-mobox .instructordes-box {box-shadow: 0px 4px 20px 0px #0000000D;}
     .instructor-mobox .swiper-pagination,
     #main .section12 .swiper-pagination,
     .section13-swiper .swiper-pagination {top:unset; bottom:0;}
     .textbook-swiper .swiper-pagination {bottom:-30px;}
     .instructor-mobox .swiper-pagination-bullet,
     #main .section12 .swiper-pagination-bullet,
     .section13-swiper .swiper-pagination-bullet,
     .textbook-swiper .swiper-pagination-bullet {width:7px; height:7px; opacity:1; border-radius:0; background:#c9c9c9; transform:rotate(45deg); margin:0 5px !important; }
     .instructor-mobox .swiper-pagination-bullet-active,
     #main .section12 .swiper-pagination-bullet-active,
     .section13-swiper .swiper-pagination-bullet-active,
     .textbook-swiper .swiper-pagination-bullet-active {width:10px; height:10px; background:url('/img/special_swiper.svg'); background-position:center; background-repeat:no-repeat; position:relative; top:1px; transform:rotate(0deg);}
     #main .section3 .instructor-box .instructordes-box:hover .img-box:after {opacity:0;}
     #main .section3 .instructor-box .instructordes-box:hover .hover-box {opacity:0; transform:translateY(0px);}
     #main .section3 .instructor-box .instructordes-box.active .img-box:after {opacity:1;}
     #main .section3 .instructor-box .instructordes-box.active .hover-box {opacity:1; transform:translateY(0px);}
     #main .section3 .instructor-mobox .mo-closebox {display:block; width:24px; height:24px; line-height:24px; text-align:center; background-color:#1D1E1F; position:absolute; top:20px; right:20px; border-radius:12px;}
     #main .section3 .instructor-mobox .mo-closebox img {position: relative; top: -1.02px; left: 0.46px;}
     .mo1024 {display:block;}
     .mo1024 .flex-box div {width: 40px; height: 40px; border-radius: 20px; border: 1px solid #e8e8e8; position:relative; left:-20px;}
     .mo1024 .flex-box div:last-child img {transform:rotate(180deg); position:relative;}
     .mo1024 .flex-box div:not(:nth-of-type(1)) { left:unset; right:-20px;}
     #main .section6 .gradient-btn.mt-80 {margin-top:30px;}
     #main .section6 .mo1024 {left: 0; width: 100%; top: 50%; margin-top: -56px; margin-bottom: 0; z-index: 1;}

/* ==================================================
| 메인 section5 */
     .mt-120 {margin-top:0;}
     .rotate-arrow {width:60px; top:46px;}
     #main .section5 {display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center;  align-items: center; -webkit-box-pack: justify; -moz-justify-content: center; -ms-flex-pack: justify; justify-content: center;}
     #main .section5 .section-body {max-width:unset; margin:0; padding:0;}
     #main .section5 .tit-area {max-width:1680px; width:100%; margin:0 auto; padding:0 20px; box-sizing:border-box;}
     .card-container .card-list {height:415px; width: 100%; max-width:984px; margin:0 auto; flex-shrink:0; box-sizing:border-box; padding-top:60px; /*overflow-x:hidden; -webkit-overflow-scrolling: touch;*/}
     .card-container .card-list li .cardlist-box {width:210px; height:250px; padding:40px 20px 30px; border-radius:15px;}
     .card-container .card-list li .cardlist-box .txt-box span {margin-top:15px;}
     .card-container .card-list li .cardlist-box .txt-box p {font-size:2.1rem;}
     .card-container .card-list li .cardlist-box .txt-box span {font-size:1.5rem; line-height:20px;}
     /* .card-container .card-list li:nth-child(5) .cardlist-box {margin-right:20px;} */
     .card-container .card-list li img {width:65px;}
     .card-container .card-list li:nth-child(1) br,
     .card-container .card-list li:nth-child(5) br {display:none;}
     .card-container .card-list li {width:fit-content;}
     .card-container .card-list li:nth-child(1) {-webkit-transform:rotate(-2deg) translate(183%, 106px); transform:rotate(-2deg) translate(183%, 106px);}
     .card-container .card-list li:nth-child(2) {-webkit-transform:rotate(-15deg) translate(175%, 191px); transform:rotate(-15deg) translate(175%, 191px);}
     .card-container .card-list li:nth-child(3) {-webkit-transform:rotate(10deg) translate(189%, 24px); transform:rotate(10deg) translate(189%, 24px);}
     .card-container .card-list li:nth-child(4) {-webkit-transform:rotate(25deg) translate(184%, -78px); transform:rotate(25deg) translate(184%, -78px);}
     .card-container .card-list li:nth-child(5) {-webkit-transform:rotate(-25deg) translate(143%, 249px); transform:rotate(-25deg) translate(143%, 249px);}
     .card-container .card-list.spread li:nth-child(1) {-webkit-transform: rotate(-10deg) translate(20px, 96px);  transform: rotate(-10deg) translate(20px, 96px);}
     .card-container .card-list.spread li:nth-child(2) {-webkit-transform: rotate(10deg) translate(226px, 77px); transform: rotate(10deg) translate(226px, 77px);}
     .card-container .card-list.spread li:nth-child(3) {-webkit-transform: rotate(0deg) translate(394px, 60px); transform: rotate(0deg) translate(394px, 60px);}
     .card-container .card-list.spread li:nth-child(4) {-webkit-transform: rotate(-10deg) translate(544px, 239px); transform: rotate(-10deg) translate(544px, 239px);}
     .card-container .card-list.spread li:nth-child(5) {-webkit-transform:rotate(10deg) translate(750px, -57px); transform:rotate(10deg) translate(750px, -57px);}

/* ==================================================
| 메인 section6 */
     .zigzag-ul.grid-box.col5 {width:calc(100% + 40px); position:relative; left:-20px; overflow-x:auto; display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex;}
     .zigzag-ul > li {width:290px; flex-shrink:0; border-radius:20px;}
     #sub.process .zigzag-ul > li:nth-of-type(4):before,
     #sub.process .zigzag-ul .img-box,
     #sub.process .zigzag-ul > li a:after {border-radius:20px;}
     .zigzag-ul .padding-box {border-radius:20px;}
     .zigzag-ul > li:nth-of-type(1) .padding-box:after, .zigzag-ul > li:nth-of-type(5) .padding-box:after, .zigzag-ul > li:nth-of-type(6) .padding-box:after, .zigzag-ul > li:nth-of-type(8) .padding-box:after {border-radius: 20px;}
     .zigzag-ul > li:nth-of-type(1) {margin-left:20px;}
     .zigzag-ul > li:nth-of-type(8) {margin-right:20px;}

/* ==================================================
| 메인 section8 */
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(2) {left:-40px;}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(4) {left:0;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(2) {left:430px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(4) {left:409px;}

/* ==================================================
| 메인 section9 */
     #main .section9 .ani-item:nth-of-type(1) {left:37%; top:-80px;}
     #main .section9 .ani-item:nth-of-type(2) {top:-30px; left:60px;}
     #main .section9 .ani-item:nth-of-type(3) {top:unset; right:40px; bottom:-17px;}

/* ==================================================
| 메인 section11 */
     .anidot-ul li:nth-of-type(1) { top:-61%;}
     .anidot-ul li:nth-of-type(2) { top:-359%;}
     .anidot-ul li:nth-of-type(3) { top:-839%;}

/* ==================================================
| 메인 section12 */
     .lefttab-ul {width:280px;}
     .lefttab-ul li {height:60px;}
     .lefttab-ul li + li {margin-top:10px;}
     .lefttab-ul li p {font-size:1.6rem; line-height:20px;}
     .rightbox-ul > li {padding:30px;}
     .rightbox-top p {font-size:2.5rem; line-height:30px;}
     .rightbox-top p ~ img {width:30px;}
     .rightbox-top li {font-size:1.3rem; line-height:32px; height:32px; padding:0 16px;}
     .rightbox-ul .dot-ul li {font-size:1.8rem; line-height:22px;}
     .rightbox-bottom ul {gap:10px;}
     .rightbox-bottom .li p {font-size:1.4rem; line-height:18px;}
     .rightbox-bottom .li strong,
     .rightbox-ul > .li3 .rightbox-bottom .li:last-of-type strong {font-size:2rem; margin-top:10px; line-height:24px;}
     .rightbox-bottom .li span {margin-top:5px; font-size:1.4rem;}
     .rightbox-ul > li.li4 .rightbox-bottom .li:first-of-type strong {gap:4px;}
     .rightbox-ul > li.li4 .rightbox-bottom .li:first-of-type div.gap-8.mt-10 {gap:4px; margin-top:5px !important;}
     .rightbox-ul > li.li4 .rightbox-bottom .li:first-of-type i {font-size:1rem; padding:6.5px 9.8px; line-height:15px;}

/* ==================================================
| 메인 section12 */
     .comparison-ul {gap:20px;}

/* ==================================================
| 메인 section16 */
     #main .section16:after {right:-70px;}
     .knowhow-ul {max-width:unset; width:fit-content;}
     .knowhow-ul li {padding:17px 20px;}

/* ==================================================
| 수강권 index */
     #sub.course-idx .section1, #sub.instructors-idx .section1 { padding: 20px 0 40px;}
     .event-swiper .swiper-button-next, .event-swiper .swiper-button-prev {display:none;}
     .event-swiper .swiper-pagination {bottom:-23px;}

/* ==================================================
| BT 강사진 */
     #sub.instructors-idx .section4 .tit-box h3 span:first-child {font-size:2.8rem; line-height:39px;}

/* ==================================================
| 무료수업 신청 */
     #sub.course-freetrial #sVisual .txt-list {margin-right:20px;}
     
/* ==================================================
| 주니어과정, 성인과정 */
     .process-swiper {width:calc(100% + 40px); left:-20px; padding:20px;}
     .process-swiper .swiper-button-prev {left:23.5%;}
     .process-swiper .swiper-button-next {right:23.5%;}
     .textbook-swiper .swiper-slide {padding:30px 30px 20px;}
     #sub.process #sVisual .visual-nav.tab-wrap .nav-wrap .nav-menu.depth1-box > ul > li:first-child {margin-left:55px;}
     #sub.process #sVisual .visual-nav.tab-wrap .nav-wrap .nav-menu.depth1-box > ul > li:last-child {margin-right:55px;}
}

@media screen and (max-width: 1000px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-4%;}
}

@media screen and (max-width: 980px){
/* ==================================================
| 공통 */
     .quick {display:block;}

/* ==================================================
| 메인 section1 */
     #main ~ .quick {display:none;}
     #main .section1 .ani-item:first-child {left:5px;}
     #main .section1 .ani-item:nth-of-type(2) {right:0;}
     #main .section1 .ani-item:last-child {left:0;}

/* ==================================================
| 메인 section2 */
     #main .section2 .ico-box .world-ico, #main .section8 .ico-box .world-ico {transform:scale(0.5);}
     #main .section2 .ico-box .ico-inner:hover .bubble-hover {bottom:calc(100% - 25px);}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(1):hover .bubble-hover {right:calc(100% - 28px);}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(3):hover .bubble-hover {right:calc(100% - 38px);}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(1):hover .bubble-hover,
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(4):hover .bubble-hover,
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(5):hover .bubble-hover {bottom:calc(100% - 39px);}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(1) {left:9px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(2) {left:-16px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(3) {left:11px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(4) {left:-33px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(5) {left:85px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(1) {left:200px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(2) {left:312px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(3) {left:259px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(4) {left:263px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(5) {left:267px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(6) {left:197px;}

/* ==================================================
| 메인 section5 */
     .card-container .card-list li:nth-child(1) {-webkit-transform:rotate(-2deg) translate(165%, 106px); transform:rotate(-2deg) translate(165%, 106px);}
     .card-container .card-list li:nth-child(2) {-webkit-transform:rotate(-15deg) translate(152%, 184px); transform:rotate(-15deg) translate(152%, 184px);}
     .card-container .card-list li:nth-child(3) {-webkit-transform:rotate(10deg) translate(172%, 33px); transform:rotate(10deg) translate(172%, 33px);}
     .card-container .card-list li:nth-child(4) {-webkit-transform:rotate(25deg) translate(166%, -58px); transform:rotate(25deg) translate(166%, -58px);}
     .card-container .card-list li:nth-child(5) {-webkit-transform:rotate(-25deg) translate(122%, 229px); transform:rotate(-25deg) translate(122%, 229px);}

/* ==================================================
| 메인 section8 */
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(1) {left:149px;}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(2) {left:-8px;}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(3) {left:61px;}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(4) {left:12px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(1) {left:202px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(2) {left:362px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(3) {left:292px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(4) {left:347px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(5) {left:227px;}

/* ==================================================
| 메인 section11 */
     #main .section11 .bg-img,
     .anidot-ul, .postxt-ul {width:650px;}
     .anidot-ul li:nth-of-type(1) { top:-17%;}
     .anidot-ul li:nth-of-type(2) { top:-233%;}
     .anidot-ul li:nth-of-type(3) { top:-582%;}
     .postxt-ul {bottom:10px;}

/* ==================================================
| 수강권 index */
     #sVisual.big.position-visual .visual-inner.position-rel {height:600px;}
     #sVisual.big .visual-txt .txt-wrap .txt-box h3 {font-size:3.6rem; }
     #sub.course-idx #sVisual .visual-txt .txt-wrap .txt-box h2 {font-size:4.4rem; line-height:1; margin:10px 0 0 0;}
     #sub.course-idx .section2 .section-inner,
     #sub.course-payment .section-inner {display:block;}
     #sub.course-idx .section2 .section-row1,
     #sub.course-freetrial .section-row1 {width:100%;}
     #sub.course-idx ~ #footer {padding-bottom:109px; transition:.2s ease-out;}
     #sub.course-idx ~ #footer .footer-body .footer-inner {padding:30px 20px 45px;}
     #sub.course-idx ~ .quick {bottom:160px;}
     #sub .sticky-row {position: fixed; bottom: 0; left:-1px; width: calc(100% + 2px); background-color:#fff; border-radius:20px 20px 0 0; z-index:999; top:unset; height:fit-content;}
     #sub .sticky-column {border-radius:20px 20px 0 0; padding:25px 20px 20px;}
     #sub .sticky-row .tit-box {display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center;  -moz-align-items: center;  -ms-flex-align: center; align-items: center; padding-bottom:20px;}
     #sub .sticky-row .ico-box {width:16px; height:16px; border-radius: 8px; background-color:#999999; transition:.2s ease-out; display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center;  align-items: center; -webkit-box-pack: justify; -moz-justify-content: center; -ms-flex-pack: justify; justify-content: center;}
     #sub.course-idx .sticky-row.active .ico-box,
     #sub.course-freetrial .sticky-row.active .ico-box {transform:rotate(180deg);}
     #sub.course-idx .apply-box {padding:9.5px 0; box-sizing:border-box; border-top:1px solid #1D1E1F;}
     #sub.course-idx .apply-inner {max-height:290px; overflow-y: auto; padding-right:15px;}
     #sub.course-idx .apply-inner::-webkit-scrollbar,
     #sub.course-payment .faq-ul::-webkit-scrollbar { width: 3px; height: 3px;}
     #sub.course-idx .apply-inner::-webkit-scrollbar-track,
     #sub.course-payment .faq-ul::-webkit-scrollbar-track { background: #f8f8f8; border-radius:50px;}
     #sub.course-payment .faq-ul::-webkit-scrollbar-thumb,
     #sub.course-idx .apply-inner::-webkit-scrollbar-thumb { background: #b7b7b7; border-radius:50px;}
     .month-price {height:68px;}
     #sub.course-idx .apply-details:first-child {border-top:unset; margin-top:-10px;}
     .mo960 {display:block; cursor:pointer;}
     #sub .sticky-row .tit-box .mo960 p {font-size:1.3rem; font-weight:500; line-height:18px; color:#999999;}
     .apply-details li {height:56px;}
     #sub.course-idx .slide-box {display:none;}
     #sub.course-idx .prime-btn.wid100,
     #sub.course-payment .prime-btn.wid100 {height:54px;}
     .instructor-box ul.grid-box.col3 {overflow-x:auto; padding-top:20px; width:calc(100% + 40px); left:-20px; position:relative; display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; row-gap:10px; padding-top:20px;}
     #sub.course-idx .section-column4 .course-tab.grid-box.col4 {padding-top:15px;}
     #sub.course-idx .section-column4 .course-tab.grid-box.col4 > li,
     .instructor-box ul.grid-box.col3 > li {flex:1; min-width:200px;}
     .instructor-box ul.grid-box.col3 > li {min-width:260px;}
     .instructor-box ul.grid-box.col3 > li:first-child {margin-left:20px;}
     .instructor-box ul.grid-box.col3 > li:last-child {margin-right:20px;}
     .time-box .inner-box {max-height:340px;}
     #sub.course-idx .instructor-box .nope-li .radio-box.custom-radio > input[type="radio"] ~ label {padding:20px 20px 30px;}
     #sub.course-payment .question-btn {display:block;}
     .courselist-inner .courselist-junior .tab-box {-webkit-box-pack: justify; -moz-justify-content: center;  -ms-flex-pack: justify; justify-content: center;}

/* ==================================================
| 수강권 결제하기 */
     .mo-980 {display:block;}
     #sVisual .visual-txt .txt-wrap .txt-box h2 {font-size:3.35rem; line-height:40px;}
     #sVisual .visual-txt .txt-wrap .txt-box p {font-size:1.4rem; line-height: 20px;}
     #sub.course-payment ~ #footer {padding-bottom:80px; transition:.2s ease-out;}
     #sub.course-payment ~ #footer .footer-body .footer-inner {padding:30px 20px 45px;}
     #sub.course-payment ~ .quick {bottom:114px;}
     #sub.course-payment .sticky-row {background-color:transparent; border-radius:unset;}
     #sub.course-payment .sticky-inner {position: fixed; width: 100%; background: #fff; bottom: -510px; left: 0; padding: 25px 20px 20px; box-shadow: 0px 0px 15px 0px #0000001F; box-sizing: border-box; border-radius: 20px; transition:bottom 0.2s ease-out;}
     #sub.course-payment .sticky-row.active .sticky-inner {bottom:104px;}
     #sub.course-payment .faq-ul {max-height:300px; overflow-y: auto; padding-right:10px;}
     #sub.course-payment .sticky-inner ~ .mo-980 {padding: 20px; box-sizing:border-box; border-radius: 20px 20px 0 0; box-shadow: 0px 0px 15px 0px #0000001F; background-color:#fff; position:relative; z-index:1;}
     #sub.course-payment .question-btn {width:54px; height:54px; border-radius:12px; background-color:#fff; border:1px solid #e8e8e8; box-sizing:border-box; transition:.3s ease-out; position:relative; flex-shrink:0;}
     #sub.course-payment .sticky-row.active .question-btn { background-color:#17016E; border-color:#17016E;}
     #sub.course-payment .question-btn img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
     #sub.course-payment .question-btn .active-img {opacity:0;}
     #sub.course-payment .sticky-row.active .question-btn .active-img {opacity:1;}
     #sub.course-payment .sticky-row.active .question-btn .default-img {opacity:0;}
     #sub.course-payment .btn-box {flex-grow:1;}
     #sub.course-payment .prime-btn.wid100 {margin-top:0 !important;}
     #sub.course-payment .sticky-column {padding:0; box-shadow:unset; border-radius:unset;}
     #sub.course-payment .sticky-row .tit-box  {-webkit-box-pack: justify; -moz-justify-content: flex-start;  -ms-flex-pack: justify;  justify-content: flex-start;}
     #sub.course-payment .sticky-row .tit-box .tit-des ~ img {width:26px;}
     #sub.course-payment .sticky-row .tit-box {position:relative;}
     #sub.course-payment .sticky-row .tit-box .mo-980 {position:absolute; right:0; top:0;}
     #sub.course-payment .sticky-row .tit-box .ico-box {width:24px; height:24px; border-radius: 12px; background-color:#1d1e1f; }
     #sub.course-payment .course-tab .radio-box > input[type="radio"] ~ label {min-width:160px;}
     #sub.course-payment .block1140 {display:none;}

/* ==================================================
| 무료수업 신청 */
     #sub.course-freetrial .section-inner {gap:60px; -webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}
     #sub.course-freetrial .section-row1 {order:2;}
     #sub.course-freetrial .sticky-row {order:1; position:static; width:100%; background-color:transparent; z-index:unset; height:auto;}
     #sub.course-freetrial .sticky-column {border-radius:20px; padding:30px;}
     #sub.course-freetrial .sticky-row .tit-box {display:block;}
     #sub.course-freetrial #sVisual .visual-txt .txt-wrap > .txt-box {width:100%; }
     #sub.course-freetrial .visual-txt .txt-wrap {-webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column; -webkit-box-pack: justify; -moz-justify-content: center;  -ms-flex-pack: justify; justify-content: center; gap:0px;}
     #sub.course-freetrial .visual-txt .txt-wrap .txt-box p {font-size:1.8rem; line-height:29px; }
     #sub.course-freetrial .visual-txt .txt-wrap .txt-box p .block1360 {display:none;}
     #sub.course-freetrial #sVisual .txt-list {margin-top:30px; margin-right:0; padding-bottom:27px;}
     #sub.course-freetrial #sVisual .txt-list li .block1140 {display:none;}
     #sub.course-freetrial #sVisual .txt-list li:first-child .des:last-child .block-box, #sub.course-freetrial #sVisual .txt-list li:nth-of-type(2) .des:first-child .block-box {display:block;}
     .pc-980 {display:none;}
     #sVisual .freetrial-swiper {overflow:visible;}
     #sVisual .freetrial-swiper .swiper-slide img:not(.wid-img) {width:40px;}
     #sVisual .freetrial-swiper .swiper-slide .wid-img {width:55px;}
     #sVisual .txt-list .freetrial-swiper .tit {font-size: 2.1rem; line-height: 28px; font-weight:700;}
     #sVisual .txt-list .freetrial-swiper .des {font-size: 1.5rem; line-height: 21px; font-weight:400; color:#6B7072;}
     #sVisual .txt-list .freetrial-swiper .swiper-slide {height:155px;}
     #sVisual .txt-list .freetrial-swiper .swiper-slide img {transition:opacity .2s ease-out;}
     #sVisual .txt-list .freetrial-swiper .swiper-slide:not(.swiper-slide-active) img {opacity:0;}
     #sVisual .txt-list .freetrial-swiper .swiper-slide.slide1 img {top: -29px; right: 11px;}
     #sVisual .txt-list .freetrial-swiper .swiper-slide.slide2 img {right:-10px; top:14px;}
     #sVisual .txt-list .freetrial-swiper .swiper-slide.slide3 img {top:11px; left:-11px}
     #sVisual .txt-list .freetrial-swiper .swiper-slide.slide4 img {left:22px; bottom:-17px;}
     #sub.course-freetrial #sVisual.position-visual .visual-inner.position-rel {height:488px;}
     #sub.course-payment .back-gradient.arrow-btn.mid {width:100%; margin:0;}
     #sub.course-freetrial .section-column2 .course-tab.grid-box.col5 {grid-template-columns: repeat(5, 1fr);}
}

@media screen and (max-width: 960px){
     .mainvisual-section .visualimg-swiper .coupon-slide .txt-box > .flex-column {width:58%;}
     .mainvisual-section .visualimg-swiper .coupon-slide .txt-box > .rightimg-box {width:42%;}
     #sub.course-idx .rightimg-box {width:42%;}

/* ==================================================
| BT 강사진 */
     #sub.instructors-idx .block1500 {display:block;}
     #sub.instructors-idx .event-swiper .swiper-slide {height:160px;}
     #sub.instructors-idx .section3 .instructor-box > ul {-webkit-box-lines: multiple; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap;  flex-wrap: nowrap; display: -webkit-box; display: -ms-grid; display: grid; grid-template-columns:1fr 1fr;}

/* ==================================================
| 주니어과정, 성인과정 */
     #sub.process .section3 .pos-img img {width:300px;}
}

@media screen and (max-width: 950px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-4%;}
     .instructor-swiper .swiper-slide.swiper-slide-prev {left:-3.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-4.5%;}

/* ==================================================
| 수강권 index */
     .courselist-inner .courselist-junior .tab-box {-webkit-box-pack: justify; -moz-justify-content: flex-start;  -ms-flex-pack: justify;  justify-content: flex-start;}

/* ==================================================
| 주니어과정, 성인과정 */
     #sub.process.total .subject-ul li:nth-of-type(2) .block-box {display:none;}
     #sub.process.business .subject-ul li:nth-of-type(3) .block-box {display:none;}
}

@media screen and (max-width: 900px){
     .block1630 {display:none;}

/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-4.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-5%;}
     .instructor-swiper .swiper-button-next {left:calc(72.5% - 10px);}

/* ==================================================
| 메인 section5 */
     .card-container .card-list li:nth-child(1) {-webkit-transform:rotate(-2deg) translate(149%, 106px); transform:rotate(-2deg) translate(149%, 106px);}
     .card-container .card-list li:nth-child(2) {-webkit-transform:rotate(-15deg) translate(133%, 174px); transform:rotate(-15deg) translate(133%, 174px);}
     .card-container .card-list li:nth-child(3) {-webkit-transform:rotate(10deg) translate(156%, 39px); transform:rotate(10deg) translate(156%, 39px);}
     .card-container .card-list li:nth-child(4) {-webkit-transform:rotate(25deg) translate(152%, -45px); transform:rotate(25deg) translate(152%, -45px);}
     .card-container .card-list li:nth-child(5) {-webkit-transform:rotate(-25deg) translate(108%, 213px); transform:rotate(-25deg) translate(108%, 213px);}

/* ==================================================
| 메인 section9 */
     #main .section9 {min-height:unset;}
     #main .section9 .section-body .section-inner {padding-left:0;}
     #main .section9 .section-column {gap:100px; -webkit-box-orient: vertical;  -webkit-box-direction: reverse;  -moz-flex-direction: column-reverse;  -ms-flex-direction: column-reverse;  flex-direction: column-reverse; -webkit-box-align: start;  -moz-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start; -webkit-box-orient: vertical;  -webkit-box-direction: reverse;  -moz-flex-direction: column-reverse;  -ms-flex-direction: column-reverse;  flex-direction: column-reverse; -webkit-box-pack: justify; -moz-justify-content: flex-end;  -ms-flex-pack: justify;  justify-content: flex-end ;}
     #main .section9 .cont-area {width:100%; margin-left:0;}
     #main .section9 .pos-box {width:100%;}
     #main .section9 .tit-area {max-width:unset; margin-left:0; width:100%;}
     #main .section9 .pc900 {display:none;}
     #main .section9 .mo900 {display:block;}
     #main .section9 .ani-item:nth-of-type(2) {left:120px;}
     #main .section9 .mo900 .subtxt-box.mt-60 {margin-top:60px !important;}
     #main .section9 .mo900 .subtxt-box.mt-50 {margin-top:15px !important;}
     #main .section9 .mo900 .arrow-btn {margin:0 auto;}
     #main .section9 .ani-item:nth-of-type(1) {top:-65px;}
     #main .section9 .ani-item:nth-of-type(2) {top:-21px;}

/* ==================================================
| 수강권 index */
     #sub.course-idx .section-column4 .course-tab.grid-box.col4 {grid-template-columns:1fr 1fr;}

/* ==================================================
| 수강권 결제하기 */
     #sub.course-payment .course-tab {grid-template-columns:repeat(2, 1fr);}

/* ==================================================
| 무료수업 신청 */
     #sub.course-freetrial .section-column2 .course-tab.grid-box.col5,
     #sub.course-freetrial .section-column2 .course-tab.grid-box.col4 {grid-template-columns: repeat(2, 1fr);}

/* ==================================================
| 주니어과정, 성인과정 */
     .block900 {display:block;}
     .manager-ul li img {width:26px;}
     .manager-ul li:first-of-type img {align-self:flex-end;}
     .textbook-swiper .swiper-slide {width:80% !important;}
}

@media screen and (max-width: 870px){
/* ==================================================
| 메인 section12 */
     .pc870 {display:none;}
     .mo870 {display:block;}
     #main .section12 .cont-wrap {-webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}
     .mo870 .section12-swiper .swiper-slide .li { height:140px; padding:20px 50px;}
     .rightbox-ul > li {background-color: transparent; border-radius: unset; padding:0;}
     .rightbox-ul .rightbox-ulwrap {background-color:#3B02F8; border-radius: 25px; padding:30px 25px; box-sizing:border-box; margin-top:10px;}
     .lefttab-ul {width:100%;}
     .lefttab-ul li:after {display:none;}
     .rightbox-ul > li + li {margin-top:10px;}
     .lefttab-ul li.active {border-color:#F5F2FE; box-shadow:unset;}
     .rightbox-ul > li:not(:first-of-type) {display:block;}
     .rightbox-ul > li:not(:first-of-type) .rightbox-ulwrap {display:none;}
     .rightbox-top > div.flex-center {display:none;}
     .lefttab-ul li {height:70px;}
     .lefttab-ul li p {font-size:1.8rem; line-height:25px;}
     #main .section12 .section12-swiper {padding-bottom:22px;}
     #main .section12 .swiper-button-prev {left:5px;}
     #main .section12 .swiper-button-next {right:5px;}

/* ==================================================
| 메인 section13 */
     #main .section13 .review-ul {grid-template-columns:1fr;}
}

@media screen and (max-width: 860px){
/* ==================================================
| 공통 */
     #sub {margin-top:60px;}
     #main .section {padding:80px 0;}
     #main .section3 {padding:80px 0 0;}
     .review-marquee:after {height:calc(100% + 80px);}
     .quotes-box {padding:0 20px 60px;}
     #main .section16 {padding-top:0px !important; padding-bottom:0;}
     .pb-140 {padding-bottom:60px;}
     #sub .sub-wrap {padding:60px 0;}

/* ==================================================
| 헤더 */
     .header-nav.pc {display:none !important;}
     .header-util.pc-ver li.mo {display:block !important;}
     .header-util.pc-ver li:not(.mo) {display:none;}
     #header .header-body .header-inner {height:60px;}
     #header .header-body .header-inner .header-row {height:100%;}
     #header .logo > a img {width:121px;}
     .mobile-inner.mo860 {display:block;}
     #header.header-effect-sticky.active .header-body {top:20px;}
     #header.transparent-bg .header-inner {border-bottom-color:#f1f1f1;}
     .header-nav .depth1 > li:hover > a {color:#1D1E1F;}

/* ==================================================
| doctrine-bar */
     .doctrine-bar {width:195px; transform:translate(-50%, calc(100% - 40px));}
     .doctrine-bar.up {transform:translate(-50%, 0);}
     .doctrine-bar ul {padding:0 0 12px; -webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column; gap:0;}
     .doctrine-bar ul li {padding:0 12.5px; box-sizing:border-box;}
     .doctrine-bar a {height:40px;}
     .doctrine-bar .mo-upbtn {display:block; width:100%;}
     .doctrine-bar .mo-upbtn a {height:40px; line-height:40px; text-align:center;}
     .doctrine-bar .mo-upbtn img {transition:0.2s ease-out;}
     .doctrine-bar.up .mo-upbtn img {transform:rotate(180deg);}
     .doctrine-bar li.mo-upbtn:hover a {background-color:transparent; color:unset;}
     .doctrine-bar a {padding:10px 25px;}
     .doctrine-bar:hover ul:after {opacity:0;}
     .doctrine-bar.up ul:after {opacity:1;}

/* ==================================================
| 메인 메인비쥬얼 */
     .mainvisual-section .title-item.white {width:calc(100% - 20px);}
     .mainvisual-section .scroll-down { bottom:94px; transform:translate(-50%, 0); right:unset; left:50%; display:none;}
     .mainvisual-section .scroll-down p {writing-mode:unset; font-size:1.4rem; display:inline; white-space:nowrap;}
     .mainvisual-section .scroll-down img {width:12px;}
     .mainvisual-section .visualimg-swiper.swiper-horizontal > .swiper-pagination-progressbar, .mainvisual-section .visualimg-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal { bottom:86.5px; width:50px; }
     .mainvisual-section .visualimg-swiper .swiper-pagination-fraction { bottom:80px; font-size:1.4rem; height:14px; width:104px; }
     .mainvisual-section .visualimg-swiper .swiper-button-next,
     .mainvisual-section .visualimg-swiper .swiper-button-prev {opacity:0;}
     .mainvisual-section .visualimg-swiper .swiper-button-next {top: unset; bottom: 63px; right: unset; left: calc(50% + 83px);}
     .mainvisual-section .visualimg-swiper .swiper-button-prev {top: unset; bottom: 63px; right: calc(50% + 83px); left: unset;}
     .mainvisual-section.show-item .visualimg-swiper .swiper-button-next,
     .mainvisual-section.show-item .visualimg-swiper .swiper-button-prev {opacity:1; transition: opacity 0.3s ease-out;}

     .mainvisual-section .visualimg-swiper .txt-box {width:calc(100% - 40px);}
     .mainvisual-section .visualimg-swiper .slide1 .jalnan {left:-10px;}
     
/* ==================================================
| 메인 section1 */
     #main ~ .quick {display:block;}
     #main ~ #footer .footer-body .footer-inner {padding:30px 20px 70px;}
     .charm-li.grid-box.col2 {grid-template-columns:1fr;}
     .charm-li li {padding:50px 20px 0; border-radius:20px;}
     .charm-li li:first-child {background-image:url('/img/charm_bg1_mo.png'); background-position:center calc(100% + 6px); background-size:contain;}
     .charm-li li:last-child {background-image:url('/img/charm_bg2_mo.png'); background-position:calc(100% + 3px) calc(100% + 16px); background-size:contain;}
     .charm-li li img {width:55.155%;} 
     .charm-li li h4 {font-size:2.85rem; line-height:32px;}
     .charm-li li h5 {margin-top:20px;}
     .charm-li li .img-box {margin-top:30px;}

/* ==================================================
| 메인 section2 */
     .block860 {display:block;}
     #main .section2 .section-column,
     #main .section8 .section-column {min-height:unset; padding:190px 0; box-sizing:border-box;}
     #main .section2 .float-box,
     #main .section8 .float-box {-webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}
     #main .section2 .ico-box, 
     #main .section8 .ico-box {max-height:180px; width:100%; position:relative;}
     #main .section2 .ico-box .ico-inner, 
     #main .section8 .ico-box .ico-inner {position:absolute; z-index:1;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(1) {left: 15%; top: 20px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(2) {left: -50px; top: 110px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(3) {left:10%; bottom:-440px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(4){left:-40px; bottom:-550px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(5) {left:30%; bottom:-560px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(1) {left:48%; top:-590px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(2) {left:89%; top:-567px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(3) {left:71%; top:-507px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(4) {left:85%; bottom:130px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(5) {left:unset; right:-60px; bottom:10px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(6) {left:55%; bottom:10px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(1) .bubble-hover, #main .section2 .ico-box:last-child .ico-inner:nth-of-type(3) .bubble-hover {left: 50%; bottom: calc(100% - 5px); transform: translateX(-50%); right:unset; top:unset;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(1):hover .bubble-hover, #main .section2 .ico-box:last-child .ico-inner:nth-of-type(3):hover .bubble-hover {left:50%; top:unset; bottom:calc(100% - 30px); transform:translateX(-50%); right:unset; text-align:center;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(3):hover .bubble-hover {bottom:calc(100% - 40px);}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(1) .bubble-hover img, #main .section2 .ico-box:last-child .ico-inner:nth-of-type(3) .bubble-hover img {top:-5px; transform:rotate(0deg); right:unset; margin-top:unset; position:relative;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(1) .bubble-hover p, #main .section2 .ico-box:last-child .ico-inner:nth-of-type(3) .bubble-hover p {margin-right:0;}

/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active .video-box {border-radius:3px;}
     .instructor-swiper .swiper-slide.swiper-slide-prev .video-box, .instructor-swiper .swiper-slide.swiper-slide-next .video-box {border-radius:15px;}
     .instructorswiper-box ~ .btm-box {margin-top:50px;}
     .quotes-box h5 {font-size:2.4rem; line-height:34px;}
     .quotes-box img {width:24.82px;}
     .quotes-box .tit-des {margin-top:20px !important;}
     .quotes-box > .txt-box > ul.grid-box.col3 {grid-template-columns: 1fr; margin-top:20px !important;}
     #main .section3 .section-column2 .tit-area .tit-box .txt-gradient {margin:0;}
     #main .section3 .section-column2 .tit-area .postxt-box {margin-top:25px;}
     .postxt-li {width:345px; height:250px;}
     .postxt-li li {position:relative; width:fit-content;}
     .postxt-li li:nth-of-type(1) {right:unset; top:0; left:43px;}
     .postxt-li li:nth-of-type(2) {right:unset; left:5px; top:-5px;}
     .postxt-li li:nth-of-type(3) {right:unset; left:159px; top:-25px;}
     .postxt-li li:nth-of-type(4) {right:unset; left:22px; top:-32px;}
     .postxt-li li:nth-of-type(5) {right:unset; left:0; top:0; z-index:1;}
     .postxt-li li:nth-of-type(6) {right:unset; left:132px; top:-92px;}
     #main .section3 .tab-box {gap:10px;} 

/* ==================================================
| 메인 section8 */
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(1) {left:13%; top:10px}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(2) {left:-60px; top:85px;}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(3) {left:-75px; top:413px;}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(4) {left:4%; top:554px;}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(5) {left:19%; top:631px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(1) {left:58%; bottom:641px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(2) {left:unset; bottom:612px; top:unset; right:-79px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(3) {left:73%; top:unset; bottom:529px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(4) {left:unset; right:-61px; top:-145px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(5) {left:70%; top:21px;}

/* ==================================================
| 메인 section14 */
     .comparison-ul.grid-box.col4 {grid-template-columns:1fr; gap:0; overflow-x:auto; width:calc(100% + 40px); position:relative; left:-20px; padding:0 0 10px; overflow-y:hidden;}
     .comparison-ul.grid-box.col4::-webkit-scrollbar { width: 3px; height: 3px;  }
     .comparison-ul.grid-box.col4::-webkit-scrollbar-track { background: #C9C9C9; border-radius:500px; }
     .comparison-ul.grid-box.col4::-webkit-scrollbar-thumb { background: #17016E; border-radius:500px; }
     .comparison-ul ul {padding:20px 0; box-sizing:border-box; display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; margin:0 20px;}
     .comparison-ul > li:nth-of-type(2) ul {padding:20px 0; border-radius:15px;}
     .comparison-ul > li:nth-of-type(2) ul > li:first-of-type img {width:70px;}
     .comparison-ul ul > li {border-bottom:unset; height:50px;}
     .comparison-ul ul > li:first-of-type {width:110px; height:50px; border-right:1px solid #1D1E1F;}
     .comparison-ul ul > li:nth-of-type(2) {width:156px;}
     .comparison-ul ul > li:nth-of-type(3),
     .comparison-ul ul > li:nth-of-type(4),
     .comparison-ul ul > li:nth-of-type(5),
     .comparison-ul ul > li:nth-of-type(6) {width:150px;}
     .comparison-ul > li:nth-of-type(2) ul > li:first-of-type {border-color:#fff;}
     .comparison-ul .big-txt {font-size:1.8rem; line-height:25px;}
     .comparison-ul p {font-size:1.6rem; line-height:22px;}
     .comparison-ul span {font-size:1.3rem; height:18px;}
     .comparison-ul > li:nth-of-type(2) .pos-box {padding:6.5px 10px; transform:unset; left:90px; top:-13px; border-radius:8px;}
     .comparison-ul > li:nth-of-type(2) .pos-box p {font-size:1.2rem; line-height:17px;}
     .comparison-ul > li:nth-of-type(2) .pos-box p ~ img {width:14px;}

/* ==================================================
| BT 강사진 */
     #sub.instructors-idx .section2 .instructor-box > ul {margin-left:300px;}

/* ==================================================
| 주니어과정, 성인과정 */
     .process-swiper .swiper-button-prev {left:23.2%;}
     .process-swiper .swiper-button-next {right:23.2%;}
}

@media screen and (max-width: 850px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-5%;}
     .instructor-swiper .swiper-slide.swiper-slide-prev {left:-4%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-5.5%;} 
}

@media screen and (max-width: 820px){
/* ==================================================
| 메인 section5 */
     .card-container .card-list li:nth-child(1) {-webkit-transform:rotate(-2deg) translate(128%, 106px); transform:rotate(-2deg) translate(128%, 106px);}
     .card-container .card-list li:nth-child(2) {-webkit-transform:rotate(-15deg) translate(113%, 166px); transform:rotate(-15deg) translate(113%, 166px);}
     .card-container .card-list li:nth-child(3) {-webkit-transform:rotate(10deg) translate(135%, 48px); transform:rotate(10deg) translate(135%, 48px);}
     .card-container .card-list li:nth-child(4) {-webkit-transform:rotate(25deg) translate(138%, -29px); transform:rotate(25deg) translate(138%, -29px);}
     .card-container .card-list li:nth-child(5) {-webkit-transform:rotate(-25deg) translate(95%, 198px); transform:rotate(-25deg) translate(95%, 198px);}

/* ==================================================
| 주니어과정, 성인과정 */
     #sub.process.total .subject-ul li:nth-of-type(3) .block-box {display:none;}
}       

@media screen and (max-width: 800px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-5.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-6.5%;} 
}

@media screen and (max-width: 768px){
     /* 여기서 cont-area margin-top mo 버전 맞추기 */
/* ==================================================
| 공통 */
     .prime-btn {width:240px; height:60px;}
     .prime-btn, .prime-btn p, #sub .back-gradient.arrow-btn.mid p {font-size:1.4rem;}
     .arrow-btn img {width:14px; margin-top:-6px;}
     .tit-box h3 {font-size:3.5rem; line-height:49px;}
     .tit-des,
     #main .section7 .tit-des,
     #main .section10 .tit-des {font-size:1.8rem; line-height:27.5px;}
     .tit-des.mt-40,
     .tit-des.mt-30 {margin-top:20px !important;}
     .gradient-btn.mt-60,
     .gradient-btn.mt-80 {margin-top:30px !important;}
     .cont-area.mt-80 {margin-top:30px;}
     .radio-box.custom-radio > input[type="radio"] ~ label {font-size:1.4rem; padding:12px 21.5px; white-space:nowrap;}
     .mt-110 {margin-top:70px;}
     #sub .sub-wrap {padding:40px 0;}

/* ==================================================
| 메인 메인비쥬얼 */
     .mainvisual-section .btn {width:80px; height:80px; border-radius:40px;}
     .mainvisual-section .title-item {top:26%;}
     .mainvisual-section .title-item h4 {font-size:3rem;}
     .mainvisual-section .title-item h3 {font-size:5rem; margin-top:20px;}
     .mainvisual-section .title-item.white h4 {font-size:3.5rem; line-height:45px;}

     .mainvisual-section .visualimg-swiper .txt-box {padding-top:100px; -webkit-box-pack: justify; -moz-justify-content: flex-start;  -ms-flex-pack: justify;  justify-content: flex-start; height:auto; top:unset; left:20px; transform:unset;}
     .mainvisual-section .visualimg-swiper .coupon-slide .txt-box {-webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}
     .mainvisual-section .visualimg-swiper .coupon-slide .txt-box > .flex-column,
     .mainvisual-section .visualimg-swiper .coupon-slide .txt-box > .rightimg-box {width:100%;}
     .mainvisual-section .visualimg-swiper .coupon-slide .txt-box > .rightimg-box {margin-top:20px;}
     .mainvisual-section .visualimg-swiper .slide1 .bar-wrap {gap:10px;}
     


     #sub.course-idx .visual-txt.visual-txt .jalnan {margin-top:15px !important;}
     .mainvisual-section .visualimg-swiper .fs30 {font-size:1.8rem;}
     #sub.course-idx .visual-txt .fs30,
     #sub.course-idx .visual-txt .fs24 {font-size:1.4rem !important; line-height:1.3 !important;}
     #sub.course-idx .visual-txt .fs24.mt-40 {margin-top:10px !important;}
     .mainvisual-section .visualimg-swiper .jalnan {font-size:4.5rem;}
     #sub.course-idx .visual-txt .jalnan {font-size:3rem !important;}
     .mainvisual-section .visualimg-swiper .slide1 .bar-box {width:40px;}
     .mainvisual-section .visualimg-swiper .slide2 .txt-box,
     #sub.course-idx .visual-txt .txt-box {display:block;}
     .mainvisual-section .visualimg-swiper .slide2 .txt-box > * {width:100% !important;}
     .mainvisual-section .visualimg-swiper .rightimg-box img {width:100%; max-width: 300px; margin: 0 auto;}
     .mainvisual-section .visualimg-swiper .prime-btn,
     #sub.course-idx .visual-txt .prime-btn {height:50px; width:200px; margin-top:10px !important;}
     .mainvisual-section .visualimg-swiper .prime-btn {margin-top:30px !important;}
     .mainvisual-section .visualimg-swiper .coupon-slide .txt-box > .flex-column {gap:0;}

/* ==================================================
| 메인 section1 */
     .pos-item {height:50px;}
     #main .section1 .ani-item p, #main .section9 .ani-item p {font-size:1.4rem; line-height:20px;}
     #main .section1 .ani-item:first-child {left:36%; top: -59px;}
     #main .section1 .ani-item:nth-of-type(2) {right:unset; top: -21px; bottom:unset; left:87px;}
     #main .section1 .ani-item:nth-of-type(2) img {right:unset; left:20px;}
     #main .section1 .ani-item:last-child {left: unset; top: unset; bottom: -6px; right:40px;}
     #main .section1 .gradient-btn.mt-60 {margin-top:30px !important;}
     #main .section3 .quotes-box .gradient-btn.mt-60,
     #main .section9 .gradient-btn.mt-60 {margin-top:40px !important;}
     #main .section1 .cont-area.mt-80 {margin-top:100px !important;}
     #main .section1 .cont-area .cont-wrap.p-relative.wid-fit {width: calc(100% + 60px); left: -30px;}

/* ==================================================
| 메인 section2 */
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(1) {top:-535px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(2) {top:-521px;}

/* ==================================================
| 메인 section3 */
     #main .section3 .section-column1 .cont-area {margin-top:30px;}
     .swiper-button-next, .swiper-button-prev {width:40px; height:40px;}
     .instructor-swiper .swiper-button-next { left: calc(73.3% - 10px);}
     .logo-li {gap:10px;}
     .logo-box.logo-box2 {margin-top:10px !important;}
     .logo-li li {width:200px; height:60px; line-height:60px; border-radius:10px;}
     .logo-li li.li1 img {width:97px;}
     .logo-li li.li2 img {width:92.5px;}
     .logo-li li.li3 img {width:102.25px;}
     .logo-li li.li4 img {width:91px;}
     .logo-li li.li5 img {width:117px;}
     .logo-li li.li6 img {width:80.41px;}
     .logo-li li.li7 img {width:48.57px;}
     .logo-li li.li8 img {width:95.5px;}
     .logo-li li.li9 img {width:83px;}
     .logo-li li.li10 img {width:98px;}
     .logo-li li.li11 img {width:128px;}
     #main .section3 .tab-box {gap:5px; overflow-x:auto;} 
     #main .section3 .tab-box > li:first-child {margin-left:20px;}
     #main .section3 .tab-box > li:last-child {margin-right:20px;}
     .instructor-swiper .swiper-slide.swiper-slide-prev {left:-4.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-6%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left: -7%;}
     .instructor-box .btm-box .detail-box p {font-size:1.3rem; line-height:20px;}

/* ==================================================
| 메인 section4 */
     #main .section4 .section-column {gap:30px;}
     .reason-ul {gap:15px;}
     .dot-ul {margin-top:30px !important;}
     .dot-ul > li {font-size:1.5rem; line-height:22px;}

/* ==================================================
| 메인 section5 */
     .rotate-arrow {width:50px; top:39px;}

/* ==================================================
| 메인 section6 */
     #main .section6 .mo1024 {margin-bottom:15px;}

/* ==================================================
| 메인 section7 */
     .updown-ul > li {width:300px; height:220px; border-radius: 20px;}
     .zigzag-ul .padding-box {border-radius:20px;}

/* ==================================================
| 메인 section8 */
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(1) {bottom:543px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(2) {bottom:531px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(3) {bottom:440px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(4) {top:-126px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(5) {top:-5px;}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(3) {top:373px;}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(4) {top:449px;}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(5) {top:531px;}

/* ==================================================
| 메인 section9 */
     #main .section9 .section-column {gap:90px;}
     #main .section9 .pos-box {width: calc(100% + 60px); left: -30px;}
     #main .section9 .mo900 .subtxt-box.mt-60 {margin-top:36px !important;}
     #main .section9 .ani-item:nth-of-type(1) {left:36%; top:-59px;}
     #main .section9 .ani-item:nth-of-type(2) {left:87px;}
     #main .section9 .ani-item:nth-of-type(3) {bottom:-6px;}

/* ==================================================
| 메인 section11 */
     #main .section11 .cont-area {margin-top:40px;}
     .graph-ul li span {font-size:1.4rem; line-height:20px;}
     .graph-ul li span ~ div {margin-top:0;}
     .graph-ul li div p {font-size:2.4rem; line-height:34px;}
     .graph-ul li > p {margin-top:10px; font-size:1.6rem; line-height:25px;}
     #main .section11 .bg-img, .anidot-ul, .postxt-ul {padding:0; transform:unset; left:20px;}
     #main .section11 .bg-img {bottom:-3px;}
     .anidot-ul li:nth-of-type(1) {top:-18%;}
     .anidot-ul li:nth-of-type(2) {top:-241%;}
     .anidot-ul li:nth-of-type(3) {top:-612%;}
     .anidot-ul li:nth-of-type(3).light {box-shadow: 0px 0px 120px 50px #00FFB280;}

/* ==================================================
| 메인 section12 */
     #main .section12 .cont-area {margin-top:30px !important;}
     #main .section12 .section12-swiper {width: calc(100% + 40px); left: -20px;}
     
/* ==================================================
| 메인 section13 */
     .review-marquee .review-li li {width:280px; padding:20px;}
     .review-marquee .review-li li .review-tit {font-size:1.6rem; line-height:22px;}
     .review-marquee .review-li li .review-des {margin-top:5px; font-size:1.3rem; line-height:21px;}
     .review-marquee .review-li li .mt-30.gap-10 {margin-top:10px !important;}
     .review-marquee .review-li li .star-box img {width:88px;}
     .review-marquee .review-li li span {font-size:1.3rem; line-height:16px;}

/* ==================================================
| 메인 section15 */
     .card_wrapper {height:243px; padding:0 25px;}
     .card_wrapper span {font-size:1.4rem; line-height:20px;}
     .card_wrapper p {margin-top:5px; font-size:2.4rem; line-height:34px;}
     .card_wrapper .ico-box {width:65px;}

/* ==================================================
| 수강권 index */
     #sub.course-idx #sVisual .visual-txt .txt-body {padding:30px 20px;}
     #sub.course-idx #sVisual .gradient-btn.mt-60 {margin-top:0 !important;}
     #sub.course-idx .rightimg-box {margin-top:10px; width:100%;}
     #sub.course-idx .rightimg-box img {margin:0 auto; max-width:370px;}
     #sub.course-idx #sVisual .visual-txt .txt-wrap,
     #sub.course-freetrial #sVisual .visual-txt .txt-wrap {-webkit-box-align: start;  -moz-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start;}
     #sub.course-idx #sVisual .visual-txt .txt-wrap > * {margin-top:60px;}
     #sVisual.big .visual-txt .txt-wrap .txt-box h3 {font-size:2.8rem;}
     #sub.course-idx #sVisual .visual-txt .txt-wrap .txt-box h2 {font-size:3.2rem;}
     #sVisual.big .visual-txt .txt-wrap .txt-box p {font-size:1.8rem; line-height:24px;}
     #sub.course-idx #sVisual .visual-bg .back-img {background-position:center calc(100% + 200px);}
     .event-swiper .swiper-slide {height:99px; padding:25px; border-radius:12px;}
     .event-swiper .swiper-slide p {font-size:1.8rem; line-height:25px;}
     .event-swiper .swiper-slide span {font-size:1.4rem; line-height:20px;}
     .event-swiper .swiper-slide .ico-box img {width:45px;}
     .event-swiper .swiper-pagination-bullet,
     .freetrial-swiper .swiper-pagination-bullet {width:7px; height:7px; border-radius:3.5px; margin:3.5px !important}
     .event-swiper .swiper-pagination-bullet-active,
     .freetrial-swiper .swiper-pagination-bullet-active {width:14px;}
     #sub .section:not(.section1) {padding:40px 0 0;}
     .sub-tit {font-size:1.8rem; line-height:25px;}
     .subtit-des {font-size:1.3rem; line-height:18px;}
     .apply-details li {font-size:1.3rem; line-height:18px;}
     .month-price .fs22 {font-size:1.6rem;}
     .month-price .fs26 {font-size:1.8rem;}
     #sub.course-idx .section2 .cont-area.mt-30,
     #sub.course-freetrial .cont-area.mt-30 {margin-top:15px !important;}
     #sub.course-idx .section2 .section-column4 .cont-area.mt-30 {margin-top:2px !important;}
     #sub.course-idx .radio-box.custom-radio > input[type="radio"] ~ label {padding:14px 21.5px;}
     .courselist-box.mt-24 {margin-top:10px;}
     .radio-box.custom-radio.prime > input[type="radio"] ~ label {font-size:1.3rem;}
     #sub.course-idx .radio-box.custom-radio.prime > input[type="radio"] ~ label {padding:7px 20px;}
     #sub.fullcalendar-page .courselist-des {padding:20px; }
     #sub.fullcalendar-page .courselist-des .ico-box img {width:24px;}
     #sub.fullcalendar-page .courselist-des p {font-size:1.4rem; line-height:20px;}
     #sub.fullcalendar-page .courselist-des span {margin-top:5px; display:block; font-size:1.3rem; line-height:18px;}
     #sub.course-idx .section2 .section-row1 .section-column2, #sub.course-idx .section2 .section-row1 .section-column3, #sub.course-idx .section2 .section-row1 .section-column3-1 {padding-bottom:39px;}
     #sub.course-idx .section2 .section-column.mt-80 {margin-top:40px;}
     #sub.course-idx .section-column4 .radio-box.custom-radio.flex > input[type="radio"] ~ label {height:120px;}
     #sub.course-idx .section-column4 .course-tab.grid-box.col4 .period-month {font-size:1.6rem; line-height: 22px;}
     #sub.course-idx .section-column4 .course-tab.grid-box.col4 .period-price {font-size:1.8rem; line-height: 25px;}
     #sub.course-idx .section-column4 .course-tab.grid-box.col4 .discount-percent {font-size:1.4rem; line-height: 20px;}
     #sub.course-idx .section-column4 .course-tab.grid-box.col4 .discount-percent ~ .txt-b7 {font-size:1.4rem; line-height: 20px;}
     #sub.course-idx .info-box {margin-top: 10px; padding:15px 16px;}
     #sub.course-idx .info-box p {font-size:1.3rem; line-height:17px;}
     #sub.fullcalendar-page .ui-datepicker-title {font-size:1.8rem; line-height:32px;}
     #sub.fullcalendar-page .ui-datepicker-header a.ui-datepicker-next,
     #sub.fullcalendar-page .ui-datepicker-header a.ui-datepicker-prev {width:32px; height:32px;}
     #sub.fullcalendar-page .ui-datepicker-header a.ui-datepicker-next:hover,
     #sub.fullcalendar-page .ui-datepicker-header a.ui-datepicker-prev:hover {width: 32px; height: 32px;}
     #sub.fullcalendar-page .ui-datepicker-calendar thead th {font-size:1.5rem;}
     #sub.fullcalendar-page .ui-datepicker-calendar tbody td, #sub.fullcalendar-page .ui-datepicker-calendar tbody td a {font-size:1.4rem;}
     #sub.fullcalendar-page .ui-datepicker-calendar tbody td a, #sub.fullcalendar-page .ui-datepicker-calendar thead th span, #sub.fullcalendar-page .ui-datepicker-calendar tbody td span {border-radius: 8px;}
     #sub.course-idx .radio-box.custom-radio > input[type="radio"][name="minute_type"] ~ label {padding:10px;}
     .choice-box > .inner .fs14 {font-size:1.3rem; line-height:18px;}
     .choice-box > .inner ul li p {font-size:1.6rem;}
     #sub.course-idx .section-column6 .radio-box.custom-radio > input[type="radio"] ~ label {white-space:normal; border-radius: 10px; padding:12px 20px 15px; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;}
     #sub.course-idx .instructor-box .instructordes-box .img-box,
     #sub.course-idx .instructor-box .instructordes-box .img-box:before,
     .instructor-box .instructordes-box .img-box:after,
     #sub.course-idx .instructor-box .instructordes-box .img-box:after {border-radius: 10px 60px 10px 10px; height:210px; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;}
     #main .section3 .instructor-box .instructordes-box .img-box:after {border-radius:20px 100px 20px 20px;}
     #sub.course-idx .instructor-box .instructordes-box .img-box,
     #sub.course-idx .instructor-box .instructordes-box .img-box:before,
     #sub.course-idx .instructor-box .instructordes-box .img-box:after {height:100%;}
     #sub.course-idx .instructor-box .instructordes-box .img-box {padding:0 25px; height:195px; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;}
     #sub.course-idx .instructor-box ul.grid-box.col3 {padding-top:11px; padding-bottom:1px;}
     #sub.course-idx .instructor-box .txt-box {margin-top:15px !important;}
     #sub.course-idx .instructor-box .txt-box p:not(.des-txt) {font-size: 1.8rem; line-height: 25px;}
     #sub.course-idx .instructor-box .txt-box span {font-size: 1.2rem; line-height:14px;}
     #sub.course-idx .instructor-box .txt-box p.des-txt {margin-top:10px; font-size:1.2rem; line-height:17px;}
     #sub.course-idx .instructor-box .nope-li .ico-box.txt-c.p-relative {width:40px; height:40px;}
     #sub.course-idx .instructor-box .nope-li .ico-box.txt-c.p-relative img {width:100%;}
     #sub.course-idx .instructor-box .nope-li .txt-box p span {font-size:1.6rem; line-height: 22px;}
     #sub.course-idx .instructor-box .nope-li .txt-box p b {font-size:1.6rem; line-height: 22px;}
     #sub.course-idx .instructor-box .nope-li .txt-box > span {font-size:1.2rem; line-height:19px;}
     #sub.course-idx .instructor-box .nope-li .arrow-btn {margin-top:30px; height:46px; width:140px;}
     #sub.course-idx .instructor-box .nope-li .arrow-btn p {font-size:1.4rem;}
     #sub.course-idx .instructor-box .instructordes-box:hover .radio-box.custom-radio > input[type="radio"] ~ label { border-color:#e8e8e8;}
     #sub.course-idx .instructor-box .instructordes-box:hover .img-box:before {opacity:0;}
     #sub.course-idx .instructor-box .nope-li .instructordes-box:hover .arrow-btn {background-color:#b6b6b6;}
     #sub.course-idx .instructor-box .radio-box.custom-radio > input[type="radio"]:checked ~ label:before {border-radius:10px;}
     
/* ==================================================
| 수강권 결제하기 */
     .tit-box h3.sub-bigtit, .sub-bigtit {font-size:2.4rem; }
     #sVisual .visual-txt .txt-wrap .txt-box h2 {font-size:2.8rem; line-height:39px;}
     .faq-ul .toggle-inner p,
     .faq-ul .toggle-inner b {font-size:1.3rem; line-height:18px;}
     #sub.course-payment .course-tab .radio-box > input[type="radio"] ~ label {height:54px;}
     #sub.course-payment .tit-box.mt-60 {margin-top:30px !important;}
     #sub.course-payment .mt-24 {margin-top:15px;}
     #sub.course-payment .tbl-box table,
     #sub.course-payment .tbl-box table tbody,
     #sub.course-payment .tbl-box table tbody th,
     #sub.course-payment .tbl-box table tbody td {display:block; box-sizing:border-box; width:100%;}
     #sub.course-payment .tbl-box table tr {display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;  flex-wrap: wrap;}
     #sub.course-payment .tbl-box table tbody th,
     #sub.course-payment .tbl-box table thead th {background-color:transparent; color:#999999; width:100%; padding:14.5px 15px 0 15px;}
     #sub.course-payment .tbl-box table tbody td {padding:4.5px 15px 14.5px 15px; border-bottom:1px solid #e8e8e8;}
     #sub.course-payment .tbl-box table tbody tr:last-child td:last-child {border-bottom:none;}
     .tbl-area .tbl-box table tbody th {font-size:1.2rem; line-height:17px;}
     .tbl-area .tbl-box table tbody td, .tbl-area .tbl-box table tfoot td, .tbl-area .tbl-box table thead td, .tbl-area .tbl-box table thead th {font-size:1.3rem; line-height:18px;}
     .tbl-area .tbl-box table thead th {height:40px;}
     .tbl-area .tbl-box table tbody td, .tbl-area .tbl-box table tfoot td {height:auto;}
     .tbl-area .tbl-box table tbody tr + tr th {border-top:none;}
     .tbl-area .tbl-box table tbody td, .tbl-area .tbl-box table tfoot td {border-top:none;}
     .tbl-area .tbl-box table .nice-select {font-size:1.3rem;}
     .sm-btn {font-size:1.3rem; width:80px;}
     input[type='text'], input[type='password'], input[type='tel'], input[type='email'], input[type='number'], input[type='url'], select, textrea,
     input[type='text']::placeholder, input[type='password']::placeholder, input[type='tel']::placeholder, input[type='email']::placeholder, input[type='number']::placeholder, input[type='url']::placeholder, textarea::placeholder {font-size:1.3rem;}
     .min160{min-width:152px;}
     #sub.course-payment .mo-border {border-bottom:none;}
     .payment-box {padding:24px 20px 24px;}
     #sub.course-payment .final-li p:first-child {font-size:1.6rem; line-height:18px;}
     #sub.course-payment .final-li p:last-child {font-size:1.8rem; line-height:18px;}
     #sub.course-payment .agree-ul {margin-top:10px !important;}
     #sub.course-payment .course-tab .radio-box > input[type="radio"] ~ label {font-size:1.3rem;}
     .check-box > input[type="checkbox"] ~ label {font-size:1.3rem;}
     .agree-ul .toggle-inner {font-size:1.3rem;}
     #sub.course-payment .check-box > input[type="checkbox"] ~ label:before {top:50%; transform:translate(0, -50%);}
     #sub.course-payment .agree-ul .toggle-inner .mo li p,
     #sub.course-payment .agree-ul .toggle-inner .mo li b {line-height:17px; display:block;}

/* ==================================================
| BT 강사진 */
     #sub.instructors-idx #sVisual .visual-txt .txt-wrap {-webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-pack: justify; -moz-justify-content: center;  -ms-flex-pack: justify; justify-content: center; -webkit-box-align: center;  -moz-align-items: center;  -ms-flex-align: center;  align-items: center;}
     #sub.instructors-idx #sVisual .sub-video > div {margin: 0 auto !important; max-width: 480px; width:calc(100% + 40px); left:-20px;}
     #sub.instructors-idx .block1500 {display:none;}
     #sub.instructors-idx .event-swiper .swiper-slide {height:123px;}
     #sub.instructors-idx .section2 .section-column {position:static;}
     #sub.instructors-idx .section2 .tit-area {position:static; transform:unset;}
     #sub.instructors-idx .section2 .instructor-box > ul {margin-left:20px;}
     #sub.instructors-idx .dot-ul {margin-top:10px !important;}
     #sub.instructors-idx .dot-ul > li {font-size:1.4rem; line-height:20px;}
     #sub.instructors-idx .back-gradient.arrow-btn.mid {margin:30px 0 0 0;}
     #sub.instructors-idx .section2 .cont-area {margin-top:30px;}
     #sub.instructors-idx .section2 .instructor-box .instructordes-box {width:260px; height:310px; border-radius:10px;}
     #sub.instructors-idx .instructor-box .img-box img,
     #sub.instructors-idx .section3 .instructor-box .img-box img {height:242px;}
     #sub.instructors-idx .section3 .instructor-box > ul > li {min-width:260px;}
     #sub.instructors-idx .instructor-box .instructordes-box .img-box {border-radius:10px 60px 10px 10px;}
     #sub.instructors-idx .instructor-box .txt-box {margin-top:15px;}
     #sub.instructors-idx .instructor-box .img-box img {margin-top:-35px;}
     #sub.instructors-idx .instructor-box .txt-box p, #sub.instructors-idx .instructor-box .top-box p, .instructor-name p {font-size:1.8rem; line-height:25px;}
     #sub.instructors-idx .instructor-box .txt-box span,
     #sub.instructors-idx .instructor-box .top-box span {font-size:1.2rem; line-height:14px;}
     #sub.instructors-idx .instructor-box .instructordes-box {padding:20px;}
     #sub.instructors-idx .instructor-box .hover-box {border-radius:10px; padding:20px 15px;}
     .instructor-box .type-ul {margin-top:15px !important; gap:5px;}
     #instructorPopup .info-ul img {width:16px;}
     #instructorPopup .info-ul p {font-size:1.4rem; font-weight:400; line-height:20px;}
     .dot-tit {font-size:1.6rem; line-height:22px;}
     #instructorPopup .prize-box {padding:15px !important;}
     .dash-ul > li,
     #instructorPopup .prize-box p {font-size:1.3rem; line-height:18px;}
     .prime-btn.p-mid {width:180px; height:50px;}
     #instructorPopup .gradient-btn {margin-top:30px !important;}
     #instructorPopup .popup-inner {padding:20px; border-radius:10px;}
     #instructorPopup .padding-box {border-radius:10px;}
     #instructorPopup .popup-cont {max-height:500px;}
     #sub.instructors-idx .section2, 
     #sub.instructors-idx .section3,
     #sub.instructors-idx .section4,
     #sub.process .section {padding-bottom:40px;}
     #sub.process .section3 {padding-bottom:70px;}
     #sub.instructors-idx .srch-inner > p {font-size:1.6rem; line-height:22px; width:100%; margin-bottom:10px;}
     #sub.instructors-idx .srch-inner {-webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;  flex-wrap: wrap;  padding:20px;}
     #sub.instructors-idx .ml-30 {margin-left:0; width:100%; margin-bottom:10px;}
     #sub.instructors-idx .ml-10.flex-grow-1 {width:100%; margin-left:0; }
     #sub.instructors-idx .ml-10.flex-grow-1 > .flex-box.gap-5 {width:100%;-webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;  flex-wrap: wrap;}
     #sub .day-box {width:100%;}
     #sub .day-box .radio-box.custom-radio input[type="radio"] ~ label {height:44px; line-height:42px;}
     #sub .srch-inner .ipt-box {height:44px; width:100%;}
     #sub .srch-inner .ipt-box ~ .btn-box {width:100%; display: -webkit-box; display: -ms-grid;  display: grid; grid-template-columns: repeat(2, 1fr);}
     #sub .small-btn {width:100%; height:44px;}
     #sub .small-btn img {width:16px;}
     #sub.instructors-idx .section3 .instructor-box {margin-top:20px !important;}
     #sub.instructors-idx .section3 .instructor-box > ul {row-gap:20px;}
     #sub.instructors-idx .section3 .instructor-box > ul > li {padding-top:12px;}
     .pagenate {margin:20px  auto 0 auto;}
     .pagenate .prev-btn, .pagenate .next-btn {width:32px; height:32px; border-radius:16px;}
     .pagenate .prev-btn img,
     .pagenate .next-btn img {width:6px;}
     #sub.instructors-idx .section4 .tit-box h3 span:first-child {font-size:2.2rem; line-height:31px;}
     #sub.instructors-idx .section4 .tit-box h3 span:last-child {font-size:2.8rem; line-height:39px;}
     .ipt-box.txtarea-box {height:200px;}
     #sub.instructors-idx .section3 .instructor-box .txt-box p.fw400:before,
     #sub.instructors-idx .section3 .instructor-name p.fw400:before {top:3px;}
     #sub.instructors-idx .section3 .instructor-box .info-ul p {overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -moz-box-orient:vertical; word-break:break-all; word-wrap:break-word; -webkit-line-clamp:1;}
     #sub.instructors-idx .section3 .instructor-box .img-box img {max-width:100%;}
     #sub.instructors-idx .section3 .instructor-box > ul > li {min-width:unset;}

/* ==================================================
| 무료수업 신청 */
     #sub.course-freetrial .sticky-row .tit-box .tit-des ~ img {width:24px;}
     #sub.course-freetrial .sticky-column .fs14,
     #sub a.zoom {font-size: 1.3rem; line-height:18px;}
     #sub.course-freetrial .free-step li .top {padding:10px 20px;}
     #sub.course-freetrial .free-step .fs12 {font-size:1rem; line-height:14px;}
     #sub.course-freetrial .free-step .fs16 {font-size:1.4rem; line-height:20px;}
     #sub.course-freetrial .sticky-row .tit-des {white-space: nowrap;}
     #sub.course-freetrial #sVisual .txt-list {padding-bottom:18px;}
     #sVisual .txt-list .freetrial-swiper .tit {font-size:1.8rem; line-height:25px;}
     #sVisual .txt-list .freetrial-swiper .des {font-size:1.4rem; line-height:20px;}
     #sVisual .freetrial-swiper .swiper-slide {border-radius:15px; padding:24px;}

/* ==================================================
| 무료수업 신청완료 */
     #sub.course-payment .info-box {margin-top:10px; padding:15px 16px;}
     #sub.course-payment .info-box p.txt-prime {font-size:1.3rem; line-height:18px; text-align:center;}
     #sub.course-payment .info-box p.txt-prime ~ img {width:20px;}

/* ==================================================
| 주니어과정, 성인과정 */
     .process-swiper .swiper-slide {width:64%;}
     .process-swiper .padding-box {border-radius:10px;}
     .process-swiper .swiper-button-prev, .process-swiper .swiper-button-next {width:32px; height:32px; background-size:6px; margin-top:-63px;}
     .process-swiper .swiper-button-next:hover, .process-swiper .swiper-button-prev:hover { background-size:6px;}
     .process-swiper .swiper-button-prev {left:17.8%;}
     .process-swiper .swiper-button-next {right:17.8%;}
     .process-swiper .swiper-button-next:after, 
     .process-swiper .swiper-button-prev:after {background:url('/img/swiper_arrow_white.svg') 50% 50%/5px no-repeat, linear-gradient(140.24deg, #4802F8 -3.19%, #00FFB2 87.51%)}
     .sub-des {font-size:1.8rem; line-height:25px;}
     .sub-bigtit {line-height:34px;}
     .process-swiper .txt-box {margin-top:15px;}
     .process-swiper .txt-box p {font-size:1.8rem; line-height:25px;}
     .process-swiper .txt-box span {font-size:1.4rem; line-height:20px;}
     .sub-smtit {font-size:1.4rem; line-height:22px; margin-top:10px;}
     #sub.process .section:not(.section1) .cont-area {margin-top:30px !important;}
     .subject-ul {grid-template-columns:1fr; gap:20px;}
     .subject-ul li {padding:0 30px 30px;}
     .subject-ul .point-txt {font-size:1rem; width:90px; height:26px; line-height:26px; border-radius:0 0 10px 10px;}
     .subject-ul .img-box {width:50px; height:50px; line-height:50px; display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center;  align-items: center; -webkit-box-pack: justify; -moz-justify-content: center; -ms-flex-pack: justify; justify-content: center;}
     .subject-ul .img-box img {transform:scale(0.8);}
     .subject-ul p {font-size:1.4rem; line-height:20px; margin:5px auto 0;}
     .manager-ul.grid-box.col2 {grid-template-columns:1fr;}
     .manager-ul li {gap:5px; border-radius:10px; padding:14px 20px;}
     .manager-ul li p {font-size:1.4rem; line-height:20px;}
     .manager-ul li img {width:18px;}
     .manager-ul li:first-of-type img {position:relative; top:-2px;}
     #sub.process .updown-ul > li { width: 290px; height: 330px;}
     #sub.process .zigzag-ul .img-box { width: 290px;}
     #sub.process .updown-ul .pos-box p {font-size:1.8rem; line-height:25px;}
     #sub.process .updown-ul .pos-box span {font-size:1.3rem; line-height:17px;}     
     .textbook-swiper .swiper-slide {padding:20px 20px 15px;}
     .textbook-swiper .txt-box {margin-top:15px !important;}
     .textbook-swiper .txt-box p {font-size:1.8rem; padding:13.5px 20px;}
     .textbook-swiper .txt-box span {font-size:1.4rem; line-height:20px;}
     .textbook-swiper .swiper-slide {width:100% !important;}
     #sub.process.total .subject-ul li .block-box {display:block !important;}
     #sub.process.total .subject-ul li:nth-of-type(2) .img-box,
     #sub.process.actual .subject-ul li:nth-of-type(1) .img-box,
     #sub.process.actual .subject-ul li:nth-of-type(2) .img-box,
     #sub.process.business .subject-ul li:nth-of-type(1) .img-box {position:relative;}
     #sub.process.total .subject-ul li:nth-of-type(2) .img-box:after,
     #sub.process.actual .subject-ul li:nth-of-type(1) .img-box:after,
     #sub.process.actual .subject-ul li:nth-of-type(2) .img-box:after,
     #sub.process.business .subject-ul li:nth-of-type(1) .img-box:after {position:absolute; display:block; content:''; clear:both; width:50px; height:2px; top:1px; left:0; background-color:#fff;}
     #sub.process.actual .subject-ul li:nth-of-type(1) .img-box:after,
     #sub.process.business .subject-ul li:nth-of-type(1) .img-box:after {top:2px;}
     #sub.process.actual .subject-ul li:nth-of-type(2) .img-box:after {top:-2px;}
     #sub.process .zigzag-ul > li {width:290px; height:330px;}
     #sub.process.business .subject-ul li:nth-of-type(3) .block-box {display:block;}
     .textbook-swiper .swiper-slide .gradient-btn {opacity:1;}

}

@media screen and (max-width: 720px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-6.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-8.5%;} 
}

@media screen and (max-width: 710px){
/* ==================================================
| 메인 section5 */
     .card-container .card-list li:nth-child(1) {-webkit-transform:rotate(-2deg) translate(118%, 106px); transform:rotate(-2deg) translate(118%, 106px);}
     .card-container .card-list li:nth-child(2) {-webkit-transform:rotate(-15deg) translate(104%, 160px); transform:rotate(-15deg) translate(104%, 160px);}
     .card-container .card-list li:nth-child(3) {-webkit-transform:rotate(10deg) translate(127%, 51px); transform:rotate(10deg) translate(127%, 51px);}
     .card-container .card-list li:nth-child(4) {-webkit-transform:rotate(25deg) translate(131%, -23px); transform:rotate(25deg) translate(131%, -23px);}
     .card-container .card-list li:nth-child(5) {-webkit-transform:rotate(-25deg) translate(88%, 187px); transform:rotate(-25deg) translate(88%, 187px);}

/* ==================================================
| 메인 section11 */
     .block710 {display:block;}
     #main .section11 .bg-img, .anidot-ul, .postxt-ul {left:-7%;}
     .postxt-ul li {font-size:1.4rem;}
     .postxt-ul li.big-txt {font-size:1.8rem;}
     .anidot-ul li:nth-of-type(1) {width:10px; height:10px; top:-112%;}
     .anidot-ul li:nth-of-type(2) {width:17px; height:17px; top:-533%;}
     .anidot-ul li:nth-of-type(3) {width:26.7px; height:26.7px; top:-1241%;}
     #main .section11 .bg-img svg {aspect-ratio:unset;}
}  

@media screen and (max-width: 690px){
/* ==================================================
| 메인 section3 */
     #main .section3 .section-column2 .tit-area,
     #sub.instructors-idx .section4 .tit-area {-webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column; -webkit-box-align: start;  -moz-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start;}
     #main .section3 .section-column2 .tit-area .tit-box,
     #main .section3 .section-column2 .tit-area .postxt-box,
     .postxt-li,
     #sub.instructors-idx .section4 .tit-area .tit-box,
     #sub.instructors-idx .section4 .tit-area .postxt-box {width:100%;}
     #main .section3 .section-column2 .cont-area.mt-60 {margin-top:60px !important;}
     .postxt-li {height:160px;}
     .postxt-li li:nth-of-type(1) {left:42%;}
     .postxt-li li:nth-of-type(2) {left:11%; top:-22px;}
     .postxt-li li:nth-of-type(3) {left:68%; top:-60px;}
     .postxt-li li:nth-of-type(4) {left:19%; top:-82px;}
     .postxt-li li:nth-of-type(5) {left:2%; top:-91px;}
     .postxt-li li:nth-of-type(6) {left:51%; top:-141px;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-9%;}
     #sub.instructors-idx .section4 .tit-area .postxt-box {margin-top:25px;}
     #sub.instructors-idx .section4 .tit-area .tit-box h3 span.block {margin:0;}

/* ==================================================
| 메인 section5 */
     .card-container .card-list li:nth-child(1) {-webkit-transform:rotate(-2deg) translate(108%, 106px); transform:rotate(-2deg) translate(108%, 106px);}
     .card-container .card-list li:nth-child(2) {-webkit-transform:rotate(-15deg) translate(93%, 156px); transform:rotate(-15deg) translate(93%, 156px);}
     .card-container .card-list li:nth-child(3) {-webkit-transform:rotate(10deg) translate(115%, 57px); transform:rotate(10deg) translate(115%, 57px);}
     .card-container .card-list li:nth-child(4) {-webkit-transform:rotate(25deg) translate(118%, -9px); transform:rotate(25deg) translate(118%, -9px);}
     .card-container .card-list li:nth-child(5) {-webkit-transform:rotate(-25deg) translate(70%, 177px); transform:rotate(-25deg) translate(70%, 177px);}     
}


@media screen and (max-width: 670px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-prev {left:-5%;}
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-7.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-9.5%;} 
}

@media screen and (max-width: 650px){
/* ==================================================
| 메인 section3 */
     .postxt-li li:nth-of-type(3) {left:unset; margin-left:auto;}
     .postxt-li li:nth-of-type(5) {left:0;}
}

@media screen and (max-width: 640px){
/* ==================================================
| 공통 */
     .tit-box h3 {font-size:3.2rem; line-height:45px;}

/* ==================================================
| 메인 메인비쥬얼 */
     .mainvisual-section .title-item h4 {font-size:2.8rem; line-height:39px;}
     .mainvisual-section .title-item h3 {font-size:4rem; line-height:56px; margin-top:0px;}
     .mainvisual-section .title-item.white h4 {font-size:3.2rem; line-height:45px;}

     .mainvisual-section .visualimg-swiper .fs30,
     #sub.course-idx .visual-txt .fs30,
     #sub.course-idx .visual-txt .fs24 {font-size:1.6rem;}
     .mainvisual-section .visualimg-swiper .jalnan,
     #sub.course-idx .visual-txt .jalnan {font-size:4.1rem;}

/* ==================================================
| 메인 section1 */
     .charm-li li {padding:40px 10px 0; border-radius:20px;}
     .charm-li li h4 {font-size:2.4rem; line-height:34px;}
     .charm-li li h5 {margin-top:10px; font-size:1.4rem; line-height:22px;}
     .charm-li li .img-box {margin-top:18px;}

/* ==================================================
| 메인 section2 */
     #main .section2 .section-column {padding:130px 0;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(1) {top:-26px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(2) {top:59px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(3) {bottom:-333px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(4) {bottom:-420px;}
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(5) {bottom:-425px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(1) {top:-417px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(2) {top:-392px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(3) {top:-373px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(4) {bottom:73px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(5) {bottom:-29px;}
     #main .section2 .ico-box:last-child .ico-inner:nth-of-type(6) {bottom:-23px;}

/* ==================================================
| 메인 section3 */
     .instructor-box .instructor-mobox .instructordes-box {padding:20px 20px 25px;}
     .instructor-box .txt-box p, .instructor-box .top-box p {font-size: 2rem; line-height:28px; margin-bottom:4px;}
     .instructor-box .txt-box span {font-size:1.4rem; line-height:17px;}
     .instructor-box .btm-box p {font-size:1.4rem; line-height:17px;}
     .instructor-box .detail-box .ico-box {width:20px; height:20px; border-radius:10px;}
     .instructor-box .detail-box .ico-box img {width:7px;}
     .instructor-swiper .swiper-slide.swiper-slide-active.sound .video-box:after {background-size:16px;}
     .quotes-box li {height:56px; font-size:1.4rem; line-height:20px;}
     .quotes-box > .txt-box > .flex-center.gap-60 {gap:30px;}
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-7.7%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-10.5%;}

/* ==================================================
| 메인 section4 */  
     .reason-ul {gap:10px;}
     .reason-ul span {font-size:1.3rem; line-height:18px;}
     .reason-ul p {font-size:2rem; line-height: 28px;}
     .dot-ul {margin-top:20px !important;}
     .dot-ul > li {font-size:1.4rem; line-height:20px;}

/* ==================================================
| 메인 section5 */
     .card-container .card-list li:nth-child(1) {-webkit-transform:rotate(-2deg) translate(101%, 106px); transform:rotate(-2deg) translate(101%, 106px);}
     .card-container .card-list li:nth-child(2) {-webkit-transform:rotate(-15deg) translate(89%, 156px); transform:rotate(-15deg) translate(89%, 156px);}
     .card-container .card-list li:nth-child(3) {-webkit-transform:rotate(10deg) translate(107%, 61px); transform:rotate(10deg) translate(107%, 61px);}
     .card-container .card-list li:nth-child(4) {-webkit-transform:rotate(25deg) translate(111%, -1px); transform:rotate(25deg) translate(111%, -1px);}
     .card-container .card-list li:nth-child(5) {-webkit-transform:rotate(-25deg) translate(66%, 177px); transform:rotate(-25deg) translate(66%, 177px);}

/* ==================================================
| 메인 section8 */
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(1) {left: 19%; top: 39px;}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(5) {left:38%;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(1) {left:47%;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(2) {display:none;}

/* ==================================================
| 메인 section9 */  
     #main .section9 .ani-item:nth-of-type(2) {left:74px;}

/* ==================================================
| 메인 section11 */  
     #main .section11 .bg-img, .anidot-ul, .postxt-ul {width:474px; left:7%;}
     .postxt-ul {left:10%;}
     .anidot-ul li:nth-of-type(1) {left:12px; top:-85%;}
     .anidot-ul li:nth-of-type(2) {left:19px; top:-407%;}
     .anidot-ul li:nth-of-type(3) {top:-889%;}

/* ==================================================
| 메인 section16 */  
     #main .section16:after {width: 360px; height: 411px;}
     #main .section16 .tit-area .tit-des {font-size:2rem; line-height:28px;}
     #main .section16 .tit-box h3.mt-10 {margin-top:0 !important;}
     .knowhow-ul {width:100%;}
     .knowhow-ul li {font-size:1.4rem; line-height:20px; padding:16px 19px;}
     #main .section16 .section-column:last-of-type {margin-top:320px;}
     .award-box {height:72px;}
     .award-box .gap-30 {gap:10px;}
     .award-box .img-box img {width:41.28px;}
     .award-box .txt-box p {font-size:1.6rem; line-height:22px;}
     .award-box .txt-box span {font-size:1.1rem; line-height:15px;}
     .award-box > p {font-size:1.5rem; line-height:20px;}

/* ==================================================
| 수강권 index */
     #sub.course-idx #sVisual .visual-bg .back-img {background-position:center calc(100% + 50px);}
     .courselist-inner .scroll-btn {width:40px; }
     .courselist-inner .scroll-btn div {width:32px; height:32px; border-radius:16px; margin-top:8px;}
     .courselist-inner .scroll-btn div img {width:6px;}
     .courselist-inner .courselist-junior .tab-box,
     .courselist-inner .courselist-adult .tab-box {padding:0 40px;}

/* ==================================================
| BT 강사진 */
     #instructorPopup .top .flex-center-between,
     #instructorPopup .top .mt-12.flex-box.gap-10 { -webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-align: start;  -moz-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start; gap:7px;}
     #instructorPopup .toggle-btnbox {margin-top:10px;}
     .toggle-btn {width:40px; height:20px;}
     .toggle-btn span {width:14px; height:14px;}

/* ==================================================
| 주니어과정, 성인과정 */
     .process-swiper .swiper-slide {width:68%;}
     .process-swiper .swiper-button-prev {left:15.8%;}
     .process-swiper .swiper-button-next {right:15.8%;}
}  

@media screen and (max-width: 620px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-prev {left:-5.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-8%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-11%;} 
}

@media screen and (max-width: 600px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-8.6%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-11.5%;}

/* ==================================================
| 메인 section5 */
     .card-container .card-list li:nth-child(1) {-webkit-transform:rotate(-2deg) translate(90%, 106px); transform:rotate(-2deg) translate(90%, 106px);}
     .card-container .card-list li:nth-child(2) {-webkit-transform:rotate(-15deg) translate(78%, 153px); transform:rotate(-15deg) translate(78%, 153px);}
     .card-container .card-list li:nth-child(3) {-webkit-transform:rotate(10deg) translate(98%, 65px); transform:rotate(10deg) translate(98%, 65px);}
     .card-container .card-list li:nth-child(4) {-webkit-transform:rotate(25deg) translate(101%, 11px); transform:rotate(25deg) translate(101%, 11px);}
     .card-container .card-list li:nth-child(5) {-webkit-transform:rotate(-25deg) translate(56%, 170px); transform:rotate(-25deg) translate(56%, 170px);}

/* ==================================================
| 메인 section11 */  
     #main .section11 .bg-img, .anidot-ul, .postxt-ul {left:-11%;}
     .postxt-ul {left:-7%;}
     .anidot-ul li:nth-of-type(1) {left:16px;}

/* ==================================================
| 메인 section12 */  
     .block600 {display:block;}

/* ==================================================
| 주니어과정, 성인과정 */
     .process-swiper .swiper-slide {width:70%;}
     .process-swiper .swiper-button-prev {left:14.5%;}
     .process-swiper .swiper-button-next {right:14.5%;}
     .textbook-swiper .grid-box.col4 {grid-template-columns:1fr 1fr; gap:10px;}
     .textbook-swiper .book-img {width:100%;}
     #sub.process .section3 .pos-img img:first-child {width:232px;}
     #sub.process .section3 .pos-img img:last-child {width:220px;}
     #sub .textbook-swiper .three-box {gap:10px; grid-template-columns:1fr 1fr; display: -webkit-box; display: -ms-grid; display: grid; }
     #sub.speaking .textbook-swiper .book-img, #sub.actual .textbook-swiper .book-img {width:100%;}
     #sub .textbook-swiper .three-box .book-img:last-child { grid-column: 1 / 3; width: calc(50% - 5px); margin: 0 auto;}
     #sub .textbook-swiper .two-box {-webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column; gap:10px;}
     #sub .textbook-swiper .two-box .book-img { width: calc(50% - 5px);}
     #sub.business .textbook-swiper .three-box .book-img:not(:last-child),
     #sub.total .textbook-swiper .three-box .book-img:not(:last-child) {width:100%;}
     #sub.process .textbook-swiper .six-box.grid-box.col6 {gap:10px; display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;  flex-wrap: wrap; width:152%;}
     #sub.process .textbook-swiper .six-box .book-img {position:relative; width:32%;}
     #sub.process .textbook-swiper .six-box .book-img:nth-of-type(1) {z-index:3;}
     #sub.process .textbook-swiper .six-box .book-img:nth-of-type(2) {z-index:2; left:-16.5%;}
     #sub.process .textbook-swiper .six-box .book-img:nth-of-type(3) {z-index:1; left:-33%;}
     #sub.process .textbook-swiper .six-box .book-img:nth-of-type(4) {z-index:3;}
     #sub.process .textbook-swiper .six-box .book-img:nth-of-type(5) {z-index:2; left:-16.5%;}
     #sub.process .textbook-swiper .six-box .book-img:nth-of-type(6) {z-index:1; left:-33%;}
     #sub.actual .textbook-swiper .book-img {max-width:100%;}
}  

@media screen and (max-width: 580px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-prev {left:-6%;}
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-9%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-12%;}

/* ==================================================
| BT 강사진 */
     #sub.instructors-idx .section3 .instructor-box .instructordes-box {padding:10px 10px 20px;}
     #sub.instructors-idx .section3 .instructor-box .txt-box .flex-center,
     #sub.instructors-idx .section3 .instructor-box .instructor-name {-webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column; gap:0;}
     #sub.instructors-idx .section3 .instructor-box .txt-box p:before, 
     #sub.instructors-idx .section3 .instructor-box .top-box p.fw400:before {display:none;}
}

@media screen and (max-width: 570px){
/* ==================================================
| 메인 section3 */
     .postxt-li {height:175px;}
     .postxt-li li:nth-of-type(1) {left:34%;}
     .postxt-li li:nth-of-type(2) {left:11%; top:-12px;}
     .postxt-li li:nth-of-type(3) {top:-54px;}
     .postxt-li li:nth-of-type(4) {left:19%; top:-67px;}
     .postxt-li li:nth-of-type(5) {top:-75px;}
     .postxt-li li:nth-of-type(6) {top:-126px;}

/* ==================================================
| 메인 section5 */
     .card-container .card-list li:nth-child(1) {-webkit-transform:rotate(-2deg) translate(83%, 106px); transform:rotate(-2deg) translate(83%, 106px);}
     .card-container .card-list li:nth-child(2) {-webkit-transform:rotate(-15deg) translate(70%, 146px); transform:rotate(-15deg) translate(70%, 146px);}
     .card-container .card-list li:nth-child(3) {-webkit-transform:rotate(10deg) translate(93%, 69px); transform:rotate(10deg) translate(93%, 69px);}
     .card-container .card-list li:nth-child(4) {-webkit-transform:rotate(25deg) translate(98%, 17px); transform:rotate(25deg) translate(98%, 17px);}
     .card-container .card-list li:nth-child(5) {-webkit-transform:rotate(-25deg) translate(56%, 163px); transform:rotate(-25deg) translate(56%, 163px);}

/* ==================================================
| 주니어과정, 성인과정 */
     .process-swiper .swiper-slide {width:72%;}
}  

@media screen and (max-width: 550px){
/* ==================================================
| 메인 section1 */
     .block550 {display:block;}
     #main .section1 .section-row {margin-top:-22.5px;}
     #main .section1 .tit-box {height:135px; display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center;  align-items: center; -webkit-box-pack: justify; -moz-justify-content: center; -ms-flex-pack: justify; justify-content: center; -webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}
     #main .section1 .cont-area.mt-60 {margin-top:80px !important;}

/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-button-next {left: calc(72% - 10px);}
     .instructor-swiper .swiper-slide.swiper-slide-prev .video-box, .instructor-swiper .swiper-slide.swiper-slide-next .video-box {border-radius:10px;}
     .quotes-box > .txt-box > .flex-center.gap-60 {-webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column; gap:10px;}
     .quotes-box h5 {text-align:center;}
     .instructor-swiper .swiper-slide.swiper-slide-prev {left:-6.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-9.7%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-13%;}

/* ==================================================
| 메인 section4 */
     .reason-ul.grid-box.col2 {grid-template-columns:1fr;}

/* ==================================================
| 메인 section8 */
     #main .section8 .tit-box h3 span.txt-lg {display:block;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(1) {bottom:583px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(3) {bottom:476px;}

/* ==================================================
| 수강권 결제하기 */
     .min160{min-width:105px;}
     #sub.course-freetrial .visual-txt .txt-wrap .txt-box p .block1360 {display:block}

}

@media screen and (max-width: 530px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-10.3%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-14%;}

/* ==================================================
| 메인 section5 */
     .card-container .card-list li:nth-child(1) {-webkit-transform:rotate(-2deg) translate(72%, 106px); transform:rotate(-2deg) translate(72%, 106px);}
     .card-container .card-list li:nth-child(2) {-webkit-transform:rotate(-15deg) translate(60%, 140px); transform:rotate(-15deg) translate(60%, 140px);}
     .card-container .card-list li:nth-child(3) {-webkit-transform:rotate(10deg) translate(82%, 74px); transform:rotate(10deg) translate(82%, 74px);}
     .card-container .card-list li:nth-child(4) {-webkit-transform:rotate(25deg) translate(88%, 27px); transform:rotate(25deg) translate(88%, 27px);}
     .card-container .card-list li:nth-child(5) {-webkit-transform:rotate(-25deg) translate(48%, 154px); transform:rotate(-25deg) translate(48%, 154px);}

/* ==================================================
| 메인 section7 */
     .block530 {display:block;}
     #main .section7 .tit-box h3 span:first-child {width:100%;}

/* ==================================================
| 메인 section15 */
     .card_wrapper .card_inner {-webkit-box-pack: justify; -moz-justify-content: center;  -ms-flex-pack: justify; justify-content: center; -webkit-box-orient: vertical;  -webkit-box-direction: reverse;  -moz-flex-direction: column-reverse;  -ms-flex-direction: column-reverse;  flex-direction: column-reverse; -webkit-box-align: start;  -moz-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start; }
     .card_wrapper .card_inner > div:not(.ico-box) {margin-top:10px;}
}  

@media screen and (max-width: 520px){
/* ==================================================
| 주니어과정, 성인과정 */
     .process-swiper .swiper-slide {width:75%;}
     .process-swiper .swiper-button-prev {left:12.5%;}
     .process-swiper .swiper-button-next {right:12.5%;}
}

@media screen and (max-width: 510px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-10.7%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-15%;}
}

@media screen and (max-width: 500px){
/* ==================================================
| 메인 section1 */
     .block500 {display:block;}

/* ==================================================
| 수강권 index */
     #sub.fullcalendar-page #calendar {padding:30px 0 10px;}
}

@media screen and (max-width: 490px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-11.3%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-16%;}
}

@media screen and (max-width: 480px){
/* ==================================================
| 메인 section1 */
     #main .section1 .ani-item:first-child {left:117px; top:-64px;}
     #main .section1 .ani-item:nth-of-type(2) {left:65px;}
     #main .section1 .ani-item:last-child {bottom:-13px;}

/* ==================================================
| 메인 section2 */
     #main .section2 .ico-box:first-child .ico-inner:nth-of-type(1) {left:9%;}

/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-button-prev {left:calc(7% - 10px); background-size:7px; width:30px; height:30px;}
     .instructor-swiper .swiper-button-next {left:calc(91% - 10px); background-size:7px; width:30px; height:30px;}
     .instructor-swiper:after {width:84.6%;}
     .instructor-swiper .swiper-slide.swiper-slide-prev {width:38% !important; left:-27.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-active {width:79.5% !important; left:-31%;}
     .instructor-swiper .swiper-slide.swiper-slide-active .video-box {padding-bottom:74%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {width:38% !important; left:-34%;}
     .postxt-li {height:250px;}
     .postxt-li li:nth-of-type(1) {left:22%;}
     .postxt-li li:nth-of-type(2) {left:11%; top:-5px;}
     .postxt-li li:nth-of-type(3) {left:-30px; top:-21px;}
     .postxt-li li:nth-of-type(4) {left:12%; top:-32px;}
     .postxt-li li:nth-of-type(5) {left:20px; top:-2px;}
     .postxt-li li:nth-of-type(6) {left:-20px; margin-left:auto; top:-92px;}

/* ==================================================
| 메인 section5 */
     .card-container .card-list li:nth-child(1) {-webkit-transform:rotate(-2deg) translate(64%, 106px); transform:rotate(-2deg) translate(64%, 106px);}
     .card-container .card-list li:nth-child(2) {-webkit-transform:rotate(-15deg) translate(53%, 138px); transform:rotate(-15deg) translate(53%, 138px);}
     .card-container .card-list li:nth-child(3) {-webkit-transform:rotate(10deg) translate(73%, 77px); transform:rotate(10deg) translate(73%, 77px);}
     .card-container .card-list li:nth-child(4) {-webkit-transform:rotate(25deg) translate(81%, 34px); transform:rotate(25deg) translate(81%, 34px);}
     .card-container .card-list li:nth-child(5) {-webkit-transform:rotate(-25deg) translate(39%, 148px); transform:rotate(-25deg) translate(39%, 148px);}

/* ==================================================
| 메인 section9 */  
     #main .section9 .pos-box,
     #main .section1 .cont-area .cont-wrap.p-relative.wid-fit {width: calc(100% + 100px); left: -50px;}
     #main .section9 .ani-item:nth-of-type(1) {left:117px; top:-64px;}
     #main .section9 .ani-item:nth-of-type(2) {left:65px;}
     #main .section9 .ani-item:nth-of-type(3) {bottom: -13px;}

/* ==================================================
| 메인 section11 */
     #main .section11 {padding-bottom:240px;}
     .block480 {display:block;}

/* ==================================================
| 메인 section15 */
     #main .section15 .tit-box h3 { -webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column; gap:0;}

/* ==================================================
| 수강권 index */
     #sub.course-idx #sVisual .visual-bg .back-img {background-position:center bottom}
     #sub.course-idx .section-column2 .course-tab.grid-box.col3,
     #sub.course-idx .section-column3 .course-tab.grid-box.col3,
     #sub.course-idx .section-column3-1 .course-tab.grid-box.col3 {grid-template-columns:1fr;}
     #sub .section-column2 .gradient-tag {border-radius:50px; top:10px; right:10px;}
     .choice-box > .inner,
     .choice-box.active > .inner { -webkit-box-lines: multiple; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 5px;}
     .choice-box > .inner .flex-box.align-items-center.gap-10 {gap:0;}

/* ==================================================
| BT 강사진 */
     #sub.instructors-idx .section3 .instructor-box .img-box img {height:200px;}

     .radio-box.custom-radio > input[name="minute_type"] ~ label {padding: 10px 5px;}
     .time-box .inner-box .minute-box.course-tab {gap:5px !important;}

/* ==================================================
| 주니어과정, 성인과정 */
     .process-swiper .swiper-slide {width:85%;}
     .process-swiper .swiper-button-prev {left:8%;}
     .process-swiper .swiper-button-next {right:8%;}
}

@media screen and (max-width: 470px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-31.3%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-35%;}
}

@media screen and (max-width: 460px){
     .mainvisual-section .visualimg-swiper .jalnan,
     #sub.course-idx .visual-txt .jalnan {font-size:3.9rem;}
     .mainvisual-section .visualimg-swiper .slide1 .jalnan p:not(:nth-of-type(1)) {padding-left:44px;}

/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-31.6%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-35.5%;}

/* ==================================================
| 메인 section8 */
     .block460 {display:block;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(1) {bottom:629px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(2) {bottom:611px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(3) {bottom:535px;}
     #main .section8 .ico-box:last-child .ico-inner:nth-of-type(4) {top:-159px;}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(4) {top:547px;}
     #main .section8 .ico-box:first-child .ico-inner:nth-of-type(5) {top:630px;}

/* ==================================================
| 메인 section11 */
     #main .section11 .bg-img, .anidot-ul {left:-26%;}
     .postxt-ul {left:-21%;}
     .anidot-ul li:nth-of-type(1) {top:-89%;}

/* ==================================================
| 수강권 index */
     #sub.course-idx .section-column4 .course-tab.grid-box.col4 {grid-template-columns:1fr;}

/* ==================================================
| 수강권 결제하기 */
     #sub.course-payment .mo-gap {-webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}

/* ==================================================
| BT 강사진 */
     #sub.instructors-idx .section3 .instructor-box > ul {row-gap:15px; column-gap:5px;}
     #sub.instructors-idx .section3 .instructor-box .instructordes-box {border-radius:15px; height:100%;}
     #sub.instructors-idx .section3 .type-ul li:nth-child(n+3):not(.more-tags) {display:none;}
     .type-ul .more-tags {border:unset; padding:0; border-radius:unset; line-height:22px; letter-spacing:1px;}
     #sub.instructors-idx .section3 .instructor-box .btm-box {margin-top:10px;}
}

@media screen and (max-width: 450px){
     .block450 {display:block;}

/* ==================================================
| 메인 section3 */
     .postxt-li li:nth-of-type(1) {left:19%;}
     .postxt-li li:nth-of-type(2) {left:20px;}
     .postxt-li li:nth-of-type(3) {left:0;}
     .postxt-li li:nth-of-type(5) {left:0; }
     .postxt-li li:nth-of-type(6) {left:-10px;}
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-32%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-36%;}

/* ==================================================
| 메인 section5 */
     .card-container .card-list li:nth-child(1) {-webkit-transform:rotate(-2deg) translate(54%, 106px); transform:rotate(-2deg) translate(54%, 106px);}
     .card-container .card-list li:nth-child(2) {-webkit-transform:rotate(-15deg) translate(41%, 133px); transform:rotate(-15deg) translate(41%, 133px);}
     .card-container .card-list li:nth-child(3) {-webkit-transform:rotate(10deg) translate(64%, 81px); transform:rotate(10deg) translate(64%, 81px);}
     .card-container .card-list li:nth-child(4) {-webkit-transform:rotate(25deg) translate(71%, 44px); transform:rotate(25deg) translate(71%, 44px);}
     .card-container .card-list li:nth-child(5) {-webkit-transform:rotate(-25deg) translate(29%, 138px); transform:rotate(-25deg) translate(29%, 138px);}

/* ==================================================
| 무료수업 신청완료 */
     #sub.course-payment .info-box .p-relative {left:-10px;}
     #sub.course-payment .info-box p.txt-prime ~ img {right: -25px; position: absolute; bottom: 0;}

/* ==================================================
| 주니어과정, 성인과정 */
     .process-swiper .swiper-slide {width:88%;}
     .process-swiper .swiper-button-prev {left:6.7%;}
     .process-swiper .swiper-button-next {right:6.7%;}
}  

@media screen and (max-width: 440px){
     .block450 {display:block;}
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-prev {left:-28%;}
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-32.3%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-36.5%;}
}  

@media screen and (max-width: 430px){
     .mainvisual-section .visualimg-swiper .jalnan,
     #sub.course-idx .visual-txt .jalnan {font-size:3.8rem;}
     .mainvisual-section .visualimg-swiper .slide1 .jalnan p:not(:nth-of-type(1)) {padding-left:30px;}

/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-32.6%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-37%;}

/* ==================================================
| 메인 section16 */
     .pc430 {display:none;}
     .mo430 {display:block;}
     .award-box .txt-box {display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; -webkit-box-align: center;  -moz-align-items: center;  -ms-flex-align: center;  align-items: center; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;  flex-wrap: wrap; row-gap:5px;}
     .award-box .txt-box p {width:100%;}
     .award-box .txt-box p.mo430 {font-size:1.1rem; line-height:15px; font-weight:700; width:fit-content;}
     .award-box .txt-box span {margin-top:0;}
}

@media screen and (max-width: 420px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-prev {left:-29%;}
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-33%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-37.5%;}

/* ==================================================
| 메인 section5 */
     .card-container .card-list li:nth-child(1) {-webkit-transform:rotate(-2deg) translate(48%, 106px); transform:rotate(-2deg) translate(48%, 106px);}
     .card-container .card-list li:nth-child(2) {-webkit-transform:rotate(-15deg) translate(37%, 127px); transform:rotate(-15deg) translate(37%, 127px);}
     .card-container .card-list li:nth-child(3) {-webkit-transform:rotate(10deg) translate(55%, 82px); transform:rotate(10deg) translate(55%, 82px);}
     .card-container .card-list li:nth-child(4) {-webkit-transform:rotate(25deg) translate(64%, 48px); transform:rotate(25deg) translate(64%, 48px);}
     .card-container .card-list li:nth-child(5) {-webkit-transform:rotate(-25deg) translate(22%, 131px); transform:rotate(-25deg) translate(29%, 138px);}

/* ==================================================
| BT 강사진 */
     #sub.instructors-idx #sVisual .visual-txt .txt-wrap {gap:47px;}
     #sub.instructors-idx .section3 .type-ul li:nth-child(n+2):not(.more-tags) {display:none;}

/* ==================================================
| 주니어과정, 성인과정 */     
     #sub.process .textbook-swiper .six-box.grid-box.col6 {width:163%;}
     #sub.process .textbook-swiper .six-box .book-img {width:30%;}
}

@media screen and (max-width: 410px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-prev {left:-29.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-33.6%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-38%;}

/* ==================================================
| 메인 section5 */
     .card-container .card-list li:nth-child(1) {-webkit-transform:rotate(-2deg) translate(44%, 106px); transform:rotate(-2deg) translate(44%, 106px);}
     .card-container .card-list li:nth-child(2) {-webkit-transform:rotate(-15deg) translate(31%, 126px); transform:rotate(-15deg) translate(31%, 126px);}
     .card-container .card-list li:nth-child(3) {-webkit-transform:rotate(10deg) translate(54%, 85px); transform:rotate(10deg) translate(54%, 85px);}
     .card-container .card-list li:nth-child(4) {-webkit-transform:rotate(25deg) translate(62%, 56px); transform:rotate(25deg) translate(62%, 56px);}
     .card-container .card-list li:nth-child(5) {-webkit-transform:rotate(-25deg) translate(17%, 127px); transform:rotate(-25deg) translate(17%, 127px);}

/* ==================================================
| 메인 section11 */
     #main .section11 .bg-img, .anidot-ul {left:-37%;}
     .postxt-ul {left:-29%;}
     .anidot-ul li:nth-of-type(1) {top:-103%; left:25px;}

/* ==================================================
| 수강권 index */
     #sub.fullcalendar-page #calendar > .ui-datepicker {width:320px;}
     #sub.course-idx .info-box p span:first-child {width:100%; text-align: center;}
} 

@media screen and (max-width: 400px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-34%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-38.5%;}

/* ==================================================
| BT 강사진 */
     #sub.instructors-idx .block1500 {display:block;}
     #sub.instructors-idx .event-swiper .swiper-slide {height:150px;}
     #sub.instructors-idx .section3 .instructor-box .img-box img {height:150px;}
     
/* ==================================================
| 수강권 결제하기 */
     #sub.course-payment .course-tab .radio-box > input[type="radio"] ~ label {min-width:unset;}
     #sub.course-payment .course-tab .radio-box > input[type="radio"] ~ label img {max-width:100%;}

     #sub.course-idx .visual-txt .txt-box { display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; -webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap:0;}
}

@media screen and (max-width: 390px){
/* ==================================================
| 메인 section1 */
     #main .section1 .ani-item:first-child {left:90px;}
     #main .section1 .ani-item:nth-of-type(2) {left:50px;}
     #main .section1 .ani-item:nth-of-type(2) img {left:0;}
     #main .section1 .ani-item:last-child {right:20px;}

/* ==================================================
| 메인 section3 */
     .postxt-li li:nth-of-type(1) {left:12%;}
     .postxt-li li:nth-of-type(4) {left:10%;}
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-34.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-39%;}

/* ==================================================
| 메인 section9 */  
     #main .section9 .ani-item:nth-of-type(1) {left:117px; top:-64px;}
     #main .section9 .ani-item:nth-of-type(2) {left:53px;}
     #main .section9 .ani-item:nth-of-type(3) {bottom: -13px;}

/* ==================================================
| 무료수업 신청 */  
     .block390 {display:block;}
     #sVisual .txt-list .freetrial-swiper .swiper-slide {height:185px;}

/* ==================================================
| BT 강사진 */
     #sub.instructors-idx .section3 .instructor-box .instructordes-box .img-box,
     #sub.instructors-idx .section3 .instructor-box .instructordes-box .img-box:after {border-radius:10px 30px 10px 10px;}

/* ==================================================
| 주니어과정, 성인과정 */
     .process-swiper .swiper-slide {width:93%;}
     .process-swiper .swiper-button-prev {left:4.7%;}
     .process-swiper .swiper-button-next {right:4.7%;}
}

@media screen and (max-width: 385px){
/* ==================================================
| 메인 section3 */
     .postxt-li li {padding:0 15px;}
}

@media screen and (max-width: 380px){
     .mainvisual-section .visualimg-swiper .fs30,
     #sub.course-idx .visual-txt .fs30,
     #sub.course-idx .visual-txt .fs24 {font-size:1.4rem;}
     .mainvisual-section .visualimg-swiper .jalnan,
     #sub.course-idx .visual-txt .jalnan {font-size:3.3rem;}

/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-35%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-40.3%;}

/* ==================================================
| 메인 section5 */
     .card-container .card-list li:nth-child(1) {-webkit-transform:rotate(-2deg) translate(37%, 106px); transform:rotate(-2deg) translate(37%, 106px);}
     .card-container .card-list li:nth-child(2) {-webkit-transform:rotate(-15deg) translate(27%, 125px); transform:rotate(-15deg) translate(27%, 125px);}
     .card-container .card-list li:nth-child(3) {-webkit-transform:rotate(10deg) translate(49%, 89px); transform:rotate(10deg) translate(49%, 89px);}
     .card-container .card-list li:nth-child(4) {-webkit-transform:rotate(25deg) translate(55%, 61px); transform:rotate(25deg) translate(55%, 61px);}
     .card-container .card-list li:nth-child(5) {-webkit-transform:rotate(-25deg) translate(16%, 125px); transform:rotate(-25deg) translate(16%, 125px);}

/* ==================================================
| 메인 section11 */
     #main .section11 .bg-img, .anidot-ul, .postxt-ul {width:400px; left:-28%;}
     .postxt-ul {left:-20%;}
     .anidot-ul li:nth-of-type(1) {top:-79%;}
     .anidot-ul li:nth-of-type(2) {top:-365%; left:32px;}
     .anidot-ul li:nth-of-type(3) {top:-742%;}

/* ==================================================
| 수강권 결제하기 */
     .agree-ul .slide-btn {margin-left:5px; width:8px;}
     .agree-ul .slide-btn img {width:8px;}
} 

@media screen and (max-width: 370px){
/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-35.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-41%;}

/* ==================================================
| 메인 section16 */
     .block370 {display:block;}

/* ==================================================
| 수강권 index */
     #sub.course-idx #sVisual .visual-txt .txt-wrap .txt-box h3,
     #sub.course-freetrial #sVisual .visual-txt .txt-wrap .txt-box h3 {line-height:32px;}

/* ==================================================
| 주니어과정, 성인과정 */
     .process-swiper .swiper-slide {width:100%;}
     .process-swiper .swiper-button-prev {left:1.5%;}
     .process-swiper .swiper-button-next {right:1.5%;}
}

@media screen and (max-width: 360px){
/* ==================================================
| 메인 메인비쥬얼 */
     .mainvisual-section .title-item h4 {font-size:2.6rem; line-height:33px;}
     .mainvisual-section .title-item h3 {font-size:3.7rem; line-height:47px;}
     .mainvisual-section .title-item.white h4 {font-size:2.8rem; line-height:38px;}

/* ==================================================
| 메인 section2 */
     #main .section2 .ico-box .world-ico, #main .section8 .ico-box .world-ico {transform:scale(0.4);}

/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-prev {left:-30.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-36%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-41.5%;}
     .postxt-li li:nth-of-type(1) {left:-10px; margin-left:auto;}
     .postxt-li li:nth-of-type(2) {left:0;}
     .postxt-li li:nth-of-type(4) {left:-30px; margin-left:auto;}

/* ==================================================
| 메인 section7 */
     .block360 {display:block;}
     #main .section7 .block530:not(:nth-of-type(1)) {display:none;}

/* ==================================================
| 수강권 index */
     .event-swiper .swiper-slide {padding:20px;}
     #sub.fullcalendar-page #calendar > .ui-datepicker {width:280px;}
     #sub.course-idx .apply-inner {padding-right:5px;}

/* ==================================================
| BT 강사진 */
     #sub.instructors-idx .section3 .instructor-box .hover-box,
     #sub.instructors-idx .section3 .instructor-box .btm-inner {padding:10px;}
}

@media screen and (max-width: 350px){
/* ==================================================
| 메인 section1 */
     .block350 {display:block;}

/* ==================================================
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-36.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-42.5%;}

/* ==================================================  
| 메인 section5 */
     .card-container .card-list li:nth-child(1) {-webkit-transform:rotate(-2deg) translate(30%, 106px); transform:rotate(-2deg) translate(30%, 106px);}
     .card-container .card-list li:nth-child(2) {-webkit-transform:rotate(-15deg) translate(20%, 124px); transform:rotate(-15deg) translate(20%, 124px);}
     .card-container .card-list li:nth-child(3) {-webkit-transform:rotate(10deg) translate(40%, 93px); transform:rotate(10deg) translate(40%, 93px);}
     .card-container .card-list li:nth-child(4) {-webkit-transform:rotate(25deg) translate(48%, 69px); transform:rotate(25deg) translate(48%, 69px);}
     .card-container .card-list li:nth-child(5) {-webkit-transform:rotate(-25deg) translate(7%, 120px); transform:rotate(-25deg) translate(7%, 120px);}

/* ==================================================
| 수강권 결제하기 */
     #sub.course-payment #agree_personal ~ label .block450,
     #sub.course-payment #agree_electronic ~ label .block450 {display:none;}
}

@media screen and (max-width: 340px){
     .mainvisual-section .visualimg-swiper .fs30,
     #sub.course-idx .visual-txt .fs30,
     #sub.course-idx .visual-txt .fs24 {font-size:1.3rem;}
     .mainvisual-section .visualimg-swiper .jalnan,
     #sub.course-idx .visual-txt .jalnan {font-size:3rem;}

/* ==================================================  
| 메인 section3 */
     .postxt-li li:nth-of-type(1) {left:unset;}
     .postxt-li li:nth-of-type(4) {left:unset; margin-left:auto;}
     .instructor-swiper .swiper-slide.swiper-slide-prev {left:-31.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-37%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-43%;}

/* ==================================================
| 메인 section8 */
     #main .section8 .tit-box h3 {font-size:3rem; line-height:40px;}

/* ==================================================
| 메인 section11 */
     #main .section11 .bg-img, .anidot-ul {left:-37%;}
     .postxt-ul {left:-30%;}
     .anidot-ul li:nth-of-type(1) {top:-58%; left:14px;}
     .anidot-ul li:nth-of-type(2) {top:-344%; left:23px;}
     
/* ==================================================
| 메인 section12 */
     #main .section12 .tit-box h3 {font-size:3.1rem;}
     .lefttab-ul li p {font-size:1.6rem; line-height:20px;}

/* ==================================================
| 수강권 index */
     .choice-box > .inner {padding:20px 15px;}
     
/* ==================================================
| 수강권 결제하기 */
     .faq-ul li .top-box p {font-size:1.3rem;}

/* ==================================================
| 주니어과정, 성인과정 */
     #sub.process.total .block600 {display:none;}
     .process-swiper .swiper-slide {width:103%;}
     .process-swiper .swiper-button-next {right:1%;}
     .process-swiper .swiper-button-prev {left:1%;}
}

@media screen and (max-width: 335px){
/* ==================================================
| 주니어과정, 성인과정 */
     .manager-ul li p {font-size:1.3rem;}
}

@media screen and (max-width: 330px){
/* ==================================================
| 메인 section1, section2, section10 */
     #main .section1 .tit-box h3 {font-size:3.1rem;}
     #main .section2 .tit-box h3 {font-size:3.1rem;}
     #main .section10 .tit-box h3 {font-size:3.1rem;}

/* ==================================================  
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-38%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-44.5%;}

/* ==================================================
| 주니어과정, 성인과정 */
     .process-swiper .swiper-slide {width:106%;} 
     .process-swiper .swiper-button-prev {left:0%;}
     .process-swiper .swiper-button-next {right:0%;}  
}

@media screen and (max-width: 325px){
/* ==================================================  
| 메인 section3 */
     .instructor-swiper .swiper-slide.swiper-slide-active {left:-38.5%;}
     .instructor-swiper .swiper-slide.swiper-slide-next {left:-45%;}

/* ==================================================
| 메인 section5 */
     .card-container .card-list li:nth-child(1) {-webkit-transform:rotate(-2deg) translate(27%, 106px); transform:rotate(-2deg) translate(27%, 106px);}
     .card-container .card-list li:nth-child(2) {-webkit-transform:rotate(-15deg) translate(17%, 121px); transform:rotate(-15deg) translate(17%, 121px);}
     .card-container .card-list li:nth-child(3) {-webkit-transform:rotate(10deg) translate(37%, 93px); transform:rotate(10deg) translate(37%, 93px);}
     .card-container .card-list li:nth-child(4) {-webkit-transform:rotate(25deg) translate(45%, 73px); transform:rotate(25deg) translate(45%, 73px);}
     .card-container .card-list li:nth-child(5) {-webkit-transform:rotate(-25deg) translate(5%, 120px); transform:rotate(-25deg) translate(5%, 120px);}

/* ==================================================
| BT 강사진 */
     #sub.instructors-idx #sVisual .visual-txt .txt-wrap .txt-box p {font-size:1.7rem;}
} 

@media screen and (max-height: 650px){
/* ==================================================
| BT 강사진 */
     #instructorPopup .popup-cont {max-height:450px;}
}