@import './menu-view.css';
@import './account-overview.css';
/* Shared global tools and native dialogs. */
:root{--chrome-height:76px;--chrome-visible:var(--chrome-height);--panel-ink:var(--mg-ink);--panel-muted:var(--mg-muted);--panel-surface:var(--mg-black-3);--panel-line:color-mix(in srgb,var(--mg-white) 13%,transparent)}
:root.chrome-hidden{--chrome-visible:0px}
.header-account-slot,.site-chrome .mobile-menu-toggle,.header-utility{position:absolute;display:grid;place-items:center;width:44px;height:44px;padding:var(--mg-space-10);border:0!important;border-radius:50%;background:transparent!important;color:inherit!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;cursor:pointer;pointer-events:auto;transition:background-color var(--mg-dur-fast) var(--mg-ease),transform var(--mg-dur-fast) var(--mg-ease)}
.header-account-slot:hover,.site-chrome .mobile-menu-toggle:hover,.header-utility:hover{background:color-mix(in srgb,var(--mg-muted) 9%,transparent)!important}.header-account-slot:active,.header-utility:active,.mobile-menu-toggle:active{transform:var(--mg-press)}
.header-account-slot svg,.header-utility svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}.header-account-slot .account-avatar{position:absolute;inset:6px;width:32px;height:32px;object-fit:cover;border-radius:50%;background:#33433a}.header-account-slot:has(.account-avatar)>svg{visibility:hidden}.header-account-slot.is-signed-in:after{display:none}
.header-account-slot{right:28px;top:16px}.header-utility{top:16px;right:80px}.notification-badge{position:absolute;top:1px;right:1px;min-width:16px;height:16px;padding:0 var(--mg-space-4);display:grid;place-items:center;border-radius:var(--mg-radius-lg);background:var(--mg-red);color:var(--mg-white);font:600 10px/1 var(--mg-font);border:1px solid var(--mg-black-3)}
.account-island,.mobile-menu-dialog{position:fixed!important;inset:88px 24px auto auto;box-sizing:border-box!important;margin:0!important;padding:0!important;min-width:0!important;min-height:0!important;width:440px;max-width:calc(100% - 40px);max-height:calc(100dvh - 110px);overflow:hidden!important;border:1px solid var(--panel-line)!important;border-radius:var(--mg-radius-lg)!important;background:var(--panel-surface)!important;color:var(--panel-ink)!important;box-shadow:var(--mg-shadow-3)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;font:400 14px/1.6 var(--mg-font)!important;color-scheme:dark;outline:none;overscroll-behavior:contain;animation:none!important}
.account-island::before,.mobile-menu-dialog::before{content:none!important}.account-island[open],.mobile-menu-dialog[open]{display:flex!important;flex-direction:column}
.account-island::backdrop,.mobile-menu-dialog::backdrop{background:color-mix(in srgb,var(--mg-black) 55%,transparent)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.account-island *, .mobile-menu-dialog *{box-sizing:border-box}.account-island button,.account-island input,.mobile-menu-dialog button{font:inherit}.account-island button,.mobile-menu-dialog button{cursor:pointer}.account-island a,.mobile-menu-dialog a{color:inherit;text-decoration:none}
.island-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;width:100%;max-height:inherit;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--mg-gray) 33%,transparent) transparent}
.utility-title{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--mg-space-16);flex:0 0 auto;padding:var(--mg-space-16) var(--mg-space-24);border-bottom:1px solid var(--panel-line);background:var(--panel-surface);color:var(--panel-ink)}
.utility-title strong{font-size:var(--mg-fs-sm);font-weight:var(--mg-weight-semibold)}.utility-title button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font-size:var(--mg-fs-3xl);font-weight:var(--mg-weight-regular);line-height:var(--mg-leading-none)}.utility-title button:hover{background:color-mix(in srgb,var(--mg-white) 5%,transparent)}
.account-island :focus-visible,.mobile-menu-dialog :focus-visible,.header-account-slot:focus-visible,.header-utility:focus-visible{outline:2px solid var(--mg-focus-ring);outline-offset:3px}.account-island :focus:not(:focus-visible),.mobile-menu-dialog :focus:not(:focus-visible){outline:none}.island-copy,.island-error{padding:0 var(--mg-space-24);margin:var(--mg-space-16) 0;color:var(--panel-muted);font-size:var(--mg-fs-xs)}.island-error{color:var(--mg-red)}.island-error:empty{display:none}.utility-retry{display:inline-block;align-self:flex-start;min-height:44px;padding:var(--mg-space-10) var(--mg-space-16);margin:var(--mg-space-12) var(--mg-space-24);border:1px solid color-mix(in srgb,var(--mg-white) 27%,transparent);border-radius:var(--mg-radius-md);background:transparent;color:inherit;font:inherit}.utility-retry:disabled{opacity:.55}
.provider-icons{display:flex;align-items:center;justify-content:center;gap:var(--mg-space-16);padding:0;margin:var(--mg-space-24) 0}.provider-icons button{display:grid;place-items:center;width:54px;height:54px;padding:0;border:0;background:none;border-radius:50%;color:inherit}.provider-icons button:disabled{opacity:.35;cursor:default}.provider-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--mg-white)}.provider-mark svg{width:26px;height:26px}.provider-mark.naver{background:#03c75a}.provider-mark.kakao{background:#fee500}.provider-mark.google{background:var(--mg-white)}
.contact-intro{padding:var(--mg-space-28) var(--mg-space-28) var(--mg-space-20)}.contact-intro h2{margin:0 0 var(--mg-space-16);font-size:var(--mg-fs-3xl);font-weight:var(--mg-weight-medium);letter-spacing:-1px;line-height:var(--mg-leading-snug)}.contact-intro p{margin:0;color:var(--panel-muted);font-size:var(--mg-fs-2xs)}.contact-channels{padding:0 var(--mg-space-28) var(--mg-space-28)}.contact-channels a.contact-channel{display:flex;align-items:center;gap:var(--mg-space-16);min-height:76px;padding:var(--mg-space-16) 0;margin:0;background:transparent;color:var(--panel-ink)!important;border:0;border-bottom:1px solid var(--panel-line);border-radius:0;text-decoration:none;box-shadow:none}.contact-channel img{width:38px;height:38px;object-fit:contain;border-radius:var(--mg-radius-md)}.contact-channel svg{width:38px;height:38px;padding:var(--mg-space-8);fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.contact-channel span{display:block}.contact-channel strong{display:block;font-size:var(--mg-fs-md);font-weight:var(--mg-weight-medium)}.contact-channel small{display:block;margin-top:var(--mg-space-4);font-size:var(--mg-fs-2xs);color:var(--panel-muted)}.contact-channel:last-child{border-bottom:0!important}.contact-channel::after{content:none!important}
#site-search-island .island-content{overflow:hidden}.site-search-field{display:flex;align-items:center;gap:var(--mg-space-12);margin:var(--mg-space-24) var(--mg-space-24) 0;padding:var(--mg-space-12) 0;border-bottom:1px solid color-mix(in srgb,var(--mg-white) 31%,transparent);flex:0 0 auto}.site-search-field svg{flex:0 0 20px;width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}.site-search-field input{flex:1;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--panel-ink);font:400 19px/1.4 var(--mg-font);outline:none!important;box-shadow:none}.site-search-field input::placeholder{color:#848c82}.site-search-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 var(--mg-space-24) var(--mg-space-28);scrollbar-width:thin}.search-suggestion-label{display:flex;justify-content:space-between;align-items:center;margin:var(--mg-space-24) 0 var(--mg-space-12);font-size:var(--mg-fs-2xs);color:var(--panel-muted)}.search-suggestion-label button{padding:var(--mg-space-4);border:0;background:none;color:inherit;font-size:var(--mg-fs-2xs)}.search-suggestions{display:grid;gap:1px;margin-bottom:var(--mg-space-20)}.search-suggestions button{display:flex;align-items:center;gap:var(--mg-space-12);min-height:40px;padding:var(--mg-space-8) 0;border:0;background:none;color:var(--mg-paper-3);text-align:left;font-size:var(--mg-fs-sm)}.search-suggestions svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5;color:var(--mg-muted)}.search-suggestions mark,.utility-results mark{padding:0;background:none;color:#c7dfae}.search-count{margin:var(--mg-space-24) 0 var(--mg-space-8);font-size:var(--mg-fs-2xs);color:var(--panel-muted)}.search-source-note{font-size:var(--mg-fs-2xs);color:#d1bf98}.utility-results>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--mg-space-6) var(--mg-space-20);align-items:center;min-height:105px;padding:var(--mg-space-20) 0;border-bottom:1px solid var(--panel-line);color:inherit;text-decoration:none}.utility-results>a:hover strong{text-decoration:underline;text-underline-offset:4px}.utility-results small{font-size:var(--mg-fs-2xs);color:#9fae94}.utility-results strong{display:block;font-size:var(--mg-fs-md);font-weight:var(--mg-weight-medium);line-height:var(--mg-leading-snug);word-break:keep-all}.utility-results span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--mg-fs-2xs);line-height:var(--mg-leading-body);color:var(--panel-muted)}.utility-results p{padding:var(--mg-space-24) 0;margin:0;color:var(--panel-muted);font-size:var(--mg-fs-xs)}.search-result-thumb{grid-row:1/4;grid-column:2;width:70px;height:70px;object-fit:cover;border-radius:var(--mg-radius-md);margin:0}.search-more{width:100%;margin:var(--mg-space-20) 0 0}.search-more[hidden],.search-count[hidden],.search-source-note[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-loading-bar{position:fixed;inset:0 0 auto;height:3px;z-index:2147483646;pointer-events:none;overflow:hidden;background:#52776022}.site-loading-bar:after{content:'';display:block;width:100%;height:100%;background:#78916e;transform-origin:left;transform:scaleX(var(--loading-fill,0));transition:transform var(--mg-dur-fast) linear}.site-loading-bar[hidden]{display:none!important}
html[data-global-panel=open],html:has(dialog.account-island[open],dialog.mobile-menu-dialog[open]){overflow:hidden!important;scrollbar-gutter:auto}.global-panel-open{overflow:hidden!important}.platform-header .header-utility{right:78px;left:auto;top:28px}.platform-header .header-account-slot{right:22px;top:28px}.platform-header{color:var(--mg-black-4);background:transparent;backdrop-filter:none}.my-page .platform-header{color:var(--mg-ink)}.platform-header .wordmark{left:24px!important;width:164px!important}
html,body,body *{-webkit-user-select:none!important;user-select:none!important}img,svg{-webkit-user-drag:none}input,textarea,[contenteditable=true],[contenteditable=true] *{-webkit-user-select:text!important;user-select:text!important}
@media(max-width:1024px){
 :root{--chrome-height:calc(64px + env(safe-area-inset-top))}.account-island,.mobile-menu-dialog{inset:var(--panel-viewport-top,0px) 0 auto!important;width:100vw!important;height:var(--panel-viewport-height,100dvh)!important;max-width:none!important;max-height:var(--panel-viewport-height,100dvh)!important;border:0!important;border-radius:0!important;box-shadow:none!important}.island-content{max-height:none}.utility-title{padding:calc(10px + env(safe-area-inset-top)) 18px 10px}.utility-title strong{font-size:var(--mg-fs-sm)}.provider-icons{gap:var(--mg-space-20)}.site-search-field{margin:var(--mg-space-16) var(--mg-space-20) 0}.site-search-field input{font-size:var(--mg-fs-lg)}.site-search-scroll{padding:0 20px calc(24px + env(safe-area-inset-bottom))}.utility-results strong{font-size:var(--mg-fs-md)}.search-result-thumb{width:58px;height:58px}.utility-results>a{gap:var(--mg-space-6) var(--mg-space-16)}.contact-intro{padding:var(--mg-space-32) var(--mg-space-24) var(--mg-space-24)}.contact-channels{padding:0 24px calc(28px + env(safe-area-inset-bottom))}.contact-intro h2{font-size:var(--mg-fs-4xl)}.platform-header .wordmark{width:128px!important}.platform-header .header-account-slot{right:12px;top:calc(8px + env(safe-area-inset-top))}.platform-header .header-utility{right:60px;top:calc(8px + env(safe-area-inset-top))}
}
.account-island h2,.account-island h3{color:var(--panel-ink);font-family:inherit}.account-island .contact-channel{width:100%!important;height:auto!important;justify-content:flex-start!important;line-height:var(--mg-leading-body);text-align:left;letter-spacing:normal}.account-island .contact-channel>span{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;flex:1;min-width:0}.account-island .contact-channel>img,.account-island .contact-channel>svg{flex:0 0 38px}.account-island .contact-channel strong,.account-island .contact-channel small{line-height:var(--mg-leading-body)}
.platform-header .wordmark{transform:none!important;margin:0!important}.platform-menu-toggle{display:none}
.account-island .contact-channel.naver>img{background:#03c75a;padding:var(--mg-space-6)}.account-island .contact-channel.kakao>img{background:#fee500;padding:var(--mg-space-6)}
@media(max-width:1024px){
 .customer-platform-header{min-height:calc(64px + env(safe-area-inset-top));height:calc(64px + env(safe-area-inset-top))}
 .customer-platform-header .wordmark{left:20px!important;top:calc(10px + env(safe-area-inset-top));width:min(128px,calc(100vw - 182px))!important;height:44px}
 .customer-platform-header .wordmark img{width:100%;max-height:24px;object-fit:contain;object-position:left center}
 .customer-platform-header .header-utility{right:96px;top:calc(10px + env(safe-area-inset-top))}
 .customer-platform-header .header-account-slot{right:52px;top:calc(10px + env(safe-area-inset-top))}
 .customer-platform-header .platform-menu-toggle{position:absolute;right:8px;top:calc(10px + env(safe-area-inset-top));display:grid;place-items:center;width:44px;height:44px;padding:var(--mg-space-10);border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
 .platform-menu-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}.platform-menu-toggle:focus-visible{outline:2px solid var(--mg-focus-ring);outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){.header-account-slot,.header-utility,.site-loading-bar:after{transition:none}}

/* Keep account and menu controls independent of legacy page button/link rules. */
.account-profile{position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;overflow:hidden;border-radius:50%;background:var(--mg-paper-3);color:var(--mg-black-4);font:650 18px/1 var(--mg-font)}
.account-profile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.header-account-slot .account-profile{position:absolute;inset:6px;width:32px;height:32px;font-size:var(--mg-fs-sm)}
.header-account-slot:has(.account-profile)>svg{visibility:hidden}
.header-account-slot.is-signed-in::after{content:'';position:absolute;display:block;right:5px;bottom:5px;width:7px;height:7px;border:2px solid var(--mg-black-3);border-radius:50%;background:#a9c98c}

/* Customer palette: neutral surfaces and one brand accent. */
/* 문장군 붉은색 테마(2026-11-09): 붉은색은 --mg-red 한 곳에서만 정하고 모든 화면(견적 사이트 포함)이 이 값을 쓴다. #ca444d는 로고 도장(#bc1018)과 같은 진홍 계열에서 채도를 낮춰 눈이 덜 피로하게, 붉은 버튼 위 흰 글씨·흰 바탕 글씨 4.7:1, 검정 바탕 글씨 4.2:1로 맞춘 값. */
/* 문장군 브랜드 색 규격(2026-11-09): 검정 바탕·흰색·붉은색. 색 값은 여기 한 곳에서만 정하고 모든 화면이 이름으로 가져다 쓴다.
   붉은색은 쓰임새별 4톤(기본 · 진한=눌림 · 선=테두리·선택 링 · 연한=옅은 바탕), 검정 4단계(바탕 → 칸 → 한 단계 위 칸 → 카드), 회색 글씨, 흐린 글씨, 밝은 쪽 4단계(선 → 연한 칸 → 흰 글씨·밝은 바탕 → 흰색).
   견적 사이트 home-tone.css :root도 같은 값을 쓴다. */
:root{--mg-red:#ca444d;--mg-red-strong:color-mix(in srgb,var(--mg-red) 85%,var(--mg-black));--mg-red-line:color-mix(in srgb,var(--mg-red) 30%,transparent);--mg-red-soft:color-mix(in srgb,var(--mg-red) 10%,transparent);--mg-black:#0b0b0b;--mg-black-2:#121413;--mg-black-3:#181a19;--mg-black-4:#222423;--mg-gray:#6b6e6a;--mg-muted:#a6ada5;--mg-paper-3:#dededa;--mg-paper-2:#ebebe7;--mg-ink:#f4f4f0;--mg-white:#ffffff;--mg-accent:var(--mg-red);--mg-accent-solid:var(--mg-red);--mg-surface:var(--mg-black);--mg-header-visible-height:var(--chrome-visible);--panel-ink:var(--mg-ink);--panel-muted:var(--mg-muted);--panel-surface:var(--mg-surface);--panel-line:color-mix(in srgb,var(--mg-white) 13%,transparent)}
/* 디자인 규격(2026-11-09): 글자 크기 9단계(최소 12px)·굵기 5·줄 간격 4·간격 16·모서리 6+알약. 값은 여기서만 정하고 CSS는 이름만 쓴다. */
:root{--mg-fs-2xs:12px;--mg-fs-xs:13px;--mg-fs-sm:14px;--mg-fs-md:16px;--mg-fs-lg:18px;--mg-fs-xl:20px;--mg-fs-2xl:24px;--mg-fs-3xl:28px;--mg-fs-4xl:34px;--mg-weight-regular:400;--mg-weight-medium:500;--mg-weight-semibold:600;--mg-weight-bold:700;--mg-weight-heavy:800;--mg-leading-none:1;--mg-leading-tight:1.3;--mg-leading-snug:1.5;--mg-leading-body:1.7;--mg-space-2:2px;--mg-space-4:4px;--mg-space-6:6px;--mg-space-8:8px;--mg-space-10:10px;--mg-space-12:12px;--mg-space-16:16px;--mg-space-20:20px;--mg-space-24:24px;--mg-space-28:28px;--mg-space-32:32px;--mg-space-40:40px;--mg-space-48:48px;--mg-space-64:64px;--mg-space-80:80px;--mg-space-96:96px;--mg-radius-xs:2px;--mg-radius-sm:4px;--mg-radius-md:8px;--mg-radius-lg:12px;--mg-radius-xl:16px;--mg-radius-2xl:24px;--mg-radius-pill:999px}
/* 디자인 규격 3단계(2026-11-10): 그림자 3단계(1 살짝·2 떠 있음·3 창, 아래에서 올라오는 판은 -up, 옆에서 나오는 창은 -side)·움직임 속도 3(빠름 누르기·마우스, 보통 알림·작은 메뉴, 천천히 큰 판)·곡선 2·누름·초점 테두리·글꼴 1(프리텐다드, 사장님 "폰트는 모두다 프리텐다드로만"). 값은 여기서만 정하고 CSS는 이름만 쓴다. 견적 사이트 home-tone.css :root도 같은 값. */
:root{--mg-shadow-1:0 2px 8px color-mix(in srgb,var(--mg-black) 12%,transparent);--mg-shadow-2:0 8px 24px color-mix(in srgb,var(--mg-black) 16%,transparent);--mg-shadow-3:0 24px 64px color-mix(in srgb,var(--mg-black) 30%,transparent);--mg-shadow-2-up:0 -8px 24px color-mix(in srgb,var(--mg-black) 16%,transparent);--mg-shadow-3-up:0 -24px 64px color-mix(in srgb,var(--mg-black) 30%,transparent);--mg-shadow-3-side:-16px 0 64px color-mix(in srgb,var(--mg-black) 30%,transparent);--mg-dur-fast:180ms;--mg-dur-base:240ms;--mg-dur-slow:400ms;--mg-ease:cubic-bezier(.2,.7,.2,1);--mg-ease-big:cubic-bezier(.16,1,.3,1);--mg-press:scale(.97);--mg-focus-ring:var(--mg-red);--mg-font:MGText,Pretendard,"Pretendard Variable","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif}
.header-notifications{position:absolute;display:grid;place-items:center;right:64px;top:16px;width:44px;height:44px;padding:var(--mg-space-10);border:0!important;border-radius:50%;background:transparent!important;color:inherit!important;box-shadow:none!important;cursor:pointer;pointer-events:auto}
.header-notifications svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.header-notifications:hover{background:color-mix(in srgb,var(--mg-white) 7%,transparent)!important}.header-notifications:focus-visible{outline:2px solid var(--mg-focus-ring);outline-offset:2px}
.notification-badge{background:var(--mg-accent-solid);border-color:var(--mg-black)}
html .site-chrome .header-utility{right:108px}.platform-header .header-utility{right:110px}.platform-header .header-notifications{right:66px;top:28px}
.account-island.account-overview{--panel-surface:var(--mg-black);--panel-muted:var(--mg-muted)}.account-overview .account-overview-heading>span{color:var(--mg-accent)}
.account-profile{background:var(--mg-paper-2);color:var(--mg-black-3)}.header-account-slot.is-signed-in::after{background:var(--mg-accent);border-color:var(--mg-black)}
.account-island :focus-visible,.mobile-menu-dialog :focus-visible{outline-color:var(--mg-focus-ring)}
.search-suggestions mark,.utility-results mark,.utility-results small{color:var(--mg-accent)}
.search-source-note,.island-error{color:var(--mg-accent)}
.site-loading-bar{background:var(--mg-red-soft)}.site-loading-bar:after{background:var(--mg-accent-solid)}
.notification-center{border:0!important;border-radius:0!important;max-width:min(440px,100vw);box-shadow:var(--mg-shadow-3-side)!important}
.notification-tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--mg-space-24);flex:none;padding:var(--mg-space-4) var(--mg-space-24) 0;border-bottom:1px solid var(--panel-line)}
.notification-tabs button{min-height:52px;padding:var(--mg-space-10) 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--panel-muted)}
.notification-tabs button[aria-selected=true]{color:var(--mg-accent);border-bottom-color:var(--mg-accent);font-weight:var(--mg-weight-semibold)}
.notification-body{padding:0 var(--mg-space-24) var(--mg-space-28);min-height:0;overflow:auto;flex:1;overscroll-behavior:contain}
.notification-center .island-content{overflow:hidden}.notification-summary{display:flex;justify-content:space-between;align-items:center;min-height:64px;color:var(--mg-muted);font-size:var(--mg-fs-2xs)}
.notification-summary button{min-height:44px;padding:var(--mg-space-8) 0 var(--mg-space-8) var(--mg-space-16);border:0;background:transparent;color:var(--mg-accent);font-size:var(--mg-fs-2xs)}
.notification-item{display:flex;flex-direction:column;gap:var(--mg-space-10);min-height:88px;padding:var(--mg-space-20) 0;border-bottom:1px solid var(--panel-line);color:var(--panel-ink)!important}
.notification-item:hover strong{text-decoration:underline;text-underline-offset:4px}.notification-item strong{font-size:var(--mg-fs-sm);line-height:var(--mg-leading-body);font-weight:var(--mg-weight-medium);word-break:keep-all}.notification-item time{font-size:var(--mg-fs-2xs);color:var(--mg-muted)}
.notification-empty{padding:var(--mg-space-40) 0;color:var(--mg-muted);font-size:var(--mg-fs-xs);text-align:center}.notification-error{color:var(--mg-accent);font-size:var(--mg-fs-2xs)}.notification-pages{display:flex;align-items:center;justify-content:space-between;margin-top:var(--mg-space-24)}.notification-pages button{min-height:44px;padding:var(--mg-space-8) var(--mg-space-16);border:1px solid color-mix(in srgb,var(--mg-white) 15%,transparent);border-radius:var(--mg-radius-sm);background:none;color:inherit}.notification-pages button:disabled{opacity:.35}.notification-pages span{font-size:var(--mg-fs-2xs);color:var(--mg-muted)}
.notification-guest{padding:var(--mg-space-64) var(--mg-space-24);text-align:center}.notification-guest h2{font-size:var(--mg-fs-xl);line-height:var(--mg-leading-body)}.notification-guest p{color:var(--mg-muted);font-size:var(--mg-fs-xs)}.notification-guest button{min-height:48px;margin:var(--mg-space-24) auto;padding:var(--mg-space-10) var(--mg-space-28);border:0;border-radius:var(--mg-radius-sm);background:var(--mg-accent-solid);color:var(--mg-white);font-weight:var(--mg-weight-semibold)}
.customer-platform-header{position:sticky;top:0;z-index:100;transition:transform var(--mg-dur-base) var(--mg-ease),background-color var(--mg-dur-fast) var(--mg-ease)}
.customer-platform-header.is-scrolled{background:var(--mg-black);color:var(--mg-ink)}.customer-platform-header.is-scrolled .wordmark img{content:url('https://munjanggun.com/optimized/munjanggun-lockup-white-bfc15a5d247c-w1040.webp')}
html.chrome-hidden .customer-platform-header{transform:translateY(-100%);pointer-events:none}
@media(max-width:1024px){
 .account-island,.mobile-menu-dialog{inset:0!important;height:var(--panel-layout-height,100lvh)!important;max-height:var(--panel-layout-height,100lvh)!important;background:var(--mg-black)!important}
 .account-island>.island-content,.mobile-menu-dialog>.island-content{position:relative;top:var(--panel-viewport-top,0px);height:var(--panel-viewport-height,100dvh);max-height:var(--panel-viewport-height,100dvh);flex:0 0 auto;background:var(--mg-black)}
 html .site-chrome .header-account-slot,.customer-platform-header .header-account-slot{display:none!important}
 html .site-chrome .header-utility,.customer-platform-header .header-utility{right:96px;top:calc(10px + env(safe-area-inset-top))}
 .site-chrome .header-notifications,.customer-platform-header .header-notifications{right:52px;top:calc(10px + env(safe-area-inset-top))}
 .account-island::backdrop,.mobile-menu-dialog::backdrop{background:var(--mg-black)!important}
}
@media(prefers-reduced-motion:reduce){.customer-platform-header{transition:none}}

:root:has(.customer-platform-header){--chrome-height:100px}
@media(max-width:1024px){:root:has(.customer-platform-header){--chrome-height:calc(64px + env(safe-area-inset-top))}}

@media(min-width:1025px){.account-island,.mobile-menu-dialog{border:0!important;border-radius:0!important;max-width:100vw!important;box-shadow:var(--mg-shadow-3-side)!important}}

.apply-page .customer-platform-header{color:var(--mg-ink)}

.search-more{border-color:var(--mg-accent);color:var(--mg-accent)}

.search-suggestions svg{color:var(--mg-muted)}.platform-menu-toggle:focus-visible{outline-color:var(--mg-focus-ring)}.notification-summary button:disabled{opacity:.5;cursor:wait}

@media(max-width:1024px){.apply-page .platform-header{height:calc(64px + env(safe-area-inset-top));min-height:calc(64px + env(safe-area-inset-top))}}
/* 디자인 규격 3단계 반응(2026-11-10): 맨 위 바·떠 있는 버튼. 마우스를 올리면 0.18초로 부드럽게, 누르면 살짝 작아진다(--mg-press).
   휴대폰 메뉴·로그인 칸은 다른 규칙의 transform:none!important에 눌림이 덮여 있어 같은 무게로 다시 연다. */
.header-notifications,.header-utility,.header-account-slot,.site-chrome .mobile-menu-toggle,.platform-menu-toggle{transition:background-color var(--mg-dur-fast) var(--mg-ease),transform var(--mg-dur-fast) var(--mg-ease)}
html .site-chrome .header-section-label,.platform-header .header-section-label{transition:opacity var(--mg-dur-fast) var(--mg-ease),transform var(--mg-dur-fast) var(--mg-ease)}
.header-notifications:active,.header-utility:active,.platform-menu-toggle:active,html .site-chrome .header-account-slot:active,html .site-chrome .mobile-menu-toggle:active,html .site-chrome .header-section-label:active{transform:var(--mg-press)!important}
html .site-chrome .brand-lockup{transition:opacity var(--mg-dur-fast) var(--mg-ease),transform var(--mg-dur-fast) var(--mg-ease)}
html .site-chrome .brand-lockup:hover{opacity:.8!important}
html .site-chrome .brand-lockup:active{transform:var(--mg-press)!important}
.platform-header .wordmark{transition:opacity var(--mg-dur-fast) var(--mg-ease)}
.platform-header .wordmark:hover{opacity:.8}
.floating-button:hover{transform:translateY(-2px);box-shadow:var(--mg-shadow-3),inset 0 1px 0 color-mix(in srgb,var(--mg-white) 13%,transparent)}
.floating-button:active{transform:var(--mg-press)}
@media(prefers-reduced-motion:reduce){.floating-button:hover{transform:none}}
/* 바탕 반응(2026-11-10): 자기 규칙이 없는 버튼·링크만 받는다(:where 무게 0이라 화면별 규칙이 항상 이김).
   색·바탕·테두리·그림자는 0.18초로 부드럽게, 누르면 살짝 작아짐(글 속 줄 링크는 작아지지 않음). */
:where(a[href],button,[role=button],summary,label[for]){transition:color var(--mg-dur-fast) var(--mg-ease),background-color var(--mg-dur-fast) var(--mg-ease),border-color var(--mg-dur-fast) var(--mg-ease),box-shadow var(--mg-dur-fast) var(--mg-ease),opacity var(--mg-dur-fast) var(--mg-ease),transform var(--mg-dur-fast) var(--mg-ease)}
:where(a[href],button:not(:disabled),[role=button],summary):active{transform:var(--mg-press)}
:where(button,[role=button],a[href],summary,input,select,textarea):focus-visible{outline:2px solid var(--mg-focus-ring);outline-offset:2px}
.login-option:not(:disabled):hover{filter:brightness(.96)}
@media(prefers-reduced-motion:reduce){:where(a[href],button,[role=button],summary,label[for]){transition:none}:where(a[href],button,[role=button],summary):active{transform:none}}
/* 글꼴은 프리텐다드 하나(2026-11-10 사장님): 옛 워드프레스 화면 본문(Noto Sans KR)까지 같은 글꼴로 */
html body{font-family:var(--mg-font)}
.platform-header .wordmark:active{transform:var(--mg-press)!important}
/* 옛 워드프레스 화면(홈·제품·소식·라이브)의 글 상자도 프리텐다드(2026-11-10): 그 화면 규칙이 Poppins·Noto Sans KR을 직접 적어 두어 덮는다. 아이콘 글꼴(ETmodules)은 그대로. */
html body #page-container *:not(.et-pb-icon):not(.et_pb_font_icon):not([data-icon]){font-family:var(--mg-font)!important}
html body #page-container .et-pb-icon::after{font-family:var(--mg-font)!important}