/* Reset */
*:focus {outline: 0 !important;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html,body{width:100%;}
/* -webkit : 크롬, ios기반의 브라우저 */
html{-webkit-touch-callout:none; user-select:text;  -webkit-tap-highlight-color:rgba(0,0,0,0);}
/*  */
/* 가로사이즈가 ios(iphone3 , gallaxy1은 가로가 320) | -webkit-text-size-adjust: 아이폰 가로/세로변경시 글씨 사이즈 제어*/
body{width:100%; /*min-width:360px;*/ -webkit-text-size-adjust:none; /* word-wrap:break-word;word-break:break-all; */}
/* 웹용 */
body,input,select,textarea,button {border:none;font-size:14px;font-family: 'GT-America', 'Pretendard', 'sans-serif', 'dotum', sans-serif; color: var(--txt-color); font-weight: 500; letter-spacing: -0.42px; line-height: 1.4;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:separate;}
img,fieldset{border:0;}
img {width:100%;}
address,cite,code,em{font-style:normal;font-weight:inherit;}
label,img,input,select,textarea,button{vertical-align: middle;}
button {background:transparent;}
button:focus {opacity:0.9;}
.blind, .sr-only, caption, legend {display:inline-block; position: absolute; z-index: -1; width: 1px; height: 1px; border: 0; white-space: nowrap; overflow: hidden; clip:  rect(1px, 1px, 1px, 1px); clip-path: inset(50%); } 
caption  {display:table-caption; margin-bottom:-1px; width: 1px; height: 1px; border: 0; white-space: nowrap; clip:  rect(1px, 1px, 1px, 1px); clip-path: inset(50%); } 
hr{display:none;}
/* html5에서는 inline요소다 이것을 block으로 바꿔줌 */
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:inherit; text-decoration:none;}
:root{

--txt-color           : #000000;
--txt-color-white     : #ffffff;
--txt-color-gray      : #999999;
--txt-color-gray01    : #B1B1B1;
--txt-color-gray02    : #CCCCCC;
--txt-color-gray03    : #767676;
--txt-color-gray04    : #1C1C1C;
--txt-color-gray05    : #0C0C0C;
--txt-point           : #FF0000; 


--bg-color-white      : #ffffff;
--bg-color-black      : #000000;
--bg-color-black01    : rgba(0,0,0,0.1);
--bg-color-black02    : rgba(0,0,0,0.4);
--bg-color-black02-30 : rgba(0,0,0,0.3);
--bg-color-black03    : rgba(0,0,0,0.8);
--bg-color-black04    : rgba(0,0,0,0.04);
--bg-color-black05    : rgba(0,0,0,0.01);
--bg-color-black06    : #1C1C1C;
--bg-color-gray       : #CCCCCC;
--bg-color-gray01     : #333333;
--bg-color-gray02     : #F2F2F2;
--bg-color-gray02-40  : rgba(242, 242, 242, 0.4);
--bg-color-gray03     : #B1B1B1;
--bg-color-gray04     : #FAFAFA;
--bg-color-gray05     : #999999;
--bg-color-gray06     : #767676;
--bg-color-point      : #FF0000;
--bg-color-point01    : rgba(255,0,0,0.9);
--bg-color-red        : #ff0000;
--bg-color-yellow     : #fee500;

--line-color          :#000000;
--line-color-gray     :#F2F2F2;
--line-color-gray01   :#CCCCCC;
--line-color-gray02   :#999999;
--line-color-gray03   :#B1B1B1;
--line-color-gray04   :#DDDDDD;
--line-color-white    :#FFFFFF;
--line-color-black-15 :rgba(0,0,0,0.15);
--line-color-yellow     : #fee500;

--btn-fill-black      :#000000;   /* 버튼 컬러 스타일 */
--btn-fill-gray       :#999999;
--btn-disabled        :#CCCCCC;
--btn-white-disabled  : #F2F2F2;

--btn-line-black      :#000000;   /* 버튼 라인 스타일 */
--btn-line-gray       :#CCCCCC;

--btn-txt-black      :#000000;   /* 버튼 텍스트 스타일 */
--btn-txt-gray       :#B1B1B1;
--btn-txt-gray01    :#999999;
--btn-txt-focus      :#1A1A1A;

--tab-txt-color      :#999999;

--input-color        :#333333;   /* 입력폼 스타일(input, textarea) */
--input-txt-color    :#CCCCCC;
--input-normal-line  :#CCCCCC;
--input-disabled-line:#CCCCCC;
--input-error-line   :#000000;
--input-placeholder  :#CCCCCC;
--input-disabled     :#F2F2F2;
--input-focus        :#000000;
--input-white        :#ffffff;
--con-padding : 20px;
}
@font-face { 
	font-family: 'Pretendard'; 
	font-weight: 700; 
	font-display: swap; 
	src: local('Pretendard Bold'), url('../fonts/Pretendard-Bold.woff2') format('woff2'); 
	unicode-range: 'U+AC00-D7A3'; 
}
	
	@font-face { 
	font-family: 'Pretendard'; 
	font-weight: 500; 
	font-display: swap; 
	src: local('Pretendard Medium'), url('../fonts/Pretendard-Medium.woff2') format('woff2');
	unicode-range: 'U+AC00-D7A3'; 
}
	
	@font-face { 
	font-family: 'Pretendard'; 
	font-weight: 400; 
	font-display: swap; 
	src: local('Pretendard Regular'), url('../fonts/Pretendard-Regular.woff2') format('woff2'); 
	unicode-range: 'U+AC00-D7A3'; 
}

/* GT-America-Standard : English, number */
@font-face {
	font-family: 'GT-America';
	font-style: italic;
	font-weight: 900;
	src:  url('../fonts/GT-America-Standard-Bold-Italic.woff2') format('woff2');
}
	
@font-face {
	font-family:  'GT-America';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/GT-America-Standard-Bold.woff2') format('woff2');
}

@font-face {
	font-family:  'GT-America';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/GT-America-Standard-Medium-Italic.woff2') format('woff2');
}
@font-face {
	font-family:  'GT-America';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/GT-America-Standard-Medium.woff2') format('woff2');
}

@font-face {
	font-family:  'GT-America';
	font-style: italic;
	font-weight: 500;
	src: url('../fonts/GT-America-Standard-Regular-Italic.woff2') format('woff2');
}

@font-face {
	font-family:  'GT-America';
	font-style: normal;
	font-weight: 500;
	src:url('../fonts/GT-America-Standard-Regular.woff2') format('woff2');
}

@font-face {
	font-family:  'GT-America';
	font-style: italic;
	font-weight: 400;
	src:url('../fonts/GT-America-Standard-Light-Italic.woff2') format('woff2');
}

@font-face {
	font-family:  'GT-America';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/GT-America-Standard-Light.woff2') format('woff2');
}

@font-face {
	font-family:  'GT-America';
	font-style: italic;
	font-weight: 300;
	src: url('../fonts/GT-America-Standard-Light-Italic.woff2') format('woff2');
}

@font-face {
	font-family:  'GT-America';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/GT-America-Standard-Light.woff2') format('woff2');
}

@font-face {
	font-family:  'GT-America';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/GT-America-Standard-Light.woff2') format('woff2');
}

@font-face {
	font-family:  'NotoSansKR';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/NotoSansKR-Medium.woff2') format('woff2');
}
body,
html { font-size: 62.5%; color: var(--txt-color); line-height: 1.285; height:100%} 
* { box-sizing: border-box; } 
/* 에러 */
.no_header header {display: none}
.error_wrap {padding: 0 20px; width: 100%; justify-content: center; height: 100vh; }
.error_wrap,
.errer_btn {display: flex; flex-direction: column; align-items: center;}
.error_wrap [class^="error_"] {text-align: center; }

.error_wrap .error_txt {font-size: 20px; font-weight: bold; background: url('../images/ico_fail_80.png') no-repeat center 0 /80px 60px; padding-top: 70px;}
.error_code {font-size: 12px;margin-top: 40px; width: 100%; height: 45px; line-height: 43px; background-color: var(--bg-color-gray04); border: 1px solid var(--bg-color-gray02);}
.error_code.type2{height:auto;padding:15px;line-height:18px}
.error_description {font-size: 12px; color: var(--txt-color-gray); margin-top: 20px;}

.errer_btn {width: 100%; gap: 10px; margin-top: 60px}
.errer_btn button {height: 48px; width: 100%; background: var(--bg-color-black); color: var(--txt-color-white); border-radius: 2px;}
.errer_btn button.white {background: var(--bg-color-white); color: var(--txt-color)}