/*
 * 도돈몰 팝업 배너 전용 스타일
 * 경로: assets/notice.css
 * 용도: 히어로 우측에 떠 있는 도돈몰 바로가기 카드 (fixed, 문서 흐름 영향 없음)
 * 제거 시: 이 파일 + index.html의 link 태그 + site.js의 배너 블록만 삭제
 */

/* 팝업: 이미지 단독 링크. 일반 둥근 모서리 */
.dodon-popup {
  /* 팝업 폭 변수: 아래 right 계산에서도 쓰므로 하드코딩 중복 방지 */
  /* fixed → absolute: 문서 기준 배치라 스크롤하면 같이 올라감 */
  position: absolute;
  /* 콘텐츠 경계(1280px) 밖으로 160px만 나가게.
     (100vw - 1280px)/2 = 화면 끝~경계 여백, 거기서 160px 뺌.
     max(12px, ...) : 좁은 화면에서 잘림 방지 */
  right: max(12px, calc((100vw - 1280px) / 2 - 180px));
  top: 140px;
  z-index: 40;
  display: block;
  border-radius: 10px;
  overflow: hidden; /* 이미지 모서리를 카드 곡률로 잘라줌 */
  box-shadow: 0 18px 50px rgba(0, 0, 0, .35);
  transition: transform .2s ease, box-shadow .2s ease;
}
.dodon-popup:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .4);
}

/* 배너 이미지: 원본 커도 표시 폭만 제한 (비율 유지) */
.dodon-popup img {
  width: 100%; /* 이미지 비율 모르니 우선 240px - 크면 줄이세요 */
  height: auto;
  display: block;
}

/* 모바일: 우하단 구석에 축소 */
@media (max-width: 720px) {
  .dodon-popup {
    right: 12px;
    top: auto;
    bottom: 16px;
  }
  .dodon-popup img { width: 140px; }
}