@charset "UTF-8";

/* 브라우저 자동 스크롤 조정 방지 */
html, body {
  overflow-anchor: none !important;
}

[data-bs-theme='light'] {
  --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  --bs-link-color: var(--bs-body-color);
  --bs-link-color-rgb: var(--bs-body-color-rgb);
  --bs-light-bg-subtle: #f7f7f7;
  --na-bar-color: rgba(125, 125, 125, 0.5);
  --na-bar-sm-color: rgba(125, 125, 125, 0.25);
  --na-nav-bg: #fff;
  --na-sub-bg: #fff;
  --na-sub-link-color: #000;
  --na-sub-hover-color: #000;
  --na-sub-hover-bg: #f5f5f5;
  --na-sub-active-color: var(--bs-primary);
  --na-sub-active-bg: #f5f5f5;
  --na-title-color: var(--bs-body-color);
  --na-title-bg: #F3F6FD;
  --na-title-secondary-bg: #E1E7FF;
  --na-footer-bg: var(--bs-tertiary-bg);
  --na-sub-visited-color: #adb5bd;
}

[data-bs-theme='dark'] {
  --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  --bs-link-color: var(--bs-body-color);
  --bs-link-color-rgb: var(--bs-body-color-rgb);
  --na-bar-color: rgba(125, 125, 125, 0.5);
  --na-bar-sm-color: rgba(125, 125, 125, 0.25);
  --na-nav-bg: #111;
  --na-sub-bg: #333;
  --na-sub-link-color: #fff;
  --na-sub-hover-color: #fff;
  --na-sub-hover-bg: #222;
  --na-sub-active-color: #fff;
  --na-sub-active-bg: #111;
  --na-title-color: var(--bs-body-color);
  --na-title-bg: #282E38;
  --na-title-secondary-bg: #2A3544;
  --na-footer-bg: var(--bs-tertiary-bg);
  --na-sub-visited-color: #6c757d;
}

/* 기본 공통 */
a,
a:hover {
  text-decoration: none !important;
}

.line-top {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor !important;
}

.line-bottom {
  border-bottom: calc(var(--bs-border-width) * 2) solid currentcolor !important;
}

.bar {
  display: inline;
  position: relative;
  margin: 0 10px;
}

.bar:after {
  content: '';
  display: block;
  width: 1px;
  height: 14px;
  position: absolute;
  right: 1px;
  top: 50%;
  margin-top: -7px;
  background: var(--na-bar-color);
}

.bar-sm {
  display: inline;
  position: relative;
  margin: 0 8px;
}

.bar-sm:after {
  content: '';
  display: block;
  width: 1px;
  height: 12px;
  position: absolute;
  right: 1px;
  top: 50%;
  margin-top: -6px;
  background: var(--na-bar-sm-color);
}

/* 상단 진행바 */
#page-progress {
  position: fixed;
  z-index: 1040;
  top: 0;
  left: 0;
  height: 4px;
  background: var(--bs-primary);
  width: 0%;
}

.site-wrap {
  background: var(--na-footer-bg);
}

/* 사이트 최대 너비 */
.container {
  max-width: 1200px !important;
}

#main-wrap .sticky-top {
  z-index: 10 !important;
}

/* 모바일 세로 모드에서 가로 스크롤바 숨김 */
@media (max-width: 575.98px) {
  #main-wrap {
    overflow-x: hidden !important;
  }
}

/* 페이지 타이틀 */
.page-title {
  position: relative;
  color: var(--na-title-color);
}
@media (max-width: 575.98px) {
  .page-title {
    margin-top: -1rem;
    padding: 1rem !important;
  }
}
.page-title .breadcrumb {
  --bs-breadcrumb-font-size: 0.75rem;
  font-weight: 600;
  display: flex;
  width: fit-content;
  padding: 0.125rem 0.5rem 0.125rem 0.5rem;
  border: 1px solid var(--bs-breadcrumb-item-active-color);
  border-radius: 99px;
  color: var(--bs-breadcrumb-item-active-color);
}
.breadcrumb-item a i {
  color: var(--bs-breadcrumb-item-active-color);
  -webkit-text-stroke: 0.25px currentColor;
}

/* 태그 모음 */
.tag-list a {
  font-weight: 600;
  text-decoration: none;
  color: var(--bs-secondary-color);
  background-color: var(--bs-secondary-bg);
  white-space: nowrap;
  border-radius: 99rem;
  padding: 0.25em 1em;
}

.tag-list-container {
  position: relative;
  overflow: hidden;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
}
.tag-list-container::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 2.5rem;
  background: linear-gradient(to right, transparent, var(--bs-body-bg));
  pointer-events: none;
}
.tag-list {
  display: flex;
  gap: 0.37rem;
  overflow-x: auto;
  scrollbar-width: none;
  padding-right: 2rem;
  padding-left: 0;
  padding-bottom: 0;
}
.tag-list::-webkit-scrollbar {
  display: none;
}
.tag-list-container ul {
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tag-list li {
  list-style: none;
}

/* PC & Sticky Navbar Style */

.header-copy {
  background: var(--na-nav-bg);
}

.site-navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1030;
  background: var(--na-nav-bg);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

/* 번역기 상태일 때 */
.translated-ltr .site-navbar {
  top: 40px;
}

.translated-ltr .offcanvas-header {
  margin-top: 40px;
}

/* 메뉴 navbar */
.site-nav {
  position: relative;
}

.site-nav .active {
  color: inherit;
  display: inline-block;
}

.site-nav .small {
  position: relative;
  top: -2px;
}

.site-nav a {
  text-decoration: none !important;
  display: inline-block;
}

.site-nav > ul > li {
  display: inline-block;
}

/* 메뉴 navbar Height */
.site-navbar .site-icon,
.site-nav > ul > li > a {
  padding: 1.25rem 1rem;
  display: inline-block;
  text-decoration: none !important;
}

.header-copy,
.site-navbar .site-icon {
  padding: 1.25rem 0;
}

@media (max-width: 575.98px) {
  .header-copy,
  .site-navbar .site-icon {
    padding: 0.75rem 0;
  }
}

.site-nav > ul > li > a:hover {
  color: inherit;
}

.site-nav .has-sub {
  position: relative;
}

.site-nav .has-sub > a {
  position: relative;
  padding-right: 20px;
}

.site-nav .has-sub > a:before {
  position: absolute;
  content: '\f107';
  font-size: 14px;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  font-family: 'FontAwesome';
}

.site-nav .has-sub .dropdown {
  visibility: hidden;
  opacity: 0;
  top: 100%;
  position: absolute;
  text-align: left;
  padding: 0;
  margin-top: 5px;
  margin-left: 0;
  min-width: 220px;
  max-width: 220px;
  width: 220px;
  background: var(--na-sub-bg);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.site-nav .has-sub .dropdown > li > a {
  padding: 8px 15px;
  display: block;
  color: var(--na-sub-link-color);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.site-nav .has-sub .dropdown.arrow-top {
  position: absolute;
}

.site-nav .has-sub .dropdown.arrow-top:before {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.site-nav .has-sub .dropdown.arrow-top:before {
  border-width: 10px;
  margin-left: -10px;
}

.site-nav .has-sub .dropdown a {
  text-transform: none;
  letter-spacing: normal;
  transition: all 0.2s ease;
  color: var(--na-sub-link-color);
  font-size: 0.95em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 10px 20px;
}

.site-nav .has-sub .dropdown > li {
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 180px;
}

.site-nav .has-sub .dropdown > li:last-child > a {
  border-bottom: none;
}

.site-nav .has-sub .dropdown > li > a:hover {
  background: var(--na-sub-hover-bg);
  color: var(--na-sub-hover-color);
  padding-left: 25px;
}

.site-nav .has-sub:hover,
.site-nav .has-sub:focus,
.site-nav .has-sub:active {
  cursor: pointer;
}

.site-nav .has-sub:hover > .dropdown,
.site-nav .has-sub:focus > .dropdown,
.site-nav .has-sub:active > .dropdown {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  margin-top: 0;
  visibility: visible;
  opacity: 1;
}

.site-nav .has-sub .dropdown {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  background: var(--na-sub-bg);
}

.site-nav .has-sub .dropdown.arrow-top:before {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fff;
}

.site-nav .has-sub .dropdown a {
  color: var(--na-sub-link-color);
}

.site-nav .has-sub .dropdown > li > a:hover {
  background: var(--na-sub-hover-bg);
  color: var(--na-sub-hover-color);
}

.site-nav .has-sub .dropdown .active {
  background: var(--na-sub-active-bg) !important;
  color: var(--na-sub-active-color) !important;
}

.site-nav .has-sub:hover > a,
.site-nav .has-sub:focus > a,
.site-nav .has-sub:active > a {
  color: inherit;
}

/**
2k nav fix
**/
@media screen and (min-width: 2560px) {
  #recommendTab {
    --bs-nav-link-padding-x : 0.9rem;
  }
}

/* Menu Offcanvas Style: Mobile & Sidebar Full Menu */

#memberOffcanvasLabel,
#menuOffcanvasLabel,
#newOffcanvasLabel {
  line-height: 1.2;
}

.na-menu .dropdown-header {
  text-transform: uppercase;
  letter-spacing: 0.03125rem;
  font-size: 0.65625rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
}

.na-menu .dropdown-toggle::after {
  display: inline-block;
  width: 1rem;
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23677788' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1rem 1rem;
  content: '';
  border-top: 0 solid;
  transition: 0.3s;
}

.na-menu .dropdown-toggle:not(.dropdown-toggle-empty)::after {
  padding-left: 1rem;
  margin-left: auto;
}

.na-menu .nav-item > .nav-link[aria-expanded='true']::after,
.na-menu .show > .nav-link.dropdown-toggle::after {
  transform: rotate(-180deg);
}

#sidebar-site-menu{
  width: 100%;
}

.na-menu .nav-link .small {
  margin-left: 0.25rem;
}

.na-menu .nav-link-title .small {
  margin-left: 0.1rem;
  position: relative;
  top: -2px;
}

.na-menu .nav-icon {
  opacity: 0.7;
}

.na-menu .nav-pills {
  --bs-nav-pills-border-radius: 0.5rem;
  --bs-nav-pills-link-active-color: var(--bs-body-color);
  --bs-nav-pills-link-active-bg: rgba(189, 197, 209, 0.2);
}

.na-menu .nav-pills .nav-link {
  color: var(--bs-body-color);
  background: 0 0;
  border: 0;
  border-radius: var(--bs-nav-pills-border-radius);
}

.na-menu .nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}

.na-menu .nav-pills .nav-link.active {
  color: var(--bs-nav-pills-link-active-color) !important;
  background-color: var(--bs-nav-pills-link-active-bg) !important;
}

.na-menu .nav-fill .nav-item,
.na-menu .nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center;
}

.na-menu .nav-fill .nav-item .nav-link,
.na-menu .nav-vertical.nav-pills {
  width: 100%;
}

.na-menu .nav-vertical {
  flex-direction: column;
}

.na-menu .nav-vertical.nav .nav-item:not(:last-child) {
  margin-right: 0;
}

.na-menu .nav-vertical.nav .nav-link {
  display: flex;
  white-space: nowrap;
}

.na-menu .nav-vertical.nav-pills .nav-item {
  margin: 0;
}

.na-menu .nav-vertical.nav-pills .nav-link {
  padding: 0.25rem 0.875rem !important;
  margin-bottom: 0.25rem;
}

.na-menu .nav-vertical.nav-pills .nav-item .nav-link:hover,
.na-menu .nav-vertical.nav-pills .nav-item .nav-link[aria-expanded]:hover,
.na-menu .nav-vertical.nav-pills .nav-link.active[aria-expanded='false'],
.na-menu .nav-vertical.nav-pills .nav-link.active[aria-expanded='true'],
.na-menu .nav-vertical.nav-pills .nav-item.show .nav-link[aria-expanded]:hover,
.na-menu
  .nav-vertical.nav-pills
  .nav-collapse
  .nav-item.show
  .nav-link[aria-expanded]:hover {
  color: var(--bs-body-color);
}

.na-menu .nav-vertical.nav-pills .nav-link.active[aria-expanded='false']:hover,
.na-menu .nav-vertical.nav-pills .nav-link.active[aria-expanded='true']:hover,
.na-menu .nav-vertical.nav-pills .nav-link.active[aria-expanded='false'],
.na-menu .nav-vertical.nav-pills .nav-link.active[aria-expanded='true'],
.na-menu .nav-vertical.nav-pills .nav-link {
  background-color: transparent;
}

.na-menu .nav-vertical.nav-pills .nav-link.active,
.na-menu .nav-vertical.nav-pills .nav-item .nav-collapse.show .nav-link.active,
.na-menu
  .nav-vertical.nav-pills
  .nav-collapse
  .nav-item
  .nav-link[aria-expanded]:hover,
.na-menu .nav-vertical.nav-pills .nav-collapse .nav-link:hover,
.na-menu .nav-pills .nav-link:hover,
.na-menu .nav-pills .nav-link.active:hover {
  color: var(--bs-body-color);
  background-color: rgba(189, 197, 209, 0.2);
}

.na-menu .nav-vertical.nav-pills .nav-link.dropdown-toggle {
  display: flex;
  width: 100%;
}

.na-menu .nav-pills .nav-item {
  margin: 0.25rem 0.25rem;
}

.na-menu .nav-pills .nav-link {
  padding: 1rem 1rem;
}

.na-menu .nav-pills .nav-link.active:hover,
.na-menu .nav-pills .show > .nav-link:hover {
  border-color: transparent;
}

.na-menu .nav-pills .nav-link .nav-link-title .badge {
  width: 1.3rem;
}

@media (max-width: 992px) {
  .order-2.col-md-8 {
    width: 100% !important;
    order: 0 !important;
  }
  .order-1.col-md-4 {
    width: 100% !important;
  }
}

.list-group-item:hover {
  background-color: var(--bs-list-group-action-hover-bg) !important;
}
.list-group-item:active {
  background-color: brightness(
    var(--bs-list-group-action-active-bg),
    0.8
  ) !important;
}

/* 유저이름을 제외하고 제목에만 읽은 글(visited) 효과를 부여 */
.list-group-item a:not(.wr-name a):visited,
.list-group-item a:not(.wr-name a).da-article-link--readed {
  color: var(--na-sub-visited-color);
  text-decoration: none;
}
/*style.css 파일에서 .site-wrap 클래스에 overflow-y:scroll 추가*/
/*호랑이2 님 요청사항 : 스크롤시 깜빡임 방지*/
/* .site-wrap {
  background: var(--na-footer-bg);
  overflow-y: scroll;
} */

.nav-vertical.nav-pills .nav-collapse {
  display: none;
  flex-wrap: wrap;
  padding: 0 !important;
  font-size: 13px;
  gap: 0.02rem;
}
.nav-vertical.nav-pills .nav-collapse::before {
  display: none;
}

.nav-vertical.nav-pills .nav-collapse.collapsing,
.nav-vertical.nav-pills .nav-collapse.show {
  display: flex;
}

/*https://damoang.net/free/160130 - 소보루 님 (2024-04-00)*/
.nav-vertical.nav-pills .nav-collapse .nav-link {
  display: block !important;
  align-items: center;
  flex: 0 0 calc(33.33% - 0.02rem) !important;
  margin: 0 !important;
  padding: 2px 1px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  line-height: 1.0 !important;
  font-size: 0.7rem !important;
  letter-spacing: -0.03em !important;
  text-align: left !important;
  color: #333 !important;
  border-radius: 2px !important;
  min-height: 18px !important;
  max-width: 100% !important;
}

/* 다크모드에서의 접근성 개선 */
[data-theme="dark"] .nav-vertical.nav-pills .nav-collapse .nav-link {
  color: #e0e0e0 !important;
}

/* 활성 상태 개선 */
.nav-vertical.nav-pills .nav-collapse .nav-link.active {
  background-color: #007bff !important;
  color: #fff !important;
}

[data-theme="dark"] .nav-vertical.nav-pills .nav-collapse .nav-link.active {
  background-color: #0056b3 !important;
  color: #fff !important;
}

/* 20240409: 투표 글자에만 투표 아이콘 추가 */
mark.voting {
  padding-right: 0;
  background-color: transparent;
  font-weight: bold;
}
mark.voting::before {
  content: '';
  display: inline-block;
  margin: -2px 4px 0 0;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIGhlaWdodD0iMTAwMCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgd2lkdGg9IjEwMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTk2MC42OTIgMzA1LjM2N2MtMjUuMTg3LTU5LjU0Ni02MS4yMzMtMTEzLjAxNS0xMDcuMTM4LTE1OC45Mi00NS45MDYtNDUuOTA2LTk5LjM3NS04MS45NTQtMTU4LjkyMS0xMDcuMTM5LTYxLjY2NS0yNi4wODMtMTI3LjE1MS0zOS4zMDgtMTk0LjYzMy0zOS4zMDgtNjcuNDg0IDAtMTMyLjk2OCAxMy4yMjUtMTk0LjYzNSAzOS4zMDgtNTkuNTQ0IDI1LjE4NS0xMTMuMDEzIDYxLjIzMy0xNTguOTE5IDEwNy4xMzlzLTgxLjk1MyA5OS4zNzUtMTA3LjEzOSAxNTguOTJjLTI2LjA4MiA2MS42NjUtMzkuMzA3IDEyNy4xNS0zOS4zMDcgMTk0LjYzMyAwIDY3LjQ4MiAxMy4yMjUgMTMyLjk2OSAzOS4zMDcgMTk0LjYzMyAyNS4xODYgNTkuNTQ3IDYxLjIzMyAxMTMuMDE0IDEwNy4xMzkgMTU4LjkyMiA0NS45MDUgNDUuOTAyIDk5LjM3NCA4MS45NTIgMTU4LjkxOSAxMDcuMTM5IDYxLjY2OCAyNi4wOCAxMjcuMTUzIDM5LjMwNiAxOTQuNjM1IDM5LjMwNiA2Ny40ODEgMCAxMzIuOTY2LTEzLjIyNiAxOTQuNjM0LTM5LjMwNyA1OS41NDYtMjUuMTg3IDExMy4wMTUtNjEuMjM2IDE1OC45MjEtMTA3LjEzOSA0NS45MDQtNDUuOTA4IDgxLjk1MS05OS4zNzUgMTA3LjEzOC0xNTguOTIyIDI2LjA4Mi02MS42NjcgMzkuMzA3LTEyNy4xNSAzOS4zMDctMTk0LjYzMnMtMTMuMjI1LTEzMi45NjYtMzkuMzA4LTE5NC42MzN6bS00OTguMTQ5IDYyMS42NjRjLTIyMC4yMDctMTguODQ4LTM5MC42NTctMjAzLjI1OC0zOTAuNjU3LTQyNi4wMjEgMC0xMy45MjMuNjY2LTI3LjY5NiAxLjk2OC00MS4yODcuOTc3LTEwLjE5NSAyLjMxMS0yMC4yODcgMy45OTItMzAuMjY0IDIuMjQtMTMuMzA0IDUuMDk0LTI2LjQwMiA4LjUzMy0zOS4yNjcgMS43Mi02LjQzMiAzLjU4Ni0xMi44MDUgNS41OTQtMTkuMTE2IDEuMDA0LTMuMTU0IDIuMDQzLTYuMjk1IDMuMTE5LTkuNDE4IDUzLjc0Ny0xNTYuMTY5IDE5NS40MTYtMjcxLjk0NSAzNjcuNDUxLTI4Ni42NzF6bTczLjg5Ni0uMDA4di0zMzYuODEybDIzOC4wMTQgMjM4LjAxNGMtNjcuMjY0IDU2LjU2LTE1MC44MDMgOTEuMjM0LTIzOC4wMTQgOTguNzk4em0yOTAuMjcxLTE1MS4wNDktMjkwLjI3MS0yOTAuMjY5di00MTAuNzE4YzE5Mi42OCAxNi40OTQgMzQ3LjI2NyAxNTkuNzQzIDM4Mi45MDQgMzQ0LjUzMy42MzQgMy4zIDEuMjMyIDYuNjEzIDEuNzkzIDkuOTM5IDEuNjggOS45NzcgMy4wMTUgMjAuMDY5IDMuOTkyIDMwLjI2NCAxLjMwMyAxMy41OTEgMS45NjggMjcuMzY0IDEuOTY4IDQxLjI4NyAwIDEwMC44NTEtMzUuNTQ4IDE5Ny45MjctMTAwLjM4NiAyNzQuOTY0eiIgZmlsbD0iI2U4MzgyOCIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: 100% auto;
}

div a mark::before {
  content: "";
  display:inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmlld0JveD0iLTAuNzE0IC0wLjQ3NiAzNS41NDYgMzYuMDU1IiBvdmVyZmxvdz0iaGlkZGVuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAtMzE1LjQ0MTAwOTUyMTQ4NDMsIC00NzIuNDQ4NDg2MzI4MTI1KSI+DQogICAgPHBhdGggZD0iTTMxOSA0OTBDMzE5IDQ4Mi4yNjggMzI1LjA0NCA0NzYgMzMyLjUgNDc2IDMzOS45NTYgNDc2IDM0NiA0ODIuMjY4IDM0NiA0OTAgMzQ2IDQ5Ny43MzIgMzM5Ljk1NiA1MDQgMzMyLjUgNTA0IDMyNS4wNDQgNTA0IDMxOSA0OTcuNzMyIDMxOSA0OTBaIiBzdHJva2U9IiNFODM4MjgiIHN0cm9rZS1taXRlcmxpbWl0PSI4IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0eWxlPSJzdHJva2Utd2lkdGg6IDRweDsiLz4NCiAgICA8cGF0aCBkPSJNMzMyIDQ3NiAzMzIgNTAzLjI3NSIgc3Ryb2tlPSIjRTgzODI4IiBzdHJva2UtbWl0ZXJsaW1pdD0iOCIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHlsZT0ic3Ryb2tlLXdpZHRoOiA1cHg7Ii8+DQogICAgPHBhdGggZD0iTSAzMzIgNDg4LjIxNiBMIDM0MS42NDMgNDk4LjA2IiBzdHJva2U9IiNFODM4MjgiIHN0cm9rZS1taXRlcmxpbWl0PSI4IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0eWxlPSJzdHJva2Utd2lkdGg6IDRweDsiLz4NCiAgPC9nPg0KPC9zdmc+");
  background-position: center 0;
  /* 그림자 효과 */
  box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}

.pagination-sm {
  /* pagination의 값으로 재정의 */
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
}

@media (max-width: 992px) {
  /*
    목록의 전체 영역을 링크가 동작하도록 함
   */
  .list-group-item.da-link-block {
    position: relative;
    line-height: 20px;
  }
  .main.list-group-item.da-link-block {
    position: relative !important;
  }
  a.da-link-block:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .da-link-block .form-check-input,
  .da-link-block .da-member-memo {
    position: relative;
    z-index: 1;
  }
}

.list-group-item .subject-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list-group-item .badge.text-body-tertiary {
  position: relative;
  align-self: center;
}

.list-group-item .d-inline-flex .na-icon,
.list-group-item .d-inline-flex .float-end,
.list-group-item .d-inline-flex .count-plus {
  flex-shrink: 0;
  margin-left: 3px;
  align-self: center;
}
.list-group-item .d-inline-flex .float-end,
.list-group-item .d-inline-flex .count-plus {
  margin-right: 3px;
}
.list-group-item .d-inline-flex em {
  flex-shrink: 0;
}
.list-group-item .wr-name .sv_wrap {
  position: inherit;
}
.list-group-item .wr-name .sv_wrap a.sv_member {
  position: relative;
}
.list-group-item .wr-name .sv_wrap .sv.sv_on{
  left: unset;
  top: unset;
}

/*위젯용 탭 디자인 추가 nav-pills-secondary */
.nav-pills-secondary {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-right: 1rem;
}

.nav-pills-secondary .nav-link {
  color: #6c757d;
  border: 1px solid #6c757d;
  border-radius: 0.375rem;
  padding: 0.25rem 0.75rem;
  background-color: transparent;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  margin-right: 0.5rem;
  white-space: nowrap;
}

.nav-pills-secondary .nav-link.active {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.nav-pills-secondary .nav-link:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

/*위젯용 탭 디자인 추가 nav-tabs nav-tabs-topline */
.nav.nav-tabs.nav-tabs-topline > .nav-item > .nav-link {
  border: none;
  border-top: 3px solid transparent;
  padding: 0.75rem 0 0 0;
  color: var(--bs-secondary);
  border-radius: 0;
}

.nav.nav-tabs.nav-tabs-topline > .nav-item > .nav-link.active,
.nav.nav-tabs.nav-tabs-topline > .nav-item > .nav-link:hover {
  color: var(--bs-body-color);
  border-top-color: #ffc107;
  font-weight: 600;
}

.nav-tabs.nav-tabs-topline {
  display: flex;
  gap: 1.5rem;
  border-bottom: none;
  margin-bottom: 1.25rem;
}

/*위젯용 탭 디자인 추가 nav-tabs nav-tabs-bottomline */
.nav.nav-tabs.nav-tabs-bottomline > .nav-item > .nav-link {
  border: none;
  border-bottom: 3px solid transparent;
  padding: 0;
  margin-bottom: 0.25rem;
  color: var(--bs-secondary);
}

.nav.nav-tabs.nav-tabs-bottomline > .nav-item > .nav-link.active,
.nav.nav-tabs.nav-tabs-bottomline > .nav-item > .nav-link:hover {
  color: var(--bs-body-color);
  border-bottom-color: #ffc107;
  font-weight: 600;
}

.nav.nav-tabs.nav-tabs-bottomline > .nav-item.show > .nav-link {
  color: var(--bs-body-color);
  border-bottom-color: #ffc107;
}

.nav-tabs.nav-tabs-bottomline {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  flex-wrap: nowrap;
  box-sizing: border-box;
  scrollbar-width: none;
}

/*위젯용 list 디자인 추가 */
.main-list-group {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.main.list-group-item {
  border-bottom: 1px solid var(--bs-border-color) !important;
  padding: 0.5rem 0;
  width: 100%;
  position: static;
  margin-bottom: 0;
  background-color: transparent;
  border: none;
}

@media (min-width: 992px) {
  .main-list-group>.list-group-item {
    width: calc(50% - 0.5rem);
  }

  .main-list-group>.list-group-item:nth-child(odd) {
    margin-right: 1rem;
  }

  .main-list-group>.list-group-item:nth-last-child(-n+2) {
    border-bottom: none !important;
  }
}

.main.list-group-item:last-child {
  border-bottom: none !important;
}

/*view.skin 게시글 추천 버튼*/
.rcmd-btn {
  font-size: 1.5rem;
  width: 56px;
  height: 56px;
  border-radius: 7px;
  background-color: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  position: relative ;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1);
}

/* 모던 브라우저용 3D 스타일 */
@supports (transform-style: preserve-3d) {
  .rcmd-btn {
    transform-style: preserve-3d;
  }
  .rcmd-btn::before {
    position: absolute;
    content: "";
    inset: 0;
    background-color: var(--bs-secondary-bg);
    border-radius: 6px;
    box-shadow: 0 0 0 1px var(--bs-border-color), 0 8px 6px 1px rgba(0, 0, 0, 0.15);
    transform: translate3d(0, 10px, -12px);
    transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  }
  .rcmd-btn:hover {
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color);
    transform: translate(0, 4px);
  }
  .rcmd-btn:hover::before {
    box-shadow: 0 0 0 1px var(--bs-border-color), 0 6px 4px 1px rgba(0, 0, 0, 0.15);
    transform: translate3d(0, 6px, -12px);
  }
  .rcmd-btn:active {
    background-color: var(--bs-secondary-bg);
    transform: translate(0, 10px);
  }
  .rcmd-btn:active::before {
    box-shadow: none;
    transform: translate3d(0, 0, -12px);
  }
}
.rcmd-btn:disabled {
  background-color: var(--bs-body-bg);
  border-color: var(--bs-border-color);
  opacity: unset;
  cursor: wait;
}

/* 구형 브라우저용 대체 스타일 */
@supports not (transform-style: preserve-3d) {
  .rcmd-btn::before {
    position: absolute;
    content: "";
    top: 10px;
    right: 0;
    bottom: -10px;
    left: 0;
    background-color: var(--bs-secondary-bg);
    border-radius: 6px;
    box-shadow: 0 0 0 1px var(--bs-border-color), 0 8px 6px 1px rgba(0, 0, 0, 0.15);
    z-index: -1;
  }
  .rcmd-btn:hover {
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color);
    top: 4px;
  }
  .rcmd-btn:hover::before {
    box-shadow: 0 0 0 1px var(--bs-border-color), 0 6px 4px 1px rgba(0, 0, 0, 0.15);
    top: 6px;
    bottom: -6px;
  }
  .rcmd-btn:active {
    background-color: var(--bs-secondary-bg);
    top: 10px;
  }
  .rcmd-btn:active::before {
    box-shadow: none;
    top: 0;
    bottom: 0;
  }
}
@keyframes da-thumbs-up {
  0% {
    transform: scale(1) translateX(0) rotate(0deg) translateY(0);
  }
  40% {
    transform: scale(1.2) translateX(-1px) rotate(-19deg) translateY(-4px);
  }
  85% {
    transform: scale(1) translateX(0) rotate(3deg) translateY(1px);
  }
  100% {
    transform: scale(1) translateX(0) rotate(0deg) translateY(0);
  }
}
.rcmd-btn-animation {
  animation: da-thumbs-up 1s;
}

/*추천수 메인*/
.rcmd-sm {
  width: auto !important;
  min-width: 37px !important;
  padding: 0 6px;
  margin: 0 !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  white-space: nowrap;
}

/*추천수 박스*/
.rcmd-box {
  border-radius: 8px;
  height: 20px;
  width: 40px;
  color: var(--bs-body-color);
  font-weight: 600;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  margin: auto;
}

/* 추천수 박스로 직홍게 게시글 '홍보' 컬러 설정*/
.rcmd-box.step-pai {
  background-color: rgb(255, 179, 39);
  color: rgb(78, 78, 78);
}

/* 추천수 스텝별 옵션 */
/** 기본 **/
.rcmd-box.step1 {
  background-color: rgba(172, 172, 172, 0.2) !important;
  color: var(--bs-body-color) !important;
}
.rcmd-box.step2 {
  background-color: rgba(59, 130, 246, 0.3) !important;
  color: var(--bs-body-color) !important;
}
.rcmd-box.step3 {
  background-color: rgba(59, 130, 246, 0.6) !important;
  color: var(--bs-body-color) !important;
}
.rcmd-box.step4 {
  background-color: rgba(0, 102, 255, 0.75) !important;
  color: #fff !important;
}

/** 잿빛 **/
.rcmd-box-gray.step1 {
  background-color: rgba(73, 80, 87, 0.13) !important;
  color: var(--bs-body-color) !important;
}
.rcmd-box-gray.step2 {
  background-color: rgba(73, 80, 87, 0.25) !important;
  color: var(--bs-body-color) !important;
}
.rcmd-box-gray.step3 {
  background-color: rgba(73, 80, 87, 0.45) !important;
  color: var(--bs-body-color) !important;
}
.rcmd-box-gray.step4 {
  background-color: rgba(73, 80, 87, 0.75) !important;
  color: #fff !important;
}

/** 숲속 **/
.rcmd-box-forest.step1 {
  background-color: rgba(172, 172, 172, 0.2) !important;
  color: var(--bs-body-color) !important;
}
.rcmd-box-forest.step2 {
  background-color: rgba(250, 204, 21, 0.3) !important;
  color: var(--bs-body-color) !important;
}
.rcmd-box-forest.step3 {
  background-color: rgba(132, 204, 22, 0.5) !important;
  color: var(--bs-body-color) !important;
}
.rcmd-box-forest.step4 {
  background-color: rgba(0, 175, 52, 0.75) !important;
  color: #fff !important;
}

/** 노랑 **/
.rcmd-box-yellow.step1 {
  background-color: rgba(172, 172, 172, 0.2) !important;
  color: var(--bs-body-color) !important;
}
.rcmd-box-yellow.step2 {
  background-color: rgba(251, 188, 25, 0.3) !important;
  color: var(--bs-body-color) !important;
}
.rcmd-box-yellow.step3 {
  background-color: rgba(251, 188, 25, 0.5) !important;
  color: var(--bs-body-color) !important;
}
.rcmd-box-yellow.step4 {
  background-color: rgba(251, 188, 25, 0.7) !important;
  color: var(--bs-body-color) !important;
}

/** 다양 **/
.rcmd-box-colorful.step1 {
  background-color: #DDDDDD !important;
  color: #333333 !important;
}
.rcmd-box-colorful.step2 {
  background-color: #B3FFA2 !important;
  color: #333333 !important;
}
.rcmd-box-colorful.step3 {
  background-color: #FFD57A !important;
  color: #333333 !important;
}
.rcmd-box-colorful.step4 {
  background-color: #E24A4A !important;
  color: #ffffff !important;
}

/** 없음 **/
.rcmd-box-none.step1 {
  background-color: rgba(130, 130, 130, 0.15) !important;
  color: var(--bs-body-color) !important;
}
.rcmd-box-none.step2 {
  background-color: rgba(130, 130, 130, 0.15) !important;
  color: var(--bs-body-color) !important;
}
.rcmd-box-none.step3 {
  background-color: rgba(130, 130, 130, 0.15) !important;
  color: var(--bs-body-color) !important;
}
.rcmd-box-none.step4 {
  background-color: rgba(130, 130, 130, 0.15) !important;
  color: var(--bs-body-color) !important;
}

/* 추천수 0건일 때 적용 */
.rcmd-box.step0 {
  background-color: rgba(var(--bs-body-color-rgb), 0.04) !important;
  color: rgba(var(--bs-emphasis-color-rgb), 0.20) !important;
}

/* 추천수 PC, Mobile 제어 */
.rcmd-pc {
  display: block !important;
  min-width: 60px;
}
.rcmd-mb {
  margin: inherit;
  min-width: 45px;
}
.rcmd-mb .rcmd-box {
  padding-left: .3rem !important;
  padding-right: .3rem !important;
}
/*직홍게글 '홍보'표시 두개 중 하나 */
.pai-mb {
  display: none !important;
}
@media (max-width: 767px) {
  .rcmd-pc {
    display: none !important;
  }
  /* 모바일 색상 */
  .da-list-meta, .da-list-meta .sv_member {
    color: rgba(var(--bs-body-color-rgb), .6);
  }
  .da-list-date {
    color: inherit !important;
  }

  .pai-mb {
    display: inline-block !important;
    margin: inherit;
    min-width: 45px;
  }
}




footer .bar-sm,footer i.bar{
  margin: 0 2px !important;
  display: inline-block;
}

footer .container {
    gap: 1rem;
}

footer .title {
  font-size: 0.9rem; /* 예시로 1.2rem으로 설정 */
  font-weight: bold; /* 필요에 따라 글꼴 두껍게 설정 */
  margin-bottom: 10px; /* 제목과 다음 항목 사이의 간격 설정 */
}

footer .container a {
  display: block;
  white-space: normal;
  line-height: 1.2;
}

footer ul {
  list-style-type: none !important;
}

footer ul.col {
  padding-left: 0;
}

footer ul li {
  margin-top: 5px;
  margin-bottom: 10px;
}

/* 게시판 목록 롤링 공지 */
.rolling-noti-container-list,
.rolling-noti-container-view,
.rolling-noti-container-write {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0.25rem 1rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.fixed-text {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
}
.fixed-text span {
  margin-right: 4px;
}
.fixed-text>.bi-info-circle {
  vertical-align: middle;
  color: var(--bs-tertiary-color);
  -webkit-text-stroke: 0.2px currentColor;
}
.divider {
  margin: 0 10px;
  color: #000;
}
.rolling-noti-list,
.rolling-noti-view,
.rolling-noti-write {
  overflow: hidden;
  height: 30px;
  position: relative;
  flex-grow: 1;
}
.rolling-noti-list div,
.rolling-noti-view div,
.rolling-noti-write div {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: transform 1s ease;
}
.rolling-noti-list div a,
.rolling-noti-view div a,
.rolling-noti-write div a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}


[data-bs-theme='dark'] {
  .rolling-noti-container-list,
  .rolling-noti-container-view,
  .rolling-noti-container-write {
    background-color: #191e23;
    color: #f5f5f5;
    border: none;
  }
  .divider {
    color: #666;
  }
}

@media (max-width: 575.98px) {
  .rolling-noti-container-list, .rolling-noti-list,
  .rolling-noti-container-view, .rolling-noti-view,
  .rolling-noti-container-write, .rolling-noti-write {
    border-radius: 0 !important;
  }
}

@media (max-width: 768px) {
  #bo_list .sideview .profile_img,
  #bo_list .sideview .mb-photo {
    order: 6 !important;
  }
}

/* 롤링공지용 메모 팝업 */
.memo-popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1041;
  overflow-y: auto;
  padding: 20px;
  box-sizing: border-box;
}
.memo-popup {
  position: relative;
  top: 30%;
  width: fit-content;
  min-width: 300px;
  max-width: 800px;
  max-height: 400px;
  background-color: var(--bs-body-bg);
  border: 1px solid var(--bs-gray-600);
  border-radius: 10px;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  margin: 40px auto;
}
.memo-popup-title {
  padding: 10px;
  border-bottom: 1px solid var(--bs-gray-600);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.memo-popup-content {
  padding: 10px;
  overflow-y: auto;
  flex-grow: 1;
  word-break: break-word;
}
.close-memo-btn {
  cursor: pointer;
}
.rcmd-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
}

.rcmd-list:nth-child(even) {
  background-color: var(--bs-secondary-bg-subtle);
  border-radius: 10px;
}

.rcmd-list > div:last-child {
  margin-right: 0;
}
@media (max-width: 572px) {
  .memo-popup {
    width: 95%;
    min-width: auto;
  }
  .rcmd-list {
    flex-wrap: wrap;
  }
  .rcmd-list > div {
    margin-right: 0;
    margin-bottom: 5px;
    width: 100%;
  }
  .divider {
    display: none;
  }
}

@media (min-width: 572px) {
  .memo-popup {
    min-width: 500px;
  }
}

.da-member-memo {
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

/* 게시물 상세 페이지에서 사용자 정보와 메모 버튼 정렬 */
#bo_v_info .me-auto {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

#bo_v_info .sv_wrap {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

#bo_v_info .da-member-memo {
  margin-left: 0;
}

#bo_v_info .da-member-memo button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

/* 알림 indicator */
.da-noti-indicator {
  --bs-spinner-width: 6px;
  --bs-spinner-height: 6px;
  --bs-spinner-animation-speed: 1.25s;
}
.bell-animation {
  animation: bell-animation;
  display: inline-block;
  animation-duration: 6s;
  animation-delay: 0.7s;
  animation-iteration-count: infinite;
  transform-origin: 50% 4px;
}
@keyframes bell-animation {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }
  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

@media (max-width: 388px) {
  #bo_v_atc button {
    display: grid;
  }
}

/*** 모바일에서 pagination 페이지버튼과 검색/쓰기 버튼 분리 줄내림 ***/
/* 기본 설정: PC에서는 한 줄로 표시 */
.pagination-extra-separater {
  display: none;
}

.pagination {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}

.pagination-group {
  display: flex;
}

/* 모바일에서 줄바꿈 설정 */
@media (max-width: 575.98px) {
  .pagination {
      flex-wrap: wrap;
  }

  .pagination-extra-separater {
      display: block;
      width: 100%;
      height: 1rem;
      margin: 0;
      padding: 0;
  }

  .pagination-group {
      flex: 1 1 100%;
      justify-content: center;
  }

  .pagination-group li {
      margin-bottom: 0.5rem;
  }
}
/*** 끝: 모바일에서 pagination 페이지버튼과 검색/쓰기 버튼 분리 줄내림 ***/

/* 레벨아이콘 일부를 감춤 */
.xp-icon {
  display: none;
  order: 5;
}

#bo_list .xp-icon[data-member-level="1"],
#bo_list .xp-icon[data-member-level="2"],
#bo_list .xp-icon[data-member-level="11"],
#bo_list .xp-icon[data-member-level="12"],
#bo_list .xp-icon[data-member-level="21"],
#bo_list .xp-icon[data-member-level="22"],
#bo_list .xp-icon[data-member-level="31"],
#bo_list .xp-icon[data-member-level="32"],
#bo_list .xp-icon[data-member-level="41"],
#bo_list .xp-icon[data-member-level="42"],
#bo_list .xp-icon[data-member-level="51"],
#bo_list .xp-icon[data-member-level="52"],
#bo_list .xp-icon[data-member-level="61"],
#bo_list .xp-icon[data-member-level="62"],
#bo_list .xp-icon[data-member-level="71"],
#bo_list .xp-icon[data-member-level="72"],
#bo_list .xp-icon[data-member-level="81"],
#bo_list .xp-icon[data-member-level="82"],
#bo_list .xp-icon[data-member-level="91"],
#bo_list .xp-icon[data-member-level="92"],
#bo_list .xp-icon[data-member-level-icon="special"],
#bo_list .xp-icon[data-member-level-icon="AD"],
#bo_list .xp-icon[data-member-level-icon="admin"],
#bo_list .xp-icon[data-member-level-icon="a_sponser"] {
  display: unset;
}

#sign-profile .xp-icon {
  order: unset;
  display: unset;
}

.video-container {
  max-width: 100%;
  overflow: hidden;
}

.video-container video {
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/*추천인 목록을 상위로 띄우기 위해 조정*/
.tooltip {
  z-index: 1040 !important;
}

/* 본문 및 댓글의 링크 길이가 너무 길면 줄이고, 링크 아이콘을 추가 */
#main-wrap #bo_v #bo_v_atc #bo_v_con .na-convert a:not(.view_image),
#main-wrap #bo_v #viewcomment #bo_vc .comment-content .na-convert a:not(.view_image){
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  color: var(--bs-link-hover-color);
  position: relative;
  padding-right: 1.3rem;
  vertical-align: top;
}

#main-wrap #bo_v #bo_v_atc #bo_v_con .na-convert a:not(.view_image)::after,
#main-wrap #bo_v #viewcomment #bo_vc .comment-content .na-convert a:not(.view_image)::after {
   width: 1rem;
   height: 1rem;
   content: '\f1c5';
   right: 0;
   position: absolute;
   font-family: bootstrap-icons !important;
   font-style: normal;
   font-weight: 600 !important;
   font-variant: normal;
   text-transform: none;
   vertical-align: -.125em;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

footer span.title.nav-link-title {
  padding-left:2rem;
  line-height: 2rem;
}

@media (min-width: 575.98px) {
  footer .container .row a.nav-link.dropdown-toggle {
    pointer-events: none;
    cursor: default;
  }
  footer .container .row a.nav-link.dropdown-toggle::after {
    display: none;
  }
  footer .container .row div .nav-collapse {
    display: inherit;
  }
}

/* jQuery UI datepicker 스타일을 Bootstrap과 통일 */
.ui-datepicker {
  padding: 6px !important;
  border-color: var(--bs-border-color-translucent) !important;
  font-family: var(--bs-body-font-family) !important;
  width: 280px !important;
  background: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
  right: auto !important;
  left: auto !important;
}

.ui-datepicker .ui-datepicker-header {
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  font-size: 16px !important;
  color: var(--bs-body-color) !important;
}

.ui-datepicker .ui-datepicker-title {
  line-height: 10px !important;
  font-size: 14px !important;
  padding: 6px 0 !important;
}

.ui-datepicker .ui-datepicker-header a {
  border: none !important;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !important;
  width: 1.8em !important;
  height: 1.8em !important;
}

.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-w {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'/%3E%3C/svg%3E") no-repeat 0 0 !important;
}

.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-e {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E") no-repeat 0 0 !important;
}

.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-w,
.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-e {
  filter: brightness(0%) !important;
  transition: filter .15s ease-in-out !important;
}

[data-bs-theme='dark'] .ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-w,
[data-bs-theme='dark'] .ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-e {
  filter: brightness(60%) !important;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover .ui-icon-circle-triangle-w,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover .ui-icon-circle-triangle-e {
  filter: brightness(100%) !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 0 !important;
}

.ui-datepicker .ui-datepicker-prev {
  left: 0 !important;
}

.ui-datepicker .ui-datepicker-next {
  right: 0 !important;
}

.ui-datepicker .ui-datepicker-header .ui-state-hover {
  border: none !important;
  background-image: none !important;
  background-color: var(--bs-primary) !important;
  border-radius: var(--bs-border-radius-sm) !important;
}

.ui-datepicker table {
  margin: 0 !important;
  font-size: 14px !important;
}

.ui-datepicker tbody .ui-state-default {
  border-radius: 100% !important;
  width: 34px !important;
  height: 34px !important;
  background: none !important;
  border: none !important;
  margin: 3px auto !important;
  text-align: center !important;
  box-sizing: border-box !important;
  line-height: 28px !important;
  color: var(--bs-secondary-color) !important;
  transition: background-color .15s !important;
}

.ui-datepicker tbody .ui-state-hover {
  background-color: var(--bs-secondary-bg) !important;
}

.ui-datepicker tbody .ui-state-highlight {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

.ui-datepicker tbody .ui-state-highlight.ui-state-hover {
  background-color: rgba(var(--bs-primary-rgb), .9) !important;
  color: #fff !important;
}

/* 공지 접어두기 */
.da-collapse-notice .da-atricle-row--notice {
  display: none;
}

/* 소모임 목록에 구분선 표시 */
.da-menu--bbs-group-group .nav-collapse .nav-link::first-letter {
  font-weight: bold;
}
.da-menu--bbs-group-group .nav-collapse .nav-link {
  border-radius: 0;
}
.da-menu--bbs-group-group .nav-collapse .nav-link:nth-child(9n+7),
.da-menu--bbs-group-group .nav-collapse .nav-link:nth-child(9n+8),
.da-menu--bbs-group-group .nav-collapse .nav-link:nth-child(9n+9) {
  border-bottom: 1px dashed var(--bs-border-color);
}

  /**
 * 스위치 토글을 우측에 표시
 */
.form-switch--end {
  padding-left: 0;

  .form-check-input {
    float: right !important;
  }

  .form-check-label,
  .form-text {
    margin-right: 2.5em;
  }
}

.animation #sidebar-site-menu .nav-item a.nav-link:hover i::before{animation-duration: 0.5s;animation-name: smallTwistRight;}
.animation #sidebar-site-menu .nav-item a.nav-link:hover span.badge{animation-duration: 0.5s;animation-name: smallTwistLeftMargin;}
.animation #menuOffcanvas .nav-item a.nav-link:hover i::before{animation-duration: 0.5s;animation-name: smallTwistRight;}
.animation #menuOffcanvas .nav-item a.nav-link:hover span.badge{animation-duration: 0.5s;animation-name: smallTwistLeftMargin;}

.animation ul.list-group li.da-link-block:hover {animation-duration: 0.5s;animation-name: popUp;}
.animation ul.list-group li.li.da-link-block.ui-custom-link-active {animation-duration: 1s;animation-name: linkPopSmall !important;animation-fill-mode: forwards}
.animation div.nav-item.ui-custom-link-active {animation-duration: 1s;animation-name: linkPop !important;animation-fill-mode: forwards}

@keyframes popUp {0% {transform: translateX(0%) scale(1);}20% {transform: translateX(0.5%) scale(1.01);}100% {transform: translateX(0%) scale(1);}}
@keyframes linkPopSmall {0% {transform: translateY(-0.5%) scale(1.005);} 20% {transform: translateY(-1.5%) scale(1.015);}100% {transform: translateY(0%) scale(1);}}
@keyframes linkPop {0% {transform: translateY(-3%) scale(1.03);}20% {transform: translateY(-5%) scale(1.05);}100% {transform: translateY(0%) scale(1);}}

@keyframes popUp05 {0% {transform: scale(1);}20% {transform: scale(1.05);}100% {transform: scale(1);}}
@keyframes popUp10 {0% {transform: scale(1);}20% {transform: scale(1.1);}100% {transform: scale(1);}}
@keyframes popUp15 {0% {transform: scale(1);}20% {transform: scale(1.15);}100% {transform: scale(1);}}
@keyframes popUp20 {0% {transform: scale(1);}20% {transform: scale(1.2);}100% {transform: scale(1);}}
@keyframes popUp25 {0% {transform: scale(1);}20% {transform: scale(1.25);}100% {transform: scale(1);}}
@keyframes popUp30 {0% {transform: scale(1);}20% {transform: scale(1.3);}100% {transform: scale(1);}}
button.bbs_shortcut_recommend:hover {animation-iteration-count: infinite;animation-duration: 2s;animation-name: popUpPin15;}
@keyframes popUpPin15 {0% {transform: scale(1);}10% {transform: scale(1.15);}12% {transform: scale(1.145);}30% {transform: scale(1);}100% {transform: scale(1);}}

@keyframes popUpEnd05 {0% {transform: scale(1);}20% {transform: scale(1.05);}100% {transform: scale(1.05);}}
@keyframes popUpEnd10 {0% {transform: scale(1);}20% {transform: scale(1.1);}100% {transform: scale(1.1);}}
@keyframes popUpEnd15 {0% {transform: scale(1);}20% {transform: scale(1.15);}100% {transform: scale(1.15);}}
@keyframes popUpEnd20 {0% {transform: scale(1);}20% {transform: scale(1.2);}100% {transform: scale(1.2);}}
@keyframes popUpEnd25 {0% {transform: scale(1);}20% {transform: scale(1.25);}100% {transform: scale(1.25);}}
@keyframes popUpEnd30 {0% {transform: scale(1);}20% {transform: scale(1.3);}100% {transform: scale(1.3);}}

@keyframes rightPop {0% {margin-right: 0em;}20% {margin-right: 0.4em;}100% {margin-right: 0em;}}
@keyframes smallTwistLeft {0% {transform: rotateZ(0deg);}20% {transform: rotateZ(-30deg);} 55% {transform: rotateZ(15deg);}100% {transform: rotateZ(0deg);}}
@keyframes smallTwistLeftMargin {0% {margin-right: 0em;transform: rotateZ(0deg);}20% {margin-right: 0.4em;transform: rotateZ(-30deg);} 55% {transform: rotateZ(15deg);}100% {margin-right: 0em;transform: rotateZ(0deg);}}
@keyframes smallTwistRight {0% {transform: rotateZ(0deg);}20% {transform: rotateZ(30deg);} 55% {transform: rotateZ(-15deg);}100% {transform: rotateZ(0deg);}}


.animation ul.list-group li.list-group-item.da-link-block .rcmd-box.step1 {
  animation-delay: 1s;
  animation-duration: 1s;
  animation-name: popUp10;
}

.animation ul.list-group li.list-group-item.da-link-block .rcmd-box.step2 {
  animation-delay: 1s;
  animation-duration: 1s;
  animation-name: popUp15;
}

.animation ul.list-group li.list-group-item.da-link-block .rcmd-box.step3 {
  animation-delay: 1s;
  animation-duration: 1s;
  animation-name: popUp20;
}

.animation ul.list-group li.list-group-item.da-link-block .rcmd-box.step4 {
  animation-delay: 1s;
  animation-duration: 1s;
  animation-name: popUp25;
}

.animation ul.list-group li.list-group-item.da-link-block:hover .rcmd-box.step1 {
  animation-iteration-count: infinite;
}

.animation ul.list-group li.list-group-item.da-link-block:hover .rcmd-box.step2 {
  animation-iteration-count: infinite;
}

.animation ul.list-group li.list-group-item.da-link-block:hover .rcmd-box.step3 {
  animation-iteration-count: infinite;
}

.animation ul.list-group li.list-group-item.da-link-block:hover .rcmd-box.step4 {
  animation-iteration-count: infinite;
}

/* 소모임 메뉴 파란색 배경 완전 제거 */
.na-menu .nav-vertical.nav-pills .nav-collapse .nav-link,
.na-menu .nav-vertical.nav-pills .nav-collapse .nav-link:hover,
.na-menu .nav-vertical.nav-pills .nav-collapse .nav-link:focus,
.na-menu .nav-vertical.nav-pills .nav-collapse .nav-link.active,
.na-menu .nav-vertical.nav-pills .nav-collapse .nav-link.active:hover,
.na-menu .nav-vertical.nav-pills .nav-collapse .nav-link.active:focus {
  background-color: transparent !important;
  background: transparent !important;
}

/* 소모임 개별 메뉴 아이템들의 #00D6FD 배경색 제거 */
.nav-link.da-menu--bbs-board-newgroup,
.nav-link.da-menu--bbs-board-ai,
.nav-link.da-menu--bbs-board-git,
.nav-link.da-menu--bbs-board-lol,
.nav-link.da-menu--bbs-board-ott,
.nav-link.da-menu--bbs-board-vr,
.nav-link.da-menu--bbs-board-youtube,
.nav-link.da-menu--bbs-board-cryptocurrency,
.nav-link.da-menu--bbs-board-development,
.nav-link.da-menu--bbs-board-game,
.nav-link.da-menu--bbs-board-seniorcenter,
.nav-link.da-menu--bbs-board-golf,
.nav-link.da-menu--bbs-board-study,
.nav-link.da-menu--bbs-board-car,
.nav-link.da-menu--bbs-board-drawing,
.nav-link.da-menu--bbs-board-writing,
.nav-link.da-menu--bbs-board-nas,
.nav-link.da-menu--bbs-board-fishing,
.nav-link.da-menu--bbs-board-fly,
.nav-link.da-menu--bbs-board-cat,
.nav-link.da-menu--bbs-board-paddle,
.nav-link.da-menu--bbs-board-recording,
.nav-link.da-menu--bbs-board-coffee,
.nav-link.da-menu--bbs-board-running,
.nav-link.da-menu--bbs-board-daegu,
.nav-link.da-menu--bbs-board-dongsup,
.nav-link.da-menu--bbs-board-drone,
.nav-link.da-menu--bbs-board-listening,
.nav-link.da-menu--bbs-board-hike,
.nav-link.da-menu--bbs-board-diablo,
.nav-link.da-menu--bbs-board-gym,
.nav-link.da-menu--bbs-board-lego,
.nav-link.da-menu--bbs-board-linux,
.nav-link.da-menu--bbs-board-comic,
.nav-link.da-menu--bbs-board-macmoang,
.nav-link.da-menu--bbs-board-military,
.nav-link.da-menu--bbs-board-overseas,
.nav-link.da-menu--bbs-board-bts,
.nav-link.da-menu--bbs-board-boardgame,
.nav-link.da-menu--bbs-board-see,
.nav-link.da-menu--bbs-board-beer,
.nav-link.da-menu--bbs-board-bread,
.nav-link.da-menu--bbs-board-server,
.nav-link.da-menu--bbs-board-MSSurface,
.nav-link.da-menu--bbs-board-socialgame,
.nav-link.da-menu--bbs-board-watches,
.nav-link.da-menu--bbs-board-instrument,
.nav-link.da-menu--bbs-board-android,
.nav-link.da-menu--bbs-board-applemoang,
.nav-link.da-menu--bbs-board-baseball,
.nav-link.da-menu--bbs-board-travel,
.nav-link.da-menu--bbs-board-movie,
.nav-link.da-menu--bbs-board-obsidang,
.nav-link.da-menu--bbs-board-wine,
.nav-link.da-menu--bbs-board-cooking,
.nav-link.da-menu--bbs-board-space,
.nav-link.da-menu--bbs-board-whiskey,
.nav-link.da-menu--bbs-board-parenting,
.nav-link.da-menu--bbs-board-mbike,
.nav-link.da-menu--bbs-board-japanlive,
.nav-link.da-menu--bbs-board-bicycle,
.nav-link.da-menu--bbs-board-scuba,
.nav-link.da-menu--bbs-board-sewing,
.nav-link.da-menu--bbs-board-ebook,
.nav-link.da-menu--bbs-board-stock,
.nav-link.da-menu--bbs-board-watchingyou,
.nav-link.da-menu--bbs-board-interior,
.nav-link.da-menu--bbs-board-homebuilding,
.nav-link.da-menu--bbs-board-photo,
.nav-link.da-menu--bbs-board-readingbooks,
.nav-link.da-menu--bbs-board-train,
.nav-link.da-menu--bbs-board-soccer,
.nav-link.da-menu--bbs-board-compliment,
.nav-link.da-menu--bbs-board-camping,
.nav-link.da-menu--bbs-board-console,
.nav-link.da-menu--bbs-board-keyboard,
.nav-link.da-menu--bbs-board-tabletennis,
.nav-link.da-menu--bbs-board-pathofexile,
.nav-link.da-menu--bbs-board-formula,
.nav-link.da-menu--bbs-board-photoshop,
.nav-link.da-menu--bbs-board-swim,
.nav-link.da-menu--bbs-board-plant,
.nav-link.da-menu--bbs-board-plasticmodel,
.nav-link.da-menu--bbs-board-playmobil,
.nav-link.da-menu--bbs-board-stationery,
.nav-link.da-menu--bbs-board-hardware {
  background-color: transparent !important;
  background: transparent !important;
}

/* 모든 da-menu로 시작하는 nav-link 요소들 */
.nav-link[class*="da-menu--bbs-board-"] {
  background-color: transparent !important;
  background: transparent !important;
}

/* 모든 nav-link 요소의 파란색 배경 강제 제거 */
#sidebar-site-menu .nav-link,
#sidebar-site-menu .nav-link:hover,
#sidebar-site-menu .nav-link:focus,
#sidebar-site-menu .nav-link:active,
.nav-collapse .nav-link,
.nav-collapse .nav-link:hover,
.nav-collapse .nav-link:focus,
.nav-collapse .nav-link:active {
  background-color: transparent !important;
  background: transparent !important;
  color: var(--bs-body-color) !important;
}

/* 소모임 메뉴 텍스트 색상 명시적 설정 */
.nav-link[class*="da-menu--bbs-board-"],
.nav-link[class*="da-menu--bbs-board-"]:hover,
.nav-link[class*="da-menu--bbs-board-"]:focus,
.nav-link[class*="da-menu--bbs-board-"]:active {
  background-color: transparent !important;
  background: transparent !important;
  color: var(--bs-body-color) !important;
}

/* 모든 nav-collapse 내부 링크들의 텍스트 색상 */
.na-menu .nav-vertical.nav-pills .nav-collapse .nav-link,
.na-menu .nav-vertical.nav-pills .nav-collapse .nav-link:hover,
.na-menu .nav-vertical.nav-pills .nav-collapse .nav-link:focus,
.na-menu .nav-vertical.nav-pills .nav-collapse .nav-link.active,
.na-menu .nav-vertical.nav-pills .nav-collapse .nav-link.active:hover,
.na-menu .nav-vertical.nav-pills .nav-collapse .nav-link.active:focus {
  background-color: transparent !important;
  background: transparent !important;
  color: var(--bs-body-color) !important;
}

/* 소모임 메뉴 Active 상태 스타일링 */
#sidebar-site-menu .nav-link.active,
.nav-link[class*="da-menu--bbs-board-"].active,
.nav-link[class*="da-menu--bbs-group-"].active,
.na-menu .nav-vertical.nav-pills .nav-collapse .nav-link.active {
  background-color: transparent !important;
  color: var(--bs-primary) !important;
  font-weight: 700 !important;
  border-left: 4px solid var(--bs-primary) !important;
  padding-left: calc(1rem - 4px) !important;
}

/* 소모임 메인 메뉴 (소모임) Active 상태 */
.nav-link.da-menu--bbs-group-group.active {
  background-color: transparent !important;
  color: var(--bs-primary) !important;
  font-weight: 700 !important;
  border-left: 4px solid var(--bs-primary) !important;
  padding-left: calc(1rem - 4px) !important;
}

/* 사이드바 메뉴 간격 줄이기 */
#sidebar-site-menu {
  margin-bottom: 1rem !important; /* 기본 mb-3에서 줄임 */
}

/* 즐겨찾기 메뉴 간격 줄이기 */
#favorites-menu {
  margin-bottom: 1rem;
  line-height: 1.2;
}

#favorites-menu .dropdown-header {
  padding: 0.25rem 1rem 0.125rem 1rem !important; /* 상하 패딩 더 줄임 */
  margin-bottom: 0.125rem !important;
  line-height: 1.1 !important;
  font-size: 0.875rem !important; /* 글씨 크기 약간 줄임 */
  color: var(--bs-secondary);
  font-weight: 600;
}

#favorites-menu .nav-link {
  padding: 0.25rem 1rem; /* 상하 패딩 압축 */
  margin-bottom: 0.0625rem; /* 링크 사이 간격 최소화 */
  line-height: 1.2;
  font-size: 0.875rem;
  min-height: auto !important;
  color: var(--bs-body-color);
  border-radius: 0.375rem;
  transition: background-color 0.15s ease-in-out;
}

#favorites-menu .nav-link:hover {
  background-color: var(--bs-tertiary-bg);
}

#favorites-menu .nav-link.active {
  background-color: var(--bs-primary);
  color: white;
}

#favorites-menu .menu-icon {
  min-width: 1.25rem;
  height: 1.25rem;
  text-align: center;
  font-size: 0.7rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

#favorites-menu .nav-link-title {
  gap: 0.5rem !important;
}


#favorites-menu .nav-link .shortcut-number {
  line-height: 1 !important;
  margin-right: 0.25rem !important;
}

#favorites-menu .nav-link .shortcut-title {
  line-height: 1.2 !important;
}

/* 그리드 컨테이너 설정 */
#shortcut-menu-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem;
  padding: 0 0.5rem;
}

#favorites-menu .nav-link-title > span:last-child {
  font-size: 0.8rem;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 반응형 디자인 - 작은 화면에서는 1열로 */
@media (max-width: 576px) {
  #favorites-menu .nav-link {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }

  #favorites-menu .nav-link-title > span:last-child {
    font-size: 0.875rem;
  }
}

.favorites-item {
  margin-bottom: 0;
}

/* 아이템이 홀수개일 때 마지막 항목이 전체 너비 차지 */
.favorites-item:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

/* 아이템이 하나만 있을 때도 전체 너비 차지 */
.favorites-item:only-child {
  grid-column: 1 / -1;
}


/* 카테고리 메뉴 컨테이너 간격 줄이기 */
.na-menu {
  margin-bottom: 1rem !important;
}

/* 드롭다운 헤더 간격 줄이기 */
.na-menu .dropdown-header {
  padding: 0.25rem 1rem !important; /* 기본값에서 줄임 */
  margin-bottom: 0.25rem !important;
}

/* 네비게이션 링크 간격 줄이기 */
.na-menu .nav-vertical.nav-pills .nav-link {
  padding: 0.375rem 1rem !important; /* 기본 0.5rem에서 줄임 */
  margin-bottom: 0.125rem !important; /* 링크 사이 간격 줄임 */
}

/* 소모임 메뉴 하위 항목 간격 줄이기 */
.nav-vertical.nav-pills .nav-collapse .nav-link {
  padding: 0.25rem 1rem 0.25rem 2rem !important; /* 상하 패딩 줄임 */
  margin-bottom: 0.0625rem !important; /* 매우 작은 간격 */
}

/* 전체 사이드바 컨테이너 간격 조정 */
.px-3.mb-4 {
  margin-bottom: 1rem !important; /* 로그인 영역 하단 간격 줄임 */
}

/* 네비게이션 아이템 간격 줄이기 */
.na-menu .nav-vertical.nav .nav-item:not(:last-child) {
  margin-bottom: 0.125rem !important; /* 기본값에서 줄임 */
}

/* 컬랩스 메뉴 패딩 줄이기 */
.nav-vertical.nav-pills .nav-collapse {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}

/* 메뉴 그룹 사이 간격 최소화 */
.nav.nav-pills.nav-vertical.mb-3 {
  margin-bottom: 0.75rem;
}

.badge {
  --bs-badge-padding-x: 0.45em;
  --bs-badge-padding-y: 0.25em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  line-height: 1;
  vertical-align: middle;
  border-radius: 9px;
}

.btn-shortcut {
  line-height: 1.2;
}

/* 광고 영역을 고정 위치로 설정 */
/* 메인 컨텐츠 폭이 1200px일 때, 좌우 180px 여백 */
.floating-left {
  position: fixed;
  top: 120px;
  left: calc(50% - 610px - 180px); /* 610px = 1200px/2 + 10, 180px = 충분한 여백 */
  width: 185px;
}
.floating-right {
  position: fixed;
  top: 120px;
  right: calc(50% - 610px - 180px); /* 본문 침범 방지 */
  width: 185px;
}
.floating-content {
  padding: 0;
}

.ad-container {
  min-height: 600px;
  background: #5151510f;
  border-radius: 4px;
}

.ad-container .adsbygoogle {
  display:inline-block;
  min-width:140px;
  min-height: 600px;
}

@media (max-width: 1200px) {
  .floating-left, .floating-right {
    display: none;
  }
}

/* 위젯 설정 버튼 - 관리자 로그인 시 기본 숨김 */
.btn-wset {
  display: none;
  text-align: center;
}

.btn-wset .btn {
  min-width: 120px;
}