/* 내용 */
.container {
  width: 100%;
  font-size: 1em;
  background: #fff;
  padding-top: 141px;
}

.container > .section {
  /* height: calc(100vh); */
  max-width: 100%;
  background: no-repeat center;
  background-size: cover;
  margin-bottom: 60px;
}

.container > .section > .salon_img {
  background: url(../image/salon3.jpg) no-repeat center / cover;
  min-height: calc(100vh - 141px);
  min-height: calc(100svh - 141px);
  max-width: 100%;
  overflow: hidden;
  transform: translateZ(0);
  will-change: transform;
}

/* title */
.title > h2,
.title > h2 > span {
  display: block;
  margin: 5px 0 15px;
  font-size: 2em;
  word-break: break-all;
  text-align: center;
  font-size: 24px;
}

.salon_info {
  margin-bottom: 10px;
  text-align: center;
  font-family: 'Montserrat';
}

.salon_info > span {
  display: inline-block;
  font-size: 1.2em;
  font-size: 14.4px;
}

.salon_info span:after {
  content: '';
  display: inline-block;
  margin: 5px 10px 0 10px;
  width: 1px;
  height: 12px;
  float: right;
  background: #3b3b3b;
}

.salon_reser {
  margin-bottom: 30px;
  text-align: center;
}
.salon_reser a {
  display: inline-block;
  padding: 7px 20px;
  line-height: 20px;
  background: #ececec;
  font-family: 'Montserrat';
  font-size: 13px;
  border-radius: 5px;
  transition: all 0.3s;
}

.salon_reser a:hover {
  background: #cecece;
}

/* 지도 */
.bo_v_atc {
  min-height: 200px;
}

.wrap_controllers {
  display: none;
}

.section_address {
  display: none;
}

.map_box {
  width: 100% !important;
}

@media (max-width: 1536px) {
  .container {
    padding-left: 3%;
    padding-right: 3%;
    box-sizing: border-box;
  }
  .container > .section > .salon_img {
    min-height: 600px;
  }
}

@media (max-width: 1280px) {
  .container {
    padding-left: 3%;
    padding-right: 3%;
    box-sizing: border-box;
  }
  .container > .section > .salon_img {
    min-height: 400px;
  }
}

@media (max-width: 1024px) {
  .container {
    padding-left: 3%;
    padding-right: 3%;
    box-sizing: border-box;
    padding-top: 69px;
  }
  .container > .section > .salon_img {
    min-height: 400px;
  }
}

@media (max-width: 768px) {
  .container {
    padding-left: 3%;
    padding-right: 3%;
    box-sizing: border-box;
    padding-top: 69px;
  }
  .container > .section > .salon_img {
    min-height: 400px;
  }
}

@media (max-width: 640px) {
  .container {
    padding-left: 3%;
    padding-right: 3%;
    box-sizing: border-box;
    padding-top: 69px;
  }
  .container > .section {
    min-height: 155px;
  }
  .container > .section > .salon_img {
    min-height: 155px;
  }
}