@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 */
#wrapper { width: auto; min-width: 1200px; margin: 0 0 -80px; }
.only1lesson .prm_content_wrap { width: 100%; background: #ECF0F8; font-family: "Pretendard"; }
.only1lesson .prm_content_wrap * { font-family: inherit; letter-spacing: -1.5px; }
.only1lesson .prm_content_wrap section .inner { position: relative; width: 1200px; margin: 0 auto; min-height: 50px; z-index: 1; }
.only1lesson .prm_content_wrap img { max-width: 100%; }
.only1lesson .prm_content_wrap section { position: relative; }
.only1lesson .prm_content_wrap .section_bg { position: relative; left: 50%; transform: translateX(-50%); max-width: none; }
.only1lesson .section_tit_box {margin-bottom: 60px;overflow: hidden;position: relative;}
.only1lesson .section_tit_box .tit1 { text-align: center; color: #222; font-size: 50px; }
.only1lesson .section_tit_box .tit2 { font-size: 60px; font-family: 'GmarketSansBold'; text-align: center; color: #222; display: block; line-height: 1.2; }
.only1lesson .section_tit_box .tit1 + .tit2 { margin-top: 30px; }
.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: 26px;line-height: 1.4;}
.only1lesson .tit2 + .section_desc {margin-top: 12px;}
.only1lesson .desc_sm {color: #BABABA;font-size: 14px;text-align: center;font-weight: 300; letter-spacing: -0.5px;}
.only1lesson .section_desc + .desc_sm {margin-top: 3px;}
.only1lesson .section_btns { display: flex; gap: 15px; justify-content: center; align-items: center; margin-top: 20px; }
.only1lesson .desc_sm + .section_btns {margin-top: 24px;}
.only1lesson .section_btns a {font-size: 18px;color: #292A4C;height: 44px;padding: 2px 24px 0;border: 1px solid #292A4C;display: flex;align-items: center;justify-content: center;border-radius: 24px;font-weight: 600;line-height: 1;}
.only1lesson #js-ree-trial-apply .btn { text-indent: inherit; }
.only1lesson [data-aos=fade-up] { transform: translate3d(0, 50px, 0); }
.only1lesson .prm_content_wrap .swiper-button-prev, 
.only1lesson .prm_content_wrap .swiper-button-next { display: block; font-size: 0; }
.only1lesson .prm_content_wrap .swiper-button-next:after, 
.only1lesson .prm_content_wrap .swiper-button-prev:after { display: none; }


/* ½ºÅ©·Ñ ½Ã ³ªÅ¸³ª´Â Æ˾÷ */
.only1lesson .popup { overflow: hidden; width: 100%; height: 100%; z-index: 9999; opacity: 0; transition: all .5s; }
.only1lesson .popup.active { overflow: visible; position: fixed !important; top: 0; left: 0; opacity: 1; }
.only1lesson .popup .dim { width: 100%; height: 100%; background: rgba(0, 0, 0 ,.6); }
.only1lesson .popup .inner { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); }
.only1lesson .popup .inner .con a { display: block; }
.only1lesson .popup .inner .con .close { position: absolute; top: 27px; right: 24px; width: 50px; height: 50px; background: none; text-indent: -9999px; }


/* fade in */
.only1lesson .fade_box .fade {position: relative;transform: translate(0, 100px);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, 100px); 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; }
.only1lesson .fade_box .fade_21 { transition-delay: 2.1s; }
.only1lesson .fade_box .fade_22 { transition-delay: 2.2s; }
.only1lesson .fade_box .fade_23 { transition-delay: 2.3s; }
.only1lesson .fade_box .fade_24 { transition-delay: 2.4s; }


/* card_step_box */
.only1lesson .card_step_box { position: relative; padding: 0 0 243px; }
.only1lesson .card_step_box .item { position: sticky; z-index: 2; width: 32vh; }
.only1lesson .card_step_box .item:nth-of-type(1) { top: 6vh; transform: translate(0, 0); }
.only1lesson .card_step_box .item:nth-of-type(2) { top: 6vh; transform: translate(-1%, 16vh); }
.only1lesson .card_step_box .item:nth-of-type(3) { top: 6vh; transform: translate(0, 32vh); }
.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); }


/* notice_wrap */
.only1lesson .notice_wrap { z-index: 1; position: relative; }
.only1lesson .notice_wrap > .tit { display: flex; align-items: center; justify-content: center; height: 70px; background: #5b5b5b; font-size: 28px; color: #fff; cursor: pointer; border-radius: 40px; }
.only1lesson .notice_wrap > .tit span { display: flex; align-items: center; gap: 16px; }
.only1lesson .notice_wrap > .tit span::after { content: ""; width: 30px; height: 30px; background: url('/promotion/event/2026/0820_12000/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: 48px 50px; text-align: left; border-radius: 30px; background: #2c2c2c; }
.only1lesson .notice_wrap .con .tit {margin-bottom: 7px;fo;font-size: 20px;font-weight: 700;color: rgb(255 255 255 / 70%);}
.only1lesson .notice_wrap .con ul { display: flex; flex-direction: column; gap: 5px; }
.only1lesson .notice_wrap .con ul + p { margin-top: 39px; }
.only1lesson .notice_wrap .con ul li { padding-left: 15px; font-size: 16px; line-height: 1.5; color: rgb(255 255 255 / 70%); word-break: keep-all; position: relative; text-indent: -10px; font-weight: 300; }
.only1lesson .notice_wrap .con ul li .bullet { width: 5px; height: 5px; display: block; background: #666; border-radius: 50%; flex-shrink: 0; margin: 11px 8px 0 0; }
.only1lesson .notice_wrap .con ul li .bold { color: #333; }




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

/* visual_wrap */
.only1lesson .visual_wrap { background: linear-gradient(to bottom, #250600 30%, #551406 100%); height: 593px; overflow: hidden; }
.only1lesson .visual_wrap .inner { width: 1017px; height: 100%; }
.only1lesson .visual_wrap .video_box { transform: translate(0, 0); opacity: 0; transition: 1.7s 1.8s; width: 507px; margin-left: -48px; position: absolute; top: -283px; left: 50%; -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); }
.only1lesson .visual_wrap video { width: 100%; }
.only1lesson .visual_wrap .txt { position: absolute; z-index: 1; top: 0; left: 50%; padding: 78px 0 0; transform: translate(-50%, 0); transition: 1s 1.5s ease; }
.only1lesson .visual_wrap .txt small { visibility: hidden; display: block; text-align: center; color: #fff; font-size: 32px; font-family: 'GmarketSansMedium'; }
.only1lesson .visual_wrap .txt em { visibility: hidden; display: block; text-align: center; color: #FF0000; font-size: 60px; font-family: 'GmarketSansMedium'; line-height: 1.05; margin-top: 22px; letter-spacing: -2px; overflow: hidden; }
.only1lesson .visual_wrap .txt strong { display: flex; text-align: center; color: #fff; font-size: 80px; font-family: 'GmarketSansBold'; margin-top: 1px; opacity: 0; letter-spacing: .5em; transition: opacity 0.7s ease, letter-spacing 1s cubic-bezier(.22,1,.36,1); white-space: nowrap; justify-content: center; }
.only1lesson .visual_wrap .txt .desc { text-align: center; color: #fff; font-size: 22px; margin-top: 5px; opacity: 0; transition: .5s 1.5s; }
.only1lesson .visual_wrap .txt .btn { text-align: center; background: #ff0000; font-size: 21px; margin-top: 37px; opacity: 0; transition: .5s 1.7s; font-family: 'GmarketSansMedium'; color: #fff; height: 56px; display: flex; align-items: center; justify-content: center; line-height: 1; border-radius: 30px; padding-top: 3px; }
.only1lesson .visual_wrap .txt .btn::after { content: ''; width: 30px; height: 30px; display: inline-block; display: block; background: url(/promotion/event/2026/0820_12000/img/visual_btn.png) no-repeat 0 0 / contain; margin-left: 10px; transform: translate(0, -2px); }
.only1lesson .visual_wrap .obj { position: absolute; top: 319px; left: 50%; z-index:1; transform: translateY(300px); margin-left: 45px; }
.only1lesson .visual_wrap.on .txt { left: 0; 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 .txt .btn { opacity: 1; }
.only1lesson .visual_wrap.on .video_box { opacity: 1; }
.only1lesson .visual_wrap.on .obj { animation: visualObjUp_ 2s 1.2s cubic-bezier(.12, .75, .18, 1) forwards, visualObjFloat_ 3s 3.2s ease-in-out infinite; }
.only1lesson .discount_pop {position: absolute;top: 3px;left: 50%;z-index:2;opacity: 0;transform: translateX(50px);transform-origin: 50% 50%;margin-left: 383px;}
.only1lesson .discount_pop a { display: block; }
.only1lesson .discount_pop button { position: absolute; top: 24px; right: 28px; width: 26px; aspect-ratio: 1/1; font-size: 0; background: url(/promotion/event/2026/0820_12000/img/discount_pop_close.png) no-repeat 0 0 / contain; }
.only1lesson .visual_wrap.on .discount_pop { animation: modalTtilong_ 0.8s 3s ease-out forwards; }

@keyframes visualObjUp_ {
    0% { opacity: 0; transform: translateY(300px); }
    50% { opacity: 0; }
    100% { opacity: 1; transform: translateY(-100px); }
}
@keyframes visualObjFloat_ {
    0%, 100% { transform: translateY(-100px); }
    50% { transform: translateY(-70px); }
}
@keyframes modalTtilong_ {
    0% { transform: translateY(30px) 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: 674px; background: url(/promotion/event/2026/0820_12000/img/intro_bg.png) no-repeat 50% 50% / cover; /* background-attachment: fixed; */; }
.only1lesson .intro_wrap .img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.only1lesson .intro_wrap .txt { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; background: rgb(0 0 0 / 60%); }
.only1lesson .intro_wrap .txt p { color: #fff; text-align: center; font-size: 36px; line-height: 1.4; font-weight: 500; }
.only1lesson .intro_wrap .txt strong { text-align: center; font-size: 69px; line-height: 1.2; display: block; margin-top: 84px; 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: 1376px; position: relative; overflow: hidden; background: #fff; }
.only1lesson .arrow_wrap .arrow_layer { position: absolute; inset: 0; }
.only1lesson .arrow_wrap .arrow_base { color: #F40000; }
.only1lesson .arrow_wrap .arrow_cover { background: #F40000; color: #fff; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 125px), 0 100%); will-change: clip-path; opacity:0;transition:clip-path 0.5s cubic-bezier(0, 0.49, 0.55, 0.89), opacity .15s ease;}
.only1lesson .arrow_wrap .arrow_cover.ready {opacity:1;}
.only1lesson .arrow_wrap .arrow_cont { position: relative; width: 100%; padding: 0; box-sizing: border-box; }
.only1lesson .arrow_wrap .tit {padding-top: 120px;text-align: center;font-size: 80px;font-family: 'GmarketSansBold';line-height: 1.38;}
.only1lesson .arrow_wrap .txt { padding-top: 43px; text-align: center; font-size: 36px; font-weight: 600; line-height: 1.4; }
.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; top: 750px; background: #000; width: 900px; border-radius: 20px; }
.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(/promotion/event/2026/0820_12000/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: 120px; overflow: hidden; }
.only1lesson .discount_wrap .confetti1 { position: absolute; z-index: 1; top: -20px; left: 660px; opacity: 0; animation: confettiFlat1_ 2s linear infinite; }
.only1lesson .discount_wrap .confetti2 { position: absolute; z-index: 1; top: 40px; left: 270px; opacity: 0; animation: confettiFlat2_ 2.5s linear .7s infinite; }
.only1lesson .discount_wrap .confetti3 { position: absolute; z-index: 1; top: 70px; left: 830px; opacity: 0; animation: confettiFlat3_ 1.7s linear .2s infinite; }
.only1lesson .discount_wrap .confetti4 { position: absolute; z-index: 1; top: 170px; left: 410px; opacity: 0; animation: confettiFlat2_ 2.2s linear 1.1s infinite; }
.only1lesson .discount_wrap .confetti5 { position: absolute; z-index: 1; top: 270px; left: 280px; opacity: 0; animation: confettiFlat1_ 2.7s linear .4s infinite; }
.only1lesson .discount_wrap .confetti6 { position: absolute; z-index: 1; top: 310px; left: 870px; opacity: 0; animation: confettiFlat3_ 2s linear 1.4s infinite; }
.only1lesson .discount_wrap .confetti7 { position: absolute; z-index: 1; top: 390px; left: 390px; opacity: 0; animation: confettiFlat2_ 1.9s linear .9s infinite; }
.only1lesson .discount_wrap .section_bg { position: absolute; }
.only1lesson .discount_wrap .top { position: relative; padding-top: 110px; text-align: center; z-index: 1; z-index: 2; }
.only1lesson .discount_wrap .top .tit { display: block; margin: 0 auto; }
.only1lesson .discount_wrap .top .desc { font-size: 14px; color: rgb(255 255 255 / 50%); margin: 18px 0 79px; font-weight: 300; letter-spacing: -0.5px; }
.only1lesson .discount_wrap .top .con { width:480px; }
.only1lesson .discount_wrap .btm {margin-top: 75px;z-index: 1;position: relative;}
.only1lesson .discount_li { display: flex; gap: 40px; }
.only1lesson .discount_li li { flex: 1; display: flex; flex-direction: column; gap: 33px; }
.only1lesson .discount_li li > .tit { font-size: 34px; height: 68px; border-radius: 80px; color: #fff; font-weight: 500; background: #5b66de; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.only1lesson .discount_li li:nth-of-type(2n) > .tit { background: #9a37fa; }
.only1lesson .discount_li li .box { border-radius: 20px; background: #fff; padding: 41px 40px; display: flex; position: relative; flex-grow: 1; align-items: center; }
.only1lesson .discount_li li .txt {  }
.only1lesson .discount_li li .txt .tit { font-size: 34px; font-weight: 700; color: #222; line-height: 1.3; }
.only1lesson .discount_li li .txt .tit .color1 { color: #f20000; }
.only1lesson .discount_li li .txt .tit .color2 { color: #5A65DE; }
.only1lesson .discount_li li .txt ul { display: flex; flex-direction: column; gap: 6px; margin-top: 21px; margin-bottom: 0; }
.only1lesson .discount_li li .txt ul li { font-size: 20px; color: #222; position: relative; padding-left: 11px; line-height: 1.3; }
.only1lesson .discount_li li .txt ul li::before { content: ''; position: absolute; top: 11px; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #222; }
.only1lesson .discount_li li .desc {font-size: 13px;margin-top: 10px;color: #818181; letter-spacing: -0.9px;}
.only1lesson .discount_li li .img { flex-shrink: 0; position: absolute; top: 50%; right: 0; }
.only1lesson .discount_li li .img1 { width: 162px; transform: translate(-37px, -50%); }
.only1lesson .discount_li li .img2 { width: 169px; transform: translate(-35px, -50%); }

@keyframes confettiFlat1_ {
    0% { transform: translate(0, -25px) rotate(-3deg); opacity: 0; }
    8% { opacity: 1; }
    25% { transform: translate(9px, 20px) rotate(3deg); }
    50% { transform: translate(-8px, 65px) rotate(-3deg); }
    75% { transform: translate(9px, 110px) rotate(3deg); opacity: 1; }
    88% { opacity: 1; }
    100% { transform: translate(-6px, 155px) rotate(-2deg); opacity: 0; }
}
@keyframes confettiFlat2_ {
    0% { transform: translate(0, -30px) rotate(3deg); opacity: 0; }
    8% { opacity: 1; }
    25% { transform: translate(-9px, 15px) rotate(-3deg); }
    50% { transform: translate(8px, 60px) rotate(3deg); }
    75% { transform: translate(-9px, 105px) rotate(-3deg); opacity: 1; }
    88% { opacity: 1; }
    100% { transform: translate(6px, 150px) rotate(2deg); opacity: 0; }
}
@keyframes confettiFlat3_ {
    0% { transform: translate(0, -20px) rotate(-2deg); opacity: 0; }
    8% { opacity: 1; }
    25% { transform: translate(8px, 25px) rotate(3deg); }
    50% { transform: translate(-9px, 70px) rotate(-3deg); }
    75% { transform: translate(8px, 115px) rotate(3deg); opacity: 1; }
    88% { opacity: 1; }
    100% { transform: translate(-6px, 160px) rotate(-2deg); opacity: 0; }
}


/* banner_wrap */
.only1lesson .banner_wrap { background: #f20000; display: flex; padding: 50px 0 35px; flex-direction: column; overflow: hidden; }
.only1lesson .banner_wrap .txt { position: relative; z-index: 1; }
.only1lesson .banner_wrap .txt p { font-size: 34px; text-align: center; color: #fff; }
.only1lesson .banner_wrap .txt strong { font-size: 50px; font-family: 'GmarketSansBold'; text-align: center; color: #fff; display: block; margin-top: 4px; }
.only1lesson .banner_wrap .obj { position: absolute; left: 178px; bottom: -116px;  }
.only1lesson .banner_wrap .txt p span, 
.only1lesson .banner_wrap .txt strong span { display: inline-block; opacity: 0; transform: translateY(30px); 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 {  }
.only1lesson .achieve_item {padding: 200px 0;position: relative;}
.only1lesson .achieve_item:nth-of-type(2n-1) { background: rgb(107 159 255 / 10%); }
.only1lesson .achieve_item .inner { display: flex; align-items: center; justify-content: center; gap: 30px; }
.only1lesson .coloring_box {width: 570px;text-align: center;line-height: 1.3;}
.only1lesson .achieve_item:nth-of-type(2n) .coloring_box { order: 2; }
.only1lesson .coloring_box p {font-size:40px;font-weight:700;background:linear-gradient(to right,#222 0 50%,#b0b3b8 50% 100%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position 2s ease;}
.only1lesson .coloring_box strong {font-size:40px;display:block;background:linear-gradient(to right,#f20000 0 50%,#eea8ae 50% 100%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position 2s ease;}
.only1lesson .coloring_box > *:nth-child(1) {transition-delay:0.0s;}
.only1lesson .coloring_box > *:nth-child(2) {transition-delay:0.4s;}
.only1lesson .coloring_box > *:nth-child(3) {transition-delay:0.8s;}
.only1lesson .coloring_box > *:nth-child(4) {transition-delay:1.2s;}
.only1lesson .coloring_box.show p,
.only1lesson .coloring_box.show strong {background-position:0 0;}
.only1lesson .achieve_wrap article { background: #fff; border-radius: 30px; padding: 43px 37px 52px; width: 550px; }
.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: 36px; font-weight: 700; line-height: 1.3; }
.only1lesson .achieve_wrap article .con_box { 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: 1.5%; width: 50%; 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: -25%; right: -21%; position: absolute; transform-origin: 75% 80%; animation: handWrite_ 3.6s ease-in-out infinite; }
.only1lesson .achieve_wrap article .desc_box { margin: 30px 0 40px; }
.only1lesson .achieve_wrap article .desc_box p { text-align: center; color: #222; font-size: 22px; line-height: 1.45; }
.only1lesson .achieve_wrap article .con_box .bubble {  }
.only1lesson .achieve_wrap .swiper-container { overflow: visible; width:100%; }
.only1lesson .achieve_wrap .swiper-container .swiper-slide {  }
.only1lesson .achieve_wrap .swiper-container .swiper-slide .tit_box {  }
.only1lesson .achieve_wrap .swiper-container .swiper-slide .box { border-radius: 12px; bo; border: 7px solid #414266; position: relative; }
.only1lesson .achieve_wrap .swiper-container .swiper-slide .box .hid { overflow: hidden; border-radius: 7px; 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: 427px; overflow: hidden; position: relative; padding: 87px 65px 0; margin: 0 -37px; }
.only1lesson .achieve_wrap article .con_box .bubble_box:before { content: ""; position: absolute; left: 0; top: -21px; width: 100%; height: 100px; 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: 100px; 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: 20px; will-change: transform; }
.only1lesson .achieve_wrap article .con_box .bubble_box li { display: flex; align-items: flex-end; gap: 9px; flex-shrink: 0; transform: translateX(100px); 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(-100px); }
.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: 70px; 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: -5%; right: 8.5%; width: 12%; 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: 10.5%; right: 0; bottom: -1%; 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: 26%; width: 85%; height: 14%; border: 2px 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: 18%; right: -0.5%; width: 29%; }
.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: -5%; right: 8.5%; width: 12%; 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 {  }
.only1lesson .achieve_item.sticky { height: 216vh; padding: 0; background: 0; }
.only1lesson .achieve_item.sticky::before { content: ''; position: sticky; top: 0; height: 275vh; background: transparent; left: 0; right: 0; display: block; z-index: 1; }
.only1lesson .achieve_item.sticky .inner { position: absolute; top: 0; left: 0; right: 0; height: 100%; padding: calc(50vh - 90px) 0 0; display: block; }
.only1lesson .achieve_item.sticky .coloring_box { position: sticky; top: calc(50vh - 90px); }
.only1lesson .achieve_item.sticky .card_step_box { position: absolute; top: 0; left: 50%; height: 238vh; padding: 8vh 0; margin-left: 10%; }
.only1lesson .achieve_item.sticky ~ .achieve_item { margin-top: 59vh; }
.only1lesson .card_wrap .card {  }
.only1lesson .card_wrap .siren { position: absolute; top: 52%; left: 51%; width: 24%; transform-origin: 50% 85%; animation: sirenSwing_ 2.5s ease-in-out infinite; }
.only1lesson .card_wrap .percent_box { background: #fff; padding: 52px 37px; border-radius: 30px; width: 550px; }
.only1lesson .card_wrap .percent_box .con_box { text-align: center; }
.only1lesson .card_wrap .percent_box .con_box .percent {display: flex;align-items: center;margin-bottom: 11px;}
.only1lesson .card_wrap .percent_box .con_box .percent .icon { font-size: 0; background: url(/promotion/event/2026/0820_12000/img/percent_icon.png) no-repeat 0 0 / contain; width: 47px; height: 58px; display: block; flex-shrink: 0; margin-right: 9px; }
.only1lesson .card_wrap .percent_box .con_box .percent .bar_ {height: 35px;border-radius: 20px;background: #f8f8f8;flex: 1;bo;border: 6px solid #e7ebee;rg;margin-top: 5px;}
.only1lesson .card_wrap .percent_box .con_box .percent .bar_ p { background: linear-gradient(to right, #FF99E2, #FF3134); height: 100%; border-radius: 24px; width:0; overflow: hidden; position: relative; }
.only1lesson .card_wrap .percent_box .con_box .percent .bar_ p span { font-size: 18px; color: #fff; font-weight: 500; line-height: 1.4; letter-spacing: 0; position: absolute; top: -1px; right: 13px; x; }
.only1lesson .card_wrap .percent_box .con_box .img {  }
.only1lesson .card_wrap .percent_box .desc_box { margin-top: 34px; }
.only1lesson .card_wrap .percent_box .desc_box p { text-align: center; color: #222; font-size: 22px; 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: 120px; overflow:hidden; }
.only1lesson .coupon_wrap .section_bg { position: absolute; }
.only1lesson .coupon_wrap .top_box { position: relative; padding-top: 120px; }
.only1lesson .coupon_wrap .top_box .tit { margin: 0 auto; display: block; }
.only1lesson .coupon_wrap .top_box .desc { color: rgb(255 255 255 / 50%); text-align: center; margin-top: 25px; font-size: 14px; line-height: 1.45; font-weight: 300; letter-spacing: -0.5px;}
.only1lesson .coupon_wrap .con_box { position: relative; display: flex; gap: 46px; margin: 61px 0 60px; }
.only1lesson .coupon_wrap .con_box .img { 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: 46px; }
.only1lesson .coupon_wrap .con_box .gift_li li {  }
.only1lesson .coupon_wrap .con_box .gift_li li img {  }


/* download_wrap */
.only1lesson .download_wrap { padding: 120px 0; }
.only1lesson .download_wrap .box {position: relative;padding: 76px 50px 70px;border: 3px solid rgb(255 255 255 / 60%);border-bottom: 30px;border-radius: 60px;background: rgb(255 255 255 / 10%);margin-bottom: 26px;}
.only1lesson .download_wrap .box .tit { position: relative; overflow: hidden; position: absolute; top: 0; transform: translate(-50%, -50%); left: 50%; border-radius: 44px; background: #ff0000; }
.only1lesson .download_wrap .box .tit::after {content: '';width: 188px;height: 234px;background: #ED0000;position: absolute;top: 0;right: -13px;bottom: 0;transform: rotate(63deg);}
.only1lesson .download_wrap .box .tit p { color: #fff; font-size: 30px;display: inline-flex; padding: 0 28px; height: 65px;  align-items: center; z-index: 1; position: relative; }
.only1lesson .download_wrap .down_li { display: flex; gap: 31px;  }
.only1lesson .download_wrap .down_li li { border-radius: 20px; background: #fff; padding: 26px 24px 30px; border: 1px solid rgb(165 179 209 / 60%); text-align: center; flex: 1; display: flex; flex-direction: column; }
.only1lesson .download_wrap .down_li li .con_box { position: relative; display: flex; flex-direction: column; align-items: center; min-height: 326px; }
.only1lesson .download_wrap .down_li li .con_box .txt { min-height: 135px; }
.only1lesson .download_wrap .down_li li .con_box .txt strong { font-size: 28px; 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: 16px;color: #222;position: relative;margin-top: 14px;line-height: 1.5;}
.only1lesson .download_wrap .down_li li .con_box .img { }
.only1lesson .download_wrap .down_li li .con_box .img1 { width: 206px; }
.only1lesson .download_wrap .down_li li .con_box .img2 {width: 192.5px;transform: translate(6%, 0);}
.only1lesson .download_wrap .down_li li .con_box .img3 { width: 206px; transform: translate(-5%, 0); }
.only1lesson .download_wrap .down_li li .btns { display: flex; gap: 15px; margin-top: 10px; flex-direction: column; margin-top: auto; align-items: center; }
.only1lesson .download_wrap .down_li li .btns .down_btn {background: #292A4C;color: #fff;font-size: 20px;text-align: center;height: 52px;display: inline-flex;align-items: center;border-radius: 30px;padding: 0 27px;font-weight: 600;}
.only1lesson .download_wrap .down_li li .btns .down_btn::after { content: ''; width: 24px; height: 24px; display: inline-block; background: url(/promotion/event/2026/0820_12000/img/down_btn.png) no-repeat 0 0 / contain; margin-left: 12px; }
.only1lesson .download_wrap .tool_li { display: flex; gap: 23px; margin-bottom: 60px; }
.only1lesson .download_wrap .tool_li::after { content: 'OR'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #222; font-size: 24px; border-radius: 50%; color: #fff; width: 67px; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; font-weight: 500; padding: 1px 2px 0 0; }
.only1lesson .download_wrap .tool_li > li {border-radius: 20px;background:#fff;flex: 1;min-height: 300px;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;padding: 42px 40px 23px;display: flex;flex-direction: column;align-items: flex-start;position: relative;height: 100%;}
.only1lesson .download_wrap .tool_li > li .tag {font-size: 18px;color: #222;display: inline-flex;background: rgb(208 209 213);height: 41px;align-items: center;justify-content: center;padding: 2px 18px 0;border-radius: 46px;margin-bottom: 18px;font-weight: 600;}
.only1lesson .download_wrap .tool_li > li .tit {font-size: 34px;font-family: 'GmarketSansBold';color: #222222;display: block;line-height: 1.3;}
.only1lesson .download_wrap .tool_li > li .img {position: absolute;top: 0;bottom: 0;right: 44px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-top: 3%;}
.only1lesson .download_wrap .tool_li > li .img1 {right: 29px;}
.only1lesson .download_wrap .tool_li > li .img .bubble {background: #9C9999;min-height: 38px;display: inline-flex;justify-content: center;align-items: center;padding: 0px 21px 0;border-radius: 9vw;position: relative;margin-bottom: 12px;min-width: 158px;}
.only1lesson .download_wrap .tool_li > li .img .bubble::after {content:'';position:absolute;width: 12px;height: 12px;display: block;background: url(/promotion/event/2026/0820_12000/img/tool_bubble_gray.png) no-repeat 0 0 / contain;bottom: 3px;left: 0;right: 0;transform: translate(0, 100%);margin: 0 auto;}
.only1lesson .download_wrap .tool_li > li .img .bubble p {font-size: 17px;color: #fff;font-weight: 600;}
.only1lesson .download_wrap .tool_li > li .img img {}
.only1lesson .download_wrap .tool_li > li .img1 img {transform: translate(-2%, 0%);}
.only1lesson .download_wrap .tool_li > li .img2 img { }
.only1lesson .download_wrap .tool_li > li .img .desc {align-self: flex-end; margin-top: 13px; letter-spacing: -0.9px;}
.only1lesson .download_wrap .check_desc_li { display: inline-flex; flex-direction: column; gap: 4px; margin-top: auto; margin-top: 12px; }
.only1lesson .download_wrap .check_desc_li li {text-align: left;color: #222;font-size: 20px;padding-left: 21px;position: relative;}
.only1lesson .download_wrap .check_desc_li li::before {content: '';width: 17px;height: 20px;display: inline-block;display: block;background: url(/promotion/event/2026/0820_12000/img/check_icon2.png) no-repeat 0 0 / contain;position: absolute;top: 6px;left: 0;}
.only1lesson .download_wrap .tool_li > li .color { color: #f20000; }

.only1lesson .download_wrap .tool_li > li.on::after {opacity:1;}
.only1lesson .download_wrap .tool_li > li.on .tag { color: #fff; background: #9b1915;}
.only1lesson .download_wrap .tool_li > li.on .tit {color: #fff;}
.only1lesson .download_wrap .tool_li > li.on .color { 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(/promotion/event/2026/0820_12000/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(/promotion/event/2026/0820_12000/img/check_icon1.png); }

.only1lesson .download_wrap .notice_wrap {  }
.only1lesson .download_wrap .notice_wrap > .tit { background: #a6a8ae; }
.only1lesson .download_wrap .notice_wrap .con { background: #fff; }
.only1lesson .download_wrap .notice_wrap .con .tit { color: rgb(0 0 0 / 70%); }
.only1lesson .download_wrap .notice_wrap .con ul li { color: rgb(0 0 0 / 70%); }


/* wanted_wrap */
.only1lesson .wanted_wrap {background: #f4f1e9;padding-bottom: 115px;overflow: hidden;}
.only1lesson .wanted_wrap .section_bg { position: absolute; }
.only1lesson .wanted_wrap .top_box {z-index: 1;padding-top: 100px;position: relative;}
.only1lesson .wanted_wrap .top_box .tit { width: 768px; margin: 0 auto; display: block; }
.only1lesson .wanted_wrap .top_box .pic {margin: 10px auto 0;width: 1057px;}
.only1lesson .wanted_wrap .top_box .pic img { }
.only1lesson .wanted_wrap .con_box { z-index: 1; position: relative; margin-bottom: 50px; text-align: center; }
.only1lesson .wanted_wrap .apply_btn {display: inline-flex;align-items: center;justify-content: center;height: 96px;background: #ff0000;border-radius: 50px;margin: 55px auto 0;font-size: 37px;font-weight: 600;color: #fff;padding: 0 61px;}
.only1lesson .wanted_wrap .apply_btn::after { content: ''; display: block; width: 52px; height: 54px; background: url(/promotion/event/2026/0820_12000/img/apply_btn.png) no-repeat 0 0 /contain; margin: -3px 0 0 18px; }
.only1lesson .wanted_wrap .con_box .period { text-align: center; color: #222222; font-size: 30px; margin-top: 22px; }
.only1lesson .wanted_wrap .con_box .reward_box { margin-top: 31px; display: flex; justify-content: center; align-items: flex-start; gap: 12px; }
.only1lesson .wanted_wrap .con_box .reward_box .reward1 { width: 325px; }
.only1lesson .wanted_wrap .con_box .reward_box .reward2 { width: 296px; }
.only1lesson .wanted_wrap .con_box .reward_box .reward3 { width: 290px; }
.only1lesson .wanted_wrap .notice_wrap {  }
.only1lesson .wanted_wrap .notice_wrap > .tit { background: rgb(34 34 34 / 30%); }
.only1lesson .wanted_wrap .notice_wrap .con { background: #fff; }
.only1lesson .wanted_wrap .notice_wrap .con .tit { color: rgb(0 0 0 / 70%); }
.only1lesson .wanted_wrap .notice_wrap .con ul li { color: rgb(0 0 0 / 70%); }
.only1lesson .wanted_wrap .wanted_li { position: absolute; left: 522px; right: 86px; top: 105px; bottom: 90px; text-align: center; display: flex; flex-direction: column; gap: 2px; justify-content: center; }
.only1lesson .wanted_wrap .wanted_li li { color: #000; display: flex; justify-content: center; gap: 9px; align-items: center; }
.only1lesson .wanted_wrap .wanted_li .sub_txt { position: relative; font-size: 24px; letter-spacing: -1px; color: #222; }
.only1lesson .wanted_wrap .wanted_li .main_txt { position: relative; }
.only1lesson .wanted_wrap .wanted_li .main_txt b { position: relative; z-index: 1; font-size: 32px; font-weight: 800; color: #222; }
.only1lesson .wanted_wrap .wanted_li .main_txt b:after { content: ""; position: absolute; z-index: -1; left: 0; bottom: 0%; width: 100%; height: 100%; 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: 120px 0 0; overflow: hidden; }
.only1lesson .standard_wrap .section_tit_box .tit2 { color: #fff; }
.only1lesson .result_li {display: grid;grid-template-columns: repeat(30, minmax(0, 1fr));gap: 12px;margin: 0 auto 70px;box-sizing: border-box;width: 579px;}
.only1lesson .result_li li {position: relative;overflow: hidden;min-width: 0;height: 131px;padding: 25px 28px 17px;box-sizing: border-box;border-radius: 20px;list-style: none;overflow: hidden;}
.only1lesson .result_li .result1 {grid-column: span 20;background: #253236;transform:translate(-100px, 0);}
.only1lesson .result_li .result2 {grid-column: span 10;background: #393852;transform: translate(100px, 0);padding: 23px 15px 10px;}
.only1lesson .result_li .result3 {grid-column: span 13;background: #ea5d31;box-shadow: inset 0 0 0 6px rgb(192 70 32);transform:translate(-100px, 0);}
.only1lesson .result_li .result4 {grid-column: span 17;background: linear-gradient(135deg, #463452 0%, #463552 62%, #5e324b 100%);transform:translate(100px, 0);}
.only1lesson .result_li .result5 {grid-column: span 9;background: #393852;transform:translate(-100px, 0);padding: 23px 15px 10px;}
.only1lesson .result_li .result6 {grid-column: span 21;background: #5f67ef;box-shadow: inset 0 0 0 6px rgb(62 70 233);transform:translate(100px, 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: 16px; 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: 24px; font-weight: 600; color: rgba(255, 255, 255, .7); }
.only1lesson .result_li dd em {font-style: normal;font-family: 'GmarketSansBold';font-size: 44px;transform: translate(0, -3px);display: inline-block;margin-right: 3px;letter-spacing: -1px;color: #fff;}
.only1lesson .result_li .result2 dd span { margin-left: -1px; }
.only1lesson .result_li .result6 dd { text-align: right; }
.only1lesson .result_li .result6 dd em { font-size: 52px; }
.only1lesson .result_li .result1 .obj { width: 280.5px; 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: 209.5px; 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 .reason_li {display: flex;flex-direction: column;gap: 3px;}
.only1lesson .reason_li li {color: #BABABA;text-align: center;font-size: 14px;font-weight: 300; letter-spacing: -0.9px;}


/* review_wrap */
.only1lesson .review_wrap { background: #1c1b24; padding: 80px 0 0; }
.only1lesson .review_wrap .section_tit_box .tit2 { color: #fff; }
.only1lesson .review_slide { }
.only1lesson .review_slide .swiper-slide { display: flex; gap: 24px; justify-content: center; }
.only1lesson .review_slide .swiper-slide .img img { width: 100%; }
.only1lesson .review_slide .swiper-pagination {position: static;margin-top: 30px;bottom: 0; left: 0; right: 0; display: flex; gap: 8px; justify-content: center;}
.only1lesson .review_slide .swiper-pagination-bullet { opacity: 1; background: rgb(255 255 255 / 40%); margin:0; }
.only1lesson .review_slide .swiper-pagination-bullet-active { background: #F20000; }


/* highschool_wrap */
.only1lesson .highschool_wrap {background: #1c1b24;padding: 82px 0 130px;margin-top: -2px;}
.only1lesson .highschool_wrap .section_tit_box .tit2 { color: #fff; }
.only1lesson .highschool_wrap .vdo_wrap { width: 800px; margin: 0 auto; border-radius: 53px; }
.only1lesson .hs_review_video_btn { display: block; width: 554px; background: #111; color: #fff; text-align: center; text-decoration: none; aspect-ratio: 16 / 9; margin: 0 auto; border-radius: 37px; 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: 92px; background: url(/promotion/event/2026/0820_12000/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 {position: relative;min-height: 308px;}
.only1lesson .highschool_review .hs_review_tab { display: flex; margin: 92px 0 47px; padding: 0; list-style: none; gap: 30px; justify-content: center; }
.only1lesson .highschool_review .hs_review_tab li { }
.only1lesson .highschool_review .hs_review_tab li button { width: 100%; height: 133px; border: 0; cursor: pointer; font-size: 21px; color: #A8A8A8; height: 48px; border: 1px solid #838383; border-radius: 80px; position: relative; padding: 0 49px; background: 0; }
.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: 19px solid #fff; border-left: 13px solid transparent; border-right: 12px solid transparent; border-bottom: 19px 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: flex; gap: 17px; justify-content: center; }
.only1lesson .highschool_review .hs_review_select .item { }
.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 { width:100%; }
.only1lesson .highschool_review .hs_review_video { position: absolute; top: 0; left: 0; right: 0; }


/* lecture_wrap */
.only1lesson .lecture_wrap { padding: 120px 0 125px; }
.only1lesson .lecture_wrap .badge { position: absolute; left: 50%; transform: translate(336px, 0); top: 120px; }
.only1lesson .lecture_wrap .badge p { background: url(/promotion/event/2026/0820_12000/img/lecture_label.png) no-repeat 0 0 / contain; width: 110px; height: 110px; font-size:0; }
.only1lesson .lecture_slide {overflow: visible;margin-top: 30px;width: 665px;overflow: hidden;}
.only1lesson .lecture_slide .swiper-slide {width: 140px;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(-48px, 0);}
.only1lesson .lecture_slide .swiper-slide-prev .book_img {transform: rotate(-15deg) translate(-10px, 21px);}
.only1lesson .lecture_slide .swiper-slide-next .book_img {transform: rotate(5deg) translate(-89px, 11px);}
.only1lesson .lecture_slide .swiper-slide.prev2 .book_img {transform: rotate(-24deg) translate(13px, 70px);}
.only1lesson .lecture_slide .swiper-slide.next2 .book_img {transform: rotate(15deg) translate(-123px, 57px);}
.only1lesson .lecture_slide .swiper-slide.prev3 .book_img {transform: rotate(-39deg) translate(22px, 150px);}
.only1lesson .lecture_slide .swiper-slide.next3 .book_img {transform: rotate(30deg) translate(-143px, 149px);}
.only1lesson .lecture_slide .swiper-slide.next4 .book_img {transform: rotate(39deg) translate(-126px, 252px);}
.only1lesson .lecture_active_book {background: url(/promotion/event/2026/0820_12000/img/lecture_con.png) no-repeat 0 0 / contain;width: 588px;height: 365px;margin: -17px auto 0;padding: 47px 0 0 50px;position: relative;z-index: 3;}
.only1lesson .lecture_active_book img {width: 218px;filter: drop-shadow(0 0 23px rgba(0, 0, 0, .5));}


/* textbook_wrap */
.only1lesson .textbook_wrap {background: rgb(107 159 255 / 10%);padding: 150px 0 87px;}
.only1lesson .textbook_wrap .badge { position: absolute; left: 50%; transform: translate(336px, 0); top: 120px; }
.only1lesson .textbook_wrap .badge p { background: url(/promotion/event/2026/0820_12000/img/lecture_label.png) no-repeat 0 0 / contain; width: 110px; height: 110px; font-size:0; }
.only1lesson .textbook_wrap .rolling_list { margin-top: 55px; position: relative; }
.only1lesson .textbook_wrap .rolling_list ul { position: relative; display: flex; gap: 20px; overflow: hidden; flex-direction: column; }
.only1lesson .textbook_wrap .rolling_list ul:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100px; background: linear-gradient(to left, rgba(255, 255, 255, 0), #dfe8f9); z-index: 2; pointer-events: none; }
.only1lesson .textbook_wrap .rolling_list ul:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 100px; background: linear-gradient(to right, rgba(255, 255, 255, 0), #dfe8f9); z-index: 2; pointer-events: none; }
.only1lesson .textbook_wrap .rolling_list ul li { display: flex; flex-shrink: 0; }
.only1lesson .textbook_wrap .rolling_list ul li > div > img { max-width: none; flex-shrink: 0; }
.only1lesson .textbook_wrap .rolling_list li > div { display: flex; gap: 20px; flex-shrink: 0; }
.only1lesson .textbook_wrap .rolling_list li:nth-of-type(1) .original { animation: 80s linear 0s infinite normal forwards running rollingLeft1_; }
.only1lesson .textbook_wrap .rolling_list li:nth-of-type(1) .clone { animation: 80s linear 0s infinite normal none running rollingLeft2_; }
.only1lesson .textbook_wrap .rolling_list li:nth-of-type(2) .original { animation: 60s linear 0s infinite normal forwards running rollingRight1_; }
.only1lesson .textbook_wrap .rolling_list li:nth-of-type(2) .clone { animation: 60s linear 0s infinite normal none running rollingRight2_; }
.only1lesson .textbook_li {overflow: hidden;margin-top: 48px;display: flex;justify-content: center;}
.only1lesson .textbook_li li {margin: 0 -32px;position: relative;}
.only1lesson .textbook_li li img { width: 466px; display: block; border-radius: 40px; max-width: none; }
.only1lesson .textbook_li li .vdo {width: 345px !important;height: 195px;margin: 0 auto;border-radius: 5px !important;position: absolute;top: 137px;left: 0;right: 0;overflow: hidden;}
.only1lesson .textbook_li li .vdo video { width: 100%; height: 100%; object-fit: cover;}


/* teacher_wrap */
.only1lesson .teacher_wrap {background: linear-gradient(to top, #090909, #12192C);padding: 120px 0 130px;}
.only1lesson .teacher_wrap .section_tit_box {margin-bottom: 22px;}
.only1lesson .teacher_wrap .section_tit_box .tit2 { color: #fff; }
.only1lesson .teacher_wrap .desc {color: rgb(255 255 255 / 50%);text-align: center;font-size: 19px;margin: 0; letter-spacing: -0.9px;}
.only1lesson .teacher_wrap .section_desc {color: #fff; }
.only1lesson .teacher_wrap .inner .img { display: block; margin: 61px auto 0; -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%); mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%); }
.only1lesson .teacher_wrap .rolling_list { margin-top: 80px; position: relative; }
.only1lesson .teacher_wrap .rolling_list ul { position: relative; display: flex; gap: 20px; 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 { flex-shrink: 0; }
.only1lesson .teacher_wrap .rolling_list li > div { display: flex; gap: 20px; flex-shrink: 0; padding-right: 20px; }
.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: 159px; height: 225px; position: relative; border-radius: 13px; overflow: hidden; }
.only1lesson .teacher_box .tag { color: #fff; font-size: 20px; width: 53px; aspect-ratio: 1 / 1; position: absolute; top: 11px; left: 11px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-weight: 500; text-align: center; padding: 1px 3px 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: 15px; }
.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: 18px; color: #fff; background: rgb(0 0 0 / 60%); position: absolute; left: 0; right: 0; bottom: -1px; min-height: 42px; text-align: center; padding: 8px 10px 0; }
.only1lesson .teacher_box .txt b { font-size: 21px; }


/* kok_wrap */
.only1lesson .kok_wrap { background: rgb(107 159 255 / 10%); padding: 120px 0; overflow:hidden;}
.only1lesson .kok_wrap .inner { overflow: visible; }
.only1lesson .kok_li { display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;}
.only1lesson .kok_li li { position: relative; width: 350px;}
.only1lesson .kok_li img {display: block;width: 100%;}	
.only1lesson .kok_li .swiper-container {width: 314px;height: 190px;position: absolute;bottom: 40px;left: 19px;border-radius: 11px;overflow: hidden;}
.only1lesson .kok_li .swiper-container .swiper-slide img {width: 100%;height: 100%;}


/* record_wrap */
.only1lesson .record_wrap { padding: 120px 0; }
.only1lesson .record_wrap .box { display: flex; gap: 70px; justify-content: center; }
.only1lesson .record_wrap .box .con1 { width: 565px; }
.only1lesson .record_wrap .box .con2 { width: 565px; }


/* sistem_wrap */
.only1lesson .sistem_wrap { background: rgb(107 159 255 / 10%); padding: 120px 0 0; }
.only1lesson .sitem_box { position: relative; margin: 50px 0 0; height: 1000px; }
.only1lesson .sitem_box > li {width: 300px;position: absolute;trans;transform: scale(0.666666);transform-origin: 50% 50%;transition: transform 1s;border-radius: 30px;}
.only1lesson .sitem_box > li > .img { width: 100%; }
.only1lesson .sitem_box .con1 { top: 14.5%; left: 19.5%; }
.only1lesson .sitem_box .con1 .dots { position: absolute; left: 0; top: 62%; right: 0; bottom: 26%; }
.only1lesson .sitem_box .con1 .dots span { background: #2D39BE; width: 12px; display: block; position: absolute; border-radius: 50%; height: 12px; }
.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: 37.5%; left: 19.5%; }
.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: 12%; 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: 35px; color: #000; }
.only1lesson .sitem_box .con3 { top: 0; left: 50%; margin-left: -150px; }
.only1lesson .sitem_box .con3 .bubble { position: absolute; left: 0; right: 0; bottom: 0; height: 55%; }
.only1lesson .sitem_box .con3 .bubble img { position:absolute; transform: scale(1); opacity: 1; transform-origin: center; }
.only1lesson .sitem_box .con3 .bubble img:nth-of-type(1) { right: 20%; top: 0; }
.only1lesson .sitem_box .con3 .bubble img:nth-of-type(2) { left: 11%; top: 9%; }
.only1lesson .sitem_box .con3 .bubble img:nth-of-type(3) {left: 42%;top: 34%;}
.only1lesson .sitem_box .con3 .bubble img:nth-of-type(4) { top: 45%; left: 22%; }
.only1lesson .sitem_box .con3 .bubble img:nth-of-type(5) { top: 58%; left: 11%; }
.only1lesson .sitem_box .con4 { top: 13%; right: 19.5%; }
.only1lesson .sitem_box .branch_motion { width: 69%; height: 52%; position: absolute; z-index: 1; left: 0; right: 0; bottom: 8%; margin: 0 auto; }
.only1lesson .sitem_box .branch_start { width: 18px; height: 18px; background: #5864db; border-radius: 50%; position: absolute; left: 0%; top: 50%; 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: 162px; height: 6px; background: #5864db; position: absolute; left: 9px; top: calc(50% + 6px); transform-origin: left center; transform: scaleX(0); }
.only1lesson .sitem_box .branch span { width: 18px; heig; height: 18px; border-radius: 50%; position: absolute; right: -1px; top: 50%; transform: translateY(-50%) scale(1); }
.only1lesson .sitem_box .branch1 { width: 117px; transform: rotate(-37deg) scaleX(1); }
.only1lesson .sitem_box .branch2 { width: 128px; transform: rotate(0) scaleX(1); z-index: 1; }
.only1lesson .sitem_box .branch3 { width: 117px; transform: rotate(37deg) scaleX(1); }
.only1lesson .sitem_box .branch4 { width: 203px; 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: 51.5%; left: 50%; margin-left: -150px; }
.only1lesson .sitem_box .con5 .bar_box { position: absolute; inset: 50% 0 18%; display: flex; gap: 11px; justify-content: center; align-items: flex-end; }
.only1lesson .sitem_box .con5 .bar_box li { width: 36px; height: 132px; 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: 4px; }
.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: 17px; white-space: nowrap; color: #000; order: -1; }
.only1lesson .sitem_box .con6 { top: 26.5%; left: 50%; margin-left: -150px; }
.only1lesson .sitem_box .con6 .box { position: absolute; left: 0; right: 0; bottom: 0; height: 56%; }
.only1lesson .sitem_box .con6 .box .line { width: 105px; top: 18%; right: 22%; position: absolute; clip-path: inset(0); }
.only1lesson .sitem_box .con6 .box .arrow { width: 66px; position: absolute; top: 10%; right: 15%; w; clip-path: inset(0); }
.only1lesson .sitem_box .con7 { top: 39%; right: 19.5%; }
.only1lesson .sitem_box .con7 .smartmath_wrap { position: absolute; left: 0; right: 0; bottom: 14%; width: 74%; 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; }
.only1lesson .sitem_box .con7 .smartmath_box::after { content: ''; display: block; top: 0; right: 0; position: absolute; width: 6px; bottom: 0; background: url(/promotion/event/2026/0820_12000/img/smartmath_obj.png) no-repeat 0 0 / 100% auto; z-index: 1; }
.only1lesson .sitem_box .con7 .smartmath_box .branch_start { position: absolute; top: -3%; right: -2.9%; left: auto; }
.only1lesson .sitem_box > li.active { transform: scale(1); z-index: 3; box-shadow: 0 40px 53px 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: 120px 0; }
.only1lesson .divide_wrap .section_tit_box { z-index: 2; }
.only1lesson .divide_wrap article {padding: 0 55.5px;}
.only1lesson .divide_wrap article ~ article { margin-top: 60px; }
.only1lesson .divide_wrap article .tit { font-size: 20px; font-size: 28px; height: 60px; background: #5a65de; border-radius: 30px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 500; margin-bottom: 22px; }
.only1lesson .divide_wrap article:nth-of-type(2n) .tit { background: #9a37fa; }
.only1lesson .divide_wrap article .divide_li { gap: 30px; display: flex; }
.only1lesson .divide_wrap article .divide_li li { flex: 1; position: relative; }
.only1lesson .divide_wrap article .box { margin-bottom: 60px; }
.only1lesson .divide_wrap .swiper-container {position: absolute;left: 0;right: 0;top: 127px;text-align: center; padding-bottom: 43px;}
.only1lesson .divide_wrap .swiper-container img {width: 343px;}
.only1lesson .divide_wrap .con3_1 { }
.only1lesson .divide_wrap .swiper-container .swiper-button-prev {background: url(/promotion/event/2026/0820_12000/img/divide_arrow.png) no-repeat 0 0 / contain;width: 33px;margin: 0;left: 23px; height: 33px;top: 138px;}
.only1lesson .divide_wrap .swiper-container .swiper-button-next {background: url(/promotion/event/2026/0820_12000/img/divide_arrow.png) no-repeat 0 0 / contain;width: 33px;margin: 0;right: 23px;transform: scaleX(-1);height: 33px;top: 138px;}
.only1lesson .divide_wrap .swiper-container .swiper-pagination { bottom: 0; left: 0; right: 0; display: flex; gap: 8px; justify-content: center;}
.only1lesson .divide_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: rgb(0 0 0 / 10%); margin:0; }
.only1lesson .divide_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #fff; }


/* personalize_wrap */
.only1lesson .personalize_wrap { background: rgb(107 159 255 / 10%); padding: 120px 0; }
.only1lesson .personalize_wrap .box { padding: 0; display: flex; gap: 40px; justify-content: center; }
.only1lesson .personalize_wrap .box .con1 { width: 458px; }
.only1lesson .personalize_wrap .box .con2 {  }
.only1lesson .subject_chart { position: relative; width: 458px; }
.only1lesson .subject_chart .bg {  }
.only1lesson .subject_chart .subject_graph { width: 49%; height: 46.3%; position: absolute; top: 38.2%; 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: 44px 0 58px; text-align: center; }
.only1lesson .start_wrap p { color: #fff; text-align: center; font-size: 40px; font-weight: 600; }
.only1lesson .start_wrap strong { color: #fff; text-align: center; font-size: 60px; font-weight: 600; display: block; margin-top: 16px; font-family: 'GmarketSansBold'; line-height: 1.1; }
.only1lesson .start_wrap strong .color { color: #FFF365; }
.only1lesson .start_wrap a { display: inline-flex; background: #222; margin: 22px auto 0; height: 85px; font-size: 33px; bo; border-radius: 58px; box-shadow: 0 30px 45px rgb(160 0 0 / 50%); text-align: center; color: #fff; font-weight: 600; padding: 0px 100px 1px; align-items: center; gap: 8px; }
.only1lesson .start_wrap a .color { color: #FFF365; }


/* caution_wrap */
.only1lesson .caution_wrap { padding: 40px 0; z-index: 1; position: relative; background: #b3b3b3; }
.only1lesson .caution_wrap .tit { font-size: 30px; color: #000; font-weight: 700; }
.only1lesson .caution_wrap .tit::before { content: ""; width: 30px; height: 30px; background: url('/promotion/event/2026/0820_12000/img/caution_icon.png') no-repeat 0 0 / contain; display: inline-block; margin: 0 9px -5px 0; }
.only1lesson .caution_wrap ul { display: flex; flex-direction: column; gap: 9px; margin: 10px 0 0; padding-left: 4px; }
.only1lesson .caution_wrap ul li { padding-left: 9px; font-size: 22px; line-height: 1.3; color: #626262; word-break: keep-all; position: relative; }
.only1lesson .caution_wrap ul li::before { content: ''; background: #626262; width: 5px; height: 5px; w; border-radius: 50%; display: block; position: absolute; top: 8px; left: 0; }


/* keyframes */
@keyframes width_ {
    50% { opacity: .7; }
    100% { width: 100%; opacity: 0; }
}
@keyframes move_ {
    50% { transform: translateY(10px); }
}
@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%); }
}
@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%); }
}


/* brandweb main */
.sel_mid_ele .only1lesson .visual_wrap { height: 663px; padding-top: 70px; }
.sel_mid_ele .only1lesson .discount_pop { top:73px; }
.sel_mid_ele .only1lesson .arrow_wrap {height:938px;} 
.sel_mid_ele .only1lesson .arrow_wrap .btns { position: absolute; bottom: 120px; left: 0; right: 0; margin: 0 auto; gap: 20px; display: flex; justify-content: center;} 
.sel_mid_ele .only1lesson .arrow_wrap .btns a { height: 86px; background: #f20000; padding: 18px 45px 0; color: #fff; font-size: 33px; font-weight: 600; border-radius: 55px;} 
.sel_mid_ele .only1lesson .arrow_wrap .btns a .color { color: #fff600;} 
.sel_mid_ele .only1lesson .arrow_wrap .btns a::after {content:'';display: inline-block;width: 10px;aspect-ratio: 40 / 64;background: url(/_images/_main/main_202505/mid_arrow_right_wh.png) no-repeat 0 0 / contain;margin: 0 0 3px 24px;}