:root {
    --padding-top: 2rem;
    --padding-bottom: 5rem;
    --common-width: 720px;
    --brand-color: #4394f0;
}
.color { color: var(--brand-color);}

/* 모달 열릴 때 body 스크롤 방지 */
.not_scroll {
    overflow: hidden !important;
}

/* 클릭시 파란박스 방지 */
* {
    -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, .5);
  border-radius: 0.3rem;
}
body::-webkit-scrollbar-track {
  background: rgba(128, 117, 105, .3);
}

#wrap { height: 100dvh; position: relative; display: flex; flex-direction: column; overflow-x: hidden;}
.container { width: 100%; padding: 0 2rem; margin: 0 auto;}
main > .container { padding-bottom:  4rem;}
main { flex: 1; min-height: 0; padding-top: 7rem;}

.headline_box .headline {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 2.5rem;
}
.headline_box .headline b{
  color: #074ACB;
}
.headline_box .sub_headline {
  font-size: 2rem;
  font-weight: 700;
}