/* 통합 미리보기 공통 상단 바. 각 사이트의 CSS와 부딪히지 않도록 gx- 접두사만 쓴다. */
@font-face{font-family:GxPretendard;src:url(/assets/PretendardVariable.woff2);font-weight:100 900;font-display:swap}
.gx-shell,.gx-shell *{box-sizing:border-box;margin:0;padding:0;font-family:GxPretendard,Pretendard,-apple-system,sans-serif;letter-spacing:normal;text-transform:none}
.gx-shell{position:relative;z-index:1000;background:#fff}
.gx-preview{display:block;background:#534aa5;color:#fff;font-size:13px;line-height:1.5;text-align:center;padding:8px 16px}
.gx-preview a{color:#fff;text-decoration:underline}
.gx-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 4vw;border-bottom:1px solid #e6e3eb;background:#fff}
.gx-logo{display:flex;align-items:center;gap:12px;color:#24212c;text-decoration:none;flex-shrink:0}
.gx-logo img{width:31px;height:36px;object-fit:contain;display:block}
.gx-logo b{display:block;font-size:23px;font-weight:650;letter-spacing:-.7px;line-height:1}
.gx-logo small{display:block;font-size:11px;font-weight:500;letter-spacing:2px;margin-top:7px;color:#534aa5;line-height:1}
.gx-nav{display:flex;align-items:center;gap:26px;font-size:14px;line-height:1.4}
.gx-nav a{color:#24212c;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap}
.gx-nav a:hover,.gx-nav a[aria-current=page]{color:#534aa5;border-bottom-color:#534aa5}
.gx-nav a.gx-me{border:1px solid #e6e3eb;border-radius:8px;padding:7px 14px}
.gx-nav a.gx-me[aria-current=page]{border-color:#534aa5}
.gx-nav a:focus-visible,.gx-logo:focus-visible{outline:3px solid #9880ff;outline-offset:4px}
.gx-sub{display:inline-block;font-size:13px;font-weight:700;color:#534aa5;letter-spacing:.5px;white-space:nowrap}
@media(max-width:900px){
  .gx-bar{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px 0}
  .gx-logo b{font-size:20px}
  .gx-nav{width:100%;overflow-x:auto;gap:20px;padding-bottom:8px;-webkit-overflow-scrolling:touch}
}

/* 각 사이트의 원래 헤더는 그 섹션의 보조 메뉴로 쓴다 */
html[data-gx=academy] body>header .logo{display:none}
html[data-gx=academy] body>header{padding-top:12px;padding-bottom:12px;justify-content:flex-start;gap:30px}
html[data-gx=diary] .site-header .brand-lockup{display:none}
html[data-gx=diary] .site-header{height:62px}
html[data-gx=diary] .site-header .gx-sub{margin-right:28px}

/* 공개 사이트 추가분 */
.gx-logo{flex-direction:column;align-items:flex-start;gap:6px}
.gx-logo img.gx-wordmark{width:188px;height:auto;object-fit:contain}
.gx-logo small{margin-top:0;padding-left:44px;color:#534aa5}
@media(max-width:900px){.gx-logo img.gx-wordmark{width:160px}.gx-logo small{padding-left:37px}}