@charset "UTF-8";
@import "gnb_renewal.css";  



/*! layout - tablet */
@media (min-width: 1024px) and (max-width: 1280px) {
    
    
}
@media (max-width: 1280px) {
    .header-area .gnb-list{width:70%}
    .header-area .bnArea .rbn{display: none;} 

}

/*****2023 리뉴얼 *****/

.header-area.fixed{background-color: #fff;box-shadow: #ddd 0 0 10px;border-bottom: 1px solid #ddd;}
.header-area.fixed .logo a img{content: 'url(/asset/images/common/main23/header_ico_lan_dark.png)';}
.header-area.fixed .one-depth-menu-list .one-depth-anchor{color:#333}
.header-area.fixed .one-depth-menu-list:hover .one-depth-anchor{color:#000; }
.header-area.fixed .one-depth-menu-list:hover span.underline,
.header-area.fixed .one-depth-menu-list.on span.underline{color:#000; opacity:1!important }
.header-area.fixed.show .two-depth-bg{display: block;}
.header-area.fixed.show .two-depth-menu{display: block;}
.header-area.fixed .lang-area button.lang-select{width:20px; height:20px;background: url('/asset/images/common/main23/header_ico_lan_dark.png') no-repeat;}
.header-area.fixed .search-icon button.btn-ctr-search{width:20px; height:20px;background: url('/asset/images/common/main23/header_ico_search_dark.png') no-repeat;}
.header-area.fixed .search-menu .btn-ctr-menu span{background-color: #000!important;}

.header-area.fixed h1.logo a{display: inline-block;width: 109px; height: 29px; background: url('/asset/images/common/main22/logo_basic.png') no-repeat;}
html.lang-en .header-area.fixed h1.logo a, html.lang-de .header-area.fixed h1.logo a {background-image:url('/asset/images/common/main22/logo_en_basic.png');}
html.lang-zh .header-area.fixed h1.logo a , html.lang-ja .header-area.fixed h1.logo a {background-image:url('/asset/images/common/main22/logo_china_basic.png');}
.header-area.fixed h1.logo a img,
.header-area.fixed .lang-area button.lang-select img,
.header-area.fixed .search-icon button.btn-ctr-search img{display: none;}


/* 리뉴얼된 메인*/
.renewal2023{background-color: #f3f3f3;}
.slide-area .bg{
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='595.28px' height='841.89px' viewBox='0 0 595.28 841.89' enable-background='new 0 0 595.28 841.89' xml:space='preserve'%3E%3Cpath d='M237.962,48.262c-36.276,26.802-83.232,68.816-154.206,66.061l-19.211-1.824C39.731,108.748,18.39,99.973,0,88.763 L0,218.316c16.82-4.959,35.185-7.719,55.108-6.953c0,0,19.371,1.826,19.383,1.827c52.703,8.004,90.177,43.046,125.427,80.223 c41.623,43.906,82.312,80.194,145.589,86.19c104.34,9.881,196.924-66.693,206.809-171.045 c9.867-104.34-66.689-196.945-171.03-206.814C327.004-3.404,275.786,18.809,237.962,48.262'/%3E%3C/svg%3E");       
    background-repeat: no-repeat;position:absolute; top:0; left: 0;  width: 46.3542vw; height: 31.8229vw; top: calc(50vh - 15.3911vw); left: 0;  opacity: .3;
    background-size:cover; }
.slide-area .title-area{color: #fff; position: absolute; top: 35vh; left: 15vw;text-shadow: #000 0 0 10px;width: 25vw;height: 27vh;display: flex;flex-direction: column;justify-content: center;}
.slide-area .title-area h2.main-tit{font-size: 3.125vw; margin-bottom: .5em;font-family: 'LGSmHaTB';}
.slide-area .title-area p.sub-tit{font-size: 0.9375vw;  line-height:1.4583vw;font-family:'LGSmHaTSB'; letter-spacing:0;}
.slide-area .title-area .arrow-container{display: block; width: 100%; height: 100%; cursor: pointer; position:absolute; top: 0;}
.slide-area .title-area .arrow-container .slide-arrow{background-image: url('/asset/images/common/main23/btn_hero_arrow.png'); width: 100%;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 96% bottom;
    position: absolute;
    bottom: 0;}
/* html.lang-de .slide-area .swiper-renewal-main .swiper-slide[data-swiper-slide-index="0"] .title-area h2.main-tit{font-size: 2.1vw;}
html.lang-zh .slide-area .swiper-renewal-main .swiper-slide[data-swiper-slide-index="0"] .title-area h2.main-tit{font-size: 2.8vw;} */

.swiper-renewal-main .swiper-slide video {max-width: 100%;height: 100vh;object-fit: cover;}
.swiper-pagination2 {width:100%;position: absolute;bottom: 5vh; color: #fff; z-index: 5; max-width: 1600px;left: 50%;transform: translate(-50%, 0);}
.swiper-pagination2 ul {width:90%; display: flex; list-style: none;    margin: 0 0 0 2%;}
.swiper-pagination2 ul li{width: 25% ; border-bottom: 2px solid #ffffff59;padding: 10px;}
.swiper-pagination2 ul li::before{content: '';position: absolute;font-size: 15px;padding-left: 0;}
.swiper-pagination2 ul li:first-child:before{content: '01.';}
.swiper-pagination2 ul li:nth-child(2)::before{content: '02.';}
.swiper-pagination2 ul li:nth-child(3)::before{content: '03.';}
.swiper-pagination2 ul li:nth-child(4)::before{content: '04.';}
.swiper-pagination2 ul li span{padding-left: 22px;}
.swiper-pagination2 ul li.active{ border-color: #d7177c;}
.swiper-pagination2 ul li a{font-family: 'LGSmHaTB'; font-size:15px;color: #fff;cursor: pointer; letter-spacing:0}
.swiper-pagination2 a.slide_btn{ display:inline-block; position:absolute; width:32px; height:32px;right: 4vw;bottom: -1vw;    cursor: pointer;}
.swiper-pagination2 a.slide_btn.stop {background:url("../../../asset/images/common/main23/slide_stop.png") no-repeat;}
.swiper-pagination2 a.slide_btn.play {background:url("../../../asset/images/common/main23/slide_play.png") no-repeat;}





.renewal2023 section{ width:100%; max-width:1520px; margin: 120px auto;background-color: #fff; border-radius: 30px;}
.renewal2023 section div.section_inner{padding: 90px 60px;width: calc(100% - 120px); }
.renewal2023 section .title_area h3{font-size: 31px;font-family: "LGSmHaTSB"; margin-bottom:25px}
.renewal2023 section .title_area h4{font-size: 18px;font-family: 'LGSmHaTR';}
.renewal2023 section .title_area{margin-bottom: 42px;}
    
.renewal2023 section.status .item_list{margin-bottom: 40px;}
.renewal2023 section.status h5{font-size: 22px;font-family: 'LGSmHaTR';margin-bottom: 20px;}
.renewal2023 section.status .item_list ul{width: 100%;display: flex;}
.renewal2023 section.status .item_list ul li{float: left;width: 17%;text-align: center;border-right: 1px solid #ddd;}
.renewal2023 section.status .item_list ul li:last-child{border-right: none;}
.renewal2023 section.status .item_list ul li .img{margin: 0 auto 18px;background: #f4f4f4;border: 19px solid #f4f4f4;width: fit-content;border-radius: 100%;}
.renewal2023 section.status .item_list ul li .img img{width: 58px;}
.renewal2023 section.status .item_list ul li .txt{font-family: 'LGSmHaTL';}
.renewal2023 section.status .item_list ul li .txt span.tit{font-size: 18px; line-height:1.6em;}
.renewal2023 section.status .item_list ul li .txt span.tit strong{font-family: 'LGSmHaTB';font-size: 26px;}
.renewal2023 section.status .item_list ul li .txt p span{display: block; font-size:15px;line-height:1.4em;}
/* .renewal2023 section.status .item_list ul li .txt span sup{font-weight: bold; text-decoration: underline;font-family: 'LGSmHaTB'; margin-left: 2px;} */
.renewal2023 section.status .item_list ul li .txt span sup, .renewal2023 section.status .sup ul li sup {background-repeat: no-repeat; width:12px; height: 12px; display: inline-block; margin: 0 4px; top: auto;} 
.renewal2023 section.status .item_list ul li .txt span sup.cy, .renewal2023 section.status .sup ul li sup.cy{background-image:url('../../../asset/images/common/main23/main_star_cy.png');}
.renewal2023 section.status .item_list ul li .txt span sup.ma, .renewal2023 section.status .sup ul li sup.ma{background-image:url('../../../asset/images/common/main23/main_star_ma.png');}
.renewal2023 section.status .item_list ul li .txt span sup.pupple, .renewal2023 section.status .sup ul li sup.pupple{background-image:url('../../../asset/images/common/main23/main_star_pupple.png');}
.renewal2023 section.status .item_list ul li .txt p span a{font-weight: bold;}

.renewal2023 section.status .item_list.sustainability li:first-child{border-right: none;}
.renewal2023 section.status .item_list ul li:has(.small){ position: relative;}
.renewal2023 section.status .item_list ul li:has(.small)::before{content: '';background-image: url('/asset/images/common/main23/bg_status_sus.png'); background-repeat: no-repeat; position:absolute; display: inline-block; width: 50px; height: 118px; top: calc(50% - 71px); left: -40px;    background-size: contain;}
.renewal2023 section.status .item_list ul li .small{display:block}    
.renewal2023 section.status .item_list ul li .small li{width: 100%; border:0; display: flex;align-items: center; margin-bottom: 19px;}
.renewal2023 section.status .item_list ul li .small li .img {margin: 0 19px;border: 10px solid #f4f4f4;}
.renewal2023 section.status .item_list ul li .small li .img img{width: 23px;}
.renewal2023 section.status .item_list ul li .small li .txt{text-align: left;font-family: 'LGSmHaTR';}
.renewal2023 section.status .item_list ul li .small li .txt span.tit{font-family: 'LGSmHaTB'; line-height: 1em;}
.renewal2023 section.status .sup{padding-top: 20px;}
.renewal2023 section.status .sup ul li{float:left; font-size:12px; font-family: 'LGSmHaTL'; margin-right: 58px;}


.renewal2023 section.business .content_area{display: flex;position: relative;}
.renewal2023 section.business .business-list{width:350px; font-family:"LGSmHaTR" ;}
.renewal2023 section.business .business-list ul{margin: 58px 0;width: 350px;}
.renewal2023 section.business .business-list ul li{list-style: none; font-size: 19px; margin-bottom: 19px;}
.renewal2023 section.business .business-list ul li a{display: flex;align-items: center; cursor: pointer; height: 60px;}
.renewal2023 section.business .business-list ul li a::after{content: '';display: inline-block;width: 0;height: 1px;margin-left: 27px;background: #665852;vertical-align: super;}
.renewal2023 section.business .business-list ul li a span{display: block;margin-left: 80px;}
.renewal2023 section.business .business-list ul li a::before{display: block;width: 60px; height:  60px; margin-right:20px; border-radius: 60px;background-repeat: no-repeat; background-size: 50%; background-color: #f8f8f8; background-position: center;border: 1px solid #f8f8f8; position: absolute;}
.renewal2023 section.business .business-list ul li.busi01 a::before{background-image:url('/asset/images/common/main23/main_pro01.png');}
.renewal2023 section.business .business-list ul li.busi02 a::before{background-image:url('/asset/images/common/main23/main_pro02.png');}
.renewal2023 section.business .business-list ul li.busi03 a::before{background-image:url('/asset/images/common/main23/main_pro03.png');}


.renewal2023 section.business .business-list ul li a:hover a::before,
.renewal2023 section.business .business-list ul li.active a::before{ transition: .5s;background-repeat: no-repeat; background-size: 50%; background-color: #f8f8f8; background-position: center;}
.renewal2023 section.business .business-list ul li.active a::before{border: 1px solid #665852;}
.renewal2023 section.business .business-list ul li.busi01 a:hover a::before,
.renewal2023 section.business .business-list ul li.busi01.active a::before{background-image:url('/asset/images/common/main23/main_pro01_hover.png');}
.renewal2023 section.business .business-list ul li.busi02 a:hover::before,
.renewal2023 section.business .business-list ul li.busi02.active a::before{background-image:url('/asset/images/common/main23/main_pro02_hover.png');}
.renewal2023 section.business .business-list ul li.busi03 a:hover::before,
.renewal2023 section.business .business-list ul li.busi03.active a::before{background-image:url('/asset/images/common/main23/main_pro03_hover.png');}
.renewal2023 section.business .business-list ul li.active a::after{width:135px; transition: .5s;}

.renewal2023 section.business .busiSwiper{width:70%; }
.renewal2023 section.business .busiSwiper .img_area{width: 520px; height:480px; }
.renewal2023 section.business .busiSwiper .txt_area {text-align: left; line-height: 27px; width:calc(50% - 96px); margin-left: 96px; position: relative; opacity: 0;}
.renewal2023 section.business .busiSwiper .txt_area .tit{font-size:29px;  margin-bottom: 19px; font-family: "LGSmHaTSB";}
.renewal2023 section.business .busiSwiper .txt_area .sub_tit{font-size: 21px; margin-bottom: 19px; font-family: "LGSmHaTR";}
.renewal2023 section.business .busiSwiper .txt_area .desc{font-size: 16px; line-height: 23px; margin-bottom: 154px;font-family: "LGSmHaTL"}
.renewal2023 section.business .busiSwiper .txt_area a.more{text-decoration: none; position:absolute; bottom: 10px; background: url('/asset/images/common/main23/btn_more.png') no-repeat center; width: 60px; height: 60px;    background-size: contain;}
.renewal2023 section.business .busiSwiper {width: 1050px;height: 100%;}

.renewal2023 section.business .busiSwiper .swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box;}
.renewal2023 section.business .busiSwiper .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content:space-between;align-items:flex-start;}    
.renewal2023 section.business .busiSwiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover; /* 0802 마스크대신 radius사용*/border-radius: 50px 120px 50px 50px;}
.renewal2023 section.business .btn_area{position: absolute; bottom: 0;display: flex;align-items: center;justify-content: center;}
.renewal2023 section.business .btn_area a.btn{background-repeat:no-repeat;  background-size: contain; text-indent: -99999px; font-size: 0; display: inline-block; width: 20px; height: 20px; cursor: pointer;position: absolute;right: 0;bottom: 0;left: auto;}
.renewal2023 section.business .btn_area a.btn.play{background-image: url('/asset/images/common/main23/stop.png');}
.renewal2023 section.business .btn_area a.btn.stop{background-image: url('/asset/images/common/main23/play.png');}
.renewal2023 section.business .btn_area .swiper-pagination-busi{width: 105px;margin: 0 25px 0 0;position: relative;}
.renewal2023 section.business .btn_area .swiper-pagination-busi .swiper-pagination-bullet{width:15px; height: 15px; margin: 0 var(--swiper-pagination-bullet-horizontal-gap,10px);background:#aaa;}
.renewal2023 section.business .btn_area .swiper-pagination-busi .swiper-pagination-bullet-active {background:#333;}    
.renewal2023 section.business .busiSwiper .swiper-slide-active .txt_area{animation: menuAni 1s; opacity: 1; margin-top: 58px; height: 422px;}

.renewal2023 section.news .news_head{width: 100%;margin-bottom: 19px;display: flex;}
.renewal2023 section.news .news_head ul.news_cate{display: flex; margin-right: auto;align-items: center;}
.renewal2023 section.news .news_head ul.news_cate li{margin-right: 8px;}
.renewal2023 section.news .news_head ul.news_cate li a{padding:5px 15px; border-radius: 20px; color: #333; border: 1px solid #aaa;font-size: 15px;font-family: "LGSmHaTR"}
.renewal2023 section.news .news_head ul.news_cate li.on a{ color: #fff; background-color: #696969; border-color: #696969;}
.renewal2023 section.news .news_head a.all{display: flex;align-items: center; font-family:"LGSmHaTR"; font-size: 17px;}
.renewal2023 section.news .news_head a.all em{width:39px; height: 39px; background-image: url('/asset/images/common/main23/btn_all.png'); display: inline-block; margin-left: 16px;}

.renewal2023 section.news .news_list ul{display: flex;}
.renewal2023 section.news .news_list ul li{width:calc(100% - 20px); margin-right: 20px;}
.renewal2023 section.news .news_list ul li .thumb{width: 100%; /*height: auto;*/ height:11vw; max-height: 210px; display: block;border-radius: 20px;margin-bottom: 19px;background-size: cover; background-position: center; border:1px solid #ddd;}
.renewal2023 section.news .news_list ul li .txt_wrap .head{display: flex;justify-content: flex-start;width: 100%; font-size: 17px;font-family: "LGSmHaTR"; color:#666; margin-bottom: 19px;}
.renewal2023 section.news .news_list ul li .txt_wrap .cate{margin-right: auto;}
.renewal2023 section.news .news_list ul li .txt_wrap .body .tit{font-size:17px; line-height:26px;font-family: "LGSmHaR";width: 100%;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp:3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.renewal2023 section.news .news_list ul li .txt_wrap .body .con{color:#444; font-size:16px; line-height:24px;font-family: "LGSmHaTL";width: 100%;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden; display: none;}
.renewal2023 section.news .news_list ul li:last-child{margin-right: 0;}

.renewal2023 section.news .sns_area{ width: 100%; margin: 50px auto 0; background-color: #f8f8f8; padding:30px 0; border-radius: 15px;  display: flex;justify-content: center;} 
.renewal2023 section.news .sns_area .inner{background:url('/asset/images/common/main23/main_deco.png') no-repeat left center; display: flex; align-items: center;}
.renewal2023 section.news .sns_area .text{font-size:16px;font-family: "LGSmHaTR";color: #333; padding-left: 200px; }
.renewal2023 section.news ul.snslist {display: flex;}
.renewal2023 section.news ul.snslist li{margin-left: 20px;}
.renewal2023 section.news ul.snslist li a {background-repeat:no-repeat; background-color:#6b6b6b;background-size: 50%; background-position: center; text-indent: -99999px; font-size: 0; display:block; width: 60px; height: 60px; border-radius:60px; cursor: pointer;}
.renewal2023 section.news ul.snslist li a.ytb{background-image:url('/asset/images/common/main23/sns_60_01.png')}
.renewal2023 section.news ul.snslist li a.fb{background-image:url('/asset/images/common/main23/sns_60_02.png')}
.renewal2023 section.news ul.snslist li a.in{background-image:url('/asset/images/common/main23/sns_60_03.png')}
.renewal2023 section.news ul.snslist li a.blog{background-image:url('/asset/images/common/main23/sns_60_04.png')}
.renewal2023 section.news ul.snslist li a.post{background-image:url('/asset/images/common/main23/sns_60_05.png')}

.survey{position: fixed;bottom: 40px;right: 10px;z-index: 10;-webkit-transition: .4s all ease;-o-transition: .4s all ease;transition: .4s all ease;}
.survey .btn-top, .survey .btn-inquire  {display: block;padding: 0;margin-top: 20px;cursor: pointer;background-image: url('/asset/images/common/main23/main_sprite_01.png');width: 56px;height: 56px;background-position: center;background-size: auto;box-shadow: 5px 5px 20px rgb(0 0 0 / 15%);border-radius: 50%; background-size: 120px 120px;}
.survey .btn-top:focus, .survey .btn-top:hover,.survey .btn-inquire:focus, .survey .btn-inquire:hover{ background-image: url('/asset/images/common/main23/main_sprite_01.png');  width:56px; height:56px}
.survey .btn-top{background-position: -120px 56px;}
.survey .btn-top:hover{background-position:56px 56px;}
.survey .btn-inquire{background-position: 0 0;}
.survey .btn-inquire:hover {background-position: -64px 0;}
 
@keyframes menuAni {
    0% {opacity: 0;}
    100% {opacity: 1;}
    }    

@media (min-width: 1921px){
.swiper-pagination2 ul li a{ font-size:15px;}
.swiper-pagination2 a.slide_btn {
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 32px;
    right: 77px;
    bottom: -19px;
    cursor: pointer;}

}


@media (min-width: 1281px){
 .swiper-renewal-main .swiper-slide {
        position: relative;
        width: 100%;
        height: 100vh;
    }

.renewal2023 section.news .news_list ul{display: block; overflow: hidden;}
.renewal2023 section.news .news_list ul li{width:calc(25% - 20px); float: left;}

}

@media (max-width: 1280px) {
    .slide-area .title-area h2.main-tit {font-size: 3.125vw;}
   /*0924mh 피씨버전에서 뉴스 제목에 숫자입력시 안먹히는*/
    .renewal2023 section.news ul.snslist li{margin-left: 10px;}
    .renewal2023 section.news ul.snslist li a{width:40px; height: 40px;margin-bottom: 10px;}

    .renewal2023 section.status .item_list ul li .txt span.tit{font-size: 16px;}
    .renewal2023 section.status .item_list ul li .txt{margin: 0 4px;}
    .renewal2023 section.status .item_list ul li .small li .img{margin: 0 8px;}
    .renewal2023 section.status .item_list ul li .small li{margin-bottom: 10px;}
    .renewal2023 section.status .item_list ul li .txt span.tit strong{font-size: 24px;}






    
}

@media (min-width: 1023px) {    
    .renewal2023 section.business .business-list .mo{display: none;}
    .swiper-button-next.m-show, .swiper-button-prev.m-show{display: none!important;}
    .m-show, .mo-show{display: none!important;}
	.pc-show{display: inline-block;}
    

      
    
}

@media (max-width: 1023px) {
    .m-show{display: block;}
	.pc-show{display:none!important}
    .header-area.fixed.show .two-depth-bg{display: none;}
    html.lang-de .slide-area .swiper-renewal-main .swiper-slide[data-swiper-slide-index="0"] .title-area h2.main-tit{font-size: 26px;}
    html.lang-zh .slide-area .swiper-renewal-main .swiper-slide[data-swiper-slide-index="0"] .title-area h2.main-tit{font-size: 46px;}

    .renewal2023 section{width: calc(100% - 12vw);margin: 4.8125vw auto;}
    .renewal2023 section .title_area h3 {font-size: 2.6vw;font-family: "LGSmHaTSB";margin-bottom: 13px;}
    .renewal2023 section .title_area h4 {font-size: 1.6vw;}
    
    .slide-area .bg{display: none;}
    .slide-area .title-area{color: #fff; position: absolute; top: 35vh; left: 10vw;text-shadow: #000 0 0 10px; width:calc(100% - 20vw);height: 27vh;display: flex;flex-direction: column;justify-content: center;}
    .slide-area .title-area h2.main-tit{font-size: 46px;  margin-bottom: .5em;font-family: 'LGSmHaTB';}
    .slide-area .title-area p.sub-tit{font-size: 14px; line-height:20px;font-family:'LGSmHaTSB'; letter-spacing:0;}    
    
    
    .swiper-pagination2 ul {width: 86%;margin: 0 7% 35px;}
    .swiper-pagination2 ul li a{font-family: 'LGSmHaTB'; font-size:15px;color: #fff;cursor: pointer; letter-spacing:0; text-align:center; display:inline-block; width:100%}
    .swiper-pagination2 ul li{position:relative}
    .swiper-pagination2 ul li::before{display: none;}
    .swiper-pagination2 ul li span{padding-left: 0;}
    .swiper-pagination2 .main_slide_handler{display: block;position: relative;width: 120px;margin: 0 auto;}
    .swiper-pagination2 .main_slide_handler a.slide_btn{position: absolute;left: calc(50% - 16px);top: calc(50% - 28px);}
    .main_slide_handler .swiper-button-next,
    .main_slide_handler .swiper-button-prev,
    .main_slide_handler .swiper-button-next::after, 
    .main_slide_handler .swiper-button-prev::after{font-size:14px; color:#fff; background:none; font-weight: bold;width: auto;}
    
    .renewal2023 section.status h5{font-size: 14px;}
    .renewal2023 section.status .item_list ul{display: block; overflow: hidden;}
    .renewal2023 section.status .item_list > ul > li {float: left; width: 33%;text-align: center;border-right: 0.0521vw solid #ddd;margin-bottom: 30px;height: 170px;}
    .renewal2023 section.status .item_list ul li .txt span.tit strong {font-size: 20px;}
    .renewal2023 section.status .item_list ul li .txt p span {font-size: 14px;}
    .renewal2023 section.status .item_list ul li:nth-child(3n){border-right: none;}
    .renewal2023 section.status .item_list ul li .img{border-width:15px}
    .renewal2023 section.status .item_list ul li .img img { width: 50px;}
    .renewal2023 section.status .item_list ul li:has(.small)::before {width: 4.8876vw;height: 11.5347vw;top: calc(50% - 5.7674vw);left: -3.9101vw;}
    .renewal2023 section.status .item_list ul li .small li .img{border-width: 10px;}
    .renewal2023 section.status .item_list ul li .small li .img img {width: 30px;}
    .renewal2023 section.status .sup {padding: 0;}
    .renewal2023 section.status .sup ul li {font-size: 12px;}
    
    .renewal2023 section.business .busiSwiper,
    .renewal2023 section.business .btn_area{display: none;}
    .renewal2023 section.business .business-list{width: 100%;}
    .renewal2023 section.business .business-list .mo{display: block;}
    .renewal2023 section.business .img_area img{width:100%; border-radius: 10% 30% 10% 10%;}
    .renewal2023 section.business .business-list ul{width:auto; margin: 0;}
    .renewal2023 section.business .business-list ul li a{cursor: pointer;font-size: 20px;background: #f8f8f8; border-radius: 5px;padding: 20px 0;align-items: center;justify-content: center; margin-bottom: 20px;}
    .renewal2023 section.business .business-list ul li a::after{display: none;}
    .renewal2023 section.business .business-list ul li a::before{display: none;}
    .renewal2023 section.business .business-list ul li.busi01 a em{background-image:url('/asset/images/common/main23/main_pro01_hover.png');}
    .renewal2023 section.business .business-list ul li.busi02 a em{background-image:url('/asset/images/common/main23/main_pro02_hover.png');}
    .renewal2023 section.business .business-list ul li.busi03 a em{background-image:url('/asset/images/common/main23/main_pro03_hover.png');}

    .renewal2023 section.business .business-list ul li a em,
    .renewal2023 section.business .business-list ul li.active a em,
    .renewal2023 section.business .business-list ul li a:hover em
    {width: 5.8651vw;height: 5.8651vw;background-size: 80%; scale: 1; border:none; min-width: 48px; min-height: 48px; display: block; background-repeat: no-repeat;}
    .renewal2023 section.business .business-list ul li a span{margin: 0;}
    .renewal2023 section.business .business-list ul li .mo.txt_area{text-align: center; margin-bottom: 20px;}
    .renewal2023 section.business .business-list ul li .mo.txt_area .tit{font-size: 22px; line-height: 40px;}
    .renewal2023 section.business .business-list ul li .mo.txt_area .sub_tit{font-size:18px; line-height: 32px; margin-bottom: 20px;}
    



    .renewal2023 section.news .news_head ul.news_cate li a{font-size:13px}
    .renewal2023 section.news .news_head a.all{font-size: 14px;}
    .renewal2023 section.news .news_list ul{display: block;}    
    .renewal2023 section.news .news_list ul li{width: 100%; margin:0 0 20px;}
    .renewal2023 section.news .news_list ul li .thumb{margin-bottom: 20px; height: auto;max-height: initial;}
    .renewal2023 section.news .news_list ul li .txt_wrap .head{font-size: 14px; margin-bottom: 20px;}
    .renewal2023 section.news .news_list ul li .txt_wrap .body .tit{font-size: 17px; line-height: 26px;}
    .renewal2023 section.news .news_list ul li .txt_wrap .body .con{font-size: 14px; line-height: 20px;}

    .renewal2023 section.news .sns_area{display: block;}
    .renewal2023 section.news .sns_area .inner{background-position: top center   ;flex-direction: column; padding-top: 30px;}
    .renewal2023 section.news .sns_area .text{padding-left: 0; margin: 10px; text-align: center; }
    .renewal2023 section.news ul.snslist li a{width:40px; height:40px}


}



@media (max-width: 768px) {
    .renewal2023 section{border-radius: 10px;}
    .renewal2023 section div.section_inner{padding: 10px 20px; width: calc(100% - 40px);}
    .renewal2023 section .title_area{margin-top: 15px; text-align: center;}
    .renewal2023 section .title_area h3{font-size: 30px;}
    .renewal2023 section .title_area h4{font-size: 16px;line-height: 24px;}
    
    .renewal2023 section.status .title_area{padding:40px 20px; margin: 0;}
    .renewal2023 section.status .title_area h3{font-size: 24px;}
    .renewal2023 section.status h5{font-size: 22px; text-align: center}
    .renewal2023 section.status .section_inner{width: 100%; padding: 0;}
    .renewal2023 section.status .item_list{margin-bottom:30px ;}
    .renewal2023 section.status .item_list ul{border-bottom: 0.0521vw solid #ddd; }
    .renewal2023 section.status .item_list > ul > li {float: left; width: calc(50% - 1px);text-align: center;border-right: 0.0521vw solid #ddd;margin-bottom: 30px;}    
    .renewal2023 section.status .item_list.sustainability li:nth-child(2){border-left: 0;}
    .renewal2023 section.status .item_list ul li:nth-child(odd){border-left: none;width: 50% ;}
    .renewal2023 section.status .item_list ul li{border: 0.0521vw solid #ddd; border-right:0; border-bottom:0; margin-bottom: 0; padding: 10px 0; }
    .renewal2023 section.status .item_list ul li .img{border-width: 15px; margin-bottom: 10px;}
    .renewal2023 section.status .item_list ul li .img img { width: 50px;}
    .renewal2023 section.status .item_list ul li .txt p span{word-break: keep-all;}    
    .renewal2023 section.status .item_list ul li:has(.small)::before{width: 6.5104vw;height: 118px;top: calc(50% - 59px);left: -20px;background-size: cover; background-position: -19px center; margin-left: 20px;}
    .renewal2023 section.status .item_list ul li .small{border-bottom: 0; margin-left: 20px;}
    .renewal2023 section.status .item_list ul li .small li{margin-bottom: 0;}
    .renewal2023 section.status .item_list ul li .small li .img{border-width: 10px; margin:0 10px;}
    .renewal2023 section.status .item_list ul li .small li .img img{width: 20px;}
        
    html.lang-de .renewal2023 section.status .item_list ul li .small,
    html.lang-en .renewal2023 section.status .item_list ul li .small{margin-left: 5px;}
    html.lang-de .renewal2023 section.status .item_list ul li .txt span.tit,
    html.lang-en .renewal2023 section.status .item_list ul li .txt span.tit,html.lang-zh .renewal2023 section.status .item_list ul li .txt p span{font-size:13px}
    html.lang-de .renewal2023 section.status .item_list ul li .small li .img, html.lang-en .renewal2023 section.status .item_list ul li .small li .img{margin: 0 4px; z-index: 1;}
    html.lang-de .renewal2023 section.status .item_list ul li .txt p span, html.lang-en .renewal2023 section.status .item_list ul li .txt p span{font-size:13px;}
    html.lang-de .renewal2023 section.status .item_list ul li .small li{padding:3px 0}
    html.lang-en .renewal2023 section.status .item_list ul li .small li{padding:8px 0}
    html.lang-de .renewal2023 section.status .item_list ul li:has(.small)::before, html.lang-en .renewal2023 section.status .item_list ul li:has(.small)::before{left:-32px; z-index: 0;}

    .renewal2023 section.status .item_list ul li.onel{height:130px}
    .renewal2023 section.status .item_list ul li.twol{height: 160px;}
    .renewal2023 section.status .item_list ul li.thrl{height: 170px;}
    
    .renewal2023 section.status .item_list ul li .txt span.tit{font-size:16px;}      
    .renewal2023 section.status .sup{padding:0 20px  30px;}
    .renewal2023 section.status .sup ul li{float: inherit; line-height: 20px;}
    .renewal2023 section.news .news_head{margin: 25px 0;}
    .renewal2023 section.news .news_head a.all{display: none;}
    .renewal2023 section.news .news_head ul.news_cate li a {padding: 5px 10px;}
}



@media (max-width: 1280px) {




}

@media (min-width: 1921px){


}