/* ABOUT: 회사 소개·연락처. 글은 명조, 왼쪽 작은 영어 라벨은 고딕. 공통 모양은 /lib/site.css */
.about { max-width: 860px; padding-top: clamp(40px, 8vw, 96px); padding-bottom: 96px; }
.about-intro { margin-bottom: clamp(48px, 7vw, 80px); font-family: var(--serif); word-break: keep-all; }
.about-intro p { margin: 0; font-size: clamp(16px, 1.6vw, 19px); line-height: 2; color: var(--ink); text-wrap: pretty; }
.about-intro .about-sign { margin-top: 20px; font-size: 14px; color: var(--muted); }
.about-list { display: grid; gap: 36px; margin: 0; }
.about-list > div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 24px; padding-top: 22px; border-top: 1px solid var(--line); }
.about-list dt { font: 500 11px/2.2 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--faint); }
.about-list dd { margin: 0; }
.about-list ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; font-family: var(--serif); font-size: 14.5px; line-height: 1.8; color: var(--ink); word-break: keep-all; }
.about-list small { margin-left: 6px; font-size: 12.5px; color: var(--muted); }
.about-list a { color: inherit; text-decoration: none; border-bottom: 1px solid var(--line); }
.about-list a:hover { border-color: currentColor; }
.about-list .dot { margin: 0 6px; color: var(--faint); }
@media (max-width: 640px) {
  .about-list > div { grid-template-columns: 1fr; gap: 8px; padding-top: 18px; }
  .about-list small { display: block; margin: 0; }
}

/* 문의하기: 아래 선만 있는 조용한 칸(명조) */
.contact-form { display: grid; gap: 18px; max-width: 560px; }
.cf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.contact-form label { display: grid; gap: 4px; }
.contact-form label span { font: 500 11px var(--sans); letter-spacing: .04em; color: var(--faint); }
.contact-form input, .contact-form textarea {
  width: 100%; box-sizing: border-box; padding: 6px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0;
  background: transparent; font: 14.5px/1.7 var(--serif); color: var(--ink); outline: none;
}
.contact-form textarea { resize: vertical; min-height: 110px; }
.contact-form input:focus, .contact-form textarea:focus { border-bottom-color: var(--ink); }
.cf-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.cf-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.cf-msg { flex: 1; margin: 0; font: 13px/1.6 var(--sans); color: var(--muted); word-break: keep-all; }
.contact-form button {
  flex: none; padding: 9px 22px; border: 1px solid var(--ink); border-radius: 999px; background: none; cursor: pointer;
  font: 500 12px var(--sans); letter-spacing: .08em; color: var(--ink); transition: background .2s, color .2s;
}
.contact-form button:hover { background: var(--ink); color: #fff; }
.contact-form button:disabled { opacity: .4; cursor: default; }
@media (max-width: 640px) { .cf-row { grid-template-columns: 1fr; } }

/* Business: 계좌·사업자 정보. 왼쪽 작은 항목명(고딕) + 값(명조), 번호는 숫자 폭 고정 */
.about-biz li { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 12px; }
.about-biz .ab-k { font: 500 12px/2.2 var(--sans); color: var(--muted); }
.about-biz b { font-weight: 400; font-variant-numeric: tabular-nums; letter-spacing: .02em; white-space: nowrap; }
.about-biz .ab-v small { display: block; margin: 0; }
.about-biz i { font-style: normal; white-space: nowrap; }