@charset "UTF-8";
/* ============================================================
   공통 유틸리티 / 글로벌 룰
   ============================================================ */

/* [hidden] 속성이 클래스의 display 에 의해 무시되지 않도록 강제 */
[hidden] {
  display: none !important;
}

html,
body {
  min-height: calc(100dvh - 60px - env(safe-area-inset-bottom));
}
/* 박스 그림자 유틸 */
.shadow {
  box-shadow: 0px 0px 8px 0px #00000033;
}

@media screen and (max-width: 340px) {
  .smb_br {
    display: none;
  }
}

/* ad 기본 설정 */
.ad {
  width: 100%;
  height: 100px;
  /* background-color: thistle; */
  background-color: transparent;
  overflow: hidden;

  /* ★ [추가] 가로 & 세로 중앙 정렬 */
  display: flex;
  justify-content: center; /* 가로 중앙 정렬 (광고가 모니터 한가운데 배치됨) */
  align-items: center; /* 세로 중앙 정렬 (min-height보다 약간 작은 광고 대응) */
}

/* mini 클래스 예외 처리 */
.ad.mini {
  height: 60px !important;
  min-height: 60px !important;
}

/* big 클래스 예외 처리 */
.ad.big {
  height: 300px !important;
  min-height: 300px !important;
  max-height: none !important;
}
.ad.botfix{
  position: fixed;
  bottom: 64px;
  left: 0;
  background-color: #fff;
  z-index: 999;
  
}
.ad.topfix{
  position: fixed;
  top: 60px;
  left: 0;
  background-color: #fff;
  z-index: 999;
}
/* 내부 구글 ins 태그 */
.ad ins.adsbygoogle {
  display: block !important;
  width: 100% !important;
}

/* unfilled(미송출) 처리 */
ins.adsbygoogle[data-ad-status="unfilled"] {
  display: none !important;
}

.ad:has(ins[data-ad-status="unfilled"]),
.header-ad:has(ins[data-ad-status="unfilled"]) {
  display: none !important;
}

/* 2버전 중간광고 삭제 */
.site-def .detail-text .ad {
  display: none;
}
.site-def .detail-text .ad.big {
  display: block !important;
}