:root{
  --dn-cream:#FFFFFF;      --dn-cream2:#F5F5F5;
  --dn-dark:#0A0A0A;       --dn-dark2:#000000;
  --dn-sub:#6B6B6B;        --dn-border:#E4E4E4;
  --dn-accent:#0A0A0A;     --dn-bronze:#4F4F4F;   --dn-teal:#0A0A0A;
  --dn-topbar:#0A0A0A;     --dn-btn-hover:#3D3D3D;
  --dn-beige:#F5F5F5;      --dn-gold:#6B6B6B;     --dn-point:#0A0A0A;
  --dn-white:#FFFFFF;      --dn-gray:#6B6B6B;     --dn-line:#E4E4E4;
  --dn-bg:#FFFFFF;         --dn-text:#0A0A0A;
  --dn-topbar-ht:0px;     --dn-nav-ht:72px;      --wls-bottom:16px;
  --dn-font:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;
  --dn-serif:"Nanum Myeongjo",Georgia,"Apple SD Gothic Neo",serif;
  --blog-content-width:1080px; --blog-content-padding-x:20px;
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:17px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--dn-cream);color:var(--dn-dark);font-family:var(--dn-font);
  line-height:1.7;word-break:keep-all;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
table{border-collapse:collapse;width:100%}
h1,h2,h3,h4,p,ul,ol,figure,dl{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--dn-dark);outline-offset:2px}