/* 장단기 숙박 예상 요금/구성 영역 */
@font-face {
  font-family: 'NanumSquareNeo';
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff2);
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'NanumSquareNeo';
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff2);
  font-weight: 800;
  font-display: swap;
}

.rent-price-wrap {
  background-color: #e8e8e8;
  font-weight: 700;
}
.rent-price-wrap * {
  font-family: 'NanumSquareNeo';
}
.rent-price-wrap .sec-cont-wrap {
  margin: 0 auto;
  padding: 0 60px;
}
.rent-price-wrap .sec-cont {
  margin-bottom: 50px;
}
.rent-price-wrap .sec-cont:first-of-type {
  margin-top: 44px;
}
.rent-price-wrap .sec-cont:last-of-type {
  margin-bottom: 0;
  padding-bottom: 60px;
}
.rent-price-wrap .sec-cont .txt-red {
  color: #dd0100;
}
.rent-price-wrap .sec-cont.info {
  margin-bottom: 70px;
}
.rent-price-wrap .cont-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.rent-price-wrap .cont-top .cont-title {
  margin-bottom: 0;
}
.rent-price-wrap .cont-top .tb-desc {
  font-size: 16px;
  color: #555;
  margin-left: auto;
}
.rent-price-wrap .cont-title {
  font-size: 20px;
  font-weight: 800;
  color: #333;
  line-height: 1.5;
  margin: 0 0 8px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
}
.rent-price-wrap .cont-title::before {
  content: '■';
  display: inline-block;
}
.rent-price-wrap .cont-title .value {
  color: #006fff;
}
.rent-price-wrap .table-wrap {
  font-size: 16px;
  border-top: 2px solid #989898;
  border-bottom: 2px solid #989898;
  background-color: #fff;
}
.rent-price-wrap table {
  width: 100%;
  line-height: 1.5;
  border-collapse: collapse;
  border-spacing: 0;
}
.rent-price-wrap table tr {
  border: none;
}
.rent-price-wrap table th,
.rent-price-wrap table td {
  padding: 8px;
}
.rent-price-wrap table thead th {
  background-color: #dadada;
  border-bottom: 1px solid #989898;
  border-right: 1px solid #fff;
  font-weight: 800;
  color: #333;
}
.rent-price-wrap table thead th:last-child {
  border-right: none;
}
.rent-price-wrap table tbody {
  color: #666;
  text-align: center;
}
.rent-price-wrap table tbody tr {
  border-bottom: 1px solid #ececec;
}
.rent-price-wrap table tbody th,
.rent-price-wrap table tbody td {
  border-right: 1px solid #ececec;
}
.rent-price-wrap table tbody th {
  background-color: #f8f8f8;
}
.rent-price-wrap table tbody td:last-child {
  border-right: none;
}
.rent-price-wrap .tb-facilities td {
  text-align: left;
}
.rent-price-wrap .desc {
  font-size: 18px;
  color: #505050;
  line-height: 1.6;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  margin: 0;
}
.rent-price-wrap .desc::before {
  content: '※';
  display: inline-block;
}
.rent-price-wrap .desc-list {
  margin-top: 4px;
  font-size: 18px;
  color: #505050;
  line-height: 1.6;
}
.rent-price-wrap .desc-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.rent-price-wrap .desc-item span {
  flex: 1;
}
.rent-price-wrap .desc-item::before {
  content: '•';
  display: inline-block;
}
.rent-price-wrap .txt-red {
  color: #f20000;
}
.rent-price-wrap .v_mo {
  display: none;
}

@media (max-width: 768px) {
  .rent-price-wrap .v_pc {
    display: block;
  }
  .rent-price-wrap .v_mo {
    display: none;
  }
  .rent-price-wrap .sec-cont-wrap {
    padding: 0 20px;
  }
  .rent-price-wrap .sec-cont:first-of-type {
    margin-top: 40px;
  }
  .rent-price-wrap .desc {
    font-size: 15px;
  }
  .rent-price-wrap .cont-top {
    margin-bottom: 12px;
  }
  .rent-price-wrap .cont-top .tb-desc {
    font-size: 14px;
  }
  .rent-price-wrap .cont-title {
    font-size: 16px;
  }
  .rent-price-wrap .table-wrap {
    font-size: 14px;
  }
  .rent-price-wrap .desc-list {
    font-size: 15px;
  }
  .rent-price-wrap .desc-item .desc {
    margin-left: -18px;
  }
}

@media (max-width: 480px) {
  .rent-price-wrap .v_pc {
    display: none;
  }
  .rent-price-wrap .v_mo {
    display: block;
  }
  .rent-price-wrap .img {
    margin: 0 auto;
  }
}
