@font-face{font-family:"D2Coding";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/D2Coding.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"NanumMyeongjo";font-weight:normal;font-style:normal;src:url("https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjo.eot");src:url("https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjo.eot?#iefix") format("embedded-opentype"),url("https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjo.woff2") format("woff2"),url("https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjo.woff") format("woff"),url("https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjo.ttf") format("truetype");font-display:swap}@font-face{font-family:"NanumMyeongjo";font-weight:700;font-style:normal;src:url("https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjoBold.eot");src:url("https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjoBold.eot?#iefix") format("embedded-opentype"),url("https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjoBold.woff2") format("woff2"),url("https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjoBold.woff") format("woff"),url("https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjoBold.ttf") format("truetype");font-display:swap}@font-face{font-family:"NanumBarunpen";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumBarunpen.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"NanumBarunpen";font-weight:700;font-style:normal;src:url("https://cdn.jsdelivr.net/gh/webfontworld/NanumBarunpen/NanumBarunpen-Bold.eot");src:url("https://cdn.jsdelivr.net/gh/webfontworld/NanumBarunpen/NanumBarunpen-Bold.eot?#iefix") format("embedded-opentype"),url("https://cdn.jsdelivr.net/gh/webfontworld/NanumBarunpen/NanumBarunpen-Bold.woff2") format("woff2"),url("https://cdn.jsdelivr.net/gh/webfontworld/NanumBarunpen/NanumBarunpen-Bold.woff") format("woff"),url("https://cdn.jsdelivr.net/gh/webfontworld/NanumBarunpen/NanumBarunpen-Bold.ttf") format("truetype");font-display:swap}@font-face{font-family:"CookieRun";font-weight:400;font-style:normal;src:url("https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunRegular.eot");src:url("https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunRegular.eot?#iefix") format("embedded-opentype"),url("https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunRegular.woff2") format("woff2"),url("https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunRegular.woff") format("woff"),url("https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunRegular.ttf") format("truetype");font-display:swap}@font-face{font-family:"CookieRun";font-weight:700;font-style:normal;src:url("https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunBold.eot");src:url("https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunBold.eot?#iefix") format("embedded-opentype"),url("https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunBold.woff2") format("woff2"),url("https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunBold.woff") format("woff"),url("https://cdn.jsdelivr.net/gh/webfontworld/cookierun/CookieRunBold.ttf") format("truetype");font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-size:18px}body{font-size:1rem;line-height:1;color:#212529;background-color:#fff}.dark-theme body{background-color:#22272e;color:#dee2e6}@media screen and (max-width: 992px){html{font-size:16px}}.btn{display:flex;align-items:center;justify-content:center;column-gap:.5rem;text-decoration:none;cursor:pointer;transition:all .15s ease-in-out;transition-property:background-color,color,box-shadow;border-radius:8px;border:none;padding:1rem;margin:0}.floating-btn{width:52px;height:52px;border-radius:100%;background-color:#f1f3f5;color:#212529}.floating-btn svg{width:1rem}.floating-btn:hover{background-color:#dbe4ff;box-shadow:0px 4px 10px 2px rgba(0,0,0,.08)}.btn-primary{background-color:#4c6ef5;color:#dee2e6}.btn-primary:hover{background-color:#364fc7;box-shadow:0px 4px 10px 2px rgba(0,0,0,.08)}.btn-secondary{background-color:#e64980;color:#dee2e6}.btn-secondary:hover{background-color:#a61e4d;box-shadow:0px 4px 10px 2px rgba(0,0,0,.08)}.btn-text{background-color:inherit;color:#212529}.btn-text:hover{background-color:#f1f3f5}.btn-primary-text{background-color:inherit;color:#212529}.btn-primary-text:hover{box-shadow:0px 4px 10px 2px rgba(0,0,0,.08);background-color:#dbe4ff}.btn-secondary-text{background-color:inherit;color:#212529}.btn-secondary-text:hover{box-shadow:0px 4px 10px 2px rgba(0,0,0,.08);background-color:#ffdeeb}.link,.link-sub{text-decoration:none;cursor:pointer;transition:all .15s ease-in-out;transition-property:color}.link{color:#212529}.link-sub{color:#868e96}.link-primary:hover{color:#4c6ef5}.link-secondary:hover{color:#e64980}.alert{border-radius:8px;box-sizing:border-box;padding:1rem}.alert:hover{box-shadow:0px 4px 10px 2px rgba(0,0,0,.08)}.alert-warning{border:1px solid #ffa94d;background-color:#fff4e6}.alert-warning:before{content:"⚠";margin-right:.8rem}.tags{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:.8rem;column-gap:.8rem}.tags .cloud1{background-color:#d6e4ff}.tags .cloud1:hover{background-color:#2f54eb}.tags .cloud2{background-color:#efdbff}.tags .cloud2:hover{background-color:#722ed1}.tags .cloud3{background-color:#ffd6e7}.tags .cloud3:hover{background-color:#eb2f96}.tags .cloud4{background-color:#b5f5ec}.tags .cloud4:hover{background-color:#13c2c2}.tags .cloud5{background-color:#ffe7ba}.tags .cloud5:hover{background-color:#fa8c16}.tag{text-decoration:none;padding:.5rem;display:flex;align-items:center;column-gap:2px;font-size:.85rem;color:#212529;background-color:#f1f3f5;transition:all .15s ease-in-out}.tag:before{content:"#"}.tag:hover{background-color:#343a40;color:#dee2e6}.img-circle{border-radius:100%;overflow:hidden}.dark-theme .btn-text{color:#dee2e6}.dark-theme .btn-text:hover{background-color:#343a40}.dark-theme .floating-btn{background-color:#343a40;color:#dee2e6}.dark-theme .floating-btn:hover{background-color:#263ea0;box-shadow:0px 4px 10px 2px rgba(0,0,0,.3)}.dark-theme .btn-primary{background-color:#5273e0;color:#dee2e6}.dark-theme .btn-primary:hover{background-color:#263ea0;box-shadow:0px 4px 10px 2px rgba(0,0,0,.3)}.dark-theme .btn-secondary{background-color:#e0529c;color:#dee2e6}.dark-theme .btn-secondary:hover{background-color:#75204f;box-shadow:0px 4px 10px 2px rgba(0,0,0,.08)}.dark-theme .btn-primary-text{background-color:inherit;color:#dee2e6}.dark-theme .btn-primary-text:hover{box-shadow:0px 4px 10px 2px rgba(0,0,0,.3);background-color:#263ea0}.dark-theme .btn-secondary-text{background-color:inherit;color:#dee2e6}.dark-theme .btn-secondary-text:hover{box-shadow:0px 4px 10px 2px rgba(0,0,0,.3);background-color:#75204f}.dark-theme .link{color:#dee2e6}.dark-theme .link-sub{color:#adb5bd}.dark-theme .link-primary:hover{color:#a8c1f8}.dark-theme .link-secondary:hover{color:#f8a8cc}.dark-theme .alert:hover{box-shadow:0px 4px 10px 2px rgba(0,0,0,.3)}.dark-theme .alert-warning{border:1px solid #aa6215;background-color:#d87a16}.dark-theme .tags .cloud1{background-color:#263ea0}.dark-theme .tags .cloud1:hover{background-color:#7f9ef3}.dark-theme .tags .cloud2{background-color:#51258f}.dark-theme .tags .cloud2:hover{background-color:#ab7ae0}.dark-theme .tags .cloud3{background-color:#a02669}.dark-theme .tags .cloud3:hover{background-color:#f37fb7}.dark-theme .tags .cloud4{background-color:#138585}.dark-theme .tags .cloud4:hover{background-color:#58d1c9}.dark-theme .tags .cloud5{background-color:#aa6215}.dark-theme .tags .cloud5:hover{background-color:#f3b765}.dark-theme .tag{color:#dee2e6;background-color:#343a40}.dark-theme .tag:hover{background-color:#f1f3f5;color:#212529}@-webkit-keyframes fade{50%{opacity:.5}100%{opacity:1}}@-moz-keyframes fade{50%{opacity:.5}100%{opacity:1}}body{display:flex;flex-direction:column;min-height:100vh;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}body .container{flex:1;display:flex}body .container .main-container{width:100%;box-sizing:border-box;display:flex;flex-direction:column;row-gap:2rem}main .index-article-item{display:flex;column-gap:2rem;padding:2rem;border-radius:8px;box-shadow:0px 4px 10px 2px rgba(0,0,0,.08)}main .index-article-item:nth-child(even){flex-direction:row-reverse}main .index-article-item .article-thumbnail-circle{border-radius:100%}main .index-article-item .article-thumbnail-rectangle{border-radius:0}main .index-article-item .article-thumbnail-round-rectangle{border-radius:8px}main .index-article-item .img-wrapper{width:200px;height:200px;overflow:hidden;background:linear-gradient(45deg, #ffdeeb, #dbe4ff)}main .index-article-item .img-wrapper:hover{box-shadow:0px 4px 10px 2px rgba(0,0,0,.08)}main .index-article-item .img-wrapper img{width:100%;height:100%;object-fit:cover}main .index-article-item .detail{flex:1;display:flex;flex-direction:column;row-gap:.8rem}main .index-article-item .detail .title{font-weight:bold;font-size:1.5rem;line-height:1.5}main .index-article-item .detail .summary{line-height:1.75;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}main .index-article-item .detail .sub-detail{column-gap:1rem;display:flex;align-items:center;font-size:.85rem}main .index-article-item .detail .sub-detail a.category,main .index-article-item .detail .sub-detail span.date-info,main .index-article-item .detail .sub-detail .comment-count{display:flex;align-items:center;column-gap:.5rem}main .index-article-item .detail .sub-detail span.date-info,main .index-article-item .detail .sub-detail .comment-count{color:#868e96}.dark-theme main .index-article-item{box-shadow:0px 4px 10px 2px rgba(0,0,0,.3)}.dark-theme main .index-article-item .img-wrapper{background:linear-gradient(-45deg, #5273e0, #263ea0)}.dark-theme main .index-article-item .img-wrapper:hover{box-shadow:0px 4px 10px 2px rgba(0,0,0,.3)}.dark-theme main .index-article-item .detail .sub-detail span.date-info,.dark-theme main .index-article-item .detail .sub-detail .comment-count{color:#adb5bd}@media screen and (max-width: 768px){main .index-article-item{padding:1rem}main .index-article-item .img-wrapper{width:140px;height:140px}main .index-article-item .detail .sub-detail span.comment-count{display:none}}@media screen and (max-width: 567px){main .index-article-item{flex-direction:column;align-items:flex-start;row-gap:1rem;padding:1rem .8rem}main .index-article-item:nth-child(even){flex-direction:column}main .index-article-item .img-wrapper{width:100%;height:280px;border-radius:8px}}main .common-article-container{max-width:1430px;box-sizing:border-box;display:flex;column-gap:1rem}main .common-article-container .main-content{max-width:1100px;width:100%;word-break:break-all}main .common-article-container #toc-container{display:none;word-break:break-all;flex:1;box-sizing:border-box}main .common-article-container #toc-container .toc-wrapper{position:sticky;top:100px;left:0;height:auto;width:100%;background-color:#f1f3f5;border-radius:8px;box-sizing:border-box;padding:.8rem;max-height:80vh;overflow:auto;font-size:.85rem}main .common-article-container #toc-container .toc-wrapper ul.toc-list{list-style:none;display:flex;flex-direction:column;row-gap:.8rem}main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item1 a,main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item2 a,main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item3 a,main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item4 a{line-height:1.5;font-size:.85rem;text-decoration:none;color:#212529;transition:all .15s ease-in-out}main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item1 a:hover,main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item2 a:hover,main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item3 a:hover,main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item4 a:hover{color:#4c6ef5}main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item2{padding-left:3px}main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item3{padding-left:6px}main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item4{padding-left:9px}main .article-title-layer{position:relative;width:100%;height:340px;border-radius:8px;overflow:hidden;margin-bottom:2rem}main .article-title-layer .img-layer{position:absolute;top:0;left:0;width:100%;height:100%}main .article-title-layer .img-layer img{object-fit:cover;width:100%;height:100%}main .article-title-layer .background-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(73,80,87,.75)}main .article-title-layer .txt-layer{position:absolute;top:0;left:0;display:flex;flex-direction:column;row-gap:1rem;align-items:center;justify-content:center;width:100%;height:100%;padding:0 .8rem;box-sizing:border-box}main .article-title-layer .txt-layer .date{display:flex;column-gap:.8rem;align-items:center;color:#dee2e6;font-size:.85rem}main .article-title-layer .txt-layer .title{color:#dee2e6;text-decoration:none;cursor:pointer;transition:all .15s ease-in-out;transition-property:color;font-size:2rem;font-weight:bold;text-shadow:2px 2px 2px #343a40;line-height:1.5;text-align:center}main .article-title-layer .txt-layer .title:hover{color:#4c6ef5}main .article-title-layer .txt-layer .category{display:flex;column-gap:.8rem;align-items:center;color:#dee2e6;text-decoration:none;cursor:pointer;transition:all .15s ease-in-out;transition-property:color;text-shadow:2px 2px 2px #343a40}main .article-title-layer .txt-layer .category:hover{color:#e64980}main .article-title-layer .txt-layer .control{margin-top:2rem;display:flex;column-gap:1rem;align-items:center}main .article-title-layer .txt-layer .control a{font-size:.85rem;color:#dee2e6;text-decoration:none;cursor:pointer;transition:all .15s ease-in-out;transition-property:color}main .article-title-layer .txt-layer .control a:hover{color:#e64980}main .common-article-container .article-body .contents_style{width:100%;box-sizing:border-box;line-height:2;word-break:break-all;font-size:1rem}main .common-article-container .article-body .contents_style ul,main .common-article-container .article-body .contents_style ol{margin:1rem 0}main .common-article-container .article-body .contents_style li{margin-left:3rem}main .common-article-container .article-body .contents_style a{color:#4c6ef5;text-decoration:none;cursor:pointer;transition:all .15s ease-in-out}main .common-article-container .article-body .contents_style a svg{margin-left:.5rem}main .common-article-container .article-body .contents_style a:hover{background-color:#dbe4ff}main .common-article-container .article-body .contents_style figure[data-ke-type=opengraph] a{border-radius:8px;overflow:hidden;background-color:inherit;border:1px solid #f1f3f5}main .common-article-container .article-body .contents_style figure[data-ke-type=opengraph] a .og-image{border-right:1px solid #f1f3f5;transition:all .15s ease-in-out}main .common-article-container .article-body .contents_style figure[data-ke-type=opengraph] a:hover{box-shadow:0px 4px 10px 2px rgba(0,0,0,.08)}main .common-article-container .article-body .contents_style figure[data-ke-type=opengraph] a .og-title{color:#212529}main .common-article-container .article-body .contents_style figure[data-ke-type=opengraph] a .og-desc,main .common-article-container .article-body .contents_style figure[data-ke-type=opengraph] a .og-host{color:#868e96}main .common-article-container .article-body .contents_style hr{margin:2rem auto}main .common-article-container .article-body .contents_style h1,main .common-article-container .article-body .contents_style h2,main .common-article-container .article-body .contents_style h3,main .common-article-container .article-body .contents_style h4{margin:1rem 0;font-weight:bold}main .common-article-container .article-body .contents_style h1 a,main .common-article-container .article-body .contents_style h2 a,main .common-article-container .article-body .contents_style h3 a,main .common-article-container .article-body .contents_style h4 a{color:#212529}main .common-article-container .article-body .contents_style h1 a:hover,main .common-article-container .article-body .contents_style h2 a:hover,main .common-article-container .article-body .contents_style h3 a:hover,main .common-article-container .article-body .contents_style h4 a:hover{color:#4c6ef5;background-color:rgba(0,0,0,0)}main .common-article-container .article-body .contents_style h1{border-bottom:1px solid #f1f3f5}main .common-article-container .article-body .contents_style h2{font-size:2rem}main .common-article-container .article-body .contents_style h3{font-size:1.5rem}main .common-article-container .article-body .contents_style h4{font-size:1rem}main .common-article-container .article-body .contents_style sup{color:#e64980;vertical-align:super}main .common-article-container .article-body .contents_style sub{color:#e64980;vertical-align:sub}main .common-article-container .article-body .contents_style blockquote[data-ke-style=style2],main .common-article-container .article-body .contents_style blockquote[data-ke-style=style3]{border-radius:8px;border:none;padding:2rem;margin:1rem 0;box-sizing:border-box}main .common-article-container .article-body .contents_style blockquote[data-ke-style=style2]:before,main .common-article-container .article-body .contents_style blockquote[data-ke-style=style3]:before{font-weight:bold;margin-right:1rem}main .common-article-container .article-body .contents_style blockquote[data-ke-style=style2]{background-color:#d9f7be;transition:all .15s ease-in-out}main .common-article-container .article-body .contents_style blockquote[data-ke-style=style2]:before{content:"💡 Tip";color:#52c41a}main .common-article-container .article-body .contents_style blockquote[data-ke-style=style2]:hover{box-shadow:0px 4px 10px 2px rgba(35,120,4,.2)}main .common-article-container .article-body .contents_style blockquote[data-ke-style=style3]{background-color:#dbe4ff;transition:all .15s ease-in-out}main .common-article-container .article-body .contents_style blockquote[data-ke-style=style3]:before{content:"📑 NOTE";color:#4c6ef5}main .common-article-container .article-body .contents_style blockquote[data-ke-style=style3]:hover{box-shadow:0px 4px 10px 2px rgba(54,79,199,.2)}main .common-article-container .article-body .contents_style pre{margin:1rem 0;border-radius:8px;font-size:1rem}main .common-article-container .article-body .contents_style pre .pre-before-node{display:flex;align-items:center;background-color:#212529;padding:0 .8rem;height:38px}main .common-article-container .article-body .contents_style pre .pre-before-node .btn-wrapper{width:150px;display:flex;align-items:center;column-gap:.5rem}main .common-article-container .article-body .contents_style pre .pre-before-node .btn-wrapper .mac-btn{width:12px;height:12px;border-radius:100%}main .common-article-container .article-body .contents_style pre .pre-before-node .btn-wrapper .red-mac-btn{background-color:#fa5252}main .common-article-container .article-body .contents_style pre .pre-before-node .btn-wrapper .orange-mac-btn{background-color:#fab005}main .common-article-container .article-body .contents_style pre .pre-before-node .btn-wrapper .green-mac-btn{background-color:#51cf66}main .common-article-container .article-body .contents_style pre .pre-before-node .language{font-family:"D2Coding",system-ui,Apple Gothic,sans-serif;flex:1;color:#868e96;font-size:.85rem;text-align:center}main .common-article-container .article-body .contents_style pre .pre-before-node .code-copy-button-wrapper{width:150px;display:flex;align-items:center;justify-content:flex-end}main .common-article-container .article-body .contents_style pre .pre-before-node .code-copy-button-wrapper .code-copy-button{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;background-color:inherit;font-size:.85rem;height:100%;color:#868e96}main .common-article-container .article-body .contents_style pre .pre-before-node .code-copy-button-wrapper .code-copy-button:hover{color:#adb5bd}main .common-article-container .article-body .contents_style pre code{font-family:"D2Coding",system-ui,Apple Gothic,sans-serif;padding:1rem;box-sizing:border-box}main .common-article-container .article-body .contents_style pre code::-webkit-scrollbar{display:none}main .common-article-container .article-body .contents_style p{word-break:break-word}main .common-article-container .article-body .contents_style p code,main .common-article-container .article-body .contents_style li code,main .common-article-container .article-body .contents_style a code{color:#212529;background-color:#dbe4ff;border:1px solid #364fc7;border-radius:4px;padding:0 2px}.dark-theme main .common-article-container .txt-layer .title:hover{color:#5273e0}.dark-theme main .common-article-container .txt-layer .category:hover{color:#e0529c}.dark-theme main .common-article-container .txt-layer .control:hover{color:#e0529c}.dark-theme main .common-article-container #toc-container .toc-wrapper{background-color:#343a40}.dark-theme main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item1 a,.dark-theme main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item2 a,.dark-theme main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item3 a,.dark-theme main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item4 a{color:#dee2e6}.dark-theme main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item1 a:hover,.dark-theme main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item2 a:hover,.dark-theme main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item3 a:hover,.dark-theme main .common-article-container #toc-container .toc-wrapper ul.toc-list .toc-item4 a:hover{color:#5273e0}.dark-theme main .common-article-container .article-body .contents_style a{color:#a8c1f8}.dark-theme main .common-article-container .article-body .contents_style a:hover{background-color:#263ea0}.dark-theme main .common-article-container .article-body .contents_style figure[data-ke-type=opengraph] a{background-color:inherit;border:1px solid #343a40}.dark-theme main .common-article-container .article-body .contents_style figure[data-ke-type=opengraph] a .og-image{border-right:1px solid #343a40}.dark-theme main .common-article-container .article-body .contents_style figure[data-ke-type=opengraph] a:hover{box-shadow:0px 4px 10px 2px rgba(0,0,0,.3)}.dark-theme main .common-article-container .article-body .contents_style figure[data-ke-type=opengraph] a .og-title{color:#dee2e6}.dark-theme main .common-article-container .article-body .contents_style figure[data-ke-type=opengraph] a .og-desc,.dark-theme main .common-article-container .article-body .contents_style figure[data-ke-type=opengraph] a .og-host{color:#adb5bd}.dark-theme main .common-article-container .article-body .contents_style sup,.dark-theme main .common-article-container .article-body .contents_style sub{color:#e0529c}.dark-theme main .common-article-container .article-body .contents_style h1{border-bottom:1px solid #343a40}.dark-theme main .common-article-container .article-body .contents_style h1 a,.dark-theme main .common-article-container .article-body .contents_style h2 a,.dark-theme main .common-article-container .article-body .contents_style h3 a,.dark-theme main .common-article-container .article-body .contents_style h4 a{color:#dee2e6}.dark-theme main .common-article-container .article-body .contents_style h1 a:hover,.dark-theme main .common-article-container .article-body .contents_style h2 a:hover,.dark-theme main .common-article-container .article-body .contents_style h3 a:hover,.dark-theme main .common-article-container .article-body .contents_style h4 a:hover{color:#5273e0;background-color:rgba(0,0,0,0)}.dark-theme main .common-article-container .article-body .contents_style blockquote[data-ke-style=style2]{background-color:#3c8618;color:#dee2e6}.dark-theme main .common-article-container .article-body .contents_style blockquote[data-ke-style=style2]:before{content:"💡 Tip";color:#b2e58b;text-shadow:2px 2px 2px #343a40}.dark-theme main .common-article-container .article-body .contents_style blockquote[data-ke-style=style2]:hover{box-shadow:0px 4px 10px 2px rgba(29,55,18,.8)}.dark-theme main .common-article-container .article-body .contents_style blockquote[data-ke-style=style3]{background-color:#263ea0;color:#dee2e6}.dark-theme main .common-article-container .article-body .contents_style blockquote[data-ke-style=style3]:before{content:"📑 NOTE";color:#a8c1f8;text-shadow:2px 2px 2px #343a40}.dark-theme main .common-article-container .article-body .contents_style blockquote[data-ke-style=style3]:hover{box-shadow:0px 4px 10px 2px rgba(22,29,64,.8)}.dark-theme main .common-article-container .article-body .contents_style p code,.dark-theme main .common-article-container .article-body .contents_style li code,.dark-theme main .common-article-container .article-body .contents_style a code{color:#212529;background-color:#a8c1f8;border:1px solid #263ea0;border-radius:4px;padding:0 2px}@media screen and (max-width: 1740px){main .common-article-container{max-width:1150px}main .common-article-container .main-content{max-width:1000px}}@media screen and (max-width: 1740px){main .common-article-container{max-width:1150px}main .common-article-container .main-content{max-width:900px}}@media screen and (max-width: 1460px){main .common-article-container{max-width:1000px}main .common-article-container .main-content{max-width:720px}}@media screen and (max-width: 1280px){main .common-article-container{max-width:1050px}main .common-article-container .main-content{max-width:780px}}@media screen and (max-width: 992px){main .common-article-container{max-width:900px}main .common-article-container #toc-container{display:none !important}main .common-article-container .main-content{max-width:900px;width:100%}}.intro-card{background:linear-gradient(45deg, #4c6ef5, #e64980);width:100%;height:200px;padding:0;margin:1rem 0;display:flex;align-items:center;border-radius:8px;overflow:hidden}.intro-card:hover{box-shadow:0px 4px 10px 2px rgba(0,0,0,.08)}.intro-card .img-wrapper{width:200px;height:200px;overflow:hidden}.intro-card .img-wrapper img{width:100%;height:100%;object-fit:cover}.intro-card .intro{padding:2rem;display:flex;flex-direction:column;row-gap:1rem}.intro-card .intro p{color:#dee2e6}.intro-card .intro .blogger{font-size:.85rem}.intro-card .intro .desc{font-size:.85rem;line-height:1.5}.dark-theme .intro-card{background:linear-gradient(45deg, #5273e0, #e0529c)}.dark-theme .intro-card:hover{box-shadow:0px 4px 10px 2px rgba(0,0,0,.08)}.reply-container .reply-write-form form{display:flex;flex-direction:column;row-gap:1rem}.reply-container .reply-write-form form .input-item{display:flex;align-items:center;column-gap:1rem;color:#868e96}.reply-container .reply-write-form form .input-item label{min-width:200px;display:flex;align-items:center;column-gap:.8rem;font-size:.85rem}.reply-container .reply-write-form form .input-item input{color:#212529;border:none;background-color:#f1f3f5;width:320px;transition:all .15s ease-in-out;padding:.8rem;box-sizing:border-box;border-radius:8px}.reply-container .reply-write-form form .input-item input:focus{width:100%;box-shadow:0px 4px 10px 2px rgba(0,0,0,.08);outline:none}.reply-container .reply-write-form form .input-item input[type=checkbox]{width:auto}.reply-container .reply-write-form form .input-item textarea{color:#212529;border:none;width:100%;padding:1rem;box-sizing:border-box;border-radius:8px;background-color:#f1f3f5;min-height:200px}.reply-container .reply-write-form form .input-item textarea:focus{box-shadow:0px 4px 10px 2px rgba(0,0,0,.08);outline:none}.reply-container .reply-write-form form .textarea-wrapper{display:flex;flex-direction:column;align-items:flex-start;row-gap:.8rem}.reply-container .reply-list-container{margin-top:2rem}.reply-container .reply-list-container .reply-list{display:flex;flex-direction:column;list-style:none}.reply-container .reply-list-container .reply-list .reply-item{display:flex;column-gap:1rem;padding:1rem 0;margin-bottom:1rem}.reply-container .reply-list-container .reply-list .reply-item .left-area{width:100px}.reply-container .reply-list-container .reply-list .reply-item .left-area .img-wrapper{width:100px;height:100px;overflow:hidden;border-radius:100%;box-shadow:0px 4px 10px 2px rgba(0,0,0,.08)}.reply-container .reply-list-container .reply-list .reply-item .left-area .img-wrapper img{width:100%;height:100%;object-fit:cover}.reply-container .reply-list-container .reply-list .reply-item .right-area{flex:1;padding-top:1rem;display:flex;flex-direction:column;row-gap:1rem}.reply-container .reply-list-container .reply-list .reply-item .right-area .name-wrapper{display:flex;align-items:center;column-gap:.5rem}.reply-container .reply-list-container .reply-list .reply-item .right-area .name-wrapper a{text-decoration:none;color:#4c6ef5;transition:all .15s ease-in-out}.reply-container .reply-list-container .reply-list .reply-item .right-area .name-wrapper a:hover{color:#364fc7}.reply-container .reply-list-container .reply-list .reply-item .right-area .desc{line-height:1.75;word-break:break-all}.reply-container .reply-list-container .reply-list .reply-item .right-area .control{column-gap:1rem;display:flex;align-items:center}.reply-container .reply-list-container .reply-list .reply-item .right-area .control>a,.reply-container .reply-list-container .reply-list .reply-item .right-area .control>span{display:flex;column-gap:.5rem;align-items:center;font-size:.85rem}.reply-container .reply-list-container .reply-list .reply-item .right-area .control .date{color:#868e96}.reply-container .reply-list-container .reply-list .reply-item .right-area .control .date a{text-decoration:none;color:#e64980;transition:all .15s ease-in-out}.reply-container .reply-list-container .reply-list .reply-item .right-area .control .date a:hover{color:#a61e4d}.reply-container .reply-list-container .reply-list .reply-item .reply-sub-list{margin-left:2rem}.reply-container .reply-list-container .reply-sub-list{list-style:none;margin-left:2rem}.reply-container #tt_captChaBottom{display:block;position:static}.reply-container #tt_captChaBottom .wrap_box_border{display:none}.reply-container #innerBox{margin-top:.8rem;position:static !important;display:flex;align-items:center;flex-wrap:wrap;row-gap:.8rem;width:100%;box-sizing:border-box}.reply-container #innerBox #inputCaptcha{border:none;color:#212529;background-color:#f1f3f5;border-radius:8px !important;padding:.8rem}.reply-container #innerBox #textRefresh{color:#212529}.reply-container #innerBox #noticeCaptcha{color:#212529}.dark-theme .reply-container .reply-write-form form .input-item{color:#adb5bd}.dark-theme .reply-container .reply-write-form form .input-item input,.dark-theme .reply-container .reply-write-form form .input-item textarea{color:#dee2e6;background-color:#343a40}.dark-theme .reply-container .reply-write-form form .input-item input:focus,.dark-theme .reply-container .reply-write-form form .input-item textarea:focus{box-shadow:0px 4px 10px 2px rgba(0,0,0,.3)}.dark-theme .reply-container .reply-list-container .reply-list .reply-item .left-area .img-wrapper{box-shadow:0px 4px 10px 2px rgba(0,0,0,.3)}.dark-theme .reply-container .reply-list-container .reply-list .reply-item .right-area .name-wrapper{display:flex;align-items:center;column-gap:.8rem}.dark-theme .reply-container .reply-list-container .reply-list .reply-item .right-area .name-wrapper a{color:#5273e0}.dark-theme .reply-container .reply-list-container .reply-list .reply-item .right-area .name-wrapper a:hover{color:#263ea0}.dark-theme .reply-container .reply-list-container .reply-list .reply-item .right-area .control .date{color:#adb5bd}.dark-theme .reply-container .reply-list-container .reply-list .reply-item .right-area .control .date a{color:#e64980}.dark-theme .reply-container .reply-list-container .reply-list .reply-item .right-area .control .date a:hover{color:#a61e4d}.dark-theme .reply-container #innerBox #inputCaptcha{color:#dee2e6;background-color:#343a40}.dark-theme .reply-container #innerBox #textRefresh{color:#dee2e6}.dark-theme .reply-container #innerBox #noticeCaptcha{color:#dee2e6}@media screen and (max-width: 992px){.reply-container .reply-write-form form .input-item label{min-width:170px}.reply-container .reply-list-container .reply-list .reply-item .left-area{width:80px}.reply-container .reply-list-container .reply-list .reply-item .left-area .img-wrapper{width:80px;height:80px}.reply-container .reply-list-container .reply-list .reply-item .right-area .control>a>span{display:none}}@media screen and (max-width: 768px){.reply-container .reply-write-form form .input-item label{min-width:120px}}@media screen and (max-width: 567px){.reply-container .reply-write-form form .input-item input{width:250px}.reply-container .reply-list-container .reply-list .reply-item .left-area{width:70px}.reply-container .reply-list-container .reply-list .reply-item .left-area .img-wrapper{width:70px;height:70px}.reply-container .reply-list-container .reply-list .reply-item .right-area .control{flex-direction:column;row-gap:.5rem;align-items:flex-start}.reply-container .reply-list-container .reply-list .reply-item .right-area .control>a>span{display:flex}.reply-container .reply-list-container .reply-sub-list{list-style:none;margin-left:1rem}}@media screen and (max-width: 320px){.reply-container .reply-write-form form .input-item input{width:200px}}.protected-article-container{display:flex;flex-direction:column;row-gap:1rem;border-radius:8px;box-shadow:0px 4px 10px 2px rgba(0,0,0,.08);padding:2rem}.protected-article-container .article-info{display:flex;flex-direction:column;row-gap:1rem}.protected-article-container .article-info a{font-size:1.5rem;font-weight:bold}.protected-article-container .article-info .date{display:flex;align-items:center;font-size:.85rem;column-gap:.5rem;color:#868e96}.protected-article-container .password-form{display:flex;flex-direction:column;row-gap:1rem}.protected-article-container .password-form .password-form-item{display:flex;align-items:center}.protected-article-container .password-form .password-form-item label{display:flex;align-items:center;font-size:.85rem;column-gap:.5rem;color:#868e96;width:150px}.protected-article-container .password-form .password-form-item input{width:320px;transition:all .15s ease-in-out;background-color:#f1f3f5;border-radius:8px;padding:.8rem;border:none;color:#212529}.protected-article-container .password-form .password-form-item input:focus{flex:1;box-shadow:0px 4px 10px 2px rgba(0,0,0,.08);outline:none}.dark-theme .protected-article-container{box-shadow:0px 4px 10px 2px rgba(0,0,0,.3)}.dark-theme .protected-article-container .article-info .date{color:#adb5bd}.dark-theme .protected-article-container .password-form .password-form-item label{color:#adb5bd}.dark-theme .protected-article-container .password-form .password-form-item input{background-color:#343a40;color:#dee2e6}.dark-theme .protected-article-container .password-form .password-form-item input:focus{box-shadow:0px 4px 10px 2px rgba(0,0,0,.3)}.paging-container{max-width:1430px;width:100%;box-sizing:border-box;margin-top:1rem;padding:1rem;display:flex;justify-content:space-between;align-items:center}.paging-container .paging-prev-n-next-btn{display:flex;align-items:center;justify-content:center;color:#212529;transition:all .15s ease-in-out}.paging-container .paging-prev-n-next-btn svg{width:1.5rem;height:1.5rem}.paging-container .paging-prev-n-next-btn:hover{color:#4c6ef5}.paging-container .no-more-prev,.paging-container .no-more-next{color:#868e96 !important}.paging-container .no-more-prev:hover,.paging-container .no-more-next:hover{cursor:not-allowed}.paging-container .numbox{flex:1;display:flex;align-items:center;justify-content:center;column-gap:.8rem}.paging-container a{display:block;width:35px;height:35px;font-size:1rem;text-decoration:none}.paging-container a span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#212529;transition:all .15s ease-in-out}.paging-container a span:hover{color:#4c6ef5}.paging-container a .selected{color:#4c6ef5 !important}.paging-container a .selected:hover{cursor:not-allowed}.dark-theme .paging-container .paging-prev-n-next-btn{color:#dee2e6}.dark-theme .paging-container .paging-prev-n-next-btn:hover{color:#5273e0}.dark-theme .paging-container .no-more-prev,.dark-theme .paging-container .no-more-next{color:#adb5bd !important}.dark-theme .paging-container a span{color:#dee2e6}.dark-theme .paging-container a span:hover{color:#5273e0}.dark-theme .paging-container a .selected{color:#5273e0 !important}@media screen and (max-width: 1740px){.paging-container{max-width:1150px}}@media screen and (max-width: 1460px){.paging-container{max-width:1000px}}@media screen and (max-width: 1280px){.paging-container{max-width:1050px}}@media screen and (max-width: 992px){.paging-container{max-width:900px}}.guestbook-container{display:flex;flex-direction:column;row-gap:2rem}.guestbook-container h2.guestbook-title{min-height:150px;display:flex;align-items:center;justify-content:center;column-gap:.8rem;font-size:1.5rem;color:#868e96;font-weight:normal}.dark-theme .guestbook-container h2.guestbook-title{color:#adb5bd}.tag-cloud-container{display:flex;flex-direction:column;row-gap:2rem}.tag-cloud-container .tag-title{min-height:150px;display:flex;align-items:center;justify-content:center;column-gap:.8rem;font-size:1.5rem;color:#868e96;font-weight:normal}.dark-theme .tag-cloud-container .tag-title{color:#adb5bd}.recommend-article-card-container{position:fixed;bottom:-800px;padding:1rem;width:340px;min-height:130px;display:flex;align-items:center;column-gap:1rem;background-color:#f1f3f5;box-shadow:0px 4px 10px 2px rgba(0,0,0,.08);z-index:60;border-radius:8px;transition:all .15s ease-in-out;transition-property:bottom}.recommend-article-card-container a.img-wrapper{display:block;width:120px;height:120px;overflow:hidden;border-radius:100%;cursor:pointer}.recommend-article-card-container a.img-wrapper img{width:100%;height:100%;object-fit:cover}.recommend-article-card-container a.img-wrapper:hover{box-shadow:0px 4px 10px 2px rgba(0,0,0,.08)}.recommend-article-card-container .info{flex:1;display:flex;flex-direction:column;row-gap:1rem}.recommend-article-card-container .info p.card-type{font-size:.85rem;color:#868e96;font-weight:bold}.recommend-article-card-container .info a{line-height:1.5;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recommend-article-card-container .info p.date{font-size:.85rem;color:#868e96}.prev-recommend-article-card-container{left:8vw}.next-recommend-article-card-container{right:10vw}.dark-theme .recommend-article-card-container{background-color:#343a40;box-shadow:0px 4px 10px 2px rgba(0,0,0,.3)}.dark-theme .recommend-article-card-container a.img-wrapper:hover{box-shadow:0px 4px 10px 2px rgba(0,0,0,.3)}.dark-theme .recommend-article-card-container .info p.date{color:#adb5bd}@media screen and (max-width: 992px){.recommend-article-card-container{width:280px;padding:.8rem}.recommend-article-card-container a.img-wrapper{width:100px;height:100px}.prev-recommend-article-card-container{left:5vw}.next-recommend-article-card-container{right:12vw}}@media screen and (max-width: 768px){.recommend-article-card-container{display:none}}.permalink-tags{display:flex;align-items:center;row-gap:.5rem;flex-wrap:wrap}.permalink-tags a{color:#212529;display:inline-block;padding:.5rem;font-size:.75rem;text-decoration:none;background-color:#f1f3f5;transition:all .15s ease-in-out;margin-left:.5rem}.permalink-tags a:first-child{margin-left:0}.permalink-tags a:before{content:"#"}.permalink-tags a:hover{background-color:#dbe4ff}.dark-theme .permalink-tags a{color:#dee2e6;background-color:#343a40}.dark-theme .permalink-tags a:hover{background-color:#5273e0}main{display:flex;flex-direction:column;align-items:center}main .upper-ad-container,main .lower-ad-container{max-width:1430px;box-sizing:border-box;width:100%;padding:0;margin:0}main .article-container{max-width:1430px;box-sizing:border-box;width:100%;display:flex;flex-direction:column;row-gap:2rem;padding:0 1rem;margin-bottom:2rem}@media screen and (max-width: 1740px){main .upper-ad-container,main .lower-ad-container,main .article-container{max-width:1150px}}@media screen and (max-width: 1460px){main .upper-ad-container,main .lower-ad-container,main .article-container{max-width:1000px}}@media screen and (max-width: 1280px){main .upper-ad-container,main .lower-ad-container,main .article-container{max-width:1050px}}@media screen and (max-width: 992px){main .upper-ad-container,main .lower-ad-container,main .article-container{max-width:900px}}header{display:flex;align-items:center;position:sticky;top:0;left:0;height:80px;padding:0 2rem;background-color:rgba(255,255,255,.7);backdrop-filter:blur(7px);column-gap:1rem;z-index:98;transition:all .15s ease-in-out;transition-property:top}header #sidebar-open-btn{display:none}header a.title{font-size:1.5rem;flex:1}header .menu{display:flex;justify-content:flex-end;align-items:center;height:100%;column-gap:1rem}header .menu button{width:50px;height:50px}header #theme-btn .bi-moon{display:inline}header #theme-btn .bi-sun{display:none}.dark-theme header{background-color:rgba(34,39,46,.7)}.dark-theme header a.title{color:#dee2e6}@media screen and (max-width: 1280px){header #sidebar-open-btn{display:block}}@media screen and (max-width: 992px){header .menu{display:none}}.progress-bar{position:sticky;top:0;left:0;height:3px;z-index:99}.progress-bar .fill{width:0;height:100%;background:linear-gradient(90deg, #e64980, #4c6ef5)}.dark-theme .progress-bar .fill{height:100%;background:linear-gradient(90deg, #e0529c, #5273e0)}.fake-search-input{border:none;padding:.8rem;background-color:#f1f3f5;border-radius:4px;width:240px}.fake-search-input:focus{outline:none}.search-layer{display:flex;justify-content:center;height:100vh;position:fixed;top:0;left:0;width:100%;box-sizing:border-box;z-index:99;background-color:rgba(33,37,41,.5);backdrop-filter:blur(12px)}.search-layer .search-popup{margin-top:200px;width:70vw;min-height:150px;max-height:300px;overflow-y:scroll;background-color:#fff;border-radius:8px;box-shadow:0px 4px 10px 2px rgba(0,0,0,.08);padding:2rem}.search-layer .search-popup::-webkit-scrollbar{display:none}.search-layer .search-popup .search-form{display:flex;align-items:center;column-gap:.5rem}.search-layer .search-popup .search-form .search-input{flex:1;display:flex;column-gap:.5rem;border-radius:8px;box-shadow:0px 4px 10px 2px rgba(0,0,0,.08);padding:.8rem}.search-layer .search-popup .search-form .search-input #search-input{flex:1;border:none;background-color:inherit}.search-layer .search-popup .search-form .search-input #search-input:focus{outline:none}.search-layer .search-popup .search-form .search-input #search-btn{border:none;background-color:inherit;cursor:pointer}.search-layer .search-popup .search-tags{margin-top:2rem}.search-layer .search-popup .search-tags .search-tags-title{margin-bottom:1rem;display:flex;align-items:center;column-gap:.8rem;color:#868e96}.search-layer .search-popup .search-tags .search-tags-title svg{font-size:.85rem}.search-layer .search-popup .search-tags .search-tags-title h3{font-size:.85rem;font-weight:normal}.hide-search-popup{display:none !important}.dark-theme .fake-search-input{background-color:#343a40}.dark-theme .search-layer{background-color:rgba(72,72,72,.5)}.dark-theme .search-layer .search-popup{background-color:#22272e}.dark-theme .search-layer .search-popup .search-form .search-input{box-shadow:0px 4px 10px 2px rgba(0,0,0,.3)}.dark-theme .search-layer .search-popup .search-form #search-input,.dark-theme .search-layer .search-popup .search-form #search-btn{color:#dee2e6}@media screen and (max-width: 1280px){.fake-search-input{width:200px}}@media screen and (max-width: 992px){.fake-search-input{width:150px}}@media screen and (max-width: 768px){.fake-search-input{width:100px}}aside.sidebar #profile{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:1rem}aside.sidebar #profile .img-wrapper{width:120px;height:120px;border-radius:100%;overflow:hidden;box-shadow:0px 4px 10px 2px rgba(0,0,0,.08)}aside.sidebar #profile .img-wrapper img{width:100%;height:100%;object-fit:cover}aside.sidebar #profile .info{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:1rem}aside.sidebar #profile .info .name{font-weight:bold}aside.sidebar #profile .info .desc{color:#868e96;font-size:.85rem;line-height:1.75}.dark-theme aside.sidebar #profile .img-wrapper{box-shadow:0px 4px 10px 2px rgba(0,0,0,.3)}aside.sidebar #category ul{list-style:none}aside.sidebar #category .tt_category li,aside.sidebar #category .tt_category a{box-sizing:border-box}aside.sidebar #category .tt_category .link_tit,aside.sidebar #category .tt_category a.link_item,aside.sidebar #category .tt_category a.link_sub_item{justify-content:left;font-size:1rem;column-gap:.8rem}aside.sidebar #category .tt_category .link_tit .c_cnt,aside.sidebar #category .tt_category a.link_item .c_cnt,aside.sidebar #category .tt_category a.link_sub_item .c_cnt{font-size:.75rem;color:#868e96}aside.sidebar #category .tt_category li.selected>a.link_item{color:#4c6ef5}aside.sidebar #category .tt_category ul.sub_category_list>li.selected>a.link_sub_item{color:#e64980}.dark-theme aside.sidebar #category .link_tit .c_cnt,.dark-theme aside.sidebar #category a.link_item .c_cnt,.dark-theme aside.sidebar #category a.link_sub_item .c_cnt{color:#adb5bd}.dark-theme aside.sidebar #category li.selected>a.link_item{color:#5273e0}.dark-theme aside.sidebar #category ul.sub_category_list>li.selected>a.link_sub_item{color:#e0529c}aside.sidebar #notice .body ul{list-style:none}aside.sidebar #notice .body ul li a{justify-content:left;column-gap:.8rem}aside.sidebar #recent-article ul li,aside.sidebar #popular-article ul li{display:flex;align-items:center;column-gap:.8rem;padding:.8rem 0}aside.sidebar #recent-article ul li .img-wrapper,aside.sidebar #popular-article ul li .img-wrapper{transition:all .15s ease-in-out;background:linear-gradient(45deg, #ffdeeb, #dbe4ff);display:block;width:55px;height:55px;border-radius:100%;overflow:hidden}aside.sidebar #recent-article ul li .img-wrapper img,aside.sidebar #popular-article ul li .img-wrapper img{width:100%;height:100%;object-fit:cover}aside.sidebar #recent-article ul li .img-wrapper:hover,aside.sidebar #popular-article ul li .img-wrapper:hover{box-shadow:0px 4px 10px 2px rgba(0,0,0,.08)}aside.sidebar #recent-article ul li .info,aside.sidebar #popular-article ul li .info{font-size:1rem;flex:1;display:flex;flex-direction:column;row-gap:.5rem}aside.sidebar #recent-article ul li .info a.title,aside.sidebar #popular-article ul li .info a.title{width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}aside.sidebar #recent-article ul li .info .sub-info,aside.sidebar #popular-article ul li .info .sub-info{font-size:.85rem;display:flex;column-gap:.8rem;color:#868e96}aside.sidebar #recent-article ul li .info .sub-info a.sub-info-category,aside.sidebar #popular-article ul li .info .sub-info a.sub-info-category{display:flex;align-items:center;column-gap:.5rem}aside.sidebar #recent-article ul li .info .sub-info a.sub-info-category span,aside.sidebar #popular-article ul li .info .sub-info a.sub-info-category span{width:120px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}aside.sidebar #recent-article ul li .info .sub-info .cnt,aside.sidebar #popular-article ul li .info .sub-info .cnt{display:flex;column-gap:.5rem;align-items:center}.dark-theme aside.sidebar #recent-article .img-wrapper,.dark-theme aside.sidebar #popular-article .img-wrapper{background:linear-gradient(-45deg, #5273e0, #263ea0)}.dark-theme aside.sidebar #recent-article .img-wrapper:hover,.dark-theme aside.sidebar #popular-article .img-wrapper:hover{box-shadow:0px 4px 10px 2px rgba(0,0,0,.3)}.dark-theme aside.sidebar #recent-article .info .sub-info,.dark-theme aside.sidebar #popular-article .info .sub-info{color:#adb5bd}aside.sidebar #recent-comments ul{list-style:none}aside.sidebar #recent-comments li:nth-child(odd){margin:.8rem 0 .8rem 5px}aside.sidebar #recent-comments li:nth-child(odd) .balloon:before{top:18px;left:-8px;border-right:8px solid #dbe4ff;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0)}aside.sidebar #recent-comments li:nth-child(even){margin:.8rem 5px .8rem 5px}aside.sidebar #recent-comments li:nth-child(even) .balloon:before{bottom:18px;right:-8px;border-left:8px solid #dbe4ff;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0)}aside.sidebar #recent-comments li .balloon{position:relative;background-color:#dbe4ff;padding:.8rem;border-radius:8px;display:flex;flex-direction:column;row-gap:.8rem}aside.sidebar #recent-comments li .balloon:before{position:absolute;content:""}aside.sidebar #recent-comments li .balloon .info{display:flex;align-items:flex-end;column-gap:1rem;font-size:.85rem}aside.sidebar #recent-comments li .balloon .info .name{display:flex;align-items:center;column-gap:.5rem}aside.sidebar #recent-comments li .balloon .info .date{display:flex;align-items:center;column-gap:.5rem;color:#868e96}aside.sidebar #recent-comments li .balloon a.desc{line-height:1.5}.dark-theme aside.sidebar #recent-comments li:nth-child(odd) .balloon:before{border-right:8px solid #263ea0}.dark-theme aside.sidebar #recent-comments li:nth-child(even) .balloon:before{border-left:8px solid #263ea0}.dark-theme aside.sidebar #recent-comments li .balloon{background-color:#263ea0}.dark-theme aside.sidebar #recent-comments li .balloon .info .date{color:#adb5bd}aside.sidebar{width:340px;box-sizing:border-box;display:flex;flex-direction:column;row-gap:3rem;padding:1rem}aside.sidebar .sidebar-ad-container{width:100%;box-sizing:border-box;overflow:hidden}aside.sidebar #sidebar-close-btn{display:none}aside.sidebar .sidebar-item{display:flex;flex-direction:column;row-gap:1rem}aside.sidebar .sidebar-item-title{display:flex;align-items:center;column-gap:.8rem;color:#868e96}aside.sidebar .sidebar-item-title svg{font-size:.85rem}aside.sidebar .sidebar-item-title h3{font-size:.85rem;font-weight:normal}@media screen and (max-width: 1280px){aside.sidebar{position:fixed;top:0;left:-800px;background-color:#fff;z-index:99;box-shadow:0px 4px 10px 2px rgba(0,0,0,.08);height:100vh;overflow-y:scroll;transition:all .15s ease-in-out;transition-property:left}aside.sidebar #sidebar-close-btn{display:block;width:50px;height:50px}aside.sidebar::-webkit-scrollbar{display:none}aside.sidebar.open-sidebar{left:0}.dark-theme aside.sidebar{background-color:#22272e;box-shadow:0px 4px 10px 2px rgba(0,0,0,.3)}}@media screen and (max-width: 567px){aside.sidebar{width:100vw}}footer{max-width:1430px;width:100%;margin:0 auto;padding:1rem 1rem 300px 1rem;display:flex;column-gap:1rem;justify-content:flex-start;align-items:flex-start;color:#868e96;font-size:.85rem;box-sizing:border-box}footer .copyright-container{flex:1;display:flex;flex-direction:column;justify-content:center;row-gap:1rem}footer .copyright-container .skin-copyright{display:flex;align-items:center;column-gap:1rem}footer .copyright-container .skin-copyright span{display:flex;column-gap:.8rem;align-items:center}footer .copyright-container .skin-copyright span a{text-decoration:none;color:#4c6ef5;transition:all .15s ease-in-out}footer .copyright-container .skin-copyright span a:hover{color:#364fc7}footer .copyright-container .font-copyright{display:flex;flex-direction:column;align-items:flex-start;row-gap:.8rem;font-size:.75rem;line-height:1.5}footer .site-link-container,footer .sns-link-container{width:300px;display:flex;flex-direction:column;row-gap:.8rem}footer .site-link-container .link-item,footer .sns-link-container .link-item{display:flex;align-items:center;column-gap:.5rem;font-size:.85rem}.dark-theme footer{color:#adb5bd}.dark-theme footer .copyright-container .skin-copyright a{color:#5273e0}.dark-theme footer .copyright-container .skin-copyright a:hover{color:#263ea0}@media screen and (max-width: 1740px){footer{max-width:1150px}footer .site-link-container,footer .sns-link-container{width:220px}}@media screen and (max-width: 1460px){footer{max-width:1000px}footer .copyright-container .skin-copyright{flex-direction:column;row-gap:.8rem;align-items:flex-start}}@media screen and (max-width: 1280px){footer{max-width:1050px}}@media screen and (max-width: 992px){footer{max-width:900px}footer .site-link-container,footer .sns-link-container{font-size:.75rem;width:200px}}@media screen and (max-width: 768px){footer{max-width:900px;flex-direction:column;row-gap:2rem}}#loading{position:fixed;top:0;left:0;width:100vw;height:100vh;box-sizing:border-box;background-color:rgba(0,0,0,0);backdrop-filter:blur(12px);z-index:100;display:flex;align-items:center}#loading .loading-container{margin:auto;width:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:2rem}#loading .loading-container p{text-transform:uppercase;font-size:.85rem;color:#212529;letter-spacing:.5rem;-webkit-animation:fade 2s infinite;-moz-animation:fade 2s infinite}#loading .loading-container .profile-img-wrapper{width:80px;height:80px;overflow:hidden;border-radius:100%}#loading .loading-container .profile-img-wrapper img{width:100%;height:100%;object-fit:cover}#loading .loading-container .stick-wrapper{display:flex;justify-content:center;margin-right:8px}#loading .loading-container .stick-wrapper .loading-stick{width:35px;height:3px;background:#212529;margin-left:-4.5px}#loading .loading-container .stick-wrapper .loading-stick:nth-child(n){transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-animation:fall 2s infinite;-moz-animation:fall 2s infinite}#loading .loading-container .stick-wrapper .loading-stick:nth-child(2n){transform:rotate(-30deg);-ms-transform:rotate(-30deg);-webkit-animation:rise 2s infinite;-moz-animation:rise 2s infinite}.dark-theme #loading .loading-container p{color:#dee2e6}.dark-theme #loading .loading-container .stick-wrapper .loading-stick{background:#dee2e6}@-webkit-keyframes rise{50%{transform:rotate(30deg);-ms-transform:rotate(30deg)}}@-moz-keyframes rise{50%{transform:rotate(30deg);-ms-transform:rotate(30deg)}}@-webkit-keyframes fall{50%{transform:rotate(-30deg);-ms-transform:rotate(-30deg)}}@-moz-keyframes fall{50%{transform:rotate(-30deg);-ms-transform:rotate(-30deg)}}.floating-btn-group{position:fixed;bottom:-800px;right:0;display:flex;padding:2rem;z-index:50;flex-direction:column;row-gap:1rem;transition:all .15s ease-in-out;transition-property:bottom}.floating-btn-group #floating-like-btn{display:none}.floating-btn-group .bi-suit-heart-fill{display:none}.floating-btn-group .bi-sun{display:none}


/* ===== 핵심 글 위젯 스타일 ===== */
#hub-links .hub-section + .hub-section {
  margin-top: 18px;
}

#hub-links .hub-section-title {
  font-size: 14px;
  font-weight: 700;
  color: #212529;
  margin: 0 0 10px 0;
  line-height: 1.4;
  letter-spacing: -0.01em;
}

#hub-links .hub-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

#hub-links .hub-list li + li {
  margin-top: 6px;
}

#hub-links .hub-list li a {
  display: block;
  font-size: 13px;
  line-height: 1.55;
  color: #495057;
  text-decoration: none;
  padding-left: 10px;
  border-left: 2px solid #e9ecef;
  transition: all 0.2s ease;
}

#hub-links .hub-list li a:hover {
  color: #ff6b35;
  border-left-color: #ff6b35;
  padding-left: 14px;
}

.dark-theme #hub-links .hub-section-title {
  color: #f1f3f5;
}

.dark-theme #hub-links .hub-list li a {
  color: #ced4da;
  border-left-color: #495057;
}

.dark-theme #hub-links .hub-list li a:hover {
  color: #ff8c5a;
  border-left-color: #ff8c5a;
}
/* ============================= */


/* =============================================
   블로그 재설계 - 정보형 미디어 스타일
   ============================================= */

/* --- 헤더 네비게이션 --- */
header {
  column-gap: 0.5rem !important;
}
header .header-nav {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: 1.5rem;
  flex: 1;
}
header .header-nav-item {
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: #495057;
  text-decoration: none;
  border-radius: 6px;
  transition: background-color 0.15s, color 0.15s;
  white-space: nowrap;
}
header .header-nav-item:hover {
  background-color: #f1f3f5;
  color: #212529;
}
.dark-theme header .header-nav-item {
  color: #adb5bd;
}
.dark-theme header .header-nav-item:hover {
  background-color: #2d333b;
  color: #dee2e6;
}
header .header-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
header .header-right .fake-search-input {
  width: 200px;
}
header .menu {
  display: none !important;
}

/* 모바일 헤더 네비게이션 */
@media screen and (max-width: 768px) {
  header .header-nav {
    display: none;
  }
  header .header-right .fake-search-input {
    width: 140px;
  }
}

/* --- 홈 히어로 섹션 --- */
.home-hero {
  padding: 2rem 0 1rem;
  margin-bottom: 0.5rem;
}
.home-tagline {
  font-size: 1.15rem;
  font-weight: 600;
  color: #212529;
  margin: 0 0 0.35rem;
  line-height: 1.5;
}
.home-sub-tagline {
  font-size: 0.9rem;
  color: #868e96;
  margin: 0 0 2rem;
  line-height: 1.5;
}
.dark-theme .home-tagline {
  color: #dee2e6;
}
.dark-theme .home-sub-tagline {
  color: #868e96;
}

/* 시리즈 그리드 */
.home-series-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .home-series-grid {
    grid-template-columns: 1fr;
  }
}
.home-series-card {
  border: 1px solid #e9ecef;
  border-radius: 10px;
  padding: 1.5rem;
  transition: border-color 0.15s;
}
.home-series-card:hover {
  border-color: #adb5bd;
}
.dark-theme .home-series-card {
  border-color: #373e47;
  background-color: #2d333b;
}
.dark-theme .home-series-card:hover {
  border-color: #545d68;
}
.home-series-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #212529;
  margin: 0 0 0.4rem;
}
.dark-theme .home-series-title {
  color: #dee2e6;
}
.home-series-desc {
  font-size: 0.85rem;
  color: #868e96;
  margin: 0 0 1rem;
  line-height: 1.4;
}
.home-series-links {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem;
}
.home-series-links li {
  padding: 0.3rem 0;
}
.home-series-links a {
  font-size: 0.88rem;
  color: #4c6ef5;
  text-decoration: none;
}
.home-series-links a:hover {
  text-decoration: underline;
}
.home-series-more {
  font-size: 0.85rem;
  color: #868e96;
  text-decoration: none;
  font-weight: 500;
}
.home-series-more:hover {
  color: #4c6ef5;
}

/* 최신 글 제목 */
.home-latest-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #212529;
  margin: 0;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #212529;
}
.dark-theme .home-latest-title {
  color: #dee2e6;
  border-bottom-color: #dee2e6;
}

/* --- 시리즈 네비게이션 블록 (글 상세) --- */
.series-nav-block {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 1rem 1.25rem;
  margin-bottom: 1.5rem;
}
.dark-theme .series-nav-block {
  background: #2d333b;
  border-color: #373e47;
}
.series-nav-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: #868e96;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.series-nav-body {
  margin-top: 0.5rem;
}
.series-nav-links {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.series-nav-link {
  font-size: 0.88rem;
  color: #4c6ef5;
  text-decoration: none;
  font-weight: 500;
}
.series-nav-link:hover {
  text-decoration: underline;
}

/* --- 같은 시리즈 더 읽기 블록 --- */
.series-more-block {
  margin: 2.5rem 0;
  padding: 1.5rem;
  border: 1px solid #e9ecef;
  border-radius: 10px;
  background: #f8f9fa;
  max-width: 1100px;
  box-sizing: border-box;
}
.dark-theme .series-more-block {
  background: #2d333b;
  border-color: #373e47;
}
.series-more-title {
  font-size: 1rem;
  font-weight: 700;
  color: #212529;
  margin: 0 0 1rem;
}
.dark-theme .series-more-title {
  color: #dee2e6;
}
.series-more-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .series-more-links {
    grid-template-columns: 1fr;
  }
}
.series-more-label {
  font-size: 0.85rem;
  font-weight: 600;
  color: #495057;
  display: block;
  margin-bottom: 0.5rem;
}
.dark-theme .series-more-label {
  color: #adb5bd;
}
.series-more-group ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.series-more-group li {
  padding: 0.25rem 0;
}
.series-more-group a {
  font-size: 0.85rem;
  color: #4c6ef5;
  text-decoration: none;
}
.series-more-group a:hover {
  text-decoration: underline;
}

/* --- 사이드바 핵심 글 정리 --- */
#hub-links .hub-section-title {
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.3rem;
}
#hub-links .hub-list {
  list-style: none;
  padding: 0;
  margin: 0 0 0.8rem;
}
#hub-links .hub-list li {
  padding: 0.2rem 0;
}
#hub-links .hub-list a {
  font-size: 0.82rem;
  color: #495057;
  text-decoration: none;
}
#hub-links .hub-list a:hover {
  color: #4c6ef5;
}
.dark-theme #hub-links .hub-list a {
  color: #adb5bd;
}
.dark-theme #hub-links .hub-list a:hover {
  color: #4c6ef5;
}


/* series-more-block 반응형 폭 제한 */
@media screen and (max-width: 1740px) {
  .series-more-block { max-width: 900px; }
}
@media screen and (max-width: 1460px) {
  .series-more-block { max-width: 720px; }
}
@media screen and (max-width: 1280px) {
  .series-more-block { max-width: 780px; }
}
@media screen and (max-width: 992px) {
  .series-more-block { max-width: 100%; }
}


/* =============================================
   페이지 타입별 블록 분리 (body_id 기반)
   ============================================= */

/* 홈 전용 블록: 기본 숨김, 홈에서만 표시 */
.home-only { display: none; }
body#tt-body-index .home-only { display: block; }

/* 홈: 사이드바 핵심 글 숨김 (hero 카드가 대체) */
body#tt-body-index #hub-links { display: none; }

/* 상세 글: intro-card(프로필 CTA) 숨김 */
body#tt-body-page .intro-card { display: none; }

/* 상세 글: 시리즈/관련 블록 폭 제한 */
body#tt-body-page .series-nav-block,
body#tt-body-page .series-more-block {
  max-width: 1100px;
  box-sizing: border-box;
}

/* 홈 + 카테고리: 요약 2줄 제한 */
body#tt-body-index .index-article-item .summary,
body#tt-body-category .index-article-item .summary {
  -webkit-line-clamp: 2;
  max-height: 3.5rem;
  overflow: hidden;
}

/* 반응형: 시리즈 블록 폭 */
@media screen and (max-width: 1740px) {
  body#tt-body-page .series-nav-block,
  body#tt-body-page .series-more-block { max-width: 900px; }
}
@media screen and (max-width: 1460px) {
  body#tt-body-page .series-nav-block,
  body#tt-body-page .series-more-block { max-width: 720px; }
}
@media screen and (max-width: 1280px) {
  body#tt-body-page .series-nav-block,
  body#tt-body-page .series-more-block { max-width: 780px; }
}
@media screen and (max-width: 992px) {
  body#tt-body-page .series-nav-block,
  body#tt-body-page .series-more-block { max-width: 100%; }
}

/* =============================================
   레이아웃 정렬 수정: 사이드바 제거 후 중앙 정렬
   ============================================= */

/* main-container: 사이드바 마진 제거, 중앙 정렬 강제 */
body .container .main-container,
.main-container {
  width: 100% !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 0 1rem !important;
  box-sizing: border-box !important;
  float: none !important;
}

/* container: flex 해제, block으로 */
body .container,
.container {
  display: block !important;
  width: 100% !important;
}

/* 글 상세: 본문 800px 중앙 정렬 */
body#tt-body-page .common-article-container {
  max-width: 800px !important;
  margin: 0 auto !important;
}
body#tt-body-page .common-article-container .main-content {
  max-width: 800px !important;
  width: 100% !important;
}

/* 글 상세 하단: 본문과 동일한 폭 + 중앙 정렬 */
body#tt-body-page .reply-container,
body#tt-body-page .series-more-block,
body#tt-body-page .series-nav-block,
body#tt-body-page .post-signature,
body#tt-body-page .permalink-tags,
body#tt-body-page .tt_box_namecard,
body#tt-body-page .recommend-article-card-container {
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
}

/* 글 목록 카드: 중앙 정렬 */
main .article-container {
  max-width: 1080px !important;
  margin: 0 auto !important;
}

/* 글 상세: 자식간 gap 제거 + namecard 래퍼 공간 제거 */
body#tt-body-page .article-container {
  row-gap: 0 !important;
  gap: 0 !important;
}
body#tt-body-page [data-tistory-react-app="Namecard"] {
  display: none !important;
}
body#tt-body-page .container_postbtn {
  margin: 0.5rem 0 !important;
  padding: 0 !important;
}

/* 푸터: 중앙 정렬, 폭 제한 */
footer {
  max-width: 1080px !important;
  margin: 0 auto !important;
}

/* 사이드바: 완전 제거 */
aside.sidebar {
  display: none !important;
  width: 0 !important;
}

/* 홈 인트로 */
.home-intro {
  text-align: center;
  padding: 2rem 0 1rem;
}
.home-intro-name {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
  color: #212529;
}
.home-intro-desc {
  font-size: 1rem;
  color: #868e96;
  margin: 0;
  line-height: 1.6;
}
.dark-theme .home-intro-name { color: #dee2e6; }

/* 홈 전용 블록: 비홈 페이지에서 숨김 */
body#tt-body-page .home-hero,
body#tt-body-category .home-hero,
body#tt-body-guestbook .home-hero,
body#tt-body-tag .home-hero {
  display: none !important;
}

/* 글 상세: intro-card 숨김 */
body#tt-body-page .intro-card { display: none !important; }

/* 글 상세: 티스토리 자동 주입 블록 숨김 */
body#tt-body-page .tt_box_namecard { display: none !important; }

/* 글 상세: 한 줄 서명 */
.post-signature {
  margin: 2.5rem 0 0 0 !important;
  padding: 0 !important;
  border-top: none !important;
  font-size: 0.85rem;
  color: #868e96;
}
.dark-theme .post-signature {
  border-top-color: #373e47;
  color: #adb5bd;
}

/* 이전/다음 글 네비게이션 */
.post-nav {
  display: flex;
  gap: 0.8rem;
  margin: 2.5rem auto 0 auto !important;
  padding: 0 !important;
  max-width: 800px;
  box-sizing: border-box;
}
.post-nav-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.7rem 1rem;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  text-decoration: none;
  transition: border-color 0.15s;
}
.post-nav-item:hover {
  border-color: #adb5bd;
}
.post-nav-prev { text-align: left; }
.post-nav-next { text-align: right; }
.post-nav-label {
  font-size: 0.8rem;
  color: #868e96;
  font-weight: 500;
}
.post-nav-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: #212529;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dark-theme .post-nav-item {
  border-color: #373e47;
}
.dark-theme .post-nav-item:hover {
  border-color: #545d68;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.dark-theme .post-nav-title {
  color: #dee2e6;
}
@media screen and (max-width: 600px) {
  .post-nav {
    flex-direction: column;
  }
}

/* 기존 recommend-article-card 숨김 (새 post-nav로 대체) */
.recommend-article-card-container {
  display: none !important;
}


/* =============================================
   댓글: 완전 새 디자인 (all: unset 기반)
   ============================================= */

body#tt-body-page .reply-container {
  all: unset !important;
  display: block !important;
  max-width: 800px !important;
  margin: 2.5rem auto 0 auto !important;
  padding: 0 !important;
  border-top: 1px solid #e9ecef !important;
}

body#tt-body-page .reply-write-form form {
  all: unset !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.6rem !important;
}

body#tt-body-page .reply-write-form .input-item {
  all: unset !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-size: 0.85rem !important;
  color: #868e96 !important;
}

body#tt-body-page .reply-write-form .input-item label {
  all: unset !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  font-size: 0.8rem !important;
  color: #868e96 !important;
  min-width: 70px !important;
  cursor: pointer !important;
}
body#tt-body-page .reply-write-form .input-item label svg {
  width: 14px !important;
  height: 14px !important;
}

body#tt-body-page .reply-write-form .input-item input[type="text"],
body#tt-body-page .reply-write-form .input-item input[type="password"] {
  all: unset !important;
  display: block !important;
  width: 200px !important;
  padding: 0.4rem 0.6rem !important;
  font-size: 0.85rem !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #212529 !important;
}
body#tt-body-page .reply-write-form .input-item input:focus {
  border-color: #4c6ef5 !important;
  outline: none !important;
}

body#tt-body-page .reply-write-form .input-item input[type="checkbox"] {
  all: revert !important;
  width: auto !important;
}

body#tt-body-page .reply-write-form .textarea-wrapper {
  all: unset !important;
  display: block !important;
}
body#tt-body-page .reply-write-form textarea {
  all: unset !important;
  display: block !important;
  width: 100% !important;
  min-height: 80px !important;
  padding: 0.6rem !important;
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #212529 !important;
  resize: vertical !important;
  box-sizing: border-box !important;
}
body#tt-body-page .reply-write-form textarea:focus {
  border-color: #4c6ef5 !important;
  outline: none !important;
}

body#tt-body-page .reply-write-form .btn-wrapper {
  all: unset !important;
  display: flex !important;
  justify-content: flex-end !important;
}
body#tt-body-page .reply-write-form .btn-wrapper .submit-btn {
  all: unset !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  padding: 0.4rem 0.9rem !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  color: #fff !important;
  background: #212529 !important;
  border-radius: 4px !important;
  cursor: pointer !important;
}
body#tt-body-page .reply-write-form .btn-wrapper .submit-btn:hover {
  background: #495057 !important;
}
body#tt-body-page .reply-write-form .btn-wrapper .submit-btn svg {
  width: 12px !important;
  height: 12px !important;
}

body#tt-body-page .reply-list-container {
  margin-top: 1.5rem !important;
}
body#tt-body-page .reply-list {
  all: unset !important;
  display: flex !important;
  flex-direction: column !important;
  list-style: none !important;
}
body#tt-body-page .reply-list > li {
  border-bottom: 1px solid #f1f3f5 !important;
}
body#tt-body-page .reply-list .reply-item {
  all: unset !important;
  display: flex !important;
  gap: 0.7rem !important;
  padding: 1rem 0 !important;
}

body#tt-body-page .reply-item .left-area {
  all: unset !important;
  flex-shrink: 0 !important;
}
body#tt-body-page .reply-item .left-area .img-wrapper {
  all: unset !important;
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}
body#tt-body-page .reply-item .left-area .img-wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body#tt-body-page .reply-item .right-area {
  all: unset !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.2rem !important;
  flex: 1 !important;
  min-width: 0 !important;
}
body#tt-body-page .reply-item .right-area .name-wrapper {
  all: unset !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: #212529 !important;
}
body#tt-body-page .reply-item .right-area .name-wrapper a {
  color: #212529 !important;
  text-decoration: none !important;
}
body#tt-body-page .reply-item .right-area .desc {
  all: unset !important;
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  color: #495057 !important;
  word-break: break-word !important;
}
body#tt-body-page .reply-item .right-area .control {
  all: unset !important;
  display: flex !important;
  gap: 0.8rem !important;
  margin-top: 0.3rem !important;
  align-items: center !important;
}
body#tt-body-page .reply-item .right-area .control > a,
body#tt-body-page .reply-item .right-area .control > span {
  all: unset !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.2rem !important;
  font-size: 0.75rem !important;
  color: #adb5bd !important;
  cursor: pointer !important;
}
body#tt-body-page .reply-item .right-area .control > a:hover {
  color: #495057 !important;
}
body#tt-body-page .reply-item .right-area .control svg {
  width: 11px !important;
  height: 11px !important;
}

body#tt-body-page .reply-sub-list {
  all: unset !important;
  display: flex !important;
  flex-direction: column !important;
  list-style: none !important;
  margin-left: 40px !important;
  padding-left: 0.8rem !important;
  border-left: 2px solid #f1f3f5 !important;
}

.dark-theme body#tt-body-page .reply-container {
  border-top-color: #373e47 !important;
}
.dark-theme body#tt-body-page .reply-write-form .input-item input[type="text"],
.dark-theme body#tt-body-page .reply-write-form .input-item input[type="password"],
.dark-theme body#tt-body-page .reply-write-form textarea {
  background: #2d333b !important;
  border-color: #495057 !important;
  color: #dee2e6 !important;
}
.dark-theme body#tt-body-page .reply-write-form .btn-wrapper .submit-btn {
  background: #dee2e6 !important;
  color: #212529 !important;
}
.dark-theme body#tt-body-page .reply-list > li {
  border-bottom-color: #373e47 !important;
}
.dark-theme body#tt-body-page .reply-item .right-area .name-wrapper,
.dark-theme body#tt-body-page .reply-item .right-area .name-wrapper a {
  color: #dee2e6 !important;
}
.dark-theme body#tt-body-page .reply-item .right-area .desc {
  color: #adb5bd !important;
}
.dark-theme body#tt-body-page .reply-sub-list {
  border-left-color: #373e47 !important;
}

/* 홈 + 카테고리: 요약 2줄 제한 */
body#tt-body-index .index-article-item .summary,
body#tt-body-category .index-article-item .summary {
  -webkit-line-clamp: 2;
  max-height: 3.5rem;
  overflow: hidden;
}

/* 헤더: 간소화 */
header .header-right { display: none !important; }
header #sidebar-open-btn { display: none !important; }
header {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 2rem;
}

/* 반응형 */
@media screen and (max-width: 992px) {
  body .container .main-container,
  .main-container {
    max-width: 100% !important;
  }
  body#tt-body-page .common-article-container,
  body#tt-body-page .common-article-container .main-content,
  body#tt-body-page .reply-container,
  body#tt-body-page .series-more-block {
    max-width: 100% !important;
  }
  header {
    max-width: 100%;
  }
}