.jju_gall_docu {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0; }
  .jju_gall_docu .docuTitle {
    margin: 0;
    padding: 0; }
    .jju_gall_docu .docuTitle .docuTitleText {
      margin: 0;
      padding: 0;
      font-size: 16px;
      font-weight: 700;
      color: #000;
      line-height: 20px;
      display: inline-block;
      vertical-align: middle; }
      .jju_gall_docu .docuTitle .docuTitleText:hover {
        cursor: pointer;
        text-decoration: underline;
        text-underline-position: under;
        transition: all 0.2s; }
  .jju_gall_docu .material-symbols-outlined02 {
    display: inline-block; }
    .jju_gall_docu .material-symbols-outlined02 img {
      margin: 0;
      padding: 0;
      width: 18px;
      height: 18px;
      vertical-align: middle;
      opacity: 50%; }
    .jju_gall_docu .material-symbols-outlined02:hover {
      cursor: pointer; }
      .jju_gall_docu .material-symbols-outlined02:hover img {
        opacity: 100%; }

.jju_gall_docu_inner {
  margin: 0;
  padding: 8px 0;
  width: 100%;
  overflow: hidden; }
  .jju_gall_docu_inner .document_list .list_grid {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 6px;
    row-gap: 6px; }
    .jju_gall_docu_inner .document_list .list_grid .list_grid_item {
      display: grid;
      justify-content: start;
      grid-template-columns: repeat(1, 1fr);
      row-gap: 2px; }
      .jju_gall_docu_inner .document_list .list_grid .list_grid_item .thumb_area {
        position: relative;
        overflow: hidden;
        vertical-align: top;
        width: 100%;
        height: 100%;
        border: 1px solid #EEE;
        border-radius: 6px;
        cursor: pointer; }
        .jju_gall_docu_inner .document_list .list_grid .list_grid_item .thumb_area img {
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1);
          -webkit-transition: .2s;
          -moz-transition: .2s;
          -ms-transition: .2s;
          -o-transition: .2s;
          transition: .2s; }
        .jju_gall_docu_inner .document_list .list_grid .list_grid_item .thumb_area a.comcount {
          position: absolute;
          right: 6px;
          bottom: 6px;
          display: inline-block;
          margin-left: 3px;
          padding: 1px 5px 3px 4px;
          border: 1px solid #555;
          border-radius: 2px;
          background-color: #FFF;
          font-family: var(--fontfamily2);
          font-size: 12px;
          font-weight: 700;
          color: var(--jscolor);
          line-height: 12px;
          vertical-align: 2px; }
          .jju_gall_docu_inner .document_list .list_grid .list_grid_item .thumb_area a.comcount::before {
            content: "";
            background-image: url("../img/comment_bar.png");
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 0 4px;
            display: inline-block;
            width: 4px;
            height: 12px;
            margin-left: -8px;
            margin-right: 4px; }
      .jju_gall_docu_inner .document_list .list_grid .list_grid_item:hover img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05); }
      .jju_gall_docu_inner .document_list .list_grid .list_grid_item .content_area {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 3px 0 5px 0; }
        .jju_gall_docu_inner .document_list .list_grid .list_grid_item .content_area .titlewrap {
          width: 100%;
          position: relative; }
          .jju_gall_docu_inner .document_list .list_grid .list_grid_item .content_area .titlewrap a.title {
            font-size: 14px;
            font-weight: 600;
            vertical-align: middle;
            line-height: 140%;
            display: -webkit-box;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical; }
        .jju_gall_docu_inner .document_list .list_grid .list_grid_item .content_area .author {
          text-align: right; }
          .jju_gall_docu_inner .document_list .list_grid .list_grid_item .content_area .author a {
            font-size: 13px;
            font-weight: 500; }
            .jju_gall_docu_inner .document_list .list_grid .list_grid_item .content_area .author a img {
              width: 13px;
              height: 13px;
              vertical-align: -2px !important; }
        .jju_gall_docu_inner .document_list .list_grid .list_grid_item .content_area .regdate {
          font-size: 12px;
          font-weight: 400;
          color: #888; }

@media all and (max-width: 1080px) {
  .jju_gall_docu_inner .document_list .list_grid {
    grid-template-columns: repeat(2, 1fr); } }
@media all and (max-width: 950px) {
  .jju_gall_docu_inner .document_list .list_grid {
    grid-template-columns: repeat(4, 1fr); } }
@media all and (max-width: 500px) {
  .jju_gall_docu_inner .document_list .list_grid {
    grid-template-columns: repeat(2, 1fr); } }
@media all and (max-width: 320px) {
  .jju_gall_docu_inner .document_list .list_grid {
    grid-template-columns: repeat(2, 1fr); } }