{"id":17,"date":"2026-05-06T14:19:41","date_gmt":"2026-05-06T05:19:41","guid":{"rendered":"https:\/\/gkbb2026.mycafe24.com\/?page_id=17"},"modified":"2026-05-07T15:24:44","modified_gmt":"2026-05-07T06:24:44","slug":"%ec%a1%b0%ec%a7%81%eb%8f%84","status":"publish","type":"page","link":"https:\/\/gkbb2026.com\/?page_id=17","title":{"rendered":"\uc870\uc9c1\ub3c4"},"content":{"rendered":"\n<!-- AOS -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.css\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js\"><\/script>\n\n\n\n<div class=\"wp-block-cover wp-duotone-unset-1\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1709\" class=\"wp-block-cover__image-background wp-image-289 size-full\" alt=\"\" src=\"http:\/\/gkbb2026.mycafe24.com\/wp-content\/uploads\/2026\/05\/close-up-business-people-hands-together-teamwork-concept-scaled.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/gkbb2026.com\/wp-content\/uploads\/2026\/05\/close-up-business-people-hands-together-teamwork-concept-scaled.jpg 2560w, https:\/\/gkbb2026.com\/wp-content\/uploads\/2026\/05\/close-up-business-people-hands-together-teamwork-concept-300x200.jpg 300w, https:\/\/gkbb2026.com\/wp-content\/uploads\/2026\/05\/close-up-business-people-hands-together-teamwork-concept-1024x683.jpg 1024w, https:\/\/gkbb2026.com\/wp-content\/uploads\/2026\/05\/close-up-business-people-hands-together-teamwork-concept-768x513.jpg 768w, https:\/\/gkbb2026.com\/wp-content\/uploads\/2026\/05\/close-up-business-people-hands-together-teamwork-concept-1536x1025.jpg 1536w, https:\/\/gkbb2026.com\/wp-content\/uploads\/2026\/05\/close-up-business-people-hands-together-teamwork-concept-2048x1367.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-40 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"sub-inner association-page\">\n<!-- \uc11c\ube0c\ud0c0\uc774\ud2c0 : \uacf5\ud1b5 CSS \uadf8\ub300\ub85c \uc0ac\uc6a9 -->\n<section class=\"sub-visual\" data-aos=\"fade-up\" data-aos-duration=\"1500\">\n    <div class=\"title-con\">\n        <div class=\"sub-title-wrap\">\n            <p class=\"sub-category\">ORGANIZATION CHART<\/p>\n            <h2 class=\"sub-title\">\uc870\uc9c1\ub3c4<\/h2>\n            <div class=\"bar\"><\/div>\n            <p class=\"sub-desc\">\uacbd\uae30\ubd81\ubd80\uc9c0\ubc29\uc885\ud569\uc8fc\ub958\ub3c4\ub9e4\uc5c5\ud611\ud68c\uc758 \uc870\uc9c1 \uad6c\uc131\uc744 \uc548\ub0b4\ub4dc\ub9bd\ub2c8\ub2e4.<\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section class=\"org-section\">\n    <div class=\"org-inner\">\n        <div class=\"org-chart-scroll\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n            <div class=\"org-chart\" id=\"orgChart\">\n\n                <!-- BOX -->\n                <div class=\"org-box org-chair\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\ud68c\uc7a5<\/div>\n\n                <div class=\"org-box org-audit\" data-aos=\"fade-right\" data-aos-delay=\"250\">\uac10\uc0ac<\/div>\n                <div class=\"org-box org-board\" data-aos=\"fade-left\" data-aos-delay=\"250\">\uc774\uc0ac\ud68c<\/div>\n\n                <div class=\"org-box org-vice\" data-aos=\"zoom-in\" data-aos-delay=\"350\">\ubd80\ud68c\uc7a5<\/div>\n\n                <div class=\"org-box org-group org-group-1\" data-aos=\"fade-up\" data-aos-delay=\"450\">\n                    \uc758\uc815\ubd80\uc8fc\ub958\ub3c4\ub9e4\uc5c5\ud611\uc758\ud68c\n                <\/div>\n\n                <div class=\"org-box org-group org-group-2\" data-aos=\"fade-up\" data-aos-delay=\"550\">\n                    \uace0\uc591\u00b7\ud30c\uc8fc\uc8fc\ub958\ub3c4\ub9e4\uc5c5\ud611\uc758\ud68c\n                <\/div>\n\n                <div class=\"org-box org-group org-group-3\" data-aos=\"fade-up\" data-aos-delay=\"650\">\n                    \ub0a8\uc591\uc8fc\uc8fc\ub958\ub3c4\ub9e4\uc5c5\ud611\uc758\ud68c\n                <\/div>\n\n                <div class=\"org-box org-office\" data-aos=\"zoom-in\" data-aos-delay=\"750\">\uc0ac\ubb34\uad6d<\/div>\n\n                <!-- LINE -->\n                <span class=\"org-line org-line-v1\"><\/span>\n                <span class=\"org-line org-line-h1\"><\/span>\n                <span class=\"org-line org-line-v2\"><\/span>\n\n                <span class=\"org-line org-line-v3\"><\/span>\n                <span class=\"org-line org-line-h2\"><\/span>\n\n                <span class=\"org-line org-line-s1\"><\/span>\n                <span class=\"org-line org-line-s2\"><\/span>\n                <span class=\"org-line org-line-s3\"><\/span>\n\n                <span class=\"org-line org-line-v4\"><\/span>\n\n                <!-- DOT -->\n                <span class=\"org-dot org-dot-left\"><\/span>\n                <span class=\"org-dot org-dot-right\"><\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"org-note\" data-aos=\"fade-up\" data-aos-delay=\"150\">\n            \ud611\ud68c\uc758 \uc6d0\ud65c\ud55c \uc6b4\uc601\uacfc \ud68c\uc6d0\uc0ac \uac04 \ud611\ub825\uc744 \uc704\ud574 \uccb4\uacc4\uc801\uc778 \uc870\uc9c1 \uad6c\uc131\uc744 \uac16\ucd94\uace0 \uc788\uc2b5\ub2c8\ub2e4.\n        <\/div>\n    <\/div>\n<\/section>\n<\/div>\n\n\n\n<style>\n\n.org-section{\n    --org-point:#0056b3;\n    --org-text:#111;\n    --org-sub:#666;\n    --org-line:#cfd8e3;\n    --org-border:#d9e2ec;\n    --org-bg:#f8fafc;\n    padding:80px 20px 100px;\n    padding-top:80px !important;\n    background:linear-gradient(180deg,#fff 0%, #f9fbfd 100%);\n}\n\n.org-inner{\n    max-width:1280px;\n    margin:0 auto;\n}\n\n.org-chart-scroll{\n    overflow-x:auto;\n    overflow-y:hidden;\n    padding:10px 0 20px;\n}\n\n.org-chart-scroll::-webkit-scrollbar{\n    height:8px;\n}\n.org-chart-scroll::-webkit-scrollbar-thumb{\n    background:#d7dfe8;\n    border-radius:999px;\n}\n.org-chart-scroll::-webkit-scrollbar-track{\n    background:#eef3f7;\n    border-radius:999px;\n}\n\n.org-chart{\n    position:relative;\n    width:1120px;\n    min-width:1120px;\n    height:760px;\n    margin:0 auto;\n}\n\n.org-box{\n    position:absolute;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n    background:#fff;\n    border:1px solid var(--org-border);\n    border-radius:18px;\n    box-shadow:0 10px 30px rgba(0,0,0,0.04);\n    color:var(--org-text);\n    font-weight:700;\n    letter-spacing:-0.02em;\n    line-height:1.35;\n    z-index:2;\n    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;\n}\n\n.org-box::before{\n    content:\"\";\n    position:absolute;\n    left:80px;\n    right:80px;\n    top:0;\n    height:2px;\n    border-radius:18px 18px 0 0;\n    background:var(--org-point);\n    opacity:.30;\n}\n\n.org-box:hover{\n    transform:translateY(-4px);\n    box-shadow:0 14px 34px rgba(0,86,179,0.10);\n    border-color:#bcd1ea;\n}\n\n.org-chair,\n.org-vice,\n.org-office{\n    width:220px;\n    height:88px;\n    font-size:24px;\n}\n\n.org-audit,\n.org-board{\n    width:230px;\n    height:84px;\n    font-size:22px;\n}\n\n.org-group{\n    width:330px;\n    height:100px;\n    font-size:21px;\n    padding:0 20px;\n    word-break:keep-all;\n}\n\n.org-chair{ top:0; left:450px; }\n.org-audit{ top:140px; left:120px; }\n.org-board{ top:140px; left:770px; }\n.org-vice{ top:280px; left:450px; }\n.org-group-1{ top:450px; left:20px; }\n.org-group-2{ top:450px; left:395px; }\n.org-group-3{ top:450px; left:770px; }\n.org-office{ top:640px; left:450px; }\n\n.org-line{\n    position:absolute;\n    background:var(--org-line);\n    z-index:1;\n    opacity:0;\n    transition:transform .7s ease, opacity .4s ease;\n}\n\n.org-line-v1,\n.org-line-v2,\n.org-line-v3,\n.org-line-s1,\n.org-line-s2,\n.org-line-s3,\n.org-line-v4{\n    width:2px;\n    transform:scaleY(0);\n    transform-origin:top center;\n}\n\n.org-line-h1,\n.org-line-h2{\n    height:2px;\n    transform:scaleX(0);\n    transform-origin:left center;\n}\n\n.org-line-v1{ top:88px; left:560px; height:94px; }\n.org-line-h1{ top:182px; left:350px; width:420px; }\n.org-line-v2{ top:182px; left:560px; height:98px; }\n\n.org-line-v3{ top:368px; left:560px; height:42px; }\n.org-line-h2{ top:410px; left:185px; width:750px; }\n\n.org-line-s1{ top:410px; left:185px; height:40px; }\n.org-line-s2{ top:410px; left:560px; height:40px; }\n.org-line-s3{ top:410px; left:935px; height:40px; }\n\n.org-line-v4{ top:550px; left:560px; height:90px; }\n\n.org-dot{\n    position:absolute;\n    width:12px;\n    height:12px;\n    border-radius:50%;\n    background:var(--org-point);\n    box-shadow:0 0 0 0 rgba(0,86,179,.35);\n    opacity:0;\n    z-index:3;\n}\n\n.org-dot-left{ top:176px; left:344px; }\n.org-dot-right{ top:176px; left:764px; }\n\n.org-chart.is-active .org-line,\n.org-chart.is-active .org-dot{\n    opacity:1;\n}\n\n.org-chart.is-active .org-line-v1{ transform:scaleY(1); transition-delay:.10s; }\n.org-chart.is-active .org-line-h1{ transform:scaleX(1); transition-delay:.35s; }\n.org-chart.is-active .org-line-v2{ transform:scaleY(1); transition-delay:.60s; }\n\n.org-chart.is-active .org-line-v3{ transform:scaleY(1); transition-delay:.85s; }\n.org-chart.is-active .org-line-h2{ transform:scaleX(1); transition-delay:1.05s; }\n\n.org-chart.is-active .org-line-s1{ transform:scaleY(1); transition-delay:1.25s; }\n.org-chart.is-active .org-line-s2{ transform:scaleY(1); transition-delay:1.35s; }\n.org-chart.is-active .org-line-s3{ transform:scaleY(1); transition-delay:1.45s; }\n\n.org-chart.is-active .org-line-v4{ transform:scaleY(1); transition-delay:1.65s; }\n\n.org-chart.is-active .org-dot-left,\n.org-chart.is-active .org-dot-right{\n    animation:orgPulse 2s infinite;\n    animation-delay:1s;\n}\n\n@keyframes orgPulse{\n    0%{ box-shadow:0 0 0 0 rgba(0,86,179,.28); }\n    70%{ box-shadow:0 0 0 12px rgba(0,86,179,0); }\n    100%{ box-shadow:0 0 0 0 rgba(0,86,179,0); }\n}\n\n.org-note{\n    max-width:1120px;\n    margin:28px auto 0;\n    padding:24px 30px;\n    border-radius:18px;\n    background:#f3f6fa;\n    border:1px solid #e2eaf2;\n    color:#444;\n    text-align:center;\n    font-size:20px;\n    line-height:1.7;\n    word-break:keep-all;\n}\n\n@media (max-width:991px){\n    .org-section{\n        padding:60px 16px 80px;\n    }\n    .org-note{\n        font-size:17px;\n        padding:20px 18px;\n        line-height:1.65;\n    }\n}\n\n@media (max-width:767px){\n    .org-box{\n        border-radius:16px;\n    }\n    .org-note{\n        font-size:16px;\n    }\n}\n\n<\/style>\n\n\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n    AOS.init({\n        once: true,\n        offset: 80,\n        duration: 800,\n        easing: 'ease-out'\n    });\n\n    const orgChart = document.getElementById('orgChart');\n\n    if (orgChart) {\n        const observer = new IntersectionObserver((entries, obs) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    orgChart.classList.add('is-active');\n                    obs.unobserve(entry.target);\n                }\n            });\n        }, {\n            threshold: 0.28\n        });\n\n        observer.observe(orgChart);\n    }\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>ORGANIZATION CHART \uc870\uc9c1\ub3c4 \uacbd\uae30\ubd81\ubd80\uc9c0\ubc29\uc885\ud569\uc8fc\ub958\ub3c4\ub9e4\uc5c5\ud611\ud68c\uc758 \uc870\uc9c1 \uad6c\uc131\uc744 \uc548\ub0b4\ub4dc\ub9bd\ub2c8\ub2e4. \ud68c\uc7a5 \uac10\uc0ac \uc774\uc0ac\ud68c \ubd80\ud68c\uc7a5 \uc758\uc815\ubd80\uc8fc\ub958\ub3c4\ub9e4\uc5c5\ud611\uc758\ud68c \uace0\uc591\u00b7\ud30c\uc8fc\uc8fc\ub958\ub3c4\ub9e4\uc5c5\ud611\uc758\ud68c \ub0a8\uc591\uc8fc\uc8fc\ub958\ub3c4\ub9e4\uc5c5\ud611\uc758\ud68c \uc0ac\ubb34\uad6d \ud611\ud68c\uc758 \uc6d0\ud65c\ud55c \uc6b4\uc601\uacfc \ud68c\uc6d0\uc0ac \uac04 \ud611\ub825\uc744 \uc704\ud574 \uccb4\uacc4\uc801\uc778 \uc870\uc9c1 \uad6c\uc131\uc744 \uac16\ucd94\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/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-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gkbb2026.com\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gkbb2026.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gkbb2026.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gkbb2026.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gkbb2026.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":15,"href":"https:\/\/gkbb2026.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":297,"href":"https:\/\/gkbb2026.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/297"}],"wp:attachment":[{"href":"https:\/\/gkbb2026.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}