{"id":60,"date":"2018-10-21T17:45:25","date_gmt":"2018-10-21T08:45:25","guid":{"rendered":"https:\/\/kohga.or.kr\/?page_id=60"},"modified":"2026-02-09T13:54:32","modified_gmt":"2026-02-09T04:54:32","slug":"%ec%a1%b0%ec%a7%81-%eb%b0%8f-%ec%a7%81%ec%9b%90","status":"publish","type":"page","link":"https:\/\/kohga.or.kr\/?page_id=60","title":{"rendered":"\uc870\uc9c1 \ubc0f \uc9c1\uc6d0"},"content":{"rendered":"\r\n<style>\r\n        .jogic{\r\n            width: 100%;\r\n            padding: 5% 24px;\r\n        }\r\n      * {\r\n        box-sizing: border-box;\r\n      }\r\n\r\n      a,\r\n      a:visited {\r\n        text-decoration: none;\r\n        color: #333;\r\n      }\r\n\r\n      #jogicTable {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        max-width: 1120px;\r\n        margin: 0 auto;\r\n        \r\n      }\r\n\r\n      .row {\r\n        max-width: 100%;\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: row;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n      }\r\n\r\n      .col {\r\n        \/* max-width: 100%; *\/\r\n        width: auto;\r\n        flex: 0 0 auto;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n      .circle {\r\n        width: 150px;\r\n        height: 60px;\r\n        border: 1px solid;\r\n        font-size: 18px;\r\n      }\r\n\r\n      .bgred {\r\n        background-color: #780000;\r\n        color: white;\r\n      }\r\n\r\n      .row.borderGrn > .circle {\r\n        border-left: 8px solid;\r\n      }\r\n\r\n      .row.borderGrn:nth-of-type(3) > .circle {\r\n        border-left-color: #a11515;\r\n      }\r\n\r\n      .row.borderGrn:nth-of-type(4) > .circle {\r\n        border-left-color: #21216d;\r\n      }\r\n\r\n      .row.borderGrn:nth-of-type(6) > .circle {\r\n        border-left-color: #37581a;\r\n      }\r\n\r\n      .hl {\r\n        border-top: 2px solid #ccc;\r\n        height: 2px;\r\n        width: 40px;\r\n        margin-top: -1px;\r\n      }\r\n\r\n      .vl {\r\n        border-left: 2px solid #ccc;\r\n        width: 2px;\r\n        height: 60px;\r\n        margin: 0;\r\n        margin-left: -1px;\r\n        padding: 0;\r\n      }\r\n\r\n      .vl.listLine {\r\n        height: 0;\r\n        transition: 0.3s;\r\n      }\r\n\r\n      .vl.listLine.show {\r\n        height: 0;\r\n      }\r\n\r\n      .row.pc_only {\r\n        display: none;\r\n      }\r\n\r\n      .htl,\r\n      .hll {\r\n        width: 80px;\r\n        height: 60px;\r\n      }\r\n\r\n      .htl {\r\n        border-top: 2px solid #ccc;\r\n        margin-top: -1px;\r\n      }\r\n\r\n      .relative {\r\n        position: relative;\r\n      }\r\n\r\n      .absolute {\r\n        position: absolute;\r\n      }\r\n\r\n      .sideBox,\r\n      .leftSideBox,\r\n      .rightSideBox {\r\n        position: absolute;\r\n      }\r\n\r\n      .sideBox {\r\n        left: 360px;\r\n      }\r\n\r\n      .leftSideBox {\r\n        left: calc(50% - 180px);\r\n      }\r\n\r\n      .rightSideBox {\r\n        left: calc(50% + 30px);\r\n      }\r\n\r\n      .leftSideHl,\r\n      .rightSideHl {\r\n        width: 30px;\r\n        top: 30px;\r\n      }\r\n\r\n      .leftSideHl {\r\n        left: calc(50% - 30px);\r\n      }\r\n\r\n      .rightSideHl {\r\n        left: calc(50%);\r\n      }\r\n\r\n      .box {\r\n        width: 100%;\r\n        text-align: center;\r\n\r\n        padding: 12px;\r\n        border: 1px solid #ccc;\r\n        flex-direction: column;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n        background-color: #fff;\r\n      }\r\n\r\n      .box.show {\r\n        background-color: #f1f1f1;\r\n      }\r\n\r\n      .box .subtitle {\r\n        font-size: 14px;\r\n        color: #777;\r\n        word-break: keep-all;\r\n      }\r\n\r\n      .box:nth-of-type(1) {\r\n        border-top: 12px solid rgb(144, 0, 0)\r\n      }\r\n\r\n      .box:nth-of-type(2) {\r\n        border-top: 12px solid rgb(182, 118, 0);\r\n      }\r\n\r\n      .box:nth-of-type(3) {\r\n        border-top: 12px solid rgb(206, 206, 0);\r\n      }\r\n\r\n      .box:nth-of-type(4) {\r\n        border-top: 12px solid rgb(0, 113, 0);\r\n      }\r\n\r\n      .box:nth-of-type(5) {\r\n        border-top: 12px solid rgb(0, 101, 179);\r\n      }\r\n\r\n      .box:nth-of-type(6) {\r\n        border-top: 12px solid rgb(0, 8, 83);\r\n      }\r\n\r\n      .box:nth-of-type(7) {\r\n        border-top: 12px solid rgb(75, 0, 75);\r\n      }\r\n\r\n      .listbox {\r\n        width: 100%;\r\n        border: 1px solid #ccc;\r\n        display: none;\r\n        flex-wrap: wrap;\r\n        flex-direction: row;\r\n        padding: 12px;\r\n        margin: 0;\r\n      }\r\n\r\n      .listbox.show {\r\n        display: flex;\r\n      }\r\n\r\n      .listbox li {\r\n        width: 100%;\r\n        padding: 4px;\r\n        list-style: none;\r\n        position: relative;\r\n        font-size: 16px;\r\n        border-bottom: 1px solid #ccc;\r\n      }\r\n\r\n      .listbox li p {\r\n        margin: 3px;\r\n      }\r\n\r\n      .listbox .listItem::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        left: -8px;\r\n        top: 3px;\r\n        width: 4px;\r\n        height: 10px;\r\n        background-color: #ff0000;\r\n      }\r\n\r\n      .listItem {\r\n        position: relative;\r\n        cursor: pointer;\r\n      }\r\n\r\n      .listItem:hover {\r\n        color: #3b3030;\r\n      }\r\n\r\n      #orgModal {\r\n        display: none;\r\n        z-index: 100;\r\n        position: fixed;\r\n        top: 0%;\r\n        left: 0%;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.4);\r\n        transition: 0.3s;\r\n      }\r\n\r\n      .modalInner {\r\n        width: auto;\r\n        min-width: 450px;\r\n        max-width: 100%;\r\n        height: auto;\r\n        max-height: 100%;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        background: #f9f9f9;\r\n        padding: 15px;\r\n        font-size: 14px;\r\n        transition: 0.3s;\r\n      }\r\n\r\n      .modalInner p {\r\n        text-align: center;\r\n        font-weight: 500;\r\n        font-size: 1.3em;\r\n        margin: 0;\r\n        padding: 10px 5px;\r\n      }\r\n\r\n      .close {\r\n        color: #333;\r\n        float: right;\r\n        font-size: 28px;\r\n        font-weight: bold;\r\n      }\r\n\r\n      .close:hover,\r\n      .close:focus {\r\n        color: black;\r\n        text-decoration: none;\r\n        cursor: pointer;\r\n      }\r\n\r\n      .showModal {\r\n        z-index: 100 !important;\r\n        opacity: 1 !important;\r\n      }\r\n      .contactInfo{\r\n        padding: 32px 12px;\r\n        text-align: center;\r\n        font-size: 18px;\r\n        \r\n      }\r\n      @media (min-width: 800px) {\r\n        .row {\r\n          justify-content: center;\r\n          flex-wrap: nowrap;\r\n        }\r\n\r\n        .box {\r\n          width: 156px;\r\n          padding: 24px 12px;\r\n          margin: 0 2px;\r\n        }\r\n\r\n        .vl.listLine.show {\r\n          height: 60px;\r\n        }\r\n\r\n        .row.pc_only {\r\n          display: block;\r\n        }\r\n\r\n        .listbox li {\r\n          width: 25%;\r\n          padding: 12px 4px;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .listbox .listItem::before {\r\n          top: 10px;\r\n        }\r\n\r\n        .circle {\r\n          width: 180px;\r\n          height: 80px;\r\n          font-size: 20px;\r\n        }\r\n\r\n        .leftSideBox {\r\n          left: calc(50% - 360px);\r\n        }\r\n\r\n        .rightSideBox {\r\n          left: calc(50% + 180px);\r\n        }\r\n\r\n        .leftSideHl,\r\n        .rightSideHl {\r\n          width: 180px;\r\n          top: 40px;\r\n        }\r\n\r\n        .leftSideHl {\r\n          left: calc(50% - 180px);\r\n        }\r\n\r\n        .rightSideHl {\r\n          left: calc(50%);\r\n        }\r\n      }\r\n   \r\n      #memberTable{\r\n          width: 100%;\r\n          overflow-x: scroll;\r\n          margin: 0 auto;\r\n          padding-top: 5% 0; \r\n          display: block;\r\n          \/* overflow-x: scroll; *\/\r\n      }\r\n      #memberTable > table{\r\n        \/* white-space: pre; *\/\r\n        margin: 0 auto;\r\n        border-collapse: collapse;\r\n        min-width: 800px;\r\n        max-width: 1116px;\r\n        width: 100%;\r\n}\r\n#memberTable thead{\r\n  display: table-header-group;\r\n}\r\n\r\n#memberTable tbody{ display: table-row-group;}\r\n#memberTable th{\r\n    background-color: #f1f1f1;\r\n    \r\n    font-weight: 600;\r\n}\r\n      #memberTable th, \r\n      #memberTableBody td{\r\n        border: 1px solid #ccc;\r\n        padding: 12px 4px;\r\n        font-size: 16px;\r\n        color: #333;\r\n        vertical-align: middle;\r\n        border: 1px solid #ccc;\r\n        word-break: break-word;\r\n        white-space: normal;\r\n        text-align: center;\r\n     \r\n      }\r\n      #memberTable .memberTitle{\r\n        text-align: center;\r\n      }\r\n      #memberTable .history{\r\n          line-height: 1.5em;\r\n          text-align: left;\r\n          \/* padding: 12px 0; *\/\r\n      }\r\n      #memberTable p{\r\n          margin: 0;\r\n      }\r\n      @media (min-width: 768px){\r\n         \r\n  }\r\n      @media (min-width: 1600px){\r\n       \r\n      }\r\n  <\/style>\r\n    <div class=\"sub_tit_st\">\uc870\uc9c1 \ubc0f \uc9c1\uc6d0<\/div>\r\n    <div class=\"content_st jogic\">\r\n      <div id=\"jogicTable\">\r\n        <div class=\"row\">\r\n          <div class=\"col circle bgred\">\ud68c\uc7a5<\/div>\r\n        <\/div>\r\n        <div class=\"row\">\r\n          <div class=\"col\">\r\n            <div class=\"vl\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"row relative borderGrn\">\r\n          <div class=\"col vl\"><\/div>\r\n          <div class=\"hl absolute leftSideHl\"><\/div>\r\n          <div class=\"col circle leftSideBox\">\uc2dc\ubbfc\uc720\uc0b0\uc704\uc6d0\ud68c<\/div>\r\n        <\/div>\r\n        <div class=\"row relative borderGrn\">\r\n          <div class=\"col vl\"><\/div>\r\n          <div class=\"hl absolute rightSideHl\"><\/div>\r\n          <div class=\"col circle rightSideBox\">\uc774\uc0ac\ud68c<\/div>\r\n        <\/div>\r\n        <div class=\"row\">\r\n          <div class=\"col\">\r\n            <div class=\"vl\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"row relative borderGrn\">\r\n          <div class=\"col circle\">\r\n            \uc0ac\ubb34\uad6d\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"row\">\r\n          <div class=\"col\">\r\n            <div class=\"vl\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"row pc_only\">\r\n          <div class=\"col\">\r\n            <div class=\"vl\"><\/div>\r\n            <div class=\"htl\"><\/div>\r\n            <div class=\"htl\"><\/div>\r\n            <div class=\"vl\"><\/div>\r\n            <div class=\"htl\"><\/div>\r\n            <div class=\"htl\"><\/div>\r\n            <div class=\"vl\"><\/div>\r\n            <div class=\"htl\"><\/div>\r\n            <div class=\"htl\"><\/div>\r\n            <div class=\"vl\"><\/div>\r\n            <div class=\"htl\"><\/div>\r\n            <div class=\"htl\"><\/div>\r\n            <div class=\"vl\"><\/div>\r\n            <div class=\"htl\"><\/div>\r\n            <div class=\"htl\"><\/div>\r\n            <div class=\"vl\"><\/div>\r\n            <div class=\"htl\"><\/div>\r\n            <div class=\"htl\"><\/div>\r\n            <div class=\"vl\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"row\">\r\n          <div onclick=\"openmenu(event)\" id=\"seoul\" class=\"col box\">\r\n            \uc11c\uc6b8\u00b7\uac15\uc6d0\uad8c<br \/>\r\n            <span class=\"subtitle\">\ubb38\ud654\uc0b4\ub9bc<\/span>\r\n          <\/div>\r\n          <div onclick=\"openmenu(event)\" id=\"gyunggi\" class=\"col box\">\r\n            \uacbd\uae30\u00b7\uc778\ucc9c\uad8c<br \/>\r\n            <span class=\"subtitle\">\uc9c0\uae30\ud559\uad50<\/span>\r\n          <\/div>\r\n          <div onclick=\"openmenu(event)\" id=\"chungbuk\" class=\"col box\">\r\n            \ucda9\ubd81\uad8c<br \/>\r\n            <span class=\"subtitle\">\ucda9\ubd81\ubb38\ud654\uc720\uc0b0\uc9c0\ud0b4\uc774<\/span>\r\n          <\/div>\r\n          <div onclick=\"openmenu(event)\" id=\"chungnam\" class=\"col box\">\r\n            \ucda9\ub0a8\uad8c<br \/>\r\n            <span class=\"subtitle\">\ubcf4\ub839\uad6d\uac00\uc720\uc0b0\uc9c0\ud0b4\uc774\ubd09\uc0ac\ub2e8<\/span>\r\n          <\/div>\r\n          <div onclick=\"openmenu(event)\" id=\"daejeon\" class=\"col box\">\r\n            \ub300\uc804\u2219\uc138\uc885\uad8c<br \/>\r\n            <span class=\"subtitle\">\ud55c\ubc2d\ubb38\ud654\ub9c8\ub2f9<\/span>\r\n          <\/div>\r\n          <div onclick=\"openmenu(event)\" id=\"gyungsang\" class=\"col box\">\r\n            \uacbd\uc0c1\uad8c<br \/>\r\n            <span class=\"subtitle\">\uc548\ub3d9\ubb38\ud654\uc9c0\ud0b4\uc774<\/span>\r\n          <\/div>\r\n          <div onclick=\"openmenu(event)\" id=\"jaeju\" class=\"col box\">\r\n            \uc804\ub77c\u00b7\uc81c\uc8fc\uad8c<br \/>\r\n            <span class=\"subtitle\">\ub300\ub3d9\ubb38\ud654\uc7ac\ub2e8<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"row\">\r\n          <div class=\"col\">\r\n            <div id=\"seoul-list-line\" class=\"vl listLine\"><\/div>\r\n            <div class=\"hll\"><\/div>\r\n            <div class=\"hll\"><\/div>\r\n            <div id=\"gyunggi-list-line\" class=\"vl listLine\"><\/div>\r\n            <div class=\"hll\"><\/div>\r\n            <div class=\"hll\"><\/div>\r\n            <div id=\"chungbuk-list-line\" class=\"vl listLine\"><\/div>\r\n            <div class=\"hll\"><\/div>\r\n            <div class=\"hll\"><\/div>\r\n            <div id=\"chungnam-list-line\" class=\"vl listLine\"><\/div>\r\n            <div class=\"hll\"><\/div>\r\n            <div class=\"hll\"><\/div>\r\n            <div id=\"daejeon-list-line\" class=\"vl listLine\"><\/div>\r\n            <div class=\"hll\"><\/div>\r\n            <div class=\"hll\"><\/div>\r\n            <div id=\"gyungsang-list-line\" class=\"vl listLine\"><\/div>\r\n            <div class=\"hll\"><\/div>\r\n            <div class=\"hll\"><\/div>\r\n            <div id=\"jaeju-list-line\" class=\"vl listLine\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <ul class=\"listbox\" id=\"seoul-list\"><\/ul>\r\n        <ul class=\"listbox\" id=\"gyunggi-list\"><\/ul>\r\n        <ul class=\"listbox\" id=\"chungbuk-list\"><\/ul>\r\n        <ul class=\"listbox\" id=\"chungnam-list\"><\/ul>\r\n        <ul class=\"listbox\" id=\"daejeon-list\"><\/ul>\r\n        <ul class=\"listbox\" id=\"gyungsang-list\"><\/ul>\r\n        <ul class=\"listbox\" id=\"jaeju-list\"><\/ul>\r\n      <\/div>\r\n      <div id=\"orgModal\"><\/div>\r\n        <div class=\"sub_tit_st\">\uc9c1\uc6d0 \uc18c\uac1c<\/div>\r\n        <div id=\"memberTable\">\r\n        <table>\r\n            <thead>\r\n                <th>\uad6c\ubd84<\/th>\r\n                <th>\uc774\ub984<\/th>\r\n                <th>\ub2f4\ub2f9\uc5c5\ubb34<\/th>\r\n                <th>\uc5f0\ub77d\ucc98<\/th>\r\n                <th>FAX<\/th>\r\n                <th>email<\/th>\r\n            <\/thead>\r\n            <tbody id=\"memberTableBody\">\r\n            <\/tbody>\r\n        <\/table>\r\n        <\/div>\r\n     \r\n    <\/div>\r\n    <script type=\"text\/javascript\">\r\n\r\n      var orgMembers;\r\n\r\n      $(document).ready(function () {\r\n        $.ajax({\r\n          url: \".\/jogic\/jogic2026.json\",\r\n          type: \"get\",\r\n          success: function (data) {\r\n            orgMembers = data;\r\n            setOrgList(\"\uc11c\uc6b8\u00b7\uac15\uc6d0\uad8c\", \"seoul-list\");\r\n            setOrgList(\"\uacbd\uae30\u00b7\uc778\ucc9c\uad8c\", \"gyunggi-list\");\r\n            setOrgList(\"\ucda9\ubd81\uad8c\", \"chungbuk-list\");\r\n            setOrgList(\"\ucda9\ub0a8\uad8c\", \"chungnam-list\");\r\n            setOrgList(\"\ub300\uc804\u2219\uc138\uc885\uad8c\", \"daejeon-list\");\r\n            setOrgList(\"\uacbd\uc0c1\uad8c\", \"gyungsang-list\");\r\n            setOrgList(\"\uc804\ub77c\u00b7\uc81c\uc8fc\uad8c\", \"jaeju-list\");\r\n          },\r\n        });\r\n      });\r\n\r\n      function setOrgList(region, elmId) {\r\n        var html = \"\";\r\n        var output = document.getElementById(elmId);\r\n\r\n        for (var i = 0; i < orgMembers.length; i++) {\r\n          if (orgMembers[i].regs == region) {\r\n            html +=\r\n              '<li><p class=\"listItem\" onClick=\"openModal(' +\r\n              orgMembers[i].id +\r\n              ')\">' +\r\n              orgMembers[i].name +\r\n              \"<\/p><\/li>\";\r\n          }\r\n        }\r\n\r\n        output.innerHTML = html;\r\n      }\r\n\r\n      var btns = document.getElementsByClassName(\"box\");\r\n      var boxes = document.getElementsByClassName(\"listbox\");\r\n      var lines = document.getElementsByClassName(\"listLine\");\r\n      var elem;\r\n      var elemLine;\r\n\r\n      function openmenu(e) {\r\n        e.stopPropagation();\r\n\r\n        var eid = e.target.id;\r\n        var target = document.getElementById(eid);\r\n        elem = document.getElementById(eid + \"-list\");\r\n        elemLine = document.getElementById(eid + \"-list-line\");\r\n\r\n        if (elem && !elem.classList.contains(\"show\")) {\r\n          for (var i = 0; i < boxes.length; i++) {\r\n            document.getElementById(btns[i].id).classList.remove(\"show\");\r\n            document.getElementById(boxes[i].id).classList.remove(\"show\");\r\n            document.getElementById(lines[i].id).classList.remove(\"show\");\r\n          }\r\n\r\n          target.classList.add(\"show\");\r\n          elemLine.classList.add(\"show\");\r\n          elem.classList.add(\"show\");\r\n          window.scrollTo(0, 800);\r\n          setOrgModal(1);\r\n        }\r\n      }\r\n\r\n      var modal = document.getElementById(\"orgModal\");\r\n\r\n      function setOrgModal(id) {\r\n        var html = \"\";\r\n        var i = id - 1;\r\n\r\n        html +=\r\n          '<div class=\"modalInner\"><p class=\"\">\ub2e8\uccb4 \uc0c1\uc138 \uc815\ubcf4<span class=\"close\" onclick=\"closeModal();\">&times;<\/span><\/p><table class=\"tbs\"><tr><td class=\"tbl\">\ub2e8\uccb4\uba85<\/td><td class=\"tbr\">' +\r\n          orgMembers[i].name +\r\n          \"<\/td><\/tr>\";\r\n        html +=\r\n          '<tr><td class=\"tbl\">\ub300\ud45c\uc790<\/td><td class=\"tbr\">' +\r\n          orgMembers[i].pres +\r\n          \"<\/td><\/tr>\";\r\n        html +=\r\n          '<tr><td class=\"tbl\">\uc5f0\ub77d\ucc98<\/td><td class=\"tbr\">' +\r\n          orgMembers[i].tel1 +\r\n          \"<\/td><\/tr>\";\r\n        html +=\r\n          '<tr><td class=\"tbl\">\ub300\ud45c \uc5f0\ub77d\ucc98<\/td><td class=\"tbr\">' +\r\n          orgMembers[i].tel2 +\r\n          \"<\/td><\/tr>\";\r\n        html += \"<\/table><\/div>\";\r\n\r\n        modal.innerHTML = html;\r\n      }\r\n\r\n      function openModal(id) {\r\n        setOrgModal(id);\r\n        modal.style.display = \"block\";\r\n      }\r\n\r\n      function closeModal() {\r\n        modal.style.display = \"none\";\r\n      }\r\n\r\n     var officer;\r\n      \r\n      \/\/ var \uc9c1\uc6d0 = [\r\n      \/\/     ['\uc0ac\ubb34\ucd1d\uc7a5', '\ub958\uc2dc\uc601', ['\uc0ac\ubb34\uad6d \uc5c5\ubb34 \ucd1d\uad04'],'070-4282-9877'],\r\n      \/\/     ['\ubd80\uc7a5', '\ud669\uc18c\uc815', ['\uad6d\uac00\uc720\uc0b0\uc9c0\ud0b4\uc774 \ud65c\ub3d9\uc9c0\uc6d0 \uad6d\uace0\ubcf4\uc870\uc0ac\uc5c5 \uc6b4\uc601 \ubc0f \uc9c0\uc6d0', '\uae30\uc5c5 \uad6d\uac00\uc720\uc0b0\uc9c0\ud0b4\uc774 \uc0ac\ud68c\uacf5\ud5cc \ud65c\ub3d9 \uc9c0\uc6d0\u00b7\ud611\ub825', '\uad6d\ubbfc\uc2e0\ud0c1\ub2e8\uccb4 \uc6b4\uc601 \ubc0f \ubb38\ud654\uc720\uc0b0 \ubcf4\uc804\u00b7\uad00\ub9ac \uc9c0\uc6d0','\uad6d\uac00\uc720\uc0b0\uc9c0\ud0b4\uc774 \uc131\uacfc \uad00\ub9ac'],'042-489-8850'],\r\n      \/\/     ['\ucc28\uc7a5', '\uc774\uc219\ud76c', ['\uad6d\uace0\ubcf4\uc870\uc0ac\uc5c5 \uc608\uc0b0 \uc9d1\ud589 \uad00\ub9ac (\ubcf4\uc870\uc0ac\uc5c5\uc790 \uad50\uc721)', '\uc9c0\uc815\uae30\ubd80\uae08 \ubc0f \ubc95\uc778 \uc608\uc0b0 \uc9d1\ud589 \uad00\ub9ac', '\uae09\uc5ec \ubc0f \uc778\uc0ac\uad00\ub9ac'],'070-4923-9878']\r\n      \/\/     ];\r\n\r\n      \r\n      function Memeber(member){\r\n          this.title = member[0];\r\n          this.name = member[1];\r\n          this.histories = member[2];\r\n          if(member.length > 2){\r\n              this.contact = member[3];\r\n          }\r\n      }\r\n      \/\/ function initMember( memberArray ){\r\n      \/\/     var memberAry = [];\r\n      \/\/     for(var i = 0; i < memberArray.length; i++){\r\n      \/\/         memberAry.push(new Memeber(memberArray[i]));\r\n      \/\/     }\r\n      \/\/     return memberAry;\r\n      \/\/ }\r\n      \r\n      $(document).ready(function () {\r\n        $.ajax({\r\n          url: \"https:\/\/kohga.or.kr\/jogic\/office.json\",\r\n          type: \"get\",\r\n          success: function (data) {\r\n            \r\n            officer = (data);\r\n            officer.map(function(item, index){\r\n              makeTableCell2(item, 'memberTableBody', officer.length, index);}\r\n   ); \r\n          },\r\n        });\r\n      });\r\n    \r\n      function makeTableCell(item, elem){\r\n          var target = document.getElementById(elem);\r\n          var html = '<div class=\"memberCell\">';\r\n          \/\/ \uccab\ubc88\uc9f8 \uc140 : \uc9c1\uae09 - title\r\n          \/\/ \uc774\ub984\r\n          html+= '<div class=\"memberName\">' + item.name + \" <span class='memberTitle'>\" + item.title +'<\/span><\/div>';\r\n          \/\/  \uc774\ub825, \uccab\ubc88\uc9f8\ub294 \uad75\uac8c,\r\n          html+= '<div class=\"history\">'\r\n          for ( var i = 0; i < item.description.length; i++){\r\n              if( i == 0 ){\r\n              html += '<p style=\"font-weight: 600;\">' + item.description[i] + '<\/p>';    \r\n          }else {\r\n              html += '<p>' + item.description[i] + '<\/p>';    \r\n          }\r\n          }\r\n          html+= '<\/div>';\r\n          if(item.contact){\r\n              html += '<div class=\"contact\"><p>';\r\n                  html += item.contact;\r\n                  html += '<\/p><\/div>'\r\n          }\r\n          html+= '<\/div>';\r\n\r\n          target.insertAdjacentHTML(\"beforeend\", html);\r\n          \/\/target.append(html);            \r\n      }\r\n\r\n      function makeTableCell2(item, elem, arrayLength, index){\r\n          var target = document.getElementById(elem);\r\n          var html = '<tr>';\r\n          \/\/ \uccab\ubc88\uc9f8 \uc140 : \uc9c1\uae09 - title\r\n          \/\/ \uc774\ub984\r\n          html+= '<td class=\"memberTitle\">' + item.title + '<\/td>';\r\n          html+= '<td class=\"memberName\">' + item.name +'<\/td>';\r\n          \/\/  \uc774\ub825, \uccab\ubc88\uc9f8\ub294 \uad75\uac8c,\r\n          html+= '<td class=\"history\">'\r\n          for ( var i = 0; i < item.description.length; i++){\r\n              if( i == 0 ){\r\n              html += '<p> \u2219 ' + item.description[i] + '<\/p>';    \r\n          }else {\r\n              html += '<p>  \u2219 '  + item.description[i] + '<\/p>';    \r\n          }\r\n          }\r\n          html+= '<\/td>';\r\n          html+= '<td class=\"contact\">';\r\n          if(item.contact){\r\n              html += '<p>';\r\n                  html += item.contact;\r\n                  html += '<\/p>'\r\n          }\r\n          html+= '<\/td>';\r\n          if(arrayLength > 0 && index == 0 ){\r\n          html += '<td rowspan=\"'+ arrayLength +'\">';\r\n          html += '<p>042-489-8851<\/p>';\r\n          html += '<\/td>';\r\n          html += '<td rowspan=\"'+ arrayLength +'\">';\r\n          html += '<p>korch62@hanmail.net<\/p>';\r\n          html += '<\/td>';\r\n          html += '<\/tr>';\r\n        }\r\n\r\n          target.insertAdjacentHTML(\"beforeend\", html);\r\n          \/\/target.append(html);            \r\n     \r\n    }\r\n  <\/script>\r\n","protected":false},"excerpt":{"rendered":"\uc870\uc9c1 \ubc0f \uc9c1\uc6d0 \ud68c\uc7a5 \uc2dc\ubbfc\uc720\uc0b0\uc704\uc6d0\ud68c \uc774\uc0ac\ud68c \uc0ac\ubb34\uad6d \uc11c\uc6b8\u00b7\uac15\uc6d0\uad8c \ubb38\ud654\uc0b4\ub9bc \uacbd\uae30\u00b7\uc778\ucc9c\uad8c \uc9c0\uae30\ud559\uad50 \ucda9\ubd81\uad8c \ucda9\ubd81\ubb38\ud654\uc720\uc0b0\uc9c0\ud0b4\uc774 \ucda9\ub0a8\uad8c \ubcf4\ub839\uad6d\uac00\uc720\uc0b0\uc9c0\ud0b4\uc774\ubd09\uc0ac\ub2e8 \ub300\uc804\u2219\uc138\uc885\uad8c \ud55c\ubc2d\ubb38\ud654\ub9c8\ub2f9 \uacbd\uc0c1\uad8c \uc548\ub3d9\ubb38\ud654\uc9c0\ud0b4\uc774 \uc804\ub77c\u00b7\uc81c\uc8fc\uad8c \ub300\ub3d9\ubb38\ud654\uc7ac\ub2e8 \uc9c1\uc6d0 \uc18c\uac1c \uad6c\ubd84 \uc774\ub984 \ub2f4\ub2f9\uc5c5\ubb34 \uc5f0\ub77d\ucc98 FAX email","protected":false},"author":1,"featured_media":0,"parent":48,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"class_list":["post-60","page","type-page","status-publish","hentry","no-wpautop"],"_links":{"self":[{"href":"https:\/\/kohga.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kohga.or.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kohga.or.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kohga.or.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kohga.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=60"}],"version-history":[{"count":90,"href":"https:\/\/kohga.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/60\/revisions"}],"predecessor-version":[{"id":2102,"href":"https:\/\/kohga.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/60\/revisions\/2102"}],"up":[{"embeddable":true,"href":"https:\/\/kohga.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/48"}],"wp:attachment":[{"href":"https:\/\/kohga.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}