.btn {   /*2018-10-24 작업자:정지은 (메뉴오픈 삼각형 img -> div 로 변경) */
	/*width : 30px; 
	height : 65px; 
	position : absolute; 
	left : 206px; 
	top : 0px; 
	z-index : 1; 
 cursor: pointer;*/
/*	background-image : url("http://s1.daumcdn.net/cfs.tistory/custom/blog/204/2048858/skin/images/menu.png"); 
	background-size : 50%; background-repeat : no-repeat; background-position : center; cursor : pointer; */
} 
/*.close { width : 50px; height : 50px; position : absolute; left : 0px; top : 0px; z-index : 1; background-image : url("http://s1.daumcdn.net/cfs.tistory/custom/blog/204/2048858/skin/images/close.png"); background-size : 50%; background-repeat : no-repeat; background-position : center; cursor : pointer; } */

/*====header=====*/

  #rectangle {
    width: 25px;
    height: 64px;
    position: absolute;
    left: 256px;
    top: 0px;
    z-index: 1;
    cursor: pointer;
    background: var(--brand-navy,#00156E);
}

 .menu {

	top: 22%;
	left: 36%;
	margin-top: 10px;
	width: 15px;
	height: 0px;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 8px solid var(--bg-card,var(--bg-card,#fff));
	position: relative;
}

  .act {
	top: 22%;
	left: -34%;
	margin-top: 10px;
	width: 15px;
	height: 0px;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-right: 8px solid var(--bg-card,var(--bg-card,#fff));
	position: relative;
   }
  
 .main-form{
    float: left;
    left: 205px;
    right: 0;
    top: 65px;
    position: fixed;
    /* width: 100%; */
    height: 100%;
}

/*======================*/

#menu2 { 
	width : 205px; 
	height : 100%; 
	position : fixed; 
	top : 65px; 
	left : -216px; 
	z-index : 10; 
	border-right : 1px solid var(--border-base,#E5E7EB); 
	color:var(--bg-card,#fff); 
    background-size: 100% 140%;
} 
#menu2_sub{
	width : 256px;
	height : 96%;
	background-color : var(--bg-card,#fff);
	overflow: auto;

}

#menu1 {
	width : 205px;
	height : 100%;
	position : fixed;
	top : 66px;
	left : 0px;
	z-index : 9;
	border-right : 1px solid var(--border-base,#E5E7EB);
	background-color : var(--bg-page,#F8F9FC);
	overflow-y: auto;
	overflow-x: hidden;
}
#menu2.open { 
	left : 0px !important;  
	transition: All 0.2s ease; 
	-webkit-transition: All 0.2s ease; 
	-moz-transition: All 0.2s ease; 
	-o-transition: All 0.2s ease; 
}
#menu2.close {  
	transition: All 0.2s ease; 
	-webkit-transition: All 0.2s ease; 
	-moz-transition: All 0.2s ease; 
	-o-transition: All 0.2s ease; 
}

/* 2026 리뉴얼: erp-design Sidebar 메뉴 아이템 — rounded-xl + font-bold + gray icon
   (px-3 py-2.5 gap-3 space-y-1, inactive text-gray-600 font-bold) */
.menu_form {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	margin: 2px 8px;
	border-bottom: none;
	border-radius: 12px;
	color: var(--gray-600,#4B5563);
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: background-color 150ms, color 150ms;
}
.menu_form2 {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 9px 12px;
	margin: 2px 8px;
	border-bottom: none;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 700;
	color: var(--gray-600,#4B5563);
	cursor: pointer;
	transition: background-color 150ms, color 150ms;
}

/* erp 그룹 헤딩 — 작은 회색 라벨 (예: "보고서") · 클릭/hover 없음 */
.menu_section_label {
	padding: 14px 14px 6px 14px;
	margin: 4px 0 0 0;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.04em;
	color: var(--txt-disabled,#9CA3AF);
	text-transform: uppercase;
	user-select: none;
}

.menu_form:hover,
.menu_form2:hover {
	background: var(--color-info-50,#EFF6FF);   /* blue-50 — 모달 항목 hover 와 동일한 브랜드 틴트 */
	color: var(--brand-blue,#0023B7);        /* brand-blue */
}

.menu_form i,
.menu_form2 i {
	color: var(--txt-disabled,#9CA3AF);
	font-size: 16px;
	width: 18px;
	text-align: center;
	flex-shrink: 0;
	transition: color 150ms;
}

.menu_form:hover i,
.menu_form2:hover i {
	color: var(--brand-blue,#0023B7);   /* brand-blue 아이콘 */
}

/* 활성 메뉴 — erp-design Sidebar: bg-blue-50 + text-brand-blue + font-extrabold + 아이콘 pulse (2026-06-11) */
.menu_form_on,
.menu_form2_on {
	background: var(--color-info-50,#EFF6FF) !important;   /* blue-50 */
	color: var(--brand-blue,#0023B7) !important;        /* brand-blue */
	font-weight: 800;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}
.menu_form_on:hover,
.menu_form2_on:hover { background: var(--color-info-100,#DBEAFE) !important; }   /* blue-100 */
.menu_form_on i,
.menu_form2_on i {
	color: var(--brand-blue,#0023B7) !important;        /* brand-blue 아이콘 */
	animation: bi-menu-pulse 1.6s ease-in-out infinite;
}
/* 활성 텍스트 — menu.php 메인루프/보고서 분기의 잔존 인라인(color:#3367d6;bold) 덮어쓰기 */
.menu_form_on .menu-form-text,
.menu_form2_on .menu-form-text {
	color: var(--brand-blue,#0023B7) !important;
	font-weight: 800 !important;
}
@keyframes bi-menu-pulse {
	0%, 100% { opacity: 1; }
	50%      { opacity: 0.55; }
}

/* 2026-07-22 shop 프랜차이즈(itc) 쇼핑몰·커뮤니티 SSO 링크 — 메뉴 최상단, 즐겨찾기와 구분선 분리.
   .menu_form2 기반 + <a> 링크(텍스트장식 제거) + 스토어 강조 아이콘. */
.bi-menu-shopmall-group {
	margin: 4px 0 6px 0;
	padding-bottom: 6px;
	border-bottom: 1px solid var(--border-base,#E5E7EB);
}
a.bi-menu-shopmall {
	text-decoration: none;
}
a.bi-menu-shopmall .menu-form-text {
	color: var(--gray-600,#4B5563);
}
a.bi-menu-shopmall i {
	color: var(--brand-blue,#0023B7);   /* brand-blue — 외부 연결 강조 */
}
a.bi-menu-shopmall:hover .menu-form-text {
	color: var(--brand-blue,#0023B7);
}

/* 검색 래퍼: 아이콘 절대 배치 */
.menu_search_wrap {
	position: relative;
	margin: 8px 8px 6px 8px;
}
.menu_search_wrap .fa-search {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--txt-disabled,#9CA3AF);
	font-size: 13px;
	cursor: pointer;
	z-index: 1;
}

.menu_search_input {
	width: 100%;
	box-sizing: border-box;
	height: 36px;
	background: var(--bg-input,#F9FAFB);
	border: 1px solid var(--border-base,#E5E7EB);
	border-radius: 8px;
	color: var(--txt-secondary,#374151);
	padding: 0 12px 0 32px;
	font-size: 12px;
	outline: none;
	transition: border-color 150ms, box-shadow 150ms;
}
.menu_search_input::placeholder { color: var(--txt-disabled,#9CA3AF); }
.menu_search_input:focus {
	border-color: var(--brand-blue,#0023B7);
	box-shadow: 0 0 0 3px rgba(0, 35, 183, 0.08);
}

.menu-form-text { padding-left: 0; }

/* ============================================================
   erp Sidebar — 스크롤 본문 + 고정 풋터 프로필 (2026-06-11)
   ============================================================ */
/* #menu1 이 flex 컬럼(renewal.css) → 본문은 flex:1 스크롤, 풋터는 고정 */
.menu1-scroll {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	overflow-x: hidden;
	padding-top: 8px;
}

/* 풋터 영역 — erp: mt-auto p-2 border-t bg-slate-50 */
.menu1-footer {
	flex-shrink: 0;
	border-top: 1px solid var(--border-base,#E5E7EB);
	background: var(--bg-page,#F8F9FC);
	padding: 8px;
	position: relative;   /* 팝오버 기준 */
}

/* 프로필 트리거 (정적 — JS 없음, hover 비주얼만) */
.menu1-profile {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 8px;
	border-radius: 12px;
	cursor: default;
	transition: background 150ms;
}
.menu1-profile:hover { background: var(--border-light,#F3F4F6); }

/* 아바타 — erp: rounded-lg bg-brand-navy 이름 첫 글자 + 빨강 알림점 */
.menu1-profile-avatar {
	position: relative;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: var(--brand-navy,#00156E);          /* brand-navy */
	color: var(--bg-card,#fff);
	font-size: 13px;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
	flex-shrink: 0;
	user-select: none;
}
.menu1-profile-dot {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 8px;
	height: 8px;
	background: var(--color-danger,#EF4444);
	border: 1.5px solid var(--bg-card,#fff);
	border-radius: 50%;
}
.menu1-profile-info { flex: 1; min-width: 0; }
.menu1-profile-name {
	font-size: 12px;
	font-weight: 800;
	color: var(--txt-primary,#111827);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2;
}
.menu1-profile-role {
	font-size: 10px;
	font-weight: 700;
	color: var(--txt-disabled,#9CA3AF);
	margin-top: 2px;
}
.menu1-profile-chev {
	color: var(--txt-disabled,#9CA3AF);
	font-size: 12px;
	flex-shrink: 0;
	transition: transform .15s;
}
.menu1-profile-chev.is-open { transform: rotate(180deg); }

/* ── 프로필 팝오버 (위로 펼침) — 헤더 #user_menu 내용 ── */
.menu1-profile-pop {
	display: none;
	position: absolute;
	left: 8px;
	right: 8px;
	bottom: 100%;
	margin-bottom: 8px;
	background: var(--bg-card,#fff);
	border: 1px solid var(--border-base,#E5E7EB);
	border-radius: 14px;
	box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.14);
	padding: 10px;
	z-index: 40;
}
.menu1-profile-pop.is-open {
	display: block;
	animation: bi-profile-pop .15s ease;
}
@keyframes bi-profile-pop {
	from { opacity: 0; transform: translateY(6px); }
	to   { opacity: 1; transform: none; }
}

.menu1-pop-head {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 4px 6px 10px 6px;
	border-bottom: 1px solid var(--border-light,#F3F4F6);
	margin-bottom: 6px;
}
.menu1-pop-avatar {
	width: 36px; height: 36px;
	border-radius: 9px;
	background: var(--brand-navy,#00156E);
	color: var(--bg-card,#fff);
	font-size: 14px; font-weight: 800;
	display: flex; align-items: center; justify-content: center;
	flex-shrink: 0;
}
.menu1-pop-headinfo { min-width: 0; }
.menu1-pop-name { font-size: 13px; font-weight: 800; color: var(--txt-primary,#111827); }
.menu1-pop-role { font-size: 11px; font-weight: 600; color: var(--txt-disabled,#9CA3AF); margin-top: 2px; }

/* 지점 전환(sel_branch) 섹션 — level 99 전용 */
.menu1-pop-branch { padding: 4px 6px 8px 6px; border-bottom: 1px solid var(--border-light,#F3F4F6); margin-bottom: 6px; }
.menu1-pop-section-label {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.04em;
	color: var(--txt-disabled,#9CA3AF);
	text-transform: uppercase;
	margin-bottom: 5px;
}
.menu1-pop-select {
	width: 100%;
	height: 34px;
	border: 1px solid var(--border-base,#E5E7EB);
	border-radius: 8px;
	background: var(--bg-input,#F9FAFB);
	color: var(--txt-secondary,#374151);
	font-size: 12px;
	padding: 0 8px;
	cursor: pointer;
	box-sizing: border-box;
}
.menu1-pop-select:focus { outline: none; border-color: var(--brand-blue,#0023B7); box-shadow: 0 0 0 3px rgba(0,35,183,0.08); }

.menu1-pop-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 7px 6px;
	font-size: 12px;
}
.menu1-pop-label { color: var(--txt-muted,#6B7280); font-weight: 600; }
.menu1-pop-val   { color: var(--txt-primary,#111827); font-weight: 700; }

.menu1-pop-actions {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 6px;
	padding-top: 8px;
	border-top: 1px solid var(--border-light,#F3F4F6);
}
.menu1-pop-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	padding: 9px 12px;
	border-radius: 9px;
	border: 1px solid transparent;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	transition: background .15s, color .15s, border-color .15s;
}
.menu1-pop-btn--pay { background: var(--brand-blue,#0023B7); color: var(--bg-card,#fff); }
.menu1-pop-btn--pay:hover { background: var(--brand-blue-hover,#0018A0); }
.menu1-pop-btn--logout { background: var(--bg-card,#fff); color: var(--color-danger,#EF4444); border-color: var(--color-danger-200,#FECACA); }
.menu1-pop-btn--logout:hover { background: var(--color-danger-50,#FEF2F2); }

/* ============================================================
   erp Sidebar — 전체메뉴보기 런처 + 즐겨찾기 (2026-06-11)
   ============================================================ */
/* 전체 메뉴보기 런처 버튼 → menu2 모달 오픈 */
.menu1-launcher {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 6px 8px 4px 8px;
	padding: 10px 12px;
	border-radius: 12px;
	background: var(--bg-input,#F9FAFB);
	border: 1px solid var(--border-base,#E5E7EB);
	color: var(--gray-800,#1F2937);
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
	transition: background .15s, color .15s, border-color .15s, transform .12s;
}
.menu1-launcher:hover {
	background: var(--brand-navy,#00156E);
	border-color: var(--brand-navy,#00156E);
	color: var(--bg-card,#fff);
}
.menu1-launcher:active { transform: scale(0.98); }
.menu1-launcher-ico { font-size: 15px; width: 18px; text-align: center; flex-shrink: 0; }
.menu1-launcher-text { flex: 1; }
.menu1-launcher-arrow { font-size: 12px; color: var(--txt-disabled,#9CA3AF); transition: color .15s, transform .15s; }
.menu1-launcher:hover .menu1-launcher-arrow { color: var(--bg-card,#fff); transform: translateX(2px); }

/* 즐겨찾기 섹션 라벨 */
.menu1-fav-label {
	padding: 14px 14px 6px 14px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.04em;
	color: var(--txt-disabled,#9CA3AF);
	text-transform: uppercase;
	user-select: none;
}

/* 즐겨찾기 없음 — erp 빈 상태 */
.menu1-fav-empty {
	margin: 4px 8px;
	padding: 22px 14px;
	text-align: center;
	background: var(--bg-input,#F9FAFB);
	border: 1px dashed var(--border-base,#E5E7EB);
	border-radius: 12px;
}
.menu1-fav-empty-ico { font-size: 20px; color: var(--gray-300,#D1D5DB); }
.menu1-fav-empty-t { margin-top: 6px; font-size: 11px; font-weight: 800; color: var(--txt-disabled,#9CA3AF); }
.menu1-fav-empty-s { margin-top: 2px; font-size: 10px; color: var(--txt-disabled,#9CA3AF); }

/* 사이드바 즐겨찾기 항목 — hover 시 해제(★) 노출 (erp) */
.menu1-fav-remove {
	margin-left: auto;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-warning,#F59E0B);
	font-size: 11px;
	border-radius: 5px;
	opacity: 0;
	cursor: pointer;
	transition: opacity .12s, background .12s;
}
.menu_form2:hover .menu1-fav-remove { opacity: 1; }
.menu1-fav-remove:hover { background: var(--color-warning-100,#FEF3C7); }
/* ⚠️ .menu_form2 i (회색) / .menu_form2_on i (파랑) 가 해제 별까지 덮어쓰므로 노랑 강제 */
.menu_form2 .menu1-fav-remove i { color: var(--color-warning,#F59E0B) !important; }

/* 구 사이드 배너(.menu1-banner · .bi-side-banner) — 2026-08-12 제거. 이미지를 쓰지 않는다. */

/* ============================================================
   접힌 사이드바(sidebar-collapsed) — 텍스트 숨김, 아이콘만 (2026-06-12)
   ============================================================ */
body.sidebar-collapsed .menu1-launcher-text,
body.sidebar-collapsed .menu1-launcher-arrow,
body.sidebar-collapsed .menu1-fav-label,
body.sidebar-collapsed .menu_form2 .menu-form-text,
body.sidebar-collapsed .menu1-fav-remove,
body.sidebar-collapsed .menu1-profile-info,
body.sidebar-collapsed .menu1-profile-chev,
body.sidebar-collapsed .menu1-fav-empty { display: none !important; }

body.sidebar-collapsed .menu1-launcher { justify-content: center; padding: 10px 0; }
body.sidebar-collapsed .menu1-launcher-ico { width: auto; }
body.sidebar-collapsed .menu_form2 { justify-content: center; padding: 10px 0; gap: 0; }
body.sidebar-collapsed .menu_form2 i { width: auto; }
body.sidebar-collapsed .menu1-profile { justify-content: center; padding: 6px 0; }
body.sidebar-collapsed .menu1-footer  { padding: 8px 4px; }

/* 접힘 시 프로필 팝오버: 사이드바 밖(우측) 고정 폭 */
body.sidebar-collapsed .menu1-profile-pop {
	position: fixed !important;
	left: 70px !important;
	right: auto !important;
	width: 260px !important;
	bottom: 10px !important;
	margin-bottom: 0 !important;
}

/* ============================================================
   #menu2 = erp '전체 메뉴보기' 모달 (2026-06-11)
   ============================================================ */
/* 닫힘 */
#menu2.close { display: none !important; }
/* 오버레이 (열림) */
#menu2.open {
	left: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	border: none !important;
	background: rgba(17, 24, 39, 0.45);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	display: flex !important;
	align-items: center;
	justify-content: center;
	z-index: 120;
	padding: 40px;
	box-sizing: border-box;
	color: var(--txt-primary,#111827);
}
/* 모달 컨테이너 */
#menu2.open #menu2_sub {
	width: min(1300px, 100%) !important;
	max-height: 88vh !important;
	height: auto !important;
	background: var(--bg-card,#fff) !important;
	border-radius: 16px !important;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3) !important;
	overflow: hidden !important;
	display: flex;
	flex-direction: column;
}

/* 모달 헤더 */
.menu2-modal-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	border-bottom: 1px solid var(--border-base,#E5E7EB);
	background: var(--bg-input,#F9FAFB);
	flex-shrink: 0;
}
.menu2-modal-title { display: flex; align-items: center; gap: 12px; }
.menu2-modal-title-ico {
	/* 2026-08 아이콘 바탕 제거 — 배경/라운드 없이 아이콘만(정렬용 박스는 유지) */
	width: 30px; height: 38px;
	display: flex; align-items: center; justify-content: center;
	background: none; color: var(--brand-blue,#0023B7);
	border-radius: 0; font-size: 18px;
}
.menu2-modal-title-t { font-size: 15px; font-weight: 800; color: var(--txt-primary,#111827); }
/* 2026-08 헤더 사용자ID 표시 제거 — .menu2-modal-title-s 는 '사용자 ID :' 줄 전용 */
.menu2-modal-title-s { display: none; }
.menu2-modal-close {
	width: 34px; height: 34px;
	display: flex; align-items: center; justify-content: center;
	border-radius: 8px; color: var(--txt-muted,#6B7280); font-size: 16px;
	cursor: pointer; transition: background .15s, color .15s;
}
.menu2-modal-close:hover { background: var(--border-base,#E5E7EB); color: var(--txt-primary,#111827); }

/* 모달 헤더 우측 (검색 + 닫기) */
.menu2-modal-headright { display: flex; align-items: center; gap: 10px; }

/* 메뉴 검색 (erp) */
.menu2-search { position: relative; width: 240px; }
.menu2-search-ico {
	position: absolute;
	left: 10px; top: 50%; transform: translateY(-50%);
	color: var(--txt-disabled,#9CA3AF); font-size: 12px;
	pointer-events: none;
}
.menu2-search-input {
	width: 100%;
	height: 34px;
	border: 1px solid var(--border-base,#E5E7EB);
	border-radius: 8px;
	background: var(--bg-card,#fff);
	padding: 0 28px 0 30px;
	font-size: 12px;
	color: var(--txt-secondary,#374151);
	outline: none;
	box-sizing: border-box;
	transition: border-color .15s, box-shadow .15s;
}
.menu2-search-input::placeholder { color: var(--txt-disabled,#9CA3AF); }
.menu2-search-input:focus { border-color: var(--brand-blue,#0023B7); box-shadow: 0 0 0 3px rgba(0, 35, 183, 0.08); }
.menu2-search-clear {
	position: absolute;
	right: 9px; top: 50%; transform: translateY(-50%);
	width: 16px; height: 16px;
	display: none;
	align-items: center; justify-content: center;
	color: var(--txt-disabled,#9CA3AF); font-size: 11px; cursor: pointer;
	border-radius: 50%;
}
.menu2-search-clear:hover { background: var(--border-light,#F3F4F6); color: var(--txt-muted,#6B7280); }

/* 검색 결과 없음 */
.menu2-noresult {
	grid-column: 1 / -1;
	display: none;
	text-align: center;
	padding: 60px 20px;
	color: var(--txt-disabled,#9CA3AF);
}
.menu2-noresult > i { font-size: 28px; opacity: 0.4; }
.menu2-noresult-t { margin-top: 10px; font-size: 14px; font-weight: 700; color: var(--txt-muted,#6B7280); }
.menu2-noresult-s { margin-top: 4px; font-size: 12px; }

@media (max-width: 720px) { .menu2-search { width: 160px; } }

/* 카드 그리드 */
.menu2-grid {
	flex: 1;
	overflow-y: auto;
	padding: 16px;
	background: var(--bg-page,#F8F9FC);
	display: grid;
	grid-template-columns: repeat(4, 1fr);   /* erp xl: 한 줄 4개 (2xl의 5개는 제외) */
	gap: 12px;
	align-content: start;
}
/* erp 반응형 컬럼: xl 4 / lg 3 / md 2 / 모바일 1 (2xl 의 5개는 제외 → 최대 4) */
@media (max-width: 1279px) { .menu2-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 1023px) { .menu2-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px)  { .menu2-grid { grid-template-columns: repeat(1, 1fr); } }

/* 카테고리 카드 */
.menu2-card {
	background: var(--bg-card,#fff);
	border: 1px solid var(--border-base,#E5E7EB);
	border-radius: 12px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
	padding: 12px;
	transition: border-color .15s, box-shadow .15s;
}
.menu2-card:hover { border-color: var(--gray-300,#D1D5DB); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); }
/* 기본업무(대시보드) — 전체너비 상단 행 → 기본정보(지점관리) 위에 배치 */
.menu2-card--full { grid-column: 1 / -1; }
.menu2-card--full .menu2-card-body { flex-direction: row; flex-wrap: wrap; gap: 4px 10px; }
.menu2-card--full .menu2-item-row { flex: 0 1 240px; }
.menu2-card-head {
	display: flex; align-items: center; gap: 8px;
	padding-bottom: 8px; margin-bottom: 6px;
	border-bottom: 1px solid var(--border-light,#F3F4F6);
}
.menu2-card-head--link { cursor: pointer; }
/* 2026-08 카드 타이틀 아이콘 제거 — display:none 으로 base·--fav 모두 숨김(제목만 노출) */
.menu2-card-ico {
	display: none;
}
.menu2-card-title { font-size: 13px; font-weight: 800; color: var(--txt-primary,#111827); }
.menu2-card-body { display: flex; flex-direction: column; gap: 1px; }

/* 서브 아이템 */
.menu2-item {
	padding: 7px 10px;
	border-radius: 8px;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--gray-600,#4B5563);
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: background .12s, color .12s;
}
.menu2-item:hover { background: var(--color-info-50,#EFF6FF); color: var(--brand-blue,#0023B7); }
.menu2-item-on { background: var(--color-info-50,#EFF6FF); color: var(--brand-blue,#0023B7); font-weight: 800; }

/* 항목 아이콘 (erp mega-menu) */
.menu2-item-ico {
	margin-right: 7px;
	font-size: 12px;
	color: var(--txt-disabled,#9CA3AF);
	width: 14px;
	text-align: center;
	display: inline-block;
	vertical-align: -1px;
}
.menu2-item:hover .menu2-item-ico,
.menu2-item-on .menu2-item-ico { color: var(--brand-blue,#0023B7); }

/* 즐겨찾는 비즈니스 메뉴 카드 (amber 테마) */
.menu2-card--fav { background: rgba(245, 158, 11, 0.05); border-color: var(--color-warning-200,#FDE68A); }
.menu2-card--fav:hover { border-color: var(--color-warning-300,#FCD34D); box-shadow: 0 2px 8px rgba(245, 158, 11, 0.12); }
.menu2-card--fav .menu2-card-head { border-bottom-color: rgba(245, 158, 11, 0.25); }
.menu2-card-ico--fav { background: var(--color-warning-100,#FEF3C7) !important; color: var(--color-warning,#F59E0B) !important; }
.menu2-card--fav .menu2-card-title { color: var(--color-warning-800,#92400E); }
.menu2-fav-count {
	margin-left: auto;
	background: var(--color-warning-200,#FDE68A);
	color: var(--color-warning-800,#92400E);
	font-size: 10px;
	font-weight: 800;
	padding: 1px 8px;
	border-radius: 999px;
	flex-shrink: 0;
}
.menu2-card--fav .menu2-item:hover { background: rgba(245, 158, 11, 0.12); color: var(--color-warning-800,#92400E); }
.menu2-card--fav .menu2-item-ico { color: var(--color-warning,#F59E0B); }
.menu2-card--fav .menu2-item:hover .menu2-item-ico { color: var(--color-warning-700,#B45309); }

/* 별 토글 행 (아이템 + 즐겨찾기 별) */
.menu2-item-row { display: flex; align-items: center; gap: 2px; }
.menu2-item-row .menu2-item { flex: 1; min-width: 0; }
.menu2-star {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	background: transparent;
	color: var(--gray-300,#D1D5DB);
	font-size: 12px;
	cursor: pointer;
	border-radius: 6px;
	padding: 0;
	transition: color .12s, background .12s;
}
.menu2-star:hover { background: var(--color-warning-100,#FEF3C7); color: var(--color-warning,#F59E0B); }
.menu2-star.is-on { color: var(--color-warning,#F59E0B); }
.menu2-star.is-on:hover { background: var(--color-warning-100,#FEF3C7); }