@charset "utf-8";

/* font */
@font-face {
	font-family: "satisfyR";
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/Satisfy-Regular.ttf');
}

@font-face {
	font-family: 'nanumNeoRg';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/NanumSquareNeoTTF-bRg.woff') format('woff');
}

@font-face {
	font-family: 'nanumNeoBd';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/NanumSquareNeoTTF-cBd.woff') format('woff');
}

@font-face {
	font-family: 'nanumNeoEb';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/NanumSquareNeoTTF-dEb.woff') format('woff');
}

@font-face {
	font-family: 'nanumNeoEb';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/NanumSquareNeoTTF-dEb.woff') format('woff');
}

@font-face {
	font-family: 'nanumNeoHv';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/NanumSquareNeoTTF-eHv.woff') format('woff');
}

/* <!-- font --> */
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, 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, article,
aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	color: var(--black-1-color);
	line-height: 1.2;
	text-decoration: none;
	vertical-align: baseline;
	font: inherit;
}

* {
	letter-spacing: -1.1px;
	box-sizing: border-box;
}

article, aside, details, figcaption,
figure, footer, header, hgroup,
menu, nav, section {
	display: block;
}

html {
	font-size: 62.5%;
}

html, body {
	width: 100%;
	font-family: 'nanumNeoRg', sans-serif;
}

body input[type='text'],
body input[type='password'] {
	-moz-user-select: auto;
	-webkit-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}

button {
	font-family: 'nanumNeoBd' !important;
}

body {
	overflow-x: hidden;
	line-height: 1;
}

a {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}

input {
	border: none;
	font-family: 'nanumNeoRg';
	color: var(--black-2-color);
	cursor: pointer;
	outline: none;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input:focus, textarea:focus, button:focus, select:focus {
	outline: none;
}

textarea {
	width: 100%;
	font-family: 'nanumNeoRg';
	color: var(--black-2-color);
	background-color: #fff;
	resize: none;
	cursor: pointer;
}

label {
	cursor: pointer;
}

button {
	border: none;
	background: none;
	cursor: pointer;
}

img {
	display: block;
	max-width: 100%;
}

p img {
	 display: inline-block;
 }

select {
	overflow: hidden;
	width: 100%;
	background: #fff url('/public/images/down_arraw.svg') no-repeat calc(100% - 25px) center;
	font-family: 'nanumNeoRg';
	color: var(--black-2-color);
	cursor: pointer;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

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

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	display: none;
}

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

/* ios 스타일 제거 */
input[type='submit'] {
	-webkit-appearance: none;
}

input[type='checkbox'] {
	width: 18px;
	height: 18px;
	border-radius: 1.5px;
}

input:checked[type='checkbox'] {
	width: 18px;
	height: 18px;
	border-radius: 1.5px;
	background-color: #fff;
	-webkit-appearance: checkbox;
}

input[type='text'], input[type='password'], input[type='email'],
input[type='search'], input[type='image'], input[type='tel'],
input[type='number'], button, select, textarea {
	-webkit-appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

a {
	-webkit-tap-highlight-color: transparent;
}
/* <!-- ios 스타일 제거 --> */