@charset "utf-8";

@font-face {
  font-family: 'Pretendard';
  font-style: 'Light';
  font-weight: 300;
  src: url(../font/Pretendard-Light.woff2) format('woff2'),
       url(../font/Pretendard-Light.woff) format('woff')
}

@font-face {
  font-family: 'Pretendard';
  font-style: 'Regular';
  font-weight: 400;
  font-weight: Pretendard-Regular;
  src: url(../font/Pretendard-Regular.woff2) format('woff2'),
       url(../font/Pretendard-Regular.woff) format('woff')
}

@font-face {
  font-family: 'Pretendard';
  font-style: 'Medium';
  font-weight: 500;
  src: url(../font/Pretendard-Medium.woff2) format('woff2'),
       url(../font/Pretendard-Medium.woff) format('woff')
}

@font-face {
  font-family: 'Pretendard';
  font-style: 'Bold';
  font-weight: 600;
  src: url(../font/Pretendard-Bold.woff2) format('woff2'),
       url(../font/Pretendard-Bold.woff) format('woff')
}

@font-face {
  font-family: 'Pretendard';
  font-style: 'ExtraBold';
  font-weight: 700;
  src: url(../font/Pretendard-ExtraBold.woff2) format('woff2'),
       url(../font/Pretendard-ExtraBold.woff) format('woff')
}

@font-face {
  font-family: 'Pretendard';
  font-style: 'Black';
  font-weight: 800;
  src: url(../font/Pretendard-Black.woff2) format('woff2'),
       url(../font/Pretendard-Black.woff) format('woff')
}

* {margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: normal; font-weight: inherit; color: inherit;}
html, body {height: 100%}
body {padding: 0; padding-right: constant(safe-area-inset-right); padding-left: constant(safe-area-inset-left); padding-right: env(safe-area-inset-right); padding-left: env(safe-area-inset-left); -webkit-overflow-scrolling: touch;font-family: 'Pretendard',dotum,'돋움',arial, sans-serif; font-size: 14px; font-weight: 500; color: #707070; line-height: 1.66; -webkit-text-size-adjust: none; word-break: keep-all; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -webkit-overflow-scrolling:touch;}
ol, ul, li {list-style: none}
hr {display: none}
fieldset, img, table, caption, tbody, tfoot, thead, tr, th, td, button, hr {border: 0}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
table {width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed}
caption, legend, .hidden {position:absolute !important; width:1px; height:1px; overflow: hidden; clip:rect(1px 1px 1px 1px)}
img {vertical-align: top; max-width: 100%}
a {text-decoration: none; color: #707070}
select, input, textarea, button {font-family: 'Pretendard',dotum,'돋움',arial,sans-serif; color: #707070}
select, input[type="text"], input[type="password"], textarea {border-radius: 0; box-sizing: border-box; background-color: #fff}
button {border-radius: 0; margin: 0; overflow: visible; text-transform: none; -webkit-appearance: button; cursor: pointer; border: 0; background: none}
input::-ms-clear {display: none}
select::-ms-expand {display: none}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none}
textarea {resize: none; vertical-align: top}
label {cursor: pointer}
::-webkit-input-placeholder {color: #aaa !important}
:-moz-placeholder {color: #aaa !important}
::-moz-placeholder {color: #aaa !important}
:-ms-input-placeholder {color: #aaa !important}