@charset "UTF-8";

/* color code */
:root {
  --primary: #08459B;
  --subprimary: #25B4A0;

  --blue: #3180F0;
  --lightblue: #609FFA;

  --green: #11D0B6;
  --lightgreen: #55E7D2;

  --red : #EB5757;

  --gray50: #F8F9FA;
  --gray100: #EFF0F2;
  --gray200: #E3E4E7;
  --gray300: #CCCDD0;
  --gray400: #ACADB3;
  --gray500: #94969B;
  --gray600: #72777E;
  --gray700: #535A65;
  --gray800: #393942;
  --gray900: #1C1D22;

  --blue100: #EBF4FF;
  --blue200: #CDDDF4;
  --blue300: #ADC7EC;
  --blue400: #83A9DF;
  --blue500: #598ACE;
  --blue600: #2A61B0;
  --blue700: #003594;
  --blue800: #002D6C;

  --green100: #EBFFFC;
  --green200: #CAF3EE;
  --green300: #AAE8DF;
  --green400: #82D9CD;
  --green500: #59C8B9;
  --green600: #25B4A0;
  --green700: #008C79;
  --green800: #005E51;

  --white100: #FFF;
}

/* box sizing reset */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* default  */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header,
nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

/* IOS 대응, text 크기 조절 방지  */
html {
    -webkit-text-size-adjust: none;  
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    font-size: 62.5%;
}
@media screen and (max-width: 375px){
  html{
    font-size: 2.6667vw;
  }
}
input, button {
    appearance: auto;
    border-radius: 0;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
}

/* remove list styles */
ol, ul {
  list-style: none;
}

/* remove quotes from blockquotes and q elements */
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: '';
}

/* body defaults */
body {
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: 'Pretendard Variable', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  background-color: #FFF;
  color: #191919;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* anchor styles */
a {
  color: inherit;
  text-decoration: none;
}

/* button, input, textarea, select reset */
button,
input,
select,
textarea {
  font: inherit;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

button {
  cursor: pointer;
}
button:disabled{
  cursor: default;
}

hr {
  width: 100%;
  height: 1px;
  background: var(--gray200);
}


/* reset images */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

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

/* textarea  */
textarea {
  resize: vertical;
}

/* hidden elements */
[hidden] {
  display: none !important;
}

/* ie input스타일 */
input::-ms-check {
  display: none;
}

select::-ms-expand {
  display: none;
}

input[type=checkbox] {
  display: none;
  cursor: pointer;
}

input[type=radio] {
  display: none;
  cursor: pointer;
}