/* Pretendard Variable: 단일 woff2(약 2MB)로 weight 100~900 전체 커버.
   기존 weight별 woff 9종(약 5.8MB) 대비 약 65% 경량화 + 요청 1건으로 축소. */
@font-face {
    font-family: 'Pretendard';
    src: url('../font/PretendardVariable.woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
}

/* 메트릭 보정 폴백: 맑은 고딕은 Pretendard 보다 평균 글자폭이 약 9% 넓어
   swap 교체 순간 "폰트가 커졌다 작아지는" 레이아웃 출렁임을 만들었다.
   두 폰트의 실측 메트릭(avgWidth/ascent/descent, fontTools)으로 치수를
   Pretendard 와 일치시켜 교체가 시각적으로 드러나지 않게 한다.
   (optional 은 폰트가 늦으면 폴백이 페이지 끝까지 고정되는 부작용이 있어 swap 유지) */
@font-face {
    font-family: 'Pretendard Fallback';
    src: local('Malgun Gothic');
    size-adjust: 91.45%;
    ascent-override: 104.11%;
    descent-override: 26.38%;
    line-gap-override: 0%;
}

/* MPA 페이지 이동 시 흰 화면 플래시 제거: same-origin cross-document view transition.
   출발·도착 페이지 모두 이 선언이 있어야 동작 (모든 고객 페이지가 base.css 로드).
   미지원 브라우저는 무시하므로 무해. */
@view-transition {
    navigation: auto;
}

/* 기본 */
* {letter-spacing:-0.5px; padding:0; margin:0; border:0; outline:0; box-sizing:border-box; vertical-align:top; font-size:14px; font-weight:400; line-height:1.5; font-family:'Pretendard' , 'Pretendard Fallback' , sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); appearance:none; -webkit-appearance:none; scroll-behavior:smooth;}

/* 고정 */
html.fixed , body.fixed {overflow:hidden; touch-action:none; -webkit-touch-action:none;}

/* 모바일 가로모드 폰트확대 방지 */
body {-webkit-text-size-adjust:none;}

/* 헤더 폰트 사이즈 초기화 */
h1 , h2 , h3 , h4 , h5 , h6 {font-size:100%; font-weight:normal; color:#000;}

/* 텍스트 */
a:link {color:inherit; text-decoration:none;}
a:active {color:inherit; text-decoration:none;}
a:visited {color:inherit; text-decoration:none;}
a:hover {color:inherit; text-decoration:none;}
a , button {display:inline-block; vertical-align:top; box-sizing:border-box; cursor:pointer; background:none;}

/* 이미지 */
img , fieldset {border:none;}
img , object {vertical-align:top;}

/* 리스트 */
ul , ol , li {list-style:none;}
em ,address {font-style:normal;}

/* 테이블 */
table {width:100%; border-spacing:0;}
th , td {vertical-align:middle; text-align:center;}
legend , caption {display:none;}

/* 폼 */
select {border-radius:0; background:#fff;}
textarea {resize:none;}
input , textarea {-webkit-border-radius:0;} /*입력폼 사파리에서의 초기화*/
input:-internal-autofill-selected {background:transparent !important;} /*입력폼 사파리에서의 초기화*/

/* 프린트 */
@media print {
* {-webkit-print-color-adjust:exact;} /* 프린트 컬러 안나올 때 */
}

@page {
	size: a4;  
	margin: 0;  /* 프린트 내에 도메인 노출될 때 */
}