@charset "utf-8";
#wpadminbar .display-name, 
#wpadminbar .username {
  color: #FFF;
}
/* Variable */
:root {
  --primary: #1E34BC;
  --secondary: #182B9C;
  --dark: #1E1E1E;
  --gray500: #5A688B;
  --gray400: #7481A1;
  --gray300: #A9B3C9;
  --gray200: #eaedf2;
  --gray100: #F7F8FB;
  --border: #D4D8E3;
  --yellow100: #FFF67F;
  --mint100: #6EEB9D;
  --sky100: #ACF8F5;
  --violet100: #DAD1FC;
  --inner_padding: 48px;
}

@font-face {
  font-family: 'KakaoBig';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2503@1.0/KakaoBigSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'KakaoBig';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2503@1.0/KakaoBigSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

/** Reset **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, 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, hgroup, 
menu, nav, output, section, summary, textarea,
time, mark, audio, video, select, button, input {
  margin: 0;
  padding: 0;
  border: 0;
  color: #1E1E1E;
  font-style: normal;
  line-height: 1.4em;
  font-weight: 400;
  font-family: 'KakaoBig', '-apple-system', 'BlinkMacSystemFont', 'Apple SD Gothic Neo', 'Segoe UI', 
  'Roboto', sans-serif;
}

html { scroll-behavior: smooth; }
body { 
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none;
}
* { position: relative; box-sizing: border-box; background-repeat: no-repeat !important; }

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

a { text-decoration: none; }
ul { list-style-type: none; }
em { font-style: normal; }
img {max-width: 100%;vertical-align: top;}
table {border-collapse: collapse;border-spacing: 0;}

/* 부드러운 글자 */
h2, h3, h4, h5, h6, p, span, em {
  transform: rotate(0.04deg);
}

/* Drag selection color */
::placeholder { color: #999; opacity: 1; }
::selection { color: #FFF; background: #999; }

/* Accessibility
--------------------------------------------- */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* 접근성 대응 텍스트 숨김 */
.blind { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden }

/* Background Color */
.yellow100 { background-color: var(--yellow100) !important; }
.mint100 { background-color: var(--mint100) !important; }
.sky100 { background-color: var(--sky100) !important; }
.violet100 { background-color: var(--violet100) !important; }
.color-primary { color: var(--primary) !important; }