@charset "utf-8";    
/* 아코디언 스타일 */
.accordion-item {        border: none;        background: none;        cursor: pointer;        transition: all 0.3s ease;    }
.accordion-content {        max-height: 0;        overflow: hidden;        transition: max-height 0.3s ease;       }
.accordion-content.active {        max-height: 200px;    }
.sub-menu-item {        width: 100%;        padding: 10px 12px 10px 24px;        display: flex;        align-items: center;        font-size: 14px;        font-weight: 400;        line-height: 1.0;        color: #777;        text-decoration: none;        transition: background-color 0.2s ease;    }
.sub-menu-item:hover {        background-color: #eee;        color: #333;    }
.arrow-icon {        margin-left: auto;        transition: transform 0.3s ease;    }
.arrow-icon.rotated {        transform: rotate(180deg);    }

/* 기본 메뉴 아이템 스타일 */
.menu-item {        text-decoration: none;        transition: background-color 0.2s ease;    }
.menu-item:hover {        background-color: #f5f5f5;    }
.modal-overlay {display: none;position: fixed;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.6);justify-content: center;align-items: center;z-index: 1000;}
#suggestLink {    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;  }

.footmenu{border-top:1px solid #D9DADE; bottom:0;left:0}
.footmenu_admin{border-top:1px solid #D9DADE; bottom:0;left:0}


/****************************/
.filter-tabs {    display: flex;    gap: 10px;   flex-wrap: wrap;}

.filter-btn {    padding: 12px 16px;    background:#FFFFFF;    border: 1px solid #EEEEF0;    border-radius: 4px;    cursor: pointer;    transition: all 0.3s ease;    font-size: 16px;    font-weight: 700;   color: #91949F;}
.filter-btn.active {   background:#EEEEF0;    border-color: #EEEEF0;    color: #26272B;}
.faq-container {    margin: 0 auto;    display: flex;    gap: 20px;}
.faq-column {    flex: 1;    display: flex;    flex-direction: column;    gap: 15px;}
.faq-item {    background-color: #F7F8F8;    border-radius: 8px;    overflow: hidden;    transition: all 0.3s ease;}
.faq-item.hidden {    display: none;}
.faq-question {    padding: 20px;    cursor: pointer;    display: flex;    justify-content: space-between;    align-items: center;    transition: background-color 0.3s ease;}
.faq-question:hover {    background-color: #f8f9fa;}
.faq-question.active > .question-text {    color:#D9254E}
.question-text {    font-size: 16px;    font-weight: 600;    color: #333;    flex: 1;}
.toggle-icon {  transition: transform 0.3s ease;    color: #666;}
.toggle-icon.active {    transform: rotate(180deg);}
.faq-answer {    max-height: 0;    overflow: hidden;    transition: all 0.3s ease;   background-color: #fafafa;}
.faq-answer.active {    max-height: 500px;    padding: 20px;    background:#fff;}