/*
Theme Name: 버리는법
Theme URI: https://grassflavor.com/
Description: 대형폐기물 배출정보 사이트 전용 테마. 데이터 페이지(수수료 표) 우선 설계. 단일 컬럼, 시스템 폰트, SVG 아이콘, CLS 0.
Author: grassflavor
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
Text Domain: grassflavor
*/
:root{--c1:#1E7A46;--c2:#E07A3C;--gray-2:color-mix(in srgb,black 71%,white);--gray-3:color-mix(in srgb,black 58%,white);--gray-4:color-mix(in srgb,black 15%,white);--gray-5:color-mix(in srgb,black 7%,white);--ink:color-mix(in srgb,var(--c1) 12%,black);--ink-2:color-mix(in srgb,var(--c1) 10%,var(--gray-2));--ink-3:color-mix(in srgb,var(--c1) 8%,var(--gray-3));--line:color-mix(in srgb,var(--c1) 14%,var(--gray-4));--line-2:color-mix(in srgb,var(--c1) 9%,var(--gray-5));--bg:color-mix(in srgb,var(--c1) 2%,white);--bg-soft:color-mix(in srgb,var(--c1) 5%,white);--paper:white;--c1-dark:color-mix(in srgb,var(--c1) 78%,black);--c1-soft:color-mix(in srgb,var(--c1) 10%,white);--c1-line:color-mix(in srgb,var(--c1) 28%,white);--c2-dark:color-mix(in srgb,var(--c2) 72%,black);--c2-soft:color-mix(in srgb,var(--c2) 12%,white);--c2-line:color-mix(in srgb,var(--c2) 34%,white);--fs-body:17px;--lh-body:1.8;--maxw:760px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--radius:8px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",Roboto,sans-serif}*,*::before,*::after{box-sizing:border-box;min-width:0}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink);background:var(--bg);overflow-x:hidden;word-break:keep-all;overflow-wrap:anywhere}img,svg,video{max-width:100%;height:auto;display:block}a{color:var(--c1-dark);text-underline-offset:2px}a:hover{color:var(--c1)}h1,h2,h3,h4{line-height:1.4;font-weight:500;margin:0;word-break:keep-all}h1{font-size:1.62rem;font-weight:600;letter-spacing:-0.02em}h2{font-size:1.28rem;margin-top:var(--sp-7);margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:2px solid var(--c1-line)}h3{font-size:1.08rem;margin-top:var(--sp-6);margin-bottom:var(--sp-2)}p{margin:0 0 var(--sp-4)}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--sp-4)}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:58px}.brand{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:1.12rem;font-weight:600;color:var(--c1-dark);text-decoration:none;letter-spacing:-0.02em}.brand:hover{color:var(--c1)}.brand-mark{flex:none;color:var(--c1)}.nav{display:flex;gap:var(--sp-4);font-size:0.94rem}.nav a{color:var(--ink-2);text-decoration:none}.nav a:hover{color:var(--c1)}main{display:block;padding-block:var(--sp-6) var(--sp-7)}.site-footer{border-top:1px solid var(--line);background:var(--paper);padding-block:var(--sp-5);font-size:0.88rem;color:var(--ink-3)}.site-footer p{margin:0 0 var(--sp-1)}.table-wrap{overflow:visible;-webkit-overflow-scrolling:touch;margin:var(--sp-4) 0 var(--sp-2);border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.table-wrap.is-scrollable{overflow-x:auto}.fee-table{width:100%;border-collapse:collapse;font-size:0.95rem;line-height:1.55}.fee-table caption{caption-side:top;text-align:left;padding:var(--sp-3) var(--sp-4) 0;font-size:0.88rem;color:var(--ink-3)}.fee-table th,.fee-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line-2);text-align:left;vertical-align:top}.fee-table thead th{background:var(--c1-soft);color:var(--c1-dark);font-weight:600;font-size:0.88rem;white-space:nowrap;border-bottom:1px solid var(--c1-line);position:sticky;top:0}.fee-table tbody tr:last-child th,.fee-table tbody tr:last-child td{border-bottom:0}.fee-table tbody tr:nth-child(even){background:var(--bg-soft)}.fee-table .col-item{font-weight:500}.fee-table .col-spec{color:var(--ink-3);font-size:0.9rem}.fee-table .col-fee{text-align:right;white-space:nowrap;font-weight:600;color:var(--c2-dark);font-variant-numeric:tabular-nums}.fee-table .col-fee .unit{font-weight:400;font-size:0.86em;color:var(--ink-3)}.fee-table .is-empty{color:var(--ink-3);font-weight:400}.fee-orig{display:block;margin-top:var(--sp-1);font-size:0.82rem;color:var(--ink-3)}.table-hint{display:none;font-size:0.82rem;color:var(--ink-3);margin:0 0 var(--sp-4)}@media (max-width:560px){.table-hint{display:block}}.source-box{margin:var(--sp-4) 0 var(--sp-6);padding:var(--sp-3) var(--sp-4);background:var(--bg-soft);border:1px solid var(--line);border-left:3px solid var(--c2);border-radius:var(--radius);font-size:0.86rem;line-height:1.7;color:var(--ink-2)}.source-box p{margin:0 0 var(--sp-1)}.source-box p:last-child{margin-bottom:0}.source-box .label{color:var(--ink-3)}.badge-date{display:inline-block;padding:1px var(--sp-2);background:var(--c2-soft);border:1px solid var(--c2-line);border-radius:4px;font-size:0.82rem;font-weight:500;color:var(--c2-dark);font-variant-numeric:tabular-nums;white-space:nowrap}.badge-stale{display:inline-block;padding:1px var(--sp-2);background:var(--c2-soft);border:1px solid var(--c2);border-radius:4px;font-size:0.82rem;font-weight:600;color:var(--c2-dark)}.lead{font-size:1.04rem;color:var(--ink-2);margin:var(--sp-3) 0 var(--sp-5)}.steps{list-style:none;margin:var(--sp-4) 0;padding:0;counter-reset:step}.steps li{position:relative;counter-increment:step;padding:0 0 var(--sp-4) 42px}.steps li::before{content:counter(step);position:absolute;left:0;top:2px;width:26px;height:26px;display:grid;place-items:center;background:var(--c1);color:var(--paper);border-radius:50%;font-size:0.86rem;font-weight:600;line-height:1}.steps li:last-child{padding-bottom:0}.steps strong{font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-3);margin:var(--sp-4) 0}.info-card{min-width:0;padding:var(--sp-3) var(--sp-4);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.info-card .k{font-size:0.82rem;color:var(--ink-3);margin-bottom:var(--sp-1)}.info-card .v{font-weight:500}.info-card a{text-decoration:none}.btn-apply{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);background:var(--c1);color:var(--paper);border-radius:var(--radius);font-weight:500;text-decoration:none}.btn-apply:hover{background:var(--c1-dark);color:var(--paper)}.entry{max-width:720px}.entry ul,.entry ol{margin:0 0 var(--sp-4);padding-left:1.3em}.entry li{margin-bottom:var(--sp-2)}.entry blockquote{margin:var(--sp-4) 0;padding:var(--sp-3) var(--sp-4);border-left:3px solid var(--c1-line);background:var(--bg-soft);color:var(--ink-2)}.entry mark{background:var(--c2-soft);color:inherit;padding:0 2px}.entry code{background:var(--bg-soft);border:1px solid var(--line-2);border-radius:4px;padding:0 4px;font-size:0.9em}.toc{margin:var(--sp-5) 0;padding:var(--sp-4);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);font-size:0.94rem}.toc-title{font-weight:600;margin-bottom:var(--sp-2);color:var(--c1-dark)}.toc ol{margin:0;padding-left:1.2em}.toc li{margin-bottom:var(--sp-1)}.toc a{color:var(--ink-2);text-decoration:none}.toc a:hover{color:var(--c1);text-decoration:underline}.faq{margin:var(--sp-4) 0}.faq details{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);margin-bottom:var(--sp-2)}.faq summary{padding:var(--sp-3) var(--sp-4);font-weight:500;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";float:right;color:var(--c1);font-weight:400}.faq details[open] summary::after{content:"−"}.faq .faq-body{padding:0 var(--sp-4) var(--sp-4);color:var(--ink-2)}.post-list{list-style:none;margin:0;padding:0}.post-item{padding-bottom:var(--sp-5);margin-bottom:var(--sp-5);border-bottom:1px solid var(--line)}.post-item:last-child{border-bottom:0}.post-item h2{margin:0 0 var(--sp-2);border:0;padding:0;font-size:1.16rem}.post-item h2 a{text-decoration:none;color:var(--ink)}.post-item h2 a:hover{color:var(--c1)}.post-meta{font-size:0.84rem;color:var(--ink-3);margin-bottom:var(--sp-2)}.post-excerpt{color:var(--ink-2);margin:0}.thumb{display:block;margin-bottom:var(--sp-3);border-radius:var(--radius);overflow:hidden;background:var(--bg-soft);aspect-ratio:16 / 9}.thumb img{width:100%;height:100%;object-fit:cover}.related{margin-top:var(--sp-7)}.related ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-2)}.related li{min-width:0}.related a{display:block;padding:var(--sp-2) var(--sp-3);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink-2);font-size:0.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related a:hover{border-color:var(--c1-line);color:var(--c1-dark)}.pagination{margin-top:var(--sp-6);display:flex;gap:var(--sp-2);flex-wrap:wrap}.pagination .page-numbers{padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink-2);background:var(--paper);font-size:0.92rem}.pagination .page-numbers.current{background:var(--c1);color:var(--paper);border-color:var(--c1)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--c2);outline-offset:2px}@media (max-width:480px){:root{--fs-body:16px}.wrap{padding-inline:var(--sp-3)}h1{font-size:1.36rem}h2{font-size:1.16rem;margin-top:var(--sp-6)}.info-grid{grid-template-columns:1fr}.site-header .wrap{min-height:52px}.nav{gap:var(--sp-3);font-size:0.88rem}.fee-table{font-size:0.9rem}.fee-table th,.fee-table td{padding:var(--sp-2) var(--sp-3)}.fee-table thead th.h-spec{display:none}.fee-table .col-spec{display:block;padding:0 var(--sp-3) var(--sp-2);border-bottom:0;font-size:0.86rem}.fee-table .col-item{display:block;padding-bottom:var(--sp-1);border-bottom:0}.fee-table tbody tr{display:grid;grid-template-columns:1fr auto;align-items:start;border-bottom:1px solid var(--line-2)}.fee-table tbody tr>.col-item{grid-column:1;grid-row:1}.fee-table tbody tr>.col-spec{grid-column:1;grid-row:2}.fee-table tbody tr>.col-fee{grid-column:2;grid-row:1 / span 2;align-self:center;border-bottom:0}.fee-table tbody tr:last-child{border-bottom:0}.table-hint{display:none}.table-wrap.is-scrollable{overflow:visible}.fee-table thead th{top:0;z-index:2}}@media print{.site-header,.site-footer,.nav,.related,.pagination{display:none}body{background:var(--paper)}}