@charset "euc-kr";

img {
    /*width: 100%;*/
    display: block;
    border: 0;
}

button,html [type=button],[type=reset],[type=submit] { -webkit-appearance: none;}

button,select { text-transform: none;}
button,input { overflow: hidden;}

button:focus { outline: none;}
a, div { -webkit-tap-highlight-color:transparent;}

.web {
    min-width: 1300px;

}
.wrapper {
    position: relative;
}
.wrapper:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.mobile {
    max-width: 798px;
    margin: 0 auto;
}.embed_wrap {
    position: relative;
}
.freeform_top_banner {
    position: fixed;
    right: 45px;
    top: 145px;
    z-index: 999;
}

.free-trial-apply {
    position: fixed;
    width: 351px;
    height: 635px;
    right: 40px;
    top: 140px;
    font-size: 0.7em;
    font-weight: 200;
    z-index: 999;
    overflow: hidden;
}
.bottom {
    background-color: #165fc3;
}

.bt_t {
    width: 71%;
    margin: 0 auto;
    margin-left: 14%;
    margin-bottom: 7.7%;
}
.bt_wrap {
    position: relative;
}

.bt_wrap .top {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 7%;
    display: block;
    height: 7%;
    text-indent: -9999em;
    transform: translateX(-50%);
}
.btn_wrap {
    position: relative;
}
.btn_wrap .btn {
    position: absolute;
    top: 0;
    width: 27.3%;
    left: 36.5%;
    height: 39.3%;
    text-indent: -9999em;
}


/* °øÅë */
.max_rowbx > div{position:relative; z-index:0;} /* 20240228 Ãß°¡ */
.max_rowbx .inner{position:relative; width:1200px; margin:0 auto;}
.max_rowbx .thumb{position:relative; top:0; left:50%; transform:translateX(-50%);}
.aplct_btn{display:block; position:absolute; transform:translateX(-50%); text-indent:-9999px;}
.aplct_btn:before{content:""; display:block; position:absolute; top:72px; right:0; width:77px; height:71px; background:url(images/hand_ico.png) 0 0 no-repeat; animation:blinker 1s ease-in infinite alternate;}
.swiper-button-next:after,
.swiper-button-prev:after{display:none;}

/* visual */
.visual{background:#ffeaea;}
.visual .inner{position:absolute; top:0; left:50%; transform:translateX(-50%); width:1200px; height:100%;}
.visual .inner .teacher{position:absolute; bottom:0; left:-20px; z-index:10;}
.visual .inner .video{overflow:hidden;position:absolute;bottom: 235px;left:50%;transform:translateX(-50%);width: 534px;height: 322px;border-radius:10px;text-align:center;}
.visual .inner .video video{width:100%;height: 100%;object-fit: cover;}

/* cat */
.cat{background:linear-gradient(135deg, rgba(254,59,127,1) 0%, rgba(243,97,67,1) 100%);}
.cat .inner{display:flex; justify-content:space-between; padding:60px 0;}
.cat .inner img{border-radius:40px; box-shadow:0 10px 20px 0 rgb(171 24 59 / 50%);}

/* only */
.only .inner{padding:100px 0;}
.only .inner .tit{margin-bottom:30px;}

/* reason */
.reason{background:#FFF7F4}
.reason .inner{padding:100px 0;}
.reason .inner .tit{margin-bottom:50px;}
.reason .inner .tit+.con{margin-bottom:20px;}
.reason .inner .con{position:relative;}
.reason .inner .con .video{overflow:hidden; position:absolute; width:402px; height:240px; border-radius:8px;}
.reason .inner .con .video1{top:199px; left:94px;}
.reason .inner .con .video2{top:199px; right:94px;}
.reason .inner .con .video video{width:100%;height: 100%;object-fit: cover;}
.reason .inner .con .gif{overflow:hidden; position:absolute; bottom:173px; left:94px; width:402px; height:240px; border-radius:8px;}
.reason .inner .con .gif img{position:relative; left:50%; transform:translateX(-50%); width:106%;}

/* review */
.review{padding:100px 0;}
.review .inner{margin-bottom:50px;}
.review .slider{position:relative; left:50%; width:1916px; margin-left:-958px;}
.review .slider .swiper-slide{width:640px; transform:scale(.84); opacity:.2; transition:all .5s;}
.review .slider .swiper-slide-active{transform:scale(1); opacity:1;}
.review .slider .swiper-button-prev:after,
.review .slider .swiper-button-next:after{display:none;}
.review .slider .swiper-button-prev{left:608px; width:60px; height:60px; background:url(images/review_slide_prevArr.png) 0 0 no-repeat;}
.review .slider .swiper-button-next{right:608px; width:60px; height:60px; background:url(images/review_slide_nextArr.png) 0 0 no-repeat;}

/* management */
.management{background:#EFF6FF;}
.management .inner{position:relative; padding:100px 0;}
.management .inner .con{position:absolute; bottom:100px; left:0;}

/* step */
.step{background:linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(255,244,245,1) 100%);}
.step .inner{padding:100px 0;}
.step .inner .tit{margin-bottom:50px;}

/* result */
.result .inner{padding:100px 0 20px;}
.result .inner .tit{margin-bottom:20px;}

/* benefit */
.benefit{background:#051039 url(images/benefit_bg.png) center top no-repeat;}
.benefit .inner{padding:100px 0;}
.benefit .inner .tit{margin-bottom:50px;}
.benefit .inner .btn a{display:block; position:relative; width:802px; height:100px; margin:50px auto 0 auto; background:url(images/benefit_btn.png) 0 0 no-repeat; text-indent:-9999px;}
.benefit .inner .btn a:before{content: ''; position: absolute; bottom:-61px; right:-26px; width:106px; height:113px; background: url(images/hand_ico.png) no-repeat 0 0 ; animation: blink-effect 0.5s ease-in-out infinite alternate;}

/* banner */
.banner{background:#14235C;}
.banner .inner{padding:68px 0 58px; text-align:center;}
.banner .inner img{display:inline-block;}

/* ¹«·áüÇè ½Åû */
.free-trial-apply{font-weight:400;}

/* Ç÷ÎÆà ¹è³Ê 20240228 Ãß°¡ */
#only1_rnb_sky_banner_ele{z-index:0 !important;}


/* È帣´Â ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes moveSlideshow01 {
    100% { 
        transform: translateX(-50%);  
    }
}

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

/* ½ºÄÉÀÏ ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes scale {
	50%{transform:scale(.8);}
}

/* ±ô¹Ú ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes blinker {
	50%{opacity:1;}
}

/* À§¾Æ·¡ ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes bounce {
	50%{transform:translateY(15px);}
}

/* ºñÁÖ¾ó ŸÀÌƲ ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes break {
	0%{width:100px; opacity:1;}
	50%{width:740px;}
	80%{width:740px; transform:skewX(-20deg);}
	100%{width:521px; opacity:1; transform:skewX(0deg);}
}