.title-link {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 5px; /* 버튼 간격 */
}
.title-link .title-btn {
  padding: 3px 8px;
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid #aaaaaa;
  color: #aaaaaa;
  white-space: nowrap; /* 텍스트 개행 방지 */
}
.title-link .title-btn:hover {
  background-color: #aaaaaa;
  color: #ffffff;
}

/*pc버전*/
.new-section .bbs-content-title {
  display: flex;
  justify-content: center;
  background-color: #f4f4f4;
  font-weight: 700;
  color: #888888;
  margin-top: 10px;
}
.new-section .content-list {
  display: flex;
  flex-direction: column;
}
.new-section .bbs-content {
  display: flex;
  justify-content: center;
}
.new-section .bbs-content-title .bbs-num {
  text-align: center;
  font-size: 14px;
}
.new-section .bbs-content .bbs-num {
  text-align: center;
  font-size: 12px;
}
.new-section .bbs-content-title div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-section .bbs-content div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; /* 넘치는 내용을 자동으로 개행 */
  overflow: hidden; /* 넘치는 내용을 감춤 */
}
.new-section .bbs-content-title .bbs-num { width: 80px; }
.new-section .bbs-content-title .bbs-com-nm { width: 150px; }
.new-section .bbs-content-title .bbs-buyer-channel { width: 150px; }
.new-section .bbs-content-title .bbs-main-channel { width: 150px; }
.new-section .bbs-content-title .bbs-activity-area { width: 200px; }

.new-section .bbs-content .bbs-num { width: 80px; }
.new-section .bbs-content .bbs-com-nm { width: 150px; }
.new-section .bbs-content .bbs-buyer-channel { width: 150px; }
.new-section .bbs-content .bbs-main-channel { width: 150px; }
.new-section .bbs-content .bbs-activity-area { width: 200px; }

.new-section .bbs-content .bbs-expanded-channel,
.new-section .bbs-content-title .bbs-expanded-channel { 
    flex: 1;
}

.new-section .bbs-content-title .bbs-main-channel {
  white-space: nowrap; /* 텍스트를 한 줄로 유지 */
  overflow: hidden; /* 넘치는 부분을 숨김 */
  text-overflow: ellipsis; /* 넘치는 부분을 ...로 표시 */
  box-sizing: border-box; /* 패딩과 테두리를 포함한 박스 크기 */
}
.new-section .bbs-content span {
  display: none;
}
.new-section .bbs-content button {
  display: inline-block; /* 버튼을 inline-block으로 유지 */
  align-self: flex-start;
  padding: 3px 5px;
  font-size: 12px;
  line-height: 20px;
  margin: 0px 3px 3px 0px;
  border-radius: 5px;
  white-space: normal; /* 버튼의 내용이 너비를 초과할 경우 개행 */
  color: #808080;
  background-color: #f0f0f0;
}
.new-section .bbs-content .bbs-main-channel button {
  background-color: rgba(69, 117, 245, 0.0784313725);
  color:#4575f5;
}

/*모바일버전*/
@media screen and (max-width: 768px) {
    .new-section .bbs-content-title {
        display: none;
    }
    .new-section .bbs-content {
      display: flex;
      flex-direction: column; /* 가로로 정렬 */
      flex-wrap: wrap; /* 넘치는 내용 자동 개행 */
      width: 100%; /* 전체 너비 */
      max-width: 600px; /* 최대 너비 */
      padding: 10px;
      box-sizing: border-box;
    }
    .new-section .bbs-content div {
      display: flex;
      justify-content: start;
      align-items: center;
    }
    .new-section .bbs-content span {
      display: block;
      background-color: #aaaaaa;
      color: white;
      padding: 3px 5px;
      font-size: 12px;
      margin-right: 5px;
    }
    .new-section .bbs-content .bbs-com-nm {
      font-size: 22px;
      font-weight: 700;
      line-height: 40px;
    }
    .new-section .bbs-content .bbs-num { display: none; }
    .new-section .bbs-content .bbs-com-nm { width: 100%; }
    .new-section .bbs-content .bbs-buyer-channel { width: 100%; }
    .new-section .bbs-content .bbs-main-channel { width: 100%; }
    .new-section .bbs-content .bbs-expanded-channel { width: 100%; }
    .new-section .bbs-content .bbs-activity-area { width: 100%; }
}