@charset "utf-8";

/* Document
--------------------------------------------------------------------------------------- */
*{
	margin: 0;
	padding: 0;
	font: inherit;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	appearance: none; -webkit-appearance: none; -moz-appearance: none; /* 브라우저 기본 속성 제거 */
	backface-visibility: hidden; -webkit-backface-visibility: hidden; /* for transform */
}

html{
	line-height: 1.15;
	-webkit-text-size-adjust: 100%; /* 뷰표트 변환시 폰트크기 자동확대 방지 */
}

body{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 400;
	color: #000000;
}


/* Sections
--------------------------------------------------------------------------------------- */
main {
	display: block;
}

h1 {
	font-size: 2em;
}



/* Grouping content
--------------------------------------------------------------------------------------- */
ol,
ul,
li{
	list-style: none;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}



/* table
--------------------------------------------------------------------------------------- */
table{
	border-collapse: collapse; border-spacing: 0;
}

td, th {
	padding: 0;
}



/* Text-level semantics
--------------------------------------------------------------------------------------- */
a {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}

a:hover,
a:focus,
a:active{
	text-decoration: none;
	cursor: pointer;
	color: inherit;
}

b,
strong {
	font-weight: 600;
}


code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,
sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

mark{
	background: none;
}



/* Embedded content
--------------------------------------------------------------------------------------- */
img {
	border: none;
}



/* Forms
--------------------------------------------------------------------------------------- */
button,
input[type="text"],
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: middle;
	white-space: normal;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important;
}

button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus{
	outline:0;
}

button,
input {
 	overflow: visible;
}

input[type=radio], input[type=checkbox] {
	appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
}

button,
select {
	text-transform: none;
}

select::-ms-expand{
	display:none !important;
}

select option{
	font-family:inherit !important;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

label{
	font-family: inherit;
	color: inherit;
	font-size: 1rem;

}

fieldset{
	border:none;
	margin:0;
	padding:0;
}

legend {
	box-sizing: border-box;
	display: table;
	max-width: 100%;
	padding: 0;
	color: inherit;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}



/* Interactive
--------------------------------------------------------------------------------------- */
details {
	display: block;
}

summary {
	display: list-item;
}




/* font-face
--------------------------------------------------------------------------------------- */

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: block;
	src: local('Pretendard Black'),
	url('../fonts/woff2/Pretendard-Black.woff2') format('woff2'),
	url('../fonts/woff/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: block;
	src: local('Pretendard ExtraBold'),
	url('../fonts/woff2/Pretendard-ExtraBold.woff2') format('woff2'),
	url('../fonts/woff/Pretendard-ExtraBold.woff') format('woff');
}

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

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

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

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

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: block;
	src: local('Pretendard Light'),
	url('../fonts/woff2/Pretendard-Light.woff2') format('woff2'),
	url('../fonts/woff/Pretendard-Light.woff') format('woff');
}

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

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: block;
	src: local('Pretendard Thin'),
	url('../fonts/woff2/Pretendard-Thin.woff2') format('woff2'),
	url('../fonts/woff/Pretendard-Thin.woff') format('woff');
}