@base-url: "../mixins";
@import "@{base-url}/vendor-prefixes.less";

#product_area {
	.list_box ul li {
		.translate(0, 0);
		@media (min-width: 1281px) {
			&:hover { .translate(0, -20px); }
		}
	}
}

#book_area {
	.list_box li {
		.img_box:before , .img_box:after { .transform(scaleY(0)); }
		.img_box:after { .transform-origin(center, bottom) }
		@media (min-width: 1281px) {
			&:hover .img_box:before , &:hover .img_box:after { .transform(scaleY(1)); }
		}
	}
}

#youtube_box {
	a { .circular(83px); .transform(translate(-50%,-50%)); .animation(spineer 2s infinite); }
}