@charset "utf-8";

:root {
  --black-1: #111111;	
  --black: #333333;	
  --gray-dark: #595959;
  --gray: #999999;
  --light-gray: #d9d9d9;
  --soft-gray: #efeff0;
  --font-gray: #2E2A26;
  --icon-gray: #BBBBBB;
  --add-gray: #888888;
  --cate-gray: #828282;	
  --white: #ffffff;

  --primary: #BB0842;
  --accent: #66b2ff;
  --focus-bg: rgba(102, 178, 255, 0.3);

  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --content-padding: 20px;
  --header-height: 54px;
  --top-menu-height: 48px;
  --sub-menu-height: 69px;
}
* {
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    margin: 0;
    padding: 0;
}
body, figure {
    width: 100%;
    margin: 0;
    word-break: keep-all;
    letter-spacing: -.4px;
    font-family: 'Noto Sans KR', sans-serif;
}
ol, li, dl, dt, dd {
    list-style: none;
}
a {
    color: #333;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-decoration: none;
}
img{
  max-width:100%;
  height:auto;
  display:block;
}
a{
  -webkit-tap-highlight-color: transparent;
}
button {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  line-height: inherit;
  text-align: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
}

button:disabled {
  cursor: default;
}
span.h-hidden {
    display: none !important;
}