@charset "utf-8";
/* 회사소개 페이지 전용 스타일 */
#container_title{display:none}
#container{padding-top:30px}
.wa-about{--about-navy:#0b1b34}
.about-crumb{display:flex;gap:12px;font-size:12px;color:#64748b;margin-bottom:40px}
.about-label{font-size:11px;letter-spacing:.18em;font-weight:750;color:#1a63e0}
.about-hero{display:grid;grid-template-columns:.95fr 1.25fr;align-items:center;gap:30px;padding-bottom:50px}
.about-hero h1{font-size:clamp(32px,3.2vw,47px);line-height:1.25;letter-spacing:-.055em;color:var(--ink);margin:22px 0}
.about-hero h1 em{font-style:normal;color:#1a63e0}
.about-hero__desc{font-size:17px;line-height:1.85;margin-bottom:28px;color:#526176}
.about-hero .wa-btn{gap:24px;font-size:14px;border-radius:8px}
.about-hero__note{font-size:12px;color:#64748b;margin-top:14px}
.about-hero__visual{margin:0;background:#050e1e;border-radius:16px;overflow:hidden;min-width:0}
.about-hero__visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.about-hero__visual figcaption{display:flex;justify-content:space-between;gap:12px;padding:20px 25px;border-top:1px solid #253047;color:#c4d0e2;font-size:9px;letter-spacing:.13em}
.about-hero__visual figcaption span:first-child{color:#c8ff3d}
.about-channel{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}
.about-channel>span{font-size:13px;color:#64748b}
.about-channel p{font-size:18px;font-weight:650;letter-spacing:-.025em;color:var(--ink);margin:0}
.about-channel b{font-weight:400;color:#9aabc1;margin:0 13px}
.about-story{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding:100px 0 50px;align-items:start}
.about-story .wa-sechead{margin:0}
.about-story .wa-h2{font-size:34px;line-height:1.4;letter-spacing:-.04em}
.about-story .wa-h2 span{color:#1a63e0}
.about-story__body{padding-top:32px}
.about-story .wa-lead{font-size:16px;line-height:1.95;margin:0}
.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#f5f7fb;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:100px}
.about-value{position:relative;padding:35px 30px}
.about-value+.about-value{border-left:1px solid var(--line)}
.about-value__num{position:absolute;right:27px;top:25px;font-size:13px;color:#74859e;font-weight:600}
.about-value .wa-card__ico{background:transparent;padding:0;width:auto;justify-content:flex-start;color:#1a63e0;margin-bottom:20px}
.about-value .wa-card__t{font-size:24px}
.about-value .wa-card__d{font-size:14px;line-height:1.8}
.about-partners{margin-bottom:100px}
.about-partners>.wa-h2{font-size:32px;margin-bottom:30px;letter-spacing:-.035em}
.about-partners .wa-cat__box{padding:34px;background:#fff;border-radius:12px}
.about-partners .about-label{display:block;margin-bottom:20px}
.about-partners .wa-cat__t{font-size:23px;margin-bottom:12px}
.about-partners .wa-card__d{font-size:15px}
.about-info{display:grid;grid-template-columns:1fr 1.8fr;gap:50px;padding:55px 0 0;border-top:1px solid var(--line);margin-bottom:65px}
.about-info .wa-h2{font-size:30px;line-height:1.4}
.about-info__table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}
.about-info__table th,.about-info__table td{padding:17px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.about-info__table th{width:130px;color:#64748b;font-weight:500}
.about-info__table td{color:var(--ink);font-weight:550}
.wa-about a:focus-visible{outline:3px solid #1a63e0;outline-offset:5px}
@media(max-width:900px){
 .about-hero{grid-template-columns:1fr 1fr;gap:24px}.about-hero h1{font-size:34px}
 .about-channel{align-items:flex-start;flex-direction:column;gap:10px}
 .about-story{gap:30px}.about-story .wa-h2{font-size:28px}
 .about-info{grid-template-columns:1fr 1.5fr;gap:25px}
}
@media(max-width:640px){
 #container{padding-top:22px}.about-crumb{margin-bottom:28px}
 .about-hero{grid-template-columns:1fr;gap:32px;padding-bottom:30px}.about-hero h1{font-size:37px;margin:16px 0 20px}
 .about-hero__desc{font-size:16px}.about-hero__visual figcaption{padding:16px;font-size:8px}
 .about-channel{padding:22px 0}.about-channel p{font-size:14px}.about-channel b{margin:0 5px}
 .about-story{grid-template-columns:1fr;gap:24px;padding:60px 0 32px}.about-story .wa-h2{font-size:30px}.about-story__body{padding-top:0}.about-story .wa-lead{font-size:15px}
 .about-values{grid-template-columns:1fr;margin-bottom:60px}.about-value{padding:28px}.about-value+.about-value{border-left:0;border-top:1px solid var(--line)}
 .about-partners{margin-bottom:60px}.about-partners>.wa-h2{font-size:27px}.about-partners .wa-grid{grid-template-columns:1fr}.about-partners .wa-cat__box{padding:27px}
 .about-info{grid-template-columns:1fr;gap:24px;padding-top:35px;margin-bottom:35px}.about-info .wa-h2{font-size:27px}.about-info__table th{width:104px}.about-info__table th,.about-info__table td{padding:15px 6px;font-size:13px}
}