/* FONT */
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/leetaewook/gmarket-sans-dynamic-subset/GmarketSans.css');

.point-c{color: #B35AFF;}
.point-green{color: #7BFD48;}
.point-color2{color: #ffb31f;}
.c-white{color: #fff;}
.posR{position:relative;}
.dib{display:inline-block;}
.ir {  background-repeat: no-repeat;  direction: ltr;  display: block;  overflow: hidden;  text-align: left;  text-indent: -999em}
.hidden {  display: none;  visibility: hidden}
.visuallyhidden {  clip: rect(0 0 0 0);  border: 0;  height: 1px;  margin: -1px;  overflow: hidden;  padding: 0;  position: absolute;  width: 1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {  clip: auto;  height: auto;  margin: 0;  overflow: visible;  position: static;  width: auto}
.invisible {  visibility: hidden}
.fl {  float: left}
.fr {  float: right}

:root {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  --doc-height: 100%;
 /*  background-color: #242424; */
  color: hsla(0,0%,100%,.87);
  color-scheme: light dark;
  font-family: Inter,Avenir,Helvetica,Arial,sans-serif;
  font-size: 1rem;
  font-synthesis: none;
  font-weight: 400;
  text-rendering: optimizeLegibility
}
html {  overflow-x: hidden}
body {  font-smooth: always;  color: #000;  font-family: "Noto Sans KR", serif;  font-size: 1rem;  font-variant: normal;  height: auto;  height: 100%;  letter-spacing: 0;  min-width: 320px;  place-items: center;  width: 100%;  background-color:#fff;  position: fixed;  -ms-overflow-style: none;  -webkit-font-smoothing: antialiased;}
body,body>* {  margin: 0;  padding: 0}
body::-webkit-scrollbar {    display: none !important}
body.unlock {    overflow: visible;    height: auto;    position: static}
img {  vertical-align: top}
ins {  text-decoration: none}
ins,mark {  background-color: #ff9;  color: #000}
mark {  font-style: italic}
mark,strong {  font-weight: 700}
strong {  vertical-align: top}
del {  text-decoration: line-through}
abbr[title],dfn[title] {  border-bottom: 1px dotted;  cursor: help}
table {  border-collapse: collapse;  border-spacing: 0}
hr {  border: 0;  border-top: 1px solid #ccc;  display: block;  height: 1px;  margin: 1em 0;  padding: 0}
input,select {  border: none;  line-height: 2.2;  vertical-align: top}
textarea {  overflow: auto}
input[type=radio] {  vertical-align: text-bottom}
input[type=checkbox] {  vertical-align: middle}
button,input[type=button],input[type=image],input[type=submit],label {  cursor: pointer}
input[type=text]:-webkit-autofill {  background-color: #fff}
button,input,select,textarea {  font-family: Pretendard,Helvetica,Arial,sans-serif}
legend {  display: none}
input [type=number],input [type=text] {  padding: 0}
a {  color: #646cff;  cursor: pointer;  line-height: 1;  text-decoration: none}
a:hover {  color: #535bf2}
:focus {  -webkit-appearance: none;  -moz-appearance: none;  -o-appearance: none;  appearance: none;  -webkit-outline: none;  -moz-outline: none;  -o-outline: none;  outline: none}
* {  -webkit-tap-highlight-color: transparent}
section {  height: 100%;  margin: auto;  width: 100%}
table caption {  display: none}
dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6 {  margin: 0;  padding: 0}
fieldset {  border: none}
p {  margin: 0;  padding: 0}
input,textarea {  -webkit-appearance: none;  border-radius: 0}
ol,ul {  margin: 0;  padding: 0}
li,ol,ul {  list-style: none}
button {  background: none;  border: 1px solid transparent;  cursor: pointer;  margin: 0;  padding: 0;  transition: border-color .25s}
::-moz-selection {  background: rgba(30,32,35,.8);  color: #fff}
::selection {  background: rgba(30,32,35,.8);  color: #fff}
::placeholder {  font-family: "Noto Sans KR", serif;}
input {  -webkit-appearance: none;  border-radius: 0}
input::-webkit-input-placeholder {  color: #b2b2b2!important}
input:-moz-placeholder,input::-moz-placeholder {  color: #b2b2b2!important}
input:-ms-input-placeholder {  color: #b2b2b2!important}

@media (prefers-color-scheme: light) {
  :root {    background-color:#fff;    color: #213547  }
  a:hover {    color: #1e2023  }
  button {    background-color: transparent  }
}