.blog-post{max-width:1100px;margin:auto;border:1px solid #ccc;padding:20px 5%;border-radius:14px}.blog-post-title{text-align:center;font-size:1.7rem;font-weight:700;margin-bottom:2.2rem;font-family:'Noto Sans KR','Poppins',sans-serif;letter-spacing:-0.02em;line-height:1.3;word-break:keep-all;text-shadow:1px 1px 2px rgba(0,0,0,0.05);transition:color 0.3s ease}.blog-post-title:hover{color:#0056b3}.blog-post-content img{max-width:100%;max-height:none!important;height:auto;margin:auto;display:block}.blog-post-meta{color:#6c757d;margin-bottom:2rem;font-family:'Noto Sans KR',sans-serif;font-weight:500}.figure{margin:1rem 0}.post-navigation{padding:1rem 0}.blog-post-title + .post-navigation{border-bottom:1px solid #eee;margin-bottom:2rem;border-top:none}.post-navigation + .multiplex-ad-container{border-top:1px solid #eee;margin-top:2rem}.post-nav-link{display:block;text-decoration:none;color:inherit;transition:transform 0.2s,box-shadow 0.2s;padding:1rem;border-radius:8px;border:1px solid #eee}.post-nav-link:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.post-nav-arrow{font-weight:bold;color:#007bff;margin-bottom:0.5rem}.post-nav-card{display:flex;align-items:center}.prev-post .post-nav-card{flex-direction:row}.next-post .post-nav-card{flex-direction:row-reverse}.post-nav-thumbnail{flex:0 0 80px;height:80px;overflow:hidden;border-radius:4px}.post-nav-thumbnail img{width:100%;height:100%;object-fit:cover}.post-nav-content{flex:1;padding:0 1rem}.post-nav-title{font-size:1rem;font-weight:bold;margin-bottom:0.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-nav-date{font-size:0.8rem;color:#6c757d;margin-bottom:0}.table-of-contents{position:sticky;top:80px;border-radius:8px;padding:15px;border:1px solid #e9ecef;max-height:calc(100vh - 150px);overflow-y:auto}.table-of-contents h5{margin-bottom:15px;font-weight:600;font-size:1rem;border-bottom:1px solid #dee2e6;padding-bottom:10px}.toc-list{display:flex;flex-direction:column}.toc-item{padding:5px 0;color:#495057;text-decoration:none;transition:all 0.2s;font-size:0.85rem;margin:2px 0;border-radius:4px;padding-left:10px;position:relative;display:flex;align-items:center;line-height:1.3}.toc-item::before{content:"•";margin-right:5px;color:#007bff;font-size:0.8rem}.toc-level-1::before{content:"◆";font-size:0.7rem}.toc-level-2::before{content:"■";font-size:0.7rem}.toc-level-3::before{content:"▶";font-size:0.7rem}.toc-level-4::before,.toc-level-5::before,.toc-level-6::before{content:"•";font-size:0.7rem}.toc-item:hover{background-color:rgba(0,123,255,0.1);color:#007bff}.toc-item.active{background-color:rgba(0,123,255,0.15);color:#0056b3;font-weight:500;border-left:3px solid #007bff}.toc-level-1{margin-left:0;font-weight:500}.toc-level-2{margin-left:10px}.toc-level-3{margin-left:20px}.toc-level-4{margin-left:30px;font-size:0.8rem}.toc-level-5{margin-left:40px;font-size:0.8rem}.toc-level-6{margin-left:50px;font-size:0.8rem}.toc-placeholder{color:#6c757d;font-style:italic;font-size:0.9rem}@media (max-width:768px){.post-nav-link{margin-bottom:1rem}.post-nav-title{font-size:0.9rem}.table-of-contents{display:none}}.ad-container{text-align:center;margin:2rem 0;padding:1rem 0;clear:both}.multiplex-ad-container{position:relative;margin-top:3rem;padding:1.5rem;border-radius:14px;background:linear-gradient(145deg,rgba(248,249,250,0.6),rgba(248,249,250,0.9));box-shadow:0 8px 20px rgba(0,0,0,0.08);border-top:none;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;animation:none!important;z-index:5}.multiplex-ad-container::before{content:"추천 콘텐츠";position:absolute;top:0;right:0;background-color:#e67e22;color:white;font-size:12px;padding:3px 10px;border-radius:0 0 0 10px;opacity:0.9;z-index:2}.multiplex-ad-container::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(230,126,34,0.05) 0%,rgba(52,152,219,0.05) 100%);z-index:1;pointer-events:none}.multiplex-ad-container:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.12)}.multiplex-ad-container .ad-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;color:#999;font-size:14px;font-style:italic}.multiplex-ad-container .adsbygoogle{transition:opacity 0.5s ease;opacity:1}@keyframes multiplexWave{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.multiplex-ad-container:hover::after{background:linear-gradient(45deg,rgba(230,126,34,0.08) 0%,rgba(52,152,219,0.08) 25%,rgba(46,204,113,0.08) 50%,rgba(52,152,219,0.08) 75%,rgba(230,126,34,0.08) 100%);background-size:400% 400%;animation:multiplexWave 10s ease infinite}body.dark-mode .multiplex-ad-container{background:linear-gradient(145deg,rgba(40,44,52,0.7),rgba(33,37,41,0.9));box-shadow:0 8px 20px rgba(0,0,0,0.25)}body.dark-mode .multiplex-ad-container::before{background-color:#e67e22;color:#f8f9fa}body.dark-mode .multiplex-ad-container::after{background:linear-gradient(45deg,rgba(230,126,34,0.1) 0%,rgba(52,152,219,0.1) 100%)}body.dark-mode .multiplex-ad-container:hover{box-shadow:0 15px 30px rgba(0,0,0,0.4)}@media (max-width:768px){.multiplex-ad-container{padding:1.2rem;margin-top:2rem}.multiplex-ad-container::before{font-size:10px;padding:2px 8px}}.multiplex-ad-container .adsbygoogle{position:relative;z-index:3}.multiplex-ad-container{position:relative;border-left:3px solid #e67e22;border-right:3px solid #3498db;border-radius:14px;overflow:hidden;text-align:center;margin:auto}.multiplex-ad-container::before{box-shadow:0 3px 5px rgba(0,0,0,0.1)}@keyframes multiplexGlow{0%{box-shadow:0 8px 20px rgba(0,0,0,0.08)}50%{box-shadow:0 8px 25px rgba(230,126,34,0.2),0 8px 25px rgba(52,152,219,0.2)}100%{box-shadow:0 8px 20px rgba(0,0,0,0.08)}}.scroll-to-button{position:fixed;width:50px;height:50px;border-radius:50%;background-color:#007bff;color:white;border:none;box-shadow:0 4px 8px rgba(0,123,255,0.3);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;opacity:0;visibility:hidden;z-index:1040;right:30px}.scroll-to-button.show{opacity:1;visibility:visible}.scroll-to-button:hover{transform:scale(1.05);background-color:#0069d9}.scroll-to-top{bottom:160px}.scroll-to-bottom{bottom:220px}.toc-toggle-button,#toc-toggle{display:flex!important;position:fixed;right:30px;bottom:100px;width:50px;height:50px;border-radius:50%;background-color:#007bff;color:white;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 8px rgba(0,123,255,0.3);cursor:pointer;z-index:1040;transition:all 0.3s ease;border:none}.toc-toggle-button:hover,#toc-toggle:hover{transform:scale(1.05);background-color:#0069d9}body.dark-mode .toc-toggle-button,body.dark-mode #toc-toggle{background-color:#0d6efd}body.dark-mode .toc-toggle-button:hover,body.dark-mode #toc-toggle:hover{background-color:#0b5ed7}body.dark-mode .scroll-to-button{background-color:#0d6efd}body.dark-mode .scroll-to-button:hover{background-color:#0b5ed7}.floating-toc-container{position:fixed;bottom:90px;right:30px;width:300px;max-height:500px;background-color:white;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:999;overflow-y:auto;transition:all 0.3s ease;transform:translateY(20px);opacity:0;visibility:hidden;pointer-events:none;display:flex;flex-direction:column;padding:0}.floating-toc-container.show{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}body.dark-mode .floating-toc-container{background-color:#2d2d2d;border:1px solid #444;box-shadow:0 5px 15px rgba(0,0,0,0.4)}body.dark-mode .floating-toc-header{border-bottom-color:#444}body.dark-mode .floating-toc-header h5{color:#e0e0e0}body.dark-mode .toc-close-btn{color:#aaa}body.dark-mode .toc-close-btn:hover{color:#e0e0e0}body.dark-mode .toc-item{color:#ccc}body.dark-mode .toc-item:hover{background-color:rgba(255,255,255,0.1);color:#fff}body.dark-mode .toc-item.active{background-color:rgba(255,255,255,0.15);color:#99ccff;border-left-color:#3498db}.floating-toc-container::-webkit-scrollbar{display:none}.toc-list{padding:10px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;margin:0}.toc-list::-webkit-scrollbar{display:none}.floating-toc-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #e9ecef}.floating-toc-header h5{margin:0;font-weight:600;color:#343a40;font-size:0.95rem}.toc-close-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.2rem;padding:0;display:flex;align-items:center;justify-content:center}.toc-close-btn:hover{color:#343a40}.toc-item{display:block;padding:8px 10px;color:#495057;text-decoration:none;border-radius:4px;margin-bottom:5px;font-size:0.9rem;transition:all 0.2s ease}.toc-item:hover{background-color:#f8f9fa;color:#212529}.toc-item.active{background-color:#e9ecef;color:#007bff;border-left:3px solid #007bff;padding-left:15px}.toc-level-1{font-weight:bold;margin-left:0}.toc-level-2{margin-left:10px;font-size:0.85rem}.toc-level-3{margin-left:20px;font-size:0.8rem}.toc-level-4,.toc-level-5,.toc-level-6{margin-left:30px;font-size:0.75rem}.toc-h1{font-weight:bold;margin-left:0}.toc-h2{margin-left:10px;font-size:0.85rem}.toc-h3{margin-left:20px;font-size:0.8rem}.toc-h4,.toc-h5,.toc-h6{margin-left:30px;font-size:0.75rem}.toc-placeholder{color:#999;font-style:italic;padding:10px;text-align:center}@media (max-width:768px){.scroll-to-button{width:45px;height:45px;font-size:18px;right:20px}.toc-toggle-button,#toc-toggle{width:45px;height:45px;font-size:18px;right:20px;bottom:80px}.scroll-to-top{bottom:135px}.scroll-to-bottom{bottom:190px}.floating-toc-container{width:280px;max-height:400px;right:20px;bottom:80px}.toc-item{padding:6px 8px;font-size:0.85rem}}.toc-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:1044;display:none}.toc-overlay.show{display:block}@media (max-width:768px){.floating-buttons-container{bottom:20px;right:20px;gap:10px}.toc-toggle-button,.scroll-top-button,.scroll-bottom-button{width:45px;height:45px}.toc-toggle-button i,.scroll-top-button i,.scroll-bottom-button i{font-size:1.3rem}.floating-toc-container{width:80%;right:10%;left:10%;max-height:400px}}.toc-item:empty,.toc-item[data-content=""]{display:none!important}.blog-post-content{font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,system-ui,Roboto,'Helvetica Neue',Arial,sans-serif;font-size:0.95rem;line-height:1.8;word-break:keep-all;overflow-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{font-family:'Pretendard','Noto Sans KR',sans-serif;font-weight:700;letter-spacing:-0.03em;line-height:1.3;margin-top:2em;margin-bottom:0.8em}.blog-post-content h1{font-size:2.2rem;padding-bottom:0.5rem}.blog-post-content h2{font-size:1.8rem;padding-bottom:0.4rem}.blog-post-content h3{font-size:1.5rem}.blog-post-content h4{font-size:1.3rem}.blog-post-content h5{font-size:1.15rem}.blog-post-content h6{font-size:1rem}.blog-post-content p{margin-bottom:1.5em}.blog-post-content a{color:#0066cc;text-decoration:none;border-bottom:1px solid rgba(0,102,204,0.2);transition:all 0.2s}.blog-post-content a:hover{color:#004d99;border-bottom-color:rgba(0,77,153,0.5)}.blog-post-content blockquote{border-left:4px solid #0066cc;padding:0.8em 1.2em;margin:1.5em 0;background-color:#f9f9f9;font-style:italic;color:#444}.blog-post-content pre{background-color:#f6f8fa;border-radius:6px;padding:1em;overflow-x:auto;font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,Courier,monospace;font-size:0.9em;line-height:1.5}.blog-post-content code{background-color:#f6f8fa;border-radius:3px;padding:0.2em 0.4em;font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,Courier,monospace;font-size:0.9em}.blog-post-content ul,.blog-post-content ol{padding-left:0.3em;margin-bottom:1.5em}.blog-post-content li{margin-bottom:0.5em}.blog-post-content table{width:100%;border-collapse:collapse;margin:1.5em 0}.blog-post-content th,.blog-post-content td{padding:0.6em 1em}.blog-post-content th{font-weight:600}.blog-post-content hr{margin:2em 0;border:0;height:1px;background-color:#eaeaea}.blog-post-content img{max-width:100%;height:auto;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,0.1);margin:1.5em auto;display:block}@media (prefers-color-scheme:dark){.blog-post-content h1{border-bottom:2px solid #333}.blog-post-content h2{border-bottom:1px solid #333}.blog-post-content blockquote{background-color:#252525;color:#ccc}.blog-post-content pre{background-color:#2a2a2a;color:#f0f0f0;border:1px solid #444}.blog-post-content code{background-color:#2a2a2a;color:#f0f0f0;border:1px solid #444}.blog-post-content pre .keyword{color:#cc99ff}.blog-post-content pre .string{color:#7ec699}.blog-post-content pre .comment{color:#999}.blog-post-content pre .number{color:#f08d49}.blog-post-content pre .function{color:#6196cc}.blog-post-content a{color:#66b3ff;border-bottom-color:rgba(102,179,255,0.2)}.blog-post-content a:hover{color:#99ccff;border-bottom-color:rgba(153,204,255,0.5)}.blog-post-content th,.blog-post-content td{border-color:#444}.blog-post-content th{background-color:#333}.blog-post-content hr{background-color:#444}}@font-face{font-family:'Pretendard';font-weight:400;font-display:swap;src:url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-regular.woff2') format('woff2')}@font-face{font-family:'Pretendard';font-weight:500;font-display:swap;src:url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-medium.woff2') format('woff2')}@font-face{font-family:'Pretendard';font-weight:600;font-display:swap;src:url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-semibold.woff2') format('woff2')}@font-face{font-family:'Pretendard';font-weight:700;font-display:swap;src:url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-bold.woff2') format('woff2')}.ajax-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0}.spinner-border{width:3rem;height:3rem;color:#007bff}.content-loading{opacity:0.7;pointer-events:none;position:relative}.content-loading::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid rgba(0,0,0,0.1);border-radius:50%;border-top-color:#007bff;animation:spin 1s ease-in-out infinite;z-index:1000}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.ad-container.my-4{border-radius:12px;padding:15px;margin:2rem 0;box-shadow:0 6px 15px rgba(0,0,0,0.07);position:relative;overflow:hidden;transition:all 0.3s ease-in-out;background:linear-gradient(to right,rgba(248,249,250,0.5),rgba(248,249,250,0.8),rgba(248,249,250,0.5));border-left:4px solid #3498db}.ad-container.my-4:hover{box-shadow:0 10px 20px rgba(52,152,219,0.15);transform:translateY(-3px)}@keyframes adFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ad-container.my-4{animation:adFadeIn 0.8s ease-out forwards}.ad-container.my-4::before{content:"광고";position:absolute;top:0;right:0;background-color:#3498db;color:white;font-size:11px;padding:2px 8px;border-radius:0 0 0 8px;opacity:0.8}body.dark-mode .ad-container.my-4{background:linear-gradient(to right,rgba(33,37,41,0.5),rgba(33,37,41,0.8),rgba(33,37,41,0.5));border-left:4px solid #5dade2;box-shadow:0 6px 15px rgba(0,0,0,0.2)}body.dark-mode .ad-container.my-4:hover{box-shadow:0 10px 20px rgba(93,173,226,0.2)}body.dark-mode .ad-container.my-4::before{background-color:#5dade2;color:#f8f9fa}@keyframes adPulse{0%{box-shadow:0 6px 15px rgba(52,152,219,0.1)}50%{box-shadow:0 6px 25px rgba(52,152,219,0.3)}100%{box-shadow:0 6px 15px rgba(52,152,219,0.1)}}.ad-container.my-4{animation:adFadeIn 0.8s ease-out forwards,adPulse 4s ease-in-out infinite 1s}@media (max-width:768px){.ad-container.my-4{padding:12px;margin:1.5rem 0}}@keyframes adGlow{0%{box-shadow:0 0 5px rgba(52,152,219,0.2)}50%{box-shadow:0 0 20px rgba(52,152,219,0.4)}100%{box-shadow:0 0 5px rgba(52,152,219,0.2)}}.ad-container.my-4:hover{animation:adGlow 1.5s ease-in-out infinite;transform:translateY(-3px)}.post-comments{max-width:1100px!important;margin:20px auto!important;width:100%!important;position:relative!important;box-sizing:border-box!important}.comment-container{padding:20px;background-color:#ffffff;border-radius:14px;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,0.05);width:100%;box-sizing:border-box}body.dark-mode .comment-container{background-color:#2d2d2d;border-color:#444;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.post-comments h3{margin-bottom:20px;font-family:'Noto Sans KR','Poppins',sans-serif;font-weight:600;color:#333}body.dark-mode .post-comments h3{color:#e0e0e0}@media (max-width:768px){.comment-container{padding:15px}}