/* RNDBOX 고객센터 영역 보조 스타일 (공지사항/FAQ 탭, 포인트 교환소 견적 모달, 친구 초대 목록) */

/* ===== 공지사항 ===== */
.notice .notice_table .writing_notice.pinned .categroy { color: #8A3DDC; }
.notice .notice_table .writing_notice.pinned .title { font-weight: 600; }
.notice .notice_table .open_content .open_content_meta { width: 100%; margin-top: 2rem; font-size: 1.2rem; color: #969696; }
.notice .pagination .page_btn { text-decoration: none; }
.notice .pagination .arrow_0, .notice .pagination .arrow_1 { font-size: 1.2rem; }
.notice .notice_empty { padding: 8rem 0; text-align: center; color: #969696; font-size: 1.4rem; }

/* ===== 자주묻는 질문 ===== */
.faq_tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: .8rem; margin: -2rem auto 0; width: 90rem; max-width: 92%; }
.faq_tab { padding: 0 1.8rem; height: 3.6rem; line-height: 3.4rem; border: 1px solid #DCDCDC; border-radius: 999px; font-size: 1.4rem; color: #646464; cursor: pointer; background: #fff; user-select: none; }
.faq_tab.active, .faq_tab:hover { border-color: #8A3DDC; color: #8A3DDC; background: #F6F1FD; }
.notice.faq .notice_table { margin-top: 3rem; }
.notice.faq .writing_notice .title::before { content: 'Q.'; color: #8A3DDC; font-weight: 700; margin-right: .8rem; }
.notice.faq .open_content::before { content: 'A.'; color: #8A3DDC; font-weight: 700; margin-right: .8rem; }
.notice.faq .writing_notice .date { color: #969696; }
.notice.faq .writing_notice[hidden], .notice.faq .open_content[hidden] { display: none !important; }
.faq_empty { display: none; padding: 6rem 0; text-align: center; color: #969696; font-size: 1.4rem; }
@media all and (max-width: 1259px) {
    .faq_tabs { margin-top: -2.5rem; }
    .notice.faq .writing_notice .date { font-size: 1.1rem; }
}

/* ===== 포인트 교환소 ===== */
.point-exchange .section-panel__product-card { cursor: pointer; }
.point-exchange .section-panel__quote-button { cursor: pointer; }
.pe_modal_container { position: fixed; inset: 0; z-index: 10001; display: none; justify-content: center; align-items: center; background: rgba(0, 0, 0, .6); padding: 1.6rem; }
.pe_modal_container.is-open { display: flex; }
.pe_modal { width: 100%; max-width: 46rem; max-height: 92vh; display: flex; flex-direction: column; background: #fff; border-radius: 1.6rem; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, .25); font-family: "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif; }
.pe_modal_header { display: flex; justify-content: space-between; align-items: center; padding: 2rem 2.4rem; font-size: 1.8rem; border-bottom: 1px solid #EFEFEF; }
.pe_modal_close { border: 0; background: none; font-size: 1.8rem; cursor: pointer; color: #646464; padding: 0 .4rem; }
.pe_modal_body { padding: 2rem 2.4rem 2.4rem; overflow-y: auto; margin: 0; }
.pe_field { display: block; margin-bottom: 1.4rem; }
.pe_label { display: block; font-size: 1.3rem; color: #646464; margin-bottom: .6rem; }
.pe_input { width: 100%; height: 4.4rem; border: 1px solid #DCDCDC; border-radius: .8rem; padding: 0 1.2rem; font-size: 1.4rem; background: #fff; color: #232323; font-family: inherit; }
.pe_input:focus { outline: none; border-color: #8A3DDC; }
.pe_textarea { height: 9rem; padding: 1rem 1.2rem; resize: vertical; }
.pe_modal_note { font-size: 1.2rem; color: #969696; line-height: 1.8rem; margin: 0 0 1.6rem; }
.pe_modal_actions { display: flex; gap: 1rem; }
.pe_btn { flex: 1; height: 4.6rem; border-radius: .8rem; font-size: 1.5rem; cursor: pointer; border: 1px solid #DCDCDC; background: #fff; color: #232323; font-family: inherit; }
.pe_btn_submit { background: #8A3DDC; border-color: #8A3DDC; color: #fff; }
.pe_btn_submit:disabled { opacity: .6; cursor: default; }

/* ===== 친구 초대 ===== */
.inv_friend_list { list-style: none; margin: 0; padding: 0; width: 100%; max-height: 30rem; overflow-y: auto; }
.inv_friend_list li { display: flex; justify-content: space-between; padding: 1rem 0; border-bottom: 1px solid #F0F0F0; font-size: 1.5rem; }
.inv_friend_list li:last-child { border-bottom: 0; }
.inv_friend_nick { color: #232323; }
.inv_friend_date { color: #969696; }
.inv_friend_empty { width: 100%; text-align: center; line-height: 2.6rem; }
.inv4_stat_value .inv_inner_finger { width: 2.2rem; height: 2.2rem; vertical-align: middle; }
.inv4_hero_sub .inv4_hero_code { margin-top: 1.4rem; font-size: 1.6rem; color: #6a1de0; }
.inv4_hero_sub .inv4_hero_code b { font-family: "Pretendard Variable", "Pretendard", monospace; letter-spacing: .1rem; }
@media screen and (max-width: 1023px) {
    .inv4_hero_sub .inv4_hero_code { font-size: 1.3rem; }
    .Ranking_Reward_Modal_Container .Ranking_Reward_Modal { width: calc(100% - 3rem); max-width: 45rem; }
    .Ranking_Reward_Modal_Container .Ranking_Reward_Modal .Ranking_Reward_Modal_Content { padding: 0 2.4rem 2.4rem; font-size: 1.5rem; }
    .Ranking_Reward_Modal_Container .Ranking_Reward_Modal .Ranking_Reward_Modal_Header { font-size: 1.6rem; height: 10rem; }
}

/* 공지 본문은 세로 배치(본문 → 조회/링크 메타) */
.notice .notice_table .open_content { flex-direction: column; flex-wrap: wrap; }
.notice .notice_table .open_content .open_content_text { width: 100%; }