#sub-company-history{overflow:hidden;padding-top:64px;}
#sub-company-history .gw-sub-title02{display:block;}
#sub-company-history .gw-sec-heading{font-size:var(--main-title03);line-height:1.4;letter-spacing:-0.03em;color:#111;word-break:keep-all;}

/*breadcrumb------------------------------------------------------------------------------------------------------------------ */
#sub-company-history .gw-breadcrumb{margin-bottom:30px;font-size:14px;color:#999;}
#sub-company-history .gw-breadcrumb a{color:#999;transition:color .3s;}
#sub-company-history .gw-breadcrumb a:hover,
#sub-company-history .gw-breadcrumb a:focus-visible{color:#111;text-decoration:underline;}
#sub-company-history .gw-breadcrumb span{margin:0 8px;}
#sub-company-history .gw-breadcrumb span[aria-current]{margin:0;color:#111;}

/*연혁------------------------------------------------------------------------------------------------------------------ */
#sub-company-history .gw-history-head{margin-bottom:80px;}

/* 중앙 세로선 */
#sub-company-history .gw-history-list{position:relative;}
#sub-company-history .gw-history-list:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#e5e5e5;}
#sub-company-history .gw-history-year{position:relative;padding-bottom:90px;}
#sub-company-history .gw-history-year:last-child{padding-bottom:0;}
/* 중앙선 위의 점. 흰 테두리로 선을 가린다 */
#sub-company-history .gw-history-year:before{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:11px;height:11px;border-radius:50%;background:var(--main-color);box-shadow:0 0 0 4px #fff;}

/* 좌우 교차 배치 */
#sub-company-history .gw-year-box{width:calc(50% - 60px);}
#sub-company-history .gw-history-year.gw-right .gw-year-box{margin-left:auto;}
#sub-company-history .gw-history-year.gw-left .gw-year-box{text-align:right;}

#sub-company-history .gw-year-label{margin-bottom:30px;font-size:32px;line-height:1;letter-spacing:-0.02em;color:#111;}
#sub-company-history .gw-year-items > li{line-height:1.6;word-break:keep-all;}
#sub-company-history .gw-year-items > li + li{margin-top:14px;}
#sub-company-history .gw-month{margin-right:12px;font-size:16px;color:#111;}
#sub-company-history .gw-desc{font-size:16px;color:#666;}

/*반응형------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1024px){
    #sub-company-history .gw-history-head{margin-bottom:50px;}
    /* 좁은 화면에서는 세로선을 왼쪽으로 보내고 한 줄로 세운다 */
    #sub-company-history .gw-history-list{padding-left:30px;}
    #sub-company-history .gw-history-list:before{left:0;}
    #sub-company-history .gw-history-year{padding-bottom:60px;}
    #sub-company-history .gw-history-year:before{left:-30px;transform:none;}
    #sub-company-history .gw-year-box,
    #sub-company-history .gw-history-year.gw-left .gw-year-box{width:100%;margin-left:0;text-align:left;}
    #sub-company-history .gw-year-label{margin-bottom:22px;font-size:28px;}
}

@media screen and (max-width:576px){
    #sub-company-history .gw-history-list{padding-left:22px;}
    #sub-company-history .gw-history-year{padding-bottom:45px;}
    #sub-company-history .gw-history-year:before{left:-22px;top:8px;}
    #sub-company-history .gw-year-label{font-size:24px;}
    #sub-company-history .gw-month{margin-right:8px;font-size:14px;}
    #sub-company-history .gw-desc{font-size:14px;}
}