:root {
  --padding-top: 2.5rem;
  --padding-bottom: 3.5rem;
  --primary-color: #3d77ff;
  --brand-color2: #fedcda;
  --gray-text: #878787;
  --background-color: #f1f8ff;
}

/* 모달 열릴 때 body 스크롤 방지 */
.not_scroll {
}

/* 클릭시 파란박스 방지 */
* {
  -webkit-tap-highlight-color: transparent;
}

body::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

body::-webkit-scrollbar-thumb {
  height: 30%;
  background: rgba(128, 117, 105, 0.5);
  border-radius: 0.3rem;
}

body::-webkit-scrollbar-track {
  background: rgba(128, 117, 105, 0.3);
}

main {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  min-height: 100dvh;
  /* padding-top: var(--padding-top); */
  /* padding-bottom: var(--padding-bottom); */
  background-color: #fff;
}

.inner {
  width: 100%;
  padding: 0 2rem 5rem 2rem;
  margin: 0 auto;
}

/* header 공통 css*/
.header {
  display: flex;
  align-items: center;
  /* background-color: #eee; */
  padding-left: 1.875rem;
  padding: 0 2rem;
  height: 7.8rem;
}

.header .logo_img {
  height: 3.5rem;
}