{"id":10983,"date":"2026-06-23T13:33:14","date_gmt":"2026-06-23T04:33:14","guid":{"rendered":"https:\/\/kumkangkiup.mycafe24.com\/?page_id=10983"},"modified":"2026-07-22T14:57:12","modified_gmt":"2026-07-22T05:57:12","slug":"%ec%83%9d%ec%82%b0%ea%b3%b5%ec%a0%95","status":"publish","type":"page","link":"https:\/\/kkpvc.co.kr\/?page_id=10983","title":{"rendered":"\uc0dd\uc0b0\uacf5\uc815"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10983\" class=\"elementor elementor-10983\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c20720 e-flex e-con-boxed e-con e-parent\" data-id=\"4c20720\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4318af elementor-widget elementor-widget-html\" data-id=\"d4318af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ====== \uae08\uac15\uae30\uc5c5 \uc8fc\uc694 \uacf5\uc815 (Elementor HTML \uc704\uc82f) ====== -->\r\n<style>\r\n  .iw-proc * { margin:0; padding:0; box-sizing:border-box; }\r\n  .iw-proc {\r\n    --brand:#023f9c;\r\n    --brand-soft:#6b46d9;\r\n    --ink:#1a1a2e;\r\n    --gray:#6b7280;\r\n    --line:#e5e7eb;\r\n    --bg-card:#ffffff;\r\n    --bg-soft:#f7f6fc;\r\n    font-family:'Pretendard','Pretendard Variable',-apple-system,sans-serif;\r\n    color:var(--ink);\r\n    max-width:1600px;\r\n    margin:0 auto;\r\n    width:100%;\r\n  }\r\n\r\n  \/* \ud50c\ub85c\uc6b0\ucc28\ud2b8 \ud5e4\ub354 (\uc678\uc8fc\/Main\/Sub) *\/\r\n  .iw-proc .iw-fc-head {\r\n    display:grid; grid-template-columns:320px 1fr; gap:0; margin-bottom:10px;\r\n  }\r\n  .iw-proc .iw-fc-cols {\r\n    display:grid; grid-template-columns:repeat(3,1fr);\r\n    border:1px solid var(--line); border-radius:10px; overflow:hidden;\r\n    background:var(--bg-soft);\r\n  }\r\n  .iw-proc .iw-fc-cols span {\r\n    text-align:center; font-size:13px; font-weight:700; color:var(--gray);\r\n    padding:9px 4px; border-right:1px solid var(--line); letter-spacing:.02em;\r\n  }\r\n  .iw-proc .iw-fc-cols span:last-child { border-right:none; }\r\n  .iw-proc .iw-fc-cols span.iw-main { color:var(--brand); }\r\n  .iw-proc .iw-fc-headlabel {\r\n    text-align:center; font-size:13px; font-weight:800; color:var(--ink);\r\n    align-self:end; padding-bottom:9px; letter-spacing:.04em;\r\n  }\r\n\r\n  \/* \ud0c0\uc784\ub77c\uc778 *\/\r\n  .iw-proc .iw-timeline { position:relative; padding-left:0; }\r\n\r\n  .iw-proc .iw-step {\r\n    position:relative; display:grid; grid-template-columns:320px 1fr;\r\n    gap:0; margin-bottom:0;\r\n  }\r\n  .iw-proc .iw-step:last-child { margin-bottom:0; }\r\n\r\n  \/* \uc67c\ucabd \ud50c\ub85c\uc6b0\ucc28\ud2b8 \ud2b8\ub799 (3\uc5f4) *\/\r\n  .iw-proc .iw-track {\r\n    position:relative; display:grid; grid-template-columns:repeat(3,1fr);\r\n    min-height:148px;\r\n  }\r\n  .iw-proc .iw-track-cell {\r\n    position:relative; display:flex; align-items:center; justify-content:center;\r\n  }\r\n  \/* \uc138\ub85c \uc810\uc120 \ud750\ub984\uc120 (Main \uc5f4) *\/\r\n  .iw-proc .iw-flowline {\r\n    position:absolute; left:50%; top:0; bottom:0; width:3px;\r\n    transform:translateX(-50%); z-index:0;\r\n    background-image:linear-gradient(180deg,var(--brand) 60%,transparent 0);\r\n    background-size:3px 14px; background-repeat:repeat-y;\r\n    opacity:.32; animation:iwFlow 1.1s linear infinite;\r\n  }\r\n  @keyframes iwFlow { to { background-position:0 14px; } }\r\n\r\n  \/* \ub178\ub4dc *\/\r\n  .iw-proc .iw-fnode {\r\n    width:50px; height:50px; border-radius:50%;\r\n    background:#fff; border:3px solid var(--line);\r\n    display:flex; align-items:center; justify-content:center;\r\n    font-size:15px; font-weight:800; color:var(--gray);\r\n    z-index:2; position:relative;\r\n    transition:all .5s cubic-bezier(.16,1,.3,1);\r\n    box-shadow:0 4px 14px rgba(67,24,181,.06);\r\n  }\r\n  \/* \uc678\uc8fc \ub2e4\uc774\uc544\ubaac\ub4dc *\/\r\n  .iw-proc .iw-fdiamond {\r\n    width:38px; height:38px; background:#fff; border:3px solid var(--gray);\r\n    transform:rotate(45deg); z-index:2; position:relative;\r\n    display:flex; align-items:center; justify-content:center;\r\n    box-shadow:0 4px 14px rgba(0,0,0,.05);\r\n  }\r\n  .iw-proc .iw-fdiamond::after {\r\n    content:''; width:16px; height:16px; border:2px solid var(--gray); border-radius:50%;\r\n  }\r\n  \/* \u3131\uc790 \uaebe\uc784 \uc5f0\uacb0\uc120 (\uc678\uc8fc \ub2e4\uc774\uc544\ubaac\ub4dc -> 2\ubc88 Main \uc6d0) *\/\r\n  .iw-proc .iw-elbow {\r\n    position:absolute; z-index:1; pointer-events:none;\r\n    left:50%; top:50%;\r\n  }\r\n  \/* \ub2e4\uc774\uc544\ubaac\ub4dc \uc911\uc2ec\uc5d0\uc11c \uc544\ub798\ub85c \ub0b4\ub824\uac00\ub294 \uc138\ub85c\uc120 (1\uce78 \ub192\uc774 + \uc808\ubc18) *\/\r\n  .iw-proc .iw-elbow .iw-elbow-v {\r\n    position:absolute; left:0; top:0; width:2.5px; height:222px;\r\n    background:var(--gray); opacity:.55;\r\n  }\r\n  \/* 2\ubc88 Main \uc6d0 \ub192\uc774\uc5d0\uc11c \uc624\ub978\ucabd\uc73c\ub85c \uaebe\uc774\ub294 \uac00\ub85c\uc120 (\uc678\uc8fc\uce78 -> Main\uce78 \uc6d0 \uac00\uc7a5\uc790\ub9ac) *\/\r\n  .iw-proc .iw-elbow .iw-elbow-h {\r\n    position:absolute; left:0; top:222px; width:58px; height:2.5px;\r\n    background:var(--gray); opacity:.55;\r\n  }\r\n  .iw-proc .iw-elbow .iw-elbow-h::after {\r\n    content:''; position:absolute; right:-13px; top:-6px;\r\n    border-left:14px solid var(--brand); border-top:7px solid transparent; border-bottom:7px solid transparent;\r\n    opacity:1;\r\n  }\r\n\r\n  \/* \ud65c\uc131(\uc2a4\ud06c\ub864 \ub3c4\ub2ec) \ub178\ub4dc \uc810\ub4f1 *\/\r\n  .iw-proc .iw-step.iw-show .iw-fnode {\r\n    border-color:var(--brand); color:#fff;\r\n    background:linear-gradient(135deg,var(--brand),var(--brand-soft));\r\n    box-shadow:0 8px 24px rgba(67,24,181,.28);\r\n  }\r\n  .iw-proc .iw-step.iw-show .iw-fdiamond {\r\n    border-color:var(--brand);\r\n  }\r\n  .iw-proc .iw-step.iw-show .iw-fdiamond::after { border-color:var(--brand); }\r\n\r\n  \/* \ub9c8\uc9c0\ub9c9(\ud3ec\uc7a5) \uc644\ub8cc \uac15\uc870 - \ud37c\uc9c0\ub294 \ub9c1 *\/\r\n  .iw-proc .iw-fnode.iw-final::before,\r\n  .iw-proc .iw-fnode.iw-final::after {\r\n    content:''; position:absolute; left:50%; top:50%;\r\n    width:100%; height:100%; border-radius:50%;\r\n    border:2px solid var(--brand);\r\n    transform:translate(-50%,-50%) scale(1); opacity:0;\r\n    pointer-events:none;\r\n  }\r\n  .iw-proc .iw-step.iw-show .iw-fnode.iw-final::before { animation:iwRipple 2.4s ease-out infinite; }\r\n  .iw-proc .iw-step.iw-show .iw-fnode.iw-final::after  { animation:iwRipple 2.4s ease-out infinite 1.2s; }\r\n  @keyframes iwRipple {\r\n    0%   { transform:translate(-50%,-50%) scale(1);   opacity:.7; }\r\n    100% { transform:translate(-50%,-50%) scale(2.6); opacity:0; }\r\n  }\r\n\r\n  \/* \uce74\ub4dc *\/\r\n  .iw-proc .iw-cardwrap {\r\n    padding:0 0 28px 24px;\r\n    opacity:0; transform:translateY(30px);\r\n    transition:opacity .7s ease, transform .7s cubic-bezier(.16,1,.3,1);\r\n  }\r\n  .iw-proc .iw-step.iw-show .iw-cardwrap { opacity:1; transform:translateY(0); }\r\n\r\n  .iw-proc .iw-card {\r\n    background:var(--bg-card); border:1px solid var(--line); border-radius:18px;\r\n    padding:26px 30px; transition:box-shadow .35s ease, transform .35s ease, border-color .35s ease;\r\n  }\r\n  .iw-proc .iw-card:hover {\r\n    border-color:transparent; transform:translateY(-3px);\r\n    box-shadow:0 18px 44px rgba(67,24,181,.14);\r\n  }\r\n  .iw-proc .iw-card-top {\r\n    display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:18px;\r\n  }\r\n  .iw-proc .iw-name { font-size:22px; font-weight:800; letter-spacing:-.01em; }\r\n  .iw-proc .iw-flag {\r\n    font-size:12px; font-weight:700; padding:5px 12px; border-radius:999px;\r\n    background:rgba(67,24,181,.08); color:var(--brand); letter-spacing:.02em;\r\n  }\r\n  .iw-proc .iw-flag.iw-flag-main { background:var(--brand); color:#fff; }\r\n\r\n  .iw-proc .iw-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px 36px; }\r\n  .iw-proc .iw-col h4 {\r\n    font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase;\r\n    color:var(--brand); margin-bottom:12px; display:flex; align-items:center; gap:7px;\r\n  }\r\n  .iw-proc .iw-col h4::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--brand); }\r\n  .iw-proc .iw-list { list-style:none; }\r\n  \/* \uc88c\uc6b0 li \ub192\uc774\ub97c \uace0\uc815\ud574 \uc81c\ud488\ud2b9\uc131(\ubc30\uc9c0 \u6709)\u00b7\uacf5\uc815\ud2b9\uc131(\ubc30\uc9c0 \u7121) \uc810\uc120\uc774 \ud56d\uc0c1 \uc815\ub82c\ub418\ub3c4\ub85d *\/\r\n  .iw-proc .iw-list li {\r\n    display:flex; justify-content:space-between; gap:14px; align-items:center;\r\n    font-size:15.5px; line-height:1.5; color:#33384a;\r\n    min-height:46px; padding:0; border-bottom:1px dashed var(--line);\r\n  }\r\n  .iw-proc .iw-list li:last-child { border-bottom:none; }\r\n  .iw-proc .iw-list li span.iw-spec {\r\n    flex-shrink:0; font-weight:700; color:var(--brand); font-size:14px;\r\n    background:var(--bg-soft); padding:3px 11px; border-radius:8px; white-space:nowrap;\r\n  }\r\n  .iw-proc .iw-single { font-size:15.5px; line-height:1.7; color:#33384a; }\r\n\r\n  \/* \ubc18\uc751\ud615 *\/\r\n  @media (max-width:768px){\r\n    .iw-proc .iw-fc-head { grid-template-columns:140px 1fr; }\r\n    .iw-proc .iw-fc-cols span { font-size:11px; padding:7px 2px; }\r\n    .iw-proc .iw-step { grid-template-columns:140px 1fr; }\r\n    .iw-proc .iw-track { min-height:130px; }\r\n    .iw-proc .iw-fnode { width:40px; height:40px; font-size:13px; }\r\n    .iw-proc .iw-fdiamond { width:30px; height:30px; }\r\n    .iw-proc .iw-fdiamond::after { width:12px; height:12px; }\r\n    .iw-proc .iw-elbow .iw-elbow-v { height:286px; }\r\n    .iw-proc .iw-elbow .iw-elbow-h { top:286px; width:30px; }\r\n    .iw-proc .iw-cardwrap { padding:0 0 20px 14px; }\r\n    .iw-proc .iw-card { padding:20px 18px; border-radius:14px; }\r\n    .iw-proc .iw-name { font-size:18px; }\r\n    .iw-proc .iw-grid { grid-template-columns:1fr; gap:18px; }\r\n    .iw-proc .iw-list li { font-size:14.5px; min-height:42px; }\r\n  }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .iw-proc .iw-cardwrap { opacity:1; transform:none; transition:none; }\r\n    .iw-proc .iw-flowline { animation:none; }\r\n    .iw-proc .iw-fnode.iw-final::before,\r\n    .iw-proc .iw-fnode.iw-final::after { animation:none; opacity:0; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"iw-proc\" id=\"iwProc\">\r\n\r\n  <!-- \ud50c\ub85c\uc6b0\ucc28\ud2b8 \ud5e4\ub354 -->\r\n  <div class=\"iw-fc-head\">\r\n    <div>\r\n      <div class=\"iw-fc-headlabel\">Flow Chart<\/div>\r\n      <div class=\"iw-fc-cols\">\r\n        <span>\uc678\uc8fc<\/span><span class=\"iw-main\">Main<\/span><span>Sub<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"iw-timeline\">\r\n\r\n    <!-- 1 : \uc678\uc8fc \ub2e4\uc774\uc544\ubaac\ub4dc + \u3131\uc790 \uc5f0\uacb0 -->\r\n    <div class=\"iw-step\">\r\n      <div class=\"iw-track\">\r\n        <div class=\"iw-flowline\"><\/div>\r\n        <div class=\"iw-track-cell\">\r\n          <div class=\"iw-fdiamond\" id=\"iwDia\"><\/div>\r\n          <div class=\"iw-elbow\" id=\"iwElbow\">\r\n            <div class=\"iw-elbow-v\"><\/div>\r\n            <div class=\"iw-elbow-h\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"iw-track-cell\"><div class=\"iw-fnode\">01<\/div><\/div>\r\n        <div class=\"iw-track-cell\"><\/div>\r\n      <\/div>\r\n      <div class=\"iw-cardwrap\"><div class=\"iw-card\">\r\n        <div class=\"iw-card-top\"><h3 class=\"iw-name\">\uc6d0\uc7ac\ub8cc \uc785\uace0<\/h3><span class=\"iw-flag\">\uc678\uc8fc \u00b7 Main<\/span><\/div>\r\n        <div class=\"iw-grid\">\r\n          <div class=\"iw-col\"><h4>\uc81c\ud488 \ud2b9\uc131<\/h4><p class=\"iw-single\">\uc6d0\uc7ac\ub8cc \ud654\ud559\uc131\ubd84 \ud655\uc778<\/p><\/div>\r\n          <div class=\"iw-col\"><h4>\uacf5\uc815 \ud2b9\uc131<\/h4><p class=\"iw-single\">\uc774\uc885\uc6d0\uc7ac\ub8cc \ud63c\uc785\uc774 \uc5c6\uc744 \uac83<\/p><\/div>\r\n        <\/div>\r\n      <\/div><\/div>\r\n    <\/div>\r\n\r\n    <!-- 2 -->\r\n    <div class=\"iw-step\">\r\n      <div class=\"iw-track\">\r\n        <div class=\"iw-flowline\"><\/div>\r\n        <div class=\"iw-track-cell\"><\/div>\r\n        <div class=\"iw-track-cell\"><div class=\"iw-fnode\" id=\"iwNode2\">02<\/div><\/div>\r\n        <div class=\"iw-track-cell\"><\/div>\r\n      <\/div>\r\n      <div class=\"iw-cardwrap\"><div class=\"iw-card\">\r\n        <div class=\"iw-card-top\"><h3 class=\"iw-name\">\ubc30\ud569<\/h3><span class=\"iw-flag iw-flag-main\">Main<\/span><\/div>\r\n        <div class=\"iw-grid\">\r\n          <div class=\"iw-col\"><h4>\uc81c\ud488 \ud2b9\uc131<\/h4>\r\n            <ul class=\"iw-list\"><li>\uc815\ub7c9\uacc4\ub7c9<\/li><li>\uc628\ub3c4 \u00b7 \uc2dc\uac04 \u00b7 \uc18d\ub3c4<\/li><li>\uc0c9\uc0c1<\/li><\/ul>\r\n          <\/div>\r\n          <div class=\"iw-col\"><h4>\uacf5\uc815 \ud2b9\uc131<\/h4>\r\n            <ul class=\"iw-list\"><li>Pannel \uc721\uc548<\/li><li>\uc0c9\ucc28\uacc4<\/li><\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div><\/div>\r\n    <\/div>\r\n\r\n    <!-- 3 -->\r\n    <div class=\"iw-step\">\r\n      <div class=\"iw-track\">\r\n        <div class=\"iw-flowline\"><\/div>\r\n        <div class=\"iw-track-cell\"><\/div>\r\n        <div class=\"iw-track-cell\"><div class=\"iw-fnode\">03<\/div><\/div>\r\n        <div class=\"iw-track-cell\"><\/div>\r\n      <\/div>\r\n      <div class=\"iw-cardwrap\"><div class=\"iw-card\">\r\n        <div class=\"iw-card-top\"><h3 class=\"iw-name\">\uc555\ucd9c\uae30<\/h3><span class=\"iw-flag iw-flag-main\">Main<\/span><\/div>\r\n        <div class=\"iw-grid\">\r\n          <div class=\"iw-col\"><h4>\uc81c\ud488 \ud2b9\uc131<\/h4><p class=\"iw-single\">\uac19\uc740 \uc628\ub3c4\uc640 \uc18d\ub3c4\ub85c \ubc30\ud569\ubb3c\uc758 \uc628\ub3c4 \ubc0f \ubb3c\uc131\uc744 \uc720\uc9c0\uc2dc\ud0a4\ub294 \uc555\ucd9c\uc124\ube44\ub294 \uce74\ub80c\ub2e4 \uc5c5\uccb4\uc758 \ud544\uc218 \uc0ac\ud56d\uc785\ub2c8\ub2e4.<\/p><\/div>\r\n          <div class=\"iw-col\"><h4>\uacf5\uc815 \ud2b9\uc131<\/h4><p class=\"iw-single\">\uc81c\ud488\ubcc0\ud615 \ud655\uc778\uad00\ub9ac<\/p><\/div>\r\n        <\/div>\r\n      <\/div><\/div>\r\n    <\/div>\r\n\r\n    <!-- 4 -->\r\n    <div class=\"iw-step\">\r\n      <div class=\"iw-track\">\r\n        <div class=\"iw-flowline\"><\/div>\r\n        <div class=\"iw-track-cell\"><\/div>\r\n        <div class=\"iw-track-cell\"><div class=\"iw-fnode\">04<\/div><\/div>\r\n        <div class=\"iw-track-cell\"><\/div>\r\n      <\/div>\r\n      <div class=\"iw-cardwrap\"><div class=\"iw-card\">\r\n        <div class=\"iw-card-top\"><h3 class=\"iw-name\">\uce74\ub80c\ub2e4<\/h3><span class=\"iw-flag iw-flag-main\">Main<\/span><\/div>\r\n        <div class=\"iw-grid\">\r\n          <div class=\"iw-col\"><h4>\uc81c\ud488 \ud2b9\uc131<\/h4>\r\n            <ul class=\"iw-list\"><li>\uc678\ubd80 \ubc0f \ub0b4\ubd80\uacb0\ud568 \uc5c6\uc744 \uac83<\/li><li>\uc18c\uc7ac DIMENSION \ub9cc\uc871\ud560 \uac83<\/li><\/ul>\r\n          <\/div>\r\n          <div class=\"iw-col\"><h4>\uacf5\uc815 \ud2b9\uc131<\/h4>\r\n            <ul class=\"iw-list\"><li>\uce74\ub80c\ub2e4 \uc870\uac74 \ud655\uc778\uad00\ub9ac<\/li><li>\uc218\ucd95\ub960 \ud655\uc778\uad00\ub9ac<\/li><li>\uc721\uc548\uac80\uc0ac \ud655\uc778\uad00\ub9ac<\/li><\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div><\/div>\r\n    <\/div>\r\n\r\n    <!-- 5 -->\r\n    <div class=\"iw-step\">\r\n      <div class=\"iw-track\">\r\n        <div class=\"iw-flowline\"><\/div>\r\n        <div class=\"iw-track-cell\"><\/div>\r\n        <div class=\"iw-track-cell\"><div class=\"iw-fnode\">05<\/div><\/div>\r\n        <div class=\"iw-track-cell\"><\/div>\r\n      <\/div>\r\n      <div class=\"iw-cardwrap\"><div class=\"iw-card\">\r\n        <div class=\"iw-card-top\"><h3 class=\"iw-name\">\uc678\uad00\uac80\uc0ac<\/h3><span class=\"iw-flag iw-flag-main\">Main<\/span><\/div>\r\n        <div class=\"iw-grid\">\r\n          <div class=\"iw-col\"><h4>\uc81c\ud488 \ud2b9\uc131<\/h4>\r\n            <ul class=\"iw-list\">\r\n              <li>BURR \uc5c6\uc744 \uac83<span class=\"iw-spec\">\uc804\ud3ed<\/span><\/li>\r\n              <li>\ucc0d\ud798 \uc5c6\uc744 \uac83<span class=\"iw-spec\">\uc804\ud3ed<\/span><\/li>\r\n              <li>COLOR \uc774\uc0c9 \uc5c6\uc744 \uac83<span class=\"iw-spec\">\u0394E 1.0 \uc774\ud558<\/span><\/li>\r\n              <li>\uc774\ubb3c \uc5c6\uc744 \uac83<span class=\"iw-spec\">\uc804\ud3ed<\/span><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"iw-col\"><h4>\uacf5\uc815 \ud2b9\uc131<\/h4>\r\n            <ul class=\"iw-list\">\r\n              <li>\uc721\uc548\ud655\uc778\uad00\ub9ac<\/li>\r\n              <li>\uc721\uc548\ud655\uc778\uad00\ub9ac<\/li>\r\n              <li>\uc0c9\ucc28\uacc4 \ub9e4\ub864 \uce21\uc815\uad00\ub9ac<\/li>\r\n              <li>\uc804\ud3ed \/ \ud655\uc778\uad00\ub9ac<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div><\/div>\r\n    <\/div>\r\n\r\n    <!-- 6 -->\r\n    <div class=\"iw-step\">\r\n      <div class=\"iw-track\">\r\n        <div class=\"iw-flowline\"><\/div>\r\n        <div class=\"iw-track-cell\"><\/div>\r\n        <div class=\"iw-track-cell\"><div class=\"iw-fnode\">06<\/div><\/div>\r\n        <div class=\"iw-track-cell\"><\/div>\r\n      <\/div>\r\n      <div class=\"iw-cardwrap\"><div class=\"iw-card\">\r\n        <div class=\"iw-card-top\"><h3 class=\"iw-name\">\uce58\uc218\uac80\uc0ac<\/h3><span class=\"iw-flag iw-flag-main\">Main<\/span><\/div>\r\n        <div class=\"iw-grid\">\r\n          <div class=\"iw-col\"><h4>\uc81c\ud488 \ud2b9\uc131<\/h4>\r\n            <ul class=\"iw-list\">\r\n              <li>\ub450\uaed8<span class=\"iw-spec\">\u00b10.005mm \uc774\ud558<\/span><\/li>\r\n              <li>\ud3ed<span class=\"iw-spec\">\u00b13mm<\/span><\/li>\r\n              <li>\uad8c\ucde8\uae38\uc774<span class=\"iw-spec\">\uad8c\ucde8M +1~+5%<\/span><\/li>\r\n              <li>\uc9c0\uad00\uc0ac\uc591<span class=\"iw-spec\">3\" \uc778\uce58\uc9c0\uad00<\/span><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"iw-col\"><h4>\uacf5\uc815 \ud2b9\uc131<\/h4>\r\n            <ul class=\"iw-list\">\r\n              <li>\ub2e4\uc774\uc5bc\uac8c\uc774\uc9c0<\/li>\r\n              <li>\uc904\uc790<\/li>\r\n              <li>\uc640\uc778\ub354\uac8c\uc774\uc9c0<\/li>\r\n              <li>3\" \uc778\uce58\uc9c0\uad00<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div><\/div>\r\n    <\/div>\r\n\r\n    <!-- 7 -->\r\n    <div class=\"iw-step\">\r\n      <div class=\"iw-track\">\r\n        <div class=\"iw-flowline\" style=\"bottom:50%;\"><\/div>\r\n        <div class=\"iw-track-cell\"><\/div>\r\n        <div class=\"iw-track-cell\"><div class=\"iw-fnode iw-final\">07<\/div><\/div>\r\n        <div class=\"iw-track-cell\"><\/div>\r\n      <\/div>\r\n      <div class=\"iw-cardwrap\"><div class=\"iw-card\">\r\n        <div class=\"iw-card-top\"><h3 class=\"iw-name\">\ud3ec\uc7a5<\/h3><span class=\"iw-flag iw-flag-main\">Main<\/span><\/div>\r\n        <div class=\"iw-grid\">\r\n          <div class=\"iw-col\"><h4>\uc81c\ud488 \ud2b9\uc131<\/h4><p class=\"iw-single\">\uccad\uc815\ub3c4 \uad00\ub9ac<\/p><\/div>\r\n          <div class=\"iw-col\"><h4>\uacf5\uc815 \ud2b9\uc131<\/h4>\r\n            <ul class=\"iw-list\"><li>\ud3ec\uc7a5 \uc2dc \uc81c\ud488 \ubd80\ub52a\uce68 \uc5c6\uc744 \uac83<\/li><li>\ud3ec\uc7a5 \uc2dc \uc81c\ud488 \ucc0c\uadf8\ub7ec\uc9d0 \uc5c6\uc744 \uac83<\/li><\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div><\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.getElementById('iwProc');\r\n  if(!root) return;\r\n  var steps = root.querySelectorAll('.iw-step');\r\n  var io = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting){\r\n        e.target.classList.add('iw-show');\r\n        io.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { threshold:0.25, rootMargin:'0px 0px -8% 0px' });\r\n  steps.forEach(function(s){ io.observe(s); });\r\n\r\n  \/\/ \uc678\uc8fc \ub2e4\uc774\uc544\ubaac\ub4dc -> 2\ubc88 Main \uc6d0\uc73c\ub85c \ud5a5\ud558\ub294 \u3131\uc790 \uc5f0\uacb0\uc120 \uc790\ub3d9 \uc815\ub82c\r\n  var dia = document.getElementById('iwDia');\r\n  var node2 = document.getElementById('iwNode2');\r\n  var elbow = document.getElementById('iwElbow');\r\n  if(dia && node2 && elbow){\r\n    var vLine = elbow.querySelector('.iw-elbow-v');\r\n    var hLine = elbow.querySelector('.iw-elbow-h');\r\n    var GAP = 18; \/\/ \ud654\uc0b4\ud45c\uac00 \uc6d0\uc5d0 \ub2ff\uae30 \uc804 \uc5ec\ubc31\r\n    function align(){\r\n      var d = dia.getBoundingClientRect();\r\n      var n = node2.getBoundingClientRect();\r\n      var dCx = d.left + d.width\/2;\r\n      var dCy = d.top + d.height\/2;\r\n      var nCx = n.left + n.width\/2;\r\n      var nCy = n.top + n.height\/2;\r\n      var h = nCy - dCy;                          \/\/ \uc138\ub85c \uac70\ub9ac\r\n      var w = (nCx - dCx) - (n.width\/2) - GAP;    \/\/ \uac00\ub85c \uac70\ub9ac(\uc6d0 \ubc18\uc9c0\ub984+\uc5ec\ubc31 \uc81c\uc678)\r\n      if(w < 10) w = 10;\r\n      vLine.style.height = h + 'px';\r\n      hLine.style.top = h + 'px';\r\n      hLine.style.width = w + 'px';\r\n    }\r\n    align();\r\n    window.addEventListener('resize', align);\r\n    window.addEventListener('load', align);\r\n    if(document.fonts && document.fonts.ready){ document.fonts.ready.then(align); }\r\n    setTimeout(align, 400);\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Flow Chart \uc678\uc8fcMainSub 01 \uc6d0\uc7ac\ub8cc \uc785\uace0 \uc678\uc8fc \u00b7 Main \uc81c\ud488 \ud2b9\uc131 \uc6d0\uc7ac\ub8cc \ud654\ud559\uc131\ubd84 \ud655\uc778 \uacf5\uc815 \ud2b9\uc131 \uc774\uc885\uc6d0\uc7ac\ub8cc \ud63c\uc785\uc774 \uc5c6\uc744 \uac83 02 \ubc30\ud569 Main \uc81c\ud488 \ud2b9\uc131 \uc815\ub7c9\uacc4\ub7c9 \uc628\ub3c4 \u00b7 \uc2dc\uac04 \u00b7 \uc18d\ub3c4 \uc0c9\uc0c1 \uacf5\uc815 \ud2b9\uc131 Pannel \uc721\uc548 \uc0c9\ucc28\uacc4 03 \uc555\ucd9c\uae30 Main \uc81c\ud488 \ud2b9\uc131 \uac19\uc740 \uc628\ub3c4\uc640 \uc18d\ub3c4\ub85c \ubc30\ud569\ubb3c\uc758 \uc628\ub3c4 \ubc0f \ubb3c\uc131\uc744 \uc720\uc9c0\uc2dc\ud0a4\ub294 \uc555\ucd9c\uc124\ube44\ub294 \uce74\ub80c\ub2e4 \uc5c5\uccb4\uc758 \ud544\uc218 \uc0ac\ud56d\uc785\ub2c8\ub2e4. [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-10983","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kkpvc.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kkpvc.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kkpvc.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kkpvc.co.kr\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/kkpvc.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10983"}],"version-history":[{"count":20,"href":"https:\/\/kkpvc.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10983\/revisions"}],"predecessor-version":[{"id":11731,"href":"https:\/\/kkpvc.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10983\/revisions\/11731"}],"wp:attachment":[{"href":"https:\/\/kkpvc.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}