/*하단 컨텐츠 공통 여백*/
#main,
#company-intro,
#business-intro {
  margin-bottom: 10rem;
}
/*메인비주얼*/
#main {
  height: calc(100vh - 6.25rem);
  margin-top: 6.25rem;
  overflow: hidden;
}
#main > .container {
  height: 45%;
  align-content: center;
}
#main > .container .d-flex {
  align-items: flex-end;
  gap: 1.5rem;
}
#main .main-img {
  width: 100%;
  height: 55%;
}
#main .main-img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
#main .main-img img {
  position: absolute;
  left: 12.5rem;
  bottom: 3rem;
  z-index: 1;
  animation: arrowMove 2.6s infinite;
  animation-duration: 2.6s;
}
#main .main-img h5 {
  position: absolute;
  left: 15.5rem;
  bottom: 5rem;
  z-index: 1;
}
/*화살표 애니메이션*/
@keyframes arrowMove {
  0% {
    transform: translateY(-24px);
  }
  50% {
    transform: translateY(24px);
  }
  100% {
    transform: translateY(-24px);
  }
}
/*바로가기 버튼*/
.btn {
  width: max-content;
  display: flex;
}
.btn .display {
  padding: 1rem 2rem;
  border: 1px solid var(--gray-01);
}
.btn .btn-img-box {
  padding: 1.375rem;
  border: 1px solid var(--gray-01);
}
.btn.txt-white .display,
.btn.txt-white .btn-img-box {
  border-color: #fff;
}
.btn img {
  width: 1.5rem;
}
.btn.txt-white img,
.btn:hover img {
  filter: brightness(2000%);
}
.btn:hover .display,
.btn:hover .btn-img-box {
  background-color: var(--gray-01);
  color: #fff;
  border: 1px solid #fff;
  transition: 0.2s ease-in-out;
}
.btn.txt-white:hover .display,
.btn.txt-white:hover .btn-img-box {
  background-color: #fff;
  color: var(--gray-01);
  border: 1px solid var(--gray-01);
}
.btn.txt-white:hover img {
  filter: brightness(100%);
}
.btn .display,
.btn:hover .display,
.btn.txt-white:hover .display {
  border-right: 0;
}
/*사업분야*/
#business-intro .business-item {
  display: flex;
  gap: 1.5rem;
  align-items: flex-end;
  margin-bottom: 6rem;
  position: relative;
}
#business-intro .business-item img {
  width: 50%;
  height: 20rem;
}
#business-intro .business-item h4 {
  flex: 0 0 auto;
}
/*지도*/
#contact-us .company-info {
  flex: 1;
  padding: 4rem 3rem;
  background-color: var(--gray-02);
}
#contact-us .company-info ul {
  padding-left: 1rem;
}
#contact-us .company-info ul li {
  margin-bottom: 1.5rem;
}
#contact-us .company-info ul li:last-child {
  margin-bottom: 0;
}
#contact-us .company-info ul li h6 {
  width: 5.5rem;
}
/*반응형*/
/*노트북 L*/
@media screen and (max-width: 1440px) {
  #main .main-img img {
    left: 5.5rem;
  }
  #main .main-img h5 {
    left: 8.5rem;
  }
}
/*노트북 S*/
@media screen and (max-width: 1280px) {
  #main .main-img img {
    left: 3rem;
  }
  #main .main-img h5 {
    left: 6rem;
  }
}
/*tablet L*/
@media screen and (max-width: 1024px) {
  #main .main-img img {
    left: 1.5rem;
  }
  #main .main-img h5 {
    left: 4.5rem;
  }
  #business-intro .d-flex.mb-88 {
    flex-direction: column;
    gap: 4rem;
  }
  #business-intro .d-flex.mb-88 .mb-64 {
    margin-bottom: 2rem;
  }
  #business-intro .d-flex.mb-88 .body-l {
    width: 80%;
  }
  #business-intro .business-item {
    margin-bottom: 8rem;
  }
  #contact-us > .d-flex {
    flex-direction: column;
  }
  #contact-us > .d-flex .w-50 {
    width: 100%;
  }
}
/*tablet S*/
@media screen and (max-width: 768px) {
  #main > .container .d-flex {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }
  #main,
  #company-intro,
  #business-intro {
    margin-bottom: 10rem;
  }
  #company-intro .p-relative {
    height: 20rem;
  }
  #business-intro .business-item {
    margin-bottom: 6rem;
  }
  #business-intro .d-flex.mb-88 .body-l {
    width: 90%;
  }
  #business-intro .business-item {
    flex-direction: column;
  }
  #business-intro .business-item:nth-child(2),
  #business-intro .business-item:nth-child(4) {
    flex-direction: column-reverse;
  }
  #business-intro .business-item img {
    width: 100%;
  }
}
/*mobile*/
@media screen and (max-width: 576px) {
  #business-intro .d-flex.mb-88 .body-l {
    width: 100%;
  }
  .btn img {
    width: 1.25rem;
  }
  #business-intro .business-item > .d-flex {
    flex-direction: column;
    gap: 0.5rem;
  }
}