@charset "utf-8"; 

/* font */
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(/static/fonts/Pretendard-ExtraLight.woff2) format('woff2'), url(/static/fonts/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(/static/fonts/Pretendard-Regular.woff2) format('woff2'), url(/static/fonts/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(/static/fonts/Pretendard-Medium.woff2) format('woff2'), url(/static/fonts/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(/static/fonts/Pretendard-SemiBold.woff2) format('woff2'), url(/static/fonts/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(/static/fonts/Pretendard-Bold.woff2) format('woff2'), url(/static/fonts/Pretendard-Bold.woff) format('woff');
}

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table,th,td {
	border-collapse: collapse;
	border-spacing: 0;
  border-style: none;
}
a {
  text-decoration: none;
  color: #000;
}
i, em {
  font-style: normal;
}
img {
  border: 0;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
button {
  border: none;
  background: transparent;
  cursor: pointer;
}
input,button ,textarea{
  font-family: 'Pretendard','Nanum Gothic','맑은고딕', 'Noto Sans KR', sans-serif; font-weight:400; font-size:1.4rem; line-height:1.5rem; color:#222;
}
input::placeholder ,textarea::placeholder {
  font-size:1.3rem; line-height:1.5rem; color:#b0b0b0;font-weight:400; 
}
input:read-only {background:#F5F7FA;}

/* color */
:root {
  --primary: #F7AE2D;
  --secondary: #FDE7C0;
  --text-co: #222;
  --black: #000;
  --white: #fff;
  --co-red: #FF2B2B;
  --co-orange: #FFD6C4;
  --co-blue: #72BBFF;
  --co-skyblue: #C4DFFF;
  --co-gray: #B0B0B0;
  --co-yellow: #FFE6A4;
}

*,
*::before,
*::after { margin: 0; padding: 0; box-sizing: border-box; }
* {-webkit-tap-highlight-color:rgba(255,255,255,0); -webkit-text-size-adjust: 100%; /*user-select:none; */-webkit-touch-callout:none;-webkit-font-smoothing: antialiased;}
html {width: 100%; height: 100%; font-size: 62.5%; /* 16px * 0.625 = 10px */}
body {width: 100%; height: 100%; font-family: 'Pretendard','Nanum Gothic','맑은고딕', 'Noto Sans KR', sans-serif; font-weight:400; font-size:1.6rem; line-height:1; color:#222;}

/* web accessibility */
#skip {position: relative;z-index: 999;}
#skip a {position: absolute;top: -50px;left: 0;width: 100%;background-color: #000;text-align: center;padding: 7px 0;font-size: 16px;color: #fff;}
#skip a:focus {top: 0;z-index: 100;}
.hidden {position: absolute;width: 1px; height: 1px; margin: -1px;overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}