.jstree-default .jstree-clicked {
    background: rgba(67, 89, 113, .07);
    /* box-shadow: inset 0 0 1px #999999; */

  }
  .jstree-default .jstree-hovered {
    background: rgba(67, 89, 113, .04);
    /* background: transparent; */
    /* box-shadow: inset 0 0 1px #cccccc; */
  }
  .circle-number {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #F6F6F6;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #D8D8D8;
    text-align: center;
  }

  #etf_finder .twitter-typeahead {
    width: 100%;
  }

  .jstree-anchor {
    font-size: 12px; /* 원하는 폰트 크기 설정 */
  }
  /* hover 시 마우스로 올린 항목 강조 */
.suggestion:hover {
  text-decoration: none;
  color: #697a8d;
  background-color: rgba(67,89,113,.04)
}

/* 방향키 또는 마우스로 선택된 항목 강조 */
.suggestion.active {
  text-decoration: none;
  color: #697a8d;
  background-color: rgba(67,89,113,.04)
}

.finder_etf.selected, .market_etp.selected  {
  border: 1px dashed lightgrey;
}
.finder_pdf {
  background-color: #FAFAFA;
  border-radius: 0.2rem;
}

.tooltip {
  position: absolute;
  opacity: 0;
  background-color: white;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 12px;
  pointer-events: none;
  z-index: 1000;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  white-space: nowrap;      /* ✅ 한 줄 유지 */
  display: inline-block;    /* ✅ 내용에 맞게 width 조절 */
}

/* .tooltip {
  position: absolute;
  text-align: left;
  width: 150px;
  padding: 10px;
  font-size: 12px;
  background: white;
  border: 1px dashed lightgrey;
  border-radius: 8px;
  pointer-events: none;
  opacity: 0;
} */


/* .tooltip {
  position: absolute;
  text-align: left;
  padding: 10px;
  font-size: 12px;
  background: white;
  border: 1px dashed lightgrey;
  border-radius: 8px;
  pointer-events: none;
  opacity: 0;
} */

/* #global_market_etp {
  width: 100%;
  max-width: 1000px;
  margin: auto;
} */
.flag-icon {
  clip-path: circle(50% at 50% 50%);
  stroke: black;
  stroke-width: 1;
}