.j-about{
  --ink:#14263a;
  --ink-soft:#44546a;
  --paper:#f6f7f9;
  --white:#ffffff;
  --line:#d5dbe3;
  --ok:#1b7f55;
  --ok-bg:#e4f3ec;
  --font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;
}
.j-about *{box-sizing:border-box;margin:0;padding:0}
.j-about{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){.j-about{scroll-behavior:auto}
}
.j-about{
  font-family:var(--font);
  background:var(--paper);
  color:var(--ink);
  line-height:1.75;
  font-size:17px;
  word-break:keep-all;
  -webkit-font-smoothing:antialiased;
}
.j-about a{color:inherit}
.j-about :focus-visible{outline:3px solid var(--ok);outline-offset:3px}
.j-about .wrap{max-width:1040px;margin:0 auto;padding:0 24px}
.j-about .top{border-bottom:1px solid var(--line);background:var(--white)}
.j-about .top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.j-about .brand{font-weight:800;font-size:20px;letter-spacing:-.02em;text-decoration:none}
.j-about .top nav{display:flex;gap:24px;font-size:15px}
.j-about .top nav a{text-decoration:none;color:var(--ink-soft)}
.j-about .top nav a:hover{color:var(--ink)}
.j-about .hero{padding:96px 0 72px}
.j-about .hero h1{
  font-size:clamp(34px,6vw,60px);
  line-height:1.25;
  letter-spacing:-.035em;
  font-weight:800;
  max-width:16em;
}
.j-about .hero p.lead{
  margin-top:28px;max-width:34em;
  font-size:clamp(18px,2.2vw,21px);color:var(--ink-soft);
}
.j-about .history{margin-top:64px;border-top:2px solid var(--ink);display:grid;grid-template-columns:repeat(3,1fr)}
.j-about .history div{padding:20px 20px 0 0}
.j-about .history b{display:block;font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.2}
.j-about .history span{display:block;margin-top:6px;color:var(--ink-soft);font-size:15px;line-height:1.5}
.j-about .history div:not(:first-child){padding-left:20px;border-left:1px solid var(--line)}
.j-about section{padding:72px 0;border-top:1px solid var(--line)}
.j-about .split{display:grid;grid-template-columns:260px 1fr;gap:48px}
.j-about .split > h2{font-size:24px;line-height:1.4;letter-spacing:-.02em;font-weight:700}
.j-about .prose p{max-width:36em}
.j-about .prose p + p{margin-top:1.1em}
.j-about .prose .em{font-weight:700}
.j-about .balance{background:var(--white)}
.j-about .balance h2{
  font-size:clamp(26px,4vw,40px);line-height:1.35;letter-spacing:-.03em;font-weight:800;max-width:18em;
}
.j-about .balance .cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}
.j-about .balance .cols p{color:var(--ink-soft)}
.j-about .balance .cols p strong{color:var(--ink)}
.j-about .promises ul{list-style:none;margin-top:36px;border-top:1px solid var(--line)}
.j-about .promises li{
  display:grid;grid-template-columns:44px 280px 1fr;gap:20px;
  padding:28px 0;border-bottom:1px solid var(--line);align-items:start;
}
.j-about .chk{
  width:32px;height:32px;border-radius:50%;
  background:var(--ok-bg);color:var(--ok);
  display:grid;place-items:center;margin-top:2px;
}
.j-about .chk svg{width:18px;height:18px}
.j-about .promises h3{font-size:20px;line-height:1.45;letter-spacing:-.02em;font-weight:700}
.j-about .promises p{color:var(--ink-soft)}
.j-about .promises h2{font-size:clamp(26px,4vw,36px);letter-spacing:-.03em;line-height:1.35;font-weight:800}
.j-about .trust{background:var(--ink);color:var(--paper);border-top:none}
.j-about .trust .wrap{max-width:760px}
.j-about .trust h2{font-size:clamp(26px,4vw,38px);letter-spacing:-.03em;line-height:1.4;font-weight:800}
.j-about .trust p{margin-top:24px;opacity:.88}
.j-about .contact .box{
  background:var(--white);border:1px solid var(--line);border-radius:6px;
  padding:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;
}
.j-about .contact h2{font-size:24px;letter-spacing:-.02em;line-height:1.4;font-weight:700}
.j-about .contact .sub{color:var(--ink-soft);margin-top:6px}
.j-about .tel{
  font-size:clamp(30px,5vw,44px);font-weight:800;letter-spacing:-.02em;text-decoration:none;
  display:inline-block;line-height:1.2;
}
.j-about .tel:hover{color:var(--ok)}
.j-about .hours{display:block;color:var(--ink-soft);font-size:15px;margin-top:4px}
.j-about footer{padding:36px 0;border-top:1px solid var(--line);color:var(--ink-soft);font-size:14px}
.j-about footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
@media (max-width:820px){.j-about{font-size:16px}
.j-about .hero{padding:64px 0 48px}
.j-about .split{grid-template-columns:1fr;gap:20px}
.j-about .balance .cols{grid-template-columns:1fr;gap:20px}
.j-about .promises li{grid-template-columns:36px 1fr;gap:6px 14px;padding:24px 0}
.j-about .promises li p{grid-column:2}
.j-about section{padding:56px 0}
.j-about .contact .box{padding:28px 24px}
.j-about .top nav{gap:16px}

}
@media (max-width:520px){.j-about .history{grid-template-columns:1fr}
.j-about .history div,.j-about .history div:not(:first-child){padding:16px 0;border-left:none}
.j-about .history div:not(:first-child){border-top:1px solid var(--line)}

}


.j-about-main{width:100%;padding:0;min-height:60vh}
.j-about h1,.j-about h2,.j-about h3{font-family:var(--j-font)}