@charset "utf-8";
/* =====================================================================
   [분당안과] PC 고정형(기준 1920) 디자인의 태블릿/좁은 창 맞춤 (2026-07-10)
   - Surface Pro 등 태블릿(CSS 뷰포트 912~1368px)과 좁은 데스크톱 창에서
     PC 레이아웃이 압착·오버플로되던 문제 보정
   - 모바일 브라우저/에뮬레이터는 head.sub.php 의 PC viewport(width=1920)로 처리,
     데스크톱 브라우저(뷰포트 메타 무시)는 아래 zoom 축소 맞춤으로 처리
   ===================================================================== */

/* 고정폭 요소 오버플로 방지 (sub.css .img_box: width 1420px 고정) */
.diff_box .img_drag_box .img_box {
	width: 100%;
	max-width: 1420px;
}

/* 좁은 창 축소 맞춤 — 레이아웃을 약 1920px 기준으로 계산 후 배율 축소
   (1366px 급 일반 노트북에는 영향 없도록 1280px 이하부터 적용) */
@media screen and (max-width: 1280px) {
	body { zoom: 0.66; }   /* 1280 / 0.66 ≈ 1939 */
}
@media screen and (max-width: 1024px) {
	body { zoom: 0.53; }   /* 1024 / 0.53 ≈ 1932 */
}
@media screen and (max-width: 920px) {
	body { zoom: 0.475; }  /* 912(Surface 세로) / 0.475 = 1920 */
}
@media screen and (max-width: 768px) {
	body { zoom: 0.4; }    /* 768 / 0.4 = 1920 */
}