@charset "utf-8";

/* font-family Pretendard */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

html {
  font-size: 62.5%;
  min-width: 360px;
}

html ::selection {
  background: rgba(27, 188, 255, 0.6);
  color: #fff;
}

html ::-webkit-selection {
  background: rgba(27, 188, 255, 0.6);
  color: #fff;
}

html ::-moz-selection {
  background: rgba(27, 188, 255, 0.6);
  color: #fff;
}

::-webkit-scrollbar {
  width: 1.4rem;
  height: 1.4rem;
}

::-webkit-scrollbar-thumb {
  height: 0.6rem;
  border: 4px solid rgba(0, 0, 0, 0);
  background: #ccc;
  background-clip: padding-box;
  -webkit-border-radius: 1rem;
}

::-webkit-scrollbar-track {
  background: #eee;
}

::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

body {
  overflow-x: hidden;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: var(--base-font-weight);
  line-height: var(--base-line-height);
  background: #fff;
  box-sizing: border-box;
}

body,
div,
ul,
li,
dl,
dt,
dd,
ol,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button {
  margin: 0;
  padding: 0;
}

textarea {
  resize: none;
}

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

em,
address {
  font-style: normal;
}

img,
span,
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: middle;
}

table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

caption {
  display: none;
}

a {
  color: #2c2c2c;
  outline: 0;
  text-decoration: none;
}

span {
  vertical-align: middle;
}

button {
  border: 0;
  background: none;
  cursor: pointer;
}

select {
  border: 1px solid #d7d7d7;
  font-size: 16px;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input::placeholder {
  color: #808080;
}

input::-webkit-input-placeholder {
  color: #808080;
}

input:-ms-input-placeholder {
  color: #808080;
}

iframe {
  border: 0;
}

video {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

video::-webkit-media-controls-start-playback-button {
  display: none !important;
}

.clear:after {
  content: '';
  display: block;
  clear: both;
}

.blind {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}

body,
table,
input,
button,
textarea,
select {
  font-family: 'Pretendard', -apple-system, '맑은 고딕', 'Malgun Gothic', 'Dotum', '돋움', 'Gulim', '굴림', tahoma,
    Geneva, sans-serif;
}

:root {
  --white: #fff;
  --white-30: rgba(255, 255, 255, 0.3);
  --real-black: #000;
  --real-black-80: rgba(0, 0, 0, 0.8);
  --water-mark-20: rgba(153, 153, 153, 0.2);
  --black: #303538;
  --dark-gray: #707070;
  --light-gray: #dce2e6;
  --gray: #aaa;
  --red: #ff2b2b;
  --shadow: rgba(0, 0, 0, 0.08);
  --point: #00569f;
  --secondary: #00abd4;
  --blue: #0239fe;
  --base-font-weight: 400;
  --base-line-height: 1.4;
}