/* 상단 물품 등록 컨테이너 */
.top_register_container {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}

/* 상단 버튼 스타일 */
.top_register_btn {
	display: flex;
	align-items: center;
	gap: 6px;
	height: 36px;
	padding: 0 16px;
	background-color: #222222;
	color: #ffffff !important;
	border: none;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: background-color 0.2s;
}
.top_register_btn:hover {
	background-color: #111111;
}
.top_register_btn .arrow_icon {
	font-size: 10px;
	opacity: 0.7;
	transition: transform 0.2s;
}
.top_register_container.is_open .arrow_icon {
	transform: rotate(180deg);
}

/* [핵심 수정] 6칸 정렬에 맞춰 가로폭을 시원하게 확장 및 스크롤 강제 삭제 */
.top_register_detail {
	position: absolute;
	top: 42px;
	right: 0; /* 버튼 오른쪽 기준 정렬 */
	width: 860px; /* 6칸이 정돈되어 들어가는 와이드 메가 규격 */
	background-color: #ffffff;
	border: 1px solid #e9ecef;
	border-radius: 12px;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
	padding: 16px;
	z-index: 9999;
	box-sizing: border-box;
	overflow: hidden; /* 강제 내부 스크롤바 생성 방지 */
}

/* [핵심 수정] 무조건 가로 6칸 균등 분할 배치 */
.top_register_grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr); /* PC 기준: 무조건 가로 6열 고정 */
	gap: 6px; /* 촘촘하고 균형감 있는 간격 설정 */
	list-style: none;
	margin: 0;
	padding: 0;
}

.top_register_grid li {
	margin: 0;
	width: 100%;
}

/* 개별 메뉴 카드 링크 스타일 (6칸 최적화 규격) */
.top_register_grid li a {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 9px 6px; /* 폭 좁아짐에 따라 좌우 패딩 미세 조정 */
	color: #495057;
	background-color: #f8f9fa;
	text-decoration: none !important;
	font-size: 11.5px; /* 글자가 밀리거나 밖으로 깨지지 않게 최적화 */
	font-weight: 600;
	border-radius: 6px;
	transition: all 0.15s ease-in-out;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; /* 혹시나 글자가 길면 말줄임 처리 */
}

/* 마우스 오버 시 스타일 */
.top_register_grid li a:hover {
	background-color: #fff5f5;
	color: #d32f2f;
}
.top_register_grid li a i {
	font-size: 11px;
	color: #adb5bd;
	transition: color 0.15s;
}
.top_register_grid li a:hover i {
	color: #d32f2f;
}

/* 📱 모바일 및 다양한 해상도 최적화 반응형 대응 */
@media screen and (max-width: 1024px) {
	.top_register_detail {
		width: 720px;
	}
	.top_register_grid {
		grid-template-columns: repeat(4, 1fr); /* 모니터가 다소 작은 환경에선 안정적으로 4칸 */
	}
}

@media screen and (max-width: 768px) {
	.top_register_detail {
		position: fixed;
		top: 50px;
		left: 10px;
		right: 10px;
		width: calc(100% - 20px);
		max-height: 75vh;
		overflow-y: auto; /* 스마트폰은 화면이 너무 좁으므로 세로 탐색 허용 */
	}
	.top_register_grid {
		grid-template-columns: repeat(2, 1fr); /* 모바일 스마트폰 전용 2칸 바둑판 체제 */
		gap: 6px;
	}
}