@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font:400 16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#111;background-color:#fdfdfd;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal;display:flex;min-height:100vh;flex-direction:column}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}main{display:block}img{max-width:100%;vertical-align:middle}figure>img{display:block}figcaption{font-size:14px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#2a7ae2;text-decoration:none}a:visited{color:#1756a9}a:hover{color:#111;text-decoration:underline}.social-media-list a:hover{text-decoration:none}.social-media-list a:hover .username{text-decoration:underline}blockquote{color:#828282;border-left:4px solid #e8e8e8;padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15px;border:1px solid #e8e8e8;border-radius:3px;background-color:#eef}code{padding:1px 5px}pre{padding:8px 12px;overflow-x:auto}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:-webkit-calc(800px - (30px * 2));max-width:calc(800px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}@media screen and (max-width: 800px){.wrapper{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));padding-right:15px;padding-left:15px}}.wrapper:after,.footer-col-wrapper:after{content:"";display:table;clear:both}.svg-icon{width:16px;height:16px;display:inline-block;fill:#828282;padding-right:5px;vertical-align:text-top}.social-media-list li+li{padding-top:5px}table{margin-bottom:30px;width:100%;text-align:left;color:#3f3f3f;border-collapse:collapse;border:1px solid #e8e8e8}table tr:nth-child(even){background-color:#f7f7f7}table th,table td{padding:10px 15px}table th{background-color:#f0f0f0;border:1px solid #dedede;border-bottom-color:#c9c9c9}table td{border:1px solid #e8e8e8}.site-header{border-top:5px solid #424242;border-bottom:1px solid #e8e8e8;min-height:55.95px;position:relative}.site-title{font-size:26px;font-weight:300;line-height:54px;letter-spacing:-1px;margin-bottom:0;float:left}.site-title,.site-title:visited{color:#424242}.site-nav{float:right;line-height:54px}.site-nav .nav-trigger{display:none}.site-nav .menu-icon{display:none}.site-nav .page-link{color:#111;line-height:1.5}.site-nav .page-link:not(:last-child){margin-right:20px}@media screen and (max-width: 600px){.site-nav{position:absolute;top:9px;right:15px;background-color:#fdfdfd;border:1px solid #e8e8e8;border-radius:5px;text-align:right}.site-nav label[for="nav-trigger"]{display:block;float:right;width:36px;height:36px;z-index:2;cursor:pointer}.site-nav .menu-icon{display:block;float:right;width:36px;height:26px;line-height:0;padding-top:10px;text-align:center}.site-nav .menu-icon>svg{fill:#424242}.site-nav input ~ .trigger{clear:both;display:none}.site-nav input:checked ~ .trigger{display:block;padding-bottom:5px}.site-nav .page-link{display:block;padding:5px 10px;margin-left:20px}.site-nav .page-link:not(:last-child){margin-right:0}}.site-footer{border-top:1px solid #e8e8e8;padding:30px 0}.footer-heading{font-size:18px;margin-bottom:15px}.contact-list,.social-media-list{list-style:none;margin-left:0}.footer-col-wrapper{font-size:15px;color:#828282;margin-left:-15px}.footer-col{float:left;margin-bottom:15px;padding-left:15px}.footer-col-1{width:-webkit-calc(35% - (30px / 2));width:calc(35% - (30px / 2))}.footer-col-2{width:-webkit-calc(20% - (30px / 2));width:calc(20% - (30px / 2))}.footer-col-3{width:-webkit-calc(45% - (30px / 2));width:calc(45% - (30px / 2))}@media screen and (max-width: 800px){.footer-col-1,.footer-col-2{width:-webkit-calc(50% - (30px / 2));width:calc(50% - (30px / 2))}.footer-col-3{width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}@media screen and (max-width: 600px){.footer-col{float:none;width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}.page-content{padding:30px 0;flex:1}.page-heading{font-size:32px}.post-list-heading{font-size:28px}.post-list{margin-left:0;list-style:none}.post-list>li{margin-bottom:30px}.post-meta{font-size:14px;color:#828282}.post-link{display:block;font-size:24px}.post-header{margin-bottom:30px}.post-title{font-size:42px;letter-spacing:-1px;line-height:1}@media screen and (max-width: 800px){.post-title{font-size:36px}}.post-content{margin-bottom:30px}.post-content h2{font-size:32px}@media screen and (max-width: 800px){.post-content h2{font-size:28px}}.post-content h3{font-size:26px}@media screen and (max-width: 800px){.post-content h3{font-size:22px}}.post-content h4{font-size:20px}@media screen and (max-width: 800px){.post-content h4{font-size:18px}}.highlight{background:#fff}.highlighter-rouge .highlight{background:#eef}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}html,body{overflow-x:hidden}*{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,a,span,li{font-family:'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important}a{color:#222;text-decoration:none;transition:all 0.2s ease-in-out}.site-header{border-top:none !important;border-bottom:1px solid #e8e8e8 !important}.site-nav .page-link{color:#333 !important;font-weight:600 !important}.site-nav .page-link:hover{color:#d1b817 !important}.post-card{display:flex;position:relative;cursor:pointer;height:260px;border-radius:12px;overflow:hidden;background-color:#f8f9fa;transition:transform 0.2s ease, box-shadow 0.2s ease}.post-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.05)}.post-card .post-image{width:45%;flex-shrink:0}.post-card .post-image img{width:100%;height:100%;object-fit:cover}.post-card .post-content{width:55%;padding:35px 40px;display:flex;flex-direction:column}.post-card .post-meta{display:flex;justify-content:space-between;font-size:14px;color:#868e96;font-weight:500;margin-bottom:20px}.post-card .post-title{margin:0 0 10px 0;font-size:22px;font-weight:700;line-height:1.4;word-break:keep-all}.post-card .post-title .post-link{color:#212529}.post-card .post-title .post-link:hover{text-decoration:none !important;background:transparent !important}.post-card .post-excerpt{font-size:15px;color:#495057;line-height:1.6;margin:0;word-break:keep-all;flex-grow:1}.post-card .post-tags{display:flex;gap:8px;margin-top:15px}.post-card .post-tags .tag-pill{background-color:#ffffff;border:1px solid #dee2e6;padding:6px 12px;border-radius:20px;font-size:12px;color:#495057;font-weight:600}.post-card .post-link::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}@media screen and (max-width: 768px){.post-card{flex-direction:column;height:auto}.post-card .post-image{width:100%;height:200px}.post-card .post-content{width:100%;padding:25px}}.wrapper{max-width:1020px !important;padding-right:20px;padding-left:20px}.site-header .wrapper::before,.site-header .wrapper::after{display:none !important;content:none !important}.home{max-width:1020px;margin:0 auto}.post-container{max-width:800px;margin:0 auto;padding:60px 20px 100px}.post-header{margin-bottom:60px;text-align:center}.post-header .post-category{font-weight:700;font-size:16px;margin-bottom:15px;color:#d1b817}.post-header .post-title{font-size:38px;font-weight:800;line-height:1.35;color:#111;margin-bottom:25px;word-break:keep-all}.post-header .post-meta{font-size:15px;color:#888}.post-content{font-size:17px;line-height:1.8;color:#333;word-break:keep-all}.post-content h2{font-size:26px;font-weight:700;margin:60px 0 20px 0;padding-bottom:10px;border-bottom:1px solid #eee}.post-content h3{font-size:21px;font-weight:700;margin:40px 0 15px 0}.post-content p{margin-bottom:25px}.post-content a{color:#222;border-bottom:2px solid #91c147;padding-bottom:1px}.post-content a:hover{background-color:#91c147}.post-content blockquote{margin:0 0 25px 0;padding:15px 20px;border-left:5px solid #91c147;background-color:#fafafa;color:#555}.post-content code{background-color:#f1f3f5;padding:3px 6px;border-radius:4px;font-family:'Consolas', monospace;font-size:0.9em;color:#e83e8c}.post-content pre{background-color:#282c34;color:#abb2bf;padding:20px;border-radius:8px;overflow-x:auto;margin-bottom:25px;line-height:1.5}.post-content pre code{background-color:transparent;color:inherit;padding:0}.post-content img{max-width:100%;border-radius:8px;margin:30px 0}.post-tags-bottom{margin-top:60px;padding-top:30px;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:10px}.post-tags-bottom .tag-pill{background-color:#f8f9fa;border:1px solid #e9ecef;color:#666;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.category-filter{border-bottom:none;padding-bottom:0}.category-filter .filter-btn{background-color:#ffffff;border:1px solid #e9ecef;font-size:16px;font-weight:600;color:#868e96;cursor:pointer;padding:10px 24px;border-radius:30px;transition:all 0.2s ease;font-family:inherit}.category-filter .filter-btn:hover{background-color:#f8f9fa;color:#495057}.category-filter .filter-btn.active{color:#111;background-color:#91c147;border-color:#91c147;font-weight:700}.menu-toggle{display:none}.site-nav .trigger{display:flex;gap:20px}.site-nav .page-link{color:#333;text-decoration:none;font-weight:600}@media screen and (max-width: 768px){.menu-toggle{display:block !important}.site-nav{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fff;display:flex;flex-direction:column;padding-top:100px;opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;z-index:1000}.site-nav.is-open{opacity:1;visibility:visible}.site-nav .trigger{flex-direction:column;align-items:flex-start;padding:0 30px;gap:30px}.site-nav .page-link{font-size:24px;font-weight:700;width:100%;display:block}.post-card{flex-direction:column !important;height:auto !important}.post-card .post-image{width:100% !important;height:200px !important}.post-card .post-content{width:100% !important;padding:25px 20px !important}.post-card .post-title{font-size:19px !important}.post-card .post-excerpt{margin-bottom:20px !important}.post-card .post-tags{flex-wrap:wrap}.category-filter{justify-content:flex-start !important;overflow-x:auto;white-space:nowrap;padding-bottom:5px;-ms-overflow-style:none;scrollbar-width:none}.category-filter::-webkit-scrollbar{display:none}}.site-header .site-nav{position:static !important;border:none !important;background:transparent !important;margin-left:auto !important}.post-card .post-content a{border-bottom:none !important;padding-bottom:0 !important}.post-card .post-content a:hover{background:linear-gradient(to top, #91c147 40%, transparent 40%) !important}@media screen and (max-width: 768px){.site-header .site-nav{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;margin-left:0 !important}.post-list{padding:0 20px !important}.post-card{border:1px solid #f1f3f5 !important}}@media screen and (max-width: 768px){.site-header{position:relative !important}.site-header .site-nav{position:absolute !important;top:100% !important;left:0 !important;width:100% !important;height:auto !important;background-color:#ffffff !important;display:flex !important;flex-direction:column !important;justify-content:flex-start !important;align-items:flex-start !important;padding:30px 20px 40px !important;border-top:1px solid #e8e8e8 !important;border-bottom:1px solid #e8e8e8 !important;box-shadow:0 15px 15px -10px rgba(0,0,0,0.05) !important}.site-header .site-nav .trigger{width:100% !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:30px !important;padding:0 !important}.site-header .site-nav .page-link{font-size:18px !important;text-align:left !important;color:#111 !important;width:100% !important;font-weight:600 !important}}::selection{background-color:#91c147 !important;color:#111 !important}::-moz-selection{background-color:#91c147 !important;color:#111 !important}.about-wrap{max-width:800px;margin:0 auto;padding:60px 20px 100px}.about-hero{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:80px}.about-hero-text{flex:1}.about-greeting{font-size:22px;color:#adb5bd;font-weight:500;margin:0 0 10px 0}.about-title{font-size:34px;font-weight:800;line-height:1.55;color:#111;margin:0 0 30px 0;word-break:keep-all}.about-title .about-divider{font-weight:300;color:#ced4da;margin:0 6px}.about-title strong{color:#111}.about-hero-img{flex-shrink:0}.about-profile-img{width:160px;height:160px;border-radius:50%;object-fit:cover;border:3px solid #f1f3f5}.about-social{display:flex;gap:10px;flex-wrap:wrap}.about-social-link{display:inline-flex;align-items:center;font-size:14px;font-weight:600;color:#495057;padding:7px 16px;border:1.5px solid #dee2e6;border-radius:20px;transition:all 0.2s ease;text-decoration:none}.about-social-link:hover{border-color:#91c147;color:#91c147;background-color:transparent}.about-section{margin-bottom:72px}.about-section-title{font-size:20px;font-weight:800;color:#111;margin:0 0 28px 0;padding-bottom:14px;border-bottom:2px solid #91c147;display:inline-block}.about-timeline{list-style:none;padding:0 0 0 20px;margin:0;border-left:2px solid #e9ecef}.about-timeline-item{position:relative;margin-bottom:28px}.about-timeline-item:last-child{margin-bottom:0}.about-timeline-item::before{content:'';position:absolute;left:-27px;top:5px;width:10px;height:10px;border-radius:50%;background-color:#fff;border:2px solid #91c147}.about-timeline-date{display:block;font-size:13px;font-weight:700;color:#91c147;letter-spacing:0.3px;margin-bottom:4px}.about-timeline-badge{display:inline-block;font-size:12px;font-weight:600;color:#868e96;background-color:#f1f3f5;padding:2px 10px;border-radius:20px;margin-bottom:8px}.about-timeline-body strong{font-size:16px;font-weight:700;color:#212529;display:block;margin-bottom:6px}.about-timeline-body p{font-size:14px;color:#868e96;margin:0;line-height:1.6}.about-timeline-body p b{color:#495057;font-weight:600}.about-project-challenges{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.about-challenge{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.about-challenge summary{font-size:14px;font-weight:600;color:#343a40;padding:11px 16px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;background-color:#fff;transition:background-color 0.15s ease}.about-challenge summary::-webkit-details-marker{display:none}.about-challenge summary::before{content:'▸';font-size:11px;color:#91c147;transition:transform 0.2s ease;flex-shrink:0}.about-challenge summary:hover{background-color:#f8f9fa}.about-challenge[open] summary::before{transform:rotate(90deg)}.about-challenge[open] summary{border-bottom:1px solid #f1f3f5;background-color:#f8f9fa}.about-challenge-body{padding:14px 16px;background-color:#fafafa}.about-challenge-body p{font-size:14px;color:#495057;line-height:1.7;margin:0 0 8px 0;word-break:keep-all}.about-challenge-body p:last-child{margin-bottom:0}.about-challenge-body p b{color:#212529;font-weight:700}.about-challenge-body p strong{color:#212529;font-weight:700}.about-challenge-body p code{background-color:#f1f3f5;padding:1px 5px;border-radius:4px;font-family:'Consolas', monospace;font-size:0.88em;color:#e83e8c}.about-project-features{display:flex;flex-wrap:wrap;gap:6px;padding-top:14px;border-top:1px solid #f1f3f5}.about-feature-tag{font-size:12px;font-weight:500;color:#868e96;background-color:#f8f9fa;border:1px solid #e9ecef;padding:3px 10px;border-radius:12px}.about-skills{display:flex;flex-direction:column;gap:14px}.about-skill-row{display:flex;align-items:flex-start;gap:16px}.about-skill-label{font-size:13px;font-weight:700;color:#adb5bd;min-width:80px;padding-top:5px;text-transform:uppercase;letter-spacing:0.5px}.about-skill-tags{display:flex;flex-wrap:wrap;gap:8px}.about-tag{background-color:#f8f9fa;border:1px solid #e9ecef;padding:5px 13px;border-radius:20px;font-size:13px;font-weight:600;color:#495057}.about-projects{display:flex;flex-direction:column;gap:20px}.about-project-card{background-color:#f8f9fa;border:1px solid #f1f3f5;border-radius:12px;padding:28px 30px;transition:box-shadow 0.2s ease, transform 0.2s ease}.about-project-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.07);transform:translateY(-2px)}.about-project-top{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px 12px;margin-bottom:14px}.about-project-title{font-size:17px;font-weight:700;color:#212529;margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.about-project-title a{color:#212529;border-bottom:none !important;padding-bottom:0 !important;font-weight:700}.about-project-title a:hover{color:#91c147;background:transparent !important}.about-project-subtitle{font-size:14px;font-weight:400;color:#adb5bd}.about-project-period{font-size:13px;font-weight:600;color:#91c147;white-space:nowrap;margin-left:auto}.about-project-tech{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.about-project-bullets{margin:0;padding-left:18px;list-style:disc}.about-project-bullets li{font-size:14px;color:#495057;line-height:1.7;margin-bottom:5px;word-break:keep-all}.about-project-bullets li strong{color:#212529;font-weight:700}.about-tag-group{display:flex;flex-wrap:wrap;gap:6px}.about-project-desc{font-size:15px;color:#495057;line-height:1.65;margin:0 0 16px 0}.about-project-link{font-size:14px;font-weight:600;color:#91c147;border-bottom:none !important;padding-bottom:0 !important;transition:opacity 0.2s}.about-project-link:hover{opacity:0.75;background:transparent !important}@media screen and (max-width: 768px){.about-hero{flex-direction:column-reverse;align-items:center;text-align:center;gap:24px;margin-bottom:60px}.about-social{justify-content:center}.about-title{font-size:24px}.about-profile-img{width:120px;height:120px}.about-skill-row{flex-direction:column;gap:8px}.about-skill-label{min-width:unset;padding-top:0}}html{scroll-behavior:smooth}.toc-container{background-color:#f8f9fa;border-radius:12px;padding:24px 30px;margin-bottom:50px;border:1px solid #f1f3f5}.toc-title{font-size:18px;font-weight:700;color:#212529;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin:2px 0}.toc-item a{display:block;padding:8px 12px;border-radius:8px;color:#495057;border-bottom:none !important;font-size:15px;transition:all 0.2s ease;line-height:1.6;text-decoration:none !important}.toc-item a:hover{background-color:rgba(255,227,41,0.15) !important;color:#cca600 !important;font-weight:700}.toc-h3 a{padding-left:32px;font-size:14.5px;color:#868e96}