@charset "utf-8";

.sidebar {
  width: 13.75rem;
  max-height: 975px;
  overflow-y: auto;
  padding-right: 3px;
}
.sidebar a {
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar__depth1-text {
  display: block;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.625rem;
  border-left: 4px solid #222;
  padding-left: 6px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.sidebar::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}
.sidebar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ddd;
}
.sidebar__depth2 {
  max-height: 31.5rem;
  overflow-y: auto;
}
.sidebar__depth2::-webkit-scrollbar {
  width: 8px;
}
.sidebar__depth2::-webkit-scrollbar-thumb {
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  background-color: #ddd;
}
.sidebar__depth2 > li > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9375rem;
  padding: 12px 24px 12px 8px;
  transition: 0.2s;
}
.sidebar__depth2 > li > a:hover {
  background-color: #f1f1f1;
}
.sidebar__depth2 > li > a.sidebar__depth2--open:hover {
  background-color: #575549;
}
.sidebar__depth2-text {
  padding-left: 2rem;
  background: url("../WEB-INF/jsp/egovframework/images/icon/arrow-r-black.svg") no-repeat center left 8px;
}
.sidebar__depth2--open {
  background-color: #575549;
}
.sidebar__depth2--open .sidebar__depth2-text {
  color: #fff;
  font-weight: 700;
  background-image: url("../WEB-INF/jsp/egovframework/images/icon/arrow-bt-white.svg");
}
.sidebar__depth2--open + .sidebar__depth3 {
  display: block;
}
.sidebar__depth2-num {
  line-height: 1.375rem;
  padding: 2px 12px;
  border-radius: 50px;
  background-color: #e8e8e8;
}
.sidebar__depth3 {
  display: none;
}
.sidebar__depth3-text {
  display: block;
  font-size: 0.9375rem;
  padding: 1rem 0.5rem 1rem 2.5rem;
}
.sidebar__depth3-text:hover {
  background-color: #f1f1f1;
}
.sidebar__depth3--focus {
  font-weight: 700;
  background-color: #f1f1f1;
}

/* 타이틀 레이아웃 */
.title-layout {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.title-layout__text {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.375rem;
}
.title-layout__sub-menu {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.8125rem;
  line-height: 1.1875rem;
  color: #999;
}
.title-layout__sub-menu img {
  vertical-align: top;
  padding: 4px;
}
.title-layout__sub-menu--active {
  color: #222;
}

@media (max-width: 750px) {
  /* 타이틀 레이아웃 */
  .title-layout {
  }
  .title-layout__text {
    font-size: 1.5rem;
  }
  .title-layout__sub-menu {
  }
  .title-layout__sub-menu img {
  }
  .title-layout__sub-menu--active {
  }

  /* 통합 검색 결과 창 */
  .intergrated-search-result {
    padding: 1rem 0.5rem;
    background-color: #f1f1f1;
  }
  .intergrated-search-result--mb8 {
    margin-bottom: 0.5rem;
  }
}