/* PC: 도서관명 칸 줄이고, 도서관정보/운영시간 여백 맞춤 */
.cell.ctg.w {
  width: 20% !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
  box-sizing: border-box;
}

.cell.ctg.w + .cell.tit {
  width: 31% !important;
  text-align: left;
  padding-left: 14px;
  padding-right: 12px;
  box-sizing: border-box;
}

.cell.ctg.w + .cell.tit + .cell.tit {
  width: 25% !important;
  text-align: left;
  padding-left: 14px;
  padding-right: 10px;
  box-sizing: border-box;
}

.cell.ctg.w + .cell.tit .note,
.cell.ctg.w + .cell.tit + .cell.tit .note {
  display: block;
  width: 100%;
  max-width: none;
  text-align: left;
}

.cell.ctg.w + .cell.tit .note ul,
.cell.ctg.w + .cell.tit + .cell.tit .note ul {
  display: block;
  width: 100%;
  margin: 0;
  padding-left: 14px;
  text-align: left;
  box-sizing: border-box;
}

.cell.ctg.w + .cell.tit .note li,
.cell.ctg.w + .cell.tit + .cell.tit .note li {
  line-height: 1.75;
  white-space: normal;
  word-break: keep-all;
}

/* 모바일: 도서관별 세로형으로 정돈 */
@media (max-width: 768px) {
  .listTable .head,
  .libList .head,
  .table .head,
  .tb .head,
  .row.head,
  .thead {
    display: none !important;
  }

  .cell.ctg.w,
  .cell.ctg.w + .cell.tit,
  .cell.ctg.w + .cell.tit + .cell.tit,
  .cell.ctg.w + .cell.tit + .cell.tit + .cell.dtd,
  .cell.ctg.w + .cell.tit + .cell.tit + .cell.dtd + .cell.btn {
    display: block !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
    box-sizing: border-box;
  }

  .cell.ctg.w {
    margin-top: 34px !important;
    padding-top: 22px !important;
    border-top: 1px solid #ddd;
    font-size: 18px;
    line-height: 1.4;
  }

  .cell.ctg.w strong {
    display: block;
    white-space: normal !important;
    word-break: keep-all !important;
  }

  .cell.ctg.w + .cell.tit,
  .cell.ctg.w + .cell.tit + .cell.tit,
  .cell.ctg.w + .cell.tit + .cell.tit + .cell.dtd {
    margin-top: 10px !important;
    font-size: 15px;
    line-height: 1.6;
  }

  .cell.ctg.w + .cell.tit .note,
  .cell.ctg.w + .cell.tit + .cell.tit .note {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    text-align: left !important;
  }

  .cell.ctg.w + .cell.tit .note ul,
  .cell.ctg.w + .cell.tit + .cell.tit .note ul {
    margin: 0 !important;
    padding-left: 18px !important;
  }

  .cell.ctg.w + .cell.tit .note li,
  .cell.ctg.w + .cell.tit + .cell.tit .note li {
    line-height: 1.65 !important;
    white-space: normal !important;
    word-break: keep-all !important;
  }

  .cell.ctg.w + .cell.tit + .cell.tit + .cell.dtd {
    color: #333;
  }

  .cell.ctg.w + .cell.tit + .cell.tit + .cell.dtd::before {
    content: "휴관일 : ";
    font-weight: 700;
  }

  .cell.ctg.w + .cell.tit + .cell.tit + .cell.dtd + .cell.btn {
    margin-top: 14px !important;
    padding-bottom: 24px !important;
  }

  .cell.btn .btTxt,
  .cell.btn a {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    text-align: center !important;
  }
}

@media (max-width: 768px) {
  .cell.ctg.w:first-child + .cell.tit + .cell.tit + .cell.dtd::before,
  .cell.dtd:first-child::before {
    content: none !important;
  }

  .cell.dtd::before {
    font-weight: 400 !important;
  }
}

/* 메인페이지 배경 좌우 여백 보정 */
section.template .headline {
  background-color: #261e1c;
  background-position: center bottom;
  background-repeat: no-repeat;
}

/* 메인페이지 배경 이미지를 화면 폭에 맞게 확장 */
section.template .headline {
  background-size: cover;
}

/* 메인페이지 최상위 영역 폭 보정 */
body,
html,
#app,
.container {
  width: 100%;
  min-width: 100%;
}

/* 메인페이지 배경 전체 확장 */
section.template .headline {
  background-color: #261e1c;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

/* 통합(public) 메인페이지 배경 잘림 보정 */
section.template .headline {
  background-color: #261e1c;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

html,
body,
#app,
.container,
.layout-public {
  background-color: #261e1c;
}