.c-panel__thum {
  height: 228px;
}

/* .c-panel {
  height: 407px;
} */

.c-panel__thum img {
  height: 100%;
  border-radius: 4px;
}

.c-panel__data .c-panel__subtitle {
  font-size: 12px;
  font-weight: 500;
  color: #ADADAD;
}

.c-panel__data .c-panel__title {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: initial;
}

.c-panel__data .c-panel__status {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  font-size: 14px;
  padding: 2px 0;
  margin: 16px auto 4px;
}

.c-panel__thum .no-image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 16px;
  background-color: rgb(245 245 245);
}

.c-panel__status--process {
  background: #E96158;
}

.notification_detail_modal .p-modal__container {
  width: calc(100% - 440px);
  max-width: 1000px;
  height: 652px;
}
.notification_detail_modal .p-modal__body {
  padding: 40px;
  height: 100%;
}

.notification_detail_modal .p-modal__choose {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
}

.notification_detail_modal .p-modal__header {
  display: grid;
}

.notification_detail_modal .p-modal__header span:nth-child(1),
.notification_detail_modal .p-modal__body div:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.notification_detail_modal .p-modal__header span:nth-child(2) {
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
  padding-bottom: 24px;
}

.notification_detail_modal .p-modal__body div:nth-child(2) {
  line-height: 24px;
  white-space: break-spaces;
  max-height: 384px;
  overflow-y: auto;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.notification_detail_modal .p-modal__body div:nth-child(2)::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.notification_detail_modal .p-modal__body div:nth-child(2) {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.notification_detail_modal .p-modal-inner {
  overflow: hidden;
}

.notification_detail_modal .p-modal__choose-item {
  width: 100%;
}

.p-game__announce-board {
  z-index: 10;
}

@media only screen and (max-width: 767px) {
  .notification_detail_modal .p-modal__container {
    width: calc(100% - 120px);
  }
}

@media only screen and (max-width: 480px) {
  .notification_detail_modal .p-modal__container {
    width: calc(100% - 48px);
  }
}

a.notification_item {
  color: #000;
}

.notification_detail_modal .over-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.login-text {
  color: #242424;
}