.management .section_top .back_container {background:none;}
    .management .section_top .back_container .expand_bg {
        width: 100%;
        height: 100%;
        display: block;
        background: url('/Images/sustainability/sustainable-management/esg-bg.jpg') no-repeat 0 center;
        background-size: cover;
    }
.management_area{text-align: center;}
.management_area .section{padding: 120px 0;}
.management_area .section>p{font-size: 16px;color: #666;line-height: 26px;padding-top: 25px;}
.management_area .section_inner{padding-top:40px ;}
.management_area .section1 .section_inner img{display: block;margin: 0 auto 30px;}
.management_area .section1 .section_inner img+br+img{display: block;margin: 0 auto 0;}

.management_area .section2 {background: #f7f7f7;padding: 120px 0;}
.management_area .section2 .section_inner{display: inline-block;margin: 0 auto;}
.management_area .section2 dl{float: left;width: 300px;margin-left: 33px;text-align: left;}
.management_area .section2 dl:first-child{margin-left: 0px;}
.management_area .section2 dl dt{background: url("/Images/sustainability/sustainable-management/section2_dt.png") no-repeat center;width: 300px;padding: 15px 0;font-size: 16px;line-height: 23px;text-align: center;margin-bottom: 20px;}
.management_area .section2 dl dd{font-size: 14px;margin-left: 20px;line-height: 26px;color: #666;}
.management_area .section2 dl dd:before{top: 10px;}

.management_area .section3 {padding: 120px 0;}
.management_area .section3 .section3_txt1 ul{width: 270px;display: inline-block;text-align: left;vertical-align: top;margin-top: 35px;margin-left: 30px;}
.management_area .section3 .section3_txt1 ul:first-child{ }
.management_area .section3 .section3_txt1 ul li{position: relative;padding-left: 10px;display: inline-block;text-align: left;font-size: 14px;line-height: 26px;color: #666;}
.management_area .section3 .section3_txt1 ul li:before{content: '';position: absolute;width: 4px;height: 4px;background: #ff4311;top: 10px;left: 0;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
.management_area .section3 .section3_txt2{background: #f7f7f7;width: 960px;padding: 25px 0;margin: 45px auto 0;}
.management_area .section3 .section3_txt2 .txt2_tit{font-size: 16px;line-height: 26px;font-weight: 700;margin-bottom: 10px;}
.management_area .section3 .section3_txt2 .txt2_cnt{font-size: 14px;line-height: 23px;color: #666;}
.management_area .section3 .section_tab_area{margin:120px auto 0;}
.management_area .section3 .tab_cnt .cnt_dl_area{margin-bottom: 75px;}
.management_area .section3 .tab_cnt1 .cnt_dl_area dl{width: 155px;float: left;margin-left: 40px;}
.management_area .section3 .tab_cnt1 .cnt_dl_area dl:first-child{margin-left: 0px;}
.management_area .section3 .tab_cnt1 .cnt_dl_area dl dt{width: 112px;height: 112px;border:2px solid #ff4311;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;text-align: center;font-size: 14px;color: #444;line-height: 22px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 22px 0;position: relative;margin-bottom: 15px;}
.management_area .section3 .tab_cnt1 .cnt_dl_area dl dt:before{content: '';width: 43px;height: 3px;position: absolute;background: url("/Images/sustainability/sustainable-management/line_dot.png") no-repeat 0 center;left: -65px;top: 55px;}
.management_area .section3 .tab_cnt1 .cnt_dl_area dl:first-child dt:before{display: none;}
.management_area .section3 .tab_cnt1 .cnt_dl_area dl.line2_dl dt{padding: 32px 0;}
.management_area .section3 .tab_cnt1 .cnt_dl_area dl dd{font-size: 14px;line-height: 24px;color: #777777;display: block;}
.management_area .section3 .tab_cnt1 .cnt_dl_area dl dd:before{top: 10px;}
.management_area .section3 .tab_cnt2 .tab_cnt2_img1{text-align: center;margin-bottom: 75px;}
.management_area .section3 .section_tab_area .tab_content .tab_cnt2 .s_margin{margin-bottom: 25px;}
.management_area .section3 .tab_cnt2 .tab_cnt2_dl{text-align: left;}
.management_area .section3 .tab_cnt2 .tab_cnt2_dl dl{display: inline-block;width: 310px;vertical-align: top;font-size: 14px;color: #777;line-height: 24px;margin-left: 55px;}
.management_area .section3 .tab_cnt2 .tab_cnt2_dl dl dd{display: block;}
.management_area .section3 .tab_cnt2 .tab_cnt2_dl dl dd:before{top: 10px;}

.management_area .section3 .section_tab_area .tab_content .tab_cnt3 .s_margin{margin-bottom: 25px;}
.management_area .section3 .tab_cnt3 .tab_cnt3_dl{text-align: left;}
.management_area .section3 .tab_cnt3 .tab_cnt3_dl dl{display: inline-block;width: 400px;vertical-align: top;font-size: 14px;color: #777;line-height: 24px;margin-left: 55px;}
.management_area .section3 .tab_cnt3 .tab_cnt3_dl dl dd{display: block;}
.management_area .section3 .tab_cnt3 .tab_cnt3_dl dl dd:before{top: 10px;}
.management_area .section3 .section_tab_area .tab_content .tab_cnt3 .s_margin{margin-bottom: 25px;}
.management_area .section3 .section_tab_area .tab_content .tab_cnt3 .tab_cnt_tit2{margin-top: 75px;}
.management_area .section3 .tab_cnt3 .tab_cnt3_list ul li{width: 160px;height: 30px;line-height: 30px;border: 1px solid #ff4311;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;color: #ff4311;text-align: center;display: inline-block;position: relative;vertical-align: middle;margin-left: 50px;font-size: 13px;}
.management_area .section3 .tab_cnt3 .tab_cnt3_list ul li:first-child{margin-left: 0px;}
.management_area .section3 .tab_cnt3 .tab_cnt3_list ul li:before{content: '';position: absolute;left: -30px;top: 50%;margin-top: -7px;width: 7px;height: 13px;background: url("/Images/sustainability/sustainable-management/ico_right_o.png") no-repeat 0 0;}
.management_area .section3 .tab_cnt3 .tab_cnt3_list ul li:first-child:before{display: none;}

/*20240408 ESG menu 추가*/
* {
    box-sizing: border-box;
}

.management .section_top .back_container .we-esg_bg {
    width: 100%;
    height: 100%;
    display: block;
    background: url(/Images/sustainability/sustainable-management/esg-bg.jpg) no-repeat 0 center;
    background-size: cover;
}

.we-txt-org {
    color:#ff4311;
}
.we-font-600 {
    font-weight: 600;
}
.we-sub-tit {
    margin:70px 0;
    font-size: 20px;
}
.we-esglist {
    width: 990px;
    margin: 0 auto;
    overflow: hidden;
}
.we-esglist li {
    width: 198px;
    float: left;
    position: relative;
    text-align: center;
    border-right: 1px solid #f2f2f2;
}
.we-esglist li div {
    margin: 30px 0 25px;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    font-weight: 500;
}
.we-esglist li:last-child {
    border-right: 0;
}
.we-recyclebox {
    clear: both;
    max-width: 990px;
    margin: 0 auto;
    overflow: hidden;
}
.we-recycle {
    text-align: left;
    overflow: hidden;
    margin-top: 50px;
}

.we-recycle li {
    display: inline-flex;
    margin-bottom: 50px;
}
.we-recycle li:last-child {
    margin-bottom: 0;
}
.we-recycle li .iconbox {
    width: 200px;
    vertical-align: top;
}
.we-recycle li .txtbox {
    width: 790px;
    font-size: 14px;
    color:#666666;
    line-height: 22px;
}
.we-recycle li .txtbox h4 {
    font-size: 20px;
    color: #ff4311;
    margin-bottom: 20px;
}
.we-recycle li .txtbox p {
    margin-top: 20px;
}
.we-esgfile {
    background: #aaa;
    max-width: 1060px;
    width: 100%;
    margin: 0 auto;
}
.we-mt-110 {
    margin-top: 110px !important;
}

.we-mtb-60 {
    margin: 60px 0px !important;
}

.we-esgimg-box {
    overflow: hidden;
    max-width: 956px;
    margin: 0 auto;
}

.we-esgimg-boxlist {
    overflow: hidden;
    margin: 0 auto;
}
.we-esgimg-boxlist li {
    float: left;
    padding:0 50px;
    font-size: 14px;
}

.we-esgimg-boxlist li:first-child  {
    padding-left: 90px;
}
.we-esgimg-boxlist li:last-child  {
    padding-right: 90px;
}
.we-esgimg-boxlist li .esgimg {
   width: 276px;
    margin-bottom: 20px;
}
.we-esgimg-box .we-esgimg-boxlist .we-fill-down {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}

.we-esgimg-box .we-esgimg-boxlist .btn_area {
    position: relative;
}
.we-esgimg-box .we-esgimg-boxlist .btn_area a {
    height: 22px;
    display: block;
    padding: 0 22px 0 10px;
    border: 1px solid #dedede;
    font-size: 12px;
    color: #8e8e8e;
    line-height: 22px;
    position: relative;
    margin-bottom: 6px;
}
.we-esgimg-box .we-esgimg-boxlist .btn_area a:hover {
    color: #ff4311;
}
    .we-esgimg-box .we-esgimg-boxlist .btn_area a:before {
        content: '';
        width: 8px;
        height: 10px;
        background: url(/Images/sustainability/sustainable-management/ico_down.png)no-repeat 0 0;
        position: absolute;
        right: 10px;
        top: 6px;
    }
    .we-esgimg-box .we-esgimg-boxlist .btn_area a:hover:before {
        background: url(/Images/sustainability/sustainable-management/ico_down.png) no-repeat 0 -10px;
    }

.we-esgimg-box .slide_btn {
    display: flex;
    align-items: center;
}
.we-esg-book {
    width: 990px;
    margin: 0 auto;
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    padding: 50px 0;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.we-btn-down {
    font-weight: 400;
    width:225px;height:50px;border:1px solid #929292;display:block;position:relative;font-size:16px;line-height:50px;text-align:center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.we-btn-down span {
    position:relative;display:inline-block;color:#333;padding-right: 30px;
}
    .we-btn-down span:before {
        content: '';
        width: 11px;
        height: 13px;
        position: absolute;
        right: 0;
        top: 18px;
        background: url(/Images/sustainability/sustainable-management/down_icon.png) no-repeat 0 0;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }
    .we-btn-down span:after {
        content: '';
        width: 11px;
        height: 13px;
        position: absolute;
        right: 0;
        top: 18px;
        background: url(/Images/sustainability/sustainable-management/down_icon_on.png) no-repeat 0 0;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        opacity: 0;
        visibility: hidden;
    }
.we-btn-down:hover{background: #ff4311;border-color: #ff4311}
.we-btn-down:hover span {color: #fff}
.we-btn-down:hover span:before{opacity: 0;visibility: hidden}
.we-btn-down:hover span:after{opacity: 1;visibility: visible}

/*20240411 jbj Swiper 스타일링 조정*/
.swiper-wrapper {
    margin: 0 230px;
}

.swiper-container {
    width: 100%;
    height: 300px; /* 높이 조절 가능 */
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; /* 슬라이드 두 개가 보이도록 설정 */
}

.swiper-button-prev, .swiper-button-next {
    width: 50px; /* 버튼의 너비 */
    height: 50px; /* 버튼의 높이 */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}

.swiper-button-prev {
    left: 250px; /* 왼쪽 여백 조정 */
}

.swiper-button-next {
    right: 250px; /* 오른쪽 여백 조정 */
}