@charset "UTF-8";
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
.xe-list-board {
  overflow-x: hidden;
}

.xe-list-board a, .xe-list-board button, .xe-list-board input {
  outline: none;
}

.blind {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}

.xf-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.xf-col-sm-6, .xf-col-md-6, .xf-col-md-8, .xf-col-md-4, .xf-col-md-12, .xf-col-lg-4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.xf-col-sm-6, .xf-col-md-6, .xf-col-md-8, .xf-col-md-4, .xf-col-md-12, .xf-col-lg-4 {
  width: 100%;
}

.xf-col-sm-6 {
  width: 50%;
}

@media (min-width: 768px) {
  .xf-col-sm-6 {
    float: left;
  }
  .xf-col-sm-6 {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .xf-col-md-6, .xf-col-md-8 {
    float: left;
  }
  .xf-col-md-6 {
    width: 50%;
  }
  .xf-col-md-8 {
    width: 66.66666667%;
  }
  .xf-col-md-4 {
    width: 33.33333333%;
  }
  .xf-col-md-12 {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .xf-col-lg-4 {
    width: 33.33333333%;
  }
}

/* 게시판 공통 */
.xe-list-board {
  font-family: 'Spoqa Han Sans', 'Sans-serif';
  font-size: 16px;
  word-break: break-all;
}

.xe-list-board-list__title-new {
  background: url("../../assets/img/icon_new.svg") no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
}

/* 한줄 */
.xe-content--text-ellipsis-one {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 두줄 */
.xe-content--text-ellipsis-two {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 유저 이미지 */
.xe-list-board-list__user-image {
  width: 28px;
  height: 28px;
  background: url(../img/defalut_profile.jpg) no-repeat 0% 50%;
  border-radius: 50px;
  float: left;
  text-decoration: none;
  color: #767676;
  background-size: cover;
}

/* 상세정보 스타일 */
.xe-list-board-list__mobile-style {
  font-size: 12px;
  color: #9c9c9c;
}

.xe-list-board-list__mobile-style:after {
  content: '·';
  margin: 0 2px;
}

.xe-list-board-list__mobile-style:last-child:after {
  content: '';
  margin: 0;
}

/* 링크 초기화 */
.xe-list-board-body__link {
  text-decoration: none;
  color: #141414;
}

.xe-list-board-body__link:hover {
  text-decoration: none;
  color: #141414;
}

/* color gray */
.list-board__color-gray {
  color: #767676 !important;
}

/* 모바일에서만 보이게 */
.xe-hidden-pc {
  display: inline-block;
}

.xe-hidden-mobile {
  display: none;
}

/* 글이 아무것도 없을 때 */
.xe-list-webzine-board__no-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 500px;
}

.xe-list-webzine-board__no-result .xe-list-webzine-board__text {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #484848;
}

/* 버튼 */
.xe-list-board__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #141414;
  border: 1px solid #e0e0e0;
  text-decoration: none;
  text-align: center;
  margin: 10px 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background: transparent;
  font-size: 14px;
}

.xe-list-board__btn:hover {
  background: #f4f5f7;
}

/* guest id */
.xe-board-body.user {
  max-width: 500px;
}

.xe-board-body.user .xe-board-body__title {
  text-align: center;
}

.xe-board-body.user .xe-board-body__input .xe-form-control {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #e0e0e0;
}

.xe-board-body.user .xe-list-board__btn {
  width: 100%;
}

/* 포커스 */
.xe-list-board__btn.xe-list-board__btn-primary:focus {
  background: #ebecf0;
}

.xe-list-board__btn:focus {
  background: #f4f5f7;
}

/* PC에서만 보이게 */
@media (min-width: 992px) {
  .xe-hidden-mobile {
    display: inline-block;
  }
  .xe-hidden-pc {
    display: none;
  }
}

/* 좋아요, 싫어요 모달 스타일 */
.xe-modal .xe-list-group {
  text-decoration: none;
}

.xe-modal .xe-list-group .img-thumbnail {
  overflow: hidden;
  display: table-cell;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  border: 0px;
}

/**/
.xe-list-board-header--middle-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.xe-list-board-header--middle-box .xe-list-board-header--icon-tab {
  margin-right: 25px;
  line-height: 45px;
}

.xe-list-board-header--middle-box .xe-list-board-header--icon-tab .xe-list-board-header--icon-tab-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xe-list-board-header--middle-box .xe-list-board-header--icon-tab .xe-list-board-header--icon-tab-list .xe-list-board-header--icon-tab-item {
  color: #767676;
}

.xe-list-board-header--middle-box .xe-list-board-header--icon-tab .xe-list-board-header--icon-tab-list .xe-list-board-header--icon-tab-item .xe-list-board-header--icon-tab-button {
  background: transparent;
  border: none;
}

/*# sourceMappingURL=new-board-common.css.map */