@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
:root {
  --form-btn-radius: 0.3125rem;
  --form-btn-color-dark: #223C61;

  --color-gray100: #3B3D3F;
  --color-gray200: #5A5D60;
  --color-thema: #0964ED; 
}

body.not_scroll {height: 100%; overflow: hidden;}
html, body {
    min-height: 100vh;
    color: #222323;
}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,address,caption,cite,code,dfn,em,var {
  font-size:16px;
  line-height: 1.3;
  font-family: 'Pretendard-Regular', 'Noto Sans KR', sans-serif;
  font-style: normal;  
  font-weight: normal;
  -webkit-overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,address,caption,cite,code,dfn,em,var {
  margin: 0;
  padding: 0;
}

@media all and (max-width: 1800px) {
  html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,address,caption,cite,code,dfn,em,var {
      font-size:16px;
  }
}
@media all and (max-width: 1600px) {
  html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,address,caption,cite,code,dfn,em,var {
      font-size:15px;
  }
}
@media all and (max-width: 1280px) {
  html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,address,caption,cite,code,dfn,em,var {
      font-size:14px;
  }
}

a:focus {
  outline: 0;
}
a, a:hover, a:active, a:focus {
  color: #222323;
  text-decoration: none;
} 
*, *:after, *:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
caption {
  display: none;
}
ol,ul {
  list-style: none;
}
fieldset, img {
  border: 0 none;
  vertical-align: middle;
}
img {
  max-width: 100%;
  border:0;
}
input, select, textarea, button {  
  position: relative;
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  vertical-align: middle;
}
input, select, textarea {
  font-size: .9375rem;
  letter-spacing: -.03rem;
  font-family: 'Pretendard-Regular';
}
input[type=submit], input[type=button], label, button {
  cursor: pointer;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration {
  display: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input::placeholder, textarea::placeholder {
  color: #ccc !important;
}
input::-webkit-date-and-time-value {
  margin-top: 0px;
  text-align: left;
  width: 100%;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  font-size: .9375rem !important;
}
input:focus, textarea:focus, select:focus, button:focus {
    outline: 0;    
    border-color:#0964ED;
}
button[disabled="disabled"] {
  opacity: .25;
  background: #BEC6CB !important;
}

/* ?????? */
::-webkit-scrollbar {
  width: .375rem;
  height: .375rem;
}
::-webkit-scrollbar-track {
  background-color: #fcfcfc;
  border-radius: .625rem;
}
::-webkit-scrollbar-thumb {
  background: #136aeb52;
  opacity: 1 !important;
  border-radius: 25rem;
}
::-webkit-scrollbar-button {
  display: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.full-width {
  width: 100% !important;
}
.half-width {
  width: 50% !important;
}
.flex {
  display: flex !important;
  gap: .125rem;
}
.flex-column {
  flex-direction: column !important;
}

.justify-space-between {
  justify-content: space-between !important;
}
/* .justify-center {
  justify-content: center !important;
} */
.align-center {
  align-items: center !important;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-underline {
  text-decoration: underline !important;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

.ellipsis-2 {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.white-space-nowrap {
  white-space: nowrap;
}