:root{--col-toc: 220px;--col-side: 180px;--col-gap: 28px}@media (min-width: 1280px){:root{--col-toc: 192px;--col-side: 192px;--col-gap: 96px}}@media (max-width: 1060px){:root{--col-toc: 185px;--col-side: 155px;--col-gap: 20px}}.scroll-progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--c-accent);z-index:1001;transition:none;pointer-events:none}.post-header{padding-block:clamp(40px,5vw,64px) clamp(24px,3vw,40px);text-align:center}.post-header>*+*{margin-top:12px}.post-category{display:inline-block;font-size:var(--fs-eyebrow);font-weight:var(--fw-semi);letter-spacing:.08em;text-transform:uppercase;color:var(--c-accent)}.post-category:hover{text-decoration:underline}.post-title{font-size:var(--fs-art-h1);line-height:var(--lh-h2);font-weight:var(--fw-bold);letter-spacing:var(--ls-h2);margin:0;word-break:keep-all;text-align:center}.post-meta{font-size:var(--fs-meta);color:var(--c-text-mute);display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:var(--ls-body)}.meta-sep{opacity:.5}.post-layout{display:grid;grid-template-columns:var(--col-toc) 1fr var(--col-side);grid-template-areas:"toc main sidebar";gap:var(--col-gap);padding-bottom:48px}.col-toc{grid-area:toc;min-width:0;align-self:stretch;padding-top:32px;padding-bottom:160px}.col-main{grid-area:main;min-width:0;align-self:start;overflow-wrap:break-word}.col-sidebar{grid-area:sidebar;min-width:0;align-self:stretch;padding-top:32px;padding-bottom:160px}.toc-sticky{position:sticky;top:80px}.toc-heading{font-size:.75rem;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-mute);margin-bottom:12px;background:none;border:none;padding:0;cursor:default;width:100%;text-align:left}.toc-chevron{display:none}.toc-nav{font-size:.85rem}.toc-nav a{display:block;padding:4px 0 4px 12px;border-left:2px solid var(--c-border);color:var(--c-text-mute);line-height:1.5;overflow-wrap:break-word;word-break:break-all;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.toc-nav a:hover{color:var(--c-accent);text-decoration:none}.toc-nav a.toc-active{color:var(--c-accent);border-left-color:var(--c-accent);font-weight:var(--fw-medium)}.summary-box,.post-content aside.post-summary{background:linear-gradient(145deg,color-mix(in srgb,var(--c-accent) 8%,var(--c-bg)),color-mix(in srgb,var(--c-accent) 3%,var(--c-bg)));border:1px solid color-mix(in srgb,var(--c-accent) 18%,transparent);border-radius:var(--r);padding:clamp(24px,3vw,32px) clamp(24px,3vw,36px);box-shadow:0 4px 20px color-mix(in srgb,var(--c-accent) 10%,transparent),0 1px 4px #0000000a;position:relative;overflow:hidden}.summary-box{margin-bottom:36px}.post-content aside.post-summary{margin-block:8px 36px}.summary-box:before,.post-content aside.post-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--c-accent) 0%,color-mix(in srgb,var(--c-accent) 60%,white) 100%)}.summary-label,.post-content aside.post-summary .summary-title{font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent);margin:0 0 12px;line-height:var(--lh-h4)}.summary-text,.post-content aside.post-summary .summary-tldr{font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:1.75;letter-spacing:var(--ls-body);color:var(--c-text);margin:0 0 18px;word-break:keep-all}.post-content aside.post-summary .summary-tldr:last-child{margin-bottom:0}.post-content aside.post-summary .summary-bullets{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:8px}.post-content aside.post-summary .summary-bullets li{padding-left:20px;position:relative;font-size:var(--fs-sm);line-height:1.7;color:var(--c-text-mute);margin-bottom:0;word-break:keep-all}.post-content aside.post-summary .summary-bullets li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--c-accent);opacity:.6}.post-thumbnail{margin-bottom:32px;border-radius:var(--r);overflow:hidden}.post-thumbnail img{width:100%;height:auto}.post-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px;padding-top:0;border-top:none}.tag{display:inline-flex;align-items:center;padding:4px 12px;background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:var(--r-pill);font-size:.82rem;color:var(--c-text-mute);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.tag:hover{background:var(--c-accent);color:var(--c-on-accent);border-color:var(--c-accent);text-decoration:none}.cta-banner{position:relative;overflow:hidden;margin:64px 0 0;border-radius:var(--r);background:var(--c-cta-banner-bg) url(https://blog.marketory.co.kr/wp-content/uploads/2026/05/cta.png) center/cover no-repeat}.cta-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0a1228d1,#0a122899)}.cta-banner-inner{position:relative;padding:64px 48px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:640px}.cta-banner-title{font-size:var(--fs-art-h2);font-weight:var(--fw-black);color:var(--c-on-accent);line-height:var(--lh-h2);letter-spacing:var(--ls-h3);margin:0;word-break:keep-all}.cta-banner-desc{font-size:var(--fs-body);color:#fffc;line-height:1.7;margin:0;word-break:keep-all}.cta-banner-btn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:14px 28px;background:var(--c-accent);color:var(--c-on-accent);font-size:var(--fs-meta);font-weight:var(--fw-bold);letter-spacing:var(--ls-body);border-radius:var(--r-pill);transition:background var(--dur) var(--ease),transform var(--dur) var(--ease);text-decoration:none}.cta-banner-btn:hover{background:var(--c-accent-h);transform:translateY(-2px);color:var(--c-on-accent);text-decoration:none}@media (max-width: 600px){.cta-banner-inner{padding:48px 28px}}.sidebar-sticky{position:sticky;top:80px;display:flex;flex-direction:column;gap:24px}.sidebar-cta{background:var(--c-bg-2);border:1px solid var(--c-border);border-radius:var(--r);padding:20px 16px;text-align:center}.cta-text{font-size:.82rem;color:var(--c-text-mute);line-height:1.5;word-break:keep-all;margin-bottom:12px}.cta-btn{display:block;width:100%;padding:10px 0;background:var(--c-accent);color:var(--c-on-accent);border-radius:var(--r);font-size:.875rem;font-weight:var(--fw-medium);text-align:center;transition:background var(--dur) var(--ease)}.cta-btn:hover{background:var(--c-accent-h);color:var(--c-on-accent);text-decoration:none}.share-buttons{display:flex;flex-direction:column;gap:8px}.share-label{font-size:.75rem;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-mute);margin-bottom:4px}.share-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--c-border);border-radius:var(--r);font-size:.82rem;color:var(--c-text-mute);cursor:pointer;background:var(--c-bg);transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.share-btn:hover{border-color:var(--c-accent);color:var(--c-accent);text-decoration:none}.share-mobile{display:none;padding-block:24px;border-top:1px solid var(--c-border)}.share-mobile .share-buttons{flex-direction:row;flex-wrap:wrap}.share-mobile .share-label{width:100%}.author-box{display:flex;align-items:flex-start;gap:20px;padding:20px;background:none;border:1px solid var(--c-border);border-radius:var(--r);margin-block:32px}.author-avatar{border-radius:50%;flex-shrink:0;width:80px;height:80px}.author-name{font-weight:var(--fw-semi);margin-bottom:6px}.author-name a{color:var(--c-text)}.author-name a:hover{color:var(--c-accent)}.author-bio{font-size:.875rem;color:var(--c-text-mute);line-height:1.65}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.4vw,32px)}.post-card{border:1px solid var(--c-border);border-radius:var(--r);overflow:hidden;background:var(--c-bg);transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.post-card:hover{box-shadow:var(--shadow-m);transform:translateY(-3px);border-color:var(--c-border-strong)}.card-thumb-link{display:block}.card-thumb{aspect-ratio:16/9;overflow:hidden}.card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.card-thumb:hover img{transform:scale(1.03)}.card-body{padding:22px 24px 26px}.card-category{font-size:var(--fs-eyebrow);font-weight:var(--fw-semi);letter-spacing:.08em;text-transform:uppercase;color:var(--c-accent);display:block;margin-bottom:10px}.card-category:hover{text-decoration:underline}.card-title{font-size:var(--fs-art-h3);font-weight:var(--fw-bold);line-height:var(--lh-h3);letter-spacing:var(--ls-h4);margin-bottom:10px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-title a{color:var(--c-text);transition:color var(--dur) var(--ease)}.card-title a:hover{color:var(--c-accent)}.card-excerpt{font-size:var(--fs-meta);color:var(--c-text-mute);line-height:1.65;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}.card-meta{font-size:var(--fs-micro);color:var(--c-text-mute);letter-spacing:.02em;display:flex;gap:6px}.posts-grid{padding-block:clamp(48px,6vw,80px) clamp(32px,4vw,56px)}.section-heading{font-size:var(--fs-art-h2);font-weight:var(--fw-bold);line-height:var(--lh-h2);letter-spacing:var(--ls-h3);margin:0 0 clamp(20px,2.5vw,28px);padding-bottom:14px;border-bottom:1px solid var(--c-border);word-break:keep-all}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-block:40px;border-top:1px solid var(--c-border)}.post-nav-prev,.post-nav-next{display:flex;flex-direction:column;gap:4px}.post-nav-next{text-align:right}.nav-label{font-size:.75rem;font-weight:var(--fw-semi);letter-spacing:.05em;text-transform:uppercase;color:var(--c-text-mute)}.post-nav a{font-size:.9rem;font-weight:var(--fw-medium);color:var(--c-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-nav a:hover{color:var(--c-accent);text-decoration:none}.pagination{padding-block:32px;display:flex;justify-content:center}.pagination .nav-links{display:flex;gap:8px}.pagination .page-numbers{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding-inline:8px;border:1px solid var(--c-border);border-radius:var(--r);font-size:.875rem;color:var(--c-text-mute);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.pagination .page-numbers:hover,.pagination .page-numbers.current{background:var(--c-accent);color:var(--c-on-accent);border-color:var(--c-accent);text-decoration:none}.site-main{padding-block:0 var(--section-py-blog)}.faq-section{margin-block:8px}.faq-section:has(+p){margin-bottom:3rem}.faq-section details{border:1px solid var(--c-border);border-radius:var(--r-sm);margin-bottom:8px;overflow:hidden;background:var(--c-bg);transition:box-shadow var(--dur) var(--ease)}.faq-section details[open]{box-shadow:0 4px 16px #0000000f}.faq-section details summary{padding:18px 22px;font-size:.95rem;font-weight:var(--fw-semi);color:var(--c-text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;user-select:none;word-break:keep-all;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);margin:0}.faq-section details summary::-webkit-details-marker{display:none}.faq-section details summary::marker{content:""}.faq-section details summary:after{content:"+";font-size:1.35rem;font-weight:300;color:var(--c-text-mute);flex-shrink:0;line-height:1;transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}.faq-section details[open]>summary:after{transform:rotate(45deg);color:var(--c-accent)}.faq-section details summary:hover{background:var(--c-bg-2);color:var(--c-accent)}.faq-section details[open]>summary{border-bottom:1px solid var(--c-border);color:var(--c-accent);background:var(--c-bg-2)}.faq-section details>p{padding:18px 22px 20px;font-size:.9rem;line-height:1.8;color:var(--c-text-mute);margin:0;word-break:keep-all}@media (max-width: 900px){.post-layout{grid-template-columns:1fr;grid-template-areas:"toc" "main";gap:0}.col-toc{border-bottom:1px solid var(--c-border);padding-top:0;padding-bottom:20px;margin-top:0}.toc-sticky{position:static}.toc-heading{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;margin-bottom:0;background:var(--c-bg-2);border-radius:var(--r-sm);border:1px solid var(--c-border);transition:background var(--dur) var(--ease),transform 80ms ease;-webkit-tap-highlight-color:transparent;user-select:none}.toc-heading:active{background:var(--c-border);transform:scale(.97)}.toc-chevron{display:inline-block;font-size:1.1rem;color:var(--c-text-mute);transition:transform var(--dur) var(--ease)}.toc-heading[aria-expanded=true]{border-radius:var(--r-sm) var(--r-sm) 0 0;border-bottom-color:transparent}.toc-heading[aria-expanded=true] .toc-chevron{transform:rotate(90deg)}.toc-body{max-height:0;overflow:hidden;transition:max-height .35s ease}.toc-body.is-open{max-height:600px;padding:8px 14px 12px;background:var(--c-bg-2);border:1px solid var(--c-border);border-top:none;border-radius:0 0 var(--r-sm) var(--r-sm)}.col-sidebar{display:none}.share-mobile{display:block}.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.card-grid,.post-nav{grid-template-columns:1fr}.post-nav-next{text-align:left}.author-box{flex-direction:column;padding:28px}.author-avatar{width:60px;height:60px}}