@charset "euc-kr"; 

/* common */
#wrapper{overflow-x:hidden; width:auto; margin:0; }
#wrapper .swiper-button-prev, #wrapper .swiper-button-next { display:block; text-indent:-9999px; }
#wrapper .swiper-button-next:after, .swiper-button-prev:after { display:none; }
#wrapper .mask { width:1300px; position:relative; margin:0 auto; min-height:50px; text-align:center; }
#wrapper .mask .thumb { position:relative; left:50%; transform:translateX(-50%); }
#only1_rnb_sky_banner_mid{display:none;}

/* r_fioating */
.r_fioating{position:fixed !important; right:1vw; top:15vw; z-index:99;}
.r_fioating > .inner{position:relative;}
.r_fioating > .inner .anchor{display:flex; flex-direction: column; position:absolute; left:0; top:0; width:100%;}
.r_fioating > .inner .anchor a{width:100%; text-indent:-9999em;}
.r_fioating > .inner .anchor .top{height:37px;}
.r_fioating > .inner .anchor a.a1{height:70px;}
.r_fioating > .inner .anchor a.a2{height:70px;}
.r_fioating > .inner .anchor a.a3{height:170px;}

/* visual */
.visual{background:#000;}
.visual .tit{position:absolute; left:50px; top:45px;}
.visual .dec{position:absolute; left:420px; top:426px;}
.visual .arrow{position:absolute; left:918px; top:0;}
.visual .video_wrap{position:absolute;left: 42px;top: 386px;width:253px;height:503px;overflow:hidden;}
/* .visual .video_wrap:after{position:absolute; left:0; bottom:0; width:100%; height:140px; content:''; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); overflow:hidden; border-radius:30px;} */
.visual .video_wrap .inner{background:#000; height:100%;}
.visual .video_wrap .inner .mov{position:absolute;width: 100%; left: 50%; top:20px; transform: translateX(-50%);}
.visual .video_wrap .inner .phone{position:absolute;left: 0;top:0;}
.visual .video_wrap .inner .btn_more_big{position:absolute;right: 10px;top: 460px;background:url(img/expand_icon.png) no-repeat 0 0 / 100%;width: 35px;aspect-ratio: 1/1;text-indent: -9999em;z-index:9;}
.visual .btn{position:absolute; bottom:140px; left:558px; width:563px; height:83px; text-indent:-9999em;}

/* study_routine */
.study_routine_tit{background:#f20000;}
.study_routine_cont .circle{position:absolute; right:50px; top:488px;}

/* steady_routine */
.steady_routine{background:#ffeeee;}
.steady_routine_top{height:870px;}
.steady_routine_top .txt{position:absolute; left:41px; top:286px;   /* animation:txtFloat 4s ease-in-out infinite, txtBlink 1s ease-in-out infinite; */}
.steady_routine_slider .slide_wrap{width:1070px; margin:0 auto;}
.steady_routine_slider .slide_wrap .swiper-button-prev,
.steady_routine_slider .slide_wrap .swiper-button-next{background:url(img/steady_routine_slider_arrow.png) no-repeat; width:40px; height:70px; opacity:1;}
.steady_routine_slider .slide_wrap .swiper-button-prev{left:45px}
.steady_routine_slider .slide_wrap .swiper-button-next{right:45px; transform:scaleX(-1);}

/* increase_grades */
.increase_grades{background:#fff;}
.increase_grades .circle{position:absolute; left:95px; bottom:362px;}

/* onlyone_day_routine */
.onlyone_day_routine{background: linear-gradient(180deg, #121212 0%, #450000 100%);}
.onlyone_day_routine_cont1_slide{position:relative;}
.onlyone_day_routine_cont1_slide .tab{position:absolute; left:50px; top:0; display:flex; flex-direction: column; width:220px; height:100%; z-index:2;}
.onlyone_day_routine_cont1_slide .tab button{flex:1; background:none; text-indent:-9999em; }
.onlyone_day_routine_cont1_slide .gif{position:absolute; right:91px; top:126px;}

/* onlyone_day_routine */
.onlyone_day_routine{}
.onlyone_day_routine_tit{background:#f20000;}

/* starting_point */
.starting_point{background:#181818;}
.starting_point_1_2{position:relative;}
.starting_point_1_2 .ul{position:absolute; left:50%; top:141px; transform:translateX(-50%); display:flex; gap:20px;}
.starting_point_1_2 .ul > li{position:relative; width:591px; height:780px;}
.starting_point_1_2 .ul > li a{position:absolute; left:50%; top:462px; transform:translateX(-50%); width:200px; height:52px; text-indent:-9999em;}
.starting_point_1_2 .ul > li .detail_view{position:absolute; left:50%; top:601px; transform:translateX(-50%); display:flex; gap:20px;}
.starting_point_1_2 .ul > li .detail_view button{width:255px; height:153px; background:none; text-indent:-9999em; transition:hover .3s;}
.starting_point_1_2 .ul > li .detail_view button:hover{background:url(img/starting_point_1_2_view.png) no-repeat;}
.starting_point_1_2 .ul > li .detail_view button.a1:hover{background-position:0 0;}
.starting_point_1_2 .ul > li .detail_view button.a2:hover{background-position:-275px 0;}
.starting_point_1_2 .ul > li .detail_view button.a3:hover{background-position:-610px 0;}
.starting_point_1_2 .ul > li .detail_view button.a4:hover{background-position:-885px 0;}
.starting_point_2{position:relative;}
.starting_point_2 .link{position:absolute;left:50%;bottom: 64px;transform:translateX(-50%);display:flex;gap: 413px;}
.starting_point_2 .link a{width: 196px;height: 52px;text-indent:-9999em;}
.starting_point_3{position:relative;}
.starting_point_3 .gif{position:absolute;left:50%;bottom: 256px;transform:translateX(-50%); display:flex; gap:28px;}
.starting_point_3 .gif img{width:543px;}
.starting_point_3 .link{position:absolute;left:50%;bottom: 168px;transform:translateX(-50%); display:flex; }
.starting_point_3 .link a{width: 196px;height: 52px;text-indent:-9999em;}

/* .learning_services */
.learning_services_1{position:relative;}
.learning_services_1 .gif{position:absolute;left:50%;bottom: 162px;transform:translateX(-50%);display:flex;gap: 181px;}
.learning_services_1 .gif img{width:429px; height:268px; }

/* learning_management */
.learning_management{background:#ffdddc;}
.learning_routine_event_tit{background:#f20000;}

/* onlyone_day_routine */
.onlyone_day_routine_cont3 .btn{position:absolute; bottom:97px; left:50%; transform:translateX(-50%); width:563px; height:97px; text-indent:-9999em;}

/* bestseller_emergency_school */
.bestseller_emergency_school{padding:0 0 80px;}
.bestseller_emergency_school_1 .slider{display:flex; margin:0 0 30px;}
.bestseller_emergency_school_1 .slider li.original {animation: 35s linear 0s infinite normal forwards running rollingRight1;}
.bestseller_emergency_school_1 .slider li.clone {animation: 35s linear 0s infinite normal none running rollingRight2;}
.bestseller_emergency_school_2 .swiper-pagination-bullet{width:15px; height:15px; margin:0 10px !important; background:#000; opacity:.5;}
.bestseller_emergency_school_2 .swiper-pagination-bullet-active{background:#F20000; opacity:1;}


/* keyframe */
@keyframes txtFloat {
  0% {transform: translate(0px, 0px);}
  10% {transform: translate(3px, -2px);}
  20% {transform: translate(-4px, 3px);}
  30% {transform: translate(2px, -5px);}
  40% {transform: translate(-3px, 4px);}
  50% {transform: translate(5px, 1px);}
  60% {transform: translate(-2px, -4px);}
  70% {transform: translate(4px, 2px);}
  80% {transform: translate(-5px, 3px);}
  90% {transform: translate(2px, -3px);}
  100% {transform: translate(0px, 0px);}
}

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

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

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

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

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

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

@keyframes txtBlink {
  0%, 100% {opacity: 1;}
  50% {opacity: 0.2;}
}