/* BASIC css start */
/* 공통 기획전: 본문 750px / 상품 1000px. 링크 위치는 아래 CSS에서만 관리 */
#productPlan .visual .link { position:relative; width:750px; max-width:100%; margin:0 auto; padding:0; line-height:0; }
#productPlan .visual .link > img { display:block; /*width:100%;*/ height:auto; margin:0; }
#productPlan .visual .link > a { position:absolute; z-index:1; display:block; margin:0; padding:0; border:0; background:transparent; }




/* 기존 800px 기준 좌표를 750px 비율로 조정. 기획전마다 이 6개 규칙만 수정 */

.link a {position:absolute;width: 463px;height: 76px;bottom: 468px;left: 153px;}
.link .ob01 {position:absolute;top: 25%;right: 5%;animation:floating-pc 2.4s alternate infinite .5s;width: 170px;} 
.link .ob02 {position:absolute;top: 6%;left: 5%;animation:floating-pc 1.8s alternate infinite .5s;width: 150px;} 





/*
==============================================
floating
==============================================
*/

@keyframes floatingt-m {
0% {transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);}
100% {transform: translateY(-3.7037vw);-webkit-transform: translateY(-3.7037vw);-ms-transform: translateY(-3.7037vw);-moz-transform: translateY(-3.7037vw);-o-transform: translateY(-3.7037vw);}
}
@keyframes floating-pc {
0% {
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
}
100% {
transform: translateY(-40px);
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-o-transform: translateY(-40px);
}
}


/*
==============================================
tossing
==============================================
*/

.tossing{
	animation-name: tossing;
	-webkit-animation-name: tossing;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
	0% {
		transform: rotate(-2deg);	
	}
	50% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(-2deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}

/* BASIC css end */