@charset "utf-8";
/* Error */
.ipoffice-container,
#info_container { height: 100%; }
#info_container .error-area-wrap { padding: 170px 0 100px; background: #f2f2f7; height: 100%; }
#info_container .error-area-wrap .error-area { width: 500px; margin: 0 auto; text-align: center; }
#info_container .error-area-wrap .error-area .error-img { width: 150px; margin-bottom: 10px; opacity: 0.8; }
#info_container .error-area-wrap .error-area h2 { font-weight: bold; font-size: 2.2rem; color: #7F8088; }
#info_container .error-area-wrap .error-area p { font-weight: 300; font-size: 1.5rem; color: #7F8088; margin-top: 20px; }

#info_container .error-area-wrap .error-area .btn-wrap { margin-top: 30px; }
#info_container .error-area-wrap .error-area .btn-wrap a { height: 40px; display: inline-block; line-height: 38px; font-size: 1.3rem; padding: 0 25px; border-radius: 3px; font-weight: 300; margin: 0 3px; }
#info_container .error-area-wrap .error-area .btn-wrap .prev-page-btn { color: #fff; background: #96979E; }
#info_container .error-area-wrap .error-area .btn-wrap .home-btn { background: #1652f0; color: #fff; }

@media all and (max-width: 960px)
{
	#info_container .error-area-wrap { padding-top: 120px; }
}

@media all and (max-width: 560px)
{
	#info_container .error-area-wrap { padding-top: 80px; }
	#info_container .error-area-wrap .error-area { width: 100%; padding: 0 30px; }
	
	#info_container .error-area-wrap .error-area .error-img { width: 90px; }
	#info_container .error-area-wrap .error-area h2 { font-size: 1.8rem; font-weight: 900; }
	#info_container .error-area-wrap .error-area p {font-size: 1.4rem; color: #7F8088; margin-top: 20px; font-weight: 400; }
}