@charset "euc-kr";

/* webfont */
@font-face {
	font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TmoneyRoundWindRegular';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindRegular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
	
.common_2024_cont{overflow:hidden;}
.common_2024_cont .mask{position:relative; width:1200px; margin:0 auto; min-height:50px; text-align:center;}
.common_2024_cont .thumb{position:relative; left:50%; transform:translateX(-50%);}
.common_2024_cont .cont1{background:#f4f4f4;}
.common_2024_cont .cont2{background:#ebebeb;}
.common_2024_cont .cont2 .review{position:relative; background:#f5f5f5 url(/promotion/lecture/2023/0607_prepareFinalsExams/img/con01.png) center 0 no-repeat;}
.common_2024_cont .cont2 .review > img{position:relative; left:50%; transform:translateX(-50%);}
.common_2024_cont .cont2 .review .inner{position:absolute; bottom:108px; left:50%; transform:translateX(-50%);}
.common_2024_cont .cont2 .review .inner .rolling{position:relative; overflow:hidden; height:572px;}
.common_2024_cont .cont2 .review .inner .rolling .roller.original{animation: 60s linear 0s infinite normal forwards running rollingTop1;}
.common_2024_cont .cont2 .review .inner .rolling .roller.clone{animation: 60s linear 0s infinite normal none running rollingTop2;}
.common_2024_cont .reward{background:#0e0314;}					
.common_2024_cont .swiper-button-prev, .common_2024_cont .swiper-button-next {display: block; text-indent: -9999px;}					
.common_2024_cont .swiper-button-next:after, .common_2024_cont .swiper-button-prev:after {display: none;}
.proof{background-image: linear-gradient(to right, #e5affc 50%, #71deda 50%);}
.proof .con {padding: 100px 0 50px; position: absolute; top: 0; left: 50%; width: 1200px; height: 100%; transform: translateX(-50%);}
.proof_con {margin-top: 60px;}
.proof .slide_top {margin-top: 60px; position: relative;}


#proofSlideTop {width: 1090px;}
#proofSlideTopPrev, #proofSlideTopNext {background: url(/promotion/event/2024/1219_11888/img/proof_arr.png) 0 0 no-repeat; width: 31px; height: 54px; margin: 0; transform: translate(0, -50%);}
#proofSlideTopPrev {left: 5px;}
#proofSlideTopNext {transform: translate(0, -50%) scaleX(-1); right: 5px;}
.proof .slide_btm {margin-top: 60px;}
#proofSlideBtm {overflow: visible; width:1200px;}
#proofSlideBtm .swiper-wrapper {transition-timing-function: linear;}
#proofSlideBtm .swiper-slide {width: 280px;}


@media (max-width: 1600px) {   
	.proof .mask {
		transform: scale(0.9);
	}				
}

/* system */
.system {position:relative; padding: 100px 0 91px; background: #143954;}
.system .con{text-align:center;}
.system #cont1_1_slide {margin-top: 46px; width:1200px;}
.system #cont1_1_slide > .swiper-pagination {position: static; margin-bottom: 50px;}
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet {width: 318px; height: 201px; border-radius: 0; position: relative; margin: 0; opacity: 1;}
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet:nth-of-type(1) {background: url(/promotion/event/2024/0812_11846/img/system_tab_off.png) no-repeat 0 0;}
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet:nth-of-type(2) {background: url(/promotion/event/2024/0812_11846/img/system_tab_off.png) no-repeat -395px 0;}
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet:nth-of-type(3) {background: url(/promotion/event/2024/0812_11846/img/system_tab_off.png) no-repeat -790px 0;}
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet-active:nth-of-type(1) {background: url(/promotion/event/2024/0812_11846/img/system_tab_on.png) no-repeat 0 0;}
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet-active:nth-of-type(2) {background: url(/promotion/event/2024/0812_11846/img/system_tab_on.png) no-repeat -395px 0;}
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet-active:nth-of-type(3) {background: url(/promotion/event/2024/0812_11846/img/system_tab_on.png) no-repeat -790px 0;}
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 81px;}
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet::before {content: ''; width: 24px; height: 100%; background: url(/promotion/event/2024/0812_11846/img/system_tab_off.png) no-repeat -743px 0; display: block; position: absolute; left: -50px; top: 0;}
.system #cont1_1_slide .tabs {margin-bottom: 60px; display: flex; padding-left: 46px; gap: 27px; align-items: flex-start;}
.system #cont1_1_slide .tabs .tab1_btn {position: relative;}
.system #cont1_1_slide .tabs .tab2_btn {position: relative;}
.system #cont1_1_slide .tabs .tab3_btn {position: relative;}
.system #cont1_1_slide .tabs .tab2_arrow {position: relative; margin-top: 96px; opacity: 0; transition: .5s;}
.system #cont1_1_slide .tabs .tab3_arrow {position: relative; margin-top: 96px; opacity: 0; transition: .5s;}
.system #cont1_1_slide .tabs2 .tab2_btn {opacity: 0; left: -20px; transition: .5s .5s;}
.system #cont1_1_slide .tabs3 .tab3_btn {opacity: 0; left: -20px; transition: .5s .5s;}
.system #cont1_1_slide .swiper-slide-active .tabs .tab2_btn {opacity: 1; left: 0;}
.system #cont1_1_slide .swiper-slide-active .tabs .tab3_btn {opacity: 1; left: 0;}
.system #cont1_1_slide .swiper-slide-active .tabs .tab2_arrow {opacity: 1;}
.system #cont1_1_slide .swiper-slide-active .tabs .tab3_arrow {opacity: 1;}
.system #cont1_1_slide .swiper-slide-active .con {opacity: 1;}
.system #cont1_1_slide .con .swiper-container {position: absolute; top: 89px; width: 400px; padding-bottom: 27px;}
.system #cont1_1_slide .con .swiper-container .swiper-pagination-bullet {width: 11px; height: 11px; background: #ddd; opacity: 1; margin: 0 5px;}
.system #cont1_1_slide .con .swiper-container .swiper-pagination-bullet-active {background: #666;}
.system #cont1_1_tab2 {left: 42px;}
.system #cont1_1_tab3 {right: 42px;}





/* exclusive */
.exclusive {
    padding: 100px 0;
    background: url(/promotion/event/2024/1219_11888/img/exclusive_bg.png) center 0 no-repeat;
}

.exclusive .tit {
    margin-bottom: 80px;
}

.exclusive .con {
    margin-bottom: 30px;
}

.exclusive .mask > div {
    position: relative;
}

.book_slide {
    position: absolute;
    top: 5px;
    left: 27px;
    width: 390px;
}

.exclusive .rolling {
    display: flex;
    position: absolute;
    top: 744px;
    left: calc(50% - 1px);
    transform: translateX(-50%);
    overflow: hidden;
    width: 1114px;
}

.exclusive .rolling img {
    margin: 0 12px;
}

.exclusive .rolling .roller.original {
    animation: 100s linear 0s infinite normal forwards running rollingLeft1;
}

.exclusive .rolling .roller.clone {
    animation: 100s linear 0s infinite normal none running rollingLeft2;
}

.exclusive .book {
    position: absolute;
    top: 416px;
    left: 91px;
    z-index: 1;
}

/* provision */
.provision {
    position: relative;
    padding: 100px 0;
    background: #ffcee1;
}

.provision > img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    mix-blend-mode: multiply;
}

.provision .tit {
    margin-bottom: 50px;
}

.provision .con {
    position: relative;
    margin-bottom: 30px;
}

.provision .con .rolling {
    position: absolute;
    top: 0;
    left: 0;
    width: 1200px;
    height: 62px;
    margin: 0 auto;
    background-color: #fa88a2;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.provision .con .rolling .roller.original {
    animation: 35s linear 0s infinite normal forwards running rollingLeft1;
}

.provision .con .rolling .roller.clone {
    animation: 35s linear 0s infinite normal none running rollingLeft2;
    margin-right: 10px;
}

.provision .list {
    position: absolute;
    right: 44px;
    top: 62px;
}

.provision .list:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    right: -33px;
    width: 141px;
    height: 140px;
    background: url(/promotion/event/2024/1219_11888/img/provision01_badge.png) 0 0 no-repeat;
    z-index: 10;
}

.provision .list > ul {
    position: relative;
    display: flex;
    gap: 17px;
    height: 481px;
    overflow: hidden;
}

.provision .list > ul img {
    width: 181px;
}

.provision .list li:nth-of-type(1) .original {
    animation: 120s linear 0s infinite normal forwards running rollingUp1;
}

.provision .list li:nth-of-type(1) .clone {
    animation: 120s linear 0s infinite normal none running rollingUp2;
}

.provision .list li:nth-of-type(2) .original {
    animation: 120s linear 0s infinite normal forwards running rollingDown1;
}

.provision .list li:nth-of-type(2) .clone {
    animation: 120s linear 0s infinite normal none running rollingDown2;
}

.provision .list li:nth-of-type(3) .original {
    animation: 60s linear 0s infinite normal forwards running rollingUp1;
}

.provision .list li:nth-of-type(3) .clone {
    animation: 60s linear 0s infinite normal none running rollingUp2;
}

.provision .math_lec_ready {
    margin-top: 30px;
}

.provision .math_lec_ready > .mask {
    border-radius: 50px;
    overflow: hidden;
}

.provision .math_lec_ready .math_lec_ready_cont {
    position: relative;
}

.provision .math_lec_ready .math_lec_ready_cont .tab {
    position: absolute;
    left: 337px;
    top: 0;
    display: flex;
    height: 60px;
    gap: 41px;
    z-index: 2;
}

.provision .math_lec_ready .math_lec_ready_cont .tab > button {
    width: 241px;
    background: none;
    text-indent: -9999em;
}

.provision .math_lec_ready .math_lec_ready_cont .cont {
    position: relative;
}

.provision .math_lec_ready .math_lec_ready_cont .cont .slider {
    position: absolute;
    left: 75px;
    bottom: 40px;
    width: 1050px;
}

.provision .math_lec_ready .math_lec_ready_cont .cont .swiper-button-prev, .provision .math_lec_ready .math_lec_ready_cont .cont .swiper-button-next {
    top: 0%;
    width: 93px;
    height: 100%;
}

.provision .math_lec_ready .math_lec_ready_cont .cont .swiper-button-prev {
    left: 0;
}

.provision .math_lec_ready .math_lec_ready_cont .cont .swiper-button-next {
    right: 0;
}

/* lineup */
.lineup {
    padding: 100px 0 120px;
    background-color: #1F2235;
}

.lineup .mask {
    text-align: inherit;
}

.lineup .txt_box {
    position: relative;
    width: 971px;
    height: 195px;
    margin: 80px auto 0;
    background: rgba(157,166,255,.3);
    border: 2px solid #b2b9ff;
    border-radius: 30px;
    box-shadow: 0 4px 4px 0 rgb(0 0 0 /25%);
    text-align: center;
}

.lineup .txt_box .bg {
    position: absolute;
    top: 0;
    right: 0;
    opacity: .3;
}

.lineup .txt_box .swiper-container {
    height: 195px;
}

.lineup .txt_box .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 195px;
}

.lineup .txt_box .swiper-wrapper .swiper-slide p {
    margin-bottom: 25px;
    font-family: "TmoneyRoundWindRegular";
    font-size: 28px;
    color: #fff;
    letter-spacing: -2px;
}

.lineup .txt_box .swiper-wrapper .swiper-slide span {
    font-family: "Pretendard";
    font-weight: 600;
    font-size: 24px;
    color: #b2b9ff;
}

.lineup .slider {
    margin: 10px 0 -400px 0;
    width: 1200px;
    overflow: hidden;
}

.lineup .slider .swiper-container {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    overflow: visible;
}

.lineup .slider .swiper-slide {
    opacity: 0 !important;
    transition: opacity ease .5s;
}

.lineup .slider .swiper-slide-active {
    opacity: 1 !important;
}

.lineup .slider .swiper-button-next {
    top: 50%;
    right: 0;
    left: auto;
    width: 30px;
    height: 49px;
}

.lineup .slider .swiper-button-prev {
    top: 50%;
    left: 0;
    right: auto;
    width: 30px;
    height: 49px;
}

.lineup .slider .swiper-button-next a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/promotion/event/2023/1221_11780/img/slide_next_arr.png) 0 0 no-repeat;
}

.lineup .slider .swiper-button-prev a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/promotion/event/2023/1221_11780/img/slide_prev_arr.png) 0 0 no-repeat;
}











/* alignment */
.alignment {padding: 100px 0; background: #FFF7FF;}
.alignment .con {position: relative; margin-top: 80px;}
.alignment .con .video1 {overflow: hidden; position: absolute; top: 197px; left: 0; width: 373px; height: 224px; border-radius: 15px;}
.alignment .con .video2 {overflow: hidden; position: absolute; top: 197px; left: 414px; width: 373px; height: 224px; border-radius: 15px;}
.alignment .con .video1 img, .alignment .con .video2 img {width: 100%; height: 100%;}
.alignment .con .video1 video, .alignment .con .video2 video {width: 107%;}
.alignment .con .swiper-container {position: absolute; width: 373px; height: 224px;}
.alignment .con .slider1 {top: 197px; right: 0;}
.alignment .con .slider2 {bottom: 75px; left: 0;}	

/* custom */
.custom{background:#ffdfec; padding:100px 0;}

/* coaching_system */
.coaching_system{background:#FFE8F1; padding:100px 0;}
.coaching_system .con {margin-top: 80px;}

@keyframes rollingTop1 {
	0% {transform: translateY(0);}
	50% {transform: translateY(-100%);}
	50.01%{transform: translateY(100%);}
	100%{transform: translateY(0);}
}

@keyframes rollingTop2 {
	0% {transform: translateY(0);}
	100% {transform: translateY(-200%);}
}


@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 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%);
	}
}					


.common_2024_cont .cont3{background:#001140;}
.common_2024_cont .cont3 .mask{position:relative;}
.common_2024_cont .cont3 .text01,
.common_2024_cont .cont3 .text02{position: absolute; top: 425px; animation: textScroll 4s ease-in-out 0s infinite normal none running; opacity: 0; transform: translateX(-50%); left: 50%;}
.common_2024_cont .cont3 .text01 {animation-delay: 0s;}
.common_2024_cont .cont3 .text02 {animation-delay: 2s;}
@keyframes textScroll {
	0% {
		opacity: 0;

		transform: translateY(30px) translateX(-50%);
	}

	20% {
		opacity: 1;
		transform: translateY(0px) translateX(-50%);
	}

	40% {
		opacity: 1;
	}

	60% {
		opacity: 0;
	}
}

.common_2024_wrap {
	width: 100%;
	padding-bottom: 70px;
	background: #dbf3ff;
	display: flex;
	flex-wrap: wrap;
	gap: 70px;
}

.common_2024_box {
	width: 100%;
	position: relative;
	text-align: center;
}

.common_2024_box .gif {
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 381px;
	left: 50%;
	transform: translateX(-50%);
	width: 1200px;
	padding: 0 132px;
}

.common_2024_box .gif img {
	width: 460px;
	height: 277px;
}