@font-face {
  font-family: 'Jalnan2';
  src: url('/assets/font/Jalnan2.woff2') format('woff2'),
       url('/assets/font/Jalnan2TTF.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-primary: 'Jalnan2', 'Apple SD Gothic Neo', 'Noto Sans KR',
                  'Malgun Gothic', sans-serif;
}

/* 웹폰트 적용 공통 텍스트 레이어 */
.text {
  position: absolute;
  font-family: var(--font-primary);
  color: #222;
  line-height: 1.4;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  user-select: none;
  pointer-events: none;
}

/* 사용자 데이터 — JS로 동적 갱신 */
.text.data {
  color: #333;
}

/* 정적 라벨 */
.text.label {
  color: #555;
}

/* 입력 필드 — 배경 투명, 테두리 없음, PSD 위치에 오버레이 */
input.psd-input {
  position: absolute;
  background: transparent;
  border: none;
  outline: none;
  font-family: var(--font-primary);
  color: #222;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
}

input.psd-input::placeholder {
  font-family: var(--font-primary);
  color: #aaa;
}

/* 버튼 PNG 이미지 */
img.btn {
  position: absolute;
  cursor: pointer;
}