// NavTab
#navTab {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	row-gap: 10px;
	column-gap: 15px;
	padding: 25px 0 0 32px;
	min-width: 410px;
  	max-width: 1920px;
	margin: 0 auto;

	> article {
		> a {
			color: var(--text-link);
			transition: color 0.3s;

			&:hover, &.active {
				color: var(--brand-orange);
				text-decoration: underline;
			}

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

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

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