@charset="euc-kr";

/* webfont */
@font-face {
    font-family: 'AinmamHandwriting';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_01@1.0/Ainmom.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

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

[data-aos=zoom-out-down] {
    transform: translate3d(0,-100px,0) scale(3) !important;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1) !important
}

/* floating */
.floatingUi{position:fixed; top:15vw; right:1vw; z-index:100; display:flex; flex-direction: column; width:159px; height:447px; background:url(img/floatingUi.png) no-repeat; }
.floatingUi a{width:100%; text-indent:-9999em;}
.floatingUi a:nth-of-type(1){height:70px;}
.floatingUi a:nth-of-type(2){height:66px;}
.floatingUi a:nth-of-type(3){height:66px;}
.floatingUi a:nth-of-type(4){height:72px;}
.floatingUi a:nth-of-type(5){height:173px;}
.floatingUi a.active{background:url(img/floatingUi_on.png) no-repeat; }
.floatingUi a:nth-of-type(1).active{background-position:0 0;}
.floatingUi a:nth-of-type(2).active{background-position:0 -70px;}
.floatingUi a:nth-of-type(3).active{background-position:0 -136px;}
.floatingUi a:nth-of-type(4).active{background-position:0 -202px;}
.floatingUi a:nth-of-type(5).active{background-position:0 -274px;}

/* visual */
.visual{background:#05071e;}
.visual .tit{position:absolute;}
.visual .tit.s1{left:434px; top:58px;}
.visual .tit.s2{left: 307px;top: 155px;}
.visual .tit.s3{left: 432px;top: 636px;}

.start_routine{padding:100px 0;}
.start_routine .list{position:absolute;left: 100px;top: 250px;display:flex;gap: 30px;}
.start_routine .list li{width: 380px;padding: 58px 0 0;text-align:center;line-height:1;}
.start_routine .list li .s1{font-size: 32px;color:#000;font-weight: 700;}
.start_routine .list li .s2{font-size: 40px;color: #f20000;margin: 14px;font-weight: 800;}
.start_routine .list li .s2 i{font-size:20px; font-weight:800; position:relative; top:-14px; left:0; color: #f20000; font-style: normal;}

/* chapter_1 */
.chapter_1{background:#f5f8ff;}
.chapter_1_1{position:relative;}
.chapter_1_1 .con{position:absolute; left:179px; top:222px; display:flex; gap:16px; overflow:hidden; height:526px;}
.chapter_1_1 .con .book_slide1 .original {animation: 60s linear 0s infinite normal forwards running rollingTop1;}
.chapter_1_1 .con .book_slide1 .clone {animation: 60s linear 0s infinite normal none running rollingTop2;}
.chapter_1_1 .con .book_slide2 .original {animation: 60s linear 0s infinite normal forwards running rollingBottom1;}
.chapter_1_1 .con .book_slide2 .clone {animation: 60s linear 0s infinite normal none running rollingBottom2;}
.chapter_1_1 .confetti_orange{position:absolute;left: 920px;top: 341px;height: 200px;}

.chapter_1_2{position:relative;}
.chapter_1_2 .gif{position:absolute; left:50%; top:218px; transform:translateX(-50%); display:flex; gap:18px;}
.chapter_1_2 .gif img{height:234px;}

.chapter_2_2{position:relative;}
.chapter_2_2 .slide_box{margin:-500px 0 0;}
.chapter_2_2 .slide_box .swiper-button-prev, 
.chapter_2_2 .slide_box .swiper-button-next{background:url(img/slider_arrow1.png) no-repeat 0 0 / 100%; width:30px; height:auto; aspect-ratio: 1 / 1.7; top:500px;}
.chapter_2_2 .slide_box .swiper-button-prev{left:100px;}
.chapter_2_2 .slide_box .swiper-button-next{right:100px; transform:scaleX(-1);}

.chapter_2_3{position:relative;}
.chapter_2_3 .circle_box{position:absolute; left:149px; top:45px;}
.chapter_2_3 .circle_progress{position:relative;width:290px;margin:0 auto;}
.chapter_2_3 .circle_progress svg{width:100%;height:100%;transform:rotate(0deg);}
.chapter_2_3 .circle_bg{fill:none;stroke:#EFF3FF;stroke-width:36;}
.chapter_2_3 .circle_bar{fill:none;stroke:url(#circleGrad);stroke-width:36;stroke-linecap:round;stroke-dasharray:0;stroke-dashoffset:0;}
.chapter_2_3 .circle_center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center; width:100%; line-height:1;}
.chapter_2_3 .circle_center .txt1{font-size:25px;font-weight:500;color:#000;margin-top:8px;}
.chapter_2_3 .circle_center .txt2{font-size:38px;font-weight:700;color:#000;margin-top:8px;}
.chapter_2_3 .circle_center .txt3{font-size:40px;font-weight:800;color:#1D4DFF;letter-spacing:-0.04em; margin-top:8px;}
.chapter_2_3 .circle_center .txt3 .num{display:inline-block; text-align:center;}
.chapter_2_3 .circle_center .txt3 .star{font-size:20px; font-weight:800; color:#1D4DFF; position:relative; top:-10px; left:2px;}

/* chapter_3 */
.chapter_3{background:#f5f8ff; padding:100px 0;}
.chapter_3 .mask{width:1200px;margin:0 auto;text-align:center;}
.chapter_3 .tit{display:block;margin:0 auto;}
.chapter_3 .tab{display:flex; width:1200px; height:108px; margin:60px auto 0;}
.chapter_3 .tab button{flex:1; text-indent:-9999em; border:0; background:none; cursor:pointer;}
.chapter_3 .tab button:nth-of-type(1){background:url(img/chapter_3_tab_2.png) no-repeat 0 0;}
.chapter_3 .tab button:nth-of-type(2){background:url(img/chapter_3_tab_1.png) no-repeat 100% 0;}
.chapter_3 .tab button:nth-of-type(1).active{background:url(img/chapter_3_tab_1.png) no-repeat 0 0 !important;}
.chapter_3 .tab button:nth-of-type(2).active{background:url(img/chapter_3_tab_2.png) no-repeat 100% 0 !important;}

/* ÅÇ ÄÁÅÙÃ÷ */
.chapter_3 .ul{}
.chapter_3 .ul > li{display:none; position:relative;}
.chapter_3 .ul > li.active{display:block;}
.chapter_3 .circle:after{position:absolute; left:0; top:0; content:''; background:url(img/chapter_3_tab_1_circle.png) no-repeat 0 0 / 100%; width:181px; aspect-ratio: 1 / 1; z-index:2;}
.chapter_3 .ul > li:nth-of-type(1) .swiper-pagination {position: static; margin-top: 19px;}
.chapter_3 .ul > li:nth-of-type(1) .swiper-pagination-bullet {width: 15px; height: 15px; background: #D9D9D9; border-radius: 50%; opacity: 1;}
.chapter_3 .ul > li:nth-of-type(1) .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #FF5353;}
.chapter_3 .ul > li:nth-of-type(2) .swiper-pagination {position: absolute; left:167px; top:292px; width:auto;}
.chapter_3 .ul > li:nth-of-type(2) .swiper-pagination-bullet {width: 63px; height: 9px; background: #D9D9D9; border-radius: 100px; opacity: 1;}
.chapter_3 .ul > li:nth-of-type(2) .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #FF1D1D;}

/* banner_pm */
.banner_pm{background: linear-gradient(270deg, #0f069b 0%, #041441 100%)}

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



/* ÇÑÂÊÀ¸·Î È帣´Â ¾Ö´Ï¸ÞÀ̼Ç(top:À§·Î, right:¿À¸¥ÂÊÀ¸·Î) */
@keyframes rollingTop1 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-100%);
    }

    50.01% {
        transform: translateY(100%);
    }

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

@keyframes rollingTop2 {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-200%);
    }
}



@keyframes rollingBottom1 {
    0% {
        transform: translateY(0);
    }

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

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

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

@keyframes rollingBottom2 {
    0% {
        transform: translateY(-200%);
    }

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