@import url("../../../css/pliki.css");
/* [pliki 테마] 혜택 모음 랜딩 */
.pk-bf { padding-bottom: 80px; }
.pk-bf-hero { background: #111; color: #fff; text-align: center; padding: 56px 20px 50px; }
.pk-bf-eyebrow { margin: 0 0 10px; font-size: 11px; font-weight: 800; letter-spacing: .18em; color: #ffe500; }
.pk-bf-hero h2 { margin: 0; font-size: 34px; font-weight: 800; letter-spacing: -1px; line-height: 1.25; word-break: keep-all; }
.pk-bf-desc { margin: 12px auto 0; max-width: 560px; font-size: 14px; line-height: 1.7; opacity: .8; word-break: keep-all; }
.pk-bf-tabs { position: sticky; top: 0; z-index: 20; background: #fff; border-bottom: 1px solid var(--line); }
.pk-bf-tabs .inner { display: flex; justify-content: center; gap: 0; overflow-x: auto; scrollbar-width: none; }
.pk-bf-tabs .inner::-webkit-scrollbar { display: none; }
.pk-bf-tabs a { flex-shrink: 0; padding: 18px 26px; font-size: 15px; font-weight: 700; color: #888; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.pk-bf-tabs a.on { color: #111; border-color: #111; }
.pk-bf-body { padding-top: 40px; }
.pk-bf-empty { text-align: center; color: var(--gray); padding: 60px 0; }
.pk-bf-hd { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-bottom: 22px; }
.pk-bf-hd h3 { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -0.6px; }
.pk-bf-hd h3 span { color: var(--red); margin-left: 4px; }
.pk-bf-sub { font-size: 13px; color: var(--gray); }
.pk-bf-more { margin-left: auto; font-size: 13px; font-weight: 700; color: #111; text-decoration: underline; }
.pk-bf-events { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.pk-bf-ev { display: block; color: inherit; }
.pk-bf-ev .img { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 14px; background: #f4f4f5 center / cover no-repeat; overflow: hidden; transition: transform .2s; }
.pk-bf-ev:hover .img { transform: translateY(-3px); }
.pk-bf-ev .img i { position: absolute; left: 12px; top: 12px; font-style: normal; font-size: 11px; font-weight: 800; background: var(--red); color: #fff; border-radius: 999px; padding: 3px 9px; }
.pk-bf-ev b { display: block; margin-top: 12px; font-size: 15px; font-weight: 700; letter-spacing: -0.3px; }
.pk-bf-ev small { display: block; margin-top: 3px; font-size: 12.5px; color: var(--gray); }
.pk-bf-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.pk-bf-card { position: relative; border: 1px solid var(--line); border-radius: 16px; padding: 26px 24px 24px; background: #fff; display: flex; flex-direction: column; }
.pk-bf-card.is-dark { background: #111; color: #fff; border-color: #111; }
.pk-bf-card em { font-style: normal; font-size: 11px; font-weight: 800; letter-spacing: .14em; color: var(--red); }
.pk-bf-card.is-dark em { color: #ffe500; }
.pk-bf-card strong { display: block; margin: 8px 0 8px; font-size: 22px; font-weight: 800; letter-spacing: -0.6px; line-height: 1.25; }
.pk-bf-card p { margin: 0 0 18px; font-size: 13px; line-height: 1.65; color: var(--gray); word-break: keep-all; flex: 1; }
.pk-bf-card.is-dark p { color: rgba(255,255,255,.75); }
.pk-bf-btn { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; height: 40px; padding: 0 18px; border-radius: 999px; background: #111; color: #fff; font-size: 13px; font-weight: 700; }
.pk-bf-card.is-dark .pk-bf-btn { background: #fff; color: #111; }
.pk-bf-btn.line { background: #fff; color: #111; border: 1px solid #111; }
.pk-bf-btn:hover { opacity: .85; }
.pk-bf-tiers { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; counter-reset: tier; }
.pk-bf-tiers li { position: relative; border: 1px solid var(--line); border-radius: 16px; padding: 26px 24px 24px 24px; background: #fafafa; counter-increment: tier; }
.pk-bf-tiers li::before { content: 'STEP ' counter(tier); display: block; font-size: 11px; font-weight: 800; letter-spacing: .14em; color: var(--red); margin-bottom: 10px; }
.pk-bf-tier-amt { display: block; font-size: 20px; font-weight: 800; letter-spacing: -0.5px; margin-bottom: 8px; }
.pk-bf-tier-gift b { display: block; font-size: 15px; font-weight: 700; }
.pk-bf-tier-gift small { display: block; margin-top: 4px; font-size: 12.5px; color: var(--gray); }
.pk-bf-note { margin: 18px 0 0; font-size: 12.5px; color: var(--gray-l); line-height: 1.6; word-break: keep-all; }
.pk-bf-cta { margin: 26px 0 0; text-align: center; }
.pk-bf-cta .pk-bf-btn { height: 48px; padding: 0 30px; font-size: 14px; }
@media (max-width: 1024px) { .pk-bf-events, .pk-bf-cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) {
    .pk-bf-hero { padding: 40px 20px 34px; }
    .pk-bf-hero h2 { font-size: 26px; }
    .pk-bf-tabs .inner { justify-content: flex-start; }
    .pk-bf-tabs a { padding: 14px 16px; font-size: 14px; }
    .pk-bf-body { padding-top: 26px; }
    .pk-bf-events, .pk-bf-cards { grid-template-columns: 1fr; gap: 12px; }
    .pk-bf-hd h3 { font-size: 19px; }
    .pk-bf-card strong { font-size: 19px; }
}