@charset="euc-kr";

/* webfont */
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Pretendard-Bold";
    src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff")
      format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "SCoreDream";
    font-weight: 900;
    font-display: swap;
    src: local("SCDream9"), url("https://cdn.jsdelivr.net/gh/ungveloper/web-fonts/fonts/woff2/SCDream9.woff2") format("woff2"),
      url("https://cdn.jsdelivr.net/gh/ungveloper/web-fonts/fonts/woff/SCDream9.woff") format("woff");
}
@font-face {
    font-family: 'S-CoreDream-9Black';
    src: url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-9Black.eot');
    src:url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-9Black.woff') format('woff');
    font-style: normal;
}

/* °ψΕλ */
#wrapper{overflow:hidden; min-width:1300px; width:auto; margin:0 auto; text-align:center; caret-color: transparent;}
#wrapper .mask{position:relative; width:1200px; margin:0 auto;}
#wrapper .mask .thumb{position:relative; left:50%; transform:translateX(-50%);}
#wrapper .swiper-button-prev:after,
#wrapper .swiper-button-next:after{display:none;}

/* visual */
.visual{background:#131b3d;}
.visual .tit{position:absolute; left:210px; top:120px;}

/* phobia_1 */
.phobia_1{background:#020202;}
.phobia_1 .img{position:absolute;}
.phobia_1 .img.tit{left:98px; top:100px; z-index:3;}
.phobia_1 .img.a1{left:302px; top:1114px; z-index:3;}
.phobia_2{background:#03AF28;height:1084px;text-align:center;padding:100px 0 ;}
.phobia_2 .list{position:absolute; left:0; top:254px; display:flex; gap:13px;}
.phobia_2 .list:hover img{opacity:0.7;}
.phobia_2 .list img{transition: transform 0.3s ease;display: inline-block;border-radius:35px;transition:all 0.4s 0s;}
.phobia_2 .list img:hover{transform: scale(1.05);box-shadow:0 0 10px 10px rgba(0,0,0,0.1);opacity:1;}

/* object */
.object{background-color:#E2FFE8;padding:100px 0;}
.object .list{display:grid;grid-template-columns:repeat(2, 1fr);gap:60px 20px;margin:60px 0 0;}
.object .list .col{position:relative;}
.object .list .col .img{position:relative;margin:0 0 20px;}
.object .list .col .img .back{position:absolute;top:0;left:0;opacity:0;}
.object .list .col .img {position: relative;display: inline-block;perspective: 800px;}
.object .list .col .img img{position:absolute;top:0;left:0;opacity:1;pointer-events:none;}
.object .list .col .img .front{position:static;opacity:1;z-index:1;}
.object .list .col .img .ti{top:auto;bottom:50px;opacity:1;z-index:10;}
.object .list .col .img .light{z-index:2;}
.object .list .col .img .back{z-index:11;}
.object .list .col .img:hover .light{animation:fadeIn .5s 0s forwards;}
.object .list .col .img:hover .back{animation:fadeIn .5s .5s forwards;}
.object .list .col .img:not(:hover) img.light,
.object .list .col .img:not(:hover) img.back{animation:none;opacity:0;}
@keyframes fadeIn{
    from{opacity:0;}
    to{opacity:1;}
}

/* strategies1 */
.strategies1_tit{background:#4167cd;}

/* strategies2 */
.strategies2 .strategies2_tit{background:url(img/strategies/strategies2_tit_bg.png) repeat-x;}
.strategies2 .step_tit{margin:50px 0 0; font-size:50px; font-family: 'Pretendard-Regular'; color:#000; font-weight:700; display:flex; gap:20px; justify-content: center; align-items: center;}
.strategies2 .step_tit:not(:first-child){margin:100px 0 0;}
.strategies2 .step_tit span{color:#fff; font-size:30px; background:#000; padding:10px 30px; border-radius:15px;}
.strategies2 .strategies2_cont{padding:0 0 100px;}
.strategies2 .strategies2_cont_step1{margin:30px 0 0; border:1px solid #171728; display:flex; height:650px;}
.strategies2 .strategies2_cont_step1 .tab{display:flex; flex-direction: column; width:160px;}
.strategies2 .strategies2_cont_step1 .tab > button{flex:1; background:#F3F3F3; color:#171728; font-size:28px; letter-spacing:-1px; font-weight:700;}
.strategies2 .strategies2_cont_step1 .tab > button:not(:first-child){border-top:3px solid #fff;}
.strategies2 .strategies2_cont_step1 .tab > button.on{color:#fff; background:#C5172E;}
.strategies2 .strategies2_cont_step1 .cont{width:calc(100% - 160px); overflow:hidden;}
.strategies2 .strategies2_cont_step1 .cont .cont_box{display:flex; gap:60px; overflow:hidden;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .book_area{padding:60px 0 0 50px;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .book_area .book{position:relative; display:flex; align-items: center; justify-content: center; width:299px; /* height:414px; */ flex-wrap: wrap; /* border:1px solid #cbcbcb; */}
.strategies2 .strategies2_cont_step1 .cont .cont_box .book_area .book .open{position:absolute; left:-35px; top:-50px; width:100px; height:100px; background:url(img/open_star.png) no-repeat; display:inline-block; text-indent:-9999em; animation: ani_new .3s ease-out forwards; opacity:0;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .book_area .book > img{width:100%;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .book_area .book > img:not(:first-child){margin:12px 0 0;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .book_area .e_book{background:#000; color:#fff; font-size:24px; width:100%; height:56px; margin:10px 0 0; font-family: 'Pretendard-Regular';}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area{position:relative; width:570px;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .book_tit{background:#cb2240; font-size:120px; font-family: 'S-CoreDream-9Black'; font-weight:900; border-top-left-radius:50px; border-top-right-radius:50px; width:530px; margin:53px auto 0; padding:35px 0; color:#b8243e; line-height:1; height:190px;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group{position:relative; margin:-50px 0 0;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .teacher{position: relative;left:50%;width:100%; height:0; top:0;transform:translateX(-50%);z-index: 3;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .teacher .t_thumb{position:absolute;left:50%;top: -177px;transform:translateX(-50%); width:312px;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .teacher:after{position:absolute;left:0;bottom: -239px;content:'';background: linear-gradient(180deg, rgb(0 0 0 / 0%) 3%, #171728 35%);width:100%;height: 170px;opacity: 1;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .teacher:before{position:absolute;left:0;top:0px;content:'';background: url(img/strategies/teacher_bg_line.png) no-repeat 0 0 / 100%;width:100%;height: 382px;z-index: 1; border-radius: 50px;overflow: hidden;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .teacher .home{position:absolute;left:50%;top:65px;transform:translateX(-50%);color:#fff;font-size:20px;background:#171728 url(img/strategies/ico_home.png) no-repeat right 17px center / 17px;padding:10px 41px 10px 16px;border-radius:30px;z-index: 999;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .teacher .new{position:absolute; right:125px; top:-37px; width:74px; height:74px; border-radius:100%; background: linear-gradient(135deg, #FFFFFF 0%, #FCFFAC 100%); border: 1px solid #171728; color:#171728; display:flex; font-size:20px; font-family: 'Pretendard-Regular'; line-height:1.2; font-weight:700; align-items: center; justify-content: center; z-index:3; animation: ani_new .3s ease-out forwards; opacity:0;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .teacher .open{position:absolute; left:160px; top:-41px; width:74px; height:74px; border-radius:100%; background: linear-gradient(135deg, #FFFFFF 0%, #FCFFAC 100%); border: 1px solid #171728; color:#171728; display:flex; font-size:20px; font-family: 'Pretendard-Regular'; line-height:1.2; font-weight:700; align-items: center; justify-content: center; z-index:3;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .words{position:relative; background:#171728; width:100%;height:381px;margin:3px 0 0; border-radius:50px; position: relative; padding:150px 40px 0; overflow:hidden;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .words > .inner{display: flex; height: 195px; flex-direction: column; justify-content: center;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .words .txt{position:relative; font-size:42px; color:#fff; font-family: 'Pretendard-Regular'; z-index:3; height:135px; line-height:1.3;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .words .txt strong{font-family: "Pretendard-Bold";}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .words .btn_view{position:relative; left:50%; transform:translateX(-50%); background:#cb2f42; color:#fff; font-size:24px; border-radius:30px; width:90%; padding:12px 0; font-family: 'Pretendard-Regular'; z-index:3;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .words .disable{position:absolute; left:50%; bottom:40px; transform:translateX(-50%); background:linear-gradient(90deg, rgba(220,230,242,1) 0%, rgba(214,229,248,1) 100%); color:#352C7B; font-size:24px; border-radius:30px; width:90%; padding:12px 0; font-family: 'Pretendard-Bold'; z-index:3;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-button-prev, 
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-button-next{top:66%; width:56px; height:56px; background:url(img/strategies/btn_arrow_left.png) no-repeat;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .slider{width:570px;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-button-prev{left:-30px;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-button-next{right:-30px; transform:scale(-1);}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-slide{opacity:0 !important;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-slide-active{opacity:1 !important;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-slide .t_thumb{left:55% !important; opacity:0; transition:all .5s ease-in-out;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-slide-active .t_thumb{left:50% !important; opacity:1;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-slide .words .txt{opacity:0; margin:10px 0 0; transition:all .3s ease-in-out;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-slide .words .txt strong{position:relative; bottom:-5px; opacity:0; transition:all .3s ease-in-out .1s;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-slide-active .words .txt{opacity:1; margin:0 0 0;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-slide-active .words .txt strong{opacity:1; bottom:0}

.strategies2 .book_tab{display:flex; width:100%; height:124px; margin:40px 0 0;}
.strategies2 .book_tab > button{flex:1; background:#BABABA; color:#909090; font-size:30px; font-family: 'Pretendard-Regular'; line-height:1.2; font-weight:700;}
.strategies2 .book_tab > button:not(:first-child){border-left:1px solid #fff;}
.strategies2 .book_tab > button.on{background:#171728; color:#fff;}

/* teachers */
.teachers{padding-top: 480px; background:url(img/teachers_bg.png) center 0 no-repeat;}
.teachers_cont{padding-bottom: 80px;}
.teachers_cont > div{display: flex; position: relative; opacity: 0.4; transition: opacity 0.35s;}
.teachers_cont > div:first-child{margin-top: -50px;}
.teachers_cont > div:nth-child(2){margin-top: -10px;}
.teachers_cont > div:nth-child(3){margin-top: -40px;}
.teachers_cont > div::before{content: ''; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); opacity: 0%; width: 45%; height: 30%; background: #1B5D41; filter: blur(90px); border-radius: 50%; transition: opacity 1s;}
.teachers_cont > div.active{opacity: 1;}
.teachers_cont > div.active::before{opacity: 70%;}
.teachers_cont > div:nth-child(2)::before{width: 65%;}
.teachers_cont > div img{position:relative; left:50%; transform:translateX(-50%);}
.teachers_bot{display: flex;}
.teachers_bot img{position:relative; left:50%; transform:translateX(-50%);}

/* team_math */
.team_math_tit{background:#00a894;}

/* math_banner */
.math_banner{background:#001b4a;}

/* lectureList */
#lectureList{margin:0 auto; width:1200px;}

/* floating */
.floating{position:fixed; top:50%; right:1%; z-index:100;}
.floating.remove{position:absolute; top:50%; right:1%;}
.floatingUi{position:fixed; top:20%; right:1vw; /* transform:translateY(-50%); */ width:160px; z-index:20; text-align:left; opacity:0; transition:.3s opacity;}
.floatingUi.onFixdmenu{opacity:1;}
.floatingUi ul{overflow:hidden; background:#fff; border-radius:12px; border:1px solid #121212; margin:0 0 5px;}
.floatingUi ul li:not(:first-child){border-top:1px dashed #d0d0d0;}
.floatingUi ul li a{display:block; position:relative; height:50px; padding:0 0 0 60px; background:#fff; font-weight:300; font-size:18px; color:#000; line-height:48px; font-weight:500;}
.floatingUi ul li a:before{content:""; display:block; position:absolute; top:50%; right:10px; transform:translateY(-50%); width:6px; height:10px; background:url(img/nav_arr.png) 0 0 no-repeat;}
.floatingUi ul li.on a{background:#121212; font-weight:700; color:#fff;}
.floatingUi ul li.on a:before{background-position:0 -10px;}
.floatingUi .event{display: block; position: relative; height:253px; padding-top:20px;}
.floatingUi .event img{position: absolute; top:0; left:0; width: 100%;}
.floatingUi .event a{display:block; position: relative; height:39px; text-indent:-9999px; z-index:10;}
.floatingUi .event a:nth-of-type(1){height:100px; margin-top:0;}
.floatingUi .event a:nth-of-type(3){margin-top:2px;}
.floatingUi .event a:nth-of-type(4){margin-top:3px;}
.floatingUi > .lecture{display:block; position:relative; width:100%; height:56px; margin:5px auto 0 auto; background:#203788; border:1px solid #000; border-radius:12px; font-weight:700; font-size:18px; color:#fff; line-height:54px; padding:0 0 0 26px;}
.floatingUi > .lecture:before{content:""; display:block; position:absolute; top:50%; right:10px; transform:translateY(-50%); width:6px; height:10px; background:url(img/nav_arr.png) 0 -10px no-repeat;}

/* learning_routine_event mask width */
#wrapper .learning_routine_cont .mask,
#wrapper .best_routine .mask,
#wrapper .bonus_event .mask{width:1300px;}

/* eyframes */
@keyframes ani_new{
    0%{
        transform:translateY(10px);
		 transform:scale(.8);
    }
    100%{
        opacity:1;
        transform:translateY(0);
		transform:scale(1);
    }
}