@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Archivo:wght@300;400;500;700&display=swap');
@font-face {
    font-family: 'Pretendard-Regular';
    src: local('/mart/fonts/Pretendard-Regular.woff2'),
    url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: local('/mart/fonts/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Bold';
    src: local('/mart/fonts/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
h1 {
  font-size: var(--font-title);
  text-align: center;
}
h2 {font-size: var(--font-large);}
.h2-inline {
  display: inline-block;
  font-size: var(--font-large);
  margin: 0 10px 20px 0;
}
.price-sum {
  font-size: var(--font-large);
  color: var(--color-blue);
}
h3,
.price {font-size: var(--font-medium);}
.my-amount {
  font-size: var(--font-medium);
  font-weight: bold;
  color: var(--color-blue);
}
.percent-sale {
  font-size: var(--font-medium);
  font-weight: bold;
  color: var(--color-red);
}
.txt-reg {font-size: var(--font-regular);}
.tit-sub {
  font-size: var(--font-regular);
  font-weight: bold;
}
.tit-modal {
  font-size: var(--font-default);
  font-weight: bold;
  text-align: center;
}
.txt-modal {
  font-size: var(--font-default);
  text-align: center;
}
.tit-sub-grey {
  font-size: var(--font-regular);
  font-weight: bold;
  color: var(--color-lighttxt);
}
.alert-blue {
  font-size: var(--font-regular);
  font-weight: bold;
  text-align: center;
  color: var(--color-blue);
}
.product-desc {
  font-size: var(--font-default);
  color: var(--color-darkgrey);
}
.price-ori {
  font-size: var(--font-default);
  text-decoration: line-through;
  color:var(--color-darkgrey)
}
.cart-opt{
  font-size: var(--font-micro);
  color: var(--color-darkgrey);
}
.cart-opt span{
  padding-left: 5px;
  color: var(--color-blue);
}
.tx-href {
  text-decoration: underline;
  color:var(--color-darkgrey);
  cursor: pointer;
}
.tit-subcate {
  display: inline-block;
  font-size: var(--font-regular);
  color: var(--color-darkgrey);
}
.tit-subcate.on {color: var(--color-blue)}

.item-title {
  display: -webkit-box;
  line-height:1.3;
  font-size: var(--font-regular);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ord-status {
  display: inline-block;
  font-size: var(--font-regular);
  font-weight: bold;
}
.ord-status.red {color: var(--color-red);}
.ord-status.black {color: #000;}

.colred {color: var(--color-red)}
.colyellow {color: var(--color-yellow)}
.colblue {color: var(--color-blue)}
.colgreen {color: var(--color-green)}
.coldgrey {color: var(--color-darkgrey)}
.collgrey {color: var(--color-lighttxt)}