/* BASIC css start */
    /* ========== 범위 한정 변수/리셋 ========== */
    .aiat-root{ --bg:#fff; --ink:#1a1a1a; --ink-dim:#5a5a5a; --line:#e8e8e8;
      --brand:#111; --brand-ink:#fff; --radius:16px; --shadow:0 8px 24px rgba(0,0,0,.06);
      background:var(--bg); color:var(--ink); font-family:inherit;
    }
    .aiat-root *{ box-sizing:border-box; }
    .aiat-root img{ display:block; max-width:100%; height:auto; }
    .aiat-hide{ display:none !important; }

/* 네비게이션을 헤더 바로 아래 줄에 고정 */
.aiat-navwrap{
  position:sticky;
  top:154px; /* 헤더 높이만큼 띄워주세요. 헤더가 54px 정도라면 그대로 */
  background:#fff;
  border-bottom:1px solid var(--line);
  z-index:998;
}
.aiat-navwrap .aiat-wrap{
  display:flex;
  justify-content:center;
  padding:10px 0;
}
.aiat-nav a{
  color:var(--ink-dim);
  text-decoration:none;
  font-size:14px;
  padding:6px 12px;
  border-radius:10px;
  transition:background .2s;
}
.aiat-nav a.aiat-active,
.aiat-nav a:hover{
  color:var(--bg);
  background:var(--brand);
}


    /* 진행바 (상단 고정) */
    .aiat-progress{ position:fixed; left:0; top:150; height:3px; width:0%;
      background:linear-gradient(90deg,#222,#666); z-index:9999;
    }

    /* 헤더/네비 */
    .aiat-header{ position:sticky; top:0; z-index:999; background:rgba(255,255,255,.9);
      backdrop-filter:saturate(160%) blur(8px); border-bottom:1px solid var(--line);
    }
    .aiat-wrap{ max-width:1160px; margin:0 auto; padding:14px 20px; }
    .aiat-headbar{ display:flex; align-items:center; justify-content:space-between; gap:160px; }
    .aiat-brand{ font-weight:800; text-decoration:none; color:var(--ink); letter-spacing:.2px; white-space:nowrap; }
    .aiat-nav{ display:flex; gap:14px; flex-wrap:wrap; }
    .aiat-nav a{ text-decoration:none; color:var(--ink-dim); font-size:14px; padding:6px 10px; border-radius:10px; }
    .aiat-nav a.aiat-active, .aiat-nav a:hover{ color:var(--bg); background:var(--brand); }

    /* 섹션/타이포 */
    .aiat-section{ padding:72px 0; position:relative; }
    .aiat-title-xl{ font-size:40px; line-height:1.25; margin:0 0 12px; letter-spacing:-.3px; }
    .aiat-title-lg{ font-size:28px; line-height:1.3; margin:0 0 16px; }
    .aiat-title-md{ font-size:20px; margin:0 0 8px; }
    .aiat-sub{ font-size:18px; color:var(--ink-dim); margin:0 0 24px; }
    .aiat-body{ font-size:16px; line-height:1.8; margin:0 0 18px; color:var(--ink); }
    .aiat-body-sm{ font-size:14px; line-height:1.7; margin:0 0 8px; color:var(--ink-dim); }
    .aiat-mark{ background:#111; color:#fff; padding:0 8px; border-radius:8px; }

    /* 레이아웃 */
    .aiat-grid2{ display:grid; grid-template-columns:1.1fr .9fr; gap:28px; align-items:center; }
    @media (max-width:980px){ .aiat-grid2{ grid-template-columns:1fr; } }
    .aiat-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    @media (max-width:980px){ .aiat-cards{ grid-template-columns:1fr; } }
    .aiat-card{ border:1px solid var(--line); border-radius:var(--radius); padding:18px; background:#fff; box-shadow:var(--shadow); }

    /* 타임라인 */
    .aiat-timeline{ list-style:none; margin:20px 0 0; padding:0; border-left:2px solid var(--line); }
    .aiat-timeline li{ position:relative; padding:12px 0 12px 18px; }
    .aiat-time{ font-weight:700; font-size:14px; margin-right:8px; color:var(--ink); }
    .aiat-dot{ position:absolute; left:-7px; top:20px; width:10px; height:10px; background:var(--brand); border-radius:50%; }

    /* 버튼 */
    .aiat-btn{ display:inline-block; padding:12px 16px; border-radius:999px; background:var(--brand);
      color:var(--brand-ink); text-decoration:none; font-size:14px; transition:transform .15s ease;
    }
    .aiat-btn:hover{ transform:translateY(-1px); }

    /* 이미지 플레이스홀더 */
    .aiat-ph{ position:relative; width:100%; border:1.5px dashed #cfcfcf; border-radius:var(--radius);
      background:#f7f7f7; min-height:220px; overflow:hidden; }
    .aiat-ph img[src=""]{ opacity:0; width:100%; height:100%; }
    .aiat-ph::after{ content:"이미지 넣어주세요 (" attr(data-size) ")"; position:absolute; inset:0; display:grid; place-items:center; font-size:14px; color:#888; }
    .aiat-ph--portrait{ aspect-ratio:3/4; min-height:0; }
    .aiat-ph--slim{ aspect-ratio:4/1; min-height:0; }

    /* 섹션 연결 느낌 */
    .aiat-divider{ position:absolute; left:0; right:0; bottom:-20px; height:40px;
      background:radial-gradient(100% 60% at 50% 0%, rgba(0,0,0,.06), rgba(0,0,0,0) 70%); pointer-events:none;
    }

    /* 컨택트 */
    .aiat-contact{ border:1px solid var(--line); border-radius:var(--radius); padding:18px; background:#fff; box-shadow:var(--shadow); }
    .aiat-top{ display:inline-block; margin-top:16px; font-size:13px; text-decoration:none; color:var(--ink-dim);
      border:1px solid var(--line); padding:8px 12px; border-radius:999px; }
    .aiat-top:hover{ background:#f5f5f5; }

    /* 스크롤 애니메이션 (observer) */
    .aiat-will{ opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease; }
    .aiat-in{ opacity:1 !important; transform:translateY(0) !important; }

    /* HERO 여백 보정 */
    .aiat-hero{ padding-top:96px; }
/* BASIC css end */