/* error */
.error-wrap { position: relative; width: 100%; height: 100%; text-align: center; background: var(--dark-color); overflow: hidden;}
.error-wrap .error-txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) skewX(-0.1deg); }
.error-wrap .error-txt h1 { font-size: 50px; margin-bottom: 20px; font-weight: 800; color: #fff; }
.error-wrap .error-txt h2 { font-size: 22px; display: block; margin-bottom: 15px; font-weight: 800; color: rgba(255,255,255,0.7);}
.error-wrap .error-txt h2 .bold { font-weight: 600; color: rgba(255,255,255,0.7);}
.error-wrap .error-txt p { font-size: 16px; font-weight: 500; display: block; line-height: 1.7; color: rgba(255,255,255,0.7);}
.btn-wrap { position: relative; text-align: center; margin-top: 30px;}
.btn-wrap:after { content: ""; display: block; clear: both;}
.btn-wrap button { margin-right: 5px; font-weight: 600; border: 0; background: #aeaeae; color: #fff; height: 35px; padding: 0 40px; font-size: 14px; cursor: pointer; border-radius: 50px;}
.btn-wrap button:last-child { margin-right: 0;}
.btn-wrap button.white-btn { background: rgba(255,255,255,0.3); border: 1px solid #7c7c7c; color: #fff;}
.btn-wrap button.pp-btn { background: var(--main-blue); color: #fff;}
.btn-wrap button.square-btn { border-radius: 7px; padding: 12px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border: 0; height: auto;}
.btn-wrap button.square-btn.normal { box-shadow: none; padding: 12px 20px;}

@media (max-width: 768px) { 
	.error-wrap .error-txt { width: 100%; padding: 0 30px; }
	.error-wrap .error-txt h1 { font-size: 43px; }
	.error-wrap .error-txt h2 { font-size: 17px; }
	.error-wrap .error-txt p { font-size: 14px; }
}