@charset "UTF-8";

/* 설이벤트 */

.newYearEvent { width:100%; overflow:hidden; text-align:center; }
.newYearEvent .topImg { width:100%; position:relative; height:1734px; background:url(https://cdn.kystudy.co.kr/User/Content/images/event/2026/newYearEvent/images/topBg.jpg) no-repeat center; overflow:hidden; background-size:cover; }
.newYearEvent .content { position:relative; width:1200px; height:100%; margin:0 auto; }
.newYearEvent .topTxt li,.newYearEvent .topImg span,.newYearEvent .topImg a,.newYearEvent .topImg p { position:absolute; }
.newYearEvent .topTxt li:nth-child(1) { top:150px; left:335px; animation:aniUp .3s .6s both cubic-bezier(0.25, 0.45, 0.45, 0.95); }
.newYearEvent .topTxt li:nth-child(2) { top:255px; left:90px; animation:fadeIn .6s .9s both cubic-bezier(0.25, 0.45, 0.45, 0.95); }
.newYearEvent .topTxt li:nth-child(3) { top:685px; left:262px; animation:aniUp .5s 1.3s both cubic-bezier(0.25, 0.45, 0.45, 0.95); }
.newYearEvent .topImg span { top:173px; left:40px; animation:height .6s 1.5s both ease-in-out; overflow:hidden;}
.newYearEvent .topImg p { bottom:105px; left:158px; }
.newYearEvent .topImg a { bottom:868px; left:350px; animation:aniUp .5s 1.5s both cubic-bezier(0.25, 0.45, 0.45, 0.95); }
.newYearEvent .btn_apply { display:block; width:500px; height:75px; background:#062e60; border-radius:10px; transition:all .2s; overflow:hidden; }
.newYearEvent .btn_apply:hover { background:#004fb2; }
.newYearEvent .btn_apply:before { position:absolute; content:''; display:inline-block; top:-180px; left:0; width:30px; height:100%; background:#fff; animation:shiny-btn1 3s ease-in-out infinite; }
.newYearEvent h2 { padding:120px 0 50px; }
.newYearEvent .section_01 { background:#062a5a; padding-bottom:120px; }
.newYearEvent .section_02 { background:#f3e9db; padding-bottom:120px; }
.newYearEvent .section_02 a { margin:50px auto 0; position:relative; }
.newYearEvent .section_02 .content div p { position:absolute; left:45px; bottom:-146px; }
.newYearEvent .section_02 .content div span { position:absolute; left:185px; bottom:-55px; animation:upDown 1s infinite ease-in-out; z-index:10; }
.newYearEvent .section_03 { background:url(https://cdn.kystudy.co.kr/User/Content/images/event/2026/newYearEvent/images/section03_pattern.png) repeat; }
.newYearEvent .event_section { background:#ffebd2 url(https://cdn.kystudy.co.kr/User/Content/images/event/2026/newYearEvent/images/event_bg.png) no-repeat; background-size:100% auto; height:808px; position:relative; padding:120px 0; box-sizing:border-box }
.newYearEvent .event_section span { position:absolute; top:-30px; right:0; }


@keyframes shiny-btn1 {
	0% { transform:scale(0) rotate(45deg); opacity: 0; }
	80% { transform:scale(0) rotate(45deg); opacity: 0.5; }
	82% { transform:scale(4) rotate(45deg); opacity: 1; }
	100% { transform:scale(50) rotate(45deg); opacity: 0; }
}

@keyframes height { 
	0% {
		height:0;
	}
	100% {
		height:485px;
	}
} 



@keyframes aniUp {
	0% {
		transform: translateY(25%);
		opacity:0;
	}
	100% {
		transform: translateY(0%);
		opacity:1;
	}
}
@keyframes rotateX {
	0% {
		transform:rotateY(0deg);
		opacity:0;
	}
	100% {
		transform:rotateY(360deg);
		opacity:1;
	}
}

@keyframes brightness {
	0% {
		filter: brightness(1);
	}
	50% {
		filter: brightness(1);
	}
	55% {
		filter: brightness(0) invert(1);
	}
	65% {
		filter: brightness(0) invert(1);
	}
	70% {
		filter: brightness(1);
	}
	100% {
		filter: brightness(1);
	}
}

@keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}


@keyframes upDown {
	0% {
		transform: translateY(0%);
	}
	50%{
		transform: translateY(12%);
	}
	100% {
        transform: translateY(0%);
	}
}