@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

/* ---------------------------------------------------------------- */
#art_section {
  height: 4622px !important;
  margin-top: 80px;
}

ul.art_item_section {
  width: 100%;
  height: 4280px !important;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between; 
  column-gap: 100px; 
  row-gap: 40px;      
}

ul.item_section>li.next_pg {
  position: relative;
}

.next_icon_btn {
  width: 100%;
  height: 86px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  position: absolute;
  left: 0; top: 50%;
  transform: translate(0, -50%);
}

.next_icon {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50px;
  cursor: pointer;
}

.next_icon>i {
  font-size: 40px;
  color: #B3B3B3;
}

.next_icon:hover i {
  color: #333;
  transition: color 0.3s ease;
}

.next_icon_btn>p {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.154px;
}

p.point {
  color: #333 !important;
  font-weight: 700 !important;
}


/* ---------------------------------------------------------------- */
ul.item_section>li.prev_pg {
  position: relative;
  display: none;
}

.prev_icon_btn {
  width: 100%;
  height: 86px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  position: absolute;
  right: 0; top: 50%;
  transform: translate(0, -50%);
}

.prev_icon {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50px;
  cursor: pointer;
}

.prev_icon>i {
  font-size: 40px;
  color: #B3B3B3;
}

.prev_icon:hover i {
  color: #333;
  transition: color 0.3s ease;
}

.prev_icon_btn>p {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.154px;
}


/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */