.pf{background:#fff;color:#1f1d1a}
.pf .nav.solid{background:rgba(255,255,255,.94);box-shadow:0 1px 0 rgba(168,118,31,.2)}
.pf .nav nav a[aria-current]{color:#8C6214;font-weight:700}
.pf br.d{display:inline}
.pf-hero{padding:132px 0 56px;background:linear-gradient(180deg,#FBF8F1 0%,#fff 100%);border-bottom:1px solid #eee5d3}
.pf-crumb{font-size:15px;color:#6b665c;margin-bottom:22px}.pf-crumb a{color:#8C6214;font-weight:600}
.pf-eye{font-size:14px;font-weight:800;letter-spacing:.16em;color:#8C6214;margin-bottom:12px}
.pf-hero h1{font-size:clamp(36px,5.4vw,60px);font-weight:800;letter-spacing:-.035em;line-height:1.15}
.pf-lead{margin-top:18px;font-size:clamp(17px,1.6vw,20px);line-height:1.65;color:#4a463e;max-width:720px}
.pf-toc{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;list-style:none;padding:0;counter-reset:t}
.pf-toc a{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:1px solid #e0d3b6;border-radius:99px;font-weight:600;font-size:15px;background:#fff;color:#2b2822}
.pf-toc li{counter-increment:t}.pf-toc a:before{content:"0" counter(t);color:#A8761F;font-weight:800;font-size:13px}
.pf-toc a:hover{border-color:#A8761F}
.pf-list{padding:72px 0 40px}
.pf-item{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center;padding:56px 0;border-bottom:1px solid #f0eadc;scroll-margin-top:80px}
.pf-item:nth-child(even) .pf-media{order:2}
.pf-num{font-size:15px;font-weight:800;color:#A8761F;letter-spacing:.1em}
.pf-txt h2{font-size:clamp(28px,3vw,38px);font-weight:800;letter-spacing:-.03em;margin-top:6px}
.pf-url{font-size:16px;color:#8C6214;font-weight:600;margin-top:6px;word-break:break-all}
.pf-desc{font-size:18px;line-height:1.7;color:#3a3730;margin-top:18px}
.pf-txt ul{margin:18px 0 28px;padding:0;list-style:none}
.pf-txt li{position:relative;padding-left:20px;margin:9px 0;font-size:16px;line-height:1.6;color:#4a463e}
.pf-txt li:before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:#A8761F;transform:rotate(45deg)}
.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 28px;border-radius:99px;font-weight:700;font-size:17px;background:#8C6214;color:#fff;box-shadow:0 10px 24px -12px rgba(140,98,20,.7);transition:transform .2s,background .2s}
.pf-btn:hover{background:#6f4d0f;transform:translateY(-2px)}
.pf-btn.kakao{background:#FEE500;color:#191600;box-shadow:none}
.pf-btn.line{background:#fff;color:#8C6214;border:1.5px solid #c9ad74;box-shadow:none}
.pf-note{display:inline-block;padding:10px 18px;border-radius:99px;background:#FBF8F1;border:1px solid #e0d3b6;color:#8C6214;font-weight:700;font-size:15px}
.pf-dev{position:relative;padding:0 64px 36px 0}
.pf-pc{border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -30px rgba(60,40,10,.45),0 0 0 1px #eadfc8}
.pf-bar{height:30px;display:flex;gap:7px;align-items:center;padding:0 14px;background:#f6f1e6}.pf-bar i{width:10px;height:10px;border-radius:50%;background:#dccfb2}
.pf-pc img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.pf-ph{position:absolute;right:0;bottom:0;width:30%;border-radius:22px;overflow:hidden;border:6px solid #1f1d1a;box-shadow:0 24px 40px -18px rgba(0,0,0,.5);background:#000}
.pf-ph img{display:block;width:100%;height:auto;aspect-ratio:9/17;object-fit:cover;object-position:top}
.pf-check{border-radius:20px;padding:44px;background:linear-gradient(140deg,#FBF8F1 0%,#F3E7CC 100%);border:1px solid #e6d6b2}
.pf-check-h{font-size:22px;font-weight:800;color:#1f1d1a;margin-bottom:22px}
.pf-check ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pf-check li{display:flex;align-items:center;gap:10px;padding:16px 18px;background:#fff;border-radius:12px;font-weight:700;font-size:17px;box-shadow:0 1px 0 #eadfc8}
.pf-check li:before{content:"✓";display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#8C6214;color:#fff;font-size:14px;flex:none}
.pf-more{padding:8px 0 72px}.pf-back{font-weight:700;color:#8C6214;font-size:17px}
.pf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.pf-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;border:1px solid #ece3d0;color:inherit;transition:transform .25s,box-shadow .25s}
a.pf-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -24px rgba(60,40,10,.35)}
.pf-card.feat{grid-column:1/-1;flex-direction:row;border-color:#d9c18f;background:linear-gradient(120deg,#fff 40%,#FBF5E6)}
.pf-thumb{background:#f6f1e6;aspect-ratio:16/10;overflow:hidden}
.pf-card.feat .pf-thumb{flex:0 0 46%;aspect-ratio:auto;max-height:420px}
.pf-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.pf-cbody{padding:28px 30px 32px;display:flex;flex-direction:column;gap:10px}
.pf-card.feat .pf-cbody{justify-content:center;padding:48px}
.pf-tag{font-size:14px;font-weight:700;color:#8C6214}
.pf-feat{margin-left:8px;padding:3px 10px;border-radius:99px;background:#8C6214;color:#fff;font-size:12px}
.pf-cbody h2{font-size:24px;font-weight:800;letter-spacing:-.02em}
.pf-card.feat h2{font-size:clamp(28px,3vw,36px)}
.pf-cbody p{font-size:16px;line-height:1.65;color:#4a463e}
.pf-go{margin-top:8px;font-weight:800;color:#8C6214;font-size:16px}
.pf-card.feat .pf-go{display:inline-flex;align-self:flex-start;padding:14px 24px;background:#8C6214;color:#fff;border-radius:99px}
.pf-cta{padding:88px 0;text-align:center;background:linear-gradient(135deg,#FBF8F1 0%,#F1E2BF 100%);border-top:1px solid #e6d6b2}
.pf-cta h2{font-size:clamp(28px,3.6vw,42px);font-weight:800;letter-spacing:-.03em;line-height:1.3}
.pf-sub{margin-top:14px;font-size:17px;color:#4a463e}
.pf-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}
@media (max-width:980px){.pf-item{grid-template-columns:1fr;gap:32px;padding:44px 0}.pf-item:nth-child(even) .pf-media{order:0}.pf-card.feat{flex-direction:column}.pf-card.feat .pf-thumb{aspect-ratio:16/10;max-height:none}.pf-card.feat .pf-cbody{padding:28px 30px 32px}}
@media (max-width:760px){.pf br.d{display:none}.pf-hero{padding:108px 0 40px}.pf-grid{grid-template-columns:1fr}.pf-dev{padding:0 40px 28px 0}.pf-ph{border-width:4px;border-radius:16px}.pf-check{padding:28px 22px}.pf-check ul{grid-template-columns:1fr}.pf-desc{font-size:17px}.pf-btn{width:100%}.pf-txt .pf-btn{width:100%}.pf-list{padding:32px 0 24px}.pf-cta{padding:64px 0 96px}}
.pf-intro{margin-top:14px;font-size:16.5px;line-height:1.75;color:#5a564e;max-width:760px}
.pf-scope,.pf-faq{padding:56px 0;border-top:1px solid #f0eadc}
.pf-scope h2,.pf-faq h2{font-size:clamp(24px,2.6vw,30px);font-weight:800;letter-spacing:-.02em;margin-bottom:24px}
.pf-scope-l{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pf-scope-l li{padding:22px 24px;border:1px solid #ece3d0;border-radius:16px;background:#FBF8F1}
.pf-scope-l h3{font-size:18px;font-weight:800;color:#1f1d1a}.pf-scope-l p{margin-top:6px;font-size:15.5px;line-height:1.65;color:#4a463e}
.pf-faq dl{display:grid;gap:18px;max-width:860px}.pf-faq dt{font-weight:800;font-size:17px;color:#8C6214}.pf-faq dd{margin:4px 0 0;font-size:16px;line-height:1.7;color:#3a3730}
@media (max-width:760px){.pf-scope-l{grid-template-columns:1fr}.pf-scope,.pf-faq{padding:40px 0}}
.pf-res{border-radius:20px;overflow:hidden;margin-bottom:18px;background:linear-gradient(135deg,#2a1f0c 0%,#5b3f0e 55%,#A8761F 100%);color:#fff;box-shadow:0 30px 60px -30px rgba(60,40,10,.6)}
.pf-res-top{padding:36px 36px 28px;position:relative}
.pf-res-top:after{content:none}
.pf-res-k{font-size:20px;font-weight:700;color:#F3DCA6}
.pf-res-v{font-size:clamp(24px,2.6vw,32px);font-weight:800;margin-top:8px;letter-spacing:-.02em;line-height:1.3}
.pf-res-v strong{display:inline-block;color:#1f1608;background:linear-gradient(135deg,#FFE7A8,#E2B95A);padding:2px 14px;border-radius:10px;margin-left:4px}
.pf-res-sub{display:grid;grid-template-columns:1fr 1fr;background:rgba(0,0,0,.18)}
.pf-res-sub p{padding:18px 36px;display:flex;flex-direction:column;gap:4px}.pf-res-sub p+p{border-left:1px solid rgba(255,255,255,.14)}
.pf-res-sub b{font-size:16px;color:#F3DCA6}.pf-res-sub span{font-size:20px;font-weight:800}
.pf-res-note{padding:12px 36px 16px;font-size:13px;color:rgba(255,255,255,.72);background:rgba(0,0,0,.18);border-top:1px solid rgba(255,255,255,.1)}
@media (max-width:760px){.pf-res-top{padding:28px 22px 22px}.pf-res-sub p,.pf-res-note{padding-left:22px;padding-right:22px}.pf-res-top:after{font-size:56px;right:16px}}
/* ===== board ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bd-hero{padding-bottom:40px}
.bd{padding:40px 0 64px}
.bd-bar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px}
.bd-tabs{display:flex;flex-wrap:wrap;gap:8px}
.bd-tabs a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:99px;border:1px solid #e0d3b6;background:#fff;font-weight:700;font-size:15px;color:#3a3730}
.bd-tabs a b{font-size:12px;font-weight:800;color:#A8761F;background:#FBF3E0;border-radius:99px;padding:1px 7px}
.bd-tabs a:hover{border-color:#A8761F}
.bd-tabs a[aria-current]{background:#8C6214;border-color:#8C6214;color:#fff}.bd-tabs a[aria-current] b{background:rgba(255,255,255,.2);color:#fff}
.bd-search{position:relative;flex:0 1 340px}
.bd-search input{width:100%;height:48px;border:1.5px solid #d9c9a4;border-radius:12px;padding:0 64px 0 44px;font:inherit;font-size:16px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238C6214' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px center/20px}
.bd-search input:focus{outline:none;border-color:#8C6214;box-shadow:0 0 0 3px rgba(168,118,31,.15)}
.bd-cnt{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:700;color:#8C6214}
.bd-head{display:grid;grid-template-columns:72px 1fr 110px;padding:12px 16px;border-top:2px solid #1f1d1a;border-bottom:1px solid #e3dac6;font-size:14px;font-weight:700;color:#5a564e;text-align:center}
.bd-head span:nth-child(2){text-align:left;padding-left:16px}
.bd-list{list-style:none;margin:0;padding:0}
.bd-row{border-bottom:1px solid #eee6d4}
.bd-row a{display:grid;grid-template-columns:72px 168px 1fr 110px;gap:0 20px;align-items:center;padding:18px 16px;color:inherit;transition:background .15s}
.bd-row a:hover{background:#FDFAF3}.bd-row a:hover .bd-t{color:#8C6214;text-decoration:underline;text-underline-offset:3px}
.bd-row.pinned{background:#FBF6EA}.bd-row.pinned a:hover{background:#F7EED9}
.bd-n{text-align:center;font-size:15px;color:#6b665c;font-weight:600}
.bd-pin{display:inline-block;padding:4px 10px;border-radius:6px;background:#8C6214;color:#fff;font-size:13px;font-weight:800}
.bd-th{aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#f3ecdc;border:1px solid #eadfc8}
.bd-th img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.bd-main{min-width:0}
.bd-cat{display:inline-block;padding:3px 10px;border-radius:6px;background:#FBF3E0;border:1px solid #ead9b0;color:#8C6214;font-size:13px;font-weight:800}
.bd-t{font-size:19px;font-weight:800;letter-spacing:-.02em;margin-top:6px;line-height:1.4;color:#1f1d1a}
.bd-s{font-size:15px;line-height:1.6;color:#4a463e;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bd-tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13.5px;color:#8a7a57}
.bd-d{text-align:center;font-size:14px;color:#6b665c;font-variant-numeric:tabular-nums}
.bd-none,.bd-empty{padding:48px 0;text-align:center;color:#6b665c;font-size:16px}
.bd-pg{display:flex;justify-content:center;gap:6px;margin-top:28px}.bd-pg a{min-width:42px;height:42px;display:grid;place-items:center;border-radius:10px;border:1px solid #e0d3b6;font-weight:700}.bd-pg a[aria-current]{background:#8C6214;color:#fff;border-color:#8C6214}
/* ===== post ===== */
.po-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.po-meta time{font-size:15px;color:#6b665c;margin-left:6px}
.po-hero h1{font-size:clamp(30px,4.4vw,48px)}
.po-tags{margin-top:18px;font-size:15px}
.po-body{padding-top:48px;padding-bottom:24px}
.po-body>p{font-size:18px;line-height:1.85;color:#2f2c27;max-width:820px;margin-bottom:20px}
.po-body>h2{font-size:clamp(24px,2.6vw,30px);font-weight:800;margin:40px 0 16px;letter-spacing:-.02em}
.po-body>ul{max-width:820px;padding:0;list-style:none}.po-body>ul li{position:relative;padding:14px 18px 14px 44px;margin-bottom:10px;border:1px solid #ece3d0;border-radius:12px;background:#FBF8F1;font-size:17px;line-height:1.6}
.po-body>ul li:before{content:"✓";position:absolute;left:14px;top:13px;width:22px;height:22px;border-radius:50%;background:#8C6214;color:#fff;font-size:12px;display:grid;place-items:center}
.po-body .pf-scope,.po-body .pf-faq{padding:48px 0 8px;border-top:1px solid #f0eadc}
.po-gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:32px 0}
.po-gal figure{margin:0;border:1px solid #eadfc8;border-radius:14px;overflow:hidden;background:#f6f1e6}.po-gal img{width:100%;height:auto;max-height:560px;object-fit:cover;object-position:top;display:block}.po-gal figcaption{padding:12px 16px;font-size:14px;color:#5a564e;background:#fff}
.po-link{margin:8px 0 24px}
.po-nav{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid #1f1d1a;border-bottom:1px solid #e3dac6;margin-top:40px}
.po-nav a{padding:20px;display:flex;flex-direction:column;gap:4px;color:inherit}.po-nav a+a{border-left:1px solid #e3dac6;text-align:right}
.po-nav small{font-size:13px;font-weight:700;color:#8C6214}.po-nav b{font-size:16px;line-height:1.45}.po-nav a.off b{color:#a8a294;font-weight:500}.po-nav a:not(.off):hover b{color:#8C6214}
.po-list{text-align:center;margin:28px 0}
.po-rel{padding:24px 0 64px}.po-rel h2{font-size:24px;font-weight:800;margin-bottom:18px}
.po-rel ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.po-rel a{display:flex;flex-direction:column;gap:8px;color:inherit}.po-rel img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:12px;border:1px solid #eadfc8}.po-rel .bd-cat{align-self:flex-start}.po-rel b{font-size:16px;line-height:1.45}
@media (max-width:860px){
.bd-head{display:none}.bd-search{flex:1 1 100%}
.bd-tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -24px;padding:0 24px 4px;scrollbar-width:none}.bd-tabs a{flex:none}
.bd-list{border-top:2px solid #1f1d1a}
.bd-row a{grid-template-columns:112px 1fr;grid-template-areas:"th main" "th d";gap:4px 14px;padding:16px 4px}
.bd-row.pinned a{padding:16px 10px}
.bd-n{display:none}
.bd-th{grid-area:th;align-self:start}.bd-main{grid-area:main}.bd-d{grid-area:d;text-align:left;font-size:13px}
.bd-t{font-size:17px}.bd-s{font-size:14px}.bd-tags{display:none}
.po-rel ul{grid-template-columns:1fr}.po-nav{grid-template-columns:1fr}.po-nav a+a{border-left:0;border-top:1px solid #e3dac6;text-align:left}
.po-body>p{font-size:17px}
}
.m-only{display:none}@media (max-width:860px){.m-only{display:inline-block;margin-right:4px}}
.vc{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;color:#8a7a57;font-weight:600}.vc[hidden]{display:none}.vc svg{width:15px;height:15px;fill:none;stroke:#A8761F;stroke-width:2}.vc b{font-weight:700;color:#6f4d0f}
.bd-d{display:flex;flex-direction:column;align-items:center;gap:4px}.po-meta .vc{margin-left:10px}
@media (max-width:860px){.bd-d{flex-direction:row;gap:10px;align-items:center}}
.pf-tbl{overflow-x:auto;margin:8px 0 28px}.pf-tbl table{width:100%;border-collapse:collapse;font-size:16px;background:#fff;border:1px solid #eadfc8;border-radius:14px;overflow:hidden}.pf-tbl th{background:#FBF6EA;color:#8C6214;font-weight:800;text-align:left;padding:14px 16px;white-space:nowrap}.pf-tbl td{padding:14px 16px;border-top:1px solid #f0e7d4;vertical-align:top}.pf-tbl td:first-child{font-weight:700;white-space:nowrap}
.pf-blog{margin:44px 0 8px;padding:32px;border-radius:20px;background:linear-gradient(135deg,#FFFDF8 0%,#FBF6EA 45%,#EFDDB4 100%);border:1px solid #e6d6b2;text-align:center}.pf-blog-t{font-size:18px;font-weight:700;color:#1f1d1a;margin:0 0 18px}.pf-blog-btn{background:#8C6214!important;color:#fff!important;border-color:#8C6214!important}
@media (max-width:760px){.pf-blog{padding:24px 18px}.pf-tbl td:first-child{white-space:normal}}