.subject-wrapper {border-top:2px solid #bbb; border-bottom:1px solid #ccc; background-color:#fdfdfd}
  #commentForm .writer {width:90px; border:0px; border-bottom:2px solid #eee}

  @media (max-width: 576px) {
    .sm-row {margin-left:-15px; margin-right:-15px;}
    .table,.pagination, .modal {font-size:0.9rem;}
    .smaller {font-size:0.7rem;}

    .form-control {
      height: calc(1.8125rem + 2px);
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: .2rem;
    }

    .btn {
      padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: .2rem;
    }
  }

  .commentDeleteButton {display:none;}
  .comment {word-break: break-all;}
  .comment:hover .commentDeleteButton {display:inline;}

  .speech-bubble {
    position: absolute;
    background: #ededed;
    border-radius: .4em;
    top: 25px;
      left: -30px;
    white-space:nowrap;
    display:none;
  }

  .speech-bubble:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #ededed;
    border-top: 0;
    margin-left: -10px;
    margin-top: -10px;
  }
  .table th {text-align:center;}
  .table thead th {vertical-align: middle}
  .table td, th {vertical-align: middle}

  a.page-link {color:#555;}

  .attachFile {display:table; padding:8px 14px; margin:6px 0px; border:1px solid #ddd;}
  .attachFile a {color:black; margin:10px;}

  #modFloat {display: none}
  #modFloat.active {display: block}

  /* CK 에디터 기본 크기 조정 */
  .ck-content.ck-editor__editable.ck-editor__editable_inline {
    min-height: 300px !important;
  }

  figure.image img {max-width:100%;}
  figure.table p {margin:0px;}
  figure.table th {vertical-align: middle}