@charset "utf-8";
.sub_content{font-family: var(--font-type01);}
/* 불릿 */
    .bullet-list{display: flex; flex-direction: column; width: 100%;}
    .bullet-list > li{display: flex;align-items: baseline;gap: clamp(8px, 1.2vw, 12px);font-size: var(--text-20);color: var(--black-color06);line-height: 1.4;}
    .bullet-list > li::before{display: inline-flex;content: '';width: clamp(2px, 0.3vw, 3px);aspect-ratio: auto 1;border-radius: 100%;background: var(--black-color05);flex-shrink: 0;translate: 0 clamp(-6px, -0.6vw, -4px);}

/* 연혁 */
    .history-wrap{display: flex;align-items: flex-start;gap: var(--row-gap60) 0;}
    .history-wrap .sticky-box{display: flex;flex-direction: column;gap: 60px;width: clamp(320px, 21vw, 403px);padding-right: 50px;flex-shrink: 0;position: sticky;top: 140px;}
    .history-wrap .anchor-list{display: grid; gap: 20px;}
    .history-wrap .anchor-list > li{font-size: var(--text-18);color: var(--black-color08);line-height: 1.4;display: flex;align-items: baseline;gap: 15px;transition: all 0.4s;cursor: pointer;}
        .history-wrap .anchor-list > li::before{display: inline-flex;content: '';width: 15px;height: 2px;background: var(--point-color01);flex-shrink: 0;translate: 0 -5px;opacity: 0;transition: inherit;}
        .history-wrap .anchor-list > li.on:not(:has(~ .on)){color: var(--black-color03);}
        .history-wrap .anchor-list > li.on:not(:has(~ .on))::before{opacity:1;}
    .history-wrap .cont{width: 100%;display: flex;flex-direction: column;}
    .history-wrap section{display: flex;align-items: flex-start;gap: 15px 0;}
    .history-wrap .title{width: clamp(180px, 14.5vw, 265px);flex-shrink: 0;padding-right: clamp(15px, 3vw, 30px);}
    .history-wrap .title h4{font-size: var(--text-50); font-weight: 600; color: var(--black-color00); line-height: 1.3;}
    .history-wrap .item{position: relative;width: 100%;display: flex;flex-direction: column;margin-top: clamp(10px, 1.4vw, 14px);}
    .history-wrap article{position: relative;display: flex;gap: 13px;padding-left: clamp(30px, 5vw, 50px);padding-bottom: clamp(20px, 4.4vw, 44px);}
        .history-wrap article:last-child{padding-bottom: clamp(50px, 7.7vw, 77px);}
        .history-wrap article::before{position: absolute;content:'';width: clamp(7px, 1.1vw, 9px);aspect-ratio: auto 1;border-radius: 100%;background: var(--gray-bg04);top: clamp(8px, 1.7vw, 15px);left: 0;transition: all 0.4s;z-index: 1;}
        .history-wrap article.on::before{background: var(--point-color01);}
    .history-wrap .info{width: clamp(90px, 7.6vw ,125px);flex-shrink: 0;}
    .history-wrap .info h5{font-size: var(--text-28);font-weight: 500;color: var(--black-color00);letter-spacing: 0;}
    .history-wrap .exp{width: 100%;padding-top: 5px;}
    .history-wrap .desc{display: flex;align-items: baseline;gap: clamp(25px, 2.6vw, 30px);}
    .history-wrap .desc dt{font-size: var(--text-20);color: var(--black-color03);line-height: 1.5;flex-shrink: 0;width:clamp(20px, 2.5vw, 25px);}
    .history-wrap .desc dd{font-size: var(--text-18);color: var(--black-color06);line-height: 1.4;width: 100%;}
    .history-wrap .line{position: absolute;width: 1px;height: calc(100% + clamp(8px, 1.7vw, 15px));top: clamp(11px, 2vw, 18px);left: clamp(3px, 0.6vw, 4px);background: var(--gray-bg04);overflow: hidden;}
    .history-wrap .line em{position: absolute; width: 100%; background: var(--point-color01);}
    .history-wrap section:last-child article:last-child .line{display: none;}
    .history-wrap section:last-child article:has(+ :last-child) .line{height: 100%;}

    @media (max-width:1023px) {
        .history-wrap{flex-wrap: wrap;}
        .history-wrap .sticky-box{position: relative;inset: auto;width: 100%;flex-shrink: unset;padding-right: 0;}
        .history-wrap .anchor-list{display: none;}
        .history-wrap .title{width: clamp(110px, 19vw, 180px);}
        .history-wrap .info{width: clamp(60px, 9.5vw, 90px);}
    }
    @media (max-width:479px) {
        .history-wrap section{flex-wrap: wrap; }
        .history-wrap .title{width: 100%; flex-shrink: unset; padding-right:0;}
        .history-wrap .item{margin-top: 0;}
        .history-wrap article:last-child .line{display: none;}
        .history-wrap article:has(+ :last-child) .line{height: 100%;}
    }