@charset "utf-8";

/* ──────────────────────────────────────────────────────────
   폰트
   ⚠️ **원본이 실제로 쓰는 서체는 2종뿐이다** — Jua(제목·영문 포인트) + Noto Sans KR(본문).
      원본 `reset.css` 는 Jalnan 을 eot/ttf/woff/woff2 4종(합 2.3MB)으로 싣지만
      `style.css` · 전 페이지 마크업 어디에서도 `font-family:'Jalnan'` 을 쓰지 않는다.
      마찬가지로 마크업의 `.ff_fredoka`(index/room/view 제목) 도 대응 CSS 규칙이 없다.
      둘 다 죽은 선언이라 템플릿에는 싣지 않는다 — 그래서 `fonts/` 가 비어 있다.
   ────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');

/* ⚠️ **Noto Sans KR 은 반드시 CSS2 엔드포인트로 싣는다.**
   원본 `reset.css` 는 `//fonts.gstatic.com/ea/notosanskr/v2/...`(구글 early-access)에서
   6 weight × 3 포맷 = 18개를 불러오는데, **그 서비스는 종료돼 전부 404 + CORS 차단**이다.
   (원본 남양주제이펜션/bomps 도 지금 같은 콘솔 에러가 난다 — 본문이 시스템 폰트로 뜬다.)
   죽은 `@font-face` 를 지우고 현행 CSS2 엔드포인트로 바꿨다. 쓰는 굵기가
   100/300/400/500/600/700/800 이라 가변축으로 한 번에 덮는다.
   `preview-handler.applyFont` 는 **업주가 고른 폰트만** 싣는다 — 기본값은 템플릿 몫이다. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  /* ⚠️ 원본은 `font-size:100%` 다음 줄에 `font:inherit` 를 둔다 —
     단축 `font` 가 앞 줄을 통째로 덮어써서 `font-size:100%` 는 죽은 선언이다.
     린트가 잡는 중복이라 지웠다(렌더 결과는 같다). */
  font: inherit;
  vertical-align: baseline;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  font-family: var(--font-ko-sub), 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

div,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
input,
textarea,
button,
p,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
iframe,
th,
td {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
}
img {
  border: 0 none;
  vertical-align: middle;
  max-width: 100%;
}
li {
  list-style: none;
}
button {
  background: transparent;
  cursor: pointer;
  vertical-align: middle;
  margin: 0;
}
button,
input[type='submit'],
input[type='button'] {
  background: transparent;
  cursor: pointer;
  *overflow: visible;
}
button span {
  display: none;
}
input,
button {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-style: normal;
}

/* table */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
th {
  vertical-align: middle;
}
th,
td {
  border-collapse: collapse;
}
legend,
hr {
  display: none;
}
caption {
  text-indent: -9999em;
  overflow: hidden;
  height: 0;
  font-size: 0;
  line-height: 0;
}

/* form */
form {
  display: inline;
}
select,
input,
textarea {
  color: #666;
  font-family: var(--font-ko-sub), 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
  font-size: inherit;
  vertical-align: middle;
}
fieldset,
blockquote,
iframe,
button {
  border: none;
}

/* font */
i,
em,
u,
cite {
  font-style: normal;
}
em {
  font-weight: bold;
}

/* link */
a {
  color: #666;
  text-decoration: none;
  cursor: pointer;
}
a:visited {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}