﻿/* #### Generated By: http://font.download #### */

@font-face {
    font-family: 'Samsung Sharp Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: url('/resources/webfont/samsungsharpsans.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Samsung Sharp Sans Medium';
    font-style: normal;
    font-weight: normal;
    src: url('/resources/webfont/samsungsharpsans-medium.woff') format('woff');
    }
    

    @font-face {
        font-family: 'Samsung Sharp Sans Bold';
        font-style: normal;
        font-weight: normal;
        src: url('/resources/webfont/samsungsharpsans-bold.woff') format('woff');
        }


        @font-face {
            font-family: 'Samsung One 400';
            font-style: normal;
            font-weight: normal;
            src:  url('/resources/webfont/SamsungOne-400v10.woff') format('woff');
            }
            
        @font-face {
            font-family: 'Samsung One 700';
            font-style: normal;
            font-weight: normal;
            src:  url('/resources/webfont/SamsungOne-700v10.woff') format('woff');
            }
            

.pc_only{
    display:block;
}
.tab_only{
    display: none;
}
.m_only{
    display: none;
}
.content-wrap{
    position: relative;
}
.top_title{
    
    align-items: flex-start !important;
}

@media (min-width: 1920px){
    .pc_only{
        display: block;
    }
}
@media (max-width: 1920px){
    .pc_only{
        display:none;
    }
    .tab_only{
        display: block;
    }
}

@media (max-width: 1920px) and (min-width: 769px){
    .sustainability-title-detail-principle {
        width: 1920px;
        left: 50%;
        transform: translateX(-50%);
    }
}


/* 
@media (max-width: 1024px){
    .pc_only{
        display:none;
    }
    .tab_only{
        display: none;
    }
}
*/


.mobileSwiper{
    overflow:  hidden !important;    
}

@media (max-width: 768px){
    .content-wrap{
        max-width:  100vw;
        overflow: hidden;
    }
    .pc_only{
        display:none;
    }
    .tab_only{
        display: none;
    }
    .m_only{
        display: block;
    }
}

.image-small{
    width: 526px;
}
.image-big{
    width: 636px;
}
.image-width{
    width: 826px;
}

.pb0{
    padding-bottom: 0!important;
}
.pt0{
    padding-top: 0!important;
}
.mb0{
    margin-bottom: 0!important;
}
.mt0{
    margin-top: 0!important;
}
.pr60{
    padding-right: 60px!important;
}
.mr156{
    line-height: 67.2px;
    margin-right: 156px!important;
}
.mt18{
    margin-top: 18px!important;
}
.mt24{
    margin-top: 24px!important;
}
.mt68{
    margin-top: 68px!important;
}
.mt80{
    margin-top: 80px!important;
}
.mt100{
    margin-top: 100px!important;
}
.mt200{
    margin-top: 200px!important;
}
.pt100{
    padding-top: 100px!important;
}
.pt200{
    padding-top: 200px!important;
}

.tl-left{
    text-align: left !important;
}
.tl-center{
    text-align: center !important;
}
.tl-right{
    text-align: right !important;
}
.tc-black{
    color: black !important;
}


.tw-middle{
    font-weight: 700 !important;
    font-family: "Samsung Sharp Sans Medium" !important;
}
.tw-700{
    font-weight: 700 !important;
    font-family: "Samsung One 700" !important;
}

.tc-white{
    color: white !important;
}

/* title start */

.sustainability-title{
    position: relative;
    height: 768px;
    overflow: hidden;
}

.sustainability-title.sustainability-title-detail{
    height: 500px;
}

.sustainability-title img{
    width: 100%;
    min-height: 100%;
}

.sustainability-title .title{
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

.sustainability-title .title .big_title{
    color: rgba(255, 255, 255, 1);
    font-family: "Samsung Sharp Sans Bold";
    font-size: 60px;
    line-height: 1;
    /* font-weight: 700; */
}


.sustainability-title .title .small_title{
    color: rgba(255, 255, 255, 1);
    font-family: "Samsung One 400";
    font-size: 24px;
    /* font-weight: 400; */
    /* line-height: 1; */
    margin-top: 36px;
}

/* title end */

/* content start */

.content-sustainability{
    margin-bottom:200px;
    padding: 0 28px;
}
.content-sustainability .title{
    padding: 0;
    margin: 0 auto;
    text-align: center;
}
.content-sustainability > .title{
    padding-top: 165px;
}
.content-sustainability > section{
    margin-top: 200px;;
}

/* content end */

/* content title start */

.content-sustainability.content-sustainability-main > .title{max-width: 1260px;}
.content-sustainability.content-sustainability-planet > .title{max-width: 1260px;}
.content-sustainability.content-sustainability-planet > .title > .video{position: relative;margin-top: 82px;}
.content-sustainability.content-sustainability-planet > .title > .video > img:first-child{border-radius: 14px;}

.content-sustainability.content-sustainability-planet > .title > .video > video{border-radius: 14px;}

.content-sustainability.content-sustainability-planet > .title > .video > img:last-child{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:142px;height: 142px;}
.content-sustainability.content-sustainability-people > .title{max-width: 1260px;}


.sustainability-title::after{
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.sustainability-title::after{
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.sustainability-title.sustainability-title-detail::after{
    background: rgba(0, 0, 0, 0.3);
}
.sustainability-title.sustainability-title-planet::after{
    content: none;
}


.content-sustainability .title .big_title{
   font-size: 48px;
   font-family: "Samsung Sharp Sans Bold";
   /* font-size: 60px; */
   line-height: 1;
}

.content-sustainability .title .small_title{
    font-size: 18px;
    margin-top: 36px;
}

.content-sustainability .btn{
    width: 119px;
    height: 40px;
    background: rgba(0, 0, 0, 1);
    font-size: 14px;
    font-family: "Samsung One 700";
    border-radius: 20px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
/* content title end */


/* content opposite_wrapper start */

.content-sustainability .opposite_wrapper{
    padding-top: 202px;
    max-width: 1296px;
    margin: 0 auto;
}

.content-sustainability.content-sustainability-main .opposite_wrapper{
    max-width: 1145px;
}

.content-sustainability .potal_wrapper {
    display: flex;
    gap:  20px;
    max-width: 1296px;
    margin:  0 auto;
    margin-top:  200px;
    justify-content: space-between;
}
.content-sustainability .potal_wrapper > div{
    margin: 0;
    width: calc(50% - 10px);
    display:flex;
    padding: 40px;
    border-radius: 20px;
    align-items: center;
    background: rgba(247, 247, 247, 1);
}

.content-sustainability .potal_wrapper div .title{
    font-size: 24px;
    font-family: "Samsung Sharp Sans Bold";
    margin-left: 0;
    margin-right: auto;

}
.content-sustainability .potal_wrapper div .label{
    border: 1px solid black;
    padding: 6px 12px;
    border-radius: 20px;
    font-family: "Samsung One 700";
    font-weight: 700;
    font-size: 14px;
    cursor:pointer;
    width: 120px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-sustainability .opposite_wrapper > div{
    display: flex;
    align-items: center;
    margin-top: 40px;
    justify-content: center;
}


.content-sustainability .opposite_wrapper > div .small_title span{
    display: block;
    
    font-family: "Samsung One 700";
    font-weight: 700;
}

.content-sustainability .opposite_wrapper > div:first-child{
    margin-top:0;
}

.content-sustainability .opposite_wrapper > .has-title{
    margin-top: 82px;
}


.content-sustainability .opposite_wrapper .left img{
    margin-right: 134px;
}

.content-sustainability .opposite_wrapper .right{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    text-align: right;
}

.content-sustainability .opposite_wrapper .right img{
    margin-left: 134px;
}

.content-sustainability .opposite_wrapper.opposite_wrapper-small .right img{
    margin-left: 80px;
}
.content-sustainability .opposite_wrapper.opposite_wrapper-small .left img{
    margin-right: 80px;
}

.content-sustainability.content-sustainability-people .opposite_wrapper .right {
    align-items: flex-start;
}

.content-sustainability.content-sustainability-people .opposite_wrapper .inner-title .middle_title{
    font-size: 24px;
}
.content-sustainability.content-sustainability-people .opposite_wrapper .right img{
    margin-left: 138px;
    margin-top: 214px;
}

.content-sustainability .opposite_wrapper.opposite_wrapper-size .right img{
    margin-left: 100px;
}
.content-sustainability .opposite_wrapper-size .inner-title{
    width: 526px;
    
}

.content-sustainability .opposite_wrapper .inner-title .big_title{
    font-size: 48px;
    font-family: "Samsung Sharp Sans Bold";
}

.content-sustainability .opposite_wrapper .inner-title .middle_title{
    font-size: 28px;
    font-family: "Samsung Sharp Sans Bold";
    margin-top: 32px;
}

.content-sustainability .opposite_wrapper .inner-title .small_title{
    font-size: 18px;
    margin-top: 24px;
}

.content-sustainability .opposite_wrapper .inner-title .light_title{
    font-size: 14px;
    color: rgba(120, 120, 120, 1);
    margin-top: 24px;
    line-height: 1.2;

}

.content-sustainability .opposite_wrapper .inner-title .btn{
    margin-top: 64px;
}

.content-sustainability .opposite_wrapper .right .inner-title .btn{
    margin-left: auto;
}


.content-sustainability .opposite_wrapper .inner-title ul{
    margin-top: 32px;
    margin-bottom: 32px;
    padding-left: 26px;
}
.content-sustainability .opposite_wrapper .inner-title ul li{
    list-style: disc;
}

.content-sustainability .opposite_wrapper .inner-title span{
    font-family: "Samsung One 700";

}

/* content opposite_wrapper end */


.content-sustainability .opposite_small_wrapper .title{
    margin-bottom: 80px;
}

.content-sustainability .opposite_small_wrapper .left,
.content-sustainability .opposite_small_wrapper .right{
    display:flex;
    max-width: 1296px;
    margin: 0 auto;
    align-items: center;
}

.content-sustainability .opposite_small_wrapper .right{
    flex-direction: row-reverse;
}

.content-sustainability .opposite_small_wrapper .right .desc{
    margin-left: 55px;
}
.content-sustainability .opposite_small_wrapper .left .desc{
    margin-right: 55px;
}


.content-sustainability .opposite_small_wrapper .middle-title{
    font-size: 28px;
    margin-bottom: 24px;
    font-family: "Samsung Sharp Sans Bold";
}

.content-sustainability .opposite_small_wrapper .left img{
    margin-right: 80px;
}
.content-sustainability .opposite_small_wrapper .right img{
    margin-left: 80px;
}

/* margin-right: 80px; */

/* content banner start */

.content-sustainability > .banner{
    max-width: 1296px;
    margin: 0 auto;

}
.content-sustainability > .banner .title .big_title{

    font-size: 48px;
}
.content-sustainability > .banner .box{
    padding: 24px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    display:flex;
    margin-top: 82px;
    align-items: center;
}
.content-sustainability > .banner img{
    margin-right: 112px;
	  /* 2025-06-05 추가  */
    width: 416px;
    height: 417px;
}
.content-sustainability > .banner .box .big_title{
    font-size: 28px;
    font-family: "Samsung Sharp Sans Bold";
    padding-right: 130px;
}
.content-sustainability > .banner .small_title{
    font-size: 18px;
    font-family: "Samsung One 400";
    margin-top: 12px;
    margin-bottom: 42px;
    padding-right: 70px;
}

/* content banner end */


/* content box_wrapper start */

.content-sustainability .box_wrapper .small_title{
    margin-top: 36px;
}

.content-sustainability .box_wrapper .line{
    margin-top: 132px;
    padding-top:82px;
    display: flex;
    gap: 24px;
    justify-content: center;
    border-top: 1px solid #ccc;
    align-items: flex-start;

}

.content-sustainability .box_wrapper .line .box{
    border-radius: 20px;
    padding: 42px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    position: relative;
}
.content-sustainability .box_wrapper .line.two .box{
    max-width: 416px;}
    .content-sustainability .box_wrapper .line.three{
        gap: 78px;
    }
    .content-sustainability .box_wrapper .line.three .box{
    max-width: 380px;}
    .content-sustainability .box_wrapper .line .box::after{
        content: "";
        width: 26px;
        height: 26px;
        position: absolute;
        top: -96px;
        background: rgba(33, 137, 255, 1);
        border-radius: 50%;
        left: 50%;
        transform: translateX(-50%);
    }
    .content-sustainability .box_wrapper .line .box::before{
        content: "";
        width: 26px;
        height: 26px;
        position: absolute;
        top: -96px;
        border-radius: 50%;
        right: -26px;
        background: url('/resources/images/arrow_right.png');
    }
    .content-sustainability .box_wrapper .line.three .box::before{
    right: -48px;
    }
    .content-sustainability .box_wrapper .line .box:last-child::before{
        content: none;
    }
.content-sustainability .box_wrapper .line .title{
    text-align: left;
    font-size:36px;
    font-family: "Samsung Sharp Sans Bold";
    line-height: 1;
}
.content-sustainability .box_wrapper .line .desc{
    text-align: left;
    font-size:18px;
    font-family: "Samsung One 400";
    margin-top:24px;
}


.content-sustainability .box_wrapper .line .desc span{
    color: #2089fe;
}

/* content box_wrapper end */


/* content background_wrapper start */


.content-sustainability .background_wrapper{
    padding: 100px 0;
    margin-top: 100px;
    background-size: cover;
    width: calc(100% + 56px);
    transform: translateX(-28px);
}
.content-sustainability .background_wrapper > .title{
    color:white;
}
.content-sustainability .background_wrapper > .list{
    display: flex;
    gap: 24px;
    margin-top:80px;
    justify-content: center;
}
.content-sustainability .background_wrapper > .list .box{
    width: 416px;
    padding: 40px 34px;
    color:black;
    background:#f7f7f7;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    padding-right: 28px;
}
.content-sustainability .background_wrapper > .list.mobileSwiper{
    display:none;

}


.content-sustainability .background_wrapper.background_wrapper-big{
    padding-top: 175px;
    padding-bottom: 175px;
}

.content-sustainability .background_wrapper.background_wrapper-big > .list .box{
    padding: 60px 34px;
}

.content-sustainability .background_wrapper > .list .box img{
    width: 100px;
    margin-bottom:32px;
}
.content-sustainability .background_wrapper > .list .box > .title{
    font-size: 21.48px;
    margin:0;
    font-family: "Samsung Sharp Sans Bold";
    text-align: left;
}
.content-sustainability .background_wrapper > .list .box > .desc{
    margin-top:24px;
    margin-bottom:42px;
    font-size: 18px;
}

.content-sustainability .background_wrapper > .list .box ul{
    margin-top: -24px;
    padding-left: 26px;
}
.content-sustainability .background_wrapper > .list .box ul li{
    list-style: disc;
    font-size: 16px;
}
.content-sustainability .background_wrapper > .list .box > .desc .sub_title{
    /* font-family: "Samsung Sharp Sans Bold"; */
    
    font-family: "SamsungOne 700";
    font-weight: 700;
}
.content-sustainability .background_wrapper > .list .box > .desc .sub_text{
    font-family: "s6";
    margin-bottom: 16px;
}
.content-sustainability .background_wrapper > .list .box > .desc .sub_detail{
    font-size: 16px;
    margin-top:18px;
    margin-bottom: 26px;

}
.content-sustainability .background_wrapper > .list .box .btn{
    margin-top:auto;
}
/* content background_wrapper end */

/* content swiper_wrapper start */

.swiper_wrapper .swiper{
    padding-top: 82px;
    padding-bottom: 100px;
    width: 1440px;
}



.content-sustainability .swiper_wrapper .small_title{
    font-size: 14px;
}



.content-sustainability .swiper_wrapper .swiper-pagination{
    height: 26px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    background: black;
    border-radius: 20px;
    gap: 12px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
}

.content-sustainability .swiper_wrapper .swiper-pagination-bullet{
    opacity: 1;
    background: rgba(143, 143, 143, 1);
}
.content-sustainability .swiper_wrapper .swiper-pagination-bullet{
    opacity: 1;
    background: rgba(143, 143, 143, 1);
}


.content-sustainability .swiper_wrapper .swiper-button-next,
.content-sustainability .swiper_wrapper .swiper-button-prev{
    width: 64px;
    height: 64px;
    background: black;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-sustainability .swiper_wrapper .swiper-button-next{
    right: 60px;
}

.content-sustainability .swiper_wrapper .swiper-button-next::after,
.content-sustainability .swiper_wrapper .swiper-button-prev::after{
    font-size: 15px;
    color: white;

}

.content-sustainability .swiper_wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity: 1;
    background: white;
}

/* .swiper_wrapper .swiper .swiper-slide{
    width: 417px !important;
} */


/* content swiper_wrapper end */




/* content banner_wrapper start */

.banner_wrapper .banner{
    width: 1296px;
    margin: 0 auto;
    position: relative;
    margin-top: 24px;
}

.banner_wrapper .banner:nth-child(1) .box{
    left: 60px;
    position: absolute;
    top: 85px;
}

.banner_wrapper .banner:nth-child(2) .box{
    right: 80px;
    position: absolute;
    top: 110px;
}

.banner_wrapper .banner:nth-child(3) .box{
    left: 60px;
    position: absolute;
    top: 58px;
}


.banner_wrapper .banner .box .big_title{
    font-family: "Samsung Sharp Sans Bold";
    font-size: 40px;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 16px;
    line-height: 49.6px;

}
.banner_wrapper .banner .box .small_title{
    color: rgba(255, 255, 255, 0.7);    
    line-height: 25px;
}
.banner_wrapper .banner .box .btn{
    margin-top: 36px;
    color: black;
    background: white;
}

/* content banner_wrapper end */

/* content background_small_wrapper start */

.background_small_wrapper > .title {
    margin-bottom: 48px;
}
.background_small_wrapper .list{
    
    width: calc(100% + 56px);
    transform: translateX(-28px);
    padding: 85px 0;
    background-size: cover;
    padding-bottom: 80px;
}

.background_small_wrapper .list .big_title{
    font-size: 28px;
    color: white;
}


.background_small_wrapper .list .box{
    display: flex;
    justify-content: center;
    gap: 80px;
}
.background_small_wrapper .list .box div{
    width: 125px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.background_small_wrapper .list .box:nth-child(2){
    margin-top: 76px;
}
.background_small_wrapper .list .box:nth-child(3){
    margin-top: 36px;
}
.background_small_wrapper .list .box p{
    color: white;
    text-align: center;
    margin-top: 20px;
}
/* content background_small_wrapper end */


.box_wrapper .light_title{
    color: rgba(120, 120, 120, 1);
    font-size: 14px;
    font-family: 'Samsung One 400';
    text-align: left;
    width: 900px;
    margin: 0 auto;
    margin-top: 52px;
}

@media (max-width: 1440px) and (min-width: 769px){
    
.box_wrapper .light_title{
    color: rgba(120, 120, 120, 1);
    font-size: 0.9722vw;
    font-family: 'Samsung One 400';
    text-align: left;
    width: 62.5000vw;
    margin: 0 auto;
    margin-top: 3.6111vw;
}

    
.image-small{
    width: 36.5278vw;
}
.image-big{
    width: 44.1667vw;
}
.image-width{
    width: 57.3611vw;
}

.pb0{
    padding-bottom: 0!important;
}
.pt0{
    padding-top: 0!important;
}
.mb0{
    margin-bottom: 0!important;
}
.mt0{
    margin-top: 0!important;
}
.pr60{
    padding-right: 4.1667vw!important;
}
.mr156{
    line-height: 1.4;
    margin-right: 6.8333vw!important;
}
.mt18{
    margin-top: 1.2500vw!important;
}
.mt24{
    margin-top: 1.6667vw!important;
}
.mt68{
    margin-top: 4.7222vw!important;
}
.mt80{
    margin-top: 5.5556vw!important;
}
.mt100{
    margin-top: 6.9444vw!important;
}
.mt200{
    margin-top: 13.8889vw!important;
}
.pt100{
    padding-top: 6.9444vw!important;
}
.pt200{
    padding-top: 13.8889vw!important;
}

.tl-left{
    text-align: left !important;
}
.tl-center{
    text-align: center !important;
}
.tl-right{
    text-align: right !important;
}
.tc-black{
    color: black !important;
}

.tc-white{
    color: white !important;
}

/* title start */

.sustainability-title{
    position: relative;
    height: 53.3333vw;
    overflow: hidden;
}

.sustainability-title.sustainability-title-detail{
    height: 34.7222vw;
}

.sustainability-title img{
    width: 100%;
    min-height: 100%;
}

.sustainability-title .title{
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

.sustainability-title .title .big_title{
    color: rgba(255, 255, 255, 1);
    font-family: "Samsung Sharp Sans Bold";
    font-size: 4.1667vw;
    line-height: 1;
    /* font-weight: 700; */
}


.sustainability-title .title .small_title{
    color: rgba(255, 255, 255, 1);
    font-family: "Samsung One 400";
    font-size: 1.6667vw;
    /* font-weight: 400; */
    /* line-height: 1; */
    margin-top: 2.5000vw;
}

/* title end */

/* content start */

.content-sustainability{
    margin-bottom:13.8889vw;
    padding: 0 1.9444vw;
}
.content-sustainability .title{
    padding: 0;
    margin: 0 auto;
    text-align: center;
}
.content-sustainability > .title{
    padding-top: 11.4583vw;
}
.content-sustainability > section{
    margin-top: 13.8889vw;;
}

/* content end */

/* content title start */

.content-sustainability.content-sustainability-main > .title{max-width: 87.5000vw;}
.content-sustainability.content-sustainability-planet > .title{max-width: 87.5000vw;}
.content-sustainability.content-sustainability-planet > .title > .video{position: relative;margin-top: 5.6944vw;}
.content-sustainability.content-sustainability-planet > .title > .video > img:first-child{border-radius: 0.9722vw;}
.content-sustainability.content-sustainability-planet > .title > .video > video{border-radius: 0.9722vw;}
.content-sustainability.content-sustainability-planet > .title > .video > img:last-child{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:9.8611vw;height: 9.8611vw;}
.content-sustainability.content-sustainability-people > .title{max-width: 87.5000vw;}


.content-sustainability .title .big_title{
   font-size: 3.3333vw;
   font-family: "Samsung Sharp Sans Bold";
   /* font-size: 4.1667vw; */
   line-height: 1;
}

.content-sustainability .title .small_title{
    font-size: 1.2500vw;
    margin-top: 2.5000vw;
}

.content-sustainability .btn{
    width: 8.2639vw;
    height: 2.7778vw;
    background: rgba(0, 0, 0, 1);
    font-size: 0.9722vw;
    font-family: "Samsung One 700";
    border-radius: 1.3889vw;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
/* content title end */


/* content opposite_wrapper start */

.content-sustainability .opposite_wrapper{
    padding-top: 14.0278vw;
    max-width: 90.0000vw;
    margin: 0 auto;
}

.content-sustainability .opposite_wrapper > div{
    display: flex;
    align-items: center;
    margin-top: 2.7778vw;
    justify-content: center;
}


.content-sustainability .opposite_wrapper > div .small_title span{
    display: block;
    /* font-family: "Samsung Sharp Sans Bold"; */
    font-family: "Samsung One 700";
    font-weight: 700;
}

.content-sustainability .opposite_wrapper > div:first-child{
    margin-top:0;
}

.content-sustainability .opposite_wrapper > .has-title{
    margin-top: 5.6944vw;
}


.content-sustainability .opposite_wrapper .left img{
    margin-right: 9.3056vw;
}

.content-sustainability .opposite_wrapper .right{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    text-align: right;
}

.content-sustainability .opposite_wrapper .right img{
    margin-left: 9.3056vw;
}

.content-sustainability .opposite_wrapper.opposite_wrapper-small .right img{
    margin-left: 5.5556vw;
}
.content-sustainability .opposite_wrapper.opposite_wrapper-small .left img{
    margin-right: 5.5556vw;
}

.content-sustainability.content-sustainability-people .opposite_wrapper .right {
    align-items: flex-start;
}

.content-sustainability.content-sustainability-people .opposite_wrapper .inner-title .middle_title{
    font-size: 1.6667vw;
}
.content-sustainability.content-sustainability-people .opposite_wrapper .right img{
    margin-top: 0;
    margin-left: 9.5833vw;
}


.content-sustainability .opposite_wrapper .right{


}
.content-sustainability .opposite_wrapper.opposite_wrapper-size .right img{
    margin-left: 6.9444vw;
}
.content-sustainability .opposite_wrapper-size .inner-title{
    max-width: 36.5278vw;
    
}

.content-sustainability .opposite_wrapper .inner-title .big_title{
    font-size: 3.3333vw;
    font-family: "Samsung Sharp Sans Bold";
}

.content-sustainability .opposite_wrapper .inner-title .middle_title{
    font-size: 1.9444vw;
    font-family: "Samsung Sharp Sans Bold";
    margin-top: 2.2222vw;
}

.content-sustainability .opposite_wrapper .inner-title .small_title{
    font-size: 1.2500vw;
    margin-top: 1.6667vw;
}

.content-sustainability .opposite_wrapper .inner-title .light_title{
    font-size: 0.9722vw;
    color: rgba(120, 120, 120, 1);
    margin-top: 1.6667vw;
    line-height: 1.2;

}

.content-sustainability .opposite_wrapper .inner-title .btn{
    margin-top: 4.4444vw;
}

.content-sustainability .opposite_wrapper .right .inner-title .btn{
    margin-left: auto;
}


.content-sustainability .opposite_wrapper .inner-title ul{
    margin-top: 2.2222vw;
    margin-bottom: 2.2222vw;
    padding-left: 1.8056vw;
}
.content-sustainability .opposite_wrapper .inner-title ul li{
    list-style: disc;
    font-size: 1.2500vw;
}

.content-sustainability .opposite_wrapper .inner-title span{
    font-family: "Samsung One 700";
}

/* content opposite_wrapper end */


.content-sustainability .opposite_small_wrapper .title{
    margin-bottom: 5.5556vw;
}

.content-sustainability .opposite_small_wrapper .left,
.content-sustainability .opposite_small_wrapper .right{
    display:flex;
    max-width: 90.0000vw;
    margin: 0 auto;
    align-items: center;
}

.content-sustainability .opposite_small_wrapper .right{
    flex-direction: row-reverse;
}

.content-sustainability .opposite_small_wrapper .right .desc{
    margin-left: 3.8194vw;
}
.content-sustainability .opposite_small_wrapper .left .desc{
    margin-right: 3.8194vw;
}


.content-sustainability .opposite_small_wrapper .middle-title{
    font-size: 1.9444vw;
    margin-bottom: 1.6667vw;
    font-family: "Samsung Sharp Sans Bold";
}

.content-sustainability .opposite_small_wrapper .left img{
    margin-right: 5.5556vw;
}
.content-sustainability .opposite_small_wrapper .right img{
    margin-left: 5.5556vw;
}

/* margin-right: 5.5556vw; */

/* content banner start */

.content-sustainability > .banner{
    max-width: 90.0000vw;
    margin: 0 auto;

}
.content-sustainability > .banner .title .big_title{

    font-size: 3.3333vw;
}
.content-sustainability > .banner .box{
    padding: 1.6667vw;
    border: 0.0694vw solid rgba(0, 0, 0, 0.5);
    border-radius: 1.3889vw;
    display:flex;
    margin-top: 5.6944vw;
    align-items: center;
}
.content-sustainability > .banner img{
    width: 28.8889vw;
    margin-right: 7.7778vw;
	 /* 2025-06-05 추가  */
    height: auto;
}
.content-sustainability > .banner .box .big_title{
    font-size: 1.9444vw;
    font-family: "Samsung Sharp Sans Bold";
    padding-right: 0;
}
.content-sustainability > .banner .small_title{
    font-size: 1.2500vw;
    font-family: "Samsung One 400";
    margin-top: 0.8333vw;
    margin-bottom: 2.9167vw;
    padding-right: 4.8611vw;
}

/* content banner end */


/* content box_wrapper start */

.content-sustainability .box_wrapper .small_title{
    margin-top: 2.5000vw;
}

.content-sustainability .box_wrapper .line{
    margin-top: 9.1667vw;
    padding-top:5.6944vw;
    display: flex;
    gap: 1.6667vw;
    justify-content: center;
    border-top: 0.0694vw solid #ccc;
    align-items: flex-start;

}

.content-sustainability .box_wrapper .line .box{
    border-radius: 1.3889vw;
    padding: 2.9167vw;
    border: 0.0694vw solid rgba(0, 0, 0, 0.5);
    position: relative;
}
.content-sustainability .box_wrapper .line.two .box{
    max-width: 28.8889vw;}
    .content-sustainability .box_wrapper .line.three{
        gap: 5.4167vw;
    }
    .content-sustainability .box_wrapper .line.three .box{
    max-width: 26.3889vw;}
    .content-sustainability .box_wrapper .line .box::after{
        content: "";
        width: 1.8056vw;
        height: 1.8056vw;
        position: absolute;
        top: -6.6667vw;
        background: rgba(33, 137, 255, 1);
        border-radius: 50%;
        left: 50%;
        transform: translateX(-50%);
    }
    .content-sustainability .box_wrapper .line .box::before{
        width: 1.8056vw;
        height: 1.8056vw;
        position: absolute;
        top: -6.6667vw;
        right: -1.6667vw;
        background-size: 1.8056vw;
    }
    .content-sustainability .box_wrapper .line.three .box::before{
        right: -3.3333vw;
    }
.content-sustainability .box_wrapper .line .title{
    text-align: left;
    font-size:2.5000vw;
    font-family: "Samsung Sharp Sans Bold";
    line-height: 1;
}
.content-sustainability .box_wrapper .line .desc{
    text-align: left;
    font-size:1.2500vw;
    font-family: "Samsung One 400";
    margin-top:1.6667vw;
}


.content-sustainability .box_wrapper .line .desc span{
    color: #2089fe;
}

/* content box_wrapper end */


/* content background_wrapper start */


.content-sustainability .background_wrapper{
    padding: 6.9444vw 0;
    margin-top: 6.9444vw;
    background-size: cover;
}
.content-sustainability .background_wrapper > .title{
    color:white;
}
.content-sustainability .background_wrapper > .list{
    display: flex;
    gap: 1.6667vw;
    margin-top:5.5556vw;
    justify-content: center;
}
.content-sustainability .background_wrapper > .list .box{
    width: 28.8889vw;
    padding: 2.7778vw 2.3611vw;
    color:black;
    background:#f7f7f7;
    border-radius: 1.3889vw;
    display: flex;
    flex-direction: column;
    padding-right: 1.9444vw;
}


.content-sustainability .background_wrapper.background_wrapper-big{
    padding-top: 12.1528vw;
    padding-bottom: 12.1528vw;
}

.content-sustainability .background_wrapper.background_wrapper-big > .list .box{
    padding: 4.1667vw 2.3611vw;
}

.content-sustainability .background_wrapper > .list .box img{
    width: 6.9444vw;
    margin-bottom:2.2222vw;
}
.content-sustainability .background_wrapper > .list .box > .title{
    font-size: 1.4917vw;
    margin:0;
    font-family: "Samsung Sharp Sans Bold";
    text-align: left;
}
.content-sustainability .background_wrapper > .list .box > .desc{
    margin-top:1.6667vw;
    margin-bottom:2.9167vw;
    font-size: 1.2500vw;
}

.content-sustainability .background_wrapper > .list .box ul{
    margin-top: -1.6667vw;
    padding-left: 1.8056vw;
}
.content-sustainability .background_wrapper > .list .box ul li{
    list-style: disc;
    font-size: 1.1111vw;
}
.content-sustainability .background_wrapper > .list .box > .desc .sub_title{
    font-family: "Samsung Sharp Sans Bold";
}
.content-sustainability .background_wrapper > .list .box > .desc .sub_text{
    font-family: "s6";
    margin-bottom: 1.1111vw;
}
.content-sustainability .background_wrapper > .list .box > .desc .sub_detail{
    font-size: 1.1111vw;
    margin-top:1.2500vw;
    margin-bottom: 1.8056vw;

}
.content-sustainability .background_wrapper > .list .box .btn{
    margin-top:auto;
}
/* content background_wrapper end */

/* content swiper_wrapper start */

.swiper_wrapper .swiper{
    padding-top: 5.6944vw;
    padding-bottom: 6.9444vw;
    width: 100.0000vw;
}



.content-sustainability .swiper_wrapper .small_title{
    font-size: 0.9722vw;
}



.content-sustainability .swiper_wrapper .swiper-pagination{
    height: 1.8056vw;
    display: flex;
    align-items: center;
    padding: 0 0.8333vw;
    background: black;
    border-radius: 1.3889vw;
    gap: 0.8333vw;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2.7778vw;
}

.content-sustainability .swiper_wrapper .swiper-pagination-bullet{
    opacity: 1;
    background: rgba(143, 143, 143, 1);
}
.content-sustainability .swiper_wrapper .swiper-pagination-bullet{
    opacity: 1;
    background: rgba(143, 143, 143, 1);
}


.content-sustainability .swiper_wrapper .swiper-button-next,
.content-sustainability .swiper_wrapper .swiper-button-prev{
    width: 4.4444vw;
    height: 4.4444vw;
    background: black;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
}


.content-sustainability .swiper_wrapper .swiper-button-next{
    right: 4.1667vw;
}

.content-sustainability .swiper_wrapper .swiper-button-next::after,
.content-sustainability .swiper_wrapper .swiper-button-prev::after{
    font-size: 1.0417vw;
    color: white;

}

.content-sustainability .swiper_wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity: 1;
    background: white;
}

/* .swiper_wrapper .swiper .swiper-slide{
    width: 28.9583vw !important;
} */


/* content swiper_wrapper end */




/* content banner_wrapper start */

.banner_wrapper .banner{
    width: 90.0000vw;
    margin: 0 auto;
    position: relative;
    margin-top: 1.6667vw;
}

.banner_wrapper .banner:nth-child(1) .box{
    left: 4.1667vw;
    position: absolute;
    top: 5.9028vw;
}

.banner_wrapper .banner:nth-child(2) .box{
    right: 5.5556vw;
    position: absolute;
    top: 7.6389vw;
}

.banner_wrapper .banner:nth-child(3) .box{
    left: 4.1667vw;
    position: absolute;
    top: 4.0278vw;
}


.banner_wrapper .banner .box .big_title{
    font-family: "Samsung Sharp Sans Bold";
    font-size: 2.7778vw;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 1.1111vw;
    line-height: 3.4444vw;

}
.banner_wrapper .banner .box .small_title{
    color: rgba(255, 255, 255, 0.7);    
    line-height: 1.7361vw;
}
.banner_wrapper .banner .box .btn{
    margin-top: 2.5000vw;
    color: black;
    background: white;
}

/* content banner_wrapper end */

/* content background_small_wrapper start */

.background_small_wrapper > .title {
    margin-bottom: 3.3333vw;
}
.background_small_wrapper .list{
    padding: 5.9028vw 0;
    background-size: cover;
    padding-bottom: 5.5556vw;
}
.background_small_wrapper .list img{
    width: 8.4028vw;
}

.background_small_wrapper .list .big_title{
    font-size: 1.9444vw;
    color: white;
}


.background_small_wrapper .list .box{
    display: flex;
    justify-content: center;
    gap: 5.5556vw;
}

.background_small_wrapper .list .box div{
    width: 12.4028vw;
}

.background_small_wrapper .list .box:nth-child(2){
    margin-top: 5.2778vw;
}
.background_small_wrapper .list .box:nth-child(3){
    margin-top: 2.5000vw;
}
.background_small_wrapper .list .box p{
    color: white;
    text-align: center;
    margin-top: 1.3889vw;
}
/* content background_small_wrapper end */
}

@media (max-width: 1024px) and (min-width: 769px){
    .big_title{
        font-size: 34px !important;
    }
    .sustainability-title .title .big_title{
        font-size: 34px!important;
        line-height: 1.2!important;
    }
    .content-sustainability > .banner .box .big_title{
        font-size: 24px!important;
    }
    section > .title > .big_title{
        padding: 0 24px;
        word-break: normal;
        line-height: 1.2 !important;
    }
    .list > .title > .big_title{
        padding: 0 24px;
        word-break: normal;
    }
    .banner_wrapper .banner .box .big_title{
       font-size: 24px !important;
    }
    .mr156{
        margin-right: 12PX !important;
        font-size: 25px!important;
    }
    .middle_title{
        font-size: 20px !important;
    }
    .small_title{
        font-size: 12px !important;
    }
    .small-title{
        font-size: 12px !important;
    }
    .btn{
        font-size: 12px !important;
        min-width: 85px;
    }
    ul li{
        font-size: 12px !important;
    }
    span{
        font-size: 12px !important;
        
    }
}

@media (max-width: 768px){
    .image-small{
        width: 100%;
    }
    .image-big{
        width: 100%;
    }
    .image-width{
        width: 100%;
    }
    .sustainability-title{
        /* height: 153.9063vw; */
        height: 554px;
    }
    .sustainability-title .title{
        /* top: 20vw; */
        top: 72px;
        transform: translateX(-50%);
    }
    .sustainability-title .title .big_title{
        font-size: 30px;
        line-height: 1.4;
    }
    .sustainability-title .title .small_title{
        font-size: 14px;
        margin-top: 14px;
        line-height: 1.4;
    }
    .content-sustainability .title .big_title{
        font-size: 28px;
        line-height: 1.25;
        word-break: keep-all;
    }

    .content-sustainability{
        padding: 0 24px;
        margin-bottom: 100px;
    }
    .content-sustainability .title .small_title{
        font-size: 14px;
        margin-top: 18px;
    }
    .content-sustainability .opposite_wrapper{
        padding-top: 36px;
    }
    .content-sustainability .opposite_wrapper .right img,
    .content-sustainability .opposite_wrapper .left img{
        margin: 0;
    }
    .content-sustainability .opposite_wrapper > div{
        flex-direction: column;    
        align-items: flex-start;
    }

    .content-sustainability .opposite_wrapper .right{
        flex-direction: column;
        text-align: left;    
        align-items: flex-start;
    }

    .content-sustainability .opposite_wrapper .inner-title .big_title{
        margin-top: 24px;
        font-size: 24px;
        line-height: 1.15;
    }
    
    .content-sustainability .opposite_wrapper .inner-title .middle_title{
        font-size: 24px;
        line-height: 1.33;
        margin-top: 24px;
    }
    .content-sustainability .opposite_wrapper .inner-title .small_title{
        font-size: 14px;
        line-height: 1.4;
        margin-top: 18px;
    }
    .content-sustainability .opposite_wrapper .inner-title .btn{
        margin-top: 38px;
    }

    .content-sustainability > .banner .box{
        flex-direction: column;
        padding: 10PX;
        padding-bottom: 40px;
    }
    .content-sustainability .opposite_wrapper .right .inner-title .btn{
        margin-left: 0;
    }
    .content-sustainability > .banner .title .big_title{
        font-size: 28px;
    }
    .content-sustainability > .banner img{
        margin: 0;
    }

    .content-sustainability > .banner .box .big_title{
        padding:0;
        MARGIN-TOP: 40px;
        FONT-SIZE: 24px;
    }

    .content-sustainability > .banner .box .small_title{
        padding:0;
        FONT-SIZE: 14px;
        MARGIN-TOP: 24px;
        margin-bottom: 0;
    }
    
    .content-sustainability > .banner .box .btn{
        margin-top: 38px;
    }

    .sustainability-title.sustainability-title-detail{
        HEIGHT: 287px;
    }
    .sustainability-title.sustainability-title-detail .title{
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .content-sustainability > .title{
        PADDING-TOP: 32px;
    }
    .content-sustainability.content-sustainability-planet > .title > .video{
        MARGIN-TOP: 28px;
    }
    .content-sustainability.content-sustainability-planet > .title > .video > img:last-child{
        width: 50px;
        height: 50px;
    }
    .content-sustainability > section{
        MARGIN-TOP: 32px;
    }
    .content-sustainability .box_wrapper .line{
        margin-top: 24px;
        display: flex;
        flex-direction: column;
        padding-top: 0;
        padding-left: 38px;
        border-left: 1px solid #ccc;
        border-top: 0;
    }
    .content-sustainability .box_wrapper .line .box{
        WIDTH: 100%;
        padding: 16px;
        max-width: 100% !important;
    }
    
    .content-sustainability .box_wrapper .line.two .box{
        padding-right: 34px;
    }
    .content-sustainability .box_wrapper .line.two .box span.break{
        display: inline;
    }
    .content-sustainability .box_wrapper .line .title{
        font-size: 18px;
    }
    .content-sustainability .box_wrapper .line .desc{
        font-size: 12px;
        MARGIN-TOP: 14px;
    }
    .content-sustainability .box_wrapper .line .box::after{
        transform: translateY(-50%);
        top: 50%;
        left: -46px;
        width: 13px;
        height: 13px;
    }
    .mt200{
        margin-top: 40px !important;
    }
    .content-sustainability .background_wrapper{
        padding: 40PX 0px;
    }
    .content-sustainability .background_wrapper > .list{
        display: none;
    }
    .content-sustainability .background_wrapper .title .big_title{
        line-height: 40px;
    }
    .content-sustainability .background_wrapper > .list.mobileSwiper .swiper-pagination .swiper-pagination-bullet{
        background: rgba(255, 255, 255, 1);
        opacity: 0.5;

    }
    
    .content-sustainability .background_wrapper > .list.mobileSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{

        background: rgba(255, 255, 255, 1);
        opacity: 1;
    }
    .content-sustainability .background_wrapper > .list.mobileSwiper .swiper-pagination{
        left: 50%;
        transform: translateX(-50%);
        padding: 6px 12px;
        border: 1px solid #ccc;
        border-radius: 50px;
        gap: 12px;
        display: flex;
    }
    .content-sustainability .background_wrapper > .list.mobileSwiper{
        display: block;
    }
    .content-sustainability .background_wrapper .swiper-wrapper{
        padding-bottom: 24px;
    }
    .content-sustainability .background_wrapper > .list .box{
        PADDING: 16PX;
        width: 100%;
    }
    .content-sustainability .background_wrapper > .list .box img{
        MARGIN-bottom: 16px;
    }
    .content-sustainability .background_wrapper > .list .box > .desc{
        font-size: 14px;
        MARGIN-TOP: 16px;
    }
    .content-sustainability .background_wrapper > .list .box ul li{
        font-size: 14px;
    }
    .content-sustainability .background_wrapper > .list .box ul{
        margin-bottom: 32px;
    }
    .content-sustainability .background_wrapper > .list .box > .title{
        font-size: 18px;
    }
    .content-sustainability .background_wrapper > .list .box > .desc .sub_detail{
        font-size: 14px;
    }
    .content-sustainability .background_wrapper > .list .box .btn{
        /* margin-top: 32px; */
    }

    .content-sustainability .swiper_wrapper .title .small_title{
        font-size: 16px;
    }

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
        display:none !important;
    }

    .swiper_wrapper .swiper{
        width: 100%;
    }
    .content-sustainability .background_wrapper.background_wrapper-big > .list .box{
        
        PADDING: 16PX;
        width: 100%;
    }
    .content-sustainability .opposite_wrapper .inner-title .middle_title{
        font-size: 18px;
    }
    .content-sustainability .opposite_wrapper > .has-title{
        margin-top: 32px;
    }
    .m_only_gap{
        padding-top: 0 !important;
        margin-top: 64px !important;
    }
    .content-sustainability .opposite_wrapper .inner-title ul{
        MARGIN-TOP: 0;
        margin-bottom: 24px;
    }
    .content-sustainability .opposite_wrapper .inner-title span{
        font-size: 14px;
        font-family: "Samsung One 700";
    }
    .content-sustainability .box_wrapper .line.three{
        gap: 32px;
    }
    .content-sustainability .box_wrapper .line.three .box{
        padding-right: 42px;
    }
    .content-sustainability .opposite_wrapper.opposite_wrapper-small .right img{
        margin: 0;
    }
    .content-sustainability .opposite_wrapper .inner-title ul li{
        FONT-SIZE: 14px;
    }
    .pt100{
        PADDING-TOP: 32px !important;
    }
    .content-sustainability.content-sustainability-people .opposite_wrapper .right img{
        MARGIN:0 ;
    }
    .mt68{
        margin-top: 28px !important;
    }
    .content-sustainability.content-sustainability-people .opposite_wrapper .inner-title .middle_title{
        font-size: 18px;
    }
    .content-sustainability .opposite_small_wrapper .left, .content-sustainability .opposite_small_wrapper .right{
        flex-direction: column;
    }
    .content-sustainability .opposite_small_wrapper .title{
        margin-bottom: 24PX;
    }
    .content-sustainability .opposite_small_wrapper .left img, .content-sustainability .opposite_small_wrapper .right img,
    .content-sustainability .opposite_small_wrapper .left .desc, .content-sustainability .opposite_small_wrapper .right .desc{
        margin: 0;
    }
    .content-sustainability .opposite_small_wrapper .middle-title{
        font-size: 18px;
        margin-top: 24px;
        margin-bottom: 16PX;
    }
    
    .content-sustainability .opposite_small_wrapper .small-title{
        font-size: 14px;
        margin-bottom:34px;
    }
    .pt200{
        padding-top: 80px !important;
    }
    .opposite_small_wrapper > div:last-child .small-title{
        margin-bottom: 0;
    }
    .content-sustainability.content-sustainability-people .background_wrapper{
        padding: 24px 0px;
        width: 100%;
        transform: none;
    }
    .content-sustainability.content-sustainability-people .background_wrapper > .list.mobileSwiper .swiper-pagination .swiper-pagination-bullet{
        background: rgba(0, 0, 0, 1);
        opacity: 0.5;
    }
    .content-sustainability.content-sustainability-people .background_wrapper > .list.mobileSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background: rgba(0, 0, 0, 1);
        opacity: 1;
    }
    .banner_wrapper{
        width: calc(100% + 48px);
        transform: translateX(-24px);
        margin-bottom: -100px;
    }
    .banner_wrapper .banner{
        width: calc(100% + 4px);
        margin: -2px;
    }
    
    .banner_wrapper .banner img{
        width: 100%
    }
    .banner_wrapper .banner .box .big_title{
        font-size: 26px;
        line-height: 1.4;
        text-align: center;
    }
    .banner_wrapper .banner:nth-child(1) .box,
    .banner_wrapper .banner:nth-child(2) .box,
    .banner_wrapper .banner:nth-child(3) .box{
        left:50%;
        transform: translateX(-50%);
        BOTTOM: 32px;
        WIDTH: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }
    .banner_wrapper .banner .box .small_title{
        word-break: break-word;
        text-align: center;
        word-break: break-word;
        text-align: center;
        padding: 0 24px;
        font-size: 14px;
        line-height: 1.4;
    }
    .content-sustainability .list .title .big_title{
        font-size: 18px;
    }
    .background_small_wrapper .list .box{
        gap: 24px;
    }
    .background_small_wrapper .list .box:nth-child(2){
        margin-top: 34px;
    }
    .background_small_wrapper .list .box:nth-child(3){
        margin-top: 34px;
    }
    .background_small_wrapper .list .box:nth-child(4){
        margin-top: 34px;
    }
    .background_small_wrapper .list .box p{
        font-size: 12.5px;
    }
    .content-sustainability.content-sustainability-principle .opposite_wrapper .inner-title .big_title{
        margin: 0 !important;
        margin-bottom: 36PX!important;
        font-size: 26px;
    }
    .content-sustainability.content-sustainability-principle .opposite_wrapper .inner-title.number-list .small_title{
       
        padding-left: 18px;
        text-indent: -12px;
        font-size: 14px;
        font-family: "Samsung One 400";
        padding-right: 10px;
    }
    .content-sustainability .opposite_wrapper .inner-title ul{
        padding-left: 18px;
    }
    .content-sustainability.content-sustainability-principle .opposite_wrapper .inner-title ul li{
        font-size: 14px;
        font-family: "Samsung One 400";
    }
    .content-sustainability .opposite_wrapper.opposite_wrapper-size .right img{
        margin: 0;
    }
    .content-sustainability .opposite_wrapper-size .inner-title{
        width: 100%;
    }
    .background_small_wrapper .list .box div{
        width: 88px;
    }
    .pr60{
        padding-right: 0!important;
    }
    .t-center{
        text-align: center;
    }
    .content-sustainability > .banner .box{
        margin-top: 32px;
    }

    
        
    .box_wrapper .light_title{
        color: rgba(120, 120, 120, 1);
        font-size: 12px;
        font-family: 'Samsung One 400';
        text-align: left;
        margin-top: 36px;
    }
    .content-sustainability .box_wrapper .line .box::before{
        width: 13px;
        height: 13px;
        background: url("/resources/images/arrow_down.png");
        right: auto;
        left: 0;
        top: 1;
        top: auto;
        bottom: -22px;
        left: -46px;
    }

}

.popup_wrapper{
    display: none;
    position: fixed;
    /* top: 114px; */
    top: 0;
    
    left: 0;
    width: 100%;
    z-index: 1000;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.popup_wrapper .popup{
    cursor: pointer;
    max-height: 90vh;
    overflow-y: scroll;
    left: 50%;
    position: absolute;
    max-width: 1076PX;
    width: calc(100% - 48px);
    top: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 110px;
    padding-right: 112px;
    border-radius: 20px;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.popup_wrapper .popup::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.popup_wrapper .close{
    position: absolute;
    margin-top: -2px;
    width:25px;
    height: 25px;
    top: 40px;
    right: 40px;
}


.popup_wrapper .close {width:25px;height: 25px;}
.popup_wrapper .close:before, .close:after {position: absolute;left: 10px;content:' ';height: 25px;width: 2px;background-color: #000;}
.popup_wrapper .close:before {transform: rotate(45deg);}
.popup_wrapper .close:after {transform: rotate(-45deg);}

.popup_wrapper .title{
    font-family: "Samsung Sharp Sans Bold";
    font-size: 28px;
    text-align: left;
    margin-bottom: 26PX;
    margin-top: 64px;
}
.popup_wrapper .title:nth-child(2){
    margin-top: 0;
}
.popup_wrapper .desc{
    font-family: "Samsung One 400";
    font-size: 18px;
    color: rgba(117, 117, 117, 1);
    word-break: auto-phrase;
    line-height: 25.2px;
}
.popup_wrapper .little-gap{
    margin-top:12px;
}
.popup_wrapper .big-gap{
    margin-top:25px;
}
.popup_wrapper .desc span.little-gap{
    margin-top:12px;
}
.popup_wrapper .desc span.big-gap{
    margin-top:25px;
}
.popup_wrapper .desc span{
    font-family: "Samsung One 700";
    margin-top:12px;
    font-size: 18px;
    display:block;
    color: black;
}
.popup_wrapper .details{
    margin-top: 60px;
    border-top: 2px solid rgba(117, 117, 117, 1);
}

.popup_wrapper .details > div{
    display: flex;
    border-bottom: 1px solid rgba(117, 117, 117, 0.5);
    padding: 40px 0;
    align-items: flex-start;
    padding-top: 43px;
    padding-bottom: 39px;
}
.popup_wrapper .details.details-small .desc{
    font-size: 16px;
    line-height: 22px;
}
.popup_wrapper .details strong{
    font-family: "Samsung One 700";
    display: block;
    color: black;
    margin-bottom: 24PX;
    font-size: 24px;
}
.popup_wrapper .details img{
    width: 120px;
    margin-right: 58px;
}
.popup_wrapper .details.details.details-small img{
    width: 250px;

}

.popup_wrapper .details > div.no_line{
    padding-bottom: 0;
    border-bottom: 0;
}

.popup_wrapper .details > div span{
    color: rgba(92, 150, 229, 1);
    margin-top: 0;
    margin-bottom: 12PX;
    font-size: 16PX;

} 

.popup_wrapper .details .have_line .desc{
    padding-right: 64px;
}

.popup_wrapper .details .have_line{
    padding-top: 32px;
}

.popup_wrapper .gap-title{
    margin-top: 92px;
}
@media (max-width: 768px){
    .popup_wrapper .close{
        
    right: 15px;
    top: 22px;
    }
    .popup_wrapper .popup{
            
        padding: 60px 24px;
    }
    .popup_wrapper .desc{
        font-size: 14px;
        line-height: 19.6px
    }
    .popup_wrapper .close:before, .close:after{
        height: 19px;
    }
    .popup_wrapper .title{
        font-size: 18PX;
        margin-bottom: 12PX;
        word-break: auto-phrase;
        margin-top: 36px;
    }
    .popup_wrapper .little-gap{

    }
    .popup_wrapper .desc span{
        FONT-SIZE: 14px;
        color: rgba(117, 117, 117, 1);


    }
    .popup_wrapper .details{
        margin-top: 34PX;
    }
    .popup_wrapper .details > div {
        PADDING: 24px 0;
    align-items: center;
    flex-direction: column;
    }
    .popup_wrapper .details > div img{
        width: 85PX;
        MARGIN: 0;
    }
    .popup_wrapper .details strong{
        text-align: center;
        margin-top: 30px;
        font-size: 18px;
        margin-bottom: 16px;
    }
        
    .popup_wrapper .gap-title{

    }
    .popup_wrapper .details.details-small .desc{
        font-size: 14px;
        line-height: 19.6px;
    }
    .popup_wrapper .details.details-small strong{
        text-align: left;
        margin-top: 20px;

    }
    .popup_wrapper .details > div span{
        
    color: rgba(92, 150, 229, 1);
    margin-top: 0;
    margin-bottom: 12PX;
    font-size: 16PX;
    line-height: 19.6px;
    font-size: 14px;
    font-family: "Samsung One 400";
    }
    .popup_wrapper .details .have_line .desc{
        padding-right: 0;
		margin-top: 16px;
    }
    .popup_wrapper .details .have_line{

    }
    .content-sustainability-people .opposite_wrapper > .title{

        align-items: center !important;
    }
    .content-sustainability .background_wrapper.background_wrapper-big{
        padding: 40px 0;
    }
    .mt80{
        margin-top: 40px !important;
    }
    .swiper_wrapper .swiper{
        
        padding-left: 24px;
        width: calc(100% + 48px);
        padding-top: 36px;
        padding-bottom: 90px;
        margin-bottom: 24px;
        transform: translateX(-24px);
        padding-right: 24px;
        margin-right: 24px;
    }
    .content-sustainability .swiper_wrapper .swiper-pagination{
        
    /* left: calc(50% - 24px); */
    }
    .content-sustainability .swiper_wrapper .swiper-button-next, .content-sustainability .swiper_wrapper .swiper-button-prev{
        width: 40px;
        height: 40px;
    }
    .content-sustainability .swiper_wrapper .swiper-button-next{
        right: 12px;
    }
    .content-sustainability .swiper_wrapper .swiper-button-prev{
        left: 12px;
    }
    
    .content-sustainability .background_wrapper > .list{
        margin-top: 32PX;
    }
}


.people_pc_title_image{
    margin-top: -390px;
}
.people_tab_title_image{
    margin-top: -20.3125vw;
}

.document_pc_title_image{
    margin-top: -420px;
}
.people_tab_title_image{
    margin-top: -20.3125vw;
}

.content-sustainability-document .opposite_wrapper{
    padding-top: 80px;
    max-width: none;
}


.content-sustainability-document .opposite_wrapper .image-wrapper{
    margin-right: 28px;
}
.content-sustainability-document .opposite_wrapper .image-wrapper .image-small{
    margin-right: 0;
    width: 386px;
}

.content-sustainability-document .opposite_wrapper .image-wrapper p{
    font-family: "Samsung One 400";
    font-size: 14px;   
    margin-top: 24px;
    color: rgba(120, 120, 120, 1);
    text-align: center;
}



.content-sustainability-document.content-sustainability .opposite_wrapper > div{
    align-items: flex-start;

}

.content-sustainability-document.content-sustainability .opposite_wrapper .inner-title{
    display:flex;
    flex-direction: column;
    gap: 48px;
    margin-top: 60px;
}
.content-sustainability-document.content-sustainability .opposite_wrapper .inner-title .box{
    padding: 40px;
    border-radius: 20px;
    background: rgba(247, 247, 247, 1);
    padding: 0;
    border-radius: 0;
    background: white;
    width: 737px;
    display: flex;
    justify-content: space-between;
}
.content-sustainability-document.content-sustainability .opposite_wrapper .inner-title .box p{
    font-size: 24px;
    font-family: 'Samsung Sharp Sans Bold';
    width: 587px;

}
.content-sustainability-document.content-sustainability .opposite_wrapper .inner-title .box .label{
    display: inline-flex;
    align-items: center;
    border-radius: 20px;
    padding: 6px 12px;
    border: 1px solid rgba(0, 0, 0, 1);
    /* margin-top: 24px; */
    font-size: 14px;
    font-family: "Samsung One 700";
    cursor: pointer;
    width: 120px;
    height: 40px;
    
    justify-content: space-between;

}
.content-sustainability-document.content-sustainability .opposite_wrapper .inner-title .box .label img{
    margin: 0;
    margin-left: 2px;
    width: 24px;
    height: 24px;
}

.content-sustainability-document.content-sustainability .icon_list_wrapper{
    
    max-width: 1260px;
    margin: 0 auto;
}
.content-sustainability-document.content-sustainability .icon_list_wrapper .title{
    margin-bottom: 64px;
}
.content-sustainability-document.content-sustainability .icon_list_wrapper .left{
    display: flex;
    margin-bottom: 60px;
    align-items: center;
    padding: 0 90px;
}
.content-sustainability-document.content-sustainability .icon_list_wrapper .left img{
    width: 120px;
    height: 120px;
    margin-right: 60px;
}
.content-sustainability-document.content-sustainability .icon_list_wrapper .left .middle-title{
    margin-bottom: 18px;
    font-size: 24px;
    font-family: "Samsung One 700";
}
.content-sustainability-document.content-sustainability .icon_list_wrapper .left .small-title{
    font-size: 18px;
    color: rgba(117, 117, 117, 1);
    font-family: "Samsung One 400";
}

.content-sustainability-document.content-sustainability > .sign_wrapper{
    margin-top: 125px;
    text-align: center;
}

.content-sustainability-document.content-sustainability > .sign_wrapper .date{
    font-size: 24px;
    font-family: "Samsung One 400";
    margin-bottom: 12px;
}

.content-sustainability-document.content-sustainability > .sign_wrapper .title{
    font-size: 28px;
    font-family: "Samsung Sharp Sans Bold";
    line-height: 50.4px;
}

.content-sustainability-document.content-sustainability > .sign_wrapper .name{
    font-size: 28px;
    font-family: "Samsung One 400";
    line-height: 50.4px;
}

@media (max-width: 1440px) and (min-width: 769px){
    

    
.content-sustainability-document .opposite_wrapper{
    padding-top: 5.5556vw;
    max-width: none;
}


.content-sustainability-document .opposite_wrapper .image-wrapper{
    margin-right: 1.9444vw;
}
.content-sustainability-document .opposite_wrapper .image-wrapper .image-small{
    margin-right: 0;
    width: 26.8056vw;
}

.content-sustainability-document .opposite_wrapper .image-wrapper p{
    font-family: "Samsung One 400";
    font-size: 0.9722vw;   
    margin-top: 1.6667vw;
    color: rgba(120, 120, 120, 1);
    text-align: center;
}



.content-sustainability-document.content-sustainability .opposite_wrapper > div{
    align-items: flex-start;

}

.content-sustainability-document.content-sustainability .opposite_wrapper .inner-title{
    display:flex;
    flex-direction: column;
    gap: 3.3333vw;
    margin-top: 4.1667vw;
}
.content-sustainability-document.content-sustainability .opposite_wrapper .inner-title .box{
    padding: 2.7778vw;
    border-radius: 1.3889vw;
    background: rgba(247, 247, 247, 1);
    padding: 0;
    border-radius: 0;
    background: white;
    width: 51.1806vw;
    display: flex;
    justify-content: space-between;
}
.content-sustainability-document.content-sustainability .opposite_wrapper .inner-title .box p{
    font-size: 1.6667vw;
    font-family: 'Samsung Sharp Sans Bold';
    width: 40.7639vw;

}
.content-sustainability-document.content-sustainability .opposite_wrapper .inner-title .box .label{
    display: inline-flex;
    align-items: center;
    border-radius: 1.3889vw;
    padding: 0.4167vw 0.8333vw;
    border: 0.0694vw solid rgba(0, 0, 0, 1);
    /* margin-top: 1.6667vw; */
    font-size: 0.9722vw;
    font-family: "Samsung One 700";
    cursor: pointer;
    width: 8.3333vw;
    height: 2.7778vw;
    
    justify-content: space-between;

}
.content-sustainability-document.content-sustainability .opposite_wrapper .inner-title .box .label img{
    margin: 0;
    margin-left: 0.1389vw;
    width: 1.6667vw;
    height: 1.6667vw;
}

.content-sustainability-document.content-sustainability .icon_list_wrapper{
    
    max-width: 87.5000vw;
    margin: 0 auto;
}
.content-sustainability-document.content-sustainability .icon_list_wrapper .title{
    margin-bottom: 4.4444vw;
}
.content-sustainability-document.content-sustainability .icon_list_wrapper .left{
    display: flex;
    margin-bottom: 4.1667vw;
    align-items: center;
    padding: 0 6.2500vw;
}
.content-sustainability-document.content-sustainability .icon_list_wrapper .left img{
    width: 8.3333vw;
    height: 8.3333vw;
    margin-right: 4.1667vw;
}
.content-sustainability-document.content-sustainability .icon_list_wrapper .left .middle-title{
    margin-bottom: 1.2500vw;
    font-size: 1.6667vw;
    font-family: "Samsung One 700";
}
.content-sustainability-document.content-sustainability .icon_list_wrapper .left .small-title{
    font-size: 1.2500vw;
    color: rgba(117, 117, 117, 1);
    font-family: "Samsung One 400";
}

.content-sustainability-document.content-sustainability > .sign_wrapper{
    margin-top: 8.6806vw;
    text-align: center;
}

.content-sustainability-document.content-sustainability > .sign_wrapper .date{
    font-size: 1.6667vw;
    font-family: "Samsung One 400";
    margin-bottom: 0.8333vw;
}

.content-sustainability-document.content-sustainability > .sign_wrapper .title{
    font-size: 1.9444vw;
    font-family: "Samsung Sharp Sans Bold";
    line-height: 3.5000vw;
}

.content-sustainability-document.content-sustainability > .sign_wrapper .name{
    font-size: 1.9444vw;
    font-family: "Samsung One 400";
    line-height: 3.5000vw;
}
}

@media (max-width: 1024px) and (min-width: 769px){
    .content-sustainability-document .opposite_wrapper .image-wrapper p{
        font-size: 12px;
    }
}
@media (max-width: 768px){
    .content-sustainability-document .opposite_wrapper .image-wrapper{
        margin: 0;
        width: 100%;
    }
    .content-sustainability-document .opposite_wrapper .image-wrapper p{
        display: none;
    }
    .content-sustainability-document.content-sustainability .opposite_wrapper .inner-title{
        width: 100%;
        margin-top: 16px;
        gap: 16px;
    }
    .content-sustainability-document.content-sustainability .opposite_wrapper .inner-title .box{
        padding: 20px;
        border-radius: 15px;
    }
    .content-sustainability-document.content-sustainability .opposite_wrapper .inner-title .box p{
        font-size: 18px;
    }
    .content-sustainability-document .opposite_wrapper .image-wrapper .image-small{
        width: 100%;
    }
    .content-sustainability-document.content-sustainability .opposite_wrapper .inner-title .box{
        width: 100%;
        padding: 0;
        padding-right: 20px;
        flex-direction: column;
    }
    .content-sustainability-document.content-sustainability .opposite_wrapper .inner-title .box p{
        width: 100%;
    }
    .content-sustainability-document.content-sustainability .icon_list_wrapper .left{
        flex-direction: column;
        padding: 0;
    }
    .content-sustainability-document.content-sustainability .opposite_wrapper .inner-title .box .label{
        margin-top: 16px;
    }
    .content-sustainability-document.content-sustainability .title .small_title{
        padding:0 4px;
    }
    .content-sustainability-document.content-sustainability .icon_list_wrapper .title{
        margin-bottom: 24px;
    }
    .content-sustainability-document.content-sustainability .icon_list_wrapper .left img{
        width: 84px;
        height: 84px;
        margin: 0;
        margin-bottom: 30px;
    }
    .content-sustainability-document.content-sustainability .icon_list_wrapper .left .middle-title br{
        display:none;
    }
    .content-sustainability-document.content-sustainability .icon_list_wrapper .left .middle-title{
        font-size: 18px;
    }
    .content-sustainability-document.content-sustainability .icon_list_wrapper .left .small-title{
        font-size: 14px;
    }
    .content-sustainability-document.content-sustainability > .sign_wrapper{
        margin-top: 64px;
    }
    .content-sustainability-document .opposite_wrapper{
        padding-top: 28px;
    }
    .content-sustainability-document.content-sustainability > .sign_wrapper .date{
        font-size: 14px;
        margin-bottom: 24px;
    }
    .content-sustainability-document.content-sustainability > .sign_wrapper .title{
        font-size: 18px;
        line-height: 25.2px;
        font-family: "Samsung Sharp Sans Bold";
    }
    .content-sustainability-document.content-sustainability > .sign_wrapper .name{
        font-size: 18px;
        line-height: 25.2px;
        font-family: "Samsung Sharp Sans Bold";
        font-weight: bold;
    }

    
    .content-sustainability .potal_wrapper{
        flex-direction: column;
    }

    .content-sustainability .potal_wrapper > div{
        width: 100%;
	padding: 20px;
    }

    .content-sustainability .potal_wrapper div .title{
        font-size: 18px;
        font-family: "Samsung Sharp Sans Bold";
        margin-left: 0;
        margin-right: auto;

    }
    .content-sustainability .potal_wrapper div .label{
        border: 1px solid black;
        padding: 6px 12px;
        border-radius: 20px;
        font-family: "Samsung One 700";
        font-weight: 700;
        font-size: 14px;
        cursor:pointer;
    }
    .content-sustainability .opposite_wrapper > div{
        display: flex;
        align-items: center;
        margin-top: 40px;
        justify-content: center;
    }
}