@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* 초기화 */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}

:root {
  --primary-color: #32655F;
  --secondary-color: #6c757d;
  --accent-color: #f8f9fa;
  --text-color: #333333;
  --text-color-sub: #545454;
  --text-color-black: #000000;

  --font-size-3xsmall: 8px;
  --font-size-2xsmall: 10px;
  --font-size-xsmall: 12px;
  --font-size-small: 14px;
  --font-size-medium: 16px;
  --font-size-large: 18px;
  --font-size-xlarge: 20px;
  --font-size-2xlarge: 24px;
  --font-size-3xlarge: 30px;
  --font-size-4xlarge: 36px;
  --font-size-title: 64px;
  --font-size-title-sub: 48px;
}
.mobile-br {
  display: none;
}


@media (max-width: 768px) {
  :root {
    --font-size-3xsmall: clamp(0px, 1.6vw, 8px); /* 6px */
    --font-size-2xsmall: clamp(0px, 2.13vw, 10px); /* 8px */
    --font-size-xsmall: clamp(0px, 2.67vw, 12px); /* 10px */
    --font-size-small: clamp(0px, 3.2vw, 14px); /* 12px */
    --font-size-medium: clamp(0px, 3.73vw, 16px); /* 14px */
    --font-size-large: clamp(0px, 4.26vw, 18px); /* 16px */
    --font-size-xlarge: clamp(0px, 4.8vw, 20px); /* 18px */
    --font-size-2xlarge: clamp(0px, 5.33vw, 24px); /* 20px */
    --font-size-3xlarge: clamp(0px, 6.4vw, 30px); /* 24px */
    --font-size-4xlarge: clamp(0px, 8vw, 36px); /* 30px */
    --font-size-title: clamp(0px, 6.9vw, 64px); /* 26px */
    --font-size-title-sub: 48px;
  }


  .mobile-br {
    display: block;
  }
}

html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family: 'Pretendard', dotum, sans-serif;background:#fff; min-width:360px}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Pretendard', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'Pretendard', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Pretendard', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
a:hover {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
}
*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}