@charset "UTF-8";
/* _style_list.scss
-------------------------------------------------------------------------------------------------------- */
#xet-simple-board {
  /** 모바일 list */
}
#xet-simple-board .simple-board__list {
  display: none;
}
#xet-simple-board .simple-board__list-m {
  margin: 0 -16px;
  overflow: hidden;
  border-bottom: 1px solid var(--border-color);
  /** 목록 */
  /** 공지 */
  /** 선택된 게시물 */
}
#xet-simple-board .simple-board__list-m .item {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 10px 16px;
  min-height: 60px;
  border-top: 0.5px solid var(--border-color);
}
#xet-simple-board .simple-board__list-m .item .item__left {
  flex: 1;
}
#xet-simple-board .simple-board__list-m .item .item__right {
  display: flex;
  align-items: center;
}
#xet-simple-board .simple-board__list-m .item .item__inner {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  margin-right: 10px;
  color: var(--text-baseColor2);
}
#xet-simple-board .simple-board__list-m .item .item__inner + .item__inner {
  margin-top: 6px;
}
#xet-simple-board .simple-board__list-m .item .item__inner a {
  color: var(--text-baseColor2);
}
#xet-simple-board .simple-board__list-m .item .item__inner.item__category {
  margin: 0;
}
#xet-simple-board .simple-board__list-m .item .item__inner.item__number {
  display: none;
}
#xet-simple-board .simple-board__list-m .item .item__inner.item__subject {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  margin-right: 0;
  text-overflow: ellipsis;
}
#xet-simple-board .simple-board__list-m .item .item__inner.item__subject input[name=cart] {
  margin-right: 4px;
  flex-shrink: 0;
}
#xet-simple-board .simple-board__list-m .item .item__inner.item__summary {
  flex: 1 1 40%;
  width: 100%;
  margin-right: 0;
}
#xet-simple-board .simple-board__list-m .item .item__inner.item__count {
  margin-right: 0;
}
#xet-simple-board .simple-board__list-m .item .item__inner.item__count a {
  text-align: center;
  min-width: 34px;
  font-size: 14px;
  padding: 6px;
  border-radius: 4px;
  background-color: #f5f5f5;
  color: var(--text-strongColor);
}
#xet-simple-board .simple-board__list-m .item .item__inner.item__count a > span {
  font-size: 10px;
  color: var(--text-baseColor2);
}
#xet-simple-board .simple-board__list-m .item .item__inner.item__thumbnail {
  flex-shrink: 0;
}
#xet-simple-board .simple-board__list-m .item .item__inner.item__thumbnail .thumbnail img {
  width: 60px;
  border-radius: 4px;
}
#xet-simple-board .simple-board__list-m .item.item-notice {
  background-color: #f4f8fc;
}
#xet-simple-board .simple-board__list-m .item.item-notice svg.notice {
  flex-shrink: 0;
  margin-right: 8px;
  fill: var(--color-primary);
}
#xet-simple-board .simple-board__list-m .item.is-active .item__number {
  color: var(--color-primary);
}

/* responsive
-------------------------------------------------------------------------------------------------------- */
@media (min-width: 992px) {
  #xet-simple-board {
    /* 모바일 list */
  }
  #xet-simple-board .simple-board__list {
    display: block;
    overflow: hidden;
    /** 공통 */
    /** 헤더 */
    /** 공지 */
    /** 목록 */
    /** 선택된 게시물 */
  }
  #xet-simple-board .simple-board__list .item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    min-height: 40px;
    border-top: 1px solid var(--border-color);
    /* ie11에서 min-height flex 이슈 문제 해결*/
  }
  #xet-simple-board .simple-board__list .item:last-child {
    border-bottom: 1px solid var(--border-color);
  }
  #xet-simple-board .simple-board__list .item::after {
    display: block;
    min-height: inherit;
    font-size: 0;
    content: "";
  }
  #xet-simple-board .simple-board__list .item .item__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  #xet-simple-board .simple-board__list .item .item__inner.item__manager {
    padding: 0 0 0 8px;
  }
  #xet-simple-board .simple-board__list .item .item__inner.item__number {
    min-width: 50px;
  }
  #xet-simple-board .simple-board__list .item .item__inner.item__category {
    min-width: 100px;
  }
  #xet-simple-board .simple-board__list .item .item__inner.item__icon {
    padding: 0;
  }
  #xet-simple-board .simple-board__list .item .item__inner.item__subject {
    flex: 1;
    min-width: 200px;
  }
  #xet-simple-board .simple-board__list .item .item__inner.item__summary {
    min-width: 160px;
  }
  #xet-simple-board .simple-board__list .item .item__inner.item__user {
    min-width: 160px;
  }
  #xet-simple-board .simple-board__list .item .item__inner.item__count {
    min-width: 60px;
  }
  #xet-simple-board .simple-board__list .item .item__inner.item__last-post {
    min-width: 210px;
  }
  #xet-simple-board .simple-board__list .item .item__inner.item__date {
    min-width: 100px;
  }
  #xet-simple-board .simple-board__list .item .item__inner.item__thumbnail {
    flex-shrink: 0;
    width: 60px;
  }
  #xet-simple-board .simple-board__list .item .item__inner.item__thumbnail img {
    border-radius: 4px;
    height: 40px;
  }
  #xet-simple-board .simple-board__list .item .item__inner.item__extravar {
    min-width: 100px;
    white-space: normal;
  }
  #xet-simple-board .simple-board__list .item.item-list-header {
    font-weight: bold;
    color: var(--text-strongColor);
    border-top: 1px solid var(--text-strongColor);
    background-color: var(--bg-color);
  }
  #xet-simple-board .simple-board__list .item.item-list-header .item__inner {
    white-space: nowrap;
    justify-content: center !important;
  }
  #xet-simple-board .simple-board__list .item.item-notice {
    background-color: #f9f9f9;
  }
  #xet-simple-board .simple-board__list .item.item-notice svg.notice {
    fill: var(--color-primary);
  }
  #xet-simple-board .simple-board__list .item.item-list .item__inner.item__number {
    display: inline-flex;
    justify-content: center;
  }
  #xet-simple-board .simple-board__list .item.item-list .item__inner.item__subject {
    justify-content: flex-start;
    font-size: 12px;
  }
  #xet-simple-board .simple-board__list .item.item-list .item__inner.item__subject a.subject {
    font-size: 14px;
  }
  #xet-simple-board .simple-board__list .item.item-list .item__inner.item__subject a + a {
    margin-left: 6px;
  }
  #xet-simple-board .simple-board__list .item.item-list .item__inner.item__summary {
    white-space: normal;
    justify-content: flex-start;
  }
  #xet-simple-board .simple-board__list .item.item-list .item__inner.item__count {
    white-space: nowrap;
    justify-content: center;
  }
  #xet-simple-board .simple-board__list .item.item-list .item__inner a:hover {
    text-decoration: underline !important;
  }
  #xet-simple-board .simple-board__list .item.is-active .item__number {
    color: var(--color-primary);
  }
  #xet-simple-board .simple-board__list-m {
    display: none;
  }
}