main{overflow: hidden;}
._about{letter-spacing: -0.03em; }
section{overflow: hidden;}
._about .s1{padding-top: 80px;padding-bottom:80px;box-sizing: border-box;}
._about .s1 .bigTxt{display: flex;align-items: center;justify-content: center;}
._about .s1 .bigTxt h2{
    font-size: 100px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    font-family: 'helvetica-lt-pro';
    letter-spacing: -0.03em;
}
._about .s1 .bigTxt h2 > div{display: flex;gap: 20px;}

._about .s1 .bigTxt .marqueeTxt {
    overflow: hidden;
    width: fit-content;
    display: flex;
    align-items: center;
    /* gap: .2em; */
    background-color: var(--red);
    border-radius: .6em;
}
._about .s1 .bigTxt .marqueeTxt.n1{max-width: 3.6em;}
._about .s1 .bigTxt .marqueeTxt.n2{max-width: 4.3em;}
._about .s1 .bigTxt .marqueeTxt .inner {
    display: flex;
    animation: marquee 20s linear infinite;
}
._about .s1 .bigTxt .marqueeTxt.n1 .inner{animation: marquee 10s linear infinite;}
._about .s1 .bigTxt .marqueeTxt .inner > div {
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
._about .s1 .bigTxt .marqueeTxt .inner p {
    font-weight: 700;
    color: #000;
    white-space: nowrap;
    padding-right: .2em;
    position: relative;
}

@keyframes marquee {
    0% {transform: translateX(0);}
    100% {transform: translateX(-100%);}
}

._about .s1 .scroll_down{display: flex;align-items: center;justify-content: center;position: relative;
    /* width: 100%;height: 100%; */
    font-size: 16px;margin-top: 100px;}
._about .s1 .scroll_down img{animation: _rotate 8s linear infinite;
    width: 7em;
    height: 7em;
}
._about .s1 .scroll_down ._cir{
    width: 4.2em;
    height: 4.2em;
    border-radius: 50%;
    background-color: var(--red);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
._about .s1 .scroll_down ._cir i{font-size: 2em;}


@keyframes _rotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}


@media screen and (max-width: 1680px) {
    ._about .s1 .bigTxt h2{font-size: clamp(85px, 85 / 1440 * 100vw, 100px);}
}
@media screen and (max-width: 1440px) {
    ._about .s1 .bigTxt h2{font-size: clamp(75px, 75 / 1280 * 100vw, 85px);}
}
@media screen and (max-width: 1280px) {
    ._about .s1 .bigTxt h2{font-size: clamp(65px, 65 / 1024 * 100vw, 75px);}
}
/* @media screen and (max-width: 1024px) {
    ._about .s1 .bigTxt h2{font-size: clamp(55px, 55 / 820 * 100vw, 65px);}
} */
@media screen and (max-width: 820px) {
    ._about .s1 .bigTxt h2{font-size: clamp(55px, 55 / 500 * 100vw, 65px);}
    ._about .s1 .scroll_down{font-size: 15px;}
}
@media screen and (max-width: 500px) {
    ._about .s1 .bigTxt h2{font-size: clamp(40px, 40 / 360 * 100vw, 55px);}
    ._about .s1 .scroll_down {font-size: 13px;}
}
@media screen and (max-width: 360px) {
    ._about .s1 .bigTxt h2{font-size: clamp(30px, 30 / 360 * 100vw, 40px);}
    ._about .s1 .scroll_down {font-size: 11px;}
}


._about .s2{background-color: #000;position: relative;z-index: 2;font-family: 'helvetica-lt-pro';overflow: hidden;
    padding: 100px 0;box-sizing: border-box;
}
._about .s2 .wrap{
    display: flex; align-items: center;
    position: relative;
}


._about .s2 .horizon{
    /* display: flex;align-items: center; */
    /* gap: 300px;  */
    /* height: 100vh; */
    width: 100%;
}
._about .s2 .horizon .left{display: flex;align-items: flex-start;justify-content: space-between;}
._about .s2 .horizon .left h3{font-size: 80px;font-weight: 700;color: #fff;line-height: 1.2;}
._about .s2 .horizon .left h3 img{width: 1.8em;}
._about .s2 .horizon .left h3 > div{display: flex;align-items: center;gap: 4px;}
._about .s2 .horizon .left ._subTxt{font-size: 20px;font-weight: 500;color: #fff;line-height: 1.416666;font-family: 'Pretendard';letter-spacing: -0.025em;
    max-width: 720px;
    width: 100%;}
._about .s2 .horizon .left ._subTxt span{display: block;padding-bottom: 40px;}
._about .s2 .horizon .left ._subTxt span:last-child{padding-bottom: 0;}

._about .s2 .horizon .right{font-size: 1000px;font-weight: 700;color: var(--red);text-align: center;position: relative;}
._about .s2 .horizon .mob_right{display: none;}
._about .s2 .horizon .right > div{display: flex;align-items: center;justify-content: center;}

._about .s2 .horizon .right > div::before{
    content: '';
    display: block;
    position: absolute; width: 3px; height: 3px; background-color: #fff;
    right: 5.8%;
}

._about .s2 .horizon .right > div p:last-child { display:block; will-change:transform;
}

._about .s2 .horizon .right img {
    position: absolute;
    top: 51.5%;
    left: 94.1%;
    transform: translate(-50%, -50%);
    width: calc(237 / 1000 * 1em);
}


@media screen and (max-width: 1680px) {
    ._about .s2 .horizon .left h3{font-size: clamp(70px, 70 / 1440 * 100vw, 80px);}
    /* ._about .s2 .horizon .left ._subTxt{font-size: clamp(22px, 22 / 1440 * 100vw, 24px);} */

    ._about .s2 .horizon{gap: clamp(200px, 200 / 1440 * 100vw, 300px);}

    ._about .s2 .horizon .right{font-size: clamp(900px, 900 / 1440 * 100vw, 1000px);}
    ._about .s2 .horizon .left ._subTxt{max-width: clamp(650px, 650 / 1440 * 100vw, 720px);}
}
@media screen and (max-width: 1440px) {
    ._about .s2 .horizon .left h3{font-size: clamp(65px, 65 / 1280 * 100vw, 70px);}
    ._about .s2 .horizon .right{font-size: clamp(800px, 800 / 1280 * 100vw, 900px);}

    ._about .s2 .horizon .left ._subTxt{max-width: clamp(600px, 600 / 1280 * 100vw, 650px);}
    ._about .s2 .horizon .left ._subTxt br{display: none;}
}
@media screen and (max-width: 1280px) {
    ._about .s2 .horizon{gap: clamp(150px, 150 / 1280 * 100vw, 200px);}
    ._about .s2 .horizon .left h3{font-size: clamp(55px, 55 / 1024 * 100vw, 65px);}
    ._about .s2 .horizon .left ._subTxt{font-size: clamp(18px, 18 / 1024 * 100vw, 20px);}
    ._about .s2 .horizon .right{font-size: clamp(700px, 700 / 1024 * 100vw, 800px);}

    ._about .s2 .horizon .left ._subTxt{max-width: clamp(400px, 400 / 1024 * 100vw, 600px);}

}
@media screen and (max-width: 1024px) {
    ._about .s2 .horizon .left{flex-direction: column;gap: 40px;}
    ._about .s2 .horizon .left ._subTxt{max-width: 720px;}
    ._about .s2 .horizon .left h3{font-size: clamp(40px, 40 / 820 * 100vw, 55px);}
    ._about .s2 .horizon .left ._subTxt{font-size: clamp(18px, 18 / 820 * 100vw, 20px);}
    ._about .s2 .horizon .right{font-size: clamp(600px, 600 / 820 * 100vw, 700px);}
}
@media screen and (max-width: 820px) {
    ._about .s2{padding: 100px 0;box-sizing: border-box;}
    ._about .s2 .wrap{justify-content: center;}
    ._about .s2 .horizon{flex-direction: column;justify-content: space-between;height: unset;gap: 80px;}
    ._about .s2 .horizon .left{white-space: normal;max-width: 520px;}
    ._about .s2 .horizon .left h3{font-size: clamp(45px, 45 / 500 * 100vw, 60px);}
    ._about .s2 .horizon .left ._subTxt {padding-top: 40px;font-size: clamp(16px, 16 / 500 * 100vw, 18px);}
    ._about .s2 .horizon .left ._subTxt span br{display: none;}
    ._about .s2 .horizon .right{display: none;}
    ._about .s2 .horizon .mob_right{display: block;
        font-size: clamp(42px, 42 / 500 * 100vw, 58px);}
    ._about .s2 .horizon .mob_right > div{display: flex;align-items: center;gap:.4em;overflow: hidden;}
    ._about .s2 .horizon .mob_right > div p{
        font-weight: 700;color: var(--red);font-family: 'helvetica-lt-pro';}
    ._about .s2 .horizon .mob_right > div img{width: 1em;}

}
@media screen and (max-width: 500px) {
    
    ._about .s2 .horizon .left ._subTxt {font-size: clamp(14px, 14 / 360 * 100vw, 16px);}
    ._about .s2 .horizon .left h3{font-size: clamp(35px, 35 / 360 * 100vw, 45px);}
    ._about .s2 .horizon .mob_right{font-size: clamp(34px, 34 / 360 * 100vw, 42px);}
}
@media screen and (max-width: 360px) {
    ._about .s2 .horizon .left h3{font-size: clamp(28px, 28 / 360 * 100vw, 35px);}
    ._about .s2 .horizon .mob_right{font-size: clamp(30px, 30 / 360 * 100vw, 34px);}
}

._about .s3{height: 100vh;box-sizing: border-box;background: #000;}
._about .s3 .txtBx{width: 100%;height: 100vh;}
._about .s3 .txtBx > div{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);overflow: hidden;}
._about .s3 .txtBx h3{font-size: 50px;font-weight: 700;color: #fff;line-height: 1.2;text-align: center;letter-spacing: -0.025em;}
._about .s3 .txtBx h3 span {
    background-image: linear-gradient(to right, #e60021 0%, #fff 0%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
._about .s3 .txtBx .n2{opacity: 0;}

@media screen and (max-width: 1680px) {
    ._about .s3 .txtBx h3{font-size: clamp(42px, 42 / 1440 * 100vw, 50px);}
}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1280px) {
    ._about .s3 .txtBx h3{font-size: clamp(38px, 38 / 1024 * 100vw, 42px);}
}
@media screen and (max-width: 1024px) {
    ._about .s3 .txtBx h3{font-size: clamp(34px, 34 / 820 * 100vw, 38px);white-space: nowrap;}
}
@media screen and (max-width: 820px) {
    ._about .s3{height: auto;}
    ._about .s3 .txtBx{height: auto;
        display: flex;flex-direction: column;gap: 12px;
    }
    ._about .s3 .txtBx > div{position: unset;transform: unset;}
    
    ._about .s3 .txtBx .n2{opacity: 1;}
    ._about .s3 .txtBx h3{font-size: clamp(30px, 30 / 500 * 100vw, 34px);}
}
@media screen and (max-width: 500px) {
    ._about .s3 .txtBx h3{font-size: clamp(24px, 22 / 360 * 100vw, 30px);}
}
@media screen and (max-width: 360px) {
    ._about .s3 .txtBx h3{font-size: clamp(20px, 20 / 280 * 100vw, 24px);}
}

/* s4 */
._about .s4 .cont{display: flex;align-items: flex-start;justify-content: space-between;}
._about .s4 .cont .left{display: flex;flex-direction: column;gap: 110px;}
._about .s4 .cont .left .titBx{}
._about .titBx > div{overflow: hidden;}
._about .titBx small{font-size: 24px;font-weight: 600;color: rgba(255, 255, 255, 0.3);letter-spacing: -0.025em;}
._about .titBx h4{font-size: 36px;font-weight: 700;color: #fff;line-height: 1.3;letter-spacing: -0.02em;font-family: 'helvetica-lt-pro';}
._about .s4 .cont .left .subTxt{}
._about .s4 .cont .left .subTxt p{
    font-size: 50px;font-weight: 700;color: #fff;line-height: 1.2;
}
._about .s4 .cont .right{max-width: 820px;width: 100%;}
._about .s4 .cont .right .row{padding: 40px 0;box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
._about .s4 .cont .right .row .tit{
    font-size: 28px;color: #fff;font-weight: 700;letter-spacing: -0.02em;
    font-family: 'helvetica-lt-pro';
}
._about .s4 .cont .right .row .numBx{display: flex;align-items: flex-end;justify-content: space-between;}
._about .s4 .cont .right .row .numBx .sub{
    font-size: 16px;font-weight: 400;color:#cccccc;line-height: 1.625;
    letter-spacing: -0.025em;
}
._about .s4 .cont .right .row .numBx .count{
    display: flex;align-items: flex-end;gap: 40px;
    position: absolute;right: 0;
}
    
._about .s4 .cont .right .row .numBx .count > div{
    font-family: 'helvetica-lt-pro';
    font-size: 100px;font-weight: 700;color: #fff;letter-spacing: -0.02em;
}
._about .s4 .cont .right .row .numBx .count p{
    font-size: 28px;font-weight: 400;color: rgba(255, 255, 255, 0.7);letter-spacing: -0.02em;
    min-width: 120px;
    font-family: 'helvetica-lt-pro';
}
/* 오도미터 커스텀 */
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{line-height: 1.4;}
.odometer-formatting-mark{display: none;}

/* red */
._about .s4 .cont .right .row._red .numBx .count > div{color: var(--red);}
._about .s4 .cont .right .row._red .numBx .count p{color: var(--red);}
._about .s4 .cont .right .row._red .tit{color: var(--red);}




._about .s4 .marqueeTxt {
    overflow: hidden;
    width: fit-content;
    display: flex;
    align-items: center;
    margin-top: 180px;
    font-size: 100px;
    letter-spacing: -0.04em;
    font-family: 'helvetica-lt-pro';
    gap: 0.4em;
}
._about .s4 .marqueeTxt .inner {
    display: flex; gap: 0.4em;
    animation: marquee 30s linear infinite;
}
._about .s4 .marqueeTxt .inner > div {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: .4em;
}
._about .s4 .marqueeTxt .inner .small_logo{
    width: calc(64 / 100 * 1em);
    display: flex;
    align-items: center;
    justify-content: center;
}
._about .s4 .marqueeTxt .inner p {
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    letter-spacing: -0.04em;
    line-height: 1.3;
}

@keyframes marquee {
    0% {transform: translateX(0);}
    100% {transform: translateX(-100%);}
}

@media screen and (max-width: 1680px) {
    ._about .titBx h4,._about .s4 .cont .left .subTxt p{font-size: clamp(32px, 32 / 1440 * 100vw, 36px);}
    ._about .s4 .cont .right .row .numBx .count > div{font-size: clamp(90px, 90 / 1440 * 100vw, 100px);}
    ._about .s4 .cont .right .row .numBx .count p,._about .s4 .cont .right .row .tit{font-size: clamp(24px, 24 / 1440 * 100vw, 28px);}
    ._about .s4 .cont .right{max-width: clamp(720px, 720 / 1440 * 100vw, 820px);}



    ._about .s4 .marqueeTxt{font-size: clamp(90px, 90 / 1440 * 100vw, 100px);}
}
@media screen and (max-width: 1440px) {
    ._about .titBx h4, ._about .s4 .cont .left .subTxt p{font-size: clamp(28px, 28 / 1280 * 100vw, 32px);}
    ._about .s4 .cont .right .row .numBx .count{gap: 20px;}
    ._about .s4 .cont .right .row .numBx .count > div{font-size: clamp(80px, 80 / 1280 * 100vw, 90px);}
    ._about .s4 .cont .right .row .numBx .count p, ._about .s4 .cont .right .row .tit{font-size: clamp(22px, 22 / 1280 * 100vw, 24px);}
    ._about .s4 .cont .right{max-width: clamp(620px, 620 / 1280 * 100vw, 720px);}

    ._about .s4 .marqueeTxt{font-size: clamp(80px, 80 / 1280 * 100vw, 90px);}
}
@media screen and (max-width: 1280px) {
    ._about .titBx small{font-size: clamp(22px, 22 / 1024 * 100vw, 24px);}
    ._about .s4 .cont .right{max-width: clamp(520px, 520 / 1024 * 100vw, 620px);}
    ._about .s4 .cont .right .row .numBx .count > div{font-size: clamp(62px, 62 / 1024 * 100vw, 80px);}
    ._about .s4 .cont .right .row .numBx .count p, ._about .s4 .cont .right .row .tit{font-size: clamp(20px, 20 / 1024 * 100vw, 22px);}

    ._about .s4 .marqueeTxt{font-size: clamp(70px, 70 / 1024 * 100vw, 80px);
        margin-top: clamp(80px, 80 / 1024 * 100vw, 120px);
    }
}
@media screen and (max-width: 1024px) {
    ._about .titBx small{font-size: clamp(20px, 20 / 820 * 100vw, 22px);}
    ._about .s4 .cont{flex-direction: column;gap: 60px;}
    ._about .s4 .cont .left{gap: 60px;}
    ._about .s4 .cont .right{max-width: unset;margin-top: 60px;}

    ._about .s4 .marqueeTxt{font-size: clamp(60px, 60 / 820 * 100vw, 70px);}
}
@media screen and (max-width: 820px) {
    ._about .s4{padding-top: 100px;}
    ._about .s4 .cont .right .row .numBx .count{position: unset;}
    ._about .s4 .cont .right .row .numBx .count p{min-width: clamp(75px, 75 / 500 * 100vw, 90px);}
    ._about .s4 .cont .right .row .numBx .count > div{font-size: clamp(48px, 48 / 500 * 100vw, 62px);}

    ._about .s4 .marqueeTxt{font-size: clamp(50px, 50 / 500 * 100vw, 60px);}
}
@media screen and (max-width: 500px) {
    ._about .titBx small{font-size: clamp(18px, 18 / 360 * 100vw, 20px);}
    ._about .titBx h4, ._about .s4 .cont .left .subTxt p {font-size: clamp(24px, 24 / 360 * 100vw, 28px);}
    ._about .s4 .cont .right .row{padding: 25px 0;}
    ._about .s4 .cont .right .row .numBx{flex-direction: column;align-items: flex-start;}
    ._about .s4 .cont .right .row .numBx .count > div{font-size: clamp(42px, 42 / 360 * 100vw, 48px);}
    ._about .s4 .cont .right .row .numBx .count {gap: 12px;}
    ._about .s4 .cont{gap: 40px;}
    ._about .s4 .cont .left{gap: 40px;}
    ._about .s4 .cont .right{margin-top: 40px;}

    ._about .s4 .marqueeTxt{font-size: clamp(40px, 40 / 360 * 100vw, 50px);}
    }
@media screen and (max-width: 360px) {
    ._about .titBx small{font-size: clamp(16px, 16 / 280 * 100vw, 18px);}
    ._about .titBx h4, ._about .s4 .cont .left .subTxt p {
        font-size: clamp(22px, 22 / 280 * 100vw, 24px);
    }
    ._about .s4 .cont .right .row .numBx .count p, ._about .s4 .cont .right .row .tit{font-size: clamp(18px, 18 / 280 * 100vw, 20px);}
    ._about .s4 .cont .right .row .numBx .sub{font-size: clamp(14px, 14 / 280 * 100vw, 16px);}
    ._about .s4 .cont .right .row .numBx .count > div{font-size: clamp(36px, 36 / 280 * 100vw, 42px);}

    ._about .s4 .marqueeTxt{font-size: clamp(30px, 30 / 280 * 100vw, 40px);}
}


._about .s5{padding: 140px 0;box-sizing: border-box;}

._about .s5 .itemBx{padding: 0 5vw;padding-top: 60px;}
._about .s5 .itemBx .item{display: flex;align-items: center;position: relative;margin-bottom: 60px;
cursor: pointer;}
._about .s5 .itemBx .item:last-child{margin-bottom: 0;}
._about .s5 .itemBx .item .dot{position: absolute;left: -2vw;}
._about .s5 .itemBx .item .line{width: 200px;height: 1px;background-color: #fff;
position: relative;}
._about .s5 .itemBx .item .line::before{content: '';
    position: absolute;
    left: -2vw;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('/asset/img/sub/about/circle_dot.png');
    width: 68px;height: 68px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
    


._about .s5 .itemBx .item .hoverBx {
    --circleH: 200px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: var(--circleH);
}
._about .s5 .itemBx .item .hoverBx::before{
    content:"";
    position:absolute; left:0; top:50%;
    width: var(--circleH);
    height: var(--circleH);
    transform: translateY(-50%);
    border: 1px solid #fff;
    border-radius: 999px;          /* 원/캡슐 공통 */
    background: transparent;
    transition: width .7s ease, background-color .7s ease, border-color .7s ease;
    pointer-events: none;
}
._about .s5 .item .hoverBx.is-hover::before,
._about .s5 .item .hoverBx:hover::before {
    width: 100%;
    background: #fff;
    border-color: #fff;
}

._about .s5 .item .hoverBx.is-hover em,
._about .s5 .item .hoverBx:hover em {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}

/* ._about .s5 .itemBx .item .hoverBx.is-hover .inner span{
    
} */

._about .s5 .itemBx .item .hoverBx span{
    font-size: 30px; font-weight: 700; color: var(--red);
    line-height: 1.3; letter-spacing: -0.02em; font-family: 'helvetica-lt-pro';
}
._about .s5 .itemBx .item .hoverBx .inner{
    width: var(--circleH);
    height: var(--circleH);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}
._about .s5 .itemBx .item .hoverBx em{
    position:absolute; right:5%; top:50%;
    transform: translateY(-50%);
    font-size: 50px; font-weight: 700; color:#000; line-height:1.3;
    letter-spacing: -0.025em;
}

._about .s5 .itemBx .item:not(.n2){margin-left: 6em;}
._about .s5 .itemBx .item.n2 > span{
    font-size: 70px;font-weight: 700;color: #fff;line-height: 1.3;letter-spacing: -0.02em;font-family: 'helvetica-lt-pro';display: block;white-space: nowrap;margin-right: 1em;
}

@media screen and (max-width: 1680px) {
    ._about .s5 .itemBx .item .hoverBx{--circleH: clamp(180px, 180 / 1440 * 100vw, 200px);}
    ._about .s5 .itemBx .item .hoverBx span{font-size: clamp(26px, 26 / 1440 * 100vw, 30px);}
    ._about .s5 .itemBx .item .hoverBx em{font-size: clamp(42px, 42 / 1440 * 100vw, 50px);}
    ._about .s5 .itemBx .item.n2 > span{font-size: clamp(60px, 60 / 1440 * 100vw, 70px);}

}
@media screen and (max-width: 1440px) {
    ._about .s5 .itemBx .item .hoverBx{--circleH: clamp(160px, 160 / 1280 * 100vw, 180px);}
    ._about .s5 .itemBx .item .hoverBx span{font-size: clamp(22px, 22 / 1280 * 100vw, 26px);}
    ._about .s5 .itemBx .item .hoverBx em{font-size: clamp(38px, 38 / 1280 * 100vw, 42px);}
    ._about .s5 .itemBx .item.n2 > span{font-size: clamp(50px, 50 / 1280 * 100vw, 60px);}


}
@media screen and (max-width: 1280px) {
    ._about .s5 .itemBx .item .hoverBx{--circleH: clamp(140px, 140 / 1024 * 100vw, 160px);}
    ._about .s5 .itemBx .item .hoverBx span{font-size: clamp(20px, 20 / 1024 * 100vw, 22px);}
    ._about .s5 .itemBx .item .hoverBx em{font-size: clamp(32px, 32 / 1024 * 100vw, 38px);}
    ._about .s5 .itemBx .item.n2 > span{font-size: clamp(40px, 40 / 1024 * 100vw, 50px);}

}
@media screen and (max-width: 1024px) {
    ._about .s5 .itemBx .item:not(.n2) {margin-left: 2em;}
    ._about .s5 .itemBx .item .line{width: 150px;}
    ._about .s5 .itemBx .item .hoverBx {--circleH: clamp(110px, 110 / 820 * 100vw, 140px);}
    ._about .s5 .itemBx .item .hoverBx span{font-size: clamp(16px, 16 / 820 * 100vw, 20px);}
    ._about .s5 .itemBx .item .hoverBx em {font-size: clamp(26px, 26 / 820 * 100vw, 32px);}
    ._about .s5 .itemBx .item.n2 > span{font-size: clamp(40px, 40 / 820 * 100vw, 50px);}
    ._about .s5 .itemBx .item .line::before{background-size: 90%; left: -3vw;}
}
@media screen and (max-width: 820px) {
    ._about .s5 .itemBx{padding:unset;padding-top: 60px;}
    ._about .s5 .itemBx .item .hoverBx{--circleH: clamp(80px, 80 / 500 * 100vw, 110px);}
    ._about .s5 .itemBx .item .line{display: none;}
    ._about .s5 .itemBx .item.n2 > span{display: none;}
    ._about .s5 .itemBx .item:not(.n2){margin-left: unset;}
    ._about .s5 .itemBx .item .hoverBx .inner{width: unset; height: unset;padding: 0 5vw;}

    ._about .s5 .itemBx .item .hoverBx span {font-size: clamp(18px, 18 / 500 * 100vw, 22px);}
    ._about .s5 .itemBx .item .hoverBx em {font-size: clamp(22px, 22 / 500 * 100vw, 30px);}
}
@media screen and (max-width: 500px) {
    ._about .s5 .itemBx .item{margin-bottom: 40px;}
    ._about .s5 .itemBx .item .hoverBx{--circleH: clamp(60px, 60 / 360 * 100vw, 80px);}
    ._about .s5 .itemBx .item .hoverBx span {font-size: clamp(16px, 16 / 360 * 100vw, 20px);}
    ._about .s5 .itemBx .item .hoverBx em {font-size: clamp(20px, 20 / 360 * 100vw, 26px);}

}
@media screen and (max-width: 360px) {
    ._about .s5 .itemBx .item .hoverBx span {font-size: clamp(14px, 14 / 280 * 100vw, 16px);}
    ._about .s5 .itemBx .item .hoverBx em {font-size: clamp(17px, 17 / 280 * 100vw, 20px);}
}

/* ._about .s6{ height: 100vh; } */
._about .s6{padding-bottom: 200px;box-sizing: border-box;}
._about .s6 .tableBx{ margin-top: 60px; --padX: 90px; }
._about .s6 .tableBx .top{
    display:flex; align-items:center; justify-content:center; gap:40px;
}
._about .s6 .tableBx .top span{ font-size:20px; font-weight:700; color:#fff; letter-spacing: -0.025em; }
._about .s6 .tableBx .top p{ font-size:30px; font-weight:700; color:#fff; font-family:'helvetica-lt-pro'; }
._about .s6 .tableBx .top ._line{
    width:240px; height:1px; background:#fff; position:relative;
}
._about .s6 .tableBx .top ._line::before,
._about .s6 .tableBx .top ._line::after{
    content:""; position:absolute; top:50%; width:9px; height:9px; border-radius:50%; background:#fff; transform:translate(-50%,-50%);
}
._about .s6 .tableBx .top ._line::before{ left:0; }
._about .s6 .tableBx .top ._line::after{ right:-3%; transform:translate(50%,-50%); }

._about .s6 .tableBx .center{
    background: var(--red);
    padding: 40px 0; padding-left: var(--padX); padding-right: 130px;
    box-sizing: border-box;
    display: flex; justify-content: space-between;

    border-radius: 10px;
    margin-top: 40px;
}
._about .s6 .tableBx .center .row:not(:last-child){flex: 1;}
._about .s6 .tableBx .center .row p{
    font-size:20px; font-weight:600; color:#fff;
    letter-spacing: -0.025em;
}
._about .s6 .tableBx .center .row span{
    font-size:18px; font-weight:400; color:#d4d4d4; display:block; padding-top:15px;  font-family:'helvetica-lt-pro';
}

/* 더보기 버튼 */
._about .s6 .tableBx .moreBtn{
    display:flex; align-items:center; justify-content:center; margin-top:25px; color:#fff;
}
._about .s6 .tableBx .moreBtn a{
    display:flex; align-items:center; justify-content:center; gap:1.2em;
    border:1px solid rgba(255,255,255,.2); font-size:16px; padding:.8em 0;
    border-radius:5em; max-width:167px; width:100%;
}
._about .s6 .tableBx .moreBtn a span{ font-family:'helvetica-lt-pro'; color:rgba(255,255,255,.5); }
._about .s6 .tableBx .moreBtn a > div{ display:flex; flex-direction:column; }
._about .s6 .tableBx .moreBtn a > div i{ font-size:1.1em; margin:-5px 0; animation:arrow 1.5s linear infinite; }
._about .s6 .tableBx .moreBtn a > div i:nth-child(2){ animation-delay:.2s; }
@keyframes arrow { 
    0%{opacity:0;} 
    50%{opacity:1;} 
    100%{opacity:0;} 
}
/* 버튼 열렸을 때 위쪽으로 */
._about .s6 .tableBx .moreBtn.is-active a > div i {
    transform: rotate(180deg);
}

._about .s6 .timeline{position:relative; margin-top:80px;}

._about .s6 .timeline .dotBx{position:relative;}

/* ._about .s6 .timeline .dotBx::before{
    content:""; position:absolute; left:0; right:0; top:50%; height:1px;
    background:rgba(255,255,255,.3); transform:translateY(-50%);
    opacity: 1; transition: opacity .25s ease;
} */
._about .s6 .timeline.is-active .dotBx::before{opacity:1;}
/* ._about .s6 .timeline .dotBx::before{
    content:"";
    position:absolute;
    left:0; right:0; top:50%;
    height:1px;
    background:rgba(255,255,255,.3);
    transform:translateY(-50%);
    opacity:0;
    transition:opacity .3s ease;
} */
._about .s6 .timeline .dot{justify-self:center; width:9px; height:9px; background:#fff; border-radius:50%; display: none;}

._about .s6 .timeline ._cont{
    display: flex; justify-content: space-between;
    padding: 40px var(--padX);
    padding-right: 130px;
    box-sizing: border-box;
}
._about .s6 .timeline ._cont .col:not(:last-child){flex: 1;}
._about .s6 .timeline ._cont .col ul{display:flex; flex-direction: column; gap:20px;position: relative;}
/* ._about .s6 .timeline ._cont .col.flx ul{gap:40px;} */

/* ._about .s6 .timeline ._cont .col ul::before{
    content:''; display: block;  width:9px; height:9px; background:#fff; border-radius:50%;
    position: absolute; left: 0; top: -40px;  transform: translateY(-50%);
} */

._about .s6 .timeline ._cont .col li {display: flex;align-items: flex-end;gap: 15px;white-space: nowrap;}
._about .s6 .timeline ._cont .col.flx li{flex-direction: column;align-items: flex-start;}
._about .s6 .timeline ._cont .col li > div{display: flex;flex-direction: column; gap: 8px;}
._about .s6 .timeline ._cont .col .dep{ display:block; font-size: 14px; font-weight: 400;color: #666666;}
._about .s6 .timeline ._cont .col ._team{display: block; font-size: 14px; font-weight: 400;color: var(--red);}
._about .s6 .timeline ._cont .col p{color:#fff; font-size:18px;line-height: 1.3;}


._about .s6 .timeline ._conBx{max-height: 0;overflow: hidden;box-sizing: border-box;
    transition:max-height .3s ease;
}

._about .s6 .timeline ._conBx.is-active{max-height: 700px;overflow: visible;margin-bottom: 80px;}
._about .s6 .timeline ._cont .col .mob_tit{display: none;}
._about .s6 .tableBx .top.mob{display: none;}

@media screen and (max-width: 1680px) {
    ._about .s6 .tableBx .top p{font-size: clamp(26px, 26 / 1440 * 100vw, 30px);}
    ._about .s6 .tableBx .top span{font-size: clamp(20px, 20 / 1440* 100vw, 24px);}
}
@media screen and (max-width: 1600px) {
    /* ._about .s6 .tableBx .center .row{flex: 1 !important;}
    ._about .s6 .tableBx .center {
        padding-right: unset;
        padding: 40px var(--padX);
    }
    ._about .s6 .timeline ._cont{padding-right: unset;padding: 40px var(--padX);}
    ._about .s6 .timeline ._cont .col{flex: 1 !important;}
     */
    ._about .s6 .tableBx .center{padding-right: unset;background: unset;padding-left: unset;}
    ._about .s6 .tableBx .center .row:not(:last-child){flex: unset;}
    ._about .s6 .tableBx .center .row{max-width: 260px;width: 100%;background: var(--red);padding: 40px 0;box-sizing: border-box;border-radius: 10px;text-align: center;}
    ._about .s6 .timeline ._cont{padding-right: unset;padding: 40px 20px;}

    ._about .s6 .timeline ._cont .col{max-width: 260px;width: 100%;
        display: flex;justify-content: center;box-sizing: border-box;
    }
    ._about .s6 .timeline ._cont .col:not(:last-child){flex: unset;}


    ._about .s6 .tableBx .center .row p{font-size: clamp(18px, 18 / 1440 * 100vw, 20px);}
    ._about .s6 .tableBx .center .row span{font-size: clamp(16px, 16 / 1440 * 100vw, 18px);}
    ._about .s6 .timeline ._cont .col p{font-size: clamp(16px, 16 / 1440 * 100vw, 18px);}

}
@media screen and (max-width: 1440px) {
    ._about .s6 .tableBx .center .row {max-width: clamp(220px, 220 / 1280 * 100vw, 260px);padding: 25px 0;}
    ._about .s6 .timeline ._cont .col {max-width: clamp(220px, 220 / 1280 * 100vw, 260px);}
    ._about .s6 .timeline ._cont .col li > div{min-width: 35px;}


}
@media screen and (max-width: 1280px) {
    ._about .s6 .tableBx .center .row {max-width: clamp(180px, 180 / 1024 * 100vw, 220px);}
    ._about .s6 .timeline ._cont .col {max-width: clamp(180px, 180 / 1024 * 100vw, 220px);}
    ._about .s6 .timeline ._cont .col ul{max-width: 90%;}
    ._about .s6 .timeline ._cont .col li{white-space: normal;}
    
    ._about .s6 .timeline ._cont .col{width: 100%;}
    ._about .s6 .tableBx .center .row p{font-size: clamp(16px, 16 / 1024 * 100vw, 18px);}
    ._about .s6 .tableBx .center .row span{font-size: clamp(14px, 14 / 1024 * 100vw, 16px);}
    ._about .s6 .timeline ._cont .col p{font-size: clamp(14px, 14 / 1024 * 100vw, 16px);}
    ._about .s6 .tableBx .moreBtn a{font-size: clamp(14px, 14 / 1024 * 100vw, 16px);}

    /* ._about .s6 .timeline ._cont .col .dep, ._about .s6 .timeline ._cont .col ._team{font-size: clamp(13px, 13 / 1024 * 100vw, 14px);} */

    ._about .s6 .timeline ._cont .col li{flex-direction: column;align-items: flex-start;}
    ._about .s6 .timeline ._cont .col.flx ul{gap: 20px;}
    ._about .s6 .timeline ._cont{padding: 40px 0;}
    ._about .s6 .timeline ._cont .col .dep, ._about .s6 .timeline ._cont .col ._team{font-size: clamp(13px, 13 / 1024 * 100vw, 14px);}
    ._about .s6 .timeline ._cont .col p {
        font-size: clamp(13px, 13 / 1024 * 100vw, 14px);
    }


    ._about .s6 .tableBx .top ._line {width: clamp(140px, 140 / 1024 * 100vw, 240px);}
}
@media screen and (max-width: 1024px) {
    ._about .s6 {padding-bottom: 100px;}
    ._about .s6 .tableBx .center .row {
        max-width: clamp(150px, 150 / 820 * 100vw, 220px);
        display: flex;flex-direction: column;align-items: center;justify-content: center;
        gap: 8px;
    }
    ._about .s6 .tableBx .center .row span{padding-top: unset;}
    ._about .s6 .tableBx .center .row p{font-size: clamp(14px, 14 / 820 * 100vw, 16px);}
    ._about .s6 .tableBx .center .row span{font-size: clamp(12px, 12 / 820 * 100vw, 14px);}

    ._about .s6 .timeline ._cont .col ul {gap: 12px;}
    ._about .s6 .timeline ._cont .col li{gap: 12px;}
    /* ._about .s6 .tableBx .top p{font-size: clamp(24px, 24 / 820 * 100vw, 26px);} */
    /* ._about .s6 .tableBx .top span{font-size: clamp(18px, 18 / 820* 100vw, 20px);} */

    ._about .s6 .timeline ._cont .col ._team{white-space: nowrap;}
    ._about .s6 .timeline ._cont .col p{white-space: nowrap;}
    

}
@media screen and (max-width: 820px) {
    ._about .s6 .tableBx .center{display: none;}
    ._about .s6 .tableBx .moreBtn a{display: none;}
    ._about .s6 .timeline ._conBx{max-height: unset;}

    ._about .s6 .timeline ._cont .col .mob_tit{background: var(--red);padding: 15px;border-radius: 5px;text-align: center;
        display: flex;align-items: center;justify-content: center;gap: 8px;
    }
    ._about .s6 .timeline ._cont .col .mob_tit p{font-size: clamp(16px, 16 / 500 * 100vw, 18px);color: #fff;font-weight: 600;}
    ._about .s6 .timeline ._cont .col .mob_tit span{font-size:14px;color: #d4d4d4;font-weight: 400;}
    ._about .s6 .timeline ._cont .col .mob_tit div{display: flex;flex-direction: column;}
    ._about .s6 .timeline ._cont .col .mob_tit div:nth-child(2){min-width: 160px;}
    ._about .s6 .timeline ._cont .col .mob_tit div i{font-size: 18px;color: #fff;margin: -5px 0;}
    ._about .s6 .timeline ._cont .col .mob_tit div i:nth-child(1){animation: arrow 1.5s linear infinite;}
    ._about .s6 .timeline ._cont .col .mob_tit div i:nth-child(2){animation: arrow 1.5s linear infinite;animation-delay:.2s;}
    ._about .s6 .timeline ._cont{flex-direction: column;}
    ._about .s6 .timeline ._cont .col{max-width: unset;flex-direction: column;}
    ._about .s6 .timeline ._cont .col ul{max-width: unset;
        max-height: 0;overflow: hidden;box-sizing: border-box;
        transition:max-height .3s ease;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    ._about .s6 .timeline ._cont .col ul.is-active{max-height: 1000px;overflow: visible;}
    ._about .s6 .timeline ._cont .col li > div{min-width: unset;}
    ._about .s6 .timeline ._cont .col .dep, ._about .s6 .timeline ._cont .col ._team{
        font-size: clamp(14px, 14 / 500 * 100vw, 16px);
    }
    ._about .s6 .timeline ._cont .col p{font-size: clamp(16px, 16 / 500 * 100vw, 18px);}
    ._about .s6 .timeline{margin-top: 0;}

    ._about .s6 .tableBx .top{display: none;}
    ._about .s6 .tableBx .top.mob{display: flex;}
    ._about .s6 .tableBx .top.mob .txt{display: flex;flex-direction: column;gap: 15px;}
    ._about .s6 .tableBx .top{gap: clamp(20px, 20 / 500 * 100vw, 40px);justify-content: flex-start;}
    ._about .s6 .tableBx .top span{font-size: clamp(17px, 17 / 500* 100vw, 20px);}
}
@media screen and (max-width: 500px) {
    ._about .s6 .tableBx .top ._line {
        width: clamp(100px, 100 / 360 * 100vw, 140px);
    }
    ._about .s6 .tableBx .top p {
        font-size: clamp(22px, 22 / 360 * 100vw, 26px);
    }
    ._about .s6 .tableBx .top span {
        font-size: clamp(15px, 15 / 360 * 100vw, 17px);
    }
}
@media screen and (max-width: 360px) {
    ._about .s6 .tableBx .top ._line {
        width: clamp(50px, 50 / 280 * 100vw, 100px);
    }
    ._about .s6 .tableBx .top p {
        font-size: clamp(20px, 20 / 280 * 100vw, 24px);
    }
    /* ._about .s6 .tableBx .top span {
        font-size: clamp(13px, 13 / 280 * 100vw, 15px);
    } */
    ._about .s6 .timeline ._cont .col .mob_tit p{font-size: clamp(14px, 14 / 280 * 100vw, 16px);}
    ._about .s6 .timeline ._cont .col .mob_tit span{font-size: clamp(12px, 12 / 280 * 100vw, 14px);}
}

._about .s7{position: relative;padding-bottom: 50px;box-sizing: border-box;}
._about .s7 .cont{display: flex;justify-content: space-between;
width: 100%;height: 100%;}
._about .s7 .cont .left{display: flex;flex-direction: column;gap: 60px;}
/* ._about .s7 .cont .left{position: relative;} */
/* ._about .s7 .cont .left .yearBx{position: absolute;bottom: 0;left: 0;} */
._about .s7 .cont .yearBx ul {font-size: 20px;font-weight: 700;color: rgba(255, 255, 255, 0.5);font-family: 'helvetica-lt-pro';}
._about .s7 .cont .yearBx li{padding: .4em 0;box-sizing: border-box;cursor: pointer;white-space: nowrap;}
._about .s7 .cont .yearBx li.on{color: var(--red);font-size: 30px;}

._about .s7 .cont .right{padding-top: 120px;max-width: 1150px;width: 100%;gap: 80px;}
._about .s7 .cont .right .year{display: flex;gap:100px;justify-content: flex-end;}
._about .s7 .cont .right .year .img{position: relative;max-width: 600px;width: 100%;}
._about .s7 .cont .right .year .img::before{content: '';display: block;width: 100%;padding-bottom: calc(1150 / 1680 * 100%);}
._about .s7 .cont .right .year .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
._about .s7 .cont .right .year.flx_start{justify-content: flex-start;}
._about .s7 .cont .right .info .tit{font-size: 40px;font-weight: 700;color: #fff;font-family: 'helvetica-lt-pro';margin-bottom: 40px;}
._about .s7 .cont .right .info ul{display: flex;flex-direction: column;gap: 20px;font-size: 16px;}
._about .s7 .cont .right .info ul li{display: flex;align-items: flex-start;}
._about .s7 .cont .right .info ul li em{min-width: 60px;color: rgba(255,255,255,.7);letter-spacing: -0.025em;}
._about .s7 .cont .right .info ul li p{color: #fff;line-height: 1.3;}
._about .s7 .cont .right .info ul li p span{display: block;font-size: 14px;color: #727272;}

._about .s7 .cont .right .info{max-width: 340px;}

._about .s7 .right .year {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0; left: 0; right: 0;
    transition: opacity .5s ease;
}
._about .s7 .right .year.is-active {
    opacity: 1;
    visibility: visible;
    position: relative;
}
@media screen and (max-width: 1680px){
    ._about .s7 .cont .right .info .tit{font-size: clamp(36px, 36 / 1680 * 100vw, 40px);}
    ._about .s7 .cont .right .year.flx_start{justify-content: flex-end;}
    ._about .s7 .cont .right .year{gap: clamp(80px, 80 / 1440 * 100vw, 100px);}

    ._about .s7 .cont .yearBx li.on{font-size: clamp(26px, 26 / 1680 * 100vw, 30px);}

    ._about .s7 .cont .left {gap: 70px;}
}
@media screen and (max-width: 1440px){
    ._about .s7 .cont .right .info .tit{font-size: clamp(32px, 32 / 1440 * 100vw, 36px);}
    ._about .s7 .cont .right .info ul li em {min-width: 40px;}
}
@media screen and (max-width: 1280px){
    ._about .s7 .cont .yearBx ul{display: flex;gap: 1em;align-items: center;}
    ._about .s7 .cont{flex-direction: column;}
    ._about .s7 .cont .left{gap: 20px;}

    ._about .s7 .cont .right {padding-top: 80px;}
    ._about .s7 .cont .right .year.flx_start {justify-content: center;}
    ._about .s7 .cont .right .year{justify-content: center;}
    ._about .s7 .cont .yearBx li {
        padding: unset;
    }
}
@media screen and (max-width: 1024px){
    ._about .s7 .cont .right .year .img{max-width: 400px;}
    ._about .s7 .cont .right .info .tit{font-size: clamp(28px, 28 / 820 * 100vw, 32px);}

    ._about .s7 .cont .right .info ul li em, ._about .s7 .cont .right .info ul li p{font-size: clamp(14px, 14 / 820 * 100vw, 16px);}

    ._about .s7 .cont .right .year {gap: clamp(60px, 60 / 820 * 100vw, 80px);}
}
@media screen and (max-width: 820px){
    ._about .s7 .cont .yearBx ul{align-items: center;flex-wrap: wrap;}

    ._about .s7 .cont .yearBx li.on {
        font-size: clamp(22px, 22 / 500 * 100vw, 26px);
    }
    ._about .s7 .cont .yearBx ul{font-size: clamp(18px, 18 / 500 * 100vw, 20px);}
    ._about .s7 .cont .right .year{flex-direction: column;}

    ._about .s7 .cont .right .info .tit {
        font-size: clamp(24px, 24 / 500 * 100vw, 28px);
    }

}
@media screen and (max-width: 500px){
    ._about .s7 .cont .yearBx li.on {
        font-size: clamp(20px, 20 / 360 * 100vw, 22px);
    }
    ._about .s7 .cont .yearBx ul {
        font-size: clamp(16px, 16 / 360 * 100vw, 18px);
    }
}
@media screen and (max-width: 360px){}