/* 톱 메뉴 전체 최소폭 유지 프레임 */
.hea2, .tm1, .topmns1 { 
	min-width: 400px; 
}
.topmns1 {
	width: 105px;
    padding: 0;
    margin: 10px 0px 0 280px;
    position: absolute;

}

/* [핵심 수정] 관리자가 등록한 전체 메뉴 리스트를 통째로 우측 정렬 */
.topmns1 ul {
	list-style: none;
	width: 400px;
	margin: 0 auto;
	padding: 0;
	display: flex; /* 가로 배열을 위한 Flexbox 가동 */
	justify-content: flex-start;
	align-items: center; /* 세로축 정중앙 정렬 */
}
.topmns1 ul:after {
	content: "";
	display: block;
	clear: both;
}

/* 관리자 메뉴 설정으로 생성되는 개별 메뉴(li)의 좁고 컴팩트한 양식 */
.topmns1 li {
	margin: 0;
	padding: 8px 20px; /* 메뉴 글자들끼리 좁고 조밀하게 배치되도록 간격 조율 */
}
.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;
}



/* 1. 최우측 구석 고정용 absolute 컨테이너 (정석 가로 플렉스 균등 정렬) */
.custom_standalone_register_container {
    position: absolute; top: 24px; right: 0px; 
    width: 390px; height: 60px; z-index: 9999;
    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; }

/* 라이믹스 모듈 기본 팝업(#nc_container) 화면 노출 반짝임 원천 차단 가드 */
html body #nc_container, html body div#nc_container, #nc_container { display: none !important; visibility: hidden !important; opacity: 0 !important; max-height: 0 !important; overflow: hidden; }

/* 메뉴 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; }