/* 톱 메뉴 전체 최소폭 유지 프레임 */
.hea2, .tm1, .topmns1 { min-width: 400px; }
.topmns1 { width: 105px; padding: 0; margin: 14px 0 0 272px; position: absolute;  z-index: 1; }
/* 메뉴 리스트 최적화 */
.topmns1 ul { list-style: none; display: flex; align-items: center; margin: 0; padding: 0; }
/* 개별 메뉴 스타일 */
.topmns1 li { padding: 8px 17px; }
.topmns1 li a { color: #6a6a6a; white-space: nowrap; font-size: 13px; text-decoration: none; }
.topmns1 li.active a { color: #000; }
/* 특수 케이스 처리 */
.topmns1 li.first { padding: 4px 14px 2px; }
.topmns1 li.active:last-child { padding: 4px 10px 2px; border-right: 1px solid #dfdfdf; }
.topmns_login {width: 100%;  margin: 0;    padding: 0; border-bottom: 1px solid #ddd; }


/* 1. 최우측 구석 고정용 absolute 컨테이너 (정석 가로 플렉스 균등 정렬) */
.custom_standalone_register_container {
    position: absolute; top: 26px; right: 0px; 
    width: 390px; height: 60px; z-index: 2;
    display: flex; flex-direction: row; 
    justify-content: flex-start; gap: 6px; 
    box-sizing: border-box;
}

/* 5개 버튼 기둥들이 동일한 가로 지분과 여백을 상속받도록 완전히 일원화 */
.custom_standalone_btn_wrap,
.custom_standalone_btn {
    flex: 1; 
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 2px; background: transparent; border: none; cursor: pointer; text-decoration: none;
    box-sizing: border-box; margin: 0; padding: 0; text-align: center; width: 100%;
}
.custom_standalone_btn_wrap { position: relative; } 

/* 2. 아이콘 주머니 박스 규격화 */
.register_circle_plus { display: flex; align-items: center; justify-content: center; width: 100%; height: 32px; box-sizing: border-box; }
.register_bottom_text { font-size: 11.5px; font-weight: 600; letter-spacing: -0.3px; white-space: nowrap; text-align: center; width: 100%; display: block; }

/* 🎨 [독립 일원화] 5번 판매등록 전용: 속이 가득 찬 시그니처 레드 동그라미 단추 테마 */
.custom_standalone_btn_wrap .register_circle_plus { background-color: #d32f2f; width: 24px; height: 24px; border-radius: 50%; margin: 4px auto; }
.custom_standalone_btn_wrap .register_circle_plus i { color: #ffffff; font-size: 11px; font-weight: bold; }
.custom_standalone_btn_wrap .register_bottom_text { color: #d32f2f; }

/* 📂 서브 링크 4형제 체제 (나눔, 구매, 구인, 알림 병합) : 속이 비어 있는 완전한 선형(Outline) 24px 가로 나열 체제 고정 */
.share_link_btn .register_circle_plus, 
.buy_link_btn .register_circle_plus, 
.job_link_btn .register_circle_plus,
.alert_link_btn .register_circle_plus { background-color: transparent; border: none; border-radius: 0; margin: 0 auto; }

.share_link_btn .register_circle_plus i, 
.buy_link_btn .register_circle_plus i, 
.job_link_btn .register_circle_plus i,
.alert_link_btn .register_circle_plus i { color: #7e858a; font-size: 24px; font-weight: normal; transition: color 0.15s ease; }

.share_link_btn .register_bottom_text, 
.buy_link_btn .register_bottom_text, 
.job_link_btn .register_bottom_text,
.alert_link_btn .register_bottom_text { color: #546e7a; transition: color 0.15s ease; }

/* ⚡ 마우스 호버 효과 가드 (오직 5번 판매등록 버튼만 원형 배경이 검은색으로 변하도록 제한) */
.custom_standalone_btn_wrap:not(.ncenterlite_btn_wrap) .custom_standalone_btn:hover .register_circle_plus { background-color: #222222; }
.custom_standalone_btn_wrap:not(.ncenterlite_btn_wrap) .custom_standalone_btn:hover .register_bottom_text { color: #222222; }

/* 서브 링크 3형제 마우스 호버 고정 선언 (나눔, 구매, 구인) -> 마우스 오버 시 변화 없음 */
.share_link_btn:hover .register_circle_plus i, .buy_link_btn:hover .register_circle_plus i, .job_link_btn:hover .register_circle_plus i { color: #7e858a; }
.share_link_btn:hover .register_bottom_text, .buy_link_btn:hover .register_bottom_text, .job_link_btn:hover .register_bottom_text { color: #546e7a; }

/* 4번 알림 버튼 마우스 오버(호버) 시 효과 설정 (종 아이콘과 글자 전체가 판매등록 버튼 색상(#d32f2f)으로 선명하게 점등) */
.alert_link_btn:hover .register_circle_plus i,
.alert_link_btn:hover .register_bottom_text,
.alert_link_btn:hover .register_bottom_text * {
    color: #d32f2f !important;
}

/* 괄호 형태 개수 가로 수평 정렬용 텍스트 가이드 */
.alert_link_btn .alert_text_menu_container { display: inline-flex; align-items: center; justify-content: center; gap: 2px; width: 100%; }


/* ==========================================================================
   📂 [내부 패널] 클릭 시 펼쳐지는 하방 독립 레이어 (판매등록 패널 뼈대 완벽 공유)
   ========================================================================== */
/* ① 알림창 전용 목록 레이어 패널 규격화 */
.custom_standalone_btn_wrap .custom_standalone_detail {
    position: absolute; top: 62px; right: 0; width: 340px; /* 알림 리스트에 최적화된 컴팩트 너비 */
    background-color: #ffffff; border: 1px solid #e9ecef; border-radius: 12px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1); padding: 14px; box-sizing: border-box;
}

/* ② 판매등록 전용 거대 바둑판 패널 규격 원본 보존 */
.custom_standalone_btn_wrap > .custom_standalone_detail { width: 890px; }

.custom_standalone_grid_wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px 10px; width: 100%; }

/* 알림 패널 헤더 및 리스트 목록 스타일링 */
.alert_panel_header { display: flex; justify-content: space-between; align-items: center; padding: 4px 2px 10px 2px; border-bottom: 2px solid #f1f3f5; }
.alert_total_title { font-size: 11.5px; color: #495057; font-weight: 600; }
.panel_unread_count { color: #d32f2f; font-weight: 700; }
.alert_clear_all_btn { background: none; border: none; color: #868e96; font-size: 11px; cursor: pointer; text-decoration: underline; padding: 2px; font-weight: 600; }
.alert_clear_all_btn:hover { color: #212529; }
.custom_ncenterlite_wrapper { width: 100%; max-height: 380px; overflow-y: auto; }
.custom_alert_list_box { list-style: none; padding: 0; margin: 8px 0 0 0; }
.alert_item_li { border-bottom: 1px solid #f8f9fa; padding: 10px 6px; font-size: 11.5px; line-height: 1.4; transition: background 0.15s; text-align: left; }
.alert_item_li:hover { background-color: #f8f9fa; }
.alert_item_li:last-child { border-bottom: none; }
.alert_item_li.is_unread { background-color: #fff5f5; font-weight: 600; }
.alert_link_click { text-decoration: none; color: #343a40; display: block; }
.alert_text_content { display: block; word-break: break-all; }
.alert_regdate { display: block; font-size: 10.5px; color: #adb5bd; margin-top: 4px; font-weight: 500; }
.no_alert_message { padding: 30px 0; color: #868e96; font-size: 11.5px; text-align: center; width: 100%; font-weight: 500; }

/* 코어가 body 바로 밑에 강제로 주입한 중복 알림창만 원천 차단 */
body > #nc_container:not(.custom_bell_popup),
body > #nc_container {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* 내가 치환 코드로 감싸놓은 커스텀 패널 내부의 알림창은 정상 출력 */
#ncenterlite_Detail_Panel #nc_container,
.custom_standalone_register_container #nc_container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}
/* 메뉴 4개가 담기는 거대 라운드 사각형 번들 상자 (판매등록 순정 코드 원본 복구) */
.custom_register_bundle_box {
    display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 22px; gap: 4px 6px;                           
    padding: 12px 14px; background-color: #ffffff; border: 1.5px solid #aeb5bc; border-radius: 14px; margin: 0;
}
.custom_register_bundle_box li { list-style: none; }

/* 상자 내부의 개별 텍스트 링크 메뉴 스타일 */
.custom_register_bundle_box li a {
    display: flex; align-items: center; gap: 4px; height: 100%; color: #333333; text-decoration: none;
    font-size: 11.5px; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.15s ease;
}
.custom_register_bundle_box li a:hover { color: #d32f2f; }
.custom_register_bundle_box li a i { font-size: 11px; color: #cbd5e1; }
.custom_register_bundle_box li a:hover i { color: #d32f2f; }