html {
    scroll-behavior: smooth;
}

/* FAQ 전체 라인(가로줄) 스타일 */
.faq-item {
    border-bottom: 1px solid #E5E7EB; /* Tailwind gray-200 */
    padding: 0.75rem 0; /* 위아래 여백 */
}

/* 기본 summary 화살표를 제거하기 위해 브라우저 기본 마커 숨김 */
details summary::-webkit-details-marker {
    display: none;
}

/* details[open] 상태에서 아이콘(chevron)을 회전시키기 */
details[open] summary i {
    transform: rotate(180deg);
}

/* 펼치기/접기 부드러운 애니메이션 처리 */
.faq-body {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* details가 열렸을 때의 상태 */
details[open] .faq-body {
    max-height: 200px; /* 내용 양에 맞춰 적당히 크게 설정 */
    opacity: 1;
}

/* hover:text-yellow-500에만 적용 */
.hover\:text-yellow-500:hover {
    color: #ffea2b !important; /* Tailwind의 yellow-500 */
}

.mobile-menu-transition {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-in-out;
}
.mobile-menu-transition.open {
max-height: 500px; /* 내용 길이에 따라 조정 필요 */
}

/* 기본 설정 */
.rpa-logo i {
font-size: 1.5rem; /* 아이콘 크기 */
}
.menu-item {
font-size: 1rem; /* 기본 글자 크기 */
}

/* 모바일 스타일 */
@media (max-width: 768px) {
/* 회사로고: 텍스트 숨기고 아이콘만 표시 */
.rpa-logo span {
    display: none; /* 텍스트 숨김 */
}
.rpa-logo i {
    display: inline; /* 아이콘 표시 */
}

/* 메뉴 글자 크기 줄이기 */
.menu-item {
    font-size: 0.875rem; /* 글자 크기 축소 */
}
}