/** @format */

/* article1은 swiper.js 기반의 카루셀로, swiper.css 파일을 참조 할 것 */


@media screen and (min-width: 1200px) {
  .article1 {
    min-height: calc(100vh - 100px);
  }
}

/* article 5 */
.article5 {
  height: 600px;
  background-image: url("../img2/p1-article2-bg2.jpg");
}

.article5_inner {
  width: 1000px;
  text-align: left;
}

.article5_content_left {
  display: inline-block;
  width: 50%;
}

.article5_content_right {
  display: inline-block;
  width: 49%;
  vertical-align: top;
  text-align: right;
}

.article5_title {
  margin-bottom: 18px;
  /* font-size: 51px; */
  font-size: 51px;
  font-weight: bold;
  letter-spacing: -5.1px;
  /* color: #1b1b1b; */
  color: white;
}

.article5_subtitle {
  margin-bottom: 40px;
  /* font-size: 25.5px; */
  font-size: 25px;
  letter-spacing: -2.55px;
  /* color: #1b1b1b; */
  color: white;
}

.article5_inner>a {
  display: inline-block;
  text-decoration: none;
}

.article5_button {
  width: 200px;
  height: 50px;
  font-size: 23px;
  font-weight: bold;
  letter-spacing: -1.84px;
  text-align: center;
  color: #1b1b1b;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
  font-family: 'Noto Sans KR', sans-serif;
}

.article5_button:hover {
  color: #fefefe;
  background-color: #59534d;
}

.article5_inner_img {
  width: 90%;
  height: auto;
  object-fit: contain;
}

.article8 {
  height: 600px;
  background-image: url("../img/special_backg5-2.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.article8_inner {
  display: block;
  margin: 0 auto;
  margin-top: 102px;
  margin-bottom: 124px;
  min-width: 1000px;
}


.article8_title {
  font-size: 51px;
  font-weight: bold;
  letter-spacing: -5.1px;
  text-align: left;
  color: #1b1b1b;
  margin-bottom: 18px;
}

.article8_subtitle {
  font-size: 22.5px;
  line-height: 1.38;
  letter-spacing: -2.25px;
  text-align: left;
  color: #1b1b1b;
}

.article8_phone_box {
  margin-top: 50px;
  text-align: left;
  font-size: 37px;
  font-weight: 900;
  color: #056447;
  letter-spacing: 1px;
}

.article8_phone_box p {
  box-sizing: border-box;
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 25px;
  color: rgb(81, 81, 81);
  margin-bottom: 15px;
  letter-spacing: -0.5px;
}

/* @media all and (max-width: 500px) {
  .article5_inner {
    width: 100%;
    text-align: left;
  }

  .article8_inner {
    min-width: 100%;
  }
} */