:root,[data-design=a]{--bg: #ffffff;--fg: #1a1a1a;--muted: #6b6b6b;--line: #ececec;--accent: #e8590c;--card-bg: #fff;--head-font: "Pretendard", sans-serif;--body-font: "Pretendard", sans-serif;--radius: 14px;--max: 1180px}[data-design=b]{--bg: #faf7f2;--fg: #2b2620;--muted: #8a8174;--line: #e6dfd3;--accent: #8c5a2b;--card-bg: transparent;--head-font: "Noto Serif KR", serif;--body-font: "Pretendard", sans-serif;--radius: 4px;--max: 860px}[data-design=c]{--bg: #111214;--fg: #f1f1f1;--muted: #9a9a9a;--line: #26282c;--accent: #f5c542;--card-bg: #1a1c1f;--head-font: "Pretendard", sans-serif;--body-font: "Pretendard", sans-serif;--radius: 10px;--max: 1320px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body-font);line-height:1.75;transition:background .2s}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}main{max-width:var(--max);margin:0 auto;padding:0 16px 80px}.cat{color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.02em}.site-header{max-width:var(--max);margin:0 auto 32px;padding:24px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.logo{font-family:var(--head-font);font-size:22px;font-weight:700}.site-header nav{display:flex;gap:20px;color:var(--muted);font-size:15px}.site-footer{text-align:center;color:var(--muted);font-size:13px;padding:40px 16px;border-top:1px solid var(--line)}.site-footer p{margin:2px 0}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center;margin-bottom:48px}.hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}.hero h1{font-family:var(--head-font);font-size:clamp(24px,3vw,34px);line-height:1.35;margin:8px 0 12px}.hero p,.card p{color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px 24px}.card{background:var(--card-bg);border-radius:var(--radius);overflow:hidden}.card img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius);transition:transform .3s}.card:hover img{transform:scale(1.02)}.card-text{padding:14px 2px 0}.card h2{font-family:var(--head-font);font-size:18px;line-height:1.45;margin:4px 0 8px}.card p{font-size:14px;-webkit-line-clamp:2}[data-design=b] .hero{grid-template-columns:1fr;text-align:center;gap:20px}[data-design=b] .hero img{aspect-ratio:16/9}[data-design=b] .grid{grid-template-columns:1fr;gap:0}[data-design=b] .card{display:grid;grid-template-columns:1fr 200px;gap:24px;padding:28px 0;border-top:1px solid var(--line);border-radius:0}[data-design=b] .card img{order:2;aspect-ratio:1}[data-design=b] .card-text{padding:0}[data-design=b] .card h2{font-size:22px}[data-design=c] .hero{position:relative;grid-template-columns:1fr}[data-design=c] .hero img{aspect-ratio:21/9;filter:brightness(.55)}[data-design=c] .hero-text{position:absolute;left:40px;right:40px;bottom:32px}[data-design=c] .hero p{color:#ddd}[data-design=c] .grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}[data-design=c] .card{position:relative}[data-design=c] .card img{aspect-ratio:4/5;border-radius:0;filter:brightness(.6)}[data-design=c] .card-text{position:absolute;inset:auto 0 0;padding:18px;background:linear-gradient(transparent,#000c)}[data-design=c] .card p{display:none}@media(max-width:720px){.hero{grid-template-columns:1fr;gap:16px}[data-design=b] .card{grid-template-columns:1fr 96px;gap:14px}[data-design=c] .hero-text{left:16px;right:16px;bottom:16px}[data-design=c] .hero img{aspect-ratio:4/3}}.post{max-width:760px;margin:0 auto}.post header{text-align:center;margin-bottom:40px}.post h1{font-family:var(--head-font);font-size:clamp(26px,4vw,38px);line-height:1.35;margin:8px 0}.post time{color:var(--muted);font-size:14px}.post-body{font-size:17px}.post-body h2,.post-body h3{font-family:var(--head-font);margin:2.2em 0 .6em;line-height:1.4}.post-body figure{margin:24px 0}.post-body img{border-radius:var(--radius);margin:0 auto}.post-body .imagegridblock .image-container{display:flex;gap:6px}.post-body .imagegridblock img{flex:1;min-width:0;object-fit:cover}.post-body blockquote{margin:24px 0;padding:12px 20px;border-left:3px solid var(--accent);color:var(--muted);background:color-mix(in srgb,var(--fg) 4%,transparent)}.post-body .key{font-weight:700;text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}.post-body .key.c{color:var(--key, var(--accent))}.post-body hr{border:0;border-top:1px solid var(--line);margin:32px 0}.post-body table{width:100%;border-collapse:collapse}.post-body td,.post-body th{border:1px solid var(--line);padding:8px}.tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin-top:48px}.tags li{font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:4px 12px}[data-design=ap]{--bg: #f7f6f3;--fg: #1b1b1a;--muted: #6f6c66;--line: #e7e4de;--accent: #e8590c;--card-bg: transparent;--head-font: "Pretendard", sans-serif;--body-font: "Pretendard", sans-serif;--radius: 20px;--max: 1200px;--glass: rgb(247 246 243 / .72)}@media(prefers-color-scheme:dark){[data-design=ap]{--bg: #121212;--fg: #ededeb;--muted: #9b9893;--line: #2a2a28;--accent: #ff8a3d;--glass: rgb(18 18 18 / .7)}}[data-design=ap] .site-header{position:sticky;top:0;z-index:5;max-width:none;padding:16px max(16px,calc((100% - var(--max)) / 2 + 16px));background:var(--glass);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}[data-design=ap] .logo{font-size:20px;letter-spacing:-.02em}.logo{display:flex;align-items:center;gap:10px}.logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#000));color:#fff;font-size:18px;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 35%,transparent)}.logo-text{display:flex;flex-direction:column;line-height:1.15}.logo-text small{font:500 12px var(--body-font);color:var(--muted);letter-spacing:0;margin-top:3px}.site-header nav{gap:4px}.site-header nav a{padding:7px 14px;border-radius:99px;font-weight:500;transition:background .2s,color .2s}.site-header nav a:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--fg)}.site-header nav a[aria-current=page]{background:var(--accent);color:#fff}[data-design=ap] .site-header{border-bottom:0;box-shadow:0 1px 0 var(--line)}[data-design=ap] .site-header:after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}@media(max-width:720px){[data-design=ap] .site-header{padding-top:12px;padding-bottom:10px;row-gap:10px}.site-header nav{width:100%;overflow-x:auto;scrollbar-width:none}.site-header nav a{flex:none;padding:6px 12px;font-size:14px}}.bento,.chips,[data-design=ap] .hero{display:none}[data-design=ap] .bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:14px;margin-bottom:40px}[data-design=ap] .tile{position:relative;overflow:hidden;border-radius:var(--radius)}[data-design=ap] .tile:first-child{grid-column:span 2;grid-row:span 2}[data-design=ap] .tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}[data-design=ap] .tile:hover img{transform:scale(1.04)}[data-design=ap] .tile-text{position:absolute;inset:auto 0 0;padding:18px 20px;color:#fff;background:linear-gradient(transparent,#000000b8)}[data-design=ap] .tile .cat{color:var(--tile-cat, #ffd2b0)}[data-design=ap] .tile h2{margin:2px 0 0;font-size:17px;line-height:1.4;letter-spacing:-.01em}[data-design=ap] .tile:first-child h2{font-size:clamp(22px,2.6vw,32px)}[data-design=ap] .chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:24px}.list-title{font-size:28px;margin:8px 0 20px}.list-title small{font-size:16px;color:var(--muted);font-weight:500}.chips button{flex:none;border:1px solid var(--line);background:transparent;color:var(--fg);font:500 14px var(--body-font);padding:8px 16px;border-radius:99px;cursor:pointer}.chips button.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}[data-design=ap] .grid.home:not([data-filter]) .card:nth-child(-n+4),[data-design=ap] .grid.home[data-filter=""] .card:nth-child(-n+4){display:none}[data-design=ap] .card h2{font-size:19px;letter-spacing:-.01em}@media(max-width:720px){[data-design=ap] .bento{grid-template-columns:1fr 1fr;grid-auto-rows:160px;gap:10px}[data-design=ap] .tile:first-child{grid-row:span 2}[data-design=ap] .tile h2{font-size:14px}}@view-transition{navigation:auto}.progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--accent);transform-origin:0 50%;z-index:20;animation:grow linear both;animation-timeline:scroll(root)}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;margin:0 0 32px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.summary div{background:var(--bg);padding:14px 18px}.summary dt{font-size:12px;color:var(--muted);margin-bottom:2px}.summary dd{margin:0;font-weight:600;font-size:15px;line-height:1.5}.toc{border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin-bottom:40px;font-size:15px}.toc ol{margin:8px 0 0;padding-left:20px}.toc ul{margin:4px 0 6px;padding-left:16px;list-style:"– ";font-size:14px}.toc a{color:var(--muted)}.toc a:hover{color:var(--accent)}.post-body h2{scroll-margin-top:90px}.related{max-width:760px;margin:64px auto 0;padding-top:32px;border-top:1px solid var(--line)}.related h2{font-size:18px;margin:0 0 16px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--radius) * .7);margin-bottom:8px}.related-grid span{font-size:14px;font-weight:600;line-height:1.45;display:block}@media(max-width:720px){.related-grid{grid-template-columns:1fr 1fr}}@media(prefers-color-scheme:dark){[data-design=ap] .post-body [style*="color: #333333"],[data-design=ap] .post-body [style*="color: #000000"],[data-design=ap] .post-body [style*="color: #555555"],[data-design=ap] .post-body [style*="color: #666666"]{color:inherit!important}[data-design=ap] .post-body [style*="color: #5733b1"]{color:#b9a4ff!important}[data-design=ap] .post-body [style*="color: #8a3db6"]{color:#dcaaf5!important}[data-design=ap] .post-body [style*="background-color: #ffffff"]{background-color:transparent!important}}.post-body [style*=font-family]{font-family:inherit!important}[data-design=ap][data-blog=invest]{--bg: #f3f5f9;--fg: #0f172a;--muted: #5b6477;--line: #dfe4ec;--accent: #1d4ed8;--radius: 12px;--glass: rgb(243 245 249 / .75);--tile-cat: #93c5fd;--key: #dc2626;font-variant-numeric:tabular-nums}@media(prefers-color-scheme:dark){[data-design=ap][data-blog=invest]{--bg: #0b1220;--fg: #e5e9f0;--muted: #8b96a8;--line: #1e293b;--accent: #60a5fa;--glass: rgb(11 18 32 / .72);--key: #f87171}}[data-design=ap][data-blog=doctor]{--bg: #ffffff;--fg: #1f2933;--muted: #5f6b76;--line: #e3ecee;--accent: #0f766e;--radius: 10px;--glass: rgb(255 255 255 / .8);--tile-cat: #99f6e4;--key: #7c3aed}[data-design=ap][data-blog=doctor] .post-body{font-size:18px;line-height:1.9}@media(prefers-color-scheme:dark){[data-design=ap][data-blog=doctor]{--bg: #0e1719;--fg: #e6eef0;--muted: #8fa1a6;--line: #1f2d30;--accent: #2dd4bf;--glass: rgb(14 23 25 / .75);--key: #c4b5fd}}[data-design=ap][data-blog=invest] .site-header{background:#0f172a;color:#f1f5f9;border-bottom-color:#0f172a}[data-design=ap][data-blog=invest] .site-header nav,[data-design=ap][data-blog=invest] .logo-text small{color:#cbd5e1}[data-design=ap][data-blog=invest] .logo-mark{background:#dc2626;box-shadow:none}[data-design=ap][data-blog=invest] .site-header nav a:hover{background:#ffffff1a;color:#fff}[data-design=ap][data-blog=invest] .tile-text{background:linear-gradient(transparent,#0f172ae6)}[data-design=ap][data-blog=invest] .cat{text-transform:uppercase;letter-spacing:.08em}[data-design=ap][data-blog=invest] .grid{grid-template-columns:1fr;gap:0;max-width:860px}[data-design=ap][data-blog=invest] .card{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center;padding:24px 0;border-top:1px solid var(--line);border-radius:0}[data-design=ap][data-blog=invest] .card img{order:2;aspect-ratio:16/10;border-radius:6px}[data-design=ap][data-blog=invest] .card-text{padding:0}[data-design=ap][data-blog=invest] .card h2{font-size:21px;font-weight:800}@media(max-width:640px){[data-design=ap][data-blog=invest] .card{grid-template-columns:1fr 104px;gap:14px;padding:18px 0}[data-design=ap][data-blog=invest] .card h2{font-size:17px}[data-design=ap][data-blog=invest] .card p{display:none}}[data-design=ap][data-blog=doctor] .site-header{border-top:3px solid var(--accent)}[data-design=ap][data-blog=doctor] .tile-text{background:linear-gradient(transparent,#042f2ed9)}[data-design=ap][data-blog=doctor] .card{border:1px solid var(--line);background:var(--bg);transition:box-shadow .2s,border-color .2s}[data-design=ap][data-blog=doctor] .card:hover{border-color:var(--accent);box-shadow:0 6px 24px #0f766e1f}[data-design=ap][data-blog=doctor] .card img{border-radius:0}[data-design=ap][data-blog=doctor] .card-text{padding:16px 18px 20px}[data-design=ap][data-blog=doctor] .post-body h2{border-left:4px solid var(--accent);padding-left:12px}.subnav{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));column-gap:32px;margin:0 0 40px;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.subnav a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 2px;font-size:14.5px;color:var(--muted);border-bottom:1px dashed transparent;transition:color .15s}.subnav a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subnav a small{font-size:12.5px;font-variant-numeric:tabular-nums;opacity:.7}.subnav a:hover{color:var(--fg)}.subnav a.on{color:var(--accent);font-weight:700}.subselect{display:none}@media(max-width:720px){.subnav{display:none}.subselect{display:block;width:100%;margin:0 0 28px;padding:12px 40px 12px 16px;font:500 15px var(--body-font);color:var(--fg);border:1px solid var(--line);border-radius:12px;appearance:none;-webkit-appearance:none;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23888' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center}}
