/* 글자 로고는 기존 로고의 높이와 진녹색을 유지합니다. */
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("/assets/fonts/cormorant-garamond.ttf") format("truetype");
}
.brand-mark {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 44px;
  max-width: 100%;
  color: #1f3d2b;
  font-style: normal;
  letter-spacing: normal;
  vertical-align: middle;
}
.brand-mark__en {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.brand-mark__ko {
  font-family: Pretendard, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.08em;
}
.brand-mark--footer {
  height: 70px;
}
/* 기존 원형 심볼 자리에는 회사 이름의 연결 기호를 표시합니다. */
.principles-symbol {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: #fff;
  color: #1f3d2b;
  font: 600 32px/1 "Cormorant Garamond", Georgia, serif;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #navbar .brand-mark__en { font-size: 26px; }
}
@media (max-width: 767px) {
  .brand-mark { height: 36px; }
  .brand-mark__en { font-size: 25px; }
  .brand-mark__ko { font-size: 9px; }
  .brand-mark--footer { height: 57px; }
}