@charset "UTF-8";
/* critical_main.css - PC 메인(shopMain.do) 첫 페인트 안정화 : FOUC/CLS 차단
   2026-07-24 신설. 메인 JSP 상단(배너보다 먼저)에서 우선 로드.
   배경: 배너 CSS(main_banner_ai.css)와 추천 CSS(main_recom_mz.css)가 본문 중간의 <link>에서
   늦게 적용되어, 그 도착 전 (1) 배너 영역 높이 미예약(CLS)과 (2) 목차 드로어(.mvz_toc) 번호목록
   번쩍임(FOUC)이 발생했다. 여기서는 첫 페인트부터 필요한 '골격'만 선주입한다.
   실제 스킨/배경/글자색은 style_v2 / main_banner_ai / main_recom_mz 가 담당(중복 선언·상충 없음). */

/* (1) 배너 높이 예약 : main_banner_ai.css 도착 전에도 배너 영역이 무너지지 않도록
   실배너와 동일한 규격(1900x500)으로 높이를 확보하여 하단 콘텐츠 하강(CLS)을 제거한다.
   main_banner_ai.css 의 .mba_bg 선언과 동일(선주입만). */
.main_visual .mba_bg{ width:100%; aspect-ratio:1900 / 500; background-color:#f0ece2; }
@supports not (aspect-ratio:1 / 1){ .main_visual .mba_bg{ height:26.3vw; } }

/* (2) Swiper(4.1) 초기화 전 첫 장만 노출 : 8개 배너 슬라이드가 좌측에 나열되며 번쩍이는 것 차단.
   초기화되면 컨테이너(.main_visual_swiper)에 .swiper-container-horizontal 이 부여되어 규칙이 해제되며
   정상 슬라이드로 동작한다. (JS init 실패 시에도 1장 노출로 안전) */
.main_visual_swiper:not(.swiper-container-horizontal) .swiper-wrapper > .swiper-slide ~ .swiper-slide{ display:none; }

/* (3) 목차 드로어 기본 숨김 선주입 : 숨김 규칙이 main_recom_mz.css(본문 중간)에 있어
   그 CSS 도착 전 01~08 번호목록이 스타일 없이 좌측에 뜨던 FOUC 를 차단한다.
   main_recom_mz.css 의 기본 상태(opacity:0/pointer-events:none)와 동일(선주입만). */
.main_visual .mvz_toc{ position:absolute; inset:0; opacity:0; pointer-events:none; }