@charset "utf-8";

.va-pc		{display:block;}
.va-mo		{display:none;}
@media (max-width:778px){
	.va-pc		{display:none;}
	.va-mo		{display:block;}
}

.cont	{transition:all 0.5s;}
.error-section	{position:relative;height:100vh;min-height:600px;background:url(../img/error_section_bg.png) no-repeat;background-size:cover;}
.error-section .cont	{position:relative;width:1240px;margin:0 auto;top:50%;transform:translateY(-50%);border:5px solid #00428E;padding:100px 50px;}
.error-section .ico		{position:absolute;bottom:0;left:50%;margin-left:-800px;width:685px;height:635px;background:url(../img/error_section_img.png) no-repeat 50% 50%;background-size: contain;z-index:1;}
.error-section .txt-wrap	{padding-left:510px;}
.error-section .tit	{font-size:100px;color:#00428E;line-height:1;letter-spacing:-1px;font-weight:900;}
.error-section .tit span	{font-size:80px;letter-spacing:-2px;margin-left:10px;}
.error-section .txt1	{margin:20px 0 40px;font-size:28px;font-weight:500;color:#00428E;letter-spacing:-1px;line-height:1.5;}
.error-section .txt2	{font-size:18px;color:#000;line-height:1.5;}
.error-section .btn		{margin:40px 0 0 0;}
.error-section .btn a	{display:inline-block;padding:20px 40px 20px 100px;font-size:16px;margin-right:10px;transition:all 0.2s ease-out;position:relative;}
.error-section .btn a span	{display:block;position:absolute;top:0;left:0;width:62px;height:100%;background-color:rgba(0,0,0,0.2);background-position:50% 50%;background-repeat:no-repeat;}
.error-section .btn a:first-of-type		{background:#00428E;color:#fff;}
.error-section .btn a:last-of-type		{background:#51B7E8;color:#fff;}
.error-section .btn a:first-of-type span	{background-image:url(../img/error_section_ico01.png)}
.error-section .btn a:last-of-type span	{background-image:url(../img/error_section_ico02.png)}
.error-section .btn a:hover	{box-shadow:0 5px 5px rgba(0,0,0,0.1);transform:translateY(-5px);}

@media (max-width:1440px){
	.error-section			{padding:0 50px;}
	.error-section .cont	{width:100%;}
	.error-section .tit	{font-size:80px;}
	.error-section .txt1{font-size:25px;}
	.error-section .ico	{width:550px;height:510px;margin-left:-700px;}
}

@media (max-width:1256px){
	.error-section .cont	{padding:70px 50px;}
	.error-section .ico	{width:480px;height:445px;margin-left:-600px;}
	.error-section .txt-wrap	{padding-left:420px;}
}

@media (max-width:1024px){
	.error-section .tit	{font-size:80px;}
	.error-section .txt-wrap	{padding-left:0;}
	.error-section .ico	{display:none;}
}
@media (max-width:778px){
	.error-section .tit	{font-size:60px;}
	.error-section .txt1{font-size:20px;margin:20px 0;}
	.error-section .txt2{font-size:17px;}
	.error-section .btn a	{padding:15px 30px 15px 80px;}
}
@media (max-width:576px){
	.error-section	{padding:30px;height:100%;min-height:auto;}
	.error-section .cont	{top:0;transform:none;padding:20px;}
	.error-section .tit	{font-size:45px;}
	.error-section .txt1{font-size:18px;}
	.error-section .txt2{font-size:16px;} 
	.error-section .btn a	{display:block;text-align:center;}
	.error-section .btn a:first-of-type	{margin-bottom:5px;}
	
}
@media (max-width:320px){
	
}