* {margin:0;padding:0;}
map area {outline:0 none}
.teaser {overflow:hidden;background-color:#d0e2d4}
.aniBox {overflow:hidden}
.centerBox {position:relative;width:1024px;margin:0 auto}

.cnt_1 {background:url(images/bg_cnt_01.jpg) 50% 0 no-repeat}
.cnt_1 .centerBox {height:1105px;}

/* ŸÀÌƲ */
.cnt_1 .title01, .cnt_1 .title02, .cnt_1 .sub_title {position:absolute;left:80px;opacity:0;transition:1s}
.cnt_1 .title01 {top:151px}
.cnt_1 .title02 {top:288px}
.cnt_1 .sub_title {top:102px}
.cnt_1 .title01.ani, .cnt_1 .title02.ani, .cnt_1 .sub_title.ani {opacity:1}

/* ±â°£ */
.cnt_1 .term {position:absolute;top:380px;right:38px;opacity:0;transition:0.5s}
.cnt_1 .term.ani {opacity:1}

/* Áã */
.cnt_1 .mouse01 {position:absolute;top:88px;right:232px}
.cnt_1 .mouse02 {position:absolute;top:181px;right:236px}
.cnt_1 .mouse_txt {position:absolute;top:179px;right:138px}
.cnt_1 .mouse01 {animation-name:rotate-effect;animation-duration:0.8s;animation-iteration-count:infinite;animation-direction: alternate;animation-timing-function:linear}

/* Èò»ö Áã°¡ °¡Á®¿Â ÇູÇÑ Çհݼ±¹°! */
.cnt_1 .txt {position:absolute;bottom:150px;left:220px;opacity:0;transition:1s}
.cnt_1 .txt.ani {bottom:200px;opacity:1}

/* ³ë¸®°³ */
.cnt_1 .item {position:absolute;top:-75px;left:-80px;transition:1s}
.cnt_1 .item.ani {top:0}

/* clover */
.cnt_1 .clover_list {position:absolute;top:511px;left:50%;width:1054px;margin-left:-527px}
.cnt_1 .clover_list li {float:left;position:relative;cursor:pointer;padding-top:20px;opacity:0}
.cnt_1 .clover_list li.li01 {margin-top:23px;margin-right:4px}
.cnt_1 .clover_list li.li02 {margin-right:5px}
.cnt_1 .clover_list li.li03 {margin-right:3px}
.cnt_1 .clover_list li.li04 {margin-top:23px}
.cnt_1 .clover_list li .over {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:0.3s}
.cnt_1 .clover_list li.li01 .over {background:url(images/clover01_on.png?v2) 0 0 no-repeat}
.cnt_1 .clover_list li.li02 .over {background:url(images/clover02_on.png) 0 0 no-repeat}
.cnt_1 .clover_list li.li03 .over {background:url(images/clover03_on.png) 0 0 no-repeat}
.cnt_1 .clover_list li.li04 .over {background:url(images/clover04_on.png?v2) 0 0 no-repeat}
.cnt_1 .clover_list li .icon {position:absolute;opacity:0;transition:0.3s;margin-top:10px}
.cnt_1 .clover_list li.li01 .icon {top:5px;left:77px}
.cnt_1 .clover_list li.li02 .icon {top:-37px;left:98px}
.cnt_1 .clover_list li.li03 .icon {top:-37px;left:90px}
.cnt_1 .clover_list li.li04 .icon {top:5px;left:111px}
.cnt_1 .clover_list li:hover .over {opacity:1}
.cnt_1 .clover_list li:hover .icon {margin-top:0;opacity:1}

/* tab */
.cnt_1 .tab_list {overflow:hidden;position:absolute;bottom:0;left:0;height:131px}
.cnt_1 .tab_list.fix {position:fixed;top:0;left:50%;z-index:1000;width:1024px;margin-left:-512px}
.cnt_1 .tab_list li {float:left;width:25%;transition:0.5s}
.cnt_1 .tab_list li.li01 {background:url(images/tab01.jpg?v2) 0 0 no-repeat}
.cnt_1 .tab_list li.li01.active {background:url(images/tab01_on.jpg?v2) 0 0 no-repeat}
.cnt_1 .tab_list li.li02 {background:url(images/tab02.jpg?v2) 0 0 no-repeat}
.cnt_1 .tab_list li.li02.active {background:url(images/tab02_on.jpg?v2) 0 0 no-repeat}
.cnt_1 .tab_list li.li03 {background:url(images/tab03.jpg?v2) 0 0 no-repeat}
.cnt_1 .tab_list li.li03.active {background:url(images/tab03_on.jpg?v2) 0 0 no-repeat}
.cnt_1 .tab_list li.li04 {background:url(images/tab04.jpg?v2) 0 0 no-repeat}
.cnt_1 .tab_list li.li04.active {background:url(images/tab04_on.jpg?v2) 0 0 no-repeat}
.cnt_1 .tab_list li a {display:block;width:256px;height:131px;font-size:0}


/* ÇÒÀιÞÁã */
.cnt_2 {width:1024px;height:931px;margin:0 auto 50px;background-color:#fff}
.cnt_2 .centerBox {position:relative;}
.cnt_2 .coupon_list {overflow:hidden;position:absolute;top:378px;left:63px;}
.cnt_2 .coupon_list li {float:left;margin-right:30px;}
.cnt_2 .coupon_list li a {display:block;width:435px;height:232px;font-size:0}
.cnt_2 .coupon_link {display:block;position:absolute;bottom:230px;right:50px;width:180px;height:70px;font-size:0}

/* ÇýÅùÞÁã */
.cnt_3 {width:1024px;height:898px;margin:0 auto 50px;background-color:#fff}
.cnt_3 .coupon_down {display:block;position:absolute;top:364px;left:398px;width:323px;height:430px;font-size:0}
.cnt_3 .coupon_link {display:block;position:absolute;bottom:100px;right:50px;width:180px;height:70px;font-size:0}

/* µû¶óÀâÁã */
.cnt_4 {width:1024px;height:1146px;margin:0 auto 50px;background-color:#fff}
.cnt_4 .coupon_down {display:block;position:absolute;bottom:285px;left:252px;width:520px;height:72px;font-size:0}
.cnt_4 .coupon_link {display:block;position:absolute;bottom:390px;right:50px;width:180px;height:70px;font-size:0}
.cnt_4 .flip_box {position:absolute;bottom:395px;left:252px}
.cnt_4 .flip_inner {position:relative;width:521px;height:298px;}
.cnt_4 .flip_box .flip_front {position:absolute;top:0;left:0;z-index:10}
.cnt_4 .flip_box .flip_back {position:absolute;top:0;left:0;z-index:9;transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}
.cnt_4 .flip_box.flipEffect .flip_front {opacity:0}
.cnt_4 .flip_box.flipEffect .flip_back {opacity:1;transition:1s}
.cnt_4 .flip_box.flipEffect2 .flip_front {opacity:1;transition:1s}
.cnt_4 .flip_box.flipEffect2 .flip_back {opacity:0}

/* ¿­°øÇÏÁã */
.cnt_5 {width:1024px;height:889px;margin:0 auto;background-color:#fff}



/******************************
 * °­ÀǸ®½ºÆ® 
*******************************/
.cnt_6 {width:1024px;margin:0 auto;padding-bottom:100px}
.cnt_6 .centerBox {overflow:hidden;background-color:#fff}
.cnt_6 .left {float:left;width:470px}
.cnt_6 .right {float:right;width:420px}

/* ÁÂÃø °­ÀǸñ·Ï */
.cnt_6 .lecture_wrap {overflow:hidden;margin-bottom:40px;padding:0 50px}
.cnt_6 .lecture_list {border-top:1px solid #000}
.cnt_6 .lecture_list li {overflow:hidden;position:relative;min-height:40px;padding:0 30px 0 60px;border-bottom:1px solid #000}
.cnt_6 .lecture_list label {display:block}
.cnt_6 .lecture_list input[type=radio] {position:absolute;top:10px;left:30px;width:20px;height:20px;cursor:pointer}
.cnt_6 .lecture_list .txt {float:left;padding:8px 0;font-size:14px;line-height:22px;color:#000;letter-spacing:-0.05em}

/* ¿ìÃø Àå¹Ù±¸´Ï */
.cnt_6 .cart_wrap {width:420px;border:1px solid #d4d4d4;border-top:2px solid #00993f;box-sizing:border-box;background-color:#fff}
.cnt_6 .cart_wrap.fix {position:fixed;top:330px}
.cnt_6 .cart_wrap.bot {position:absolute;top:auto;bottom:274px}
.cnt_6 .cart_top {padding:38px 40px;box-sizing:border-box}
.cnt_6 .cart_bottom {padding:38px 40px;box-sizing:border-box;background-color:#f9f9f9}
.cnt_6 .cart_agree {display:block;position:relative;margin-bottom:20px;padding-right:24px;text-align:right;cursor:pointer}
.cnt_6 .cart_agree .txt {font-size:12px;color:#999;letter-spacing:-0.03em}
.cnt_6 .cart_agree input[type=checkbox] {position:absolute;top:2px;right:0;width:14px;height:14px}

/* ¿ìÃø Àå¹Ù±¸´Ï ¸ñ·Ï */
.cnt_6 .cart_list li {overflow:hidden;padding:5px 0}
.cnt_6 .cart_list .cart_item {float:left;width:70%}
.cnt_6 .cart_list .campus {display:block;font-size:12px;line-height:16px;color:#00993f;letter-spacing:-0.075em}
.cnt_6 .cart_list .title {display:block;position:relative;padding-left:7px;font-weight:normal;font-size:14px;line-height:18px;color:#333;letter-spacing:-0.075em;}
.cnt_6 .cart_list .title:before {display:block;position:absolute;top:10px;left:0;width:2px;height:2px;background-color:#333;content:''}
.cnt_6 .cart_list .term {display:block;padding-left:10px;font-size:14px;line-height:18px;color:#f12313;letter-spacing:-0.075em;}
.cnt_6 .cart_list .cart_price {display:block;float:right;position:relative;width:30%;padding:15px 0 0 0;box-sizing:border-box;text-align:right}
.cnt_6 .cart_list .won {display:block;font-size:14px;color:#666}
.cnt_6 .cart_list .price {font-weight:bold;}
.cnt_6 .cart_list .del {display:block;position:absolute;top:18px;right:0;width:15px;height:15px;font-size:0;background:url(images/del.jpg) 0 0 no-repeat}

/* ¿ìÃø Àå¹Ù±¸´Ï ÁÖ¹®±Ý¾× */
.cnt_6 .order_price {overflow:hidden;margin-bottom:7px;}
.cnt_6 .order_price dt, .order_price dd {float:left;font-weight:normal;font-size:15px;line-height:18px}
.cnt_6 .order_price dt {width:30%;color:#333;letter-spacing:-0.075em}
.cnt_6 .order_price dd {width:70%;color:#999;text-align:right}
.cnt_6 .order_price .sale {color:#f12313}
.cnt_6 .total_price {margin:0 0 17px 0}
.cnt_6 .total_price .total {overflow:hidden;margin:0;padding:0}
.cnt_6 .total_price dt {float:left;padding-top:25px;font-weight:bold;font-size:18px;color:#333;text-align:right;letter-spacing:-0.075em}
.cnt_6 .total_price dd {float:right;font-weight:bold;font-size:24px;color:#333;text-align:right;letter-spacing:-0.075em}
.cnt_6 .total_price .price {display:inline-block;min-width:184px;font-weight:bold;font-size:45px;line-height:56px;text-align:right}
.cnt_6 .btn_basket {display:block;height:50px;font-weight:bold;font-size:20px;line-height:50px;color:#fff;text-align:center;background-color:#00993f;letter-spacing:-0.05em}
.cnt_6 .btn_basket:hover {text-decoration:none}

/* ¿ìÃø À¯ÀÇ»çÇ× */
.cnt_6 .advice_wrap {position:relative;width:100%;padding:10px 0 10px 122px;border:1px solid #d4d4d4;box-sizing:border-box;background-color:#f6f6f6}
.cnt_6 .advice_title {display:block;position:absolute;top:26px;left:20px;padding-left:26px;font-size:12px;line-height:16px;color:#999;letter-spacing:-0.03em;background:url(images/advice.png) 0 50% no-repeat}
.cnt_6 .advice_list {margin:0;padding:4px 20px;border-left:1px solid #e5e5e5;box-sizing:border-box}
.cnt_6 .advice_list li {font-size:12px;line-height:20px;color:#999;letter-spacing:-0.03em}



/* keyframes */

.flipEffect {
	animation:flip-effect 1s ease-in-out;
	-webkit-animation:flip-effect 1s ease-in-out;
	animation-timing-function:linear;
	transform:rotateY(-180deg);
	-webkit-transform:rotateY(-180deg);
	opacity:1;
}
.flipEffect2 {
	animation:flip-effect2 1s ease-in-out;
	-webkit-animation:flip-effect2 1s ease-in-out;
	animation-timing-function:linear;
	transform-style: preserve-3d;
	transform:rotateY(-360deg);
	-webkit-transform:rotateY(-360deg);
	opacity:1;
}
@keyframes flip-effect {
	0% {
		transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
		opacity:1;
	}
	50% {
		opacity:0
	}
	100%{
		transform:rotateY(-180deg);
		-webkit-transform:rotateY(-180deg);
		opacity:1;
	}
}
@-webkit-keyframes flip-effect {
	0% {
		transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
		opacity:1;
	}
	50% {
		opacity:0
	}
	100%{
		transform:rotateY(-180deg);
		-webkit-transform:rotateY(-180deg);
		opacity:1;
	}
}
@keyframes flip-effect2 {
	0% {
		transform:rotateY(-180deg);
		-webkit-transform:rotateY(-180deg);
		opacity:1;
	}
	50% {
		opacity:0
	}
	100%{
		transform:rotateY(-360deg);
		-webkit-transform:rotateY(-360deg);
		opacity:1;
	}
}
@-webkit-keyframes flip-effect2 {
	0% {
		transform:rotateY(-180deg);
		-webkit-transform:rotateY(-180deg);
		opacity:1;
	}
	50% {
		opacity:0
	}
	100%{
		transform:rotateY(-360deg);
		-webkit-transform:rotateY(-360deg);
		opacity:1;
	}
}


@keyframes rotate-effect {
	0% {transform:rotate(0deg)}
	100% {transform:rotate(10deg)}
}

.tada {
	-webkit-animation-name: tada;
	-ms-animation-name: tada;
	animation-name: tada
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
}
@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}
@keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}


.zoomInRight {
	-webkit-animation-name: zoomInRight;
	-ms-animation-name: zoomInRight;
	animation-name: zoomInRight
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	animation-delay: 1.5s;
	opacity:1
}
@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}
@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}