@charset "utf-8";

table.bbslist {
  box-sizing: border-box;
  width: 100%;
  border: none;
  border-spacing: 0;
  color: var(--Gray-80, #43454C);
}

table.bbslist th
,table.bbslist td
,table.bbslist col {
  border: none;
  text-align: center;
  box-sizing: border-box;
  font-family: "Pretendard JP";
  font-style: normal;
}

table.bbslist th {
  background-color: var(--Table-Deep-Header-bg, var(--Gray-60));
  color: var(--Table-Deep-Header-fg, var(--Gray-0));
  padding: 12px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

table.bbslist th > input {
  display: block;
}

table.bbslist th:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

table.bbslist th:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

table.bbslist td {
  padding: 16px 12px;
  border-bottom: 1px solid var(--Gray-20, #E1E4E9);
  
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

table.bbslist td > input {
  display: block
}

table.bbslist .left {
  text-align: left;
}

table.bbslist .row_box{
  display: flex;
  justify-content: space-between;
}

table.bbslist .right {
  text-align: right;
}

table.bbslist .row_link {
  cursor: pointer;
}

table.bbslist .row_link:hover .row_title {
  text-decoration: underline;
  color: var(--Primary-55, #D31B50) !important;
}

table.bbslist .row_link:hover td {
/*   background-color: var(--Gray-5, #F9F9FB); */
}

table.bbslist .row_title {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

table.bbslist a:hover {
  text-decoration: underline;
  color: var(--Primary-55, #D31B50) !important;
}

table.bbslist .row_title > span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

table.bbslist .unread .row_title {
  color: var(--Gray-100, #1C1D20);
  background-image: url(/ilos/images/icon/ellipse_red.png);
  background-position: center left 0;
  background-repeat: no-repeat;
  background-size: 6px;
  margin-left: -12px;
  padding-left: 12px;
}

table.bbslist .unread .reply .row_title {
  background-position: center left 2px;
  margin-left: -14px;
  padding-left: 14px;
}

table.bbslist .row_title .week {
  margin-right: 2px;
  flex-shrink: 0;
}

table.bbslist .row_title .clip {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  background-image: url(/ilos/images/icon/clip_50.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

table.bbslist tr.close .row_title {
  color: var(--Gray-50, #858B97);
  /*
  background-image: url(/ilos/images/icon/lock_gray_40.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 24px;
  padding-left: 32px;
  */
}

table.bbslist .row_info {
  margin-top: 12px;
  color: var(--Gray-60);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

table.bbslist .row_info > div:not(.mobile_view) {
  display: flex;
  gap: 12px;
  align-items: center;
}

table.bbslist .row_info .separate {
  flex: 0 0 1px;
  width: 1px;
  height: 12px;
  background-color: var(--Gray-20, #E1E4E9);
}

table.bbslist .row_info .comment {
  color: var(--Primary-50, #3882FF);
  background-image: url(/ilos/images/icon/comment_50.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-left: 20px;
}

table.bbslist .row_info .view 
,table.bbsview .count .view
{
  background-image: url(/ilos/images/icon/view_gray_50.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-left: 22px;
}

html.theme_dark table.bbslist .row_info .view, 
html.theme_dark table.bbsview .count .view
{
  background-image: url(/ilos/images/icon/view_gray_50_dark.png);
}

table.bbslist .row_info .mobile_view {
  display: none;
  gap: 8px;
  align-items: center;
}

table.bbslist .download 
,table.bbslist .media 
{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  width:48px;
  height:48px;
  cursor: pointer;
}

table.bbslist .media{
  background-image: url(/ilos/images/icon/media_player_gray_70.png);
}

table.bbslist .download {
  background-image: url(/ilos/images/icon/download_gray_70.png);
}

table.bbslist .media:hover{
  background-image: url(/ilos/images/icon/media_player_gray_90.png);  
  border-radius: var(--Corner-radius-4, 4px);
  background-color: var(--Gray-10, #F0F1F4);    
}

table.bbslist .download:hover{
  background-image: url(/ilos/images/icon/download_gray_90.png);
  border-radius: var(--Corner-radius-4, 4px);
  background-color: var(--Gray-10, #F0F1F4);  
}


table.bbslist .mobile_row_top {
  display: none;
  margin-bottom: 8px;
  align-items: center;
  justify-content: space-between;
}


table.bbslist .fixed
,table.bbslist .lock
,table.bbslist .link 
{
  display: inline-block;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

table.bbslist .mobile_icon{
  display: none;
  margin-right: 4px;
  align-items: center;
  justify-content: center;
}

table.bbslist .fixed {
  background-image: url(/ilos/images/icon/fixed_gray_80.png);  
}

table.bbslist .lock {
  background-image: url(/ilos/images/icon/lock_gray_40.png);  
}

table.bbslist .link {
  background-image: url(/ilos/images/icon/link_gray_80.png);  
}

table.bbslist .row_title .fixed
,table.bbslist .row_title .link {
/*   display: none; */
}

table.bbslist .color_red {
  color: var(--Error, #FF444E);
}

table.bbslist .color_gray {
  color: var(--Gray-40, #ACB0B9);
}

table.bbslist .icon_check
,table.bbslist .icon_close {
  margin: 0 auto;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

table.bbslist .icon_check {
  background-image: url(/ilos/images/icon/check.png);
}

table.bbslist .icon_close {
  background-image: url(/ilos/images/icon/close_red.png);
}

table.bbslist td.reply {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

table.bbslist td.reply .icon_reply {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background-image: url(/ilos/images/icon/reply_gray_40.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 20px;
}

table.bbslist .file_download_btn {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: var(--Corner-radius-4, 4px);
  background-image: url(/ilos/images/icon/download_gray_70.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  cursor: pointer;
}

table.bbslist .file_download_btn:hover {
  background-image: url(/ilos/images/icon/download_gray_90.png);
  background-color: var(--Gray-10, #F0F1F4);
}

table.bbslist .indent24 {
  padding-left: 24px;
}

table.bbslist2 {
  box-sizing: border-box;
  width: 100%;
  border: none;
  border-spacing: 0;
  color: var(--Gray-80, #43454C);
  border-top: 1px solid var(--Gray-50, #858B97);
}

table.bbslist2 th
,table.bbslist2 td
,table.bbslist2 col {
  border: none;
  text-align: center;
  box-sizing: border-box;
  font-family: "Pretendard JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  border-right: 1px solid var(--Gray-20, #E1E4E9);
  border-bottom: 1px solid var(--Gray-20, #E1E4E9);
}

table.bbslist2 th {
  background-color: var(--Gray-10, #F0F1F4);
  color: var(--Gray-90, #303236);
  padding: var(--Corner-radius-16, 16px);
}

table.bbslist2 td {
  padding: var(--Corner-radius-12, 12px);
}

table.bbslist2 th:last-child
,table.bbslist2 td:last-child {border-right: none;}
table.bbslist2 .left {text-align: left;}
table.bbslist2 .right {text-align: right;}
table.bbslist2 .row_box{
  display: flex;
  justify-content: space-between;
}
table.bbslist2 .row_link {cursor: pointer;}
table.bbslist2 .row_link:hover .row_title {
  text-decoration: underline;
  color: var(--Primary-55, #D31B50) !important;
}
table.bbslist2 .row_title > span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
table.bbslist2 .row_title {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
table.bbslist2 .row_title .clip {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  background-image: url(/ilos/images/icon/clip_50.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

table.bbslist2 a:hover {
  text-decoration: underline;
  color: var(--Primary-55, #D31B50) !important;
}

table.bbsview {
  box-sizing: border-box;
  width: 100%;
  border: none;
  border-spacing: 0;
  font-family: "Pretendard JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--Gray-95, #26282C);
  border-top: 1px solid var(--Table-Pale-Header-topline, var(--Gray-50));
}

table.bbsview.no_border {
  border:none;
}

table.bbsview > tr > th
,table.bbsview > thead > tr > th
,table.bbsview > tbody > tr > th
,table.bbsview > tfoot > tr > th
,table.bbsview > tr > td
,table.bbsview > thead > tr > td
,table.bbsview > tbody > tr > td
,table.bbsview > tfoot > tr > td
,table.bbsview > tr > col
,table.bbsview > thead > tr > col
,table.bbsview > tbody > tr > col
,table.bbsview > tfoot > tr > col {
  border: none;
  box-sizing: border-box;
}

table.bbsview > tr > th
,table.bbsview > thead > tr > th
,table.bbsview > tbody > tr > th
,table.bbsview > tfoot > tr > th {
  background-color: var(--Table-Pale-Header-bg, var(--Gray-10));
  color: var(--Table-Pale-Header-fg, var(--Gray-80));
  padding: 13px 12px 13px 12px;
  border-bottom: 1px solid var(--Table-Pale-Header-border, var(--Gray-20));
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

table.bbsview > tr > td
,table.bbsview > thead > tr > td
,table.bbsview > tbody > tr > td
,table.bbsview > tfoot > tr > td {
  padding: 13px 16px;
  border-bottom: 1px solid var(--Gray-20, #E1E4E9);
}

table.bbsview > tr:last-child > th
,table.bbsview > thead > tr:last-child > th
,table.bbsview > tbody > tr:last-child > th
,table.bbsview > tfoot > tr:last-child > th
,table.bbsview > tr:last-child > td
,table.bbsview > thead > tr:last-child > td
,table.bbsview > tbody > tr:last-child > td
,table.bbsview > tfoot > tr:last-child > td {
/*   padding: 16px 16px 14px 16px; */
/*   border-bottom: 2px solid var(--Gray-20, #E1E4E9); */
}

table.bbsview > tr > td.edit
,table.bbsview > thead > tr > td.edit
,table.bbsview > tbody > tr > td.edit
,table.bbsview > tfoot > tr > td.edit {
  padding: 30px 0 0 0;
  border-bottom: none;
}

.flex_var_gap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

table.bbsview .flex_var_gap.gap8 {
  gap: 8px;
}

table.bbsview .flex_var_gap.gap10 {
  gap: 10px;
}

table.bbsview .flex_var_gap.gap12 {
  gap: 12px;
}

table.bbsview .flex_var_gap.gap16 {
  gap: 16px;
}

table.bbsview .flex_var_gap.gap20 {
  gap: 20px;
}

table.bbsview .flex_var_gap.gap28 {
  gap: 28px;
}

table.bbsview .input_wrap {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}

table.bbsview .input_wrap > span {
  height: 40px;
  display: flex;
  align-items: center;
}

table.bbsview .left {
  text-align: left;
}

table.bbsview .right {
  text-align: right;
}

table.bbsview .center {
  text-align: center;
}

table.bbsview .list {
  list-style: none;
  margin-top: 10px;
  padding-left: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

table.bbsview .list:nth-of-type(n+2) {
  margin-top: 20px;
}

table.bbsview .list .list {
  margin-top: 2px;
}

table.bbsview .list .check_list {
  background-image: url(/ilos/images/icon/check_green.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 12px;
  padding-left: 18px;
}

html.theme_dark table.bbsview .list .check_list {
  background-image: url(/ilos/images/icon/check_green_dark.png);
}

table.bbsview .list .check_list.unchecked {
  background-image: url(/ilos/images/icon/check_gray_20.png);
  color: var(--Gray-40, #ACB0B9);
}

html.theme_dark table.bbsview .list .check_list.unchecked {
  background-image: url(/ilos/images/icon/check_gray_20_dark.png);
}

table.bbsview .textviewer {
  --table-textviewer-padding: 40px 0 60px 0; 
  padding: var(--table-textviewer-padding) !important;
}

table.bbsview > tr:last-child > th.textviewer
,table.bbsview > thead > tr:last-child > th.textviewer
,table.bbsview > tbody > tr:last-child > th.textviewer
,table.bbsview > tfoot > tr:last-child > th.textviewer
,table.bbsview > tr:last-child > td.textviewer
,table.bbsview > thead > tr:last-child > td.textviewer
,table.bbsview > tbody > tr:last-child > td.textviewer
,table.bbsview > tfoot > tr:last-child > td.textviewer {
  --table-textviewer-padding: 40px 8px 0 8px;
  border-bottom: none;
}

table.bbsview .textviewer .attach_container {
  margin-top: 60px;
  display: none;
}

table.bbsview .indent4 {
  padding-left: 4px;
}

table.bbsview .indent16 {
  padding-left: 16px;
}

table.bbsview .setting_explain {
  margin-top: 8px;
  color: var(--Gray-60, #676D79);
}

table.bbsview .vertical {
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
}

table.bbsview .horizontal {
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: nowrap;
}

table.bbsview .detail_link_wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--Gray-80, #43464C);
}

table.bbsview .detail_link_wrap .explain {
  color: var(--Gray-60, #676D79);
}

table.bbsview .detail_link_wrap > a {
  color: var(--Primary-50, #3882FF);
  text-decoration: underline;
}

table.bbsview .edit_attach_wrap {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

table.bbsview .date_time_btn_wrap {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}

table.bbsview .date_time_btn_wrap > span,
table.bbsview .date_time_btn_wrap > label {
  min-height: 40px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

table.bbsview .switch_sub_setting {
  display: flex;
  gap: 20px;
  flex-direction: column;
}

table.bbsview .select_sub_setting {
  margin-top: 12px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

table.bbsview .select_sub_setting > label {
  min-height: 40px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

table.bbsview .select_sub_setting > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

table.bbsview .select_sub_setting > div.row{
  display: flex;
  flex-direction:row;
  gap:8px;
  align-items: center;
  flex-wrap: wrap;
}

table.bbsview .table_setting_container {
  display: flex;
  gap: 0;
  flex-direction: row;
  border-bottom: 1px solid var(--Gray-20, #E1E4E9);
}
table.bbsview .table_setting_container .table_setting_wrap {
  flex:100%;
}
table.bbsview .table_setting_container .table_setting_wrap:nth-child(n+2) {
  border-left: 1px solid var(--Gray-20, #E1E4E9);
}

table.bbsview .no-border {
  border:none;
}
table.bbsview .badge_wrap {
  display: flex;
  align-items: center;
  gap:8px 12px;
  flex-wrap: wrap;
}

table.bbsview .subtext_wrap {
  flex-wrap:wrap;
  display: flex;
  align-items: center;
  gap: 8px;
}

table.bbsview .eval_dv_wrap {
  padding: 10px 0px;
}


.grid_table {
  display: grid;
}

.grid_table .error_msg_row {
  border-bottom: 1px solid var(--Gray-20, #E1E4E9);
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  color: var(--Gray-50);
}

.grid_table .grid_row {
  display: contents;
}

.grid_table .grid_row .grid_cell {
  background-color: var(--Gray-0, #FFF);
  border-bottom: 1px solid var(--Gray-20, #E1E4E9);
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.grid_table .grid_row.title_row .grid_cell {
  background-color: var(--Table-Deep-Header-bg, var(--Gray-60));
  align-items: center;
  justify-content: center;
}

.grid_table .grid_row .grid_cell.top {
  align-items: flex-start;
}

.grid_table .grid_row .grid_cell.bottom {
  align-items: flex-end;
}

.grid_table .grid_row .grid_cell.left {
  justify-content: flex-start;
}

.grid_table .grid_row .grid_cell.center {
  justify-content: center;
}

.grid_table .grid_row .grid_cell.right {
  justify-content: flex-end;
}

.grid_table .grid_row.title_row .grid_cell:first-child{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.grid_table .grid_row.title_row .grid_cell:last-child{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.grid_table .grid_row .grid_cell.left_bar {
  border-left: 1px solid var(--Gray-20, #E1E4E9);
}

.grid_table .grid_row.title_row .grid_cell.left_bar {
  border-left: 1px solid var(--Table-Deep-Header-border, var(--Gray-70));
}

.grid_table .grid_row.title_row .grid_cell {
  text-align: center;
  color: var(--Table-Deep-Header-fg, var(--Gray-0));
}

.grid_table .grid_row .grid_cell.no_padding {
  padding: 0;
}

.grid_table .grid_row .grid_cell.no_border {
  border: none;
}

.grid_table .grid_row.title_row .grid_cell2,
.grid_table .grid_row.title_row .grid_cell2.left_bar,
.statistic_grid_table .grid_row.title_row .grid_cell2.flex_grid > *{
  background-color: var(--Blue-90, #1F2B42);
/*   border-left: 1px solid var(--Gray-20, #E1E4E9); */
/*   border-bottom: 1px solid var(--Gray-20, #E1E4E9); */
}

.bbsview.excel_eval_caution_table.gubun,
.bbsview.excel_eval_caution_table{
  border: 1px solid var(--Gray-50, #6F737A);
}
.bbsview.excel_eval_caution_table.gubun{
  width: 550px;
}
.bbsview.excel_eval_caution_table .required{
  background: var(--Overlay-Selection, #2E2E30);
}
.bbsview.excel_eval_caution_table > tbody > tr > th{
  background: var(--Gray-10, #28292C);
}
.bbsview.excel_eval_caution_table > tbody > tr > th:not(:first-child){
  border-top: 1px solid var(--Contrast-Alpha-10, rgba(255, 255, 255, 0.10));
}
.bbsview.excel_eval_caution_table > tbody > tr > th:not(:first-child),
.bbsview.excel_eval_caution_table > tbody > tr > td{
  border-left: 1px solid var(--Contrast-Alpha-10, rgba(255, 255, 255, 0.10));
}

table.bbsview .align_start{
  align-items: flex-start;
}

table.bbsview .input_wrap.align_center{
  align-items: center;
}

table.bbsview .input_wrap.align_center.gap4{
  gap: 4px;
}

table.bbsview .input_wrap.align_center.gap4 > svg path{
  fill: var(--Gray-80, #C7C9CC);
}

table.bbsview .input_wrap.align_center.gap12{
  gap: 12px;
}

table.bbsview .setting_explain.margin4 {
  margin-top: 4px;
}  

table.bbsview.margin12{
  margin-bottom: 12px;
}

@media screen and (max-width: 1180px) {
  table.bbslist:not(.no_border_top) {
    border-top: 1px solid var(--Gray-40, #ACB0B9);
  }

  table.bbslist th:not(.mobile_cell)
  ,table.bbslist td:not(.mobile_cell)
  ,table.bbslist col:not(.mobile_cell) {
    display: none;
  }
  
  table.bbslist th.mobile_last_th {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  
  table.bbslist td {
    padding: 12px 8px 15px 8px;
  }
  
  table.bbslist .row_title {
    gap: 4px;
  }
  
  table.bbslist tr.close .row_title {
    /* 
    background-size: 20px;
    padding-left: 28px;
     */
  }
  
  table.bbslist .row_title .clip {
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
  }
  
  table.bbslist .row_info {
    margin-top: 8px;
  }
  
  table.bbslist .row_info > div:not(.mobile_view) {
    gap: 8px;
  }
  
  table.bbslist .row_info .comment {
    background-size: 14px;
    padding-left: 18px;
  }
  
  table.bbslist .row_info .view {
    background-size: 14px;
    padding-left: 18px;
  }
  
  table.bbslist .row_info .mobile_view {
    display: flex;
  }
  
  table.bbslist .row_info .separate {
    height: 10px;
  }
  
  table.bbslist .mobile_row_top {
    display: flex;
  }
  
  table.bbslist .mobile_icon{
    display: flex;
  }
  
  table.bbslist .fixed
  ,table.bbslist .lock
  ,table.bbslist .link 
  {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
  }
  
  table.bbslist .row_title .fixed
  ,table.bbslist .row_title .link {
    display: block;
    margin-right: 2px;
  }
  
  table.bbslist .indent24{
    padding-left: 8px;
  }

  table.bbslist2 th:not(.mobile_cell)
  ,table.bbslist2 td:not(.mobile_cell)
  ,table.bbslist2 col:not(.mobile_cell) {
    display: none;
  }
  
  table.bbsview {
    border-top: 1px solid var(--Gray-40, #ACB0B9);
    font-size: 13px;
    line-height: 18px;
  }
  
  table.bbsview > colgroup
  ,table.bbsview > colgroup > col {
    display: none;
  }
  
  table.bbsview > tr > th
  ,table.bbsview > thead > tr > th
  ,table.bbsview > tbody > tr > th
  ,table.bbsview > tfoot > tr > th {
    padding: 10px 10px;
    font-size: 13px;
    line-height: 16px;
    width: 88px;
  }
  
  table.bbsview > tr > td
  ,table.bbsview > thead > tr > td
  ,table.bbsview > tbody > tr > td
  ,table.bbsview > tfoot > tr > td {
    padding: 10px 10px;
  }
  
  table.bbsview .date_time_btn_wrap > span {
    min-height: unset;
    align-self: center;
  }
  
  table.bbsview .select_sub_setting > label {
    min-height: 36px;
  }
  
  table.bbsview .flex_var_gap.gap8 {
    gap: 6px;
  }
  
  table.bbsview .indent4 {
    padding-left: 0;
  }
  
  table.bbsview .indent16 {
    padding-left: 12px;
  }
  
  table.bbsview .input_wrap > span {
    height: 36px;
  }
  
  table.bbsview > tr > td.edit
  ,table.bbsview > thead > tr > td.edit
  ,table.bbsview > tbody > tr > td.edit
  ,table.bbsview > tfoot > tr > td.edit {
    padding-top: 20px;
  }
  
  table.bbsview .edit_attach_wrap {
    gap: 20px;
  }
  
  table.bbsview .textviewer {
    --table-textviewer-padding: 24px 0 40px 0; 
  }
  
  table.bbsview .textviewer .attach_container {
    margin-top: 40px;
  }
  
  .grid_table .grid_row .grid_cell:not(.mobile_cell){
    display: none;
  }
  
  table.bbsview > tr:last-child > th.textviewer
  ,table.bbsview > thead > tr:last-child > th.textviewer
  ,table.bbsview > tbody > tr:last-child > th.textviewer
  ,table.bbsview > tfoot > tr:last-child > th.textviewer
  ,table.bbsview > tr:last-child > td.textviewer
  ,table.bbsview > thead > tr:last-child > td.textviewer
  ,table.bbsview > tbody > tr:last-child > td.textviewer
  ,table.bbsview > tfoot > tr:last-child > td.textviewer {
    --table-textviewer-padding: 28px 8px 20px 8px;
  }  
}