@charset "utf-8";
/*#article_search_modal, #page-contents,
body { font-family: 'Roboto', sans-serif; }*/

.box-select-ty1.type1.large.sz2{ width: 560px;  }

.wrap_en #site-header .logo a { width: 198px; background: url(../images/common/h_logo_white.png) center no-repeat; }
.wrap_en #site-header.sub .logo a { background-image: url(../images/common/h_logo.png); }
.wrap_en .header_hover #site-header .logo a, 
body.openGnbTy2 .wrap_en #site-header .logo a, 
.wrap_en #site-header.scrollDown .logo a { background-image: url(../images/common/h_logo.png); }


#site-nav .depth1 > ul > li{ padding-top: 40px; }
.wrap_en #site-nav .depth1 > ul > li > a{font-size: 17px;height: 60px;display: inline-flex;align-items: center;}
.wrap_en .ico_link.sz_small i img{ margin-top: 0; }
.wrap_en #site-nav .depth2 > ul > li{margin-bottom: 19px; padding:0 5px;}
.wrap_en #site-nav .footer_menu > .col > ul > li > a,
.wrap_en #site-nav .depth2 > ul > li > a{font-size: 16px;line-height:1.4;} 
.wrap_en #site-nav .depth2 > ul > li{ margin-bottom: 23px; line-height: 1.3; }
body.openGnb .wrap_en #site-nav > .inner{height: 720px;}


#biz_about_process > li .tit { width: 250px; }

.settlement_bot .opinion { flex-direction: column; align-items: center; }
.settlement_bot .opinion .h { width: 100%; }
.settlement_bot .opinion .t { max-width: 500px; }


.esg_vision_list_01 > li .tit { font-size: 20px; }
.esg_vision_list_01 > li .txt { font-size: 15px; }

.wrap_en .spot_content .t1 { max-width: 880px; }

.esg_ethical .img p{ font-size: 17px; }
.wrap_mediacenter > .inner > .head h1{ line-height: 1;  }
body .wrap_mediacenter > .inner > .head .t1{ margin-top: 30px; }

@media screen and (max-width: 840px){
   .table_inner.wrap_table1.type1:before{ content:"* You can move left and right by touching.";  color:#949494; }
   
   .box-select-ty1.type1.large.sz2{ width: 100%;  }
   .box-select-ty1.type1.large.sz2 .selectVal{padding: 3.4vw 12vw 0 1vw;}
   .box-select-ty1.type1.large.sz2 .selectVal > a{ font-size: 3.5vw;  }
   .box-select-ty1.type1.large.sz2 .selectVal:after{font-size: 5vw;right: 7vw;top: calc(50% - 2.5vw);line-height: 1;}

   .wrap_en #site-nav .depth1 > ul > li.active > a,
   .wrap_en #site-nav .depth1 > ul > li > a{ display: none; }
   .wrap_en #site-nav .depth1 > ul > li > a.m{ display: flex; height: auto; }
   body.openGnb .wrap_en #site-nav > .inner{ height: 100vh;  }
    .wrap_en #site-header .logo a {  width: 29vw; background-size: 100%; }
    .esg_ethical .img p{ font-size: 4vw; }
    #biz_about_process > li { flex-direction: column; }
    body .wrap_esg_main_mo .head .h_1{ line-height: 1.2; }

    .wrap_en .spot_content .t1 { font-size: 4.6vw; width: 80vw;}

    body .wrap_mediacenter > .inner > .head .t1{ margin-top: 4vw; }
    body .spot_content .h1{ font-size: 6.1vw; }
    body .wrap_product_main .lst .item .t_1{ font-size: 3.5vw; }
     body .wrap_product_main .lst .product-container.active_two .product-wrapper{
        -moz-transform: translateX(0px) translateY(-69vw);
        -webkit-transform: translateX(0px) translateY(-69vw);
        -o-transform: translateX(0px) translateY(-69vw);
        -ms-transform: translateX(0px) translateY(-69vw);
        transform: translateX(0px) translateY(-69vw);
      }
       body .wrap_product_main .lst .product-container.active_three .product-wrapper{
            -moz-transform: translateX(0px) translateY(-125vw);
            -webkit-transform: translateX(0px) translateY(-125vw);
            -o-transform: translateX(0px) translateY(-125vw);
            -ms-transform: translateX(0px) translateY(-125vw);
            transform: translateX(0px) translateY(-125vw);
          }

    .wrap_product_main .lst .product-container.active_two .product-wrapper{}

}