:root {
	/* realtor */
	--color-primary:#002E7A;
	--color-primary-25:#75C8FF;
	--color-primary-50:#71C0F5;
	--color-primary-100:#6CB8EB;
	--color-primary-200:#5EA7FF;
	--color-primary-300:#5CA2F7;
	--color-primary-400:#589BED;
	--color-primary-500:#599DF0;
	--color-primary-600:#0C367A;
	--color-primary-700:#0A2B61;
	--color-primary-800:#112C57;
	--color-primary-900:#0D2040;
	--gradient-primary:linear-gradient(176.47deg, #0C367A -1.57%, #114DAD 144.4%);

	/* white, black */
	--color-white:#ffffff;
	--color-black:#222222;

	/* gray */
	--color-gray:#85888E;
	--color-gray-25:#FAFAFA;
	--color-gray-50:#F5F5F6;
	--color-gray-100:#F0F1F1;
	--color-gray-200:#ECECED;
	--color-gray-300:#CECFD2;
	--color-gray-400:#94969C;
	--color-gray-500:#85888E;
	--color-gray-600:#61646C;
	--color-gray-700:#333741;
	--color-gray-800:#1F242F;
	--color-gray-900:#161B26;

	/* red */
	--color-red:#EE2D41;
	--color-red-25:#FFFBFA;
	--color-red-50:#FEF2F3;
	--color-red-100:#FEE2E5;
	--color-red-200:#FECACF;
	--color-red-300:#FCA5AE;
	--color-red-400:#F9707E;
	--color-red-500:#EE2D41;
	--color-red-600:#DD2538;
	--color-red-700:#BA1B2B;
	--color-red-800:#9A1A27;
	--color-red-900:#7F1D27;

	/* orange */
	--color-orange:#FFA800;
	--color-orange-25:#FFFEF4;
	--color-orange-50:#FFFDEA;
	--color-orange-100:#FFF6C5;
	--color-orange-200:#FFED85;
	--color-orange-300:#FFDD46;
	--color-orange-400:#FFCA1B;
	--color-orange-500:#FFA800;
	--color-orange-600:#E27F00;
	--color-orange-700:#BB5802;
	--color-orange-800:#984308;
	--color-orange-900:#7C370B;

	/* green */
	--color-green:#17B26A;
	--color-green-25:#F6FEF9;
	--color-green-50:#ECFDF3;
	--color-green-100:#DCFAE6;
	--color-green-200:#ABEFC6;
	--color-green-300:#75E0A7;
	--color-green-400:#47CD89;
	--color-green-500:#17B26A;
	--color-green-600:#079455;
	--color-green-700:#067647;
	--color-green-800:#085D3A;
	--color-green-900:#074D31;

	/* blue */
	--color-blue:#2E90FA;
	--color-blue-25:#F5FAFF;
	--color-blue-50:#EFF8FF;
	--color-blue-100:#D1E9FF;
	--color-blue-200:#B2DDFF;
	--color-blue-300:#84CAFF;
	--color-blue-400:#53B1FD;
	--color-blue-500:#2E90FA;
	--color-blue-600:#1570EF;
	--color-blue-700:#175CD3;
	--color-blue-800:#1849A9;
	--color-blue-900:#194185;
}

@font-face {
	font-family: "Pretendard";
	src: url("/assets/fonts/pretendard/Pretendard-ExtraLight.woff2") format("woff2"), url("/assets/fonts/pretendard/Pretendard-ExtraLight.woff") format("woff");
	font-weight: 200;
}

@font-face {
	font-family: "Pretendard";
	src: url("/assets/fonts/pretendard/Pretendard-Light.woff2") format("woff2"), url("/assets/fonts/pretendard/Pretendard-Light.woff") format("woff");
	font-weight: 300;
}

@font-face {
	font-family: "Pretendard";
	src: url("/assets/fonts/pretendard/Pretendard-Regular.woff2") format("woff2"), url("/assets/fonts/pretendard/Pretendard-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Pretendard";
	src: url("/assets/fonts/pretendard/Pretendard-Medium.woff2") format("woff2"), url("/assets/fonts/pretendard/Pretendard-Medium.woff") format("woff");
	font-weight: 500;
	font-style: medium;
}
@font-face {
	font-family: "Pretendard";
	src: url("/assets/fonts/pretendard/Pretendard-SemiBold.woff2") format("woff2"), url("/assets/fonts/pretendard/Pretendard-SemiBold.woff") format("woff");
	font-weight: 600;
}

@font-face {
	font-family: "Pretendard";
	src: url("/assets/fonts/pretendard/Pretendard-Bold.woff2") format("woff2"), url("/assets/fonts/pretendard/Pretendard-Bold.woff") format("woff");
	font-weight: 700;
	font-style: bold;
}
@font-face {
	font-family: "Pretendard";
	src: url("/assets/fonts/pretendard/Pretendard-ExtraBold.woff2") format("woff2"), url("/assets/fonts/pretendard/Pretendard-ExtraBold.woff") format("woff");
	font-weight: 800;
}


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,
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,
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;
	font-family: Pretendard;
}
input,
button,
textarea,
select {
	font-family: Pretendard;
	font-weight: 400;
	font-size: 14px;
	color: #000;
}
/* body,
button {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
} */
img,
fieldset {
	border: 0;
}
img {
	vertical-align: top;
}
menu,
ul,
ol {
	list-style: none;
}
em,
address {
	font-style: normal;
}
a {
	display: inline-block;
	text-decoration: none;
	color: #000;
	-webkit-tap-highlight-color: transparent;
	outline: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: top;
}
a:hover,
a:active,
a:focus {
	text-decoration: none;
}
button {
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	outline: none;
	vertical-align: top;
	cursor: pointer;
	background: none;
}
input,
textarea {
	-webkit-appearance: none;
	border-radius: 0;
}
textarea:focus-visible {
	outline:none;
}
.customscroll {
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	scrollbar-width: auto;
	scrollbar-color: var(--color-gray-200);
}
.customscroll::-webkit-scrollbar {
	display: block;
	width: 16px;
}
.customscroll::-webkit-scrollbar-track {
	display: block;
	background:#fff;
}
.customscroll::-webkit-scrollbar-thumb {
	background: var(--color-gray-200);
	border-radius: 10px;
	border: 4px solid rgba(0, 0, 0, 0);
	background-clip: content-box;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="search"] {
	-webkit-appearance: none;
	margin: 0;
	outline: none;
}

a:focus,
button:focus {
	outline-color: none;
}
body {
	color: #111;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	word-break: keep-all;
}
table {
	border-collapse: collapse;
}

.hide {
	display: none;
}

/* input */
input {
	-webkit-appearance: none;
	border-radius: 0;
	outline: none;
	padding:0;
}
input[type="text"],
input[type="password"],
input[type="number"] {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}


/* Layout */
html {
	overflow: auto;
}
body {
	min-height: 100vh;
}
html,
body {
	min-height: -webkit-fill-available;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smooth: never;
	font-size:16px;
}

* {
	-webkit-print-color-adjust: exact;
}

.react-datepicker__time-list-item {
	display: flex;
	align-items: center;
	justify-content: center;
}