@charset "utf-8";
/* ============================================================================
   몰프로 · 입점업체(판매자) 관리자 전용 디자인 스킨   mim_admin_v1.css
   2026-07-26 · 페이지업그레이드(입점업체관리자 스킨 + 대시보드)
   ----------------------------------------------------------------------------
   ★ 적용범위 : html.mimd 가 붙은 페이지 = /mallinmall/ 판매자 관리자 전 페이지
      (/mallinmall/_include/header.asp · header_ifrm.asp 에서 클래스 부여 + 링크)
      → 본사 관리자(/admin/)·쇼핑몰 프론트에는 어떤 영향도 없다.
   ★ 톤 : 본사 관리자(mp_ops_v1 / mp_setup_v1 / mp_mim_v1)와 동일한 디자인 언어.
      다른 점은 두 가지뿐 —
        1) 메인컬러 = 주황 #F78D10 (--mimd-primary)   (본사는 퍼플 #5d46f1)
        2) 폰트가 본사보다 한 단계 크다      (본사 14px / 여기 15px)
   ★ 원칙
      1) 버튼   = 라운딩 + 음영 + hover/active 트랜지션
      2) 라인색 = --mimd-line 하나로 전 페이지 통일
      3) 폰트   = Pretendard Variable 다이나믹 서브셋
      4) ★박스(카드·표·패널)에는 box-shadow 를 넣지 않는다.
         연한 1px 선 위에 음영이 겹치면 윗변이 사라져 보인다. 경계는
         "면(배경색)"으로 만든다. 음영은 버튼·레이어팝업에만.
============================================================================ */

html.mimd{
	/* ★2026-08-08 : 색상 재지정(사용자 지정) — 입점업체관리자 메인컬러 #5D9DFF(파랑), 옅은컬러 #C0D9FF.
	   탑메뉴(중간)컬러 #5D9DFF 는 mim_topbar_v1.css 에 별도로 하드코딩(더 이상 --mimd-primary 를 그대로
	   물려받지 않는다 — 메인컬러와 탑메뉴컬러가 이제 서로 다른 값이라 분리했다). 이전 값은 주황 #F78D10. */
	--mimd-primary:#5D9DFF;      /* 브랜드 파랑 : 채움·활성·강조 */
	--mimd-primary-d:#4A7ECC;    /* 채움 hover */
	--mimd-primary-l:#C0D9FF;    /* 더 옅은 파랑 */
	--mimd-on-primary:#ffffff;   /* ★ 파랑 면 위 글자 = 흰색 */
	--mimd-deep:#5D9DFF;         /* (구 이름 호환) 채움 = 파랑 */
	--mimd-deep-d:#4A7ECC;
	--mimd-ink-g:#4F85D9;        /* 흰 배경 위 파랑 글자 / 링크 */
	--mimd-soft:#C0D9FF;         /* 옅은컬러(사용자 지정) */
	--mimd-soft-2:#C0D9FF;       /* 옅은컬러(사용자 지정) */
	--mimd-ring:#C0D9FF;         /* 포커스 링 = 옅은컬러 */

	--mimd-line:#e3e7ec;         /* ★ 전 페이지 공통 라인색 */
	--mimd-line-s:#eef1f5;       /* 표 내부 구분선 */
	--mimd-head:#f1f3f5;         /* 표 헤더 / 라벨 컬럼(옅은회색, 2026-08-08 주황기운→회색 변경) */
	--mimd-hover:#f5f7f9;
	--mimd-page:#f5f6f8;         /* 페이지 바닥 */

	--mimd-ink:#1f2430;
	--mimd-sub:#5b6472;
	--mimd-mut:#98a0ae;

	--mimd-danger:#e5484d;
	--mimd-danger-s:#fdf0f0;
	/* ★경고색은 브랜드 주황과 겹치지 않도록 붉은 계열로 분리한다 */
	--mimd-warn:#b42318;
	--mimd-warn-s:#fef3f2;
	--mimd-info:#2b7fd4;

	--mimd-rad:16px;
	--mimd-rad-s:10px;
	--mimd-rad-btn:9px;

	/* 대시보드 아이콘 배지 : 지표마다 다른 색을 써서 한눈에 구분되게 한다 */
	--mimd-c1:#f78d10; --mimd-c1-bg:#fff1dd;   /* 주문(브랜드) */
	--mimd-c2:#2b7fd4; --mimd-c2-bg:#e7f1fd;   /* 준비 */
	--mimd-c3:#6c5ce7; --mimd-c3-bg:#eeecfd;   /* 배송 */
	--mimd-c4:#e5487e; --mimd-c4-bg:#fdeaf1;   /* 클레임 */
	--mimd-c5:#d92d20; --mimd-c5-bg:#fdecea;   /* 경고 */
	--mimd-c6:#0ea47a; --mimd-c6-bg:#e4f7f1;   /* 완료 */

	--mimd-sh-btn:0 1px 2px rgba(16,24,40,.08);
	--mimd-sh-pop:0 18px 50px rgba(16,24,40,.18);

	--mimd-font:'Pretendard Variable','Pretendard','Noto Sans KR','Malgun Gothic',-apple-system,BlinkMacSystemFont,sans-serif;

	/* 본사 14px → 판매자 15px (요청: 본사보다 조금 크게) */
	--mimd-fs:15px;
	--mimd-fs-s:13.5px;
}

/* ================================================================== 기본 */
html.mimd body{
	font-family:var(--mimd-font);
	font-size:var(--mimd-fs);
	color:var(--mimd-ink);
	background:var(--mimd-page);
	letter-spacing:-.01em;
	-webkit-font-smoothing:antialiased;
}
html.mimd body *:not(.material-icons):not(i){ font-family:var(--mimd-font); }
html.mimd table,
html.mimd tr,
html.mimd td,
html.mimd th{ font-size:var(--mimd-fs); color:var(--mimd-ink); }
html.mimd font{ font-family:var(--mimd-font) !important; font-size:inherit !important; }
html.mimd .material-icons{ font-family:'Material Icons' !important; }

/* ====================================================== 떠 있는 라운딩 박스
   본사 관리자처럼 상단바 / 좌메뉴 / 본문을 각각 독립된 흰 카드로 띄운다.
   (본문 카드 래퍼 .mimd-content 는 left.asp 에서 열고 copyright.asp 에서 닫는다) */
html.mimd .leftmenuWrap{
	width:auto !important; height:auto !important;
	background:transparent !important; border-right:0 !important;
	padding:14px 7px 18px 16px !important; box-sizing:border-box;
}
html.mimd .leftmenuWrap .leftmenuBox{ overflow:hidden; }
html.mimd .rightmenuWrap{
	background:transparent !important;
	padding:14px 16px 22px 7px !important;
}
html.mimd .mimd-content{
	background:#fff;
	border:1px solid var(--mimd-line);
	border-radius:20px;
	padding:26px 28px 40px;
	min-height:calc(100vh - 130px);
	box-sizing:border-box;
}

/* ============================================================== 상단 메뉴
   원본은 파란 바 + 흰 아이콘. 본사 관리자와 같은 "흰 카드 + 컬러 강조" 로 바꾼다.
   흰 아이콘 PNG 는 흰 바탕에서 안 보이므로 filter 로 단색화한다. */
html.mimd #topmenu{
	display:block !important; width:auto !important;
	margin:14px 16px 0 16px;
	background:#fff !important;
	border:1px solid var(--mimd-line) !important;
	border-radius:20px !important;
	min-width:1520px;
	box-sizing:border-box;
}
html.mimd #topmenu .wrap-topmenu{ height:66px; padding:0 18px 0 0; box-sizing:border-box; }

/* --- 좌상단 : 플랫폼(본사) 로고. 어느 페이지에서나 같은 자리에 중앙정렬 --- */
html.mimd .wrap-topmenu #top_logo{
	position:static !important;
	flex:0 0 214px; width:214px; height:66px;
	display:flex; align-items:center; justify-content:center;
	padding:0 14px; box-sizing:border-box;
}
html.mimd .wrap-topmenu #top_logo .logo,
html.mimd .wrap-topmenu a.logo:link,
html.mimd .wrap-topmenu a.logo:visited{
	display:flex !important; align-items:center; justify-content:center;
	width:100%; height:100%; text-align:center;
	color:var(--mimd-ink) !important;
}
html.mimd .wrap-topmenu #top_logo .logo img{
	display:block; max-width:100%; max-height:36px; width:auto; height:auto; object-fit:contain;
}
html.mimd .wrap-topmenu #top_logo .logotx{
	font-size:19px; font-weight:800; letter-spacing:-.03em; line-height:1.2;
	color:var(--mimd-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;
}

/* ★ li 가 flex 에서 줄어들면 안쪽 링크(nowrap)가 옆 항목을 덮는다 → 축소 금지 */
html.mimd .wrap-topmenu ul{ width:auto !important; flex:1 1 auto; min-width:0; gap:0; align-items:center; padding-left:108px; }
html.mimd .wrap-topmenu ul li{ flex:0 0 auto !important; padding:0; margin:0 1px; min-width:0; }
html.mimd .wrap-topmenu ul li::after{ display:none !important; }
html.mimd .wrap-topmenu ul li.on{ background:transparent !important; }
html.mimd .wrap-topmenu ul li a,
html.mimd .wrap-topmenu ul li a:link,
html.mimd .wrap-topmenu ul li a:visited{
	display:inline-flex !important; align-items:center; gap:8px;
	/* ★원본의 a{width:100%} 가 살아 있으면 content-box 라서 좌우 패딩만큼
	   링크가 li 밖으로 삐져나와 옆 메뉴를 덮는다. */
	width:auto !important; box-sizing:border-box !important;
	height:46px !important; line-height:1 !important; padding:0 13px;
	border-radius:999px;
	color:var(--mimd-sub) !important; font-size:16px; font-weight:600; letter-spacing:-.03em;
	transition:background-color .13s ease, color .13s ease;
	white-space:nowrap;
}
/* 대시보드 메뉴는 아이콘 폰트를 쓴다(PNG 스프라이트가 없어서) */
html.mimd .wrap-topmenu ul li a > span .material-icons{ font-size:20px; color:inherit; }
html.mimd .wrap-topmenu ul li a:hover{ background:var(--mimd-soft) !important; color:var(--mimd-ink-g) !important; }
html.mimd .wrap-topmenu ul li.on a,
html.mimd .wrap-topmenu ul li.on a:link,
html.mimd .wrap-topmenu ul li.on a:visited{
	background:var(--mimd-primary) !important; color:var(--mimd-on-primary) !important; font-weight:700;
}
html.mimd .wrap-topmenu ul li a > span{ margin:0 !important; display:inline-flex; align-items:center; }
html.mimd .wrap-topmenu ul li a > span img{
	width:17px; height:17px; object-fit:contain;
	filter:brightness(0); opacity:.46;
	transition:opacity .13s ease;
}
html.mimd .wrap-topmenu ul li a:hover > span img{ opacity:.68; }
/* 활성 메뉴는 주황 pill + 흰 글자 → 아이콘도 흰색으로 뒤집는다 */
html.mimd .wrap-topmenu ul li.on a > span img{ filter:brightness(0) invert(1); opacity:1; }

html.mimd .wrap-topmenu .rgtMenu{
	display:flex; align-items:center; gap:6px; flex:0 0 auto;
	width:auto; min-width:0; height:64px; line-height:1; margin-left:auto;
}
html.mimd .wrap-topmenu .rgtMenu a,
html.mimd .wrap-topmenu .rgtMenu a:link,
html.mimd .wrap-topmenu .rgtMenu a:visited{
	display:inline-flex; align-items:center; justify-content:center;
	height:34px; margin:0; padding:0 14px;
	border:1px solid var(--mimd-line); border-radius:var(--mimd-rad-btn);
	background:#fff; color:var(--mimd-sub) !important;
	font-size:13.5px; font-weight:600; letter-spacing:-.02em;
	box-shadow:var(--mimd-sh-btn);
	transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease, color .12s ease, border-color .12s ease;
	white-space:nowrap;
}
html.mimd .wrap-topmenu .rgtMenu a:hover{
	transform:translateY(-1px); box-shadow:0 4px 12px rgba(16,24,40,.12);
	background:var(--mimd-soft) !important; border-color:var(--mimd-ring); color:var(--mimd-ink-g) !important;
}
html.mimd .wrap-topmenu .rgtMenu a.logout,
html.mimd .wrap-topmenu .rgtMenu a.logout:link,
html.mimd .wrap-topmenu .rgtMenu a.logout:visited{
	background:var(--mimd-deep) !important; border-color:var(--mimd-deep) !important; color:var(--mimd-on-primary) !important;
}
html.mimd .wrap-topmenu .rgtMenu a.logout:hover{ background:var(--mimd-deep-d) !important; border-color:var(--mimd-deep-d) !important; color:var(--mimd-on-primary) !important; }
html.mimd .wrap-topmenu .rgtMenu a.blink{ color:var(--mimd-danger) !important; border-color:#f3d7d8; }
html.mimd .wrap-topmenu .rgtMenu a.blink:hover{ background:var(--mimd-danger-s) !important; border-color:#eebfc0; color:var(--mimd-danger) !important; }

/* ========================================================== 판매자 로그인
   login.asp 는 자체 레이아웃(#topmenu/.rightmenuWrap 없음)이므로 버튼만 맞춘다.
   html.mimd 스코프라 본사 관리자 로그인(/admin/login.asp)에는 영향이 없다. */
html.mimd .btnBox .btnLogin,
html.mimd input.btnLogin{
	background:var(--mimd-deep) !important; border:1px solid var(--mimd-deep) !important;
	border-radius:var(--mimd-rad-btn) !important; color:var(--mimd-on-primary) !important;
	box-shadow:var(--mimd-sh-btn) !important; cursor:pointer !important;
	transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease !important;
}
html.mimd input.btnLogin:hover{
	background:var(--mimd-deep-d) !important; border-color:var(--mimd-deep-d) !important; 
	transform:translateY(-1px) !important; box-shadow:0 4px 12px rgba(16,24,40,.18) !important;
}

/* ============================================================== 좌측 메뉴 */
/* ★ .leftmenuWrap 의 여백/배경은 위 '떠 있는 라운딩 박스' 블록에서만 정의한다.
   여기에 background:#fff 를 다시 주면 (같은 특이도 + 뒤쪽이라) 그 규칙이 이겨서
   카드 뒤에 흰 기둥이 깔리고 박스가 떠 보이지 않는다. 중복 정의 금지. */
html.mimd #leftmenu{
	width:216px; padding-bottom:20px;
	background:#fff; border:1px solid var(--mimd-line); border-radius:20px; overflow:hidden;
}
/* 접기 버튼 : 프로필 아래 '메뉴그룹 라벨(업체관리자/주문관리…)' 줄 높이에 맞춘다 */
html.mimd .leftmenuWrap .rightBtn{ top:244px; right:2px; z-index:5; }
html.mimd .leftmenuWrap .rightBtn img{ opacity:.5; transition:opacity .12s ease; }
html.mimd .leftmenuWrap .rightBtn img:hover{ opacity:1; }

/* 판매자 프로필 */
html.mimd .leftmenuWrap .adminfo{ width:100%; padding:26px 16px 22px; box-sizing:border-box; }
html.mimd .leftmenuWrap .adminfo::after{ width:calc(100% - 32px); background:var(--mimd-line); }
html.mimd .leftmenuWrap .adminfo .profileBox{ margin-top:0; }
html.mimd .leftmenuWrap .adminfo .imgBox{
	width:68px; height:68px; border:1px solid var(--mimd-ring); background:var(--mimd-soft);
}
html.mimd .leftmenuWrap .adminfo .imgBox img{ object-fit:cover; }
html.mimd .leftmenuWrap .adminfo .setIcon img{ width:20px; height:20px; }
html.mimd .leftmenuWrap .adminfo .userId{
	margin-top:12px; color:var(--mimd-ink); font-size:16px; font-weight:800; letter-spacing:-.02em;
	line-height:1.3; word-break:keep-all;
}
html.mimd .leftmenuWrap .adminfo .userSub{
	margin-top:3px; color:var(--mimd-mut); font-size:12.5px; font-weight:600;
}
html.mimd .leftmenuWrap .adminfo .adminfo_shop{ margin-top:14px; display:flex; justify-content:center; gap:6px; }
html.mimd .leftmenuWrap .adminfo .myshop,
html.mimd .leftmenuWrap .adminfo .myminishop{
	display:inline-flex; align-items:center; justify-content:center; gap:4px;
	height:32px; padding:0 13px; margin:0;
	border:1px solid var(--mimd-line); border-radius:999px;
	background:#fff; color:var(--mimd-sub) !important;
	font-size:13px; font-weight:600; box-shadow:var(--mimd-sh-btn);
	transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease, color .12s ease, border-color .12s ease;
}
html.mimd .leftmenuWrap .adminfo .myshop:hover,
html.mimd .leftmenuWrap .adminfo .myminishop:hover{
	transform:translateY(-1px); box-shadow:0 4px 12px rgba(16,24,40,.12);
	background:var(--mimd-soft) !important; border-color:var(--mimd-ring); color:var(--mimd-ink-g) !important;
}
html.mimd .leftmenuWrap .adminfo .myshop img{ display:inline-block; width:14px; height:14px; margin:0; opacity:.6; }

/* 메뉴 그룹 */
html.mimd #leftmenu .top{
	padding:24px 18px 8px; color:var(--mimd-mut); font-size:12.5px; font-weight:700;
	letter-spacing:.05em; line-height:1.4; text-transform:none;
}
html.mimd #leftmenu .menugroup .group .menu{ padding:0 10px; box-sizing:border-box; }
html.mimd #leftmenu .menugroup .group .menu div{ margin:1px 0; }
html.mimd #leftmenu .menugroup .group .menu a,
html.mimd #leftmenu .menugroup .group .menu a:link,
html.mimd #leftmenu .menugroup .group .menu a:visited{
	display:flex; align-items:center; gap:10px;
	padding:10px 14px; border-radius:var(--mimd-rad-s);
	background:transparent; color:var(--mimd-sub) !important;
	font-size:14.5px; font-weight:500; line-height:1.45;
	transition:background-color .12s ease, color .12s ease;
}

/* ---------------------------------------------- 좌메뉴 아이콘 (CSS 매핑)
   left.asp 는 전 분양몰 공용이라 마크업을 건드리지 않고, 링크 주소로
   Material Icons 리거처를 ::before 에 매핑한다. 없는 이름을 쓰면 글자가
   그대로 보이므로 구형(classic) 아이콘 이름만 사용할 것. */
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)::before{
	content:'chevron_right';
	font-family:'Material Icons'; font-weight:normal; font-style:normal;
	font-size:19px; line-height:1; letter-spacing:normal; text-transform:none;
	white-space:nowrap; direction:ltr; font-feature-settings:'liga';
	-webkit-font-smoothing:antialiased;
	flex:0 0 22px; width:22px; text-align:center;
	color:var(--mimd-mut); transition:color .12s ease;
}
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn):hover::before{ color:var(--mimd-ink-g); }
html.mimd #leftmenu .menugroup .group .menu div[id^="lm"] > a[style*="red"]:not(.gs_option_btn)::before,
html.mimd #leftmenu .menugroup .group .menu div[id^="lm"] > a[style*="rgb(255, 0, 0)"]:not(.gs_option_btn)::before,
html.mimd #leftmenu .menugroup .group .menu div[id^="lm"] > a[style*="rgb(255,0,0)"]:not(.gs_option_btn)::before,
html.mimd #leftmenu .menugroup .group .menu div[id^="lm"] > a[style*="#ff0000"]:not(.gs_option_btn)::before,
html.mimd #leftmenu .menugroup .group .menu div[id^="lm"] > a[style*="#f00"]:not(.gs_option_btn)::before{ color:#fff; }

/* 환경설정 */
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/setup/info_edit.asp"]::before{ content:'person'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/setup/config_delivery.asp"]::before{ content:'local_shipping'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/setup/mallinmall_LoginList.asp"]::before{ content:'history'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/setup/mallinmall_LoginSecurity.asp"]::before{ content:'lock'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/setup/mallinmall_moveList.asp"]::before{ content:'description'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/setup/mallinmall_movementList.asp"]::before{ content:'find_in_page'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/setup/banner.asp"]::before{ content:'image'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/setup/config_category.asp"]::before{ content:'folder'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/setup/minishop.asp"]::before{ content:'desktop_windows'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/setup/m_minishop.asp"]::before{ content:'smartphone'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/story/story_list.asp"]::before{ content:'book'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/live/livetv_list.asp"]::before{ content:'live_tv'; }

/* 상품등록 / 상품관리 */
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/goods/goods_reg.asp"]::before{ content:'add_box'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/goods/goods_app_list_reg.asp"]::before{ content:'assignment'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/goods/goods_app_list_edit.asp"]::before{ content:'edit'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/goods/goods_app_list_del.asp"]::before{ content:'delete'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/goods/excel_upload.asp"]::before{ content:'cloud_upload'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/goods/goods_list.asp"]::before{ content:'view_list'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/goods/brand_list.asp"]::before{ content:'label'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/goods/opinion_list.asp"]::before{ content:'star'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/goods/qna_list.asp"]::before{ content:'help_outline'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/goods/goods_statistics.asp"]::before{ content:'insert_chart'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/goods/eventmall_list.asp"]::before{ content:'local_offer'; }

/* 주문 / 클레임 (menu= 값으로 구분 — $= 로 정확히 끝나는 것만) */
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href$="menu=all"]::before{ content:'receipt'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href$="menu=confirm"]::before{ content:'payment'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href$="menu=ready"]::before{ content:'inbox'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href$="menu=confirm2"]::before{ content:'schedule'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href$="menu=cancelapply"]::before{ content:'cancel'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href$="menu=deliverying"]::before{ content:'local_shipping'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href$="menu=delivery"]::before{ content:'check_circle'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href$="menu=account"]::before{ content:'done_all'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href$="menu=cancel"]::before{ content:'remove_circle_outline'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href$="menu=refund"]::before{ content:'undo'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href$="menu=refund_check"]::before{ content:'assignment_turned_in'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href$="menu=refund_finish"]::before{ content:'check'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href$="menu=change"]::before{ content:'swap_horiz'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href$="menu=change_confirm"]::before{ content:'thumb_up'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href$="menu=change_delivery"]::before{ content:'local_shipping'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href$="menu=change_finish"]::before{ content:'done'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/order/invoice.asp"]::before{ content:'note_add'; }

/* 정산 / 운영 / 회원 */
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/account/dealerAccount.asp"]::before{ content:'account_balance_wallet'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/board/admin_list.asp"]::before{ content:'group'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/board/adminAuthority.asp"]::before{ content:'vpn_key'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="board=mim_notice"]::before{ content:'notifications'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/board/admin_qna_list.asp"]::before{ content:'question_answer'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/board/email_qna.asp"]::before{ content:'mail_outline'; }
html.mimd #leftmenu .menugroup .group .menu a:not(.gs_option_btn)[href*="/member/member_buy_list.asp"]::before{ content:'people'; }
html.mimd #leftmenu .menugroup .group .menu a:hover{ background:var(--mimd-soft) !important; color:var(--mimd-ink-g) !important; }
/* ★ 활성 메뉴 : topmenu.asp 의 setleftmenu_on() 이 인라인 style 로 color:red 를 찍는다.
   인라인은 CSS 로 못 이기므로 "그 인라인이 찍힌 요소"를 속성 선택자로 잡아 다시 칠한다. */
html.mimd #leftmenu div[id^="lm"][style]{ font-size:inherit !important; }
/* ★활성 메뉴 : 일반 메뉴 규칙이 :link/:visited 까지 걸려 특이도 (1,5,2) 라
   짧은 셀렉터로는 color 가 밀린다(배경만 칠해지고 글자는 회색으로 남는다).
   같은 조상 체인을 다 붙여 특이도를 (1,6,4) 로 올린다.
   인라인 색 표기가 브라우저/코드에 따라 red / rgb(255, 0, 0) / #ff0000 로 달라져 전부 커버. */
html.mimd #leftmenu .menugroup .group .menu div[id^="lm"] > a[style*="red"],
html.mimd #leftmenu .menugroup .group .menu div[id^="lm"] > a[style*="rgb(255, 0, 0)"],
html.mimd #leftmenu .menugroup .group .menu div[id^="lm"] > a[style*="rgb(255,0,0)"],
html.mimd #leftmenu .menugroup .group .menu div[id^="lm"] > a[style*="#ff0000"],
html.mimd #leftmenu .menugroup .group .menu div[id^="lm"] > a[style*="#F00"],
html.mimd #leftmenu .menugroup .group .menu div[id^="lm"] > a[style*="#f00"]{
	background:var(--mimd-primary) !important; color:var(--mimd-on-primary) !important;
	font-weight:700 !important; font-size:14.5px !important;
}
/* 좌메뉴 하단 보조버튼 */
html.mimd #leftmenu .menugroup .group .menu div a.gs_option_btn{
	display:flex; align-items:center; justify-content:center; gap:6px;
	margin:6px 4px; padding:9px 8px;
	border:1px solid var(--mimd-line); border-radius:var(--mimd-rad-btn);
	background:#fff; color:var(--mimd-sub) !important; font-size:13px; font-weight:600;
	box-shadow:var(--mimd-sh-btn);
	transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease, color .12s ease, border-color .12s ease;
}
html.mimd #leftmenu .menugroup .group .menu div a.gs_option_btn:hover{
	transform:translateY(-1px); box-shadow:0 4px 12px rgba(16,24,40,.12);
	background:var(--mimd-soft) !important; border-color:var(--mimd-ring); color:var(--mimd-ink-g) !important;
}
html.mimd #leftmenu .menugroup .group .menu div a.gs_option_btn img{ width:15px; margin:0; opacity:.6; }

/* ============================================================ 콘텐츠 영역 */
/* 여백은 위 '떠 있는 라운딩 박스' 블록에서 지정한다(중복 정의 금지) */
html.mimd .rightmenuWrap,
html.mimd .rightmenuWrap td,
html.mimd .rightmenuWrap th,
html.mimd .rightmenuWrap li,
html.mimd .rightmenuWrap p,
html.mimd .rightmenuWrap dt,
html.mimd .rightmenuWrap dd,
html.mimd .rightmenuWrap label{ font-size:var(--mimd-fs); }

/* 페이지 타이틀 / 안내 */
html.mimd .rightmenuWrap .page_title{
	font-size:25px !important; font-weight:800 !important; letter-spacing:-.035em !important;
	color:var(--mimd-ink) !important; padding:2px 2px 16px 2px !important; border:0 !important;
}
html.mimd .rightmenuWrap .page_noti{ margin:0 0 18px 0 !important; }
html.mimd .rightmenuWrap .admin_tip,
html.mimd .rightmenuWrap .page_noti .admin_tip{
	display:block !important;
	background:var(--mimd-head) !important;
	border:1px solid var(--mimd-line) !important; border-radius:12px !important;
	padding:16px 18px !important; margin:0 0 18px 0 !important;
	color:var(--mimd-sub) !important; font-size:14px !important; line-height:1.8 !important;
}

/* 섹션 타이틀 : 앞에 연두 바 */
html.mimd .rightmenuWrap .admin_sub_title{
	display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:10px !important;
	position:relative !important;
	background:transparent !important; border:0 !important; border-radius:0 !important;
	color:var(--mimd-ink) !important; font-size:16.5px !important; font-weight:700 !important;
	line-height:1.45 !important; height:auto !important;
	margin:26px 0 14px 0 !important; padding:0 0 0 13px !important;
}
html.mimd .rightmenuWrap .admin_sub_title::before{
	content:''; position:absolute; left:0; top:3px; bottom:3px;
	width:3px; border-radius:2px; background:var(--mimd-primary);
}
html.mimd .rightmenuWrap .admin_sub_title.admin_sub_title[style*="display:none"],
html.mimd .rightmenuWrap .admin_sub_title.admin_sub_title[style*="display: none"],
html.mimd .rightmenuWrap .admin_sub_title.admin_sub_title.hide{ display:none !important; }
html.mimd .rightmenuWrap form > .admin_sub_title:first-child,
html.mimd .rightmenuWrap > .admin_sub_title:first-child{ margin-top:0 !important; }

/* ---------------------------------------------------- 입력 / 셀렉트 */
html.mimd .rightmenuWrap input[type=text],
html.mimd .rightmenuWrap input[type=password],
html.mimd .rightmenuWrap input[type=number],
html.mimd .rightmenuWrap input[type=email],
html.mimd .rightmenuWrap input.box{
	height:40px !important; box-sizing:border-box !important;
	border:1px solid var(--mimd-line) !important; border-radius:var(--mimd-rad-s) !important;
	padding:0 13px !important; font-size:14.5px !important; color:var(--mimd-ink) !important;
	background:#fff !important;
	transition:border-color .13s ease, box-shadow .13s ease !important;
}
html.mimd .rightmenuWrap textarea{
	border:1px solid var(--mimd-line) !important; border-radius:var(--mimd-rad-s) !important;
	padding:11px 13px !important; font-size:14.5px !important; line-height:1.65 !important;
	transition:border-color .13s ease, box-shadow .13s ease !important;
}
html.mimd .rightmenuWrap select{
	height:40px !important; border:1px solid var(--mimd-line) !important;
	border-radius:var(--mimd-rad-s) !important; font-size:14.5px !important;
	color:var(--mimd-ink) !important; box-sizing:border-box !important;
	padding-left:11px !important;
}
html.mimd .rightmenuWrap input:focus,
html.mimd .rightmenuWrap select:focus,
html.mimd .rightmenuWrap textarea:focus{
	border-color:var(--mimd-primary) !important;
	box-shadow:0 0 0 3px var(--mimd-ring) !important; outline:none !important;
}
html.mimd .rightmenuWrap input[readonly]{ background:#fbfcfd !important; color:var(--mimd-sub) !important; }
html.mimd .rightmenuWrap input::placeholder,
html.mimd .rightmenuWrap textarea::placeholder{ color:#b6bcc7 !important; }

/* 브라우저 자동완성(옅은노란색) 무력화 → 옅은회색으로 */
html.mimd .rightmenuWrap input:-webkit-autofill,
html.mimd .rightmenuWrap input:-webkit-autofill:hover,
html.mimd .rightmenuWrap input:-webkit-autofill:focus,
html.mimd .rightmenuWrap input:-webkit-autofill:active,
html.mimd .rightmenuWrap select:-webkit-autofill,
html.mimd .rightmenuWrap textarea:-webkit-autofill{
	-webkit-box-shadow:0 0 0 1000px #eef1f5 inset !important;
	box-shadow:0 0 0 1000px #eef1f5 inset !important;
	-webkit-text-fill-color:var(--mimd-ink) !important;
	caret-color:var(--mimd-ink);
	transition:background-color 9999s ease-in-out 0s, color 9999s ease-in-out 0s !important;
}

/* ------------------------------------------------------------ 버튼 */
html.mimd .rightmenuWrap .btn,
html.mimd .rightmenuWrap .btns,
html.mimd .rightmenuWrap .btnxs,
html.mimd .rightmenuWrap .btnxxs,
html.mimd .rightmenuWrap .btnActive,
html.mimd .rightmenuWrap .btnDefault,
html.mimd .rightmenuWrap .submitBtn,
html.mimd .rightmenuWrap .submitBtn02,
html.mimd .rightmenuWrap button,
html.mimd .rightmenuWrap input[type=submit],
html.mimd .rightmenuWrap input[type=button]{
	display:inline-flex !important; align-items:center !important; justify-content:center !important;
	box-sizing:border-box !important;
	border:1px solid transparent !important; border-radius:var(--mimd-rad-btn) !important;
	font-weight:600 !important; letter-spacing:-.01em !important;
	cursor:pointer !important; text-decoration:none !important;
	box-shadow:var(--mimd-sh-btn) !important;
	transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease, color .12s ease !important;
}
html.mimd .rightmenuWrap .btn:hover,
html.mimd .rightmenuWrap .btns:hover,
html.mimd .rightmenuWrap .btnxs:hover,
html.mimd .rightmenuWrap .btnActive:hover,
html.mimd .rightmenuWrap .btnDefault:hover,
html.mimd .rightmenuWrap .submitBtn:hover,
html.mimd .rightmenuWrap .submitBtn02:hover,
html.mimd .rightmenuWrap button:hover,
html.mimd .rightmenuWrap input[type=submit]:hover,
html.mimd .rightmenuWrap input[type=button]:hover{
	transform:translateY(-1px) !important; box-shadow:0 4px 12px rgba(16,24,40,.12) !important;
}
html.mimd .rightmenuWrap .btn:active,
html.mimd .rightmenuWrap .btns:active,
html.mimd .rightmenuWrap .btnxs:active,
html.mimd .rightmenuWrap button:active{ transform:translateY(0) !important; box-shadow:var(--mimd-sh-btn) !important; }

html.mimd .rightmenuWrap .btns,
html.mimd .rightmenuWrap .btn,
html.mimd .rightmenuWrap .btnActive,
html.mimd .rightmenuWrap .btnDefault,
html.mimd .rightmenuWrap button,
html.mimd .rightmenuWrap input[type=submit],
html.mimd .rightmenuWrap input[type=button]{
	height:40px !important; line-height:1 !important; padding:0 22px !important;
	font-size:14.5px !important; margin:2px !important; width:auto !important;
}
html.mimd .rightmenuWrap .btnxs{
	height:31px !important; line-height:1 !important; padding:0 13px !important;
	font-size:13px !important; margin:2px !important; min-width:0 !important; width:auto !important;
}
html.mimd .rightmenuWrap .btnxxs{ height:26px !important; line-height:1 !important; padding:0 10px !important; font-size:12px !important; }

/* 역할별 색 */
html.mimd .rightmenuWrap .btn01,
html.mimd .rightmenuWrap .btn03,
html.mimd .rightmenuWrap .btn04,
html.mimd .rightmenuWrap .btn05,
html.mimd .rightmenuWrap .btnActive,
html.mimd .rightmenuWrap .submitBtn,
html.mimd .rightmenuWrap .submitBtn02,
html.mimd .rightmenuWrap .btnSubmit,
html.mimd .rightmenuWrap button:not([class]),
html.mimd .rightmenuWrap input[type=submit]:not([class]){
	background:var(--mimd-deep) !important; border-color:var(--mimd-deep) !important; color:var(--mimd-on-primary) !important;
}
html.mimd .rightmenuWrap .btn01:hover,
html.mimd .rightmenuWrap .btn03:hover,
html.mimd .rightmenuWrap .btn04:hover,
html.mimd .rightmenuWrap .btn05:hover,
html.mimd .rightmenuWrap .btnActive:hover,
html.mimd .rightmenuWrap .submitBtn:hover,
html.mimd .rightmenuWrap .submitBtn02:hover,
html.mimd .rightmenuWrap .btnSubmit:hover{ background:var(--mimd-deep-d) !important; border-color:var(--mimd-deep-d) !important; }
html.mimd .rightmenuWrap .btn02,
html.mimd .rightmenuWrap .btnDefault,
html.mimd .rightmenuWrap .btnCancel{
	background:#fff !important; border-color:var(--mimd-line) !important; color:var(--mimd-sub) !important;
}
html.mimd .rightmenuWrap .btn02:hover,
html.mimd .rightmenuWrap .btnDefault:hover,
html.mimd .rightmenuWrap .btnCancel:hover{
	background:var(--mimd-soft) !important; border-color:var(--mimd-ring) !important; color:var(--mimd-ink-g) !important;
}
html.mimd .rightmenuWrap .btn06{ background:var(--mimd-soft) !important; border-color:var(--mimd-ring) !important; color:var(--mimd-ink-g) !important; }
html.mimd .rightmenuWrap .btn07{ background:var(--mimd-warn-s) !important; border-color:#fbd5d3 !important; color:var(--mimd-warn) !important; }

/* ------------------------------------------- 편집기(TinyMCE) UI 는 예외
   위 버튼 규칙이 편집기 툴바의 <button> 까지 브랜드색으로 칠해버린다.
   편집기는 자체 스킨을 쓰므로 원래 모양으로 되돌린다. */
html.mimd .rightmenuWrap .mce-btn button,
html.mimd .rightmenuWrap .mce-container button,
html.mimd .rightmenuWrap .mce-panel button,
html.mimd .rightmenuWrap .mce-widget button{
	background:transparent !important; background-color:transparent !important;
	border:0 !important; border-radius:0 !important; box-shadow:none !important;
	color:#595959 !important;
	height:auto !important; line-height:20px !important; padding:4px 6px !important;
	margin:0 !important; font-size:12px !important; font-weight:normal !important;
	transform:none !important; display:inline-block !important;
}
html.mimd .rightmenuWrap .mce-btn button:hover,
html.mimd .rightmenuWrap .mce-container button:hover{ transform:none !important; box-shadow:none !important; }
html.mimd .rightmenuWrap .mce-container,
html.mimd .rightmenuWrap .mce-tinymce{ max-width:100% !important; box-sizing:border-box !important; }
/* ------------------------------------------------------- 설정 폼 테이블 */
html.mimd .rightmenuWrap table.admin_style_01{
	width:100% !important; background:#fff !important;
	border:1px solid var(--mimd-line) !important; border-radius:var(--mimd-rad) !important;
	border-collapse:separate !important; border-spacing:0 !important;
	overflow:hidden !important; box-shadow:none !important; margin-bottom:0 !important;
}
html.mimd .rightmenuWrap table.admin_style_01 > tbody > tr > th{
	background:var(--mimd-head) !important; color:var(--mimd-sub) !important;
	font-size:14px !important; font-weight:600 !important;
	text-align:left !important; vertical-align:top !important;
	padding:19px 20px !important; width:200px !important; min-width:150px !important;
	border:0 !important;
	border-right:1px solid var(--mimd-line) !important;
	border-bottom:1px solid var(--mimd-line) !important;
	white-space:normal !important;
}
html.mimd .rightmenuWrap table.admin_style_01 > tbody > tr > td{
	background:#fff !important; color:var(--mimd-ink) !important;
	padding:15px 18px !important; vertical-align:middle !important;
	border:0 !important; border-bottom:1px solid var(--mimd-line) !important; line-height:1.7 !important;
}
html.mimd .rightmenuWrap table.admin_style_01 > tbody:last-child > tr:last-child > th,
html.mimd .rightmenuWrap table.admin_style_01 > tbody:last-child > tr:last-child > td{ border-bottom:0 !important; }
html.mimd .rightmenuWrap table.admin_style_01 table{ background:transparent !important; border:0 !important; }
html.mimd .rightmenuWrap table.admin_style_01 table td,
html.mimd .rightmenuWrap table.admin_style_01 table th{ border:0 !important; background:transparent !important; }

/* -------------------------------------------------------- 목록 테이블 */
html.mimd .rightmenuWrap table.admin_style_02{
	width:100% !important; background:#fff !important; background-color:#fff !important;
	border:1px solid var(--mimd-line) !important; border-radius:var(--mimd-rad) !important;
	border-collapse:separate !important; border-spacing:0 !important;
	overflow:hidden !important; box-shadow:none !important;
}
html.mimd .rightmenuWrap table.admin_style_02 > tbody > tr > th,
html.mimd .rightmenuWrap table.admin_style_02 > thead > tr > th{
	background:var(--mimd-head) !important; background-color:var(--mimd-head) !important;
	color:var(--mimd-sub) !important; font-size:13.5px !important; font-weight:700 !important;
	padding:14px 12px !important;
	border:0 !important; border-bottom:1px solid var(--mimd-line) !important;
	white-space:nowrap !important; vertical-align:middle !important;
}
html.mimd .rightmenuWrap table.admin_style_02 > tbody > tr > td{
	background:#fff !important; background-color:#fff !important; color:var(--mimd-ink) !important;
	padding:14px 12px !important;
	border:0 !important; border-bottom:1px solid var(--mimd-line-s) !important;
	vertical-align:middle !important; line-height:1.55 !important;
}
html.mimd .rightmenuWrap table.admin_style_02 > tbody > tr:last-child > td{ border-bottom:0 !important; }
html.mimd .rightmenuWrap table.admin_style_02 > tbody > tr:hover > td{ background:var(--mimd-hover) !important; background-color:var(--mimd-hover) !important; }
html.mimd .rightmenuWrap table.admin_style_02 table{ background:transparent !important; background-color:transparent !important; border:0 !important; }
html.mimd .rightmenuWrap table.admin_style_02 table td,
html.mimd .rightmenuWrap table.admin_style_02 table th{ background:transparent !important; border:0 !important; padding:4px 6px !important; }
html.mimd .rightmenuWrap table.admin_style_02 td[colspan]:only-child{
	padding:46px 12px !important; text-align:center !important; color:var(--mimd-mut) !important; font-size:14.5px !important;
}
html.mimd .rightmenuWrap table.admin_style_02 a{ color:var(--mimd-ink) !important; }
html.mimd .rightmenuWrap table.admin_style_02 a:hover{ color:var(--mimd-ink-g) !important; text-decoration:underline !important; }
html.mimd .rightmenuWrap table.admin_style_02 a.btnxs,
html.mimd .rightmenuWrap table.admin_style_02 a.btns{ text-decoration:none !important; }
html.mimd .rightmenuWrap table[bgcolor]{ background-color:transparent !important; }
/* 낡은 인라인 행 배경(bgcolor / onMouseOver) 중화 */
html.mimd .rightmenuWrap table.admin_style_02 > tbody > tr[bgcolor] > td{ background-color:#fff !important; }

/* ---------------------------------------------------------- 검색 카드 */
html.mimd .rightmenuWrap .Search_Box{
	background:var(--mimd-head) !important;
	border:1px solid var(--mimd-line) !important; border-radius:var(--mimd-rad) !important;
	box-shadow:none !important; padding:16px 20px !important; margin:0 0 18px 0 !important;
	text-align:left !important; box-sizing:border-box !important;
}
html.mimd .rightmenuWrap .Search_Box_inner{
	display:flex !important; align-items:center !important; flex-wrap:wrap !important;
	gap:8px !important; width:100% !important; margin:0 !important;
}
html.mimd .rightmenuWrap .Search_style_01{ background:transparent !important; border:0 !important; }
html.mimd .rightmenuWrap .srhTit{ color:var(--mimd-sub) !important; font-weight:600 !important; }
html.mimd .rightmenuWrap .searchNum{ color:var(--mimd-ink-g) !important; font-weight:800 !important; }
/* 노출 on/off 뱃지 : 글자는 항상 흰색(원본 규칙), off=회색 / on=연두 */
html.mimd .rightmenuWrap .iconNum{
	background:#b7bec8 !important; color:#fff !important;
	border-radius:5px !important; min-width:16px !important; height:17px !important; line-height:17px !important;
	font-weight:700 !important;
}
html.mimd .rightmenuWrap .iconNum.on{ background:var(--mimd-deep) !important; color:var(--mimd-on-primary) !important; }

/* ------------------------------------------------------------ 페이징 */
html.mimd .rightmenuWrap .paging{ background:transparent !important; padding:8px 0 0 0 !important; margin:18px 0 6px 0 !important; }
html.mimd .rightmenuWrap .paging td{ border:0 !important; background:transparent !important; }
html.mimd .rightmenuWrap .paging a{
	display:inline-flex !important; align-items:center !important; justify-content:center !important;
	min-width:36px !important; width:auto !important; height:36px !important; padding:0 11px !important;
	margin:0 2px !important; box-sizing:border-box !important;
	border:1px solid var(--mimd-line) !important; border-radius:9px !important;
	background:#fff !important; color:var(--mimd-sub) !important;
	font-size:13.5px !important; font-weight:600 !important; line-height:1 !important;
	text-decoration:none !important;
	transition:background-color .12s, color .12s, border-color .12s !important;
}
html.mimd .rightmenuWrap .paging a:hover{ background:var(--mimd-soft) !important; border-color:var(--mimd-ring) !important; color:var(--mimd-ink-g) !important; }
/* ★이 페이징 함수는 클래스 의미가 뒤집혀 있다 :
   page_select = 이동 가능한 페이지(그냥 링크), sitebg2 = 현재 보고 있는 페이지 */
html.mimd .rightmenuWrap .paging .sitebg2,
html.mimd .rightmenuWrap .paging a.sitebg2{
	display:inline-flex !important; align-items:center !important; justify-content:center !important;
	min-width:36px !important; height:36px !important; padding:0 11px !important; margin:0 2px !important;
	background:var(--mimd-deep) !important; border:1px solid var(--mimd-deep) !important;
	border-radius:9px !important; color:var(--mimd-on-primary) !important; font-weight:700 !important; font-size:13.5px !important;
	box-sizing:border-box !important;
}

/* ------------------------------------------------------------- 기타 */
html.mimd .rightmenuWrap .golink{ color:var(--mimd-ink-g) !important; }
html.mimd .rightmenuWrap .fontC1{ color:var(--mimd-danger) !important; }
html.mimd .rightmenuWrap a:hover{ color:var(--mimd-ink-g); }

/* ============================================================== 푸터
   원본은 margin-top:-70px 로 본문 위에 겹쳐 올라와 있었다. */
html.mimd .admFoot{
	min-width:0; margin:0 !important; padding:0 !important;
	background:transparent;
}
html.mimd .admFoot table{ width:100%; }
html.mimd .admFoot td[bgcolor]{ background:var(--mimd-line) !important; }
html.mimd .admFoot tr[height="70"] td{
	padding:0 34px 0 268px !important; height:60px;
	color:var(--mimd-mut) !important; font-size:13px !important;
}
html.mimd .admFoot b{ color:var(--mimd-sub); font-weight:700; }

/* ======================================================== 레이어 팝업 */
html.mimd .layer_pop{
	background:#fff !important; border-radius:var(--mimd-rad) !important;
	box-shadow:var(--mimd-sh-pop) !important; overflow:hidden;
}
html.mimd .layer_pop .pop_head{
	padding:18px 22px; border-bottom:1px solid var(--mimd-line); background:var(--mimd-head);
}
html.mimd .layer_pop .pop_head h1{ margin:0; font-size:17px; font-weight:800; color:var(--mimd-ink); }
html.mimd .layer_pop .pop_cont{ padding:20px 22px 22px; }
html.mimd .layer_pop .note_text{ color:var(--mimd-mut); font-size:12.5px; line-height:1.75; }
html.mimd .layer_pop .btn_board_center{ display:flex; justify-content:center; gap:8px; margin-top:18px; }
html.mimd .layer_pop .btn_yellow02,
html.mimd .layer_pop .btn_gray02{
	display:inline-flex; align-items:center; justify-content:center;
	height:42px; padding:0 26px; border-radius:var(--mimd-rad-btn);
	font-size:14.5px; font-weight:700; cursor:pointer; box-shadow:var(--mimd-sh-btn);
	transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}
html.mimd .layer_pop .btn_yellow02{ background:var(--mimd-deep) !important; color:var(--mimd-on-primary) !important; }
html.mimd .layer_pop .btn_yellow02:hover{ background:var(--mimd-deep-d) !important; transform:translateY(-1px); }
html.mimd .layer_pop .btn_gray02{ background:#fff !important; border:1px solid var(--mimd-line); color:var(--mimd-sub) !important; }
html.mimd .layer_pop .btn_gray02:hover{ background:var(--mimd-soft) !important; transform:translateY(-1px); }
html.mimd .mask{ background:#0f172a !important; opacity:.45 !important; }

/* ============================================================================
   대시보드 (default.asp)  —  .mimd-dash 스코프
============================================================================ */
html.mimd .mimd-dash{ max-width:1720px; }
html.mimd .mimd-dash *{ box-sizing:border-box; }

html.mimd .mimd-dash .mimd-pagehead{ margin:0 0 22px 0; }
html.mimd .mimd-dash .mimd-h1{
	margin:0; font-size:30px; font-weight:800; letter-spacing:-.04em; color:var(--mimd-ink); line-height:1.25;
}
html.mimd .mimd-dash .mimd-lead{ margin:9px 0 0 0; color:var(--mimd-sub); font-size:15px; }
html.mimd .mimd-dash .mimd-lead b{ color:var(--mimd-ink-g); font-weight:700; }

/* ---- KPI 타일 : 대표 지표 1장은 브랜드색 채움, 나머지는 색이 다른 아이콘 배지 ---- */
html.mimd .mimd-dash .mimd-kpis{
	display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; margin:0 0 22px 0;
}
html.mimd .mimd-dash .mimd-kpi{
	position:relative; display:flex; align-items:center; gap:14px;
	background:#fff; border:1px solid var(--mimd-line); border-radius:var(--mimd-rad);
	padding:20px 20px; text-decoration:none; min-height:104px;
	transition:border-color .13s ease, background-color .13s ease, transform .13s ease;
}
html.mimd .mimd-dash a.mimd-kpi:hover{ border-color:var(--mimd-ring); transform:translateY(-2px); }
html.mimd .mimd-dash .mimd-kpi .ic{
	display:inline-flex; align-items:center; justify-content:center;
	width:48px; height:48px; flex:0 0 48px; border-radius:14px;
	background:var(--mimd-c1-bg); color:var(--mimd-c1);
}
html.mimd .mimd-dash .mimd-kpi .ic .material-icons{ font-size:25px; }
html.mimd .mimd-dash .mimd-kpi .tx{ min-width:0; }
html.mimd .mimd-dash .mimd-kpi .k{
	display:block; color:var(--mimd-sub); font-size:13.5px; font-weight:600; line-height:1.3;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
html.mimd .mimd-dash .mimd-kpi .v{
	display:block; margin-top:5px; color:var(--mimd-ink);
	font-size:32px; font-weight:800; line-height:1.1; letter-spacing:-.045em;
	font-variant-numeric:tabular-nums;
}
html.mimd .mimd-dash .mimd-kpi .v em{ font-style:normal; font-size:14px; font-weight:600; color:var(--mimd-mut); margin-left:4px; letter-spacing:0; }
/* 이동 화살표 */
html.mimd .mimd-dash .mimd-kpi .go{
	position:absolute; top:14px; right:14px;
	display:inline-flex; align-items:center; justify-content:center;
	width:26px; height:26px; border-radius:9px;
	background:#f1f3f6; color:var(--mimd-sub); opacity:0;
	transition:opacity .13s ease, background-color .13s ease, color .13s ease;
}
html.mimd .mimd-dash .mimd-kpi .go .material-icons{ font-size:16px; }
html.mimd .mimd-dash a.mimd-kpi:hover .go{ opacity:1; background:var(--mimd-primary); color:var(--mimd-on-primary); }
/* 지표별 아이콘 색 */
html.mimd .mimd-dash .mimd-kpi.-c2 .ic{ background:var(--mimd-c2-bg); color:var(--mimd-c2); }
html.mimd .mimd-dash .mimd-kpi.-c3 .ic{ background:var(--mimd-c3-bg); color:var(--mimd-c3); }
html.mimd .mimd-dash .mimd-kpi.-c4 .ic{ background:var(--mimd-c4-bg); color:var(--mimd-c4); }
html.mimd .mimd-dash .mimd-kpi.-c5 .ic{ background:var(--mimd-c5-bg); color:var(--mimd-c5); }
/* ★대표 지표(신규주문) : 브랜드색으로 꽉 채운다 */
html.mimd .mimd-dash .mimd-kpi.-fill{
	background:var(--mimd-primary); border-color:var(--mimd-primary);
}
html.mimd .mimd-dash .mimd-kpi.-fill .ic{ background:rgba(255,255,255,.24); color:#fff; }
html.mimd .mimd-dash .mimd-kpi.-fill .k{ color:rgba(255,255,255,.92); }
html.mimd .mimd-dash .mimd-kpi.-fill .v{ color:#fff; }
html.mimd .mimd-dash .mimd-kpi.-fill .v em{ color:rgba(255,255,255,.82); }
html.mimd .mimd-dash a.mimd-kpi.-fill:hover{ background:var(--mimd-primary-d); border-color:var(--mimd-primary-d); }
html.mimd .mimd-dash .mimd-kpi.-fill .go{ background:rgba(255,255,255,.28); color:#fff; }
html.mimd .mimd-dash a.mimd-kpi.-fill:hover .go{ background:#fff; color:var(--mimd-primary-d); }
/* 처리할 일이 남아 있을 때 / 경고 */
html.mimd .mimd-dash .mimd-kpi.-hot{ border-color:var(--mimd-ring); background:var(--mimd-soft); }
html.mimd .mimd-dash .mimd-kpi.-warn{ background:var(--mimd-warn-s); border-color:#fbd5d3; }
html.mimd .mimd-dash .mimd-kpi.-warn .v{ color:var(--mimd-warn); }

/* ---- 두꺼운 가로 막대 : 주문 처리 현황 ---- */
html.mimd .mimd-dash .mimd-bars{ margin:0 0 22px 0; }
html.mimd .mimd-dash .mimd-bigno{
	display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; padding:16px 2px 14px;
}
html.mimd .mimd-dash .mimd-bigno .n{
	color:var(--mimd-ink); font-size:34px; font-weight:800; letter-spacing:-.045em;
	line-height:1.05; font-variant-numeric:tabular-nums;
}
html.mimd .mimd-dash .mimd-bigno .u{ color:var(--mimd-ink); font-size:17px; font-weight:700; }
html.mimd .mimd-dash .mimd-bigno .s{ color:var(--mimd-mut); font-size:14px; font-weight:600; }
html.mimd .mimd-dash .mimd-bigno .s b{ color:var(--mimd-ink-g); font-weight:800; }

html.mimd .mimd-dash .mimd-barlist{ margin:0; padding:0 0 6px 0; list-style:none; }
html.mimd .mimd-dash .mimd-barlist li{
	display:flex; align-items:center; gap:14px; padding:9px 2px;
}
html.mimd .mimd-dash .mimd-barlist .k{
	flex:0 0 132px; text-align:right; color:var(--mimd-sub); font-size:14px; font-weight:600;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
html.mimd .mimd-dash .mimd-barlist .track{
	flex:1 1 auto; min-width:0; height:26px; border-radius:999px; background:#f1f3f6; overflow:hidden;
}
html.mimd .mimd-dash .mimd-barlist .track i{
	display:block; height:100%; border-radius:999px; min-width:4px;
	background:var(--mimd-c1); transition:width .5s ease;
}
html.mimd .mimd-dash .mimd-barlist li.-c2 .track i{ background:var(--mimd-c2); }
html.mimd .mimd-dash .mimd-barlist li.-c3 .track i{ background:var(--mimd-c3); }
html.mimd .mimd-dash .mimd-barlist li.-c4 .track i{ background:var(--mimd-c4); }
html.mimd .mimd-dash .mimd-barlist li.-c6 .track i{ background:var(--mimd-c6); }
html.mimd .mimd-dash .mimd-barlist .cnt{
	flex:0 0 92px; display:inline-flex; align-items:center; justify-content:center;
	height:30px; border-radius:999px; border:1px solid var(--mimd-line); background:#fff;
	color:var(--mimd-ink); font-size:13.5px; font-weight:700; font-variant-numeric:tabular-nums;
}
html.mimd .mimd-dash .mimd-barlist li.-on .cnt{
	border-color:var(--mimd-ring); background:var(--mimd-soft); color:var(--mimd-ink-g);
}
@media (max-width:900px){
	html.mimd .mimd-dash .mimd-barlist .k{ flex-basis:96px; }
	html.mimd .mimd-dash .mimd-barlist .cnt{ flex-basis:76px; }
}

/* ---- 카드 ---- */
html.mimd .mimd-dash .mimd-grid3{
	display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0 0 20px 0;
	align-items:start;
}
/* 원본 common.css 의 고정폭 float 레이아웃(.graphArea 623px / .txtBoard 780px)을 푼다 */
html.mimd .mimd-dash .graphArea,
html.mimd .mimd-dash .txtBoard,
html.mimd .mimd-dash #Question{
	float:none !important; width:auto !important; margin:0 !important;
}
html.mimd .mimd-dash .mimd-card{
	background:#fff; border:1px solid var(--mimd-line); border-radius:var(--mimd-rad); overflow:hidden;
}
html.mimd .mimd-dash .mimd-cardhead{
	display:flex; align-items:center; gap:9px;
	margin:0; padding:16px 18px;
	background:var(--mimd-head); border-bottom:1px solid var(--mimd-line);
	color:var(--mimd-ink); font-size:17.5px; font-weight:800; letter-spacing:-.03em;
}
html.mimd .mimd-dash .mimd-cardhead > .material-icons{
	display:inline-flex; align-items:center; justify-content:center;
	width:32px; height:32px; border-radius:10px;
	background:var(--mimd-c1-bg); color:var(--mimd-c1); font-size:19px;
}
html.mimd .mimd-dash .mimd-cardhead.-c2 > .material-icons{ background:var(--mimd-c2-bg); color:var(--mimd-c2); }
html.mimd .mimd-dash .mimd-cardhead.-c3 > .material-icons{ background:var(--mimd-c3-bg); color:var(--mimd-c3); }
html.mimd .mimd-dash .mimd-cardhead.-c4 > .material-icons{ background:var(--mimd-c4-bg); color:var(--mimd-c4); }
html.mimd .mimd-dash .mimd-cardhead.-c6 > .material-icons{ background:var(--mimd-c6-bg); color:var(--mimd-c6); }
/* 카드 헤더 우측 이동 버튼 : 눈에 띄는 알약 버튼 */
html.mimd .mimd-dash .mimd-cardhead .more{
	margin-left:auto; display:inline-flex; align-items:center; gap:4px;
	height:30px; padding:0 13px; border-radius:999px;
	border:1px solid var(--mimd-line); background:#fff;
	color:var(--mimd-sub) !important; font-size:12.5px; font-weight:700;
	box-shadow:var(--mimd-sh-btn); white-space:nowrap;
	transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease, color .12s ease, border-color .12s ease;
}
html.mimd .mimd-dash .mimd-cardhead a.more:hover{
	background:var(--mimd-primary) !important; border-color:var(--mimd-primary);
	color:var(--mimd-on-primary) !important;
	transform:translateY(-1px); box-shadow:0 4px 12px rgba(16,24,40,.14);
}
html.mimd .mimd-dash .mimd-cardhead .more .material-icons{ font-size:15px; }
html.mimd .mimd-dash .mimd-cardbody{ padding:6px 18px 12px; }

html.mimd .mimd-dash .mimd-rows{ margin:0; padding:0; list-style:none; }
html.mimd .mimd-dash .mimd-rows li{ border-bottom:1px solid var(--mimd-line-s); }
html.mimd .mimd-dash .mimd-rows li:last-child{ border-bottom:0; }
html.mimd .mimd-dash .mimd-rows a,
html.mimd .mimd-dash .mimd-rows span.row{
	display:flex; align-items:center; gap:10px;
	padding:11px 4px; border-radius:8px;
	color:var(--mimd-sub) !important; font-size:14.5px; text-decoration:none;
	transition:background-color .12s ease, color .12s ease;
}
html.mimd .mimd-dash .mimd-rows a:hover{ background:var(--mimd-soft); color:var(--mimd-ink-g) !important; }
html.mimd .mimd-dash .mimd-rows .k{ flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html.mimd .mimd-dash .mimd-rows .v{
	color:var(--mimd-ink); font-size:16px; font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:-.02em;
}
html.mimd .mimd-dash .mimd-rows .u{ color:var(--mimd-mut); font-size:13px; font-weight:500; }
html.mimd .mimd-dash .mimd-rows li.-on .v{ color:var(--mimd-ink-g); }
html.mimd .mimd-dash .mimd-rows li.-zero .v{ color:var(--mimd-mut); font-weight:700; }

/* ---- 하단 : 차트 / 문의·상품평 ---- */
html.mimd .mimd-dash .mimd-grid2{
	display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:start;
}
html.mimd .mimd-dash .mimd-panel{
	background:#fff; border:1px solid var(--mimd-line); border-radius:var(--mimd-rad); overflow:hidden;
}
html.mimd .mimd-dash .mimd-panel + .mimd-panel{ margin-top:16px; }

/* 탭(admMainTab)을 카드형으로 재작성 — chart.asp / question.asp 가 내려주는 마크업 */
html.mimd .mimd-dash .admMainTab{
	position:static !important; width:100% !important; height:auto !important;
	margin:0 !important; padding:0 !important; list-style:none; overflow:visible !important;
	display:flex !important; flex-wrap:wrap !important;
}
html.mimd .mimd-dash .admMainTab > li{
	float:none !important; width:50% !important; height:auto !important; order:0;
}
html.mimd .mimd-dash .admMainTab > li a.tit{
	display:flex !important; align-items:center !important; justify-content:center !important; gap:7px;
	position:static !important; height:52px !important; margin:0 !important;
	border:0 !important; border-bottom:3px solid transparent !important;
	background:var(--mimd-head) !important; color:var(--mimd-sub) !important;
	font-size:14.5px !important; font-weight:600 !important; line-height:1 !important;
	box-sizing:border-box !important; text-align:center !important;
	transition:color .12s ease, background-color .12s ease, border-color .12s ease;
}
html.mimd .mimd-dash .admMainTab > li a.tit img{ width:17px; height:17px; margin:0 !important; opacity:.5; }
html.mimd .mimd-dash .admMainTab > li a.tit:hover{ color:var(--mimd-ink-g) !important; }
html.mimd .mimd-dash .admMainTab > li.on a.tit{
	background:#fff !important; color:var(--mimd-ink) !important; font-weight:700 !important;
	border-bottom-color:var(--mimd-primary) !important; padding-bottom:0 !important;
}
html.mimd .mimd-dash .admMainTab > li.on a.tit img{ opacity:.85; }
html.mimd .mimd-dash .admMainTab > li .cont{
	position:static !important; display:none !important;
	width:200% !important; height:auto !important;
	border:0 !important; border-top:1px solid var(--mimd-line) !important;
	background:#fff !important; box-sizing:border-box !important; padding:18px !important;
}
html.mimd .mimd-dash .admMainTab > li:nth-child(2) .cont{ margin-left:-100% !important; }
html.mimd .mimd-dash .admMainTab > li.on .cont{ display:block !important; }
/* Chart.js(responsive)가 스스로 크기를 잡도록 고정 px 강제를 푼다
   (원본 common.css 는 width:601px/height:310px 로 못박아 패널 폭과 어긋났다) */
html.mimd .mimd-dash .admMainTab > li .cont canvas{
	width:100% !important; height:auto !important; max-width:100% !important; margin:0 !important;
}
html.mimd .mimd-dash .mimd-panel-qna .admMainTab > li .cont{ min-height:200px; }

/* 문의 목록 */
html.mimd .mimd-dash .board_txtlist{ margin:0; padding:0; list-style:none; }
html.mimd .mimd-dash .board_txtlist li{
	display:flex; align-items:center; gap:10px;
	font-size:14px; line-height:1.5; padding:9px 2px; border-bottom:1px solid var(--mimd-line-s); overflow:visible;
}
html.mimd .mimd-dash .board_txtlist li:last-child{ border-bottom:0; }
html.mimd .mimd-dash .board_txtlist li .leftSection{
	float:none !important; width:auto !important; flex:1 1 auto; min-width:0;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
html.mimd .mimd-dash .board_txtlist li .rightSection{ float:none !important; display:flex; align-items:center; gap:8px; }
html.mimd .mimd-dash .board_txtlist li .tp{ color:var(--mimd-ink) !important; font-weight:600; }
html.mimd .mimd-dash .board_txtlist li a{ color:var(--mimd-ink) !important; }
html.mimd .mimd-dash .board_txtlist li a:hover{ color:var(--mimd-ink-g) !important; text-decoration:underline; }
html.mimd .mimd-dash .board_txtlist li .b{
	display:inline-flex; align-items:center; height:22px; padding:0 9px; border-radius:999px;
	background:var(--mimd-soft); color:var(--mimd-ink-g) !important;
	font-size:11.5px; font-weight:700; font-style:normal; white-space:nowrap;
}
html.mimd .mimd-dash .board_txtlist li .date{ margin:0; color:var(--mimd-mut) !important; font-size:12.5px; white-space:nowrap; }
html.mimd .mimd-dash .board_txtlist li.mimd-none{
	display:block; padding:58px 0; border:0;
	text-align:center; color:var(--mimd-mut); font-size:14px;
}

/* 상품평 */
html.mimd .mimd-dash .mimd-cmt{ margin:0; padding:0; list-style:none; }
html.mimd .mimd-dash .mimd-cmt li{ padding:12px 2px; border-bottom:1px solid var(--mimd-line-s); }
html.mimd .mimd-dash .mimd-cmt li:last-child{ border-bottom:0; }
html.mimd .mimd-dash .mimd-cmt .top{ display:flex; align-items:center; gap:10px; }
html.mimd .mimd-dash .mimd-cmt .nm{
	flex:1 1 auto; min-width:0; color:var(--mimd-sub); font-size:13px;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
html.mimd .mimd-dash .mimd-cmt .date{ color:var(--mimd-mut); font-size:12.5px; white-space:nowrap; }
html.mimd .mimd-dash .mimd-cmt p{
	margin:5px 0 0 0; color:var(--mimd-ink); font-size:14.5px; line-height:1.5;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/* 비어있음 */
html.mimd .mimd-dash .mimd-empty{
	display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
	padding:38px 10px; color:var(--mimd-mut); font-size:14px;
}
html.mimd .mimd-dash .mimd-empty .material-icons{ font-size:30px; color:#cfd5de; }

/* 좁은 화면 대응 */
@media (max-width:1500px){
	html.mimd .mimd-dash .mimd-kpis{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:1240px){
	html.mimd .mimd-dash .mimd-grid3,
	html.mimd .mimd-dash .mimd-grid2{ grid-template-columns:minmax(0,1fr); }
	html.mimd .mimd-dash .mimd-kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* ============================================================================
   공통 보강 (전 판매자 관리자 페이지)
   원본 common.css 에만 있어서 스킨이 손대지 않던 요소들.
============================================================================ */

/* ---------------------------------------------- 취소 / 보조 버튼
   common.css 는 .cancleBtn(160x50 회색) · .allChkBtn(검정) 을 옛 치수로 잡고 있어
   같은 줄의 .submitBtn 과 높이가 어긋났다. 버튼 규약(라운딩+음영)에 맞춘다. */
html.mimd .rightmenuWrap .cancleBtn,
html.mimd .rightmenuWrap .cancleBtn02,
html.mimd .rightmenuWrap .allChkBtn{
	display:inline-flex !important; align-items:center !important; justify-content:center !important;
	box-sizing:border-box !important;
	width:auto !important; height:40px !important; line-height:1 !important;
	padding:0 22px !important; margin:2px !important;
	font-size:14.5px !important; font-weight:600 !important; letter-spacing:-.01em !important;
	border:1px solid var(--mimd-line) !important; border-radius:var(--mimd-rad-btn) !important;
	background:#fff !important; color:var(--mimd-sub) !important;
	box-shadow:var(--mimd-sh-btn) !important; cursor:pointer !important;
	transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease, color .12s ease !important;
}
html.mimd .rightmenuWrap .cancleBtn:hover,
html.mimd .rightmenuWrap .cancleBtn02:hover,
html.mimd .rightmenuWrap .allChkBtn:hover{
	transform:translateY(-1px) !important; box-shadow:0 4px 12px rgba(16,24,40,.12) !important;
	background:var(--mimd-soft) !important; border-color:var(--mimd-ring) !important; color:var(--mimd-ink-g) !important;
}

/* 삭제 계열 : btn04 가 검색·삭제에 혼용돼 클래스만으론 구분이 안 된다.
   위험한 버튼에만 이 클래스를 ASP 에서 직접 붙인다. */
html.mimd .rightmenuWrap .mimd-btn-danger{
	background:var(--mimd-warn-s) !important; border-color:#f3c3bf !important; color:var(--mimd-warn) !important;
}
html.mimd .rightmenuWrap .mimd-btn-danger:hover{
	background:var(--mimd-warn) !important; border-color:var(--mimd-warn) !important; color:#fff !important;
}

/* 파일 첨부 (common.css 의 .bg-gray-btn = 회색 #d2d2d2 + font-family:mgb) */
html.mimd .rightmenuWrap .attachBox{
	display:inline-flex !important; align-items:center !important; gap:8px !important; cursor:pointer;
}
html.mimd .rightmenuWrap .bg-gray-btn{
	display:inline-flex !important; align-items:center !important; justify-content:center !important;
	height:40px !important; padding:0 20px !important; line-height:1 !important;
	background:#fff !important; color:var(--mimd-sub) !important;
	border:1px solid var(--mimd-line) !important; border-radius:var(--mimd-rad-btn) !important;
	font-size:14px !important; font-weight:600 !important; box-sizing:border-box !important;
	box-shadow:var(--mimd-sh-btn) !important;
	transition:background-color .12s, border-color .12s, color .12s !important;
}
html.mimd .rightmenuWrap .attachBox:hover .bg-gray-btn{
	background:var(--mimd-soft) !important; border-color:var(--mimd-ring) !important; color:var(--mimd-ink-g) !important;
}

/* ------------------------------------------------------ 체크박스 / 라디오
   common.css 는 실제 input 을 화면 밖으로 보내고 span 에 PNG 스프라이트를 깐다.
   스프라이트를 지우고 선으로 그린다(레티나에서 또렷하고 색이 브랜드와 맞는다). */
html.mimd .rightmenuWrap label input[type=checkbox] + span{
	background:#fff !important; background-image:none !important;
	width:19px !important; height:19px !important;
	border:1px solid #c6ccd6 !important; border-radius:6px !important;
	margin-right:6px !important; position:relative !important;
	transition:background-color .12s, border-color .12s !important;
}
html.mimd .rightmenuWrap label input[type=checkbox]:checked + span{
	background:var(--mimd-primary) !important; background-image:none !important;
	border-color:var(--mimd-primary) !important;
}
html.mimd .rightmenuWrap label input[type=checkbox]:checked + span::after{
	content:''; position:absolute; left:5px; top:2px;
	width:5px; height:9px; border:2px solid #fff; border-top:0; border-left:0;
	transform:rotate(42deg);
}
html.mimd .rightmenuWrap label input[type=checkbox]:focus + span{
	box-shadow:0 0 0 3px var(--mimd-ring) !important;
}
html.mimd .rightmenuWrap label:has(input[type=checkbox]){ cursor:pointer; }

/* 목록 헤더/셀 안의 체크박스는 가운데 정렬 */
html.mimd .rightmenuWrap .mimd-chk{
	display:inline-flex !important; align-items:center !important; justify-content:center !important;
}
html.mimd .rightmenuWrap .mimd-chk span{ margin-right:0 !important; }

/* 폼 안에서 입력칸 옆에 붙는 체크박스 라벨 */
html.mimd .rightmenuWrap .mimd-inlchk{
	display:inline-flex !important; align-items:center !important;
	margin-left:10px !important; color:var(--mimd-sub) !important; font-size:14px !important;
}
html.mimd .rightmenuWrap .mimd-hint{
	display:inline-block; margin-left:10px;
	color:var(--mimd-mut) !important; font-size:13px !important;
}

/* --------------------------------------------------------- 버튼 바 */
html.mimd .rightmenuWrap .mimd-btnbar{
	display:flex !important; justify-content:flex-end !important; align-items:center !important;
	gap:8px !important; margin:22px 0 4px 0 !important;
}
html.mimd .rightmenuWrap .mimd-btnbar-center{ justify-content:center !important; }
html.mimd .rightmenuWrap .mimd-btnbar > span{ margin:0 !important; }

/* --------------------------------------------------------- 헬프박스
   makeDealerHelpBox 가 만드는 .page_noti 는 common.css 에서 흰 카드 + #ddd 선이다.
   라인색을 전 페이지 공통값으로 맞추고 여백만 다듬는다(음영은 넣지 않는다). */
html.mimd .rightmenuWrap .page_noti{
	background:var(--mimd-head) !important;
	border:1px solid var(--mimd-line) !important; border-radius:12px !important;
	padding:15px 18px !important; margin:0 0 6px 0 !important;
	box-shadow:none !important;
}
html.mimd .rightmenuWrap .page_noti td{ border:0 !important; background:transparent !important; }
html.mimd .rightmenuWrap .page_noti td.help{
	color:var(--mimd-sub) !important; font-size:14px !important; line-height:1.75 !important;
}

/* ============================================================================
   운영관리 (/mallinmall/board/*)   —  html.mimd.mimd-ops 스코프
   (스코프 클래스는 /mallinmall/_include/header.asp 가 경로를 보고 붙인다)
============================================================================ */

/* ------------------------------------------------------------ 검색 카드 */
html.mimd.mimd-ops .rightmenuWrap .mimd-srch{
	display:flex; align-items:center; flex-wrap:wrap; gap:8px;
	background:var(--mimd-head);
	border:1px solid var(--mimd-line); border-radius:var(--mimd-rad);
	padding:14px 18px; margin:0 0 16px 0; box-sizing:border-box;
}
html.mimd.mimd-ops .rightmenuWrap .mimd-srch-tit{
	margin-right:4px; color:var(--mimd-sub); font-size:13px; font-weight:700; letter-spacing:.04em;
}
html.mimd.mimd-ops .rightmenuWrap .mimd-srch .btnActive{ margin-left:2px !important; }

/* ------------------------------------------------------------ 목록 보조 */
html.mimd.mimd-ops .rightmenuWrap .mimd-num{ color:var(--mimd-mut) !important; }
html.mimd.mimd-ops .rightmenuWrap .mimd-date{ color:var(--mimd-sub) !important; font-size:13.5px !important; white-space:nowrap; }
html.mimd.mimd-ops .rightmenuWrap .mimd-cell-link{ cursor:pointer; }
html.mimd.mimd-ops .rightmenuWrap td.mimd-cell-link:hover{ color:var(--mimd-ink-g) !important; }
html.mimd.mimd-ops .rightmenuWrap span.mimd-cell-link:hover{ color:var(--mimd-ink-g) !important; text-decoration:underline; }
html.mimd.mimd-ops .rightmenuWrap .mimd-none{ color:var(--mimd-mut); }

/* 미답변 행은 배경색(#CEE0F6) 대신 왼쪽 컬러 바로 표시한다 */
html.mimd.mimd-ops .rightmenuWrap tr.mimd-row-wait > td:first-child{
	box-shadow:inset 3px 0 0 var(--mimd-info);
}

/* 상태 배지 */
html.mimd.mimd-ops .rightmenuWrap .mimd-badge{
	display:inline-flex; align-items:center; justify-content:center;
	height:25px; padding:0 11px; border-radius:999px;
	font-size:12.5px; font-weight:700; white-space:nowrap;
	background:var(--mimd-soft); color:var(--mimd-ink-g);
}
html.mimd.mimd-ops .rightmenuWrap .mimd-badge-wait{ background:#e7f1fd; color:#1c5fa8; }
html.mimd.mimd-ops .rightmenuWrap .mimd-badge-done{ background:#e4f7f1; color:#07734f; }
html.mimd.mimd-ops .rightmenuWrap .mimd-badge-add{ background:#e4f7f1; color:#07734f; }
html.mimd.mimd-ops .rightmenuWrap .mimd-badge-edit{ background:#e7f1fd; color:#1c5fa8; }
html.mimd.mimd-ops .rightmenuWrap .mimd-badge-del{ background:var(--mimd-warn-s); color:var(--mimd-warn); }

/* 권한 변경 내역 칩 (한 칸에 여러 건이 이어붙어 있었다) */
html.mimd.mimd-ops .rightmenuWrap .mimd-chips{ line-height:1.9 !important; }
html.mimd.mimd-ops .rightmenuWrap .mimd-chip{
	display:inline-block; margin:2px 4px 2px 0; padding:3px 9px;
	background:var(--mimd-soft); border:1px solid var(--mimd-ring); border-radius:7px;
	color:var(--mimd-ink-g); font-size:12.5px; font-weight:600; white-space:nowrap;
}
html.mimd.mimd-ops .rightmenuWrap .mimd-chips-out .mimd-chip{
	background:var(--mimd-warn-s); border-color:#f3c3bf; color:var(--mimd-warn);
}

/* 읽기 전용 본문 상자 (질문사항 등) */
html.mimd.mimd-ops .rightmenuWrap .mimd-readbox{
	background:#fbfcfd; border:1px solid var(--mimd-line-s); border-radius:var(--mimd-rad-s);
	padding:14px 16px; min-height:80px; color:var(--mimd-ink); line-height:1.8;
}

/* ====================================================== 부운영자 권한 트리
   원본은 bgcolor 회색 격자 표 + "읽기 □ 쓰기 □ / 메뉴명" 순서였다.
   그룹 카드 + 메뉴명 우선 + 읽기/쓰기 칩으로 다시 짠다. */
html.mimd.mimd-ops .rightmenuWrap .mimd-perms{
	display:grid; grid-template-columns:repeat(auto-fill, minmax(330px, 1fr));
	gap:14px; align-items:start;
}
html.mimd.mimd-ops .rightmenuWrap .mimd-permgrp{
	border:1px solid var(--mimd-line); border-radius:var(--mimd-rad-s);
	background:#fff; overflow:hidden;
}
html.mimd.mimd-ops .rightmenuWrap .mimd-permgrp-head{
	display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px;
	background:var(--mimd-head); border-bottom:1px solid var(--mimd-line);
	padding:11px 14px;
}
html.mimd.mimd-ops .rightmenuWrap .mimd-permgrp-head b{
	font-size:14.5px; font-weight:800; color:var(--mimd-ink); letter-spacing:-.02em;
}
html.mimd.mimd-ops .rightmenuWrap .mimd-permgrp-all{
	display:flex; align-items:center; gap:9px;
}
html.mimd.mimd-ops .rightmenuWrap .mimd-permgrp-all label{
	display:inline-flex; align-items:center; cursor:pointer;
	color:var(--mimd-sub); font-size:12.5px; font-weight:600;
}
html.mimd.mimd-ops .rightmenuWrap .mimd-permgrp-all label span{ margin-right:4px !important; }

html.mimd.mimd-ops .rightmenuWrap ul.mimd-permlist{
	margin:0 !important; padding:4px 0 !important; list-style:none !important;
}
html.mimd.mimd-ops .rightmenuWrap ul.mimd-permlist li{
	display:flex; align-items:center; justify-content:space-between; gap:10px;
	padding:8px 14px; border-top:1px solid var(--mimd-line-s);
	list-style:none;
}
html.mimd.mimd-ops .rightmenuWrap ul.mimd-permlist li:first-child{ border-top:0; }
html.mimd.mimd-ops .rightmenuWrap ul.mimd-permlist li:hover{ background:var(--mimd-hover); }
html.mimd.mimd-ops .rightmenuWrap .mimd-perm-name{
	flex:1 1 auto; min-width:0;
	color:var(--mimd-ink); font-size:14px; line-height:1.45;
}
html.mimd.mimd-ops .rightmenuWrap .mimd-perm-chk{
	flex:0 0 auto; display:flex; align-items:center; gap:4px;
}
html.mimd.mimd-ops .rightmenuWrap .mimd-perm-chk label{
	display:inline-flex; align-items:center; cursor:pointer;
	height:29px; padding:0 9px 0 7px; border-radius:8px;
	border:1px solid transparent;
	color:var(--mimd-mut); font-size:12.5px; font-weight:600;
	transition:background-color .12s, border-color .12s, color .12s;
}
html.mimd.mimd-ops .rightmenuWrap .mimd-perm-chk label:hover{ background:var(--mimd-soft); }
html.mimd.mimd-ops .rightmenuWrap .mimd-perm-chk label span{
	width:17px !important; height:17px !important; margin-right:5px !important;
}
html.mimd.mimd-ops .rightmenuWrap .mimd-perm-chk label:has(input:checked){
	background:var(--mimd-soft); border-color:var(--mimd-ring); color:var(--mimd-ink-g);
}

/* 등급설정 칸은 표 안이지만 카드 그리드가 들어가므로 여백을 넓게 */
html.mimd.mimd-ops .rightmenuWrap table.admin_style_01 > tbody > tr > td:has(.mimd-perms){
	padding:16px 18px !important;
}

/* ==================================================== 에디터(TinyMCE) 보호
   2026-07-26 : 위 "버튼" 블록의 `html.mimd .rightmenuWrap button` 이 TinyMCE 툴바의
   <button> 까지 40px 주황 알약으로 만들어 툴바가 넘쳐 가로 스크롤이 생긴다. */
html.mimd .rightmenuWrap .mce-container button,
html.mimd .rightmenuWrap .mce-widget button,
html.mimd .rightmenuWrap .mce-panel button{
	display:block !important; width:auto !important; height:auto !important;
	margin:0 !important; padding:4px 6px !important;
	border:0 !important; border-radius:0 !important;
	background:transparent !important; color:inherit !important;
	font-size:14px !important; font-weight:400 !important; line-height:20px !important;
	box-shadow:none !important; transform:none !important;
}
html.mimd .rightmenuWrap .mce-container button:hover,
html.mimd .rightmenuWrap .mce-widget button:hover,
html.mimd .rightmenuWrap .mce-panel button:hover{
	background:transparent !important; box-shadow:none !important; transform:none !important;
}
html.mimd .rightmenuWrap .mce-container input[type=text],
html.mimd .rightmenuWrap .mce-container select,
html.mimd .rightmenuWrap .mce-container textarea{
	height:auto !important; border-radius:0 !important; box-shadow:none !important;
	font-size:13px !important; padding:0 4px !important;
}
html.mimd .rightmenuWrap .mce-tinymce{ max-width:100% !important; box-shadow:none !important; }
/* ==================================================== 검색바 이중 테두리 정리
   ★2026-07-26 사용자 지적 "검색바 라인이 이중으로 겹친다"
   원본(common.css)의 설계는 <검색카드 .Search_Box> 안에 <흰 박스 .Search_Box_inner>
   를 하나 더 두고, 그 안의 select/input 은 테두리 없이(border:none) 넣는 구조였다.
   스킨이 select/input 을 각각 라운딩 필드로 만들면서 테두리가 3중이 됐고,
   .change_btn 이 `position:absolute; right:0` 이라 [검색] 버튼이 입력칸 오른쪽 끝을
   덮고 있었다(실측: 입력칸 …~1853px, 버튼 1774~1853px).
   → 안쪽 흰 박스의 테두리/배경/그림자를 지우고, 버튼을 흐름 안으로 되돌린다. */
html.mimd .rightmenuWrap .Search_Box_inner{
	background:transparent !important; border:0 !important; border-radius:0 !important;
	box-shadow:none !important; width:100% !important;
	display:flex !important; align-items:center !important; flex-wrap:wrap !important;
	gap:8px !important; margin:0 !important; padding:0 !important;
}
html.mimd .rightmenuWrap .Search_Box .change_btn{
	position:static !important; right:auto !important; top:auto !important; z-index:auto !important;
	flex:0 0 auto !important; margin:0 !important; padding:0 !important; line-height:normal !important;
}
html.mimd .rightmenuWrap .Search_Box .change_btn .btns,
html.mimd .rightmenuWrap .Search_Box .change_btn .btnActive{ margin:0 !important; }
/* 안쪽 필드들 : 각자 하나의 라운딩 필드로 */
html.mimd .rightmenuWrap .Search_Box_inner input[type='text'],
html.mimd .rightmenuWrap .Search_Box input[type='text']{
	height:40px !important; width:auto !important; flex:1 1 240px !important; min-width:180px !important;
	border:1px solid var(--mimd-line) !important; border-radius:var(--mimd-rad-s) !important;
	padding:0 13px !important; vertical-align:middle !important;
}
html.mimd .rightmenuWrap .Search_Box_inner select,
html.mimd .rightmenuWrap .Search_Box select{
	flex:0 0 auto !important; width:auto !important; min-width:150px !important;
	border:1px solid var(--mimd-line) !important; border-radius:var(--mimd-rad-s) !important;
}
/* .Search_Box 자체가 카드가 아닌(원본 그대로인) 화면도 같은 톤으로 */
html.mimd .rightmenuWrap .Search_Box{
	border:1px solid var(--mimd-line) !important; border-top:1px solid var(--mimd-line) !important;
	border-bottom:1px solid var(--mimd-line) !important;
	border-radius:var(--mimd-rad) !important; background:var(--mimd-head) !important;
	box-shadow:none !important; padding:16px 20px !important; margin:0 0 18px 0 !important;
	text-align:left !important; box-sizing:border-box !important;
}