CSS center 이동

position: absolute, fixed
left:50%;
transform: translateX(-50%);

@mixed pos-center-x($type:absolute) {
	@if($type === fixed or $type === absolute) {
		position: $type;
		left:50%;
		transform: translateX(-50%);
  }
}

@mixed pos-center-y($type:absolute) {
	@if($type === fixed or $type === absolute) {
		position: $type;
		top:50%;
		transform: translateY(-50%);
  }
}

@mixed pos-center($type: absolute){
	@if($type === fixed or $type === absolute){
		position: $type;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
  }
}