/* Company page layout: a single source for section and title spacing. */
.subpage-renewal .about-scroll-section{padding:40px 0 64px;border:0;scroll-margin-top:16px}
.subpage-renewal .about-scroll-section .company-profile-full{display:block;width:100%;padding:0}
.subpage-renewal .about-scroll-section .company-profile-info{width:100%;border-top:0}
.subpage-renewal #about-overview .facts-table>div:first-child{padding-top:0}
.subpage-renewal #about-overview .facts-table>div:last-child{border-bottom:0}
.subpage-renewal .about-scroll-section .company-section-heading{display:flex;align-items:flex-end;gap:32px;box-sizing:border-box;min-height:0;height:auto;padding:0 0 24px;margin:0 0 24px;border:0;border-bottom:2px solid #14259b}
.subpage-renewal .about-scroll-section .company-section-heading :is(h1,h2){flex:0 0 auto;align-self:flex-end;margin:0!important;padding:0!important;border:0;font-size:32px;line-height:1.35;font-weight:650;color:#14259b}
.subpage-renewal #about-history .company-timeline{padding:0}
.subpage-renewal #about-history .timeline-years{flex:1;min-width:0;flex-wrap:nowrap;justify-content:flex-start;gap:20px;padding:0;margin:0;border:0;overflow-x:auto}
.subpage-renewal #about-history .timeline-years button{flex:0 0 auto;padding:8px 6px}
.subpage-renewal #about-history .timeline-rows{margin-top:0}
.subpage-renewal #about-history .timeline-row{padding:32px 0}
.subpage-renewal #about-history .timeline-row:nth-child(1 of :not([hidden])){padding-top:0}
.subpage-renewal #about-history .timeline-row:nth-last-child(1 of :not([hidden])){border-bottom:0}
.subpage-renewal #about-credentials>.page-section{padding:0;border:0}
.subpage-renewal #about-credentials .certificate-filters{display:flex;flex:1;min-width:0;flex-wrap:nowrap;justify-content:flex-start;gap:20px;padding:0;margin:0;border:0;overflow-x:auto}
.subpage-renewal #about-credentials .certificate-filters button{flex:0 0 auto;white-space:nowrap;padding:8px 6px}
.subpage-renewal #about-credentials .certificate-gallery{border-left:0}
.subpage-renewal #about-location>.location-tabs{border-top:0;margin-top:0}
.subpage-renewal #about-location>.location-tabs>a{padding-top:0}
@media(max-width:700px){
 .subpage-renewal .about-scroll-section{padding:28px 0 40px}
 .subpage-renewal .about-scroll-section .company-section-heading{gap:16px}
 .subpage-renewal .about-scroll-section .company-section-heading :is(h1,h2){font-size:26px}
 .subpage-renewal #about-history .timeline-years,.subpage-renewal #about-credentials .certificate-filters{gap:12px}
 .subpage-renewal #about-history .timeline-row{padding:24px 0}
 .subpage-renewal #about-history .timeline-row:nth-child(1 of :not([hidden])){padding-top:0}
}

/* One shared gap between the visible title row and its separate blue rule. */
.subpage-renewal .about-scroll-section .company-section-heading{display:block;padding:0;border:0;margin:0 0 24px}
.subpage-renewal .about-title-row{display:flex;align-items:flex-end;gap:32px}
.subpage-renewal .about-title-rule{display:block;height:2px;padding:0;border:0;margin:24px 0 0;background:#14259b}
@media(max-width:700px){.subpage-renewal .about-title-row{gap:16px}}

/* Page-wide alignment and readable content spacing. */
.company-about-page{--about-body-size:16px}
.company-about-page .about-scroll-section{padding:32px 0 48px}
.company-about-page .about-scroll-section .company-profile-info{padding:0}
.company-about-page .company-profile-info .facts-table>div{grid-template-columns:120px minmax(0,1fr);gap:24px;padding:16px 0;font-size:var(--about-body-size);line-height:1.7}
.company-about-page .company-profile-info .facts-table dt{color:#68748a;font-size:15px}
.company-about-page .company-profile-info .facts-table dd{margin:0;min-width:0;word-break:keep-all;overflow-wrap:break-word}
.company-about-page .company-profile-info .company-name-ko{font-size:20px;line-height:1.5}
.company-about-page .company-profile-info .company-name-en{font-size:14px}
.company-about-page #about-history .timeline-rows{max-width:none;margin-left:0;margin-right:0}
.company-about-page #about-history .timeline-row{grid-template-columns:160px minmax(0,1fr);gap:32px;padding:28px 0}
.company-about-page #about-history .timeline-row:nth-child(1 of :not([hidden])){padding-top:0}
.company-about-page #about-history .timeline-row h2{font-size:40px;line-height:1.25}
.company-about-page #about-history .timeline-row li{font-size:16px;line-height:1.7;padding:7px 0;gap:16px}
.company-about-page #about-history .timeline-row li:before{top:19px}
.company-about-page #about-history .timeline-more{padding-top:16px}
.company-about-page #about-credentials .certificate-gallery{gap:32px 24px}
.company-about-page #about-credentials .certificate-thumb{padding:18px}
.company-about-page #about-credentials .certificate-type{margin-top:14px;margin-bottom:4px}
.company-about-page #about-credentials .certificate-name{font-size:16px;line-height:1.6}
.company-about-page #about-location .location-tabs>a{padding-bottom:20px}
.company-about-page #about-location .location-tabs strong{font-size:20px;line-height:1.5}
.company-about-page #about-location .location-panel{padding-top:28px}
.company-about-page #about-location .location-panel-heading{margin-bottom:20px;gap:20px}
.company-about-page #about-location .location-panel-heading h2{font-size:26px;line-height:1.4}
.company-about-page #about-location .location-panel-heading p{font-size:15px;line-height:1.7}
.company-about-page #about-location .visit-address-card{padding:28px}
.company-about-page #about-location .visit-address-card address{margin:18px 0 22px}
.company-about-page #about-location .visit-road{font-size:16px;line-height:1.7;margin-bottom:8px}
.company-about-page #about-location .visit-address-card address strong,.company-about-page #about-location .visit-room{font-size:22px;line-height:1.5}
.company-about-page #about-location .visit-navigation{margin:20px 0}
@media(max-width:700px){
 .company-about-page{--about-body-size:15px}
 .company-about-page .about-scroll-section{padding:24px 0 36px}
 .company-about-page .company-profile-info .facts-table>div{grid-template-columns:80px minmax(0,1fr);gap:16px;padding:14px 0;line-height:1.7}
 .company-about-page .company-profile-info .facts-table dt{font-size:13px}
 .company-about-page .company-profile-info .company-name-ko{font-size:18px}
 .company-about-page .company-profile-info .company-name-en{font-size:13px;margin-left:0}
 .company-about-page #about-history .timeline-row{grid-template-columns:1fr;gap:16px;padding:24px 0}
 .company-about-page #about-history .timeline-row h2{font-size:32px}
 .company-about-page #about-history .timeline-row li{font-size:15px;gap:12px}
 .company-about-page #about-credentials .certificate-gallery{gap:24px 16px}
 .company-about-page #about-credentials .certificate-thumb{padding:12px}
 .company-about-page #about-credentials .certificate-name{font-size:14px}
 .company-about-page #about-location .location-panel{padding-top:24px}
 .company-about-page #about-location .location-panel-heading h2{font-size:22px}
 .company-about-page #about-location .visit-address-card{padding:20px}
 .company-about-page #about-location .visit-address-card address strong,.company-about-page #about-location .visit-room{font-size:20px}
}

/* Undated history entries should not reserve an empty date column. */
.company-about-page #about-history .timeline-row li:has(.timeline-date:empty){grid-template-columns:minmax(0,1fr)}
.company-about-page #about-history .timeline-date:empty{display:none}
/* Give history and certificate selectors more space beside their titles. */
.company-about-page :is(#about-history,#about-credentials) .about-title-row{gap:56px}
.company-about-page #about-history .timeline-years,.company-about-page #about-credentials .certificate-filters{gap:28px}
@media(max-width:700px){
 .company-about-page :is(#about-history,#about-credentials) .about-title-row{gap:24px}
 .company-about-page #about-history .timeline-years,.company-about-page #about-credentials .certificate-filters{gap:18px}
}