@font-face {
  font-family: "gmarket_sans";
  src: url("/fonts/GmarketSansMedium.otf"), format("truetype");
  font-weight: normal;
  font-style: normal;
}

* {
  font-family: "gmarket_sans", sans-serif;
  
}

a {
  text-decoration-line: none;
  color: white; /* 하얀색으로 변경 */
}

body {
  margin: 0;
}

.bi-list {
  color: white;
  margin-top: 10px;
}

.bi-list:hover {
    cursor: pointer;
}

.bi-x-lg {
    cursor: pointer;
}

.offcanvas-end {
  background-color: black;
}

.offcanvas-header {
  color: white;
  display: flex;
  justify-content: space-between;
}

.offcanvas-body {
  color: rgba(227, 227, 227, 0.7);
}

.nav-link.active {
    color: rgba(255, 255, 255, 1) !important;
}

.offcanvas-title {
  display: flex;
}

.offcanvas-title p {
  margin-right: 10px;
}

nav {
  width: 100%;
  height: 80px;
  background-color: black;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  position: fixed; /* 화면에 고정 */
  top: 0; /* 상단에 위치 */
  left: 0; /* 왼쪽 정렬 */
  width: 100%; /* 전체 너비 */
  z-index: 1000; /* 다른 요소 위에 배치 */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 그림자 효과 추가 */
}

.logo_area {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo_con_area {
  display: flex;
}

.logo_login_area {
  display: flex;
  flex-direction: column;
  margin-right: 15px;
  align-items: center;
  justify-content: center;
}

.logo_img img {
  height: 50px;
}

.logo_name {
  display: flex;
  align-items: center;
}

.logo_name p {
  margin: 0; /* 기본 마진 제거 */
  line-height: 1.2; /* 줄 간격 조정 */
  color: white;
  text-shadow: 5px 5px 7px rgba(227, 227, 227, 0.7);
}