@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css");:root{--color-black: #000000;--color-white: #FFFFFF;--background-gray: #F3F3F1;--text-gray: #757575;--stroke-gray: #D9D9D9;--fw-bold: 700;--fw-medium: 500;--fw-regular: 400;--fw-light: 300;--fs-heading: 24px;--fs-subheading: 20px;--fs-body: 16px;--fs-body-small: 14px;--lh-point: 160%;--lh-heading: 120%;--lh-body: 140%;--space-5: 5px;--space-10: 10px;--space-20: 20px;--space-30: 30px;--radius-small: 10px;--radius-large: 20px;--radius-hero: 100px;--max-width: 1280px}body{font-family:'Pretendard', sans-serif}.introduction{font-weight:var(--fw-bold);font-size:var(--fs-heading);line-height:var(--lh-point)}.heading{font-weight:var(--fw-bold);font-size:var(--fs-heading);line-height:var(--lh-heading)}.subheading{font-weight:var(--fw-medium);font-size:var(--fs-subheading);line-height:var(--lh-heading)}.body-strong{font-weight:var(--fw-medium);font-size:var(--fs-body);line-height:var(--lh-body)}.body-base{font-weight:var(--fw-regular);font-size:var(--fs-body);line-height:var(--lh-body)}.body-small{font-weight:var(--fw-regular);font-size:var(--fs-body-small);line-height:var(--lh-body)}*{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}body{width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column;color:var(--color-black);font-family:'Pretendard', sans-serif;line-height:1.6}#layout-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;width:100%}main{flex:1;height:100%;overflow-y:auto}.home-wide{padding-left:100px;padding-right:100px}.blog-wide{padding-left:50px;padding-right:50px}.portfolio-wide{padding-left:150px;padding-right:150px}.section{padding:50px 0}.section:last-child{margin-bottom:0}.grid-4{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-10)}.grid-1{display:grid;grid-template-columns:1fr;gap:var(--space-10)}.grid-title{display:grid;grid-template-columns:180px 1fr}.section-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:var(--space-20);min-height:32px;gap:10px}.title-center{grid-column:2;font-weight:var(--fw-bold);font-size:var(--fs-heading);line-height:var(--lh-heading);white-space:nowrap}.view-all{grid-column:3;justify-self:end}.profile-header{display:flex;flex-direction:column;gap:16px}@media (max-width: 768px){.grid-4{grid-template-columns:1fr}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{position:static;transform:none;white-space:normal}}.header{background-color:var(--color-white);padding:20px 50px;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--background-gray);overflow:hidden;flex-shrink:0}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo{font-size:var(--fs-heading)}.nav-list{display:flex;gap:10px;list-style:none;margin:0;padding:0}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:0;flex-direction:column;gap:5px}.nav-toggle span{display:block;width:24px;height:2px;background-color:var(--color-black);transition:all 0.3s}@media (max-width: 768px){.nav-toggle{display:flex}.nav-list{display:none;width:100%;flex-direction:column;padding-top:20px;gap:10px;text-align:center}.nav-list.active{display:flex}.nav-list li{width:100%}.nav-list .btn{width:100%;display:block}.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px, -5px)}}.sidebar{width:280px;flex-shrink:0;padding:30px;border-right:1px solid var(--background-gray);position:-webkit-sticky;position:sticky;height:calc(100vh - 40px);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar-section{border-bottom:1px solid var(--background-gray);padding:10px 0}.sidebar-section:last-child{border-bottom:none}.sidebar-heading a{font-weight:var(--fw-medium);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-black);padding:10px 0;display:block;border-radius:8px;transition:background-color 0.2s ease}.sidebar-list{list-style:none;padding:0;margin:0}.sidebar-link{color:var(--color-black);font-weight:var(--fw-regular);font-size:var(--fs-body-small);line-height:var(--lh-body);padding:8px;display:block;border-radius:8px;transition:background-color 0.2s ease}.sidebar-link:hover,.sidebar-heading a:hover{background-color:var(--background-gray);opacity:0.7}.sidebar-link.active,.sidebar-heading a.active{background-color:var(--background-gray)}.sidebar-toggle{display:none}@media (max-width: 768px){.sidebar{width:100%;padding:0;margin-bottom:40px;border-bottom:1px solid var(--stroke-gray)}.sidebar-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 0;background:none;border:none;font-size:16px;font-weight:700;color:var(--color-black);cursor:pointer}.sidebar-toggle::after{content:"▼";font-size:12px;transition:transform 0.3s}.sidebar-toggle.open::after{transform:rotate(180deg)}.sidebar-content{display:none;padding-bottom:20px}.sidebar-content.open{display:block;animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.footer-layout{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;background-color:transparent;padding-top:var(--space-20);padding-bottom:80px}.text-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;color:var(--text-gray);margin-top:var(--space-20)}.text-links a{color:var(--text-gray);font-weight:var(--fw-medium);transition:color 0.2s}.text-links a:hover{color:var(--color-black);text-decoration:underline}.icon-row{display:flex;justify-content:center;gap:var(--space-20);font-size:24px;margin-top:var(--space-20)}.btn{display:inline-flex;align-items:center;justify-content:center;transition:all 0.2s ease;cursor:pointer;text-decoration:none;font-family:inherit}.btn-big{padding:var(--space-10) 24px;font-weight:var(--fw-light);font-size:var(--fs-body);line-height:var(--lh-heading);border-radius:var(--radius-hero)}.btn-small{padding:5px 10px;font-weight:var(--fw-regular);font-size:var(--fs-body-small);line-height:var(--lh-body);border-radius:var(--radius-large)}.btn-fill{background-color:var(--background-gray);color:var(--color-black)}.btn-fill:hover{opacity:0.7}.btn-transparent{background-color:transparent;color:var(--color-black)}.btn-transparent:hover{background-color:var(--background-gray);opacity:0.7}.btn.active{background-color:var(--background-gray);color:var(--color-black);font-weight:var(--fw-bold);pointer-events:none}.btn.state-null{pointer-events:none;cursor:not-allowed}.btn-group{display:flex;gap:var(--space-20)}.btn-group-gap10{display:flex;gap:var(--space-10)}@media (max-width: 768px){.btn-group{gap:5px}}.card{display:flex;flex-direction:column;padding:var(--space-20);transition:transform 0.2s ease;text-decoration:none;color:inherit}.card:hover{opacity:0.7}.card.state-null{cursor:not-allowed}.card-title{font-weight:var(--fw-regular);font-size:var(--fs-body);line-height:var(--lh-body)}.card-body{color:var(--text-gray);font-weight:var(--fw-regular);font-size:var(--fs-body-small);line-height:var(--lh-body);word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{font-size:13px;color:#999;margin-top:auto}.card-stroke{background-color:transparent;border:1px solid var(--stroke-gray);border-radius:var(--radius-small, 8px)}.card-underline{background-color:transparent;border:none;border-bottom:1px solid var(--stroke-gray);border-radius:0;padding-left:0;padding-right:0}.card-underline:last-child{border-bottom:none}.blog-post-card{height:140px}.card-row{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:20px}.card-row .card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.card-thumbnail{width:100px;height:100px;border-radius:5px;flex-shrink:0;object-fit:cover}.hero-section{width:100%;background-color:var(--color-white);border-radius:0px 0px var(--radius-hero) var(--radius-hero);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-20);justify-content:center;padding:100px 0}.hero-img{width:240px;height:180px;flex-shrink:0;object-fit:contain}.graph-wrapper{display:flex;flex-direction:row;gap:20px;width:100%;height:600px;margin:2rem 0}@media (max-width: 768px){.graph-wrapper{flex-direction:column;height:auto}}.graph-wrapper #markmap-container{flex:2;border:1px solid #e1e4e8;border-radius:12px;background:#ffffff;box-shadow:0 4px 6px rgba(0,0,0,0.05)}.graph-wrapper #detail-panel{flex:1;padding:24px;background:#f6f8fa;border:1px solid #d1d5da;border-radius:12px;min-height:200px}.graph-wrapper #detail-panel .panel-title{font-weight:800;font-size:1.25rem;color:#24292e;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #0366d6}.graph-wrapper #detail-panel .panel-content{line-height:1.7;color:#444;font-size:1rem;white-space:pre-wrap}.blog-layout{flex-grow:1;min-height:0;display:flex;align-items:stretch;overflow:hidden}.blog-content{flex:1;min-width:0;overflow-y:auto}@media (max-width: 768px){.blog-layout{flex-direction:column;align-items:flex-start}}.post-container{max-width:720px;margin:0 auto;padding-top:60px;padding-bottom:100px}.post-header{margin-bottom:40px;text-align:left}.post-meta{font-size:14px;color:#888;margin-bottom:12px}.post-tag{color:var(--color-black);font-weight:500;margin-left:6px}.post-title{font-size:32px;font-weight:700;line-height:1.35;margin-bottom:16px;word-break:keep-all}.post-description{font-size:18px;color:var(--text-gray);line-height:1.6}.post-divider-line{border:none;border-top:1px solid var(--stroke-gray);margin:40px 0}.post-content{font-size:16px;line-height:2;color:#333;word-break:keep-all;overflow-wrap:break-word}.post-content p{margin-top:0;margin-bottom:24px}.post-content p+ul,.post-content p+ol{margin-top:-16px}.post-content strong,.post-content b{font-weight:700;color:#111}.post-content a{color:#0056b3;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5{color:#111;font-weight:700;line-height:1.4;margin-top:48px;margin-bottom:16px}.post-content h2{font-size:26px;border-bottom:1px solid var(--stroke-gray, #eee);padding-bottom:10px}.post-content h3{font-size:22px;margin-top:40px}.post-content h4{font-size:18px;margin-top:32px}.post-content ul,.post-content ol{margin-top:0;margin-bottom:24px;padding-left:12px}.post-content li{margin-bottom:8px;line-height:1.7}.post-content li>ul,.post-content li>ol{margin-top:8px;margin-bottom:0}.post-content code{font-family:Consolas, Monaco, "Courier New", monospace;background-color:var(--background-gray, #f4f5f7);color:#eb5757;font-size:0.85em;padding:3px 6px;border-radius:4px;word-break:break-all}.post-content pre{background-color:var(--background-gray, #f8f9fa);padding:16px 20px;border-radius:8px;overflow-x:auto;margin-bottom:24px;border:1px solid var(--stroke-gray, #eee)}.post-content pre code{background-color:transparent;color:inherit;padding:0;font-size:14px;word-break:pre}.post-content blockquote{border-left:4px solid #8e94f2;background-color:var(--background-gray, #f8f9fa);padding:16px 20px;margin:28px 0;color:#555;border-radius:0 8px 8px 0;font-style:normal}.post-content blockquote p:last-child{margin-bottom:0}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:32px auto;display:block;box-shadow:0 4px 12px rgba(0,0,0,0.06)}.post-content table{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:24px;display:block;overflow-x:auto;white-space:nowrap}.post-content table th,.post-content table td{padding:12px 15px;border:1px solid var(--stroke-gray, #eee);text-align:left;font-size:15px}.post-content table th{background-color:var(--background-gray, #f4f5f7);font-weight:700;color:#111;border-bottom:2px solid #ccc}.post-content table td{color:#444}.post-content table tr:nth-child(even) td{background-color:rgba(0,0,0,0.02)}