/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */

.customer-center-wrap {
    display: flex;
    gap: 30px;
    padding-top: 30px;
}

/* --- 좌측 LNB 메뉴 --- */
.lnb-menu {width: 220px;flex-shrink: 0;}
.lnb-title {font-size: 36px;font-weight: bold;padding-bottom: 45px;letter-spacing: -0.02em;color: #000000;}
.lnb-list li a {display: block;font-size: 21px;color: #333333;transition: color 0.2s;margin-bottom: 20px;}
.lnb-list li a:hover { color: #111; }
.lnb-list li a.active {color: #111;font-weight: bold;text-decoration: underline;}

/* --- 우측 메인 콘텐츠 --- */
.cs-content { flex: 1; }

/* 상단 검색 및 정보 영역 */
.cs-header-top {display: flex;gap: 30px;margin-bottom: 30px;}

/* 자주 묻는 질문 검색 박스 */
.faq-search-box {flex: 1;background-color: #f2f4f6;border-radius: 6px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0 15px;}
.faq-search-box h3 {font-size: 30px;font-weight: bold;margin-bottom: 20px;color: #000000;}
.search-input {position: relative;max-width: 634px;width: 100%;}
.search-input input {width: 100%;height: 49px;padding: 0 50px 0 20px;border: 2px solid #333;border-radius: 25px;font-size: 18px;outline: none;box-sizing: border-box;}
.search-input input::placeholder {color:#aaaaaa;}
.search-input .btn-search { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; }
select#search-category {
    display: none;
}
/* 고객센터 정보 박스 */
.cs-info-box {width: 387px;border: 1px solid #ddd;border-radius: 6px;padding: 30px;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;flex-shrink: 0;}
.cs-info-box strong {font-size: 30px;font-weight: bold;margin-bottom: 25px;display: block;color: #000000;}
.cs-info-box p {font-size: 18px;color: #555555;line-height: 1.6;}

/* --- 탭 메뉴 --- */
.faq-tabs {display: flex;border-top: 2px solid #000000;margin-bottom: 20px;}
.faq-tabs li { flex: 1; text-align: center; }
.faq-tabs a {display: block;height: 48px;line-height: 48px;font-size: 18px;color: #000000;/* border: 1px solid #ddd; */background: #f4f6f8;transition: all 0.2s;border-top: 0;border-bottom: 1px solid #ddd;}
.faq-tabs li + li a{border-left:1px solid #ddd;}
.faq-tabs li:first-child {border-left:1px solid #ddd;}
.faq-tabs li:last-child {border-right:1px solid #ddd;}
.faq-tabs li.active a {background: #fff;font-weight: bold;border-bottom: 1px solid #fff;position: relative;z-index: 1;}

/* --- FAQ 리스트 (아코디언) --- */
.faq-list {border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
.faq-item { border-bottom: 1px solid #e4e4e4; }
.faq-item:last-child { border-bottom: none; }

/* 질문 (Q) 영역 */
.faq-q {display: flex;align-items: center;padding: 16px 15px 16px 50px;cursor: pointer;transition: background 0.2s;background: #fff;}
.faq-q:hover { background: #fdfdfd; }
.faq-q .category {width: 194px;text-align: center;font-size: 18px;color: #000;flex-shrink: 0;}
.faq-q .icon-q {width: 38px;height: 38px;border-radius: 50%;background: #777777;color: #fff;font-size: 21px;font-weight: 400;display: flex;align-items: center;justify-content: center;flex-shrink: 0;line-height: 1;}
.faq-q .title {flex: 1;font-size: 18px;color: #000;}
.faq-q .arrow {width: 28px;height: 28px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;transition: transform 0.3s ease;flex-shrink: 0;}

/* 활성화 상태의 화살표 회전 */
.faq-item.active .faq-q .arrow { transform: rotate(180deg); }

/* 답변 (A) 영역 */
.faq-a {display: none;background: #f4f6f8;padding: 25px 20px 25px 222px;position: relative;border-top: 1px solid #ddd;}
.faq-a .icon-a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #14ada8;
    color: #fff;
    font-size: 21px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    left: 50px;
    line-height: 1;
}
.faq-a .answer-content {font-weight: bold;font-size: 18px;line-height: 1.6;color: #000;}

/* BASIC css end */


/* BASIC css end */


/* BASIC css end */


/* BASIC css end */