{"id":1663041,"date":"2026-03-11T15:04:01","date_gmt":"2026-03-11T06:04:01","guid":{"rendered":"https:\/\/www.hanwhavision.com\/?post_type=hws_solution&#038;p=1663041"},"modified":"2026-03-11T15:04:03","modified_gmt":"2026-03-11T06:04:03","slug":"city-surveillance","status":"publish","type":"hws_solution","link":"https:\/\/www.hanwhavision.com\/ko\/solutions\/city-surveillance\/","title":{"rendered":"\uc2a4\ub9c8\ud2b8\uc2dc\ud2f0"},"content":{"rendered":"\n<!-- PROMO BANNER BLOCK -->\n<section class=\"section-promo \" >\n\t\t<div class=\"promo-block \">\n\t\t\t\t<div class=\"media-cell \">\n\t\t\t\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/01.-head-banner-ver2.jpg\" alt=\"\" loading=\"lazy\" \/>\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<div class=\"content-cell\">\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<div class=\"container\">\n\t\t\t\t\t<div class=\"content-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"title\">\uc2a4\ub9c8\ud2b8\uc2dc\ud2f0<\/h2>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"richtext-container\">\n\t\t\t\t\t\t\t<p>\uc0b6\uc758 \uc9c8\uc744 \ub192\uc774\ub294 \uc548\uc804\ud558\uace0 \uc2a4\ub9c8\ud2b8\ud55c \ub3c4\uc2dc\ub97c \uad6c\ud604\ud569\ub2c8\ub2e4.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"btn-group\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/support.hanwhavision.com\/hc\/requests\/new?ticket_form_id=14032804897679&#038;button=vertical&#038;field=citysurveillance\" target=\"_blank\" class=\"btn\" >\ubb38\uc758\ud558\uae30 <span class=\"icon-font icon-arrow-right\"><\/span><\/a>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n\n<style>\n  .media-cell {\n    filter: brightness(0.8);\n  }\n  \n  .btn-group .btn {\n    background-color: #ff6600;\n    border: 1px solid #ff6600;\n    color: #ff6600;\n  }\n  \n  .btn-group > *:nth-child(2) .icon-font {\n    display: none;\n  }\n  \n  .btn-outline {\n    flex-wrap: wrap;\n    min-height: 48px;\n    height: auto;\n    justify-content: flex-start;\n    position: relative;\n  }\n  \n  .icon-font,\n  .hwFont {\n    white-space: nowrap;\n    flex-shrink: 0;\n  }\n  \n  .btn-outline span:not(.hwFont):not(.icon-font) {\n    display: block;\n    white-space: normal;\n    word-break: break-word;\n  }\n  \n  .btn-group > *:nth-child(1) {\n    color: #fff;\n  }\n  \n  .section-promo .content-cell .title {\n    font-size: 44px;\n    font-weight: 700;\n    line-height: 62px;\n    z-index: 2;\n  }\n  \n  .richtext-container p {\n    font-size: 20px;\n    font-weight: 500;\n    line-height: 30px;\n    color: #bdbdbd;\n    z-index: 2;\n  }\n  \n  @media screen and (max-width: 768px) {\n    .richtext-container p {\n      color: #525252;\n    }\n  }\n  \n  @media screen and (max-width: 576px) {\n    .section-promo .content-cell .title {\n      font-size: 28px;\n      line-height: 42px;\n      letter-spacing: -0.56px;\n    }\n  \n    .richtext-container p {\n      font-size: 16px;\n      line-height: 24px;\n      letter-spacing: -0.32px;\n    }\n  \n    .btn-outline {\n      font-size: 16px;\n      padding: 8px 12px;\n    }\n  \n    .btn-outline svg {\n      fill: #f60;\n    }\n  \n    .btn-outline:hover svg {\n      fill: #f4731f;\n    }\n  }\n  \n  @media screen and (max-width: 422px) {\n    .postid-1614816 .btn-outline svg {\n      position: absolute;\n      right: 8px;\n    }\n  }\n  <\/style>\n\n\n\n<!-- STICKY NAV BAR BLOCK -->\n<section class=\"section-nav-header \" id=\"StickyNavBar\">\n\t<div class=\"wrapper\">\n\t\t<div class=\"container\">\n\t\t\t<nav class=\"section-header-nav\">\n\t\t\t\t<div class=\"product-info-container\">\n\t\t\t\t\t<div class=\"product-info\">\n\t\t\t\t\t\t<div class=\"txt-cell\">\n\t\t\t\t\t\t\t<div class=\"current-tab hidden-from-xxl\">Nav Links<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<button class=\"btn-icon hidden-from-xxl\" id=\"StickyNavBarMobileDropdownToggle\"><span class=\"icon-font icon-chevron-down\"><\/span><\/button>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<ul class=\"nav-header\" role=\"tablist\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t\t<a href=\"#CitySurveillance-Section-Overview\">\uac1c\uc694<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t\t<a href=\"#CitySurveillance-Section-CustomerStories\">\uace0\uac1d \ucf00\uc774\uc2a4 \uc2a4\ud130\ub514<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t\t<a href=\"#CitySurveillance-Section-OurSolutions\">\uc194\ub8e8\uc158<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t<\/nav>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n\n<style>\n    .section-header-nav {\n      padding: 0;\n    }\n  \n    .section-header-nav::before {\n      display: none;\n    }\n  \n    .nav-header a {\n      color: #7c7c7c;\n      text-decoration: none;\n      padding: 20px 28px;\n      border-right: 1px solid #dcdcdc;\n    }\n  \n    .nav-header a.active {\n      color: #fff;\n      border-bottom: 2px solid #ff6600;\n      font-weight: bold;\n    }\n    @media (max-width: 1400px) {\n      .nav-header a {\n        border-right: none;\n      }\n    }\n    <\/style>\n\n\n\n<section class=\"section-featured-articles type-healthcare\" id=\"CitySurveillance-Section-Overview\">\n      <div class=\"wrapper\">\n        <div class=\"container\">\n          <div class=\"basic-module-block\">\n            <div class=\"title-cell\">\n              <h2 class=\"title\">\uac1c\uc694<\/h2>\n              <p>\uc804 \uc138\uacc4 \ub3c4\uc2dc \ub9ac\ub354\uc640 \ubcf4\uc548 \uc804\ubb38\uac00\ub4e4\uc740 \uc0b6\uc758 \uc9c8\uc744 \ub192\uc774\uace0, \ubd80\ub3d9\uc0b0 \uac00\uce58\ub97c \uac15\ud654\ud558\uba70, \uae30\uc5c5 \ud22c\uc790\ub97c \uc774\ub04c\uc5b4\ub0b4\ub294 \uc548\uc804\ud55c \ub3c4\uc2dc \ud658\uacbd\uc744 \uad6c\ucd95\ud558\uae30 \uc704\ud574 \ud55c\ud654\ube44\uc804\uc758 \uae30\uc220\uc744 \uc120\ud0dd\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n              <p><span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span>\uc740 \ucca8\ub2e8 \uc601\uc0c1\ubcf4\uc548 \uce74\uba54\ub77c, AI \uae30\ubc18 \ubd84\uc11d, \uc624\ub514\uc624 \uc194\ub8e8\uc158\uc744 \ud1b5\ud574 \uad50\ud1b5 \uc2dc\uc2a4\ud15c\ubd80\ud130 \uacf5\uacf5\uc2dc\uc124, \uc5c5\ubb34\uc6a9 \ube4c\ub529, \uc720\ud2f8\ub9ac\ud2f0 \uc124\ube44, \ud575\uc2ec \uc778\ud504\ub77c\uc5d0 \uc774\ub974\uae30\uae4c\uc9c0 \ub3c4\uc2dc \uc804\ubc18\uc758 \uc601\uc0c1 \uc778\ud154\ub9ac\uc804\uc2a4\ub97c \uc720\uae30\uc801\uc73c\ub85c \ud1b5\ud569\ud569\ub2c8\ub2e4.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n\n\n<style>\n    #CitySurveillance-Section-Overview {\n      width: 100%;\n      padding: 100px 0 0 0;\n      background-image: url('https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/Overview-BG.png');\n    }\n  \n    #CitySurveillance-Section-Overview .basic-module-block {\n      width: 100%;\n      display: flex;\n      gap: 68px;\n      justify-content: space-between;\n    }\n  \n    #CitySurveillance-Section-Overview .basic-module-block > .title-cell {\n      width: 100%;\n      max-width: 800px;\n    }\n  \n    #CitySurveillance-Section-Overview .basic-module-block > .body-cell {\n      width: 100%;\n    }\n  \n    #CitySurveillance-Section-Overview .title-cell h2 {\n      font-weight: 700;\n      font-size: 44px;\n      line-height: 62px;\n      color: #fff;\n      margin-bottom: 16px;\n      letter-spacing: -0.88px;\n    }\n  \n    #CitySurveillance-Section-Overview .title-cell p {\n      color: #BDBDBD;\n      font-size: 20px;\n      font-weight: 400;\n      line-height: 24px;\n      letter-spacing: -0.32px;\n    }\n  \n    #CitySurveillance-Section-Overview .body-image {\n      width: 100%;\n      max-width: 802px;\n      height: 100%;\n      max-height: 452px;\n      margin-left: auto;\n    }\n  \n    #CitySurveillance-Section-Overview .overview-image {\n      width: 100%;\n      height: 100%;\n      aspect-ratio: 401 \/ 226;\n    }\n  \n    @media (max-width: 1400px) {\n      #CitySurveillance-Section-Overview {\n        padding: 48px 0 0 0;\n      }\n      \n      #CitySurveillance-Section-Overview .basic-module-block {\n        flex-direction: column-reverse;\n        align-items: center;\n        gap: 20px;\n      }\n  \n      #CitySurveillance-Section-Overview .body-cell {\n        display: flex;\n        justify-content: center;\n      }\n  \n      #CitySurveillance-Section-Overview .basic-module-block > .title-cell {\n        max-width: 802px;\n      }\n  \n      #CitySurveillance-Section-Overview .body-image {\n        width: 100%;\n        display: flex;\n        justify-content: center;\n        margin-left: 0;\n      }\n  \n      #CitySurveillance-Section-Overview .overview-image {\n        object-position: center;\n      }\n    }\n  \n    @media screen and (max-width: 992px) {\n      #CitySurveillance-Section-Overview .title-cell h2 {\n        font-size: 32px;\n        line-height: 48px;\n        letter-spacing: -0.64px;\n      }\n  \n      #CitySurveillance-Section-Overview .title-cell p {\n        font-size: 16px;\n        line-height: 24px;\n        letter-spacing: -0.32px;\n      }\n    }\n  \n    @media (max-width: 376px) {\n      #CitySurveillance-Section-Overview .title-cell h2 {\n        font-size: 32px;\n        line-height: 48px;\n        letter-spacing: -0.64px;\n      }\n  \n      #CitySurveillance-Section-Overview .title-cell p {\n        font-size: 16px;\n        line-height: 24px;\n        letter-spacing: -0.32px;\n      }\n    }\n    <\/style>\n\n\n\n<section class=\"section-featured-articles type-healthcare\" id=\"CitySurveillance-Section-Solution\">\n      <div class=\"wrapper\">\n        <div class=\"container\">\n          <div class=\"basic-module-block\">\n            <div class=\"body-cell\">\n              <div class=\"education-card\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/01.-crime-deterrence.jpg\" \/>\n                <h2>\ubc94\uc8c4 \uc5b5\uc81c \ubc0f \uc608\ubc29<\/h2>\n                <ul class=\"content\">\n                  <li>\uc804 \uc138\uacc4 \ub2e4\uc591\ud55c \uc5f0\uad6c \uacb0\uacfc\uc5d0 \ub530\ub974\uba74 AI \uae30\ubc18 \ubd84\uc11d \uae30\ub2a5\uacfc \ub192\uc740 \uac00\uc2dc\uc131\uc744 \uac16\ucd98 \uce74\uba54\ub77c\ub294 \ubc94\uc8c4 \uc5b5\uc81c\ub294 \ubb3c\ub860, \ubcf4\ub2e4 \uc548\uc804\ud55c \ucee4\ubba4\ub2c8\ud2f0 \u2028\uc870\uc131\uc5d0 \uc2e4\uc9c8\uc801\uc778 \ud6a8\uacfc\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4.\u200b<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"education-card\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/02.-data-driven.jpg\" \/>\n                <h2>\uc6b4\uc601 \ud6a8\uc728\uc131 \ud5a5\uc0c1\uc744 \uc704\ud55c \ub370\uc774\ud130 \uae30\ubc18 \uc758\uc0ac\uacb0\uc815<\/h2>\n                <ul class=\"content\">\n                  <li>AI \uae30\ubc18 \uc601\uc0c1\ubcf4\uc548\uc740 \uad50\ud1b5 \ud63c\uc7a1, \uc548\uc804 \uc0ac\uace0, \uc778\ud504\ub77c \uc774\uc0c1\uc744 \uc2e4\uc2dc\uac04\uc73c\ub85c \uc790\ub3d9 \uac10\uc9c0\ud574 \u2028\ub3c4\uc2dc \uc6b4\uc601\uc758 \ud6a8\uc728\uc131\uc744 \uac15\ud654\ud569\ub2c8\ub2e4.<\/li>\n                  <li>\uc218\uc9d1\ub41c \ub370\uc774\ud130\ub294 \ub3c4\uc2dc \uacc4\ud68d \uc218\ub9bd\uc744 \u2028\uc9c0\uc6d0\ud558\uace0, \uad50\ud1b5 \ud750\ub984\uc744 \ucd5c\uc801\ud654\ud558\uba70, \uacf5\uacf5 \u2028\uc11c\ube44\uc2a4\ub97c \uac15\ud654\ud574 \ub354 \uc815\uad50\ud55c \uc790\uc6d0 \ubc30\ubd84\uacfc \u2028\ud6a8\uacfc\uc801\uc778 \uc6b4\uc601\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"education-card\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/03.-faster-incident.jpg\" \/>\n                <h2>\uc2e0\uc18d\ud55c \uc0ac\uac74 \ub300\uc751 \ubc0f \ud3ec\ub80c\uc2dd \uac80\uc0c9<\/h2>\n                <ul class=\"content\">\n                  <li>AI \uce74\uba54\ub77c\uc640 \uc9c0\ub2a5\ud615 \uc624\ub514\uc624 \uc194\ub8e8\uc158\uc774 \u2028\uc81c\uacf5\ud558\ub294 \uc2e4\uc2dc\uac04 \uc54c\ub78c\uc740 \ubcf4\uc548 \ub2f4\ub2f9\uc790\uac00 \u2028\uc0ac\uac74\uc5d0 \uc989\uac01 \ub300\uc751\ud558\uace0, \ud544\uc694\ud55c \uc601\uc0c1\uc744 \u2028\ube60\ub974\uac8c \uac80\uc0c9\ud560 \uc218 \uc788\ub3c4\ub85d \uc9c0\uc6d0\ud569\ub2c8\ub2e4.\u200b\u200b<\/li>\n                  <li>\uc774\ub7ec\ud55c \ubd84\uc11d \uae30\ub2a5\uc740 \uc7a0\uc7ac\uc801 \uc704\ud611\uc744 \uc870\uae30\uc5d0 \uc2dd\ubcc4\ud574 \ub300\uc751 \uc2dc\uac04\uc744 \ub2e8\ucd95\ud558\uace0, \uae30\uc5c5\uacfc \uc2dc\ubbfc \ubaa8\ub450\ub97c \uc704\ud574 \ubcf4\ub2e4 \uc548\uc804\ud55c \ud658\uacbd\uc744 \u2028\uad6c\ucd95\ud569\ub2c8\ub2e4.<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"education-card\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/04.-reduced-traffic.jpg\" \/>\n                <h2>\uad50\ud1b5 \uc0ac\uace0 \ubc0f \ud63c\uc7a1 \uac10\uc18c<\/h2>\n                <ul class=\"content\">\n                  <li>\ubc88\ud638\ud310 \uc778\uc2dd(LPR)\uc744 \ud0d1\uc7ac\ud55c AI \uae30\ubc18 \u2028\uc601\uc0c1\ubcf4\uc548 \uce74\uba54\ub77c\ub294 \uacfc\uc18d, \uae09\uc81c\ub3d9, \uad50\ud1b5 \uc815\uccb4 \ub4f1 \uc704\ud5d8 \uc694\uc778\uc744 \uc0ac\uace0 \ubc1c\uc0dd \uc774\uc804 \ub2e8\uacc4\uc5d0\uc11c \u2028\uc2dd\ubcc4\ud569\ub2c8\ub2e4. \uc2e4\uc2dc\uac04 \uc778\uc0ac\uc774\ud2b8\ub294 \ucd95\uc801\ub41c \u2028\ub370\uc774\ud130\uc640 \uacb0\ud569\ub418\uc5b4 \uad50\ud1b5 \uad00\ub9ac\uc790\uac00 \ud63c\uc7a1\uc744 \uc644\ud654\ud558\uace0, \uc0ac\uace0\ub97c \ucd5c\uc18c\ud654\ud558\uba70, \ub3c4\uc2dc \uc804\ubc18\uc758 \uad50\ud1b5 \ud750\ub984\uc744 \ud6a8\uc728\uc801\uc73c\ub85c \uac1c\uc120\ud560 \uc218 \uc788\ub3c4\ub85d \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n\n\n<style>\n    #CitySurveillance-Section-Solution {\n      padding: 100px 0;\n      background-color: #181818;\n    }\n  \n    #CitySurveillance-Section-Solution .body-cell {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      column-gap: 40px;\n      align-items: start;\n      position: relative;\n  \n      background-image:\n        linear-gradient(#525252, #525252),\n        linear-gradient(#525252, #525252),\n        linear-gradient(#525252, #525252);\n      background-repeat: no-repeat;\n      background-size: 1px 100%, 1px 100%, 1px 100%;\n  \n      background-position:\n        calc((100% - 3*40px) * 1\/4 + 40px * 0.5) 0,\n        calc((100% - 3*40px) * 2\/4 + 40px * 1.5) 0,\n        calc((100% - 3*40px) * 3\/4 + 40px * 2.5) 0;\n    }\n  \n    #CitySurveillance-Section-Solution .body-cell > *:nth-child(1),\n    #CitySurveillance-Section-Solution .body-cell > *:nth-child(2),\n    #CitySurveillance-Section-Solution .body-cell > *:nth-child(3),\n    #CitySurveillance-Section-Solution .body-cell > *:nth-child(4) {\n      padding: 0;\n    }\n  \n    #CitySurveillance-Section-Solution .education-card {\n      flex: 1 0 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 24px;\n    }\n  \n    #CitySurveillance-Section-Solution .education-card img {\n      width: 100%;\n      object-fit: contain;\n      object-position: top;\n    }\n  \n    #CitySurveillance-Section-Solution .education-card h2 {\n      color: #fff;\n      font-family: \"Noto Sans\";\n      font-size: 24px;\n      font-style: normal;\n      font-weight: 600;\n      line-height: 36px;\n      min-height: 72px;\n      letter-spacing: -0.48px;\n      text-transform: capitalize;\n      margin: 0px;\n    }\n  \n    #CitySurveillance-Section-Solution .education-card p {\n      color: #BDBDBD;\n      font-family: \"Noto Sans\";\n      font-size: 20px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 30px;\n      letter-spacing: -0.4px;\n    }\n  \n    #CitySurveillance-Section-Solution .education-card .content {\n      width: 100%;\n      height: 100%;\n      padding-left: 24px;\n      margin: 0 0 6px 0;\n      gap: 16px;\n    }\n  \n    #CitySurveillance-Section-Solution .education-card .content li {\n      color: #BDBDBD;\n      font-size: 20px;\n      margin-top: 12px;\n    }\n  \n    @media screen and (max-width: 1400px) {\n      #CitySurveillance-Section-Solution .body-cell {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        column-gap: 24px;\n        row-gap: 40px;\n  \n        background: none !important;\n        background-image: none !important;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card img {\n        object-fit: fill;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card h2 {\n        font-size: 24px;\n        line-height: 30px;\n        letter-spacing: -0.4px;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card p {\n        font-size: 16px;\n        line-height: 26px;\n        letter-spacing: -0.32px;\n      }\n    }\n  \n    @media screen and (max-width: 992px) {\n      #CitySurveillance-Section-Solution {\n        padding: 56px 0 0 0;\n      }\n  \n      #CitySurveillance-Section-Solution .body-cell {\n        display: flex;\n        flex-direction: column;\n        gap: 28px;\n        background: none !important;\n        background-image: none !important;\n      }\n      \n      #CitySurveillance-Section-Solution .body-cell::before,\n      #CitySurveillance-Section-Solution .body-cell::after {\n        content: none !important;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card {\n        font-size: 16px;\n        position: relative;\n        gap: 12px;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card:not(:last-child)::after {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        height: 1px;\n        background: #525252;\n        pointer-events: none;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card img {\n        object-fit: fill;\n      }\n  \n      #CitySurveillance-Section-Solution .body-cell > *:nth-child(1),\n      #CitySurveillance-Section-Solution .body-cell > *:nth-child(2),\n      #CitySurveillance-Section-Solution .body-cell > *:nth-child(3) {\n        border-right: none;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card h2 {\n        font-size: 16px;\n        font-weight: 600;\n        line-height: 24px;\n        letter-spacing: -0.32px;\n        min-height: 0px;\n        margin-bottom: 12px;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card .content {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card .content li {\n        font-size: 14px;\n        font-weight: 500;\n        line-height: 20px;\n        letter-spacing: -0.28px;\n        margin: 0px;\n      }\n    }\n  \n    @media screen and (max-width: 376px) {\n      #CitySurveillance-Section-Solution .education-card img {\n      }\n  \n      #CitySurveillance-Section-Solution .education-card h2 {\n        font-size: 16px;\n        letter-spacing: -0.32px;\n        line-height: 24px;\n      }\n  \n      #CitySurveillance-Section-Solution .education-card p {\n        font-size: 14px;\n        letter-spacing: -0.28px;\n        line-height: 20px;\n      }\n    }\n    <\/style>\n\n\n\n<section class=\"section-customer-stories\" id=\"CitySurveillance-Section-CustomerStories\">\n  <div class=\"basic-module-block\">\n    <div class=\"wrapper\">\n      <div class=\"container\">\n        <div class=\"cs-slider\">\n          <!-- Slides -->\n          <div class=\"cs-slider-track\">\n            <!-- Slide 1 -->\n            <div class=\"cs-slide is-active\">\n              <div class=\"cs-slide-image\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/casestudy_US.jpg\" alt=\"City of Atlanta Parks\">\n              <\/div>\n              <div class=\"cs-slide-content\">\n                <p class=\"cs-label\">\uace0\uac1d \ucf00\uc774\uc2a4 \uc2a4\ud130\ub514<\/p>\n                <h2 class=\"cs-title\">\uc560\ud2c0\ub79c\ud0c0 \uc2dc \ud30c\ud06c &#038; \ub808\ud06c\ub9ac\uc5d0\uc774\uc158 \ubd80\uc11c(DPR), \ud55c\ud654\ube44\uc804 \uce74\uba54\ub77c\ub85c \uacf5\uacf5\uc548\uc804 \uac15\ud654<\/h2>\n                <blockquote class=\"cs-quote\">\n                  <p>\u201c\uce74\uba54\ub77c\uc758 \ub192\uc740 \uc815\ud655\ub3c4\uc640 \uc120\uba85\ud55c \uc601\uc0c1\uc740 \uc2e0\uc18d\ud55c \uc601\uc0c1 \uac80\uc0c9\uacfc \uc870\uc0ac, \uc218\uc0ac \u2028\uc9c0\uc6d0\uc5d0 \ud070 \ub3c4\uc6c0\uc774 \ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub7ec\ud55c \uae30\ub2a5 \ub355\ubd84\uc5d0 \uc560\ud2c0\ub79c\ud0c0 \uc2dc\ubbfc\ub4e4\uc740 \u2028\uacf5\uc6d0\uc774 \uc644\ubcbd\ud55c \uc601\uc0c1\ubcf4\uc548 \uc2dc\uc2a4\ud15c\uc73c\ub85c \ubcf4\ud638\ubc1b\uace0 \uc788\ub2e4\ub294 \uc0ac\uc2e4\uc5d0 \uc548\uc2ec\ud558\uba70 \u2028\uc2dc\uc124\uc744 \uc790\uc720\ub86d\uac8c \uc990\uae38 \uc218 \uc788\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4.\u201d<\/p>\n                  <cite>&#8211; \uc564\uc11c\ub2c8 \uc874\uc2a4(Anthony Jones), \uc560\ud2c0\ub79c\ud0c0 DPR \uacf5\uacf5\ubcf4\uc548 \ub514\ub809\ud130<\/cite>\n                <\/blockquote>\n                <div class=\"cs-nav-arrows\">\n                  <button class=\"cs-arrow cs-arrow--prev\" aria-label=\"Previous slide\" disabled>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M9.8203 6.3463L10.8743 7.4308L7.055 11.2501H19.1665V12.7501H7.055L10.8743 16.5693L9.8203 17.6538L4.1665 12.0001L9.8203 6.3463Z\" fill=\"currentColor\"\/>\n                    <\/svg>\n                  <\/button>\n                  <button class=\"cs-arrow cs-arrow--next\" aria-label=\"Next slide\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"currentColor\"\/>\n                    <\/svg>\n                  <\/button>\n                <\/div>\n              <\/div>\n            <\/div>\n            <!-- Slide 2 -->\n            <div class=\"cs-slide\">\n              <div class=\"cs-slide-image\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/casestudy_AR.jpg\">\n              <\/div>\n              <div class=\"cs-slide-content\">\n                <p class=\"cs-label\">\uace0\uac1d \ucf00\uc774\uc2a4 \uc2a4\ud130\ub514<\/p>\n                <h2 class=\"cs-title\">\ube44\uc13c\ud14c \ub85c\ud398\uc988 (Vincente L\u00f3pez), \uc8fc\ubbfc\ub4e4\uc744 \uc704\ud574 \uc2a4\ub9c8\ud2b8\ud558\uace0 \uc548\uc804\ud55c AI \uae30\ubc18 \ubcf4\uc548 \uad6c\ucd95<\/h2>\n                <blockquote class=\"cs-quote\">\n                  <p>\u201c2020\ub144\uc5d0 AI \uae30\ubc18\uc758 \ud601\uc2e0\uc801\uc778 \uc2dc\uc2a4\ud15c\uc744 \ub3c4\uc2dc \ubcf4\uc548\uc5d0 \ubcf8\uaca9\uc801\uc73c\ub85c \u2028\uc801\uc6a9\ud558\uae30\ub85c \uacb0\uc815\ud588\uc2b5\ub2c8\ub2e4. <span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span>\uc740 \uc774\ucc98\ub7fc \uacac\uace0\ud558\uace0 \uc55e\uc120 \uc194\ub8e8\uc158\uc744 \u2028\ub3c4\uc785\ud558\ub294 \ub370 \ucd5c\uace0\uc758 \uac00\uce58\ub97c \ub354\ud574\uc904 \uc218 \uc788\ub294 \ud30c\ud2b8\ub108\ub77c\uace0 \ud310\ub2e8\ud588\uc2b5\ub2c8\ub2e4.\u201d\u200b<\/p>\n                  <cite>&#8211; \uc0b0\ud2f0\uc544\uace0 \ub370 \ud5e4\uc218\uc2a4(Santiago de Jes\u00fas), \ube44\uc13c\ud14c \ub85c\ud398\uc988 \ubcf4\uc548 \ub2f4\ub2f9\uc790<\/cite>\n                <\/blockquote>\n                <div class=\"cs-nav-arrows\">\n                  <button class=\"cs-arrow cs-arrow--prev\" aria-label=\"Previous slide\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M9.8203 6.3463L10.8743 7.4308L7.055 11.2501H19.1665V12.7501H7.055L10.8743 16.5693L9.8203 17.6538L4.1665 12.0001L9.8203 6.3463Z\" fill=\"currentColor\"\/>\n                    <\/svg>\n                  <\/button>\n                  <button class=\"cs-arrow cs-arrow--next\" aria-label=\"Next slide\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"currentColor\"\/>\n                    <\/svg>\n                  <\/button>\n                <\/div>\n              <\/div>\n            <\/div>\n            <!-- Slide 3 -->\n            <div class=\"cs-slide\">\n              <div class=\"cs-slide-image\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/casestudy_UK.jpg\" alt=\"Hammersmith and Fulham, London\">\n              <\/div>\n              <div class=\"cs-slide-content\">\n                <p class=\"cs-label\">\uace0\uac1d \ucf00\uc774\uc2a4 \uc2a4\ud130\ub514<\/p>\n                <h2 class=\"cs-title\">\ud15c\uc2a4 \ubc38\ub9ac \uacbd\ucc30, CCTV \ud30c\ud2b8\ub108\uc2ed \uae30\ubc18 \uacf5\uacf5\uc548\uc804 \uac15\ud654\u200b<\/h2>\n                <blockquote class=\"cs-quote\">\n                  <p>\u201c\uc2dc\uc2a4\ud15c\uc5d0 \ub300\ud55c \ud22c\uc790 \ud6a8\uacfc\ub294 \ub3c4\uc785 \uc989\uc2dc \ub098\ud0c0\ub098\uae30 \uc2dc\uc791\ud588\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \u2028\uc6b0\ub9ac \uacbd\ucc30\uc740 \ud15c\uc2a4 \ubc38\ub9ac \uc804\uc5ed\uc5d0\uc11c \ubc94\uc8c4\ub97c \uc5b5\uc81c\ud558\uace0 \uac10\uc9c0\ud558\ub294 \uc5ed\ub7c9\uc744 \uc774\uc804\ubcf4\ub2e4 \ud6e8\uc52c \ub354 \uac1c\uc120\ud560 \uc218 \uc788\uc5c8\uc2b5\ub2c8\ub2e4.\u201d\u200b<\/p>\n                  <cite>&#8211; \ub9e4\ud29c \ubc14\ubc84(Matthew Barber), \ud15c\uc2a4 \ubc38\ub9ac \uc9c0\uc5ed \uce58\uc548 \ucc45\uc784\uc790<\/cite>\n                <\/blockquote>\n                <div class=\"cs-nav-arrows\">\n                  <button class=\"cs-arrow cs-arrow--prev\" aria-label=\"Previous slide\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M9.8203 6.3463L10.8743 7.4308L7.055 11.2501H19.1665V12.7501H7.055L10.8743 16.5693L9.8203 17.6538L4.1665 12.0001L9.8203 6.3463Z\" fill=\"currentColor\"\/>\n                    <\/svg>\n                  <\/button>\n                  <button class=\"cs-arrow cs-arrow--next\" aria-label=\"Next slide\" disabled>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"currentColor\"\/>\n                    <\/svg>\n                  <\/button>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <!-- Pagination Dots -->\n          <div class=\"cs-dots\">\n            <button class=\"cs-dot is-active\" aria-label=\"Go to slide 1\"><\/button>\n            <button class=\"cs-dot\" aria-label=\"Go to slide 2\"><\/button>\n            <button class=\"cs-dot\" aria-label=\"Go to slide 3\"><\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n  \/* ===== Section ===== *\/\n  #CitySurveillance-Section-CustomerStories {\n    padding: 100px 0;\n    background: #fff;\n  }\n\n  \/* ===== Slider ===== *\/\n#CitySurveillance-Section-CustomerStories .cs-slider {\n  position: relative;\n  overflow: hidden;\n}\n\n#CitySurveillance-Section-CustomerStories .cs-slider-track {\n  display: flex;\n  transition: transform 0.5s ease;\n}\n\n  \/* ===== Slide ===== *\/\n  #CitySurveillance-Section-CustomerStories .cs-slide {\n    flex: 0 0 100%;\n    min-width: 0;\n    display: flex;\n  }\n\n  \/* ===== Image ===== *\/\n  #CitySurveillance-Section-CustomerStories .cs-slide-image {\n    flex: 0 0 58%;\n    max-width: 58%;\n    overflow: hidden;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-slide-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  \/* ===== Content ===== *\/\n  #CitySurveillance-Section-CustomerStories .cs-slide-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 48px 0 48px 60px;\n  }\n\n  \/* ===== Label ===== *\/\n  #CitySurveillance-Section-CustomerStories .cs-label {\n    margin: 0 0 16px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 24px;\n    font-weight: 600;\n    line-height: 20px;\n    letter-spacing: 0.02em;\n    color: #ff6600;\n  }\n\n  \/* ===== Title ===== *\/\n  #CitySurveillance-Section-CustomerStories .cs-title {\n    margin: 0 0 32px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 28px;\n    font-weight: 700;\n    line-height: 40px;\n    letter-spacing: -0.56px;\n    color: #292929;\n  }\n\n  \/* ===== Quote ===== *\/\n  #CitySurveillance-Section-CustomerStories .cs-quote {\n    margin: 0;\n    padding: 0;\n    border: none;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-quote p {\n    margin: 0 0 12px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 26px;\n    letter-spacing: -0.3px;\n    color: #525252;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-quote cite {\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    font-style: italic;\n    line-height: 20px;\n    letter-spacing: -0.26px;\n    color: #7c7c7c;\n  }\n\n  \/* ===== Nav Arrows ===== *\/\n  #CitySurveillance-Section-CustomerStories .cs-nav-arrows {\n    display: flex;\n    gap: 12px;\n    margin-top: 40px;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-arrow {\n    width: 56px;\n    height: 56px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    cursor: pointer;\n    transition: background-color 0.25s ease;\n    padding: 0;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-arrow:not(:disabled) {\n    background: #ff6600;\n    color: #ffffff;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-arrow:not(:disabled):hover {\n    background: #e65a00;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-arrow:disabled {\n    background: #F1F1F1;\n    color: #BDBDBD;\n    cursor: default;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-arrow svg {\n    width: 24px;\n    height: 24px;\n    flex-shrink: 0;\n  }\n\n  \/* ===== Dots ===== *\/\n  #CitySurveillance-Section-CustomerStories .cs-dots {\n    display: flex;\n    justify-content: center;\n    gap: 16px;\n    margin-top: 48px;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    background: #DCDCDC;\n    transition: background-color 0.25s ease;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-dot.is-active {\n    background: #292929;\n  }\n  #CitySurveillance-Section-CustomerStories .cs-dot:hover:not(.is-active) {\n    background: #999;\n  }\n\n  \/* ===== Responsive 1400px ===== *\/\n  @media screen and (max-width: 1400px) {\n    #CitySurveillance-Section-CustomerStories {\n      padding: 80px 0;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-slide-content {\n      padding: 40px 0 40px 48px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-title {\nfont-size: 36px;\nfont-style: normal;\nfont-weight: 600;\nline-height: 54px;\nletter-spacing: -0.72px;\n      margin-bottom: 24px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-quote p {\n      font-size: 14px;\n      line-height: 24px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-quote cite {\n      font-size: 12px;\n      line-height: 18px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-nav-arrows {\n      margin-top: 32px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-arrow {\n      width: 48px;\n      height: 48px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-dots {\n      margin-top: 40px;\n    }\n  }\n\n  \/* ===== Responsive 992px - Mobile ===== *\/\n  @media screen and (max-width: 992px) {\n    #CitySurveillance-Section-CustomerStories {\n      padding: 56px 0;\n    }\n    \/* flex-column \ub300\uc2e0 grid\ub85c \ud589 \ub192\uc774 \ud1b5\uc77c *\/\n    #CitySurveillance-Section-CustomerStories .cs-slide {\n      display: grid;\n      grid-template-columns: 1fr;\n      grid-template-rows: auto 1fr auto 1fr;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-slide-content {\n      display: contents;\n    }\n    \/* \ud589 \ubc30\uce58 *\/\n    #CitySurveillance-Section-CustomerStories .cs-label {\n      grid-row: 1;\n      margin-bottom: 12px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-title {\n      grid-row: 2;\nfont-size: 24px;\nfont-style: normal;\nfont-weight: 700;\nline-height: 36px;\nletter-spacing: -0.48px;\n      margin-bottom: 20px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-slide-image {\n      grid-row: 3;\n      flex: none;\n      max-width: 100%;\n      width: 100%;\n      aspect-ratio: 5 \/ 3;\n      margin-bottom: 24px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-quote {\n      grid-row: 4;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-nav-arrows {\n      display: none;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-dot.is-active {\n      background: #FF6600;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-dots {\n      margin-top: 32px;\n    }\n  }\n\n  \/* ===== Responsive 576px ===== *\/\n  @media screen and (max-width: 576px) {\n    #CitySurveillance-Section-CustomerStories .cs-label {\n      font-size: 16px;\n      line-height: 16px;\n      margin-bottom: 10px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-title {\nfont-size: 24px;\nfont-style: normal;\nfont-weight: 700;\nline-height: 36px;\nletter-spacing: -0.48px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-quote p {\n      font-size: 16px;\n      line-height: 22px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-quote cite {\n      font-size: 14px;\n      line-height: 16px;\n    }\n    #CitySurveillance-Section-CustomerStories .cs-dots {\n      margin-top: 24px;\n      gap: 12px;\n    }\n  }\n<\/style>\n\n<script>\n(function() {\n  var section = document.getElementById('CitySurveillance-Section-CustomerStories');\n  if (!section) return;\n\n  var track = section.querySelector('.cs-slider-track');\n  var slides = section.querySelectorAll('.cs-slide');\n  var dots = section.querySelectorAll('.cs-dot');\n  var totalSlides = slides.length;\n  var currentIndex = 0;\n\n  function goToSlide(index) {\n    if (index < 0 || index >= totalSlides) return;\n\n    \/\/ \ud2b8\ub799 \uc774\ub3d9 (\ud2b8\ub799 \uc804\uccb4 \ub108\ube44 \uae30\uc900\uc73c\ub85c \ube44\uc728 \uacc4\uc0b0)\n    track.style.transform = 'translateX(-' + (index * 100) + '%)';\n\n    dots[currentIndex].classList.remove('is-active');\n    dots[index].classList.add('is-active');\n    slides[currentIndex].classList.remove('is-active');\n    slides[index].classList.add('is-active');\n    currentIndex = index;\n    updateArrows();\n  }\n\n  function updateArrows() {\n    slides.forEach(function(slide, i) {\n      var prevBtn = slide.querySelector('.cs-arrow--prev');\n      var nextBtn = slide.querySelector('.cs-arrow--next');\n      if (prevBtn) prevBtn.disabled = (i === 0);\n      if (nextBtn) nextBtn.disabled = (i === totalSlides - 1);\n    });\n  }\n\n  section.addEventListener('click', function(e) {\n    var btn = e.target.closest('.cs-arrow');\n    if (!btn || btn.disabled) return;\n    if (btn.classList.contains('cs-arrow--prev')) {\n      goToSlide(currentIndex - 1);\n    } else if (btn.classList.contains('cs-arrow--next')) {\n      goToSlide(currentIndex + 1);\n    }\n  });\n\n  dots.forEach(function(dot, i) {\n    dot.addEventListener('click', function() {\n      goToSlide(i);\n    });\n  });\n\n  \/\/ Touch swipe\n  var startX = 0;\n  var isDragging = false;\n  track.addEventListener('touchstart', function(e) {\n    startX = e.touches[0].clientX;\n    isDragging = true;\n  }, { passive: true });\n  track.addEventListener('touchend', function(e) {\n    if (!isDragging) return;\n    isDragging = false;\n    var diffX = e.changedTouches[0].clientX - startX;\n    if (Math.abs(diffX) > 50) {\n      diffX < 0 ? goToSlide(currentIndex + 1) : goToSlide(currentIndex - 1);\n    }\n  }, { passive: true });\n\n  updateArrows();\n})();\n<\/script>\n\n\n\n<section class=\"section-solution-case-studies\" id=\"CitySurveillance-Section-CaseStudies\">\n  <div class=\"basic-module-block\">\n    <div class=\"wrapper\">\n      <div class=\"container\">\n        <div class=\"case-studies-header\">\n          <h2 class=\"case-studies-title\">\uace0\uac1d \ucf00\uc774\uc2a4 \uc2a4\ud130\ub514<\/h2>\n          <a class=\"case-studies-btn case-studies-btn--desktop\" href=\"https:\/\/www.hanwhavision.com\/ko\/solutions\/case-study\/smart-city\/\" target=\"_blank\" rel=\"noopener\">\n            <span class=\"case-studies-btn-text\">\ub354 \uc54c\uc544\ubcf4\uae30<\/span>\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ffffff\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n        <div class=\"case-studies-scroll-wrapper\">\n          <div class=\"case-studies-grid\">\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/ko\/solutions\/case-study\/1651289\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">\uc2a4\ub9c8\ud2b8 \uc2dc\ud2f0<\/p>\n                <p class=\"case-study-country\">\ubbf8\uad6d<\/p>\n                <h3 class=\"case-study-desc\">\uac8c\uc77c \ud504\ub85c\uc81d\ud2b8<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2025.11<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/11\/\uc378\ub124\uc77c_.png\" alt=\"GALE System\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/ko\/solutions\/case-study\/1651104\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">\uc2a4\ub9c8\ud2b8 \uc2dc\ud2f0<\/p>\n                <p class=\"case-study-country\">\ud3ec\ub974\ud22c\uac08<\/p>\n                <h3 class=\"case-study-desc\">\uc5d0\uc774\uc138\uc774\ub77c<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2025.11<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/11\/\ud3ec\ub8e8\ud22c\uce7c.png\" alt=\"Ericeira, \ud3ec\ub974\ud22c\uac08\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/ko\/solutions\/case-study\/1647124\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">\uc2a4\ub9c8\ud2b8 \uc2dc\ud2f0<\/p>\n                <p class=\"case-study-country\">\ubbf8\uad6d<\/p>\n                <h3 class=\"case-study-desc\">\ud39c\uc2e4\ubca0\uc774\ub2c8\uc544 \ubbf8\ub514\uc5b4 \uc790\uce58\uad6c<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2025.10<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/10\/Why-Hanwha-Vision-\uc378\ub124\uc77c__1.png\" alt=\"Media, Pennsylvania\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/ko\/solutions\/case-study\/1643362\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">\uc2a4\ub9c8\ud2b8 \uc2dc\ud2f0<\/p>\n                <p class=\"case-study-country\">\ubbf8\uad6d<\/p>\n                <h3 class=\"case-study-desc\">\uc560\ud2c0\ub80c\ud0c0 \uc2dc<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2025.09<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/09\/CA_33_Atlanta-Parks-v2-e1756798193224.jpg\" alt=\"City of Atlanta\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/ko\/solutions\/case-study\/1643075\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">\uc2a4\ub9c8\ud2b8 \uc2dc\ud2f0<\/p>\n                <p class=\"case-study-country\">\uc544\ub974\ud5e8\ud2f0\ub098<\/p>\n                <h3 class=\"case-study-desc\">\ube44\uc13c\ud14c \ub85c\ud398\uc988<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2025.08<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/08\/VL-Hanwha-1.jpg\" alt=\"Vicente L\u00f3pez\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/ko\/solutions\/case-study\/1629980\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">\uc2a4\ub9c8\ud2b8 \uc2dc\ud2f0<\/p>\n                <p class=\"case-study-country\">\uc601\uad6d<\/p>\n                <h3 class=\"case-study-desc\">\ub7f0\ub358 \ud574\uba38\uc2a4\ubbf8\uc2a4 & \ud50c\ub7fc \uc790\uce58\uad6c<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2025.05<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/05\/Hammersmith-Fulham-case-study-1024x531-1.jpg\" alt=\"Hammersmith and Fulham\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/ko\/solutions\/case-study\/1616017\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">\uc2a4\ub9c8\ud2b8 \uc2dc\ud2f0<\/p>\n                <p class=\"case-study-country\">\uc601\uad6d<\/p>\n                <h3 class=\"case-study-desc\">\ud15c\uc2a4 \ubc38\ub9ac \uacbd\ucc30<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2025.04<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/04\/case-study-CCTV-partnership_1.jpg\" alt=\"Thames Valley Police\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/ko\/solutions\/case-study\/1608310\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">\uc2a4\ub9c8\ud2b8 \uc2dc\ud2f0<\/p>\n                <p class=\"case-study-country\">\uc601\uad6d<\/p>\n                <h3 class=\"case-study-desc\">\uc560\ub4e0\ubc84\ub7ec<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2025.03<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/03\/image-5.png\" alt=\"City of Edinburgh\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/ko\/solutions\/case-study\/1534176\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">\uc2a4\ub9c8\ud2b8 \uc2dc\ud2f0<\/p>\n                <p class=\"case-study-country\">\ubbf8\uad6d<\/p>\n                <h3 class=\"case-study-desc\">\ub515\uc2a8\uce74\uc6b4\ud2f0 \ubcf4\uc548\uad00\uc2e4<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2024.06<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2024\/06\/CA_25_Dickson-County-Sheriff-s-8.jpg\" alt=\"Dickson County\">\n              <\/div>\n            <\/a>\n            <a class=\"case-study-card\" href=\"https:\/\/www.hanwhavision.com\/ko\/solutions\/case-study\/1497739\/\" target=\"_blank\" rel=\"noopener\">\n              <div class=\"case-study-info\">\n                <p class=\"case-study-category\">\uc2a4\ub9c8\ud2b8 \uc2dc\ud2f0<\/p>\n                <p class=\"case-study-country\">\uc774\ud0c8\ub9ac\uc544<\/p>\n                <h3 class=\"case-study-desc\">\ub8e8\uce58\uc624 \ub2ec\ub77c \uad11\uc7a5<\/h3>\n                <div class=\"case-study-meta\">\n                  <svg class=\"case-study-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ff6600\"\/>\n                  <\/svg>\n                  <span class=\"case-study-date\">2023.05<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"case-study-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2023\/05\/Piazza-Lucio-Dalla.jpg\" alt=\"Piazza Lucio Dalla\">\n              <\/div>\n            <\/a>\n          <\/div>\n          <!-- Scroll Arrow Buttons -->\n          <button class=\"scroll-arrow scroll-arrow--left\" aria-label=\"Scroll left\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M9.8203 6.3463L10.8743 7.4308L7.055 11.2501H19.1665V12.7501H7.055L10.8743 16.5693L9.8203 17.6538L4.1665 12.0001L9.8203 6.3463Z\" fill=\"#292929\"\/>\n            <\/svg>\n          <\/button>\n          <button class=\"scroll-arrow scroll-arrow--right\" aria-label=\"Scroll right\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#292929\"\/>\n            <\/svg>\n          <\/button>\n        <\/div>\n        <a class=\"case-studies-btn case-studies-btn--mobile\" href=\"https:\/\/www.hanwhavision.com\/ko\/solutions\/case-study\/smart-city\/\" target=\"_blank\" rel=\"noopener\">\n          <span class=\"case-studies-btn-text\">\ub354 \uc54c\uc544\ubcf4\uae30<\/span>\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ffffff\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n  \/* ===== Section ===== *\/\n  #CitySurveillance-Section-CaseStudies {\n    padding: 100px 0;\n    background: #F1F1F1;\n  }\n\n  \/* ===== Header ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-studies-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    margin-bottom: 48px;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-title {\n    margin: 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 44px;\n    font-weight: 700;\n    line-height: 62px;\n    letter-spacing: -0.88px;\n    color: #292929;\n  }\n\n  \/* ===== Learn More Button ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-studies-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    height: 48px;\n    padding: 0 24px;\n    background: #F60;\n    color: #ffffff;\n    text-decoration: none;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 16px;\n    font-weight: 600;\n    letter-spacing: -0.32px;\n    white-space: nowrap;\n    flex-shrink: 0;\n    transition: background-color 0.25s ease;\n    cursor: pointer;\n    border: none;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-btn:hover {\n    background: #e65a00;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-btn svg {\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-btn--mobile {\n    display: none;\n  }\n\n  \/* ===== Scroll Wrapper ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper {\n    position: relative;\n  }\n  \/* Gradient Fade - Left *\/\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 60px;\n    height: 100%;\n    background: linear-gradient(to right, #F1F1F1, transparent);\n    z-index: 2;\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n  }\n  \/* Gradient Fade - Right *\/\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 60px;\n    height: 100%;\n    background: linear-gradient(to left, #F1F1F1, transparent);\n    z-index: 2;\n    pointer-events: none;\n    opacity: 1;\n    transition: opacity 0.3s ease;\n  }\n  \/* Gradient visibility by scroll state *\/\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper.is-scrolled-middle::before,\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper.is-scrolled-end::before {\n    opacity: 1;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper.is-scrolled-end::after {\n    opacity: 0;\n  }\n\n  \/* ===== Horizontal Scroll Grid ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-studies-grid {\n    display: flex;\n    overflow-x: auto;\n    gap: 16px;\n    scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: thin;\n    scrollbar-color: #ccc transparent;\n    padding-bottom: 8px;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-grid::-webkit-scrollbar {\n    height: 6px;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-grid::-webkit-scrollbar-track {\n    background: transparent;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-grid::-webkit-scrollbar-thumb {\n    background: #ccc;\n    border-radius: 3px;\n  }\n\n  \/* ===== Card ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-study-card {\n    flex: 0 0 320px;\n    display: flex;\n    flex-direction: column;\n    text-decoration: none;\n    color: inherit;\n    overflow: hidden;\n    background: #fff;\n    scroll-snap-align: start;\n  }\n\n  \/* ===== Card Hover ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-study-card:hover .case-study-info {\n    border-color: #ff6600;\n  }\n  #CitySurveillance-Section-CaseStudies .case-study-card:hover .case-study-thumb img {\n    transform: scale(1.125);\n  }\n\n  \/* ===== Card Info ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-study-info {\n    padding: 24px 20px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    background: #fff;\n    border: 1px solid transparent;\n    transition: border-color 0.3s ease;\n  }\n  #CitySurveillance-Section-CaseStudies .case-study-category {\n    margin: 0 0 4px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    line-height: 18px;\n    letter-spacing: 0.02em;\n    color: #ff6600;\n  }\n  #CitySurveillance-Section-CaseStudies .case-study-country {\n    margin: 0 0 12px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n    color: #292929;\n  }\n  #CitySurveillance-Section-CaseStudies .case-study-desc {\n    margin: 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 26px;\n    letter-spacing: -0.32px;\n    color: #292929;\n    flex: 1;\n  }\n\n  \/* ===== Card Meta ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-study-meta {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: auto;\n    padding-top: 24px;\n  }\n  #CitySurveillance-Section-CaseStudies .case-study-arrow {\n    width: 24px;\n    height: 24px;\n    flex-shrink: 0;\n  }\n  #CitySurveillance-Section-CaseStudies .case-study-date {\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n    color: #7c7c7c;\n  }\n\n  \/* ===== Card Thumbnail ===== *\/\n  #CitySurveillance-Section-CaseStudies .case-study-thumb {\n    width: 100%;\n    aspect-ratio: 3 \/ 2;\n    overflow: hidden;\n  }\n  #CitySurveillance-Section-CaseStudies .case-study-thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.3s ease;\n  }\n\n  \/* ===== Scroll Arrow Buttons ===== *\/\n  #CitySurveillance-Section-CaseStudies .scroll-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    background: #fff;\n    border: 1px solid #dcdcdc;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 3;\n    transition: opacity 0.3s ease, box-shadow 0.2s ease;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.1);\n  }\n  #CitySurveillance-Section-CaseStudies .scroll-arrow:hover {\n    box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n  }\n  #CitySurveillance-Section-CaseStudies .scroll-arrow--left {\n    left: -22px;\n    opacity: 0;\n    pointer-events: none;\n  }\n  #CitySurveillance-Section-CaseStudies .scroll-arrow--right {\n    right: -22px;\n  }\n  \/* Arrow visibility by scroll state *\/\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper.is-scrolled-middle .scroll-arrow--left,\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper.is-scrolled-end .scroll-arrow--left {\n    opacity: 1;\n    pointer-events: auto;\n  }\n  #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper.is-scrolled-end .scroll-arrow--right {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  \/* ===== Responsive 1400px ===== *\/\n  @media screen and (max-width: 1400px) {\n    #CitySurveillance-Section-CaseStudies {\n      padding: 80px 0;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-header {\n      margin-bottom: 40px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-title {\n      font-size: 40px;\n      line-height: 56px;\n      letter-spacing: -0.8px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-card {\n      flex: 0 0 300px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-info {\n      padding: 20px 16px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-desc {\n      font-size: 15px;\n      line-height: 24px;\n      letter-spacing: -0.3px;\n    }\n  }\n\n  \/* ===== Responsive 992px ===== *\/\n  @media screen and (max-width: 992px) {\n    #CitySurveillance-Section-CaseStudies {\n      padding: 56px 0;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-header {\n      margin-bottom: 36px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-title {\n      font-size: 32px;\n      line-height: 44px;\n      letter-spacing: -0.64px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-btn--desktop {\n      display: none;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-btn--mobile {\n      display: inline-flex;\n      margin-top: 32px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-card {\n      flex: 0 0 280px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-info {\n      padding: 20px 16px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-desc {\n      font-size: 15px;\n      line-height: 24px;\n      letter-spacing: -0.3px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-meta {\n      padding-top: 16px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-thumb {\n      aspect-ratio: 16 \/ 10;\n    }\n    \/* Hide arrow buttons on tablet\/mobile *\/\n    #CitySurveillance-Section-CaseStudies .scroll-arrow {\n      display: none;\n    }\n    \/* Reduce gradient width *\/\n    #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper::before,\n    #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper::after {\n      width: 40px;\n    }\n  }\n\n  \/* ===== Responsive 576px ===== *\/\n  @media screen and (max-width: 576px) {\n    #CitySurveillance-Section-CaseStudies .case-study-card {\n      flex: 0 0 260px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-title {\n      font-size: 28px;\n      line-height: 40px;\n      letter-spacing: -0.56px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-info {\n      padding: 16px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-category {\n      font-size: 12px;\n      line-height: 16px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-country {\n      font-size: 13px;\n      line-height: 18px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-desc {\n      font-size: 14px;\n      line-height: 22px;\n      letter-spacing: -0.28px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-study-date {\n      font-size: 13px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-btn--mobile {\n      height: 44px;\n      padding: 0 20px;\n      font-size: 14px;\n    }\n    #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper::before,\n    #CitySurveillance-Section-CaseStudies .case-studies-scroll-wrapper::after {\n      width: 30px;\n    }\n  }\n<\/style>\n\n<script>\n(function() {\n  var section = document.getElementById('CitySurveillance-Section-CaseStudies');\n  if (!section) return;\n\n  var wrapper = section.querySelector('.case-studies-scroll-wrapper');\n  var grid = section.querySelector('.case-studies-grid');\n  var btnLeft = section.querySelector('.scroll-arrow--left');\n  var btnRight = section.querySelector('.scroll-arrow--right');\n\n  if (!wrapper || !grid) return;\n\n  function updateScrollState() {\n    var scrollLeft = grid.scrollLeft;\n    var maxScroll = grid.scrollWidth - grid.clientWidth;\n\n    wrapper.classList.remove('is-scrolled-start', 'is-scrolled-middle', 'is-scrolled-end');\n\n    if (maxScroll <= 0) {\n      wrapper.classList.add('is-scrolled-end');\n    } else if (scrollLeft <= 5) {\n      wrapper.classList.add('is-scrolled-start');\n    } else if (scrollLeft >= maxScroll - 5) {\n      wrapper.classList.add('is-scrolled-end');\n    } else {\n      wrapper.classList.add('is-scrolled-middle');\n    }\n  }\n\n  grid.addEventListener('scroll', updateScrollState);\n  window.addEventListener('resize', updateScrollState);\n\n  if (btnLeft && btnRight) {\n    btnLeft.addEventListener('click', function() {\n      grid.scrollBy({ left: -340, behavior: 'smooth' });\n    });\n    btnRight.addEventListener('click', function() {\n      grid.scrollBy({ left: 340, behavior: 'smooth' });\n    });\n  }\n\n  \/\/ Initial state\n  updateScrollState();\n})();\n<\/script>\n\n\n\n<section class=\"section-education-cta\" id=\"CitySurveillance-Section-CTA\">\n      <div class=\"cta-image-mobile\">\n        <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/cta1-mobile.png\" alt=\"\">\n      <\/div>\n  \n  \n      <div class=\"cta-inner\">\n        <div class=\"basic-module-block\">\n          <div class=\"wrapper\">\n            <div class=\"container\">\n              <div class=\"cta-content\">\n                <h2 class=\"cta-title\">\n                  \uc2a4\ub9c8\ud2b8\uc2dc\ud2f0 \ubcf4\uc548, \uc0ac\ud6c4 \ub300\uc751\uc5d0\uc11c \uc0ac\uc804 \uc608\ubc29\uc73c\ub85c \uc804\ud658\ud558\uc138\uc694\n                <\/h2>\n  \n                <a class=\"cta-btn\" href=\"https:\/\/support.hanwhavision.com\/hc\/requests\/new?ticket_form_id=14032804897679&#038;button=vertical&#038;field=citysurveillance\" target=\"_blank\" rel=\"noopener\">\n                  <span class=\"cta-btn-text\">\uc9c0\uae08 \ubc14\ub85c \ud55c\ud654\ube44\uc804 \uc2a4\ub9c8\ud2b8\uc2dc\ud2f0 \ubcf4\uc548 \uc804\ubb38\uac00\uc640 \uc0c1\ub2f4\ud558\uc138\uc694<\/span>\n                  <span class=\"cta-btn-icon\">\u2192<\/span>\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n  \n        <\/div>\n      <\/div>\n    <\/section>\n\n\n\n<style>\n  #CitySurveillance-Section-CTA {\n    background: #ffffff;\n  }\n  \n  #CitySurveillance-Section-CTA .wrapper {\n    width: 100%;\n  }\n  \n  #CitySurveillance-Section-CTA .cta-image-mobile {\n    display: none;\n  }\n  \n  #CitySurveillance-Section-CTA .cta-image-mobile img {\n    width: 100%;\n    height: auto;\n    min-height: 210px;\n    display: block;\n  }\n  \n  #CitySurveillance-Section-CTA .cta-inner {\n    position: relative;\n    min-height: 480px;\n    display: flex;\n    align-items: center;\n    background:\n      linear-gradient(\n        90deg,\n        rgba(0, 0, 0, 0.78) 0%,\n        rgba(0, 0, 0, 0.45) 45%,\n        rgba(0, 0, 0, 0.00) 70%\n      ),\n      url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/04.-CTA-banner-1.jpg\") center \/ cover no-repeat;\n  }\n  \n  #CitySurveillance-Section-CTA .cta-content {\n\n  }\n  \n  #CitySurveillance-Section-CTA .cta-title {\n    margin: 0 0 32px 0;\n    color: #ffffff;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 32px;\n    font-weight: 600;\n    line-height: 46px;\n    letter-spacing: -0.64px;\n  }\n  \n  #CitySurveillance-Section-CTA .cta-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    height: 56px;\n    padding: 0 24px;\n    background: #ff6600;\n    color: #ffffff;\n    text-decoration: none;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 16px;\n    font-weight: 600;\n    letter-spacing: -0.32px;\n    transition: background-color 0.25s ease, transform 0.25s ease;\n        -webkit-touch-callout: none;\n        -webkit-user-select: none;\n        -khtml-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        cursor: pointer;\n  }\n  \n  #CitySurveillance-Section-CTA .cta-btn-icon {\n    font-size: 20px;\n    line-height: 1;\n  }\n  \n  #CitySurveillance-Section-CTA .cta-btn:hover {\n    background: #e65a00;\n    transform: translateX(4px);\n    cursor: pointer;\n  }\n  \n  @media screen and (max-width: 992px) {\n    #CitySurveillance-Section-CTA .cta-inner {\n      background: none;\n      min-height: auto;\n      padding: 0;\n    }\n  \n    #CitySurveillance-Section-CTA .cta-image-mobile {\n      display: block;\n    }\n  \n    #CitySurveillance-Section-CTA .cta-content {\n      padding: 32px 0 56px 0;\n    }\n  \n    #CitySurveillance-Section-CTA .cta-title {\n      color: #292929;\n      font-size: 24px;\n      line-height: 36px;\n      letter-spacing: -0.48px;\n      margin-bottom: 24px;\n    }\n  \n    #CitySurveillance-Section-CTA .cta-btn {\n      width: auto;\n    }\n  }\n  \n  @media screen and (max-width: 480px) {\n    #CitySurveillance-Section-CTA .cta-title {\n      font-size: 22px;\n      line-height: 34px;\n    }\n  \n    #CitySurveillance-Section-CTA .cta-btn {\n      height: 52px;\n      padding: 0 20px;\n    }\n  }\n  <\/style>\n\n\n\n<section class=\"section-wisenet9\" id=\"CitySurveillance-Section-Wisenet9\">\n  <div class=\"w9-bg-image\">\n    <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/05.-Wisenet-9.png\" alt=\"\" class=\"w9-bg-pc\">\n    <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/05.-Wisenet-9_MO.jpg\" alt=\"Wisenet 9 Chip\" class=\"w9-bg-mobile\">\n  <\/div>\n  <div class=\"basic-module-block\">\n    <div class=\"wrapper\">\n      <div class=\"container\">\n        <div class=\"w9-content\">\n          <p class=\"w9-label\">Wisenet 9<\/p>\n          <h2 class=\"w9-title\">\ucc28\uc138\ub300 \uc601\uc0c1\ubcf4\uc548\uc758 \uc0c8\ub85c\uc6b4 \uae30\uc900<\/h2>\n\n          <p class=\"w9-subtitle\">Wisenet 9\uc740 \uc804 \uc0b0\uc5c5\uc758 \ubcf4\uc548 \uae30\uc900\uc744 \uc0c8\ub86d\uac8c \uc815\uc758\ud558\ub294 \ucc28\uc138\ub300 \uc194\ub8e8\uc158\uc785\ub2c8\ub2e4.<\/p>\n\n          <div class=\"w9-body\">\n            <p>\ub300\ubd80\ubd84\uc758 \uce74\uba54\ub77c \uc81c\uc870\uc5c5\uccb4\uac00 \ud0c0\uc0ac \uce69\uc5d0 \uc758\uc874\ud558\ub294 \uac83\uacfc \ub2ec\ub9ac, <span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span>\uc740 \uc131\ub2a5\uacfc \ubcf4\uc548 \uc218\uc900\uc744 \ub3d9\uc2dc\uc5d0 \ud5a5\uc0c1\uc2dc\ud0a4\uae30 \uc704\ud574 \uc790\uccb4 SoC(System on Chip)\ub97c \uc9c0\uc18d\uc801\uc73c\ub85c \uac1c\ubc1c\ud574 \uc654\uc2b5\ub2c8\ub2e4.<\/p>\n            <p>\uc774\ub97c \ud1b5\ud574 \uc601\uc0c1\ubcf4\uc548\uc5d0 \ud2b9\ud654\ub41c AI \uc54c\uace0\ub9ac\uc998\uc744 \uc124\uacc4\ud558\uace0, \ub0ae\uc740 \uc804\ub825 \uc18c\ube44\uc640 \ube60\ub978 \ucc98\ub9ac \uc18d\ub3c4, DPM(Dynamic Privacy Masking)\uacfc \uac19\uc740 \uace0\ub3c4\ud654\ub41c \uac1c\uc778\uc815\ubcf4 \ubcf4\ud638 \uae30\ub2a5\uc744 \uad6c\ud604\ud569\ub2c8\ub2e4.<\/p>\n            <p>Wisenet 9\uc740 20\ub144 \uc774\uc0c1 \ucd95\uc801\ub41c <span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span>\uc758 \uc790\uccb4 \uce69\uc14b \uac1c\ubc1c \ud601\uc2e0\uc774 \uc9d1\uc57d\ub41c \ub3c5\uc810 SoC\uc785\ub2c8\ub2e4.<\/p>\n            <p>Wisenet 9 \uae30\ubc18 \uce74\uba54\ub77c\ub294 \uc2a4\ub9c8\ud2b8 \uc2dc\ud2f0\uc640 \uac19\uc774 \ub192\uc740 \uc218\uc900\uc758 \ubcf4\uc548\uacfc \uc815\uad50\ud55c \uc9c0\ub2a5\ud615 \ubd84\uc11d\uc774 \u2028\uc694\uad6c\ub418\ub294 \ud658\uacbd\uc5d0 \ucd5c\uc801\ud654\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n            <p>Wisenet 9\uc740 <span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span> 2\uc138\ub300 P \uc2dc\ub9ac\uc988 \ubc0f X \uc2dc\ub9ac\uc988 AI \uce74\uba54\ub77c\uc758 \ud575\uc2ec\uc73c\ub85c, \ucca8\ub2e8 \uc5e3\uc9c0 \uae30\ubc18 AI \ubd84\uc11d\uacfc \ud5a5\uc0c1\ub41c \uc774\ubbf8\uc9c0 \ud488\uc9c8, \ud55c\uce35 \uac15\ud654\ub41c \uc0ac\uc774\ubc84 \ubcf4\uc548\uc744 \uad6c\ud604\ud558\ub3c4\ub85d \uc124\uacc4\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n            <p>Wisenet 9\uc758 \ub4c0\uc5bc NPU \uc544\ud0a4\ud14d\ucc98, \uace0\uae09 AI \uae30\ub2a5, \ub6f0\uc5b4\ub09c \ub300\uc5ed\ud3ed \ud6a8\uc728\uc131\uc5d0 \ub300\ud574\uc11c\ub3c4 \ub354 \u2028\uc54c\uc544\ubcf4\uc138\uc694.<\/p>\n          <\/div>\n          <a class=\"w9-btn\" href=\"https:\/\/www.hanwhavision.com\/ko\/technology\/wisenet9\/\" target=\"_blank\" rel=\"noopener\">\n            <span class=\"w9-btn-text\">\uc790\uc138\ud788 \ubcf4\uae30<\/span>\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#ffffff\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n  \/* ===== Section ===== *\/\n  #CitySurveillance-Section-Wisenet9 {\n    position: relative;\n    background: #000;\n    overflow: hidden;\n  }\n\n  \/* ===== Background Image ===== *\/\n  #CitySurveillance-Section-Wisenet9 .w9-bg-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n  #CitySurveillance-Section-Wisenet9 .w9-bg-pc {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  #CitySurveillance-Section-Wisenet9 .w9-bg-mobile {\n    display: none;\n  }\n\n  \/* ===== Content ===== *\/\n  #CitySurveillance-Section-Wisenet9 .basic-module-block {\n    position: relative;\n    z-index: 1;\n  }\n  #CitySurveillance-Section-Wisenet9 .w9-content {\n    max-width: 50%;\n    padding: 100px 0;\n  }\n\n  \/* ===== Label ===== *\/\n  #CitySurveillance-Section-Wisenet9 .w9-label {\n    margin: 0 0 12px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 24px;\n    font-weight: 600;\n    line-height: 20px;\n    letter-spacing: 0.02em;\n    color: #ff6600;\n  }\n\n  \/* ===== Title ===== *\/\n  #CitySurveillance-Section-Wisenet9 .w9-title {\n    margin: 0 0 32px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 40px;\n    font-weight: 700;\n    line-height: 56px;\n    letter-spacing: -0.8px;\n    color: #fff;\n  }\n\n  #CitySurveillance-Section-Wisenet9 .w9-subtitle {\n    font-size: 20px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 30px; \/* 150% *\/\n    letter-spacing: -0.4px;\n    color: #fff;\n  }\n\n  \/* ===== Body ===== *\/\n  #CitySurveillance-Section-Wisenet9 .w9-body p {\n    margin: 0 0 16px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 26px;\n    letter-spacing: -0.3px;\n    color: #BDBDBD;\n  }\n  #CitySurveillance-Section-Wisenet9 .w9-body p:last-child {\n    margin-bottom: 0;\n  }\n  #CitySurveillance-Section-Wisenet9 .w9-body strong {\n    font-weight: 600;\n  }\n\n  \/* ===== Button ===== *\/\n  #CitySurveillance-Section-Wisenet9 .w9-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    height: 40px;\n    padding: 0 20px;\n    margin-top: 32px;\n    background: #FF6600;\n    color: #fff;\n    text-decoration: none;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: -0.28px;\n    white-space: nowrap;\n    transition: background-color 0.25s ease;\n    cursor: pointer;\n    border: none;\n  }\n  #CitySurveillance-Section-Wisenet9 .w9-btn:hover {\n    background: #e65a00;\n  }\n  #CitySurveillance-Section-Wisenet9 .w9-btn svg {\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n  }\n\n  \/* ===== Responsive 1400px ===== *\/\n  @media screen and (max-width: 1400px) {\n    #CitySurveillance-Section-Wisenet9 .w9-content {\n      padding: 80px 0;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-title {\n      font-size: 36px;\n      line-height: 50px;\n      letter-spacing: -0.72px;\n      margin-bottom: 28px;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-subtitle {\n      font-size: 16px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 24px; \/* 150% *\/\n      letter-spacing: -0.32px;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-body p {\n      font-size: 14px;\n      line-height: 24px;\n    }\n  }\n\n  \/* ===== Responsive 992px - Mobile ===== *\/\n  @media screen and (max-width: 992px) {\n    \/* PC \ubc30\uacbd \uc228\uae30\uace0 \ubaa8\ubc14\uc77c \uc774\ubbf8\uc9c0 \ud45c\uc2dc *\/\n    #CitySurveillance-Section-Wisenet9 .w9-bg-image {\n      position: relative;\n      height: auto;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-bg-pc {\n      display: none;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-bg-mobile {\n      display: block;\n      width: 100%;\n      height: auto;\n      object-fit: cover;\n      aspect-ratio: 375 \/ 140;\n    }\n\n    #CitySurveillance-Section-Wisenet9 .w9-content {\n      max-width: 100%;\n      padding: 40px 0 56px 0;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-title {\n      font-size: 28px;\n      line-height: 40px;\n      letter-spacing: -0.56px;\n      margin-bottom: 24px;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-subtitle {\n      font-size: 16px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: 24px; \/* 150% *\/\n      letter-spacing: -0.32px;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-body p {\n      font-size: 14px;\n      line-height: 24px;\n      margin-bottom: 16px;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-btn {\n      margin-top: 28px;\n    }\n  }\n\n  \/* ===== Responsive 576px ===== *\/\n  @media screen and (max-width: 576px) {\n    #CitySurveillance-Section-Wisenet9 .w9-content {\n      padding: 32px 0 48px 0;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-label {\n      font-size: 16px;\n      line-height: 16px;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-title {\n      font-size: 24px;\n      line-height: 34px;\n      letter-spacing: -0.48px;\n      margin-bottom: 20px;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-body p {\n      font-size: 13px;\n      line-height: 22px;\n      margin-bottom: 14px;\n    }\n    #CitySurveillance-Section-Wisenet9 .w9-btn {\n      margin-top: 24px;\n      height: 38px;\n      font-size: 13px;\n      padding: 0 16px;\n    }\n  }\n<\/style>\n\n\n\n<section\n  class=\"section-featured-articles type-retail\"\n  id=\"CitySurveillance-Section-OurSolutions\"\n  >\n  <div class=\"wrapper\">\n    <div class=\"container\">\n      <div class=\"basic-module-block\">\n        <div class=\"title-cell\">\n          <h2 class=\"title\"><span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span>\uc758 \uac80\uc99d\ub41c \uc194\ub8e8\uc158<\/h2>\n        <\/div>\n        <div class=\"body-cell\">\n          <div class=\"article-cards-container\">\n            <div class=\"basic-grid-block\">\n              <div\n                class=\"cell\"\n                data-hws-toggle=\"side-panel\"\n                data-hws-target=\"#SidePanelEducationSecurityCameras\"\n              >\n                <div class=\"content-wrap\">\n                  <h4 class=\"title\">\ubcf4\uc548 \uce74\uba54\ub77c \ubc0f \uc7a5\ube44<\/h4>\n                  <button\n                    class=\"more-btn\"\n                    data-hws-toggle=\"side-panel\"\n                    data-hws-target=\"#SidePanelEducationSecurityCameras\"\n                  >\n                    <svg\n                      width=\"24\"\n                      height=\"24\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                    >\n                      <path\n                        d=\"M13.8462 17.6537L12.7923 16.5692L16.6115 12.7499H4.5V11.2499H16.6115L12.7923 7.43069L13.8462 6.34619L19.5 11.9999L13.8462 17.6537Z\"\n                        fill=\"currentColor\"\n                      \/>\n                    <\/svg>\n                  <\/button>\n                <\/div>\n              <\/div>\n  \n              <div\n                class=\"cell\"\n                data-hws-toggle=\"side-panel\"\n                data-hws-target=\"#SidePanelEducationAnalytics\"\n              >\n                <div class=\"content-wrap\">\n                  <h4 class=\"title\">\ubd84\uc11d\uacfc \uc778\ud154\ub9ac\uc804\uc2a4<\/h4>\n                  <button\n                    class=\"more-btn\"\n                    data-hws-toggle=\"side-panel\"\n                    data-hws-target=\"#SidePanelEducationAnalytics\"\n                  >\n                    <svg\n                      width=\"24\"\n                      height=\"24\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                    >\n                      <path\n                        d=\"M13.8462 17.6537L12.7923 16.5692L16.6115 12.7499H4.5V11.2499H16.6115L12.7923 7.43069L13.8462 6.34619L19.5 11.9999L13.8462 17.6537Z\"\n                        fill=\"currentColor\"\n                      \/>\n                    <\/svg>\n                  <\/button>\n                <\/div>\n              <\/div>\n  \n              <div\n                class=\"cell\"\n                data-hws-toggle=\"side-panel\"\n                data-hws-target=\"#SidePanelEducationVMS\"\n              >\n                <div class=\"content-wrap wrap-col\">\n                  <h4 class=\"title\">VMS (\uc601\uc0c1\uad00\ub9ac\uc2dc\uc2a4\ud15c)<\/h4>\n                  <button\n                    class=\"more-btn\"\n                    data-hws-toggle=\"side-panel\"\n                    data-hws-target=\"#SidePanelEducationVMS\"\n                  >\n                    <svg\n                      width=\"24\"\n                      height=\"24\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                    >\n                      <path\n                        d=\"M13.8462 17.6537L12.7923 16.5692L16.6115 12.7499H4.5V11.2499H16.6115L12.7923 7.43069L13.8462 6.34619L19.5 11.9999L13.8462 17.6537Z\"\n                        fill=\"currentColor\"\n                      \/>\n                    <\/svg>\n                  <\/button>\n                <\/div>\n              <\/div>\n  \n              <div\n                class=\"cell\"\n                data-hws-toggle=\"side-panel\"\n                data-hws-target=\"#SidePanelEducationCybersecurity\"\n              >\n                <div class=\"content-wrap wrap-col\">\n                  <h4 class=\"title\">\uc0ac\uc774\ubc84\ubcf4\uc548<\/h4>\n                  <button\n                    class=\"more-btn\"\n                    data-hws-toggle=\"side-panel\"\n                    data-hws-target=\"#SidePanelEducationCybersecurity\"\n                  >\n                    <svg\n                      width=\"24\"\n                      height=\"24\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                    >\n                      <path\n                        d=\"M13.8462 17.6537L12.7923 16.5692L16.6115 12.7499H4.5V11.2499H16.6115L12.7923 7.43069L13.8462 6.34619L19.5 11.9999L13.8462 17.6537Z\"\n                        fill=\"currentColor\"\n                      \/>\n                    <\/svg>\n                  <\/button>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <\/section>\n\n\n\n<style>\n  #CitySurveillance-Section-OurSolutions {\n    padding: 100px 0px 120px 0px;\n    background-color: #000;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .title-cell {\n    margin-bottom: 48px;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .title-cell h2 {\n    font-size: 44px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 62px;\n    letter-spacing: -0.88px;\n    color: #fff;\n    text-align: center;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .title-cell p {\n    font-size: 24px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 36px;\n    letter-spacing: -0.48px;\n    color: #bdbdbd;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block {\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 393px));\n    gap: 16px;\n    justify-content: center;\n    place-items: center;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block .cell::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    filter: brightness(0.6);\n    transition: filter 0.3s ease;\n    z-index: 0;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block .cell:hover::before {\n    filter: brightness(1);\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block .cell:hover {\n    cursor: pointer;\n    border: 1px solid #ff6600;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block .cell {\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex: 1;\n    width: 100%;\n    max-width: 390px;\n    max-height: 390px;\n    aspect-ratio: 1 \/ 1;\n    padding: 32px 24px;\n    flex-direction: column;\n    justify-content: flex-end;\n    align-items: flex-start;\n    gap: 10px;\n    border: 1px solid transparent;\n    border-radius: 8px;\n    transition: all 0.3s ease;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block .cell:hover h4 {\n    color: #ff6600;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block .cell:hover .more-btn {\n    border: 1px solid #ff6600;\n    background: rgba(255, 102, 0, 0.2);\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block .cell:hover .more-btn svg {\n    color: #ff6600;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block {\n    margin: 0;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block .cell > * {\n    position: relative;\n    z-index: 1;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(1)::before {\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, #000 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/Security-Camera-and-Devices_PC-1.png\") lightgray 50% \/ cover no-repeat;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(2)::before {\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, #000 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/AI_PC-1.png\") lightgray 50% \/ cover no-repeat;\n    background-blend-mode: multiply, normal;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(3)::before {\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, #000 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/VMS_PC.png\") lightgray -5.641px -133.203px \/ 102.632% 163.025% no-repeat;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(4)::before {\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, #000 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/Cloud_PC.png\") lightgray 50% \/ cover no-repeat;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(5)::before {\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, #000 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/Cybersecurity_PC.png\") lightgray 50% \/ cover no-repeat;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .content-wrap {\n    width: 100%;\n    margin-top: auto;\n    display: flex;\n    justify-content: space-between;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block > .cell+.cell {\n    margin-top: 0 !important;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .content-wrap h4 {\n    font-size: 20px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 30px; \n    letter-spacing: -0.4px;\n    color: #fff;\n    width: 100%;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(1) .title {\n    max-width: 178px;\n    -webkit-touch-callout: none;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    cursor: pointer;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(3) .title {\n    max-width: 178px;\n    -webkit-touch-callout: none;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    cursor: default;\n  }\n  \n  #CitySurveillance-Section-OurSolutions .content-wrap .more-btn {\n    margin-top: auto;\n    margin-bottom: 8px;\n    display: flex;\n    padding: 4px 20px;\n    align-items: center;\n    gap: 8px;\n    border-radius: 100px;\n    border: 1px solid var(--White, #FFF);\n    background: rgba(255, 255, 255, 0.10);\n  }\n  \n  #CitySurveillance-Section-OurSolutions .content-wrap .more-btn svg {\n    color: #fff;\n  }\n  \n  @media screen and (max-width: 1400px) {\n    #CitySurveillance-Section-OurSolutions {\n      padding: 56px 0;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .content-wrap h4 {\n      font-size: 18px;\n      letter-spacing: -0.36px;\n      line-height: 28px;\n    }\n  }\n  \n  @media screen and (max-width: 1200px) {\n    #CitySurveillance-Section-OurSolutions .basic-grid-block {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n  \n  @media screen and (max-width: 576px) {\n    #CitySurveillance-Section-OurSolutions .basic-grid-block {\n      grid-template-columns: 1fr;\n      gap: 8px;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .basic-grid-block .cell  {\n      max-width: 100%;\n      height: 140px;\n      padding: 16px;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .title-cell h2 {\n      font-size: 32px;\n      line-height: 48px;\n      letter-spacing: -0.64px;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .title-cell p {\n      font-size: 16px;\n      line-height: 24px;\n      letter-spacing: -0.32px;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(1)::before {\n      background: url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/Security-Camera-and-Devices_MO.png\") lightgray 50% \/ cover no-repeat;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(2)::before {\n      background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.50) 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/AI_MO.png\") lightgray 50% \/ cover no-repeat;\n      background-blend-mode: multiply, normal;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(3)::before {\n      background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.50) 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/VMS_MO.png\") lightgray 50% \/ cover no-repeat;\n      background-blend-mode: multiply, normal;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(4)::before {\n      background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.50) 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/Cloud_MO.png\") lightgray 50% \/ cover no-repeat;\n      background-blend-mode: multiply, normal;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(5)::before {\n      background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.50) 95%), url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/Cybersecurity_MO.png\") lightgray 50% \/ cover no-repeat;\n      background-blend-mode: multiply, normal;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .content-wrap h4 {\n      font-size: 16px;\n      letter-spacing: -0.32px;\n      line-height: 24px;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(1) .title {\n      max-width: 100%;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .basic-grid-block > *:nth-child(3) .title {\n      max-width: 100%;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .content-wrap {\n      height: 100%;\n      flex-direction: column;\n    }\n  \n    #CitySurveillance-Section-OurSolutions .content-wrap .more-btn {\n      padding: 0 12px;\n      margin-left: auto;\n    }\n  \n    .alert {\n      padding: 2px 10px;\n      font-size: 12px;\n      line-height: 20px;\n      letter-spacing: -0.24px;\n      color: #000;\n      max-width: 117px;\n    }\n  }\n  <\/style>\n\n\n\n<style>\n#SidePanelEducationSecurityCameras .module-block {\n  margin-top: 60px !important;\n}\n\n#SidePanelEducationSecurityCameras .orange-color-desc {\n  color: #F60;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; \/* 150% *\/\n  letter-spacing: -0.32px;\n}\n\n#SidePanelEducationSecurityCameras .text-location {\n  color: #292929;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; \/* 150% *\/\n  letter-spacing: -0.32px;\n}\n\n#SidePanelEducationSecurityCameras .text-normal {\n  font-weight: 400 !important;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec {\n  --text: #292929;\n  --muted: #525252;\n  --line: #bdbdbd;\n  --bg-soft: #f8f8f8;\n  --accent: #f60;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec__intro {\n  padding-bottom: 12px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec__title {\n  margin: 0;\n  font-size: 32px;\n  line-height: 44px;\n  letter-spacing: -0.64px;\n  color: var(--text);\n  font-weight: 700;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec__desc {\n  margin: 12px 0 0;\n  color: var(--muted);\n  font-size: 16px;\n  line-height: 24px;\n  letter-spacing: -0.32px;\n  font-weight: 400;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec__kicker {\n  margin: 28px 0 12px;\n  text-align: center;\n  color: var(--accent);\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  font-size: 14px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec__divider {\n  width: 100%;\n  height: 1px;\n  border: 0;\n  background: #BDBDBD;\n  margin: 32px 0;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec__section-title {\n  margin: 0 0 40px;\n  font-size: 36px;\n  font-weight: 600;\n  line-height: 54px; \/* 150% *\/\n  letter-spacing: -0.72px;\n  color: var(--text);\n}\n\n#SidePanelEducationSecurityCameras .hint {\n  color: #7c7c7c;\n  font-family: \"Noto Sans\";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px;\n  letter-spacing: -0.24px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-model-link {\n  color: var(--text);\n  text-decoration-line: underline;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-model-link:hover {\n  color: var(--accent);\n  text-decoration-thickness: 2px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec__table-wrap {\n  width: 100%;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec__table-wrap--desktop {\n  display: block;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec__table-wrap--mobile {\n  display: none;\n}\n\n\/* \ud14c\uc774\ube14 \uc804\uccb4 \uc678\uacfd \ud14c\ub450\ub9ac *\/\n#SidePanelEducationSecurityCameras .edu-sec-table {\n  width: 100%;\n  border-collapse: collapse;\n  border-top: 1px solid #BDBDBD;\n  border-bottom: none;\n  background: #fff;\n}\n\n\/* \ud5e4\ub354 \uc2a4\ud0c0\uc77c - PC 1\ud589 *\/\n#SidePanelEducationSecurityCameras .edu-sec-table thead th {\n  color: var(--text);\n  font-weight: 700;\n  font-size: 16px;\n  line-height: 24px;\n  letter-spacing: -0.32px;\n  text-align: center;\n  padding: 14px 16px;\n  border-bottom: 1px solid #d9d9d9;\n  border-right: 1px solid #d9d9d9;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table thead th:nth-child(1) {\n  background: #F1F1F1;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table thead th:nth-child(2) {\n  background: #DCDCDC;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table thead th:nth-child(3) {\n  background: #F1F1F1;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table thead th:nth-child(4) {\n  background: #F1F1F1;\n  border-right: none;\n}\n\n\/* tbody \uc140 \uae30\ubcf8 \uc2a4\ud0c0\uc77c *\/\n#SidePanelEducationSecurityCameras .edu-sec-table tbody td {\n  padding: 22px 18px;\n  vertical-align: middle;\n  border-bottom: 1px solid #ededed;\n  border-right: 1px solid #ededed;\n  color: var(--muted);\n  font-size: 14px;\n  line-height: 20px;\n  letter-spacing: -0.28px;\n  background: transparent;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table tbody td:last-child {\n  border-right: none;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table tbody tr:last-child td {\n  border-bottom: 1px solid #9d9d9d;\n}\n\n\/* PC \ubc84\uc804 - tbody \ubaa8\ub4e0 \ud589 (thead\uac00 1\ud589\uc774\ubbc0\ub85c tbody\ub294 2\ud589\ubd80\ud130) *\/\n#SidePanelEducationSecurityCameras .edu-sec-table tbody td:nth-child(1) {\n  background: #F8F8F8;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table tbody td:nth-child(2) {\n  background: #F1F1F1;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table tbody td:nth-child(3) {\n  background: #F8F8F8;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table tbody td:nth-child(4) {\n  background: #F8F8F8;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table__type {\n  width: 220px;\n  text-align: center;\n  color: var(--text);\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table__icon {\n  width: 92px;\n  height: 92px;\n  object-fit: contain;\n  display: inline-block;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table__type strong {\n  display: block;\n  margin-top: 10px;\n  font-size: 16px;\n  line-height: 24px;\n  letter-spacing: -0.32px;\n  color: var(--text);\n  font-weight: 700;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table td ul {\n  margin: 0;\n  padding-left: 22px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table td ul li {\n  color: var(--muted);\n  font-size: 16px;\n  line-height: 20px;\n  letter-spacing: -0.28px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table__models {\n  white-space: normal;\n  color: var(--text);\n  font-weight: 500;\n}\n\n\/* \ubaa8\ubc14\uc77c \ud14c\uc774\ube14 *\/\n#SidePanelEducationSecurityCameras .edu-sec-table-scroll {\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  background: #fff;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile {\n  min-width: 1100px;\n  border-top: 1px solid #9d9d9d;\n  border-bottom: 1px solid #9d9d9d;\n  border-collapse: collapse;\n}\n\n\/* \ubaa8\ubc14\uc77c \ud5e4\ub354 - 1\ud589: #F8F8F8 *\/\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile thead th {\n  background: #F8F8F8 !important;\n  color: var(--text);\n  font-weight: 700;\n  padding: 12px 14px;\n  border-bottom: 1px solid #d9d9d9;\n  border-right: 1px solid #d9d9d9;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile thead th:last-child {\n  border-right: none;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile th,\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile td {\n  padding: 12px 14px;\n  vertical-align: top;\n  border-bottom: 1px solid #ededed;\n  border-right: 1px solid #ededed;\n  color: var(--muted);\n  font-size: 13px;\n  line-height: 18px;\n  letter-spacing: -0.26px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile th:last-child,\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile td:last-child {\n  border-right: none;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:last-child th,\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:last-child td {\n  border-bottom: none;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile__rowhead {\n  background: #f1f1f1 !important;\n  color: var(--text);\n  font-weight: 700;\n  min-width: 120px;\n  padding: 0;\n  position: sticky;\n  left: 0;\n  z-index: 2;\n  border-right: 1px solid #d9d9d9 !important;\n  vertical-align: middle;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile__rowhead .header-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  padding: 12px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile__rowhead .header-text {\n  text-align: center;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px;\n  letter-spacing: -0.28px;\n}\n\n\/* \ubaa8\ubc14\uc77c - 2\ud589 (\uc124\uce58 \uc7a5\uc18c): #F1F1F1 *\/\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:nth-child(1) th,\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:nth-child(1) td {\n  background: #F1F1F1 !important;\n}\n\n\/* \ubaa8\ubc14\uc77c - 3\ud589 (\uc8fc\uc694 \uc774\uc810): #F8F8F8 *\/\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:nth-child(2) th,\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:nth-child(2) td {\n  background: #F8F8F8 !important;\n}\n\n\/* \ubaa8\ubc14\uc77c - 4\ud589 (\uc801\ud569\ud55c \uce74\uba54\ub77c \ubaa8\ub378): #F8F8F8 *\/\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:nth-child(3) th,\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:nth-child(3) td {\n  background: #F8F8F8 !important;\n}\n\n\/* \ubaa8\ubc14\uc77c - 5\ud589 \uc774\ud6c4: #F8F8F8 *\/\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:nth-child(n+4) th,\n#SidePanelEducationSecurityCameras .edu-sec-table--mobile tbody tr:nth-child(n+4) td {\n  background: #F8F8F8 !important;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table__mtype {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  min-width: 140px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table__mtype img {\n  width: 44px;\n  height: 44px;\n  object-fit: contain;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-table__mtype strong {\n  font-size: 12px;\n  line-height: 16px;\n  color: var(--text);\n  font-weight: 700;\n  text-align: center;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-article {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  padding: 60px 0;\n  border-top: 1px solid #BDBDBD;\n}\n\n#SidePanelEducationSecurityCameras .grid-stretch {\n  grid-template-columns: 1fr !important;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-article:first-of-type {\n  border-top: 0;\n  padding-top: 0;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-article__media,\n#SidePanelEducationSecurityCameras .edu-sec-article__content {\n  min-width: 0;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-article__media img {\n  width: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-article__content h4 {\n  margin: 0 0 10px;\n  color: var(--text);\n  font-size: 24px;\n  line-height: 30px;\n  letter-spacing: -0.4px;\n  font-weight: 700;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-article__content p {\n  margin-bottom: 20px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-article__content ul {\n  margin: 0;\n  padding-left: 18px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-article__content li {\n  color: var(--muted);\n  font-size: 16px;\n  line-height: 20px;\n  letter-spacing: -0.28px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec__accent {\n  color: var(--accent);\n}\n\n#SidePanelEducationSecurityCameras .edu-sec__note {\n  margin: 12px 0 0;\n  color: var(--accent);\n  font-size: 14px;\n  line-height: 20px;\n  letter-spacing: -0.28px;\n  font-weight: 500;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-solutions {\n  margin-top: 14px;\n  background: var(--bg-soft);\n  border-top: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n  padding: 14px 16px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-solutions h5 {\n  margin: 0 0 10px;\n  color: var(--accent);\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 700;\n  letter-spacing: -0.26px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-solutions__grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-solutions__grid ul {\n  margin: 0;\n  padding-left: 18px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-solutions__grid li {\n  color: var(--text);\n  font-size: 13px;\n  line-height: 18px;\n  letter-spacing: -0.26px;\n  font-weight: 500;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-solutions--full {\n  grid-column: 1 \/ -1;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-carousel {\n  margin-top: 16px;\n  max-width: 100%;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-carousel__head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin: 18px 0 10px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-carousel__head h5 {\n  margin: 0;\n  color: var(--text);\n  font-size: 18px;\n  line-height: 26px;\n  letter-spacing: -0.36px;\n  font-weight: 700;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-carousel__actions {\n  display: flex;\n  gap: 6px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-carousel__btn {\n  padding: 8px 12px;\n  border: 0;\n  background: #f2f2f2;\n  color: #666;\n  cursor: pointer;\n  font-weight: 700;\n  line-height: 1;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-carousel__btn:disabled {\n  background: #f2f2f2;\n  color: #999;\n  border-color: #ddd;\n  cursor: not-allowed;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-carousel__btn--primary {\n  background: var(--accent);\n  color: #fff;\n  border-color: var(--accent);\n  cursor: pointer;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-carousel__btn--primary:disabled {\n  background: #f2f2f2;\n  color: #999;\n  border-color: #ddd;\n  cursor: not-allowed;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-carousel__track {\n  display: flex;\n  gap: 12px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  width: 100%;\n  min-width: 0;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n  padding-bottom: 8px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-carousel__item {\n  flex: 0 0 auto;\n  width: 220px;\n  scroll-snap-align: start;\n  border: 1px solid #e6e6e6;\n  background: #fff;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-carousel__item img {\n  width: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-carousel__track::-webkit-scrollbar {\n  height: 6px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-carousel__track::-webkit-scrollbar-thumb {\n  background: #d9d9d9;\n  border-radius: 99px;\n}\n\n#SidePanelEducationSecurityCameras .edu-sec-carousel__item p {\n  margin: 8px;\n  font-size: 13px;\n  line-height: 18px;\n  letter-spacing: -0.26px;\n  color: var(--text);\n  font-weight: 500;\n  text-align: center;\n}\n\n\/* \u2500\u2500 Feature Images Strip \u2500\u2500 *\/\n#SidePanelEducationSecurityCameras .city-surv__features-strip {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0;\n  background: #292929;\n  margin: 16px 0 8px;\n  padding: 24px;\n  gap: 12px;\n}\n\n#SidePanelEducationSecurityCameras .city-surv__feature-item {\n  text-align: center;\n  background: #292929;\n}\n\n#SidePanelEducationSecurityCameras .city-surv__feature-item img {\n  width: 100%;\n  aspect-ratio: auto;\n  object-fit: cover;\n  display: block;\n}\n\n#SidePanelEducationSecurityCameras .city-surv__feature-item p {\n  margin: 0;\n  padding: 12px 8px;\n  color: #fff;\n  font-size: 13px;\n  line-height: 18px;\n  letter-spacing: -0.26px;\n  font-weight: 500;\n}\n\n\/* \u2500\u2500 Camera Cards Grid \u2500\u2500 *\/\n#SidePanelEducationSecurityCameras .city-surv__cards {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  column-gap: 16px;\n  row-gap: 60px;\n  margin-top: 28px;\n}\n\n#SidePanelEducationSecurityCameras .city-surv__card {\n  width: calc((100% - 48px) \/ 3);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n\n#SidePanelEducationSecurityCameras .city-surv__card-img {\n  width: 100%;\n  aspect-ratio: 1 \/ 0.85;\n  background: #F8F8F8;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n#SidePanelEducationSecurityCameras .city-surv__card-img img {\n  width: 80%;\n  height: 80%;\n  object-fit: contain;\n}\n\n#SidePanelEducationSecurityCameras .city-surv__card-name {\n  margin: 18px 0 10px;\n  font-size: 18px;\n  line-height: 26px;\n  letter-spacing: -0.36px;\n  font-weight: 700;\n  color: #FF6600;\n}\n\n#SidePanelEducationSecurityCameras .city-surv__card-desc {\n  margin: 0;\n  font-size: 16px;\n  line-height: 24px;\n  letter-spacing: -0.32px;\n  color: #525252;\n  flex: 1;\n}\n\n#SidePanelEducationSecurityCameras .city-surv__card-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 20px;\n  padding: 12px 24px;\n  background: #FF6600;\n  color: #fff;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 24px;\n  letter-spacing: -0.32px;\n  text-decoration: none;\n  transition: background 0.2s;\n}\n\n#SidePanelEducationSecurityCameras .city-surv__card-btn:hover {\n  background: #e55b00;\n  color: #fff;\n}\n\n@media screen and (max-width: 768px) {\n  #SidePanelEducationSecurityCameras .edu-sec__title {\n    font-size: 24px;\n    line-height: 34px;\n    letter-spacing: -0.48px;\n  }\n\n  #SidePanelEducationSecurityCameras .orange-color-desc {\n    color: #F60;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px; \/* 142.857% *\/\n    letter-spacing: -0.28px;\n  }\n\n  #SidePanelEducationSecurityCameras .text-location {\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px; \/* 142.857% *\/\n    letter-spacing: -0.28px;\n  }\n\n  #SidePanelEducationSecurityCameras .edu-sec__section-title {\n    font-size: 28px;\n    font-weight: 600;\n    line-height: 42px; \/* 150% *\/\n    letter-spacing: -0.56px;\n  }\n\n  #SidePanelEducationSecurityCameras .edu-sec__table-wrap--desktop {\n    display: none;\n  }\n\n  #SidePanelEducationSecurityCameras .edu-sec__table-wrap--mobile {\n    display: block;\n  }\n\n  #SidePanelEducationSecurityCameras .edu-sec-article {\n    grid-template-columns: 1fr;\n    gap: 12px;\n    padding: 40px 0;\n  }\n\n  #SidePanelEducationSecurityCameras .edu-sec-article__content h4 {\n    font-size: 20px;\n    font-weight: 600;\n    line-height: 30px; \/* 150% *\/\n    letter-spacing: -0.4px;\n  }\n\n  #SidePanelEducationSecurityCameras .edu-sec-article__content li {\n    font-size: 13px;\n    line-height: 18px;\n    letter-spacing: -0.26px;\n  }\n\n  #SidePanelEducationSecurityCameras .edu-sec-solutions__grid {\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n\n  #SidePanelEducationSecurityCameras .edu-sec-solutions--full {\n    grid-column: auto;\n  }\n\n  #SidePanelEducationSecurityCameras .edu-sec-carousel__item {\n    width: 180px;\n  }\n\n  #SidePanelEducationSecurityCameras .edu-sec-carousel__item img {\n    height: auto;\n  }  \n  \n  #SidePanelEducationSecurityCameras .city-surv__features-strip {\n    grid-template-columns: repeat(2, 1fr);\n    padding: 12px;\n    row-gap: 12px;\n    column-gap: 8px;\n  }\n\n  #SidePanelEducationSecurityCameras .city-surv__cards {\n    flex-direction: column;\n    gap: 0;\n    margin-top: 24px;\n  }\n\n  #SidePanelEducationSecurityCameras .city-surv__card {\n    width: 100%;\n    padding-bottom: 32px;\n    border-bottom: 1px solid #E9E9E9;\n  }\n\n  #SidePanelEducationSecurityCameras .city-surv__card:last-child {\n    border-bottom: none;\n  }\n\n  #SidePanelEducationSecurityCameras .city-surv__card-img {\n    aspect-ratio: 1 \/ 0.75;\n  }\n\n  #SidePanelEducationSecurityCameras .city-surv__card-name {\n    font-size: 20px;\n    line-height: 28px;\n    margin: 20px 0 12px;\n  }\n\n  #SidePanelEducationSecurityCameras .city-surv__card-btn {\n    padding: 14px 36px;\n    margin-top: 24px;\n  }\n}\n<\/style>\n\n<script>\n  (function () {\n    var panel = document.getElementById(\"SidePanelEducationSecurityCameras\");\n    if (!panel) return;\n\n    var track = panel.querySelector(\"#EduSecFanTrack\");\n    if (!track) return;\n\n    var btnPrev = panel.querySelector('.edu-sec-carousel__btn[data-dir=\"-1\"]');\n    var btnNext = panel.querySelector('.edu-sec-carousel__btn[data-dir=\"1\"]');\n\n    \/\/ \ucd08\uae30 \uc0c1\ud0dc \uc124\uc815\n    if (btnPrev) {\n      btnPrev.disabled = true;\n      btnPrev.classList.remove('edu-sec-carousel__btn--primary');\n    }\n    if (btnNext) {\n      btnNext.disabled = false;\n      btnNext.classList.add('edu-sec-carousel__btn--primary');\n    }\n\n    function getStep() {\n      var first = track.querySelector(\".edu-sec-carousel__item\");\n      if (!first) return 240;\n      var styles = window.getComputedStyle(track);\n      var gap = parseFloat(styles.gap || \"0\") || 12;\n      var w = first.getBoundingClientRect().width;\n      \/\/ width\uac00 0\uc774\uba74 \uae30\ubcf8\uac12 \uc0ac\uc6a9\n      if (!w || w <= 0) w = 220;\n      return Math.round(w + gap);\n    }\n\n    function updateButtons() {\n      var scrollLeft = track.scrollLeft;\n      var maxScroll = track.scrollWidth - track.clientWidth;\n\n      \/\/ panel\uc774 \ubcf4\uc774\uc9c0 \uc54a\uc73c\uba74 \uc2a4\ud0b5\n      if (track.scrollWidth === 0) return;\n\n      if (btnPrev) {\n        if (scrollLeft <= 1) {\n          btnPrev.disabled = true;\n          btnPrev.classList.remove('edu-sec-carousel__btn--primary');\n        } else {\n          btnPrev.disabled = false;\n          btnPrev.classList.add('edu-sec-carousel__btn--primary');\n        }\n      }\n\n      if (btnNext) {\n        if (maxScroll <= 0 || scrollLeft >= maxScroll - 1) {\n          btnNext.disabled = true;\n          btnNext.classList.remove('edu-sec-carousel__btn--primary');\n        } else {\n          btnNext.disabled = false;\n          btnNext.classList.add('edu-sec-carousel__btn--primary');\n        }\n      }\n    }\n\n    function move(dir) {\n      var step = getStep();\n      track.scrollBy({ left: dir * step, behavior: \"smooth\" });\n    }\n\n    if (btnPrev) {\n      btnPrev.addEventListener(\"click\", function (e) {\n        e.preventDefault();\n        move(-1);\n      });\n    }\n\n    if (btnNext) {\n      btnNext.addEventListener(\"click\", function (e) {\n        e.preventDefault();\n        move(1);\n      });\n    }\n\n    track.addEventListener(\"scroll\", updateButtons);\n  })();\n<\/script>\n\n<div class=\"side-panel info-side-panel edu-sec-panel\" id=\"SidePanelEducationSecurityCameras\" style=\"display: none\">\n  <div class=\"panel-backdrop\"><\/div>\n\n  <div class=\"panel-wrapper\">\n    <div class=\"panel-header\">\n      <button class=\"btn-action panel-close-btn\" aria-label=\"Close\">\n        <span class=\"icon-font icon-cross\"><\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"panel-body\">\n      <div class=\"panel-body-container edu-sec\">\n        <header class=\"edu-sec__intro\">\n          <h2 class=\"h1 edu-sec__title\">\ubcf5\uc7a1\ud55c \ub3c4\uc2ec \ud658\uacbd\uc5d0 \ucd5c\uc801\ud654\ub41c \ub9de\ucda4\ud615 \uc601\uc0c1 \ubcf4\uc548 \uc194\ub8e8\uc158<\/h2>\n          <p class=\"edu-sec__desc\">\n            <span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span>\uc740 \ucca8\ub2e8 \uae30\uc220\ub85c \ub3c4\uc2dc\uc758 \ub0b4\uc77c\uc744 \uc548\uc804\ud558\uac8c \uc9c0\ud0b5\ub2c8\ub2e4. \ud601\uc2e0\uc801\uc778 \uae30\uc220\ub825\uc744 \ubc14\ud0d5\uc73c\ub85c \ub3c4\uc2dc\uc758 \uc548\uc804\uc744 \ucc45\uc784\uc9c0\uba70, \uc0ac\uac01\uc9c0\ub300 \uc5c6\ub294 \uace0\ud654\uc9c8 \ubcf4\uc548 \uc194\ub8e8\uc158\uc744 \ud1b5\ud574 \ub354 \uc2a4\ub9c8\ud2b8\ud55c \ub3c4\uc2dc \ud658\uacbd\uc744 \uc644\uc131\ud574 \ub098\uac11\ub2c8\ub2e4.\n          <\/p>\n\n\n        <\/header>\n\n        <!-- Camera Cards -->\n        <section class=\"city-surv__cards\">\n          <div class=\"city-surv__card\">\n            <div class=\"city-surv__card-img\">\n              <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/01.-Q-Series.png\" alt=\"Q Series\" \/>\n            <\/div>\n            <h3 class=\"city-surv__card-name\">Q \uc2dc\ub9ac\uc988<\/h3>\n            <p class=\"city-surv__card-desc\">\uc9c0\ub2a5\ud615 \uc601\uc0c1 \ubd84\uc11d, WDR(\uc5ed\uad11 \ubcf4\uc815), IR, \u2028\ubcf5\ub3c4 \ubdf0, WiseStream II\ub97c \uc9c0\uc6d0\ud558\ub294 H.265 \uc555\ucd95 \uae30\ubc18 \uc194\ub8e8\uc158\uc73c\ub85c \uc120\uba85\ud55c \uc601\uc0c1 \ud488\uc9c8\uc744 \u2028\uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\n            <a class=\"city-surv__card-btn\" href=\"https:\/\/www.hanwhavision.com\/ko\/products\/camera\/network\/?srs=q-series\" target=\"_blank\" rel=\"noopener\">\uc790\uc138\ud788 \ubcf4\uae30&nbsp;&nbsp;\u2192<\/a>\n          <\/div>\n\n          <div class=\"city-surv__card\">\n            <div class=\"city-surv__card-img\">\n              <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/02.-X-Series.png\" alt=\"X Series\" \/>\n            <\/div>\n            <h3 class=\"city-surv__card-name\">X \uc2dc\ub9ac\uc988<\/h3>\n            <p class=\"city-surv__card-desc\">4K \ucd08\uace0\ud574\uc0c1\ub3c4\uc640 eXtreme WDR\uc744 \u2028\uc9c0\uc6d0\ud558\uba70, 100% \ub80c\uc988 \uc65c\uace1 \ubcf4\uc815\uc744 \uad6c\ud604\ud558\ub294 \uc790\uccb4 \uac1c\ubc1c Wisenet 7 \uce69\uc14b\uc744 \ud0d1\uc7ac\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n            <a class=\"city-surv__card-btn\" href=\"https:\/\/www.hanwhavision.com\/ko\/products\/camera\/network\/?srs=x-series\" target=\"_blank\" rel=\"noopener\">\uc790\uc138\ud788 \ubcf4\uae30&nbsp;&nbsp;\u2192<\/a>\n          <\/div>\n\n          <div class=\"city-surv__card\">\n            <div class=\"city-surv__card-img\">\n              <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/04.-Multi-sensor-Cameras.png\" alt=\"PTZ Cameras\" \/>\n            <\/div>\n            <h3 class=\"city-surv__card-name\">PTZ \uce74\uba54\ub77c<\/h3>\n            <p class=\"city-surv__card-desc\">\uc0c1\ud558\uc88c\uc6b0 \uc774\ub3d9\uacfc \uc90c \uc778\u00b7\uc544\uc6c3\uc774 \uac00\ub2a5\ud55c \u2028PTZ \uce74\uba54\ub77c\ub294 \uc2a4\ud0c0\ub514\uc6c0 \ubc0f \uacbd\uae30\uc7a5 \ud658\uacbd\uc5d0\uc11c \ub113\uc740 \uad6c\uc5ed\uc744 \uc720\uc5f0\ud558\uac8c \ubaa8\ub2c8\ud130\ub9c1\ud560 \uc218 \uc788\ub294 \u2028\ub2e4\ubaa9\uc801 \uc194\ub8e8\uc158\uc785\ub2c8\ub2e4<\/p>\n            <a class=\"city-surv__card-btn\" href=\"https:\/\/www.hanwhavision.com\/ko\/products\/camera\/network\/ptz\/\" target=\"_blank\" rel=\"noopener\">\uc790\uc138\ud788 \ubcf4\uae30&nbsp;&nbsp;\u2192<\/a>\n          <\/div>\n\n          <div class=\"city-surv__card\">\n            <div class=\"city-surv__card-img\">\n              <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/05.-Panoramic-Cameras.png\" alt=\"Multi-sensor Cameras\" \/>\n            <\/div>\n            <h3 class=\"city-surv__card-name\">\uba40\ud2f0\uc13c\uc11c \uce74\uba54\ub77c<\/h3>\n            <p class=\"city-surv__card-desc\">\ub2e8\uc77c \ucf00\uc774\ube14\ub85c \uc5ec\ub7ec \ubc29\ud5a5\uc744 \ub3d9\uc2dc\uc5d0 \ucee4\ubc84\ud558\ub294 \uba40\ud2f0\uc13c\uc11c IP \uce74\uba54\ub77c\ub85c, \ubcf5\uc7a1\ud558\uace0 \ube44\uc6a9\uc774 \u2028\ub9ce\uc774 \ub4dc\ub294 \uc124\uce58\ub97c \ucd5c\uc18c\ud654\ud569\ub2c8\ub2e4<\/p>\n            <a class=\"city-surv__card-btn\" href=\"https:\/\/www.hanwhavision.com\/ko\/products\/camera\/network\/multi-sensor\/\" target=\"_blank\" rel=\"noopener\">\uc790\uc138\ud788 \ubcf4\uae30&nbsp;&nbsp;\u2192<\/a>\n          <\/div>\n\n          <div class=\"city-surv__card\">\n            <div class=\"city-surv__card-img\">\n              <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/03.-PTZ-Cameras.png\" alt=\"Panoramic Cameras\" \/>\n            <\/div>\n            <h3 class=\"city-surv__card-name\">\ud30c\ub178\ub77c\ub9c8 \uce74\uba54\ub77c<\/h3>\n            <p class=\"city-surv__card-desc\">\ub2e8\uc77c \ub514\ubc14\uc774\uc2a4\ub85c \ucd5c\ub300 220\u00b0\uc758 \ucd08\uad11\uac01 \uc2dc\uc57c\ub97c \uc81c\uacf5\ud558\uc5ec \ub113\uc740 \uacf5\uac04\uc744 \ud6a8\uc728\uc801\uc73c\ub85c \u2028\ubaa8\ub2c8\ud130\ub9c1\ud569\ub2c8\ub2e4.<\/p>\n            <a class=\"city-surv__card-btn\" href=\"https:\/\/www.hanwhavision.com\/ko\/?search_filter%5b%5d=products&#038;s=%ED%8C%8C%EB%85%B8%EB%9D%BC%EB%AF%B9\" target=\"_blank\" rel=\"noopener\">\uc790\uc138\ud788 \ubcf4\uae30&nbsp;&nbsp;\u2192<\/a>\n          <\/div>\n        <\/section>\n\n        <hr class=\"edu-sec__divider\" \/>\n\n        <section class=\"edu-sec__block\">\n          <h3 class=\"edu-sec__section-title\">\uc2a4\ub9c8\ud2b8\uc2dc\ud2f0 \uc601\uc0c1\ubcf4\uc548<\/h3>\n\n          <article class=\"edu-sec-article\">\n            <div class=\"edu-sec-article__content\">\n              <h4>\ub192\uc740 \uc0ac\uc6a9 \ud3b8\uc758\uc131\uc744 \uac16\ucd98 \ud601\uc2e0: AI \uba40\ud2f0\uc13c\uc11c \uce74\uba54\ub77c<\/h4>\n              <p class=\"orange-color-desc text-normal\">\uc0ac\uac01\uc9c0\ub300 \ucd5c\uc18c\ud654<\/p>\n              <ul>\n                <li><span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span>\uc758 <span class=\"orange-color-desc text-normal\">\uba40\ud2f0\uc13c\uc11c\u00b7\uba40\ud2f0\ub514\ub809\uc154\ub110 \uce74\uba54\ub77c<\/span>\ub294 \ub2e8 \ud55c \ub300\ub85c \ub113\uc740 \uac1c\ubc29 \u2028\uad6c\uc5ed\uc744 \ube48\ud2c8\uc5c6\uc774 \ubaa8\ub2c8\ud130\ub9c1\ud569\ub2c8\ub2e4. \uad50\uccb4\ud615 \ub80c\uc988 \ubaa8\ub4c8\uc744 \ud1b5\ud574 \ud658\uacbd\uacfc \u2028\ubaa9\uc801\uc5d0 \ub9de\uac8c \uc720\uc5f0\ud558\uac8c \uad6c\uc131\ud560 \uc218 \uc788\uc73c\uba70, \ubb3c\ub9ac\uc801 \uc811\uadfc \uc5c6\uc774 PTRZ(\ud32c\u00b7\ud2f8\ud2b8\u00b7\ub85c\ud14c\uc774\ud2b8\u00b7\uc90c)\ub97c \uc6d0\uaca9\uc73c\ub85c \uc815\ubc00 \uc81c\uc5b4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n                <li>\ub610\ud55c, \ubaa8\ub4e0 \uba40\ud2f0\uc13c\uc11c \uce74\uba54\ub77c\ub294 \ub2e8\uc77c \ub124\ud2b8\uc6cc\ud06c \ucf00\uc774\ube14\uacfc IP \uc8fc\uc18c\ub97c \uc0ac\uc6a9\ud574 \uc124\uce58\uc640 \uad6c\uc131\uc744 \uac04\uc18c\ud654\ud558\uace0, \ub2e8\uc77c \uce74\uba54\ub77c \ub179\ud654 \ub77c\uc774\uc120\uc2a4\ub85c \uc6b4\uc601\ud560 \uc218 \uc788\uc5b4 \ube44\uc6a9 \ud6a8\uc728\uc131\uae4c\uc9c0 \ud655\ubcf4\ud569\ub2c8\ub2e4.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"edu-sec-article__media\"><img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/06.-5CH-city-camera.jpg\" alt=\"\" \/><\/div>\n            <div class=\"edu-sec-solutions edu-sec-solutions--full\">\n              <div class=\"edu-sec-solutions__grid grid-stretch\">\n                <ul>\n                  <li>\uc5ec\ub7ec \ub300\uc758 \uce74\uba54\ub77c\ub97c \ud55c \ub300\ub85c \ub300\uccb4\ud558\ub294 \ud6a8\uc728\uc801\uc778 \uc194\ub8e8\uc158<\/li>\n                  <li>\ub525\ub7ec\ub2dd AI \uae30\ubc18\uc758 \uace0\uae09 \uac1d\uccb4 \uac10\uc9c0 \ubc0f \ubd84\ub958 \uae30\ub2a5<\/li>\n                  <li>AI \uae30\ubc18 \uac1d\uccb4 \uac10\uc9c0\ub97c \ud1b5\ud55c \uc624\uc54c\ub78c \ucd5c\uc18c\ud654<\/li>\n                  <li>\ub2e8\uc77c \ub124\ud2b8\uc6cc\ud06c \ucf00\uc774\ube14\uacfc IP \uc8fc\uc18c\ub9cc\uc73c\ub85c \uac04\ud3b8\ud55c \uc124\uce58<\/li>\n                  <li>\uc8fc\uc694 VMS \uc5f0\ub3d9 \uc2dc, \ub2e8\uc77c \ub77c\uc774\uc120\uc2a4\ub85c \ubaa8\ub4e0 \uc13c\uc11c \ud1b5\ud569 \uad00\ub9ac \uac00\ub2a5<\/li>\n                  <li>\uc6d0\uaca9 PTRZ \uc870\uc815\uc744 \ud1b5\ud55c \uc720\uc9c0\ubcf4\uc218 \ube44\uc6a9 \uc808\uac10<\/li>\n                  <li>PTZ \uba40\ud2f0\ub514\ub809\uc154\ub110 \uce74\uba54\ub77c\ub85c \uc774\ub3d9 \uac1d\uccb4 \uc90c\uc778 \ubc0f \ucd94\uc801<\/li>\n                  <li>\uc13c\uc11c\ubcc4 \uc9c0\ub2a5\ud615 \uc601\uc0c1 \ubd84\uc11d \uae30\ub2a5 \ud0d1\uc7ac<\/li>\n                  <li>\uc13c\ud130 \ubaa8\ub4dc(Center Mode) \uc801\uc6a9 \uc2dc \uce74\uba54\ub77c \ud558\ub2e8 \uc0ac\uac01\uc9c0\ub300 \ud574\uc18c<\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"edu-sec-article\">\n            <div class=\"edu-sec-article__media\"><img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/07.-AI-PTZ-Cameras.jpg\" alt=\"\" \/><\/div>\n            <div class=\"edu-sec-article__content\">\n              <h4>AI PTZ \ud50c\ub7ec\uc2a4 \uce74\uba54\ub77c<\/h4>\n              <ul>\n                <li><span class=\"orange-color-desc text-normal\">AI PTZ \ud50c\ub7ec\uc2a4 \uce74\uba54\ub77c<\/span>\ub294 \ub113\uc740 \uac1c\ubc29 \uad6c\uc5ed\uc5d0\uc11c\ub3c4 \uc601\uc0c1 \uc99d\uac70\ub85c \ud65c\uc6a9 \uac00\ub2a5\ud55c \uace0\ud574\uc0c1\ub3c4 \uc774\ubbf8\uc9c0\ub97c \ud655\ubcf4\ud558\uba70, \uc544\ub798\uc640 \uac19\uc740 \ucca8\ub2e8 \uae30\ub2a5\uc744 \ub3d9\uc2dc\uc5d0 \u2028\uc81c\uacf5\ud569\ub2c8\ub2e4.<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"edu-sec-solutions edu-sec-solutions--full\">\n              <div class=\"edu-sec-solutions__grid grid-stretch\">\n                <ul>\n                  <li>AI \uae30\ubc18 \uc0ac\uc6a9\uc790 \uc9c0\uc815 \uac1d\uccb4(\uc0ac\ub78c, \ucc28\ub7c9 \ub4f1) \uc790\ub3d9 \ucd94\uc801<\/li>\n                  <li>\uc120\uba85\ud558\uace0 \uc815\ubc00\ud55c \uc601\uc0c1\uc744 \uc704\ud55c \ub6f0\uc5b4\ub09c \ud654\uc9c8<\/li>\n                  <li>\ud55c\uce35 \ub354 \uac15\ud654\ub41c \uc0ac\uc774\ubc84 \ubcf4\uc548<\/li>\n                  <li>\uac15\ub825\ud55c IR \uc131\ub2a5\uc73c\ub85c \ucd5c\ub300 200m \uc57c\uac04\/\uc800\uc870\ub3c4 \ubaa8\ub2c8\ud130\ub9c1 \uc9c0\uc6d0<\/li>\n                  <li>\uace0\ud574\uc0c1\ub3c4, \uace0\ubc30\uc728 \uc90c(4K 30\ubc30) \uc9c0\uc6d0. Wisenet PTZ \ub3d4 \ubaa8\ub378\uc5d0\uc11c \ucd5c\ub300 55\ubc30 \uc90c \uc9c0\uc6d0<\/li>\n                  <li>\uc804\ucc9c\ud6c4 \uae30\uc0c1 \uc870\uac74 \ub300\uc751 (\ub0b4\uc7a5 \uc640\uc774\ud37c \ubc0f \ub80c\uc988 \ud788\ud130 \ud0d1\uc7ac)<\/li>\n                  <li>\uae30\uc874 \ub300\ube44 65% \uacbd\ub7c9\ud654 \uc124\uacc4\ub85c \uc124\uce58 \ud3b8\uc758\uc131 \ubc0f \ud32c\/\ud2f8\ud2b8 \uad6c\ub3d9 \uc18d\ub3c4 \uadf9\ub300\ud654<\/li>\n                  <li>\ub2e8\uc77c RJ45 \ucf00\uc774\ube14 \uc5f0\uacb0\uc744 \ud1b5\ud55c \uac04\ud3b8\ud55c \uc124\uce58<\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n            <div class=\"city-surv__features-strip edu-sec-solutions--full\">\n              <div class=\"city-surv__feature-item\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/AI-PTZ-Cameras-1-1.png\" alt=\"AI Auto tracking - cars\" \/>\n                <p>AI \uc790\ub3d9 \ucd94\uc801 - \ucc28\ub7c9<\/p>\n              <\/div>\n              <div class=\"city-surv__feature-item\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/AI-PTZ-Cameras-2-1.png\" alt=\"AI Auto tracking - people\" \/>\n                <p>AI \uc790\ub3d9 \ucd94\uc801 - \uc0ac\ub78c<\/p>\n              <\/div>\n              <div class=\"city-surv__feature-item\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/AI-PTZ-Cameras-3-1.png\" alt=\"Shakes off water\" \/>\n                <p>\ubc29\uc218 \uae30\ub2a5<\/p>\n              <\/div>\n              <div class=\"city-surv__feature-item\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/AI-PTZ-Cameras-4-1.png\" alt=\"Lightweight\" \/>\n                <p>\uacbd\ub7c9\ud654 \uc124\uacc4<\/p>\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"edu-sec-article\">\n            <div class=\"edu-sec-article__media\"><img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/09.-ciritical-intrastructure.jpg\" alt=\"\" \/><\/div>\n            <div class=\"edu-sec-article__content\">\n              <h4>\ud575\uc2ec \uc778\ud504\ub77c \ubcf4\ud638 (\uad50\ub7c9, \ub3c4\uc2dc, \uace0\uc18d\ub3c4\ub85c, \ud130\ub110)<\/h4>\n              <ul>\n                <li><span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span>\uc758 \uc9c0\ub2a5\ud615 AI \uae30\ubc18 \uba40\ud2f0\uc13c\uc11c, LPR, PTZ \uce74\uba54\ub77c\ub294 \ub3c4\uc2dc \ud575\uc2ec \u2028\uc778\ud504\ub77c\uc758 \ubcf4\uc548\uc744 \uac15\ud654\ud558\uace0 \uc6b4\uc601 \ud6a8\uc728\uc744 \ucd5c\uc801\ud654\ud569\ub2c8\ub2e4.<\/li>\n                <ul>\n                  <li>\uc815\ubd80 \uccad\uc0ac\u200b\u200b<\/li>\n                  <li>\uc804\ub825\u00b7\uc218\ub3c4 \uc2dc\uc124\u200b\u200b<\/li>\n                  <li>\ud3d0\uae30\ubb3c \ucc98\ub9ac \uc2dc\uc124\u200b\u200b\u200b<\/li>\n                  <li>\uad50\ub7c9, \ud130\ub110, \ud56d\ub9cc<\/li>\n                <\/ul>\n                <li><span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span> \uae30\uc220\uc740 \uad50\ub7c9, \ub3c4\ub85c, \uad50\ucc28\ub85c, \ud130\ub110, \uad50\ud1b5 \ud5c8\ube0c \uc804\ubc18\uc758 \uac00\uc2dc\uc131\uc744 \u2028\ud655\ub300\ud574 \uc9c0\ub2a5\ud615 \uad50\ud1b5 \uc2dc\uc2a4\ud15c(ITS)\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4. AI \ubd84\uc11d\uc744 \uae30\ubc18\uc73c\ub85c \u2028\ubcf4\ud589\uc790\uc640 \ucc28\ub7c9 \ud750\ub984\uc744 \ud1b5\ud569 \ubaa8\ub2c8\ud130\ub9c1\ud558\uba70 \ub2e4\uc74c\uacfc \uac19\uc740 \uae30\ub2a5\uc744 \u2028\uc81c\uacf5\ud569\ub2c8\ub2e4.<\/li>\n                <ul>\n                  <li>\ubc88\ud638\ud310 \uc778\uc2dd\u200b<\/li>\n                  <li>\uad50\ud1b5 \uc704\ubc18 \uac10\uc9c0<\/li>\n                  <li>\uce68\uc785 \ubc0f \uae30\ubb3c \ud30c\uc190 \uc2dc\ub3c4 \uc2dd\ubcc4\u200b<\/li>\n                  <li>\ubcf4\ud589\uc790\u00b7\uc790\uc804\uac70 \uc774\uc6a9\uc790 \uc548\uc804 \uac15\ud654<\/li>\n                  <li>\uc7a0\uc7ac\uc801 \uc704\ud5d8 \ud589\ub3d9\uc5d0 \ub300\ud55c \uc2e4\uc2dc\uac04 \uc778\uc9c0 (\uc608: \uc7a5\uc2dc\uac04 \ubc30\ud68c \uc9d1\ub2e8)<\/li>\n                <\/ul>\n                <li>\uc774\ub7ec\ud55c \uc9c0\ub2a5\ud615 \uc2dc\uc2a4\ud15c\uc740 \ub2e4\uc74c \uc694\uc18c\ub97c \uc2e4\uc2dc\uac04\uc73c\ub85c \ud30c\uc545\ud574 \uace0\uc18d\ub3c4\ub85c \uad50\ud1b5 \ud750\ub984\uacfc \uc548\uc804\uc744 \ucd5c\uc801\ud654\ud569\ub2c8\ub2e4.<\/li>\n                <ul>\n                  <li>\uad50\ud1b5 \uc0c1\ud669\u200b<\/li>\n                  <li>\uacfc\uc18d \ucc28\ub7c9<\/li>\n                  <li>\uc0ac\uace0, \uace0\uc7a5 \ucc28\ub7c9, \uc720\ucd9c\ubb3c \ub4f1 \uc704\ud5d8 \uc694\uc778<\/li>\n                <\/ul>\n                <li>\uacb0\uacfc\uc801\uc73c\ub85c \ub3c4\uc2dc\ub294 \uc790\uc6d0\uc744 \ub354\uc6b1 \uc815\uad50\ud558\uac8c \ubc30\ubd84\ud558\uace0, \uc6b4\uc804\uc790\uc640 \ubcf4\ud589\uc790\uc758 \ub2e4\uc591\ud55c \uc694\uad6c\uc5d0 \uc2e0\uc18d\ud558\uace0 \uc120\uc81c\uc801\uc73c\ub85c \ub300\uc751\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"edu-sec-article\">\n            <div class=\"edu-sec-article__media\"><img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/10.-transport-systems_KO.png\" alt=\"\" \/><\/div>\n            <div class=\"edu-sec-article__content\">\n              <h4>\uad50\ud1b5 \uc2dc\uc2a4\ud15c (\ubc84\uc2a4, \ucca0\ub3c4, \uc9c0\ud558\ucca0)<\/h4>\n              <ul>\n                <li><span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span>\uc758 \uae30\uc220\uc740 \uc138\uacc4 \ucd5c\ub300 \uaddc\ubaa8\uc774\uc790 \uac00\uc7a5 \ubd84\uc8fc\ud55c \uacf5\uacf5 \ubc84\uc2a4, \ucca0\ub3c4, \u2028\uc9c0\ud558\ucca0 \uc2dc\uc2a4\ud15c \uc804\ubc18\uc5d0 \ub3c4\uc785\ub418\uc5b4 \uc548\uc815\uc801\uc73c\ub85c \uc6b4\uc601\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n                <li>NVR\uacfc \ucef4\ud329\ud2b8\ud55c AI \uae30\ubc18 \ubaa8\ubc14\uc77c \uce74\uba54\ub77c\ub85c \uad6c\uc131\ub41c \ud3ed\ub113\uc740 \ud3ec\ud2b8\ud3f4\ub9ac\uc624\ub294 \uad50\ud1b5 \uc6b4\uc601 \ucc45\uc784\uc790\uc640 \uc6b4\uc1a1 \ubcf4\uc548 \uc804\ubb38\uac00\ub4e4\ub85c\ubd80\ud130 \ub192\uc740 \uc2e0\ub8b0\ub97c \ubc1b\uace0 \u2028\uc788\uc2b5\ub2c8\ub2e4.<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n          <article class=\"edu-sec-article edu-sec-article--stadium\">\n            <div class=\"edu-sec-article__media\"><img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/11.-city-parking.jpg\" alt=\"\" \/><\/div>\n            <div class=\"edu-sec-article__content\">\n              <h4>\ub3c4\uc2dc \uc8fc\ucc28 \uad00\ub9ac<\/h4>\n              <ul>\n                <li><span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span>\uc758 \ucca8\ub2e8 AI \ubd84\uc11d \uce74\uba54\ub77c\ub97c \ud65c\uc6a9\ud558\uba74, \uc9c0\uc790\uccb4\ub294 \uacf5\uacf5 \ubb34\ub8cc \u2028\uc8fc\ucc28\uc7a5\uacfc \uc720\ub8cc \ub178\uc0c1 \uc8fc\ucc28\uc7a5\uc5d0 \ub300\ud55c \ubaa8\ub2c8\ud130\ub9c1 \ub2a5\ub825\uc744 \ud55c\uce35 \uac15\ud654\ud560 \uc218 \u2028\uc788\uc2b5\ub2c8\ub2e4.<\/li>\n                <li><span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span>\uc758 \uae30\uc220\uc740 \ubd88\ubc95 \uc8fc\uc815\ucc28, \uc9c4\uc785 \uae08\uc9c0 \uad6c\uc5ed \uce68\ubc94, \uc720\ub8cc \uc8fc\ucc28 \uc2dc\uac04 \u2028\ucd08\uacfc\uc640 \uac19\uc740 \uc704\ubc18 \uc0ac\ud56d\uc744 \uc790\ub3d9\uc73c\ub85c \uac10\uc9c0\ud569\ub2c8\ub2e4.<\/li>\n                <li>\uace0\ud574\uc0c1\ub3c4 \uc601\uc0c1\uacfc Edge \uae30\ubc18 \ubd84\uc11d \uae30\uc220\uc744 \ud1b5\ud574 \ucc28\ub7c9 \ubc88\ud638\ud310\uacfc \uc2dc\uac04 \uc815\ubcf4\ub97c \uc218\uc9d1\ud558\uba70, \ucc28\ub7c9\uc758 \uc6c0\uc9c1\uc784\uc744 \ud30c\uc545\ud574 \uba85\ud655\ud55c '\uc8fc\ucc28 \uc99d\uac70'\ub97c \ud655\ubcf4\ud569\ub2c8\ub2e4. \u2028\ub610\ud55c, \uc2e4\uc2dc\uac04 \uc54c\ub9bc \uae30\ub2a5\uc744 \ud1b5\ud574 \uad00\ub9ac \uc8fc\uccb4\uac00 \ubd80\uc801\uc808\ud55c \uc8fc\ucc28\ub85c \uc778\ud55c \uad50\ud1b5 \ud63c\uc7a1\uacfc \uc548\uc804 \ubb38\uc81c\ub97c \uc2e0\uc18d\ud558\uac8c \ud574\uacb0\ud560 \uc218 \uc788\ub3c4\ub85d \ub3d5\uc2b5\ub2c8\ub2e4.<\/li>\n                <li>\uacb0\uacfc\uc801\uc73c\ub85c \uc774\ub7ec\ud55c \uae30\ub2a5\ub4e4\uc740 \ub3c4\uc2dc \uc6b4\uc601\uc758 \ud6a8\uc728\uc744 \ub192\uc774\uace0 \uad50\ud1b5 \ud750\ub984\uc744 \u2028\uc6d0\ud65c\ud558\uac8c \ub9cc\ub4e4\uba70, \uacf5\uc815\ud558\uace0 \uc77c\uad00\uc131 \uc788\ub294 \uc8fc\ucc28 \uad00\ub9ac\uc640 \uacfc\ud0dc\ub8cc \ubd80\uacfc \ud589\uc815\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.\u200b<\/li>\n              <\/ul>\n            <\/div>\n          <\/article>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<style>\n  #SidePanelEducationAnalytics .module-block {\n    margin-top: 60px !important;\n  }\n\n  #SidePanelEducationAnalytics .section-divider{\n    height: 1px;\n    width: 100%;\n    background: #BDBDBD;\n    margin: 60px 0;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics {\n    --text: #292929;\n    --muted: #666666;\n    --line: #e0e0e0;\n    --accent: #ff6600;\n    font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;\n  }\n  \n  \/* ===== Intro ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__intro {\n    padding-bottom: 24px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__title {\n    margin: 0;\n    font-size: 32px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n  \n  \/* ===== Banner ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__banner {\n    position: relative;\n    margin-bottom: 24px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-image {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 65%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 32px 40px;\n    color: #fff;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay h3 {\n    color: #fff;\n    margin: 0 0 14px;\n    font-size: 22px;\n    line-height: 1.2;\n    font-weight: 600;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay p {\n    color: #BDBDBD;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 24px; \/* 150% *\/\n    letter-spacing: -0.32px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li {\n    position: relative;\n    padding-left: 12px;\n    font-size: 16px;\n    line-height: 20px;\n    margin-bottom: 8px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li::before {\n    content: '\u2022';\n    position: absolute;\n    left: 0;\n    color: var(--accent);\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li > ul {\n    margin: 6px 0 0;\n    padding: 0 0 0 8px;\n    list-style: none;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li > ul > li {\n    font-size: 14px;\n    line-height: 1.5;\n    color: #BDBDBD;\n    padding-left: 0;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li > ul > li::before {\n    display: none;\n  }\n  \n  \/* ===== Detection Grid ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__detection {\n    margin-bottom: 40px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__detection-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    border-top: 1px solid var(--Seashell-300, #BDBDBD);\n    border-bottom: 1px solid var(--Seashell-300, #BDBDBD);\n    background: var(--Seashell-50, #F8F8F8);\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__detection-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n    padding: 28px 32px;\n    background: var(--Seashell-50, #F8F8F8);\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__detection-icon {\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    background: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__detection-icon img {\n    width: 60px;\n    height: 60px;\n    object-fit: contain;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__detection-content h4 {\n    margin: 0 0 6px;\n    font-size: 16px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__detection-content p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.5;\n    color: var(--muted);\n  }\n  \n  \/* ===== Divider ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__divider {\n    width: 100%;\n    height: 1px;\n    background: var(--Seashell-300, #BDBDBD);\n    margin: 24px 0;\n    opacity: 1;\n  }\n  \n  \/* ===== Section Title ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__section-title {\n    margin: 0 0 24px;\n    font-size: 22px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__section-second-title {\n    margin: 0 0 20px;\n    font-size: 22px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n  \n  \/* ===== Orange Title ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__orange-title {\n    margin: 0 0 12px;\n    font-size: 18px;\n    line-height: 1.4;\n    color: var(--accent);\n    font-weight: 700;\n  }\n  \n  \/* ===== Camera Section ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__camera-section {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: flex-start;\n    margin-bottom: 32px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__camera-content ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__camera-content li {\n    position: relative;\n    padding-left: 12px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n    margin-bottom: 10px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__camera-content li::before {\n    content: '\u2022';\n    position: absolute;\n    left: 0;\n    color: var(--text);\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__camera-images {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 12px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__camera-images > img {\n    max-width: 280px;\n    height: auto;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__certifications {\n    display: flex;\n    gap: 12px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__certifications img {\n    height: 32px;\n    width: auto;\n  }\n  \n  \/* ===== Metadata Section ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__metadata-section {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: center;\n    margin-bottom: 32px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__metadata-image img {\n    width: 100%;\n    height: auto;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__slider-dots {\n    display: flex;\n    justify-content: center;\n    gap: 6px;\n    margin-top: 12px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__slider-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: #d9d9d9;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__slider-dot.active {\n    background: #333;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__metadata-text p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n  \n  \/* ===== Attribute Grid ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__attribute-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    border-top: 1px solid var(--Seashell-300, #BDBDBD);\n    border-bottom: 1px solid var(--Seashell-300, #BDBDBD);\n    background: #F8F8F8;\n    margin-bottom: 40px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__attribute-card {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    padding: 24px 28px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__attribute-icon {\n    flex-shrink: 0;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__attribute-icon img {\n    width: 44px;\n    height: 44px;\n    object-fit: contain;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__attribute-content h5 {\n    margin: 0 0 8px;\n    font-size: 15px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__attribute-content ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__attribute-content li {\n    position: relative;\n    padding-left: 10px;\n    font-size: 13px;\n    line-height: 1.5;\n    color: var(--muted);\n    margin-bottom: 4px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__attribute-content li::before {\n    content: '\u2022';\n    position: absolute;\n    left: 0;\n    color: #999;\n  }\n  \n  \/* ===== Audio Section ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__audio-intro {\n    margin: 0 0 24px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__audio-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: start;\n    margin-bottom: 32px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__audio-image img {\n    width: 100%;\n    height: auto;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__audio-label {\n    margin: 0 0 8px;\n    font-size: 14px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 600;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__audio-text ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__audio-text li {\n    position: relative;\n    padding-left: 12px;\n    font-size: 14px;\n    line-height: 1.6;\n    color: var(--muted);\n    margin-bottom: 8px;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__audio-text li::before {\n    content: '\u2022';\n    position: absolute;\n    left: 0;\n    color: var(--accent);\n  }\n\n\n \n\/* ===== Link Button (Outline) ===== *\/\n#SidePanelEducationAnalytics .privacy-link-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 20px;\n  margin-top: 28px;\n  border: 1px solid #FF6600;\n  background: transparent;\n  color: #FF6600;\n  text-decoration: none;\n  font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n  letter-spacing: -0.28px;\n  transition: background-color 0.25s ease, color 0.25s ease;\n  cursor: pointer;\n}\n\n#SidePanelEducationAnalytics .privacy-link-btn:hover {\n  background: #FF6600;\n  color: #fff;\n}\n#SidePanelEducationAnalytics .privacy-link-btn:hover svg path {\n  fill: #fff;\n}\n#SidePanelEducationAnalytics .privacy-link-btn svg {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n}\n\n\n  \n  #SidePanelEducationAnalytics .edu-analytics__link {\n    color: var(--accent);\n    text-decoration: none;\n    font-weight: 500;\n    text-decoration-line: underline;\n  }\n  \n  #SidePanelEducationAnalytics .edu-analytics__link:hover {\n    color: var(--accent);\n    text-decoration-thickness: 2px;\n  }\n  \n  \/* ===== Footer ===== *\/\n  #SidePanelEducationAnalytics .edu-analytics__footer {\n    width: 100%;\n    height: 100%;\n    padding-bottom: 20%;\n    background-image: url('https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/image-334.png');\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n  }\n  \n  \/* ===== Mobile ===== *\/\n  @media screen and (max-width: 1300px) {\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay {\n      position: static;\n      width: 100%;\n      padding: 24px 0 0;\n      color: var(--text);\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay h3 {\n      color: #292929;\n      font-size: 22px;\n      line-height: 1.4;\n      margin: 0 0 14px;\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay p {\n      color: #525252;\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li {\n      color: #525252;\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li > ul > li {\n      color: #666;\n    }\n\n  }\n  \n  \/* ===== Mobile ===== *\/\n  @media screen and (max-width: 768px) {\n    #SidePanelEducationAnalytics .section-divider{\n      height: 1px;\n      width: 100%;\n      background: #BDBDBD;\n      margin: 40px 0;\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__title {\n      font-size: 24px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__banner {\n      display: flex;\n      flex-direction: column;\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay {\n      position: static;\n      width: 100%;\n      padding: 24px 0 0;\n      color: var(--text);\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay h3 {\n      color: #292929;\n      font-size: 22px;\n      line-height: 1.4;\n      margin: 0 0 14px;\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay p {\n      color: #525252;\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li {\n      color: #525252;\n    }\n\n    #SidePanelEducationAnalytics .edu-analytics__banner-overlay > ul > li > ul > li {\n      color: #666;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__detection-grid {\n      grid-template-columns: 1fr;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__detection-item {\n      padding: 20px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__detection-icon {\n      width: 56px;\n      height: 56px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__detection-icon img {\n      width: 28px;\n      height: 28px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__section-title {\n      font-size: 18px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__orange-title {\n      font-size: 16px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__camera-section {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__camera-images {\n      align-items: center;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__camera-images > img {\n      max-width: 100%;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__metadata-section {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__attribute-grid {\n      grid-template-columns: 1fr;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__attribute-card {\n      padding: 20px;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__audio-content {\n      grid-template-columns: 1fr;\n    }\n  \n    #SidePanelEducationAnalytics .edu-analytics__footer {\n      min-height: 191px;\n      padding-bottom: 40%;\n      background-image: url('https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/image-335.png');\n    }\n  }\n  \n  \/* ===== Brand Font ===== *\/\n  #SidePanelEducationAnalytics .hwFont {\n    font-weight: 700;\n  }\n  <\/style>\n  \n  <div class=\"side-panel info-side-panel edu-analytics-panel\" id=\"SidePanelEducationAnalytics\" style=\"display: none\">\n    <div class=\"panel-backdrop\"><\/div>\n  \n    <div class=\"panel-wrapper\">\n      <div class=\"panel-header\">\n        <button class=\"btn-action panel-close-btn\" aria-label=\"Close\">\n          <span class=\"icon-font icon-cross\"><\/span>\n        <\/button>\n      <\/div>\n  \n      <div class=\"panel-body\">\n        <div class=\"panel-body-container edu-analytics\">\n          <header class=\"edu-analytics__intro\">\n            <h2 class=\"h1 edu-analytics__title\">\uc2a4\ub9c8\ud2b8 \ubd84\uc11d \uce74\uba54\ub77c<\/h2>\n          <\/header>\n  \n          <section class=\"edu-analytics__banner\">\n            <picture>\n              <source media=\"(max-width: 768px)\" srcset=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/01.-BG_MO.png\" \/>\n              <img decoding=\"async\" class=\"edu-analytics__banner-image\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/01.-BG_PC.png\" alt=\"\ub77c\uc774\uc13c\uc2a4 \ud504\ub9ac \uc601\uc0c1 \ubc0f \uc624\ub514\uc624 \ubd84\uc11d\" \/>\n            <\/picture>\n            <div class=\"edu-analytics__banner-overlay\">\n              <h3>\uc0c1\ud669 \uc778\uc2dd \ud5a5\uc0c1<\/h3>\n              <p><span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span>\uc758 \ub77c\uc774\uc120\uc2a4 \ud504\ub9ac \uc9c0\ub2a5\ud615 \uc601\uc0c1\u00b7\uc624\ub514\uc624 \ubd84\uc11d \uae30\uc220\uc740 \uc5e3\uc9c0\uc5d0\uc11c \uc9c1\uc811 \u2028\uad6c\ub3d9\ub418\uc5b4, \ube44\uc815\uc0c1\uc801\uc778 \ud65c\ub3d9\uc744 \uc2e4\uc2dc\uac04\uc73c\ub85c \uc54c\ub9bd\ub2c8\ub2e4. \ud5a5\uc0c1\ub41c \uc0c1\ud669 \uc778\uc2dd\uc740 \ub300\uc751 \u2028\uc18d\ub3c4\uc640 \uc815\ud655\ub3c4\ub97c \ub192\uc5ec, \uc0ac\uace0 \ubc1c\uc0dd \uc2dc \ud53c\ud574\uc640 \uc190\uc2e4\uc744 \uc0ac\uc804\uc5d0 \uc608\ubc29\ud558\uac70\ub098 \u2028\ucd5c\uc18c\ud654\ud560 \uc218 \uc788\ub3c4\ub85d \uc9c0\uc6d0\ud569\ub2c8\ub2e4.\u200b<\/p>\n            <\/div>\n          <\/section>\n  \n          <section class=\"edu-analytics__detection\">\n            <div class=\"edu-analytics__detection-grid\">\n              <div class=\"edu-analytics__detection-item\">\n                <div class=\"edu-analytics__detection-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_face-detection-1.png\" alt=\"\uc5bc\uad74 \uac10\uc9c0\" \/>\n                <\/div>\n                <div class=\"edu-analytics__detection-content\">\n                  <h4>\uc5bc\uad74 \uac10\uc9c0<\/h4>\n                  <p>\uc8fc\uc694 \uc5bc\uad74 \ud2b9\uc9d5\uc744 \uc2dd\ubcc4\ud558\uace0 \uc5bc\uad74\uc774 \uac10\uc9c0\ub418\uba74 \uc54c\ub9bc \ubc1c\uc1a1<\/p>\n                <\/div>\n              <\/div>\n  \n              <div class=\"edu-analytics__detection-item\">\n                <div class=\"edu-analytics__detection-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_intrusion-detection-1.png\" alt=\"\uce68\uc785 \uac10\uc9c0\" \/>\n                <\/div>\n                <div class=\"edu-analytics__detection-content\">\n                  <h4>\uce68\uc785 \uac10\uc9c0<\/h4>\n                  <p>\uc0ac\uc804 \uc9c0\uc815\ub41c \uad6c\uc5ed \ub0b4 \uc6c0\uc9c1\uc784\uc774 \uac10\uc9c0\ub418\uba74 \uc774\ubca4\ud2b8 \uc54c\ub9bc \ubc1c\uc1a1<\/p>\n                <\/div>\n              <\/div>\n  \n              <div class=\"edu-analytics__detection-item\">\n                <div class=\"edu-analytics__detection-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_Virtual-line-crossing-detection-1.png\" alt=\"\uac00\uc0c1 \ub77c\uc778 \uad50\ucc28 \uac10\uc9c0\" \/>\n                <\/div>\n                <div class=\"edu-analytics__detection-content\">\n                  <h4>\uac00\uc0c1 \ub77c\uc778 \uad50\ucc28 \uac10\uc9c0<\/h4>\n                  <p>\uc0ac\uc804 \uc9c0\uc815\ub41c \uac00\uc0c1 \ub77c\uc778 \ub610\ub294 \uacbd\uacc4\ub97c \uac1d\uccb4\uac00 \ud1b5\uacfc\ud558\uba74 \uc54c\ub9bc \ubc1c\uc1a1<\/p>\n                <\/div>\n              <\/div>\n  \n              <div class=\"edu-analytics__detection-item\">\n                <div class=\"edu-analytics__detection-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_Exit_Enter-Detection-1.png\" alt=\"\ucd9c\uc785 \uac10\uc9c0\" \/>\n                <\/div>\n                <div class=\"edu-analytics__detection-content\">\n                  <h4>\ucd9c\uc785 \uac10\uc9c0<\/h4>\n                  <p>\uc9c0\uc815\ub41c \uad6c\uc5ed\uc5d0 \ucd9c\uc785\ud558\ub294 \uac1d\uccb4 \uac10\uc9c0<\/p>\n                <\/div>\n              <\/div>\n  \n              <div class=\"edu-analytics__detection-item\">\n                <div class=\"edu-analytics__detection-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_Loitering-Detection-1.png\" alt=\"\ubc30\ud68c \uac10\uc9c0\" \/>\n                <\/div>\n                <div class=\"edu-analytics__detection-content\">\n                  <h4>\ubc30\ud68c \uac10\uc9c0<\/h4>\n                  <p>\uac1d\uccb4\uac00 \uc9c0\uc815\ub41c \uac00\uc0c1 \uad6c\uc5ed\uc5d0 \uc9c4\uc785\ud574 \uc77c\uc815 \uc2dc\uac04 \uba38\ubb34\ub974\uba74 \uc774\ubca4\ud2b8 \uc54c\ub9bc \ubc1c\uc1a1<\/p>\n                <\/div>\n              <\/div>\n  \n              <div class=\"edu-analytics__detection-item\">\n                <div class=\"edu-analytics__detection-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_Appear_disappear-detection-1.png\" alt=\"\uac1d\uccb4 \uc785\uc7a5\/\ud1f4\uc7a5 \uac10\uc9c0\" \/>\n                <\/div>\n                <div class=\"edu-analytics__detection-content\">\n                  <h4>\uac1d\uccb4 \uc785\uc7a5\/\ud1f4\uc7a5 \uac10\uc9c0<\/h4>\n                  <p>\uc9c0\uc815\ub41c \uac00\uc0c1 \uad6c\uc5ed\uc5d0\uc11c \uac1d\uccb4\uc758 \ub4f1\uc7a5\uacfc \ud1f4\uc7a5 \uac10\uc9c0<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/section>\n  \n          <section class=\"edu-analytics__block\">\n\n            \n            <article class=\"edu-analytics__audio-section\">\n              <div class=\"edu-analytics__audio-content\">\n                <div class=\"edu-analytics__audio-text\">\n                  <h4 class=\"edu-analytics__orange-title\">\ud53c\ud50c \uce74\uc6b4\ud305 \ubc0f \uad70\uc911 \uc81c\uc5b4<\/h4>\n                  <p class=\"edu-analytics__audio-label\">\uc8fc\uc694 \ud2b9\uc7a5\uc810 :<\/p>\n                  <ul>\n                    <li>\uac74\ubb3c \ubc0f \uacf5\uac04 \ub0b4 \uc778\uc6d0 \uc218 \uc2e4\uc2dc\uac04 \uc81c\uc5b4<\/li>\n                    <li>\ub2e4\uc218 \ucd9c\uc785\uad6c \ud1b5\ud569 \ubaa8\ub2c8\ud130\ub9c1 \uc9c0\uc6d0<\/li>\n                    <li>\ub192\uc740 \uc815\ud655\ub3c4\uc758 \ud53c\ud50c \uce74\uc6b4\ud305<\/li>\n                    <li>\uc11c\ubc84 \uc5c6\uc774 \uac04\ud3b8 \uc124\uce58 \uac00\ub2a5, \uc720\uc5f0\ud55c \ud655\uc7a5\uc131 \uc81c\uacf5<\/li>\n                  <\/ul>\n           <a class=\"privacy-link-btn\" href=\"https:\/\/www.hanwhavision.com\/ko\/technology\/ai-based-analytics\/\" target=\"_blank\" rel=\"noopener\">\n            <span>\uc790\uc138\ud788 \ubcf4\uae30<\/span>\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#FF6600\"\/>\n            <\/svg>\n          <\/a>\n                <\/div>\n\n                <div class=\"edu-analytics__audio-image\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/02.-people-counting.jpg\" alt=\"\uad70\uc911 \uc81c\uc5b4\" \/>\n                <\/div>\n\n              <\/div>\n            <\/article>\n\n<div class=\"section-divider\"><\/div>\n\n            <h3 class=\"edu-analytics__section-second-title\">\uc9c0\ub2a5\ud615 \uc624\ub514\uc624<\/h3>\n            \n            <article class=\"edu-analytics__audio-section\">\n              <div class=\"edu-analytics__audio-content\">\n                <div class=\"edu-analytics__audio-image\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/smart-analytics-BG_KO-1.jpg\" alt=\"IP \uc624\ub514\uc624 \uc2dc\uc2a4\ud15c\" \/>\n                <\/div>\n                <div class=\"edu-analytics__audio-text\">\n                  <h4 class=\"edu-analytics__orange-title\">IP \uc624\ub514\uc624 \uc2dc\uc2a4\ud15c<\/h4>\n                  <p class=\"edu-analytics__audio-label\">\ud2b9\uc7a5\uc810 :<\/p>\n                  <ul>\n                    <li>\uc601\uc0c1\ubcf4\uc548 \uc2dc\uc2a4\ud15c\uacfc \uc5f0\ub3d9\ud574 \uce74\uba54\ub77c\uc758 \ubd84\uc11d \uae30\ub2a5\uc744 \ud65c\uc6a9\ud558\ub294 \ud1b5\ud569 \u2028\uc194\ub8e8\uc158\uc73c\ub85c \uad6c\uc131 \uac00\ub2a5<\/li>\n                    <li>\ud14d\uc2a4\ud2b8\ub97c \uc74c\uc131 \ubcc0\ud658\ud574 \uc2e4\uc2dc\uac04 \ub610\ub294 \uc608\uc57d \uc124\uc815\uc73c\ub85c \uc624\ub514\uc624 \uba54\uc2dc\uc9c0\ub97c \u2028\ubc29\uc1a1\ud558\uac70\ub098 \uc9c1\uc811 \ub9c8\uc774\ud06c\ub85c \uc804\ub2ec<\/li>\n                    <li>\uc624\ub514\uc624 \uba54\uc2dc\uc9c0\ub97c \ud1b5\ud574 \ub3c4\uc2ec \uc18d \uad70\uc911 \ud750\ub984 \uad00\ub9ac<\/li>\n                    <li><a href=\"https:\/\/www.hanwhavision.com\/ko\/products\/ip_audio\/speaker\/\" class=\"edu-analytics__link\" target=\"_blank\" rel=\"noopener\">\uc804\uccb4 \ub77c\uc778\uc5c5 \ubcf4\uae30<\/a><\/li>\n                  <\/ul>\n                <\/div>\n              <\/div>\n            <\/article>\n  \n            <footer class=\"edu-analytics__footer\"><\/footer>\n  \n            <div class=\"module-block\">&nbsp;<\/div>\n          <\/section>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n\n<style>\n  #SidePanelEducationVMS .module-block {\n    margin-top: 60px !important;\n  }\n\n  #SidePanelEducationVMS .edu-vms {\n    --text: #292929;\n    --muted: #666666;\n    --line: #BDBDBD;\n    --accent: #ff6600;\n    --bg-dark: #1a1a1a;\n    font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;\n  }\n\n  \/* ===== Intro ===== *\/\n  #SidePanelEducationVMS .edu-vms__intro {\n    padding-bottom: 24px;\n  }\n\n  #SidePanelEducationVMS .edu-vms__title {\n    margin: 0 0 16px;\n    font-size: 32px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n\n  #SidePanelEducationVMS .edu-vms__desc {\n    margin: 0;\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n\n  #SidePanelEducationVMS .edu-cyber__data-section {\n    padding: 8px 0 52px 0;\n    text-align: center;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__data-title {\n    margin: 0 0 16px;\n    font-size: 24px;\n    line-height: 1.4;\n    color: var(--accent);\n    font-weight: 700;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__data-desc {\n    margin: 0 0 32px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n\n  #SidePanelEducationVMS .edu-cyber__data-image {\n    width: 100%;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__data-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__compliance {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 48px;\n    text-align: center;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__compliance-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__compliance-logo {\n    height: 120px;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__compliance-logo img {\n    max-height: 100%;\n    width: auto;\n    object-fit: contain;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__compliance-title {\n    margin: 0 0 12px;\n    font-size: 18px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n\n  #SidePanelEducationVMS .edu-cyber__compliance-desc {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n\n  \/* ===== Dark Card ===== *\/\n  #SidePanelEducationVMS .edu-vms__dark-card {\n    background: #F8F8F8;\n    padding: 32px;\n    margin-bottom: 32px;\n    container-type: inline-size;\n  }\n\n  #SidePanelEducationVMS .edu-vms__card-title {\n    margin: 0 0 16px;\n    font-size: 22px;\n    line-height: 1.4;\n    color: var(--accent);\n    font-weight: 700;\n  }\n\n  #SidePanelEducationVMS .edu-vms__card-desc {\n    margin: 0 0 12px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: #525252;\n  }\n\n  \/* ===== WAVE Split Layout ===== *\/\n  #SidePanelEducationVMS .edu-vms__wave-split {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: start;\n    margin-top: 8px;\n  }\n\n  #SidePanelEducationVMS .edu-vms__wave-left {\n    display: flex;\n    flex-direction: column;\n  }\n\n\/* \uc88c\uce21 \uceec\ub7fc \ub0b4 \ud30c\ud2b8\ub108 \ubc84\ud2bc: grid \ub300\uc2e0 flex column *\/\n#SidePanelEducationVMS .edu-vms__wave-left .edu-vms__partners {\n  margin-top: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  grid-template-columns: none;\n}\n\n\/* \uc6b0\uce21 \uceec\ub7fc \uac00\uc6b4\ub370 \uc815\ub82c *\/\n#SidePanelEducationVMS .edu-vms__wave-right {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n\n  #SidePanelEducationVMS .edu-vms__os-icons {\n    display: flex;\n    gap: 8px;\n  }\n\n  #SidePanelEducationVMS .edu-vms__os-icons img {\n    width: 28px;\n    height: 28px;\n    object-fit: contain;\n  }\n\n  #SidePanelEducationVMS .edu-vms__os-label {\n    font-size: 12px;\n    line-height: 1.4;\n    color: #7c7c7c;\n    font-weight: 500;\n    white-space: nowrap;\n  }\n\n  #SidePanelEducationVMS .edu-vms__wave-hero {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  \/* ===== Partner Buttons ===== *\/\n  #SidePanelEducationVMS .edu-vms__partners {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\n    gap: 16px;\n  }\n\n  #SidePanelEducationVMS .edu-vms__partners .body-button-box {\n    text-decoration: none;\n    background: #fff;\n    border-radius: 6px;\n    display: flex;\n    height: 72px;\n    padding: 8px 24px;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  #SidePanelEducationVMS .edu-vms__partners .body-button-box img {\n    height: 28px;\n    object-fit: contain;\n    flex-shrink: 0;\n  }\n\n  #SidePanelEducationVMS .edu-vms__partners .learnmore-box {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    flex-shrink: 0;\n  }\n\n  #SidePanelEducationVMS .edu-vms__partners .learnmore-box p {\n    margin: 0;\n    color: #F60;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    line-height: 1.4;\n    white-space: nowrap;\n  }\n\n  #SidePanelEducationVMS .edu-vms__partners .learnmore-box svg {\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n  }\n\n  #SidePanelEducationVMS .edu-vms__partners .body-button-box:hover {\n    cursor: pointer;\n  }\n\n  \/* ===== Divider ===== *\/\n  #SidePanelEducationVMS .edu-vms__divider {\n    width: 100%;\n    height: 1px;\n    background: var(--line);\n    margin: 40px 0;\n  }\n\n  \/* ===== Section Title ===== *\/\n  #SidePanelEducationVMS .edu-vms__section-title {\n    margin: 0 0 24px;\n    font-size: 28px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n\n  \/* ===== Wisestream Section ===== *\/\n  #SidePanelEducationVMS .edu-vms__wisestream-card {\n    background: var(--bg-dark);\n    padding: 32px;\n  }\n\n  #SidePanelEducationVMS .edu-vms__wisestream-title {\n    margin: 0 0 24px;\n    font-size: 20px;\n    line-height: 1.4;\n    color: #292929;\n    font-weight: 700;\n  }\n\n  #SidePanelEducationVMS .edu-vms__wisestream-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: start;\n  }\n\n  #SidePanelEducationVMS .edu-vms__wisestream-image {\n    width: 100%;\n    height: auto;\n  }\n\n  #SidePanelEducationVMS .edu-vms__wisestream-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  #SidePanelEducationVMS .edu-vms__wisestream-list li {\n    position: relative;\n    padding-left: 12px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: #525252;\n    margin-bottom: 16px;\n  }\n\n  #SidePanelEducationVMS .edu-vms__wisestream-list li::before {\n    content: '\u2022';\n    position: absolute;\n    left: 0;\n    color: var(--accent);\n  }\n\n  \/* ===== Mobile ===== *\/\n  @media screen and (max-width: 768px) {\n    #SidePanelEducationVMS .edu-vms__title {\n      font-size: 28px;\n    }\n\n    #SidePanelEducationVMS .edu-vms__dark-card {\n      padding: 24px 20px;\n    }\n\n    #SidePanelEducationVMS .edu-vms__card-title {\n      font-size: 18px;\n    }\n\n    #SidePanelEducationVMS .edu-vms__wave-split {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n\n    #SidePanelEducationVMS .edu-vms__wave-right {\n      align-items: center;\n    }\n\n    #SidePanelEducationVMS .edu-vms__section-title {\n      font-size: 28px;\n    }\n\n    #SidePanelEducationVMS .edu-vms__wisestream-card {\n      padding: 24px 20px;\n    }\n\n    #SidePanelEducationVMS .edu-vms__wisestream-title {\n      font-size: 18px;\n    }\n\n    #SidePanelEducationVMS .edu-vms__wisestream-content {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n\n    #SidePanelEducationVMS .edu-cyber__data-section {\n      padding: 32px 0;\n    }\n\n    #SidePanelEducationVMS .edu-cyber__data-title {\n      font-size: 20px;\n    }\n\n    #SidePanelEducationVMS .edu-cyber__compliance {\n      grid-template-columns: 1fr;\n      gap: 40px;\n    }\n  }\n\n  \/* ===== Brand Font ===== *\/\n  #SidePanelEducationVMS .hwFont {\n    font-weight: 700;\n  }\n<\/style>\n\n<div class=\"side-panel info-side-panel edu-vms-panel\" id=\"SidePanelEducationVMS\" style=\"display: none\">\n  <div class=\"panel-backdrop\"><\/div>\n\n  <div class=\"panel-wrapper\">\n    <div class=\"panel-header\">\n      <button class=\"btn-action panel-close-btn\" aria-label=\"Close\">\n        <span class=\"icon-font icon-cross\"><\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"panel-body\">\n      <div class=\"panel-body-container edu-vms\">\n        <header class=\"edu-vms__intro\">\n          <h2 class=\"edu-vms__title\">\ud655\uc7a5 \uac00\ub2a5\ud55c VMS \uc194\ub8e8\uc158\uc744 \ud1b5\ud55c \uc2a4\ub9c8\ud2b8\uc2dc\ud2f0 \ubcf4\uc548 \uac04\uc18c\ud654<\/h2>\n        <\/header>\n\n        <!-- \u2550\u2550 WAVE VMS Dark Card (\uc218\uc815\ub428) \u2550\u2550 -->\n        <section class=\"edu-vms__dark-card\">\n          <h3 class=\"edu-vms__card-title\">Wisenet SSM<\/h3>\n\n          <p class=\"edu-vms__card-desc\">Wisenet SSM\uc740 \ucd5c\ub300 10,000\ucc44\ub110\uae4c\uc9c0 \ud655\uc7a5 \uac00\ub2a5\ud55c \ub300\uaddc\ubaa8 \ud1b5\ud569 \ubcf4\uc548 \uad00\ub9ac \ud50c\ub7ab\ud3fc\uc785\ub2c8\ub2e4.<\/p>\n\n          <p class=\"edu-vms__card-desc\">\ub2e8\uc77c Core Server\ub85c \uac04\ud3b8\ud55c \uc124\uce58\uac00 \uac00\ub2a5\ud558\uba70, \ucd5c\ub300 4\uac1c \ubaa8\ub2c8\ud130\uc5d0\uc11c 132\ucc44\ub110\uc744 \ub3d9\uc2dc\uc5d0 \uc2e4\uc2dc\uac04 \ubaa8\ub2c8\ud130\ub9c1\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc0c8\ub85c\uc6b4 UI\ub97c \ud1b5\ud574 \ucd5c\uc801\uc758 \u2028\uc0ac\uc6a9 \ud658\uacbd\uc744 \uc81c\uacf5\ud558\uace0, \uc2e4\uc2dc\uac04 \uad00\uc81c\uc640 \uc601\uc0c1 \uc7ac\uc0dd\uc758 \ube60\ub978 \uc804\ud658, \ub2e4\uc591\ud55c \uc9c0\ub2a5\ud615 \uc601\uc0c1 \uac80\uc0c9 \ubc0f \ubd84\uc11d \uae30\ub2a5\uc73c\ub85c \ud6a8\uc728\uc801\uc778 \ubcf4\uc548 \uc2dc\uc2a4\ud15c \uc6b4\uc601\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/p>\n\n          <div class=\"edu-vms__wave-split\">\n            <div class=\"edu-vms__wave-left\">\n              <p class=\"edu-vms__card-desc\">\uc8fc\uc694 \ud0c0\uc0ac VMS \uc194\ub8e8\uc158\uc740 \ubb3c\ub860, \ucd9c\uc785\ud1b5\uc81c, \uae34\uae09 \uacbd\ubcf4 \uc2dc\uc2a4\ud15c, \ub2e4\uc591\ud55c \u2028\ud1b5\uc2e0 \ub3c4\uad6c\uc640\ub3c4 \uc190\uc27d\uac8c \uc5f0\ub3d9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n              <p class=\"edu-vms__card-desc\">\uc5ec\ub7ec \ubca4\ub354\ub97c \ud1b5\ud569\ud560 \uc218 \uc788\ub294 \uc774\ub7ec\ud55c \uc720\uc5f0\uc131\uc740 \uc2a4\ub9c8\ud2b8\uc2dc\ud2f0\uac00 \uc778\ud504\ub77c\ub97c \uc720\uc5f0\ud558\uac8c \ud655\uc7a5\ud558\uace0 \ubcc0\ud654\uc5d0 \ub300\uc751\ud560 \uc218 \uc788\ub294 \uae30\ubc18\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\n\n              <div class=\"edu-vms__partners\">\n                <a class=\"body-button-box\" href=\"https:\/\/www.hanwhavision.com\/ko\/products\/software\/analytics\/A\/hanwha-plug-in-for-milestone\/\" target=\"_blank\" rel=\"noopener\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/04\/logo-milestone.png\" alt=\"milestone\" \/>\n                  <div class=\"learnmore-box\">\n                    <p>\ub354 \uc54c\uc544\ubcf4\uae30<\/p>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\n                      <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#FF6600\"\/>\n                    <\/svg>\n                  <\/div>\n                <\/a>\n\n                <a class=\"body-button-box\" href=\"https:\/\/www.hanwhavision.com\/ko\/products\/software\/analytics\/A\/hanwha-plug-in-for-genetec\/\" target=\"_blank\" rel=\"noopener\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2025\/04\/logo-genetec-1.png\" alt=\"Genetec\" \/>\n                  <div class=\"learnmore-box\">\n                    <p>\ub354 \uc54c\uc544\ubcf4\uae30<\/p>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\n                      <path d=\"M14.1797 17.6537L13.1257 16.5692L16.945 12.7499H4.8335V11.2499H16.945L13.1257 7.43069L14.1797 6.34619L19.8335 11.9999L14.1797 17.6537Z\" fill=\"#FF6600\"\/>\n                    <\/svg>\n                  <\/div>\n                <\/a>\n              <\/div>\n            <\/div>\n\n            <div class=\"edu-vms__wave-right\">\n              <img decoding=\"async\" class=\"edu-vms__wave-hero\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/city-surveillance_SSM_KO.png\" alt=\"Wisenet WAVE VMS\" \/>\n            <\/div>\n          <\/div>\n        <\/section>\n\n        <hr class=\"edu-vms__divider\" \/>\n\n        <section>\n          <h3 class=\"edu-vms__section-title\">\ucd5c\uc2e0 \uc555\ucd95 \uae30\uc220\ub85c \uc800\uc7a5 \ub300\uc5ed\ud3ed \uc808\uac10 (WiseStream III)<\/h3>\n\n          <h4 class=\"edu-vms__wisestream-title\">\uc2a4\ub9c8\ud2b8 \uc555\ucd95 \uae30\uc220\ub85c \uc800\uc7a5 \ub300\uc5ed\ud3ed \uc808\uac10<\/h4>\n\n          <div class=\"edu-vms__wisestream-content\">\n            <div class=\"edu-vms__wisestream-image-wrap\">\n              <img decoding=\"async\" class=\"edu-vms__wisestream-image\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/WiseStreamIII_KO.jpg\" alt=\"\uc2a4\ub9c8\ud2b8 \uc555\ucd95 \uae30\uc220\" \/>\n            <\/div>\n            <ul class=\"edu-vms__wisestream-list\">\n              <li>AI \uae30\ubc18 \uc2a4\ub9c8\ud2b8 \uc555\ucd95 \uae30\uc220\uc778 WiseStream III\ub294 \uace0\ud574\uc0c1\ub3c4 \uc601\uc0c1 \uc804\uc1a1 \uc2dc\uc5d0\ub3c4 \ub300\uc5ed\ud3ed\uc5d0 \ubbf8\uce58\ub294 \uc601\ud5a5\uc744 \ucd5c\uc18c\ud654\ud569\ub2c8\ub2e4. <span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span>\uc758 \ucca8\ub2e8 \uc555\ucd95 \uae30\uc220\uc740 \ub300\uc5ed\ud3ed \uc0ac\uc6a9\ub7c9\uc744 \ud06c\uac8c \uc808\uac10\ud574, \ucd94\uac00 \ub124\ud2b8\uc6cc\ud06c\ub098 \uc800\uc7a5 \uc7a5\uce58 \ud655\uc7a5 \uc5c6\uc774\ub3c4 \ub354 \ub9ce\uc740 \uace0\ud488\uc9c8 \uc601\uc0c1\uc744 \ud6a8\uc728\uc801\uc73c\ub85c \ucc98\ub9ac\ud560 \uc218 \uc788\ub3c4\ub85d \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/li>\n              <li>WiseStream III\ub294 \uc8fc\uc694 \uac1d\uccb4\ub97c \uc2dd\ubcc4\ud558\uace0, \uc601\uc0c1 \ub0b4 \uac1d\uccb4\uc758 \uc911\uc694\ub3c4\uc5d0 \ub530\ub77c \uc555\ucd95\ub960\uc744 \uc120\ud0dd\uc801\uc73c\ub85c \uc801\uc6a9\ud569\ub2c8\ub2e4. \ub610\ud55c \uc601\uc0c1\uc758 \uc6c0\uc9c1\uc784\uc744 \ubd84\uc11d\ud574 \uc815\uc801 \uc601\uc5ed\uacfc \ub3d9\uc801 \uc601\uc5ed\uc5d0 \uc11c\ub85c \ub2e4\ub978 \uc555\ucd95\ub960\uc744 \uc801\uc6a9\ud568\uc73c\ub85c\uc368 \uc911\uc694\ud55c \uac1d\uccb4\uc5d0 \ub300\ud574\uc11c\ub9cc \uace0\ud574\uc0c1\ub3c4 \ub370\uc774\ud130\ub97c \u2028\uc804\uc1a1\ud569\ub2c8\ub2e4.<\/li>\n            <\/ul>\n          <\/div>\n        <\/section>\n\n        <div class=\"module-block\">&nbsp;<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<style>\n  #SidePanelEducationCloud .module-block {\n    margin-top: 60px !important;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud {\n    --text: #292929;\n    --muted: #666666;\n    --line: #BDBDBD;\n    --accent: #ff6600;\n    font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;\n  }\n  \n  \/* ===== Intro ===== *\/\n  #SidePanelEducationCloud .edu-cloud__intro {\n    padding-bottom: 24px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__title {\n    margin: 0 0 16px;\n    font-size: 32px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__desc-list {\n    margin: 0;\n    padding-left: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__desc-list li {\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n  \n  \/* ===== Features Box ===== *\/\n  #SidePanelEducationCloud .edu-cloud__features {\n    border-top: 1px solid var(--line);\n    border-bottom: 1px solid var(--line);\n    background: #F8F8F8;\n    padding: 32px;\n    margin-bottom: 32px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__features-title {\n    margin: 0 0 24px;\n    font-size: 18px;\n    line-height: 1.4;\n    color: var(--accent);\n    font-weight: 700;\n    text-align: center;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__features-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px 32px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__feature-item {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__feature-icon {\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    background: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__feature-icon img {\n    width: 32px;\n    height: 32px;\n    object-fit: contain;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__feature-text {\n    font-size: 15px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 500;\n  }\n  \n  \/* ===== OnCAFE Section ===== *\/\n  #SidePanelEducationCloud .edu-cloud__oncafe {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: center;\n    padding-bottom: 32px;\n    border-bottom: 1px solid var(--line);\n    margin-bottom: 32px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__oncafe-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__section-title {\n    margin: 0 0 16px;\n    font-size: 20px;\n    line-height: 1.4;\n    color: var(--accent);\n    font-weight: 700;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__section-title--underline {\n    text-decoration: underline;\n    text-underline-offset: 4px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__list {\n    margin: 0;\n    padding-left: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__list li {\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__list li .accent {\n    font-weight: 700;\n  }\n  \n  \/* ===== OnCloud Section ===== *\/\n  #SidePanelEducationCloud .edu-cloud__oncloud {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: center;\n    margin-bottom: 32px;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__oncloud-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n  \n  \/* ===== Notice Banner ===== *\/\n  #SidePanelEducationCloud .edu-cloud__notice {\n    background: #292929;\n    padding: 20px 32px;\n    text-align: center;\n  }\n  \n  #SidePanelEducationCloud .edu-cloud__notice p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.6;\n    color: #fff;\n  }\n  \n  \/* ===== Mobile ===== *\/\n  @media screen and (max-width: 768px) {\n    #SidePanelEducationCloud .edu-cloud__title {\n      font-size: 24px;\n    }\n  \n    #SidePanelEducationCloud .edu-cloud__features {\n      padding: 24px 20px;\n    }\n  \n    #SidePanelEducationCloud .edu-cloud__features-grid {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n  \n    #SidePanelEducationCloud .edu-cloud__oncafe {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n  \n    #SidePanelEducationCloud .edu-cloud__oncloud {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n  \n    #SidePanelEducationCloud .edu-cloud__oncloud-content {\n      order: 1;\n    }\n  \n    #SidePanelEducationCloud .edu-cloud__oncloud-image {\n      order: 2;\n    }\n  \n    #SidePanelEducationCloud .edu-cloud__notice {\n      padding: 16px 20px;\n    }\n  }\n  \n  \/* ===== Brand Font ===== *\/\n  #SidePanelEducationCloud .hwFont {\n    font-weight: 700;\n  }\n  <\/style>\n  \n  <div class=\"side-panel info-side-panel edu-cloud-panel\" id=\"SidePanelEducationCloud\" style=\"display: none\">\n    <div class=\"panel-backdrop\"><\/div>\n  \n    <div class=\"panel-wrapper\">\n      <div class=\"panel-header\">\n        <button class=\"btn-action panel-close-btn\" aria-label=\"Close\">\n          <span class=\"icon-font icon-cross\"><\/span>\n        <\/button>\n      <\/div>\n  \n      <div class=\"panel-body\">\n        <div class=\"panel-body-container edu-cloud\">\n          <header class=\"edu-cloud__intro\">\n            <h2 class=\"edu-cloud__title\">Cloud Solutions<\/h2>\n            <ul class=\"edu-cloud__desc-list\">\n              <li><span class=\"hwFont\">Hanwha Vision<\/span>\u2019s innovative cloud solutions \u2013 OnCAFE and OnCloud \u2013 offer schools flexible and affordable security enhancements without high infrastructure costs.<\/li>\n              <li>These cloud-based platforms addresses specific needs like access control and video surveillance, and serve as valuable, complementary resources for educational settings.<\/li>\n            <\/ul>\n          <\/header>\n  \n          <section class=\"edu-cloud__features\">\n            <h3 class=\"edu-cloud__features-title\">Key End-user Benefits<\/h3>\n            <div class=\"edu-cloud__features-grid\">\n              <div class=\"edu-cloud__feature-item\">\n                <div class=\"edu-cloud__feature-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_Cost-reduction.png\" alt=\"\ube44\uc6a9 \uc808\uac10\" \/>\n                <\/div>\n                <span class=\"edu-cloud__feature-text\">Cost Resuction<\/span>\n              <\/div>\n              <div class=\"edu-cloud__feature-item\">\n                <div class=\"edu-cloud__feature-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_easy-managementintegration.png\" alt=\"\uc190\uc26c\uc6b4 \uad00\ub9ac \ubc0f \ud1b5\ud569\" \/>\n                <\/div>\n                <span class=\"edu-cloud__feature-text\">Easy Management & Integration<\/span>\n              <\/div>\n              <div class=\"edu-cloud__feature-item\">\n                <div class=\"edu-cloud__feature-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_Scalability.png\" alt=\"\ud655\uc7a5\uc131\" \/>\n                <\/div>\n                <span class=\"edu-cloud__feature-text\"> Scalability<\/span>\n              <\/div>\n              <div class=\"edu-cloud__feature-item\">\n                <div class=\"edu-cloud__feature-icon\">\n                  <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/icon_cybersecurity.png\" alt=\"\uc0ac\uc774\ubc84\ubcf4\uc548\" \/>\n                <\/div>\n                <span class=\"edu-cloud__feature-text\">Cybersecurity<\/span>\n              <\/div>\n            <\/div>\n          <\/section>\n  \n          <section class=\"edu-cloud__oncafe\">\n            <div class=\"edu-cloud__oncafe-image\">\n              <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/OnCafe-1.jpg\" alt=\"OnCAFE - \ubaa8\ub4e0 \uc561\uc138\uc2a4 \ud3ec\uc778\ud2b8\ub97c \uc544\uc6b0\ub974\ub294 \ud558\ub098\uc758 \uc2a4\ub9c8\ud2b8 \uc2dc\uc2a4\ud15c\" \/>\n            <\/div>\n            <div class=\"edu-cloud__oncafe-content\">\n              <h3 class=\"edu-cloud__section-title\">OnCAFE<\/h3>\n              <ul class=\"edu-cloud__list\">\n                <li>An innovative, cloud-hosted Access Control as-a-Service platform.<\/li>\n                <li>Simplifies deployment and management of users, devices, and credentials by eliminating the need for on-site servers and expensive infrastructure.<\/li>\n                <li>Open API integrates with <span class=\"hwFont\">Hanwha Vision<\/span>\u2019s WAVE VMS and OnCloud, enabling unified video + access control.<\/li>\n              <\/ul>\n            <\/div>\n          <\/section>\n  \n          <section class=\"edu-cloud__oncloud\">\n            <div class=\"edu-cloud__oncloud-content\">\n              <h3 class=\"edu-cloud__section-title edu-cloud__section-title--underline\">OnCloud<\/h3>\n              <ul class=\"edu-cloud__list\">\n                <li>A direct camera-to-cloud VMS, OnCloud eliminates the costs associated with local recorders and helps facilitate centralized surveillance monitoring across multiple locations.<\/li>\n                <li><span class=\"accent\">Today, OnCloud natively supports over 90 <span class=\"hwFont\">Hanwha Vision<\/span> camera models in a variety of form factors.<\/span><\/li>\n                <li><span class=\"accent\">For schools with limited IT staff, OnCloud is a cost-effective and ideal solution, with upgrades storage, and management all Seamlessly in the cloud.<span><\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"edu-cloud__oncloud-image\">\n              <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/OnCloud-1.jpg\" alt=\"OnCloud - \uc5b8\uc81c \uc5b4\ub514\uc11c\ub098 \ubaa8\ub4e0 \uce74\uba54\ub77c\u00b7\uc704\uce58\u00b7\uc601\uc0c1\uc744 \uad00\ub9ac\ud558\uc138\uc694.\" \/>\n            <\/div>\n          <\/section>\n  \n          <div class=\"edu-cloud__notice\">\n            <p>OnCloud and OnCAFE are currently available exclusively in North America,<span>with plans to expand to additional regions in the future.<\/span><\/p>\n          <\/div>\n  \n          <div class=\"module-block\">&nbsp;<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n\n<style>\n  \/* ===== Cybersecurity Section ===== *\/\n  .city-cyber {\n    --text: #292929;\n    --muted: #525252;\n    --accent: #FF6600;\n    font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;\n    background: #F8F8F8;\n    padding: 32px;\n    container-type: inline-size;\n    margin-top: 48px;\n  }\n  \/* ===== Subtitle ===== *\/\n  .city-cyber__subtitle {\n    margin: 0 0 16px;\n    font-size: 24px;\n    line-height: 1.4;\n    color: var(--accent);\n    font-weight: 700;\n    text-align: center;\n  }\n  \/* ===== Description (PC: paragraph \/ MO: bullet list) ===== *\/\n  .city-cyber__desc--pc {\n    margin: 0 0 32px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n    text-align: center;\n  }\n  .city-cyber__desc--mo {\n    display: none;\n    margin: 0 0 32px;\n    padding: 0 0 0 20px;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n  .city-cyber__desc--mo li {\n    margin-bottom: 12px;\n  }\n  .city-cyber__desc--mo li:last-child {\n    margin-bottom: 0;\n  }\n  \/* ===== Hero Image ===== *\/\n  .city-cyber__hero {\n    margin-bottom: 48px;\n  }\n  .city-cyber__hero img {\n    width: 100%;\n    height: auto;\n  }\n  .city-cyber__hero .city-cyber__hero-pc {\n    display: block;\n  }\n  .city-cyber__hero .city-cyber__hero-mo {\n    display: none;\n  }\n  \/* ===== Compliance Grid ===== *\/\n  .city-cyber__compliance {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 48px;\n    text-align: center;\n  }\n  .city-cyber__compliance-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n  .city-cyber__compliance-logo {\n    height: 120px;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .city-cyber__compliance-logo img {\n    max-height: 100%;\n    width: auto;\n    object-fit: contain;\n  }\n  .city-cyber__compliance-title {\n    margin: 0 0 12px;\n    font-size: 18px;\n    line-height: 1.4;\n    color: var(--text);\n    font-weight: 700;\n  }\n  .city-cyber__compliance-desc {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--muted);\n  }\n  \/* ===== Brand Font ===== *\/\n  .city-cyber .hwFont {\n    font-weight: 700;\n  }\n  \/* ===== Mobile ===== *\/\n  @media screen and (max-width: 768px) {\n    .city-cyber {\n      padding: 24px 20px;\n      margin-top: 20px;\n    }\n    .city-cyber__subtitle {\n      font-size: 20px;\n      text-align: left;\n    }\n    .city-cyber__desc--pc {\n      display: none;\n    }\n    .city-cyber__desc--mo {\n      display: block;\n    }\n    .city-cyber__hero .city-cyber__hero-pc {\n      display: none;\n    }\n    .city-cyber__hero .city-cyber__hero-mo {\n      display: block;\n    }\n    .city-cyber__hero {\n      margin-bottom: 32px;\n    }\n    .city-cyber__compliance {\n      grid-template-columns: 1fr;\n      gap: 40px;\n    }\n  }\n<\/style>\n  \n  <div class=\"side-panel info-side-panel edu-cyber-panel\" id=\"SidePanelEducationCybersecurity\" style=\"display: none\">\n    <div class=\"panel-backdrop\"><\/div>\n  \n    <div class=\"panel-wrapper\">\n      <div class=\"panel-header\">\n        <button class=\"btn-action panel-close-btn\" aria-label=\"Close\">\n          <span class=\"icon-font icon-cross\"><\/span>\n        <\/button>\n      <\/div>\n  \n      <div class=\"panel-body\">\n        <div class=\"panel-body-container edu-cyber\">\n          <header class=\"edu-cyber__intro\">\n            <h2 class=\"edu-cyber__title\">\uc0ac\uc774\ubc84\ubcf4\uc548<\/h2>\n          <\/header>\n  \n          <section class=\"city-cyber\">\n  <h3 class=\"city-cyber__subtitle\">\ucd5c\uc2e0 \ub370\uc774\ud130 \ubcf4\uc548<\/h3>\n\n  <!-- PC: \ub2e8\uc77c \ubb38\ub2e8 (\uc911\uc559 \uc815\ub82c) -->\n  <p class=\"city-cyber__desc--pc\"><span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span>\uc758 \uc601\uc0c1\ubcf4\uc548 \uc194\ub8e8\uc158\uc740 \uc81c\uc870 \uc804 \uacfc\uc815\uc5d0 \uc0ac\uc6a9\ub418\ub294 \ubaa8\ub4e0 \uc7a5\ube44\uc5d0 \ub300\ud574 \ubcf4\uc548 \uc778\uc99d\uc744 \ud68d\ub4dd\ud574 \ucd5c\uace0 \uc218\uc900\uc758 \uc0ac\uc774\ubc84\ubcf4\uc548\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<br \/>\uc774\ub97c \ud1b5\ud574 \uc5c4\uaca9\ud55c UL CAP \uae30\uc900\uc744 \ucda9\uc871\ud558\uace0, \uc81c\ud488 \uc2e0\ub8b0\uc131\uacfc \ub514\uc790\uc778 \ud601\uc2e0\uc5d0 \ub300\ud55c \uc790\uc0ac\uc758 \ub192\uc740 \uae30\uc900\ub3c4 \ucda9\uc871\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n  <!-- MO: \ubd88\ub9bf \ub9ac\uc2a4\ud2b8 -->\n  <ul class=\"city-cyber__desc--mo\">\n    <li><span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span>\uc758 \uc601\uc0c1\ubcf4\uc548 \uc194\ub8e8\uc158\uc740 \uc81c\uc870 \uc804 \uacfc\uc815\uc5d0 \uc0ac\uc6a9\ub418\ub294 \ubaa8\ub4e0 \uc7a5\ube44\uc5d0 \ub300\ud574 \ubcf4\uc548 \uc778\uc99d\uc744 \ud68d\ub4dd\ud574 \ucd5c\uace0 \uc218\uc900\uc758 \uc0ac\uc774\ubc84\ubcf4\uc548\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/li>\n    <li>\uc774\ub97c \ud1b5\ud574 \uc5c4\uaca9\ud55c UL CAP \uae30\uc900\uc744 \ucda9\uc871\ud558\uace0, \uc81c\ud488 \uc2e0\ub8b0\uc131\uacfc \ub514\uc790\uc778 \ud601\uc2e0\uc5d0 \ub300\ud55c \uc790\uc0ac\uc758 \ub192\uc740 \uae30\uc900\ub3c4 \ucda9\uc871\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n  <\/ul>\n\n  <!-- \ud788\uc5b4\ub85c \uc774\ubbf8\uc9c0 (PC\/MO \uad50\uccb4) -->\n  <div class=\"city-cyber__hero\">\n    <img decoding=\"async\" class=\"city-cyber__hero-pc\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/KR_PC.png\" alt=\"Advanced data security\" \/>\n    <img decoding=\"async\" class=\"city-cyber__hero-mo\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/KR_MO.png\" alt=\"Advanced data security\" \/>\n  <\/div>\n\n  <!-- \ucef4\ud50c\ub77c\uc774\uc5b8\uc2a4 2\uc5f4 \uadf8\ub9ac\ub4dc -->\n  <div class=\"city-cyber__compliance\">\n    <div class=\"city-cyber__compliance-item\">\n      <div class=\"city-cyber__compliance-logo\">\n        <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/NDAA_logo_HQ_1-300x273-1-1-1.png\" alt=\"NDAA Compliance\" \/>\n      <\/div>\n      <h4 class=\"city-cyber__compliance-title\">NDAA compliance<\/h4>\n      <p class=\"city-cyber__compliance-desc\"><span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span>\uc758 \ubaa8\ub4e0 \ubcf4\uc548 \uce74\uba54\ub77c, \uad6c\uc131 \uc694\uc18c \ubc0f \uc2dc\uc2a4\ud15c\uc740 \u2028NDAA\ub97c \uc900\uc218\ud569\ub2c8\ub2e4. \ud55c\uad6d\uacfc \ubca0\ud2b8\ub0a8 \uc790\uccb4 \uc2dc\uc124\uc5d0\uc11c \uc81c\uc870\ub418\uba70, \u2028\ub300\ubd80\ubd84 TAA \ubc0f GSA \uac00\uc774\ub4dc\ub77c\uc778\uc5d0 \ub530\ub77c \ud310\ub9e4 \uc790\uaca9\uc744 \uac16\ucd94\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n    <\/div>\n\n    <div class=\"city-cyber__compliance-item\">\n      <div class=\"city-cyber__compliance-logo\">\n        <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/01\/firmware-800x600-1-1-1.png\" alt=\"Warranty and firmware\" \/>\n      <\/div>\n      <h4 class=\"city-cyber__compliance-title\">\ubcf4\uc99d \ubc0f \ud38c\uc6e8\uc5b4 \uc9c0\uc6d0<\/h4>\n      <p class=\"city-cyber__compliance-desc\"><span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span> \uc81c\ud488\uacfc \uc194\ub8e8\uc158\uc740 FCC \ud654\uc774\ud2b8 \ub9ac\uc2a4\ud2b8, NTCIP \ud504\ub85c\ud1a0\ucf5c,\u2028NEMA TS2 \uc778\uc99d\uc744 \ud68d\ub4dd\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n  \n          <div class=\"module-block\">&nbsp;<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n\n<section class=\"section-privacy\" id=\"CitySurveillance-Section-Privacy\">\n  <div class=\"basic-module-block\">\n    <div class=\"wrapper\">\n      <div class=\"container\">\n        <div class=\"privacy-layout\">\n          <div class=\"privacy-image\">\n            <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/10.-dynamic-private-masking.jpg\" alt=\"Dynamic Privacy Masking\">\n          <\/div>\n          <div class=\"privacy-content\">\n            <h2 class=\"privacy-title\">\ud504\ub77c\uc774\ubc84\uc2dc \ubc0f \ucef4\ud50c\ub77c\uc774\uc5b8\uc2a4<\/h2>\n            <div class=\"privacy-body\">\n              <p><span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span>\uc740 \ud504\ub77c\uc774\ubc84\uc2dc\ub97c \ucd5c\uc6b0\uc120 \uac00\uce58\ub85c \uc0bc\uace0, \ub3c4\uc2dc\uac00 \uacf5\uacf5\uc758 \uc2e0\ub8b0\ub97c \ud655\ubcf4\ud558\uba70 \uae00\ub85c\ubc8c \u2028\ud504\ub77c\uc774\ubc84\uc2dc \uae30\uc900\uc744 \ucda9\uc871\ud558\ub294\ub370 \ub3c4\uc6c0\uc774 \ub418\ub294 \uc194\ub8e8\uc158\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\n              <p>\ud504\ub77c\uc774\ubc84\uc2dc \ubcf4\ud638\ub97c \uc704\ud55c \uc8fc\uc694 \uae30\ub2a5\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n              <ul class=\"privacy-list\">\n                <li>AI \uae30\ubc18 \ub9c8\uc2a4\ud0b9 \ubc0f \uc775\uba85\ud654<\/li>\n                <li>\uad8c\ud55c \uae30\ubc18 \uc811\uadfc \uc81c\uc5b4<\/li>\n                <li>\uc548\uc804\ud55c \ub370\uc774\ud130 \uc554\ud638\ud654<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n  \/* ===== Section ===== *\/\n  #CitySurveillance-Section-Privacy {\n    padding: 100px 0;\n    background: #F1F1F1;\n  }\n\n  \/* ===== Layout ===== *\/\n  #CitySurveillance-Section-Privacy .privacy-layout {\n    display: flex;\n    align-items: center;\n    gap: 68px;\n  }\n\n  \/* ===== Image ===== *\/\n  #CitySurveillance-Section-Privacy .privacy-image {\n    flex: 0 0 50%;\n    max-width: 50%;\n    overflow: hidden;\n  }\n  #CitySurveillance-Section-Privacy .privacy-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  \/* ===== Content ===== *\/\n  #CitySurveillance-Section-Privacy .privacy-content {\n    flex: 1;\n  }\n\n  \/* ===== Title ===== *\/\n  #CitySurveillance-Section-Privacy .privacy-title {\n    margin: 0 0 24px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 36px;\n    font-weight: 700;\n    line-height: 50px;\n    letter-spacing: -0.72px;\n    color: #292929;\n  }\n\n  \/* ===== Body ===== *\/\n  #CitySurveillance-Section-Privacy .privacy-body p {\n    margin: 0 0 20px 0;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 26px;\n    letter-spacing: -0.3px;\n    color: #525252;\n  }\n\n  \/* ===== List ===== *\/\n  #CitySurveillance-Section-Privacy .privacy-list {\n    margin: 0;\n    padding: 0 0 0 20px;\n    list-style: disc;\n  }\n  #CitySurveillance-Section-Privacy .privacy-list li {\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 28px;\n    letter-spacing: -0.3px;\n    color: #525252;\n  }\n\n  \/* ===== Link Button (Outline) ===== *\/\n  #CitySurveillance-Section-Privacy .privacy-link-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 8px 20px;\n    margin-top: 28px;\n    border: 1px solid #FF6600;\n    background: transparent;\n    color: #FF6600;\n    text-decoration: none;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n    transition: background-color 0.25s ease, color 0.25s ease;\n    cursor: pointer;\n  }\n  #CitySurveillance-Section-Privacy .privacy-link-btn:hover {\n    background: #FF6600;\n    color: #fff;\n  }\n  #CitySurveillance-Section-Privacy .privacy-link-btn:hover svg path {\n    fill: #fff;\n  }\n  #CitySurveillance-Section-Privacy .privacy-link-btn svg {\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n  }\n\n  \/* ===== Responsive 1400px ===== *\/\n  @media screen and (max-width: 1400px) {\n    #CitySurveillance-Section-Privacy {\n      padding: 80px 0;\n    }\n    #CitySurveillance-Section-Privacy .privacy-layout {\n      gap: 48px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-title {\n      font-size: 32px;\n      line-height: 44px;\n      letter-spacing: -0.64px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-body p {\n      font-size: 14px;\n      line-height: 24px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-list li {\n      font-size: 14px;\n      line-height: 26px;\n    }\n  }\n\n  \/* ===== Responsive 992px - Mobile ===== *\/\n  @media screen and (max-width: 992px) {\n    #CitySurveillance-Section-Privacy {\n      padding: 56px 0;\n      background: #F8F8F8;\n    }\n    #CitySurveillance-Section-Privacy .privacy-layout {\n      flex-direction: column;\n      gap: 32px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-image {\n      flex: none;\n      max-width: 100%;\n      width: 100%;\n      aspect-ratio: 335 \/ 188;\n    }\n    #CitySurveillance-Section-Privacy .privacy-title {\n      font-size: 26px;\n      line-height: 36px;\n      letter-spacing: -0.52px;\n      margin-bottom: 20px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-body p {\n      font-size: 14px;\n      line-height: 24px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-list li {\n      font-size: 14px;\n      line-height: 26px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-link-btn {\n      padding: 14px 20px;\n      margin-top: 24px;\n      font-size: 14px;\n    }\n  }\n\n  \/* ===== Responsive 576px ===== *\/\n  @media screen and (max-width: 576px) {\n    #CitySurveillance-Section-Privacy .privacy-title {\n      font-size: 22px;\n      line-height: 32px;\n      letter-spacing: -0.44px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-body p {\n      font-size: 13px;\n      line-height: 22px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-list li {\n      font-size: 13px;\n      line-height: 24px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-link-btn {\n      font-size: 13px;\n      padding: 12px 16px;\n      gap: 8px;\n    }\n    #CitySurveillance-Section-Privacy .privacy-link-btn svg {\n      width: 18px;\n      height: 18px;\n    }\n  }\n<\/style>\n\n\n\n<section id=\"Healthcare-Section-Articles\">\n  <div class=\"basic-module-block\">\n    <div class=\"wrapper\">\n      <div class=\"container\">\n          <h2 class=\"section-title\">\uad00\ub828 \uc194\ub8e8\uc158 \uae30\uc0ac<\/h2>\n        \n          <div class=\"article-list\">\n\n            <article class=\"article-item\">\n              <div class=\"article-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/Rectangle-5.png\" alt=\"\">\n              <\/div>\n              <div class=\"article-content\">\n                <h3 class=\"article-title\">\n                  <span class=\"hwFont\">\ud55c\ud654\ube44\uc804<\/span> \uc194\ub8e8\uc158\uc73c\ub85c \u2028\uad6c\ucd95\ud558\ub294 \uc131\uacf5\uc801\uc778 \ub3c4\uc2dc \u2028\uc601\uc0c1\ubcf4\uc548 \uc2dc\uc2a4\ud15c\n                <\/h3>\n                <a href=\"https:\/\/www.hanwhavision.com\/ko\/news-center\/1648696\/\" class=\"article-cta\" target=\"_blank\" rel=\"noopener\">\n                  <span class=\"article-cta-text\">\uc790\uc138\ud788 \ubcf4\uae30<\/span>\n                  <span class=\"article-cta-icon\">\u2192<\/span>\n                <\/a>\n              <\/div>\n            <\/article>\n       \n          <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n#Healthcare-Section-Articles {\n  padding: 100px 0;\n  background: #ffffff;\n}\n\n#Healthcare-Section-Articles .section-title {\n  margin: 0 0 56px 0;\n  font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n  font-size: 36px;\n  font-weight: 600;\n  line-height: 54px;\n  letter-spacing: -0.72px;\n  color: #292929;\n}\n\n#Healthcare-Section-Articles .article-list {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  column-gap: 64px;\n  row-gap: 64px;\n}\n\n#Healthcare-Section-Articles .article-item {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  column-gap: 28px;\n  align-items: start;\n}\n\n#Healthcare-Section-Articles .article-top {\n  display: contents;\n}\n\n#Healthcare-Section-Articles .article-thumb {\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  background: #f5f5f5;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n#Healthcare-Section-Articles .article-thumb img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n#Healthcare-Section-Articles .article-title {\n  margin: 0;\n  font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 30px;\n  letter-spacing: -0.4px;\n  color: #292929;\n}\n\n#Healthcare-Section-Articles .article-cta {\n  grid-column: 2 \/ 3;\n  align-self: start;\n  margin-top: 24px;\n\n  text-decoration: none;\n  background: #F60;\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 12px;\n}\n\n#Healthcare-Section-Articles .article-cta-text {\n  font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 24px;\n  letter-spacing: -0.32px;\n}\n\n#Healthcare-Section-Articles .article-cta-icon {\n  font-size: 24px;\n  line-height: 1;\n  font-weight: 700;\n}\n\n#Healthcare-Section-Articles .article-cta:hover {\n  cursor: pointer;\n}\n\n@media screen and (max-width: 1400px) {\n  #Healthcare-Section-Articles {\n    padding: 80px 0;\n  }\n\n  #Healthcare-Section-Articles .section-title {\n    font-size: 28px;\n    line-height: 54px;\n    letter-spacing: -0.6px;\n    margin-bottom: 40px;\n  }\n\n  #Healthcare-Section-Articles .article-list {\n    grid-template-columns: repeat(2, 1fr);\n    row-gap: 56px;\n  }\n\n  #Healthcare-Section-Articles .article-item {\n    grid-template-columns: 280px 1fr;\n    column-gap: 28px;\n  }\n\n  #Healthcare-Section-Articles .article-cta-text {\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n  }\n\n  #Healthcare-Section-Articles .article-cta-icon {\n    font-size: 24px;\n  }\n}\n\n@media screen and (max-width: 1100px) {\n  #Healthcare-Section-Articles {\n    padding: 80px 0;\n  }\n\n  #Healthcare-Section-Articles .article-item {\n    grid-template-columns: 230px 1fr;\n    column-gap: 28px;\n  }\n}\n\n@media screen and (max-width: 992px) {\n  #Healthcare-Section-Articles {\n    padding: 56px 0;\n  }\n\n  #Healthcare-Section-Articles .section-title {\n    font-size: 24px;\n    font-weight: 600;\n    line-height: 36px;\n    letter-spacing: -0.48px;\n    margin-bottom: 36px;\n  }\n\n  #Healthcare-Section-Articles .article-list {\n    grid-template-columns: repeat(2, 1fr);\n    row-gap: 48px;\n  }\n\n  #Healthcare-Section-Articles .article-item {\n    grid-template-columns: 160px 1fr;\n    column-gap: 22px;\n  }\n\n  #Healthcare-Section-Articles .article-title {\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n  }\n\n  #Healthcare-Section-Articles .article-cta {\n    grid-column: 1 \/ -1;\n    margin-top: 12px;\n    padding: 8px 12px;\n  }\n\n  #Healthcare-Section-Articles .article-cta-text {\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n  }\n\n  #Healthcare-Section-Articles .article-cta-icon {\n    font-size: 24px;\n  }\n}\n\n@media screen and (max-width: 800px) {\n  #Healthcare-Section-Articles .article-list {\n    grid-template-columns: 1fr;\n    row-gap: 48px;\n  }\n\n  #Healthcare-Section-Articles .article-item {\n    grid-template-columns: 220px 1fr;\n  }\n\n  #Healthcare-Section-Articles .article-cta {\n    margin-top: 20px;\n  }\n}\n\n@media screen and (max-width: 660px) {\n  #Healthcare-Section-Articles {\n    padding: 56px 0;\n  }\n\n  #Healthcare-Section-Articles .section-title {\n    font-size: 24px;\n    font-weight: 600;\n    line-height: 36px;\n    letter-spacing: -0.48px;\n    margin-bottom: 36px;\n  }\n\n  #Healthcare-Section-Articles .article-list {\n    grid-template-columns: 1fr;\n    row-gap: 48px;\n  }\n\n  #Healthcare-Section-Articles .article-item {\n    grid-template-columns: 180px 1fr;\n    column-gap: 22px;\n  }\n\n  #Healthcare-Section-Articles .article-title {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n  }\n\n  #Healthcare-Section-Articles .article-cta {\n    grid-column: 1 \/ -1;\n    margin-top: 20px;\n    padding: 8px 12px;\n  }\n\n  #Healthcare-Section-Articles .article-cta-text {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: -0.28px;\n  }\n\n  #Healthcare-Section-Articles .article-cta-icon {\n    font-size: 24px;\n  }\n}\n\n@media screen and (max-width: 450px) {\n  #Healthcare-Section-Articles .article-item {\n    grid-template-columns: 160px 1fr;\n  }\n\n  #Healthcare-Section-Articles .article-cta {\n    margin-top: 12px;\n  }\n}\n\n@media screen and (max-width: 376px) {\n  #Healthcare-Section-Articles .article-item {\n    grid-template-columns: 140px 1fr;\n  }\n}\n<\/style>\n\n\n\n<section class=\"section-education-cta\" id=\"CitySurveillance-Section-CTA-footer\">\n      <div class=\"cta-image-mobile\">\n        <img decoding=\"async\" src=\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/cta2-mobile.png\" alt=\"\">\n      <\/div>\n  \n  \n      <div class=\"cta-inner\">\n        <div class=\"basic-module-block\">\n          <div class=\"wrapper\">\n            <div class=\"container\">\n              <div class=\"cta-content\">\n                <h2 class=\"cta-title\">\n                  \uc2a4\ub9c8\ud2b8\uc2dc\ud2f0 \ubcf4\uc548, \uc0ac\ud6c4 \ub300\uc751\uc5d0\uc11c \uc0ac\uc804 \uc608\ubc29\uc73c\ub85c \uc804\ud658\ud558\uc138\uc694\n                <\/h2>\n  \n                <a class=\"cta-btn\" href=\"https:\/\/support.hanwhavision.com\/hc\/requests\/new?ticket_form_id=14032804897679&#038;button=vertical&#038;field=citysurveillance\" target=\"_blank\" rel=\"noopener\">\n                  <span class=\"cta-btn-text\">\uc9c0\uae08 \ubc14\ub85c \ud55c\ud654\ube44\uc804 \uc2a4\ub9c8\ud2b8\uc2dc\ud2f0 \ubcf4\uc548 \uc804\ubb38\uac00\uc640 \uc0c1\ub2f4\ud558\uc138\uc694<\/span>\n                  <span class=\"cta-btn-icon\">\u2192<\/span>\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n  \n        <\/div>\n      <\/div>\n    <\/section>\n  \n    <style>\n  #CitySurveillance-Section-CTA-footer {\n    background: #ffffff;\n  }\n  \n  #CitySurveillance-Section-CTA-footer .wrapper {\n    width: 100%;\n  }\n  \n  #CitySurveillance-Section-CTA-footer .cta-image-mobile {\n    display: none;\n  }\n  \n  #CitySurveillance-Section-CTA-footer .cta-image-mobile img {\n    width: 100%;\n    height: auto;\n    min-height: 210px;\n    display: block;\n  }\n  \n  #CitySurveillance-Section-CTA-footer .cta-inner {\n    position: relative;\n    min-height: 480px;\n    display: flex;\n    align-items: center;\n    background:\n      linear-gradient(\n        90deg,\n        rgba(0, 0, 0, 0.78) 0%,\n        rgba(0, 0, 0, 0.45) 45%,\n        rgba(0, 0, 0, 0.00) 70%\n      ),\n      url(\"https:\/\/www.hanwhavision.com\/wp-content\/uploads\/2026\/03\/12.-CTA-banner-2.jpg\") center \/ cover no-repeat;\n  }\n  \n  #CitySurveillance-Section-CTA-footer .cta-content {\n\n  }\n  \n  #CitySurveillance-Section-CTA-footer .cta-title {\n    margin: 0 0 32px 0;\n    color: #ffffff;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 32px;\n    font-weight: 600;\n    line-height: 46px;\n    letter-spacing: -0.64px;\n  }\n  \n  #CitySurveillance-Section-CTA-footer .cta-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    height: 56px;\n    padding: 0 24px;\n    background: #ff6600;\n    color: #ffffff;\n    text-decoration: none;\n    font-family: \"Noto Sans\", system-ui, -apple-system, Arial, sans-serif;\n    font-size: 16px;\n    font-weight: 600;\n    letter-spacing: -0.32px;\n    transition: background-color 0.25s ease, transform 0.25s ease;\n        -webkit-touch-callout: none;\n        -webkit-user-select: none;\n        -khtml-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        cursor: pointer;\n  }\n  \n  #CitySurveillance-Section-CTA-footer .cta-btn-icon {\n    font-size: 20px;\n    line-height: 1;\n  }\n  \n  #CitySurveillance-Section-CTA-footer .cta-btn:hover {\n    background: #e65a00;\n    transform: translateX(4px);\n    cursor: pointer;\n  }\n  \n  @media screen and (max-width: 992px) {\n    #CitySurveillance-Section-CTA-footer .cta-inner {\n      background: none;\n      min-height: auto;\n      padding: 0;\n    }\n  \n    #CitySurveillance-Section-CTA-footer .cta-image-mobile {\n      display: block;\n    }\n  \n    #CitySurveillance-Section-CTA-footer .cta-content {\n      padding: 32px 0 56px 0;\n    }\n  \n    #CitySurveillance-Section-CTA-footer .cta-title {\n      color: #292929;\n      font-size: 24px;\n      line-height: 36px;\n      letter-spacing: -0.48px;\n      margin-bottom: 24px;\n    }\n  \n    #CitySurveillance-Section-CTA-footer .cta-btn {\n      width: auto;\n    }\n  }\n  \n  @media screen and (max-width: 480px) {\n    #CitySurveillance-Section-CTA-footer .cta-title {\n      font-size: 22px;\n      line-height: 34px;\n    }\n  \n    #CitySurveillance-Section-CTA-footer .cta-btn {\n      height: 52px;\n      padding: 0 20px;\n    }\n  }\n  <\/style>\n\n\n\n<section class=\"section-ai-description\" id=\"CitySurveillance-Section-ai-description\">\n        <div class=\"basic-module-block\">\n          <div class=\"wrapper\">\n            <div class=\"container\">\n              <div class=\"CitySurveillance-Section-ai-description-container\">\n                <span class=\"CitySurveillance-Section-ai-description-text\">\ubcf8 \ud398\uc774\uc9c0\uc758 \uc774\ubbf8\uc9c0\ub294 AI \uae30\uc220\uc744 \ud65c\uc6a9\ud558\uc5ec \uc5f0\ucd9c\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/span>\n              <\/div>            \n            <\/div>\n          <\/div>\n  \n        <\/div>\n    <\/section>\n  \n  <style>\n   #CitySurveillance-Section-ai-description .CitySurveillance-Section-ai-description-container {\n     background: #ffffff;\n     display: flex;\n     padding: 28px 0 48px 0;\n     flex-direction: column;\n     align-items: flex-start;\n   }\n  \n   #CitySurveillance-Section-ai-description .CitySurveillance-Section-ai-description-text {\n     color: #989898;\n     font-size: 12px;\n     font-weight: 500;\n     line-height: 18px;\n     letter-spacing: -0.24px;\n   }\n  <\/style>\n","protected":false},"featured_media":0,"template":"","acf":[],"_links":{"self":[{"href":"https:\/\/www.hanwhavision.com\/ko\/wp-json\/wp\/v2\/hws_solution\/1663041"}],"collection":[{"href":"https:\/\/www.hanwhavision.com\/ko\/wp-json\/wp\/v2\/hws_solution"}],"about":[{"href":"https:\/\/www.hanwhavision.com\/ko\/wp-json\/wp\/v2\/types\/hws_solution"}],"version-history":[{"count":22,"href":"https:\/\/www.hanwhavision.com\/ko\/wp-json\/wp\/v2\/hws_solution\/1663041\/revisions"}],"predecessor-version":[{"id":1663164,"href":"https:\/\/www.hanwhavision.com\/ko\/wp-json\/wp\/v2\/hws_solution\/1663041\/revisions\/1663164"}],"wp:attachment":[{"href":"https:\/\/www.hanwhavision.com\/ko\/wp-json\/wp\/v2\/media?parent=1663041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}