:root{--ybk-font:"Pretendard","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Segoe UI",sans-serif}
/* asset-87c42c7e73cc9449.css */

      :root {
        --banner-pc: url('/assets/asset-8fce7f9394fb7320.webp');
        --banner-m: url('/assets/asset-9e669a55266a2c0a.webp');
        --img-brand-samur: url('/assets/asset-62a4fa205ece9b3b.webp');
        --img-brand-karriair: url('/assets/asset-95401f98b840b39c.webp');
        --img-brand-pureble: url('/assets/asset-65f42a4744cfb3b0.webp');
        --img-brand-akei: url('/assets/asset-94eaf3cbe770d5f6.webp');
        --img-brand-salloom: url('/assets/asset-bfa037e448de7dcb.webp');
        --img-brand-simplif: url('/assets/asset-6e16798eeda59b2e.webp');
        --img-brand-forman: url('/assets/asset-1686be47ce501a24.webp');
      }

      *, ::before, ::after {
        box-sizing: border-box;
      }

      html, body {
        margin: 0;
        background: #ffffff;
        color: #000000;
      }

      /* preflight 를 끈 상태라 a 태그가 UA 기본 파랑/밑줄을 그대로 받는다 */
      a {
        color: inherit;
        text-decoration: none;
      }

      .bgimg {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      }

      .hero-banner {
        background-image: var(--banner-pc);
      }

      .bgi-brand-samur {
        background-image: var(--img-brand-samur);
      }
      .bgi-brand-karriair {
        background-image: var(--img-brand-karriair);
      }
      .bgi-brand-pureble {
        background-image: var(--img-brand-pureble);
      }
      .bgi-brand-akei {
        background-image: var(--img-brand-akei);
      }
      .bgi-brand-salloom {
        background-image: var(--img-brand-salloom);
      }
      .bgi-brand-simplif {
        background-image: var(--img-brand-simplif);
      }
      .bgi-brand-forman {
        background-image: var(--img-brand-forman);
      }

      /* 브랜드 카드 — 로고 위 마우스 오버 시 줌인 */
      .brand-card {
        cursor: pointer;
      }

      /* 테두리를 없앴으므로(라운딩 처리) 호버는 줌인 하나만 남긴다 */

      .brand-card .brand-zoom {
        transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
        will-change: transform;
      }

      .brand-card:hover .brand-zoom {
        transform: scale(1.12);
      }

      @media (prefers-reduced-motion: reduce) {
        .brand-card .brand-zoom {
          transition: none;
        }

        .brand-card:hover .brand-zoom {
          transform: none;
        }
      }


      /* ================= ybk 회사 사이트 =================
         2026-08-27. AKEI가 아니라 ybk corp.를 중심에 두고, 브랜드가 거기서 뻗어나가는 구조.
         기본 진입 페이지가 #about(회사) 이고, 브랜드 인덱스는 #home 으로 한 갈래가 된다.
         내용은 아직 비어 있다 — 자료 들어올 자리만 잡아둔 상태. */

      /* 헤더 로고 (이미지 확정 전 텍스트 락업) */
      body .site-logo-text {
        width: auto;
        height: 32px;
        gap: 5px;
        align-items: baseline;
      }
      @media (max-width: 767px) {
        body .site-logo-text { height: 21px; }
      }

      /* 현재 페이지 표시 — 기존엔 brand 에 Bold 가 하드코딩돼 있었다 */
      .nav-item.is-current {
        font-family: var(--ybk-font), system-ui, sans-serif !important;
      }

      /* 터치 기기에서 가짜 hover 가 걸리지 않게 */
      @media (hover: hover) and (pointer: fine) {
        .nav-item:hover { opacity: 0.55; }
      }
      .nav-item { transition: opacity 200ms cubic-bezier(0.23, 1, 0.32, 1); }

      /* ---- 자료 대기 자리 ---- */
      .slot {
        border: 1px dashed #d2d2d2;
        border-radius: 10px;
        background: #fafafa;
        color: #9a9a9a;
        display: flex;
        flex-direction: column;
        gap: 6px;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 24px;
      }

      /* ---- 회사 페이지 레이아웃 ---- */
      /* 히어로는 기존 .hero-banner 와 같은 풀블리드 회색 면. 점선/라운딩을 걷어낸다. */
      .ab-hero {
        width: 100%;
        aspect-ratio: 16 / 6;
        background-color: #ededed;
        background-image: url('/assets/asset-d939c9efdaae4e39.webp');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
      }
      .ab-col {
        width: 94%;
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 120px;
      }
      .ab-lead-wrap { margin-top: 88px; }
      .ab-kicker {
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 13px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: #000;
        margin-bottom: 26px;
      }
      .ab-statement {
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-weight: 700;
        font-size: 44px;
        line-height: 1.4;
        letter-spacing: -1px;
        color: #000;
        margin-bottom: 28px;
      }
      .ab-lead {
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 16px;
        line-height: 1.9;
        letter-spacing: -0.3px;
        color: #444;
        max-width: 720px;
      }
      .ab-h2 {
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 44px;
        line-height: 1.1;
        color: #000;
        margin-bottom: 14px;
      }
      .ab-h2-ko {
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 15px;
        line-height: 1.8;
        letter-spacing: -0.3px;
        color: #6a6a6a;
        margin-bottom: 40px;
      }
      /* 지표 */
      .ab-stats {
        display: flex;
        border-top: 1.6px solid #000;
        border-bottom: 1px solid #ddd;
      }
      .ab-stat {
        flex: 1;
        padding: 34px 0;
        border-right: 1px solid #e6e6e6;
      }
      .ab-stat:last-child { border-right: 0; }
      .ab-stat .v {
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 46px;
        line-height: 1;
        color: #000;
      }
      .ab-stat .k {
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 12px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #8f8f8f;
        margin-top: 12px;
      }
      /* 브랜드 스트립 */
      .ab-brands { display: flex; flex-wrap: wrap; gap: 16px; }
      .ab-brand {
        width: calc((100% - 6 * 16px) / 7);
        aspect-ratio: 1;
        border-radius: 10px;
        overflow: hidden;
      }
      /* 연혁 */
      .ab-hist { display: flex; flex-direction: column; border-top: 1.6px solid #000; }
      /* 인포 */
      .ab-info { display: flex; gap: 40px; align-items: stretch; }
      .ab-info-txt { width: 380px; flex-shrink: 0; display: flex; flex-direction: column; gap: 26px; }
      .ab-info-txt .k {
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 11px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #b0b0b0;
        margin-bottom: 8px;
      }
      .ab-info-txt .v {
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 15px;
        line-height: 1.8;
        letter-spacing: -0.3px;
        color: #000;
      }
      .ab-info .slot { flex: 1; min-height: 300px; }
      /* CTA */
      .ab-cta {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
      }
      .ab-btn {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 17px 32px;
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 13px;
        letter-spacing: 0.14em;
        transition: opacity 200ms cubic-bezier(0.23, 1, 0.32, 1),
                    transform 140ms cubic-bezier(0.23, 1, 0.32, 1);
      }
      .ab-btn:active { transform: scale(0.98); }
      .ab-btn-dark { background: #000; color: #fff; }
      .ab-btn-light { background: #f1f0ee; color: #1f1d1b; }
      @media (hover: hover) and (pointer: fine) {
        .ab-btn:hover { opacity: 0.82; }
      }
      .ab-tail { height: 40px; }

      @media (max-width: 1132px) {
        body .ab-brands .ab-brand { width: calc((100% - 3 * 16px) / 4); }
      }
      @media (max-width: 767px) {
        body .ab-col { gap: 72px; }
        body .ab-lead-wrap { margin-top: 48px; }
        body .ab-hero {
           aspect-ratio: 4 / 5;
           background-image: url('/assets/asset-7cc3912ac1ea90ea.webp');
         }
        body .ab-statement { font-size: 26px; }
        body .ab-h2 { font-size: 30px; }
        body .ab-stats { flex-wrap: wrap; }
        body .ab-stat { flex: 0 0 50%; border-right: 0; padding: 22px 0; }
        body .ab-stat .v { font-size: 32px; }
        body .ab-brands .ab-brand { width: calc((100% - 16px) / 2); }
        body .ab-info { flex-direction: column; }
        body .ab-info-txt { width: 100%; }
      }

      /* ================= 반응형 =================
         >=1133px : 확정된 데스크톱 디자인 그대로
         768~1132 : 폭만 유동
         <=767    : 모바일
         Tailwind 유틸리티(0,1,0)를 확실히 이기려고 body 접두사로 특이도를 올린다. */

      @media (max-width: 1132px) {
        body .page-root {
          min-width: 0;
        }

        /* 본문 칼럼 1000px 고정 -> 화면에 맞춰 축소 */
        body .bp-col {
          width: 100%;
          max-width: 1000px;
        }

        body .bp-info {
          width: 100%;
        }

        /* 1000px 고정으로 잡힌 자식들. 그대로 두면 칼럼 밖으로 나가
           루트의 overflow-hidden 에 잘려 조용히 사라진다. */
        body .bp-h3 {
          width: 100%;
        }

        body .bp-imgs {
          width: 100%;
        }

        body .bp-imgs > div {
          width: calc(100% / 3);
          height: auto;
          aspect-ratio: 333.33 / 332.33;
        }

        /* 데스크톱은 <br /> 로 4줄 고정. 폭이 줄면 넘치지 않게 흘려보낸다. */
        body .bp-body {
          white-space: normal;
        }

        /* 300/350 고정 블록이 안 들어가면 줄을 바꾼다 */
        body .site-footer-row {
          flex-wrap: wrap;
          row-gap: 28px;
        }
      }

      @media (max-width: 767px) {
        body .site-header {
          height: 60px;
          padding: 0 20px;
        }

        /* 로고 160 + 탭 4개는 375px 에서 부딪힌다. 둘 다 줄인다. */
        body .site-logo {
          width: 104px;
          height: 21px;
        }

        body .nav-item {
          margin-right: 14px;
        }

        body .nav-item {
          height: 28px;
          padding-bottom: 0;
          font-size: 12px;
          line-height: 16px;
        }

        /* 가로 배너(2000x1080) -> 세로 배너(1080x1350) */
        body .hero-banner {
          aspect-ratio: 1080 / 1350;
          background-image: var(--banner-m);
        }

        body .page-root {
          padding-top: 60px;
        }

        body .index-head {
          margin-top: -20px;
        }

        body .content-col {
          width: 100%;
          padding: 0 20px;
          gap: 36px;
        }

        body .index-title {
          font-size: 40px;
          line-height: 40px;
        }

        body .index-desc {
          font-size: 14px;
          line-height: 24px;
        }

        /* 브랜드 그리드 3열 -> 2열. 로고 칸은 정사각 비율을 유지한 채 축소된다. */
        body .brand-grid-row {
          column-gap: 12px;
          row-gap: 26px;
        }

        body .brand-card {
          width: calc((100% - 12px) / 2);
        }

        body .brand-name {
          font-size: 15px;
          line-height: 21px;
          padding-top: 12px;
        }

        body .brand-en {
          font-size: 11px;
          line-height: 15px;
          padding-top: 4px;
        }

        /* --- 브랜드 상세: 3.html 의 절대배치를 흐름 배치로 --- */
        body .bp-section {
          gap: 36px;
        }

        body .bp-hero {
          height: auto;
          aspect-ratio: 1080 / 1350;
        }

        /* 브랜드별 모바일 전용 세로 배너 */
        body .bp-hero.bgi-brand-samur { background-image: url('/assets/asset-1960a3341a3609e8.webp'); }
        body .bp-hero.bgi-brand-karriair { background-image: url('/assets/asset-f755688bf89b7ce2.webp'); }
        body .bp-hero.bgi-brand-pureble { background-image: url('/assets/asset-ef8825ddcc078c74.webp'); }
        body .bp-hero.bgi-brand-akei { background-image: url('/assets/asset-53a4a11fa7809410.webp'); }
        body .bp-hero.bgi-brand-salloom { background-image: url('/assets/asset-c8669da5a7137a74.webp'); }
        body .bp-hero.bgi-brand-simplif { background-image: url('/assets/asset-c1c09000ee4abf6d.webp'); }
        body .bp-hero.bgi-brand-forman { background-image: url('/assets/asset-f44653f5f72f2cd2.webp'); }

        /* 로고 락업은 비어 있는 자리(로고가 사진에 합성돼 있음)라 모바일에선 숨긴다 */
        body .bp-logo-slot {
          display: none;
        }

        /* CTA는 레퍼런스처럼 배너 우하단을 가로지르는 정사각 버튼으로 둔다. */
        body .bp-section {
          gap: 112px;
        }

        body .bp-cta-rail {
          top: auto;
          right: clamp(32px, 10vw, 48px);
          bottom: clamp(-54px, -11vw, -40px);
          left: auto;
          width: auto;
          z-index: 2;
        }

        body .bp-cta-col {
          width: auto;
          max-width: none;
          justify-content: flex-end;
        }

        body .bp-cta {
          width: clamp(108px, 26vw, 132px);
          aspect-ratio: 1 / 1;
          padding: clamp(17px, 4.5vw, 22px);
        }

        body .bp-cta-inner {
          height: 100%;
          padding: 0;
          flex-direction: column;
          align-items: flex-start;
          justify-content: space-between;
          gap: 0;
        }

        body .bp-cta-inner > div:first-child {
          font-size: clamp(15px, 4.2vw, 18px) !important;
          line-height: 1.35 !important;
        }

        body .bp-cta-inner > div:last-child {
          width: clamp(26px, 7vw, 30px) !important;
          height: auto !important;
          aspect-ratio: 25 / 14.28;
        }

        body .bp-info {
          height: auto;
          display: flex;
          flex-direction: column;
          gap: 0;
          padding: 0 20px;
        }

        body .bp-h3,
        body .bp-rule,
        body .bp-body,
        body .bp-imgs {
          position: static;
        }

        body .bp-h3,
        body .bp-body {
          width: auto;
        }

        /* 12px 틱 마크다. width:auto 로 두면 블록이 전체 폭 선으로 늘어난다. */
        body .bp-rule {
          width: 12px;
          flex: none;
        }

        body .bp-h3 {
          height: auto;
          gap: 6px;
        }

        body .bp-tagline {
          font-size: 17px;
          line-height: 26px;
          white-space: normal;
        }

        body .bp-name {
          font-size: 26px;
          line-height: 38px;
        }

        body .bp-rule {
          margin: 18px 0;
        }

        /* 데스크톱은 <br /> 로 4줄을 고정하지만 모바일에선 자연스럽게 흘려야 한다 */
        body .bp-body {
          font-size: 14px;
          line-height: 24px;
          white-space: normal;
        }

        body .bp-imgs {
          width: 100%;
          margin-top: 26px;
        }

        body .bp-imgs > div {
          width: calc(100% / 3);
          height: auto;
          aspect-ratio: 1 / 1;
        }

        /* 푸터 세로 적층 */
        body .site-footer {
          padding: 0 20px;
          margin-top: 64px;
        }

        body .site-footer-row {
          flex-direction: column;
          padding: 28px 0 40px;
          row-gap: 22px;
        }

        body .site-footer-row > div {
          width: 100%;
        }

        body .footer-cta-wrap {
          align-items: flex-start;
        }
      }

      /* 단일파일 페이지 전환 — 특이도 0,2,1 로 Tailwind 의 .flex(0,1,0) 를 이긴다 */
      body [data-page] {
        display: none;
      }

      body [data-page].is-active {
        display: flex;
      }

      /* ==================================================================
         What we do. — 가로 카드 슬라이더 (2026-09-02 병합)
         원본: whatwedo.html 독립 시안.
         독립 시안의 * / body / .wwd 카드 크롬(흰 배경·라운드·1280 컨테이너)은
         .ab-col(94% / max 1200) 안으로 들어오면서 불필요해 걷어냈다.
         카드 폭 계산식 (100% - 108px)/3 은 원본 그대로 — 4번째 카드가 살짝
         비쳐 "더 있다"를 알리는 값이다.
         ================================================================== */
      .wwd-slider {
        position: relative;
      }

      .wwd-list {
        display: flex;
        gap: 32px;
        padding: 4px 0 8px;
        overflow-x: auto;
        scroll-behavior: smooth;
        cursor: grab;
        scrollbar-width: none;
        /* mandatory 로 하면 로드 직후 첫 카드가 끌려들어가 잘린다 (원본 주석) */
        scroll-snap-type: x proximity;
      }

      .wwd-list::-webkit-scrollbar {
        display: none;
      }

      .wwd-list.dragging {
        cursor: grabbing;
        scroll-behavior: auto;
      }

      .wwd-list.dragging .wwd-item {
        pointer-events: none;
      }

      .wwd-item {
        flex: 0 0 calc((100% - 108px) / 3);
        scroll-snap-align: start;
        user-select: none;
      }

      .wwd-item .num {
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 12px;
        letter-spacing: 0.12em;
        color: #b0b0b0;
        margin-bottom: 10px;
      }

      .wwd-item h3 {
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: -0.5px;
        color: #000;
        margin: 0 0 18px;
      }

      .wwd-box {
        min-height: 128px;
        padding: 22px 22px 26px;
        border: 1px solid #e6e8ea;
        border-radius: 10px;
        transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
      }

      .wwd-box .tag {
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.12em;
        color: #ff4d12;
        margin-bottom: 10px;
      }

      .wwd-box p {
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 14px;
        line-height: 1.75;
        letter-spacing: -0.3px;
        color: #4a4f56;
        word-break: keep-all;
        margin: 0;
      }

      /* hover 는 포인터 기기에서만 (사이트 공통 규칙) */
      @media (hover: hover) and (pointer: fine) {
        .wwd-item:hover .wwd-box {
          border-color: #d3d6da;
          box-shadow: 0 6px 20px rgba(17, 17, 17, 0.06);
          transform: translateY(-2px);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .wwd-box { transition: none; }
        .wwd-item:hover .wwd-box { transform: none; }
        .wwd-list { scroll-behavior: auto; }
      }

      .wwd-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 3;
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border: 1px solid #e2e4e7;
        border-radius: 50%;
        box-shadow: 0 2px 10px rgba(17, 17, 17, 0.06);
        cursor: pointer;
        transition: background-color 0.2s ease, border-color 0.2s ease;
      }

      .wwd-nav.prev { left: 8px; }
      .wwd-nav.next { right: 8px; }

      .wwd-nav svg {
        width: 16px;
        height: 16px;
        fill: none;
        stroke: #111;
        stroke-width: 2;
      }

      .wwd-nav:disabled {
        opacity: 0;
        pointer-events: none;
      }

      .wwd-nav:focus-visible {
        outline: 2px solid #111;
        outline-offset: 2px;
      }

      .wwd-nav:active { transform: translateY(-50%) scale(0.97); }

      @media (hover: hover) and (pointer: fine) {
        .wwd-nav:hover:not(:disabled) { background: #111; border-color: #111; }
        .wwd-nav:hover:not(:disabled) svg { stroke: #fff; }
      }

      /* 양 끝 페이드. 오른쪽은 다음 카드가 비쳐야 해서 왼쪽보다 옅게 (원본 의도) */
      .wwd-slider::before,
      .wwd-slider::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 44px;
        z-index: 2;
        pointer-events: none;
        transition: opacity 0.2s ease;
      }

      .wwd-slider::before {
        left: 0;
        background: linear-gradient(90deg, #fff 45%, rgba(255, 255, 255, 0));
      }

      .wwd-slider::after {
        right: 0;
        background: linear-gradient(270deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
      }

      .wwd-slider[data-start='true']::before { opacity: 0; }
      .wwd-slider[data-end='true']::after { opacity: 0; }

      @media (max-width: 1024px) {
        .wwd-item { flex-basis: calc((100% - 82px) / 2); }
        .wwd-slider::before,
        .wwd-slider::after { width: 32px; }
      }

      @media (max-width: 767px) {
        .wwd-list { gap: 16px; }
        .wwd-item { flex-basis: calc(100% - 36px); }
        .wwd-nav { display: none; }
        .wwd-slider::before,
        .wwd-slider::after { width: 20px; }
      }

      /* 모바일 메뉴: 두 줄 햄버거 버튼으로 열리는 오버레이 패널 */
      .mobile-menu-toggle,
      .mobile-menu-backdrop,
      .mobile-menu-panel {
        display: none;
      }

      @media (max-width: 767px) {
        body .site-nav {
          display: none !important;
        }

        body .mobile-menu-toggle {
          width: 34px;
          height: 34px;
          padding: 0;
          border: 0;
          background: transparent;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 8px;
          cursor: pointer;
        }

        body .mobile-menu-toggle span {
          width: 28px;
          height: 2px;
          display: block;
          background: #000;
        }

        body .mobile-menu-backdrop {
          position: fixed;
          z-index: 149;
          inset: 0;
          display: block;
          background: rgba(12, 18, 20, 0.24);
          -webkit-backdrop-filter: blur(7px) saturate(115%);
          backdrop-filter: blur(7px) saturate(115%);
        }

        body .mobile-menu-backdrop[hidden],
        body .mobile-menu-panel[hidden] {
          display: none !important;
        }

        body .mobile-menu-panel {
          position: fixed;
          z-index: 150;
          inset: 0 0 auto 0;
          width: 100%;
          height: 100dvh;
          min-height: 0;
          box-sizing: border-box;
          padding: 0 clamp(24px, 8vw, 42px) 34px;
          display: flex;
          flex-direction: column;
          background: rgba(255, 255, 255, 0.94);
          color: #000;
          -webkit-backdrop-filter: blur(20px) saturate(125%);
          backdrop-filter: blur(20px) saturate(125%);
          overflow: hidden;
          overscroll-behavior: none;
        }

        body .mobile-menu-panel-head {
          height: 90px;
          flex: 0 0 auto;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          border-bottom: 1px solid #cfcfcf;
        }

        body .mobile-menu-list {
          display: flex;
          flex-direction: column;
          gap: 25px;
          margin: 44px 0 0;
          padding: 0;
        }

        body .mobile-menu-list a {
          width: fit-content;
          color: #000;
          font-family: var(--ybk-font), system-ui, sans-serif;
          font-size: clamp(24px, 6vw, 29px);
          line-height: 1.15;
          letter-spacing: -0.04em;
          text-decoration: none;
        }

        body .mobile-menu-list a.is-current {
          font-family: var(--ybk-font), system-ui, sans-serif;
        }

        body .mobile-menu-foot {
          display: flex;
          flex-direction: column;
          gap: 8px;
          margin-top: auto;
          padding-top: 30px;
          font-family: var(--ybk-font), system-ui, sans-serif;
        }

        body .mobile-menu-foot strong {
          font-size: 17px;
          line-height: 1.2;
          font-weight: 800;
        }

        body .mobile-menu-foot span {
          color: #cfcfcf;
          font-size: 13px;
          line-height: 1.3;
        }

        html.mobile-menu-open,
        body.mobile-menu-open {
          overflow: hidden;
          overscroll-behavior: none;
        }
      }    
      /* 모바일 메뉴: 같은 버튼이 햄버거와 닫기(X)를 전환하며, 메뉴 행 전체가 터치 영역이다. */
      @media (max-width: 767px) {
        body .mobile-menu-toggle {
          position: relative;
          z-index: 1;
          display: grid;
          place-items: center;
          gap: 0;
          touch-action: manipulation;
          -webkit-tap-highlight-color: transparent;
        }

        body .mobile-menu-toggle span {
          width: auto;
          height: auto;
          display: block;
          background: transparent;
        }

        body .mobile-menu-icon-swap {
          position: relative;
          display: grid;
          width: 34px;
          height: 34px;
        }

        body .mobile-menu-icon {
          grid-area: 1 / 1;
          position: relative;
          width: 34px;
          height: 34px;
          opacity: 0;
          filter: blur(2px);
          transform: scale(.25);
          transition: opacity 250ms ease-in-out, filter 250ms ease-in-out, transform 250ms ease-in-out;
          will-change: opacity, filter, transform;
        }

        body .mobile-menu-icon-swap[data-state="closed"] .mobile-menu-icon-menu,
        body .mobile-menu-icon-swap[data-state="open"] .mobile-menu-icon-close {
          opacity: 1;
          filter: blur(0);
          transform: scale(1);
        }

        body .mobile-menu-icon i {
          position: absolute;
          left: 3px;
          width: 28px;
          height: 2px;
          display: block;
          background: #000;
          transform-origin: center;
        }

        body .mobile-menu-icon-menu i:first-child { top: 11px; }
        body .mobile-menu-icon-menu i:last-child { top: 21px; }
        body .mobile-menu-icon-close i { top: 16px; left: 0; width: 34px; }
        body .mobile-menu-icon-close i:first-child { transform: rotate(45deg); }
        body .mobile-menu-icon-close i:last-child { transform: rotate(-45deg); }

        body.mobile-menu-open .site-header {
          z-index: 151;
          background: transparent;
        }

        body.mobile-menu-open .site-logo { visibility: hidden; }

        body .mobile-menu-list {
          gap: 0;
          margin: clamp(64px, 12dvh, 96px) 0 0;
        }

        body .mobile-menu-list a {
          box-sizing: border-box;
          width: 100%;
          min-height: 58px;
          padding: 10px 4px;
          display: flex;
          align-items: center;
          touch-action: manipulation;
          -webkit-tap-highlight-color: transparent;
          transition: background-color 160ms ease, transform 160ms ease;
        }

        body .mobile-menu-list a:active {
          background: #f1f1f1;
          transform: translateX(4px);
        }

        body .mobile-menu-list a:focus-visible {
          outline: 2px solid #000;
          outline-offset: 3px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        body .mobile-menu-icon,
        body .mobile-menu-list a { transition: none !important; }
      }
      /* 모바일 메뉴 모션: 패널·배경·메뉴 항목이 하나의 흐름으로 열리고 닫힌다. */
      @media (max-width: 767px) {
        body .mobile-menu-backdrop {
          opacity: 0;
          pointer-events: none;
          transition: opacity 250ms cubic-bezier(0.22, 1, 0.36, 1);
          will-change: opacity;
        }

        body .mobile-menu-backdrop.is-open {
          opacity: 1;
          pointer-events: auto;
        }

        body .mobile-menu-panel {
          opacity: 1;
          pointer-events: none;
          transform: none;
          clip-path: inset(0 0 100% 0);
          transform-origin: top center;
          transition: clip-path 720ms cubic-bezier(0.22, 1, 0.36, 1);
          will-change: clip-path;
        }

        body .mobile-menu-panel.is-open {
          pointer-events: auto;
          clip-path: inset(0 0 0 0);
        }

        body .mobile-menu-panel .mobile-menu-list a,
        body .mobile-menu-panel .mobile-menu-foot {
          opacity: 0;
          filter: blur(2px);
          transform: translateY(18px);
          transition: opacity 180ms cubic-bezier(0.22, 1, 0.36, 1), filter 180ms cubic-bezier(0.22, 1, 0.36, 1), transform 250ms cubic-bezier(0.22, 1, 0.36, 1);
        }

        body .mobile-menu-panel.is-open .mobile-menu-list a,
        body .mobile-menu-panel.is-open .mobile-menu-foot {
          opacity: 1;
          filter: blur(0);
          transform: translateY(0);
        }

        body .mobile-menu-panel.is-open .mobile-menu-list a:nth-child(1) { transition-delay: 80ms; }
        body .mobile-menu-panel.is-open .mobile-menu-list a:nth-child(2) { transition-delay: 115ms; }
        body .mobile-menu-panel.is-open .mobile-menu-list a:nth-child(3) { transition-delay: 150ms; }
        body .mobile-menu-panel.is-open .mobile-menu-list a:nth-child(4) { transition-delay: 185ms; }
        body .mobile-menu-panel.is-open .mobile-menu-foot { transition-delay: 220ms; }
      }

      @media (prefers-reduced-motion: reduce) {
        body .mobile-menu-backdrop,
        body .mobile-menu-panel,
        body .mobile-menu-panel .mobile-menu-list a,
        body .mobile-menu-panel .mobile-menu-foot { transition: none !important; }
      }
      /* About 첫 소개 문구: 단어별로 선명해지는 스트리밍 모션 */
      :root {
        --about-stream-gap: 60ms;
        --about-stream-fade: 350ms;
        --about-stream-blur: 1px;
        --about-stream-ease: cubic-bezier(0.22, 1, 0.36, 1);
      }

      .t-stream-w {
        opacity: 0;
        filter: blur(var(--about-stream-blur));
        transition: opacity var(--about-stream-fade) var(--about-stream-ease), filter var(--about-stream-fade) var(--about-stream-ease);
      }

      .t-stream-w.is-in {
        opacity: 1;
        filter: blur(0);
      }

      .t-stream-w.t-stream-reset { transition: none !important; }

      /* Keep the opening copy styling/wrappers, but show it without motion. */
      .ab-opening .t-stream-w {
        opacity: 1 !important;
        filter: none !important;
        transition: none !important;
      }

      @media (prefers-reduced-motion: reduce) {
        .t-stream-w {
          opacity: 1 !important;
          filter: none !important;
          transition: none !important;
        }
      }
      /* 스크롤 진입 스트리밍: 읽는 속도에 맞춰 천천히 풀린다. */
      :root {
        --about-stream-gap: 110ms;
        --about-stream-fade: 500ms;
      }
/* asset-543e8d4334500819.css */

      .ab-map { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
      .ab-map a { font-size: 13px; color: #333; text-decoration: underline; text-underline-offset: 4px; }
      body .bp-body { max-width: 100%; white-space: normal; word-break: keep-all; overflow-wrap: anywhere; }
      body .ab-statement, body .ab-lead { word-break: keep-all; overflow-wrap: anywhere; }
      @media (max-width: 767px) {
        body .site-header > div { align-items: center; }
        body .site-logo { align-self: center; margin-top: 0; margin-bottom: 0; }
        body .mobile-menu-toggle { align-self: center; }
        body .mobile-menu-toggle .mobile-menu-icon-swap { display: grid; width: 34px; height: 34px; }
        body .mobile-menu-toggle .mobile-menu-icon { display: block; width: 34px; height: 34px; }
        body .bp-cta { height: clamp(108px, 26vw, 132px); flex: none; }
        body .bp-body br, body .ab-lead br { display: none; }
        body .bp-body { line-height: 1.8; }
        body .ab-map { width: 100%; }
      }
    
/* asset-58e26daf3a1251d1.css */

  @media (max-width: 767px) {
    body .wwd-list { gap: 16px; align-items: stretch; padding-bottom: 14px; }
    body .wwd-item { flex: 0 0 calc((100% - 16px) / 2); min-width: 0; display: flex; flex-direction: column; }
    body .wwd-item h3 { font-size: 18px; margin-bottom: 14px; }
    body .wwd-box { flex: 1; min-height: 0; padding: 16px 12px 20px; }
    body .wwd-box p { font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
    body .wwd-box .tag { font-size: 10px; letter-spacing: .04em; overflow-wrap: anywhere; }
    body .wwd-slider { padding-bottom: 48px; }
    body .wwd-slider::before, body .wwd-slider::after { display: none; }
    body .wwd-nav { display: flex; top: auto; bottom: 0; transform: none; width: 36px; height: 36px; box-shadow: none; }
    body .wwd-nav.prev { left: auto; right: 48px; }
    body .wwd-nav.next { right: 0; }
    body .wwd-nav:disabled { opacity: .25; } body .wwd-nav:active { transform: none; }
  }

/* asset-a6d4274aa01ce682.css */

  .static-location-map { width: 100%; margin: 0; overflow: hidden; border: 1px solid #dcd8cf; background: #faf9f6; }
  .static-location-map svg { display: block; width: 100%; height: auto; }
  @keyframes ybkdash { to { stroke-dashoffset: -24; } }
  @media (prefers-reduced-motion: reduce) {
    .static-location-map polyline[style*="ybkdash"] { animation: none !important; }
  }
  @media (max-width: 767px) {
    body .static-location-map { border-radius: 10px !important; }
  }

/* asset-16cf418f04ba55fe.css */

/* ── 3. 브랜드 상세 상품 라인업 ─────────────────────────
         브랜드 소개 아래에서 실제 판매 상품으로 자연스럽게 이어진다.
         제품 이미지가 아직 없는 카드는 동일한 미디어 슬롯을 유지해
         디자이너 산출물이 들어와도 레이아웃이 흔들리지 않게 한다. */
      body .bp-products {
        width: 1000px;
        max-width: 94vw;
        align-self: center;
        margin: 0 auto;
        padding: 56px 0 16px;
        border-top: 1px solid #d7d7d7;
      }

      body .bp-products-head {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 24px;
        margin-bottom: 26px;
      }

      body .bp-products-kicker {
        margin-bottom: 10px;
        color: #5b7c80;
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 11px;
        line-height: 1;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      body .bp-products-title {
        color: #151515;
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 27px;
        line-height: 1.25;
        font-weight: 800;
        letter-spacing: -0.055em;
      }

      body .bp-products-count {
        flex: 0 0 auto;
        padding-bottom: 3px;
        color: #777777;
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 12px;
        line-height: 1.4;
        letter-spacing: 0.06em;
        text-align: right;
      }

      body .bp-product-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 34px 20px;
      }

      body .bp-product-card {
        display: block;
        min-width: 0;
        color: #151515;
        text-decoration: none;
      }

      body .bp-product-media {
        position: relative;
        width: 100%;
        aspect-ratio: 1 / 1;
        overflow: hidden;
        background: #f1f0ee;
      }

      body .bp-product-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.45s ease;
      }

      body .bp-product-card:hover .bp-product-media img,
      body .bp-product-card:focus-visible .bp-product-media img {
        transform: scale(1.04);
      }

      body .bp-product-meta {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        padding-top: 14px;
      }

      body .bp-product-category {
        color: #777777;
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 10px;
        line-height: 1.2;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      body .bp-product-name {
        color: #151515;
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 15px;
        line-height: 1.45;
        font-weight: 700;
        letter-spacing: -0.045em;
        word-break: keep-all;
      }

      body .bp-product-note {
        color: #777777;
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: -0.025em;
        word-break: keep-all;
      }

      body .bp-product-link {
        margin-top: 5px;
        color: #222222;
        font-family: var(--ybk-font), system-ui, sans-serif;
        font-size: 10px;
        line-height: 1.2;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      body .bp-product-link::after { content: '  ↗'; }

      body .bp-products--single .bp-product-grid {
        grid-template-columns: minmax(0, 1fr);
        max-width: 640px;
      }

      body .bp-products--single .bp-product-card {
        display: grid;
        grid-template-columns: minmax(0, 1.3fr) minmax(220px, 1fr);
        gap: 26px;
        align-items: end;
      }

      body .bp-products--single .bp-product-media { aspect-ratio: 1 / 1; }
      body .bp-products--single .bp-product-meta { padding-bottom: 4px; }

      @media (max-width: 767px) {
        body .bp-products {
          max-width: calc(100% - 40px);
          padding-top: 40px;
        }

        body .bp-products-head {
          display: block;
          margin-bottom: 22px;
        }

        body .bp-products-count {
          margin-top: 9px;
          text-align: left;
        }

        body .bp-product-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 28px 12px;
        }

        body .bp-products--single .bp-product-grid { max-width: none; }

        body .bp-products--single .bp-product-card {
          display: block;
        }

        body .bp-products--single .bp-product-media { aspect-ratio: 1 / 1; }
      }

/* asset-6e96a3a01136e30e.css */

  body .bp-imgs { overflow: hidden; background: #ededed; }
  body .bp-slot-product {
    display: block;
    width: 333.33px;
    height: 332.33px;
    flex: 0 0 auto;
    overflow: hidden;
    background: #ededed;
  }
  body .bp-slot-product img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 420ms cubic-bezier(.22,.61,.36,1);
  }
  body .bp-slot-product[data-focus="lower"] img { object-position: 50% 64%; }
  @media (hover: hover) and (pointer: fine) {
    body .bp-slot-product:hover img,
    body .bp-slot-product:focus-visible img { transform: scale(1.025); }
  }
  @media (max-width: 767px) {
    body .bp-slot-product {
      width: calc(100% / 3);
      height: auto;
      aspect-ratio: 1 / 1;
    }
  }

/* asset-99f24057674f781c.css */

      body h1 { margin: 0; }
      /* .page-root 는 flex + align-items:flex-start 다. <main> 이 늘어나지 않고
         콘텐츠 폭으로 줄어들어 풀블리드 히어로가 잘리므로 폭을 명시한다. */
      body #main-content { width: 100%; align-self: stretch; }
      #main-content:focus { outline: none; }
      .skip-link { position: fixed; top: 8px; left: 8px; z-index: 1000; padding: 10px 14px; color: #fff; background: #111; transform: translateY(-150%); }
      .skip-link:focus { transform: translateY(0); }
    
/* asset-2616adc542fa41f0.css */

      /* ==================================================================
         데스크톱 브랜드 히어로 — 2000×750 전용 자산 (2026-09-07)
         이전에는 인덱스 카드용 1000×1000 을 h-[1332px] 고정 박스에 넣어
         768px 가로 42.3% / 1920px 세로 30.6% 가 잘렸다.
         자산 비율(2.667:1)을 박스에 그대로 물려 전 구간 잘림 0 으로 만든다.
         모바일(≤767px)은 1080×1350 세로 배너를 쓰므로 이 블록은 건드리지 않는다.
         ================================================================== */
      @media (min-width: 768px) {
        /* h-[1332px](0,1,0) 를 이긴다 */
        body .bp-hero {
          height: auto;
          aspect-ratio: 2000 / 750;
          background-size: cover;
          background-position: center;
        }

        /* 로고 락업은 빈 자리다 — 워드마크가 배너에 합성돼 있다.
           히어로가 낮아지면서 top:546px 가 박스 밖으로 나가므로 숨긴다. */
        body .bp-logo-slot { display: none; }

        /* CTA 는 원래 히어로 하단선을 51px 넘어 걸치는 디자인이다(1203+180-1332).
           높이가 비율로 바뀌었으므로 하단 기준 고정값으로 잡는다. */
        body .bp-cta-rail {
          top: auto;
          /* 걸침도 히어로 높이에 비례시킨다 (1440px 에서 51px) */
          bottom: clamp(-51px, -3.55vw, -27px);
        }

        /* 1000px 칼럼이 화면을 꽉 채우는 구간(≤1040px)에서 CTA 가 화면 끝에
           딱 붙던 문제. 좌우 20px 여백을 만든다. 1040px 이상에서는 무효. */
        body .bp-cta-col {
          max-width: calc(100% - 40px);
        }

        /* 히어로가 1332px 고정 → 2.667:1 비율로 바뀌면서 CTA(180px 고정)가
           768px 에서 히어로의 63% 를 덮었다. 모바일과 같은 정사각 스케일 방식으로
           맞춘다 — 어느 폭에서든 히어로 높이의 약 1/3. */
        body .bp-cta {
          width: clamp(110px, 12.5vw, 190px);
          height: auto;
          aspect-ratio: 1 / 1;
          padding: clamp(16px, 1.9vw, 30px);
        }

        body .bp-cta-inner {
          height: 100%;
          padding: 0;
          gap: 0;
          justify-content: space-between;
        }

        body .bp-cta-inner > div:first-child {
          font-size: clamp(13px, 1.15vw, 16px) !important;
          line-height: 1.4 !important;
        }

        body .bp-cta-inner > div:last-child {
          width: clamp(20px, 1.8vw, 25px) !important;
          height: auto !important;
          aspect-ratio: 25 / 14.28;
        }

        body .bp-hero.bgi-hero-samur { background-image: url('/assets/asset-584f470ca31b3f05.webp'); }
        body .bp-hero.bgi-hero-karriair { background-image: url('/assets/asset-a804fc3da4deaec5.webp'); }
        body .bp-hero.bgi-hero-pureble { background-image: url('/assets/asset-bf03ead0c14f2ef8.webp'); }
        body .bp-hero.bgi-hero-akei { background-image: url('/assets/asset-15b1c8304c3197b8.webp'); }
        body .bp-hero.bgi-hero-salloom { background-image: url('/assets/asset-e21fb49aa7f29126.webp'); }
        body .bp-hero.bgi-hero-simplif { background-image: url('/assets/asset-a09b2ab2e12a034e.webp'); }
        body .bp-hero.bgi-hero-forman { background-image: url('/assets/asset-24e2137f3fa1d9ca.webp'); }
      }
    
/* asset-b1149912463ea684.css */

      /* 2026-09-07
         - 메인 배너 자산이 2000×750 으로 교체됨. 박스도 같은 비율로 맞춘다.
           (기존 aspect-[4/1] 은 1.852:1 자산을 4:1 창에 넣어 세로 53.7% 를 버렸다)
         - 3칸 슬롯: 중복 컷 제거로 칸 수가 브랜드마다 달라졌다. 남은 칸을 균등 분할한다. */
      @media (min-width: 768px) {
        body .hero-banner { aspect-ratio: 16 / 6; }
      }

      /* 데스크톱 슬롯은 333.33px 고정이라 칸이 줄면 행이 덜 찬다.
         칸 수에 무관하게 1000px 행을 균등 분할하도록 flex 기반으로 바꾼다. */
      @media (min-width: 768px) {
        /* .bp-info 는 h-[696.33px] 고정이고 제목·룰·본문·슬롯행이 전부 absolute 였다.
           슬롯 칸 수가 브랜드마다 달라지면서 사뮤르(2칸)는 168px 넘치고
           포르만(0칸)은 410px 빈 공간이 남았다.
           → 슬롯행만 흐름으로 되돌리고 그 위 영역은 padding-top 으로 확보한다.
             absolute 요소들은 padding box 기준이라 top 값이 그대로 유지된다. */
        body .bp-info {
          height: auto;
          padding-top: 364px;
        }

        body .bp-imgs {
          position: static;
          width: 100%;
        }

        body .bp-slot-product {
          width: auto;
          flex: 1 1 0;
          height: auto;
          aspect-ratio: 1 / 1;
        }
      }
    
/* asset-2bd692c84c8f4653.css */

      /* 확정 로고(90×34 PNG). 기존 텍스트 락업(데스크톱 111×32 / 모바일 104×21)을 대체한다. */
      body .site-logo-text { width: auto; height: 30px; align-items: center; }
      .site-logo-img { display: block; height: 100%; width: auto; }

      @media (max-width: 767px) {
        body .site-logo { width: auto; height: 21px; }
        body .site-logo-text { height: 21px; }
      }
    
/* asset-d1fd7de513160ad3.css */

      /* 확정 로고 — 헤더·푸터·모바일 메뉴가 이 변수 하나를 공유한다.
         로고 파일이 바뀌면 아래 --ybk-logo 한 줄만 교체하면 세 곳이 함께 바뀐다.
         이미지에 텍스트가 없으므로 각 자리에 role="img" + aria-label 로 이름을 준다. */
      :root { --ybk-logo: url('/assets/asset-5ef37d5f74189fc5.svg'); }

      .ybk-logo-mark {
        display: block;
        aspect-ratio: 3441 / 1000;
        background-image: var(--ybk-logo);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left center;
        flex-shrink: 0;
      }

      /* 헤더 — .site-logo-text 가 높이를 잡는다 */
      .site-logo .ybk-logo-mark { height: 100%; }

      /* 푸터 — 기존 20px 텍스트 락업과 같은 무게로 */
      .footer-logo { height: 22px; }

      /* 모바일 메뉴 하단 — 기존 17px/800 텍스트와 같은 무게로.
         .mobile-menu-foot 이 align-items:stretch 라 박스가 전체 폭으로 늘어난다. */
      .menu-logo { height: 21px; width: auto; align-self: flex-start; }
    
/* asset-355a65cc39bf365e.css */

body [data-content-expanded] .bp-info {display:flex;flex-direction:column;height:auto;padding-top:0;}
body [data-content-expanded] .bp-h3,body [data-content-expanded] .bp-rule,body [data-content-expanded] .bp-body,body [data-content-expanded] .bp-imgs {position:static;}
body [data-content-expanded] .bp-h3 {height:auto;}
body [data-content-expanded] .bp-tagline {white-space:normal;}
body [data-content-expanded] .bp-rule {margin:30px 0;flex:none;width:12px;}
body [data-content-expanded] .bp-body {width:100%;max-width:780px;margin:0 0 48px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere;}
.source-content {width:1000px;max-width:94vw;margin:64px auto 0;align-self:center;font-family:var(--ybk-font),system-ui,sans-serif;color:#151515;}
.source-block {border-top:1px solid #d7d7d7;padding:44px 0 48px;}
.source-kicker {font-size:11px;letter-spacing:.14em;color:#666;margin:0 0 14px;}
.source-block h2 {font-size:28px;line-height:1.4;letter-spacing:-.04em;margin:0 0 24px;word-break:keep-all;}
.source-intro {max-width:780px;font-size:16px;line-height:1.9;color:#444;margin:0 0 28px;word-break:keep-all;overflow-wrap:anywhere;}
.source-row {display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;padding:23px 0;border-bottom:1px solid #e8e8e8;}
.source-row h3 {font-size:17px;line-height:1.6;margin:0;font-weight:700;word-break:keep-all;}
.source-row p {font-size:15px;line-height:1.9;color:#555;margin:0;word-break:keep-all;overflow-wrap:anywhere;}
.source-note {font-size:12px;line-height:1.8;color:#666;margin:24px 0 0;max-width:780px;}
.source-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 32px;}
.source-stats dt {font-size:13px;color:#666;margin-bottom:12px;}
.source-stats dd {font-size:32px;font-weight:700;letter-spacing:-.05em;margin:0;}
.source-company {font-family:var(--ybk-font),system-ui,sans-serif;}
@media(max-width:767px){
 .source-content{width:calc(100% - 40px);max-width:none;margin-top:42px;}
 .source-block{padding:32px 0;}
 .source-block h2{font-size:24px;}
 .source-intro{font-size:15px;}
 .source-row{grid-template-columns:1fr;gap:8px;padding:20px 0;}
 .source-stats{grid-template-columns:1fr;gap:22px;}
 .source-stats dd{font-size:30px;}
 body [data-content-expanded] .bp-rule{margin:18px 0;}
 body [data-content-expanded] .bp-body{margin-bottom:32px;}
}

/* asset-b2f619af1d8f37df.css */

/* ===== ybk viz components (2026-09-08) ===== */
.source-content, .source-company { --vz:#5b7c80; --vz-soft:#f4f6f6; }
[data-brand-story="samur"]    { --vz:#8c6a3e; --vz-soft:#FFF1F8; }
[data-brand-story="karriair"] { --vz:#4b87a1; --vz-soft:#eff5f8; }
[data-brand-story="pureble"]  { --vz:#b15c7d; --vz-soft:#fbf1f5; }
[data-brand-story="akei"]     { --vz:#1b2a5e; --vz-soft:#eff1f7; }
[data-brand-story="salloom"]  { --vz:#5b7c80; --vz-soft:#f1f5f5; }
[data-brand-story="simplif"]  { --vz:#6b7f6a; --vz-soft:#f1f5f0; }
[data-brand-story="forman"]   { --vz:#4a4a4a; --vz-soft:#f3f3f3; }
.source-company               { --vz:#111111; --vz-soft:#f4f4f4; }

.source-block h2 em { font-style: normal; color: var(--vz); }
.vz { margin: 4px 0 0; }
.vz + .vz { margin-top: 40px; }
.vz-lead { font-size:13px; letter-spacing:.1em; color:var(--vz); margin:0 0 18px; font-weight:700; }

/* 대형 스탯 밴드 */
.vz-band { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:#e4e4e4;
           border:1px solid #e4e4e4; margin:0 0 30px; }
.vz-band.c3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.vz-band.c2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.vz-band > div { background:#fff; padding:26px 20px 24px; }
.vz-band dt { font-size:12px; color:#777; margin:0 0 12px; letter-spacing:.02em; }
.vz-band dd { margin:0; font-size:34px; line-height:1.05; font-weight:800; letter-spacing:-.055em; color:#111; }
.vz-band dd small { font-size:15px; font-weight:700; letter-spacing:-.02em; margin-left:2px; }
.vz-band .u { display:block; margin-top:10px; font-size:12px; line-height:1.6; color:#888; letter-spacing:0; font-weight:400; }

/* 연도 막대 */
.vz-bars { border-top:1px solid #111; padding-top:26px; }
.vz-bars .rows { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; align-items:end;
                 height:230px; margin:0 0 12px; }
.vz-bars .col { display:flex; flex-direction:column; justify-content:flex-end; height:100%; }
.vz-bars .val { font-size:17px; font-weight:800; letter-spacing:-.04em; margin:0 0 8px; color:#111; text-align:center; }
.vz-bars .bar { background:var(--vz); border-radius:3px 3px 0 0; min-height:3px; opacity:.88; }
.vz-bars .col:last-child .bar, .vz-bars .col:nth-last-child(2) .bar { opacity:1; }
.vz-bars .yr { margin:10px 0 0; font-size:12px; color:#777; text-align:center; }
.vz-bars .cap { margin:18px 0 0; font-size:14px; line-height:1.85; color:#444; word-break:keep-all; text-wrap:pretty; }
.vz-bars .cap b { color:#111; }

/* 랭킹 바 */
.vz-rank { display:flex; flex-direction:column; gap:14px; }
.vz-rank .r { display:grid; grid-template-columns:26px minmax(0,1fr) 96px; gap:16px; align-items:center; }
.vz-rank .n { font-size:12px; font-weight:800; color:var(--vz); letter-spacing:.02em; }
.vz-rank .t { font-size:14px; color:#333; }
.vz-rank .t span { display:block; height:8px; margin-top:9px; background:var(--vz); border-radius:4px; opacity:.85; }
.vz-rank .v { text-align:right; font-size:15px; font-weight:800; letter-spacing:-.03em; color:#111; }

/* 지도 */
.vz-map { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:36px; align-items:center; }
.vz-map svg { width:100%; height:auto; display:block; }
.vz-map .legend { display:flex; flex-direction:column; gap:0; }
.vz-map .legend div { display:flex; justify-content:space-between; gap:16px; padding:13px 0;
                      border-bottom:1px solid #e8e8e8; font-size:14px; color:#333; }
.vz-map .legend div:first-child { border-top:1px solid #111; }
.vz-map .legend b { font-weight:700; color:#111; }

/* 조직도 */
.vz-tree { border-top:1px solid #111; padding-top:30px; }
.vz-tree .root { display:inline-block; padding:11px 22px; border:1.5px solid #111; border-radius:999px;
                 font-family:var(--ybk-font),system-ui,sans-serif; font-size:17px; letter-spacing:-.02em; }
.vz-tree .stem { width:1px; height:26px; background:#c9c9c9; margin:0 0 0 62px; }
.vz-tree .kids { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:#e4e4e4;
                 border:1px solid #e4e4e4; }
.vz-tree .kids > div { background:#fff; padding:20px 18px 22px; }
.vz-tree .kids h4 { margin:0 0 8px; font-size:15px; font-weight:700; letter-spacing:-.02em; color:#111; }
.vz-tree .kids p { margin:0; font-size:13px; line-height:1.75; color:#666; word-break:keep-all; }
.vz-tree .kids .tag { display:inline-block; margin:0 0 10px; font-size:10px; letter-spacing:.12em;
                      color:var(--vz); font-weight:700; }

/* 칩 */
.vz-chips { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 0; }
.vz-chips span { display:inline-block; padding:7px 14px; border:1px solid #ddd; border-radius:999px;
                 font-size:12.5px; color:#555; background:#fff; letter-spacing:-.01em; }
.vz-chips span.k { border-color:var(--vz); color:var(--vz); font-weight:700; }

/* 3열 카드 */
.vz-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.vz-cards > div { background:var(--vz-soft); border-radius:14px; padding:28px 24px 30px; }
.vz-cards .no { font-size:11px; font-weight:800; letter-spacing:.14em; color:var(--vz); margin:0 0 14px; }
.vz-cards h4 { margin:0 0 12px; font-size:19px; line-height:1.35; letter-spacing:-.04em; color:#111; word-break:keep-all; }
.vz-cards p { margin:0; font-size:14px; line-height:1.85; color:#555; word-break:keep-all; }

/* 대형 인용 */
.vz-quote { border-top:1px solid #111; border-bottom:1px solid #e4e4e4; padding:34px 0 36px; margin:34px 0 0; }
.vz-quote blockquote { margin:0; font-size:24px; line-height:1.6; letter-spacing:-.045em; color:#111;
                       word-break:keep-all; max-width:820px; }
.vz-quote blockquote em { font-style:normal; color:var(--vz); }
.vz-quote cite { display:block; margin:18px 0 0; font-style:normal; font-size:12px; color:#999; letter-spacing:.04em; }

/* 단계 */
.vz-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#e4e4e4;
            border:1px solid #e4e4e4; }
.vz-steps.s4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.vz-steps.s6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
.vz-steps > div { background:#fff; padding:22px 18px 24px; }
.vz-steps .no { font-family:var(--ybk-font),system-ui,sans-serif; font-size:12px;
                color:var(--vz); margin:0 0 12px; letter-spacing:.06em; }
.vz-steps h4 { margin:0 0 8px; font-size:15px; font-weight:700; letter-spacing:-.03em; color:#111; word-break:keep-all; }
.vz-steps p { margin:0; font-size:13px; line-height:1.75; color:#666; word-break:keep-all; }

/* 라인 배지 */
.vz-badges { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#e4e4e4;
             border:1px solid #e4e4e4; }
.vz-badges > div { background:#fff; padding:18px 18px 20px; }
.vz-badges .bn { font-family:var(--ybk-font),system-ui,sans-serif; font-size:13px;
                 letter-spacing:.02em; color:#111; margin:0 0 7px; }
.vz-badges p { margin:0; font-size:12.5px; line-height:1.7; color:#777; word-break:keep-all; }

/* 장문 2열 */
.vz-split { border-top:1px solid #111; }
.vz-split > .sp { display:grid; grid-template-columns:260px minmax(0,1fr); gap:36px;
                      padding:30px 0 32px; border-bottom:1px solid #e8e8e8; }
.vz-split h4 { margin:0; font-size:18px; line-height:1.45; letter-spacing:-.04em; color:#111; word-break:keep-all; }
.vz-split h4 span { display:block; margin-top:9px; font-size:12px; font-weight:400; color:var(--vz); letter-spacing:.02em; }
.vz-split .bd p { margin:0 0 12px; font-size:15px; line-height:1.95; color:#4a4a4a; word-break:keep-all; }
.vz-split .bd p:last-child { margin-bottom:0; }
.vz-split .bd strong { color:#111; font-weight:700; }

/* 키-값 스트립 */
.vz-kv { border-top:1px solid #111; }
.vz-kv > div { display:grid; grid-template-columns:200px minmax(0,1fr); gap:28px; padding:16px 0;
               border-bottom:1px solid #eee; font-size:14px; }
.vz-kv dt { color:#777; margin:0; }
.vz-kv dd { margin:0; color:#222; word-break:keep-all; }

@media (max-width:767px){
  .source-block h2 { font-size:22px; }
  .vz + .vz { margin-top:30px; }
  .vz-band, .vz-band.c3, .vz-band.c2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vz-band > div { padding:20px 14px; }
  .vz-band dd { font-size:26px; }
  .vz-bars .rows { height:170px; gap:7px; }
  .vz-bars .val { font-size:12px; }
  .vz-bars .yr { font-size:10px; }
  .vz-rank .r { grid-template-columns:20px minmax(0,1fr) 74px; gap:10px; }
  .vz-rank .t { font-size:13px; }
  .vz-rank .v { font-size:13px; }
  .vz-map { grid-template-columns:1fr; gap:22px; }
  .vz-tree .kids, .vz-badges { grid-template-columns:1fr; }
  .vz-tree .stem { margin-left:40px; }
  .vz-cards { grid-template-columns:1fr; gap:12px; }
  .vz-cards > div { padding:22px 20px 24px; }
  .vz-quote blockquote { font-size:19px; }
  .vz-steps, .vz-steps.s4, .vz-steps.s6 { grid-template-columns:1fr; }
  .vz-split > .sp { grid-template-columns:1fr; gap:12px; padding:24px 0 26px; }
  .vz-kv > div { grid-template-columns:1fr; gap:5px; padding:14px 0; }
}

/* 연혁 타임라인 */
.ab-history { --vz:#111111; }
.vz-time { margin:34px 0 0; border-top:1px solid #111; }
.vz-time > .yr { display:grid; grid-template-columns:150px minmax(0,1fr); gap:36px;
                 padding:28px 0 30px; border-bottom:1px solid #e8e8e8; }
.vz-time .y { font-family:var(--ybk-font),system-ui,sans-serif;
              font-size:30px; line-height:1; letter-spacing:-.05em; color:#111; margin:0; }
.vz-time .y small { display:block; margin-top:9px; font-family:var(--ybk-font),system-ui,sans-serif;
                    font-size:11px; font-weight:400; letter-spacing:.1em; color:#9a9a9a; }
.vz-time ul { list-style:none; margin:0; padding:0; }
.vz-time li { position:relative; padding:0 0 14px 20px; }
.vz-time li:last-child { padding-bottom:0; }
.vz-time li::before { content:''; position:absolute; left:0; top:9px; width:6px; height:6px;
                      border-radius:50%; background:var(--tc,#111); }
.vz-time li b { display:block; font-size:16px; font-weight:700; letter-spacing:-.03em; color:#111;
                margin:0 0 5px; word-break:keep-all; }
.vz-time li span { display:block; font-size:14px; line-height:1.8; color:#666; word-break:keep-all; }
.vz-time li em { font-style:normal; font-size:11px; letter-spacing:.08em; color:var(--tc,#888);
                 font-weight:700; margin-right:8px; }
.vz-time-note { margin:22px 0 0; font-size:12.5px; line-height:1.8; color:#8a8a8a; }
@media (max-width:767px){
  .vz-time > .yr { grid-template-columns:1fr; gap:12px; padding:22px 0 24px; }
  .vz-time .y { font-size:24px; }
  .vz-time .y small { display:inline; margin-left:10px; }
}

/* asset-d88460b468faf39f.css */

/* Brand RGB values supplied by the user. */
[data-brand-story="samur"] .source-kicker,
body .bp-products[data-brand="samur"] .bp-products-kicker { color: #FF75C0; }
[data-brand-story="karriair"] .source-kicker,
body .bp-products[data-brand="karriair"] .bp-products-kicker { color: #81CEE5; }
[data-brand-story="pureble"] .source-kicker,
body .bp-products[data-brand="pureble"] .bp-products-kicker { color: #8CCAFA; }
[data-brand-story="simplif"] .source-kicker,
body .bp-products[data-brand="simplif"] .bp-products-kicker { color: #245632; }
[data-brand-story="salloom"] .source-kicker,
body .bp-products[data-brand="salloom"] .bp-products-kicker { color: #EECF4C; }
[data-brand-story="forman"] .source-kicker,
body .bp-products[data-brand="forman"] .bp-products-kicker { color: #535353; }
/* 아케이 — 스토리 킥커를 제품 킥커(#5b7c80)와 동일하게 (2026-09-11) */
[data-brand-story="akei"] .source-kicker { color: #5b7c80; }
/* 줄바꿈 정리 — 한 단어만 다음 줄로 넘어가는 것 방지 (2026-09-11) */
#samur-weji .source-intro,
#pureble-character .source-intro,
[data-brand-story="simplif"] .source-intro,
body .weji-character figcaption { text-wrap: balance; }
/* 심플리프 라인업 소개 — 한 줄로 (2026-09-11) */
body #simplif-lineup .source-intro { max-width: none; }

/* asset-4eb1aa70ffe26ede.css */

.ppt-brand-addition .ppt-brand-artwork { display:grid; gap:24px; margin-top:32px; width:100%; }
.ppt-brand-addition .ppt-brand-artwork img { display:block; width:100%; max-width:100%; height:auto; object-fit:contain; }
@media (max-width:640px) { .ppt-brand-addition .ppt-brand-artwork { gap:16px; margin-top:24px; } }

/* asset-825ab0b9373efbb7.css */

[data-brand-story="akei"] .vz-bars .col:nth-child(-n+3) .bar,
[data-brand-story="akei"] .vz-rank .r:nth-child(n+2) .t span { background:#D8D8D8; opacity:1; }
[data-brand-story="akei"] .source-note { text-align:right; max-width:none; width:100%; }

/* asset-566a3836147db8c3.css */


body,body * {font-family:var(--ybk-font),sans-serif !important;}
body h1,body h2,body h3,body h4,body h5,body h6,body .index-title,body .brand-name,body .bp-name,body .bp-products-title,body .bp-product-name,body strong,body b,body .font-bold,body .font-extrabold,body .source-block em,body .vz .bn {font-weight:700 !important;}
body .source-block h2 em,body .source-block h3 em {font-weight:inherit !important;}
body .vz dd,body .vz .val,body .vz .v,body .vz .no,body .vz .n {font-weight:800 !important;}

/* asset-fe19874754c8cb83.css */

body [data-brand-story="samur"] { --vz:#FF75C0; }
body [data-brand-story="salloom"] { --vz:#EECF4C; }

/* asset-ac91eec89be64203.css */

html body .nav-item, html body .nav-item.is-current { font-family:var(--ybk-font),sans-serif !important; }
html body .nav-item.is-current { font-weight:700 !important; }
body .ab-h2 { font-weight:700 !important; }
body .ab-stat .v { font-weight:800 !important; }

/* asset-7c2823e6d164d659.css */

/* 2026-09-10 볼드 보강 — 킥커·항목명·풀인용 */
body .source-kicker,
body .bp-products-kicker { font-weight: 700 !important; }

body .source-content dl dt,
body .source-block dt { font-weight: 700 !important; }

body .source-content blockquote,
body .source-block blockquote,
body .source-content blockquote em,
body .source-block blockquote em { font-weight: 700 !important; }

/* 제품 라인업 제목은 원래 800 — h1~h6 일괄 700 규칙에 눌린 것을 복구 */
body .bp-products-head h2 { font-weight: 800 !important; }

/* asset-f66f71dbb25a7a08.css */

[data-brand-story="akei"] .vz-bars .rows { height:auto; padding-top:34px; }
[data-brand-story="akei"] .vz-bars .col { display:block; height:auto; }
[data-brand-story="akei"] .growth-plot { position:relative; height:170px; }
[data-brand-story="akei"] .growth-plot .bar { position:absolute; bottom:0; width:100%; height:var(--growth-height); min-height:0; }
[data-brand-story="akei"] .growth-plot .val { position:absolute; bottom:calc(var(--growth-height) + 8px); width:100%; margin:0; }
@media(max-width:767px) { [data-brand-story="akei"] .growth-plot { height:120px; } }

/* asset-293b3c0165be7a97.css */

@media (max-width:767px) {
  [data-brand-story="akei"] .vz-band.c3 { grid-template-columns:minmax(0,1fr); }
  [data-brand-story="akei"] .vz-band.c3 .u { word-break:keep-all; overflow-wrap:break-word; }
}

/* asset-bac814cabdb82e9e.css */

.weji-expand {display:block;width:100%;padding:0;border:1px solid #ddd;background:#fff;cursor:pointer;text-align:right;transition:transform 700ms cubic-bezier(.32,.72,0,1),border-color 700ms cubic-bezier(.32,.72,0,1);}
.weji-expand:hover {border-color:#FF75C0;transform:translateY(-2px);}
.weji-expand:active {transform:scale(.98);}
.weji-expand-label {display:block;padding:12px 16px;font-size:14px;line-height:20px;font-weight:700;color:#222;text-decoration:underline;text-underline-offset:3px;}
.weji-expand:focus-visible,.weji-zoom-close:focus-visible,.weji-original-toggle:focus-visible {outline:3px solid #222;outline-offset:4px;}
#weji-image-dialog {box-sizing:border-box;width:calc(100vw - 24px);max-width:1120px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:0;border:0;background:#fff;color:#111;overflow:hidden;}
#weji-image-dialog::backdrop {background:rgba(0,0,0,.7);}
.weji-zoom-head {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid #ddd;}
.weji-zoom-head h2 {font-size:18px;line-height:28px;margin:0;text-wrap:balance;}
.weji-zoom-close,.weji-original-toggle {min-height:44px;padding:8px 12px;border:0;cursor:pointer;font-size:14px;line-height:20px;font-weight:700;transition:transform 700ms cubic-bezier(.32,.72,0,1),background-color 700ms cubic-bezier(.32,.72,0,1);}
.weji-zoom-close {min-width:64px;background:#111;color:#fff;}
.weji-zoom-close:hover {background:#313131;}
.weji-zoom-close:active,.weji-original-toggle:active {transform:scale(.98);}
.weji-profile-scroll {height:calc(100% - 69px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:32px;}
.weji-profile-layout {display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:32px;align-items:start;max-width:1040px;margin:0 auto;}
.weji-profile-summary {box-sizing:border-box;padding:24px;background:#FFF1F8;border-radius:16px;}
.weji-profile-eyebrow {margin:0 0 8px;color:#B92172;font-size:14px;line-height:20px;font-weight:700;}
.weji-profile-summary h3 {margin:0 0 16px;font-size:30px;line-height:36px;color:#111;text-wrap:balance;}
.weji-profile-summary>p:last-of-type {margin:0 0 24px;font-size:16px;line-height:24px;color:#333;word-break:keep-all;text-wrap:pretty;}
.weji-profile-summary ul {list-style:none;margin:0;padding:16px 0 0;border-top:1px solid #FF75C0;}
.weji-profile-summary li {position:relative;margin:0;padding:0 0 12px 16px;font-size:14px;line-height:20px;color:#222;word-break:keep-all;text-wrap:pretty;}
.weji-profile-summary li:last-child {padding-bottom:0;}
.weji-profile-summary li::before {content:'';position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:9999px;background:#FF75C0;}
.weji-profile-summary strong {color:#B92172;font-weight:700;}
.weji-profile-artwork {min-width:0;margin:0;}
.weji-original-viewport {width:100%;overflow:hidden;border:1px solid #ddd;background:#fff;}
.weji-original-viewport img {display:block;width:100%;max-width:100%;height:auto;}
.weji-profile-artwork figcaption {margin:12px 0 0;font-size:14px;line-height:20px;color:#666;text-wrap:pretty;}
.weji-original-toggle {margin-top:16px;background:#FFF1F8;color:#222;border:1px solid #FF75C0;}
.weji-original-toggle:hover {background:#FFE3F2;}
/* 전체 보기 팝업 — 가로 스크롤 없이 한 화면에 전부 */
#weji-original-dialog {box-sizing:border-box;width:calc(100vw - 24px);max-width:none;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:0;border:0;background:#fff;color:#111;overflow:hidden;}
#weji-original-dialog::backdrop {background:rgba(0,0,0,.82);}
.weji-original-stage {height:calc(100% - 69px);display:flex;align-items:center;justify-content:center;padding:24px;background:#fbfbfb;cursor:zoom-out;}
.weji-original-stage img {display:block;width:auto;height:auto;max-width:min(100%,1288px);max-height:100%;object-fit:contain;cursor:default;}
@media (max-width:767px) {
  #weji-original-dialog {width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);}
  .weji-original-stage {padding:12px;}
}
@media (max-width:767px) {
  #weji-image-dialog {width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);}
  .weji-profile-scroll {height:calc(100% - 69px);padding:24px 16px;}
  .weji-profile-layout {grid-template-columns:minmax(0,1fr);gap:24px;}
  .weji-profile-summary {padding:24px 16px;border-radius:12px;}
  .weji-profile-summary h3 {font-size:24px;line-height:32px;}
}

/* asset-7eebc88eebc1ba06.css */

/* 2026-09-10 PDF 지시 반영 — 회사 페이지 영문 킥커 주황 통일 */
body .source-company .source-kicker { color:#ff4d12; }
/* 여덟 갈래 조직도 카드 영문 라벨 — 영문 그레이 */
body .vz-tree .kids .tag { color:#888888; }
/* SCALE 지도 범례 — 국가 옆 국기 */
body .vz-map .legend b { display:inline-flex; align-items:center; gap:9px; }
body .vz-map .legend .vz-flag {
  width:24px; height:16px; flex:none; display:block;
  border:1px solid rgba(0,0,0,.10); border-radius:2px;
}
@media (max-width:767px) {
  body .vz-map .legend .vz-flag { width:21px; height:14px; }
  body .vz-map .legend b { gap:7px; }
}
/* Contact — 지도를 'Contact.' 제목 높이에 맞춰 상단 정렬 */
@media (min-width:768px) {
  body .ab-contact {
    display:grid;
    grid-template-columns:380px minmax(0,1fr);
    grid-template-rows:auto auto auto 1fr;
    column-gap:40px;
    align-items:start;
  }
  body .ab-contact > .ab-h2    { grid-column:1; grid-row:1; }
  body .ab-contact > .ab-h2-ko { grid-column:1; grid-row:2; }
  body .ab-contact > .ab-info  { display:contents; }
  body .ab-contact .ab-info-txt { grid-column:1; grid-row:3; }
  body .ab-contact .ab-map      { grid-column:2; grid-row:1 / -1; }
}
/* 사뮤르 대표 캐릭터 — 이미지 + 하단 문구 */
body .weji-character { margin:0; display:grid; gap:16px; }
body .weji-character img { width:100%; height:auto; display:block; }
body .weji-character figcaption {
  font-size:14px; line-height:1.8; color:#555;
  word-break:keep-all; text-align:left;
}
@media (max-width:640px) {
  body .weji-character { gap:12px; }
  body .weji-character figcaption { font-size:13px; }
}

/* asset-a36d16b593f1a890.css */

/* PDF 수정 지시: 큰 섹션 경계선만 제거하고 여백으로 구분한다.
   연혁 행, 표, 데이터 행, 카드와 버튼의 구조선은 유지한다. */
body .source-company > .source-block,
body [data-brand-story] > .source-block,
body .bp-products {
  border-top: 0 !important;
}
body .source-company > .source-block,
body [data-brand-story] > .source-block {
  padding-top: 48px;
  padding-bottom: 48px;
}
body .bp-products {
  padding-top: 48px;
}
@media (max-width: 767px) {
  body .source-company > .source-block,
  body [data-brand-story] > .source-block {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  body .bp-products {
    padding-top: 32px;
  }
}

/* ybk-refresh.css */
/* Shared, responsive presentation for the four YBK language editions. */
:root{--ybk-ink:#15202e;--ybk-muted:#5e6977;--ybk-line:#dce3eb;--ybk-paper:#f3f6fa;--ybk-accent:#e6592e;--brand-color:#e96034;--market-color:#356bef;--global-color:#087f70}
html{scroll-padding-top:100px}
body{color:var(--ybk-ink);font-family:var(--ybk-font),system-ui,sans-serif}
body .page-root{min-width:0;width:100%}
body :is(a,button,summary):focus-visible{outline:3px solid #356bef;outline-offset:4px}
body .site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--ybk-line);padding-left:4%;padding-right:4%;overflow:visible}
body .site-header>.box-border{max-width:1440px;margin:0 auto}
body .site-nav .nav-item{display:flex;justify-content:center;font-size:15px;line-height:1.5;letter-spacing:.02em;margin-right:24px;color:var(--ybk-ink);height:37px;padding:0 0 10px;text-decoration:none}

.ybk-language{position:relative;flex-shrink:0;margin-left:10px;color:var(--ybk-ink);font:500 14px/1.4 var(--ybk-font),system-ui,sans-serif}
.ybk-language summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--ybk-line);border-radius:6px;background:#fff}
.ybk-language summary::-webkit-details-marker{display:none}
.ybk-language summary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.ybk-language[open] summary{border-color:var(--ybk-ink)}
.ybk-language nav{position:absolute;top:calc(100% + 10px);right:0;width:180px;padding:6px;background:#fff;border:1px solid var(--ybk-line);border-radius:8px;box-shadow:0 12px 30px #1823331a;z-index:150}
.ybk-language nav a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:8px 12px;text-decoration:none;color:var(--ybk-ink);border-radius:4px}
.ybk-language nav a:hover,.ybk-language nav a[aria-current]{background:var(--ybk-paper)}
.ybk-language nav a[aria-current]{font-weight:700}
/* The photograph uses its native 2000:750 ratio, without a cover crop. */
body [data-page="about"],body .ab-opening,body .ab-opening .ab-lead-wrap{background:#fff!important}
body .ab-opening{display:block;width:92%;max-width:1440px;margin:38px auto 56px;min-width:0;background:#fff}
body .ab-opening .ab-lead-wrap{display:grid;grid-template-columns:1.2fr 1fr;column-gap:7%;align-items:start;padding:0 0 36px;margin:0}
body .ab-opening .ab-kicker{grid-column:1/-1;display:flex;gap:20px;align-items:center;color:var(--ybk-ink);font-size:13px;letter-spacing:.14em;margin-bottom:25px}
body .ab-opening .ab-kicker span{font-size:12px;color:var(--ybk-muted);border-left:1px solid var(--ybk-line);padding-left:20px}
body .ab-opening .ab-statement{grid-column:1;grid-row:2/4;font:750 clamp(38px,4.5vw,66px)/1.17 var(--ybk-font),system-ui,sans-serif;letter-spacing:-.05em;color:var(--ybk-ink);margin:0;word-break:keep-all}
body .ab-opening .ab-statement em{font-style:normal;color:#3265df}
body .ab-opening .ab-statement br{display:initial}
body .ab-opening .ab-lead{grid-column:2;grid-row:2;font:400 17px/1.85 var(--ybk-font),system-ui,sans-serif;color:var(--ybk-muted);padding-top:8px;max-width:33em;word-break:keep-all}
body .ab-opening .ab-lead br{display:none}
body .ab-opening .ab-cta{grid-column:2;grid-row:3;display:flex;flex-wrap:wrap;gap:12px;margin-top:25px!important}
body .ab-opening .ab-btn{font-size:14px;min-height:48px;padding:12px 24px;border-radius:50px;transition:background .2s,transform .2s}
body .ab-opening .ab-btn-dark{background:var(--ybk-ink);color:#fff;border:1px solid var(--ybk-ink)}
body .ab-opening .ab-btn-light{background:#fff;color:var(--ybk-ink);border:1px solid #b8c5d3}
body .ab-opening .ab-btn:hover{transform:translateY(-2px)}
body .ab-opening .ab-hero{height:auto;min-height:0;width:100%;aspect-ratio:auto;margin:0;border-radius:10px;overflow:hidden;background:none!important;box-shadow:none}
body .ab-opening .ab-hero img{display:block;width:100%;max-width:none;height:auto;object-fit:contain;aspect-ratio:8/3}
body .ab-col{width:88%;max-width:1280px;gap:88px;margin:0 auto}
body .ab-h2{font:650 clamp(32px,3.7vw,50px)/1.15 var(--ybk-font),system-ui,sans-serif;letter-spacing:-.035em;color:var(--ybk-ink)}
body .ab-h2-ko{font-size:16px;line-height:1.85;color:var(--ybk-muted);margin:18px 0 32px}
/* Three clear business priorities. */
.ybk-business-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%}
.business-pillar{position:relative;padding:28px;border-radius:14px;overflow:hidden;min-width:0;background:#fff1e9;color:#a5411c}
.business-pillar.pillar-1{background:#edf2ff;color:#2556cb}.business-pillar.pillar-2{background:#e7f7f1;color:#097160}
.pillar-index{font:600 13px/1.5 system-ui;letter-spacing:.08em}
.business-pillar svg{display:block;width:144px;height:72px;margin:24px 0;fill:none;stroke:currentColor;stroke-width:1.4;opacity:.8}
.business-pillar .symbol-main{stroke-width:3}
.business-pillar h2{font-size:clamp(21px,2.2vw,28px);line-height:1.4;letter-spacing:-.035em;font-weight:700;margin:0 0 12px;color:inherit;word-break:keep-all}
.business-pillar p{font-size:15px;line-height:1.75;margin:0;color:var(--ybk-muted);word-break:keep-all}
/* Every growth story is in the document flow, with no tab controls. */
.growth-story{width:100%;min-width:0;color:var(--ybk-ink)}
.growth-story-heading{max-width:760px;margin-bottom:42px}
body .growth-story .source-kicker{color:#42618e;font-size:13px;letter-spacing:.13em;margin-bottom:22px}
.growth-story-heading h2{font:700 clamp(34px,4.6vw,60px)/1.22 var(--ybk-font),system-ui,sans-serif;letter-spacing:-.045em;margin:0 0 24px;color:var(--ybk-ink)}
.growth-story-heading>p:last-child{font-size:17px;line-height:1.85;color:var(--ybk-muted);max-width:680px}
.growth-panel{display:grid;grid-template-columns:1fr;gap:32px;margin:0 0 28px;padding:clamp(28px,4.4vw,60px);border-radius:18px;overflow:hidden;min-width:0}
.panel-brand{background:#fff4ed;--panel-color:#cf4e27}
.panel-expansion{background:#edf3ff;--panel-color:#2d60df}
.panel-global{background:#092d35;color:#fff;--panel-color:#69e2b8}
.story-step{display:block;font:600 13px/1.5 system-ui;letter-spacing:.1em;color:var(--panel-color);margin-bottom:23px}
.growth-panel-copy h3{font:650 clamp(28px,3.5vw,44px)/1.3 var(--ybk-font),system-ui,sans-serif;letter-spacing:-.035em;margin:0 0 20px;color:var(--ybk-ink);word-break:keep-all}
.growth-panel-copy h3 em{font-style:normal;color:var(--panel-color)}
.growth-panel-copy p{font-size:17px;line-height:1.9;color:var(--ybk-muted);max-width:740px;margin:0;word-break:keep-all}
.panel-global .growth-panel-copy h3{color:#fff}.panel-global .growth-panel-copy p{color:#c0d6d9}
.chart-unit{font-size:14px;line-height:1.5;color:#786157;margin:0 0 28px}
.revenue-chart{display:block;width:100%;height:auto;overflow:visible;font-family:var(--ybk-font),system-ui,sans-serif}
.chart-guides line{stroke:#c6a899;stroke-opacity:.3;stroke-width:1}
.chart-guides text{fill:#786157;font-size:14px}
.chart-area{fill:url(#growth-fill)}
.chart-line{fill:none;stroke:#e76a3e;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.chart-point circle{fill:#fff4ed;stroke:#df602f;stroke-width:3;vector-effect:non-scaling-stroke}
.chart-point text{fill:#612f1d;font-size:23px;font-weight:700}
.chart-point .chart-x{fill:#786157;font-size:17px;font-weight:500}
.growth-footnote{color:#786157;font-size:13px;line-height:1.8;margin:22px 0 0}
.expansion-core{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(100%,330px);min-height:100px;margin:8px auto 0;background:#2558d2;color:#fff;border-radius:12px;gap:12px;padding:20px}
.expansion-core b{font:700 34px/1 system-ui;letter-spacing:-.04em}.expansion-core span{font-size:13px;letter-spacing:.04em;text-align:center}
.expansion-visual>svg{display:block;width:100%;height:70px;overflow:visible}
.expansion-branch{fill:none;stroke:#6391f9;stroke-width:2}
.sector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sector{padding:24px;background:#fff;border:1px solid #cbdbff;border-radius:12px;min-width:0}
.sector>span{color:#4169b0;font:600 12px/1.5 system-ui}
.sector h4{font-size:24px;line-height:1.4;color:#214db4;font-weight:650;margin:12px 0}
.sector p{font-size:15px;line-height:1.75;color:#5e6e8c;margin:0}
.expansion-years{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:38px;padding-top:24px;border-top:1px solid #c7d7f5}
.expansion-years>div{display:flex;flex-direction:column;gap:10px;min-width:0}
.expansion-years b{font:600 24px/1 system-ui;color:#2558d2;letter-spacing:-.04em}.expansion-years span{font-size:14px;line-height:1.6;color:#5e6e8c}
.global-direction{display:inline-block;font-size:14px;line-height:1.6;color:#a3ecd7;border:1px solid #3a696b;border-radius:50px;padding:9px 16px;margin-top:24px}
.world-visual{position:relative;width:100%;aspect-ratio:900/400;min-height:310px;padding-top:36px;margin:6px 0 0}
.world-head{position:absolute;top:0;left:5%;right:5%;display:flex;justify-content:space-between;color:#9fc8c8;font:500 11px/1.5 system-ui;letter-spacing:.18em}
.world-routes{position:absolute;left:0;top:36px;width:100%;height:calc(100% - 70px)}
.orbital-grid{stroke:#388d87;stroke-width:1;stroke-opacity:.25;fill:none}
.world-route{fill:none;stroke:#79e2c0;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}
.travel-dot{fill:#fff;stroke:#a0f3d5;stroke-width:6;stroke-opacity:.2}
.dot-cn{offset-path:path('M342 226Q215 60 153 166')}.dot-us{offset-path:path('M342 226Q570 -15 747 166')}
.world-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:5px;transform:translateX(-50%);white-space:nowrap;min-width:80px;z-index:1}
.world-node small{font:600 10px/1.5 system-ui;color:#8ccbbd;letter-spacing:.12em}
.world-node strong{font-size:19px;font-weight:600;color:#fff}
.country-cn{left:17%;top:calc(47.4286% - 3.2px)}.country-us{left:83%;top:calc(47.4286% - 3.2px)}.country-kr{left:38%;top:calc(64.5714% - 17.7px)}
.country-pin{width:12px;height:12px;border-radius:50%;background:#77e2bd;border:3px solid #baffea;box-shadow:0 0 0 6px #76e2bd20;margin-bottom:10px}
.country-kr .country-pin{width:17px;height:17px;background:white}
.world-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#8cb6b8;font-size:12px;margin:0}
.global-proof{padding:22px 0 0;border-top:1px solid #3c6168;display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 28px;margin-top:28px}
.global-proof strong{font-size:15px;color:#9de8cf;font-weight:600}.global-proof p{font-size:14px;line-height:1.8;color:#b3cbce;margin:0}
.global-proof p{word-break:keep-all;overflow-wrap:normal}
/* Motion plays when visible and pauses outside the viewport. Final data stays readable. */
@keyframes ybk-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes ybk-fade{from{opacity:.08}to{opacity:1}}
@keyframes ybk-route-travel{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes ybk-pin-pulse{0%,100%{box-shadow:0 0 0 5px #76e2bd20}50%{box-shadow:0 0 0 14px #76e2bd00}}
/* Existing content sections and brand portfolio. */
body .ab-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#17293e;border:0;border-radius:14px;padding:14px 0}
body .ab-stat{padding:30px 24px;min-width:0;border-right:1px solid #ffffff20}
body .ab-stat:last-child{border:0}
body .ab-stat .v{font:650 clamp(28px,3.6vw,50px)/1 var(--ybk-font),system-ui,sans-serif;color:#fff;letter-spacing:-.04em}
body .ab-stat .k{font-size:13px;color:#c3cfdf;letter-spacing:.04em;margin-top:14px;line-height:1.6}
.ybk-metric-note{font-size:14px;line-height:1.7;color:var(--ybk-muted);margin:18px 0 0}
.wwd-grid-wrap{width:100%;min-width:0}
.wwd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;overflow:visible}
body .wwd-grid .wwd-item{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:0 16px;align-content:start;min-width:0;width:auto;flex:none;padding:30px;border:1px solid #dde6ef;border-radius:12px;background:#f5f8fc;box-shadow:none;user-select:text;transition:none}
body .wwd-grid .wwd-item:nth-child(4n+2),body .wwd-grid .wwd-item:nth-child(4n+3){background:#f7f5fb;border-color:#e5e0ee}
body .wwd-grid .wwd-item:after{content:'';position:absolute;left:30px;right:30px;bottom:0;height:2px;background:linear-gradient(90deg,#4778c6,#80bcca);transform:scaleX(0);transform-origin:left;transition:transform .38s cubic-bezier(.2,.7,.2,1)}
body .wwd-grid .wwd-item:hover:after{transform:scaleX(1)}
body .wwd-grid .wwd-item .num{transition:color .3s}
body .wwd-grid .wwd-item:hover .num{color:#255ec3}
body .wwd-grid .wwd-item:hover .wwd-box{transform:none;box-shadow:none;background:none}
body .wwd-grid .wwd-item .num{grid-column:1;grid-row:1/3;font:500 13px/1.6 system-ui;color:#5b80b4;padding-top:5px}
body .wwd-grid .wwd-item h3{grid-column:2;font-size:25px;line-height:1.4;color:var(--ybk-ink);margin:0 0 12px;font-family:inherit;word-break:keep-all;overflow-wrap:anywhere}
body .wwd-grid .wwd-box{grid-column:2;display:block;background:none;border:0;border-radius:0;padding:0;box-shadow:none;min-width:0;transition:none;transform:none}
body .wwd-grid .wwd-box .tag{font-size:10px;color:#7286a1;letter-spacing:.12em;margin-bottom:16px}
body .wwd-grid .wwd-box p{font-size:15px;line-height:1.85;font-family:inherit;color:#617187;margin:0;word-break:keep-all;overflow-wrap:anywhere}
body .ab-brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body .ab-brands .ab-brand{width:100%;border:1px solid var(--ybk-line);border-radius:12px;overflow:hidden;background:#f5f6f7;transition:transform .18s}
body .ab-brand:hover{transform:translateY(-4px)}
.akeiby-wordmark{display:flex!important;align-items:center;justify-content:center;gap:.13em;width:100%;height:100%;min-height:0;background:linear-gradient(#10283722,#10283738),url('/assets/akeiby-lifestyle.webp') center/cover;color:white;font:750 clamp(32px,4vw,58px)/1 system-ui,sans-serif;letter-spacing:-.06em;text-shadow:0 2px 15px #16333c40}
.akeiby-wordmark>span{font-weight:400;letter-spacing:-.07em}
body [data-page="home"] .hero-banner{display:none}
body [data-page="home"] .index-head{margin-top:0;padding:64px 0 80px}
body [data-page="home"] .content-col{width:88%;max-width:1280px;gap:48px}
body [data-page="home"] .index-title{font-size:clamp(48px,7vw,88px);line-height:1.08;letter-spacing:-.055em;font-weight:650;color:var(--ybk-ink)}
body [data-page="home"] .index-desc{font-size:17px;line-height:1.8;color:var(--ybk-muted)}
body .brand-grid-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 22px}
body .brand-grid-row>.brand-card{width:100%;min-width:0;display:block;text-decoration:none}
body .brand-grid-row .brand-box{border-radius:14px;aspect-ratio:1;overflow:hidden;border:1px solid #e6e9eb;transition:transform .2s}
body .brand-grid-row .brand-card:hover .brand-box{transform:translateY(-5px)}
body .brand-grid-row .brand-name{font-size:19px;line-height:1.5;font-weight:650;padding-top:18px;color:var(--ybk-ink)}
body .brand-grid-row .brand-en{font-size:12px;letter-spacing:.08em;line-height:1.6;padding-top:4px;color:var(--ybk-muted)}
.akeiby-page{width:100%;flex-direction:column;background:white}
.akeiby-detail{width:88%;max-width:1280px;margin:60px auto 100px}
.akeiby-back{font-size:14px;color:var(--ybk-muted);text-decoration:none}
.akeiby-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-top:50px}
.akeiby-detail h1{font-size:clamp(36px,4.6vw,64px);letter-spacing:-.045em;line-height:1.3;margin:24px 0}
.akeiby-description{font-size:18px;line-height:1.85;color:var(--ybk-muted);margin-bottom:32px}
.akeiby-brand-panel{aspect-ratio:1;overflow:hidden;border-radius:14px}
.akeiby-brand-panel .akeiby-wordmark{font-size:clamp(48px,7vw,110px)}
.akeiby-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:64px;padding-top:28px;border-top:1px solid var(--ybk-line)}
.akeiby-categories span{font-size:13px;color:var(--ybk-accent)}
.akeiby-categories h2{font-size:24px;font-weight:600;margin-top:20px}
body .source-company>.source-block{padding-top:52px!important;padding-bottom:52px!important}
body .source-company h2{color:var(--ybk-ink);line-height:1.4;letter-spacing:-.03em}
body .source-intro,body .source-row p{font-size:16px;line-height:1.9;color:var(--ybk-muted)}
body .source-row{border-bottom-color:var(--ybk-line);padding:24px 0}
body .source-row h3{font-size:16px;color:var(--ybk-ink)}
body .source-note{font-size:14px;line-height:1.7}
body .bp-body{font-size:16px;line-height:1.85}
body .site-footer{background:var(--ybk-paper);border-top:1px solid var(--ybk-line)}
@media(min-width:1200px){.panel-brand{grid-template-columns:.85fr 1.25fr;align-items:center}.panel-brand .growth-panel-copy h3{font-size:38px}.panel-brand .growth-panel-copy p{font-size:16px}.panel-brand .chart-point text{font-size:26px}.panel-brand .chart-point .chart-x{font-size:20px}}
@media(max-width:1024px){body .site-nav .nav-item{margin-right:17px}body .ab-opening .ab-lead-wrap{grid-template-columns:1fr 1fr;gap:20px 5%}body .ab-opening .ab-statement{font-size:42px}.business-pillar{padding:23px}.business-pillar h2{font-size:22px}.business-pillar svg{width:120px;height:60px}body .wwd-item{flex-basis:calc((100% - 24px)/2)}body .brand-grid-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 body .site-header{padding-left:5%;padding-right:5%}.ybk-language{margin-left:6px;margin-right:10px}.ybk-language summary{padding:0 9px;gap:6px}.ybk-language summary svg{width:16px;height:16px}body .mobile-menu-toggle{margin-left:0}
 body .ab-opening{width:88%;margin:28px auto 36px}body .ab-opening .ab-lead-wrap{display:block;padding:0 0 28px}body .ab-opening .ab-kicker{font-size:12px;margin-bottom:24px;gap:12px}body .ab-opening .ab-kicker span{padding-left:12px}
 body .ab-opening .ab-statement{font-size:clamp(34px,8.4vw,48px);line-height:1.2;margin-bottom:24px}body .ab-opening .ab-lead{font-size:16px;padding:0}body .ab-opening .ab-cta{margin-top:24px!important}body .ab-opening .ab-hero{border-radius:6px}
 body .ab-col{width:88%;gap:60px}.ybk-business-pillars{grid-template-columns:1fr;gap:12px}.business-pillar{padding:22px 24px;display:grid;grid-template-columns:1fr 90px;gap:0 18px}.pillar-index{grid-column:1;margin-bottom:12px}.business-pillar svg{grid-column:2;grid-row:1/4;width:90px;height:60px;align-self:center;margin:0}.business-pillar h2{grid-column:1;font-size:23px;line-height:1.35;margin-bottom:8px}.business-pillar p{grid-column:1;font-size:14px}
 .growth-story-heading{margin-bottom:28px}.growth-story-heading h2{font-size:34px}.growth-story-heading>p:last-child{font-size:16px}.growth-panel{padding:28px 20px;gap:28px;border-radius:12px;margin-bottom:18px}.growth-panel-copy h3{font-size:30px}.growth-panel-copy p{font-size:16px}.story-step{font-size:12px;margin-bottom:18px}.chart-unit{font-size:13px;margin-bottom:22px}.revenue-chart{width:calc(100% + 12px);margin-left:-6px}.chart-point text{font-size:46px}.chart-point .chart-x{font-size:42px}.chart-guides text{display:none}.growth-footnote{font-size:12px;line-height:1.8}
 .sector-grid{grid-template-columns:1fr;gap:12px}.sector{padding:20px;display:grid;grid-template-columns:28px 1fr;gap:6px 8px}.sector>span{grid-column:1;grid-row:1/3}.sector h4{grid-column:2;font-size:22px;margin:0}.sector p{grid-column:2;font-size:15px}.expansion-visual>svg{height:30px}.expansion-years{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}.expansion-years b{font-size:22px}.expansion-years span{font-size:13px}
 .world-visual{min-height:285px}.world-head{font-size:9px;letter-spacing:.03em}.world-node strong{font-size:14px}.world-node small{font-size:9px;letter-spacing:.02em}.world-node{gap:4px}.world-caption{font-size:12px}.global-direction{font-size:13px;padding:8px 12px}.global-proof{margin-top:20px}.global-proof strong{font-size:14px}.global-proof p{font-size:13px}
 body .ab-stats{grid-template-columns:repeat(2,minmax(0,1fr))}body .ab-stat{padding:24px 18px}body .ab-stat:nth-child(-n+2){border-bottom:1px solid #ffffff20}body .ab-stat:nth-child(odd){border-right:1px solid #ffffff20}body .ab-stat:nth-child(even){border-right:0}
 body .wwd-item{flex-basis:calc(100% - 28px)}body .wwd-box{padding:24px}body .ab-brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body .ab-brands .ab-brand{width:100%}body .brand-grid-row{gap:28px 14px}body .brand-grid-row .brand-name{font-size:17px}body [data-page="home"] .index-head{padding-top:40px}.akeiby-wordmark{font-size:32px}
 .akeiby-detail{margin-top:32px}.akeiby-detail-grid{grid-template-columns:1fr;gap:36px;margin-top:30px}.akeiby-brand-panel{aspect-ratio:4/3}.akeiby-categories{gap:18px;margin-top:40px}.akeiby-categories h2{font-size:19px}body .source-row{grid-template-columns:1fr;gap:12px}body .source-company>.source-block{padding-top:32px!important;padding-bottom:32px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body .ab-brand,body .brand-grid-row .brand-box,body .ab-opening .ab-btn{transition:none}body .ab-brand:hover,body .brand-grid-row .brand-card:hover .brand-box,body .ab-opening .ab-btn:hover{transform:none}.travel-dot{display:none}}

/* Editorial hierarchy and responsive grids with explicit shrinkable tracks. */
.world-visual.world-visual-v5{height:470px}
.world-field{position:absolute;inset:38px 0 40px;min-width:0}
.world-field .world-routes{inset:0;width:100%;height:100%}
.world-field .world-node{transform:translate(-50%,-6px);min-width:70px;max-width:115px;text-align:center;gap:6px}
.world-field .country-kr{transform:translate(-50%,-8.5px)}
.world-field .world-node strong{font-size:18px;line-height:1.4;letter-spacing:-.02em}
.world-field .world-node small{font-size:10px;letter-spacing:.06em;line-height:1.5}
.world-field .country-minor strong{font-size:15px;color:#bcded5;font-weight:500}
.world-field .country-minor .country-pin{width:8px;height:8px;border:2px solid #7abfa9;background:#448f7c;box-shadow:none;margin:2px 0 8px}
.world-field .country-major .country-pin{background:#bcffe1;border-color:#d6ffef;box-shadow:0 0 0 8px #76e2bd15}
.world-field .country-kr strong{font:750 24px/1 system-ui;letter-spacing:-.04em}
.world-field .country-kr small{color:#9de4d0;font-size:12px}
.world-field .route-major{stroke-width:3.2;stroke:#a6ffd9}
.world-field .route-minor{stroke-width:1;stroke:#63b59e;opacity:.6}
.world-field .dot-minor{fill:#8fdfc3;stroke:none;filter:none}
html.ybk-motion-enabled .growth-panel.is-visible .world-field .route-minor{animation:ybk-draw 2.5s ease both;animation-delay:var(--route-delay)}
html.ybk-motion-enabled .growth-panel.is-visible .world-field .travel-dot{animation-duration:5.5s;animation-delay:var(--route-delay)}
html.ybk-motion-enabled .growth-panel.is-visible .world-field .country-minor .country-pin{animation:none}
@media(max-width:767px){.world-visual.world-visual-v5{height:470px}.world-field{inset:28px 0 32px}.world-visual-v5 .world-head{font-size:8px;letter-spacing:0}.world-field .world-node{min-width:58px;max-width:83px;white-space:normal;gap:5px}.world-field .world-node strong,.world-field .country-minor strong{font-size:13px;line-height:1.5}.world-field .country-major strong{font-size:15px}.world-field .world-node small{font-size:9px;letter-spacing:0}.world-field .country-kr strong{font-size:23px}.world-field .country-kr small{font-size:12px}.world-visual-v5 .world-caption{font-size:11px}}
.growth-panel{grid-template-columns:minmax(0,1fr);border-radius:12px;margin-bottom:46px;gap:40px}
.growth-panel>*{min-width:0;max-width:100%}
.growth-panel-copy{min-width:0}
.growth-panel-copy :is(h3,p),.story-step,.global-direction{overflow-wrap:anywhere;max-width:100%}
.growth-story-heading{position:relative;margin-bottom:48px}
.growth-story-heading h2{font-size:clamp(38px,5vw,66px);font-weight:750;letter-spacing:-.05em}
.panel-brand{background:#fff1e7;border:1px solid #f3dac9}
.panel-expansion{background:#fff;border:1px solid #cbd8ed}
.panel-global{background:radial-gradient(ellipse at 82% 72%,#145650 0%,#102f38 44%,#0b2431 100%);border:1px solid #38666b}
.story-step{font-size:13px;letter-spacing:.13em;margin-bottom:26px}
.growth-panel-copy h3{font-weight:700;line-height:1.28;letter-spacing:-.045em}
.affiliate-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0}
.affiliate-card{display:flex;flex-direction:column;min-width:0;border-top:3px solid #3869d4;background:#f1f5fc;border-radius:0 0 9px 9px;padding:28px 24px}
.affiliate-heading{display:flex;align-items:center;gap:12px;margin-bottom:30px;flex-wrap:wrap}
.affiliate-index{font:500 12px/1.5 system-ui;color:#5d78a2}
.affiliate-type{font-size:14px;font-weight:650;color:#335c9a}
.affiliate-card h4{font-size:clamp(23px,2.5vw,31px);font-weight:700;line-height:1.45;letter-spacing:-.035em;color:#17325c;margin:0 0 22px;word-break:keep-all;overflow-wrap:anywhere}
.affiliate-card>p{font-size:16px;line-height:1.9;color:#5d6d85;margin:0 0 28px;word-break:keep-all;overflow-wrap:anywhere}
.affiliate-detail{margin-top:auto;border-top:1px solid #ccdaef;padding-top:18px;font-size:12px;line-height:1.7;letter-spacing:.02em;color:#416299}
.affiliate-1{border-color:#826bd0;background:#f4f1fc}.affiliate-1 .affiliate-type,.affiliate-1 .affiliate-detail{color:#7152ac}.affiliate-1 h4{color:#513876}
.affiliate-2{border-color:#239d8a;background:#edf7f5}.affiliate-2 .affiliate-type,.affiliate-2 .affiliate-detail{color:#238575}.affiliate-2 h4{color:#185e54}
.affiliate-3{border-color:#e47a39;background:#fff3e9}.affiliate-3 .affiliate-type,.affiliate-3 .affiliate-detail{color:#b85d29}.affiliate-3 h4{color:#783919}
/* Remove the aspect-ratio/min-height intrinsic width that forced the mobile grid to 641px. */
.world-visual{aspect-ratio:auto;min-width:0;min-height:0;height:clamp(310px,34vw,440px);width:100%;max-width:100%;background:radial-gradient(ellipse at 50% 60%,#5cf2be09,transparent 64%)}
.world-head{font-size:12px;color:#9bc8c5;letter-spacing:.12em}
.world-node strong{font-size:23px;letter-spacing:-.025em}
.world-routes .orbital-grid{stroke-opacity:.45}
.world-route{stroke:#85efc8;stroke-width:2.5}
.travel-dot{filter:drop-shadow(0 0 5px #aeffdc)}
.chart-sweep{fill:none;stroke:#ffd45f;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 44;vector-effect:non-scaling-stroke;opacity:0}
/* One exact dash-pattern period makes the loop continuous at both endpoints. */
@keyframes ybk-line-flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-50}}
.route-flow{fill:none;stroke:#e6ffc2;stroke-width:4;stroke-linecap:round;stroke-dasharray:5 45;vector-effect:non-scaling-stroke;opacity:0}
html.ybk-motion-enabled .growth-panel.is-visible .chart-line{stroke-dasharray:100;animation:ybk-draw 2.4s cubic-bezier(.2,.6,.2,1) both}
html.ybk-motion-enabled .growth-panel.is-visible .chart-area{animation:ybk-fade 1.7s .4s both}
html.ybk-motion-enabled .growth-panel.is-visible .chart-point{animation:ybk-fade .7s both;animation-delay:calc(var(--i)*.38s)}
html.ybk-motion-enabled .growth-panel.is-visible .chart-sweep{opacity:1;animation:ybk-line-flow 2.8s linear infinite}
html.ybk-motion-enabled .growth-panel.is-visible .affiliate-card{animation:ybk-fade .8s both}
html.ybk-motion-enabled .growth-panel.is-visible .affiliate-1{animation-delay:.2s}
html.ybk-motion-enabled .growth-panel.is-visible .affiliate-2{animation-delay:.4s}
html.ybk-motion-enabled .growth-panel.is-visible .affiliate-3{animation-delay:.6s}
html.ybk-motion-enabled .growth-panel.is-visible .route-minor{stroke-dasharray:100}
html.ybk-motion-enabled .growth-panel.is-visible .route-flow{opacity:1;animation:ybk-line-flow 2.8s linear infinite}
html.ybk-motion-enabled .growth-panel.is-visible .flow-us{animation-delay:-1.4s}
html.ybk-motion-enabled .growth-panel.is-visible .travel-dot{display:initial;animation:ybk-route-travel 4s 1.3s linear infinite both}
html.ybk-motion-enabled .growth-panel.is-visible .dot-us{animation-delay:2s;animation-duration:4.8s}
html.ybk-motion-enabled .growth-panel.is-visible .country-pin{animation:ybk-pin-pulse 2.5s 1s ease infinite}
html.ybk-motion-enabled [data-reveal]:not(.is-in-view),html.ybk-motion-enabled [data-reveal]:not(.is-in-view) *,html.ybk-motion-enabled [data-reveal]:not(.is-in-view):before,html.ybk-motion-enabled [data-reveal]:not(.is-in-view):after,html.ybk-motion-enabled [data-reveal]:not(.is-in-view) ::before,html.ybk-motion-enabled [data-reveal]:not(.is-in-view) ::after,html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important}
html:not(.ybk-motion-enabled) .travel-dot{display:none}
/* Group companies stay compact; the full private-brand portfolio follows. */
body .ybk-group>h2{font-size:clamp(32px,3.6vw,48px);font-weight:650;line-height:1.3;letter-spacing:-.04em}
.group-affiliate-list{border-top:1px solid #223b5d;margin:40px 0 64px}
.group-affiliate-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px 32px;align-items:baseline;padding:24px 0;border-bottom:1px solid var(--ybk-line)}
.group-affiliate-row>span{font-size:13px;color:#587496;line-height:1.7}
.group-affiliate-row h3{font-size:23px;line-height:1.5;color:#21354e;font-weight:600;margin:0;letter-spacing:-.025em}
.group-affiliate-row>p{grid-column:2;font-size:15px;line-height:1.8;color:#6a788b;margin:0}
.private-heading{margin-bottom:32px}
.private-heading h3{font:650 clamp(28px,4vw,46px)/1.2 var(--ybk-font),system-ui,sans-serif;color:#20364f;letter-spacing:-.04em;margin:18px 0}
.private-heading>p:last-child{font-size:16px;line-height:1.8;color:#617187;max-width:680px}
.private-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.private-brand-card{display:grid;grid-template-columns:138px minmax(0,1fr);gap:25px;align-items:start;min-width:0;padding:32px 0;border-top:1px solid var(--ybk-line);text-decoration:none}
.private-brand-image{width:100%;aspect-ratio:1;border-radius:7px;overflow:hidden}
.private-brand-image>span{display:block;width:100%;height:100%;background-size:cover;background-position:center}
.private-brand-image .akeiby-wordmark{font-size:29px}
.private-brand-copy{min-width:0}
.private-brand-category{font:500 11px/1.5 system-ui;color:#6a8099;letter-spacing:.06em}
.private-brand-copy h4{font-size:24px;line-height:1.35;color:#1c344e;font-weight:650;margin:8px 0 14px;letter-spacing:-.025em}
.private-brand-copy h4 small{display:block;font:400 12px/1.6 system-ui;color:#698099;letter-spacing:.04em;margin-top:4px}
.private-brand-copy p{font-size:15px;line-height:1.9;color:#65758a;margin:0;word-break:keep-all;overflow-wrap:anywhere}
.private-brand-more{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#3d6193;margin-top:18px}
.private-brand-more>span{font-size:20px;transition:transform .2s}
.private-brand-card:hover .private-brand-more>span{transform:translate(3px,-3px)}
.private-brand-card:hover h4{color:#3268c3}
/* Number reels and fine light trails make the figures feel alive without changing the data. */
.metric-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body .ab-stat{position:relative;--metric-color:#ffb47d;padding-bottom:44px}
body .ab-stat:nth-child(2){--metric-color:#8cbaff}body .ab-stat:nth-child(3){--metric-color:#c4abff}body .ab-stat:nth-child(4){--metric-color:#7fe1c0}
body .ab-stat .v{line-height:1.18;font-variant-numeric:tabular-nums}
.metric-visual{display:inline-flex;align-items:baseline;white-space:nowrap}
.metric-digit{display:inline-block;height:1.18em;overflow:hidden;vertical-align:bottom}
.metric-reel{display:flex;flex-direction:column;transform:translateY(calc(var(--steps)*-1.18em))}
.metric-reel>span{display:block;flex:none;height:1.18em;line-height:1.18}
.metric-year{display:inline-block}
.metric-signal{position:absolute;height:2px;left:24px;right:24px;bottom:23px;background:#ffffff15;overflow:hidden;border-radius:2px}
.metric-signal:after{content:'';display:block;width:32%;height:100%;background:linear-gradient(90deg,transparent,var(--metric-color),transparent);transform:translateX(100%)}
@keyframes ybk-number-roll{from{transform:translateY(0)}to{transform:translateY(calc(var(--steps)*-1.18em))}}
@keyframes ybk-rise{from{opacity:.15;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes ybk-metric-light{from{transform:translateX(-100%)}to{transform:translateX(413%)}}
html.ybk-motion-enabled .ab-stats.is-visible .metric-reel{animation:ybk-number-roll 1.6s cubic-bezier(.16,.7,.15,1) both;animation-delay:calc(var(--metric-index)*.14s + var(--digit-index)*.06s)}
html.ybk-motion-enabled .ab-stats.is-visible .metric-year,html.ybk-motion-enabled .ab-stats.is-visible .ab-stat .k{animation:ybk-rise 1s both;animation-delay:calc(var(--metric-index)*.14s)}
html.ybk-motion-enabled .ab-stats.is-visible .metric-signal:after{animation:ybk-metric-light 4s linear infinite;animation-delay:calc(var(--metric-index)*-.8s)}
html.ybk-motion-enabled .wwd-grid .wwd-item.is-visible{animation:ybk-rise .7s both;animation-delay:calc(var(--card-index)*.08s)}
/* Brand carries the operating scale and the full in-house workflow. */
body .brand-operations{width:88%;max-width:1280px;margin:0 auto 32px;--vz:#3565b9;--vz-soft:#f2f6fc}
body .brand-operations>.source-block{padding-top:56px!important;padding-bottom:60px!important}
body .brand-operations h2{font-size:clamp(30px,3.5vw,46px);line-height:1.35;letter-spacing:-.04em}
body .brand-operations .source-intro{max-width:880px}
body .brand-operations .vz-band{border:0;border-radius:12px;overflow:hidden;gap:1px;background:#dce5f0}
body .brand-operations .vz-band>div{background:#f3f7fc;padding:30px 24px}
body .brand-operations .vz-band dd{font-size:clamp(32px,3.4vw,46px);color:#234d89}
body .brand-operations .vz-steps{grid-template-columns:repeat(3,minmax(0,1fr));border:0;background:transparent;gap:16px}
body .brand-operations .vz-steps>div{padding:28px;background:#f3f7fc;border-radius:10px;border:1px solid #dce5f0}
body .brand-operations .vz-steps h4{font-size:19px;line-height:1.5;margin-bottom:12px;color:#254e82}
body .brand-operations .vz-steps p{font-size:15px;line-height:1.8;color:#62758f}
body .brand-operations .vz-steps .no{font-size:12px;color:#6288bd;margin-bottom:22px}
/* A two-pixel light travels along the fixed header; navigation stays stable. */
.header-activity{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden;pointer-events:none;background:linear-gradient(90deg,#e5effd,#e9e3f6,#e0eee9)}
.header-activity:before{content:'';display:block;width:25%;height:100%;background:linear-gradient(90deg,transparent,#efaa73 25%,#7b9def 55%,#65baac 80%,transparent);transform:translateX(150%)}
@keyframes ybk-header-light{from{transform:translateX(-100%)}to{transform:translateX(400%)}}
html.ybk-motion-enabled .header-activity:before{animation:ybk-header-light 7s linear infinite}
body .site-nav .nav-item{position:relative;transition:opacity .2s}
body .site-nav .nav-item:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
body .site-nav .nav-item:hover:after,body .site-nav .nav-item:focus-visible:after{transform:scaleX(1)}
@media(max-width:767px){
 .wwd-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 body .wwd-grid .wwd-item{grid-template-columns:28px minmax(0,1fr);gap:0 12px;padding:24px 20px}
 body .wwd-grid .wwd-item h3{font-size:23px}body .wwd-grid .wwd-box p{font-size:15px}
 body .ab-stat{padding:22px 16px 40px}body .ab-stat .v{font-size:clamp(21px,6vw,36px);letter-spacing:-.04em}body .ab-stat .k{font-size:12px;margin-top:10px;letter-spacing:0}
 .metric-signal{left:16px;right:16px;bottom:20px}
 body .brand-operations{margin-bottom:24px}body .brand-operations>.source-block{padding-top:36px!important;padding-bottom:40px!important}
 body .brand-operations .vz-band>div{padding:24px 16px}body .brand-operations .vz-band dd{font-size:30px}
 body .brand-operations .vz-steps{grid-template-columns:minmax(0,1fr);gap:12px}body .brand-operations .vz-steps>div{padding:24px}
}
/* The three priorities have their own continuously flowing diagrams. */
.pillar-flow{fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 41}
.pillar-0 .pillar-flow{stroke:#ee942d}.pillar-1 .pillar-flow{stroke:#3a7aef}.pillar-2 .pillar-flow{stroke:#08a887}
html.ybk-motion-enabled .business-pillar.is-visible{animation:ybk-rise .8s both;animation-delay:calc(var(--pillar-index)*.12s)}
html.ybk-motion-enabled .business-pillar.is-visible .pillar-flow{animation:ybk-line-flow 2.8s linear infinite;animation-delay:calc(var(--pillar-index)*-.6s)}
@keyframes ybk-node-breathe{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.22);opacity:1}}
.pillar-1 circle.symbol-main,.pillar-2 circle.symbol-main{transform-box:fill-box;transform-origin:center}
html.ybk-motion-enabled .business-pillar.is-visible circle.symbol-main{animation:ybk-node-breathe 2.8s ease-in-out infinite}
.pillar-1 circle:nth-of-type(3){animation-delay:-.8s!important}.pillar-1 circle:nth-of-type(4){animation-delay:-1.6s!important}
/* Each year appears in sequence while a light continues down its connecting rail. */
body .vz-time>.yr{position:relative;padding-top:34px;padding-bottom:36px}
.history-track{position:absolute;left:163px;top:0;bottom:0;width:2px;background:#dce6f1;overflow:hidden}
.history-track:after{content:'';display:block;width:100%;height:40%;background:linear-gradient(transparent,#6c9ad9,#63bcab,transparent);transform:translateY(-100%)}
@keyframes ybk-history-light{from{transform:translateY(-100%)}to{transform:translateY(350%)}}
html.ybk-motion-enabled .yr.is-visible .history-track:after{animation:ybk-history-light 4.6s linear infinite}
html.ybk-motion-enabled .yr.is-visible .y{animation:ybk-rise .7s both}
html.ybk-motion-enabled .yr.is-visible li{animation:ybk-rise .8s .12s both}
html.ybk-motion-enabled .yr.is-visible li:nth-child(2){animation-delay:.22s}
html.ybk-motion-enabled .yr.is-visible li:nth-child(3){animation-delay:.32s}
html.ybk-motion-enabled .yr.is-visible li:nth-child(4){animation-delay:.42s}
/* A moving route and arrival pulse identify the actual office entrance. */
.location-route{stroke-dasharray:8 42}
.location-walker{fill:#fff1ad;stroke:#a9782b;stroke-width:2;offset-path:path('M296 300H404V268')}
.location-pulse{fill:none;stroke:#c59837;stroke-width:2;transform-box:fill-box;transform-origin:center}
@keyframes ybk-map-pulse{from{transform:scale(.7);opacity:.75}to{transform:scale(2.5);opacity:0}}
html.ybk-motion-enabled .static-location-map.is-visible .location-route{animation:ybk-line-flow 2.8s linear infinite}
html.ybk-motion-enabled .static-location-map.is-visible .location-walker{animation:ybk-route-travel 4s linear infinite}
html.ybk-motion-enabled .static-location-map.is-visible .location-pulse{animation:ybk-map-pulse 3s ease-out infinite}
html.ybk-motion-enabled .static-location-map.is-visible,html.ybk-motion-enabled .contact-detail.is-visible{animation:ybk-rise .85s both}
/* Brand: ordered entrances, gentle image movement, and an active business network. */
html.ybk-motion-enabled .brand-intro-motion.is-visible{animation:ybk-rise .85s both}
html.ybk-motion-enabled .brand-grid-row>.brand-card.is-visible{animation:ybk-rise .9s both;animation-delay:calc(var(--brand-index)*.09s)}
body .brand-grid-row .brand-box{position:relative;transition:border-color .3s;transform:none}
body .brand-grid-row .brand-card:hover .brand-box{transform:none;border-color:#9aabc4}
body .brand-grid-row .brand-box>.brand-zoom,body .brand-grid-row .brand-box>.akeiby-wordmark{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
body .brand-grid-row .brand-card:hover .brand-box>.brand-zoom,body .brand-grid-row .brand-card:hover .brand-box>.akeiby-wordmark{transform:scale(1.035)}
.brand-box:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,#ffffff16 48%,transparent 66%);transform:translateX(-110%)}
@keyframes ybk-brand-sheen{0%,35%{transform:translateX(-110%)}65%,100%{transform:translateX(110%)}}
html.ybk-motion-enabled .brand-card.is-visible .brand-box:after{animation:ybk-brand-sheen 10s linear infinite;animation-delay:calc(var(--brand-index)*-1.4s)}
html.ybk-motion-enabled .brand-scale-stat.is-visible{animation:ybk-rise .85s both}
.brand-network-flow{fill:none;stroke:#5c8ad2;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:5 45}
.brand-hub-pulse{fill:none;stroke:#e97448;stroke-width:1.5;transform-box:fill-box;transform-origin:center}
html.ybk-motion-enabled .brand-network.is-visible .brand-network-flow{animation:ybk-line-flow 3.8s linear infinite;animation-delay:calc(var(--route-index)*-.55s)}
html.ybk-motion-enabled .brand-network.is-visible .brand-hub-pulse{animation:ybk-map-pulse 3s ease-out infinite}
.brand-work-step{position:relative;overflow:hidden}
.work-signal{position:absolute;left:24px;right:24px;bottom:0;height:2px;overflow:hidden;background:#dce6f3}
.work-signal:after{content:'';display:block;width:32%;height:100%;background:linear-gradient(90deg,transparent,#638bd0,#63bdaa,transparent)}
html.ybk-motion-enabled .brand-work-step.is-visible{animation:ybk-rise .8s both}
html.ybk-motion-enabled .brand-work-step.is-visible .work-signal:after{animation:ybk-metric-light 4s linear infinite;animation-delay:calc(var(--step-index)*-.5s)}
/* The footer carries the same light treatment as the fixed header. */
body .site-footer{position:relative;margin-top:64px}
.footer-horizon{position:absolute;top:0;left:0;right:0;height:3px;overflow:hidden;background:#dce5f1}
.footer-horizon:after{content:'';display:block;width:32%;height:100%;background:linear-gradient(90deg,transparent,#e8ab75,#7e9ee1,#68bbab,transparent)}
html.ybk-motion-enabled .site-footer.is-visible .footer-horizon:after{animation:ybk-metric-light 6s linear infinite}
html.ybk-motion-enabled .site-footer.is-visible .site-footer-row>div{animation:ybk-rise .9s both}
html.ybk-motion-enabled .site-footer.is-visible .site-footer-row>div:nth-child(2){animation-delay:.12s}
html.ybk-motion-enabled .site-footer.is-visible .site-footer-row>div:nth-child(3){animation-delay:.24s}
body .footer-family{transition:background .3s,border-color .3s}
body .footer-family:hover{background:#e7edf7}
.export-inquiry{position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr 1fr;gap:40px 9%;align-items:center;width:100%;max-width:1280px;margin:48px auto 20px;padding:clamp(32px,4.5vw,64px);overflow:hidden;border:1px solid #325a65;border-radius:14px;background:radial-gradient(ellipse at 95% 10%,#23534c,#142e3e 60%);color:#fff}
.export-kicker{font:500 12px/1.6 system-ui;letter-spacing:.16em;color:#9cdcc8;margin:0 0 24px}
.export-copy h2{font-size:clamp(30px,3.4vw,48px);line-height:1.32;letter-spacing:-.045em;margin:0;color:#fff;word-break:keep-all;overflow-wrap:anywhere}
.export-action{position:relative;z-index:1;min-width:0}
.export-action>p{font-size:16px;line-height:1.85;color:#c2d8dd;margin:0 0 26px;max-width:28em;word-break:keep-all;overflow-wrap:anywhere}
.export-topics{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 24px}.export-topics span{padding:8px 12px;border:1px solid #8edbc4;border-radius:999px;background:#8edbc41a;color:#d8fff2;font:650 11px/1 system-ui;letter-spacing:.08em}
.export-contact{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:56px;max-width:100%;padding:15px 24px;border:1px solid #a5e7d0;border-radius:50px;font-size:15px;line-height:1.5;text-decoration:none;background:#c4f4e4;color:#163b3c;font-weight:700;box-shadow:0 14px 34px #061e2438;transition:background .25s,transform .25s,box-shadow .25s}
.export-contact>span{font-size:23px;line-height:1;transition:transform .3s}
.export-contact:hover{background:#e2fff3;transform:translateY(-2px);box-shadow:0 18px 40px #061e2455}.export-contact:hover>span{transform:translate(3px,-3px)}
.export-light{position:absolute;bottom:0;left:0;right:0;height:2px;overflow:hidden;pointer-events:none}
.export-light:after{content:'';display:block;width:32%;height:100%;background:linear-gradient(90deg,transparent,#d4ffa1,#79d8bc,transparent)}
.export-copy{position:relative;z-index:1}.export-kicker{display:flex;align-items:center;gap:10px}.export-kicker:before{content:'';width:7px;height:7px;border-radius:50%;background:#b9ffd9;box-shadow:0 0 0 0 #b9ffd966}.export-inquiry:before{content:'';position:absolute;z-index:0;width:460px;height:460px;right:-170px;top:-270px;border:1px solid #b4f5dc40;border-radius:50%;background:conic-gradient(from 90deg,#8dffd800, #8dffd838, #d9ff9f00 55%);pointer-events:none}.export-inquiry:after{content:'';position:absolute;z-index:0;inset:0;background-image:linear-gradient(#c8fff20b 1px,transparent 1px),linear-gradient(90deg,#c8fff20b 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(110deg,transparent 8%,#000 72%,transparent);pointer-events:none}.export-contact{position:relative;overflow:hidden}.export-contact:before{content:'';position:absolute;inset:-40% auto -40% -45%;width:34%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-20deg);pointer-events:none}
html.ybk-motion-enabled .site-footer.is-visible .export-copy,html.ybk-motion-enabled .site-footer.is-visible .export-action{animation:ybk-rise .9s both}
html.ybk-motion-enabled .site-footer.is-visible .export-action{animation-delay:.15s}
html.ybk-motion-enabled .site-footer.is-visible .export-topics span{animation:ybk-footer-chip 3.6s ease-in-out infinite}html.ybk-motion-enabled .site-footer.is-visible .export-topics span:nth-child(2){animation-delay:.4s}html.ybk-motion-enabled .site-footer.is-visible .export-topics span:nth-child(3){animation-delay:.8s}@keyframes ybk-footer-chip{0%,100%{border-color:#8edbc480;background:#8edbc414;transform:translateY(0)}50%{border-color:#d6ffae;background:#d6ffae24;transform:translateY(-2px)}}
html.ybk-motion-enabled .site-footer.is-visible .export-light:after{animation:ybk-metric-light 5s linear infinite}
html.ybk-motion-enabled .site-footer.is-visible .export-kicker:before{animation:ybk-footer-pulse 2.4s ease-out infinite}html.ybk-motion-enabled .site-footer.is-visible .export-inquiry:before{animation:ybk-footer-orbit 12s linear infinite}html.ybk-motion-enabled .site-footer.is-visible .export-inquiry:after{animation:ybk-footer-grid 9s linear infinite}html.ybk-motion-enabled .site-footer.is-visible .export-contact:before{animation:ybk-footer-shine 4.8s ease-in-out infinite}@keyframes ybk-footer-pulse{0%{box-shadow:0 0 0 0 #b9ffd977}70%,100%{box-shadow:0 0 0 12px #b9ffd900}}@keyframes ybk-footer-orbit{to{transform:rotate(360deg)}}@keyframes ybk-footer-grid{0%{background-position:0 0,0 0}100%{background-position:44px 44px,44px 44px}}@keyframes ybk-footer-shine{0%,55%{left:-45%}85%,100%{left:125%}}
@media(max-width:767px){
 body .vz-time>.yr{padding:26px 0 30px 22px;gap:18px}.history-track{left:0;top:0;bottom:0}
 body .vz-time li span{font-size:15px;line-height:1.85}.vz-time .y small{font-size:12px;letter-spacing:.04em}
 body .wwd-grid .wwd-item:after{left:20px;right:20px}
 body .brand-grid-row>.brand-card:nth-child(even){--brand-index:1!important}body .brand-grid-row>.brand-card:nth-child(odd){--brand-index:0!important}
 body .site-footer{margin-top:32px}
 .export-inquiry{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:30px;padding:30px 24px;border-radius:10px}.export-copy h2{font-size:32px}.export-kicker{font-size:11px;margin-bottom:20px}.export-action>p{font-size:16px;margin-bottom:24px}.export-contact{width:100%;font-size:13px;gap:10px;padding-inline:18px;white-space:nowrap}
}
@media(max-width:360px){html[lang="ja"] .export-copy h2{font-size:24px}}
@media(min-width:1200px){.panel-brand{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);align-items:center}.panel-brand .growth-panel-copy h3{font-size:40px}}
@media(max-width:1000px){.affiliate-cards{grid-template-columns:1fr}.affiliate-card{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0 28px}.affiliate-heading{grid-column:1/-1;margin-bottom:20px}.affiliate-card h4{font-size:26px}.affiliate-card>p{margin-bottom:20px}.affiliate-detail{grid-column:2}.private-brand-card{grid-template-columns:100px minmax(0,1fr);gap:20px}.private-brand-image .akeiby-wordmark{font-size:23px}.private-brand-grid{gap:0 28px}}
@media(max-width:767px){
 .growth-panel{grid-template-columns:minmax(0,1fr);padding:30px 22px;gap:30px;margin-bottom:24px;border-radius:10px}
 .growth-panel-copy h3{font-size:30px;line-height:1.33;letter-spacing:-.04em}.growth-panel-copy h3 br{display:none}.growth-panel-copy p{font-size:16px;line-height:1.85}.story-step{font-size:12px;letter-spacing:.06em;white-space:normal;overflow-wrap:anywhere}
 .growth-story-heading{margin-bottom:32px}.growth-story-heading h2{font-size:36px}
 .affiliate-card{display:block;padding:24px 20px;border-radius:0 0 7px 7px}.affiliate-heading{margin-bottom:22px}.affiliate-card h4{font-size:27px;line-height:1.45}.affiliate-card>p{font-size:16px}.affiliate-detail{font-size:12px;margin-top:24px}
 .world-visual{height:310px;min-height:0;min-width:0;aspect-ratio:auto}.world-head{font-size:9px;letter-spacing:.03em}.world-node strong{font-size:16px}.world-node small{font-size:9px}.world-node{min-width:65px;max-width:100px}.global-direction{font-size:13px;white-space:normal;border-radius:8px}.global-proof{display:block}.global-proof p{margin-top:12px;font-size:14px;line-height:1.9}.world-caption{font-size:12px}
 body .ybk-group>h2{font-size:32px;line-height:1.4}.group-affiliate-list{margin:30px 0 52px}.group-affiliate-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:22px 0}.group-affiliate-row h3{font-size:22px}.group-affiliate-row>p{grid-column:1;font-size:14px}
 .private-heading h3{font-size:32px}.private-brand-grid{grid-template-columns:minmax(0,1fr);gap:0}.private-brand-card{grid-template-columns:90px minmax(0,1fr);gap:20px;padding:28px 0}.private-brand-copy h4{font-size:23px}.private-brand-copy p{font-size:15px;line-height:1.85}.private-brand-category{font-size:10px}.private-brand-image .akeiby-wordmark{font-size:21px}
}

/* utilities.css */
/* Precompiled utilities from the existing design. Tailwind CSS v3.4.17, MIT. */
*,::before,::after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}
.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0px}.top-0{top:0px}.top-\[1203px\]{top:1203px}.top-\[129\.6px\]{top:129.6px}.top-\[181\.6px\]{top:181.6px}.top-\[364px\]{top:364px}.top-\[546px\]{top:546px}.mr-\[28px\]{margin-right:28px}.mt-\[-45px\]{margin-top:-45px}.mt-\[175px\]{margin-top:175px}.box-border{box-sizing:border-box}.flex{display:flex}.aspect-\[4\/1\]{aspect-ratio:4/1}.aspect-square{aspect-ratio:1 / 1}.h-\[37px\]{height:37px}.h-\[80px\]{height:80px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-\[120px\]{height:120px}.h-\[1332px\]{height:1332px}.h-\[14\.28px\]{height:14.28px}.h-\[240px\]{height:240px}.h-\[2px\]{height:2px}.h-\[696\.33px\]{height:696.33px}.h-\[89\.6px\]{height:89.6px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-\[1000px\]{width:1000px}.w-\[12px\]{width:12px}.w-\[190px\]{width:190px}.w-\[25px\]{width:25px}.w-\[370px\]{width:370px}.w-\[94\%\]{width:94%}.w-\[calc\(\(100\%_-_80px\)_\/_3\)\]{width:calc((100% - 80px) / 3)}.w-\[300px\]{width:300px}.w-\[350px\]{width:350px}.min-w-\[1132\.8px\]{min-width:1132.8px}.max-w-\[1200px\]{max-width:1200px}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-0{gap:0px}.gap-\[13\.2px\]{gap:13.2px}.gap-\[210px\]{gap:210px}.gap-\[22px\]{gap:22px}.gap-\[84px\]{gap:84px}.gap-\[8px\]{gap:8px}.gap-\[10px\]{gap:10px}.gap-x-\[40px\]{column-gap:40px}.gap-y-\[60\.4px\]{row-gap:60.4px}.overflow-hidden{overflow:hidden}.rounded-\[14px\]{border-radius:14px}.bg-\[\#ffffff\]{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))}.bg-\[\#000000\]{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity,1))}.bg-\[\#ededed\]{--tw-bg-opacity:1;background-color:rgb(237 237 237 / var(--tw-bg-opacity,1))}.bg-\[\#f1f0ee\]{--tw-bg-opacity:1;background-color:rgb(241 240 238 / var(--tw-bg-opacity,1))}.p-\[0px_0px_10px_0px\]{padding:0px 0px 10px 0px}.p-\[3px_2\%_0px_2\%\]{padding:3px 2% 0px 2%}.p-\[80px_0px_0px_0px\]{padding:80px 0px 0px 0px}.p-0{padding:0px}.p-\[1\.6px_0px_47\.72px_0px\]{padding:1.6px 0px 47.72px 0px}.p-\[20px_0px_0px_0px\]{padding:20px 0px 0px 0px}.p-\[30px\]{padding:30px}.p-\[6px_0px_0px_0px\]{padding:6px 0px 0px 0px}.p-\[0px_2\%\]{padding:0px 2%}.p-\[15px_30px\]{padding:15px 30px}.p-\[41\.6px_0px_43px_0px\]{padding:41.6px 0px 43px 0px}.text-left{text-align:left}.font-\[\'YBK_Pretendard\'\2c system-ui\2c sans-serif\]{font-family:var(--ybk-font),system-ui,sans-serif}.text-\[18px\]\/\[27px\]{font-size:18px;line-height:27px}.text-\[13px\]\/\[18px\]{font-size:13px;line-height:18px}.text-\[15px\]\/\[26px\]{font-size:15px;line-height:26px}.text-\[16px\]\/\[24px\]{font-size:16px;line-height:24px}.text-\[16px\]\/\[26px\]{font-size:16px;line-height:26px}.text-\[20px\]\/\[28px\]{font-size:20px;line-height:28px}.text-\[24px\]\/\[38px\]{font-size:24px;line-height:38px}.text-\[32px\]\/\[51px\]{font-size:32px;line-height:51px}.text-\[80px\]\/\[80px\]{font-size:80px;line-height:80px}.text-\[12px\]\/\[12px\]{font-size:12px;line-height:12px}.text-\[13px\]\/\[13px\]{font-size:13px;line-height:13px}.text-\[13px\]\/\[16px\]{font-size:13px;line-height:16px}.font-normal{font-weight:400}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.tracking-\[-0\.3px\]{letter-spacing:-0.3px}.tracking-\[-0\.4px\]{letter-spacing:-0.4px}.tracking-\[-0\.5px\]{letter-spacing:-0.5px}.tracking-\[1\.3px\]{letter-spacing:1.3px}.tracking-\[-0\.12px\]{letter-spacing:-0.12px}.tracking-\[1\.2px\]{letter-spacing:1.2px}.tracking-\[1\.4px\]{letter-spacing:1.4px}.text-\[\#000000\]{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity,1))}.text-\[\#666666\]{--tw-text-opacity:1;color:rgb(102 102 102 / var(--tw-text-opacity,1))}.text-\[\#ffffff\]{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.text-\[\#1f1d1b\]{--tw-text-opacity:1;color:rgb(31 29 27 / var(--tw-text-opacity,1))}.\[border-color\:\#cccccc\]{border-color:#cccccc}.\[border-style\:solid\]{border-style:solid}.\[border-width\:1\.6px_0px_0px_0px\]{border-width:1.6px 0px 0px 0px}.\[white-space\:nowrap\]{white-space:nowrap}.\[z-index\:0\]{z-index:0}.\[z-index\:1\]{z-index:1}.\[z-index\:2\]{z-index:2}.\[z-index\:3\]{z-index:3}.\[z-index\:99\]{z-index:99}

/* asset-c29353ba37b2cb49.css */

/* 이메일 mailto 링크 — 기존 타이포를 그대로 상속하고 클릭만 가능하게 (2026-09-11) */
.ybk-mail{color:inherit;text-decoration:none;cursor:pointer;
  transition:text-decoration-color 160ms cubic-bezier(.23,1,.32,1);
  text-decoration-line:underline;text-decoration-color:transparent;text-underline-offset:3px}
.ybk-mail:hover{text-decoration-color:currentColor}
.ybk-mail:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}

/* asset-2a348fd52170794a.css */

/* 파트너 카드 취급 브랜드 한 줄 (2026-09-11) */
.vz-tree .kids .vz-brandline{margin:10px 0 0;font-size:12px;line-height:1.7;color:#444;word-break:keep-all}
.vz-tree .kids .vz-brandline .k{display:block;margin-bottom:3px;font-size:10px;font-weight:700;
  letter-spacing:.12em;color:#888;text-transform:uppercase}

/* asset-93a647ccebee0099.css */

/* 카드 10장 → 4열 그리드 3행에 빈 칸 2개가 생기고 컨테이너 배경(#e4e4e4)이 비친다.
   데스크톱에서만 흰 칸으로 메운다. 767px 이하는 1열이라 해당 없음. (2026-09-11) */
@media (min-width:768px){ .vz-tree .kids::after{content:"";grid-column:span 2;background:#fff} }

/* asset-00a2d497b48c0e0e.css */

/* 푸터 법적 표기 — akei.shop 푸터 실데이터 기준 (2026-09-12) */
.site-footer .footer-legal{width:100%;padding:17px 0 28px;border-top:1px solid #e6e6e6}
.site-footer .footer-legal p{margin:0;
  font:400 12px/1.95 var(--ybk-font),system-ui,-apple-system,sans-serif;
  color:#767676;letter-spacing:-.12px}
.site-footer .footer-legal span{white-space:nowrap}
.site-footer .footer-legal span::after{content:"｜";color:#dcdcdc;margin:0 9px}
.site-footer .footer-legal span:last-child::after{content:none}
.site-footer .footer-legal a{color:inherit}
@media (max-width:767px){
  .site-footer .footer-legal{padding:15px 0 24px}
  .site-footer .footer-legal span{display:block;white-space:normal}
  .site-footer .footer-legal span::after{content:none}
}

/* asset-c16fa111af0b8f40.css */

/* ── 환경별 노출 UI (언어·판매 지역) ─ 명세서 1.0 / 2026-09-12 ─────────────
   브랜드 상세에는 구분선을 쓰지 않는다(DA-07). 여백·배경·굵기로만 구분한다.
   버튼 외곽선과 포커스 표시는 허용. 기존 페이지의 미디어쿼리는 건드리지 않는다. */
:root{
  --env-ink:#1f1d1b; --env-mute:#6b6763; --env-line:#f1f0ee;
  --env-sel:#f4f3f1; --env-accent:#1f1d1b;
  --env-ease:cubic-bezier(.32,.72,0,1);
}
.env-bar{width:100%;display:flex;flex-direction:column;align-items:flex-start;
  gap:12px;margin:0 0 24px;padding-top:8px}

/* D-01 현재 언어·지역 */
.env-current{display:inline-flex;align-items:center;gap:10px;min-height:48px;
  padding:0 16px;border:1px solid #d9d6d2;border-radius:8px;background:#fff;
  font:400 14px/20px var(--ybk-font),system-ui,-apple-system,sans-serif;
  color:var(--env-ink);cursor:pointer;max-width:100%;
  transition:border-color 200ms var(--env-ease),background-color 200ms var(--env-ease)}
.env-current:hover{border-color:#a9a5a0}
.env-current:active{background:var(--env-sel)}
.env-current-text{white-space:normal;text-align:left}
.env-current-mark{font-size:12px;color:var(--env-mute);flex:none}
.env-current:focus-visible,.env-dlg button:focus-visible,.env-dlg input:focus-visible+span,
.env-rec button:focus-visible,.env-sellers a:focus-visible,.env-sellers button:focus-visible{
  outline:2px solid var(--env-accent);outline-offset:2px;border-radius:8px}

/* D-03 추천 안내 */
.env-rec{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;
  padding:14px 16px;border-radius:8px;background:var(--env-line);max-width:100%}
.env-rec p{margin:0;font:400 14px/20px var(--ybk-font),system-ui,sans-serif;color:var(--env-ink)}
.env-rec .env-rec-acts{display:flex;gap:8px;flex-wrap:wrap}
.env-rec button{min-height:40px;padding:0 14px;border-radius:8px;border:1px solid #d9d6d2;
  background:#fff;font:400 14px/20px var(--ybk-font),system-ui,sans-serif;color:var(--env-ink);cursor:pointer}
.env-rec button[data-env-rec-dismiss]{border-color:transparent;background:transparent;color:var(--env-mute)}

/* D-04 판매처 */
.env-sellers{width:100%;padding:16px 0 0;
  font:400 14px/22px var(--ybk-font),system-ui,sans-serif;color:var(--env-ink)}
.env-sellers .env-sellers-label{display:block;font-size:12px;line-height:18px;color:var(--env-mute);
  letter-spacing:.06em;margin-bottom:6px}
.env-sellers .env-sellers-name{font-weight:600}
.env-sellers .env-sellers-act{display:inline-flex;align-items:center;min-height:48px;margin-top:10px;
  padding:0 18px;border-radius:8px;border:1px solid #d9d6d2;background:#fff;color:var(--env-ink);
  text-decoration:none;cursor:pointer;font-size:14px}

/* D-02 설정 창 */
.env-dlg{border:0;padding:0;max-width:480px;width:calc(100vw - 32px);border-radius:16px;
  background:#fff;color:var(--env-ink);box-shadow:0 18px 48px rgba(20,18,16,.18)}
.env-dlg::backdrop{background:rgba(20,18,16,.44)}
.env-dlg[open]{animation:envIn 200ms var(--env-ease)}
@keyframes envIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.env-dlg-in{padding:32px}
.env-dlg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.env-dlg h2{margin:0;font:600 24px/32px var(--ybk-font),system-ui,sans-serif;letter-spacing:-.02em}
.env-dlg-close{width:48px;height:48px;flex:none;margin:-12px -12px 0 0;border:0;border-radius:8px;
  background:transparent;cursor:pointer;color:var(--env-mute);font-size:20px;line-height:1}
.env-dlg-close:hover{background:var(--env-sel)}
.env-dlg-desc{margin:8px 0 0;font:400 14px/20px var(--ybk-font),system-ui,sans-serif;color:var(--env-mute)}
.env-group{margin-top:24px}
.env-group > legend{padding:0;margin:0 0 12px;font:600 14px/20px var(--ybk-font),system-ui,sans-serif}
.env-opts{display:flex;flex-direction:column;gap:8px;border:0;padding:0;margin:24px 0 0}
.env-opt{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;border-radius:8px;
  background:#fff;border:1px solid #e3e0dc;cursor:pointer;
  font:400 16px/24px var(--ybk-font),system-ui,sans-serif;
  transition:background-color 200ms var(--env-ease),border-color 200ms var(--env-ease)}
.env-opt:hover{border-color:#c6c2bd}
.env-opt input{position:absolute;opacity:0;width:0;height:0}
.env-opt .env-dot{width:18px;height:18px;flex:none;border-radius:50%;border:1.5px solid #b4b0ab;
  display:grid;place-content:center}
.env-opt .env-dot::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--env-accent);
  transform:scale(0);transition:transform 200ms var(--env-ease)}
.env-opt input:checked ~ .env-dot{border-color:var(--env-accent)}
.env-opt input:checked ~ .env-dot::after{transform:scale(1)}
.env-opt:has(input:checked){background:var(--env-sel);border-color:#b4b0ab;font-weight:600}
.env-opt.is-pending{cursor:not-allowed;color:#a5a09a}
.env-opt.is-pending .env-dot{border-color:#ddd9d4}
.env-opt .env-pending-tag{margin-left:auto;font-size:12px;color:#a5a09a}
.env-note{margin:12px 0 0;font:400 14px/20px var(--ybk-font),system-ui,sans-serif;color:var(--env-mute)}
.env-status{margin:16px 0 0;font:400 14px/20px var(--ybk-font),system-ui,sans-serif;
  padding:12px 14px;border-radius:8px;background:var(--env-line);color:var(--env-ink)}
.env-status[hidden]{display:none}
.env-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}
.env-actions button{min-height:48px;padding:0 20px;border-radius:8px;cursor:pointer;
  font:400 16px/24px var(--ybk-font),system-ui,sans-serif}
.env-cancel{border:1px solid #d9d6d2;background:#fff;color:var(--env-ink)}
.env-apply{border:1px solid var(--env-accent);background:var(--env-accent);color:#fff}
.env-apply[disabled]{opacity:.6;cursor:progress}

/* 320~767px : 전체 화면 다이얼로그, 내부 세로 스크롤, 동적 뷰포트 */
@media (max-width:767px){
  .env-dlg{max-width:none;width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0;
    display:flex;flex-direction:column}
  .env-dlg-in{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));
    overflow-y:auto;flex:1;display:flex;flex-direction:column}
  .env-actions{margin-top:auto;padding-top:24px;position:sticky;bottom:0;background:#fff}
  .env-rec{flex-direction:column;align-items:flex-start}
}
/* 768~1023px : 내부 24px */
@media (min-width:768px) and (max-width:1023px){ .env-dlg-in{padding:24px} }

/* 명세서 §8 — 중국어·일본어 글리프 폴백과 금칙(禁則) 처리.
   한자 자형이 언어마다 달라 Pretendard(한국어 자형)를 그대로 쓰면 안 된다. */
[lang^="zh"]{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",var(--ybk-font),sans-serif}
[lang^="ja"]{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",var(--ybk-font),sans-serif}
[lang^="zh"],[lang^="ja"]{line-break:strict;word-break:normal;overflow-wrap:normal}

@media (prefers-reduced-motion:reduce){
  .env-dlg[open]{animation:none}
  .env-current,.env-opt,.env-opt .env-dot::after{transition:none}
}

/* asset-98094672651c2a73.css */

/* .env-rec 의 display:flex 가 UA 스타일시트의 [hidden]{display:none} 을 이겨서
   「닫기」를 눌러도 추천 배너가 사라지지 않았다. 컴포넌트 범위에서만 바로잡는다. */
.env-rec[hidden],.env-sellers[hidden],.env-status[hidden],.env-bar[hidden],.env-noscript[hidden]{display:none !important}

/* 같은 함정 두 번째 (2026-09-12) — 모바일 미디어쿼리의 .env-dlg{display:flex} 가
   UA 스타일시트의 dialog:not([open]){display:none} 을 이겨서, 320~767px 에서
   닫힌 설정 창이 화면 전체를 덮고 있었다. */
.env-dlg:not([open]){display:none !important}

/* 중국어·일본어 금칙 처리 (2026-09-12)
   본문 23곳의 word-break:keep-all 은 한국어 어절 단위 줄바꿈용이다.
   중·일문에는 어절 공백이 없어 한 줄이 끊기지 않고 영역을 넘친다.
   [lang] 한 곳에만 normal 을 줘도 자손 규칙이 덮어쓰므로 자손까지 내린다. */
html[lang^="zh"],html[lang^="zh"] *,
html[lang^="ja"],html[lang^="ja"] *{word-break:normal !important;line-break:strict}

/* asset-e9874ed566964810.css */

#ybk-email-dialog{box-sizing:border-box;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:36px;border:0;border-radius:20px;margin:auto;background:#fff;color:#171717;box-shadow:0 24px 100px #0003;font-family:var(--ybk-font),system-ui,sans-serif;overflow:auto}
#ybk-email-dialog:not([open]){display:none!important}
#ybk-email-dialog::backdrop{background:rgba(0,0,0,.46);backdrop-filter:blur(5px)}
#ybk-email-dialog *{box-sizing:border-box}
#ybk-email-dialog .ybk-email-close{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#f4f4f2;color:#333;cursor:pointer}
#ybk-email-dialog h2{margin:14px 30px 10px 0;font:600 27px/1.3 var(--ybk-font),system-ui,sans-serif;letter-spacing:-.7px}
#ybk-email-dialog p{margin:0;font-size:14px;line-height:1.65;color:#70706c;word-break:keep-all}
#ybk-email-dialog .ybk-email-services{display:grid;gap:10px;margin:26px 0 24px}
#ybk-email-dialog .ybk-email-service{display:flex;align-items:center;gap:14px;padding:15px 16px;border:0;border-radius:12px;background:#f6f6f3;color:#171717;text-decoration:none;transition:background .15s}
#ybk-email-dialog .ybk-email-service:hover{background:#ecece7}
#ybk-email-dialog .ybk-email-mark{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:11px;font:700 14px/1 system-ui,sans-serif;letter-spacing:-.5px}
#ybk-email-dialog .ybk-email-qq{background:#e3f1fb;color:#2472a5}
#ybk-email-dialog .ybk-email-163{background:#f9e5e4;color:#b72d28}
#ybk-email-dialog .ybk-email-gmail{background:#e6efe8;color:#326347}
#ybk-email-dialog .ybk-email-service strong{display:block;font-size:16px;line-height:1.4;font-weight:600}
#ybk-email-dialog .ybk-email-service small{display:block;margin-top:2px;font-size:12px;line-height:1.4;color:#74746d}
#ybk-email-dialog .ybk-email-arrow{margin-left:auto;font-size:20px;color:#85857e}
#ybk-email-dialog label{display:block;margin:0 0 6px;font-size:12px;line-height:1.5;color:#70706c}
#ybk-email-dialog input{display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent;color:#171717;font:500 20px/1.5 var(--ybk-font),system-ui,sans-serif;user-select:text}
#ybk-email-dialog .ybk-email-copy{display:block;width:100%;min-height:48px;margin:14px 0 12px;padding:12px;border:0;border-radius:10px;background:#20211e;color:#fff;font:500 14px/1.5 var(--ybk-font),system-ui,sans-serif;cursor:pointer}
#ybk-email-dialog .ybk-email-copy:hover{background:#393b34}
#ybk-email-dialog .ybk-email-copy:disabled{opacity:.6;cursor:wait}
#ybk-email-dialog .ybk-email-status{min-height:22px;margin-top:10px;color:#326347;font-size:12px}
#ybk-email-dialog :focus-visible{outline:2px solid #52785a;outline-offset:4px}
html.ybk-email-open,html.ybk-email-open body{overflow:hidden!important}
@media(max-width:480px){#ybk-email-dialog{padding:26px 24px;border-radius:16px}#ybk-email-dialog h2{font-size:23px;margin-top:20px}#ybk-email-dialog .ybk-email-services{margin:22px 0}#ybk-email-dialog .ybk-email-close{top:12px;right:12px}#ybk-email-dialog input{font-size:19px}}
@media(prefers-reduced-motion:reduce){#ybk-email-dialog .ybk-email-service{transition:none}}

/* ybk-contact.css */
#ybk-email-dialog{width:min(580px,calc(100% - 32px));font-family:var(--ybk-font),system-ui,sans-serif}
#ybk-email-dialog .ybk-contact-directory{display:grid;grid-template-columns:.85fr 1.15fr;gap:10px;margin:24px 0 20px}
#ybk-email-dialog .ybk-contact-point{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid #dce5e7;border-radius:12px;background:linear-gradient(135deg,#f0f6f5,#f7f8fb);text-decoration:none;transition:border-color .2s,background .2s;color:#192b35;min-width:0}
#ybk-email-dialog .ybk-contact-point:hover{border-color:#94bcb5;background:#edf5f2}
#ybk-email-dialog .ybk-contact-point>span{font-size:11px;font-weight:650;letter-spacing:.07em;color:#5a7e78}
#ybk-email-dialog .ybk-contact-point>strong{font-size:17px;line-height:1.5;font-weight:650;letter-spacing:-.4px;overflow-wrap:anywhere}
#ybk-email-dialog .ybk-contact-point>strong.ybk-contact-address{font-size:14px;line-height:1.6;letter-spacing:-.2px}
#ybk-email-dialog .ybk-contact-point>small{margin-top:auto;font-size:11px;color:#5a6d73}
#ybk-email-dialog p.ybk-contact-export{padding:14px 16px;border-left:2px solid #6b9d8f;background:#f6f8f6;color:#52685f;font-size:12px;line-height:1.7}
#ybk-email-dialog .ybk-email-services{margin:16px 0 20px}
@media(max-width:480px){#ybk-email-dialog{padding:26px 22px}#ybk-email-dialog .ybk-contact-directory{grid-template-columns:1fr;gap:8px;margin:20px 0 16px}#ybk-email-dialog .ybk-contact-point{padding:14px 16px;gap:6px}#ybk-email-dialog h2{font-size:22px}html[lang="ja"] #ybk-email-dialog h2{font-size:20px}}

/* Delay painting long, off-screen sections until they approach the viewport. */
.investor-growth,.source-company,.private-brands,.vz-time,.ab-contact,.brand-operations,.bp-products,.ppt-brand-addition{content-visibility:auto;contain-intrinsic-size:auto 760px}