@charset "utf-8";

:root {
  --color-default-white: #FFFFFF;
  --color-minish-blue: #222176;
  --color-minish-black: #222222;
  --color-minish-red: #FF4141;

  --color-send-background: #DDE3FF;
  --color-replise-background: #FFFFFF;

  --color-violet: #7F7DC5;
  --color-indigo: #373683;
  --color-violet-light: #B8B8FF;
  --color-lavender-gray:#AFAFCF;

  --color-dark-gray :#7A7C8C;
  --color-light-gray: #AAACB7;

  --color-border-gray: #DDDFEE;
  --color-border-light-gray: #E5E5E5;

  --common-transition: all 0.3s cubic-bezier(0.33, 0, 0.2, 1);
  --common-slow-transition: all 0.6s cubic-bezier(0.33, 0, 0.2, 1);
}

body.dark {
  --color-send-background: #303459;
  --color-replise-background: #37373F;
}


/* CSS 초기화 */
* {
  --webkit-box-sizing:border-box;
  box-sizing:border-box;
  font-size:inherit;
  font-weight:inherit;;
  color:inherit;
  margin:0;
  padding:0;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button {
  background:transparent;
  border:0;
  font-family: "Pretendard", HelveticaNeue, DroidSans, Sans-serif, Helvetica, serif;
  font-weight:inherit;
  margin:0;
  padding:0;
  vertical-align:baseline;
  word-break: break-all;
}

html {
  overflow: hidden;
  -webkit-text-size-adjust:100%;
}

body {
  color:var(--color-minish-black);
  font-weight:400;
  font-size:16px;
  line-height:inherit;
  min-height:100dvh;
  min-width:320px;
  margin:0;
  padding:0;
  overflow-x:hidden;
  width:100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display:block;
}

nav ul, li {
  list-style:none;
}

a {
  background:transparent;
  --webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  text-decoration:none;
  vertical-align:baseline;
}

img {
  max-width:100%;
  vertical-align:top;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

input {
  border-radius:0;
  --webkit-box-sizing:border-box;
  box-sizing:border-box;
  font-family: "Pretendard", HelveticaNeue, DroidSans, Sans-serif, Helvetica, serif;
  font-size:inherit;
  margin:0;
  padding:0;
  vertical-align:top;
}

select, textarea {
  --webkit-box-sizing:border-box;
  box-sizing:border-box;
  font-family: "Pretendard", HelveticaNeue, DroidSans, Sans-serif, Helvetica, serif;
  font-size:inherit;
}

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

button {
  cursor:pointer;
}

header,
nav,
section,
article,
aside,
footer { display:block; }

/* scroll */
*::-webkit-scrollbar { height:4px; width:4px; }
*::-webkit-scrollbar-track { background:transparent; }
*::-webkit-scrollbar-thumb { background:#ABADBD; border-radius:2px; }


.dark *::-webkit-scrollbar-thumb { background:#90919C; border-radius:2px; }
/* scroll end */