/* NEXFIN — 내부 페이지·블로그·에디터 블록 전용 */
/* =========================================================
   Generic content (blog / pages)
   ========================================================= */
.nf-page-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
    text-align: center;
}
.nf-page-hero-main {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: linear-gradient(120deg, #0c1b3a 0%, #1a2f5e 100%);
}
.nf-page-hero.has-bg .nf-page-hero-main {
    background: #0c1b3a;
}
.nf-page-hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}
.nf-page-hero-main::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(12, 27, 58, 0.82) 0%, rgba(26, 47, 94, 0.72) 100%);
    z-index: 1;
    pointer-events: none;
}
.nf-page-hero-body {
    position: relative;
    z-index: 2;
    flex: 1;
    padding: 120px 0 72px;
}
.nf-page-hero-foot {
    position: relative;
    z-index: 2;
    padding: 0 0 22px 15px;
}
.nf-page-hero h1 {
    color: #fff;
    font-size: clamp(28px, 4vw, 42px);
    margin: 0;
}
.nf-page-hero .nf-breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
}
.nf-page-hero .nf-breadcrumb li {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.72);
}
.nf-page-hero .nf-breadcrumb li:not(:last-child)::after {
    content: "›";
    color: rgba(255, 255, 255, 0.45);
    font-size: 15px;
    line-height: 1;
}
.nf-page-hero .nf-breadcrumb a {
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
    transition: color .2s ease;
}
.nf-page-hero .nf-breadcrumb a:hover {
    color: #fff;
}
.nf-page-hero .nf-breadcrumb li[aria-current="page"] span {
    color: #fff;
    font-weight: 700;
}

/* 회사소개 등 — 메뉴 하위 페이지 탭 */
.nf-page-subnav {
    position: relative;
    z-index: 5;
    margin-top: -1px;
    background: #fff;
    border-top: 1px solid var(--nf-line);
    border-bottom: 1px solid var(--nf-line);
}
.nf-page-subnav .nf-wrap {
    max-width: var(--nf-container);
    margin: 0 auto;
    padding: 0 24px;
}
.nf-page-subnav-list {
    display: flex;
    align-items: stretch;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.nf-page-subnav-list::-webkit-scrollbar {
    display: none;
}
.nf-page-subnav-list li {
    flex: 1 1 0;
    min-width: 0;
    border-right: 1px solid var(--nf-line);
}
.nf-page-subnav-list li:first-child {
    border-left: 1px solid var(--nf-line);
}
.nf-page-subnav-list a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 16px 20px;
    border-radius: 0;
    color: var(--nf-ink);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    position: relative;
    background: transparent;
    transition: color .2s ease;
}
.nf-page-subnav-list a:hover {
    color: var(--nf-primary);
    background: transparent;
}
.nf-page-subnav-list li.is-current a {
    color: var(--nf-primary);
    font-weight: 700;
    background: transparent;
}
.nf-page-subnav-list li.is-current a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: var(--nf-primary);
}
.nf-page-subnav + .nf-page-body .nf-block-first,
.nf-page-subnav + .nf-page-body .nf-entry-content > .nf-block-first {
    padding-top: 72px;
}

.nf-content-area { padding: 60px 0; }
.nf-content-area--blog {
    width: 100%;
    padding: 48px 0 72px;
    background: #fff;
}
.nf-content-area--blog .nf-main-col {
    width: 100%;
    min-width: 0;
}
.nf-layout { display: grid; grid-template-columns: 1fr 300px; gap: 40px; }
.nf-main-col { min-width: 0; }

/* Blog list */
.nf-blog-list {
    display: flex;
    flex-direction: column;
}
.nf-blog-item {
    display: flex;
    align-items: flex-start;
    gap: 28px;
    padding: 28px 0;
    border-bottom: 1px solid var(--nf-line);
}
.nf-blog-list > .nf-blog-item:last-child {
    border-bottom: none;
}
.nf-blog-item:first-child {
    padding-top: 0;
}
.nf-blog-item .nf-post-thumb {
    flex: 0 0 220px;
    width: 220px;
    margin-bottom: 0;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: var(--nf-bg);
}
.nf-blog-item .nf-post-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.nf-blog-item__body {
    flex: 1;
    min-width: 0;
    padding-top: 2px;
}
.nf-blog-item__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
}
.nf-blog-item__cat {
    color: var(--nf-primary);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}
.nf-blog-item__date {
    flex-shrink: 0;
    margin-left: auto;
    color: var(--nf-muted);
    font-size: 14px;
    line-height: 1.4;
}
.nf-blog-item__title {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.35;
}
.nf-blog-item__title a {
    color: var(--nf-ink);
    text-decoration: none;
}
.nf-blog-item__title a:hover {
    color: var(--nf-primary);
}
.nf-blog-item__excerpt {
    margin: 0;
    color: var(--nf-text);
    font-size: 15px;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.nf-card-post {
    background: #fff;
    padding: 30px;
    margin-bottom: 24px;
}
.nf-card-post h2 { font-size: 24px; margin-bottom: 8px; }
.nf-card-post h2 a { color: var(--nf-ink); }
.nf-card-post h2 a:hover { color: var(--nf-primary); }
.nf-post-meta { color: var(--nf-muted); font-size: 13.5px; margin-bottom: 16px; }
.nf-post-thumb { border-radius: 12px; overflow: hidden; margin-bottom: 18px; }

.nf-entry-content { font-size: 16px; line-height: 1.8; color: var(--nf-text); }
.nf-entry-content h2 { margin-top: 1.6em; }
.nf-entry-content h3 { margin-top: 1.4em; }
.nf-entry-content img { border-radius: 10px; margin: 1.2em 0; }
.nf-entry-content.nf-page-blocks img {
    margin: 0;
    border-radius: 0;
}
.nf-entry-content.nf-page-blocks .nf-box-icon img {
    border-radius: 0;
}
.nf-entry-content blockquote {
    border-left: 4px solid var(--nf-primary);
    background: var(--nf-primary-light);
    margin: 1.4em 0; padding: 16px 22px; border-radius: 0 10px 10px 0;
}
.nf-entry-content a { text-decoration: underline; }
.nf-entry-content code {
    background: #eef2f9; padding: 2px 6px; border-radius: 5px; font-size: .9em;
}

.nf-widget {
    background: #fff; border: 1px solid var(--nf-line); border-radius: var(--nf-radius);
    padding: 24px; margin-bottom: 24px;
}
.nf-widget .widget-title, .nf-widget h2 { font-size: 17px; margin-bottom: 16px; }
.nf-widget ul li { padding: 8px 0; border-bottom: 1px solid var(--nf-line); }
.nf-widget ul li:last-child { border-bottom: none; }

.nf-pagination { display: flex; gap: 8px; justify-content: center; margin-top: 30px; flex-wrap: wrap; }
.nf-pagination .page-numbers {
    display: grid; place-items: center; min-width: 42px; height: 42px; padding: 0 10px;
    background: #fff; border: 1px solid var(--nf-line); border-radius: 10px; font-weight: 700; color: var(--nf-ink);
}
.nf-pagination .page-numbers.current,
.nf-pagination .page-numbers:hover { background: var(--nf-primary); color: #fff; border-color: var(--nf-primary); }

/* Comments */
.nf-comments {
    margin-top: 48px;
    padding-top: 40px;
    border-top: 1px solid var(--nf-line);
}
.nf-comments .comments-title,
.nf-comments .comment-reply-title {
    font-size: 22px;
    font-weight: 800;
    color: var(--nf-ink);
    margin: 0 0 20px;
    line-height: 1.35;
}
.nf-comments .comment-reply-title small {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 700;
}
.nf-comments .comment-reply-title small a {
    color: var(--nf-primary);
    text-decoration: none;
}
.nf-comments .comment-reply-title small a:hover {
    text-decoration: underline;
}
.nf-comments .logged-in-as,
.nf-comments .comment-notes,
.nf-comments .no-comments {
    font-size: 14px;
    color: var(--nf-muted);
    line-height: 1.7;
    margin: 0 0 20px;
}
.nf-comments .logged-in-as a,
.nf-comments .comment-notes a {
    color: var(--nf-primary);
    text-decoration: none;
    font-weight: 600;
}
.nf-comments .logged-in-as a:hover,
.nf-comments .comment-notes a:hover {
    text-decoration: underline;
}
.nf-comments .nf-comment-form {
    margin-top: 8px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 16px;
}
.nf-comments .nf-comment-form .logged-in-as,
.nf-comments .nf-comment-form .comment-form-comment,
.nf-comments .nf-comment-form .nf-comment-submit,
.nf-comments .nf-comment-form .comment-respond .comment-notes {
    grid-column: 1 / -1;
}
.nf-comments .nf-comment-field {
    margin: 0 0 16px;
}
.nf-comments .nf-comment-field label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--nf-ink);
}
.nf-comments .nf-comment-field .required {
    color: var(--nf-primary);
}
.nf-comments textarea,
.nf-comments input[type="text"],
.nf-comments input[type="email"],
.nf-comments input[type="url"] {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid var(--nf-line);
    border-radius: 10px;
    font-family: inherit;
    font-size: 15px;
    color: var(--nf-text);
    background: #fff;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.nf-comments textarea {
    min-height: 160px;
    resize: vertical;
    line-height: 1.7;
}
.nf-comments textarea:focus,
.nf-comments input[type="text"]:focus,
.nf-comments input[type="email"]:focus,
.nf-comments input[type="url"]:focus {
    outline: none;
    border-color: var(--nf-primary);
    box-shadow: 0 0 0 3px var(--nf-primary-light);
}
.nf-comments .nf-comment-submit {
    margin: 4px 0 0;
}
.nf-comments .comment-form .submit {
    cursor: pointer;
    border: none;
    padding: 12px 24px;
    font-size: 15px;
}
.nf-comments .comment-list {
    list-style: none;
    margin: 0 0 40px;
    padding: 0;
}
.nf-comments .comment-list .comment,
.nf-comments .comment-list .pingback {
    list-style: none;
}
.nf-comments .comment-list .children {
    list-style: none;
    margin: 16px 0 0;
    padding-left: 28px;
    border-left: 2px solid var(--nf-line);
}
.nf-comments .comment-body {
    background: #fff;
    border: 1px solid var(--nf-line);
    border-radius: 12px;
    padding: 20px 22px;
    margin-bottom: 16px;
}
.nf-comments .comment-author {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}
.nf-comments .comment-author .avatar {
    border-radius: 50%;
    flex-shrink: 0;
}
.nf-comments .comment-author .fn,
.nf-comments .comment-author .fn a {
    font-size: 15px;
    font-weight: 800;
    color: var(--nf-ink);
    text-decoration: none;
}
.nf-comments .comment-metadata {
    margin-bottom: 12px;
    font-size: 13px;
    color: var(--nf-muted);
}
.nf-comments .comment-metadata a {
    color: var(--nf-muted);
    text-decoration: none;
}
.nf-comments .comment-metadata a:hover {
    color: var(--nf-primary);
}
.nf-comments .comment-content {
    font-size: 15px;
    line-height: 1.75;
    color: var(--nf-text);
}
.nf-comments .comment-content p:last-child {
    margin-bottom: 0;
}
.nf-comments .reply {
    margin-top: 14px;
}
.nf-comments .reply a {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    color: var(--nf-primary);
    text-decoration: none;
}
.nf-comments .reply a:hover {
    text-decoration: underline;
}
.nf-comments .comment-awaiting-moderation {
    margin: 0 0 12px;
    font-size: 13px;
    color: var(--nf-muted);
}

/* =========================================================
   Page blocks — HTML 에디터용 (클래스로 꾸미기)
   ========================================================= */
.nf-page-body {
    padding-bottom: 72px;
}
.nf-page-blocks .nf-wrap {
    max-width: var(--nf-container);
    margin: 0 auto;
    padding: 0 24px;
}
.nf-page-blocks .nf-block {
    padding: 72px 0;
}
.nf-page-blocks .nf-block.nf-block--wide--end{
    padding-top:0;
}
.nf-page-blocks .nf-block.nf-block-first{
    padding:100px 0 0;
}
.nf-page-blocks .nf-block--sm {
    padding: 48px 0;
}
.nf-page-blocks .nf-block--center {
    text-align: center;
}
.nf-page-blocks .nf-block--muted {
    position: relative;
    background: var(--nf-bg);
}
.nf-page-blocks .nf-block--muted::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 96px;
    background: linear-gradient(to bottom, transparent, #fff);
    pointer-events: none;
}
.nf-page-blocks .nf-block--wide > .nf-wrap {
    padding-left: 0;
    padding-right: 0;
}
.nf-page-blocks .nf-lead {
    font-size: clamp(28px, 3.6vw, 40px);
    line-height: 1.35;
    letter-spacing: -.6px;
    color: var(--nf-ink);
    margin: 0 0 18px;
}
.nf-page-blocks .nf-lead-sub {
    margin: 0;
    color: var(--nf-muted);
    font-size: 17px;
    line-height: 1.75;
}
.nf-page-blocks .nf-accent {
    color: var(--nf-primary);
}
.nf-page-blocks .nf-section-title {
    text-align: center;
    font-size: clamp(26px, 3vw, 34px);
    margin: 0 0 48px;
}
.nf-page-blocks .nf-grid {
    display: grid;
    gap: 24px;
}
.nf-page-blocks .nf-grid--3 {
    grid-template-columns: repeat(3, 1fr);
}
.nf-page-blocks .nf-grid--4 {
    grid-template-columns: repeat(4, 1fr);
}
.nf-page-blocks .nf-grid--5 {
    grid-template-columns: repeat(5, 1fr);
}
.nf-page-blocks .nf-grid--6 {
    grid-template-columns: repeat(6, 1fr);
}

/* =========================================================
   정책/약관 문서 (개인정보처리방침, 이메일무단수집거부 등)
   ========================================================= */
.nf-page-blocks .nf-policy {
    max-width: 900px;
    margin: 0 auto;
    text-align: left;
    color: var(--nf-text);
    font-size: 15.5px;
    line-height: 1.85;
}
.nf-page-blocks .nf-policy > p {
    margin: 0 0 18px;
}
.nf-page-blocks .nf-policy h3 {
    margin: 40px 0 14px;
    padding-top: 26px;
    border-top: 1px solid var(--nf-line);
    font-size: 19px;
    color: var(--nf-ink);
}
.nf-page-blocks .nf-policy h3:first-of-type {
    margin-top: 8px;
    padding-top: 0;
    border-top: 0;
}
.nf-page-blocks .nf-policy h4 {
    margin: 22px 0 10px;
    font-size: 16px;
    color: var(--nf-ink);
}
.nf-page-blocks .nf-policy ul,
.nf-page-blocks .nf-policy ol {
    margin: 0 0 18px;
    padding-left: 22px;
}
.nf-page-blocks .nf-policy li {
    margin: 0 0 8px;
}
.nf-page-blocks .nf-policy a {
    color: var(--nf-primary);
    text-decoration: underline;
}
.nf-page-blocks .nf-policy-updated {
    display: inline-block;
    margin-bottom: 28px;
    padding: 7px 16px;
    border-radius: 999px;
    background: var(--nf-primary-light);
    color: var(--nf-primary-dark);
    font-size: 13.5px;
    font-weight: 600;
}
.nf-page-blocks .nf-policy-table-wrap {
    margin: 4px 0 22px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--nf-line);
    border-radius: var(--nf-radius);
    background: var(--nf-white);
    box-shadow: var(--nf-shadow-sm);
}
.nf-page-blocks .nf-policy-table {
    width: 100%;
    min-width: 480px;
    border-collapse: collapse;
    margin: 0;
    font-size: 14.5px;
    table-layout: fixed;
}
.nf-page-blocks .nf-policy-table th,
.nf-page-blocks .nf-policy-table td {
    border: 0;
    border-bottom: 1px solid var(--nf-line);
    padding: 14px 16px;
    text-align: left;
    vertical-align: middle;
    line-height: 1.6;
    word-break: keep-all;
    overflow-wrap: break-word;
}
.nf-page-blocks .nf-policy-table tr:last-child th,
.nf-page-blocks .nf-policy-table tr:last-child td {
    border-bottom: 0;
}
.nf-page-blocks .nf-policy-table th {
    background: var(--nf-primary-light);
    color: var(--nf-ink);
    font-weight: 700;
    font-size: 14px;
}
.nf-page-blocks .nf-policy-table td {
    color: var(--nf-text);
}
.nf-page-blocks .nf-policy-table tbody tr:nth-child(even) td {
    background: rgba(244, 247, 252, 0.65);
}
.nf-page-blocks .nf-policy-table th:first-child,
.nf-page-blocks .nf-policy-table td:first-child {
    width: 38%;
}
.nf-page-blocks .nf-policy > table.nf-policy-table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--nf-line);
    border-radius: var(--nf-radius);
    background: var(--nf-white);
    box-shadow: var(--nf-shadow-sm);
    margin: 4px 0 22px;
}
.nf-page-blocks .nf-policy > table.nf-policy-table thead,
.nf-page-blocks .nf-policy > table.nf-policy-table tbody {
    display: table;
    width: 100%;
    min-width: 480px;
    border-collapse: collapse;
}
.nf-page-blocks .nf-policy > table.nf-policy-table tr {
    display: table-row;
}
.nf-page-blocks .nf-policy > table.nf-policy-table th,
.nf-page-blocks .nf-policy > table.nf-policy-table td {
    display: table-cell;
}
.nf-page-blocks .nf-notice {
    max-width: 900px;
    margin: 0 auto;
    padding: 32px 34px;
    background: var(--nf-primary-light);
    border: 1px solid #c5d7fb;
    border-radius: var(--nf-radius-lg);
    color: var(--nf-ink);
    line-height: 1.85;
}
.nf-page-blocks .nf-notice p {
    margin: 0 0 14px;
}
.nf-page-blocks .nf-notice p:last-child {
    margin-bottom: 0;
}
.nf-page-blocks .nf-notice strong {
    color: var(--nf-primary-dark);
}
.nf-page-blocks .nf-policy-chapter {
    margin: 46px 0 6px;
    padding: 0;
    border-top: 0;
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--nf-primary);
}
.nf-page-blocks .nf-policy-chapter:first-child {
    margin-top: 0;
}
.nf-page-blocks .nf-policy-table-wrap {
    margin: 4px 0 22px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.nf-page-blocks .nf-policy-table-wrap .nf-policy-table {
    margin: 0;
}
@media (max-width: 640px) {
    .nf-page-blocks .nf-policy-table-wrap {
        margin-left: -4px;
        margin-right: -4px;
        border-radius: 12px;
    }
    .nf-page-blocks .nf-policy-table {
        min-width: 420px;
        font-size: 14px;
    }
    .nf-page-blocks .nf-policy-table th,
    .nf-page-blocks .nf-policy-table td {
        padding: 12px 14px;
    }
    .nf-page-blocks .nf-policy-table th:first-child,
    .nf-page-blocks .nf-policy-table td:first-child {
        width: 42%;
    }
}

/* =========================================================
   가격/상품 카드 (판매·구매 안내)
   ========================================================= */
.nf-page-blocks .nf-price {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border: 1px solid var(--nf-line);
    border-radius: var(--nf-radius-lg);
    padding: 32px 28px;
    box-shadow: var(--nf-shadow-sm);
    text-align: left;
}
.nf-page-blocks .nf-price--featured {
    border-color: var(--nf-primary);
    box-shadow: 0 20px 48px rgba(26, 79, 214, 0.14);
}
.nf-page-blocks .nf-price-badge {
    align-self: flex-start;
    padding: 5px 13px;
    border-radius: 999px;
    background: var(--nf-primary-light);
    color: var(--nf-primary-dark);
    font-size: 12.5px;
    font-weight: 700;
    margin-bottom: 16px;
}
.nf-page-blocks .nf-price-name {
    font-size: 20px;
    font-weight: 800;
    color: var(--nf-ink);
    margin: 0 0 6px;
}
.nf-page-blocks .nf-price-desc {
    color: var(--nf-muted);
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 20px;
}
.nf-page-blocks .nf-price-amount {
    font-size: 30px;
    font-weight: 800;
    color: var(--nf-ink);
    margin: 0 0 4px;
}
.nf-page-blocks .nf-price-amount small {
    font-size: 15px;
    font-weight: 600;
    color: var(--nf-muted);
}
.nf-page-blocks .nf-price-meta {
    color: var(--nf-muted);
    font-size: 13.5px;
    margin: 0 0 22px;
}
.nf-page-blocks .nf-price-features {
    list-style: none;
    margin: 0 0 22px;
    padding: 0;
}
.nf-page-blocks .nf-price-features li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 11px;
    font-size: 14.5px;
    line-height: 1.55;
    color: var(--nf-text);
}
.nf-page-blocks .nf-price-features li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--nf-primary);
    font-weight: 800;
}
.nf-page-blocks .nf-price-note {
    margin: 0 0 22px;
    padding: 14px 16px;
    border-radius: 12px;
    background: var(--nf-primary-light);
    color: var(--nf-ink);
    font-size: 13.5px;
    line-height: 1.6;
}
.nf-page-blocks .nf-price-note strong {
    color: var(--nf-primary-dark);
}
.nf-page-blocks .nf-price-note a {
    color: var(--nf-primary-dark);
    font-weight: 700;
    text-decoration: underline;
    word-break: break-all;
}
.nf-page-blocks .nf-price .nf-btn {
    width: 100%;
    justify-content: center;
    margin-top: auto;
}

/* 카드 호버 — stats와 동일한 lift */
.nf-page-blocks {
    --nf-lift-y: -8px;
    --nf-lift-ease: cubic-bezier(.22, 1, .36, 1);
    --nf-lift-duration: 0.35s;
    --nf-lift-shadow: 0 20px 48px rgba(26, 79, 214, 0.14);
}
.nf-page-blocks .nf-box,
.nf-page-blocks .nf-stat,
.nf-page-blocks .nf-split,
.nf-page-blocks .nf-panel-item,
.nf-page-blocks .nf-panel-text > div:not(.nf-panel-item-ico):not(.nf-panel-item-body),
.nf-page-blocks .nf-timeline-item,
.nf-page-blocks .nf-logo {
    transition:
        transform var(--nf-lift-duration) var(--nf-lift-ease),
        box-shadow var(--nf-lift-duration) ease,
        border-color var(--nf-lift-duration) ease;
}
.nf-page-blocks .nf-box:hover,
.nf-page-blocks .nf-stat:hover,
.nf-page-blocks .nf-split:hover,
.nf-page-blocks .nf-panel-item:hover,
.nf-page-blocks .nf-panel-text > div:not(.nf-panel-item-ico):not(.nf-panel-item-body):hover,
.nf-page-blocks .nf-timeline-item:hover,
.nf-page-blocks .nf-logo:hover {
    transform: translateY(var(--nf-lift-y));
    border-color: #c5d7fb;
    box-shadow: var(--nf-lift-shadow);
}

.nf-page-blocks .nf-box {
    background: #fff;
    border: 1px solid var(--nf-line);
    border-radius: var(--nf-radius-lg);
    padding: 36px 28px;
    text-align: center;
    box-shadow: var(--nf-shadow-sm);
}
.nf-page-blocks .nf-box-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 18px;
    border-radius: 16px;
    background: var(--nf-primary-light);
    color: var(--nf-primary);
    display: grid;
    place-items: center;
    font-size: 28px;
    line-height: 1;
    overflow: hidden;
}
.nf-page-blocks .nf-box-icon svg {
    width: 28px;
    height: 28px;
    display: block;
}
.nf-page-blocks .nf-box-icon img:not(.emoji) {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* WordPress 이모지 → 컬러 SVG img: primary 단색으로 */
.nf-page-blocks .nf-box-icon img.emoji {
    width: 28px;
    height: 28px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(27%) sepia(91%) saturate(2878%) hue-rotate(212deg) brightness(95%) contrast(92%);
}
.nf-page-blocks .nf-box h3 {
    color: var(--nf-primary);
    font-size: 22px;
    margin-bottom: 10px;
}
.nf-page-blocks .nf-box p:last-child {
    margin-bottom: 0;
    color: var(--nf-muted);
    font-size: 15px;
    line-height: 1.65;
}
.nf-page-blocks .nf-stat {
    position: relative;
    text-align: center;
    background: #fff;
    border: 1px solid rgba(228, 233, 242, 0.95);
    border-radius: var(--nf-radius-lg);
    padding: 36px 24px 32px;
    box-shadow: 0 10px 36px rgba(26, 79, 214, 0.07);
    overflow: hidden;
}
.nf-page-blocks .nf-stat::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--nf-primary) 0%, #6fa0ff 100%);
}
.nf-page-blocks .nf-stat::after {
    content: "";
    position: absolute;
    top: -28px;
    right: -28px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(111, 160, 255, 0.22) 0%, rgba(234, 241, 255, 0) 70%);
    pointer-events: none;
}
.nf-page-blocks .nf-stat:nth-child(2)::before {
    background: linear-gradient(90deg, #3a6ee0 0%, #82b4ff 100%);
}
.nf-page-blocks .nf-stat:nth-child(3)::before {
    background: linear-gradient(90deg, #1440b0 0%, #4f7ef0 100%);
}
.nf-page-blocks .nf-stat:nth-child(4)::before {
    background: linear-gradient(90deg, #1a4fd6 0%, #5c8ef5 55%, #9ec0ff 100%);
}
.nf-page-blocks .nf-stat-icon {
    position: relative;
    z-index: 1;
    width: 56px;
    height: 56px;
    margin: 0 auto 18px;
    border-radius: 16px;
    background: linear-gradient(145deg, #eef4ff 0%, #dce8ff 100%);
    color: var(--nf-primary);
    display: grid;
    place-items: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.nf-page-blocks .nf-stat-icon svg {
    width: 26px;
    height: 26px;
    display: block;
}
.nf-page-blocks .nf-stat strong {
    position: relative;
    z-index: 1;
    display: block;
    font-size: clamp(36px, 4.6vw, 50px);
    line-height: 1.05;
    margin-bottom: 12px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.8px;
    background: linear-gradient(135deg, var(--nf-primary) 0%, #3a6ee0 55%, #6fa0ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.nf-page-blocks .nf-stat span {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 7px 16px;
    border-radius: 999px;
    background: var(--nf-bg);
    color: var(--nf-muted);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* Stats section */
.nf-page-blocks .nf-block--stats {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(111, 160, 255, 0.14) 0%, transparent 65%),
        linear-gradient(180deg, #eef3fc 0%, #f6f9fd 45%, var(--nf-bg) 100%);
}
.nf-page-blocks .nf-block--stats::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(26, 79, 214, 0.07) 1px, transparent 1px);
    background-size: 24px 24px;
    opacity: 0.45;
    pointer-events: none;
    mask-image: linear-gradient(180deg, #000 0%, transparent 85%);
    -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 85%);
}
.nf-page-blocks .nf-block--stats > .nf-wrap {
    position: relative;
    z-index: 1;
}
.nf-page-blocks .nf-stats-head {
    text-align: center;
    margin-bottom: 40px;
}
.nf-page-blocks .nf-stats-eyebrow {
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--nf-primary);
}
.nf-page-blocks .nf-stats-title {
    margin: 0;
    font-size: clamp(26px, 3.2vw, 34px);
    letter-spacing: -.5px;
    color: var(--nf-ink);
}
.nf-page-blocks .nf-stats-grid {
    gap: 20px;
}
.nf-page-blocks .nf-grid:not(.is-inview) .nf-stat,
.nf-page-blocks .nf-grid:not(.is-inview) > .nf-box,
.nf-page-blocks .nf-grid:not(.is-inview) > .nf-timeline-item {
    opacity: 0;
}
.nf-page-blocks .nf-split:not(.is-inview),
.nf-page-blocks .nf-panel:not(.is-inview),
.nf-page-blocks .nf-ceo:not(.is-inview) {
    opacity: 0;
}
.nf-page-blocks .nf-history-row:not(.is-inview) {
    opacity: 0;
}
.nf-page-blocks .nf-grid.is-inview .nf-stat,
.nf-page-blocks .nf-grid.is-inview > .nf-box,
.nf-page-blocks .nf-grid.is-inview > .nf-timeline-item,
.nf-page-blocks .nf-split.is-inview,
.nf-page-blocks .nf-panel.is-inview,
.nf-page-blocks .nf-ceo.is-inview {
    animation: nf-reveal-in 0.65s cubic-bezier(.22, 1, .36, 1) both;
}
.nf-page-blocks .nf-grid.is-inview .nf-stat:nth-child(1),
.nf-page-blocks .nf-grid.is-inview > .nf-box:nth-child(1),
.nf-page-blocks .nf-grid.is-inview > .nf-timeline-item:nth-child(1) { animation-delay: 0s; }
.nf-page-blocks .nf-grid.is-inview .nf-stat:nth-child(2),
.nf-page-blocks .nf-grid.is-inview > .nf-box:nth-child(2),
.nf-page-blocks .nf-grid.is-inview > .nf-timeline-item:nth-child(2) { animation-delay: 0.08s; }
.nf-page-blocks .nf-grid.is-inview .nf-stat:nth-child(3),
.nf-page-blocks .nf-grid.is-inview > .nf-box:nth-child(3),
.nf-page-blocks .nf-grid.is-inview > .nf-timeline-item:nth-child(3) { animation-delay: 0.16s; }
.nf-page-blocks .nf-grid.is-inview .nf-stat:nth-child(4),
.nf-page-blocks .nf-grid.is-inview > .nf-box:nth-child(4),
.nf-page-blocks .nf-grid.is-inview > .nf-timeline-item:nth-child(4) { animation-delay: 0.24s; }
.nf-page-blocks .nf-grid.is-inview > .nf-box:nth-child(5),
.nf-page-blocks .nf-grid.is-inview > .nf-timeline-item:nth-child(5) { animation-delay: 0.32s; }
.nf-page-blocks .nf-grid.is-inview > .nf-box:nth-child(6),
.nf-page-blocks .nf-grid.is-inview > .nf-timeline-item:nth-child(6) { animation-delay: 0.4s; }
.nf-page-blocks .nf-history-row.is-inview {
    opacity: 0;
    animation: nf-history-in 0.42s cubic-bezier(.22, 1, .36, 1) both;
    animation-delay: calc(0.12s + var(--nf-history-delay, 0s));
}
@keyframes nf-history-in {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes nf-reveal-in {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.nf-page-blocks .nf-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    align-items: stretch;
    background: #fff;
    border: 1px solid var(--nf-line);
    border-radius: var(--nf-radius-lg);
    box-shadow: var(--nf-shadow-sm);
    overflow: hidden;
}
.nf-page-blocks .nf-split-media {
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    min-height: 360px;
    height: 100%;
    display: flex;
}
.nf-page-blocks .nf-split-media img {
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    min-height: 360px;
    object-fit: cover;
    display: block;
    margin: 0;
    border-radius: 0;
}
.nf-page-blocks .nf-split-body {
    padding: 40px 44px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.nf-page-blocks .nf-split-body h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
.nf-page-blocks .nf-split-body p {
    line-height: 1.8;
}
.nf-page-blocks .nf-btn {
    display: inline-block;
    align-self: flex-start;
    width: auto;
    max-width: 100%;
    margin-top: 10px;
    padding: 14px 24px;
    border-radius: 10px;
    background: var(--nf-primary);
    color: #fff !important;
    font-weight: 800;
    text-decoration: none !important;
    box-shadow: 0 8px 20px rgba(26, 79, 214, .28);
    vertical-align: middle;
    line-height: 1.2;
    transition:
        transform var(--nf-lift-duration) var(--nf-lift-ease),
        background 0.2s ease,
        box-shadow var(--nf-lift-duration) ease;
}
.nf-page-blocks .nf-btn:hover {
    background: var(--nf-primary-dark);
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(26, 79, 214, 0.35);
}
.nf-page-blocks .nf-panel {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 0;
    align-items: stretch;
    border: 1px solid rgba(197, 215, 251, 0.85);
    border-radius: var(--nf-radius-lg);
    box-shadow: 0 18px 52px rgba(26, 79, 214, 0.09);
    overflow: hidden;
}
.nf-page-blocks .nf-panel-text {
    position: relative;
    padding: 48px 44px;
    display: flex;
    justify-content: center;
    gap: 20px;
    overflow: hidden;
}
.nf-page-blocks .nf-panel-text::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -40px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(111, 160, 255, 0.18) 0%, transparent 70%);
    pointer-events: none;
}
.nf-page-blocks .nf-panel-text::after {
    content: "";
    position: absolute;
    bottom: -80px;
    left: -30px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(26, 79, 214, 0.08) 0%, transparent 70%);
    pointer-events: none;
}
.nf-page-blocks .nf-panel-item,
.nf-page-blocks .nf-panel-text > div:not(.nf-panel-item-ico):not(.nf-panel-item-body) {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 24px 26px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(228, 233, 242, 0.95);
    border-radius: 16px;
    box-shadow: 0 8px 28px rgba(26, 79, 214, 0.06);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    flex-direction: column;
}

.nf-page-blocks .nf-panel-item-ico {
    flex: none;
    width: 32px;
    height: 32px;
    border-radius: 140px;
    background: linear-gradient(145deg, var(--nf-primary) 0%, #3a6ee0 100%);
    color: #fff;
    display: grid;
    place-items: center;
    box-shadow: 0 8px 20px rgba(26, 79, 214, 0.28);
}
.nf-page-blocks .nf-panel-item-ico svg {
    width: 18px;
    height: 18px;
    display: block;
}
.nf-page-blocks .nf-panel-item:nth-child(2) .nf-panel-item-ico,
.nf-page-blocks .nf-panel-text > div:nth-child(2) .nf-panel-item-ico {
    background: linear-gradient(145deg, #1440b0 0%, #4f7ef0 100%);
}
/* 기존 HTML(아이콘 없음): V / M 배지 자동 표시 */
.nf-page-blocks .nf-panel-text > div:not(.nf-panel-item)::before {
    content: "V";
    flex: none;
    width: 32px;
    height: 32px;
    line-height: 32px;
    padding-top: 1px;
    border-radius: 8px;
    background: linear-gradient(145deg, var(--nf-primary) 0%, #3a6ee0 100%);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 8px 20px rgba(26, 79, 214, 0.28);
    display:none;
}
.nf-page-blocks .nf-panel-text > div:not(.nf-panel-item):nth-child(2)::before {
    content: "M";
    background: linear-gradient(145deg, #1440b0 0%, #4f7ef0 100%);
}
.nf-page-blocks .nf-panel-item-body {
    min-width: 0;
}
.nf-page-blocks .nf-panel-text h3 {
    font-size: 22px;
    margin: 0 0 10px;
    color: var(--nf-ink);
    letter-spacing: -.3px;
}
.nf-page-blocks .nf-panel-text h3::after {
    content: "";
    display: block;
    width: 28px;
    height: 3px;
    margin-top: 10px;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--nf-primary), #6fa0ff);
}
.nf-page-blocks .nf-panel-item:nth-child(2) h3::after,
.nf-page-blocks .nf-panel-text > div:nth-child(2) h3::after {
    background: linear-gradient(90deg, #1440b0, #6fa0ff);
}
.nf-page-blocks .nf-panel-text p {
    margin: 0;
    line-height: 1.75;
    color: var(--nf-text);
    font-size: 15px;
}
.nf-page-blocks .nf-panel-media {
    position: relative;
    min-height: 360px;
    display: flex;
}
.nf-page-blocks .nf-panel-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 35%, rgba(12, 27, 58, 0.55) 100%);
    pointer-events: none;
    z-index: 1;
}
.nf-page-blocks .nf-panel-media img {
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    min-height: 360px;
    object-fit: cover;
    display: block;
    margin: 0;
    border-radius: 0;
}
.nf-page-blocks .nf-panel-quote {
    position: absolute;
    left: 28px;
    bottom: 28px;
    z-index: 2;
    margin: 0;
    color: #fff;
    font-size: clamp(22px, 2.8vw, 30px);
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: -.4px;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35);
}
.nf-page-blocks .nf-timeline {
    position: relative;
    --nf-timeline-gap: 24px;
    --nf-timeline-dot: 14px;
    --nf-timeline-track: 2px;
    --nf-timeline-line-off: 0;
    align-items: stretch;
}
.nf-page-blocks .nf-timeline::before {
    content: "";
    position: absolute;
    top: -18px;
    left: var(--nf-timeline-line-start, calc((100% - 5 * var(--nf-timeline-gap)) / 12));
    right: var(--nf-timeline-line-end, calc((100% - 5 * var(--nf-timeline-gap)) / 12));
    height: 2px;
    transform: translateY(-50%);
    background: var(--nf-line);
    z-index: 0;
    opacity: calc(1 - var(--nf-timeline-line-off));
}
.nf-page-blocks .nf-timeline-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-top: var(--nf-timeline-track);
    background: #fff;
    border: 1px solid var(--nf-line);
    border-radius: var(--nf-radius);
    padding: 32px 16px 24px;
    box-shadow: var(--nf-shadow-sm);
}
.nf-page-blocks .nf-timeline-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: var(--nf-timeline-dot);
    height: var(--nf-timeline-dot);
    margin: 0;
    border-radius: 50%;
    background: var(--nf-primary);
    box-shadow: 0 0 0 6px rgba(26, 79, 214, 0.12);
    transform: translate(-50%, -50%);
}
.nf-page-blocks .nf-timeline-item::after{
    content: "";
    position: absolute;
    background: var(--nf-line);
    width: 2px;
    height: 10px;
    left: 50%;
    top: -22px;
    z-index: 0;
}
.nf-page-blocks .nf-timeline-item strong {
    display: block;
    font-size: 22px;
    color: var(--nf-primary);
    margin-bottom: 8px;
}
.nf-page-blocks .nf-timeline-item p {
    margin: 0;
    min-height: 2.4em;
    color: var(--nf-muted);
    font-size: 13px;
    line-height: 1.55;
}

/* 연혁 — 세로 타임라인 */
.nf-page-blocks .nf-history {
    --nf-history-year-w: 80px;
    --nf-history-track-w: 32px;
    --nf-history-gap-x: 36px;
    --nf-history-dot: 14px;
    --nf-history-align: 22px;
    --nf-history-line-x: calc(var(--nf-history-year-w) + var(--nf-history-track-w) / 2);
    --nf-history-pad-x: 44px;
    position: relative;
    max-width: 860px;
    margin: 0 auto;
    padding: 24px var(--nf-history-pad-x) 40px;
    background: linear-gradient(180deg, #fafbfd 0%, #fff 48%);
    border: none;
    border-radius: var(--nf-radius-lg);
    box-shadow: 0 10px 44px rgba(18, 36, 63, 0.05);
}
.nf-page-blocks .nf-history::before {
    content: "";
    position: absolute;
    top: -18px;
    bottom: 0;
    left: calc(var(--nf-history-pad-x) + var(--nf-history-line-x) - 1px);
    width: 2px;
    background: linear-gradient(
        180deg,
        rgba(26, 79, 214, 0.08) 0%,
        var(--nf-primary) 28px,
        rgba(26, 79, 214, 0.28) 100%
    );
    border-radius: 999px;
    z-index: 0;
}
.nf-page-blocks .nf-history-row {
    display: grid;
    grid-template-columns: calc(var(--nf-history-year-w) + var(--nf-history-track-w)) minmax(0, 1fr);
    column-gap: var(--nf-history-gap-x);
    align-items: start;
    margin-bottom: 52px;
    position: relative;
    z-index: 1;
}
.nf-page-blocks .nf-history-row:last-child {
    margin-bottom: 0;
}
.nf-page-blocks .nf-history-row::after {
    content: "";
    position: absolute;
    top: calc(26px + 0.45em);
    left: calc(var(--nf-history-line-x) - var(--nf-history-dot) / 2);
    width: var(--nf-history-dot);
    height: var(--nf-history-dot);
    border-radius: 50%;
    background: var(--nf-primary);
    box-shadow:
        0 0 0 4px #fff,
        0 0 0 8px rgba(26, 79, 214, 0.12);
    z-index: 2;
}
.nf-page-blocks .nf-history-year {
    grid-column: 1;
    padding-top: var(--nf-history-align);
    padding-right: calc(var(--nf-history-track-w) / 2 + var(--nf-history-dot) / 2 + 10px);
    font-size: clamp(24px, 2.8vw, 32px);
    font-weight: 800;
    color: var(--nf-primary);
    text-align: right;
    line-height: 1.1;
    letter-spacing: -.04em;
}
.nf-page-blocks .nf-history-year::after {
    display: none;
}
.nf-page-blocks .nf-history-body {
    grid-column: 2;
    display: grid;
    gap: 12px;
}
.nf-page-blocks .nf-history-event {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 20px 24px;
    background: #fff;
    border: none;
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(18, 36, 63, 0.05);
    transition:
        transform var(--nf-lift-duration) var(--nf-lift-ease),
        box-shadow var(--nf-lift-duration) ease;
}
.nf-page-blocks .nf-history-event:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(26, 79, 214, 0.12);
}
.nf-page-blocks .nf-history-date {
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(145deg, #f3f7ff 0%, #e8f0ff 100%);
    border: none;
    color: var(--nf-primary);
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}
.nf-page-blocks .nf-history-event p {
    margin: 0;
    flex: 1;
    min-width: 0;
    color: var(--nf-ink);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.65;
    letter-spacing: -.01em;
}
.nf-page-blocks .nf-block:has(.nf-history) {
    padding-top: 36px;
    padding-bottom: 48px;
}
.nf-page-blocks .nf-block--wide .nf-section-title {
    margin-bottom: 18px;
}

/* Q&A */
.nf-page-blocks .nf-faq {
    max-width: 860px;
    margin: 0 auto;
}
.nf-page-blocks .nf-faq-search {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid var(--nf-line);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--nf-shadow-sm);
}
.nf-page-blocks .nf-faq-search input {
    flex: 1;
    min-width: 0;
    border: none;
    padding: 16px 20px;
    font-size: 15px;
    color: var(--nf-ink);
    background: transparent;
    outline: none;
}
.nf-page-blocks .nf-faq-search input::placeholder {
    color: var(--nf-muted);
}
.nf-page-blocks .nf-faq-search-btn {
    display: grid;
    place-items: center;
    width: 56px;
    border: none;
    border-left: 1px solid var(--nf-line);
    background: #f7f9fc;
    color: var(--nf-muted);
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}
.nf-page-blocks .nf-faq-search-btn:hover {
    background: var(--nf-primary-light);
    color: var(--nf-primary);
}
.nf-page-blocks .nf-faq-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
}
.nf-page-blocks .nf-faq-filters button {
    padding: 10px 18px;
    border: 1px solid var(--nf-line);
    border-radius: 999px;
    background: #fff;
    color: var(--nf-text);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.nf-page-blocks .nf-faq-filters button:hover {
    border-color: #c5d7fb;
    color: var(--nf-primary);
}
.nf-page-blocks .nf-faq-filters button.is-active {
    background: var(--nf-primary);
    border-color: var(--nf-primary);
    color: #fff;
}
.nf-page-blocks .nf-faq-list {
    display: grid;
    gap: 10px;
}
.nf-page-blocks .nf-faq-item {
    background: #fff;
    border: 1px solid var(--nf-line);
    border-radius: 12px;
    box-shadow: var(--nf-shadow-sm);
    overflow: hidden;
    transition:
        transform var(--nf-lift-duration) var(--nf-lift-ease),
        box-shadow var(--nf-lift-duration) ease,
        border-color var(--nf-lift-duration) ease;
}
.nf-page-blocks .nf-faq-item:hover {
    border-color: #c5d7fb;
    box-shadow: var(--nf-lift-shadow);
}
.nf-page-blocks .nf-faq-item.is-hidden {
    display: none;
}
.nf-page-blocks .nf-faq-item:not(.is-inview) {
    opacity: 0;
}
.nf-page-blocks .nf-faq-item.is-inview {
    animation: nf-faq-in 0.42s cubic-bezier(.22, 1, .36, 1) both;
    animation-delay: calc(0.1s + var(--nf-faq-delay, 0s));
}
@keyframes nf-faq-in {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.nf-page-blocks .nf-faq-item summary {
    display: grid;
    grid-template-columns: 36px 1fr 20px;
    gap: 14px;
    align-items: center;
    padding: 18px 20px;
    list-style: none;
    cursor: pointer;
}
.nf-page-blocks .nf-faq-item summary::-webkit-details-marker {
    display: none;
}
.nf-page-blocks .nf-faq-q {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--nf-primary-light);
    color: var(--nf-primary);
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
}
.nf-page-blocks .nf-faq-question {
    color: var(--nf-ink);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: -.01em;
}
.nf-page-blocks .nf-faq-chevron {
    width: 10px;
    height: 10px;
    margin-left: auto;
    border-right: 2px solid var(--nf-muted);
    border-bottom: 2px solid var(--nf-muted);
    transform: rotate(45deg) translateY(-2px);
    transition: transform .25s ease, border-color .25s ease;
}
.nf-page-blocks .nf-faq-item[open] .nf-faq-chevron {
    transform: rotate(-135deg) translateY(2px);
    border-color: var(--nf-primary);
}
.nf-page-blocks .nf-faq-item[open] summary {
    border-bottom: 1px solid var(--nf-line);
}
.nf-page-blocks .nf-faq-answer {
    padding: 18px 20px 20px 70px;
    color: var(--nf-text);
    font-size: 14px;
    line-height: 1.75;
}
.nf-page-blocks .nf-faq-answer p {
    margin: 0;
}
.nf-page-blocks .nf-faq-empty {
    margin: 24px 0 0;
    padding: 28px;
    text-align: center;
    border-radius: 12px;
    background: var(--nf-bg);
    color: var(--nf-muted);
    font-size: 15px;
}

/* 포트폴리오 */
.nf-page-blocks .nf-portfolio-profile {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 48px;
    align-items: center;
    max-width: 920px;
    margin: 0 auto;
}
.nf-page-blocks .nf-portfolio-profile-photo {
    border-radius: var(--nf-radius-lg);
    overflow: hidden;
    background: var(--nf-bg);
    box-shadow: var(--nf-shadow-sm);
}
.nf-page-blocks .nf-portfolio-profile-photo img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 5 / 6;
    object-fit: cover;
}
.nf-page-blocks .nf-portfolio-profile-name {
    margin: 8px 0 6px;
    font-size: clamp(26px, 3vw, 34px);
    color: var(--nf-ink);
    letter-spacing: -.03em;
}
.nf-page-blocks .nf-portfolio-profile-role {
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 700;
    color: var(--nf-primary);
}
.nf-page-blocks .nf-portfolio-profile-desc {
    margin: 0 0 20px;
    color: var(--nf-muted);
    line-height: 1.75;
}
.nf-page-blocks .nf-portfolio-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.nf-page-blocks .nf-portfolio-tags li {
    padding: 7px 12px;
    border-radius: 999px;
    background: var(--nf-primary-light);
    color: var(--nf-primary);
    font-size: 13px;
    font-weight: 700;
}
.nf-page-blocks .nf-portfolio-head {
    margin-bottom: 28px;
}
.nf-page-blocks .nf-portfolio-head--center {
    text-align: center;
}
.nf-page-blocks .nf-portfolio-title {
    margin: 0 0 8px;
    font-size: clamp(24px, 2.8vw, 30px);
    color: var(--nf-ink);
    letter-spacing: -.02em;
}
.nf-page-blocks .nf-portfolio-sub {
    margin: 0;
    color: var(--nf-muted);
    font-size: 15px;
    line-height: 1.6;
}
.nf-page-blocks .nf-portfolio-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 28px;
}
.nf-page-blocks .nf-portfolio-filters button {
    padding: 10px 16px;
    border: 1px solid var(--nf-line);
    border-radius: 999px;
    background: #fff;
    color: var(--nf-muted);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.nf-page-blocks .nf-portfolio-filters button:hover {
    border-color: #c5d7fb;
    color: var(--nf-primary);
}
.nf-page-blocks .nf-portfolio-filters button.is-active {
    background: var(--nf-primary);
    border-color: var(--nf-primary);
    color: #fff;
}
.nf-page-blocks .nf-portfolio-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
.nf-page-blocks .nf-portfolio-item {
    background: #fff;
    border: 1px solid var(--nf-line);
    border-radius: var(--nf-radius-lg);
    overflow: hidden;
    box-shadow: var(--nf-shadow-sm);
    transition:
        transform var(--nf-lift-duration) var(--nf-lift-ease),
        box-shadow var(--nf-lift-duration) ease,
        border-color var(--nf-lift-duration) ease;
}
.nf-page-blocks .nf-portfolio-item:hover {
    transform: translateY(-4px);
    border-color: #c5d7fb;
    box-shadow: var(--nf-lift-shadow);
}
.nf-page-blocks .nf-portfolio-item.is-hidden {
    display: none;
}
.nf-page-blocks .nf-portfolio-thumb {
    display: block;
    overflow: hidden;
    background: var(--nf-bg);
}
.nf-page-blocks .nf-portfolio-thumb img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    transition: transform .35s ease;
}
.nf-page-blocks .nf-portfolio-item:hover .nf-portfolio-thumb img {
    transform: scale(1.04);
}
.nf-page-blocks .nf-portfolio-item-body {
    padding: 22px 22px 24px;
}
.nf-page-blocks .nf-portfolio-item-cat {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    color: var(--nf-primary);
    letter-spacing: .04em;
    text-transform: uppercase;
}
.nf-page-blocks .nf-portfolio-item-body h4 {
    margin: 0 0 8px;
    font-size: 18px;
    color: var(--nf-ink);
}
.nf-page-blocks .nf-portfolio-item-body p {
    margin: 0;
    color: var(--nf-muted);
    font-size: 14px;
    line-height: 1.6;
}
.nf-page-blocks .nf-portfolio-empty {
    margin: 8px 0 0;
    padding: 28px;
    text-align: center;
    border-radius: 12px;
    background: var(--nf-bg);
    color: var(--nf-muted);
    font-size: 15px;
}
.nf-page-blocks .nf-cert-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}
.nf-page-blocks .nf-cert {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    border: 1px solid var(--nf-line);
    border-radius: var(--nf-radius-lg);
    background: #fff;
    overflow: hidden;
    text-align: left;
    cursor: zoom-in;
    box-shadow: var(--nf-shadow-sm);
    transition:
        transform var(--nf-lift-duration) var(--nf-lift-ease),
        box-shadow var(--nf-lift-duration) ease,
        border-color var(--nf-lift-duration) ease;
}
.nf-page-blocks .nf-cert:hover {
    transform: translateY(-4px);
    border-color: #c5d7fb;
    box-shadow: var(--nf-lift-shadow);
}
.nf-page-blocks .nf-cert:focus-visible {
    outline: 2px solid var(--nf-primary);
    outline-offset: 2px;
}
.nf-page-blocks .nf-cert-thumb {
    display: block;
    overflow: hidden;
    background: var(--nf-bg);
}
.nf-page-blocks .nf-cert-thumb img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
}
.nf-page-blocks .nf-cert-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 18px 18px;
}
.nf-page-blocks .nf-cert-body strong {
    font-size: 16px;
    color: var(--nf-ink);
}
.nf-page-blocks .nf-cert-body span {
    font-size: 13px;
    color: var(--nf-muted);
}

/* 라이트박스 — body에 삽입 */
.nf-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: grid;
    place-items: center;
    padding: 24px;
}
.nf-lightbox[hidden] {
    display: none !important;
}
.nf-lightbox-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(8, 18, 38, 0.82);
    backdrop-filter: blur(4px);
}
.nf-lightbox-panel {
    position: relative;
    z-index: 1;
    width: min(920px, 100%);
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.nf-lightbox-figure {
    margin: 0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.28);
}
.nf-lightbox-figure img {
    display: block;
    width: 100%;
    height: auto;
    max-height: calc(100vh - 180px);
    object-fit: contain;
}
.nf-lightbox-caption {
    margin: 0;
    text-align: center;
    color: #fff;
}
.nf-lightbox-caption strong {
    display: block;
    margin-bottom: 4px;
    font-size: 18px;
}
.nf-lightbox-caption span {
    font-size: 14px;
    opacity: .82;
}
.nf-lightbox-close,
.nf-lightbox-nav {
    position: absolute;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}
.nf-lightbox-close:hover,
.nf-lightbox-nav:hover {
    background: rgba(255, 255, 255, 0.24);
}
.nf-lightbox-close {
    top: 16px;
    right: 16px;
}
.nf-lightbox-nav {
    top: 50%;
    transform: translateY(-50%);
}
.nf-lightbox-nav--prev {
    left: 16px;
}
.nf-lightbox-nav--next {
    right: 16px;
}
.nf-lightbox-nav[disabled] {
    opacity: .35;
    cursor: default;
}
body.nf-lightbox-open {
    overflow: hidden;
}

/* 조직도 */
.nf-page-blocks .nf-block--wide:has(.nf-org) {
    position: relative;
    padding-bottom: 88px;
}
.nf-page-blocks .nf-block--wide:has(.nf-org)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 96px;
    background: linear-gradient(to bottom, transparent, #fff);
    pointer-events: none;
}
.nf-page-blocks .nf-org {
    --nf-org-gap: 12px;
    --nf-org-cols: 1;
    --nf-org-line: rgba(26, 79, 214, 0.35);
    --nf-org-ceo-x: 50%;
    position: relative;
    max-width: 1080px;
    margin: 0 auto;
    padding: 8px 0 16px;
}
.nf-page-blocks .nf-org-head {
    text-align: center;
    position: relative;
    z-index: 2;
}
.nf-page-blocks .nf-org--linked .nf-org-head::after {
    content: "";
    position: absolute;
    left: var(--nf-org-ceo-x, 50%);
    bottom: -22px;
    width: 2px;
    height: 23px;
    background: var(--nf-org-line);
    transform: translateX(-50%);
    z-index: 0;
}
.nf-page-blocks .nf-org-head > .nf-org-card {
    opacity: 1;
}
.nf-page-blocks .nf-org-tree {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--nf-org-cols), minmax(0, 1fr));
    gap: var(--nf-org-gap);
    padding-top: 44px;
    margin-top: 0;
}
.nf-page-blocks .nf-org-tree--linked::before {
    content: "";
    position: absolute;
    top: 22px;
    left: var(--nf-org-line-start, 10%);
    right: var(--nf-org-line-end, 10%);
    height: 2px;
    background: var(--nf-org-line);
    z-index: 0;
}
.nf-page-blocks .nf-org-branch {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    z-index: 1;
    min-width: 0;
}
.nf-page-blocks .nf-org-tree--linked .nf-org-branch::before {
    content: "";
    position: absolute;
    top: -21px;
    left: 50%;
    width: 2px;
    height: 23px;
    background: var(--nf-org-line);
    transform: translateX(-50%);
    z-index: 0;
}
.nf-page-blocks .nf-org-branch > .nf-org-card {
    width: 100%;
}
.nf-page-blocks .nf-org-card {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 4px;
    min-height: 118px;
    padding: 20px 12px 18px;
    background: #fff;
    border: 1px solid var(--nf-line);
    border-radius: 14px;
    box-shadow: var(--nf-shadow-sm);
    box-sizing: border-box;
    transition:
        transform var(--nf-lift-duration) var(--nf-lift-ease),
        box-shadow var(--nf-lift-duration) ease,
        border-color var(--nf-lift-duration) ease;
}
.nf-page-blocks .nf-org-card:hover {
    transform: translateY(-4px);
    border-color: #c5d7fb;
    box-shadow: var(--nf-lift-shadow);
}
.nf-page-blocks .nf-org-card--ceo {
    display: inline-block;
    width: auto;
    min-width: 220px;
    min-height: auto;
    padding: 22px 32px 20px;
    background: linear-gradient(145deg, #1a4fd6 0%, #2563eb 100%);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 14px 36px rgba(26, 79, 214, 0.28);
    vertical-align: top;
}
.nf-page-blocks .nf-org-card--ceo .nf-org-label,
.nf-page-blocks .nf-org-card--ceo .nf-org-title {
    color: rgba(255, 255, 255, 0.82);
}
.nf-page-blocks .nf-org-card--ceo .nf-org-name {
    color: #fff;
    font-size: 22px;
    display:block;
}
.nf-page-blocks .nf-org-card--ceo:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 42px rgba(26, 79, 214, 0.34);
}
.nf-page-blocks .nf-org-label {
    font-size: 12px;
    font-weight: 700;
    color: var(--nf-primary);
    letter-spacing: -.01em;
    white-space: nowrap;
}
.nf-page-blocks .nf-org-name {
    font-size: 17px;
    font-weight: 800;
    color: var(--nf-ink);
    letter-spacing: -.02em;
    line-height: 1.3;
}
.nf-page-blocks .nf-org-title {
    font-size: 12px;
    font-weight: 600;
    color: var(--nf-muted);
}
.nf-page-blocks .nf-org-team-col {
    padding: 0 4px;
}
.nf-page-blocks .nf-org-teams {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 10px 8px;
    background: #fff;
    border: 1px solid var(--nf-line);
    border-radius: 12px;
    box-shadow: var(--nf-shadow-sm);
    box-sizing: border-box;
}
.nf-page-blocks .nf-org-tree--linked .nf-org-branch > .nf-org-teams::before {
    content: "";
    position: absolute;
    top: -13px;
    left: 50%;
    width: 2px;
    height: 13px;
    background: var(--nf-org-line);
    transform: translateX(-50%);
}
.nf-page-blocks .nf-org-teams li {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 4px;
    font-size: 13px;
    font-weight: 600;
    color: var(--nf-text);
    line-height: 1.35;
    text-align: center;
    white-space: nowrap;
    border-bottom: 1px solid var(--nf-line);
}
.nf-page-blocks .nf-org-teams li:last-child {
    border-bottom: none;
}
.nf-page-blocks .nf-org-branch .nf-org-card:not(.is-inview),
.nf-page-blocks .nf-org-teams:not(.is-inview) {
    opacity: 0;
}
.nf-page-blocks .nf-org-branch .nf-org-card.is-inview,
.nf-page-blocks .nf-org-teams.is-inview {
    animation: nf-org-in 0.42s cubic-bezier(.22, 1, .36, 1) both;
    animation-delay: calc(0.1s + var(--nf-org-delay, 0s));
}
@keyframes nf-org-in {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.nf-page-blocks .nf-logo {
    min-height: 72px;
    display: grid;
    place-items: center;
    border: 1px solid var(--nf-line);
    border-radius: 12px;
    background: #fff;
    color: var(--nf-muted);
    font-size: 14px;
    font-weight: 700;
    padding: 12px;
    text-align: center;
    box-shadow: var(--nf-shadow-sm);
}
.nf-page-blocks .nf-logo img {
    max-height: 36px;
    width: auto;
    margin: 0 auto;
}

/* CEO 인사말 */
.nf-page-blocks .nf-ceo {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 48px;
    align-items: start;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 48px 0;
    overflow: visible;
}
.nf-page-blocks .nf-ceo-profile {
    position: sticky;
    top: 100px;
}
.nf-page-blocks .nf-ceo-photo {
    border-radius: var(--nf-radius-lg);
    overflow: hidden;
    aspect-ratio: 4 / 5;
    background: var(--nf-bg);
    box-shadow: none;
}
.nf-page-blocks .nf-ceo-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
    border-radius: 0;
}
.nf-page-blocks .nf-ceo-meta {
    margin-top: 22px;
    text-align: center;
}
.nf-page-blocks .nf-ceo-meta strong {
    display: block;
    font-size: 22px;
    color: var(--nf-ink);
    margin-bottom: 6px;
    letter-spacing: -.3px;
}
.nf-page-blocks .nf-ceo-meta span {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px;
    background: #ededed;
    color: #2e2e2e;
    font-size: 13px;
    font-weight: 700;
}
.nf-page-blocks .nf-ceo-message {
    font-size: 16px;
    line-height: 1.85;
    color: var(--nf-text);
}
.nf-page-blocks .nf-ceo-message p {
    margin: 0 0 1.2em;
}
.nf-page-blocks .nf-ceo-opening {
    font-size: 18px;
    font-weight: 700;
    color: var(--nf-ink);
}
.nf-page-blocks .nf-ceo-quote {
    position: relative;
    margin: 36px 0;
    padding: 8px 0 8px 36px;
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--nf-ink);
    overflow: visible;
}
.nf-page-blocks .nf-ceo-quote::before {
    content: "\201C";
    position: absolute;
    top: -18px;
    left: 8px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(52px, 7vw, 72px);
    line-height: 1;
    font-weight: 700;
    color: var(--nf-primary);
    opacity: 0.12;
    pointer-events: none;
}
.nf-page-blocks .nf-ceo-quote p {
    position: relative;
    z-index: 1;
    margin: 0;
    line-height: 1.7;
    letter-spacing: -.2px;
}
.nf-page-blocks .nf-ceo-quote p:first-child {
    font-size: clamp(18px, 2.2vw, 22px);
    font-weight: 800;
    color: var(--nf-ink);
    letter-spacing: -.35px;
}
.nf-page-blocks .nf-ceo-quote p + p {
    margin-top: 12px;
    font-size: clamp(15px, 1.8vw, 16px);
    font-weight: 600;
}
/* WordPress에서 <p> 없이 br만 쓴 경우 */
.nf-page-blocks .nf-ceo-quote:not(:has(p)) {
    font-size: clamp(18px, 2.2vw, 22px);
    font-weight: 800;
    line-height: 1.7;
}
.nf-page-blocks .nf-ceo-sign {
    margin-top: 36px !important;
    margin-bottom: 0 !important;
    padding-top: 24px;
    border-top: none;
    text-align: right;
    font-size: 15px;
    color: var(--nf-muted);
}
.nf-page-blocks .nf-ceo-sign strong {
    color: var(--nf-ink);
    font-size: 17px;
}

@media (max-width: 1024px) {
    .nf-page-blocks .nf-grid--3 { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }
    .nf-page-blocks .nf-grid--5, 
    .nf-page-blocks .nf-grid--4 { grid-template-columns: repeat(2, 1fr); }
    .nf-page-blocks .nf-grid--6 { grid-template-columns: repeat(3, 1fr); }
    .nf-page-blocks .nf-split { grid-template-columns: 1fr; }
    .nf-page-blocks .nf-panel { grid-template-columns: 1fr; }
    .nf-page-blocks .nf-ceo {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 36px 0;
    }
    .nf-page-blocks .nf-ceo-profile {
        position: static;
        max-width: 280px;
        margin: 0 auto;
    }
    .nf-page-blocks .nf-timeline::before { display: none; }
    .nf-page-blocks .nf-grid.nf-timeline { grid-template-columns: repeat(3, 1fr); row-gap: 36px; }
    .nf-page-blocks .nf-history {
        --nf-history-year-w: 64px;
        --nf-history-track-w: 28px;
        --nf-history-gap-x: 24px;
        --nf-history-align: 18px;
        --nf-history-pad-x: 32px;
        padding: 40px var(--nf-history-pad-x) 44px;
    }
    .nf-page-blocks .nf-history-row::after{   
    top: calc(22px + 0.45em);
    }
    .nf-page-blocks .nf-portfolio-profile {
        grid-template-columns: 1fr;
        gap: 28px;
        max-width: 420px;
    }
    .nf-page-blocks .nf-portfolio-grid,
    .nf-page-blocks .nf-cert-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .nf-page-blocks .nf-org-tree {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .nf-page-blocks .nf-block { padding: 48px 0; }
    .nf-page-blocks .nf-lead-sub { font-size: 15px; }
    .nf-page-blocks .nf-grid--4 { grid-template-columns: 1fr 1fr; gap: 16px; }
    .nf-page-blocks .nf-stats-head { margin-bottom: 28px; }
    .nf-page-blocks .nf-stat { padding: 28px 16px 24px; }
    .nf-page-blocks .nf-stat-icon { width: 48px; height: 48px; margin-bottom: 14px; }
    .nf-page-blocks .nf-stat strong { font-size: clamp(28px, 8vw, 36px); margin-bottom: 10px; }
    .nf-page-blocks .nf-stat span { font-size: 12px; padding: 6px 12px; }
    .nf-page-blocks .nf-grid--6 { grid-template-columns: repeat(2, 1fr); }
    .nf-page-blocks .nf-grid.nf-timeline { grid-template-columns: repeat(2, 1fr); }
    .nf-page-blocks .nf-history {
        --nf-history-year-w: 52px;
        --nf-history-track-w: 22px;
        --nf-history-gap-x: 16px;
        --nf-history-dot: 12px;
        --nf-history-align: 16px;
        --nf-history-pad-x: 20px;
        padding: 32px var(--nf-history-pad-x) 36px;
    }
    .nf-page-blocks .nf-history::before { top: -12px; }
    .nf-page-blocks .nf-history-row { margin-bottom: 36px; }
    .nf-page-blocks .nf-history-year { font-size: 20px;
        padding-top: 24px; }
    .nf-page-blocks .nf-history-event { gap: 14px; padding: 16px 18px; }
    .nf-page-blocks .nf-history-date { flex: 0 0 38px; width: 38px; height: 38px; font-size: 12px; border-radius: 10px; }
    .nf-page-blocks .nf-history-event p { font-size: 14px; }
    .nf-page-blocks .nf-faq-answer { padding: 16px 18px 18px 18px; }
    .nf-page-blocks .nf-faq-filters button { padding: 9px 14px; font-size: 13px; }
    .nf-page-blocks .nf-portfolio-grid,
    .nf-page-blocks .nf-cert-grid {
        grid-template-columns: 1fr;
    }
    .nf-lightbox {
        padding: 12px;
    }
    .nf-lightbox-close {
        top: 10px;
        right: 10px;
    }
    .nf-lightbox-nav--prev {
        left: 8px;
    }
    .nf-lightbox-nav--next {
        right: 8px;
    }
    .nf-page-blocks .nf-org-tree {
        grid-template-columns: 1fr;
    }
    .nf-page-blocks .nf-org--linked .nf-org-head::after,
    .nf-page-blocks .nf-org-tree--linked::before,
    .nf-page-blocks .nf-org-tree--linked .nf-org-branch::before,
    .nf-page-blocks .nf-org-tree--linked .nf-org-branch > .nf-org-teams::before {
        display: none;
    }
    .nf-page-blocks .nf-org-tree {
        padding-top: 16px;
    }
    .nf-page-blocks .nf-org-card {
        min-height: auto;
    }
    .nf-page-blocks .nf-block--wide > .nf-wrap {
        padding-left: 18px;
        padding-right: 18px;
    }
    .nf-page-blocks .nf-split-body { padding: 32px 24px; }
    .nf-page-blocks .nf-split-media { min-height: 260px; }
    .nf-page-blocks .nf-split-media img { min-height: 260px; }
    .nf-page-blocks .nf-panel-text { padding: 32px 24px; flex-direction: column;}
    .nf-page-blocks .nf-panel-item,
    .nf-page-blocks .nf-panel-text > div:not(.nf-panel-item-ico):not(.nf-panel-item-body) {
        padding: 20px 18px;
        gap: 14px;
    }
    .nf-page-blocks .nf-panel-item-ico,
    .nf-page-blocks .nf-panel-text > div:not(.nf-panel-item)::before {
        width: 44px;
        height: 44px;
    }
    .nf-page-blocks .nf-panel-text h3 { font-size: 20px; }
    .nf-page-blocks .nf-ceo { padding: 28px 0; }
    .nf-page-blocks .nf-ceo-quote { padding: 8px 0 8px 28px; }
    .nf-page-blocks .nf-ceo-quote::before { left: 4px; top: -12px; }
    .nf-page-blocks .nf-ceo-sign { text-align: left; }
}

@media (max-width: 1024px) {
    .nf-layout { grid-template-columns: 1fr; }
    .nf-page-hero-body { padding: 100px 0 60px; }
    .nf-content-area--blog { padding: 40px 0 64px; }
}
@media (max-width: 720px) {
    .nf-page-subnav .nf-wrap {
        padding: 0 18px;
    }
    .nf-page-subnav-list li {
        flex: 0 0 auto;
        min-width: 140px;
    }
    .nf-page-subnav-list a {
        min-height: 52px;
        padding: 14px 16px;
        font-size: 14px;
    }
    .nf-blog-item {
        flex-direction: column;
        gap: 16px;
        padding: 24px 0;
    }
    .nf-blog-item .nf-post-thumb {
        flex: none;
        width: 100%;
        max-width: 320px;
    }
    .nf-blog-item__title { font-size: 19px; }
    .nf-comments .nf-comment-form {
        grid-template-columns: 1fr;
    }
    .nf-comments .comment-list .children {
        padding-left: 18px;
    }
}
@media (max-width: 620px) {
    .nf-page-hero-body { padding: 88px 0 48px; }
    .nf-content-area { padding: 48px 0; }
    .nf-content-area--blog { padding: 32px 0 56px; }
}

/* 블록 에디터: 코어 이미지 블록(figure.wp-block-image)을 split/panel 미디어에서 bare <img>처럼 카드 전체를 채우도록 보정 */
.nf-page-blocks .nf-split-media > .wp-block-image,
.nf-page-blocks .nf-panel-media > .wp-block-image {
    flex: 1 1 auto;
    height: 100%;
    min-height: 360px;
    margin: 0;
    display: flex;
}
.nf-page-blocks .nf-split-media > .wp-block-image img,
.nf-page-blocks .nf-panel-media > .wp-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
    border-radius: 0;
}

/* ── 문의 폼 (Contact Form 7) — 넥스핀 스타일 ─────────────────────── */
.nf-page-blocks .nf-contact { max-width: 760px; margin: 0 auto; }
.nf-page-blocks .nf-contact-card {
    background: #fff;
    border: 1px solid var(--nf-line);
    border-radius: var(--nf-radius-lg);
    box-shadow: var(--nf-shadow-sm);
    padding: 40px 44px;
}
.nf-page-blocks .wpcf7 { font-size: 15px; }
.nf-page-blocks .wpcf7-form .nf-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.nf-page-blocks .wpcf7-form p { margin: 0 0 20px; }
.nf-page-blocks .wpcf7-form .nf-fl {
    display: block; font-weight: 600; color: var(--nf-ink);
    margin: 0 0 8px; font-size: 14px;
}
.nf-page-blocks .wpcf7-form .nf-fl .req { color: #b02a37; margin-left: 2px; }
.nf-page-blocks .wpcf7 input[type="text"],
.nf-page-blocks .wpcf7 input[type="email"],
.nf-page-blocks .wpcf7 input[type="tel"],
.nf-page-blocks .wpcf7 textarea {
    width: 100%;
    padding: 13px 15px;
    border: 1px solid var(--nf-line);
    border-radius: 12px;
    font-size: 15px;
    font-family: inherit;
    color: var(--nf-ink);
    background: #fff;
    transition: border-color .15s, box-shadow .15s;
}
.nf-page-blocks .wpcf7 textarea { min-height: 150px; resize: vertical; }
.nf-page-blocks .wpcf7 input:focus,
.nf-page-blocks .wpcf7 textarea:focus {
    outline: none; border-color: var(--nf-primary);
    box-shadow: 0 0 0 3px rgba(26, 79, 214, .12);
}
.nf-page-blocks .wpcf7 .wpcf7-submit {
    background: var(--nf-primary); color: #fff; border: none;
    padding: 14px 36px; border-radius: 12px;
    font-weight: 700; font-size: 15px; cursor: pointer; width: auto;
    transition: background .15s, transform .15s;
}
.nf-page-blocks .wpcf7 .wpcf7-submit:hover { background: var(--nf-primary-dark); transform: translateY(-1px); }
.nf-page-blocks .wpcf7-spinner { margin: 0 0 0 12px; }
.nf-page-blocks .wpcf7-response-output {
    border-radius: 10px; margin: 18px 0 0 !important; padding: 12px 16px !important; font-size: 14px;
}
@media (max-width: 640px) {
    .nf-page-blocks .wpcf7-form .nf-form-row { grid-template-columns: 1fr; gap: 0; }
    .nf-page-blocks .nf-contact-card { padding: 28px 22px; }
}

/* ── 오시는 길: 지도 | 문의폼 2단 ─────────────────────────────── */
.nf-page-blocks .nf-contact-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: stretch;
    margin-top: 40px;
}
.nf-page-blocks .nf-contact-map {
    border-radius: var(--nf-radius-lg);
    overflow: hidden;
    min-height: 500px;
    border: 1px solid var(--nf-line);
    box-shadow: var(--nf-shadow-sm);
    background: #eef1f8;
}
.nf-page-blocks .nf-contact-map iframe {
    width: 100%; height: 100%; min-height: 500px; border: 0; display: block;
}
.nf-page-blocks .nf-contact-split .nf-contact-card { margin: 0; height: 100%; }
@media (max-width: 900px) {
    .nf-page-blocks .nf-contact-split { grid-template-columns: 1fr; }
    .nf-page-blocks .nf-contact-map { min-height: 340px; }
    .nf-page-blocks .nf-contact-map iframe { min-height: 340px; }
}