/* auto.tclkr.com /air-suspension/ 전용 — body.as 범위 */
.as{margin:0;background:#f6f7f9;color:#1b2430;font:16px/1.75 Pretendard,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;word-break:keep-all;overflow-wrap:anywhere;padding-bottom:84px}
.as *{box-sizing:border-box}
.as a{color:#0b5cad}
.as a:focus-visible,.as summary:focus-visible{outline:3px solid #f59e0b;outline-offset:2px;border-radius:4px}
.as-w{max-width:1080px;margin:0 auto;padding:0 20px}
.as-top{background:#0f1b2d;color:#fff}
.as-top .as-w{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding-top:12px;padding-bottom:12px}
.as-brand{color:#fff!important;text-decoration:none;font-weight:800;font-size:19px}
.as-brand span{color:#fbbf24}
.as-top ul{display:flex;flex-wrap:wrap;gap:4px 16px;list-style:none;margin:0;padding:0}
.as-top nav a{color:#dbe4f0;text-decoration:none;font-size:15px}
.as-top nav a:hover{color:#fff;text-decoration:underline}
.as-bc ol{display:flex;flex-wrap:wrap;list-style:none;margin:16px 0 0;padding:0;font-size:14px;color:#5b6675}
.as-bc li+li::before{content:"›";margin:0 8px;color:#9aa4b2}
.as article{background:#fff;border-radius:14px;margin:12px 0 32px;padding:28px 32px 36px;box-shadow:0 1px 3px rgba(15,27,45,.08)}
.as h1{font-size:clamp(26px,4.2vw,38px);line-height:1.3;margin:0 0 14px;color:#0f1b2d;letter-spacing:-.02em}
.as h2{font-size:clamp(20px,2.6vw,25px);line-height:1.4;margin:40px 0 14px;color:#0f1b2d;padding-left:12px;border-left:4px solid #f59e0b}
.as h3{font-size:18px;line-height:1.5;margin:24px 0 8px;color:#16263d}
.as-lead{font-size:18px;color:#26303d;background:#fff8e6;border:1px solid #fde3a3;border-radius:10px;padding:16px 18px;margin:0 0 10px}
.as-meta,.as-small,.as-upd{font-size:14px;color:#5b6675}
.as-body,.as article>section{max-width:760px}
.as-body p,.as article p{margin:0 0 14px}
.as table{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:15px}
.as-body,.as article>section{overflow-x:auto}
.as th,.as td{border:1px solid #dfe3e8;padding:10px 12px;text-align:left;vertical-align:top}
.as thead th{background:#0f1b2d;color:#fff}
.as tbody th{background:#f1f4f7;width:28%}
.as ul,.as ol{padding-left:22px}
.as li{margin:4px 0}
.as-fig{margin:18px 0 22px}
.as-fig img{width:100%;height:auto;max-height:540px;object-fit:cover;border-radius:10px;display:block;background:#e8ebef}
.as-fig figcaption{font-size:14px;color:#5b6675;margin-top:6px}
.as-gal{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.as-gal .as-fig{margin:0}
.as-gal .as-fig img{aspect-ratio:4/3;object-fit:cover}
.as-grid{list-style:none;padding:0!important;margin:14px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:none}
.as-grid2{grid-template-columns:repeat(2,1fr)}
.as-grid3{grid-template-columns:repeat(3,1fr)}
.as-card{margin:0;border:1px solid #e3e7ec;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.as-card>a{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}
.as-card strong{color:#0f1b2d;font-size:16px;line-height:1.45}
.as-card small{color:#5b6675;font-size:14px;line-height:1.5}
.as-thumb{display:block;aspect-ratio:4/3;background:#e8ebef;overflow:hidden}
.as-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.as-card-b{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}
.as-case a:hover strong,.as-field a:hover strong{text-decoration:underline}
.as-field>a,.as-card-h{padding:16px 18px;gap:6px}
.as-field{border-top:4px solid #f59e0b}
.as-tags{font-size:13px;color:#0b5cad;margin-top:auto}
.as-intent .as-card-h{background:#f6f8fb;border-bottom:1px solid #e3e7ec;height:auto}
.as-intent ul{margin:10px 0 14px;padding-left:34px!important}
.as-intent li{font-size:15px}
.as-links ul{padding-left:20px}
.as-links li{margin:7px 0}
.as-faq details{border:1px solid #e3e7ec;border-radius:10px;margin:10px 0;background:#fff}
.as-faq summary{cursor:pointer;list-style:none;padding:14px 44px 14px 16px;position:relative}
.as-faq summary::-webkit-details-marker{display:none}
.as-faq summary::after{content:"+";position:absolute;right:16px;top:12px;font-size:22px;color:#0b5cad}
.as-faq details[open] summary::after{content:"−"}
.as-faq summary h3{margin:0;font-size:17px;display:inline}
.as-faq details p{margin:0;padding:0 16px 16px;color:#26303d}
.as-note{background:#f1f4f7;border-radius:10px;padding:4px 18px 8px;margin:28px 0;max-width:760px}
.as-note h2{border:0;padding:0;font-size:17px;margin:14px 0 6px}
.as-note p{font-size:15px}
.as-up{font-size:15px;margin-top:22px!important}
.as-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:#0f1b2d;color:#e8eef6;border-radius:12px;padding:20px 22px;margin-top:36px;max-width:none!important}
.as-cta h2{color:#fff;border:0;padding:0;margin:0 0 6px;font-size:21px}
.as-cta p{margin:0!important;font-size:15px;max-width:560px}
.as-call{position:relative;display:inline-block}
.as-call summary{list-style:none;cursor:pointer;background:#f59e0b;color:#111;font-weight:800;border-radius:999px;padding:11px 22px;font-size:17px;white-space:nowrap;user-select:none}
.as-call summary::-webkit-details-marker{display:none}
.as-call summary:hover{background:#fbbf24}
.as-call-pop{margin-top:10px;background:#fff;color:#1b2430;border-radius:10px;padding:12px 16px;box-shadow:0 6px 20px rgba(0,0,0,.18);min-width:240px}
.as-tel{display:block;font-size:22px;font-weight:800;color:#0b5cad!important;text-decoration:none}
.as-call-pop small{display:block;font-size:13px;color:#5b6675;margin-top:4px}
.as-call-lg summary{font-size:18px;padding:13px 26px}
.as-sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(15,27,45,.94)}
.as-call-up .as-call-pop{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);margin:0}
.as-hero{position:relative;margin:18px 0 8px;max-width:none!important}
.as-hero .as-fig{margin:0}
.as-hero .as-fig img{max-height:460px;aspect-ratio:16/9}
.as-hero-over{position:absolute;left:16px;bottom:16px;right:16px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px}
.as-hero-over p{margin:0!important;background:rgba(15,27,45,.82);color:#fff;font-weight:700;padding:7px 14px;border-radius:999px;font-size:15px}
.as-pager{display:flex;gap:8px;margin:18px 0}
.as-pager a,.as-pager span{display:inline-block;min-width:40px;text-align:center;padding:7px 12px;border:1px solid #cfd6de;border-radius:8px;text-decoration:none}
.as-pager span{background:#0f1b2d;color:#fff;border-color:#0f1b2d}
.as-foot{background:#0f1b2d;color:#c9d4e2;font-size:14px;padding:22px 0 28px}
.as-foot p{margin:4px 0}.as-foot a{color:#fde3a3}.as-foot strong{color:#fff}
.as-foot .as-upd{color:#9fb0c5}
@media (max-width:860px){.as-grid,.as-grid3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
 .as article{padding:20px 16px 28px;border-radius:0;margin:10px -20px 24px}
 .as-grid,.as-grid2,.as-grid3,.as-gal{grid-template-columns:1fr}
 .as-lead{font-size:17px}
 .as-hero-over{position:static;margin-top:10px}
 .as-hero-over p{background:#0f1b2d}
 .as-cta{padding:18px 16px}
 .as table{font-size:14px}
 .as th,.as td{padding:8px}
}
@media (prefers-reduced-motion:reduce){.as *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}