/* 부모 요소에 영역 초과 숨기기 */
.boardDetail {
  overflow: hidden;
  /* 초과 내용을 숨김 */
  box-sizing: border-box;
  /* 패딩 포함 너비 계산 */
}

/* 긴 URL이 영역을 초과하지 않도록 줄바꿈 처리 */
.bd_content a {
  word-break: break-word;
  /* 긴 단어를 줄바꿈 */
  overflow-wrap: anywhere;
  /* 단어 중간에도 줄바꿈 가능 */
  white-space: normal;
  /* 줄바꿈 허용 */
  text-overflow: ellipsis;
  /* 필요 시 말줄임 표시 추가 */
  display: inline-block;
  /* 링크가 블록 영역에서 잘 맞게 동작 */
  max-width: 100%;
  /* 링크가 컨테이너를 초과하지 않도록 제한 */
}

/* 이미지를 컨테이너 안에 맞춤 */
.bd_img img {
  max-width: 100%;
  /* 이미지를 컨테이너 너비에 맞춤 */
  height: auto;
  /* 이미지 비율 유지 */
  display: block;
  /* 공백 제거 */
}

.bd_content_lay {
  text-align: center;
}

.share_button_lay a {
  position: relative;
  display: inline-block;
}

.share_button_lay a img,
.share_button_lay a svg {
  width: 30px;
  height: 30px;
}

.share_button_lay a svg {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.share_button_lay a:hover svg,
.share_button_lay a.active svg {
  transform: scale(1.1); /* 살짝 확대 효과 */
}

/* 터치 시 버튼에 약간의 피드백 효과 추가 */
.share_button_lay a:active {
  transform: scale(0.95);
}