@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 .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 0.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, 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: 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: 1s;
}

.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: 2s;
}

.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('../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;
	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: 0.5em;
	transition:
		opacity 0.7s ease,
		letter-spacing 1s cubic-bezier(0.22, 1, 0.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: 0.5s 1.5s;
}

.only1lesson .visual_wrap .txt .btn {
	text-align: center;
	background: #ff0000;
	font-size: 21px;
	margin-top: 37px;
	opacity: 0;
	transition: 0.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(../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: -0.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(0.12, 0.75, 0.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(../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(-0.7deg);
	}

	79% {
		transform: translateY(0) rotate(0.4deg);
	}

	89% {
		transform: translateY(0) rotate(-0.2deg);
	}

	100% {
		transform: translateY(0) rotate(0);
		opacity: 1;
	}
}

/* intro_wrap */
.only1lesson .intro_wrap {
	height: 674px;
	background: url(../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 0.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(../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(0.16, 1, 0.3, 1) forwards;
}

.only1lesson .vdo_wrap.on .thumb_box .img {
	animation: vdoImg 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.only1lesson .vdo_wrap.on .thumb_box .play {
	animation: vdoPlay 0.5s 0.75s cubic-bezier(0.34, 1.56, 0.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 0.7s infinite;
}

.only1lesson .discount_wrap .confetti3 {
	position: absolute;
	z-index: 1;
	top: 70px;
	left: 830px;
	opacity: 0;
	animation: confettiFlat3 1.7s linear 0.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 0.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 0.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 0.35s ease,
		transform 0.45s cubic-bezier(0.22, 1, 0.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: 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;
}

.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;
	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(0.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 0.5s 0.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 0.7s 0.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 0.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(0.15);
	transition: transform 0.4s 0.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: 0.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(0.6);
	transition: 0.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 0.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(0.25);
	}

	55% {
		opacity: 1;
		transform: scale(1.12);
	}

	72% {
		transform: scale(0.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(../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;
	border: 6px solid #e7ebee;
	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;
}

.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;
	background: rgb(107 159 255 / 10%);
}

.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(../img/down_btn.png) no-repeat 0 0 / contain;
	margin-left: 12px;
}

.only1lesson .download_wrap .benefit_li {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-bottom: 30px;
}

.only1lesson .download_wrap .benefit_li li {
}

.only1lesson .download_wrap .benefit_li li img {
}

.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 0.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;
	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(../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(../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(../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 {
}

.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(../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 0.7s 1s ease forwards;
	background: #ffe100;
}

.only1lesson .wanted_wrap .pic.aos-animate .wanted_li li:nth-child(2) .main_txt b:after {
	animation: highlighter 0.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 0.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, 0.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, 0.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(0.22, 1, 0.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(0.16, 1, 0.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;
}

.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: 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(../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(../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 0.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 0.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(../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, 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(../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;
	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;
	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 0.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%;
	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(../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 0.12s infinite;
}

.only1lesson .sitem_box .con1.active .dots span:nth-of-type(3) {
	animation: dotMove3 1.95s ease-in-out 0.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 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s both;
}

.only1lesson .sitem_box .con3.active .bubble img:nth-of-type(2) {
	animation: bubblePop2 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) 0.25s both;
}

.only1lesson .sitem_box .con3.active .bubble img:nth-of-type(3) {
	animation: bubblePop2 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s both;
}

.only1lesson .sitem_box .con3.active .bubble img:nth-of-type(4) {
	animation: bubblePop2 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) 0.55s both;
}

.only1lesson .sitem_box .con3.active .bubble img:nth-of-type(5) {
	animation: bubblePop2 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s both;
}

.only1lesson .sitem_box .con4.active .branch1 {
	animation: branchGrow1 0.7s ease-out 0.2s both;
}

.only1lesson .sitem_box .con4.active .branch2 {
	animation: branchGrow2 0.7s ease-out 0.4s both;
}

.only1lesson .sitem_box .con4.active .branch3 {
	animation: branchGrow3 0.7s ease-out 0.6s both;
}

.only1lesson .sitem_box .con4.active .branch4 {
	animation: branchGrow4 0.7s ease-out 0.8s both;
}

.only1lesson .sitem_box .con4.active .branch1 span {
	animation: branchDot 0.25s ease-out 0.85s both;
}

.only1lesson .sitem_box .con4.active .branch2 span {
	animation: branchDot 0.25s ease-out 1.05s both;
}

.only1lesson .sitem_box .con4.active .branch3 span {
	animation: branchDot 0.25s ease-out 1.25s both;
}

.only1lesson .sitem_box .con4.active .branch4 span {
	animation: branchDot 0.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 0.7s ease both;
}

.only1lesson .sitem_box .con6.active .box .line {
	animation: con6Reveal 0.7s 0.5s ease both;
}

.only1lesson .sitem_box .con7.active .smartmath_box {
	animation: smartmathOpen 0.7s 0.3s ease both;
}

@keyframes branchWave {
	0% {
		width: 100%;
		height: 100%;
		opacity: 0.8;
	}

	70% {
		width: 250%;
		height: 250%;
		opacity: 0.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(../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(../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 .swiper-pagination-bullet {
	opacity: 1;
	background: rgb(0 0 0 / 10%);
}

.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: 0.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;
	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('../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;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
}

/* keyframes */
@keyframes width {
	50% {
		opacity: 0.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%);
	}
}

/* 외부매체 */
.event_banner img {
	width: 100%;
}

.reward_wrap {
	background: #400b02 url(../img/reward_bg.png) no-repeat 50% 0;
	padding: 80px 0;
}

.reward_wrap .section_tit_box .tit2 {
	color: #fff;
}

.reward_wrap .section_desc {
	color: #fff;
}

.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 {
}

.reward_wrap .inner > .desc {
	color: #7e513f;
	text-align: center;
	font-size: 14px;
	letter-spacing: -0.5px;
	margin-top: 30px;
}

#event {
	letter-spacing: -1px;
	font-family: 'Noto Sans KR';
}

#event .event_banner {
	display: flex;
	justify-content: center;
	overflow: hidden;
}

#event .join .insert > li label {
	font-family: 'Noto Sans KR';
}

#event .btn_bor1 {
	display: inline-block;
	color: #ed3535;
	font-size: 16px;
	border: 1px solid #ed3535;
	padding: 4px 15px 5px;
	border-radius: 16px;
	margin: -5px 0 0 10px;
}

#event .join .insert > li .btn_confir {
	font-weight: 700;
}

#event .join h3 {
	color: #000;
	border-bottom: none;
}

#event .btn_detail_view_layer {
	font-size: 16px;
	color: #1b1b1b;
	display: inline-block;
	vertical-align: middle;
	margin: -3px 0 0 10px;
	background: #fff;
	letter-spacing: -1px;
}

#event .note.case3 {
	position: absolute;
	left: 60px;
	top: 100px;
	border: 1px solid #000;
	padding: 0;
	z-index: 2;
}

#event .note.case3 li {
	font-weight: 400;
}

#event .note.case3 .relative {
	padding: 20px 30px 20px;
}

#event .note.case3 .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: 62px;
	height: 62px;
}

#event .ga_go_link {
	position: relative;
	width: 740px;
	margin: 20px auto 85px;
}

#event .ga_go_link > a {
	position: absolute;
	text-indent: -9999em;
	height: 77px;
}

#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;
	margin: 100px 0 0;
	background: #f5f5f5;
	padding: 50px 0 80px 100px;
	font-family: 'Noto Sans KR';
	text-align: left;
	color: #333;
}

.noticeBox .mask {
	text-align: left;
	width: 1200px;
	position: relative;
	margin: 0 auto;
	min-height: 50px;
}

.noticeBox h2.tit {
	position: relative;
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: 600;
}

.noticeBox p.tit {
	color: #ed3535;
	font-size: 20px;
	font-weight: 700;
}

.noticeBox p.tit:not(:first-child) {
	margin: 30px 0 0;
}

.noticeBox ul {
	margin: 5px 0 0;
}

.noticeBox ul li {
	position: relative;
	font-size: 20px;
	font-weight: 200;
	text-indent: -15px;
	padding: 0 0 0 15px;
	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;
}

#only1_rnb_sky_banner,
#only1_rnb_sky_banner_mid {
	display: none;
}