bitforum-frontend/app/support/faq/style.scss

// FAQ
#faq {
	padding: 0 32px 32px 32px;
	min-width: 410px;
	max-width: 1920px;
	margin: 0 auto;

	> p {
		font-weight: 600;
		font-size: 22px;
		margin-bottom: 20px;
	}

	> form {
		> dl {
			> dt {
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: flex-start;
				align-items: center;
				gap: 0.625rem;
				
				> input {
					flex-grow: 0.08;
					flex-basis: auto;
				}

				> button {
					flex-grow: auto;
				}
			}

			> dd {
				margin-top: 14px;

				> ul {
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					column-gap: 14px;
					list-style: none;

					> li {
						font-size: 16px;

						> button {
							cursor: pointer;
							
							&:hover {
								color: #e47911;
								background-color: var(--color-primary-100);
								text-decoration: underline;
							}
						}

						// 가운데 점 대신 1px짜리 수직선
						&::after {
							content: '';
							display: inline-block;
							width: 1px;
							height: 14px;
							background-color: #858585;
							margin-left: 15px;
							position: relative;
							top: 2px; // 글씨 정렬용 (필요시 조정)
						}

						// 마지막 li는 점 숨김
						&:last-child::after {
							display: none;
						}
					}
				}
			}
		}
	}

	> #questions {
		> div > h3 > button {
			&:hover, &:active {
				text-decoration: underline;
			}
		}
	}
}