@font-face { font-family:'Pretendard'; font-weight:45 920; font-style:normal; font-display:swap; src:url("/assets/pretendard-variable.9599f12fd42f.woff2") format('woff2-variations'); }


/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/ibm-plex-mono-400-cyrillic-ext.f8c22ec1804b.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/ibm-plex-mono-400-cyrillic.7635422bd10d.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/ibm-plex-mono-400-vietnamese.62632b637530.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/ibm-plex-mono-400-latin-ext.6bc0f226a5b7.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/ibm-plex-mono-400-latin.08949f728dc5.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/ibm-plex-mono-500-cyrillic-ext.3febe5c7f22e.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/ibm-plex-mono-500-cyrillic.1d89462e86cb.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/ibm-plex-mono-500-vietnamese.781633d95de8.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/ibm-plex-mono-500-latin-ext.6bb06407c975.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/ibm-plex-mono-500-latin.01d285447409.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



html { scroll-behavior: smooth; }
body { margin:0; background:#0A0B0C; color:#EDEEEF; font-family:'Pretendard',system-ui,sans-serif; -webkit-font-smoothing:antialiased; word-break:keep-all; overflow-wrap:anywhere; }
section[id] { scroll-margin-top: 84px; }
@keyframes d9-blink { 0%,88% { opacity:0.9; } 89%,100% { opacity:0.15; } }
@keyframes d9-flow { 0% { left:-14%; opacity:0; } 18% { opacity:1; } 82% { opacity:1; } 100% { left:100%; opacity:0; } }
@keyframes d9-hover { 0%,100% { transform: rotateX(58deg) rotateZ(-38deg) translateZ(0); } 50% { transform: rotateX(58deg) rotateZ(-38deg) translateZ(1.1cqw); } }
@keyframes d9-scanrev { 0% { top:100%; opacity:0; } 10% { opacity:1; } 90% { opacity:1; } 100% { top:0%; opacity:0; } }
@keyframes d9-scan { 0% { top:0%; opacity:0; } 14% { opacity:0.9; } 86% { opacity:0.9; } 100% { top:100%; opacity:0; } }
@keyframes d9-ring { 0% { transform: translateZ(-2.7cqw) scale(0.3); opacity:0.6; } 100% { transform: translateZ(-2.7cqw) scale(1.5); opacity:0; } }
@keyframes d9-led { 0%,100% { opacity:1; } 50% { opacity:0.28; } }
@media (prefers-reduced-motion: reduce) { [data-r="hwscene"] * { animation: none !important; } }
:root { --d9-accent:#E0533D; --d9-line:rgba(255,255,255,0.11); --d9-dim:#8A8F94; }
* { box-sizing:border-box; }
a { color:#EDEEEF; text-decoration:none; }
a:hover { color:var(--d9-accent); }
input, select, textarea, button { font-family:inherit; }
::selection { background:var(--d9-accent); color:#0A0B0C; }
@keyframes d9pulse { 0%,100% { opacity:.25; } 50% { opacity:1; } }

@media (max-width: 1024px) {
  [data-screen-label] { padding: 76px 24px !important; }
  #top { padding: 132px 24px 76px !important; }
  footer { padding: 56px 24px 40px !important; }
  header > div { padding: 0 20px !important; }
  [data-r="split"] { grid-template-columns: 1fr !important; gap: 22px !important; }
  [data-r="svc"], [data-r="contact"], [data-r="login2"] { grid-template-columns: 1fr !important; gap: 36px !important; }
  [data-r="g4"] { grid-template-columns: repeat(2, 1fr) !important; }
  [data-r="g3"] { grid-template-columns: 1fr !important; }
  [data-r="g3p"] { grid-template-columns: repeat(2, 1fr) !important; }
  [data-r="demo"] { grid-template-columns: 1fr !important; gap: 24px !important; }
  [data-r="demo"] a { text-align: center; }
  [data-r="nav"], [data-r="loginaside"] { display: none !important; }
  [data-r="svc1cards"] { margin-top: 0 !important; }
  [data-r="mobbtn"] { display: flex !important; }
  [data-r="loginbtn"] { display: none !important; }
  [data-r="orgtop"] { grid-template-columns: 1fr !important; gap: 20px !important; }
  [data-r="orgdash"] { display: none !important; }
  [data-r="orgbus"] { height: 28px !important; }
  [data-r="orgbus"] > div { display: none !important; }
}
@media (max-width: 640px) {
  [data-screen-label] { padding: 64px 20px !important; }
  #top { padding: 112px 20px 64px !important; }
  [data-r="g4"], [data-r="g3"], [data-r="g3p"], [data-r="g2"] { grid-template-columns: 1fr !important; }
  [data-r="navbtn"] a, [data-r="navbtn"] button { padding: 14px 15px !important; }
  [data-r="login2"] > div { padding: 30px 22px !important; }
  [data-r="kv"] { grid-template-columns: 88px 1fr !important; gap: 12px !important; padding: 14px 16px !important; }
  [data-r="policy"] { grid-template-columns: 1fr !important; gap: 28px !important; padding: 28px 22px !important; }
  [data-r="privacy-wrap"] { padding: 0 !important; }
  [data-r="privacy-card"] { max-height: 100% !important; height: 100% !important; border: none !important; }
  [data-r="privacy-head"] { padding: 22px 20px !important; }
  [data-r="privacy-body"] { padding: 24px 20px !important; }
  [data-r="privacy-foot"] { padding: 16px 20px !important; }
  [data-r="privacy-foot"] button { width: 100% !important; }
}
@media (max-width: 420px) {
  #top h1 { font-size: 36px !important; }
  [data-screen-label] h2 { font-size: 28px !important; }
}


/* 기존 상호작용 스타일과 초기 닫힘 상태 */
.intro-hover-1:hover { border-color:var(--d9-accent) !important; color:var(--d9-accent) !important; }
.intro-focus-2:focus { border-color:var(--d9-accent) !important; }
.intro-hover-3:hover { color:var(--d9-accent) !important; }
.intro-hover-4:hover { color:#EDEEEF !important; }

[hidden] { display: none !important; }
html, body { height: 100%; margin: 0; }

/* 기존 내보내기 문서의 인쇄 표시 유지 */
@media print {
  @page { margin: 0.5cm; }
  figure, table { break-inside: avoid; }
  *, *::before, *::after {
    print-color-adjust: exact; -webkit-print-color-adjust: exact;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    animation-delay: -99s !important; animation-duration: .001s !important;
    animation-iteration-count: 1 !important; animation-fill-mode: both !important;
    animation-play-state: running !important; transition-duration: 0s !important;
  }
}