@import url("../../../css/pliki.css");
/* [pliki 테마] 멤버십 안내 */
.pk-ms { padding: 40px 20px 80px; }
.pk-ms-hero { text-align: center; margin-bottom: 30px; }
.pk-ms-eyebrow { font-size: 11px; font-weight: 800; letter-spacing: .16em; color: var(--red); margin: 0 0 8px; }
.pk-ms-hero h2 { font-size: 30px; font-weight: 800; letter-spacing: -1px; margin: 0 0 10px; }
.pk-ms-desc { font-size: 14px; color: var(--gray); margin: 0; }
.pk-ms-me { max-width: 720px; margin: 0 auto 34px; background: #111; color: #fff; border-radius: 18px; padding: 24px 28px; }
.pk-ms-me-hd { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.pk-ms-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 800; letter-spacing: .08em; background: #fff; color: #111; border-radius: 999px; padding: 4px 10px; }
.pk-ms-me-hd strong { font-size: 16px; font-weight: 700; }
.pk-ms-sum { margin-left: auto; font-size: 13px; opacity: .7; }
.pk-ms-sum b { color: #fff; opacity: 1; font-weight: 800; }
.pk-ms-bar { height: 8px; background: rgba(255,255,255,.18); border-radius: 999px; overflow: hidden; }
.pk-ms-bar i { display: block; height: 100%; background: #fff; border-radius: 999px; transition: width .6s ease; }
.pk-ms-next { margin: 10px 0 0; font-size: 13px; opacity: .85; }
.pk-ms-next b { color: #ffe500; }
.pk-ms-login { text-align: center; font-size: 13px; color: var(--gray); margin: 0 0 30px; }
.pk-ms-login a { color: #111; font-weight: 700; text-decoration: underline; }
.pk-ms-grid { list-style: none; margin: 0 0 40px; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.pk-ms-card { position: relative; border: 1px solid var(--line); border-radius: 16px; padding: 26px 22px 22px; background: #fff; transition: transform .25s ease, box-shadow .25s ease; }
.pk-ms-card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(0,0,0,.08); }
.pk-ms-card.g1 { background: #f7f7f8; }
.pk-ms-card.g2 { background: #f8f3e8; border-color: #ead9b8; }
.pk-ms-card.g3 { background: #111; color: #fff; border-color: #111; }
.pk-ms-card.is-me { box-shadow: 0 0 0 2px #111; }
.pk-ms-card.g3.is-me { box-shadow: 0 0 0 2px #ffe500; }
.pk-ms-me-tag { position: absolute; top: -10px; left: 18px; font-style: normal; font-size: 11px; font-weight: 800; background: var(--red); color: #fff; border-radius: 999px; padding: 3px 10px; }
.pk-ms-card h3 { font-size: 20px; font-weight: 900; letter-spacing: .04em; margin: 0 0 6px; }
.pk-ms-min { font-size: 12.5px; color: var(--gray); margin: 0 0 14px; }
.pk-ms-card.g3 .pk-ms-min, .pk-ms-card.g3 .pk-ms-benefit { color: rgba(255,255,255,.7); }
.pk-ms-rate { font-size: 15px; font-weight: 700; margin: 0 0 10px; }
.pk-ms-rate b { color: var(--red); }
.pk-ms-card.g3 .pk-ms-rate b { color: #ffe500; }
.pk-ms-benefit { font-size: 13px; color: #444; line-height: 1.6; margin: 0; padding-top: 10px; border-top: 1px dashed rgba(0,0,0,.1); }
.pk-ms-card.g3 .pk-ms-benefit { border-top-color: rgba(255,255,255,.2); }
.pk-ms-body { max-width: 760px; margin: 0 auto 30px; font-size: 14px; line-height: 1.8; color: #333; }
.pk-ms-rules { max-width: 760px; margin: 0 auto; background: var(--bg-soft); border-radius: 16px; padding: 22px 26px; }
.pk-ms-rules > div { display: flex; gap: 16px; padding: 8px 0; font-size: 13px; line-height: 1.6; }
.pk-ms-rules dt { flex: 0 0 76px; font-weight: 700; color: #111; }
.pk-ms-rules dd { margin: 0; color: #555; }
@media (max-width: 1024px) { .pk-ms-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) {
    .pk-ms { padding: 26px 14px 50px; }
    .pk-ms-hero h2 { font-size: 24px; }
    .pk-ms-me { padding: 18px; border-radius: 14px; }
    .pk-ms-sum { margin-left: 0; flex-basis: 100%; }
    .pk-ms-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .pk-ms-card { padding: 22px 16px 18px; }
    .pk-ms-rules > div { flex-direction: column; gap: 4px; }
}