@charset "utf-8";

/* 컨텐츠 공통 */
.evt_wrap{position:relative; overflow:hidden;}
[class^="motion_"]{display:inline-block;position:absolute;z-index:10;background-repeat:no-repeat}

/* header */
.evt_header{background:url(/html/event/20181115Early/images/bg_header.gif) repeat-x}
.evt_inner{position:relative;width:1060px; margin:0 auto}
.evt_header .evt_inner{height:711px; background:url(/html/event/20181115Early/images/bg_spot.png) no-repeat 1px 0}
.motion_tit_v1{top:181px;left:262px;width:537px;height:126px;background-image:url(/html/event/20181115Early/images/motion_tit_v1.png);opacity:1;animation:sample .6s}
.motion_tit_v2{top:323px;left:263px;width:528px;height:122px;background-image:url(/html/event/20181115Early/images/motion_tit_v2.png);animation-delay:.3s}
.motion_snowman{top:638px;left:108px;width:34px;height:46px;background-image:url(/html/event/20181115Early/images/motion_snowman.png);animation:snowmanBounce 1.3s infinite}
.motion_shine{top:580px;right:142px;width:133px;height:133px;background-image:url(/html/event/20181115Early/images/shine.png);opacity:1;animation:shine 1.3s forwards infinite alternate}

#particles-js {
  position: absolute;
  width: 100%;
  height: 680px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

@keyframes snowmanBounce {
    0% { transform: scale(1) translateY(0); }
    10% { transform: scale(1.1,.9) translateY(0); }
    30% { transform: scale(.9,1.1) translateY(-12px); }
    50% { transform: scale(1.05,.95) translateY(0); }
    56% { transform: scale(1)      translateY(-3px); }
    74% { transform: scale(1)      translateY(0); }
    75% { transform: scale(1)      translateY(0); }
    100% { transform: scale(1)      translateY(0); }
}

@keyframes shine{
	0%{opacity:1}
	100%{opacity:.3}
}

@keyframes sample {
	0% {
		opacity: 0;
		top: 100px;
		transform: scale(1.2)
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* 프리미엄클래스 바로가기 */
.intro_evt1{position:relative;height:623px;background:#fff}
.content_evt1{overflow:hidden;height:623px;background:url(/html/event/20181115Early/images/cont_evt1.png) no-repeat center 68px;text-indent:-999em}
.content_evt1.elementary{background-image:url(/html/event/20181115Early/images/cont_evt1_v2.png)}
.btn_premiumclass{display:inline-blck;position:absolute;top:481px;left:264px;width:532px;height:61px;}

/* 전범위/패키지 특별 혜택 */
.intro_evt2{position:relative;height:566px;background:#d1f0ff}
.content_evt2{overflow:hidden;height:566px;background:url(/html/event/20181115Early/images/cont_evt2.png) no-repeat;text-indent:-999em}
.btn_totallecture{display:inline-block;position:absolute;top:371px;left:554px;width:399px;height:58px}

/* 학년별 강좌목록 */
.intro_evt3{position:relative;padding:85px 0;background:#fff}
.content_evt3{width:974px;margin:0 auto;padding-top:170px;background:url(/html/event/20181115Early/images/cont_evt3.png) no-repeat}

/* 꼭 알아두세요 */
.intro_notice{position:relative;height:240px;background:#f0f0f0}
.content_notice{overflow:hidden;height:240px;background:url(/html/event/20181115Early/images/cont_notice.png) no-repeat 107px 50px;text-indent:-999em}

/* 미디어쿼리 */
@media all and (max-width:360px){
}