@charset "UTF-8";
/* ───────────────────────── Breakpoints ─────────────────────────
 * 프로젝트 전역 브레이크포인트 키 맵.
 *   sm  : 360px   (mobile-s)
 *   md  : 767px   (mobile ↔ tablet 경계)
 *   lg  : 1024px  (tablet-l)
 *   xl  : 1284px  (desktop-s)
 *   xxl : 1460px  (desktop-m)
 *   xxxl: 1600px  (desktop-l)
 * 값은 _variables.scss 의 단일 출처를 참조하므로 여기서 재정의하지 않습니다.
 * ───────────────────────────────────────────────────────────── */
/*
 * clearfix
 * @include clearfix;
*/
/*
* vw
* @include vw('font-size', 16px);
*/
/*
* textEllipsis 한 줄
* @include textEllipsis;
*/
/*
* textEllipsis 여러 줄
* @include textEllipsisClamp;
*/
/*
* textClip
* @include textClip;
*/
/*
* swiper
* @include swiper(center);
*/
/* component mixin */
@font-face {
  font-family: "Pretendard"; /* 400 */
  font-display: swap;
  src: local("☺"), url("../webfont/Pretendard/Pretendard-Regular.woff2") format("woff2"), url("../webfont/Pretendard/Pretendard-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard"; /* 500 */
  font-display: swap;
  src: local("☺"), url("../webfont/Pretendard/Pretendard-Medium.woff2") format("woff2"), url("../webfont/Pretendard/Pretendard-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard"; /* 600 */
  font-display: swap;
  src: local("☺"), url("../webfont/Pretendard/Pretendard-SemiBold.woff2") format("woff2"), url("../webfont/Pretendard/Pretendard-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard"; /* 700 */
  font-display: swap;
  src: local("☺"), url("../webfont/Pretendard/Pretendard-Bold.woff2") format("woff2"), url("../webfont/Pretendard/Pretendard-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard"; /* 900 */
  font-display: swap;
  src: local("☺"), url("../webfont/Pretendard/Pretendard-Black.woff2") format("woff2"), url("../webfont/Pretendard/Pretendard-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  word-break: keep-all;
  box-sizing: border-box;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  /* -webkit-font-smoothing:antialiased; */
  -webkit-text-size-adjust: none;
  -webkit-overflow-scrolling: touch;
}

html {
  overflow-y: scroll;
  -webkit-tap-highlight-color: unset !important;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
table,
th,
td,
input,
select,
textarea,
button {
  margin: 0;
  padding: 0;
  word-break: break-all;
}

body,
input,
textarea,
select,
button,
table {
  font-family: "Pretendard", sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 1;
}

em {
  font-style: normal;
}

fieldset,
img {
  border: 0 none;
}

img {
  vertical-align: middle;
}

dl,
ul,
ol,
menu,
li {
  list-style: none;
}

input::-ms-clear {
  display: none;
}

button {
  border: 0 none;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
  outline-offset: -1px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
  margin: 0;
  padding: 0;
}

a[href^="tel:"] {
  cursor: text;
}

/* ios pinch-zoom */
body {
  touch-action: pan-x pan-y;
}
body.pinch-zoom {
  touch-action: auto;
}

legend,
caption {
  position: absolute;
  z-index: -10;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  font-size: medium;
  line-height: normal;
  word-break: break-all;
}

.blind {
  position: absolute;
  z-index: -10;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  font-size: inherit;
  line-height: inherit;
  word-break: break-all;
  clip: rect(0, 0, 0, 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  white-space: nowrap;
  transform: scale(0.01);
}

.ios_no_acc {
  -webkit-overflow-scrolling: auto;
}

/* form */
input,
select,
textarea,
button {
  vertical-align: middle;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

label {
  vertical-align: middle;
}

textarea {
  width: 100%;
  border: 0;
  overflow-y: auto;
  resize: none;
}

@media screen and (max-width: 767px) {
  .pc-only {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .mo-only {
    display: none;
  }
}
/*# sourceMappingURL=reset.css.map */