.teaser  {overflow:hidden}
.teaser .centerBox {width:1080px;margin:0 auto;}

.cnt_1 {background:url(images/bg_cnt_01.jpg) 50% 0 no-repeat;transition:1s}
.cnt_1 .centerBox {position:relative;height:979px}
.cnt_1 .teacher {opacity:0;transition:0.7s}
.cnt_1 .teacher.ani {opacity:1}

/* ¿øÇÈ */
.cnt_1 .title {position:absolute;top:285px;right:-13px;}
.cnt_1 .onepick1 {display:block;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);opacity:0;}
.cnt_1 .onepick1Bg {position:absolute;top:0;left:0;z-index:2}
.cnt_1 .onepick2 {display:block;position:absolute;bottom:11px;right:77px;z-index:3;opacity:0;}

/* ¿¹ºñ Àü°ø ¹Ì¼ú ¼±»ý´ÔÀ̶ó¸é ³õÄ¡Áö ¸»¾Æ¾ß ÇÒ*/
.cnt_1 .txt01 {position:absolute;top:67px;left:0;margin-top:30px;opacity:0;transition:0.5s}
.cnt_1 .txt01.ani {margin:0;opacity:1}

/* ¼­¼úÇü ¹®Á¦Ç®ÀÌ, ±âÃâºÐ¼®, ±³°ú¼­ ºÐ¼®À» ¸ðµÎ ÀâÀº */
.cnt_1 .txt02 {position:absolute;top:286px;left:0;margin-left:-50px;opacity:0;transition:0.5s}
.cnt_1 .txt02.ani {margin:0;opacity:1}

/* ¼ö°­»ýµéÀÇ */
.cnt_1 .txt03 {position:absolute;top:388px;left:0;margin-left:-50px;opacity:0;transition:0.5s}
.cnt_1 .txt03.ani {margin:0;opacity:1}

/* À§»óÆÀ°ú ÇÔ²² ÇÕ°ÝÀ» PickÇϼ¼¿ä! */
.cnt_1 .txt04 {position:absolute;bottom:136px;right:60px;opacity:0;margin-right:-30px;transition:0.5s}
.cnt_1 .txt04.ani {margin:0;opacity:1}

/* 16³â¿¬¼Ó 100%ÀûÁß½ÅÈ­, ³ë·®ÁøÀ¯ÀÏ ÆÀƼĪ */
.cnt_1 .item01 {position:absolute;top:563px;left:0;opacity:0;margin-top:30px;transition:0.5s}
.cnt_1 .item01.ani {margin:0;opacity:1}
.cnt_1 .item02 {position:absolute;top:740px;left:0;opacity:0;margin-top:30px;transition:0.5s}
.cnt_1 .item02.ani {margin:0;opacity:1}


/* ¿Ö ¼ö°­»ýµéÀÇ ¿øÇÈÀϱî? */
.cnt_2 .centerBox {position:relative}
.cnt_2 .btn_video {display:block;position:absolute;bottom:179px;left:57px;width:429px;height:280px;font-size:0;transition:0.2s}
.cnt_2 .btn_video:hover {box-shadow:5px 5px 10px #999}


.cnt_3 {position:relative;padding-top:98px;}
.cnt_3 .containter {padding:148px 0 100px 0;background-color:#ebd8c1}
.cnt_3 .tab_list {position:absolute;top:0;left:50%;width:1080px;margin-left:-581px;padding:0 41px;background:url(images/tab_shadow.png) 50% 100% no-repeat}
.cnt_3 .tab_list:after {display:block;content:'';clear:both}
.cnt_3 .tab_list li {float:left;width:50%}
.cnt_3 .tab_list li a {display:block;position:relative;height:139px;font-size:0}
.cnt_3 .tab_list li.t01 a {background:url(images/tab01.jpg) 0 0 no-repeat}
.cnt_3 .tab_list li.t02 a {background:url(images/tab02.jpg) 0 0 no-repeat}
.cnt_3 .tab_list li.t01.on a {background:url(images/tab01_on.jpg) 0 0 no-repeat}
.cnt_3 .tab_list li.t02.on a {background:url(images/tab02_on.jpg) 0 0 no-repeat}
.cnt_3 .tab_list li.on a:after {display:block;position:absolute;bottom:-12px;left:50%;width:0;height:0;margin-left:-6px;border-left:12px solid transparent;border-right:12px solid transparent;border-top:15px solid #c5430c;content:''}
.cnt_3 .tab_content {display:none}
.cnt_3 .pick0101 {position:relative;margin-bottom:74px}
.cnt_3 .pick0101 .title {position:absolute;top:0;right:0;z-index:100}
.cnt_3 .pick0101 .slider {position:relative;width:637px;padding:16px 0;background-color:#fff}
.cnt_3 .pick0101 .swiper-container {width:443px}
.cnt_3 .pick0101 .swiper-slide img {width:443px}
.cnt_3 .pick0101 .swiper-button-prev,
.cnt_3 .pick0101 .swiper-button-next {width:44px;height:44px;top:328px;z-index:100;outline:0 none;transition:0.2s}
.cnt_3 .pick0101 .swiper-button-prev {left:0;background:#b2b2b2 url(images/slider_prev.png) 50% 50% no-repeat}
.cnt_3 .pick0101 .swiper-button-next {right:0;background:#b2b2b2 url(images/slider_next.png) 50% 50% no-repeat}
.cnt_3 .pick0101 .swiper-button-prev:hover,
.cnt_3 .pick0101 .swiper-button-next:hover {background-color:#c5430c}
.cnt_3 .pick0102 {margin-bottom:74px}
.cnt_3 .pick0201 {margin:0 0 100px -85px}


/* ½º¸¶Æ®ÆÐÅ°Áö */
.cnt_4 {background:url(images/bg_cnt_04.jpg) 0 0 repeat-x}
.cnt_4 .smart_package {margin-left:-320px}
.cnt_4 .purchase {position:relative}
.cnt_4 .purchase .sale {display:inline-block;position:absolute;top:137px;left:50%;margin-left:-245px;background-color:#1a2231}
.cnt_4 .purchase .btn_purchase {display:block;position:absolute;top:0;right:95px;width:306px;height:172px;font-size:0;transition:0.2s}
.cnt_4 .purchase .btn_purchase:hover {box-shadow:10px 10px 10px #070f1d}


/***** keyframe *****/
.sale img {
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
	-moz-animation:blink 0.5s ease-in-out infinite alternate;
	animation:blink 0.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
	0% {opacity:0.3}
	80% {opacity:1}
}

@-moz-keyframes blink{
	0% {opacity:0.3}
	80% {opacity:1}
}

@keyframes blink{
	0% {opacity:0.3}
	80% {opacity:1}
}

.scaleEffect {
	animation-timing-function:linear;
	animation:scaleEffect 1s ease-in-out;
	-webkit-animation:scaleEffect 1s ease-in-out;
	animation-fill-mode:forwards;
}
@keyframes scaleEffect {
	0%{ transform:scale(1)}
	50%{ transform:scale(1.2)}
	100%{ transform:scale(1)}
}
@-webkit-keyframes scaleEffect {
	0%{ transform:scale(1)}
	50%{ transform:scale(1.2)}
	100%{ transform:scale(1)}
}

.flipEffect {
	opacity:1;
	transform:rotateY(-180deg);
	animation-timing-function:linear;
	animation:flipEffect 1s ease-in-out;
	-webkit-transform:rotateY(-180deg);
	-webkit-animation:flipEffect 1s ease-in-out;
	animation-fill-mode:forwards;
}
@keyframes flipEffect {
	0%{
		transform:rotateY(-180deg);
		-webkit-transform:rotateY(-180deg);
		opacity:0;
	}
	100% {
		transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
		opacity:1;
	}
}
@-webkit-keyframes flipEffect {
	0%{
		transform:rotateY(-180deg);
		-webkit-transform:rotateY(-180deg);
		opacity:1;
	}
	100% {
		transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
		opacity:1;
	}
}

.flipEffect2 {
	opacity:1;
	transform:rotateY(0deg);
	animation-timing-function:linear;
	animation:flipEffect2 1s ease-in-out;
	-webkit-transform:rotateY(0deg);
	-webkit-animation:flipEffect2 1s ease-in-out;
	animation-fill-mode:forwards;
}
@keyframes flipEffect2 {
	0% {
		transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
		opacity:0;
	}
	50% {
		transform:rotateY(-180deg);
		-webkit-transform:rotateY(-180deg);
		opacity:0.5;
	}
	100%{
		transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
		opacity:1;
	}
}
@-webkit-keyframes flipEffect2 {
	0% {
		transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
		opacity:0;
	}
	50% {
		transform:rotateY(-180deg);
		-webkit-transform:rotateY(-180deg);
		opacity:0.5;
	}
	100%{
		transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
		opacity:1;
	}
}