{"id":3784,"date":"2025-12-02T10:55:34","date_gmt":"2025-12-02T01:55:34","guid":{"rendered":"https:\/\/ecbr.dothome.co.kr\/?page_id=3784"},"modified":"2026-02-24T13:33:29","modified_gmt":"2026-02-24T04:33:29","slug":"%ec%a0%91%ec%88%98%eb%b0%a9%eb%b2%95","status":"publish","type":"page","link":"https:\/\/www.ecbr.or.kr\/?page_id=3784","title":{"rendered":"\uc811\uc218\ubc29\ubc95"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3784\" class=\"elementor elementor-3784\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ec401c elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"7ec401c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cc8eed7 e-con-full e-flex e-con e-child\" data-id=\"cc8eed7\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc8e459 e-con-full e-flex e-con e-child\" data-id=\"fc8e459\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-718e1ee e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"718e1ee\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-916d8c3 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"916d8c3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aaf1249 elementor-widget elementor-widget-html\" data-id=\"aaf1249\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .breadcrumb {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-family: 'Noto Sans KR', sans-serif;\r\n    font-size: clamp(13px, 1.6vw, 15px);\r\n    color: #999;\r\n  }\r\n\r\n  .breadcrumb a {\r\n    text-decoration: none;\r\n    color: #999;\r\n    transition: 0.2s;\r\n  }\r\n\r\n  .breadcrumb a:hover {\r\n    color: #000;\r\n  }\r\n\r\n  .breadcrumb .current {\r\n    font-weight: 600;\r\n    color: #000;\r\n  }\r\n\r\n  .breadcrumb .dot {\r\n    color: #ccc;\r\n    font-size: 14px;\r\n    margin: 0 6px;\r\n  }\r\n\r\n  \/* \ud83d\udd25 \ubaa8\ubc14\uc77c(\ud3f0)\uc5d0\uc11c\ub9cc \uc228\uae40 *\/\r\n  @media (max-width: 768px) {\r\n    .breadcrumb {\r\n      display: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<nav class=\"breadcrumb\">\r\n  <a href=\"\/\">\ud648<\/a>\r\n  <span class=\"dot\">\u00b7<\/span>\r\n  <a href=\"\/?page_id=3784\">\uc0ac\uc5c5<\/a>\r\n  <span class=\"dot\">\u00b7<\/span>\r\n  <span class=\"current\">\uc811\uc218\ubc29\ubc95<\/span>\r\n<\/nav>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-a288fbb e-flex e-con-boxed e-con e-parent\" data-id=\"a288fbb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b6d8ae elementor-widget elementor-widget-html\" data-id=\"9b6d8ae\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===============================\r\n   \uc11c\ube44\uc2a4 \ud788\uc5b4\ub85c \uc139\uc158 (\ucd5c\uc885 \ud1b5\ud569\ubcf8)\r\n   - \u2705 \uc0c1\ub2e8 \"\uc11c\ube44\uc2a4 \uc548\ub0b4\" \ubc30\uc9c0 \uc0ad\uc81c\r\n   - \u2705 3\ud3ec\uc778\ud2b8 \uc0ad\uc81c\r\n   - \u2705 \ub300\uc0c1\/\uc774\uc6a9\uc2dc\uac04\/\uc5f0\ub77d\ucc98: PC\ub294 \ud55c \uc904 \ub290\ub08c(\ud544\uc694\uc2dc \ub9d0\uc904\uc784), \ubaa8\ubc14\uc77c\uc740 \uc904\ubc14\uafc8 \ud5c8\uc6a9\r\n   - \u2705 \uc774\ubbf8\uc9c0 \ub192\uc774: PC 371px \uace0\uc815 \/ \ud0dc\ube14\ub9bf\u00b7\ubaa8\ubc14\uc77c \uc790\ub3d9(\ube44\uc728 \uc720\uc9c0)\r\n   - \u2705 \ubaa8\ubc14\uc77c \uae68\uc9d0 \ud574\uacb0: \ub77c\ubca8 \uace0\uc815\ud3ed + grid \uc815\ub82c + \ubaa8\ubc14\uc77c\uc5d0\uc11c ellipsis \ud574\uc81c\r\n   =============================== -->\r\n<section class=\"svc-hero\">\r\n  <div class=\"svc-card\">\r\n\r\n    <!-- \uc88c\uce21 \uc774\ubbf8\uc9c0 \uc601\uc5ed -->\r\n    <div class=\"svc-media\">\r\n      <div class=\"svc-slider\" data-interval=\"4000\" data-dots=\"1\">\r\n        <div class=\"svc-track\">\r\n          <div class=\"svc-slide\">\r\n            <img decoding=\"async\" src=\"\/img\/use.jpg\" alt=\"\ubc30\ub1081\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \uc6b0\uce21 \ud14d\uc2a4\ud2b8 \uc601\uc5ed -->\r\n    <div class=\"svc-body\">\r\n\r\n      <h2 class=\"svc-title\">\r\n        \uc7a5\uc560\uc778\uc758 \uc790\ub9bd\uacfc \uc0ac\ud68c\ucc38\uc5ec<br> \uadf8\ub9ac\uace0 \uc9c0\uc5ed\uc0ac\ud68c\uc5d0\uc11c\uc758 \uc548\uc815\uc801\uc778 \uc0b6\uc744 \uc9c0\uc6d0\r\n      <\/h2>\r\n\r\n      <p class=\"svc-desc\">\r\n        \ubcf5\uc9c0\uad00 \uc774\uc6a9\uc744 \ud76c\ub9dd\ud558\uc2dc\ub294 \ubd84\uc740 \uc544\ub798\uc758 \uc808\ucc28\uc5d0 \ub530\ub77c\r\n        \uc0c1\ub2f4\uc744 \ud1b5\ud574 \ud544\uc694\ud55c \uc11c\ube44\uc2a4\ub97c \uc548\ub0b4\ubc1b\uc73c\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\r\n      <\/p>\r\n\r\n      <!-- \ub300\uc0c1 \/ \uc774\uc6a9\uc2dc\uac04 \/ \uc5f0\ub77d\ucc98 -->\r\n      <div class=\"svc-info-lines\">\r\n\r\n        <div class=\"svc-info-line\">\r\n          <span class=\"label\">\ub300\uc0c1<\/span>\r\n          <span class=\"text\">\uc74c\uc131\uad70 \uac70\uc8fc \uc7a5\uc560\uc778 \ubc0f \uac00\uc871, \uc9c0\uc5ed\uc0ac\ud68c \uc8fc\ubbfc<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"svc-info-line\">\r\n          <span class=\"label\">\uc774\uc6a9\uc2dc\uac04<\/span>\r\n          <span class=\"text\">\r\n            \uc6d4~\uae08\uc694\uc77c 09:00~18:00\r\n            <span class=\"sub\">\u203b \ud734\uad00\uc77c: \uc77c\uc694\uc77c, \ubc95\uc815\uacf5\ud734\uc77c, \uc815\ubd80\uc5d0\uc11c \uacf5\uc9c0\ud55c \ub300\uccb4\uacf5\ud734\uc77c<\/span>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"svc-info-line\">\r\n          <span class=\"label\">\uc5f0\ub77d\ucc98<\/span>\r\n          <span class=\"text\">043-883-2900 (\ucda9\ubd81 \uc74c\uc131\uad70 \uae08\uc655\uc74d \ubb34\uadf9\ub85c 309\ubc88\uae38 43-6)<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===============================\r\n     \uc804\uc6a9 CSS (\ubc18\uc751\ud615 \ud3ec\ud568 \/ \ubaa8\ubc14\uc77c \uae68\uc9d0 \ud574\uacb0)\r\n   =============================== -->\r\n<style>\r\n\/* \uc804\uccb4 \ub808\uc774\uc544\uc6c3 *\/\r\n.svc-hero{\r\n  padding:0px 20px;\r\n  \r\n  font-family:'Noto Sans KR', sans-serif;\r\n}\r\n.svc-card{\r\n  max-width:1500px;\r\n  margin:0 auto;\r\n  display:flex;\r\n  gap:40px;\r\n  background:#fff;\r\n  border-radius:20px;\r\n  padding:40px;\r\n  box-shadow:0 10px 30px rgba(0,0,0,0.06);\r\n}\r\n\r\n\/* ===============================\r\n   \uc774\ubbf8\uc9c0 \uc601\uc5ed\r\n   - PC: \ub192\uc774 371px \uace0\uc815\r\n   - \ud0dc\ube14\ub9bf\/\ubaa8\ubc14\uc77c: \uc790\ub3d9 \ub192\uc774 (aspect-ratio)\r\n   =============================== *\/\r\n.svc-media{\r\n  flex:0 0 38%;\r\n  height:371px; \/* \u2705 PC \uace0\uc815 *\/\r\n}\r\n\/* \u2705 \uc548\ucabd \uad6c\uc870\ub3c4 \ub192\uc774 100%\ub85c \ub530\ub77c\uac00\uac8c *\/\r\n.svc-slider,\r\n.svc-track,\r\n.svc-slide{\r\n  height:100%;\r\n}\r\n.svc-media img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  border-radius:16px;\r\n  display:block;\r\n}\r\n\r\n\/* \ud14d\uc2a4\ud2b8 \uc601\uc5ed *\/\r\n.svc-body{ flex:1; }\r\n.svc-title{\r\n  margin:0 0 14px;\r\n  font-size:32px;\r\n  font-weight:800;\r\n  line-height:1.35;\r\n  color:#111827;\r\n}\r\n.svc-desc{\r\n  font-size:17px;\r\n  color:#374151;\r\n  line-height:1.7;\r\n  margin:0 0 22px;\r\n}\r\n\r\n\/* ===============================\r\n   \uc815\ubcf4 3\uc904 (grid \uc815\ub82c\ub85c \uc548\uc815\ud654)\r\n   =============================== *\/\r\n.svc-info-lines{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:12px;\r\n}\r\n.svc-info-line{\r\n  display:grid;\r\n  grid-template-columns:86px 1fr; \/* \u2705 \ub77c\ubca8 \ud3ed \uace0\uc815 *\/\r\n  gap:12px;\r\n  align-items:center;\r\n  background:#f1f5f9;\r\n  border-radius:14px;\r\n  padding:14px 18px;\r\n}\r\n\r\n\/* \ub77c\ubca8 (pill) *\/\r\n.svc-info-line .label{\r\n  background:#4b5563;\r\n  color:#fff;\r\n  font-size:14px;\r\n  font-weight:700;\r\n  padding:8px 0;\r\n  border-radius:999px;\r\n  text-align:center;\r\n  white-space:nowrap;\r\n}\r\n\r\n\/* \ud14d\uc2a4\ud2b8 (PC\uc5d0\uc11c\ub294 \ud55c \uc904 \ub290\ub08c \uc720\uc9c0) *\/\r\n.svc-info-line .text{\r\n  font-size:15px;\r\n  line-height:1.35;\r\n  color:#111827;\r\n  white-space:nowrap;\r\n  overflow:hidden;\r\n  text-overflow:ellipsis;\r\n}\r\n\r\n\/* \uc774\uc6a9\uc2dc\uac04 \ubcf4\uc870\ubb38\uad6c *\/\r\n.svc-info-line .sub{\r\n  margin-left:10px;\r\n  font-size:13px;\r\n  color:#6b7280;\r\n}\r\n\r\n\/* ===============================\r\n   \ubc18\uc751\ud615\r\n   =============================== *\/\r\n\r\n\/* \ud0dc\ube14\ub9bf \uc774\ud558: \uc138\ub85c\ub85c \uc313\uae30 + \uc774\ubbf8\uc9c0 \uc790\ub3d9\ud654 *\/\r\n@media (max-width:1024px){\r\n  .svc-card{\r\n    flex-direction:column;\r\n    padding:28px;\r\n    gap:22px;\r\n  }\r\n\r\n  .svc-media{\r\n    height:auto;             \/* \u2705 PC \uace0\uc815 \ud574\uc81c *\/\r\n    aspect-ratio:16 \/ 9;     \/* \u2705 \uc790\ub3d9 \ube44\uc728 *\/\r\n    flex:0 0 auto;\r\n  }\r\n\r\n  .svc-title{ font-size:28px; }\r\n  .svc-desc{ font-size:16px; }\r\n}\r\n\r\n\/* \ubaa8\ubc14\uc77c: \ub9d0\uc904\uc784(\u2026) \ud574\uc81c\ud558\uace0 \uc904\ubc14\uafc8 \ud5c8\uc6a9 *\/\r\n@media (max-width:768px){\r\n  .svc-hero{ padding:26px 14px; }\r\n  .svc-card{ border-radius:16px; padding:20px; }\r\n\r\n  .svc-title{ font-size:24px; line-height:1.3; }\r\n  .svc-desc{ font-size:15px; }\r\n\r\n  .svc-info-line{\r\n    padding:12px 14px;\r\n    grid-template-columns:78px 1fr; \/* \ubaa8\ubc14\uc77c \ub77c\ubca8 \uc0b4\uc9dd \uc904\uc784 *\/\r\n    align-items:start;\r\n  }\r\n  .svc-info-line .label{\r\n    font-size:13px;\r\n    padding:7px 0;\r\n  }\r\n\r\n  .svc-info-line .text{\r\n    font-size:14px;\r\n    white-space:normal;      \/* \u2705 \uc904\ubc14\uafc8 \ud5c8\uc6a9 *\/\r\n    overflow:visible;        \/* \u2705 \uc798\ub9bc \ud574\uc81c *\/\r\n    text-overflow:clip;      \/* \u2705 \u2026 \ud574\uc81c *\/\r\n    line-height:1.55;\r\n  }\r\n\r\n  .svc-info-line .sub{\r\n    display:block;           \/* \u2705 \ubcf4\uc870\ubb38\uad6c\ub294 \uc544\ub798 \uc904\ub85c *\/\r\n    margin:6px 0 0 0;\r\n    font-size:12px;\r\n  }\r\n}\r\n.svc-card{\r\n  box-shadow:none;\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f18ca53 e-flex e-con-boxed e-con e-parent\" data-id=\"f18ca53\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b614601 elementor-widget elementor-widget-html\" data-id=\"b614601\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===============================\r\n  \uc774\uc6a9 \uc808\ucc28 STEP (\uc138\ub828\ub41c \ubcf5\uc9c0\uad00 \uc544\uc774\ucf58 \uc138\ud2b8)\r\n  - \u2705 \ubc30\uacbd\uc0c9 #d7e6eb : \"\uc544\uc774\ucf58 \uc6d0\ud615\"\uc5d0\ub9cc \uc801\uc6a9\r\n  - \u2705 Hover: \uce74\ub4dc \uc0b4\uc9dd \ub5a0\uc624\ub984 + \uc544\uc774\ucf58 \uc6d0 \ub354 \ubc1d\uac8c\r\n  - \u2705 STEP7 \uc548 \uc798\ub9ac\uac8c: PC\ub294 7\uce78 \uade0\ub4f1(flex)\ub85c \ud55c \uc904 \uace0\uc815\r\n  - \u2705 \ud0dc\ube14\ub9bf\/\ubaa8\ubc14\uc77c: \uac00\ub85c \uc2a4\ud06c\ub864\r\n=============================== -->\r\n<section class=\"proc-wrap\">\r\n  <h3 class=\"proc-title\"><span class=\"dot\"><\/span>\uc774\uc6a9 \uc808\ucc28<\/h3>\r\n  <p class=\"proc-desc\"><\/p>\r\n\r\n  <div class=\"proc-steps\" role=\"list\" aria-label=\"\uc774\uc6a9 \uc808\ucc28 \ub2e8\uacc4\">\r\n\r\n    <!-- STEP 01 -->\r\n    <div class=\"step\" role=\"listitem\">\r\n      <div class=\"step-head\">STEP 01<\/div>\r\n      <div class=\"step-icon\" aria-hidden=\"true\">\r\n        <!-- \uc804\ud654(\uc0c1\ub2f4\uc2e0\uccad) \u2013 \ubbf8\ub2c8\uba40\/\uc138\ub828 -->\r\n        <svg viewBox=\"0 0 64 64\" class=\"ico\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M25 14c2-2 5-2 7 0l5 5c2 2 2 5 0 7l-3 3c5 9 12 16 21 21l3-3c2-2 5-2 7 0l5 5c2 2 2 5 0 7l-3 3c-3 3-8 4-12 2-16-7-28-19-35-35-2-4-1-9 2-12l3-3z\"\/>\r\n          <path d=\"M41 18c6 2 10 6 12 12\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"step-title\">\uc0c1\ub2f4 \uc2e0\uccad<\/div>\r\n      <div class=\"step-sub\">\uc804\ud654 \ub610\ub294 \ubc29\ubb38\uc744 \ud1b5\ud574 \uc0c1\ub2f4 \uc2e0\uccad<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arrow\" aria-hidden=\"true\"><span>\u203a<\/span><\/div>\r\n\r\n    <!-- STEP 02 -->\r\n    <div class=\"step\" role=\"listitem\">\r\n      <div class=\"step-head\">STEP 02<\/div>\r\n      <div class=\"step-icon\" aria-hidden=\"true\">\r\n        <!-- \ucd08\uae30\uc0c1\ub2f4 \u2013 \ub9d0\ud48d\uc120(\ub77c\uc6b4\ub4dc) + \uccb4\ud06c -->\r\n        <svg viewBox=\"0 0 64 64\" class=\"ico\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M16 20h32a10 10 0 0 1 10 10v6a10 10 0 0 1-10 10H33l-9 7v-7h-8A10 10 0 0 1 6 36v-6a10 10 0 0 1 10-10z\"\/>\r\n          <path d=\"M22 33l4 4 9-11\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"step-title\">\ucd08\uae30 \uc0c1\ub2f4<\/div>\r\n      <div class=\"step-sub\">\uc774\uc6a9 \ubaa9\uc801 \ubc0f \uc695\uad6c \ud30c\uc545 \u00b7 \uae30\ubcf8 \uc815\ubcf4 \ud655\uc778<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arrow\" aria-hidden=\"true\"><span>\u203a<\/span><\/div>\r\n\r\n    <!-- STEP 03 -->\r\n    <div class=\"step\" role=\"listitem\">\r\n      <div class=\"step-head\">STEP 03<\/div>\r\n      <div class=\"step-icon\" aria-hidden=\"true\">\r\n        <!-- \uc9c4\ub2e8\/\uc0ac\uc815 \u2013 \ud074\ub9bd\ubcf4\ub4dc(\ubaa8\ub358) -->\r\n        <svg viewBox=\"0 0 64 64\" class=\"ico\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M22 12h20a6 6 0 0 1 6 6v32a6 6 0 0 1-6 6H22a6 6 0 0 1-6-6V18a6 6 0 0 1 6-6z\"\/>\r\n          <path d=\"M26 12v6h12v-6\"\/>\r\n          <path d=\"M24 30h10\"\/>\r\n          <path d=\"M24 40h10\"\/>\r\n          <path d=\"M38 30l3 3 7-9\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"step-title\">\uc9c4\ub2e8 \ubc0f \uc0ac\uc815<\/div>\r\n      <div class=\"step-sub\">\ud544\uc694 \uc2dc \uc601\uc5ed\ubcc4 \uc9c4\ub2e8 \ubc0f \ud3c9\uac00 \uc2e4\uc2dc<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arrow\" aria-hidden=\"true\"><span>\u203a<\/span><\/div>\r\n\r\n    <!-- STEP 04 -->\r\n    <div class=\"step\" role=\"listitem\">\r\n      <div class=\"step-head\">STEP 04<\/div>\r\n      <div class=\"step-icon\" aria-hidden=\"true\">\r\n        <!-- \uc790\ub9bd\uc9c0\uc6d0\uacc4\ud68d\ud68c\uc758 \u2013 \uc0ac\ub78c + \ub9d0\ud48d\uc120(\uc2ec\ud50c\/\uc138\ub828) -->\r\n        <svg viewBox=\"0 0 64 64\" class=\"ico\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"22\" cy=\"26\" r=\"6\"\/>\r\n          <path d=\"M10 48c2-8 24-8 26 0\"\/>\r\n          <path d=\"M36 20h12a10 10 0 0 1 10 10v4a10 10 0 0 1-10 10H43l-7 6v-6h-2\"\/>\r\n          <path d=\"M41 32h10\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"step-title\">\uc790\ub9bd\uc9c0\uc6d0\uacc4\ud68d\ud68c\uc758<\/div>\r\n      <div class=\"step-sub\">\uc9c4\ub2e8 \ub0b4\uc6a9\uc744 \ubc14\ud0d5\uc73c\ub85c \uc11c\ube44\uc2a4 \ubc29\ud5a5 \ub17c\uc758 \ubc0f \uc548\ub0b4<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arrow\" aria-hidden=\"true\"><span>\u203a<\/span><\/div>\r\n\r\n    <!-- STEP 05 -->\r\n    <div class=\"step\" role=\"listitem\">\r\n      <div class=\"step-head\">STEP 05<\/div>\r\n      <div class=\"step-icon\" aria-hidden=\"true\">\r\n        <!-- \uacc4\ud68d\uc218\ub9bd \u2013 \ubb38\uc11c + \ud39c(\uc2ac\ub9bc) -->\r\n        <svg viewBox=\"0 0 64 64\" class=\"ico\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M22 12h20a6 6 0 0 1 6 6v32a6 6 0 0 1-6 6H22a6 6 0 0 1-6-6V18a6 6 0 0 1 6-6z\"\/>\r\n          <path d=\"M26 26h14\"\/>\r\n          <path d=\"M26 34h14\"\/>\r\n          <path d=\"M26 42h10\"\/>\r\n          <path d=\"M40 44l10-10-4-4-10 10-2 6 6-2z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"step-title\">\uac1c\uc778\ubcc4\uc9c0\uc6d0\uacc4\ud68d \uc218\ub9bd<\/div>\r\n      <div class=\"step-sub\">\uac1c\uc778\uc758 \uc695\uad6c\u00b7\uc0c1\ud669\uc5d0 \ub9de\ub294 \uc11c\ube44\uc2a4 \uacc4\ud68d \uc218\ub9bd<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arrow\" aria-hidden=\"true\"><span>\u203a<\/span><\/div>\r\n\r\n    <!-- STEP 06 -->\r\n    <div class=\"step\" role=\"listitem\">\r\n      <div class=\"step-head\">STEP 06<\/div>\r\n      <div class=\"step-icon\" aria-hidden=\"true\">\r\n        <!-- \uc11c\ube44\uc2a4 \uc774\uc6a9 \ubc0f \uc5f0\uacc4 \u2013 \uc190(\uc9c0\uc6d0) + \ub178\ub4dc(\uc5f0\uacc4) -->\r\n       <svg viewBox=\"0 0 64 64\" class=\"ico\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n  <circle cx=\"32\" cy=\"30\" r=\"4\"\/>\r\n  <circle cx=\"18\" cy=\"18\" r=\"3.5\"\/>\r\n  <circle cx=\"50\" cy=\"18\" r=\"3.5\"\/>\r\n  <circle cx=\"16\" cy=\"44\" r=\"3.5\"\/>\r\n  <circle cx=\"52\" cy=\"44\" r=\"3.5\"\/>\r\n  <path d=\"M29 28l-8-8\"\/>\r\n  <path d=\"M35 28l8-8\"\/>\r\n  <path d=\"M29 32l-10 10\"\/>\r\n  <path d=\"M35 32l10 10\"\/>\r\n<\/svg>\r\n\r\n      <\/div>\r\n      <div class=\"step-title\">\uc11c\ube44\uc2a4 \uc774\uc6a9 \ubc0f \uc5f0\uacc4<\/div>\r\n      <div class=\"step-sub\">\ubcf5\uc9c0\uad00 \ub0b4 \uc11c\ube44\uc2a4 \uc81c\uacf5 \u00b7 \uc9c0\uc5ed\uc0ac\ud68c \uc790\uc6d0 \uc5f0\uacc4<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arrow\" aria-hidden=\"true\"><span>\u203a<\/span><\/div>\r\n\r\n    <!-- STEP 07 -->\r\n    <div class=\"step\" role=\"listitem\">\r\n      <div class=\"step-head\">STEP 07<\/div>\r\n      <div class=\"step-icon\" aria-hidden=\"true\">\r\n        <!-- \uc810\uac80\/\ud3c9\uac00 \u2013 \ub3cb\ubcf4\uae30 + \uccb4\ud06c(\ubaa8\ub358) -->\r\n        <svg viewBox=\"0 0 64 64\" class=\"ico\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"28\" cy=\"28\" r=\"12\"\/>\r\n          <path d=\"M36 36l12 12\"\/>\r\n          <path d=\"M23 28l4 4 8-10\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"step-title\">\uacfc\uc815 \uc810\uac80 \ubc0f \ud3c9\uac00<\/div>\r\n      <div class=\"step-sub\">\uc11c\ube44\uc2a4 \uc774\uc6a9 \uacfc\uc815 \uc810\uac80 \ubc0f \uacc4\ud68d \ubcf4\uc644<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- \uc720\uc758\uc0ac\ud56d -->\r\n  <div class=\"proc-note\" aria-label=\"\uc774\uc6a9 \uc2dc \uc720\uc758\uc0ac\ud56d\">\r\n    <div class=\"proc-note-head\">\u25a0 \uc774\uc6a9 \uc2dc \uc720\uc758\uc0ac\ud56d<\/div>\r\n    <ul class=\"proc-note-list\">\r\n      <li>\uc11c\ube44\uc2a4 \uc774\uc6a9\uc740 \uc0c1\ub2f4 \ubc0f \uacc4\ud68d \uc218\ub9bd \ud6c4 \uc9c4\ud589\ub429\ub2c8\ub2e4.<\/li>\r\n      <li>\uc11c\ube44\uc2a4\ubcc4 \uc6b4\uc601 \uae30\uc900\uc5d0 \ub530\ub77c \ub300\uae30 \uc2dc\uac04\uc774 \ubc1c\uc0dd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\r\n      <li>\uc774\uc6a9 \uc911 \ubd88\ud3b8\uc0ac\ud56d\uc774\ub098 \uac74\uc758\uc0ac\ud56d\uc740 \uc5b8\uc81c\ub4e0\uc9c0 \uc0c1\ub2f4 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \ub798\ud37c(\ubc30\uacbd\uc740 \ub123\uc9c0 \uc54a\uc74c) *\/\r\n.proc-wrap{\r\n  max-width:1500px;\r\n  margin:0 auto;\r\n  padding:10px 0 0;\r\n  font-family:'Noto Sans KR',sans-serif;\r\n  color:#111827;\r\n}\r\n\r\n\/* \ud0c0\uc774\ud2c0 *\/\r\n.proc-title{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  font-size:24px;\r\n  font-weight:900;\r\n  margin:0 0 6px;\r\n}\r\n.proc-title .dot{\r\n  width:10px;height:10px;border-radius:50%;\r\n  background:#111827; display:inline-block;\r\n}\r\n.proc-desc{\r\n  margin:0 0 16px;\r\n  color:#374151;\r\n  font-size:15px;\r\n  line-height:1.65;\r\n}\r\n\r\n\/* STEP \ubc14 *\/\r\n.proc-steps{\r\n  display:flex;\r\n  align-items:stretch;\r\n  border:1px solid rgba(0,0,0,0.08);\r\n  border-radius:16px;\r\n  overflow:hidden;\r\n  background:#ffffff;\r\n  box-shadow:0 10px 26px rgba(0,0,0,0.06);\r\n}\r\n\r\n\/* \u2705 PC: 7\uce78 \uade0\ub4f1(\uc548 \uc798\ub9bc) *\/\r\n.step{\r\n  flex:1 1 0;\r\n  padding:14px 10px 16px;\r\n  text-align:center;\r\n  border-right:1px solid #eef2f7;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:8px;\r\n  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n}\r\n.step:last-of-type{ border-right:0; }\r\n\r\n\/* Hover *\/\r\n.step:hover{\r\n  transform:translateY(-6px);\r\n  background:#fbfdff;\r\n  box-shadow:0 12px 20px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* STEP \ud5e4\ub4dc *\/\r\n.step-head{\r\n  font-size:13px;\r\n  font-weight:900;\r\n  letter-spacing:0.2px;\r\n  color:#1f2937;\r\n}\r\n\r\n\/* \u2705 \uc544\uc774\ucf58 \uc6d0\ud615(\ubc30\uacbd\uc0c9\ub9cc) + \uc544\uc774\ucf58 \uc798\ub9bc \ubc29\uc9c0 *\/\r\n.step-icon{\r\n  width:76px;\r\n  height:76px;\r\n  border-radius:999px;\r\n  background:#d7e6eb;\r\n  display:grid;\r\n  place-items:center;\r\n  margin:0 auto;\r\n  color:#111827;\r\n  box-shadow:inset 0 0 0 1px rgba(17,24,39,0.10), 0 6px 14px rgba(0,0,0,0.06);\r\n  transition:filter .18s ease, transform .18s ease, box-shadow .18s ease;\r\n  overflow:visible;\r\n}\r\n\r\n\/* \u2705 SVG \uc548\uc804 \uc5ec\ubc31(\uc804\ud654\uae30 \ub4f1) *\/\r\n.step-icon .ico{\r\n  width:42px;\r\n  height:42px;\r\n  display:block;\r\n  overflow:visible;\r\n  padding:3px;                  \/* \ud575\uc2ec: \ub0b4\ubd80 \uc5ec\ubc31\uc73c\ub85c \uc798\ub9bc \ubc29\uc9c0 *\/\r\n  box-sizing:border-box;\r\n}\r\n\r\n.step:hover .step-icon{\r\n  filter:brightness(1.12);\r\n  transform:translateY(-1px);\r\n  box-shadow:inset 0 0 0 1px rgba(17,24,39,0.12), 0 10px 18px rgba(0,0,0,0.10);\r\n}\r\n\r\n\/* \uc81c\ubaa9\/\uc124\uba85 *\/\r\n.step-title{\r\n  font-size:15px;\r\n  font-weight:900;\r\n  color:#111827;\r\n  line-height:1.25;\r\n  letter-spacing:-0.2px;\r\n}\r\n.step-sub{\r\n  font-size:13px;\r\n  color:#4b5563;\r\n  line-height:1.45;\r\n  word-break:keep-all;\r\n}\r\n\r\n\/* \ud654\uc0b4\ud45c *\/\r\n.arrow{\r\n  width:52px;\r\n  flex:0 0 52px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border-right:1px solid #eef2f7;\r\n  background:#ffffff;\r\n}\r\n.arrow span{\r\n  width:30px;height:30px;\r\n  border-radius:999px;\r\n  border:1px solid #d1d5db;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:18px;\r\n  color:#6b7280;\r\n  line-height:1;\r\n  background:#ffffff;\r\n}\r\n\r\n\/* \uc720\uc758\uc0ac\ud56d *\/\r\n.proc-note{\r\n  margin-top:30px;\r\n  background:linear-gradient(180deg,#f0f6ff,#ffffff);\r\n  border:1px solid #dbeafe;\r\n  border-radius:16px;\r\n  padding:16px 18px;\r\n  box-shadow:0 10px 26px rgba(0,0,0,0.04);\r\n}\r\n.proc-note-head{\r\n  font-size:22px;\r\n  font-weight:900;\r\n  color:#0f172a;\r\n  margin-bottom:8px;\r\n}\r\n.proc-note-list{\r\n  margin:0;\r\n  padding-left:18px;\r\n  color:#1f2937;\r\n  font-size:16px;\r\n  line-height:1.75;\r\n}\r\n.proc-note-list li{ margin:6px 0; }\r\n\r\n\/* ===============================\r\n   \ubc18\uc751\ud615: \ud0dc\ube14\ub9bf\/\ubaa8\ubc14\uc77c \uac00\ub85c \uc2a4\ud06c\ub864\r\n=============================== *\/\r\n@media (max-width:1024px){\r\n  .proc-steps{\r\n    overflow-x:auto;\r\n    -webkit-overflow-scrolling:touch;\r\n    scroll-snap-type:x mandatory;\r\n  }\r\n  .step, .arrow{ scroll-snap-align:start; }\r\n  .step{ min-width:240px; }\r\n  .step:hover{ transform:translateY(-4px); }\r\n}\r\n\r\n@media (max-width:768px){\r\n  .proc-title{ font-size:22px; }\r\n  .proc-desc{ font-size:14px; }\r\n\r\n  .step{ min-width:235px; padding:12px 12px 14px; }\r\n  .step-icon{ width:70px; height:70px; }\r\n  .step-icon .ico{ width:38px; height:38px; padding:3px; }\r\n  .step-title{ font-size:14px; }\r\n  .step-sub{ font-size:12.5px; }\r\n\r\n  .proc-note{ padding:14px 14px; }\r\n  .proc-note-head{ font-size:15px; }\r\n  .proc-note-list{ font-size:13px; }\r\n}\r\n<\/style>\r\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>\ud648 \u00b7 \uc0ac\uc5c5 \u00b7 \uc7a5\uc560\uc778\uc758 \uc790\ub9bd\uacfc \uc0ac\ud68c\ucc38\uc5ec \uadf8\ub9ac\uace0 \uc9c0\uc5ed\uc0ac\ud68c\uc5d0\uc11c\uc758 \uc548\uc815\uc801\uc778 \uc0b6\uc744 \uc9c0\uc6d0 \ubcf5\uc9c0\uad00 \uc774\uc6a9\uc744 \ud76c\ub9dd\ud558\uc2dc\ub294 \ubd84\uc740 \uc544\ub798\uc758 \uc808\ucc28\uc5d0 \ub530\ub77c \uc0c1\ub2f4\uc744 \ud1b5\ud574 \ud544\uc694\ud55c \uc11c\ube44\uc2a4\ub97c \uc548\ub0b4\ubc1b\uc73c\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub300\uc0c1 \uc74c\uc131\uad70 \uac70\uc8fc \uc7a5\uc560\uc778 \ubc0f \uac00\uc871, \uc9c0\uc5ed\uc0ac\ud68c \uc8fc\ubbfc \uc774\uc6a9\uc2dc\uac04 \uc6d4~\uae08\uc694\uc77c 09:00~18:00 \u203b \ud734\uad00\uc77c: \uc77c\uc694\uc77c, \ubc95\uc815\uacf5\ud734\uc77c, \uc815\ubd80\uc5d0\uc11c \uacf5\uc9c0\ud55c \ub300\uccb4\uacf5\ud734\uc77c \uc5f0\ub77d\ucc98 043-883-2900 (\ucda9\ubd81 \uc74c\uc131\uad70 \uae08\uc655\uc74d \ubb34\uadf9\ub85c 309\ubc88\uae38 43-6) \uc774\uc6a9 \uc808\ucc28 STEP [&hellip;]<\/p>\n","protected":false},"author":58,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-3784","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ecbr.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/3784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ecbr.or.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ecbr.or.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ecbr.or.kr\/index.php?rest_route=\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ecbr.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3784"}],"version-history":[{"count":58,"href":"https:\/\/www.ecbr.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/3784\/revisions"}],"predecessor-version":[{"id":7781,"href":"https:\/\/www.ecbr.or.kr\/index.php?rest_route=\/wp\/v2\/pages\/3784\/revisions\/7781"}],"wp:attachment":[{"href":"https:\/\/www.ecbr.or.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}