{"id":42423,"date":"1801-04-20T14:50:53","date_gmt":"1801-04-20T06:23:01","guid":{"rendered":"https:\/\/jeonsansystem.com\/store\/?post_type=product&#038;p=42423"},"modified":"2026-04-20T15:05:13","modified_gmt":"2026-04-20T06:05:13","slug":"divide-c","status":"publish","type":"product","link":"https:\/\/jeonsansystem.com\/store\/product\/divide-c\/","title":{"rendered":"DIVIDE C"},"content":{"rendered":"        <div id=\"iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092\" class=\"jscc-configurator\"><\/div>\r\n\r\n        <style>\r\n          #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 {\r\n            --cfg-line: #111111;\r\n            --cfg-ink: #111111;\r\n            color: var(--cfg-ink);\r\n            font-family: inherit;\r\n            font-size: 22px;\r\n            line-height: 1.5;\r\n            font-weight: 500;\r\n          }\r\n          #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 * { box-sizing: border-box; }\r\n          #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-shell {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 18px;\r\n            max-width: 980px;\r\n            margin: 0 auto;\r\n          }\r\n          #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-panel { width: 100%; }\r\n          #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-title {\r\n            margin: 0 0 16px;\r\n            font-size: 26px;\r\n            font-weight: 700;\r\n            letter-spacing: 0.01em;\r\n            text-transform: uppercase;\r\n          }\r\n          #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-preview {\r\n            min-height: 360px;\r\n            display: grid;\r\n            place-items: center;\r\n            background: #fff;\r\n          }\r\n          #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-preview svg {\r\n            width: 100%;\r\n            max-height: 420px;\r\n          }\r\n          #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            gap: 12px;\r\n            width: 100%;\r\n            max-width: 840px;\r\n            margin: 0 auto;\r\n          }\r\n          #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-picker {\r\n            width: max-content;\r\n            max-width: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            padding: 12px 0;\r\n            margin: 0 auto;\r\n          }\r\n          #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-label {\r\n            display: block;\r\n            margin-bottom: 14px;\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            letter-spacing: 0.01em;\r\n            text-transform: uppercase;\r\n            width: 100%;\r\n            text-align: left;\r\n          }\r\n          #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-swatches {\r\n            display: grid;\r\n            grid-template-columns: repeat(10, 30px);\r\n            gap: 8px;\r\n            width: max-content;\r\n          }\r\n          #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-swatch {\r\n            width: 30px;\r\n            height: 30px;\r\n            min-width: 30px;\r\n            min-height: 30px;\r\n            padding: 0;\r\n            margin: 0;\r\n            border-radius: 999px;\r\n            border: 1px solid rgba(17, 17, 17, 0.18);\r\n            cursor: pointer;\r\n            appearance: none;\r\n            -webkit-appearance: none;\r\n            background-clip: padding-box;\r\n            line-height: 0;\r\n            box-shadow: none;\r\n            display: block;\r\n          }\r\n          #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-swatch.is-active {\r\n            border-color: #111;\r\n            box-shadow: 0 0 0 2px #fff, 0 0 0 3px #111;\r\n            transform: scale(1.05);\r\n          }\r\n          #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-summary-stack {\r\n            display: grid;\r\n            gap: 0;\r\n            width: 100%;\r\n            max-width: 840px;\r\n            margin: 0 auto;\r\n          }\r\n          #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-summary-line {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            gap: 0 44px;\r\n          }\r\n          #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-summary-item {\r\n            display: grid;\r\n            grid-template-columns: minmax(110px, max-content) minmax(0, 1fr);\r\n            align-items: baseline;\r\n            column-gap: 18px;\r\n            padding: 14px 0;\r\n            border-bottom: 1px solid var(--cfg-line);\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n          }\r\n          #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-summary-item strong {\r\n            text-align: right;\r\n          }\r\n          @media (max-width: 900px) {\r\n            #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 { font-size: 18px; }\r\n            #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-title { font-size: 22px; }\r\n            #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-label,\r\n            #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-summary-item { font-size: 18px; }\r\n            #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-grid,\r\n            #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-summary-line { grid-template-columns: 1fr; gap: 0; }\r\n            #iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092 .cfg-swatches { grid-template-columns: repeat(8, 30px); }\r\n          }\r\n        <\/style>\r\n\r\n        <script>\r\n          (function () {\r\n            var mount = document.getElementById(\"iso_f0de6945c1d19ff9440be92ce4ea2ebb-758092\");\r\n            if (!mount) return;\r\n\r\n            var config = {\"productName\":\"2A2C 60 C\",\"svg\":\"<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\r\\n<svg id=\\\"_2A2C_60_C\\\" data-name=\\\"2A2C_60_C\\\" xmlns=\\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\\" viewBox=\\\"0 0 212.13 191.01\\\">\\r\\n  <defs>\\r\\n    <style>\\r\\n      .cls-1 {\\r\\n        fill: none;\\r\\n        stroke: #040000;\\r\\n        stroke-linecap: round;\\r\\n        stroke-linejoin: round;\\r\\n        stroke-width: .5px;\\r\\n      }\\r\\n\\r\\n      .cls-2 {\\r\\n        fill: #fbd8bb;\\r\\n      }\\r\\n\\r\\n      .cls-3 {\\r\\n        fill: #fff;\\r\\n      }\\r\\n    <\\\/style>\\r\\n  <\\\/defs>\\r\\n  <g id=\\\"LINE\\\">\\r\\n    <polygon class=\\\"cls-2\\\" points=\\\"7.86 80.7 89.18 127.65 204.16 61.27 122.84 14.32 7.86 80.7\\\"\\\/>\\r\\n  <\\\/g>\\r\\n  <g id=\\\"body\\\">\\r\\n    <g id=\\\"LINE-2\\\" data-name=\\\"LINE\\\">\\r\\n      <polygon class=\\\"cls-3\\\" points=\\\"7.75 80.7 89.07 127.65 89.07 176.64 7.75 129.69 7.75 80.7\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-3\\\" data-name=\\\"LINE\\\">\\r\\n      <polygon class=\\\"cls-3\\\" points=\\\"89.4 127.65 89.4 176.64 204.38 110.26 204.38 61.27 89.4 127.65\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-4\\\" data-name=\\\"LINE\\\">\\r\\n      <polygon class=\\\"cls-3\\\" points=\\\"123.06 18.4 15.15 80.7 19.75 83.35 123.06 23.71 123.06 18.4\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-5\\\" data-name=\\\"LINE\\\">\\r\\n      <polygon class=\\\"cls-3\\\" points=\\\"174.54 48.54 66.64 110.84 71.23 113.5 174.54 53.85 174.54 48.54\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-6\\\" data-name=\\\"LINE\\\">\\r\\n      <polygon class=\\\"cls-3\\\" points=\\\"166.62 49.02 122.9 23.78 122.9 18.47 171.22 46.37 166.62 49.02\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-7\\\" data-name=\\\"LINE\\\">\\r\\n      <polygon class=\\\"cls-3\\\" points=\\\"174.86 48.41 174.86 53.72 192.66 63.99 197.26 61.34 174.86 48.41\\\"\\\/>\\r\\n    <\\\/g>\\r\\n  <\\\/g>\\r\\n  <g id=\\\"LINE-8\\\" data-name=\\\"LINE\\\">\\r\\n    <polygon class=\\\"cls-2\\\" points=\\\"85.64 135.14 63.25 122.21 63.25 118.13 85.64 131.06 85.64 135.14\\\"\\\/>\\r\\n  <\\\/g>\\r\\n  <g id=\\\"top-2\\\">\\r\\n    <polygon class=\\\"cls-3\\\" points=\\\"166.62 49.01 122.89 23.76 19.59 83.41 63.31 108.65 166.62 49.01\\\"\\\/>\\r\\n  <\\\/g>\\r\\n  <g id=\\\"top-1\\\">\\r\\n    <polygon class=\\\"cls-3\\\" points=\\\"192.54 63.98 174.75 53.7 71.44 113.35 89.24 123.62 192.54 63.98\\\"\\\/>\\r\\n  <\\\/g>\\r\\n  <g>\\r\\n    <g id=\\\"LINE-9\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"19.59\\\" y1=\\\"83.41\\\" x2=\\\"122.89\\\" y2=\\\"23.76\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-10\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"122.89\\\" y1=\\\"23.76\\\" x2=\\\"166.62\\\" y2=\\\"49.01\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-11\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"63.31\\\" y1=\\\"122.12\\\" x2=\\\"85.7\\\" y2=\\\"135.05\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-12\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"63.31\\\" y1=\\\"122.12\\\" x2=\\\"63.31\\\" y2=\\\"118.04\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-13\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"85.7\\\" y1=\\\"135.05\\\" x2=\\\"85.7\\\" y2=\\\"130.97\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-14\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"63.31\\\" y1=\\\"118.04\\\" x2=\\\"85.7\\\" y2=\\\"130.97\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-15\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"71.44\\\" y1=\\\"113.35\\\" x2=\\\"174.75\\\" y2=\\\"53.7\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-16\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"174.75\\\" y1=\\\"53.7\\\" x2=\\\"192.54\\\" y2=\\\"63.98\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-17\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"171.21\\\" y1=\\\"46.35\\\" x2=\\\"174.75\\\" y2=\\\"48.39\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-18\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"174.75\\\" y1=\\\"53.7\\\" x2=\\\"174.75\\\" y2=\\\"48.39\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-19\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"89.24\\\" y1=\\\"123.62\\\" x2=\\\"89.24\\\" y2=\\\"127.7\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-20\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"89.24\\\" y1=\\\"176.69\\\" x2=\\\"7.92\\\" y2=\\\"129.75\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-21\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"7.92\\\" y1=\\\"80.76\\\" x2=\\\"89.24\\\" y2=\\\"127.7\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-22\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"7.92\\\" y1=\\\"80.76\\\" x2=\\\"14.99\\\" y2=\\\"80.76\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-23\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"89.24\\\" y1=\\\"127.7\\\" x2=\\\"89.24\\\" y2=\\\"176.69\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-24\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"7.92\\\" y1=\\\"80.76\\\" x2=\\\"7.92\\\" y2=\\\"129.75\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-25\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"122.89\\\" y1=\\\"14.37\\\" x2=\\\"7.92\\\" y2=\\\"80.76\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-26\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"122.89\\\" y1=\\\"14.37\\\" x2=\\\"122.89\\\" y2=\\\"18.46\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-27\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"122.89\\\" y1=\\\"18.46\\\" x2=\\\"14.99\\\" y2=\\\"80.76\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-28\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"122.89\\\" y1=\\\"18.46\\\" x2=\\\"122.89\\\" y2=\\\"23.76\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-29\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"204.21\\\" y1=\\\"61.32\\\" x2=\\\"122.89\\\" y2=\\\"14.37\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-30\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"204.21\\\" y1=\\\"61.32\\\" x2=\\\"197.14\\\" y2=\\\"61.32\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-31\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"204.21\\\" y1=\\\"61.32\\\" x2=\\\"204.21\\\" y2=\\\"110.31\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-32\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"204.21\\\" y1=\\\"110.31\\\" x2=\\\"89.24\\\" y2=\\\"176.69\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-33\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"89.24\\\" y1=\\\"127.7\\\" x2=\\\"204.21\\\" y2=\\\"61.32\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-34\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"66.84\\\" y1=\\\"110.69\\\" x2=\\\"63.31\\\" y2=\\\"108.65\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-35\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"174.75\\\" y1=\\\"48.39\\\" x2=\\\"66.84\\\" y2=\\\"110.69\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-36\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"14.99\\\" y1=\\\"80.76\\\" x2=\\\"19.59\\\" y2=\\\"83.41\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-37\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"171.21\\\" y1=\\\"46.35\\\" x2=\\\"122.89\\\" y2=\\\"18.46\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-38\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"89.24\\\" y1=\\\"123.62\\\" x2=\\\"192.54\\\" y2=\\\"63.98\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-39\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"192.54\\\" y1=\\\"63.98\\\" x2=\\\"197.14\\\" y2=\\\"61.32\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-40\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"63.31\\\" y1=\\\"108.65\\\" x2=\\\"166.62\\\" y2=\\\"49.01\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-41\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"166.62\\\" y1=\\\"49.01\\\" x2=\\\"171.21\\\" y2=\\\"46.35\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-42\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"19.59\\\" y1=\\\"83.41\\\" x2=\\\"63.31\\\" y2=\\\"108.65\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-43\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"197.14\\\" y1=\\\"61.32\\\" x2=\\\"174.75\\\" y2=\\\"48.39\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-44\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"71.44\\\" y1=\\\"113.35\\\" x2=\\\"89.24\\\" y2=\\\"123.62\\\"\\\/>\\r\\n    <\\\/g>\\r\\n    <g id=\\\"LINE-45\\\" data-name=\\\"LINE\\\">\\r\\n      <line class=\\\"cls-1\\\" x1=\\\"66.84\\\" y1=\\\"110.69\\\" x2=\\\"71.44\\\" y2=\\\"113.35\\\"\\\/>\\r\\n    <\\\/g>\\r\\n  <\\\/g>\\r\\n<\\\/svg>\",\"slots\":{\"body\":[\"body\"],\"top1\":[\"top-1\"],\"top2\":[\"top-2\"]},\"labels\":{\"body\":\"BODY\",\"top1\":\"TOP 1\",\"top2\":\"TOP 2\"},\"pickerOrder\":[\"body\",\"top1\",\"top2\"],\"inputPrefix\":\"pcfg_cfg_2a2c_60_c\",\"colors\":[{\"id\":\"black\",\"name\":\"\\uac80\\uc815\",\"hex\":\"#231815\"},{\"id\":\"white\",\"name\":\"\\ud654\\uc774\\ud2b8\",\"hex\":\"#ffffff\"},{\"id\":\"red\",\"name\":\"\\ube68\\uac15\",\"hex\":\"#e72410\"},{\"id\":\"yellow\",\"name\":\"\\ub178\\ub791\",\"hex\":\"#ffda00\"},{\"id\":\"green\",\"name\":\"\\ucd08\\ub85d\",\"hex\":\"#047e55\"},{\"id\":\"blue\",\"name\":\"\\ud30c\\ub791\",\"hex\":\"#1e22aa\"},{\"id\":\"pink\",\"name\":\"\\ubd84\\ud64d\",\"hex\":\"#f3abc8\"},{\"id\":\"orange\",\"name\":\"\\uc8fc\\ud669\",\"hex\":\"#ff8224\"},{\"id\":\"lemon\",\"name\":\"\\ub808\\ubaac\",\"hex\":\"#fcf07e\"},{\"id\":\"mint\",\"name\":\"\\ubbfc\\ud2b8\",\"hex\":\"#b8dfd5\"},{\"id\":\"sky\",\"name\":\"\\ud558\\ub298\",\"hex\":\"#b1def1\"},{\"id\":\"lavender\",\"name\":\"\\uc5f0\\ubcf4\\ub77c\",\"hex\":\"#dfcfff\"},{\"id\":\"gray\",\"name\":\"\\uadf8\\ub808\\uc774\",\"hex\":\"#c9caca\"},{\"id\":\"coffee\",\"name\":\"\\ucee4\\ud53c\",\"hex\":\"#966d51\"},{\"id\":\"choco\",\"name\":\"\\ucd08\\ucf54\",\"hex\":\"#382310\"},{\"id\":\"lime\",\"name\":\"\\uc5f0\\ub450\",\"hex\":\"#93da49\"},{\"id\":\"navy\",\"name\":\"\\ub124\\uc774\\ube44\",\"hex\":\"#182446\"}]};\r\n\r\n            function createRandomState() {\r\n              var ids = config.colors.map(function (color) { return color.id; });\r\n              for (var i = ids.length - 1; i > 0; i -= 1) {\r\n                var j = Math.floor(Math.random() * (i + 1));\r\n                var temp = ids[i];\r\n                ids[i] = ids[j];\r\n                ids[j] = temp;\r\n              }\r\n              var state = {};\r\n              Object.keys(config.slots).forEach(function (slotKey, index) {\r\n                state[slotKey] = ids[index];\r\n              });\r\n              return state;\r\n            }\r\n\r\n            var state = createRandomState();\r\n\r\n            mount.innerHTML = '<div class=\"cfg-shell\">'\r\n              + '<section class=\"cfg-panel\"><h2 class=\"cfg-title\">' + config.productName + '<\/h2><div class=\"cfg-preview\" data-role=\"preview\"><\/div><\/section>'\r\n              + '<section class=\"cfg-panel\"><div class=\"cfg-grid\" data-role=\"pickers\"><\/div><\/section>'\r\n              + '<section class=\"cfg-panel\"><div class=\"cfg-summary-stack\" data-role=\"summary\"><\/div><\/section>'\r\n              + '<\/div>';\r\n\r\n            var preview = mount.querySelector('[data-role=\"preview\"]');\r\n            var pickers = mount.querySelector('[data-role=\"pickers\"]');\r\n            var summary = mount.querySelector('[data-role=\"summary\"]');\r\n            preview.innerHTML = config.svg;\r\n\r\n            function getColor(id) {\r\n              return config.colors.find(function (color) { return color.id === id; }) || config.colors[0];\r\n            }\r\n\r\n            function paintElement(node, hex) {\r\n              if (!(node instanceof SVGElement)) return;\r\n              var tagName = node.tagName ? node.tagName.toLowerCase() : '';\r\n              if (tagName === 'line') return;\r\n              node.setAttribute('fill', hex);\r\n              if (node.style && node.style.setProperty) {\r\n                node.style.setProperty('fill', hex, 'important');\r\n              }\r\n            }\r\n\r\n            function applyFillToNode(node, hex) {\r\n              if (!node) return;\r\n              paintElement(node, hex);\r\n              node.querySelectorAll('*').forEach(function (child) {\r\n                paintElement(child, hex);\r\n              });\r\n            }\r\n\r\n            function updatePreview() {\r\n              Object.keys(config.slots).forEach(function (slotKey) {\r\n                var hex = getColor(state[slotKey]).hex;\r\n                config.slots[slotKey].forEach(function (id) {\r\n                  applyFillToNode(preview.querySelector('#' + id), hex);\r\n                });\r\n              });\r\n            }\r\n\r\n            function renderSummary() {\r\n              var rows = [];\r\n              for (var i = 0; i < config.pickerOrder.length; i += 2) {\r\n                rows.push(config.pickerOrder.slice(i, i + 2));\r\n              }\r\n              summary.innerHTML = rows.map(function (row) {\r\n                return '<div class=\"cfg-summary-line\">' + row.map(function (slotKey) {\r\n                  return '<div class=\"cfg-summary-item\"><span>' + config.labels[slotKey] + '<\/span><strong>' + getColor(state[slotKey]).name + '<\/strong><\/div>';\r\n                }).join('') + '<\/div>';\r\n              }).join('');\r\n            }\r\n\r\n            function renderPickers() {\r\n              pickers.innerHTML = config.pickerOrder.map(function (slotKey) {\r\n                var swatches = config.colors.map(function (color) {\r\n                  return '<button type=\"button\" class=\"cfg-swatch' + (state[slotKey] === color.id ? ' is-active' : '') + '\" data-slot=\"' + slotKey + '\" data-color=\"' + color.id + '\" title=\"' + color.name + '\" style=\"background:' + color.hex + ';\"><\/button>';\r\n                }).join('');\r\n                return '<section class=\"cfg-picker\"><span class=\"cfg-label\">' + config.labels[slotKey] + '<\/span><div class=\"cfg-swatches\">' + swatches + '<\/div><\/section>';\r\n              }).join('');\r\n            }\r\n\r\n            function ensureHiddenInput(form, name) {\r\n              var input = form.querySelector('input[name=\"' + name + '\"]');\r\n              if (!input) {\r\n                input = document.createElement('input');\r\n                input.type = 'hidden';\r\n                input.name = name;\r\n                form.appendChild(input);\r\n              }\r\n              return input;\r\n            }\r\n\r\n            function getCartForm() {\r\n              var selectors = [\r\n                'form.cart',\r\n                'form.variations_form',\r\n                \"form[action*='add-to-cart']\",\r\n                '.single-product form',\r\n                '.product form',\r\n                '.summary form'\r\n              ];\r\n\r\n              for (var i = 0; i < selectors.length; i += 1) {\r\n                var form = document.querySelector(selectors[i]);\r\n                if (form) return form;\r\n              }\r\n\r\n              var button = document.querySelector('.single_add_to_cart_button') ||\r\n                document.querySelector(\"button[name='add-to-cart']\") ||\r\n                document.querySelector(\"input[name='add-to-cart']\") ||\r\n                document.querySelector(\"[data-product_id][name='add-to-cart']\") ||\r\n                document.querySelector('a.single_add_to_cart_button') ||\r\n                document.querySelector(\"[class*='add_to_cart']\");\r\n\r\n              if (!button) return null;\r\n              if (button.form) return button.form;\r\n              if (typeof button.closest === 'function') return button.closest('form');\r\n              return null;\r\n            }\r\n\r\n            function syncCartInputs() {\r\n              var form = getCartForm();\r\n              if (!form) {\r\n                return;\r\n              }\r\n\r\n              ensureHiddenInput(form, config.inputPrefix + '_enabled').value = '1';\r\n              Object.keys(config.slots).forEach(function (slotKey) {\r\n                ensureHiddenInput(form, config.inputPrefix + '_' + slotKey).value = state[slotKey];\r\n              });\r\n\r\n            }\r\n\r\n            function scheduleCartSync() {\r\n              syncCartInputs();\r\n              var attempts = 0;\r\n              var retryTimer = window.setInterval(function () {\r\n                attempts += 1;\r\n                syncCartInputs();\r\n                if (getCartForm() || attempts >= 12) {\r\n                  window.clearInterval(retryTimer);\r\n                }\r\n              }, 500);\r\n\r\n              if (typeof MutationObserver === 'function') {\r\n                var observer = new MutationObserver(function () {\r\n                  if (getCartForm()) {\r\n                    syncCartInputs();\r\n                    observer.disconnect();\r\n                  }\r\n                });\r\n                observer.observe(document.body, { childList: true, subtree: true });\r\n              }\r\n            }\r\n\r\n            pickers.addEventListener('click', function (event) {\r\n              var swatch = event.target.closest('.cfg-swatch');\r\n              if (!swatch) return;\r\n              state[swatch.getAttribute('data-slot')] = swatch.getAttribute('data-color');\r\n              renderPickers();\r\n              renderSummary();\r\n              updatePreview();\r\n              syncCartInputs();\r\n            });\r\n\r\n            renderPickers();\r\n            renderSummary();\r\n            updatePreview();\r\n            scheduleCartSync();\r\n          })();\r\n        <\/script>\r\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":42429,"template":"","meta":{"inline_featured_image":false},"_links":{"self":[{"href":"https:\/\/jeonsansystem.com\/store\/wp-json\/wp\/v2\/product\/42423"}],"collection":[{"href":"https:\/\/jeonsansystem.com\/store\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/jeonsansystem.com\/store\/wp-json\/wp\/v2\/types\/product"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jeonsansystem.com\/store\/wp-json\/wp\/v2\/media\/42429"}],"wp:attachment":[{"href":"https:\/\/jeonsansystem.com\/store\/wp-json\/wp\/v2\/media?parent=42423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}