/* Theme Name: Nunchi Urban Theme URI: https://nunchi.biz/blog/ Description: 눈치(nunchi.biz) 블로그용 도시적 · 비즈니스 하위 테마. nunchi.biz 본 사이트의 무채색 + 남색 톤, 격자 바탕, 반투명 머리글을 따릅니다. 부모 = Twenty Twenty-Five. Author: BizSpring Inc. Template: twentytwentyfive Version: 2.3.3 Requires at least: 6.7 Text Domain: nunchi-urban */ :root { --nb-ink: #121826; --nb-cream: #F5F7FA; --nb-yellow: #E4EAF4; --nb-pink: #24324F; --nb-teal: #2E4A8F; --nb-mint: #DCE6F5; --nb-lilac: #E6E4F2; --nb-white: #FFFFFF; --nb-line: rgba(18, 24, 38, .14); --nb-bw: 1px; --nb-r: 12px; --nb-sh: 0 8px 24px rgba(18, 24, 38, .08); --nb-sh-lg: 0 16px 40px rgba(18, 24, 38, .14); --nb-sh-sm: 0 1px 3px rgba(18, 24, 38, .10); } html { overflow-x: clip; font-size: 90%; } /* 2026-10-11: 전체 글자 크기 한 단계 축소 (rem 기준 16px -> 14.4px) */ body { background-color: var(--nb-cream); background-image: radial-gradient(rgba(17, 17, 17, .12) 1px, transparent 1.2px); background-size: 22px 22px; word-break: keep-all; overflow-wrap: anywhere; } ::selection { background: var(--nb-yellow); color: var(--nb-ink); } :where(a, button, input, summary):focus-visible { outline: 3px solid var(--nb-pink); outline-offset: 3px; } /* ───────── 머리글 (2026-10-11 nunchi.biz 메뉴 이식) ───────── */ /* 고정: 머리글 묶음(.nb-header)을 감싼 틀(header.wp-block-template-part)의 높이가 묶음과 같아 묶음에만 sticky 를 주면 고정되지 않는다. 바깥 틀을 고정한다(1.3.3). */ .wp-site-blocks > header.wp-block-template-part { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 50; } .nb-header { position: relative; background: var(--nb-yellow); border-bottom: var(--nb-bw) solid var(--nb-ink); padding-top: 10px; padding-bottom: 10px; } .nb-header__inner { gap: 20px; align-items: center; } /* 로고: 눈 두 개(nunchi.biz 로고 그림과 같은 모양) + 이름 + 한 줄 소개 */ .nb-brand { display: flex; align-items: center; gap: 12px; flex-shrink: 0; } .nb-brand__home { display: flex; align-items: center; gap: 10px; color: var(--nb-ink) !important; text-decoration: none; } .nb-eyes { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; background: var(--nb-white); border: var(--nb-bw) solid var(--nb-ink); border-radius: 10px; box-shadow: 3px 3px 0 var(--nb-ink); transform: rotate(-4deg); transition: transform .15s ease; } .nb-brand__home:hover .nb-eyes { transform: rotate(0deg) scale(1.06); } .nb-eyes svg { width: 34px; height: 34px; overflow: visible; } .nb-eyes .ball { fill: var(--nb-white); stroke: var(--nb-ink); stroke-width: 1.7; } .nb-eyes .pup { fill: var(--nb-ink); animation: nb-look 7s ease-in-out infinite; } .nb-eyes .hl { fill: var(--nb-white); } @keyframes nb-look { 0%, 38% { transform: translate(0, 0); } 44%, 58% { transform: translate(1.8px, -0.6px); } 64%, 80% { transform: translate(-1.8px, 0.4px); } 86%, 100% { transform: translate(0, 0); } } .nb-brand__text { display: flex; flex-direction: column; line-height: 1.15; } .nb-brand__name { font-size: 1.3rem; font-weight: 900; letter-spacing: -0.03em; white-space: nowrap; } .nb-brand__name i { font-style: normal; margin: 0 .18em; opacity: .55; } .nb-brand__name b { font-weight: 900; } .nb-beta { font-style: normal; font-size: .62rem; font-weight: 800; letter-spacing: .02em; margin-left: 6px; padding: 1px 6px; vertical-align: 4px; background: var(--nb-ink); color: var(--nb-white); border-radius: 3px; } .nb-brand__sub { margin-top: 3px; font-size: .74rem; font-weight: 700; color: rgba(17, 17, 17, .78); white-space: nowrap; } .nb-brand__blog { display: inline-block; padding: 3px 10px; font-size: .82rem; font-weight: 900; color: var(--nb-ink) !important; text-decoration: none; background: var(--nb-pink); border: 2px solid var(--nb-ink); box-shadow: 2px 2px 0 var(--nb-ink); transform: rotate(3deg); } .nb-brand__blog:hover { transform: rotate(0deg); } /* 주 메뉴 */ .nb-nav { font-size: 1.08rem; font-weight: 800; } /* 2026-10-11: 한 단계 키움(.95rem → 1.08rem) */ .nb-nav .wp-block-navigation__container { gap: 4px; align-items: center; } .nb-nav .wp-block-navigation-item__content { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; text-decoration: none; border: 2px solid transparent; border-radius: 6px; white-space: nowrap; } .nb-nav .wp-block-navigation-item__content:hover { border-color: var(--nb-ink); background: var(--nb-white); box-shadow: var(--nb-sh-sm); } .nb-nav [class*="nb-ic-"] > .wp-block-navigation-item__content::before { content: ""; flex: none; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--nb-ic) center / contain no-repeat; mask: var(--nb-ic) center / contain no-repeat; } .nb-ic-activity { --nb-ic: url("data:image/svg+xml;utf8,"); } .nb-ic-history { --nb-ic: url("data:image/svg+xml;utf8,"); } .nb-ic-eye { --nb-ic: url("data:image/svg+xml;utf8,"); } .nb-ic-layers { --nb-ic: url("data:image/svg+xml;utf8,"); } .nb-ic-newspaper { --nb-ic: url("data:image/svg+xml;utf8,"); } .nb-ic-plug { --nb-ic: url("data:image/svg+xml;utf8,"); } .nb-ic-user-check { --nb-ic: url("data:image/svg+xml;utf8,"); } .nb-nav .nb-sep { margin-left: 8px; padding-left: 10px; border-left: 2px solid rgba(17, 17, 17, .45); } .nb-nav .nb-current > .wp-block-navigation-item__content { background: var(--nb-white); border-color: var(--nb-ink); box-shadow: var(--nb-sh-sm); } .nb-nav .nb-pill { margin-left: 10px; } .nb-nav .nb-pill > .wp-block-navigation-item__content { background: var(--nb-white); border-color: var(--nb-ink); border-radius: 999px; box-shadow: var(--nb-sh-sm); } .nb-nav .nb-login > .wp-block-navigation-item__content { background: var(--nb-pink); border-color: var(--nb-ink); box-shadow: var(--nb-sh-sm); } .nb-nav .nb-pill > .wp-block-navigation-item__content:hover, .nb-nav .nb-login > .wp-block-navigation-item__content:hover { transform: translate(-2px, -2px); box-shadow: 5px 5px 0 var(--nb-ink); } /* 휴대폰 펼침 메뉴 */ .nb-nav .wp-block-navigation__responsive-container.is-menu-open { background: var(--nb-yellow) !important; color: var(--nb-ink) !important; padding: 24px; } .nb-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 10px; align-items: flex-start; } .nb-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 1.25rem; } .nb-nav .wp-block-navigation__responsive-container.is-menu-open .nb-sep { margin-left: 0; padding-left: 0; border-left: 0; margin-top: 6px; padding-top: 14px; border-top: 2px dashed var(--nb-ink); width: 100%; } .nb-nav .wp-block-navigation__responsive-container.is-menu-open .nb-pill { margin-left: 0; margin-top: 8px; } .nb-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content, .nb-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: flex-start !important; } .nb-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { padding: 8px 14px !important; } .nb-nav .wp-block-navigation__responsive-container-open, .nb-nav .wp-block-navigation__responsive-container-close { border: 2px solid var(--nb-ink); background: var(--nb-white); padding: 4px; box-shadow: var(--nb-sh-sm); } /* ───────── 버튼 ───────── */ .wp-block-button__link, .wp-element-button { border: var(--nb-bw) solid var(--nb-ink) !important; border-radius: var(--nb-r) !important; box-shadow: var(--nb-sh-sm); font-weight: 800; text-decoration: none; transition: transform .12s ease, box-shadow .12s ease; } .wp-block-button__link:hover, .wp-element-button:hover { transform: translate(-2px, -2px); box-shadow: 5px 5px 0 var(--nb-ink); } .wp-block-button__link:active, .wp-element-button:active { transform: translate(3px, 3px); box-shadow: 0 0 0 var(--nb-ink); } .wp-block-button.is-style-outline .wp-block-button__link { background: var(--nb-white) !important; color: var(--nb-ink) !important; } /* ───────── 본문 영역 ───────── */ .nb-main { padding-top: clamp(32px, 6vw, 72px); padding-bottom: clamp(48px, 8vw, 96px); } /* 첫 화면 큰 제목 */ .nb-hero { margin-bottom: clamp(36px, 6vw, 64px); } .nb-hero__kicker { display: inline-block; margin: 0 0 18px; padding: 4px 12px; font-family: var(--wp--preset--font-family--mono); font-size: .82rem; font-weight: 700; letter-spacing: .14em; background: var(--nb-mint); border: 2px solid var(--nb-ink); box-shadow: var(--nb-sh-sm); transform: rotate(-2deg); } .nb-hero__title { margin: 0; font-size: clamp(2.8rem, 9vw, 6.4rem); line-height: 1.02; letter-spacing: -0.05em; } .nb-hero__title mark { background: var(--nb-pink); color: var(--nb-ink); padding: 0 .12em; border: var(--nb-bw) solid var(--nb-ink); box-shadow: var(--nb-sh); display: inline-block; transform: rotate(1.5deg); margin-left: .05em; } .nb-hero__tagline { margin: 28px 0 0; font-size: clamp(1.15rem, 2.6vw, 1.6rem); font-weight: 800; } .nb-hero__lead { max-width: 46em; margin: 12px 0 0; color: #3A3A3A; font-size: 1.05rem; } .nb-hero--archive .nb-hero__title { font-size: clamp(2.2rem, 6vw, 4.2rem); } /* ───────── 글 목록 카드 ───────── */ .nb-cards .wp-block-post-template { gap: clamp(24px, 3.5vw, 40px) !important; } .nb-cards .wp-block-post-template > li { display: flex; } .nb-card { position: relative; display: flex; flex-direction: column; width: 100%; background: var(--nb-white); border: var(--nb-bw) solid var(--nb-ink); border-radius: var(--nb-r); box-shadow: var(--nb-sh); overflow: hidden; transition: transform .15s ease, box-shadow .15s ease; } .nb-card:hover { transform: translate(-4px, -4px); box-shadow: var(--nb-sh-lg); } .nb-cards li:nth-child(4n+1) .nb-card { --nb-tone: var(--nb-yellow); } .nb-cards li:nth-child(4n+2) .nb-card { --nb-tone: var(--nb-pink); } .nb-cards li:nth-child(4n+3) .nb-card { --nb-tone: var(--nb-mint); } .nb-cards li:nth-child(4n+4) .nb-card { --nb-tone: var(--nb-lilac); } .nb-card__img { margin: 0 !important; border-bottom: var(--nb-bw) solid var(--nb-ink); background: var(--nb-tone, var(--nb-yellow)); } .nb-card__img img { display: block; } .nb-card__body { display: flex; flex-direction: column; flex: 1; padding: 22px 24px 20px; gap: 10px; } .nb-card__body > * { margin: 0 !important; } .nb-card__cat a, .nb-article__cat a { display: inline-block; padding: 2px 10px; font-size: .8rem; font-weight: 800; text-decoration: none; color: var(--nb-ink); background: var(--nb-tone, var(--nb-yellow)); border: 2px solid var(--nb-ink); } .nb-card__title { font-size: clamp(1.3rem, 2.2vw, 1.6rem); line-height: 1.32; } .nb-card__title a { text-decoration: none; background-image: linear-gradient(var(--nb-tone, var(--nb-yellow)), var(--nb-tone, var(--nb-yellow))); background-size: 0 40%; background-position: 0 88%; background-repeat: no-repeat; transition: background-size .2s ease; } .nb-card:hover .nb-card__title a { background-size: 100% 40%; } /* 카드 전체를 누를 수 있게: 제목 링크를 카드 크기로 넓힘 */ .nb-card__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; } .nb-card__cat, .nb-card__more { position: relative; z-index: 2; } .nb-card__excerpt { color: #3A3A3A; font-size: .98rem; } .nb-card__excerpt .wp-block-post-excerpt__more-text { display: none; } .nb-card__foot { margin-top: auto !important; padding-top: 12px; border-top: 2px dashed var(--nb-ink); align-items: center; } .nb-card__date { font-size: .85rem; font-weight: 700; } .nb-card__more { font-weight: 900; text-decoration: none; } /* 페이지 번호 */ .nb-pager { margin-top: 48px !important; gap: 10px; font-weight: 800; } .nb-pager a, .nb-pager .current { display: inline-block; min-width: 2.4em; padding: 6px 10px; text-align: center; border: 2px solid var(--nb-ink); background: var(--nb-white); text-decoration: none; box-shadow: var(--nb-sh-sm); } .nb-pager .current { background: var(--nb-ink); color: var(--nb-yellow); } /* ───────── 글 본문 ───────── */ .nb-article__head { margin-bottom: 32px; } .nb-article__head > * { margin-top: 0; } .nb-article__cat { margin-bottom: 16px; } .nb-article__title { font-size: clamp(2rem, 5.2vw, 3.4rem); line-height: 1.22; letter-spacing: -0.04em; margin-bottom: 20px; } .nb-article__meta { gap: 10px; font-size: .88rem; font-weight: 700; } .nb-article__meta > * { margin: 0 !important; padding: 3px 10px; background: var(--nb-white); border: 2px solid var(--nb-ink); font-family: var(--wp--preset--font-family--mono); } .nb-meta-author::before { content: "글 "; } .nb-meta-date::before { content: "게시 "; } .nb-meta-modified::before { content: "수정 "; } .nb-article__img { margin-bottom: 40px !important; border: var(--nb-bw) solid var(--nb-ink); box-shadow: var(--nb-sh-lg); background: var(--nb-yellow); } .nb-article__img img { display: block; } .nb-article__body { font-size: 1.075rem; } .nb-article__body > * + * { margin-block-start: 1.3em; } .nb-article__body h2 { position: relative; margin-top: 2.4em !important; padding: 10px 16px 10px 20px; font-size: clamp(1.45rem, 3vw, 1.9rem); background: var(--nb-white); border: var(--nb-bw) solid var(--nb-ink); border-left-width: 12px; border-left-color: var(--nb-pink); box-shadow: var(--nb-sh); } .nb-article__body h3 { margin-top: 2em !important; font-size: clamp(1.2rem, 2.4vw, 1.4rem); display: inline-block; background: linear-gradient(transparent 58%, var(--nb-yellow) 58%); padding: 0 4px; } .nb-article__body a:not(.wp-block-button__link) { text-decoration-thickness: 2px; text-underline-offset: 3px; text-decoration-color: var(--nb-teal); } .nb-article__body a:not(.wp-block-button__link):hover { background: var(--nb-yellow); text-decoration-color: var(--nb-ink); } .nb-article__body strong { background: linear-gradient(transparent 62%, var(--nb-mint) 62%); } .nb-article__body img { border: var(--nb-bw) solid var(--nb-ink) !important; box-shadow: var(--nb-sh); } .nb-article__body figcaption, .nb-article__body .wp-element-caption { font-family: var(--wp--preset--font-family--mono); font-size: .82rem; color: #3A3A3A; margin-top: 14px; } .nb-article__body ul, .nb-article__body ol { padding-left: 1.4em; } .nb-article__body li::marker { font-weight: 900; color: var(--nb-teal); } .nb-article__body blockquote, .nb-article__body .wp-block-quote { margin-left: 0; margin-right: 0; padding: 18px 22px; background: var(--nb-yellow); border: var(--nb-bw) solid var(--nb-ink); box-shadow: var(--nb-sh); font-weight: 700; } .nb-article__body table { width: 100%; border-collapse: collapse; background: var(--nb-white); border: var(--nb-bw) solid var(--nb-ink); box-shadow: var(--nb-sh); font-size: .95rem; } .nb-article__body th, .nb-article__body td { border: 2px solid var(--nb-ink); padding: 10px 12px; text-align: left; vertical-align: top; } .nb-article__body thead th, .nb-article__body tr:first-child th { background: var(--nb-ink); color: var(--nb-yellow); } .nb-article__body .wp-block-table { overflow-x: auto; } .nb-article__body pre, .nb-article__body .wp-block-code { background: var(--nb-ink); color: var(--nb-mint); border: var(--nb-bw) solid var(--nb-ink); box-shadow: 6px 6px 0 var(--nb-pink); padding: 18px 20px; overflow-x: auto; font-size: .9rem; } .nb-article__body :not(pre) > code { background: var(--nb-white); border: 2px solid var(--nb-ink); padding: 0 .3em; font-size: .9em; } .nb-article__body details { background: var(--nb-white) !important; border: var(--nb-bw) solid var(--nb-ink) !important; border-radius: var(--nb-r) !important; box-shadow: var(--nb-sh-sm); padding: 14px 18px !important; margin-block: 14px !important; } .nb-article__body details[open] { box-shadow: var(--nb-sh); background: #FFFBEF !important; } .nb-article__body summary { cursor: pointer; font-weight: 900; } .nb-article__body hr { border: 0; border-top: var(--nb-bw) dashed var(--nb-ink); } .nb-article__tags { margin-top: 48px !important; font-weight: 800; font-size: .9rem; } .nb-article__tags a { display: inline-block; margin: 0 6px 8px 0; padding: 2px 10px; background: var(--nb-white); border: 2px solid var(--nb-ink); text-decoration: none; } .nb-article__tags a::before { content: "#"; } .nb-article__tags a:hover { background: var(--nb-mint); box-shadow: var(--nb-sh-sm); } .nb-article__tags .wp-block-post-terms__separator { display: none; } /* 이전 글 · 다음 글 */ .nb-postnav { margin-top: 56px !important; gap: 20px; align-items: stretch; } .nb-postnav > * { flex: 1 1 280px; margin: 0 !important; } .nb-postnav a { display: block; height: 100%; padding: 16px 20px; background: var(--nb-white); border: var(--nb-bw) solid var(--nb-ink); box-shadow: var(--nb-sh); font-weight: 800; text-decoration: none; line-height: 1.5; } .nb-postnav a:hover { transform: translate(-3px, -3px); box-shadow: var(--nb-sh-lg); background: var(--nb-yellow); } .nb-postnav .post-navigation-link__label { display: block; font-family: var(--wp--preset--font-family--mono); font-size: .8rem; } .nb-backhome { margin-top: 40px !important; } /* ───────── 바닥글 (2026-10-11 nunchi.biz 바닥글 이식) ───────── */ .nb-footer { background: var(--nb-ink); color: var(--nb-cream); border-top: var(--nb-bw) solid var(--nb-ink); padding-top: clamp(48px, 7vw, 76px); padding-bottom: 28px; margin-top: 0; } .nb-foot a { color: var(--nb-cream); text-decoration: none; } .nb-foot a:hover { color: var(--nb-yellow); text-decoration: underline; text-underline-offset: 3px; } .nb-foot__grid { display: grid; grid-template-columns: 1.7fr repeat(6, minmax(0, 1fr)); gap: 36px 26px; } .nb-foot__brand p { margin: 0 0 10px; color: #D8D2C2; font-size: .9rem; line-height: 1.75; } .nb-foot__name { display: flex; align-items: center; gap: 12px; margin: 0 0 16px !important; color: var(--nb-cream) !important; font-size: 1.45rem !important; font-weight: 900; letter-spacing: -0.03em; line-height: 1.2 !important; } .nb-foot__name .nb-eyes { box-shadow: 3px 3px 0 var(--nb-pink); border-color: var(--nb-white); } .nb-foot__op { color: #BDB6A5 !important; font-size: .82rem !important; } .nb-foot__op a { color: var(--nb-yellow); text-decoration: underline; text-underline-offset: 3px; } .nb-foot__h { display: inline-block; margin: 0 0 12px; padding: 2px 10px; background: var(--nb-yellow); color: var(--nb-ink); font-size: .8rem; font-weight: 900; } .nb-foot__h a { color: var(--nb-ink) !important; } .nb-foot__h a:hover { color: var(--nb-ink) !important; } .nb-foot__col ul { list-style: none; margin: 0; padding: 0; font-size: .88rem; font-weight: 700; line-height: 1.6; } .nb-foot__col li { margin: 0 0 9px; } .nb-foot .nb-ext::after { content: " ↗"; font-size: .8em; opacity: .7; } .nb-foot__biz { display: flex; flex-wrap: wrap; gap: 4px 18px; margin-top: 48px; padding-top: 20px; border-top: 2px dashed #4A4A4A; font-size: .78rem; color: #BDB6A5; } .nb-foot__biz b { color: var(--nb-cream); } .nb-foot__biz a { text-decoration: underline; text-underline-offset: 3px; } .nb-foot__base { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 20px; margin-top: 16px; font-family: var(--wp--preset--font-family--mono); font-size: .76rem; color: #BDB6A5; } .nb-foot__legal { display: flex; flex-wrap: wrap; gap: 4px 14px; } .nb-foot__legal b { color: var(--nb-cream); } @media (max-width: 1180px) { .nb-foot__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .nb-foot__brand { grid-column: 1 / -1; max-width: 640px; } } @media (max-width: 600px) { .nb-foot__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 18px; } } /* ───────── 중간 폭 ───────── */ @media (max-width: 1240px) { .nb-brand__sub { display: none; } .nb-nav [class*="nb-ic-"] > .wp-block-navigation-item__content::before { display: none; } } /* ───────── 태블릿 폭: 메뉴를 펼침 단추로 접기 (기본은 600px 미만에서만 접힘) ───────── */ @media (min-width: 600px) and (max-width: 1023px) { .nb-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; } .nb-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; } .nb-nav .wp-block-navigation__responsive-container.is-menu-open { display: flex; } } /* ───────── 작은 화면 ───────── */ @media (max-width: 781px) { :root { --nb-sh: 4px 4px 0 var(--nb-ink); --nb-sh-lg: 6px 6px 0 var(--nb-ink); } .nb-brand__sub, .nb-brand__blog { display: none; } .nb-eyes { width: 38px; height: 38px; } .nb-eyes svg { width: 28px; height: 28px; } .nb-cards .wp-block-post-template { grid-template-columns: 1fr !important; } .nb-card__body { padding: 18px 18px 16px; } .nb-article__body h2 { border-left-width: 8px; } } /* ───────── 움직임 줄이기 ───────── */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; } .nb-card:hover, .nb-postnav a:hover, .wp-block-button__link:hover, .nb-brand__home:hover .nb-eyes { transform: none; } .nb-eyes .pup { animation: none; } } /* ───────── 콘텐츠런처 본문 상자 (인라인 스타일 덮어쓰기) ───────── */ .nb-article__body .summary-box { background: var(--nb-mint) !important; border: var(--nb-bw) solid var(--nb-ink) !important; border-radius: var(--nb-r) !important; box-shadow: var(--nb-sh); padding: 18px 22px !important; } .nb-article__body .summary-box * { color: var(--nb-ink) !important; } .nb-article__body .faq { border-top: var(--nb-bw) dashed var(--nb-ink) !important; } .nb-article__body .cta-box { background: var(--nb-yellow) !important; border: var(--nb-bw) solid var(--nb-ink) !important; border-radius: var(--nb-r) !important; box-shadow: var(--nb-sh-lg); font-weight: 700; } .nb-article__body .cta-box a { background: var(--nb-pink) !important; color: var(--nb-ink) !important; border: var(--nb-bw) solid var(--nb-ink) !important; border-radius: var(--nb-r) !important; box-shadow: var(--nb-sh-sm); font-weight: 900 !important; text-decoration: none !important; transition: transform .12s ease, box-shadow .12s ease; } .nb-article__body .cta-box a:hover { transform: translate(-2px, -2px); box-shadow: 5px 5px 0 var(--nb-ink); } .nb-article__body figure[data-cl-manual] { margin-inline: 0; } /* 2026-10-11: 분류 딱지 사이 쉼표 숨김, 이모지 이미지는 테두리 제외 */ .nb-card__cat .wp-block-post-terms__separator, .nb-article__cat .wp-block-post-terms__separator { display: none; } .nb-card__cat a + a, .nb-article__cat a + a, .nb-card__cat span + a, .nb-article__cat span + a { margin-left: 6px; } .nb-article__body img.emoji, .nb-article__body img.wp-smiley { border: 0 !important; box-shadow: none !important; display: inline !important; width: 1em !important; height: 1em !important; vertical-align: -0.1em; } /* ───────── 글 상세: 목차 · 본문 · 검색과 연관 글 3단 배치 (2026-10-11) ───────── */ .nb-single { padding-left: var(--wp--style--root--padding-left, 24px); padding-right: var(--wp--style--root--padding-right, 24px); } .nb-layout { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "toc" "main" "side"; gap: 32px; max-width: 820px; margin: 0 auto; align-items: start; } .nb-col-toc { grid-area: toc; } .nb-col-main { grid-area: main; min-width: 0; } .nb-col-side { grid-area: side; } .nb-col-toc, .nb-col-side { scrollbar-width: thin; } .nb-article__body :is(h2, h3) { scroll-margin-top: 100px; } html { scroll-behavior: smooth; } @media (min-width: 1024px) { .nb-layout { max-width: 1160px; grid-template-columns: minmax(0, 1fr) 290px; grid-template-areas: "toc side" "main side"; column-gap: 44px; row-gap: 28px; } .nb-col-side { position: sticky; top: 96px; max-height: calc(100vh - 116px); overflow-y: auto; padding: 0 8px 8px 0; } } @media (min-width: 1360px) { .nb-layout { max-width: 1440px; grid-template-columns: 230px minmax(0, 800px) 290px; grid-template-areas: "toc main side"; justify-content: center; column-gap: 44px; } .nb-col-toc { position: sticky; top: 96px; max-height: calc(100vh - 116px); overflow-y: auto; padding: 0 8px 8px 0; } } @media (max-width: 1359px) { .nb-toc .nb-toc__l3 { display: none; } } /* 칸 제목 */ .nb-side__h { display: inline-block; margin: 0 0 12px; padding: 2px 10px; font-size: .8rem; font-weight: 900; letter-spacing: .02em; background: var(--nb-ink); color: var(--nb-white); } /* 목차 */ .nb-toc { padding: 16px 14px 12px; background: var(--nb-white); border: var(--nb-bw) solid var(--nb-ink); box-shadow: var(--nb-sh-sm); } .nb-toc ol { list-style: none; margin: 0; padding: 0; } .nb-toc li { margin: 0; } .nb-toc a { display: block; padding: 6px 8px; border-left: 4px solid transparent; font-size: .86rem; font-weight: 700; line-height: 1.45; color: #3A3A3A; text-decoration: none; } .nb-toc .nb-toc__l3 a { padding-left: 20px; font-size: .8rem; font-weight: 600; } .nb-toc a:hover { background: var(--nb-cream); color: var(--nb-ink); } .nb-toc a.is-active { border-left-color: var(--nb-pink); background: var(--nb-yellow); color: var(--nb-ink); font-weight: 900; } /* 검색창 */ .nb-search { margin: 0 0 24px; } .nb-search .wp-block-search__inside-wrapper { padding: 4px !important; background: var(--nb-white); border: var(--nb-bw) solid var(--nb-ink) !important; border-radius: var(--nb-r); box-shadow: var(--nb-sh-sm); } .nb-search .wp-block-search__input { min-width: 0; padding: 8px 10px; border: 0 !important; background: transparent; font-size: .95rem; color: var(--nb-ink); } .nb-search .wp-block-search__input:focus { outline: none; } .nb-search .wp-block-search__inside-wrapper:focus-within { outline: 3px solid var(--nb-pink); outline-offset: 2px; } .nb-search .wp-block-search__button { margin-left: 4px !important; padding: 6px 12px !important; background: var(--nb-pink) !important; color: var(--nb-ink) !important; border: 2px solid var(--nb-ink) !important; box-shadow: none !important; } .nb-search .wp-block-search__button svg { fill: currentColor; } .nb-search--hero { max-width: 560px; margin-top: 24px; } /* 연관 글 */ .nb-related { padding: 16px 14px 14px; background: var(--nb-white); border: var(--nb-bw) solid var(--nb-ink); box-shadow: var(--nb-sh-sm); } .nb-related ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; } .nb-related li { margin: 0; } .nb-related a { display: flex; gap: 10px; align-items: flex-start; color: var(--nb-ink); text-decoration: none; } .nb-related__img { flex: none; width: 64px; height: 64px; overflow: hidden; border: 2px solid var(--nb-ink); background: var(--nb-mint); } .nb-related__img img { display: block; width: 100%; height: 100%; object-fit: cover; } .nb-related__txt { min-width: 0; } .nb-related__title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: .86rem; font-weight: 800; line-height: 1.42; } .nb-related a:hover .nb-related__title { text-decoration: underline; text-decoration-color: var(--nb-pink); text-decoration-thickness: 2px; } .nb-related time { display: block; margin-top: 4px; font-family: var(--wp--preset--font-family--mono); font-size: .72rem; color: #3A3A3A; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } /* ───────── 상단 메뉴 · 활용 사례 펼침 목록 (2026-10-11, nunchi.biz 메뉴 순서) ───────── */ .nb-ic-book-open { --nb-ic: url("data:image/svg+xml;utf8,"); } .nb-ic-file-text { --nb-ic: url("data:image/svg+xml;utf8,"); } .nb-ic-zap { --nb-ic: url("data:image/svg+xml;utf8,"); } .nb-ic-briefcase { --nb-ic: url("data:image/svg+xml;utf8,"); } .nb-ic-store { --nb-ic: url("data:image/svg+xml;utf8,"); } .nb-ic-folder { --nb-ic: url("data:image/svg+xml;utf8,"); } .nb-ic-map-pin { --nb-ic: url("data:image/svg+xml;utf8,"); } .nb-ic-target { --nb-ic: url("data:image/svg+xml;utf8,"); } .nb-nav .nb-dd > .wp-block-navigation__submenu-icon { margin-left: -4px; width: 12px; height: 12px; } .nb-nav .nb-dd > .wp-block-navigation__submenu-icon svg { stroke: currentColor; stroke-width: 2.5; } .nb-nav .nb-dd .wp-block-navigation__submenu-container { min-width: 300px !important; padding: 8px !important; background: var(--nb-white) !important; color: var(--nb-ink) !important; border: var(--nb-bw) solid var(--nb-ink) !important; border-radius: var(--nb-r); box-shadow: var(--nb-sh) !important; gap: 2px; margin-top: 6px; } .nb-nav .nb-dd .wp-block-navigation__submenu-container .wp-block-navigation-item__content { display: grid !important; grid-template-columns: 18px 1fr; column-gap: 10px; align-items: start; width: 100%; padding: 9px 10px !important; white-space: normal; border-radius: 6px; } .nb-nav .nb-dd .wp-block-navigation__submenu-container [class*="nb-ic-"] > .wp-block-navigation-item__content::before { display: block !important; grid-row: span 2; margin-top: 3px; } .nb-nav .nb-dd .wp-block-navigation__submenu-container .wp-block-navigation-item__label { font-weight: 800; font-size: .95rem; } .nb-nav .nb-dd .wp-block-navigation-item__description { display: block; margin-top: 2px; font-size: .78rem; font-weight: 600; color: #3A3A3A; } .nb-nav .nb-dd .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--nb-cream); border-color: transparent; box-shadow: none; } .nb-nav .wp-block-navigation__responsive-container.is-menu-open .nb-dd .wp-block-navigation__submenu-container { border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 0 0 12px !important; min-width: 0 !important; margin-top: 0; } .nb-nav .wp-block-navigation__responsive-container.is-menu-open .nb-dd .wp-block-navigation-item__content { font-size: 1.05rem; } .nb-nav .nb-dd .wp-block-navigation__submenu-container .wp-block-navigation-item__content { line-height: 1.3; row-gap: 3px; } .nb-nav .nb-dd .wp-block-navigation__submenu-container .wp-block-navigation-item__label { line-height: 1.3; } .nb-nav .nb-dd .wp-block-navigation-item__description { margin-top: 0; line-height: 1.35; } .nb-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { align-items: flex-start !important; } .nb-nav .wp-block-navigation__responsive-container.is-menu-open .nb-dd > .wp-block-navigation-item__content { justify-content: flex-start; text-align: left; } /* 목차로 이동할 때 소제목이 고정 머리글에 가리지 않도록(1.3.3) */ .nb-col-main :is(h2, h3)[id] { scroll-margin-top: 96px; } /* ───────── 주제별로 보기 (1.5.0) ───────── */ .nb-browse { margin: 0 0 clamp(36px, 5vw, 56px); } .nb-browse__h { display: inline-block; margin: 0 0 16px; padding: 4px 12px; font-size: 1rem; font-weight: 900; letter-spacing: .02em; background: var(--nb-ink); color: var(--nb-white); border-radius: var(--nb-r); } .nb-browse__cats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 16px; } .nb-browse__cats > li { display: flex; } .nb-topic { --nb-tone: var(--nb-yellow); flex: 1; display: flex; flex-direction: column; gap: 6px; padding: 14px 16px 16px; background: var(--nb-white); color: var(--nb-ink) !important; text-decoration: none; border: var(--nb-bw) solid var(--nb-ink); border-radius: var(--nb-r); box-shadow: var(--nb-sh-sm); border-top: 10px solid var(--nb-tone); transition: transform .12s ease, box-shadow .12s ease; } .nb-browse__cats li:nth-child(4n+2) .nb-topic { --nb-tone: var(--nb-pink); } .nb-browse__cats li:nth-child(4n+3) .nb-topic { --nb-tone: var(--nb-mint); } .nb-browse__cats li:nth-child(4n+4) .nb-topic { --nb-tone: var(--nb-lilac); } .nb-topic:hover, .nb-topic:focus-visible { transform: translate(-2px, -2px); box-shadow: var(--nb-sh); } .nb-topic__name { font-size: 1.08rem; font-weight: 900; line-height: 1.35; } .nb-topic__count { align-self: flex-start; font-size: .78rem; font-weight: 800; padding: 1px 8px; border: 2px solid var(--nb-ink); border-radius: 999px; background: var(--nb-tone); } .nb-topic__desc { font-size: .86rem; line-height: 1.55; color: #333; } .nb-browse__sub { margin: 22px 0 10px; font-size: .9rem; font-weight: 900; } .nb-browse__chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; } .nb-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; font-size: .86rem; font-weight: 800; color: var(--nb-ink) !important; text-decoration: none; background: var(--nb-white); border: 2px solid var(--nb-ink); border-radius: 999px; box-shadow: 2px 2px 0 var(--nb-ink); transition: transform .12s ease, background .12s ease; } .nb-chip span { font-size: .74rem; font-weight: 700; opacity: .7; } .nb-chip:hover, .nb-chip:focus-visible { background: var(--nb-yellow); transform: translate(-1px, -1px); } .nb-chip.is-current { background: var(--nb-ink); color: var(--nb-white) !important; } .nb-chip.is-current span { opacity: .85; } .nb-chip--tag { font-weight: 700; } .nb-browse--compact { margin-bottom: clamp(28px, 4vw, 44px); } @media (max-width: 599px) { .nb-browse__cats { grid-template-columns: 1fr 1fr; gap: 12px; } .nb-topic__desc { display: none; } .nb-topic { padding: 12px; } } /* ───────── 글 상세 양옆 칸: 인트렌치 방식 (2026-10-12) ───────── 1280px 이상 : 목차 200px | 본문 | 검색 · 연관 글 240px, 칸 사이 24px, 양옆 고정 1024 ~ 1279px: 목차를 26px 점 막대로 줄임(지금 읽는 곳 · 지나온 곳 · 마우스를 올리면 제목 말풍선) 1023px 이하 : 목차 감춤, 검색 · 연관 글은 본문 아래 격자 바깥 폭 = 머리글 안쪽 폭(--wp--style--global--wide-size). 고정 위치는 --nb-sticky-top(머리글 높이 + 여백)으로 사이트마다 정한다. */ @media (max-width: 1023px) { .nb-single .nb-layout { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "main" "side" !important; } .nb-single .nb-col-toc { display: none !important; } .nb-single .nb-col-side { position: static !important; max-height: none !important; overflow: visible !important; margin-top: 8px; } } @media (min-width: 1024px) { .nb-single .nb-layout { display: grid !important; width: 100%; box-sizing: border-box; max-width: var(--wp--style--global--wide-size, 1340px) !important; margin-left: auto; margin-right: auto; column-gap: 24px !important; row-gap: 0 !important; align-items: start; justify-content: stretch !important; } .nb-single .nb-col-toc, .nb-single .nb-col-side { position: sticky !important; top: var(--nb-sticky-top, 96px) !important; max-height: calc(100vh - var(--nb-sticky-top, 96px) - 20px) !important; overflow-y: auto; } } @media (min-width: 1280px) { .nb-single .nb-layout { grid-template-columns: 200px minmax(0, 1fr) 240px !important; grid-template-areas: "toc main side" !important; } .nb-single .nb-toc .nb-toc__l3 { display: list-item; } } @media (min-width: 1024px) and (max-width: 1279px) { .nb-single .nb-layout { grid-template-columns: 26px minmax(0, 1fr) 240px !important; grid-template-areas: "toc main side" !important; } .nb-single .nb-col-toc { overflow: visible !important; max-height: none !important; padding: 0 !important; } .nb-single .nb-toc { padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; } .nb-single .nb-toc .nb-side__h, .nb-single .nb-toc .nb-toc__l3 { display: none !important; } .nb-single .nb-toc ol { position: relative; padding: 4px 0 !important; } .nb-single .nb-toc ol::before { content: ""; position: absolute; left: 12px; top: 0; bottom: 0; width: 2px; background: var(--nb-ink, #111); opacity: .25; } .nb-single .nb-toc li a { position: relative; display: block; height: 28px; padding: 0 !important; border: 0 !important; font-size: 0 !important; line-height: 0; color: transparent !important; background: none !important; } .nb-single .nb-toc li a::before { content: ""; position: absolute; left: 6px; top: 7px; width: 14px; height: 14px; box-sizing: border-box; background: #fff; border: 2px solid var(--nb-ink, #111); transition: transform .15s ease, background .15s ease; } .nb-single .nb-toc li a.is-past::before { background: color-mix(in srgb, var(--nb-pink, #F26A3A) 35%, #fff); } .nb-single .nb-toc li a.is-active::before { background: var(--nb-pink, #F26A3A); transform: scale(1.3); } .nb-single .nb-toc li a:hover::before, .nb-single .nb-toc li a:focus-visible::before { transform: scale(1.3); } .nb-single .nb-toc li a:hover::after, .nb-single .nb-toc li a:focus-visible::after { content: attr(data-t); position: absolute; left: 30px; top: 50%; transform: translateY(-50%); z-index: 30; width: max-content; max-width: 280px; padding: 6px 10px; background: var(--nb-ink, #111); color: #fff; font-size: 13px; font-weight: 700; line-height: 1.45; white-space: normal; border: 2px solid var(--nb-ink, #111); box-shadow: 3px 3px 0 var(--nb-pink, #F26A3A); } } /* end 글 상세 양옆 칸 */ /* ───────── Rank Math 빵부스러기 화면 표시 (2026-10-12) ───────── */ .rank-math-breadcrumb { margin: 0 0 14px; font-size: .82rem; font-weight: 700; line-height: 1.5; } .rank-math-breadcrumb p { margin: 0; display: flex; flex-wrap: wrap; align-items: center; row-gap: 2px; } .rank-math-breadcrumb a { color: inherit; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; text-decoration-color: var(--nb-pink, #F26A3A); } .rank-math-breadcrumb a:hover, .rank-math-breadcrumb a:focus-visible { background: var(--nb-yellow, #4DC3B0); text-decoration: none; } .rank-math-breadcrumb .separator { margin: 0 8px; opacity: .6; } .rank-math-breadcrumb .last { max-width: 32em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: .75; font-weight: 600; } @media (max-width: 600px) { .rank-math-breadcrumb .last, .rank-math-breadcrumb p > .separator:nth-last-child(2) { display: none; } } /* end 빵부스러기 */ /* ═════════ Nunchi Urban 2.0 : 도시적 · 비즈니스 층 (2026-11-09) ═════════ */ body { background-color: var(--nb-cream); background-image: none; position: relative; color: var(--nb-ink); } body::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 560px; z-index: -1; pointer-events: none; background-image: linear-gradient(rgba(36, 50, 79, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(36, 50, 79, .06) 1px, transparent 1px), linear-gradient(180deg, #E6ECF6 0%, rgba(245, 247, 250, 0) 100%); background-size: 56px 56px, 56px 56px, 100% 100%; -webkit-mask-image: linear-gradient(#000 40%, transparent); mask-image: linear-gradient(#000 40%, transparent); } ::selection { background: #24324F; color: #fff; } :where(a, button, input, summary):focus-visible { outline: 2px solid #2E4A8F; outline-offset: 3px; } .wp-site-blocks a { text-decoration-color: rgba(46, 74, 143, .45); } /* 머리글: 반투명 유리 */ .nb-header { background: rgba(255, 255, 255, .78); -webkit-backdrop-filter: blur(16px) saturate(1.6); backdrop-filter: blur(16px) saturate(1.6); border-bottom: 1px solid var(--nb-line); padding-top: 8px; padding-bottom: 8px; box-shadow: 0 1px 0 rgba(255,255,255,.6) inset; } .nb-eyes { width: 42px; height: 42px; background: #14171C; border: 0; border-radius: 11px; box-shadow: none; transform: none; } .nb-brand__home:hover .nb-eyes { transform: scale(1.05); } .nb-eyes .ball { fill: #fff; stroke: #14171C; stroke-width: 1.2; } .nb-eyes .pup { fill: #14171C; } .nb-eyes .hl { fill: #fff; } .nb-brand__name { font-size: 1.22rem; } .nb-beta { background: transparent; color: #24324F; border: 1px solid rgba(36, 50, 79, .45); border-radius: 999px; padding: 0 7px; } .nb-brand__sub { color: #5A6578; font-weight: 600; } .nb-brand__blog { background: #24324F; color: #fff !important; border: 0; border-radius: 999px; box-shadow: none; transform: none; padding: 3px 12px; font-weight: 800; } .nb-brand__blog:hover { background: #2E4A8F; transform: none; } .nb-nav { font-size: 1rem; font-weight: 700; } .nb-nav .wp-block-navigation-item__content { border: 0; border-radius: 9px; padding: 7px 11px; background: rgba(36, 50, 79, .06); } .nb-nav .wp-block-navigation-item__content:hover { background: #fff; box-shadow: 0 0 0 1px var(--nb-line), 0 4px 12px rgba(18,24,38,.08); border-color: transparent; } .nb-nav .nb-current > .wp-block-navigation-item__content { background: #fff; box-shadow: inset 0 -2px 0 #24324F; } .nb-nav .nb-pill > .wp-block-navigation-item__content { background: #fff; border: 0; box-shadow: 0 0 0 1px var(--nb-line); } .nb-nav .nb-login > .wp-block-navigation-item__content { background: #24324F; color: #fff; border: 0; border-radius: 999px; box-shadow: none; } .nb-nav .nb-pill > .wp-block-navigation-item__content:hover, .nb-nav .nb-login > .wp-block-navigation-item__content:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(18,24,38,.18); } .nb-nav .nb-login > .wp-block-navigation-item__content:hover { background: #2E4A8F; } .nb-nav .nb-dd .wp-block-navigation__submenu-container { background: #fff !important; border: 1px solid var(--nb-line) !important; border-radius: 14px; box-shadow: var(--nb-sh-lg) !important; } .nb-nav .nb-dd .wp-block-navigation-item__description { color: #5A6578; } .nb-nav .nb-dd .wp-block-navigation__submenu-container .wp-block-navigation-item__content { background: transparent; } .nb-nav .nb-dd .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: #F0F3F9; box-shadow: none; } .nb-nav .wp-block-navigation__responsive-container.is-menu-open { background: #fff !important; } .nb-nav .wp-block-navigation__responsive-container-open, .nb-nav .wp-block-navigation__responsive-container-close { border: 1px solid var(--nb-line); background: #fff; border-radius: 9px; box-shadow: none; } /* 버튼 */ .wp-block-button__link, .wp-element-button { background: #24324F; color: #fff !important; border: 0 !important; border-radius: 999px !important; box-shadow: none; } .wp-block-button__link:hover, .wp-element-button:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(18,24,38,.2); background: #2E4A8F; } .wp-block-button__link:active, .wp-element-button:active { transform: none; box-shadow: none; } .wp-block-button.is-style-outline .wp-block-button__link { background: #fff !important; color: #24324F !important; border: 1px solid var(--nb-line) !important; } /* 첫 화면 큰 제목 */ .nb-hero__kicker { background: transparent; border: 0; border-left: 3px solid #24324F; box-shadow: none; transform: none; border-radius: 0; padding: 2px 0 2px 10px; letter-spacing: .12em; color: #24324F; } .nb-hero__title { letter-spacing: -0.045em; } .nb-hero__title mark { background: linear-gradient(transparent 80%, rgba(36, 50, 79, .22) 80%); border: 0; box-shadow: none; transform: none; padding: 0 .06em; margin-left: 0; } .nb-hero__lead, .nb-hero__tagline { color: #4A5568; } /* 카드 */ .nb-card { border: 1px solid var(--nb-line); border-radius: 16px; box-shadow: 0 2px 6px rgba(18,24,38,.05); } .nb-card:hover { transform: translateY(-4px); box-shadow: var(--nb-sh-lg); } .nb-card__img { border-bottom: 1px solid var(--nb-line); background: #E4EAF4; } .nb-card__cat a, .nb-article__cat a { background: #E4EAF4; border: 0; border-radius: 999px; color: #24324F; padding: 3px 11px; } .nb-card__title a { background-image: none; } .nb-card:hover .nb-card__title a { text-decoration: underline; text-decoration-color: rgba(36,50,79,.35); text-underline-offset: 4px; } .nb-card__excerpt { color: #4A5568; } .nb-card__foot { border-top: 1px solid var(--nb-line); } .nb-pager a, .nb-pager .current { border: 1px solid var(--nb-line); border-radius: 9px; box-shadow: none; } .nb-pager .current { background: #24324F; color: #fff; border-color: #24324F; } /* 글 본문 */ .nb-article__meta > * { border: 1px solid var(--nb-line); border-radius: 999px; background: #fff; } .nb-article__img { border: 0; border-radius: 18px; overflow: hidden; box-shadow: var(--nb-sh-lg); background: #E4EAF4; } .nb-article__body h2 { background: transparent; border: 0; border-left: 4px solid #24324F; border-radius: 0; box-shadow: none; padding: 4px 0 4px 16px; } .nb-article__body h3 { background: linear-gradient(transparent 66%, rgba(36, 50, 79, .16) 66%); } .nb-article__body a:not(.wp-block-button__link):hover { background: #E4EAF4; } .nb-article__body strong { background: linear-gradient(transparent 68%, rgba(36, 50, 79, .14) 68%); } .nb-article__body img { border: 0 !important; border-radius: 12px; box-shadow: var(--nb-sh); } .nb-article__body blockquote, .nb-article__body .wp-block-quote { background: #fff; border: 0; border-left: 4px solid #24324F; border-radius: 0 12px 12px 0; box-shadow: var(--nb-sh-sm); font-weight: 600; } .nb-article__body table { border: 1px solid var(--nb-line); border-radius: 12px; overflow: hidden; box-shadow: var(--nb-sh-sm); border-collapse: separate; border-spacing: 0; } .nb-article__body th, .nb-article__body td { border: 0; border-bottom: 1px solid var(--nb-line); } .nb-article__body thead th, .nb-article__body tr:first-child th { background: #24324F; color: #fff; } .nb-article__body pre, .nb-article__body .wp-block-code { background: #0F141C; color: #D7E0F2; border: 0; border-radius: 12px; box-shadow: var(--nb-sh); } .nb-article__body :not(pre) > code { background: #E9EEF7; border: 0; border-radius: 6px; } .nb-article__body details { border: 1px solid var(--nb-line) !important; border-radius: 12px !important; box-shadow: none; background: #fff !important; } .nb-article__body details[open] { box-shadow: var(--nb-sh-sm); background: #fff !important; } .nb-article__body hr { border-top: 1px dashed rgba(18,24,38,.25); } .nb-article__tags a { border: 1px solid var(--nb-line); border-radius: 999px; background: #fff; } .nb-article__tags a:hover { background: #E4EAF4; box-shadow: none; } .nb-postnav a { border: 1px solid var(--nb-line); border-radius: 14px; box-shadow: none; } .nb-postnav a:hover { transform: translateY(-2px); box-shadow: var(--nb-sh); background: #fff; } .nb-article__body .summary-box { background: #EDF2FA !important; border: 1px solid var(--nb-line) !important; border-left: 4px solid #24324F !important; border-radius: 12px !important; box-shadow: none; } .nb-article__body .faq { border-top: 1px solid var(--nb-line) !important; } .nb-article__body .cta-box { background: #24324F !important; color: #fff !important; border: 0 !important; border-radius: 16px !important; box-shadow: var(--nb-sh-lg); } .nb-article__body .cta-box * { color: #fff; } .nb-article__body .cta-box a { background: #fff !important; color: #24324F !important; border: 0 !important; border-radius: 999px !important; box-shadow: none; } .nb-article__body .cta-box a:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0,0,0,.3); } /* 양옆 칸 · 목차 · 검색 · 연관 글 · 주제 */ .nb-side__h { background: transparent; color: #24324F; padding: 0 0 6px; border-bottom: 2px solid #24324F; border-radius: 0; margin-bottom: 12px; } .nb-toc, .nb-related { border: 1px solid var(--nb-line); border-radius: 14px; box-shadow: none; background: #fff; } .nb-toc a { color: #4A5568; border-left-width: 3px; } .nb-toc a:hover { background: #F0F3F9; } .nb-toc a.is-active { border-left-color: #24324F; background: #E4EAF4; } .nb-search .wp-block-search__inside-wrapper { border: 1px solid var(--nb-line) !important; border-radius: 12px; box-shadow: none; } .nb-search .wp-block-search__inside-wrapper:focus-within { outline: 2px solid #2E4A8F; } .nb-search .wp-block-search__button { background: #24324F !important; color: #fff !important; border: 0 !important; border-radius: 9px !important; } .nb-related__img { border: 1px solid var(--nb-line); border-radius: 8px; background: #E4EAF4; } .nb-related time { color: #5A6578; } .nb-browse__h { background: transparent; color: #24324F; padding: 0 0 6px; border-bottom: 2px solid #24324F; border-radius: 0; } .nb-topic { border: 1px solid var(--nb-line); border-top: 4px solid #24324F; border-radius: 14px; box-shadow: none; } .nb-topic:hover, .nb-topic:focus-visible { transform: translateY(-2px); box-shadow: var(--nb-sh); } .nb-topic__count { border: 0; background: #E4EAF4; } .nb-topic__desc { color: #4A5568; } .nb-chip { border: 1px solid var(--nb-line); box-shadow: none; } .nb-chip:hover, .nb-chip:focus-visible { background: #E4EAF4; transform: none; } .nb-chip.is-current { background: #24324F; color: #fff !important; border-color: #24324F; } .rank-math-breadcrumb a { text-decoration-color: rgba(36,50,79,.4); } .rank-math-breadcrumb a:hover { background: #E4EAF4; } /* 바닥글 */ .nb-footer { background: #0F141C; color: #E6E9EF; border-top: 0; } .nb-foot a { color: #C9D2E2; } .nb-foot a:hover { color: #fff; } .nb-foot__name .nb-eyes { background: #fff; box-shadow: none; } .nb-foot__name .nb-eyes .ball { fill: #fff; stroke: #14171C; } .nb-foot__brand p, .nb-foot__op, .nb-foot__biz, .nb-foot__base { color: #94A0B5 !important; } .nb-foot__op a { color: #C9D2E2; } .nb-foot__h { background: transparent; color: #fff; padding: 0 0 6px; font-family: var(--wp--preset--font-family--mono); letter-spacing: .06em; border-bottom: 1px solid rgba(255,255,255,.18); } .nb-foot__h a { color: #fff !important; } .nb-foot__biz { border-top: 1px solid rgba(255,255,255,.14); } .nb-foot__biz b { color: #E6E9EF; } @media (max-width: 781px) { :root { --nb-sh: 0 6px 18px rgba(18,24,38,.08); --nb-sh-lg: 0 10px 28px rgba(18,24,38,.12); } } /* ═════════ Nunchi Urban 2.1 : nunchi.biz 와 같은 폭 · 글자 크기 · 머리글 높이 (2026-11-09) ═════════ */ html body { --wp--style--global--wide-size: 1140px; --wp--style--root--padding-left: 20px; --wp--style--root--padding-right: 20px; font-size: 16px; line-height: 1.7; } /* 가로폭: 머리 · 본문 · 꼬리 모두 1180px(안쪽 여백 20px) */ .nb-header__inner, .nb-foot, .wp-site-blocks .alignwide, .is-layout-constrained > .alignwide { max-width: 1140px !important; margin-left: auto !important; margin-right: auto !important; } .nb-header, .nb-footer, .nb-main, .nb-single { padding-left: 20px !important; padding-right: 20px !important; } .nb-single .nb-layout { max-width: 1140px !important; } @media (min-width: 1280px) { .nb-single .nb-layout { grid-template-columns: 200px minmax(0, 1fr) 240px !important; } } /* 머리글: 높이 69px, 메뉴 13.5px · 600 · 안쪽 여백 8px 12px */ .nb-header { padding-top: 0; padding-bottom: 0; } .nb-header__inner { min-height: 68px; gap: 16px; } .nb-eyes { width: 36px; height: 36px; border-radius: 10px; } .nb-eyes svg { width: 28px; height: 28px; } .nb-brand { gap: 11px; } .nb-brand__home { gap: 11px; } .nb-brand__name { font-size: 1.25rem; } .nb-brand__sub { font-size: .68rem; margin-top: 1px; } .nb-nav { font-size: 13.5px; font-weight: 600; } .nb-nav .wp-block-navigation-item__content { padding: 8px 12px; border-radius: 9px; } .nb-nav .wp-block-navigation__container { gap: 4px; } .nb-nav [class*="nb-ic-"] > .wp-block-navigation-item__content::before { width: 15px; height: 15px; } .nb-brand__blog { font-size: .75rem; padding: 3px 10px; } /* 제목 · 본문 글자 크기 */ .nb-hero__title { font-size: clamp(2rem, 4.2vw, 3.2rem); line-height: 1.12; letter-spacing: -0.04em; } .nb-hero__title mark { padding: 0 .04em; } .nb-hero__tagline { font-size: clamp(1.05rem, 1.8vw, 1.3rem); margin-top: 20px; } .nb-hero__lead { font-size: 1rem; } .nb-main { padding-top: clamp(28px, 4vw, 52px); padding-bottom: clamp(40px, 6vw, 72px); } .nb-article__title { font-size: clamp(1.7rem, 3.4vw, 2.5rem); } .nb-article__body { font-size: 1.05rem; } .nb-article__body h2 { font-size: clamp(1.3rem, 2.2vw, 1.6rem); } .nb-card__title { font-size: clamp(1.15rem, 1.6vw, 1.35rem); } .nb-nav .wp-block-navigation-item__content { line-height: 1.2; min-height: 32px; } .nb-brand__text { line-height: 1.12; } /* ═════════ Nunchi Urban 2.2 : 상단 메뉴 버튼을 nunchi.biz 와 같은 모양으로 (2026-11-10) ═════════ */ .nb-brand__blog { display: none; } .nb-nav .wp-block-navigation-item__content { background: rgba(36, 50, 79, .07); border: 0; border-radius: 9px; box-shadow: none; padding: 8px 12px; font-size: 13.5px; font-weight: 600; min-height: 32px; } .nb-nav .wp-block-navigation-item__content:hover { background: rgba(36, 50, 79, .13); box-shadow: none; } .nb-nav .nb-current > .wp-block-navigation-item__content { background: #fff; box-shadow: inset 0 -2px 0 #24324F; border-radius: 9px 9px 0 0; } /* 구분선 '|' */ .nb-nav .nb-sep { margin-left: 8px; padding-left: 8px; border-left: 0; position: relative; } .nb-nav .nb-sep::before { content: ""; position: absolute; left: -4px; top: 50%; width: 1px; height: 19px; transform: translateY(-50%); background: rgba(18, 24, 38, .35); } /* 활용 사례 버튼: 테두리 1px */ .nb-nav .nb-dd > .wp-block-navigation-item__content { border: 1px solid rgba(18, 24, 38, .16); } /* 노란 딱지 */ .nb-nav .nb-badge { position: relative; } .nb-nav .nb-badge::after { position: absolute; top: -9px; right: -7px; z-index: 2; padding: 2px 5px 1px; font: 800 10px/1.2 "Pretendard Variable", Pretendard, system-ui, sans-serif; letter-spacing: -.01em; white-space: nowrap; background: #F3E08F; color: #1d1d1d; border: 1px solid rgba(17,17,17,.4); border-radius: 3px; box-shadow: 1px 1px 0 rgba(17,17,17,.25); transform: rotate(7deg); pointer-events: none; } .nb-nav .nb-badge-free::after { content: "무료"; } .nb-nav .nb-badge-test::after { content: "테스트 가능"; } /* MCP 알약: Claude · ChatGPT 아이콘 */ .nb-nav .nb-pill { margin-left: 8px; } .nb-nav .nb-pill > .wp-block-navigation-item__content { height: 34px; padding: 0 12px 0 6px; border-radius: 999px; background: rgba(36, 50, 79, .07); box-shadow: 0 0 0 1px rgba(18, 24, 38, .16) inset; gap: 6px; font-weight: 700; } .nb-nav .nb-pill > .wp-block-navigation-item__content::before { width: 40px; height: 22px; margin-right: -14px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDQwIDIyIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSIxMCIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSJyZ2JhKDIwLDIzLDI4LC4xOCkiLz48Y2lyY2xlIGN4PSIyNSIgY3k9IjExIiByPSIxMCIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSJyZ2JhKDIwLDIzLDI4LC4xOCkiLz48c3ZnIHg9IjUiIHk9IjUiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjRDk3NzU3Ij48cGF0aCBkPSJtNC43MTQ0IDE1Ljk1NTUgNC43MTc0LTIuNjQ3MS4wNzktLjIzMDctLjA3OS0uMTI3NWgtLjIzMDdsLS43ODkzLS4wNDg2LTIuNjk1Ni0uMDcyOS0yLjMzNzUtLjA5NzEtMi4yNjQ2LS4xMjE0LS41NzA3LS4xMjE1LS41MzQzLS43MDQyLjA1NDYtLjM1MjIuNDc5Ny0uMzIxOC42ODYuMDYwOCAxLjUxNzkuMTAzMiAyLjI3NjcuMTU3OCAxLjY1MTQuMDk3MiAyLjQ0NjguMjU1aC4zODg2bC4wNTQ2LS4xNTc5LS4xMzM2LS4wOTcxLS4xMDMyLS4wOTcyTDYuOTczIDkuODM1NmwtMi41NS0xLjY4NzktMS4zMzU2LS45NzE0LS43MjI1LS40OTE4LS4zNjQzLS40NjE0LS4xNTc4LTEuMDA3OC42NTU3LS43MjI1Ljg4MDMuMDYwNy4yMjQ2LjA2MDcuODkyNS42ODYgMS45MDY0IDEuNDc1NCAyLjQ4OTMgMS44MzM2LjM2NDMuMzAzNS4xNDU3LS4xMDMyLjAxODItLjA3MjgtLjE2NC0uMjczMy0xLjM1MzktMi40NDY3LTEuNDQ1LTIuNDg5My0uNjQzNS0xLjAzMi0uMTctLjYxOTRjLS4wNjA3LS4yNTUtLjEwMzItLjQ2NzQtLjEwMzItLjcyODVMNi4yODcuMTMzNSA2LjY5OTcgMGwuOTk1Ny4xMzM2LjQxOS4zNjQyLjYxOTIgMS40MTQ3IDEuMDAxOCAyLjIyODIgMS41NTQzIDMuMDI5Ni40NTUzLjg5ODUuMjQyOS44MzE4LjA5MS4yNTVoLjE1Nzl2LS4xNDU3bC4xMjc1LTEuNzA2LjIzNjgtMi4wOTQ3LjIzMDctMi42OTU3LjA3ODktLjc1ODkuMzc2NC0uOTEwNy43NDY4LS40OTE4LjU4MjguMjc5My40Nzk3LjY4Ni0uMDY2OC40NDMzLS4yODUzIDEuODUxNy0uNTU4NiAyLjkwMjEtLjM2NDMgMS45NDI5aC4yMTI1bC4yNDI5LS4yNDI5Ljk4MzUtMS4zMDUzIDEuNjUxNC0yLjA2NDMuNzI4Ni0uODE5Ni44NS0uOTA0Ni41NDY0LS40MzExaDEuMDMyMWwuNzU5IDEuMTI5My0uMzQgMS4xNjU3LTEuMDYyNSAxLjM0NzgtLjg4MDQgMS4xNDE0LTEuMjYyOCAxLjctLjc4OTMgMS4zNi4wNzI5LjEwOTMuMTg4Mi0uMDE4MyAyLjg1MzUtLjYwNyAxLjU0MjEtLjI3OTQgMS44Mzk2LS4zMTU3LjgzMTguMzg4Ni4wOTEuMzk0Ni0uMzI3OC44MDc1LTEuOTY3LjQ4NTctMi4zMDcyLjQ2MTQtMy40MzY0LjgxMzYtLjA0MjUuMDMwNC4wNDg2LjA2MDcgMS41NDgyLjE0NTcuNjYxOC4wMzY0aDEuNjIxbDMuMDE3NS4yMjQ3Ljc4OTIuNTIyLjQ3MzYuNjM3Ni0uMDc5LjQ4NTctMS4yMTQyLjYxOTMtMS42MzkzLS4zODg2LTMuODI1LS45MTA3LTEuMzExMy0uMzI3OWgtLjE4MjJ2LjEwOTNsMS4wOTI5IDEuMDY4NiAyLjAwMzUgMS44MDkyIDIuNTA3NSAyLjMzMTQuMTI3NS41NzY4LS4zMjE4LjQ1NTQtLjM0LS4wNDg2LTIuMjAzOS0xLjY1NzUtLjg1LS43NDY4LTEuOTI0Ni0xLjYyMWgtLjEyNzV2LjE3bC40NDMyLjY0OTYgMi4zNDM2IDMuNTIxNC4xMjE0IDEuMDgwNy0uMTcuMzUyMS0uNjA3MS4yMTI1LS42Njc5LS4xMjE0LTEuMzcyMS0xLjkyNDZMMTQuMzggMTcuOTU5bC0xLjE0MTQtMS45NDI4LS4xMzk3LjA3OS0uNjc0IDcuMjU1Mi0uMzE1Ni4zNzAzLS43Mjg2LjI3OTMtLjYwNzEtLjQ2MTQtLjMyMTgtLjc0NjguMzIxOC0xLjQ3NTMuMzg4Ni0xLjkyNDYuMzE1Ny0xLjUzLjI4NTMtMS45MDA0LjE3LS42MzE0LS4wMTIxLS4wNDI1LS4xMzk3LjAxODItMS40MzI4IDEuOTY3Mi0yLjE3OTYgMi45NDQ2LTEuNzI0MyAxLjg0NTYtLjQxMjguMTY0LS43MTY0LS4zNzA0LjA2NjctLjY2MTguNDAwOC0uNTg4OSAyLjM4Ni0zLjAzNTcgMS40Mzg5LTEuODgyLjkyOS0xLjA4NjgtLjAwNjItLjE1NzloLS4wNTQ2bC02LjMzODUgNC4xMTY0LTEuMTI5My4xNDU3LS40ODU3LS40NTU0LjA2MDgtLjc0NjcuMjMwNy0uMjQyOSAxLjkwNjQtMS4zMTE0WiIvPjwvc3ZnPjxzdmcgeD0iMTkiIHk9IjUiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjMGQwZDBkIj48cGF0aCBkPSJNMjIuMjgyIDkuODIxYTUuOTg1IDUuOTg1IDAgMCAwLS41MTYtNC45MSA2LjA0NiA2LjA0NiAwIDAgMC02LjUxLTIuOUE2LjA2NSA2LjA2NSAwIDAgMCA0Ljk4MSA0LjE4YTUuOTg1IDUuOTg1IDAgMCAwLTMuOTk4IDIuOSA2LjA0NiA2LjA0NiAwIDAgMCAuNzQzIDcuMDk3IDUuOTggNS45OCAwIDAgMCAuNTEgNC45MTEgNi4wNTEgNi4wNTEgMCAwIDAgNi41MTUgMi45QTUuOTg1IDUuOTg1IDAgMCAwIDEzLjI2IDI0YTYuMDU2IDYuMDU2IDAgMCAwIDUuNzcyLTQuMjA2IDUuOTkgNS45OSAwIDAgMCAzLjk5Ny0yLjkgNi4wNTYgNi4wNTYgMCAwIDAtLjc0Ny03LjA3M3pNMTMuMjYgMjIuNDNhNC40NzYgNC40NzYgMCAwIDEtMi44NzYtMS4wNGwuMTQxLS4wODEgNC43NzktMi43NThhLjc5NS43OTUgMCAwIDAgLjM5Mi0uNjgxdi02LjczN2wyLjAyIDEuMTY4YS4wNzEuMDcxIDAgMCAxIC4wMzguMDUydjUuNTgzYTQuNTA0IDQuNTA0IDAgMCAxLTQuNDk0IDQuNDk0ek0zLjYgMTguMzA0YTQuNDcgNC40NyAwIDAgMS0uNTM1LTMuMDE0bC4xNDIuMDg1IDQuNzgzIDIuNzU5YS43NzEuNzcxIDAgMCAwIC43OCAwbDUuODQzLTMuMzY5djIuMzMyYS4wOC4wOCAwIDAgMS0uMDMzLjA2Mkw5Ljc0IDE5Ljk1YTQuNSA0LjUgMCAwIDEtNi4xNC0xLjY0NnpNMi4zNCA3Ljg5NmE0LjQ4NSA0LjQ4NSAwIDAgMSAyLjM2Ni0xLjk3M1YxMS42YS43NjYuNzY2IDAgMCAwIC4zODguNjc2bDUuODE1IDMuMzU1LTIuMDIgMS4xNjhhLjA3Ni4wNzYgMCAwIDEtLjA3MSAwbC00LjgzLTIuNzg2QTQuNTA0IDQuNTA0IDAgMCAxIDIuMzQgNy44NzJ6bTE2LjU5NyAzLjg1NS01LjgzMy0zLjM4N0wxNS4xMTkgNy4yYS4wNzYuMDc2IDAgMCAxIC4wNzEgMGw0LjgzIDIuNzkxYTQuNDk0IDQuNDk0IDAgMCAxLS42NzYgOC4xMDV2LTUuNjc4YS43OS43OSAwIDAgMC0uNDA3LS42Njd6bTIuMDEtMy4wMjMtLjE0MS0uMDg1LTQuNzc0LTIuNzgyYS43NzYuNzc2IDAgMCAwLS43ODUgMEw5LjQwOSA5LjIzVjYuODk3YS4wNjYuMDY2IDAgMCAxIC4wMjgtLjA2MWw0LjgzLTIuNzg3YTQuNSA0LjUgMCAwIDEgNi42OCA0LjY2em0tMTIuNjQgNC4xMzUtMi4wMi0xLjE2NGEuMDguMDggMCAwIDEtLjAzOC0uMDU3VjYuMDc1YTQuNSA0LjUgMCAwIDEgNy4zNzUtMy40NTNsLS4xNDIuMDhMOC43MDQgNS40NmEuNzk1Ljc5NSAwIDAgMC0uMzkzLjY4MXptMS4wOTctMi4zNjUgMi42MDItMS41IDIuNjA3IDEuNXYyLjk5OWwtMi41OTcgMS41LTIuNjA3LTEuNXoiLz48L3N2Zz48L3N2Zz4=") center / contain no-repeat; -webkit-mask: none; mask: none; } /* 로그인 버튼 */ .nb-nav .nb-login > .wp-block-navigation-item__content { height: 34px; background: #24324F; color: #fff; border-radius: 999px; font-weight: 700; padding: 0 14px; } .nb-nav .nb-login > .wp-block-navigation-item__content:hover { background: #2E4A8F; transform: none; box-shadow: none; } @media (max-width: 1100px) { .nb-nav .nb-badge::after { top: -7px; right: -4px; font-size: 9px; padding: 1px 4px; } } /* Nunchi Urban 2.2.1 */ .nb-dd > a{padding-right:30px !important} .nb-dd .wp-block-navigation__submenu-icon{position:absolute;right:9px;top:50%;transform:translateY(-50%);margin:0} /* Nunchi Urban 2.2.2 */ .nb-article__img,.nb-article__img img{box-shadow:none !important;filter:none !important} /* Nunchi Urban 2.3.0 */ .nb-single .nb-article{background:#fff;border-radius:20px;box-shadow:0 2px 14px rgba(18,24,38,.07);padding:48px 48px 40px;box-sizing:border-box} .nb-single{background:#f5f6f8} @media(max-width:781px){.nb-single .nb-article{padding:24px 18px;border-radius:14px}} /* Nunchi Urban 2.3.1 */ .nb-nav .nb-pill > .wp-block-navigation-item__content{padding:0 14px 0 7px !important;gap:8px !important} .nb-nav .nb-pill > .wp-block-navigation-item__content::before{margin-right:0 !important;flex:0 0 40px} /* Nunchi Urban 2.3.2: 활용 사례 드롭다운 — 버튼에서 목록으로 이동할 때 닫히지 않게 */ .nb-nav .nb-dd > .wp-block-navigation__submenu-container{margin-top:0 !important;top:100% !important} .nb-nav .nb-dd > .wp-block-navigation__submenu-container::before{content:"";position:absolute;left:-8px;right:-8px;top:-16px;height:16px} .nb-nav .nb-dd:hover > .wp-block-navigation__submenu-container,.nb-nav .nb-dd:focus-within > .wp-block-navigation__submenu-container{visibility:visible !important;opacity:1 !important;height:auto !important;width:auto !important;overflow:visible !important} /* Nunchi Urban 2.3.3: 닫힐 때 0.35초 여유를 두어 대각선으로 이동해도 목록이 사라지지 않게 */ .nb-nav .nb-dd > .wp-block-navigation__submenu-container{transition:visibility 0s linear .35s,opacity .15s linear .35s !important} .nb-nav .nb-dd:hover > .wp-block-navigation__submenu-container,.nb-nav .nb-dd:focus-within > .wp-block-navigation__submenu-container{transition-delay:0s !important} .nb-nav .nb-dd > .wp-block-navigation__submenu-container::before{top:-28px;height:28px}