/* BASIC css start */
button span {
    visibility: inherit;
}
/* ============================================================
   Àå¹Ù±¸´Ï (basket) Àü¿ë CSS
   ============================================================ */

.page-breadcrumb{max-width:var(--container);margin:0 auto;padding:20px 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}

/* TITLE + STEP */
.bk-top{max-width:var(--container);margin:0 auto;padding:24px var(--gutter) 36px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;border-bottom:1px solid var(--ink-100)}
.bk-top h1{font-family:var(--f-serif);font-size:48px;font-weight:900;line-height:1;letter-spacing:-.03em;color:var(--ink-950)}
.bk-top h1 .en{font-family:var(--f-mono);font-size:12px;font-weight:600;letter-spacing:.24em;color:var(--ink-500);margin-left:18px;vertical-align:middle}
.bk-steps{display:flex;align-items:center;gap:6px}
.bk-step{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--ink-400);text-transform:uppercase}
.bk-step .n{font-family:var(--f-mono);font-weight:800;color:var(--ink-300);font-size:12px}
.bk-step.is-current{color:var(--ink-950)}
.bk-step.is-current .n{color:var(--ink-950)}
.bk-step-sep{color:var(--ink-300);font-size:12px}

/* LAYOUT */
.bk-wrap{max-width:var(--container);margin:0 auto;padding:32px var(--gutter) 96px;display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}
.bk-main{min-width:0}
.bk-side{position:sticky;top:72px;align-self:start}

/* ȸ¿ø ÇýÅà ½ºÆ®¸³ */
.bk-member{background:var(--ink-950);color:var(--paper);padding:18px 24px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.bk-member .who{font-size:14px;letter-spacing:-.01em}
.bk-member .who strong{color:var(--paper);font-weight:700}
.bk-member .who em{font-style:normal;padding:3px 9px;background:#E5B94F;color:var(--ink-950);border-radius:999px;font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:.1em;margin:0 6px;text-transform:uppercase}
.bk-member-stats{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.bk-member-stats .s{display:flex;flex-direction:column;gap:2px;text-align:right}
.bk-member-stats .k{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;color:var(--ink-400);text-transform:uppercase}
.bk-member-stats .v{font-family:var(--f-mono);font-size:14px;color:var(--paper);font-weight:700;letter-spacing:-.01em}
.bk-member-stats li.s{list-style:none}
.bk-member-stats li.s a{display:flex;flex-direction:column;gap:2px;text-align:right;color:inherit;transition:opacity .16s}
.bk-member-stats li.s a:hover{opacity:.8}

/* Åø¹Ù */
.bk-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 0 14px;border-bottom:1px solid var(--ink-900);margin-bottom:16px}
.bk-toolbar-l{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:var(--ink-800)}
.bk-toolbar-l label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.bk-toolbar-l input[type=checkbox]{width:16px;height:16px;accent-color:var(--ink-950);cursor:pointer}
.bk-toolbar-l .count{font-family:var(--f-mono);font-size:12px;color:var(--ink-500);letter-spacing:.04em}
.bk-toolbar-l .count strong{color:var(--ink-950);font-weight:700}
.bk-toolbar-r{display:inline-flex;align-items:center;gap:14px;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.bk-toolbar-r button,.bk-toolbar-r a{background:none;border:none;cursor:pointer;color:var(--ink-600);padding:6px 2px;font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;transition:color .16s;text-decoration:none}
.bk-toolbar-r button:hover,.bk-toolbar-r a:hover{color:var(--ink-950)}

/* ¹è¼Û ±×·ì */
.bk-group{border:1px solid var(--ink-200);border-radius:4px;background:#fff;margin-bottom:20px}
.bk-group-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--ink-100);gap:14px;flex-wrap:wrap}
.bk-group-head .bk-grp-name{font-family:var(--f-serif);font-size:16px;font-weight:700;color:var(--ink-950);letter-spacing:-.02em;display:inline-flex;align-items:center;gap:10px}
.bk-group-head .bk-grp-name .mono{font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--ink-500);text-transform:uppercase}
.bk-group-head .bk-grp-meta{font-family:var(--f-mono);font-size:11px;color:var(--ink-600);letter-spacing:.04em}
.bk-group.bk-group-etc .bk-group-head{background:#FAFAFB}
.bk-group.bk-group-etc .bk-grp-name::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#E5B94F}

/* ¹è¼Û ¶óº§ (ÅؽºÆ® ¶óº§¸¸, Æ˾÷¡¤³¯Â¥°è»ê Á¦°Å) */
.bk-forecast{display:flex;align-items:center;gap:12px;padding:12px 22px;background:var(--ink-050);border-bottom:1px solid var(--ink-100);font-size:13px;line-height:1.5}
.bk-forecast .lbl{font-weight:700;color:var(--ink-950);letter-spacing:-.01em}
.bk-forecast .desc{color:var(--ink-700);letter-spacing:-.01em}

.bk-forecast p{margin:0;display:inline-flex;align-items:center;gap:6px}
.bk-forecast .dd img{height:18px}
.bk-forecast .bs{font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--ink-700);padding:5px 12px;background:#fff;border:1px solid var(--ink-300);border-radius:999px;text-transform:uppercase}
.bk-forecast .rv{font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.14em;color:#394BAD;padding:5px 12px;background:#fff;border:1px solid #C7CCEF;border-radius:999px;text-transform:uppercase}
.bk-forecast .rv i{margin-right:4px}
.bk-forecast .dd_day_txt{font-family:var(--f-serif);font-size:13px;font-weight:700;color:var(--ink-950);letter-spacing:-.01em}

/* »óÇ° Ä«µå */
.bk-item{display:grid;grid-template-columns:auto 110px 1fr auto;gap:22px;align-items:center;padding:22px;border-bottom:1px solid var(--ink-100)}
.bk-item:last-child{border-bottom:none}
.bk-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--ink-950);cursor:pointer}
.bk-thumb{width:110px;aspect-ratio:3/4;border-radius:2px;overflow:hidden;background:var(--ink-100);display:block}
.bk-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.bk-info{min-width:0}
.bk-info .prdname{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.bk-info .prdname img{max-height:18px;vertical-align:middle;margin-right:4px}
.bk-info .brand{font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--ink-500);text-transform:uppercase;margin:0}
.bk-info .name{font-size:14px;font-weight:500;color:var(--ink-900);letter-spacing:-.01em;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bk-info .memberOnly{display:inline-block;padding:2px 8px;background:#7A0514;color:#fff;font-family:var(--f-mono);font-size:9px;font-weight:700;letter-spacing:.16em;border-radius:2px;text-transform:uppercase;align-self:flex-start;margin-bottom:4px}
.bk-info .opts{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.bk-info .opts li{font-size:12px;color:var(--ink-600);line-height:1.55;list-style:none}
.bk-info .opts li strong{color:var(--ink-900);font-weight:600;margin-right:4px}

.bk-info .optWrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}
.bk-info .opt-spin1{display:inline-flex;align-items:center;border:1px solid var(--ink-300);border-radius:2px;overflow:hidden}
.bk-info .opt-spin1 a{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-700);transition:background .14s}
.bk-info .opt-spin1 a:hover{background:var(--ink-050);color:var(--ink-950)}
.bk-info .opt-spin1 input{width:40px;height:30px;border:none;border-left:1px solid var(--ink-200);border-right:1px solid var(--ink-200);text-align:center;font-family:var(--f-mono);font-size:13px;font-weight:600;color:var(--ink-950);outline:none}
.bk-info .opt-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#fff;border:1px solid var(--ink-300);color:var(--ink-700);font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:all .16s;text-decoration:none}
.bk-info .opt-btn:hover{border-color:var(--ink-950);color:var(--ink-950)}

/* °¡°Ý */
.bk-price{text-align:right;display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.bk-price .pct{font-family:var(--f-mono);font-size:12px;font-weight:700;color:var(--signal);letter-spacing:.02em}
.bk-price .old{font-family:var(--f-mono);font-size:12px;color:var(--ink-400);text-decoration:line-through}
.bk-price .now{font-family:var(--f-mono);font-size:20px;font-weight:800;color:var(--ink-950);letter-spacing:-.01em}
.bk-price .now em{font-style:normal;font-size:13px;color:var(--ink-700);margin-left:2px;font-weight:600}
.bk-price .actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;justify-content:flex-end}
.bk-price .actions a,.bk-price .actions button{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--ink-300);background:#fff;color:var(--ink-800);border-radius:2px;cursor:pointer;transition:all .16s;text-decoration:none}
.bk-price .actions a:hover,.bk-price .actions button:hover{border-color:var(--ink-950);color:var(--ink-950)}
.bk-price .actions .primary{background:var(--ink-950);color:var(--paper);border-color:var(--ink-950)}
.bk-price .actions .primary:hover{background:var(--ink-800);border-color:var(--ink-800);color:var(--paper)}

/* ºó Àå¹Ù±¸´Ï */
.bk-empty{max-width:760px;margin:80px auto;text-align:center;padding:60px 32px;background:var(--ink-050);border-radius:4px}
.bk-empty .en{font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--ink-500);text-transform:uppercase;margin-bottom:14px}
.bk-empty h3{font-family:var(--f-serif);font-size:24px;font-weight:700;color:var(--ink-950);letter-spacing:-.02em;margin-bottom:10px}
.bk-empty p{font-size:13px;color:var(--ink-700);line-height:1.65;margin-bottom:24px}
.bk-empty .btn-main{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--ink-950);color:var(--paper);font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;border-radius:2px;transition:background .18s;text-decoration:none}
.bk-empty .btn-main:hover{background:var(--ink-800)}

/* SIDE ¡¤ °áÁ¦ ¿ä¾à */
.bk-summary{background:#fff;border:1px solid var(--ink-200);border-radius:4px;padding:28px 24px}
.bk-summary h3{font-family:var(--f-serif);font-size:18px;font-weight:700;color:var(--ink-950);letter-spacing:-.02em;padding-bottom:16px;border-bottom:1px solid var(--ink-900);margin-bottom:16px}
.bk-summary h3 .en{font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:.22em;color:var(--ink-500);margin-left:10px;text-transform:uppercase}
.bk-summary-row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;font-size:13px}
.bk-summary-row .k{color:var(--ink-700);letter-spacing:-.01em}
.bk-summary-row .v{font-family:var(--f-mono);font-weight:700;color:var(--ink-950);letter-spacing:-.01em}
.bk-summary-row.discount .v{color:var(--signal)}
.bk-summary-total{margin-top:14px;padding-top:18px;border-top:1px dashed var(--ink-300);display:flex;justify-content:space-between;align-items:baseline}
.bk-summary-total .k{font-family:var(--f-serif);font-size:15px;font-weight:700;color:var(--ink-950);letter-spacing:-.02em}
.bk-summary-total .v{font-family:var(--f-serif);font-size:26px;font-weight:900;color:var(--ink-950);letter-spacing:-.02em;line-height:1}
.bk-summary-total .v em{font-style:normal;font-size:15px;font-weight:700;margin-left:2px;color:var(--ink-700)}
.bk-summary-total .after_tt{display:none}

/* Àû¸³±Ý »ç¿ë Åä±Û */
.bk-summary-row.user_rsv{display:none}
.bk-summary-row.user_rsv button{margin-left:8px;padding:4px 10px;background:#fff;border:1px solid var(--ink-300);font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--ink-700);border-radius:2px;cursor:pointer;text-transform:uppercase;transition:all .16s}
.bk-summary-row.user_rsv button:hover{border-color:var(--ink-950);color:var(--ink-950)}
.bk-summary-row.user_rsv button[value="on"]{background:var(--ink-950);color:var(--paper);border-color:var(--ink-950)}
.bk-summary-row.user_rsv .after_rsv{display:none}
.bk-summary-row.use_rsv{display:none;color:var(--signal)}
.bk-summary-row.use_rsv .v{color:var(--signal)}

/* °áÁ¦ ¹öÆ° */
.bk-pay{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.bk-pay .btn-main{display:flex;justify-content:center;align-items:center;gap:8px;padding:17px 20px;background:var(--ink-950);color:var(--paper);font-family:var(--f-mono);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;border:none;cursor:pointer;transition:background .18s;border-radius:2px;text-decoration:none}
.bk-pay .btn-main:hover{background:var(--ink-800)}
.bk-pay .btn-main strong{font-family:var(--f-sans);font-weight:800;letter-spacing:-.01em}
.bk-pay-split{display:flex;align-items:center;gap:12px;margin:6px 0;font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;color:var(--ink-500);text-transform:uppercase}
.bk-pay-split::before,.bk-pay-split::after{content:"";flex:1;height:1px;background:var(--ink-200)}

/* °£Æí °áÁ¦ */
.bk-quick{display:flex;flex-direction:column;gap:8px}
.bk-quick button{display:flex;justify-content:center;align-items:center;gap:10px;padding:14px 18px;border:none;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:-.01em;border-radius:4px;transition:opacity .18s,transform .18s}
.bk-quick button:hover{opacity:.92;transform:translateY(-1px)}
.bk-quick button:active{transform:translateY(0)}
.bk-quick .kakao{background:#FEE500;color:#391F1F}
.bk-quick .naver{background:#03C75A;color:#fff}
.bk-quick button .logo{display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-sans);font-weight:800;letter-spacing:-.02em;font-size:14px}
.bk-quick button .txt{font-family:var(--f-sans);font-weight:700;letter-spacing:-.01em}
.bk-quick-real{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}
/* ¾È³» */
.bk-notes{margin-top:20px;padding-top:18px;border-top:1px solid var(--ink-100)}
.bk-notes li{position:relative;padding-left:14px;font-size:12px;color:var(--ink-700);line-height:1.7;letter-spacing:-.005em;list-style:none}
.bk-notes li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:1px;background:var(--ink-400)}
.bk-notes li strong{color:var(--ink-950);font-weight:700}
.bk-notes li.gradeGroup{display:none}

/* Ãßõ »óÇ° */
.bk-rcmd{max-width:var(--container);margin:0 auto;padding:0 var(--gutter) 80px}
.bk-rcmd-head{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:14px;border-bottom:1px solid var(--ink-900);gap:20px;flex-wrap:wrap;margin-bottom:28px}
.bk-rcmd-head-l{display:flex;flex-direction:column}
.bk-rcmd-head .kicker{font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--ink-500);text-transform:uppercase;margin-bottom:8px}
.bk-rcmd-head h2{font-family:var(--f-serif);font-size:24px;font-weight:700;color:var(--ink-950);letter-spacing:-.02em}
.bk-rcmd-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:40px 20px}
.bk-rcmd-card{display:block;cursor:pointer;text-decoration:none}
.bk-rcmd-thumb{position:relative;border-radius:2px;overflow:hidden;margin-bottom:12px;background:var(--ink-100);transition:transform .22s;display:block}
.bk-rcmd-thumb img{width:100%;display:block;transition:transform .4s}
.bk-rcmd-card:hover .bk-rcmd-thumb{transform:translateY(-3px)}
.bk-rcmd-card:hover .bk-rcmd-thumb img{transform:scale(1.03)}
.bk-rcmd-thumb .b{position:absolute;top:10px;left:10px;padding:4px 9px;background:rgba(10,10,11,.82);color:var(--paper);font-family:var(--f-mono);font-size:9px;font-weight:700;letter-spacing:.18em;border-radius:999px;backdrop-filter:blur(4px)}
.bk-rcmd-card .brand{font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--ink-500);text-transform:uppercase;margin-bottom:4px}
.bk-rcmd-card .name{font-size:12.5px;color:var(--ink-900);line-height:1.45;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.bk-rcmd-card .p{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.bk-rcmd-card .p .pct{font-family:var(--f-mono);font-size:11px;font-weight:700;color:var(--signal)}
.bk-rcmd-card .p .now{font-family:var(--f-mono);font-size:14px;font-weight:700;color:var(--ink-950)}
.bk-rcmd-card .p .old{font-family:var(--f-mono);font-size:11px;color:var(--ink-400);text-decoration:line-through}

/* ¹ÝÀÀÇü */
@media (max-width:1100px){
  .bk-wrap{grid-template-columns:1fr;gap:32px}
  .bk-side{position:static}
  .bk-rcmd-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .bk-forecast{padding:12px 18px}
}
@media (max-width:640px){
  .bk-top{grid-template-columns:1fr;gap:14px;align-items:start}
  .bk-top h1{font-size:36px}
  .bk-empty{margin:40px auto;padding:48px 22px}
  .bk-empty h3{font-size:20px}
  .bk-member{padding:16px 18px;flex-direction:column;align-items:flex-start;gap:14px}
  .bk-member-stats{width:100%;justify-content:space-between;gap:14px}
  .bk-member-stats .s,.bk-member-stats li.s a{text-align:left;align-items:flex-start}
  .bk-item{grid-template-columns:auto 80px 1fr;gap:12px}
  .bk-thumb{width:80px}
  .bk-price{grid-column:1 / span 3;text-align:left;align-items:flex-start;padding-top:8px;border-top:1px dashed var(--ink-200);margin-top:6px}
  .bk-rcmd-grid{grid-template-columns:repeat(2,1fr);gap:30px 14px}
}
/* BASIC css end */