/*
  aa_insert_ad 광고 wrapper 공통 CSS (리뉴얼).

  본문 폭을 넘치지 않게 하는 것만 목표다 — 관리자가 입력한 광고
  소재 자체의 크기(예: PC 928×80)는 강제로 줄이지 않는다. 그래서
  아래 img/iframe 규칙은 "본문보다 커지면 줄인다"일 뿐 무조건 100%로
  늘리지 않는다.
*/
.aa-insert-ad{
	margin:12px 0px;
	max-width:100%;
	overflow-x:auto; /* 광고 코드가 표 등 넓은 마크업을 쓰더라도 본문 가로 스크롤을 만들지 않는다 */
}
.aa-insert-ad-align-center{ text-align:center; }
.aa-insert-ad-align-left{ text-align:left; }
.aa-insert-ad-align-right{ text-align:right; }

/* 광고 소재가 본문 폭보다 클 때만 줄인다 — 원래 크기가 작으면 그대로 나온다. */
.aa-insert-ad img,
.aa-insert-ad iframe{
	max-width:100%;
	height:auto;
}

/* ═══════════════════════════════════════════════════════════════
   PC 좌우 사이드 광고 (aa-insert-ad-pc-left / -right)

   2026-09-04 개정 — 고정 `@media (min-width:1680px)` 단독 판정 폐지.
   ─────────────────────────────────────────────────────────────
   예전에는 본문 wrapper(`.gpe_allcon_wrap0`)가 항상 1320px(실측,
   관리자 설정 display_conten_Wsize=w1280 기준)이고 뷰포트 정중앙에
   고정된다는 가정으로 산수를 고정해뒀다(필요 뷰포트 1320+160×2+
   20×2=1680px). 이 값은 관리자가 폭 설정을 바꾸면 더 이상 맞지
   않고, 좌/우를 항상 함께 켜고 끄므로 "한쪽만 공간이 있는" 경우를
   다루지 못했다.

   지금은 `display`·`left` 를 CSS 가 아니라
   `addons/aa_insert_ad/tpl/side_ad_fit.js` 가 매 리사이즈/줌마다
   `.gpe_allcon_wrap0` 의 실측 `getBoundingClientRect()` 로 직접
   계산해서 인라인 style 로 켠다 — 좌/우 완전히 독립 판정. 이 파일은
   "그 값이 없을 때(JS 로드 전/실패 시)의 안전한 기본값"만 갖는다 —
   기본값은 반드시 `display:none`(숨김)이어야 한다, 노출 쪽으로
   fail 하면 본문을 침범할 수 있다.

   광고 폭(아래 width:160px · `.is-w120` 의 120px)을 바꾸면 `side_ad_fit.js` 의
   `SIZES` 상수도 반드시 같이 바꿔야 한다 — 두 값이 서로의 유일한
   출처다.

   top 은 헤더 하단선 아래 12px 에서 시작한다 — 헤더를 가리지 않는다.
   2026-10-28: 헤더가 2줄 메뉴(PC 실측 102px)가 되면서 예전 값 90px 이면
   광고 윗부분 12px 가 헤더(z-index 30) 밑으로 들어가 잘렸다. 헤더 높이가
   바뀌면 이 top 도 함께 맞출 것(헤더 하단 + 약 13px).

   z-index 는 헤더(100)·드롭다운(10~20)·모바일 서랍(998~999)보다
   낮게 둔다(무변경 — GNB 드롭다운이 겹치면 항상 드롭다운이 위).
   ═══════════════════════════════════════════════════════════════ */
.aa-insert-ad-side{
	display:none; /* JS 가 실측 후 켠다 — JS 미실행/실패 시 항상 숨김(안전 기본값) */
	position:fixed;
	top:115px; /* 헤더(.rt-header, PC 2줄 메뉴 실측 102px + 아래 광선 1px) 아래 12px 여백. 좌우가 같은 값을 쓰므로 시작 위치가 같다 */
	width:160px; /* side_ad_fit.js 의 SIZES 와 같은 값 유지 */
	z-index:5;
	margin:0;
	overflow:hidden;
}
/* 120×600 광고가 선택됐을 때 — side_ad_fit.js 가 붙이는 클래스. 좌우 모두 같은 크기이고 160 은 위 기본값이다. */
.aa-insert-ad-side.is-w120{
	width:120px; /* side_ad_fit.js 의 SIZES 와 같은 값 유지 */
}
.aa-insert-ad-side img,
.aa-insert-ad-side iframe{
	display:block;
	max-width:100%; /* 래퍼 폭(160 또는 120)을 넘지 않는다 */
	width:100%;
	height:auto;
}

/* ═══════════════════════════════════════════════════════════════
   Mobile 일반 페이지 광고 (aa-insert-ad-mobile-page)

   Picks·Ranking·TOP3 의 필터 영역 바로 아래, 목록 시작 직전에 선다
   (삽입 위치는 애드온 PHP 가 정한다 — 이 파일은 모양만 맡는다).

   원본 468×60. wrapper 는 좌우 padding을 추가하지 않는다 — 부모가 이미
   갖고 있는 본문 좌우 여백을 그대로 물려받아야 배너가 필요 이상으로
   작아지지 않는다. `max-width:468px` 로 원본 비율의 상한만 두고,
   `width:100%` 로 그보다 좁은 화면에서는 폭에 맞춰 줄어든다. 광고
   HTML 내부 img 에 `width="468" height="60"` 속성이 있어도 이 클래스
   선택자가 그 속성보다 우선한다(CSS 우선순위).
   ═══════════════════════════════════════════════════════════════ */
.aa-insert-ad-mobile-page{
	margin:14px auto;
	width:100%;
	max-width:468px;
	text-align:center;
}
.aa-insert-ad-mobile-page img{
	display:block;
	width:100%;
	max-width:468px;
	height:auto;
	margin:0 auto;
}

/* ═══════════════════════════════════════════════════════════════
   PC 공통 상단 가로광고 (aa-insert-ad-top-common)

   좌우 사이드 ↔ 공통 상단 가로광고 자동 전환 작업지시서 — 화면이
   좁아 좌우 사이드 광고 둘 다 못 들어갈 때만 대신 켜진다. 자리는
   `.contents_area_wrap0` 바로 안쪽 첫 자리(GNB 다음, 실제 페이지
   본문 시작 전) — PHP(`aa_insert_ad.addon.php`)가 그 위치에 직접
   끼워 넣는다, 이 파일은 모양만 맡는다.

   위 `.aa-insert-ad-side` 와 같은 이유로 기본값은 반드시
   `display:none` — 켜고 끄는 판정은 `side_ad_fit.js` 한 곳뿐이다
   (좌/우 gutter 가 둘 다 되면 이 요소는 끄고 사이드를 켠다, 하나라도
   부족하면 사이드 둘 다 끄고 이 요소를 켠다 — 뒤섞이지 않는다).

   2026-10-28: 이 자리는 PC 공통 가로 배너(970×90, 관리자 설정 `pc_ad_top_970`)
   전용이다(예전의 문서 하단 광고 재사용은 없어졌다). 고정 크기 광고 단위라
   폭 970px · 높이 90px 로 고정한다.
   ═══════════════════════════════════════════════════════════════ */
.aa-insert-ad-top-common{
	display:none; /* JS 가 실측 후 켠다 — JS 미실행/실패 시 항상 숨김(안전 기본값) */
	box-sizing:border-box;
	width:970px; /* side_ad_fit.js 의 BANNER_W 와 같은 값 */
	max-width:100%;
	height:90px;
	margin:0 auto 14px; /* 헤더와의 간격은 본문 영역 위 여백(약 16px)이 이미 만든다 */
	overflow:hidden;
	text-align:center;
}
/* 사이드 광고가 들어갈 수 없는 폭(120×600 도 1528px 이상이어야 한다)에서는 처음부터 자리를 잡아 광고가 뜰 때 본문이 밀리지 않게 한다.
   최종 표시/숨김은 JS 가 정한다(인라인 display). 태블릿·모바일 폭(1024 미만)은 해당 없음. */
@media (min-width:1040px) and (max-width:1527px){
	.aa-insert-ad-top-common{ display:block; }
}