#board { width:min(1280px, calc(100% - 40px)); margin:70px auto 80px; }
#board .board-title { display:flex; flex-direction:column; align-items:center; gap:18px; margin-bottom:34px; }
#board .board-title h1 { font-size:34px; font-weight:600; color:#1f1f1f; }
#board .board-tabs { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
#board .board-tabs button { height:40px; padding:0 18px; border:1px solid #dedede; border-radius:999px; background:#fff; color:#6a6a6a; font-size:14px; font-weight:500; transition:all .18s ease; }
#board .board-tabs button:hover { border-color:#222; color:#222; }
#board .board-tabs button.on { border-color:#222; background:#222; color:#fff; font-weight:700; }
@media (max-width:560px){
	#board { width:calc(100% - 24px); margin:44px auto 56px; }
	#board .board-title { gap:14px; margin-bottom:24px; }
	#board .board-title h1 { font-size:32px; }
	#board .board-tabs { gap:8px; }
	#board .board-tabs button { height:36px; padding:0 14px; font-size:13px; }
}