@charset "UTF-8";
/* grm 컴포넌트 작성 */
.und-item .und-card-thum,
.und-card .und-card-thum {
  font-size: 0;
}
.und-item .und-card-thum img,
.und-card .und-card-thum img {
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.und-item .item-tit-block .tit,
.und-item .card-tit-block .tit,
.und-card .item-tit-block .tit,
.und-card .card-tit-block .tit {
  margin-bottom: 12px;
  font-size: var(--front-h6);
  font-weight: 600;
  line-height: 140%;
}
.und-item .item-tit-block .txt,
.und-item .card-tit-block .txt,
.und-card .item-tit-block .txt,
.und-card .card-tit-block .txt {
  font-size: 20px;
  line-height: 150%;
  color: #878B92;
}

.und-card {
  padding: 20px;
  /* 축 별 */
}
.und-card.card-center .card-tit-block {
  text-align: center;
}
.und-card.card-overlay {
  position: relative;
  z-index: 2;
  padding: 0;
}
.und-card.card-overlay.overlay-top .card-tit-block {
  justify-content: flex-start;
}
.und-card.card-overlay.overlay-btm .card-tit-block {
  justify-content: flex-end;
}
.und-card.card-overlay .card-tit-block {
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.und-card.card-overlay .card-tit-block .tit {
  font-weight: 500;
  color: var(--color-white);
}
.und-card.card-overlay .card-tit-block .txt {
  color: #c6cbd4;
}
.und-card.card-overlay .und-card-thum {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.und-card.card-overlay .und-card-thum::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.und-card {
  /* Style 별 */
}
.und-card.card-frame-lg {
  border-radius: var(--front-rounded-lg);
  overflow: hidden;
}
.und-card.card-frame-lg .und-card-thum {
  border-radius: var(--front-rounded-md);
  overflow: hidden;
}

/* 게시판 요약 리스트 */
.summary-board-block {
  display: flex;
  align-items: stretch;
  min-width: 0;
}
.summary-board-block .qna-summary,
.summary-board-block .noti-summary {
  flex: 1;
  min-width: 0;
}
.summary-board-block .noti-summary .summary-board-list > .item .tit-box .tit {
  padding-left: 20px;
}
.summary-board-block .noti-summary .badge {
  color: var(--und-color-primary-50);
  border-color: var(--und-color-primary-50);
}
.summary-board-block .qna-summary .tit-box {
  position: relative;
  padding-left: 44px;
}
.summary-board-block .qna-summary .tit-box::before {
  content: "Q";
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--und-color-primary-50);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
  text-align: center;
}
.summary-board-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-333);
}
.summary-board-top .tit {
  font-size: var(--front-h4);
  font-weight: 700;
}
.summary-board-top .more-btn {
  background-color: var(--und-color-black);
  color: var(--color-white);
}
.summary-board-top .more-btn i {
  display: inline-block;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (hover: hover) and (pointer: fine) {
  .summary-board-top .more-btn:hover i {
    transform: rotate(180deg);
  }
}
.summary-board-list {
  padding-top: 24px;
}
.summary-board-list > .item {
  padding: 10px 0;
}
.summary-board-list > .item > a {
  display: flex;
  align-items: center;
  min-width: 0;
}
.summary-board-list > .item .tit-box {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 0;
}
.summary-board-list > .item .tit-box .badge {
  min-width: 50px;
  padding: 5px 6px;
  text-align: center;
}
.summary-board-list > .item .tit-box .tit {
  flex: 1;
  position: relative;
  min-width: 0;
  padding: 0 10px;
  padding-bottom: 3px;
  font-size: var(--front-h7);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.summary-board-list > .item .tit-box .tit:hover {
  color: var(--color-67);
}
.summary-board-list > .item .date {
  flex: 0;
  padding: 0 10px;
  font-size: var(--front-h7);
  color: var(--color-82);
}

/* //게시판 요약 리스트 */
/* Responsive */
@media screen and (max-width: 1600px) {
  .summary-board-block .noti-summary .summary-board-list > .item .tit-box .tit {
    padding-left: 18px;
  }
  .summary-board-list > .item .tit-box .badge {
    min-width: 48px;
  }
}
@media screen and (max-width: 1440px) {
  .und-item .item-tit-block .txt,
  .und-item .card-tit-block .txt,
  .und-card .item-tit-block .txt,
  .und-card .card-tit-block .txt {
    font-size: var(--front-h8);
  }
  .summary-board-block .noti-summary .summary-board-list > .item .tit-box .tit {
    padding-left: 16px;
  }
  .summary-board-list > .item .tit-box .badge {
    min-width: 46px;
  }
}
@media screen and (max-width: 1280px) {
  .und-card {
    padding: 18px;
  }
  .und-card.card-overlay .card-tit-block {
    padding: 18px;
  }
  .summary-board-block .noti-summary .summary-board-list > .item .tit-box .tit {
    padding-left: 14px;
  }
  .summary-board-block .qna-summary .tit-box {
    padding-left: 40px;
  }
  .summary-board-list > .item .tit-box .badge {
    min-width: 44px;
  }
}
@media screen and (max-width: 1024px) {
  .und-card {
    padding: 16px;
  }
  .und-card.card-overlay .card-tit-block {
    padding: 16px;
  }
  .summary-board-block .noti-summary .summary-board-list > .item .tit-box .tit {
    padding-left: 12px;
  }
  .summary-board-block .qna-summary .tit-box {
    padding-left: 36px;
  }
  .summary-board-block .qna-summary .tit-box::before {
    width: 26px;
    height: 26px;
    line-height: 26px;
  }
  .summary-board-list > .item .tit-box .badge {
    min-width: 42px;
  }
}
@media screen and (max-width: 768px) {
  .und-item .item-tit-block .txt,
  .und-item .card-tit-block .txt,
  .und-card .item-tit-block .txt,
  .und-card .card-tit-block .txt {
    font-size: 16px;
  }
  .und-card {
    padding: 14px;
  }
  .und-card.card-overlay .card-tit-block {
    padding: 14px;
  }
  .summary-board-block .noti-summary .summary-board-list > .item .tit-box .badge {
    padding: 4px 6px;
  }
  .summary-board-block .noti-summary .summary-board-list > .item .tit-box .tit {
    padding-left: 10px;
  }
  .summary-board-block .qna-summary .tit-box {
    padding-left: 33px;
  }
  .summary-board-block .qna-summary .tit-box::before {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
}
@media screen and (max-width: 360px) {
  .und-item .item-tit-block .txt,
  .und-item .card-tit-block .txt,
  .und-card .item-tit-block .txt,
  .und-card .card-tit-block .txt {
    font-size: 14px;
  }
  .und-card {
    padding: 12px;
  }
  .und-card.card-overlay .card-tit-block {
    padding: 12px;
  }
  .summary-board-list > .item .tit-box .tit {
    padding: 0 8px;
  }
  .summary-board-list > .item .date {
    padding: 0 8px;
  }
}