/* 기능상 필요하여 추가로 작성한 파일 */

.toast {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: fit-content;
    padding: 12px 20px;
    color: #fff;
    font-family: "Noto Sans KR", sans-serif;
    background: hsla(0, 0%, 7%, 0.6);
    border-radius: 50px;
    display: inline-block;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
}

.toast.on {
    opacity: 1;
}

.no-copy {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
}

/*!* 사진 확대보기 *!*/
.image_viewer .viewer_overlay {background-color: rgba(0, 0, 0, 0.8) !important;} /* 검은색 반투명으로 조절 */
.image_viewer .viewer_view .image_center {align-content: center; max-width: 100%; max-height: 100%} /*수직 정렬*/
.image_viewer .viewer_view .image_center img {margin-top: 10vw; !important; object-fit: contain;} /*수직 정렬*/
.image_viewer .desc_overlay {background-color: transparent !important;}
.image_viewer .desc_wrap strong {color: white !important;}
/*.image_viewer .viewer_wrap .viewer_view { width: 100% !important; height: auto !important;}*/
/*.image_viewer .viewer_wrap .viewer_view .image_area { width: 100% !important; height: 100% !important; display: flex; flex-direction: column; justify-content: space-around; align-items: center; overflow: auto !important; }*/
/*.image_viewer .viewer_wrap .viewer_view .image_area .image_center {width: 100% !important;  height: auto !important; }*/
/*.image_viewer .viewer_wrap .viewer_view .image_area .image_center img { width: 100% !important; height: auto !important; object-fit: contain; margin-top: 0 !important;}*/

#photo_viewer_body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}
.image_viewer .image-wrapper {
  width: 90vw;
  height: 100%;
  max-height: 90vh;
  overflow: auto;
  /*display: flex;*/
  justify-content: center;
  align-items: center;
}
.image-wrapper .photo_viewer_img {
  max-width: unset;
  object-fit: initial;
}

#photo_viewer_body .photo_viewer_caption {
  color: white;
}
#photo_viewer .btn_close {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 15px;
  right: 15px;
  cursor: pointer;
  z-index: 10001;
}
.image-wrapper {
  scrollbar-width: thin; /* Firefox용 기본 설정 */
  scrollbar-color: #999 #eee; /* Firefox용 색상 */
}
.image-wrapper::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.image-wrapper::-webkit-scrollbar-track {
  background: transparent; /* 트랙 배경 없앰 */
}

.image-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.5); /* 흰색, 반투명 */
  border-radius: 4px;
}

.image-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.image-wrapper {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.5) transparent;
}
body.viewer-open {
  overflow: hidden;
}



b.search {
  font-weight: inherit;
  color: #556ccc!important
}

/* flatpickr css */
/* 전체 캘린더 크기 줄이기 */
/* 전체 달력 박스 크기 줄이기 */
.flatpickr-rContainer,
.flatpickr-weekdays,
.flatpickr-days,
.dayContainer,
.flatpickr-calendar {
  font-size: 11px !important;
  width: 200px !important;
  max-width: 200px !important;
  min-width: 200px !important;
}

/* 상단 월/년도 선택 영역 여백 조정 */
.flatpickr-months {
  padding: 4px 6px !important;
}

/* 월/년도 텍스트 크기 축소 */
.flatpickr-current-month {
  font-size: 13px !important;
}

/* 요일 헤더 줄이기 */
.flatpickr-weekdays {
  padding: 0 !important;
}

/* 날짜 셀 크기 조정 */
.flatpickr-day {
  width: 24px !important;
  height: 24px !important;
  line-height: 24px !important;
  font-size: 11px !important;
  margin: 0px !important;
}

/* 좌우 화살표 크기 및 위치 조정 */
.flatpickr-prev-month {
  width: 18px !important;
  height: 18px !important;
  top: 4px !important;
}
.flatpickr-next-month {
  width: 18px !important;
  height: 18px !important;
  top: 4px !important;
  right: 6px !important;
}

/* 캘린더 안쪽 여백 제거 */
.flatpickr-innerContainer {
  padding: 0 4px !important;
}

.numInputWrapper span{
  right: -4px !important;
}

/*숨기기*/
.hide {display:block;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px;}

/* 팝업 */
.popupBtnBox { display: grid; grid-template-columns: 1fr 1fr; text-align: center; border: 1px solid #ccc; margin-top: 16px; }
.popupBtn { padding: 4px; border-right: 1px solid #ccc; }
.popupBtn:last-child { border-right: none; }

/* 영어뉴스 말줄임 3줄 제한 */
#englishNewsAreaMedicalArea .cardNews .title p {
  -webkit-line-clamp: 3;
  font-size: 16px;
  word-break: break-word;
}

.contents i{font-style:italic;}

@media screen and (max-width: 1200px) {

  /* container 마지막 두 요소가 hellowKtown -> ad-Section.onlyPC 순서일 때만 하단 여백 제거, 그 외에는 기본 padding-bottom(80px) 유지 */
  .container:has(> section.innerWrap.hellowKtown:nth-last-child(2)):has(> section.ad-Section.onlyPC:last-child) {
    padding-bottom: 0;
  }
}