/* ========================================================================
   XTRM 통합 custom.css | 2026-10-21
   운영 서버: neweiki /www/theme/eb4_busi_036/css/custom.css
   두 도메인 공통: xtrmas.co.kr(블루), xtrmasteam.co.kr(오렌지)

   원본 파일 기반의 정리본입니다. 기존 적용 순서를 유지하며,
   완전히 중복된 AS TEAM 로고 표시 규칙 2개만 제거했습니다.
   정상 작동하는 메뉴 / 모션 / 최신글 / 상담 / 게시판 CSS 유지.
   ======================================================================== */

/* 01. 공통 로고 / 푸터 / 메뉴 */
.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}}

/* 02. 도메인별 헤더 팔레트와 PC·모바일 메뉴 */
.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;
}

.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);
 }
}

/* 03. 이윰 테마 환경설정 패널만 숨김 (관리자 EB 편집 유지) */
.sidebar-right-wrap:has(> .sidebar-right#offcanvasRight) > .sidebar-admset-trigger,
.sidebar-right-wrap > #offcanvasRight,
#offcanvasRight.sidebar-right,
#offcanvasRightLabel { display:none !important; }

/* 04. 후기 카드 호버 및 X자 커서 */
.xtrm-v3 .eblatest[class*="xrev-"] .xrev-track,
.eblatest[class*="xrev-"] .xrev-track {
  padding-top: 12px !important;
  padding-bottom: 18px !important;
}

.eblatest[class*="xrev-"] .xrev-viewport {
  padding-top: 2px;
}

@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; }

  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;
  }
}

/* 05. 모바일 햄버거 3줄 아이콘 */
@media (max-width: 991.98px) {
  #navToggle > span {
    display: inline-block !important;
    box-sizing: border-box !important;
    width: 28px !important;
    height: 24px !important;
    min-width: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image:
      linear-gradient(#fff, #fff),
      linear-gradient(#fff, #fff),
      linear-gradient(#fff, #fff) !important;
    background-size: 26px 2px, 26px 2px, 26px 2px !important;
    background-position: center 3px, center 11px, center 19px !important;
    background-repeat: no-repeat !important;
  }
  #navToggle > span > img { display: none !important; }
}

/* 06. AS TEAM 기존 SVG 로고 대체 / 신규 PNG 로고 노출 */
.wrapper[data-xtrm-site="team"] .header-logo > a::before,
.wrapper[data-xtrm-site="team"] .header-logo > a::after {
    content: none !important;
    display: none !important;
    background-image: none !important;
}

.wrapper[data-xtrm-site="team"] .header-logo > a {
    background: none !important;
    background-image: none !important;
}

.wrapper[data-xtrm-site="team"] .header-logo > a > img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

.wrapper[data-xtrm-site="team"] .footer-logo > a {
    background-image: url('../image/extrm_logo_02.png?v=20261021_03') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

/* 07. AS TEAM 서브페이지 다크 배경 (게시판은 아래에서 흰색으로 복원) */
.wrapper[data-xtrm-site="team"],
.wrapper[data-xtrm-site="team"] .basic-body,
.wrapper[data-xtrm-site="team"] #mainContent,
.wrapper[data-xtrm-site="team"] #content,
.wrapper[data-xtrm-site="team"] .sub-contents,
.wrapper[data-xtrm-site="team"] .page-content,
.wrapper[data-xtrm-site="team"] .page-wrap,
.wrapper[data-xtrm-site="team"] .page-body {
    background: #141214 !important;
}

.wrapper[data-xtrm-site="team"] .sub-breadcrumb,
.wrapper[data-xtrm-site="team"] .sub-breadcrumb-wrap,
.wrapper[data-xtrm-site="team"] .page-title-wrap,
.wrapper[data-xtrm-site="team"] .page-title,
.wrapper[data-xtrm-site="team"] .page-title-nav,
.wrapper[data-xtrm-site="team"] .sub-page-title {
    background: #efefef !important;
}

.wrapper[data-xtrm-site="team"] .xtrm-overview-page,
.wrapper[data-xtrm-site="team"] .xtrm-overview-page section,
.wrapper[data-xtrm-site="team"] .xtrm-overview-page + section,
.wrapper[data-xtrm-site="team"] .xtrm-overview-page::before,
.wrapper[data-xtrm-site="team"] .xtrm-overview-page::after {
    background-color: transparent;
}

.wrapper[data-xtrm-site="team"] .sub-contents {
    padding-top: 0 !important;
}

.wrapper[data-xtrm-site="team"] .footer {
    margin-top: 0 !important;
    background: #17181c !important;
}

.wrapper[data-xtrm-site="team"] .xtrm-overview-contact,
.wrapper[data-xtrm-site="team"] .xtrm-overview-cta,
.wrapper[data-xtrm-site="team"] .xtrm-overview-end {
    margin-bottom: 0 !important;
    padding-bottom: 80px !important;
    background:
        linear-gradient(90deg, rgba(255,136,59,.12) 0%, rgba(20,18,20,0) 22%, rgba(20,18,20,0) 100%),
        linear-gradient(180deg, #24160f 0%, #17181c 100%) !important;
}
.wrapper[data-xtrm-site="team"] .page-content-wrap,
.wrapper[data-xtrm-site="team"] .container-bg,
.wrapper[data-xtrm-site="team"] .content-wrapper,
.wrapper[data-xtrm-site="team"] .sub-layout {
    background: #141214 !important;
}

/* 08. A/S 사이트 회사소개·오시는 길 배경 */
.wrapper[data-xtrm-site="service"]:has(.xo-about) .sub-basic-body,
.wrapper[data-xtrm-site="service"]:has(.xo-about) .basic-body-main,
.wrapper[data-xtrm-site="service"]:has(.xo-about) .sub-basic-body > .container,
.wrapper[data-xtrm-site="service"]:has(.xo-about) .sub-basic-body > .container > .row,
.wrapper[data-xtrm-site="service"]:has(.xtrm-contact-v2) .sub-basic-body,
.wrapper[data-xtrm-site="service"]:has(.xtrm-contact-v2) .basic-body-main,
.wrapper[data-xtrm-site="service"]:has(.xtrm-contact-v2) .sub-basic-body > .container,
.wrapper[data-xtrm-site="service"]:has(.xtrm-contact-v2) .sub-basic-body > .container > .row {
  background-color: #081622 !important;
}

.wrapper[data-xtrm-site="service"]:has(.xo-about) .wrapper-inner,
.wrapper[data-xtrm-site="service"]:has(.xtrm-contact-v2) .wrapper-inner {
  background-color: #081622;
}

/* 09. PC 메인 공지사항 위치 */
@media (min-width: 992px) {
  .xtrm-v3 .xm-eb-main > .xtrm-notice-v5 {
    top: 152px !important;
    z-index: 150 !important;
  }
}

/* 10. 상담 팝업 열림 시 퀵도크 숨김 */
body.xm-v6-modal-open #xtrmQuickDock,
body.modal-open #xtrmQuickDock,
body:has(#xmConsultDialog:not([hidden])) #xtrmQuickDock {
    display: none !important;
}

/* 11. 게시판 상세보기 본문을 하나의 흰색 문서 영역으로 표시 */
.wrapper[data-xtrm-site="service"] .board-view #board_view_con,
.wrapper[data-xtrm-site="team"] .board-view #board_view_con {
    box-sizing: border-box !important;
    display: flow-root;
    width: 100% !important;
    max-width: 100% !important;
    margin: 20px 0 30px !important;
    padding: clamp(18px, 2.7vw, 36px) !important;
    background: #ffffff !important;
    color: #202935 !important;
    border: 1px solid #e4eaf0;
    border-radius: 12px;
    overflow-wrap: anywhere;
    word-break: normal;
    line-height: 1.85;
    box-shadow: 0 12px 32px rgba(0,0,0,.12);
}

.wrapper[data-xtrm-site] .board-view #board_view_con p,
.wrapper[data-xtrm-site] .board-view #board_view_con div,
.wrapper[data-xtrm-site] .board-view #board_view_con h1,
.wrapper[data-xtrm-site] .board-view #board_view_con h2,
.wrapper[data-xtrm-site] .board-view #board_view_con h3,
.wrapper[data-xtrm-site] .board-view #board_view_con h4,
.wrapper[data-xtrm-site] .board-view #board_view_con li {
    max-width: 100%;
    overflow-wrap: anywhere;
}
.wrapper[data-xtrm-site] .board-view #board_view_con img,
.wrapper[data-xtrm-site] .board-view #board_view_con video,
.wrapper[data-xtrm-site] .board-view #board_view_con iframe {
    max-width: 100% !important;
    height: auto;
}

.wrapper[data-xtrm-site] .board-view #board_view_con > p,
.wrapper[data-xtrm-site] .board-view #board_view_con > div,
.wrapper[data-xtrm-site] .board-view #board_view_con > ul,
.wrapper[data-xtrm-site] .board-view #board_view_con > ol {
    color: #202935;
}

.wrapper[data-xtrm-site] .board-view .board-view-subj,
.wrapper[data-xtrm-site] .board-view .board-view-subj strong {
    color: #f3f7fb !important;
}
.wrapper[data-xtrm-site] .board-view .board-view-subj .text-gray {
    color: #a7b7c8 !important;
}
.wrapper[data-xtrm-site] .board-view .board-view-star,
.wrapper[data-xtrm-site] .board-view .board-view-star .star-ratings-view li span {
    color: #d5e0ea;
}

@media (max-width: 767.98px) {
    .wrapper[data-xtrm-site] .board-view #board_view_con {
        margin: 14px 0 24px !important;
        padding: 18px 15px !important;
        border-radius: 9px;
        font-size: 15px;
        line-height: 1.85;
    }
    .wrapper[data-xtrm-site] .board-view #board_view_con table {
        max-width: 100%;
    }
}

/* 12. AS TEAM 게시판만 A/S 사이트와 같은 밝은 배경으로 복원 */
.wrapper[data-xtrm-site="team"]:has(.board-list, .board-view, .board-write),
.wrapper[data-xtrm-site="team"]:has(.board-list, .board-view, .board-write) .wrapper-inner,
.wrapper[data-xtrm-site="team"]:has(.board-list, .board-view, .board-write) .basic-body,
.wrapper[data-xtrm-site="team"]:has(.board-list, .board-view, .board-write) #mainContent,
.wrapper[data-xtrm-site="team"]:has(.board-list, .board-view, .board-write) .sub-basic-body,
.wrapper[data-xtrm-site="team"]:has(.board-list, .board-view, .board-write) .basic-body-main,
.wrapper[data-xtrm-site="team"]:has(.board-list, .board-view, .board-write) .sub-basic-body > .container,
.wrapper[data-xtrm-site="team"]:has(.board-list, .board-view, .board-write) .sub-basic-body > .container > .row {
  background: #ffffff !important;
  background-image: none !important;
  color: #30353d !important;
}

.wrapper[data-xtrm-site="team"] .board-list,
.wrapper[data-xtrm-site="team"] .board-view,
.wrapper[data-xtrm-site="team"] .board-write {
  color: #30353d !important;
}
.wrapper[data-xtrm-site="team"] .board-list .bl-list,
.wrapper[data-xtrm-site="team"] .board-list .bl-mobile {
  background-color: #ffffff;
  color: #333940 !important;
}
.wrapper[data-xtrm-site="team"] .board-list .bl-list.bl-notice,
.wrapper[data-xtrm-site="team"] .board-list .bl-mobile.bl-notice {
  background-color: #fff8ec;
}
.wrapper[data-xtrm-site="team"] .board-list .bl-list .bl-subj a,
.wrapper[data-xtrm-site="team"] .board-list .bl-list .bl-author,
.wrapper[data-xtrm-site="team"] .board-list .board-info,
.wrapper[data-xtrm-site="team"] .board-list .bl-list .bl-item,
.wrapper[data-xtrm-site="team"] .board-list .board-category a,
.wrapper[data-xtrm-site="team"] .board-list .bl-mobile .bl-subj a {
  color: #30353d !important;
}
.wrapper[data-xtrm-site="team"] .board-list .bl-head,
.wrapper[data-xtrm-site="team"] .board-list .bl-head .bl-item,
.wrapper[data-xtrm-site="team"] .board-list .bl-head .bl-subj {
  color: #30353d !important;
  background-color: #f2f2f2;
}

.wrapper[data-xtrm-site="team"] .board-view .board-view-subj,
.wrapper[data-xtrm-site="team"] .board-view .board-view-subj strong,
.wrapper[data-xtrm-site="team"] .board-view .board-view-subj .text-gray,
.wrapper[data-xtrm-site="team"] .board-view .board-view-star,
.wrapper[data-xtrm-site="team"] .board-view .board-view-star .star-ratings-view li span,
.wrapper[data-xtrm-site="team"] .board-view .board-view-info,
.wrapper[data-xtrm-site="team"] .board-view .board-view-info a,
.wrapper[data-xtrm-site="team"] .board-view .view-nick,
.wrapper[data-xtrm-site="team"] .board-view .view-nick a {
  color: #30353d !important;
}
.wrapper[data-xtrm-site="team"] .board-view .board-view-info {
  background: #fafafa !important;
}

.wrapper[data-xtrm-site="team"] .board-view .rating-selected,
.wrapper[data-xtrm-site="team"] .board-list .rating-selected {
  color: #ab0000 !important;
}

.wrapper[data-xtrm-site="team"] .board-view #board_view_con {
  background: #fff !important;
  color: #202935 !important;
}
.wrapper[data-xtrm-site="team"] .board-write label,
.wrapper[data-xtrm-site="team"] .board-write .board-write-title {
  color: #30353d !important;
}
@media (max-width: 767.98px) {
  .wrapper[data-xtrm-site="team"] .board-list,
  .wrapper[data-xtrm-site="team"] .board-view,
  .wrapper[data-xtrm-site="team"] .board-write {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}
/* XTRM AS 게시판 상세 제목 색상 수정 */
.wrapper[data-xtrm-site="service"] .board-view .board-view-subj,
.wrapper[data-xtrm-site="service"] .board-view .board-view-subj strong {
    color: #222222 !important;
}