/* nav2 */
:where(.nav2, .foot2) { --paper: #f6f6f1; --paper-2: #ebece3; --white: #ffffff; --ink: #0a0a0a; --ink-2: #45463e; --ink-3: #5f6058; --ink-4: #7a7b72; --rule: #dfe0d6; --rule-2: #c4c5b8; --brand: #487100; --brand-2: #5d8a00; --brand-50:#f3fbcf; --lime: #c8f000; --black: #0a0a0a; --glow: rgba(200, 240, 0, .42); --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s7: 32px; --s8: 40px; --s9: 48px; --s10: clamp(40px, 5.6vw, 64px); --s11: clamp(48px, 7vw, 80px); --s12: clamp(56px, 8.4vw, 96px); --s13: clamp(64px, 10vw, 120px); --s14: clamp(72px, 12vw, 160px); --s15: clamp(88px, 15vw, 200px); --shell: 1280px; --ease: cubic-bezier(.22, .61, .36, 1); --ease-out: cubic-bezier(.16, 1, .3, 1); --fs-h2: clamp(24px, min(1.1rem + 3.9vw, 1rem + 4.6svh), 4.4rem); --fs-h3: clamp(1.15rem, 1.02rem + .6vw, 1.5rem); --fs-lead: clamp(14px, min(.99rem + .4vw, .7rem + 1.1svh), 1.3125rem); --fs-body: clamp(.9375rem, .92rem + .14vw, 1rem); --fs-cap: 12px; }
html .nav2, html .foot2 { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Malgun Gothic", system-ui, sans-serif; font-size: var(--fs-body); line-height: 1.72; letter-spacing: -.012em; word-break: keep-all; overflow-wrap: anywhere; color: var(--ink); -webkit-font-smoothing: antialiased; }
html :where(.nav2, .foot2) :where(*, *::before, *::after) { margin: 0; padding: 0; box-sizing: border-box; vertical-align: baseline; }
html :where(.nav2, .foot2) :where(a) { color: inherit; text-decoration: none; display: inline; }
html :where(.nav2, .foot2) :where(button) { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; display: inline-block; }
html :where(.nav2, .foot2) :where(ul, ol) { list-style: none; }
html :where(.nav2, .foot2) :where(img, svg) { display: block; max-width: 100%; }
html :where(.nav2, .foot2) :where(.shell) { width: 100%; max-width: var(--shell); margin-inline: auto; padding-inline: var(--s5); }
html :where(.nav2, .foot2) :where(.sr-only) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html .nav2 { position: fixed; inset: 0 0 auto; z-index: 200; height: 64px; display: flex; align-items: center; transition: color .35s var(--ease), transform .45s cubic-bezier(.22, 1, .36, 1); }
html .nav2.is-hide:not(.is-menu) { transform: translateY(-100%); }
html .nav2::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: 0; background: rgba(246, 246, 241, .82); backdrop-filter: saturate(160%) blur(16px); -webkit-backdrop-filter: saturate(160%) blur(16px); box-shadow: inset 0 -1px 0 var(--rule); transition: opacity .3s var(--ease), background .35s var(--ease); }
html .nav2.is-stuck::before { opacity: 1; }
html .nav2.on-ink { color: #f4f4ee; }
html .nav2.on-ink::before { background: rgba(10, 10, 10, .8); box-shadow: inset 0 -1px 0 rgba(255,255,255,.14); }
html .nav2.on-brand { color: #0a0a0a; }
html .nav2.on-brand::before { background: rgba(200, 240, 0, .86); box-shadow: inset 0 -1px 0 rgba(10,10,10,.16); }
html .nav2__prog { position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; transform: scaleX(var(--read, 0)); transform-origin: left; background: currentColor; opacity: 0; transition: opacity .3s var(--ease); }
html .nav2.is-stuck .nav2__prog { opacity: .85; }
html .nav2__in { display: flex; align-items: center; gap: var(--s3); width: 100%; }
html .nav2__right { display: flex; align-items: center; gap: 6px; margin-left: auto; }
@media (min-width: 1024px) {
  html .nav2 .nav2__in { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: clamp(12px, 1.4vw, 24px); max-width: 1440px; padding-inline: clamp(16px, 2.6vw, 48px); }
  html .nav2 .nav2__menu { gap: clamp(12px, 1.7vw, 28px); }
  html .nav2__gt, html .nav2__auth a, html .nav2__cta, html .nav2__logo { white-space: nowrap; flex: none; }
  html .nav2__gt { font-size: clamp(12px, .55rem + .45vw, 13.5px); }
  html .nav2__auth a { padding: 0 clamp(8px, .9vw, 12px); font-size: clamp(12px, .55rem + .45vw, 13px); }
  html .nav2__cta { font-size: clamp(12px, .55rem + .45vw, 13px); margin-left: clamp(6px, 1vw, 14px); }
  html .nav2__logo { justify-self: start; }
  html .nav2 .nav2__menu { justify-self: center; margin: 0; }
  html .nav2__right { justify-self: end; margin: 0; gap: 4px; }
}
html .nav2__logo { display: flex; align-items: center; gap: var(--s3); min-height: 44px; flex: none; }
html .nav2__logo img { width: auto; }
html .nav2__anmok { height: 19px; }
html .nav2__prod { height: 22px; }
html .nav2 .lg--l { display: none; }
html .nav2.on-ink .lg--l { display: block; }
html .nav2.on-ink .lg--k { display: none; }
html .nav2__x { font-size: 15px; font-weight: 600; opacity: .62; line-height: 1; margin: 0 calc(var(--s2) * -1 + 2px); }
html .nav2__menu { display: none; gap: var(--s6); margin-left: auto; }
html .nav2__g { position: relative; }
html .nav2__gt { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; position: relative; font: inherit; font-size: 13px; font-weight: 700; letter-spacing: .04em; color: inherit; opacity: .74; background: none; border: 0; padding: 0; cursor: pointer; transition: opacity .2s; }
html .nav2__gt em { width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .3s var(--ease); }
html .nav2__g:hover .nav2__gt, html .nav2__g:focus-within .nav2__gt { opacity: 1; }
html .nav2__dd { display: none; }
html .nav2__ddin a { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 12px; transition: background-color .2s; }
html .nav2__ddin a b { font-size: 14px; font-weight: 800; letter-spacing: -.03em; color: #0a0a0a; }
html .nav2__ddin a span { font-size: 12px; font-weight: 500; color: #5f6058; letter-spacing: -.02em; line-height: 1.35; }
html .nav2__ddin a { line-height: 1.3; }
html .nav2__ddin a:hover { background: #f3f4ec; }
html .nav2__ddin a:hover b::after { content: " \002192"; color: #487100; }
@media (min-width: 1024px) {
  html .nav2__dd { display: block; position: absolute; left: 50%; top: 100%; padding-top: 8px; opacity: 0; visibility: hidden; transform: translate(-50%, 6px); transition: opacity .25s var(--ease), transform .3s var(--ease-out), visibility 0s .3s; }
  html .nav2__g:hover .nav2__dd, html .nav2__g:focus-within .nav2__dd { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition-delay: 0s; }
  html .nav2__g:hover .nav2__gt em, html .nav2__g:focus-within .nav2__gt em { transform: translateY(1px) rotate(-135deg); }
  html .nav2__ddin { width: 280px; padding: 8px; border-radius: 18px; background: #fff; color: #0a0a0a; box-shadow: 0 30px 60px -24px rgba(10, 10, 10, .35), 0 0 0 1px rgba(10, 10, 10, .06); }
  html .nav2__dd--wide .nav2__ddin { width: 540px; display: grid; grid-template-columns: 1fr 1fr; }
}
html .nav2__cta { margin-left: 6px; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 13px; font-weight: 800; letter-spacing: .04em; border-bottom: 1.5px solid currentColor; padding-bottom: 2px; white-space: nowrap; }
html .nav2__cta em { font-style: normal; transition: transform .3s var(--ease-out); }
html .nav2__cta:hover em { transform: translateX(4px); }
html .nav2__toggle { position: relative; display: block; width: 42px; height: 42px; flex: none; margin-left: 4px; border-radius: 50%; border: 1.5px solid currentColor; color: inherit; background: transparent; transition: background-color .3s, color .3s, border-color .3s, transform .3s var(--ease-out); }
html .nav2__toggle i { position: absolute; left: 50%; top: 50%; width: 16px; height: 1.8px; margin: 0; border-radius: 2px; background: currentColor; transition: transform .45s cubic-bezier(.22, 1, .36, 1), width .3s; }
html .nav2__toggle i:nth-child(1) { transform: translate(-50%, -4px); }
html .nav2__toggle i:nth-child(2) { transform: translate(-50%, 3px); width: 10px; margin-left: -3px; }
html .nav2__toggle:hover i:nth-child(2) { width: 16px; margin-left: 0; }
html .nav2__toggle[aria-expanded="true"] { background: #c8f000; border-color: #c8f000; color: #0a0a0a; transform: rotate(90deg); }
html .nav2__toggle[aria-expanded="true"] i:nth-child(1) { transform: translate(-50%, 0) rotate(45deg); }
html .nav2__toggle[aria-expanded="true"] i:nth-child(2) { transform: translate(-50%, 0) rotate(-45deg); width: 16px; margin-left: 0; }
html .nav2__mfoot { display: none; }
html .nav2__auth { display: none; align-items: center; gap: 4px; }
html .nav2__auth a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border-radius: 999px; font-size: 13px; font-weight: 700; letter-spacing: .02em; opacity: .78; transition: opacity .2s, background-color .2s; }
html .nav2__auth a:hover { opacity: 1; }
html .nav2__auth .nav2__join { border: 1.3px solid currentColor; opacity: 1; }
html .nav2__me { display: none; position: relative; }
html .nav2__av { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; border: 0; padding: 0; background: #0a0a0a; color: #c8f000; font: inherit; font-size: 14px; font-weight: 800; cursor: pointer; box-shadow: 0 0 0 2px rgba(200, 240, 0, .0); transition: box-shadow .25s; }
html .nav2__av:hover, html .nav2__av[aria-expanded="true"] { box-shadow: 0 0 0 3px rgba(200, 240, 0, .55); }
html .nav2.on-ink .nav2__av { background: #c8f000; color: #0a0a0a; }
html .nav2__av--lg { width: 42px; height: 42px; font-size: 16px; cursor: default; }
html .nav2__mepop { position: absolute; right: 0; top: calc(100% + 10px); width: 240px; padding: 8px; border-radius: 18px; background: #fff; color: #0a0a0a; box-shadow: 0 30px 60px -24px rgba(10, 10, 10, .35), 0 0 0 1px rgba(10, 10, 10, .06); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .25s var(--ease), transform .3s var(--ease-out), visibility 0s .3s; }
html .nav2__me.is-open .nav2__mepop { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
html .nav2__mehd { display: flex; align-items: center; gap: 10px; padding: 8px 8px 12px; margin-bottom: 4px; border-bottom: 1px solid #ecece6; }
html .nav2__mehd b { display: flex; flex-direction: column; font-size: 14px; font-weight: 800; letter-spacing: -.03em; line-height: 1.3; }
html .nav2__mehd small { font-size: 12px; font-weight: 500; color: #7a7b72; }
html .nav2__mepop { width: 260px; }
html .nav2__megoto { display: flex; align-items: center; justify-content: space-between; min-height: 44px; margin: 4px 0 6px; padding: 0 14px; border-radius: 12px; background: #0a0a0a; color: #c8f000; font-size: 14px; font-weight: 800; letter-spacing: -.02em; }
html .nav2__megoto em { font-style: normal; transition: transform .25s var(--ease-out); }
html .nav2__megoto:hover em { transform: translateX(3px); }
html .nav2__megrp { padding: 4px 0; }
html .nav2__megrp p { padding: 6px 10px 2px; font-size: 11.5px; font-weight: 700; letter-spacing: .04em; color: #9a9b92; }
html .nav2__megrp + .nav2__megrp { border-top: 1px solid #ecece6; }
html .nav2__megrp a { display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 0 10px; border-radius: 10px; font-size: 13.5px; font-weight: 700; letter-spacing: -.02em; color: #0a0a0a; }
html .nav2__megrp a svg { width: 17px; height: 17px; color: #7a7b72; flex: none; }
html .nav2__megrp a:hover { background: #f3f4ec; }
html .nav2__megrp a:hover svg { color: #487100; }
html .nav2__mepop .nav2__meout { display: flex; align-items: center; min-height: 38px; padding: 0 10px; margin-top: 2px; border-top: 1px solid #ecece6; font-size: 13px; font-weight: 600; color: #7a7b72; }
html .nav2__mepop .nav2__meout:hover { color: #0a0a0a; }
@media (min-width: 1024px) {
  html:not(.is-auth) .nav2__auth { display: flex; }
  html.is-auth .nav2__me { display: block; }
}
html .nav2__mauth, html .nav2__mme { display: none; }
@media (min-width: 1024px) {
  html .nav2__menu, html .nav2__menu[hidden] { display: flex; }
  html .nav2__cta { margin-left: 14px; }
  html .nav2__toggle { display: none; }
}
@media (max-width: 1023px) {
  html .nav2__menu { position: fixed; inset: 64px 0 0; flex-direction: column; gap: 0; counter-reset: ng; padding: 8px var(--s5) calc(24px + env(safe-area-inset-bottom)); background: #0a0a0a; color: #f4f4ee; overflow-y: auto; overscroll-behavior: contain; clip-path: inset(0 0 100% 0); transition: clip-path .5s cubic-bezier(.22, 1, .36, 1); }
  html .nav2__menu:not([hidden]) { display: flex; }
  html .nav2__menu.is-in { clip-path: inset(0 0 0 0); }
  html .nav2__g { border-bottom: 1px solid rgba(244, 244, 238, .12); counter-increment: ng; opacity: 0; transform: translateY(14px); transition: opacity .4s, transform .5s cubic-bezier(.22, 1, .36, 1); }
  html .nav2__menu.is-in .nav2__g { opacity: 1; transform: none; }
  html .nav2__menu.is-in .nav2__g:nth-child(2) { transition-delay: .04s; }
  html .nav2__menu.is-in .nav2__g:nth-child(3) { transition-delay: .08s; }
  html .nav2__menu.is-in .nav2__g:nth-child(4) { transition-delay: .12s; }
  html .nav2__menu.is-in .nav2__g:nth-child(5) { transition-delay: .16s; }
  html .nav2__gt { width: 100%; min-height: 50px; justify-content: flex-start; gap: 12px; font-size: 18px; font-weight: 800; letter-spacing: -.04em; opacity: 1; color: #f4f4ee; }
  html .nav2__gt::before { content: counter(ng, decimal-leading-zero); font-family: Georgia, "Times New Roman", serif; font-style: italic; font-weight: 400; font-size: 12px; letter-spacing: 0; color: #c8f000; width: 18px; }
  html .nav2__gt em { margin-left: auto; width: 7px; height: 7px; }
  html .nav2__g.is-open .nav2__gt em { transform: translateY(1px) rotate(-135deg); }
  html .nav2__g.is-open .nav2__dd { display: block; padding: 0 0 10px 30px; animation: faqIn .35s var(--ease-out) both; }
  html .nav2__ddin { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; }
  html .nav2__ddin a { padding: 6px 0; border-radius: 0; }
  html .nav2__ddin a:hover { background: none; }
  html .nav2__ddin a b { font-size: 13.5px; color: #f4f4ee; }
  html .nav2__ddin a span { font-size: 11px; color: rgba(244, 244, 238, .5); }
  html .nav2__ddin a:hover b::after { color: #c8f000; }
  html:not(.is-auth) .nav2__mauth { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 8px 0 12px; border-bottom: 1px solid rgba(244, 244, 238, .12); }
  html .nav2__mbtn { display: flex; align-items: center; justify-content: center; min-height: 42px; border-radius: 999px; border: 1.3px solid rgba(244, 244, 238, .35); font-size: 14px; font-weight: 800; color: #f4f4ee; }
  html .nav2__mbtn--on { background: #f4f4ee; border-color: #f4f4ee; color: #0a0a0a; }
  html.is-auth .nav2__mme { display: block; border-bottom: 1px solid rgba(244, 244, 238, .12); }
  html .nav2__mmehd { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 54px; padding: 6px 0; background: none; border: 0; color: inherit; font: inherit; text-align: left; cursor: pointer; }
  html .nav2__mmehd .nav2__av { background: #c8f000; color: #0a0a0a; width: 32px; height: 32px; font-size: 13px; flex: none; }
  html .nav2__mmehd b { display: flex; flex-direction: column; font-size: 14px; font-weight: 800; letter-spacing: -.03em; line-height: 1.3; color: #f4f4ee; }
  html .nav2__mmehd small { font-size: 11.5px; font-weight: 500; color: rgba(244, 244, 238, .55); }
  html .nav2__mmehd em { margin-left: auto; width: 8px; height: 8px; border-right: 1.6px solid #f4f4ee; border-bottom: 1.6px solid #f4f4ee; transform: translateY(-2px) rotate(45deg); transition: transform .3s var(--ease); }
  html .nav2__mme.is-open .nav2__mmehd em { transform: translateY(1px) rotate(-135deg); }
  html .nav2__mmelinks { display: none; grid-template-columns: 1fr 1fr; gap: 0 12px; padding: 0 0 10px 42px; }
  html .nav2__mme.is-open .nav2__mmelinks { display: grid; animation: faqIn .35s var(--ease-out) both; }
  html .nav2__mmelinks a { display: flex; align-items: center; min-height: 34px; font-size: 13px; font-weight: 700; color: #f4f4ee; }
  html .nav2__mmelinks .nav2__mmeout { color: rgba(244, 244, 238, .5); font-weight: 600; }
  html .nav2__mfoot { display: flex; flex-direction: column; gap: 6px; margin-top: auto; padding-top: 20px; opacity: 0; transition: opacity .4s .2s; }
  html .nav2__menu.is-in .nav2__mfoot { opacity: 1; }
  html .nav2__mcta { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border-radius: 999px; background: #c8f000; color: #0a0a0a; font-size: 15px; font-weight: 800; letter-spacing: -.02em; }
  html .nav2__mcta em { font-style: normal; }
  html .nav2__mmail { align-self: center; display: inline-flex; align-items: center; min-height: 36px; font-size: 12.5px; font-weight: 700; color: rgba(244, 244, 238, .6); }
  html .nav2.is-menu { color: #f4f4ee; }
  html .nav2.is-menu::before { opacity: 1; background: #0a0a0a; box-shadow: inset 0 -1px 0 rgba(244, 244, 238, .12); }
  html .nav2.is-menu .lg--l { display: block; }
  html .nav2.is-menu .lg--k { display: none; }
  html .nav2.is-menu .nav2__prog { opacity: 0; }
}
@media (max-width: 560px) {
  html .nav2__prod, html .nav2__x, html .nav2.is-menu .nav2__prod.lg--l, html .nav2.on-ink .nav2__prod.lg--l { display: none; }
}
@media (max-width: 1023px) {
  html .nav2.is-menu .nav2__cta { visibility: hidden; }
}
@media (max-width: 420px) {
  html .nav2__anmok { height: 16px; }
  html .nav2__cta { font-size: 12px; }
}
html .foot2 { position: relative; background: #0a0a0a; color: rgba(244, 244, 238, .6); padding: 0; isolation: isolate; }
html .foot2__glow { position: absolute; left: 50%; bottom: -34%; z-index: -1; width: min(1500px, 128vw); aspect-ratio: 2 / 1; pointer-events: none; transform: translateX(-50%); background: radial-gradient(42% 52% at 34% 62%, rgba(200, 240, 0, .2), transparent 70%), radial-gradient(34% 44% at 70% 48%, rgba(163, 199, 0, .16), transparent 72%); filter: blur(62px); animation: footGlow 22s ease-in-out infinite alternate; }
html .foot2__lock { display: flex; align-items: center; gap: var(--s3); }
html .foot2__lock img { width: auto; opacity: .9; }
html .foot2__lock > img { height: 16px; }
html .foot2 .foot2__prod { height: 19px; }
@media (min-width: 480px) {
  html .foot2__lock > img { height: 19px; }
  html .foot2 .foot2__prod { height: 22px; }
}
html .foot2__x { font-size: 14px; font-weight: 600; opacity: .58; line-height: 1; margin: 0 calc(var(--s2) * -1 + 2px); }
html .foot2__top { display: flex; flex-direction: column; gap: 18px; padding-top: 30px; }
html .foot2__brand p { margin-top: 10px; font-size: 12.5px; line-height: 1.6; word-break: keep-all; color: rgba(244, 244, 238, .55); }
html .foot2__brand p span { display: block; }
html .foot2__brand p span:first-child { color: rgba(244, 244, 238, .82); }
@media (min-width: 360px) {
  html .foot2__brand p span:first-child { white-space: nowrap; }
}
html .foot2__go { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; }
html .foot2__cta { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 18px 0 20px; border-radius: 999px; background: #c8f000; color: #0a0a0a; font-size: 14px; font-weight: 800; letter-spacing: -.02em; transition: transform .3s var(--ease-out), box-shadow .3s; }
html .foot2__cta em { font-style: normal; transition: transform .3s var(--ease-out); }
html .foot2__cta:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -14px rgba(200, 240, 0, .7); }
html .foot2__cta:hover em { transform: translateX(3px); }
html .foot2__mail { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; font-weight: 700; color: rgba(244, 244, 238, .78); border-bottom: 1px solid rgba(244, 244, 238, .25); }
html .foot2__mail:hover { color: #f4f4ee; border-color: currentColor; }
html .foot2__btm { margin-top: 22px; padding-top: 6px; border-top: 1px solid rgba(244, 244, 238, .14); font-size: 12px; color: rgba(244, 244, 238, .42); line-height: 1.6; }
html .foot2__legal { display: flex; flex-wrap: wrap; gap: 0 16px; }
html .foot2__legal a { display: inline-flex; align-items: center; min-height: 36px; font-size: 12.5px; font-weight: 600; color: rgba(244, 244, 238, .66); }
html .foot2__legal a:hover { color: #f4f4ee; }
html .foot2__legal li:nth-child(2) a { color: #f4f4ee; font-weight: 800; }
html .foot2__note { margin-top: 6px; color: rgba(244, 244, 238, .58); font-size: 12.5px; }
html .foot2__note b { color: rgba(244, 244, 238, .82); font-weight: 800; }
html .foot2__biz { display: flex; flex-wrap: wrap; gap: 0 12px; margin-top: 4px; }
html .foot2__biz li { display: inline-flex; align-items: baseline; gap: 6px; }
html .foot2__biz b { font-size: 11px; font-weight: 700; letter-spacing: .02em; color: rgba(244, 244, 238, .34); }
html .foot2__copy { margin-top: 8px; color: rgba(244, 244, 238, .34); }
@media (min-width: 900px) {
  html .foot2__top { flex-direction: row; justify-content: space-between; align-items: flex-end; gap: var(--s8); padding-top: var(--s10); }
  html .foot2__brand p { font-size: 13.5px; }
  html .foot2__go { justify-content: flex-end; }
  html .foot2__cta { min-height: 50px; padding: 0 22px 0 26px; font-size: 15px; }
  html .foot2__btm { margin-top: var(--s8); padding-top: var(--s3); font-size: 12.5px; line-height: 1.7; }
  html .foot2__legal a { font-size: 13px; }
  html .foot2__biz { gap: 2px var(--s5); }
  html .foot2__copy { margin-top: var(--s3); }
}
html .foot2__sign { margin-top: 14px; }
html .foot2__word { opacity: .22; }
html .foot2 .foot2__sign { height: calc(94vw * 298 / 1647 * .7); }
@media (min-width: 900px) {
  html .foot2__sign { margin-top: clamp(30px, 4.2vw, 72px); }
  html .foot2 .foot2__sign { height: clamp(62px, 11vw, 168px); }
  html .foot2__word { opacity: .1; }
}
html .foot2 { position: relative; display: flow-root; overflow: hidden; }
html .foot2__sign { position: relative; margin-top: clamp(30px, 4.2vw, 72px); height: clamp(62px, 11vw, 168px); overflow: hidden; }
html .foot2__word { position: absolute; left: 0; right: 0; top: 0; margin-inline: auto; display: block; width: min(1340px, 94vw); height: auto; max-width: none; opacity: .1; will-change: transform; }
@media (prefers-reduced-motion: reduce) {
  html .foot2__glow { animation: none; }
}
@keyframes faqIn {from { opacity: 0; transform: translateY(-4px); }}
@keyframes footGlow {from { transform: translateX(-50%) scale(1); opacity: .8; } to { transform: translateX(-46%) scale(1.14); opacity: 1; }}
/* dk-sub */
html.dk-sub .nav2.is-hide:not(.is-menu) { transform: none; }
html.dk-sub .nav2 { box-shadow: inset 0 -1px 0 var(--rule); }