@media (min-width: 320px) and (max-width: 767px) {
  body {
    overflow-x: hidden;
  }

  .custom-write-event-button {
    position: relative;
  }

  .safety-custom-rightside-seetings {
    position: relative;
    top: 0;
    right: 0;
  }

  #bo_list_total {
    display: none;
  }

  #bo_btn_top #list_edit_div {
    justify-content: right;
    padding-right: 0 !important;
  }

  .custom-rightside-seetings {
    position: relative;
    top: 0;
    right: 0;
  }

  .custom-rightside-seetings .d-sm-flex.align-items-center {
    justify-content: right;
  }

  .safety-custom-rightside-seetings .d-sm-flex.align-items-center {
    justify-content: right;
  }

  .customfullwid100 {
    width: 100%;
  }

  .tbl_content .tbl_list_content {
    height: auto !important;
  }
}

.event-image {
  height: auto !important;
}

.na-table .bg-light {
  background-color: #f2f4f5 !important;
}

#bo_gallery .list-safety-info table tr th {
  text-align: left !important;
}

.chpasstitlecls h3 {
  font-size: 18px !important;
}

.chpassmainsec {
  padding: 20px 10px;
  position: relative;
}

.confirmpassdiv {
  padding-top: 10px;
}

#mb_new_password:focus-visible {
  outline: none !important;
}

#mb_confirm_password:focus-visible {
  outline: none !important;
}

.cerror {
  border: 1px solid red !important;
}

.msgmismatch {
  color: red;
}

/*Point.php*/

/* trade 댓글 옵션 줄바꿈/간격 보강 */
#fviewcomment ul.d-flex.align-items-center { flex-wrap: wrap; }
@media (max-width: 575.98px) {
  #fviewcomment .custom-control { margin-bottom: 4px; }
  #fviewcomment .custom-control-label {
    display: inline-flex;
    align-items: center;
    min-height: 1.4rem;
  }
  #fviewcomment .custom-checkbox .custom-control-label span,
  #fviewcomment .custom-radio .custom-control-label span {
    position: relative;
    top: 2px;
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
  }
  /* 긴 텍스트도 줄바꿈 허용 (기본 .text-nowrap 무력화) */
  #fviewcomment li.text-nowrap { white-space: normal !important; }
  #fviewcomment .text-muted { white-space: normal; word-break: keep-all; line-break: anywhere; }
}

/* No-wrap utility for numeric tokens like "100,000 P" in list tables */
.nowrap { white-space: nowrap !important; }
/* add a bit of breathing room after nowrap tokens in na-table rows */
.na-table .nowrap { display: inline-block; margin-right: .4rem; }
