/* BASIC css start */
.bn-tab span{visibility:visible}

.page-breadcrumb{max-width:var(--container);margin:0 auto;padding:16px var(--gutter) 0;display:flex;gap:8px;align-items:center;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--ink-500);text-transform:uppercase}
.page-breadcrumb a{color:var(--ink-500);transition:color .18s}
.page-breadcrumb a:hover{color:var(--ink-950)}
.page-breadcrumb .sep{color:var(--ink-300)}
.page-breadcrumb .now{color:var(--ink-950);font-weight:600}

/* HERO (monthly.html Åæ) */
.bn-hero{padding:56px var(--gutter) 56px;max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:end}
.bn-hero .bn-kicker{font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.24em;color:var(--ink-500);text-transform:uppercase;margin-bottom:18px}
.bn-hero h1{font-family:var(--f-serif);font-size:68px;font-weight:900;line-height:1.05;letter-spacing:-.03em;color:var(--ink-950)}
.bn-hero h1 em{font-style:italic;color:#7A0514}
.bn-hero-r{position:relative;align-self:end;padding:24px 0 8px;border-top:1px solid var(--ink-200)}
.bn-hero-r .quote{font-family:var(--f-serif);font-size:16px;font-weight:500;line-height:1.55;color:var(--ink-700);letter-spacing:-.005em;max-width:340px}
.bn-hero-r .quote strong{color:var(--ink-950);font-weight:700}
.bn-hero-r .sig{margin-top:16px;font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;color:var(--ink-500);text-transform:uppercase}

/* LAYOUT */
.bn-wrap{max-width:var(--container);margin:0 auto;padding:0 var(--gutter) 96px;display:grid;grid-template-columns:220px 1fr;gap:56px}
.bn-side{position:sticky;top:80px;align-self:start}
.bn-side-group{border-top:1px solid var(--ink-200);padding:24px 0}
.bn-side-group:first-child{border-top:none;padding-top:0}
.bn-side-group h4{font-family:var(--f-sans);font-size:14px;font-weight:800;letter-spacing:-.01em;color:var(--ink-950);margin-bottom:14px}
.bn-side-group ul{display:flex;flex-direction:column;gap:2px}
.bn-side-group li a{display:inline-block;padding:9px 0;font-size:15px;color:var(--ink-700);line-height:1.5;transition:color .16s,transform .16s;letter-spacing:-.01em}
.bn-side-group li a:hover{color:var(--ink-950);transform:translateX(2px)}
.bn-side-group li a.is-current{color:var(--ink-950);font-weight:700}
.bn-side-group li a.is-current::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--ink-950);margin-right:8px;vertical-align:middle}

.bn-main{display:flex;flex-direction:column;gap:56px}

/* 4ÅÇ ³×ºñ */
.bn-tabs{display:flex;gap:48px;padding:0 0 18px;border-bottom:1px solid var(--ink-200);margin:0 0 8px;align-items:flex-end;flex-wrap:wrap}
.bn-tab{appearance:none;border:none;background:transparent;cursor:pointer;padding:0 0 14px;font-family:var(--f-sans);text-align:left;display:inline-flex;flex-direction:column;gap:6px;position:relative;transition:opacity .18s}
.bn-tab:hover{opacity:.72}
.bn-tab .num{font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--ink-400);text-transform:uppercase}
.bn-tab .lbl{font-family:var(--f-sans);font-size:18px;font-weight:600;color:var(--ink-500);letter-spacing:-.01em;line-height:1.2}
.bn-tab.is-on .num{color:var(--ink-700)}
.bn-tab.is-on .lbl{color:var(--ink-950);font-weight:800}
.bn-tab.is-on::after{content:"";position:absolute;left:0;right:auto;bottom:-1px;width:32px;height:2px;background:var(--ink-950)}
.bn-panel[hidden]{display:none}

/* ÄíÆù Ä«µå (Panel 01) */
.bn-coupon-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bn-coupon{position:relative;background:#fff;border:1px dashed var(--ink-300);border-radius:4px;padding:24px 24px 20px;display:flex;flex-direction:column;gap:8px;overflow:hidden;transition:border-color .18s,transform .18s}
.bn-coupon:hover{border-color:var(--ink-950);transform:translateY(-2px);border-style:solid}
.bn-coupon::before{content:"";position:absolute;top:50%;left:-9px;width:18px;height:18px;background:#fff;border:1px dashed var(--ink-300);border-radius:50%;transform:translateY(-50%)}
.bn-coupon::after{content:"";position:absolute;top:50%;right:-9px;width:18px;height:18px;background:#fff;border:1px dashed var(--ink-300);border-radius:50%;transform:translateY(-50%)}
.bn-coupon .cp-tag{font-family:var(--f-mono);font-size:9.5px;font-weight:700;letter-spacing:.18em;color:var(--ink-500);text-transform:uppercase}
.bn-coupon h3{font-family:var(--f-serif);font-size:17px;font-weight:700;color:var(--ink-950);letter-spacing:-.02em;line-height:1.3}
.bn-coupon .cp-amt{font-family:var(--f-serif);font-size:36px;font-weight:900;color:var(--ink-950);letter-spacing:-.02em;line-height:1;margin:6px 0 4px}
.bn-coupon .cp-amt em{font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--ink-500);font-style:normal;margin-left:4px}
.bn-coupon p{font-size:12px;color:var(--ink-600);line-height:1.6;letter-spacing:-.01em;flex:1}
.bn-coupon .cp-cond{padding-top:10px;border-top:1px dashed var(--ink-200);font-family:var(--f-mono);font-size:10.5px;color:var(--ink-500);letter-spacing:.04em;display:flex;justify-content:space-between}
.bn-coupon .cp-cond strong{color:var(--ink-950);font-weight:700}

/* ¸®ºä º¸»ó 3Ƽ¾î (Panel 04) */
.bn-rv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bn-rv-tier{padding:30px 26px;background:#fff;border:1px solid var(--ink-200);border-radius:4px;display:flex;flex-direction:column;gap:10px;transition:border-color .18s,transform .18s}
.bn-rv-tier:hover{border-color:var(--ink-950);transform:translateY(-2px)}
.bn-rv-tier.is-best{background:var(--ink-950);color:#fff;border-color:var(--ink-950)}
.bn-rv-tier .ic{width:42px;height:42px;border-radius:50%;border:1px solid var(--ink-300);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-950);margin-bottom:4px}
.bn-rv-tier.is-best .ic{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
.bn-rv-tier .no{font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--ink-500);text-transform:uppercase}
.bn-rv-tier.is-best .no{color:rgba(255,255,255,.55)}
.bn-rv-tier h3{font-family:var(--f-serif);font-size:20px;font-weight:700;color:var(--ink-950);letter-spacing:-.02em;line-height:1.2}
.bn-rv-tier.is-best h3{color:#fff}
.bn-rv-tier .amt{font-family:var(--f-serif);font-size:28px;font-weight:900;color:var(--ink-950);letter-spacing:-.02em;line-height:1}
.bn-rv-tier.is-best .amt{color:#fff}
.bn-rv-tier .amt em{font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--ink-500);font-style:normal;margin-left:6px}
.bn-rv-tier.is-best .amt em{color:rgba(255,255,255,.55)}
.bn-rv-tier .cond{font-size:12px;color:var(--ink-600);line-height:1.6;letter-spacing:-.01em;margin-top:auto;padding-top:10px;border-top:1px dashed var(--ink-200)}
.bn-rv-tier.is-best .cond{color:rgba(255,255,255,.78);border-top-color:rgba(255,255,255,.18)}
.bn-rv-tier .cond strong{color:var(--ink-950);font-weight:700}
.bn-rv-tier.is-best .cond strong{color:#fff}

/* ¼½¼Ç Çì´õ */
.bn-sect-head{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:16px;border-bottom:1px solid var(--ink-900);gap:24px;flex-wrap:wrap;margin-bottom:26px}
.bn-sect-kicker{font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--ink-500);text-transform:uppercase;margin-bottom:10px}
.bn-sect-title{font-family:var(--f-serif);font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--ink-950)}
.bn-sect-sub{margin-top:10px;font-family:var(--f-sans);font-size:13.5px;color:var(--ink-700);line-height:1.7;letter-spacing:-.01em;max-width:680px}



/* JOIN FEPL CTA */
.bn-cta{background:var(--ink-050);color:var(--ink-950);border:1px solid var(--ink-200);border-radius:6px;padding:56px 56px;display:grid;grid-template-columns:1fr 280px;gap:48px;align-items:center;margin-top:8px;position:relative;overflow:hidden}
.bn-cta::before{content:"";position:absolute;top:-40%;right:-10%;width:380px;height:380px;background:radial-gradient(circle,rgba(0,0,0,.05) 0%,transparent 60%);pointer-events:none}
.bn-cta-l{position:relative;z-index:1}
.bn-cta-kicker{display:inline-block;font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--ink-500);text-transform:uppercase;margin-bottom:18px}
.bn-cta h2{font-family:var(--f-serif);font-size:42px;font-weight:900;letter-spacing:-.03em;color:var(--ink-950);line-height:1.1;border-bottom:1px solid var(--ink-300);padding-bottom:20px;margin:0}
.bn-cta-desc{font-family:var(--f-sans);font-size:14px;color:var(--ink-700);line-height:1.7;letter-spacing:-.01em;margin-top:18px}
.bn-cta-desc strong{color:var(--ink-950);font-weight:700}
.bn-cta-r{display:flex;flex-direction:column;gap:10px;align-items:stretch;position:relative;z-index:1}
.bn-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:18px 32px;font-family:var(--f-sans);font-size:14px;font-weight:700;letter-spacing:-.01em;border-radius:3px;text-decoration:none;transition:all .18s;border:1px solid transparent;gap:8px}
.bn-cta-btn.primary{background:#fff;color:var(--ink-950);border-color:var(--ink-950)}
.bn-cta-btn.primary:hover{background:var(--ink-950);color:#fff}
.bn-cta-btn.primary::after{content:"¡æ";font-family:var(--f-mono)}
.bn-cta-btn.outline{background:transparent;color:var(--ink-950);border-color:var(--ink-950)}
.bn-cta-btn.outline:hover{background:var(--ink-950);color:#fff}
.bn-cta-tag{font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;color:var(--ink-500);text-align:center;text-transform:uppercase;margin-top:6px}

/* µî±Þ ½Ã½ºÅÛ °¡·Î ¸·´ë */
.bn-tier-bar{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:18px}
.bn-tier-cell{padding:20px 14px 18px;border-radius:3px;display:flex;flex-direction:column;gap:8px;color:#fff;position:relative;transition:transform .18s,box-shadow .18s}
.bn-tier-cell:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.bn-tier-cell.tier-xs{background:#E85968}
.bn-tier-cell.tier-s{background:#1A3D7C}
.bn-tier-cell.tier-m{background:#0D6B22}
.bn-tier-cell.tier-l{background:#D16A1F}
.bn-tier-cell.tier-xl{background:#7B4FA8}
.bn-tier-cell.tier-2xl{background:#8A5A3B}
.bn-tier-cell.tier-3xl{background:#2F2F38}
.bn-tier-cell.tier-black{background:#0A0A0B;border:1px solid #E5B94F}
.bn-tier-cell .ic{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.14);display:inline-flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}
.bn-tier-cell.tier-black .ic{background:rgba(229,185,79,.18);color:#E5B94F}
.bn-tier-cell .ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bn-tier-cell .nm{font-family:var(--f-serif);font-size:18px;font-weight:900;letter-spacing:-.02em;line-height:1}
.bn-tier-cell .pt{font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.06em;opacity:.85}
.bn-tier-cell .rt{font-family:var(--f-mono);font-size:14px;font-weight:700;color:#fff;margin-top:auto;letter-spacing:.04em}
.bn-tier-cell.tier-black .rt{color:#E5B94F}

/* µî±Þº° »ó¼¼ ÇýÅà īµå */
.bn-tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px}
.bn-tier-card{position:relative;background:#fff;border:1px solid var(--ink-200);border-radius:4px;padding:24px 22px 22px;display:flex;flex-direction:column;gap:14px;transition:border-color .18s,transform .18s,box-shadow .18s}
.bn-tier-card:hover{transform:translateY(-2px);border-color:var(--ink-950);box-shadow:0 6px 18px rgba(0,0,0,.06)}
.bn-tier-card.tc-black{background:var(--ink-950);color:#fff;border-color:#E5B94F}
.bn-tier-card .tc-strip{position:absolute;top:0;left:0;right:0;height:4px;border-radius:4px 4px 0 0}
.bn-tier-card.tc-xs .tc-strip{background:#E85968}
.bn-tier-card.tc-s .tc-strip{background:#1A3D7C}
.bn-tier-card.tc-m .tc-strip{background:#0D6B22}
.bn-tier-card.tc-l .tc-strip{background:#D16A1F}
.bn-tier-card.tc-xl .tc-strip{background:#7B4FA8}
.bn-tier-card.tc-2xl .tc-strip{background:#8A5A3B}
.bn-tier-card.tc-3xl .tc-strip{background:#2F2F38}
.bn-tier-card.tc-black .tc-strip{background:#E5B94F}
.bn-tier-card .tc-h{display:flex;align-items:center;gap:12px;margin-top:4px}
.bn-tier-card .tc-ic{width:42px;height:42px;border-radius:50%;background:var(--ink-050);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-950);flex-shrink:0}
.bn-tier-card.tc-black .tc-ic{background:rgba(229,185,79,.14);color:#E5B94F}
.bn-tier-card .tc-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bn-tier-card .tc-meta{display:flex;flex-direction:column;gap:2px;line-height:1.1}
.bn-tier-card .tc-no{font-family:var(--f-mono);font-size:9.5px;font-weight:700;letter-spacing:.18em;color:var(--ink-500);text-transform:uppercase}
.bn-tier-card.tc-black .tc-no{color:rgba(255,255,255,.55)}
.bn-tier-card .tc-name{font-family:var(--f-serif);font-size:24px;font-weight:900;color:var(--ink-950);letter-spacing:-.02em;line-height:1}
.bn-tier-card.tc-black .tc-name{color:#E5B94F}
.bn-tier-card .tc-rate{font-family:var(--f-mono);font-size:13px;font-weight:700;color:var(--ink-700);letter-spacing:.04em}
.bn-tier-card.tc-black .tc-rate{color:rgba(229,185,79,.85)}
.bn-tier-card .tc-range{font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;color:var(--ink-500);padding:6px 0;border-top:1px dashed var(--ink-200);border-bottom:1px dashed var(--ink-200);text-align:center}
.bn-tier-card.tc-black .tc-range{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.18)}
.bn-tier-card .tc-bn{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;list-style:none}
.bn-tier-card .tc-bn li{padding-left:14px;position:relative;font-size:12.5px;color:var(--ink-700);line-height:1.55;letter-spacing:-.01em}
.bn-tier-card.tc-black .tc-bn li{color:rgba(255,255,255,.82)}
.bn-tier-card .tc-bn li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:1px;background:var(--ink-400)}
.bn-tier-card.tc-black .tc-bn li::before{background:rgba(229,185,79,.5)}
.bn-tier-card .tc-bn li strong{color:var(--ink-950);font-weight:700}
.bn-tier-card.tc-black .tc-bn li strong{color:#E5B94F}

/* »ó½Ã ÇýÅà īµå ±×¸®µå */
.bn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bn-card{display:flex;flex-direction:column;border:1px solid var(--ink-200);background:#fff;border-radius:4px;overflow:hidden;transition:border-color .18s,transform .18s}
.bn-card:hover{border-color:var(--ink-950);transform:translateY(-2px)}
.bn-card .bc-vis{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-family:var(--f-serif);font-size:42px;font-weight:900;color:#fff;letter-spacing:-.02em;position:relative;overflow:hidden}
.bn-card .bc-vis .num{position:absolute;top:14px;left:14px;font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:.18em;color:rgba(255,255,255,.85);background:rgba(0,0,0,.2);padding:3px 8px;border-radius:2px}
.bn-card.bg-xs .bc-vis{background:linear-gradient(135deg,#E85968 0%,#A23949 100%)}
.bn-card.bg-s .bc-vis{background:linear-gradient(135deg,#1A3D7C 0%,#0D2548 100%)}
.bn-card.bg-m .bc-vis{background:linear-gradient(135deg,#0D6B22 0%,#0A4A18 100%)}
.bn-card.bg-l .bc-vis{background:linear-gradient(135deg,#D16A1F 0%,#9A4A14 100%)}
.bn-card.bg-xl .bc-vis{background:linear-gradient(135deg,#7B4FA8 0%,#4A2B6B 100%)}
.bn-card.bg-black .bc-vis{background:linear-gradient(135deg,#0A0A0B 0%,#3A3A40 100%)}
.bn-card.bg-coupon .bc-vis{background:linear-gradient(135deg,#7A0514 0%,#52030E 100%)}
.bn-card.bg-review .bc-vis{background:linear-gradient(135deg,#8A5A3B 0%,#5C3D27 100%)}
.bn-card.bg-bd .bc-vis{background:linear-gradient(135deg,#394BAD 0%,#1F2D6B 100%)}
.bn-card .bc-body{padding:20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.bn-card .bc-tag{font-family:var(--f-mono);font-size:9.5px;font-weight:700;letter-spacing:.18em;color:var(--ink-500);text-transform:uppercase}
.bn-card h3{font-family:var(--f-serif);font-size:18px;font-weight:700;color:var(--ink-950);letter-spacing:-.02em;line-height:1.3}
.bn-card p{font-size:12.5px;color:var(--ink-600);line-height:1.6;letter-spacing:-.01em;flex:1}
.bn-card .bc-foot{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px dashed var(--ink-200);font-family:var(--f-mono);font-size:10.5px;color:var(--ink-500);letter-spacing:.04em}
.bn-card .bc-foot strong{color:var(--ink-950);font-weight:700}

/* ¾È³» ¹Ú½º */
.bn-notice{background:var(--ink-050);border:1px solid var(--ink-200);border-left:3px solid var(--ink-950);border-radius:0 4px 4px 0;padding:22px 28px}
.bn-notice .n-h{font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--ink-950);text-transform:uppercase;margin-bottom:12px}
.bn-notice ul{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.bn-notice li{padding-left:14px;position:relative;font-size:13px;color:var(--ink-700);line-height:1.7;letter-spacing:-.01em}
.bn-notice li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:1px;background:var(--ink-400)}
.bn-notice li strong{color:var(--ink-950);font-weight:700}

/* Ä«¿îÆ® + ÆäÀÌÁö³×ÀÌ¼Ç */
.bn-count{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0 10px;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--ink-500);text-transform:uppercase}
.bn-count .v{color:var(--ink-950);font-weight:700}
.bn-pager{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:36px}
.bn-pager a{min-width:36px;height:36px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:12px;font-weight:600;color:var(--ink-700);background:transparent;border:1px solid transparent;border-radius:2px;transition:all .16s;text-decoration:none;letter-spacing:.04em}
.bn-pager a:hover{color:var(--ink-950);border-color:var(--ink-300)}
.bn-pager a.is-current{background:var(--ink-950);color:#fff;border-color:var(--ink-950)}
.bn-pager a.is-current:hover{color:#fff;border-color:var(--ink-950)}
.bn-pager .pg-arrow{color:var(--ink-500)}
.bn-pager .pg-arrow:hover{color:var(--ink-950)}

  .bn-tier-hero{margin:8px 0 20px;background:var(--ink-050);border:1px solid var(--ink-100);padding:20px 24px;display:block}
  .bn-tier-hero img{display:block;width:100%;height:auto}
  .bn-tier-hero figcaption{font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;color:var(--ink-500);text-transform:uppercase;margin-top:12px;padding-top:10px;border-top:1px solid var(--ink-100)}
/* BASIC css end */