{"id":9838,"date":"2026-04-21T10:13:33","date_gmt":"2026-04-21T01:13:33","guid":{"rendered":"https:\/\/seobokjigwan.mycafe24.com\/?page_id=9838"},"modified":"2026-04-21T15:05:56","modified_gmt":"2026-04-21T06:05:56","slug":"%ed%8f%89%ec%83%9d%ea%b5%90%ec%9c%a1%ec%82%ac%ec%97%85","status":"publish","type":"page","link":"https:\/\/scjdwc.or.kr\/?page_id=9838","title":{"rendered":"\ud3c9\uc0dd\uad50\uc721\uc0ac\uc5c5"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9838\" class=\"elementor elementor-9838\" 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>\ud3c9\uc0dd\uad50\uc721\uc0ac\uc5c5<\/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\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1b55cf8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1b55cf8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b5c1fe0\" data-id=\"b5c1fe0\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\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-68824bc elementor-widget elementor-widget-html\" data-id=\"68824bc\" 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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  .edu-wrap {\r\n    font-family: 'Noto Sans KR', sans-serif;\r\n    max-width: 1500px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .edu-item {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    align-items: center;\r\n    gap: 0;\r\n    border-bottom: 1px solid #ebebeb;\r\n  }\r\n  .edu-item:last-child { border-bottom: none; }\r\n\r\n  .edu-text {\r\n    padding: 0 72px 80px;\r\n  }\r\n\r\n  .edu-img {\r\n    position: relative;\r\n    overflow: hidden;\r\n    height: 480px;\r\n  }\r\n  .edu-img img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  }\r\n  .edu-img:hover img { transform: scale(1.05); }\r\n\r\n  .edu-item.text-right .edu-img { order: -1; }\r\n\r\n  .edu-num {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    color: #fff;\r\n    background: #222;\r\n    padding: 5px 12px;\r\n    border-radius: 100px;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .edu-text h3 {\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    color: #111;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.02em;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .edu-text .divider {\r\n    width: 40px;\r\n    height: 2px;\r\n    background: #e0e0e0;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .edu-text ul {\r\n    list-style: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n  }\r\n  .edu-text ul li {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    color: #666;\r\n    line-height: 1.7;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n  }\r\n  .edu-text ul li::before {\r\n    content: \"\";\r\n    display: block;\r\n    flex-shrink: 0;\r\n    width: 5px;\r\n    height: 5px;\r\n    border-radius: 50%;\r\n    background: #ccc;\r\n    margin-top: 9px;\r\n  }\r\n\r\n  .edu-img .placeholder {\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #f4f5f6;\r\n    display: none;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    color: #c0c0c0;\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .edu-img::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.08) 100%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .edu-item:nth-child(even) .edu-text {\r\n    background: #fafafa;\r\n  }\r\n\r\n  @media (max-width: 1200px) {\r\n    .edu-text { padding: 0 48px 60px; }\r\n    .edu-img { height: 400px; }\r\n    .edu-text h3 { font-size: 30px; }\r\n    .edu-text ul li { font-size: 16px; }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .edu-item { grid-template-columns: 1fr; }\r\n    .edu-item.text-right .edu-img { order: 0; }\r\n    .edu-img { height: 300px; }\r\n    .edu-text { padding: 0 36px 48px; }\r\n    .edu-text h3 { font-size: 26px; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .edu-text { padding: 0 20px 36px; }\r\n    .edu-img { height: 240px; }\r\n    .edu-text h3 { font-size: 22px; }\r\n    .edu-text ul li { font-size: 15px; }\r\n    .edu-num { font-size: 10px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"edu-wrap\">\r\n\r\n  <!-- 1. \uc778\ubb38\uad50\uc591\uc9c0\uc6d0 : \ud14d\uc2a4\ud2b8 \uc67c\ucabd \/ \uc0ac\uc9c4 \uc624\ub978\ucabd -->\r\n  <div class=\"edu-item text-left\">\r\n    <div class=\"edu-text\">\r\n      <span class=\"edu-num\">01<\/span>\r\n      <h3>\uc778\ubb38\uad50\uc591\uc9c0\uc6d0<\/h3>\r\n      <div class=\"divider\"><\/div>\r\n      <ul>\r\n        <li>\ub098\ub4e4\uc774 \ubc0f \uc9c0\uc5ed\ubb38\ud654\ud0d0\ubc29<\/li>\r\n        <li>\uc601\ud654\/\uc5f0\uadf9 \ub4f1 \ubb38\ud654\uc608\uc220\uacf5\uc5f0 \uad00\ub78c<\/li>\r\n        <li>\uc2a4\ub9c8\ud2b8\ud3f0 \ud65c\uc6a9 \uad50\uc721<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"edu-img\">\r\n      <img decoding=\"async\" src=\"\/img\/b01.jpg\" alt=\"\uc778\ubb38\uad50\uc591\uc9c0\uc6d0\"\r\n           onerror=\"this.style.display='none'; this.parentElement.querySelector('.placeholder').style.display='flex';\">\r\n      <div class=\"placeholder\">\r\n        <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2.5\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg>\r\n        \uc0ac\uc9c4\uc744 \ub4f1\ub85d\ud574\uc8fc\uc138\uc694\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- 2. \ubb38\ud654\uc608\uc220\uc9c0\uc6d0 : \uc0ac\uc9c4 \uc67c\ucabd \/ \ud14d\uc2a4\ud2b8 \uc624\ub978\ucabd -->\r\n  <div class=\"edu-item text-right\">\r\n    <div class=\"edu-text\">\r\n      <span class=\"edu-num\">02<\/span>\r\n      <h3>\ubb38\ud654\uc608\uc220\uc9c0\uc6d0<\/h3>\r\n      <div class=\"divider\"><\/div>\r\n      <ul>\r\n        <li>\ubbf8\uc220\/\uc74c\uc545\/\uacf5\uc608 \ub4f1 \uc8fc\uac04 \ud504\ub85c\uadf8\ub7a8<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"edu-img\">\r\n      <img decoding=\"async\" src=\"\/img\/b02.jpg\" alt=\"\ubb38\ud654\uc608\uc220\uc9c0\uc6d0\"\r\n           onerror=\"this.style.display='none'; this.parentElement.querySelector('.placeholder').style.display='flex';\">\r\n      <div class=\"placeholder\">\r\n        <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2.5\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg>\r\n        \uc0ac\uc9c4\uc744 \ub4f1\ub85d\ud574\uc8fc\uc138\uc694\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- 3. \uac74\uac15\uc0dd\ud65c\uc9c0\uc6d0 : \ud14d\uc2a4\ud2b8 \uc67c\ucabd \/ \uc0ac\uc9c4 \uc624\ub978\ucabd -->\r\n  <div class=\"edu-item text-left\">\r\n    <div class=\"edu-text\">\r\n      <span class=\"edu-num\">03<\/span>\r\n      <h3>\uac74\uac15\uc0dd\ud65c\uc9c0\uc6d0<\/h3>\r\n      <div class=\"divider\"><\/div>\r\n      <ul>\r\n        <li>\ud30c\ud06c\uace8\ud504, \uc694\uac00 \ub4f1 \uc8fc\uac04 \ud504\ub85c\uadf8\ub7a8<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"edu-img\">\r\n      <img decoding=\"async\" src=\"\/img\/b03.jpg\" alt=\"\uac74\uac15\uc0dd\ud65c\uc9c0\uc6d0\"\r\n           onerror=\"this.style.display='none'; this.parentElement.querySelector('.placeholder').style.display='flex';\">\r\n      <div class=\"placeholder\">\r\n        <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2.5\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg>\r\n        \uc0ac\uc9c4\uc744 \ub4f1\ub85d\ud574\uc8fc\uc138\uc694\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- 4. \uc791\ud488\uc804\uc2dc\ud68c : \uc0ac\uc9c4 \uc67c\ucabd \/ \ud14d\uc2a4\ud2b8 \uc624\ub978\ucabd -->\r\n  <div class=\"edu-item text-right\">\r\n    <div class=\"edu-text\">\r\n      <span class=\"edu-num\">04<\/span>\r\n      <h3>\uc791\ud488\uc804\uc2dc\ud68c<\/h3>\r\n      <div class=\"divider\"><\/div>\r\n      <ul>\r\n        <li>\uac01 \uc74d\uba74 \ub0b4 \uc644\uc131\uc791\ud488 \uc21c\ud68c \uc804\uc2dc<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"edu-img\">\r\n      <img decoding=\"async\" src=\"\/img\/b04.jpg\" alt=\"\uc791\ud488\uc804\uc2dc\ud68c\"\r\n           onerror=\"this.style.display='none'; this.parentElement.querySelector('.placeholder').style.display='flex';\">\r\n      <div class=\"placeholder\">\r\n        <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2.5\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg>\r\n        \uc0ac\uc9c4\uc744 \ub4f1\ub85d\ud574\uc8fc\uc138\uc694\r\n      <\/div>\r\n    <\/div>\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud3c9\uc0dd\uad50\uc721\uc0ac\uc5c5 01 \uc778\ubb38\uad50\uc591\uc9c0\uc6d0 \ub098\ub4e4\uc774 \ubc0f \uc9c0\uc5ed\ubb38\ud654\ud0d0\ubc29 \uc601\ud654\/\uc5f0\uadf9 \ub4f1 \ubb38\ud654\uc608\uc220\uacf5\uc5f0 \uad00\ub78c \uc2a4\ub9c8\ud2b8\ud3f0 \ud65c\uc6a9 \uad50\uc721 \uc0ac\uc9c4\uc744 \ub4f1\ub85d\ud574\uc8fc\uc138\uc694 02 \ubb38\ud654\uc608\uc220\uc9c0\uc6d0 \ubbf8\uc220\/\uc74c\uc545\/\uacf5\uc608 \ub4f1 \uc8fc\uac04 \ud504\ub85c\uadf8\ub7a8 \uc0ac\uc9c4\uc744 \ub4f1\ub85d\ud574\uc8fc\uc138\uc694 03 \uac74\uac15\uc0dd\ud65c\uc9c0\uc6d0 \ud30c\ud06c\uace8\ud504, \uc694\uac00 \ub4f1 \uc8fc\uac04 \ud504\ub85c\uadf8\ub7a8 \uc0ac\uc9c4\uc744 \ub4f1\ub85d\ud574\uc8fc\uc138\uc694 04 \uc791\ud488\uc804\uc2dc\ud68c \uac01 \uc74d\uba74 \ub0b4 \uc644\uc131\uc791\ud488 \uc21c\ud68c \uc804\uc2dc \uc0ac\uc9c4\uc744 \ub4f1\ub85d\ud574\uc8fc\uc138\uc694<\/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-9838","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/scjdwc.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/9838","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=9838"}],"version-history":[{"count":16,"href":"https:\/\/scjdwc.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/9838\/revisions"}],"predecessor-version":[{"id":10054,"href":"https:\/\/scjdwc.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/9838\/revisions\/10054"}],"wp:attachment":[{"href":"https:\/\/scjdwc.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}