{"id":9810,"date":"2026-04-21T10:09:38","date_gmt":"2026-04-21T01:09:38","guid":{"rendered":"https:\/\/seobokjigwan.mycafe24.com\/?page_id=9810"},"modified":"2026-04-25T12:13:55","modified_gmt":"2026-04-25T03:13:55","slug":"%eb%b9%84%ec%a0%84%c2%b7%eb%af%b8%ec%85%98%c2%b7ci","status":"publish","type":"page","link":"https:\/\/scjdwc.or.kr\/?page_id=9810","title":{"rendered":"\ube44\uc804\u00b7\ubbf8\uc158\u00b7CI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9810\" class=\"elementor elementor-9810\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ae5fac9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ae5fac9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-61d21ec\" data-id=\"61d21ec\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-120aedb elementor-widget elementor-widget-text-editor\" data-id=\"120aedb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\ube44\uc804\u00b7\ubbf8\uc158\u00b7CI<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-6652f6b e-flex e-con-boxed e-con e-parent\" data-id=\"6652f6b\" 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-a83bf82 elementor-widget elementor-widget-html\" data-id=\"a83bf82\" 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<!DOCTYPE html>\r\n<html lang=\"ko\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>\ubbf8\uc158\ube44\uc804<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  :root {\r\n    --navy: #1a2744;\r\n    --blue: #2563eb;\r\n    --green: #5a9e35;\r\n    --line: #e2e8f0;\r\n    --text: #334155;\r\n  }\r\n\r\n  body {\r\n    font-family: 'Noto Sans KR', sans-serif;\r\n    background: #fff;\r\n    -webkit-font-smoothing: antialiased;\r\n    padding: 0; margin: 0;\r\n  }\r\n\r\n  .mv-wrap {\r\n    width: 100%;\r\n    max-width: 1500px;\r\n    margin: 0 auto;\r\n    padding: 48px 40px;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     \ud575\uc2ec\uac00\uce58 org \ucc28\ud2b8\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .org-section {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  \/* \ucd5c\uc0c1\ub2e8 \ub8e8\ud2b8 \ubc15\uc2a4 *\/\r\n  .org-root {\r\n    background: #475569;\r\n    color: #fff;\r\n    font-size: 1.15rem;\r\n    font-weight: 700;\r\n    padding: 16px 52px;\r\n    border-radius: 50px;\r\n    letter-spacing: 2px;\r\n    box-shadow: 0 6px 24px rgba(26,39,68,0.22);\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* \uc218\uc9c1 \uc5f0\uacb0\uc120 (\ub8e8\ud2b8 \u2192 \uac00\ub85c\uc904) *\/\r\n  .org-vline {\r\n    width: 2px;\r\n    height: 28px;\r\n    background: transparent;\r\n  }\r\n\r\n  \/* \uac00\ub85c \ube0c\ub9bf\uc9c0 *\/\r\n  .org-bridge {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    position: relative;\r\n    height: 0;\r\n    background: transparent;\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  \/* \ube0c\ub9bf\uc9c0 \u2192 \uac01 \uce69\uc73c\ub85c \ub0b4\ub824\uac00\ub294 \uc218\uc9c1\uc120 *\/\r\n  .org-legs {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 40px;\r\n    position: relative;\r\n    margin-top: 0;\r\n    border: 1px solid rgba(255,255,255,0.2);\r\n    border-radius: 16px;\r\n    padding: 24px 28px;\r\n  }\r\n  \/* \uac00\ub85c \uc5f0\uacb0\uc120: \uccab\uce69 \uc911\uc559~\ub05d\uce69 \uc911\uc559 *\/\r\n  .org-hline { display: none; }\r\n  .org-leg {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 0;\r\n    flex: 1;\r\n  }\r\n  .org-leg-line {\r\n    width: 2px;\r\n    height: 24px;\r\n    background: transparent;\r\n  }\r\n\r\n  \/* \ud575\uc2ec\uac00\uce58 \uce69 *\/\r\n  @keyframes chipOn {\r\n    0%        { background: var(--blue);  transform: translateY(0);    box-shadow: 0 4px 16px rgba(37,99,235,0.22); }\r\n    10%, 20%  { background: var(--green); transform: translateY(-6px); box-shadow: 0 10px 28px rgba(90,158,53,0.45); }\r\n    35%       { background: var(--blue);  transform: translateY(0);    box-shadow: 0 4px 16px rgba(37,99,235,0.22); }\r\n    100%      { background: var(--blue);  transform: translateY(0);    box-shadow: 0 4px 16px rgba(37,99,235,0.22); }\r\n  }\r\n\r\n  .v-chip {\r\n    width: auto;\r\n    height: auto;\r\n    padding: 20px 72px;\r\n    border-radius: 50px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: var(--blue);\r\n    color: #fff;\r\n    font-size: 1.3rem;\r\n    font-weight: 700;\r\n    text-align: center;\r\n    cursor: default;\r\n    letter-spacing: 1px;\r\n    white-space: nowrap;\r\n    box-shadow: 0 4px 16px rgba(37,99,235,0.22);\r\n    animation: chipOn 2.5s ease-in-out infinite;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     \ubbf8\uc158 \/ \ube44\uc804 \/ \uc2ac\ub85c\uac74\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .mv-rows {\r\n    border: 1px solid var(--line);\r\n    border-top: 1px solid var(--line);\r\n    border-radius: 0 0 20px 20px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .mv-row {\r\n    display: flex;\r\n    align-items: stretch;\r\n    border-bottom: 1px solid var(--line);\r\n  }\r\n  .mv-row:last-child { border-bottom: none; }\r\n\r\n  .mv-label {\r\n    flex: 0 0 130px;\r\n    background: #e1e1e1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 26px 16px;\r\n  }\r\n  .mv-label span {\r\n    color: #333;\r\n    font-size: 0.95rem;\r\n    font-weight: 700;\r\n    letter-spacing: 4px;\r\n  }\r\n\r\n  .mv-content {\r\n    flex: 1;\r\n    padding: 26px 40px;\r\n    display: flex;\r\n    align-items: center;\r\n    background: #fff;\r\n  }\r\n  .mv-row.slogan .mv-content { background: #f8fafc; }\r\n\r\n  .mv-text {\r\n    font-size: 1.1rem;\r\n    color: var(--text);\r\n    font-weight: 500;\r\n    line-height: 1.75;\r\n  }\r\n  .mv-text em {\r\n    font-style: normal;\r\n    color: var(--green);\r\n    font-weight: 700;\r\n  }\r\n  .mv-row.slogan .mv-text {\r\n    font-size: 1.25rem;\r\n    font-weight: 400;\r\n    color: var(--navy);\r\n  }\r\n\r\n  \/* \ubc18\uc751\ud615 *\/\r\n  \/* \ud0dc\ube14\ub9bf *\/\r\n  @media (max-width: 1024px) and (min-width: 761px) {\r\n    .org-root {\r\n      width: auto; height: auto;\r\n      border-radius: 50px;\r\n      padding: 14px 40px;\r\n      white-space: nowrap;\r\n    }\r\n    .v-chip { padding: 14px 36px; font-size: 1.05rem; }\r\n    .org-legs { gap: 12px; padding: 20px 20px; }\r\n    .mv-label { flex: 0 0 100px; }\r\n    .mv-label span { font-size: 0.85rem; }\r\n    .mv-content { padding: 22px 28px; }\r\n  }\r\n\r\n  \/* \ubaa8\ubc14\uc77c *\/\r\n  @media (max-width: 760px) {\r\n    .mv-wrap { padding: 0; }\r\n    .org-section { padding: 28px 16px 24px; }\r\n\r\n    \/* \ud575\uc2ec\uac00\uce58 - pill \ud615\ud0dc\ub85c *\/\r\n    .org-root {\r\n      width: auto; height: auto;\r\n      border-radius: 50px;\r\n      padding: 12px 32px;\r\n      font-size: 0.9rem;\r\n      white-space: nowrap;\r\n    }\r\n    .org-vline { height: 14px; }\r\n\r\n    .org-legs { padding: 14px 10px; gap: 8px; }\r\n    .v-chip { padding: 10px 18px; font-size: 0.88rem; }\r\n\r\n    .mv-label { flex: 0 0 68px; }\r\n    .mv-label span { font-size: 0.72rem; letter-spacing: 1px; }\r\n    .mv-content { padding: 16px 14px; }\r\n    .mv-text { font-size: 0.92rem; }\r\n    .mv-row.slogan .mv-text { font-size: 0.98rem; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"mv-wrap\">\r\n\r\n  <!-- \u2460 \ud575\uc2ec\uac00\uce58 org \ucc28\ud2b8 -->\r\n  <div class=\"org-section\">\r\n\r\n    <div class=\"org-root\">\ud575\uc2ec\uac00\uce58<\/div>\r\n    <div class=\"org-vline\"><\/div>\r\n    <div class=\"org-bridge\"><\/div>\r\n\r\n    <div class=\"org-legs\">\r\n      <div class=\"org-hline\"><\/div>\r\n      <div class=\"org-leg\">\r\n        <div class=\"org-leg-line\"><\/div>\r\n        <div class=\"v-chip\" style=\"animation-delay:0s\">\uc874\uc911<\/div>\r\n      <\/div>\r\n      <div class=\"org-leg\">\r\n        <div class=\"org-leg-line\"><\/div>\r\n        <div class=\"v-chip\" style=\"animation-delay:0.5s\">\ucc38\uc5ec<\/div>\r\n      <\/div>\r\n      <div class=\"org-leg\">\r\n        <div class=\"org-leg-line\"><\/div>\r\n        <div class=\"v-chip\" style=\"animation-delay:1.0s\">\ud611\ub825<\/div>\r\n      <\/div>\r\n      <div class=\"org-leg\">\r\n        <div class=\"org-leg-line\"><\/div>\r\n        <div class=\"v-chip\" style=\"animation-delay:1.5s\">\uc131\uc7a5<\/div>\r\n      <\/div>\r\n      <div class=\"org-leg\">\r\n        <div class=\"org-leg-line\"><\/div>\r\n        <div class=\"v-chip\" style=\"animation-delay:2.0s\">\ucc45\uc784<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- \u2461 \ubbf8\uc158 \/ \ube44\uc804 \/ \uc2ac\ub85c\uac74 -->\r\n  <div class=\"mv-rows\">\r\n\r\n    <div class=\"mv-row\">\r\n      <div class=\"mv-label\"><span>\ubbf8 &nbsp;&nbsp; \uc158<\/span><\/div>\r\n      <div class=\"mv-content\">\r\n        <div class=\"mv-text\">\r\n          \uc7a5\uc560\uc778\uc758 \uc0b6\uc744 \uc9c0\uc6d0\ud558\uc5ec <em>\ud589\ubcf5\ud55c \uc9c0\uc5ed\uc0ac\ud68c\ub97c \uad6c\ud604\ud55c\ub2e4.<\/em>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mv-row\">\r\n      <div class=\"mv-label\"><span>\ube44 &nbsp;&nbsp; \uc804<\/span><\/div>\r\n      <div class=\"mv-content\">\r\n        <div class=\"mv-text\">\r\n          \uc0ac\ub78c \uc911\uc2ec\uc758 \ud568\uaed8 \uc131\uc7a5\ud558\ub294 <em>\ud3ec\uc6a9\uc801 \ubcf5\uc9c0\uad00<\/em>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mv-row slogan\">\r\n      <div class=\"mv-label\"><span>\uc2ac\ub85c\uac74<\/span><\/div>\r\n      <div class=\"mv-content\">\r\n        <div class=\"mv-text\">\uc0ac\ub78c\uc911\uc2ec, \ud589\ubcf5\ud55c \uc0b6<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\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>\ube44\uc804\u00b7\ubbf8\uc158\u00b7CI \ubbf8\uc158\ube44\uc804 \ud575\uc2ec\uac00\uce58 \uc874\uc911 \ucc38\uc5ec \ud611\ub825 \uc131\uc7a5 \ucc45\uc784 \ubbf8 &nbsp;&nbsp; \uc158 \uc7a5\uc560\uc778\uc758 \uc0b6\uc744 \uc9c0\uc6d0\ud558\uc5ec \ud589\ubcf5\ud55c \uc9c0\uc5ed\uc0ac\ud68c\ub97c \uad6c\ud604\ud55c\ub2e4. \ube44 &nbsp;&nbsp; \uc804 \uc0ac\ub78c \uc911\uc2ec\uc758 \ud568\uaed8 \uc131\uc7a5\ud558\ub294 \ud3ec\uc6a9\uc801 \ubcf5\uc9c0\uad00 \uc2ac\ub85c\uac74 \uc0ac\ub78c\uc911\uc2ec, \ud589\ubcf5\ud55c \uc0b6<\/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-9810","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/scjdwc.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/9810","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scjdwc.or.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scjdwc.or.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scjdwc.or.kr\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/scjdwc.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9810"}],"version-history":[{"count":16,"href":"https:\/\/scjdwc.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/9810\/revisions"}],"predecessor-version":[{"id":10181,"href":"https:\/\/scjdwc.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/9810\/revisions\/10181"}],"wp:attachment":[{"href":"https:\/\/scjdwc.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}