.about-container{width:calc(100% - 44px);max-width:1096px;margin-left:auto;margin-right:auto}
header nav a[aria-current=page]{color:#d9252e}
.about-hero{background:linear-gradient(90deg,#0a1c2de8,#0a1c2d70),url(assets/story-elevator-lobby.png) center 48%/cover;color:#fff;padding:78px 0 80px}
.about-kicker{font-size:12px;letter-spacing:3px;color:#f3535b;font-weight:800;margin:0 0 17px}
.about-hero h1{font-size:46px;letter-spacing:-1px;margin:0 0 17px;line-height:1.4}
.about-subtitle{font-size:15px;color:#e1e7ec;margin:0;line-height:1.9}
.about-breadcrumb{display:flex;gap:14px;align-items:center;border-bottom:1px solid #e5e8ea;padding-top:19px;padding-bottom:19px;font-size:12px;color:#77828b}
.about-breadcrumb a{color:#626e78}.about-breadcrumb [aria-current]{color:#17191c}
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:80px;padding-bottom:65px}
.about-page em{font-size:12px;letter-spacing:2.5px}
.about-page h2{font-size:35px;line-height:1.5;letter-spacing:-1.3px;margin:14px 0 20px}
.about-intro-heading strong{color:#d9252e}
.about-intro-text p{font-size:14px;line-height:2;color:#69747e;margin:0 0 19px}
.about-intro-text .about-lead{font-size:21px;line-height:1.7;color:#17191c;font-weight:700;margin-bottom:22px}
.about-intro-text .about-signature{font-weight:700;color:#17191c;margin:24px 0 0}
.about-wide-photo{position:relative;height:300px;margin-top:0;margin-bottom:0;overflow:hidden;background:#172c3d}
.about-wide-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.about-wide-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#07182588)}
.about-wide-photo figcaption{position:absolute;bottom:22px;left:26px;color:#fff;font-size:12px;letter-spacing:2px;z-index:1}
.about-values{padding-top:80px;padding-bottom:85px}.about-section-heading p{font-size:14px;color:#69747e;line-height:1.9}
.about-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:36px}
.about-value-grid article{border-top:2px solid #d9252e;padding-top:25px}
.about-value-grid article>span{font-size:11px;font-weight:700;color:#d9252e;letter-spacing:1px}
.about-value-grid h3{font-size:23px;letter-spacing:-.5px;margin:22px 0 15px}
.about-value-grid p{font-size:14px;line-height:1.9;color:#69747e;margin:0}
.about-business{background:#f3f5f6;padding:75px 0 80px}.about-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:30px}
.about-service{position:relative;display:block;height:300px;overflow:hidden;background:#112536;color:#fff}
.about-service img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.about-service:hover img{transform:scale(1.03)}.about-service:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#071725ed)}
.about-service>span{position:absolute;bottom:25px;left:23px;right:40px;z-index:1}.about-service b{display:block;font-size:24px}.about-service small{display:block;font-size:12px;line-height:1.8;margin-top:9px;color:#e0e6eb}
.about-service i{position:absolute;right:22px;bottom:26px;z-index:1;font-style:normal;font-size:24px}
.about-visit{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:80px;padding-bottom:85px}.about-visit h2{font-size:31px}.about-visit p{font-size:14px;line-height:1.9;color:#69747e}
.about-contact-details dl{margin:0}.about-contact-details dl>div{display:grid;grid-template-columns:90px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid #e6e9eb;font-size:13px;line-height:1.9}.about-contact-details dt{font-weight:700}.about-contact-details dd{margin:0;color:#68747e;overflow-wrap:anywhere}
.about-call{display:inline-flex;align-items:center;gap:38px;background:#d9252e;color:#fff;padding:14px 21px;font-size:13px;font-weight:700;margin-top:24px}
@media(max-width:900px){.about-intro,.about-visit{gap:35px}.about-page h2{font-size:30px}}
@media(max-width:760px){.about-container{width:calc(100% - 36px)}.about-hero{padding:125px 0 55px}.about-hero h1{font-size:35px}.about-subtitle{font-size:14px}.about-intro,.about-visit{grid-template-columns:1fr;gap:25px;padding-top:55px;padding-bottom:55px}.about-page h2{font-size:28px}.about-intro-text .about-lead{font-size:20px}.about-wide-photo{height:230px}.about-wide-photo figcaption{font-size:10px;letter-spacing:1px;left:20px}.about-values{padding-top:55px;padding-bottom:55px}.about-value-grid{grid-template-columns:1fr;gap:29px}.about-value-grid article{padding-top:20px}.about-value-grid h3{font-size:21px;margin-top:15px}.about-business{padding:55px 0}.about-service-grid{grid-template-columns:1fr;gap:15px}.about-service{height:280px}.about-contact-details dl>div{grid-template-columns:75px 1fr;gap:10px}.about-visit p{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.about-service img{transition:none}}
/* V2.19: 상단 소개와 하단의 색상·배치 통일 */
.about-values{padding-top:75px;padding-bottom:75px}
.about-value-grid{gap:35px;margin-top:32px}
.about-value-grid article{border-top:1px solid #e3e7ea;padding-top:24px}
.about-value-grid article>span{letter-spacing:1.3px}
.about-value-grid h3{margin-top:18px;font-size:22px}
.about-business{background:#fff;padding:0 0 75px}
.about-business>.about-container{display:grid;grid-template-columns:250px minmax(0,1fr);gap:45px;border-top:1px solid #e3e7ea;padding-top:70px}
.about-business .about-section-heading h2{font-size:31px;line-height:1.5;margin-top:13px}
.about-service-grid{margin-top:0;gap:14px}
.about-service{height:285px}
.about-service>span{left:19px;bottom:23px;right:28px}
.about-service b{font-size:22px}
.about-service small{font-size:12px}
.about-service i{font-size:20px;right:15px;bottom:24px}
.about-visit{padding-top:65px;padding-bottom:75px;border-top:1px solid #e3e7ea;grid-template-columns:1fr 1fr;gap:65px}
.about-visit h2{font-size:30px;line-height:1.5}
.about-contact-details dl>div{grid-template-columns:80px minmax(0,1fr);gap:16px;padding:13px 0}
.about-contact-details a{color:#273d4d;text-decoration:none}
.about-contact-details a:hover{color:#d9252e;text-decoration:underline;text-underline-offset:4px}
.about-contact-details .about-call{color:#fff;text-decoration:none;min-height:46px;border-radius:25px;padding:11px 23px;margin-top:23px;gap:35px}
.about-contact-details .about-call:hover{background:#bb1f28;color:#fff;text-decoration:none}
@media(max-width:1050px){.about-business>.about-container{grid-template-columns:1fr;gap:24px}.about-business .about-section-heading h2{font-size:30px;margin-bottom:0}.about-service{height:285px}}
@media(max-width:760px){.about-values{padding-top:50px;padding-bottom:55px}.about-value-grid{gap:27px}.about-business{padding:0 0 55px}.about-business>.about-container{padding-top:50px}.about-business .about-section-heading h2{font-size:27px}.about-service{height:280px}.about-service-grid{gap:15px}.about-service>span{left:23px;right:40px}.about-service i{right:23px}.about-visit{padding-top:50px;padding-bottom:55px;grid-template-columns:1fr;gap:24px}.about-visit h2{font-size:27px}.about-contact-details dl>div{grid-template-columns:75px minmax(0,1fr);gap:12px}}