body {
  overflow: auto !important;
  padding: 0 !important;
}
.loading-layer {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 5%;
  background-color: white;
  z-index: 1499;
}
.loading-spinner-outter {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1500;
}
.loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
}
.ad-content {
  height: 150px;
  margin-top: 20px;
}

.board-content {
  padding: 0px;
}
.board-content img {
  max-width: 100%;
  height: auto;
}
.comment-content img {
  max-width: 100%;
}
.comment-content p {
  margin-bottom: 0.2rem;
}
.content-container {
  display: block;
}
.content-body {
  width: 100%
}
.visible-desktop {
  display: none !important; /* 기본적으로 숨김 */
}
.dividing-block {
  border-bottom: 1px solid rgba(34, 36, 38, .15);
  margin-bottom: 5px;
}
.align-right {
  display: flex;
  justify-content: flex-end;
}
.comment.reply {
  margin: .5em 0 0 40px !important;
}
.ui.comments {
  max-width: 100%;
}
@media only screen and (min-width: 992px) {
  .hidden-desktop {
    display: none !important;
  }
  .visible-desktop {
    display: inline-block !important;
  }
  .board-content {
    padding: 0px 30px;
  }
}
.ql-align-center {
  text-align: center;
}
.ql-align-right {
  text-align: right;
}
.badge {
  vertical-align: text-bottom;
}
@media (pointer: coarse) {
  .btn:hover {
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: var(--bs-btn-bg);
  }
}
.btn-hover {
  --bs-btn-hover-color: var(--bs-btn-hover-color);
  --bs-btn-hover-bg: var(--bs-btn-hover-bg);
}
.nav-username {
  vertical-align: bottom;
  line-height: 40px;
}
.index-content p {
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 992px) {
  .index-content p {
    font-size: 0.9em;
  }
}
.text-bg-category {
  color: #999 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 0.2)) !important;
}
.text-bg-comment-cnt {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 0.5)) !important;
}

.list-box {
  width: calc(100% - 370px);
}
.list-box-pic {
  width: calc(100% - 370px);
}
.list-category {
  min-width:80px;
}
.list-category small {
  font-size: 0.75em;
}
.list-date {
  width: 80px;
}
.list-name {
  width: 100px;
}
.list-like {
  width: 50px;
}
.list-viewed {
  width: 60px;
}
.list-title {
  min-width: 100%;
}
.list-title a {
  max-width: calc(100% - 50px);
  vertical-align: bottom;
  text-decoration: none;
  color: var(--bs-body-color);
}
.list-title a:visited {
  color: var(--bd-link-visited);
}
@media (max-width: 768px) {
  .list-box {
    width: 100%;
  }
  .list-box-pic {
    width: calc(100% - 58px);
  }
  .list-date {
    text-align: left !important;
    width: auto;
    margin-right: 5px;
  }
  .list-name {
    width: auto;
    margin-left: auto;
  }
  .list-like {
    width: auto;
    margin-right: 5px;
  }
  .list-viewed {
    width: auto;
    margin-right: 5px;
  }
}
.comment-cnt-badge {
  display: inline-block;
}