@charset "utf-8";

/* 가이드 페이지 전체 - 흰색 배경 */
.guideWrap { background: #fff; min-height: 100vh; color: #212529; }


.guideHeader { width: 100%; height: 64px; border-bottom: 1px solid #e8e8ec; padding: 0 24px; display: flex; align-items: center; background: #fff; }
.guideHeader .guideHeaderInner { width: 100%; max-width: 100%; display: flex; justify-content: space-between; align-items: center; }
.guideHeader .guideHeaderInner .guideLogo { display: flex;align-items: center;gap: var(--Spacing-SM, 8px);}
.guideHeader .guideHeaderInner .guideLogo  .guideLogoSub { color: var(--Semantic-Black, #000);font-size: 24px;font-weight: 400;line-height: 100%;}
.guideHeader .guideHeaderInner .guideLogo  .guideLogoLine {display: block; width: 1px; height: 16px; background: #E4E4E7;}
.guideHeader .guideHeaderInner .guideLogo  .guideVersion { color: #75798A; font-size: 16px;font-weight: 400;line-height: 160%;  }

.guideHeader .guideHeaderInner .guideHeaderRight { display: flex; align-items: center; gap: 16px; }
.guideHeader .guideHeaderInner .guideHeaderRight .guideSearchWrap { display: none; gap: 8px; align-items: center; border: 0px; border-radius: 8px; height: 38px; padding: 0 16px; background: #F1F3F5; }
.guideHeader .guideHeaderInner .guideHeaderRight .guideSearchIcon { width: 14px;height: 14px;flex-shrink: 0; }
.guideHeader .guideHeaderInner .guideHeaderRight .guideSearchInput { border: none; background: transparent; width: 180px; font-size: 14px; color: #212529; }
.guideHeader .guideHeaderInner .guideHeaderRight .guideSearchInput::placeholder { color: #868E96; }
.guideHeader .guideHeaderInner .guideHeaderRight .guideHomepageLink { font-size: 16px; color: #868E96; font-weight: 500; display: flex;padding: 3px 2px;align-items: center;gap: var(--Spacing-XS, 4px);}
.guideHeader .guideHeaderInner .guideHeaderRight .guideLinkIcon { display: inline-block; width: 16px;height: 16px;aspect-ratio: 1/1; background: url("../../images/i_link.svg") no-repeat center; }

/* 바디: 사이드바 + 메인 */
.guideBody { display: flex; width: 100%; min-height: calc(100vh - 64px); }
.guideBody * { box-sizing: border-box; }

/* 사이드바 */
.guideSidebar { width: 240px; flex-shrink: 0; border-right: 1px solid var(--Neutral-200, #E9ECEF);background: var(--White, #FFF); padding: var(--Spacing-MD, 16px); }
.guideSidebar .guideNavList {}
.guideSidebar .guideNavList .guideNavItem {display: flex; flex-direction: column;align-items: flex-start; gap: 4px; width: 100%;}
.guideSidebar .guideNavList .guideNavItem.open .guideNavTrigger svg { transform: rotate(90deg); }
.guideSidebar .guideNavList .guideNavItem.open .guideNavSub { width: 100%; display: block; }

.guideSidebar .guideNavList .guideNavItem .guideNavTrigger { width: 100%; display: flex; justify-content: space-between; padding: var(--Spacing-SM, 8px) var(--Spacing-MD, 16px); cursor: pointer; align-items: center;align-self: stretch;}
.guideSidebar .guideNavList .guideNavItem .guideNavTrigger p { color: var(--Semantic-Black, #000);font-size: 16px;font-weight: 500;line-height: 160%;}
.guideSidebar .guideNavList .guideNavItem .guideNavTrigger svg {}

.guideSidebar .guideNavList .guideNavItem .guideNavSub { list-style: none; padding: 0; margin: 0; display: none; padding-left: var(--Spacing-SM, 8px);}
.guideSidebar .guideNavList .guideNavItem .guideNavSubItem { padding: 0; }
.guideSidebar .guideNavList .guideNavItem .guideNavSubItem.active a {border-radius: var(--Radius-MD, 8px);background: var(--Primary-50, #F2F1FD); color: var(--Primary-500, #6C5CE7);}
.guideSidebar .guideNavList .guideNavItem .guideNavSubItem a { display: flex; user-select: none; width: 100%; padding: var(--Spacing-SM, 8px) var(--Spacing-MD, 16px); align-items: center; color: var(--Neutral-700, #495057);font-size: 14px;font-weight: 500;line-height: 160%;}


/* 메인 */
.guideMain { flex: 1; overflow: auto; background: var(--Neutral-50, #F8F9FA); padding: 32px 40px 48px; }