@charset "utf-8";

/* ==========================================================
   Design tokens — mexus.kr 원본 reset.css :root 값을 그대로 이식
   ========================================================== */
:root{
  --color-primary:#006BB6;
  --color-secondary:#00AEE6;
  --color-purple:#8534CC;
  --color-black:#121212;

  --header-height:100px;
  --inner:1600;
  --contain-x:30px;
  --contain-x2:60px;

  --fs-14: clamp(12px, calc(14 / var(--inner) * 100vw), 14px);
  --fs-16: clamp(14px, calc(16 / var(--inner) * 100vw), 16px);
  --fs-18: clamp(15px, calc(18 / var(--inner) * 100vw), 18px);
  --fs-20: clamp(15px, calc(20 / var(--inner) * 100vw), 20px);
  --fs-22: clamp(16px, calc(22 / var(--inner) * 100vw), 22px);
  --fs-24: clamp(16px, calc(24 / var(--inner) * 100vw), 24px);
  --fs-30: clamp(18px, calc(30 / var(--inner) * 100vw), 30px);
  --fs-32: clamp(18px, calc(32 / var(--inner) * 100vw), 32px);
  --fs-36: clamp(19px, calc(36 / var(--inner) * 100vw), 36px);
  --fs-40: clamp(20px, calc(40 / var(--inner) * 100vw), 40px);
  --fs-48: clamp(22px, calc(48 / var(--inner) * 100vw), 48px);
  --fs-56: clamp(24px, calc(56 / var(--inner) * 100vw), 56px);
  --fs-64: clamp(25px, calc(64 / var(--inner) * 100vw), 64px);
  --fs-70: clamp(26px, calc(70 / var(--inner) * 100vw), 70px);
  --fs-72: clamp(24px, calc(72 / var(--inner) * 100vw), 72px);
  --fs-80: clamp(28px, calc(80 / var(--inner) * 100vw), 80px);
  --fs-150: clamp(40px, calc(150 / var(--inner) * 100vw), 150px);

  --sp-10: clamp(5px, calc(10 / var(--inner) * 100vw), 10px);
  --sp-15: clamp(10px, calc(15 / var(--inner) * 100vw), 15px);
  --sp-20: clamp(10px, calc(20 / var(--inner) * 100vw), 20px);
  --sp-25: clamp(12px, calc(25 / var(--inner) * 100vw), 25px);
  --sp-30: clamp(15px, calc(30 / var(--inner) * 100vw), 30px);
  --sp-35: clamp(17px, calc(35 / var(--inner) * 100vw), 35px);
  --sp-40: clamp(20px, calc(40 / var(--inner) * 100vw), 40px);
  --sp-45: clamp(22px, calc(45 / var(--inner) * 100vw), 45px);
  --sp-50: clamp(25px, calc(50 / var(--inner) * 100vw), 50px);
  --sp-60: clamp(30px, calc(60 / var(--inner) * 100vw), 60px);
  --sp-70: clamp(35px, calc(70 / var(--inner) * 100vw), 70px);
  --sp-80: clamp(40px, calc(80 / var(--inner) * 100vw), 80px);
  --sp-90: clamp(45px, calc(90 / var(--inner) * 100vw), 90px);
  --sp-100: clamp(50px, calc(100 / var(--inner) * 100vw), 100px);
  --sp-120: clamp(60px, calc(120 / var(--inner) * 100vw), 120px);
  --sp-150: clamp(75px, calc(150 / var(--inner) * 100vw), 150px);
  --sp-160: clamp(80px, calc(160 / var(--inner) * 100vw), 160px);
  --sp-180: clamp(90px, calc(180 / var(--inner) * 100vw), 180px);
  --sp-200: clamp(80px, calc(200 / var(--inner) * 100vw), 200px);

  --font-body:'Pretendard Variable','Pretendard',sans-serif;
  /* 제목용 서체도 Pretendard 로 통일 (원본은 Paperlogy) */
  --font-display:'Pretendard Variable','Pretendard',sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font-body);
  font-size:var(--fs-16);
  line-height:1.75em;
  color:#505050;
  letter-spacing:-.03em;
  background:#fff;
  word-break:keep-all;
  -webkit-text-size-adjust:none;
}
a{color:inherit;text-decoration:none;transition:all .2s ease;}
img{max-width:100%;vertical-align:top;border:0;}
ul,ol{list-style:none;}
button{cursor:pointer;border:0;background:none;font:inherit;color:inherit;}
h1,h2,h3,h4,strong{font-weight:700;}

.u-blind{position:absolute;width:0;height:0;overflow:hidden;font-size:0;line-height:0;}
.u-container{width:100%;max-width:1460px;margin:0 auto;padding:0 var(--contain-x);}