@charset "UTF-8";

.login {
	max-width: 45rem;
	margin: 3rem auto;
	padding: 0 2rem;
}

.done {
	margin-top: 5rem;
	margin-bottom: 25rem;
}

.join input, .join select {
	border: 1px solid #ddd !important;
	height: 2rem !important;
	padding: 0 .5rem;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

h2 {
	color: black;
	font-size: 1rem;
}

.join inpyt[type="number"] {
	width: 100%;
	-moz-appearance: textfield;
}

.login input {
	font-family: "Noto Sans KR", NanumGothic, 나눔고딕, 돋움, dotum, sans-serif;
	border: none;
	border-bottom: 1px solid lightgrey;
	height: 2rem;
	padding: 0 .5rem;
	font-size: .9rem;
}

.input_title { color: black; }

.margin-height { margin-top: 1rem; margin-bottom: 1rem; }
.min-width-15 { min-width: 15rem; }

.button { border: none; border-radius: .25rem; height: 2.5rem; }
.button:hover { opacity: .8; }

/* color */
.primary { background: #ffc41d; color: white; }
.secondary { background: #b3b3b3; color: white; }

.full-width { width: 100%; }
.half-width { width: 50%; }

.flex { display: flex; }
.flex.space-between { justify-content: space-between; }
.flex.column { flex-direction: column; }
.flex.align-center { align-items: center; }
.flex.baseline { align-items: baseline; }

.separator { margin: 0 .5rem; }

.font-1 { font-size: 1rem; }
.font-2 { font-size: 2rem; }