.error-wrap {
	display: flex; flex-wrap: wrap; height: 100vh; position: relative; width: 1200px; margin: 0 auto; padding: 180px 0; text-align: center;
	.error-txt {
		position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
		h1 {
			font-size: 5rem; margin-bottom: 20px; color: var(--dark); font-weight: 900;
		}
		h2 {
			font-size: 2.2rem; display: block; margin-bottom: 15px; color: var(--dark); font-weight: 800;
			.bold {
				font-weight: 600;
			}
		}
		p {
			font-size: 1.5rem; color: var(--dark); display: block; line-height: 1.5;
		}
	}
}

.btn-wrap {
	position: relative; text-align: center; margin-top: 30px; display: flex; justify-content: center;
	.btn {
		margin-right: 5px; border: 0; background: #aeaeae; color: #fff; padding: 10px 0; width: 150px; font-size: 1.4rem; cursor: pointer; border-radius: 5px; font-weight: 600; text-decoration: none; display: inline-block; text-align: center;
		&.bg-white {
			background: #fff; border: 1px solid var(--dark); color: var(--dark);
		}
		&.bg-dark {
			background: var(--dark); color: #fff;
		}
		&:last-child {
			margin-right: 0;
		}
	}
}

@media (max-width: 1200px) {
	.error-wrap {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.error-wrap {
		.error-txt {
			width: 100%; padding: 0 30px;
			h1 {
				font-size: 4.0rem; margin-bottom: 15px;
			}
			h2 {
				font-size: 1.7rem;
			}
			p {
				font-size: 1.4rem; word-break: keep-all;
			}
		}
	}
	.btn-wrap {
		.btn {
			font-size: 1.3rem;
		}
	}
}