@import "../../font/Poppins/poppins.css";
@import "../../font/Pretendard/web/static/pretendard.css";

/* header */

.header_container {
  position: fixed;
  top: 0;
  z-index: 98;
  width: 100%;
  display: flex;
  justify-content: space-between;
  backdrop-filter: blur(8px);
  /* background-color: rgba(255, 255, 255, 0.75); */
    background-color : #fff

}

.contents_container {
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  overflow-y: auto;
  /* left: 0; */
  left: -120%;
  position: fixed;
  z-index: 99;
  background-color: #000;
  transition: left 1s ease-in-out; /* Slide in effect */
  align-items: center;
}

.contents_container .inner_contents {
  width: 100vw;
  height: auto;
  display: flex;
}

#gnb {
  transition: all 150ms ease-in-out;
}

#exit_btn {
  cursor: pointer;
  right: 10%;
}

.contact_box {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.contents_title:hover .content {
  color: #212121;
}

.contents_title .content:hover {
  color: white;
}

.content:hover {
  transform: translateX(-20px); /* 텍스트 왼쪽 이동 효과 */
  transition: transform 0.3s ease;
}

.content:hover .arrow {
  opacity: 1;
}

.nav_button {
  border: 1px solid white;
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  align-content: center;
  text-align: center;
}

.nav_button:first-child {
  margin-right: 0.725rem;
}

/* footer */

#footer {
  width: 100%;
  max-width: 1440px;
}

.footer_container {
  width: 100%;
}

.footer_btn_container {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  padding: 0 24px 0 24px;
}

.footer_btn_container .footer_btn {
  border: 1px solid;
  border-radius: 999px;
}

.scrolling {
  cursor: grabbing;
  user-select: none;
}