@charset "UTF-8";.not-found{margin-top:.5rem;display:block;width:100%}.not-found .result{display:none}.not-found .desc{display:flex;flex-direction:column;gap:.25rem}.not-found .desc li{position:relative;padding-left:.75rem;font-size:.9375rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}.not-found .desc li:before{content:"";position:absolute;top:50%;left:0;margin-top:-1px;width:3px;height:3px;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-300) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}#tt-body-search .not-found .search,#tt-body-tag .not-found .tag,#tt-body-category .not-found .category,#tt-body-archive .not-found .archive{display:flex}[data-title=pagination-page-num-list]>a{font-size:0}[data-title=pagination-page-num-list]>a>span{display:inline-flex;width:1.75rem;height:1.75rem;min-width:1.75rem;align-items:center;justify-content:center;border-radius:14px;padding-top:.375rem;padding-bottom:.375rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1))}[data-title=pagination-page-num-list]>a>span:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))}[data-title=pagination-page-num-list]>a>span:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}[data-title=pagination-page-num-list]>a>span.selected{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}[data-title=pagination-page-num-list]>a>span.selected:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-600) / var(--tw-bg-opacity, 1))}.post-featured{position:relative;height:12rem;width:100%}.post-featured .post-featured-img{position:absolute;display:block;background-size:cover;background-position:center;top:0;right:0;bottom:0;left:0;width:100%}.post-featured .post-featured-img.wide{transition-property:opacity;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.post-featured .post-featured-img.wide{opacity:0}}.post-featured .post-featured-img.img-show{opacity:1!important}.fade-target{position:fixed;z-index:50;opacity:0;transition:opacity .4s ease}.fade-target.visible{opacity:1}.layer_post{z-index:20!important;border-width:0px!important;--tw-bg-opacity: 1 !important;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))!important;border-radius:.375rem!important;--tw-shadow: 0 0 #ffffff !important;--tw-shadow-colored: 0 0 #ffffff !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #ffffff),var(--tw-ring-shadow, 0 0 #ffffff),var(--tw-shadow)!important}.layer_post .btn_mark{font-family:Pretendard Variable,Apple SD Gothic Neo,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"!important;font-weight:500!important;--tw-text-opacity: 1 !important;color:rgb(var(--color-jq-200) / var(--tw-text-opacity, 1))!important}.layer_post .btn_mark:hover,.layer_post .btn_mark:active{--tw-bg-opacity: 1 !important;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))!important}.layer_post .ico_postbtn.ico_arrbt{display:none}.comments{width:100%}.comments [data-tistory-react-app=Namecard]{margin-bottom:2rem;width:100%;display:none}.comments .tt_box_namecard{margin-top:0;margin-bottom:0;min-height:8rem;width:100%;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))}.comments .tt_box_namecard .tt_cont{display:flex;flex-direction:column;padding:1rem 1.25rem}.comments .tt_box_namecard .tt_cont .tt_tit_cont{width:-moz-fit-content;width:fit-content;font-family:Pretendard Variable,Apple SD Gothic Neo,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(var(--color-jq-200) / var(--tw-text-opacity, 1))}.comments .tt_box_namecard .tt_cont .tt_desc{margin-top:.5rem;margin-bottom:auto;font-family:Pretendard Variable,Apple SD Gothic Neo,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}.comments .tt_box_namecard .tt_wrap_thumb{margin:1.25rem;border-radius:9999px}.comments .tt_box_namecard .tt_btn_subscribe{--tw-bg-opacity: 1 !important;background-color:rgb(var(--color-jq-400) / var(--tw-bg-opacity, 1))!important;--tw-text-opacity: 1 !important;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1))!important}.comments .tt_box_namecard .tt_btn_subscribe:is(.dark *){--tw-bg-opacity: 1 !important;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))!important;--tw-text-opacity: 1 !important;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))!important}.comments .tt_box_namecard .tt_btn_subscribe:hover:is(.dark *){--tw-bg-opacity: 1 !important;background-color:rgb(var(--color-jq-800) / var(--tw-bg-opacity, 1))!important}.comments .tt_box_namecard .tt_btn_subscribe{width:-moz-fit-content!important;width:fit-content!important;border-radius:.375rem!important;border-style:none!important;display:none}.comments .tt_box_namecard .tt_btn_subscribe .tt_txt_g{color:inherit}.comments .tt_box_namecard .tt_btn_subscribe .tt_ico_cross{display:none}.comments .tt_box_namecard .tt_btn_subscribe.type2{--tw-bg-opacity: 1 !important;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))!important;--tw-text-opacity: 1 !important;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))!important}.comments .tt_box_namecard .tt_btn_subscribe.type2:hover{--tw-bg-opacity: 1 !important;background-color:rgb(var(--color-jq-800) / var(--tw-bg-opacity, 1))!important}.comments .tt_box_namecard .tt_btn_subscribe.type2{display:inline-block!important;border-radius:.375rem!important;border-style:none!important}.comments .tt_box_namecard .tt_btn_subscribe.type2 .tt_ico_check{display:none}#tt-body-page .container_postbtn{margin-top:2rem;padding-top:1rem;padding-bottom:1rem}#tt-body-page .container_postbtn .btn_post{display:flex;height:2.25rem;min-width:2.25rem;cursor:pointer;align-items:center;justify-content:center;padding-left:.75rem;padding-right:.75rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-jq-200) / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px}#tt-body-page .container_postbtn .btn_post:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))}#tt-body-page .container_postbtn .btn_post .ico_like{margin-top:.125rem;margin-right:0}#tt-body-page .container_postbtn .postbtn_like{position:relative;float:none;display:flex;gap:.5rem;border-width:0px;padding:0}#tt-body-page .container_postbtn .postbtn_like [data-tistory-react-app]{display:inline-flex}#tt-body-page .container_postbtn .postbtn_like .wrap_btn{float:none}#tt-body-page .container_postbtn .postbtn_like .wrap_btn .uoc-icon{display:flex;align-items:center;gap:.5rem}#tt-body-page .container_postbtn .postbtn_like .wrap_btn .txt_like{font-family:Pretendard Variable,Apple SD Gothic Neo,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"!important;font-weight:500}#tt-body-page .container_postbtn .postbtn_like+.btn_subscription{display:flex;height:2.25rem;min-width:2.25rem;cursor:pointer;align-items:center;justify-content:center;padding-left:.75rem;padding-right:.75rem;margin-left:.5rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-jq-200) / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px}#tt-body-page .container_postbtn .postbtn_like+.btn_subscription:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))}#tt-body-page .container_postbtn .postbtn_like+.btn_subscription{border-width:0px}#tt-body-page .container_postbtn .postbtn_like+.btn_subscription.following{display:flex;height:2.25rem;min-width:2.25rem;cursor:pointer;align-items:center;justify-content:center;gap:.25rem;padding-left:.75rem;padding-right:.75rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-jq-200) / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px}#tt-body-page .container_postbtn .postbtn_like+.btn_subscription.following:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))}#tt-body-page .container_postbtn .postbtn_like+.btn_subscription.following{border-width:0px}#tt-body-page .container_postbtn .postbtn_like+.btn_subscription.following .img_common_tistory.ico_check_type1{margin:0!important}#tt-body-page .container_postbtn .postbtn_like+.btn_subscription .txt_state{font-family:Pretendard Variable,Apple SD Gothic Neo,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"!important;font-weight:500!important}#tt-body-page [data-tistory-react-app=Namecard]+div{width:100%;display:block;position:relative}#tt-body-page blockquote[data-ke-style=style1]{margin-top:1.25rem;margin-bottom:1.25rem;border-left-width:4px;border-style:solid;border-left-color:rgb(var(--color-primary) / .7);--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1));background-image:none;padding:1.25rem 2rem;text-align:left;font-family:Pretendard Variable,Apple SD Gothic Neo,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}#tt-body-page blockquote[data-ke-style=style1]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))}#tt-body-page blockquote[data-ke-style=style2]{margin-top:1.25rem;margin-bottom:1.25rem;border-left-width:4px;border-style:solid;border-left-color:#fb923cb3;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1));background-image:none;padding:1.25rem 2rem;text-align:left;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}#tt-body-page blockquote[data-ke-style=style2]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))}#tt-body-page blockquote[data-ke-style=style3]{margin-top:1.25rem;margin-bottom:1.25rem;border-style:none;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1));background-image:none;padding:1.25rem 2rem;text-align:left;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}#tt-body-page blockquote[data-ke-style=style3]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))}#tt-body-page *[style*="background-color: #ffffff;"],#tt-body-page *[style*="background-color: #fcfcfc;"],#tt-body-page *[style*="background-color: #f8f8f8;"]{background-color:transparent!important}#tt-body-page *[style*="color: #ffffff;"],#tt-body-page *[style*="color: #1f2328;"],#tt-body-page *[style*="color: #333333;"],#tt-body-page *[style*="color: #666666;"]{color:inherit!important}#tt-body-page *[style*="font-family: 'Noto Serif KR';"]{font-family:Pretendard Variable,Apple SD Gothic Neo,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"!important}#tt-body-page .contents_style h2,#tt-body-page .contents_style h3,#tt-body-page .contents_style h4{margin-top:1.25rem;margin-bottom:1.25rem;--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1))}#tt-body-page h2,#tt-body-page h3,#tt-body-page h4,#tt-body-page p{scroll-margin:4rem}#tt-body-page h2[data-ke-size]{font-size:1.625rem;line-height:2rem;font-weight:600;letter-spacing:-.025em}#tt-body-page h3[data-ke-size]{font-size:1.375rem;line-height:1.75rem;font-weight:600;letter-spacing:-.025em}#tt-body-page h4[data-ke-size]{font-size:1.25rem;line-height:1.75rem;font-weight:500}#article-editor .contents_style{padding-top:2rem}#article-editor code{margin-left:.125rem;margin-right:.125rem;border-radius:.25rem;background-color:rgb(var(--color-jq-700) / .9);padding-left:.25em;padding-right:.25em;padding-top:.25rem;padding-bottom:.25rem;font-size:90%;letter-spacing:-.025em;--tw-text-opacity: 1;color:rgb(231 73 146 / var(--tw-text-opacity, 1))}#article-editor p+p,#article-editor p{margin-bottom:1rem}#article-editor h2+h2,#article-editor h3+h3,#article-editor h4+h4{margin-top:0}#article-editor p[data-ke-size=size18]{font-size:1.125rem;line-height:1.75rem}#article-editor p[data-ke-size=size16],#article-editor p[data-ke-size=size14]{font-size:.9375rem;line-height:1.75rem}#article-editor table{width:100%;--tw-border-opacity: 1;border-color:rgb(var(--color-jq-line) / var(--tw-border-opacity, 1));border-top-width:1px;font-size:.9375rem;line-height:1.5rem}#article-editor table thead tr th{border-right-width:1px;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(var(--color-jq-line) / var(--tw-border-opacity, 1));padding:.5rem .75rem}#article-editor table tbody tr td{min-height:2.5rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(var(--color-jq-line) / var(--tw-border-opacity, 1));padding:.75rem 1rem!important;border-right-width:0px;border-left-width:0px}#article-editor table[data-ke-style=style1] thead tr th,#article-editor table[data-ke-style=style2] thead tr th,#article-editor table[data-ke-style=style3] thead tr th{border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(var(--color-jq-line) / var(--tw-border-opacity, 1))}#article-editor table[data-ke-style=style4] tbody tr:nth-child(2n) td,#article-editor table[data-ke-style=style5] tbody tr:nth-child(2n) td,#article-editor table[data-ke-style=style6] tbody tr:nth-child(2n) td,#article-editor table[data-ke-style=style7] tbody tr:nth-child(2n) td{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))}#article-editor table[data-ke-style=style8],#article-editor table[data-ke-style=style9],#article-editor table[data-ke-style=style10],#article-editor table[data-ke-style=style11]{border-left-width:0px;border-top-width:0px}#article-editor table[data-ke-style=style8] thead tr th,#article-editor table[data-ke-style=style9] thead tr th,#article-editor table[data-ke-style=style10] thead tr th,#article-editor table[data-ke-style=style11] thead tr th{border-right-width:0px;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(var(--color-jq-line) / var(--tw-border-opacity, 1));font-weight:500}#article-editor table[data-ke-style=style8] tbody tr:first-child td,#article-editor table[data-ke-style=style9] tbody tr:first-child td,#article-editor table[data-ke-style=style10] tbody tr:first-child td,#article-editor table[data-ke-style=style11] tbody tr:first-child td{border-top-width:0px;border-bottom-width:1px;font-weight:600}#article-editor table[data-ke-style=style8] tbody tr td,#article-editor table[data-ke-style=style9] tbody tr td,#article-editor table[data-ke-style=style10] tbody tr td,#article-editor table[data-ke-style=style11] tbody tr td{border-right-width:0px}#article-editor table[data-ke-style=style12] thead tr th,#article-editor table[data-ke-style=style13] thead tr th,#article-editor table[data-ke-style=style14] thead tr th,#article-editor table[data-ke-style=style15] thead tr th{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1));font-weight:500;border-left-width:0px!important;border-top-width:0px!important}#article-editor table[data-ke-style=style12] tbody tr:first-child,#article-editor table[data-ke-style=style13] tbody tr:first-child,#article-editor table[data-ke-style=style14] tbody tr:first-child,#article-editor table[data-ke-style=style15] tbody tr:first-child{border-left-width:0px!important;border-top-width:0px!important;border-color:transparent!important;background-color:rgb(var(--color-jq-700) / .5);font-weight:500}#article-editor table[data-ke-style=style12] tbody tr:first-child td,#article-editor table[data-ke-style=style13] tbody tr:first-child td,#article-editor table[data-ke-style=style14] tbody tr:first-child td,#article-editor table[data-ke-style=style15] tbody tr:first-child td{background-color:transparent;color:inherit}#article-editor table[data-ke-style=style12] tbody tr:not(:first-child) td,#article-editor table[data-ke-style=style13] tbody tr:not(:first-child) td,#article-editor table[data-ke-style=style14] tbody tr:not(:first-child) td,#article-editor table[data-ke-style=style15] tbody tr:not(:first-child) td{background-color:transparent}#article-editor table[data-ke-style=style12] tbody tr:not(:first-child) td:first-child,#article-editor table[data-ke-style=style13] tbody tr:not(:first-child) td:first-child,#article-editor table[data-ke-style=style14] tbody tr:not(:first-child) td:first-child,#article-editor table[data-ke-style=style15] tbody tr:not(:first-child) td:first-child{font-weight:500}#article-editor table[data-ke-style=style16]{border-left-width:0;border-top-width:0}#article-editor table[data-ke-style=style16] thead tr th,#article-editor table[data-ke-style=style16] tbody tr td{border-right-width:0;border-bottom-width:0}#article-editor ul,#article-editor ol{margin-top:.75rem;margin-bottom:.75rem;padding-left:1rem;font-size:.9375rem;line-height:1.75rem}#article-editor ul li,#article-editor ol li{color:inherit}#article-editor ul{list-style-type:disc}#article-editor ol{list-style-type:decimal}#article-editor hr[data-ke-style=style1]{margin-top:1.5rem;margin-bottom:1.5rem;height:1px;width:100%;background-image:none;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-line) / var(--tw-bg-opacity, 1))}#article-editor a[href]{text-decoration-line:underline;text-decoration-color:rgb(var(--color-primary) / 1);text-decoration-thickness:1px;text-underline-offset:5px}#article-editor a[href]:hover{text-decoration-thickness:2px}#article-editor blockquote,#article-editor blockquote p{--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}#article-editor figure{margin-top:.25rem;margin-bottom:1rem}#article-editor figure.fileblock{width:470px;--tw-border-opacity: 1;border-color:rgb(var(--color-jq-line) / var(--tw-border-opacity, 1))}@media (max-width: 600px){#article-editor figure.fileblock{width:80%}}#article-editor figure.fileblock .image{margin-top:1.5rem;width:1.25rem;height:1.25rem;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-200) / var(--tw-bg-opacity, 1));background-image:none;background-position:center;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-archive-icon%20lucide-archive'%3e%3crect%20width='20'%20height='5'%20x='2'%20y='3'%20rx='1'/%3e%3cpath%20d='M4%208v11a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8'/%3e%3cpath%20d='M10%2012h4'/%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-archive-icon%20lucide-archive'%3e%3crect%20width='20'%20height='5'%20x='2'%20y='3'%20rx='1'/%3e%3cpath%20d='M4%208v11a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8'/%3e%3cpath%20d='M10%2012h4'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask-size:contain}#article-editor figure.fileblock a{height:69px}#article-editor figure.fileblock a:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))}#article-editor figure.fileblock a .desc .filename .name{--tw-text-opacity: 1;color:rgb(var(--color-jq-200) / var(--tw-text-opacity, 1))}#article-editor figure.fileblock a .desc .size{--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}#article-editor figure.fileblock a:after{margin-top:.25rem;width:1.25rem;height:1.25rem;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-200) / var(--tw-bg-opacity, 1));background-image:none;background-position:center;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-download-icon%20lucide-download'%3e%3cpath%20d='M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4'/%3e%3cpolyline%20points='7%2010%2012%2015%2017%2010'/%3e%3cline%20x1='12'%20x2='12'%20y1='15'%20y2='3'/%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-download-icon%20lucide-download'%3e%3cpath%20d='M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4'/%3e%3cpolyline%20points='7%2010%2012%2015%2017%2010'/%3e%3cline%20x1='12'%20x2='12'%20y1='15'%20y2='3'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask-size:contain}#article-editor figure[data-ke-type=opengraph] a{--tw-border-opacity: 1;border-color:rgb(var(--color-jq-line) / var(--tw-border-opacity, 1))}#article-editor figure[data-ke-type=opengraph] a:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))}#article-editor figure[data-ke-type=opengraph] a div.og-image{border-width:0px}#article-editor figure[data-ke-type=opengraph] a div.og-text .og-title{--tw-text-opacity: 1;color:rgb(var(--color-jq-200) / var(--tw-text-opacity, 1))}#article-editor figure[data-ke-type=opengraph] a div.og-text .og-desc,#article-editor figure[data-ke-type=opengraph] a div.og-text .og-host{--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}#article-editor [data-ke-type=moreLess]{position:relative;margin-top:1.25rem;margin-bottom:1.25rem;background-color:transparent!important}#article-editor [data-ke-type=moreLess]:before{content:"";position:absolute;top:18px;left:0;right:0;z-index:0;display:block;height:1px;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-line) / var(--tw-bg-opacity, 1))}#article-editor [data-ke-type=moreLess] a.btn-toggle-moreless{position:relative;z-index:10;display:flex;height:2.25rem;width:-moz-fit-content;width:fit-content;align-items:center;gap:.25rem;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;line-height:1;font-weight:600;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1))}#article-editor [data-ke-type=moreLess] a.btn-toggle-moreless:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))}#article-editor [data-ke-type=moreLess] a.btn-toggle-moreless:after{content:"";display:inline-block;width:1rem;height:1rem;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-200) / var(--tw-bg-opacity, 1));background-image:none;background-position:center;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-chevron-down-icon%20lucide-chevron-down'%3e%3cpath%20d='m6%209%206%206%206-6'/%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-chevron-down-icon%20lucide-chevron-down'%3e%3cpath%20d='m6%209%206%206%206-6'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask-size:contain}#article-editor [data-ke-type=moreLess] .moreless-content{padding-top:1.25rem;padding-bottom:1.25rem}#article-editor [data-ke-type=moreLess].open .btn-toggle-moreless:after{display:inline-block;width:1rem;height:1rem;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-200) / var(--tw-bg-opacity, 1));background-image:none;background-position:center;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-chevron-up-icon%20lucide-chevron-up'%3e%3cpath%20d='m18%2015-6-6-6%206'/%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-chevron-up-icon%20lucide-chevron-up'%3e%3cpath%20d='m18%2015-6-6-6%206'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask-size:contain}#article-editor pre code{position:relative;margin-top:.25rem;margin-bottom:.75rem;box-sizing:border-box;display:block;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(40 44 52 / var(--tw-bg-opacity, 1));padding:1.25rem;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1));opacity:1}#article-editor pre:has(code){position:relative;display:block}#article-editor pre:has(code):after{position:absolute;top:1.25rem;right:1rem;cursor:pointer;border-radius:.375rem;padding-left:.5rem;padding-right:.5rem;padding-top:.375rem;text-align:center;display:inline-block;font-size:.875rem;line-height:1.25rem;color:#ffffff;width:1rem;height:1rem;background-size:contain;background-position:center;background-repeat:no-repeat;content:"";-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-copy-icon%20lucide-copy'%3e%3crect%20width='14'%20height='14'%20x='8'%20y='8'%20rx='2'%20ry='2'/%3e%3cpath%20d='M4%2016c-1.1%200-2-.9-2-2V4c0-1.1.9-2%202-2h10c1.1%200%202%20.9%202%202'/%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-copy-icon%20lucide-copy'%3e%3crect%20width='14'%20height='14'%20x='8'%20y='8'%20rx='2'%20ry='2'/%3e%3cpath%20d='M4%2016c-1.1%200-2-.9-2-2V4c0-1.1.9-2%202-2h10c1.1%200%202%20.9%202%202'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask-size:contain;background-color:currentColor}#article-editor pre:has(code).my-active:after{content:"";-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-copy-icon%20lucide-copy'%3e%3crect%20width='14'%20height='14'%20x='8'%20y='8'%20rx='2'%20ry='2'/%3e%3cpath%20d='M4%2016c-1.1%200-2-.9-2-2V4c0-1.1.9-2%202-2h10c1.1%200%202%20.9%202%202'/%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-copy-icon%20lucide-copy'%3e%3crect%20width='14'%20height='14'%20x='8'%20y='8'%20rx='2'%20ry='2'/%3e%3cpath%20d='M4%2016c-1.1%200-2-.9-2-2V4c0-1.1.9-2%202-2h10c1.1%200%202%20.9%202%202'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask-size:contain;background-color:currentColor}#article-editor pre:has(code).my-checked:after{content:"";-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-smile-plus-icon%20lucide-smile-plus'%3e%3cpath%20d='M22%2011v1a10%2010%200%201%201-9-10'/%3e%3cpath%20d='M8%2014s1.5%202%204%202%204-2%204-2'/%3e%3cline%20x1='9'%20x2='9.01'%20y1='9'%20y2='9'/%3e%3cline%20x1='15'%20x2='15.01'%20y1='9'%20y2='9'/%3e%3cpath%20d='M16%205h6'/%3e%3cpath%20d='M19%202v6'/%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-smile-plus-icon%20lucide-smile-plus'%3e%3cpath%20d='M22%2011v1a10%2010%200%201%201-9-10'/%3e%3cpath%20d='M8%2014s1.5%202%204%202%204-2%204-2'/%3e%3cline%20x1='9'%20x2='9.01'%20y1='9'%20y2='9'/%3e%3cline%20x1='15'%20x2='15.01'%20y1='9'%20y2='9'/%3e%3cpath%20d='M16%205h6'/%3e%3cpath%20d='M19%202v6'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask-size:contain;background-color:currentColor}.dark #article-editor .contents_style hr[data-ke-style=style2]{height:19px;--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.dark #article-editor .contents_style hr[data-ke-style=style4]{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.article-content .another_category{border-radius:.375rem;border-style:none;padding:1rem 1.25rem .5rem;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))}.article-content .another_category h4{--tw-text-opacity: 1 !important;color:rgb(var(--color-jq-200) / var(--tw-text-opacity, 1))!important;margin:0!important;font-size:.9375rem!important;font-weight:500!important;border-bottom-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(var(--color-jq-600) / var(--tw-border-opacity, 1))!important;padding-bottom:1rem!important}.article-content .another_category h4:is(.dark *){--tw-border-opacity: 1 !important;border-color:rgb(var(--color-jq-line) / var(--tw-border-opacity, 1))!important}.article-content .another_category h4 a[href]{font-weight:500!important;color:inherit!important;text-decoration-line:none!important}.article-content .another_category h4 a[href]:hover{text-underline-offset:2px!important}.article-content .another_category h4 a[href]:hover:hover{text-decoration-line:underline!important}#article-editor .another_category{margin:0}#article-editor .another_category table{border-style:none;font-size:.875rem;line-height:1.25rem;margin-top:.75rem!important}#article-editor .another_category table tbody tr th{height:1.75rem!important;padding-top:0!important;padding-bottom:0!important;font-size:.875rem!important;line-height:1.5rem!important}#article-editor .another_category table tbody tr th a[href]{font-size:.875rem!important;line-height:1.5rem!important;--tw-text-opacity: 1 !important;color:rgb(var(--color-jq-200) / var(--tw-text-opacity, 1))!important;text-decoration-line:none!important}#article-editor .another_category table tbody tr th a[href]:hover{--tw-text-opacity: 1 !important;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))!important}#article-editor .another_category table tbody tr th a[href]{text-decoration-color:inherit!important;text-decoration-thickness:1px!important;text-underline-offset:2px!important}#article-editor .another_category table tbody tr th a[href]:hover{text-decoration-line:underline!important}#article-editor .another_category table tbody tr th a[href]{margin-top:.25rem;display:inline-block;width:80%;min-width:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#article-editor .another_category table tbody tr th span{display:none}#article-editor .another_category table tbody tr td{border-style:none;font-size:.875rem;line-height:1.25rem;padding:0!important}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #ffffff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #ffffff;--tw-ring-shadow: 0 0 #ffffff;--tw-shadow: 0 0 #ffffff;--tw-shadow-colored: 0 0 #ffffff;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #ffffff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #ffffff;--tw-ring-shadow: 0 0 #ffffff00;--tw-shadow: 0 0 #ffffff;--tw-shadow-colored: 0 0 #ffffff;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Pretendard Variable,Apple SD Gothic Neo,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 480px){.\!container{max-width:480px!important}.container{max-width:480px}}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1440px){.\!container{max-width:1440px!important}.container{max-width:1440px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-6{left:1.5rem}.right-0{right:0}.right-20{right:5rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.top-20{top:5rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-\[-57px\]{top:-57px}.top-\[18px\]{top:18px}.top-\[50\%\]{top:50%}.top-\[56px\]{top:56px}.top-auto{top:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[999\]{z-index:999}.col-span-full{grid-column:1 / -1}.float-none{float:none}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-ml-1{margin-left:-.25rem}.-ml-2{margin-left:-.5rem}.-ml-\[1px\]{margin-left:-1px}.-mt-1{margin-top:-.25rem}.-mt-2{margin-top:-.5rem}.-mt-\[1px\]{margin-top:-1px}.-mt-\[57px\]{margin-top:-57px}.-mt-\[9px\]{margin-top:-9px}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-6{margin-right:1.5rem}.mr-auto{margin-right:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-\[3\/4\]{aspect-ratio:3/4}.size-10{width:2.5rem;height:2.5rem}.size-11{width:2.75rem;height:2.75rem}.size-14{width:3.5rem;height:3.5rem}.size-20{width:5rem;height:5rem}.size-24{width:6rem;height:6rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-\[1\.124rem\]{width:1.124rem;height:1.124rem}.size-\[1\.125rem\]{width:1.125rem;height:1.125rem}.size-\[14px\]{width:14px;height:14px}.size-\[18px\]{width:18px;height:18px}.size-\[28px\]{width:28px;height:28px}.size-\[3px\]{width:3px;height:3px}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-24{height:6rem}.h-32{height:8rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[1\.75rem\]{height:1.75rem}.h-\[1000px\]{height:1000px}.h-\[19px\]{height:19px}.h-\[1px\]{height:1px}.h-\[250px\]{height:250px}.h-\[2px\]{height:2px}.h-\[57px\]{height:57px}.h-\[69px\]{height:69px}.h-full{height:100%}.h-screen{height:100vh}.max-h-6{max-height:1.5rem}.max-h-\[500px\]{max-height:500px}.min-h-0{min-height:0px}.min-h-10{min-height:2.5rem}.min-h-20{min-height:5rem}.min-h-32{min-height:8rem}.min-h-36{min-height:9rem}.min-h-\[1000px\]{min-height:1000px}.w-0{width:0px}.w-10{width:2.5rem}.w-2\/4{width:50%}.w-28{width:7rem}.w-48{width:12rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-\[1\.75rem\]{width:1.75rem}.w-\[288px\]{width:288px}.w-\[470px\]{width:470px}.w-\[80\%\]{width:80%}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-1{min-width:.25rem}.min-w-64{min-width:16rem}.min-w-7{min-width:1.75rem}.min-w-9{min-width:2.25rem}.max-w-40{max-width:10rem}.max-w-52{max-width:13rem}.max-w-\[100\%\]{max-width:100%}.max-w-\[352px\]{max-width:352px}.max-w-full{max-width:100%}.max-w-screen-xl{max-width:1280px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow-0{flex-grow:0}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-9{gap:2.25rem}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.text-pretty{text-wrap:pretty}.rounded{border-radius:.25rem}.rounded-\[14px\]{border-radius:14px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.border{border-width:1px}.border-0{border-width:0px}.border-b,.border-b-\[1px\]{border-bottom-width:1px}.border-b-\[2px\]{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0px}.border-l-4{border-left-width:4px}.border-l-\[1px\]{border-left-width:1px}.border-l-\[2px\]{border-left-width:2px}.border-r-0{border-right-width:0px}.border-r-\[1px\]{border-right-width:1px}.border-t-0{border-top-width:0px}.border-t-\[1px\]{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-jq-300{--tw-border-opacity: 1;border-color:rgb(var(--color-jq-300) / var(--tw-border-opacity, 1))}.border-jq-600{--tw-border-opacity: 1;border-color:rgb(var(--color-jq-600) / var(--tw-border-opacity, 1))}.border-jq-line{--tw-border-opacity: 1;border-color:rgb(var(--color-jq-line) / var(--tw-border-opacity, 1))}.border-jq-line\/50{border-color:rgb(var(--color-jq-line) / .5)}.border-transparent{border-color:transparent}.border-l-orange-400\/70{border-left-color:#fb923cb3}.border-l-primary\/70{border-left-color:rgb(var(--color-primary) / .7)}.bg-\[\#282c34\]{--tw-bg-opacity: 1;background-color:rgb(40 44 52 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-blue-500\/20{background-color:#3b82f633}.bg-jq-200{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-200) / var(--tw-bg-opacity, 1))}.bg-jq-300{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-300) / var(--tw-bg-opacity, 1))}.bg-jq-400{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-400) / var(--tw-bg-opacity, 1))}.bg-jq-500{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))}.bg-jq-600{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-600) / var(--tw-bg-opacity, 1))}.bg-jq-700{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))}.bg-jq-700\/50{background-color:rgb(var(--color-jq-700) / .5)}.bg-jq-700\/90{background-color:rgb(var(--color-jq-700) / .9)}.bg-jq-900{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-900) / var(--tw-bg-opacity, 1))}.bg-jq-bg{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-bg) / var(--tw-bg-opacity, 1))}.bg-primary\/80{background-color:rgb(var(--color-primary) / .8)}.bg-transparent{background-color:transparent}.bg-none{background-image:none}.bg-contain{background-size:contain}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[0\.25em\]{padding-left:.25em;padding-right:.25em}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-6{padding-right:1.5rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-\[0\.9375rem\]{padding-top:.9375rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Pretendard Variable,Apple SD Gothic Neo,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-2xl\/tight{font-size:1.5rem;line-height:1.25}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[0\.9375rem\]\/5{font-size:.9375rem;line-height:1.25rem}.text-\[0\.9375rem\]\/6{font-size:.9375rem;line-height:1.5rem}.text-\[0\.9375rem\]\/7{font-size:.9375rem;line-height:1.75rem}.text-\[0\]{font-size:0}.text-\[1\.125rem\]\/7{font-size:1.125rem;line-height:1.75rem}.text-\[1\.25rem\]\/\[1\.5rem\]{font-size:1.25rem;line-height:1.5rem}.text-\[1\.375rem\]\/7{font-size:1.375rem;line-height:1.75rem}.text-\[1\.625rem\]\/8{font-size:1.625rem;line-height:2rem}.text-\[20px\]{font-size:20px}.text-\[90\%\]{font-size:90%}.text-base,.text-base\/6{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-sm\/4{font-size:.875rem;line-height:1rem}.text-sm\/6{font-size:.875rem;line-height:1.5rem}.text-sm\/none{font-size:.875rem;line-height:1}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs,.text-xs\/4{font-size:.75rem;line-height:1rem}.text-xs\/6{font-size:.75rem;line-height:1.5rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#e74992\]{--tw-text-opacity: 1;color:rgb(231 73 146 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-inherit{color:inherit}.text-jq-100{--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1))}.text-jq-200{--tw-text-opacity: 1;color:rgb(var(--color-jq-200) / var(--tw-text-opacity, 1))}.text-jq-200\/80{color:rgb(var(--color-jq-200) / .8)}.text-jq-300{--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}.text-jq-300\/80{color:rgb(var(--color-jq-300) / .8)}.text-jq-400{--tw-text-opacity: 1;color:rgb(var(--color-jq-400) / var(--tw-text-opacity, 1))}.text-jq-500{--tw-text-opacity: 1;color:rgb(var(--color-jq-500) / var(--tw-text-opacity, 1))}.text-on-surface{--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.decoration-inherit{text-decoration-color:inherit}.decoration-jq-300{text-decoration-color:rgb(var(--color-jq-300) / 1)}.decoration-primary{text-decoration-color:rgb(var(--color-primary) / 1)}.decoration-1{text-decoration-thickness:1px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.underline-offset-\[5px\]{text-underline-offset:5px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-80{opacity:.8}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #ffffff),var(--tw-ring-shadow, 0 0 #ffffff),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #ffffff;--tw-shadow-colored: 0 0 #ffffff;box-shadow:var(--tw-ring-offset-shadow, 0 0 #ffffff),var(--tw-ring-shadow, 0 0 #ffffff),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline-offset-0{outline-offset:0px}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-0{transition-duration:0s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.title-mono-sm,.title-mono-sm-link{display:block;width:-moz-fit-content;width:fit-content;padding-left:.125rem;padding-right:.125rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}.title-mono-sm-link:hover{--tw-text-opacity: 1;color:rgb(var(--color-jq-200) / var(--tw-text-opacity, 1))}.title-mono-xs{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}.title-h1{display:inline-block;text-wrap:pretty;letter-spacing:-.05em;--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1));font-size:1.625rem;line-height:2rem}@media (min-width: 768px){.title-h1{font-size:2rem;line-height:2.5rem}}.title-h2{display:inline-block;text-wrap:pretty;font-size:1.5rem;line-height:2rem;font-weight:500;letter-spacing:-.025em}@media (min-width: 768px){.title-h2{font-size:1.625rem;line-height:2rem}}.title-h2{--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1))}.title-h3{display:inline-block;text-wrap:pretty;font-size:1.5rem;line-height:2rem;letter-spacing:-.025em;--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1))}.title-h4{display:inline-block;text-wrap:pretty;letter-spacing:-.05em;--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1));font-size:1rem;line-height:1.75rem}.link{--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1))}.link:hover{--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}.link-tag{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}.link-tag:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))}.link-undeline{text-decoration-line:underline;text-decoration-color:rgb(var(--color-primary) / 1);text-decoration-thickness:1px;text-underline-offset:5px}.link-undeline:hover{text-decoration-thickness:2px}.link-strong-hover-undeline{--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));text-decoration-thickness:2px;text-underline-offset:4px}.link-strong-hover-undeline:hover{text-decoration-line:underline}.link-strong-hover-undeline{text-decoration-color:rgb(var(--color-jq-300) / 1)}.link-strong-hover-undeline:is(.dark *){text-decoration-color:rgb(var(--color-jq-line) / 1)}.group-hover-subtle{--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}.group:hover .group-hover-subtle{--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}.group-hover-mute{--tw-text-opacity: 1;color:rgb(var(--color-jq-400) / var(--tw-text-opacity, 1))}.group:hover .group-hover-mute,.text-subtle{--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}.text-mute{--tw-text-opacity: 1;color:rgb(var(--color-jq-400) / var(--tw-text-opacity, 1))}.list-box [data-status=비공개]{display:inline-flex}.list-box [data-status]:not([data-status=비공개]){display:none}:root{--color-primary: 125 211 252;--color-surface: 35,37,27;--color-on-surface: 23 25 27;--color-jq-bg: 35,27,27;--color-jq-line: 226 226 228;--color-jq-default: 31 41 55;--color-jq-100: 23 25 27;--color-jq-200: 26 28 30;--color-jq-300: 107 114 128;--color-jq-400: 156 163 175;--color-jq-500: 244 244 244;--color-jq-600: 209 213 219;--color-jq-700: 232 232 235;--color-jq-800: 231 231 231;--color-jq-900: 226 226 228}.dark{--color-primary: 125 211 252;--color-surface: 0 0 0;--color-on-surface: 255 255 255;--color-jq-bg: 33 35 38;--color-jq-line: 83 91 110;--color-jq-default: 209 213 219;--color-jq-100: 229 231 235;--color-jq-200: 209 213 219;--color-jq-300: 156 163 175;--color-jq-400: 107 114 128;--color-jq-500: 67 72 83;--color-jq-600: 46 52 65;--color-jq-700: 48 51 59;--color-jq-800: 26 28 30;--color-jq-900: 23 25 27}html{font-size:16px}@media (max-width: 767px){html{font-size:17px}}::-moz-selection{background-color:rgb(var(--color-primary) / .8);color:#ffffff}::selection{background-color:rgb(var(--color-primary) / .8);color:#ffffff}:is(.dark *)::-moz-selection{background-color:rgb(var(--color-primary) / .6)}:is(.dark *)::selection{background-color:rgb(var(--color-primary) / .6)}#acc-nav{position:absolute;top:0;left:0;z-index:1000;width:100%;height:0}#acc-nav a{display:block;position:absolute;left:0;top:0;overflow:hidden;width:1px;height:1px;margin-left:-1px;margin-bottom:-1px;text-align:center;font-weight:700;font-size:.875em;color:#000;white-space:nowrap}#acc-nav a:focus,#acc-nav a:hover,#acc-nav a:active{width:100%;height:auto;padding:10px 0;background:#000;color:#ffffff;z-index:1000}.adsbygoogle{display:block;margin-left:-1.5rem!important;margin-right:-1.5rem!important;margin-top:2rem!important;max-width:100%!important}@media (min-width: 768px){.adsbygoogle{margin-left:0!important;margin-right:0!important}}body{font-weight:400;font-family:--value(--font-sans);padding-top:57px;--tw-text-opacity: 1;color:rgb(var(--color-jq-default) / var(--tw-text-opacity, 1))}a,button{pointer-events:auto;--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1))}a:hover,button:hover{--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}a,button{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}input[type=text],input[type=password]{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.375rem;border-style:none;padding-top:.5rem;padding-bottom:.5rem;padding-left:.75rem;font-size:.875rem;line-height:1.5rem;outline:2px solid transparent;outline-offset:0px;outline-color:transparent}input[type=text]:focus,input[type=password]:focus{outline:2px solid transparent;outline-offset:2px}input[type=text],input[type=password]{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}input[type=text]:hover,input[type=password]:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}input[type=text]:focus,input[type=password]:focus{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder{color:rgb(var(--color-on-surface) / .5)}input[type=text]::placeholder,input[type=password]::placeholder{color:rgb(var(--color-on-surface) / .5)}input[type=text],input[type=password]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.banner-list li:nth-child(2n) a .inner{align-items:flex-start}.banner-list li:nth-child(odd) a .inner{align-items:flex-end}#tt-body-search .list-type-default,#tt-body-tag .list-type-default,#tt-body-index .list-type-default,#tt-body-category .list-type-default{min-width:0px}#tt-body-search .list-type-default .list-box,#tt-body-tag .list-type-default .list-box,#tt-body-index .list-type-default .list-box,#tt-body-category .list-type-default .list-box{margin-bottom:2rem}#tt-body-search .list-type-default .list-box:last-child,#tt-body-tag .list-type-default .list-box:last-child,#tt-body-index .list-type-default .list-box:last-child,#tt-body-category .list-type-default .list-box:last-child{margin-bottom:0}@media (min-width: 768px){#tt-body-search .list-type-default .list-box,#tt-body-tag .list-type-default .list-box,#tt-body-index .list-type-default .list-box,#tt-body-category .list-type-default .list-box{margin-bottom:3rem}}#tt-body-search .list-type-default .list-box .list-link,#tt-body-tag .list-type-default .list-box .list-link,#tt-body-index .list-type-default .list-box .list-link,#tt-body-category .list-type-default .list-box .list-link{flex-direction:column;gap:1rem}@media (min-width: 768px){#tt-body-search .list-type-default .list-box .list-link,#tt-body-tag .list-type-default .list-box .list-link,#tt-body-index .list-type-default .list-box .list-link,#tt-body-category .list-type-default .list-box .list-link{flex-direction:row;gap:1.5rem}}#tt-body-search .list-type-default .list-box .list-link .title,#tt-body-tag .list-type-default .list-box .list-link .title,#tt-body-index .list-type-default .list-box .list-link .title,#tt-body-category .list-type-default .list-box .list-link .title{font-size:1.25rem;line-height:1.5rem;letter-spacing:-.05em}#tt-body-search .list-type-default .list-box .list-link .title:first-child,#tt-body-tag .list-type-default .list-box .list-link .title:first-child,#tt-body-index .list-type-default .list-box .list-link .title:first-child,#tt-body-category .list-type-default .list-box .list-link .title:first-child{margin-top:.25rem}@media (min-width: 768px){#tt-body-search .list-type-default .list-box .list-link .title,#tt-body-tag .list-type-default .list-box .list-link .title,#tt-body-index .list-type-default .list-box .list-link .title,#tt-body-category .list-type-default .list-box .list-link .title{font-size:1.5rem;line-height:2rem}}#tt-body-search .list-type-default .list-box .list-link .desc,#tt-body-tag .list-type-default .list-box .list-link .desc,#tt-body-index .list-type-default .list-box .list-link .desc,#tt-body-category .list-type-default .list-box .list-link .desc{margin-top:.25rem;margin-bottom:.25rem;gap:.375rem}@media (min-width: 768px){#tt-body-search .list-type-default .list-box .list-link .summary,#tt-body-tag .list-type-default .list-box .list-link .summary,#tt-body-index .list-type-default .list-box .list-link .summary,#tt-body-category .list-type-default .list-box .list-link .summary{margin-top:.75rem}}#tt-body-search .list-type-default .list-box .list-link .list-thumb,#tt-body-tag .list-type-default .list-box .list-link .list-thumb,#tt-body-index .list-type-default .list-box .list-link .list-thumb,#tt-body-category .list-type-default .list-box .list-link .list-thumb{display:block;min-height:8rem;width:100%;flex-shrink:0}@media (min-width: 768px){#tt-body-search .list-type-default .list-box .list-link .list-thumb,#tt-body-tag .list-type-default .list-box .list-link .list-thumb,#tt-body-index .list-type-default .list-box .list-link .list-thumb,#tt-body-category .list-type-default .list-box .list-link .list-thumb{aspect-ratio:1 / 1;width:10rem;height:10rem;height:auto}}#tt-body-search .list-type-default .list-box .list-link .list-thumb img,#tt-body-tag .list-type-default .list-box .list-link .list-thumb img,#tt-body-index .list-type-default .list-box .list-link .list-thumb img,#tt-body-category .list-type-default .list-box .list-link .list-thumb img{height:100%;min-height:8rem;width:100%;-o-object-fit:cover;object-fit:cover}@media (min-width: 768px){#tt-body-search .list-type-default .list-box .list-link .list-thumb img,#tt-body-tag .list-type-default .list-box .list-link .list-thumb img,#tt-body-index .list-type-default .list-box .list-link .list-thumb img,#tt-body-category .list-type-default .list-box .list-link .list-thumb img{width:10rem;height:10rem}}#tt-body-search .list-type-default .list-box .list-link .list-thumb .protected,#tt-body-tag .list-type-default .list-box .list-link .list-thumb .protected,#tt-body-index .list-type-default .list-box .list-link .list-thumb .protected,#tt-body-category .list-type-default .list-box .list-link .list-thumb .protected{height:8rem;width:100%}@media (min-width: 768px){#tt-body-search .list-type-default .list-box .list-link .list-thumb .protected,#tt-body-tag .list-type-default .list-box .list-link .list-thumb .protected,#tt-body-index .list-type-default .list-box .list-link .list-thumb .protected,#tt-body-category .list-type-default .list-box .list-link .list-thumb .protected{width:10rem}}#tt-body-search .list-type-default .list-box .list-link .list-thumb .protected .icon,#tt-body-tag .list-type-default .list-box .list-link .list-thumb .protected .icon,#tt-body-index .list-type-default .list-box .list-link .list-thumb .protected .icon,#tt-body-category .list-type-default .list-box .list-link .list-thumb .protected .icon{width:2.5rem;height:2.5rem}#tt-body-search .list-type-card,#tt-body-tag .list-type-card,#tt-body-index .list-type-card,#tt-body-category .list-type-card{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));-moz-column-gap:1.5rem;column-gap:1.5rem;row-gap:2.25rem}@media (min-width: 768px){#tt-body-search .list-type-card,#tt-body-tag .list-type-card,#tt-body-index .list-type-card,#tt-body-category .list-type-card{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){#tt-body-search .list-type-card,#tt-body-tag .list-type-card,#tt-body-index .list-type-card,#tt-body-category .list-type-card{grid-template-columns:repeat(3,minmax(0,1fr))}}#tt-body-search .list-type-card .list-box .list-link,#tt-body-tag .list-type-card .list-box .list-link,#tt-body-index .list-type-card .list-box .list-link,#tt-body-category .list-type-card .list-box .list-link{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){#tt-body-search .list-type-card .list-box .list-link,#tt-body-tag .list-type-card .list-box .list-link,#tt-body-index .list-type-card .list-box .list-link,#tt-body-category .list-type-card .list-box .list-link{gap:1rem}}#tt-body-search .list-type-card .list-box .list-link .title,#tt-body-tag .list-type-card .list-box .list-link .title,#tt-body-index .list-type-card .list-box .list-link .title,#tt-body-category .list-type-card .list-box .list-link .title{font-size:1.125rem;line-height:1.75rem;letter-spacing:0em}#tt-body-search .list-type-card .list-box .list-link .title:first-child,#tt-body-tag .list-type-card .list-box .list-link .title:first-child,#tt-body-index .list-type-card .list-box .list-link .title:first-child,#tt-body-category .list-type-card .list-box .list-link .title:first-child{margin-top:0}#tt-body-search .list-type-card .list-box .list-link .desc,#tt-body-tag .list-type-card .list-box .list-link .desc,#tt-body-index .list-type-card .list-box .list-link .desc,#tt-body-category .list-type-card .list-box .list-link .desc{gap:.25rem}@media (min-width: 768px){#tt-body-search .list-type-card .list-box .list-link .summary,#tt-body-tag .list-type-card .list-box .list-link .summary,#tt-body-index .list-type-card .list-box .list-link .summary,#tt-body-category .list-type-card .list-box .list-link .summary{margin-top:.5rem}}#tt-body-search .list-type-card .list-box .list-link .list-thumb,#tt-body-tag .list-type-card .list-box .list-link .list-thumb,#tt-body-index .list-type-card .list-box .list-link .list-thumb,#tt-body-category .list-type-card .list-box .list-link .list-thumb{display:block;aspect-ratio:3/2;width:100%}#tt-body-search .list-type-card .list-box .list-link .list-thumb img,#tt-body-tag .list-type-card .list-box .list-link .list-thumb img,#tt-body-index .list-type-card .list-box .list-link .list-thumb img,#tt-body-category .list-type-card .list-box .list-link .list-thumb img{height:100%;width:100%}#tt-body-search .list-type-card .list-box .list-link .list-thumb .protected,#tt-body-tag .list-type-card .list-box .list-link .list-thumb .protected,#tt-body-index .list-type-card .list-box .list-link .list-thumb .protected,#tt-body-category .list-type-card .list-box .list-link .list-thumb .protected{display:flex;height:100%;width:100%;align-items:center;justify-content:center}#tt-body-search .list-type-card .list-box .list-link .list-thumb .protected .icon,#tt-body-tag .list-type-card .list-box .list-link .list-thumb .protected .icon,#tt-body-index .list-type-card .list-box .list-link .list-thumb .protected .icon,#tt-body-category .list-type-card .list-box .list-link .list-thumb .protected .icon{width:4rem;height:4rem}#tt-body-search .list-type-thumbnail,#tt-body-tag .list-type-thumbnail,#tt-body-index .list-type-thumbnail,#tt-body-category .list-type-thumbnail{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));-moz-column-gap:1.5rem;column-gap:1.5rem;row-gap:2.25rem}@media (min-width: 768px){#tt-body-search .list-type-thumbnail,#tt-body-tag .list-type-thumbnail,#tt-body-index .list-type-thumbnail,#tt-body-category .list-type-thumbnail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){#tt-body-search .list-type-thumbnail,#tt-body-tag .list-type-thumbnail,#tt-body-index .list-type-thumbnail,#tt-body-category .list-type-thumbnail{grid-template-columns:repeat(3,minmax(0,1fr))}}#tt-body-search .list-type-thumbnail .list-box .list-link,#tt-body-tag .list-type-thumbnail .list-box .list-link,#tt-body-index .list-type-thumbnail .list-box .list-link,#tt-body-category .list-type-thumbnail .list-box .list-link{display:flex;flex-direction:column;gap:.75rem}#tt-body-search .list-type-thumbnail .list-box .list-link .title,#tt-body-tag .list-type-thumbnail .list-box .list-link .title,#tt-body-index .list-type-thumbnail .list-box .list-link .title,#tt-body-category .list-type-thumbnail .list-box .list-link .title{font-size:1rem;line-height:1.5rem;letter-spacing:0em}#tt-body-search .list-type-thumbnail .list-box .list-link .desc,#tt-body-tag .list-type-thumbnail .list-box .list-link .desc,#tt-body-index .list-type-thumbnail .list-box .list-link .desc,#tt-body-category .list-type-thumbnail .list-box .list-link .desc{gap:.25rem}#tt-body-search .list-type-thumbnail .list-box .list-link .list-thumb,#tt-body-tag .list-type-thumbnail .list-box .list-link .list-thumb,#tt-body-index .list-type-thumbnail .list-box .list-link .list-thumb,#tt-body-category .list-type-thumbnail .list-box .list-link .list-thumb{display:block;aspect-ratio:3/4;width:100%}#tt-body-search .list-type-thumbnail .list-box .list-link .list-thumb img,#tt-body-tag .list-type-thumbnail .list-box .list-link .list-thumb img,#tt-body-index .list-type-thumbnail .list-box .list-link .list-thumb img,#tt-body-category .list-type-thumbnail .list-box .list-link .list-thumb img{height:100%;width:100%}#tt-body-search .list-type-thumbnail .list-box .list-link .list-thumb .protected,#tt-body-tag .list-type-thumbnail .list-box .list-link .list-thumb .protected,#tt-body-index .list-type-thumbnail .list-box .list-link .list-thumb .protected,#tt-body-category .list-type-thumbnail .list-box .list-link .list-thumb .protected{display:flex;height:100%;width:100%;align-items:center;justify-content:center}#tt-body-search .list-type-thumbnail .list-box .list-link .list-thumb .protected .icon,#tt-body-tag .list-type-thumbnail .list-box .list-link .list-thumb .protected .icon,#tt-body-index .list-type-thumbnail .list-box .list-link .list-thumb .protected .icon,#tt-body-category .list-type-thumbnail .list-box .list-link .list-thumb .protected .icon{width:4rem;height:4rem}#tt-body-search .list-type-thumbnail .list-box .list-link .summary,#tt-body-tag .list-type-thumbnail .list-box .list-link .summary,#tt-body-index .list-type-thumbnail .list-box .list-link .summary,#tt-body-category .list-type-thumbnail .list-box .list-link .summary,#post-index-btn,#post-index{display:none}#tt-body-page #post-index-btn,#tt-body-page #post-index{display:flex}.header-hide{top:-57px}.header-hide #scroll-progress{margin-top:-57px}.menu_toolbar{display:none}.dark .header-logo{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}#header .menu_toolbar{position:static;top:auto;right:0;display:flex;align-items:center;gap:1rem}@media (min-width: 768px){#header .menu_toolbar{gap:1.5rem}}#header .menu_toolbar .btn_subscription{display:none;height:1.75rem;align-items:center;justify-content:center;border-radius:.375rem;padding-left:.5rem;padding-right:.5rem;font-size:.8125rem;font-weight:400}@media (min-width: 768px){#header .menu_toolbar .btn_subscription{display:flex}}#header .menu_toolbar .btn_subscription{--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(var(--color-jq-300) / var(--tw-border-opacity, 1))}#header .menu_toolbar .btn_subscription:is(.dark *){border-color:rgb(var(--color-jq-line) / .5)}#header .menu_toolbar .btn_subscription:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))}#header .menu_toolbar .btn_subscription .txt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#header .menu_toolbar .btn_tool{position:relative;height:1.75rem;width:1.75rem}#header .menu_toolbar .btn_tool.btn_menu_type1{height:1.75rem;width:1.75rem}#header .menu_toolbar .btn_tool .btn_menu_type2,#header .menu_toolbar .btn_tool .btn_menu_type2:hover{--tw-shadow: 0 0 #ffffff;--tw-shadow-colored: 0 0 #ffffff;box-shadow:var(--tw-ring-offset-shadow, 0 0 #ffffff),var(--tw-ring-shadow, 0 0 #ffffff),var(--tw-shadow)}#header .menu_toolbar .btn_tool .btn_menu_type2{height:1.75rem;width:1.75rem;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))}#header .menu_toolbar .btn_tool .btn_menu_type2:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))}#header .menu_toolbar .btn_tool .btn_menu_type2 .ico_tistory_sign{background-size:100px 80px;background-position:-24px -30px}.dark .btn_tool .btn_menu_type2 .ico_tistory_sign{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.btn-theme{display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:9999px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}.btn-theme:hover{background-color:rgb(var(--color-jq-900) / .5)}.btn-theme:hover:is(.dark *){background-color:rgb(var(--color-jq-700) / .5)}.btn-theme[data-selected=true]{--tw-bg-opacity: 1;background-color:rgb(var(--color-surface) / var(--tw-bg-opacity, 1))}.btn-theme[data-selected=true]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))}.btn-theme[data-selected=true]{--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}.btn-top{--tw-text-opacity: 1;color:rgb(var(--color-jq-200) / var(--tw-text-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))}.btn-top:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-900) / var(--tw-bg-opacity, 1))}.btn-top:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))}@media (min-width: 768px){#tt-body-page #content,#tt-body-page footer{padding-right:6rem}}.tag-wrap{width:100%}.tag-list{margin-left:-.25rem;display:flex;width:100%;flex-wrap:wrap;align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;font-size:0}.tag-list.gap-tight{margin-left:0;-moz-column-gap:.25rem;column-gap:.25rem}.tag-list a,.tag-list .tag-link{position:relative;display:inline-flex;align-items:center;overflow:hidden;min-width:0px;border-radius:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:300;--tw-shadow: 0 0 #ffffff;--tw-shadow-colored: 0 0 #ffffff;box-shadow:var(--tw-ring-offset-shadow, 0 0 #ffffff),var(--tw-ring-shadow, 0 0 #ffffff),var(--tw-shadow);--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}.tag-list a:hover,.tag-list .tag-link:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1));--tw-shadow: 0 0 #ffffff;--tw-shadow-colored: 0 0 #ffffff;box-shadow:var(--tw-ring-offset-shadow, 0 0 #ffffff),var(--tw-ring-shadow, 0 0 #ffffff),var(--tw-shadow)}.tag-list a:before,.tag-list .tag-link:before{margin-right:.25rem;width:.75rem;height:.75rem;background-size:contain;background-repeat:no-repeat;content:"";-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-hash-icon%20lucide-hash'%3e%3cline%20x1='4'%20x2='20'%20y1='9'%20y2='9'/%3e%3cline%20x1='4'%20x2='20'%20y1='15'%20y2='15'/%3e%3cline%20x1='10'%20x2='8'%20y1='3'%20y2='21'/%3e%3cline%20x1='16'%20x2='14'%20y1='3'%20y2='21'/%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-hash-icon%20lucide-hash'%3e%3cline%20x1='4'%20x2='20'%20y1='9'%20y2='9'/%3e%3cline%20x1='4'%20x2='20'%20y1='15'%20y2='15'/%3e%3cline%20x1='10'%20x2='8'%20y1='3'%20y2='21'/%3e%3cline%20x1='16'%20x2='14'%20y1='3'%20y2='21'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask-size:contain;background-color:currentColor;background-position:center}.tag-list a.xs,.tag-list .tag-link.xs{font-size:.75rem;line-height:1}.tag-list a.xs:before,.tag-list .tag-link.xs:before{--tw-content: none;content:var(--tw-content)}#sidebar .notice-section .tt_notice,#sidebar .category-section .tt_category{display:flex;min-width:0px;flex-direction:column;gap:.5rem;border-left-width:1px;--tw-border-opacity: 1;border-color:rgb(var(--color-jq-line) / var(--tw-border-opacity, 1))}#sidebar .notice-section .tt_notice .category_list,#sidebar .category-section .tt_category .category_list{box-sizing:border-box;display:flex;width:100%;flex-direction:column;gap:.75rem}#sidebar .notice-section .tt_notice .sub_category_list,#sidebar .category-section .tt_category .sub_category_list{box-sizing:border-box;display:flex;width:100%;flex-direction:column;gap:.375rem}#sidebar .notice-section .tt_notice .notice_list,#sidebar .category-section .tt_category .notice_list{min-width:0px}#sidebar .notice-section .tt_notice .notice_list li,#sidebar .notice-section .tt_notice .category_list li,#sidebar .notice-section .tt_notice li,#sidebar .category-section .tt_category .notice_list li,#sidebar .category-section .tt_category .category_list li,#sidebar .category-section .tt_category li{display:flex;min-width:0px;flex-direction:column;align-items:flex-start;gap:.5rem}#sidebar .notice-section .tt_notice a,#sidebar .category-section .tt_category a{box-sizing:border-box;display:flex;width:100%;min-width:0px;align-items:baseline;gap:.25rem;border-left-width:1px;border-color:transparent;font-size:.875rem;line-height:1.5rem;font-weight:400;transition-duration:0s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity: 1;color:rgb(var(--color-jq-200) / var(--tw-text-opacity, 1))}#sidebar .notice-section .tt_notice a:hover,#sidebar .category-section .tt_category a:hover{--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));border-color:rgb(var(--color-jq-200) / .8)}#sidebar .notice-section .tt_notice a .c_cnt,#sidebar .category-section .tt_category a .c_cnt{--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}#sidebar .notice-section .tt_notice .notice_list li,#sidebar .notice-section .tt_notice>li,#sidebar .category-section .tt_category .notice_list li,#sidebar .category-section .tt_category>li{margin-left:-1px}#sidebar .notice-section .tt_notice .notice_list li a,#sidebar .notice-section .tt_notice .link_tit,#sidebar .notice-section .tt_notice .link_item,#sidebar .category-section .tt_category .notice_list li a,#sidebar .category-section .tt_category .link_tit,#sidebar .category-section .tt_category .link_item{padding-left:1.25rem;font-size:.9375rem;line-height:1.5rem}@media (min-width: 640px){#sidebar .notice-section .tt_notice .notice_list li a,#sidebar .notice-section .tt_notice .link_tit,#sidebar .notice-section .tt_notice .link_item,#sidebar .category-section .tt_category .notice_list li a,#sidebar .category-section .tt_category .link_tit,#sidebar .category-section .tt_category .link_item{padding-left:1rem}}#sidebar .notice-section .tt_notice .link_sub_item,#sidebar .category-section .tt_category .link_sub_item{padding-left:2rem}@media (min-width: 640px){#sidebar .notice-section .tt_notice .link_sub_item,#sidebar .category-section .tt_category .link_sub_item{padding-left:1.75rem}}#sidebar .notice-section .tt_notice li.selected,#sidebar .category-section .tt_category li.selected{margin-left:-1px}#sidebar .notice-section .tt_notice li.selected>a,#sidebar .category-section .tt_category li.selected>a{border-left-width:2px;--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1));font-weight:600;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}#sidebar .notice-section .tt_notice li.selected>a:is(.dark *),#sidebar .category-section .tt_category li.selected>a:is(.dark *){--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}#sidebar .notice-section .tt_notice li.selected>a .c_cnt,#sidebar .category-section .tt_category li.selected>a .c_cnt{font-weight:500}#sidebar .notice-section .tt_notice .link_tit .c_cnt,#sidebar .notice-section .tt_notice .link_item .c_cnt,#sidebar .notice-section .tt_notice .link_sub_item .c_cnt,#sidebar .category-section .tt_category .link_tit .c_cnt,#sidebar .category-section .tt_category .link_item .c_cnt,#sidebar .category-section .tt_category .link_sub_item .c_cnt{font-size:.75rem;line-height:1rem}#entry0Comment,.tt-comments-wrap{width:100%}.tt-box-total{--tw-border-opacity: 1;border-color:rgb(var(--color-jq-line) / var(--tw-border-opacity, 1));padding-bottom:0}.tt-box-total .tt_txt_g,.tt-box-total .tt_num_g{display:none}.tt-wrap-cmt .tt-box-meta{margin-bottom:1rem}.tt-wrap-cmt .tt-box-modify .tt-button-modify{position:relative;margin-top:-.5rem;width:2rem;height:2rem;--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;background-image:none}.tt-wrap-cmt .tt-box-modify .tt-button-modify:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))}.tt-wrap-cmt .tt-box-modify .tt-button-modify:before{position:relative;margin-top:-.5rem;display:inline-block;font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));--tw-content: "...";content:var(--tw-content)}.tt-wrap-cmt .tt-box-modify.tt-box-modify-open .tt-button-modify{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))}.tt-wrap-cmt .tt-box-modify .tt-list-modify{border-radius:.375rem;border-width:0px;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1));--tw-shadow: 0 0 #ffffff;--tw-shadow-colored: 0 0 #ffffff;box-shadow:var(--tw-ring-offset-shadow, 0 0 #ffffff),var(--tw-ring-shadow, 0 0 #ffffff),var(--tw-shadow)}.tt-wrap-cmt .tt-box-modify .tt-list-modify a{font-weight:500;--tw-text-opacity: 1;color:rgb(var(--color-jq-200) / var(--tw-text-opacity, 1))}.tt-wrap-cmt .tt-box-modify .tt-list-modify a:hover,.tt-wrap-cmt .tt-box-modify .tt-list-modify a:active{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))}.tt-wrap-cmt .tt-link-user{margin-right:.5rem;font-family:Pretendard Variable,Apple SD Gothic Neo,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(var(--color-jq-200) / var(--tw-text-opacity, 1))}.tt-wrap-cmt .tistoryProfileLayerTrigger{display:none}.tt-wrap-cmt .tt_img_area_reply.tt_ico_lock{background-image:none;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1));height:auto;width:auto}.tt-wrap-cmt .tt_desc{font-family:Pretendard Variable,Apple SD Gothic Neo,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:.875rem;line-height:1.5rem;font-weight:400;--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1))}.tt-wrap-cmt .tt-link-comment .tt_txt_g{padding-top:.9375rem}.tt-wrap-cmt .tt_img_area_reply.tt_ico_lock,.tt-wrap-cmt .tt_date,.tt-wrap-cmt .tt-link-comment,.tt-wrap-cmt .tt-link-comment .tt_txt_g,.tt-wrap-cmt .tt-link-comment .tt_num_g{font-family:Pretendard Variable,Apple SD Gothic Neo,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:.75rem;line-height:1rem}.tt-box-textarea .tt_txt_user{font-family:Pretendard Variable,Apple SD Gothic Neo,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:.875rem;line-height:1.25rem;font-weight:600}.tt-box-textarea .tt-inner-g{overflow:hidden;border-radius:.375rem;border-width:0px;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}.tt-box-textarea .tt-inner-g .tt-cmt{margin-top:.5rem;--tw-text-opacity: 1;color:rgb(var(--color-jq-200) / var(--tw-text-opacity, 1))}.tt-box-textarea .tt-inner-g .tt-cmt>div,.tt-box-textarea .tt-inner-g .tt-cmt div{color:inherit}.tt-box-textarea textarea{border-style:none;font-size:.875rem;line-height:1.5rem;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1));background-color:transparent;outline:2px solid transparent;outline-offset:2px;outline-color:transparent;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}.tt-box-textarea textarea:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}.tt-box-textarea textarea:focus{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}.tt-box-textarea textarea::-moz-placeholder{color:rgb(var(--color-on-surface) / .5)}.tt-box-textarea textarea::placeholder{color:rgb(var(--color-on-surface) / .5)}.tt-box-textarea textarea{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tt_wrap_write input[type=text],.tt_wrap_write input[type=password]{border-radius:.375rem;border-style:none;padding-top:.5rem;padding-bottom:.5rem;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}.tt_wrap_write input[type=text]:hover,.tt_wrap_write input[type=password]:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}.tt_wrap_write input[type=text]:focus,.tt_wrap_write input[type=password]:focus{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}.tt_wrap_write input[type=text]::-moz-placeholder,.tt_wrap_write input[type=password]::-moz-placeholder{color:rgb(var(--color-on-surface) / .5)}.tt_wrap_write input[type=text]::placeholder,.tt_wrap_write input[type=password]::placeholder{color:rgb(var(--color-on-surface) / .5)}.tt_btn_prev_more{position:relative;margin-top:2rem;margin-bottom:2rem;display:flex;height:2.75rem;align-items:center;justify-content:center;gap:.25rem;border-radius:.375rem;border-style:none;padding:.75rem;font-size:.875rem;line-height:1;font-weight:500;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1))}.tt_btn_prev_more:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))}.tt_btn_prev_more:after{content:"";display:inline-block;width:1rem;height:1rem;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-200) / var(--tw-bg-opacity, 1));background-image:none;background-position:center;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-chevron-down-icon%20lucide-chevron-down'%3e%3cpath%20d='m6%209%206%206%206-6'/%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-chevron-down-icon%20lucide-chevron-down'%3e%3cpath%20d='m6%209%206%206%206-6'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask-size:contain}.tt-list-reply-comment .tt-item-reply:before{display:none}.tt-box-textarea .tt-inner-g,.tt-item-reply .tt-list-reply-comment,.tt-list-reply,.tt-item-reply{--tw-border-opacity: 1;border-color:rgb(var(--color-jq-line) / var(--tw-border-opacity, 1))}.tt-box-write{gap:.5rem}.tt-box-write .tt-xe-label{border-style:none;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-900) / var(--tw-bg-opacity, 1))}.tt-box-write .tt-xe-label:hover{border-style:none;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))}.tt-box-write .tt-xe-label{margin-top:0;width:2.5rem;height:2.5rem;justify-content:center;border-radius:.375rem;pointer-events:auto;--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1))}.tt-box-write .tt-xe-label:hover{--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}.tt-box-write .tt-xe-label{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tt-box-write .tt-xe-label .tt_img_area_reply.tt-xe-input-helper{margin-right:0;background-image:none;display:inline-block;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1));width:1.125rem;height:1.125rem;background-size:contain;background-repeat:no-repeat;content:"";-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-lock-open-icon%20lucide-lock-open'%3e%3crect%20width='18'%20height='11'%20x='3'%20y='11'%20rx='2'%20ry='2'/%3e%3cpath%20d='M7%2011V7a5%205%200%200%201%209.9-1'/%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-lock-open-icon%20lucide-lock-open'%3e%3crect%20width='18'%20height='11'%20x='3'%20y='11'%20rx='2'%20ry='2'/%3e%3cpath%20d='M7%2011V7a5%205%200%200%201%209.9-1'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask-size:contain;background-color:currentColor;background-position:center}.tt-box-write input[type=checkbox]:checked+.tt-xe-input-helper{background-image:none;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-lock-icon%20lucide-lock'%3e%3crect%20width='18'%20height='11'%20x='3'%20y='11'%20rx='2'%20ry='2'/%3e%3cpath%20d='M7%2011V7a5%205%200%200%201%2010%200v4'/%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-lock-icon%20lucide-lock'%3e%3crect%20width='18'%20height='11'%20x='3'%20y='11'%20rx='2'%20ry='2'/%3e%3cpath%20d='M7%2011V7a5%205%200%200%201%2010%200v4'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask-size:contain;background-color:currentColor;background-position:center}.tt-box-write .tt-btn-cancel{border-style:none;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-900) / var(--tw-bg-opacity, 1))}.tt-box-write .tt-btn-cancel:hover{border-style:none;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))}.tt-box-write .tt-btn-cancel{margin:0;width:2.5rem;height:2.5rem;min-width:0px;border-radius:.375rem;font-size:0}.tt-box-write .tt-btn-cancel:before{display:inline-block;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1));width:1.125rem;height:1.125rem;background-size:contain;background-repeat:no-repeat;content:"";-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-x-icon%20lucide-x'%3e%3cpath%20d='M18%206%206%2018'/%3e%3cpath%20d='m6%206%2012%2012'/%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-x-icon%20lucide-x'%3e%3cpath%20d='M18%206%206%2018'/%3e%3cpath%20d='m6%206%2012%2012'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask-size:contain;background-color:currentColor;background-position:center}.tt-box-write .tt-btn_register{border-style:none;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-900) / var(--tw-bg-opacity, 1))}.tt-box-write .tt-btn_register:hover{border-style:none;--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))}.tt-box-write .tt-btn_register{width:2.5rem;height:2.5rem;border-radius:.375rem;font-size:0}.tt-box-write .tt-btn_register:before{display:inline-block;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1));width:1.124rem;height:1.124rem;background-size:contain;background-repeat:no-repeat;content:"";-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-send-icon%20lucide-send'%3e%3cpath%20d='M14.536%2021.686a.5.5%200%200%200%20.937-.024l6.5-19a.496.496%200%200%200-.635-.635l-19%206.5a.5.5%200%200%200-.024.937l7.93%203.18a2%202%200%200%201%201.112%201.11z'/%3e%3cpath%20d='m21.854%202.147-10.94%2010.939'/%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-send-icon%20lucide-send'%3e%3cpath%20d='M14.536%2021.686a.5.5%200%200%200%20.937-.024l6.5-19a.496.496%200%200%200-.635-.635l-19%206.5a.5.5%200%200%200-.024.937l7.93%203.18a2%202%200%200%201%201.112%201.11z'/%3e%3cpath%20d='m21.854%202.147-10.94%2010.939'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask-size:contain;background-color:currentColor;background-position:center}.first\:mt-0:first-child{margin-top:0}.first\:mt-1:first-child{margin-top:.25rem}.empty\:hidden:empty{display:none}.hover\:border-none:hover{border-style:none}.hover\:bg-jq-500:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))}.hover\:bg-jq-700:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))}.hover\:bg-jq-800:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-800) / var(--tw-bg-opacity, 1))}.hover\:bg-jq-900\/50:hover{background-color:rgb(var(--color-jq-900) / .5)}.hover\:text-on-surface:hover{--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:text-subtle:hover{--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}.focus\:bg-jq-500:focus{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-500) / var(--tw-bg-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:bg-jq-700:active{--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-black\/70{background-color:#000000b3}.group:hover .group-hover\:text-jq-200{--tw-text-opacity: 1;color:rgb(var(--color-jq-200) / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-jq-200\/80{color:rgb(var(--color-jq-200) / .8)}.group:hover .group-hover\:text-on-surface{--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.group.active .group-\[\.active\]\:font-medium{font-weight:500}.group.active .group-\[\.active\]\:text-jq-100{--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1))}.peer:focus~.peer-focus\:text-on-surface{--tw-text-opacity: 1;color:rgb(var(--color-on-surface) / var(--tw-text-opacity, 1))}.data-\[status\=공개\]\:inline[data-status=공개],.data-\[status\=비공개\]\:inline[data-status=비공개]{display:inline}.data-\[status\=보호\]\:hidden[data-status=보호]{display:none}.data-\[selected\=true\]\:bg-surface[data-selected=true]{--tw-bg-opacity: 1;background-color:rgb(var(--color-surface) / var(--tw-bg-opacity, 1))}.dark\:border-b-\[1px\]:is(.dark *){border-bottom-width:1px}.dark\:border-solid:is(.dark *){border-style:solid}.dark\:border-jq-line:is(.dark *){--tw-border-opacity: 1;border-color:rgb(var(--color-jq-line) / var(--tw-border-opacity, 1))}.dark\:border-white:is(.dark *){--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.dark\:border-b-jq-line\/20:is(.dark *){border-bottom-color:rgb(var(--color-jq-line) / .2)}.dark\:bg-jq-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-700) / var(--tw-bg-opacity, 1))}.dark\:bg-jq-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-900) / var(--tw-bg-opacity, 1))}.dark\:bg-primary\/60:is(.dark *){background-color:rgb(var(--color-primary) / .6)}.dark\:text-jq-100:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--color-jq-100) / var(--tw-text-opacity, 1))}.dark\:text-jq-300:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:opacity-80:is(.dark *){opacity:.8}.dark\:hover\:bg-jq-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--color-jq-800) / var(--tw-bg-opacity, 1))}.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (max-width: 600px){.max-\[600px\]\:w-\[80\%\]{width:80%}}@media (min-width: 640px){.sm\:max-w-\[60\%\]{max-width:60%}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:pl-4{padding-left:1rem}}@media (min-width: 768px){.md\:relative{position:relative}.md\:bottom-16{bottom:4rem}.md\:top-80{top:20rem}.md\:z-auto{z-index:auto}.md\:mx-0{margin-left:0;margin-right:0}.md\:mb-12{margin-bottom:3rem}.md\:mt-16{margin-top:4rem}.md\:mt-3{margin-top:.75rem}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:aspect-square{aspect-ratio:1 / 1}.md\:size-20{width:5rem;height:5rem}.md\:size-40{width:10rem;height:10rem}.md\:h-auto{height:auto}.md\:w-1\/5{width:20%}.md\:w-3\/4{width:75%}.md\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-1{gap:.25rem}.md\:gap-2{gap:.5rem}.md\:gap-6{gap:1.5rem}.md\:overflow-y-visible{overflow-y:visible}.md\:bg-jq-bg\/50{background-color:rgb(var(--color-jq-bg) / .5)}.md\:bg-transparent{background-color:transparent}.md\:p-0{padding:0}.md\:p-8{padding:2rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:pr-14{padding-right:3.5rem}.md\:pr-32{padding-right:8rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl\/tight{font-size:1.875rem;line-height:1.25}.md\:text-\[1\.625rem\]\/8{font-size:1.625rem;line-height:2rem}.md\:opacity-0{opacity:0}.md\:backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.md\:title-mono-sm{display:block;width:-moz-fit-content;width:fit-content;padding-left:.125rem;padding-right:.125rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;--tw-text-opacity: 1;color:rgb(var(--color-jq-300) / var(--tw-text-opacity, 1))}}@media (min-width: 1024px){.lg\:inline-block{display:inline-block}.lg\:w-1\/5{width:20%}.lg\:w-4\/5{width:80%}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}}

html:not(.dark) img.object-cover,
html.mobile img.object-cover,
body.mobile img.object-cover {
  background-color: #ffffff;
  filter: invert(1) brightness(0.95) contrast(1.1);
}

/* ===== 헤더 레이아웃 ===== */
#header {
  height: auto;
  padding-bottom: 0;
}

#header .header-container {
  width: 100%;
  padding: 0 40px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  #header .header-container { padding: 0 16px; }
}

/* 프로필 영역 */
#header .header-profile-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 0 10px 0;
  width: 100%;
  box-sizing: border-box;
}

/* 프로필 좌측 영역 */
#header .header-left {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  min-width: 0;
}

/* 스크롤 프로그레스 바 */
#scroll-progress-wrapper {
  width: 100%;
  height: 2px;
  background: rgba(255,255,255,0.1);
}

#scroll-progress {
  width: 0;
  height: 2px;
  background: var(--jq-300, #9CA3AF);
  transition: width 0.1s linear;
}

/* ===== 본문 여백 (헤더 고정 대응) ===== */
@media (min-width: 768px) {
  .main-content-wrapper {
    margin-top: 80px !important;
  }

  /* 사이드바 - sticky 제거, 일반 흐름으로 */
  #sidebar {
    position: relative !important;
    top: auto !important;
    height: auto !important;
  }

  #sidebar > div {
    padding-top: 0 !important;
    height: auto !important;
    overflow-y: visible !important;
  }

  #sidebar .sidebar-section:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* ===== 프로필 이미지 (데스크탑) ===== */
#header img.rounded-full {
  width: 100px !important;
  height: 100px !important;
}

/* ===== 모바일 일괄 처리 ===== */
@media (max-width: 767px) {
  #header {
    height: auto;
    min-height: 70px;
  }
  #header .header-profile-area {
    padding: 12px 0 8px 0;
  }
  #header img.rounded-full {
    width: 50px !important;
    height: 50px !important;
  }

  .main-content-wrapper {
    margin-top: 0 !important;
    padding-top: 90px !important;
  }
  .content-flex-container {
    padding-top: 0 !important;
  }

  /* 슬라이드 사이드바 */
  #sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    width: 288px !important;
    z-index: 50 !important;
    transform: translateX(-100%) !important;
    background: var(--jq-bg, #111) !important;
  }
  #sidebar.open {
    transform: translateX(0) !important;
  }
}

/* ===== Code 태그 스타일 ===== */
#header code {
  white-space: nowrap;
  font-size: 15px;
  padding: 2px 6px;
}

#header code:hover {
  opacity: 0.8;
}

/* ===== SVG 아이콘 크기 고정 ===== */
#header svg {
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0;
}

#header #menu-toggle-btn svg {
  width: 24px !important;
  height: 24px !important;
}

/* ===== BGM 기본 컨트롤 ===== */
.bgm-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.play-logo {
  width: 24px;
  height: 24px;
  cursor: pointer;
  filter: invert(1);
}

.ctrl-btn {
  font-size: 10px;
  font-weight: 800;
  opacity: 0.6;
  cursor: pointer;
  color: #E5E7EB !important;
}

.bgm-progress-container {
  width: 100%;
  height: 4px;
  background: rgba(128,128,128,0.2);
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
}

.bgm-progress-bar {
  width: 0%;
  height: 100%;
  background: crimson;
  transition: width 0.1s linear;
}

/* BGM 트랙명 + 플레이리스트 */
.bgm-track-name {
  font-size: 11px;
  color: #9CA3AF;
  text-align: center;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bgm-playlist-toggle {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 10px;
  color: #6B7280;
  cursor: pointer;
  margin-top: 8px;
  padding: 4px 0;
  border: none;
  background: none;
}
.bgm-playlist-toggle:hover {
  color: #E5E7EB;
}

.bgm-playlist-panel {
  display: none;
  margin-top: 8px;
  max-height: 150px;
  overflow-y: auto;
  border-top: 1px solid rgba(255,255,255,0.1);
  padding-top: 8px;
}
.bgm-playlist-panel.open {
  display: block;
}

.bgm-playlist-item {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 11px;
  color: #9CA3AF;
  padding: 4px 8px;
  cursor: pointer;
  border: none;
  background: none;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bgm-playlist-item:hover {
  background: rgba(255,255,255,0.1);
  color: #E5E7EB;
}
.bgm-playlist-item.active {
  color: crimson;
  font-weight: 600;
}

/* ===== [FIX] 라인드로잉 썸네일 — invert 범위 제한 ===== */
/* style.css의 blanket invert(img.object-cover)를 본문/프로필/배너에서 해제 */
.article-content img,
#article-editor img,
#header img.rounded-full,
.post-nav img,
.banner-list img,
.tt_box_namecard img,
.post-featured-img {
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* 리스트 썸네일만 blend로 라인드로잉 배경색 문제 해결 */
.list-thumb img,
#sidebar .img-wrapper img {
  mix-blend-mode: screen;
}

/* ===== [FIX] 글자 강조 복원 — 에디터 색상/배경 보존 ===== */
/* style.css가 공통 흰색/회색을 inherit/transparent로 덮어써서 사용자 지정 강조가 사라지는 문제 수정 */
#tt-body-page *[style*="color: #ffffff"],
#tt-body-page *[style*="color:#ffffff"],
#tt-body-page *[style*="color: #FFFFFF"],
#tt-body-page *[style*="color:#FFFFFF"] {
  color: #ffffff !important;
}
#tt-body-page *[style*="background-color: #ffffff"],
#tt-body-page *[style*="background-color:#ffffff"],
#tt-body-page *[style*="background-color: #fcfcfc"],
#tt-body-page *[style*="background-color: #f8f8f8"] {
  background-color: inherit;
}
/* 사용자가 직접 지정한 형광펜/하이라이트 색상은 보존 */
#tt-body-page span[style*="background-color"]:not([style*="#ffffff"]):not([style*="#fcfcfc"]):not([style*="#f8f8f8"]) {
  background-color: revert !important;
}

/* ===== [FIX] 본문 폰트 — style.css의 깨진 --value() 문법 복구 ===== */
#article-editor,
#article-editor p,
#article-editor li,
#article-editor span,
#article-editor div,
.article-content,
body {
  font-family: "Pretendard Variable", Pretendard, "Apple SD Gothic Neo",
    "Malgun Gothic", ui-sans-serif, system-ui, sans-serif !important;
}

/* ===== 포스트 썸네일 이미지 ===== */
.post-featured {
  width: 100% !important;
  overflow: hidden !important;
}

.post-featured-img {
  width: 100% !important;
  height: 300px !important;
  min-height: 300px !important;
  background-size: cover !important;
  background-position: center !important;
}

.post-featured-img.wide {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: 0 !important;
  right: 0 !important;
  position: relative !important;
  transform: none !important;
}

/* ===== 본문 컨텐츠 영역 너비 제한 ===== */
#content {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.article-content,
#article-editor {
  max-width: 100% !important;
  overflow-x: auto !important;
  word-break: break-word !important;
}

.article-content * {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.article-content pre,
.article-content table,
.article-content img {
  max-width: 100% !important;
  overflow-x: auto !important;
}

.s_permalink_article_rep > div,
main#content > div {
  max-width: 100% !important;
  overflow: hidden !important;
}

/* ===== 관리자 버튼 영역 수정 ===== */
.admin-buttons-wrap {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.admin-buttons-wrap .admin-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px 24px;
  padding: 16px 20px;
  border-radius: 6px;
  background: var(--jq-500, #374151);
  width: 100%;
  box-sizing: border-box;
}

.admin-buttons-wrap .admin-buttons a,
.admin-buttons-wrap .admin-buttons button {
  display: inline-flex;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: none;
  white-space: nowrap;
}

.admin-buttons-wrap .admin-buttons a:hover,
.admin-buttons-wrap .admin-buttons button:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* 보호 상태일 때 숨김 */
.admin-buttons-wrap .admin-buttons [data-status="보호"] {
  display: none !important;
}

/* ===== 메인 레이아웃 — 전폭 ===== */
.main-content-wrapper {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 40px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .main-content-wrapper { padding: 0 16px; }
}

@media (min-width: 768px) {
  .content-flex-container {
    display: flex;
    gap: 56px;
    align-items: flex-start;
  }

  #sidebar {
    width: 18%;
    min-width: 220px;
    flex-shrink: 0;
  }

  #content {
    flex: 1;
    min-width: 0;
  }
}

/* 푸터도 전폭 대응 */
footer.main-content-wrapper {
  max-width: none !important;
}

/* =====================================================================
   에디토리얼 매거진 스타일 + 읽기 최적화 레이아웃
   ===================================================================== */

/* 본문 읽기 컬럼 - 기사 페이지 전용 (permalink만 좁게, 리스트는 유지) */
@media (min-width: 1024px) {
  .s_permalink_article_rep .article-content,
  .s_permalink_article_rep #article-editor,
  .s_permalink_article_rep > div > div:has(#article-editor) {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* permalink 본문 우측 TOC 공간 확보 */
  .s_permalink_article_rep {
    padding-right: 280px;
    box-sizing: border-box;
  }
}
@media (max-width: 1023px) {
  .s_permalink_article_rep { padding-right: 0; }
}

/* 매거진 타이포 - 개별 포스트 제목(.post-title-h1)만 Black Han Sans */
.post-title-h1,
h1.post-title-h1 {
  font-family: "Black Han Sans", "Noto Sans KR", sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
}
/* 랜딩/리스트/방명록/태그 페이지 h1 → Pretendard */
h1.title-h1:not(.post-title-h1) {
  font-family: "Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", -apple-system, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
}

/* 매거진 모노 라벨 */
.title-mono-xs, .title-mono-sm {
  font-family: "JetBrains Mono", ui-monospace, monospace !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase;
}

/* 본문 첫 문단 드롭캡 */
.s_permalink_article_rep #article-editor > p:first-of-type::first-letter,
.s_permalink_article_rep .article-content > p:first-of-type::first-letter {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 3.2em;
  font-weight: 700;
  float: left;
  line-height: 0.9;
  padding: 4px 10px 0 0;
  color: var(--jq-100, #E5E7EB);
}

/* 섹션 구분선 - 얇은 장식선 */
.s_permalink_article_rep #article-editor h2,
.s_permalink_article_rep .article-content h2 {
  font-family: "Playfair Display", "Noto Serif KR", Georgia, serif;
  font-weight: 700;
  margin-top: 3em !important;
  padding-top: 1.2em;
  border-top: 1px solid rgba(255,255,255,0.08);
}

/* =====================================================================
   TOC(목차) - 우측 세로 막대 인디케이터 (호버 시 확장)
   ===================================================================== */
#post-index {
  position: fixed !important;
  top: 145px !important;         /* GNB 아래 5px 추가 여유 */
  right: 14px !important;
  bottom: 24px !important;       /* 하단 BGM 바 위 여유 */
  left: auto !important;
  transform: none !important;
  translate: none !important;
  width: auto !important;
  max-width: 340px;
  max-height: none !important;
  z-index: 40 !important;
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  overflow: hidden !important;
}
#post-index .inner {
  margin: 0 !important;
  padding: 4px 8px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  backdrop-filter: none !important;
  transform: translateX(6px);
  transition: background 0.3s ease,
              backdrop-filter 0.3s ease,
              border-color 0.3s ease,
              padding 0.3s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  box-shadow: none !important;
}
#post-index:hover .inner {
  transform: translateX(0) !important;   /* 스르륵 미끄러져 들어옴 */
}
html.dark #post-index .inner {
  background: transparent !important;
  border: none !important;
}
/* 닫기 버튼 숨김 (항상 접근 가능) */
#post-index .inner > div:first-child { display: none !important; }
#post-index .inner > div:nth-child(2) {
  max-height: 70vh !important;
  overflow: visible !important;
}

/* 기본 상태: 모든 인덱스 바 항상 표시 (회색) */
#posts-index-list {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  width: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
#posts-index-list > li {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  list-style: none !important;
  display: block !important;
  width: auto !important;
}
#posts-index-list > li > a {
  display: block !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  width: 22px !important;
  height: 2px !important;
  background: rgba(255,255,255,0.35) !important;
  border-radius: 1px;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  transition: width 0.35s cubic-bezier(0.22, 1, 0.36, 1),
              background 0.25s ease;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}
/* 계층 구분 - h3, h4는 살짝 짧게 */
#posts-index-list > li[data-title="h3-li"] > a,
#posts-index-list > li.pl-3 > a { width: 16px !important; background: rgba(255,255,255,0.28) !important; }
#posts-index-list > li[data-title="h4-li"] > a,
#posts-index-list > li.pl-6 > a { width: 10px !important; background: rgba(255,255,255,0.22) !important; }

/* 개별 hover - 해당 줄만 길어짐 */
#posts-index-list > li > a:hover {
  width: 38px !important;
  background: rgba(255,255,255,0.8) !important;
}

/* active (현재 보고있는 섹션) - 가장 길고 흰 불 들어옴 */
#posts-index-list > li.active > a {
  width: 46px !important;
  background: #FFFFFF !important;
}

/* 스크롤 컨테이너: viewport를 넘지 않게 내부 스크롤 */
#post-index .inner { display: flex !important; flex-direction: column !important; min-height: 0 !important; flex: 1 1 auto !important; }
#post-index .inner > div:nth-child(2) {
  flex: 1 1 auto !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  min-height: 0 !important;
  scrollbar-width: none;
}
#post-index .inner > div:nth-child(2)::-webkit-scrollbar { display: none; }

/* 호버 시 패널 등장 */
#post-index:hover .inner {
  background: rgba(17,24,39,0.5) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(16px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.1) !important;
  padding: 14px 18px !important;
  transform: translateX(0) !important;
}
#post-index:hover #posts-index-list {
  align-items: stretch !important;
  min-width: 240px !important;
  gap: 4px !important;
}
#post-index:hover #posts-index-list > li {
  width: 100% !important;
}
#post-index:hover #posts-index-list > li > a {
  width: 100% !important;
  height: auto !important;
  background: transparent !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: rgba(255,255,255,0.75) !important;
  padding: 5px 2px !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: keep-all !important;
  transition: color 0.25s ease, background 0.25s ease !important;
}
#post-index:hover #posts-index-list > li[data-title="h2-li"] > a {
  font-weight: 700 !important;
  font-size: 13.5px !important;
  color: rgba(255,255,255,0.92) !important;
}
#post-index:hover #posts-index-list > li[data-title="h3-li"] > a,
#post-index:hover #posts-index-list > li.pl-3 > a { padding-left: 12px !important; font-size: 12px !important; }
#post-index:hover #posts-index-list > li[data-title="h4-li"] > a,
#post-index:hover #posts-index-list > li.pl-6 > a { padding-left: 24px !important; font-size: 12px !important; opacity: 0.85; }
#post-index:hover #posts-index-list > li.active > a {
  color: #fff !important;
  font-weight: 600 !important;
  background: transparent !important;
  width: auto !important;
}

html:not(.dark) #post-index:hover .inner {
  background: rgba(255,255,255,0.45) !important;
  border-color: rgba(0,0,0,0.08) !important;
  backdrop-filter: blur(22px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.1) !important;
}
html:not(.dark) #post-index:hover #posts-index-list > li > a { color: rgba(0,0,0,0.7) !important; }
/* 라이트 테마 - 파스텔 배경에 대비되는 다크 그레이 */
html:not(.dark) #posts-index-list > li > a { background: rgba(40,30,60,0.42) !important; }
html:not(.dark) #posts-index-list > li[data-title="h3-li"] > a,
html:not(.dark) #posts-index-list > li.pl-3 > a { background: rgba(40,30,60,0.32) !important; }
html:not(.dark) #posts-index-list > li[data-title="h4-li"] > a,
html:not(.dark) #posts-index-list > li.pl-6 > a { background: rgba(40,30,60,0.24) !important; }
html:not(.dark) #posts-index-list > li > a:hover { background: rgba(30,20,50,0.85) !important; }
html:not(.dark) #posts-index-list > li.active > a { background: #1A1230 !important; }
html:not(.dark) #post-index:hover #posts-index-list > li > a { color: rgba(0,0,0,0.65) !important; }
html:not(.dark) #post-index:hover #posts-index-list > li[data-title="h2-li"] > a { color: rgba(0,0,0,0.92) !important; font-weight: 700 !important; }
html:not(.dark) #post-index:hover #posts-index-list > li.active > a { color: #000 !important; }

@media (max-width: 767px) {
  #post-index { display: none !important; }
}

/* TOC 오프너 버튼 숨김 — rail이 항상 보이므로 불필요 */
#post-index-btn { display: none !important; }
/* TOC는 JS가 article/heading 유무로 표시 판단 (body ID 의존 제거) */


/* =====================================================================
   플로팅 버튼 그룹 - 가시성 확보 (BGM 위, 최상단 z-index)
   ===================================================================== */
.fab-group {
  position: fixed !important;
  right: 20px !important;
  bottom: 100px !important;
  z-index: 999 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  align-items: center !important;
}
@media (max-width: 767px) {
  .fab-group { bottom: 90px !important; right: 12px !important; }
}

/* =====================================================================
   전역 줄바꿈 - 한국어 단어 단위 wrap
   ===================================================================== */
body,
#article-editor, #article-editor *,
.article-content, .article-content *,
.title, [data-title="article-title"],
h1, h2, h3, h4, h5, h6,
p, li, td, th,
.summary, .desc {
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
}
/* 코드/URL은 강제 줄바꿈 허용 */
code, pre, .url, a[href^="http"] {
  word-break: break-all !important;
  overflow-wrap: anywhere !important;
}

/* =====================================================================
   BGM 미니바 전환 - 하단 고정, 낮은 높이
   ===================================================================== */
#bgmBtn {
  position: fixed !important;
  top: auto !important;
  right: auto !important;
  bottom: 20px !important;
  left: 50% !important;
  transform: translateX(-50%);
  width: min(520px, calc(100vw - 120px)) !important;
  padding: 10px 18px !important;
  border-radius: 14px !important;
  display: flex;
  align-items: center;
  gap: 14px;
  background: rgba(20,22,28,0.88) !important;
  backdrop-filter: blur(20px);
  z-index: 998 !important;
}
#bgmBtn.dragged-custom {
  left: auto !important;
  transform: none !important;
}
#bgmBtn .bgm-track-name {
  flex: 0 0 auto;
  max-width: 180px;
  margin-bottom: 0 !important;
  font-size: 12px !important;
  text-align: left !important;
  order: 2;
}
#bgmBtn .bgm-controls {
  margin-bottom: 0 !important;
  gap: 10px;
  flex: 0 0 auto;
  order: 1;
}
#bgmBtn .bgm-controls .play-logo { width: 22px; height: 22px; }
#bgmBtn .bgm-progress-container {
  flex: 1 1 auto;
  min-width: 80px;
  order: 3;
}
#bgmBtn .bgm-playlist-toggle {
  margin-top: 0 !important;
  padding: 4px 8px !important;
  width: auto !important;
  flex: 0 0 auto;
  order: 4;
  font-size: 10px;
}
#bgmBtn .bgm-playlist-panel {
  position: absolute;
  bottom: calc(100% + 8px);
  right: 0;
  width: 260px;
  background: rgba(20,22,28,0.95);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  padding: 8px;
  margin-top: 0 !important;
  max-height: 240px;
}

@media (max-width: 767px) {
  #bgmBtn {
    width: calc(100vw - 24px) !important;
    bottom: 12px !important;
    padding: 8px 12px !important;
  }
  #bgmBtn .bgm-track-name { max-width: 100px; font-size: 11px !important; }
}

/* =====================================================================
   썸네일 - 리스트는 1:1 정사각형 유지
   ===================================================================== */
.list-thumb {
  aspect-ratio: 1/1 !important;
  flex-shrink: 0;
  background: rgba(255,255,255,0.03);
  overflow: hidden;
}
@media (min-width: 768px) {
  .list-thumb {
    width: 160px !important;
    height: 160px !important;
  }
}
@media (max-width: 767px) {
  .list-thumb {
    width: 100px !important;
    height: 100px !important;
  }
}
.list-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}

/* 배너 커버 높이 */
.banner-list .banner-box img {
  height: 320px !important;
  object-fit: cover;
}

/* =====================================================================
   퍼머링크 썸네일 - 제거 (레이아웃 안정성 우선)
   ===================================================================== */
.post-featured { display: none !important; }

/* 포스트 제목 크기 - Black Han Sans */
#content h1.post-title-h1 {
  font-size: clamp(32px, 4vw, 52px) !important;
  margin: 8px 0 12px 0 !important;
}
/* 랜딩/리스트 제목 크기 - Pretendard */
#content h1.title-h1:not(.post-title-h1) {
  font-size: clamp(28px, 3.5vw, 44px) !important;
  margin: 8px 0 12px 0 !important;
}

/* =====================================================================
   테마 토글 버튼 - 우하단 스크롤톱 위에 3개
   ===================================================================== */
.theme-switcher {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 6px;
  background: rgba(20,22,28,0.8);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 999px;
}
html:not(.dark) .theme-switcher {
  background: rgba(255,255,255,0.85);
  border-color: rgba(0,0,0,0.08);
}
.theme-btn {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: inherit;
  opacity: 0.55;
  cursor: pointer;
  transition: opacity 0.2s, background 0.2s;
}
.theme-btn:hover { opacity: 1; }
.theme-btn.active {
  opacity: 1;
  background: rgba(255,255,255,0.12);
}
html:not(.dark) .theme-btn.active { background: rgba(0,0,0,0.08); }
.theme-btn svg { width: 16px; height: 16px; }

/* =====================================================================
   다크 테마 - 터미널/VSCode/Claude 단색 (코딩 에디터 톤)
   ===================================================================== */
html.dark {
  background: #1A1A1A !important;
  background-attachment: fixed !important;
  color: #E5E5E5 !important;
}
html.dark body {
  background: transparent !important;
  color: #E5E5E5 !important;
  font-family: "Pretendard Variable", "Pretendard", -apple-system, "Apple SD Gothic Neo",
               BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, sans-serif !important;
}
/* Notion 톤: 제목은 밝은 뉴트럴, 본문은 부드러운 회색 */
html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5 {
  color: #EDEDED !important;
}
/* 일반 .title-h1 (랜딩/리스트/방명록/태그)만 Pretendard, 포스트 제목은 그대로 */
html.dark h1.title-h1:not(.post-title-h1) {
  font-family: "Pretendard Variable", "Pretendard", -apple-system, "Apple SD Gothic Neo",
               BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: -0.02em !important;
}
/* 포스트 제목은 Black Han Sans 유지 (다크에서도) */
html.dark h1.post-title-h1 {
  font-family: "Black Han Sans", "Noto Sans KR", sans-serif !important;
  letter-spacing: -0.01em !important;
}
html.dark p, html.dark li, html.dark span:not(.title-mono-sm):not(.title-mono-xs) {
  color: #D4D4D4 !important;
}
html.dark .text-subtle, html.dark .desc, html.dark blockquote,
html.dark [data-title="article-date"], html.dark time {
  color: #9B9B9B !important;
}
html.dark a:not(.btn):not(.theme-btn):not(.ctrl-btn):not(.title-mono-sm-link) {
  color: #E5E5E5 !important;
  text-decoration-color: rgba(255,255,255,0.25) !important;
}
html.dark a:not(.btn):not(.theme-btn):not(.ctrl-btn):hover {
  color: #FFFFFF !important;
  background: rgba(255,255,255,0.06) !important;
  border-radius: 3px;
}
html.dark code, html.dark pre {
  background: #2F2F2F !important;
  color: #EB5757 !important;  /* Notion code red */
  border-radius: 3px;
  padding: 2px 6px;
  font-family: ui-monospace, "SFMono-Regular", Menlo, monospace !important;
}
html.dark pre { padding: 14px 18px; }
html.dark body {
  background: transparent !important;
}
html.dark #header {
  background: rgba(26,26,26,0.65) !important;
  backdrop-filter: saturate(1.2) blur(16px) !important;
  -webkit-backdrop-filter: saturate(1.2) blur(16px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
html.dark main#content,
html.dark .bg-jq-bg:not(#header):not(#bgmBtn):not(.fab-group) {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* 다크: 사이드바 전체 투명 (카테고리/방문자 포함) */
html.dark #sidebar,
html.dark #sidebar > div,
html.dark #sidebar .sidebar-section,
html.dark #sidebar .sidebar-section__body {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
@media (max-width: 767px) {
  html.dark #sidebar {
    background: rgba(15,23,42,0.95) !important;
    backdrop-filter: blur(14px) !important;
  }
}
html.dark .list-box,
html.dark .banner-box,
html.dark .tt-comments-wrap {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 14px !important;
  padding: 18px !important;
  transition: border-color 0.2s, background 0.2s;
}
html.dark .list-box:hover,
html.dark .banner-box:hover {
  border-color: rgba(255,255,255,0.25) !important;
  background: rgba(255,255,255,0.03) !important;
}
html.dark .post-nav {
  background: rgba(20,22,40,0.7) !important;
  backdrop-filter: blur(10px);
}

/* =====================================================================
   라이트 테마 - 피치×라벤더 파스텔 그라디언트 (이색적)
   ===================================================================== */
html:not(.dark) {
  background:
    linear-gradient(135deg,
      #FCD4B5 0%,
      #F5C4C0 25%,
      #E8BCC9 50%,
      #C9D4EC 80%,
      #AEC3E5 100%) fixed !important;
  background-attachment: fixed !important;
}
html:not(.dark) body {
  background: transparent !important;
  color: #2A2440 !important;
}
html:not(.dark) #header {
  background: rgba(255,248,240,0.55) !important;
  border-bottom: 1px solid rgba(42,36,64,0.08) !important;
  backdrop-filter: saturate(1.3) blur(14px) !important;
  -webkit-backdrop-filter: saturate(1.3) blur(14px) !important;
}
html:not(.dark) #header a,
html:not(.dark) #header .text-white,
html:not(.dark) #header .text-jq-200,
html:not(.dark) #header .text-jq-300 {
  color: #2A2440 !important;
}
html:not(.dark) #header code {
  background: rgba(255,255,255,0.5) !important;
  color: #2A2440 !important;
}
html:not(.dark) .bg-jq-900,
html:not(.dark) .bg-jq-700,
html:not(.dark) .bg-jq-500 {
  background-color: rgba(255,252,248,0.55) !important;
  backdrop-filter: blur(10px);
  color: #2A2440 !important;
}
/* body.bg-jq-bg에는 backdrop-filter 금지 — position:fixed 자식이 viewport에 붙지 않게 됨 */
html:not(.dark) body.bg-jq-bg {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html:not(.dark) .text-jq-100,
html:not(.dark) .text-jq-200,
html:not(.dark) .text-jq-300,
html:not(.dark) .text-on-surface { color: #3A3460 !important; }

/* 카드형 UI - 투명 + 경계선만 (깔끔한 라인) */
html:not(.dark) .list-box,
html:not(.dark) .banner-box,
html:not(.dark) .tt-comments-wrap {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(42,36,64,0.15) !important;
  border-radius: 14px !important;
  padding: 18px !important;
  transition: border-color 0.2s, background 0.2s;
}
html:not(.dark) .list-box:hover,
html:not(.dark) .banner-box:hover {
  border-color: rgba(42,36,64,0.35) !important;
  background: rgba(255,252,248,0.25) !important;
}
html:not(.dark) .post-nav {
  background: rgba(255,252,248,0.55) !important;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(42,36,64,0.12) !important;
}

/* 사이드바는 투명하게 - 내부 wrapper 포함 */
html:not(.dark) #sidebar,
html:not(.dark) #sidebar > div,
html:not(.dark) #sidebar .sidebar-section,
html:not(.dark) #sidebar .sidebar-section__body {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
}

/* 본문 카드 배경 (퍼머링크 가독성) */
html:not(.dark) .s_permalink_article_rep #article-editor,
html:not(.dark) .s_permalink_article_rep .article-content {
  background: rgba(255,252,248,0.6);
  backdrop-filter: blur(8px);
  padding: 28px !important;
  border-radius: 16px;
}

/* 액센트 - 테라코타 */
html:not(.dark) a:hover,
html:not(.dark) .hover\:text-white:hover { color: #D97757 !important; }
html:not(.dark) #scroll-progress { background: #D97757 !important; }
html:not(.dark) .bgm-progress-bar { background: #D97757 !important; }

/* 라이트 테마 - 라인드로잉(_t.png)만 반전, 일반 이미지는 그대로 */
html:not(.dark) img[src$="_t.png"],
html:not(.dark) img[src*="_t.png?"] {
  filter: invert(1);
}
/* 리스트/사이드바 기본 blend 제거 (라이트에서 불필요) */
html:not(.dark) .list-thumb img,
html:not(.dark) #sidebar .img-wrapper img {
  mix-blend-mode: normal;
  filter: none;
}
/* 라이트: 사이드바/헤더 배경 처리 */
html:not(.dark) #sidebar {
  background: transparent !important;
}
html:not(.dark) #sidebar > div {
  background: transparent !important;
}
@media (max-width: 767px) {
  html:not(.dark) #sidebar {
    background: rgba(255,248,240,0.92) !important;
    backdrop-filter: blur(14px);
  }
}

/* 라이트 테마 BGM 배경 - 크림 블러 */
html:not(.dark) #bgmBtn {
  background: rgba(255,250,245,0.65) !important;
  backdrop-filter: blur(16px) saturate(1.2) !important;
  border-color: rgba(42,36,64,0.12) !important;
}
html:not(.dark) #bgmBtn .bgm-track-name,
html:not(.dark) #bgmBtn .ctrl-btn { color: #2A2440 !important; }
html:not(.dark) .play-logo { filter: none; }

/* =====================================================================
   [FIX] 인용(blockquote) — Tistory 순정 인용 다크/라이트 가독성 확보
   - 기존: #tt-body-page 한정 셀렉터 + 카드 배경에 묻혀버림
   - 수정: 본문 전반에 적용 + 다크/라이트 별 명확한 대비 + style1/2/3 3종 변형 처리
   ===================================================================== */
.article-content blockquote,
#article-editor blockquote,
.s_permalink_article_rep blockquote,
#tt-body-page blockquote {
  margin: 1.5rem 0 !important;
  padding: 1rem 1.4rem !important;
  border-left: 4px solid rgb(var(--color-primary) / 0.7) !important;
  border-radius: 0 8px 8px 0 !important;
  background-image: none !important;
  font-style: normal !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
}
.article-content blockquote p,
#article-editor blockquote p,
.s_permalink_article_rep blockquote p,
#tt-body-page blockquote p {
  color: inherit !important;
  margin: 0 !important;
}
.article-content blockquote p + p,
#article-editor blockquote p + p,
.s_permalink_article_rep blockquote p + p,
#tt-body-page blockquote p + p {
  margin-top: 0.5rem !important;
}

/* 다크 테마 인용 — 어두운 배경 위에 살짝 밝은 톤 + cyan 액센트 */
html.dark .article-content blockquote,
html.dark #article-editor blockquote,
html.dark .s_permalink_article_rep blockquote,
html.dark #tt-body-page blockquote {
  background-color: rgba(255, 255, 255, 0.045) !important;
  border-left-color: rgba(125, 211, 252, 0.65) !important;
  color: #E5E5E5 !important;
}

/* 라이트 테마 인용 — 파스텔 배경 위에 테라코타 액센트 */
html:not(.dark) .article-content blockquote,
html:not(.dark) #article-editor blockquote,
html:not(.dark) .s_permalink_article_rep blockquote,
html:not(.dark) #tt-body-page blockquote {
  background-color: rgba(217, 119, 87, 0.08) !important;
  border-left-color: #D97757 !important;
  color: #2A2440 !important;
}

/* data-ke-style="style2" — 오렌지 톤 변형 */
.article-content blockquote[data-ke-style="style2"],
#article-editor blockquote[data-ke-style="style2"],
.s_permalink_article_rep blockquote[data-ke-style="style2"],
#tt-body-page blockquote[data-ke-style="style2"] {
  border-left-color: #fb923c !important;
}
html.dark .article-content blockquote[data-ke-style="style2"],
html.dark #article-editor blockquote[data-ke-style="style2"],
html.dark .s_permalink_article_rep blockquote[data-ke-style="style2"],
html.dark #tt-body-page blockquote[data-ke-style="style2"] {
  border-left-color: rgba(251, 146, 60, 0.7) !important;
}

/* data-ke-style="style3" — 가운데 정렬 + 양옆 따옴표 느낌의 카드형 */
.article-content blockquote[data-ke-style="style3"],
#article-editor blockquote[data-ke-style="style3"],
.s_permalink_article_rep blockquote[data-ke-style="style3"],
#tt-body-page blockquote[data-ke-style="style3"] {
  border-left: none !important;
  border-radius: 8px !important;
  padding: 1.4rem 1.6rem !important;
  text-align: center !important;
  font-style: italic !important;
}

/* =====================================================================
   [A11Y] prefers-reduced-motion — OS 모션 줄이기 설정 사용자 위한 접근성
   ===================================================================== */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* =====================================================================
   [FIX-v2] 인용(blockquote) 재수정 — 큰 따옴표 ♪♪ 장식 + 가운데 정렬 차단
   - 원인 1: Tistory 본체 글로벌 CSS의 ::before/::after 따옴표 SVG
   - 원인 2: 글 작성 시 "디자인 3"을 선택하면 inline span/svg가 직접 삽입됨
   - 원인 3: 이전 [FIX]의 style3 가운데 정렬 + 이탤릭이 사용자 의도와 불일치
   - 처리: pseudo 무력화 + inline 자식 따옴표 제거 + 모든 인용 좌측 정렬 통일
   ===================================================================== */

/* (1) pseudo-element 큰 따옴표 무력화 — Tistory 글로벌 CSS 차단 */
.article-content blockquote::before,
.article-content blockquote::after,
#article-editor blockquote::before,
#article-editor blockquote::after,
.s_permalink_article_rep blockquote::before,
.s_permalink_article_rep blockquote::after,
#tt-body-page blockquote::before,
#tt-body-page blockquote::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* (2) blockquote 내부에 inline으로 들어간 따옴표 장식 element 차단 */
/* Tistory가 글에 직접 삽입하는 SVG/img/span 큰 따옴표 패턴 */
.article-content blockquote > svg,
.article-content blockquote > img[src*="quote"],
.article-content blockquote > span[class*="quote"],
.article-content blockquote > .tt_box_quote,
#article-editor blockquote > svg,
#article-editor blockquote > img[src*="quote"],
#article-editor blockquote > span[class*="quote"],
#article-editor blockquote > .tt_box_quote,
.s_permalink_article_rep blockquote > svg,
.s_permalink_article_rep blockquote > img[src*="quote"],
.s_permalink_article_rep blockquote > span[class*="quote"] {
  display: none !important;
}

/* (3) 모든 인용을 좌측 정렬 + border-left로 통일 — style3 가운데 정렬 해제 */
.article-content blockquote[data-ke-style="style3"],
#article-editor blockquote[data-ke-style="style3"],
.s_permalink_article_rep blockquote[data-ke-style="style3"],
#tt-body-page blockquote[data-ke-style="style3"] {
  border-left: 4px solid rgb(var(--color-primary) / 0.7) !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 1rem 1.4rem !important;
  text-align: left !important;
  font-style: normal !important;
}

/* style3 다크 — 다른 인용과 동일한 톤 */
html.dark .article-content blockquote[data-ke-style="style3"],
html.dark #article-editor blockquote[data-ke-style="style3"],
html.dark .s_permalink_article_rep blockquote[data-ke-style="style3"],
html.dark #tt-body-page blockquote[data-ke-style="style3"] {
  background-color: rgba(255, 255, 255, 0.045) !important;
  border-left-color: rgba(125, 211, 252, 0.65) !important;
}

/* style3 라이트 */
html:not(.dark) .article-content blockquote[data-ke-style="style3"],
html:not(.dark) #article-editor blockquote[data-ke-style="style3"],
html:not(.dark) .s_permalink_article_rep blockquote[data-ke-style="style3"],
html:not(.dark) #tt-body-page blockquote[data-ke-style="style3"] {
  background-color: rgba(217, 119, 87, 0.08) !important;
  border-left-color: #D97757 !important;
}

/* =====================================================================
   [FIX-v3] 인용(blockquote) 최종 강제 — 큰 따옴표 + 무지개 그라디언트 띠 박살
   - DOM inspector 확인 결과: 글에 inline 따옴표 element 없음
   - 따옴표/그라디언트는 전부 CSS pseudo + background-image에서 옴
   - [FIX-v2] 셀렉터 한정(.article-content 등)이 매치 실패한 듯 → 한정 제거하고 전역
   - body 안 모든 blockquote에 강제 적용 (댓글/사이드바 blockquote는 영향 없음, 본문에만 들어감)
   ===================================================================== */

/* (1) 모든 blockquote pseudo 따옴표 무력화 — html body 전역 */
html body blockquote::before,
html body blockquote::after,
html body blockquote *::before,
html body blockquote *::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* (2) blockquote 자체의 그라디언트 띠 / 배경 이미지 차단 */
html body blockquote,
html body blockquote[data-ke-style],
html body blockquote[data-ke-style="style1"],
html body blockquote[data-ke-style="style2"],
html body blockquote[data-ke-style="style3"] {
  background-image: none !important;
  text-align: left !important;
  font-style: normal !important;
  border-radius: 0 8px 8px 0 !important;
  border-left: 4px solid rgb(var(--color-primary) / 0.7) !important;
  padding: 1rem 1.4rem !important;
  margin: 1.5rem 0 !important;
  position: relative;
}

/* (3) blockquote 안 모든 자식의 가운데 정렬 / 그라디언트 강제 해제 */
html body blockquote *,
html body blockquote p,
html body blockquote span,
html body blockquote div {
  text-align: left !important;
  background-image: none !important;
}

/* (4) 다크 — 통일 색상 (style 무관) */
html.dark body blockquote,
html.dark body blockquote[data-ke-style] {
  background-color: rgba(255, 255, 255, 0.045) !important;
  border-left-color: rgba(125, 211, 252, 0.65) !important;
  color: #E5E5E5 !important;
}

/* (5) 라이트 — 통일 색상 (style 무관) */
html:not(.dark) body blockquote,
html:not(.dark) body blockquote[data-ke-style] {
  background-color: rgba(217, 119, 87, 0.08) !important;
  border-left-color: #D97757 !important;
  color: #2A2440 !important;
}

/* (6) 글에 직접 들어간 따옴표 element도 안전망으로 차단 */
html body blockquote > svg,
html body blockquote > img,
html body blockquote span[style*="font-size: 4"],
html body blockquote span[style*="font-size: 5"],
html body blockquote span[style*="font-size: 6"],
html body blockquote .quote_mark,
html body blockquote .tt_quote {
  display: none !important;
}

/* =====================================================================
   [FIX-v4] HR(구분선) 가독성 + 코드박스 다크/라이트 일관성
   - HR: 1px 흰선 너무 흐림 + 텍스트 거리 부족 → 대시 + 충분한 마진
   - 코드박스: inline code(`x`)와 block code(```x```)가 같은 규칙 받아서 중첩
     → 둘을 명확히 분리, 다크/라이트 동일한 라운드 + 동일한 패딩
   ===================================================================== */

/* (1) HR — 마크다운 --- 실선 4px (≈1mm) 강화 */
html body .article-content hr,
html body #article-editor hr,
html body .s_permalink_article_rep hr,
html body .article-content hr[data-ke-style],
html body #article-editor hr[data-ke-style] {
  height: 0 !important;
  width: 50% !important;
  border: none !important;
  border-top: 2px solid rgba(180, 180, 195, 0.55) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  margin: 3rem auto !important;
  filter: none !important;
  border-radius: 2px !important;
}

html:not(.dark) body .article-content hr,
html:not(.dark) body #article-editor hr,
html:not(.dark) body .s_permalink_article_rep hr {
  border-top-color: rgba(42, 36, 64, 0.45) !important;
}

/* (2) inline code (`x`) — 본문 흐름 안 단어 단위 */
html body :not(pre) > code {
  display: inline !important;
  padding: 2px 6px !important;
  margin: 0 2px !important;
  border-radius: 4px !important;
  font-size: 0.9em !important;
  font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
}
html.dark body :not(pre) > code {
  background: #2F2F2F !important;
  color: #FF6B9D !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
}
html:not(.dark) body :not(pre) > code {
  background: rgba(217, 119, 87, 0.12) !important;
  color: #B8472E !important;
  border: 1px solid rgba(217, 119, 87, 0.2) !important;
}

/* (3) block code (pre > code) — 다중 라인 코드 블록 */
html body .article-content pre,
html body #article-editor pre,
html body .s_permalink_article_rep pre {
  margin: 1.2rem 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

html body .article-content pre > code,
html body #article-editor pre > code,
html body .s_permalink_article_rep pre > code,
html body .article-content pre code,
html body #article-editor pre code,
html body .s_permalink_article_rep pre code {
  display: block !important;
  padding: 1.3rem 1.5rem !important;
  margin: 0 !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  font-size: 0.88rem !important;
  line-height: 1.65 !important;
  font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace !important;
  overflow-x: auto !important;
  white-space: pre !important;
  word-break: normal !important;
}

/* 다크 코드 블록 */
html.dark body .article-content pre > code,
html.dark body #article-editor pre > code,
html.dark body .article-content pre code,
html.dark body #article-editor pre code {
  background: #1E1F2A !important;
  color: #E5E5E5 !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

/* 라이트 코드 블록 — 테라코타 액센트 어울리는 짙은 네이비 */
html:not(.dark) body .article-content pre > code,
html:not(.dark) body #article-editor pre > code,
html:not(.dark) body .article-content pre code,
html:not(.dark) body #article-editor pre code {
  background: #2A2440 !important;
  color: #FFE8D5 !important;
  border-color: rgba(42, 36, 64, 0.15) !important;
}

/* 복사 버튼 (pre::after) 위치/색상 통일 */
html body .article-content pre:has(code)::after,
html body #article-editor pre:has(code)::after {
  top: 1.1rem !important;
  right: 1.1rem !important;
  width: 1.1rem !important;
  height: 1.1rem !important;
  opacity: 0.5 !important;
  transition: opacity 0.2s !important;
}
html body .article-content pre:has(code):hover::after,
html body #article-editor pre:has(code):hover::after {
  opacity: 1 !important;
}

/* =====================================================================
   [FIX-v5] 인용 최후의 보루 — content.css의 SVG 따옴표 강제 차단
   - dev tools에서 background-image: none winning이라는데도 화면에 띠/따옴표 보이는 경우
   - 셀렉터 specificity를 최대로 + content:""+display:none 다중 안전망
   - keditor SVG URL 자체를 img/svg에서도 차단
   ===================================================================== */

/* (1) blockquote 자체 — 모든 data-ke-style 변형에 강제 transparent */
html body blockquote[data-ke-style],
html body blockquote[data-ke-style="style1"],
html body blockquote[data-ke-style="style2"],
html body blockquote[data-ke-style="style3"],
html body #tt-body-page blockquote[data-ke-style],
html body #tt-body-page blockquote[data-ke-style="style1"],
html body #tt-body-page blockquote[data-ke-style="style2"],
html body #tt-body-page blockquote[data-ke-style="style3"],
#tt-body-page blockquote[data-ke-style="style1"],
#tt-body-page blockquote[data-ke-style="style2"],
#tt-body-page blockquote[data-ke-style="style3"] {
  background-image: none !important;
  background: none !important;
}

/* 다크 — [FIX-v3]의 색상 다시 적용 (위에서 background: none 으로 덮였으니) */
html.dark body blockquote[data-ke-style],
html.dark body #tt-body-page blockquote[data-ke-style],
html.dark #tt-body-page blockquote[data-ke-style] {
  background-color: rgba(255, 255, 255, 0.045) !important;
  background-image: none !important;
  border-left: 4px solid rgba(125, 211, 252, 0.65) !important;
  color: #E5E5E5 !important;
}

/* 라이트 */
html:not(.dark) body blockquote[data-ke-style],
html:not(.dark) body #tt-body-page blockquote[data-ke-style],
html:not(.dark) #tt-body-page blockquote[data-ke-style] {
  background-color: rgba(217, 119, 87, 0.08) !important;
  background-image: none !important;
  border-left: 4px solid #D97757 !important;
  color: #2A2440 !important;
}

/* (2) ::before / ::after — content를 빈 문자열로 + display none 이중 안전 */
html body blockquote::before,
html body blockquote::after,
html body blockquote[data-ke-style]::before,
html body blockquote[data-ke-style]::after,
html body #tt-body-page blockquote::before,
html body #tt-body-page blockquote::after,
html body #tt-body-page blockquote[data-ke-style]::before,
html body #tt-body-page blockquote[data-ke-style]::after,
#tt-body-page blockquote::before,
#tt-body-page blockquote::after,
#tt-body-page blockquote[data-ke-style]::before,
#tt-body-page blockquote[data-ke-style]::after {
  content: "" !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  font-size: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* (3) Tistory keditor SVG 자체 차단 — 안전망 */
html body img[src*="t1.daumcdn.net/keditor"],
html body img[src*="blockquote-style"],
html body img[src*="keditor"][src*="blockquote"] {
  display: none !important;
}

/* =====================================================================
   [FIX-v6] 코드 syntax highlighting — 다크 토큰 색 복구 + 라이트 코드박스 재조정
   - 원인 (다크): "html.dark span:not(...) { color: #D4D4D4 !important }" 가
     hljs 토큰 span의 색을 모두 #D4D4D4로 덮어씀 → 모든 키워드/문자열 동일 색
   - 처리 (다크): atom-one-dark 토큰 색을 본문 셀렉터로 더 강하게 재적용
   - 처리 (라이트): 짙은 네이비 코드박스 → 밝은 회색 (라이트 테마 파스텔 톤과 조화)
                  + atom-one-light 토큰 색 직접 명시
   ===================================================================== */

/* ----- (A) 다크 코드박스 syntax 토큰 색 (atom-one-dark) ----- */
html.dark body pre code .hljs-comment,
html.dark body pre code .hljs-quote {
  color: #5C6370 !important;
  font-style: italic !important;
}
html.dark body pre code .hljs-keyword,
html.dark body pre code .hljs-selector-tag,
html.dark body pre code .hljs-subst {
  color: #C678DD !important;
}
html.dark body pre code .hljs-string,
html.dark body pre code .hljs-doctag {
  color: #98C379 !important;
}
html.dark body pre code .hljs-number,
html.dark body pre code .hljs-literal,
html.dark body pre code .hljs-variable {
  color: #D19A66 !important;
}
html.dark body pre code .hljs-title,
html.dark body pre code .hljs-section,
html.dark body pre code .hljs-selector-id {
  color: #61AFEF !important;
}
html.dark body pre code .hljs-function .hljs-title,
html.dark body pre code .hljs-attr,
html.dark body pre code .hljs-name {
  color: #E06C75 !important;
}
html.dark body pre code .hljs-built_in,
html.dark body pre code .hljs-builtin-name,
html.dark body pre code .hljs-symbol,
html.dark body pre code .hljs-bullet {
  color: #E5C07B !important;
}
html.dark body pre code .hljs-meta,
html.dark body pre code .hljs-regexp,
html.dark body pre code .hljs-link {
  color: #56B6C2 !important;
}
html.dark body pre code .hljs-tag,
html.dark body pre code .hljs-deletion {
  color: #E06C75 !important;
}
html.dark body pre code .hljs-addition {
  color: #98C379 !important;
}
html.dark body pre code .hljs-emphasis { font-style: italic !important; }
html.dark body pre code .hljs-strong { font-weight: 700 !important; }

/* ----- (B) 라이트 코드박스 배경/글자 재조정 ----- */
html:not(.dark) body .article-content pre > code,
html:not(.dark) body #article-editor pre > code,
html:not(.dark) body .article-content pre code,
html:not(.dark) body #article-editor pre code {
  background: #F7F4ED !important;   /* 라이트 테마 파스텔과 조화되는 옅은 베이지 */
  color: #383A42 !important;
  border-color: rgba(42, 36, 64, 0.12) !important;
}

/* ----- (C) 라이트 코드박스 syntax 토큰 색 (atom-one-light) ----- */
html:not(.dark) body pre code .hljs-comment,
html:not(.dark) body pre code .hljs-quote {
  color: #A0A1A7 !important;
  font-style: italic !important;
}
html:not(.dark) body pre code .hljs-keyword,
html:not(.dark) body pre code .hljs-selector-tag,
html:not(.dark) body pre code .hljs-subst {
  color: #A626A4 !important;
}
html:not(.dark) body pre code .hljs-string,
html:not(.dark) body pre code .hljs-doctag {
  color: #50A14F !important;
}
html:not(.dark) body pre code .hljs-number,
html:not(.dark) body pre code .hljs-literal,
html:not(.dark) body pre code .hljs-variable {
  color: #986801 !important;
}
html:not(.dark) body pre code .hljs-title,
html:not(.dark) body pre code .hljs-section,
html:not(.dark) body pre code .hljs-selector-id {
  color: #4078F2 !important;
}
html:not(.dark) body pre code .hljs-function .hljs-title,
html:not(.dark) body pre code .hljs-attr,
html:not(.dark) body pre code .hljs-name {
  color: #E45649 !important;
}
html:not(.dark) body pre code .hljs-built_in,
html:not(.dark) body pre code .hljs-builtin-name,
html:not(.dark) body pre code .hljs-symbol,
html:not(.dark) body pre code .hljs-bullet {
  color: #C18401 !important;
}
html:not(.dark) body pre code .hljs-meta,
html:not(.dark) body pre code .hljs-regexp,
html:not(.dark) body pre code .hljs-link {
  color: #4078F2 !important;
}
html:not(.dark) body pre code .hljs-tag,
html:not(.dark) body pre code .hljs-deletion {
  color: #E45649 !important;
}
html:not(.dark) body pre code .hljs-addition {
  color: #50A14F !important;
}
html:not(.dark) body pre code .hljs-emphasis { font-style: italic !important; }
html:not(.dark) body pre code .hljs-strong { font-weight: 700 !important; }

/* ----- (D) 다크 테마의 span color 강제가 hljs 토큰을 못 잡게 차단 ----- */
/* 사용자 원본 CSS의 "html.dark span:not(...)" 보다 specificity 한 단계 위 */
html.dark body pre code span[class*="hljs-"],
html.dark body .article-content pre code span,
html.dark body #article-editor pre code span {
  color: inherit;  /* 위에서 정의한 token 색이 winning */
}

/* =====================================================================
   [FIX-v7] (REVERTED) 사용자 요청: Tistory 수정창의 순정 인용 디자인 그대로 사용
   - 이전 시도: ::before/::after에 직접 따옴표(") CSS content 추가 — 사용자 의도와 불일치
   - 현재: 추가 따옴표 디자인 제거. Tistory 본체 + 사용자 스킨 원본 디자인이 그대로 적용됨
     (좌측 막대 + 회색 배경, 무지개 띠는 [FIX-v3] [FIX-v5] 에서 background-image 차단 유지)
   ===================================================================== */

/* =====================================================================
   [FIX-v8] 다크 hljs 토큰 specificity 끌어올림 — 사용자 원본 span 강제 깨기
   - 진단: hljs는 정상 작동 (DOM에 span.hljs-keyword 등 다 있음, data-highlighted="true")
   - 원인: 사용자 원본 "html.dark span:not(.title-mono-sm):not(.title-mono-xs) { color: #D4D4D4 !important }"
           specificity 0,0,3,2가 [FIX-v6]의 0,0,2,4 를 이김
   - 해결: span.hljs-keyword (element+class) + 추가 :not(...)로 0,0,4,5 로 끌어올림
   ===================================================================== */

html.dark body pre code span.hljs-comment:not(.title-mono-sm):not(.title-mono-xs),
html.dark body pre code span.hljs-quote:not(.title-mono-sm):not(.title-mono-xs) {
  color: #5C6370 !important;
  font-style: italic !important;
}

html.dark body pre code span.hljs-keyword:not(.title-mono-sm):not(.title-mono-xs),
html.dark body pre code span.hljs-selector-tag:not(.title-mono-sm):not(.title-mono-xs),
html.dark body pre code span.hljs-subst:not(.title-mono-sm):not(.title-mono-xs) {
  color: #C678DD !important;
}

html.dark body pre code span.hljs-string:not(.title-mono-sm):not(.title-mono-xs),
html.dark body pre code span.hljs-doctag:not(.title-mono-sm):not(.title-mono-xs) {
  color: #98C379 !important;
}

html.dark body pre code span.hljs-number:not(.title-mono-sm):not(.title-mono-xs),
html.dark body pre code span.hljs-literal:not(.title-mono-sm):not(.title-mono-xs),
html.dark body pre code span.hljs-variable:not(.title-mono-sm):not(.title-mono-xs) {
  color: #D19A66 !important;
}

html.dark body pre code span.hljs-title:not(.title-mono-sm):not(.title-mono-xs),
html.dark body pre code span.hljs-section:not(.title-mono-sm):not(.title-mono-xs),
html.dark body pre code span.hljs-selector-id:not(.title-mono-sm):not(.title-mono-xs) {
  color: #61AFEF !important;
}

html.dark body pre code span.hljs-attr:not(.title-mono-sm):not(.title-mono-xs),
html.dark body pre code span.hljs-name:not(.title-mono-sm):not(.title-mono-xs) {
  color: #E06C75 !important;
}

html.dark body pre code span.hljs-built_in:not(.title-mono-sm):not(.title-mono-xs),
html.dark body pre code span.hljs-builtin-name:not(.title-mono-sm):not(.title-mono-xs),
html.dark body pre code span.hljs-symbol:not(.title-mono-sm):not(.title-mono-xs),
html.dark body pre code span.hljs-bullet:not(.title-mono-sm):not(.title-mono-xs) {
  color: #E5C07B !important;
}

html.dark body pre code span.hljs-meta:not(.title-mono-sm):not(.title-mono-xs),
html.dark body pre code span.hljs-regexp:not(.title-mono-sm):not(.title-mono-xs),
html.dark body pre code span.hljs-link:not(.title-mono-sm):not(.title-mono-xs) {
  color: #56B6C2 !important;
}

html.dark body pre code span.hljs-tag:not(.title-mono-sm):not(.title-mono-xs),
html.dark body pre code span.hljs-deletion:not(.title-mono-sm):not(.title-mono-xs) {
  color: #E06C75 !important;
}

html.dark body pre code span.hljs-addition:not(.title-mono-sm):not(.title-mono-xs) {
  color: #98C379 !important;
}

/* 다크에서 pre code 자체(.hljs)의 기본 텍스트 색도 specificity 끌어올림
   - 코드 안 텍스트 노드(span 안 감싼 부분)는 부모 .hljs 색을 inherit
   - atom-one-dark 기본은 #ABB2BF */
html.dark body pre code.hljs:not(#x),
html.dark body pre code.language-python:not(#x),
html.dark body .article-content pre code.hljs,
html.dark body #article-editor pre code.hljs {
  color: #ABB2BF !important;
  background: #282C34 !important;
}

/* 라이트 동일 처리 (좀 더 강한 specificity로) */
html:not(.dark) body pre code span.hljs-comment,
html:not(.dark) body pre code span.hljs-quote {
  color: #A0A1A7 !important;
  font-style: italic !important;
}
html:not(.dark) body pre code span.hljs-keyword,
html:not(.dark) body pre code span.hljs-selector-tag,
html:not(.dark) body pre code span.hljs-subst {
  color: #A626A4 !important;
}
html:not(.dark) body pre code span.hljs-string,
html:not(.dark) body pre code span.hljs-doctag {
  color: #50A14F !important;
}
html:not(.dark) body pre code span.hljs-number,
html:not(.dark) body pre code span.hljs-literal,
html:not(.dark) body pre code span.hljs-variable {
  color: #986801 !important;
}
html:not(.dark) body pre code span.hljs-title,
html:not(.dark) body pre code span.hljs-section,
html:not(.dark) body pre code span.hljs-selector-id {
  color: #4078F2 !important;
}
html:not(.dark) body pre code span.hljs-attr,
html:not(.dark) body pre code span.hljs-name {
  color: #E45649 !important;
}
html:not(.dark) body pre code span.hljs-built_in,
html:not(.dark) body pre code span.hljs-builtin-name {
  color: #C18401 !important;
}
html:not(.dark) body pre code span.hljs-meta,
html:not(.dark) body pre code span.hljs-regexp {
  color: #4078F2 !important;
}