{"id":9877,"date":"2026-04-21T10:25:14","date_gmt":"2026-04-21T01:25:14","guid":{"rendered":"https:\/\/seobokjigwan.mycafe24.com\/?page_id=9877"},"modified":"2026-04-21T15:26:24","modified_gmt":"2026-04-21T06:26:24","slug":"%ec%9a%b4%ec%98%81%ec%a7%80%ec%9b%90%ec%82%ac%ec%97%85","status":"publish","type":"page","link":"https:\/\/scjdwc.or.kr\/?page_id=9877","title":{"rendered":"\uc6b4\uc601\uc9c0\uc6d0\uc0ac\uc5c5"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9877\" class=\"elementor elementor-9877\" 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>\uc6b4\uc601\uc9c0\uc6d0\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-2001360 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2001360\" 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-e4f548e\" data-id=\"e4f548e\" 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-641ef94 elementor-widget elementor-widget-html\" data-id=\"641ef94\" 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  .case-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  .case-item {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    align-items: center;\r\n  }\r\n\r\n  .case-text {\r\n    padding: 0 72px 80px;\r\n  }\r\n\r\n  .case-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  .case-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  .case-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  .case-text ul {\r\n    list-style: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n  }\r\n  .case-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  .case-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  .case-img {\r\n    position: relative;\r\n    overflow: hidden;\r\n    height: 560px;\r\n  }\r\n  .case-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  .case-img:hover img { transform: scale(1.05); }\r\n  .case-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  .case-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  }\r\n\r\n  @media (max-width: 1200px) {\r\n    .case-text { padding: 0 48px 60px; }\r\n    .case-img { height: 460px; }\r\n    .case-text h3 { font-size: 30px; }\r\n    .case-text ul li { font-size: 16px; }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .case-item { grid-template-columns: 1fr; }\r\n    .case-img { height: 300px; }\r\n    .case-text { padding: 0 36px 48px; }\r\n    .case-text h3 { font-size: 26px; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .case-text { padding: 0 20px 36px; }\r\n    .case-img { height: 240px; }\r\n    .case-text h3 { font-size: 22px; }\r\n    .case-text ul li { font-size: 15px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"case-wrap\">\r\n  <div class=\"case-item\">\r\n    <!-- \ud14d\uc2a4\ud2b8 \uc67c\ucabd -->\r\n    <div class=\"case-text\">\r\n      <span class=\"case-num\">\uc6b4\uc601\uc9c0\uc6d0\uc0ac\uc5c5<\/span>\r\n      <h3>\uc9c0\uc18d \uac00\ub2a5\ud55c \ubcf5\uc9c0\ub97c \uc704\ud55c<br>\uccb4\uacc4\uc801\uc778 \uc6b4\uc601\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4<\/h3>\r\n      <div class=\"divider\"><\/div>\r\n      <ul>\r\n        <li>\uc2dc\uc124 \uc6b4\uc601 \ubc0f \ud658\uacbd \uad00\ub9ac<\/li>\r\n        <li>\uc885\uc0ac\uc790 \uc5ed\ub7c9 \uac15\ud654 \uad50\uc721 \ubc0f \uc5f0\uc218<\/li>\r\n        <li>\uc9c0\uc5ed\uc0ac\ud68c \uc790\uc6d0 \uc5f0\uacc4 \ubc0f \ub124\ud2b8\uc6cc\ud06c \uad6c\ucd95<\/li>\r\n        <li>\ud589\uc815 \ubc0f \ud68c\uacc4 \uc9c0\uc6d0<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- \uc0ac\uc9c4 \uc624\ub978\ucabd -->\r\n    <div class=\"case-img\">\r\n      <img decoding=\"async\" src=\"\/img\/s04.jpg\" alt=\"\uc6b4\uc601\uc9c0\uc6d0\uc0ac\uc5c5\"\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\">\r\n          <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2.5\"\/>\r\n          <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/>\r\n          <path d=\"M21 15l-5-5L5 21\"\/>\r\n        <\/svg>\r\n        \uc0ac\uc9c4\uc744 \ub4f1\ub85d\ud574\uc8fc\uc138\uc694\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\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>\uc6b4\uc601\uc9c0\uc6d0\uc0ac\uc5c5 \uc6b4\uc601\uc9c0\uc6d0\uc0ac\uc5c5 \uc9c0\uc18d \uac00\ub2a5\ud55c \ubcf5\uc9c0\ub97c \uc704\ud55c\uccb4\uacc4\uc801\uc778 \uc6b4\uc601\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4 \uc2dc\uc124 \uc6b4\uc601 \ubc0f \ud658\uacbd \uad00\ub9ac \uc885\uc0ac\uc790 \uc5ed\ub7c9 \uac15\ud654 \uad50\uc721 \ubc0f \uc5f0\uc218 \uc9c0\uc5ed\uc0ac\ud68c \uc790\uc6d0 \uc5f0\uacc4 \ubc0f \ub124\ud2b8\uc6cc\ud06c \uad6c\ucd95 \ud589\uc815 \ubc0f \ud68c\uacc4 \uc9c0\uc6d0 \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-9877","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/scjdwc.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/9877","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=9877"}],"version-history":[{"count":10,"href":"https:\/\/scjdwc.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/9877\/revisions"}],"predecessor-version":[{"id":10081,"href":"https:\/\/scjdwc.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/9877\/revisions\/10081"}],"wp:attachment":[{"href":"https:\/\/scjdwc.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}