@charset "utf-8";
/* CSS Document */

@media screen and (min-width:768px){
	.hidden-arrow{
		display: none;
	}
	.left-arrow{
		position: absolute;
		top:35%;
		left: -7px;
	}
	.right-arrow{
		position: absolute;
		top:35%;
		right:-10px;
	}
	.ex-margin{
		margin-left: 20px;
	}
	.stepImg{
		margin-top: 20px;
		font-size: 12px;
	}
}
@media screen and (max-width:767px){
	.hidden-arrow{
		display: block;
		position: absolute;
		bottom:-40px;
		left: 48%;
		transform: rotate(90deg);

	}
	.left-arrow{
		display: none;
	}
	.right-arrow{
		position: absolute;
		bottom:-30px;
		left: 48%;
		transform: rotate(90deg);

	}
	.stepImg{
		width: 66.6666666%;
		margin: 40px auto;
		font-size: 12px;
	}
	.ex-margin{
		margin-top: 10px;
	}
}