.category-box {
    background-color: #f1f1f1;
    padding: 25px;
    border-radius: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*gap: 5px;*/
}

.category-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    /*padding: 10px;*/
    border-radius: 10px;
    width: 110px;
    font-size: 0.96rem;
    /*font-size-adjust: 0.5;*/
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: break-word;
    transition: transform 0.2s ease, filter 0.2s ease, background-color 0.3s;
    /*font-size: clamp(0.8rem, 5vw, 1rem);*/
}

.category-item:hover,
.category-item.active {
    background-color: #e0e0e0;
    padding-bottom: 10px;
    color: #007bff;
}

.category-item:hover i,
.category-item.active i {
    color: #007bff;
}

.category-item:hover .icon {
    transform: scale(1.1);
    filter: brightness(0.95);
}


.category-item i {
    font-size: 2.5rem;
    margin-bottom: 5px;
    /*color: #007bff;*/
    color: #467fb8;

}

.faq-list {
    /*max-width: 800px;*/
    margin: 20px auto;
}

.faq-list ul {
    list-style: none;
    padding-left: 0;
}

.faq-list li {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.inquiry-box {
    background: #e2ebf6;
    /*background: #f9f9f9;*/
    padding: 10px;
    border-radius: 10px;
    /*text-align: center;*/
    /*vertical-align: center;*/
    margin: 30px auto;
    /*max-width: 800px;*/
    /*display: inline-flex;*/
    /*align-items: center; !* 가운데 정렬 *!*/
}

.inquiry-box a {
    margin-left: 10px;
}

/* 아코디언 */
.q-icon {
    width: 30px;
    height: 30px;
    /*background-color: #0d6efd;*/
    /*color: white;*/
    background-color: white;
    color: #0d6efd;
    font-weight: bold;
    border:1px solid #0d6efd;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.a-icon {
    width: 30px;
    height: 30px;
    background-color: #0d6efd;
    color: white;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.accordion-button[aria-expanded="false"]:not(.active) {
    box-shadow: none;
}
.accordion-button[aria-expanded="true"] {
    box-shadow: none;
}

/* 기본 아코디언 버튼 스타일 변경 */
/*.accordion-button.custom-toggle {*/
/*    background-color: transparent;*/
/*    box-shadow: none;*/
/*    border-radius: 0;*/
/*    padding: 1rem;*/
/*    transition: background-color 0.2s;*/
/*}*/
/*.accordion-button:not(.collapsed) .transition-icon {*/
/*    transform: rotate(180deg);*/
/*}*/



/*.accordion-button {*/
/*    transition: background-color 0.2s ease;*/
/*}*/
/*.accordion-button[aria-expanded="false"] {*/
/*    background-color: #ffffff;*/
/*}*/
/*!* 펼쳐졌을 때 배경 강조 *!*/
/*.accordion-button[aria-expanded="true"] {*/
/*    background-color: #e9f5ff;*/
/*    box-shadow: none;*/
/*}*/
/*.accordion-button[aria-expanded="true"] .transition-icon {*/
/*    transform: rotate(180deg);*/
/*}*/
/*!* Bootstrap 기본 화살표 제거 *!*/
/*.accordion-button::after {*/
/*    display: none;*/
/*}*/
/*!* 사용자 정의 화살표 회전 *!*/
/*.transition-icon {*/
/*    transition: transform 0.3s ease;*/
/*}*/

#faqAccordion .accordion-button:hover {
    background-color: #e6f4ff; /* 연한 하늘색 */
    transition: background-color 0.3s; /* 부드럽게 전환 (선택사항) */
    /*cursor: pointer;*/
}



/* 구분선만 보이게 설정 */
.a-icon {
    width: 30px;
    height: 30px;
    background-color: #0d6efd;
    color: white;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.clip-icon {
    width: 24px;
    height: 24px;
    font-size: 1rem;
    background-color: #6c757d;
    border-radius: 50%;
    flex-shrink: 0;
}

.attachment-link {
    color: #0366d6;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s;
    margin-right: 1rem;
}

.attachment-link:hover {
    color: #024b9a;
    text-decoration: underline;
}

/*.file-link {*/
/*    max-width: 300px;*/
/*    font-size: 0.85rem;*/
/*    color: #212529;*/
/*    text-decoration: none;*/
/*    overflow: hidden;*/
/*    white-space: nowrap;*/
/*    text-overflow: ellipsis;*/
/*    margin-right: 10px;*/
/*}*/

/*.file-link:hover {*/
/*    text-decoration: underline;*/
/*}*/

/*.file-separator {*/
/*    color: #999;*/
/*    font-size: 0.8rem;*/
/*}*/