/* 톱 메뉴 전체 최소폭 유지 프레임 */
.hea2, .tm1, .topmns1 { 
	min-width: 1130px; 
}
.topmns1 {
	width: 100%;
	padding: 0;
	margin: -120px 0 0 0;
	position: absolute;
	background: #f1f1f1;
	height: 36px;
}

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

/* 관리자 메뉴 설정으로 생성되는 개별 메뉴(li)의 좁고 컴팩트한 양식 */
.topmns1 li {
	margin: 0;
	padding: 8px 10px; /* 메뉴 글자들끼리 좁고 조밀하게 배치되도록 간격 조율 */
}
.topmns1 li a {
	color: #6a6a6a;
	white-space: nowrap;
	font-size: 12px;
	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: 52px; right: 0px; 
    width: 390px; height: 60px; z-index: 9999;
    display: flex; flex-direction: row; 
    justify-content: flex-start; gap: 6px; 
    box-sizing: border-box;
}

/* 4개 버튼 기둥들이 260px 내부에서 똑같은 가로 지분과 여백을 상속받도록 일원화 */
.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; }

/* 🎨 [독립 일원화] 판매등록 전용: 속이 가득 찬 시그니처 레드 동그라미 단추 테마 */
.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; }

/* 서브 링크 3형제 (나눔, 구매, 구인): 속이 비어 있는 완전한 선형(Outline) 24px 가로 나열 체제 고정 */
.share_link_btn .register_circle_plus, .buy_link_btn .register_circle_plus, .job_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 { color: #7e858a; font-size: 24px; font-weight: normal; }
.share_link_btn .register_bottom_text, .buy_link_btn .register_bottom_text, .job_link_btn .register_bottom_text { color: #546e7a; }

/* ⚡ 마우스 호버 효과 (판매등록 버튼 단독 구동 / 서브 링크 3형제는 마우스 오버 효과 없음 고정) */
.custom_standalone_btn_wrap .custom_standalone_btn:hover .register_circle_plus { background-color: #222222; }
.custom_standalone_btn_wrap .custom_standalone_btn:hover .register_bottom_text { color: #222222; }

/* 서브 링크 3형제 마우스 호버 고정 선언 */
.share_link_btn:hover .register_circle_plus, .buy_link_btn:hover .register_circle_plus, .job_link_btn:hover .register_circle_plus { background-color: transparent; border: none; }
.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개들이 바둑판 레이어
   ========================================================================== */
.custom_standalone_btn_wrap .custom_standalone_detail {
    position: absolute; top: 62px; right: 0; width: 890px;
    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_grid_wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px 10px; width: 100%; }

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