@charset "utf-8";
/*
    Note :GNB > 학교 공부, GNB > 수준별 국영수 하위 페이지에서만 사용
    Date :2025-06-24
    Auther :udd1125@chunjae.co.kr
*/

.aboutCont{width:100%;margin:0 auto}
.aboutCont *{box-sizing:border-box}
.aboutCont .inner{width:1140px;margin:0 auto;text-align:center}
.aboutCont [class^="cont"]{position:relative}
.aboutCont [class*="flex"]{position:relative;display:-ms-flexbox;display:flex}
.aboutCont [class*="flexBetween"]{position:relative;display:-ms-flexbox;display:flex;justify-content:space-between;-ms-flex-align:center;align-items:center}
.aboutCont [class*="flexCenter"]{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.aboutCont [class*="flexColumn"]{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}
/* 공통요소 - 기본 퀵메뉴 예외처리 */
#quickmenu{transition:0.5s;top:225px !important}
#quickmenu.act{top:157px !important}
#quickmenu.off{right:-121px}
/* 공통요소 - 상단 고정 탭 */
.aboutCont .tabNav{margin:0 auto 0;text-align:center;height:90px;gap:10px;z-index:90}
.aboutCont .tabNav ul{height:90px;gap:10px;z-index:30}
.aboutCont .tabNav.fixed ul{position:fixed;top:0;left:0;width:100%;background:#fff}
.aboutCont .tabNav li{width:260px;height:56px}
.aboutCont .tabNav li a{display:flex;justify-content:center;align-items:center;height:100%;border-radius:50px;box-sizing:border-box;background:#f3f3f3;font-size:18px;font-weight:400;color:#222;line-height:1.1em;letter-spacing:-0.05rem}
.aboutCont .tabNav li a:before{margin-right:10px}
.aboutCont .tabNav li.on a, .aboutCont .tabNav li a:hover{font-weight:600;color:#fff}
.aboutCont .tabNav li:nth-child(1) a:before{content:url(//cdndata.milkt.co.kr/ele/www/images/about/ico_tab_ai.png);width:22px;height:21px}
.aboutCont .tabNav li:nth-child(2) a:before{content:url(//cdndata.milkt.co.kr/ele/www/images/about/ico_tab_exam.png);width:28px;height:20px}
.aboutCont .tabNav li:nth-child(3) a:before{content:url(//cdndata.milkt.co.kr/ele/www/images/about/ico_tab_special.png);width:23px;height:23px}
.aboutCont .tabNav li:nth-child(4) a:before{content:url(//cdndata.milkt.co.kr/ele/www/images/about/ico_tab_gyojae.png);width:19px;height:22px}
.aboutCont .tabNav li:nth-child(1).on a, .aboutCont .tabNav li:nth-child(1) a:hover{background:#005eff}
.aboutCont .tabNav li:nth-child(1).on a:before, .aboutCont .tabNav li:nth-child(1) a:hover:before{content:url(//cdndata.milkt.co.kr/ele/www/images/about/ico_tab_ai_on.png)}
.aboutCont .tabNav li:nth-child(2).on a, .aboutCont .tabNav li:nth-child(2) a:hover{background:#6e00ff}
.aboutCont .tabNav li:nth-child(2).on a:before, .aboutCont .tabNav li:nth-child(2) a:hover:before{content:url(//cdndata.milkt.co.kr/ele/www/images/about/ico_tab_exam_on.png)}
.aboutCont .tabNav li:nth-child(3).on a, .aboutCont .tabNav li:nth-child(3) a:hover{background:#ff7800}
.aboutCont .tabNav li:nth-child(3).on a:before, .aboutCont .tabNav li:nth-child(3) a:hover:before{content:url(//cdndata.milkt.co.kr/ele/www/images/about/ico_tab_special_on.png)}
.aboutCont .tabNav li:nth-child(4).on a, .aboutCont .tabNav li:nth-child(4) a:hover{background:#4269ff}
.aboutCont .tabNav li:nth-child(4).on a:before, .aboutCont .tabNav li:nth-child(4) a:hover:before{content:url(//cdndata.milkt.co.kr/ele/www/images/about/ico_tab_gyojae_on.png)}
/* 공통요소 - 퀵 배너 */
.quickBnr{position:fixed;top:157px;right:-10%;opacity:0;transition:0.5s;z-index:100}
.quickBnr.fixed{position:fixed;top:157px;right:1%;opacity:1}
.quickBnr a{color:#000;transition:all 0.4s;font-weight:400}
.quickBnr p.on a{color:#fff !important;font-weight:600;background:var(--pg-point-color) !important}
.quickBnr p.on a *{color:#fff}
.quickBnr .btnTab a{display:block;font-size:16px;line-height:19px;width:180px;height:68px;background:#fff;border-radius:34px;margin-bottom:10px}
.quickBnr .btnTab a:before{content:'';display:inline-block;vertical-align:middle;width:85px;height:68px}
.quickBnr .btnTab span{display:inline-block;vertical-align:middle;letter-spacing:-1px}
.quickBnr .btnTab b{color:var(--pg-point-color);font-weight:600}
.quickBnr .flexColumn{background:#fff;width:180px;padding:20px 0;margin-bottom:10px;border-radius:30px;border:1px solid #f5f8ff;font-size:16px;letter-spacing:-1px;text-align:center}
.quickBnr .flexColumn p~p{margin-top:10px}
.quickBnr .flexColumn p a{border-radius:22px;font-size:15px;background:#eef4ff;width:140px;line-height:44px;display:block}
.quickBnr .btnTop{display:block;font-size:0;margin:0 auto;width:64px;height:30px;background:url(//cdndata.milkt.co.kr/ele/www/images/main2024/btnTop.png) no-repeat 0 0}

.quickBnr .flexColumn .quickTit{width:180px;border:1px solid rgb(184, 184, 184); border-bottom:none;border-radius:15px 15px 0 0;line-height:19px;height:68px;position:absolute;top:-1px;left:-1px;background-color:var(--pg-point-color);font-weight:600;color:#fff}
.quickBnr .flexColumn .quickTit span{letter-spacing:-1px}
.quickBnr .flexColumn .quickTit+p{margin-top:68px !important}

/* [1] 학교 공부 */

/* 공통요소 - 비주얼 레이아웃 */
.aboutCont .visual{padding-top:72px;height:700px}
.aboutCont .visual ul{padding:0 68px;margin-top:38px}
.aboutCont .visual .noti{font-size:12px;margin-top:34px;line-height:18px}
/* 공통요소 - 한눈에 보는 탭 영역 */
.aboutCont .previewTab{padding-top:80px;height:940px}
.aboutCont .previewTab .tabWrap{margin-top:16px;position:relative}
.aboutCont .previewTab .tabWrap:before{animation:blink 1s linear infinite;width:934px;height:565px;position:absolute;top:32px;left:50%;transform:translateX(-50%);content:'';display:block}
.aboutCont .previewTab .tabWrap.stop:before{opacity:0 !important;animation:none}
.aboutCont .previewTab [class^=click]{position:absolute;display:block;font-size:0;color:transparent}
.aboutCont .previewTab [class^=click] span{opacity:0;pointer-events:none;transition:opacity 0.5s;position:absolute;display:block;content:''}
.aboutCont .previewTab [class^=click]:hover span{opacity:1}
.aboutCont .previewTab [class^=click]:hover:before{z-index:1;animation:touchGuide 2s forwards,scale 2s 0.8s backwards infinite ;width:36px;height:36px;bottom:-18px;left:calc(50% - 14px);border-radius:100%;background:var(--pg-point-color);position:absolute;display:block;content:''}
.aboutCont .previewTab [class^=click]:hover:after{z-index:1;animation:touchGuide 2s forwards,touchMotion 2s 0.8s infinite ;width:100px;height:103px;bottom:-100px;left:50%;background:url(//cdndata.milkt.co.kr/ele/www/images/about/img_handpoint.png) no-repeat 0 0 ;position:absolute;display:block;content:''}
/* 공통요소  */
.aboutCont [class^=cont]>strong.tit{display:block;width:100%;text-align:center}

/* [1-1] 과목별 학교 공부 */
.aboutCont.aiStudy{--pg-point-color:#005eff}/* 페이지 포인트 컬러 */
.aiStudy .quickBnr .btnTab a:before{background:url(//cdndata.milkt.co.kr/ele/www/images/about/ai_img_btnTab.png)}
.aiStudy .visual{background:#00b4ff url(//cdndata.milkt.co.kr/ele/www/images/about/ai_visual_bg.jpg) no-repeat center}
.aiStudy .visual .noti{color:#b1ecff}
.aiStudy [class^=cont]{padding-bottom:100px}
.aiStudy .previewTab{background:#e8f5ff url(//cdndata.milkt.co.kr/ele/www/images/about/ai_tabCont_bg.jpg) no-repeat center}
.aiStudy .previewTab .tabWrap:before{background:url(//cdndata.milkt.co.kr/ele/www/images/about/ai_tab_blink.png) no-repeat 0 0}
.aiStudy .previewTab .tabWrap .click1{top:109px;left:125px;width:215px;height:320px}
.aiStudy .previewTab .tabWrap .click1 span{top:-72px;left:-136px}
.aiStudy .previewTab .tabWrap .click2{top:109px;left:347px;width:450px;height:346px}
.aiStudy .previewTab .tabWrap .click2 span{top:-72px;left:-220px}
.aiStudy .cont01{background:#d8eeff;height:1287px}
.aiStudy .cont01 strong{background:#0060fe}
.aiStudy .cont02{background:#0066e6 url(//cdndata.milkt.co.kr/ele/www/images/about/ai_cont02_bg.jpg) no-repeat center;padding-top:100px}
.aiStudy .cont02 .tit{margin-bottom:50px}
.aiStudy .cont02 [class^="box"]{flex-wrap:wrap;align-items:start}
.aiStudy .cont02 [class^="box"] dl{width:308px}
.aiStudy .cont02 [class^="box"] dt{margin-bottom:12px}
.aiStudy .cont02 .subjectSlider{position:relative;font-size:17px}
.aiStudy .cont02 .subjectSlider .swiper-pagination{top:204px;font-size:0;height:8px}
.aiStudy .cont02 .subjectSlider .swiper-pagination-bullet-active{background:#fff}
.aiStudy .cont02 .subjectSlider [class^=btn]{cursor:pointer;position:absolute;z-index:1;font-size:0;top:64px;width:33px;height:65px;background:url(//cdndata.milkt.co.kr/ele/www/images/about/ai_cont02_arrow.png)}
.aiStudy .cont02 .subjectSlider .btnNext{right:0}
.aiStudy .cont02 .subjectSlider .btnPrev{left:0;transform:rotate(180deg)}
.aiStudy .cont02 .subjectSlider strong{display:block;color:#fff;margin:36px 0 10px;font-weight:600}
.aiStudy .cont02 .subjectSlider p{color:#cdc9f4;line-height:23px;letter-spacing:-0.5px}
.aiStudy .cont02 .box01{background:#0045e0;height:836px;padding:55px 60px;margin-top:32px;border-radius:40px}
.aiStudy .cont02 .box01 dl:nth-child(-n+3){margin-bottom:70px}
.aiStudy .cont02 .box02{background:#313bda;height:490px;padding:103px 60px 0;margin-top:40px;border-radius:40px}
.aiStudy .cont02 .box02 .tit{position:absolute;top:0;left:0;width:100%;text-align:center}
.aiStudy .cont03{background:#f9ffeb}
.aiStudy .cont03 strong{background:#11b600}
.aiStudy .cont03 .tabSlider{position:relative;margin-top:30px}
.aiStudy .cont03 .tabSlider>.swiper-pagination{position:static}
.aiStudy .cont03 .tabSlider>.swiper-pagination .swiper-pagination-bullet{background:#ebface;color:#000;font-weight:400;font-size:20px;width:376px;height:66px;line-height:66px;border-radius:20px 20px 0 0;opacity:1;margin:0}
.aiStudy .cont03 .tabSlider>.swiper-pagination .swiper-pagination-bullet-active{background:#11b600;color:#fff;font-weight:600}
.aiStudy .cont03 .tabSlider .hoverSlider .hoverPg{position:absolute;top:209px;left:60px;bottom:unset;z-index:1;width:620px;height:230px;flex-wrap:wrap;font-size:0}
.aiStudy .cont03 .tabSlider .hoverSlider .hoverPg .swiper-pagination-bullet{border-radius:100px;width:200px;height:110px;margin:0 ;opacity:0}
.aiStudy .cont04{background:#e2ffab;padding-top:100px}
.aiStudy .cont04 .tit{margin-bottom:10px}
.aiStudy .cont04 .box{margin-top:30px;position:relative;text-align:right}
.aiStudy .cont04 .box .step{position:absolute;top:23px;left:-10px}
.aiStudy .cont05{background:#142d21 url(//cdndata.milkt.co.kr/ele/www/images/about/ai_cont05_bg.jpg) no-repeat center;height:1030px;padding-top:100px}

/* [1-2] 실력평가 */
.aboutCont.examStudy{--pg-point-color:#6e00ff}/* 페이지 포인트 컬러 */
.examStudy .quickBnr .btnTab a:before{background:url(//cdndata.milkt.co.kr/ele/www/images/about/exam_img_btnTab.png)}
.examStudy .flexColumn p a{background:#f6f3ff}
.examStudy .visual{background:#9e42ff url(//cdndata.milkt.co.kr/ele/www/images/about/exam_visual_bg.jpg) no-repeat center}
.examStudy .visual .noti{color:#dbacff}
.examStudy .previewTab{background:#f1edff url(//cdndata.milkt.co.kr/ele/www/images/about/exam_tabCont_bg.jpg) no-repeat center}
.examStudy .previewTab .tabWrap:before{background:url(//cdndata.milkt.co.kr/ele/www/images/about/exam_tab_blink.png) no-repeat 0 0}
.examStudy .previewTab .tabWrap .click1{top:142px;right:125px;width:226px;height:192px}
.examStudy .previewTab .tabWrap .click1 span{top:-64px;right:-111px}
.examStudy .previewTab .tabWrap .click2{top:342px;left:123px;width:462px;height:231px}
.examStudy .previewTab .tabWrap .click2 span{top:-197px;left:0}
.examStudy .previewTab .tabWrap .click3{top:140px;left:123px;width:650px;height:195px}
.examStudy .previewTab .tabWrap .click3 span{top:-60px;left:0}
.examStudy .previewTab .tabWrap .click4{top:342px;right:125px;width:226px;height:110px}
.examStudy .previewTab .tabWrap .click4 span{top:-262px;right:0}
.examStudy .previewTab .tabWrap .click5{top:342px;right:375px;width:175px;height:235px}
.examStudy .previewTab .tabWrap .click5 span{top:-197px;right:-249px}
.examStudy .cont01{background:#f6e9ff;padding-bottom:130px}
.examStudy .cont01 strong{background:#7800ff;margin-bottom:100px;position:relative}
.examStudy .cont01 strong:after{content:'';display:block;position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);width:88px;height:18px;background:url(//cdndata.milkt.co.kr/ele/www/images/about/exam_cont01_tit_after.png) no-repeat 0 0}
.examStudy .cont01 .box{margin-top:37px;position:relative;text-align:right}
.examStudy .cont01 .box .step{position:absolute;top:40px;left:-10px}

/* [1-3] 특별학습 */
.aboutCont.specialStudy{--pg-point-color:#ff7800}/* 페이지 포인트 컬러 */
.specialStudy .quickBnr .btnTab a:before{background:url(//cdndata.milkt.co.kr/ele/www/images/about/special_img_btnTab.png)}
.specialStudy .flexColumn p a{background:#fff7e1}
.specialStudy .flexColumn{border-color:#fff0d6}
.specialStudy [class^=cont]{padding-bottom:100px}
.specialStudy [class^=cont] .inner>.tit{margin-bottom:40px}
.specialStudy .visual{background:#ffdd00 url(//cdndata.milkt.co.kr/ele/www/images/about/special_visual_bg.jpg) no-repeat center}
.specialStudy .previewTab{background:#fff9ee url(//cdndata.milkt.co.kr/ele/www/images/about/special_tabCont_bg.jpg) no-repeat center}
.specialStudy .previewTab .tabWrap:before{background:url(//cdndata.milkt.co.kr/ele/www/images/about/special_tab_blink.png) no-repeat 0 0}
.specialStudy .previewTab .tabWrap .click1{top:130px;left:126px;width:650px;height:225px}
.specialStudy .previewTab .tabWrap .click1 span{top:-64px;left:-113px}
.specialStudy .previewTab .tabWrap .click2{top:363px;left:130px;width:425px;height:207px}
.specialStudy .previewTab .tabWrap .click2 span{top:-296px;left:-117px}
.specialStudy .previewTab .tabWrap .click3{top:143px;right:126px;width:214px;height:104px}
.specialStudy .previewTab .tabWrap .click3 span{top:-76px;right:-122px}
.specialStudy .previewTab .tabWrap .click4{top:362px;right:367px;width:206px;height:210px;opacity:1}
.specialStudy .previewTab .tabWrap .click4 span{top:-295px;right:-363px}
.specialStudy .cont01{background:#fffdeb}
.specialStudy .cont01 strong{background:#ff7200}
.specialStudy .cont02{background:#fffdeb}
.specialStudy .cont02 strong{background:#ffa200}
.specialStudy .cont03{background:#ffa200;padding-top:100px}
.specialStudy .cont04{background:#fffdeb;padding-top:100px}
.specialStudy .cont05{background:#faf5ff}
.specialStudy .cont05 strong{background:#8a00ff}
.specialStudy .cont06{background:#8a00ff url(//cdndata.milkt.co.kr/ele/www/images/about/special_cont06_bg.jpg) no-repeat bottom;padding-top:100px}
.specialStudy .cont06 .flexCenter{margin-top:40px;color:#fff}
.specialStudy .cont06 .flexCenter li~li{margin-left:50px}
.specialStudy .cont06 .flexCenter .txt{font-size:17px;margin-top:19px;letter-spacing:-1px}
.specialStudy .cont06 .flexCenter .txt+p{font-size:18px;margin-top:10px;font-weight:600;letter-spacing:-1px}
.specialStudy .cont06 .gifWrap{width:308px;height:190px;overflow:hidden;border-radius:20px}
.specialStudy .cont06 .gifWrap img{display:block;width:110%}

/* [1-4] 교재 학습관 */
.aboutCont.gyojae{--pg-point-color:#4269ff}/* 페이지 포인트 컬러 */
.gyojae .quickBnr .btnTab a:before{background:url(//cdndata.milkt.co.kr/ele/www/images/about/gyojae_img_btnTab.png)}
.gyojae .flexColumn p a{background:#ecf3ff}
.gyojae [class^=cont]{padding-bottom:100px}
.gyojae .visual{background:#16b0ff url(//cdndata.milkt.co.kr/ele/www/images/about/gyojae_visual_bg.jpg) no-repeat center}
.gyojae .previewTab{background:#ebf3ff url(//cdndata.milkt.co.kr/ele/www/images/about/gyojae_tabCont_bg.jpg) no-repeat center}
.gyojae .previewTab .tabWrap:before{background:url(//cdndata.milkt.co.kr/ele/www/images/about/gyojae_tab_blink.png) no-repeat 0 0}
.gyojae .previewTab .tabWrap .click1{top:110px;left:125px;width:700px;height:470px}
.gyojae .previewTab .tabWrap .click1 span{top:-60px;left:-1px}
.gyojae .previewTab .tabWrap .click2{top:485px;left:125px;width:184px;height:95px}
.gyojae .previewTab .tabWrap .click2 span{top:-372px;left:-10px}
.gyojae .cont01{background:#e5efff}
.gyojae .cont01 strong{background:#4269ff}
.gyojae .cont02{background:#4374ff;padding-top:100px}
.gyojae .cont02 .tit{margin-bottom:40px}
.gyojae .cont03{background:#ecf1ff}
.gyojae .cont03 strong{background:#6600ff}
.gyojae .cont03 .txt{margin:75px auto 0;padding:18px 0;background:url(//cdndata.milkt.co.kr/ele/www/images/about/gyojae_cont03_sliderBg.png) no-repeat 50% 0}
.gyojae .cont03 .tabSlider{position:relative;width:504px;height:306px;margin:0 auto}
.gyojae .cont03 .tabSlider li{font-size:0;padding:0}
.gyojae .cont03 .tabSlider .swiper-pagination{top:335px;font-size:0}
.gyojae .cont03 .tabSlider .swiper-pagination-bullet{width:10px;height:10px;background:#d0d8ee;opacity:1}
.gyojae .cont03 .tabSlider .swiper-pagination-bullet-active{background:#6600ff}
.gyojae .cont03 .tabSlider [class^=btn]{cursor:pointer;position:absolute;z-index:1;font-size:0;top:130px;width:46px;height:46px;background:url(//cdndata.milkt.co.kr/ele/www/images/about/special_cont03_arrow.png)}
.gyojae .cont03 .tabSlider .btnNext{right:-34px}
.gyojae .cont03 .tabSlider .btnPrev{left:-34px;transform:rotate(180deg)}
.gyojae .cont04{background:url(//cdndata.milkt.co.kr/ele/www/images/about/gyojae_cont04_bg.jpg) no-repeat 50% bottom;padding-top:100px}
.gyojae .cont05{background:#6600ff url(//cdndata.milkt.co.kr/ele/www/images/about/gyojae_cont05_bg.jpg) no-repeat 50% bottom;padding-top:100px}
.gyojae .cont06{background:#ecf1ff;padding-top:100px}
.gyojae .cont06 .tit{margin-bottom:40px}
.gyojae .cont07{background:#e4feff;height:1110px}
.gyojae .cont07 p.tit{margin-bottom:30px}
.gyojae .cont07 strong{background:#00c3e6}
.gyojae .cont08{background:#00c5e8 url(//cdndata.milkt.co.kr/ele/www/images/about/gyojae_cont08_bg.jpg) no-repeat 50% bottom;padding-top:100px}

@keyframes blink{
	0%,15%,85%,100%{opacity:0}
	30%,50%,70%{opacity:1}
}
@keyframes touchGuide{
	0%{transform:translate(-50px,50px);opacity:0}
	20%{transform:translate(-50px,50px);opacity:0}
	40%{transform:translate(0,0);opacity:1}
	100%{opacity:1}
}
@keyframes scale{
	0%,40%,70%,100%{transform:scale(0.7)}
	50%,60%{transform:scale(1.2)}
}
@keyframes touchMotion{/* 원터치 */
	0%,40%,70%,100%{transform:scale(1)}
	50%,60%{transform:scale(0.9) translate(-5px,-10px)}
}

@keyframes touchMotion2{/* 더블클릭 */
	0%,30%,40%,50%,100%{transform:scale(1)}
	35%,45%{transform:scale(0.9)}
}

@keyframes touchMotion3{/* 원 터치 + 기울기 */
	0%,40%,70%,100%{transform:scale(1)}
	55%,60%{transform:scale(0.9) rotate(-10deg) translate(3px,-15px)}
}

/* [2] 수준별 국영수 */

/* 공통요소 - 상단 고정 탭 */
.aboutCont[class*="level"] .tabNav li:nth-child(1) a:before{content:url(//cdndata.milkt.co.kr/ele/www/images/about/ico_tab_levelM.png);width:24px;height:25px}
.aboutCont[class*="level"] .tabNav li:nth-child(2) a:before{content:url(//cdndata.milkt.co.kr/ele/www/images/about/ico_tab_levelE.png);width:21px;height:24px}
.aboutCont[class*="level"] .tabNav li:nth-child(3) a:before{content:url(//cdndata.milkt.co.kr/ele/www/images/about/ico_tab_levelK.png);width:25px;height:22px}
.aboutCont[class*="level"] .tabNav li:nth-child(1).on a,.aboutCont[class*="level"]  .tabNav li:nth-child(1) a:hover{background:#005efe}
.aboutCont[class*="level"] .tabNav li:nth-child(1).on a:before,.aboutCont[class*="level"]  .tabNav li:nth-child(1) a:hover:before{content:url(//cdndata.milkt.co.kr/ele/www/images/about/ico_tab_levelM_on.png)}
.aboutCont[class*="level"] .tabNav li:nth-child(2).on a,.aboutCont[class*="level"]  .tabNav li:nth-child(2) a:hover{background:#ff7800}
.aboutCont[class*="level"] .tabNav li:nth-child(2).on a:before,.aboutCont[class*="level"]  .tabNav li:nth-child(2) a:hover:before{content:url(//cdndata.milkt.co.kr/ele/www/images/about/ico_tab_levelE_on.png)}
.aboutCont[class*="level"] .tabNav li:nth-child(3).on a, .aboutCont[class*="level"]  .tabNav li:nth-child(3) a:hover{background:#00a76f}
.aboutCont[class*="level"] .tabNav li:nth-child(3).on a:before,.aboutCont[class*="level"]  .tabNav li:nth-child(3) a:hover:before{content:url(//cdndata.milkt.co.kr/ele/www/images/about/ico_tab_levelK_on.png)}
[class*="level"] [class*="cont"] .inner{padding:80px 0 90px}
/* 공통요소 - 비주얼 레이아웃 */
[class*="level"].aboutCont .visual{padding-top:80px;height:725px}
[class*="level"].aboutCont .visual ul{padding:0;margin-top:40px}
[class*="level"].aboutCont .visual .txt{font-size:20px;margin-top:24px;line-height:32px;letter-spacing:-1px;color:#666}
[class*="level"].aboutCont .visual .noti{font-size:12px;margin-top:34px;line-height:18px}
/* 공통요소 - 퀵 배너 */
[class*="level"] .quickBnr .flexColumn{padding:15px 0;border-color:#e4e4e4;border-radius:15px}
[class*="level"] .quickBnr .flexColumn .quickTit b{color:#fff301;font-weight:600}
[class*="level"] .quickBnr .flexColumn p a{background:none}
[class*="level"] .quickBnr .flexColumn p~p{margin-top:8px}
[class*="level"] .quickBnr .flexColumn p.on a{ color:var(--pg-point-color) !important}
/* 공통요소 - 커리큘럼 슬라이더 */
[class*="level"] .cont01 .inner{padding-bottom:0}
[class*="level"] .cont01 .sliderBox{margin-top:40px;position:relative;border-radius:30px;overflow:hidden}
[class*="level"] .cont01 .sliderBox .swiper-pagination{ width:350px;position:absolute;top:105px;left:600px}
[class*="level"] .cont01 .sliderBox .swiper-pagination-bullet{width:100%;height:74px;border-radius:0;opacity:0}
/* [2-1] 수준별 수학 */
.aboutCont.levelM{--pg-point-color:#005efe}/* 페이지 포인트 컬러 */
.levelM .visual{background:#7dc1f9 url(//cdndata.milkt.co.kr/ele/www/images/about/levelM_visual_bg.jpg) no-repeat center}
.levelM .visual .noti{color:#788da7}
.levelM .quickBnr .flexColumn p.on a{background:#e0f1ff !important}
.levelM .quickBnr .flexColumn .quickTit{border-color:#427cf5}
.levelM .quickBnr .flexColumn .quickTit b{color:#00ffea}
.levelM .cont01{background:url(//cdndata.milkt.co.kr/ele/www/images/about/levelM_cont01_bg.jpg) no-repeat center bottom}
.levelM .cont01 .sliderBox,
.levelM .cont01 .sliderBox li{background:#ecf8ff}
.levelM .cont02{background:linear-gradient(160deg , #135ef7 0%,#135ef7 40%, #132db3 100%);overflow:hidden}
.levelM .cont02 .tit{margin-bottom:48px;position:relative}
.levelM .cont02 .tit:after{content:'';display:block;position:absolute;bottom:-30px;right:47px;width:120px;height:120px;background:url(//cdndata.milkt.co.kr/ele/www/images/about/levelM_cont02_titAfter.png) no-repeat 0 0}
.levelM .cont02 .box{margin-top:40px;position:relative;text-align:right}
.levelM .cont02 .box .step{position:absolute;top:40px;left:-10px}
.levelM .cont03{background:#eef4ff url(//cdndata.milkt.co.kr/ele/www/images/about/levelM_cont03_bg.jpg) no-repeat center bottom}
.levelM .cont03 .tit{margin-bottom:45px}
.levelM .cont03 .box~.box{margin-top:40px}
.levelM .cont03 .box{background:#fff;border-radius:40px;overflow:hidden;padding-bottom:68px}
.levelM .cont03 .programSlider{position:relative}
.levelM .cont03 .programSlider [class*="btn"]{z-index:1;position:absolute;top:120px;cursor:pointer;font-size:0;width:50px;height:50px;background:url(//cdndata.milkt.co.kr/ele/www/images/about/levelM_cont03_arrow.png) no-repeat 0 0}
.levelM .cont03 .programSlider .btnNext{right:16px}
.levelM .cont03 .programSlider .btnPrev{left:16px;transform:rotate(-180deg)}
.levelM .cont03 .programSlider .swiper-pagination{font-size:0;height:8px;bottom:-40px}
.levelM .cont03 .programSlider .swiper-pagination-bullet{opacity:1;background:#ccc;margin:0 3px}
.levelM .cont03 .programSlider .swiper-pagination-bullet-active{background:#009bff}

/* [2-2] 수준별 영어 */
.aboutCont.levelE{--pg-point-color:#ff7800}/* 페이지 포인트 컬러 */
.levelE .visual{background:#ffd796 url(//cdndata.milkt.co.kr/ele/www/images/about/levelE_visual_bg.jpg) no-repeat center}
.levelE .visual .noti{color:#9f8a6f}
.levelE .quickBnr .flexColumn .quickTit{border-color:#ff8f33}
.levelE .quickBnr .flexColumn p.on a{background:#fff7e1 !important}
.levelE .cont01{background:url(//cdndata.milkt.co.kr/ele/www/images/about/levelE_cont01_bg.jpg) no-repeat center bottom}
.levelE .cont01 .sliderBox,
.levelE .cont01 .sliderBox li{background:#fff7e3}
.levelE .cont02{background:#fff2e0}
.levelE .cont02 .tit{margin-bottom:40px;position:relative}
.levelE .cont02 .engSlider {overflow:hidden;border-radius:0 0 30px 30px}
.levelE .cont02 .engSlider>ul>li{padding:50px;background:#fff}
.levelE .cont02 .engSlider>ul>li:last-child .programSlider{margin:0 56px}
.levelE .cont02 .engSlider .eng-pagination{position:static}
.levelE .cont02 .engSlider .eng-pagination .swiper-pagination-bullet{width:185px;height:64px;border-radius:20px 20px 0 0;opacity:1;background:#ffe1c9;color:#000;font-size:20px;font-weight:400;line-height:64px;margin:0}
.levelE .cont02 .engSlider .eng-pagination .swiper-pagination-bullet-active{background:#ff7800;font-weight:600;color:#fff}
.levelE .cont02 .engSlider dl{background:#fdf9f3;border-radius:20px}
.levelE .cont02 .engSlider .programSlider{position:relative;overflow:hidden;margin:0 auto;width:264px;padding-bottom:44px}
.levelE .cont02 .engSlider .programSlider p{padding-top:35px;font-size:17px;line-height:23px;letter-spacing:-1px;color:#333}
.levelE .cont02 .engSlider .programSlider [class*="btn"]{z-index:1;position:absolute;top:50px;cursor:pointer;font-size:0;width:33px;height:65px;background:url(//cdndata.milkt.co.kr/ele/www/images/about/levelE_cont02_arrow.png) no-repeat 0 0}
.levelE .cont02 .engSlider .programSlider .btnNext{right:0}
.levelE .cont02 .engSlider .programSlider .btnPrev{left:0;transform:rotate(-180deg)}
.levelE .cont02 .engSlider .programSlider .swiper-pagination{font-size:0;height:8px;top:180px}
.levelE .cont02 .engSlider .programSlider .swiper-pagination-bullet{opacity:1;background:#ccc;margin:0 3px}
.levelE .cont02 .engSlider .programSlider .swiper-pagination-bullet-active{background:#ff7800}
.levelE .cont03{background:#fff6de url(//cdndata.milkt.co.kr/ele/www/images/about/levelE_cont03_bg.jpg) no-repeat bottom center}
.levelE .cont03>.tit{background:#ff7300}
.levelE .cont03 .inner .txt{margin:36px 0 30px}
.levelE .cont04{background:#fffbf6 url(//cdndata.milkt.co.kr/ele/www/images/about/levelE_cont04_bg.jpg) no-repeat bottom center}
.levelE .cont05{background:#fff6de}
.levelE .cont05 .tit{margin-bottom:42px}
.levelE .cont05 .flexBetween{margin-top:32px}
.levelE .cont06{background:linear-gradient(160deg , #ffa600 0%, #ff6700 100%);overflow:hidden}

/* [2-3] 수준별 국어 */
.aboutCont.levelK{--pg-point-color:#00a76f}/* 페이지 포인트 컬러 */
.levelK .visual{background:#75dbaf url(//cdndata.milkt.co.kr/ele/www/images/about/levelK_visual_bg.jpg) no-repeat center}
.levelK .quickBnr .flexColumn .quickTit{border-color:#34956a}
.levelK .quickBnr .flexColumn p.on a{background:#eaf9f5 !important}
.levelK .cont01{background:url(//cdndata.milkt.co.kr/ele/www/images/about/levelK_cont01_bg.jpg) no-repeat center bottom}
.levelK .cont01 .sliderBox,
.levelK .cont01 .sliderBox li{background:#eaf9f5}
.levelK .cont01 .sliderBox .tabSlider{ width:414px;position:relative}
.levelK .cont01 .sliderBox .swiper-pagination{position:absolute;top:230px;left:33px}
.levelK .cont02{background:#e6f9f4 url(//cdndata.milkt.co.kr/ele/www/images/about/levelK_cont02_bg.jpg) no-repeat bottom center}
.levelK .cont02 .box{background:#fff;border-radius:30px;padding-bottom:54px;margin-top:40px}
.levelK .cont03{padding-bottom:575px;background:#008957 url(//cdndata.milkt.co.kr/ele/www/images/about/levelK_cont03_bg.jpg) no-repeat bottom center}