@charset "UTF-8";

.sub_title {
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
}
.sub_desc {
  color: #fff;
  line-height: 1.4;
}

.header_wrap#item_01 {
  background: url(../img/bg_01.jpg) !important;
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: right;
}
.main_visual_section .btn_area a.app_link:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.main_visual_section .btn_area a.app_link {
  transition: 0.3s;
}
.main_header .gnb_area {
  border-bottom: none;
}

.table2_2 table {
  width: 100%;
  margin: 15px 0;
}
.table2_2 th {
  background-color: #2a375a;
  color: #ffffff;
}
.table2_2,
.table2_2 th,
.table2_2 td {
  font-size: 0.95em;
  text-align: center;
  padding: 6px 12px;
  border: 1px solid #9b9b9b;
  border-collapse: collapse;
  margin: 0 auto;
}
.table2_2 tr:nth-child(odd) {
  background-color: #eef0f5;
}
.table2_2 tr:nth-child(even) {
  background-color: #fff;
}
#price {
  padding-top: 16%;
}
#system {
  width: 40%;
  padding-bottom: 16%;
}
#system_img {
  padding-top: 8%;
}
#room {
  padding-bottom: 6%;
}

.star img {
  width: 30%;
  margin-top: 12px;
}
.footer .copyright p {
  max-width: 120px;
}

/* Detail Page */
.main_header .gnb_area span img {
  height: 28px;
  padding: 6px 9px;
}

@media (max-width: 519px) {
  #price {
    padding-top: 0%;
  }
  #system {
    width: 100%;
    padding-bottom: 0%;
  }
  #system_img {
    padding-top: 0%;
  }
  #room {
    padding-bottom: 0%;
  }
  .room_info_section .img_wrap {
    position: initial;
    transform: translateY(0%);
    margin-top: 36px;
  }
  section .global_inner .img_wrap img {
    width: 100%;
    margin-left: 0;
    margin-top: 16px;
  }
  .room_info_section .desc_wrap ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
  }
  .room_info_section .desc_wrap ul li {
    width: 100%;
    text-align: center;
  }
  .why_section p {
    text-align: center;
  }
  .location_section address,
  .location_section strong {
    font-size: 22px;
  }
  .btn_area {
    display: flex;
  }
  .location_section .app_intro span {
    font-size: 15px;
  }
  .main_header .gnb_area .global_inner nav .logo {
    margin: 3em 0 0 2em;
  }
}

@media (max-width: 800px) {
  #system {
    width: 100%;
    padding-bottom: 0%;
  }
}