{"id":9,"date":"2025-11-06T09:15:10","date_gmt":"2025-11-06T00:15:10","guid":{"rendered":"https:\/\/leroadkorea.mycafe24.com\/?page_id=9"},"modified":"2025-12-17T15:06:30","modified_gmt":"2025-12-17T06:06:30","slug":"home","status":"publish","type":"page","link":"http:\/\/leroadkorea.mycafe24.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\n<!-- \ud544\uc218: Swiper CSS -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n\n<!-- AOS -->\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n\n\n\n<!--\n<div id=\"lero-video-splash\" aria-label=\"LEROAD intro video\" role=\"dialog\" aria-modal=\"true\">\n  <video\n    id=\"lero-intro-video\"\n    autoplay\n    muted\n    playsinline\n    preload=\"auto\"\n  >\n    <source src=\"\/wp-content\/uploads\/2025\/12\/\uc778\ud2b8\ub85c.mp4\" type=\"video\/mp4\">\n  <\/video>\n<\/div>\n-->\n\n\n\n<style>\n\/* \uba54\uc778 \ubd80\ud2b8 \uc7a0\uae08 *\/\nhtml.ls-boot body{\n  visibility:hidden;\n  overflow:hidden;\n}\n\n\/* \uc601\uc0c1 \uc2a4\ud50c\ub798\uc2dc *\/\n#lero-video-splash{\n  position:fixed;\n  inset:0;\n  z-index:9999;\n  background:#000;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n\/* \uc601\uc0c1 \uc804\uccb4 \ucc44\uc6b0\uae30 *\/\n#lero-video-splash video{\n  width:100vw;\n  height:100vh;\n  object-fit:cover; \/* \uaf49 \ucc44\uc6b0\uae30 *\/\n}\n\n\/* \uc885\ub8cc \uc0c1\ud0dc *\/\n#lero-video-splash.is-off{\n  opacity:0;\n  pointer-events:none;\n  transition:opacity .8s ease;\n}\n<\/style>\n\n\n\n<script>\n(function(){\n  const splash = document.getElementById('lero-video-splash');\n  const video  = document.getElementById('lero-intro-video');\n  if(!splash || !video) return;\n\n  let closed = false;\n\n  const closeSplash = ()=>{\n    if(closed) return;\n    closed = true;\n\n    splash.classList.add('is-off');\n    setTimeout(()=>{\n      document.documentElement.classList.remove('ls-boot');\n      splash.remove();\n    }, 800);\n  };\n\n  \/* \uc601\uc0c1 \ub05d\ub098\uba74 \uc885\ub8cc *\/\n  video.addEventListener('ended', closeSplash);\n\n  \/* \uc601\uc0c1 \uc624\ub958\ub098\uba74 \uac15\uc81c \uc885\ub8cc *\/\n  video.addEventListener('error', closeSplash);\n\n  \/* \uc0ac\uc6a9\uc790 \uc778\ud130\ub799\uc158 \uc2dc \uc989\uc2dc \uc2a4\ud0b5 *\/\n  ['click','wheel','keydown','touchstart'].forEach(evt=>{\n    window.addEventListener(evt, closeSplash, { once:true, passive:true });\n  });\n\n})();\n<\/script>\n\n\n\n<style>\n\/*btn*\/\na.btn-box span {font-family: 'Pretendard';}\na.btn-box.btn-or {background: #f36a21;}\n.section a.btn-box {color:#fff; padding:12px 20px; display: flex; width: fit-content; gap: 10px; transition: all .3s;}\na.btn-box.btn-bor01 {border-radius:10px; font-size:18px;}\na.btn-box.btn-bor02 {padding:15px 35px; border-radius:40px; font-size:20px;}\na.btn-box.btn-or:hover {background: #3b2213;}\n.sec4 .btnBox {display: flex; gap: 20px; margin: 0 auto; justify-content: center;}\n.sec4 a.btn-box.btn-or:hover {background: #3b2213;}\n\n\/*keyword-text*\/\n.keyword-text{font-size:25px!important; color:#204796; font-weight:700; line-height:1!important; margin-bottom:0px!important;}\n.tit-2xl{font-size:30px!important; font-weight:500;}\n\n\n\/* sec1 *\/\n.sec1 {position: relative;}\n.sec1 .sec-inner {position: relative; height:100vh; min-height: 100vh; height: 100dvh;}\n.sec1 .sec1-title {padding:0; position: absolute; z-index: 100; top: 70%; left: 25%; transform: translate(-50%, -50%); width: max-content;}\n.sec1 .sec1-title h4 {color:#fff !important; margin-bottom:10px; font-size:50px!important; font-weight:700; line-height: 1.1em!important; margin-top:0px!important;}\n.sec1 .sec1-title p{color:#fff; font-weight:400!important; font-size:24px!important; font-weight:200!important; margin:0!important; text-indent:5px;}\n.sec1 .swiper {position: absolute; inset:0; width: 100%; height: 100%;}\n.sec1 .swiper-wrapper{ height: 100%; }\n.sec1 .swiper-slide {height:100%; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; overflow: hidden;}\n.sec1 .swiper-slide img {width:100%; height:100%; object-fit:cover; display:block;}\n.swiper-button-next, .swiper-button-prev {display:none;}\n.sec1 .swiper-pagination {position: absolute; bottom: -20%; z-index: 10; display: flex; gap: 10px;}\n.sec1 .swiper-pagination-bullet {width: 10px; height: 10px; background: rgba(255, 255, 255, 0.5); opacity: 1; border-radius: 50%; transition: background 0.3s;}\n.sec1 .swiper-pagination-bullet-active {background: #fff; position: relative;}\n.sec1 .swiper-pagination-bullet-active::after {content:''; position: absolute; width:18px; height:18px; border-radius:50%; border:1px solid #fff; top:50%; left:50%; transform: translate(-50%, -50%);}\n.sec1 a.btn-box {display: flex; gap: 10px; margin-top: 15%; border: 1px solid #fff; border-radius: 20px; width: fit-content; color: #fff; padding: 5px 20px; transition: all .3s;}\n.sec1 a.btn-box:hover {background: rgba(199, 18, 23, .5);}\n\n\/* \uc2ac\ub77c\uc774\ub4dc \uc2a4\ucf00\uc77c \ud6a8\uacfc *\/\n.sec1 .swiper-slide img{transform: scale(1); transform-origin: center center;}\n.sec1 .swiper-slide-active img{animation: kb-zoom 3s ease-out forwards; \/* \uc7ac\uc0dd\uc2dc\uac04\uc740 \uc544\ub798 JS\uc758 autoplay \ub51c\ub808\uc774\uc640 \ube44\uc2b7\ud558\uac8c *\/}\n\n\/* \uc804\/\ub2e4\uc74c \uc2ac\ub77c\uc774\ub4dc\ub294 \uc560\ub2c8\uba54\uc774\uc158 \ub9ac\uc14b *\/\n.sec1 .swiper-slide-prev img,\n.sec1 .swiper-slide-next img{animation: none; transform: scale(1);}\n\n@keyframes kb-zoom{\n  from { transform: scale(1); }\n  to   { transform: scale(1.03); } \/* \ud544\uc694\ud558\uba74 1.03~1.10 \uc0ac\uc774\ub85c \uc870\uc808 *\/\n}\n\n\/* \uc0ac\uc6a9\uc790 \uc811\uadfc\uc131: \ubaa8\uc158 \ucd5c\uc18c\ud654 \uc124\uc815 \uc2dc \ud655\ub300 \uc81c\uac70 *\/\n@media (prefers-reduced-motion: reduce){\n  .sec1 .swiper-slide-active img{ animation: none; }\n}\n\n\n\/*section*\/\n.section .sec-inner {max-width: 1600px; margin: 0 auto; margin-top: 15vh; margin-bottom: 15vh; width:90%;}\n\n\n\/*sec2*\/\n\/* \uc139\uc158: \ud480\ubdf0 + \uc704\/\uc544\ub798 100px *\/\n.prod-hero{\n  position: relative;\n  min-height: 100vh;\n  padding:100px 0;\n  background: linear-gradient(135deg,#f6f6f6 0%,#ececec 45%,#e2e2e2 100%);\n  display:flex;\n}\n.ph-wrap{width:100%; max-width:1600px; margin:0 auto; display:flex; flex-direction:column;}\n\n\/* \uc0c1\ub2e8 \ud5e4\ub354 \ub77c\uc778 *\/\n.ph-head{display:flex; align-items:flex-start; justify-content:space-between;}\n.ph-title{margin:0; color:#732c2c; letter-spacing:.05em; font-weight:600; font-size:46px!important; margin-bottom:0!important;}\n\n\/* VIEW MORE\ub294 \uc6b0\uc0c1\ub2e8 \uace0\uc815 \ub290\ub08c *\/\n.ph-view{\n  background:#fff; border:0; border-radius:30px; padding:12px 30px;\n  box-shadow:0 2px 10px rgba(0,0,0,.15); color:#222; font-weight:700; text-decoration:none; font-size:18px; transition:all 0.25s; margin-top:10px;} \n.ph-view:hover{transform:translateY(-5px); color:#222!important; box-shadow:0 2px 10px rgba(0,0,0,.3);}\n\n\/* \ubcf8\ubb38: \uc88c \ud14d\uc2a4\ud2b8 \/ \uc6b0 \uc774\ubbf8\uc9c0 \uac00\ub85c\ubc30\uce58 *\/\n.ph-body{margin-top:30px; margin-bottom:50px; display:grid; grid-template-columns:420px 1fr; column-gap:60px; align-items:center; }\n.ph-type{font-size:30px!important; margin:0!important; margin-bottom:10px; color:#333; font-weight:300;}\n.ph-model{font-size:60px!important; line-height:1.1!important; margin:0px!important; font-weight:800; color:#000;}\n\n.ph-right{display:flex; align-items:center; justify-content:center; min-height:380px;}\n.ph-right img{\n  max-width:900px; width:100%; height:auto;\n  opacity:0; transform:translateX(60px);\n  transition:opacity 600ms ease, transform 900ms ease;\n}\n.ph-right img.ph-show{opacity:1; transform:translateX(0);}\n\n\/* \ud558\ub2e8 \ucee8\ud2b8\ub864: \uc774\ubbf8\uc9c0 \uc544\ub798 \uc911\uc559 \ubc30\uce58 *\/\n.ph-foot{position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); display:flex; align-items:center; gap:20px; width:80%; flex-wrap:nowrap;}\n\n\/* \ud0ed + \uc9c4\ud589\ubc14 *\/\n.ph-tabs{flex:1 1 auto; min-width:0; width:auto!important; display:flex; align-items:center; gap:20px;}\n.ph-tab{flex:1; text-align:center; z-index:5; transition:color .3s;}\n.ph-tab.active{}\n\n.ph-progress-track{width:100%; position:relative; flex:1 1 auto; height:4px; background:rgba(0,0,0,0.1); border-radius:3px; overflow:hidden;}\n.ph-progress-fill{position:absolute; top:0; left:0; height:100%; width:0; background:#732c2c; transition:width 0s linear;}\n\n.ph-arrows{flex:0 0 auto; display:flex; gap:10px; flex-shrink: 0; white-space:nowrap;}\n.ph-arrows button{width:36px; height:36px; border-radius:50%; border:0; background:#fff; box-shadow:0 1px 6px rgba(0,0,0,.15); cursor:pointer; font-size:25px; display:flex; align-items:center; justify-content:center;}\n.ph-arrows button:hover{box-shadow:0 1px 6px rgba(0,0,0,.3);}\n.ph-arrows button:active{transform:scale(.98);}\n\n\/* \ubc18\uc751\ud615 *\/\n@media (max-width:1650px){\n.ph-wrap{width:90%;}\n}\n\n@media (max-width:1024px){\n  .ph-body{grid-template-columns:1fr; row-gap:20px;}\n  .ph-right{min-height:320px;}\n  .ph-model{font-size:44px!important;}\n  .ph-type{font-size:22px!important;}\n}\n\n@media (max-width:600px){\n.ph-wrap{width:80%;}\n.ph-view{padding: 10px 20px; font-size:14px;}\n}\n\n\n\/*sec3*\/\n\/* \uc139\uc158: 100vh \ud480\uc2a4\ud06c\ub9b0 *\/\n.tech-hero{\n  position:relative; height:100vh; min-height:640px; width:100%; overflow:hidden;\n}\n.tech-hero .swiper{height:100%;}\n\n\/* \uc2ac\ub77c\uc774\ub4dc \ubca0\uc774\uc2a4 *\/\n.tech-hero .swiper-slide{position:relative; height:100%;}\n.tech-hero .slide-bg{position:absolute; inset:0; overflow:hidden;}\n.tech-hero .slide-bg img{\n  width:100%; height:100%; object-fit:cover;\n  transform:scale(1.02);                \/* \uae30\ubcf8 \uc0b4\uc9dd \ud655\ub300 *\/\n  transition:transform 900ms ease, filter 300ms ease;\n  will-change:transform;\n}\n\n\/* \uc5b4\ub450\uc6b4 \uc624\ubc84\ub808\uc774 *\/\n.tech-hero .slide-dim{\n  position:absolute; inset:0;\n  background:rgba(0,0,0,.45);\n  transition:all 300ms ease;\n}\n\n\/* \ucea1\uc158 *\/\n.tech-hero .slide-caption{\n  position:absolute; inset:0;\n  display:flex; flex-direction:column; align-items:center; justify-content:center;\n  text-align:center; color:#fff; pointer-events:none;\n}\n.tech-hero .cap-sub{display:block; font-size:20px; letter-spacing:.1em; opacity:.85; }\n.tech-hero .cap-title{font-size:44px; font-weight:800; margin:0; color:#fff;}\n\n@media (max-width:1500px){\n  .tech-hero{height:80vh;}\n}\n\n@media (max-width:1024px){\n  .tech-hero{height:60vh;}\n  .tech-hero .cap-title{font-size:34px;}\n}\n\n\/* \ud638\ubc84 \ud6a8\uacfc: \uc624\ubc84\ub808\uc774 \uc0ac\ub77c\uc9c0\uace0 \uc774\ubbf8\uc9c0 \uc90c\uc778 *\/\n.tech-hero:hover .slide-dim{background:rgba(0,0,0,.3)}\n.tech-hero:hover .slide-bg img{transform:scale(1.1);}\n\n\/* \ud398\uc774\ub4dc \uc2ac\ub77c\uc774\ub4dc\uc758 \uacb9\uce68\uc5d0\uc11c \uc0b4\uc9dd \ubd80\ub4dc\ub7fd\uac8c *\/\n.tech-hero .swiper-slide{backface-visibility:hidden; -webkit-backface-visibility:hidden;}\n\/* \ud480\ube14\ub9ac\ub4dc\ub85c \uc778\ud55c \uac00\ub85c \uc2a4\ud06c\ub864 \ubc29\uc9c0(\uc548\uc804\uc7a5\uce58) *\/\nhtml, body{ overflow-x:hidden; }\n\n\n\/*sec4*\/\n\/* \uc139\uc158 \ub798\uc774\uc544\uc6c3 *\/\n.identity{position:relative; min-height: 100svh; overflow:hidden; background:#0b0b0d;}\n.identity .id-inner{width:100%; max-width:1600px; margin:0 auto; padding-inline: clamp(20px, 5vw, 40px); padding-block: clamp(60px, 10vh, 120px); position:relative; z-index:2; padding:100px 0;}\n.identity .id-title{ margin:0; color:#c03a2b; letter-spacing:.05em; font-weight:600; font-size:46px!important; margin-bottom:0!important;}\n\n\/* \ud328\ub7f4\ub7ed\uc2a4 \ubc31\uadf8\ub77c\uc6b4\ub4dc *\/\n.id-parallax{position:absolute; inset:-8% -4%; z-index:0;}\n.id-parallax img{\n  width:100%; height:100%; object-fit:cover; filter:blur(0.5px) brightness(.55);\n  will-change: transform; transform: translate3d(0,0,0) scale(1.06); transition:transform .25s ease;\n}\n.id-dim{position:absolute; inset:0; background:radial-gradient(ellipse at 50% 20%, rgba(0,0,0,.35), rgba(0,0,0,.75));}\n\n\/* \ubaa8\uc158 \ucd5c\uc18c\ud654 \ud658\uacbd *\/\n@media (prefers-reduced-motion: reduce){\n  .id-parallax img{ transform: scale(1.03) !important; }\n}\n\n\/* \uce74\ub4dc \uadf8\ub9ac\ub4dc *\/\n.id-grid{\n  display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:30px;\n}\n\n\/* \uce74\ub4dc \uae30\ubcf8 *\/\n.id-card{\n  position:relative; border-radius:22px; overflow:hidden; background:#fff;\n  box-shadow:0 12px 30px rgba(0,0,0,.25);\n  transition: all 0.4s ease; border:none;\n}\n\n\/* \uc378\ub124\uc77c *\/\n.id-card .thumb{position: relative; height:500px; overflow:hidden; background:#000;}\n.id-card .thumb img{\n  width:100%; height:100%; object-fit:cover; transform:scale(1);\n  transition:transform .6s cubic-bezier(.2,.7,.2,1), filter .35s ease; display:block; border:none;\n}\n\n\/* \ub514\ubc0d(\uc624\ubc84\ub808\uc774) *\/\n.id-card .thumb::after{\n  content:\"\";\n  position:absolute; inset:0;\n  border-radius: inherit;       \/* \uce74\ub4dc \ub77c\uc6b4\ub4dc\uc640 \ub3d9\uc77c\ud558\uac8c *\/\n  background: rgba(0,0,0,.3);  \/* \uae30\ubcf8\uc740 \uc5b4\ub461\uac8c \ubcf4\uc774\ub3c4\ub85d *\/\n  transition: opacity .35s ease;\n  opacity: 1;                   \/* \ucc98\uc74c\uc5d0 \ubcf4\uc784 *\/\n  pointer-events: none;         \/* \ud074\ub9ad \ub9c9\uc9c0 \uc54a\uae30 *\/\n}\n\n\/* \ub0b4\uc6a9 *\/\n.id-card .body{padding:30px 20px 40px; background:#fff; text-align:center;}\n.id-card .body h3{font-size:30px!important; margin:0 0 5px; color:#797979; font-weight:600; letter-spacing:.02em;}\n.id-card .body p{margin:0!important; color:#000; font-size:22px!important; font-weight:200;}\n\n\/* \ud638\ubc84 \ud6a8\uacfc *\/\n.id-card:hover{\n  box-shadow:\n    0 0 25px rgba(220, 60, 60, 0.6),  \/* \uc911\uc2ec \uadfc\ucc98 \ubc1d\uc740 \ube5b *\/\n    0 0 50px rgba(200, 40, 40, 0.4),  \/* \uc911\uac04 \uac70\ub9ac \ube5b *\/\n    0 0 80px rgba(160, 30, 30, 0.25); \/* \uba3c \uac70\ub9ac \ubd80\ub4dc\ub7ec\uc6b4 \ube5b *\/\n  transform:translateY(-10px)!important;\n}\n\/* \ud638\ubc84 \uc2dc \uc624\ubc84\ub808\uc774 \uc81c\uac70 *\/\n.id-card:hover .thumb::after{\n  opacity: 0;\n}\n.id-card:hover .thumb img{transform:scale(1.06);}\n\n\/* \ubc18\uc751\ud615 *\/\n@media (max-width:1650px){\n.identity .id-inner{width:90%;}\n}\n\n@media (max-width:1024px){\n  .id-grid{grid-template-columns:1fr; gap:30px;}\n  .id-card .thumb{height:200px;}\n}\n\n@media (max-width:600px){\n.identity .id-inner{width:80%;}\n}\n<\/style>\n\n\n\n<style>\n@media (max-width: 1350px){\n.sec1 .sec1-title {width: 90%; left:50%;}\n}\n\n@media (max-width: 1090px) {\n.sec1 .sec1-title {top:65%;}\n.keyword-text{font-size:20px!important;}\n.tit-2xl{font-size:25px!important;}\n}\n\n@media (max-width:750px){\n.sec1 .sec-inner {position: relative; height:85vh; min-height: 85vh; height: 85dvh;}\n.sec1 .sec1-title h4{font-size:44px!important;}\n.sec1 .sec1-title p{font-size:22px!important;}\n.section .sec-inner{max-width:80%; margin:0 auto; margin-top: 10vh; margin-bottom: 10vh;}\n}\n\n@media (max-width: 600px){\n.sec1 .sec1-title h4{font-size:40px!important; line-height:1.2!important;}\n.sec1 .sec1-title p{font-size:20px!important;}\n}\n<\/style>\n\n\n\n<div class=\"sec1\">\n<div class=\"sec-inner\">\n\n<!-- Swiper -->\n    <div class=\"swiper mySwiper\" aria-label=\"main visual\">\n      <div class=\"swiper-wrapper\">\n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/\uba54\uc778\ubc30\ub10811-.png\" alt=\"main slide01\">\n        <\/div>\n        <div class=\"swiper-slide\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/\uba54\uc778\ubc30\ub10811-.png\" alt=\"main slide02\">\n        <\/div>\n      <\/div>\n      <!-- \ubc18\ub4dc\uc2dc \uc2ac\ub77c\uc774\ub354 \ub0b4\ubd80\uc5d0 \ub461\ub2c8\ub2e4 -->\n      <div class=\"swiper-pagination\"><\/div>\n    <\/div>\n\n<div class=\"sec1-title\">\n<p>\ud569\ub9ac\uc801\uc778 \uac00\uaca9, \ub2e4\uc591\ud55c \uad6c\uc131, \uae30\ubcf8\uc5d0 \ucda9\uc2e4\ud55c \uc81c\uc791<\/p>\n<h4 class=\"tit-2xl\" data-aos=\"fade\" data-aos-duration=\"2000\">\n\uc218\ub3d9\uc6b4\uc804\uc5d0\uc11c AI\uc790\uc728\uc8fc\ud589\uae4c\uc9c0.\n<\/h4>\n<\/div>\n\n<\/div><!--sec-inner-->\n<\/div><!--sec1-->\n\n\n\n<section class=\"prod-hero\" aria-label=\"Product Highlight\">\n  <div class=\"ph-wrap\">\n    <!-- \uc0c1\ub2e8 \ud5e4\ub354: \uc88c PRODUCT \/ \uc6b0 VIEW MORE -->\n    <div class=\"ph-head\">\n      <h2 class=\"ph-title\">PRODUCT<\/h2>\n      <a href=\"#\" class=\"ph-view\" id=\"phView\" aria-label=\"View more\">VIEW MORE<\/a>\n    <\/div>\n\n    <!-- \ubcf8\ubb38: \uc88c \ud14d\uc2a4\ud2b8 \/ \uc6b0 \uc774\ubbf8\uc9c0 -->\n    <div class=\"ph-body\">\n      <div class=\"ph-left\">\n        <p class=\"ph-type\" id=\"phType\">Golf Cart<\/p>\n        <h2 class=\"ph-model\" id=\"phModel\">F2<\/h2>\n      <\/div>\n      <div class=\"ph-right\">\n        <img decoding=\"async\" id=\"phImg\" src=\"\/wp-content\/uploads\/2025\/11\/f2_1.png\" alt=\"F2\" class=\"ph-show\" loading=\"eager\">\n      <\/div>\n    <\/div>\n\n    <!-- \ud558\ub2e8 \ucee8\ud2b8\ub864: \uc774\ubbf8\uc9c0 \ubc14\ub85c \uc544\ub798 \uc911\uc559 \uc815\ub82c -->\n    <div class=\"ph-foot\">\n      <div class=\"ph-tabs\" id=\"tabs\">\n        <div class=\"ph-tab active\" data-index=\"0\"><\/div>\n        <div class=\"ph-tab\" data-index=\"1\"><\/div>\n        <div class=\"ph-tab\" data-index=\"2\"><\/div>\n        <div class=\"ph-progress-track\">\n          <div class=\"ph-progress-fill\" id=\"phProgress\"><\/div>\n        <\/div>\n      <div class=\"ph-arrows\">\n        <button type=\"button\" class=\"ph-prev\" id=\"phPrev\" aria-label=\"Previous\">&#8249;<\/button>\n        <button type=\"button\" class=\"ph-next\" id=\"phNext\" aria-label=\"Next\">&#8250;<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"tech-hero\" aria-label=\"Technology Highlight\">\n  <div class=\"swiper techSwiper\">\n    <div class=\"swiper-wrapper\">\n      <!-- Slide 1 -->\n      <div class=\"swiper-slide\">\n        <div class=\"slide-bg\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/\uc2a4\ub9c8\ud2b8\ub514\uc2a4\ud50c\ub808\uc774_\uc6d0\ubcf8.jpg\" alt=\"\uc2a4\ub9c8\ud2b8 \ub514\uc2a4\ud50c\ub808\uc774 \ubc30\uacbd\">\n        <\/div>\n        <div class=\"slide-dim\"><\/div>\n        <div class=\"slide-caption\">\n          <span class=\"cap-sub\">TECHNOLOGY<\/span>\n          <h2 class=\"cap-title\">\uc2a4\ub9c8\ud2b8 \ub514\uc2a4\ud50c\ub808\uc774<\/h2>\n        <\/div>\n      <\/div>\n\n      <!-- Slide 2 -->\n      <div class=\"swiper-slide\">\n        <div class=\"slide-bg\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/\ud074\ub77c\uc774\ubc0b_\uc6d0\ubcf8.jpg\" alt=\"\uc624\ud1a0 \ud074\ub77c\uc774\ubc0b \ubc30\uacbd\">\n        <\/div>\n        <div class=\"slide-dim\"><\/div>\n        <div class=\"slide-caption\">\n          <span class=\"cap-sub\">TECHNOLOGY<\/span>\n          <h2 class=\"cap-title\">\uc624\ud1a0 \ud074\ub77c\uc774\ubc0b<\/h2>\n        <\/div>\n      <\/div>\n\n      <!-- Slide 3 -->\n      <div class=\"swiper-slide\">\n        <div class=\"slide-bg\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/\uc870\ud5a5\uc81c\uc5b4_\uc6d0\ubcf8-scaled.jpg\" alt=\"\uc870\ud5a5 \uc81c\uc5b4 \uc2dc\uc2a4\ud15c \ubc30\uacbd\">\n        <\/div>\n        <div class=\"slide-dim\"><\/div>\n        <div class=\"slide-caption\">\n          <span class=\"cap-sub\">TECHNOLOGY<\/span>\n          <h2 class=\"cap-title\">\uc870\ud5a5 \uc81c\uc5b4 \uc2dc\uc2a4\ud15c<\/h2>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"identity\" aria-label=\"Brand Identity\">\n  <!-- \ud328\ub7f4\ub7ed\uc2a4 \ubc31\uadf8\ub77c\uc6b4\ub4dc -->\n  <div class=\"id-parallax\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/\ud328\ub7f4\ub9ad\uc2a4-2.png\" alt=\"\" aria-hidden=\"true\">\n    <div class=\"id-dim\" aria-hidden=\"true\"><\/div>\n  <\/div>\n\n  <div class=\"id-inner\">\n    <h2 class=\"id-title\">IDENTITY<\/h2>\n\n    <div class=\"id-grid\">\n      <!-- Card 1 -->\n      <article class=\"id-card\">\n        <div class=\"thumb\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/1758633361615952.png\" alt=\"Innovation\">\n        <\/div>\n        <div class=\"body\">\n          <h3>INNOVATION<\/h3>\n          <p>\uae30\uc220\uc774 \ub9cc\ub4e0 \uc0c8\ub85c\uc6b4 \uc774\ub3d9\uc758 \uae30\uc900<\/p>\n        <\/div>\n      <\/article>\n\n      <!-- Card 2 -->\n      <article class=\"id-card\">\n        <div class=\"thumb\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/1693036529191965.jpg\" alt=\"Design DNA\">\n        <\/div>\n        <div class=\"body\">\n          <h3>DESIGN DNA<\/h3>\n          <p>\ub2e8\uc21c\ud568 \uc18d\uc758 \uac15\ub82c\ud568<\/p>\n        <\/div>\n      <\/article>\n\n      <!-- Card 3 -->\n      <article class=\"id-card\">\n        <div class=\"thumb\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/img_mv-01.jpg\" alt=\"Global Trust\">\n        <\/div>\n        <div class=\"body\">\n          <h3>GLOBAL TRUST<\/h3>\n          <p>\uae00\ub85c\ubc8c \uc2e0\ub8b0\ub85c \uc644\uc131\ub41c \ud488\uc9c8<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- jQuery \u2192 AOS \u2192 Swiper JS -->\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.7.1\/jquery.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n\/\/\uc139\uc1581\ndocument.addEventListener('DOMContentLoaded', function(){\n  \/\/ Swiper\n  const swiper = new Swiper('.sec1 .mySwiper', {\n    effect: 'fade',\n    fadeEffect: { crossFade: true },\n    pagination: { el: '.sec1 .swiper-pagination', clickable: true },\n    autoplay: { delay: 5000, disableOnInteraction: false },\n    speed:1500,\n    loop: true,\n    observer: true,\n    observeParents: true,\n  });\n\n  \/\/ AOS (\uc120\ud0dd)\n  if (window.AOS) AOS.init();\n});\n\ndocument.addEventListener('DOMContentLoaded', function(){\n  document.querySelectorAll('.section.sec5 .banner_list').forEach(function(ul){\n    ul.innerHTML += ul.innerHTML; \/\/ \ub04a\uae40 \uc5c6\ub294 \ub8e8\ud504\uc6a9 \ubcf5\uc81c\n  });\n});\n\n\n\/\/\uc139\uc1582 \ud504\ub85c\ub355\ud2b8\n(function(){\n  'use strict';\n\n  \/\/ \u25b6 \ub370\uc774\ud130\n  const items = [\n    { type:'Golf Cart',    model:'F2', img:'\/wp-content\/uploads\/2025\/11\/f2_1.png', url:'\/product\/l2' },\n    { type:'Golf Cart', model:'F4', img:'\/wp-content\/uploads\/2025\/11\/f2.png', url:'\/product\/u1' },\n    { type:'Utility Cart',  model:'L6', img:'\/wp-content\/uploads\/2025\/11\/L6_1.png', url:'\/product\/p4' }\n  ];\n\n  \/\/ \u25b6 \uc124\uc815\n  const DURATION = 4000;\n  const STOP_OFFSET = 6;\n\n  \/\/ \u25b6 DOM\n  const tabs    = Array.from(document.querySelectorAll('.ph-tab')); \/\/ \uc788\uc5b4\ub3c4 \ub418\uace0 \uc5c6\uc5b4\ub3c4 \ub428\n  const track   = document.querySelector('.ph-progress-track');\n  const fill    = document.getElementById('phProgress');\n  const imgEl   = document.getElementById('phImg');\n  const typeEl  = document.getElementById('phType');\n  const modelEl = document.getElementById('phModel');\n  const viewEl  = document.getElementById('phView');\n  const prevBtn = document.getElementById('phPrev');\n  const nextBtn = document.getElementById('phNext');\n  const root    = document.querySelector('.prod-hero');\n\n  if (!track || !fill || !imgEl || !typeEl || !modelEl || !viewEl) return;\n\n  \/\/ \u25b6 \ubd84\ud560 \uac1c\uc218\ub294 items \uae30\uc900\n  const SEG_COUNT = items.length;\n\n  let idx = 0;\n  let timer;\n\n  \/\/ \ud2b8\ub799 \ud3ed\/\uad6c\uac04\ud3ed\n  function segWidth(){\n    const w = track.getBoundingClientRect().width;\n    return w \/ SEG_COUNT;\n  }\n\n  \/\/ \ud604\uc7ac \uad6c\uac04\ub9cc \ucc44\uc6b0\uae30\nfunction startSegmentFill(i){\n  const w     = segWidth();\n  const left  = w * i;\n  const width = w - (i < SEG_COUNT - 1 ? STOP_OFFSET : 0);\n\n  \/\/ 1\ufe0f\u20e3 transition \uc644\uc804 \uc81c\uac70\n  fill.style.transition = 'none';\n  fill.style.left  = left + 'px';\n  fill.style.width = '0px';\n\n  \/\/ 2\ufe0f\u20e3 \uac15\uc81c reflow (\ud575\uc2ec)\n  void fill.offsetWidth;\n\n  \/\/ 3\ufe0f\u20e3 \ub2e4\uc74c \ud504\ub808\uc784\uc5d0\uc11c \uc560\ub2c8\uba54\uc774\uc158 \uc2dc\uc791\n  requestAnimationFrame(()=>{\n    fill.style.transition = `width ${DURATION}ms linear`;\n    fill.style.width = width + 'px';\n  });\n}\n\n  \/\/ \ub80c\ub354(\ud14d\uc2a4\ud2b8\/\uc774\ubbf8\uc9c0\/\ub9c1\ud06c + \ud0ed \ud65c\uc131)\n  function render(i){\n    const d = items[i];\n    typeEl.textContent  = d.type;\n    modelEl.textContent = d.model;\n    viewEl.href         = d.url;\n\n    \/\/ \ud0ed\uc774 \uc788\ub2e4\uba74 \ud65c\uc131\ud654 \ud1a0\uae00\n    if (tabs.length) tabs.forEach((t, n)=> t.classList.toggle('active', n === i));\n\n    \/\/ \uc774\ubbf8\uc9c0 \uc804\ud658\n    imgEl.classList.remove('ph-show');\n    setTimeout(()=>{\n      imgEl.src = d.img;\n      imgEl.alt = d.model;\n      void imgEl.offsetWidth;\n      imgEl.classList.add('ph-show');\n    }, 20);\n\n    startSegmentFill(i, true);\n  }\n\n  function next(){ idx = (idx + 1) % SEG_COUNT; render(idx); }\n  function prev(){ idx = (idx - 1 + SEG_COUNT) % SEG_COUNT; render(idx); }\n\n  function start(){ stop(); timer = setInterval(next, DURATION); }\n  function stop(){ if (timer) clearInterval(timer); }\n\n  \/\/ \ucd08\uae30\ud654\n  render(idx);\n  start();\n\n  \/\/ \ubc84\ud2bc\n  nextBtn?.addEventListener('click', ()=>{ next(); start(); });\n  prevBtn?.addEventListener('click', ()=>{ prev(); start(); });\n\n  \/\/ \ud0ed \ud074\ub9ad(\uc788\uc744 \ub54c\ub9cc)\n  tabs.forEach((t, n)=> t.addEventListener('click', ()=>{ idx = n; render(idx); start(); }));\n\n\n  \/\/ \ub9ac\uc0ac\uc774\uc988: \uc704\uce58\ub9cc \uc7ac\uacc4\uc0b0, \uc560\ub2c8\uba54\uc774\uc158 \uc7ac\uc2dc\uc791 X\n  let rid;\n  window.addEventListener('resize', ()=>{\n    cancelAnimationFrame(rid);\n    rid = requestAnimationFrame(()=> startSegmentFill(idx, false));\n  });\n})();\n\n\n\/\/\uc139\uc1583\ndocument.addEventListener('DOMContentLoaded', function(){\n  const techSwiper = new Swiper('.techSwiper', {\n    effect: 'fade',\n    fadeEffect: { crossFade: true },\n    speed: 1200,\n    autoplay: { delay: 3800, disableOnInteraction: false },\n    loop: true,\n    allowTouchMove: false,   \/\/ \ub4dc\ub798\uadf8\/\uc2a4\uc640\uc774\ud504 \ube44\ud65c\uc131 (\uc6d0\ud558\uba74 true)\n    observer: true,\n    observeParents: true,\n  });\n});\n\n\n\/\/\uc139\uc1584\ndocument.addEventListener('DOMContentLoaded', () => {\n  const section = document.querySelector('.identity');\n  const bg = section.querySelector('.id-parallax img');\n  const cards = section.querySelectorAll('.id-card');\n\n  \/* ===== \uc2a4\ud06c\ub864 \ud328\ub7f4\ub7ed\uc2a4 ===== *\/\n  const RANGE_PX = 80; \/\/ \ubc30\uacbd\uc774 \uc704\/\uc544\ub798\ub85c \uc6c0\uc9c1\uc77c \ucd5c\ub300 \uac70\ub9ac(\uc218\uc815 \uac00\ub2a5)\n\n  let active = false, rafId;\n\n  \/\/ \uc139\uc158\uc774 \ud654\uba74\uc5d0 \uc788\uc744 \ub54c\ub9cc \uacc4\uc0b0\n  const io = new IntersectionObserver(entries => {\n    active = entries[0].isIntersecting;\n    if (active) tick(); else cancelAnimationFrame(rafId);\n  }, { root: null, threshold: 0 });\n  io.observe(section);\n\n  function lerp(a,b,t){ return a + (b-a)*t; }\n  function clamp(v,min,max){ return Math.min(max, Math.max(min, v)); }\n\n  function update(){\n    const rect = section.getBoundingClientRect();\n    const vh   = window.innerHeight;\n\n    \/\/ \uc139\uc158\uc774 \ud654\uba74 \ud558\ub2e8\uc5d0\uc11c \uc2dc\uc791\ud574 \uc0c1\ub2e8\uc73c\ub85c \uc0ac\ub77c\uc9c8 \ub54c\uae4c\uc9c0 0\u21921\n    const progress = clamp((vh - rect.top) \/ (vh + rect.height), 0, 1);\n\n    \/\/ progress 0~1 \uad6c\uac04\uc5d0\uc11c -RANGE_PX ~ +RANGE_PX \uc774\ub3d9\n    const ty = lerp(-RANGE_PX, RANGE_PX, progress);\n    bg.style.transform = `translate3d(0, ${ty}px, 0) scale(1.06)`;\n  }\n\n  function tick(){\n    update();\n    if (active) rafId = requestAnimationFrame(tick);\n  }\n  window.addEventListener('scroll', () => active && !rafId && tick(), { passive:true });\n  window.addEventListener('resize', () => active && !rafId && tick());\n\n  \/* ===== \uce74\ub4dc \ud2f8\ud2b8\ub294 \uadf8\ub300\ub85c \uc720\uc9c0(\uc6d0 \ucf54\ub4dc) ===== *\/\n  cards.forEach(card => {\n    let raf;\n    function tilt(e){\n      const b = card.getBoundingClientRect();\n      const x = (e.clientX - b.left) \/ b.width - 0.5;\n      const y = (e.clientY - b.top)  \/ b.height - 0.5;\n      const rx = (-y * 6).toFixed(2);\n      const ry = ( x * 6).toFixed(2);\n      cancelAnimationFrame(raf);\n      raf = requestAnimationFrame(() => {\n        card.style.transform = `rotateX(${rx}deg) rotateY(${ry}deg) translateY(-4px)`;\n      });\n    }\n    function reset(){ cancelAnimationFrame(raf); card.style.transform = 'rotateX(0) rotateY(0)'; }\n    card.addEventListener('mousemove', tilt);\n    card.addEventListener('mouseleave', reset);\n  });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\ud569\ub9ac\uc801\uc778 \uac00\uaca9, \ub2e4\uc591\ud55c \uad6c\uc131, \uae30\ubcf8\uc5d0 \ucda9\uc2e4\ud55c \uc81c\uc791 \uc218\ub3d9\uc6b4\uc804\uc5d0\uc11c AI\uc790\uc728\uc8fc\ud589\uae4c\uc9c0. PRODUCT VIEW MORE Golf Cart F2 &#8249; &#8250; TECHNOLOGY \uc2a4\ub9c8\ud2b8 \ub514\uc2a4\ud50c\ub808\uc774 TECHNOLOGY \uc624\ud1a0 \ud074\ub77c\uc774\ubc0b TECHNOLOGY \uc870\ud5a5 \uc81c\uc5b4 \uc2dc\uc2a4\ud15c IDENTITY INNOVATION \uae30\uc220\uc774 \ub9cc\ub4e0 \uc0c8\ub85c\uc6b4 \uc774\ub3d9\uc758 \uae30\uc900 DESIGN DNA \ub2e8\uc21c\ud568 \uc18d\uc758 \uac15\ub82c\ud568 GLOBAL &hellip; <a href=\"http:\/\/leroadkorea.mycafe24.com\/\">Continued<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"kt_blocks_editor_width":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/leroadkorea.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/leroadkorea.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/leroadkorea.mycafe24.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/leroadkorea.mycafe24.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/leroadkorea.mycafe24.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":220,"href":"http:\/\/leroadkorea.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":1652,"href":"http:\/\/leroadkorea.mycafe24.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/1652"}],"wp:attachment":[{"href":"http:\/\/leroadkorea.mycafe24.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}