/* 신규 스타일 전용 — 레거시 css 파일은 수정하지 않고 여기에만 추가 (한 셀렉터 한 줄) */

/* loader (app/utils/Loading.ts) */
.loader{display:block; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; text-align:center; z-index:9999}
.loader > div{margin:0 auto; border-radius:10px; display:inline-block; background:#FFF; box-shadow:0 0 50px 3px rgba(0,0,0,0.1); min-width:280px; min-height:170px; padding-top:30px; position:relative; top:50%; margin-top:-85px}
.load-imgwrap{display:flex; justify-content:center}
.loader img{width:60px}
.loader p{color:#444; font-size:15px; padding-top:20px}
html.loadershow,
html.loadershow body{height:100%; overflow:hidden}
@media(min-width:1070px){
  .loader > div{min-width:350px}
}

/* Step2A — 메인 팝업 swiper 보정 (app/components/Home/Popups.vue) */
/* owl css 는 초기화 전 .owl-carousel 을 숨기고 owl-loaded 일 때만 노출하므로 swiper 컨테이너는 항상 노출 (owl css 가 뒤에 로드되어 특이도로 이김) */
.pops .owl-carousel.swiper{display:block}
/* swiper-wrapper(z-index:1) 위에 점 페이지네이션이 보이도록 */
.pops .owl-carousel .owl-dots{z-index:2}
/* 슬라이드가 1개면 owl 처럼 점 숨김 (swiper 가 잠금 클래스를 붙임) */
.pops .owl-carousel .owl-dots.swiper-pagination-lock{display:none}

/* Step2B — 편지 작성 가이드 swiper 보정 (app/components/Letter/LayerGuide.vue) */
/* owl.carousel.min.css 는 owl 초기화 전 .owl-carousel 을 숨기므로(owl-loaded 로 노출) swiper 컨테이너는 항상 노출. owl css 가 dev.css 뒤에 로드되어 특이도를 높임 */
.layer-guide .owl-carousel.swiper{display:block}
/* swiper-wrapper(z-index:1) 위에 점 페이지네이션이 보이도록 */
.layer-guide .owl-carousel .owl-dots{z-index:2}

/* 이용후기 허니팟 (app/pages/review/index.vue) */
/* 일부 봇은 display:none 칸을 건너뛰므로 숨기지 않고 화면 밖으로 빼 둠 (absolute 라 레이아웃에도 영향 없음) */
.review-honeypot{position:absolute; left:-9999px; top:0; width:1px; height:1px; overflow:hidden; opacity:0}