#bo_v_title {
  margin-top: 5px;
}

.cuser-info-wrap {
  display: flex;
  color: #6c7072;
  margin-top: 20px;
}

.cuser-info-wrap > div {
  display: flex;
  position: relative;
  margin-right: 15px;
  padding-right: 15px;
  align-items: center;
}

.cuser-info-wrap .user-icon {
  display: flex;
  flex-shrink: 0;
  border-radius: 50%;
  width: 40px;
  margin-right: 10px;
}

.cuser-info-wrap .user-icon img {
  border-radius: 50%;
  width: 100%;
}

.cuser-info-wrap .user-nickname {
  font-weight: 400;
}

.cuser-info-wrap .commenttimesec time {
  display: inline-flex;
  align-items: center;
  font-size: inherit !important;
  line-height: inherit;
  color: inherit;
}

#bo_list .cpostnamecls .sv_member,
#bo_list .cpostnamecls .sv_guest,
#bo_list .cpostnamecls .sv_member.en,
#custom_page_header .hide-photo1 a.sv_member,
#custom_page_header .hide-photo1 a.sv_guest,
#custom_page_header .hide-photo1 .sv_wrap > .sv_member,
#custom_page_header .hide-photo1 .sv_wrap > .sv_guest,
#event_header .hide-photo1 a.sv_member,
#event_header .hide-photo1 a.sv_guest,
#event_header .hide-photo1 .sv_wrap > .sv_member,
#event_header .hide-photo1 .sv_wrap > .sv_guest,
.event_bgs .hide-photo1 a.sv_member,
.event_bgs .hide-photo1 a.sv_guest,
.event_bgs .hide-photo1 .sv_wrap > .sv_member,
.event_bgs .hide-photo1 .sv_wrap > .sv_guest,
#bo_v_info .sv_wrap > .sv_member,
#bo_v_info .sv_wrap > .sv_guest {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 400;
  line-height: inherit;
  vertical-align: middle;
}

.member-name-stacked-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  vertical-align: middle;
}

.sv_member.member-name-stacked,
.sv_guest.member-name-stacked {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 2px !important;
  max-width: 100%;
  min-height: 0;
  line-height: 1.45;
  vertical-align: middle;
  white-space: nowrap !important;
}

.member-name-stacked__icons {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 2px;
  max-width: 100%;
  line-height: 1;
  vertical-align: middle;
}

.member-name-stacked__icons .xp-icon,
.member-name-stacked__icons .profile_img {
  flex: 0 0 auto;
  margin: 0;
  vertical-align: middle;
}

.member-name-stacked .member-visual__name {
  display: block;
  flex: 0 1 auto;
  max-width: 100%;
  min-width: 0;
  line-height: 1.45;
  word-break: keep-all;
  overflow-wrap: normal;
}

#bo_list .cpostnamecls .member-name-stacked-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  vertical-align: middle;
}

#bo_list .cpostnamecls .sv_member.member-name-stacked,
#bo_list .cpostnamecls .sv_guest.member-name-stacked {
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1px 2px !important;
  max-width: 100%;
  min-height: 0;
  line-height: 1.25;
  white-space: normal !important;
}

#bo_list .cpostnamecls .member-name-stacked__icons {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 2px;
  max-width: 100%;
  line-height: 1;
}

#bo_list .cpostnamecls .member-name-stacked__icons .xp-icon,
#bo_list .cpostnamecls .member-name-stacked__icons .profile_img {
  flex: 0 0 auto;
  margin-right: 0;
}

#bo_list .cpostnamecls .member-name-stacked .member-visual__name {
  display: block;
  flex: 0 1 auto;
  max-width: 100%;
  min-width: 0;
  text-align: center;
  line-height: 1.25;
  word-break: keep-all;
  overflow-wrap: normal;
}

#bo_list .cpostnamecls .member-name-stacked--long .member-name-stacked__icons {
  flex-basis: 100%;
}

#bo_list .cpostnamecls .member-name-stacked--long .member-visual__name {
  flex-basis: 100%;
  overflow-wrap: anywhere;
}

.member-visual__icons {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 2px;
  max-width: 100%;
  line-height: 1;
  vertical-align: middle;
}

.member-visual__icons .xp-icon,
.member-visual__icons .profile_img,
.member-visual__icons .member-visual__icon {
  flex: 0 0 auto;
  margin: 0;
}

#bo_list .board-list-align {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-width: 0;
  line-height: 1.45;
  vertical-align: middle;
}

@media all and (min-width: 768px) {
  #bo_list .d-md-table-row > .cpostnamecls,
  #bo_list .d-md-table-row > .tojino-author-col,
  #bo_list .na-table-head .tojino-author-col {
    width: 12rem;
    min-width: 12rem;
  }

  #bo_list #mttip_wr_name_wrap,
  #bo_list .na-table-head .mttip-col-nick {
    width: 11.5rem !important;
    min-width: 11.5rem;
  }

  #bo_list .cpostnamecls .member-name-stacked-wrap,
  #bo_list #mttip_wr_name_wrap .member-name-stacked-wrap {
    width: auto;
    justify-content: center;
    vertical-align: middle !important;
  }

  #bo_list .cpostnamecls .sv_member.member-name-stacked,
  #bo_list .cpostnamecls .sv_guest.member-name-stacked,
  #bo_list #mttip_wr_name_wrap .sv_member.member-name-stacked,
  #bo_list #mttip_wr_name_wrap .sv_guest.member-name-stacked {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 2px !important;
    line-height: 1.45 !important;
    transform: none !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
  }

  #bo_list .d-md-table-row > .mobtimefldcls,
  #bo_list .d-md-table-row > .mobtimepadcls,
  #bo_list .d-md-table-row > .mobile-metric-cell,
  #bo_list .d-md-table-row > .cpostnamecls,
  #bo_list .d-md-table-row > #mttip_wr_name_wrap,
  #bo_list .d-md-table-row > #mttip_date_pc,
  #bo_list .d-md-table-row > #mttip_hit_wrap,
  #bo_list .d-md-table-row > .mttip-mobile-reaction-pc {
    position: relative;
    vertical-align: middle !important;
  }

  #bo_list .board-list-align {
    position: absolute;
    top: 50%;
    left: 0.25rem;
    right: 0.25rem;
    display: flex;
    min-height: 20.3px;
    line-height: 20.3px;
    transform: translateY(-50%);
  }

  #bo_list .cpostnamecls .sv_wrap > .sv_member:not(.member-name-stacked),
  #bo_list .cpostnamecls .sv_wrap > .sv_guest:not(.member-name-stacked),
  #bo_list #mttip_wr_name_wrap .sv_wrap > .sv_member:not(.member-name-stacked),
  #bo_list #mttip_wr_name_wrap .sv_wrap > .sv_guest:not(.member-name-stacked) {
    display: inline-flex;
    align-items: center;
    transform: none !important;
    vertical-align: middle !important;
  }

  #bo_list .cpostnamecls .sv_wrap,
  #bo_list #mttip_wr_name_wrap .sv_wrap {
    vertical-align: middle !important;
  }

  #bo_list .cpostnamecls .member-name-stacked__icons,
  #bo_list #mttip_wr_name_wrap .member-name-stacked__icons {
    align-items: center !important;
    gap: 2px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
  }

  #bo_list .cpostnamecls .member-name-stacked__icons .xp-icon,
  #bo_list .cpostnamecls .member-name-stacked__icons .profile_img,
  #bo_list #mttip_wr_name_wrap .member-name-stacked__icons .xp-icon,
  #bo_list #mttip_wr_name_wrap .member-name-stacked__icons .profile_img {
    margin: 0 !important;
    vertical-align: middle !important;
  }

  #bo_list .cpostnamecls .member-name-stacked .member-visual__name,
  #bo_list #mttip_wr_name_wrap .member-name-stacked .member-visual__name {
    align-self: center;
    line-height: 1.45 !important;
    vertical-align: middle !important;
  }

  #bo_list #mttip_wr_name_wrap,
  #bo_list #mttip_wr_name_wrap .sv_member,
  #bo_list #mttip_wr_name_wrap .sv_member.en,
  #bo_list #mttip_wr_name_wrap .sv_guest,
  #bo_list #mttip_wr_name_wrap .member-visual__name {
    color: #343a40 !important;
  }

  #bo_list .cpostnamecls .member-name-stacked--long .member-name-stacked__icons,
  #bo_list #mttip_wr_name_wrap .member-name-stacked--long .member-name-stacked__icons {
    flex-basis: auto;
  }

  #bo_list .cpostnamecls .member-name-stacked--long .member-visual__name,
  #bo_list #mttip_wr_name_wrap .member-name-stacked--long .member-visual__name {
    flex: 0 0 auto;
    flex-basis: auto;
    min-width: 0;
    max-width: none;
    overflow: visible;
    overflow-wrap: normal;
    text-overflow: clip;
    white-space: nowrap;
  }
}

#custom_page_header .hide-photo1,
#event_header .hide-photo1 {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

#custom_page_header .hide-photo1 .sv_wrap,
#event_header .hide-photo1 .sv_wrap {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

#custom_page_header .hide-photo1 .profile_img,
#event_header .hide-photo1 .profile_img,
.event_bgs .hide-photo1 .profile_img,
#bo_v_info .sv_wrap > .sv_member .profile_img,
#bo_v_info .sv_wrap > .sv_guest .profile_img {
  flex-shrink: 0;
  margin-right: 0;
}

/* 게시글 상세/댓글 메타는 텍스트, 레벨 아이콘, 날짜를 같은 행 중심선에 맞춘다. */
#custom_page_header .cuser-info-wrap {
  align-items: center;
}

#custom_page_header .cuser-info-wrap > div,
#custom_page_header .cuser-info-wrap > div > div,
#custom_page_header .user-nickname,
#custom_page_header .commenttimesec,
#custom_page_header .totviewcnt,
#custom_page_header .totcmtcnt,
#custom_page_header .totgoodcnt,
#custom_page_header .totnogoodcnt {
  min-height: 27px;
  line-height: 27px;
}

#custom_page_header .user-nickname,
#custom_page_header .hide-photo1,
#custom_page_header .hide-photo1 .sv_wrap,
#custom_page_header .hide-photo1 .member-name-stacked,
#custom_page_header .commenttimesec,
#custom_page_header .totviewcnt,
#custom_page_header .totcmtcnt,
#custom_page_header .totgoodcnt,
#custom_page_header .totnogoodcnt {
  display: inline-flex;
  align-items: center;
}

#custom_page_header .user-nickname > .sv_member:empty {
  display: none;
}

#custom_page_header .hide-photo1,
#custom_page_header .hide-photo1 .sv_wrap,
#custom_page_header .hide-photo1 .member-name-stacked,
#custom_page_header .hide-photo1 .member-name-stacked__icons,
#custom_page_header .hide-photo1 .member-visual__name {
  height: 27px;
  line-height: 27px;
}

#bo_v_info ul.d-flex,
.comment-post .event_bgs ul.d-flex {
  align-items: center !important;
}

#bo_v_info ul.d-flex > li,
.comment-post .event_bgs ul.d-flex > li {
  display: flex;
  align-items: center;
  min-height: 25px;
}

.comment-post .event_bgs ul.d-flex > li.flex-grow-1 {
  justify-content: flex-end;
}

.comment-post .event_bgs .hide-photo1,
.comment-post .event_bgs .hide-photo1 .sv_wrap,
.comment-post .event_bgs .hide-photo1 .member-name-stacked,
.comment-post .event_bgs .hide-photo1 .member-name-stacked__icons,
.comment-post .event_bgs .hide-photo1 .member-visual__name,
.comment-post .event_bgs time,
#bo_v_info .sv_wrap,
#bo_v_info .member-name-stacked,
#bo_v_info .member-name-stacked__icons,
#bo_v_info .member-visual__name,
#bo_v_info time {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  line-height: 25px;
}

.cuser-info-wrap > div.usrniknamesec:after,
.cuser-info-wrap > div.commenttimesec:after,
.cuser-info-wrap > div.totviewcnt:after,
.cuser-info-wrap > div.totcmtcnt:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 12px;
  background: #d4d6d7;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

#custom_page_header {
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d4d6d7;
}

.bo_safety_top_con_wrap {
  padding-left: 0;
  padding-right: 0;
}

.tbl_bo_safety_info tr th {
  background: #fff;
  color: #303437;
  border: 1px solid #e8e9eb !important;
}

.bo_safety_view_con_line .text {
  border-radius: 0 !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  padding: 5px 0 !important;
  color: #303437 !important;
  background: #fff !important;
  border-bottom: 2px solid #a66eff !important;
}

.bo_safety_view_con_line .bar {
  background: #a66eff !important;
  height: 2px !important;
  margin-top: -2px !important;
}

.bo_safety_view_con_line {
  margin-bottom: 10px !important;
}

.bo_safety_top_con_wrap {
  margin: 10px 0 10px;
}

.btopnone {
  border-top: none !important;
}

.evsubcomment .cmt-wrap {
  padding-top: 10px;
  padding-bottom: 10px;
}

.cmt-wrap.comment-post.comment-post-replys {
  padding-left: 35px;
  padding-right: 20px;
  background-color: #f7f9fa;
}

.comment-post-replys .event_bgs {
  border-top: none !important;
  padding-top: 0 !important;
  padding-bottom: 5px !important;
}

.comment-post .event_bgs {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.event_bgs .hide-photo1 {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

.event_bgs .hide-photo1 .sv_wrap {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

.event_bgs .hide-photo1 a.sv_member,
.event_bgs .hide-photo1 a.sv_guest {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  line-height: inherit;
  vertical-align: middle;
}

.event_bgs .hide-photo1 .profile_img {
  flex-shrink: 0;
  margin-right: 0;
}

.custom_top_nav_div {
  clear: both;
}

.bo_mttip_info_img_wrap {
  float: left;
  width: 330px;
  height: 266px;
  margin-right: 15px;
}

.bo_mttip_info_tbl_wrap {
  float: left;
  width: calc(100% - 345px);
  box-shadow: 5px 5px 8px rgb(50 60 70 / 10%);
  -webkit-box-shadow: 5px 5px 8px rgb(50 60 70 / 10%);
  -moz-box-shadow: 5px 5px 8px rgb(50 60 70 / 10%);
  border-radius: 10px;
  max-width: 100%;
}

.bo_mttip_top_con_wrap {
  margin: 0px 0 20px;
  padding-left: 0;
  padding-right: 0;
}

.tbl_bo_mttip_info tr th {
  background: #fff;
  color: #303437;
  border: 1px solid #e8e9eb !important;
}

.bo_mttip_view_con_line .text {
  border-radius: 0 !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  padding: 5px 0 !important;
  color: #303437 !important;
  background: #fff !important;
  border-bottom: 2px solid #a66eff !important;
}

.bo_mttip_view_con_line .bar {
  background: #a66eff !important;
  height: 2px !important;
  margin-top: -2px !important;
}

.bo_mttip_view_con_line {
  margin-bottom: 10px !important;
}

.view-content h2 {
  font-size: 1.5em;
  line-height: 1.4;
}

.view-content h3 {
  font-size: 1.17em;
  line-height: 1.45;
}

.view-content h2 span {
  font-size: inherit !important;
  line-height: inherit !important;
}

.view-content h3 span {
  font-size: inherit !important;
  line-height: inherit !important;
}

.view-content p {
  font-size: inherit !important;
  line-height: inherit !important;
}

#bo_v_con .view-content a.view_image {
  display: block;
  width: fit-content;
  max-width: 100%;
  max-width: min(100%, 680px);
  margin-left: auto;
  margin-right: auto;
}

#bo_v_con .view-content img[src*="/data/editor/"],
#bo_v_con .view-content img.img-fluid,
#bo_v_con .view-content a.view_image > img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-width: min(100%, 680px) !important;
  max-height: none !important;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  #bo_v_con .view-content a.view_image {
    max-width: 100%;
  }

  #bo_v_con .view-content img[src*="/data/editor/"],
  #bo_v_con .view-content img.img-fluid,
  #bo_v_con .view-content a.view_image > img {
    max-width: 100% !important;
    max-height: none !important;
  }
}

.home-main-adsec {
  position: relative;
}

.left-adsec {
  position: absolute;
  left: -180px;
  width: 180px;
  z-index: 100;
}

.right-adsec {
  position: absolute;
  right: -180px;
  width: 180px;
  z-index: 100;
}

.tbl_bo_safety_info tr td a.at-tip img {
  margin-top: -3px;
  margin-left: 3px;
}

a.btn_safety_view {
  height: 80% !important;
}

li.custom-banner-pad {
  padding: 3px;
}
/*
li.custom-board-banner {
  height: 135px;
} */
li.custom-board-banner {
  height: 100%;
}

.right-adsec .services {
  padding-top: 0;
}

.left-adsec .services {
  padding-top: 0;
}

#home_left_ad li:first-child,
#home_right_ad li:first-child {
  padding-top: 0 !important;
}

.cpad12 {
  padding: 12px;
}

.cfize20px {
  font-size: 20px !important;
}

.nonadmincloseicon {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
}

.ctxtleft {
  text-align: left;
}

.event_bgs.by-writer {
  background: none !important;
  border-top: 0px solid #f6cece !important;
}

#bo_gallery .list-item-div {
  padding-bottom: 0px !important;
}

#bo_gallery .img-wrap .img-item img {
  height: auto;
}

/* Reduce the size of the scrollbar */
::-webkit-scrollbar {
  width: 5px; /* Vertical scrollbar */
  height: 5px; /* Horizontal scrollbar */
}

/* Change the color of the scrollbar thumb (the draggable part) */
::-webkit-scrollbar-thumb {
  background-color: #a66eff; /* Set color */
  border-radius: 5px; /* Optional: Make the thumb rounded */
}

/* Change the color of the scrollbar track (the background) */
::-webkit-scrollbar-track {
  background: #f1f1f1; /* Set background color */
  border-radius: 10px; /* Optional: Make the track rounded */
}

/* Optional: On hover, change the scrollbar thumb color */
::-webkit-scrollbar-thumb:hover {
  background-color: #a66eff; /* Darker color when hovered */
}