{"id":14,"date":"2026-06-11T15:05:36","date_gmt":"2026-06-11T06:05:36","guid":{"rendered":"http:\/\/barun26.mycafe24.com\/?page_id=14"},"modified":"2026-07-02T13:24:08","modified_gmt":"2026-07-02T04:24:08","slug":"%ec%9e%ac%eb%8b%a8%eb%b2%95%ec%9d%b8-%ec%86%8c%ea%b0%9c","status":"publish","type":"page","link":"https:\/\/barun26.co.kr\/?page_id=14","title":{"rendered":"\uc7ac\ub2e8\uc18c\uac1c"},"content":{"rendered":"\n<div class=\"be-foundation\">\n  <style>\n    .be-foundation {\n      --green: #2a6ec5;\n      --deep: #1b4f94;\n      --soft: #5f89d6;\n      --pale: #eaf2ff;\n      --page-bg: #f7faff;\n      --line: #d9e5f5;\n      --text: #1b365d;\n      --sub-text: #51667f;\n      width: 100%;\n      overflow: visible;\n      background: var(--page-bg);\n      color: var(--text);\n      font-family: Pretendard, \"Noto Sans KR\", sans-serif;\n    }\n\n    .be-foundation *,\n    .be-foundation *::before,\n    .be-foundation *::after {\n      box-sizing: border-box;\n    }\n\n    .be-foundation a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    body:has(.be-foundation) .contentclass,\n    body:has(.be-foundation) #content,\n    body:has(.be-foundation) .entry-content {\n      background: var(--page-bg, #f7faff) !important;\n    }\n\n    \/* \uc0c1\ub2e8 \ube44\uc8fc\uc5bc *\/\n    .be-foundation-hero {\n      position: relative;\n      display: flex;\n      align-items: flex-end;\n      width: 100vw;\n      min-height: 600px;\n      margin-left: calc(50% - 50vw);\n      padding: 140px 0 78px;\n      overflow: hidden;\n      isolation: isolate;\n      background: var(--deep);\n    }\n\n    .be-foundation-hero::before {\n      content: \"\";\n      position: absolute;\n      z-index: 0;\n      inset: 0;\n      background: var(--deep);\n      pointer-events: none;\n      animation: beFoundationShadeEnter 3s ease-out forwards;\n    }\n\n    .be-foundation-hero-bg {\n      position: absolute;\n      z-index: -2;\n      inset: 0;\n      background-image:\n        linear-gradient(90deg, rgba(18, 65, 128, 0.82) 0%, rgba(18, 65, 128, 0.4) 55%, rgba(18, 65, 128, 0.12) 100%),\n        url(\"\/wp-content\/uploads\/2026\/06\/chris-czermak-NCGFnHRFJRo-unsplash-scaled.jpg\");\n      background-position: center 48%;\n      background-size: cover;\n      opacity: 1;\n      transform: scale(1.04);\n      will-change: transform, opacity, filter;\n      animation:\n        beFoundationHeroBgEnter 2.6s ease-out both,\n        beFoundationHeroZoom 28s ease-in-out 2.6s infinite alternate;\n    }\n\n    .be-foundation-hero::after {\n      content: \"\";\n      position: absolute;\n      z-index: -1;\n      right: -12vw;\n      top: -28vw;\n      width: 50vw;\n      height: 50vw;\n      border-radius: 50%;\n      background: rgba(218, 231, 252, 0.14);\n      filter: blur(55px);\n      pointer-events: none;\n      animation: beFoundationLightEnter 3.2s ease-out both;\n    }\n\n    .be-foundation-hero-inner {\n      position: relative;\n      z-index: 1;\n      width: min(1100px, calc(100% - 60px));\n      margin: 0 auto;\n      animation: beFoundationHeroEnter 1.8s ease-out 0.35s both;\n    }\n\n    .be-foundation-eyebrow {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      margin-bottom: 14px;\n      color: #e7f0ff;\n      font-size: 15px;\n      font-weight: 700;\n      letter-spacing: 0.18em;\n    }\n\n    .be-foundation-eyebrow::before {\n      content: \"\";\n      width: 35px;\n      height: 1px;\n      background: rgba(225, 235, 255, 0.82);\n    }\n\n    .be-foundation-hero h1 {\n      margin: 0 0 12px;\n      color: #fff;\n      font-size: 48px;\n      font-weight: 800;\n      line-height: 1.2;\n      letter-spacing: -0.06em;\n      text-shadow: 0 5px 25px rgba(0, 0, 0, 0.18);\n    }\n\n    .be-foundation-hero p {\n      margin: 0;\n      color: rgba(255, 255, 255, 0.82);\n      font-size: 20px;\n      font-weight: 500;\n      line-height: 1.7;\n      letter-spacing: -0.035em;\n    }\n\n    \/* \uc11c\ube0c\ud398\uc774\uc9c0 \ubcf8\ubb38 *\/\n    .be-foundation-body {\n      display: flex !important;\n      flex-wrap: nowrap !important;\n      align-items: flex-start;\n      gap: 62px;\n      width: 100vw !important;\n      min-width: 100vw !important;\n      max-width: none !important;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      padding: 90px max(30px, calc((100vw - 1280px) \/ 2)) 120px;\n      background: var(--page-bg);\n    }\n\n    .be-foundation-body > .wp-block-group__inner-container {\n      display: contents !important;\n    }\n\n    .be-foundation-body > * {\n      max-width: none !important;\n      margin-left: 0 !important;\n      margin-right: 0 !important;\n    }\n\n    \/* \uc67c\ucabd \uc11c\ube0c\uba54\ub274 *\/\n    .be-foundation-sidebar {\n      position: sticky;\n      top: 20px;\n      flex: 0 0 220px;\n      width: 220px;\n      min-width: 220px;\n      max-width: 220px !important;\n    }\n\n    .be-foundation-subnav-title {\n      position: relative;\n      padding: 23px 22px 21px;\n      overflow: hidden;\n      border-radius: 7px 7px 0 0;\n      background: var(--green);\n      color: #fff;\n    }\n\n    .be-foundation-subnav-title::after {\n      content: \"\";\n      position: absolute;\n      right: -30px;\n      bottom: -45px;\n      width: 105px;\n      height: 105px;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.08);\n    }\n\n    .be-foundation-subnav-title small,\n    .be-foundation-subnav-title strong {\n      position: relative;\n      z-index: 1;\n      display: block;\n    }\n\n    .be-foundation-subnav-title small {\n      margin-bottom: 5px;\n      color: #e7f0ff;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 0.15em;\n    }\n\n    .be-foundation-subnav-title strong {\n      font-size: 20px;\n      font-weight: 750;\n      letter-spacing: -0.045em;\n    }\n\n    .be-foundation-subnav-list {\n      display: block !important;\n      padding: 7px 13px 13px;\n      border: 1px solid var(--line);\n      border-top: 0;\n      border-radius: 0 0 7px 7px;\n      background: #fff;\n    }\n\n    .be-foundation-subnav-list a {\n      position: relative;\n      display: flex;\n      align-items: center;\n      min-height: 48px;\n      padding: 0 12px;\n      border-bottom: 1px solid #edf4ff;\n      color: var(--sub-text);\n      font-size: 13px;\n      font-weight: 600;\n      letter-spacing: -0.035em;\n      transition: color 0.25s ease, padding 0.25s ease, background 0.25s ease;\n    }\n\n    .be-foundation-subnav-list a + a {\n      margin-left: 0 !important;\n      font-size: 14px;\n    }\n\n    .be-foundation-subnav-list a::before {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      width: 3px;\n      height: 0;\n      border-radius: 999px;\n      background: var(--green);\n      transition: height 0.25s ease;\n    }\n\n    .be-foundation-subnav-list a:hover,\n    .be-foundation-subnav-list a.is-current {\n      padding-left: 18px;\n      color: var(--green);\n      background: var(--pale);\n    }\n\n    .be-foundation-subnav-list a:hover::before,\n    .be-foundation-subnav-list a.is-current::before {\n      height: 20px;\n    }\n\n    .be-foundation-subnav-list a.is-current {\n      font-weight: 750;\n      font-size: 14.5px;\n    }\n\n    \/* \uc624\ub978\ucabd \ucf58\ud150\uce20 *\/\n    .be-foundation-main {\n      flex: 1 1 0;\n      width: calc(100% - 282px) !important;\n      min-width: 0;\n      max-width: none !important;\n      background: var(--page-bg);\n    }\n\n    .be-foundation-main > .wp-block-group__inner-container {\n      display: block !important;\n      width: 100% !important;\n      max-width: none !important;\n      margin: 0 !important;\n    }\n\n    .be-foundation-main > * {\n      width: 100% !important;\n      max-width: none !important;\n      margin-left: 0 !important;\n      margin-right: 0 !important;\n    }\n\n    .be-foundation-heading {\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n      gap: 30px;\n      margin-bottom: 37px;\n      padding-bottom: 25px;\n      border-bottom: 1px solid var(--line);\n    }\n\n    .be-foundation-heading span {\n      display: block;\n      margin-bottom: 8px;\n      color: var(--soft);\n      font-size: 14px;\n      font-weight: 700;\n      letter-spacing: 0.14em;\n    }\n\n    .be-foundation-heading h2 {\n      margin: 0;\n      color: var(--green);\n      font-size: 34px;\n      font-weight: 800;\n      line-height: 1.25;\n      letter-spacing: -0.055em;\n    }\n\n    .be-foundation-heading p {\n      margin: 0;\n      color: var(--sub-text);\n      font-size: 17px;\n      font-weight: 500;\n      letter-spacing: -0.03em;\n    }\n\n    \/* \uc7ac\ub2e8\uc18c\uac1c \ucf58\ud150\uce20 *\/\n    .be-foundation-cover {\n      position: relative;\n      width: 100%;\n      aspect-ratio: 16 \/ 8.2;\n      margin-bottom: 72px;\n      overflow: hidden;\n      border-radius: 7px;\n      background: #d9e5f5;\n    }\n\n    .be-foundation-cover::after {\n      content: \"\";\n      position: absolute;\n      z-index: 1;\n      inset: 0;\n      background: linear-gradient(180deg, transparent 48%, rgba(14, 45, 90, 0.68));\n      pointer-events: none;\n    }\n\n    .be-foundation-cover img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 1.1s ease;\n    }\n\n    .be-foundation-cover:hover img {\n      transform: scale(1.025);\n    }\n\n    .be-foundation-section-nav {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 6px;\n      width: 100%;\n      margin-bottom: 55px;\n      padding: 6px;\n      border: 1px solid #d9e5f5;\n      border-radius: 6px;\n      background: #fff;\n    }\n\n    .be-foundation-section-nav button {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      min-height: 57px;\n      padding: 0 22px 0 27px;\n      border: 1px solid transparent;\n      border-radius: 4px;\n      background: transparent;\n      color: #7c95b8;\n      font-family: inherit;\n      font-size: 16px;\n      font-weight: 700;\n      letter-spacing: -0.035em;\n      cursor: pointer;\n      transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease;\n    }\n\n    .be-foundation-section-nav button::before {\n      content: \"\";\n      position: absolute;\n      top: 50%;\n      left: 14px;\n      width: 3px;\n      height: 0;\n      border-radius: 999px;\n      background: var(--green);\n      transform: translateY(-50%);\n      transition: height 0.3s ease;\n    }\n\n    .be-foundation-section-nav button:hover {\n      background: #f4f7fc;\n      color: var(--green);\n    }\n\n    .be-foundation-section-nav button.is-active {\n      border-color: #cbd8ee;\n      background: #eaf2ff;\n      color: var(--green);\n      font-size: 18px;\n    }\n\n    .be-foundation-section-nav button.is-active::before {\n      height: 21px;\n    }\n\n    .be-foundation-tab-panel {\n      display: none;\n    }\n\n    .be-foundation-tab-panel.is-active {\n      display: block;\n      animation: beFoundationTabEnter 0.85s cubic-bezier(0.22, 1, 0.36, 1) both;\n    }\n\n    @keyframes beFoundationTabEnter {\n      from { opacity: 0; transform: translateY(25px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    .be-foundation-intro-list {\n      scroll-margin-top: 110px;\n      border-top: 1px solid var(--line);\n    }\n\n    .be-foundation-intro-item {\n      display: grid;\n      grid-template-columns: 115px minmax(0, 1fr);\n      gap: 34px;\n      padding: 48px 0 52px;\n      border-bottom: 1px solid var(--line);\n    }\n\n    .be-foundation-intro-num {\n      color: var(--soft);\n      font-size: 24px;\n      font-weight: 800;\n      letter-spacing: 0.14em;\n    }\n\n    .be-foundation-intro-item h3 {\n      margin: 0 0 20px;\n      color: var(--green);\n      font-size: 25px;\n      font-weight: 800;\n      line-height: 1.35;\n      letter-spacing: -0.05em;\n    }\n\n    .be-foundation-intro-item p,\n    .be-foundation-greeting p {\n      margin: 0;\n      color: #48617e;\n      font-size: 14px;\n      font-weight: 500;\n      line-height: 1.95;\n      letter-spacing: -0.035em;\n    }\n\n    .be-foundation-greeting {\n      margin-top: 0;\n      padding: 0;\n      border-top: 0;\n    }\n\n    .be-foundation-greeting-body p {\n      font-size: 20px;\n    }\n\n    .be-foundation-intro-item p, .be-foundation-greeting p {\n      font-size: 19px;\n    }\n\n    .be-foundation-greeting-head {\n      position: relative;\n      margin-bottom: 62px;\n      padding-bottom: 55px;\n      border-bottom: 1px solid var(--line);\n    }\n\n    .be-foundation-greeting-title span {\n      display: block;\n      margin-bottom: 10px;\n      color: var(--soft);\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: 0.15em;\n    }\n\n    .be-foundation-greeting-title h2 {\n      margin: 0;\n      color: var(--green);\n      font-size: 38px;\n      font-weight: 800;\n      line-height: 1.3;\n      letter-spacing: -0.055em;\n    }\n\n    .be-foundation-greeting-lead {\n      max-width: 690px;\n      margin: 35px 0 0 !important;\n      color: #314a6f !important;\n      font-size: 24px !important;\n      font-weight: 650 !important;\n      line-height: 1.65 !important;\n      letter-spacing: -0.05em !important;\n    }\n\n    .be-foundation-greeting-lead::before {\n      content: \"\";\n      display: block;\n      width: 38px;\n      height: 2px;\n      margin-bottom: 24px;\n      background: var(--soft);\n    }\n\n    .be-foundation-greeting-layout {\n      display: grid;\n      grid-template-columns: minmax(190px, 235px) minmax(0, 1fr);\n      align-items: start;\n      gap: clamp(38px, 5vw, 68px);\n      width: 100%;\n    }\n\n    .be-foundation-greeting-portrait {\n      position: sticky;\n      top: 110px;\n      isolation: isolate;\n      margin: 0;\n      padding: 28px 12px 0;\n    }\n\n    .be-foundation-greeting-portrait::before,\n    .be-foundation-greeting-portrait::after {\n      content: \"\";\n      position: absolute;\n      z-index: -2;\n      pointer-events: none;\n    }\n\n    .be-foundation-greeting-portrait::before {\n      top: 30px;\n      right: 4px;\n      left: 4px;\n      height: 315px;\n      border-radius: 48% 48% 20px 20px;\n      background: #eaf2ff;\n    }\n\n    .be-foundation-greeting-portrait::after {\n      z-index: -1;\n      top: 18px;\n      right: -7px;\n      left: 17px;\n      height: 315px;\n      border: 1px solid #cad8ee;\n      border-radius: 48% 48% 20px 20px;\n    }\n\n    .be-foundation-greeting-portrait img {\n      position: relative;\n      z-index: 1;\n      display: block;\n      width: 100%;\n      height: auto;\n      max-height: 470px;\n      object-fit: contain;\n      object-position: center top;\n    }\n\n    .be-foundation-greeting-portrait figcaption {\n      position: relative;\n      z-index: 2;\n      display: block;\n      margin: 0 -12px;\n      padding: 17px 2px 0 46px;\n      border-top: 2px solid var(--green);\n      color: #7894be;\n      font-size: 9px;\n      font-weight: 800;\n      line-height: 1.5;\n      letter-spacing: 0.14em;\n    }\n\n    .be-foundation-greeting-portrait figcaption::before {\n      content: \"\";\n      position: absolute;\n      top: 20px;\n      left: 2px;\n      width: 30px;\n      height: 1px;\n      background: var(--soft);\n    }\n\n    .be-foundation-greeting-copy {\n      min-width: 0;\n    }\n\n    .be-foundation-greeting-body {\n      width: 100%;\n      margin: 0;\n    }\n\n    .be-foundation-greeting-body p {\n      margin-bottom: 27px;\n      color: #47566b;\n      font-size: 18px;\n      line-height: 2;\n    }\n\n    .be-foundation-sign {\n      width: 100%;\n      margin: 52px 0 0;\n      padding-top: 30px;\n      border-top: 1px solid #d9e5f5;\n      color: var(--green);\n      text-align: right;\n      font-size: 18px;\n      font-weight: 700;\n      line-height: 1.8;\n    }\n\n    .be-foundation-sign strong {\n      display: block;\n      font-size: 21px;\n      font-weight: 800;\n      letter-spacing: -0.04em;\n    }\n\n    \/* \ubcf8\ubb38 \uc804\uccb4 \ub4f1\uc7a5 \ud6a8\uacfc *\/\n    .be-foundation-reveal {\n      opacity: 0;\n      transform: translateY(55px);\n    }\n\n    .be-foundation-reveal.is-visible {\n      animation: beFoundationContentEnter 1.35s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n    }\n\n    @keyframes beFoundationHeroEnter {\n      0% { opacity: 0; transform: translateY(55px); }\n      100% { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes beFoundationHeroBgEnter {\n      0% {\n        opacity: 0.2;\n        filter: blur(7px) brightness(0.55);\n        transform: scale(1.18);\n      }\n      100% {\n        opacity: 1;\n        filter: blur(0) brightness(1);\n        transform: scale(1.04);\n      }\n    }\n\n    @keyframes beFoundationShadeEnter {\n      0% { opacity: 0.82; }\n      100% { opacity: 0; }\n    }\n\n    @keyframes beFoundationLightEnter {\n      0% { opacity: 0; transform: translate3d(8vw, -3vw, 0) scale(0.85); }\n      100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }\n    }\n\n    @keyframes beFoundationHeroZoom {\n      from { transform: scale(1.04) translate3d(0, 0, 0); }\n      to { transform: scale(1.085) translate3d(-0.5%, -0.35%, 0); }\n    }\n\n    @keyframes beFoundationContentEnter {\n      from { opacity: 0; transform: translateY(55px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @media (max-width: 1024px) {\n      .be-foundation-body {\n        gap: 38px;\n      }\n\n      .be-foundation-sidebar {\n        flex-basis: 190px;\n        width: 190px;\n        min-width: 190px;\n        max-width: 190px !important;\n      }\n\n      .be-foundation-main {\n        width: calc(100% - 228px) !important;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .be-foundation-hero {\n        min-height: 480px;\n        padding: 115px 0 60px;\n      }\n\n      .be-foundation-hero-inner {\n        width: calc(100% - 36px);\n      }\n\n      .be-foundation-hero h1 {\n        font-size: 38px;\n      }\n\n      .be-foundation-body {\n        display: block !important;\n        width: 100vw !important;\n        min-width: 100vw !important;\n        padding: 45px 18px 80px;\n      }\n\n      .be-foundation-body > .wp-block-group__inner-container {\n        display: block !important;\n        width: 100% !important;\n      }\n\n      .be-foundation-sidebar {\n        position: static;\n        width: 100%;\n        min-width: 0;\n        max-width: none !important;\n        margin-bottom: 48px;\n      }\n\n      .be-foundation-subnav-title {\n        padding: 18px 20px;\n        border-radius: 7px;\n      }\n\n      .be-foundation-subnav-title small {\n        display: none;\n      }\n\n      .be-foundation-subnav-title strong {\n        font-size: 17px;\n      }\n\n      .be-foundation-subnav-list {\n        display: flex !important;\n        gap: 7px;\n        margin-top: 12px;\n        padding: 0 0 8px;\n        overflow-x: auto;\n        border: 0;\n        border-radius: 0;\n        scrollbar-width: thin;\n      }\n\n      .be-foundation-subnav-list a {\n        flex: 0 0 auto;\n        min-height: 38px;\n        padding: 0 15px;\n        border: 1px solid var(--line);\n        border-radius: 999px;\n        background: #fff;\n        white-space: nowrap;\n        font-size: 12px;\n      }\n\n      .be-foundation-subnav-list a::before {\n        display: none;\n      }\n\n      .be-foundation-subnav-list a:hover,\n      .be-foundation-subnav-list a.is-current {\n        padding-left: 15px;\n        border-color: var(--green);\n        background: var(--green);\n        color: #fff;\n      }\n\n      .be-foundation-main {\n        width: 100% !important;\n      }\n\n      .be-foundation-heading {\n        display: block;\n        margin-bottom: 27px;\n        padding-bottom: 20px;\n      }\n\n      .be-foundation-heading h2 {\n        font-size: 29px;\n      }\n\n      .be-foundation-heading p {\n        margin-top: 10px;\n      }\n\n      .be-foundation-cover {\n        aspect-ratio: 4 \/ 3;\n        margin-bottom: 48px;\n      }\n\n      .be-foundation-section-nav {\n        margin-bottom: 38px;\n      }\n\n      .be-foundation-section-nav button {\n        min-height: 55px;\n        padding: 0 12px 0 27px;\n        font-size: 12px;\n      }\n\n      .be-foundation-intro-item {\n        display: block;\n        padding: 35px 0 40px;\n      }\n\n      .be-foundation-intro-num {\n        display: block;\n        margin-bottom: 12px;\n      }\n\n      .be-foundation-intro-item h3 {\n        font-size: 22px;\n      }\n\n      .be-foundation-greeting {\n        margin-top: 80px;\n        padding-top: 52px;\n      }\n\n      .be-foundation-greeting-head {\n        margin-bottom: 42px;\n        padding-bottom: 40px;\n      }\n\n      .be-foundation-greeting-title h2 {\n        font-size: 29px;\n      }\n\n      .be-foundation-greeting-lead {\n        margin-top: 28px !important;\n        padding-left: 0;\n        font-size: 19px !important;\n      }\n\n      .be-foundation-greeting-body {\n        width: 100%;\n      }\n\n      .be-foundation-greeting-layout {\n        grid-template-columns: 1fr;\n        gap: 38px;\n      }\n\n      .be-foundation-greeting-portrait {\n        position: static;\n        width: min(230px, 72%);\n        margin: 0 auto;\n        padding: 26px 12px 0;\n      }\n\n      .be-foundation-greeting-portrait img {\n        max-height: 380px;\n      }\n\n      .be-foundation-greeting-portrait::before,\n      .be-foundation-greeting-portrait::after {\n        height: 300px;\n      }\n\n      .be-foundation-greeting-body p {\n        font-size: 14px;\n        line-height: 1.9;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .be-foundation-hero::before,\n      .be-foundation-hero::after,\n      .be-foundation-hero-bg,\n      .be-foundation-hero-inner,\n      .be-foundation-reveal.is-visible {\n        opacity: 1 !important;\n        transform: none !important;\n        animation: none !important;\n      }\n    }\n  \n\n    \/* ==============================\n       \ube14\ub8e8 \uc2e0\ub8b0 \ud1a4 \ucd5c\uc885 \ubcf4\uc815\n       \uba54\uc778 \ud398\uc774\uc9c0 \uceec\ub7ec\uc640 \ub3d9\uc77c \uacc4\uc5f4\n    ============================== *\/\n    .be-foundation {\n      --green: #2a6ec5;\n      --deep: #1b4f94;\n      --soft: #5f89d6;\n      --pale: #eaf2ff;\n      --page-bg: #f7faff;\n      --line: #d9e5f5;\n      --text: #1b365d;\n      --sub-text: #51667f;\n    }\n\n    body:has(.be-foundation) .contentclass,\n    body:has(.be-foundation) #content,\n    body:has(.be-foundation) .entry-content {\n      background: #f7faff !important;\n    }\n\n    .be-foundation-hero {\n      background: #1b4f94 !important;\n    }\n\n    .be-foundation-hero-bg {\n      background-image:\n        linear-gradient(90deg, rgba(18, 65, 128, 0.84) 0%, rgba(18, 65, 128, 0.46) 55%, rgba(18, 65, 128, 0.12) 100%),\n        url(\"\/wp-content\/uploads\/2026\/06\/chris-czermak-NCGFnHRFJRo-unsplash-scaled.jpg\") !important;\n    }\n\n    .be-foundation-hero::after {\n      background: rgba(218, 231, 252, 0.14) !important;\n    }\n\n    .be-foundation-eyebrow,\n    .be-foundation-subnav-title small {\n      color: #e7f0ff !important;\n    }\n\n    .be-foundation-eyebrow::before {\n      background: rgba(225, 235, 255, 0.82) !important;\n    }\n\n    .be-foundation-subnav-title {\n      background: linear-gradient(135deg, #2a6ec5 0%, #1b4f94 100%) !important;\n      box-shadow: 0 16px 36px rgba(42, 110, 197, 0.14);\n    }\n\n    .be-foundation-subnav-title::after {\n      background: rgba(255, 255, 255, 0.11) !important;\n    }\n\n    .be-foundation-subnav-list {\n      border-color: #d9e5f5 !important;\n      box-shadow: 0 14px 38px rgba(42, 110, 197, 0.05);\n    }\n\n    .be-foundation-subnav-list a {\n      border-bottom-color: #edf4ff !important;\n      color: #51667f !important;\n    }\n\n    .be-foundation-subnav-list a::before,\n    .be-foundation-section-nav button::before,\n    .be-foundation-greeting-lead::before,\n    .be-foundation-greeting-portrait figcaption::before {\n      background: #2a6ec5 !important;\n    }\n\n    .be-foundation-subnav-list a:hover,\n    .be-foundation-subnav-list a.is-current {\n      background: #eaf2ff !important;\n      color: #2a6ec5 !important;\n    }\n\n    .be-foundation-heading {\n      border-bottom-color: #d9e5f5 !important;\n    }\n\n    .be-foundation-heading span,\n    .be-foundation-greeting-title span,\n    .be-foundation-intro-num {\n      color: #5f89d6 !important;\n    }\n\n    .be-foundation-heading h2,\n    .be-foundation-intro-item h3,\n    .be-foundation-greeting-title h2,\n    .be-foundation-sign,\n    .be-foundation-sign strong {\n      color: #2a6ec5 !important;\n    }\n\n    .be-foundation-heading p,\n    .be-foundation-intro-item p,\n    .be-foundation-greeting p,\n    .be-foundation-greeting-body p {\n      color: #47566b !important;\n    }\n\n    .be-foundation-cover {\n      background: #d9e5f5 !important;\n      box-shadow: 0 18px 48px rgba(42, 110, 197, 0.08);\n    }\n\n    .be-foundation-cover::after {\n      background: linear-gradient(180deg, transparent 48%, rgba(14, 45, 90, 0.68)) !important;\n    }\n\n    .be-foundation-section-nav {\n      border-color: #d9e5f5 !important;\n      box-shadow: 0 14px 38px rgba(42, 110, 197, 0.05);\n    }\n\n    .be-foundation-section-nav button {\n      color: #7c95b8 !important;\n    }\n\n    .be-foundation-section-nav button:hover {\n      background: #f4f7fc !important;\n      color: #2a6ec5 !important;\n    }\n\n    .be-foundation-section-nav button.is-active {\n      border-color: #cbd8ee !important;\n      background: #eaf2ff !important;\n      color: #2a6ec5 !important;\n    }\n\n    .be-foundation-intro-list,\n    .be-foundation-intro-item,\n    .be-foundation-greeting-head,\n    .be-foundation-sign {\n      border-color: #d9e5f5 !important;\n    }\n\n    .be-foundation-greeting-portrait::before {\n      background: #eaf2ff !important;\n    }\n\n    .be-foundation-greeting-portrait::after {\n      border-color: #cad8ee !important;\n    }\n\n    .be-foundation-greeting-portrait figcaption {\n      border-top-color: #2a6ec5 !important;\n      color: #7894be !important;\n    }\n\n    @media (max-width: 768px) {\n      .be-foundation-subnav-list a:hover,\n      .be-foundation-subnav-list a.is-current {\n        border-color: #2a6ec5 !important;\n        background: #2a6ec5 !important;\n        color: #fff !important;\n      }\n    }\n\n\n    \/* ==============================\n       \uc67c\ucabd \uc11c\ube0c\uba54\ub274 \uae00\uc528 \ud06c\uae30 \ubcf4\uc815\n       \ub808\uc774\uc544\uc6c3\uc740 \uc720\uc9c0\ud558\uba74\uc11c \uac00\ub3c5\uc131\ub9cc \uac15\ud654\n    ============================== *\/\n    .be-foundation-sidebar {\n      flex: 0 0 236px !important;\n      width: 236px !important;\n      min-width: 236px !important;\n      max-width: 236px !important;\n    }\n\n    .be-foundation-main {\n      width: calc(100% - 298px) !important;\n    }\n\n    .be-foundation-subnav-title {\n      padding: 26px 24px 24px !important;\n    }\n\n    .be-foundation-subnav-title small {\n      margin-bottom: 6px !important;\n      font-size: 12.5px !important;\n      line-height: 1.25 !important;\n    }\n\n    .be-foundation-subnav-title strong {\n      font-size: 22px !important;\n      line-height: 1.25 !important;\n    }\n\n    .be-foundation-subnav-list {\n      padding: 9px 14px 14px !important;\n    }\n\n    .be-foundation-subnav-list a {\n      min-height: 52px !important;\n      padding: 0 13px !important;\n      font-size: 15px !important;\n      font-weight: 650 !important;\n      line-height: 1.35 !important;\n      letter-spacing: -0.04em !important;\n      word-break: keep-all !important;\n    }\n\n    .be-foundation-subnav-list a + a {\n      font-size: 15px !important;\n    }\n\n    .be-foundation-subnav-list a:hover,\n    .be-foundation-subnav-list a.is-current {\n      padding-left: 20px !important;\n    }\n\n    .be-foundation-subnav-list a.is-current {\n      font-size: 15.5px !important;\n      font-weight: 800 !important;\n    }\n\n    @media (max-width: 1024px) {\n      .be-foundation-sidebar {\n        flex-basis: 210px !important;\n        width: 210px !important;\n        min-width: 210px !important;\n        max-width: 210px !important;\n      }\n\n      .be-foundation-main {\n        width: calc(100% - 248px) !important;\n      }\n\n      .be-foundation-subnav-list a {\n        font-size: 14px !important;\n      }\n\n      .be-foundation-subnav-list a.is-current {\n        font-size: 14.5px !important;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .be-foundation-sidebar {\n        width: 100% !important;\n        min-width: 0 !important;\n        max-width: none !important;\n      }\n\n      .be-foundation-subnav-title strong {\n        font-size: 18px !important;\n      }\n\n      .be-foundation-subnav-list a {\n        min-height: 42px !important;\n        padding: 0 16px !important;\n        font-size: 13.5px !important;\n        line-height: 1.3 !important;\n      }\n\n      .be-foundation-subnav-list a.is-current {\n        font-size: 13.5px !important;\n      }\n\n      .be-foundation-subnav-list a:hover,\n      .be-foundation-subnav-list a.is-current {\n        padding-left: 16px !important;\n      }\n    }\n\n\n\n    \/* =========================================\n       \uc7ac\ub2e8\uc18c\uac1c \ub0b4\ubd80 \ud0ed NAV \ubcf5\uad6c\n       \ube14\ub8e8\ud1a4 \uc801\uc6a9 \uc804 \uae30\uc874 \uad6c\uc870 \uadf8\ub300\ub85c \/ \uc0c9\uc0c1\ub9cc \ud604\uc7ac \ube14\ub8e8\ud1a4 \uc720\uc9c0\n       - \uc804\uccb4 \ud3ed 2\ubd84\ud560 \ud0ed\n       - \ud14d\uc2a4\ud2b8 \uc88c\uce21 \uc815\ub82c\n       - \ud65c\uc131 \ud0ed \uc88c\uce21 \uc138\ub85c \ub77c\uc778\n    ========================================= *\/\n    .be-foundation-section-nav {\n      display: grid !important;\n      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n      gap: 6px !important;\n      width: 100% !important;\n      margin: 0 0 55px !important;\n      padding: 6px !important;\n      border: 1px solid #d9e5f5 !important;\n      border-radius: 6px !important;\n      background: #fff !important;\n      box-shadow: none !important;\n    }\n\n    .be-foundation-section-nav button {\n      position: relative !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: flex-start !important;\n      width: 100% !important;\n      min-width: 0 !important;\n      min-height: 57px !important;\n      margin: 0 !important;\n      padding: 0 22px 0 27px !important;\n      border: 1px solid transparent !important;\n      border-radius: 4px !important;\n      outline: none !important;\n      background: transparent !important;\n      color: #7c95b8 !important;\n      font-family: Pretendard, \"Noto Sans KR\", sans-serif !important;\n      font-size: 16px !important;\n      font-weight: 700 !important;\n      line-height: 1.35 !important;\n      text-align: left !important;\n      letter-spacing: -0.035em !important;\n      cursor: pointer !important;\n      box-shadow: none !important;\n      appearance: none !important;\n      -webkit-appearance: none !important;\n      transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease !important;\n    }\n\n    .be-foundation-section-nav button::before {\n      content: \"\" !important;\n      position: absolute !important;\n      top: 50% !important;\n      left: 14px !important;\n      display: block !important;\n      width: 3px !important;\n      height: 0 !important;\n      border-radius: 999px !important;\n      background: #2a6ec5 !important;\n      transform: translateY(-50%) !important;\n      transition: height 0.3s ease !important;\n    }\n\n    .be-foundation-section-nav button:hover {\n      border-color: transparent !important;\n      background: #f4f7fc !important;\n      color: #2a6ec5 !important;\n    }\n\n    .be-foundation-section-nav button.is-active {\n      border-color: #cbd8ee !important;\n      background: #eaf2ff !important;\n      color: #2a6ec5 !important;\n      font-size: 16px !important;\n      font-weight: 800 !important;\n    }\n\n    .be-foundation-section-nav button.is-active::before {\n      height: 21px !important;\n    }\n\n    @media (max-width: 768px) {\n      .be-foundation-section-nav {\n        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n        gap: 6px !important;\n        margin-bottom: 38px !important;\n        padding: 6px !important;\n        overflow: visible !important;\n      }\n\n      .be-foundation-section-nav button {\n        min-height: 55px !important;\n        padding: 0 12px 0 27px !important;\n        font-size: 13.5px !important;\n        white-space: normal !important;\n      }\n\n      .be-foundation-section-nav button.is-active {\n        font-size: 13.5px !important;\n      }\n    }\n\n\n    \/* =========================================\n       \ucd5c\uc885 \ubc18\uc751\ud615 \ubcf4\uc815\n       PC \uae30\ubcf8 \ub514\uc790\uc778\uc740 \uac74\ub4dc\ub9ac\uc9c0 \uc54a\uace0,\n       \ub178\ud2b8\ubd81 \/ \ud0dc\ube14\ub9bf \/ \ubaa8\ubc14\uc77c \uad6c\uac04\uc5d0\uc11c\ub9cc \ubcf4\uc815\n       \ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 \uc67c\ucabd \uc11c\ube0c\uba54\ub274 \uc81c\uac70\n    ========================================= *\/\n\n    \/* \ub178\ud2b8\ubd81: 1025px ~ 1366px *\/\n    @media (max-width: 1366px) and (min-width: 1025px) {\n      .be-foundation-hero {\n        min-height: 560px !important;\n        padding: 132px 0 72px !important;\n      }\n\n      .be-foundation-hero-inner {\n        width: min(1080px, calc(100% - 56px)) !important;\n      }\n\n      .be-foundation-hero h1 {\n        font-size: 46px !important;\n      }\n\n      .be-foundation-hero p {\n        max-width: 720px !important;\n        font-size: 18px !important;\n      }\n\n      .be-foundation-body {\n        gap: 46px !important;\n        padding: 82px max(28px, calc((100vw - 1180px) \/ 2)) 108px !important;\n      }\n\n      .be-foundation-sidebar {\n        flex: 0 0 220px !important;\n        width: 220px !important;\n        min-width: 220px !important;\n        max-width: 220px !important;\n      }\n\n      .be-foundation-main {\n        width: calc(100% - 266px) !important;\n      }\n\n      .be-foundation-subnav-title {\n        padding: 24px 22px 22px !important;\n      }\n\n      .be-foundation-subnav-title strong {\n        font-size: 21px !important;\n      }\n\n      .be-foundation-subnav-list a {\n        min-height: 50px !important;\n        font-size: 14.5px !important;\n      }\n\n      .be-foundation-subnav-list a.is-current {\n        font-size: 15px !important;\n      }\n\n      .be-foundation-heading {\n        gap: 24px !important;\n      }\n\n      .be-foundation-heading h2 {\n        font-size: 32px !important;\n      }\n\n      .be-foundation-heading p {\n        max-width: 470px !important;\n        font-size: 16px !important;\n        line-height: 1.7 !important;\n      }\n\n      .be-foundation-cover {\n        margin-bottom: 58px !important;\n      }\n\n      .be-foundation-intro-item {\n        grid-template-columns: 96px minmax(0, 1fr) !important;\n        gap: 28px !important;\n        padding: 42px 0 46px !important;\n      }\n\n      .be-foundation-intro-item p,\n      .be-foundation-greeting p {\n        font-size: 17px !important;\n      }\n\n      .be-foundation-greeting-layout {\n        grid-template-columns: minmax(180px, 215px) minmax(0, 1fr) !important;\n        gap: 44px !important;\n      }\n\n      .be-foundation-greeting-lead {\n        font-size: 22px !important;\n      }\n\n      .be-foundation-greeting-body p {\n        font-size: 17px !important;\n      }\n    }\n\n    \/* \uc791\uc740 \ub178\ud2b8\ubd81 \/ \ud070 \ud0dc\ube14\ub9bf: 769px ~ 1024px *\/\n    @media (max-width: 1024px) and (min-width: 769px) {\n      .be-foundation-hero {\n        min-height: 520px !important;\n        padding: 120px 0 66px !important;\n      }\n\n      .be-foundation-hero-inner {\n        width: calc(100% - 52px) !important;\n      }\n\n      .be-foundation-eyebrow {\n        font-size: 13px !important;\n      }\n\n      .be-foundation-hero h1 {\n        font-size: 42px !important;\n      }\n\n      .be-foundation-hero p {\n        max-width: 680px !important;\n        font-size: 17px !important;\n      }\n\n      .be-foundation-body {\n        gap: 34px !important;\n        padding: 70px 26px 92px !important;\n      }\n\n      .be-foundation-sidebar {\n        flex: 0 0 196px !important;\n        width: 196px !important;\n        min-width: 196px !important;\n        max-width: 196px !important;\n      }\n\n      .be-foundation-main {\n        width: calc(100% - 230px) !important;\n      }\n\n      .be-foundation-subnav-title {\n        padding: 22px 18px 20px !important;\n      }\n\n      .be-foundation-subnav-title small {\n        font-size: 10.5px !important;\n        letter-spacing: 0.11em !important;\n      }\n\n      .be-foundation-subnav-title strong {\n        font-size: 19px !important;\n      }\n\n      .be-foundation-subnav-list {\n        padding: 8px 10px 12px !important;\n      }\n\n      .be-foundation-subnav-list a {\n        min-height: 46px !important;\n        padding: 0 11px !important;\n        font-size: 13.5px !important;\n      }\n\n      .be-foundation-subnav-list a:hover,\n      .be-foundation-subnav-list a.is-current {\n        padding-left: 17px !important;\n      }\n\n      .be-foundation-subnav-list a.is-current {\n        font-size: 14px !important;\n      }\n\n      .be-foundation-heading {\n        display: block !important;\n        margin-bottom: 30px !important;\n      }\n\n      .be-foundation-heading h2 {\n        font-size: 31px !important;\n      }\n\n      .be-foundation-heading p {\n        margin-top: 10px !important;\n        font-size: 15.5px !important;\n        line-height: 1.72 !important;\n      }\n\n      .be-foundation-cover {\n        aspect-ratio: 16 \/ 9 !important;\n        margin-bottom: 50px !important;\n      }\n\n      .be-foundation-section-nav {\n        margin-bottom: 42px !important;\n      }\n\n      .be-foundation-intro-item {\n        grid-template-columns: 78px minmax(0, 1fr) !important;\n        gap: 24px !important;\n        padding: 38px 0 42px !important;\n      }\n\n      .be-foundation-intro-num {\n        font-size: 21px !important;\n      }\n\n      .be-foundation-intro-item h3 {\n        font-size: 23px !important;\n      }\n\n      .be-foundation-intro-item p,\n      .be-foundation-greeting p {\n        font-size: 16px !important;\n        line-height: 1.9 !important;\n      }\n\n      .be-foundation-greeting-head {\n        margin-bottom: 46px !important;\n        padding-bottom: 42px !important;\n      }\n\n      .be-foundation-greeting-title h2 {\n        font-size: 32px !important;\n      }\n\n      .be-foundation-greeting-lead {\n        font-size: 20px !important;\n      }\n\n      .be-foundation-greeting-layout {\n        grid-template-columns: 1fr !important;\n        gap: 42px !important;\n      }\n\n      .be-foundation-greeting-portrait {\n        position: relative !important;\n        top: auto !important;\n        width: min(260px, 48%) !important;\n        margin: 0 auto !important;\n      }\n\n      .be-foundation-greeting-copy {\n        width: 100% !important;\n      }\n\n      .be-foundation-greeting-body p {\n        font-size: 16px !important;\n        line-height: 1.92 !important;\n      }\n    }\n\n    \/* \ubaa8\ubc14\uc77c \/ \ud578\ub4dc\ud3f0: 768px \uc774\ud558 *\/\n    @media (max-width: 768px) {\n      .be-foundation {\n        overflow-x: hidden !important;\n      }\n\n      .be-foundation-hero {\n        min-height: 430px !important;\n        padding: 104px 0 54px !important;\n      }\n\n      .be-foundation-hero-inner {\n        width: calc(100% - 36px) !important;\n      }\n\n      .be-foundation-eyebrow {\n        gap: 9px !important;\n        margin-bottom: 12px !important;\n        font-size: 11.5px !important;\n        letter-spacing: 0.12em !important;\n        word-break: keep-all !important;\n      }\n\n      .be-foundation-eyebrow::before {\n        width: 28px !important;\n      }\n\n      .be-foundation-hero h1 {\n        margin-bottom: 10px !important;\n        font-size: 36px !important;\n        line-height: 1.18 !important;\n      }\n\n      .be-foundation-hero p {\n        max-width: 92% !important;\n        font-size: 15.5px !important;\n        line-height: 1.68 !important;\n        word-break: keep-all !important;\n      }\n\n      .be-foundation-body {\n        display: block !important;\n        width: 100vw !important;\n        min-width: 100vw !important;\n        max-width: none !important;\n        margin-left: calc(50% - 50vw) !important;\n        margin-right: calc(50% - 50vw) !important;\n        padding: 46px 18px 78px !important;\n      }\n\n      \/* \ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 \uc67c\ucabd \uc11c\ube0c\uba54\ub274 \uc81c\uac70 *\/\n      .be-foundation-sidebar {\n        display: none !important;\n        visibility: hidden !important;\n        width: 0 !important;\n        height: 0 !important;\n        min-width: 0 !important;\n        max-width: 0 !important;\n        margin: 0 !important;\n        padding: 0 !important;\n        overflow: hidden !important;\n      }\n\n      .be-foundation-main {\n        width: 100% !important;\n        max-width: none !important;\n        margin: 0 auto !important;\n      }\n\n      .be-foundation-section-nav {\n        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n        gap: 6px !important;\n        margin-bottom: 34px !important;\n        padding: 6px !important;\n      }\n\n      .be-foundation-section-nav button {\n        min-height: 52px !important;\n        padding: 0 10px 0 25px !important;\n        font-size: 13px !important;\n        line-height: 1.25 !important;\n        word-break: keep-all !important;\n      }\n\n      .be-foundation-section-nav button.is-active {\n        font-size: 13px !important;\n      }\n\n      .be-foundation-section-nav button::before {\n        left: 12px !important;\n      }\n\n      .be-foundation-heading {\n        display: block !important;\n        margin-bottom: 24px !important;\n        padding-bottom: 19px !important;\n      }\n\n      .be-foundation-heading span {\n        margin-bottom: 7px !important;\n        font-size: 12px !important;\n      }\n\n      .be-foundation-heading h2 {\n        font-size: 28px !important;\n        line-height: 1.28 !important;\n      }\n\n      .be-foundation-heading p {\n        margin-top: 10px !important;\n        font-size: 14.5px !important;\n        line-height: 1.68 !important;\n        word-break: keep-all !important;\n      }\n\n      .be-foundation-cover {\n        aspect-ratio: 4 \/ 3 !important;\n        margin-bottom: 38px !important;\n        border-radius: 8px !important;\n      }\n\n      .be-foundation-intro-list {\n        scroll-margin-top: 80px !important;\n      }\n\n      .be-foundation-intro-item {\n        display: block !important;\n        padding: 30px 0 34px !important;\n      }\n\n      .be-foundation-intro-num {\n        display: block !important;\n        margin-bottom: 10px !important;\n        font-size: 18px !important;\n      }\n\n      .be-foundation-intro-item h3 {\n        margin-bottom: 14px !important;\n        font-size: 22px !important;\n        line-height: 1.35 !important;\n      }\n\n      .be-foundation-intro-item p,\n      .be-foundation-greeting p {\n        font-size: 15px !important;\n        line-height: 1.86 !important;\n        word-break: keep-all !important;\n      }\n\n      .be-foundation-greeting {\n        margin-top: 0 !important;\n        padding-top: 0 !important;\n      }\n\n      .be-foundation-greeting-head {\n        margin-bottom: 36px !important;\n        padding-bottom: 34px !important;\n      }\n\n      .be-foundation-greeting-title span {\n        font-size: 12px !important;\n      }\n\n      .be-foundation-greeting-title h2 {\n        font-size: 28px !important;\n      }\n\n      .be-foundation-greeting-lead {\n        margin-top: 24px !important;\n        font-size: 18px !important;\n        line-height: 1.62 !important;\n      }\n\n      .be-foundation-greeting-lead::before {\n        width: 34px !important;\n        margin-bottom: 18px !important;\n      }\n\n      .be-foundation-greeting-layout {\n        grid-template-columns: 1fr !important;\n        gap: 34px !important;\n      }\n\n      .be-foundation-greeting-portrait {\n        position: relative !important;\n        top: auto !important;\n        width: min(230px, 74%) !important;\n        margin: 0 auto !important;\n        padding: 24px 12px 0 !important;\n      }\n\n      .be-foundation-greeting-portrait::before,\n      .be-foundation-greeting-portrait::after {\n        height: 286px !important;\n      }\n\n      .be-foundation-greeting-portrait img {\n        max-height: 360px !important;\n      }\n\n      .be-foundation-greeting-portrait figcaption {\n        padding-left: 42px !important;\n      }\n\n      .be-foundation-greeting-body p {\n        margin-bottom: 22px !important;\n        font-size: 15px !important;\n        line-height: 1.86 !important;\n      }\n\n      .be-foundation-sign {\n        margin-top: 36px !important;\n        padding-top: 24px !important;\n        font-size: 15px !important;\n      }\n\n      .be-foundation-sign strong {\n        font-size: 18px !important;\n      }\n    }\n\n    \/* \uc791\uc740 \ubaa8\ubc14\uc77c: 480px \uc774\ud558 *\/\n    @media (max-width: 480px) {\n      .be-foundation-hero {\n        min-height: 390px !important;\n        padding: 96px 0 46px !important;\n      }\n\n      .be-foundation-hero h1 {\n        font-size: 32px !important;\n      }\n\n      .be-foundation-hero p {\n        max-width: 100% !important;\n        font-size: 14.5px !important;\n      }\n\n      .be-foundation-body {\n        padding: 40px 16px 70px !important;\n      }\n\n      .be-foundation-section-nav {\n        margin-bottom: 30px !important;\n      }\n\n      .be-foundation-section-nav button {\n        min-height: 50px !important;\n        padding: 0 8px 0 23px !important;\n        font-size: 12.5px !important;\n      }\n\n      .be-foundation-section-nav button.is-active {\n        font-size: 12.5px !important;\n      }\n\n      .be-foundation-heading h2,\n      .be-foundation-greeting-title h2 {\n        font-size: 25px !important;\n      }\n\n      .be-foundation-heading p,\n      .be-foundation-intro-item p,\n      .be-foundation-greeting p,\n      .be-foundation-greeting-body p {\n        font-size: 14px !important;\n        line-height: 1.82 !important;\n      }\n\n      .be-foundation-cover {\n        margin-bottom: 32px !important;\n      }\n\n      .be-foundation-intro-item {\n        padding: 27px 0 31px !important;\n      }\n\n      .be-foundation-intro-item h3 {\n        font-size: 20px !important;\n      }\n\n      .be-foundation-greeting-lead {\n        font-size: 16.5px !important;\n      }\n\n      .be-foundation-greeting-portrait {\n        width: min(215px, 78%) !important;\n      }\n\n      .be-foundation-greeting-portrait::before,\n      .be-foundation-greeting-portrait::after {\n        height: 266px !important;\n      }\n\n      .be-foundation-greeting-portrait img {\n        max-height: 330px !important;\n      }\n    }\n\n    \/* \uc544\uc8fc \uc791\uc740 \ubaa8\ubc14\uc77c: 375px \uc774\ud558 *\/\n    @media (max-width: 375px) {\n      .be-foundation-hero h1 {\n        font-size: 30px !important;\n      }\n\n      .be-foundation-eyebrow {\n        font-size: 10.5px !important;\n      }\n\n      .be-foundation-section-nav button {\n        padding-left: 21px !important;\n        font-size: 12px !important;\n      }\n\n      .be-foundation-section-nav button.is-active {\n        font-size: 12px !important;\n      }\n\n      .be-foundation-section-nav button::before {\n        left: 10px !important;\n      }\n    }\n\n<\/style>\n\n  <section class=\"be-foundation-hero\">\n    <div class=\"be-foundation-hero-bg\"><\/div>\n    <div class=\"be-foundation-hero-inner\">\n      <div class=\"be-foundation-eyebrow\">FOUNDATION INTRODUCTION<\/div>\n      <h1>\uc7ac\ub2e8\uc18c\uac1c<\/h1>\n      <p>\ubc14\ub978 \uacbd\uc81c\uc758 \uac00\uce58\uc640 \uc7ac\ub2e8\uc758 \ubc1c\uc790\ucde8\ub97c \uc18c\uac1c\ud569\ub2c8\ub2e4.<\/p>\n    <\/div>\n  <\/section>\n<\/div>\n\n\n\n<div class=\"wp-block-group be-foundation be-foundation-body be-foundation-reveal\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n  \n  <aside class=\"be-foundation-sidebar\">\n    <div class=\"be-foundation-subnav-title\">\n      <small>FOUNDATION GUIDE<\/small>\n      <strong>\uc7ac\ub2e8 \uc548\ub0b4<\/strong>\n    <\/div>\n    <nav class=\"be-foundation-subnav-list\" aria-label=\"\uc7ac\ub2e8 \uc548\ub0b4 \uc11c\ube0c\uba54\ub274\">\n      <a href=\"\/?page_id=14\" class=\"is-current\" aria-current=\"page\">\uc7ac\ub2e8\uc548\ub0b4<\/a>\n      <a href=\"\/?page_id=19\">\uc5f0\ud601<\/a>\n      <a href=\"\/?page_id=21\">\uc5ed\ub300 \uc774\uc0ac\uc7a5 \u00b7 \ud68c\uc7a5<\/a>\n      <a href=\"\/?page_id=23\">\uc8fc\uc694\ud65c\ub3d9<\/a>\n      <a href=\"\/?page_id=25\">\uc870\uc9c1\ub3c4<\/a>\n      <a href=\"\/?page_id=27\">\uc815\uad00<\/a>\n      <a href=\"\/?page_id=29\">\uc724\ub9ac\ud5cc\uc7a5<\/a>\n      <a href=\"\/?page_id=31\">\uc774\uc0ac\ud68c<\/a>\n      <a href=\"\/?page_id=33\">\uc624\uc2dc\ub294 \uae38<\/a>\n    <\/nav>\n  <\/aside>\n  \n\n  \n  <div class=\"wp-block-group be-foundation-main\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n    \n    <nav class=\"be-foundation-section-nav\" aria-label=\"\uc7ac\ub2e8\uc18c\uac1c \ucf58\ud150\uce20\">\n      <button type=\"button\" class=\"is-active\" data-foundation-tab=\"intro\">\uc7ac\ub2e8\uc18c\uac1c<\/button>\n      <button type=\"button\" data-foundation-tab=\"greeting\">\uc774\uc0ac\uc7a5 \uc778\uc0ac\ub9d0<\/button>\n    <\/nav>\n\n    <div class=\"be-foundation-tab-panel is-active\" data-foundation-panel=\"intro\">\n      <div class=\"be-foundation-heading\">\n        <div>\n          <span>FOUNDATION INTRODUCTION<\/span>\n          <h2>\uc7ac\ub2e8\uc18c\uac1c<\/h2>\n        <\/div>\n        <p>\ubc14\ub978 \uacbd\uc81c\ub97c \uc2e4\ud604\ud558\uae30 \uc704\ud574 \uac78\uc5b4\uc628 \uae38\uacfc \uc7ac\ub2e8\uc758 \uc124\ub9bd \ucde8\uc9c0\ub97c \uc18c\uac1c\ud569\ub2c8\ub2e4.<\/p>\n      <\/div>\n\n      <figure class=\"be-foundation-cover\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/KakaoTalk_20260615_143316504-scaled.jpg\" alt=\"\uc7ac\ub2e8\ubc95\uc778 \ubc14\ub978\uacbd\uc81c \uc18c\uac1c\">\n      <\/figure>\n\n      <div class=\"be-foundation-intro-list\">\n        <section class=\"be-foundation-intro-item\">\n          <span class=\"be-foundation-intro-num\">01<\/span>\n          <div>\n            <h3>\u2018\ubc14\ub978\uacbd\uc81c\u2019\ub780?<\/h3>\n            <p>\u2018\ubc14\ub978\uacbd\uc81c\u2019\ub294 \u2018\uacbd\uc81c\uc815\uc758\uc2e4\ucc9c\uc2dc\ubbfc\uc5f0\ud569\u2019(\uacbd\uc2e4\ub828)\uc758 \uc0c1\uacf5\uc778 \ubaa8\uc784\uc73c\ub85c \ucd9c\ubc1c\ud574\uc11c \ubcf4\ub2e4 \ub9ce\uc740 \uae30\uc5c5\uc778\ub4e4\uc774 \ub3d9\ucc38\ud560 \uc218 \uc788\ub3c4\ub85d 1993\ub144 3\uc6d4 29\uc77c \u2018\uc7ac\uc815\uacbd\uc81c\ubd80\u2019 \uc0b0\ud558 \u2018\uc0ac\ub2e8\ubc95\uc778 \ubc14\ub978\uacbd\uc81c\ub3d9\uc778\ud68c\u2019\ub85c \ub4f1\ub85d\ud55c \ub4a4, \ub3d9\ub144 3\uc6d4 30\uc77c\uc5d0 30\uba85\uc758 \ud68c\uc6d0\uc73c\ub85c \ucc3d\ub9bd\ub418\uc5c8\uc2b5\ub2c8\ub2e4. 31\ub144\uc774 \uc9c0\ub09c 2024\ub144 3\uc6d4 6\uc77c \u2018\uc7ac\ub2e8\ubc95\uc778 \ubc14\ub978\uacbd\uc81c\u2019\ub85c \uc804\ud658\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n          <\/div>\n        <\/section>\n\n        <section class=\"be-foundation-intro-item\">\n          <span class=\"be-foundation-intro-num\">02<\/span>\n          <div>\n            <h3>\ucd9c\ubc94 \ubc30\uacbd \ubc0f \ucde8\uc9c0<\/h3>\n            <p>\uc6b0\ub9ac \uc0ac\ud68c\uc640 \uacbd\uc81c\uc758 \ub2e4\uc74c \ub2e8\uacc4 \ub3c4\uc57d\uc744 \uc704\ud574\uc11c\ub294 \ud22c\uba85\uacbd\uc81c\uc640 \ubd80\uc815\ubd80\ud328\uc758 \ucc99\uacb0\uc774 \ud544\uc218\ub77c\uace0 \ubd05\ub2c8\ub2e4. \uc774\ub97c \ub2ec\uc131\ud558\uae30 \uc704\ud55c \ud65c\ub3d9 \ucde8\uc9c0\uc5d0 \uae4a\uc774 \uacf5\uac10\ud558\uace0 \uc815\ucc45 \uc785\uc548\uc5d0 \uc2e4\ubb3c\uacbd\uc81c\uc758 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud558\ub294 \ub4f1 \uac19\uc740 \ub73b\uc744 \uac00\uc9c4 \uae30\uc5c5\uc778\ub4e4\uc774 \ubaa8\uc5ec \ubcf4\ub2e4 \uccb4\uacc4\uc801\uc774\uace0 \uc9c0\uc18d\uc801\uc73c\ub85c \uc758\ubbf8 \uc788\ub294 \ud65c\ub3d9\uc744 \ud574 \ub098\uac00\uc790\ub294 \uacf5\uac10\ub300\uac00 \ud615\uc131\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc6b0\ub9ac \uacbd\uc81c\ub97c \uc0b4\ub9ac\uae30 \uc704\ud55c \ubc29\uc548 \uac80\ud1a0, \ubd80\uc815\ubd80\ud328 \ucc99\uacb0 \ubc29\uc548\uc758 \ubaa8\uc0c9, \uae30\uc5c5\uc724\ub9ac \ud655\ub9bd\uc6b4\ub3d9\uacfc \uacf5\uc815\ud55c \uacbd\uc81c\uc9c8\uc11c \uc218\ub9bd\uc6b4\ub3d9, \uc808\uc57d \ubc0f \ub098\ub214 \uc6b4\ub3d9, \ubd88\ud569\ub9ac\ud55c \uaddc\uc81c \ucca0\ud3d0\ub97c \uc704\ud55c \ub178\ub825 \ub4f1 \uc591\uc2ec\uc801 \uae30\uc5c5\uc778\ub4e4\uc758 \uc0ac\ud68c\uc801 \ucc45\uc784\uac10\uc774 \ubaa8\uc784\uc744 \ub9cc\ub4e0 \ud575\uc2ec \ub3d9\ub825\uc774\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n          <\/div>\n        <\/section>\n\n        <section class=\"be-foundation-intro-item\">\n          <span class=\"be-foundation-intro-num\">03<\/span>\n          <div>\n            <h3>\uc124\ub9bd \ubaa9\uc801<\/h3>\n            <p>\uc815\uc758\ub85c\uc6b4 \uc0ac\ud68c \uac74\uc124\uc744 \uc704\ud558\uc5ec \ubc14\ub974\uac8c \uacbd\uc601\ud558\ub824\ub294 \uae30\uc5c5\uc778\uacfc \uacbd\uc601\uc778\uc758 \ubaa8\uc784\uc73c\ub85c\uc11c \uc62c\ubc14\ub978 \uae30\uc5c5\uc724\ub9ac\uc758 \ud655\ub9bd, \uac74\uc804\ud55c \ub178\uc0ac\uad00\uacc4\uc758 \ud655\ub9bd, \uacf5\uc815\ud55c \uacbd\uc81c\uc9c8\uc11c\uc758 \uc218\ub9bd \ub4f1\uc758 \uacfc\uc81c \uc2e4\ud604\uc744 \uc704\ud558\uc5ec \uc2e0\uae30\uc5c5\uc6b4\ub3d9\uc744 \uc804\uac1c\ud558\uace0 \ud544\uc694\ud55c \uc815\ucc45\uc744 \uac1c\ubc1c\ud558\uc5ec \ubc14\ub978\uacbd\uc81c \uc2e4\ud604\uc5d0 \uae30\uc5ec\ud568\uc744 \ubaa9\uc801\uc73c\ub85c \ud569\ub2c8\ub2e4.<\/p>\n          <\/div>\n        <\/section>\n      <\/div>\n    <\/div>\n\n    <div class=\"be-foundation-tab-panel\" data-foundation-panel=\"greeting\">\n      <section class=\"be-foundation-greeting\">\n        <div class=\"be-foundation-greeting-head\">\n          <div class=\"be-foundation-greeting-title\">\n            <span>GREETING<\/span>\n            <h2>\uc774\uc0ac\uc7a5 \uc778\uc0ac\ub9d0<\/h2>\n          <\/div>\n          <p class=\"be-foundation-greeting-lead\">\uc548\ub155\ud558\uc2ed\ub2c8\uae4c.<br>\ubc14\ub978 \uacbd\uc81c\uc758 \uc2e4\ucc9c\uc744 \uc704\ud574 \ud568\uaed8\ud574 \uc8fc\uc2dc\ub294 \uc5ec\ub7ec\ubd84\uc744 \uc9c4\uc2ec\uc73c\ub85c \ud658\uc601\ud569\ub2c8\ub2e4.<\/p>\n        <\/div>\n\n        <div class=\"be-foundation-greeting-layout\">\n          <figure class=\"be-foundation-greeting-portrait\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/40cf0f20-34ae-4cb7-bc3c-f18748167a99-\ubcf5\uc0ac.png\" alt=\"\ubc14\ub978\uacbd\uc81c \uc774\uc0ac\uc7a5 \uae40\ub3d9\uc218\">\n            <figcaption>KIM DONG SOO<\/figcaption>\n          <\/figure>\n\n          <div class=\"be-foundation-greeting-copy\">\n            <div class=\"be-foundation-greeting-body\">\n            <p>\uc548\ub155\ud558\uc2ed\ub2c8\uae4c!<br>(\uc0ac)\ubc14\ub978\uacbd\uc81c\ub3d9\uc778\ud68c \uc774\uc0ac\uc7a5 \uae40\ub3d9\uc218\uc785\ub2c8\ub2e4.<br>\uc800\ud76c \uc0ac\uc774\ud2b8\ub97c \ubc29\ubb38\ud574 \uc8fc\uc154\uc11c \uace0\ub9d9\uc2b5\ub2c8\ub2e4.<\/p>\n\n            <p>\uc800\ud76c \ub3d9\uc778\ud68c\ub294 \uae30\uc5c5\ud65c\ub3d9\uc5d0 \uc885\uc0ac\ud558\ub294 \uae30\uc5c5\uc778\ub4e4\uacfc \uae30\uc5c5\uacbd\uc601\uacfc \uad00\ub828\ub41c \uc804\ubb38\uac00\ub4e4\uc758 \ubaa8\uc784\uc785\ub2c8\ub2e4. \ube60\ub978 \uacbd\uc81c\uc131\uc7a5\uc5d0 \ud750\ud2b8\ub7ec\uc9c4 \uae30\uc5c5\ud658\uacbd \uc544\ub798\uc5d0\uc11c\ub3c4 \ud22c\uba85\ud558\uace0 \uae68\ub057\ud55c \uacbd\uc81c\ud65c\ub3d9\uc744 \ud558\uba74\uc11c \ubc18\uce59\uc774\ub098 \ud3b8\ubc95\uc5d0 \uc758\uc9c0\ud558\uc9c0 \uc54a\uace0 \uae30\ubcf8\uacfc \uc6d0\uce59\uc744 \uc911\uc2dc\ud558\ub294 \uae30\uc5c5\uc778\ub4e4\uc774 \uacf3\uacf3\uc5d0 \ub9ce\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n            <p>\uc800\ud76c \ub3d9\uc778\ud68c\ub294 \uc774\ub7f0 \ubd84\ub4e4\uc5d0\uac8c \uc9c0\uc18d\uc801\uc73c\ub85c \ubc14\ub978 \uacbd\uc81c \ud65c\ub3d9\uc758 \ubc29\ud5a5\uc744 \uc81c\uc2dc\ud558\uace0 \ub3c4\uc6c0\uc744 \uc904 \uc218 \uc788\ub3c4\ub85d \uc81c\ub3c4\uc801\uc778 \ud2c0\uc744 \ub9cc\ub4e4\uba70 \uc2e4\ucc9c\ud574 \ub098\uac00\ub294\ub370 \ub3c4\uc6c0\uc744 \uc8fc\ub294 \uc0ac\uc5c5\uc744 \ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n            <p>\uc0ac\uc2e4 \uc774\ub7f0 \uc0dd\uac01\uc744 \uac00\uc9c0\uace0 \uae30\uc5c5\uacbd\uc601\uc744 \uc2dc\uc791\ud560 \ub54c\ubd80\ud130 \ud3c9\uc0dd \ubc14\ub978 \uacbd\uc81c\ub97c \uc2e4\ucc9c\ud574 \uc628 \ubd84\uc774 \uacc4\uc2ed\ub2c8\ub2e4. \ubc14\ub85c \uc800\ud76c \ub3d9\uc778\ud68c \ub300\ud45c \uc124\ub9bd\uc790\uc774\uc2e0 \ubc15\uc885\uaddc \ud68c\uc7a5\uc774\uc2ed\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 \uc774 \ubd84\uc758 \uc0b6\uc5d0\uc11c \ud55c\uacb0\uac19\uc774 \uc2e4\ucc9c\ud574 \uc628 \ubc14\ub978 \uacbd\uc81c\ub97c \ubc30\uc6b0\uace0 \ub110\ub9ac \uc54c\ub824 \uc2e4\ucc9c\ud558\uace0\uc790 \ud569\ub2c8\ub2e4.<\/p>\n\n            <p>\uc800\ud76c\ub294 \uae30\uc5c5\uacfc \uae30\uc5c5\uc778\uc744 \uad6c\ubd84\ud574\uc11c \uc0dd\uac01\ud569\ub2c8\ub2e4. \uae30\uc5c5\uc740 \uc790\uccb4\uc758 \ubaa9\ud45c\uc5d0 \ub530\ub77c \ud22c\uc790\uc790, \uc9c1\uc6d0, \uc8fc\ubcc0\uc758 \uc790\uc6d0 \uacf5\uae09\uc790\ub4e4\uacfc \uacc4\uc57d\uc5d0 \uc758\ud574 \uc0dd\uc0b0\ud65c\ub3d9\uc744 \ud558\uace0 \uc0b0\ucd9c\ub41c \uc0c1\ud488\uc774\ub098 \uc11c\ube44\uc2a4\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc2dc\uac04\uc774 \ud750\ub984\uc5d0 \ub530\ub77c \uae30\uc5c5\uc758 \ubaa8\ub4e0 \uc774\ud574\uad00\uacc4 \uc694\uc18c\uac00 \ubc14\ub00c\uc5b4 \ub098\uac00\uc9c0\ub9cc \uae30\uc5c5\uc740 \uc5b4\ub5bb\uac8c \uacbd\uc601\ud558\ub290\ub0d0\uc5d0 \ub530\ub77c \uc874\ud3d0\uac00 \uacb0\uc815\ub429\ub2c8\ub2e4. \uae30\uc5c5\ub3c4 \uc0ac\ub78c\uacfc \ub9c8\ucc2c\uac00\uc9c0\ub85c \uc624\ub798 \uc0b4\uae30\ub97c \ubc14\ub78d\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uc7a5\uc218\uc758 \uafc8\uc744 \uc774\ub8e8\uac8c \ud558\ub294 \ubc14\ub978 \uacbd\uc601\uc740 \uc0ac\uc2e4 \uae30\uc5c5\uc778\uc758 \uc758\uc0ac\uacb0\uc815\uc5d0 \ub2ec\ub824 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n            <p>\uae30\uc5c5\uc778\uc758 \uc9c0\uc18d\uc801 \ubc14\ub978 \uc120\ud0dd\uc774 \ubc14\ub978 \uae30\uc5c5\ubb38\ud654\ub97c \ub9cc\ub4dc\ub294 \uac83\uc785\ub2c8\ub2e4. \ub530\ub77c\uc11c \uc800\ud76c\ub294 \uae30\uc5c5\uc778\uc758 \uc758\uc2dd\ud601\uba85\uc5d0 \ud070 \uc911\uc810\uc744 \ub450\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uae30\uc5c5\uc774 \uae30\ubcf8\uacfc \uc6d0\uce59\uc744 \ubb34\uc2dc\ud558\uace0 \ubc14\ub974\uc9c0 \ubabb\ud55c \uc774\uc775 \ucd94\uad6c\uc5d0 \ubab0\ub450\ud55c\ub2e4\uba74 \uacb0\uad6d \ubc88\uc601\uc758 \uae30\ubc18\uc778 \uc790\uc720\uc2dc\uc7a5\uacbd\uc81c\uc640 \uc0ac\ud68c \uc548\uc815\uc744 \ud574\uce58\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n            <p>\uae30\uc5c5\uacbd\uc601\uc5d0 \ub530\ub978 \uc77c\ub828\uc758 \uacfc\uc815\uc5d0\uc11c \uc6b0\ub9ac\ub294 \uacf5\uc815\ud568\uacfc \uc815\uc758\ub85c\uc6c0\uc774 \ubaa8\ub450 \uc99d\uac00\ub418\uae30\ub97c \ubc14\ub78d\ub2c8\ub2e4. \uc57d\uc18d\ub41c \uc784\uae08\uacfc \uc0dd\uc0b0\uc694\uc18c \uac00\uaca9\uc758 \uc9c0\ubd88\uc740 \uacf5\uc815\ud558\uac8c \ub418\uc5b4\uc57c \ud558\uace0, \uae30\ub300\ud588\ub358 \uc774\uc0c1\uc758 \uc218\uc775\uc5d0 \ub300\ud55c \ubc30\ubd84\ub3c4 \ubcf4\ub2e4 \uc815\uc758\ub85c\uc6cc\uc57c \ud55c\ub2e4\ub294 \uc0dd\uac01\uc785\ub2c8\ub2e4.<\/p>\n\n            <p>\ub05d\uc73c\ub85c, \uc9c0\uae08 \uc6b0\ub9ac\ub098\ub77c\uc758 \uc8fc\uc694 \uacbd\uc81c\uc778\ub2e8\uccb4\ub294 \ubaa8\ub450 \ud68c\uc6d0\uc758 \uad8c\uc775\uc744 \ucd94\uad6c\ud558\ub294 \ub2e8\uccb4\ub4e4\ubfd0\uc785\ub2c8\ub2e4. \uc55e\uc73c\ub85c \ud68c\uc6d0\ub4e4\uc758 \uac1c\ubcc4\uc801\uc778 \uc774\uc775\uc774 \uc544\ub2c8\ub77c \uc6b0\uc120 \uae30\uc5c5\uc758 \uc0dd\ud0dc\uacc4\ub97c \uae68\ub057\ud558\uac8c \ub9cc\ub4e4\uae30 \uc704\ud574 \ubc14\ub978\uacbd\uc81c\ub3d9\uc778\ud68c\uac00 \uc8fc\uc694 \uacbd\uc81c\ub2e8\uccb4\uc758 \ud558\ub098\ub85c \uc131\uc7a5\ud558\uace0 \ud65c\ub3d9\ud558\uac8c \ub418\ub294 \uac83\uc774 \uc800\ud76c \ubaa9\ud45c\uc785\ub2c8\ub2e4. \uacf5\uae30\uc5d0 \ube44\uc720\ud55c\ub2e4\uba74 \ub2e4 \uac19\uc774 \uac74\uac15\ud558\uac8c \uc0b4\uae30 \uc704\ud574 \ubbf8\uc138\uba3c\uc9c0\ub97c \uc81c\uac70\ud558\uace0 \uacf5\uae30\ub97c \uae68\ub057\uc774 \ud558\uc790\ub294 \uc6b4\ub3d9\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n            <p>\uc800\ud76c \ub3d9\uc778\ud68c\uc5d0 \uac00\uc785\ud574 \uc8fc\uc2dc\uace0 \ubc14\ub978 \uacbd\uc81c \uc2e4\ucc9c\uc744 \uc704\ud574 \uc131\uc6d0\ud574 \uc8fc\uc2dc\uae30 \ubc14\ub77c\uaca0\uc2b5\ub2c8\ub2e4.<br>\uac10\uc0ac\ud569\ub2c8\ub2e4.<\/p>\n            <\/div>\n\n            <div class=\"be-foundation-sign\">\n              \uc7ac\ub2e8\ubc95\uc778 \ubc14\ub978\uacbd\uc81c \uc774\uc0ac\uc7a5\n              <strong>\uae40\ub3d9\uc218<\/strong>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n    <\/div>\n    \n  <\/div><\/div>\n  \n<\/div><\/div>\n\n\n\n<script>\n(function () {\n  function initFoundationPage() {\n    var chapters = document.querySelectorAll(\".be-foundation-reveal\");\n    var tabButtons = document.querySelectorAll(\".be-foundation-section-nav button\");\n    var tabPanels = document.querySelectorAll(\".be-foundation-tab-panel\");\n\n    tabButtons.forEach(function (button) {\n      button.addEventListener(\"click\", function () {\n        var target = button.getAttribute(\"data-foundation-tab\");\n\n        tabButtons.forEach(function (item) {\n          item.classList.toggle(\"is-active\", item === button);\n        });\n\n        tabPanels.forEach(function (panel) {\n          panel.classList.toggle(\n            \"is-active\",\n            panel.getAttribute(\"data-foundation-panel\") === target\n          );\n        });\n      });\n    });\n\n    if (!chapters.length) return;\n\n    if (!(\"IntersectionObserver\" in window)) {\n      chapters.forEach(function (chapter) {\n        chapter.classList.add(\"is-visible\");\n      });\n      return;\n    }\n\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"is-visible\");\n          observer.unobserve(entry.target);\n        }\n      });\n    }, {\n      threshold: 0.04,\n      rootMargin: \"0px 0px -12% 0px\"\n    });\n\n    chapters.forEach(function (chapter) {\n      observer.observe(chapter);\n    });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initFoundationPage);\n  } else {\n    initFoundationPage();\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>FOUNDATION INTRODUCTION \uc7ac\ub2e8\uc18c\uac1c \ubc14\ub978 \uacbd\uc81c\uc758 \uac00\uce58\uc640 \uc7ac\ub2e8\uc758 \ubc1c\uc790\ucde8\ub97c \uc18c\uac1c\ud569\ub2c8\ub2e4. FOUNDATION GUIDE \uc7ac\ub2e8 \uc548\ub0b4 \uc7ac\ub2e8\uc548\ub0b4 \uc5f0\ud601 \uc5ed\ub300 \uc774\uc0ac\uc7a5 \u00b7 \ud68c\uc7a5 \uc8fc\uc694\ud65c\ub3d9 \uc870\uc9c1\ub3c4 \uc815\uad00 \uc724\ub9ac\ud5cc\uc7a5 \uc774\uc0ac\ud68c \uc624\uc2dc\ub294 \uae38 \uc7ac\ub2e8\uc18c\uac1c \uc774\uc0ac\uc7a5 \uc778\uc0ac\ub9d0 FOUNDATION INTRODUCTION \uc7ac\ub2e8\uc18c\uac1c \ubc14\ub978 \uacbd\uc81c\ub97c \uc2e4\ud604\ud558\uae30 \uc704\ud574 \uac78\uc5b4\uc628 \uae38\uacfc \uc7ac\ub2e8\uc758 \uc124\ub9bd &hellip; <a href=\"https:\/\/barun26.co.kr\/?page_id=14\">Continued<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"kt_blocks_editor_width":"","footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/barun26.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/barun26.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/barun26.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/barun26.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/barun26.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":32,"href":"https:\/\/barun26.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":531,"href":"https:\/\/barun26.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/531"}],"wp:attachment":[{"href":"https:\/\/barun26.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}