@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
	font-family: 'Jal_Haru';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Jal_Haru.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
:root {
	--text-color: #263343;
	--brand-color: #004aac;
	--brand-color-7: rgba(0,74,172,0.7);
	--button-color: #004aac;
	--list-bar-color: #c3cedb88;
	--animation-color: white;
	--input-color: #fafafa;
	--input-blur-color: rgba(29, 29, 29, 0.342);
	--block-background-color: rgba(250,250,250,0.9);
	--transparent-background-color: rgba(250,250,250,0.0);
	--header-background-color: rgba(240,240,240,0.7);
	--form-background-color: rgba(0, 74, 172, 0.15);
	--accent-color: #fde1c7;
	--hard-type-color: #004aac;
	--clay-type-color: #ac8400;
	--grass-type-color: #00ac09;
	--indoor-type-color: #748091de;
	--ball-color-1: #ffee51;
	--ball-color-2: #ffd92e;
	--ball-color-3: #d87253;
	--empty-rsv-background: rgb(17,121,90);
}
* {
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-family: 'Jal_Haru', 'Noto Sans KR', sans-serif;
		text-decoration: none;
		font-size: 14px;
}
a {
	text-decoration: none;
	/* color: var(--button-color); */
}
.content {
	width: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
	background-color: rgb(245,245,245);
}
.content .page__header {
	border-radius: 15px;
	width: 100%;
	height: max-content;
	display: flex;
	flex-direction: column;
}
.content .page__header .title {
	display: flex;
	align-items: center;
	height: max-content;
}
.content .page__header .title #title__0 {
	font-size: 25px;
	margin: .7rem 1rem;
	width: max-content;
	align-items: center;
	font-weight: bold;
	color: var(--brand-color);
}
.content .page__header .title #title__1 {
	display: none;
	font-size: 20px;
	margin: 10px 0 0 10px;
	width: max-content;
	font-weight: bold;
}
.content .page__header .message {
	display: none;
	justify-content: space-between;
	align-items: flex-end;
}
.content .page__header .message #msg__0 {
	margin: 5px 13px 5px 13px;
	font-size: 12px;
}
.page__body {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 0 50px 0;
}
@media screen and (max-width:768px) {
	.content .page__header {
		display: none;
	}
}

.fa.fa-spinner {
	animation: spin 2s linear infinite;
}
@keyframes spin {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(360deg);
	}
}

/* .custom_calendar_table p.date_num {
	min-height: 7%;
} */

.horizontal__bar {
	height: .3rem;
	max-height: 12px;
	width: 100vw;
	background-color: white;
}
@media screen and (max-width:768px) {
	.horizontal__bar {
		display: block;
	}
}