{"id":12,"date":"2026-02-22T11:07:28","date_gmt":"2026-02-22T02:07:28","guid":{"rendered":"https:\/\/in.bemypet.kr\/choonokcompany\/?page_id=12"},"modified":"2026-03-10T14:14:43","modified_gmt":"2026-03-10T05:14:43","slug":"%eb%a9%94%ec%9d%b8","status":"publish","type":"page","link":"https:\/\/in.bemypet.kr\/choonokcompany\/","title":{"rendered":"\uba54\uc778"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7604918 e-flex e-con-boxed e-con e-parent\" data-id=\"7604918\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d83285 elementor-widget elementor-widget-html\" data-id=\"5d83285\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hero-story\" id=\"hero-story\">\r\n  <div class=\"hero-stage\">\r\n    <video\r\n      class=\"hero-stage__video\"\r\n      autoplay\r\n      muted\r\n      loop\r\n      playsinline\r\n      preload=\"metadata\"\r\n      src=\"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/08172310\/Hero_section_video_biotech_company_54ab1a70f8.mp4\"\r\n    ><\/video>\r\n\r\n    <div class=\"hero-stage__overlay\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"hero-stage__noise\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"hero-stage__content\">\r\n      <div class=\"hero-copy is-active\" data-copy=\"0\">\r\n        <p class=\"hero-copy__kicker\">VETERINARY CLINICAL AI AGENT<\/p>\r\n        <h1 class=\"hero-copy__headline\">\r\n          \ub370\uc774\ud130\ub97c \ucf54\ub4dc\ub85c<br>\r\n          \ucf54\ub4dc\ub97c \uacb0\uc815\uc73c\ub85c<br>\r\n          \uc0dd\uba85\uc744 \uc0b4\ub9ac\ub294 AI\r\n        <\/h1>\r\n        <p class=\"hero-copy__desc\">\r\n          \uc218\uc758 \uc784\uc0c1 \ud604\uc7a5\uc5d0\uc11c \ub354 \ube60\ub974\uace0 \ub354 \ubc14\ub978 \ud310\ub2e8\uc744 \ub3d5\ub294 AI Agent.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"hero-copy\" data-copy=\"1\">\r\n        <p class=\"hero-copy__kicker\">CODE FOR LIFE<\/p>\r\n        <h2 class=\"hero-copy__headline\">\r\n          \ucd98\uc625\ucef4\ud37c\ub2c8\ub294 AI Agent\ub85c \uc218\uc758\uc0ac\uc758 \uacb0\uc815\uc744 \ub354 \ube60\ub974\uace0 \ubc14\ub974\uac8c \ub9cc\ub4e4\uc5b4,\r\n          \uc0dd\uba85\uc744 \uc0b4\ub9bd\ub2c8\ub2e4\r\n        <\/h2>\r\n        <p class=\"hero-copy__desc\">\r\n          \ucd98\uc625\ucef4\ud37c\ub2c8\ub294 \uc0dd\uba85\uc744 \uc0b4\ub9ac\ub294 \uc784\uc0c1 \uc758\uc0ac\uacb0\uc815 AI Agent\ub97c \ub9cc\ub4ed\ub2c8\ub2e4.\r\n        <\/p>\r\n\r\n        <div class=\"hero-copy__cta\">\r\n          <a class=\"btn btn--primary\" href=\"#\">\uc11c\ube44\uc2a4 \ubcf4\uae30<\/a>\r\n          <a class=\"btn btn--ghost\" href=\"#\">\ud30c\ud2b8\ub108 \ubb38\uc758<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-ui\" aria-hidden=\"true\">\r\n      <button class=\"hero-scroll-indicator\" type=\"button\" data-scroll-next>\r\n        <span class=\"hero-scroll-indicator__label\">SCROLL DOWN<\/span>\r\n        <span class=\"hero-scroll-indicator__mouse\">\r\n          <span class=\"hero-scroll-indicator__wheel\"><\/span>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <div class=\"hero-progress\">\r\n        <div class=\"hero-progress__track\">\r\n          <span class=\"hero-progress__fill\"><\/span>\r\n        <\/div>\r\n        <div class=\"hero-progress__steps\">\r\n          <span class=\"is-active\">01<\/span>\r\n          <span>02<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hero-steps\" aria-hidden=\"true\">\r\n    <div class=\"hero-step is-current\" data-step=\"0\"><\/div>\r\n    <div class=\"hero-step\" data-step=\"1\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root{\r\n    --header-h: 80px;\r\n\r\n    --hero-text-light: #ffffff;\r\n    --hero-text-dark: #eef7f3;\r\n    --hero-muted-light: rgba(255,255,255,.82);\r\n    --hero-muted-dark: rgba(233,244,239,.78);\r\n\r\n    --co-green: #19a875;\r\n    --co-gradation: #036f69;\r\n    --co-black: #19201d;\r\n    --co-white: #ffffff;\r\n\r\n    --surface-light: #f6fbf9;\r\n    --surface-dark: #0b1110;\r\n\r\n    --hero-progress: 0;\r\n    --hero-shift-y: 0px;\r\n    --hero-video-scale: 1.04;\r\n    --hero-video-y: 0px;\r\n  }\r\n\r\n  html, body{\r\n    margin:0;\r\n    padding:0;\r\n  }\r\n\r\n  body{\r\n    background: var(--surface-light);\r\n    color: #111;\r\n  }\r\n\r\n  .hero-story{\r\n    position: relative;\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n    background: linear-gradient(180deg, #eef7f3 0%, #f6fbf9 100%);\r\n  }\r\n\r\n  .hero-stage{\r\n    position: sticky;\r\n    top: 0;\r\n    height: 100vh;\r\n    min-height: 100svh;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .hero-stage__video,\r\n  .hero-stage__overlay,\r\n  .hero-stage__noise{\r\n    position: absolute;\r\n    inset: 0;\r\n  }\r\n\r\n  .hero-stage__video{\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center center;\r\n    z-index: 0;\r\n    transform: translateY(var(--hero-video-y)) scale(var(--hero-video-scale));\r\n    will-change: transform;\r\n  }\r\n\r\n  .hero-stage__overlay{\r\n    z-index: 1;\r\n    background:\r\n      radial-gradient(circle at 68% 40%, rgba(25,168,117,.14) 0%, rgba(25,168,117,0) 36%),\r\n      linear-gradient(\r\n        to bottom,\r\n        rgba(6,16,15,.18) 0%,\r\n        rgba(6,16,15,.12) 20%,\r\n        rgba(10,18,16,.18) 52%,\r\n        rgba(3,111,105,.26) 100%\r\n      );\r\n  }\r\n\r\n  .hero-stage__noise{\r\n    z-index: 2;\r\n    opacity: .10;\r\n    background-image:\r\n      linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);\r\n    background-size: 28px 28px;\r\n    mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.25));\r\n    pointer-events:none;\r\n  }\r\n\r\n  .hero-stage__content{\r\n    position: relative;\r\n    z-index: 3;\r\n    height: 100%;\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding:\r\n      calc(var(--header-h) + clamp(18px, 2vw, 28px))\r\n      clamp(20px, 4vw, 40px)\r\n      clamp(120px, 14vw, 160px);\r\n    display: flex;\r\n    align-items: center;\r\n    transform: translateY(var(--hero-shift-y));\r\n    will-change: transform;\r\n  }\r\n\r\n  .hero-copy{\r\n    position: absolute;\r\n    left: clamp(20px, 4vw, 40px);\r\n    right: clamp(20px, 4vw, 40px);\r\n    max-width: min(760px, calc(100% - 40px));\r\n    opacity: 0;\r\n    transform: translateY(40px) scale(.985);\r\n    transition:\r\n      opacity .55s ease,\r\n      transform .85s cubic-bezier(.2,.8,.2,1),\r\n      filter .55s ease;\r\n    pointer-events: none;\r\n    filter: blur(8px);\r\n  }\r\n\r\n  .hero-copy.is-active{\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n    pointer-events: auto;\r\n    filter: blur(0);\r\n  }\r\n\r\n  .hero-copy.is-leaving-up{\r\n    opacity: 0;\r\n    transform: translateY(-34px) scale(.985);\r\n    filter: blur(6px);\r\n  }\r\n\r\n  .hero-copy.is-leaving-down{\r\n    opacity: 0;\r\n    transform: translateY(34px) scale(.985);\r\n    filter: blur(6px);\r\n  }\r\n\r\n  .hero-copy__kicker{\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin: 0 0 16px;\r\n    padding: 9px 12px;\r\n    border-radius: 999px;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: .08em;\r\n    text-transform: uppercase;\r\n    color: #082019;\r\n    background: rgba(255,255,255,.55);\r\n    border: 1px solid rgba(255,255,255,.42);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    box-shadow: 0 8px 24px rgba(0,0,0,.08);\r\n  }\r\n\r\n  .hero-copy__headline{\r\n    margin: 0;\r\n    color: var(--hero-text-light);\r\n    font-size: clamp(34px, 6vw, 72px);\r\n    line-height: 1.04;\r\n    letter-spacing: -0.04em;\r\n    font-weight: 900;\r\n    word-break: keep-all;\r\n    text-shadow:\r\n      0 2px 8px rgba(0,0,0,.20),\r\n      0 18px 44px rgba(0,0,0,.30);\r\n  }\r\n\r\n  .hero-copy__desc{\r\n    margin: 18px 0 0;\r\n    max-width: 640px;\r\n    color: var(--hero-muted-light);\r\n    font-size: clamp(15px, 1.5vw, 19px);\r\n    line-height: 1.7;\r\n    word-break: keep-all;\r\n    text-shadow: 0 8px 26px rgba(0,0,0,.24);\r\n  }\r\n\r\n  .hero-copy__cta{\r\n    display:flex;\r\n    gap:12px;\r\n    flex-wrap:wrap;\r\n    margin-top:26px;\r\n  }\r\n\r\n  .btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-width:132px;\r\n    min-height:50px;\r\n    padding:0 18px;\r\n    border-radius:14px;\r\n    font-size:15px;\r\n    font-weight:800;\r\n    text-decoration:none;\r\n    transition:\r\n      transform .22s ease,\r\n      background .22s ease,\r\n      border-color .22s ease,\r\n      color .22s ease,\r\n      opacity .22s ease;\r\n    will-change: transform;\r\n  }\r\n\r\n  .btn:hover{\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .btn--primary{\r\n    color:#fff;\r\n    background: linear-gradient(135deg, var(--co-green) 0%, var(--co-gradation) 100%);\r\n    box-shadow: 0 12px 30px rgba(3,111,105,.28);\r\n  }\r\n\r\n  .btn--ghost{\r\n    color:#fff;\r\n    background: rgba(255,255,255,.10);\r\n    border: 1px solid rgba(255,255,255,.24);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .hero-ui{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:4;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .hero-scroll-indicator{\r\n    position:absolute;\r\n    left:50%;\r\n    bottom: clamp(78px, 9vh, 96px);\r\n    transform: translateX(-50%);\r\n    display:inline-flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    gap:8px;\r\n    padding:8px 11px;\r\n    border:0;\r\n    background: rgba(255,255,255,.035);\r\n    border-radius:999px;\r\n    color:#fff;\r\n    cursor:pointer;\r\n    pointer-events:auto;\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    box-shadow:\r\n      0 8px 24px rgba(0,0,0,.12),\r\n      inset 0 0 0 1px rgba(255,255,255,.07);\r\n    opacity:1;\r\n    transition:\r\n      opacity .35s ease,\r\n      transform .35s ease,\r\n      background .25s ease;\r\n  }\r\n\r\n  .hero-scroll-indicator:hover{\r\n    background: rgba(255,255,255,.055);\r\n  }\r\n\r\n  .hero-scroll-indicator.is-hidden{\r\n    opacity:0;\r\n    transform: translateX(-50%) translateY(10px);\r\n    pointer-events:none;\r\n  }\r\n\r\n  .hero-scroll-indicator__label{\r\n    font-size:10px;\r\n    font-weight:800;\r\n    letter-spacing:.16em;\r\n    text-transform:uppercase;\r\n    text-shadow: 0 4px 12px rgba(0,0,0,.24);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .hero-scroll-indicator__mouse{\r\n    position:relative;\r\n    width:22px;\r\n    height:34px;\r\n    border-radius:999px;\r\n    border:1.25px solid rgba(255,255,255,.68);\r\n    background: rgba(255,255,255,.02);\r\n  }\r\n\r\n  .hero-scroll-indicator__wheel{\r\n    position:absolute;\r\n    left:50%;\r\n    top:7px;\r\n    width:3px;\r\n    height:7px;\r\n    border-radius:999px;\r\n    background: rgba(255,255,255,.9);\r\n    transform: translateX(-50%);\r\n    animation: heroWheel 1.8s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes heroWheel{\r\n    0%{ transform: translateX(-50%) translateY(0); opacity: 1; }\r\n    60%{ transform: translateX(-50%) translateY(8px); opacity: .18; }\r\n    100%{ transform: translateX(-50%) translateY(0); opacity: 1; }\r\n  }\r\n\r\n  .hero-progress{\r\n    position:absolute;\r\n    left: clamp(22px, 4vw, 40px);\r\n    right: clamp(22px, 4vw, 40px);\r\n    bottom: max(26px, env(safe-area-inset-bottom));\r\n    display:grid;\r\n    grid-template-columns: 1fr auto;\r\n    align-items:center;\r\n    gap:16px;\r\n  }\r\n\r\n  .hero-progress__track{\r\n    position:relative;\r\n    height:1px;\r\n    background: rgba(255,255,255,.22);\r\n    overflow:visible;\r\n  }\r\n\r\n  .hero-progress__track::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:-10px 0;\r\n    background: transparent;\r\n  }\r\n\r\n  .hero-progress__fill{\r\n    position:absolute;\r\n    left:0;\r\n    top:50%;\r\n    height:1px;\r\n    width: calc(var(--hero-progress) * 100%);\r\n    transform: translateY(-50%);\r\n    background: linear-gradient(90deg, rgba(255,255,255,.95) 0%, rgba(25,168,117,.95) 100%);\r\n    box-shadow: 0 0 12px rgba(25,168,117,.28);\r\n  }\r\n\r\n  .hero-progress__steps{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    color: rgba(255,255,255,.5);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: .10em;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .hero-progress__steps span{\r\n    transition: color .25s ease, opacity .25s ease, transform .25s ease;\r\n  }\r\n\r\n  .hero-progress__steps span.is-active{\r\n    color: rgba(255,255,255,.96);\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .hero-steps{\r\n    position:relative;\r\n    z-index:0;\r\n  }\r\n\r\n  .hero-step{\r\n    height:130vh;\r\n    min-height:130svh;\r\n  }\r\n\r\n  .hero-step:first-child{\r\n    height:145vh;\r\n    min-height:145svh;\r\n  }\r\n\r\n  .hero-story::after{\r\n    content:none;\r\n  }\r\n\r\n  @media (prefers-color-scheme: dark){\r\n    body{\r\n      background: var(--surface-dark);\r\n      color: #e8f2ee;\r\n    }\r\n\r\n    .hero-story{\r\n      background: linear-gradient(180deg, #09100f 0%, #0b1110 100%);\r\n    }\r\n\r\n    .hero-stage__overlay{\r\n      background:\r\n        radial-gradient(circle at 68% 40%, rgba(25,168,117,.18) 0%, rgba(25,168,117,0) 38%),\r\n        linear-gradient(\r\n          to bottom,\r\n          rgba(4,9,8,.28) 0%,\r\n          rgba(4,9,8,.18) 22%,\r\n          rgba(4,8,7,.24) 52%,\r\n          rgba(3,111,105,.30) 100%\r\n        );\r\n    }\r\n\r\n    .hero-copy__kicker{\r\n      color:#dff7ec;\r\n      background: rgba(10,18,16,.42);\r\n      border-color: rgba(255,255,255,.14);\r\n      box-shadow: 0 8px 24px rgba(0,0,0,.18);\r\n    }\r\n\r\n    .hero-copy__headline{\r\n      color: var(--hero-text-dark);\r\n      text-shadow:\r\n        0 2px 8px rgba(0,0,0,.28),\r\n        0 18px 44px rgba(0,0,0,.44);\r\n    }\r\n\r\n    .hero-copy__desc{\r\n      color: var(--hero-muted-dark);\r\n    }\r\n\r\n    .btn--ghost{\r\n      color:#eaf6f1;\r\n      background: rgba(8,14,12,.34);\r\n      border-color: rgba(255,255,255,.14);\r\n    }\r\n\r\n    .hero-scroll-indicator{\r\n      background: rgba(7,12,11,.18);\r\n      box-shadow:\r\n        0 10px 30px rgba(0,0,0,.22),\r\n        inset 0 0 0 1px rgba(255,255,255,.08);\r\n    }\r\n\r\n    .hero-scroll-indicator:hover{\r\n      background: rgba(7,12,11,.28);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px){\r\n    .hero-stage__content{\r\n      align-items:flex-end;\r\n      padding:\r\n        calc(var(--header-h) + 18px)\r\n        18px\r\n        138px;\r\n    }\r\n\r\n    .hero-copy{\r\n      left:18px;\r\n      right:18px;\r\n      max-width:none;\r\n    }\r\n\r\n    .hero-copy__headline{\r\n      font-size: clamp(30px, 10vw, 46px);\r\n      line-height:1.08;\r\n    }\r\n\r\n    .hero-copy__desc{\r\n      font-size:15px;\r\n      line-height:1.6;\r\n    }\r\n\r\n    .hero-copy__cta{\r\n      margin-top:22px;\r\n      gap:10px;\r\n    }\r\n\r\n    .btn{\r\n      min-width:auto;\r\n      width: calc(50% - 5px);\r\n      padding:0 14px;\r\n    }\r\n\r\n    .hero-scroll-indicator{\r\n      bottom: 82px;\r\n      gap:7px;\r\n      padding:7px 10px;\r\n    }\r\n\r\n    .hero-progress{\r\n      left:18px;\r\n      right:18px;\r\n      bottom: max(18px, env(safe-area-inset-bottom));\r\n    }\r\n\r\n    .hero-step{\r\n      height:118vh;\r\n      min-height:118svh;\r\n    }\r\n\r\n    .hero-step:first-child{\r\n      height:132vh;\r\n      min-height:132svh;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 560px){\r\n    .btn{\r\n      width:100%;\r\n    }\r\n\r\n    .hero-scroll-indicator{\r\n      bottom: 80px;\r\n    }\r\n\r\n    .hero-scroll-indicator__label{\r\n      font-size:9px;\r\n      letter-spacing:.14em;\r\n    }\r\n\r\n    .hero-scroll-indicator__mouse{\r\n      width:20px;\r\n      height:31px;\r\n    }\r\n\r\n    .hero-progress__steps{\r\n      gap:10px;\r\n      font-size:11px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .hero-stage{\r\n      position:relative;\r\n      height:auto;\r\n      min-height:100svh;\r\n    }\r\n\r\n    .hero-stage__video{\r\n      display:none;\r\n    }\r\n\r\n    .hero-stage__content{\r\n      transform:none !important;\r\n    }\r\n\r\n    .hero-copy{\r\n      position:relative;\r\n      opacity:1;\r\n      transform:none;\r\n      margin-top:18px;\r\n      filter:none;\r\n    }\r\n\r\n    .hero-copy + .hero-copy{\r\n      display:none;\r\n    }\r\n\r\n    .hero-step,\r\n    .hero-ui{\r\n      display:none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    const root = document.documentElement;\r\n    const hero = document.querySelector('#hero-story');\r\n    if (!hero) return;\r\n\r\n    const copies = Array.from(hero.querySelectorAll('.hero-copy'));\r\n    const steps = Array.from(hero.querySelectorAll('.hero-step'));\r\n    const indicator = hero.querySelector('.hero-scroll-indicator');\r\n    const nextButton = hero.querySelector('[data-scroll-next]');\r\n    const progressSteps = Array.from(hero.querySelectorAll('.hero-progress__steps span'));\r\n\r\n    let activeIndex = 0;\r\n    let isAutoScrolling = false;\r\n    let wheelLocked = false;\r\n\r\n    function setHeaderHeight(){\r\n      const header =\r\n        document.querySelector('header') ||\r\n        document.querySelector('.site-header') ||\r\n        document.querySelector('#site-header');\r\n\r\n      if (!header) return;\r\n\r\n      const h = Math.round(header.getBoundingClientRect().height);\r\n      if (h > 0) root.style.setProperty('--header-h', h + 'px');\r\n    }\r\n\r\n    function activateStep(index, direction){\r\n      if (index === activeIndex) return;\r\n\r\n      copies.forEach((el, i) => {\r\n        el.classList.remove('is-active', 'is-leaving-up', 'is-leaving-down');\r\n\r\n        if (i === activeIndex) {\r\n          el.classList.add(direction === 'down' ? 'is-leaving-up' : 'is-leaving-down');\r\n        }\r\n\r\n        if (i === index) {\r\n          el.classList.add('is-active');\r\n        }\r\n      });\r\n\r\n      steps.forEach((el, i) => {\r\n        el.classList.toggle('is-current', i === index);\r\n      });\r\n\r\n      progressSteps.forEach((el, i) => {\r\n        el.classList.toggle('is-active', i === index);\r\n      });\r\n\r\n      activeIndex = index;\r\n    }\r\n\r\n    function clamp(value, min, max){\r\n      return Math.min(max, Math.max(min, value));\r\n    }\r\n\r\n    function getProgress(){\r\n      const rect = hero.getBoundingClientRect();\r\n      const total = Math.max(hero.offsetHeight - window.innerHeight, 1);\r\n      const traveled = clamp(-rect.top, 0, total);\r\n      return traveled \/ total;\r\n    }\r\n\r\n    function updateScrollState(){\r\n      const progress = getProgress();\r\n\r\n      root.style.setProperty('--hero-progress', progress.toFixed(4));\r\n      root.style.setProperty('--hero-video-scale', (1.04 + progress * 0.035).toFixed(4));\r\n      root.style.setProperty('--hero-video-y', (progress * -18).toFixed(2) + 'px');\r\n      root.style.setProperty('--hero-shift-y', (progress * -10).toFixed(2) + 'px');\r\n\r\n      if (indicator) {\r\n        indicator.classList.toggle('is-hidden', progress > 0.16);\r\n      }\r\n\r\n      const nextIndex = progress < 0.18 ? 0 : 1;\r\n      const direction = nextIndex > activeIndex ? 'down' : 'up';\r\n      activateStep(nextIndex, direction);\r\n    }\r\n\r\n    function scrollToStep(index){\r\n      if (!steps[index] || isAutoScrolling) return;\r\n\r\n      isAutoScrolling = true;\r\n\r\n      const targetY = window.scrollY + steps[index].getBoundingClientRect().top;\r\n\r\n      window.scrollTo({\r\n        top: targetY,\r\n        behavior: 'smooth'\r\n      });\r\n\r\n      window.setTimeout(function(){\r\n        isAutoScrolling = false;\r\n      }, 700);\r\n    }\r\n\r\n    function isHeroPinned(){\r\n      const rect = hero.getBoundingClientRect();\r\n      return rect.top <= 0 && rect.bottom > window.innerHeight;\r\n    }\r\n\r\n    function onWheel(e){\r\n      if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n      if (!isHeroPinned()) return;\r\n      if (isAutoScrolling || wheelLocked) return;\r\n\r\n      const progress = getProgress();\r\n\r\n      if (e.deltaY > 6 && activeIndex === 0) {\r\n        e.preventDefault();\r\n        wheelLocked = true;\r\n        scrollToStep(1);\r\n\r\n        window.setTimeout(function(){\r\n          wheelLocked = false;\r\n        }, 750);\r\n        return;\r\n      }\r\n\r\n      if (e.deltaY < -6 && activeIndex === 1 && progress <= 0.55) {\r\n        e.preventDefault();\r\n        wheelLocked = true;\r\n        scrollToStep(0);\r\n\r\n        window.setTimeout(function(){\r\n          wheelLocked = false;\r\n        }, 750);\r\n      }\r\n    }\r\n\r\n    setHeaderHeight();\r\n    updateScrollState();\r\n\r\n    window.addEventListener('resize', function(){\r\n      setHeaderHeight();\r\n      updateScrollState();\r\n    }, { passive: true });\r\n\r\n    window.addEventListener('scroll', updateScrollState, { passive: true });\r\n    window.addEventListener('wheel', onWheel, { passive: false });\r\n\r\n    if (nextButton && steps[1]) {\r\n      nextButton.addEventListener('click', function(){\r\n        scrollToStep(1);\r\n      });\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f314e35 e-con-full e-flex e-con e-parent\" data-id=\"f314e35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3b67dd elementor-widget elementor-widget-html\" data-id=\"f3b67dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"why-solve\" id=\"why-now\" aria-labelledby=\"why-now-title\">\n  <div class=\"why-solve__sticky\">\n    <div class=\"why-solve__inner\">\n\n      <div class=\"why-solve__hero\">\n                  <p class=\"why-solve__kicker\">WHAT WE SOLVE<\/p>\n\n        <p class=\"why-solve__eyebrow\">\ucd98\uc625\ucef4\ud37c\ub2c8\ub294 <\/p>\n\n        <h2 class=\"why-solve__headline\" id=\"why-now-title\">\n          <span class=\"why-solve__headline-text\">\n            \uc218\uc758 \uc784\uc0c1 \ud604\uc7a5\uc758 \ubcf5\uc7a1\ud55c \uc758\uc0ac\uacb0\uc815\uc744 \ud574\uacb0\ud569\ub2c8\ub2e4\n          <\/span>\n        <\/h2>\n      <\/div>\n\n      <!-- LEFT -->\n      <div class=\"why-solve__visual\">\n        <div class=\"why-media\">\n          <div class=\"why-media__frame\">\n            <div class=\"why-media__track\">\n              <figure class=\"why-media__item is-active\" data-step=\"1\" aria-label=\"\uccab \ubc88\uc9f8 \uc774\ubbf8\uc9c0 \uc601\uc5ed\">\n                <div class=\"why-media__placeholder\" aria-hidden=\"true\"><\/div>\n                <img decoding=\"async\" src=\"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/08200035\/Modern_editorial_illustration_of_a_busy_veterinary_delpmaspu-scaled.jpg\" alt=\"\uc9c4\ub8cc \ud604\uc7a5\uc758 \ubcf5\uc7a1\ud55c \uc0c1\ud669\uc744 \ubcf4\uc5ec\uc8fc\ub294 \uc774\ubbf8\uc9c0\" \/>\n              <\/figure>\n\n              <figure class=\"why-media__item\" data-step=\"2\" aria-label=\"\ub450 \ubc88\uc9f8 \uc774\ubbf8\uc9c0 \uc601\uc5ed\">\n                <div class=\"why-media__placeholder\" aria-hidden=\"true\"><\/div>\n                <img decoding=\"async\" src=\"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/08195044\/Premium_editorial_illustration_modern_veterinary_h_delpmaspu-scaled.jpg\" alt=\"\ubcf5\uc7a1\ud55c \uc815\ubcf4 \uc18d \uc758\uc0ac\uacb0\uc815 \uc7a5\uba74\" \/>\n              <\/figure>\n\n              <figure class=\"why-media__item\" data-step=\"3\" aria-label=\"\uc138 \ubc88\uc9f8 AI \uc77c\ub7ec\uc2a4\ud2b8 \uc601\uc5ed\">\n                <div class=\"why-viz why-viz--embed\" data-scene=\"2\" aria-hidden=\"true\">\n                  <div class=\"why-viz__ambient why-viz__ambient--1\"><\/div>\n                  <div class=\"why-viz__ambient why-viz__ambient--2\"><\/div>\n                  <div class=\"why-viz__noise\"><\/div>\n                  <div class=\"why-viz__bg-grid\"><\/div>\n                  <div class=\"why-viz__scan\"><\/div>\n\n                  <div class=\"why-viz__cluster\">\n                    <span class=\"dot d1\"><\/span><span class=\"dot d2\"><\/span><span class=\"dot d3\"><\/span>\n                    <span class=\"dot d4\"><\/span><span class=\"dot d5\"><\/span><span class=\"dot d6\"><\/span>\n                    <span class=\"dot d7\"><\/span><span class=\"dot d8\"><\/span><span class=\"dot d9\"><\/span>\n                    <span class=\"dot d10\"><\/span><span class=\"dot d11\"><\/span><span class=\"dot d12\"><\/span>\n\n                    <svg class=\"why-viz__links\" viewBox=\"0 0 320 220\" preserveAspectRatio=\"none\">\n                      <defs>\n                        <linearGradient id=\"whySolveLinkGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                          <stop offset=\"0%\" stop-color=\"rgba(25,168,117,.10)\"><\/stop>\n                          <stop offset=\"50%\" stop-color=\"rgba(25,168,117,.62)\"><\/stop>\n                          <stop offset=\"100%\" stop-color=\"rgba(3,111,105,.18)\"><\/stop>\n                        <\/linearGradient>\n                      <\/defs>\n                      <path class=\"link l1\" d=\"M34 160 C 70 120, 80 200, 125 140 S 200 145, 235 115\" \/>\n                      <path class=\"link l2\" d=\"M55 70 C 90 40, 120 115, 155 80 S 225 60, 265 95\" \/>\n                      <path class=\"link l3\" d=\"M38 120 C 95 110, 120 60, 175 120 S 230 170, 280 145\" \/>\n                      <path class=\"link l4\" d=\"M65 160 C 120 210, 175 190, 205 140 S 250 80, 292 120\" \/>\n                      <path class=\"link l5\" d=\"M48 95 C 90 150, 140 160, 170 110 S 210 60, 248 85\" \/>\n                    <\/svg>\n\n                    <div class=\"pulse p1\"><\/div>\n                    <div class=\"pulse p2\"><\/div>\n                    <div class=\"pulse p3\"><\/div>\n\n                    <div class=\"focus-ring\"><\/div>\n                    <div class=\"focus-core\"><\/div>\n                  <\/div>\n\n                  <div class=\"why-viz__cards\">\n                    <div class=\"card c1\">\n                      <div class=\"card__shine\"><\/div>\n                      <div class=\"card__top\">\n                        <span class=\"pill\">LAB<\/span>\n                        <span class=\"mini\"><\/span>\n                      <\/div>\n                      <div class=\"bars\">\n                        <i><\/i><i><\/i><i><\/i><i><\/i>\n                      <\/div>\n                      <div class=\"lines\">\n                        <span><\/span><span><\/span><span><\/span>\n                      <\/div>\n                    <\/div>\n\n                    <div class=\"card c2\">\n                      <div class=\"card__shine\"><\/div>\n                      <div class=\"card__top\">\n                        <span class=\"pill pill--muted\">IMAGING<\/span>\n                        <span class=\"mini\"><\/span>\n                      <\/div>\n                      <div class=\"thumbs\">\n                        <b><\/b><b><\/b><b><\/b>\n                      <\/div>\n                      <div class=\"lines\">\n                        <span><\/span><span><\/span>\n                      <\/div>\n                    <\/div>\n\n                    <div class=\"card c3\">\n                      <div class=\"card__shine\"><\/div>\n\n                      <div class=\"card__top\">\n                        <span class=\"pill pill--green\">EMR<\/span>\n                        <span class=\"mini\"><\/span>\n                      <\/div>\n\n                      <div class=\"emr-meta\">\n                        <span class=\"emr-meta__tag\"><\/span>\n                        <span class=\"emr-meta__tag\"><\/span>\n                        <span class=\"emr-meta__tag emr-meta__tag--short\"><\/span>\n                      <\/div>\n\n                      <div class=\"emr-summary\">\n                        <div class=\"emr-summary__row\">\n                          <span class=\"emr-summary__label\"><\/span>\n                          <span class=\"emr-summary__value\"><\/span>\n                        <\/div>\n                        <div class=\"emr-summary__row\">\n                          <span class=\"emr-summary__label\"><\/span>\n                          <span class=\"emr-summary__value emr-summary__value--short\"><\/span>\n                        <\/div>\n                      <\/div>\n\n                      <div class=\"lines lines--dense lines--emr\">\n                        <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n                      <\/div>\n\n                      <div class=\"emr-grid\">\n                        <div class=\"emr-grid__box\">\n                          <i><\/i><i><\/i><i><\/i>\n                        <\/div>\n                        <div class=\"emr-grid__box\">\n                          <i><\/i><i><\/i>\n                        <\/div>\n                      <\/div>\n\n                      <div class=\"chiprow chiprow--emr\">\n                        <em><\/em><em><\/em><em><\/em>\n                      <\/div>\n\n                      <div class=\"emr-footer\">\n                        <span class=\"emr-footer__pill\"><\/span>\n                        <span class=\"emr-footer__pill emr-footer__pill--short\"><\/span>\n                        <span class=\"emr-footer__dot\"><\/span>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n\n                  <div class=\"why-viz__rail\">\n                    <span class=\"rail__line\"><\/span>\n                    <span class=\"rail__dot\"><\/span>\n                    <span class=\"rail__dot\"><\/span>\n                    <span class=\"rail__dot\"><\/span>\n                  <\/div>\n                <\/div>\n              <\/figure>\n            <\/div>\n\n            <div class=\"why-media__overlay\"><\/div>\n            <div class=\"why-media__grid\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT -->\n      <div class=\"why-solve__copy\">\n        <div class=\"why-copy\">\n          <div class=\"why-copy__body\">\n            <article class=\"why-copy__step is-active\" data-step=\"1\">\n              <span class=\"why-copy__index\">01<\/span>\n              <h3 class=\"why-copy__title\">\uc9c4\ub8cc \ud604\uc7a5\uc740 \ub298 \ubc14\uc058\uace0 \ubcf5\uc7a1\ud569\ub2c8\ub2e4<\/h3>\n              <p class=\"why-copy__desc\">\n                \ud658\uc790 \uc0c1\ud0dc \ud655\uc778, \ubcf4\ud638\uc790 \uc0c1\ub2f4, \uac80\uc0ac \uacb0\uacfc \ud655\uc778, \uae30\ub85d \uc815\ub9ac\uae4c\uc9c0.\n                \uc218\uc758\uc0ac\uc758 \ud558\ub8e8\ub294 \ub04a\uc784\uc5c6\ub294 \ud310\ub2e8\uacfc \uc6b0\uc120\uc21c\uc704 \uc870\uc815\uc73c\ub85c \uc774\uc5b4\uc9d1\ub2c8\ub2e4.\n              <\/p>\n            <\/article>\n\n            <article class=\"why-copy__step\" data-step=\"2\">\n              <span class=\"why-copy__index\">02<\/span>\n              <h3 class=\"why-copy__title\">\n                \uc815\ubcf4\ub294 \ub9ce\uc9c0\ub9cc, '\uc9c0\uae08 \uc774 \ud658\uc790'\ub97c \uc704\ud55c \uc758\uc0ac\uacb0\uc815\uc740 \uc5ec\uc804\ud788 \uc5b4\ub835\uc2b5\ub2c8\ub2e4\n              <\/h3>\n              <p class=\"why-copy__desc\">\n                \ub370\uc774\ud130\uac00 \ub9ce\ub2e4\uace0 \ud574\uc11c \uace7\ubc14\ub85c \uc88b\uc740 \ud310\ub2e8\uc73c\ub85c \uc774\uc5b4\uc9c0\uc9c0\ub294 \uc54a\uc2b5\ub2c8\ub2e4.\n                \uc911\uc694\ud55c \uac83\uc740 \ud604\uc7ac \ud658\uc790\uc758 \ub9e5\ub77d\uc5d0 \ub9de\uac8c \uc815\ubcf4\ub97c \uc815\ub9ac\ud558\uace0 \ud574\uc11d\ud558\ub294 \uc77c\uc785\ub2c8\ub2e4.\n              <\/p>\n            <\/article>\n\n            <article class=\"why-copy__step\" data-step=\"3\">\n              <span class=\"why-copy__index\">03<\/span>\n              <h3 class=\"why-copy__title\">\n                \uc6b0\ub9ac\ub294 \uc774 \uac04\uadf9\uc744 \uc218\uc758 \uc6cc\ud06c\ud50c\ub85c\uc6b0\uc5d0 \ud2b9\ud654\ub41c AI\ub85c \ucc44\uc6c1\ub2c8\ub2e4\n              <\/h3>\n              <p class=\"why-copy__desc\">\n                Friday\ub294 \uc9c4\ub8cc \ud750\ub984 \uc548\uc5d0\uc11c \ud544\uc694\ud55c \uadfc\uac70\uc640 \ud310\ub2e8 \ubcf4\uc870\ub97c \uc5f0\uacb0\ud574,\n                \ub354 \ube60\ub974\uace0 \ub354 \uc77c\uad00\ub41c \uc784\uc0c1 \uc758\uc0ac\uacb0\uc815\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.\n              <\/p>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  :root{\n    --co-grad:#036f69;\n    --co-green:#19a875;\n    --co-black:#19201d;\n    --co-white:#ffffff;\n\n    --why-bg:#f5f8f7;\n    --why-bg-2:#eef5f2;\n    --why-surface:rgba(255,255,255,.72);\n    --why-surface-2:rgba(255,255,255,.55);\n    --why-text:#19201d;\n    --why-text-body:rgba(25,32,29,.70);\n    --why-border:rgba(25,32,29,.08);\n    --why-border-soft:rgba(25,32,29,.08);\n    --why-grid:rgba(25,32,29,.05);\n    --why-line:rgba(25,32,29,.08);\n    --why-dot:rgba(25,32,29,.72);\n    --why-shadow:rgba(0,0,0,.10);\n    --why-shadow-soft:rgba(0,0,0,.06);\n  }\n\n  @media (prefers-color-scheme: dark){\n    :root{\n      --why-bg:#060908;\n      --why-bg-2:#0b0f0e;\n      --why-surface:rgba(255,255,255,.06);\n      --why-surface-2:rgba(255,255,255,.04);\n      --why-text:#ffffff;\n      --why-text-body:rgba(255,255,255,.72);\n      --why-border:rgba(255,255,255,.10);\n      --why-border-soft:rgba(255,255,255,.08);\n      --why-grid:rgba(255,255,255,.06);\n      --why-line:rgba(255,255,255,.10);\n      --why-dot:rgba(255,255,255,.82);\n      --why-shadow:rgba(0,0,0,.42);\n      --why-shadow-soft:rgba(0,0,0,.22);\n    }\n  }\n\n  html[data-theme=\"dark\"]{\n    --why-bg:#060908;\n    --why-bg-2:#0b0f0e;\n    --why-surface:rgba(255,255,255,.06);\n    --why-surface-2:rgba(255,255,255,.04);\n    --why-text:#ffffff;\n    --why-text-body:rgba(255,255,255,.72);\n    --why-border:rgba(255,255,255,.10);\n    --why-border-soft:rgba(255,255,255,.08);\n    --why-grid:rgba(255,255,255,.06);\n    --why-line:rgba(255,255,255,.10);\n    --why-dot:rgba(255,255,255,.82);\n    --why-shadow:rgba(0,0,0,.42);\n    --why-shadow-soft:rgba(0,0,0,.22);\n  }\n\n  .why-solve{\n    position:relative;\n    height:320vh;\n    overflow:clip;\n    background:\n      radial-gradient(900px 500px at 15% 22%, rgba(25,168,117,.08), transparent 60%),\n      radial-gradient(1000px 580px at 85% 72%, rgba(3,111,105,.08), transparent 62%),\n      linear-gradient(to bottom, var(--why-bg) 0%, var(--why-bg-2) 50%, var(--why-bg) 100%);\n  }\n\n  .why-solve__sticky{\n    position:sticky;\n    top:0;\n    height:100vh;\n    display:flex;\n    align-items:center;\n  }\n\n  .why-solve__inner{\n    width:min(1480px, 100%);\n    margin:0 auto;\n    padding:clamp(32px, 5vw, 72px);\n    display:grid;\n    grid-template-columns:minmax(420px, 1.05fr) minmax(360px, .95fr);\n    grid-template-rows:auto 1fr;\n    gap:clamp(20px, 2.4vw, 28px) clamp(44px, 6vw, 110px);\n    align-items:center;\n  }\n\n  .why-solve__hero{\n    grid-column:1 \/ -1;\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n    gap:14px;\n    margin-bottom:clamp(8px, 1.4vw, 16px);\n  }\n\n  .why-solve__eyebrow{\n    margin:0;\n    color:var(--co-green);\n  font-size:clamp(34px, 3.6vw, 48px);\n    line-height:1.18;\n    font-weight:950;\n    letter-spacing:-0.03em;\n    word-break:keep-all;\n    text-wrap:balance;\n  }\n\n  .why-solve__kicker{\n    margin:0;\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    padding:10px 16px;\n    border-radius:999px;\n    background:var(--why-surface);\n    border:1px solid rgba(25,168,117,.18);\n    color:var(--why-text);\n    font-size:12px;\n    font-weight:900;\n    letter-spacing:.14em;\n    box-shadow:0 14px 30px var(--why-shadow-soft);\n  }\n\n  .why-solve__kicker::before{\n    content:\"\";\n    width:8px;\n    height:8px;\n    border-radius:50%;\n    background:var(--co-green);\n    box-shadow:0 0 0 5px rgba(25,168,117,.12);\n  }\n\n.why-solve__headline{\n  margin:0;\n  width:100%;\n  max-width:min(1500px, 94vw);\n  color:var(--why-text);\n  font-size:clamp(34px, 3.6vw, 48px);\n  line-height:1.18;\n  letter-spacing:-0.05em;\n  font-weight:950;\n  word-break:keep-all;\n  text-wrap:balance;\n}\n\n\n\n  .why-solve__visual,\n  .why-solve__copy{\n    min-width:0;\n  }\n\n  .why-media{\n    position:relative;\n  }\n\n  .why-media__frame{\n    position:relative;\n    width:100%;\n    aspect-ratio:12 \/ 9;\n    min-height:min(70vh, 720px);\n    border-radius:36px;\n    overflow:hidden;\n    border:1px solid var(--why-border);\n    background:\n      linear-gradient(180deg, var(--why-surface), var(--why-surface-2));\n    box-shadow:\n      0 34px 100px var(--why-shadow),\n      0 14px 30px var(--why-shadow-soft);\n    isolation:isolate;\n  }\n\n  .why-media__track,\n  .why-media__item{\n    position:absolute;\n    inset:0;\n  }\n\n  .why-media__item{\n    opacity:0;\n    transform:scale(1.035);\n    transition:\n      opacity .55s ease,\n      transform .75s ease;\n    pointer-events:none;\n  }\n\n  .why-media__item.is-active{\n    opacity:1;\n    transform:scale(1);\n    pointer-events:auto;\n  }\n\n  .why-media__item img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n    position:relative;\n    z-index:1;\n  }\n\n  .why-media__placeholder{\n    position:absolute;\n    inset:0;\n    background:\n      radial-gradient(320px 220px at 20% 20%, rgba(25,168,117,.14), transparent 70%),\n      radial-gradient(260px 200px at 80% 78%, rgba(3,111,105,.12), transparent 70%),\n      linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.06));\n  }\n\n  @media (prefers-color-scheme: dark){\n    .why-media__placeholder{\n      background:\n        radial-gradient(320px 220px at 20% 20%, rgba(25,168,117,.16), transparent 70%),\n        radial-gradient(260px 200px at 80% 78%, rgba(3,111,105,.14), transparent 70%),\n        linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.02));\n    }\n  }\n\n  html[data-theme=\"dark\"] .why-media__placeholder{\n    background:\n      radial-gradient(320px 220px at 20% 20%, rgba(25,168,117,.16), transparent 70%),\n      radial-gradient(260px 200px at 80% 78%, rgba(3,111,105,.14), transparent 70%),\n      linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.02));\n  }\n\n  .why-media__placeholder::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background-image:\n      linear-gradient(to right, var(--why-grid) 1px, transparent 1px),\n      linear-gradient(to bottom, var(--why-grid) 1px, transparent 1px);\n    background-size:28px 28px;\n    opacity:.75;\n    pointer-events:none;\n  }\n\n  .why-media__overlay{\n    position:absolute;\n    inset:0;\n    pointer-events:none;\n    background:\n      linear-gradient(to top, rgba(255,255,255,.05), transparent 34%),\n      radial-gradient(500px 320px at 50% 50%, transparent 60%, rgba(255,255,255,.05) 100%);\n    z-index:8;\n  }\n\n  .why-media__grid{\n    position:absolute;\n    inset:0;\n    pointer-events:none;\n    z-index:9;\n    background:\n      linear-gradient(135deg, transparent 0%, rgba(255,255,255,.08) 48%, transparent 55%);\n    opacity:.24;\n  }\n\n  .why-copy{\n    position:relative;\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n    min-height:min(70vh, 720px);\n    padding-right:clamp(0px, 1.2vw, 12px);\n  }\n\n  .why-copy__body{\n    position:relative;\n  }\n\n  .why-copy__step{\n    display:none;\n    max-width:100%;\n    animation:whyFade .45s ease;\n  }\n\n  .why-copy__step.is-active{\n    display:block;\n  }\n\n  .why-copy__index{\n    display:block;\n    margin-bottom:16px;\n    color:var(--co-green);\n    font-size:13px;\n    font-weight:900;\n    letter-spacing:.2em;\n  }\n\n  .why-copy__title{\n    margin:0 0 22px;\n    font-size:clamp(42px, 4.6vw, 48px);\n    line-height:1.02;\n    color:var(--why-text);\n    font-weight:950;\n    word-break:keep-all;\n    text-wrap:balance;\n  }\n\n  .why-copy__desc{\n    margin:0;\n    max-width:46ch;\n    color:var(--why-text-body);\n    font-size:clamp(17px, 1.35vw, 21px);\n    line-height:1.82;\n    font-weight:600;\n    word-break:keep-all;\n    text-wrap:pretty;\n  }\n\n  @keyframes whyFade{\n    from{\n      opacity:0;\n      transform:translateY(16px);\n    }\n    to{\n      opacity:1;\n      transform:translateY(0);\n    }\n  }\n\n  @keyframes whyTyping{\n    from{ width:0; }\n    to{ width:100%; }\n  }\n\n  @keyframes whyCaret{\n    0%,100%{ border-right-color:rgba(25,168,117,.9); }\n    50%{ border-right-color:transparent; }\n  }\n\n  \/* embedded why-viz *\/\n  .why-media__item[data-step=\"3\"] .why-viz{\n    --mx: 0px;\n    --my: 0px;\n    position:absolute;\n    inset:0;\n    width:100%;\n    height:100%;\n    border-radius:inherit;\n    overflow:hidden;\n    background:\n      radial-gradient(900px 380px at 0% 50%, rgba(0,0,0,.06), transparent 55%),\n      radial-gradient(700px 340px at 90% 30%, rgba(25,168,117,.12), transparent 55%),\n      linear-gradient(to bottom, rgba(255,255,255,.78), rgba(255,255,255,.38));\n    box-shadow:none;\n    z-index:1;\n  }\n\n  @media (prefers-color-scheme: dark){\n    .why-media__item[data-step=\"3\"] .why-viz{\n      background:\n        radial-gradient(900px 380px at 0% 50%, rgba(0,0,0,.22), transparent 55%),\n        radial-gradient(700px 340px at 90% 30%, rgba(25,168,117,.16), transparent 55%),\n        linear-gradient(to bottom, rgba(255,255,255,.05), rgba(255,255,255,.02));\n    }\n  }\n\n  html[data-theme=\"dark\"] .why-media__item[data-step=\"3\"] .why-viz{\n    background:\n      radial-gradient(900px 380px at 0% 50%, rgba(0,0,0,.22), transparent 55%),\n      radial-gradient(700px 340px at 90% 30%, rgba(25,168,117,.16), transparent 55%),\n      linear-gradient(to bottom, rgba(255,255,255,.05), rgba(255,255,255,.02));\n  }\n\n  .why-viz__ambient,\n  .why-viz__noise,\n  .why-viz__bg-grid,\n  .why-viz__scan,\n  .why-viz__cluster,\n  .why-viz__cards,\n  .why-viz__rail{\n    position:absolute;\n  }\n\n  .why-viz__ambient{\n    border-radius:999px;\n    filter:blur(30px);\n    pointer-events:none;\n    opacity:.9;\n  }\n\n  .why-viz__ambient--1{\n    width:180px;\n    height:180px;\n    left:-20px;\n    top:20px;\n    background:radial-gradient(circle, rgba(25,168,117,.18), transparent 68%);\n  }\n\n  .why-viz__ambient--2{\n    width:220px;\n    height:220px;\n    right:-30px;\n    bottom:-10px;\n    background:radial-gradient(circle, rgba(3,111,105,.16), transparent 70%);\n  }\n\n  .why-viz__noise{\n    inset:0;\n    pointer-events:none;\n    opacity:.08;\n    mix-blend-mode:soft-light;\n    background-image:\n      radial-gradient(circle at 20% 30%, rgba(255,255,255,.8) 0 1px, transparent 1px),\n      radial-gradient(circle at 80% 70%, rgba(255,255,255,.8) 0 1px, transparent 1px),\n      radial-gradient(circle at 40% 80%, rgba(255,255,255,.55) 0 1px, transparent 1px);\n    background-size:120px 120px, 140px 140px, 180px 180px;\n  }\n\n  .why-viz__bg-grid{\n    inset:0;\n    background-image:\n      linear-gradient(to right, var(--why-grid) 1px, transparent 1px),\n      linear-gradient(to bottom, var(--why-grid) 1px, transparent 1px);\n    background-size:44px 44px;\n    opacity:.24;\n    transform:translate3d(calc(var(--mx) * -0.08), calc(var(--my) * -0.08), 0);\n    transition:transform .25s ease-out;\n  }\n\n  .why-viz__scan{\n    inset:-20%;\n    pointer-events:none;\n    background:linear-gradient(115deg, transparent 40%, rgba(255,255,255,.18) 50%, transparent 60%);\n    transform:translateX(-60%) rotate(8deg);\n    opacity:.45;\n  }\n\n  .why-viz__cluster{\n    left:22px;\n    top:50%;\n    width:54%;\n    height:72%;\n    border-radius:24px;\n    transform:translate3d(calc(var(--mx) * -0.08), calc(-50% + var(--my) * -0.08), 0) scale(.95);\n    transition:transform .28s ease-out;\n  }\n\n  .why-viz__links{\n    position:absolute;\n    inset:0;\n    width:100%;\n    height:100%;\n    opacity:.88;\n    filter:drop-shadow(0 10px 20px rgba(0,0,0,.08));\n  }\n\n  .why-viz__links .link{\n    fill:none;\n    stroke:url(#whySolveLinkGrad);\n    stroke-width:2.8;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n  }\n\n  .dot{\n    position:absolute;\n    width:10px;\n    height:10px;\n    border-radius:999px;\n    background:var(--why-dot);\n    box-shadow:\n      0 0 0 6px rgba(25,168,117,.08),\n      0 10px 24px rgba(0,0,0,.10);\n    opacity:.92;\n  }\n\n  .dot::after{\n    content:\"\";\n    position:absolute;\n    inset:-7px;\n    border-radius:inherit;\n    background:radial-gradient(circle, rgba(25,168,117,.18), transparent 70%);\n    opacity:.8;\n  }\n\n  .d1{left:14%; top:20%} .d2{left:28%; top:38%} .d3{left:22%; top:62%}\n  .d4{left:40%; top:24%} .d5{left:46%; top:48%} .d6{left:38%; top:68%}\n  .d7{left:60%; top:30%} .d8{left:66%; top:52%} .d9{left:58%; top:70%}\n  .d10{left:18%; top:46%} .d11{left:52%; top:40%} .d12{left:72%; top:42%}\n\n  .pulse{\n    position:absolute;\n    width:18px;\n    height:18px;\n    border-radius:999px;\n    border:1px solid rgba(25,168,117,.28);\n    background:radial-gradient(circle, rgba(25,168,117,.20), transparent 72%);\n    animation:pulseRing 3.2s ease-out infinite;\n    pointer-events:none;\n  }\n\n  .p1{ left:26%; top:36%; }\n  .p2{ left:59%; top:28%; animation-delay:.9s; }\n  .p3{ left:64%; top:50%; animation-delay:1.8s; }\n\n  .focus-ring,\n  .focus-core{\n    position:absolute;\n    left:46%;\n    top:47%;\n    transform:translate(-50%, -50%) scale(1.08);\n    pointer-events:none;\n  }\n\n  .focus-ring{\n    width:120px;\n    height:120px;\n    border-radius:999px;\n    border:1px solid rgba(25,168,117,.16);\n    box-shadow:\n      0 0 0 14px rgba(25,168,117,.04),\n      0 0 38px rgba(25,168,117,.08);\n    opacity:.18;\n  }\n\n  .focus-core{\n    width:14px;\n    height:14px;\n    border-radius:999px;\n    background:rgba(25,168,117,.92);\n    box-shadow:0 0 0 8px rgba(25,168,117,.14);\n    opacity:.18;\n  }\n\n  .why-viz__cards{\n    right:24px;\n    top:50%;\n    width:46%;\n    height:76%;\n    pointer-events:none;\n    transform:translate3d(calc(var(--mx) * 0.08), calc(-50% + var(--my) * 0.08), 0);\n    transition:transform .28s ease-out;\n  }\n\n  .card{\n    position:absolute;\n    right:0;\n    width:min(390px, 100%);\n    border-radius:20px;\n    background:var(--why-surface);\n    border:1px solid var(--why-border);\n    box-shadow:0 26px 60px rgba(0,0,0,.10);\n    backdrop-filter:blur(14px);\n    overflow:hidden;\n  }\n\n  .c1{\n    top:6%;\n    opacity:.9;\n    transform:rotate(0deg) translate(-18px, -34px) scale(.96);\n    min-height:120px;\n  }\n\n  .c2{\n    top:24%;\n    opacity:.94;\n    transform:rotate(0deg) translate(-18px, 0px) scale(.96);\n    min-height:120px;\n  }\n\n  .c3{\n    top:44%;\n    opacity:1;\n    transform:rotate(0deg) translate(-18px, 34px) scale(.96);\n    border-color:rgba(25,168,117,.24);\n    box-shadow:\n      0 30px 70px rgba(0,0,0,.10),\n      0 18px 40px rgba(25,168,117,.12);\n    min-height:182px;\n  }\n\n  .card__shine{\n    position:absolute;\n    inset:0;\n    pointer-events:none;\n    background:linear-gradient(120deg, transparent 20%, rgba(255,255,255,.28) 50%, transparent 80%);\n    transform:translateX(-120%);\n    opacity:.5;\n  }\n\n  .card__top{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    padding:14px 14px 10px;\n  }\n\n  .pill{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    padding:7px 10px;\n    border-radius:999px;\n    font-weight:900;\n    font-size:11px;\n    letter-spacing:.12em;\n    color:var(--why-text);\n    background:rgba(0,0,0,.04);\n    border:1px solid var(--why-border-soft);\n  }\n\n  .pill--muted{ background:rgba(0,0,0,.03); }\n\n  .pill--green{\n    background:rgba(25,168,117,.10);\n    border-color:rgba(25,168,117,.18);\n  }\n\n  .mini{\n    width:36px;\n    height:10px;\n    border-radius:999px;\n    background:linear-gradient(90deg, rgba(0,0,0,.08), rgba(0,0,0,.02));\n  }\n\n  .bars{\n    display:flex;\n    gap:8px;\n    padding:0 14px 12px;\n  }\n\n  .bars i{\n    flex:1;\n    height:26px;\n    border-radius:10px;\n    background:linear-gradient(to bottom, rgba(25,168,117,.18), rgba(0,0,0,.03));\n    border:1px solid var(--why-border-soft);\n  }\n\n  .bars i:nth-child(2){ height:18px; }\n  .bars i:nth-child(3){ height:30px; }\n  .bars i:nth-child(4){ height:14px; }\n\n  .lines{\n    padding:0 14px 14px;\n    display:flex;\n    flex-direction:column;\n    gap:10px;\n  }\n\n  .lines span{\n    height:10px;\n    border-radius:999px;\n    background:var(--why-line);\n  }\n\n  .lines span:nth-child(2){ width:82%; }\n  .lines span:nth-child(3){ width:64%; }\n\n  .thumbs{\n    display:flex;\n    gap:10px;\n    padding:0 14px 12px;\n  }\n\n  .thumbs b{\n    flex:1;\n    height:44px;\n    border-radius:12px;\n    background:\n      radial-gradient(36px 26px at 30% 35%, rgba(25,168,117,.20), rgba(0,0,0,.02)),\n      linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,.02));\n    border:1px solid var(--why-border-soft);\n  }\n\n  .lines--dense span:nth-child(2){ width:92%; }\n  .lines--dense span:nth-child(3){ width:86%; }\n  .lines--dense span:nth-child(4){ width:78%; }\n  .lines--dense span:nth-child(5){ width:66%; }\n\n  .chiprow{\n    display:flex;\n    gap:8px;\n    padding:0 14px 16px;\n  }\n\n  .chiprow em{\n    flex:1;\n    height:12px;\n    border-radius:999px;\n    background:rgba(25,168,117,.12);\n    border:1px solid rgba(25,168,117,.15);\n  }\n\n  .why-viz__rail{\n    right:14px;\n    top:14px;\n    bottom:14px;\n    width:12px;\n    opacity:.95;\n  }\n\n  .rail__line{\n    position:absolute;\n    inset:0;\n    border-radius:999px;\n    background:linear-gradient(to bottom, rgba(25,168,117,.12), rgba(0,0,0,.02));\n    border:1px solid var(--why-border-soft);\n    opacity:.65;\n  }\n\n  .rail__dot{\n    position:absolute;\n    left:50%;\n    width:10px;\n    height:10px;\n    border-radius:999px;\n    background:rgba(25,168,117,.58);\n    box-shadow:0 0 0 5px rgba(25,168,117,.12);\n  }\n\n  .rail__dot:nth-child(2){\n    top:18%;\n    transform:translateX(-50%) scale(.8);\n    opacity:.45;\n  }\n\n  .rail__dot:nth-child(3){\n    top:50%;\n    transform:translateX(-50%) scale(.9);\n    opacity:.6;\n  }\n\n  .rail__dot:nth-child(4){\n    top:82%;\n    transform:translateX(-50%) scale(1.18);\n    opacity:1;\n  }\n\n  .emr-meta{\n    display:flex;\n    gap:8px;\n    padding:0 14px 12px;\n  }\n\n  .emr-meta__tag{\n    height:16px;\n    width:72px;\n    border-radius:999px;\n    background:rgba(25,168,117,.10);\n    border:1px solid rgba(25,168,117,.14);\n  }\n\n  .emr-meta__tag--short{\n    width:46px;\n  }\n\n  .emr-summary{\n    padding:0 14px 12px;\n    display:flex;\n    flex-direction:column;\n    gap:8px;\n  }\n\n  .emr-summary__row{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:12px;\n  }\n\n  .emr-summary__label{\n    width:74px;\n    height:10px;\n    border-radius:999px;\n    background:rgba(0,0,0,.06);\n  }\n\n  .emr-summary__value{\n    flex:1;\n    height:10px;\n    border-radius:999px;\n    background:linear-gradient(90deg, rgba(25,168,117,.14), rgba(0,0,0,.03));\n  }\n\n  .emr-summary__value--short{\n    max-width:58%;\n  }\n\n  .lines--emr{\n    gap:8px;\n    padding-bottom:12px;\n  }\n\n  .lines--emr span{\n    height:8px;\n  }\n\n  .emr-grid{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:10px;\n    padding:0 14px 12px;\n  }\n\n  .emr-grid__box{\n    border-radius:12px;\n    border:1px solid var(--why-border-soft);\n    background:rgba(255,255,255,.34);\n    padding:10px;\n    display:flex;\n    flex-direction:column;\n    gap:8px;\n  }\n\n  @media (prefers-color-scheme: dark){\n    .emr-grid__box{\n      background:rgba(255,255,255,.03);\n    }\n  }\n\n  html[data-theme=\"dark\"] .emr-grid__box{\n    background:rgba(255,255,255,.03);\n  }\n\n  .emr-grid__box i{\n    display:block;\n    height:8px;\n    border-radius:999px;\n    background:rgba(25,32,29,.08);\n  }\n\n  @media (prefers-color-scheme: dark){\n    .emr-grid__box i{\n      background:rgba(255,255,255,.10);\n    }\n  }\n\n  html[data-theme=\"dark\"] .emr-grid__box i{\n    background:rgba(255,255,255,.10);\n  }\n\n  .emr-grid__box i:nth-child(1){ width:86%; }\n  .emr-grid__box i:nth-child(2){ width:68%; }\n  .emr-grid__box i:nth-child(3){ width:52%; }\n\n  .chiprow--emr{\n    padding-top:2px;\n    padding-bottom:12px;\n  }\n\n  .emr-footer{\n    display:flex;\n    align-items:center;\n    gap:8px;\n    padding:0 14px 16px;\n  }\n\n  .emr-footer__pill{\n    width:70px;\n    height:12px;\n    border-radius:999px;\n    background:rgba(25,168,117,.14);\n    border:1px solid rgba(25,168,117,.18);\n  }\n\n  .emr-footer__pill--short{\n    width:44px;\n  }\n\n  .emr-footer__dot{\n    margin-left:auto;\n    width:10px;\n    height:10px;\n    border-radius:50%;\n    background:rgba(25,168,117,.7);\n    box-shadow:0 0 0 5px rgba(25,168,117,.10);\n  }\n\n  @media (prefers-reduced-motion:no-preference){\n    .why-viz__links .link{\n      stroke-dasharray:7 10;\n      animation:dash 7.2s linear infinite;\n    }\n\n    .why-viz__scan{\n      animation:scanMove 7.5s linear infinite;\n    }\n\n    .dot{\n      animation:floaty 4.8s ease-in-out infinite;\n    }\n\n    .d2{ animation-delay:.2s; }\n    .d4{ animation-delay:.35s; }\n    .d6{ animation-delay:.5s; }\n    .d8{ animation-delay:.65s; }\n    .d10{ animation-delay:.8s; }\n    .d12{ animation-delay:.95s; }\n\n    .c1{ animation:cardFloatA 5.6s ease-in-out infinite; }\n    .c2{ animation:cardFloatB 6.4s ease-in-out infinite; }\n    .c3{ animation:cardFloatC 5.9s ease-in-out infinite; }\n\n    .rail__dot{\n      animation:railBlink 2.8s ease-in-out infinite;\n    }\n\n    .rail__dot:nth-child(3){ animation-delay:.45s; }\n    .rail__dot:nth-child(4){ animation-delay:.9s; }\n  }\n\n  @keyframes dash{ to{ stroke-dashoffset:-220; } }\n\n  @keyframes floaty{\n    0%,100%{ transform:translateY(0); }\n    50%{ transform:translateY(-6px); }\n  }\n\n  @keyframes pulseRing{\n    0%{ transform:scale(.55); opacity:0; }\n    18%{ opacity:.85; }\n    100%{ transform:scale(2.4); opacity:0; }\n  }\n\n  @keyframes scanMove{\n    0%{ transform:translateX(-65%) rotate(8deg); }\n    100%{ transform:translateX(70%) rotate(8deg); }\n  }\n\n  @keyframes cardFloatA{\n    0%,100%{ transform:rotate(0deg) translate(-18px, -34px) scale(.96); }\n    50%{ transform:rotate(0deg) translate(-18px, -42px) scale(.96); }\n  }\n\n  @keyframes cardFloatB{\n    0%,100%{ transform:rotate(0deg) translate(-18px, 0px) scale(.96); }\n    50%{ transform:rotate(0deg) translate(-18px, 8px) scale(.96); }\n  }\n\n  @keyframes cardFloatC{\n    0%,100%{ transform:rotate(0deg) translate(-18px, 34px) scale(.96); }\n    50%{ transform:rotate(0deg) translate(-18px, 24px) scale(.96); }\n  }\n\n  @keyframes railBlink{\n    0%,100%{ opacity:.45; transform:translateX(-50%) scale(.95); }\n    50%{ opacity:1; transform:translateX(-50%) scale(1.08); }\n  }\n\n  @media (max-width: 1180px){\n    .why-solve__headline{\n      font-size:clamp(36px, 4.1vw, 64px);\n      max-width:min(96vw, 24ch);\n    }\n\n    .why-solve__headline-text{\n      white-space:normal;\n      width:auto;\n      overflow:visible;\n      border-right:none;\n      animation:none;\n    }\n\n    .why-copy__title{\n      font-size:clamp(34px, 4.1vw, 58px);\n      max-width:11ch;\n    }\n  }\n\n  @media (max-width: 980px){\n    .why-solve{\n      height:auto;\n    }\n\n    .why-solve__sticky{\n      position:relative;\n      height:auto;\n    }\n\n    .why-solve__inner{\n      grid-template-columns:1fr;\n      grid-template-rows:auto auto auto;\n      gap:30px;\n      padding:32px 20px 64px;\n    }\n\n    .why-solve__hero{\n      gap:16px;\n      margin-bottom:4px;\n    }\n\n    .why-solve__eyebrow{\n      font-size:clamp(20px, 4.8vw, 28px);\n      line-height:1.24;\n    }\n\n    .why-solve__headline{\n      max-width:100%;\n      font-size:clamp(30px, 6.3vw, 52px);\n      line-height:1.18;\n      letter-spacing:-0.045em;\n    }\n\n    .why-solve__headline-text{\n      white-space:normal;\n      width:auto;\n      overflow:visible;\n      border-right:none;\n      animation:none;\n    }\n\n    .why-media__frame{\n      aspect-ratio:16 \/ 9;\n      min-height:auto;\n      border-radius:28px;\n    }\n\n    .why-copy{\n      min-height:auto;\n      padding-right:0;\n    }\n\n    .why-copy__title{\n      max-width:none;\n      font-size:clamp(32px, 8vw, 52px);\n      line-height:1.06;\n    }\n\n    .why-copy__desc{\n      max-width:none;\n      font-size:16px;\n      line-height:1.76;\n    }\n\n    .why-media__item[data-step=\"3\"] .why-viz{\n      border-radius:28px;\n    }\n\n    .why-viz__cluster{\n      width:60%;\n      height:66%;\n      left:12px;\n    }\n\n    .why-viz__cards{\n      width:52%;\n      right:10px;\n      height:70%;\n    }\n\n    .card{\n      border-radius:16px;\n      width:min(320px, 100%);\n    }\n\n    .c3{\n      min-height:168px;\n    }\n  }\n\n  @media (max-width: 640px){\n    .why-solve__inner{\n      padding:24px 16px 56px;\n      gap:24px;\n    }\n\n    .why-solve__eyebrow{\n      font-size:clamp(18px, 5.4vw, 24px);\n      line-height:1.3;\n    }\n\n    .why-solve__kicker{\n      padding:9px 14px;\n      font-size:11px;\n    }\n\n    .why-solve__headline{\n      font-size:clamp(24px, 7vw, 34px);\n      line-height:1.26;\n      letter-spacing:-0.035em;\n    }\n\n    .why-media__frame{\n      border-radius:24px;\n    }\n\n    .why-copy__title{\n      font-size:34px;\n    }\n\n    .why-copy__desc{\n      font-size:15px;\n      line-height:1.72;\n    }\n\n    .why-media__item[data-step=\"3\"] .why-viz{\n      border-radius:24px;\n    }\n\n    .why-viz__cluster{\n      width:62%;\n      height:68%;\n      left:8px;\n      top:48%;\n    }\n\n    .why-viz__cards{\n      width:56%;\n      right:6px;\n      height:72%;\n    }\n\n    .card{\n      width:min(290px, 100%);\n    }\n\n    .card__top{\n      padding:10px 10px 8px;\n    }\n\n    .bars,\n    .lines,\n    .thumbs,\n    .emr-meta,\n    .emr-summary,\n    .emr-grid,\n    .chiprow,\n    .emr-footer{\n      padding-left:10px;\n      padding-right:10px;\n    }\n\n    .bars,\n    .thumbs,\n    .emr-meta,\n    .emr-summary,\n    .emr-grid{\n      padding-bottom:8px;\n    }\n\n    .lines{\n      padding-bottom:10px;\n      gap:8px;\n    }\n\n    .emr-grid{\n      gap:8px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .why-media__item,\n    .why-copy__step,\n    .dot,\n    .pulse,\n    .card,\n    .rail__dot,\n    .why-solve__headline-text{\n      transition:none !important;\n      animation:none !important;\n      border-right:none !important;\n      width:auto !important;\n      overflow:visible !important;\n      white-space:normal !important;\n    }\n  }\n\n  \/* ===== fit in one screen tuning ===== *\/\n\n.why-solve{\n  height:280vh;\n}\n\n\n\n.why-solve__kicker{\n  padding:8px 14px;\n  font-size:11px;\n}\n\n\n.why-media__frame{\n  min-height:min(56vh, 560px);\n  border-radius:28px;\n}\n\n.why-copy{\n  min-height:min(56vh, 560px);\n}\n\n}\n\n<\/style>\n\n<script>\n  (function(){\n    const root = document.querySelector('.why-solve');\n    if(!root) return;\n\n    const mediaItems = root.querySelectorAll('.why-media__item');\n    const copySteps = root.querySelectorAll('.why-copy__step');\n    const mobileQuery = window.matchMedia('(max-width: 980px)');\n    const embeddedViz = root.querySelector('.why-media__item[data-step=\"3\"] .why-viz');\n    const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    let targetX = 0;\n    let targetY = 0;\n    let currentX = 0;\n    let currentY = 0;\n    let motionRaf = null;\n    let ticking = false;\n\n    function setActive(step){\n      mediaItems.forEach((item, index) => {\n        item.classList.toggle('is-active', index + 1 === step);\n      });\n\n      copySteps.forEach((item, index) => {\n        item.classList.toggle('is-active', index + 1 === step);\n      });\n    }\n\n    function getDesktopStep(){\n      const rect = root.getBoundingClientRect();\n      const total = Math.max(root.offsetHeight - window.innerHeight, 1);\n      const scrolled = Math.min(Math.max(-rect.top, 0), total);\n      const progress = scrolled \/ total;\n\n      if(progress < 0.3333) return 1;\n      if(progress < 0.6666) return 2;\n      return 3;\n    }\n\n    function getMobileStep(){\n      const viewportMiddle = window.innerHeight * 0.42;\n      let activeStep = 1;\n      let minDistance = Infinity;\n\n      copySteps.forEach((step, index) => {\n        const rect = step.getBoundingClientRect();\n        const center = rect.top + rect.height \/ 2;\n        const distance = Math.abs(center - viewportMiddle);\n\n        if(distance < minDistance){\n          minDistance = distance;\n          activeStep = index + 1;\n        }\n      });\n\n      return activeStep;\n    }\n\n    function update(){\n      const step = mobileQuery.matches ? getMobileStep() : getDesktopStep();\n      setActive(step);\n    }\n\n    function requestTick(){\n      if(ticking) return;\n      ticking = true;\n      requestAnimationFrame(() => {\n        update();\n        ticking = false;\n      });\n    }\n\n    function animateViz(){\n      if(!embeddedViz) return;\n      currentX += (targetX - currentX) * 0.12;\n      currentY += (targetY - currentY) * 0.12;\n      embeddedViz.style.setProperty('--mx', currentX.toFixed(2) + 'px');\n      embeddedViz.style.setProperty('--my', currentY.toFixed(2) + 'px');\n      motionRaf = requestAnimationFrame(animateViz);\n    }\n\n    function handleVizMove(e){\n      if(!embeddedViz) return;\n      const rect = embeddedViz.getBoundingClientRect();\n      const px = (e.clientX - rect.left) \/ rect.width;\n      const py = (e.clientY - rect.top) \/ rect.height;\n      targetX = (px - 0.5) * 22;\n      targetY = (py - 0.5) * 18;\n    }\n\n    function resetVizMove(){\n      targetX = 0;\n      targetY = 0;\n    }\n\n    setActive(1);\n    update();\n\n    window.addEventListener('scroll', requestTick, { passive: true });\n    window.addEventListener('resize', requestTick);\n\n    if(embeddedViz && !reducedMotion){\n      embeddedViz.addEventListener('mousemove', handleVizMove);\n      embeddedViz.addEventListener('mouseleave', resetVizMove);\n      embeddedViz.addEventListener('touchstart', resetVizMove, { passive:true });\n      embeddedViz.addEventListener('touchmove', resetVizMove, { passive:true });\n      animateViz();\n    }\n\n    window.addEventListener('beforeunload', () => {\n      if(motionRaf) cancelAnimationFrame(motionRaf);\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-114f375 e-con-full e-flex e-con e-parent\" data-id=\"114f375\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e117ba1 elementor-widget elementor-widget-html\" data-id=\"e117ba1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"deliver-stage\" id=\"what-we-deliver\" aria-labelledby=\"deliver-stage-title\">\r\n  <div class=\"deliver-stage__bg\" aria-hidden=\"true\">\r\n    <div class=\"deliver-stage__grid\"><\/div>\r\n    <div class=\"deliver-stage__glow deliver-stage__glow--1\"><\/div>\r\n    <div class=\"deliver-stage__glow deliver-stage__glow--2\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"deliver-stage__inner\">\r\n    <header class=\"deliver-stage__header\" id=\"deliverStageHeader\">\r\n      <p class=\"deliver-stage__kicker\">WHAT WE DELIVER<\/p>\r\n\r\n      <h2 class=\"deliver-stage__title\" id=\"deliver-stage-title\" aria-label=\"\uc218\uc758 \uc784\uc0c1\uc744 \uc704\ud55c \uad6c\uc870\ud654\ub41c AI \uacbd\ud5d8\">\r\n        <span class=\"deliver-stage__title-line\">\r\n          <span class=\"deliver-stage__title-word\">\uc218\uc758<\/span>\r\n          <span class=\"deliver-stage__title-word\">\uc784\uc0c1\uc744<\/span>\r\n          <span class=\"deliver-stage__title-word\">\uc704\ud55c<\/span>\r\n                    <span class=\"deliver-stage__title-word\">\uad6c\uc870\ud654\ub41c<\/span>\r\n          <span class=\"deliver-stage__title-word\">AI<\/span>\r\n          <span class=\"deliver-stage__title-word\">\uacbd\ud5d8<\/span>\r\n        <\/span>\r\n\r\n        <\/span>\r\n      <\/h2>\r\n\r\n      <div class=\"deliver-stage__title-bar\" aria-hidden=\"true\">\r\n        <span class=\"deliver-stage__title-bar-fill\"><\/span>\r\n      <\/div>\r\n\r\n      <p class=\"deliver-stage__desc\">\r\n        \ubcf5\uc7a1\ud55c \uc784\uc0c1 \ub370\uc774\ud130\ub97c \uad6c\uc870\ud654\ud558\uace0, \uc9c4\ub8cc \ud750\ub984\uc5d0 \ub9de\uac8c \uc815\ub9ac\ud558\uba70,<br\/>\r\n        \uadfc\uac70\uc640 \uac80\uc99d \uac00\ub2a5\ud55c \ud310\ub2e8 \ud750\ub984\uc73c\ub85c \uc5f0\uacb0\ud558\ub294 AI \uacbd\ud5d8\uc744 \uc124\uacc4\ud569\ub2c8\ub2e4.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"deliver-stage__layout\">\r\n      <!-- LEFT -->\r\n      <div class=\"deliver-stage__visual\">\r\n        <div class=\"deliver-visual-card\">\r\n          <div class=\"deliver-visual-card__top\">\r\n            <div class=\"deliver-visual-card__eyebrow\">\r\n              <span class=\"deliver-visual-card__dot\"><\/span>\r\n              <span id=\"deliverVisualMetaKr\">\uc218\uc758\ud559 \ud45c\uc900 \uc628\ud1a8\ub85c\uc9c0 \uae30\ubc18<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"deliver-visual\">\r\n            <div class=\"deliver-visual__image-wrap\">\r\n              <img decoding=\"async\"\r\n                id=\"deliverMainImage\"\r\n                src=\"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09154904\/A_cinematic_yet_minimal_loopable_background_video__delpmaspu-scaled.jpg\"\r\n                alt=\"\uc218\uc758\ud559 \ud45c\uc900 \uc628\ud1a8\ub85c\uc9c0 \uae30\ubc18 \uad00\ub828 \uc774\ubbf8\uc9c0\"\r\n                class=\"deliver-visual__image\"\r\n              \/>\r\n            <\/div>\r\n\r\n            <div class=\"deliver-visual__caption\">\r\n              <strong id=\"deliverVisualTitle\">\uc218\uc758\ud559 \ud45c\uc900 \uc628\ud1a8\ub85c\uc9c0 \uae30\ubc18<\/strong>\r\n              <p id=\"deliverVisualDesc\">\r\n                \uc9c8\ud658, \uc99d\uc0c1, \uac80\uc0ac, \uce58\ub8cc\ub97c \uad6c\uc870\uc801\uc73c\ub85c \uc5f0\uacb0\ud574 \uc784\uc0c1 \ub370\uc774\ud130\uc758 \ud574\uc11d \ud750\ub984\uc744 \uc815\ub9ac\ud569\ub2c8\ub2e4.\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"deliver-visual__controls\" aria-label=\"\uc774\ubbf8\uc9c0 \uc2ac\ub77c\uc774\ub4dc \ud0d0\uc0c9\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"deliver-nav-btn\"\r\n                id=\"deliverPrevBtn\"\r\n                aria-label=\"\uc774\uc804 \uc2ac\ub77c\uc774\ub4dc\"\r\n              >\r\n                <span aria-hidden=\"true\">\u2190<\/span>\r\n              <\/button>\r\n\r\n              <div class=\"deliver-indicators\" id=\"deliverIndicators\" role=\"tablist\" aria-label=\"\uc2ac\ub77c\uc774\ub4dc \uc778\ub514\ucf00\uc774\ud130\"><\/div>\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"deliver-nav-btn\"\r\n                id=\"deliverNextBtn\"\r\n                aria-label=\"\ub2e4\uc74c \uc2ac\ub77c\uc774\ub4dc\"\r\n              >\r\n                <span aria-hidden=\"true\">\u2192<\/span>\r\n              <\/button>\r\n            <\/div>\r\n\r\n            <div class=\"deliver-mobile-progress\" aria-live=\"polite\">\r\n              <span id=\"deliverMobileCounter\">01 \/ 04<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT -->\r\n      <div class=\"deliver-stage__steps\" aria-label=\"What we deliver points\" id=\"deliverSteps\">\r\n        <article\r\n          class=\"deliver-step-card is-active\"\r\n          tabindex=\"0\"\r\n          data-index=\"0\"\r\n          data-image=\"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09154904\/A_cinematic_yet_minimal_loopable_background_video__delpmaspu-scaled.jpg\"\r\n          data-title=\"\uc218\uc758\ud559 \ud45c\uc900 \uc628\ud1a8\ub85c\uc9c0 \uae30\ubc18\"\r\n          data-desc=\"\uc9c8\ud658, \uc99d\uc0c1, \uac80\uc0ac, \uce58\ub8cc\ub97c \uad6c\uc870\uc801\uc73c\ub85c \uc5f0\uacb0\ud574 \uc784\uc0c1 \ub370\uc774\ud130\uc758 \ud574\uc11d \ud750\ub984\uc744 \uc815\ub9ac\ud569\ub2c8\ub2e4.\"\r\n        >\r\n          <span class=\"deliver-step-card__index\">01<\/span>\r\n          <div class=\"deliver-step-card__body\">\r\n            <strong>\uc218\uc758\ud559 \ud45c\uc900 \uc628\ud1a8\ub85c\uc9c0 \uae30\ubc18<\/strong>\r\n            <p>\uc9c8\ud658, \uc99d\uc0c1, \uac80\uc0ac, \uce58\ub8cc\ub97c \uad6c\uc870\uc801\uc73c\ub85c \uc5f0\uacb0\ud574 \uc784\uc0c1 \ub370\uc774\ud130\uc758 \ud574\uc11d \ud750\ub984\uc744 \uc815\ub9ac\ud569\ub2c8\ub2e4.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article\r\n          class=\"deliver-step-card\"\r\n          tabindex=\"0\"\r\n          data-index=\"1\"\r\n          data-image=\"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09154904\/A_cinematic_yet_minimal_loopable_background_video__delpmaspu-scaled.jpg\"\r\n          data-title=\"\uc218\uc758 \uc6cc\ud06c\ud50c\ub85c\uc6b0\uc5d0 \ucd5c\uc801\ud654\ub41c \ub2f5\ubcc0\"\r\n          data-desc=\"\ubb38\uc9c4\ubd80\ud130 \uac10\ubcc4, \uc124\uba85, \ub2e4\uc74c \uc561\uc158\uae4c\uc9c0 \uc2e4\uc81c \uc9c4\ub8cc \ud604\uc7a5\uc758 \uc21c\uc11c\ub97c \ud574\uce58\uc9c0 \uc54a\ub294 \uc751\ub2f5 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.\"\r\n        >\r\n          <span class=\"deliver-step-card__index\">02<\/span>\r\n          <div class=\"deliver-step-card__body\">\r\n            <strong>\uc218\uc758 \uc6cc\ud06c\ud50c\ub85c\uc6b0\uc5d0 \ucd5c\uc801\ud654\ub41c \ub2f5\ubcc0<\/strong>\r\n            <p>\ubb38\uc9c4\ubd80\ud130 \uac10\ubcc4, \uc124\uba85, \ub2e4\uc74c \uc561\uc158\uae4c\uc9c0 \uc2e4\uc81c \uc9c4\ub8cc \ud604\uc7a5\uc758 \uc21c\uc11c\ub97c \ud574\uce58\uc9c0 \uc54a\ub294 \uc751\ub2f5 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article\r\n          class=\"deliver-step-card\"\r\n          tabindex=\"0\"\r\n          data-index=\"2\"\r\n          data-image=\"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09154904\/A_cinematic_yet_minimal_loopable_background_video__delpmaspu-scaled.jpg\"\r\n          data-title=\"\uadfc\uac70\uac00 \ubcf4\uc774\ub294 XAI\"\r\n          data-desc=\"\uacb0\ub860\ub9cc \uc81c\uc2dc\ud558\ub294 \uac83\uc774 \uc544\ub2c8\ub77c \uc5b4\ub5a4 \ub370\uc774\ud130\uc640 \uc5b4\ub5a4 \ub9e5\ub77d\uc774 \ud310\ub2e8\uc5d0 \uc5f0\uacb0\ub418\uc5c8\ub294\uc9c0 \ud568\uaed8 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.\"\r\n        >\r\n          <span class=\"deliver-step-card__index\">03<\/span>\r\n          <div class=\"deliver-step-card__body\">\r\n            <strong>\uadfc\uac70\uac00 \ubcf4\uc774\ub294 XAI<\/strong>\r\n            <p>\uacb0\ub860\ub9cc \uc81c\uc2dc\ud558\ub294 \uac83\uc774 \uc544\ub2c8\ub77c \uc5b4\ub5a4 \ub370\uc774\ud130\uc640 \uc5b4\ub5a4 \ub9e5\ub77d\uc774 \ud310\ub2e8\uc5d0 \uc5f0\uacb0\ub418\uc5c8\ub294\uc9c0 \ud568\uaed8 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article\r\n          class=\"deliver-step-card\"\r\n          tabindex=\"0\"\r\n          data-index=\"3\"\r\n          data-image=\"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09154904\/A_cinematic_yet_minimal_loopable_background_video__delpmaspu-scaled.jpg\"\r\n          data-title=\"\uc804\ubb38\uac00 \uac80\uc99d CDSS\"\r\n          data-desc=\"\uac80\uc99d \uac00\ub2a5\uc131\uacfc \uc548\uc804\uc131\uc744 \uae30\ubc18\uc73c\ub85c \uc784\uc0c1 \ud604\uc7a5\uc5d0\uc11c \uc2e0\ub8b0 \uac00\ub2a5\ud55c \ud310\ub2e8 \uc9c0\uc6d0 \uad6c\uc870\ub97c \ub9cc\ub4ed\ub2c8\ub2e4.\"\r\n        >\r\n          <span class=\"deliver-step-card__index\">04<\/span>\r\n          <div class=\"deliver-step-card__body\">\r\n            <strong>\uc804\ubb38\uac00 \uac80\uc99d CDSS<\/strong>\r\n            <p>\uac80\uc99d \uac00\ub2a5\uc131\uacfc \uc548\uc804\uc131\uc744 \uae30\ubc18\uc73c\ub85c \uc784\uc0c1 \ud604\uc7a5\uc5d0\uc11c \uc2e0\ub8b0 \uac00\ub2a5\ud55c \ud310\ub2e8 \uc9c0\uc6d0 \uad6c\uc870\ub97c \ub9cc\ub4ed\ub2c8\ub2e4.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root{\r\n    --bg:#f6f8f7;\r\n    --surface:rgba(255,255,255,.72);\r\n    --surface-strong:rgba(255,255,255,.92);\r\n    --surface-soft:rgba(255,255,255,.6);\r\n    --line:rgba(25,32,29,.08);\r\n    --line-strong:rgba(25,168,117,.34);\r\n    --text:#19201d;\r\n    --muted:rgba(25,32,29,.72);\r\n    --soft:rgba(25,32,29,.48);\r\n    --brand:#19a875;\r\n    --brand-deep:#036f69;\r\n    --shadow:0 20px 60px rgba(8,17,13,.08);\r\n    --shadow-strong:0 28px 80px rgba(8,17,13,.14);\r\n  }\r\n\r\n  @media (prefers-color-scheme: dark){\r\n    :root{\r\n      --bg:#09100d;\r\n      --surface:rgba(18,28,24,.62);\r\n      --surface-strong:rgba(20,31,27,.9);\r\n      --surface-soft:rgba(20,30,26,.56);\r\n      --line:rgba(255,255,255,.08);\r\n      --line-strong:rgba(25,168,117,.42);\r\n      --text:#f5f7f6;\r\n      --muted:rgba(245,247,246,.74);\r\n      --soft:rgba(245,247,246,.5);\r\n      --shadow:0 20px 60px rgba(0,0,0,.28);\r\n      --shadow-strong:0 28px 80px rgba(0,0,0,.42);\r\n    }\r\n  }\r\n\r\n  .deliver-stage{\r\n    position:relative;\r\n    overflow:hidden;\r\n    background:\r\n      radial-gradient(circle at 18% 20%, rgba(25,168,117,.10), transparent 26%),\r\n      radial-gradient(circle at 82% 16%, rgba(3,111,105,.10), transparent 24%),\r\n      linear-gradient(180deg, var(--bg), var(--bg));\r\n    padding:140px 20px;\r\n    color:var(--text);\r\n    isolation:isolate;\r\n  }\r\n\r\n  .deliver-stage__bg{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .deliver-stage__grid{\r\n    position:absolute;\r\n    inset:0;\r\n    background-image:\r\n      linear-gradient(to right, rgba(255,255,255,.02) 1px, transparent 1px),\r\n      linear-gradient(to bottom, rgba(255,255,255,.02) 1px, transparent 1px);\r\n    background-size:44px 44px;\r\n    opacity:.6;\r\n    mask-image:radial-gradient(circle at center, #000 32%, transparent 92%);\r\n  }\r\n\r\n  .deliver-stage__glow{\r\n    position:absolute;\r\n    border-radius:50%;\r\n    filter:blur(60px);\r\n    opacity:.55;\r\n  }\r\n\r\n  .deliver-stage__glow--1{\r\n    width:340px;\r\n    height:340px;\r\n    background:rgba(25,168,117,.14);\r\n    left:8%;\r\n    top:12%;\r\n  }\r\n\r\n  .deliver-stage__glow--2{\r\n    width:400px;\r\n    height:400px;\r\n    background:rgba(3,111,105,.12);\r\n    right:6%;\r\n    bottom:10%;\r\n  }\r\n\r\n  .deliver-stage__inner{\r\n    position:relative;\r\n    z-index:1;\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  .deliver-stage__header{\r\n    --mx:0px;\r\n    --my:0px;\r\n    max-width:820px;\r\n    margin:0 auto 56px;\r\n    text-align:center;\r\n    opacity:0;\r\n    transform:translate3d(0,24px,0);\r\n    filter:blur(10px);\r\n    transition:\r\n      opacity .8s ease,\r\n      transform .8s ease,\r\n      filter .8s ease;\r\n    position:relative;\r\n    will-change:transform;\r\n  }\r\n\r\n  .deliver-stage__header::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:50%;\r\n    top:8%;\r\n    width:320px;\r\n    height:320px;\r\n    border-radius:50%;\r\n    transform:translate(-50%, -50%);\r\n    background:radial-gradient(circle, rgba(25,168,117,.14), rgba(25,168,117,0) 68%);\r\n    filter:blur(24px);\r\n    opacity:0;\r\n    transition:opacity .8s ease, transform .35s ease;\r\n    pointer-events:none;\r\n    z-index:0;\r\n  }\r\n\r\n  .deliver-stage.is-visible .deliver-stage__header{\r\n    opacity:1;\r\n    transform:translate3d(var(--mx), var(--my), 0);\r\n    filter:blur(0);\r\n  }\r\n\r\n  .deliver-stage.is-visible .deliver-stage__header::before{\r\n    opacity:1;\r\n  }\r\n\r\n  .deliver-stage__header > *{\r\n    position:relative;\r\n    z-index:1;\r\n  }\r\n\r\n  .deliver-stage__kicker{\r\n    margin:0 0 16px;\r\n    font-size:12px;\r\n    letter-spacing:.22em;\r\n    font-weight:800;\r\n    color:var(--soft);\r\n    transform:translateY(14px);\r\n    opacity:0;\r\n    transition:transform .75s cubic-bezier(.2,.7,.2,1), opacity .75s ease;\r\n  }\r\n\r\n  .deliver-stage.is-visible .deliver-stage__kicker{\r\n    transform:translateY(0);\r\n    opacity:1;\r\n    transition-delay:.05s;\r\n  }\r\n\r\n  .deliver-stage__title{\r\n    margin:0;\r\n    font-size:clamp(34px,4vw,48px);\r\n    line-height:1.04;\r\n    letter-spacing:-0.04em;\r\n    font-weight:900;\r\n    display:inline-flex;\r\n    flex-direction:column;\r\n    gap:.08em;\r\n  }\r\n\r\n  .deliver-stage__title-line{\r\n    display:block;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .deliver-stage__title-word{\r\n    display:inline-block;\r\n    margin-right:.18em;\r\n    transform:translateY(115%) rotate(3deg);\r\n    opacity:0;\r\n    filter:blur(8px);\r\n    transition:\r\n      transform .9s cubic-bezier(.2,.7,.15,1),\r\n      opacity .8s ease,\r\n      filter .8s ease,\r\n      color .25s ease;\r\n    will-change:transform, opacity, filter;\r\n  }\r\n\r\n  .deliver-stage.is-visible .deliver-stage__title-word{\r\n    transform:translateY(0) rotate(0);\r\n    opacity:1;\r\n    filter:blur(0);\r\n  }\r\n\r\n  .deliver-stage.is-visible .deliver-stage__title-line:nth-child(1) .deliver-stage__title-word:nth-child(1){ transition-delay:.12s; }\r\n  .deliver-stage.is-visible .deliver-stage__title-line:nth-child(1) .deliver-stage__title-word:nth-child(2){ transition-delay:.18s; }\r\n  .deliver-stage.is-visible .deliver-stage__title-line:nth-child(1) .deliver-stage__title-word:nth-child(3){ transition-delay:.24s; }\r\n  .deliver-stage.is-visible .deliver-stage__title-line:nth-child(2) .deliver-stage__title-word:nth-child(1){ transition-delay:.30s; }\r\n  .deliver-stage.is-visible .deliver-stage__title-line:nth-child(2) .deliver-stage__title-word:nth-child(2){ transition-delay:.36s; }\r\n  .deliver-stage.is-visible .deliver-stage__title-line:nth-child(2) .deliver-stage__title-word:nth-child(3){ transition-delay:.42s; }\r\n\r\n  .deliver-stage__title-bar{\r\n    width:min(280px, 42%);\r\n    height:6px;\r\n    margin:18px auto 0;\r\n    border-radius:999px;\r\n    background:rgba(25,168,117,.12);\r\n    overflow:hidden;\r\n    opacity:0;\r\n    transform:translateY(10px);\r\n    transition:opacity .7s ease, transform .7s ease;\r\n  }\r\n\r\n  .deliver-stage.is-visible .deliver-stage__title-bar{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n    transition-delay:.38s;\r\n  }\r\n\r\n  .deliver-stage__title-bar-fill{\r\n    display:block;\r\n    width:0%;\r\n    height:100%;\r\n    border-radius:inherit;\r\n    background:linear-gradient(90deg, var(--brand), var(--brand-deep));\r\n    box-shadow:0 0 18px rgba(25,168,117,.28);\r\n    transition:width 1s cubic-bezier(.2,.7,.2,1);\r\n  }\r\n\r\n  .deliver-stage.is-visible .deliver-stage__title-bar-fill{\r\n    width:100%;\r\n    transition-delay:.48s;\r\n  }\r\n\r\n  .deliver-stage__desc{\r\n    margin:18px auto 0;\r\n    max-width:700px;\r\n    font-size:16px;\r\n    line-height:1.75;\r\n    color:var(--muted);\r\n    opacity:0;\r\n    transform:translateY(18px);\r\n    transition:opacity .8s ease, transform .8s ease;\r\n  }\r\n\r\n  .deliver-stage.is-visible .deliver-stage__desc{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n    transition-delay:.34s;\r\n  }\r\n\r\n  .deliver-stage__layout{\r\n    display:grid;\r\n    grid-template-columns:minmax(0, 1.08fr) minmax(320px, .92fr);\r\n    gap:32px;\r\n    align-items:stretch;\r\n  }\r\n\r\n  .deliver-stage__visual,\r\n  .deliver-stage__steps{\r\n    min-width:0;\r\n  }\r\n\r\n  .deliver-visual-card{\r\n    height:100%;\r\n    border-radius:32px;\r\n    border:1px solid var(--line);\r\n    background:\r\n      linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.02)),\r\n      var(--surface);\r\n    backdrop-filter:blur(18px);\r\n    -webkit-backdrop-filter:blur(18px);\r\n    box-shadow:var(--shadow);\r\n    padding:22px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    position:relative;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .deliver-visual-card::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(135deg, rgba(255,255,255,.12), transparent 34%, transparent 68%, rgba(25,168,117,.06));\r\n    pointer-events:none;\r\n  }\r\n\r\n  .deliver-visual-card__top{\r\n    position:relative;\r\n    z-index:2;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    gap:16px;\r\n    margin-bottom:18px;\r\n  }\r\n\r\n  .deliver-visual-card__eyebrow{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:.08em;\r\n    color:var(--soft);\r\n    text-transform:none;\r\n  }\r\n\r\n  .deliver-visual-card__dot{\r\n    width:9px;\r\n    height:9px;\r\n    border-radius:50%;\r\n    background:var(--brand);\r\n    box-shadow:0 0 0 0 rgba(25,168,117,.38);\r\n    animation:deliverPulse 2.2s ease-out infinite;\r\n    flex:0 0 auto;\r\n  }\r\n\r\n  .deliver-visual{\r\n    position:relative;\r\n    z-index:2;\r\n    width:100%;\r\n    aspect-ratio:1 \/ 1;\r\n    border-radius:28px;\r\n    overflow:hidden;\r\n    border:1px solid rgba(255,255,255,.05);\r\n    background:\r\n      linear-gradient(180deg, rgba(230,236,233,.9), rgba(216,223,219,.9));\r\n  }\r\n\r\n  @media (prefers-color-scheme: dark){\r\n    .deliver-visual{\r\n      background:\r\n        linear-gradient(180deg, rgba(20,31,27,.95), rgba(15,24,21,.95));\r\n    }\r\n  }\r\n\r\n  .deliver-visual__image-wrap{\r\n    position:relative;\r\n    width:100%;\r\n    height:100%;\r\n    min-height:0;\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n  }\r\n\r\n  .deliver-visual__image-wrap::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n      linear-gradient(180deg, rgba(8,17,13,.03), rgba(8,17,13,.12)),\r\n      linear-gradient(0deg, rgba(8,17,13,.52) 0%, rgba(8,17,13,0) 34%),\r\n      radial-gradient(circle at 50% 50%, rgba(25,168,117,.06), transparent 42%);\r\n    z-index:1;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .deliver-visual__image{\r\n    position:absolute !important;\r\n    inset:0 !important;\r\n    width:100% !important;\r\n    height:100% !important;\r\n    max-width:none !important;\r\n    max-height:none !important;\r\n    display:block !important;\r\n    object-fit:cover !important;\r\n    object-position:center center !important;\r\n    transform:scale(1.02);\r\n    filter:saturate(.96) contrast(1.02);\r\n    transition:\r\n      opacity .45s ease,\r\n      transform .7s ease,\r\n      filter .45s ease;\r\n    opacity:1;\r\n    background:transparent;\r\n  }\r\n\r\n  .deliver-visual__image.is-switching{\r\n    opacity:.24;\r\n    transform:scale(1.06);\r\n    filter:blur(4px) saturate(.9);\r\n  }\r\n\r\n  .deliver-visual__caption{\r\n    position:absolute;\r\n    left:22px;\r\n    right:22px;\r\n    bottom:84px;\r\n    z-index:3;\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:8px;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .deliver-visual__caption strong{\r\n    font-size:clamp(22px,2vw,30px);\r\n    line-height:1.15;\r\n    letter-spacing:-0.03em;\r\n    font-weight:900;\r\n    color:#fff;\r\n    text-shadow:0 10px 28px rgba(0,0,0,.22);\r\n  }\r\n\r\n  .deliver-visual__caption p{\r\n    margin:0;\r\n    max-width:88%;\r\n    font-size:14px;\r\n    line-height:1.65;\r\n    color:rgba(255,255,255,.82);\r\n    text-shadow:0 10px 28px rgba(0,0,0,.22);\r\n  }\r\n\r\n  .deliver-visual__controls{\r\n    position:absolute;\r\n    left:18px;\r\n    right:18px;\r\n    bottom:18px;\r\n    z-index:4;\r\n    display:grid;\r\n    grid-template-columns:auto 1fr auto;\r\n    gap:12px;\r\n    align-items:center;\r\n  }\r\n\r\n  .deliver-nav-btn{\r\n    width:44px;\r\n    height:44px;\r\n    border:none;\r\n    border-radius:999px;\r\n    display:grid;\r\n    place-items:center;\r\n    cursor:pointer;\r\n    color:#fff;\r\n    background:rgba(255,255,255,.14);\r\n    backdrop-filter:blur(10px);\r\n    -webkit-backdrop-filter:blur(10px);\r\n    box-shadow:0 10px 24px rgba(0,0,0,.18);\r\n    transition:transform .25s ease, background .25s ease, opacity .25s ease;\r\n  }\r\n\r\n  .deliver-nav-btn:hover,\r\n  .deliver-nav-btn:focus-visible{\r\n    background:rgba(255,255,255,.24);\r\n    transform:translateY(-1px);\r\n    outline:none;\r\n  }\r\n\r\n  .deliver-indicators{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:8px;\r\n    min-width:0;\r\n    padding:0 4px;\r\n  }\r\n\r\n  .deliver-indicator{\r\n    position:relative;\r\n    border:none;\r\n    width:100%;\r\n    max-width:62px;\r\n    min-width:24px;\r\n    height:10px;\r\n    border-radius:999px;\r\n    background:rgba(255,255,255,.18);\r\n    overflow:hidden;\r\n    cursor:pointer;\r\n    transition:transform .25s ease, background .25s ease;\r\n  }\r\n\r\n  .deliver-indicator::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    width:0%;\r\n    border-radius:inherit;\r\n    background:linear-gradient(90deg, var(--brand), #8cf0c8);\r\n    transition:width .35s ease;\r\n  }\r\n\r\n  .deliver-indicator.is-active{\r\n    background:rgba(255,255,255,.26);\r\n  }\r\n\r\n  .deliver-indicator.is-active::before{\r\n    width:100%;\r\n  }\r\n\r\n  .deliver-indicator:hover,\r\n  .deliver-indicator:focus-visible{\r\n    transform:translateY(-1px);\r\n    outline:none;\r\n  }\r\n\r\n  .deliver-mobile-progress{\r\n    position:absolute;\r\n    top:18px;\r\n    right:18px;\r\n    z-index:4;\r\n    display:none;\r\n    padding:8px 12px;\r\n    border-radius:999px;\r\n    background:rgba(8,17,13,.42);\r\n    color:rgba(255,255,255,.92);\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:.08em;\r\n    backdrop-filter:blur(10px);\r\n    -webkit-backdrop-filter:blur(10px);\r\n  }\r\n\r\n  .deliver-stage__steps{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:14px;\r\n    justify-content:center;\r\n  }\r\n\r\n  .deliver-step-card{\r\n    display:grid;\r\n    grid-template-columns:64px 1fr;\r\n    gap:18px;\r\n    align-items:start;\r\n    padding:22px 22px 22px 18px;\r\n    border-radius:24px;\r\n    border:1px solid var(--line);\r\n    background:var(--surface-soft);\r\n    backdrop-filter:blur(12px);\r\n    -webkit-backdrop-filter:blur(12px);\r\n    box-shadow:var(--shadow);\r\n    opacity:0;\r\n    transform:translateX(24px);\r\n    cursor:pointer;\r\n    scroll-snap-align:start;\r\n    transition:\r\n      opacity .65s ease,\r\n      transform .65s ease,\r\n      border-color .3s ease,\r\n      box-shadow .3s ease,\r\n      background .3s ease;\r\n  }\r\n\r\n  .deliver-stage.is-visible .deliver-step-card{\r\n    opacity:1;\r\n    transform:translateX(0);\r\n  }\r\n\r\n  .deliver-stage.is-visible .deliver-step-card:nth-child(1){ transition-delay:.08s; }\r\n  .deliver-stage.is-visible .deliver-step-card:nth-child(2){ transition-delay:.14s; }\r\n  .deliver-stage.is-visible .deliver-step-card:nth-child(3){ transition-delay:.20s; }\r\n  .deliver-stage.is-visible .deliver-step-card:nth-child(4){ transition-delay:.26s; }\r\n\r\n  .deliver-step-card:hover,\r\n  .deliver-step-card:focus-visible,\r\n  .deliver-step-card.is-active{\r\n    border-color:var(--line-strong);\r\n    box-shadow:var(--shadow-strong);\r\n    background:var(--surface-strong);\r\n    transform:translateY(-2px);\r\n    outline:none;\r\n  }\r\n\r\n  .deliver-step-card__index{\r\n    width:54px;\r\n    height:54px;\r\n    border-radius:18px;\r\n    display:grid;\r\n    place-items:center;\r\n    background:rgba(25,168,117,.08);\r\n    border:1px solid rgba(25,168,117,.14);\r\n    font-size:14px;\r\n    font-weight:900;\r\n    color:var(--brand);\r\n    letter-spacing:.06em;\r\n    transition:background .3s ease, border-color .3s ease, transform .3s ease;\r\n  }\r\n\r\n  .deliver-step-card:hover .deliver-step-card__index,\r\n  .deliver-step-card:focus-visible .deliver-step-card__index,\r\n  .deliver-step-card.is-active .deliver-step-card__index{\r\n    background:linear-gradient(180deg, rgba(25,168,117,.16), rgba(3,111,105,.12));\r\n    border-color:rgba(25,168,117,.28);\r\n    transform:translateY(-1px);\r\n  }\r\n\r\n  .deliver-step-card__body strong{\r\n    display:block;\r\n    margin-bottom:8px;\r\n    font-size:20px;\r\n    line-height:1.35;\r\n    letter-spacing:-0.02em;\r\n    font-weight:900;\r\n    color:var(--text);\r\n  }\r\n\r\n  .deliver-step-card__body p{\r\n    margin:0;\r\n    font-size:14px;\r\n    line-height:1.7;\r\n    color:var(--muted);\r\n  }\r\n\r\n  @keyframes deliverPulse{\r\n    0%{ box-shadow:0 0 0 0 rgba(25,168,117,.38); }\r\n    70%{ box-shadow:0 0 0 10px rgba(25,168,117,0); }\r\n    100%{ box-shadow:0 0 0 0 rgba(25,168,117,0); }\r\n  }\r\n\r\n  @media (max-width: 1100px){\r\n    .deliver-stage{\r\n      padding:110px 20px;\r\n    }\r\n\r\n    .deliver-stage__layout{\r\n      grid-template-columns:1fr;\r\n    }\r\n\r\n    .deliver-stage__steps{\r\n      display:grid;\r\n      grid-template-columns:repeat(2, 1fr);\r\n      gap:14px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 760px){\r\n    .deliver-stage{\r\n      padding:88px 16px;\r\n    }\r\n\r\n    .deliver-stage__header{\r\n      margin-bottom:34px;\r\n      --mx:0px !important;\r\n      --my:0px !important;\r\n    }\r\n\r\n    .deliver-stage__header::before{\r\n      width:220px;\r\n      height:220px;\r\n      top:14%;\r\n    }\r\n\r\n    .deliver-stage__title{\r\n      font-size:clamp(30px,9vw,42px);\r\n      gap:.12em;\r\n    }\r\n\r\n    .deliver-stage__title-bar{\r\n      width:120px;\r\n      height:5px;\r\n      margin-top:14px;\r\n    }\r\n\r\n    .deliver-stage__desc{\r\n      font-size:14px;\r\n      line-height:1.7;\r\n    }\r\n\r\n    .deliver-visual-card{\r\n      padding:16px;\r\n      border-radius:24px;\r\n    }\r\n\r\n    .deliver-visual-card__top{\r\n      margin-bottom:14px;\r\n    }\r\n\r\n    .deliver-visual{\r\n      aspect-ratio:1 \/ 1.05;\r\n      border-radius:22px;\r\n    }\r\n\r\n    .deliver-visual__caption{\r\n      left:16px;\r\n      right:16px;\r\n      bottom:78px;\r\n      gap:6px;\r\n    }\r\n\r\n    .deliver-visual__caption strong{\r\n      font-size:22px;\r\n    }\r\n\r\n    .deliver-visual__caption p{\r\n      max-width:100%;\r\n      font-size:13px;\r\n      line-height:1.55;\r\n    }\r\n\r\n    .deliver-visual__controls{\r\n      left:12px;\r\n      right:12px;\r\n      bottom:12px;\r\n      grid-template-columns:42px 1fr 42px;\r\n      gap:8px;\r\n    }\r\n\r\n    .deliver-nav-btn{\r\n      width:42px;\r\n      height:42px;\r\n    }\r\n\r\n    .deliver-indicators{\r\n      gap:6px;\r\n    }\r\n\r\n    .deliver-indicator{\r\n      min-width:18px;\r\n      max-width:none;\r\n      height:8px;\r\n    }\r\n\r\n    .deliver-mobile-progress{\r\n      display:inline-flex;\r\n      align-items:center;\r\n    }\r\n\r\n    .deliver-stage__steps{\r\n      display:grid;\r\n      grid-auto-flow:column;\r\n      grid-auto-columns:85%;\r\n      gap:12px;\r\n      overflow-x:auto;\r\n      padding-bottom:6px;\r\n      scroll-snap-type:x mandatory;\r\n      scrollbar-width:none;\r\n      -ms-overflow-style:none;\r\n    }\r\n\r\n    .deliver-stage__steps::-webkit-scrollbar{\r\n      display:none;\r\n    }\r\n\r\n    .deliver-step-card{\r\n      grid-template-columns:48px 1fr;\r\n      gap:14px;\r\n      padding:18px 16px;\r\n      border-radius:20px;\r\n      opacity:1;\r\n      transform:none;\r\n      min-height:100%;\r\n    }\r\n\r\n    .deliver-step-card__index{\r\n      width:46px;\r\n      height:46px;\r\n      border-radius:14px;\r\n      font-size:13px;\r\n    }\r\n\r\n    .deliver-step-card__body strong{\r\n      font-size:18px;\r\n    }\r\n\r\n    .deliver-step-card__body p{\r\n      font-size:13px;\r\n      line-height:1.65;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .deliver-stage *,\r\n    .deliver-stage *::before,\r\n    .deliver-stage *::after{\r\n      animation:none !important;\r\n      transition:none !important;\r\n      scroll-behavior:auto !important;\r\n    }\r\n\r\n    .deliver-stage__header,\r\n    .deliver-step-card,\r\n    .deliver-stage__kicker,\r\n    .deliver-stage__desc,\r\n    .deliver-stage__title-word,\r\n    .deliver-stage__title-bar{\r\n      opacity:1 !important;\r\n      transform:none !important;\r\n      filter:none !important;\r\n    }\r\n\r\n    .deliver-stage__title-bar-fill{\r\n      width:100% !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (() => {\r\n    const section = document.querySelector('.deliver-stage');\r\n    if (!section) return;\r\n\r\n    const header = section.querySelector('#deliverStageHeader');\r\n    const observer = new IntersectionObserver((entries) => {\r\n      entries.forEach((entry) => {\r\n        if (entry.isIntersecting) {\r\n          section.classList.add('is-visible');\r\n        }\r\n      });\r\n    }, { threshold: 0.2 });\r\n\r\n    observer.observe(section);\r\n\r\n    const cards = Array.from(section.querySelectorAll('.deliver-step-card'));\r\n    const stepsWrap = section.querySelector('#deliverSteps');\r\n    const mainImage = section.querySelector('#deliverMainImage');\r\n    const visualTitle = section.querySelector('#deliverVisualTitle');\r\n    const visualDesc = section.querySelector('#deliverVisualDesc');\r\n    const metaKr = section.querySelector('#deliverVisualMetaKr');\r\n    const indicatorsWrap = section.querySelector('#deliverIndicators');\r\n    const prevBtn = section.querySelector('#deliverPrevBtn');\r\n    const nextBtn = section.querySelector('#deliverNextBtn');\r\n    const mobileCounter = section.querySelector('#deliverMobileCounter');\r\n\r\n    if (!cards.length || !mainImage || !indicatorsWrap) return;\r\n\r\n    let activeIndex = 0;\r\n    let activeSrc = mainImage.getAttribute('src') || '';\r\n    let switchTimer = null;\r\n    const isReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    const isMobile = () => window.innerWidth <= 760;\r\n\r\n    const pad = (num) => String(num + 1).padStart(2, '0');\r\n\r\n    const indicators = cards.map((card, index) => {\r\n      const btn = document.createElement('button');\r\n      btn.type = 'button';\r\n      btn.className = 'deliver-indicator';\r\n      btn.setAttribute('role', 'tab');\r\n      btn.setAttribute('aria-label', `${index + 1}\ubc88 \uc2ac\ub77c\uc774\ub4dc \ubcf4\uae30`);\r\n      btn.setAttribute('aria-selected', index === 0 ? 'true' : 'false');\r\n      btn.dataset.index = index;\r\n      indicatorsWrap.appendChild(btn);\r\n\r\n      btn.addEventListener('click', () => activateByIndex(index, true));\r\n      return btn;\r\n    });\r\n\r\n    const updateUI = (card, index) => {\r\n      const nextTitle = card.dataset.title || '';\r\n      const nextDesc = card.dataset.desc || '';\r\n      const nextSrc = card.dataset.image || '';\r\n\r\n      cards.forEach((item) => item.classList.remove('is-active'));\r\n      indicators.forEach((item) => {\r\n        item.classList.remove('is-active');\r\n        item.setAttribute('aria-selected', 'false');\r\n      });\r\n\r\n      card.classList.add('is-active');\r\n      if (indicators[index]) {\r\n        indicators[index].classList.add('is-active');\r\n        indicators[index].setAttribute('aria-selected', 'true');\r\n      }\r\n\r\n      if (visualTitle) visualTitle.textContent = nextTitle;\r\n      if (visualDesc) visualDesc.textContent = nextDesc;\r\n      if (metaKr) metaKr.textContent = nextTitle;\r\n      if (mobileCounter) {\r\n        mobileCounter.textContent = `${pad(index)} \/ ${pad(cards.length - 1)}`;\r\n      }\r\n\r\n      if (!nextSrc || nextSrc === activeSrc) return;\r\n\r\n      if (!isReducedMotion) {\r\n        mainImage.classList.add('is-switching');\r\n      }\r\n\r\n      clearTimeout(switchTimer);\r\n      switchTimer = setTimeout(() => {\r\n        mainImage.src = nextSrc;\r\n        mainImage.alt = nextTitle ? `${nextTitle} \uad00\ub828 \uc774\ubbf8\uc9c0` : '\uc218\uc758 \uc784\uc0c1 AI \uacbd\ud5d8 \uc774\ubbf8\uc9c0';\r\n        activeSrc = nextSrc;\r\n\r\n        requestAnimationFrame(() => {\r\n          mainImage.classList.remove('is-switching');\r\n        });\r\n      }, isReducedMotion ? 0 : 180);\r\n    };\r\n\r\n    const activateByIndex = (index, scrollCard = false) => {\r\n      if (index < 0) index = cards.length - 1;\r\n      if (index >= cards.length) index = 0;\r\n\r\n      activeIndex = index;\r\n      const card = cards[index];\r\n      updateUI(card, index);\r\n\r\n      if (scrollCard && isMobile() && stepsWrap) {\r\n        card.scrollIntoView({\r\n          behavior: isReducedMotion ? 'auto' : 'smooth',\r\n          inline: 'start',\r\n          block: 'nearest'\r\n        });\r\n      }\r\n    };\r\n\r\n    cards.forEach((card, index) => {\r\n      card.addEventListener('mouseenter', () => {\r\n        if (!isMobile()) activateByIndex(index, false);\r\n      });\r\n      card.addEventListener('focus', () => activateByIndex(index, false));\r\n      card.addEventListener('click', () => activateByIndex(index, true));\r\n    });\r\n\r\n    if (prevBtn) {\r\n      prevBtn.addEventListener('click', () => activateByIndex(activeIndex - 1, true));\r\n    }\r\n\r\n    if (nextBtn) {\r\n      nextBtn.addEventListener('click', () => activateByIndex(activeIndex + 1, true));\r\n    }\r\n\r\n    let scrollTicking = false;\r\n    if (stepsWrap) {\r\n      stepsWrap.addEventListener('scroll', () => {\r\n        if (!isMobile() || scrollTicking) return;\r\n\r\n        scrollTicking = true;\r\n        requestAnimationFrame(() => {\r\n          const wrapRect = stepsWrap.getBoundingClientRect();\r\n          let closestIndex = activeIndex;\r\n          let closestDistance = Infinity;\r\n\r\n          cards.forEach((card, index) => {\r\n            const rect = card.getBoundingClientRect();\r\n            const distance = Math.abs(rect.left - wrapRect.left);\r\n            if (distance < closestDistance) {\r\n              closestDistance = distance;\r\n              closestIndex = index;\r\n            }\r\n          });\r\n\r\n          if (closestIndex !== activeIndex) {\r\n            activateByIndex(closestIndex, false);\r\n          }\r\n\r\n          scrollTicking = false;\r\n        });\r\n      });\r\n    }\r\n\r\n    if (header && !isReducedMotion) {\r\n      const resetHeader = () => {\r\n        header.style.setProperty('--mx', '0px');\r\n        header.style.setProperty('--my', '0px');\r\n      };\r\n\r\n      section.addEventListener('mousemove', (e) => {\r\n        if (window.innerWidth <= 760 || !section.classList.contains('is-visible')) return;\r\n\r\n        const rect = section.getBoundingClientRect();\r\n        const x = ((e.clientX - rect.left) \/ rect.width) - 0.5;\r\n        const y = ((e.clientY - rect.top) \/ rect.height) - 0.5;\r\n\r\n        const moveX = x * 10;\r\n        const moveY = y * 8;\r\n\r\n        header.style.setProperty('--mx', `${moveX}px`);\r\n        header.style.setProperty('--my', `${moveY}px`);\r\n\r\n        const glowX = 50 + (x * 6);\r\n        const glowY = 8 + (y * 6);\r\n        header.style.setProperty('--glow-x', `${glowX}%`);\r\n        header.style.setProperty('--glow-y', `${glowY}%`);\r\n      });\r\n\r\n      section.addEventListener('mouseleave', resetHeader);\r\n      window.addEventListener('resize', resetHeader);\r\n    }\r\n\r\n    activateByIndex(0, false);\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee02a27 e-con-full e-flex e-con e-parent\" data-id=\"ee02a27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbcb4d9 elementor-widget elementor-widget-html\" data-id=\"fbcb4d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"h-scroll\" id=\"core-horizontal\">\r\n  <div class=\"h-scroll__spacer\">\r\n    <div class=\"h-scroll__sticky\">\r\n      <div class=\"h-scroll__track\">\r\n\r\n        <!-- ========================= -->\r\n        <!-- SECTION 1 HTML -->\r\n        <!-- ========================= -->\r\n        <section class=\"panel panel--coretech\">\r\n          <section class=\"coretech\" id=\"core-tech\">\r\n            <div class=\"coretech__inner\">\r\n              <div class=\"coretech__header\">\r\n                <p class=\"coretech__kicker\">CORE TECH<\/p>\r\n                <h2 class=\"coretech__title\">\uc6b0\ub9ac\uac00 \uc124\uacc4\ud558\ub294 \uae30\uc220\uc758 \ubc29\ud5a5<\/h2>\r\n              <\/div>\r\n\r\n              <div class=\"coretech__stage\">\r\n                <div class=\"orbit tech-1\" aria-label=\"Core Tech orbit\">\r\n                  <div class=\"orbit__bg-glow orbit__bg-glow--1\" aria-hidden=\"true\"><\/div>\r\n                  <div class=\"orbit__bg-glow orbit__bg-glow--2\" aria-hidden=\"true\"><\/div>\r\n\r\n                  <div class=\"orbit__ring\" aria-hidden=\"true\">\r\n                    <span class=\"orbit__dot od1\"><\/span>\r\n                    <span class=\"orbit__dot od2\"><\/span>\r\n                    <span class=\"orbit__dot od3\"><\/span>\r\n                    <span class=\"orbit__dot od4\"><\/span>\r\n                  <\/div>\r\n\r\n                  <svg class=\"orbit__lines\" viewBox=\"0 0 1000 760\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n                    <defs>\r\n                      <filter id=\"softGlow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">\r\n                        <feGaussianBlur stdDeviation=\"3.5\" result=\"blur\"><\/feGaussianBlur>\r\n                        <feMerge>\r\n                          <feMergeNode in=\"blur\"><\/feMergeNode>\r\n                          <feMergeNode in=\"SourceGraphic\"><\/feMergeNode>\r\n                        <\/feMerge>\r\n                      <\/filter>\r\n                    <\/defs>\r\n\r\n                    <path class=\"line-base line-1\" d=\"M500 380 C 580 250, 650 185, 735 165\"><\/path>\r\n                    <path class=\"line-base line-2\" d=\"M500 380 C 590 500, 645 560, 700 595\"><\/path>\r\n                    <path class=\"line-base line-3\" d=\"M500 380 C 360 362, 278 350, 155 336\"><\/path>\r\n\r\n                    <path class=\"line-active line-1\" d=\"M500 380 C 580 250, 650 185, 735 165\" pathLength=\"100\"><\/path>\r\n                    <path class=\"line-active line-2\" d=\"M500 380 C 590 500, 645 560, 700 595\" pathLength=\"100\"><\/path>\r\n                    <path class=\"line-active line-3\" d=\"M500 380 C 360 362, 278 350, 155 336\" pathLength=\"100\"><\/path>\r\n\r\n                    <circle class=\"line-particle particle-1\" r=\"5\"><\/circle>\r\n                    <circle class=\"line-particle particle-2\" r=\"5\"><\/circle>\r\n                    <circle class=\"line-particle particle-3\" r=\"5\"><\/circle>\r\n                  <\/svg>\r\n\r\n                  <div class=\"orbit__center\">\r\n                    <div class=\"core-node\">\r\n                      <span>Core<br>Tech<\/span>\r\n\r\n                      <i class=\"core-node__pulse core-node__pulse--1\" aria-hidden=\"true\"><\/i>\r\n                      <i class=\"core-node__pulse core-node__pulse--2\" aria-hidden=\"true\"><\/i>\r\n\r\n                      <i class=\"core-node__aura core-node__aura--1\" aria-hidden=\"true\"><\/i>\r\n                      <i class=\"core-node__aura core-node__aura--2\" aria-hidden=\"true\"><\/i>\r\n\r\n                      <div class=\"core-node__grid\" aria-hidden=\"true\"><\/div>\r\n                      <div class=\"core-node__scan\" aria-hidden=\"true\"><\/div>\r\n                      <div class=\"core-node__orb orb--1\" aria-hidden=\"true\"><\/div>\r\n                      <div class=\"core-node__orb orb--2\" aria-hidden=\"true\"><\/div>\r\n                      <div class=\"core-node__orb orb--3\" aria-hidden=\"true\"><\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n\r\n                  <article class=\"tech-card tech-card--1 is-active\" data-tech=\"1\" tabindex=\"0\">\r\n                    <div class=\"tech-card__shine\" aria-hidden=\"true\"><\/div>\r\n                    <h3>Clinical Hybrid RAG Engine<\/h3>\r\n                    <p>\uc9c4\ub8cc\uae30\ub85d\uacfc \uc784\uc0c1 \uc5f0\uad6c\ub97c \uc5f0\uacb0\ud574, \uadfc\uac70 \uae30\ubc18 \uc758\uc0ac\uacb0\uc815 \uc9c0\uc6d0\uc744 \uad6c\ud604<\/p>\r\n                  <\/article>\r\n\r\n                  <article class=\"tech-card tech-card--2\" data-tech=\"2\" tabindex=\"0\">\r\n                    <div class=\"tech-card__shine\" aria-hidden=\"true\"><\/div>\r\n                    <h3>Multimodal Intelligence<\/h3>\r\n                    <p>\ud14d\uc2a4\ud2b8\uc640 \uc601\uc0c1 \ub4f1 \uc11c\ub85c \ub2e4\ub978 \ud615\ud0dc\uc758 \uc815\ubcf4\ub97c \ud568\uaed8 \ub2e4\ub8e8\ub294 \uad6c\uc870<\/p>\r\n                  <\/article>\r\n\r\n                  <article class=\"tech-card tech-card--3\" data-tech=\"3\" tabindex=\"0\">\r\n                    <div class=\"tech-card__shine\" aria-hidden=\"true\"><\/div>\r\n                    <h3>Interoperability<\/h3>\r\n                    <p>EMR\u00b7\uc601\uc0c1\u00b7\ubcf4\ud5d8 \ub4f1\uacfc \uc5f0\uacb0 \uac00\ub2a5\ud55c \ud655\uc7a5\ud615 \uc778\ud130\ud398\uc774\uc2a4<\/p>\r\n                  <\/article>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n        <\/section>\r\n\r\n        <!-- ========================= -->\r\n        <!-- SECTION 2 HTML -->\r\n        <!-- ========================= -->\r\n        <section class=\"panel panel--values\">\r\n          <section class=\"values\" id=\"core-values\">\r\n            <div class=\"values__inner\">\r\n              <div class=\"values__header\">\r\n                <p class=\"values__kicker\">CORE VALUES<\/p>\r\n                <h2 class=\"values__title\">\uc6b0\ub9ac\uac00 \uc9c0\ud5a5\ud558\ub294 \uae30\uc900<\/h2>\r\n              <\/div>\r\n\r\n              <div class=\"values__grid\">\r\n                <article class=\"value-card value-card--01 is-visible\" style=\"--card-image:url('https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09193238\/xray-2-scaled.jpg');\" tabindex=\"0\">\r\n                  <div class=\"value-card__media\" aria-hidden=\"true\">\r\n                    <div class=\"value-card__image\"><\/div>\r\n                    <div class=\"value-card__overlay\"><\/div>\r\n                    <div class=\"value-card__vignette\"><\/div>\r\n                    <div class=\"value-card__noise\"><\/div>\r\n                    <div class=\"value-card__gridfx\"><\/div>\r\n                    <div class=\"value-card__scan\"><\/div>\r\n                    <div class=\"value-card__shine\"><\/div>\r\n                    <div class=\"value-card__ambient value-card__ambient--1\"><\/div>\r\n                    <div class=\"value-card__accent value-card__accent--line\"><\/div>\r\n                  <\/div>\r\n\r\n                  <div class=\"value-card__body\">\r\n                    <div class=\"value-card__top\">\r\n                      <div class=\"value-card__index\">01<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"value-card__bottom\">\r\n                      <h3 class=\"value-card__title\">Life-Critical<br>Ground Truth<\/h3>\r\n                      <p class=\"value-card__desc\">\uc0dd\uba85\uc774 \uba3c\uc800\uc778 \uc758\uc0ac\uacb0\uc815 \uae30\uc900\uc5d0\uc11c \uc2dc\uc791\ud569\ub2c8\ub2e4.<\/p>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/article>\r\n\r\n                <article class=\"value-card value-card--02 is-visible\" style=\"--card-image:url('https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09193114\/vet_discussion-2-scaled.jpg');\" tabindex=\"0\">\r\n                  <div class=\"value-card__media\" aria-hidden=\"true\">\r\n                    <div class=\"value-card__image\"><\/div>\r\n                    <div class=\"value-card__overlay\"><\/div>\r\n                    <div class=\"value-card__vignette\"><\/div>\r\n                    <div class=\"value-card__noise\"><\/div>\r\n                    <div class=\"value-card__gridfx\"><\/div>\r\n                    <div class=\"value-card__scan\"><\/div>\r\n                    <div class=\"value-card__shine\"><\/div>\r\n                    <div class=\"value-card__ambient value-card__ambient--2\"><\/div>\r\n                    <div class=\"value-card__accent value-card__accent--dots\">\r\n                      <span><\/span><span><\/span><span><\/span>\r\n                    <\/div>\r\n                  <\/div>\r\n\r\n                  <div class=\"value-card__body\">\r\n                    <div class=\"value-card__top\">\r\n                      <div class=\"value-card__index\">02<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"value-card__bottom\">\r\n                      <h3 class=\"value-card__title\">Explainability<\/h3>\r\n                      <p class=\"value-card__desc\">\uc11c\ub85c\uac00 \uc774\ud574\ud560 \uc218 \uc788\ub294 \uacfc\uc815\uc744 \ub9cc\ub4e4\uc5b4\uac11\ub2c8\ub2e4<\/p>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/article>\r\n\r\n                <article class=\"value-card value-card--03 is-visible\" style=\"--card-image:url('https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09193736\/Modern_veterinary_diagnostic_workstation_analyzing_delpmaspu-2-scaled.jpg');\" tabindex=\"0\">\r\n                  <div class=\"value-card__media\" aria-hidden=\"true\">\r\n                    <div class=\"value-card__image\"><\/div>\r\n                    <div class=\"value-card__overlay\"><\/div>\r\n                    <div class=\"value-card__vignette\"><\/div>\r\n                    <div class=\"value-card__noise\"><\/div>\r\n                    <div class=\"value-card__gridfx\"><\/div>\r\n                    <div class=\"value-card__scan\"><\/div>\r\n                    <div class=\"value-card__shine\"><\/div>\r\n                    <div class=\"value-card__ambient value-card__ambient--3\"><\/div>\r\n                    <div class=\"value-card__accent value-card__accent--pulse\"><\/div>\r\n                  <\/div>\r\n\r\n                  <div class=\"value-card__body\">\r\n                    <div class=\"value-card__top\">\r\n                      <div class=\"value-card__index\">03<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"value-card__bottom\">\r\n                      <h3 class=\"value-card__title\">Optimized<br>Reasoning<\/h3>\r\n                      <p class=\"value-card__desc\">\ube60\ub974\uace0 \ubc14\ub978 \uacb0\uc815\uc5d0 \ucd5c\uc801\ud654\ub41c \uc0ac\uace0\ub97c \uc9c0\ud5a5\ud569\ub2c8\ub2e4<\/p>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/article>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n        <\/section>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root{\r\n    --co-green:#19a875;\r\n    --co-green-deep:#036f69;\r\n    --co-black:#19201d;\r\n    --co-white:#ffffff;\r\n\r\n    --coretech-bg-1:#ffffff;\r\n    --coretech-bg-2:#f4fbf8;\r\n    --coretech-card-bg:rgba(255,255,255,.82);\r\n    --coretech-card-border:rgba(25,32,29,.07);\r\n    --coretech-card-shadow:0 24px 70px rgba(17,24,21,.10);\r\n    --coretech-card-shadow-active:0 32px 90px rgba(12,24,19,.14), 0 0 44px rgba(25,168,117,.20);\r\n    --coretech-text-main:#19201d;\r\n    --coretech-text-sub:rgba(25,32,29,.72);\r\n\r\n    --coretech-line-base:rgba(25,168,117,.16);\r\n    --coretech-line-active:#19a875;\r\n    --coretech-ring:rgba(25,168,117,.16);\r\n    --coretech-ring-glow:rgba(25,168,117,.05);\r\n\r\n    --coretech-core-bg:\r\n      linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(249,251,250,.98) 100%);\r\n    --coretech-core-border:rgba(25,32,29,.08);\r\n    --coretech-core-shadow:\r\n      0 36px 90px rgba(16,24,20,.12),\r\n      0 0 0 1px rgba(25,32,29,.03),\r\n      0 0 48px rgba(25,168,117,.08);\r\n\r\n    --coretech-core-halo:\r\n      conic-gradient(\r\n        from 0deg,\r\n        rgba(25,168,117,0) 0deg,\r\n        rgba(25,168,117,.08) 70deg,\r\n        rgba(25,168,117,0) 140deg,\r\n        rgba(3,111,105,.05) 220deg,\r\n        rgba(25,168,117,0) 300deg,\r\n        rgba(25,168,117,.07) 360deg\r\n      );\r\n\r\n    --values-bg-1:#ffffff;\r\n    --values-bg-2:#f6fbf9;\r\n    --values-card-border:rgba(0,0,0,.06);\r\n    --values-card-shadow:0 34px 80px rgba(0,0,0,.08);\r\n    --values-card-shadow-active:0 46px 120px rgba(0,0,0,.12), 0 0 60px rgba(25,168,117,.16);\r\n    --values-title:#ffffff;\r\n    --values-desc:rgba(255,255,255,.94);\r\n    --values-index:#ffffff;\r\n    --values-overlay:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(4,7,7,.08) 0%,\r\n        rgba(4,7,7,.14) 16%,\r\n        rgba(4,7,7,.26) 38%,\r\n        rgba(4,7,7,.62) 72%,\r\n        rgba(4,7,7,.90) 100%\r\n      ),\r\n      linear-gradient(\r\n        135deg,\r\n        rgba(3,111,105,.18) 0%,\r\n        rgba(25,168,117,.10) 35%,\r\n        rgba(25,168,117,.04) 100%\r\n      );\r\n    --values-grid-line:rgba(255,255,255,.08);\r\n  }\r\n\r\n  @media (prefers-color-scheme: dark){\r\n    :root{\r\n      --coretech-bg-1:#0d1311;\r\n      --coretech-bg-2:#111917;\r\n      --coretech-card-bg:rgba(20,27,24,.72);\r\n      --coretech-card-border:rgba(255,255,255,.08);\r\n      --coretech-card-shadow:0 24px 70px rgba(0,0,0,.34);\r\n      --coretech-card-shadow-active:0 30px 80px rgba(0,0,0,.44), 0 0 44px rgba(25,168,117,.22);\r\n      --coretech-text-main:rgba(255,255,255,.96);\r\n      --coretech-text-sub:rgba(255,255,255,.74);\r\n\r\n      --coretech-line-base:rgba(25,168,117,.24);\r\n      --coretech-line-active:#44d3a1;\r\n      --coretech-ring:rgba(25,168,117,.18);\r\n      --coretech-ring-glow:rgba(25,168,117,.08);\r\n\r\n      --coretech-core-bg:\r\n        linear-gradient(180deg, rgba(21,27,25,.96) 0%, rgba(15,20,18,.98) 100%);\r\n      --coretech-core-border:rgba(255,255,255,.08);\r\n      --coretech-core-shadow:\r\n        0 36px 90px rgba(0,0,0,.42),\r\n        0 0 0 1px rgba(255,255,255,.02),\r\n        0 0 44px rgba(25,168,117,.10);\r\n\r\n      --coretech-core-halo:\r\n        conic-gradient(\r\n          from 0deg,\r\n          rgba(68,211,161,0) 0deg,\r\n          rgba(68,211,161,.10) 74deg,\r\n          rgba(68,211,161,0) 150deg,\r\n          rgba(68,211,161,.05) 235deg,\r\n          rgba(68,211,161,0) 320deg,\r\n          rgba(68,211,161,.08) 360deg\r\n        );\r\n\r\n      --values-bg-1:#0d1311;\r\n      --values-bg-2:#111917;\r\n      --values-card-border:rgba(255,255,255,.08);\r\n      --values-card-shadow:0 34px 80px rgba(0,0,0,.34);\r\n      --values-card-shadow-active:0 46px 120px rgba(0,0,0,.44), 0 0 60px rgba(25,168,117,.18);\r\n      --values-overlay:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(0,0,0,.16) 0%,\r\n          rgba(0,0,0,.24) 16%,\r\n          rgba(0,0,0,.38) 38%,\r\n          rgba(0,0,0,.68) 72%,\r\n          rgba(0,0,0,.93) 100%\r\n        ),\r\n        linear-gradient(\r\n          135deg,\r\n          rgba(3,111,105,.22) 0%,\r\n          rgba(25,168,117,.14) 35%,\r\n          rgba(25,168,117,.06) 100%\r\n        );\r\n    }\r\n  }\r\n\r\n  html, body{\r\n    margin:0;\r\n    padding:0;\r\n  }\r\n\r\n  body{\r\n    background:#fff;\r\n    color:#111;\r\n    overflow-x:hidden;\r\n  }\r\n\r\n  .h-scroll{\r\n    position:relative;\r\n  }\r\n\r\n  .h-scroll__spacer{\r\n    position:relative;\r\n    height:200vh;\r\n  }\r\n\r\n  .h-scroll__sticky{\r\n    position:sticky;\r\n    top:0;\r\n    height:100vh;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .h-scroll__track{\r\n    display:flex;\r\n    width:200vw;\r\n    height:100%;\r\n    will-change:transform;\r\n    transform:translate3d(0,0,0);\r\n  transition:transform .9s cubic-bezier(.22,.61,.36,1);\r\n\r\n  }\r\n\r\n  .panel{\r\n    width:100vw;\r\n    height:100vh;\r\n    flex:0 0 100vw;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .panel--coretech,\r\n  .panel--values{\r\n    display:flex;\r\n    align-items:stretch;\r\n  }\r\n\r\n  .panel .coretech,\r\n  .panel .values{\r\n    width:100%;\r\n    height:100%;\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  .coretech{\r\n    position:relative;\r\n    padding:110px 20px 70px;\r\n    overflow:hidden;\r\n    background:\r\n      radial-gradient(720px 420px at 50% 18%, rgba(25,168,117,.09), transparent 68%),\r\n      radial-gradient(900px 520px at 50% 58%, rgba(3,111,105,.05), transparent 72%),\r\n      linear-gradient(to bottom, var(--coretech-bg-1) 0%, var(--coretech-bg-2) 58%, var(--coretech-bg-1) 100%);\r\n  }\r\n\r\n  .coretech__inner{\r\n    max-width:1200px;\r\n    margin:0 auto;\r\n    height:100%;\r\n  }\r\n\r\n  .coretech__header{\r\n    text-align:center;\r\n    margin-bottom:48px;\r\n    position:relative;\r\n    z-index:3;\r\n  }\r\n\r\n  .coretech__kicker{\r\n    margin:0 0 14px;\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:.14em;\r\n    color:var(--coretech-text-sub);\r\n  }\r\n\r\n  .coretech__title{\r\n    margin:0;\r\n    font-size:clamp(32px, 4vw, 48px);\r\n    line-height:1.08;\r\n    letter-spacing:-0.03em;\r\n    font-weight:900;\r\n    color:var(--coretech-text-main);\r\n  }\r\n\r\n  .coretech__stage{\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n  }\r\n\r\n  .orbit{\r\n    position:relative;\r\n    width:min(1000px, 100%);\r\n    height:640px;\r\n    isolation:isolate;\r\n  }\r\n\r\n  .orbit__bg-glow{\r\n    position:absolute;\r\n    border-radius:50%;\r\n    filter:blur(50px);\r\n    opacity:.65;\r\n    pointer-events:none;\r\n    z-index:0;\r\n  }\r\n\r\n  .orbit__bg-glow--1{\r\n    width:420px;\r\n    height:420px;\r\n    left:50%;\r\n    top:50%;\r\n    transform:translate(-50%,-50%);\r\n    background:radial-gradient(circle, rgba(25,168,117,.13) 0%, rgba(25,168,117,.04) 42%, transparent 74%);\r\n    animation:coretechFloatGlow1 8s ease-in-out infinite;\r\n  }\r\n\r\n  .orbit__bg-glow--2{\r\n    width:620px;\r\n    height:620px;\r\n    left:50%;\r\n    top:50%;\r\n    transform:translate(-50%,-50%);\r\n    background:radial-gradient(circle, rgba(3,111,105,.07) 0%, rgba(25,168,117,.03) 48%, transparent 76%);\r\n    animation:coretechFloatGlow2 11s ease-in-out infinite;\r\n  }\r\n\r\n  .orbit__ring{\r\n    position:absolute;\r\n    left:50%;\r\n    top:50%;\r\n    width:500px;\r\n    height:500px;\r\n    transform:translate(-50%,-50%);\r\n    border-radius:50%;\r\n    border:1px dashed var(--coretech-ring);\r\n    box-shadow:\r\n      0 0 0 14px var(--coretech-ring-glow),\r\n      inset 0 0 40px rgba(25,168,117,.03);\r\n    z-index:1;\r\n    pointer-events:none;\r\n    animation:ringRotate 26s linear infinite;\r\n  }\r\n\r\n  .orbit__dot{\r\n    position:absolute;\r\n    width:10px;\r\n    height:10px;\r\n    border-radius:50%;\r\n    background:rgba(25,168,117,.55);\r\n    box-shadow:0 0 0 8px rgba(25,168,117,.10), 0 0 24px rgba(25,168,117,.22);\r\n    animation:dotPulse 2.8s ease-in-out infinite;\r\n  }\r\n\r\n  .od1{ left:11%; top:18%; animation-delay:0s; }\r\n  .od2{ right:10%; top:33%; animation-delay:.9s; }\r\n  .od3{ right:18%; bottom:14%; animation-delay:1.4s; }\r\n  .od4{ left:17%; bottom:22%; animation-delay:2s; }\r\n\r\n  .orbit__lines{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    z-index:1;\r\n    pointer-events:none;\r\n    overflow:visible;\r\n  }\r\n\r\n  .line-base{\r\n    fill:none;\r\n    stroke:var(--coretech-line-base);\r\n    stroke-width:1.6;\r\n    stroke-linecap:round;\r\n  }\r\n\r\n  .line-active{\r\n    fill:none;\r\n    stroke:var(--coretech-line-active);\r\n    stroke-width:2.4;\r\n    stroke-linecap:round;\r\n    opacity:.16;\r\n    filter:url(#softGlow);\r\n    stroke-dasharray:100;\r\n    stroke-dashoffset:100;\r\n    transition:opacity .4s ease;\r\n  }\r\n\r\n  .line-particle{\r\n    fill:var(--coretech-line-active);\r\n    opacity:0;\r\n    filter:url(#softGlow);\r\n  }\r\n\r\n  .orbit.tech-1 .line-active.line-1,\r\n  .orbit.tech-2 .line-active.line-2,\r\n  .orbit.tech-3 .line-active.line-3{\r\n    opacity:1;\r\n    animation:drawLine 2.6s cubic-bezier(.22,.61,.36,1) infinite;\r\n  }\r\n\r\n  .orbit.tech-1 .particle-1,\r\n  .orbit.tech-2 .particle-2,\r\n  .orbit.tech-3 .particle-3{\r\n    opacity:1;\r\n  }\r\n\r\n  .orbit__center{\r\n    position:absolute;\r\n    left:50%;\r\n    top:50%;\r\n    transform:translate(-50%,-50%);\r\n    z-index:3;\r\n  }\r\n\r\n  .core-node{\r\n    position:relative;\r\n    width:220px;\r\n    height:220px;\r\n    border-radius:50%;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    text-align:center;\r\n    background:var(--coretech-core-bg);\r\n    border:1px solid var(--coretech-core-border);\r\n    box-shadow:var(--coretech-core-shadow);\r\n    backdrop-filter:blur(16px);\r\n    -webkit-backdrop-filter:blur(16px);\r\n    animation:coreBreath 3.8s ease-in-out infinite;\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n  }\r\n\r\n  .core-node::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:8px;\r\n    border-radius:50%;\r\n    border:1px solid rgba(25,32,29,.05);\r\n    z-index:1;\r\n  }\r\n\r\n  @media (prefers-color-scheme: dark){\r\n    .core-node::before{\r\n      border-color:rgba(255,255,255,.05);\r\n    }\r\n  }\r\n\r\n  .core-node::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:-12%;\r\n    border-radius:50%;\r\n    background:var(--coretech-core-halo);\r\n    z-index:0;\r\n    opacity:.72;\r\n    animation:coreHaloSpin 16s linear infinite;\r\n  }\r\n\r\n  .core-node span{\r\n    position:relative;\r\n    z-index:4;\r\n    font-size:30px;\r\n    line-height:1.08;\r\n    font-weight:950;\r\n    letter-spacing:-0.03em;\r\n    color:var(--coretech-text-main);\r\n  }\r\n\r\n  .core-node__pulse{\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:50%;\r\n    border:1px solid rgba(25,168,117,.16);\r\n    opacity:0;\r\n    transform:scale(.92);\r\n    pointer-events:none;\r\n    z-index:2;\r\n  }\r\n\r\n  .core-node__pulse--1{ animation:pulseRing 3.5s ease-out infinite; }\r\n  .core-node__pulse--2{ animation:pulseRing 3.5s ease-out 1.2s infinite; }\r\n\r\n  .core-node__aura{\r\n    position:absolute;\r\n    inset:-10px;\r\n    border-radius:50%;\r\n    pointer-events:none;\r\n    z-index:1;\r\n  }\r\n\r\n  .core-node__aura--1{\r\n    border:1px solid rgba(25,168,117,.14);\r\n    animation:coreAuraSpin 18s linear infinite;\r\n  }\r\n\r\n  .core-node__aura--2{\r\n    inset:-18px;\r\n    border:1px dashed rgba(25,168,117,.10);\r\n    animation:coreAuraSpinReverse 22s linear infinite;\r\n  }\r\n\r\n  .core-node__grid{\r\n    position:absolute;\r\n    inset:18px;\r\n    border-radius:50%;\r\n    z-index:1;\r\n    opacity:.16;\r\n    background:\r\n      linear-gradient(rgba(25,168,117,.10) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(25,168,117,.10) 1px, transparent 1px);\r\n    background-size:18px 18px;\r\n    mask-image:radial-gradient(circle, rgba(0,0,0,1) 58%, transparent 82%);\r\n    -webkit-mask-image:radial-gradient(circle, rgba(0,0,0,1) 58%, transparent 82%);\r\n  }\r\n\r\n  .core-node__scan{\r\n    position:absolute;\r\n    left:14%;\r\n    top:-25%;\r\n    width:72%;\r\n    height:160%;\r\n    border-radius:999px;\r\n    background:linear-gradient(\r\n      180deg,\r\n      transparent 0%,\r\n      rgba(255,255,255,.02) 20%,\r\n      rgba(25,168,117,.12) 48%,\r\n      rgba(255,255,255,.02) 76%,\r\n      transparent 100%\r\n    );\r\n    transform:rotate(18deg) translateY(-12%);\r\n    z-index:2;\r\n    opacity:.72;\r\n    animation:coreScanSweep 4.6s ease-in-out infinite;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .core-node__orb{\r\n    position:absolute;\r\n    border-radius:50%;\r\n    z-index:2;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .orb--1{\r\n    width:10px;\r\n    height:10px;\r\n    left:26px;\r\n    top:58px;\r\n    background:rgba(25,168,117,.54);\r\n    box-shadow:0 0 0 8px rgba(25,168,117,.06), 0 0 18px rgba(25,168,117,.16);\r\n    animation:coreOrbFloat1 6.8s ease-in-out infinite;\r\n  }\r\n\r\n  .orb--2{\r\n    width:8px;\r\n    height:8px;\r\n    right:34px;\r\n    top:72px;\r\n    background:rgba(3,111,105,.48);\r\n    box-shadow:0 0 0 7px rgba(3,111,105,.05), 0 0 14px rgba(3,111,105,.14);\r\n    animation:coreOrbFloat2 7.6s ease-in-out infinite;\r\n  }\r\n\r\n  .orb--3{\r\n    width:9px;\r\n    height:9px;\r\n    right:56px;\r\n    bottom:40px;\r\n    background:rgba(25,168,117,.42);\r\n    box-shadow:0 0 0 8px rgba(25,168,117,.05), 0 0 18px rgba(25,168,117,.14);\r\n    animation:coreOrbFloat3 6.2s ease-in-out infinite;\r\n  }\r\n\r\n  .tech-card{\r\n    position:absolute;\r\n    width:320px;\r\n    min-height:130px;\r\n    padding:28px 26px 24px;\r\n    border-radius:24px;\r\n    background:var(--coretech-card-bg);\r\n    border:1px solid var(--coretech-card-border);\r\n    box-shadow:var(--coretech-card-shadow);\r\n    backdrop-filter:blur(16px);\r\n    -webkit-backdrop-filter:blur(16px);\r\n    z-index:2;\r\n    overflow:hidden;\r\n    transition:\r\n      transform .45s cubic-bezier(.22,.61,.36,1),\r\n      box-shadow .45s cubic-bezier(.22,.61,.36,1),\r\n      border-color .45s ease,\r\n      background .45s ease,\r\n      opacity .45s ease;\r\n    transform:translateY(0) scale(1);\r\n    opacity:.86;\r\n  }\r\n\r\n  .tech-card::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:auto 18px 0 18px;\r\n    height:1px;\r\n    background:linear-gradient(90deg, transparent, rgba(25,168,117,.28), transparent);\r\n    opacity:.5;\r\n  }\r\n\r\n  .tech-card__shine{\r\n    position:absolute;\r\n    inset:-40% auto auto -20%;\r\n    width:60%;\r\n    height:180%;\r\n    background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);\r\n    transform:rotate(18deg) translateX(-140%);\r\n    opacity:0;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .tech-card h3{\r\n    margin:0 0 10px;\r\n    font-size:21px;\r\n    line-height:1.18;\r\n    font-weight:900;\r\n    letter-spacing:-0.02em;\r\n    color:var(--coretech-text-main);\r\n    transition:transform .4s ease, color .35s ease, opacity .35s ease;\r\n  }\r\n\r\n  .tech-card p{\r\n    margin:0;\r\n    font-size:15px;\r\n    line-height:1.65;\r\n    font-weight:500;\r\n    color:var(--coretech-text-sub);\r\n    transition:color .35s ease, opacity .35s ease, transform .4s ease;\r\n  }\r\n\r\n  .tech-card--1{\r\n    top:38px;\r\n    right:92px;\r\n  }\r\n\r\n  .tech-card--2{\r\n    right:138px;\r\n    bottom:32px;\r\n  }\r\n\r\n  .tech-card--3{\r\n    left:28px;\r\n    top:252px;\r\n  }\r\n\r\n  .tech-card.is-active{\r\n    opacity:1;\r\n    transform:translateY(-8px) scale(1.02);\r\n    box-shadow:var(--coretech-card-shadow-active);\r\n    border-color:rgba(25,168,117,.30);\r\n    background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(246,255,251,.90) 100%);\r\n  }\r\n\r\n  @media (prefers-color-scheme: dark){\r\n    .tech-card.is-active{\r\n      background:linear-gradient(180deg, rgba(24,34,30,.95) 0%, rgba(18,27,24,.88) 100%);\r\n      border-color:rgba(76,223,171,.24);\r\n    }\r\n  }\r\n\r\n  .tech-card.is-active h3{ transform:translateY(-1px); }\r\n\r\n  .tech-card.is-active p{\r\n    color:var(--coretech-text-main);\r\n    transform:translateY(0);\r\n  }\r\n\r\n  .tech-card.is-active .tech-card__shine{\r\n    opacity:1;\r\n    animation:cardShine 2.6s ease-in-out infinite;\r\n  }\r\n\r\n  .tech-card:not(.is-active) p{ opacity:.84; }\r\n\r\n  .tech-card:hover,\r\n  .tech-card:focus-visible{\r\n    opacity:1;\r\n    transform:translateY(-8px) scale(1.02);\r\n    box-shadow:var(--coretech-card-shadow-active);\r\n    border-color:rgba(25,168,117,.30);\r\n    outline:none;\r\n  }\r\n\r\n  .tech-card:hover .tech-card__shine,\r\n  .tech-card:focus-visible .tech-card__shine{\r\n    opacity:1;\r\n    animation:cardShine 1.8s ease-in-out infinite;\r\n  }\r\n\r\n  .tech-card:hover p,\r\n  .tech-card:focus-visible p{\r\n    color:var(--coretech-text-main);\r\n  }\r\n\r\n  .orbit.tech-1 .core-node,\r\n  .orbit.tech-2 .core-node,\r\n  .orbit.tech-3 .core-node{\r\n    animation:coreBreathActive 3.2s ease-in-out infinite;\r\n  }\r\n\r\n  \/* ========================= *\/\r\n  \/* SECTION 2 CSS *\/\r\n  \/* ========================= *\/\r\n\r\n  .values{\r\n    position:relative;\r\n    padding:96px 24px 56px;\r\n    background:\r\n      radial-gradient(880px 480px at 20% 30%, rgba(25,168,117,.09), transparent 60%),\r\n      radial-gradient(780px 420px at 84% 70%, rgba(3,111,105,.07), transparent 62%),\r\n      linear-gradient(to bottom, var(--values-bg-1) 0%, var(--values-bg-2) 60%, var(--values-bg-1) 100%);\r\n    overflow:hidden;\r\n  }\r\n\r\n  .values__inner{\r\n    max-width:1700px;\r\n    margin:0 auto;\r\n    height:100%;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n  }\r\n\r\n  .values__header{\r\n    text-align:center;\r\n    margin-bottom:42px;\r\n  }\r\n\r\n  .values__kicker{\r\n    margin:0 0 14px;\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:.12em;\r\n    color:rgba(25,32,29,.68);\r\n  }\r\n\r\n  @media (prefers-color-scheme: dark){\r\n    .values__kicker{\r\n      color:rgba(255,255,255,.7);\r\n    }\r\n  }\r\n\r\n  .values__title{\r\n    margin:0;\r\n    font-size:clamp(34px, 3.2vw, 48px);\r\n    font-weight:900;\r\n    letter-spacing:-0.03em;\r\n    color:var(--coretech-text-main);\r\n  }\r\n\r\n  .values__grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3, minmax(0, 1fr));\r\n    gap:32px;\r\n    max-width:1560px;\r\n    margin:0 auto;\r\n    align-items:stretch;\r\n  }\r\n\r\n  .value-card{\r\n    position:relative;\r\n    min-height:560px;\r\n    border-radius:30px;\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n    border:1px solid var(--values-card-border);\r\n    box-shadow:var(--values-card-shadow);\r\n    background:#10211c;\r\n    transition:\r\n      transform .55s cubic-bezier(.22,.61,.36,1),\r\n      box-shadow .55s cubic-bezier(.22,.61,.36,1),\r\n      border-color .45s ease,\r\n      opacity .7s cubic-bezier(.22,.61,.36,1),\r\n      filter .7s cubic-bezier(.22,.61,.36,1);\r\n    animation:valueCardFloat 8s ease-in-out infinite;\r\n    animation-delay:var(--float-delay, 0s);\r\n  }\r\n\r\n  .value-card--01{ --float-delay:0s; }\r\n  .value-card--02{ --float-delay:1.15s; }\r\n  .value-card--03{ --float-delay:2.25s; }\r\n\r\n  .value-card__media,\r\n  .value-card__image,\r\n  .value-card__overlay,\r\n  .value-card__vignette,\r\n  .value-card__noise,\r\n  .value-card__gridfx,\r\n  .value-card__scan,\r\n  .value-card__shine,\r\n  .value-card__ambient{\r\n    position:absolute;\r\n    inset:0;\r\n  }\r\n\r\n  .value-card__media{\r\n    z-index:0;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .value-card__image{\r\n    background-image:var(--card-image);\r\n    background-size:cover;\r\n    background-position:center center;\r\n    transform:scale(1.16);\r\n    filter:saturate(1.03) contrast(1.06) brightness(.95);\r\n    transition:transform 1.15s cubic-bezier(.22,.61,.36,1), filter .7s ease;\r\n    will-change:transform;\r\n  }\r\n\r\n  .value-card__overlay{\r\n    z-index:1;\r\n    background:var(--values-overlay);\r\n  }\r\n\r\n  .value-card__vignette{\r\n    z-index:1;\r\n\r\n    pointer-events:none;\r\n  }\r\n\r\n  .value-card__noise{\r\n    z-index:2;\r\n    opacity:.07;\r\n    mix-blend-mode:soft-light;\r\n    background-image:radial-gradient(rgba(255,255,255,.18) .7px, transparent .8px);\r\n    background-size:8px 8px;\r\n  }\r\n\r\n  .value-card__gridfx{\r\n    z-index:2;\r\n    opacity:.18;\r\n    background:\r\n      linear-gradient(var(--values-grid-line) 1px, transparent 1px),\r\n      linear-gradient(90deg, var(--values-grid-line) 1px, transparent 1px);\r\n    background-size:34px 34px;\r\n    mask-image:linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.16), transparent 74%);\r\n    -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.16), transparent 74%);\r\n  }\r\n\r\n  .value-card__scan{\r\n    z-index:3;\r\n    opacity:.34;\r\n    background:linear-gradient(\r\n      180deg,\r\n      transparent 0%,\r\n      rgba(255,255,255,.02) 18%,\r\n      rgba(76,223,171,.14) 48%,\r\n      rgba(255,255,255,.02) 72%,\r\n      transparent 100%\r\n    );\r\n    transform:translateY(-130%);\r\n  }\r\n\r\n  .value-card__shine{\r\n    z-index:4;\r\n    left:-34%;\r\n    top:-10%;\r\n    width:46%;\r\n    height:140%;\r\n    background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.16) 45%, transparent 100%);\r\n    transform:rotate(14deg) translateX(-180%);\r\n    opacity:0;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .value-card__ambient{\r\n    z-index:2;\r\n    pointer-events:none;\r\n    filter:blur(40px);\r\n    opacity:.42;\r\n  }\r\n\r\n  .value-card__ambient--1{\r\n    inset:auto auto 10% -12%;\r\n    width:44%;\r\n    height:34%;\r\n    background:radial-gradient(circle, rgba(25,168,117,.34), transparent 72%);\r\n    animation:valueAmbientDrift1 7s ease-in-out infinite;\r\n  }\r\n\r\n  .value-card__ambient--2{\r\n    inset:4% -10% auto auto;\r\n    width:36%;\r\n    height:30%;\r\n    background:radial-gradient(circle, rgba(255,255,255,.20), transparent 72%);\r\n    animation:valueAmbientDrift2 8.5s ease-in-out infinite;\r\n  }\r\n\r\n  .value-card__ambient--3{\r\n    inset:auto -12% 8% auto;\r\n    width:40%;\r\n    height:34%;\r\n    background:radial-gradient(circle, rgba(25,168,117,.28), transparent 72%);\r\n    animation:valueAmbientDrift3 8s ease-in-out infinite;\r\n  }\r\n\r\n  .value-card__body{\r\n    position:relative;\r\n    z-index:5;\r\n    min-height:560px;\r\n    padding:26px 24px 22px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:space-between;\r\n    gap:24px;\r\n  }\r\n\r\n  .value-card__top{\r\n    display:flex;\r\n    justify-content:flex-start;\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .value-card__bottom{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:12px;\r\n  }\r\n\r\n  .value-card__bottom::before{\r\n    content:\"\";\r\n    display:block;\r\n    width:100%;\r\n    height:1px;\r\n    margin-bottom:6px;\r\n    background:linear-gradient(90deg, rgba(255,255,255,.14), rgba(76,223,171,.44), rgba(255,255,255,.05));\r\n    opacity:.95;\r\n  }\r\n\r\n  .value-card__index{\r\n    font-size:20px;\r\n    line-height:1;\r\n    font-weight:900;\r\n    letter-spacing:-0.03em;\r\n    color:var(--values-index);\r\n    text-shadow:0 8px 24px rgba(0,0,0,.28);\r\n  }\r\n\r\n  .value-card__title{\r\n    margin:0;\r\n    font-size:clamp(30px, 2.2vw, 42px);\r\n    line-height:1.05;\r\n    letter-spacing:-0.045em;\r\n    font-weight:900;\r\n    color:var(--values-title);\r\n    text-shadow:0 10px 40px rgba(0,0,0,.34);\r\n    word-break:keep-all;\r\n    transition:transform .45s ease;\r\n  }\r\n\r\n  .value-card__desc{\r\n    margin:0;\r\n    font-size:15px;\r\n    line-height:1.58;\r\n    font-weight:700;\r\n    color:var(--values-desc);\r\n    text-shadow:0 8px 24px rgba(0,0,0,.34);\r\n    word-break:keep-all;\r\n    transition:transform .45s ease, opacity .35s ease;\r\n  }\r\n\r\n  .value-card__accent{\r\n    position:absolute;\r\n    z-index:4;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .value-card__accent--line{\r\n    left:0;\r\n    right:0;\r\n    bottom:27%;\r\n    height:1px;\r\n    background:linear-gradient(90deg, transparent 0%, rgba(76,223,171,0) 16%, rgba(76,223,171,.85) 50%, rgba(76,223,171,0) 84%, transparent 100%);\r\n    opacity:.34;\r\n    animation:valueLineFlow 5.8s linear infinite;\r\n  }\r\n\r\n  .value-card__accent--dots{\r\n    top:18px;\r\n    right:18px;\r\n    display:flex;\r\n    gap:7px;\r\n  }\r\n\r\n  .value-card__accent--dots span{\r\n    width:7px;\r\n    height:7px;\r\n    border-radius:50%;\r\n    background:rgba(255,255,255,.78);\r\n    box-shadow:0 0 16px rgba(76,223,171,.24);\r\n    animation:valueDotBlink 2.4s ease-in-out infinite;\r\n  }\r\n\r\n  .value-card__accent--dots span:nth-child(2){ animation-delay:.35s; }\r\n  .value-card__accent--dots span:nth-child(3){ animation-delay:.7s; }\r\n\r\n  .value-card__accent--pulse{\r\n    right:20px;\r\n    bottom:20px;\r\n    width:13px;\r\n    height:13px;\r\n    border-radius:50%;\r\n    background:rgba(76,223,171,.88);\r\n    box-shadow:0 0 0 0 rgba(76,223,171,.35);\r\n    animation:valuePulseDot 2.8s ease-out infinite;\r\n  }\r\n\r\n  .value-card--01 .value-card__scan{\r\n    animation:valueScanVertical 5.4s ease-in-out infinite;\r\n  }\r\n\r\n  .value-card--02 .value-card__gridfx{\r\n    animation:valueGridFloat 7.6s ease-in-out infinite;\r\n  }\r\n\r\n  .value-card--03 .value-card__image{\r\n    animation:valueImageBreath 7s ease-in-out infinite;\r\n  }\r\n\r\n  .value-card:hover,\r\n  .value-card:focus-visible{\r\n    transform:translateY(-18px) scale(1.02);\r\n    box-shadow:var(--values-card-shadow-active);\r\n    border-color:rgba(25,168,117,.24);\r\n    outline:none;\r\n  }\r\n\r\n  .value-card:hover .value-card__image,\r\n  .value-card:focus-visible .value-card__image{\r\n    transform:scale(1.24) translateY(-8px);\r\n    filter:saturate(1.08) contrast(1.08) brightness(.98);\r\n  }\r\n\r\n  .value-card:hover .value-card__shine,\r\n  .value-card:focus-visible .value-card__shine{\r\n    opacity:1;\r\n    animation:valueShineSweep 1.7s ease-in-out 1;\r\n  }\r\n\r\n  .value-card:hover .value-card__title,\r\n  .value-card:focus-visible .value-card__title{\r\n    transform:translateY(-4px);\r\n  }\r\n\r\n  .value-card:hover .value-card__desc,\r\n  .value-card:focus-visible .value-card__desc{\r\n    transform:translateY(-2px);\r\n  }\r\n\r\n  html.js .value-card{\r\n    opacity:0;\r\n    transform:translateY(34px) scale(.985);\r\n    filter:blur(10px);\r\n  }\r\n\r\n  html.js .value-card.is-visible{\r\n    opacity:1;\r\n    transform:translateY(0) scale(1);\r\n    filter:blur(0);\r\n  }\r\n\r\n  @media (max-width: 980px){\r\n    .h-scroll__spacer{\r\n      height:auto;\r\n    }\r\n\r\n    .h-scroll__sticky{\r\n      position:relative;\r\n      height:auto;\r\n      overflow:visible;\r\n    }\r\n\r\n    .h-scroll__track{\r\n      width:100%;\r\n      height:auto;\r\n      display:block;\r\n      transform:none !important;\r\n    }\r\n\r\n    .panel{\r\n      width:100%;\r\n      height:auto;\r\n      min-height:auto;\r\n    }\r\n\r\n    .coretech{\r\n      padding:100px 16px;\r\n    }\r\n\r\n    .coretech__header{\r\n      margin-bottom:44px;\r\n    }\r\n\r\n    .orbit{\r\n      height:auto;\r\n      display:grid;\r\n      gap:16px;\r\n    }\r\n\r\n    .orbit__bg-glow,\r\n    .orbit__lines,\r\n    .orbit__ring{\r\n      display:none;\r\n    }\r\n\r\n    .orbit__center{\r\n      position:relative;\r\n      left:auto;\r\n      top:auto;\r\n      transform:none;\r\n      display:flex;\r\n      justify-content:center;\r\n      margin-bottom:8px;\r\n    }\r\n\r\n    .core-node{\r\n      width:186px;\r\n      height:186px;\r\n    }\r\n\r\n    .core-node span{\r\n      font-size:26px;\r\n    }\r\n\r\n    .core-node__aura--2{\r\n      inset:-12px;\r\n    }\r\n\r\n    .tech-card{\r\n      position:relative;\r\n      top:auto;\r\n      right:auto;\r\n      bottom:auto;\r\n      left:auto;\r\n      width:100%;\r\n      min-height:auto;\r\n      transform:none;\r\n      opacity:1;\r\n    }\r\n\r\n    .tech-card.is-active{\r\n      transform:none;\r\n    }\r\n\r\n    .values{\r\n      padding:92px 16px;\r\n    }\r\n\r\n    .values__header{\r\n      margin-bottom:36px;\r\n    }\r\n\r\n    .values__grid{\r\n      grid-template-columns:1fr;\r\n      gap:22px;\r\n    }\r\n\r\n    .value-card,\r\n    .value-card__body{\r\n      min-height:420px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px){\r\n    .coretech__title{\r\n      font-size:clamp(28px, 9vw, 40px);\r\n      line-height:1.12;\r\n    }\r\n\r\n    .tech-card{\r\n      padding:22px 20px 20px;\r\n      border-radius:20px;\r\n    }\r\n\r\n    .tech-card h3{\r\n      font-size:19px;\r\n    }\r\n\r\n    .tech-card p{\r\n      font-size:14px;\r\n      line-height:1.58;\r\n    }\r\n\r\n    .value-card{\r\n      border-radius:24px;\r\n      min-height:360px;\r\n    }\r\n\r\n    .value-card__body{\r\n      min-height:360px;\r\n      padding:20px 18px 18px;\r\n      gap:18px;\r\n    }\r\n\r\n    .value-card__title{\r\n      font-size:24px;\r\n      line-height:1.08;\r\n    }\r\n\r\n    .value-card__desc{\r\n      font-size:13px;\r\n      line-height:1.48;\r\n    }\r\n\r\n    .value-card__index{\r\n      font-size:18px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .h-scroll__track,\r\n    .orbit__bg-glow,\r\n    .orbit__ring,\r\n    .core-node,\r\n    .core-node__pulse,\r\n    .core-node__aura,\r\n    .core-node::after,\r\n    .core-node__scan,\r\n    .core-node__orb,\r\n    .tech-card__shine,\r\n    .line-active,\r\n    .value-card,\r\n    .value-card__image,\r\n    .value-card__scan,\r\n    .value-card__shine,\r\n    .value-card__gridfx,\r\n    .value-card__ambient,\r\n    .value-card__accent,\r\n    .value-card__accent span,\r\n    .value-card__title,\r\n    .value-card__desc{\r\n      animation:none !important;\r\n      transition:none !important;\r\n    }\r\n\r\n    html.js .value-card{\r\n      opacity:1;\r\n      transform:none;\r\n      filter:none;\r\n    }\r\n  }\r\n\r\n  @keyframes coreBreath{\r\n    0%,100%{\r\n      transform:scale(1);\r\n      box-shadow:var(--coretech-core-shadow);\r\n    }\r\n    50%{\r\n      transform:scale(1.025);\r\n      box-shadow:\r\n        0 42px 110px rgba(16,24,20,.13),\r\n        0 0 0 1px rgba(25,32,29,.03),\r\n        0 0 56px rgba(25,168,117,.11);\r\n    }\r\n  }\r\n\r\n  @media (prefers-color-scheme: dark){\r\n    @keyframes coreBreath{\r\n      0%,100%{\r\n        transform:scale(1);\r\n        box-shadow:var(--coretech-core-shadow);\r\n      }\r\n      50%{\r\n        transform:scale(1.025);\r\n        box-shadow:\r\n          0 42px 110px rgba(0,0,0,.48),\r\n          0 0 0 1px rgba(255,255,255,.02),\r\n          0 0 52px rgba(25,168,117,.14);\r\n      }\r\n    }\r\n  }\r\n\r\n  @keyframes coreBreathActive{\r\n    0%,100%{ transform:scale(1); }\r\n    50%{ transform:scale(1.04); }\r\n  }\r\n\r\n  @keyframes coreHaloSpin{\r\n    from{ transform:rotate(0deg); }\r\n    to{ transform:rotate(360deg); }\r\n  }\r\n\r\n  @keyframes coreAuraSpin{\r\n    from{ transform:rotate(0deg); }\r\n    to{ transform:rotate(360deg); }\r\n  }\r\n\r\n  @keyframes coreAuraSpinReverse{\r\n    from{ transform:rotate(360deg); }\r\n    to{ transform:rotate(0deg); }\r\n  }\r\n\r\n  @keyframes coreScanSweep{\r\n    0%,100%{\r\n      transform:rotate(18deg) translateY(-18%);\r\n      opacity:.14;\r\n    }\r\n    45%{\r\n      transform:rotate(18deg) translateY(8%);\r\n      opacity:.56;\r\n    }\r\n    70%{\r\n      transform:rotate(18deg) translateY(18%);\r\n      opacity:.24;\r\n    }\r\n  }\r\n\r\n  @keyframes coreOrbFloat1{\r\n    0%,100%{ transform:translate(0,0) scale(1); }\r\n    50%{ transform:translate(10px,-8px) scale(1.14); }\r\n  }\r\n\r\n  @keyframes coreOrbFloat2{\r\n    0%,100%{ transform:translate(0,0) scale(1); }\r\n    50%{ transform:translate(-8px,10px) scale(1.12); }\r\n  }\r\n\r\n  @keyframes coreOrbFloat3{\r\n    0%,100%{ transform:translate(0,0) scale(1); }\r\n    50%{ transform:translate(-10px,-6px) scale(1.12); }\r\n  }\r\n\r\n  @keyframes pulseRing{\r\n    0%{\r\n      opacity:0;\r\n      transform:scale(.88);\r\n    }\r\n    18%{\r\n      opacity:.38;\r\n    }\r\n    100%{\r\n      opacity:0;\r\n      transform:scale(1.24);\r\n    }\r\n  }\r\n\r\n  @keyframes ringRotate{\r\n    from{ transform:translate(-50%,-50%) rotate(0deg); }\r\n    to{ transform:translate(-50%,-50%) rotate(360deg); }\r\n  }\r\n\r\n  @keyframes dotPulse{\r\n    0%,100%{\r\n      transform:scale(1);\r\n      opacity:.6;\r\n    }\r\n    50%{\r\n      transform:scale(1.28);\r\n      opacity:1;\r\n    }\r\n  }\r\n\r\n  @keyframes drawLine{\r\n    0%{\r\n      stroke-dashoffset:100;\r\n      opacity:.12;\r\n    }\r\n    18%{\r\n      stroke-dashoffset:60;\r\n      opacity:.95;\r\n    }\r\n    62%{\r\n      stroke-dashoffset:0;\r\n      opacity:1;\r\n    }\r\n    100%{\r\n      stroke-dashoffset:-40;\r\n      opacity:.18;\r\n    }\r\n  }\r\n\r\n  @keyframes cardShine{\r\n    0%{ transform:rotate(18deg) translateX(-145%); }\r\n    45%{ transform:rotate(18deg) translateX(240%); }\r\n    100%{ transform:rotate(18deg) translateX(240%); }\r\n  }\r\n\r\n  @keyframes coretechFloatGlow1{\r\n    0%,100%{\r\n      transform:translate(-50%,-50%) scale(1);\r\n      opacity:.62;\r\n    }\r\n    50%{\r\n      transform:translate(-50%,-50%) scale(1.08);\r\n      opacity:.84;\r\n    }\r\n  }\r\n\r\n  @keyframes coretechFloatGlow2{\r\n    0%,100%{\r\n      transform:translate(-50%,-50%) scale(1);\r\n      opacity:.42;\r\n    }\r\n    50%{\r\n      transform:translate(-50%,-50%) scale(1.06);\r\n      opacity:.62;\r\n    }\r\n  }\r\n\r\n  @keyframes valueScanVertical{\r\n    0%,100%{\r\n      transform:translateY(-130%);\r\n      opacity:.14;\r\n    }\r\n    38%{\r\n      transform:translateY(-18%);\r\n      opacity:.42;\r\n    }\r\n    62%{\r\n      transform:translateY(18%);\r\n      opacity:.34;\r\n    }\r\n    100%{\r\n      transform:translateY(130%);\r\n      opacity:.08;\r\n    }\r\n  }\r\n\r\n  @keyframes valueShineSweep{\r\n    0%{ transform:rotate(14deg) translateX(-180%); }\r\n    45%{ transform:rotate(14deg) translateX(270%); }\r\n    100%{ transform:rotate(14deg) translateX(270%); }\r\n  }\r\n\r\n  @keyframes valueLineFlow{\r\n    0%{\r\n      transform:translateX(-18%);\r\n      opacity:.16;\r\n    }\r\n    50%{\r\n      transform:translateX(0%);\r\n      opacity:.52;\r\n    }\r\n    100%{\r\n      transform:translateX(18%);\r\n      opacity:.16;\r\n    }\r\n  }\r\n\r\n  @keyframes valueGridFloat{\r\n    0%,100%{\r\n      transform:translate3d(0,0,0);\r\n      opacity:.18;\r\n    }\r\n    50%{\r\n      transform:translate3d(10px,-10px,0);\r\n      opacity:.34;\r\n    }\r\n  }\r\n\r\n  @keyframes valueImageBreath{\r\n    0%,100%{ transform:scale(1.16); }\r\n    50%{ transform:scale(1.21); }\r\n  }\r\n\r\n  @keyframes valueDotBlink{\r\n    0%,100%{\r\n      opacity:.28;\r\n      transform:scale(1);\r\n    }\r\n    50%{\r\n      opacity:1;\r\n      transform:scale(1.32);\r\n    }\r\n  }\r\n\r\n  @keyframes valuePulseDot{\r\n    0%{\r\n      box-shadow:0 0 0 0 rgba(76,223,171,.34);\r\n      transform:scale(1);\r\n    }\r\n    70%{\r\n      box-shadow:0 0 0 16px rgba(76,223,171,0);\r\n      transform:scale(1.14);\r\n    }\r\n    100%{\r\n      box-shadow:0 0 0 0 rgba(76,223,171,0);\r\n      transform:scale(1);\r\n    }\r\n  }\r\n\r\n  @keyframes valueCardFloat{\r\n    0%,100%{\r\n      transform:translateY(0);\r\n    }\r\n    50%{\r\n      transform:translateY(-8px);\r\n    }\r\n  }\r\n\r\n  @keyframes valueAmbientDrift1{\r\n    0%,100%{\r\n      transform:translate3d(0,0,0) scale(1);\r\n      opacity:.34;\r\n    }\r\n    50%{\r\n      transform:translate3d(18px,-10px,0) scale(1.08);\r\n      opacity:.52;\r\n    }\r\n  }\r\n\r\n  @keyframes valueAmbientDrift2{\r\n    0%,100%{\r\n      transform:translate3d(0,0,0) scale(1);\r\n      opacity:.18;\r\n    }\r\n    50%{\r\n      transform:translate3d(-18px,12px,0) scale(1.12);\r\n      opacity:.34;\r\n    }\r\n  }\r\n\r\n  @keyframes valueAmbientDrift3{\r\n    0%,100%{\r\n      transform:translate3d(0,0,0) scale(1);\r\n      opacity:.26;\r\n    }\r\n    50%{\r\n      transform:translate3d(-14px,-10px,0) scale(1.1);\r\n      opacity:.44;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  document.documentElement.classList.add('js');\r\n\r\n  const desktopMq = window.matchMedia('(min-width: 981px)');\r\n  const reduceMq = window.matchMedia('(prefers-reduced-motion: reduce)');\r\n\r\n  const wrapper = document.querySelector('.h-scroll');\r\n  const spacer = document.querySelector('.h-scroll__spacer');\r\n  const track = document.querySelector('.h-scroll__track');\r\n  const panels = Array.from(document.querySelectorAll('.h-scroll .panel'));\r\n\r\n  if(!wrapper || !spacer || !track || !panels.length) return;\r\n\r\n  let currentPanel = 0;\r\n  let isAnimating = false;\r\n\r\n  function isDesktop(){\r\n    return desktopMq.matches;\r\n  }\r\n\r\n  function setPanel(index, animate = true){\r\n    const maxIndex = panels.length - 1;\r\n    currentPanel = Math.max(0, Math.min(index, maxIndex));\r\n\r\n    if(!animate || reduceMq.matches){\r\n      track.style.transition = 'none';\r\n    } else {\r\n      track.style.transition = 'transform .9s cubic-bezier(.22,.61,.36,1)';\r\n    }\r\n\r\n    track.style.transform = 'translate3d(' + (currentPanel * -100) + 'vw,0,0)';\r\n\r\n    if(!animate || reduceMq.matches){\r\n      requestAnimationFrame(() => {\r\n        track.style.transition = 'transform .9s cubic-bezier(.22,.61,.36,1)';\r\n      });\r\n    }\r\n  }\r\n\r\n  function updateLayout(){\r\n    if(!isDesktop()){\r\n      spacer.style.height = 'auto';\r\n      track.style.transition = 'none';\r\n      track.style.transform = 'translate3d(0,0,0)';\r\n      return;\r\n    }\r\n\r\n    spacer.style.height = (panels.length * 100) + 'vh';\r\n    setPanel(currentPanel, false);\r\n  }\r\n\r\n  function isWrapperActive(){\r\n    const rect = wrapper.getBoundingClientRect();\r\n    return rect.top <= 0 && rect.bottom >= window.innerHeight;\r\n  }\r\n\r\n  function handleWheel(e){\r\n    if(!isDesktop()) return;\r\n    if(!isWrapperActive()) return;\r\n    if(isAnimating) {\r\n      e.preventDefault();\r\n      return;\r\n    }\r\n\r\n    const goingDown = e.deltaY > 8;\r\n    const goingUp = e.deltaY < -8;\r\n\r\n    if(!goingDown && !goingUp) return;\r\n\r\n    if(currentPanel === 0 && goingDown){\r\n      e.preventDefault();\r\n      isAnimating = true;\r\n      setPanel(1, true);\r\n\r\n      setTimeout(() => {\r\n        isAnimating = false;\r\n      }, 950);\r\n      return;\r\n    }\r\n\r\n    if(currentPanel === 1 && goingUp){\r\n      e.preventDefault();\r\n      isAnimating = true;\r\n      setPanel(0, true);\r\n\r\n      setTimeout(() => {\r\n        isAnimating = false;\r\n      }, 950);\r\n      return;\r\n    }\r\n\r\n    \/* \r\n      currentPanel === 1 \uc5d0\uc11c \uc544\ub798\ub85c \ub354 \ub0b4\ub9b4 \ub54c\ub294 \ub9c9\uc9c0 \uc54a\uc74c\r\n      -> \ub2e4\uc74c \uc139\uc158\uc73c\ub85c \uc790\uc5f0\uc2a4\ub7fd\uac8c \ub118\uc5b4\uac10\r\n\r\n      currentPanel === 0 \uc5d0\uc11c \uc704\ub85c \uc62c\ub9b4 \ub54c\ub3c4 \ub9c9\uc9c0 \uc54a\uc74c\r\n      -> \uc774\uc804 \ud398\uc774\uc9c0 \uc601\uc5ed\uc73c\ub85c \uc790\uc5f0\uc2a4\ub7fd\uac8c \uc774\ub3d9\r\n    *\/\r\n  }\r\n\r\n  function handleKeydown(e){\r\n    if(!isDesktop()) return;\r\n    if(!isWrapperActive()) return;\r\n    if(isAnimating) return;\r\n\r\n    if((e.key === 'ArrowDown' || e.key === 'PageDown' || e.key === ' ') && currentPanel === 0){\r\n      e.preventDefault();\r\n      isAnimating = true;\r\n      setPanel(1, true);\r\n      setTimeout(() => {\r\n        isAnimating = false;\r\n      }, 950);\r\n    }\r\n\r\n    if((e.key === 'ArrowUp' || e.key === 'PageUp') && currentPanel === 1){\r\n      e.preventDefault();\r\n      isAnimating = true;\r\n      setPanel(0, true);\r\n      setTimeout(() => {\r\n        isAnimating = false;\r\n      }, 950);\r\n    }\r\n  }\r\n\r\n  window.addEventListener('wheel', handleWheel, { passive:false });\r\n  window.addEventListener('keydown', handleKeydown);\r\n  window.addEventListener('resize', updateLayout);\r\n  window.addEventListener('load', updateLayout);\r\n  desktopMq.addEventListener?.('change', updateLayout);\r\n  reduceMq.addEventListener?.('change', updateLayout);\r\n\r\n  updateLayout();\r\n\r\n  \/* --------------------------\r\n     \uae30\uc874 orbit \/ value-card \ub85c\uc9c1\uc740 \uc544\ub798 \uadf8\ub300\ub85c \uc720\uc9c0\r\n  -------------------------- *\/\r\n\r\n  const orbit = document.querySelector('.orbit');\r\n  if(orbit){\r\n    const cards = Array.from(orbit.querySelectorAll('.tech-card'));\r\n    const particles = {\r\n      1: orbit.querySelector('.particle-1'),\r\n      2: orbit.querySelector('.particle-2'),\r\n      3: orbit.querySelector('.particle-3')\r\n    };\r\n\r\n    const linePaths = {\r\n      1: orbit.querySelector('.line-active.line-1'),\r\n      2: orbit.querySelector('.line-active.line-2'),\r\n      3: orbit.querySelector('.line-active.line-3')\r\n    };\r\n\r\n    let active = 1;\r\n    let timer = null;\r\n    let hovering = false;\r\n\r\n    function setActive(index){\r\n      active = index;\r\n      orbit.classList.remove('tech-1', 'tech-2', 'tech-3');\r\n      orbit.classList.add('tech-' + index);\r\n\r\n      cards.forEach(function(card){\r\n        const isMatch = Number(card.dataset.tech) === index;\r\n        card.classList.toggle('is-active', isMatch);\r\n      });\r\n    }\r\n\r\n    function next(){\r\n      active = active >= 3 ? 1 : active + 1;\r\n      setActive(active);\r\n    }\r\n\r\n    function startAuto(){\r\n      if(reduceMq.matches || !isDesktop()) return;\r\n      stopAuto();\r\n      timer = setInterval(function(){\r\n        if(!hovering && !document.hidden){\r\n          next();\r\n        }\r\n      }, 2800);\r\n    }\r\n\r\n    function stopAuto(){\r\n      if(timer){\r\n        clearInterval(timer);\r\n        timer = null;\r\n      }\r\n    }\r\n\r\n    cards.forEach(function(card){\r\n      const index = Number(card.dataset.tech);\r\n\r\n      const activateFromInteraction = function(){\r\n        hovering = true;\r\n        setActive(index);\r\n      };\r\n\r\n      const deactivateInteraction = function(){\r\n        hovering = false;\r\n      };\r\n\r\n      card.addEventListener('mouseenter', activateFromInteraction);\r\n      card.addEventListener('focus', activateFromInteraction);\r\n      card.addEventListener('mouseleave', deactivateInteraction);\r\n      card.addEventListener('blur', deactivateInteraction);\r\n      card.addEventListener('click', function(){\r\n        setActive(index);\r\n      });\r\n    });\r\n\r\n    document.addEventListener('visibilitychange', function(){\r\n      if(document.hidden){\r\n        stopAuto();\r\n      } else {\r\n        startAuto();\r\n      }\r\n    });\r\n\r\n    desktopMq.addEventListener?.('change', function(){\r\n      if(isDesktop()){\r\n        startAuto();\r\n      } else {\r\n        stopAuto();\r\n      }\r\n    });\r\n\r\n    reduceMq.addEventListener?.('change', function(){\r\n      if(reduceMq.matches){\r\n        stopAuto();\r\n      } else {\r\n        startAuto();\r\n      }\r\n    });\r\n\r\n    function animateParticle(particle, path, techIndex){\r\n      if(!particle || !path) return;\r\n\r\n      const total = path.getTotalLength();\r\n      let start = null;\r\n      const duration = 2200;\r\n\r\n      function frame(ts){\r\n        if(!isDesktop() || reduceMq.matches){\r\n          particle.style.opacity = '0';\r\n          requestAnimationFrame(frame);\r\n          return;\r\n        }\r\n\r\n        if(!start) start = ts;\r\n        const elapsed = (ts - start) % duration;\r\n        const progress = elapsed \/ duration;\r\n        const eased = progress < 0.5\r\n          ? 2 * progress * progress\r\n          : 1 - Math.pow(-2 * progress + 2, 2) \/ 2;\r\n\r\n        const point = path.getPointAtLength(total * eased);\r\n        particle.setAttribute('cx', point.x);\r\n        particle.setAttribute('cy', point.y);\r\n\r\n        particle.style.opacity = active === techIndex && progress > 0.05 && progress < 0.94 ? '1' : '0';\r\n        requestAnimationFrame(frame);\r\n      }\r\n\r\n      requestAnimationFrame(frame);\r\n    }\r\n\r\n    setActive(1);\r\n    startAuto();\r\n\r\n    animateParticle(particles[1], linePaths[1], 1);\r\n    animateParticle(particles[2], linePaths[2], 2);\r\n    animateParticle(particles[3], linePaths[3], 3);\r\n  }\r\n\r\n  const valueCards = Array.from(document.querySelectorAll('.value-card'));\r\n\r\n  if(valueCards.length){\r\n    if(!('IntersectionObserver' in window) || reduceMq.matches){\r\n      valueCards.forEach(function(card){\r\n        card.classList.add('is-visible');\r\n      });\r\n    } else {\r\n      const io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(entry){\r\n          if(entry.isIntersecting){\r\n            entry.target.classList.add('is-visible');\r\n            io.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.16 });\r\n\r\n      valueCards.forEach(function(card, i){\r\n        card.style.transitionDelay = (i * 0.12) + 's';\r\n        io.observe(card);\r\n\r\n        card.addEventListener('mousemove', function(e){\r\n          if(window.innerWidth <= 980) return;\r\n\r\n          const rect = card.getBoundingClientRect();\r\n          const x = ((e.clientX - rect.left) \/ rect.width - 0.5) * 18;\r\n          const y = ((e.clientY - rect.top) \/ rect.height - 0.5) * 18;\r\n\r\n          const image = card.querySelector('.value-card__image');\r\n          const ambient = card.querySelector('.value-card__ambient');\r\n\r\n          if(image){\r\n            image.style.transform = 'scale(1.22) translate(' + (x * -0.38).toFixed(2) + 'px,' + (y * -0.32).toFixed(2) + 'px)';\r\n          }\r\n\r\n          if(ambient){\r\n            ambient.style.transform = 'translate(' + (x * 0.4).toFixed(2) + 'px,' + (y * 0.4).toFixed(2) + 'px)';\r\n          }\r\n        });\r\n\r\n        card.addEventListener('mouseleave', function(){\r\n          const image = card.querySelector('.value-card__image');\r\n          const ambient = card.querySelector('.value-card__ambient');\r\n\r\n          if(image){\r\n            image.style.transform = '';\r\n          }\r\n\r\n          if(ambient){\r\n            ambient.style.transform = '';\r\n          }\r\n        });\r\n      });\r\n\r\n      setTimeout(function(){\r\n        valueCards.forEach(function(card){\r\n          card.classList.add('is-visible');\r\n        });\r\n      }, 1000);\r\n    }\r\n  }\r\n})();\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-50771f2 e-con-full e-flex e-con e-parent\" data-id=\"50771f2\" data-element_type=\"container\" data-e-type=\"container\" id=\"inquiry\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3736e8 elementor-widget elementor-widget-html\" data-id=\"a3736e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"partner\" id=\"partnership\" aria-labelledby=\"partner-title\">\r\n  <div class=\"partner__inner\">\r\n    <header class=\"partner__header\">\r\n      <p class=\"partner__kicker\">PARTNERSHIP<\/p>\r\n      <h2 class=\"partner__title\" id=\"partner-title\">\ud30c\ud2b8\ub108\uc0ac \uc18c\uac1c<\/h2>\r\n      <p class=\"partner__subtitle\">\r\n        \uc784\uc0c1\u00b7\uc5f0\uad6c\u00b7\uc0b0\uc5c5 \ud604\uc7a5\uacfc \ud568\uaed8, \uac80\uc99d \uac00\ub2a5\ud55c \ud611\ub825 \uad00\uacc4\ub97c \uad6c\ucd95\ud569\ub2c8\ub2e4. \r\n      <\/p>\r\n    <\/header>\r\n\r\n    <!-- Moving logo rails -->\r\n    <div class=\"partner__rails\" aria-label=\"MOU level partner logos\">\r\n      <!-- Row A -->\r\n      <div class=\"rail rail--a\">\r\n        <div class=\"rail__mask\">\r\n          <div class=\"rail__track\" data-rail=\"a\">\r\n            <!-- set 1 -->\r\n            <div class=\"logo-pill\" aria-label=\"MOU Level Partner (mock)\">\r\n              <span class=\"logo-pill__badge\">MOU<\/span>\r\n              <span class=\"logo-pill__mark\">\r\n                <!-- mock logo svg -->\r\n                <svg viewBox=\"0 0 44 44\" width=\"26\" height=\"26\" aria-hidden=\"true\">\r\n                  <circle cx=\"22\" cy=\"22\" r=\"18\" fill=\"rgba(25,168,117,.18)\"><\/circle>\r\n                  <path d=\"M12 24c5-10 15-10 20 0\" fill=\"none\" stroke=\"rgba(25,32,29,.75)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                  <circle cx=\"16\" cy=\"18\" r=\"2\" fill=\"rgba(25,32,29,.75)\"><\/circle>\r\n                  <circle cx=\"28\" cy=\"18\" r=\"2\" fill=\"rgba(25,32,29,.75)\"><\/circle>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"logo-pill__name\">Partner A<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"logo-pill\" aria-label=\"MOU Level Partner (mock)\">\r\n              <span class=\"logo-pill__badge\">MOU<\/span>\r\n              <span class=\"logo-pill__mark\">\r\n                <svg viewBox=\"0 0 44 44\" width=\"26\" height=\"26\" aria-hidden=\"true\">\r\n                  <rect x=\"10\" y=\"10\" width=\"24\" height=\"24\" rx=\"6\" fill=\"rgba(3,111,105,.16)\"><\/rect>\r\n                  <path d=\"M14 26l6-8 5 6 5-10\" fill=\"none\" stroke=\"rgba(25,32,29,.75)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"logo-pill__name\">Partner B<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"logo-pill\">\r\n              <span class=\"logo-pill__badge\">MOU<\/span>\r\n              <span class=\"logo-pill__mark\">\r\n                <svg viewBox=\"0 0 44 44\" width=\"26\" height=\"26\" aria-hidden=\"true\">\r\n                  <path d=\"M22 8l12 8v12l-12 8-12-8V16z\" fill=\"rgba(25,168,117,.16)\"><\/path>\r\n                  <path d=\"M16 22h12\" stroke=\"rgba(25,32,29,.75)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                  <path d=\"M22 16v12\" stroke=\"rgba(25,32,29,.75)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"logo-pill__name\">Partner C<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"logo-pill\">\r\n              <span class=\"logo-pill__badge\">MOU<\/span>\r\n              <span class=\"logo-pill__mark\">\r\n                <svg viewBox=\"0 0 44 44\" width=\"26\" height=\"26\" aria-hidden=\"true\">\r\n                  <circle cx=\"16\" cy=\"22\" r=\"8\" fill=\"rgba(3,111,105,.14)\"><\/circle>\r\n                  <circle cx=\"28\" cy=\"22\" r=\"8\" fill=\"rgba(25,168,117,.14)\"><\/circle>\r\n                  <path d=\"M14 22h16\" stroke=\"rgba(25,32,29,.7)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"logo-pill__name\">Partner D<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"logo-pill\">\r\n              <span class=\"logo-pill__badge\">MOU<\/span>\r\n              <span class=\"logo-pill__mark\">\r\n                <svg viewBox=\"0 0 44 44\" width=\"26\" height=\"26\" aria-hidden=\"true\">\r\n                  <path d=\"M12 30c8-16 12-16 20 0\" fill=\"none\" stroke=\"rgba(25,168,117,.65)\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n                  <path d=\"M12 16h20\" stroke=\"rgba(25,32,29,.65)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"logo-pill__name\">Partner E<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"logo-pill\">\r\n              <span class=\"logo-pill__badge\">MOU<\/span>\r\n              <span class=\"logo-pill__mark\">\r\n                <svg viewBox=\"0 0 44 44\" width=\"26\" height=\"26\" aria-hidden=\"true\">\r\n                  <rect x=\"12\" y=\"12\" width=\"20\" height=\"20\" rx=\"10\" fill=\"rgba(25,168,117,.16)\"><\/rect>\r\n                  <path d=\"M18 22h8\" stroke=\"rgba(25,32,29,.72)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                  <path d=\"M22 18v8\" stroke=\"rgba(25,32,29,.72)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"logo-pill__name\">Partner F<\/span>\r\n            <\/div>\r\n\r\n            <!-- set 2 (duplicate for seamless loop) -->\r\n            <div class=\"rail__dup\" aria-hidden=\"true\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Row B -->\r\n      <div class=\"rail rail--b\">\r\n        <div class=\"rail__mask\">\r\n          <div class=\"rail__track\" data-rail=\"b\">\r\n            <div class=\"logo-pill logo-pill--lite\">\r\n              <span class=\"logo-pill__badge logo-pill__badge--lite\">MOU<\/span>\r\n              <span class=\"logo-pill__mark\">\r\n                <svg viewBox=\"0 0 44 44\" width=\"26\" height=\"26\" aria-hidden=\"true\">\r\n                  <path d=\"M14 30V14h16v16z\" fill=\"rgba(0,0,0,.04)\"><\/path>\r\n                  <path d=\"M16 18h12M16 22h8M16 26h10\" stroke=\"rgba(25,32,29,.65)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"logo-pill__name\">Partner G<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"logo-pill logo-pill--lite\">\r\n              <span class=\"logo-pill__badge logo-pill__badge--lite\">MOU<\/span>\r\n              <span class=\"logo-pill__mark\">\r\n                <svg viewBox=\"0 0 44 44\" width=\"26\" height=\"26\" aria-hidden=\"true\">\r\n                  <path d=\"M10 22h24\" stroke=\"rgba(25,168,117,.55)\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n                  <circle cx=\"22\" cy=\"22\" r=\"7\" fill=\"rgba(25,168,117,.14)\"><\/circle>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"logo-pill__name\">Partner H<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"logo-pill logo-pill--lite\">\r\n              <span class=\"logo-pill__badge logo-pill__badge--lite\">MOU<\/span>\r\n              <span class=\"logo-pill__mark\">\r\n                <svg viewBox=\"0 0 44 44\" width=\"26\" height=\"26\" aria-hidden=\"true\">\r\n                  <path d=\"M22 12l10 10-10 10-10-10z\" fill=\"rgba(3,111,105,.12)\"><\/path>\r\n                  <circle cx=\"22\" cy=\"22\" r=\"3\" fill=\"rgba(25,32,29,.65)\"><\/circle>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"logo-pill__name\">Partner I<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"logo-pill logo-pill--lite\">\r\n              <span class=\"logo-pill__badge logo-pill__badge--lite\">MOU<\/span>\r\n              <span class=\"logo-pill__mark\">\r\n                <svg viewBox=\"0 0 44 44\" width=\"26\" height=\"26\" aria-hidden=\"true\">\r\n                  <path d=\"M12 28c3-10 17-10 20 0\" fill=\"none\" stroke=\"rgba(25,32,29,.65)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                  <path d=\"M14 18c6-6 10-6 16 0\" fill=\"none\" stroke=\"rgba(25,168,117,.55)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"logo-pill__name\">Partner J<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"logo-pill logo-pill--lite\">\r\n              <span class=\"logo-pill__badge logo-pill__badge--lite\">MOU<\/span>\r\n              <span class=\"logo-pill__mark\">\r\n                <svg viewBox=\"0 0 44 44\" width=\"26\" height=\"26\" aria-hidden=\"true\">\r\n                  <rect x=\"11\" y=\"14\" width=\"22\" height=\"16\" rx=\"8\" fill=\"rgba(25,168,117,.14)\"><\/rect>\r\n                  <path d=\"M16 22h12\" stroke=\"rgba(25,32,29,.65)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"logo-pill__name\">Partner K<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"logo-pill logo-pill--lite\">\r\n              <span class=\"logo-pill__badge logo-pill__badge--lite\">MOU<\/span>\r\n              <span class=\"logo-pill__mark\">\r\n                <svg viewBox=\"0 0 44 44\" width=\"26\" height=\"26\" aria-hidden=\"true\">\r\n                  <circle cx=\"18\" cy=\"22\" r=\"8\" fill=\"rgba(0,0,0,.04)\"><\/circle>\r\n                  <path d=\"M26 14v16\" stroke=\"rgba(25,168,117,.55)\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"logo-pill__name\">Partner L<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"rail__dup\" aria-hidden=\"true\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Email CTA -->\r\n    <div class=\"partner__cta\">\r\n      <div class=\"partner__ctaBox\">\r\n        <div class=\"partner__ctaCopy\">\r\n          <h3>\ud611\ub825 \ubb38\uc758<\/h3>\r\n          <p>MOU\u00b7\uacf5\ub3d9\uc5f0\uad6c\u00b7\uc784\uc0c1 \uac80\uc99d \ud611\ub825\uc740 \uc544\ub798 \uc774\uba54\uc77c\ub85c \uc5f0\ub77d \uc8fc\uc138\uc694.<\/p>\r\n        <\/div>\r\n\r\n        <a class=\"partner__mailBtn\" href=\"mailto:official@choonokcompany.com?subject=Partnership%20Request%20%7C%20Choonok%20Company&body=%EC%95%88%EB%85%95%ED%95%98%EC%84%B8%EC%9A%94.%0A%EC%B6%98%EC%98%A5%EC%BB%B4%ED%8D%BC%EB%8B%88%20%ED%8C%8C%ED%8A%B8%EB%84%88%EC%8B%AD%20%ED%98%91%EB%A0%A5%EC%9D%84%20%EB%AC%B8%EC%9D%98%EB%93%9C%EB%A6%BD%EB%8B%88%EB%8B%A4.%0A%0A-%20%EC%86%8C%EC%86%8D%2F%EA%B8%B0%EA%B4%80%3A%0A-%20%EB%8B%B4%EB%8B%B9%EC%9E%90%20%EC%9D%B4%EB%A6%84%2F%EC%97%B0%EB%9D%BD%EC%B2%98%3A%0A-%20%ED%98%91%EB%A0%A5%20%EB%AA%A9%EC%A0%81%2F%EB%B6%84%EC%95%BC%3A%0A-%20%EA%B8%B0%ED%83%80%20%EC%BD%98%ED%85%90%EC%B8%A0%3A%0A\">\r\n          official@choonokcompany.com\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.partner{\r\n\r\n  --co-green:#19a875;\r\n  --co-grad:#036f69;\r\n  --co-black:#19201d;\r\n\r\n  --bg1:#ffffff;\r\n  --bg2:#f6fbf9;\r\n\r\n  --surface:rgba(255,255,255,.84);\r\n  --surface-soft:rgba(255,255,255,.72);\r\n\r\n  --pill:rgba(255,255,255,.86);\r\n  --pill-lite:rgba(255,255,255,.74);\r\n\r\n  --border:rgba(0,0,0,.06);\r\n\r\n  --text:rgba(25,32,29,.96);\r\n  --text-soft:rgba(25,32,29,.75);\r\n  --kicker:rgba(25,32,29,.85);\r\n\r\n  --shadow:0 30px 80px rgba(0,0,0,.06);\r\n  --shadow-strong:0 34px 90px rgba(0,0,0,.07);\r\n\r\n  --badge-bg:rgba(25,168,117,.10);\r\n  --badge-border:rgba(25,168,117,.22);\r\n\r\n  --badge-lite-bg:rgba(0,0,0,.03);\r\n  --badge-lite-border:rgba(0,0,0,.08);\r\n\r\n  position:relative;\r\n  padding:160px 20px;\r\n\r\n  background:\r\n    radial-gradient(900px 420px at 20% 25%, rgba(25,168,117,.10), transparent 55%),\r\n    radial-gradient(760px 380px at 80% 60%, rgba(3,111,105,.08), transparent 55%),\r\n    linear-gradient(to bottom, var(--bg1) 0%, var(--bg2) 55%, var(--bg1) 100%);\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n\/* ========================= *\/\r\n\/* DARK MODE *\/\r\n\/* ========================= *\/\r\n\r\n.dark .partner,\r\n[data-theme=\"dark\"] .partner{\r\n\r\n  --bg1:#0d1110;\r\n  --bg2:#121816;\r\n\r\n  --surface:rgba(20,27,25,.84);\r\n  --surface-soft:rgba(18,24,22,.88);\r\n\r\n  --pill:rgba(24,31,29,.94);\r\n  --pill-lite:rgba(22,29,27,.88);\r\n\r\n  --border:rgba(255,255,255,.08);\r\n\r\n  --text:rgba(245,248,247,.96);\r\n  --text-soft:rgba(220,228,225,.72);\r\n  --kicker:rgba(235,241,239,.82);\r\n\r\n  --shadow:0 24px 60px rgba(0,0,0,.35);\r\n  --shadow-strong:0 28px 70px rgba(0,0,0,.42);\r\n\r\n  --badge-bg:rgba(25,168,117,.16);\r\n  --badge-border:rgba(25,168,117,.28);\r\n\r\n  --badge-lite-bg:rgba(255,255,255,.05);\r\n  --badge-lite-border:rgba(255,255,255,.10);\r\n}\r\n\r\n\/* ========================= *\/\r\n\/* HEADER *\/\r\n\/* ========================= *\/\r\n\r\n.partner__inner{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n}\r\n\r\n.partner__header{\r\n  text-align:center;\r\n  margin-bottom:60px;\r\n}\r\n\r\n.partner__kicker{\r\n  margin:0 0 14px;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.12em;\r\n  color:var(--kicker);\r\n}\r\n\r\n.partner__title{\r\n  margin:0;\r\n  font-size:clamp(28px,3vw,46px);\r\n  font-weight:900;\r\n  letter-spacing:-0.02em;\r\n  color:var(--text);\r\n}\r\n\r\n.partner__subtitle{\r\n  margin:16px auto 0;\r\n  max-width:760px;\r\n  color:var(--text-soft);\r\n  font-size:15px;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* ========================= *\/\r\n\/* RAIL *\/\r\n\/* ========================= *\/\r\n\r\n.partner__rails{\r\n  display:grid;\r\n  gap:18px;\r\n  margin-top:44px;\r\n  margin-bottom:46px;\r\n}\r\n\r\n.rail{\r\n  border-radius:24px;\r\n  border:1px solid var(--border);\r\n  background:var(--surface-soft);\r\n  box-shadow:var(--shadow);\r\n  overflow:hidden;\r\n  backdrop-filter:blur(10px);\r\n}\r\n\r\n.rail__mask{\r\n  position:relative;\r\n  padding:18px 0;\r\n  overflow:hidden;\r\n}\r\n\r\n.rail__mask::before,\r\n.rail__mask::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  bottom:0;\r\n  width:110px;\r\n  z-index:2;\r\n  pointer-events:none;\r\n}\r\n\r\n.rail__mask::before{\r\n  left:0;\r\n  background:linear-gradient(to right, rgba(246,251,249,1), rgba(246,251,249,0));\r\n}\r\n\r\n.rail__mask::after{\r\n  right:0;\r\n  background:linear-gradient(to left, rgba(246,251,249,1), rgba(246,251,249,0));\r\n}\r\n\r\n.dark .rail__mask::before,\r\n[data-theme=\"dark\"] .rail__mask::before{\r\n  background:linear-gradient(to right, #121816, transparent);\r\n}\r\n\r\n.dark .rail__mask::after,\r\n[data-theme=\"dark\"] .rail__mask::after{\r\n  background:linear-gradient(to left, #121816, transparent);\r\n}\r\n\r\n.rail__track{\r\n  display:flex;\r\n  gap:14px;\r\n  width:max-content;\r\n  align-items:center;\r\n  will-change:transform;\r\n  padding:0 22px;\r\n}\r\n\r\n\/* ========================= *\/\r\n\/* LOGO PILL *\/\r\n\/* ========================= *\/\r\n\r\n.logo-pill{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:12px 16px;\r\n  border-radius:999px;\r\n  border:1px solid var(--border);\r\n  background:var(--pill);\r\n  box-shadow:0 14px 34px rgba(0,0,0,.06);\r\n  white-space:nowrap;\r\n}\r\n\r\n.logo-pill--lite{\r\n  background:var(--pill-lite);\r\n}\r\n\r\n.logo-pill__badge{\r\n  font-size:11px;\r\n  font-weight:900;\r\n  letter-spacing:.12em;\r\n  padding:6px 10px;\r\n  border-radius:999px;\r\n  color:var(--text);\r\n  border:1px solid var(--badge-border);\r\n  background:var(--badge-bg);\r\n}\r\n\r\n.logo-pill__badge--lite{\r\n  border-color:var(--badge-lite-border);\r\n  background:var(--badge-lite-bg);\r\n}\r\n\r\n.logo-pill__name{\r\n  font-weight:900;\r\n  color:var(--text);\r\n  font-size:14px;\r\n}\r\n\r\n\/* ========================= *\/\r\n\/* CTA *\/\r\n\/* ========================= *\/\r\n\r\n.partner__cta{\r\n  margin-top:10px;\r\n  display:flex;\r\n  justify-content:center;\r\n}\r\n\r\n.partner__ctaBox{\r\n  width:100%;\r\n  max-width:980px;\r\n  border-radius:26px;\r\n  border:1px solid var(--border);\r\n  background:var(--surface);\r\n  box-shadow:var(--shadow-strong);\r\n  backdrop-filter:blur(10px);\r\n  padding:26px;\r\n  display:flex;\r\n  gap:16px;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.partner__ctaCopy h3{\r\n  margin:0 0 6px;\r\n  font-size:18px;\r\n  font-weight:900;\r\n  color:var(--text);\r\n}\r\n\r\n.partner__ctaCopy p{\r\n  margin:0;\r\n  color:var(--text-soft);\r\n  line-height:1.6;\r\n  font-size:14px;\r\n}\r\n\r\n.partner__mailBtn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  height:46px;\r\n  padding:0 18px;\r\n  border-radius:14px;\r\n  text-decoration:none;\r\n  font-weight:900;\r\n  background:var(--co-green);\r\n  color:#fff;\r\n  box-shadow:0 18px 44px rgba(25,168,117,.22);\r\n}\r\n\r\n\/* ========================= *\/\r\n\/* MOBILE *\/\r\n\/* ========================= *\/\r\n\r\n@media (max-width:768px){\r\n\r\n  .partner{\r\n    padding:100px 16px;\r\n  }\r\n\r\n  .partner__title{\r\n    font-size:26px;\r\n  }\r\n\r\n  .partner__subtitle{\r\n    font-size:14px;\r\n  }\r\n\r\n  .logo-pill{\r\n    padding:10px 14px;\r\n  }\r\n\r\n  .logo-pill__name{\r\n    font-size:13px;\r\n  }\r\n\r\n  .partner__ctaBox{\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    gap:14px;\r\n  }\r\n\r\n  .partner__mailBtn{\r\n    width:100%;\r\n  }\r\n\r\n}\r\n\r\n\/* ============================= *\/\r\n\/* PARTNER DARK MODE *\/\r\n\/* ============================= *\/\r\n\r\n@media (prefers-color-scheme: dark){\r\n\r\n  .partner{\r\n    background:\r\n      radial-gradient(900px 420px at 20% 25%, rgba(25,168,117,.14), transparent 55%),\r\n      radial-gradient(760px 380px at 80% 60%, rgba(3,111,105,.12), transparent 55%),\r\n      linear-gradient(to bottom, #0f1413 0%, #121a18 55%, #0f1413 100%);\r\n  }\r\n\r\n  .partner__title{\r\n    color:#f4f7f6;\r\n  }\r\n\r\n  .partner__subtitle{\r\n    color:rgba(255,255,255,.65);\r\n  }\r\n\r\n  .partner__kicker{\r\n    color:rgba(255,255,255,.7);\r\n  }\r\n\r\n  .rail{\r\n    background:rgba(20,27,25,.82);\r\n    border:1px solid rgba(255,255,255,.08);\r\n    box-shadow:0 30px 80px rgba(0,0,0,.45);\r\n  }\r\n\r\n  .logo-pill{\r\n    background:rgba(25,33,31,.9);\r\n    border:1px solid rgba(255,255,255,.08);\r\n    box-shadow:0 14px 40px rgba(0,0,0,.4);\r\n  }\r\n\r\n  .logo-pill--lite{\r\n    background:rgba(22,29,27,.85);\r\n  }\r\n\r\n  .logo-pill__name{\r\n    color:#e6ecea;\r\n  }\r\n\r\n  .logo-pill__badge{\r\n    background:rgba(25,168,117,.18);\r\n    border:1px solid rgba(25,168,117,.35);\r\n    color:#dff6ee;\r\n  }\r\n\r\n  .logo-pill__badge--lite{\r\n    background:rgba(255,255,255,.05);\r\n    border-color:rgba(255,255,255,.1);\r\n    color:#dfe6e4;\r\n  }\r\n\r\n  .partner__ctaBox{\r\n    background:rgba(22,28,26,.88);\r\n    border:1px solid rgba(255,255,255,.08);\r\n    box-shadow:0 30px 90px rgba(0,0,0,.5);\r\n  }\r\n\r\n  .partner__ctaCopy h3{\r\n    color:#f2f5f4;\r\n  }\r\n\r\n  .partner__ctaCopy p{\r\n    color:rgba(255,255,255,.65);\r\n  }\r\n\r\n  .rail__mask::before{\r\n    background:linear-gradient(to right,#121a18,transparent);\r\n  }\r\n\r\n  .rail__mask::after{\r\n    background:linear-gradient(to left,#121a18,transparent);\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n  (function(){\r\n    const rails = document.querySelectorAll('.rail__track');\r\n    if(!rails.length) return;\r\n\r\n    \/\/ Duplicate content inside each track to allow seamless looping\r\n    rails.forEach(track => {\r\n      const dup = track.querySelector('.rail__dup');\r\n      if(!dup) return;\r\n\r\n      \/\/ Clone all pills (except rail__dup itself)\r\n      const clones = Array.from(track.children)\r\n        .filter(el => !el.classList.contains('rail__dup'))\r\n        .map(el => el.cloneNode(true));\r\n\r\n      dup.replaceWith(...clones.map(n => {\r\n        n.setAttribute('aria-hidden','true');\r\n        return n;\r\n      }));\r\n    });\r\n\r\n    const reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    if(reduce) return;\r\n\r\n    function animate(track, dir, speedPxPerSec){\r\n      let raf = null;\r\n      let last = performance.now();\r\n      let x = 0;\r\n\r\n      \/\/ measure half width (original set length)\r\n      function getLoopWidth(){\r\n        const kids = Array.from(track.children);\r\n        \/\/ half = total\/2 (since duplicated)\r\n        return track.scrollWidth \/ 2;\r\n      }\r\n\r\n      function step(now){\r\n        const dt = (now - last) \/ 1000;\r\n        last = now;\r\n\r\n        const loopW = getLoopWidth();\r\n        if(loopW > 0){\r\n          x += dir * speedPxPerSec * dt;\r\n          \/\/ keep x in [-loopW, 0)\r\n          x = ((x % loopW) + loopW) % loopW;\r\n          track.style.transform = `translateX(${-x}px)`;\r\n        }\r\n\r\n        raf = requestAnimationFrame(step);\r\n      }\r\n\r\n      raf = requestAnimationFrame(step);\r\n\r\n      \/\/ pause on hover\r\n      const rail = track.closest('.rail');\r\n      if(rail){\r\n        rail.addEventListener('mouseenter', ()=> cancelAnimationFrame(raf), { passive:true });\r\n        rail.addEventListener('mouseleave', ()=>{\r\n          last = performance.now();\r\n          raf = requestAnimationFrame(step);\r\n        }, { passive:true });\r\n      }\r\n    }\r\n\r\n    \/\/ Different directions\/speeds for depth\r\n    rails.forEach(track => {\r\n      const railType = track.dataset.rail;\r\n      if(railType === 'a') animate(track, 1, 42);   \/\/ left\r\n      if(railType === 'b') animate(track, -1, 34);  \/\/ right\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-becba5f e-con-full post-section e-flex e-con e-parent\" data-id=\"becba5f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98f43a1 elementor-widget elementor-widget-html\" data-id=\"98f43a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"section-head section-head--news\">\r\n  <div class=\"section-head__inner\">\r\n    <p class=\"section-head__kicker\">NOTICE & NEWS<\/p>\r\n    <h2 class=\"section-head__title\">\r\n      \uacf5\uc9c0\uc0ac\ud56d <span>&<\/span> NEWS\r\n    <\/h2>\r\n    <p class=\"section-head__desc\">\r\n      \ucd98\uc625\ucef4\ud37c\ub2c8\uc758 \uc18c\uc2dd\uacfc \uc8fc\uc694 \uc5c5\ub370\uc774\ud2b8\ub97c \uc804\ud569\ub2c8\ub2e4.\r\n    <\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .section-head--news{\r\n    padding: 120px 20px 0px;\r\n    text-align: center;\r\n    background:\r\n      radial-gradient(600px 300px at 50% 0%, rgba(25,168,117,.08), transparent 70%);\r\n  }\r\n\r\n  .section-head__inner{\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .section-head__kicker{\r\n    margin: 0 0 14px;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: .14em;\r\n    color: rgba(25,32,29,.75);\r\n  }\r\n\r\n  .section-head__title{\r\n    margin: 0;\r\n    font-size: clamp(32px, 3.5vw, 52px);\r\n    font-weight: 900;\r\n    letter-spacing: -0.02em;\r\n    color: #19201d;\r\n  }\r\n\r\n  .section-head__title span{\r\n    color: #19a875;\r\n  }\r\n\r\n  .section-head__desc{\r\n    margin: 20px auto 0;\r\n    max-width: 600px;\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n    color: rgba(25,32,29,.7);\r\n  }\r\n\r\n  @media (max-width: 768px){\r\n    .section-head--news{\r\n      padding: 90px 20px 40px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14aa034 e-con-full e-flex e-con e-child\" data-id=\"14aa034\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-20bed73 e-con-full e-flex e-con e-child\" data-id=\"20bed73\" data-element_type=\"container\" data-e-type=\"container\" id=\"news-loop\">\n\t\t\t\t<div class=\"elementor-element elementor-element-032d394 elementor-grid-1 news-loop elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"032d394\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:145,&quot;columns&quot;:1,&quot;_skin&quot;:&quot;post&quot;,&quot;columns_tablet&quot;:&quot;2&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.post\">\n\t\t\t\t\t\t\t<div class=\"elementor-loop-container elementor-grid\">\n\t\t<style id=\"loop-145\">.elementor-145 .elementor-element.elementor-element-960358c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-145 .elementor-element.elementor-element-fd0f531{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-145 .elementor-element.elementor-element-de937b7 .elementor-heading-title{font-size:24px;font-weight:600;}.elementor-145 .elementor-element.elementor-element-de937b7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-145 .elementor-element.elementor-element-de937b7.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-145 .elementor-element.elementor-element-a7abe7c .elementor-icon-list-icon{width:14px;}.elementor-145 .elementor-element.elementor-element-a7abe7c .elementor-icon-list-icon i{font-size:14px;}.elementor-145 .elementor-element.elementor-element-a7abe7c .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-145 .elementor-element.elementor-element-0865bfd{--display:flex;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-145 .elementor-element.elementor-element-e9561bb img{width:100%;border-radius:15px 15px 15px 15px;}@media(min-width:768px){.elementor-145 .elementor-element.elementor-element-0865bfd{--width:69%;}}<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"145\" class=\"elementor elementor-145 e-loop-item e-loop-item-523 post-523 post type-post status-publish format-standard has-post-thumbnail hentry category-1\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-960358c e-flex e-con-boxed e-con e-parent\" data-id=\"960358c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fd0f531 e-con-full e-flex e-con e-child\" data-id=\"fd0f531\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de937b7 elementor-widget__width-initial elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"de937b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\uae00 6 \ud14c\uc2a4\ud2b8\uc785\ub2c8\ub2e4<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7abe7c elementor-widget elementor-widget-post-info\" data-id=\"a7abe7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-5698f2d elementor-inline-item\" itemprop=\"datePublished\">\n\t\t\t\t\t\t<a href=\"https:\/\/in.bemypet.kr\/choonokcompany\/2026\/03\/10\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\n\t\t\t\t\t\t\t\t\t\t<time>2026\ub144 3\uc6d4 10\uc77c <\/time>\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0865bfd e-con-full e-flex e-con e-child\" data-id=\"0865bfd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9561bb elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"e9561bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"447\" src=\"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09185905\/xray-1024x572.jpg\" class=\"attachment-large size-large wp-image-426\" alt=\"\" srcset=\"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09185905\/xray-1024x572.jpg 1024w, https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09185905\/xray-300x167.jpg 300w, https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09185905\/xray-768x429.jpg 768w, https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09185905\/xray-1536x857.jpg 1536w, https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09185905\/xray-2048x1143.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45bd0f8 e-con-full e-flex e-con e-child\" data-id=\"45bd0f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd6b213 elementor-grid-1 news-loop elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"fd6b213\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:145,&quot;columns&quot;:1,&quot;_skin&quot;:&quot;post&quot;,&quot;columns_tablet&quot;:&quot;2&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.post\">\n\t\t\t\t\t\t\t<div class=\"elementor-loop-container elementor-grid\">\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"145\" class=\"elementor elementor-145 e-loop-item e-loop-item-523 post-523 post type-post status-publish format-standard has-post-thumbnail hentry category-1\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-960358c e-flex e-con-boxed e-con e-parent\" data-id=\"960358c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fd0f531 e-con-full e-flex e-con e-child\" data-id=\"fd0f531\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de937b7 elementor-widget__width-initial elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"de937b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\uae00 6 \ud14c\uc2a4\ud2b8\uc785\ub2c8\ub2e4<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7abe7c elementor-widget elementor-widget-post-info\" data-id=\"a7abe7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-5698f2d elementor-inline-item\" itemprop=\"datePublished\">\n\t\t\t\t\t\t<a href=\"https:\/\/in.bemypet.kr\/choonokcompany\/2026\/03\/10\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\n\t\t\t\t\t\t\t\t\t\t<time>2026\ub144 3\uc6d4 10\uc77c <\/time>\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0865bfd e-con-full e-flex e-con e-child\" data-id=\"0865bfd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9561bb elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"e9561bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"447\" src=\"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09185905\/xray-1024x572.jpg\" class=\"attachment-large size-large wp-image-426\" alt=\"\" srcset=\"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09185905\/xray-1024x572.jpg 1024w, https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09185905\/xray-300x167.jpg 300w, https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09185905\/xray-768x429.jpg 768w, https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09185905\/xray-1536x857.jpg 1536w, https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/03\/09185905\/xray-2048x1143.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"145\" class=\"elementor elementor-145 e-loop-item e-loop-item-520 post-520 post type-post status-publish format-standard hentry category-1\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-960358c e-flex e-con-boxed e-con e-parent\" data-id=\"960358c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fd0f531 e-con-full e-flex e-con e-child\" data-id=\"fd0f531\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de937b7 elementor-widget__width-initial elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"de937b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\uae00 5 \ud14c\uc2a4\ud2b8\uc785\ub2c8\ub2e4<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7abe7c elementor-widget elementor-widget-post-info\" data-id=\"a7abe7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-5698f2d elementor-inline-item\" itemprop=\"datePublished\">\n\t\t\t\t\t\t<a href=\"https:\/\/in.bemypet.kr\/choonokcompany\/2026\/03\/10\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\n\t\t\t\t\t\t\t\t\t\t<time>2026\ub144 3\uc6d4 10\uc77c <\/time>\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0865bfd e-con-full e-flex e-con e-child\" data-id=\"0865bfd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"145\" class=\"elementor elementor-145 e-loop-item e-loop-item-157 post-157 post type-post status-publish format-standard has-post-thumbnail hentry category-1\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-960358c e-flex e-con-boxed e-con e-parent\" data-id=\"960358c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fd0f531 e-con-full e-flex e-con e-child\" data-id=\"fd0f531\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de937b7 elementor-widget__width-initial elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"de937b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\uacf5\uc9c0\uae00 3\uc785\ub2c8\ub2e4. \uacf5\uc9c0\uae00 3\uc785\ub2c8\ub2e4.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7abe7c elementor-widget elementor-widget-post-info\" data-id=\"a7abe7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-5698f2d elementor-inline-item\" itemprop=\"datePublished\">\n\t\t\t\t\t\t<a href=\"https:\/\/in.bemypet.kr\/choonokcompany\/2026\/02\/25\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\n\t\t\t\t\t\t\t\t\t\t<time>2026\ub144 2\uc6d4 25\uc77c <\/time>\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0865bfd e-con-full e-flex e-con e-child\" data-id=\"0865bfd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9561bb elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"e9561bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/02\/25160702\/joe-caione-qO-PIF84Vxg-unsplash-1024x683.jpg\" class=\"attachment-large size-large wp-image-172\" alt=\"\" srcset=\"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/02\/25160702\/joe-caione-qO-PIF84Vxg-unsplash-1024x683.jpg 1024w, https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/02\/25160702\/joe-caione-qO-PIF84Vxg-unsplash-300x200.jpg 300w, https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/02\/25160702\/joe-caione-qO-PIF84Vxg-unsplash-768x512.jpg 768w, https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/02\/25160702\/joe-caione-qO-PIF84Vxg-unsplash-1536x1024.jpg 1536w, https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/02\/25160702\/joe-caione-qO-PIF84Vxg-unsplash-2048x1365.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"145\" class=\"elementor elementor-145 e-loop-item e-loop-item-155 post-155 post type-post status-publish format-standard hentry category-1\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-960358c e-flex e-con-boxed e-con e-parent\" data-id=\"960358c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fd0f531 e-con-full e-flex e-con e-child\" data-id=\"fd0f531\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de937b7 elementor-widget__width-initial elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"de937b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\uacf5\uc9c0\uae00 2\uc785\ub2c8\ub2e4. \uacf5\uc9c0\uae00 2\uc785\ub2c8\ub2e4.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7abe7c elementor-widget elementor-widget-post-info\" data-id=\"a7abe7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-5698f2d elementor-inline-item\" itemprop=\"datePublished\">\n\t\t\t\t\t\t<a href=\"https:\/\/in.bemypet.kr\/choonokcompany\/2026\/02\/25\/\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date\">\n\t\t\t\t\t\t\t\t\t\t<time>2026\ub144 2\uc6d4 25\uc77c <\/time>\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0865bfd e-con-full e-flex e-con e-child\" data-id=\"0865bfd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b61bd00 elementor-widget elementor-widget-html\" data-id=\"b61bd00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* =========================================\n   SECTION \uc804\uccb4 \ub2e4\ud06c\ubaa8\ub4dc\n   - .post-section \uc139\uc158 \uc790\uccb4 \ubc30\uacbd\uae4c\uc9c0 \uc804\ubd80 \uc5b4\ub461\uac8c\n   - \uce74\ub4dc\ub9cc \uc544\ub2c8\ub77c \uc139\uc158 \ud5e4\ub354\/\ud14d\uc2a4\ud2b8\/\ub8e8\ud504\uc601\uc5ed \uc804\uccb4 \uc801\uc6a9\n   - \uc544\ub798 CSS\ub97c \uae30\uc874 CSS \ub9e8 \uc544\ub798\uc5d0 \ucd94\uac00\n   ========================================= *\/\n\n\/* 1) OS \ub2e4\ud06c\ubaa8\ub4dc *\/\n@media (prefers-color-scheme: dark){\n  .post-section{\n    background:\n      radial-gradient(900px 420px at 50% -5%, rgba(25,168,117,.16), transparent 62%),\n      linear-gradient(180deg, #0b1110 0%, #0f1715 45%, #111a17 100%) !important;\n  }\n\n  .post-section::before{\n    background: radial-gradient(circle, rgba(3,111,105,.18), transparent 68%) !important;\n    opacity: .9;\n  }\n\n  .post-section::after{\n    background: radial-gradient(circle, rgba(25,168,117,.16), transparent 68%) !important;\n    opacity: .9;\n  }\n\n  .post-section .section-head--news{\n    background: transparent !important;\n  }\n\n  .post-section .section-head__kicker{\n    background: rgba(255,255,255,.04) !important;\n    border-color: rgba(25,168,117,.22) !important;\n    color: rgba(236,245,240,.72) !important;\n    box-shadow: 0 10px 30px rgba(0,0,0,.22) !important;\n  }\n\n  .post-section .section-head__title{\n    color: #f4fbf7 !important;\n  }\n\n  .post-section .section-head__title span{\n    color: #38c98f !important;\n  }\n\n  .post-section .section-head__desc{\n    color: rgba(226,238,232,.72) !important;\n  }\n\n  .post-section .news-loop{\n    background: transparent !important;\n  }\n}\n\n\/* 2) \uc0ac\uc774\ud2b8\uc5d0\uc11c class\/data-theme \ub85c \ub2e4\ud06c\ubaa8\ub4dc \uc81c\uc5b4\ud558\ub294 \uacbd\uc6b0 *\/\nhtml.dark .post-section,\nbody.dark .post-section,\nbody.dark-mode .post-section,\nhtml[data-theme=\"dark\"] .post-section,\nbody[data-theme=\"dark\"] .post-section{\n  background:\n    radial-gradient(900px 420px at 50% -5%, rgba(25,168,117,.16), transparent 62%) !important,\n    linear-gradient(180deg, #0b1110 0%, #0f1715 45%, #111a17 100%) !important;\n}\n\nhtml.dark .post-section::before,\nbody.dark .post-section::before,\nbody.dark-mode .post-section::before,\nhtml[data-theme=\"dark\"] .post-section::before,\nbody[data-theme=\"dark\"] .post-section::before{\n  background: radial-gradient(circle, rgba(3,111,105,.18), transparent 68%) !important;\n  opacity: .9;\n}\n\nhtml.dark .post-section::after,\nbody.dark .post-section::after,\nbody.dark-mode .post-section::after,\nhtml[data-theme=\"dark\"] .post-section::after,\nbody[data-theme=\"dark\"] .post-section::after{\n  background: radial-gradient(circle, rgba(25,168,117,.16), transparent 68%) !important;\n  opacity: .9;\n}\n\nhtml.dark .post-section .section-head--news,\nbody.dark .post-section .section-head--news,\nbody.dark-mode .post-section .section-head--news,\nhtml[data-theme=\"dark\"] .post-section .section-head--news,\nbody[data-theme=\"dark\"] .post-section .section-head--news{\n  background: transparent !important;\n}\n\nhtml.dark .post-section .section-head__kicker,\nbody.dark .post-section .section-head__kicker,\nbody.dark-mode .post-section .section-head__kicker,\nhtml[data-theme=\"dark\"] .post-section .section-head__kicker,\nbody[data-theme=\"dark\"] .post-section .section-head__kicker{\n  background: rgba(255,255,255,.04) !important;\n  border-color: rgba(25,168,117,.22) !important;\n  color: rgba(236,245,240,.72) !important;\n  box-shadow: 0 10px 30px rgba(0,0,0,.22) !important;\n}\n\nhtml.dark .post-section .section-head__title,\nbody.dark .post-section .section-head__title,\nbody.dark-mode .post-section .section-head__title,\nhtml[data-theme=\"dark\"] .post-section .section-head__title,\nbody[data-theme=\"dark\"] .post-section .section-head__title{\n  color: #f4fbf7 !important;\n}\n\nhtml.dark .post-section .section-head__title span,\nbody.dark .post-section .section-head__title span,\nbody.dark-mode .post-section .section-head__title span,\nhtml[data-theme=\"dark\"] .post-section .section-head__title span,\nbody[data-theme=\"dark\"] .post-section .section-head__title span{\n  color: #38c98f !important;\n}\n\nhtml.dark .post-section .section-head__desc,\nbody.dark .post-section .section-head__desc,\nbody.dark-mode .post-section .section-head__desc,\nhtml[data-theme=\"dark\"] .post-section .section-head__desc,\nbody[data-theme=\"dark\"] .post-section .section-head__desc{\n  color: rgba(226,238,232,.72) !important;\n}\n\nhtml.dark .post-section .news-loop,\nbody.dark .post-section .news-loop,\nbody.dark-mode .post-section .news-loop,\nhtml[data-theme=\"dark\"] .post-section .news-loop,\nbody[data-theme=\"dark\"] .post-section .news-loop{\n  background: transparent !important;\n}\n\/* =========================\n   NEWS LOOP \/ 1x5 LIST\n   cleaner, more editorial, dark-mode friendly\n   ========================= *\/\n\n.news-loop{\n  width: min(100%, 1400px);\n  margin: 0 auto;\n  padding: 0 20px;\n  box-sizing: border-box;\n}\n\n.news-loop .elementor-loop-container.elementor-grid{\n  display: grid !important;\n  grid-template-columns: 1fr !important;\n  gap: 18px;\n}\n\n\/* reset *\/\n.news-loop .e-loop-item,\n.news-loop .e-loop-item *{\n  box-sizing: border-box;\n  min-width: 0;\n}\n\n\/* card *\/\n.news-loop .e-loop-item > .elementor-element.elementor-element-960358c{\n  position: relative;\n  overflow: hidden;\n  border-radius: 26px;\n  border: 1px solid rgba(255,255,255,0.07);\n  background:\n    linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.008)),\n    linear-gradient(135deg, rgba(6,20,18,0.96) 0%, rgba(8,28,24,0.98) 52%, rgba(5,16,14,0.98) 100%);\n  box-shadow:\n    0 12px 40px rgba(0,0,0,0.22),\n    inset 0 1px 0 rgba(255,255,255,0.04);\n  transition:\n    transform .28s ease,\n    border-color .28s ease,\n    box-shadow .28s ease,\n    background .28s ease;\n}\n\n.news-loop .e-loop-item > .elementor-element.elementor-element-960358c::before{\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(circle at 12% 50%, rgba(25,168,117,0.10), transparent 28%),\n    linear-gradient(90deg, rgba(25,168,117,0.06) 0%, rgba(25,168,117,0.02) 18%, transparent 42%);\n  pointer-events: none;\n  opacity: .9;\n}\n\n.news-loop .e-loop-item > .elementor-element.elementor-element-960358c:hover{\n  transform: translateY(-3px);\n  border-color: rgba(25,168,117,0.16);\n  box-shadow:\n    0 20px 50px rgba(0,0,0,0.28),\n    0 0 0 1px rgba(25,168,117,0.03) inset;\n}\n\n\/* layout *\/\n.news-loop .e-loop-item .e-con-inner{\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);\n  gap: 30px;\n  align-items: center;\n  min-height: 210px;\n  padding: 26px 30px;\n}\n\n\/* text column *\/\n.news-loop .elementor-element-fd0f531{\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 14px;\n  padding-right: 8px;\n}\n\n.news-loop .elementor-element-fd0f531::before{\n  content: \"\";\n  display: block;\n  width: 42px;\n  height: 3px;\n  border-radius: 999px;\n  background: linear-gradient(90deg, #19a875 0%, rgba(25,168,117,0.2) 100%);\n  box-shadow: 0 0 16px rgba(25,168,117,0.14);\n}\n\n\/* title *\/\n.news-loop .elementor-element-de937b7{\n  width: 100% !important;\n  max-width: 100% !important;\n}\n\n.news-loop .elementor-element-de937b7 .elementor-heading-title{\n  margin: 0;\n  color: #f4f8f7 !important;\n  font-size: clamp(24px, 1.9vw, 31px) !important;\n  font-weight: 700 !important;\n  line-height: 1.24;\n  letter-spacing: -0.035em;\n  word-break: keep-all;\n  overflow-wrap: anywhere;\n  text-wrap: balance;\n}\n\n\/* first item slightly emphasized, not flashy *\/\n.news-loop .e-loop-item:first-child .elementor-element-de937b7 .elementor-heading-title{\n  font-size: clamp(28px, 2.25vw, 36px) !important;\n}\n\n.news-loop .e-loop-item:first-child > .elementor-element.elementor-element-960358c{\n  border-color: rgba(25,168,117,0.12);\n  background:\n    linear-gradient(180deg, rgba(255,255,255,0.022), rgba(255,255,255,0.01)),\n    linear-gradient(135deg, rgba(7,22,20,0.98) 0%, rgba(10,33,29,0.99) 56%, rgba(5,16,14,0.99) 100%);\n}\n\n\/* meta *\/\n.news-loop .elementor-widget-post-info,\n.news-loop .elementor-widget-post-info .elementor-post-info,\n.news-loop .elementor-widget-post-info .elementor-icon-list-text,\n.news-loop .elementor-widget-post-info .elementor-icon-list-text a,\n.news-loop .elementor-post-info__item--type-date,\n.news-loop .elementor-post-info__item--type-date time{\n  color: rgba(225,234,231,0.58) !important;\n  font-size: 13px;\n  line-height: 1.45;\n  text-decoration: none !important;\n  letter-spacing: -0.01em;\n}\n\n.news-loop .elementor-widget-post-info a:hover .elementor-post-info__item--type-date,\n.news-loop .elementor-widget-post-info a:hover time{\n  color: rgba(235,243,241,0.78) !important;\n}\n\n\/* image column *\/\n.news-loop .elementor-element-0865bfd{\n  width: 100% !important;\n}\n\n.news-loop .elementor-element-e9561bb{\n  width: 100%;\n}\n\n.news-loop .elementor-element-e9561bb img{\n  display: block;\n  width: 100% !important;\n  aspect-ratio: 16 \/ 9;\n  height: auto !important;\n  object-fit: cover;\n  object-position: center;\n  border-radius: 18px !important;\n  border: 1px solid rgba(255,255,255,0.06);\n  background: rgba(255,255,255,0.02);\n  box-shadow:\n    0 12px 28px rgba(0,0,0,0.20),\n    inset 0 1px 0 rgba(255,255,255,0.04);\n  transition: transform .36s ease, filter .36s ease;\n}\n\n.news-loop .e-loop-item:hover .elementor-element-e9561bb img{\n  transform: scale(1.018);\n  filter: saturate(1.03) contrast(1.02);\n}\n\n\/* no-image cards *\/\n.news-loop .e-loop-item .elementor-element-0865bfd:empty{\n  display: none !important;\n}\n\n.news-loop .e-loop-item:has(.elementor-element-0865bfd:empty) .e-con-inner{\n  grid-template-columns: 1fr;\n  min-height: 168px;\n}\n\n.news-loop .e-loop-item:has(.elementor-element-0865bfd:empty) .elementor-element-fd0f531{\n  padding-right: 0;\n}\n\n\/* cleaner links *\/\n.news-loop .elementor-widget-post-info a,\n.news-loop .elementor-widget-theme-post-title a{\n  text-decoration: none !important;\n}\n\n\/* subtle editorial spacing *\/\n.news-loop .elementor-post-info{\n  margin-top: 2px;\n}\n\n\/* tablet *\/\n@media (max-width: 1024px){\n  .news-loop{\n    padding: 0 18px;\n  }\n\n  .news-loop .e-loop-item .e-con-inner{\n    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);\n    gap: 22px;\n    min-height: 190px;\n    padding: 22px 24px;\n  }\n\n  .news-loop .elementor-element-de937b7 .elementor-heading-title{\n    font-size: 24px !important;\n  }\n\n  .news-loop .e-loop-item:first-child .elementor-element-de937b7 .elementor-heading-title{\n    font-size: 28px !important;\n  }\n}\n\n\/* mobile *\/\n@media (max-width: 767px){\n  .news-loop{\n    width: 100%;\n    padding: 0 14px;\n  }\n\n  .news-loop .elementor-loop-container.elementor-grid{\n    gap: 14px;\n  }\n\n  .news-loop .e-loop-item > .elementor-element.elementor-element-960358c{\n    border-radius: 20px;\n  }\n\n  .news-loop .e-loop-item .e-con-inner{\n    grid-template-columns: 1fr;\n    gap: 16px;\n    min-height: auto;\n    padding: 18px;\n  }\n\n  .news-loop .elementor-element-fd0f531{\n    gap: 10px;\n    padding-right: 0;\n  }\n\n  .news-loop .elementor-element-fd0f531::before{\n    width: 36px;\n  }\n\n  .news-loop .elementor-element-de937b7 .elementor-heading-title,\n  .news-loop .e-loop-item:first-child .elementor-element-de937b7 .elementor-heading-title{\n    font-size: 22px !important;\n    line-height: 1.3;\n  }\n\n  .news-loop .elementor-element-e9561bb img{\n    border-radius: 14px !important;\n  }\n\n  .news-loop .elementor-widget-post-info,\n  .news-loop .elementor-widget-post-info .elementor-post-info,\n  .news-loop .elementor-post-info__item--type-date,\n  .news-loop .elementor-post-info__item--type-date time{\n    font-size: 12px !important;\n  }\n}\n\n\/* =========================\n   NEWS SECTION \/ DARK MODE\n   ref: \uc88c\uce21 1\uac1c \ub300\ud45c \uce74\ub4dc + \uc6b0\uce21 \ub9ac\uc2a4\ud2b8\ud615\n   \ub450\ubc88\uc9f8 \ud589 \uccab\ubc88\uc9f8 \uce74\ub4dc \uc228\uae40 \ud3ec\ud568\n========================= *\/\n\n\/* section wrap *\/\n.elementor-element.elementor-element-14aa034{\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 0 24px;\n  gap: 52px;\n  align-items: stretch;\n}\n\n\/* left \/ right column *\/\n.elementor-element.elementor-element-20bed73{\n  flex: 0 0 min(42%, 560px);\n  min-width: 0;\n}\n\n.elementor-element.elementor-element-45bd0f8{\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n\/* loop wrapper reset *\/\n.elementor-element.elementor-element-032d394 .elementor-loop-container,\n.elementor-element.elementor-element-fd6b213 .elementor-loop-container{\n  display: block;\n}\n\n\/* \uacf5\ud1b5 \uce74\ub4dc \uc2a4\ud0c0\uc77c *\/\n.elementor-element.elementor-element-032d394 .e-loop-item .elementor-element-960358c,\n.elementor-element.elementor-element-fd6b213 .e-loop-item .elementor-element-960358c{\n  position: relative;\n  background:\n    radial-gradient(circle at left top, rgba(25,168,117,.12), transparent 38%),\n    linear-gradient(180deg, rgba(6,20,18,.92) 0%, rgba(4,16,15,.96) 100%);\n  border: 1px solid rgba(25,168,117,.14);\n  border-radius: 26px;\n  overflow: hidden;\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.03),\n    0 16px 40px rgba(0,0,0,.28);\n  transition:\n    transform .32s ease,\n    border-color .32s ease,\n    box-shadow .32s ease,\n    background .32s ease;\n}\n\n\/* subtle grid texture *\/\n.elementor-element.elementor-element-032d394 .e-loop-item .elementor-element-960358c::before,\n.elementor-element.elementor-element-fd6b213 .e-loop-item .elementor-element-960358c::before{\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background:\n    linear-gradient(90deg, rgba(25,168,117,.035) 1px, transparent 1px),\n    linear-gradient(rgba(25,168,117,.03) 1px, transparent 1px);\n  background-size: 10px 10px;\n  mask-image: linear-gradient(90deg, rgba(255,255,255,.7), rgba(255,255,255,.08) 65%, transparent 100%);\n  opacity: .55;\n}\n\n\/* hover *\/\n.elementor-element.elementor-element-032d394 .e-loop-item:hover .elementor-element-960358c,\n.elementor-element.elementor-element-fd6b213 .e-loop-item:hover .elementor-element-960358c{\n  transform: translateY(-4px);\n  border-color: rgba(25,168,117,.28);\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.04),\n    0 22px 50px rgba(0,0,0,.34);\n}\n\n\/* =========================\n   LEFT FEATURED CARD\n========================= *\/\n.elementor-element.elementor-element-032d394 .e-loop-item{\n  margin: 0;\n}\n\n.elementor-element.elementor-element-032d394 .e-loop-item .elementor-element-960358c{\n  padding: 0;\n}\n\n.elementor-element.elementor-element-032d394 .e-loop-item .e-con-inner{\n  display: block;\n}\n\n.elementor-element.elementor-element-032d394 .elementor-element-fd0f531{\n  padding: 28px 4px 0;\n}\n\n.elementor-element.elementor-element-032d394 .elementor-element-e9561bb{\n  width: 100%;\n}\n\n.elementor-element.elementor-element-032d394 .elementor-element-e9561bb img{\n  display: block;\n  width: 100%;\n  aspect-ratio: 16 \/ 10;\n  object-fit: cover;\n  border-radius: 0 !important;\n}\n\n\/* featured content *\/\n.elementor-element.elementor-element-032d394 .elementor-element-de937b7{\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n}\n\n.elementor-element.elementor-element-032d394 .elementor-element-de937b7 .elementor-heading-title{\n  color: #f5fbf9 !important;\n  font-size: clamp(30px, 2.2vw, 42px);\n  line-height: 1.2;\n  font-weight: 700;\n  letter-spacing: -0.03em;\n}\n\n.elementor-element.elementor-element-032d394 .elementor-post-info{\n  margin-top: 12px;\n}\n\n.elementor-element.elementor-element-032d394 .elementor-post-info__item--type-date,\n.elementor-element.elementor-element-032d394 .elementor-post-info__item--type-date a,\n.elementor-element.elementor-element-032d394 .elementor-icon-list-text,\n.elementor-element.elementor-element-032d394 time{\n  color: rgba(210, 232, 226, .72) !important;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n\/* divider under featured like reference *\/\n.elementor-element.elementor-element-032d394 .e-loop-item .elementor-element-960358c::after{\n  content: \"\";\n  display: block;\n  width: calc(100% - 48px);\n  height: 1px;\n  margin: 26px auto 0;\n  background: linear-gradient(90deg, rgba(255,255,255,.24), rgba(255,255,255,.05));\n}\n\n\/* =========================\n   RIGHT LIST CARDS\n========================= *\/\n.elementor-element.elementor-element-fd6b213 .e-loop-item{\n  margin: 0 0 22px;\n}\n\n\/* \ub450\ubc88\uc9f8 \uc601\uc5ed \uccab \uce74\ub4dc \uc228\uae40 *\/\n.elementor-element.elementor-element-fd6b213 .e-loop-item:first-child{\n  display: none !important;\n}\n\n.elementor-element.elementor-element-fd6b213 .e-loop-item .elementor-element-960358c{\n  padding: 0;\n}\n\n.elementor-element.elementor-element-fd6b213 .e-loop-item .e-con-inner{\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 210px;\n  align-items: center;\n  gap: 28px;\n  padding: 26px 28px;\n  min-height: 156px;\n}\n\n.elementor-element.elementor-element-fd6b213 .elementor-element-fd0f531{\n  min-width: 0;\n  padding: 0;\n}\n\n.elementor-element.elementor-element-fd6b213 .elementor-element-de937b7{\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n}\n\n.elementor-element.elementor-element-fd6b213 .elementor-element-de937b7 .elementor-heading-title{\n  color: #f5fbf9 !important;\n  font-size: clamp(20px, 1.35vw, 30px);\n  line-height: 1.32;\n  font-weight: 700;\n  letter-spacing: -0.03em;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.elementor-element.elementor-element-fd6b213 .elementor-post-info{\n  margin-top: 12px;\n}\n\n.elementor-element.elementor-element-fd6b213 .elementor-post-info__item--type-date,\n.elementor-element.elementor-element-fd6b213 .elementor-post-info__item--type-date a,\n.elementor-element.elementor-element-fd6b213 .elementor-icon-list-text,\n.elementor-element.elementor-element-fd6b213 time{\n  color: rgba(210, 232, 226, .68) !important;\n  font-size: 13px;\n  font-weight: 500;\n}\n\n\/* small accent line before title *\/\n.elementor-element.elementor-element-fd6b213 .elementor-element-de937b7::before{\n  content: \"\";\n  display: block;\n  width: 28px;\n  height: 2px;\n  border-radius: 999px;\n  margin-bottom: 14px;\n  background: linear-gradient(90deg, #22d3a6, rgba(34,211,166,.18));\n}\n\n.elementor-element.elementor-element-032d394 .elementor-element-de937b7::before{\n  content: \"\";\n  display: block;\n  width: 40px;\n  height: 2px;\n  border-radius: 999px;\n  margin-bottom: 18px;\n  background: linear-gradient(90deg, #22d3a6, rgba(34,211,166,.18));\n}\n\n\/* right thumb *\/\n.elementor-element.elementor-element-fd6b213 .elementor-element-0865bfd{\n  width: 100% !important;\n  min-width: 0;\n  justify-content: flex-end;\n}\n\n.elementor-element.elementor-element-fd6b213 .elementor-element-e9561bb{\n  width: 100%;\n  max-width: 210px;\n  margin-left: auto;\n}\n\n.elementor-element.elementor-element-fd6b213 .elementor-element-e9561bb img{\n  display: block;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  object-fit: cover;\n  border-radius: 14px !important;\n  border: 1px solid rgba(255,255,255,.06);\n}\n\n\/* \uc774\ubbf8\uc9c0 \uc5c6\uc744 \ub54c \uc624\ub978\ucabd \uc601\uc5ed \uc81c\uac70 *\/\n.elementor-element.elementor-element-fd6b213 .elementor-element-0865bfd:empty{\n  display: none !important;\n}\n\n.elementor-element.elementor-element-fd6b213 .elementor-element-0865bfd:empty + *{\n  display: none !important;\n}\n\n.elementor-element.elementor-element-fd6b213 .e-loop-item .e-con-inner:has(.elementor-element-0865bfd:empty){\n  grid-template-columns: minmax(0, 1fr);\n}\n\n\/* has \ubbf8\uc9c0\uc6d0 \ube0c\ub77c\uc6b0\uc800 \ub300\ube44 *\/\n@supports not selector(:has(*)) {\n  .elementor-element.elementor-element-fd6b213 .elementor-element-0865bfd:empty{\n    width: 0 !important;\n    min-width: 0 !important;\n    padding: 0 !important;\n    margin: 0 !important;\n  }\n}\n\n\/* title link hover *\/\n.elementor-element.elementor-element-032d394 a,\n.elementor-element.elementor-element-fd6b213 a{\n  text-decoration: none;\n}\n\n.elementor-element.elementor-element-032d394 .elementor-heading-title:hover,\n.elementor-element.elementor-element-fd6b213 .elementor-heading-title:hover{\n  color: #ffffff !important;\n}\n\n\/* remove odd borders \/ default spacing *\/\n.elementor-element.elementor-element-032d394 .elementor-widget,\n.elementor-element.elementor-element-fd6b213 .elementor-widget{\n  margin-bottom: 0 !important;\n}\n\n.elementor-element.elementor-element-032d394 .elementor-widget-theme-post-featured-image,\n.elementor-element.elementor-element-fd6b213 .elementor-widget-theme-post-featured-image{\n  line-height: 0;\n}\n\n\/* =========================\n   TABLET\n========================= *\/\n@media (max-width: 1200px){\n  .elementor-element.elementor-element-14aa034{\n    gap: 28px;\n  }\n\n  .elementor-element.elementor-element-20bed73{\n    flex-basis: 40%;\n  }\n\n  .elementor-element.elementor-element-fd6b213 .e-loop-item .e-con-inner{\n    grid-template-columns: minmax(0, 1fr) 180px;\n    gap: 22px;\n    padding: 22px;\n  }\n}\n\n\/* =========================\n   MOBILE\n========================= *\/\n@media (max-width: 767px){\n  .elementor-element.elementor-element-14aa034{\n    padding: 0 16px;\n    gap: 18px;\n    flex-direction: column;\n  }\n\n  .elementor-element.elementor-element-20bed73,\n  .elementor-element.elementor-element-45bd0f8{\n    flex: 1 1 100%;\n    width: 100%;\n  }\n\n  .elementor-element.elementor-element-032d394 .elementor-element-de937b7 .elementor-heading-title{\n    font-size: 26px;\n  }\n\n  .elementor-element.elementor-element-032d394 .elementor-element-fd0f531{\n    padding: 22px 2px 0;\n  }\n\n  .elementor-element.elementor-element-fd6b213 .e-loop-item{\n    margin-bottom: 16px;\n  }\n\n  .elementor-element.elementor-element-fd6b213 .e-loop-item .e-con-inner{\n    grid-template-columns: 1fr;\n    gap: 16px;\n    min-height: auto;\n    padding: 20px;\n  }\n\n  .elementor-element.elementor-element-fd6b213 .elementor-element-e9561bb{\n    max-width: 100%;\n  }\n\n  .elementor-element.elementor-element-fd6b213 .elementor-element-e9561bb img{\n    width: 100%;\n  }\n\n  .elementor-element.elementor-element-fd6b213 .elementor-element-de937b7 .elementor-heading-title{\n    font-size: 20px;\n  }\n}\n\n\/* =========================\n   LIGHT MODE OVERRIDE \ub300\uc751\n   (\uc0ac\uc774\ud2b8\uac00 \ub77c\uc774\ud2b8\ubaa8\ub4dc\uc77c \ub54c\ub3c4 \uc774 \uc139\uc158\ub9cc \ub2e4\ud06c \uc720\uc9c0)\n========================= *\/\nhtml body .elementor-element.elementor-element-14aa034,\nhtml body .elementor-element.elementor-element-14aa034 *{\n  color-scheme: dark;\n}\n\n\n\/* =========================\n   NEWS SECTION REFINED\n   - \uc88c\uce21 \ub300\ud45c\uce74\ub4dc \ub192\uc774 = \uc6b0\uce21 3\uac1c \uce74\ub4dc \ub192\uc774\uac10\uc5d0 \ub9de\ucda4\n   - \ub300\ud45c\uce74\ub4dc \uc0c1\ub2e8 \ucd08\ub85d \ub77c\uc778 1\uac1c\ub85c \uc815\ub9ac\n   - \ub77c\uc778 \ub300\uc2e0 \ub354 \uc815\uc81c\ub41c \ud3ec\uc778\ud2b8 \ub514\uc790\uc778 \uc801\uc6a9\n========================= *\/\n\n.elementor-element.elementor-element-14aa034{\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 0 24px;\n  gap: 56px;\n  align-items: stretch;\n}\n\n.elementor-element.elementor-element-20bed73{\n  flex: 0 0 min(42%, 560px);\n  min-width: 0;\n  display: flex;\n}\n\n.elementor-element.elementor-element-45bd0f8{\n  flex: 1 1 auto;\n  min-width: 0;\n  display: flex;\n}\n\n\/* loop container *\/\n.elementor-element.elementor-element-032d394,\n.elementor-element.elementor-element-fd6b213{\n  width: 100%;\n}\n\n.elementor-element.elementor-element-032d394 .elementor-loop-container,\n.elementor-element.elementor-element-fd6b213 .elementor-loop-container{\n  display: block;\n}\n\n\/* \uacf5\ud1b5 \uce74\ub4dc *\/\n.elementor-element.elementor-element-032d394 .e-loop-item .elementor-element-960358c,\n.elementor-element.elementor-element-fd6b213 .e-loop-item .elementor-element-960358c{\n  position: relative;\n  background:\n    radial-gradient(circle at left top, rgba(25,168,117,.12), transparent 38%),\n    linear-gradient(180deg, rgba(5,18,16,.92) 0%, rgba(3,14,13,.97) 100%);\n  border: 1px solid rgba(25,168,117,.14);\n  border-radius: 28px;\n  overflow: hidden;\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.03),\n    0 16px 40px rgba(0,0,0,.28);\n  transition:\n    transform .32s ease,\n    border-color .32s ease,\n    box-shadow .32s ease;\n}\n\n.elementor-element.elementor-element-032d394 .e-loop-item .elementor-element-960358c::before,\n.elementor-element.elementor-element-fd6b213 .e-loop-item .elementor-element-960358c::before{\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background:\n    linear-gradient(90deg, rgba(25,168,117,.03) 1px, transparent 1px),\n    linear-gradient(rgba(25,168,117,.025) 1px, transparent 1px);\n  background-size: 10px 10px;\n  mask-image: linear-gradient(90deg, rgba(255,255,255,.72), rgba(255,255,255,.08) 68%, transparent 100%);\n  opacity: .55;\n}\n\n.elementor-element.elementor-element-032d394 .e-loop-item:hover .elementor-element-960358c,\n.elementor-element.elementor-element-fd6b213 .e-loop-item:hover .elementor-element-960358c{\n  transform: translateY(-4px);\n  border-color: rgba(25,168,117,.28);\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.04),\n    0 22px 54px rgba(0,0,0,.36);\n}\n\n\/* =========================\n   LEFT FEATURED CARD\n========================= *\/\n\n\/* \uc88c\uce21 \uce74\ub4dc\uac00 \uc6b0\uce21 3\uac1c \uce74\ub4dc \uc601\uc5ed \ub192\uc774\uc640 \uc720\uc0ac\ud558\uac8c *\/\n.elementor-element.elementor-element-032d394,\n.elementor-element.elementor-element-032d394 .elementor-loop-container,\n.elementor-element.elementor-element-032d394 .e-loop-item,\n.elementor-element.elementor-element-032d394 .e-loop-item > .elementor,\n.elementor-element.elementor-element-032d394 .e-loop-item .elementor-element-960358c{\n  height: 100%;\n}\n\n.elementor-element.elementor-element-032d394 .e-loop-item{\n  margin: 0;\n}\n\n.elementor-element.elementor-element-032d394 .e-loop-item .elementor-element-960358c{\n  padding: 0;\n  min-height: 100%;\n}\n\n.elementor-element.elementor-element-032d394 .e-loop-item .e-con-inner{\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: 30px 30px 30px;\n}\n\n\/* text area *\/\n.elementor-element.elementor-element-032d394 .elementor-element-fd0f531{\n  padding: 0;\n  margin-bottom: 22px;\n}\n\n\/* \uc774\ubbf8\uc9c0 \uc601\uc5ed\uc774 \ub0a8\ub294 \ub192\uc774\ub97c \uba39\ub3c4\ub85d *\/\n.elementor-element.elementor-element-032d394 .elementor-element-0865bfd{\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n.elementor-element.elementor-element-032d394 .elementor-element-e9561bb{\n  width: 100%;\n  height: 100%;\n}\n\n.elementor-element.elementor-element-032d394 .elementor-element-e9561bb .elementor-widget-container,\n.elementor-element.elementor-element-032d394 .elementor-element-e9561bb a{\n  display: block;\n  height: 100%;\n}\n\n.elementor-element.elementor-element-032d394 .elementor-element-e9561bb img{\n  display: block;\n  width: 100%;\n  height: 100%;\n  min-height: 320px;\n  object-fit: cover;\n  border-radius: 22px !important;\n}\n\n\/* \ub300\ud45c\uce74\ub4dc \ud0c0\uc774\ud2c0 *\/\n.elementor-element.elementor-element-032d394 .elementor-element-de937b7{\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  position: relative;\n  padding-top: 22px;\n}\n\n.elementor-element.elementor-element-032d394 .elementor-element-de937b7 .elementor-heading-title{\n  color: #f6fbf9 !important;\n  font-size: clamp(32px, 2.25vw, 42px);\n  line-height: 1.18;\n  font-weight: 700;\n  letter-spacing: -0.035em;\n}\n\n\/* \uae30\uc874 2\uc904 \ub290\ub08c \uc81c\uac70\ud558\uace0 1\uac1c\ub9cc *\/\n.elementor-element.elementor-element-032d394 .elementor-element-de937b7::before,\n.elementor-element.elementor-element-fd6b213 .elementor-element-de937b7::before{\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 3px;\n  border-radius: 999px;\n  background: linear-gradient(90deg, #22d3a6 0%, rgba(34,211,166,.18) 100%);\n}\n\n\/* \ub300\ud45c\uce74\ub4dc = \uc870\uae08 \uae38\uac8c *\/\n.elementor-element.elementor-element-032d394 .elementor-element-de937b7::before{\n  width: 42px;\n}\n\n\/* \uc6b0\uce21\uce74\ub4dc = \uc9e7\uace0 \ubbf8\ub2c8\uba40 *\/\n.elementor-element.elementor-element-fd6b213 .elementor-element-de937b7::before{\n  width: 28px;\n}\n\n\/* \ub77c\uc778 \uc678 \ucd94\uac00 \ud3ec\uc778\ud2b8 \ub514\uc790\uc778: \uc791\uc740 \uad11\uc810 *\/\n.elementor-element.elementor-element-032d394 .elementor-element-de937b7::after,\n.elementor-element.elementor-element-fd6b213 .elementor-element-de937b7::after{\n  content: \"\";\n  position: absolute;\n  top: -2px;\n  left: 0;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: rgba(34,211,166,.92);\n  box-shadow:\n    0 0 0 4px rgba(34,211,166,.08),\n    0 0 18px rgba(34,211,166,.28);\n  opacity: .9;\n}\n\n\/* \ub0a0\uc9dc *\/\n.elementor-element.elementor-element-032d394 .elementor-post-info{\n  margin-top: 14px;\n}\n\n.elementor-element.elementor-element-032d394 .elementor-post-info__item--type-date,\n.elementor-element.elementor-element-032d394 .elementor-post-info__item--type-date a,\n.elementor-element.elementor-element-032d394 .elementor-icon-list-text,\n.elementor-element.elementor-element-032d394 time{\n  color: rgba(210,232,226,.72) !important;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n\/* =========================\n   RIGHT LIST\n========================= *\/\n.elementor-element.elementor-element-fd6b213 .e-loop-item{\n  margin: 0 0 22px;\n}\n\n.elementor-element.elementor-element-fd6b213 .e-loop-item:first-child{\n  display: none !important;\n}\n\n.elementor-element.elementor-element-fd6b213 .e-loop-item:last-child{\n  margin-bottom: 0;\n}\n\n.elementor-element.elementor-element-fd6b213 .e-loop-item .elementor-element-960358c{\n  padding: 0;\n}\n\n.elementor-element.elementor-element-fd6b213 .e-loop-item .e-con-inner{\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 210px;\n  align-items: center;\n  gap: 28px;\n  padding: 28px 28px;\n  min-height: 134px;\n}\n\n.elementor-element.elementor-element-fd6b213 .elementor-element-fd0f531{\n  min-width: 0;\n  padding: 0;\n}\n\n.elementor-element.elementor-element-fd6b213 .elementor-element-de937b7{\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  position: relative;\n  padding-top: 18px;\n}\n\n.elementor-element.elementor-element-fd6b213 .elementor-element-de937b7 .elementor-heading-title{\n  color: #f5fbf9 !important;\n  font-size: clamp(20px, 1.35vw, 30px);\n  line-height: 1.28;\n  font-weight: 700;\n  letter-spacing: -0.03em;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.elementor-element.elementor-element-fd6b213 .elementor-post-info{\n  margin-top: 12px;\n}\n\n.elementor-element.elementor-element-fd6b213 .elementor-post-info__item--type-date,\n.elementor-element.elementor-element-fd6b213 .elementor-post-info__item--type-date a,\n.elementor-element.elementor-element-fd6b213 .elementor-icon-list-text,\n.elementor-element.elementor-element-fd6b213 time{\n  color: rgba(210,232,226,.68) !important;\n  font-size: 13px;\n  font-weight: 500;\n}\n\n\/* thumb *\/\n.elementor-element.elementor-element-fd6b213 .elementor-element-0865bfd{\n  width: 100% !important;\n  min-width: 0;\n  justify-content: flex-end;\n}\n\n.elementor-element.elementor-element-fd6b213 .elementor-element-e9561bb{\n  width: 100%;\n  max-width: 210px;\n  margin-left: auto;\n}\n\n.elementor-element.elementor-element-fd6b213 .elementor-element-e9561bb img{\n  display: block;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  object-fit: cover;\n  border-radius: 16px !important;\n  border: 1px solid rgba(255,255,255,.06);\n}\n\n.elementor-element.elementor-element-fd6b213 .elementor-element-0865bfd:empty{\n  display: none !important;\n}\n\n.elementor-element.elementor-element-fd6b213 .e-loop-item .e-con-inner:has(.elementor-element-0865bfd:empty){\n  grid-template-columns: minmax(0, 1fr);\n}\n\n@supports not selector(:has(*)) {\n  .elementor-element.elementor-element-fd6b213 .elementor-element-0865bfd:empty{\n    width: 0 !important;\n    min-width: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n}\n\n\/* \ub9c1\ud06c \/ \ud0c0\uc774\ud2c0 *\/\n.elementor-element.elementor-element-032d394 a,\n.elementor-element.elementor-element-fd6b213 a{\n  text-decoration: none;\n}\n\n.elementor-element.elementor-element-032d394 .elementor-heading-title:hover,\n.elementor-element.elementor-element-fd6b213 .elementor-heading-title:hover{\n  color: #ffffff !important;\n}\n\n\/* \uc704\uc82f \uc5ec\ubc31 \uc81c\uac70 *\/\n.elementor-element.elementor-element-032d394 .elementor-widget,\n.elementor-element.elementor-element-fd6b213 .elementor-widget{\n  margin-bottom: 0 !important;\n}\n\n.elementor-element.elementor-element-032d394 .elementor-widget-theme-post-featured-image,\n.elementor-element.elementor-element-fd6b213 .elementor-widget-theme-post-featured-image{\n  line-height: 0;\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n@media (max-width: 1200px){\n  .elementor-element.elementor-element-14aa034{\n    gap: 28px;\n  }\n\n  .elementor-element.elementor-element-fd6b213 .e-loop-item .e-con-inner{\n    grid-template-columns: minmax(0, 1fr) 180px;\n    gap: 20px;\n    padding: 24px;\n  }\n}\n\n@media (max-width: 767px){\n  .elementor-element.elementor-element-14aa034{\n    padding: 0 16px;\n    gap: 18px;\n    flex-direction: column;\n  }\n\n  .elementor-element.elementor-element-20bed73,\n  .elementor-element.elementor-element-45bd0f8{\n    flex: 1 1 100%;\n    width: 100%;\n    display: block;\n  }\n\n  .elementor-element.elementor-element-032d394,\n  .elementor-element.elementor-element-032d394 .elementor-loop-container,\n  .elementor-element.elementor-element-032d394 .e-loop-item,\n  .elementor-element.elementor-element-032d394 .e-loop-item > .elementor,\n  .elementor-element.elementor-element-032d394 .e-loop-item .elementor-element-960358c{\n    height: auto;\n  }\n\n  .elementor-element.elementor-element-032d394 .e-loop-item .e-con-inner{\n    padding: 22px;\n  }\n\n  .elementor-element.elementor-element-032d394 .elementor-element-e9561bb img{\n    min-height: 240px;\n  }\n\n  .elementor-element.elementor-element-032d394 .elementor-element-de937b7{\n    padding-top: 18px;\n  }\n\n  .elementor-element.elementor-element-032d394 .elementor-element-de937b7 .elementor-heading-title{\n    font-size: 26px;\n  }\n\n  .elementor-element.elementor-element-fd6b213 .e-loop-item{\n    margin-bottom: 16px;\n  }\n\n  .elementor-element.elementor-element-fd6b213 .e-loop-item .e-con-inner{\n    grid-template-columns: 1fr;\n    gap: 16px;\n    min-height: auto;\n    padding: 20px;\n  }\n\n  .elementor-element.elementor-element-fd6b213 .elementor-element-e9561bb{\n    max-width: 100%;\n  }\n\n  .elementor-element.elementor-element-fd6b213 .elementor-element-de937b7{\n    padding-top: 16px;\n  }\n\n  .elementor-element.elementor-element-fd6b213 .elementor-element-de937b7 .elementor-heading-title{\n    font-size: 20px;\n  }\n}\n\n\/* \ub2e4\ud06c \uc720\uc9c0 *\/\nhtml body .elementor-element.elementor-element-14aa034,\nhtml body .elementor-element.elementor-element-14aa034 *{\n  color-scheme: dark;\n}\n\n\/* \ub77c\uc774\ud2b8\ubaa8\ub4dc\uc5d0\uc11c \uce74\ub4dc \ubc30\uacbd\uc744 \ubc1d\uc740 \ud1a4\uc73c\ub85c *\/\n@media (prefers-color-scheme: light){\n\n  .elementor-element.elementor-element-032d394 .elementor-element-960358c,\n  .elementor-element.elementor-element-fd6b213 .elementor-element-960358c{\n\n    background:\n      radial-gradient(circle at left top, rgba(25,168,117,.08), transparent 40%),\n      linear-gradient(180deg,#ffffff 0%, #f3f7f5 100%) !important;\n\n    border: 1px solid rgba(0,0,0,.06);\n    box-shadow:\n      0 10px 30px rgba(0,0,0,.08),\n      inset 0 1px 0 rgba(255,255,255,.7);\n  }\n\n  \/* \ud14d\uc2a4\ud2b8 \uc0c9\ub3c4 \ub77c\uc774\ud2b8\ud1a4 \ub9de\uac8c *\/\n  .elementor-element.elementor-element-032d394 .elementor-heading-title,\n  .elementor-element.elementor-element-fd6b213 .elementor-heading-title{\n    color:#1f2a26 !important;\n  }\n\n  .elementor-element.elementor-element-032d394 time,\n  .elementor-element.elementor-element-fd6b213 time{\n    color:#6b7b75 !important;\n  }\n\n}\n\n\/* \ub77c\uc774\ud2b8\ubaa8\ub4dc\uc5d0\uc11c \ub274\uc2a4 \uce74\ub4dc \ud14d\uc2a4\ud2b8 \uac15\uc81c \ubcf4\uc815 *\/\n@media (prefers-color-scheme: light){\n\n  .elementor-element.elementor-element-032d394 .elementor-element-de937b7 .elementor-heading-title,\n  .elementor-element.elementor-element-fd6b213 .elementor-element-de937b7 .elementor-heading-title,\n  .elementor-element.elementor-element-032d394 .elementor-widget-theme-post-title .elementor-heading-title,\n  .elementor-element.elementor-element-fd6b213 .elementor-widget-theme-post-title .elementor-heading-title{\n    color: #13231f !important;\n    -webkit-text-fill-color: #13231f !important;\n  }\n\n  .elementor-element.elementor-element-032d394 .elementor-element-a7abe7c .elementor-icon-list-text,\n  .elementor-element.elementor-element-fd6b213 .elementor-element-a7abe7c .elementor-icon-list-text,\n  .elementor-element.elementor-element-032d394 .elementor-element-a7abe7c .elementor-icon-list-text a,\n  .elementor-element.elementor-element-fd6b213 .elementor-element-a7abe7c .elementor-icon-list-text a,\n  .elementor-element.elementor-element-032d394 .elementor-element-a7abe7c time,\n  .elementor-element.elementor-element-fd6b213 .elementor-element-a7abe7c time{\n    color: #667872 !important;\n    -webkit-text-fill-color: #667872 !important;\n  }\n\n}\n<\/style>\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VETERINARY CLINICAL AI AGENT \ub370\uc774\ud130\ub97c \ucf54\ub4dc\ub85c \ucf54\ub4dc\ub97c \uacb0\uc815\uc73c\ub85c \uc0dd\uba85\uc744 \uc0b4\ub9ac\ub294 AI \uc218\uc758 \uc784\uc0c1 \ud604\uc7a5\uc5d0\uc11c \ub354 \ube60\ub974\uace0 \ub354 \ubc14\ub978 \ud310\ub2e8\uc744 \ub3d5\ub294 AI Agent. CODE FOR LIFE \ucd98\uc625\ucef4\ud37c\ub2c8\ub294 AI Agent\ub85c \uc218\uc758\uc0ac\uc758 \uacb0\uc815\uc744 \ub354 \ube60\ub974\uace0 \ubc14\ub974\uac8c \ub9cc\ub4e4\uc5b4, \uc0dd\uba85\uc744 \uc0b4\ub9bd\ub2c8\ub2e4 \ucd98\uc625\ucef4\ud37c\ub2c8\ub294 \uc0dd\uba85\uc744 \uc0b4\ub9ac\ub294 \uc784\uc0c1 \uc758\uc0ac\uacb0\uc815 AI Agent\ub97c \ub9cc\ub4ed\ub2c8\ub2e4. \uc11c\ube44\uc2a4 \ubcf4\uae30 \ud30c\ud2b8\ub108 \ubb38\uc758 SCROLL DOWN 01 02 WHAT WE SOLVE [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\uba54\uc778 - \ucd98\uc625\ucef4\ud37c\ub2c8<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/in.bemypet.kr\/choonokcompany\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\uba54\uc778 - \ucd98\uc625\ucef4\ud37c\ub2c8\" \/>\n<meta property=\"og:description\" content=\"VETERINARY CLINICAL AI AGENT \ub370\uc774\ud130\ub97c \ucf54\ub4dc\ub85c \ucf54\ub4dc\ub97c \uacb0\uc815\uc73c\ub85c \uc0dd\uba85\uc744 \uc0b4\ub9ac\ub294 AI \uc218\uc758 \uc784\uc0c1 \ud604\uc7a5\uc5d0\uc11c \ub354 \ube60\ub974\uace0 \ub354 \ubc14\ub978 \ud310\ub2e8\uc744 \ub3d5\ub294 AI Agent. CODE FOR LIFE \ucd98\uc625\ucef4\ud37c\ub2c8\ub294 AI Agent\ub85c \uc218\uc758\uc0ac\uc758 \uacb0\uc815\uc744 \ub354 \ube60\ub974\uace0 \ubc14\ub974\uac8c \ub9cc\ub4e4\uc5b4, \uc0dd\uba85\uc744 \uc0b4\ub9bd\ub2c8\ub2e4 \ucd98\uc625\ucef4\ud37c\ub2c8\ub294 \uc0dd\uba85\uc744 \uc0b4\ub9ac\ub294 \uc784\uc0c1 \uc758\uc0ac\uacb0\uc815 AI Agent\ub97c \ub9cc\ub4ed\ub2c8\ub2e4. \uc11c\ube44\uc2a4 \ubcf4\uae30 \ud30c\ud2b8\ub108 \ubb38\uc758 SCROLL DOWN 01 02 WHAT WE SOLVE [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/in.bemypet.kr\/choonokcompany\/\" \/>\n<meta property=\"og:site_name\" content=\"\ucd98\uc625\ucef4\ud37c\ub2c8\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-10T05:14:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/in.bemypet.kr\/app\/uploads\/sites\/72\/2026\/03\/Modern_editorial_illustration_of_a_busy_veterinary_delpmaspu-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"59\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/in.bemypet.kr\/choonokcompany\/\",\"url\":\"https:\/\/in.bemypet.kr\/choonokcompany\/\",\"name\":\"\uba54\uc778 - \ucd98\uc625\ucef4\ud37c\ub2c8\",\"isPartOf\":{\"@id\":\"https:\/\/in.bemypet.kr\/choonokcompany\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/in.bemypet.kr\/choonokcompany\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/in.bemypet.kr\/choonokcompany\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/in.bemypet.kr\/app\/uploads\/sites\/72\/2026\/03\/Modern_editorial_illustration_of_a_busy_veterinary_delpmaspu-scaled.jpg\",\"datePublished\":\"2026-02-22T02:07:28+00:00\",\"dateModified\":\"2026-03-10T05:14:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/in.bemypet.kr\/choonokcompany\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/in.bemypet.kr\/choonokcompany\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/in.bemypet.kr\/choonokcompany\/#primaryimage\",\"url\":\"https:\/\/in.bemypet.kr\/app\/uploads\/sites\/72\/2026\/03\/Modern_editorial_illustration_of_a_busy_veterinary_delpmaspu-scaled.jpg\",\"contentUrl\":\"https:\/\/in.bemypet.kr\/app\/uploads\/sites\/72\/2026\/03\/Modern_editorial_illustration_of_a_busy_veterinary_delpmaspu-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/in.bemypet.kr\/choonokcompany\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/in.bemypet.kr\/choonokcompany\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\uba54\uc778\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/in.bemypet.kr\/choonokcompany\/#website\",\"url\":\"https:\/\/in.bemypet.kr\/choonokcompany\/\",\"name\":\"\ucd98\uc625\ucef4\ud37c\ub2c8\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/in.bemypet.kr\/choonokcompany\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/in.bemypet.kr\/choonokcompany\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/in.bemypet.kr\/choonokcompany\/#organization\",\"name\":\"\ucd98\uc625\ucef4\ud37c\ub2c8\",\"url\":\"https:\/\/in.bemypet.kr\/choonokcompany\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/in.bemypet.kr\/choonokcompany\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/02\/08175518\/LOGO_W-e1772960486842.png\",\"contentUrl\":\"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/02\/08175518\/LOGO_W-e1772960486842.png\",\"width\":570,\"height\":307,\"caption\":\"\ucd98\uc625\ucef4\ud37c\ub2c8\"},\"image\":{\"@id\":\"https:\/\/in.bemypet.kr\/choonokcompany\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\uba54\uc778 - \ucd98\uc625\ucef4\ud37c\ub2c8","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/in.bemypet.kr\/choonokcompany\/","og_locale":"ko_KR","og_type":"article","og_title":"\uba54\uc778 - \ucd98\uc625\ucef4\ud37c\ub2c8","og_description":"VETERINARY CLINICAL AI AGENT \ub370\uc774\ud130\ub97c \ucf54\ub4dc\ub85c \ucf54\ub4dc\ub97c \uacb0\uc815\uc73c\ub85c \uc0dd\uba85\uc744 \uc0b4\ub9ac\ub294 AI \uc218\uc758 \uc784\uc0c1 \ud604\uc7a5\uc5d0\uc11c \ub354 \ube60\ub974\uace0 \ub354 \ubc14\ub978 \ud310\ub2e8\uc744 \ub3d5\ub294 AI Agent. CODE FOR LIFE \ucd98\uc625\ucef4\ud37c\ub2c8\ub294 AI Agent\ub85c \uc218\uc758\uc0ac\uc758 \uacb0\uc815\uc744 \ub354 \ube60\ub974\uace0 \ubc14\ub974\uac8c \ub9cc\ub4e4\uc5b4, \uc0dd\uba85\uc744 \uc0b4\ub9bd\ub2c8\ub2e4 \ucd98\uc625\ucef4\ud37c\ub2c8\ub294 \uc0dd\uba85\uc744 \uc0b4\ub9ac\ub294 \uc784\uc0c1 \uc758\uc0ac\uacb0\uc815 AI Agent\ub97c \ub9cc\ub4ed\ub2c8\ub2e4. \uc11c\ube44\uc2a4 \ubcf4\uae30 \ud30c\ud2b8\ub108 \ubb38\uc758 SCROLL DOWN 01 02 WHAT WE SOLVE [&hellip;]","og_url":"https:\/\/in.bemypet.kr\/choonokcompany\/","og_site_name":"\ucd98\uc625\ucef4\ud37c\ub2c8","article_modified_time":"2026-03-10T05:14:43+00:00","og_image":[{"url":"https:\/\/in.bemypet.kr\/app\/uploads\/sites\/72\/2026\/03\/Modern_editorial_illustration_of_a_busy_veterinary_delpmaspu-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"59\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/in.bemypet.kr\/choonokcompany\/","url":"https:\/\/in.bemypet.kr\/choonokcompany\/","name":"\uba54\uc778 - \ucd98\uc625\ucef4\ud37c\ub2c8","isPartOf":{"@id":"https:\/\/in.bemypet.kr\/choonokcompany\/#website"},"primaryImageOfPage":{"@id":"https:\/\/in.bemypet.kr\/choonokcompany\/#primaryimage"},"image":{"@id":"https:\/\/in.bemypet.kr\/choonokcompany\/#primaryimage"},"thumbnailUrl":"https:\/\/in.bemypet.kr\/app\/uploads\/sites\/72\/2026\/03\/Modern_editorial_illustration_of_a_busy_veterinary_delpmaspu-scaled.jpg","datePublished":"2026-02-22T02:07:28+00:00","dateModified":"2026-03-10T05:14:43+00:00","breadcrumb":{"@id":"https:\/\/in.bemypet.kr\/choonokcompany\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/in.bemypet.kr\/choonokcompany\/"]}]},{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/in.bemypet.kr\/choonokcompany\/#primaryimage","url":"https:\/\/in.bemypet.kr\/app\/uploads\/sites\/72\/2026\/03\/Modern_editorial_illustration_of_a_busy_veterinary_delpmaspu-scaled.jpg","contentUrl":"https:\/\/in.bemypet.kr\/app\/uploads\/sites\/72\/2026\/03\/Modern_editorial_illustration_of_a_busy_veterinary_delpmaspu-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/in.bemypet.kr\/choonokcompany\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/in.bemypet.kr\/choonokcompany\/"},{"@type":"ListItem","position":2,"name":"\uba54\uc778"}]},{"@type":"WebSite","@id":"https:\/\/in.bemypet.kr\/choonokcompany\/#website","url":"https:\/\/in.bemypet.kr\/choonokcompany\/","name":"\ucd98\uc625\ucef4\ud37c\ub2c8","description":"","publisher":{"@id":"https:\/\/in.bemypet.kr\/choonokcompany\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/in.bemypet.kr\/choonokcompany\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ko-KR"},{"@type":"Organization","@id":"https:\/\/in.bemypet.kr\/choonokcompany\/#organization","name":"\ucd98\uc625\ucef4\ud37c\ub2c8","url":"https:\/\/in.bemypet.kr\/choonokcompany\/","logo":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/in.bemypet.kr\/choonokcompany\/#\/schema\/logo\/image\/","url":"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/02\/08175518\/LOGO_W-e1772960486842.png","contentUrl":"https:\/\/img.bemypet.kr\/content\/sites\/72\/2026\/02\/08175518\/LOGO_W-e1772960486842.png","width":570,"height":307,"caption":"\ucd98\uc625\ucef4\ud37c\ub2c8"},"image":{"@id":"https:\/\/in.bemypet.kr\/choonokcompany\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/in.bemypet.kr\/choonokcompany\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/in.bemypet.kr\/choonokcompany\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/in.bemypet.kr\/choonokcompany\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/in.bemypet.kr\/choonokcompany\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/in.bemypet.kr\/choonokcompany\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":487,"href":"https:\/\/in.bemypet.kr\/choonokcompany\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":647,"href":"https:\/\/in.bemypet.kr\/choonokcompany\/wp-json\/wp\/v2\/pages\/12\/revisions\/647"}],"wp:attachment":[{"href":"https:\/\/in.bemypet.kr\/choonokcompany\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}