@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}.pb-popup-overlay {
  position: fixed;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: white;
  top: 0;
  left: 0;
  min-width: 150px;
  max-width: 100%;
  z-index: 1002;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
  .pb-popup-overlay {
    max-width: 95% !important;
    width: 100% !important;
    left: 2.5% !important;
    top: 10px !important;
    /* [w1#223] 모바일 세로 여백 제거: 고정 height(px) 대신 내용(이미지)에 맞춰 높이 자동.
       이미지가 가로 95%로 줄면 높이도 비례 축소되는데, 기존 고정 height가 그대로 남아
       이미지 아래에 흰 여백이 생겼음. height:auto 로 컨테이너가 내용 높이에 밀착.
       너무 긴 팝업은 화면 90%까지만 보이고 내부 스크롤. */
    height: auto !important;
    max-height: 90vh;
    overflow-y: auto;
  }
}
.pb-popup-overlay > .close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
  background-image: url(./close.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 30px;
  height: 30px;
}
.pb-popup-overlay img {
	position: relative;
	display: block;
  max-width: 100%;
  height: auto;
}
.pb-popup-overlay > .warp {
  min-height: 150px;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.pb-popup-overlay .content {
  width: 100%;
  flex-grow: 1;
}
.pb-popup-overlay .content > p:last-child {
  margin-bottom: 0;
}

.pb-popup-overlay .bottom {
  width: 100%;
  font-size: 13px;
  text-align: center;
  padding: 4px 0px;
  background-color: #efefef;
}
.pb-popup-overlay .bottom .cookie-close-link {
  margin-top: 3px;
  display: inline-block;
  color: #3a3a3a;
}

/* [앱 전용] 노치/상태바 회피.
   앱 웹뷰는 overlaysWebView(true)로 상태바·노치 아래까지 화면이 확장되어,
   top 기준으로 뜨는 팝업(기본 top:10px)이 노치에 가려 닫기 버튼이 안 눌림.
   앱(body.is-dotmill-webapp)에서만 safe-area-inset-top 만큼 아래로 내림.
   - 인라인 top(script.js .css)·모바일 media query(top:10px !important) 모두
     이기도록 본 선택자 특이도(body+2클래스) + !important 사용.
   - 일반 웹브라우저는 is-dotmill-webapp 클래스가 없어 영향 없음. */
body.is-dotmill-webapp .pb-popup-overlay {
  top: calc(env(safe-area-inset-top, 0px) + 10px) !important;
}