/* /sub/css/coin-kimchi-list.css */
/* 코인주라 Kimchi List v20260426 */

#cj-kimchi-list-page-v20260426 .subpage-coinlist-listwrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

#cj-kimchi-list-page-v20260426 .subpage-coinlist-row{
  grid-template-columns:
    36px
    minmax(180px,1.6fr)
    minmax(140px,.9fr)
    90px
    minmax(150px,1fr)
    minmax(150px,1fr)
    110px;
}

#cj-kimchi-list-page-v20260426 .subpage-coinlist-list,
#cj-kimchi-list-page-v20260426 .subpage-coinlist-row{
  min-width:860px;
}

#cj-kimchi-list-page-v20260426 .subpage-coinlist-col-1h,
#cj-kimchi-list-page-v20260426 .subpage-coinlist-col-mcap,
#cj-kimchi-list-page-v20260426 .subpage-coinlist-col-vol,
#cj-kimchi-list-page-v20260426 .subpage-coinlist-col-spark{
  display:flex!important;
}

#cj-kimchi-list-page-v20260426 .subpage-coinlist-col-mcap,
#cj-kimchi-list-page-v20260426 .subpage-coinlist-col-vol,
#cj-kimchi-list-page-v20260426 .subpage-coinlist-col-spark{
  justify-content:flex-end;
}

#cj-kimchi-list-page-v20260426 .subpage-coinlist-head .subpage-coinlist-col-mcap,
#cj-kimchi-list-page-v20260426 .subpage-coinlist-head .subpage-coinlist-col-vol,
#cj-kimchi-list-page-v20260426 .subpage-coinlist-head .subpage-coinlist-col-spark{
  justify-content:flex-end!important;
  text-align:right;
}

#cj-kimchi-list-page-v20260426 .subpage-coinlist-col-spark .subpage-coinlist-exbadges{
  justify-content:flex-end;
}

#cj-kimchi-list-page-v20260426 .cj-kimchi-list-amount-up-v20260426{
  color:#00c46a!important;
}

#cj-kimchi-list-page-v20260426 .cj-kimchi-list-amount-down-v20260426{
  color:#f74c4c!important;
}

#cj-kimchi-list-page-v20260426 .cj-kimchi-list-amount-flat-v20260426{
  color:var(--text-sub)!important;
}

#cj-kimchi-list-page-v20260426 .cj-kimchi-list-ex-cb-v20260426{
  background:#315efb;
}

#cj-kimchi-list-page-v20260426 .cj-kimchi-list-empty-row-v20260426{
  cursor:default;
}

#cj-kimchi-list-page-v20260426 .cj-kimchi-list-empty-cell-v20260426{
  grid-column:1/-1;
  justify-content:center;
  min-height:72px;
  color:var(--text-sub);
  text-align:center;
}
@media (max-width:1240px){
  #cj-kimchi-list-page-v20260426 .subpage-coinlist-listwrap{
    overflow-x:visible;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-list,
  #cj-kimchi-list-page-v20260426 .subpage-coinlist-row{
    width:100%;
    min-width:0;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-head{
    display:none!important;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-list{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-row:not(.subpage-coinlist-head){
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr) minmax(0,1fr) minmax(72px,auto);
    grid-template-areas:
      "rank coin coin price"
      "rank premium premium premium"
      "mcap mcap vol ex";
    grid-template-rows:auto 30px minmax(54px, auto);
    align-items:stretch;
    gap:9px 8px;
    min-height:auto;
    margin-bottom:0;
    padding:12px;
    border-radius:18px;
    background:var(--surface-1);
    border-color:var(--border-light,var(--border-medium));
    box-shadow:0 8px 22px rgba(0,0,0,.08);
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-actions{
    grid-area:rank;
    align-self:start;
    justify-content:center;
    padding-top:3px;
    font-size:14px;
    color:var(--text);
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-cell-name{
    grid-area:coin;
    align-self:start;
    gap:9px;
    min-width:0;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-logo{
    width:34px;
    height:34px;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-name .nm{
    max-width:46vw;
    font-size:15px;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-name .sym{
    font-size:11px;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-cell-price{
    grid-area:price;
    align-self:start;
    align-items:flex-end;
    min-width:0;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-cell-price .now{
    font-size:16px;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-cell-price .cur{
    font-size:10px;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-col-1h{
    grid-area:premium;
    display:flex!important;
    align-items:center;
    justify-content:center!important;
    gap:6px;
    width:100%;
    min-width:0;
    height:30px;
    padding:0 10px;
    box-sizing:border-box;
    border:1px solid var(--border-light,var(--border-medium));
    border-radius:999px;
    background:var(--surface-2);
    overflow:hidden;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-row:not(.subpage-coinlist-head) .subpage-coinlist-col-1h::before{
    content:"김프"!important;
    flex:none;
    color:var(--text-sub);
    font-size:10px;
    font-weight:900;
    line-height:1;
    opacity:.85;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-col-1h .subpage-coinlist-pct{
    min-height:0;
    padding:0;
    border-radius:0;
    background:transparent!important;
    font-size:12px;
    white-space:nowrap;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-col-mcap{
    grid-area:mcap;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-col-vol{
    grid-area:vol;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-col-spark{
    grid-area:ex;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-col-mcap,
  #cj-kimchi-list-page-v20260426 .subpage-coinlist-col-vol,
  #cj-kimchi-list-page-v20260426 .subpage-coinlist-col-spark{
    display:flex!important;
    min-width:0;
    min-height:54px;
    box-sizing:border-box;
    padding-top:10px;
    margin-top:2px;
    border-top:1px solid var(--border-light,var(--border-medium));
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-col-mcap,
  #cj-kimchi-list-page-v20260426 .subpage-coinlist-col-vol{
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start!important;
    gap:4px;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-col-spark{
    align-items:center;
    justify-content:flex-end!important;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-row:not(.subpage-coinlist-head) .subpage-coinlist-col-mcap::before{
    content:"해외가"!important;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-row:not(.subpage-coinlist-head) .subpage-coinlist-col-vol::before{
    content:"차액"!important;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-row:not(.subpage-coinlist-head) .subpage-coinlist-col-mcap::before,
  #cj-kimchi-list-page-v20260426 .subpage-coinlist-row:not(.subpage-coinlist-head) .subpage-coinlist-col-vol::before{
    flex:none;
    line-height:1;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-metric{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    min-height:30px;
    gap:2px;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-metric .l{
    display:block;
    min-height:12px;
    font-size:10px;
    color:var(--text-sub);
    line-height:1.1;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-metric .v{
    width:100%;
    font-size:13px;
    min-height:15px;
    line-height:1.15;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-col-spark .subpage-coinlist-exbadges{
    display:flex;
    justify-content:flex-end;
    gap:4px;
  }
}

@media (max-width:1240px){
  #cj-kimchi-list-page-v20260426 .subpage-coinlist-row:not(.subpage-coinlist-head){
    grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) minmax(60px,auto);
    gap:8px 6px;
    padding:11px 10px;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-logo{
    width:31px;
    height:31px;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-name .nm{
    max-width:40vw;
    font-size:14px;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-cell-price .now{
    font-size:15px;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-col-1h{
    height:28px;
    padding:0 8px;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-col-1h .subpage-coinlist-pct{
    font-size:11px;
  }

  #cj-kimchi-list-page-v20260426 .subpage-coinlist-metric .v{
    font-size:12px;
  }
}