@charset "UTF-8";
/* -start- event 리스트 */
/* -start- event 상단 이미지 */
/* line 3, app/assets/stylesheets/events.scss */
.wrap-img-title {
  position: relative;
}

/* line 4, app/assets/stylesheets/events.scss */
.wrap-img-title .img-title-wrapping {
  width: 100%;
  max-width: 1920px;
}

/* line 5, app/assets/stylesheets/events.scss */
.wrap-img-title .img-title-wrapping .d-img-title-event {
  width: 100%;
  display: block;
}

/* line 6, app/assets/stylesheets/events.scss */
.wrap-img-title .wrap-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* line 7, app/assets/stylesheets/events.scss */
.wrap-img-title .wrap-text h1 {
  font-family: 'Noto Serif KR';
  font-size: 3.125rem;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.156rem;
  color: #fff;
  margin: 0;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 100px;
}

/* line 8, app/assets/stylesheets/events.scss */
.wrap-img-title .wrap-text p {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  line-height: normal;
  letter-spacing: -0.022rem;
  color: #ccc;
  text-align: center;
}

/* -end- event 상단 이미지 */
/* -start- event 리스트 */
/* line 12, app/assets/stylesheets/events.scss */
.wrap-board-list {
  padding: 150px 0 100px;
}

/* line 13, app/assets/stylesheets/events.scss */
.wrap-board-list .wrap-board-list-row {
  display: flex;
  justify-content: flex-start;
}

/* line 14, app/assets/stylesheets/events.scss */
.wrap-board-list .wrap-board-list-row .wrap-list {
  border-bottom: 1px solid #ccc;
  width: 100%;
  max-width: 340px;
  margin-bottom: 80px;
  margin-right: 6.7%;
}

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

/* line 16, app/assets/stylesheets/events.scss */
.wrap-board-list .wrap-board-list-row .wrap-list .img-thumbnail {
  width: 100%;
  display: block;
}

/* line 17, app/assets/stylesheets/events.scss */
.wrap-board-list .wrap-board-list-row .wrap-list .board-title {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: -0.03rem;
  color: #333;
  padding: 30px 0 15px;
  height: 60px;
}

/* line 18, app/assets/stylesheets/events.scss */
.wrap-board-list .wrap-board-list-row .wrap-list .board-content {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  line-height: 1.56;
  letter-spacing: -0.022rem;
  color: #626262;
  padding-bottom: 20px;
  text-overflow: ellipsis;
}

/* line 19, app/assets/stylesheets/events.scss */
.wrap-board-list .wrap-board-list-row .wrap-list .board-date {
  font-family: 'Poppins';
  font-size: 1.125rem;
  line-height: 2.22;
  letter-spacing: -0.022rem;
  color: #ccc;
  padding-bottom: 20px;
}

/* -end- event 리스트 */
/* -start- 페이지네이션 */
/* line 23, app/assets/stylesheets/events.scss */
.wrap-pagination {
  padding-bottom: 128px;
}

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

/* line 25, app/assets/stylesheets/events.scss */
.wrap-pagination .pagination .prev .material-icons,
.wrap-pagination .pagination .next .material-icons {
  font-size: 1.125rem;
  font-weight: bold;
  color: #626262;
}

/* line 27, app/assets/stylesheets/events.scss */
.wrap-pagination .pagination .prev {
  padding-right: 20px;
}

/* line 28, app/assets/stylesheets/events.scss */
.wrap-pagination .pagination .pages {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  line-height: 2.78;
  letter-spacing: 1.875rem;
  color: #626262;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 29, app/assets/stylesheets/events.scss */
.wrap-pagination .pagination .pages .active {
  color: #fff;
  border-radius: 1.875rem;
  background-color: #333;
  letter-spacing: normal;
  width: 1.875rem;
  height: 1.875rem;
  text-align: center;
  margin-right: 30px;
  position: relative;
}

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

/* -end- 페이지네이션 */
/* -end- event 리스트 */
/* -start- event 디테일 */
/* line 35, app/assets/stylesheets/events.scss */
.wrap-board-detail {
  padding: 150px 0;
}

/* line 36, app/assets/stylesheets/events.scss */
.wrap-board-detail em {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: normal;
  color: #ffabc0;
  padding-bottom: 10px;
}

/* line 37, app/assets/stylesheets/events.scss */
.wrap-board-detail h1 {
  font-family: 'Noto Serif KR';
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: -0.125rem;
  color: #333;
  margin: 0;
  padding-bottom: 20px;
}

/* line 38, app/assets/stylesheets/events.scss */
.wrap-board-detail p {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  line-height: normal;
  letter-spacing: normal;
  color: #626262;
  padding-bottom: 40px;
}

/* line 39, app/assets/stylesheets/events.scss */
.wrap-board-detail .detail-date {
  font-family: 'Poppins';
  line-height: 2.22;
  letter-spacing: -0.022rem;
  padding-bottom: 40px;
}

/* line 40, app/assets/stylesheets/events.scss */
.wrap-board-detail .detail-content {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 60px 0;
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  line-height: 1.56;
  letter-spacing: normal;
  color: #757575;
}

/* line 41, app/assets/stylesheets/events.scss */
.wrap-board-detail .wrap-btn-list {
  width: 100%;
  max-width: 220px;
  padding-top: 60px;
  margin: 0 auto;
}

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

/* line 43, app/assets/stylesheets/events.scss */
.wrap-board-detail .wrap-btn-list .btn-event-list {
  width: 100%;
  display: block;
}

/* -end- event 디테일 */
@media (max-width: 600px) {
  /* line 49, app/assets/stylesheets/events.scss */
  .desktop {
    display: none;
  }
  /* line 50, app/assets/stylesheets/events.scss */
  .mobile {
    display: block;
  }
  /* -start- event 상단 이미지 */
  /* line 53, app/assets/stylesheets/events.scss */
  .wrap-img-title .img-title-wrapping .m-img-title-event {
    width: 100%;
    display: block;
  }
  /* line 54, app/assets/stylesheets/events.scss */
  .wrap-img-title .wrap-text h1 {
    font-size: 1.562rem;
    font-weight: normal;
    padding-top: 120px;
  }
  /* line 55, app/assets/stylesheets/events.scss */
  .wrap-img-title .wrap-text p {
    font-size: 0.812rem;
  }
  /* -end- event 상단 이미지 */
  /* -start- event 리스트 */
  /* line 59, app/assets/stylesheets/events.scss */
  .wrap-board-list {
    padding: 100px 0 50px;
  }
  /* line 60, app/assets/stylesheets/events.scss */
  .wrap-board-list .wrap-board-list-row {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  /* line 61, app/assets/stylesheets/events.scss */
  .wrap-board-list .wrap-board-list-row .wrap-list {
    max-width: 100%;
    margin-bottom: 50px;
    margin-right: 0;
  }
  /* line 62, app/assets/stylesheets/events.scss */
  .wrap-board-list .wrap-board-list-row .wrap-list .img-thumbnail {
    width: 100%;
    display: block;
  }
  /* line 63, app/assets/stylesheets/events.scss */
  .wrap-board-list .wrap-board-list-row .wrap-list .board-title {
    font-size: 1.25rem;
    letter-spacing: -0.05rem;
    height: 50px;
  }
  /* line 64, app/assets/stylesheets/events.scss */
  .wrap-board-list .wrap-board-list-row .wrap-list .board-content {
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.032rem;
    padding-bottom: 10px;
  }
  /* line 65, app/assets/stylesheets/events.scss */
  .wrap-board-list .wrap-board-list-row .wrap-list .board-date {
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.022rem;
    padding-bottom: 10px;
  }
  /* -end- event 리스트 */
  /* -start- 페이지네이션 */
  /* line 69, app/assets/stylesheets/events.scss */
  .wrap-pagination .pagination .prev .material-icons,
.wrap-pagination .pagination .next .material-icons {
    font-size: 0.812rem;
  }
  /* line 71, app/assets/stylesheets/events.scss */
  .wrap-pagination .pagination .pages {
    font-family: 'Spoqa Han Sans Neo';
    font-size: 0.812rem;
    line-height: 1.92;
  }
  /* line 72, app/assets/stylesheets/events.scss */
  .wrap-pagination .pagination .pages .active {
    border-radius: 1.562rem;
    letter-spacing: normal;
    width: 1.562rem;
    height: 1.562rem;
    margin-right: 20px;
  }
  /* line 73, app/assets/stylesheets/events.scss */
  .wrap-pagination .pagination .pages .active span {
    top: 0;
  }
  /* -end- 페이지네이션 */
  /* -start- event 디테일 */
  /* line 77, app/assets/stylesheets/events.scss */
  .wrap-board-detail {
    padding: 100px 0 75px;
    width: 90%;
    margin: 0 auto;
  }
  /* line 78, app/assets/stylesheets/events.scss */
  .wrap-board-detail em {
    font-size: 0.812rem;
    line-height: 0.92;
    padding-bottom: 5px;
  }
  /* line 79, app/assets/stylesheets/events.scss */
  .wrap-board-detail h1 {
    font-size: 1.562rem;
    line-height: 1.4;
    letter-spacing: -0.156rem;
    padding-bottom: 10px;
  }
  /* line 80, app/assets/stylesheets/events.scss */
  .wrap-board-detail p {
    font-size: 0.812rem;
    padding-bottom: 30px;
  }
  /* line 81, app/assets/stylesheets/events.scss */
  .wrap-board-detail .detail-date {
    line-height: 1.54;
    letter-spacing: -0.032rem;
    padding-bottom: 30px;
  }
  /* line 82, app/assets/stylesheets/events.scss */
  .wrap-board-detail .detail-content {
    padding: 40px 0;
    font-size: 0.812rem;
    line-height: 1.54;
  }
  /* line 83, app/assets/stylesheets/events.scss */
  .wrap-board-detail .wrap-btn-list {
    width: 100%;
    max-width: 90px;
    padding-top: 50px;
  }
  /* -end- event 디테일 */
}

/*# sourceMappingURL=events.css-20b1ae34f4557cc14167145aadd5fcc08d86957b52b813ed258bbf4e21f01ffb.map */