/* company 오시는길 */
._location{ width: 100%; padding: 125px 0; font-family: 'Pretendard'; }

@media screen and (max-width: 1280px){
    ._location{ padding: 100px 0; }
}

@media screen and (max-width: 820px){
    ._location{ padding: 70px 0; }
}

/* 카카오맵 커스텀 */
.root_daum_roughmap .cont{display: none;}
.root_daum_roughmap .wrap_controllers{display: none;}
.root_daum_roughmap{width: 100%;}
.root_daum_roughmap .wrap_map{height: 483px;}
._location ._map{ width: 100%; height: 100%; }

._location ._info{padding: 70px 2vw 0 2vw;display: flex;justify-content: space-between;}
._location ._info .row{display: flex;align-items: flex-start;gap: 15px;}
._location ._info .row ._tit{position: relative;top: -5px;}
._location ._info .row ._tit > div {
    width: 35px;height: 35px;border-radius: 50%;background-color: #ff911d;
    display: flex;align-items: center;justify-content: center;
}
._location ._info .row ._tit > div > i{font-size: 18px;color: #fff; letter-spacing: -0.05em;}
._location ._info .row ._txt h3{font-size: 26px;font-weight: 700; letter-spacing: -0.05em;}

._location ._info .row .method{padding-top: 30px;}
._location ._info .row .method em{font-size: 18px;font-weight: 700;letter-spacing: -0.05em;}

._location ._info .row .method .detail{padding-top: 15px;letter-spacing: -0.05em;}
._location ._info .row .method .detail p{font-size: 18px;font-weight: 500;color: #000;line-height: 1.72222;display: flex; letter-spacing: -0.05em;}
._location ._info .row .method .detail p em{color: #9d9d9d;margin: 0 5px;}
._location ._info .row .method .detail p span{color: #3f3f3f; font-weight: 400;}

._location ._info .row .method em:nth-child(3){padding-top: 40px;display: block;}

@media screen and (max-width: 1440px){
    ._location ._info .row ._txt h3 {font-size: 22px;}
    ._location ._info .row ._tit {top: -7px;}
}
@media screen and (max-width: 1280px){
    ._location ._info .row ._txt h3 {font-size: 20px;}
    ._location ._info .row .method em {font-size: 16px;}
    ._location ._info .row .method .detail p {font-size: 16px;}
}
@media screen and (max-width: 1024px){
    .root_daum_roughmap .wrap_map {height: 380px;}
    ._location ._info{padding: 70px 0 0 0;}
    ._location ._info .row{flex-direction: column;}
}
@media screen and (max-width: 820px){
    ._location ._info {flex-direction: column;gap: 2em;}
    ._location ._info .row{flex-direction: row;}
    ._location ._info .row .method {padding-top: 20px;}
    ._location ._info .row .method em:nth-child(3) {padding-top: 20px;}
}
@media screen and (max-width: 500px){
    .root_daum_roughmap .wrap_map {height: 280px;}
    ._location ._info .row ._txt h3 {font-size: 18px;}
    ._location ._info .row .method .detail p em{margin: 0 2px;}
    ._location ._info .row ._tit {top: -8px;}
}
@media screen and (max-width: 360px){
    ._location ._info .row {flex-direction: column;gap: 10px;}
    ._location ._info .row .method em{font-size: 16px;}
    ._location ._info .row .method .detail p {font-size: 14px;}
}

/* about */
.about{font-family: 'Pretendard';letter-spacing: -0.05em;}
.about{ width: 100%; padding-bottom: 125px;}
@media screen and (max-width: 1280px){
    /* .about{ padding: 100px 0; } */
}

@media screen and (max-width: 820px){
    /* .about{ padding: 70px 0; } */
}
.about .sv .bottom > .btnWrap{display: none;}

/* odometer */
.about .digit-con{ overflow: hidden; height: 1em; vertical-align: top; display: inline-block;}
.about .digit-con > span{ display: block; position: relative; letter-spacing: -0.05em; }


/* cont */
.about .s1{padding-top: 125px;}
.about .s1 .cont{width: 100%;display: flex;}
/* left */
.about .s1 .cont .left{max-width: 720px;width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;}
.about .s1 .cont .left .top{ padding-top: 20px; }
.about .s1 .cont .left .top > div{overflow: hidden;}
.about .s1 .cont .left .top h3{font-family: 'Poppins';font-size: 68px;font-weight: 600;line-height: 1.1029; letter-spacing: -0.05em;}
.about .s1 .cont .left .top h3 em{color: #f36e3b;}
.about .s1 .cont .left .top p{font-size: 18px;font-weight: 400;line-height: 1.66666;padding-top: 60px;}
.about .s1 .cont .left .bottom{display: flex;gap: 10px;}
.about .s1 .cont .left .bottom .cardBx{border-radius: 23px;padding: 45px;box-sizing: border-box;} 
.about .s1 .cont .left .bottom .cardBx.n1{background-color: #5f4aff;max-width: 276px;width: 100%;} 
.about .s1 .cont .left .bottom .cardBx.n2{background-color: #f36e3b;max-width: 424px;width: 100%;} 
.about .s1 .cont .left .bottom .cardBx .count{display: flex;justify-content: space-between;align-items: flex-end;}
.about .s1 .cont .left .bottom .cardBx .count .odometer-label{font-size: 16px;font-weight: 500;color: #fff;line-height: 1.5; letter-spacing: -0.02em;}
.about .s1 .cont .left .bottom .cardBx .count .number {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 52px;
    letter-spacing: -0.05em;
    font-weight: 600;
    position: relative;
}
.about .s1 .cont .left .bottom .cardBx .count .number::before {
    content: "+";
    color: #fff;
    letter-spacing: -0.05em;
}
/* right */
.about .s1 .cont .right{max-width: 720px;width: 100%;display: flex;flex-direction: column;gap: 10px;}
.about .s1 .cont .right .flxBx{display: flex;gap: 10px;}
.about .s1 .cont .right .flxBx .row{max-width: 355px;width: 100%;border-radius: 23px;padding: 45px 40px;box-sizing: border-box;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;gap: 5.2em;}
.about .s1 .cont .right .flxBx .row.n1{background-color: #eeeeee;}
.about .s1 .cont .right .flxBx .row.n2{background-color: #000000;}
.about .s1 .cont .right .flxBx .row .odometer-label{font-size: 16px;font-weight: 500;color: #000;padding-bottom: 15px; letter-spacing: -0.05em;}
.about .s1 .cont .right .flxBx .row .count .number{font-size: 52px;font-weight: 600;color: #000;letter-spacing: -0.05em;}
.about .s1 .cont .right .flxBx .row.n2 .odometer-label{font-size: 16px;font-weight: 500;color: #fff;letter-spacing: -0.05em;}
.about .s1 .cont .right .flxBx .row.n2 .count .number{font-size: 52px;font-weight: 600;color: #fff;letter-spacing: -0.05em;}
.about .s1 .cont .right .row.n1 .count .number::after {content: "(ton)";font-size: 16px;font-weight: 400;margin-left: 8px;letter-spacing: -0.05em;}

.about .s1 .cont .right .bottom{display: flex;gap: 30px;align-items: center;padding: 40px;box-sizing: border-box;border-radius: 23px;border: 1px solid #cccccc;width: 100%;}
.about .s1 .cont .right .bottom .img{ width: 126px; }
.about .s1 .cont .right .bottom p{font-size: 20px;font-weight: 400;line-height: 1.5;letter-spacing: -0.05em;}
.about .s1 .cont .right .bottom p em{font-weight: 700;}


.about .s2{padding-top: 310px;}
.about .s2 .cont{display: flex;}
.about .s2 .cont ._tit h3{font-size: 34px;font-weight: 700;white-space: nowrap;letter-spacing: -0.05em;}
.about .s2 .cont .yearBx .row{display: flex;gap: 40px;padding-bottom: 25px;}
.about .s2 .cont .yearBx .row:last-child{padding-bottom: 0;}
.about .s2 .cont .yearBx .year{font-size: 20px;font-weight: 700;color: #000;letter-spacing: -0.05em;}
.about .s2 .cont .yearBx .year p{position: relative;top: 3px;}
.about .s2 .cont .yearBx .txt{font-size: 17px;font-weight: 400;color: #202020;line-height: 1.5;letter-spacing: -0.05em;}
.about .s2 .cont .yearBx .txt p{padding-bottom: 20px;}
.about .s2 .cont .yearBx .txt p:last-child{padding-bottom: 0;}
.about .s2 .cont .left{display: flex;gap: 40px;position: relative;max-width: 720px;width: 100%;}
.about .s2 .cont .right{display: flex;gap: 40px;position: relative;max-width: 720px;width: 100%;}

.about .s2 .cont .lineBx {
    width: 2px;
    height: 100%;
    background-color: #d0d0d0;
}
.about .s2 .cont .lineBx .line {
    width: 2px;
    height: 100%;
    background-color: #f36e3b;
    transform-origin: center top;
    transform: scaleY(0);
}

.about .s3{padding-top: 310px;}
.about .s3 .cont ._tit{overflow: hidden;}
.about .s3 .cont ._tit h2{font-size: 46px;letter-spacing: -0.05em;font-weight: 700;line-height: 1.5217;text-align: center;}

.about .s3 .cont .cardBx{display: flex;gap: 35px;padding-top: 110px;justify-content: center;}
.about .s3 .cont .cardBx .card{padding: 40px;box-sizing: border-box;border-radius: 23px;border: 1px solid #d7d7d7;max-width: 410px;width: 100%;transition: background-color 0.5s, color 0.5s;
cursor: pointer;}
.about .s3 .cont .cardBx .card:hover{background-color: #f36e3b;color: #fff;}
.about .s3 .cont .cardBx .card:hover .txt em{color: #fff;}
.about .s3 .cont .cardBx .card:hover .txt p{color: #fff;}
.about .s3 .cont .cardBx .card ._tit strong{font-size: 28px;font-weight: 600;font-family: 'Poppins';display: block;padding-bottom: 20px;border-bottom: 1px solid #d7d7d7;letter-spacing: -0.05em;}
.about .s3 .cont .cardBx .card .txt{padding-top: 55px; }
.about .s3 .cont .cardBx .card .txt em{font-size: 18px;font-weight: 700;line-height: 1.5;color: #f36e3b;letter-spacing: -0.05em; transition-duration: 0.5s;}
.about .s3 .cont .cardBx .card .txt p{font-size: 17px;font-weight: 400;line-height: 1.5;color: #202020;padding-top: 20px;letter-spacing: -0.05em; transition-duration: 0.5s;}

.about .s4{padding-top: 310px;}
.about .s4 .cont{display: flex;gap: 170px;}
.about .s4 .cont .right{height: 100%;}
.about .s4 .cont .left ._tit > div{overflow: hidden;}
.about .s4 .cont .left ._tit small{font-size: 18px;font-weight: 500;color: #f36e3b;display: block;letter-spacing: -0.05em;}
.about .s4 .cont .left ._tit h2{font-size: 50px;font-weight: 700;padding-top: 30px; line-height: calc(72 / 50); letter-spacing: -0.05em;letter-spacing: -0.05em; }
.about .s4 .cont .left ._tit .sub{padding-top: 60px;}
.about .s4 .cont .left ._tit .sub p{font-size: 17px;font-weight: 400;line-height: 1.7647;letter-spacing: -0.05em;}
.about .s4 .cont .right{padding-top: 110px;}
.about .s4 .cont .right .yearBx{height: 100%;}
.about .s4 .cont .right .yearBx .row{padding-bottom: 70px;display: flex;gap: 50px;}
.about .s4 .cont .right .yearBx .row:last-child{padding-bottom: 0;}
.about .s4 .cont .right .yearBx .row strong{display: block;font-size: 44px;font-weight: 700;text-decoration: underline;
text-underline-offset: 8px;transition: color 0.3s;
text-decoration-thickness: 2px;
min-width: 110px;
letter-spacing: -0.05em;
}
.about .s4 .cont .right .row strong.active {color: #f36e3b;}
.about .s4 .cont .right .yearBx .row .txt{display: flex;gap: 20px;padding-top: 10px;padding-bottom: 10px;}
.about .s4 .cont .right .yearBx .row .txt span{display: block;font-size: 20px;letter-spacing: -0.05em;font-weight: 700;position: relative;top: -2px; min-width: 24px; }
.about .s4 .cont .right .yearBx .row .txt .info p{font-size: 17px;letter-spacing: -0.05em;font-weight: 400;color: #202020;padding-bottom: 20px;line-height: 1.3;}
.about .s4 .cont .right .yearBx .row .txt .info p:last-child{padding-bottom: 0;}

@media screen and (max-width: 1680px){
    .about .s1 .cont{gap: 1em;}
    .about .s1 .cont .left .top h3{font-size: 62px;}
    .about .s1 .cont .left .bottom .cardBx .count .number{font-size: 48px;}
    .about .s1 .cont .right .flxBx .row .count .number {font-size: 48px;}
    .about .s1 .cont .right .flxBx .row.n2 .count .number{font-size: 48px;}
    
    .about .s2 .cont {gap: 1em;justify-content: center;}
    .about .s2 .cont ._tit h3 {font-size: 30px;}

    .about .s3 .cont ._tit h2 {font-size: 42px;}
    
    .about .s4 .cont .left ._tit h2 {font-size: 46px;}
    .about .s4 .cont .right .yearBx .row strong {font-size: 38px;}
}
@media screen and (max-width: 1440px){
    .about .s1 .cont .left .top h3 {font-size: 54px;}
    .about .s1 .cont .left .bottom{flex-direction: column;}
    .about .s1 .cont .left .bottom .cardBx{padding: 35px;}
    .about .s1 .cont .left .bottom .cardBx .count .number {font-size: 38px;}

    .about .s1 .cont .right {justify-content: center;align-items: center;}
    .about .s1 .cont .right .flxBx .row .count .number {font-size: 42px;}
    .about .s1 .cont .right .flxBx .row.n2 .count .number{font-size: 42px;}
    .about .s1 .cont .right .bottom p {font-size: 16px;}

    .about .s2 .cont ._tit h3 {font-size: 28px;}

    .about .s3 .cont ._tit h2 {font-size: 38px;}

    .about .s3 .cont .cardBx .card {padding: 35px;}
    .about .s3 .cont .cardBx .card ._tit strong {font-size: 24px;}
    .about .s3 .cont .cardBx .card .txt em {font-size: 17px;}
    .about .s3 .cont .cardBx .card .txt p {font-size: 16px;}

    .about .s4 .cont{gap: unset;justify-content: space-between;}
    .about .s4 .cont .left ._tit h2 {font-size: 38px;}

    .about .s4 .cont .right .yearBx .row strong {font-size: 32px;}
}
@media screen and (max-width: 1280px){

    .about .s1 .cont .left .top h3 {font-size: 48px;}
    .about .s1 .cont .left .top p {font-size: 16px;}
    .about .s1 .cont .right .flxBx .row .count .number {font-size: 38px;}
    .about .s1 .cont .right .flxBx .row.n2 .count .number {font-size: 38px;}
    .about .s1 .cont .right .bottom{flex-direction: column;align-items: flex-start;}

    .about .s2 .cont ._tit h3 {font-size: 24px;}
    .about .s2 .cont .yearBx .txt {font-size: 16px;}
    .about .s2 .cont .yearBx .year {font-size: 18px;min-width: 40px;}

    .about .s2 .cont .left {gap: 25px;}
    .about .s2 .cont .right {gap: 25px;}

    .about .s3 .cont ._tit h2 {font-size: 34px;}
    .about .s3 .cont .cardBx .card .txt em br{display: none;}
    .about .s3 .cont .cardBx .card .txt p br{display: none; }

    .about .s4 .cont .left ._tit small {font-size: 16px;}
    .about .s4 .cont .left ._tit h2 {font-size: 34px;}
    .about .s4 .cont .left ._tit .sub p {font-size: 16px;white-space: nowrap;}
    .about .s4 .cont{gap: 4.5em;}
    .about .s4 .cont .right .yearBx .row strong {font-size: 28px;}
    .about .s4 .cont .right .yearBx .row{gap: 30px;}
    .about .s4 .cont .right .yearBx .row .txt span {font-size: 18px; min-width: 22px;}
    .about .s4 .cont .right .yearBx .row .txt .info p {font-size: 15px;}


    /* 여백 */
    .about .s2 {padding-top: 200px;}
    .about .s3 {padding-top: 200px;}
    .about .s4 {padding-top: 200px;}
}
@media screen and (max-width: 1024px){
    .about .s1 .cont{flex-direction: column;gap: 10px;align-items: center;}
    .about .s1 .cont .left .top h3 {font-size: 42px;}
    .about .s1 .cont .left .bottom{padding-top: 40px;flex-direction: row;}
    .about .s1 .cont .right .bottom {flex-direction: row;}

    .about .s2 .cont{flex-direction: column;gap: 80px;align-items: center;}
    .about .s2 .cont .left{justify-content: flex-start;height: 840px;gap: 40px;}
    .about .s2 .cont .right{justify-content: flex-start;height: 790px;gap: 40px;}
    
    .about .s3 .cont ._tit h2 {font-size: 32px;}
    .about .s3 .cont .cardBx{gap: 20px;}
    .about .s3 .cont .cardBx .card {padding: 25px;}
    .about .s3 .cont .cardBx .card ._tit strong {font-size: 22px;}
    .about .s3 .cont .cardBx .card .txt em {font-size: 16px;}
    .about .s3 .cont .cardBx .card .txt p {font-size: 15px;}
    

    .about .s4 .cont .left ._tit{text-align: center;}
    .about .s4 .cont{flex-direction: column;gap: unset;align-items: center;}
    .about .s4 .cont .right .yearBx .row{justify-content: flex-start;}

}
@media screen and (max-width: 820px){
    .about .s1{ padding-top: 70px; }
    .about .s1 .cont .left .top{ padding-top: 0; }
    .about .s1 .cont .left .bottom {flex-direction: column;}
    .about .s1 .cont .left .top h3 {font-size: 38px;}

    .about .s1 .cont .right .flxBx .row{padding: 45px 35px;}
    .about .s1 .cont .right .flxBx .row .count .number {font-size: 32px;}
    .about .s1 .cont .right .flxBx .row.n2 .count .number {font-size: 32px;}
    .about .s1 .cont .right .bottom {flex-direction: column;}

    .about .s2 .cont ._tit h3 {font-size: 20px;}
    .about .s2 .cont .yearBx .year {font-size: 16px;}

    .about .s3 .cont ._tit h2 {font-size: 24px;}
    .about .s3 .cont .cardBx {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .about .s3 .cont .cardBx .card {padding: 35px;}
    .about .s3 .cont .cardBx .card .txt em br{display: block;}
    .about .s3 .cont .cardBx .card .txt p br{display: block;}

    .about .s4 .cont .left ._tit h2 {font-size: 28px;}
    .about .s4 .cont .right .yearBx .row strong {font-size: 24px;}
    .about .s4 .cont .right .yearBx .row .txt{padding-top: 5px;}
    .about .s4 .cont .right .yearBx .row .txt span{min-width: 22px;}
}
@media screen and (max-width: 500px){
    .about .s1 .cont .left .top h3 {font-size: 28px;}
    .about .s1 .cont .left .top p br{display: none;}
    .about .s1 .cont .left .bottom .cardBx .count .number {font-size: 24px;}
    
    .about .s1 .cont .right .flxBx .row .count .number {font-size: 24px;}
    .about .s1 .cont .right .flxBx .row.n2 .count .number {font-size: 24px;}
    .about .s1 .cont .right .flxBx .row .odometer-label{font-size: 15px;}
    .about .s1 .cont .right .flxBx .row.n2 .odometer-label {font-size: 15px;}
    .about .s1 .cont .right .flxBx .row {padding: 35px 18px;}

    .about .s1 .cont .right .bottom{padding: 25px;}
    .about .s1 .cont .right .bottom p br{display: none;}

    .about .s2 .cont .lineBx{display: none;}
    .about .s2 .cont .left{height: unset;flex-direction: column;}
    .about .s2 .cont .right{height: unset;flex-direction: column;}
    
    .about .s2 .cont ._tit h3 {font-size: 18px;}
    .about .s2 .cont .yearBx .txt {font-size: 14px;}

    .about .s3 .cont ._tit h2 {font-size: 22px;}
    .about .s3 .cont .cardBx .card {padding: 30px;}
    .about .s3 .cont .cardBx .card ._tit strong {font-size: 20px;}
    .about .s3 .cont .cardBx .card .txt em {font-size: 15px;}
    .about .s3 .cont .cardBx .card .txt p {font-size: 14px;}

    .about .s4 .cont .left ._tit h2 {font-size: 24px;}
    .about .s4 .cont .left ._tit .sub p{white-space: normal;word-break: keep-all;}
    .about .s4 .cont .left ._tit .sub p br{display: none;}
    
    .about .s4 .cont .right .yearBx .row strong {font-size: 20px;}
    .about .s4 .cont .right .yearBx .row .txt span {font-size: 16px;top: 2px;}

     /* 여백 */
    .about .s2 {padding-top: 100px;}
    .about .s3 {padding-top: 100px;}
    .about .s4 {padding-top: 100px;}
    /* 추가 */
    .about .s4 .cont .right .yearBx .row strong {min-width: 50px;}
}
@media screen and (max-width: 360px){
    .about .s1 .cont .left .top h3 {font-size: 24px;}
    .about .s1 .cont .left .bottom .cardBx {padding: 28px;}
    .about .s1 .cont .left .bottom .cardBx .count .odometer-label{font-size: 14px;}
    .about .s1 .cont .left .bottom .cardBx .count .number {font-size: 20px;}
    .about .s1 .cont .right .flxBx{flex-direction: column;}

    .about .s1 .cont .right .bottom p {font-size: 14px;}
    .about .s1 .cont .right .flxBx .row .count .number {font-size: 20px;}
    
    .about .s2 .cont .yearBx .row {gap: 8px;}
    .about .s3 .cont .cardBx .card .txt p br{display: none;}


    .about .s3 .cont .cardBx .card {padding: 30px 20px;}

    .about .s4 .cont .right .yearBx .row strong {font-size: 18px;min-width: 30px;}
    .about .s4 .cont .right .yearBx .row .txt{padding-top: 0;}
}