@charset "UTF-8";
/*
 * 마케터비 레이아웃 — 리셋 (모던 재작성 2026-08-21)
 * ----------------------------------------------------------------------------------------------------
 * [원칙]
 *   1) 낡은 IE 핵(*zoom / *display / :-ms-input-placeholder 등)은 전부 제거한다.
 *      → 이 핵들은 tinycss2 파싱 에러 4건의 원인이기도 했다.
 *   2) box-sizing 은 html 에서 정하고 나머지는 상속(inherit)받는다.
 *      → 플러그인(Swiper / flatpickr)이 자기 요소에 다른 box-sizing 을 쓰고 싶을 때 국소적으로 바꿀 수 있다.
 *   3) 루트 폰트 크기는 16px 로 고정한다. (2026-08-21 결정)
 *      예전에는 1024px 이상에서 14px 로 줄여서 rem 을 쓰면 데스크탑에서 오히려 작아지는 함정이 있었다.
 *      그 축소 규칙은 css/layout.css 에서 제거했다. 이제 1rem 은 어느 화면에서나 16px 이다.
 *   4) "기존 동작을 깨뜨리지 않는 선" 원칙에 따라 아래 두 가지는 일부러 옛 값을 유지한다.
 *      · img 는 display 를 바꾸지 않는다(inline 유지). 로고·본문 이미지가 전부 inline 전제로 짜여 있다.
 *      · audio/canvas/video 는 inline-block, svg/iframe/embed/object 는 block 으로 기존 계산값 그대로 둔다.
 *        (예전 파일에서 두 규칙이 겹쳐 뒤 규칙이 이기고 있었다. 그 최종 결과를 그대로 적었다.)
 * ==================================================================================================== */

/* ---------- box-sizing : 상속형 ---------- */
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}

/* ---------- 문서 기본 ---------- */
html {
  font-size: 16px; /* ★ 전 화면 공통. 데스크탑 축소 규칙 없음 */
  font-family: -apple-system, BlinkMacSystemFont, system-ui, "Noto Sans KR", Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  line-height: 1.6;
  height: 100%;
  /* iOS 가로 전환 시 글자가 제멋대로 확대되는 것을 막는다. none 대신 100% 를 쓰는 것이 표준 권장. */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  height: 100%;
  font-family: inherit;
  line-height: inherit;
}

/* 표·폼 요소가 브라우저 기본 글꼴로 튀지 않게 상속시킨다.
   (실제 font-size 는 css/layout.css 가 16px 로 한 번 더 못박는다) */
table,
th,
td,
button,
select,
input,
textarea,
optgroup {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

/* ---------- 여백 초기화 ---------- */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
figcaption,
p,
pre,
fieldset,
legend,
textarea,
form {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: inherit;
}

h1,
h2,
h3 {
  line-height: 1.2;
}

/* ---------- 미디어 ---------- */
img {
  border-style: none;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

svg,
iframe,
embed,
object {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
}

embed,
object,
video {
  max-width: 100%;
}

iframe {
  border: 0;
}

/* ---------- 리스트 / 링크 ---------- */
ol,
ul,
menu,
summary {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
a:visited,
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}

/* ---------- 포커스 ----------
   예전 리셋은 `:focus { outline: 0 }` 으로 포커스 표시를 통째로 없앴다(접근성 문제).
   마우스 클릭 때만 끄고 키보드 이동(:focus-visible)에서는 브라우저 기본 링을 살린다. */
:focus:not(:focus-visible) {
  outline: 0;
}

/* ---------- 폼 / 표 ---------- */
fieldset {
  border: 0;
}

textarea {
  resize: vertical;
}

button,
[type="button"],
[type="submit"],
[type="reset"] {
  -webkit-appearance: button;
  appearance: button;
}

input[type="checkbox"],
input[type="radio"] {
  vertical-align: baseline;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ---------- 기타 ---------- */
code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
}

[hidden] {
  display: none !important; /* [hidden] 은 어떤 display 선언보다 우선해야 의미가 있다 */
}