.detail_page_wrap {
  display: flex;
  gap: 2.5em;
  flex-wrap: wrap;
}

.detail_page_wrap+.com_wp_code_section {
  border-top: 1px solid var(--mono-05);
}

.detail_page_wrap .top_title_wrap {
  width: 100%;
}

.detail_page_wrap .top_title_wrap .com_desc {
  margin-top: 1.25em;
}

.detail_sticky_cont .inner {
  width: 100%;
  padding: 1.56em 5% 1.875em;
  border-radius: var(--rounded-md);
  border: 1px solid var(--mono-05);
}

.detail_subject_area {
  display: flex;
  gap: var(--gap-sm);
  flex-wrap: wrap;
  align-items: center;
}

.detail_subject_area .profile {
  width: 4.5em;
  height: 4.5em;
  border-radius: var(--rounded-circle);
}

.detail_subject_area .profile img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
  border-radius: var(--rounded-circle);
}

.detail_subject_area .com_desc {
  padding-top: 10px;
}

.badge_area {
  padding: 0.94em 0 1.56em;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-xs);
}

.badge_area .badge {
  font-size: var(--text-1xs);
  line-height: 1.15em;
  padding: 0.77em 1.38em;
  border-radius: var(--rounded-sm);
  border: 1px solid transparent;
}

.badge_area .badge.group {
  background-color: var(--wh);
  border-color: var(--point-color01);
  color: var(--point-color01);
}

.badge_area .badge.category {
  background-color: var(--point-color04);
  border-color: var(--point-color04);
  color: var(--point-color01);
}

.badge_area .badge.status {
  background-color: var(--point-color07);
  border-color: var(--point-color07);
  color: var(--point-color06);
}

.detail_sticky_cont .thumbnail {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 4/3;
  border-radius: var(--rounded-sm);
  border: 1px solid var(--mono-05);
}

.detail_sticky_cont .btn_wrap {
  padding-top: 1.25em;
}

.detail_sticky_cont .btn_wrap .com_base_btn {
  width: 75%;
  justify-content: center;
}

.detail_info_cont .editor_area {
  margin-bottom: 1.56em;
}

.editor_area,
.editor_area p {
  word-break: break-all;
  white-space: pre-wrap;
}

.bottom_info_area {
  display: flex;
  flex-direction: column;
  gap: 2.81em;
  border: 0.75em solid var(--mono-08);
  padding: 3em 5.2%;
}

.bottom_info_area .com_point_desc {
  font-weight: var(--font-semiBold);
  padding-bottom: 0.625em;
  margin-bottom: 0.625em;
  border-bottom: 1px solid var(--mono-05);
  color: var(--point-color02) !important;
}

.bottom_info_area .com_field .com_value_area {
  margin-bottom: 0;
}

@media screen and (min-width: 801px) {
  .detail_sticky_cont .inner {
    position: sticky;
    top: 10em;
    left: 0;
    width: 32.5em;
  }
}

@media screen and (max-width: 1200px) and (min-width: 801px) {
  .detail_sticky_cont .inner {
    width: 20em;
  }

  .detail_subject_area {
    flex-direction: column;
  }
}

@media screen and (max-width: 800px) {
  .detail_page_wrap {
    flex-direction: column;
  }

  .detail_subject_area {
    align-items: flex-start;
  }

  .detail_sticky_cont .btn_wrap .com_base_btn {
    width: 100%;
  }
}