@charset="euc-kr";

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

/* floating */
.floatingUi{position:fixed; top:50%; right:.0; transform:translateY(-50%); z-index:100; display:flex; flex-direction: column; width:159px; height:737px; padding:91px 0 0; background:url(img/floatingUi2.png) no-repeat;}
.floatingUi a{width:100%; height:85px; text-indent:-9999em;}
.floatingUi a.active{background:url(img/floatingUi2_on.png) no-repeat; }
.floatingUi a:nth-of-type(1).active{background-position:0 -91px;}
.floatingUi a:nth-of-type(2).active{background-position:0 -176px;}
.floatingUi a:nth-of-type(3).active{background-position:0 -261px;}
.floatingUi a:nth-of-type(4).active{background-position:0 -346px;}
.floatingUi a:nth-of-type(5).active{background-position:0 -462px;}
.floatingUi a:nth-of-type(6).active{background-position:0 -561px;}
.floatingUi a:nth-of-type(7).active{background-position:0 -603px;}
.floatingUi a:nth-of-type(8).active{background-position:0 -645px;}
.floatingUi a:nth-of-type(9).active{background-position:0 -695px;}
.floatingUi a:nth-of-type(5){height:99px; margin-top:31px;}
.floatingUi a:nth-of-type(6){height:40px; margin-top:0px;}
.floatingUi a:nth-of-type(7){height:40px; margin-top:3px;}
.floatingUi a:nth-of-type(8){height:40px; margin-top:2px;}
.floatingUi a:nth-of-type(9){height:40px; margin-top:10px;}

/* visual */
.visual{background: linear-gradient(101.44deg, rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, 0.4) 83.5%), linear-gradient(101.71deg, rgba(0, 42, 145, 0) 49.73%, rgba(0, 42, 145, 0.5) 79.38%), linear-gradient(99.32deg, #FFFFFF 2.38%, #ffffff 34.75%, #0C4EED 78.04%);
background-blend-mode: normal, multiply, normal;}
.visual .tit{positIon:absolute;}
.visual .tit.s1{left: 277px;top: 183px;}
.visual .tit.s2{left: 117px;top: 294px;}

/* ability_react */
.ability_react{padding:100px 0; background: linear-gradient(162.3deg, rgba(1, 90, 255, 0) 25.4%, rgba(1, 90, 255, 0.5) 102.99%), #00104A;}

/* results_survey */
.results_survey{padding:100px 0; background: url(img/results_survey_bg.png) no-repeat center top / cover, linear-gradient(180deg, #015AFF 2.88%, #EFF6FF 100%);}

/* grammar_lecture */
.grammar_lecture{padding:100px 0 130px;}

/* point_tit */
.point_tit{position:relative; padding:60px 0; background: linear-gradient(90deg, #011E4A 0%, #003494 100%);}
.point_tit:after{position:absolute; left:50%; bottom:-50px; transform:translateX(-50%); content:''; background:url(img/point_tit_arrow.png) no-repeat; width:506px; height:50px;}

/* point1_cont */
.point1_cont{background:#CAE0FF; padding:150px 0 100px;}
.point1_cont .slide{position:absolute; left:50%; top:480px; transform:translateX(-50%);  width:100%; overflow:hidden; display:flex;}
.point1_cont .slide .original{animation: 60s linear 0s infinite normal forwards running rollingRight1;}
.point1_cont .slide .clone {animation: 60s linear 0s infinite normal none running rollingRight2;}

/* point2_cont */
.point2_cont{position:relative; background:#1D63E3; padding:150px 0 100px;}
.point2_cont .tab{display:flex; flex-wrap:wrap; gap:17px; margin:60px 0 40px;}
.point2_cont .tab button{background:#043183; color:#5585DD; font-size:26px; font-weight:700; border-radius:100px; padding:24px 0; width:226px;}
.point2_cont .tab button.active{background: linear-gradient(98.81deg, #FF3A6B 7.47%, #DD3FFD 94.44%); color:#fff;}
.point2_cont .list > li{position:relative; display:none;}
.point2_cont .list > li.active{display:block;}
.point2_cont .list > li .home{position:absolute;bottom: 40px; width: 260px;height: 70px;text-indent:-9999em;}
.point2_cont .list > li .home.t1{right: 405px;}
.point2_cont .list > li .home.t2{right: 65px;}
.point2_cont .list > li:nth-of-type(3) .home.t1{right: 477px;}
.point2_cont .list > li:nth-of-type(3) .home.t2{right: 264px; bottom:140px;}
.point2_cont .list > li:nth-of-type(3) .home.t3{right: 50px;}
.point2_cont .list > li:nth-of-type(4) .home.t1{right: 230px;}
.point2_cont .list > li:nth-of-type(5) .home.t1{right: 369px;}
.point2_cont .list > li:nth-of-type(5) .home.t2{right: 89px;}
.point2_cont .list > li:nth-of-type(6) .home.t1{right: 230px;}
.point2_cont .list > li:nth-of-type(7) .home.t1{right: 369px;}
.point2_cont .list > li:nth-of-type(7) .home.t2{right: 89px;}
.point2_cont .list > li:nth-of-type(8) .home.t1{right: 230px;}
.point2_cont .list > li:nth-of-type(9) .home.t1{right: 230px;}
.point2_cont .list > li:nth-of-type(10) .home.t1{right: 478px;}
.point2_cont .list > li:nth-of-type(10) .home.t2{right: 265px; bottom:140px;}
.point2_cont .list > li:nth-of-type(10) .home.t3{right: 52px;}
.point2_cont .txt{display:flex; justify-content: flex-end; color:#fff; font-size:20px; margin:40px 0 0; font-weight:200; font-family:'Pretendard'; letter-spacing:0;}

/* perfect_grammar */
.perfect_grammar{padding:150px 0 100px; background:linear-gradient(180deg, #EFF6FF 0%, #9cd9ff 100%);}
.perfect_grammar .dec{margin:60px 0 0;}
.perfect_grammar .slide{display:flex; margin:60px 0 0;}
.perfect_grammar .slide .original{animation: 120s linear 0s infinite normal forwards running rollingRight1;}
.perfect_grammar .slide .clone {animation: 120s linear 0s infinite normal none running rollingRight2;}

/* banner_complete_eng */
.banner_complete_eng{background:#19214a;}

/* floating_banner */
.floating_banner{position:absolute; left:50%; top:0; margin:95px 0 0 -840px; z-index:2;}
.floating_banner > .inner{position:relative;}
.floating_banner button{position:absolute; background:none; text-indent:-9999em;}
.floating_banner .close{right:0;top: -7px;width: 53px;height: 46px;}
.floating_banner .link{left:0;top: 44px;width: 255px;height: 191px;}
.floating_banner .today{left:0;bottom:0;width: 258px;height: 32px;}
@media (max-width:1680px){
    .floating_banner{left:0; margin:95px 0 0 0;}
}

#routine .mask{width:1300px;}
#lectureList{width:1200px; margin:0 auto;}

/* keyframes */
@keyframes rollingRight1 {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(100%);
    }

    50.01% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes rollingRight2 {
    0% {
        transform: translateX(-200%);
    }

    100% {
        transform: translateX(0);
    }
}