:root{

  --c-brand:#CF1D1F;
  --c-text:#191F28;
  --c-text-sub:#6B7684;
  --c-text-mute:#B0B8C1;
  --c-bg:#FFFFFF;
  --c-point:#0400FF;
  --c-line:#C5C5C5;
  --c-hover-bg:#D8D8D8;
  --c-disabled:#B2B2B2;

  --f-base:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --f-display:"Palanquin",var(--f-base);

  --inner-max:1640px;
  --gutter:clamp(20px,7.3vw,140px);
  --header-h:64px;
}
@media (min-width:1024px){
  :root{--header-h:110px}
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--f-base);
  background:var(--c-bg);color:var(--c-text);
  line-height:1.6;
  word-break:keep-all;overflow-wrap:break-word;
  -webkit-font-smoothing:antialiased;
}
main{overflow-x:clip}
img,video,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

.inner{width:100%;max-width:calc(var(--inner-max) + var(--gutter) * 2);margin:0 auto;padding:0 var(--gutter)}
.font-display{font-family:var(--f-display)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.hero{padding:calc(var(--header-h) + 80px) 0 80px}
.hero h1{font-family:var(--f-display);font-size:clamp(36px,6vw,72px);font-weight:700;line-height:1.1}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}