.txAc {text-align:center;}

.esg-eco-sec01.cgIm {
    background: url(/resources/ko/images/Content/esg_eco_002.png) no-repeat 50% 50% !important;
}



.esg-eco-sect02 {width: 100%;display: flex;border-top: 1px solid #E4E4E3;border-left: 1px solid #E4E4E3;}
.esg-eco-sect02 > li {position:relative;width: 33.33%;border-right: 1px solid #E4E4E3;border-bottom: 1px solid #E4E4E3;padding: 180px 70px 50px 70px;box-sizing: border-box;}
.esg-eco-sect02 .icon {display: block;position: absolute;top:50px;right:70px;width: 100px;height: 100px;background: no-repeat 50% 50%;background-size: 100% auto;}
.esg-eco-sect02 .icon01 {background-image: url(/resources/ko/images/Content/esg_eco_icon001.png);}
.esg-eco-sect02 .icon02 {background-image: url(/resources/ko/images/Content/esg_eco_icon002.png);}
.esg-eco-sect02 .icon03 {background-image: url(/resources/ko/images/Content/esg_eco_icon003.png);}
.esg-eco-sect02 .icon04 {background-image: url(/resources/ko/images/Content/esg_eco_icon004.png);}
.esg-eco-sect02 .lnum {display: block;color:#009DD8;font-size: 0.9em;font-weight: 700;}
.esg-eco-sect02 .ltit {color: #000;font-size: 1.4em;font-weight: 600;}


@media all and (max-width:1399px) {
    .esg-eco-sect02 > li {padding: 180px 40px 50px 40px;}
    .esg-eco-sect02 .icon {right:40px;}
}
@media all and (max-width:999px) {
    .esg-eco-sect02 {flex-wrap: wrap;}
    .esg-eco-sect02 > li {width: 50%;padding: 100px 30px 30px 30px;}
    .esg-eco-sect02 .icon {top:30px;right:30px;width:70px;height: 70px;}
    

}
@media all and (max-width:799px) {

}
@media all and (max-width:599px) {
    .esg-eco-sect02 > li {width: 100%;padding: 30px 30px 30px 90px;}
    .esg-eco-sect02 .icon {top:25px;right:auto;left:20px;width:40px;height: 40px;}
.sv_fix {padding:0 20px !important;}
}



.company-info-sect01 {padding-bottom: 120px;z-index: 0;}
.company-info-sect01 .cont-full-small {display:flex;justify-content: space-between;}
.company-info-sect01 .tit-box {width:600px;display:flex;flex-direction: column;justify-content: space-between;}
.company-info-sect01 .txt-box {width:calc(100% - 670px)}
.company-info-sect01 .txt-box .txt {color: #000;font-size: 1.3em;line-height: 180%;}
.company-info-sect01 .txt-box .list li {position:relative;width: 100%;padding-left:40px;box-sizing: border-box;padding:37px 0;}
.company-info-sect01 .txt-box .list .lnum {position:absolute;top:0;left:0;color: #767676;font-size: 0.9em;font-weight: 700;}
.company-info-sect01 .txt-box .list .ltit {display:block;color: #000;font-size: 29px;font-weight: 700;padding-top:10px}
.company-info-sect01 .txt-box .list .ltxt {display:block;color: #222;font-size: 20px;font-weight: 500;padding-top:20px}
.company-info-sect01 .cont-full-smll {
    display: flex
;
    justify-content: space-between;
}
.cont-full-smll {
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

 @media (max-width: 1449px) {
.company-info-sect01 .tit-box {width:33%}
.company-info-sect01 .txt-box {width:calc(60%)}
 }

  @media (max-width: 1024px) {
.company-info-sect01 .tit-box, .company-info-sect01 .txt-box {width:100%}
.company-info-sect01 .tit-box img {width:100%}
.company-info-sect01 .txt-box {margin-top:50px}
.company-info-sect01 .cont-full-smll {
    flex-direction: column;
    }
 }


  @media (max-width: 768px) {
    .company-info-sect01 .txt-box .list .ltit {font-size:1.75em;padding-top:2px;}
    .company-info-sect01 .txt-box .list .ltxt {font-size:1.1em;padding-top:11px;}
  }





.certification-status {
  max-width:1600px;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
  background:#F5F5F5;
  padding:100px;
}

.section_wrap {display:flex;justify-content: space-between;}

.section {
  width: 21%;
  margin: 0 5% 0 0;
  vertical-align: top;
}

.certification-status .section:nth-child(4) {margin:0 0 0 0;}

.section .data p {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #E4E4E3;
}
.section .data p:last-child {border-bottom:0}

.section h4 {
  font-size: 30px;
  font-family: "Hyundai Sans Head", sans-serif;
  color:#222;
  padding-bottom: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.section h4 span {font-size:17px;font-weight:500;color:#00AEEF;line-height:1rem;}

.data p {
  margin: 5px 0;
  font-size: 17px;
  color:#444;
  font-weight:700;
  padding: 20px 0 13px;
  
}

.data p span {
  color:#222;
  font-weight:500;
  font-size: 40px;
  
}

.summary {
  margin-top: 20px;
  border-top: 2px solid #474747;
  padding-top: 20px;
  display: flex;
  justify-content: flex-end;
}

.summary p {
  display: inline-block;
  margin: 0 15px;
  font-size: 30px;
  font-weight:700;
  color:#000;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.summary p:last-child {margin:0 0 0 15px}

.summary p span {
  font-weight: bold;
  font-size: 16px;
  margin-right: 23px;
}

.footnotes {
  margin-top: 20px;
  font-size: 12px;
  color: #666;
  text-align:left;
  border-top: 1px solid #d5d5d5;
  padding: 15px 0 0 0;
}

.footnotes p {
      margin: 0 50px 0 0;
      font-size:17px;
      color:#444;
      font-weight:500;
      display:inline-block;
}
.footnotes p span {font-size:17px;font-weight:500;color:#00AEEF;}
 /* 반응형 */
  @media (max-width: 1400px) {
    .section h4 {font-size: 24px;}
    .section h4 span {line-height: 1.6rem;}
  }

  @media (max-width: 1230px) {
    .section_wrap {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .section {width: 45%;margin:0}
    .section:nth-child(n+3) {margin-top:50px !important}
    .certification-status {padding:50px}
  }

  @media (max-width: 769px) {
     .section {width: 100%;margin:0}
     .section:nth-child(n+2) {margin-top:50px !important}

     .summary {
     flex-wrap: nowrap;
    flex-direction: column;
    background: #ffffff;
        padding: 30px;
     }
     .summary p {margin:0 !important;    justify-content: space-between;padding-top:10px;font-size:24px;}
     .summary p:first-child {padding-bottom: 30px;}

    .data p {font-size:16px;}
     .data p span {font-size:24px;font-weight:700}

     .section h4 { padding-bottom: 9px;}
  
  }

 .esg-eco-acco {
    max-width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    margin-top: 40px;
  }
  .esg-eco-acco .accordion-item {
  }
  .esg-eco-acco .accordion-item:last-child {
    border-bottom: none;
  }
  .esg-eco-acco .accordion-header {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 40px 60px;
    cursor: pointer;
    background-color: #f5f5f5;
    color:rgba(0,0,0,0.4);
    font-weight:700
  }
  .esg-eco-acco .accordion-header span {
  color:#222;padding-left:30px;font-family: "Hyundai Sans Head", sans-serif;
  }
  .esg-eco-acco .accordion-header::after {
    content: "-";
    position: absolute;
    right: 50px;
    font-size: 40px;
    font-weight:200;
    color:#222;
     width: 20px;
      text-align: center;
    display: inline-block;
    transition: transform 0.2s ease;
    transform-origin: center;

  }
  .esg-eco-acco .accordion-header.active { background-color: #f8f8f8;}
  .esg-eco-acco .accordion-header.active::after {
    content: "+";
    transform: rotate(180deg);
  }
  .esg-eco-acco .accordion-header:hover {
    background-color: #f1f1f1;
  }
  .esg-eco-acco .accordion-content {
    height: 0;
    overflow: hidden;
    padding: 0 15px;
    background-color: #f8f8f8;
  }
  .esg-eco-acco .accordion-content .ct_wp {padding:30px 40px;display:flex;font-size:20px;color:#000;font-weight:500;align-items: center;}
  .esg-eco-acco .accordion-content .ct_wp p:first-child {margin-right:100px;}
  .esg-eco-acco .accordion-content .ct_wp img {
    max-width: 100%;
    height: auto;
    display: block;
  }

   @media screen and (max-width: 767px) {
      .esg-eco-acco .accordion-header {
        padding: 20px 30px;
        font-size: 16px;
      }
      .esg-eco-acco .accordion-header span {
        padding-left: 15px;
        font-size: 14px;
      }
      .esg-eco-acco .accordion-header::after {
        right: 20px;
        font-size: 30px;
      }
      .esg-eco-acco .accordion-content .ct_wp {
        flex-direction: column;
        font-size: 16px;
        padding: 20px;
      }
      .esg-eco-acco .accordion-content .ct_wp p:first-child {
        margin-right: 0;
        margin-bottom: 20px;
      }
    }


/* 사업장 */
.wksp-cate {position:relative;width:100%;}
    .wksp-cate ul {padding:60px 0;}
    .wksp-cate ul li {position:relative;display:inline-block;font-weight:700;margin-right:40px;font-size:25px;}
    .wksp-cate ul li a {color:#767676}
    .wksp-cate ul li.on {font-weight:900}
    .wksp-cate ul li.on:before {
      content:"";
      position:absolute;;
      width:100%;
      height:3px;
      background:#000;
      bottom:-8px;
    }
    .wksp-cate ul li.on a {color:#000}

    .wksp-search {}
    .wksp-search .wksp-search-li {display:inline-block;width:300px;margin-right:20px;}
    .wksp-search .wksp-search-li select {width:100%;}

    select.slct_bs {
    background: #fff url("/resources/ko/images/Content/workplace_arrow.png") no-repeat 90% 50%;
    border: 1px solid #ddd;
    height: 60px;
    min-width: 100px;
    padding: 0 35px 0 20px;
    color: #666 !important;
    font-size: .941em !important;
    box-sizing: border-box;
    }
    select.slct_bs :focus {border:1px solid #686868;background:#fff url(/resources/ko/images/Layout/selfrm_arrs_on.png) no-repeat right 50%;}
    .pdT0 {padding-top:0 !important}

    @media (max-width: 768px) {

    .wksp-cate ul {padding: 25px 0;}
    .wksp-cate ul li {
        font-size: 1rem;
        margin-right: 10px;
    }
     select.slct_bs {height:50px;background: #fff url(/resources/ko/images/Content/workplace_arrow.png) no-repeat 94% 50%;}
    .wksp-search .wksp-search-li {
        width: 100%; 
        margin-right: 0;
    }

    .slct_bs {
        height: 50px;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .wksp-cate ul li {
        font-size: 0.9rem;
    }

    .wksp-search .wksp-search-li select {
        font-size: 0.8rem;
    }

    .slct_bs {
        height: 45px;
    }
}

.wksp-webzine {
    margin-top: 60px;
}

.webzine-unit {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 70px;
    flex-wrap: wrap; 
    border-bottom: 1px solid #e9e9e9;
    padding: 0 0 70px 0;
}

.webzine-unit .wz-img {
    flex: 0 0 35%;
    max-width: 35%;
    position: relative;
    height: auto;
    overflow: hidden;
    aspect-ratio: 16 / 8.8;
}

.webzine-unit .wz-img img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.webzine-unit .wz-cont {
    flex: 0 0 60%; 
    max-width: 60%;
}

.webzine-unit .wz-cont .cont-ttl {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 2px solid #000;
    padding:0 0 20px 0;
    flex-wrap: wrap; 
}

.webzine-unit .wz-cont .cont-ttl .ttl-h {
    font-family: "Hyundai Sans Head", sans-serif;
    font-size: 2rem; 
    font-weight: 700;
    color: #000;
}

.webzine-unit .wz-cont .cont-ttl .ttl-s {
    position: relative;
    font-size: 1rem;
    color: #ddd;
}

.webzine-unit .wz-cont .cont-ttl .ttl-s span {
    font-weight: 700;
    color: #444;
    padding: 0 8px;
}

.webzine-unit .wz-cont .cont-txt dl {
    display: flex;
    padding: 20px 30px 0;
    font-size: 1rem; 
}

.webzine-unit .wz-cont .cont-txt dt {
    width: 130px;
    font-weight: 700;
    color: #000;
}

.webzine-unit .wz-cont .cont-txt dd {
    color: #666666;
}

.webzine-unit .wz-cont .cont-map {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 10px;
}

.map-area {
overflow: hidden;
    visibility: hidden;
    height: 10px;
    width:100%;
    transition: height 0.3s ease, opacity 0.3s ease;
    margin-top: 20px;
}

.map-area.active {
    visibility: visible;
    height: auto;
}

.mapBtn {
    background: #fff url("/resources/ko/images/Content/workplace_arrow2.png") no-repeat 90% 50%;
    border: 1px solid #ddd;
    height: 50px;
    min-width: 138px;
    padding: 0 35px 0 20px;
    color: #000;
    font-size: 1rem;
    box-sizing: border-box;
    font-weight: 500;
    transition: all 0.3s;
}

.mapBtn.over {
    background: #009DD8 url("/resources/ko/images/Content/workplace_arrow2_w.png") no-repeat 90% 50%;
    border: 1px solid #009DD8;
    color: #fff;
    transition: all 0.3s;
}

@media (max-width: 768px) {
    .wksp-webzine {padding: 0 0;}
    .webzine-unit {
        flex-direction: column; 
    }

    .webzine-unit .wz-img,
    .webzine-unit .wz-cont {
        flex: 0 0 100%; 
        max-width: 100%;
        width:100%;
    }
 .webzine-unit .wz-img {
            aspect-ratio: 16 / 9;
            margin-bottom:20px;
}
    .webzine-unit .wz-cont .cont-ttl .ttl-h {
        font-size: 1.5rem; 
    }

    .webzine-unit .wz-cont .cont-txt dl {
        flex-direction: column;
        padding: 10px 0;
    }

    .webzine-unit .wz-cont .cont-txt dt {
        width: auto; 
        font-size: 1rem;
    }

    .mapBtn {
        font-size: 0.9rem;
        height: 45px;
        padding: 0 20px;
    }
}

@media (max-width: 480px) {
    .webzine-unit .wz-cont .cont-ttl .ttl-h {
        font-size: 1.2rem;
    }

    .webzine-unit .wz-cont .cont-txt dl {
        font-size: 0.9rem;
    }

    .mapBtn {
        font-size: 0.8rem;
        height: 40px;
    }
}
.txAc {text-align:center;}
    .wksp-wp {position:relative;width:100%;border-top:0px solid #f2f2f2;margin:0 auto;text-align:center;padding-top:0;
    }
    .wksp-map {width: 100%;max-width: 1600px;margin:0 auto;text-align:center;position:relative}
    .wksp-wp a {position:absolute;width:100px;height:41px;transform:translate(-50%,-50%);top:50%;left:50%;}
    .wksp-wp a span {position:relative;display:block;font-size:18px;color:#000;font-weight:500;font-family: "Hyundai Sans Head", sans-serif !important;}
    .wksp-wp a.nations span:before {
        content:"";
        position:absolute;
        top:-23px;
        left:50%;
        width: 20px;
        height:28px;
        background: url("/resources/ko/images/Content/workspace_markers.png") no-repeat center / contain;
        transform:translate(-50%,-50%);
        z-index: 3;
    }
    .wksp-wp a.nations.active span:before {
        content:"";
        position:absolute;
        top:-30px;
        left:50%;
        width: 31px;
        height:41px;
        background: url("/resources/ko/images/Content/workspace_marker.png") no-repeat center / contain;
        transform:translate(-50%,-50%);
        z-index: 3;
    }

    .wksp-wp a.kor {top: 38%;left: 36.5%;}
    .wksp-wp a.ch {top: 39%;left: 31.5%;}
    .wksp-wp a.en {top: 38%;left: 70.5%;}
    .wksp-wp a.mex {top: 54%;left: 70.5%;}
    .wksp-wp a.br {top: 78%;left: 75.5%;}
    .wksp-wp a.ind {top: 69%;left: 33.5%;}
    .wksp-wp a.india {top:55%;left: 25.5%;}
    .wksp-wp a.sl {top: 43%;left: 18.3%;}
    .wksp-wp a.sl span:before {top:50%;left:0}
    .wksp-wp a.sl.active span:before {top:50%;left:0}
    .wksp-wp a.sl span {padding-left:11px;}
    .wksp-wp a.cz {top: 36%;left: 14.3%;}
    .wksp-wp a.cz span:before {top:36px;left:50%}
    .wksp-wp a.cz.active span:before {top:36px;left:50%}
    .wksp-wp a.cz span {padding-left:0px;}
    .wksp-wp a.aus {top: 52%;left: 14.2%;}
    .wksp-wp a.gm {top: 44%;left: 10.5%;}
    .wksp-wp a.gm span:before {top:50%;left:79%}
    .wksp-wp a.gm.active span:before {top:50%;left:79%}
    .wksp-wp a.gm span {padding-left:0px;}

@media (max-width: 1200px) {
    .wksp-wp a {
        width: 80px;
        height: 30px;
    }
    .wksp-wp a span {
        font-size: 0.9rem;
    }
    .wksp-wp a.kor span:before,
    .wksp-wp a.nations span:before {
        width: 25px;
        height: 35px;
    }
}

@media (max-width: 768px) {
    .wksp-wp {padding-top:0px;}
    .wksp-wp a.nations {display:none;}
    .wksp-wp a.kor {top: 42%;left: 36.5%;}
    .wksp-wp a.kor span:before {top: -12px;}
    .wksp-wp a.nations span:before {top: -11px;}


    .wksp-wp a.ch {top: 39%;left: 31.5%;}
    .wksp-wp a.en {top: 33%;left: 77.5%;}
    .wksp-wp a.en span:before {top:50%;left:0}
    .wksp-wp a.mex {top: 47%;left: 77.5%;}
    .wksp-wp a.mex span:before {top:50%;left:0}
    .wksp-wp a.ind {top: 73%;left: 33.5%;}
    .wksp-wp a.india {top:61%;left: 25.5%;}
    .wksp-wp a.sl {top: 43%;left: 20.3%;}
    .wksp-wp a.sl span:before {top:50%;left:0}
    .wksp-wp a.sl span {padding-left:4px;}
    .wksp-wp a.cz {top: 29%;left: 12.3%;}
    .wksp-wp a.cz span:before {top:22px;left:50%}
    .wksp-wp a.cz span {padding-left:0px;}
    .wksp-wp a.aus {top: 60%;left: 13.2%;}
    .wksp-wp a.gm {top: 44%;left: 7.5%;}
    .wksp-wp a.gm span:before {top:50%;left:79%}
    .wksp-wp a.gm span {padding-left:0px;}





    .wksp-map {
        width: 100%;
    }
    .wksp-wp a {
        width: 60px;
        height: 25px;
    }
    .wksp-wp a span {
        font-size: 0.8rem;
    }
    .wksp-wp a.kor span:before,
    .wksp-wp a.nations span:before {
        width: 12px;
        height: 16px;
    }
}





    .clm-tit01 {font-size: 1.4em;font-weight: 700;}
.clm-tit, .clm-tit01, .clm-tit02, .clm-tit03 {
    position: relative;
    display: block;
    width: auto;
    color: #000;
    font-family: "Hyundai Sans Head", sans-serif;
    line-height: 1;
    margin-bottom: 30px;
}
.clm-row .clm-item {display: flex;width:100%;padding-top:120px;gap:60px}
.clm-row > .clm-item:first-child {padding-top:0;}
.clm-row .clm-item .clm-tit {width:200px;border-top:1px solid #000;padding-top:35px;flex-shrink:1;}
.clm-row .clm-item .clm-cont {width:100%;}

.clm-row .clm-item .clm-cont .img-box {
    width: 100%;
    border: 1px solid #ADADAD;
    box-sizing: border-box;
    padding: 74px 20px;
    text-align: center;
    margin-top: 20px;
}

.clm-row .clm-item .clm-cont .img-bg-box .k-txt {
    color: #FFF;
    font-family: "Hyundai Sans Head", sans-serif;
    font-size: 2em;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.045em;
}

.clm-row .clm-item .clm-cont .img-bg-box .e-txt {
    color: #FFF;
    font-family: "Nunito Sans", sans-serif;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 130%;
    padding-top: 15px;
    letter-spacing:-0.01em;
}
.esg-social-strategy01 {
    width: 100%;
    min-height: 402px;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow-y: hidden;
    background: url(/resources/ko/images/Content/esg-social-strategy-img01.png) no-repeat 50% 50%;
    background-size: cover;
}   

@media all and (max-width:1099px) {
    .clm-row .clm-item {flex-wrap: wrap;}
    .clm-row .clm-item .ir-tit {width:100%;}
}
@media all and (max-width:999px){
    .clm-row .clm-item  {padding-top:80px;}
    .sv_fix {padding:0 20px !important;margin-bottom:50px !important}
}
@media all and (max-width:599px){
    .clm-row .clm-item  {padding-top:60px;}
}






.txAl-ct {text-align:center;}
.clm-row .clm-item .clm-cont .text-box {
    font-size:26px;
    letter-spacing:-0.03rem;
    line-height:1.7;
    color:#222;
    font-weight:700;
    padding:80px 0
}
.clm-row .clm-item .clm-cont .text-box span {display:block}

.cont-line {border-top:1px solid #ddd}


/* 검색 */
.search_box .search_input {max-width:660px;width:100%;position:relative;display: flex;min-height: auto;padding-right:90px;box-sizing:border-box;background:#F5F5F5;}
.search_box .btn_tn {position:absolute;top:0;right:0;width:84px;height:100%;border:0;background:transparent;}
.search_box .inpt_tn {width:100%;height:70px !important;background:#F5F5F5 !important;border:0 !important;color:#444;box-sizin:border-box;padding:0 0 0 30px;}
.search_box .inpt_tn::placeholder {color: #444;font-weight: 500;}

@media all and (max-width:999px) {
    .search_box .search_input {padding-right:60px;}
    .search_box .inpt_tn {padding-left:10px;height:50px !important;}
    .search_box .btn_tn {width:55px;}
}


/* 뉴스 */
.news-tab-box {position:relative;width:100%;}
.news-tab-box .search_box {padding-right:160px;box-sizing:border-box;}
.news-tab-box .search_box .tablist {position:absolute;top:0;right:0;display:inline-flex;}
.news-tab-box .search_box .tablist button.tab {position:relative;width:70px;height:70px;background:#fff;border:1px solid #ccc;box-sizing:border-box;transition:all .3s ease;}
.news-tab-box .search_box .tablist button.tab .icon {display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;border-radius:2px;width:22px;height:22px;border:2px solid #767676;box-sizing:border-box;transition:all .3s ease;}
.news-tab-box .search_box .tablist button.tab .icon:before {display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:100%;height:2px;background:#767676;transition:all .3s ease;}
.news-tab-box .search_box .tablist button.tab .icon:after {display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:2px;height:100%;background:#767676;transition:all .3s ease;}
.news-tab-box .search_box .tablist button.tab.tab-list .icon:after {display:none;}
.news-tab-box .search_box .tablist button.tab.active {border-color: #043673;background:#043673;}
.news-tab-box .search_box .tablist button.tab.active .icon {border-color: #fff;}
.news-tab-box .search_box .tablist button.tab.active .icon:before {background:#fff;}
.news-tab-box .search_box .tablist button.tab.active .icon:after {background:#fff;}
 
.news_list .new_list_ul > li {padding-top: 40px;padding-bottom: 40px;border-bottom:1px solid #eaeaea;}
.news_list .new_list_ul .list_inner_box {position: relative;display: flex;width:100%;align-items: center;}
.news_list .new_list_ul .list_inner_box .sum_img {width:420px;height:255px;box-sizing:border-box;background:#e9e9e9;}
.news_list .new_list_ul .list_inner_box .sum_img a {display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden;}
.news_list .new_list_ul .list_inner_box .sum_img a:focus-visible{outline:#009dd8 solid 3px}
.news_list .new_list_ul .list_inner_box .sum_img img {width:110%;max-width:120%}
.news_list .new_list_ul .list_inner_box .news_text {width: calc(100% - 420px);box-sizing:border-box;}
.news_list .new_list_ul .list_inner_box .news_text a {display: block;height:100%;padding-left:80px;box-sizing:border-box;}
.news_list .new_list_ul .list_inner_box .news_text .cate_text {display:none;}
.news_list .new_list_ul .list_inner_box .news_text .news-title {font-family: "Hyundai Sans Head", sans-serif;color: #222;font-size: 1.3em;font-weight: 500;letter-spacing: -0.03em;line-height: 140%;}
.news_list .new_list_ul .list_inner_box .news_text .news-conts {display:none;overflow:hidden;color:#444;padding-top:5px;font-size:0.9em;text-overflow:ellipsis;white-space:nowrap;with:100%;}
.news_list .new_list_ul .list_inner_box .news_text .date_text {display:block;color:#666;padding-top:10px;}

.news_list_typeCard {padding-top:40px;}
.news_list_typeCard .new_list_ul {display:flex;flex-wrap:wrap;column-gap:39px;row-gap:40px;}
.news_list_typeCard .new_list_ul > li {width: calc(33.33% - 26px);padding-top: 0;padding-bottom: 0;border-bottom:0;}
.news_list_typeCard .new_list_ul .list_inner_box {flex-direction: column}
.news_list_typeCard .new_list_ul .list_inner_box .sum_img {width:100%;height: 317px;}
.news_list_typeCard .new_list_ul .list_inner_box .news_text {width: 100%;padding-top:20px;}
.news_list_typeCard .new_list_ul .list_inner_box .news_text a {padding-left:0;}

.list_moer_btn {padding-top:40px;text-align:center;}

.isSub-notice .news_list {border-top:1px solid #eaeaea;margin-top:40px;}
.isSub-notice .news_list .new_list_ul .list_inner_box .news_text .news-conts {display:block;}
@media all and (min-width:1000px) {
    .isSub-notice .news_list .new_list_ul .list_inner_box .sum_img {width:325px;height:200px;}
    .isSub-notice .news_list .new_list_ul .list_inner_box .news_text {width: calc(100% - 325px);}
}

@media all and (max-width:999px) {
    .news-tab-box .search_box {padding-right:110px;}
    .news-tab-box .search_box .tablist button.tab {width:50px;height:50px;}
    .news_list {padding-top: 10px;}
    .news_list .new_list_ul > li {padding-top: 20px;padding-bottom: 20px;}
    .news_list .new_list_ul .list_inner_box .sum_img {width:200px;height:124px;}
    .news_list .new_list_ul .list_inner_box .news_text {width: calc(100% - 200px);}
    .news_list .new_list_ul .list_inner_box .news_text a {padding-left:20px;}
    .news_list .new_list_ul .list_inner_box .news_text .news-title {font-size: 1.1em;}
    .news_list .new_list_ul .list_inner_box .news_text .date_text {padding-top:5px;font-size:0.9em;}
    
    .news_list_typeCard {padding-top: 30px;}
    .news_list_typeCard .new_list_ul {column-gap:15px;row-gap:30px;}
    .news_list_typeCard .new_list_ul > li {width: calc(33.33% - 10px);padding-top: 0;padding-bottom: 0;}
    .news_list_typeCard .new_list_ul .list_inner_box .sum_img {width:100%;height:135px;}
    .news_list_typeCard .new_list_ul .list_inner_box .news_text {width:100%;}
    .news_list_typeCard .new_list_ul .list_inner_box .news_text a {padding-left:0;}
    .news_list_typeCard .new_list_ul .list_inner_box .news_text .news-title {font-size: 1.1em;}
    .news_list_typeCard .new_list_ul .list_inner_box .news_text .date_text {padding-top:5px;font-size:0.9em;}
    
    .list_moer_btn {padding-top:20px;}
    
    .isSub-notice .news_list {margin-top:20px;padding-top:0;}
}
@media all and (max-width:499px) {
    .news_list .new_list_ul .list_inner_box {align-items: flex-start}
    .news_list .new_list_ul .list_inner_box .sum_img {width:150px;height:93px;}
    .news_list .new_list_ul .list_inner_box .news_text {width: calc(100% - 150px);}
    .news_list .new_list_ul .list_inner_box .news_text a {padding-top:10px;}
    
    .news_list_typeCard .new_list_ul {column-gap:20px;row-gap:30px;}
    .news_list_typeCard .new_list_ul > li {width: calc(50% - 10px);}
    .news_list_typeCard .new_list_ul .list_inner_box .sum_img {width:100%;height:93px;}
    .news_list_typeCard .new_list_ul .list_inner_box .news_text {width: 100%;}
    .news_list_typeCard .new_list_ul .list_inner_box .news_text a {padding-top:0;}
}


.vidio_list_inner_box {
    display: flex;
    flex-wrap: wrap;
    padding-top: 65px;
    justify-content: start;
    overflow: hidden;
}

.vidio_list_inner_box li {
    display: block;
    float: left;
    position: relative;
    min-height: 100%;
    width: 32%;
    margin-bottom: 65px;
    margin-right: 2%;
}

.vidio_list_inner_box li a {
    display: block;
}

.vidio_list_inner_box li:nth-child(3n) {
    margin-right: 0;
}

.vidio_list_inner_box li a:focus:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 1px 5px 0 rgba(32, 32, 32, 0.15);
    border: 1px solid #0052b9;
    min-height: 100%;
    width: 100%;
    z-index: 2;
}

.vidio_list_inner_box li div.img_group {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.vidio_list_inner_box li div.img_group p {
    width: 100%;
    height: 320px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: url('/resources/img/ko/common/dim-repeat.png')repeat;
}

.vidio_list_inner_box li div.img_group p img.play {
    width: 44px;
    height: 44px;
    position: absolute;
    left: 60%;
    margin-left: -60px;
    top: 60%;
    margin-top: -60px;
}

.vidio_list_inner_box li div.img_group p .img_marsk {
    position: absolute;
}

.vidio_list_inner_box li div.img_group .thum_img {
    width: 100%;
    left: 0;
    top: 0;
}

.video_news_text {
    position: relative;
    padding: 25px 0;
    border-top: 0;
    z-index: 1;
}

.video_news_text.flex-box {
    display: flex;
}

.video_news_text.justify-between {
    justify-content: space-between;
}

.video_news_text.flex-box .download_group {
    display: flex;
    width: auto;
}

.video_news_text.flex-box .download_group i {
    margin-right: 0;
}

.video_news_text span {
    display: block;
    font-size: 20px;
    color: #666;
    font-weight:200;
    margin-bottom: 10px;
    line-height: 1.3em;
    letter-spacing: -0.03em;
}

.video_news_text p {
    font-size: 26px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    letter-spacing: -0.03em;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    min-height: 72px;
    font-family: "Hyundai Sans Head", sans-serif;
}

.Brochure_list_inner_box .download_group a {
    z-index: 1;
}

/* 반응형 처리 */
@media (max-width: 1024px) {
    .vidio_list_inner_box li {
        width: 48%; 
    }
    .vidio_list_inner_box {
    justify-content: space-between;
    }
    .vidio_list_inner_box li:nth-child(2n) {margin-right:0}

    .vidio_list_inner_box li div.img_group {

    }
    .video_news_text p {
        font-size: 16px;
    }
    .video_news_text span {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .vidio_list_inner_box li {
        width: 100%; 
        margin-right:0;
    }
    .vidio_list_inner_box li:nth-child(n) {margin-right:0}

    .vidio_list_inner_box li div.img_group {
        min-height: 250px;
        overflow:hidden;
    }
    .video_news_text p {
        font-size: 14px;
    }
    .video_news_text span {
        font-size: 12px;
    }
}


/*
.list_moer_btn {background:#009DD8;width:129px;height:60px;text-align:center;margin:0 auto;}
.list_moer_btn a {color:#fff;width:100%;height:100%;display:block;display: flex;align-items: center;justify-content: center;}*/

.sv_fix {
position: relative;
    width: 100%;
    max-width: 1720px;
    margin: 0 auto;
    padding: 0 60px;
    box-sizing: border-box;
}
.board_recruit {
    width: 100%;
    min-height: 300px;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow-y: hidden;
    background: url(/resources/img/ko/media/board_recruit_bg.png) no-repeat 50% 50%;
    background-size: cover;
}
.sv_fix .img-bg-box .k-txt {
    color: #00AEEF;
    font-family: "Hyundai Sans Head", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.045em;
}
.sv_fix .img-bg-box .e-txt {
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    padding-top: 15px;
    margin-top:10px;
}
.bd_rc_link {
width:268px;
height:49px;
background:#009DD8;
color:#fff;
text-align:center;
margin:0 auto;
margin-top:20px
}
.bd_rc_link a {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    align-items: center;
    font-size: 16px;
}
.sch_type2 {margin-bottom:40px;}
.sch_type2 .search_input {
    display: flex;
    justify-content: flex-end;
    }
.board_rcrt tr td {padding:45px 15px}
.dDay_ico {
background:#043673;
color:#fff;
font-size:18px;
padding:7px 13px;
border-radius:20px;
}

.tnum {width:10%}
.sbjt {width:60%;text-align:left !important}
.sbjt a {
    color: #222;
    font-family: "Hyundai Sans Head", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.03em;
    text-align:left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: block;
}
.sbjt p {
    color: #666;
    font-size: 20px;
    font-weight: 200;
    line-height: 130%;
    text-align:left;
    padding-top: 15px;
}
.board_rcrt .lnpg a {position:relative;} 
.board_rcrt .lnpg a:before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width: 50px;
    height: 50px;
    background: url(/resources/ko/images/Content/link_page_ico.png) no-repeat center / contain;
    transform:translate(-50%,-50%);
    z-index: 3;
} 


@media all and (max-width:989px) {
.sbjt {
    width: 49%;}
    }


@media all and (max-width:720px) {
.dDay_ico {
    font-size: 15px;
    padding: 4px 10px;

}
.board_rcrt .lnpg a:before {
    width: 40px;
    height: 40px;
    }

.board_rcrt tr td.tnum  {margin-bottom: 8px;}
.sbjt a {font-size:20px;}
.sbjt p {font-size:16px;padding-top:5px;}
 .board_rcrt tr {display:flex;flex-direction: column;padding:10px !important}
 .board_rcrt tr td {width:100% !important;}
 .board_rcrt tr td.optn1 {
        display: inline-block;
        text-align: left;
        float: left;
        width: auto !important;
        width: auto;
    }

 

 .board_rcrt tr td.optn2 {
         display: inline-block;
        float: left;
        width: auto;
        width: auto !important;
 }
  .board_rcrt tr td.lnpg a{position:absolute;right:0;bottom:0;right: 20px;
        bottom: 11px;}

}

.page_title_view {
    border-top: 0;
    text-align:center;
    max-width:1200px;
    margin:0 auto;
}

.page_title_view .page_ttl_wrap {padding:0 0 100px 0;}

@media all and (max-width:999px) {
    .page_title_view .page_ttl_wrap {padding:0 0 40px 0;}
}

.page_title_view h2 {
    font-weight: 700;
    font-size: 2em;
    color:#222;
    display: inline-block;
    letter-spacing: -0.05em;
    font-weight:500;
    line-height:130%;
    word-wrap: normal;
    word-break: keep-all;
        font-family: "Hyundai Sans Head", sans-serif;
}

.page_title_view .news_view_meta {
    margin-top:20px;
    margin-bottom: 30px;
}

.page_title_view .news_view_meta span {
    font-size: 20px;
    color: #666 !important;
    font-weight:100;
}

.page_title_view .news_view_meta span:first-child {
    color: #0052b9;
}

.page_title_view .news_view_meta span:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    border-right: 1px solid #999999;
    margin: auto 15px;
}

.page_title_view .news_view_meta span:last-child:after {
    content: initial;
}
.sbtt {background:#f5f5f5;margin:20px 0 50px;padding:20px 30px;font-size:18px !important;font-weight:600 !important;color:#222 !important;line-height:1.6 !important;white-space: pre-line}
.view_editor {
    border-bottom: 1px solid #f3f3f3;
}

.view_editor .editor_box {
    padding-bottom: 50px;
           font-size: 17px;
    font-weight:400;
    color:#111;
    line-height:1.88;
    letter-spacing:-0.21px;
      font-family: "Pretendard", "Arial", sans-serif;
}

.view_editor .editor_box img {
    width: 100%;
}

.view_editor .editor_box iframe {
    width: 100%;
    min-height: 500px;
}

.view_editor .editor_box p {
       font-size: 17px;
    font-weight:400;
    color:#111;
    line-height:1.88;
    letter-spacing:-0.21px;
      font-family: "Pretendard", "Arial", sans-serif !important;
}
.view_editor .editor_box span {font-family: "Pretendard", "Arial", sans-serif !important;}
.view_editor .editor_box p span {font-family: "Pretendard", "Arial", sans-serif !important;}


.icon-group {
  position:relative;display: flex;justify-content: center;column-gap:10px;
}

.icon-group li {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: relative;
}
.icon-group li:last-child {
  display: inline-block;
  width: 50px;
  height: 50px;
}
.icon-group li a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer; /* 230411 추가 */
}

.icon-share {
  position: relative;
}
.icon-share:after {        
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  transform: translate(-40%, -50%);
  background: url(/resources/img/ko/media/board_view_icon2.png) no-repeat center;
}
.icon-share-link {
  position: relative;
}
.icon-file-down {
  position: relative;
}
.icon-file-down:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  transform: translate(-40%, -50%);
  background: url(/resources/img/ko/media/board_view_icon1.png) no-repeat center;
}
.icon-print {
  position: relative;
}
.icon-print:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  transform: translate(-40%, -50%);
  background: url(/resources/img/ko/media/board_view_icon3.png) no-repeat center;
}

.subTip {
  position: relative;
}
.tipBar {
    width: 50px;
    color: #fff;
    text-align: center;
    position: absolute;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    margin-left: 5px;
    display: none;
}
.tipBar ul {
  padding: 0;
  text-align: center;
  margin:60px 0 17px;
    padding: 5px 0;
  background-color: #F5F5F5;
    border-radius: 30px;
}
.tipBar ul li {
  display: inline-block;
  width: 26px !important;
  height: 35px !important;
  color: black;
  padding-top: 0px;
  position:relative;
}
.tipBar ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.tipBar > .icon-share:after {
  transform: translate(0) !important;
}
.close-sns {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-image: url(/resources/img/ko/media/board_view_close.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border:0;
    background-color: transparent;
}

/* .subTip:hover .tipBar {
  visibility: visible;
  opacity: 1;
} */ /* 230405 접근성 이슈 */
.dfClick {
  cursor: auto;
}

.icon-share-link {
  position: relative;
}
.icon-share-link:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  transform: translate(-50%, -50%);
  background: url(/resources/img/ko/media/view_sns4.png) no-repeat center;
}


.icon-facebook {
  position: relative;
}
.icon-facebook:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  transform: translate(-50%, -50%);
  background: url(/resources/img/ko/media/view_sns2.png) no-repeat center;
}
.icon-twitter {
  position: relative;
}
.icon-twitter:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  transform: translate(-50%, -50%);
  background: url(/resources/img/ko/media/view_sns1.png) no-repeat center;
}
.icon-kakao {
  position: relative;
}
.icon-kakao:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  transform: translate(-50%, -50%);
  background: url(/resources/img/ko/media/view_sns3.png) no-repeat center;
}
.list_vw {background:#009DD8;width:144px;height:60px;color:#fff !important;font-size:19px;letter-spacing:-0.03em;}

.file_box {
    font-size: 1.4rem;
    padding-top: 20px;
    padding-bottom: 20px;
}

.file_box a {
    color: #727272;
}

.file_box a:hover {
    color: #0052b9;
}

.view_btn_box {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e4e4e4;
    padding-top: 35px;
    padding-bottom: 35px;
    position:relative;
}

.view_btn_box .view_btn_box_inner {
    display: flex;
    flex: 0 1 auto;
    justify-content: space-between;
}

.view_btn_box .view_btn_box_inner div {
    display: flex;
    width: 33%;
}

.view_btn_box .view_btn_box_inner a {
    color: #727272;
    letter-spacing: -0.05em;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 31px 20px 33px 60px;
}
.view_btn_box .view_btn_box_inner .right {
    justify-content: flex-end
}
.view_btn_box .view_btn_box_inner .right a {
    padding: 31px 60px 33px 20px;
}

.view_btn_box .view_btn_box_inner a:hover,
.view_btn_box .view_btn_box_inner a:active {
    color: #0052b9;
}

.view_btn_box .view_btn_box_inner a img {
    width: auto;
}

.view_btn_box .view_btn_box_inner a p {
    display: block;
    position: absolute;
    width: 30px;
    height: 100%;
    top: 0;
    overflow: hidden;
    left: 0;
    right: auto;

}
.view_btn_box .view_btn_box_inner .right a p {
    display: block;
    position: absolute;
    width: 30px;
    height: 100%;
    top: 0;
    overflow: hidden;
    left: auto;
    right: 0;

}
.view_btn_box .view_btn_box_inner a span.lbl {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
    color: #222;
    line-height: 1.2;
      font-family: "Hyundai Sans Head", sans-serif;
}
.view_btn_box .view_btn_box_inner a span.subject {
    display: block;
    font-size:0.9em;
    margin: 0 0 3px;
    letter-spacing:-0.02em;
    font-weight: 300;
    color: #444;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.view_btn_box .view_btn_box_inner a p:before {
    content: '';
    height: 38px;
    width: 21px;
    background-position: 0 0;
    margin-bottom: 25px;
    top: 50%;
    transform: translateY(-50%);
}

.view_btn_box .view_btn_box_inner a p.previous:before {
    display: block;
    position: relative;
    background: url('/resources/ko/images/Content/board_view_prev.png')no-repeat;
}

.view_btn_box .view_btn_box_inner a p.next {
    text-align: right;
    right:0;
}

.view_btn_box .view_btn_box_inner a p.next:before {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    background: url('/resources/ko/images/Content/board_view_prev.png')no-repeat;
   transform:translateY(-50%) rotate(180deg) ;
}

.view_btn_box .view_btn_box_inner a.list span {
    display: block;
    height: 28px;
    width: 38px;
    background: url('/resources/img/ko/common/btn_list.png')no-repeat;
    background-size: auto;
    background-position: 0 0;
}

.view_btn_box .view_btn_box_inner a.list:hover span {
    background-position: 0 -28px;
}

.view_btn_box .view_btn_box_inner a.list span em {
    opacity: 0;
}

.view_btn_box .btn {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

@media all and (max-width:999px) {
    .view_btn_box {padding-top: 20px;padding-bottom: 20px;}
    .view_btn_box .view_btn_box_inner div {width: 47%;}
    .view_btn_box .btn {position:relative;top:auto;left:auto;transform:none;text-align:center;padding-top:10px;}
    
    .view_btn_box .view_btn_box_inner a {padding: 10px 0 10px 50px;}
    .view_btn_box .view_btn_box_inner .right a {padding: 10px 50px 10px 0;}
}


.board_vw_sw {width:800px;text-align:center;margin:0 auto;}
.board_vw_sw .mySwiper {margin:20px 0 100px 0}
.view_editor {border-bottom:1px solid #000;}
.view_editor .w-980 {max-width:1200px;margin:0 auto;}
.view_editor .bdViewFiles {display:block;position:relative;width:100%;overflow-x:hidden;text-align:center}
.view_editor .bdViewFiles > p:first-child {margin-top:35px}
.view_editor .bdWriterIp {text-align:right;border-top:1px dotted #c2c2c2;font-size:11px;padding:5px}
.view_editor .bdAttachFiles {position:relative;padding:30px 50px 30px 225px;background-color:#f7f7f7;text-align:left}
.view_editor .bdAttachFiles .fileTit {position:absolute;display:inline-block;box-sizing:border-box;left:50px;top:30px;padding:0 27px 0 0;font-family:"Hyundai Sans Head", sans-serif;font-size:1.1em;line-height:1.2;font-weight:500;color:#222}
.view_editor .bdAttachFiles .fileTit:after {content:"";display:none;position:absolute;width:1px;height:14px;right:0;top:50%;margin:-7px 0 0;background:#ccc}
.view_editor .bdAttachFiles .fileList {}
.view_editor .bdAttachFiles .fileList li {box-sizing:border-box;display:block;vertical-align:top;width:100%;margin-bottom:10px;}
.view_editor .bdAttachFiles .fileList li a {position:relative;display:inline-block;box-sizing:border-box;padding:0 41px 0 0}
.view_editor .bdAttachFiles .fileList li a img {position:absolute;right:0;top:4px}
.view_editor .bdAttachFiles .fileList li a span {display:inline-block;vertical-align:middle;width:100%;font-size:0.9em;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media all and (max-width:999px) {
    .view_editor .bdAttachFiles {padding:20px 20px 20px 130px}
    .view_editor .bdAttachFiles .fileTit {left:25px;top:20px;}
}
@media all and (max-width:999px) {
    .board_vw_sw {width:100%}
}
@media all and (max-width:699px) {
    .view_editor .bdAttachFiles {padding:20px;}
    .view_editor .bdAttachFiles .fileTit {position:relative;left:auto;top:auto;margin:0 0 15px;padding:0 20px 0 0}
    .view_editor .bdViewFiles img, .bdViewCont #boardContents img {width:auto;max-width:100%    !important;}
    .list_vw {
        background: #009DD8;
        width: 100px;
        height: 60px;
        color: #fff !important;
        font-size: 15px !important;
        letter-spacing: -0.03em;
    }
}
@media all and (max-width:499px) {
    .view_editor .bdAttachFiles .fileTit {margin:0 0 10px}
    .view_editor .bdAttachFiles .fileList li {width:100%;padding:0;margin:0 0 10px}
    .view_editor .bdAttachFiles .fileList li:last-child {margin-bottom:0}
    .view_editor .bdAttachFiles .fileList li a:before {min-height:22px}
    .view_editor .bdAttachFiles .fileList li a img {width:20px}
}

.vidio_list2_inner_box {
    display: flex;
    flex-wrap: wrap;
    padding-top: 45px;
    justify-content: start;
    overflow: hidden;
}

.vidio_list2_inner_box li {
    display: block;
    float: left;
    position: relative;
    min-height: 100%;
    width: 23.5%;
    margin-bottom: 65px;
    margin-right: 2%;
}

.vidio_list2_inner_box li .img_group a {width:100%}

.vidio_list2_inner_box li.video_news2_text a {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}



.vidio_list2_inner_box li:nth-child(4n) {
    margin-right: 0;
}

.vidio_list2_inner_box li a:focus:before {
    content: '';
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 1px 5px 0 rgba(32, 32, 32, 0.15);
    border: 1px solid #0052b9;
    min-height: 100%;
    width: 100%;
    z-index: 2;
}
.vidio_list2_inner_box li a:focus-visible {outline-offset:-3px}

.vidio_list2_inner_box li div.img_group {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.vidio_list2_inner_box li div.img_group p {
    width: 100%;
    height: 320px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: url('/resources/img/ko/common/dim-repeat.png')repeat;
}

.vidio_list2_inner_box li div.img_group p img.play {
    width: 44px;
    height: 44px;
    position: absolute;
    left: 60%;
    margin-left: -60px;
    top: 60%;
    margin-top: -60px;
}

.vidio_list2_inner_box li div.img_group p .img_marsk {
    position: absolute;
}

.vidio_list2_inner_box li div.img_group .thum_img {
    width: 100%;
    left: 0;
    top: 0;
}

.video_news2_text {
    position: relative;
    padding: 25px 0;
    border-top: 0;
    z-index: 1;
    text-align:center;
    border-bottom:1px solid #ddd
}

.video_news2_text.flex-box {
    display: flex;
}

.video_news2_text.justify-between {
    justify-content: space-between;
}

.video_news2_text.flex-box .download_group {
    display: flex;
    width: auto;
}

.video_news2_text.flex-box .download_group i {
    margin-right: 0;
}

.video_news2_text span {
    display: block;
    font-size: 20px;
    color: #666;
    font-weight:200;
    margin-bottom: 10px;
    line-height: 1.3em;
    letter-spacing: -0.03em;
    
}

.video_news2_text p {
    font-size: 1.1em;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    letter-spacing: -0.03em;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    font-family: "Hyundai Sans Head", sans-serif;
}

.Brochure_list_inner_box .download_group a {
    z-index: 1;
}

/* 반응형 처리 */
@media (max-width: 1024px) {
    .vidio_list2_inner_box li {
        width: calc(50% - 15px); 
    }
    .vidio_list2_inner_box li:nth-child(2n) {margin-right:0}
    .vidio_list2_inner_box li:nth-child(3n) {margin-right:30px;}
    .vidio_list2_inner_box li div.img_group {

    }
    .video_news2_text p {
    }
    .video_news2_text span {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .vidio_list2_inner_box li {
        width: 100%; 
        margin-right:0;
    }

    .vidio_list2_inner_box li div.img_group {
        min-height: 250px;
        overflow:hidden;
    }
    .video_news2_text p {
    }
    .video_news2_text span {
        font-size: 12px;
    }
}

.polf img {object-fit: cover; font-family: 'object-fit: cover;';}

/* 스토리 */
.isSub-pr-story {background:#222;}
.isSub-pr-story #contents {padding:0 60px !important;}
.svisual-story {position:relative;width:100%;height:960px;text-align:center;box-sizing:border-box;overflow:hidden;}
.svisual-story .svis-hid-tit {position:absolute;top:420px;left:0;width:100%;text-align:center;display:none;}
.svisual-story .svis-hid-tit .htit {color:#fff;font-size:160px;font-weight:700;line-height:1em;font-family:"Nunito Sans", sans-serif;}
.svisual-story .svis-hid-tit .htits {color:#fff;font-size:30px;font-weight:500;line-height:1em;font-family:"Nunito Sans", sans-serif;padding-top:30px;}
.svisual-story .svis-image {display:block;position:relative;width:100%;height:100%;overflow:hidden;margin-top:0;transition:all .3s ease;z-index:1;}
.svisual-story .svis-image:before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background: #000;opacity:0;z-index:1;}
.svisual-story .svis-image img {position:absolute;top:0;left:50%;width:auto;height:auto;min-width:100%;min-height:100%;transform: translateX(-50%);}
.svisual-story .svis-title {position:absolute;top:50%;left:0;width:100%;text-align:center;padding:0 20px;box-sizing:border-box;transform: translateY(-50%);z-index:2;}
.svisual-story .svis-title .svis-tit {display:block;color:#fff;font-size:30px;font-weight:700;line-height:1em;font-family:"Nunito Sans", sans-serif;}
.svisual-story .svis-title .svis-stit {display:block;color:#fff;font-size:24px;font-weight:500;line-height:150%;letter-spacing:-0.5px;padding-top:30px;}
.loaded .svisual-story .svis-image {margin-top:0;}

@media all and (max-width:999px) {
    .svisual-story {height:600px;}
    .svisual-story .svis-title .svis-tit {font-size:24px;}
    .svisual-story .svis-title .svis-stit {font-size:20px;padding-top:20px;}
} 
@media all and (max-width:599px) {
    .isSub-pr-story #contents {padding:0 20px !important;}
    .svisual-story {min-height:400px;height:auto;}
    .svisual-story .svis-image {position:absolute;top:0;left:0;}
    .svisual-story .svis-title {padding:150px 20px 100px 20px;position:relative;top:auto;left:auto;height:100%;display:flex;flex-direction: column;justify-content: center;align-items: center;transform: none;}
    .svisual-story .svis-title .svis-tit {font-size:20px;}
    .svisual-story .svis-title .svis-stit {font-size:16px;padding-top:10px;}
}
.stor_sec1 {
      position:relative;
      width:1600px;
      margin:0 auto;
      text-align:center;
}
.stor_sec1 .sec1_wrap {display:flex;padding-top:130px;min-height:0;}
.stor_sec1 .sec1_wrap .sec1-lf {position:relative;
    flex-grow: 3;
    flex-shrink:3;
    flex-basis: 0;
    min-height:0;
}
.stor_sec1 .sec1_wrap .sec1-lf img {
        object-fit: cover;font-family: 'object-fit: cover;';
}
.stor_sec1 .sec1_wrap .sec1-lf .lf-txtArea {
        position:absolute;
        left:40px;
        bottom:10%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        min-height:0;
        text-align:left;
}
.stor_sec1 .sec1_wrap .sec1-lf .lf-txtArea span {color:#fff;}
.stor_sec1 .sec1_wrap .sec1-lf .lf-txtArea span.lf-tit {color:#fff;font-family: "Nunito";}
.stor_sec1 .sec1_wrap .sec1-lf .lf-txtArea span.lf-stit {color:#fff;}
.stor_sec1 .sec1_wrap .sec1-lf .lf-txtArea a.lf-more {
        color: #fff;
        font-size: 15px;
        letter-spacing: -0.03em;
        border: 1px solid #fff;
        padding: 3px 30px;
        margin-top: 28px;
}
.stor_sec1 .sec1_wrap .sec1-rt-wrap {position:relative;flex-grow: 2;flex-shrink:2;flex-basis: 0;min-height:0;}
.stor_sec1 .sec1_wrap .sec1-rt-wrap .sec1-rt {position:relative;height:50%;}
.stor_sec1 .sec1_wrap .sec1-rt-wrap .sec1-rt a {display:block;height:100%;overflow:hidden;}
.stor_sec1 .sec1_wrap .sec1-rt-wrap .sec1-rt a:focus-visible {outline-offset:-3px;}
.stor_sec1 .sec1_wrap .sec1-rt-wrap .sec1-rt .rt-txtArea {position:absolute;z-index:1;bottom:50px;padding:0 50px;display: flex;flex-direction: column;}
.stor_sec1 .sec1_wrap .sec1-rt-wrap .sec1-rt img {min-width:100%;height:100%;}
.stor_sec1 .sec1_wrap .sec1-rt-wrap .sec1-rt .rt-txtArea {}
.stor_sec1 .sec1_wrap .sec1-rt-wrap .sec1-rt .rt-txtArea span {color:#fff;text-align:left;}
.stor_sec1 .sec1_wrap .sec1-rt-wrap .sec1-rt .rt-txtArea span.rt-tit {color:#fff;font-family: "Nunito";}
.stor_sec1 .sec1_wrap .sec1-rt-wrap .sec1-rt .rt-txtArea span.rt-stit {color:#fff;}

.stor_sec2 {position:relative;width:1600px;margin:0 auto;text-align:center;}

.sec2_navi {margin-top:60px}
.sec2_navi ul {position:relative;display:flex;justify-content: space-between;}
.sec2_navi ul:before {display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background: rgba(255, 255, 255, 0.3);}
.sec2_navi ul li {width:25%;cursor:pointer;transition: border-color 0.5s ease-in-out, border-bottom-width 0.5s ease-in-out;}
.sec2_navi ul li button {font-size:18px;color:#fff;width:100%;text-align:center;padding:20px 0;border:0;background:transparent;}
.sec2_navi ul li button.on {border-bottom: 1px solid rgba(255, 255, 255, 1);}

@media (max-width: 999px) {
    .sec2_navi {margin-top:40px}
    .sec2_navi ul li {width:auto;}
    .sec2_navi ul li button {font-size:16px;padding:10px 0;}
}
@media (max-width: 599px) {
    .sec2_navi {margin-top:30px}
    .sec2_navi ul li button {font-size:14px;padding:5px;}
}

.sec2_gall {padding-bottom:150px;}
.story_inner_box {
    display: flex;
    flex-wrap: wrap;
    padding-top: 65px;
    justify-content: start;
    overflow: hidden;
}

.story_inner_box li {
    display: block;
    float: left;
    position: relative;
    min-height: 100%;
    width: 32%;
    margin-bottom: 55px;
    margin-right: 2%;
}

.story_inner_box li a {
    display: block;
}
.story_inner_box li a:last-child {
    overflow: hidden;
    aspect-ratio: 16 / 9;
    display:flex
}

.story_inner_box li:nth-child(3n) {
    margin-right: 0;
}

.story_inner_box li a:focus:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 1px 5px 0 rgba(32, 32, 32, 0.15);
    border: 1px solid #0052b9;
    min-height: 100%;
    width: 100%;
    z-index: 2;
}

.story_inner_box li div.img_group {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    min-height: auto;
}
.story_inner_box li div.img_group img {
    width: 100%;  
    height: auto; 
    object-fit: cover; 
    font-family: 'object-fit: cover;';
    max-width:113%;
    }
.story_inner_box li div.img_group .nvTtl {
    position: absolute;
    left: 20px;
    top: 20px;
    background: #000;
    border-radius: 30px;
    color: #fff;
    z-index: 1;
    font-size: 14px;
    padding: 3px 24px;
}

.story_inner_box li div.img_group p {
    width: 100%;
    height: 320px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: url('/resources/img/ko/common/dim-repeat.png')repeat;
}

.story_inner_box li div.img_group p img.play {
    width: 44px;
    height: 44px;
    position: absolute;
    left: 60%;
    margin-left: -60px;
    top: 60%;
    margin-top: -60px;
}

.svisual-story .svis-title a.lf-more {
    color: #fff;
    font-size: 15px;
    letter-spacing: -0.03em;
    border: 1px solid #fff;
    padding: 11px 30px;
    margin-top: 28px;
    display: inline-block;
}


.story_inner_box li div.img_group p .img_marsk {
    position: absolute;
}

.story_inner_box li div.img_group .thum_img {
    width: 100%;
    left: 0;
    top: 0;
}

.story_text {
    position: relative;
    padding: 10px 0 0 0;
    border-top: 0;
    z-index: 1;
}

.story_text.flex-box {
    display: flex;
}

.story_text.justify-between {
    justify-content: space-between;
}

.story_text.flex-box .download_group {
    display: flex;
    width: auto;
}

.story_text.flex-box .download_group i {
    margin-right: 0;
}

.story_text span {
    display: block;
    font-size: 20px;
    color: #666;
    font-weight:200;
    margin-bottom: 10px;
    line-height: 1.3em;
    letter-spacing: -0.03em;
}

.story_text p {
    font-size: 20px;
    color: #fff;

    text-align:left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    letter-spacing: -0.03em;
    -webkit-box-orient: vertical;
    line-height: 1.7em;
    min-height: 56px;
}

.Brochure_list_inner_box .download_group a {
    z-index: 1;
}

@media (max-width: 1599px) {
    .stor_sec1 {width:100%}
    .stor_sec2 {width:96%}
}

/* 반응형 처리 */
@media (max-width: 1024px) {
    .story_inner_box li {
        width: calc(50% - 15px); 
    }
    .story_inner_box li:nth-child(2n) {margin-right:0}
    .story_inner_box li:nth-child(odd) {margin-right:30px;}
    .story_inner_box li div.img_group {

    }
    .story_text p {
        font-size: 16px;
    }
    .story_text span {
        font-size: 14px;
    }
}

@media (max-width: 999px) {
    .stor_sec1 .sec1_wrap {padding-top:0px;}
    .story_inner_box li {margin-bottom: 30px;}
    .sec2_gall {padding-bottom:40px;}
    .story_inner_box {padding-top: 30px;}

    .stor_sec1 .sec1_wrap {flex-direction: column;min-height:0;}
    .stor_sec1 .sec1_wrap .sec1-rt-wrap {display: flex;min-height:0;flex-basis:auto}
    .stor_sec1 .sec1_wrap .sec1-lf {flex-basis:auto}
    
    .stor_sec1 .sec1_wrap .sec1-rt-wrap .sec1-rt {width:100%;height:300px;}
    .stor_sec1 .sec1_wrap .sec1-rt-wrap .sec1-rt .rt-txtArea {bottom:20px;padding:0 20px;}
}

@media (max-width: 768px) {
    .stor_sec1 .sec1_wrap .sec1-rt-wrap {
        flex-direction: column;
    }

    .story_inner_box li {
        width: 100%; 
        margin-right:0 !important;
        margin-bottom: 20px;
    }

    .story_inner_box li div.img_group {
        max-height: 250px;
        overflow:hidden;
    }
    .story_text p {
        font-size: 14px;
        min-height:50px;
    }
    .story_text span {
        font-size: 12px;
    }
    .story_inner_box {padding-top: 20px;}    
    .stor_sec1 .sec1_wrap .sec1-rt-wrap .sec1-rt {height:250px;}
}

.svisual-business.svisual-story .svis-title .svis-tit {
    font-family: "Nunito Sans", sans-serif;
    font-size: 30px;
    font-weight: 800;
    letter-spacing:-0.01em;
}
.svisual-business.svisual-story .svis-title .svis-tit:before {content:none}

.pt-evn {
    display: flex;
    width: 100%;
    column-gap: 70px;
    flex-direction: row;
}
.pt-evn .txt-box .tit {
    color: #000;
    font-family: "Hyundai Sans Head", sans-serif;
    font-size: 2.25em;
    font-weight: 500;
    line-height: 100%;
}

.mgT20 {margin-top:20px;}
.mgT30 {margin-top:30px;}
.mgT40 {margin-top:40px;}
.mgT50 {margin-top:50px;}
.mgT60 {margin-top:60px;}
.mgT70 {margin-top:70px;}
.psrl {position:relative;}

.esg-supply-sec01 > li > ul > li > ul > li {padding-left: 14px !important;}
.esg-supply-sec01 > li > ul > li > ul > li:before {top:11px !important}

#mainNavi .depth2-wrap .mn_a2 i {margin-left: 9px;}
#mainNavi .depth2-wrap .mn_a2 {display: flex;align-items: center;}

.language-selector {
  position: relative;
  display: inline-block; 
  position:absolute;top:23px;right:80px;z-index:101;width:28px;color: #000;
  font-size: 12px;font-weight: 600;border:0;background:none;text-align:center;padding-top:30px;}
}

.language-selector i {
  font-size: 20px;
  cursor: pointer;
}

.lang-dropdown {
    position: absolute;
    top: 45px;
    left: -13px;
    background: white;
    border: 1px solid #ebebeb;
    box-shadow: -1px 4px 6px rgb(135 129 129 / 20%);
    padding: 10px 5px;
    z-index: 100;
    width: 71px;
}

.lang-dropdown a {
    display: block;
    padding: 6px 10px;
    text-decoration: none;
    color: black;
    color: #666;
    font-size: 15px;
}

.lang-dropdown a:hover {
    color:#000
}



.sp_cl {padding:0 3px}
.wauto-wrap .is-wauto-box.excp {overflow:visible !important}

 .label-fileupload {
      background-color: #b1b1b1;
      color: white;
      padding: 10px 20px;
      border-radius: 5px;
      cursor: pointer;
      transition: background-color 0.3s ease;
      font-family: "Hyundai Sans Head", sans-serif;
      font-size: 15px;
    }

    .label-fileupload:hover {
      background-color: #797979;
    }

    .upload-hidden {
      display: none;
    }

    .file-name {
      font-size: 0.9rem;
      color: #333;
    }
    .caph_btn {width:auto !important}
 @media (max-width: 768px) {   
    
    .frmbd-fld-list .frm-li.fld-filter .fld {flex-wrap: wrap;}
    .caph_txt {flex-basis:100%;width:100%}
    .caph_txt input {width:100%}
    .flac {flex-direction:column}
 }