@charset "utf-8";

/* font */
@font-face{
	font-family:'NotoSansThin';
	font-style:normal;
	font-weight:100;
	src:url('../font/NotoSansKR-Thin.eot');
	src:local('※'),
		url('/upload/system/error_static/font/NotoSansKR-Thin.woff') format('woff'),
		url('/upload/system/error_static/font/NotoSansKR-Thin.woff2') format('woff2'),
		url('/upload/system/error_static/font/NotoSansKR-Thin.otf') format('opentype');
}
@font-face{
	font-family:'NotoSans';
	font-style:normal;
	font-weight:400;
	src:url('../font/NotoSansKR-Regular.eot');
	src:local('※'),
		url('/upload/system/error_static/font/NotoSansKR-Regular.woff') format('woff'),
		url('/upload/system/error_static/font/NotoSansKR-Regular.woff2') format('woff2'),
		url('/upload/system/error_static/font/NotoSansKR-Regular.otf') format('opentype');
}
@font-face{
	font-family:'NotoSansBold';
	font-style:normal;
	font-weight:500;
	src:url('/upload/system/error_static/font/NotoSansKR-Medium.eot');
	src:local('※'),
		url('/upload/system/error_static/font/NotoSansKR-Medium.woff') format('woff'),
		url('/upload/system/error_static/font/NotoSansKR-Medium.woff2') format('woff2'),
		url('/upload/system/error_static/font/NotoSansKR-Medium.otf') format('opentype');
}

/* reset */
html {margin:0;padding:0;height:100%}
body {margin:0;padding:0;width:100%; height:100%; font-family:'NotoSans','맑은 고딕','malgun gothic','돋움',dotum,sans-serif; font-size:14px; line-height:1.2; color:#000; letter-spacing:-1px;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal}
img {border:0;vertical-align:top}
ul,ol,dl,dt,dd,li {list-style:none; word-break:break-word}
table {width:100%; table-layout:fixed}
table, th, td {border-collapse:collapse;border-spacing:0; border:0; font-weight:normal;word-wrap:break-word}
caption {overflow:hidden;width:0; height:0;font-size:0;line-height:0}
legend {overflow:hidden;width:0; height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none}
i, em, u, cite {font-style:normal}
strong,em, b {font-weight:normal}
a {color:#666;text-decoration:none; font-family:'NotoSans'}
a:hover {color:#666}
sup {position: relative; margin-top:-5px; display:inline-block; /*vertical-align:top;*/ text-indent: 0;}

#webErr.error_wrap {max-width:100%;}
#webErr.error_wrap .error_inquiry_wrap {padding:37px 0 128px}
#webErr.error_wrap .error_info {height:654px; background:#f6f6f6 url('/upload/system/error_static/images/ico_error.png') no-repeat center 145px; text-align:center;}
#webErr.error_wrap .error_info .tit {padding-top:358px;}
#webErr.error_wrap .error_info .txt {padding-top:36px; font-size:16px; color:#999; line-height:1.5;}

#webErr.error_wrap .error_wrap{width:580px; margin:60px auto 0;}
#webErr.error_wrap .error_wrap:after{content:''; display:block; clear:both;}
#webErr.error_wrap .error_wrap > div {width:50%; float: left; text-align:left; }
#webErr.error_wrap .error_wrap .box_tit{display:block; font-size:20px; font-family:'NotoSansBold'}
#webErr.error_wrap .error_wrap .info{margin-top:10px; font-size:16px;}
#webErr.error_wrap .error_wrap .info + .box_tit {margin-top:20px;}
#webErr.error_wrap .error_wrap .time{margin-top:20px; font-size:54px; font-family:'NotoSansThin'}

.system_notin {background:#f4f6ff;}
.system_notin .notice_content.pc {padding-top:75px;text-align:center;}
.system_notin .notice_content.pc .txt_notic {display:inline-block;height:50px;line-height:50px;margin-top:25px;padding:0 45px;border-radius:25px;background:#662383;color:#e8bff9;font-size:22px;}
.system_notin .notice_content.pc .txt_notic strong {padding-right:5px;font-weight:bold;color:#fff;}
.system_notin .notice_content.pc .txt01 {margin-top:25px;color:#383838;font-size:22px;}