@charset "EUC-KR";


/********************************************************************************************************************/
/****************************************************** common ******************************************************/
/********************************************************************************************************************/

/* font */
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* common */
.only1lesson .prm_content_wrap { width: 100%; background: #ECF0F8; font-family: "Pretendard"; }
.only1lesson .prm_content_wrap * { font-family: inherit; letter-spacing: -0.13vw; }
.only1lesson .prm_content_wrap img { max-width: 100%; }
.only1lesson .prm_content_wrap section { position: relative; }
.only1lesson .prm_content_wrap .section_bg { width: 100%; }
.only1lesson .section_tit_box { margin-bottom: 8vw; overflow:hidden; position: relative; }
.only1lesson .section_tit_box .tit1 { text-align: center; color: #222; font-size: 5.33vw; }
.only1lesson .section_tit_box .tit2 { font-size: 6.93vw; font-family: 'GmarketSansBold'; text-align: center; color: #222; display: block; line-height: 1.3; }
.only1lesson .section_tit_box .tit1 + .tit2 { margin-top: 3.2vw; }
.only1lesson .section_tit_box .tit2 .light {font-family: 'GmarketSansLight';}
.only1lesson .section_tit_box .color { color: #f20000; }
.only1lesson .section_desc { color: #222; text-align: center; font-size: 5.33vw; line-height: 1.3; letter-spacing: -0.3vw;}
.only1lesson .section_btns { display: flex; gap: 2.67vw; justify-content: center; align-items: center; margin-top: 6vw; }
.only1lesson .section_btns a { font-size: 3.73vw; color: #292A4C; height: 9.6vw; padding: 0 4.53vw; border: 1px solid #292A4C; display: flex; align-items: center; justify-content: center; border-radius: 10.67vw; font-weight: 600; }


/* fade in */
.only1lesson .fade_box .fade { position: relative; transform: translate(0, 18.67vw); opacity: 0; transition-property: opacity, transform; transition-duration: 1s; }
.only1lesson .fade_box .fade.show { transform: translate(0, 0) !important; opacity: 1 !important; }
.only1lesson .fade_self { position: relative; transform: translate(0, 18.67vw); opacity: 0; transition-property: opacity, transform; transition-duration: 1s; }
.only1lesson .fade_self.show { transform: translate(0, 0) !important; opacity: 1 !important; }
.only1lesson .fade_box .fade_00 { transition-delay: 0.0s; }
.only1lesson .fade_box .fade_01 { transition-delay: 0.1s; }
.only1lesson .fade_box .fade_02 { transition-delay: 0.2s; }
.only1lesson .fade_box .fade_03 { transition-delay: 0.3s; }
.only1lesson .fade_box .fade_04 { transition-delay: 0.4s; }
.only1lesson .fade_box .fade_05 { transition-delay: 0.5s; }
.only1lesson .fade_box .fade_06 { transition-delay: 0.6s; }
.only1lesson .fade_box .fade_07 { transition-delay: 0.7s; }
.only1lesson .fade_box .fade_08 { transition-delay: 0.8s; }
.only1lesson .fade_box .fade_09 { transition-delay: 0.9s; }
.only1lesson .fade_box .fade_10 { transition-delay: 1.0s; }
.only1lesson .fade_box .fade_11 { transition-delay: 1.1s; }
.only1lesson .fade_box .fade_12 { transition-delay: 1.2s; }
.only1lesson .fade_box .fade_13 { transition-delay: 1.3s; }
.only1lesson .fade_box .fade_14 { transition-delay: 1.4s; }
.only1lesson .fade_box .fade_15 { transition-delay: 1.5s; }
.only1lesson .fade_box .fade_16 { transition-delay: 1.6s; }
.only1lesson .fade_box .fade_17 { transition-delay: 1.7s; }
.only1lesson .fade_box .fade_18 { transition-delay: 1.8s; }
.only1lesson .fade_box .fade_19 { transition-delay: 1.9s; }
.only1lesson .fade_box .fade_20 { transition-delay: 2.0s; }


/* card_step_box */
.only1lesson .card_step_box {position: relative;padding: 0 8.27vw 60.6vw;}
.only1lesson .card_step_box .item {position: sticky;z-index: 2;border-radius: 5.33vw;}
.only1lesson .card_step_box .item:nth-of-type(1) {top: 53vw;transform: translate(0, 0vw);margin-top: -3vw;}
.only1lesson .card_step_box .item:nth-of-type(2) {top: 53vw;transform: translate(-1vw, 28vw);}
.only1lesson .card_step_box .item:nth-of-type(3) {top: 53vw;transform: translate(0, 57vw);}
.only1lesson .card_step_box img { width: 100%; }
.only1lesson .card_step_box .item:nth-of-type(1) img { transform: translate(1%, 0); }
.only1lesson .card_step_box .item:nth-of-type(2) img {transform: translate(3%, 0) rotate( -5deg);}
.only1lesson .card_step_box .item:nth-of-type(3) img { transform: translate(0%, 0) rotate(5deg); }

.only1lesson .card_step_box.type2 {padding-bottom: 60vw;}
.only1lesson .card_step_box.type2 .item { }
.only1lesson .card_step_box.type2 .item:nth-of-type(1) {top: 53vw;transform: translate(0, 0vw);margin-top: -3vw; }
.only1lesson .card_step_box.type2 .item:nth-of-type(2) {top: 39vw;transform: translate(-1vw, 49vw); }
.only1lesson .card_step_box.type2 .item:nth-of-type(3) {top: 39vw;transform: translate(0, 86vw);}
.only1lesson .card_step_box.type2 .item:nth-of-type(1) img {transform: translate(1%, 0) rotate( 5deg);}
.only1lesson .card_step_box.type2 .item:nth-of-type(2) img {transform: translate(1%, 0) rotate(-4deg);}
.only1lesson .card_step_box.type2 .item:nth-of-type(3) img {transform: translate(1%, 0) rotate(0deg);}

.only1lesson .card_step_box .swiper-container {position: absolute;left: 0;right: 0;top: 29%;margin: 0 auto; bottom: 0;}
.only1lesson .card_step_box .swiper-container img {margin: auto;width: 100%;}
.only1lesson .card_step_box .swiper-container .swiper-slide { }
.only1lesson .card_step_box .swiper-container .swiper-pagination {bottom: 9%;}
.only1lesson .card_step_box .swiper-container .swiper-pagination .swiper-pagination-bullet {opacity:1;background: rgb(0 0 0 / 10%);}
.only1lesson .card_step_box .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background:#fff; }
.only1lesson .card_step_box .swiper-container .swiper-button-prev {background: url(../img/divide_arrow.png) no-repeat 0 0 / contain;width: 6.67vw;margin: 0;left: 8.8vw;height: 6.67vw;bottom: 40%;top: auto;}
.only1lesson .card_step_box .swiper-container .swiper-button-next {background: url(../img/divide_arrow.png) no-repeat 0 0 / contain;width: 6.67vw;margin: 0;right: 8.8vw;transform:scaleX(-1);height: 6.67vw;top: auto;bottom: 40%;}
.only1lesson .card_step_box .swiper-container .swiper-button-prev::after { display: none; }
.only1lesson .card_step_box .swiper-container .swiper-button-next::after { display: none; }


/* notice_wrap */
.only1lesson .notice_wrap { padding: 0 6.4vw; z-index: 1; position: relative;}
.only1lesson .notice_wrap > .tit {display:flex;align-items:center;justify-content:center;height:9.33vw;background: #444;font-size:3.73vw;color:#fff;cursor:pointer;border-radius: 6.13vw;}
.only1lesson .notice_wrap > .tit span {display:flex;align-items:center;gap: 3.47vw;}
.only1lesson .notice_wrap > .tit span::after {content:"";width: 4vw;height: 4vw;background: url('../img/notice_btn.png') no-repeat 0 0 / contain; }
.only1lesson .notice_wrap > .tit.on span::after { transform:rotate(180deg); }
.only1lesson .notice_wrap .con {display:none;padding: 5.33vw 1.07vw 0;text-align:left;}
.only1lesson .notice_wrap .con .tit {margin-bottom:1.33vw;font-size: 3.47vw;font-weight: 600;color: #626262;}
.only1lesson .notice_wrap .con ul { display:flex; flex-direction:column; gap:1.07vw; }
.only1lesson .notice_wrap .con ul + p { margin-top:4.27vw; }
.only1lesson .notice_wrap .con ul li {padding-left:3.2vw;font-size: 3.2vw;line-height:1.5;color: #626262;word-break:keep-all;position: relative;text-indent: -1.87vw;font-weight: 300;}


/* 후기 동영상 */
.dim_a { display: none; position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: alpha(opacity=70);}
.moviePos_modal .close { background: url(/promotion/event/2024/1129_11884/../img/mov_close.png) no-repeat 0 0/contain; right: -16px !important; top: -16px !important; width: 30px; height: 30px; display: block; }
.moviePos_modal .close img { display: none;}
.jwplayer { width: 87vw !important; height: 49vw !important;}




/********************************************************************************************************************/
/****************************************************** contents ******************************************************/
/********************************************************************************************************************/

/* visual_wrap */
.only1lesson .visual_wrap {background: #240600; height:177.87vw;overflow:hidden;}
.only1lesson .visual_wrap .video_box {width: 104vw;transform: translate(-4vw, -4vw);opacity:0;transition:1.5s 1.6s;}
.only1lesson .visual_wrap video {width:100%;}
.only1lesson .visual_wrap .txt {position:absolute;z-index:1;left:0;right:0;padding:18.67vw 0;box-shadow:inset 0 63.2vw 10vw -5.07vw #240600;top: 45vh;transform: translate(0, -50%);transition:0.8s 1.4s;}
.only1lesson .visual_wrap .txt small {visibility: hidden;display:block;text-align:center;color:#fff;font-size:6.4vw;font-family:'GmarketSansMedium';}
.only1lesson .visual_wrap .txt em {visibility: hidden;display:block;text-align:center;color:#FF0000;font-size:13.07vw;font-family:'GmarketSansMedium';line-height:1.05;margin-top:2.67vw;letter-spacing:-0.53vw;overflow:hidden;}
.only1lesson .visual_wrap .txt strong {display:flex;text-align:center;color:#fff;font-size:16vw;font-family:'GmarketSansBold';margin-top:0.8vw;opacity:0;letter-spacing:.5em;transition:opacity 0.8s ease, letter-spacing 1.2s cubic-bezier(.22,1,.36,1);white-space:nowrap;justify-content:center;}
.only1lesson .visual_wrap .txt .desc {text-align:center;color:#fff;font-size:4.53vw;margin-top:1.6vw;opacity:0; transition:.5s 1.5s;}
.only1lesson .visual_wrap .obj {position:absolute;top: 97vw;left:0;right:0;z-index:1;transform:translateY(100vw);}

.only1lesson .visual_wrap.on .txt { top: -6.13vw; transform: translate(0, 0); }
.only1lesson .visual_wrap.title_on .txt strong {opacity:1;letter-spacing:-.03em;}
.only1lesson .visual_wrap.on .txt .desc {opacity:1; }
.only1lesson .visual_wrap.on .video_box { opacity:1; }
.only1lesson .visual_wrap.on .obj {animation:visualObjUp 1.7s 1.3s cubic-bezier(.12,.75,.18,1) forwards, visualObjFloat 3s 3s ease-in-out infinite;}

.only1lesson .discount_pop {position:absolute;top:74.13vw;right:0;width: 39.13vw;z-index:2;opacity:0;transform: translateX(1vw);transform-origin:50% 50%;}
.only1lesson .discount_pop a {display:block;}
.only1lesson .discount_pop button {position:absolute;top: 4vw;right: 3.3vw;width: 6.5vw;aspect-ratio:1/1; font-size: 0;background: url(../img/discount_pop_close.png) no-repeat 0 0 / contain;}
.only1lesson .visual_wrap.on .discount_pop {animation:modalTtilong 0.8s 2.8s ease-out forwards;}

@keyframes visualObjUp {
	0% { opacity:0; transform:translateY(100vw); }
	50% { opacity:0; }
	100% { opacity:1; transform:translateY(-10vw); }
}
@keyframes visualObjFloat {
	0%,100% { transform:translateY(-10vw); }
	50% { transform:translateY(-7vw); }
}
@keyframes modalTtilong {
	0% { transform:translateY(1vw) rotate(0); opacity:0; }
	25% { transform:translateY(0) rotate(0); opacity:1; }
	40% { transform:translateY(0) rotate(-1.4deg); }
	55% { transform:translateY(0) rotate(1deg); }
	68% { transform:translateY(0) rotate(-.7deg); }
	79% { transform:translateY(0) rotate(.4deg); }
	89% { transform:translateY(0) rotate(-.2deg); }
	100% { transform:translateY(0) rotate(0); opacity:1; }
}

 
/* intro_wrap */
.only1lesson .intro_wrap {height: 125vw;background: url(../img/intro_bg.png) no-repeat 50% 50% / cover; /* background-attachment: fixed; */}
.only1lesson .intro_wrap .img {position: absolute;top: 50%;left: 0; width: 100%;transform: translate(0, -50%);}
.only1lesson .intro_wrap .txt {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;flex-direction: column; background: rgb(0 0 0 / 34%);}
.only1lesson .intro_wrap .txt p {color: #fff;text-align: center;font-size: 4.27vw;line-height: 1.3;font-weight: 300;}
.only1lesson .intro_wrap .txt strong { text-align: center;font-size: 9.07vw;line-height: 1.2;display: block;margin-top: 5.07vw;font-weight: 600;background:linear-gradient(90deg, #FFE603, #ff9c21);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}


/* arrow_wrap */
.only1lesson .arrow_wrap {height: 190vw;position: relative;overflow: hidden; margin-bottom: 10vw;}
.only1lesson .arrow_wrap .arrow_layer { position: absolute; inset: 0; }
.only1lesson .arrow_wrap .arrow_base { background: #fff; color: #F40000; }
.only1lesson .arrow_wrap .arrow_cover {background: #F40000;color: #fff;clip-path: polygon(0 0,100% 0,100% 100%,50% calc(100% - 125.33vw),0 100%);will-change: clip-path;transition: ;}
.only1lesson .arrow_cover {opacity:0;transition:clip-path 0.5s cubic-bezier(0, 0.49, 0.55, 0.89), opacity .15s ease;}
.only1lesson .arrow_cover.ready {opacity:1;}

.only1lesson .arrow_wrap .arrow_cont { position: relative; width: 100%; padding: 0 5.33vw; box-sizing: border-box; }
.only1lesson .arrow_wrap .tit {padding-top: 36vw;text-align: center;font-size: 8vw;font-family: 'GmarketSansBold';line-height: 1.4;}
.only1lesson .arrow_wrap .tit strong { font-size: 15.47vw; font-family: 'GmarketSansBold'; display: block; margin-top: 2.4vw; line-height: 1.2; }
.only1lesson .arrow_wrap .txt {padding-top: 12.8vw;text-align: center;font-size: 7.47vw;font-weight: 600;line-height: 1.25;}
.only1lesson .arrow_wrap .arrow_cont .txt { color:#000; }
.only1lesson .arrow_wrap .arrow_cover .txt { color:#fff; }

.only1lesson .vdo_wrap {position:relative;aspect-ratio:16/9;overflow:hidden;margin:0 auto;clip-path:inset(50% 0 50% 0);opacity:0; position: absolute; left: 0; right: 0; bottom: 0; background: #000;}
.only1lesson .vdo_wrap .thumb_box {cursor:pointer;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000; z-index: 2;}
.only1lesson .vdo_wrap .thumb_box .img {width:100%;height:100%;object-fit:cover;transform:scale(1.12);}
.only1lesson .vdo_wrap .thumb_box .play {display:block;width:13%;background:url(../img/video_play.png) no-repeat center top/contain;aspect-ratio:1/1;position:absolute;transform:scale(0);opacity:0; }
.only1lesson .vdo_wrap .video_player { width: 100%; height: 100%; object-fit: cover; border: 0; }
.only1lesson .vdo_wrap.on {animation:vdoOpen 1.1s cubic-bezier(.16,1,.3,1) forwards;}
.only1lesson .vdo_wrap.on .thumb_box .img {animation:vdoImg 1.4s cubic-bezier(.16,1,.3,1) forwards;}
.only1lesson .vdo_wrap.on .thumb_box .play {animation:vdoPlay .5s .75s cubic-bezier(.34,1.56,.64,1) forwards;}

@keyframes vdoOpen {
	0% {clip-path:inset(50% 0 50% 0);opacity:0;}
	15% {opacity:1;}
	100% {clip-path:inset(0 0 0 0);opacity:1;}
}
@keyframes vdoImg {
	0% {transform:scale(1.12);}
	100% {transform:scale(1);}
}

@keyframes vdoPlay {
	0% {transform:scale(0);opacity:0;}
	100% {transform:scale(1);opacity:1;}
}


/* discount_wrap */
.only1lesson .discount_wrap {background: #151515;padding-bottom: 21.34vw;overflow: hidden;}
.only1lesson .discount_wrap .confetti1 {position:absolute;z-index:1;top: -5vw;left: 57vw;width: 4vw; opacity:0; animation:confettiFlat1 2.5s linear infinite;}
.only1lesson .discount_wrap .confetti2 {position:absolute;z-index:1;top: 5.5vw;left: 11.5vw;width: 4vw; opacity:0; animation:confettiFlat2 3s linear .7s infinite;}
.only1lesson .discount_wrap .confetti3 {position:absolute;z-index:1;top: 5.5vw;left: 80.5vw;width: 4.5vw; opacity:0; animation:confettiFlat3 2.2s linear .2s infinite;}
.only1lesson .discount_wrap .confetti4 {position:absolute;z-index:1;top: 27.5vw;left: 26.5vw;width: 3.5vw; opacity:0; animation:confettiFlat2 2.7s linear 1.1s infinite;}
.only1lesson .discount_wrap .confetti5 {position:absolute;z-index:1;top: 53.5vw;left: 11vw;width: 5vw; opacity:0; animation:confettiFlat1 3.2s linear .4s infinite;}
.only1lesson .discount_wrap .confetti6 {position:absolute;z-index:1;top: 57.5vw;left: 86.5vw;width: 4.5vw; opacity:0; animation:confettiFlat3 2.5s linear 1.4s infinite;}
.only1lesson .discount_wrap .confetti7 {position:absolute;z-index:1;top: 74.5vw;left: 22vw;width: 3vw; opacity:0; animation:confettiFlat2 2.4s linear .9s infinite;}

.only1lesson .discount_wrap .section_bg { position: absolute; }
.only1lesson .discount_wrap .top {position: relative;padding-top: 21.34vw;text-align: center;z-index: 1; z-index: 2;}
.only1lesson .discount_wrap .top .tit { width: 76.13vw; display: block; margin: 0 auto; }
.only1lesson .discount_wrap .top .desc {font-size: 3.73vw;color: rgb(255 255 255 / 50%); margin: 9.33vw 0 12vw; font-weight: 300;}
.only1lesson .discount_wrap .top .con { width: 91.47vw; }
.only1lesson .discount_wrap .btm {margin-top: 7.47vw;z-index: 1;position: relative;}
.only1lesson .discount_wrap .tab_swiper {  }
.only1lesson .discount_wrap .tab_swiper .tab_menu {display: flex;border: 1px solid #B9B9B9;border-radius: 8vw;margin-bottom: 8vw; margin: 0 4.27vw 8vw;}
.only1lesson .discount_wrap .tab_swiper .tab_menu button { font-size: 4.27vw; flex: 1; height: 12.53vw; border-radius: 8vw; color: #B9B9B9; font-weight: 500; }
.only1lesson .discount_wrap .tab_swiper .tab_menu button.on { color: #252525; background: #fff; margin: -1px; height: 13.07vw; font-weight: 600; }
.only1lesson .discount_wrap .tab_slide { }
.only1lesson .discount_wrap .tab_slide .swiper-slide {height: auto;padding: 0 4.27vw;}
.only1lesson .discount_wrap .tab_slide .swiper-slide .box {border-radius: 5.33vw;background: #fff;padding: 9.6vw 30.4vw 9.6vw 8vw;display: flex;position: relative;height: 100%;}
.only1lesson .discount_wrap .tab_slide .swiper-slide .txt {  }
.only1lesson .discount_wrap .tab_slide .swiper-slide .txt .tit {font-size: 6.93vw;font-weight: 700;color: #222;}
.only1lesson .discount_wrap .tab_slide .swiper-slide .txt .tit .color1 {color: #f20000;}
.only1lesson .discount_wrap .tab_slide .swiper-slide .txt .tit .color2 {color: #5A65DE;}
.only1lesson .discount_wrap .tab_slide .swiper-slide .txt ul {display: flex;flex-direction: column;gap: 0.8vw;margin-top: 2.67vw;margin-bottom: 0;}
.only1lesson .discount_wrap .tab_slide .swiper-slide .txt ul li {font-size: 3.2vw;color: #222;position: relative;padding-left: 2.67vw;}
.only1lesson .discount_wrap .tab_slide .swiper-slide .txt ul li::before {content:'';position: absolute;top: 1.07vw;left: 0;width: 1.07vw;height: 1.07vw;border-radius: 50%;background: #222;}
.only1lesson .discount_wrap .tab_slide .swiper-slide .txt .desc {font-size: 2.8vw;margin-top: 3vw;color: #818181;}
.only1lesson .discount_wrap .tab_slide .swiper-slide .img {flex-shrink: 0;position: absolute;top: 50%;right: 0; }
.only1lesson .discount_wrap .tab_slide .swiper-slide .img1 {width: 32.27vw;transform: translate(-2.67vw, -50%);}
.only1lesson .discount_wrap .tab_slide .swiper-slide .img2 {width: 27.47vw;transform: translate(-5.07vw, -50%);}

@keyframes confettiFlat1 {
	0% {transform:translate(0,-12vw) rotate(-3deg);opacity:0;}
	8% {opacity:1;}
	25% {transform:translate(2.5vw,4vw) rotate(3deg);}
	50% {transform:translate(-2vw,20vw) rotate(-3deg);}
	75% {transform:translate(2.5vw,36vw) rotate(3deg);opacity:1;}
	88% {opacity:1;}
	100% {transform:translate(-1.5vw,52vw) rotate(-2deg);opacity:0;}
}
@keyframes confettiFlat2 {
	0% {transform:translate(0,-14vw) rotate(3deg);opacity:0;}
	8% {opacity:1;}
	25% {transform:translate(-2.5vw,3vw) rotate(-3deg);}
	50% {transform:translate(2vw,20vw) rotate(3deg);}
	75% {transform:translate(-2.5vw,37vw) rotate(-3deg);opacity:1;}
	88% {opacity:1;}
	100% {transform:translate(1.5vw,54vw) rotate(2deg);opacity:0;}
}
@keyframes confettiFlat3 {
	0% {transform:translate(0,-10vw) rotate(-2deg);opacity:0;}
	8% {opacity:1;}
	25% {transform:translate(2vw,7vw) rotate(3deg);}
	50% {transform:translate(-2.5vw,24vw) rotate(-3deg);}
	75% {transform:translate(2vw,41vw) rotate(3deg);opacity:1;}
	88% {opacity:1;}
	100% {transform:translate(-1.5vw,58vw) rotate(-2deg);opacity:0;}
}


/* banner_wrap */
.only1lesson .banner_wrap {background: #f20000;display: flex;padding: 9.07vw 0 7.2vw;flex-direction: column;overflow: hidden;}
.only1lesson .banner_wrap .txt { position: relative; z-index: 1;}
.only1lesson .banner_wrap .txt p {font-size: 4.8vw;text-align: center;color: #fff;margin-bottom: 2.4vw;}
.only1lesson .banner_wrap .txt strong {font-size: 8.8vw;font-family: 'GmarketSansBold';text-align: center;color: #fff;display: block; line-height: 1.2;}
.only1lesson .banner_wrap .obj {position: absolute;left: 4.8vw;bottom: -4.27vw;width: 90.13vw;}
.only1lesson .banner_wrap .txt p span, 
.only1lesson .banner_wrap .txt strong span {display:inline-block;opacity:0;transform:translateY(3vw);transition:opacity .35s ease, transform .45s cubic-bezier(.22,1,.36,1);}
.only1lesson .banner_wrap .txt span.on {opacity:1;transform:translateY(0);}


/* achieve_wrap */
.only1lesson .achieve_wrap {padding: 21.34vw 6.4vw;}
.only1lesson .achieve_wrap .section_tit_box {margin-bottom: 0;overflow: visible;position: sticky;top: 20vw;z-index: 1;}
.only1lesson .achieve_wrap .section_tit_box::before {content:'';background: #ECF0F8;position: absolute;top: -10vw;left: 0;right: 0;bottom: 0;box-shadow: 0 0 2vw 2vw #ECF0F8;}
.only1lesson .achieve_wrap article {background: #fff;border-radius: 5.33vw;padding: 11.2vw 5.07vw;margin-top: 8vw;}
.only1lesson .achieve_wrap article ~ article { }
.only1lesson .achieve_wrap article .tit_box {  }
.only1lesson .achieve_wrap article .tit_box p { text-align: center; color: #222; font-size: 5.33vw; letter-spacing: -0.7vw; }
.only1lesson .achieve_wrap article .tit_box strong {text-align: center;color: #222;font-size: 6.4vw;display: block;margin-top: 2.13vw;line-height: 1.25;}
.only1lesson .achieve_wrap article .tit_box strong .color { color: #f20000; }
.only1lesson .achieve_wrap article .con_box { margin-top: 5.87vw; text-align: center;position: relative;}
.only1lesson .achieve_wrap article .con_box .img { z-index: 2; width:100%; }
.only1lesson .achieve_wrap article .con_box .vdo1_1 {position: absolute;top: 27%;right: 2%;width: 51%;font-size: 0;}
.only1lesson .achieve_wrap article .con_box .vdo1_6 {position: absolute;inset:0; font-size: 0;}
.only1lesson .achieve_wrap article .con_box video { width: 100%;}
.only1lesson .achieve_wrap article .con_box .hand {width:50%;bottom: -18%;right: -21%;position:absolute;transform-origin:75% 80%;animation:handWrite 3.6s ease-in-out infinite;}
.only1lesson .achieve_wrap article .con_box .txt {color: #222;font-size: 4.8vw;text-align: center;border-radius: 13.33vw;padding: 3.2vw 8vw;display: inline-block;box-shadow: 0 1.07vw 4vw rgb(0 0 0 / 10%);position: relative;z-index: 1;line-height: 1.25;font-weight: 500;position: absolute;bottom: -14.4vw;left: 0;right: 0;margin: 0 auto;width: fit-content;z-index: 2;}
.only1lesson .achieve_wrap article .con_box .txt1 {background: rgb(236 221 255);border: 1px solid #C196FF;}
.only1lesson .achieve_wrap article .con_box .txt2 {background: rgb(228 240 255);border: 1px solid #89BDFF;}
.only1lesson .achieve_wrap article .con_box .txt3 {background: rgb(221 251 246);border: 1px solid #48C8B3;}
.only1lesson .achieve_wrap article .desc_box {margin-top: 20.53vw;}
.only1lesson .achieve_wrap article .desc_box p { text-align: center; color: #222; font-size: 4vw; line-height: 1.4; letter-spacing: -0.4vw;}
.only1lesson .achieve_wrap article .con_box .bubble {  }
.only1lesson .achieve_wrap .swiper-container { overflow: visible; }
.only1lesson .achieve_wrap .swiper-container .swiper-slide { }
.only1lesson .achieve_wrap .swiper-container .swiper-slide .box {border-radius: 2.4vw;border: 0.8vw solid #414266;position: relative; }
.only1lesson .achieve_wrap .swiper-container .swiper-slide .box .hid {overflow: hidden;border-radius: 1.8vw; position: relative;aspect-ratio: 16 / 9;font-size: 0;}
.only1lesson .achieve_wrap article.bubble_atc .con_box { margin: 0;}
.only1lesson .achieve_wrap article .con_box .bubble_box {height: 75.2vw;overflow:hidden;position:relative;padding: 7.73vw 5.33vw 0;margin: 0 -5.33vw;}
.only1lesson .achieve_wrap article .con_box .bubble_box:before {content:"";position:absolute;left:0;top: 0;width:100%;height: 8vw;background: linear-gradient(to top,rgba(255,255,255,0) 0%, #fff 50%);z-index:2;pointer-events:none;}
.only1lesson .achieve_wrap article .con_box .bubble_box:after {content:"";position:absolute;left:0;bottom:0;width:100%;height: 10.67vw;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);z-index:2;pointer-events:none;}
.only1lesson .achieve_wrap article .con_box .bubble_box ul {display:flex;flex-direction:column;gap:3.73vw;will-change:transform;}
.only1lesson .achieve_wrap article .con_box .bubble_box li {display: flex;align-items: flex-end;gap: 1.6vw;flex-shrink:0;transform:translateX(26.67vw);transition:transform 0.4s cubic-bezier(0, 1.17, 0.54, 1.1);}
.only1lesson .achieve_wrap article .con_box .bubble_box li.reverse {transform:translateX(-26.67vw);}
.only1lesson .achieve_wrap article .con_box .bubble_box li .bubble {min-width:0;opacity:0;transform:scale(.3);transform-origin:100% 100%;}
.only1lesson .achieve_wrap article .con_box .bubble_box li.reverse .bubble { order: 2; transform-origin:0 100%;}
.only1lesson .achieve_wrap article .con_box .bubble_box li .person { flex-shrink: 0; width: 14.13vw; opacity:0; transition:opacity .5s .1s;}
.only1lesson .achieve_wrap article .con_box .bubble_box li.on {transform:translateX(0);}
.only1lesson .achieve_wrap article .con_box .bubble_box li.on .bubble {opacity:1;transform:scale(1);animation: bubblePop .7s .3s both;}
.only1lesson .achieve_wrap article .con_box .bubble_box li.on .person { opacity:1; }
.only1lesson .achieve_wrap article .con_box .bubble_box li.init {transition:none;}
.only1lesson .achieve_wrap article .con_box .bubble_box li.init .bubble {animation:none;opacity:1;transform:scale(1);}
.only1lesson .achieve_wrap article .con_box .bubble_box li.init .person {transition:none;opacity:1;}

.only1lesson .wrong_ani.ani1 {position:relative;overflow:hidden;}
.only1lesson .wrong_ani.ani1 .bg {position:relative;overflow:hidden;}
.only1lesson .wrong_ani.ani1 .bg img {width:100%;display:block;transform:scale(1);transform-origin: 83% 45%;}
.only1lesson .wrong_ani.ani1 .vdo2_1 {position:absolute;left: 41%;top: 35%;width: 54%;opacity:0;font-size: 0;}
.only1lesson .wrong_ani.ani1.on .bg img {animation: wrongZoom 1s 0.7s ease forwards;}
.only1lesson .wrong_ani.ani1.on .vdo2_1 {animation: wrongVideoShow .6s 1.9s forwards;}

.only1lesson .wrong_ani.ani2 {}
.only1lesson .wrong_ani.ani2 .bg {}
.only1lesson .wrong_ani.ani2 .bg img {}
.only1lesson .wrong_ani.ani2 .icon {position:absolute;top:-2vw;right: 8vw;width:9vw;z-index:1;}
.only1lesson .wrong_ani.ani2 .icon img {transform-origin: 50% 50%;transform:scale(.15);transition: transform .4s .5s ease;}
.only1lesson .wrong_ani.ani2 .panel {position:absolute;top:2.5vw;right:0;bottom:-1vw;overflow:hidden;}
.only1lesson .wrong_ani.ani2 .panel img {height:100%;transform:translate(100%,0);transition: .6s 1.3s ease;opacity: 0;}
.only1lesson .wrong_ani.ani2 .panel:after {content:"";position:absolute;right: 4%;top:25%;width: 85%;height: 15%;border: .7vw dashed #4c7cd8;box-sizing:border-box;opacity:0;pointer-events:none;z-index: 2;}
.only1lesson .wrong_ani.ani2 .vdo2_1 {position:absolute;left:13%;top:28%;width:49%;opacity:0;font-size:0;}
.only1lesson .wrong_ani.ani2 .button {position:absolute;bottom: 17%;right: -0.8%;width: 33%;}
.only1lesson .wrong_ani.ani2 .button img {transform-origin: 83% 50%;transform: scale(.6);transition: .6s 6s ease;opacity: 0;}
.only1lesson .wrong_ani.ani2.on .icon img {transform:scale(1);}
.only1lesson .wrong_ani.ani2.on .panel img {transform:translate(0,0);opacity: 1;}
.only1lesson .wrong_ani.ani2.on .panel:after {animation: panelBlink 1.6s 2.2s ease forwards;}
.only1lesson .wrong_ani.ani2.on .vdo2_1 {animation: wrongVideoShow2 2.5s 3.5s forwards;}
.only1lesson .wrong_ani.ani2.on .button img {transform:scale(1);opacity: 1;}

.only1lesson .wrong_ani.ani3 {}
.only1lesson .wrong_ani.ani3 .icon {position:absolute;top:-2vw;right: 8vw;width:9vw;z-index:1;}
.only1lesson .wrong_ani.ani3 .bg { height: 100%; display: flex; align-items: flex-end; }
.only1lesson .wrong_ani.ani3 .hd {position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;width: 99%;height: 9%;}
.only1lesson .wrong_ani.ani3 .hd img { height: 100%;}
.only1lesson .wrong_ani.ani3 .bg img { max-width: none; height: 93%; transition: transform .9s 0.5s ease; transform: translate(-14%, 0);}
.only1lesson .wrong_ani.ani3.on .bg img { transform: translate(0, 0);}

@keyframes bubblePop {
	0% {opacity:0;transform:scale(.25);}
	55% {opacity:1;transform:scale(1.12);}
	72% {transform:scale(.94);}
	87% {transform:scale(1.04);}
	100% {opacity:1;transform:scale(1);}
}
@keyframes handWrite {
	0% {transform:translate(0,-15%) rotate(0deg);}
	7% {transform:translate(-1%,-16%) rotate(-2deg);}
	14% {transform:translate(1%,-14%) rotate(1deg);}
	21% {transform:translate(-1%,-16%) rotate(-2deg);}
	28% {transform:translate(1%,-14%) rotate(1deg);}
	35% {transform:translate(0,-15%) rotate(0deg);}
	43% {transform:translate(0,-15%) rotate(0deg);}
	48% {transform:translate(0,15%) rotate(0deg);}
	55% {transform:translate(-1%,14%) rotate(-2deg);}
	62% {transform:translate(1%,16%) rotate(1deg);}
	69% {transform:translate(-1%,14%) rotate(-2deg);}
	76% {transform:translate(1%,16%) rotate(1deg);}
	83% {transform:translate(0,15%) rotate(0deg);}
	92% {transform:translate(0,15%) rotate(0deg);}
	100% {transform:translate(0,-15%) rotate(0deg);}
}
@keyframes wrongZoom {
	0% { transform:scale(1);}
	100% { transform: scale(4); }
}
@keyframes wrongVideoShow {
	0% { opacity:0;	}
	100% { opacity:1; }
}
@keyframes wrongVideoShow2 {
	0% { opacity:0; }
	20% { opacity:1; }
	80% { opacity:1; }
	100% { opacity:0; }
}
@keyframes panelBlink {
	0% {opacity:0;}
	15% {opacity:1;}
	30% {opacity:0;}
	45% {opacity:1;}
	60% {opacity:0;}
	75% {opacity:1;}
	100% {opacity:0;}
}


/* card_wrap */
.only1lesson .card_wrap { padding: 21.34vw 0; }
.only1lesson .card_wrap .section_tit_box {position: sticky;top: 20vw;}
.only1lesson .card_wrap .card {  }
.only1lesson .card_wrap .siren {position:absolute;top: 51%;left: 52%;width: 15vw;transform-origin:50% 85%;animation:sirenSwing 2.5s ease-in-out infinite;}
.only1lesson .card_wrap .percent_box { margin-top: 32vw; background: #fff; padding: 11.2vw 5.07vw; border-radius: 5.33vw; width: 85.87vw; margin: 21vw auto 0; }
.only1lesson .card_wrap .percent_box .tit_box {  }
.only1lesson .card_wrap .percent_box .tit_box p { text-align: center; color: #222; font-size: 5.33vw; }
.only1lesson .card_wrap .percent_box .tit_box strong { text-align: center; color: #222; font-size: 6.4vw; display: block; margin-top: 2.67vw; line-height: 1.3; }
.only1lesson .card_wrap .percent_box .tit_box strong .color { color: #f20000; }
.only1lesson .card_wrap .percent_box .con_box { margin-top: 8vw; text-align: center; }
.only1lesson .card_wrap .percent_box .con_box .percent { display: flex; align-items: center; margin-bottom: 2.93vw; }
.only1lesson .card_wrap .percent_box .con_box .percent .icon { font-size: 0; background: url(../img/percent_icon.png) no-repeat 0 0 / contain; width: 11.47vw; height: 13.33vw; display: block; flex-shrink: 0; margin-right: 2.13vw; }
.only1lesson .card_wrap .percent_box .con_box .percent .bar_ { height: 8.53vw; border-radius: 5.33vw; background: #f8f8f8; flex: 1; border: 1.33vw solid #e7ebee; margin-top: 1.33vw; }
.only1lesson .card_wrap .percent_box .con_box .percent .bar_ p {background: linear-gradient(to right, #FF99E2, #FF3134);height: 100%;border-radius: 5.07vw; padding-right: 2.67vw;width:0;overflow: hidden;position: relative;}
.only1lesson .card_wrap .percent_box .con_box .percent .bar_ p span {font-size: 4.27vw;color: #fff;font-weight: 500;line-height: 1.4;letter-spacing: 0.13vw;position: absolute;top: 0vw;right: 3vw;}
.only1lesson .card_wrap .percent_box .con_box .img {  }
.only1lesson .card_wrap .percent_box .desc_box { margin-top: 7.73vw; }
.only1lesson .card_wrap .percent_box .desc_box p { text-align: center; color: #222; font-size: 4vw; line-height: 1.4; }

@keyframes sirenSwing {
	0%, 12% { transform:rotate(-9deg); }
	6%, 18% { transform:rotate(9deg); }
	24% { transform:rotate(-7deg); }
	30% { transform:rotate(7deg); }
	36%, 100% { transform:rotate(0); }
}


/* coupon_wrap */
.only1lesson .coupon_wrap { background: #151515; padding-bottom: 21.34vw; }
.only1lesson .coupon_wrap .section_bg { position: absolute; }
.only1lesson .coupon_wrap .top_box { position: relative; padding-top: 21.34vw; }
.only1lesson .coupon_wrap .top_box .tit {width: 74.4vw;margin: 0 auto;display: block;}
.only1lesson .coupon_wrap .top_box .desc {color: rgb(255 255 255 / 50%);text-align: center;margin-top: 8.27vw;font-size: 3.73vw;line-height: 1.45;font-weight: 300;}
.only1lesson .coupon_wrap .con_box {position: relative;padding: 14.13vw 4.27vw 0;}
.only1lesson .coupon_wrap .con_box .img { width: 81.6vw; margin: 0 auto; }
.only1lesson .coupon_wrap .con_box .img img {  }
.only1lesson .coupon_wrap .con_box .coupon { }
.only1lesson .coupon_wrap .con_box .coupon img { width: 100%; }
.only1lesson .coupon_wrap .con_box .gift_li {display: flex;gap: 2.93vw;margin: 8vw 0 10.67vw;}
.only1lesson .coupon_wrap .con_box .gift_li li {  }
.only1lesson .coupon_wrap .con_box .gift_li li img {  }


/* download_wrap */
.only1lesson .download_wrap { padding: 21.34vw 4.27vw; background: rgb(107 159 255 / 10%); }

.only1lesson .download_wrap .down_li { display: flex; flex-direction: column; gap: 4.8vw; margin-bottom: 10.67vw; }
.only1lesson .download_wrap .down_li li { border-radius: 5.33vw; background: #fff; padding: 8vw 8.8vw; border: 1px solid #c1cbe0; }
.only1lesson .download_wrap .down_li li .con_box { position: relative; padding-right: 34.13vw; }
.only1lesson .download_wrap .down_li li .con_box .txt {  }
.only1lesson .download_wrap .down_li li .con_box .txt strong { font-size: 6.93vw; font-weight: 700; color: #222; }
.only1lesson .download_wrap .down_li li .con_box .txt strong .color { color: #f20000; }
.only1lesson .download_wrap .down_li li .con_box .txt p { font-size: 3.2vw; color: #222; position: relative; margin-top: 1.87vw; }
.only1lesson .download_wrap .down_li li .con_box .img { flex-shrink: 0; position: absolute; top: 50%; right: 0; }
.only1lesson .download_wrap .down_li li .con_box .img1 {width: 32.27vw;transform: translate(1.87vw, -46%);}
.only1lesson .download_wrap .down_li li .con_box .img2 {width: 38.13vw;transform: translate(3.47vw, -43%);}
.only1lesson .download_wrap .down_li li .con_box .img3 {width: 41.87vw;transform: translate(2.13vw, -50%);}
.only1lesson .download_wrap .down_li li .btns {display: flex;gap: 2.67vw;margin-top: 5.33vw;}
.only1lesson .download_wrap .down_li li .btns .down_btn { background: #292A4C; color: #fff; font-size: 4vw; text-align: center; height: 9.6vw; flex: 1; display: flex; justify-content: center; align-items: center; border-radius: 5.87vw; }
.only1lesson .download_wrap .down_li li .btns .down_btn::after {content:'';width: 2.93vw;height: 3.73vw;display: inline-block;display: block;background: url(../img/down_btn.png) no-repeat 0 0 / contain;margin-left: 2.67vw;}

.only1lesson .download_wrap .benefit_li {display: flex;justify-content: center;gap: 4vw;margin-bottom: 10vw;flex-direction: column;}
.only1lesson .download_wrap .benefit_li li {}
.only1lesson .download_wrap .benefit_li li img { width: 100%; }

.only1lesson .download_wrap .tool_li { display: flex; gap: 2.93vw; margin-bottom: 13.33vw;}
.only1lesson .download_wrap .tool_li > li { border-radius: 5.33vw;flex: 1;text-align: center;padding: 10.67vw 0 4.2vw;background: #fff;display: flex;flex-direction: column;align-items: center;position: relative;overflow: hidden;}
.only1lesson .download_wrap .tool_li > li::after {content:'';display: block;inset: 0;position: absolute;background: linear-gradient(to bottom, #f40201, #ff841a);opacity:0;transition: opacity .2s;}
.only1lesson .download_wrap .tool_li > li .in {z-index: 2;}
.only1lesson .download_wrap .tool_li > li .tit { text-align: center;font-size: 5.7vw;font-family: 'GmarketSansBold';text-align: center;color: #545454;display: block;line-height: 1.15;}
.only1lesson .download_wrap .tool_li > li .img {padding: 3.2vw 0 0;min-height: 53vw;}
.only1lesson .download_wrap .tool_li > li .img .bubble { background: #9C9999;min-height: 13.87vw;display: inline-flex;justify-content: center;align-items: center;padding: 0.8vw 3vw 0;border-radius: 9vw;position: relative;margin-bottom: 5vw;min-width: 30vw;}
.only1lesson .download_wrap .tool_li > li .img .bubble::after { content:'';position:absolute;width: 3.2vw;height: 3.5vw;display: block;background: url(../img/tool_bubble_gray.png) no-repeat 0 0 / contain;bottom: 0;left: 0;right: 0;transform: translate(0, 83%);margin: 0 auto;}
.only1lesson .download_wrap .tool_li > li .img .bubble p { font-size: 4.2vw;color: #fff;font-weight: 600;}
.only1lesson .download_wrap .tool_li > li .img img {}
.only1lesson .download_wrap .tool_li > li .img1 img {width: 32.53vw;transform: translate(0, -7%);}
.only1lesson .download_wrap .tool_li > li .img2 img {width: 27vw;}	
.only1lesson .download_wrap .check_desc_li {display: inline-flex;flex-direction: column;gap: 1.3vw;}
.only1lesson .download_wrap .check_desc_li li { text-align: left;color: #000;font-size: 3.73vw;padding-left: 4.8vw;position: relative;}
.only1lesson .download_wrap .check_desc_li li::before { content:'';width: 4vw;height: 4.8vw;display: inline-block;display: block;background: url(../img/check_icon2.png) no-repeat 0 0 / contain;position: absolute;top: 0;left: 0;}
.only1lesson .download_wrap .tool_li > li .desc {color: rgb(65 65 65 / 67%);font-size: 3vw;font-weight: 300;margin-top: 3vw;}
.only1lesson .download_wrap .tool_li > li.on::after {opacity:1;}
.only1lesson .download_wrap .tool_li > li.on .tit {color: #fff;}
.only1lesson .download_wrap .tool_li > li.on .img .bubble { background:#fff; }
.only1lesson .download_wrap .tool_li > li.on .img .bubble::after {background-image:url(../img/tool_bubble_wh.png);}
.only1lesson .download_wrap .tool_li > li.on .img .bubble p { color:#222; }
.only1lesson .download_wrap .tool_li > li.on .check_desc_li li {color:#fff;}
.only1lesson .download_wrap .tool_li > li.on .check_desc_li li::before { background-image: url(../img/check_icon1.png); }
.only1lesson .download_wrap .notice_wrap { padding: 0;}
.only1lesson .download_wrap .notice_wrap > .tit {background: #a6a8ae;}


/* wanted_wrap */
.only1lesson .wanted_wrap {background: #f7f6f2;padding-bottom: 21.34vw;overflow: hidden;}
.only1lesson .wanted_wrap .section_bg { position: absolute; }
.only1lesson .wanted_wrap .top_box {z-index: 1;padding-top: 15.34vw;position: relative;}
.only1lesson .wanted_wrap .top_box .tit { width: 88.53vw; margin: 0 auto; display: block; }
.only1lesson .wanted_wrap .top_box .pic { margin-top: 6.13vw; }
.only1lesson .wanted_wrap .top_box .pic img { width:100%; }
.only1lesson .wanted_wrap .con_box {z-index: 1;position: relative;margin-bottom: 9.8vw;}
.only1lesson .wanted_wrap .apply_btn {width: 86.4vw;display: flex;align-items: center;justify-content: center;height: 15.2vw;background: #ff0000;border-radius: 8vw;margin: 7vw auto 0;font-size: 5.87vw;font-weight: 600;color: #fff; }
.only1lesson .wanted_wrap .apply_btn::after { content: ''; display: block; width: 7.2vw; height: 8.53vw; background: url(../img/apply_btn.png) no-repeat 0 0 /contain; margin: -0.5vw 0 0 2.4vw; }
.only1lesson .wanted_wrap .con_box .period {text-align: center;color: #222222;font-size: 5.33vw;margin-top: 7vw;}
.only1lesson .wanted_wrap .con_box .reward_box { margin-top: 3.2vw; }
.only1lesson .wanted_wrap .con_box .reward_box .reward1 { width: 82.4vw; margin-bottom: -12vw; transform: translate(4.8vw, 0); }
.only1lesson .wanted_wrap .con_box .reward_box .reward2 { width: 50.93vw; transform: translate(1.6vw, 0); }
.only1lesson .wanted_wrap .con_box .reward_box .reward3 { width: 51.47vw; margin-left: -3.73vw; }
.only1lesson .wanted_wrap .notice_wrap {  }
.only1lesson .wanted_wrap .notice_wrap > .tit { background: rgb(0 0 0 / 30%); }
.only1lesson .wanted_wrap .wanted_li { position: absolute; left: 0; right: 0; bottom: 4.53vw; text-align: center; display: flex; flex-direction: column; gap: 1.07vw;}
.only1lesson .wanted_wrap .wanted_li li {color: #000;display: flex;justify-content: center;gap: 1.07vw;align-items: center;}
.only1lesson .wanted_wrap .wanted_li .sub_txt {position: relative;font-size: 4vw;letter-spacing: -1px;}
.only1lesson .wanted_wrap .wanted_li .main_txt { position: relative; }
.only1lesson .wanted_wrap .wanted_li .main_txt b {position: relative;z-index: 1;font-size: 5.6vw;font-weight: 800;}
.only1lesson .wanted_wrap .wanted_li .main_txt b:after {content: "";position: absolute;z-index: -1;left: 0;bottom: 0.5vw;width: 100%;height: 5.87vw;transform: scaleX(0);transform-origin: left center;}
.only1lesson .wanted_wrap .pic.aos-animate .wanted_li .main_txt b:after {  }
.only1lesson .wanted_wrap .pic.aos-animate .wanted_li li:nth-child(1) .main_txt b:after { animation: highlighter .7s 1s ease forwards; background: #ffe100; }
.only1lesson .wanted_wrap .pic.aos-animate .wanted_li li:nth-child(2) .main_txt b:after { animation: highlighter .7s 1.4s ease forwards; background: #57fa00; }
.only1lesson .wanted_wrap .pic.aos-animate .wanted_li li:nth-child(3) .main_txt b:after { animation: highlighter .7s 1.8s ease forwards; background: #00deee; }

@keyframes highlighter {
	0% { transform: scaleX(0); }
	100% { transform: scaleX(1); }
}


/* standard_wrap */
.only1lesson .standard_wrap {background: #1c1b24;padding:21.34vw 0 0; overflow: hidden;}
.only1lesson .standard_wrap .section_tit_box .tit2 { color: #fff; }
.only1lesson .result_li { display: grid; grid-template-columns: repeat(24,minmax(0,1fr)); gap: 3.2vw; margin: 0 0 10.67vw; padding: 0 4.27vw; box-sizing: border-box; }
.only1lesson .result_li li { position: relative; overflow: hidden; min-width: 0; height: 29.33vw; padding: 2.93vw 4.27vw; box-sizing: border-box; border-radius: 5.33vw; list-style: none; overflow: hidden; }
.only1lesson .result_li .result1 { grid-column: 1/-1; height: 28.27vw; background: #253236; padding: 5.33vw 4.8vw 2.67vw 4.8vw; transform:translate(0, 0);}
.only1lesson .result_li .result2 { grid-column: span 13; background: #ea5d31; box-shadow: inset 0 0 0 1.6vw rgb(192 70 32); padding: 4.53vw 4.8vw 1.33vw 4.8vw; transform:translate(-26.67vw, 0); }
.only1lesson .result_li .result3 { grid-column: span 11; background: #393852; padding-left: 4vw; padding-right: 3.2vw; padding: 3.47vw 4.8vw 1.33vw 4.8vw; transform:translate(26.67vw, 0); }
.only1lesson .result_li .result4 { grid-column: 1/-1; height: 28.27vw; background: linear-gradient(135deg, #463452 0%, #463552 62%, #5e324b 100%); padding: 5.07vw 4.8vw 2.67vw 4.8vw; transform:translate(0, 26.67vw); }
.only1lesson .result_li .result5 { grid-column: span 11; background: #393852; padding-left: 4.27vw; padding-right: 3.2vw; padding: 4vw 4.8vw 0.53vw 4.8vw; transform:translate(-26.67vw, 0); }
.only1lesson .result_li .result6 { grid-column: span 13; background: #5f67ef; box-shadow: inset 0 0 0 1.6vw rgb(62 70 233); padding: 4vw 4.8vw 0.53vw 4.8vw; transform:translate(26.67vw, 0); }
.only1lesson .result_li dl, 
.only1lesson .result_li dt, 
.only1lesson .result_li dd { margin: 0; padding: 0; }
.only1lesson .result_li dl { position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.only1lesson .result_li dt { font-size: 4.27vw; line-height: 1.1; color: rgba(255,255,255,.5); }
.only1lesson .result_li dd { margin-top: auto; white-space: nowrap; }
.only1lesson .result_li dd strong {line-height: 1;display: block;font-size: 6vw;font-weight: 600;color: rgba(255, 255, 255, .7);}
.only1lesson .result_li dd em {font-style: normal;font-family: 'GmarketSansBold';font-size: 11vw;transform: translate(0, -0.53vw);display: inline-block;margin-right: 0.8vw;letter-spacing: -1px;color: #fff;}
.only1lesson .result_li .result1 dd em { margin: 0 0.8vw 0 1.33vw; font-size: 11.73vw; }.only1lesson 2026-08-10
.result_li .result2 dd span { margin-left: -1.07vw; }
.only1lesson .result_li .result5 dd { text-align: right; }
.only1lesson .result_li .result6 dd { text-align: right; }
.only1lesson .result_li .result1 .obj { width: 32.27vw; position: absolute; bottom: 0; right: 0; opacity:0;  clip-path:inset(0 100% 0 0);transition:opacity 0.8s 0.5s, clip-path 1.2s 0.9s cubic-bezier(.22,1,.36,1);}
.only1lesson .result_li .result4 .obj { width: 52vw; position: absolute; bottom: 0; right: 0; opacity:0; clip-path:polygon(0 100%,0 100%,0 100%,0 100%);transition:opacity 0.8s 1.5s, clip-path 1.2s 1.9s cubic-bezier(.16,1,.3,1); }
.only1lesson .result_li .result1.show .obj { opacity:1; clip-path:inset(0 0 0 0);}
.only1lesson .result_li .result4.show .obj { opacity:1; clip-path:polygon(0 0,100% 0,100% 100%,0 100%);}
.only1lesson .standard_wrap .notice_wrap .con ul li {color: rgb(255 255 255 / 70%);}


/* review_wrap */
.only1lesson .review_wrap {background: #1c1b24;padding: 21.34vw 0 0;}
.only1lesson .review_wrap .section_tit_box .tit2 { color: #fff; }
.only1lesson .review_slide { padding: 0 6.4vw; }
.only1lesson .review_slide .swiper-slide {  }
.only1lesson .review_slide .swiper-slide .img:first-of-type {min-height: 71vw;margin-bottom: 4vw;}
.only1lesson .review_slide .swiper-slide .img img { width:100%; }
.only1lesson .review_slide .swiper-pagination {position: static;margin-top: 4vw;}
.only1lesson .review_slide .swiper-pagination-bullet { opacity: 1; background: rgb(255 255 255 / 40%); }
.only1lesson .review_slide .swiper-pagination-bullet-active { background: #F20000; }


/* highschool_wrap */
.only1lesson .highschool_wrap { background: #1c1b24; padding: 21.34vw 0; }
.only1lesson .highschool_wrap .section_tit_box .tit2 { color: #fff; }
.only1lesson .highschool_wrap .vdo_wrap { width: 80vw; margin: 0 auto; border-radius: 5.33vw; }
.only1lesson .hs_review_video_btn {display: block;width: 80vw;background:#111;color: #fff;line-height: 13.33vw;text-align: center;text-decoration: none;aspect-ratio: 16 / 9;margin: 0 auto;border-radius: 5.33vw;overflow: hidden;position: relative;}
.only1lesson .hs_review_video_btn img { width: 100%; height: 100%; object-fit: cover; }
.only1lesson .hs_review_video_btn::before {content: '';display: block;background: rgb(0 0 0 / 40%);position: absolute;inset: 0;}
.only1lesson .hs_review_video_btn::after { content: ''; display: block; width: 9.33vw; background: url(../img/video_play.png) no-repeat center top / contain; aspect-ratio: 1 / 1; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.only1lesson .highschool_review {padding: 0 4vw;position: relative; min-height: 44vw;}
.only1lesson .highschool_review .hs_review_tab {display: flex;margin: 0 0 5.33vw;padding: 0;list-style: none;gap: 1.6vw;margin-top: 15vw;}
.only1lesson .highschool_review .hs_review_tab li { flex: 1; }
.only1lesson .highschool_review .hs_review_tab li button { width: 100%; height: 13.33vw; border: 0; cursor:pointer; font-size: 4.27vw; color: #A8A8A8; height: 9.07vw; border: 1px solid #838383; border-radius: 8vw; position: relative; }
.only1lesson .highschool_review .hs_review_tab li.on button { background: #fff; color: #222; font-weight: 700; border-color: #fff; }
.only1lesson .highschool_review .hs_review_tab li.on button::after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; border-top: 2.67vw solid #fff; border-left: 1.6vw solid transparent; border-right: 1.6vw solid transparent; border-bottom: 2.67vw solid transparent; transform: translate(-50%, 100%); }
.only1lesson .highschool_review .hs_review_cont { display: none; }
.only1lesson .highschool_review .hs_review_cont.on { display: block; }
.only1lesson .highschool_review .hs_review_select { display: grid; gap: 2.13vw; grid-template-columns: repeat(3, 1fr); }
.only1lesson .highschool_review .hs_review_select .item { background: #333333; border-radius: 2.67vw; padding: 2.67vw 1.33vw; }
.only1lesson .highschool_review .hs_review_select .item p { font-size: 2.67vw; color: #fff; text-align: center; }
.only1lesson .highschool_review .hs_review_select .item small { font-size: 2.67vw; color: #818181; text-align: center; display: block; margin-top: 1.6vw; }
.only1lesson .highschool_review .hs_review_select .item.play {border:0;background: 0;cursor: pointer; padding: 0;position: relative;}
.only1lesson .highschool_review .hs_review_select .item.play.on { color: #fff;}
.only1lesson .highschool_review .hs_review_select .item.play img { border-radius: 2.67vw; width:100%; }
.only1lesson .highschool_review .hs_review_video { position: absolute; top: 0; left: 0; right: 0; }


/* lecture_wrap */
.only1lesson .lecture_wrap { padding:21.34vw 0; overflow:hidden; }
.only1lesson .lecture_slide {overflow:visible; margin-top: 10.67vw;}
.only1lesson .lecture_slide .swiper-slide {width: 20.8vw;transition:opacity .5s ease;}
.only1lesson .lecture_slide .swiper-slide-active {z-index:3;}
.only1lesson .lecture_slide .swiper-slide-prev {z-index:2;}
.only1lesson .lecture_slide .swiper-slide-next {z-index:2;}
.only1lesson .lecture_slide .swiper-slide.prev2 { opacity:0; }
.only1lesson .lecture_slide .swiper-slide.prev3 { opacity:0; }
.only1lesson .lecture_slide .swiper-slide.next3 { opacity:0; }
.only1lesson .lecture_slide .swiper-slide.prev4 { opacity:0; }
.only1lesson .lecture_slide .swiper-slide.next4 {opacity:0; }
.only1lesson .lecture_slide .swiper-slide .book_img { display:block; width:100%; transform-origin:center bottom; transition:transform .5s ease; }
.only1lesson .lecture_slide .swiper-slide-active .book_img {transform: rotate(-5deg) translate(-6.8vw, 0);}
.only1lesson .lecture_slide .swiper-slide-prev .book_img {transform: rotate(-15deg) translate(-1.5vw, 3vw);}
.only1lesson .lecture_slide .swiper-slide-next .book_img {transform: rotate(5deg) translate(-12.2vw, 1.5vw);}
.only1lesson .lecture_slide .swiper-slide.prev2 .book_img {transform: rotate(-24deg) translate(5.53vw, 10.4vw);}
.only1lesson .lecture_slide .swiper-slide.next2 .book_img {transform: rotate(15deg) translate(-17vw, 8vw);}
.only1lesson .lecture_slide .swiper-slide.prev3 .book_img {transform: rotate(-30deg) translate(7.87vw, 20.67vw);}
.only1lesson .lecture_slide .swiper-slide.next3 .book_img {transform: rotate(30deg) translate(-19.87vw, 20.67vw);}
.only1lesson .lecture_slide .swiper-slide.next4 .book_img {transform: rotate(39deg) translate(-14.87vw, 34.67vw);}
.only1lesson .lecture_active_book {background: url(../img/lecture_con.png) no-repeat 0 0 / contain;width: 80vw;height: 65.07vw;margin: -3.3vw auto 0;padding: 18.5vw 0 0 6vw;position: relative;z-index: 3;}
.only1lesson .lecture_active_book img{width: 43.5%;filter: drop-shadow(0 0 1.5vw rgba(0,0,0,.5));}
.only1lesson .lecture_active_book::after {content:'';background: url(../img/lecture_label.png) no-repeat 0 0 / contain;width: 22.13vw;height: 20.8vw;display: block;position: absolute;right: -4vw;bottom: -2.13vw;}


/* textbook_wrap */
.only1lesson .textbook_wrap {background: rgb(107 159 255 / 10%);padding: 21.34vw 0 12.33vw;}
.only1lesson .textbook_wrap .rolling_list { padding: 0 3.73vw;margin-top: 8.53vw;position: relative;}
.only1lesson .textbook_wrap .rolling_list:before {content:'';background: url(../img/lecture_label.png) no-repeat 0 0 / contain;width: 22.13vw;height: 20.8vw;display: block;position: absolute;top: -2.93vw;left: 0.8vw;z-index: 3;}
.only1lesson .textbook_wrap .rolling_list ul {position: relative;display: flex;gap: 2.13vw;height: 131.47vw;overflow: hidden;}
.only1lesson .textbook_wrap .rolling_list ul:before {content:"";position:absolute;left:0;top: -2.13vw;width:100%;height: 14.93vw;background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #dfe8f9 78%);z-index:2;pointer-events:none;}
.only1lesson .textbook_wrap .rolling_list ul:after {content:"";position:absolute;left:0;bottom: -2.13vw;width:100%;height: 14.93vw;background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #dfe8f9 78%);z-index:2;pointer-events:none;}
.only1lesson .textbook_wrap .rolling_list ul img { width: 48.27vw; }
.only1lesson .textbook_wrap .rolling_list li:nth-of-type(1) .original { animation: 120s linear 0s infinite normal forwards running rollingUp1; }
.only1lesson .textbook_wrap .rolling_list li:nth-of-type(1) .clone { animation: 120s linear 0s infinite normal none running rollingUp2; }
.only1lesson .textbook_wrap .rolling_list li:nth-of-type(2) .original { animation: 120s linear 0s infinite normal forwards running rollingDown1; }
.only1lesson .textbook_wrap .rolling_list li:nth-of-type(2) .clone { animation: 120s linear 0s infinite normal none running rollingDown2; }
.only1lesson .textbook_wrap .rolling_list li:nth-of-type(3) .original { animation: 60s linear 0s infinite normal forwards running rollingUp1; }
.only1lesson .textbook_wrap .rolling_list li:nth-of-type(3) .clone { animation: 60s linear 0s infinite normal none running rollingUp2; }
.only1lesson .textbook_wrap .textbook_slide {overflow:hidden;margin-top: 4.8vw;padding: 10.67vw 0;}
.only1lesson .textbook_wrap .textbook_slide .swiper-slide {width: 74.67vw; opacity: .5;filter: blur(0.8vw);transition:transform .4s,opacity .4s,filter .4s;}
.only1lesson .textbook_wrap .textbook_slide .swiper-slide img { width:100%; display:block; box-shadow: 2.67vw 2.67vw 5.33vw rgb(41 56 67 / 15%);border-radius: 4.53vw;}
.only1lesson .textbook_wrap .textbook_slide .swiper-slide-active {transform:scale(1);opacity:1;filter:blur(0);z-index: 2;}
.only1lesson .textbook_wrap .textbook_slide .swiper-slide-prev {transform: scale(.8) translate(39%, 0);}
.only1lesson .textbook_wrap .textbook_slide .swiper-slide-next {transform: scale(.8) translate(-39%, 0);}
.only1lesson .textbook_wrap .textbook_slide .vdo {width: 90% !important;he;height: 56.5%;margin: 0 auto;border-radius: 2.4vw !important;position: absolute;top: 34%;left: 0;right: 0;overflow: hidden;}
.only1lesson .textbook_wrap .textbook_slide .vdo video { width: 100%; height: 100%; object-fit: cover;}


/* teacher_wrap */
.only1lesson .teacher_wrap {background: linear-gradient(to top, #090909, #12192C);padding: 21.34vw 0;}
.only1lesson .teacher_wrap .section_tit_box .tit2 { color: #fff; }
.only1lesson .teacher_wrap .desc {color: rgb(255 255 255 / 50%);text-align: center;font-size: 3.73vw;margin: -2.67vw 0 8.8vw;}
.only1lesson .teacher_wrap .section_desc { color: #fff; }
.only1lesson .teacher_wrap > .img {width: 91%;display: block;margin: 14.4vw auto 0;}
.only1lesson .teacher_wrap .rolling_list { margin-top: 10.93vw;position: relative;}
.only1lesson .teacher_wrap .rolling_list ul {position: relative;display: flex;gap: 4.27vw; overflow: hidden;flex-direction: column;}
.only1lesson .teacher_wrap .rolling_list ul li {display: flex; flex-shrink: 0;}
.only1lesson .teacher_wrap .rolling_list ul li > div > img {width: 33.87vw;flex-shrink: 0;}
.only1lesson .teacher_wrap .rolling_list li > div {display: flex;gap: 4.27vw;flex-shrink: 0;padding-right: 4.27vw;}
.only1lesson .teacher_wrap .rolling_list li:nth-of-type(1) .original {animation: 80s linear 0s infinite normal forwards running rollingLeft1;}
.only1lesson .teacher_wrap .rolling_list li:nth-of-type(1) .clone {animation: 80s linear 0s infinite normal none running rollingLeft2;}
.only1lesson .teacher_wrap .rolling_list li:nth-of-type(2) .original { animation: 60s linear 0s infinite normal forwards running rollingRight1; }
.only1lesson .teacher_wrap .rolling_list li:nth-of-type(2) .clone { animation: 60s linear 0s infinite normal none running rollingRight2; }

.only1lesson .teacher_box {width: 33.87vw;height: 48vw;position: relative;border-radius: 3.47vw;overflow: hidden;}
.only1lesson .teacher_box .tag {color: #fff;font-size: 4.27vw;width: 10.93vw;aspect-ratio: 1 / 1;position: absolute;top: 2.13vw;left: 2.13vw;display: flex;justify-content: center;align-items: center;border-radius: 50%;font-weight: 500;text-align: center;padding: 0.27vw 0.27vw 0 0;line-height: 1.1;z-index: 2;}
.only1lesson .teacher_box.sci { background: #1c2368; }
.only1lesson .teacher_box.sci .tag { background: #5a65de; }
.only1lesson .teacher_box.kor { background: #6b5a19; }
.only1lesson .teacher_box.kor .tag { background: #ffaa55; }
.only1lesson .teacher_box.soc { background: #504232; }
.only1lesson .teacher_box.soc .tag { background: #9a6122; font-size: 3.2vw; }
.only1lesson .teacher_box.eng { background: #5e2f2d; }
.only1lesson .teacher_box.eng .tag { background: #ff5955; }
.only1lesson .teacher_box.math { background: #1b3627; }
.only1lesson .teacher_box.math .tag { background: #15733f; }
.only1lesson .teacher_box .img {display: flex;justify-content: center; }
.only1lesson .teacher_box .img img {width: 169%;max-width: none;transform: translate(1%, 15%);}
.only1lesson .teacher_box.ahnhj .img img {width: 160%;transform: translate(4%, 21%);} /*안현정T 비율 예외*/
.only1lesson .teacher_box.yoonm .img img {width: 158%;transform: translate(3%, 21%);} /*윤미T 비율 예외*/
.only1lesson .teacher_box .txt { font-size: 3.73vw; color: #fff; background: rgb(0 0 0 / 60%); position: absolute; left: 0; right: 0; bottom: -1px; min-height: 9.33vw; text-align: center; padding: 2.4vw; }
.only1lesson .teacher_box .txt b { font-size: 4.53vw; }


/* kok_wrap */
.only1lesson .kok_wrap {background: rgb(107 159 255 / 10%);padding: 21.34vw 0;}
.only1lesson .kok_slide {width:100%;overflow:hidden;}
.only1lesson .kok_slide > .swiper-wrapper > .swiper-slide {width:100%;padding: 0 6.4vw;}
.only1lesson .kok_slide img {display:block;width:100%;}
.only1lesson .kok_slide .swiper-container {width: 79%;overflow:hidden;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 9%;border-radius: 2.67vw;}


/* record_wrap */
.only1lesson .record_wrap { padding: 21.34vw 0;}
.only1lesson .record_wrap .box { padding: 0 6.4vw; display: flex; flex-direction: column; gap: 10.67vw;}
.only1lesson .record_wrap .box .con1 {}
.only1lesson .record_wrap .box .con2 {}


/* sistem_wrap */
.only1lesson .sistem_wrap { background: rgb(107 159 255 / 10%); padding: 21.34vw 0 18.34vw; }
.only1lesson .sitem_box { position: relative; margin: 10.93vw 0 0; height: 116.27vw; }
.only1lesson .sitem_box > li { width: 37.87vw; position: absolute; transform: scale(0.72); transform-origin: 50% 50%; transition: transform 1s; border-radius: 4vw; }
.only1lesson .sitem_box > li > .img { width:100%; }

.only1lesson .sitem_box .con1 { top: 15.2vw; left: 1.33vw; }
.only1lesson .sitem_box .con1 .dots { position: absolute; left: 0; top: 62%; right: 0; bottom: 26%; }
.only1lesson .sitem_box .con1 .dots span { background: #2d39be; width: 1.33vw; display: block; position: absolute; border-radius: 50%; height: 1.33vw; }
.only1lesson .sitem_box .con1 .dots span:nth-of-type(1) { left: 41.2%; top: 8%; }
.only1lesson .sitem_box .con1 .dots span:nth-of-type(2) { left: 48.5%; top: 82%; }
.only1lesson .sitem_box .con1 .dots span:nth-of-type(3) { left: 55.3%; top: 30%; }

.only1lesson .sitem_box .con2 { top: 47.47vw; left: 1.33vw; }
.only1lesson .sitem_box .chart_total {  }
.only1lesson .sitem_box .chart_total { width: 55%; aspect-ratio: 1 / 1; background: #efefef; border-radius: 50%; position: relative; flex-shrink: 0; flex-shrink: 0; position: absolute; left: 0; right: 0; bottom: 10%; margin: 0 auto; }
.only1lesson .sitem_box .chart_total canvas { width: 100% !important; height: 100% !important; display: block; transform: scaleX(-1); }
.only1lesson .sitem_box .chart_total .txt { position: absolute; inset: 10%; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #fff; border-radius: 50%; }
.only1lesson .sitem_box .chart_total .txt strong { font-size: 4.53vw; color: #000; }

.only1lesson .sitem_box .con3 { top: 0; left: 30.93vw; }
.only1lesson .sitem_box .con3 .bubble { position: absolute; left: 0; right: 0; bottom: 0; height: 26vw; }
.only1lesson .sitem_box .con3 .bubble img {height:5vw;position:absolute;transform:scale(1);opacity:1;transform-origin:center;}
.only1lesson .sitem_box .con3 .bubble img:nth-of-type(1) { left: 21.7vw; height: 3.1vw; top: 1.5vw; }
.only1lesson .sitem_box .con3 .bubble img:nth-of-type(2) { left: 4vw; top: 3.5vw; }
.only1lesson .sitem_box .con3 .bubble img:nth-of-type(3) { left: 15vw; top: 9.5vw; }
.only1lesson .sitem_box .con3 .bubble img:nth-of-type(4) { top: 12vw; left: 8vw; height: 2.3vw; }
.only1lesson .sitem_box .con3 .bubble img:nth-of-type(5) { top: 15vw; left: 4vw; }

.only1lesson .sitem_box .con4 { top: 13.07vw; right: 1.33vw; }
.only1lesson .sitem_box .branch_motion { width: 82%; height: 21.33vw; position: absolute; z-index: 1; left: 0; right: 0; bottom: 8%; margin: 0 auto; }
.only1lesson .sitem_box .branch_start { width: 2.13vw; height: 2.13vw; background: #5864db; border-radius: 50%; position: absolute; left: 2.13vw; top: 9.87vw; z-index: 5; box-sizing: border-box; opacity: 1; }
.only1lesson .sitem_box .branch_start i { width: 100%; height: 100%; background: rgb(52 65 201 / 20%); border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); box-sizing: border-box; }
.only1lesson .sitem_box .branch { width: 14.67vw; height: 0.8vw; background: #5864db; position: absolute; left: 3.47vw; top: 10.4vw; transform-origin: left center; transform: scaleX(0); }
.only1lesson .sitem_box .branch span { width: 2.13vw; height: 2.13vw; border-radius: 50%; position: absolute; right: -0.8vw; top: 50%; transform: translateY(-50%) scale(1); }
.only1lesson .sitem_box .branch1 {width:14.67vw;transform:rotate(-37deg) scaleX(1);}
.only1lesson .sitem_box .branch2 {width:14.67vw;transform:rotate(0) scaleX(1);z-index:1;}
.only1lesson .sitem_box .branch3 {width:14.67vw;transform:rotate(37deg) scaleX(1);}
.only1lesson .sitem_box .branch4 {width:25.07vw;transform:rotate(0) scaleX(1);}
.only1lesson .sitem_box .branch1 span { background: #ffd27f; }
.only1lesson .sitem_box .branch2 span { background: #70bfff; }
.only1lesson .sitem_box .branch3 span { background: #93ebab; }
.only1lesson .sitem_box .branch4 span { background: #ffa5c2; }

.only1lesson .sitem_box .con5 { top: 70.93vw; left: 30.93vw; }
.only1lesson .sitem_box .con5 .bar_box { position: absolute; inset: 50% 0 18%; display: flex; gap: 1.73vw; justify-content: center; align-items: flex-end; }
.only1lesson .sitem_box .con5 .bar_box li { width: 4.27vw; height: 14.67vw; position: relative; flex-shrink: 0; display: flex; align-items: center; flex-direction: column; justify-content: flex-end; }
.only1lesson .sitem_box .con5 .bar_box li .bar_ { width: 100%; height: 0; transition: height .8s ease; border-radius: 0.53vw; }
.only1lesson .sitem_box .con5 .bar_box li:nth-of-type(1) .bar_ { background: #ffa5c2; }
.only1lesson .sitem_box .con5 .bar_box li:nth-of-type(2) .bar_ { background: #93ebab; }
.only1lesson .sitem_box .con5 .bar_box li:nth-of-type(3) .bar_ { background: #ffd27f; }
.only1lesson .sitem_box .con5 .bar_box li:nth-of-type(4) .bar_ { background: #d6a6fa; }
.only1lesson .sitem_box .con5 .bar_box li:nth-of-type(5) .bar_ { background: #70bfff; }
.only1lesson .sitem_box .con5 .bar_box li span { font-size: 2.4vw; white-space: nowrap; color: #000; order: -1; }

.only1lesson .sitem_box .con6 { top: 36vw; left: 30.93vw; }
.only1lesson .sitem_box .con6 .box { position: absolute; left: 0; right: 0; bottom: 0; height: 23vw; }
.only1lesson .sitem_box .con6 .box .line {width:14vw;top:2.2vw;right:8.6vw;position:absolute;clip-path:inset(0);}
.only1lesson .sitem_box .con6 .box .arrow {width:8.2vw;position:absolute;top:1vw;right:6vw;clip-path:inset(0);}

.only1lesson .sitem_box .con7 { top: 48.8vw; right: 1.33vw; }
.only1lesson .sitem_box .con7 .smartmath_wrap { position: absolute; left: 0; right: 0; bottom: 14%; width: 28.53vw; margin-left: 11%; }
.only1lesson .sitem_box .con7 .smartmath_box {width:100%;position:relative;}
.only1lesson .sitem_box .con7 .smartmath_box .box { width: 100%; display: flex; aspect-ratio: 17 /10; align-items: flex-end; overflow: hidden; position: relative; }
.only1lesson .sitem_box .con7 .smartmath_box .box .bg { max-width: none; width: 28.53vw; }
.only1lesson .sitem_box .con7 .smartmath_box::after { content: ''; display: block; top: 0; right: 0; position: absolute; width: 0.8vw; bottom: 0; background: url(../img/smartmath_obj.png) no-repeat 0 0 / 100% auto; z-index: 1; }
.only1lesson .sitem_box .con7 .smartmath_box .branch_start { position: absolute; top: -0.53vw; right: -0.8vw; left: auto; }

.only1lesson .sitem_box > li.active { transform: scale(1); z-index: 3; box-shadow: 0 4vw 5.33vw rgb(24 39 70 / 15%); }
.only1lesson .sitem_box .con1.active .dots span:nth-of-type(1) { animation: dotMove1 1.8s ease-in-out infinite; }
.only1lesson .sitem_box .con1.active .dots span:nth-of-type(2) { animation: dotMove2 2.15s ease-in-out .12s infinite; }
.only1lesson .sitem_box .con1.active .dots span:nth-of-type(3) { animation: dotMove3 1.95s ease-in-out .3s infinite; }

.only1lesson .sitem_box .con3.active .bubble img {transform:scale(1);opacity:1;}
.only1lesson .sitem_box .con3.active .bubble img:nth-of-type(1) {animation:bubblePop2 .45s cubic-bezier(.34,1.56,.64,1) .1s both;}
.only1lesson .sitem_box .con3.active .bubble img:nth-of-type(2) {animation:bubblePop2 .45s cubic-bezier(.34,1.56,.64,1) .25s both;}
.only1lesson .sitem_box .con3.active .bubble img:nth-of-type(3) {animation:bubblePop2 .45s cubic-bezier(.34,1.56,.64,1) .4s both;}
.only1lesson .sitem_box .con3.active .bubble img:nth-of-type(4) {animation:bubblePop2 .45s cubic-bezier(.34,1.56,.64,1) .55s both;}
.only1lesson .sitem_box .con3.active .bubble img:nth-of-type(5) {animation:bubblePop2 .45s cubic-bezier(.34,1.56,.64,1) .7s both;}

.only1lesson .sitem_box .con4.active .branch1 {animation:branchGrow1 .7s ease-out .2s both;}
.only1lesson .sitem_box .con4.active .branch2 {animation:branchGrow2 .7s ease-out .4s both;}
.only1lesson .sitem_box .con4.active .branch3 {animation:branchGrow3 .7s ease-out .6s both;}
.only1lesson .sitem_box .con4.active .branch4 {animation:branchGrow4 .7s ease-out .8s both;}
.only1lesson .sitem_box .con4.active .branch1 span {animation:branchDot .25s ease-out .85s both;}
.only1lesson .sitem_box .con4.active .branch2 span {animation:branchDot .25s ease-out 1.05s both;}
.only1lesson .sitem_box .con4.active .branch3 span {animation:branchDot .25s ease-out 1.25s both;}
.only1lesson .sitem_box .con4.active .branch4 span {animation:branchDot .25s ease-out 1.45s both;}
.only1lesson .sitem_box > li.active .branch_start { opacity: 1; }
.only1lesson .sitem_box > li.active .branch_start i { animation: branchWave 2s ease-out infinite; }
.only1lesson .sitem_box > li.active .branch_start i:nth-child(2) { animation-delay: 1s; }

.only1lesson .sitem_box .con6.active .box .arrow {animation:con6Reveal .7s ease both;}
.only1lesson .sitem_box .con6.active .box .line {animation:con6Reveal .7s .5s ease both;}

.only1lesson .sitem_box .con7.active .smartmath_box {animation:smartmathOpen .7s .3s ease both;}

@keyframes branchWave {
    0% { width: 100%; height: 100%; opacity: .8; }
    70% { width: 250%; height: 250%; opacity: .8; }
    100% { width: 200%; height: 200%; opacity: 0; }
}
@keyframes branchGrow1 {
    0% { transform: rotate(-37deg) scaleX(0); }
    100% { transform: rotate(-37deg) scaleX(1); }
}
@keyframes branchGrow2 {
    0% { transform: rotate(0) scaleX(0); }
    100% { transform: rotate(0) scaleX(1); }
}
@keyframes branchGrow3 {
    0% { transform: rotate(37deg) scaleX(0); }
    100% { transform: rotate(37deg) scaleX(1); }
}
@keyframes branchGrow4 {
    0% { transform: rotate(0) scaleX(0); }
    100% { transform: rotate(0) scaleX(1); }
}
@keyframes branchDot {
    0% { transform: translateY(-50%) scale(0); }
    70% { transform: translateY(-50%) scale(1.3); }
    100% { transform: translateY(-50%) scale(1); }
}
@keyframes dotMove1 {
    0%, 100% { top: 8%; }
    32% { top: 72%; }
    58% { top: 42%; }
    78% { top: 92%; }
}
@keyframes dotMove2 {
    0%, 100% { top: 82%; }
    27% { top: 24%; }
    52% { top: 66%; }
    76% { top: 5%; }
}
@keyframes dotMove3 {
    0%, 100% { top: 30%; }
    25% { top: 88%; }
    55% { top: 12%; }
    80% { top: 62%; }
}
@keyframes bubblePop2 {
    0% { transform:scale(0); opacity:0; }
    100% { transform:scale(1); opacity:1; }
}
@keyframes con6Reveal {
    0% { clip-path:inset(100% 0 0 0); }
    100% { clip-path:inset(0 0 0 0); }
}
@keyframes smartmathOpen {
    0% { width:0; }
    100% { width:100%; }
}


/* divide_wrap */
.only1lesson .divide_wrap { padding: 21.34vw 0 16.34vw;}
.only1lesson .divide_wrap .section_tit_box { z-index: 2;}
.only1lesson .divide_wrap .card_step_box .box {margin-bottom: 12vw;overflow: visible;position: sticky;top: 18vw;z-index: 1;}
.only1lesson .divide_wrap .card_step_box .box::before {content:'';background: #ECF0F8;position: absolute;top: -10vw;left: 0;right: 0;bottom: 0;box-shadow: 0 0 2vw 2vw #ECF0F8;}
.only1lesson .divide_wrap .card_step_box .box .section_desc { z-index: 1; position: relative; }
.only1lesson .divide_wrap .card_step_box .box .section_btns { z-index: 1; position: relative; }
.only1lesson .divide_wrap > article {padding-bottom: 29vw;}
.only1lesson .divide_wrap > article ~ article {margin-top: 15vw;}
.only1lesson .divide_wrap .con3_1 { }


/* personalize_wrap */
.only1lesson .personalize_wrap {background: rgb(107 159 255 / 10%);padding: 21.34vw 0;}
.only1lesson .personalize_wrap .box { padding: 0 6.4vw; display: flex; flex-direction: column; gap: 16vw;}
.only1lesson .personalize_wrap .box .con1 {}
.only1lesson .personalize_wrap .box .con2 {}
.only1lesson .subject_chart { position: relative;}
.only1lesson .subject_chart .bg { width: 100%; }
.only1lesson .subject_chart .subject_graph {width: 42.4vw;height: 40.27vw;position: absolute;top: 33.07vw;left: 0;right: 0;z-index: 1;margin: 0 auto;}
.only1lesson .subject_chart .subject_shape {width:100%;height:100%;background: linear-gradient(85deg, #FFCC00 0%, #FF4343 33%, #C355F2 64%, #35D3FF 100%);clip-path:polygon(50% 25%,78% 45%,68% 79%,31% 72%,22% 43%);opacity: .6;animation:subjectChart 7.5s ease-in-out infinite;}

@keyframes subjectChart {	
	0%, 15% {clip-path:polygon(50% 0,78% 45%,68% 79%,31% 72%,22% 43%);}
	20%, 35% {clip-path:polygon(50% 19%,100% 38%,70% 82%,34% 77%,19% 42%);}	
	40%, 55% {clip-path:polygon(50% 23%,80% 44%,81% 100%,30% 75%,24% 45%);} 
	60%, 75% {clip-path:polygon(50% 17%,76% 46%,69% 80%,20% 100%,21% 41%);}
	80%, 95% {clip-path:polygon(50% 22%,81% 43%,66% 76%,33% 80%,1% 38%);}
	100% {clip-path:polygon(50% 0,78% 45%,68% 79%,31% 72%,22% 43%);}
}


/* start_wrap */
.only1lesson .start_wrap { background: #f20000; padding: 19.47vw 0 20.8vw; }
.only1lesson .start_wrap p { color: #fff; text-align: center; font-size: 5.87vw; font-weight: 600; }
.only1lesson .start_wrap strong { color: #fff; text-align: center; font-size: 10.67vw; font-weight: 600; display: block; margin-top: 7.47vw; font-family: 'GmarketSansBold'; line-height: 1.1; }
.only1lesson .start_wrap strong .color { color: #FFF365; }
.only1lesson .start_wrap a { width: 87.2vw; display: block; background: #222; margin: 6.93vw auto 0; height: 15.2vw; font-size: 5.87vw; border-radius: 10.67vw; box-shadow: 0 5.33vw 8vw rgb(160 0 0 / 50%); text-align: center; color: #fff; font-weight: 600; padding-top: 4vw; }
.only1lesson .start_wrap a .color { color: #FFF365; }


/* caution_wrap */
.only1lesson .caution_wrap {padding: 12.53vw 6.4vw;z-index: 1;position: relative;background: #b3b3b3;}
.only1lesson .caution_wrap .tit { font-size: 5.33vw; color: #000; font-weight: 700;}
.only1lesson .caution_wrap .tit::before {content:"";width: 5.33vw;height: 5.33vw;background: url('../img/caution_icon.png') no-repeat 0 0 / contain;display: inline-block;margin: 0 1.07vw -0.8vw 0;}
.only1lesson .caution_wrap ul {display:flex;flex-direction:column;gap:1.07vw;margin: 4vw 0 0;padding-left: 1.33vw;}
.only1lesson .caution_wrap ul li {padding-left: 1.87vw;font-size: 3.2vw;line-height: 1.3;color: #626262; word-break:keep-all;position: relative; }
.only1lesson .caution_wrap ul li::before {content:'';background: #626262;width: 0.8vw;height: 0.8vw;border-radius: 50%;display: block;position: absolute;top: 2.13vw;left: 0; }


/* @keyframes */
.only1lesson @keyframes move {
    50% { transform: translateY(-2.67vw); }
}							 
@keyframes paper {
    0% { transform: translate(0) rotate(0deg); opacity: 1; }
    25% { transform: translate(-13.33vw,5.33vw) rotate(-15deg); }
    50% { transform: translate(13.33vw,10.67vw) rotate(15deg); opacity: 0.8; }
    75% { transform: translate(-8vw,16vw) rotate(-10deg); }
    100% { transform: translate(8vw,21.33vw) rotate(30deg); opacity: 0; }
}							 
@keyframes rollingDown1 {
    0% { transform: translateY(0); }
    50% { transform: translateY(100%); }
    50.01% { transform: translateY(-100%); }
    100% { transform: translateY(0); }
}							 
@keyframes rollingDown2 {
    0% { transform: translateY(-200%); }
    100% { transform: translateY(0); }
}
@keyframes rollingUp1 {
    0% { transform: translateY(0); }
    50% { transform: translateY(-100%); }
    50.01% { transform: translateY(100%); }
    100% { transform: translateY(0); }
}							 
@keyframes rollingUp2 {
    0% { transform: translateY(0); }
    100% { transform: translateY(-200%); }
}							 
@keyframes zoom {
    50% { transform: scale(0); opacity: 0; }
}							 
@keyframes blinker {
    50% { opacity: 0; }
}							 
@keyframes rollingLeft1 {
    0% { transform: translateX(0); }
    50% { transform: translateX(100%); }
    50.01% { transform: translateX(-100%); }
    100% { transform: translateX(0); }
}							 
@keyframes rollingLeft2 {
    0% { transform: translateX(-200%); }
    100% { transform: translateX(0); }
}							 
@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%); }
}


/* 외부매체 */
.quick_menu{display: flex; overflow-x: auto; position: sticky; top: 0; left: 0; z-index: 5; background: #fff; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none;}
.quick_menu button{display: flex;align-items: center;justify-content: center;flex: 0 0 auto;padding: 0.7em 1.1em 0.4em;border-bottom: 4px solid #fff;color: #7a7a79;font-size: 4.80vw;line-height: 1.1em;}
.quick_menu button.on{border-color: #ed2727; color: #ed2727; font-weight: 700;}


#event img { max-width:100%; }

.reward_wrap {background: #4f1209 url(../img/reward_bg.png) no-repeat 50% 0;padding: 13vw 0;}
.reward_wrap .section_tit_box .tit2 {color:#fff;font-size: 7.5vw;}
.reward_wrap .section_desc {color: #fff;font-size: 4vw;margin-top: 3vw;}
.reward_wrap .section_tit_box .tit2 .color {background: linear-gradient(90deg, #ff8607 0%, #ff2536 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;}
.reward_wrap .section_tit_box .section_desc .color {background: linear-gradient(90deg, #ff8607 0%, #ff2536 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;}
.reward_wrap .con { width: 100%; }
.reward_wrap .inner > .desc {color: #7E513F;text-align: center;font-size: 2.2vw; margin-top: 4vw;}

#event .form .insert > li a,
#event .confirm input[type="submit"]{border:1px solid #000; color:#000; font-weight:400;}
#event .btn_detail_view_layer{font-size:12px; color:#1b1b1b; display:inline-block; vertical-align:middle; margin:-3px 0 0 10px; background:#fff; letter-spacing:-1px;}
#event .agree.accordion{position:absolute; left:0; top:28px; border:1px solid #000; background:#fff; z-index:2;}
#event .agree.accordion .relative{padding:20px;}
#event .agree.accordion .btn_note_case3{position:absolute; right:0; top:0; text-indent:-9999em; background:url(/promotion/event/2023/1221_11780/../img/event/btn_layer_close.png) no-repeat center; width:40px; height:40px;}
#event .form{padding:10px 17px 10px;}
#event .form h3{border:none;}
#event .ga_go_link{position:relative;}
#event .ga_go_link > a{position:absolute; text-indent:-9999em; height:48%;}
#event .ga_go_link > a.ga_go_link1{left:0; top:0; width:100%;}
#event .ga_go_link > a.ga_go_link2{left:0; top:55%; width:50%;}
#event .ga_go_link > a.ga_go_link3{left:50%; top:55%; width:50%;}

.noticeBox{position:relative; background:#f5f5f5; padding:30px 20px; font-family:'Noto Sans KR'; text-align:left; color:#333; word-break: keep-all;}
.noticeBox h2.tit{position:relative; font-size:15px; font-weight:600;}
.noticeBox p.tit{color:#ed3535; font-size:13px; font-weight:700;}
.noticeBox p.tit:not(:first-child){margin:20px 0 0;}
.noticeBox ul{margin:5px 0 0;}
.noticeBox ul li{position:relative; font-size:11px; font-weight:200; text-indent:-5px; padding:0 0 0 5px; font-weight:400; margin:5px 0 0; line-height:1.3;}
.noticeBox .btn_member{position:absolute; right:100px; top:0; background:#454141; color:#fff; font-size:14px; padding:8px 20px;}

.banner_event_fix{z-index:100 !important;}

@keyframes blinker {
  50% {
    opacity:0;
  }
}