@charset "UTF-8";
/* auisoft.net의 헤더 규격을 공유합니다. 제품 셀 및 문서 본문에는 reset을 적용하지 않습니다. */
.auisoft-site-header {
    position: sticky; top: 0; z-index: 60; margin: 0; border-bottom: 1px solid #dde6ef;
    background: rgba(255, 255, 255, .92); backdrop-filter: blur(8px); color: #1c2733;
    font: 16px/1.6 "Pretendard Variable", Pretendard, -apple-system, "Segoe UI", "Malgun Gothic", sans-serif;
    letter-spacing: normal; word-break: keep-all;
}
.auisoft-site-header, .auisoft-site-header * { box-sizing: border-box; }
.auisoft-site-header .auisoft-site-header__inner { max-width: 1600px; margin: 0 auto; padding: 0 24px; height: 68px; display: flex; align-items: center; gap: 24px; }
.auisoft-site-header a { color: inherit; text-decoration: none; }
.auisoft-site-header .auisoft-brand, .auisoft-site-header #logo-bar.auisoft-brand { display: flex; align-items: center; gap: 12px; flex-shrink: 0; margin: 0; padding: 0; float: none; }
.auisoft-site-header .auisoft-brand__mark { width: 40px; height: 40px; border-radius: 9px; background: #222729; display: grid; grid-template-columns: 1fr 1fr; gap: 5px; padding: 6px; }
.auisoft-site-header .auisoft-brand__mark span { background: #fff; border-radius: 1px; }
.auisoft-site-header .auisoft-brand__mark span:nth-child(2), .auisoft-site-header .auisoft-brand__mark span:nth-child(3) { background: #a7a9a9; }
.auisoft-site-header .auisoft-brand__name { display: flex; flex-direction: column; gap: 2px; font-size: 24px; font-weight: 800; line-height: 1.05; letter-spacing: -.3px; }
.auisoft-site-header .auisoft-brand__name small { font-size: 14px; font-weight: 600; color: #5a6878; letter-spacing: .01em; }
.auisoft-site-header .auisoft-site-nav { display: flex; gap: 4px; margin-left: auto; }
.auisoft-site-header .auisoft-site-nav a { padding: 8px 12px; border-radius: 6px; font-size: 15px; font-weight: 600; color: #3a4654; white-space: nowrap; }
.auisoft-site-header .auisoft-site-nav a:hover, .auisoft-site-header .auisoft-site-nav a[aria-current] { background: #eaf2f9; color: #337ab7; }
.auisoft-site-header .auisoft-site-nav a.auisoft-site-nav__mobile { display: none; }
.auisoft-site-header .auisoft-site-header__ctas { display: flex; gap: 8px; flex-shrink: 0; }
.auisoft-site-header .auisoft-button { display: inline-flex; align-items: center; justify-content: center; height: 36px; padding: 0 16px; border: 1px solid transparent; border-radius: 8px; font-size: 14px; font-weight: 700; white-space: nowrap; }
.auisoft-site-header .auisoft-button--primary { background: #337ab7; color: #fff; }
.auisoft-site-header .auisoft-button--primary:hover { background: #286090; }
.auisoft-site-header .auisoft-button--ghost { border-color: #dde6ef; background: #fff; }
.auisoft-site-header .auisoft-button--ghost:hover { border-color: #337ab7; color: #337ab7; }
.auisoft-site-header .auisoft-nav-toggle { display: none; width: 40px; height: 40px; margin: 0 0 0 4px; padding: 0 9px; border: 1px solid #dde6ef; border-radius: 8px; background: #fff; cursor: pointer; flex-direction: column; justify-content: center; gap: 4px; flex-shrink: 0; }
.auisoft-site-header .auisoft-nav-toggle span { display: block; height: 2px; background: #1c2733; border-radius: 1px; }
.auisoft-site-header :is(a, button):focus-visible { outline: 2px solid #337ab7; outline-offset: 3px; }
@media (max-width: 1080px) {
    .auisoft-site-header .auisoft-site-header__inner { gap: 14px; }
    .auisoft-site-header .auisoft-site-nav { gap: 0; }
    .auisoft-site-header .auisoft-site-nav a { padding: 8px 6px; font-size: 14px; }
    .auisoft-site-header .auisoft-site-header__ctas { gap: 6px; }
    .auisoft-site-header .auisoft-button { padding: 0 12px; }
}
@media (max-width: 960px) {
    .auisoft-site-header .auisoft-nav-toggle { display: flex; }
    .auisoft-site-header .auisoft-site-header__ctas { margin-left: auto; }
    .auisoft-site-header .auisoft-site-nav { display: none; position: absolute; top: 68px; left: 0; right: 0; flex-direction: column; gap: 0; padding: 8px 16px 16px; background: #fff; border-bottom: 1px solid #dde6ef; box-shadow: 0 12px 24px rgb(0 0 0 / 6%); }
    .auisoft-site-header .auisoft-site-nav a { padding: 12px 8px; font-size: 16px; border-bottom: 1px solid #f0f3f6; }
    .auisoft-site-header.is-open .auisoft-site-nav { display: flex; }
}
@media (max-width: 640px) {
    .auisoft-site-header .auisoft-site-header__inner { padding-inline: 16px; }
    .auisoft-site-header .auisoft-site-header__ctas { display: none; }
    .auisoft-site-header .auisoft-site-nav a.auisoft-site-nav__mobile { display: block; }
    .auisoft-site-header .auisoft-nav-toggle { margin-left: auto; }
}
@media print { .auisoft-site-header { display: none; } }

/* 홈페이지 메뉴가 있는 개별 데모에서는 제품 아이콘과 중복 탐색을 숨깁니다.
   이 자원을 포함하지 않는 고객 패키지는 기존 탐색을 그대로 유지합니다. */
.auisoft-site-header ~ .standalone-site-header .standalone-brand-mark,
.auisoft-site-header ~ .standalone-site-header .standalone-site-nav { display: none; }

/* 고정 홈페이지 메뉴가 문서 앵커를 가리지 않으며 기존 title 앵커도 보존합니다. */
.docs-site.docs-website :is(h1, h2, h3, tr[id], a[name]) { scroll-margin-top: 85px; }
.docs-site-context { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }