/*
 * 멘토 어드민 모바일 반응형 오버라이드
 *
 * 적용 조건:
 *   - AppShell.tsx에서 화이트리스트 경로 + 모바일 기기일 때만
 *     body.is-mentor-mobile 클래스 추가 + viewport=device-width
 *
 * 대상 경로 (AppShell의 MOBILE_ROUTE_PREFIXES):
 *   /leading/view                 (리포트 리스트/신청)
 *   /insight/view                 (리포트 상세)
 *   /feature/featureBoardWrite    (리포트 작성)
 *   /feature/featureBoardView     (리포트 글 보기 — exe 챗 바로가기 대응)
 *
 * 스코프: body.is-mentor-mobile 네임스페이스만 영향
 * PC 및 다른 페이지에는 절대 영향 없음
 */

body.is-mentor-mobile {
  min-width: 0 !important;
  overflow-x: hidden;
}

/* ========== 헤더 / 사이드바 ========== */
body.is-mentor-mobile .mentor_wrap {
  overflow: hidden;
  min-height: auto;
  display: block !important;
}
body.is-mentor-mobile .mentor_wrap:before {
  display: none !important;
}
/* 사이드바 기본 숨김 (햄버거 버튼으로 열 때만 노출) */
body.is-mentor-mobile .mentor_wrap > .cm_nav_wrap,
body.is-mentor-mobile .mentor_wrap > aside.cm_nav_wrap,
body.is-mentor-mobile .mentor_wrap > #mentor-sidebar {
  display: none !important;
}
body.is-mentor-mobile .mentor_wrap.is-sidebar-open > .cm_nav_wrap,
body.is-mentor-mobile .mentor_wrap.is-sidebar-open > aside.cm_nav_wrap,
body.is-mentor-mobile .mentor_wrap.is-sidebar-open > #mentor-sidebar {
  display: block !important;
  position: fixed !important;
  top: 56px !important;
  left: 0 !important;
  width: 80vw !important;
  max-width: 320px !important;
  height: calc(100vh - 56px) !important;
  overflow-y: auto !important;
  z-index: 9999 !important;
  float: none !important;
  background: #fff !important;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}
body.is-mentor-mobile .sidebar-overlay {
  display: none;
}
body.is-mentor-mobile .mentor_wrap.is-sidebar-open .sidebar-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9998;
}

/* ========== 본문 컨테이너 ========== */
body.is-mentor-mobile .mentor_wrap .view_cont,
body.is-mentor-mobile .mentor_wrap > .view_cont {
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 16px 12px 100px 12px !important;
  box-sizing: border-box !important;
  background: transparent !important;
}
body.is-mentor-mobile .view_cont .box_tit {
  display: block !important;
  padding-bottom: 12px !important;
  margin-bottom: 16px !important;
  border-bottom: 1px solid #ddd;
}
body.is-mentor-mobile .view_cont h2.cm_tit {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 1.4 !important;
}
body.is-mentor-mobile .view_cont .box_tit .history {
  float: none !important;
  display: block !important;
  margin-top: 6px !important;
  font-size: 11px !important;
  color: #888;
}
body.is-mentor-mobile .view_cont .box_tit small {
  font-size: 14px !important;
  line-height: 1.4 !important;
}

/* ========== 공지/안내 박스 ========== */
body.is-mentor-mobile .view_cont .box_noti {
  padding: 12px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
body.is-mentor-mobile .view_cont .box_noti h4.cm_subtit {
  font-size: 13px !important;
  margin-bottom: 6px !important;
}
body.is-mentor-mobile .view_cont .box_noti .cm_txt {
  display: inline !important;
  font-size: 12px !important;
}

/* ========== 검색 영역 (리스트) ========== */
body.is-mentor-mobile .view_cont .box_search {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding: 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  align-items: center !important;
}
body.is-mentor-mobile .view_cont .box_search .label {
  flex: 0 0 100%;
  font-size: 13px;
  margin-bottom: 4px;
}
body.is-mentor-mobile .view_cont .box_search .cm_from_period {
  display: flex !important;
  flex: 1 1 100% !important;
  gap: 4px;
  align-items: center;
}
body.is-mentor-mobile .view_cont .box_search .cm_form_wrap {
  flex: 1 1 auto;
  min-width: 0;
}
body.is-mentor-mobile .view_cont .box_search .cm_form.text01,
body.is-mentor-mobile .view_cont .box_search .cm_form.text02 {
  width: 100% !important;
  min-width: 0 !important;
  font-size: 13px !important;
  padding: 8px !important;
  box-sizing: border-box !important;
}
body.is-mentor-mobile .view_cont .box_search .cm_form.select {
  width: auto !important;
  min-width: 80px;
  max-width: 45%;
  font-size: 13px !important;
}
body.is-mentor-mobile .view_cont .box_search .btn_search {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
}
body.is-mentor-mobile .view_cont .box_search .btn_move {
  flex: 1 1 auto !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  height: auto !important;
  text-align: center !important;
  text-decoration: none !important;
}
body.is-mentor-mobile .view_cont .box_search .box_btn {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px;
  flex: 1 1 100%;
  align-items: center;
  margin-top: 4px;
  float: none !important;
  overflow: visible !important;
  width: 100% !important;
}
body.is-mentor-mobile .view_cont .box_search .box_btn .cm_btn_bg,
body.is-mentor-mobile .view_cont .box_search .box_btn .cm_btn_line {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  line-height: 1.3 !important;
}
body.is-mentor-mobile .view_cont .box_search .box_chk {
  flex: 1 1 auto;
  font-size: 13px;
  float: none !important;
}

/* ========== 리스트 테이블 (가로 스크롤) ========== */
body.is-mentor-mobile .view_cont .box_list {
  padding: 0 !important;
  margin-top: 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
body.is-mentor-mobile .view_cont .box_list > table.cm_table_wrap:not(.table_write) {
  min-width: 680px;
  font-size: 12px;
}
body.is-mentor-mobile
  .view_cont
  .box_list
  > table.cm_table_wrap:not(.table_write)
  > thead
  th,
body.is-mentor-mobile
  .view_cont
  .box_list
  > table.cm_table_wrap:not(.table_write)
  > tbody
  td {
  padding: 6px 4px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  word-break: break-all;
}
body.is-mentor-mobile
  .view_cont
  .box_list
  > table.cm_table_wrap:not(.table_write)
  > thead
  th {
  min-height: 0 !important;
  height: auto !important;
  line-height: 1.3 !important;
}

/* ========== 작성/신청 폼 (table_write, 세로 스택) ========== */
body.is-mentor-mobile .view_cont table.cm_table_wrap.table_write,
body.is-mentor-mobile .view_cont table.table_write,
body.is-mentor-mobile .view_cont .board_write table.cm_table_wrap {
  min-width: 0 !important;
  display: block !important;
  table-layout: auto !important;
  width: 100% !important;
  font-size: 14px;
  border: 1px solid #ddd;
  margin-top: 12px !important;
}
body.is-mentor-mobile .view_cont table.cm_table_wrap.table_write colgroup,
body.is-mentor-mobile .view_cont table.table_write colgroup,
body.is-mentor-mobile .view_cont .board_write table.cm_table_wrap colgroup,
body.is-mentor-mobile .view_cont table.cm_table_wrap.table_write col,
body.is-mentor-mobile .view_cont table.table_write col,
body.is-mentor-mobile .view_cont .board_write table.cm_table_wrap col {
  display: none !important;
  width: auto !important;
}
body.is-mentor-mobile .view_cont table.cm_table_wrap.table_write > tbody,
body.is-mentor-mobile .view_cont table.table_write > tbody,
body.is-mentor-mobile .view_cont .board_write table.cm_table_wrap > tbody {
  display: block !important;
  width: 100% !important;
}
body.is-mentor-mobile .view_cont table.cm_table_wrap.table_write > tbody > tr,
body.is-mentor-mobile .view_cont table.table_write > tbody > tr,
body.is-mentor-mobile .view_cont .board_write table.cm_table_wrap > tbody > tr {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid #e5e5e5 !important;
  box-sizing: border-box !important;
  cursor: default !important;
  overflow: visible !important;
  position: static !important;
}
body.is-mentor-mobile .view_cont table.cm_table_wrap.table_write > tbody > tr > th,
body.is-mentor-mobile .view_cont table.table_write > tbody > tr > th,
body.is-mentor-mobile .view_cont .board_write table.cm_table_wrap > tbody > tr > th {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  background: transparent !important;
  padding: 4px 0 6px 0 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #444 !important;
  border: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  line-height: 1.4 !important;
  position: static !important;
  float: none !important;
  overflow: visible !important;
  white-space: normal !important;
}
body.is-mentor-mobile .view_cont table.cm_table_wrap.table_write > tbody > tr > td,
body.is-mentor-mobile .view_cont table.table_write > tbody > tr > td,
body.is-mentor-mobile .view_cont .board_write table.cm_table_wrap > tbody > tr > td {
  display: block !important;
  width: 100% !important;
  padding: 4px 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  position: static !important;
  float: none !important;
  overflow: visible !important;
}

/* ========== 폼 입력 요소 ========== */
body.is-mentor-mobile .view_cont .cm_form.text01,
body.is-mentor-mobile .view_cont .cm_form.text02,
body.is-mentor-mobile .view_cont .cm_form.text03,
body.is-mentor-mobile .view_cont input[type="text"],
body.is-mentor-mobile .view_cont input[type="number"],
body.is-mentor-mobile .view_cont input[type="email"],
body.is-mentor-mobile .view_cont input[type="password"],
body.is-mentor-mobile .view_cont textarea {
  max-width: 100% !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
}
body.is-mentor-mobile .view_cont td input[type="text"],
body.is-mentor-mobile .view_cont td input[type="number"] {
  width: 100% !important;
}
body.is-mentor-mobile .view_cont td select {
  max-width: 100% !important;
  font-size: 14px !important;
}

/* ========== 라디오/체크박스 그룹 ========== */
body.is-mentor-mobile .view_cont .ctrl_radio_style1 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
body.is-mentor-mobile .view_cont #cblProgressType {
  display: flex !important;
  flex-wrap: wrap !important;
  row-gap: 10px !important;
  column-gap: 8px !important;
}
body.is-mentor-mobile .view_cont #cblProgressType .type_name {
  flex: 1 1 45% !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px;
  white-space: nowrap;
}

/* ========== 신청 폼: 구독 P 포인트 버튼 영역 ========== */
body.is-mentor-mobile .view_cont td.set_point {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
}
body.is-mentor-mobile .view_cont td.set_point .box_point {
  flex: 1 1 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px;
  margin: 0 !important;
}
body.is-mentor-mobile .view_cont td.set_point .box_point .cm_form.text01 {
  flex: 1 1 auto;
  text-align: right !important;
}
body.is-mentor-mobile .view_cont td.set_point .btn_point {
  flex: 1 1 45% !important;
  padding: 8px 4px !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
}
body.is-mentor-mobile .view_cont td.set_point small.txt_noti {
  flex: 1 1 100% !important;
  display: block !important;
  margin-top: 6px !important;
}

/* ========== 신청 폼: 시작일 영역 ========== */
body.is-mentor-mobile .view_cont td.set_start .cm_from_period {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  gap: 4px;
}
body.is-mentor-mobile .view_cont td.set_start .cm_form_wrap {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center;
  gap: 4px;
  min-width: 0 !important;
}
body.is-mentor-mobile .view_cont td.set_start .cm_form_wrap .cm_form.text02 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
body.is-mentor-mobile .view_cont td.set_start .cm_form_wrap .cm_btn_ic {
  flex: 0 0 auto !important;
}

/* 날짜 피커 팝업 */
body.is-mentor-mobile .flatpickr-calendar,
body.is-mentor-mobile .datepicker,
body.is-mentor-mobile .ui-datepicker {
  z-index: 99999 !important;
  max-width: 92vw !important;
  font-size: 13px !important;
}

/* ========== 버튼/액션 영역 ========== */
body.is-mentor-mobile .view_cont .box_btn {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-top: 16px !important;
}
body.is-mentor-mobile .view_cont .box_btn .cm_btn_bg,
body.is-mentor-mobile .view_cont .box_btn .cm_btn_line {
  flex: 1 1 45% !important;
  padding: 12px !important;
  font-size: 14px !important;
  min-width: 0 !important;
}

/* ========== 탭 (수평 스크롤) ========== */
body.is-mentor-mobile .view_cont .cm_tab {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  gap: 4px;
  padding: 0 !important;
  margin: 12px 0 !important;
  border-bottom: 1px solid #ddd;
}
body.is-mentor-mobile .view_cont .cm_tab .cm_tab_menu {
  flex: 0 0 auto !important;
}
body.is-mentor-mobile .view_cont .cm_tab .tablinks {
  padding: 10px 14px !important;
  font-size: 13px !important;
}

/* ========== 콘텐츠 영역 (에디터/이미지) ========== */
body.is-mentor-mobile .view_cont img {
  max-width: 100% !important;
  height: auto !important;
}
body.is-mentor-mobile .view_cont .tox-tinymce {
  max-width: 100% !important;
}
body.is-mentor-mobile .view_cont .tox.tox-tinymce {
  border: 1px solid #ddd !important;
}
body.is-mentor-mobile .view_cont .tox-toolbar,
body.is-mentor-mobile .view_cont .tox-toolbar__primary {
  flex-wrap: wrap !important;
}
body.is-mentor-mobile .view_cont iframe {
  max-width: 100% !important;
}

/* ========== 게시판 뷰 (댓글 등) ========== */
body.is-mentor-mobile .view_cont .board_view,
body.is-mentor-mobile .view_cont .borad_comment {
  padding: 0 !important;
}
body.is-mentor-mobile .view_cont .box_list.board_view {
  overflow-x: auto;
}

/* ========== 페이지네이션 ========== */
body.is-mentor-mobile .view_cont .pagination,
body.is-mentor-mobile .view_cont nav[role="navigation"] {
  margin-top: 16px !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
}

/* ========== 파일 첨부 ========== */
body.is-mentor-mobile .view_cont .file_attach_box {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px;
  align-items: center;
}
body.is-mentor-mobile .view_cont .file_attach_box .btn_attached {
  padding: 8px 14px !important;
  font-size: 13px !important;
}
body.is-mentor-mobile .view_cont .img_name {
  word-break: break-all;
}

/* ========== 캘린더/아이콘 버튼 ========== */
body.is-mentor-mobile .view_cont .cm_btn_ic {
  padding: 6px 10px !important;
  font-size: 14px !important;
}

/* ========== 툴팁/기타 ========== */
body.is-mentor-mobile .cm_tooltip_desc {
  max-width: 90vw !important;
  font-size: 12px !important;
}

/* ========== 리포트 상세 뷰 (featureBoardView) ========== */
/*
 * 대상: <div class="tab_cont mt20 board_view"> 하위
 *   - 레거시 table.cm_table_wrap.tale_view (주의: 오타 'tale_view' — 'table_view' 아님)
 *   - 제목/작성자 2컬럼 thead, 첨부파일/본문 tbody
 *   - TinyMCE HTML 본문 (.box_txt 내부 dangerouslySetInnerHTML)
 *
 * 특징: .view_cont 가 아니라 .tab_cont 루트이므로 별도 규칙 필요
 */
body.is-mentor-mobile .tab_cont.board_view {
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 12px !important;
  box-sizing: border-box !important;
  overflow-x: hidden;
}

/* 제목/메타 테이블을 모바일에서 세로 스택 */
body.is-mentor-mobile .tab_cont.board_view > table.cm_table_wrap {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  table-layout: auto !important;
  font-size: 14px;
  border-top: 2px solid #222;
  border-bottom: 1px solid #ddd;
}
body.is-mentor-mobile .tab_cont.board_view > table.cm_table_wrap colgroup,
body.is-mentor-mobile .tab_cont.board_view > table.cm_table_wrap col {
  display: none !important;
  width: auto !important;
}
body.is-mentor-mobile .tab_cont.board_view > table.cm_table_wrap > thead,
body.is-mentor-mobile .tab_cont.board_view > table.cm_table_wrap > tbody {
  display: block !important;
  width: 100% !important;
}
body.is-mentor-mobile .tab_cont.board_view > table.cm_table_wrap > thead > tr,
body.is-mentor-mobile .tab_cont.board_view > table.cm_table_wrap > tbody > tr {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}
body.is-mentor-mobile .tab_cont.board_view > table.cm_table_wrap > thead > tr > th,
body.is-mentor-mobile .tab_cont.board_view > table.cm_table_wrap > tbody > tr > th,
body.is-mentor-mobile .tab_cont.board_view > table.cm_table_wrap > thead > tr > td,
body.is-mentor-mobile .tab_cont.board_view > table.cm_table_wrap > tbody > tr > td {
  display: block !important;
  width: 100% !important;
  padding: 10px 12px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  text-align: left !important;
  box-sizing: border-box !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  overflow: visible !important;
  position: static !important;
}
/* 제목 영역 */
body.is-mentor-mobile .tab_cont.board_view > table.cm_table_wrap > thead > tr:first-child > th:first-child {
  padding: 14px 12px 6px 12px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border-bottom: 1px solid #eee !important;
}
/* 작성자명(우측 th) — 제목 아래 작게 */
body.is-mentor-mobile .tab_cont.board_view > table.cm_table_wrap > thead > tr:first-child > th:last-child {
  padding: 4px 12px 10px 12px !important;
  text-align: left !important;
  font-size: 13px !important;
  color: #666 !important;
  font-weight: 400 !important;
  border-bottom: 1px solid #eee !important;
}
/* 작성일 / 댓글수 / 조회 */
body.is-mentor-mobile .tab_cont.board_view > table.cm_table_wrap > thead > tr:nth-child(2) > th {
  padding: 8px 12px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #888 !important;
  border-top: 0 !important;
}
body.is-mentor-mobile .tab_cont.board_view > table.cm_table_wrap > thead > tr:nth-child(2) > th:last-child {
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #e5e5e5 !important;
}

/* 첨부파일 셀 */
body.is-mentor-mobile .tab_cont.board_view .cm_attached_wrap {
  padding: 12px !important;
  background: #fafafa !important;
  border-bottom: 1px solid #eee !important;
}
body.is-mentor-mobile .tab_cont.board_view .cm_attached_wrap .tit {
  display: block !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  font-size: 13px !important;
}
body.is-mentor-mobile .tab_cont.board_view .cm_attached_wrap .attached_list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.is-mentor-mobile .tab_cont.board_view .cm_attached_wrap .attached_list > li {
  display: block !important;
  padding: 4px 0 !important;
  font-size: 13px !important;
  word-break: break-all !important;
}
body.is-mentor-mobile .tab_cont.board_view .cm_attached_wrap .attached_list .file_save {
  display: inline-block;
  margin-left: 6px;
  font-size: 12px;
  color: #1a6dba;
}

/* 본문 (HTML 컨텐츠 + TinyMCE 렌더) */
body.is-mentor-mobile .tab_cont.board_view .box_txt {
  padding: 14px 12px !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  overflow-wrap: break-word;
  word-break: break-word;
}
body.is-mentor-mobile .tab_cont.board_view .box_txt img,
body.is-mentor-mobile .tab_cont.board_view .box_txt video,
body.is-mentor-mobile .tab_cont.board_view .box_txt iframe {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 8px auto;
}
body.is-mentor-mobile .tab_cont.board_view .box_txt table {
  max-width: 100% !important;
  display: block;
  overflow-x: auto;
}
body.is-mentor-mobile .tab_cont.board_view .box_txt pre {
  white-space: pre-wrap;
  word-break: break-word;
  max-width: 100%;
  overflow-x: auto;
}
body.is-mentor-mobile .tab_cont.board_view .box_txt .ic_noti {
  display: inline-block !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  border-radius: 3px !important;
  color: #fff !important;
  background: #e8373d !important;
}

/* 하단 버튼 (삭제/수정/목록)
   레거시 .cm_btn_bg/.cm_btn_line 는 height:28px + line-height:28px 고정이라
   모바일에서 padding 을 넣어도 텍스트가 잘림 → height:auto + line-height 재정의 */
body.is-mentor-mobile .tab_cont.board_view > ul.box_btn {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 16px 0 24px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  height: auto !important;
  overflow: visible !important;
}
body.is-mentor-mobile .tab_cont.board_view > ul.box_btn > li.box_right {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: 100% !important;
  justify-content: center !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
body.is-mentor-mobile .tab_cont.board_view > ul.box_btn .cm_btn_bg,
body.is-mentor-mobile .tab_cont.board_view > ul.box_btn .cm_btn_line {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 30% !important;
  min-width: 80px !important;
  max-width: 160px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: visible !important;
  vertical-align: middle !important;
}
/* 혹시 ml20 등 레거시 마진 클래스 적용되어 정렬 깨지면 제거 */
body.is-mentor-mobile .tab_cont.board_view > ul.box_btn .cm_btn_bg.ml20,
body.is-mentor-mobile .tab_cont.board_view > ul.box_btn .cm_btn_line.ml20 {
  margin-left: 0 !important;
}