#sub-company{overflow:hidden;padding-top:64px;}
/* gw.css 의 #container > [id*="sub-"] (명시도 1,1,0) 보다 높아야 해제된다 */
#container > #sub-company{padding-bottom:0;}
/* 섹션 간격은 각 섹션의 padding 으로 잡는다. 테마 전역 gw-sub-con margin-bottom 은 해제 */
#sub-company [class*="gw-sub-con"]:not(:last-child){margin-bottom:0;}
#sub-company .gw-sec-heading{font-size:var(--main-title03);line-height:1.4;letter-spacing:-0.03em;color:#111;word-break:keep-all;}
#sub-company .gw-sub-title02{display:block;}

/*1. 서브 Hero------------------------------------------------------------------------------------------------------------------ */
#sub-company .gw-hero{padding-bottom:20px;}
#sub-company .gw-breadcrumb{margin-bottom:30px;font-size:14px;color:#999;}
#sub-company .gw-breadcrumb a{color:#999;transition:color .3s;}
#sub-company .gw-breadcrumb a:hover,
#sub-company .gw-breadcrumb a:focus-visible{color:#111;text-decoration:underline;}
#sub-company .gw-breadcrumb span{margin:0 8px;}
#sub-company .gw-breadcrumb span[aria-current]{margin:0;color:#111;}
#sub-company .gw-hero-title{font-size:var(--main-title02);line-height:1.35;letter-spacing:-0.03em;color:#111;word-break:keep-all;}

/*2. 회사 개요------------------------------------------------------------------------------------------------------------------ */
#sub-company .gw-overview-sec{padding-top:100px;}
#sub-company .gw-overview{display:flex;align-items:flex-start;gap:80px;}
#sub-company .gw-overview-head{position:sticky;top:120px;flex-shrink:0;width:380px;}
#sub-company .gw-overview-text{color:#666;line-height:1.75;word-break:keep-all;}
#sub-company .gw-overview-list{flex:1;border-top:2px solid #000;}
#sub-company .gw-overview-list > div{display:flex;padding:22px 10px;border-bottom:1px solid #ddd;}
#sub-company .gw-overview-list dt,
#sub-company .gw-overview-list dd{font-weight:500;line-height:1.6;word-break:keep-all;}
#sub-company .gw-overview-list dt{flex-shrink:0;width:160px;font-size:17px;color:#111;}
#sub-company .gw-overview-list dd{color:#666;}

/*3. 기업 소개------------------------------------------------------------------------------------------------------------------ */
#sub-company .gw-about-sec{padding:120px 0;background:#f8f8f8;}
#sub-company .gw-about{display:flex;align-items:center;gap:80px;}
/* align-self 로 stretch 를 끊어야 aspect-ratio 가 살아난다 */
#sub-company .gw-about-photo{overflow:hidden;align-self:center;flex-shrink:0;width:460px;aspect-ratio:1/1;border-radius:16px;}
#sub-company .gw-about-photo img{display:block;width:100%;height:100%;object-fit:cover;}
#sub-company .gw-about-body{flex:1;}
#sub-company .gw-about-body .gw-sec-heading{margin-bottom:30px;}
#sub-company .gw-about-text{color:#666;font-size:var(--main-text01);line-height:1.8;word-break:keep-all;}
#sub-company .gw-about-text + .gw-about-text{margin-top:20px;}
#sub-company .gw-about-text b{font-weight:700;color:var(--main-color);}

/*4. 경영이념------------------------------------------------------------------------------------------------------------------ */
/* 이 섹션은 gw-sub-con-1200 과 같은 요소라, 4값 축약을 쓰면 1280px 이하에서
   [class*="gw-sub-con"]{padding:0 40px} 의 좌우 패딩까지 0 으로 덮어쓴다.
   세로 값만 지정해 좌우 패딩이 살아있게 한다 */
#sub-company .gw-values-sec{padding-top:110px;padding-bottom:120px;}
#sub-company .gw-values{display:flex;gap:40px;}
#sub-company .gw-values > li{position:relative;flex:1;padding-top:35px;border-top:1px solid #ccc;}
#sub-company .gw-values > li:before{content:"";position:absolute;top:-1px;left:0;width:0;height:2px;background:var(--main-color);transition:width 0.6s ease;}
#sub-company .gw-values > li:hover:before{width:100%;}
#sub-company .gw-value-num{display:block;margin-bottom:30px;font-size:13px;color:#999;}
#sub-company .gw-value-eng{display:block;margin-bottom:5px;font-size:32px;letter-spacing:-0.01em;color:#111;}
#sub-company .gw-value-title{margin-bottom:18px;font-size:17px;color:var(--main-color);}
#sub-company .gw-value-text{color:#666;line-height:1.75;word-break:keep-all;}

/*5. 품질방침 및 품질목표------------------------------------------------------------------------------------------------------------------ */
#sub-company .gw-quality-sec{padding-top:120px;}
#sub-company .gw-quality-head{padding:0 0 70px;}
#sub-company .gw-quality-title{font-size:var(--main-title03);line-height:1.4;letter-spacing:-0.03em;word-break:keep-all;}
#sub-company .gw-quality-title-sub{display:block;font-weight:700;color:var(--main-color);}
#sub-company .gw-quality-title > strong{display:block;color:#111;}
/* 카드가 어두운 배경 위에 얹히도록 상단 여백을 비워 둔다 */
#sub-company .gw-quality-visual{position:relative;padding:100px 0 120px;background:#0e1626 url("../../img/sub-about-us-bg.jpg") no-repeat center/cover;}
#sub-company .gw-quality-visual:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(6,10,20,0.55) 0%, rgba(6,10,20,0.8) 100%);}
#sub-company .gw-quality-visual > div{position:relative;z-index:1;}
#sub-company .gw-kpi-list{display:flex;gap:24px;}
#sub-company .gw-kpi-list > li{flex:1;padding:45px 30px;border:1px solid rgba(255,255,255,0.14);border-radius:16px;background:rgba(20,24,32,0.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
#sub-company .gw-kpi-eng{display:block;margin-bottom:80px;font-size:16px;color:#fff;}
#sub-company .gw-kpi-title{margin-bottom:20px;font-size:24px;letter-spacing:-0.03em;color:#fff;}
#sub-company .gw-kpi-text{font-size:14px;line-height:1.7;color:rgba(255,255,255,0.65);word-break:keep-all;}

/*반응형------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1280px){
    #sub-company .gw-overview-head{width:320px;}
    #sub-company .gw-overview,
    #sub-company .gw-about{gap:50px;}
    #sub-company .gw-about-photo{width:380px;}
}

@media screen and (max-width:1024px){
    #sub-company{padding-top:48px;}
    #container > #sub-company{padding-bottom:0;}
    #sub-company .gw-overview-sec{padding-top:80px;}
    #sub-company .gw-about-sec{padding:80px 0;}
    #sub-company .gw-values-sec{padding-top:80px;padding-bottom:90px;}
    #sub-company .gw-overview{flex-direction:column;gap:35px;}
    #sub-company .gw-overview-head{position:static;width:100%;}
    #sub-company .gw-overview-list{width:100%;}
    #sub-company .gw-about{flex-direction:column;align-items:stretch;gap:40px;}
    #sub-company .gw-about-photo{width:100%;max-width:460px;}
    #sub-company .gw-values{flex-direction:column;gap:30px;}
    #sub-company .gw-values > li{padding-top:25px;}
    #sub-company .gw-value-num{margin-bottom:15px;}
    #sub-company .gw-quality-head{padding:20px 0 50px;}
    #sub-company .gw-quality-visual{padding:70px 0 80px;}
    #sub-company .gw-kpi-list{flex-wrap:wrap;gap:15px;}
    #sub-company .gw-kpi-list > li{flex:none;width:calc(50% - 8px);}
    #sub-company .gw-kpi-eng{margin-bottom:50px;}
}

@media screen and (max-width:768px){
    #sub-company .gw-values-sec{padding-top:60px;padding-bottom:60px;}
}

@media screen and (max-width:576px){
    #sub-company{padding-top:36px;}
    #container > #sub-company{padding-bottom:0;}
    #sub-company .gw-overview-list > div{flex-direction:column;gap:5px;padding:18px 5px;}
    #sub-company .gw-overview-list dt{width:100%;font-size:16px;}
    #sub-company .gw-value-eng{font-size:26px;}
    #sub-company .gw-kpi-list > li{width:100%;padding:35px 28px;}
    #sub-company .gw-kpi-eng{margin-bottom:30px;}
}