@charset "utf-8";

/* 
	input box »¡°£ Ç¥½Ã
   	error ¸Þ½ÃÁö Ç¥ÇöÀÌ alert°¡ ¾Æ´Ò °æ¿ì.
*/
input.error, textarea.error{
	border : 1px dotted red;
}

/* 
	¿¡·¯ ¸Þ½ÃÁö »¡°£ Ç¥½Ã 
 	display:block;   -> input ÇÏ´Ü¿¡ ¶ç¿ö ÁÖ´Â ½ºÅ¸ÀÏ 
*/
label.error{
	/* margin-left:10px; */
	display:block;  
	color:red;
} 

/* 
	validation error ³ª¸é input Å׵θ® »¡°£»ö. ¾ø¾Ö±â À§ÇÔ. 
	input:required{
		outline:0; 
	}
*/

/*¿¡·¯ÆäÀÌÁö*/
.error{position: fixed;top: 0;left: 0;right: 0;bottom: 0;overflow-y: auto;color: #333;letter-spacing: -1.5px;}
.error .errorBox{position: absolute;top: 50%;left: 50%;height: auto;transform: translate(-50%, -50%);text-align: center;max-width: 98%;width: 100%;}
.error .errorBox > i{font-size: 60px;color: #ccc;}
.error .errorBox strong{color: #333;font-size: 22px;font-weight: 600;margin: 30px 0 20px;display: block;}
.error .errorBox p{font-size: 15px;line-height: 28px;}
.error .errorBox .errorBtn{width: 210px;height: 40px;display:block;border-radius: 5px;margin: 40px auto 0 auto;font-size: 15px;font-weight: 400;line-height: 40px;transition-duration: 0.4s;background: #2060ba;color: #fff;}
.error .errorBox .errorBtn i{margin-left: 10px;font-size: 13px;transition-duration: 0.4s}
.error .errorBox .errorBtn:hover i{transform: rotate(-360deg)}