/* Main0 (메인 히어로 SINCE) */
.f-main0{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 500;        /* Medium */
  line-height: 1.4;        /* 140% */
  letter-spacing: 0.43em;  /* 43% */
}
/* Main1 */
.f-main1{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 900;        /* Black */
  line-height: normal;
  letter-spacing: 0em;
}
/* Main2 */
.f-main2{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 32px;
  font-weight: 400;        /* Regular */
  line-height: 1.35;       /* 135% */
  letter-spacing: -0.03em; /* -3% */
}
@media (max-width: 1279px){
  .f-main2{ font-size: 22px; }
}
@media (max-width: 799px){
  .f-main2{ font-size: 18px; }
}
/* Main3 (메인 타이틀) */
.f-main3{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 54px;
  font-weight: 800;        /* ExtraBold */
  line-height: normal;
  letter-spacing: -0.02em; /* -2% */
}
@media (max-width: 1279px){
  .f-main3{ font-size: 36px; }
}
@media (max-width: 799px){
  .f-main3{ font-size: 32px; }
}
/* Main4 */
.f-main4{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 300;        /* Light */
  line-height: 1.6;        /* 160% */
  letter-spacing: 0.03em;  /* 3% */
}
@media (max-width: 1279px){
  .f-main4{ font-size: 16px; }
}
@media (max-width: 799px){
  .f-main4{ font-size: 14px; }
}
/* SB1 (푸터 소제목) */
.f-sb1{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 600;        /* SemiBold */
  line-height: 1.4;        /* 140% */
  letter-spacing: -0.03em; /* -3% */
}
/* SB2 */
.f-sb2{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 600;     /* SemiBold */
  line-height: normal;
  letter-spacing: 0em;  /* 0% */
}
@media (max-width: 799px){
  .f-sb2{ font-size: 16px; }
}
/* SB3 */
.f-sb3{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;     /* SemiBold */
  line-height: normal;  /* Auto */
  letter-spacing: 0.4em; /* 40% */
}
/* SB4 */
.f-sb4{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 32px;
  font-weight: 600;        /* SemiBold */
  line-height: 40px;
  letter-spacing: -0.03em; /* -3% */
}

/* Tablet (800~1279): 28/40 */
@media (min-width: 800px) and (max-width: 1279px){
  .f-sb4{ font-size: 28px; }
}

/* Mobile (~799): 20/auto */
@media (max-width: 799px){
  .f-sb4{
    font-size: 20px;
    line-height: normal;   /* '자동' 대응 */
  }
}
/* SB5 */
.f-sb5{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 600;     /* SemiBold */
  /* line-height: 40px; */
  line-height: normal;   /* '자동' 대응 */
  letter-spacing: 0em;  /* 0% */
}
@media (max-width: 799px){
  .f-sb5{
    font-size: 20px;
  }
}
/* SB6 */
.f-sb6{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 32px;
  font-weight: 600;        /* SemiBold */
  line-height: 40px;
  letter-spacing: -0.03em; /* -3% */
}
/* L4 */
.f-l4{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 32px;
  font-weight: 300;      /* Light */
  line-height: normal;   /* Auto */
  letter-spacing: 0em;   /* 0% */
}
@media (max-width: 799px){
  .f-l4{ font-size: 16px; }
}
/* L5 - 서브타이틀 얇음 (Responsive) */
.f-l5{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 44px;          
  font-weight: 400;         /* Regular */
  line-height: normal;   /* Auto */
  letter-spacing: -0.03em;  /* -3% */
}

@media (min-width: 800px) and (max-width: 1279px){
  .f-l5{ font-size: 38px; } /* 태블릿 (800~1279) */
}

@media (max-width: 799px){
  .f-l5{ font-size: 28px; } 
}

/* =========================
   L6 - (Light) responsive
   Desktop(1280+): 32/40, -3%
   Tablet(800~1279): 24/40, -3%
   Mobile(~799): 20/auto, -3%
========================= */
.f-l6{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-weight: 300;        /* Light */
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.03em; /* -3% */
}

/* Tablet */
@media (min-width: 800px) and (max-width: 1279px){
  .f-l6{ font-size: 24px; }
}

/* Mobile */
@media (max-width: 799px){
  .f-l6{
    font-size: 20px;
    line-height: normal;   /* '자동' 대응 */
  }
}
/* =========================
   L7 - 온라인견적 본문
========================= */
.f-l7{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-weight: 300;        /* Light */
  font-size: 18px;
  line-height: 1.6;        /* 160% */
  letter-spacing: 0.03em;  /* 3% */
}
@media (max-width: 799px){
  .f-l7{ font-size: 16px; }
}

/* L8 (Desktop base → Tablet → Mobile) */
.f-l8{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 24px;      /* 데스크탑 기본 (1280+) */
  font-weight: 300;     /* Light */
  line-height: normal;  /* Figma Auto */
  letter-spacing: 0;
}

/* 태블릿 (800~1279) */
@media (max-width: 1279px){
  .f-l8{
    font-size: 18px;
    line-height: normal; /* Auto */
  }
}

/* 모바일 (0~799) */
@media (max-width: 799px){
  .f-l8{
    font-size: 14px;
    line-height: 1.5;    /* 150% */
  }
}

/* L10 */
.f-l10{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 300;      /* Light */
  line-height: normal;   /* Auto */
  letter-spacing: 0em;   /* 0% */
}
/* L11 */
.f-l11{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 28px;
  font-weight: 300;      /* Light */
  line-height: normal;   /* Auto */
  letter-spacing: 0em;   /* 0% */
}
/* EL1 */
.f-el1{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 200;     /* ExtraLight */
  line-height: normal;  /* Auto */
  letter-spacing: 0em;  /* 0% */
}
/* L1 (페이지슬로건) */
.f-l1{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 32px;
  font-weight: 300;        /* Light */
  line-height: 1.7;        /* 170% */
  letter-spacing: -0.03em; /* -3% */
}
/* L2 */
.f-l2{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 300;     /* Light */
  line-height: 1.4;     /* 140% */
  letter-spacing: 0em;  /* 0% */
}

@media (min-width: 800px) and (max-width: 1279px){
  .f-l2{ font-size: 16px; }
}

@media (max-width: 799px){
  .f-l2{ font-size: 14px; }
}
/* =========================
   L3 - (Light) 16 / 160% / 3%
========================= */
.f-l3{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-weight: 300;        /* Light */
  font-size: 16px;
  line-height: 1.6;        /* 160% */
  letter-spacing: 0.03em;  /* 3% */
}
/* R1 (본문) */
.f-r1{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 400;     /* Regular */
  line-height: 1.6;     /* 160% */
  letter-spacing: 0.03em; /* 3% */
}
/* R2 - 메인슬로건 (Desktop → Tablet → Mobile) */
.f-r2{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 20px;     /* 데스크탑 1280+ */
  font-weight: 400;    /* Regular */
  line-height: normal; /* Auto */
  letter-spacing: 0;
}

/* 태블릿 800~1279 */
@media (max-width: 1279px){
  .f-r2{ font-size: 16px; }
}

/* 모바일 0~799 */
@media (max-width: 799px){
  .f-r2{ font-size: 14px; }
}
/* R3 (Desktop → Tablet → Mobile) */
.f-r3{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 16px;     /* 데스크탑 1280+ */
  font-weight: 400;    /* Regular */
  line-height: normal; /* Auto */
  letter-spacing: 0;
}

/* 태블릿 800~1279 (동일 값이라 생략 가능하지만 형태 맞춰둠) */
@media (max-width: 1279px){
  .f-r3{ font-size: 16px; }
}

/* 모바일 0~799 */
@media (max-width: 799px){
  .f-r3{ font-size: 14px; }
}
/* R4 (푸터 컨텐츠) */
.f-r4{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;      /* Regular */
  line-height: 1.6;      /* 160% */
  letter-spacing: 0.016em; /* 1.6% */
}
@media (max-width: 799px){
  .f-r4{
    font-size: 14px;
  }
}

/* R5 (사이트맵/서브페이지) */
.f-r5{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;      /* Regular */
  line-height: normal;   /* Auto */
  letter-spacing: 0.03em; /* 3% */
}
@media (max-width: 799px){
  .f-r5{
    font-size: 12px;
  }
}
/* R6 */
.f-r6{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 400;     /* Regular */
  line-height: 40px;    /* 행간 40 */
  letter-spacing: 0;    /* 0% */
}

/* R7 ──────────────────────────────── */
.f-r7{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;        /* Regular */
  line-height: 160%;       /* 160% */
  letter-spacing: 0;       /* 0% */
}

@media (max-width: 799px){
  .f-r7{
    font-size: 12px;
  }
}

/* R8 ──────────────────────────────── */
.f-r8{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;        /* Regular */
  line-height: 140%;       /* 140% */
  letter-spacing: 0;       /* 0% */
}

/* R9 */
.f-r9{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 32px;
  font-weight: 400;        /* Regular */
  line-height: 135%;       /* 135% */
  letter-spacing: -0.03em; /* -3% */
}

/* Tablet */
@media (min-width: 800px) and (max-width: 1279px){
  .f-r9{ font-size: 28px; }
}

/* Mobile */
@media (max-width: 799px){
  .f-r9{ font-size: 24px; }
}

/* M1 */
.f-m1{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 500;    /* Medium */
  line-height: 1;      /* 100% */
  letter-spacing: 0em; /* 0% */
}
@media (max-width: 799px){
  .f-m1{ font-size: 14px; }
}
/* M2 (서브메뉴) */
.f-m2{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 500;       /* Medium */
  line-height: normal;    /* Auto */
  letter-spacing: -0.03em; /* -3% */
}
/* M3 */
.f-m3{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 40px;
  font-weight: 500;        /* Medium */
  line-height: 1.23;       /* 123% */
  letter-spacing: -0.03em; /* -3% */
}
/* =========================
   B1 (Responsive)
   Desktop(1280+): 20
   Tablet(800~1279): 20
   Mobile(~799): 16
========================= */
.f-b1{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 700;        /* Bold */
  line-height: normal;     /* Auto */
  letter-spacing: -0.03em; /* -3% */
}

@media (max-width: 799px){
  .f-b1{ font-size: 16px; }
}
/* =========================
   B2 - 섹션대제목 (Responsive)
   Desktop(1280+): 44
   Tablet(800~1279): 38
   Mobile(~799): 34
========================= */
.f-b2{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-weight: 700;
  font-size: 44px;
  line-height: 1.1;         /* 110% */
  letter-spacing: -0.03em;  /* -3% */
}

/* Tablet */
@media (min-width: 800px) and (max-width: 1279px){
  .f-b2{ font-size: 38px; }
}

/* Mobile */
@media (max-width: 799px){
  .f-b2{ font-size: 28px; }
}

/* B3 */
.f-b3{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 32px;
  font-weight: 700;   /* Bold */
  line-height: 1.8;   /* 180% */
  letter-spacing: 0em; /* 0% */
}
@media (max-width: 799px){
  .f-b3{ font-size: 24px; }
}
/* B4 (푸터 사명) */
.f-b4{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 700;        /* Bold */
  line-height: 1.6;        /* 160% */
  letter-spacing: 0em;     /* 0% */
}
@media (max-width: 799px){
  .f-b4{
    font-size: 18px;
    line-height: 1.2;      /* 120% */
  }
}
/* B5 */
.f-b5{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 32px;
  font-weight: 700;     /* Bold */
  line-height: 1.7;     /* 170% */
  letter-spacing: 0.03em; /* 3% */
}
/* =========================
   B6 - 영문서브타이틀 (Responsive)
   Desktop(1280+): 14/20
   Tablet(800~1279): 14/20
   Mobile(~799): 12/20
========================= */
.f-b6{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}

/* Mobile */
@media (max-width: 799px){
  .f-b6{ font-size: 12px; }
}

/* B7 ──────────────────────────────── */
.f-b7{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 28px;
  font-weight: 700;        /* Bold */
  line-height: normal;     /* Auto */
  letter-spacing: -0.03em; /* -3% */
}

@media (max-width: 799px){
  .f-b7{
    font-size: 18px;
  }
}

/* B8 */
.f-b8{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;     /* Bold */
  line-height: 20px;    /* 20 */
  letter-spacing: 0em;  /* 0% */
}

/* B9 */
.f-b9{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 700;     /* Bold */
  line-height: normal;  /* Auto */
  letter-spacing: 0em;  /* 0% */
}

/* B10 ──────────────────────────────── */
.f-b10{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 36px;
  font-weight: 700;        /* Bold */
  line-height: normal;     /* Auto */
  letter-spacing: -0.03em; /* -3% */
}

@media (max-width: 799px){
  .f-b10{ font-size: 24px; }
}

/* ======= 디자인용 ========*/
/* 1.자간넓음 */
.f-lswide1{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 300;   /* Light */
  line-height: 1.4;   /* 140% */
  letter-spacing: 2.4em; /* 240% */
}
/* 2_copyright (저작권문구) */
.f-copyright{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 300;     /* Light */
  line-height: normal;  /* Auto */
  letter-spacing: 0em;  /* 0% */
}
@media (max-width: 799px){
  .f-copyright{ font-size: 12px; }
}
/* 3_약관 */
.f-terms{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 13px;
  font-weight: 400;   /* Regular */
  line-height: 1.8;   /* 180% */
  letter-spacing: 0em; /* 0% */
}
/* 4_자간 넓음 */
.f-lswide4{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 700;      /* Bold */
  line-height: normal;   /* Auto */
  letter-spacing: 0.1em; /* 10% */
}
/* 5_자간 넓음*/
.f-lswide5{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 300;       /* Light */
  line-height: normal;    /* Auto */
  letter-spacing: 1em;    /* 100% */
}

@media (max-width: 799px){
  .f-lswide5{
    font-size: 12px;
  }
}
/* =========================
   EB1 (연혁슬로건)
   - Desktop/Tablet: 48 / 60 / -3%
   - Mobile:         28 / 38 / -3%
========================= */
.f-eb1{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 48px;
  font-weight: 800;      /* ExtraBold */
  line-height: 60px;
  letter-spacing: -0.03em; /* -3% */
}

/* Mobile (1 ~ 799) */
@media (max-width: 799px){
  .f-eb1{
    font-size: 28px;
    line-height: 38px;
    /* letter-spacing, weight 그대로 */
  }
}

/* =========================
   EB2
   - Pretendard ExtraBold 28 / Auto / -1.5%
========================= */
.f-eb2{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.015em;
}

/* =========================
   BK1
   - Desktop/Tablet(800+): 24 / 40 / -3% / Black
   - Mobile(1~799):        18 / Auto / -3% / Black
========================= */
.f-bk1{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 900;        /* Black */
  line-height: 40px;
  letter-spacing: -0.03em; /* -3% */
}

@media (max-width: 799px){
  .f-bk1{
    font-size: 18px;
    line-height: normal;   /* Auto */
  }
}

/* BK2 ──────────────────────────────── */
.f-bk2{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 64px;
  font-weight: 800;        /* ExtraBold */
  line-height: normal;     /* Auto */
  letter-spacing: -0.02em; /* -2% */
}

@media (max-width: 799px){
  .f-bk2{
    font-size: 38px;
  }
}

/* BK3 ──────────────────────────────── */
.f-bk3{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 900;        /* Black */
  line-height: normal;     /* Auto */
  letter-spacing: -0.03em; /* -3% */
}

/* BK4 ──────────────────────────────── */
.f-bk4{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 900;        /* Black */
  line-height: normal;     /* Auto */
  letter-spacing: 0.016em; /* 1.6% */
}

/* Button ──────────────────────────────── */
.f-button{
  font-family: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 500;        /* Medium */
  line-height: 100%;       /* 100% */
  letter-spacing: 0;       /* 0% */
}