// NavTab
#navTab {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	row-gap: 10px;
	column-gap: 15px;
	padding: 25px 0 0 32px;

	> article {
		> a {
			color: #0D6295;
			transition: color 0.3s;

			&:hover, &.active {
				color: #e47911;
				text-decoration: underline;
			}

			&.active {
				font-weight: bold;
			}
		}
	}
}

@media (max-width: 576px) {
	main {
		#navTab {
			padding: 15px 0 0 10px;
		}

		#board, #contact, #faq, #guide {
			padding: 0 10px 22px 10px;
		}
	}
}