@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap");
@import url("/css/fonts/Marcellus/font-face.css");
@import url("/css/fonts/The-Seasons/font-face.css");
@import url("/css/fonts/Pretendard/font-face.css?ver=20260909cn");
@import url("/css/fonts/Signature-Moments/font-face.css");
@import url("/css/fonts/Ivy-Ora/font-face.css");
/* ==================== 공통 변수 선언 ==================== */
:root {
  --noto: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans SC', 'Noto Sans KR', Noto Sans, 'Malgun Gothic', dotum, sans-serif;
  --serif: 'Songti SC', 'Source Han Serif SC', 'Noto Serif SC', SimSun, 'PingFang SC', 'Microsoft YaHei', 'Noto Serif KR', 'Noto Sans KR', Noto Sans, 'Malgun Gothic', dotum, sans-serif;
  --Pretendard: 'Pretendard Variable', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans SC', 'Noto Sans KR', Noto Sans, 'Malgun Gothic', dotum, sans-serif;
  --Marcellus: 'Marcellus', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans SC', 'Noto Serif KR', Noto Sans, 'Malgun Gothic', dotum, sans-serif;
  --Signature: 'Signature Moments', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans SC', Signature Moments, 'Noto Serif KR', Noto Sans, 'Malgun Gothic', dotum, sans-serif;
  --Seasons: 'the-seasons', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans SC', 'Noto Serif KR', Noto Sans, 'Malgun Gothic', dotum, sans-serif;
  --IvyOra: 'IvyOra Display', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans SC', 'Noto Serif KR', Noto Sans, 'Malgun Gothic', dotum, sans-serif;
  --theme-color: #253c2b;
  --theme-color-rgb: 37, 60, 43;
  --body-bg: #253c2b0d;
  --c-yellow: #fff8ac;
  --c-tan: #aeaa82;
  --c-peacock: #26433d;
  --unit: 1vw;
}

@media screen and (orientation: landscape) {
  :root {
    --unit: 1vh;
  }
}
.slick-slide, .slick-slide * {
  outline: none;
}

::selection {
  background: var(--theme-color);
  color: #fff;
}

/* ==================== 공통 클래스 선언 ==================== */
.--font-noto,
.--font-noto * {
  font-family: var(--noto);
}

.--font-serif,
.--font-serif * {
  font-family: var(--serif);
}

.--font-Pretendard,
.--font-Pretendard * {
  font-family: var(--Pretendard);
}

.--font-SUIT,
.--font-SUIT * {
  font-family: var(--SUIT);
}

.--font-gothic,
.--font-gothic * {
  font-family: var(--nn-gothic);
}

.--font-square,
.--font-square * {
  font-family: var(--nn-square);
}

.--font-Marcellus,
.--font-Marcellus * {
  font-family: var(--Marcellus);
}

.--font-Seasons,
.--font-Seasons * {
  font-family: var(--Seasons);
  line-height: 0.6;
}

.--font-IvyOra,
.--font-IvyOra * {
  font-family: var(--IvyOra);
}

.--c-theme {
  color: var(--theme-color);
}

.--c-black {
  color: #000;
}

.--c-white {
  color: #fff;
}

.--c-yellow {
  color: var(--c-yellow);
}

.--c-peacock {
  color: var(--c-peacock);
}

.--fw-lighter,
.--fw-lighter * {
  font-weight: lighter;
}

.--fw-normal,
.--fw-normal * {
  font-weight: normal;
}

.--fw-bold,
.--fw-bold * {
  font-weight: bold;
}

.--fw-bolder,
.--fw-bolder * {
  font-weight: bolder;
}

.--fw-100,
.--fw-100 * {
  font-weight: 100;
}

.--fw-200,
.--fw-200 * {
  font-weight: 200;
}

.--fw-300,
.--fw-300 * {
  font-weight: 300;
}

.--fw-400,
.--fw-400 * {
  font-weight: 400;
}

.--fw-500,
.--fw-500 * {
  font-weight: 500;
}

.--fw-600,
.--fw-600 * {
  font-weight: 600;
}

.--fw-700,
.--fw-700 * {
  font-weight: 700;
}

.--fw-800,
.--fw-800 * {
  font-weight: 800;
}

.--fw-900,
.--fw-900 * {
  font-weight: 900;
}

.--fs-n,
.--fs-n * {
  font-style: normal;
}

.--fs-i,
.--fs-i * {
  font-style: italic;
}

.--ta-l {
  text-align: left;
}

.--ta-c {
  text-align: center;
}

.--ta-r {
  text-align: right;
}

.--bg-theme,
.--bg-theme * {
  background-color: var(--theme-color);
}

.--df {
  display: flex;
}

.--fld-c {
  flex-direction: column;
}

.--flw-wrap {
  flex-wrap: wrap;
}

.--jc-c {
  justify-content: center;
}

.--jc-sb {
  justify-content: space-between;
}

.--jc-fs {
  justify-content: flex-start;
}

.--jc-fe {
  justify-content: flex-end;
}

.--ai-c {
  align-items: center;
}

.--ai-fe {
  align-items: flex-end;
}

.--width-fc {
  width: fit-content;
}

.--width-max {
  width: max-content;
}

.--width-min {
  width: min-content;
}

.--height-fc {
  height: fit-content;
}

.--height-max {
  height: max-content;
}

.--height-min {
  height: min-content;
}

.--po-rel {
  position: relative;
}

.--po-abs {
  position: absolute;
}

/* ==================== COMMON ==================== */
.--meta {
  position: absolute;
  z-index: -1;
  color: transparent;
}

/* ==================== CUSTOM ==================== */
body {
  background: url(/img/common/body.png);
}

.sub__container {
  /* 중문: keep-all 은 한국어용 설정이라 중국어에서는 문장부호에서만 줄바꿈되어
     최소폭이 커지고 그리드/플렉스 박스를 밀어낸다. normal 로 되돌린다. */
  word-break: normal;
}
.sub__container p {
  word-break: normal;
}

.sub__container h3,
.sub__container h4,
.sub__container h5,
.sub__container h6,
.sub__container dt,
.sub__container dd,
.sub__container p,
.sub__container li {
  /* 중문: 마지막 줄에 한두 글자만 떨어지는 것을 막고 줄 길이를 고르게 맞춘다.
     (지원하지 않는 브라우저는 무시하므로 안전하다) */
  text-wrap: balance;
}
.sub__container button {
  border: 0;
  background: none;
}

.--brand__bar {
  font-family: var(--noto) !important;
  font-style: normal;
  font-weight: normal;
}

br.--max-1800 {
  display: none;
}

br.--max-1600 {
  display: none;
}

br.--max-1400 {
  display: none;
}

br.--max-1280 {
  display: none;
}

br.--max-1024 {
  display: none;
}

br.--max-900 {
  display: none;
}

br.--max-768 {
  display: none;
}

br.--max-640 {
  display: none;
}

br.--max-600 {
  display: none;
}

br.--max-480 {
  display: none;
}

br.--max-360 {
  display: none;
}

@media screen and (max-width: 1800px) {
  br.--min-1800 {
    display: none;
  }
  br.--max-1800 {
    display: block;
  }
}
@media screen and (max-width: 1600px) {
  br.--min-1600 {
    display: none;
  }
  br.--max-1600 {
    display: block;
  }
}
@media screen and (max-width: 1400px) {
  br.--min-1400 {
    display: none;
  }
  br.--max-1400 {
    display: block;
  }
}
@media screen and (max-width: 1280px) {
  br.--max-1280 {
    display: block;
  }
  br.--min-1280 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  br.--max-1024 {
    display: block;
  }
  br.--min-1024 {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  br.--max-900 {
    display: block;
  }
  br.--min-900 {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  br.--max-768 {
    display: block;
  }
  br.--min-768 {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  br.--max-640 {
    display: block;
  }
  br.--min-640 {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  br.--max-600 {
    display: block;
  }
  br.--min-600 {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  br.--max-480 {
    display: block;
  }
  br.--min-480 {
    display: none;
  }
}
@media screen and (max-width: 360px) {
  br.--max-360 {
    display: block;
  }
}/*# sourceMappingURL=reset.min.css.map */