/* 사이드바 · 매직바 · 블록편집 테마
   라이트: 블록편집 톤 통일 / 다크: 사이드바 톤 통일 */

:root {
	/* 공통 시맨틱 — 라이트(블록편집 기준) */
	--admin-surface: #fdfdff;
	--admin-surface-muted: #f8fafc;
	--admin-surface-raised: #ffffff;
	--admin-border: #e2e8f0;
	--admin-text: #334155;
	--admin-text-muted: #64748b;
	--admin-text-subtle: #7a8799;
	--admin-hover: #f3f4f7;
	--admin-hover-accent: #eff6ff;
	--admin-accent: #3b82f6;
	--admin-accent-strong: #1e40af;
	--admin-accent-text: #ffffff;
	--admin-shadow: rgba(15, 23, 42, 0.12);
	--admin-shadow-strong: rgba(15, 23, 42, 0.18);

	--ms-sidebar-bg: var(--admin-surface);
	--ms-sidebar-border: var(--admin-border);
	--ms-sidebar-shadow: rgba(15, 23, 42, 0.08);
	--ms-hp-info-bg: var(--admin-surface);
	--ms-menu-text: var(--admin-text);
	--ms-menu-hover-bg: var(--admin-hover);
	--ms-menu-active-bg: var(--admin-accent);
	--ms-chevron: var(--admin-text-subtle);
	--ms-chevron-open: var(--admin-text);
	--ms-menu-icon: var(--admin-text-muted);
	--ms-menu-icon-hover: var(--admin-text);
	--ms-menu-icon-active: var(--admin-accent-text);
	--ms-top-border: var(--admin-border);
	--ms-logo-bg: var(--admin-hover);
	--ms-profile-bg: var(--admin-surface);
	--ms-divider: var(--admin-border);
	--ms-expiry-head: var(--admin-text);
	--ms-expiry-date: #475569;
	--ms-extend-bg: var(--admin-accent);
	--ms-toggle-bg: var(--admin-surface);
	--ms-toggle-color: var(--admin-text);
	--ms-toggle-border: var(--admin-border);
	--ms-toggle-hover-bg: var(--admin-hover);
	--ms-toggle-hover-color: var(--admin-accent-strong);
	--ms-inline-divider: #e2e8f0;
	--ms-submenu-bg: #f3f9ff;
	--ms-submenu-border: #dbeafe;
	--ms-submenu-text: #1e293b;
	--ms-submenu-hover-bg: #e0e7ff;
	--ms-submenu-hover-text: #1d4ed8;
	--ms-submenu-active-bg: #dbeafe;
	--ms-submenu-active-text: #1e40af;
	--ms-menu-selected-bg: var(--admin-accent);
	--ms-menu-selected-text: var(--admin-accent-text);
	--ms-disc: var(--admin-text-subtle);
	--ms-disc-hover: var(--admin-text-muted);

	--mb-bar-bg: var(--admin-surface);
	--mb-bar-border: var(--admin-border);
	--mb-bar2-bg: var(--admin-surface-muted);
	--mb-zone-text: var(--admin-text);
	--mb-zone-icon: var(--admin-text-muted);
	--mb-zone-hover: var(--admin-hover);
	--mb-panel-bg: var(--admin-surface);
	--mb-panel-border: var(--admin-border);
	--mb-panel-text: var(--admin-text);
	--mb-panel-desc: var(--admin-text-subtle);
	--mb-panel-hover: var(--admin-hover);
	--mb-toggle-bg: var(--admin-surface);
	--mb-toggle-border: var(--admin-border);

	--bc-toolbar-bg: var(--admin-surface);
	--bc-toolbar-border: var(--admin-border);
	--bc-toolbar-shadow: var(--admin-shadow);
	--bc-drag-icon: var(--admin-text-muted);
	--bc-drag-title: var(--admin-text);
	--bc-drag-id: var(--admin-text-subtle);
	--bc-sep: var(--admin-border);
	--bc-btn-text: var(--admin-text);
	--bc-btn-icon: #475569;
	--bc-btn-hover-bg: var(--admin-hover);
	--bc-btn-danger: #dc2626;
	--bc-btn-danger-hover-bg: #fef2f2;
	--bc-placeholder-bg: rgba(59, 130, 246, 0.06);
	--bc-placeholder-border: var(--admin-accent);
	--bc-chosen-shadow: var(--admin-shadow-strong);
	--bc-editable-outline: rgba(0, 0, 0, 0.5);
	--bc-hidebox-bg: rgba(0, 0, 0, 0.7);
	--bc-hidebox-text: var(--admin-accent-text);
	--bc-active-bg: #000000;
	--bc-active-text: var(--admin-accent-text);
	--bc-addpoint-bg: #000000;
	--bc-addpoint-text: var(--admin-accent-text);
	--bc-blockadd-bg: #ce0606;
	--bc-blockadd-alt-bg: #333333;
	--bc-blockadd-text: var(--admin-text);
	--bc-floating-bar-bg: #1f2937;
	--bc-floating-bar-text: var(--admin-accent-text);
	--bc-floating-bar-hover: rgba(255, 255, 255, 0.12);
	--bc-floating-bar-sep: rgba(255, 255, 255, 0.25);
	--bc-floating-bar-border: rgba(255, 255, 255, 0.25);

	/* 공지 티커 (hp_blockFloat.php) — 라이트 */
	--hpb-wrap-bg: var(--admin-hover);
	--hpb-wrap-border: transparent;
	--hpb-text: #475569;
	--hpb-icon-bg: var(--admin-accent);
	--hpb-icon-text: var(--admin-accent-text);
	--hpb-icon-shadow: rgba(59, 130, 246, 0.3);
	--hpb-close-bg: rgba(148, 163, 184, 0.35);
	--hpb-close-text: var(--admin-text-muted);
	--hpb-close-hover-bg: rgba(100, 116, 139, 0.25);
	--hpb-close-hover-text: var(--admin-text);
}

html.admin-theme-dark {
	/* 공통 시맨틱 — 다크(사이드바 기준) */
	--admin-surface: #0a1931;
	--admin-surface-muted: #0f172a;
	--admin-surface-raised: #2b3347;
	--admin-border: rgba(255, 255, 255, 0.08);
	--admin-text: #f1f5f9;
	--admin-text-muted: rgba(255, 255, 255, 0.65);
	--admin-text-subtle: rgba(255, 255, 255, 0.55);
	--admin-hover: rgba(30, 64, 175, 0.55);
	--admin-hover-accent: rgba(30, 64, 175, 0.4);
	--admin-accent: #1e40af;
	--admin-accent-strong: #ffffff;
	--admin-accent-text: #ffffff;
	--admin-shadow: rgba(0, 0, 0, 0.35);
	--admin-shadow-strong: rgba(0, 0, 0, 0.45);

	--ms-sidebar-bg: var(--admin-surface);
	--ms-sidebar-border: rgba(255, 255, 255, 0.06);
	--ms-sidebar-shadow: rgba(0, 0, 0, 0.15);
	--ms-hp-info-bg: var(--admin-surface-muted);
	--ms-menu-text: var(--admin-text);
	--ms-menu-hover-bg: var(--admin-hover);
	--ms-menu-active-bg: var(--admin-accent);
	--ms-chevron: var(--admin-text-subtle);
	--ms-chevron-open: var(--admin-accent-text);
	--ms-menu-icon: var(--admin-text-muted);
	--ms-menu-icon-hover: var(--admin-accent-text);
	--ms-menu-icon-active: var(--admin-accent-text);
	--ms-top-border: rgba(255, 255, 255, 0.12);
	--ms-logo-bg: var(--admin-surface-raised);
	--ms-profile-bg: rgba(255, 255, 255, 0.94);
	--ms-divider: rgba(255, 255, 255, 0.14);
	--ms-expiry-head: #f8fafc;
	--ms-expiry-date: var(--admin-text);
	--ms-toggle-bg: var(--admin-surface);
	--ms-toggle-color: var(--admin-accent-text);
	--ms-inline-divider: rgba(255, 255, 255, 0.16);
	--ms-submenu-bg: #0f172a;
	--ms-submenu-border: rgba(96, 165, 250, 0.28);
	--ms-submenu-text: #e2e8f0;
	--ms-submenu-hover-bg: rgba(30, 64, 175, 0.55);
	--ms-submenu-hover-text: #ffffff;
	--ms-submenu-active-bg: rgba(30, 64, 175, 0.72);
	--ms-submenu-active-text: #ffffff;
	--ms-menu-selected-bg: var(--admin-accent);
	--ms-menu-selected-text: var(--admin-accent-text);
	--ms-disc: var(--admin-text-subtle);
	--ms-disc-hover: rgba(255, 255, 255, 0.75);

	--mb-bar-bg: var(--admin-surface);
	--mb-bar-border: var(--admin-border);
	--mb-bar2-bg: var(--admin-surface-muted);
	--mb-zone-text: var(--admin-text);
	--mb-zone-icon: var(--admin-text-subtle);
	--mb-zone-hover: var(--admin-hover);
	--mb-panel-bg: var(--admin-surface-raised);
	--mb-panel-border: rgba(255, 255, 255, 0.1);
	--mb-panel-text: #f8fafc;
	--mb-panel-desc: var(--admin-text-subtle);
	--mb-panel-hover: rgba(255, 255, 255, 0.06);
	--mb-toggle-bg: var(--admin-surface-raised);
	--mb-toggle-border: rgba(255, 255, 255, 0.12);

	--bc-toolbar-bg: var(--admin-surface-raised);
	--bc-toolbar-border: rgba(255, 255, 255, 0.1);
	--bc-toolbar-shadow: var(--admin-shadow);
	--bc-drag-icon: var(--admin-text-subtle);
	--bc-drag-title: var(--admin-text);
	--bc-drag-id: #94a3b8;
	--bc-sep: rgba(255, 255, 255, 0.12);
	--bc-btn-text: var(--admin-text);
	--bc-btn-icon: var(--admin-text-muted);
	--bc-btn-hover-bg: var(--admin-hover);
	--bc-btn-danger: #f87171;
	--bc-btn-danger-hover-bg: rgba(220, 38, 38, 0.18);
	--bc-placeholder-bg: rgba(59, 130, 246, 0.14);
	--bc-placeholder-border: #3b82f6;
	--bc-chosen-shadow: var(--admin-shadow-strong);
	--bc-editable-outline: rgba(255, 255, 255, 0.45);
	--bc-hidebox-bg: rgba(0, 0, 0, 0.78);
	--bc-hidebox-text: #f8fafc;
	--bc-active-bg: #000000;
	--bc-active-text: var(--admin-accent-text);
	--bc-addpoint-bg: var(--admin-surface);
	--bc-addpoint-text: #f8fafc;
	--bc-blockadd-bg: #ce0606;
	--bc-blockadd-alt-bg: #475569;
	--bc-blockadd-text: var(--admin-text);
	--bc-floating-bar-bg: var(--admin-surface-muted);
	--bc-floating-bar-text: #f8fafc;
	--bc-floating-bar-hover: rgba(255, 255, 255, 0.1);
	--bc-floating-bar-sep: rgba(255, 255, 255, 0.2);
	--bc-floating-bar-border: rgba(255, 255, 255, 0.2);

	/* 공지 티커 (hp_blockFloat.php) — 다크 */
	--hpb-wrap-bg: var(--admin-surface-raised);
	--hpb-wrap-border: rgba(255, 255, 255, 0.08);
	--hpb-text: #cbd5e1;
	--hpb-icon-bg: var(--admin-accent);
	--hpb-icon-text: var(--admin-accent-text);
	--hpb-icon-shadow: rgba(30, 64, 175, 0.45);
	--hpb-close-bg: rgba(255, 255, 255, 0.1);
	--hpb-close-text: var(--admin-text-subtle);
	--hpb-close-hover-bg: var(--admin-hover);
	--hpb-close-hover-text: var(--admin-accent-text);
}

/* MagicBar */
.magicBar{
	background:var(--mb-bar-bg) !important;
	border-bottom-color:var(--mb-bar-border) !important;
}
.magicBar2{background:var(--mb-bar2-bg) !important;}
.MagicLeftBar{
	background:var(--ms-sidebar-bg) !important;
}
.magicBar .zoneBtns{color:var(--mb-zone-text) !important;}
.magicBar .zoneBtns .zoneBtns-label{color:var(--mb-zone-text) !important;}
.magicBar .zoneBtns .zoneBtns-icon{color:var(--mb-zone-icon) !important;}
.magicBar .zoneBtns:hover,
.magicBar .zoneBtnsWrap:hover > .zoneBtns{
	background-color:var(--mb-zone-hover) !important;
}
.magicBar .themeToggle{
	background:var(--mb-toggle-bg);
	border-color:var(--mb-toggle-border);
}
.magicBar .themeTogglePanel{
	background:var(--mb-panel-bg);
	border-color:var(--mb-panel-border);
}
.magicBar .themeTogglePanel:before{
	border-bottom-color:var(--mb-panel-bg);
	filter:drop-shadow(0 -1px 0 var(--mb-panel-border));
}
.magicBar .themeToggleOption:hover,
.magicBar .themeToggleOption.is-active{
	background:var(--mb-panel-hover);
}
.magicBar .themeToggleOption-text strong{color:var(--mb-panel-text);}
.magicBar .themeToggleOption-text span{color:var(--mb-panel-desc);}
.magicBar .themeToggleOption-icon{color:var(--mb-panel-text);}
.magicBar .zoneBtns2{
	background:var(--mb-panel-bg);
	border-color:var(--mb-panel-border);
}
.magicBar .zoneBtns2:before{
	border-bottom-color:var(--mb-panel-bg);
	filter:drop-shadow(0 -1px 0 var(--mb-panel-border));
}
.magicBar .zoneBtns2 a{color:var(--mb-panel-text);}
.magicBar .zoneBtns2 a:hover{
	background:var(--mb-panel-hover);
	color:var(--mb-panel-text);
	font-weight:600;
}
.magicBar .configEditToggle-label{
	color:var(--mb-zone-text);
	transition:color 0.2s ease;
}

/* 사이드바 */
.MagicLeftBar{
	width:220px !important;
	height:100vh;
	border-right:1px solid var(--ms-sidebar-border);
	box-shadow:4px 0 24px var(--ms-sidebar-shadow);
	overflow:hidden;
}
.hp_info{background-color:var(--ms-hp-info-bg);}
.v_menu1{
	width:100%;
	height:100%;
	background-color:transparent;
	padding:12px 10px 24px;
	position:relative;
	box-sizing:border-box;
	overflow:hidden;
	display:flex;
	flex-direction:column;
}
.over_menu{
	list-style:none;
	z-index:99999;
	width:100%;
	margin:0;
	padding:0;
	box-sizing:border-box;
	flex:1;
	min-height:0;
	overflow-x:hidden;
	overflow-y:auto;
	scrollbar-width:thin;
	scrollbar-color:rgba(148, 163, 184, 0.38) transparent;
}
.over_menu::-webkit-scrollbar{
	width:5px;
}
.over_menu::-webkit-scrollbar-track{
	background:transparent;
}
.over_menu::-webkit-scrollbar-thumb{
	background:rgba(148, 163, 184, 0.38);
	border-radius:999px;
}
.over_menu::-webkit-scrollbar-thumb:hover{
	background:rgba(100, 116, 139, 0.55);
}
html.admin-theme-dark .over_menu{
	scrollbar-color:rgba(255, 255, 255, 0.22) transparent;
}
html.admin-theme-dark .over_menu::-webkit-scrollbar-thumb{
	background:rgba(255, 255, 255, 0.22);
}
html.admin-theme-dark .over_menu::-webkit-scrollbar-thumb:hover{
	background:rgba(255, 255, 255, 0.38);
}
.v_menu1 ul:not(.over_menu),
.v_menu1 li{
	list-style:none;
	margin:0;
	padding:0;
}
.big_menu{
	display:block;
	width:100%;
	max-width:100%;
	box-sizing:border-box;
	position:relative;
	list-style:none;
	text-align:left;
}
.big_menu .bm_a{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:10px;
	width:100%;
	max-width:100%;
	padding:10px 12px;
	border-radius: 6px;
	text-decoration:none;
	transition:background 0.2s ease, color 0.2s ease;
	cursor:pointer;
	height:auto;
	min-height:0;
	box-sizing:border-box;
}
.big_menu .bm_a:hover,
.big_menu.is-open > .bm_a{
	background:var(--ms-menu-hover-bg);
}
.big_menu .bm_a .bm_t{flex:1;}
.big_menu .bm_chevron{
	margin-left:auto;
	width:auto;
	height:auto;
	font-size:15px;
	line-height:1;
	color:var(--ms-chevron);
	font-family:bootstrap-icons !important;
	font-style:normal;
	font-weight:normal !important;
	transition:transform 0.25s ease, color 0.2s ease;
	flex-shrink:0;
	align-self:center;
	display:inline-flex;
}
.big_menu.is-open > .bm_a .bm_chevron{
	transform:rotate(90deg);
	color:var(--ms-chevron-open);
}
.big_menu .bm_icon{
	width:20px;
	font-size:18px;
	line-height:1;
	flex-shrink:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:var(--ms-menu-icon);
	font-family:bootstrap-icons !important;
	font-style:normal;
	font-weight:normal !important;
	transition:color 0.2s ease;
}
.big_menu .bm_a:hover .bm_icon,
.big_menu.is-open > .bm_a .bm_icon{
	color:var(--ms-menu-icon-hover);
}
.over_menu .msel2 > .bm_a .bm_icon{
	color:var(--ms-menu-icon-active);
}
.bm_t{
	font-size:16px;
	font-weight:500;
	color:var(--ms-menu-text);
	font-family:'Pretendard', sans-serif !important;
	text-align:left;
	line-height:1;
	letter-spacing:-0.02em;
	white-space:nowrap;
}
.magicSidebarTop{
	padding:0 0 14px;
	display:flex;
	flex-direction:column;
	gap:10px;
	border-bottom:1px solid var(--ms-top-border);
	margin-bottom:10px;
	box-sizing:border-box;
	flex-shrink:0;
}
.magicSidebarLogoWrap{
	background-color:var(--ms-logo-bg);
	border-radius:10px;
	margin:auto;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	padding:15px 0;
}
.magicSidebarProfile{
	background:var(--ms-profile-bg);
	border-radius:12px;
	padding:16px 12px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.magicSidebarProfile img{
	width:72px;
	height:72px;
	border-radius:50%;
	object-fit:contain;
	display:block;
}
.magicSidebarDivider{
	height:1px;
	background:var(--ms-divider);
	margin:0;
}
.magicSidebarExpiry{padding:2px 2px 0;}
.magicSidebarExpiryHead{
	display:flex;
	align-items:center;
	gap:7px;
	font-size:13px;
	font-weight:600;
	color:var(--ms-expiry-head);
	margin-bottom:6px;
}
.magicSidebarExpiryHead .bi{font-size:14px; opacity:0.9;}
.magicSidebarExpiryRow{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
}
.magicSidebarExpiryDate{
	margin:0;
	font-size:14px;
	font-weight:500;
	color:var(--ms-expiry-date);
	line-height:1.35;
	flex:1;
	min-width:0;
}
.magicSidebarExtend{
	flex-shrink:0;
	padding:6px 10px;
	border-radius:6px;
	background:var(--ms-extend-bg);
	font-size:12px;
	font-weight:600;
	color:#fff !important;
	text-decoration:none !important;
	white-space:nowrap;
	transition:opacity 0.2s ease;
}
.magicSidebarExtend:hover{opacity:0.9;}
.magicSidebarBtn{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width:100%;
	padding:11px 14px;
	border-radius:999px;
	font-size:15px;
	font-weight:600;
	color:#fff !important;
	text-decoration:none;
	font-family:'Pretendard', sans-serif;
	box-sizing:border-box;
	transition:opacity 0.2s ease, transform 0.15s ease;
}
.magicSidebarBtn:hover{opacity:0.92; transform:translateY(-1px);}
.magicSidebarBtn--home{background:#22c55e;}
.magicSidebarBtn--gw{background:#3b82f6;}
.magicSidebarBtn--logout{background:#64748b !important; color:#fff !important;}
.magicSidebarBtn i{font-family:"Font Awesome 5 Free" !important; font-weight:900;}
.magicSidebarToggle{
	position:fixed;
	top:50%;
	left:220px;
	transform:translateY(-50%);
	width:25px;
	height:60px;
	padding:0;
	border:1px solid var(--ms-toggle-border);
	border-left:none;
	border-radius:0 10px 10px 0;
	background:var(--ms-toggle-bg);
	color:var(--ms-toggle-color);
	cursor:pointer;
	z-index:100003;
	box-shadow:2px 0 8px rgba(0,0,0,0.08);
	display:none;
	align-items:center;
	justify-content:center;
	transition:left 0.25s ease, background 0.2s ease, color 0.2s ease;
}
body.magicSidebar-edit-on .magicSidebarToggle{display:flex;}
body.magicSidebar-panel-hidden .magicSidebarToggle{left:0; border-left:1px solid var(--ms-toggle-border);}
.magicSidebarToggle:hover{
	background:var(--ms-toggle-hover-bg);
	color:var(--ms-toggle-hover-color);
}
.magicSidebarToggle i{
	font-family:"Font Awesome 5 Free" !important;
	font-weight:900;
	font-size:16px;
	transition:transform 0.25s ease;
}
body.magicSidebar-panel-hidden .magicSidebarToggle i{transform:rotate(180deg);}
body.magicSidebar-panel-hidden .MagicLeftBar{left:-220px !important;}
li.magicSidebarInlineDivider{
	display:block;
	width:100%;
	height:auto;
	min-height:0;
	margin:0;
	padding:8px 0;
	border:none;
	background:transparent;
	list-style:none;
	box-sizing:border-box;
}
li.magicSidebarInlineDivider::before{
	content:'';
	display:block;
	width:100%;
	height:1px;
	background:var(--ms-inline-divider);
}
.magicSidebarInlineDivider:not(li),
.over_menu > div[style*="border-top"]{
	display:block;
	width:100%;
	height:1px;
	border:none;
	background:var(--ms-inline-divider);
	margin:8px 0;
	padding:0;
	box-sizing:border-box;
}
.sm_menu_listBox{
	width:100%;
	z-index:1;
	margin:4px 0 0;
	box-sizing:border-box;
}
.big_menu .sm_menu_list{
	background:var(--ms-submenu-bg);
	display:none;
	border:1px solid var(--ms-submenu-border);
	box-shadow:0 2px 8px rgba(15, 23, 42, 0.06);
	border-radius:8px;
	padding:4px 6px;
	margin:0 0 8px;
	box-sizing:border-box;
}
html.admin-theme-dark .big_menu .sm_menu_list{
	box-shadow:0 4px 12px rgba(0, 0, 0, 0.25);
}
.big_menu.is-open .sm_menu_list{display:block;}
.big_menu .sm_menu_list li{margin:0; padding:0; box-sizing:border-box;}
.big_menu .sm_menu_list a{
	display:block;
	text-align:left;
	margin:0;
	font-size: 14px;
	font-weight:400;
	color:var(--ms-submenu-text);
	padding: 10px 16px;
	border-radius:6px;
	letter-spacing:-0.01em;
	line-height:1.4;
	box-sizing:border-box;
	font-family:'Pretendard', sans-serif !important;
	transition:background 0.15s ease, color 0.15s ease;
}
.big_menu .sm_menu_list a:hover,
.big_menu .sm_menu_list a.collapse-item:hover{
	background:var(--ms-submenu-hover-bg);
	color:var(--ms-submenu-hover-text);
}
.big_menu .sm_menu_list li.msel a,
.sm_menu_list .msel a{
	background:var(--ms-submenu-active-bg);
	color:var(--ms-submenu-active-text);
}
.big_menu .sm_menu_list a.collapse-item{
	display:block;
	padding:8px 10px;
	border-radius:6px;
}
.big_menu .disc{margin-left:5px;}
.big_menu .sm_menu_list li:hover .disc{background-color:var(--ms-disc-hover);}
.new_info{width:100%; max-width:100%; background-color:var(--ms-submenu-bg); box-sizing:border-box;}
.hbtns1>div{width:100%; max-width:100%; margin-top:0; box-sizing:border-box;}
.hbtns1 .hbtn2{margin-top:5px;}
.hbtns>.hbtn2 a{font-size:18px;}
.huta{display:none; height:34px; width:100%;}
.huta p{line-height:34px; margin:0; text-align:center; font-weight:600;}
.over_menu .msel2 > .bm_a{
	background:var(--ms-menu-selected-bg) !important;
}
.over_menu .msel2 > .bm_a .bm_t{color:var(--ms-menu-selected-text);}
.over_menu .msel2 .sl_menu a{
	background:var(--ms-submenu-active-bg);
	color:var(--ms-submenu-active-text);
}
.over_menu .msel2 .sl_menu .disc{background-color:var(--ms-menu-selected-bg);}
.disc{
	float:left;
	display:block;
	background-color:var(--ms-disc);
	border-radius:50%;
	width:4px;
	height:4px;
	margin-top:17px;
	margin-right:6px;
}

/* 블록 편집 (config.php) */
.addBtn01.blockToolbar{
	background:var(--bc-toolbar-bg);
	border-color:var(--bc-toolbar-border);
	box-shadow:0 4px 18px var(--bc-toolbar-shadow);
}
.blockToolbar-drag .bi{color:var(--bc-drag-icon);}
.blockToolbar-dragTitle{color:var(--bc-drag-title);}
.blockToolbar-dragId{color:var(--bc-drag-id);}
.blockToolbar-sep{background:var(--bc-sep);}
.blockToolbar-btn{color:var(--bc-btn-text) !important;}
.blockToolbar-btn .bi{color:var(--bc-btn-icon);}
.blockToolbar-btn:hover{background:var(--bc-btn-hover-bg);}
.blockToolbar-btn--danger,
.blockToolbar-btn--danger .bi{color:var(--bc-btn-danger) !important;}
.blockToolbar-btn--danger:hover{background:var(--bc-btn-danger-hover-bg);}
.blockListDiv-placeholder{
	background:var(--bc-placeholder-bg);
	border-color:var(--bc-placeholder-border) !important;
}
.blockListDiv-chosen,
.blockListDiv.sortable-chosen{
	box-shadow:0 12px 32px var(--bc-chosen-shadow);
}
.addBtn02 .blockAdd,
.addBtn01 .blockAdd{
	color:var(--bc-blockadd-text);
	background-color:var(--bc-blockadd-bg);
}
.addPoint{
	color:var(--bc-addpoint-text) !important;
	background:var(--bc-addpoint-bg);
}
.addPoint:after{border-top-color:var(--bc-addpoint-bg);}
.editableBox:hover{outline-color:var(--bc-editable-outline);}
.floating-textbar{
	background:var(--bc-floating-bar-bg);
	color:var(--bc-floating-bar-text);
}
.floating-textbar .btn{color:var(--bc-floating-bar-text);}
.floating-textbar .btn:hover{background:var(--bc-floating-bar-hover);}
.floating-textbar .sep{background:var(--bc-floating-bar-sep);}
.floating-textbar select{
	color:var(--bc-floating-bar-text);
	border-color:var(--bc-floating-bar-border);
}
.hideBox{
	background:var(--bc-hidebox-bg) !important;
	color:var(--bc-hidebox-text) !important;
}
.hideBox i{color:var(--bc-hidebox-text) !important;}
.config_active_bg{
	background:var(--bc-active-bg) !important;
	color:var(--bc-active-text) !important;
}
.blockAdd--alt{
	background-color:var(--bc-blockadd-alt-bg) !important;
	color:var(--bc-blockadd-text);
}

/* 공지 티커 (hp_blockFloat.php) */
.hp_blockBarWrap{
	flex:0 1 520px;
	width:100%;
	min-width:0;
	max-width:520px;
	background:var(--hpb-wrap-bg);
	border:1px solid var(--hpb-wrap-border);
	border-radius:999px;
	padding:6px 10px;
	box-sizing:border-box;
	transition:background 0.2s ease, border-color 0.2s ease;
}
.hp_block--bar{
	display:flex;
	align-items:center;
	gap:8px;
	width:100%;
	min-height:0;
	margin:0;
	padding:0;
	overflow:visible;
	box-sizing:border-box;
	transition:opacity 0.25s ease, visibility 0.25s ease;
}
.hp_block--bar.is-hidden{
	opacity:0;
	visibility:hidden;
	pointer-events:none;
}
.hp_block--bar .hp_block-close{
	position:static;
	flex-shrink:0;
	width:28px;
	height:28px;
	padding:0;
	border:none;
	border-radius:8px;
	background:var(--hpb-close-bg);
	color:var(--hpb-close-text);
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:2;
	transition:background 0.2s ease, color 0.2s ease;
}
.hp_block--bar .hp_block-close:hover{
	background:var(--hpb-close-hover-bg);
	color:var(--hpb-close-hover-text);
}
.hp_block--bar .hp_block-close .bi{
	font-family:bootstrap-icons !important;
	font-size:12px;
	line-height:1;
}
.hp_block--bar .hp_block-head-icon{
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	border-radius: 50%;
	background:var(--hpb-icon-bg);
	color:var(--hpb-icon-text);
	line-height:1;
	box-shadow:0 1px 4px var(--hpb-icon-shadow);
}
.hp_block--bar .hp_block-head-icon .bi{
	font-family:bootstrap-icons !important;
	font-size:14px;
	font-weight:700;
	line-height:1;
}
.hp_block--bar .hp_block-ticker{
	flex:1;
	display:flex;
	align-items:center;
	gap:10px;
	min-width:0;
	height:36px;
	overflow:hidden;
	padding:0 4px;
	background:transparent;
	border:none;
	border-radius:0;
	box-shadow:none;
}
.hp_block--bar .hp_block-ticker-body{
	flex:1;
	min-width:0;
	overflow:hidden;
	padding-right:4px;
}
.hp_block--bar ul,
.hp_block--bar li{
	margin:0;
	padding:0;
	list-style:none;
	color:var(--hpb-text);
	line-height:36px;
	font-size:15px;
	transition:color 0.2s ease;
}
.hp_block--bar .hp_block-ticker-body li span{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.hp_block--bar .bullet{display:none;}