@charset "UTF-8";
/* 스토리 메인이미지 */
/* line 2, app/assets/stylesheets/stories.scss */
.wrap-main-stories {
  position: relative;
}

/* line 3, app/assets/stylesheets/stories.scss */
.wrap-main-stories .d-img-main {
  width: 100%;
  max-width: 1920px;
  display: block;
}

/* line 4, app/assets/stylesheets/stories.scss */
.wrap-main-stories .text-desc {
  position: absolute;
  top: 9.375rem;
  left: 0;
  right: 0;
}

/* line 5, app/assets/stylesheets/stories.scss */
.wrap-main-stories h1 {
  font-family: 'Noto Serif KR';
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: normal;
  color: #fff;
  margin: 0;
}

/* line 6, app/assets/stylesheets/stories.scss */
.wrap-main-stories p {
  font-family: 'SeoulNamsan';
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: -0.025rem;
  color: #fff;
  padding-top: 1.25rem;
}

/* -end- 스토리 메인이미지 */
/* 스토리 리스트 페이지 */
/* 스토리 리스트 */
/* line 11, app/assets/stylesheets/stories.scss */
.wrap-stories-list {
  width: 100%;
  max-width: 1201px;
  margin: 0 auto;
}

/* line 12, app/assets/stylesheets/stories.scss */
.wrap-stories-list .wrap-stories-list-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

/* line 13, app/assets/stylesheets/stories.scss */
.wrap-stories-list .wrap-stories-list-row .wrap-list {
  padding-top: 5rem;
  margin-right: 4.6875%;
  width: 100%;
  max-width: 340px;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
}

/* line 14, app/assets/stylesheets/stories.scss */
.wrap-stories-list .wrap-stories-list-row .wrap-list:nth-of-type(3n) {
  margin-right: 0;
}

/* line 15, app/assets/stylesheets/stories.scss */
.wrap-stories-list .wrap-stories-list-row .wrap-list .img-list-wrapping {
  width: 100%;
  background-color: #e7e6e6;
}

/* line 16, app/assets/stylesheets/stories.scss */
.wrap-stories-list .wrap-stories-list-row .wrap-list .img-list-wrapping img {
  width: 100%;
}

/* line 17, app/assets/stylesheets/stories.scss */
.wrap-stories-list .wrap-stories-list-row .wrap-list .board-title {
  font-family: 'SeoulNamsanEB';
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: -0.025rem;
  color: #626262;
  padding-top: 1.25rem;
}

/* line 18, app/assets/stylesheets/stories.scss */
.wrap-stories-list .wrap-stories-list-row .wrap-list .board-content {
  font-family: 'SeoulNamsan';
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: -0.025rem;
  color: #7f7f7f;
  padding-top: 2.5rem;
  padding-bottom: 1.25rem;
}

/* line 19, app/assets/stylesheets/stories.scss */
.wrap-stories-list .wrap-stories-list-row .wrap-list .board-date {
  font-family: 'SeoulNamsan';
  font-size: 1.25rem;
  line-height: 2.5;
  letter-spacing: -0.05rem;
  color: #bfbfbf;
  padding-bottom: 1.25rem;
}

/* -end- 스토리 리스트 */
/* 페이지네이션 */
/* line 22, app/assets/stylesheets/stories.scss */
.wrap-pagination {
  padding: 4.375rem 0 6.25rem;
}

/* line 23, app/assets/stylesheets/stories.scss */
.wrap-pagination .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 24, app/assets/stylesheets/stories.scss */
.wrap-pagination .pagination .prev .material-icons,
.wrap-pagination .pagination .next .material-icons {
  font-size: 1.25rem;
  font-weight: bold;
  color: #585858;
}

/* line 26, app/assets/stylesheets/stories.scss */
.wrap-pagination .pagination .prev {
  padding-right: 28px;
}

/* line 27, app/assets/stylesheets/stories.scss */
.wrap-pagination .pagination .pages {
  font-family: 'SeoulNamsan';
  font-size: 1.25rem;
  line-height: 2.5;
  letter-spacing: -0.05rem;
  color: #7f7f7f;
  padding-right: 28px;
}

/* line 28, app/assets/stylesheets/stories.scss */
.wrap-pagination .pagination .pages .active {
  color: #fff;
  border-radius: 1.875rem;
  background-color: #404040;
  letter-spacing: normal;
  width: 1.875rem;
  height: 1.875rem;
  text-align: center;
  position: relative;
}

/* line 29, app/assets/stylesheets/stories.scss */
.wrap-pagination .pagination .pages .active span {
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
}

/* -end- 페이지네이션 */
/* -end- 스토리 리스트 페이지 */
/* 스토리 내용 페이지 */
/* line 34, app/assets/stylesheets/stories.scss */
.wrap-stories-detail {
  padding: 9.375rem 0 6.25rem;
  box-sizing: border-box;
}

/* line 35, app/assets/stylesheets/stories.scss */
.wrap-stories-detail .wrapper-stories-detail-header {
  border-top: 1px solid #404040;
  padding: 2.5rem 0;
}

/* line 36, app/assets/stylesheets/stories.scss */
.wrap-stories-detail .wrapper-stories-detail-header .wrap-board-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.625rem;
}

/* line 37, app/assets/stylesheets/stories.scss */
.wrap-stories-detail .wrapper-stories-detail-header .wrap-board-head .text-board-name {
  font-family: 'SeoulNamsanB';
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: normal;
  color: #626262;
}

/* line 38, app/assets/stylesheets/stories.scss */
.wrap-stories-detail .wrapper-stories-detail-header .wrap-board-head .text-board-day .text-writer {
  font-family: 'SeoulNamsan';
  font-size: 1.25rem;
  color: #626262;
  display: inline-block;
}

/* line 39, app/assets/stylesheets/stories.scss */
.wrap-stories-detail .wrapper-stories-detail-header .wrap-board-head .text-board-day .text-date {
  font-family: 'SeoulNamsan';
  font-size: 1.25rem;
  line-height: 2;
  letter-spacing: -0.025rem;
  color: #626262;
  display: inline-block;
}

/* line 40, app/assets/stylesheets/stories.scss */
.wrap-stories-detail .wrapper-stories-detail-header .text-title {
  font-family: 'Noto Serif KR';
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: -0.125rem;
  color: #333;
}

/* line 41, app/assets/stylesheets/stories.scss */
.wrap-stories-detail .wrap-content {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  padding: 3.75rem 0;
  font-family: 'SeoulNamsan';
  font-size: 1.25rem;
  line-height: 1.75;
  letter-spacing: normal;
  color: #757575;
}

/* line 42, app/assets/stylesheets/stories.scss */
.wrap-stories-detail .wrap-content img {
  max-width: 100%;
}

/* line 43, app/assets/stylesheets/stories.scss */
.wrap-stories-detail .wrap-btn-list {
  padding-top: 3.125rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

/* line 44, app/assets/stylesheets/stories.scss */
.wrap-stories-detail .wrap-btn-list .wrap-prev-list .prev-list-title,
.wrap-stories-detail .wrap-btn-list .wrap-next-list .next-list-title {
  font-family: 'SeoulNamsan';
  font-size: 1.25rem;
  line-height: 1.1;
  color: #ccc;
  width: 185px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 0.625rem;
}

/* line 46, app/assets/stylesheets/stories.scss */
.wrap-stories-detail .wrap-btn-list .wrap-prev-list,
.wrap-stories-detail .wrap-btn-list .wrap-next-list {
  font-family: 'SeoulNamsanEB';
  font-size: 1.25rem;
  line-height: 2;
  color: #585858;
}

/* line 48, app/assets/stylesheets/stories.scss */
.wrap-stories-detail .wrap-btn-list .wrap-next-list {
  text-align: left;
}

/* line 49, app/assets/stylesheets/stories.scss */
.wrap-stories-detail .wrap-btn-list .wrap-prev-list {
  text-align: right;
}

/* line 50, app/assets/stylesheets/stories.scss */
.wrap-stories-detail .wrap-btn-list .wrap-prev-list .material-icons,
.wrap-stories-detail .wrap-btn-list .wrap-next-list .material-icons {
  font-size: 17px;
  vertical-align: middle;
}

/* line 52, app/assets/stylesheets/stories.scss */
.wrap-stories-detail .wrap-btn-all-list {
  margin-top: 20px;
  width: 100%;
  text-align: center;
}

/* line 53, app/assets/stylesheets/stories.scss */
.wrap-stories-detail .wrap-btn-all-list .btn-all-list {
  display: inline-block;
  box-sizing: border-box;
  padding: 18px 54px;
  background-color: #7f7f7f;
  color: #fff;
  font-family: 'SeoulNamsan';
  font-size: 1.25rem;
}

/* -end- 스토리 내용 페이지 */
@media (max-width: 600px) {
  /* 스토리 메인이미지 */
  /* line 58, app/assets/stylesheets/stories.scss */
  .wrap-main-stories .m-img-main {
    width: 100%;
    display: block;
  }
  /* line 59, app/assets/stylesheets/stories.scss */
  .wrap-main-stories .text-desc {
    padding-left: 5.55%;
    top: 5rem;
  }
  /* line 60, app/assets/stylesheets/stories.scss */
  .wrap-main-stories h1 {
    font-size: 1.562rem;
    line-height: 1.4;
    letter-spacing: -0.156rem;
    margin: 0;
  }
  /* line 61, app/assets/stylesheets/stories.scss */
  .wrap-main-stories p {
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.065rem;
    padding-top: 0.625rem;
  }
  /* -end- 스토리 메인이미지 */
  /* 스토리 리스트 페이지 */
  /* 스토리 리스트 */
  /* line 66, app/assets/stylesheets/stories.scss */
  .wrap-stories-list {
    width: 88.88%;
    max-width: 88.88%;
    margin: 0 auto;
  }
  /* line 67, app/assets/stylesheets/stories.scss */
  .wrap-stories-list .text-chapter {
    padding-top: 6.25rem;
    padding-bottom: 2.5rem;
    text-align: center;
  }
  /* line 68, app/assets/stylesheets/stories.scss */
  .wrap-stories-list .text-chapter h1 {
    font-family: 'Noto Serif KR';
    font-size: 1.562rem;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: normal;
    color: #333;
    margin: 0;
    padding-bottom: 0.625rem;
  }
  /* line 69, app/assets/stylesheets/stories.scss */
  .wrap-stories-list .text-chapter p {
    font-family: 'SeoulNamsan';
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.032rem;
    color: #626262;
    padding-bottom: 0.625rem;
  }
  /* line 70, app/assets/stylesheets/stories.scss */
  .wrap-stories-list .wrap-stories-list-row {
    display: block;
  }
  /* line 71, app/assets/stylesheets/stories.scss */
  .wrap-stories-list .wrap-stories-list-row .wrap-list {
    padding-top: 1.875rem;
    margin-right: 0;
    max-width: 100%;
  }
  /* line 72, app/assets/stylesheets/stories.scss */
  .wrap-stories-list .wrap-stories-list-row .wrap-list .board-title {
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.032rem;
    padding-top: 1.25rem;
  }
  /* line 73, app/assets/stylesheets/stories.scss */
  .wrap-stories-list .wrap-stories-list-row .wrap-list .board-content {
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.032rem;
    color: #626262;
    padding-top: 1.875rem;
    padding-bottom: 0.625rem;
  }
  /* line 74, app/assets/stylesheets/stories.scss */
  .wrap-stories-list .wrap-stories-list-row .wrap-list .board-date {
    font-size: 0.812rem;
    line-height: 1.92;
    letter-spacing: -0.065rem;
    padding-bottom: 1.875rem;
  }
  /* -end- 스토리 리스트 */
  /* 페이지네이션 */
  /* line 77, app/assets/stylesheets/stories.scss */
  .wrap-pagination {
    padding: 2.5rem 0 4.687rem;
  }
  /* line 78, app/assets/stylesheets/stories.scss */
  .wrap-pagination .pagination .prev .material-icons,
.wrap-pagination .pagination .next .material-icons {
    font-size: 0.812rem;
  }
  /* line 80, app/assets/stylesheets/stories.scss */
  .wrap-pagination .pagination .prev {
    padding-right: 20px;
  }
  /* line 81, app/assets/stylesheets/stories.scss */
  .wrap-pagination .pagination .pages {
    font-size: 0.812rem;
    line-height: 1.15;
    letter-spacing: normal;
    color: #585858;
    padding-right: 20px;
  }
  /* line 82, app/assets/stylesheets/stories.scss */
  .wrap-pagination .pagination .pages .active {
    border-radius: 1.562rem;
    width: 1.562rem;
    height: 1.562rem;
    text-align: center;
    position: relative;
  }
  /* line 83, app/assets/stylesheets/stories.scss */
  .wrap-pagination .pagination .pages .active span {
    top: 6px;
  }
  /* -end- 페이지네이션 */
  /* -end- 스토리 리스트 페이지 */
  /* 스토리 내용 페이지 */
  /* line 88, app/assets/stylesheets/stories.scss */
  .wrap-stories-detail {
    padding: 6.25rem 0 4.687rem;
    width: 88.88%;
    margin: 0 auto;
  }
  /* line 89, app/assets/stylesheets/stories.scss */
  .wrap-stories-detail .wrapper-stories-detail-header {
    padding: 1.562rem 0;
  }
  /* line 90, app/assets/stylesheets/stories.scss */
  .wrap-stories-detail .wrapper-stories-detail-header .text-board-name {
    font-family: 'SeoulNamsan';
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.032rem;
    color: #626262;
  }
  /* line 91, app/assets/stylesheets/stories.scss */
  .wrap-stories-detail .wrapper-stories-detail-header .text-board-day .text-writer {
    font-family: 'SeoulNamsan';
    font-size: 0.812rem;
    color: #626262;
    display: inline-block;
  }
  /* line 92, app/assets/stylesheets/stories.scss */
  .wrap-stories-detail .wrapper-stories-detail-header .text-board-day .text-date {
    font-family: 'SeoulNamsan';
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.032rem;
    color: #626262;
    display: inline-block;
  }
  /* line 93, app/assets/stylesheets/stories.scss */
  .wrap-stories-detail .wrapper-stories-detail-header .text-title {
    font-size: 1.562rem;
    line-height: 1.4;
    letter-spacing: normal;
    padding: 1.875rem 0;
  }
  /* line 94, app/assets/stylesheets/stories.scss */
  .wrap-stories-detail .wrap-content {
    padding: 3.125rem 0;
    font-size: 0.812rem;
    line-height: 1.69;
    letter-spacing: -0.032rem;
    color: #626262;
  }
  /* line 95, app/assets/stylesheets/stories.scss */
  .wrap-stories-detail .wrap-btn-list {
    padding-top: 1.562rem;
  }
  /* line 96, app/assets/stylesheets/stories.scss */
  .wrap-stories-detail .wrap-btn-list .wrap-prev-list .prev-list-title,
.wrap-stories-detail .wrap-btn-list .wrap-next-list .next-list-title {
    font-size: 0.812rem;
    line-height: 0.85;
    width: 105px;
  }
  /* line 98, app/assets/stylesheets/stories.scss */
  .wrap-stories-detail .wrap-btn-list .wrap-prev-list,
.wrap-stories-detail .wrap-btn-list .wrap-next-list {
    font-size: 0.812rem;
    line-height: 1.54;
  }
  /* line 100, app/assets/stylesheets/stories.scss */
  .wrap-stories-detail .wrap-btn-list .wrap-prev-list .material-icons,
.wrap-stories-detail .wrap-btn-list .wrap-next-list .material-icons {
    font-size: 13px;
  }
  /* line 102, app/assets/stylesheets/stories.scss */
  .wrap-stories-detail .wrap-btn-all-list .btn-all-list {
    width: auto;
    height: auto;
    padding: 8px 30px 6px;
    font-size: 0.8125rem;
  }
  /* -end- 스토리 내용 페이지 */
}

/*# sourceMappingURL=stories.css-4ed8e8ddf76926ba4532d05d714da17406a75c11b16e04818c8791f24cc86b7d.map */