
/* XTRM two-domain brand menu and service center footer */
.header-logo .xtrm-brand-wordmark {font-weight:900;letter-spacing:-.045em;font-size:clamp(17px,1.75vw,24px);white-space:nowrap;color:#12335c}
.footer-logo .xtrm-brand-wordmark {font-weight:900;letter-spacing:-.03em;font-size:23px;color:#fff}
.footer .footer-info-content address {font-style:normal;line-height:1.9}
.gnb-nav > li > a {white-space:nowrap}
@media(max-width:1200px){.header-logo .xtrm-brand-wordmark{font-size:17px}}


/* 추가내용 */
/* ========================================================
 XTRM SAFE DARK HEADER - CSS ONLY - 2026-10-21
 Append at END of the CURRENT custom.css. Do not replace head.html.php.
 Requires the existing wrapper data-xtrm-site value (service/team).
 All rules are limited to site header, header background, and mobile nav.
 ======================================================== */
.wrapper[data-xtrm-site="service"] {
  --xdh-bg:#08111c;
  --xdh-second:#102236;
  --xdh-text:#f4f8ff;
  --xdh-muted:#ccd7e2;
  --xdh-accent:#53caff;
  --xdh-rgb:83,202,255;
}
.wrapper[data-xtrm-site="team"] {
  --xdh-bg:#141214;
  --xdh-second:#221b19;
  --xdh-text:#faf8f5;
  --xdh-muted:#d3c8c1;
  --xdh-accent:#ff883b;
  --xdh-rgb:255,136,59;
}
/* Only header logo/menus/icons, not slider or homepage content. */
.wrapper[data-xtrm-site] .header .header-logo .xtrm-brand-wordmark {
 color:var(--xdh-text)!important;
}
.wrapper[data-xtrm-site="service"] .header .header-logo > a > img {
 filter:brightness(0) invert(1);
}
.wrapper[data-xtrm-site] .header .top-bar .top-bar-list li img {
 filter:brightness(0) invert(1);
 opacity:.92;
}
.wrapper[data-xtrm-site] .header .top-bar .top-bar-list li:hover img {
 opacity:1;
}
@media (min-width:992px) {
 .wrapper[data-xtrm-site] .gnb-bg {
   background:linear-gradient(145deg,var(--xdh-bg),var(--xdh-second))!important;
 }
 .wrapper[data-xtrm-site] .gnb-bg::after {
   background:var(--xdh-bg)!important;
   border-bottom:1px solid rgba(var(--xdh-rgb),.25);
   box-shadow:0 5px 20px rgba(0,0,0,.24)!important;
 }
 .wrapper[data-xtrm-site] .header {
   background:transparent!important;
 }
 .wrapper[data-xtrm-site] .header .gnb-wrap .gnb .gnb-nav > li > a {
   color:var(--xdh-text)!important;
 }
 .wrapper[data-xtrm-site] .header .gnb-wrap .gnb .gnb-nav > li:hover > a,
 .wrapper[data-xtrm-site] .header .gnb-wrap .gnb .gnb-nav > li.active > a {
   color:var(--xdh-accent)!important;
 }
 .wrapper[data-xtrm-site] .header .gnb-wrap .gnb .gnb-nav > li > .gnb-dep-2::after {
   background:var(--xdh-accent)!important;
 }
 .wrapper[data-xtrm-site] .header .gnb-wrap .gnb .gnb-nav > li > ul > li > a,
 .wrapper[data-xtrm-site] .header .gnb-wrap .gnb .gnb-nav > li > ul > li > ul > li > a {
   color:var(--xdh-muted)!important;
 }
 .wrapper[data-xtrm-site] .header .gnb-wrap .gnb .gnb-nav > li > ul > li > a:hover,
 .wrapper[data-xtrm-site] .header .gnb-wrap .gnb .gnb-nav > li > ul > li.active > a {
   color:var(--xdh-accent)!important;
 }
}
@media (max-width:991px) {
 .wrapper[data-xtrm-site] .header {
   background:var(--xdh-bg)!important;
   border-bottom:1px solid rgba(var(--xdh-rgb),.28);
 }
 .wrapper[data-xtrm-site] .header .gnb-wrap .gnb {
   background:var(--xdh-bg)!important;
 }
 .wrapper[data-xtrm-site] .header .gnb-wrap .gnb .gnb-nav > li > a,
 .wrapper[data-xtrm-site] .header .gnb-wrap .gnb .mobile-box .login-box a {
   color:var(--xdh-text)!important;
 }
 .wrapper[data-xtrm-site] .header .gnb-wrap .gnb .gnb-nav > li.active > a,
 .wrapper[data-xtrm-site] .header .gnb-wrap .gnb .gnb-nav > li > a:hover {
   color:var(--xdh-accent)!important;
 }
 .wrapper[data-xtrm-site] .header .gnb-wrap .gnb .gnb-nav > li > ul {
   background:var(--xdh-second)!important;
 }
 .wrapper[data-xtrm-site] .header .gnb-wrap .gnb .gnb-nav > li > ul > li > a {
   color:var(--xdh-muted)!important;
 }
 .wrapper[data-xtrm-site] .header .gnb-wrap .gnb .mobile-box .search-box input[type="text"] {
   color:var(--xdh-text)!important;
   border-bottom-color:var(--xdh-accent)!important;
 }
 .wrapper[data-xtrm-site] .header .gnb-wrap .gnb .mobile-box .mobile-nav-trigger img {
   filter:brightness(0) invert(1);
 }
}
/* XTRM only - disable theme-layout settings flyout, not EB item edit buttons */
/* Place at END of /www/theme/eb4_busi_036/css/custom.css */
.sidebar-right-wrap:has(> .sidebar-right#offcanvasRight) > .sidebar-admset-trigger,
.sidebar-right-wrap > #offcanvasRight,
#offcanvasRight.sidebar-right,
#offcanvasRightLabel { display:none !important; }
/* If bootstrap's offcanvas backdrop remains from a pre-opened panel,
   closing the existing pane and reloading once prevents a stale backdrop. */
/* XTRM 2026-10-21: EB latest review card hover clipping + X cursor.
   Add to END of /www/theme/eb4_busi_036/css/custom.css.
   Do not replace the existing file. */

/* Review card lifts by 3px on hover: provide top breathing room in track. */
.xtrm-v3 .eblatest[class*="xrev-"] .xrev-track,
.eblatest[class*="xrev-"] .xrev-track {
  padding-top: 12px !important;
  padding-bottom: 18px !important;
}
/* Prevent the track's focused cards from being visibly sliced at viewport edge. */
.eblatest[class*="xrev-"] .xrev-viewport {
  padding-top: 2px;
}

/* Restore X-shaped site cursor on desktop without touching Eyoom admin markup. */
@media (min-width: 992px) {
  body #cursor {
    width: 20px !important;
    height: 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    pointer-events: none !important;
    z-index: 1002 !important;
    filter: drop-shadow(0 0 5px rgba(83,202,255,.5));
  }
  body #cursor::before,
  body #cursor::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: 9px !important;
    top: -2px !important;
    width: 2px !important;
    height: 24px !important;
    background: #53caff !important;
    border: 0 !important;
    border-radius: 1px !important;
    transform-origin: center center !important;
  }
  body #cursor::before { transform: rotate(45deg) !important; }
  body #cursor::after  { transform: rotate(-45deg) !important; }
  /* AS Team adopts original orange accent. */
  body:has(.xtrm-v3--team) #cursor {
    filter: drop-shadow(0 0 5px rgba(255,136,59,.55));
  }
  body:has(.xtrm-v3--team) #cursor::before,
  body:has(.xtrm-v3--team) #cursor::after {
    background: #ff883b !important;
  }
}
