@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

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 {
	border: 0;
	vertical-align: baseline;
}

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

ol, ul, li {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

address, em, cite, th, td {
	font-weight: normal;
	font-style: normal;
	vertical-align: middle;
}

label {
	cursor: pointer;
}

input,
input[type=text],
input[type=password],
input[type=search],
input[type=tel],
input[type=number],
select,
textarea {
	padding: 0 12px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	border-color: transparent;
}
	/* IE ���� Select box ȭ��ǥ ���� */
	select::-ms-expand {
		display: none;
	}

	select option {
		color: #231f20 !important;
		font-size: 0.9rem;
	}

		select option[disabled] {
			display: none;
		}

/*	input[type=date],
	input.input_date {
		background-image: url('/img/planner/common/icon_date.svg');
		background-repeat: no-repeat;
		background-position: calc(100% - 0.8rem) center;
		background-size: auto 1.2rem;
	}*/

	input[type="date"]::-webkit-clear-button,
	input[type="date"]::-webkit-inner-spin-button {
		opacity:0;
	}

	input[type="date"]::-webkit-calendar-picker-indicator {
		background: transparent;
		z-index: 1;
		width:100%;
	}

input[disabled], input[readonly], select[readonly], textarea[readonly] {background-color: #FAFAFA !important; border-color: #DBDBDB !important;}

	/*IE pw ���̱�,����� �� ���ֱ�*/
	input[type='password']::-ms-reveal,
	input[type='password']::-ms-clear {
		display: none;
	}

input::placeholder {font-size: var(--fs-p-l);color: var(--fc-gray03);}

textarea::placeholder {font-size: var(--fs-p-l);color: var(--fc-gray03); }
	/* Chrome, Safari, Edge, Opera */
	input[type="number"]::-webkit-outer-spin-button,
	input[type="number"]::-webkit-inner-spin-button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		margin: 0;
	}
	/* Firefox */
	input[type=number] {
		-moz-appearance: textfield;
	}

	input[type="file"] {
		position: absolute;
		left: 0;
		top: 0;
		width: 100% !important;
		height: 100% !important;
		opacity: 0;
	}

textarea {
	padding: 0.4rem;
	resize: none;
}

select {
	position: relative;
	padding-right: 2.2rem;
	color: #231f20;
	background-image: url('/img/common/icon_select_arrow.svg');
	background-position: calc(100% - 0.875rem) center;
	background-repeat: no-repeat;
	background-size: 1rem auto;
}

label, input, select, textarea, button, a {
	font-size: inherit;
	font-family:inherit;
}


a, button {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

	a:hover,
	a:focus,
	a:active,
	button:hover,
	button:focus,
	button:active {
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		outline: none;
		-webkit-tap-highlight-color: transparent;
	}

button {
	cursor: pointer;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
}

table {
	padding: 0;
	border-spacing: 0;
	table-layout: fixed;
	width: 100%;
	border: 0;
	border-collapse: collapse;
}

td {
	padding: 0;
}

img {
	max-width: 100%;
	border: 0;
	vertical-align: top;
}

br {
	line-height: 0;
	font-family: sans-serif;
}
/*�ͽ��÷ο�*/

/*텍스트 드래그 방지*/
button, label, select, a {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family:inherit;
}


body, html {
	font-size: 16px;
	font-family: "Noto Sans KR", sans-serif;
	font-weight:400;
	color: var(--fc-black);
	background-color: #F2F5FA;
	-webkit-text-size-adjust: none;
	word-wrap: break-word;
	word-break: break-all;
	/*scroll-behavior: smooth;*/
	line-height: 1.5;
	letter-spacing: -0.5px;
	transition: all 0.1s;
}