.charit-guides{display:grid;gap:20px}
.charit-guide{display:grid;grid-template-columns:56px 1fr;gap:24px;padding:30px;border:1px solid var(--line);border-radius:8px;background:#f5f6ef;transition:background .15s,border-color .15s}
.charit-guide:hover{background:#edf2e6;border-color:#b6c6a9}
.guide-number{font:500 32px/1.4 'Noto Serif KR',serif;color:#8b9e76}
.guide-label{font-size:.875rem;color:#627357}
.charit-guide h2{font:600 24px/1.6 'Noto Serif KR',serif;margin:5px 0 8px;letter-spacing:-.6px}
.charit-guide p{font-size:1rem;line-height:1.8;margin:0;color:#617257}
.guide-action{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #dce3d2;padding-top:18px;margin-top:22px;font-size:.875rem;color:#42643e}
.guide-action>span{font-size:20px}
.article .donation-context{font-size:1rem;color:#55684b;margin:0 0 24px}
.donation-list-label{display:grid;grid-template-columns:120px 1fr 28px;gap:20px;color:#63745a;font-size:.875rem;padding:0 22px 12px}
.donation-list{border-top:2px solid #486440;border-bottom:1px solid var(--line)}
.donation-event{border-bottom:1px solid var(--line);--event-ink:#48643b}
.donation-event:last-child{border-bottom:0}
.donation-event>summary{display:grid;grid-template-columns:120px minmax(0,1fr) 24px;gap:20px;padding:20px 22px;align-items:center;cursor:pointer;list-style:none;transition:background .15s}
.donation-event>summary::-webkit-details-marker,.donation-reward>summary::-webkit-details-marker{display:none}
.donation-event>summary:hover,.donation-reward>summary:hover{background:#f0f3e8}
.donation-event[open]>summary{background:#edf2e6;border-bottom:1px solid #dae3d1}
.donation-price{font-size:1.375rem;letter-spacing:-.6px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--event-ink);white-space:nowrap}
.donation-price small{font-size:.875rem;margin-left:4px;font-weight:500}
.donation-description{display:grid;gap:4px;line-height:1.65}
.donation-description strong{font-size:1.0625rem;font-weight:600;color:#344d30}
.donation-description>span{font-size:.875rem;color:#617257;word-break:keep-all;overflow-wrap:anywhere}
.event-3000{--event-ink:#846235}.event-5000{--event-ink:#635083}.event-10000{--event-ink:#83601d}.event-15000{--event-ink:#3f7166}.event-30000{--event-ink:#9c5341}
.donation-chevron{width:9px;height:9px;border-right:1.5px solid #607452;border-bottom:1.5px solid #607452;transform:rotate(45deg);justify-self:center;margin-top:-4px}
[open]>summary>.donation-chevron{transform:rotate(225deg);margin-top:4px}
.donation-body{padding:8px 26px 24px;background:#fffefa}
.donation-body>h3:first-child{margin-top:18px}
.donation-body .table-scroll{margin:14px 0 22px}
.article .donation-footnote{font-size:.875rem;line-height:1.8;color:#68735d;margin:14px 0 32px}
.donation-rewards{border:1px solid var(--line);border-radius:6px;overflow:hidden}
.donation-reward+ .donation-reward{border-top:1px solid var(--line)}
.donation-reward>summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:19px 22px;list-style:none;cursor:pointer;background:#f5f6ef}
.donation-reward[open]>summary{border-bottom:1px solid var(--line)}
.donation-notes{margin-top:24px;color:#5e7052;font-size:.875rem}
.donation-notes>summary{cursor:pointer;padding:8px 0}
.donation-notes>p{margin-top:12px}
.reward-fold{border:1px solid var(--line);border-radius:4px;margin:10px 0}
.reward-fold>summary{cursor:pointer;padding:12px 16px;font-weight:600;font-size:1rem;color:#49613b;background:#f3f5ed}
.reward-fold>.table-scroll{margin:0;border-radius:0}
.donation-guide summary:focus-visible{outline:3px solid #77965d;outline-offset:-3px}
.donation-event,.donation-reward,.reward-fold{scroll-margin-top:100px}
@media(max-width:700px){
 .charit-guide{grid-template-columns:34px minmax(0,1fr);gap:15px;padding:22px 18px}
 .guide-number{font-size:26px}.charit-guide h2{font-size:22px}
 .guide-action{align-items:flex-start;line-height:1.8}
 .donation-list-label{grid-template-columns:1fr auto;padding:0 14px 10px}
 .donation-list-label>span:first-child{display:none}
 .donation-event>summary{grid-template-columns:minmax(0,1fr) 20px;gap:7px 12px;padding:16px 14px}
 .donation-price{grid-column:1;font-size:1.25rem}
 .donation-description{grid-column:1;gap:3px}
 .donation-chevron{grid-column:2;grid-row:1 / span 2}
 .donation-body{padding:6px 12px 18px}
 .donation-reward>summary{padding:17px 14px}
 .donation-guide .table-scroll{margin-left:0;margin-right:0}
}
@media print{.donation-list-label,.donation-chevron{display:none}.donation-body{display:block!important}.donation-event>summary{background:transparent}}